/* css 변수 설정 */
:root {
  /* color */
  --orange-prime : #FF6D00;
  --orange-prime-darken : #FF3D00;
  --notice-alert : #FF5252;
  --notice-em : #486FF9;  
  --black-100: #02000F;
  --black-90: #1B1A21;
  --black-80: #35333F;
  --black-60: #67666F;
  --black-40: #9A999F;
  --black-30: #B3B2B7;
  --black-20: #CCCCCF;
  --black-10: #E6E5E7;
  --bg-light-gray: #FBFBFB;
  --light-gray: #F5F5F5;
  --light-blue: #F5F7FF;
  --bg-light-blue: #E8F2FF;
  --blue : #005FCE;
  --white: #ffffff;
}


.l-form-line .multi-line{display:flex;justify-content: space-between;column-gap:15px}
.l-form-line .multi-line .row{width:100%}

.n-layout .l-form-line  .multi-line label{    position: relative; font-size: 26px; display: flex ; align-items: flex-start; margin-bottom: 15px; padding: 0 5px; font-weight: 700;}
.n-layout .l-form-line  .multi-line label span {
    font-size: 14px;
    color: rgba(4, 7, 35, 0.5);
    margin-top: 4px;
    margin-left: 13px;
}

.n-layout .l-form-line .multi-line input[type='text'] {
    border-style: dashed;
    text-align: left;height:74px;
}
.n-layout .l-form-line .multi-line button {
    height: 74px;
}

.n-layout .l-form-line .multi-line .app-sel-rst{padding:4px 16px}

.n-layout .l-form-line .button-type.h74{min-height: 74px; align-items: center; display: flex ; justify-content: center;}


.n-layout .l-form-line .multi-line label span.red {
    margin-left: 3px;
    color: red;
    font-weight: 400;
}

.n-layout .l-form-line .multi-line label span.option {
    margin-left: 3px;
    color: #b1b1b1;
    font-weight: 400;
}

#modalAnalysisGuide .guide_tit_wrap{font-weight: 500; margin-top: 25px; font-size: 18px; }
#modalAnalysisGuide .guide_tit_wrap .gubun {border-right: 1px solid #c1c1c1; display: inline-block; width: 14px; height: 16px; margin-right: 10px; vertical-align: middle; line-height: 20px; margin-top: -3px;}


#modalAnalysisGuide .guide-title{font-size: 28px; font-weight: 800;}

#modalAnalysisGuide .step_tit_row .step_num{margin-right:20px}
#modalAnalysisGuide .step_tit_row .step_tit {
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -1.3px;
    margin-top: 37px;
}
#modalAnalysisGuide .step_tit_row .step_num>p:nth-child(1) {
	font-size: 30px;
    font-weight: 700;
    letter-spacing: -1.6px;line-height:130%;
}

#modalAnalysisGuide .step_tit_row .step_num>p:nth-child(2) {
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -2px;
    text-align: left;line-height:100%;
}

#modalAnalysisGuide .InfoBox {
    border: 1px solid #e7e7e7;
    background-color: #fbfbfb;
    padding: 10px 15px;
    font-size: 12px;
    letter-spacing: -1px;
    font-weight: 400;
    border-radius: 10px;
    width: 100%;
    margin: 0px auto;
    margin-bottom: 20px;
    line-height: 20px;
}

#modalAnalysisGuide .chapter_box {
    margin-top: 15px;
}
#ai-loading.modal_slide_wrap{background-color:rgb(0,0,0,0.2);padding-top:0px}
#ai-loading .ai-body{width: 450px; height: 370px; margin: 0 auto; background-color:#fff; border-radius: 20px;text-align: center;}


#ai-loading .wave-circle-box .wave-circle {
  
    margin-top: 30px;
}

#ai-loading .wave-circle-box .wave-inner {  
   top: 75px;
}

#ai-loading  .wave-circle-box.rel {
    margin: 50% auto 0;
}

#ai-loading .wait_txt02 {
	margin-top: 60px;
    font-size: 15px;
    line-height: 2;
    font-weight: 400;
    color: #60a6d9;
    letter-spacing: 0px;
}
/*
.slide-corp{display: inline-flex ; column-gap: 15px; font-size: 12px;}*/
.slide-corp li{display: flex ; width: 244px; background-color: #f3f3f3; border-radius: 10px; padding: 12px 20px; box-sizing: content-box;border: 1px solid #e7e7e7;}
.slide-corp li dt{display:block;width: 244px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;height:30px; }
.slide-corp li dt img{width:16px;vertical-align:middle;margin-right:5px;margin-top:-2px}
.slide-corp li dd{width: 244px }
.slide-corp li dd .title{text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; font-weight: 600; height: 40px; line-height: 140%;}
.slide-corp li dd .desc{text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 60px; line-height: 160%; margin-top: 10px;}

#modalAnalysisGuide h2{margin-bottom: 10px; margin-top: 10px; font-size: 18px; font-weight: 600;display: block;}

.swiper.corp-slide{width:1188px}
.swiper.corp-slide .swiper-wrapper li{background-color: #f3f3f3; border-radius: 10px;border: 1px solid #e7e7e7;height:164px}
.swiper.corp-slide .swiper-wrapper li dt{display:block;width: 100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;height:42px;padding: 14px 20px 0px 20px;font-size: 12px; }
.swiper.corp-slide .swiper-wrapper li dt img{width:16px;vertical-align:middle;margin-right:5px;margin-top:-2px}
.swiper.corp-slide .swiper-wrapper li dt .num{position: absolute; right: 10px; top: 10px; color: #ff9916;font-size: 12px; font-weight: 500; letter-spacing: 1px;line-height:12px }
.swiper.corp-slide .swiper-wrapper li dd{width:100%;padding: 0px 20px 12px 20px; }
.swiper.corp-slide .swiper-wrapper li dd .title{text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 13px; font-weight: 600; max-height: 28px; line-height: 140%;}
.swiper.corp-slide .swiper-wrapper li dd .desc{text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; min-height: 80px; line-height: 160%; margin-top: 6px;font-size: 13px; font-weight: 400;}
.swiper.corp-slide .swiper-wrapper li.tit-none dt{height:14px}
.swiper.corp-slide .swiper-wrapper li.tit-none dd .desc{ -webkit-line-clamp: 5;}

#modalAnalysisGuide .corp_info .url-color{color: #ff9916; margin-left: 3px; font-size: 12px; font-weight: 500; letter-spacing: 1px;}



#modalAnalysisGuide .corp_info{margin-top:52px;font-size:14px;font-weight:400;word-break: keep-all;padding-bottom:20px}
#modalAnalysisGuide .corp_info h2{font-size:18px;font-weight:600;}

#modalAnalysisGuide .guide-markdown { white-space: pre-wrap; line-height: 1.8; overflow-wrap: anywhere; }
#modalAnalysisGuide .guide-markdown.is-rendered { white-space: normal; }
#modalAnalysisGuide .guide-markdown p { margin: 0 0 14px; }
#modalAnalysisGuide .guide-markdown strong { font-weight: 700; color: var(--black-80); }
#modalAnalysisGuide .guide-markdown em { font-style: italic; }
#modalAnalysisGuide .guide-markdown ul { list-style: disc outside !important; }
#modalAnalysisGuide .guide-markdown ol { list-style: decimal outside !important; }
#modalAnalysisGuide .guide-markdown ul,
#modalAnalysisGuide .guide-markdown ol { margin: 12px 0 18px; padding-left: 24px; }
#modalAnalysisGuide .guide-markdown li { display: list-item; margin: 6px 0; }
#modalAnalysisGuide .guide-markdown li > p { margin: 0 0 6px; }
#modalAnalysisGuide .guide-markdown :is(h1,h2,h3,h4,h5,h6) { margin: 22px 0 10px; font-size: 17px; font-weight: 700; line-height: 1.5; }
#modalAnalysisGuide .guide-markdown blockquote { margin: 16px 0; padding: 12px 16px; border-left: 3px solid #ff9916; background: #fafafa; }
#modalAnalysisGuide .guide-markdown code { padding: 2px 5px; border-radius: 4px; background: #f3f3f3; font-family: monospace; }
#modalAnalysisGuide .guide-markdown pre { max-width: 100%; overflow-x: auto; padding: 12px; background: #f3f3f3; white-space: pre; }
#modalAnalysisGuide .guide-markdown table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 16px 0; }
#modalAnalysisGuide .guide-markdown th,
#modalAnalysisGuide .guide-markdown td { padding: 8px 12px; border: 1px solid #e7e7e7; text-align: left; }
#modalAnalysisGuide .guide-markdown th { background: #f5f5f5; font-weight: 700; }

.swiper-page-pos{position:relative}
.swiper-page-pos .corp-slide-prev{position: absolute; left: -38px; top: -100px; width: 30px; height: 30px; z-index: 2; border: 1px solid #ccc; border-radius: 50px; background: #fff url(https://image.educe.co.kr/educe/icon/ic-nav-left.svg) center center / cover no-repeat;cursor:pointer}
.swiper-page-pos .corp-slide-next{    position: absolute; right: -38px; top: -100px; width: 30px; height: 30px; z-index: 2; border: 1px solid #ccc; border-radius: 50px; background: #fff url(https://image.educe.co.kr/educe/icon/ic-nav-right.svg) center center / cover no-repeat;cursor:pointer}

#modalAnalysisGuide .step_tit_row.v2 {
    padding-top: 16px;
    border-top: 0px
}

.tbl_style2.no-line td,.tbl_style2.no-line th {
    border-left:0px;  border-right:0px;
}

.center{text-align:center}

.ari_input_row .multi-row{display: flex ; justify-content: space-between; column-gap: 16px;}
.ari_input_row .multi-row .ari_tit_row{display:flex;width:100%}

.modal_slide_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  padding-top: 100px;
  background-color:rgba(0,0,0,0.4);
  visibility: hidden;
  opacity: 0;
  z-index: 500;     
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;   
}
.modal_slide_wrap.visible {
  visibility: visible;
  opacity: 1;
}
.modal_slide_cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin-top: 120px;
  padding-bottom: 180px;
  background-color: var(--bg-light-gray);
  border-radius: 20px 20px 0 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out 0.1s; 
  -webkit-transform: translateY(600px);
  transform: translateY(600px);  
}
.modal_slide_wrap.visible .modal_slide_cont {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);    
}
.modal_slide_hd {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: var(--white);
  border-bottom: 1px solid var(--light-gray);
  border-radius: 20px 20px 0 0;
  z-index: 100;
}


.hd_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}
.hd_inner>div {
  display: flex;
  align-items: center;
  height: 80px;
}
.modal_com_logo {
  width: 80px;
  height: 80px;
  padding: 10px;
}
.modal_com_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal_com_nm {
  margin-left: 20px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -1px;  
}
.modal_com_nm.ml0 {
  margin-left: 0;
}
.modal_slide_hd .update {
  margin-right: 20px;
  color: var(--black-60);
  font-size: 1.2rem;
}
.modal_slide_hd p.update span {
  margin-left: 10px;
  color: var(--notice-alert);
}
.modal_slide_bd {
  height: calc(100vh - 200px);
  margin-top: 80px;
  padding: 40px 0 120px;
  overflow-y: auto;
}
.step_tit_row {
  display: flex;
  padding-top: 16px;
  border-top: 4px solid var(--black-80);  
}
.step_tit_row>div:nth-child(2) {
  padding-top: 4px;
}
.step_num {
  margin-right: 30px;
  text-align: center;
}
.step_num>p:nth-child(1) {
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: -1.6px;
}
.step_num>p:nth-child(2) {
  font-size: 8rem;
  font-weight: 700;
  letter-spacing: -4px;  
}
.step_tit {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -1.3px;  
}
.chapter_box {
  margin-top: 64px;
  padding: 16px;
  /*
  background-color: var(--white);
  border: 1px solid var(--black-10);
  border-radius: 2px; 
  */
}
.chapter_tit_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chatper_tit {
  font-weight: 700;
}
.chatper_tit span {
  margin-left: 16px;
}
.sec_analysis {
  padding: 0 16px;
}

.btn_black {
    width: 100%;
    height: 56px;
    background-color: var(--black-80);
    border-radius: 4px;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.btn_black.h48 {
    height: 48px;
}
.btn_black.w200 {
    width: 200px;
}

.inner {
    max-width: 1280px;
	  margin: 0 auto;
    padding: 0 20px;
}


.modal_slide_cont .inner.white-bg {
    padding: 25px 30px;
    background-color: #fff;
    border-radius: 10px;
}

.guide-desc, .guide-desc .col_black {
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    color: #7b7b7b;
    word-break: keep-all;
}

.modal_slide_hd .btn_close {
    top: -26px;
    right: 20px;
}
.btn_close {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
	background: url(/images/icon/close24.png) center / 16px no-repeat;
}


ul {
    list-style: none !important;
}

.tbl_style2 {
  table-layout: fixed;
  width: 100%;
  margin-top: 20px;
  border-top: 2px solid var(--black-80);
  border-bottom: 2px solid var(--black-80);
}
.tbl_style2 th {
  vertical-align: middle;
  height: 58px;
  background-color: var(--light-blue);
  border-bottom: 1px solid var(--black-80);
  border-right: 1px solid var(--black-10);
  font-size: 13px;
  font-weight: 600 !important;  
}
.tbl_style2 th:last-child {
  border-right: none;
}
.tbl_style2 td {
  vertical-align: middle;
  padding: 14px 0;
  font-size: 13px;
  text-align: center;
}
.tbl_style2 td {
  border-left: 1px solid var(--black-10);
  border-bottom: 1px solid var(--black-10);
}
.tbl_style2 td.tal {
  padding: 14px 20px;
  text-align: left;
}
.tbl_style2 td:first-child {
  border-left: none;
}


.tbl_style2 {border-bottom: 0px !important;}
.tbl_style2#pgcTable {border-bottom: 2px solid var(--black-80)}

.dataTable.cus-data-table tbody tr {
	cursor: default !important;
}

.n-layout .l-form-line .multi-line .row .help-img{position: absolute; margin-top: 35px; z-index: 1;}

.dt-container {
    margin-top: 20px;
}


.dt-paging {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
}

.dt-paging button {
	margin: 0 3px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: var(--black-60);
	font-size: 14px;
}

.dt-paging button:hover:not(.next, .last, .first, .previous) {
	background-color: var(--black-80);
	color: var(--white);
}

.ui-state-disabled:not(.next, .last, .first, .previous) {
	background-color: var(--black-80);
	color: var(--white);
}

.dt-empty {
	padding: 14px 20px !important;
}

.dataTable:not(#accTable) tbody tr {
	cursor: pointer;
}

.dt-container {
	margin-top: 20px;
}

.tbl_pgn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}
.tbl_pgn li {
  margin: 0 1px;
}
.tbl_pgn li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: var(--black-60);
  font-size: 1.4rem;
}
.tbl_pgn li a.active {
  background-color: var(--black-80);
  color: var(--white);
}
.tbl_pgn li a:hover {
  background-color: var(--black-80);
  color: var(--white);
}
.pgn_first span,
.pgn_prev span,
.pgn_next span,
.pgn_last span {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.pgn_first span {
  background: url(https://image.educe.co.kr/educe/pages/ico_first.png) no-repeat left top/cover;
}
.pgn_prev span {
  background: url(https://image.educe.co.kr/educe/pages/ico_prev.png) no-repeat left top/cover;
}
.pgn_next span {
  background: url(https://image.educe.co.kr/educe/pages/ico_next.png) no-repeat left top/cover;
}
.pgn_last span {
  background: url(https://image.educe.co.kr/educe/pages/ico_last.png) no-repeat left top/cover;
}
.tbl_pgn li a.pgn_first:hover,
.tbl_pgn li a.pgn_prev:hover,
.tbl_pgn li a.pgn_next:hover,
.tbl_pgn li a.pgn_last:hover {
  background-color: var(--white);
}

div.dt-container .dt-paging .fg-button {margin-left: 8px;}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
     opacity: 1;
    filter: Alpha(Opacity =1);
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right:0;
}

.tbl_style2 .ui-widget-header {
   
    background: var(--light-blue);
  color:#000
}


/* button detail view3 */
.btn_detail_view3 {
     padding: 6px 16px 6px 12px;
    background-color: var(--light-gray);
    border-radius: 2px;
    color: var(--black-80);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    width: 80px;
}
.btn_detail_view3 span {
  position: relative;
  padding-left: 20px;
}
.btn_detail_view3 span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(https://image.educe.co.kr/educe/main/ico_search.png) no-repeat left top/cover;
}
.btn_detail_view3:hover {
  background-color: var(--black-10);
}
.btn_detail_view3.btn_result_view span:before {
  background-image: url(https://image.educe.co.kr/educe/main/ico_result.png);
}



.n-layout .l-form-line .multi-line label:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 1px;
  background-color: #4f4f4f;
  transform: rotate(-38deg);
  left: -5px;
}
.n-layout .l-form-line .multi-line label.essential:before {
  background-color: #ff3b14;
}



.n-layout .l-form-line + .l-form-line.corp_info-body {
    margin-top: 60px;
}

.n-layout .l-form-line + .l-form-line.corp_info-body .help-img-text{position: absolute; margin-top:-18px; z-index: 1;}

.n-layout .l-form-line.auto-guide.part-company .custom-select {
        border: 1px dashed #ddd;
    height: 73px;
    width: 100%;
    text-align: center;
}

.n-layout .l-form-line textarea#corp_info:disabled{background-color:#fff}

.n-layout .l-form-line textarea#corp_info::placeholder {
    text-align:center;padding-top:30px
}

.n-layout .l-form-line textarea#corp_info {
    height: 120px; 
}

.n-layout .l-form-line textarea#corp_info.full {
    height: 260px; 
}