/* resources 공통 */
.center{ display: flex; align-items: center; justify-content: center;}
.center button{width: fit-content;}

.left-line::before{
    position: absolute;
    content: "";
    width: 1px;
    height: 12px;
    background-color: #ccc;
    left: -8px;
    top: 48%;
    transform: translateY(-50%);
    color: #222;
}
.filter-boxs, .filter-box{
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

/* .filter-box > div{width: fit-content!important;} */

.filter-boxs .txtinput-cmm{min-width: 320px!important;}

.list-header{
  width: 100%;
  height: 60px;

  display: flex;
  justify-content: space-between;
  align-items: flex-end;

  margin-top: 48px;
  padding-bottom: 12px;
}

.list-header button{width: fit-content;}
.list-total{font-size: 12px;}
.list-total b{display: block; font-size: 18px; font-weight: normal; padding-bottom: 20px;}
.list-total em{font-weight: bold;}

/* 중복 */
.re-btn-box{
    display: flex;
    gap: 8px;
}

.re-btn-box > a{
    width: fit-content;
    white-space: nowrap;
}

.list-body{
  border-top: 1px solid #525252;
  border-bottom: 1px solid #525252;
}

/* 중복 */
.re-content-box{
    margin-top: 48px;
    margin-bottom: 48px;
    border-top: 1px solid #525252;
    border-bottom: 1px solid #525252;
}

.content-header{
    width: 100%; min-height: 80px; padding: 32px;
    border-bottom: 1px solid #CCCCCC;
    background-color: #F7FAF9;
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: 8px;
    height: auto;
}
.content-top{display: flex;flex-direction: column;gap: 8px;}
.content-category{
    font-size: 15px;line-height: 100%;font-weight: 600;color: #FF9559;
}
.content-tit{
    flex-grow: 1;
    word-break: keep-all;
    font-size: 20px;
    font-weight: 600; 
    color: #222;
}
.content-tit-box{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.content-tit-box p:first-child{font-size: 15px;    font-weight: 400;    line-height: 15px;    color: #ff9559;}
.content-tit-box p:last-child{ font-size: 20px;    font-weight: 600;    line-height: 20px;    color: #222;}

.content-info{
    display: flex;
    align-items: center;
    gap: 16px;
    white-space: nowrap;
}
.content-info em{font-size: 16px; font-weight: 600; color: #525252;}
.content-info p {font-size: 14px; font-weight: 400; color: #999; position: relative; }

.content-body{
    width: 100%; height: 100%;  padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.content-footer{
    width: 100%;padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-top: 1px solid #eee;
}

.content-footer > div{
    /* height: 15px; */
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    color: #222;
    display: flex;
    gap: 32px;
}
.content-footer > div p{font-weight: normal;}
.content-footer a{font-weight: 500!important; color: #222!important;}
.content-footer > div > p {
    position: relative;
}
.content-footer > div > a:last-child {
    cursor: pointer;
}

.content-footer p{position: relative;line-height: 150%;}
/* .content-footer p::after{position: absolute;content: "";width: 1px;height: 12px;background-color: #ccc;right: -15px;top: 8px;transform: translateY(-50%);} */

.content-footer a{position: relative;line-height: 150%;}
.content-footer a::before{position: absolute;content: "";width: 1px;height: 70%;background-color: #ccc;left: -15px;top: 50%;transform: translateY(-50%);}

/* news */

.news-list { 
  width: 100%; height: 80px; 

  display: flex;
  align-items: center; 
  gap: 8px;

  border-bottom: 1px solid #EEEEEE;

  font-size: 15px;
  font-weight: 400;
  color: #222;
}
.news-list > li:nth-child(1){ width: 80px;}
.news-list > li:nth-child(2){ width: 15%; color: #FF9559;}
.news-list > li:nth-child(2) p{word-break: break-all;white-space: wrap;}
.news-list > li:nth-child(3){ width: 50%; flex-grow: 1; overflow: hidden;}
.news-list > li:nth-child(3) a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-list > li:nth-child(4){ width: 15%;}

.news-list > li > a{
    display: block;
}

.link-line{
    display: flex;
    align-items: center;
    gap: 4px;
}

.link-line img{
    display: flex;
    align-items: center;
    gap: 4px;
}

.link-line a{
    font-size: 16px;
    color: #656565;
}

/* video */
.video-list{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;

    border-top: 1px solid #525252;
    border-bottom: 1px solid #525252;

    padding: 24px 0 24px 0px;
}

.video-item{
    width: 424px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.video-item .item-img-box{
    height: 220px;
    border: 1px solid #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    max-width: 100%;
    overflow: hidden;
}
.video-item .item-img-box a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.video-item .item-img-box img{
    max-width: 100%;
    object-fit: fill;
    border-radius: 4px;

}

.video-item .item-tit{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.video-item .item-tit a{
    /* height: 60px; */
    font-weight: 600;    font-size: 20px;    line-height: 30px;    color: #222;
}

.video-item .item-tit p{
    font-weight: 400;    font-size: 15px;    line-height: 15px;    color: #999;
}

.content-body .video{
    position: relative;
    margin: 30px auto;
    padding-top: 52%;
}

.content-body .video iframe{
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
}

/* arch */
.archives-list{

}

.archives-item { 
    width: 100%;
    padding: 24px 0 24px 0;
  
    display: flex;
    align-items: center; 
    gap: 16px;
  
    border-bottom: 1px solid #EEEEEE;
  
    font-size: 15px;
    font-weight: 400;
    color: #222;

  }
.archives-item > li:nth-child(1){ width: 80px;}
.archives-item > li:nth-child(2){ 
    width: 200px; 
    height: 100px; 
    color: #FF9559;    
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    overflow: hidden;
}
.archives-item > li:nth-child(3){ width: 50%; flex-grow: 1; overflow: hidden;}
.archives-item > li:nth-child(3) a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.archives-item img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 4px;
}

.archives-item .item-tit{
    display: flex;
    flex-direction: column;
}

.archives-item .item-tit a{
    font-weight: 600;    font-size: 16px;    line-height: 150%;    color: #222;
}

.archives-item .item-tit p{
    font-weight: 400;    font-size: 15px;    line-height: 150%;    color: #999;
}

.file-box{
    margin-top: 32px;    
    width: 490px;
}


/* faq */
.faq-list-tit { 
    width: 100%; height: 80px; 

    display: flex;
    align-items: center; 
    gap: 8px;

    border-bottom: 1px solid #EEEEEE;
    background-color: #F7FAF9;

    font-size: 16px;
    font-weight: 600;
    color: #222;
}
.faq-list-tit > li:nth-child(1){ width: 80px;}
.faq-list-tit > li:nth-child(2){ flex-grow: 1;}
.faq-list-tit > li:nth-child(3){ width: 15%;}

.faq-list { 
    width: 100%; height: 80px; 

    display: flex;
    align-items: center; 
    gap: 8px;

    border-bottom: 1px solid #EEEEEE;

    font-size: 15px;
    font-weight: 400;
    color: #222;
}
.faq-list > li:nth-child(1){ width: 80px;}
.faq-list > li:nth-child(2){ width: 70%; flex-grow: 1; overflow: hidden;}
.faq-list > li:nth-child(2) a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.faq-list > li:nth-child(3){ width: 15%;}

.ception-box{
    margin-top: 48px;
    display: flex;
    align-items: center;
    gap: 24px;
    box-shadow: 0px 1px 1px rgba(85, 182, 165, 2.5%), 0px 2px 2px rgba(85, 182, 165, 5%),0px 4px 4px rgba(85, 182, 165, 6.75%),0px 8px 8px rgba(85, 182, 165, 8%);
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    padding: 40px 97px;
    color: #525252;
    border-radius: 4px;
    border: 1px solid #f5f5f5;
}

.inquiry-list-tit { 
    width: 100%; height: 80px; 

    display: flex;
    align-items: center; 
    gap: 8px;

    border-bottom: 1px solid #EEEEEE;
    background-color: #F7FAF9;

    font-size: 16px;
    font-weight: 600;
    color: #222;
}
.inquiry-list-tit > li:nth-child(1){ width: 80px;}
.inquiry-list-tit > li:nth-child(2){ width: 50%; flex-grow: 1;}
.inquiry-list-tit > li:nth-child(3){ width: 15%;}
.inquiry-list-tit > li:nth-child(4){ width: 15%;}


.inquiry-list { 
    width: 100%; height: 80px; 

    display: flex;
    align-items: center; 
    gap: 8px;

    border-bottom: 1px solid #EEEEEE;

    font-size: 15px;
    font-weight: 400;
    color: #222;
}
.inquiry-list li{display: flex;flex-direction: column;gap: 2px;}
.inquiry-list > li:nth-child(1){ width: 80px;}
.inquiry-list > li:nth-child(2){ width: 50%; flex-grow: 1; overflow: hidden;}
.inquiry-list > li:nth-child(2) a{ display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inquiry-list > li:nth-child(3){ width: 15%;}
.inquiry-list > li:nth-child(4){ width: 15%;}

.question-box, .answer-box{
    display: flex;
    flex-direction: column;
    gap: 16px;

    padding: 32px;
    border-bottom: 1px solid #eee;
}

.question-box p, .answer-box p{
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
}

.question-box p{color: #FF9559;}
.answer-box p{color: #60D1BD;}

.box .box-tit{
    padding-bottom: 32px;
    border-bottom: 1px solid #525252;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
}

.botton-box{
    border-bottom: 1px solid #525252; 
    padding-bottom: 32px;
    margin-bottom: 24px;
}

/* xstartup */

.xStartup-list { 
    width: 100%; height: 80px; 

    display: flex;
    align-items: center; 
    justify-content: space-between;
    gap: 16px;

    border-bottom: 1px solid #EEEEEE;
    color: #222;
}
.xStartup-list{    
    font-size: 15px;
    font-weight: 400;
}
.xStartup-list.list-tit{background-color: #F7FAF9;}
.xStartup-list.list-tit p{font-size: 16px!important;font-weight: 600!important;color: #222!important;}
.xStartup-list > li:nth-child(1){ min-width: 80px;max-width: 80px;}
.xStartup-list > li:nth-child(2){ min-width: 200px;max-width: 200px; color: #FF9559;}
.xStartup-list > li:nth-child(2) p, .xStartup-list > li:nth-child(5) p{word-break: break-all;white-space: wrap;}
.xStartup-list > li:nth-child(3){flex-grow: 1;overflow: hidden;display: flex;gap: 8px;}
.xStartup-list > li:nth-child(3) a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #222;line-height: 150%;}
.xStartup-list > li:nth-child(3) div{display: flex;flex-direction: row;gap: 4px;align-items: center;}
.xStartup-list > li:nth-child(3) i{font-size: 20px;color: #999;vertical-align: middle;}
.xStartup-list > li:nth-child(3) p{font-size: 13px;line-height: 19.5px;color: #999;}
.xStartup-list > li:nth-child(4){min-width: 200px;max-width: 200px}
.xStartup-list > li:nth-child(4) p:nth-child(2){font-size: 14px; line-height: 14px; font-weight: 400;color:#999 ;margin-top: 8px;}
.xStartup-list > li:nth-child(5){ min-width: 240px;max-width: 240px}

.xStartup-list.list-tit > li:nth-child(2){ width: 16%; color: #222;}

.sub-box{
    display: flex;
    flex-direction: column;
    gap: 16px;

    padding: 32px;
    border-bottom: 1px solid #eee;
}
.sub-box p{
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
}
.sub-box:last-child p{font-size: 16px;line-height: 100%;font-weight: 500;}

.sub-box .file-tit{
    overflow: hidden;
    text-overflow: ellipsis;
}

.sub-box img{
    max-width: 100%;
    object-fit: contain;
}

.sub-box .content p{font-size: 15px!important;color: #525252!important;font-weight: normal!important;line-height: 150%;}

.writer-box{
    width: 100%; height: 80px; padding: 32px;
    border-bottom: 1px solid #eee;

    display: flex;
    align-items: center;
    gap: 8px;
}

.writer{
    flex-grow: 1;
    font-size: 15px;
    line-height: 15px;
}

.content-info{
    display: flex;
    align-items: center;
    gap: 16px;
}
.content-info p {font-size: 14px; font-weight: 400; color: #999; position: relative; }


/* comment */
.comment-box{
    margin-bottom: 48px;
}
.comment-input-box{
    margin-top: 12px;
    margin-bottom: 8px;
    display: flex;
    height: 144px;
    gap: 8px;
}

.comment-input-box button{height: 100%;}

.comment-main-box{
    padding: 32px;
    padding-top: 0;
    border-bottom: 1px solid #eee;
}

.gide-size{
    display: flex;
    gap: 3px;

    font-size: 13px;
    line-height: 13px;
}

.gide-size p:nth-child(2),.gide-size p:nth-child(3){
    color: #999;
}
.blind-gide-size{display: none;}
.comment-item{
    padding: 32px;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.comment-item .item-tit{
    display: flex;
    justify-content: space-between;
}

.comment-item .item-tit p:nth-child(1){
    font-size: 16px;    font-weight: 600;    line-height: 16px;    color: #222;
}

.comment-item .item-tit p:nth-child(2){
    font-size: 14px;    font-weight: 400;    line-height: 14px;    color: #999;
}

.comment-item .content{
    font-size: 16px;    --font-weight: 300;    line-height: 150%;  word-break: break-word;
}

.comment-item .re-btn-box{
    justify-content: flex-end;
}

.comment-item.on{border-radius: 4px;border: 1px solid #f5f5f5;box-shadow: 0px 1px 1px rgba(0, 0, 0, 2.5%), 0px 2px 2px rgba(0, 0, 0, 5%),0px 4px 4px rgba(0, 0, 0, 6.75%),0px 8px 8px rgba(0, 0, 0, 8%)}

/* .comment-item:last-child{border: 1px solid #f5f5f5;border-radius: 4px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 2.5%), 0px 2px 2px rgba(0, 0, 0, 5%),0px 4px 4px rgba(0, 0, 0, 6.75%),0px 8px 8px rgba(0, 0, 0, 8%)} */

.comment-item .action-btn-r button{width: 110px;}

/* 중복 */
.re-textarea-box{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.inno-pagination a{cursor: pointer;}

/* x-startup detail */
.pdf-btn{margin-right: auto;width: 430px!important;white-space: nowrap;}

/* list */
.mem-info-box img{width: 68px;height: 74px;}
.mem-info-box img:not(.other-ch-btn){width: 20px;height: 20px;}

/* 반응형 */
.blind-a{color: #ccc;font-size: 15px;line-height: 150%;display: none!important;}
.action-btn-foot{display: none!important;}

.write-btn{white-space: nowrap;}