@charset "UTF-8";
@import "icofonts.css";

/* =====================================
reset
===================================== */
*, ::after, ::before { box-sizing:border-box; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body {
  position: relative;
  width: 100%;height: 100%;
  font-family: 'Noto Sans KR';
  font-weight: 400;
  line-height: 1.5;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}
button, input, select, textarea { 
  margin:0; font-family:'Noto sans KR';
  font-size:inherit; 
  line-height: inherit; 
  letter-spacing: -0.02em; 
}
textarea {resize: none;}
button, input[type=submit], input[type=button] {
  overflow: visible;
  margin: 0;
  background-color: transparent;
  border: none;
  -webkit-appearance: button;
  cursor: pointer;
  font: inherit;
  color: inherit;
}
span {word-break: break-word;}
html {font-size: 62.5%;}
body {font-size: 1.6rem;}

/* =====================================
font
===================================== */
/* Noto Sans KR Thin */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('../fonts/NotoSansKR-Thin.ttf') format('truetype');
  font-weight: 100;
  
}

/* Noto Sans KR ExtraLight */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('../fonts/NotoSansKR-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  
}

/* Noto Sans KR Light */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('../fonts/NotoSansKR-Light.ttf') format('truetype');
  font-weight: 300;
  
}

/* Noto Sans KR Regular */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('../fonts/NotoSansKR-Regular.ttf') format('truetype');
  font-weight: 400;
  
}

/* Noto Sans KR Medium */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('../fonts/NotoSansKR-Medium.ttf') format('truetype');
  font-weight: 500;
  
}

/* Noto Sans KR SemiBold */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('../fonts/NotoSansKR-SemiBold.ttf') format('truetype');
  font-weight: 600;
  
}

/* Noto Sans KR Bold */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('../fonts/NotoSansKR-Bold.ttf') format('truetype');
  font-weight: 700;
  
}

/* Noto Sans KR ExtraBold */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('../fonts/NotoSansKR-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  
}

/* Noto Sans KR Black */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('../fonts/NotoSansKR-Black.ttf') format('truetype');
  font-weight: 900;
  
}

/* =====================================
style
===================================== */
/* color */
:root {
  --Main: #02176A;
  --Point: #7748F4;
  --SD: #DBE7FF;
  --user_line: #333F54;
  --user_sd: #F5F9FC;
  --White: #FFFFFF;
  --balck: #222222;
  --sub_gray_0: #989BA8;
  --sub_grayc_0: rgba(192, 192, 192, 1);
  --sub_gray_1: #F6F6F6;
  --gray_text: #9CA3AF;
  --sub_gray_2: #E7E7E7;
  --sub_gray_3: #717171;
  --Blue: #0458F9;
  --pink: #FE5677;
  --green: #009797;
  --purple: #7F5BFA;
  --orange: #F87700;
  --td_bg: #F1F6FC;
  --input_re: #FDFFDE;
  --th_bg: #1B4896;
  --loading: linear-gradient(#0053F2 0%, #02B876 97%);
  --red: #E24243;
  --icon_line: #A0A8C3;
  --box_bg: #F7F8FA;
  --sub_gray_4: #A6A6A6;
  --cancel_gray: #555555;
  --point: rgba(119, 72, 244, 1);
  --shadow-3: 0px 8px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 2px 0px
    rgba(0, 0, 0, 0.08);
  --semantic-gap-5: var(--primitive-number-8);
  --semantic-gap-3: var(--primitive-number-5);
  --semantic-padding-8: var(--primitive-number-10);
  --semantic-radius-xlarge2: var(--primitive-number-7);
  --primitive-number-8: 16px;
  --primitive-number-5: 8px;
  --primitive-number-10: 24px;
  --primitive-number-7: 12px;
  --userline: rgba(51, 63, 84, 1);
  --tdbg: rgba(241, 246, 252, 1);
  --blue: rgba(4, 88, 249, 1);
  --green: rgba(0, 151, 151, 1);
}

/* blind */
.-blind {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
.caption-blind {position: absolute; left: -9999px;}

/* scrollbar */
::-webkit-scrollbar {width: 6px; height: 6px; border:none; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: none;}
::-webkit-scrollbar-track {background: transparent; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 1px rgba(241,241,241,.2);}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(225,225,225,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2);}

/* anchor */
a {color: var(--user_line, #333F54);text-decoration: none;cursor: pointer;}
a:hover {color: var(--Point, #7748F4);}

/* checkbox */
.checkbox input[type="checkbox"] {-webkit-appearance: none;-webkit-box-sizing: border-box;position: relative;width: 20px;height: 20px;cursor: pointer;outline: none !important;border-radius: 2px;border: 1px solid var(--gray_text, #9CA3AF);vertical-align: sub;background-color: #fff;padding: 0;}
.checkbox input[type="checkbox"]:checked {background-image: url(../images/icon/check.svg);background-position: center;background-repeat: no-repeat;background-size: 16px 16px;}
.checkbox label {color: var(--user_line, #333F54);font-size: 1.4rem;font-style: normal;font-weight: 500;line-height: 100%;}
.checkbox input[type="checkbox"]:checked + label {color: var(--Point, #7748F4);}

/* radiobox */
.radiobox input[type="radio"] {-webkit-appearance: none;-webkit-box-sizing: border-box;position: relative;width: 24px;height: 24px;cursor: pointer;outline: none !important;border-radius: 100%;border: 1px solid var(--gray_text, #9CA3AF);vertical-align: middle;background-color: #fff;padding: 0;}
.radiobox input[type="radio"]:checked { background-image: url(../images/icon/radio.svg);background-position: center;background-repeat: no-repeat;background-size: 12px 12px;}
.radiobox label {color: var(--sub_gray_0, #989BA8);font-size: 1.5rem;font-weight: 500;vertical-align: middle;}
.radiobox input[type="radio"]:checked + label {color: var(--user_line, #333F54);}
.radiobox-wp {display: flex;flex-wrap: wrap;gap: 8px;}
.radiobox-wp .radiobox {width: calc((100% / 5) - 15px);min-width: 208px;border-radius: 4px;background: var(--sub_gray_1, #F6F6F6);padding: 11px 19px;margin-right: 8px;}

/* button */
.btn {display: inline-flex; align-items: center;justify-content: center; border:none; cursor: pointer; background: transparent; padding: 0;}
.btn-txt::after {background-repeat: no-repeat;background-size: contain;background-position: center;}
.btn.basic-btn {gap: 6px;border-radius: 6px;border: 1px solid var(--sub_gray_2, #E7E7E7);background: #FFF;padding: 6px 8px;color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 500;}
.btn.basic-btn i {font-size: 1.8rem;}
.btn.basic-btn:hover {border: 1px solid rgba(119, 72, 244, 0.40);color: var(--Point, #7748F4);font-size: 1.4rem;font-weight: 500;}
/* color */
.btn.blue-btn {border-radius: 6px;background: var(--Blue, #0458F9);color: var(--White, #FFF);padding: 8px 14px;}
.btn.blue-btn:hover {background: #044fda;}
.btn.red-btn {border-radius: 6px;background: var(--red, #E24243);color: var(--White, #FFF);padding: 8px 14px;}
.btn.red-btn:hover {background: #c73a3a;}
.btn.orange-btn {border-radius: 6px;background: var(--orange, #F87700);color: var(--White, #FFF);padding: 8px 14px;}
.btn.orange-btn:hover {background: #db6a00;}
.btn.green-btn {border-radius: 6px;background: var(--green, #009797);color: var(--White, #FFF);padding: 8px 14px;}
.btn.green-btn:hover {background: #008181;}
.btn.gray-btn {border-radius: 6px;background: var(--sub_gray_0, #989BA8);color: var(--White, #FFF);padding: 8px 14px;}
.btn.gray-btn:hover {background: var(--sub_gray_3, #717171);}
.btn.gray-cancel-btn {border-radius: 6px;background: var(--White, #FFF); border: 1px solid #555555; color: var(--cancel_gray, #555555);padding: 8px 14px;}
.btn.gray-cancel-btn:hover {background: var(--sub_gray_1, #F6F6F6);}

.btn.main-btn {width: 100%;border-radius: 6px;background: linear-gradient(90deg, #2E7AFD 0%, #7748F4 90%);border: 1px solid transparent;color: var(--White, #FFF);font-size: 1.6rem;font-weight: 500;padding: 11px;}
.btn.main-btn:hover {background: var(--Main, #02176A);}
.btn.sub-btn {width: 100%;border-radius: 6px;background: var(--td_bg, #F1F6FC);border: 1px solid transparent;color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 500;padding: 11px;}
.btn.sub-btn:hover, .btn.sub-btn.active {border: 1px solid var(--user_line, #333F54);background: var(--White, #FFF);}
.basic-btn.next-btn {padding: 6px 8px 6px 14px;}
.basic-btn.next-btn .icon-arrow_back {transform: rotate(180deg);}

.btn-icon {display: inline-flex; align-items: center;justify-content: center; border:none; cursor: pointer; background: transparent; padding: 0;width: 36px;height: 36px;border-radius: 6px;font-size: 2.4rem;}
.btn-icon.basic-btn {border: 1px solid var(--sub_gray_2, #E7E7E7);background: #FFF;color: var(--Main, #02176A);}
.btn-icon.basic-btn:hover {border: 1px solid rgba(119, 72, 244, 0.40);color: var(--Point, #7748F4);}
.btn-icon.point-btn {width: 40px;border: 1px solid var(--sub_gray_2, #E7E7E7);background: #FFF;color: var(--Point, #7748F4);}
.btn-icon.point-btn:hover {background: var(--Point, #7748F4);color: #FFF;}

.view-more-btn {gap: 10px;width: 100%;padding: 15px 0px;border-radius: 6px;border: 1px solid var(--sub_gray_2, #E7E7E7);background: var(--sub_gray_1, #F6F6F6);color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 500;}
.view-more-btn i {font-size: 2.4rem;}
.view-more-btn:hover {background: var(--user_sd, #F5F9FC);}

.view-btn {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 2rem;height: 2rem;background: url(../images/icon/ico_input_view.svg) no-repeat center;}
.view-btn.hide {background: url(../images/icon/ico_input_hide.svg) no-repeat center;}

/* form */
.input-form input {width: 100%;color: var(--user_line, #333F54);font-size: 1.5rem;font-weight: 500;border-radius: 2px;background: #FFF;border: 1px solid transparent;padding: 8px 12px;}
.input-form input:focus {border: 1px solid rgba(156, 163, 175, 0.80);outline: none;}
.input-form input::placeholder {color: rgba(156, 163, 175, 0.56);}
.select-form {-webkit-appearance: none; /* Webkit */-moz-appearance: none; /* FF */-ms-appearance: none; /* Edge */appearance: none; /* Future */background: #FFFFFF;background-image: url("../images/select_arrow_down.png");background-repeat: no-repeat;background-position: right center;background-size: 21px 21px;}
.select-form:focus {background-image: url("../images/select_arrow_up.png");}
.select-form {color: var(--user_line, #333F54);font-size: 1.5rem;font-weight: 500;padding: 5px 30px 5px 10px;border: none;}
.date-form-wp {display: inline-flex;align-items: center;}
.date-form-wp .form-desc {color: var(--user_line, #333F54);font-size: 1.5rem;font-weight: 500;margin: 0 8px;}
.date-form-wp .date-form {max-width: 164px;}
.date-form {position: relative;}
.date-form input {width: 100%;color: var(--user_line, #333F54);font-size: 1.5rem;font-weight: 500;border-radius: 2px;background: #FFF;border: 1px solid transparent;padding: 8px 40px 8px 12px;}
.date-form input:focus {border: 1px solid rgba(156, 163, 175, 0.80);outline: none;}
.date-form input::placeholder {color: rgba(156, 163, 175, 0.56);}
.date-form > .btn {position: absolute;right: 12px;top: 9px;color: var(--user_line, #333F54);font-size: 2.1rem;}
.date-form > .btn:hover {color: var(--Point, #7748F4);}

/* calendar */
.calendar-wrap {display: none;position: absolute;top: calc(100% + 5px); width: 230px;border: 1px solid rgba(156, 163, 175, 0.80);border-radius: 5px;font-size: 1.2rem;padding: 10px;background: #fff;z-index: 99;}
.calendar-header {display: flex;justify-content: space-between;}
.calendar-header > .btn {font-size: 2rem;}
.calendar-header > .prev-btn {transform: rotate(90deg);}
.calendar-header > .next-btn {transform: rotate(270deg);}
.calendar-present {font-size: 1.4rem;font-weight: 700;}
.calendar-tbl {width: 100%;text-align: center;}
.calendar-tbl th, .calendar-tbl td {padding: 3px 0px;}
.calendar-tbl td.out {color: var(--sub_gray_0, #989BA8);}
.calendar-tbl td.today {border: 1px solid var(--Point, #7748F4);background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);font-weight: 700;}
.calendar-tbl td:hover {background: var(--Point, #7748F4); color: #fff;}
.calendar-year {margin-top: 6px;}
.calendar-year td {padding: 10px 0px;}

.ml-auto {margin-left: auto;}
.mr-auto {margin-right: auto;}

.f-right {float: right; justify-content: space-between; }
.f-left  {float: left;}


/* =====================================
layout
===================================== */
#wrap {width: 100%;/* height: 100%; */min-height: 100vh;display: flex;flex-direction: column;justify-content: flex-start;align-items: stretch;}

/* 본문 바로가기 */
#skip-nav {position: fixed;top: 0;left: 0;z-index: 10000;width: 100%;text-align: center;background-color: var(--balck, #222222);}
#skip-nav a:not(:focus) {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
#skip-nav a:focus {display: flex;align-items: center;justify-content: center;flex-direction: row;outline-offset: -0.4rem;outline: 2px solid rgba(255, 255, 255, 0.9);font-size: 1.5rem;color: var(--White, #FFFFFF);width: 100%;height: 3.2rem;margin: 0 auto;text-align: center;}

/* 누리집 배너 */
#header-top {position: relative;z-index: 70;width: 100%;background-color: #EDF1F5;}
#header-top .toggle-head {padding: 0;}
#header-top .toggle-head .inner {position: relative;gap: 0.4rem 1.6rem;min-height: 3.2rem;padding: 0.8rem 1.6rem 0.8rem 4.8rem;}
#header-top .toggle-head .nuri-txt {display: flex;align-items: center;font-size: 1.5rem;line-height: 1;white-space: nowrap;}
#header-top .toggle-head .nuri-txt::before {display: inline-flex;position: absolute;left: 1.6rem;content: '';width: 2.4rem;height: 1.6rem;margin-right: 0.8rem;background: url(../images/icon/top_ban_ico_flag.svg) no-repeat center;background-size: contain;}

/* header */
#header {position: sticky;top: 0;left: 0;z-index: 10000;width: 100%;background: var(--White, #FFF);box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.10);}
#header .inner {position: relative;height: 80px;display: flex;align-items: center;padding: 0 64px;}
#header .inner .logo {flex: 1;line-height: 100%;}
#header .inner .logo img {width: auto;height: 40px;}
#header .inner .gnb {flex: 2;text-align: center;}
#header .inner .gnb > ul {display: flex;justify-content: center;align-items: center;gap: 72px;}
#header .inner .gnb ul li {position: relative;white-space: nowrap;}
#header .inner .gnb ul li a {color: var(--Main, #02176A);font-size: 1.8rem;font-weight: 500;line-height: 100%;}    
#header .inner .gnb ul li::after {content: "";width: 0%;height: 0.3rem;background: var(--Point, #7748F4);position: absolute;left: 50%;bottom: -8px;opacity: 0;transition: 0.15s;}
#header .inner .gnb ul li.active::after, #header .inner .gnb ul li:hover::after {left: 0;width: 100%;opacity: 1;}
#header .inner .user-area {position: relative;flex: 1;display: flex;justify-content: flex-end;align-items: center;}
#header .inner .user-area .user {color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;line-height: 100%;white-space: nowrap;margin-right: 10px;}
#header .inner .user-area .user .name {font-weight: 500;}
#header .inner .user-area .btn-login {width: 103px;height: 42px;border-radius: 100px;background: var(--td_bg, #F1F6FC);color: var(--Main, #02176A);font-size: 1.4rem;font-weight: 400;line-height: 100%;letter-spacing: -0.5px;}
#header .inner .user-area .btn-login:hover {background-color: var(--Point, #7748F4);color: var(--White, #FFF);}
#header .inner .user-area .btn-login::before {display: inline-flex;content: "";width: 1.8rem;height: 2rem;background: url(../images/icon/ico_user.svg) no-repeat center;margin-right: 7px;}
#header .inner .user-area .btn-login:hover::before {background: url(../images/icon/ico_user_hover.svg) no-repeat center;}
#header .inner .user-area .btn-user-menu {width: 36px;height: 36px;border-radius: 100px;background-color: var(--td_bg, #F1F6FC);color: var(--Main, #02176A);font-size: 1.8rem;}
#header .inner .user-area .btn-user-menu:hover {background-color: var(--Point, #7748F4);color: var(--White, #FFF);}
#header .inner .user-area .user-option {position: absolute;top: calc(100% + 5px);right: 0;display: inline-flex;padding: 6px;flex-direction: column;align-items: stretch;gap: 4px;border-radius: 10px;border: 1px solid #D0D0D0;background: #FFF;box-shadow: 0px 4px 10px 0px rgba(136, 136, 136, 0.18);}
#header .inner .user-area .user-option {display: none;}
#header .inner .user-area .user-option .option {display: block;padding: 8px 12px;border-radius: 6px;background: var(--White, #FFF);color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 500;line-height: 100%;white-space: nowrap;}
#header .inner .user-area .user-option .option > i {color: var(--gray_text, #9CA3AF);font-size: 1.5rem;margin-right: 7px;}
#header .inner .user-area .user-option .option:hover {color: #7748F4;background: var(--sub_gray_1, #F6F6F6);}
#header .inner .user-area .user-option .option:hover > i {color: #7748F4;}

/* container */
#container {flex: 1;display: flex;flex-direction: row;justify-content: flex-start;align-items: stretch;align-content: stretch;position: relative;}
#container .content {flex: 1;display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}

/* footer banner */
#footer .family { width: 100%; padding: 2px; background-image: url(../images/family_bg.jpg); }
#footer .family .family-box { max-width: 1470px; margin: 0 auto; }
#footer .family .family-box ul { display: flex; align-items: center; justify-content: center; width: 100%; margin: 0; padding: 0; list-style: none; gap: 0px; position: relative; }
#footer .family .family-box ul li { color: #F6F6F6; font-size: 1.4rem; font-weight: 700; display: flex; align-items: center; }
#footer .family .family-box ul li:first-child { position: absolute; left: 0; }
#footer .family .family-box ul li.family-arrow { margin-left: 180px; margin-right: 67.5px; }
#footer .family .family-box ul li:nth-child(3) { margin-right: 67.5px; }
#footer .family .family-box ul li a:hover { transform: translateY(-2px); }

/* footer */
#footer {width: 100%; background: #FFFFFF;margin-top: auto;}
#footer .inner {max-width: 1470px;margin: 0 auto;}
#footer .inner .footer-menu {border-bottom: 1px solid #FFF;padding: 23px 0;}
#footer .inner .footer-menu ul {display: flex;flex-wrap: wrap;gap: 40px;}
#footer .inner .footer-menu ul li a {color: #1D2440;font-size: 1.4rem;font-weight: 500;line-height: 100%;}
#footer .inner .footer-menu ul li a:hover {color: #7D46F1;}
#footer .inner .address-box {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 23px 0;}
#footer .inner .address-box ul {display: flex;flex-wrap: wrap;gap: 30px;margin-bottom: 10px;}
#footer .inner .address-box ul li {color: #626F86;font-size: 1.4rem;font-weight: 700;line-height: 30px;}
#footer .inner .address-box ul li span {color: var(--sub_gray_4, #A6A6A6);font-weight: 500;margin-left: 6px;}
#footer .inner .address-box .copy {color: #494E62;font-size: 1.2rem;font-weight: 500;line-height: 24px;}

/* =====================================
modal
===================================== */
/* modal */
.modal {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.75); z-index:1000;}
.modal-wrap {display:flex;display: -ms-flexbox;display: -webkit-flex;height:100vh;justify-content: center;align-items: center;padding: 20px;overflow: auto;}
.modal-inner {position: relative; background:#fff;max-width:90vw;display: flex;flex-direction: column;justify-content:flex-start;margin: auto;}
.modal-inner.radius {border-radius: 16px;}
.modal-inner.radius .modal-header {border-radius: 16px 16px 0 0;overflow: hidden;padding: 24px 25px 16px 0px;margin: 0 32px;border-bottom: 1px solid rgba(156, 163, 175, 0.60);}
.modal-inner.radius .close-modal-btn {top: 27px;right: 35px;}
.modal-inner.radius .modal-content .conts-area {padding: 20px 32px 35px;}
.modal-inner.radius .modal-footer {height: auto;border-radius: 0 0 16px 16px;overflow: hidden;}
.modal-inner.radius .modal-footer .btn-wp {padding: 0px 32px 24px;}
.modal-inner .close-modal-btn {position: absolute;top: 44px;right: 42px;display: inline-flex;justify-content: center;align-items: center;}
.modal-inner .close-modal-btn i {font-size: 1.9rem;color: var(--gray_text,#9CA3AF);}
.modal-inner .close-modal-btn:hover i {color: var(--Point, #7748F4);;}
.modal-inner .modal-header {padding: 40px 65px 25px 40px;}
.modal-inner .modal-header .title {color: var(--user_line, #333F54);font-size: 2rem;font-weight: 700;}
.modal-inner .modal-content {flex: auto;display: flex;justify-content: flex-start;overflow: hidden;}
.modal-inner .modal-content .conts-area {width: 100%;min-width:300px;overflow: auto;padding: 0 40px 35px;}
.modal-inner .modal-content .conts-area .con-tit {color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 700;line-height: 24px;padding: 24px 0 9px;}
.modal-inner .modal-footer {height: 64px;}
.modal-inner .modal-footer .btn-wp {width: 100%;height: 100%;display: flex;justify-content: flex-end;align-items: center;gap: 6px;padding: 0 15px;}
/* .modal-inner .modal-footer .btn-wp .btn {color: var(--White, #FFF);font-size: 1.6rem;font-weight: 500;} */
/* .modal-inner .modal-footer .btn-wp .line {display: inline-block;width: 2px;height: 14px;background: #7C8698;vertical-align: middle;margin: 0 15px;} */
.modal-inner .modal-footer .w-btn-wp {display: flex;height: 100%;}
.modal-inner .modal-footer .w-btn-wp .btn {flex: 1;}
.modal-inner .modal-footer .w-btn-wp .download-btn {background: var(--user_line, #333F54);color: var(--White, #FFF);font-size: 1.6rem;font-weight: 500;line-height: 100%;}
.modal-inner .modal-footer .w-btn-wp .download-btn i {font-size: 3.2rem;margin-right: 8px;}
.modal-inner .modal-footer .w-btn-wp .download-btn:hover {background: var(--Main, #02176A);}

/* alert modal */
.alert-modal {z-index:9000 !important;}

/* user modal */
.user-modal {z-index:2000 !important;}
.user-modal .modal-inner {border-radius: 16px;background: #FFF;}
/* .user-modal .modal-inner .close-modal-btn {right: 24px;top: 24px;} */
.user-modal .modal-inner .modal-header {padding: 42px 68px 30px;}
.user-modal .modal-inner .modal-header .title {color: var(--user_line, #333F54);font-size: 2.4rem;font-weight: 700;}
.user-modal .modal-inner .modal-content .login-form-area, .user-modal .modal-inner .modal-content .sign-form-area {padding: 0px 68px 70px;}
.user-modal .modal-inner .modal-content .login-form-area .login-logo {margin-bottom: 45px;}
.user-modal .modal-inner .modal-content .login-form-area .login-logo img {width: 200px;height: auto;}
.user-modal .modal-inner .modal-content .sign-form-area .login-logo {margin-bottom: 10px;}
.user-modal .modal-inner .modal-content .sign-form-area .text {color: var(--Main, #02176A);font-size: 1.8rem;font-weight: 400;margin-bottom: 33px;}
.user-modal .modal-inner .modal-content .sign-form-area .text b {font-weight: 700;}
.user-modal .modal-inner .modal-content .sign-form-area .login-btn {margin-bottom: 10px;}
.user-modal .modal-inner .modal-content .sign-form-area .sns-login .sign-txt {position: absolute;top: -12px;background: #FFF;color: var(--gray_text, #9CA3AF);font-size: 1.6rem;font-style: normal;font-weight: 500;padding: 0 23px;}
.user-modal .modal-inner .modal-content .sign-form-area .sns-login {position: relative;border: 1px solid var(--sub_gray_2, #E7E7E7);border-radius: 6px;padding: 34px 40px 28px;margin-top: 40px;}

.user-modal .modal-inner .modal-content .user-form-area {padding: 0px 68px 50px;}
.user-modal .user-form .input-item {position: relative;width: 100%;height: 60px;border-bottom: 1px solid var(--gray_text, #9CA3AF);background: #FFF;margin-top: 16px;}
.user-modal .user-form .input-item:first-child {margin-top: 0;}
.user-modal .user-form .input-item.focus {border-bottom-color: var(--user_line, #333F54);}
.user-modal .user-form .input-item input {width: 100%;height: 100%;color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 400;line-height: 24px;border: none;}
.user-modal .user-form .input-item input:focus {outline: none;}
.user-modal .user-form .input-item input::placeholder {color: var(--gray_text, #9CA3AF);}
.user-modal .user-form .input-item.pw {padding-right: 30px;}
.user-modal .find-btn, .sign-up-btn {width: 100%;padding: 15px;border-radius: 6px;background: var(--td_bg, #F1F6FC);border: 1px solid transparent;color: var(--user_line, #333F54);font-size: 1.8rem;font-weight: 500;line-height: 27px;}
.user-modal .find-btn:hover, .user-modal .sign-up-btn:hover {border: 1px solid var(--user_line, #333F54);background: var(--White, #FFF);}
.user-modal .find-btn.find-id {margin-top: 47px;}
.user-modal .find-btn.find-pw {margin-top: 26px;}
.user-modal .login-btn {width: 100%;padding: 18px;border-radius: 6px;background: linear-gradient(90deg, #2E7AFD 0%, #7748F4 90%);border: none;color: var(--White, #FFF);font-size: 1.8rem;font-weight: 700;line-height: 27px;}
.user-modal .login-btn:hover {background: var(--Main, #02176A);}
.user-modal .user-form-area .login-btn {margin-top: 16px;}
.user-modal .login-bottom {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 16px 0 38px;}
.user-modal .login-bottom .link {display: flex;align-items: center;}
.user-modal .login-bottom .link a {font-size: 1.4rem;font-weight: 500;}
.user-modal .login-bottom .link .line {display: inline-block;width: 2px;height: 18px;background: #E7E7E7;margin: 0 14px;}
.user-modal .sign-up-btn {margin-top: 12px;}
.user-modal .sns-login {display: flex;justify-content: space-around;gap: 40px;padding: 0 40px;margin-top: 32px;}
.user-modal .sns-login a {display: block;text-align: center;}
.user-modal .sns-login a img {width: 72px;height: auto;}
.user-modal .sns-login a span {display: block;color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;line-height: 21px;}
.user-modal .text {color: #333F54;font-size: 1.8rem;font-weight: 500;}
.user-modal .point {color: #7748F4;}
.user-modal .guid-box {background: #F5F9FC;padding: 28px;font-size: 1.5rem;font-weight: 500;color: #02176A;word-break: break-word;text-align: left;margin-top: 25px;}

.help-msg {display: block;color: #E24243;font-style: italic;font-size: 1.3rem;margin-top: 3px;}
.guid-msg {display: block;color: var(--Blue, #0458F9);font-size: 1.3rem;margin-top: 3px;}

/* vdo bg */
#vdo-bg::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 53.15%;background: linear-gradient(180deg, #FFF 2.6%, rgba(255, 255, 255, 0.00) 79.13%);}
#vdo-bg::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 56.54%;background: linear-gradient(0deg, #FFF 14.16%, rgba(255, 255, 255, 0.00) 76.78%);}
#vdo-bg {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;opacity: 0.4;}
#vdo-bg video {display: block;height: 100%;width: 100%;object-fit: cover;}
.vdo-cover {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: -1;background: linear-gradient(180deg, rgba(227, 233, 255, 0.40) 6.5%, rgba(255, 255, 255, 0.40) 100%);background-blend-mode: multiply;}

/* =====================================
sidenav
===================================== */
.sidenav {position: sticky;top: 80px;display: flex;flex-direction: column;width: 244px;height: calc(100vh - 80px);background: #FFF;border-right: 1px solid var(--sub_gray_2, #E7E7E7);flex-shrink: 0;overflow: hidden;}
.sidenav .sidenav-header {position: relative;padding: 38px 0 28px;padding-right: 20px;margin: 0 24px;border-bottom: 1px solid var(--sub_gray_2, #E7E7E7);}
.sidenav .close-sidenav-btn {display: none;position: absolute;right: 0;top: 40px;}
.sidenav .sidenav-header .user {color: var(--balck, #222);font-size: 1.8rem;font-weight: 400;}
.sidenav .sidenav-header .user .name {font-weight: 500;}
.sidenav .sidenav-header .email {color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;margin-top: 5px;}
.sidenav .sidenav-body {flex: auto;overflow: auto;}
.sidenav .sidenav-mask {display: none;position: fixed;top: 0;left: 0;width: calc(100% - 244px);margin-left: 244px;height: 100vh;background-color: rgba(37, 47, 74, 0.8);z-index: 1;}

.nav-menu {padding: 25px 24px;}
/* depth1 */
.nav-menu .depth1 > li > .menu-name {position: relative;}
.nav-menu .depth1 > li > .menu-name a {display: flex;align-items: center;border-bottom: 1px solid var(--sub_gray_1, #F6F6F6);background: var(--White, #FFF);padding: 12px 36px 12px 12px;color: var(--user_line, #333F54);font-size: 1.5rem;font-weight: 400;}
.nav-menu .depth1 > li > .menu-name a i {font-size: 2.3rem;margin-right: 8px;vertical-align: sub;}
.nav-menu .depth1 > li > .menu-name .btn {position: absolute;right: 12px;top: 12px;font-size: 2.4rem;color: var(--user_line, #333F54);}
.nav-menu .depth1 > .selected > .menu-name a, .nav-menu .depth1 > li > .menu-name:hover a {border-bottom: 1px solid var(--SD, #DBE7FF);background: var(--box_bg, #F7F8FA);color: var(--Blue, #0458F9);font-weight: 500;}
.nav-menu .depth1 > .selected > .menu-name .btn, .nav-menu .depth1 > li > .menu-name:hover .btn {color: var(--Blue, #0458F9);}
.nav-menu .depth1 > li.on > .menu-name .btn {transform: rotate(180deg);}
/* depth2 */
.nav-menu .depth2 > li > .menu-name a {display: block;border-bottom: 1px solid var(--sub_gray_1, #F6F6F6);background: var(--White, #FFF);padding: 11px 0 11px 48px;color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;}
.nav-menu .depth2 > li.selected > .menu-name a, .nav-menu .depth2 > li > .menu-name:hover a {color: var(--Blue, #0458F9);}

.nav-menu .depth1 > li > .depth2 {display: none;}
.nav-menu .depth1 > li.on > .depth2 {display: block;}



/* =====================================
aside
===================================== */
.aside {position: relative;width: 78px;background: #FFF;padding: 16px 8px 20px;flex-shrink: 0;}

/* aside-menu */
.aside .aside-menu {position: relative;height: 100%;border-radius: 8px;background: var(--Main, #02176A);box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.25);padding: 30px 0 13px;display: flex;flex-direction: column;align-items: center;z-index: 2;}
.aside .aside-menu .btn {position: relative;}
.aside .aside-menu .open-btn {position: absolute;top: 19px;color: #8C99CE; font-size: 1.4rem;opacity: 0.5;}
.aside .aside-menu .open-btn:hover {color: #9058FF;opacity: 1;}
.aside .aside-menu .open-btn i {transform: rotate(180deg);}
.aside .aside-menu .newchat-btn, .aside .aside-menu .newreport-btn {width: 44px;height: 44px;border-radius: 8px;background: linear-gradient(140deg, #3A72FC 15.73%, #7748F4 66.36%);color: #FFF;font-size: 2rem;}
.aside .aside-menu .newchat-btn .btn-label, .aside .aside-menu .newreport-btn .btn-label {left: calc(100% + 9px);}
.aside .aside-menu .menu-list {flex: auto;display: flex;flex-direction: column;align-items: center;gap: 40px;}
.aside .aside-menu .menu-list .btn {width: 26px;height: 26px; font-size: 2.6rem;color: #8C99CE;}
.aside .aside-menu .menu-list .btn:hover, .aside .aside-menu .menu-list .btn.active {color: #FFF;}
.aside .aside-menu .menu-list .btn.active .btn-label {display: none;}
.aside .aside-menu .btn-label {display: none;position: absolute;left: calc(100% + 14px);border-radius: 6px;background: var(--Blue, #0458F9);padding: 3px 12px;color: #FFF;font-size: 1.4rem;font-weight: 500;white-space: nowrap;z-index: 5;}
.aside .aside-menu .btn:hover .btn-label {display: block;}

/* aside-layer */
.aside .aside-layer .layer-item {position: absolute;left: 100%;top: 0;width: calc(100vw - 60px);max-width: 304px;height: 100%;background: #FFF;padding: 60px 24px 22px 11px; z-index: 1;}
.aside .aside-layer .layer-item.active {display: block;}
.aside .aside-layer .layer-item .close-btn {position: absolute;top: 31px;right: 16px;color: #9CA3AFB2;font-size: 1.4rem;}
.aside .aside-layer .layer-item .close-btn:hover {color: var(--Point, #7748F4);}
.aside .aside-layer .layer-item .layer-in {display: flex;flex-direction: column;height: 100%;overflow: auto;}
/* .aside .aside-layer .layer-item .layer-in .group {flex: 1;display: flex;flex-direction: column;overflow: hidden;} */
.aside .aside-layer .layer-item .layer-in .group .g-head {display: flex;align-items: center;padding-bottom: 12px;}
.aside .aside-layer .layer-item .layer-in .group .g-head .title {color: var(--user_line, #333F54);font-size: 2.2rem;font-weight: 500;}
.aside .aside-layer .layer-item .layer-in .group .g-head .delete-btn {border-radius: 4px;background: var(--sub_gray_1, #F6F6F6);padding: 5px 10px;color: var(--sub_gray_3, #717171);font-size: 1.2rem;font-weight: 500;margin-left: auto;}
.aside .aside-layer .layer-item .layer-in .group .g-head .delete-btn:hover {background: rgba(219, 231, 255, 0.60);color: var(--Blue, #0458F9);}
.aside .aside-layer .layer-item .layer-in .group .g-conts {overflow-y: auto;}
.aside .aside-layer .layer-item .timestamp {color: var(--Point, #7748F4);font-size: 1.2rem;font-weight: 500;margin-bottom: 5px;}
.aside .aside-layer .layer-item .guid-msg {font-size: 1.2rem;margin-top: 0;margin-bottom: 5px;word-break: break-all;}
.aside .aside-layer .layer-item .upload-size {text-align: right;color: var(--Point, #7748F4);font-size: 1.2rem;font-weight: 400;margin-bottom: 5px;}
.aside .aside-layer .layer-item .upload-size b {font-weight: 500;}

/* [component] - report list */
.report-list {display: flex;flex-direction: column;gap: 8px;}
.report-list > li  {display: block;padding: 11px 16px 10px;border-radius: 8px;border: 1px solid var(--sub_gray_2, #E7E7E7);background: #FFF;}
.report-list > li:hover {border: 1px solid rgba(2, 23, 106, 0.30);}
.report-list > li .text {overflow: hidden;color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-top: 6px;}
.report-list > li .group {display: flex;align-items: center;justify-content: space-between;}
.report-list > li .group .delete-btn {color: var(--red, #E24243);font-size: 17px;}

/* [component] - card */
.card {padding: 6px;border-radius: 8px;border: 1px solid var(--sub_gray_2, #E7E7E7);background: #FFF;margin-bottom: 20px;}
.card.list-hover > ul > li:hover {background-color: var(--sub_gray_1, #F6F6F6);border-radius: 3px;}
.card > ul > li {display: flex;align-items: center;padding: 5px;}
.card > ul > li .text {color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.card > ul > li .text:hover {color: var(--Blue, #0458F9);}
.card > ul > li input[type="checkbox"] {flex-shrink: 0;width: 15px;height: 15px;margin-right: 8px;}
.card > ul > li label, .card > ul > li p {color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.card > ul > li input[type="checkbox"]:checked + label {color: var(--Blue, #0458F9);}
.card > ul > li .label {margin-right: 6px;}
.card > ul > li .remove-btn {flex-shrink: 0;font-size: 1.8rem;color: #989BA880;margin-left: auto;}
.card > ul > li .remove-btn:hover {color: #989BA8;}
.card > ul > li .more-btn {flex-shrink: 0;font-size: 1.8rem;color: transparent;margin-left: auto;}
.card > ul > li:hover .more-btn {color: #989BA880;}
.card > ul > li .more-btn:hover {color: #989BA8;}

/* [component] - option-lyr */
.option-lyr {min-width: 160px;padding: 14px 16px;border-radius: 8px;border: 1px solid var(--sub_gray_2, #E7E7E7);background: #FFF;box-shadow: 0px 4px 10px 0px rgba(136, 136, 136, 0.18); z-index:1000;} /* DJKIM index 수정 */
.option-lyr ul {display: flex;flex-direction: column;gap: 8px;}
.option-lyr ul li > button {display: flex;align-items: center;color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;padding: 2px 0;}
.option-lyr ul li > button i {display: inline-block;width: 20px;font-size: 17px;margin-right: 5px;}
.option-lyr ul li > button:hover {color: var(--Main, #02176A);}
.option-lyr ul li > button.delete-btn {color: var(--red, #E24243);}


/* [component] - upload */
.upload-box {width: 100%;border-radius: 8px;background: var(--td_bg, #F1F6FC);padding: 14px;}
.upload-box .loader-wp {min-height: 128px;}
.upload-box .upload {width: 100%;min-height: 128px;border-radius: 8px;border: 1px dashed rgba(51, 63, 84, 0.30);padding: 70px 0px 15px;background: url(../images/upload_icon.png) no-repeat center top 10px;}
.upload-box .upload p {color: #9298BA;text-align: center;font-size: 1.3rem;font-weight: 400;}
.aside .upload-box {margin-bottom: 8px;}

.upload-box .upload-list {min-height: 128px;border-radius: 8px;background: #FFF;padding: 21px 32px;}
.upload-box .upload-list li {display: flex;margin-bottom: 8px;}
.upload-box .upload-list li:last-child {margin-bottom: 0;}
.upload-box .upload-list li p {color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.upload-box .upload-list li .file-size {flex-shrink: 0;margin-left: auto;color: var(--gray_text, #9CA3AF);font-size: 1.4rem;font-weight: 400;padding-left: 8px;}
.upload-box .delete-btn {color: var(--gray_text, #9CA3AF);font-size: 2rem;margin-right: 9px;}
.upload-box .delete-btn:hover {color: var(--Point, #7748F4);}

.upload-board .upload-list {min-height: 128px;border-radius: 8px;background: #FFF;padding: 21px 32px;}
.upload-board .upload-list li {display: flex;margin-bottom: 8px;}
.upload-board .upload-list li:last-child {margin-bottom: 0;}
.upload-board .upload-list li p {color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.upload-board .upload-list li .file-size {flex-shrink: 0;margin-left: auto;color: var(--gray_text, #9CA3AF);font-size: 1.4rem;font-weight: 400;padding-left: 20px;}
.upload-board .delete-btn {color: var(--gray_text, #9CA3AF);font-size: 2rem;margin-right: 9px;}
.upload-board .delete-btn:hover {color: var(--Point, #7748F4);}


/* [component] - report box */
.report-box-overlay {position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.8);}
.report-box {position: fixed;border-radius: 4px;border: 1px solid rgba(156, 163, 175, 0.60);padding: 12px 16px;color: #555;font-size: 1.5rem;font-weight: 400;}
.report-box h6 {font-weight: 500;}
.report-box > ::selection, .report-box .selection {background-color: #dbe7ff;}
.report-box .search-panel {position: absolute;max-width: 100%;width: 360px;border-radius: 6px;border: 1px solid var(--gray_text, #9CA3AF);background: linear-gradient(180deg, #FFF -4.95%, #F8F8F8 100%);box-shadow: 0px 8px 16px 0px rgba(45, 45, 45, 0.20);padding: 13px;}
.report-box .result-panel {position: absolute;max-width: 538px;border-radius: 6px;border: 1px solid var(--gray_text, #9CA3AF);background: linear-gradient(180deg, #FFF -4.95%, #F8F8F8 100%);box-shadow: 0px 8px 16px 0px rgba(45, 45, 45, 0.20);padding: 13px 8px 8px 18px;color: var(--Main, #02176A);font-size: 1.5rem;font-weight: 500;}

/* [component] - report part */
.report-part-overlay {position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.6);}
.report-part-box {position: fixed;width: 538px; font-size: 1.5rem;font-weight: 400; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.report-part-box h6 {font-weight: 500;}
.report-part-box > ::selection, .report-part-box .selection {background-color: #dbe7ff;}

.report-part-box .search-panel {width: 100%;border-radius: 6px;border: 1px solid var(--gray_text, #9CA3AF);background: linear-gradient(180deg, #FFF -4.95%, #F8F8F8 100%);box-shadow: 0px 8px 16px 0px rgba(45, 45, 45, 0.20);padding: 13px;}
.report-part-box .search-header {height: 40px; }
.report-part-box .search-header .title {color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 700;}
.report-part-box .close-modal-btn {position: absolute;top: 14px;right: 14px;display: inline-flex;justify-content: center;align-items: center;}
.report-part-box .close-modal-btn i {font-size: 1.6rem;color: var(--gray_text,#9CA3AF);}
.report-part-box .close-modal-btn:hover i {color: var(--Point, #7748F4);;}
.report-part-box .result-panel {width: 100%; min-height:60px;border-radius: 6px;border: 1px solid var(--gray_text, #9CA3AF);margin-top:-2px; background: linear-gradient(180deg, #FFF -4.95%, #F8F8F8 100%);box-shadow: 0px 8px 16px 0px rgba(45, 45, 45, 0.20);padding: 13px 8px 8px 18px;color: var(--Main, #02176A);font-size: 1.5rem !important;font-weight: 500;}
.report-part-box .result-panel .btn-wp {display: flex;justify-content: flex-end;;gap: 8px;padding-top: 7px}

/* [component] - scrap box */
.scrap-box {width: 100%;border-radius: 8px;background: var(--td_bg, #F1F6FC);padding: 14px;}
.scrap-box .scrap-list {min-height: 128px;border-radius: 8px;background: #FFF;padding: 21px 32px;}
.scrap-box .scrap-list li {display: flex;align-items: flex-start;margin-bottom: 8px;}
.scrap-box .scrap-list li:last-child {margin-bottom: 0;}
.scrap-box .scrap-list li p {color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;padding-right: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.scrap-box .scrap-list .delete-btn {color: var(--gray_text, #9CA3AF);font-size: 2rem;margin-right: 9px;}
.scrap-box .scrap-list .delete-btn:hover {color: var(--Point, #7748F4);}
.scrap-box .scrap-list .more-btn {flex-shrink: 0;width: 32px;height: 32px;border-radius: 4px;background: var(--user_sd, #F5F9FC);color: var(--Blue, #0458F9);font-size: 2rem;margin-left: auto;}
.scrap-box .scrap-list .more-btn:hover {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}
.scrap-box .scrap-list .more-btn:hover i {transform: rotate(180deg);}
.scrap-box .scrap-list li.on p {color: var(--Main, #02176A);display: block;overflow: visible;}
.scrap-box .scrap-list li.on .more-btn {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}
.scrap-box .scrap-list li.on .more-btn i {transform: rotate(180deg);}

/* guide btn */
.guide-btn i {font-size: 2rem;color: #7748F4;}
.guide-btn:hover i {color: var(--Main, #02176A);}


/* =====================================
메인
===================================== */
.main .main-area {width: 100%;max-width: 1360px;margin: 0 auto;}
.main-area .area-tit, .media-area .area-tit {color: var(--Main, #02176A);font-size: 2.2rem;font-weight: 700;line-height: 100%; /* 22px */margin-bottom: 24px;}

/* search-area */
.main .search-area .inner {padding: 72px 0 70px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.main .search-area .title-group {padding-right: 20px;}
.main .search-area .title-group .main-logo img {width: 228px;height: auto;}
.main .search-area .title-group .text {color: var(--Main, #02176A);font-size: 2.2rem;font-weight: 400;line-height: 36px; margin-top: 16px;}
.main .search-area .title-group .text b {font-weight: 700;}
.main .search-area .search-group {position: relative;padding-top: 63px;display: flex;justify-content: flex-end;flex: auto;flex-shrink: 0;}
.main .search-area .search-group .guide-btn {position: absolute;right: 17px;top: 34px;}
.main .search-area .search-group .filter-wp .guide-txt {position: absolute;top: -50px;left: 50%;transform: translateX(-50%);display: flex;width: 205px;align-items: center;padding: 10px 12px;border-radius: 6px;background: var(--sub_gray_1, #F6F6F6);color: var(--Main, #02176A);font-size: 1.3rem;font-weight: 500;line-height: 100%;box-shadow: 0px 5px 5px 0px rgba(136, 136, 136, 0.3);justify-content: space-between;}
.main .search-area .search-group .filter-wp .guide-txt::after {content: '';display: inline-flex;width: 16px;height: 14px;background: url(../images/icon/ico_polygon.svg) no-repeat center;position: absolute;left: calc(50% - 8px);bottom: -9px;}
.main .search-area .search-group .filter-wp .guide-txt .close-btn i {font-size: 1.6rem;color: var(--sub_gray_0,#989BA8);}
.main .search-area .search-group .filter-wp {position: relative;padding-right: 10px;padding-bottom: 10px;}
.main .search-area .search-group .filter-wp .filter-btn {display: flex;width: 82px;height: 56px;padding: 14px 8px 14px 16px;justify-content: space-between;align-items: center;border-radius: 50px;border: 2px solid var(--Point, #7748F4);background: var(--Point, #7748F4);}
.main .search-area .search-group .filter-wp .filter-btn .icon-keyboard_arrow {font-size: 2.4rem;color: #FFF;}
.main .search-area .search-group .filter-wp .filter-btn .select > i {font-size: 2.8rem;color: #FFF;vertical-align: middle;}
/*.main .search-area .search-group .filter-wp .filter-btn:hover .icon-keyboard_arrow {transform: rotate(180deg);}*/
.main .search-area .search-group .filter-wp .filter-btn .icon-keyboard_arrow.rotate {transform: rotate(180deg);}
.main .search-area .search-group .filter-wp .filter-txt {color: var(--Point, #7748F4);font-size: 1.6rem;text-align: center;font-weight: 500;margin-top: 3px;}
.main .search-area .search-group .filter-wp .filter-option {position: absolute;top: 61px;left: 50%;transform: translateX(-50%);display: flex;width: 204px;flex-direction: column;align-items: flex-start;gap: 4px;padding: 8px;border-radius: 10px;border: 1px solid #D0D0D0;background: #FFF;box-shadow: 0px 4px 10px 0px rgba(136, 136, 136, 0.18);z-index: 1;}
.main .search-area .search-group .filter-wp .filter-option li {width: 100%;}
.main .search-area .search-group .filter-wp .filter-option .option {width: 100%;border-radius: 8px;background: var(--White, #FFF);border: none;padding: 12px;text-align: left;}
.main .search-area .search-group .filter-wp .filter-option .option:hover {background: var(--sub_gray_1, #F6F6F6);}
.main .search-area .search-group .filter-wp .filter-option .option .tit {display: block; color: #7748F4;font-size: 1.4rem;font-weight: 700;margin-bottom: 7px;}
.main .search-area .search-group .filter-wp .filter-option .option .tit i {font-size: 1.9rem;margin-right: 5px;vertical-align: sub;}
.main .search-area .search-group .filter-wp .filter-option .option .text {display: block; color: var(--sub_gray_3, #717171);font-size: 1.3rem;font-weight: 500;line-height: 20px;}
.main .search-area .search-group .search-form {position: relative;width: 100%;max-width: 703px;height: 150px;border-radius: 24px;border: 3px solid var(--Main, #02176A);background: #FFF;padding: 25px 85px 25px 26px;}
.main .search-area .search-group .search-form .form-control {width: 100%;height: 100%;padding: 0;border: 0;resize: none;color: var(--Main, #02176A);font-size: 1.8rem;font-weight: 700;}
.main .search-area .search-group .search-form .form-control::placeholder {color: rgba(156, 163, 175, 0.56);}
.main .search-area .search-group .search-form .form-control:focus {outline: none;}
.main .search-area .search-group .search-form .search-btn {position: absolute;bottom: 18px;right: 18px;}
/* 공통 검색버튼 */
.search-form .search-btn {width: 56px;height: 56px;border-radius: 100px;background: var(--Main, #02176A);color: var(--White, #FFF);font-size: 1.8rem;font-weight: 700;line-height: 24px;}
.search-form .search-btn:hover {background: var(--Point, #7748F4);}
.search-form .search-btn i {font-size: 3rem;color: #FFFFFF;}

/* media-area */
.main .media-area .inner {padding-bottom: 90px;}

/* =====================================
지능형 검색
===================================== */
#container.search-ai, #container.archive-ai {overflow: hidden;}
.search-ai .detail-srch-area, .search-ai .results-area, .search-ai .media-area, .search-ai .press-area, .archive-ai .detail-srch-area {width: 100%;max-width: 1360px;margin: 0 auto;}
.search-ai .media-area .inner {padding-top: 40px;}
.search-ai .media-area:last-child .inner {padding-bottom: 50px;}
.search-ai .detail-srch-area .inner {padding-top: 64px;}

/* .search-ai .search-wp {position: relative;margin-bottom: 15px;} */
.search-ai .search-wp .guide-btn {position: absolute;right: 33px;top: -27px;}
.search-ai .search-wp .search-form {position: relative;width: 100%;height: 80px;border-radius: 100px;border: 3px solid var(--Main, #02176A);background: #FFF;padding: 12px 140px 12px 47px;}
.search-ai .search-wp .search-form input {width: 100%;height: 100%;color: var(--Main, #02176A);font-size: 2rem;font-weight: 700;border: none;}
.search-ai .search-wp .search-form input:focus {outline: none;}
.search-ai .search-wp .search-form input::placeholder {color: rgba(156, 163, 175, 0.56);}
.search-ai .search-wp .search-form .search-btn {position: absolute;top: 10px;right: 81px;}
.search-ai .search-wp .search-form .detail-btn {position: absolute;top: 10px;right: 17px;}
.search-form .detail-btn {width: 56px;height: 56px;border-radius: 100px;background: linear-gradient(133deg, #2282FF 0%, #7748F4 66%);color: var(--White, #FFF);font-size: 1.8rem;font-weight: 700;line-height: 24px;}
.search-form .detail-btn:hover {background: var(--Main, #02176A);}
.search-form .detail-btn i {font-size: 2.3rem;color: #FFFFFF;}
.search-form .detail-btn .icon-check {font-size: 1.9rem;}

.search-ai .detail-srch-area .detail-srch-wp {display: none;}
.search-ai .detail-srch-area.detail-show .detail-srch-wp {display: block;}

/* =====================================
미디어 자료실
===================================== */
#container.archive-ai {overflow: hidden;}
.archive-ai .detail-srch-area, .archive-ai .results-area, .archive-ai .media-area {width: 100%;max-width: 1360px;margin: 0 auto;}
.archive-ai .media-area .inner {padding-top: 40px;}
.archive-ai .media-area:last-child .inner {padding-bottom: 50px;}
.archive-ai .detail-srch-area .inner {padding-top: 64px;}
.archive-ai .results-area .inner {padding-bottom: 64px;}
.archive-ai .detail-srch-wp .filter-wp {padding: 30px 0 15px;border-bottom:none}
.archive-ai .search-form {display: flex;gap: 8px;justify-content: flex-end;padding-bottom: 20px;}
.archive-ai .category-wp {border-top: 1px solid #E7E7E7;}

.archive-ai .guide-wp {text-align: right;margin-bottom: 5px;}
.archive-ai .detail-srch-area .category-wp {display: none;}
.archive-ai .detail-srch-area.detail-show .category-wp {display: block;}
.archive-ai .detail-srch-area .bottom-wp {display: none;}
.archive-ai .detail-srch-area.detail-show .bottom-wp {display: flex;}


/* detail-srch-wp */
.detail-srch-wp {background: var(--sub_gray_1, #F6F6F6);padding: 0 56px;}
.detail-srch-wp .filter-wp {display: flex;gap: 16px;flex-wrap: wrap;justify-content: space-between;padding: 30px 0;border-bottom: 1px solid #E7E7E7;}
.detail-srch-wp .filter-wp .guide-txt {color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;letter-spacing: -0.5px;margin-left: 5px;}
.detail-srch-wp .filter-wp .filter-item {display: inline-flex;align-items: center;width: calc(50% - 16px);}
.detail-srch-wp .filter-wp .filter-item .form-label {min-width: 50px; flex-shrink: 0;color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 500;margin-right: 12px;}
.detail-srch-wp .filter-wp .filter-item .input-form {flex: auto;}
.detail-srch-wp .category-wp .category-header {display: flex;flex-wrap: wrap;align-items: center;padding: 20px 0 12px;}
.detail-srch-wp .category-wp .category-header .tit {color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 500;margin-right: 17px;}
.detail-srch-wp .category-wp .category-header .checkbox {margin-right: 13px;}
.detail-srch-wp .category-wp .category-header .guide-txt {color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;letter-spacing: -0.5px;}
.detail-srch-wp .category-wp .category-header .btn {margin-left: auto;}
.detail-srch-wp .category-wp .category-body .category-box {height: 100%;display: flex;flex-wrap: nowrap;border: 1px solid var(--sub_gray_2, #E7E7E7);background: #FFF;overflow: hidden;}
.detail-srch-wp .category-wp .category-body .depth1-list {width: 232px;border-right: 2px solid var(--sub_gray_2, #E7E7E7);overflow: auto;}
.detail-srch-wp .category-wp .category-body .depth1-list li {height: 44px;border-bottom: 1px solid var(--sub_gray_1, #F6F6F6);background: var(--White, #FFF);padding: 12px 35px 12px 16px;color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 500;letter-spacing: -0.5px;cursor: pointer;}
.detail-srch-wp .category-wp .category-body .depth1-list li button {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.detail-srch-wp .category-wp .category-body .depth-group {flex: auto;overflow: auto;}
.detail-srch-wp .category-wp .category-body .depth1-list li.selected {background-color: var(--Point, #7748F4);color: var(--White, #FFF);font-weight: 700;background-image: url(../images/check_white.png);background-position: right 14px center;background-repeat: no-repeat;}
.detail-srch-wp .category-wp .category-body .depth2-list {display: flex;flex-wrap: wrap;border-bottom: 1px solid var(--sub_gray_1, #F6F6F6);}
.detail-srch-wp .category-wp .category-body .depth2-list li {width: calc(100% / 4);height: 44px;background: var(--White, #FFF);padding: 12px 35px 12px 16px;color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;letter-spacing: -0.5px;cursor: pointer;}
.detail-srch-wp .category-wp .category-body .depth2-list li.selected, .category-wp .category-body .depth2-list li.selected {background-color: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);background-image: url(../images/check_purple.png);background-position: right 14px center;background-repeat: no-repeat;}
.detail-srch-wp .category-wp .category-body .depth2-list li.selected {font-weight: 500;}
.detail-srch-wp .category-wp .category-body .depth2-list li button {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.detail-srch-wp .bottom-wp {display: flex;justify-content: space-between;padding: 26px 0 32px;}
.detail-srch-wp .bottom-wp .selected-list {display: flex;flex-wrap: wrap;gap: 8px;padding: 7px 0;}
.detail-srch-wp .bottom-wp .selected-list li {flex-shrink: 0;display: inline-flex;align-items: center;gap: 12px;border-radius: 6px;background: #FFF;padding: 6px 12px;color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;letter-spacing: -0.5px;}
.selected-list li i {color: #9CA3AF;font-size: 1rem;}
.selected-list li:hover, .selected-list li:hover i {color: var(--Point, #7748F4);}
.detail-srch-wp .bottom-wp .btn-group {flex-shrink: 0;}
.detail-srch-wp .bottom-wp .reset-btn {width: 130px;height: 48px;border-radius: 100px;border: 1px solid var(--sub_gray_2, #E7E7E7);background: #FFF;color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 500;gap: 8px;vertical-align: middle;}
.detail-srch-wp .bottom-wp .reset-btn i {font-size: 2rem;}
.detail-srch-wp .bottom-wp .reset-btn:hover {border: 1px solid var(--sub_gray_0, #989BA8);}
.detail-srch-wp .bottom-wp .search-btn {width: 130px;height: 48px;border-radius: 100px;background: var(--gray_text, #9CA3AF);color: var(--White, #FFF);font-size: 1.6rem;font-weight: 500;vertical-align: middle;margin-left: 10px;}
.detail-srch-wp .bottom-wp .search-btn:hover {background: var(--user_line, #333F54);}
.detail-srch-wp .bottom-wp .search-btn-sub {width: 130px;height: 48px;border-radius: 100px;background: var(--Main, #02176A);color: var(--White, #FFF);font-size: 1.6rem;font-weight: 500;vertical-align: middle;margin-left: 10px;}
.detail-srch-wp .bottom-wp .search-btn-sub:hover {background: var(--Point, #7748F4);}
.detail-srch-wp .mo-tab {display: none;}
.detail-srch-wp .mo-tab ul {display: flex;gap: 15px;padding: 15px 20px;}
.detail-srch-wp .mo-tab ul li {flex: 1;text-align: center;}
.detail-srch-wp .mo-tab .mo-tab-btn {width: 100%;height: 42px;border-radius: 100px;background: var(--White, #FFF);color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 700;padding: 0 16px;}
.detail-srch-wp .mo-tab ul li.active .mo-tab-btn {background: var(--Point, #7748F4);color: var(--White, #FFF);font-weight: 900;}

.search-ai .results-area .inner {padding-bottom: 64px;}
.results-area .post-list {padding-top: 5px;}
.results-area .media-list {padding: 40px 0;}
.results-area .top-wp {display: flex;align-items: center;border-bottom: 1px solid #E7E7E7;padding: 25px 0 10px 0;}
.results-area .top-wp .search-results {display: inline-flex;align-items: center;color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 500;}
.results-area .top-wp .search-results .count {color: var(--Main, #02176A);font-size: 2rem;font-weight: 900;margin-left: 7px;}
.results-area .top-wp .select-form {margin-left: auto;}
.results-area .tab {border-bottom: 1px solid #E7E7E7;padding: 21px 0;overflow: auto;}

/* tab */
.tab > ul {display: flex;gap: 70px;}
.tab > ul > li::before {content: '';display: inline-block;width: 6px;height: 6px;background: var(--Point, #7748F4);border-radius: 100px;position: absolute;left: -32px;top: 24px;}
.tab > ul > li:first-child::before {content: none;}
.tab > ul > li {position: relative;}
.tab > ul > li.active .tab-btn {color: var(--Main, #02176A);}
.tab > ul > li.active .tab-btn .count {color: var(--Point, #7748F4);}
.tab .tab-btn {display: inline-flex;align-items: center;gap: 11px;color: var(--sub_gray_2, #E7E7E7);font-size: 3rem;font-weight: 700;padding: 0;}
.tab .tab-btn .count {color: rgba(156, 163, 175, 0.80);font-size: 3.4rem;}
.tab-conts {display: none;}
.tab-conts.active {display: block;}

/* sub-tab */
.results-area .sub-tab {padding: 20px 0;overflow: auto;}
.results-area .sub-tab-conts-wp {border-top: 4px solid var(--user_line, #333F54);}
.sub-tab > ul {display: flex;gap: 6px;}
.sub-tab > ul > li.active .sub-tab-btn {background: var(--Point, #7748F4);color: var(--White, #FFF);font-weight: 900;}
.sub-tab > ul > li.none .sub-tab-btn {color: var(--sub_gray_0, #989BA8);}
.sub-tab-btn {width: 174px;height: 42px;border-radius: 100px;background: var(--White, #FFF);color: var(--user_line, #333F54);font-size: 1.5rem;font-weight: 700;}
.sub-tab-conts {display: none;}
.sub-tab-conts.active {display: block;}
  

/* =====================================
미디어 AI
===================================== */
#container.chat-ai {overflow: hidden;}
#container.chat-ai .content {display: block;max-width: calc(100% - 78px);overflow: auto;}
.chat-ai .aichat-area {width: 100%;max-width: 992px;height: calc(100vh - 112px);padding-top: 24px;margin: 0 auto;overflow: hidden;}
.chat-ai .aichat-area > .inner {display: flex;flex-direction: column;height: 100%;border-radius: 20px;border: 2px solid var(--White, #FFF);background: linear-gradient(180deg, rgba(249, 250, 254, 0.80) 48%, rgba(255, 255, 255, 0.80) 100%);}
.chat-ai .chat-conts-wp {flex: auto; overflow-y: auto;padding: 46px 48px 30px;}
.chat-ai .chat-introduce-wp {position: relative;padding-left: 96px;}
.chat-ai .chat-introduce-wp::before {content: '';position: absolute;left: 0;top: 0;width: 72px;height: 72px;background: url(../images/introduce_img.png) no-repeat center;filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.20));}
.chat-ai .chat-introduce-wp .introduce-tit {color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 700;}
.chat-ai .chat-introduce-wp .introduce-txt {padding: 16px 26px;border-radius: 6px;background: #FFF;color: var(--gray_text, #9CA3AF);font-size: 1.4rem;font-weight: 400;margin-top: 12px;}
.chat-ai .chat-introduce-wp .introduce-txt b {font-weight: 700;}
.chat-ai .question-wp {display: flex;justify-content: flex-end;padding-top: 14px;}
.chat-ai .question-wp .question-in {max-width: calc(100% - 50px);border-radius: 12px 0px 12px 12px;background: var(--Main, #02176A);padding: 8px 14px;}
.chat-ai .question-wp .question .text {color: var(--White, #FFF);font-size: 1.4rem;font-weight: 500;line-height: 180%;}
.chat-ai .question-wp .file-wp {margin-bottom: 8px;/* cursor: pointer; */}
.chat-ai .question-wp .file-wp .file-item .remove-btn {color: var(--Main, #02176A);background: #FFF;}
.chat-ai .response-wp {position: relative;padding-top: 22px;}
.chat-ai .response-wp .loader {position: absolute;left: 0;padding-bottom: 20px;/* bottom: calc(100% - 15px); */}
.chat-ai .response-wp .response-in {border-radius: 0px 12px 12px 12px;background: #FFF;box-shadow: 0px 2px 6px 0px rgba(83, 90, 120, 0.10);padding: 19px 16px 19px 23px;}
.chat-ai .response-wp .response .text {color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 500;line-height: 180%;}
.chat-ai .response-wp .btn-wp {display: flex;align-items: center;gap: 12px;padding: 2px 5px;margin-top: 17px;}
.chat-ai .response-wp .btn-wp .btn:hover, .chat-ai .response-wp .btn-wp .btn.on {color: var(--Point, #7748F4);}
.chat-ai .reference-label {padding: 3px 8px;border-radius: 100px;background: var(--gray_text, #9CA3AF);color: var(--White, #FFF);font-size: 1.2rem;font-weight: 500;white-space: nowrap;}
.chat-ai .reference-wp {padding-top: 28px;}
.chat-ai .reference-wp .tit {color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 700;margin-bottom: 5px;}
.chat-ai .reference-wp .reference-list {border-radius: 8px;background: #FFF;padding: 13px 33px 13px 26px;}
.chat-ai .reference-list > li {position: relative;display: flex;gap: 8px;padding: 8px 0 6px;}
.chat-ai .reference-list > li .num-wp {flex-shrink: 0;display: flex;gap: 6px;flex-direction: column;}
.chat-ai .reference-list > li .num {flex-shrink: 0;display: inline-flex;justify-content: center;align-items: center;width: 22px;height: 22px;border-radius: 100px;color: var(--White, #FFF);text-align: center;font-size: 1.3rem;font-weight: 500;}
.chat-ai .reference-list > li .breadcrumb {margin: 0;flex-direction: column;}
.chat-ai .reference-list > li .title-wp {display: inline-flex;align-items: center;padding: 3px 8px;border-radius: 4px;background: var(--sub_gray_1, #F6F6F6);}
.chat-ai .reference-list > li .title {color: var(--user_line, #333F54);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 1.4rem;font-weight: 500;vertical-align: middle;}
.chat-ai .reference-list > li .page {flex-shrink: 0;display: inline-block;color: var(--Point, #7748F4);font-size: 1.4rem;font-weight: 400;}
.chat-ai .reference-list > li .text {color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;word-break: break-word;}
.chat-ai .reference-list > li .btn-wp {display: flex;gap: 10px;position: absolute;}
.chat-ai .reference-list > li .btn-wp .btn {width: 32px;height: 32px;border-radius: 4px;background: var(--user_sd, #F5F9FC);color: #0458F9;font-size: 2rem;}
.chat-ai .reference-list > li .btn-wp .btn:hover {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}
.chat-ai .reference-list > li .btn-wp .bookmark-btn.on {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}
.chat-ai .reference-wp .col-type {display: flex;flex-direction: column;gap: 24px;}
.chat-ai .reference-wp .col-type .title-wp {margin-right: 150px;}
.chat-ai .reference-wp .col-type .title {font-weight: 700;}
.chat-ai .reference-wp .col-type .btn-wp {right: 0;top: 0;}
.chat-ai .reference-wp .col-type .text {margin-top: 7px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.chat-ai .reference-wp .col-type .num {background: var(--gray_text, #9CA3AF);}
.chat-ai .reference-wp .col-type .page {margin-left: 8px;}
.chat-ai .reference-wp .row-type {display: flex;flex-direction: row;flex-wrap: nowrap;gap: 24px;}
.chat-ai .reference-wp .row-type > li {flex: 1;flex-direction: column;}
.chat-ai .reference-wp .row-type .title-wp {width: 100%;}
.chat-ai .reference-wp .row-type .title {height: 63px;-webkit-line-clamp: 3;}
.chat-ai .reference-wp .row-type .text {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-all;}
.chat-ai .reference-wp .row-type .num {background: var(--user_line, #333F54);}
.chat-ai .reference-wp .row-type .page {display: block;padding: 2px 0;text-align: right;}
.chat-ai .aichat-area .chat-form-top {width: 100%;display: flex;justify-content: space-between;align-items: center;/* padding: 5px 48px; */}
.chat-ai .aichat-area .guide-txt {color: var(--Point, #7748F4);text-align: right;font-size: 1.3rem;font-weight: 400;}
.chat-ai .chat-form-wp {flex-shrink: 0;position: relative;min-height: 112px;/* max-height: 50%; */border-radius: 16px;border: 1px solid rgba(156, 163, 175, 0.40);background: #FFF;box-shadow: 0px 4px 16px 0px rgba(189, 191, 195, 0.20);padding: 10px 60px 10px 24px;margin: 0px 48px 0px;}
.chat-ai .chat-form-wp.focus {border: 1px solid rgba(119, 72, 244, 0.50);box-shadow: none;}
.chat-ai .chat-form-wp.disabled {background: var(--sub_gray_1, #F6F6F6);color: var(--sub_gray_0, #989BA8);}
.chat-ai .chat-form-wp.disabled form .chat-form textarea {background: var(--sub_gray_1, #F6F6F6);}
.chat-ai .chat-form-wp.disabled form .send-btn {background: var(--gray_text, #9CA3AF);cursor: default;}
.chat-ai .chat-form-wp.disabled form .send-btn:hover {background: var(--gray_text, #9CA3AF);}
.chat-ai .chat-form-wp form {height: 100%;display: flex;flex-direction: column;}
.chat-ai .chat-form-wp form .chat-form {flex: auto;width: 100%;overflow-y: auto;}
.chat-ai .chat-form-wp form .chat-form textarea {width: 100%;border: none;resize: none;color: var(--balck, #222);font-size: 1.5rem;font-weight: 500;}
.chat-ai .chat-form-wp form .chat-form textarea::placeholder {color: rgba(156, 163, 175, 0.60);}
.chat-ai .chat-form-wp form .chat-form textarea:focus {outline: none;}
.chat-ai .chat-form-wp form .send-btn {position: absolute;right: 10px;bottom: 10px;width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(142deg, #2282FF -9.75%, #7D46F1 67.81%);}
.chat-ai .chat-form-wp form .send-btn:hover {background: var(--Main, #02176A);}
.chat-ai .chat-form-wp form .send-btn::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/send_btn.png) no-repeat left 9px top 12px;}

/* =====================================
나의 보고서
===================================== */
#container.report-ai {overflow: hidden;background: rgba(227, 233, 255, 0.30);background-blend-mode: multiply;}
#container.report-ai .content {display: block;max-width: calc(100% - 78px);overflow: auto;}
#container.report-ai .floating-btn {position: fixed;right: 32px;bottom: 32px;background: linear-gradient(146deg, #426CFB 7.95%, #7748F4 76.66%);box-shadow: 0px 6px 10px 0px rgba(83, 90, 120, 0.24);border-radius: 99px;padding: 5px;z-index: 99;}
#container.report-ai .floating-btn > a {display: flex;gap: 4px;flex-direction: column;justify-content: center;align-items: center;width: 86px;height: 86px;border: 1px solid rgba(255, 255, 255, 0.10);border-radius: 99px;color: var(--White, #FFF);}
#container.report-ai .floating-btn > a i {font-size: 2.6rem;}
#container.report-ai .floating-btn > a span {font-size: 1.3rem;font-weight: 700;}
#container.report-ai .floating-btn:hover {background: var(--Main, #02176A);}

.report-ai .report-area {width: 100%;max-width: 1200px;height: calc(100vh - 112px);margin: 0 auto;overflow: hidden;}
.report-ai .report-area > .inner {height: 100%;display: flex;flex-direction: column;padding: 38px 10px 16px;}
.report-area .report-header {padding-bottom: 10px;}
.report-area .report-header > .title {color: var(--user_line, #333F54);font-size: 1.8rem;font-weight: 500;border-bottom: 1px solid rgba(156,163,175,0.3);padding-bottom: 11px;}
.report-area .report-header > .group {display: flex;justify-content: space-between;align-items: center;padding-top: 8px;}
.report-area .report-header .step {color: var(--Main, #02176A);font-size: 1.6rem;font-weight: 700;}
.report-area .report-header .step > b {color: var(--Point, #7748F4);font-weight: 500;margin-right: 10px;}
.report-area .report-header .btn-wp {display: flex;align-items: center;gap: 10px;}
.report-body {flex: auto;overflow-x: hidden;overflow-y: auto;}
.report-body .group-box {display: flex;flex-direction: column;gap: 25px;border-radius: 8px;background: #FFF;padding: 32px;margin-bottom: 16px;}
.report-body .group-box:last-child {margin-bottom: 0;}
.report-body .group-box.h-100 {height: 100%;}
.report-body .group-box.h-100 .form-group {height: 100%;}
.report-body .group-box.h-100 .form-group .form-conts {flex: auto;}

/* =====================================
마이페이지
===================================== */
#container.mypage-ai .mypage-area {width: 100%;max-width: 1270px;padding: 60px 10px;margin: 0 auto;}
.page-header {min-height: 54px;display: flex;flex-wrap: wrap;align-items: center;border-bottom: 2px solid var(--user_line, #333F54);padding-bottom: 16px;}
.page-header .mo-sidenav-on {display: none;color: var(--user_line, #333F54);font-size: 2.4rem;transform: rotate(180deg);}
.page-header .title {color: var(--user_line, #333F54);font-size: 2.4rem;font-weight: 700;}
.page-header .btn-wp {margin-left: auto;display: flex;gap: 10px;}
.page-body {padding-top: 10px;}

.mypage-area .detail-srch-wp {display: block;background: transparent;padding: 0;}
.mypage-area .detail-srch-wp .bottom-wp {justify-content: center;}
.mypage-area .fieldset {padding-top: 20px;}

.my-list {margin-bottom: 78px;}
.my-list li {display: flex;flex-wrap: wrap;padding: 28px 0px;border-bottom: 1px solid var(--sub_gray_2, #E7E7E7);}
.my-list li .group {display: flex;}
.my-list li .checkbox {margin-right: 8px;flex-shrink: 0;}
.my-list li .title a {color: var(--balck, #222);font-size: 1.6rem;font-weight: 500;}
.my-list li .title .file-size {color: var(--gray_text, #9CA3AF);font-size: 1.5rem;font-weight: 400;margin-left: 10px;}
.my-list li .info-wp {flex-shrink: 0;margin-left: auto;display: inline-flex;gap: 16px;}
.my-list li .info-wp .info .tit {color: var(--balck, #222);font-size: 1.4rem;font-weight: 500;margin-right: 6px;}
.my-list li .info-wp .info .name, .my-list li .info-wp .info .date {color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;}

/* =====================================
회원가입, 개인정보 변경 폼
===================================== */
.fieldset-area {width: 100%;max-width: 720px;margin: 0 auto;}
.fieldset-area .inner {padding: 72px 0 96px;}
.fieldset-area .fieldset {padding-top: 38px;}
.fieldset {max-width: 720px;margin: 0 auto;display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.fieldset .form-group {margin-bottom:32px;}
.fieldset .form-group .form-tit {margin-bottom: 12px;}
.fieldset .form-group .form-tit label {font-size: 1.6rem;font-weight: 500;}
.fieldset .form-group .form-conts .radiobox > label {margin-right: 24px;}

/* join-sort */
.join-sort .item {display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid var(--sub_gray_2,#E7E7E7);padding: 72px 0;}
.join-sort .item:last-child {border-bottom: none;}
.join-sort .item > button {max-width: 356px;margin-left: auto;}
.join-sort .item .group {padding-left: 30px;}
.join-sort .item .group > h3 {color: var(--user_line, #333F54);font-size: 1.8rem;font-weight: 700;}
.join-sort .item .group > p {color: var(--sub_gray_3, #717171);font-size: 1.3rem;font-weight: 400;}

/* join-complete */
.join-complete {display: flex;flex-direction: column;align-items: center;padding: 125px 0;text-align: center;}
.join-complete > img {height: 40px;margin-bottom: 25px;}
.join-complete > h3 {color: var(--Main, #02176A);font-size: 3.2rem;font-weight: 700;margin-bottom: 15px;}
.join-complete > p {color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 400;letter-spacing: -0.5px;}
.join-complete > button {max-width: 356px;margin-top: 78px;}

/* [component] - label */
.label {display: inline-block;min-width: 46px;border-radius: 3px;padding: 3px 6px;font-size: 1.2rem;font-weight: 500;text-align: center;}
.label.green {background: rgba(0, 151, 151, 0.10);color: var(--green, #009797);}
.label.blue {background: rgba(4, 88, 249, 0.10);color: var(--Blue, #0458F9);}
.label.red { background: rgba(226, 66, 67, 0.10);color: var(--red, #E24243);}

/* [component] - loader */
/* 부분 로딩 */
.loader-wp {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 5px;}
.loader-txt {display: block;border-radius: 100px;background: linear-gradient(116deg, #2282FF 5.35%, #7748F4 56.17%);box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.20);color: #FFF;text-align: center;font-style: normal;font-weight: 700;letter-spacing: normal;padding: 3px 12px;margin-top: 6px;font-size: 1.2rem;}
.loader {text-align: center;}
.loader ul {display: inline-flex;justify-content: space-between;align-items: center;width: 42px;height: 40px;border-radius: 20px 20px 20px 3px;background: linear-gradient(116deg, #2282FF 5.35%, #7748F4 56.17%);box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.20) inset;padding: 3px 9px;}
.loader ul .dot {display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #FFF;animation: loading 1.2s infinite ease-in-out both;}
.loader.no-ani .dot {animation: none;}
.loader ul li:nth-child(2) {animation-delay: 0.1s;}
.loader ul li:nth-child(3) {animation-delay: 0.2s;}
  @keyframes loading {
    0% {
      opacity: 0;
    } 50% {
      opacity: 1;
    } 100% {
      opacity: 0;
    }
  }

/* 페이지 전체 로딩 */
.loader-overlay {position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.8);}
.loader-overlay .loader-txt {padding: 4px 14px;margin-top: 14px;font-size: 1.3rem;}
.loader-overlay .loader ul {width: 84px;height: 80px;border-radius: 40px 40px 40px 6px;padding: 3px 18px;}
.loader-overlay .loader ul .dot {width: 10px;height: 10px;}

.loading {display: inline-block;width: 40px;height: 40px;background: url(../images/loading.svg) no-repeat center;background-size: 40px;animation: loading-ani 1.2s infinite linear;}
@keyframes loading-ani {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}


      
/* [component] - file */
.file-wp {flex-shrink: 0;display: flex;align-items: center;gap: 17px;width: 100%;overflow-x: auto;overflow-y: hidden;padding-top: 5px;padding-right: 7px;}
.file-wp .file-item {flex-shrink: 0;position: relative;width: 159px;height: 48px;border-radius: 6px;padding: 3px 8px;}
.file-wp .file-item .file-name {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.4rem;font-weight: 500;cursor: pointer;}
.file-wp .file-item .info {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--sub_gray_3, #717171);font-size: 1.2rem;font-weight: 500;margin-top: 2px;}
.file-wp .file-item .remove-btn {position: absolute;top: -5px;right: -7px;border-radius: 100px;background: var(--Main, #02176A);padding: 2px;color: #FFF;font-size: 1.2rem;}
.file-wp .file-item.bg-blue {background: #EDF3FF;}
.file-wp .file-item.bg-blue .file-name {color: var(--user_line, #333F54);}
.file-wp .file-item.bg-red {background: #FFEEF1;}
.file-wp .file-item.bg-red .file-name {color: #7B5A61;}
.file-wp .file-item.bg-green {background: #E5F5F5;}
.file-wp .file-item.bg-green .file-name {color: #436666;}
.file-wp .file-item.bg-orange {background: #FFF0E2;}
.file-wp .file-item.bg-orange .file-name {color: #87624B;}
.file-wp .file-item.bg-purple {background: #F2EEFF;}
.file-wp .file-item.bg-purple .file-name {color: #5B45B8;}

/* [component] - text list */
.text-list {padding: 15px 0;}
.text-list > li {display: flex; border-radius: 8px;background: var(--box_bg, #F7F8FA);padding: 20px;margin-bottom: 16px;}
.text-list > li .checkbox {margin-right: 8px;}
.text-list > li .checkbox > input {vertical-align: text-top;}
.text-list > li .group {color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;}
.text-list > li .group h6 {font-weight: 500;}

/* [component] - post list */
.post-list > li {position: relative;display: flex;padding: 15px 0;border-bottom: 1px solid #E7E7E7;}
.post-list > li > .checkbox {margin-right: 8px;}
.post-list > li:last-child {border-bottom: none;}
.post-list > li .icon-wp {flex-shrink: 0;display: inline-flex;justify-content: center;align-items: center;width: 48px;height: 48px;border-radius: 100px;background: var(--sub_gray_1, #F6F6F6);}
.post-list > li .icon-wp > i {color: var( --Point, #7748F4);font-size: 2.4rem;}
.post-list > li .group {flex: auto;}
.post-list > li .info-wp {display: flex;justify-content: space-between;}
.post-list > li .breadcrumb {padding-right: 130px;}
.post-list > li .info {flex-shrink: 0;} 
.post-list > li .info .tit {color: var(--balck, #222);font-size: 1.4rem;font-weight: 500;}
.post-list > li .info .date, .writer, .category {color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;}
.post-list > li .title a {max-width: 100%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;color: var(--balck, #222);;font-size: 1.8rem;font-weight: 700;}
.post-list > li .extract {display: inline-flex;align-items: center;padding: 3px 8px;border-radius: 4px;background: var(--sub_gray_1, #F6F6F6);margin-top: 10px;}
.post-list > li .extract a {color: var(--user_line, #333F54);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 1.4rem;font-weight: 500;vertical-align: middle;}
.post-list > li .extract a b {font-weight: 700;}
.post-list > li .extract .page {flex-shrink: 0;display: inline-block;color: var(--Point, #7748F4);font-size: 1.4rem;font-weight: 400;margin-left: 8px;}
.post-list > li .file {max-width: calc(100% - 130px);color: var(--Point, #7748F4);font-size: 1.6rem;font-weight: 500;padding-bottom: 10px;}
.post-list > li .text {color: var(--gray_text, #9CA3AF);font-size: 1.4rem;font-weight: 500;margin-top: 16px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;cursor: pointer;}
.post-list > li .btn-wp {display: flex;gap: 10px;position: absolute;right: 0;top: 50px;}
.post-list > li .btn-wp .btn {width: 32px;height: 32px;border-radius: 4px;background: var(--user_sd, #F5F9FC);color: #0458F9;font-size: 2rem;}
.post-list > li .btn-wp .btn:hover {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}
.post-list > li .btn-wp .bookmark-btn.on {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}

/* [component] - breadcrumb */
.breadcrumb {display: flex;flex-wrap: wrap;margin-bottom: 6px;}
.breadcrumb li {display: flex;color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 500;word-break: break-all;}
.breadcrumb li::after {content: '>';display: block;margin: 0 4px;} 
.breadcrumb li:last-child::after {content: none;} 

/* [component] - tooltip  */
/* .tooltip {position: relative;display: inline-block;border-bottom: 1px dotted #ccc; font-size: 1.5rem !important;} */
.tooltip {position: relative;display: inline-block; }
.tooltip .tooltiptext {visibility: hidden;position: absolute; font-size: 1.5rem !important; min-width:90px; background: var(--Blue, #0458F9);color: #fff;text-align: center;padding: 5px 5px;border-radius: 6px;  z-index: 1;opacity: 0;transition: opacity .6s;}
.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
.tooltip-right {top: -5px;left: 125%;}
.tooltip-bottom {top: 135%;left: 50%;margin-left: -60px;}
.tooltip-top {bottom: 125%;left: 50%;margin-left: -60px;}
.tooltip-left {top: -5px;bottom:auto;right: 128%;}
.tooltip-top::after, .tooltip-left::after, .tooltip-bottom::after, .tooltip-right::after {content: "";position: absolute;border-width: 5px;border-style: solid;}
.tooltip-top::after {top: 100%;left: 50%;margin-left: -5px;border-color: #0458F9 transparent transparent transparent;}
.tooltip-left::after {top: 50%;left: 100%;margin-top: -5px;border-color: transparent transparent transparent #0458F9;}
.tooltip-bottom::after {bottom: 100%;left: 50%;margin-left: -5px;border-color: transparent transparent #0458F9 transparent;}
.tooltip-right::after {top: 50%;right: 100%;margin-top: -5px;border-color: transparent #0458F9 transparent transparent;}


/* [component] - media list */
.media-area .media-list {display: grid;grid-template-columns: repeat(5, 1fr);}
.media-area .media-list.empty {display: flex; justify-content : center;}
.media-area .media-list.empty li {border: none;text-align: center;box-shadow: none;}
.media-area .newpaper.media-list {display: grid;grid-template-columns: repeat(4, 1fr);}
.media-area .media-slider-viewport .media-list {display: flex; gap: 30px;}
.media-list {display: flex; flex-wrap: wrap;gap: 30px;}
.media-list > li {display: flex;flex-direction: column;min-width: 0;border: 2px solid var(--sub_gray_2, #E7E7E7);;background: #FFF;box-shadow: 0px 8px 20px 0px rgba(169, 174, 189, 0.16);}
.media-list > li .head-wp {height: 130px;padding: 22px 32px 20px;}
.media-list > li .head-wp .info {display: flex;align-items: center;margin-bottom: 14px;}
.media-list > li .head-wp .info .provider {color: var(--Blue, #0458F9);font-size: 1.4rem;font-weight: 500;line-height: 100%;}
.media-list > li .head-wp .info .keyword {color: var(--sub_gray_0, #989BA8);font-size: 1.4rem;font-weight: 500;line-height: 100%;}
.media-list > li .head-wp .info .line {display: inline-block;width: 2px;height: 14px;background: #E7E7E7;margin: 0 10px;}
.media-list > li .head-wp .title {display: flex;align-items: center;}
.media-list > li .head-wp .title a {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;color: var(--user_line, #333F54);font-size: 1.9rem;font-weight: 700;line-height: 34px;}
.media-list > li .head-wp .title .new {flex-shrink: 0;display: inline-flex;justify-content: center;align-items: center;width: 24px;height: 25px;border-radius: 100px;background: var(--Point, #7748F4);color: var(--White, #FFF);font-size: 1.2rem;font-weight: 900;line-height: 100%;vertical-align: text-top;margin-left: 5px;}
.media-list > li .conts-wp {display: flex;gap: 15px;padding: 0px 32px 30px;}
.media-list > li .conts-wp .thumb {position: relative;display: block;width: 140px;height: 190px;flex-shrink: 0;overflow: hidden;}
.media-list > li .conts-wp .thumb img {width: 100%;height: auto;}
.media-list > li .conts-wp .info-wp {position: relative;display: flex;flex-direction: column;gap: 24px;flex: auto;padding-bottom: 30px;}
.media-list > li .conts-wp .info-wp .info .tit {display: block;color: var(--balck, #222);font-size: 1.4rem;font-weight: 500;line-height: 100%;margin-bottom: 6px;}
.media-list > li .conts-wp .info-wp .info .writer, .media-list > li .conts-wp .info-wp .info .date {display: block;color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;line-height: 150%;word-break: break-all;}
.media-list > li .conts-wp .info-wp .more-btn {position: absolute;left: 0;bottom: 0;}
.media-list > li .more-btn {color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 500;line-height: 100%;}
.media-list > li .more-btn:hover {color: #0458F9;}
.media-list > li .more-btn > i {font-size: 2rem;margin-left: 3px;}
.media-list > li .btn-wp {display: flex;border-top: 1px solid var(--sub_gray_2, #E7E7E7);margin-top: auto;}
.media-list > li .btn-wp .btn {flex: 1;height: 46px;}
.media-list > li .btn-wp .bookmark-btn {background: var(--user_sd, #F5F9FC);color: var(--icon_line, #A0A8C3);font-size: 2.4rem;}
.media-list > li .btn-wp .bookmark-btn.on {color: var(--Blue, #0458F9);}
.media-list > li .btn-wp .bookmark-btn:hover {color: var(--Blue, #0458F9);}
.media-list > li .btn-wp .download-btn {background: var(--White, #FFF);color: var(--icon_line, #A0A8C3);font-size: 2.4rem;}
.media-list > li .btn-wp .download-btn:hover {color: var(--Blue, #0458F9);}
.media-list > li .btn-wp .more-btn {border-right: 1px solid var(--sub_gray_2, #E7E7E7);}

.media-list.type1 > li .conts-wp {flex-direction: column;align-items: center;}

/* [component] - media */
.media-wp {display: flex;gap: 16px;}
/* .media-wp.bdr {border-radius: 8px;border: 1px solid var(--sub_gray_2, #E7E7E7);background: #FFF;padding: 24px 19px;} */
.media-item {position: relative;display: flex;flex: 1;}
.media-item .thumb {position: relative;display: block;width: 88px;height: 120px;flex-shrink: 0;overflow: hidden;}
.media-item .thumb img {width: 100%;height: auto;}
.media-item .group {flex: auto;position: relative;}
.media-item .group .info-wp {display: flex;flex-direction: column;align-items: flex-start;gap: 8px;padding-right: 130px;margin-top: 20px;}
.media-item .group .info-wp .info {display: flex;line-height: 100%;word-break: break-all;}
.media-item .group .info-wp .info span {color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;} 
.media-item .group .info-wp .info .tit {flex-shrink: 0;display: inline-block;width: 40px;color: var(--balck, #222);font-size: 1.4rem;font-weight: 500;margin-right: 6px;}
.media-item .group .info-wp .info .fileNm {flex: 1; min-width: 0; word-break: keep-all; overflow-wrap: break-word; white-space: normal; line-height: 1.5;}
.media-item .title {color: var(--balck, #222);font-size: 1.6rem;font-weight: 700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.media-item .head-wp {position: relative;}
.media-item .head-wp .date {color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;line-height: 100%;}
.media-item .head-wp .date b {color: var(--balck, #222);font-weight: 500;margin-right: 6px;}
.media-item .head-wp .info {display: flex;align-items: center;margin-bottom: 14px;}
.media-item .head-wp .info .provider {color: var(--Blue, #0458F9);font-size: 1.4rem;font-weight: 500;line-height: 100%;}
.media-item .head-wp .info .keyword {color: var(--sub_gray_0, #989BA8);font-size: 1.4rem;font-weight: 500;line-height: 100%;}
.media-item .head-wp .info .line {display: inline-block;width: 2px;height: 14px;background: #E7E7E7;margin: 0 10px;}
.media-item .btn-wp {display: flex;gap: 10px;position: absolute;}
.media-item .btn-wp .btn {width: 32px;height: 32px;border-radius: 4px;background: var(--user_sd, #F5F9FC);color: #0458F9;font-size: 2rem;}
.media-item .btn-wp .btn:hover {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}
.media-item .btn-wp .bookmark-btn.on {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}
#commonMediaPopup .media-item .group .info-wp {padding-right: 310px; align-items: stretch;}

.media-item.type-img {width: calc(100% / 4);min-width: 160px; height: 119px;}
.media-item.type-img .thumb {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #F6F6F6;overflow: hidden;}
.media-item.type-img .thumb img {width: 100%;height: 100%;max-width: fit-content;max-height: fit-content;object-fit: cover;object-position: center center;}

.media-item.type-txt .head-wp .info {margin-bottom: 5px;}
.media-item.type-txt .title-wp {display: flex;margin-bottom: 10px;}
.media-item.type-txt .title-wp .page {flex-shrink: 0;display: inline-block;color: var(--Point, #7748F4);font-weight: 400;margin-left: 8px;font-size: 1.6rem;}
.media-item.type-txt .info-wp {margin: 0;padding: 0;flex-direction: row;column-gap: 20px;}
.media-item.type-txt .group .info-wp .info {margin: 0;}
.media-item.type-txt .group .info-wp .info .tit {width: auto;}

.media-item.type1 .group {padding-left: 24px;}
.media-item.type1 .btn-wp {right: 0;bottom: 0;}

.media-item.type2 {flex-direction: column;align-items: flex-start;}
.media-item.type2 .title {padding-right: 174px;margin-bottom: 10px;}
.media-item.type2 .text {color: var(--gray_text, #9CA3AF);font-size: 1.4rem;font-weight: 500;line-height: 24px;margin-top: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.media-item.type2 .btn-wp {top: 0;right: 0;}

.media-item.type3 {border-top: 1px solid var(--sub_gray_2, #E7E7E7);border-bottom: 1px solid var(--sub_gray_2, #E7E7E7);padding: 16px 0;}
.media-item.type3 .group {display: flex;flex-direction: column;align-items: stretch;padding-left: 20px;}
.media-item.type3 .head-wp {display: flex;flex-wrap: wrap;justify-content: space-between;}
.media-item.type3 .group .info-wp {margin-top: auto;}
.media-item.type3 .btn-wp {right: 0;bottom: 0;}

.media-item.type4 .group {padding-left: 16px;}
.media-item.type4 .title {color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 500;line-height: 22px;-webkit-line-clamp: 2;}
.media-item.type4 .btn-wp {left: 16px;bottom: 0;}

.media-item.type5 {align-items: center;}
.media-item.type5 .head-wp .title {display: flex;align-items: center;}
.media-item.type5 .head-wp .title a {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;color: var(--user_line, #333F54);font-size: 1.9rem;font-weight: 700;line-height: 34px;}
.media-item.type5 .head-wp .show-btn {flex-shrink: 0;display: inline-flex;justify-content: center;align-items: center;width: 32px;height: 32px;border-radius: 4px;background: var(--user_sd, #F5F9FC);color: var(--Blue, #0458F9);font-size: 2rem;margin-left: 12px;}
.media-item.type5 .head-wp .show-btn:hover {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}
.media-item.type5 .head-wp .show-btn:hover i {transform: rotate(180deg);}
.media-item.type5 .head-wp .show-btn.on {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}
.media-item.type5 .head-wp .show-btn.on i {transform: rotate(180deg);}
.media-item.type5 .head-wp .info {margin-bottom: 8px;}
.media-item.type5 .info-wp {margin-top: 8px;padding-right: 0;}
.media-item.type5 .info-wp .info {margin-bottom: 0;}
.media-item.type5 .btn-wp {position: relative;margin-top: 15px;}
.media-item.type5 .thumb-wp {display: flex;gap: 16px;margin-left: 15px;}
.media-item.type5 .thumb {flex-shrink: 0;width: 104px;height: 140px;}

.page-info-box {background: var(--sub_gray_1, #F6F6F6);padding: 24px;margin-top: 24px;}
.page-info-box .title {display: flex;align-items: center;margin-bottom: 6px;}
.page-info-box .title a {font-size: 1.6rem;font-weight: 700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;position: relative;padding-right: 20px;}
.page-info-box .title a > i {position: absolute;right: 0;top: 5px;}
.page-info-box .page-tab ul {display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 10px;}
.page-info-box .page-tab-btn {border-radius: 6px;background: #FFF;border: 1px solid transparent;padding: 4px 12px;color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 500;}
.page-info-box .page-tab-btn:hover, .page-info-box li.active .page-tab-btn {border: 1px solid rgba(119, 72, 244, 0.80);color: var(--Point, #7748F4);}
.page-tab-conts {display: none;}
.page-tab-conts.active {display: block;}
.page-info-box .text {color: var(--gray_text, #9CA3AF);font-size: 1.4rem;font-weight: 400;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.page-info-box .more {text-align: right;}

.list-padding > li {padding: 24px 0;border-bottom: 1px solid #E7E7E7;}
.list-padding > li:last-child {border-bottom: none;}

.justify-wp {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 13px 0 5px;}

/* [component] - code */
.code-wp {display: inline-flex;flex-direction: column;align-items: flex-end;margin-left: auto;}
.code {color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;line-height: 24px;}
.code b {color: var(--balck, #222);}

/* [component] - badge */
.badge-wp {display: inline-flex;flex-wrap: wrap;gap: 8px;}
.badge {padding: 6px 8px;border-radius: 4px;background: var(--sub_gray_1, #F6F6F6);color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;line-height: 100%;}
.badge > b {color: var(--Point, #7748F4);}

/* [component] - tag */
.tag-wp {display: inline-flex;flex-wrap: wrap;gap: 16px;padding: 8px 0;}
.tag {color: var(--Point, #7748F4);font-size: 1.4rem;font-weight: 400;line-height: 100%;}

/* [component] - paginate */
.paginate {display: flex;justify-content: center;align-items: center;}
.paginate .current {font-size: 1.8rem;letter-spacing: 3px;color: var(--Main, #02176A);}
.paginate .total {font-size: 1.8rem;letter-spacing: 3px;color: var(--gray_text, #9CA3AF);}
.paginate .prev-btn, .paginate .next-btn {font-size: 2.6rem;color: var(--gray_text, #9CA3AF);}
.paginate .prev-btn:hover, .paginate .next-btn:hover {color: var(--Point, #7748F4);}
.paginate .prev-btn {transform: rotate(90deg);}
.paginate .next-btn {transform: rotate(270deg);}

/* [component] - accordion */
.accordion {border-top: 1px solid var(--sub_gray_2, #E7E7E7);}
.accordion-item {border-bottom: 1px solid var(--sub_gray_2, #E7E7E7);}
.accordion-item .accordion-header {background: #FFF;}
.accordion-item .accordion-header .accordion-btn {position: relative;width: 100%;min-height: 5.6rem;padding: 16px 46px 16px 16px;color: var(--gray_text, #9CA3AF);font-size: 1.6rem;font-weight: 700;line-height: 100%;text-align: left;}
.accordion-item .accordion-header .accordion-btn i {position: absolute;top: 16px;right: 16px;font-size: 2.4rem;}
.accordion-item .accordion-body {max-height: 0;overflow: hidden;transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);}
.accordion-item .accordion-body .item {padding: 16px;border-top: 1px solid var(--sub_gray_2, #E7E7E7);}
.accordion-item .accordion-body .item:first-child {border-top: none;}
.accordion-item.active .accordion-header {background: var(--sub_gray_1, #F6F6F6);}
.accordion-item.active .accordion-header .accordion-btn {color: var(--Main, #02176A);}
.accordion-item.active .accordion-body {height: auto;max-height: 1000vh;transition: max-height 1.5s ease-in-out;}

/* [component] - img-slide */
.img-slide-wp {position: relative;}
.img-slide-wp .img-item {display: flex;align-items: center;justify-content: center;width: 100%;height: 534px; padding:26px; background: #F6F6F6;overflow: hidden;}
.img-slide-wp .img-item img {width: 100%;height: 100%;max-width: fit-content;max-height: fit-content;object-fit: cover;object-position: center center;}
.img-slide-wp .prev-btn, .img-slide-wp .next-btn {position: absolute;top: calc(50% - 28px);transform: translateY(-50%);width: 56px;height: 56px;border-radius: 100px;border: 1px solid var(--sub_gray_1, #F6F6F6);background: #FFF;font-size: 2.4rem;color: var(--Main, #02176A);}
.img-slide-wp .prev-btn:hover, .img-slide-wp .next-btn:hover {border: 1px solid rgba(4, 88, 249, 0.30);background: #FFF;}
.img-slide-wp .prev-btn {left: -28px;transform: rotate(90deg);}
.img-slide-wp .next-btn {right: -28px;transform: rotate(270deg);}

/* 이미지 팝업 */
.img-fill {object-fit: fill !important;}
.img-contain {object-fit: contain !important;}
.img-cover {object-fit: cover !important;}
.img-none {object-fit: none !important;}
.img-scale-down {object-fit: scale-down !important;}


#moMenuBtn {display: none;font-size: 2.6rem;color: var(--Main, #02176A);margin-left: 10px;}

.form-group {display: flex;align-items: normal;justify-content: flex-start;flex-direction: column;width: 100%;}
.form-group .form-tit {width: 100%;display: flex;gap: 15px;align-items: center;margin-bottom: 8px;}
.form-group .form-tit label {color: var(--user_line, #333F54);font-size: 1.5rem;font-weight: 700;}
.form-group .form-tit label .required {display:inline-block;border-radius:100px;background: var(--red, #E24243);width:5px;height:5px;vertical-align: middle;margin-left: 6px;}
.form-group p.guide-txt {color: var(--Point, #7748F4);font-size: 1.4rem;font-weight: 400;}
.form-group p.hint-txt {color: var(--sub_gray_3, #717171);font-size: 1.3rem;font-weight: 400;margin-top:8px;}
.form-group label.hint-txt {color: var(--sub_gray_3, #717171);font-size: 1.3rem;font-weight: 400;margin-top:8px;}
.form-group .space {margin-top: 10px;}

.form-group input, .form-group select, .form-group textarea {width:100%;border-radius: 4px;border: 1px solid rgba(156, 163, 175, 0.60);background: var(--White, #FFF);color: var(--user_line, #333F54);font-size: 1.5rem;font-weight: 400;padding: 12px 16px;}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {border: 1px solid rgba(2, 23, 106, 0.50);outline: none;}
.form-group input::placeholder, .form-group select::placeholder, .form-group textarea::placeholder {color: var(--sub_gray_0, #989BA8);}
.form-group input[disabled], .form-group input[readonly], .form-group textarea[disabled], .form-group textarea[readonly] {background: var(--sub_gray_1, #F6F6F6);border: 1px solid var(--sub_gray_1, #F6F6F6);color: var(--sub_gray_0, #989BA8);font-weight: 500;}
.form-group select {-webkit-appearance: none; /* Webkit */
  -moz-appearance: none; /* FF */
  -ms-appearance: none; /* Edge */
  appearance: none; /* Future */
  background: #FFFFFF; background-image: url("../images/select_arrow_down.png");background-position: center;background-repeat: no-repeat;background-size: 24px 24px;  background-position: right 16px center;}
.form-group .date-form > input{padding: 12px 40px 12px 16px;}
.form-group .date-form > .btn {right: 16px;top: 13px;}
.form-group .form-search {position: relative;}
.form-group .form-search input {padding: 12px 36px 12px 16px;}
.form-group .form-search .search-btn {position: absolute;right: 10px;top: 12px;color: var(--Main, #02176A);font-size: 2.4rem;}
.form-group .form-search .search-btn:hover {color: var(--Point, #7748F4);}
.form-group .form-area {display: flex;align-items: center; gap:8px;}
.form-group .form-flex {flex: 1;}
.form-group .input-wp {position: relative;}
.form-group .input-wp > input {padding-right: 40px;}
.form-group .input-wp > .btn {position: absolute;right: 16px;}


/* 약관동의 box */
.form-box { position:relative; display:flex; flex-direction: column; border-radius: 4px;  border: 1px solid rgba(156, 163, 175, 0.60); background:#fff; padding: 6px 8px;  font-size:1.3rem; width:100%;}
.form-body { flex:1 1 auto; padding:16px 20px; line-height: 2rem; }
.form-body p { margin-top:8px; margin-bottom:8px; }
.form-body b { font-weight:600; margin-bottom:8px; }
.form-body ul { list-style: none; counter-reset: item; padding-left: 0.6em; }
.form-body li { position: relative; counter-increment: item;  padding-left: 0.6em; }
/* .form-body li::before { content: counter(item) ") "; position: absolute; left: 0; width: 2em; text-align: right; } */
.form-agree { width:100%; text-align:right; margin-top:13px;}
.agreebox {width: 100%;padding: 12px;border-radius: 6px;background: var(--sub_gray_1);line-height: 20px; text-align:center; }



/* modal-help-area 검색도움말 */
.modal-help-area h3 {color: var(--user_line, #333F54);font-size: 1.8rem;font-weight: 500;margin-bottom: 8px;}
.modal-help-area .top-text {color: var(--user_line, #333F54);font-size: 1.8rem;}
.modal-help-area .top-text-desc {color: var(--Point, #7748F4);font-size: 1.4rem;font-weight: 400;}
.modal-help-area .help-list {padding-top: 25px;}
.modal-help-area .help-list li {background-color: #F5F9FC;color: var(--Main, #02176A);margin-top: 10px;padding: 20px 26px;font-size: 1.6rem;}
.modal-help-area .help-list li:first-child {margin-top: 0;}
.modal-help-area .help-list .title {color: var(--Blue, #0458F9);font-size: 1.8rem;font-weight: 500;margin-bottom: 5px;}
.modal-help-area .help-list .title:before {content: '';display: inline-block;vertical-align: middle;width: 4px;height: 4px;border-radius: 50%;background-color: var(--Blue, #0458F9);margin-right: 6px;}
.modal-help-area .help-list .bold {font-weight: 700;padding-top: 6px;padding-bottom: 3px;}
.modal-help-area .help-list .ex {display: inline-block;padding: 0px 8px;font-size: 1.5rem;border-radius: 99px;background-color: var(--Main, #02176A);color: var(--White, #FFF);margin-right: 6px;margin-bottom: 6px;}
.modal-help-area .help-list .vertical-top .ex {vertical-align: top;}
.modal-help-area .help-list .ex-txt {position: relative;padding-left: 36px;}
.modal-help-area .help-list .ex-txt i {position:absolute;top:8px;left:20px;width:11px;height:11px;background:url('/assets/v3/img/icon/ex_arrows.png') no-repeat center center; background-size:100% auto;vertical-align:middle;}
.modal-help-area .help-list .bg-input {position: relative;display: inline-block;min-width: 481px;border-radius: 4px;border: 1px solid rgba(156, 163, 175, 0.60);background: var(--White, #FFF);color: var(--user_line, #333F54);font-size: 1.5rem;font-weight: 400;padding: 12px 16px;margin-left :10px;}
.modal-help-area .help-list .bg-input.srch {padding-right: 50px;min-width:auto;margin-left:0;}
.modal-help-area .help-list .bg-input.srch i {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: var(--user_line, #333F54);font-size: 2.6rem;}
.modal-help-area .p-t-40 {padding-top: 40px;}


/* modal-service-area 서비스안내 */
.modal-service-area .title-wp > .title {font-size: 3.2rem;color: var(--Main, #02176A);font-weight: 700;}
.modal-service-area .title-wp > .text {font-size: 1.8rem;color: var(--user_line, #333F54);padding-bottom: 16px;}
.modal-service-area .shadow-box {border-radius: 10px;background: #FFF;box-shadow: 0px 8px 20px 0px rgba(169, 174, 189, 0.16);}

.num-list {font-size:1.6rem;font-weight:500;}
.num-list > li {position:relative;padding-bottom:20px;padding-left:32px;}
.num-list > li .num {flex-shrink: 0;display: inline-flex;justify-content: center;align-items: center;width: 22px;height: 22px;background-color: var(--Point, #7748F4);border-radius: 100px;color: var(--White, #FFF);text-align: center;font-size: 1.3rem;font-weight: 500;position: absolute;left: 0;top: 2px;}
.num-list > li .remark {display: block;font-size: 1.4rem;}
.modal-service-area .half-content-wp {display: flex;padding: 30px 0 20px;}
.modal-service-area .half-content-wp .cont {width: 50%;color: var(--user_line, #333F54);padding-bottom: 10px;}
.modal-service-area .half-content-wp .cont .title {position: relative;font-size: 2rem;font-weight: 500;color: var(--Main, #02176A);padding-bottom: 12px;margin-bottom: 20px;}
.modal-service-area .half-content-wp .cont .title:before {content: '';display: block;width: 20px;height: 2px;background-color: var(--Main, #02176A);position: absolute;bottom: 0;left: 0;}

.modal-service-area .half-content-wp .cont .text-wrap .tit-label {display: inline-block; padding: 3px 9px;border-radius: 100px;background: var(--sub_gray_1, #F6F6F6);color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 500;}
.modal-service-area .half-content-wp .cont .text-wrap {display: flex;align-items: flex-start;padding-bottom: 16px;} 
.modal-service-area .half-content-wp .cont .text-wrap:last-child {padding-bottom: 0;}
.modal-service-area .half-content-wp .cont .text-wrap ul {padding-left: 10px;}
.modal-service-area .half-content-wp .cont .text-wrap ul li {padding-top: 3px;padding-bottom: 4px;}

.iframe-box  { width:100%; background:#F6F6F6; font-size:1.4rem !important; margin-top:5px; }
.iframe-box img {max-width: 100%;}
.iframe-box-flex { width:100%; height: 100%; display: flex; flex-direction: row; justify-content: center; background:#F6F6F6; font-size:1.4rem !important; margin-top:5px; }
.iframe-box.text, .iframe-box-flex.text { padding:10px; }
.pdf-viewer { width: min(80vw, 800px); aspect-ratio: 1 / 1.344; margin: 2rem auto; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden }
.pdf-viewer-one { float:left; width: min(100vw, 736px); aspect-ratio: 1 / 1.316129032; max-height: 100vh; object-fit: contain; border: 1px solid #ddd; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); }
.search-ai-summary-head { font-size:1.6rem; color: var(--Main, #02176A); font-weight: bold; margin-top: 16px; }
.search-ai-summary { float:left; width:100%; flex-grow: 1; background-color: #F6F6F6;}
.text-ellipsis { max-height: 820px; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 1.3rem; }


/* [component] - 데이터피커 */
#datepicker { width: 200px; height: 40px; font-size: 16px; text-align: center; }	/* 📌 입력 필드 크기 변경 */
.air-datepicker { font-family: 'Noto sans KR', sans-serif !important; font-size: 14px !important; width: 300px !important; }	/* 📌 달력 전체 크기 변경 */
.air-datepicker-nav { color: #222222 !important; font-size: 16px !important; font-weight: 500 !important; }	/* 📌 달력 제목(연도/월) 크기 조정 */
.air-datepicker-cell { font-size: 14px !important; padding: 10px !important; border: 1px solid transparent !important; }	/* 📌 날짜 크기 조정 */
.air-datepicker-cell.-current- { background-color: rgba(119, 72, 244, 0.10) !important; color: #7748F4 !important; border: 1px solid #7748F4 !important; font-weight: 700 !important; }	/* 📌 오늘 날짜 강조 (배경 & 글자 크기) */
.air-datepicker-cell.-selected- {background-color: #7748F4 !important; color: #fff !important; font-weight: 700 !important; }	/* 📌 선택된 날짜 스타일 변경 */
.air-datepicker-nav--action { width: 40px !important; height: 40px !important; }	/* 📌 이전/다음 버튼 크기 변경 */
.air-datepicker-body--day-name { color: #222222 !important; font-size: 14px !important; font-weight: 500 !important; }	/* 📌 요일 크기 조정 */

/* [component] - 데이터피커 */
.toastui-editor-mode-switch { display: none !important; }
.toastui-editor-md-container, .toastui-editor-ww-container, .toastui-editor-contents { overflow: hidden !important; height: auto !important; }	/* 내부 스크롤 차단, 높이 자동 조정 */
.toastui-editor-defaultUI { z-index: 0 !important; }	/* 기본값보다 낮게 설정 */


/* 기타 */
.m10 {margin: 10px !important;}
.m-t10 {margin-top: -10px !important;}
.mb2 {margin-bottom: 2px !important;}
.min-h {min-height: 48px !important;}
.pdf-page-no {width:50px; text-align:center; }
button:disabled, button[disabled] {background: var(--sub_gray_1, #F6F6F6);border: 1px solid var(--sub_gray_1, #F6F6F6);color: var(--sub_gray_0, #989BA8); cursor: not-allowed;}

.toastui-editor-contents sup { vertical-align: super; font-size: 0.50em; }
	

/* 벨리데이션 */
label.error { color: #e74c3c; font-size: 13px; margin-top: 5px; display: block; }
input.error { border: 1px solid #e74c3c; background-color: #fff0f0; }	/* 에러 input 테두리 */
input.valid { border: 1px solid #2ecc71; background-color: #f0fff5; }	/* 성공 input 테두리 */


/* =====================================
소개
===================================== */
.introductory .content {width: 100%;}
.introductory-area {width: 100%;}
.introductory-area .inner {max-width: 1360px;margin: auto;}
.introductory-area h3.title {color: var(--Main, #02176A);text-align: center;font-size: 38px;font-weight: 700;}
.introductory-area h3.title::after {content: '';display: inline-block;width: 12px;height: 12px;border-radius: 99px;background: var(--Blue, #0458F9);margin-left: 6px;}
/* top */
.introductory-area.top {background-image: url(../images/top_bg.png);background-repeat: no-repeat;background-position: center top;}
.introductory-area.top .inner {padding-bottom: 70px;}
.introductory-area.top .title-group {padding: 120px 0 110px;}
.introductory-area.top .text {color: #02176A;font-size: 28px;font-weight: 400;line-height: 130%;margin-bottom: 9px;}
.introductory-area.top .title {display: inline-block;color: transparent;font-size: 48px;font-weight: 900;line-height: 130%; background: linear-gradient(91deg, #02176A -12.43%, #7748F4 89.54%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.introductory-area.top .top-box {display: flex;border-radius: 8px;background: linear-gradient(180deg, rgba(119, 72, 244, 0.50) 0%, #7748F4 44.37%, #144AAD 100%);box-shadow: 0px 10px 16px 0px rgba(6, 20, 74, 0.20);padding: 44px 45px;}
.introductory-area.top .top-box .box {flex: 1;display: inline-flex;align-items: center;}
.introductory-area.top .top-box .box > p {color: #FFF;font-size: 16px;font-weight: 700;line-height: 160%;padding-left: 15px;}
.introductory-area.top .top-box .box:first-child {justify-content: flex-start;}
.introductory-area.top .top-box .box:last-child {justify-content: flex-end;}

/* center */
.introductory-area.center .inner {padding-bottom: 87px;}
.introductory-area.center .title {margin-bottom: 50px;}
.introductory-area.center .contents-img {max-width: 1329px;margin: 0 auto;}
.introductory-area.center .contents-img img {width: 100%;}
.introductory-area.center .point {position: absolute;left: 50%;top: 30%;}

/* bottom */
.introductory-area.bottom {background: #F5F9FC;}
.introductory-area.bottom .inner {position: relative;padding: 65px 0 98px;}
.introductory-area.bottom .title {margin-bottom: 40px ;}
.introductory-area.bottom .bottom-box {display: flex;flex-wrap: wrap;justify-content: center;gap: 16px;}
.introductory-area.bottom .bottom-box .box {flex: 1;max-width: calc(100% / 3);min-width: 350px;}
.introductory-area.bottom .bottom-box .box > img {width: 100%;}
.introductory-area.bottom .bottom-box .box > ul {position: relative;display: flex;flex-direction: column;justify-content: space-between;min-height: 148px;border-radius: 16px;border: 1px dashed var(--Blue, #0458F9);background: #FFF;padding: 26px 20px 24px 36px;list-style: disc;margin-top: 42px;}
.introductory-area.bottom .bottom-box .box > ul::before {content: '';position: absolute;left: 0;top: -40px; display: block;width: 100%;height: 44px;background: url(../images/line.png) no-repeat center;}
.introductory-area.bottom .bottom-box .box > ul li {color: var(--user_line, #333F54);font-size: 14px;font-weight: 500;line-height: 150%;word-break: break-all;}
.introductory-area.bottom .bottom-box .box > ul li::marker {font-size: 10px;  /* 점 크기 조절 */} 

/* =====================================
페이징 처리
===================================== */
.pagination-sm .page-link i {line-height:1.5;}
.page-item.active .page-link{background-color: #001f3f!important;border-color: #001f3f!important; color: #fff!important;}
.page-item .page-link{color: #001f3f!important;}

.pagination {
  	font-weight: 400;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 5px;
}

.pagination li.page-item {
	width: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;    
}

.pagination .page-link {
  margin-right: 0.1em;
  margin-left: 0.1em;
  border-color: transparent;
  border-radius: 3px;
  border: solid 1px #b2b2b2; 
  font-size: 80%; 
}

.pagination a {
    margin-right: 0.1em;
    margin-left: 0.1em;
    border-color: transparent;
    border-radius: 3px;
    border: solid 1px #b2b2b2;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: black !important;
}

.pagination .page-link:hover, .pagination .page-link:focus {
  text-decoration: none;
  background-color: var(--sub_gray_2, #E7E7E7)!important;
}
.pagination .page-item.disabled .page-link {
  border-color: transparent;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link,
.pagination-lg .page-item:first-child .page-link,
.pagination-lg .page-item:last-child .page-link,
.pagination-sm .page-item:first-child .page-link,
.pagination-sm .page-item:last-child .page-link {
  border-radius: 3px;
}

/* =====================================
개인정보처리지침
===================================== */
.table-privacy {clear:both; overflow:hidden; border-top: 2px solid #085885;}
.table-privacy table {width:100%; table-layout:fixed;}
.table-privacy table tr {border-bottom: 1px solid #dcdcdc;}
.table-privacy table tr.bg1 {background: #f3f3f3;}
.table-privacy table tr.bg2 {background: #fffceb;}
.table-privacy table thead tr {border-bottom: 1px solid #929bac;}
.table-privacy table thead th {text-align: center;}
.table-privacy table tr th {padding:15px 20px; color: #444; font-weight: 600; border-right: 1px solid #dcdcdc; line-height: 18px; background: #f9f9f9;}
.table-privacy table tr th:last-child {border-right: 0px;}
.table-privacy table tr td {padding: 15px 20px; text-align: center; line-height: 18px; border-right: 1px solid #dcdcdc;}
.table-privacy table tr td:last-child {border-right: 0px;}
.table-privacy table tr td.th {font-weight: 500;}
.table-privacy table tr td.divide {padding: 0;}
.table-privacy table tr td.divide > ul {display: table; table-layout: fixed; width: 100%;}
.table-privacy table tr td.divide > ul > li {display: table-cell; padding: 15px 10px; vertical-align: middle;}
.table-privacy table tr td.divide > ul.top > li {vertical-align: top;}
.table-privacy table tr td.divide > ul.line > li {border-right: 1px solid #dcdcdc;}
.table-privacy table tr td.divide > ul.line li:last-child {border-right: 0}

.box-type {padding: 30px; background: #f8f9fa;}
.tbold {font-weight: bold;}

.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}

.privacy-items1 img{display:flex; max-width:100%; margin-left: auto; margin-right: auto;}
.privacy-items2{padding:15px; border:1px solid #ddd;}
.privacy-items2 ul{display:flex; flex-wrap:wrap;}
.privacy-items2 ul li{width:50%; padding:5px 0; font-size:15px; letter-spacing:-1px; font-style:nomal;}

.detail-privacy-wp {padding: 0 256px;}
.privacy-box .table-privacy table tr th{padding:15px 10px; font-size:14px; font-style:nomal;}
.privacy-box .table-privacy table tr td{padding:15px 10px; word-break:break-all; font-size:14px; font-style:nomal;}
.privacy-box .tit_list{margin-bottom:20px;font-size:20px;text-align:left; font-weight: 600;color: #333;box-sizing: border-box;vertical-align: middle;
margin-top: -60px;  padding-top: 90px;}
.privacy-box img{vertical-align:middle;}
.privacy-box .num.gap li + li{margin-top:10px;}
.privacy-box .tit_rule {margin: 5px 0 5px 15px; }
.privacy-box .table-privacy td.txt_left {text-align: left !important;}

.contents-title {margin-bottom: 30px; margin-top: 30px;}
.contents-title h2 {padding-right: 20px; padding-bottom: 13px; font-size: 30px; text-align: center;}
.contents-title h2::after {left: calc(50% - 12px); width: 24px; height: 1px; } 
/*.contents-list  ul{padding-left: 20px; list-style-position: outside;} */
.contents-list  ul li{text-indent: -1em; padding-left: 1em;}
.contents-list1 ul li{text-indent: -0.5em; padding-left: 1em;}

.tit-main {margin: 60px 0 15px 0; font-size: 20px; font-weight: 700; color: #444; word-break: keep-all;	text-align: center;}
.txtc {text-align: center !important;}
.cnt-list {width: 85%;	margin: 20px auto 0px; display: flex; flex-flow: row wrap; justify-content: space-between;}
.list-icon {margin-right: 10px; vertical-align: middle;}
.mid-line {width: 100%;	height: 1px; background-color: #eee; margin: 50px auto;}
.terms-tab {margin-top: 15px}
.terms-tab .active a {color: #006cff; border-bottom: 2px solid}

/* =====================================
QNA 게시판 스타일
===================================== */
.qna .content {width: 100%;}
.qna-area {width: 100%;}
.qna-area .inner {max-width: 1360px;margin: auto;}
.qna-area h3.title {color: var(--Main, #02176A);text-align: center;font-size: 38px;font-weight: 700;}
.qna-area h3.title::after {content: '';display: inline-block;width: 12px;height: 12px;border-radius: 99px;background: var(--Blue, #0458F9);margin-left: 6px;}
/* top */
.qna-area.top {background-image: url(../images/top_bg.png);background-repeat: no-repeat;background-position: center top;}
.qna-area.top .inner {padding-bottom: 70px;}
.qna-area.top .title-group {padding: 120px 0 110px;}
.qna-area.top .text {color: #02176A;font-size: 28px;font-weight: 400;line-height: 130%;margin-bottom: 9px;}
.qna-area.top .title {display: inline-block;color: transparent;font-size: 48px;font-weight: 900;line-height: 130%; background: linear-gradient(91deg, #02176A -12.43%, #7748F4 89.54%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/* press-area */
.press-area {width: 100%;}
.press-area .inner {max-width: 1360px;margin: auto;}
.press-area.top {margin-top: 0;}
.press-area.top .inner {display: flex;flex-direction: row;align-items: stretch;gap: 30px;padding-bottom: 0;}
.press-area.top .press-bg-wp {flex: 2;background-image: url(../images/v2/press_top.png);background-repeat: no-repeat;background-size: cover;background-position: center;aspect-ratio: 894 / 240;margin:0;border-radius: 12px;}
.press-area.top .press-banner-wp {flex: 1;border-radius: 12px;}

/* literacy-area */
.literacy-area {width: 100%;}
.literacy-area.top {margin-top: 38px;height: 240px;background-image: url(../images/v2/literacy_top.png);background-repeat: no-repeat;background-size: cover;background-position: center;}

/* center */
.qna-area.center .title {margin-bottom: 20px;}
.qna-area.center .contents-img {max-width: 1329px;margin: 0 auto;}
.qna-area.center .contents-img img {width: 100%;}
.qna-area.center .point {position: absolute;left: 50%;top: 30%;}

.qna-area.bottom .inner {padding-bottom: 70px;}

.qna-type-list{display:flex;flex-wrap:wrap;gap:30px;padding:0;margin:4em 0;list-style:none}
.qna-type-list>li{flex:1 1 200px;max-width:432px;display:flex}
.qna-type-btn{width:100%;display:flex;flex-direction:column;align-items:flex-start;border:2px solid var(--sub_gray_2,#e7e7e7);background:#fff;border-radius:18px;box-shadow:0 8px 20px 0 rgba(169,174,189,.12);transition:border-color .2s,box-shadow .2s,background .2s;cursor:pointer;padding:36px 32px 32px;text-align:left;position:relative}

.qna-type-btn:focus,
.qna-type-btn:hover,
.qna-type-btn.active{
    border-color: var(--Point, #7748F4);
    box-shadow: 0px 12px 24px 0px rgba(69, 88, 244, 0.14);
    background: #f5f8ff;
    outline: none;
}

.qna-type-btn .head-wp {width: 100%;}
.qna-type-btn .title{font-size:2.1rem;font-weight:900;color:var(--Main,#02176a);margin:0 0 8px;letter-spacing:-1px;line-height:1.1}
.qna-type-btn .info .keyword{font-size:1.4rem;color:var(--sub_gray_4,#a6a6a6);font-weight:500;line-height:1.5;opacity:.8}

.srch-option-area .top-wp {display: flex;align-items: center;/*border-bottom: 1px solid #E7E7E7;*/padding: 20px 20px;}
.srch-option-area .top-wp .search-results {display: inline-flex;align-items: center;color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 500;}
.srch-option-area .top-wp .search-results .count {color: var(--Main, #02176A);font-size: 2rem;font-weight: 900;margin-left: 7px;}
.srch-option-area .top-wp .select-form {margin-left: auto; min-width:100px;}
.srch-option-area .search-wp .search-form {position: relative;width: 100%;height: 60px;border-radius: 100px;border: 3px solid var(--Main, #02176A);background: #FFF;padding: 12px 140px 12px 47px;margin-left: 1em;}
.srch-option-area .search-wp .search-form input {width: 100%;height: 100%;color: var(--Main, #02176A);font-size: 2rem;font-weight: 700;border: none;}
.srch-option-area .search-wp .search-form input:focus {outline: none;}
.srch-option-area .search-wp .search-form input::placeholder {color: rgba(156, 163, 175, 0.56);}
.srch-option-area .search-wp .search-form .search-btn {position: absolute;top: 5px;right: 10px;width: 44px;height:44px;}

/* 테이블 그리드 */
.board-result-area {width: 100%;/*margin-top: 2em;*/}
.board-result-area table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;/*border-radius:16px;*/box-shadow:0 4px 20px 0 rgba(169,174,189,.07);overflow:hidden;table-layout:fixed;margin-bottom:1.5em;/*border:1px solid #e7e7e7*/}
.board-result-area thead tr {background: #fff;transition: background 0.18s;}
.board-result-area thead th{padding:20px 0 18px;color:var(--user_line,#333f54);font-size:1.6rem;font-weight:900;text-align:center;letter-spacing:-.5px;background:0 0;border-bottom: 1px solid var(--user_line,#333f54);border-top:2px solid var(--user_line,#333f54);}
.board-result-area tbody td{padding:16px 0 15px;color:#333f54;font-size:1.65rem;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;word-break:break-all}
.board-result-area tbody tr:hover td {transition: background 0.18s;background: #f5f8ff;border-top: 1px solid var(--Point, #7748F4);border-bottom: 1px solid var(--Point, #7748F4);}

/* 답변상태 강조 */
.board-result-area .status{font-weight:700;font-size:1.16rem;padding:.1em 1.1em;border-radius:18px;display:inline-block;border:1.5px solid;background:#fff;min-width:78px;letter-spacing:-.5px;vertical-align:middle}
.board-result-area .status.waiting{color:var(--sub_gray_3,#717171);border-color:var(--sub_gray_0,#989ba8);background:#f8f9fa}
.board-result-area .status.answered{color:var(--Point,#7748f4);border-color:var(--Point,#7748f4);background:#faf6ff; text-align:center;}

.board-result-area a {transition: color 0.14s;}
.board-result-area table tbody a {transition: color 0.14s; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.board-result-area a:hover {color: var(--Point, #7748F4);text-decoration: underline;}
.board-result-area .bottom-wp {display: flex;justify-content: flex-end;padding: 26px 0 32px;}
.board-result-area .bottom-wp .qna-btn-sub {width: 130px;height: 48px;border-radius: 100px;background: var(--Main, #02176A);color: var(--White, #FFF);font-size: 1.6rem;font-weight: 500;vertical-align: middle;margin-left: 10px;}
.board-result-area .bottom-wp .qna-btn-sub:hover {background: var(--Point, #7748F4);}

/* 테이블 그리드 */
.qna-result-area {width: 100%;/*margin-top: 2em;*/}
.qna-result-area table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;/*border-radius:16px;*/box-shadow:0 4px 20px 0 rgba(169,174,189,.07);overflow:hidden;table-layout:fixed;margin-bottom:1.5em;/*border:1px solid #e7e7e7*/}
.qna-result-area thead tr {background: #fff;transition: background 0.18s;}
.qna-result-area thead th{padding:20px 0 18px;color:var(--user_line,#333f54);font-size:1.6rem;font-weight:900;text-align:center;letter-spacing:-.5px;background:0 0;border-bottom: 1px solid var(--user_line,#333f54);border-top:2px solid var(--user_line,#333f54);}
.qna-result-area tbody td{padding:16px 0 15px;color:#333f54;font-size:1.65rem;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;word-break:break-all;vertical-align:middle;}
.qna-result-area tbody tr:hover td {transition: background 0.18s;background: #f5f8ff;border-top: 1px solid var(--Point, #7748F4);border-bottom: 1px solid var(--Point, #7748F4);}

/* 답변상태 강조 */
.qna-result-area .status{font-weight:700;font-size:1.16rem;padding:.1em 1.1em;border-radius:18px;display:inline-block;border:1.5px solid;background:#fff;min-width:78px;letter-spacing:-.5px;vertical-align:middle}
.qna-result-area .status.waiting{color:var(--sub_gray_3,#717171);border-color:var(--sub_gray_0,#989ba8);background:#f8f9fa}
.qna-result-area .status.answered{color:var(--Point,#7748f4);border-color:var(--Point,#7748f4);background:#faf6ff; text-align:center;}

.qna-result-area a {transition: color 0.14s;}
.qna-result-area table tbody a {transition: color 0.14s; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.qna-result-area a:hover {color: var(--Point, #7748F4);text-decoration: underline;}
.qna-result-area .bottom-wp {display: flex;justify-content: flex-end;padding: 26px 0 32px;}
.qna-result-area .bottom-wp .qna-btn-sub {width: 130px;height: 48px;border-radius: 100px;background: var(--Main, #02176A);color: var(--White, #FFF);font-size: 1.6rem;font-weight: 500;vertical-align: middle;margin-left: 10px;}
.qna-result-area .bottom-wp .qna-btn-sub:hover {background: var(--Point, #7748F4);}


/* =====================================
QnA 등록/수정
===================================== */
.qna-area .page-header {min-height: 54px;display: flex;flex-wrap: wrap;align-items: center;border-bottom: 2px solid var(--user_line, #333F54);padding : 16px 0;}
.qna-area .page-header .mo-sidenav-on {display: none;color: var(--user_line, #333F54);font-size: 2.4rem;transform: rotate(180deg);}
.qna-area .page-header .title {color: var(--user_line, #333F54);font-size: 2.4rem;font-weight: 700; margin: 0px 10px;}
.qna-area .page-header .btn-wp {margin-left: auto;display: flex;gap: 10px;}
.qna-area .page-body {padding-top: 20px;}

.qna-area .mypage-area .detail-srch-wp {display: block;background: transparent;padding: 0;}
.qna-area .mypage-area .detail-srch-wp .bottom-wp {justify-content: center;}
.qna-area .mypage-area .fieldset {padding-top: 20px;}

.qna-area .my-list {margin-bottom: 78px;}
.qna-area .my-list li {display: flex;flex-wrap: wrap;padding: 28px 0px;border-bottom: 1px solid var(--sub_gray_2, #E7E7E7);}
.qna-area .my-list li .group {display: flex;}
.qna-area .my-list li .checkbox {margin-right: 8px;flex-shrink: 0;}
.qna-area .my-list li .title a {color: var(--balck, #222);font-size: 1.6rem;font-weight: 500;}
.qna-area .my-list li .title .file-size {color: var(--gray_text, #9CA3AF);font-size: 1.5rem;font-weight: 400;margin-left: 10px;}
.qna-area .my-list li .info-wp {flex-shrink: 0;margin-left: auto;display: inline-flex;gap: 16px;}
.qna-area .my-list li .info-wp .info .tit {color: var(--balck, #222);font-size: 1.4rem;font-weight: 500;margin-right: 6px;}
.qna-area .my-list li .info-wp .info .name, .my-list li .info-wp .info .date {color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;}

.qna-area .fieldset-area {width: 100%;max-width: 720px;margin: 0 auto;}
.qna-area .fieldset-area .inner {padding: 72px 0 96px;}
.qna-area .fieldset-area .fieldset {padding-top: 38px;}
.qna-area .fieldset {/*max-width: 720px;*/max-width: 100%;margin: 0 auto;display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.qna-area .fieldset .form-group {margin-bottom:32px;}
.qna-area .fieldset .form-group .form-tit {margin-bottom: 12px;}
.qna-area .fieldset .form-group .form-tit label {font-size: 1.6rem;font-weight: 500;}
.qna-area .fieldset .form-group .form-conts .radiobox > label {margin-right: 24px;}

.qna-area .form-group .form-area {gap: 20px;}

.upload-row{display:flex;align-items:flex-start;gap:10px}
.upload-box-area{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;margin-bottom:10px;vertical-align:middle}
.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border:1px dashed var(--Point,#7748f4);background:#fafaff;border-radius:14px;cursor:pointer;transition:border-color .18s,box-shadow .18s}
.upload-dropzone:hover{border-color:#5d2ec2;background:#f3f1fb;box-shadow:0 4px 16px 0 rgba(119,72,244,.08)}
.upload-icon{width:2.8em;height:2.8em;background:url('../images/upload_icon.png') center/contain no-repeat;margin-bottom:12px;opacity:.9}
.upload-label{display:inline-block;font-size:1.16rem;color:var(--Point,#7748f4);font-weight:700;background:#ede5ff;border-radius:100px;padding:5px 20px;letter-spacing:-.2px;box-shadow:0 1px 6px 0 rgba(119,72,244,.07);user-select:none}
.upload-board{flex:1 1 0;min-width:0}
.upload-board .list-hover {min-height: 120px;border: 1px solid rgba(156, 163, 175, 0.60);}
.file-type-pill{display:inline-block;background:#f5f8ff;color:#7748f4;border-radius:12px;padding:2px 10px;margin:0 3px 3px 0;font-size:1.13rem;font-weight:600;border:1px solid #ede5ff;vertical-align:middle}


/* =====================================
QnA 상세
===================================== */
.qna-detail-area{width:100%;max-width:100%;margin:0 auto 32px;background:#fff;border-radius:18px;box-shadow:0 4px 24px 0 rgba(169,174,189,.1);padding:44px 42px 32px;position:relative}

/* 1. 제목 */
.qna-detail-title-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;min-height:38px}
.qna-type-badge{display:inline-block;font-size:1.17rem;font-weight:700;color:var(--Point,#7748f4);background:#f7f2ff;padding:.22em .98em;border-radius:15px;margin-right:2px;letter-spacing:0;vertical-align:middle;min-width:54px}
.qna-secret-lock{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;font-size:1.24rem;color:#b3b6be;vertical-align:middle}
.qna-secret-lock .icon-lock{display:inline-block;width:1.28em;height:1.28em;background:url('../images/icon_secret.png') center/contain no-repeat;vertical-align:middle}
.qna-detail-title{font-size:2.22rem;font-weight:900;color:var(--Main,#02176a);line-height:1.24;word-break:break-all;letter-spacing:-.5px;display:inline}

/* 2. 작성자/일자/조회수 */
.qna-detail-meta{display:flex;align-items:center;gap:8px;color:var(--sub_gray_3,#717171);font-size:1.37rem;font-weight:500;margin-bottom:22px;letter-spacing:-.2px}
.qna-detail-meta .divider{margin:0 4px;color:#d2d2d6}

/* 3. 첨부파일 */
.qna-detail-files{padding:16px 0 14px;border-top:1.5px solid #e7e7e7;border-bottom:1.5px solid #e7e7e7;margin-bottom:30px}
.qna-detail-files .conts-value__file-list{margin:0;padding:0}
.qna-detail-files .upload-list {border-radius: 8px;background: #FFF;padding: 10px;}
.qna-detail-files .upload-list li {display: flex;margin-bottom: 8px;}
.qna-detail-files .upload-list li:last-child {margin-bottom: 0;}
.qna-detail-files .upload-list li p {color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.qna-detail-files .upload-list li i {line-height: 1.3;}
.qna-detail-files .upload-list li .file-size {flex-shrink: 0;color: var(--gray_text, #9CA3AF);font-size: 1.4rem;font-weight: 400;padding-left: 8px;}
.qna-detail-files .delete-btn {color: var(--gray_text, #9CA3AF);font-size: 2rem;margin-right: 9px;}
.qna-detail-files .delete-btn:hover {color: var(--Point, #7748F4);}

/* 4. 내용 */
.qna-detail-content{font-size:1.62rem;color:var(--user_line,#333f54);font-weight:400;padding:26px 0 10px;min-height:120px;line-height:1.85;border-bottom:1.5px solid var(--user_line,#333f54);margin-bottom:36px;word-break:break-all;background:0 0}

/* 5. 답변 영역 */
.qna-answer-area{margin:0 auto;background:#f6f6fa;border-radius:14px;padding:26px 32px 24px;box-shadow:0 2px 8px 0 rgba(135,120,236,.05);position:relative}
.qna-answer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.answer-badge{display:inline-block;min-width:80px;padding:.3em 1.1em;border-radius:100px;font-size:1.14rem;font-weight:800;text-align:center;background:#ede5ff;color:var(--Point,#7748f4);letter-spacing:.1px;border:1.5px solid}
.answer-badge.answered { background: #ede5ff; color: var(--Point, #7748F4);}
.answer-badge.waiting { background:#f8f9fa;color:var(--sub_gray_3,#717171);border-color:var(--sub_gray_3,#717171);}
.qna-answer-content{font-size:1.53rem;color:var(--user_line,#333f54);line-height:1.9;padding:6px 0 2px;font-weight:500;word-break:break-all}
.btn.delete-btn{font-size:1.25rem;color:var(--sub_gray_0,#989ba8);background:0 0;border:none;cursor:pointer;padding:0 10px;transition:color .18s}
.btn.delete-btn:hover { color: #F44444; }

.btn.update-btn {font-size: 1.25rem;color: var(--sub_gray_0, #989BA8);background: none;border: none;cursor: pointer;padding: 0 10px;transition: color 0.18s;}
.btn.update-btn:hover { color: #7748F4; }
.qna-answer-bottom {margin-top: 18px;display: flex; gap: 12px;align-items: flex-start;flex-wrap: wrap;padding-top: 15px;border-top: 1.5px solid #e7e7e7;}

.btn.answer-write-btn {font-size: 1.13rem;color: var(--Point, #7748F4);background: #fff;border: 1.5px solid var(--Point, #7748F4);border-radius: 100px;font-weight: 700;padding: 0.32em 1.6em;margin-left: 8px;transition: background 0.17s, color 0.17s;}
.btn.answer-write-btn:hover {background: var(--Point, #7748F4);color: #fff;}

.answer-bottom-button {display: flex;justify-content: end;align-items: center;}
.answer-bottom-button .btn {margin-left: 10px;}
.btn.answer-cancel-btn {font-size: 1.12rem;color: #fff;background: var(--sub_gray_4, #A6A6A6);border: none;border-radius: 100px;font-weight: 700;padding: 0.32em 2.2em;margin-top: 10px;transition: background 0.17s;}
.btn.answer-cancel-btn:hover {background: #717171;}
.btn.answer-submit-btn {font-size: 1.12rem;color: #fff;background: var(--Point, #7748F4);border: none;border-radius: 100px;font-weight: 700;padding: 0.32em 2.2em;margin-top: 10px;transition: background 0.17s;}
.btn.answer-submit-btn:hover {background: #5d2ec2;}

.qna-bottom-wp {display: flex;justify-content: end;align-items: center;margin-top:32px;}
.qna-bottom-wp .detail-sub-btn{width: 110px;height: 42px;border-radius: 100px;background: var(--White, #FFF);color:var(--sub_gray_3, #717171);border: 1px solid var(--sub_gray_3, #717171);font-size: 1.6rem;font-weight: 500;vertical-align: middle;margin-left: 10px;}
.qna-bottom-wp .detail-sub-btn:hover{color: var(--Main, #02176A);border:1px solid var(--Main, #02176A)}
.qna-bottom-wp .detail-udt-btn{width: 110px;height: 42px;border-radius: 100px;background: var(--Main, #02176A);color: var(--White, #FFF);font-size: 1.6rem;font-weight: 500;vertical-align: middle;margin-left: 10px;}
.qna-bottom-wp .detail-udt-btn:hover{background: var(--Point, #7748F4);}

/* =====================================
  2026년 고도화 추가
 =====================================*/
 
/* GNB 2depth START */
.gnb .depth2::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 30px;
}

.gnb .depth2 {
  display: none;
  position: absolute;
  top: calc(100% + 28px);
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  background-color: rgba(255,255,255,0.95);
  border-radius: 0 0 12px 12px;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 0 6px 6px rgba(0,0,0,0.1);
  backdrop-filter: blur(3px);
  z-index: 100;
}
.gnb li.has-depth:hover .depth2 {
  display: flex;
}
/* GNB 2depth END */

/* 공통팝업*/
.media-item .pop.btn-wp {gap: 0;}
.media-item .pop.btn-wp .btn {width: 100px;color: var(--sub_gray_3);font-size: 1.4rem;border: 1px solid var(--sub_gray_2);border-radius: unset;background: white;}
.media-item .pop.btn-wp .btn:hover {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}
.media-item .pop.btn-wp .btn span {margin-left: 5px;}

/* MAIN START */
.main .search-area .search-group {position: relative;padding-top: 5px;display: flex;flex-direction: column;justify-content: flex-end;flex: auto;flex-shrink: 0; gap: 16px;width: 100%;max-width: 703px;}
.media-list > li .conts-wp {display: flex;gap: 18px;padding: 0px 32px 30px;flex-direction: column;}
.media-list > li .conts-wp .thumb {position: relative;display: block;width: auto;height: auto;flex-shrink: 0;overflow: hidden;padding: 0 10px;text-align:center;}
.media-list > li .conts-wp .thumb img {width: 100%; max-width:144px; height: auto;aspect-ratio: 15/22; object-fit: cover;}
.media-list .info-wp > .info {width: 100%;display: flex;min-width: 0;}
.media-list > li .head-wp .info .provider2 {color: var(--sub_gray_0, #0458F9);font-size: 1.4rem;font-weight: 500;line-height: 100%;}
.media-list > li .conts-wp .info-wp {position: relative;display: flex;flex-direction: column;gap: 5px;flex: auto;padding-bottom: 0;}
.media-list > li .conts-wp .info-wp .info .tit {display: block;color: var(--balck, #222);font-size: 1.4rem;font-weight: 500;line-height: 100%;margin-bottom: 6px;border: 1px solid;border-radius: 5px;border-color: #00000055;width: 55px;height:fit-content;text-align: center;flex-shrink: 0;background-color: var(--sub_gray_2);}
.media-list > li .conts-wp .info-wp .info .tit > div {padding: 5px 5px 5px 0;}
.media-list > li .conts-wp .info-wp .info .writer, .media-list > li .conts-wp .info-wp .info .date {display: block;color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;line-height: 100%;flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 5px;}


/* 개선 */
.results-area .media-list > li, .media-slider-wrap .media-list > li {border: 1px solid #e2e2e2; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);}
.results-area .media-list > li .head-wp, .media-slider-wrap .media-list > li .head-wp {width:100%; height: auto; padding: 16px 20px 10px;}
.results-area .media-list > li .head-wp .info, .media-slider-wrap .media-list > li .head-wp .info {display: flex; align-items: center; margin-bottom: 8px;}
.results-area .media-list > li .head-wp .title a, .media-slider-wrap .media-list > li .head-wp .title a {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; color: var(--user_line, #333F54); font-size: 1.6rem; font-weight: 500; line-height: 1.5; height: 5.2rem;}

.results-area .media-list > li .conts-wp, .media-slider-wrap .media-list > li .conts-wp {display: flex; flex-direction: column; gap: 0; padding: 0;}
.results-area .media-list > li .conts-wp .thumb, .media-slider-wrap .media-list > li .conts-wp .thumb {position: relative; display: block; width: 100%; height: auto; flex-shrink: 0; overflow: hidden; text-align: center; padding: 20px; border-bottom: 1px solid #eeeeee; background-color: #F8F9FA;}
.results-area .media-list > li .conts-wp .thumb img, .media-slider-wrap .media-list > li .conts-wp .thumb img {width: auto; max-height: 200px; height: 100%; aspect-ratio: 15/22; object-fit: cover;box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);border: 1px solid rgba(0, 0, 0, 0.05);}

.results-area .media-list > li .conts-wp .info-wp, .media-slider-wrap .media-list > li .conts-wp .info-wp {position: relative; display: flex; flex-direction: column; gap: 0px; flex: auto; padding: 0 20px 20px;}
.results-area .media-list > li .conts-wp .info-wp .info, .media-slider-wrap .media-list > li .conts-wp .info-wp .info {width: 100%; display: flex; min-width: 0; align-items: center;}
.results-area .media-list > li .conts-wp .info-wp .info .tit, .media-slider-wrap .media-list > li .conts-wp .info-wp .info .tit {display: block; color: var(--balck, #222); font-size: 1.4rem; font-weight: normal; line-height: 100%; margin: 0; width: 50px; height: fit-content; text-align: start; flex-shrink: 0; border: none; background: none;}
.results-area .media-list > li .conts-wp .info-wp .info .line, .media-slider-wrap .media-list > li .conts-wp .info-wp .info .line {display: inline-block; width: 2px; height: 14px; background: #E7E7E7; margin: 0 2px;}
.results-area .media-list > li .btn-wp .bookmark-btn, .results-area .media-list > li .btn-wp .download-btn, .media-slider-wrap .media-list > li .btn-wp .bookmark-btn, .media-slider-wrap .media-list > li .btn-wp .download-btn {background: #f8f9fa; color: var(--icon_line, #A0A8C3); font-size: 2.4rem;}

.search-group .div-3 {width: max-content;display: inline-flex;align-items: center;gap: 16px;position: relative;flex: 0 0 auto;}
.search-group .search-toggle {display: inline-flex;height: 56px;align-items: center;position: relative;flex: 0 0 auto;background-color: #ffffff;border-radius: 50px;border: 4px solid;border-color: var(--point);cursor: pointer;width: 230px;}
.search-toggle .toggle-bg {position: absolute;top: -1px;left: 0%;width: calc(50% + 2px);height: calc(100% + 2px);background: var(--point);border-radius: 50px;transition: 0.3s ease;}
.search-toggle.active > .toggle-bg {left: -1%;}
.search-toggle > .toggle-bg {left: 50%;}
.search-group .search-intg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  flex: 1;
  padding: 0 4px 0 0;
}

.search-group .search-ai {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  flex: 1;
  padding: 0 0 0 4px;
}

.search-group .text-wrapper-14 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans KR-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 34px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.search-group .text-wrapper-15 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans KR-Bold", Helvetica;
  font-weight: 700;
  color: var(--sub_gray_0);
  font-size: 18px;
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  letter-spacing: 0;
  white-space: nowrap;
}

.search-group .question {
  position: relative;
  width: 20px;
  height: 20px;
  background-image: url(../images/v2/question.png);
  background-size: 100% 100%;
  cursor: pointer;
}

.search-group .question:hover .tooltip {
  display: inline-flex;  /* hover 시만 나타남 */
}

.search-group .tooltip {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 22px;
  left: -190px;
  z-index: 10;
}

.search-group .arrow {
  position: relative;
  flex: 0 0 auto;
  z-index: 1;
}

.search-group .con-box {
  display: flex;
  flex-direction: column;
  width: 402px;
  align-items: flex-start;
  justify-content: center;
  gap: var(--semantic-gap-3);
  padding: var(--semantic-padding-8);
  position: relative;
  flex: 0 0 auto;
  margin-top: -1px;
  z-index: 0;
  background-color: #ffffff;
  border-radius: var(--semantic-radius-xlarge2);
  overflow: hidden;
  border: 1px solid;
  border-color: #b1b8be;
  box-shadow: var(--shadow-3);
}

.search-group .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--semantic-gap-5);
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.search-group .title {
  gap: var(--semantic-gap-5);
  display: flex;
  align-items: center;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.search-group .text-wrapper-29 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Pretendard GOV-Bold", Helvetica;
  font-weight: 700;
  color: #131416;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 25.5px;
}

.search-group .icon-size {
  position: relative;
  flex: 0 0 auto;
  display:none;
}

.search-group .line-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 2px;
}

.search-group .div-5 {
  position: relative;
  align-self: stretch;
  font-weight: 400;
  color: #1e2124;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 22.5px;
}

.search-group .text-wrapper-30 {
  font-weight: 700;
}

.popup_bg {
	position:fixed; display:flex; z-index:10001; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.6); 
}
.popup {
  width: 468px;
  height: 573px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-image: url(../images/v2/popup.png);
  background-size: cover;
  background-position: 50% 50%;
  margin: auto;
}
.popup .frame-wrapper {
  display: flex;
  height: 480px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 20px;
  padding: 0 30px 30px 20px;
}

.popup .div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 16px;
  position: relative;
  flex: 1;
  align-self: stretch;
  width: 100%;
  flex-grow: 1;
  border-radius: 8px;
  border: 2px solid;
  border-color: #ffffff17;
}

.popup .text-wrapper-27 {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans KR-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 28px;
  text-align: center;
  letter-spacing: 0;
  line-height: 30.8px;
}

.popup .frame-5 {
  display: flex;
  height: 44px;
  position: relative;
  align-items: center;
  justify-content: space-between;
  background-color: var(--userline);
}

.popup .text-wrapper-title {
  position: relative;
  flex: 1;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.16px;
  line-height: 19.2px;
  padding: 15px 0;
}
.popup .text-wrapper-28 {
  position: relative;
  flex: 1;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.16px;
  line-height: 19.2px;
}

.popup .line-3 {
  position: relative;
  width: 1px;
  height: 28px;
  object-fit: cover;
}
.popup-item { background-image: none !important; background-color: #fff; overflow: hidden; }
.popup-item .text-wrapper-title { color: #222; flex: none !important; }
.popup-item .btn-no-today, .popup-item .btn-close-popup { cursor: pointer; }
.popup-item > div:first-child { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-height: 0; }
.popup-item .popup-cn-wrap {
  flex: 1;
  overflow-y: auto;
  box-sizing: border-box;
  min-height: 0;
  padding: 0 16px;
}
.popup-item .popup-cn-wrap img { max-width: 100% !important; height: auto !important; display: block; }
/* MAIN END*/

/* 통합 검색 START */
.post-list .group-title {display: flex;justify-content: space-between;}
.post-list .title {line-height: 25px;padding-bottom: 15px;}
.post-list > li .info-wp {display: flex;flex-direction: column;text-align: end;flex-shrink: 0;justify-content: flex-start;}
.post-list > li .breadcrumb {padding-right: 0;justify-content: flex-end;margin-bottom: 0;}
.post-list > li .icon-wp {flex-shrink: 0;display: inline-flex;justify-content: center;align-items: center;width: 15%;height: auto;border-radius: 0;background: none;}
.post-list > li .icon-wp a {display: block;width: auto;height: 200px;aspect-ratio: 3/4;}
.post-list > li .icon-wp img {width:100%;height: 100%;object-fit: cover;border: 2px solid var(--sub_gray_2, #E7E7E7);box-shadow:0px 8px 20px 0px rgba(169, 174, 189, 0.16);}
.post-list > li .text {color: var(--gray_text, #9CA3AF);font-size: 1.4rem;font-weight: 500;margin-top: 16px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.results-area .top-wp {border-bottom: none;}
.tab-conts.active {border-top: 1px solid #E7E7E7;}
.search-title {font-size: 2rem;margin-left: 10px;}
.search-quo {font-size: 2rem;}
.search-word {color: var(--Main, #02176A);font-size: 2rem;font-weight: 900;margin: 0 2px;}
.search-word-toogle{
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/v2/toogle-close.png) no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;
    margin-top: 2px;
    margin-left: 10px;
    transform: rotate(180deg);
}
.search-word-toogle.close{
	transform: rotate(0deg);
    margin-top: 2px;
    margin-left: 10px;
}

.element-view {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  padding: 16px;
  position: relative;
  background-color: var(--sub_gray_1);
  border-radius: 6px;
}

.element-view .page {
  display: flex;
  align-self: stretch;
  width: 100%;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.element-view .text-wrapper {
  font-weight: 700;
  color: var(--userline);
  font-size: 18px;
  line-height: 18px;
  position: relative;
  width: fit-content;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}

.element-view .wrap {display: flex;align-self: stretch;width: calc(100% - 100px);align-items: center;gap: 8px;position: relative;flex: 0 0 auto;flex-wrap: wrap;}

.element-view .frame {
  height: 30px;
  gap: 8px;
  padding: 0px 8px 0px 0px;
  background-color: var(--point);
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.element-view .element {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 6px 0px 0px 6px;
  border: 1px solid;
  border-color: #7748f4cc;
}

.element-view .div {
  color: var(--point);
  position: relative;
  width: fit-content;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 12px;
  white-space: nowrap;
}

.element-view .text-wrapper-2 {
  font-weight: 500;
  color: var(--point);
  font-size: 14px;
  line-height: 14px;
  position: relative;
  width: fit-content;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}

.element-view .frame-2 {
  gap: 6px;
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.element-view .text-wrapper-3 {
  margin-top: -1.00px;
  font-weight: 500;
  color: var(--White);
  font-size: 14px;
  line-height: 14px;
  position: relative;
  width: fit-content;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}

.element-view .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -0.50px;
  font-weight: 500;
  color: var(--White);
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 12px;
  white-space: nowrap;
}

.element-view .element-2 {
  display: inline-flex;
  height: 30px;
  justify-content: center;
  padding: 8px;
  background-color: #ffffff;
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.element-view .text-wrapper-5 {
  color: var(--userline);
  position: relative;
  width: fit-content;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 12px;
  white-space: nowrap;
}

.element-view .text-wrapper-6 {
  font-weight: 500;
  color: var(--userline);
  font-size: 14px;
  line-height: 14px;
  position: relative;
  width: fit-content;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}

.screen {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 15px 16px;
  position: relative;
  background-color: var(--tdbg);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--sub_gray_2);
}
.screen.active {
  display: flex;
}

.screen .div {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.screen .view {
  background-color: #0458f91a;
  display: flex;
  width: 46px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px;
  position: relative;
  border-radius: 3px;
}

.screen .text-wrapper {
  margin-top: -1.00px;
  color: var(--blue);
  font-size: 12px;
  line-height: 12px;
  position: relative;
  width: fit-content;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}

.screen .text-wrapper-2 { 
  color: var(--userline);
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  position: relative;
  width: fit-content;
  font-weight: 500;
  letter-spacing: 0;
}

.screen .div-wrapper {
  background-color: #0097371a;
  display: flex;
  width: 46px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px;
  position: relative;
  border-radius: 3px;
}

.screen .text-wrapper-3 {
  margin-top: -1.00px;
  color: var(--green);
  font-size: 12px;
  line-height: 12px;
  position: relative;
  width: fit-content;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
/* 통합 검색 END */

/* AI 답변 START */
.icon-toggle:before{content: "";width: 24px;height: 24px;display: block;background-image: url(../images/v2/toogle.png);background-size: contain;}
.icon-toggle.hover:before{content: "";width: 24px;height: 24px;display: block;background-image: url(../images/v2/toogle-hover.png);background-size: contain;}
.icon-close:before{content: "";width: 24px;height: 24px;display: block;background: url(../images/v2/close.png) no-repeat center;background-size: 17px;background-position: center;}
.icon-close.open:before{transform: rotate(0);}
.title-btn [class^="icon-"]{width: 24px;}
.title-btn [class^="icon-"]:before{font-size: 2.6rem;}
.aside .aside-menu .newchat-btn, .aside .aside-menu .newreport-btn {width: 26px;height: 26px;border-radius: 8px;background: linear-gradient(140deg, #3A72FC 15.73%, #7748F4 66.36%);color: #FFF;font-size: 2rem;}
.aside .aside-layer .layer-item .close-btn {position: initial;display:block;}
.aside .aside-layer .layer-item{display: block;padding: 16px 8px 20px;transform: translateX(-100%);transition: transform 0.3s ease;z-index: -1;left: 0;}
.aside .aside-layer .layer-item.active {transform: translateX(0);z-index: 2;}
.aside .aside-layer .layer-item .layer-in {display: flex;flex-direction: column;height: 100%;overflow: auto;border-radius: 8px;border: 1px solid var(--sub_gray_2, #E7E7E7);box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.25);padding: 10px 14px 14px 14px;}
.aside .aside-layer .layer-item .layer-in .title-btn{height: 30px;display: flex;align-items: flex-start;margin: 20px 0 5px 0;}
.pointer{cursor: pointer;}
.aside .aside-menu .menu-list li{height: 30px;}
.aside .aside-layer .layer-in .btn-label {margin-left: 20px;line-height:20px;color: var(--user_line, #333F54);font-size: 2.2rem;font-weight: 500;}
.aside .aside-layer .layer-in .btn-label.my {line-height: 16px;color: var(--White);font-size: 1.2rem;font-weight: normal;border-radius: 4px;border: 1px solid var(--Point);background: var(--Point);padding: 3px 10px;cursor: pointer;}
.aside .aside-layer .layer-item .layer-in .group .g-conts {overflow-y: auto;padding: 0;border-radius: 8px;background: var(--sub_gray_1);}
.aside .aside-layer .layer-item .layer-in .group .g-conts .card{margin-bottom: 0;background: var(--sub_gray_1, #E6E6E6);}
.chat-ai .chat-conts-wp{transition: all 0.25s ease;}
.chat-ai .chat-conts-wp.init{flex:none;}
.chat-ai .chat-conts-wp #area-helpLine{padding-bottom:50px;/* height: 72px; */}
.icon-file:before{content: "";width: 24px;height: 24px;display: block;background-image: url(../images/v2/icon-file.png);background-size: contain;margin-right: 8px;}
.icon-bigkinds:before{content: "";width: 79px;height: 22px;display: block;background-image: url(../images/v2/icon-bigkinds.png);background-repeat: no-repeat;background-size: cover;margin-right: 8px;}
.icon-ai:before{content: "";width: 24px;height: 24px;display: block;background-image: url(../images/v2/arrow-down.png);background-size: contain;margin-left: 8px;}
.btn-area{width: 100%;display: flex;flex-direction: row;align-items: center;border-top: 1px solid rgba(156, 163, 175, 0.40);padding: 18px 24px;justify-content: space-between;}
.btn-area > div > div{display: flex;justify-content:space-between;align-items:center;border: 1px solid rgba(156, 163, 175, 0.40);border-radius: 8px;padding: 8px 10px;background: var(--sub_gray_1);cursor: pointer;}
.btn-area > div > div.active{border: var(--Point); background: var(--Point);}
.btn-area > div > div > span {color: var(--sub_gray_3);font-size:1.4rem;}
.btn-area > div > div.active > span{color: var(--White);}
.chat-form-wp .btn-area .btn-file {user-select: none;}
.chat-form-wp .btn-area .btn-bigkinds {user-select: none;}
.chat-form-wp .btn-area .btn-ai {width: fit-content;position: relative;cursor: pointer;user-select: none;}
.btn-area .area-add {display:flex;gap: 16px;}
.btn-area .area-add .active{}
.btn-area .area-send{display:flex;border: unset;gap: 16px;}
.ai-list{display: none;flex-direction: column;position: absolute;right: 80px;top: 50px;border-radius: 8px;border: 1px solid rgba(156, 163, 175, 0.40);background: var(--sub_gray_1);transition: opacity 0.3s ease;}
.ai-list.active{display: flex;z-index:3;overflow:hidden;}
.ai-list > li{width: 100%;height: 44px;padding: 8px 37px 8px 5px;color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 400;letter-spacing: -0.5px;cursor: pointer;display: flex;}
.ai-list > li > button{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.ai-list > li.selected{background-color: rgb(119 72 244 / 10%);color: var(--Point, #7748F4);background-image: url(../images/check_purple.png);background-position: right 14px center;background-repeat: no-repeat;}

.chat-ai .chat-form-wp {padding:0; display: flex;flex-direction: column;}
.chat-ai .chat-form-wp form{padding: 10px 24px;}
.chat-ai .chat-form-wp .btn-area .send-btn {position: relative;right:0;bottom: 0;width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(142deg, #2282FF -9.75%, #7D46F1 67.81%);}
.chat-ai .chat-form-wp .btn-area .send-btn:hover {background: var(--Main, #02176A);}
.chat-ai .chat-form-wp .btn-area .send-btn::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/send_btn.png) no-repeat left 9px top 12px;}

.icon-rect:before{content: "";width: 24px;height: 24px;display: block;background-image: url(../images/v2/icon-rect.png);background-size: contain;}
.icon-good, .icon-bad{width:16px; height:17px;fill: #9CA3AF99;cursor: pointer;display: block;}
.icon-copy {color:  #9CA3AF99;}
.icon-good:hover, .icon-bad:hover{fill: var(--Point);}
.icon-good.active, .icon-bad.active{fill: var(--Point);}
.icon-copy:hover {color: var(--Point);}

.btn-area-answer{display: none; padding: 16px 0;gap: 16px;}
.btn-area-answer.active{display: flex; padding: 16px 0;gap: 16px;}
.btn-area-answer > button{width: 130px; border: 1px solid rgba(156, 163, 175, 0.40);border-radius: 8px;padding: 10px 0; background: var(--sub_gray_1); color: var(--sub_gray_3); font-size: 1.4rem;}
.btn-area-answer > button.active{background-color: var(--Point); color: var(--White);}

.area-response{display: none;}
.area-response.active{display: block;}
.area-response .tit {color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 700;margin-bottom: 5px;}
.area-response .response-in{border-radius: 0px 12px 12px 12px;background: #FFF;box-shadow: 0px 2px 6px 0px rgba(83, 90, 120, 0.10);padding: 19px 16px 19px 23px;}
.area-response .response-in .text {color: var(--user_line, #333F54);font-size: 1.4rem;font-weight: 500;line-height: 180%;}
.area-summary, .area-stat{display: none;}
.area-summary.active, .area-stat.active{display: block;}
.mo-bg{display:none;position: fixed;width: 0;height: 0;top: 0;left: 0;z-index: 3;background: var(--spass-ext-b-black4);}
.mo-bg.active{display:block;}

.ai-chat-frame {display: flex;flex-direction: column;align-items: flex-start;position: relative;padding: 15px 0;}

.ai-chat-frame .div { padding: 8px; margin-right: -3.00px; border-left-width: 2px; border-left-style: solid; border-color: var(--sub_grayc_0); display: inline-flex; align-items: center; justify-content: center; gap: 10px; position: relative; flex: 0 0 auto; }

.ai-chat-frame .div-2 { position: relative; width: 16px; height: 16px; aspect-ratio: 1; }

.ai-chat-frame .img { top: 57.29%; left: 32.29%; position: absolute; width: 29.17%; height: 29.17%; }

.ai-chat-frame .text-wrapper { position: relative; width: 85px; font-weight: 500; color: var(--userline); font-size: 14px; letter-spacing: 0; line-height: 25.2px; }

.ai-chat-frame .div-3 {display: inline-flex;align-items: center;gap: 10px;padding: 8px 8px 8px 34px;position: relative;flex: 0 0 auto;border-left-width: 2px;border-left-style: solid;border-color: var(--sub_grayc_0);flex-direction: row;flex-wrap: wrap;}

.ai-chat-frame .div-wrapper { height: 30px; padding: 4px 16px; background-color: #7748f41a; border-radius: 20px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; position: relative; flex: 0 0 auto; }

.ai-chat-frame .text-wrapper-2 { position: relative; width: fit-content; font-weight: 400; color: var(--point); font-size: 14px; letter-spacing: 0; line-height: 14px; white-space: nowrap; }

.chat-recomm{display:none;flex-direction:column;align-items:flex-start;position:relative;/* padding:48px; */}
.chat-recomm.on{display:flex;}
.chat-recomm .tab-full{display:flex;align-items:center;justify-content:space-between;position:relative;align-self:stretch;width:100%;flex:0 0 auto;background-color:#f5f5f5;border-radius:10px 10px 0 0;cursor:pointer;}
.chat-recomm .text-wrapper{margin-top:-6px;margin-bottom:-2px;font-family:"Noto Sans KR-Medium",Helvetica;font-weight:500;color:var(--sub_gray_3);position:relative;width:fit-content;font-size:1.4rem;letter-spacing:0;line-height:14px;white-space:nowrap;}
.chat-recomm .div-wrapper{display:flex;height:40px;align-items:center;justify-content:space-around;gap:10px;padding:17px 20px;position:relative;flex:1;flex-grow:1;border-radius:10px 10px 0 0;border-bottom:2px solid var(--point);}
.chat-recomm .on{display:flex;height:40px;align-items:center;justify-content:space-around;gap:10px;padding:17px 20px;position:relative;flex:1;flex-grow:1;background-color:#fff;border-radius:10px 10px 0 0;border:2px solid var(--point);border-bottom:none;}
.chat-recomm .div{margin-top:-6px;margin-bottom:-2px;font-weight:500;color:var(--sub_gray_0);position:relative;width:fit-content;font-size:1.4rem;letter-spacing:0;line-height:14px;white-space:nowrap;}
.chat-recomm .div-recomm{display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;position:relative;align-self:stretch;width:100%;flex:0 0 auto;background-color:#fff;border-right:2px solid var(--point);border-bottom:2px solid var(--point);border-left:2px solid var(--point);}
.div-recomm.active{display:flex;}
.chat-recomm .div-recomm .q{display:flex;width:100%;height:30px;align-items:center;gap:8px;padding:2px;position:relative;background-color:var(--sub_gray_1);border-radius:8px;cursor:pointer;}
.chat-recomm .div-recomm .img{position:relative;width:26px;height:26px;}
.chat-recomm .div-recomm .element{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;flex:1;align-self:stretch;flex-grow:1;background-color:var(--sub_gray_1);border-radius:4px;}
.chat-recomm .div-recomm .text-wrapper-2{position:relative;flex:1;font-weight:400;color:var(--userline);font-size:1.4rem;letter-spacing:0;line-height:21px;}
/* AI 요약(마크다운) 표출 - reset 로 지워진 마크다운 요소 스타일 복원 */
#mediaPopupAiSummary { width:100%; text-align:left; }
#mediaPopupAiSummary ol { list-style:decimal; padding-left:1.5em; margin:6px 0; }
#mediaPopupAiSummary ul { list-style:disc; padding-left:1.5em; margin:6px 0; }
#mediaPopupAiSummary li { margin:2px 0; line-height:1.6; }
#mediaPopupAiSummary p { margin:6px 0; line-height:1.6; }
#mediaPopupAiSummary strong, #mediaPopupAiSummary b { font-weight:700; }
#mediaPopupAiSummary em, #mediaPopupAiSummary i { font-style:italic; }
#mediaPopupAiSummary h1, #mediaPopupAiSummary h2, #mediaPopupAiSummary h3,
#mediaPopupAiSummary h4, #mediaPopupAiSummary h5, #mediaPopupAiSummary h6 { font-weight:700; line-height:1.4; margin:12px 0 6px; }
#mediaPopupAiSummary h1 { font-size:1.8rem; }
#mediaPopupAiSummary h2 { font-size:1.6rem; }
#mediaPopupAiSummary h3 { font-size:1.4rem; }
.div-stat{display:none;align-items:center;justify-content:center;gap:16px;padding:24px;position:relative;align-self:stretch;width:100%;flex:0 0 auto;background-color:#fff;border-right:2px solid var(--point);border-bottom:2px solid var(--point);border-left:2px solid var(--point);}
.div-stat.active{display:flex;flex-direction:row;}
.div-stat .q{display:flex;align-items:center;padding:2px;position:relative;flex:1;align-self:stretch;flex-grow:1;background-color:var(--sub_gray_1);border-radius:8px;cursor:pointer}
.div-stat .icon-stat{background:var(--Point);height:100%;min-height:80px;border-radius:4px;display:flex;align-items:center;}
.div-stat .img{position:relative;width:26px;height:24px;}
.div-stat .element{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;position:relative;flex:1;align-self:stretch;flex-grow:1;background-color:var(--sub_gray_1);border-radius:4px;}
.div-stat .text-wrapper-2{position:relative;flex:1;font-weight:400;color:var(--userline);font-size:1.4rem;letter-spacing:0;line-height:21px;}


/* 출처팝업 */
.layer-item.reference{max-width: 318px;position: fixed;display: block;padding: 16px 8px 20px;/*transform: translateX(-100%);*/transition: transform 0.3s ease;z-index: 1;background: white;right: 0;height: stretch;background: transparent;}
.layer-item.reference.mob{position:relative;padding: 0;}
.layer-item.reference.mob .provider-title{-webkit-line-clamp:2;}
.layer-item.reference.active {transform: translateX(0);z-index: 2;}
.layer-item.reference .label{padding: 0 0 10px 0;color: var(--user_line, #333F54);font-size: 2rem;font-weight: 500;}
.layer-item.reference .close-btn {position: initial;display:block;}
.layer-item.reference .layer-in {display: flex;flex-direction: column;height: 100%;overflow: auto;border-radius: 8px;border: 1px solid var(--sub_gray_2, #E7E7E7);box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.25);padding: 10px 14px 14px 14px;background: white;}
.layer-item.reference .layer-in .title-btn{height: 30px;display: flex;align-items: flex-start;flex-direction: row;justify-content:normal;margin: 20px 0 5px 0;}
.layer-item.reference.active.closed .layer-in .title-btn{justify-content:center;}
.layer-item.reference > .layer-in > .group{max-width:300px;}

.layer.reference {display: flex;flex-direction: row;flex-wrap: nowrap;gap: 20px;}
.layer.reference > li {flex: 1;flex-direction: column;border: 1px solid rgba(156, 163, 175, 0.40);border-radius: 8px;padding: 8px 12px;}
.layer.reference > li .num-wp {display: flex;flex-direction: column;}
.layer.reference > li .num {flex-shrink: 0;display: inline-flex;justify-content: center;align-items: center;width: 25px;height: 25px;border-radius: 100px;color: var(--White, #FFF);text-align: center;font-size: 1.4rem;font-weight: 500; background: var(--user_line, #333F54);}
.layer.reference > li .num-wp .num-area{display: flex;justify-content: space-between;align-items: center;}
.layer.reference > li .num-wp .acc-area{border: 1px solid var(--Point);border-radius: 8px;padding: 3px 8px;background: var(--White);color: var(--Point);font-size: 1.4rem;}
.layer.reference > li .breadcrumb {margin: 0;flex-direction: row;}
.layer.reference .info {display: flex;align-items: center;padding: 5px 0;}
.layer.reference .info .provider {color: var(--Blue, #0458F9);font-size: 1.4rem;font-weight: 500;line-height: 100%;}
.layer.reference .info .line {display: inline-block;width: 2px;height: 14px;background: #E7E7E7;margin: 0 10px;}
.layer.reference .info .provider2 {color: var(--sub_gray_0, #0458F9);font-size: 1.4rem;font-weight: 500;line-height: 100%;}
.layer.reference .provider-title{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;color: var(--user_line, #333F54);font-size: 1.6rem;font-weight: 700;margin-bottom: 10px;line-height: 2rem;}

.layer.reference > li .title-wp {display: flex;align-items: center;padding: 10px;border-radius: 4px;background: var(--sub_gray_1, #F6F6F6);min-width: 0;width: 100%;}
.layer.reference > li .title {color: var(--sub_gray_3, #333F54);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;font-size: 1.4rem;font-weight: 500;vertical-align: middle;min-width: 0;}

.layer.reference > li .page-area{display: flex;justify-content: space-between;padding-top: 10px;}
.layer.reference > li .page {color: var(--Point, #7748F4);font-size: 1.4rem;font-weight: 400;}
.layer.reference > li .date {color: var(--sub_gray_0);font-size: 1.4rem;font-weight: 400;}
.layer.reference > li .text {color: var(--sub_gray_3, #717171);font-size: 1.4rem;font-weight: 400;word-break: break-word;}
.layer.reference > li .btn-wp {display: flex;gap: 10px;position: absolute;}
.layer.reference > li .btn-wp .btn {width: 32px;height: 32px;border-radius: 4px;background: var(--user_sd, #F5F9FC);color: #0458F9;font-size: 2rem;}
.layer.reference > li .btn-wp .btn:hover {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}
.layer.reference > li .btn-wp .bookmark-btn.on {background: rgba(119, 72, 244, 0.10);color: var(--Point, #7748F4);}
.layer.reference > li {flex: 1;flex-direction: column;}
.layer.reference .text {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-all;}

.layer.reference {display: flex;flex-direction: column;flex-wrap: nowrap;gap: 24px;}
.layer.reference> li {flex: 1;flex-direction: column;cursor: pointer;}
.layer.reference.title-wp {width: 100%;}
.layer.reference.title {height: 63px;-webkit-line-clamp: 3;}
.layer.reference.text {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-all;}
.layer.reference.num {background: var(--user_line, #333F54);}
.layer.reference.page {display: block;padding: 2px 0;text-align: right;}

.reference-popup.layer.reference {display: none;position: fixed;max-width: 400px;background: white;box-shadow: 0px 2px 6px 0px rgba(83, 90, 120, 0.10);border-radius: 8px;z-index: 10;}
.reference-popup.layer.reference .provider-title{margin: 10px 0;}
.reference-popup.layer.reference > li .num-wp .acc-area{margin-top: 4px;padding: 1px 8px;}
.reference-popup.layer.reference > li .title-wp {background: none; padding: 0; margin-bottom: 0;}

/* ===== 기본 상태 (열림) ===== */
.sidebar.layer-item.reference .layer.reference li .info,
.sidebar.layer-item.reference .layer.reference li .provider-title,
.sidebar.layer-item.reference .layer.reference li .group {
    max-height: 500px;
    opacity: 1;
    overflow: hidden;
    transition: max-height 0.35s ease, opacity 0.25s ease;
}


/* ===== 닫힘 상태 ===== */
.sidebar.layer-item.reference.closed .layer.reference li .info,
.sidebar.layer-item.reference.closed .layer.reference li .provider-title,
.sidebar.layer-item.reference.closed .layer.reference li .group,
.sidebar.layer-item.reference.closed .layer.reference li .acc-area {
    max-height: 0;
    opacity: 0;
    width:0;
    padding: 0;
}
.sidebar.layer-item.reference.closed li .num-wp{
	flex-direction: row;
}

/* =============== AI 답변 END =============== */

/* =============== 재단 간행물 > 간행물검색 START =============== */
.publications .media-area .media-list{display: grid; grid-template-columns: repeat(5, 1fr);}
.publications .media-area .media-list > li .head-wp {display: flex;align-items: center;justify-content: space-between;padding: 32px 32px 30px;height: auto;}
.publications .media-area .media-list > li .conts-wp .thumb {width: 100%;height: auto;}
.search-btn-wp {padding: 20px 0;display: flex;flex-wrap: wrap;align-items: center;gap: 20px;}
/* =============== 재단 간행물 > 간행물검색 END =============== */

/* =============== 재단 간행물 > 신문과방송 START =============== */
.newspaper.top {display: flex;width: 100%;max-width: 1360px;height: 240px;margin: 30px auto 0 auto;gap: 30px;}
.newspaper.top .logo{background-image: url("../images/v2/bg-ai.png"); flex: 1;display: flex;align-items: flex-end;padding: 30px;border-radius: 12px;}
.newspaper.top .logo img{width: 200px;height: auto;}
.newspaper.top .banner{display: flex;flex-shrink: 0;border-radius: 12px;}
.newspaper-area {width: 100%;}
.newspaper-area .inner {max-width: 1360px;margin: 30px auto;}
.search-ai .media.detail-srch-area.detail-show .inner{padding-top: 30px;}

.newpaper.detail-srch-wp .filter-wp {
	border: none;
    display: flex;
    flex-wrap: nowrap;      /* 화면 작아지면 줄 바꿈 가능 */
    gap: 24px;            /* 요소 간 간격 */
    justify-content: space-between; /* 좌우로 퍼지게 */
}
.newpaper.detail-srch-wp .filter-wp .filter-item {
	width: 33%;
}
.newpaper.detail-srch-wp .bottom-wp {
	padding: 0;
}
.newpaper.media-area .title-wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.newpaper.media-area .area-tit {
	margin-bottom: 0px;
}

.newpaper .media-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.newpaper .media-list > li .head-wp {
	height: auto;
}
.newpaper .media-list > li .conts-wp img {
    width: 100%;
    height: auto;
}

.newspaper-main-result-area table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;box-shadow:0 4px 20px 0 rgba(169,174,189,.07);overflow:hidden;table-layout:fixed;margin-bottom:1.5em;border-top:2px solid var(--user_line,#333f54);}
.newspaper-main-result-area thead tr {background: #fff;transition: background 0.18s;}
.newspaper-main-result-area thead th{padding:20px 0 18px;color:var(--user_line,#333f54);font-size:1.6rem;font-weight:900;text-align:center;letter-spacing:-.5px;background:0 0;border-bottom: 1px solid var(--user_line,#333f54);border-top:2px solid var(--user_line,#333f54);}
.newspaper-main-result-area tbody td{padding:16px 0 15px;color:#333f54;font-size:1.65rem;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;word-break:break-all}
.newspaper-main-result-area tbody tr:hover td {transition: background 0.18s;background: #f5f8ff;border-top: 1px solid var(--Point, #7748F4);border-bottom: 1px solid var(--Point, #7748F4);}
.newspaper-main-result-area tbody tr td:not(:first-child) {text-align: start; }
.newspaper-main-result-area tbody tr td.center {
	vertical-align: middle;
	text-align: center;
}
.newspaper-main-result-area tbody tr td.table-text h4 {
    color: var(--user_line, #333F54);
    font-size: 1.65rem;
    font-weight: 700;
}
.newspaper-main-result-area tbody tr td.table-text span {
    color: var(--sub_gray_3, #717171);
    font-size: 1.4rem;
    font-weight: 400;
}

/* =============== 재단 간행물 > 신문과방송 END =============== */

/* =============== 이용 안내 FAQ START ===============*/
.faq-result-area {padding: 0 20px;}
.faq-result-area table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;box-shadow:0 4px 20px 0 rgba(169,174,189,.07);overflow:hidden;table-layout:fixed;margin-bottom:1.5em;border-top:2px solid var(--user_line,#333f54);}
.faq-result-area thead tr {background: #fff;transition: background 0.18s;}
.faq-result-area thead th{padding:20px 0 18px;color:var(--user_line,#333f54);font-size:1.6rem;font-weight:900;text-align:center;letter-spacing:-.5px;background:0 0;border-bottom: 1px solid var(--user_line,#333f54);border-top:2px solid var(--user_line,#333f54);}
.faq-result-area tbody td{padding:16px 0 15px;color:#333f54;font-size:1.65rem;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;word-break:break-all}
.faq-result-area tbody tr:hover td {transition: background 0.18s;background: #f5f8ff;border-top: 1px solid var(--Point, #7748F4);border-bottom: 1px solid var(--Point, #7748F4);}
.faq-result-area tbody tr td:not(:first-child) {text-align: start; }
.fap-arrow {transform: rotate(180deg);}
.fap-arrow.open {transform: rotate(0);}
.faq-title{color:#333f54;}
.faq-title.open{color: var(--point); font-weight:500;}
.faq-answer{display:none;text-align: start;padding: 40px;color: var(--point);}
.faq-answer.open{display:table-cell;text-align: start;padding: 40px;color: var(--point);font-weight:500;}
.top-wp .search-wrap {display: flex;align-items: center;margin-left: auto;gap: 20px;}

.board-result-area table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;box-shadow:0 4px 20px 0 rgba(169,174,189,.07);overflow:hidden;table-layout:fixed;margin-bottom:1.5em;border-top:2px solid var(--user_line,#333f54);}
.board-result-area thead tr {background: #fff;transition: background 0.18s;}
.board-result-area thead th{padding:20px 0 18px;color:var(--user_line,#333f54);font-size:1.6rem;font-weight:900;text-align:center;letter-spacing:-.5px;background:0 0;border-bottom: 1px solid var(--user_line,#333f54);border-top:2px solid var(--user_line,#333f54);}
.board-result-area tbody td{padding:16px 0 15px;color:#333f54;font-size:1.65rem;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;background:none;word-break:break-all}
.board-result-area tbody tr:hover td {transition: background 0.18s;background: #f5f8ff;border-top: 1px solid var(--Point, #7748F4);border-bottom: 1px solid var(--Point, #7748F4);}

.qna-result-area table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;box-shadow:0 4px 20px 0 rgba(169,174,189,.07);overflow:hidden;table-layout:fixed;margin-bottom:1.5em;border-top:2px solid var(--user_line,#333f54);}
.qna-result-area thead tr {background: #fff;transition: background 0.18s;}
.qna-result-area thead th{padding:20px 0 18px;color:var(--user_line,#333f54);font-size:1.6rem;font-weight:900;text-align:center;letter-spacing:-.5px;background:0 0;border-bottom: 1px solid var(--user_line,#333f54);border-top:2px solid var(--user_line,#333f54);}
.qna-result-area tbody td{padding:16px 0 15px;color:#333f54;font-size:1.65rem;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;background:none;word-break:break-all}
.qna-result-area tbody tr:hover td {transition: background 0.18s;background: #f5f8ff;border-top: 1px solid var(--Point, #7748F4);border-bottom: 1px solid var(--Point, #7748F4);}
.bg-notice {background-color: var(--sub_gray_1);}
/* =============== 이용 안내 FAQ END ===============*/


@media screen and (max-width: 1024.9px) { /* mobile */
	/* ::-webkit-scrollbar {display:none;} */
  .mo-hide {display: none;}
  #moMenuBtn {display: block;}
  /* 모바일 햄버거 메뉴(.gnb)가 상세검색 패널(z-index:100) 뒤로 밀리지 않도록 헤더 자체를 최상위로 */
  #header {z-index: 10000;}
  #header-top .toggle-head .nuri-txt {font-size: 1.3rem;}
  #header .inner {height: 60px;padding: 0 20px;}
  #header .inner .logo img {height: 34px;}
  #header .inner .gnb {display: none;position: absolute;left: 0;top: 100%;width: 100%;background: #fff;box-shadow: 0px 5px 5px 0px rgba(136, 136, 136, 0.3);text-align: left;}
  #header .inner .gnb ul {flex-direction: column;align-items: flex-start;padding: 30px 50px;gap: 25px;}
  #header .inner .gnb > ul > li {width: 100%;}
  #footer .inner {padding: 0 20px;}
  #footer .inner .footer-menu {padding: 18px 0;}
  #footer .inner .footer-menu ul {row-gap: 10px;column-gap: 20px;}
  #footer .inner .address-box {padding: 18px 0;}
  #footer .inner .address-box ul {row-gap: 5px;column-gap: 15px;}

  .user-modal .modal-inner .modal-header {padding: 30px 38px 15px; }
  .user-modal .modal-inner .modal-content .user-form-area {padding: 0px 38px 30px;}
  .user-modal .modal-inner .modal-content .login-form-area, .user-modal .modal-inner .modal-content .sign-form-area {padding: 0px 38px 30px;}
  .user-modal .modal-inner .modal-content .login-form-area .login-logo {margin-bottom: 40px;}
  .user-modal .modal-inner .modal-content .login-form-area .login-logo img, .user-modal .modal-inner .modal-content .sign-form-area .login-logo img {width: 160px;}
  .user-modal .modal-inner .modal-content .sign-form-area .sns-login {padding: 28px 0px 20px;}
  .user-modal .modal-inner .modal-content .sign-form-area .text {font-size: 1.6rem;}
  .user-modal .user-form {gap: 10px;}
  .user-modal .user-form .input-item {height: 50px;}
  .user-modal .user-form .input-item input {font-size: 1.4rem;}
  .user-modal .login-bottom {gap: 20px;margin: 10px 0 10px;}
  .user-modal .login-bottom .link {width: 100%;}
  .user-modal .login-btn {height: 50px;font-size: 1.6rem;}
  .user-modal .user-form-area .login-btn {margin-top: 12px;}
  .user-modal .sns-login {gap: 0;padding: 0;margin-top: 32px;justify-content: space-around;}
  .user-modal .find-btn, .sign-up-btn {height: 50px;font-size: 1.6rem;}
  .user-modal .sns-login a img {width: 50px;}
  .user-modal .text {font-size: 1.5rem;}
  .user-modal .guid-box {padding: 20px;font-size: 1.4rem;margin-top: 20px;}

  /* 메인 */
  .main .main-area, .content > .media-area {padding: 0 20px;}
  .main .search-area .inner {flex-direction: column;padding: 50px 0 60px;}
  .main .search-area .title-group .text {font-size: 1.8rem;line-height: 150%;}
  .main .search-area .search-group {flex-direction: column;}
  .main .search-area .search-group .search-form {max-width: 100%;}
  .main .search-area .search-group .filter-wp .guide-txt {display: none;}
  .main .search-area .search-group .guide-btn {top: 99px;}
  .main .search-area .search-group .filter-wp .filter-txt {width: 82px;}
  .main .search-area .search-group .filter-wp .filter-option {left: 0;transform: translateX(0%);}

  .media-list {flex-direction: column;}
  .media-list > li {max-width: 100%;}
  .media-wp {flex-wrap: wrap;}
  .media-item.type1 {flex-direction: column;}
  .media-item.type1 .group {padding: 0;}
  .media-item.type1 .group .info-wp {padding: 0;}
  .media-item.type1 .btn-wp {position: relative;margin-top: 10px;justify-content: flex-end;}
  .media-item.type2 .title {padding: 0;}
  .media-item.type2 .btn-wp {position: relative;margin-top: 10px;justify-content: flex-end;}
  .media-item.type3 .group {gap: 16px;}
  .media-item.type3 .group .info-wp {padding: 0;}
  .media-item.type3 .btn-wp {position: relative;}
  .media-item.type5 {flex-direction: column-reverse;gap: 10px;}
  .media-item.type5 .thumb-wp {margin-left: 0;}

  .mo-full-modal .modal-inner {max-width: 100vw;max-height: 100vh;width: 100vw !important;height: 100vh !important;border-radius: 0;}
  .modal-wrap {padding: 0;}
  /* .modal-inner {max-height: 90vh;} */
  .modal-inner .modal-header {padding: 30px 60px 15px 35px;}
  .modal-inner .modal-header .title {font-size: 1.8rem;}
  .modal-inner .close-modal-btn {top: 36px;right: 35px;}
  .modal-inner .modal-content .conts-area {padding: 0 35px 35px;}

  .code-wp {align-items: flex-start;margin-left: 0;}
  .code {font-size: 1.2rem;line-height: 150%;}

  /* 지능형 검색 */
  .search-ai .detail-srch-area.detail-show {position: fixed;top: 0;left: 0;height: 100vh;background: #FFF;z-index: 100;}
  .search-ai .detail-srch-area.detail-show .inner {height: 100%;padding-top: 0;}

  .search-ai .search-wp {padding: 0 20px;}
  .search-ai .search-wp .search-form {height: 60px;padding: 10px 100px 10px 20px;}
  .search-ai .search-wp .search-form input {font-size: 1.6rem;}
  .search-ai .search-wp .search-form .search-btn {width: 42px;height: 42px;top: 6px;right: 55px;}
  .search-ai .search-wp .search-form .search-btn i {font-size: 2.5rem;}
  .search-ai .search-wp .search-form .detail-btn {width: 42px;height: 42px;top: 6px;right: 8px;}
  .search-ai .search-wp .search-form .detail-btn i {font-size: 2rem;}
  .search-ai .search-wp .search-form .detail-btn .icon-check {font-size: 1.6rem;}

  .post-list > li .btn-wp {top: 24px;}

  /* 미디어 자료실 */
  .archive-ai .detail-srch-area.detail-show {position: fixed;top: 0;left: 0;height: 100vh;background: #FFF;z-index: 100;}
  .archive-ai .detail-srch-area.detail-show .inner {height: 100%;}
  .archive-ai .detail-srch-area.detail-show #moPanel01 {display: none;}
  .archive-ai .detail-srch-area.detail-show #moPanel02 {display: flex;flex-direction: column;justify-content: flex-start;flex: auto;overflow: hidden;padding-bottom: 100px;}
  .archive-ai .detail-srch-area.detail-show .category-wp {display: flex;}
  .archive-ai .detail-srch-area .inner {padding: 0;}
  .archive-ai .search-wp {padding: 0 20px;}
  .archive-ai .search-wp .search-form {height: 60px;padding: 10px 100px 10px 20px;}
  .archive-ai .search-wp .search-form input {font-size: 1.6rem;}
  .archive-ai .search-wp .search-form .search-btn {width: 42px;height: 42px;top: 6px;right: 55px;}
  .archive-ai .search-wp .search-form .search-btn i {font-size: 2.5rem;}
  .archive-ai .search-wp .search-form .detail-btn {width: 42px;height: 42px;top: 6px;right: 8px;}
  .archive-ai .search-wp .search-form .detail-btn i {font-size: 2rem;}
  .archive-ai .search-wp .search-form .detail-btn .icon-check {font-size: 1.6rem;}

  .archive-ai .detail-srch-wp .filter-wp {flex-direction: column;gap: 15px;padding: 32px 20px 0;border-bottom: none;}
  .archive-ai .search-form {padding: 15px 20px 0;}
  .archive-ai .detail-srch-wp .mo-tab-conts.active {padding: 0 0 30px;}
  .archive-ai .search-form .detail-btn {display: none;}
  .archive-ai .mo-tab-conts.active .category-wp {display: flex;border-top: none;}
  .archive-ai .mo-tab-conts.active .bottom-wp {display: flex;}
  .archive-ai .detail-srch-area .detail-srch-wp .bottom-wp {position: initial;}
  .archive-ai .detail-srch-area .detail-srch-wp .category-wp .category-body .category-box {height: 270px;}


  .detail-srch-area .detail-srch-wp .category-wp .category-header {padding: 20px 20px 12px;}
  .detail-srch-area .detail-srch-wp .category-wp .category-body .category-box {height: 100%;}
  .detail-srch-area .detail-srch-wp .bottom-wp {position: absolute;bottom: 0;left: 0;}
  .detail-srch-wp .mo-tab {display: block;}
  .detail-srch-wp .mo-tab-conts {display: none;}
  .detail-srch-wp .mo-tab-conts.active {display: flex;flex-direction: column;justify-content: flex-start;flex: auto;overflow: hidden;padding-bottom: 180px;}
  .detail-srch-wp {height: 100%;padding: 0;}
  .detail-srch-wp .detail-srch-in {height: 100%;display: flex;flex-direction: column;}
  .detail-srch-wp .filter-wp {flex-direction: column;gap: 15px;padding: 32px 20px;border-bottom: none;}
  .detail-srch-wp .filter-wp .filter-item {width: 100%;}
  .detail-srch-wp .filter-wp .filter-item .form-label {width: 50px;}
  /* .detail-srch-wp .filter-wp .filter-item .input-form {width: 100%;} */
  .detail-srch-wp .category-wp {display: flex;flex-direction: column;justify-content: flex-start;flex: auto;overflow: hidden;}
  .detail-srch-wp .category-wp .category-header .checkbox {margin-left: auto;}
  .detail-srch-wp .category-wp .category-header .guide-txt {width: 100%;font-size: 1.2rem;margin: 8px 0;}
  .detail-srch-wp .category-wp .category-body {flex: auto;overflow: hidden;}
  .detail-srch-wp .category-wp .category-body .depth1-list {width: 50%;}
  .detail-srch-wp .category-wp .category-body .depth-group {width: 50%;}
  .detail-srch-wp .category-wp .category-body .depth2-list {flex-direction: column;border-bottom: none;}
  .detail-srch-wp .category-wp .category-body .depth2-list li {width: 100%;border-bottom: 1px solid var(--sub_gray_1, #F6F6F6);}
  .detail-srch-wp .bottom-wp {flex-wrap: nowrap;flex-direction: column;width: 100%;padding: 0;}
  .detail-srch-wp .bottom-wp .selected-list {flex-wrap: nowrap;overflow: auto;padding: 7px 20px;}
  .detail-srch-wp .bottom-wp .btn-group {width: 100%;display: flex;}
  .detail-srch-wp .bottom-wp .reset-btn {flex: 1;border-radius: 0;}
  .detail-srch-wp .bottom-wp .search-btn {flex: 1;border-radius: 0;margin: 0;}
  .detail-srch-wp .bottom-wp .search-btn-sub {flex: 1;border-radius: 0;margin: 0;}

  /* .results-area .top-wp {padding: 10px 20px;} */
  .results-area .top-wp .search-results {font-size: 1.4rem;}
  .results-area .top-wp .search-results .count {font-size: 1.6rem;margin-left: 3px;}
  .results-area .tab {max-width: 100vw;padding: 8px 0;}
  .results-area .tab > ul {gap: 42px;overflow: auto;padding: 0 20px;}
  .results-area .tab > ul > li {flex: 1;text-align: center;}
  .results-area .tab > ul > li::before {left: -24px;top: 16px;}
  .results-area .tab .tab-btn {justify-content: center;font-size: 2rem;}
  .results-area .tab .tab-btn .count {font-size: 2.5rem;}
  .results-area .sub-tab {max-width: 100vw;padding: 15px 0;}
  .results-area .sub-tab > ul {padding: 0 20px;}
  .results-area .sub-tab .sub-tab-btn {width: auto;font-size: 1.4rem;white-space: nowrap;padding: 0 16px;}
  .results-area .sub-tab-conts {padding: 0 20px;}
  .results-area .post-list > li .breadcrumb {padding: 5px 0 0;}
  .results-area .post-list > li .title a {max-width: 100%;font-size: 1.6rem;}
  .results-area .media-item.type1 .breadcrumb {margin-top: 5px;}

  .post-list > li {flex-wrap: wrap;}

  /* 미디어AI */
  #container.chat-ai .content {max-width: 100%;}
  .chat-ai .aichat-area {padding: 0px;height: calc(100vh - 92px);}
  .chat-ai .aichat-area > .inner {border: none;border-radius: 0;background: none;}
  .aside {width: 60px;}
  .aside .aside-menu {padding: 30px 0 10px;}
  .aside .aside-menu .menu-list {gap: 28px;}
  .aside .aside-menu .menu-list .btn {font-size: 2rem;}
  .aside .aside-menu .newchat-btn, .aside .aside-menu .newreport-btn {width: 32px;height: 32px;font-size: 1.6rem;}
  /* .aside .aside-layer .layer-item {width: calc(100vw - 60px);} */
  .aside .aside-layer .layer-item .layer-in .group .g-head {padding-bottom: 10px;}
  .aside .aside-layer .layer-item .layer-in .group .g-head .title {font-size: 1.8rem;}
  .aside .upload-box {height: auto; padding: 10px;}
  .aside .upload-box .upload, .aside .upload-box .loader-wp {min-height: auto;padding: 5px;background: none;}

  .chat-ai .chat-conts-wp {padding: 20px 20px 15px 15px;}
  .chat-ai .aichat-area .chat-form-top {padding: 3px 20px 3px 15px;}
  .chat-ai .aichat-area .guide-txt {font-size: 1.2rem;}
  .chat-ai .chat-form-wp {margin: 6px 20px 20px 15px;}
  .chat-ai .chat-form-wp form .chat-form textarea {font-size: 1.4rem;resize:none;overflow-y: hidden;}
  .chat-ai .chat-introduce-wp {padding-top: 60px;padding-left: 0;}
  .chat-ai .chat-introduce-wp::before {width: 50px;height: 50px;background-size: 50px;}
  .chat-ai .chat-introduce-wp .introduce-tit {font-size: 1.5rem;}
  .chat-ai .chat-introduce-wp .introduce-txt {font-size: 1.3rem;padding: 15px;}
  .chat-ai .question-wp .question .text {font-size: 1.3rem;}
  .chat-ai .question-wp .question-in {max-width: 100%;}
  .chat-ai .response-wp .loader {position: relative;margin-bottom: 10px;}
  .chat-ai .response-wp .response .text {font-size: 1.3rem;}
  .chat-ai .response-wp .response-in {padding: 8px 14px;}
  .chat-ai .reference-wp .col-type {padding: 15px;}
  .chat-ai .reference-list > li {flex-direction: column;}
  .chat-ai .reference-list > li .text {font-size: 1.3rem;}
  .chat-ai .reference-wp .col-type .title-wp {margin-right: 0;}
  .chat-ai .reference-wp .row-type {flex-direction: column;padding: 15px;}

  /* 나의 보고서 */
  #container.report-ai .content {max-width: 100%;}
  #container.report-ai .floating-btn {right: 10px;bottom: 15px;padding: 3px;}
  #container.report-ai .floating-btn > a {gap: 2px;width: 50px;height: 50px;text-align: center;line-height: 1.2;}
  #container.report-ai .floating-btn > a i {display: none;}
  #container.report-ai .floating-btn > a span {font-size: 1.2rem;}
  .report-ai .report-area {padding: 0px;height: calc(100vh - 92px);}
  .report-ai .report-area > .inner {padding: 25px 20px 16px;}
  .report-area .report-header > .group {flex-direction: column;align-items: flex-start;}
  .report-area .report-header .step {font-size: 1.4rem;}
  .report-area .report-header .step > b {display: block;}
  .report-area .report-header .btn-wp {gap: 4px;margin-left: auto;margin-top: 5px;}
  .report-body .group-box {gap: 16px;padding: 16px;}
  
  /* 재단 간행물 */
  #container.media-ai .content {max-width: 100%;}

  /* 미디어자료실 */
  .archive-ai .guide-wp {margin: 20px 20px 10px;}

  /* form-group */
  .form-group .form-tit {gap: 6px;flex-direction: column;align-items: flex-start;margin-bottom: 5px;}
  .form-group p.guide-txt {font-size: 1.2rem;padding: 0 10px;}
  .form-group input, .form-group select, .form-group textarea {font-size: 1.2rem;padding: 8px 10px;}
  .form-group .date-form > input {font-size: 1.2rem;padding: 8px 10px;}
  .form-group .date-form > .btn {right: 12px;top: 8px;}
  .radiobox label {font-size: 1.4rem;}
	
	
  /* btn */
  .btn.basic-btn {gap: 3px;padding: 4px 8px 4px 8px;}
  .btn-icon {width: 31px;height: 31px;font-size: 2.2rem;}
  .btn-icon.point-btn {width: 36px;}

  .report-box {font-size: 1.3rem;}
  .report-box .result-panel {font-size: 1.3rem;padding: 13px 8px 8px 18px;}
  .report-box .result-panel .btn-wp {gap: 4px;}

  .upload-box {padding: 6px;}
  .upload-box .upload-list {padding: 6px;}
  .upload-box .delete-btn {margin-right: 3px;}
  .upload-box .upload-list li .file-size {font-size: 1.2rem;}
  .scrap-box {padding: 6px;}
  .scrap-box .scrap-list {padding: 6px;}
  .scrap-box .scrap-list .delete-btn {margin-right: 3px;}
 
  /* 마이페이지 */
  #container.mypage-ai {overflow: hidden;}
  #container.mypage-ai .mypage-area {padding: 40px 20px;}
  .mypage-area .detail-srch-wp .bottom-wp {margin-top: 20px;}
  .mypage-area .post-list > li .file {max-width: calc(100% - 80px);font-size: 1.5rem;}
  .mypage-area .post-list > li .btn-wp {top: 24px;}
  .mypage-area .post-list > li .title a {max-width: 100%;}
  .fieldset-area .inner {padding: 40px 20px;}
  .page-header {height: auto;padding-bottom: 10px;}
  .page-header .mo-sidenav-on {display: block;}
  .page-header .title {font-size: 2rem;}
  .my-list li {gap: 12px;padding: 20px 0px;}

  /* sidenav */
  .sidenav {display: none;position: fixed;top: 0;height: 100vh;padding-top: 92px;z-index: 1;}
  /* .sidenav .close-sidenav-btn {display: block;} */
  .sidenav.on {display: block;}
  .sidenav.on .sidenav-mask {display: block;}

  .join-sort .item {padding: 50px 0;}
  .join-sort .item > img {width: 80px;}
  .join-sort .item .group {padding: 0 15px;}
  .join-sort .item > button {margin-top: 15px;margin-left: 0;max-width: 100%;}

  .modal-help-area .help-list .bg-input {display: block;margin-left: 0;min-width: auto;width: 100%;margin-top: 5px;}
  .modal-service-area .title-wp > .title {font-size: 2.4rem;}
  .modal-service-area .title-wp > .text {font-size: 1.5rem;}
  .modal-service-area .half-content-wp {flex-direction: column;}
  .modal-service-area .half-content-wp .cont {width: 100%;}
  .modal-service-area .half-content-wp .cont .title {font-size: 1.8rem;}
  .modal-service-area .half-content-wp .cont .text-wrap {flex-direction: column;}
  .modal-service-area .half-content-wp .cont .text-wrap ul {padding-left: 0;padding-top: 10px;}
	
	
  .iframe-box-flex { flex-direction: column; align-items: center; }
  .pdf-viewer { width: 100%; max-width: 610px; }
  .pdf-viewer-one { width: 100%; max-width: 736px; }
  .search-ai-summary { width: 100%; max-width: 100%; }
  
   /* 소개 */
  .introductory-area h3.title {font-size: 30px;margin-bottom: 25px;}
  .introductory-area.top {background-position: right -535px top;background-size: auto 341px;}
  .introductory-area.top .inner {padding: 0 20px 70px;}
  .introductory-area.top .title-group {padding: 90px 0 70px;}
  .introductory-area.top .title {font-size: 35px;}
  .introductory-area.top .text {font-size: 18px;}
  .introductory-area.top .top-box {flex-wrap: wrap;gap: 16px;padding: 25px 20px;}
  .introductory-area.top .top-box .box {min-width: 306px;align-items: flex-start;}
  .introductory-area.top .top-box .box:last-child {justify-content: flex-start;}
  .introductory-area.top .top-box .box > img {width: 50px;}
  .introductory-area.top .top-box .box > p {font-size: 13px;}
  .introductory-area.top .top-box .box > p > br {display: none;}
  .introductory-area.center .inner {padding: 50px 20px 70px;}
  .introductory-area.bottom .inner {padding: 65px 20px 70px;}
  .introductory-area.bottom .bottom-box {gap: 24px;}
  .introductory-area.bottom .bottom-box .box > ul li {font-size: 13px;}
  
  /* 개인정보처리지침 */
  .detail-privacy-wp {padding: 0 20px;}
  
  /* 페이징 */
  .pagination {font-weight: 400; width: 100%; display: flex; justify-content: center; gap: 3px;}
  .pagination li.page-item {width: 25px; height: 25px;}
  .pagination .page-link {font-size: 60%;}
  .pagination a {width: 25px; height: 25px;}
   
  .chat-recomm .div-recomm {padding: 10px;}
  .chat-recomm .div-recomm .q{height: max-content;padding: 10px 5px;}
  .chat-recomm .div-stat {padding: 10px;flex-direction:column;}
  .btn-area{flex-direction: column;align-items: flex-start;justify-content: space-between;padding: 10px;}
  .btn-area .area-send{width: 100%;justify-content:flex-end;gap: 10px;}
  .media-area .media-list {grid-template-columns: repeat(3, 1fr);}
  .media-area .newpaper.media-list{grid-template-columns: repeat(3, 1fr);}
  .search-ai .media.detail-srch-area.detail-show {position: relative;height: fit-content; }
  .media .detail-srch-wp .filter-wp .filter-item{width: 100%;}
  .results-area .top-wp {padding: 25px 20px;}
  .search-btn-wp {padding: 20px; gap: 15px 10px;}
  .newpaper.detail-srch-wp .filter-wp {padding: 20px 20px 20px 20px;}
  .newspaper-area .detail-srch-wp .filter-wp {padding: 20px 20px 20px 20px;}
  .newpaper .media-list {grid-template-columns: repeat(3, 1fr);}
  .search-ai .hero .frame-wrapper {width: 100%;padding: 15px 0px;}
  .search-ai .media-area:last-child .inner {padding-top: 15px;}
  .search-ai .media-area .press-area.top .inner {padding-bottom: 0;}
  .qna-detail-area {padding: 20px;}
  #commonMediaPopup .media-item .group .info-wp { padding-right: 0;}
  #commonMediaPopup .pop.btn-wp {width: 100%;}
  #commonMediaPopup .pop.btn-wp .btn {flex: 1; width: auto;}
  #commonMediaPopup .pop.btn-wp .btn i {display: none;}
  #commonMediaPopup .pop.btn-wp .btn span {margin-left: 0;}
}

/* 모바일 대응 (최대 767px) */
@media (max-width: 767px) {
	#container .content {width: 100%;}
	#footer .family .family-box ul { flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 8px; padding: 0 8px; position: relative; }
	#footer .family .family-box ul li:first-child { display: none; }
	#footer .family .family-box ul li.family-arrow { margin-left: 0; margin-right: 0; }
	#footer .family .family-box ul li.family-arrow-right { margin-left: 0; }
	#footer .family .family-box ul li:nth-child(3) { margin-right: 0; }
	#footer .family .family-box ul li:nth-child(4) { margin-right: 0; }
	#footer .family .family-box ul li:nth-child(3) img,
	#footer .family .family-box ul li:nth-child(4) img { height: 28px; width: auto; }
	#footer .family .family-box ul li { justify-content: center; }
	#footer .family .family-box ul { height: 50px; }
	#footer .family .family-box ul li.family-banner-slider { width: 120px; flex: none; margin: 0; height: 100%; display: flex; align-items: center; }
	#footer .family .family-box ul li.family-banner-slider .banner-slider { width: 120px !important; }
	#footer .family .family-box ul li.family-banner-slider .banner-slider .slick-list { line-height: 0; height: 28px !important; }
	#footer .family .family-box ul li.family-banner-slider .banner-slider .slick-track { height: 28px !important; }
	#footer .family .family-box ul li.family-banner-slider .banner-slider .slick-slide { padding-right: 0; height: 28px !important; display: flex !important; align-items: center; }
	#footer .family .family-box ul li.family-banner-slider .banner-slider .slick-slide > div,
	#footer .family .family-box ul li.family-banner-slider .banner-slider .slick-slide > div > div,
	#footer .family .family-box ul li.family-banner-slider .banner-slider .slick-slide a { height: 28px !important; display: flex !important; align-items: center; width: 100%; }
	#footer .family .family-box ul li.family-banner-slider .banner-slider img { width: 100%; height: 28px; object-fit: cover; display: block; }
	.popup { width: min(468px, calc(100vw - 40px)); height: min(573px, 85vh); }
	.search-group .tooltip {left: -260px;}
	.search-group .arrow {left: 69px;}
	.media-list > li .conts-wp .info-wp .info .writer {flex: 1 1 0;width: 0;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.media-list > li .conts-wp .thumb img {object-fit: contain; max-height:200px;}
	.btn-area-answer > button {flex: 1;}
	.btn-area .area-add{padding-bottom: 10px;width: 100%; gap: 10px;}
	.btn-area .area-add i{display:none;}
	.btn-area .area-add > div{flex: 1;}
	.ai-list.active{display: flex;z-index:3;left: 0;bottom: 0;right: 0;top: unset;position: fixed;}
	.mo-bg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;background: var(--spass-ext-b-black4);}
	.ai-list > li{height:70px; font-size: 2rem;}		
	.sidebar.layer-item.reference{display:none;}
	
	.main-area .slider-btn.prev {display: none;}
	.main-area .slider-btn.next {display: none;}
	    
    .newspaper.top {flex-direction: column; width:100%; height: 100%;margin: 0;gap: 10px;}
    .newspaper.top .logo{background-size: cover;background-repeat: no-repeat;background-position: center;flex: 1;display: flex;align-items: flex-end;padding: 20px;}
    .newspaper.top .banner img {width:100%;}
    
    .media-list > li .conts-wp img {object-fit: contain; max-height:200px;}
    
    .newspaper-area .inner {margin: 10px 0}
    .newspaper-area .media-list {grid-template-columns: 1fr;}
    .newspaper-area .detail-srch-wp .filter-wp {flex-direction: column;align-items: stretch;gap: 12px;padding: 15px 20px;}
    .newspaper-area .detail-srch-wp .filter-wp .filter-item {width: 100%;}
    .newspaper-area .detail-srch-area .detail-srch-wp .bottom-wp {position: static;}
	.newspaper-main-result-area table {display:block;}
	.newspaper-main-result-area table thead {display: none;}
	.newspaper-main-result-area table tbody {display:block;}
    .newspaper-main-result-area table tbody tr {display:flex;flex-wrap:wrap;border-bottom: 1px solid #eee;padding: 10px 0;}
    .newspaper-main-result-area table td { box-sizing:border-box; }
	.newspaper-main-result-area table tr > td:nth-child(-n+2) {width:100%;padding: 0;border: none;text-align: start;}
	.newspaper-main-result-area table tr > td:nth-child(3) {width:60%;text-align: start;border: none;padding: 5px 0;}
	.newspaper-main-result-area table tr > td:nth-child(3) button {height: 30px;}
	.newspaper-main-result-area table tr > td:nth-child(4) { width:20%; border: none;padding: 0;}
	.newspaper-main-result-area table tr > td:nth-child(5) { width:20%; border: none;padding: 0;}
	.newspaper-main-result-area .qna-table tbody tr td{display: block;width: 100%;padding: 5px 0;}
	.newspaper-main-result-area .qna-table tr > td:nth-child(1) {display: none;}
	.newspaper-main-result-area .qna-table tr > td:nth-child(3) {display: none;}
	.newspaper-main-result-area .qna-table tr > td:nth-child(4) {display: none;}
	.newspaper-main-result-area .qna-table tr > td:last-child { text-align: left;}
	
	.element-view .page {align-items: flex-start;flex-direction: column;}
	.element-view .wrap {width: 100%;}
	.qna-area.top .title-group{padding: 30px;}
	.search-ai .detail-srch-area .detail-srch-bottom {padding: 0 20px;}
	.publications .media-area .media-list {grid-template-columns: repeat(2, 1fr);}
	.publications .media-area .media-list > li .head-wp {padding: 15px; justify-content: center;}
	.publications .media-area .media-list > li .head-wp button{display: none;}
	.press-area.top .inner {flex-direction: column;}
	.media-area .media-list {grid-template-columns: repeat(2, 1fr);}
	.media-list > li .conts-wp {display: flex;gap: 15px;padding: 0px 15px 15px;}
	.media-area .newpaper.media-list{grid-template-columns: repeat(2, 1fr);}
	.newpaper .media-list {grid-template-columns: repeat(2, 1fr);}
	.media-wp .media-item {width: 150px;}
	.media-wp {overflow-x: auto;}
	
	.qna-type-list {align-items: center;margin: 2rem;gap: 20px; flex-direction: column;}
	.qna-type-list>li {flex: 1;width: 100%;}
	.qna-type-list li:empty {display: none;}
	.srch-option-area .top-wp.board {flex-direction: column;align-items: flex-start;gap: 10px;}
	.srch-option-area .top-wp.board .search-results {padding: 5px 30px 5px 10px;}
	.search-wrap .search-wp .search-form {padding: 12px 60px 12px 25px;margin-left: auto;height:fit-content;}
	
	/* 이용 안내 */
	.board-result-area {padding: 0 20px;}
	.board-result-area table {display:block;}
	.board-result-area table thead {display: none;}
	.board-result-area table tbody {display:block;}
    .board-result-area table tbody tr {display:flex;flex-wrap:wrap;border-bottom: 1px solid #eee;padding: 10px 0;align-items: center;}
    .board-result-area table tbody tr.bg-notice {padding: 10px;}
    .board-result-area table td { box-sizing:border-box; }
    .board-result-area .board-table tbody tr td{display: block;width: 100%;padding: 5px 0;}
    .board-result-area table tr > td:nth-child(1) {width: 100%;border: none;}
	.board-result-area table tr > td:nth-child(2) {display: none;}
	.board-result-area table tr > td:nth-child(3) {text-align: start;border: none;padding: 5px 0;}
	.board-result-area table tr:has(td:first-child span) > td:nth-child(3) {width: 100%;}
	.board-result-area table tr:not(:has(td:first-child span)) > td:nth-child(3) {width: 100%;}
	.board-result-area table tr > td:nth-child(3) button {height: 30px;}
	.board-result-area table tr > td:nth-child(4) { width:100%; border: none;padding: 0;text-align: start;}
	.board-result-area table tr > td:nth-child(5) { width:20%; border: none;padding: 0;}
	.board-result-area .board-table tr > td:last-child { display: none;}
	.board-result-area table tr > td:first-child:not(:has(span)) {display: none;}
	.board-result-area table tr > td:first-child:has(span) {width: 100%; border: none;text-align: start;}
	
	.qna-result-area {padding: 0 20px;}
	.qna-result-area table {display:block;}
	.qna-result-area table thead {display: none;}
	.qna-result-area table tbody {display:block;}
    .qna-result-area table tbody tr {display:flex;flex-wrap:wrap;border-bottom: 1px solid #eee;padding: 10px 0;align-items: center;}
    .qna-result-area table tbody tr.bg-notice {padding: 10px;}
    .qna-result-area table td { box-sizing:border-box; }
    .qna-result-area .qna-table tbody tr td{display: block;width: 100%;padding: 5px 0;}
    .qna-result-area table tr > td:nth-child(1) {display: none;}
	.qna-result-area table tr > td:nth-child(2) {display: none;}
	.qna-result-area table tr > td:nth-child(3) {width: 77%; text-align: start;border: none;padding: 5px 0;}
	.qna-result-area table tr > td:nth-child(4) { width:23%; border: none;padding: 0;}
	.qna-result-area table tr > td:nth-child(5) { width:20%; border: none;padding: 0;text-align: start;}
	.qna-result-area table tr > td:nth-child(6) { width:80%; border: none;padding: 0;text-align: start;}
	.qna-result-area .qna-table tr > td:last-child { display: none;}
	.srch-option-area .search-wp .search-form input {font-size: 1.6rem;}
	.srch-option-area .search-wp .search-form .search-btn {top: 3px; right: 4px;}
	.mo-w-100 {width: 100px;}
    /* 종료일 datepicker 오른쪽 정렬 */
    .air-datepicker-global-container { width: 100vw; }
    .air-datepicker.adp-right { left: auto !important; right: 4px !important; }
    .air-datepicker.adp-right .air-datepicker--pointer { left: auto !important; right: var(--adp-pointer-offset) !important; }
}

@media screen and (max-width: 425px) { /* mobile */
  .sidenav {width: 100%;}
  .sidenav.on .sidenav-mask {display: none;}
  .media-area .media-list {grid-template-columns: repeat(1, 1fr);}
  .media-area .newpaper.media-list{grid-template-columns: repeat(1, 1fr);}
  .newpaper .media-list {grid-template-columns: repeat(1, 1fr);}
}

.main-area .media-slider-wrap {position: relative;}
/* slick이 display:block 인라인 스타일 설정하므로 !important로 override */
.media-list.slick-initialized .slick-slide {display: flex !important;flex-direction: column;height: auto !important;}
/* 슬라이드 간격 30px */
.media-area .media-list .slick-slide {margin: 0 15px;}
.media-area .media-list .slick-list {margin: 0 -15px;}
/* 화살표 버튼 */
.media-area .slick-prev,.media-area .slick-next {position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;background:#fff;border:1px solid #E7E7E7;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:#333F54;box-shadow:0 2px 8px rgba(0,0,0,0.12);}
.media-area .slick-prev:hover,.media-area .slick-next:hover {background:#0458F9;color:#fff;border-color:#0458F9;}
.media-area .slick-prev:before,.media-area .slick-next:before {display:none;}
.media-area .slick-prev {left:-22px;}
.media-area .slick-next {right:-22px;}

/* 화살표 버튼 */
.main-area .media-slider-wrap {position: relative;}
.main-area .slider-btn {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;width: 72px;height: 72px;border-radius: 50%;cursor: pointer;background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: contain;border: none;opacity: 1;padding: 0;}
.main-area .slider-btn::before {display: none;}
.main-area .slider-btn.prev {left: -60px;background-image: url('../images/v2/swipe-left.png');}
.main-area .slider-btn.prev:hover {background-image: url('../images/v2/swipe-left-focus.png');}
.main-area .slider-btn.prev.disabled {background-image: url('../images/v2/swipe-left-disabled.png');}
.main-area .slider-btn.next {right: -60px;background-image: url('../images/v2/swipe-right.png');}
.main-area .slider-btn.next:hover {background-image: url('../images/v2/swipe-right-focus.png');}
.main-area .slider-btn.next.disabled {background-image: url('../images/v2/swipe-right-disabled.png');}
.main-area .slider-btn.disabled {pointer-events: none;cursor: default;}
.main-area .media-slider-wrap {overflow: visible;}
.main-area .slider-btn.disabled {background: #FFFFFF;border: 1px solid #0000001A;color: #333F54;opacity: 0.5;pointer-events: none;cursor: default;}

/* 슬라이더 뷰포트 */
.main-area .media-slider-viewport {overflow: hidden;}

/* media-list 슬라이더 모드 */
.main-area .media-list {flex-wrap: nowrap;align-items: flex-start;transition: transform 0.4s ease;}
.main-area .media-list > li {flex: 0 0 calc((100% - 90px) / 4);max-width: none;}