@charset "utf-8";

.history_title{color:#000000;font-weight:bold;padding:0 4px;margin-bottom:20px;display:block;word-break:keep-all;text-wrap:balance;font-family:'Nanum Gothic','나눔고딕','NanumGothic', 'gulim','dotum','AppleGothic';letter-spacing:-0.04em;}

.line_summary{padding:15px 17px;display:flex;flex-direction:column;row-gap:5px;border:1px #dedede solid;background-color:#f3f3f3;margin-bottom:10px;font-family:'Nanum Gothic','나눔고딕','NanumGothic', 'gulim','dotum','AppleGothic';letter-spacing:-0.04em;margin-top:10px;}
.line_summary > b{color:#326698;}
.line_summary > p{color:#555555;}
/*border:1px #c5671b solid;*/
.ai_summary{position:relative;font-family:'Nanum Gothic','나눔고딕','NanumGothic', 'gulim','dotum','AppleGothic';letter-spacing:-0.04em;}
.ai_summary--title{display:flex;align-items:center;padding-left:17px;background:#c5671b url("/IMG/new_d/ai_summary/bg_ai_title.jpg") repeat-x;background-position:center bottom;border-bottom:1px #c5671b solid;height:50px;}
.ai_summary--title > b{font-weight:bold;color:#ffffff;}
.ai_summary--title > img{width:39px;margin-left:4px;}
.ai_summary--title > span{color:#c5671b;font-size:15px;margin-left:10px;background-color:#ffffff;line-height:30px;padding:0 10px;border-radius:5px;position:relative;}
.ai_summary--title > span::before{width:0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right:5px solid #ffffff; content:" ";position:absolute;top:calc(50% - 5px);right:100%;}
.ai_summary--contents{margin:20px;height:calc(100vh - 51px - 20px - 20px);overflow-x:hidden;overflow-y:auto;}
.ai_summary--contents > dt{display:flex;flex-direction:column;row-gap:15px;}
.ai_summary--contents > dt > span{font-weight:bold;color:#c5671b;display:block;}
.ai_summary--contents > dd + dt::before{width:100%;height:1px;background-color:#e9e9e9;margin:5px 0;content:" ";display:block;}

.ai_summary--contents--depth1{padding:15px;display:flex;flex-direction:column;row-gap:15px;}
.ai_summary--contents--depth1 .ai_summary--contents--depth1--item{display:flex;flex-direction:column;}
.ai_summary--contents--depth1 .ai_summary--contents--depth1--item > strong{font-weight:bold;color:#555555;line-height:24px !important;word-break:keep-all;}
.ai_summary--contents--depth1:not(:has(ul)) .ai_summary--contents--depth1--item > strong{font-weight:normal;}

.ai_summary--contents--depth2{padding:15px;display:flex;flex-direction:column;row-gap:10px;}
.ai_summary--contents--depth1 .ai_summary--contents--depth2{padding:10px 15px 0 15px;}
.ai_summary--contents--depth2--item{padding-left:5px;display:flex;align-items:flex-start;}
.ai_summary--contents--depth2--item::before{min-width:2px;min-height:2px;content:" ";background-color:#555555;margin-right:5px;margin-top:9px;}
.ai_summary--contents--depth2--item > p{color:#555555;word-break:keep-all;line-height:24px !important;}

.ai_summary--foldbutton{position:absolute;bottom:0;left:0;width:100%;height:0;display:flex;justify-content:center;align-items:center;}
.ai_summary--foldbutton > button{background-color:#ffffff;border:1px #c5671b solid;border-radius:50px;display:flex;align-items:center;padding:0 10px;column-gap:8px;cursor:pointer;}
.ai_summary--foldbutton > button > span::before{content:"펼쳐보기";font-size:13px;color:#c5671b;line-height:23px;}
.ai_summary--foldbutton > button.on > span::before{content:"접어두기";}
.ai_summary--foldbutton > button.on > img{transform:rotate(180deg);}

.ai_summary--contents > dd:nth-child(6) ~ *{display:none;}
.ai_summary--contents.on > dd:nth-child(6) ~ *{display:flex;}

.ai_summary--contents:not(:has(dt:nth-child(7))) + .ai_summary--foldbutton{display:none;}

.list_ai_summary{padding:2px;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 10px 0 rgba(6,172,197,0.15);}
.list_ai_summary:hover{box-shadow:0 0 10px 0 rgba(6,172,197,0.3);}
.list_ai_summary::before{background:linear-gradient(to right, #06ACC5 0%, #25A707 33.3%, #06ACC5 66.6%, #25A707 100%);content:" ";position:absolute;top:0;left:0;width:400%;height:100%;}
.list_ai_summary_flex{position:relative;padding:10px 12px;background-color:#ffffff;border-radius:8px;display:flex;align-items:center;column-gap:10px;}
.list_ai_summary_flex a{word-break:keep-all;}
.list_ai_summary:has(a:hover)::before,
.list_ai_summary:has(.list_ai_summary_newwindow:hover)::before{animation:list_ai_summary_flow 2s linear 0s infinite;}
@keyframes list_ai_summary_flow {
  from{left:0%;}
  to{left:-300%;}
}
.list_ai_summary_newwindow{display:inline-flex;align-items:center;column-gap:5px;border-radius:5px;font-size:12px;padding:0 8px;width:fit-content;color:#ffffff;font-weight:bold;letter-spacing:-0.04em;cursor:pointer;background-color:#06acc5;white-space:nowrap;margin-left:5px;position:relative;}
.list_ai_summary_newwindow img,
.list_ai_summary_newwindow svg{width:14px;height:14px;}
.list_ai_summary_newwindow::after{content:"CLICK!";position:absolute;bottom:calc(100% - 10px);left:calc(100% - 15px);font-weight:bold;color:#06acc5;border:2px #06acc5 solid;background-color:#fff;padding:0 5px;font-size:10px;display:inline-flex;height:15px;border-radius:8px;}
div:not(.list_ai_summary_anchor) > .list_ai_summary_newwindow{height:23px;padding:0 15px;margin-left:0;border-radius:2px;}

.list_ai_summary_anchor{line-height:30px;word-break:keep-all;}
.list_ai_summary_anchor .decision{line-height:22px;display:inline-flex;padding:0 5px;box-sizing:border-box;}
.list_ai_summary_label{display:inline-flex;align-items:center;font-size:12px;padding:0 15px;width:fit-content;font-weight:bold;letter-spacing:-0.04em;white-space:nowrap;margin-left:5px;border:1px #06acc5 solid;height:24px;box-sizing:border-box;color:#ffffff;background-color:#06acc5;column-gap:5px;cursor:pointer;position:relative;border-radius:2px;}
.list_ai_summary_label::after{content:"CLICK!";position:absolute;bottom:calc(100% - 10px);left:calc(100% - 15px);font-weight:bold;color:#06acc5;border:2px #06acc5 solid;background-color:#fff;padding:0 5px;font-size:10px;display:inline-flex;height:15px;border-radius:8px;line-height:15px;}
.list_ai_summary_label img{width:18px;}

.swal2-html-container{border:1px #c5671b solid;}
.swal2-html-container > div{overflow:visible !important;height:auto !important;}
.swal2-html-container .ai_summary{border:0;}
.swal2-html-container .ai_summary--contents{height:calc(75vh - 30px);overflow-x:hidden;overflow-y:auto;}
.swal2-html-container .ai_summary--title{position:sticky;top:0;outline:1px #c5671b solid;}
.swal2-html-container .custom-link-btn{font-size:12px;letter-spacing:-0.04em;position:absolute;top:5px;right:36px;height:20px;line-height:20px;display:flex;align-items:center;padding:0 10px;border:0;background-color:#ffffff;border-radius:5px;cursor:pointer;}
.swal2-html-container .custom-close-btn{height:20px;font-size:0;background-color:#ffffff;border:0;padding:0 5px;display:flex;align-items:center;border-radius:5px;cursor:pointer;}
.swal2-html-container .custom-close-btn::after{content:"";letter-spacing:-0.04em;width:16px;height:16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' viewbox='0 0 40 40'%3E%3Cpath d='M 10,10 L 30,30 M 30,10 L 10,30' stroke='black' stroke-width='4' stroke-linecap='butt' /%3E%3C/svg%3E") no-repeat center center;background-size:contain;}

div:where(.swal2-container) div:where(.swal2-popup){--swal2-padding:0;}

.custom-close-btn{
  position: absolute;
  top:5px;
  right: 5px
}

/* Swal2 기본 배경 제거 */
.swal2-popup.no-bg-popup {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
width: auto !important;
}

/* HTML 컨테이너 여백 제거 */
.swal2-html-container {
padding: 0 !important;
margin: 0 !important;
}

/* 스피너 스타일 */
.custom-spinner {
width: 48px;
height: 48px;
border: 6px solid #ccc;
border-top: 6px solid #3b82f6;
border-radius: 50%;
animation: spin 0.8s linear infinite;
margin: 30px auto;
}
.ai {border:1px solid #c2c1c1;margin-left:5px;margin-right:5px;color:#c5671b;font-size:12px;padding:1px 5px;line-height:14px;font-weight:bold; cursor:pointer}

@keyframes spin {
to { transform: rotate(360deg); }
}

div:has(.list_ai_summary_newwindow) > input[type="button"]:not(:last-child),
div:has(.list_ai_summary_newwindow) > .btnDefault:not(:last-child),
div:has(.list_ai_summary_newwindow) > a:not(:last-child){margin-right:5px;}


.ai_summary--copyright{font-size:13px;line-height:23px;word-break:keep-all;}
.ai_summary--description{position:absolute;top:0;line-height:50px;right:0;padding-right:17px;color:#fff;font-size:13px;font-style:normal;}