@charset "UTF-8";
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 300;
  src: local('Noto Sans KR Light'),
       url(../font/NotoSansKR-Light.woff2) format('woff2'),
       url(../font/NotoSansKR-Light.woff) format('woff');
}
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 400;
  src: local('Noto Sans KR Regular'),
       url(../font/NotoSansKR-Regular.woff2) format('woff2'),
       url(../font/NotoSansKR-Regular.woff) format('woff');
}
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 500;
  src: local('Noto Sans KR Medium'),
       url(../font/NotoSansKR-Medium.woff2) format('woff2'),
       url(../font/NotoSansKR-Medium.woff) format('woff');
}
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 700;
  src: local('Noto Sans KR Bold'),
       url(../font/NotoSansKR-Bold.woff2) format('woff2'),
       url(../font/NotoSansKR-Bold.woff) format('woff');
}
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 900;
  src: local('Noto Sans KR Black'),
       url(../font/NotoSans-Black.woff2) format('woff2'),
       url(../font/NotoSans-Black.woff) format('woff');
}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;box-sizing: border-box; word-break: keep-all;word-wrap: break-word}
body,button,input,select,table,textarea{font-family: 'NotoSansKR';font-size:1em;font-weight:400;color:#000;line-height:1.3;letter-spacing: -0.06em}
html{height:100%;}
body{height:100%;
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */}
button,fieldset,img{border:0 none}
fieldset,img{border:0}
img,li{vertical-align:top}
ol, ul, dl, menu ,li{list-style:none}
address,em{font-style:normal}
a{color:inherit;text-decoration:none;}
a:active,a:focus,a:hover{text-decoration:none; }
button{border:0;background:0 0;cursor:pointer}
table{margin:0;padding:0;border:0;border-spacing:0;border-collapse: collapse;}
input,select,textarea{border:0;background:0;appearance:none;border-radius:0;box-shadow:none}
embed,iframe,img,object,video{max-width:100%}
input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
input[type='text'],input[type='password'],input[type='submit'],input[type='search']{appearance:none;border-radius:0;background-color:transparent}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{appearance:button;border-radius:0}
input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type='number'] { -moz-appearance: textfield;}
*,*:before,*:after{box-sizing: border-box;}
form {margin:0;padding:0;}
fieldset {margin:0;padding:0;border:0 none;}
caption,legend,.blind { position: absolute!important; margin: -1px !important; padding: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; clip: rect(0, 0, 0, 0); word-break: keep-all; word-wrap: normal;}
.clear {zoom: 1;}
.clear:after {content: ""; display: block; clear: both;}
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
body.modal{overflow:hidden;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
button { border: 0 none; background-color: transparent; cursor: pointer; }
a { text-decoration: none; }
a:active, a:focus, a:hover { text-decoration: none; }
embed, iframe, img, object, video { max-width: 100%; }
figure {margin:0; max-width:100%;}
/* 입력서식 */
input, button, label, textarea, select {vertical-align:middle; }
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type=text][disabled], input[type=password][disabled], input[type=number][disabled], input[type=tel][disabled], input[type=email][disabled], textarea[disabled] {background: transparent;}
input[type=text][readonly=readonly], input[type=password][readonly=readonly], input[type=number][readonly=readonly], input[type=tel][readonly=readonly], input[type=email][readonly=readonly] { background: transparent;}
select {box-sizing: border-box; appearance: none;}
select::-ms-expand {display: none;}
textarea {width:100%; min-height:60px;resize:none;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
select[style], input[style], input[size] {width:auto; min-width:0;}
button, input[type=submit] {border:0; padding:0; cursor:pointer; background:transparent;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input[type=file] {margin: auto;}
input::placeholder { font-size: 1em;}
input[type=text]::-ms-clear { display:none;}
input:focus::placeholder, textarea:focus::placeholder { color:transparent; }
.bf::before, .af::after { display: block; content: "";}

/* ============================== //reset.css ============================== */

/* 본문바로가기 */
#accessibility a {  overflow: hidden; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 1px; background: #000; color: #fff; text-align: center; z-index: 1100;}
#accessibility a:focus, #accessibility a:active { width: 100%; height: 45px; padding: 10px}

/* 버튼 */
.btn_wrap{
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  margin: 30px auto 0;
}
.btn_wrap.type_btw{
  justify-content: space-between;
}
.btn_wrap.type_center{
  justify-content: center;
}
.btn_wrap .btn{
  max-width: 160px;
  min-width: auto;
  width: 100%;
  font-size: 18px;
  line-height: 45px;
  color: #fff;
  text-align: center;
  transition: 0.3s;
}
.btn_wrap .btn.type02{
	max-width: max-content;
    padding: 0 20px 2px;
    line-height: 43px;
}
.btn_bn-bl{
  background: #0052a4;
  border: 1px solid #0052a4;
  color: #fff;
  transition: 0.3s;
}
.btn_bn-bl:hover{
  background: #fff;
  color: #0052a4;
}
.btn_bn-gr{
  background: #787878;
  border: 1px solid #787878;
  color: #fff;
  transition: 0.3s;
}
.btn_bn-gr:hover{
  background: #fff;
  color: #787878;
}
.btn_bn-or{
  background: #c75e1e;
  border: 1px solid #c75e1e;
  color: #fff;
  transition: 0.3s;
}
.btn_bn-or:hover{
  background: #fff;
  color: #c75e1e;
}
.btn_bn-gr02{
  background: #41464d;
  border: 1px solid #41464d;
  color: #fff;
  transition: 0.3s;
}
.btn_bn-gr02:hover{
  background: #fff;
  color: #41464d;
}
.btn_wrap.type_btw .btn_by-gr{
  background: #fff;
  border: 1px solid #bfbfbf;
  color: #000;
  transition: 0.3s;
}
.btn_wrap.type_btw .btn_by-gr:hover{
  background: #bfbfbf;
  color: #fff;
}
/* 다운로드, 바로보기 버튼 */
.btn_download,
.btn_view{
  min-width: 140px;
  line-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--k_color01);
  transition: 0.3s;
  font-size: 18px;
  margin: 0 auto;
}
.btn_download::after{
  content: '';
  display: block;
  width: 18px;
  height: 16px;
  background: url(../img/sub/ico_download.png) no-repeat center;
  background-size: contain;
}
.btn_download:hover,
.btn_view:hover{
  background: var(--k_color01);
  color: #fff;
}
.btn_download:hover::after{
  background-image: url(../img/sub/ico_download_on.png)
}
.btn_view::after{
  content: '';
  display: block;
  width: 16px;
  aspect-ratio: 1 / 1;
  background: url(../img/sub/ico_view.png) no-repeat center;
  background-size: contain;
}
.btn_view:hover::after{
  background-image: url(../img/sub/ico_view_on.png)
}
@media screen and (max-width: 768px){
  .board_wrap .board_list.type01 .tr .board_down{
    width: auto;
  }
  .btn_wrap{
    margin: 20px auto 0;
    gap: 5px;
  }
  .btn_wrap.type_center{
    justify-content: flex-end;
  }
  .btn_wrap .btn{
    max-width: 118px;
    font-size: 16px;
    line-height: 40px;
  }
  .btn_download::after{
    width: 11px;
    height: 11px;
  }
  .btn_download, .btn_view{
    min-width: 120px;
  }
  .btn_wrap .btn.type02{
    padding: 0 15px 2px;
    line-height: 36px;
  }
}

.check_wrap input[type="checkbox"]:disabled{
  background: #dcdcdc;
}
.check_wrap input[type="checkbox"]{
  left: 0;
}
/* 깃플챗 */
#gitple-launcher {  
  border-radius: 50%; 
     transition: all .12s; 
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@media screen and (max-width: 768px){
  #gitple-launcher-tooltip {
  	display:none !important;
  }
  #gitple-launcher-icon {
    width: 45px !important;
    height: 45px !important;
    background-size: 45px !important;
  }
  #gitple-launcher {
    bottom:30px !important;
  }
  #gitple-launcher-custom-icon {
    width: 45px !important;
    height: 45px !important;
  }
}
/*챗봇 임시 숨기기*/
/* 챗봇 아이콘 생성 요청(fiti-4147)-이용현(2025.05.16) */
/*
#gitple-launcher, #gitple-launcher-tooltip {
   display: none !important;
}
*/

#daumPostLayer{
	left: 50% !important;
	transform: translateX(-50%) !important;
	max-width: 500px !important;
	width: calc(100% - 40px) !important;
	
}

/* 섬유·패션·소비재 일반/KC 분야 댓글 기능 개발-이용현 */
.comment_wrap{
  margin-top: 30px;
}
.comment_total {
  display: inline-block;
  font-size: 14px;
  color: #4d4d4d;
}
.comment_total:before {
  display: inline-block;
  width: 19px;
  height: 17px;
  margin: 1px 5px 0 0;
  background: url(../../../common/img/common/ico_comment.png) 0 0 no-repeat;
  vertical-align: top;
  content: ''
}
.comment_total .num {
  color: #f26522
}
.comment_wrap .table {
  border: 0;
  border-top: 3px solid #000;
  margin-top: 20px;
}
.comment_wrap .comment_bx td,
.comment_wrap .comment_bx .commentContents {
  display: block;
  padding: 20px 0 25px;
  height: 100%;
  border-bottom: 1px solid #dbdbdb;
}
.comment_wrap .comment_bx.depth td,
.comment_wrap .comment_bx.depth .commentContents {
  position: relative;
  padding: 30px 25px
}
.comment_wrap .comment_bx.depth .ico_dep {
  position: absolute;
  top: 30px;
  left: 0;
}
.comment_bx .comment_writer {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #333
}
.comment_bx .cContents {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #333
}
.comment_bx .comment_date {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  color: #969494;
}
.btn_comment{
  display: none;
}
.comment_wrap .textarea_wrap{
  display: none;
}
.pagingWrap{margin-top:30px;font-size:0;text-align:center;}
.pagingWrap > a,.pagingWrap > strong{display:inline-block;width:31px;height:31px;margin:0 1px;border:1px solid #e0e0e0;background-color:#fff;font-size:16px;font-weight:normal;color:#545454;line-height:30px;vertical-align:middle;}
.pagingWrap > a:hover,.pagingWrap > a:focus{border-color:#19b5d6}
.pagingWrap > strong{background-color: #19b5d6;color: #fff;border-color:#19b5d6;}
.pagingWrap > .prevAll{background:url('../../tmplt/common/img/common/btn_prevAll.png') 0 0 no-repeat;}
.pagingWrap > .prev{background:url('../../tmplt/common/img/common/btn_prev.png') 0 0 no-repeat;}
.pagingWrap > .next{background:url('../../tmplt/common/img/common/btn_next.png') 0 0 no-repeat;}
.pagingWrap > .nextAll{background:url('../../tmplt/common/img/common/btn_nextAll.png') 0 0 no-repeat;}