@import url("comm.css");
@import url("font.css");

/*** S::공통 ***/
.pointer_cursor { cursor: pointer; }
a:hover {opacity: .9; transition: all .2s ease;}
button {cursor: pointer;}
button:hover {opacity: .9; transition: all .2s ease;}
.clear {clear: both;}
.m-0 {margin:0 !important;}
.mt-10 {margin-top:10px !important;}
.mt-20 {margin-top:20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top: 50px;}
.mb-6 {margin-bottom: 6px;}
.mb-8 {margin-bottom: 8px}
.mb-10 {margin-bottom:10px;}
.mb-11 {margin-bottom:11px;}
.mb-12{margin-bottom: 12px;}
.mb-16 {margin-bottom: 16px;}
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px}
.mb-40 {margin-bottom:40px}
.mb-50 {margin-bottom: 50px}
.mb-60 {margin-bottom: 60px;}
.mb-75 {margin-bottom:75px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-150 {margin-bottom: 150px;}
.mr-5 {margin-right:5px;}
.mr-6 {margin-right:6px;}
.mr-8 {margin-right: 8px}
.mr-10 {margin-right: 10px}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.mr-40{margin-right: 40px;}
.mr-50{margin-right: 50px;}
.mr-60 {margin-right: 60px}
.mr-80 {margin-right: 80px}
.mr-100 {margin-right: 100px}
.ml-5 {margin-left:5px;}
.ml-10 {margin-left:10px;}
.ml-20 {margin-left: 20px;}
.ml-23 {margin-left: 23px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-50 {margin-left:50px;}
.ml-65 {margin-left: 65px;}
.ml-100{margin-left: 100px;}
.ml-300{margin-left: 300px;}
.mt-5 {margin-top:5px;}
.mt-16 { margin-top: 16px; }
.mt-40 { margin-top: 40px; }
.p-0 {padding:0 !important;}
.pt-10{padding-top:10px}
.pt-40{padding-top:40px}
.pb-40 {padding-bottom:40px;}
.px-10 {padding:0 10px;}
.py-10 {padding:5px 0;}
.py-20 {padding:10px 0;}
.point {color:#4671E9}

/*정렬*/
.flex {display: flex;}
.flex-direction_column {flex-direction: column;}
.justify_start {justify-content: flex-start;}
.justify_end {justify-content: flex-end;}
.justify_center {justify-content: center;}
.justify_between {justify-content: space-between;}
.justify_around {justify-content: space-around;}
.justify_evenly {justify-content: space-evenly;}
.align_stretch {align-items: stretch}
.align_start {align-items: flex-start;}
.align_end {align-items: flex-end; }
.align_center {align-items: center; }
.align_baseline {align-items: baseline; }

/*gap*/
.gap_10 {gap:10px;}
.gap_14 {gap:14px;}

.nowrap {white-space:nowrap}

/*input style*/
.input_style {border:1px solid #ddd; border-radius: 5px; padding:0 10px; width: calc(75% - 20px); height:43px; font-size:1rem;}
.input_style::placeholder {color:#ACB5CF;}
.input_style:focus {border:1px solid #4671E9}
select.input_style {width: calc(75%); }

/*폰트 두께*/
.font_100 { font-family: Pretendard; font-weight: 100; }
.font_200 { font-family: Pretendard; font-weight: 200; }
.font_300 { font-family: Pretendard; font-weight: 300; }
.font_400 { font-family: Pretendard; font-weight: 400; }
.font_500 { font-family: Pretendard; font-weight: 500; }
.font_600 { font-family: Pretendard; font-weight: 600; }
.font_700 { font-family: Pretendard; font-weight: 700; }
.font_800 { font-family: Pretendard; font-weight: 800; }
.font_900 { font-family: Pretendard; font-weight: 900; }

/*line-height*/
.line_130 { line-height: 130%; }
.line_160 { line-height: 160%; }

/*폰트 색깔*/
.black_222 { color: #222; }
.black_444 { color: #444; }
.black_666 { color: #666; }
.font_white { color: #fff; }
.font_blue { color: #4671e9; }
.font_red { color: #c01d1d; }

/*버튼*/
.btn {border:0; padding: 0 15px; color:#fff; height:45px; line-height: 45px; text-align: center; border-radius: 5px; display: inline-block; font-size: 1rem;}
.btn_patent_project {border:0; padding: 0 9px; color:#fff; height:45px; line-height: 45px; text-align: center; border-radius: 5px; display: inline-block; font-size: 1rem;}
.btn_patent_project2 {border:0; font-size: .9rem; color:#fff; height:45px; line-height: 45px; text-align: center; border-radius: 5px; display: inline-block;}
.btn_patentDetail {border:0; padding: 0 15px; color:#fff; height:45px; text-align: center; border-radius: 5px; display: inline-block; font-size: 1rem;}
.btn_patentDetail:disabled {cursor: default; background-color: white;}
.btn_extra_large {padding: 0 40px; height: 48px; width: 240px; line-height: 160%}
.btn_large {padding:0 40px; height:50px; line-height: 50px;}
.btn_normal {height:45px; line-height: 45px;}
.btn_small {height:34px; line-height: 34px;}
.btn_tiny {height:24px; line-height: 24px; font-size:.9rem}
.btn_tiny_patentDetail {height:30px; margin-top: 10px; font-size:.8rem}
.btn_tiny_PatGPT {height:30px; font-size:.8rem}
.btn_tiny_PatGPT:hover {background-color: white !important;}
.btn_blue {background:#4671E9; box-shadow: 0 5px 15px rgba(70, 113, 233, 0.3);}
.btn_blue_patentDetail {background:#4671E9;}
.btn_skyblue {background: #666dba; box-shadow: 0 5px 15px rgba(210, 218, 246, 0.3);}
.btn_skyblue2 {box-shadow: 0 5px 15px rgba(210, 218, 246, 0.3);}
.btn_navy {background:#4161A6; box-shadow: 0 5px 15px rgba(70, 113, 233, 0.3);}
.btn_orange {background:#F9873B; box-shadow: 0 5px 15px rgba(249, 135, 59, 0.3);}
.btn_dkOrange {background:#DF7B37; box-shadow: 0 5px 15px rgba(249, 135, 59, 0.3);}
.btn_dark {background: #4A506B;}
.btn_gray {background: #ACB5CF;}
.btn_sky {background: #D9E3FF; color:#65739E}
.btn_purple {background: #743D9E; box-shadow: 0 5px 15px rgba(116, 61, 158, 0.2);}
.btn_line {border:1px solid #4A506B; color:#4A506B; background: #fff;}
.btn_red {background:#FF7272}
.btn_clear {background: #fff; color:#000000}
.badge_yellow {background:#FFBE0A; color:#222 !important;}
.btn_line img {margin-left:5px;}
.btn_light_green {background: #58DB83; color:#fff}
.btn_light_green_patent {background: #58DB83; color:#fff; margin-left: 5px;}
.btn_pink {background: pink; color:#000000}
.btn_deeppink {background: deeppink; color:#fff}
.btn_back {background: #F1F5FA; color:#000000}
.back-btn{ background:transparent; color:#1a73e8; }
.back-btn:hover{ background:#e9f1ff; } /* 아주 옅은 블루 호버 */
.btn_border {border: 2px solid #0085D8; color: #7F8992; font-weight: 900;}
.btn_checkbox {border: 1px solid #4671EA; border-radius: 12px; color: #4671EA; background: #ffffff;}
.btn_uncheck {border: 1px solid #C8C8C8; border-radius: 12px; color: #C8C8C8; background: #ffffff;}

/*버튼-2*/
.btn_box {border: 0; outline: 0; background-color:transparent;}
.ico_btn {border:0; padding:0 20px; color:#fff; height:45px; line-height: 45px; text-align: center; display: inline-block; font-size: 1rem;}
.btn_left {border-bottom-left-radius: 5px; border-top-left-radius: 5px;}
.btn_right {border-bottom-right-radius: 5px; border-top-right-radius: 5px;}


/*버튼-3*/
.btn_s_plan {width: 240px; height: 48px; line-height: 48px;}
.btn_l_plan {width: 280px; height: 56px; line-height: 56px}
.btn_font_light {font-size: 16px; font-weight: 600}
.btn_font_thick {font-size: 24px; font-weight: 500}
.btn_free_plan { border: 1px solid #4671e9; text-align: center; border-radius: 10px; display: inline-block; letter-spacing: -0.64px; color: #4671e9; font-family: Pretendard; }
.btn_reward_plan { border: 1px solid #4671e9; background-color: #4671e9; text-align: center; border-radius: 10px; font-family: Pretendard;letter-spacing: -0.64px; color: #ffffff; display: inline-block;}

/*리서치올 소개 페이지 버튼*/
.btn_short {width: 124px; height: 42px; line-height: 42px;}
.btn_long {width: 137px; height: 42px; line-height: 42px;}
.btn_font {font-family: Pretendard; font-size: 16px; font-weight: 700;}
.btn_goto_sign {border: 2px solid #ffffff; text-align: center; border-radius: 100px; display: inline-block; color: #ffffff; background-color: #222222}
.btn_goto_sign:hover {border: 2px solid #ffffff; text-align: center; border-radius: 100px; display: inline-block; color: #222222; background-color: #ffffff}
.btn_goto_plan {border: 2px solid #4671e9; text-align: center; border-radius: 100px; display: inline-block; color: #ffffff; background-color: #4671e9}
.btn_goto_plan:hover {border: 2px solid #587FEB; text-align: center; border-radius: 100px; display: inline-block; color: #ffffff; background-color: #587FEB}

/*보고서 안내 버튼*/
.report_btn_border_orange { border: 1px solid #f9873b; border-radius:100px; }
.report_btn_border_blue {border-radius: 100px; border: 1px solid #4671e9;}
.report_btn_text {padding: 8px 16px; font-family: Pretendard; font-size: 18px; font-weight: 500; letter-spacing: -0.72px; line-height: 160%; cursor: pointer;}
.report_btn_orange { background-color: #F1F5FA; color: #f9873b; }
.report_btn_orange:hover {background-color: #f9873b; color: #ffffff}
.report_btn_orange_active {background-color: #f9873b; color: #ffffff}
.report_btn_blue { background-color: #F1F5FA; color: #4671e9; }
.report_btn_blue:hover {background-color: #4671e9; color: #ffffff;}
.report_btn_blue_active {background-color: #4671e9; color: #ffffff;}
.sample_btn_orange {background-color: #f9873b; color: #ffffff}
.sample_btn_orange:hover {background-color: #fa934e;}
.detail_btn_blue {background-color: #666dba; color: #ffffff}
.detail_btn_blue:hover {background-color: #757bc1; color: #ffffff}
.basic_blue_btn { background-color: #4671e9; color: #fff; }
.basic_blue_btn:hover {background-color: #5980ec; color: #fff;}
.report_btn_text_style {padding: 4px 15px; font-family: Pretendard; font-weight: 500; font-size: 16px; line-height: 160%; border-radius: 10px; cursor: pointer;}

/* 체크박스 */
input[type="checkbox"].check_style.check_style {display: none;}
input[type="checkbox"].check_style + label{display:inline-block; vertical-align:middle; font-size:1rem; width:100px; max-width: 200px; color:#444444; font-weight:500; letter-spacing:-0.2pt; line-height: 40px;}
input[type="checkbox"].check_style + label::before{content:""; display:inline-block; vertical-align:middle; width:20px; height:20px; background:#fff; border:1px solid #dedede; border-radius:4px;box-sizing:border-box; margin:0 10px 1px 0; }
input[type="checkbox"].check_style:checked + label::before{background:url('/resources/img/renew/checkBox.png') no-repeat 3px 5px, #4671E9; border-color:#4671E9;}

input[type="radio"]{display: none;}
input[type="radio"] + label{display:inline-block; vertical-align:middle; font-size:1rem;  color:#444444; font-weight:500; letter-spacing:-0.2pt; line-height: 40px;}
input[type="radio"] + label::before{content:""; display:inline-block; vertical-align:middle; width:20px; height:20px; background:#fff; border:1px solid #dedede; border-radius:20px;box-sizing:border-box; margin:0 10px 1px 0; }
input[type="radio"]:checked + label::before{background:url('/resources/img/renew/checkBox.png') no-repeat 3px 5px, #4671E9; border-color:#4671E9;}

/*** E::공통 ***/

/*** S::회원가입 ***/
#join {background-color: #F1F5FA; padding:70px 0;}
.join_cont {background-color: #fff; box-shadow: 0 10px 30px rgba(172, 181, 207, 0.2); border-radius: 30px; padding:70px 60px; width:520px;  margin:0 auto; box-sizing:border-box;}
.join_cont .title {text-align: center; font-size:1.875rem; font-weight: bold; padding-bottom:20px; color:#222;}
.join_cont .join_info {background: #F8F8F8; padding:10px 20px; margin-bottom:20px;}
.join_cont .join_info span {color:#FF6868; font-weight: 500;}
.join_cont .group {margin-bottom:20px; clear: both;}
.join_cont .group label {color:#222; display: block; padding-bottom:5px;}
.join_cont .group label span {color:#FF6868; }
.join_cont .group small {color:#4A506B; font-size:0.9375rem; margin-top: 10px;}
.join_cont .group .input_group {display: flex;}
.join_cont .group .btn_check {background: #4A506B; border:0; margin-left:10px; color:#fff; border-radius: 5px; width:90px;}
.btn_submit {background:#4671E9; color:#fff; font-size:1.125rem; box-shadow: 0 5px 15px rgba(70, 113, 233, 0.3); width:155px; height:50px; text-align: center; line-height: 50px; border-radius: 5px;}

.join_step {width:520px;  margin:0 auto; position: relative; overflow: hidden; margin-top:40px; text-align: center;}
.join_step h5 {color:#4A506B; font-size: 1.5rem; font-weight: bold;}
.join_step p {color:#787C8E; padding:10px 0 20px 0;}
.join_step li {margin:0 25px; text-align: center; float:left; position: relative;}
.join_step li::before {content: ''; background: url('/resources/img/renew/icon_join_next.png') center center no-repeat; position: absolute;  width:20px; height:6px; margin-left:95px; margin-top:40px}
.join_step li:last-child:before {display: none;}
.join_step li p {color:#4A506B; padding-top:10px;}

/*** E::회원가입 ***/


/*** S::통합검색***/
.search_top {background: url('/resources/img/renew/search_bg.jpg') top center no-repeat; padding:60px 0; text-align: center; margin-bottom:30px;}
.search_top h4.title {color:#222; font-size: 2.5rem;}
.search_result {padding-bottom:100px}
.search_result .point {color:#4671E9; font-weight: 600;}
.search_result .linkList {border:1px solid #e5e5e5; border-radius: 10px;  overflow: hidden; margin:30px 0 50px 0;}
.search_result .linkList li {float:left; width:calc(100% / 7); border-right:1px solid #e5e5e5; box-sizing: border-box;}
.search_result .linkList li:last-child{border:0;}
.search_result .linkList li a {display: block; text-align: center; padding:15px 0;}
.search_result .linkList li a:hover {background: #4671E9; color:#fff;}

.search_cont {margin-bottom:50px; position: relative; overflow: hidden; clear: both;}
.search_cont .title {padding-left:35px; background: url('/resources/img/renew/ico_tit1.png') left 8px no-repeat; color:#222; font-size:26px; font-weight:800; padding-bottom:20px;}
.search_cont .title.line {border-bottom:2px solid #222;}
.search_cont .title div {font-size:1.125rem; font-weight: 400; padding-left:10px;}
.search_cont .title div span {color:#4671E9}

.boxList li {float: left; padding:30px; width:calc(100% / 4 - 80px); border:1px solid #e5e5e5; border-radius: 20px; margin-right:20px;}
.boxList li:last-child {margin-right:0;}
.boxList li h6 {font-size:1.25rem; color:#222; padding-bottom:10px; display: -webkit-inline-box;}
.boxList li .text {display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 6.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.boxList li p {font-size: 0.875rem; color:#888; padding-top:20px; }
.boxList li:hover {border:1px solid #4671E9}

.boxList2 {margin-top:20px; overflow: hidden; margin-bottom:10px;}
.boxList2 li h6 {display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 2.2em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:15px;}

.thumList {margin-bottom:10px;}
.thumList li {padding:25px 0; border-bottom:1px solid #e5e5e5}
.thumList li .img {width:160px; height:120px; overflow: hidden;}
.thumList li .img img {max-width:100%; width:100%;}
.thumList li .txt {width: calc(100% - 200px); margin-left:40px; }
.thumList li .txt h6 {color:#222; font-size:1.25em; font-weight: normal;}
.thumList li .txt p {margin:10px 0; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 2.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:15px;}
.thumList li .txt span.date {font-size:	0.875em;}

.basicList {margin-bottom:10px;}
.basicList.top_line {border-top:1px solid #4A506B}
.basicList > li {padding:25px 0; border-bottom:1px solid #e5e5e5}
.basicList > li .txt h6 {color:#222; font-size:1.25em; font-weight: normal;}
.basicList > li .txt p {margin:10px 0; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.3; height: 2.6em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:15px;}
.basicList > li .txt span.date {font-size:0.875em;}
.basicList > li .badge {border:1px solid #4671E9; color: #4671E9; padding:5px 10px; border-radius: 30px; margin-bottom:10px; display: inline-block;}
.basicList > li .dataList {padding:10px 0; position: relative; overflow: hidden;}
.basicList > li .dataList ul {clear: both;}
.basicList > li .dataList li {float:left; font-size:14px; width:33%; display: flex;}
.basicList > li .dataList li .tit {color:#222; padding-right:15px; padding-left:10px; width:50px; display: inline-block;}
.basicList > li .dataList li .tit::before {content: ''; background: #222; position: absolute; width:3px; height:3px; border-radius: 5px; margin-top: 8px; margin-left:-10px;}
.basicList > li .dataList li .con {width: calc(90% - 50px); display: inline-block;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.title2 {font-family:"NexonLv2Gothic","Pretendard Variable", sans-serif; font-weight:700; font-size:1.5rem; color:#222; margin-bottom:15px;}

.title3 {font-weight:800; font-size:1.25em; color:#222; margin-bottom:15px; padding-left:20px;}
.title3::before {content: ''; border:3px solid #4671E9; border-radius: 10px; width:10px; height:10px; position: absolute; margin-left:-25px; margin-top:5px;}
.title3_patentDetail {font-weight:800; font-size:1.25em; color:#222; font-family:"NexonLv2Gothic","Pretendard Variable", sans-serif;}

.title4 {font-weight:800; font-size:1.25em; color:#222; margin-bottom:15px; padding-left:20px;}
.title4::before {content: ''; background-color: #4671E9; border:3px solid #4671E9; border-radius: 10px; width:10px; height:10px; position: absolute; margin-left:-25px; margin-top:5px;}


/*** E::통합검색***/
.graph_cont > div {width:50%;}
.graph_cont2 > div {width:100%;}
.graph_cont .box, .graph_cont2 .box {border:1px solid #ddd; border-radius: 5px; margin-right:50px;}
.graph_cont .box h6 {color:#444; border-bottom:1px solid #e5e5e5; padding:10px 15px; font-size:1.125em; font-weight: 500;}
.graph_cont .box, .graph_cont2 .box > div {padding:10px 20px;}
.graph_cont2 .box h6 {color:#444; padding:10px 15px; font-size:1.125em; font-weight: 500;}


/*** S::Table***/
.table {width:100%; border-collapse: collapse;}
.basicTable table {border-top:1px solid #4A506B;}
.basicTable table thead th {background: #f8f8f8; text-align: center; padding:10px; color:#222; font-size:0.875rem; word-break: keep-all; font-weight: 500; white-space:nowrap;}
.basicTable table tbody td {border-bottom:1px solid #e5e5e5; padding:10px; text-align: center; color:#444; font-size:0.8125rem; word-break: keep-all;}
.basicTable table tbody td.text-left {text-align: left;}
.basicTable table tbody td.text-right {text-align: right;}
.basicTable table tbody tr:hover {background:#f8f8f8}
.basicTable table tbody th {background: #f9f9f9; border-bottom:1px solid #e5e5e5; color:#444; font-size:0.875rem; padding-left:15px; padding-right: 15px;}
.basicTable table tbody td .input_style {height:34px; margin:0 1px;}
.basicTable table tbody td .btn {padding: 0 10px}

.darkTable table thead th {background:#4A506B; text-align: center; padding:10px; color:#fff; font-weight: 400;}
.sort_img_down {background: url('/resources/img/renew/ico_filter_down.svg') center 5px no-repeat; width:15px; height:18px; display: inline-block; margin-left:5px;}
.sort_img_up {background: url('/resources/img/renew/ico_filter_up.svg') center 5px no-repeat; width:15px; height:18px; display: inline-block; margin-left:5px;}

.darkTable table tbody td {border-bottom:1px solid #e5e5e5; padding:10px; text-align: center; color:#444;}
.darkTable table tbody th {background: #f9f9f9; border-bottom:1px solid #e5e5e5; color:#444;}

.badge {display: block; border:0px; padding:5px 10px; display: inline-block; border-radius: 30px;  color:#fff;}
.badge_red {background: #FF7272;}
.badge_green {background: #4AC7BE;}
.badge_blue {background: #4671E9;}
.badge_gray {background: #ACB5CF;}
.badge_blue_line {border:1px solid #4671E9; color:#4671E9}
.badge_light_green {background: #58DB83; }
.badge_light_blue {background: #5891db; }
.badge_sky {background: #3acce1;}

.con_color {height: 10px; width: 10px; display: inline-block; margin-right: 5px; margin-bottom: 2px; border-radius: 6px;}
.con_color1 {background-color: #00B7F1 !important;}
.con_color2 {background-color: #F39C12 !important;}
.con_color3 {background-color: #5C6BC0 !important;}
.con_color4 {background-color: #FF8A80 !important;}
.con_color5 {background-color: #F4511E !important;}
.con_color6 {background-color: #7fc9c2 !important;}

/*** E::Table***/


/*** S::IP insight***/
.subContents {min-height: 800px;}
.breadcrumb {background:#4A506B; height:50px;}
.breadcrumb li {float:left; border-right:1px solid #3C425D}
.breadcrumb li.home a {display: inline-block; background-color: #4671E9; width:50px; height:50px; line-height: 50px; text-align: center;}
.breadcrumb dl{width:200px; position:relative; z-index:99;}
.breadcrumb dt{position:relative; line-height:50px; padding:0 24px; color:#fff; cursor:pointer;}
.breadcrumb dt::after{content:""; display:block; position:absolute; right:20px; top:50%; width:12px; height:7px; background:url('/resources/img/renew/fam_arrow.png') no-repeat center/12px auto; margin-top:-3px; transition:transform 0.15s linear;}
.breadcrumb dd{display:none; position:absolute; top:50px; background:#4A506B; width:100%; border:1px solid rgba(255,255,255,0.2); box-sizing:border-box; padding:18px 24px;}
.breadcrumb dd a{display:block; width:100%; color:rgba(255,255,255,0.6); margin:0 0 8px; transition:all 0.2s linear;}
.breadcrumb dd a:hover{color:#fff; transition:all 0.2s linear;}
.breadcrumb dd a:last-child{margin:0;}
.breadcrumb dl:hover dd{display:block; }
.breadcrumb dl:hover dt::after{transform:rotate(-180deg); transition:transform 0.15s linear; }

.subContents_top {background: #F1F5FA;}
.insight_step {padding:30px 0;}

.insight_step > ul > li {display: flex; width:20%; margin-right:4%; align-items: center; position: relative;}
.insight_step > ul > li span {display: block; font-size: 0.875em;}
.insight_step > ul > li::after {content: ''; background: url('/resources/img/renew/icon_in_arrow.png') center center no-repeat; width:8px; height:14px; position: absolute; float: right; right:0; background-size:contain;}
.insight_step > ul > li .icon {width:80px; height:80px; background: #fff; border-radius: 30px; margin-right:20px; text-align: center; line-height: 75px;}
.insight_step > ul > li .txt {font-size:1.125em; font-weight: bold; color:#ACB5CF;}
/*.insight_step > ul > li.on .icon {border:1px solid #4671E9; box-sizing: border-box;}*/
.insight_step > ul > li.on .icon {border:1px solid #F9873B; box-sizing: border-box;} /*손연구원님 수정*/
.insight_step > ul > li.on .txt {color:#222;}
/*.insight_step > ul > li.on .txt span {color:#4671E9}*/
.insight_step > ul > li.on .txt span {color:#F9873B} /*손연구원님 수정*/
.insight_step > ul > li:last-child {margin-right:0;}
.insight_step > ul > li:last-child:after {display: none;}

.whiteBox {border-radius: 20px; padding: 20px; /*padding:30px;*/ background: #fff; max-width:1140px; margin:0 auto 20px auto;}
.whiteBox2 {padding: 20px; /*padding:30px;*/ background: #fff; max-width:1140px; margin:0 auto 20px auto;}
.whiteBox_patent {border-radius: 5px; box-shadow: 0 10px 20px rgba(11, 123, 217, 0.05); padding: 20px; /*padding:30px;*/ background: #fff; max-width:1000px; margin:0 auto 20px auto;}
.whiteBox_patent2 {border-radius: 5px; box-shadow: 0 10px 20px rgba(11, 123, 217, 0.05); padding: 20px; background: #fff; max-width:907px; margin:0 auto 20px auto;}
.whiteBox_patent_content {border-radius: 5px; box-shadow: 0 10px 20px rgba(11, 123, 217, 0.05); padding: 20px 0; background: #fff; max-width:1000px; margin:0 0;}
.whiteBox_sticky {
    position: sticky;
    top: 0;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(11, 123, 217, 0.05);
    padding: 20px;
    background: #fff;
    max-width: 1000px;
    margin: 0 auto 20px auto;
    z-index: 10;
    transition: box-shadow 0.3s ease-in-out;
}
.whiteBox_sticky.sticky {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); /* 스티키 상태일 때 그림자 */
}
.whiteBox .group,  .whiteBox2 .group{display: flex; width:100%; margin-bottom:5px;}
.whiteBox .group > label, .whiteBox2 .group > label {font-size: 1.125rem; width:130px; color:#222; font-weight: 500; line-height: 45px;}
.whiteBox .group > div, .whiteBox2 .group > div {width:calc(100% - 130px); line-height: 45px;}
.whiteBox .group > div .input_style, .whiteBox2 .group > div .input_style {width:auto; margin-right:5px;}
.whiteBox .group > div textarea.input_style, .whiteBox2 .group > div textarea.input_style {width:calc(100% - 20px); padding:10px}
.whiteBox .group .input_group, .whiteBox2 .group .input_group {margin-bottom:10px;}
.whiteBox .group .checkList li, .checkList li, .whiteBox2 .group .checkList li {float:left; margin-right:20px;}
.whiteBox .group > div span, .whiteBox2 .group > div span {color:#444; padding-top:10px;}
.whiteBox .group > div p, .whiteBox2 .group > div p {color:#444;}
.whiteBox.short, .whiteBox2.short {padding:15px 30px; text-align: center;}
.transparentBox_patent {padding: 20px; /*padding:30px;*/ max-width:1000px; margin:0 auto 20px auto;}

.keywordTabs{width: calc(100% - 100px); margin-bottom:20px;}

#Tabs .content .tabs ul {margin-left: 0 !important; position: relative; overflow: hidden; }
#Tabs .tabs ul li a {display: inline-block;  border-radius: 5px; border-color: #dbdbdb; background: #F8F8F8 url('/resources/img/renew/tab_check_n.png') 20px center no-repeat; border:1px solid #EDF0F9;padding: 10px 15px 10px 50px; margin-right:10px;}
#Tabs input[type=radio], #Tabs .tab-pane { display: none;}
#Tabs #TabA:checked ~ .tabs > ul li.tab-A a,
#Tabs #TabC:checked ~ .tabs > ul li.tab-C a,
#Tabs #TabB:checked ~ .tabs > ul li.tab-B a{background: #4671E9 url('/resources/img/renew/tab_check_y.png') 20px center no-repeat; padding: 10px 15px 10px 50px; color:#fff; border:1px solid #4671E9;}
#Tabs #TabA:checked ~ .tab-content > .content-A,
#Tabs #TabC:checked ~ .tab-content > .content-C,
#Tabs #TabB:checked ~ .tab-content > .content-B{display: block;}
#Tabs .tabs li {float:left;}
#Tabs .tab-content {background: #F1F5FA;  padding: 10px; border-radius: 10px; clear: both; margin-top:10px;}
.keywordTabs {background: #F1F5FA; padding: 10px; border-radius: 10px;}

.query-wrapper {background: #fff; padding:5px 5px 0 5px; position: relative; overflow: hidden; display: inline-block; border-radius: 4px;}
.query-wrapper-list {float: left; margin-bottom:5px;}
.color_picker {width:50px; border:0; background: #fff; cursor: pointer;}
.inputKeyword {border:0; width:80px;}
input.inputKeyword::placeholder{color:#ACB5CF}
.btn_keyword {color:#4A506B; font-size: 1.2rem; padding:0; width:34px; height: 34px; background: #EDF0F9; cursor:pointer;}
.btn_plus {background: #ACB5CF; color:#fff; margin-left:5px; border:0; height:34px; width:32px; line-height: 34px; text-align: center; padding:0; float: left;}

.search-filter {border-top:1px solid #eee;}
.search-label {position: relative; display: block; cursor: pointer; transition: background-color .15s ease-in-out; font-size:1.25rem; padding:20px 0 5px 0; color:#222;}
.search-input {display: none;}
.search-label:hover {color:#2F69CE}
.search-label:after, .search-input:checked + .search-label:after {
    content: "";background: url(/resources/img/renew/ico_search_open.png) center 8px no-repeat; background-size: contain;   position: absolute; display: block; left: 130px; top: 15px; width: 22px; height: 42px; text-align: center; transition:  background-color .15s ease-in-out;}
.search-input:checked + .search-label:after { background: url(/resources/img/renew/ico_search_close.png) center 8px no-repeat; }
.search-input:checked + .search-label:after {content: "";}
.search-input {display: none;}
.search-con {opacity: 0; height: 0; margin-bottom: .5em; transition: opacity .5s ease-in-out; overflow: hidden; }
.search-input:checked ~ .search-con, .search-sub .search-input:checked ~ .search-sub-text {  opacity: 1; height: auto; }
.search-input:checked ~ .search-con{margin-top:0; padding:20px 0;}

.ex_info {color:#4A506B;}
.ex_info2 {border-bottom:1px solid #D9E3FF; padding-bottom:20px; margin-bottom:20px;}

.subContents_in{padding-top:50px; padding-bottom:100px;}

.pageNum {font-size:1rem; color:#222;}
.pageNum b {color:#4671E9}
.pagination {margin:20px 0;}
.pagination a{width:36px; height:36px; text-align: center; line-height: 36px; color:#222;border-radius:100px;}
.pagination a:hover:not(.active) {background:#d1d8e0;}
.pagination a.active{background: #DAE3FA; color:#222;border-radius:100px; }

.pagination button{width:36px; height:36px; text-align: center; line-height: 36px; color:#222;border-radius:100px;border:0px solid #fff;}
.pagination button:hover:not(.active) {background:#d1d8e0;}
.pagination button.active{background: #DAE3FA; color:#222;border-radius:100px; }

.w100 {flex-basis: 100%; width:100%; max-width:100%;}
.w110 {width:110px !important;}
.h34 {height:34px !important; line-height:34px;}

.input-keyword {max-width:340px;  height:25px !important; line-height: 2; padding:10px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

/* range style */
.range-slider {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width:700px; }
.range-slider.full { display: inline-flex; justify-content: start; align-items: center; flex-wrap: wrap; width:100%;}
.range-slider input[type="range"] {-webkit-appearance: none; height: 10px; flex-basis: 85%; max-width: 650px;cursor: pointer;  outline: none; background: #F1F5FA; border-radius: 30px; }

input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; border-radius: 50px; width: 22px; height: 22px; background: #4671E9; background-position: 0px -110px; }
.boost-label {margin-top:3px;  display: flex; flex-basis: 100%; max-width: 800px;  }
.boost-label p {flex: 1;     text-align-last: center;}
/*.boost-label p:first-child {margin-left:50px;}*/
/*.boost-label p:last-child {flex: 0;}*/
.input_weight {width:65px; border:1px solid #ddd; margin-left:10px; height:40px; border-radius: 4px; padding:0 10px;}

.progressBar {background:#F1F5FA; border-radius: 30px; width:500px; height:10px; margin-right:20px; overflow: hidden; position: relative;}
.progressBar .progressBar_in {position:absolute; background: #4671E9; display: inline-block; height:10px; top:0; left:0;}
.progress .btn {width:30px; padding:0; text-align: center; margin:0 10px;}
.progress .btn img {margin:0;}

.bottom_warning {background:#F9F9F9; padding:20px 30px; margin-top:20px; border-radius: 15px;}
.bottom_warning div {width:50px; height:50px; text-align: center; line-height: 40px; background: #fff; border-radius: 10px; box-shadow: 0 3px 15px rgba(255, 214, 214, 0.5); margin-right:30px;}

.report_result .reportBox {margin-right:60px; width:calc(100% / 2 - 30px); min-height: 300px;}
.report_result .reportBox:last-child {margin-right: 0;}
.report_result .reportBox .reCon {padding:20px 0;}
.reCon_keyword {background:url('/resources/img/renew/bg_keyword.png') no-repeat center/550px auto; background-size: cover;height: 220px;}
.reCon_trend_analysis {background:url('/resources/img/renew/bg_trend_analysis.png') no-repeat center/550px auto; background-size: cover;height: 220px;}
.reCon_indicator_analysis {background:url('/resources/img/renew/bg_indicator_analysis.png') no-repeat center/550px auto; background-size: cover;height: 220px;}
.reCon_top10 {background:url('/resources/img/renew/bg_top10.png') no-repeat center/550px auto; background-size: cover;height: 220px;}
.reCon_patent_list {background:url('/resources/img/renew/bg_patent_list.png') no-repeat center/550px auto; background-size: cover;height: 220px; background-position-y: 10px;}
.reCon_lead_company_list {background:url('/resources/img/renew/bg_lead_company_list.png') no-repeat center/550px auto; background-size: cover;height: 220px; background-position-y: 10px;}
.reCon_patent_list_nst {background:url('/resources/img/nst/bg_patent_list.png') no-repeat center/550px auto; background-size: cover;height: 220px; background-position-y: 10px;}
.reCon_lead_company_list_nst {background:url('/resources/img/nst/bg_lead_company_list.png') no-repeat center/550px auto; background-size: cover;height: 220px; background-position-y: 10px;}
.reCon_inventor_list {background:url('/resources/img/nst/bg_inventor_list.png') no-repeat center/550px auto; background-size: cover;height: 220px; background-position-y: 10px;}
.reCon_market_list {background:url('/resources/img/nst/bg_market_list.png') no-repeat center/550px auto; background-size: cover;height: 220px; background-position-y: 10px;}

/* S : Modal */
.modal-wrap {position: fixed; z-index: 900 !important; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); text-align: center;}
.modal-wrap::before {content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.modal-inner {position: relative; display: inline-block; width: 800px; height: 400px; padding: 30px; background-color: rgba(255,255,255,1); box-shadow: 8px 8px 20px rgba(0,0,0,.2); border-radius: 8px; vertical-align: middle; text-align: left; box-sizing: border-box; z-index:800}
.modal-head {position: relative; padding-bottom:8px; color:#222; font-weight: bold; border-bottom:1px solid #eee;}
.modal-head span {display: block; padding-bottom:10px; color:#888; font-weight: normal;}
.modal-head h2 {position: relative; display: inline-block;}
.modal-head h2::before {content: ''; background: #4671E9; width: 100%; height:3px; position: absolute; bottom:-8px; left:0;}
.modal-body {overflow: auto; height: calc(400px - 40px - 80px); padding:20px 0; font-size:1rem;}
.modal-body h4 {font-weight: bold; color:#222; padding-left:15px; margin-bottom:10px; font-size:1.125rem;}
.modal-body h4::before {content:''; position: absolute; width:8px; height:8px; background: #4A506B; margin-left:-15px; margin-top:7px; border-radius: 10px;}
.modal-wrap .btn-close {position: absolute; top: 10px; right: 10px;}
.modal-wrap .btn-close{position:absolute; right:-15px; top:-15px; cursor:pointer; width:40px; height:40px; background:url('/resources/img/renew/closeBtn.png') no-repeat center/12px auto,#4A506B; border-radius:50%; font-size:0; transition:all 0.2s linear; border:0;}
.modal-wrap .btn-close:hover{background-color:#4671E9; transform:rotate(180deg); transition:all 0.2s linear;}
.size-normal {width: 80vw; height: auto; max-width:1200px; }
.size-normal .modal-body {height: auto;}
.size-vertical {width: 66vw; height: auto;}
.size-vertical .modal-body {height: auto;}
.size-horizontal {width: 90vw; height: 50vh;}
.size-horizontal .modal-body {height: calc(50vh - 40px - 80px);}
.js-modal {display: none;}
.js-modal.js-is-active {display: block;}
/* E : Modal */


/* S:tabs */
.analyze_tab {clear: both; width:100%;}
.analyze_tab_patent {clear: both; width:100%;}
.tab_contents_container {clear: both; width:100%;}
.analyzeList_tab {width:100%;border-bottom:2px solid #222; overflow: hidden;}
.analyzeList_tab > li {float:left; width:12%; box-sizing: border-box; background: #f9f9f9; border:1px solid #e5e5e5; border-radius: 5px 5px 0 0; padding:10px 10px 5px 10px; margin-right:0.5%; text-align: center; height:68px; border-bottom:0; color:#444; letter-spacing: -.3pt;}
.analyzeList_tab > li.active {background: #F1F5FA; border:1px solid #4671E9; border-bottom:0;}
.subtab li {margin-top:15px;position:relative; letter-spacing:-0.025em; width:48%; float:left; margin:1%; font-size:	0.8125rem; text-align: center; padding:3px 0; transition: all .3s ease;}
.subtab li:hover {cursor: pointer;}
.subtab li:not(.disabled).active {background: #4671E9; border-radius: 3px; color:#fff;}
.noSubtab li {width:100%; font-size:1rem; display: block; height: 70px;}
.noSubtab li:not(.disabled).active {background: none; color:#444;}
.analyze_tab .tabContent {display: block;padding:30px 0;}
.analyze_tab_patent .tabContent {display: block;padding:30px 0;}
.analyze_tab .tabContents {display: block;}
.analyze_tab .tabContents hr, .hr {display: block; height: 1px; border: 0; border-top: 1px solid #eee; margin: 20px auto; padding: 0;}
.analyze_tab_patent .tabContents hr, .hr {display: block; height: 1px; border: 0; border-top: 1px solid #eee;  margin: 20px 0; padding: 0;}
.analyze_tab .tabContents .main_summary {padding-bottom:20px; color:#4671E9}
.analyze_tab .active {display: block;}
.table-clip {overflow-x:auto;}
.table-clip::-webkit-scrollbar {height: 6px;}
.table-clip::-webkit-scrollbar-thumb {height: 6px; background: #4A506B;}
.table-clip::-webkit-scrollbar-track { background: #F1F5FA;}

.lineBox {border:1px solid #E5E5E5; padding:20px 15px; margin-bottom:30px; border-radius: 15px; font-size:.9rem;}
.filter_top input[type="checkbox"].check_style + label {width:auto !important; font-size:1rem;}
.filter_top .filterList {display: flex;}
.filter_top .filterList span {padding-left:15px; padding-right:10px; font-weight: 500; color:#222; float:left; line-height: 40px;}
.filter_top .filterList li {float:left;}
.filterList > div {display: flex; align-items: center;}

.filter_check input.check { position: fixed; left:-100px; display: inline-block;}
.filter_check input.check + label[for].check {cursor: pointer; margin-right:2px; color: #4A506B; font-size: 0.75rem; border: 1px solid #4A506B; padding: 3px 3px 3px 18px; background: url('/resources/img/renew/ico_filter_check.png') 3px center no-repeat; border-radius: 3px; }
.filter_check input.check + label[for].check:after {content: ""; display: inline-block; height: 24px; vertical-align: middle; text-align: left; background-position: left;}
.filter_check input:checked + label[for].check {color: #fff; background: #4A506B url('/resources/img/renew/ico_filter_check_fill.png') 3px center no-repeat;}
/* E:tabs */

/*** E::IP insight***/


/*** S:: MY Project***/
.project_info {padding-bottom:30px;}
.project_info .img {margin-right:50px;}
.project_info .txt h5 {color:#222; font-size:1.125rem; padding-bottom:10px;}

/*** E:: MY Project***/


.swal2-styled.swal2-confirm {
    min-width: 100px;
}
.swal2-styled.swal2-cancel{
    min-width: 100px;
}

/*** C:: patentDetail***/

.detail_div {border-radius: 5px; box-shadow: 0 10px 20px rgba(11, 123, 217, 0.05); padding: 20px 80px; /*padding:30px;*/ background: #fff; max-width:1000px; margin:0 auto 20px auto;}
.detail_section_div {width:50%; display: flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.detail_individual_div {width: 100%; align-items: flex-start;}
.detail_title {font-size: .9rem; color: #222; min-width: 120px;}
.detail_content {font-size: .9rem; margin-left: 20px; word-break: break-word; flex: 1;}
.detail_content_margin_bottom {margin-bottom: .9rem;}
.detail_content_margin_left {margin-left: 20px;}
.detail_content_add {text-decoration: none !important; color: #666dba;}
.detail_eval_close {text-decoration: none !important; color: #4671E9;}
.detail_click {display: inline-block;}

.detail_content_table {font-size: .9rem; word-break: break-word; flex: 1;}
.detail_table {margin-top: 0; font-size: .9rem;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-left: 20px;
}
.detail_table_td {padding: 0 0; width: 60px;}
.br-gray { border-right: 1px solid #ddd; }



/* 타임라인 */
.timeline_content_margin_left {margin-left: 60px;}
/*#timeline {width: 50%; max-width: 800px; !* 최대 너비 설정 (조정 가능) *!}*/
/*#timeline .vis-item {background: transparent !important; border: none !important;}*/
/*.timeline-item {text-align: center; position: relative;}*/
/*.timeline-item .dot {*/
/*    width: 8px; !* 마커 크기 줄이기 *!*/
/*    height: 8px;*/
/*    background: #ccc;*/
/*    border-radius: 50%;*/
/*    display: inline-block;*/
/*    margin-bottom: 2px; !* 마커와 텍스트 사이 간격 줄이기 *!*/
/*    border: 1px solid #ccc;*/
/*}*/
/* 선택된(현재) 마커 */
/*.timeline-item .checked {background: #007bff; border-color: #007bff;}*/
/* 이벤트 제목 */
/*.timeline-item .label {*/
/*    font-weight: bold;*/
/*    color: #333;*/
/*    margin-bottom: 2px;*/
/*    font-size: .9rem;*/
/*}*/
/* 이벤트 설명 */
/*.timeline-item .desc {*/
/*    color: #666;*/
/*    font-size: .9rem;*/
/*    line-height: 1.1;*/
/*}*/
/* 이벤트 설명 */
/*.timeline-item .desc .small{font-size: .9rem;}*/
/*.vis-time-axis .vis-text {line-height: .9rem; !* 행 높이 줄이기 *! padding: 2px 0; !* 위아래 간격 최소화 *!}*/
/*.vis-time-axis .vis-grid {height: 10px; !* 날짜 행 높이 줄이기 *!}*/
/* 타임라인 높이 조정 */
/*.vis-timeline {font-size: .9rem;}*/
/* 아이템의 기본 크기 조정 */
/*.vis-item {padding: 0px 0px; !* 내부 여백 줄이기 *! border-radius: 3px;}*/

.timeline {
    display: flex;
    position: relative;
    width: 700px;
    height: 200px;
    overflow-x: scroll;
    white-space: nowrap;
}
.timeLine-line {
    position: absolute;
    height: 5px;

    top: 76px;
    background: #ddd;

    border-radius: 5px;
}
.milestone {
    display: flex;
    flex-direction: column;
    min-width: 120px;
    text-align: center;
    align-items: center;
    justify-content: flex-end;
    font-size: 0.8rem;
    margin-bottom: 30px;
}
.circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: white;
    border: 2px solid #4A506B;
    display: inline-block;
    position: relative;

    cursor: pointer;
}
.completed .circle {
    background: #ACB5CF;
    border-color: #ACB5CF;
}
.milestone div{
    font-size: 0.9rem;
}
.label {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin-top: 10px;
    padding: 0 15px;
    border-radius: 5px;
    border: 1px solid #4A506B;
    background: white;
    text-align: center;
    cursor: pointer;
}
.completed .label {
    background: #ACB5CF;
    border: 1px solid #ACB5CF;

    color: white;
    font-weight: bold;
}

/* 본문 테이블 */
.table-title {padding-left: 80px; text-align: start; vertical-align: top; line-height: 1.8rem; color: #222;}
.table-list-line {line-height: 1.8rem;}
.no-underline {border-bottom: 1px solid #fff;}
.no-padding-right {padding-right: 0px;}

.legibility {
    font-weight: 300;
    color: #333333;
}

/* 인용 피인용 테이블 */
.content-table {border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin: 0 0; width: 100%;}
.content-value {font-size: .8rem;}
.cit-td {width: 50%;}
.content-td-left {border-right: 1px solid #ddd;}

.patGPT-total-div{position: absolute; top: 0; right: 0; height: 100%;  width: 0 !important; max-width: 100%;}
.patGPT-total-div2{position: absolute; top: 263px; right: 0; height: calc(100% - 521.32px); width: 0 !important; max-width: 100%;}
@media (max-width: 1200px) {
    .patGPT-total-div2 {
        top: 262px;
        height: 1886px;
    }
}
.patGPT-total-div2-1{position: absolute; top: 263px; right: 0; height: 1521px;  width: 0 !important; max-width: 100%;}
@media (max-width: 1200px) {
    .patGPT-total-div2-1 {
        top: 262px;
        height: 1518px;
    }
}
.patGPT-total-div3{position: absolute; top: 263px; right: 0; width: 0!important; max-width: 100%; height: calc(100% - 522px);}
@media (max-width: 1200px) {.patGPT-total-div3 {top: 262px; height: calc(100% - 515px);}}

.patGPT-total-inner-div{position: absolute; height: 100%; display: flex; justify-content: flex-end; width: 0;}
.patGPT-div {
    position: sticky;
    top: 132px;
    z-index: 699;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(11, 123, 217, 0.05);
    background: #fff;
    width: 430px;
    height: 621px;
    margin: 0 0;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
}

.patGPT-btn-div {
    position: sticky;
    top: 462px;
    z-index: 10;
    margin: 0 0;

    width: 120px;
    height: 50px;
}
@media (min-width: 768px) and (max-width: 1200px) {
    .patGPT-btn-div {
        top: 380px;
    }
}
.patGPT-btn-div2 {
    position: sticky;
    top: 456px;
    z-index: 10;
    margin: 0 0;

    width: 120px;
    height: 50px;
}
@media (min-width: 768px) and (max-width: 1200px) {
    .patGPT-btn-div2 {
        top: 476px;
    }
}

#popup-icon {
    background-color: #666dba;
    width: 120px;
    height: 50px;

    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;

    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#popup-svg{
    width: 36px;
    margin-left: 5px;
    margin-right: 3px;
}
#popup-hearder-svg{
    background-color: #666dba;
    border-radius: 5px;
}
#popup-text{
    color: white;
    font-weight: bolder;
    font-size: 1.1rem;

    position: relative;
    top: 1px;
}
#popup-hearder-text{
    color: #666dba;
}
#x-btn{
    border-radius: 5px;
    padding: 0 5px;

    position: relative;
    right: -188px;
}
.chat-container {max-width: 430px; height: 115px; max-height: 115px; background: white; padding: 10px; border-radius: 5px; box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column;}
.chat-container2 {position: relative; max-width: 430px; height: 142px; max-height: 142px; background: white; padding: 10px; border-radius: 5px; box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column;}
.btn_recommendation {border:0; background-color:#ACB5CF; color: white; text-align: center; font-size: .8rem; border-radius: 5px; padding: 0 15px; display: inline-block;}
.btn_recommendation:hover {background-color:#ACB5CF !important;}
.input-title{
    font-size: .9rem;
    font-weight: 600;
}
.chat-input {
    width: 406px;
    height: 4rem;
    border: none;
    outline: none;
    font-size: .9rem;
    border-radius: 5px;
    resize: none;
    line-height: 155%;
    color: #333333;
}
.chat-input:disabled {
    background-color: #ffffff;
    cursor: default;
}
.chat-footer {width: 410px; display: flex; justify-content: space-between; align-items: flex-end;}
.chat-footer2 {width: 410px; position: relative; bottom: 0; display: flex; justify-content: flex-end; align-items: center;}
.chat-footer3 {width: 410px; position: relative; bottom: 0; display: flex; justify-content: flex-start; align-items: center;}
.input-title-div {width: 410px; position: relative; bottom: 0; display: flex; justify-content: flex-start; align-items: center;}
.chat-icons {display: flex;gap: 8px;}
.loading-div {display: flex;gap: 8px; width: 100%; margin: 5px 0;}
.input-component-btn {color: white; border: none; border-radius: 50%; width: 35px; height: 35px; font-size: .9rem; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.refresh-button {border : none; color: white; border-radius: 5px; padding: 0 15px; height:30px; font-size:.8rem}
.refresh-button2 {border : 1px solid; color: #666dba; background-color: white; border-radius: 5px; padding: 0 15px; height:30px; font-size:.8rem}
.stop-button {height: 30px; line-height: 30px; color: #fff; border-radius: 5px; text-align: center; cursor: pointer;}
.publicationNumber{
    text-decoration: underline;
    text-decoration-color: #666;
    text-decoration-thickness: 1px;
    cursor: pointer;
}

.chat-box, .chat-box2, .chat-box3, .chat-box4 {
    width: 430px;
    max-width: 430px;
    height: 440px;
    max-height: 440px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    gap: 8px;
    box-sizing: border-box;

    /* 스크롤바 스타일 */
    scrollbar-width: thin;
    scrollbar-color: #8B8B8B #FCFCFC;
}

/* 크롬, 엣지, 사파리용 */
.chat-box::-webkit-scrollbar, .chat-box2::-webkit-scrollbar, .chat-box3::-webkit-scrollbar, .chat-box4::-webkit-scrollbar {
    width: 6px; /* 스크롤바 너비 줄이기 */
}

.chat-box::-webkit-scrollbar-thumb, .chat-box2::-webkit-scrollbar-thumb, .chat-box3::-webkit-scrollbar-thumb, .chat-box4::-webkit-scrollbar-thumb {
    background-color: #bbb; /* 스크롤바 색상 */
    border-radius: 10px; /* 둥글게 */
}

.chat-box::-webkit-scrollbar-thumb:hover, .chat-box2::-webkit-scrollbar-thumb:hover, .chat-box3::-webkit-scrollbar-thumb:hover, .chat-box4::-webkit-scrollbar-thumb:hover {
    background-color: #999; /* 호버 시 색 변경 */
}

.chat-box::-webkit-scrollbar-track, .chat-box2::-webkit-scrollbar-track, .chat-box3::-webkit-scrollbar-track, .chat-box4::-webkit-scrollbar-track {
    background: transparent; /* 트랙(스크롤 배경) 숨김 */
}
.chat-box::before, .chat-box2::before, .chat-box3::before, .chat-box4::before {
    content: "";
    position: absolute;
    top: -50px;
    left: -10px;

    width: 100%;
    height: 100%;

    background-size: 400px;
    background-position: calc(50% + 10px) center;
    background-repeat: no-repeat;
    opacity: 0.3; /* 투명도 조절 (0.1 ~ 1) */
    z-index: -1;
}

.chat-box::before {
    background-image: url('/resources/img/renew/ai_patent_detail.svg');
}
.chat-box2::before {
    background-image: url('/resources/img/renew/ai_patent_project.svg');
}
.chat-box3::before {
    background-image: url('/resources/img/renew/ai_patents_analysis.svg');
}
.chat-box4::before {
    background-image: url('/resources/img/renew/ai_only_recommend.svg');
}

.chat-box.has-chat::before, .chat-box2.has-chat::before, .chat-box3.has-chat::before, .chat-box4.has-chat::before {
    display: none;
}
#close-div {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 45px;

    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #dddddd;
    box-shadow: 0 4px 9px rgba(0, 0, 0, 0.04);
}

#talk-content {width: 400px;}
.question-div {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.answer-div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
}

.message {
    padding: 10px;
    border-radius: 5px;
    max-width: 80%;
    word-wrap: break-word;
    display: inline-block;

    font-weight: 300;
    font-size: .9rem;
}

#gomgom-profile{
    width: 45px;
    height: 45px;
    border-radius: 50%;

    background-color: #ACB5CF;
}

#gomgom-profile img {
    width: 45px;
    height: 45px;
}

.question {
    background-color: #ddd;
    color: #333333;
    align-self: flex-end;
    margin-left: auto;
}
.answer {
    background-color: #666dba;
    color: #ffffff;
    align-self: flex-start;
    text-align: left;
}
/*#loading {display: none !important;}*/
.option-button {background-color: rgba(0, 0, 0, 0); border: none; cursor: pointer; padding: 0 0;}
.option-button:disabled {background-color: rgba(0, 0, 0, 0); cursor: default;}
.copy-btn {padding: 0 5px !important;}
.option-icon {color: #666dba; font-size: 1.2rem;}
.refresh-icon {font-size: 1rem !important; position: relative; top: -1px;}

/* 테이블이 포함된 div의 스타일 */
.table-div {
    background-color: #666dba !important;
    padding: 10px;
    border-radius: 5px;
    width: 340px; /* 가로 너비 */
    max-width: 340px;
    color: white;
}
.right-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .8rem; /* 글씨 크기 */
    border: 1px solid #fff; /* 하단 테두리 */
}
.right-table thead th {
    text-align: center !important;
    font-weight: bold; /* 글씨 굵기 */
    border-bottom: 1px solid #fff; /* 하단 테두리 */
    background-color: #666dba !important;
}
.right-table tbody td {
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    background-color: #666dba !important;
}
.right-table tbody tr:last-child td {
    border-bottom: none;
}


/*******************************************************************************
    @media ~1200px
*******************************************************************************/
@media all and (max-width:1200px){

    .insight_step li .txt {font-size: 1rem;}
    /*.whiteBox {margin:0 20px 20px 20px;}*/

    .filter_top .filterList {display: block;}
    .filter_top .filterList span {display: block; width:80px; line-height: 30px;}
    .filterList > div {display: flex;}
    .filter_top .checkList {margin-right:30px;}

}