@charset "utf-8";

#contentWrap{min-height: calc(100vh - 90px - 260px - 100px); margin-bottom: clamp(80px, 10vw, 100px);}
#contentWrap:has(.estab_sect){margin-bottom:0!important;}

/*공통 - 서브페이지 컨텐츠 타이틀*/
.conts_sect .title{text-align: center; margin:0 auto 40px auto; font-family: 'gmarket'; font-size: 26px; font-weight: 700;position:relative; padding-top:16px;}
/* @ .conts_sect .title:before{content:''; display:block; position:absolute; top:0;width: 36px; height: 4px; border-radius: 25rem;background:#2DB3BD; left:50%; transform:translateX(-50%); }
 */
/*공통 - 페이지상단 코멘트박스*/
/* @ .pageComment_2{border:4px solid #eee; border-radius: 30px; padding: 40px;font-family:'eland_choice'; font-size: 30px;margin-bottom: 80px;text-align: center;;}
.pageComment_2 span{display:inline-block; color:#0D8390; font-weight:bolder;letter-spacing: 0.5px;} */

/* 공통 */
.alert_txt{display:flex; align-items:start; color: #666; font-size: clamp(13px, 4vw, 16px); letter-spacing:-0.4px;}
.alert_txt::before{content:''; display:block; width: 20px; min-width:16px; height: 20px; margin-top:1px; background:url(../images/sub/alert.svg) no-repeat; background-size: contain; background-position: center center; margin-bottom:1px; margin-right: 6px;}
img.person {width: 100%;max-width: 120px;border-radius: 5px;}

.roundbtn_link, .roundbtn_down{display:flex; justify-content: center;background: linear-gradient(to right, #0CA9AE, #1460D2);color: #fff; border: none; padding: 12px; width: 220px; border-radius: 50px; font-size:clamp(15px, 3vw, 16px); font-weight:500; max-height: 54px;}
.roundbtn_link:hover, .roundbtn_down:hover{color: #fff;}
.roundbtn_link::after{content:''; display:inline-block; width:16px; height:16px; margin-left:15px; background:url(../images/arr_stm_w.png) no-repeat center; background-size:contain;}
.roundbtn_down::after{content:''; display:inline-block; width:25px; height:25px; margin-left:15px; background:url(../images/arr_down_w.png) no-repeat center; background-size:contain;}


/* 공통 - 부트 */
.nav-pills .nav-link.active, .nav-pills .show >.nav-link{background-color: transparent;}
.btn:focus-visible{outline:2px solid -webkit-focus-ring-color;}

/* 공통 */
.slick-prev:focus, .slick-next:focus {border-radius: 50%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);transition: background-color 0.3s ease, box-shadow 0.3s ease;}


/* 개인정보수집 동의서 */
.consent_wrap{border: 1px solid #ddd; height: clamp(250px, 33vw, 300px);}
.consent_wrap .tit{font-weight: bold; white-space: nowrap; background-color: #F5F5F5;}
.consent_wrap ul{overflow-y: auto; word-break:keep-all;}


/* 캘린더 */
.datepicker {max-width:300px;}
.datepicker-title{background-color: #eee;}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover
{background-image:linear-gradient(to bottom, var(--mint), var(--mint)); color: #fff;}
.datepicker td, .datepicker th{background: transparent;}
.datepicker table tr td span:hover, .datepicker table tr td span.focused{background-color: var(--mint); color:#fff;}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover
{background-color: linear-gradient(to bottom, var(--mint), var(--mint)); background-image: none;}
.datepicker .prev.disabled, .datepicker .next.disabled{pointer-events: none;}
.datepicker table tr td span.active.active{background-color:transparent; color: #111;}
.calendar .input_wrap{position: relative;}
.calendar .input_wrap::after{content:''; position:absolute; right:12px; top:50%; transform:translateY(-50%); width:20px; height:20px; background-image:url('../images/sub/search_calendar.png'); background-size:contain; background-repeat:no-repeat; pointer-events:none;}

.down-buttons a{padding: 10px 40px; border:1px solid #ddd; border-radius:4px;}
.text_borderbox{border: 1px solid #ddd;padding: 30px clamp(15px, 4vw, 30px);margin-bottom: 60px;}
.text_borderbox h5{font-weight:600; font-size: 20px; margin-bottom: 20px;}
.text_borderbox li{position: relative;padding-left: 14px;font-size: clamp(15px, 3vw, 17px);color: #666;}
.text_borderbox li::before {content: '';display: block;width: 4px;height: 4px;border-radius: 50px;background-color: var(--light_mint);position: absolute;transform: translateY(-50%);top: 12px;left: 0;}



/* 텍스트 상자 */
.staff_sect .research_cont ul{border:1px solid #ddd; padding:30px; margin-bottom: 60px;}


/*연구원개요 - 설립목적*/
/* .estab_sect{margin-bottom: 120px}
.estab_sect .pageComment_2 i{display:inline-block; width: 60px; height: 50px; background: url(../images/sub/mark_quot.png) no-repeat; background-size: cover; background-position:left center; margin-bottom: -12px;}
.estab_sect .pageComment_2 i:last-child{background-position: right center;margin-bottom: -24px; }

.estab_sect .item_wrap{column-gap: 2rem;row-gap: 3rem;}
.estab_sect .item{width: calc(50% - 1rem); padding-bottom:3rem; }
.estab_sect .item .img_box{border-top-left-radius: 40px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 40px; overflow: hidden;min-width:200px; height: 0; padding-top: 19%;position: relative;}
.estab_sect .item .img_box img{object-fit: cover; position:absolute; top:0; left:0; right:0; bottom:0;}
.estab_sect .item h5{font-size: 20px; font-weight: bolder; margin-bottom: 20px;}
.estab_sect .item p{color:#707070;}
.estab_sect .item:not(:nth-last-child(-n + 2)){border-bottom: 2px solid #EEEEEE; }

.estab_sect dl:first-child{border-top:1px solid #2DB3BD;margin-top: 100px;}
.estab_sect dl{border-bottom: 1px solid #eee; padding: 50px 0; display:flex; flex-direction: row;;column-gap: 30px; align-items:flex-start}

.estab_sect dt{padding:0 50px; width: 20%;font-size: 20px; font-weight:bolder; color:#333; }
.estab_sect dd{padding:0 50px; width: 80%; display:flex; flex-direction: column ;font-size: 17px; color: #666;}
.estab_sect dd span{padding:4px 0;}
.estab_sect dd span:before{content:''; display:inline-block; width: 5px; height: 5px; border-radius: 50%; background:#B8B8B8;margin-right: 10px; margin-bottom: 4px }

 */
/*경영목표*/

.vison_sect .tit_wrap{border-top:2px solid #333; padding-top:40px;}
.vison_sect .tit_wrap h3{font-family: 'gmarket'; font-weight: 800; font-size: clamp(32px, 4vw, 36px); }
.vison_sect .tit_wrap p{font-size: clamp(22px,2vw,28px);line-height: 1.4;}
.vison_sect .tit_wrap p strong{background:#E3F1F2;}
.vison_sect dl{background:linear-gradient(135deg, #E8EBF2, #FBFCFF); border: 1px solid rgba(255,255,255,0.5); box-shadow: 10px 10px 15px rgba(15,41,107, 0.1); border-radius:30px;width: 50%; text-align: center;padding:40px 30px;margin-top: 60px; position:relative;margin-bottom: 220px;}
.vison_sect dt{color:#fff;border-radius: 40rem; padding:4px 20px; display:inline-block;margin-bottom: 12px; font-size: 18px;}
.vison_sect dl:first-child dt{background:#0D8390;}
.vison_sect dl:nth-child(2) dt{background:#1876C9;}
.vison_sect dl:after{content:'';background:url(../images/sub/arr_gradi.png) no-repeat;display:block; width:  390px; height: 90px;position:absolute; }
.vison_sect dl:first-child:after{bottom: -120px;right: calc(-195px - 1.5rem)}
.vison_sect dl:nth-child(2):after{bottom: -160px; left: calc(-195px - 1.5rem)}
.vison_sect dd{font-size: 20px;font-weight:600; line-height: 1.2;}


.vison_sect .stgy_4_9 h3{padding: 1rem; border-top: 1px dotted #999; border-bottom: 2px solid #0DA0A7; font-size:28px; font-weight:700; text-align: center;margin-bottom: 2rem;;}
.vison_sect .stgy_4_9 ul li{min-height: 150px;border-bottom: 2px solid #f5f5f5;}

.vison_sect .stgy_item4 ul{border-right: 2px solid #f5f5f5;}
.vison_sect .stgy_item4 li span{background:#E8EBF2;border-radius: 10px;box-shadow: inset 6px 6px 6px #D2D7E3, inset -6px -6px 6px #fff;width: 70px; height: 70px; display:inline-flex; align-items: center; justify-content:center; font-size: 36px; font-weight: bold;}
.vison_sect .stgy_item4 li p{text-align: center; color:#fff; font-size: clamp(17px,1vw,19px); font-weight: 600; padding:20px 30px; position:relative;width: calc(100% - 170px);display: inline-block;padding-right:0; margin-right: 10%; ;box-shadow: 3px 6px 0 rgba(0,0,0,0.1);}
.vison_sect .stgy_item4 li:nth-child(1) span{color:#0EA0A8}
.vison_sect .stgy_item4 li:nth-child(1) p{background:linear-gradient(to right ,#0DA0A7, #4E99C6); }
.vison_sect .stgy_item4 li:nth-child(2) span{color:#1974AA;}
.vison_sect .stgy_item4 li:nth-child(2) p{background:linear-gradient(to right ,#1874AA, #687FC1); }
.vison_sect .stgy_item4 li:nth-child(3) span{color:#5560B0}
.vison_sect .stgy_item4 li:nth-child(3) p{background:linear-gradient(to right ,#3858AF, #B279B0); }
.vison_sect .stgy_item4 li:nth-child(4) span{color:#995A8D}
.vison_sect .stgy_item4 li:nth-child(4) p{background:linear-gradient(to right ,#8E508C, #BC768B); }
.vison_sect .stgy_item4 li p:before,
.vison_sect .stgy_item4 li p:after{content:''; display:block;position:absolute;  border-left: 30px solid rgba(0,0,0,0.1); border-top: 50px solid transparent;  border-bottom:50px solid transparent;right:-30px; top: 50%; transform: translateY(-50%);z-index: 1;}
.vison_sect .stgy_item4 li p:after{z-index: 0;top:calc(50% + 10px)}
.vison_sect .stgy_item4 li:nth-child(1) p:before{border-left: 30px solid #4E99C6;}
.vison_sect .stgy_item4 li:nth-child(2) p:before{border-left: 30px solid #687FC1;}
.vison_sect .stgy_item4 li:nth-child(3) p:before{border-left: 30px solid #B279B0;}
.vison_sect .stgy_item4 li:nth-child(4) p:before{border-left: 30px solid #BC768B;}
.vison_sect .stgy_item9 li{padding-left: 10%;display:flex; flex-direction: column; row-gap: 4px; justify-content: center;}
.vison_sect .stgy_item9 li span{border-radius: 50%;color:#fff; font-weight:600; display:inline-flex; width: 20px;height:20px;justify-content: center; align-items: center; margin-right: 8px;font-size: 16px;}
.vison_sect .stgy_item9 li:nth-child(1) span{background:#4E99C6}
.vison_sect .stgy_item9 li:nth-child(2) span{background:#687FC1}
.vison_sect .stgy_item9 li:nth-child(3) span{background:#B279B0}
.vison_sect .stgy_item9 li:nth-child(4) span{background:#BC768B}


/************************************************/
/********************리스트***********************/
/************************************************/
/******* 탭 *******/
.tabb_wrap{display:flex; flex-direction:row; align-items:center;margin-top: 20px; margin-bottom: 40px;flex-wrap: wrap;}
.tabb_wrap li{flex:1 0 0%;border: 1px solid #dcdcdc;}
.tabb_wrap li:first-of-type{border-top-left-radius: 10px;}
.tabb_wrap li:last-of-type{border-top-right-radius:10px;}
.tabb_wrap li:has(a.on){margin-left: -1px; margin-right: -1px; position:relative;}
.tabb_wrap li:has(a.on)::after{content:'';display: block; width: 100%;height: 4px; position: absolute; bottom: -1px; background-color: var(--light_mint)}
.tabb_wrap li:has(a:hover){position:relative;}
.tabb_wrap li + li{border-left:0;}
.tabb_wrap li a{text-align: center;font-size: clamp(16px, 1vw, 17px);font-weight: 600;padding: clamp(12px, 2vw, 18px);color: #767676;}
.tabb_wrap li a.on,
.tabb_wrap li:hover a{font-weight: 700;color: #333;}

.tabb2_wrap{border-top: 1px solid #dcdcdc;display:flex; flex-direction:row; align-items:center;margin-top: 20px; margin-bottom: 40px;flex-wrap: wrap;}
.tabb2_wrap li{flex:1 0 0%;}
.tabb2_wrap li:has(a.on),
.tabb2_wrap li:has(a.active){position:relative;}
.tabb2_wrap li:has(a.on)::before,
.tabb2_wrap li:has(a.active)::before{content:'';display: block; width: 100%;height: 100%; position: absolute; bottom: 0; background-color: #FAFAFA;z-index: -1;}
.tabb2_wrap li:has(a.on)::after,
.tabb2_wrap li:has(a.active)::after{content:'';display: block; width: 100%;height: 2px; position: absolute; bottom: -1px; background-color: var(--light_mint)}
.tabb2_wrap li{border-left:0; border-bottom: 1px solid #dcdcdc;}
.tabb2_wrap li a{text-align: center;font-size: clamp(15px, 10vw, 17px);font-weight: 600;padding: clamp(10px, 2vw, 20px);color: #767676;}
.tabb2_wrap li a.on,
.tabb2_wrap li a.active{font-weight: 700;color: #333;}
.tabb2_wrap li:hover a{background-color: #FAFAFA;color:#333;}

/*탭메뉴 탭일때*/
.tabb2_wrap.nav-tabs{border-top:0; margin-top:0;}
.tabb2_wrap.nav-tabs li{border-bottom:0;}
.tabb2_wrap li:has(button.active){position:relative;}
.tabb2_wrap li:has(button.active)::before{content:'';display: block; width: 100%;height: 100%; position: absolute; bottom: 0; background-color: #FAFAFA;z-index: -1;}
.tabb2_wrap li:has(button.active)::after{content:'';display: block; width: 100%;height: 2px; position: absolute; bottom: -1px; background-color: var(--light_mint)}
.tabb2_wrap li button{text-align: center;font-size: clamp(15px, 1vw, 16px);font-weight: 600;padding: clamp(10px, 2vw, 20px);color: #767373;width: 100%;border-left:0!important;border-right:0!important; border-top:0!important;}
.tabb2_wrap li button.active{font-weight: 700;color: #333;background-color:#fafafa!important;}
.tabb2_wrap li:hover button{background-color: #FAFAFA;color:#333;}

/*tabb3 */
.tabb3_wrap .nav-link{color: #555;border: none;padding:15px clamp(7px, 2vw, 15px); font-weight:600; color:#666;}
.tabb3_wrap .nav-link.active{position:relative; font-weight:700; background-color: #FAFAFA; color:#333;}/*@@ */
.tabb3_wrap .nav-link:hover{background-color: #FAFAFA;color: #333;} 
.tabb3_wrap .nav-link.active::after{z-index: 1; content: ''; display: block; width: 100%; height: 2px; position:absolute;left:0; bottom: -1px;background-color: var(--light_mint);}



/*연구사업소개 */
.tabb3_wrap .nav-link{color: #555;border: none; }
.tabb3_wrap .nav-link.active{position:relative}
.tabb3_wrap .nav-link:hover{background-color: #FAFAFA;color: #333;} 
.tabb3_wrap .nav-link.active::after{content: ''; display: block; width: 100%; height: 2px; position:absolute;left:0; bottom: -1px;background-color: var(--light_mint);}


/*게시판검색*/
/* .list_top{margin-bottom: 30px;}
.list_top p{font-size: 16px; color:#888; }
.list_top p strong{color:#555; font-weight: 600;}
.list_top > div{width: calc(369px + 0.25rem)}
.list_top .input-group{width: 100%; max-width:320px; position:relative;left: 3px;flex-wrap:nowrap;}
.list_top .input-group input,.list_top .input-group select{padding-top:13px; padding-bottom: 13px; border-radius:0;}
.list_top .input-group > select:first-of-type {max-width:100px; border-top-left-radius:0.375rem!important; border-bottom-left-radius:0.375rem!important; border-right:0!important;font-size: clamp(14px, 4vw, 15px); font-weight: 500;}
.list_top input,
.list_top input::placeholder{ border-left:0;}
.list_top button{background: var(--light_mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 26 26'  %3E%3Cpath fill='%23fff' d='m25.648 23.591-4.924-4.909a11.47 11.47 0 0 0 2.447-7.1 11.586 11.586 0 1 0-11.585 11.589 11.47 11.47 0 0 0 7.1-2.447l4.909 4.924a1.454 1.454 0 1 0 2.056-2.056ZM2.9 11.586a8.689 8.689 0 1 1 8.689 8.689A8.689 8.689 0 0 1 2.9 11.586Z'/%3E%3C/svg%3E") no-repeat; border-radius: 5px; width: 52px; height: 52px; min-width: 52px; background-position:center center;z-index: 1; }
.list_top .input-group > div:nth-child(1) select{border-top-left-radius:0.375rem!important; border-bottom-left-radius:0.375rem!important;}
.list_top > div.multi_select {width:calc(530px + 0.25rem);}
.list_top .multi_select .input-group{max-width: 480px;}
.list_top select{border-top-right-radius:0;border-bottom-right-radius:0;}
.list_top .input-group > div:not(:first-child) select{border-radius:0; border-left:none;}
.list_top .input-group select{position: relative; border-right:none;}
.list_top .input-group select:before{content:''; display:block; width: 1px; height: 12px;background:#ccc; position:absolute; top:50%; left:100px;transform: translateY(-50%); z-index: 1;}

.input-group > div {flex: auto;}
 */
/* 파일 다운로드 */
.file_down{display:flex; align-items:center;}
.file_down[data-extension="hwp"]{background:url(../images/sub/down_hwp.png) no-repeat left center; background-size: contain;}
.file_down[data-extension="pdf"]{background:url(../images/sub/down_pdf.png) no-repeat left center; background-size: contain;}
.file_down:not([data-extension="pdf"]):not([data-extension="hwp"]){background:url(../images/sub/down.png) no-repeat left center; background-size: contain;}


/* 게시판리스트_기본*/
.info{font-weight: 400; color:#797676; margin-right:20px;}
.info_dt{color: #797676; margin-right: 1px;}
.board_sect .item{border:1px solid #e5e5e5; padding-top:30px; padding-bottom:30px; border-radius:12px;position:relative;background-color: #fff; transition:background-color 0.3s;}
.board_sect .item:not(:last-child){margin-bottom: 12px;}
.board_sect .item .numb{display:block;padding-left: 0px; padding-right: 0px; font-size:22px; font-weight: 500; color:#797676;width: 140px;text-align: center;word-break: keep-all;line-height: 22px;}
.board_sect .item .numb > span{font-size: 16px;}
.board_sect .item .numb.pin{width: 140px; height: 27px;}
.board_sect .item .numb.pin::before{content:''; display:block ;width: 22px; height: 22px; background: url(../images/sub/board_pin.svg) no-repeat left;background-size: contain;}
.board_sect .item .titl{font-size: clamp(22px, 4vw, 17px); font-weight:600;display:block; width: 88%;max-width: fit-content;}
.board_sect .item a{width: calc(100% - 240px)}
.board_sect .item:has(a:hover) {outline:2px solid #278CE5;}
.board_sect .item a strong{width: 100%;margin: 4px 0;padding-right: 100px;}
.board_sect .item .file_down {z-index: 1;width: 28px; height: 28px; position:absolute; top:50%; right:50px; transform: translateY(-50%);}
.board_sect .item .file_down a{z-index: 2;display: block; position: relative; width: 100%; height: 100%;}
.secret{background:url(../images/sub/ico_secret.svg) no-repeat center; width:20px; height:20px; margin-right:4px; margin-bottom:2px;}
.board_sect .item p{display:-webkit-box; width: 90%; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; margin-top: 14px; color: #666; }
.new_tag{margin-bottom:2px;}
.new_tag img{width:17px; height:17px;}

.non_search {padding:clamp(40px, 4vw, 100px); border:1px solid #e5e5e5; border-radius:12px;}
.non_search strong{margin-top: 15px; font-size: 20px; font-weight: 600;}
.non_search p{color: #6f716e; font-weight: 300;}


/*게시판리스트_타입2 (사전정보공표, KREI 핵심정보,year 2023년 기본·일반연구보고서)*/
.board_sect.type2 .item .info_box .part1 li,
.board_sect.type2 .item .info_box .part2 li{display: flex; align-items: center;margin-right: 20px;}
.board_sect.type2 .item .info_box li li:not(:last-child){margin-bottom: 15px;}
.board_sect.type2 .item .info_box li:not(:first-child) strong{background-color: #eaf5f5; color: #555; font-weight: 600; font-size: 15px; padding:5px 12px; border-radius: 20px; min-width: 96px;  margin-right:8px; text-align: center;}
.board_sect.type2 .item .info_box li > div{width: 90%;word-break:keep-all;}
.board_sect.type2 .item .info_box li > div >div{padding: 0 5px;}
.board_sect.type2 .item .info_box strong + div{color: #555; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word;}
.board_sect.type2 .item .info_box > li ul{width: 100%;}
.board_sect.year .item .link,
.board_sect.advance .item .link{width: 28px; height: 28px; position:absolute; top:50%; right:50px;border-radius:5px; transform: translateY(-50%);background: url(../images/sub/link.png);}
.board_sect.type2.advance .item .info_box > li{width: 30%;}
.board_sect.type2.advance .item .file_down {right:50px;}
.board_sect.type2.advance .item .link{right:90px;}
.board_sect.type2.core .item .info_box > li:first-child{width: 80%;}

/*게시판리스트 (연구사업소개,연구협력협정 체결현황)*/
.board_sect.intro .item{width: calc(50% - 0.5rem); padding-left:30px; padding-right:30px;}
.board_sect.intro .item:not(:last-child){margin-bottom: 0;}
.board_sect.intro .item > div > div{color: var(--mint);font-weight: 600;margin-bottom: clamp(0px, 1vw, 5px);}
.board_sect.agreement .item{width:calc(33.33% - 16px); padding-top:30px; padding-bottom:30px;min-height: 165px;}
.board_sect.agreement .item > div:first-child{padding:0 20px 20px 20px;/*  border-bottom:1px solid #eee; */ width: 100%;}
.board_sect.agreement .item img{width: 100%; max-width: 248px;}
.board_sect.agreement .item .file_down { top:auto; bottom:10px; right:58px;}
.board_sect.agreement .link{width:28px; content:''; position:absolute; display:block; height:28px; background-size:contain; bottom:10px; right:20px; border-radius:5px; transform:translateY(-50%); background:url(../images/sub/link.png) no-repeat; background-size:cover;}

/* 게시판리스트_채용공고 & 연구제안 & 질의응답 */
.board_sect .item div[class^="badge_"]{min-width:60px;padding:3px;text-align:center;border-radius:5px;font-weight:600;margin-right:40px;background-color: #ECF2F8; color:#196dcd;}
.board_sect.idea .item .badge_ing{background-color: #e3f7e3; color:#1fa938;}
.board_sect.job .item .badge_close{background-color: #ededed; color: #888;}
.board_sect.idea .item .badge_submit,
.board_sect.qa .item .badge_submit{background-color: #FEE3CF; color: #DC6823;}
.board_sect.list_right .item .file_down {right:clamp(120px, 10vw, 150px);}
.answer{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;font-size:clamp(15px, 2vw, 17px);}
.answer:has(+ .post_direc){margin-bottom: 60px;}
.answer:not(:has(+ .post_direc)){border-bottom:none;}

.answer > div:first-child{background-color: #F5F5F5; min-width:clamp(200px, 25vw, 300px);}
.answer > div:first-child strong{color: #555;margin-bottom:2px;}
.answer > div:first-child span{color: #888;}
.answer > p{padding: clamp(20px, 5vw, 52px);}
.modify{position: absolute; right:10px;bottom: 10px;}
.modify a{color: #777;font-size: 15px;}
.modify a:hover{color:#111;}
/*페이징*/
.pagination{margin-top:60px; flex-wrap:wrap; align-items:center;}
.pagination .page-item{border:0; background:transparent; border-radius: 6px; height:26px; padding:0 5px; min-width: 27px; display:flex; align-items: center; justify-content:center;}
.pagination .page-item a{background:transparent; border:0; width: 100%; height:100%; padding:0;padding-top:2px; text-align: center;margin-left:0!important; font-size:15px;color:#767373;; font-weight: 500; }
.pagination .page-item:not(.active) a:hover{font-weight: bold; color: var(--blue);}
.pagination .page-item.active a{color:var(--blue); font-weight: bold;}
.pagination .page_arr,
.pagination .page_arr a{position:relative;}
.pagination .page-item.page_arr a{background-repeat:no-repeat; background-size:auto; background-position:center center;transition:all 0.4s; }
.pagination .page-item .first,
.pagination .page-item .last{background-image: url(../images/sub/arrow_fin.svg);}
.pagination .page-item .prev,
.pagination .page-item .next{background-image: url(../images/sub/arrow_right.svg);}
.pagination .page-item .first,
.pagination .page-item .prev{transform:rotate(180deg); }
.pagination .page-item .first:hover,
.pagination .page-item .prev:hover{transform: translateX(-3px) rotate(180deg);}
.pagination .page-item .last:hover,
.pagination .page-item .next:hover{transform: translateX(3px) ;}
.pagination .page-item .page-link:focus {border-radius: 5px;box-shadow: none;outline: 2px solid #333;}

/* 콘텐츠 박스 */
.conts_box img.cover{max-width:320px; min-height:180px; width:100%; object-fit:cover; border-radius: 10px;}
.bg_gradient{width: 100%; height: 100%; background: linear-gradient(to right, #FCF6E9, #E5F0F4);}
.conts_box .bg_gradient h5, .conts_box dt{font-family: 'gmarket';font-weight: 700;font-size: clamp(20px, 4vw, 26px); color: #444;}
.conts_box .bg_gradient figure{background:url(../images/sub/IT_td00720000902.png) no-repeat center; max-width:320px; min-height:180px; width:100%; background-size: cover;border-radius: 10px;}
.conts_box .bg_gradient p{font-size:clamp(16px, 4vw, 18px); color: #444;}
.conts_box .bg_gradient p strong{font-weight: 600}
.conts_box .bg_gradient dl{background-color: #fff; padding: 20px 80px;border-radius: 10px;}
.conts_box .bg_gradient dd{font-size:clamp(16px, 4vw, 17px);font-weight: 500;}
.conts_box .bg_gradient dd span{text-wrap: nowrap;}
.conts_box .step:nth-child(2) li span:first-child{background-color: #DDEFEF; padding: 1px 15px; border-radius:20px; color: var(--ci_green); font-size:clamp(13px, 4vw, 14px); font-weight:600;}
.conts_box .step:nth-child(2) li span:last-child{font-size: clamp(18px, 3vw, 22px); font-weight: 700; padding-top: 3px; padding-left: 10px;}
.conts_box .step ol {border-bottom: 1px solid #ddd;}
.conts_box .step li{position: relative;}
.conts_box .step li:not(:last-child)::after{content:''; display:block; width:30px; height:30px; background:url(../images/sub/conts_idea-arrow.svg) no-repeat center; position:absolute; right:-15%;transform:translatex(-50%); }

/* 2 > 임업관측센터 */
.conts_box .forestry p{font-size: clamp(18px, 4vw, 21px); margin-bottom: 40px;}
.conts_box .forestry ul{padding-right: clamp(0px, 20w, 500px);}
.conts_box .forestry li {width: calc(33% - 10px);}
.conts_box .forestry li div{padding: 2px 18px; color:#fff; border-radius:50px; text-align:center; margin-inline-end: 10px;}
.conts_box .forestry li span{letter-spacing:1.6px;}
.conts_box .forestry li:nth-child(1) div{background-color:#824A33;}
.conts_box .forestry li:nth-child(2) div{background-color:#483839;}
.conts_box .forestry li:nth-child(3) div{background-color:#AD3536;}
.conts_box .forestry li:nth-child(4) div{background-color:#CA500F;}
.conts_box .forestry li:nth-child(5) div{background-color:#428456;}
.conts_box .forestry li:nth-child(6) div{background-color:#608043;}
.forestry .cover li{flex: 1 0 0;}

/* 연구사업소개 */
.intro_box{width:100%; height:100%; position: relative; padding:80px 0; color:#fff; background: linear-gradient(45deg, rgba(30, 41, 62, 1),rgba(9, 76, 116, 0.8)); background:url(../images/sub/intro_box.png) center center; background-size:cover;}
.intro_box h5{padding-bottom:10px; border-bottom:1px solid rgba(255, 255, 255, 0.5);; font-family:'gmarket'; font-size:clamp(20px, 4vw, 26px); font-weight:500;}
.intro_box li{flex-basis:calc(50% - 10px); padding:10px 40px; border-radius:200px; font-size:clamp(16px, 4vw, 18px); background:rgba(255, 255, 255, 0.1);}
.intro_box li div{margin-right: 20px; font-weight: 500; color: rgba(255, 255, 255, 0.4);}
.intro_tit{font-family:'gmarket'; font-weight:700; font-size:clamp(20px, 4vw, 32px); color:#444;}


/* 신고센터 */
.complaint .black_image:first-child li{background-color:#f3f3f3;}
.complaint .black_image li{width: calc(50% - clamp(0.2rem, 6vw, 0.8rem));}
.complaint .black_image li img{width: 100%; border-radius:5px; border:1px solid #eee; width: 100%; height:clamp(150px, 15vw, 200px);filter: brightness(50%); object-fit:cover;}
.complaint .black_image li{position:relative;;}
.complaint .black_image .info strong{font-size:clamp(18px, 4vw, 22px);}
.complaint .black_image .info{position:absolute; color: #fff; z-index:5; bottom:clamp(16px, 5vw, 30px); left:clamp(13px, 5vw, 30px);}
.complaint dl{position:relative; flex: 1 1 calc(25% - 1rem);display: flex; flex-direction: column; align-items:flex-start; margin-bottom:clamp(0, 4vw, 20px);}
.complaint dl:before{content:''; display:block; width: 100%; height: 1px; background: #ddd; position: absolute; top:15px; left:0; z-index: 1;;}
.complaint dt{font-size:clamp(16px, 2vw, 20px);font-weight: 600;background:#fff; position: relative; z-index: 2; display:inline-block; padding-right: 12px;}
.complaint + .charg_box{margin-top: 80px;}

.complaint h5 span{display: inline-block; width: 95%; background:linear-gradient(135deg ,#0DA0A7 50%,#178A90 70%,#1D7C81);max-width: 200px;text-align: center; padding:50px 0 ;color:#fff; font-weight:700;border-radius: 10px; font-size: 27px; letter-spacing: -1px;;}
.complaint dl dt:before{content:''; display:inline-block; width: 6px; height: 6px; border-radius: 50%; margin-bottom: 3px; margin-right: 8px;}
.complaint dl:nth-child(1)  dt:before{background:#E2781A;}
.complaint dl:nth-child(2) dt:before{background: #f8c211}
.complaint dl:nth-child(3) dt:before{background: #3BB923}
.complaint dl:nth-child(4) dt:before{background: #98e20f}
.complaint dl:nth-child(5) dt:before{background: #0dd3da}
.complaint dl:nth-child(6) dt:before{background:#278CE5;;}
.phone_num{flex:1}
.complaint.input_cont{display:none;}
.complaint.input_cont.show{display:flex;}

.complaint_1 ul:first-child li {background-color: #f3f3f3;}
.complaint_1 ul:first-child li img{max-width: 200px;width: 100%;height: auto;}
.complaint_1 ul:last-child li {width: calc(33.333% - 1rem);}
.complaint_1 ul:last-child li img {border-radius: 5px;border: 1px solid #eee;max-width: 100%;}

/* 농경나눔터 */
.pdf_conts_box img{max-width:200px; max-height:250px;}
.pdf_conts_box span:nth-of-type(1){color:var(--ci_green); font-weight:600;}
.pdf_conts_box h5{font-size:clamp(22px, 4vw, 26px); font-weight:600;}
.pdf_conts_box span:nth-of-type(2){color:#888; font-weight:400;}


/* 갤러리 */
.photo_sect .item{list-style: none; width: calc(33.3333% - 18px);}
.photo_sect .item .thumb{position: relative; width: 100%; padding-bottom: 55%; overflow: hidden; border-radius: 8px; border: 1px solid #eee; margin-bottom: clamp(10px, 1vw, 13px)}
.photo_sect .item .thumb .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.photo_sect .item .thumb .img img{width: 100%; height: 100%; object-fit: cover;}
.photo_sect .item .titl{ font-size: clamp(16px, 1vw, 17px); font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; line-height: 1.5; height: calc(1.5em * 2); max-width: 100%;}

.photo_sect .info span:nth-child(1),.photo_sect .info span:nth-child(2){position:relative;}
.photo_sect .info span:nth-child(1){padding-right:10px;}
.photo_sect .info span:nth-child(1)::after{position:absolute; content: ''; width: 1px; height:12px; background-color:#ddd;right:0px; top: 50%;transform: translateY(-50%);}
.photo_sect .info span:nth-child(2){padding-left:32px;}
.photo_sect .info span:nth-child(2)::before{position:absolute; content: ''; width: 24px; height:24px; left:3px; background:url(../images/sub/board_view.png);}


/* 버튼 */
.btn_wrap{margin-top:10px; font-size: 16px;;}
.btn_wrap a{border-radius:3px;}
.btn_wrap .goto_write{max-width:140px; width: 100%; background-color:#26828E; position:relative; color: #fff; font-weight: 500; padding: 12px; padding-right: 40px;}
.btn_wrap .goto_write:hover{color:#fff;}
.btn_wrap .goto_write::before, .btn_wrap .goto_write::after{content: ''; display: block; width: 11px; height: 2px; background: rgba(255, 255, 255, 0.8); position: absolute; top: calc(50% + -1px); left: 70%; transform: translate(-50%, -50%); transition: all 0.3s ease; }
.btn_wrap .goto_write::after{transform: translate(-50%, -50%) rotate(90deg);}
.btn_wrap:hover .goto_write::before, .btn_wrap .goto_wrap:hover .goto_write::after{background: #fff;}
.btn_wrap:hover .goto_write::before{transform: translate(-50%, -50%) rotate(90deg);}
.btn_wrap:hover .goto_write::after{transform: translate(-50%, -50%) rotate(180deg);}
.btn_wrap .goto_link{width: 220px; padding: 12px; background: linear-gradient(to right, #0CA9AE, #1460D2); color: #fff; border:none;}
.btn_wrap .goto_upload{width: 220px; padding: 12px; border: 1px solid #ddd; background-color:transparent;}
.btn_wrap .goto_list{width: 220px; padding: 12px; background-color: var(--light_mint); color: #fff; border:none;}
.coment_btn_wrap{background-color:#555; min-width:100px;}
.coment_btn_wrap a{color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}

/************************************************/
/*********************상세***********************/
/************************************************/
.board_view .btn_wrap{padding-top: 30px; border-top: 1px solid #eee;}

/* 표 */
table th{background:#F8F8F8;}

/* 게시판상세_기본 */
.main_cont {max-width: 100%;overflow-x: auto;}
.title_wrap{border-top: 2px solid #888; padding:22px 15px 14px 15px;}
.title_wrap h3{font-size:clamp(18px, 3vw, 22px); font-weight:600; word-break: break-all;}
.title_wrap .date, .board_view .title_wrap .hits{color:#797676;font-size:clamp(15px, 3vw, 17px);}
.title_wrap .date::after{content:''; width:2px; height: 14px; display: block; margin-left:clamp(5px, 3vw, 12px); margin-right:clamp(5px, 3vw, 12px); background-color: #eee;}
.title_wrap .hits::before{content:''; width:24px; height: 24px; display: block; margin-right: 6px; background: url(../images/sub/board_view.png) no-repeat; background-size: cover; background-position:left center;}
.title_wrap .img_open{width: 130px; margin-left:clamp(10px, 3vw, 25px);}
.title_wrap .img_open img{width:100%;}
.info_cont .item{margin-top:clamp(10px, 1vw, 12px); margin-bottom:clamp(10px, 1vw, 12px); align-items: stretch;}

.board_view {word-break: keep-all; font-size:clamp(15px, 2vw, 17px); font-weight: 500;}
.board_view .info_cont .item .tit{min-width: 160px;}
.board_view .info_cont .item div:first-child + *,
.board_view .info_cont .item .file a{color: #666; font-weight: 400;font-size: clamp(15px, 3vw, 17px);}
.board_view .info_cont .item .file a{padding-left: 30px; display: inline-block; position: relative;word-break:break-all; overflow:hidden; text-overflow: ellipsis;}
.board_view .info_cont .item .file{width: calc(100% - 200px);}


.board_view li .file_down[data-extension]{background: none;}
.board_view li .file_down:before{content:''; width:22px; height:22px; display:block; position:absolute; left: 0px;border-radius:5px; flex-shrink:0; margin-right:6px;}
.board_view li .file_down:not([data-extension="pdf"]):not([data-extension="hwp"])::before {background: url(../images/sub/down.png) no-repeat;background-size: cover;}
.board_view li .file_down[data-extension="pdf"]::before{background: url(../images/sub/down_pdf.png) no-repeat; background-size: cover;}
.board_view li .file_down[data-extension="hwp"]::before{background: url(../images/sub/down_hwp.png) no-repeat; background-size: cover;}

.board_view .info_cont .item .file li{max-width: 49%; display: flex; align-items: center; margin-right: 10px;padding: 2px 0;white-space: nowrap;}
.board_view .info_cont .item .tit{margin-left:15px; margin-right:15px; min-height:clamp(32px, 4vw, 38px); border-radius:4px; color:#444; font-weight:600; background-color:#f2f2f2;}
.main_cont{padding: clamp(20px, 5vw, 50px) clamp(0px, 2vw, 1.5rem); color:#555; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height:1.9; font-weight:400; min-height:clamp(300px, 50vw, 400px)}
.board_view .main_cont + .btn_wrap{border-top:none;}
.title_wrap + .item{border-top: 1px solid #ddd; padding-top:clamp(10px, 1vw, 12px); margin-top:0;}
.title_wrap + .info_cont{border-top: 1px solid #ddd;}
.board_view .main_cont img{margin: 0 auto; max-width: 100%;}
.board_view.column .info_cont .item img,
.report_view .intro img{width:100%; max-width:120px; border-radius:5px;}



/* KREI논단_상세 */
.board_view.column .info_cont.bg_gradient {padding: 0 clamp(8px, 4vw, 24px);}
.board_view.column .info_cont .item .news, .board_view.column .info_cont .item .date{font-weight: 500;}
.board_view.column .info_cont .item .name{font-size: clamp(18px, 4vw, 19px); font-weight: 600; color: #333;}
.board_view.column .info_cont .item .name span{font-size:clamp(16px, 4vw, 17px); font-weight: 500; color: #666;}
.board_view.column .info_cont .item img.person{width:100%;max-width:120px;}    


/* 연구보고서_상세 */
.report_view .title_wrap{border-bottom:1px solid #ddd;}
.report_view .title_wrap + .info_cont{border-top:none;}
.report_view .info_cont .main_img{max-width: 260px; width: 60%; min-height:340px; object-fit:contain; object-position: top;border:1px solid #f5f5f5; border-radius:4px;}
.report_view .info_cont .item:first-child {margin-top:0;}
.report_view .info_cont .item .tit {min-width: 120px; margin-left:15px; margin-right:15px; min-height:38px; border-radius:4px; font-weight:600; color:#fff; background-color:var(--mint);}
.report_view .info_cont .item div:first-child + * {font-size: clamp(15px, 3vw, 16px);}
.report_view .info_cont .btn_wrap{position:absolute; bottom:8px; margin-left:15px;}
.report_view .info_cont .btn_wrap .btn{position:relative; width:170px; font-size:clamp(14px, 4vw, 16px); padding:10px 10px 10px 40px; border:1px solid #ddd;}
.report_view .info_cont .btn_wrap .btn.like{padding:10px 10px 10px 25px;}
.report_view .info_cont .btn_wrap .btn::before{content:''; display:block; width:20px; height:20px; position:absolute; right:calc(50% + 20px); transform:translateY(-50%); top:50%; }
.report_view .info_cont .btn_wrap .btn.buy::before{background:url(../images/sub/report_cart.png)no-repeat center; background-size:contain;}
.report_view .tab_cont a{display:inline-block;}

.report_view .info_cont .btn_wrap .btn.view::before{background:url(../images/sub/report_book.png)no-repeat center; background-size:contain;}
.report_view .info_cont .btn_wrap .btn.like::before{background:url(../images/sub/report_like.png)no-repeat center; background-size:contain;}
.report_view .info_cont .tabb2_wrap li a {padding:clamp(10px, 2vw, 18px);}
.report_view .info_cont .sns_list{position:absolute; bottom: 70px;}
.report_view .info_cont .sns_list li{width: 43px; height: 43px; background: #fff; border:1px solid ; border-radius:7px;}
.report_view .info_cont .sns_list li.sns_face{border-color:#1876f275}
.report_view .info_cont .sns_list li.sns_blog{border-color:#2fb44a70}
.report_view .info_cont .sns_list li.sns_x{border-color:#aaa}
.report_view .info_cont .sns_list li button{display:flex; width: 100%; height: 100%; justify-content:center; align-items: center; border:none;  background-color:transparent;}

.tab_cont{padding: clamp(40px, 5vw, 60px) clamp(0px, 1vw, 1.5rem); font-size:clamp(15px, 3vw, 17px); color:#555; line-height:1.9; font-weight:400;}
.tab_cont h5{font-size: clamp(26px, 4vw, 30px); font-weight:600; color:#333; margin-bottom:30px;}
.tab_list strong{font-weight:600; margin-right: 20px;}
.tab_writer .other span{font-size:18px;color:var(--ci_green); font-weight: 600;}
.tab_writer .other .board li {padding: 10px 0 10px 5px;}
.tab_writer .other .board li:not(:last-child){border-bottom: 1px solid #eee;}
.tab_writer .other .board li .tit a{width:100%;}
.tab_writer .other .board li .tit a,
.tab_writer .other .board li .info{width:auto; font-size:clamp(15px, 3vw, 17px); position:relative; font-size:clamp(15px, 3vw, 17px);}
.tab_writer .other .board li .tit{width:73%;}
.tab_writer .other .board li .info{min-width:clamp(278px, 31vw, 310px); position:relative;padding-right:90px;}
.tab_writer .other .board li .info .name{min-width:clamp(63px, 3vw, 83px);}
.tab_writer .other .board li .info .date{min-width:120px;}
.tab_writer .other .board li .view{position:absolute; right:0; top:50%; transform:translateY(-50%);}
.tab_writer .other .board li .view a{border: 1px solid var(--light_mint); padding: 0 10px;  border-radius: 3px; text-align:center; color:var(--ci_green);}
.tab_writer .pagination .page-item a{padding-top:0;}

.tab_contact .report_input_wrap span{font-size:18px;color:var(--ci_green); font-weight: 600;}
.tab_contact .report_input_wrap .group.col-md-6,
.tab_contact .report_input_wrap .group.col-sm-6{width: calc(50% - 0.5rem)}
.tab_contact .report_input_wrap .group.col-12{width:100%}
.tab_contact .report_input_wrap .group label{width:14%; padding-top:5px; line-height: 1.2; }

.tab_guide h6{font-size:20px; margin-bottom: 10px;}
.tab_guide a{position:relative;display:inline-block;}
.tab_guide a:after {content:''; width:13px; height:10px; background-image:url(../images/arr_stm.png); background-repeat:no-repeat; background-size: contain; background-position: center center; display: inline-block; transition: all 0.3s; position: absolute; right:-22px; opacity:0; bottom:2px; transition:all 0.1s ease-in-out; transition-duration:0.3s;}
.tab_guide a:hover:after{opacity:1; bottom:12px;}
.tab_guide .box .bg_gradient{padding:50px clamp(20px, 4vw, 80px); border-radius:5px;}
.tab_guide .box .bg_gradient .tit strong{color:var(--ci_green);font-size: 20px;}
.tab_guide .box .bg_gradient a{color: #999;font-size:15px;}
.tab_guide table{border-top:2px solid #0DA0A7;margin-bottom: 10px;}
.tab_guide table tr {text-align:center; vertical-align: middle;font-size:clamp(13px, 3vw, 17px);border-bottom: 1px solid #e5e5e5;}
.tab_guide table thead th:first-child,
.tab_guide table tbody th{border-right:1px solid #e5e5e5;}
.tab_guide table td{color:#666; padding:8px 4px;}

.report_use {border:1px solid #ddd;border-radius:10px;}
.report_use ul{width: 100%; max-width: 1200px;}
.report_use li{position:relative; text-align: center;flex: 1 0 0%;}
.report_use li:not(:last-child)::after{content: '';display: block;position:absolute; right: 0; top:50%; transform:translateY(-50%); width: 1px;height: 30px;background-color: #eee;}
.report_use li div:nth-child(1){font-weight:600; font-size:clamp(14px, 5vw, 16px); align-items:center;}
.report_use li div:nth-child(2){width:100px; color:#555; background-color:#eee; border-radius: 100px;}
.report_use li div:first-child::before{content:''; display:block; width:20px; height:20px; margin-right: 5px;}
.report_use li.view div:first-child::before{background: url(../images/sub/report_view.png)}
.report_use li.like div:first-child::before{background: url(../images/sub/report_like.png) no-repeat center}
.report_use li.down div:first-child::before{background: url(../images/sub/report_down.png) no-repeat center}
.report_use li.scrap div:first-child::before{background: url(../images/sub/report_scrap.png) no-repeat center}
.report_use li.share div:first-child::before{background: url(../images/sub/report_share.png) no-repeat center}

.report_view .same_cont h4{font-size: clamp(26px, 4vw, 30px); word-break:auto-phrase; font-family:'gmarket'; font-weight:bolder;}
.report_view .same_cont li{width: calc(50% - 0.8rem); border-bottom: 1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.report_view .same_cont h5{font-weight: 600; font-size: clamp(15px, 4vw, 16px); line-height: clamp(20px, 4vw, 26px); margin-bottom:10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.report_view .same_cont .img_wrap{width:150px; max-width:30%; flex-shrink: 0; margin-right: clamp(8px, 1vw, 20px);}
.report_view .same_cont img{width:100%; height:auto; max-width:150px; max-height:220px;border:1px solid #eee;border-radius:4px;}


/*게시물상세 == 이전글 다음글*/
.post_direc{border-top:1px solid #333;  font-size: clamp(16px, 3vw, 17px) }
.post_direc dl:last-child{border-bottom: 1px solid #ddd;}
.post_direc .post_next{border-bottom: 1px solid #eee;}
.post_direc dt{min-width: 160px;position:relative; font-weight:600; }
.post_direc dd{width: calc(100% - 135px);}
.post_direc dd a{color:#666; font-weight: 500;transition:color 0.4s;width: calc(100% - 40px);}
.post_direc dd a:hover{color:#232323;transition:color 0.4s;}
.post_direc dl dt::before{content:''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1.5 6 12' width='14' height='28' %3E%3Cpath fill='none' stroke='%23ccc' stroke-linejoin='round' stroke-width='1.5' d='m.707 7.916 3.6-3.6L.707.707'/%3E%3C/svg%3E"); width: 20px; height: 20px; display:inline-block; background-repeat: no-repeat; position:absolute; top:50%; background-position:center center; left:20px; background-size: contain;transform-origin: center;}
.post_direc .post_next dt::before{transform: translateY(-50%) rotate(-90deg); transform-origin: center;}
.post_direc .post_prev dt::before{transform: translateY(-50%) rotate(90deg);; transform-origin: center;}


/* 갤러리_상세 */
.gallery_view .slick-prev:before, .slick-next:before{opacity: 0.85;}
.gallery_view .btn_wrap{margin-top: 60px;}
.gallery_view img{border-radius: 3px; cursor:pointer;}
.gallery_view .slick-list .slick-track{height: 100%;display: flex;justify-content: center;}
.gallery_for{width:100%; margin:clamp(20px, 4vw, 50px)auto; position:relative;}
.gallery_for .slick-list{max-width:1200px; height:100%; margin:0 auto; height: clamp(150px, 60vw, 800px);}
.gallery_for .slick-list .slick-slide{display:flex !important; justify-content:center !important; overflow: hidden;}
.gallery_for .slick-list .slick-slide img{width: 100%;height: auto; object-fit: contain;}
.gallery_view .slick-prev, .slick-next{background:none; border:none; font-size:24px; color:#333; z-index:10; cursor:pointer;}
.gallery_view .slick-prev {left: 1%;}
.gallery_view .slick-next {right: calc(1% + clamp(6px, 1vw, 20px));}
.gallery_view .slick-prev::before, .gallery_view .slick-next::before {position:absolute; top:-100%; content:''!important; width:clamp(25px, 4vw, 35px); height:68px; display:block; background:url(../images/sub/gallery_btn.png) no-repeat center; background-size:contain;}
.gallery_view .slick-next::before{transform: rotate(180deg);}
.gallery_nav{max-width:1200px; margin:20px auto; display:flex; justify-content:center;}
.gallery_nav .slick-list{width: 100%;}
.gallery_nav .slick-list .slick-track{width:1100px; gap:clamp(5px, 1vw, 10px);}
.gallery_nav .slick-list .slick-track img{width:100%; height:clamp(60px, 20vw, 100px); object-fit:cover; object-position:center;}
.gallery_nav .slick-list .slick-track .slick-current{position: relative;}
.gallery_nav .slick-list .slick-track .slick-current::after {content:''; display:block; width:100%; height:clamp(60px, 20vw, 100px); position:absolute; background-color:rgba(2, 23, 48, 0.5); border-radius:3px; transform:translateY(-50%); top: 50%; z-index: 10;}
/* 이미지 갯수에 따라 슬라이더 멈춤 */
.gallery_nav.action .slick-track {transform: translate3d(0px, 0px, 0px) !important; /* 이동 고정 */transition: none !important; /* 이동 애니메이션 제거 */}
.gallery_nav.action .slick-slide {float: none !important; /* 슬라이드 간 이동 제거 */display: inline-block; /* 가로 배치 */}


/* 글쓰기 인풋 */
.input_cont .form-control{font-size: clamp(15px, 3vw, 16px);}
.input_cont .form-control, .input_cont .radio_wrap{line-height:2; border-radius:2px;}
.group label,.group .label {min-width:clamp(160px, 20vw, 200px); max-width: 80px; margin-right: 10px; word-break:keep-all; line-height: 1.2;}
.group label{padding-top: 14px;}
.info_cont{font-size: clamp(15px, 3vw, 16px);}
.input_cont input,.tab_contact .report_input_wrap .group input,
.tab_contact .report_input_wrap .group textarea{border-color:#ddd;}
.input_cont input:disabled,.tab_contact .report_input_wrap .group input:disabled,
.tab_contact .report_input_wrap .group select:disabled{background-color:#eee; color:#555;}
.input_cont input::placeholder,.input_cont textarea::placeholder,
.tab_contact .report_input_wrap .group .form-control::placeholder{color: #aaa;}
.group label span,.radio_wrap span,
.input_cont p span,.input_cont .label span{padding-right: 6px; color: var(--blue); font-weight: 500;}
.radio_wrap .option_btn, .checkbox_wrap .option_btn{display:inline-flex; align-items:center; cursor:pointer; font-size:clamp(15px, 3vw, 16px); color:#666; padding:5px 10px; transition:color 0.3s;}
.radio_wrap .option_btn::before{border-radius:50%;}
.checkbox_wrap .option_btn::before{border-radius:2px;}
.radio_wrap .option_btn::before, .checkbox_wrap .option_btn::before{content:''; display:inline-block; min-width:18px; height:18px; margin-right:8px; background-color:#C8D8D7; transition:background-color 0.3s, border-color 0.3s;}
input[type="radio"], input[type="checkbox"]{position:absolute; opacity:0; width:1px; height:1px; margin:-1px; overflow:hidden;} 
input[type="radio"]:focus + .option_btn, input[type="checkbox"]:focus + .option_btn{border-color: #86b7fe; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); outline-offset:4px; border-radius: 10px; width:fit-content;}
input[type="radio"]:checked + .option_btn, input[type="checkbox"]:checked + .option_btn{color:#005753;}
input[type="radio"]:checked + .option_btn::before, input[type="checkbox"]:checked + .option_btn::before{border:5px solid var(--mint); background-color:#fff; border-color:var(--mint); background-size:14px 14px; background-position:center;}
.news_input > div{width: 20%;}


input[type="number"] {-moz-appearance: textfield;-webkit-appearance: none;appearance: none;}
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}


.qa_attch{row-gap: 0.5rem!important;;}
.qa_attch .att_btn{border:1px solid var(--light_mint)!important; color:var(--mint); width:auto; padding: 0.5rem 1.5rem; border-radius:2px; min-width: 120px!important; max-width: unset!important;;text-align: center!important; text-align-last: unset!important;cursor: pointer;}
.qa_attch .att_wrap{width:calc(100% - clamp(170px, 21vw, 210px) - 1rem); margin-left: auto; padding:20px 30px; border-radius:2px;}
.qa_attch .att_wrap li:not(:last-child){margin-bottom: 4px;}
.qa_attch .att_wrap li a{word-break: break-all;}
.qa_attch .att_wrap .del_btn{width: 16px; height:16px; padding:0; border-radius: 50%; position:relative;border-color:#afafaf!important; transition:background-color 0.4s; min-width: 16px;margin-bottom: 1px;margin-left: 4px;;}
.qa_attch .att_wrap .del_btn:before,
.qa_attch .att_wrap .del_btn:after{content:''; display:block; width: 7px; height: 1px; position:absolute;top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); background: #afafaf;}
.qa_attch .att_wrap .del_btn:after{transform:translate(-50%, -50%) rotate(-45deg); }
.qa_attch .att_wrap .del_btn:hover{background:#efefef; transition:background-color 0.4s}
.qa_attch .att_btn:focus{color:#212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);}


.input_cont .alert_txt{padding-left: clamp(170px, 23vw, 210px);}
.input_cont .alert_txt strong{font-weight: 600; color: var(--ci_green); margin-right:4px;}
/* @ */
/* .consent_wrap{border: 1px solid #ddd; height: clamp(250px, 33vw, 300px);}
.consent_wrap .tit{font-weight: bold; white-space: nowrap; background-color: #F5F5F5;}
.consent_wrap ul{overflow-y: auto; word-break:keep-all;} */
.input_cont label.option_btn {max-width:fit-content;}

/* FAQ */
.faq .accordion-button{padding: 25px 30px 25px 80px; font-weight:500; font-size: clamp(16px, 3vw, 17px);}
.faq .accordion-body{padding: 40px 30px 40px 80px; font-size: clamp(16px, 3vw, 17px); word-break: break-all;}
.faq .accordion-header, .accordion-collapse{position: relative;}
.faq .accordion-button::before, .accordion-body::before{display:block; transform: translate(-50%,-50%); top:50%; left:35px; font-size:26px; font-weight:400; position:absolute; background-size:contain;}
.faq .accordion-button::before{content:'Q'; color:var(--light_mint);}
.faq .accordion-body::before{content:'A'; color:var(--ci_green);}
.faq .accordion-body{background-color:#EFF6F6}
.accordion-button:not(.collapsed){background-color:transparent ; color:#333;}
.faq .category{font-weight:500;}
.faq .input-group:before{display: none;}
.faq .accordion-header .category{width:fit-content; margin-right: 10px; font-weight:500;border:1px solid #2db3bd59;  color:var(--mint); font-size:16px;  padding: 2px 12px; border-radius: 4px; white-space:nowrap;}

/************************************************/
/********************프로그램**********************/
/************************************************/

/* 역대원장 */
.board_sect.half .item {width: calc(50% - 0.5rem); padding:20px 30px; display: grid;grid-template-columns: 1fr 2.5fr;grid-template-rows: auto 1fr;grid-template-areas:"img title""img detail";}
.board_sect.half .item:not(:last-child){margin-bottom: 0;}
.board_sect.half .item img {max-width: 180px; width: 100%; grid-area: img; padding-right:20px; align-self: start;}
.board_sect.half .item .title{ grid-area: title; padding: 22px 0 10px 0;}
.board_sect.half .item .title h6 strong{color:var(--ci_green); padding-right:2px; font-size:18px;}
.board_sect.half .item .title h5{font-size: 27px; font-weight: 600; margin-top: 5px;}
.board_sect.half .item .detail {grid-area: detail; padding-top: 15px; color:#666; border-top:1px solid #ddd;}
.board_sect.half .item .detail ul li{position: relative; padding-left: 14px;}
.board_sect.half .item .detail ul li::before{content:''; display:block; width:4px; height:4px; border-radius:50px; background-color:var(--light_mint); position:absolute; transform:translateY(-50%); top:12px; left:0;}
.board_sect.half .item .detail li div:nth-child(1){margin-right: 20px; min-width:96px;}
.board_sect.half .item .detail li div:nth-child(2){font-weight: 500;}

/* .staff_sect .table_wrap{max-width:100%; overflow-x:auto; border-top: 2px solid #333;}
.staff_sect table{min-width:clamp(750px, 230vw, 1100px); text-align:center; width:100%;}
.staff_sect table th{padding:10px 0;}
.staff_sect table td{padding:20px 0; border-bottom:1px solid #ddd;}
.staff_sect table td a{position:relative;}
.staff_sect table td a::after{content:''; display:block; position:absolute; width:32px; height:32px; top:50%; left:50%; transform:translate(-50%,-50%); background-size:contain;}
.staff_sect table td a.email_icon::after{background:url(../images/sub/search_mail.png) no-repeat center;}
.staff_sect table td a.detail_icon::after{background:url(../images/sub/search_more.png) no-repeat center;}

.staff_sect h3{font-family:gmarket; font-weight:700; font-size:28px; margin-bottom:30px;}
.staff_sect h4{font-weight:700; font-size:26px; margin-bottom:15px;}
.staff_sect h4:before{content: ''; display:inline-block; width:3px; height:18px; background:#007073; margin-right:8px; margin-bottom: 1px;}
.staff_sect .part_cont{margin-bottom: 50px;}
.staff_sect .part_cont div{padding:38px;}
.staff_sect .part_cont div p:nth-child(1){font-size:22px; font-weight: 600; margin-bottom: 10px;}
.staff_sect .part_cont div p:nth-child(2){font-size:18px;}
.staff_sect .research_cont ul{border:1px solid #ddd; padding:30px; margin-bottom: 60px;}
.staff_sect .research_cont ul li{position: relative; padding-left: 14px; font-size:clamp(15px, 3vw, 17px); color: #666;}
.staff_sect .research_cont ul li::before {content: ''; display: block; width: 4px; 	height: 4px; border-radius: 50px; background-color: var(--light_mint); position: absolute; transform: translateY(-50%); top: 12px; left: 0;}
.staff_sect .research_cont ul li::before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50px; background-color: var(--light_mint); position: absolute; transform: translateY(-50%); top: 12px; left: 0;}
.staff_sect .member_cont{margin-top:50px;}
.staff_sect .member_cont h5{font-size:21px; font-weight:600; margin:30px 0 15px 0;} */


/* 검색창 */
.input-group > div {flex: auto;}
.board_search{margin-bottom:30px;}
.board_search > p{min-width:176px;}
.board_search .search_wrap{max-width: 1000px;}
.board_search .search_wrap .search_select{flex-shrink: 0;max-width: clamp(120px, 16vw, 200px);}
.board_search .search_wrap .search_txt{max-width:400px;}
.board_search .search_wrap .search_select select, .board_search .search_wrap .search_txt input{height:clamp(40px, 10vw, 52px);}
.board_search .search_wrap .item button{position:absolute; right:0px; top:0; background:var(--light_mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 26 26'  %3E%3Cpath fill='%23fff' d='m25.648 23.591-4.924-4.909a11.47 11.47 0 0 0 2.447-7.1 11.586 11.586 0 1 0-11.585 11.589 11.47 11.47 0 0 0 7.1-2.447l4.909 4.924a1.454 1.454 0 1 0 2.056-2.056ZM2.9 11.586a8.689 8.689 0 1 1 8.689 8.689A8.689 8.689 0 0 1 2.9 11.586Z'/%3E%3C/svg%3E") no-repeat; border-radius: 5px; width: clamp(40px, 10vw, 52px); height: clamp(40px, 10vw, 52px); background-position:center center;z-index: 1; }
.board_search .search_wrap > .item button{display:none;}
.board_search .search_wrap > .item:last-child{margin-right:clamp(40px, 10vw, 50px);}
.board_search .search_wrap > .item:last-child button{display:block; right:calc(0% - clamp(40px, 10vw, 50px));}
.board_search .search_wrap > .item:not(:first-child) select,
.search_wrap > .item:not(:first-child) input{border-radius:0;}
.board_search .search_wrap > .item:not(:last-child) select,
.search_wrap > .item:not(:first-child) input{border-top-right-radius:0; border-bottom-right-radius:0;}
.board_search .search_wrap > .item select:not(:last-child){border-right:none;}


/* 조직도_리스트 */
.staff_search .search_wrap{width:652px;}
.staff_search fieldset {background-color:#f5f5f5; padding:clamp(20px, 6vw, 50px);}
.staff_search .search_wrap .search_select{flex-shrink:0; min-width:200px;}
.staff_search .search_wrap .search_select select, .staff_search .search_wrap .search_txt input{height:clamp(40px, 10vw, 52px);}
.staff_search .search_wrap .search_select select{border-top-right-radius:0; border-bottom-right-radius:0;}
.staff_search .search_wrap .search_txt{position:relative; flex-grow:1;flex-basis: 400px; max-width:600px;padding-right:clamp(40px, 10vw, 52px);}
.staff_search .search_wrap .search_txt input{width: calc(100% + 2px); border-top-left-radius:0; border-bottom-left-radius:0;border-top-right-radius:0; border-bottom-right-radius:0;}
.staff_search button{position:absolute; right:0px; top:0; background: #333 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 26 26'  %3E%3Cpath fill='%23fff' d='m25.648 23.591-4.924-4.909a11.47 11.47 0 0 0 2.447-7.1 11.586 11.586 0 1 0-11.585 11.589 11.47 11.47 0 0 0 7.1-2.447l4.909 4.924a1.454 1.454 0 1 0 2.056-2.056ZM2.9 11.586a8.689 8.689 0 1 1 8.689 8.689A8.689 8.689 0 0 1 2.9 11.586Z'/%3E%3C/svg%3E") no-repeat; border-radius: 5px; width: clamp(40px, 10vw, 52px); height: clamp(40px, 10vw, 52px); background-position:center center;z-index: 1; }

.staff_chart .cont .wrap .item{height:clamp(35px, 10vw, 50px);}
.staff_chart .cont .wrap .item,.human_chart .cont .wrap .item
{display:flex; align-items:center; justify-content:center; padding:5px; margin-bottom:10px; font-weight:500; border-radius: 3px;}
.staff_chart .cont .wrap .item:first-child, .human_chart .cont .wrap .item:first-child{color:#fff;}
.staff_chart .cont .wrap .item_w{min-width:clamp(110px, 37vw, 200px)}
.staff_chart .cont:nth-child(1){margin-bottom: 40px;}
.staff_chart .cont:nth-child(1) > .wrap:nth-child(1) .item,
.human_chart .cont:nth-child(1) > .wrap:nth-child(1) .item{width:120px; height:120px; background: linear-gradient(to right, #0CA9AE, #1460D2); font-size:24px; outline:18px solid #D6EAEC;  border-radius:100px;}
.staff_chart .cont:nth-child(1) > .wrap:nth-child(2),
.human_chart .cont:nth-child(1) > .wrap:nth-child(2)
{position:absolute; transform: translate(-50%,-50%); top:70%; left:clamp(250px, 44vw, 390px);}
.staff_chart .cont:nth-child(1) > .wrap:nth-child(2) .item_w:first-child{background-color:#0A266A;}
.staff_chart .cont:nth-child(1) > .wrap:nth-child(2) .item_w:last-child{color:#0A266A; border:1px solid #0A266A; background-color:#fff;}
.staff_chart .cont:nth-child(2) > .wrap:nth-child(1) .item{width:100px; height:100px;background: linear-gradient(to right, #0CA9AE, #1460D2); font-size:18px; border-radius:50px;}
.staff_chart .cont:nth-child(3){margin-top:10px; margin-bottom:90px; width:clamp(270px, 98vw, 850px)}
.staff_chart .cont:nth-child(4) .wrap{width:100%;}
.staff_chart .cont:not(:last-child) .item{margin: 10px;}
.staff_chart .cont:nth-child(1) .wrap:nth-child(1)::before{position:absolute; width:220px; height:1px;content:''; display: block; z-index: -1; background-color:#ddd; transform:translateY(-50%);top: 50%; left: 110px;}
.staff_chart .cont:nth-child(3) .wrap:nth-child(1) .item_w:first-child{background-color: #1874AA;}
.staff_chart .cont:nth-child(3) .wrap:nth-child(1) .item_w:last-child{border:1px solid #8BB9D4; color:#1874AA;}
.staff_chart .cont:nth-child(3) .wrap:nth-child(2) .item_w{background-color: #683078;}
.staff_chart::before,
/* .staff_chart .cont:nth-child(4) .wrap:nth-child(-n+4) .item:first-child{background-color:var(--ci_green);} */
.staff_chart .cont:nth-child(4) .wrap:nth-child(-n+4) > .item:first-child{background-color:var(--ci_green);}


.staff_chart::before {position: absolute;content: '';display: block;z-index: -1;height: calc(100% - 350px);width: 1px;background-color: #ddd;top: 20px;}
.staff_chart .cont:nth-child(4) .wrap:nth-child(5) .item {background-color:#577D83; color:#fff;}
.staff_chart .cont:nth-child(4) .wrap:nth-child(6) .item:first-child{background-color:#0A73B1;}
.staff_chart .cont:nth-child(4) .wrap:nth-child(6) .item:not(:first-child){border:1px solid #87a6d4;}
/* .staff_chart .cont .wrap .item:not(:first-child){border:1px solid #4fa7aa; background-color:#fff;} */
.staff_chart .cont .wrap .item:not(:first-child),.cont .wrap .sub_wrap .item:first-child {border:1px solid #4fa7aa; background-color:#fff;}

.staff_chart .cont:nth-child(3)::before{position:absolute; width:calc(100% - 28rem); height:1px;content:''; display: block; z-index: -1; background-color:#ddd; transform:translate(-50%,-50%);top: 50%; left: 50%;}
.staff_chart .cont:nth-child(3)::after{position:absolute; width:10px; height: 10px; border-radius: 50px; content:''; display: block; z-index: -1; background-color:#ddd; transform:translate(-50%,-50%);top: 50%; left: 50%;}
.staff_chart .cont:nth-child(4)::before {position:absolute; width:calc((102% / 6) * 5); max-width: 1217px; height:1px;content:''; display: block; z-index: -1; background-color:#ddd; transform:translate(-50%,-50%);top:-30px; left: 50%;}
.staff_chart .cont:nth-child(4) .wrap::before{position:absolute; width:1px; height: 60px; border-radius: 50px; content:''; display: block; z-index: -1; background-color:#ddd; transform:translate(-50%,-50%);top:0; left: 50%;}
.staff_chart .cont:nth-child(4)::after{position:absolute; width:10px; height: 10px; border-radius: 50px; content:''; display: block; z-index: -1; background-color:#ddd; transform:translate(-50%,-50%);top:-30px; left: 50%;}


.staff_chart .cont .wrap > .item:first-child{color:#fff;}
.staff_chart .cont:nth-child(4) .wrap:nth-child(-n+4) > .item:first-child{background-color:var(--ci_green);}
.staff_chart .cont .wrap .item:not(:first-child),.cont .wrap .sub_wrap .item:first-child {border:1px solid #4fa7aa; background-color:#fff;}

/*2025.04.29 추가*/
.staff_chart .cont .wrap .sub_wrap .item:first-child{color:#232323}
.staff_chart .cont .wrap .sub_wrap .item:last-child{border: 1px dashed #DB863D; background: #FEFEF5; color: #DB863D; font-size: 14px;}
.staff_chart .cont .wrap .sub_wrap{position: relative;}
.staff_chart .cont .wrap .sub_wrap::before{position: absolute; content:''; display: block; width: 2px;height: 100%;border-left: 1px dashed #DB863D; left: 51%; z-index: -5; }

/* 조직도_상세 */
.staff_sect .modal .num{background-color:#f1f1f1; border-radius:5px;}
.staff_sect .modal label[for="numInput"]{visibility: hidden;}
.staff_sect .modal .btn{background-color:var(--mint); color:#fff;}
.staff_sect .table_wrap{max-width:100%; overflow-x:auto; border-top: 2px solid var(--light_mint);}
.staff_sect table{min-width:clamp(750px, 230vw, 1100px); text-align:center; width:100%;}
.staff_sect table:not(:first-child){margin-top: 20px;}
.staff_sect table th{padding:10px 0;}
.staff_sect table td{padding:20px 0; border-bottom:1px solid #ddd;}
.staff_sect .busi_cont table td:nth-child(2){text-align: left;}
.staff_sect table td a,.staff_sect .mail{position:relative;}
.staff_sect table td a::after{content:''; display:block; position:absolute; width:32px; height:32px; top:50%; left:50%; transform:translate(-50%,-50%); background-size:contain;}
.staff_sect .mail a::after{content:''; display:block; width:32px; height:32px;}
.staff_sect table td a.email_icon::after, .staff_sect .mail a::after{background:url(../images/sub/search_mail.png) no-repeat center;}
.staff_sect table td a.detail_icon::after{background:url(../images/sub/search_more.png) no-repeat center;}

.staff_sect h3{font-family:gmarket; font-weight:700; margin-bottom:20px;}
.staff_sect h4{font-weight:700; font-size:25px; margin-bottom:20px;}
.staff_sect h4:before{content: ''; display:inline-block; width:3px; height:18px; background:#007073; margin-right:8px; margin-bottom: 1px;}
.staff_sect .part_cont{margin-bottom: 50px;}
.staff_sect .part_cont .bg_gradient{padding:38px;}
.staff_sect .part_cont div p:nth-child(1){font-size:22px; font-weight: 600; margin-bottom: 18px;}
.staff_sect .part_cont div p:nth-child(2){font-size:18px;}
.staff_sect .research_cont ul{border:1px solid #ddd; padding:30px; margin-bottom: 60px;}
.staff_sect .part_cont ul li,
.staff_sect .research_cont ul li{position: relative; padding-left: 14px; font-size:clamp(15px, 3vw, 17px); color: #666;}
.staff_sect .part_cont ul li::before, .staff_sect .research_cont ul li::before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50px; background-color: var(--light_mint); position: absolute; transform: translateY(-50%); top: 12px; left: 0;}
.staff_sect .member_cont, .staff_sect .busi_cont{margin-top:80px;}
.staff_sect .member_cont h5{font-size:21px; font-weight:600; margin:50px 0 15px 0;}

.staff_sect .person{width:100%; max-width:130px; max-height:160px; border-radius:5px;}
.staff_sect .intro_cont h5{font-size:24px; font-weight:300; margin-top:8px; margin-bottom: 18px; color:#666;}
.staff_sect .intro_cont strong{font-weight:700; padding: 0 16px; color:#333;}
.staff_sect .intro_cont li div:nth-child(2){padding: 4px 0;}
.staff_sect .intro_cont li:not(:last-child){margin-bottom: 7px;}/* @ */
.staff_sect .intro_cont .intro li div:first-child{background-color:var(--mint); color:#fff; margin-right:16px; padding:4px; min-width:120px; border-radius:5px; font-weight:500;}
.staff_sect .intro_cont .item .tit{background-color:#f2f2f2; margin-right:16px; padding:4px; min-width:130px; border-radius:5px; font-weight:500;}

.report_cont .other span{font-size:18px;color:var(--ci_green); font-weight: 600;}
.report_cont .other .board li{padding: 10px 0 10px 0;}/* @ */
.report_cont .other .board li:not(:last-child){border-bottom: 1px solid #eee;}
.report_cont .other .board li div:not(.tit){color:#999;}
.staff_sect .report_cont{margin-bottom:50px;}


.staff_history_wrap{width: calc(100% - 130px - 1.5rem);}
.staff_history_wrap .txt_box .date{min-width:130px; text-align:end; margin-right:10px; color:#767676;}
.intro_2 .major{width: calc(100% - 130px);}
.staff_sect .intro_cont .staff_person h5{ padding: 3px 0; border-radius: 2px; color:#ccc;}

/* 농업관측정보 */
.cover_main li{place-items:center;}
/* .cover_main li img {width:clamp(180px, 25vw, 370px);height: auto;max-width: 100%;} */
.cover_main li img {width:clamp(180px, 25vw, 330px);height: auto;max-width: 100%;}
[class*="farming"] h3{font-family: gmarket; font-weight: 700; margin-bottom:clamp(30px, 5vw, 40px);}
/* .farming .cover_main{width:35%;} */
.farming .cover_main{width:40%;}
.farming .cover{row-gap:clamp(0.6rem, 3vw, 2rem); column-gap:clamp(0.6rem, 3vw, 3rem);}
/* .farming .cover li {width:calc(25% - 38px);} */
.farming .cover li {width:calc(25% - 37px);}
.farming_info{margin-top:clamp(50px, 5vw, 60px);}
.farming_info p:nth-child(1){font-size:clamp(16px, 3vw, 20px); color:#555; word-break:auto-phrase; line-height: clamp(1.4, 3vw, 1.7);}

.farming_info .wrap .item {width:calc(50% - 1rem); flex: 1; display: flex; flex-direction: column; justify-content: space-between;}
.farming_info .wrap .item h4{font-size:22px; font-weight:700; margin-bottom: 20px;}
.farming_info .wrap .item:nth-child(1) span{background-color:var(--ci_green); color:#fff; padding:5px 20px; border-radius: 50px;}
.farming_info .wrap .item:nth-child(2) li{width: calc(50% - 0.5rem); min-height:147px;}
.farming_info .wrap .item{background-size:clamp(50%, 1vw, 100%)}
.farming_info .wrap .item ul{flex: 1;}
.farming_info .wrap .item li{padding:25px; border-radius:5px;}
.farming_info .wrap .item:nth-child(2) li:nth-child(1){background: url(../images/sub/farming_info_1.svg) no-repeat right bottom / contain; background-size:170px; background-color: #E0F0F1;}
.farming_info .wrap .item:nth-child(2) li:nth-child(2){background: url(../images/sub/farming_info_2.svg) no-repeat right bottom / contain; background-size:170px; background-color: #E0F0F1;}
.farming_info .wrap .item:nth-child(2) li:nth-child(3){background: url(../images/sub/farming_info_3.svg) no-repeat right bottom / contain; background-size:170px; background-color: #E0F0F1;}
.farming_info .wrap .item:nth-child(2) li:nth-child(4){background: url(../images/sub/farming_info_4.svg) no-repeat right bottom / contain; background-size:170px; background-color: #E0F0F1;}
.farming_info .wrap .item li span{font-weight:700;}

.farming_info .link a{border: 1px solid #ddd; padding:clamp(12px, 1vw, 20px); border-radius:5px;}
.farming_info .link a span{font-weight:600;font-size:14px; margin-bottom:2px;}
.farming_info .link a:hover{background: linear-gradient(to right, #0CA9AE, #1460D2);color:#fff;}
.farming_info .link a{position:relative;}
.farming_info .link a:hover::after{content:''; display:block; width:16px; height:16px; position:absolute; right:15px; top:15px; background:url(../images/arr_stm_w.png) no-repeat center; background-size:contain;}
.farming_info .link a:nth-child(1):not(:hover) span{color:var(--ci_green);}
.farming_info .link a:nth-child(2):not(:hover) span{color:#7BB36C;}
.farming_info .link a:nth-child(3):not(:hover) span{color:var(--blue);}
.farming_info .link a h6{font-size:19px; font-weight:600;}

.slick-loading .slick-list {background: none;}
.farming .slick-prev, .farming .slick-next{background:none; border:none; font-size:24px; color:#333; z-index:10; cursor:pointer;}
.farming .slick-prev {left: 1%;}
.farming .slick-next {right:1%}
.farming .slick-prev::before, .farming .slick-next::before {position:absolute; top:-100%; content:''!important; width:clamp(15px, 4vw, 25px); height:68px; display:block; background:url(../images/sub/gallery_btn.png) no-repeat center; background-size:contain;}
.farming .slick-next::before{transform: rotate(180deg);}



/*임업관측정보 pdf탭 ++ 유튜브 리스트 */
.pdfV_sect .title_wrap{border-top:2px solid #333; }
.pdfV_sect .title_wrap select{width: 140px; color:#555; border-color:#ccc;}
.pdfV_sect .title_wrap select:not(:nth-child(2)){margin-left: 10px;}
.pdfV_sect .title_wrap .schBtn{border: 0; background: var(--light_mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 26 26'  %3E%3Cpath fill='%23fff' d='m25.648 23.591-4.924-4.909a11.47 11.47 0 0 0 2.447-7.1 11.586 11.586 0 1 0-11.585 11.589 11.47 11.47 0 0 0 7.1-2.447l4.909 4.924a1.454 1.454 0 1 0 2.056-2.056ZM2.9 11.586a8.689 8.689 0 1 1 8.689 8.689A8.689 8.689 0 0 1 2.9 11.586Z'/%3E%3C/svg%3E") no-repeat;
background-position: center center; width: 36px;height: 36px;min-width:36px;border-radius: 5px;margin-left: 10px;;}/*13trnwjd*/

.pdf_wrap{column-gap: 30px;}
.pdf_wrap .list_wrap{width: 25%;}
.pdf_wrap .original_down{display:block; width:100%; text-align: center; padding: 20px;border:1px solid #ddd; border-radius: 5px; margin-bottom: 20px;font-weight: 500; }
.pdf_wrap .original_down span{margin-left:-20px; }
.pdf_wrap .original_down span:after{content:''; display:block; width: 20px; height: 20px; background: url(../images/sub/down_pdf.png) no-repeat; background-size: contain;position:absolute; top: 50%; right: -22px;transform: translateY(-50%);}
.pdf_wrap .list{border:1px solid #ddd; border-radius: 5px; padding: 40px 20px;}
.pdf_wrap .list dt{font-family: 'gmarket';font-size: 25px; margin-bottom: -6px}
.pdf_wrap .list dd{color:#888; font-size: 15px;}
.pdf_wrap .list ul{min-height: 400px;}
.pdf_wrap .list ul li{padding: 8px 0;}/*13trnwjd*/
.pdf_wrap .list ul li:not(:last-child){border-bottom: 1px solid #eee;}
.pdf_wrap .list ul li a{position: relative; padding:8px 30px 8px 10px;}
.pdf_wrap .list ul li a:before{content:''; display:block;width: 4px; height: 4px; border-radius: 50%; background:var(--mint); position:absolute; top:17px;left:0; }
.pdf_wrap .list ul li a:after{content:''; display:block; width: 25px; height: 25px;  border-radius:50%; background-color:#fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.542' height='10.541'%3E%3Cpath d='M4.271 5.542a1 1 0 0 1-.729-.315L-.729.685A1 1 0 0 1-.685-.729a1 1 0 0 1 1.414.044l3.542 3.767L7.812-.685a1 1 0 0 1 1.414-.044A1 1 0 0 1 9.27.685L5 5.227a1 1 0 0 1-.729.315Z' data-name='05d672bf2ec15f434a544f7a2214100f' style='fill:%23cfcfcf' transform='rotate(-90 5.27 4.27)'/%3E%3C/svg%3E");background-repeat:no-repeat; background-position:center center; position:absolute; top:50%; right:0; transform: translateY(-50%);}
.pdf_wrap .list ul li a:not(.on):hover:after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.542' height='10.541'%3E%3Cpath d='M4.271 5.542a1 1 0 0 1-.729-.315L-.729.685A1 1 0 0 1-.685-.729a1 1 0 0 1 1.414.044l3.542 3.767L7.812-.685a1 1 0 0 1 1.414-.044A1 1 0 0 1 9.27.685L5 5.227a1 1 0 0 1-.729.315Z' data-name='05d672bf2ec15f434a544f7a2214100f' style='fill:%230da0a7' transform='rotate(-90 5.27 4.27)'/%3E%3C/svg%3E");;}
.pdf_wrap .list ul li a.on:after{background-color: #f2f2f2;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.542' height='10.541'%3E%3Cpath d='M4.271 5.542a1 1 0 0 1-.729-.315L-.729.685A1 1 0 0 1-.685-.729a1 1 0 0 1 1.414.044l3.542 3.767L7.812-.685a1 1 0 0 1 1.414-.044A1 1 0 0 1 9.27.685L5 5.227a1 1 0 0 1-.729.315Z' data-name='05d672bf2ec15f434a544f7a2214100f' style='fill:%230da0a7' transform='rotate(-90 5.27 4.27)'/%3E%3C/svg%3E");; }
.pdf_wrap .pdf_conts{width: calc(75% - 30px); border:1px solid #ccc; background:#eee;}

/*임업관측정보 -- 탭 컨텐츠 && 리스트*/
.youtube_conts{width: 100%; max-width: 800px;background:#000;overflow:hidden; border-radius: 10px; display:flex; align-items: center; justify-content:center;margin: 0 auto;;}
.youtube_conts iframe{width: 100%; aspect-ratio:16/9;}

.youtube_list_wrap{margin-top: 60px;;position:relative; background:#f7f7f7; border-radius: 5px;padding:40px 60px 30px 60px;}
.youtube_list_wrap .item .img_box{border:1px solid #ddd;aspect-ratio: 16/9;display:block;margin-bottom: 8px;}

.youtube_list_wrap .list_arr{position:absolute; top:50%; transform:translateY(calc(50% - 36px));z-index: 3;;width: 22px; height:22px; }
.youtube_list_wrap .list_arr:before{content:''; display:block; border-top:10px solid rgba(0,0,0,0.6); border-left:8px solid transparent; border-right: 8px solid transparent; position:absolute; top:50%; left:50%;}
.youtube_list_wrap .list_prev{left: 10px;}
.youtube_list_wrap .list_prev:before{transform: translate(-50%,-50%) rotate(90deg)}
.youtube_list_wrap .list_next{right: 10px;}
.youtube_list_wrap .list_next:before{transform: translate(-50%,-50%) rotate(-90deg)}
.youtube_list_wrap .list_arr.swiper-button-disabled:before{border-top-color:rgba(0,0,0,0.2)}

.infog_wrap,
.poster_wrap{column-gap: 30px;}
.infog_conts,
.poster_conts{ width: calc(80% - 30px);background:#f7f7f7;padding: 30px;height: 760px;}
.infog_conts img,
.poster_conts img{width:100%;max-width: 600px; margin:0 auto;height: 100%; object-fit: contain;}

.infog_wrap .list,
.poster_wrap .list{width: 20%; border:1px solid #ddd; border-radius: 5px; padding: 40px 20px;height: 760px; overflow-y:auto;}
.infog_wrap .list::-webkit-scrollbar,
.poster_wrap .list::-webkit-scrollbar{width: 4px; background:#f5f5f5;;}
.infog_wrap .list::-webkit-scrollbar-thumb,
.poster_wrap .list::-webkit-scrollbar-thumb{background:#ddd;}
.infog_wrap .item .img_box,
.poster_wrap .item .img_box{border:1px solid #ddd;aspect-ratio: 3/2;display:block;margin-bottom: 8px;}
.infog_wrap .item .img_box img,
.poster_wrap .item .img_box img{object-fit: cover; object-position: top center;}




/************************************************/
/********************컨텐츠**********************/
/************************************************/


/*논문기고안내*/
.guide_thesis > div{gap: 60px 70px;grid-template-columns: 1fr 280px;}
.guide_thesis h5{font-size: clamp(18px, 3vw,24px); line-height: 1.5; color:#333; }
.guide_thesis h5 strong{font-weight:600;}
.guide_thesis .img_box{width: 100%; max-width: 280px; grid-column: 2; grid-row: 1 /span 2}
.guide_thesis .gT_txt{grid-row: 2;}
.guide_thesis .gT_txt dt{background:var(--ci_green); padding: 2px 20px;margin-right: 20px;min-width: 110px;font-size: 18px;}
.guide_thesis .gT_txt dd{width: calc(100% - 130px); margin-top: 2px;font-size: 19px; color: #666;; }
.guide_thesis .gT_txt dd *{color:#666; min-width: fit-content;}

.thesis_support{margin-top: 60px; border:1px solid #d9d9d9; padding: 30px; border-radius: 10px;;}
.thesis_support li{width: 200px; aspect-ratio: 1/1 ;position:relative;background: var(--ci_green); border-radius: 50%; }
.thesis_support li:first-child{background:linear-gradient(45deg,#0DA0A7 ,#1D76DB );}
.thesis_support li a{display:flex; flex-direction: column ; justify-content:center; align-items:center; color:#fff; text-align: center; line-height: 1.2; font-weight: bold; row-gap: 10px;width: 100%; height: 100%;}

.thesis_support li .img_box{width: 36px; height: 50px;display: flex; flex-direction: column; align-items: center;justify-content:center;;}

/*국민의식조사 개요*/
.pub_sense .summary{grid-template-columns: 1fr 350px;gap: 20px 100px; align-items:start;}
.pub_sense .summary h3{grid-row: 1;font-weight: bold; font-size: clamp(22px,3vw , 28px); line-height: 1.25;}
.pub_sense .summary p{grid-row: 2;font-size: 20px;line-height: 1.4; width: 95%; word-break: keep-all; }
.pub_sense .summary .img_box{grid-column: 2 ; grid-row: 1 / span 2 ;width: 100%; aspect-ratio: 3/2; overflow: hidden; border-radius: 10px;;}
.pub_sense .charg_box{border: 1px solid #ccc; border-radius: 10px; padding: 22px;margin-top:30px;}
.pub_sense .charg_box h5{font-family: 'gmarket';font-size: 26px; font-weight:bold; width: 25%; text-align: center;;padding-right: 4%;}
.pub_sense .charg_box ul{width: 75%; gap: 10px 60px;}
.pub_sense .charg_box ul li{position:relative; padding-left: 24px;font-size: clamp(18px, 2vw,20px);}
.pub_sense .charg_box ul li:before{content:''; display:block; width:20px; height: 20px; background:url(../images/sub/ico_minH.png) no-repeat; position:absolute; left:0; top: 5px; }
.pub_sense .result_research h5{font-family: 'gmarket';font-size: clamp(32px,5vw,36px); font-weight: bold; width: 20%; }
.pub_sense .result_research .img_box{background:#efefef;padding: 60px; width:80%; position:relative;}
.pub_sense .result_research .img_box img{max-width: 700px;margin: 0 auto;}
.pub_sense .result_research .img_box a{background:linear-gradient(135deg, #0DA0A7 ,#1D76DB); border-radius: 5px;padding: 20px; text-align:center; font-weight: 600;color:#fff; position:absolute;  line-height: 1.25; width: 100%; max-width: 210px; bottom:20px; right: 20px;}


/*채용안내*/
.recru_summary{background:url(../images/sub/bg_recru.png) no-repeat; background-position: center center ; background-size: cover;padding-top: 80px; padding-bottom: 140px;}
.recru_summary .img_box{max-width: 180px;}
.recru_summary a{background:rgba(255,255,255,0.3); font-size: 18px;}
.recru_summary a img{width: 12px; height: 12px;}

.recru_ctg{padding:70px 78px;background:#fff; box-shadow:0 3px 30px rgba(63, 67,77, 0.1);border-radius: 10px; margin-top: -80px;margin-bottom: 100px;}
.recru_ctg h3{font-family: 'gmarket';font-weight:bolder;text-align:center; margin-bottom: 40px; font-size: 36px;}
.recru_ctg li{width:calc(16.66% - 0.83rem); border: 1px solid #ddd; border-radius:5px; padding:0.75rem;padding-left: 24px;font-size: 17px;line-height: 1; position:relative;}
.recru_ctg li:before{content:''; display:inline-block; width: 4px; height: 4px; background:var(--light_mint); border-radius:50%; position:absolute; top: 18px; left: 15px;}
.recru_ctg li span{font-size: 14px; font-weight: 500;;}

.recru_process h5 span{display: inline-block; width: 95%; background:linear-gradient(135deg ,#0DA0A7 50%,#178A90 70%,#1D7C81);max-width: 200px;text-align: center; padding:50px 0 ;color:#fff; font-weight:700;border-radius: 10px; font-size: 25px; letter-spacing: -1px;;}

.recru_process dl dt:before{content:''; display:inline-block; width: 6px; height: 6px; border-radius: 50%; margin-bottom: 3px; margin-right: 8px;}
.recru_process dl:first-child dt:before{background:#E2781A;}
.recru_process dl dt:before{background: #3BB923}
.recru_process dl:last-child dt:before{background:#278CE5;;}

.recru_process dl{position:relative; flex: 1 1 auto;display: flex; flex-direction: column; align-items:flex-start;}
.recru_process dl:before{content:''; display:block; width: 100%; height: 1px; background: #ddd; position: absolute; top:15px; left:0; z-index: 1;;}
.recru_process dl dt{font-size: 22px;font-weight: 600;background:#fff; position: relative; z-index: 2; display:inline-block; padding-right: 12px;}
.recru_process dl dd{font-size: 17px;font-weight: 600; background:#E4F3F3; border-radius: 25rem; padding: 4px 24px; display:inline-block; margin-top: 20px;position: relative;}
.recru_process dl:not(:last-child):after{content:'';display:block; width:43px; height: 23px; background: url(../images/sub/arr_3green.png) no-repeat; position:absolute ; background-size: contain; top:60px; right:calc(50% - 22px); transform: translateX(150%)}
.recru_process + .charg_box{margin-top: 80px;}


/*원장인사말*/
.gret_wrap h3{font-size:clamp(26px,2vw,30px); font-weight: normal;line-height: 1.5;}
.gret_wrap .box{margin-top:60px;column-gap: 50px;color:#555; grid-template-columns: 1fr 36%;}
.gret_wrap .box p{font-size: 19px; font-weight:normal; line-height: 1.7; margin-bottom: clamp(20px, 3vw,40px);grid-column: 1;;}
.gret_wrap .box strong{color:#333;}
.gret_wrap .box .img_box{width:100%; border-radius: 10px;overflow: hidden; grid-column: 2;grid-row: 1/span 4}
.gret_wrap .box .img_box img{object-fit: cover;;}
.gret_wrap h5{width: calc(64% - 50px);border-top: 1px solid #ccc; font-size: 24px; font-weight:normal;padding-top:30px;}


/*원장약력*/
.dir_profile .box{border:1px solid #ddd; border-radius: 10px;background: #fff; padding: 60px;}
.dir_profile .box:nth-child(odd){background: #FAFAFA; }
.dir_profile .box .tit_wrap{width: 400px;;}
.dir_profile .box .ico_wrap{background:linear-gradient(135deg, #E8EBF2 ,#FBFCFF );width: 100px; height: 100px; border-radius:20px;border:1px solid rgba(255,255,255,0.5); box-shadow:10px 10px 15px rgba(15, 41, 107,0.12), -10px -10px 15px #fff; position:relative}
.dir_profile .box .ico_wrap img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%)}
.dir_profile .box h3{font-size: 34px; font-weight: bold;margin-left: 40px;}
.dir_profile .box h3 span{color: #0DA0A7; display:inline-block; margin-right: 8px;}
.dir_profile .box ul{width: calc(100% - 400px);;}
.dir_profile .box ul li{position:relative;padding-left: 12px; padding-bottom: 12px;color:#555; font-size: 17px;display:flex; flex-direction: row;border-bottom: 1px dashed #ddd;margin-bottom:12px; }
.dir_profile .box ul li:before{content:''; display:block; position:absolute; top:10px; left:0; width: 4px; height: 4px;background:#0DA0A7}
.dir_profile .box ul li span{color:#333;width:145px; margin-right: 16px; letter-spacing: 0;min-width: 145px;;}
/* 원장약력_상단  */
.nametag{padding: 0 6vw; justify-content: space-around; border-radius: 10px;}
.nametag .name_wrap{border-right: 1px dashed #ddd; width: 55%; padding-right: 30px;}
.nametag .img_wrap{width: 160px;height: 160px;overflow: hidden;clip-path: circle(50% at 50% 50%);}
.nametag .img_wrap img{width: 100%;height: 100%;object-fit: cover;object-position: 0 0px;transform: scale(1.5);}
.nametag .name {font-size:clamp(23px, 6vw, 38px); font-weight: 800;}
.nametag .name .han{font-size: clamp(14px, 2vw, 16px); font-weight: 600; }
.nametag .name .eng{font-size: clamp(17px, 2vw, 25px);font-weight: 700;color: rgb(13, 131, 144);}
.nametag .gen {font-size: clamp(18px, 4vw, 24px); font-weight: 600; width: 45%; margin-left: clamp(20px, 3vw, 60px); text-align: center;padding: 20px 40px;background-color: #f9fbf6;border-radius: 5px;color: #333;word-break: auto-phrase;}




/*찾아오시는길*/
.comeL_sect h3{font-family:'gmarket'; font-weight: bold;font-size: 36px; margin-bottom: 20px;}
.comeL_sect .map{position:relative;}
.comeL_sect .map_area{border:1px solid #ddd;min-height: 500px;}
.comeL_sect .summary{gap: 10px 30px;padding:1.5rem 1rem; background: linear-gradient(to right, #0CA9AE,#1460D2 ); border-radius: 20px; color:#fff; font-size: 18px;width: calc(100% - 310px);text-align: center; margin: -35px auto 0 auto;line-height: 1.25; position: relative; z-index: 1;}
/*카카오맵 하단삭제*/
.map .wrap_controllers.hide {display: none;}
.map .api_area br {display: none;}


.comeL_sect .summary strong{display:inline-block;position:relative;padding-right: 8px;margin-right:4px;}
.comeL_sect .summary strong:after{content:':'; position:absolute; right:0; top:50%; transform: translateY(-50%);}
.comeL_sect .map ~ p{font-size: 28px; font-weight: bold;margin-bottom: 20px;margin-top: 40px;}
.comeL_sect .map ~ p:before{content:''; display:inline-block; width:3px; height: 20px; background: #007073;margin-right: 6px;margin-bottom: 1px;}
.comeL_sect .box{padding:50px 0;border-top:1px solid #ddd;}
.comeL_sect .box:last-child{border-bottom: 1px solid #ddd;}
.comeL_sect .ico_box{background:linear-gradient(135deg, #E8EBF2 ,#FBFCFF );width: 100px;min-width: 100px;  height: 100px; border-radius:20px;border:1px solid rgba(255,255,255,0.5); box-shadow:10px 10px 15px rgba(15, 41, 107,0.12), -10px -10px 15px #fff; position:relative; margin-right: 80px;}
.comeL_sect .ico_box img{position:absolute; top:50%; left:calc(50% + 1px); transform: translate(-50%, -50%)}
.comeL_sect .box_way{font-size: 19px;margin-top:6px; }
.comeL_sect .box_way strong{font-size: 22px;margin-bottom: 30px;}
.comeL_sect .box_way ul li{display:flex; flex-direction: row; column-gap: 8px; align-items: center;margin-bottom:12px; flex-wrap: wrap;position:relative;padding-left: 20px;}
.comeL_sect .box_way ul li:before{content:''; display:block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.222' height='17.73'%3E%3Cpath fill='%230da0a7' d='M8.784 17.372c2.027-1.384 6.715-5.19 6.425-10.192A7.611 7.611 0 0 0 0 7.62c0 4.792 4.5 8.414 6.432 9.75a2.093 2.093 0 0 0 2.353 0ZM4.325 7.1a3.287 3.287 0 1 1 3.287 3.287A3.287 3.287 0 0 1 4.325 7.1Z'/%3E%3C/svg%3E"); width: 15px; height: 18px;  position:absolute; top:4px;left:0;}
.comeL_sect .box_way ul li span{position:relative;}
.comeL_sect .box_way ul li span:first-child{color:#0D8390;}
.comeL_sect .box_way ul li span.station{border: 1px solid #0DA0A7; padding: 2px 12px; border-radius: 25rem;font-size: 17px; font-weight: 700;}
.comeL_sect .box_way ul li span:not(:last-child, .station){margin-right: 20px;}
.comeL_sect .box_way ul li span:not(:last-child, .station):before,
.comeL_sect .box_way ul li span:not(:last-child, .station):after{content:''; display:block; position:absolute; top:50%; transform: translateY(-50%);}
.comeL_sect .box_way ul li span:not(:last-child, .station):before{width:10px; height: 2px; background: #333; right: -18px;}
.comeL_sect .box_way ul li span:not(:last-child, .station):after{width: 8px; height: 8px; background:transparent; border-top: 2px solid #333; border-right: 2px solid #333; right: -18px; transform: translateY(-50%) rotate(45deg);}
.comeL_sect .box_way ul li span small{color:#999; font-weight: 500;display: inline-block; margin-left: 4px;}
.comeL_sect .prem{color:#999; font-weight:600;}
.comeL_sect .prem:before{content:'!'; display:inline-flex; width:22px; height: 22px; border:1px solid #ccc; border-radius: 50%; font-family: 'gmarket'; font-weight: bold; color:#0DA0A7; justify-content:center; align-items: center;padding: 4px 1px 0 0; margin-right: 4px; }



/*ci*/
.ci_top{background: #EFF6F6; margin-bottom: 80px;}
.ci_top img{max-width: 270px;}
.ci_top p{font-size: clamp(17px, 2vw,19px); font-weight: normal;line-height: 1.8;}
.ci_box{margin-bottom: 60px;}
.ci_box h4{margin-bottom: 20px}
.ci_box:not(.ci_word) ul{gap: 20px;}
.ci_box ul li{margin-bottom: 20px;}
.ci_box ul li.col-md-6{width: calc(50% - 10px)}
.ci_box ul li > span{font-size: 18px;color:#fff; font-weight:600; background:#007073; border-radius: 25rem;  padding: 3px 16px;margin-bottom: 10px; display:inline-block; }
.ci_box.ci_word li{width: 40%; }
.ci_box.ci_word li:not(:nth-child(2)){width: 30%}
.ci_box p{font-size: clamp(18px, 2vw,20px);;margin-bottom: 40px;}
.ci_box.ci_color li{color:#fff; padding: 2rem;padding-left: 5%;font-size: clamp(17px,3vw,21px);}
.ci_box.ci_color li:nth-child(1){background: #007073; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.ci_box.ci_color li:nth-child(2){background: #6D6E71; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.ci_box.ci_down li{width: calc(33.3% - 13px); border:1px solid #ddd;  border-radius: 5px;}
.ci_box.ci_down li a{display:flex; flex-direction: row; align-items:center;justify-content:center;padding: 1rem; font-size: clamp(15px, 2vw,17px); font-weight: 600; color:#555; }
.ci_box.ci_down li span{position:relative;display:inline-block; margin-right: 10px;}
.ci_box.ci_down li span:before{content:'';display:block; width: 3px; height: 3px; background: #555; border-radius: 50%; position:absolute; top:50%; left: -9px; transform:translateY(-50%); }



/*인권경영 비전*/
.humanV_wrap .v_box{color:#fff; font-weight:700; font-size: clamp(20px, 3vw, 25px); border-radius: 25rem; padding:1.5rem 1rem;background: linear-gradient(-45deg, #0DA0A7, #007073);border: 1px solid rgba(255,255,255,0.5); box-shadow: 10px 10px 15px rgba(15, 41, 107, 0.12);
text-align: center; margin-bottom: 80px;}
.humanV_wrap .v_philo ul{gap:10px;position:relative;margin-bottom: 140px;}
.humanV_wrap .v_philo ul:after{content:''; display: block; width: 100%; height: 100px; aspect-ratio: 1/3; background:url(../images/sub/arr_gradi.png) no-repeat;position:absolute; bottom: -140px;background-size: 100% 100%;}
.humanV_wrap .v_philo ul li{background: linear-gradient(45deg, #E8EBF2, #FBFCFF); border-radius: 25rem; padding: 1rem 0.5rem;color:#007073; font-size: clamp(18px,3vw,21px); font-weight: bold; text-align: center; line-height: 1.25;border:1px solid rgba(255,255,255,0.5);box-shadow: 10px 10px 15px rgba(15,41,107, 0.12);width: calc(33.3% - 0.3px); position:relative;}
.humanV_wrap .v_philo ul li:first-child:before,
.humanV_wrap .v_philo ul li:first-child:after,
.humanV_wrap .v_philo ul li:last-child:before,
.humanV_wrap .v_philo ul li:last-child:after{content:''; display:block; width:11px; height: 2px; background: #007073; position:absolute; top:50%;transform: translateY(-50%) ; z-index: 2;;}
.humanV_wrap .v_philo ul li:first-child:after,
.humanV_wrap .v_philo ul li:last-child:after{transform: translateY(-50%) rotate(90deg); }
.humanV_wrap .v_philo ul li:first-child:before,
.humanV_wrap .v_philo ul li:first-child:after{right:-13.5px; }
.humanV_wrap .v_philo ul li:last-child:before,
.humanV_wrap .v_philo ul li:last-child:after{left: -13.5px;}
.humanV_wrap .v_philo ul li:nth-child(2):before,
.humanV_wrap .v_philo ul li:nth-child(2):after{content:''; display:block; width: 35px; height: 35px; position:absolute; background: rgba(255,255,255,0.8); border-radius: 50%; top: 50%; transform: translateY(-50%);left: -21.5px;z-index: 1;}
.humanV_wrap .v_philo ul li:nth-child(2):after{left: unset; right: -21.5px;}
.humanV_wrap .v_str li{width: calc(25% - 1.125rem)}
.humanV_wrap .v_str dt{text-align: center;background:linear-gradient(45deg, #555555, #333); padding: 1rem 0.5rem;border-radius: 5px; color:#fff; font-size: clamp(18px, 1vw,21px);;margin-bottom: 40px;}
.humanV_wrap .v_str dd{position:relative; padding-left: 16px;margin-bottom: 12px;line-height: 1.3;}
.humanV_wrap .v_str dd:before{content:'';width: 4px; height: 4px; background-color: var(--light_mint);  position:absolute ; top:7px; left:8px;}
.humanV_wrap .v_task{position:absolute; top: 100px;}

.humanV_wrap .v_decla{background: #FAFAFA; border:1px solid #ddd;padding: 130px clamp(90px, 4vw,130px); position:relative;z-index: 1;}
.humanV_wrap .v_decla:before{content:''; display:block; width: calc(100% - 60px); aspect-ratio: 1/0.8; position:absolute; top:100px; left: 50%; transform: translateX(-50%); background:url(../images/sub/bg_laurel.png) no-repeat; background-position:top center;z-index: -1; opacity: 0.2;background-size: contain}
.humanV_wrap .v_decla:after{content:''; display:block; width: calc(100% - 60px); height:  calc(100% - 60px); position:absolute;border:  2px solid #8B7037; top:50%; left: 50%; transform: translate(-50%, -50%)}
.humanV_wrap .v_decla .tit{font-family: 'ridi'; font-size:clamp(48px,5vw,74px);  color:#8B7037; }
.humanV_wrap .v_decla .tit:before{content:''; display:block; width: 100%; max-width: 120px; height: 30px; background:url(../images/logo_krei.png) no-repeat; background-size:contain; background-position: center center; margin:0 auto 12px auto;}
.humanV_wrap .v_decla .desc{position:relative; width: 100%; max-width: 700px;margin: 60px auto 80px auto; font-size: clamp(18px,2vw,21px);padding: 20px;}
.humanV_wrap .v_decla .desc:before,
.humanV_wrap .v_decla .desc:after{content:''; display:block; width: 26px; height: 100%; background: transparent;border-top: 3px solid #8B7037; border-bottom: 3px solid #8B7037;position:absolute; top:0; }
.humanV_wrap .v_decla .desc:before{border-left: 3px solid #8B7037; left:0; }
.humanV_wrap .v_decla .desc:after{border-right: 3px solid #8B7037; right:0; }
.humanV_wrap .v_decla .list li{font-size: 19px;font-weight: 500;margin-bottom: 30px}
.humanV_wrap .v_decla .list li span{min-width: fit-content; font-family: 'ridi';color:#8B7037;font-size: 21px; margin-top: -3px; margin-right: 10px;}
.humanV_wrap .v_decla h4{font-family: 'ridi';color:#8B7037;max-width: 460px; width: 100%; margin:100px auto 0 auto; border-top: 2px solid #A18149; padding-top: 20px; }


/*구제절차신고*/
.inv_help .divd_wrap:first-child .box{font-size: clamp(22px,2vw,28px);margin-bottom: 60px;}
.inv_help .inv_proc{margin-bottom: 80px;}
.inv_help .inv_proc ul:after{content:''; display:block; position:absolute;top:0; width: 2px; background: #C8DCDC; left: calc(2rem + 2px);height:100%;z-index: -1;}
.inv_help .inv_proc li{border:1px solid #C8DCDC; border-radius: 5px; background-color: #fff;font-size:18px; font-weight: 500;}
.inv_help .inv_proc li:nth-child(odd){background-color: #EFF6F6;}
.inv_help .inv_proc li span{font-size: 19px;width:230px; min-width: 230px; }
.inv_help .inv_proc li span em{font-style:normal;background:#0DA0A7; border-radius: 50%; width: 20px; height: 20px; display:inline-flex; justify-content:center; align-items: center; color:#fff; font-size: 15px;padding-right:1px; margin-right: 20px;}
.inv_help .inv_proc li p{width:calc(100% - 230px); }

.inv_help .inv_call{display:grid;grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px;}
.inv_help .inv_call dl{ border-radius: 10px;border: 1px solid #ccc; }
.inv_help .inv_call dl.item{padding: 35px 40px;}
.inv_help .inv_call dt{font-weight: 600;; font-size:  20px;}
.inv_help .inv_call dd span{display:block; font-size: 18px; color:#666;margin-bottom: 5px;}
.inv_help .inv_call dl.item dt{width: 25%; }
.inv_help .inv_call dl.item dd{width: 75%; }
.inv_help .inv_call dl.item dd span{padding-left: 12px;position:relative;}
.inv_help .inv_call dl.item dd span:before{content:'';display:block; width: 4px; height: 4px; background: var(--ci_green); border-radius: 50%; position:absolute; top: 9px; left: 0;}
.inv_help .inv_call dl.link{grid-row: 2 /span 2; grid-column: 2;padding:35px 40px;background: url(../images/sub/bg_invCall.png) no-repeat; background-size: cover; background-position: center center; color:#fff; font-size: 22px;display:flex; justify-content:space-between; flex-direction:column; }
.inv_help .inv_call dl.link dd{display: flex ; justify-content:flex-end;}
.inv_help .inv_call dl.link dd a{ font-size: 17px; background:rgba(255,255,255,0.28); border-radius: 25rem; display:inline-block ;padding: 1rem 3rem; color:#fff; text-align: center;;}
.inv_help .inv_call dl.down a{text-align: center;  color:#555; display:flex; flex-direction: row; justify-content:center; align-items:center; padding: 1rem 3rem;font-size: 17px; column-gap: 10px;}




/*연구원개요 - 설립목적*/
.estab_sect{position:relative;}
.estab_sect{margin-bottom:clamp(60px, 10vw, 120px)}
.estab_sect .pageComment_2 i{display:inline-block; width: 60px; height: 50px; background: url(../images/sub/mark_quot.png) no-repeat; background-size: cover; background-position:left center; margin-bottom: -12px;}
.estab_sect .pageComment_2 i:last-child{background-position: right center;margin-bottom: -24px; }
.estab_sect .item_wrap{column-gap:clamp(1rem, 4vw, 2rem); row-gap:clamp(1rem, 4vw, 3rem);}
.estab_sect .item{width: calc(50% - 1rem); padding-bottom:clamp(1rem, 4vw, 2rem)}
.estab_sect .item .img_box{border-radius:5px; overflow: hidden;min-width:200px; max-width: 200px; min-height:80px; height: 0; padding-top: 19%;position: relative;}
.estab_sect .item .img_box img{object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0;}
.estab_sect .item h5{font-size: clamp(18px, 4vw, 20px); font-weight: bolder; margin-bottom: 20px;}
.estab_sect .item p{color:#707070;}
.estab_sect .item{position: relative;}
.estab_sect .item::after{content:''; position:absolute; display:block ;width:calc(100%); height: 1px; bottom:0; background:#dddd; }
.estab_sect .ul_wrap{padding: clamp(20px, 4vw, 30px) clamp(20px, 4vw, 40px); border:1px solid #ddd; border-radius:10px;}
.estab_sect ul.list_num{counter-reset: circle 0;}
.estab_sect ul.list_num > li{line-height: 1.7; position:relative; color:#666; padding-left: 30px; font-size:clamp(16px, 4vw, 18px)}
.estab_sect ul.list_num > li:before{position:absolute; top:5px; left: 0; counter-increment: circle 1; content:counter(circle); font-size:14px; color:#fff; font-weight:600;background:#0DA0A7; width:clamp(18px, 3vw, 22px); height:clamp(18px, 4vw, 22px); display:flex; justify-content:center; align-items:center; border-radius:50%; padding-top:1px; }
.estab_sect .ul_tit{font-size:clamp(18px, 4vw, 22px); background-color:#0D8390; color:#fff; font-weight:600; height:100px; padding:30px 40px; min-width: 120px; margin-inline-end: 40px; border-radius:10px;} 
.estab_sect .list_num li {width: calc(50% - 0.4rem);}
.estab_sect .list_num li:nth-child(1),
.estab_sect .list_num li:nth-child(4) {order: 1;}
.estab_sect .list_num li:nth-child(2),
.estab_sect .list_num li:nth-child(5) {order: 2;}
.estab_sect .list_num li:nth-child(3),
.estab_sect .list_num li:nth-child(6) {order: 3;}

/*연구원개요*/
.estab_sect.conts_sect .title:before, .histo_sect.conts_sect .title:before{display:none;}
.histo_sect .black_cont{color:#fff;}
.histo_sect .hist_sect .tab-content{margin-bottom: 200px;}
.histo_sect .history_tabs .nav-link{font-size:clamp(16px, 2vw, 18px); color:#ddd; border:0;transition:all 0.3s; padding:clamp(10px, 2vw, 18px) 10px;}
.histo_sect .history_tabs .nav-link:hover{font-weight: 600;transition:all 0.3s;}
.histo_sect .history_tabs .nav-link.active{position: relative; color:#333;border:0; background:transparent; color: #fff; font-weight: bolder;}
.histo_sect .history_tabs .nav-link.active::after{content:''; position:absolute; display:block; width: 100%; height: 100%; top: 0; left: 0; border-bottom: 3px solid #2DB3BD;}
.histo_sect .era_tit{font-size:clamp(36px, 14vw, 56px); letter-spacing: -0.5px;font-weight:lighter;}
.histo_sect .era_conts{display:flex; flex-direction: column ; row-gap:clamp(10px, 6vw, 100px);;position:relative; padding-top:clamp(50px, 2vw, 80px);}
.histo_sect .era_conts .line{display:block; width: 1px; background:#666; position:absolute; top:72px; left: calc(120px + 3rem + 2px);height:calc(100% - (110px));}
.histo_sect .era_conts .line .progress{position:absolute; width:1px; height:0%; top:0; left:50%; transform: translateX(-50%); background:#2DB3BD;;}
.histo_sect .his_box .year{font-size:clamp(21px, 6vw, 45px); font-weight: 500;min-width: 120px;}
.histo_sect .his_box .dtl{padding-top: 0.75rem; }
.histo_sect .his_box .dtl dl{display:flex; flex-direction: row;font-size:clamp(16px, 4vw, 18px);position:relative;padding-left: 50px;margin-bottom: 30px;color:#ffff;}
.histo_sect .his_box .dtl dl:before{content:''; display:block ;width: 15px; height: 1px; background:#666; position:absolute; top:13px; left:2px;}
.histo_sect .his_box .dtl dt{font-size:clamp(16px, 4vw, 18px); font-weight: 500;padding-right:40px;color:#eee;}
.histo_sect .his_box .dtl dd{font-weight:300;}
.pageComment_2{font-family:'eland_choice'; font-size:clamp(19px, 3vw, 30px);text-align: center;}
.pageComment_2:first-child{border-top: 2px solid #333; padding-top:30px;}
.pageComment_2:nth-child(2){font-size:clamp(16px, 3vw, 22px);}
.pageComment_2:first-child::after{content:''; position:relative; display:block; margin: 60px 0 0 0; background:url(../images/sub/estab_back2.png)  center -230px no-repeat; background-size:auto; width: var(--after-width, 80vw); height: clamp(200px, 38vw, 320px); left:50%; transform:translateX(-50%); z-index:-1; transition: width 0.3s ease;}
.pageComment_2 span{display:inline-block; color:#0D8390; font-weight:bolder;letter-spacing: 0.5px;}

.histo_sect{padding:30px 1rem;position: relative;}
.histo_sect::before{content:''; position:absolute; display:block; width: 100vw; height: 1000px; background-color:#EDF6F7;left:50%; top:0; transform:translateX(-50%); z-index:-1;}
.histo_sect .black_cont{position: relative; border-radius: clamp(20px, 4vw, 50px) clamp(20px, 4vw, 50px) 0 0;background-color:#111; margin: 0 auto; max-width: calc(1720px + 2rem) !important;}
.histo_sect::before{content:''; position:absolute; display:block; width: 100vw; height: 100%; background-color:#EDF6F7;left:50%; top:0; transform:translateX(-50%); z-index:-1;}

/*animation 애니메이션 영역*/
.ani_conn{width: 100%; overflow-x: hidden;margin-top:-30px; }
.ani_conn .track{position: relative;width: calc(2400px * 2); animation: moveTxt 20s linear infinite; }
.ani_conn .track p{width: 2400px; font-size: 160px;font-weight: bolder; color:#7BD5D8; opacity: 0.14; font-family:'oswald'; margin: 30px 0 60px 0;}

/* 인권경영추진체계 */
.human_chart{background-color: #f5f5f5;padding: 50px; z-index:-1;}
.human_chart::before{position: absolute; content:''; height:80%; display: block; z-index: -1; width: 1px; background-color:#ddd; top:35px;}
.human_chart .item{width:max-content;}
.human_chart .cont:nth-child(1) .wrap:nth-child(1)::before{top:120%; left:70px;}
.human_chart .cont:nth-child(1) > .wrap:nth-child(2){left: 220px; top: 50%;}
.human_chart .cont:nth-child(1) > .wrap:nth-child(2) .item{color: #000; width:max-content;}
.human_chart .cont:nth-child(2){margin-bottom: 120px;}
.human_chart .cont:nth-child(2) .wrap{left:clamp(5px, 16vw, 180px); top:15px;}
.human_chart .cont:nth-child(2) .wrap .item{color: #333; background-color:#fff; border:1px solid var(--light_mint);padding: 6px 40px; color:#2D8289;} 
.human_chart .cont:nth-child(3) .wrap:nth-child(2),
.human_chart .cont:nth-child(4) div .wrap{background-color:#fff; padding:clamp(5px, 2vw, 20px); border-radius:5px;}
.human_chart .cont:nth-child(4) div .wrap{border:1px solid #1874AA;}
.human_chart .cont:nth-child(3) .wrap:nth-child(2){border:1px solid var(--mint);}
.human_chart .cont:nth-child(3) .wrap:nth-child(1),
.human_chart .cont:nth-child(4) .wrap:nth-child(1) .item{width:240px; border-radius:5px; margin-bottom: 10px;}
.human_chart .cont:nth-child(4) .wrap:nth-child(1) .item{background-color:#1874AA;}
.human_chart .cont:nth-child(3) .wrap:nth-child(1){ background-color:var(--ci_green)}
.human_chart .cont:nth-child(3) .wrap:nth-child(2) div:nth-child(2){font-weight:500; background-color:#eee; padding:5px 20px; border-radius:5px;}
.human_chart .cont:nth-child(2):before{position: absolute;width: 220px;height: 1px;content: '';display: block;z-index: -1;background-color: #ddd;transform: translateY(-50%);top: 34px;left:0}
.dot{position: relative; font-weight:500; padding-left: 10px;}
.dot::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50px;background-color: var(--light_mint);position: absolute;transform: translateY(-50%);top: 50%;left: 0;}


/*정보공개*/
.opIn_sect .tit_box{background: url(../images/sub/bg_openInfo.png) no-repeat; background-size: cover; padding: 80px 0;}
.opIn_sect .title_2{margin-bottom: 20px; margin-top: 60px;}
.opIn_sect ul > li{position:relative;padding-left:12px; font-size: 17px; margin-bottom:10px ; color:#555; }
.opIn_sect ul > li a{color:#134ECE;}
.opIn_sect ul > li:before{content:''; display:block; width: 4px; height: 4px; background:var(--mint); border-radius: 50%; position:absolute; top:9px;left:0; }

.opIn_sect .tit_box h3{font-size: clamp(32px,5vw,36px);font-weight:bold; margin-bottom: 40px; color:#fff; }
.opIn_sect .tit_box li{color:#fff;font-size: clamp(18px, 3vw, 20px);margin-bottom:14px;}
.opIn_sect .tit_box li:before{top:12px;}

.opIn_sect .cliam_box > div{width: calc(33.3% + 20px); text-align: center; color:#fff; border-radius: 50rem;padding: 40px;background-repeat:no-repeat; background-size:cover; background-position:center center;}
.opIn_sect .cliam_box > div.pub{background-image: url(../images/sub/openInfo1.png);}
.opIn_sect .cliam_box > div.cor{background-image: url(../images/sub/openInfo2.png); margin-left: -30px;}
.opIn_sect .cliam_box > div.for{background-image: url(../images/sub/openInfo3.png); margin-left: -30px;}
.opIn_sect .cliam_box > div h4{font-size: clamp(20px, 4vw, 25px); font-weight:bolder; margin-bottom: 20px;}
.opIn_sect .cliam_box > div p{font-size: 17px; font-weight: 500; height: calc(100% - 40px); display:flex; align-items:center; justify-content:center;}

.opIn_sect ul > li ol{background:#F8F8F8 ;padding: 40px 55px; margin-top: 12px; color: #666; counter-reset: number 0; border:1.5px solid transparent; transition: all 0.5s; }
.opIn_sect ul > li ol:hover{border:1.5px solid #0DA0A7; transition: all 0.5s;}
.opIn_sect ul > li ol li{ line-height: 1.7; margin-bottom: 12px;;}
.opIn_sect ul > li ol li:before{counter-increment: number;content: counter(number) '. ';}
.opIn_sect ul > li ol li p{display:flex; font-size: 16px; flex-direction: column; padding-left: 26px;margin-top:4px;}
.opIn_sect ul > li ol li p span{position:relative; }
.opIn_sect ul > li ol li p span:before{content:''; display:block; width: 7px; height: 2px ;background: #aaa; position:absolute; top:12px; left:-12px;}
/*공공데이타*/
.puData_sect .tit_box{background: url(../images/sub/bg_pubData.png) no-repeat;background-size: cover;;}
.puData_sect .tit_box a{background: rgba(255,255,255,0.13); border-radius: 25rem;padding-left: 20px;padding-right: 40px; margin:0 auto;text-align: center; width: 100%; max-width: 260px; position:relative;}
.puData_sect .tit_box a:after{content:''; display:block; background: url(../images/arr_slash_w.png) no-repeat;width: 14px; height: 14px;background-size: contain; position:absolute; top:50%; right:40px; transform:translateY(-50%);}
.puData_sect .cctv_dtl table a,
.puData_sect .cctv_dtl table img{border-bottom:0;margin: 0 auto;padding: 1px;color:#666;display: inline-block;}
.puData_sect .newTab{background: #fff; border:1px solid #ccc; padding: 12px 20px; border-radius: 35rem;display:inline-block;}
.puData_sect .newTab img{display:inline-block; width: 12px;margin-left: 10px;}

/*윤리경영*/
.ethMa_sect .tt3{font-size: clamp(22px,4vw,24px); font-weight: bolder;margin-top: 40px; margin-bottom: 12px;}
.ethMa_sect p{font-size: 17px; color: #666;padding-bottom: 20px;}
.ethMa_sect ul{counter-reset: colorcircle 0;}
.ethMa_sect ul > li{position:relative; padding-left: 30px;font-size: 17px; color: #555; margin-bottom: 4px; }
.ethMa_sect ul > li:before{position: absolute;top:1px;left: 6px;counter-increment: colorcircle 1;content: counter(colorcircle); color: #fff; font-size: 14px; z-index: 1; font-weight: bold;;}
.ethMa_sect ul > li:first-child:before{left: 7px;}
.ethMa_sect ul > li:after{content: ''; position: absolute; top:2px; left: 0; display: inline-block;  background-color: #0DA0A7; border-radius: 50%; width: 20px; height: 20px;}

.ethMa_sect ol{background:#F8F8F8 ;padding: 40px 55px; margin-top: 12px; color: #666;  border:1.5px solid transparent; transition: all 0.5s;margin-bottom: 25px;}
.ethMa_sect ol:hover{border:1.5px solid #0DA0A7; transition: all 0.5s;}
.ethMa_sect ol li{ line-height: 1.5; margin-bottom: 7px;font-size: 16px;;}
.ethMa_sect .link{width: 100%; max-width: 300px; border:1px solid #ddd; border-radius: 5px; font-weight: 500; display:flex; flex-direction: row; align-items:center; padding:1rem; justify-content: center;}
.ethMa_sect .link img{width: 20px; margin-left: 10px;}

/* voc 처리절차 */
.voc_subtxt{font-size: 14px; font-weight: 500; margin-left: 5px;}
.voc_square ul li{background: linear-gradient(45deg, #E8EBF2, #FBFCFF); border-radius:15px; padding: 1rem 0.5rem; font-size: clamp(18px,3vw,21px); font-weight: bold; text-align: center; line-height: 1.25;border:1px solid rgba(255,255,255,0.5);box-shadow:4px 4px 8px rgba(15,41,107, 0.12);width: calc(33.3% - 5.3px); position:relative;}
.voc_square .icon{display: block; width: 30px; height: 30px; background-size: cover;background-position: center;background-repeat: no-repeat;margin: 0 auto;}
.voc_square .icon-academy {background-image: url(../images/sub/voc_1.svg);}
.voc_square .icon-institute {background-image: url(../images/sub/voc_2.svg);}
.voc_square .icon-government {background-image: url(../images/sub/voc_3.svg);}
.voc_square .icon-citizen {background-image: url(../images/sub/voc_4.svg);}
.voc_square .icon-company {background-image: url(../images/sub/voc_5.svg);}
.voc_square .icon-more {background-image: url(../images/sub/voc_1.svg);}
.voc_square li p{font-size:clamp(14px, 2vw, 19px); margin-top:6px;}
.voc_borderBox{border:1px solid #eee; padding: clamp(20px, 3vw, 30px); border-radius:5px;}
.voc_borderBox li{width: calc(33.33% - 6px); font-weight:600;}
.voc_channel {position: relative;display: flex; justify-content: center;align-items: center;flex-direction: column;width: 100%;padding: 40px;border-radius:5px;height: clamp(280px, 84vw, 600px);margin-top: 70px;}
.voc_channel::before,.voc_channel::after,.sub_txt::before, .sub_txt::after{position: absolute; content: '';display: block;width: 20px;height: 20px;}
.voc_channel.chan_1:after {border-bottom: 4px solid #73B0B2;border-right: 4px solid #73B0B2;left: 50%;top: -48px;transform: translateX(-50%) rotate(-135deg);}
.voc_channel.chan_1::before {border-bottom: 4px solid #CCE2E3;border-right: 4px solid #CCE2E3;left: 50%;top: -48px;transform: translateX(-50%) rotate(-135deg);}
.voc_channel.chan_1:after {top: -37px;}
.voc_channel.chan_2::after, .sub_txt::after{border-bottom: 4px solid #374F67;border-right: 4px solid #374F67;left: 50%;bottom: -48px;transform: translateX(-50%) rotate(45deg);}
.voc_channel.chan_2::before, .sub_txt::before{border-bottom: 4px solid #007073; border-right: 4px solid #007073;left: 50%;bottom: -48px;transform: translateX(-50%) rotate(45deg);}
.voc_channel.chan_2:after{bottom: -37px;}
.voc_center {position:absolute;display: flex;justify-content: center;align-items: center;width: clamp(100px, 19vw, 150px);height: clamp(100px, 19vw, 150px);background: linear-gradient(-45deg, #0DA0A7, #007073);color: white;font-size: clamp(17px, 3vw, 22px);font-weight: bold;text-align: center;border-radius: 50%;z-index: 1;outline: 13px solid #CBE5E7;}
.divd_wrap .sub_txt::before{bottom:40px;border-bottom: 4px solid #73B0B2;border-right: 4px solid #73B0B2;}
.divd_wrap .sub_txt::after{bottom: 29px;border-right:4px solid #CCE2E3; border-bottom:4px solid #CCE2E3;}
.divd_wrap .sub_txt span{margin: 80px 0;background:linear-gradient(45deg, #E8EBF2, #FBFCFF); padding: clamp(10px, 2vw, 20px) clamp(36px, 9vw, 80px); font-size: clamp(16px, 5vw, 20px); border-radius:50px; font-weight:600;}
.voc_items {position: absolute;width: 100%;height: 100%;max-width:clamp(350px, 56vw, 450px);max-height:clamp(350px, 56vw, 450px);display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 20px;padding: 50px;background-color: rgb(135 201 195 / 10%);border-radius: 50%;}
.voc_item {display: flex; position:relative; flex-direction: column;justify-content: center;align-items: center;width:clamp(80px, 16vw, 119px);height: clamp(80px, 16vw, 119px);background-color: white;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);border-radius: 50%;text-align: center;padding: 10px;transition: transform 0.3s ease;}
.voc_icon{width: clamp(20px, 3vw, 35px);height: clamp(20px, 3vw, 35px);background-size: contain;background-position: center;background-repeat: no-repeat;margin-bottom: clamp(3px, 1vw, 10px);}
.voc_icon.phone {background-image: url('../images/sub/voc_7.svg');} 
.voc_icon.website {background-image: url('../images/sub/voc_8.svg');}  
.voc_icon.visit {background-image: url('../images/sub/voc_9.svg');} 
.voc_icon.survey {background-image: url('../images/sub/voc_10.svg');} 
.voc_text {font-size:clamp(15px, 3vw, 16px);color: #333; font-weight:600;}
.voc_item{position:absolute; background:linear-gradient(45deg, #E8EBF2, #FBFCFF);}
.voc_item:nth-of-type(1){left:0; top:10%;}
.voc_item:nth-of-type(2){right:0; top:10%;}
.voc_item:nth-of-type(3){left:0; bottom:10%;}
.voc_item:nth-of-type(4){right:0; bottom:10%;}
.voc_plus{transform: translate(-50%,-50%);}
.voc_plus:nth-of-type(1){top: 0; left: 50%;}
.voc_plus:nth-of-type(2){top:50%; left:100%;}
.voc_plus:nth-of-type(3){top: 50%;left: 0;}
.voc_plus:nth-of-type(4){top: 100%;left: 50%;}
.voc_backBox div{text-align:center; font-weight:600;}
.voc_backBox > div:first-child {background-color:#E4F3F3; padding: 12px 5px; border-radius:5px; color:var(--mint);}
.voc_backBox > div:last-child div {background-color:#eee; padding: 12px 5px; border-radius:5px;}

.step_cont .circle {width: 10px;height: 10px;background-color: #4CAF50;border-radius: 50%;outline:10px solid #Fff;}
.step_cont .text {font-size:clamp(17px, 5vw, 19px);font-weight: bold;color: #333;background-color:#fff;}
.step_cont .subtext { display:inline-block; margin-top: 5px; font-size:15px; font-weight:500; color: #333; background-color:#E4F3F3; padding:10px 20px; border-radius:20px; margin-top:10px;}
.step_cont .txt_wrap::before{ position: absolute; content: ''; display: block; height: 1px; width:calc(100% + 10px); background-color:#ddd; top: 14%; z-index: -1;}
.step_cont .txt_wrap:first-child::before{right:8px;}
.step_cont .txt_wrap:last-child::before{width:380px; right: 8px;;}
.step_cont .txt_wrap:last-child .step{margin-left: 85px;}
.step_cont .yes_wrap::after{position: absolute;content: '';display: block;height: 105px;width: 1px;background-color: #ddd;top: 56%;right: -18px;transform: translate(-50%, -50%);z-index: -1;}
.step_cont .yes_wrap{right:25px; top:22%; color:var(--ci_green); font-weight:800; background-color:#eee; padding: 6px 15px; border-radius:3px;}
.step_cont .fin .text{background: linear-gradient(-45deg, #0DA0A7, #007073); color:#fff; border-radius:5px; padding: 10px 50px;}


/* 뉴스레터 */
.message_page .message h2 {font-weight: bold;font-size: clamp(20px, 7vw, 40px);margin-top: 40px;line-height: 1.3;}
.message_page .message p {padding: 20px 0 30px 0;font-size: clamp(14px, 4vw, 19px);color: #777;line-height: 1.4;}
.message_page .button_group .btn.pre{padding: 12px 46px;color: var(--light_mint);font-weight: 500;border: 1px solid var(--light_mint);border-radius: 50px;}
.message_page .button_group .btn.home {margin: 6px 34px;border-radius: 50px;}
.message_page .button_group .btn.home{border: none;}
.message_page .img_wrap img{max-width: 200px;width:100%; border: 6px solid transparent;}


/* 저자별 검색 */

.jump_wrap{border: 1px solid #ddd;padding:clamp(16px, 2vw, 30px);border-radius: 7px;}
.jump_wrap .tit{font-size:18px; font-weight: 600; color: #666;}
.jump_wrap li {margin: 3px; position: relative;}
.jump_wrap li a {padding: 1px 6px; border-radius: 2px; color: #555;}
.jump_wrap li a.on{font-weight: 600;color: #333; position: relative;}
.jump_wrap li a.on::after, .jump_wrap li a:hover::after{content: ''; display: block; background-color: #555; width: 60%; height: 2px; left:50%; transform: translateX(-50%); bottom:2px;  position: absolute;}
.author_wrap .count {background-color: #ddd; padding: 2px 8px; border-radius:5px;}
.author_wrap{border-top: 1px solid #ddd;}
.author_wrap li{border-bottom: 1px solid #ddd;}
.author_1 {border-right: 1px solid #ddd;}
.author_2{background-color: #f5f5f5;}

.authorDt_wrap th {background-color:#f5f5f5; border-bottom: 1px solid #ddd;}
.authorDt_wrap tbody tr {border-bottom: 1px solid #ddd;}
.authorDt_wrap .witer {color: #555;}
.authorDt_wrap .tit a{font-weight: 500;}
.authorDt_wrap .file_down {z-index: 1;width: 28px;height: 28px;margin: auto;}
.member_cont .board_search .search_wrap .search_txt{max-width: 100%;}





@media screen and (max-width:1399px) {
	/* 역대원장 */
	.board_sect.half .item{padding:clamp(10px, 4vw, 20px);}
}


@media screen and (max-width: 1199px){

	 /* 원장약력_상단*/
    .nametag{padding:20px 30px; justify-content: space-around;}
	
    /* 게시판_리스트 */
    .board_sect.intro .item{width: 100%;}
    
    /* 게시판_상세 */
    .title_wrap {padding: 22px 10px 4px 10px;}
    .title_wrap .img_open {max-width: 120px;width: 30%;}
    .board_view .info_cont .item .file li{max-width: 100%;}
 	.tab_writer .other .board li .tit{width:66%;}
 	
 	/* 타입2 */
    .board_sect.type2.core .item .info_box > li:first-child{width: 50%;}
 	
 	
	/* 글쓰기 인풋 */
    .news_input > div{width: 33.33%;}
 	
	/******* 프로그램 *******/
	
	/* 역대원장 */
    .board_sect.half .item{grid-template-rows:1fr 1fr; grid-template-areas:"img title" "img title" "detail detail"}
    .board_sect.half .item img{max-width: 120px; min-width: 120px;}
    .board_sect.half .item .title{padding:10px 0 clamp(20px, 8vw, 70px) 0;}
    .board_sect.half .item .detail{min-height: 170px; padding-top: 20px;}
    
    
    /******* 컨텐츠 *******/
    
    /*채용안내*/
    .recru_ctg{padding-left: 32px; padding-right: 32px;}

	/*찾아오시는길*/
    .comeL_sect .summary li:first-child{width: 100%;}
    
    /*연구원개요 - 설립목적*/
    .estab_sect .item {width: 100%;}
    
    /* 연구사업소개 */
    .intro_box li{flex-basis: 100%;}
    
    /*경영목표*/
    .vison_sect .stgy_item4 li p{width: calc(100% - 150px);}
    
    /* voc */
    .step_cont .txt_wrap::before,.step_cont .yes_wrap::after{display:none;}
    .step_cont .txt_wrap:first-child{margin-bottom:80px;}
    .step_cont .yes_wrap{top:50%; right:auto; left:0;}
    .step_cont:before{position: absolute;content: '';display: block;height:calc(100% - 160px);width: 1px;background-color: #ddd;top: 20px;left:5px;z-index: -1;}
    .step_cont .step{margin-bottom: 20px;}
    .step_cont .txt_wrap:last-child .step{margin-left:0;}
    .step_cont .subtext{margin-top: 5px; margin-left: 20px;}
    .step_cont .fin .text{margin-bottom: 10px; width: 100%;}
    
    
}



@media screen and (max-width:991px) {

    /******* 탭 *******/
    .tabb_wrap li:has(a.on) {margin-left: 0;}
    .tabb_wrap li {flex: 0 0 50%;border: 1px solid #dcdcdc;}
    .tabb_wrap li:last-of-type {border-top-right-radius: 0;}
    .tabb_wrap li:nth-child(2){border-top-right-radius: 10px;}
    .tabb_wrap li + li + li {border-top: 0;}
    .tabb_wrap li:nth-child(3), .tabb_wrap li:nth-child(5){border-left: 1px solid #dcdcdc;}
    .tabb2_wrap li {flex: 0 0 33.33%;}
    .tabb2_wrap li a {font-size: clamp(15px, 1vw, 16px);}

    /*게시판리스트_타입2 (사전정보공표, KREI 핵심정보, year_2023년 기본·일반연구보고서)*/
    .board_sect.type2 .item{padding: clamp(20px, 4vw, 30px);}
    .board_sect.type2 .item .numb{display: none;}
    .board_sect.type2 .item .info_box{flex-wrap: wrap;}
    .board_sect.type2 .item .info_box .tit{width: 100%;margin-bottom: 15px;}
    .board_sect.type2 .item .info_box .titl{width: calc(100% - 60px);}
    .board_sect.type2 .item .info_box > li {width: 100%;}
    .board_sect.type2 .item .info_box > li:first-child,
    .board_sect.type2 .item .info_box > li:last-child{width: 100%;}
    .board_sect.type2 .item .info_box li li:not(:last-child){margin-bottom: 10px;}
    .board_sect.type2 .item .info_box li div{width: 100%;}
    .board_sect.type2 .item .info_box .part1{margin-bottom: 10px;}
    .board_sect.type2 .item .info_box .part1 li, .board_sect.type2 .item .info_box .part2 li{align-items:start; margin-right: 0;}
    .board_sect.type2.advance .item .link,
    .board_sect.year .item .link,
    .board_sect.type2.advance .item .file_down {width: 24px;height: 24px;background-size: contain;top: 35px;right:20px;}
    .board_sect.type2.advance .item .link{right: 55px;}
    .board_sect.type2.advance .item .file_down {right: 20px;}
    .board_sect.type2.advance .item .info_box > li{width: 100%;}
    .board_sect.type2 .year .item .link{right: 50px;}
    .board_sect.type2.core .item .info_box .titl{width: 100%;}
    .board_sect.type2.core .item .info_box > li:first-child{width: 100%;}
    .board_sect.agreement .item{width: calc(33.33% - 11px);}

    .conts_box .forestry li {width: calc(50% - 10px);}
    .forestry .cover li{width: calc(50% - 10px);}
    .board_sect.half .item .title{padding:10px 0 70px 0;}
    
    .main_cont table{max-width: 1000px;width: auto;}
    
	/********************프로그램**********************/
	
    /* 농업관측정보 */
    .farming_info .wrap .item {width:100%;}
    
     /*임업관측정보 -- pdf탭*/
    .pdfV_sect .tabb2_wrap.nav-tabs li{flex: 0 0 25%;}
    .infog_conts, .poster_conts{width: 100%; height: auto;}
    .infog_wrap .list, .poster_wrap .list{width: 100%; height: auto;margin-top: 20px; overflow-x:auto;}
    .infog_wrap .item .img_box, .poster_wrap .item .img_box{min-width: 160px;;}
    .infog_wrap .item strong, .poster_wrap .item strong{font-size: 15px; line-height: 1.2;display: block;}
    .infog_wrap .list::-webkit-scrollbar, 
    .poster_wrap .list::-webkit-scrollbar{height: 4px; }
    
    /* 조직도 */
    .staff_history_wrap, .intro_2 .major{width: 100%;}
    .staff_sect .intro_cont .item .tit{margin-right:0; margin-bottom:5px;}
    .staff_history_wrap .txt_box .date{text-align: start;}
    .staff_sect .mail a::after{margin: 5px auto;}
    
    
     /********************컨텐츠 *********************/
    
    /*논문기고안내*/
    .guide_thesis > div{grid-template-columns: 1fr 180px;}
    .guide_thesis h5{grid-column: 1 /span 2; grid-row: 1;}
    .guide_thesis .img_box{grid-row: 2; width: 180px;}
    .thesis_support li .img_box{width: 30px; height: 40px;}

	/*국민의식조사 개요*/
    .pub_sense .summary{gap: 30px 50px;}
    .pub_sense .summary h3{grid-column: 1 / span 2;}
    .pub_sense .summary .img_box{grid-row: 2;}
    .pub_sense .summary p{width: 100%; font-size: clamp(18px, 2vw, 20px)}
    .pub_sense .charg_box ul{column-gap: 20px;}
    .pub_sense .charg_box ul li:before{top: 4px;}
    .pub_sense .result_research .img_box a{bottom:-32px;max-width: 160px;padding: 12px;}
    
    /*채용안내*/
    .recru_ctg li{width: calc(20% - 0.8rem)}
    .recru_process h5 span{padding: 10px 0; font-size: 20px;margin-bottom: 20px;}
    .recru_process dl dt{font-size: 18px;}
    .recru_process dl dd{margin-top: 10px;}
    .recru_process dl:not(:last-child):after{width: 28px; height: 16px; top:50px;}
    
    /*원장인사말*/
    .gret_wrap .box{column-gap: 30px;  grid-template-columns: 1fr 42%;}
    .gret_wrap h5{width: calc(58% - 50px);}
    
	/*원장약력*/
    .dir_profile .box ul{width: calc(100% - 140px); margin-left: auto; margin-top: -20px;}
    
    /*인권경영 비전*/
    .humanV_wrap .v_str li{width: calc(50% - 0.75rem)}
    .humanV_wrap .v_str dt{margin-bottom: 24px;}
    .humanV_wrap .v_decla .desc{margin: 40px auto 60px auto;}
    .humanV_wrap .v_decla .list li{font-size: 17px;}
    .humanV_wrap .v_decla .list li span{font-size: 19px; margin-top: -2px; }
    .humanV_wrap .v_decla h4{margin: 60px auto -40px auto;}
    

 	/*연구원개요 */
    .estab_sect .list_num li{width: 100%;}
    .estab_sect .ul_tit{margin-bottom:20px; margin-right: 0; height:0; min-width:0; padding: 20px 30px;}
    .estab_sect .list_num li:nth-child(-n+6){order: initial;}
	    
    /*구제절차신고*/
    .inv_help .inv_proc li{flex-direction: column!important;row-gap: 10px;;}
    .inv_help .inv_proc li span,
    .inv_help .inv_proc li p{width: 100%!important; ; }
    .inv_help .inv_proc li span i{margin-right: 6px; padding-top: 2px; }
    .inv_help .inv_call{gap:10px;}
    .inv_help .inv_call dl.item,
    .inv_help .inv_call dl.link{padding: 20px 30px;}
    .inv_help .inv_call dl.item dd{width: 100%; }
    .inv_help .inv_call dd span{font-size: 17px;}
    
    /*정보공개*/
    .opIn_sect .cliam_box > div{width: 100%; margin:0!important;padding: 24px;}
    
    /*경영목표*/
    .vison_sect .stgy_4_9 h3{margin-bottom: 0;}
    .vison_sect .stgy_item4 ul{border-right: 0;;}
    .vison_sect .stgy_item4 ul > li{margin-top: 20px;justify-content:flex-start!important;}
    .vison_sect .stgy_item4 li span{width: 50px; height: 50px; font-size: 26px;box-shadow: inset 4px 4px 4px #D2D7E3, inset -4px -4px 4px #fff;}
    .vison_sect .stgy_item4 li p{width: auto; margin-right: 0;padding:2px 10px;box-shadow:3px 6px 4px rgba(0,0,0,0.1);text-align: start; font-weight: 700;font-size: 18px;margin-left: 10px;}
    .vison_sect .stgy_item4 li p:before, .vison_sect .stgy_item4 li p:after{display:none;}
    .vison_sect .stgy_item4 ol{counter-reset: numb 0;margin: 10px 0 20px 70px;width: 100%; }
    .vison_sect .stgy_item4 ol li{min-height: unset; border-bottom:0;margin-bottom: 10px; font-size: 16px;;}
    .vison_sect .stgy_item4 ol li:last-child{margin-bottom:0;}
    .vison_sect .stgy_item4 ol li:before{counter-increment: numb;content:counter(numb); width: 22px; height:22px;display: inline-flex;border-radius: 50%;justify-content: center; align-items:center;color:#fff; font-weight: bold;margin-right:4px;;font-size: 14px;}
    .vison_sect .stgy_item4 ul li:nth-child(1) ol li:before{background:#0EA0A8;}
    .vison_sect .stgy_item4 ul li:nth-child(2) ol li:before{background:#1974AA;}
    .vison_sect .stgy_item4 ul li:nth-child(3) ol li:before{background:#5560B0;}
    .vison_sect .stgy_item4 ul li:nth-child(4) ol li:before{background:#995A8D;}
    
    /* voc */
    .voc_borderBox li {width: 100%;}

}


@media screen and (max-width: 870px){
    /*원장인사말*/
    .gret_wrap .box .img_box{grid-row: 1 / span 2;margin-bottom:30px;}
    .gret_wrap .box p.txt3,
    .gret_wrap .box p.txt4{grid-column: 1 / span 2;}
    .gret_wrap h5{width: 100%;text-align:end; padding-top:18px; }
}


@media screen and (max-width: 767px){
	/* 저자별 */
	.author_1{border-right: none;}
    .jump_wrap li{margin:0;}
    .authorDt_wrap table{display: block;}
    .authorDt_wrap colgroup {width: 100%;}
    .authorDt_wrap thead{display: none;}
    .authorDt_wrap tbody{display: block;}
    .authorDt_wrap tbody .num {position: absolute; top: 11px;}
    .authorDt_wrap tbody .tit_cont {width: 100%;}
    .authorDt_wrap tbody tr{display: flex;flex-direction: column;align-items: start;}
    .authorDt_wrap tbody .witer::before {content: '저자: ';}
    .authorDt_wrap .file_down {position: absolute; right: 0; top: 10px; width: 22px; height: 22px;}
    /* 게시판_검색 */
   	/* 	.list_top{margin-bottom: 10px;}
    .list_top > div.multi_select button{top:83%}
    .list_top button{min-width: 26px;position: absolute;top: 50%;right: -3px;transform: translateY(-50%);background-position: center center;z-index: 6;}
    .list_top .input-group > div select{border-radius: 0.375rem;}
    .list_top .input-group > div:not(:first-child) select{border:1px solid #ced4da; border-radius:0.375rem;}
    .list_top .input-group input, .list_top .input-group select{border-radius:0.375rem;border-right: 1px solid #ced4da; border-left: 1px solid #ced4da;}
    .list_top .input-group, .list_top .multi_select .input-group{max-width:none;}
    .list_top > div.multi_select{width: 100%;}
    .list_top > div{width: 100%;position: relative;}
    .list_top input{padding-right: 40px;border-top-right-radius:0.375rem!important;; border-bottom-right-radius:0.375rem!important;; }
    .list_top p{font-size: 15px;}
    .list_top.top2 > div{width: 100%; max-width :calc(462px + 0.25rem);position:relative;}
    .list_top.top2 .input-group{max-width: 470px;} */

 	/* 검색창 */
    .board_search .search_wrap .search_select{min-width:100%;max-width:100%;}
    .board_search .search_wrap .search_txt{min-width: 100%;}
    .board_search .search_wrap > .item:first-child select, .search_wrap > .item:first-child input{border-top-right-radius:.375rem; border-bottom-left-radius:0;}
    .board_search .search_wrap > .item:last-child select, .search_wrap > .item:last-child input{border-top-right-radius:0; border-bottom-left-radius:.375rem;}
    .board_search .search_wrap > .item:not(:last-child) select, .search_wrap > .item:not(:last-child) input{border-bottom:none;border-right:1px solid #ced4da;}
    .board_search .search_wrap > .item:last-child{min-width:calc(100% - clamp(40px, 10vw, 52px));}

    /*게시판리스트_기본*/
    .board_sect .item{flex-wrap: wrap; padding: clamp(18px, 4vw, 30px);}
    .board_sect .item .titl{width: 100%;}
    .board_sect .item .file_down{width: 24px;height: 24px;background-size: contain;top: 35px;right: 20px;}
    .board_sect .item .numb{margin-bottom: 6px;}
    .board_sect .item .numb.pin{width: 27px; height: 27px;}
    .board_sect .item .numb{width: 100%; text-align: left;font-size:18px;}
    .board_sect .item a{width: 100%;}
    .board_sect .item a strong{width: 98%;}
    .board_sect .item .attach_file{top:20px; transform: translateX(0); right: 20px; background-color:transparent; border:0;}
    .board_sect .item p{width: 95%};

    /* 게시판리스트_채용공고 & 연구제안 & 질의응답 */
    .board_sect .item .numb{visibility: hidden;}
    .board_sect .item div[class^="badge"]{position: absolute; top:20px;}
    .board_sect.list_right .item .file_down{right:20px;}
    
    /* 체결현황 */
    .board_sect.agreement .item{width: calc(50% - 8px); padding-top: 20px; padding-bottom: 20px;}
    .board_sect.agreement .link{width: 24px; height: 24px; right: 15px;}
    .board_sect.agreement .item .file_down{right: 50px;}

    /* 콘텐츠 박스 */
    .conts_box .bg_gradient dl{padding: 20px 20px;}
    .forestry .cover li{width: calc(33.33% - 20px); flex:auto}

    /* 갤러리 */
    .photo_sect .item{width:calc(50% - 12px);}

    /* 버튼 */
    .board_sect .btn_wrap{ margin-top:60px;}
    
    /* 연구보고서_상세 */
    .report_view .info_cont .main_img{min-height:auto;}
    .report_view .info_cont .btn_wrap{position: static;margin-top: 50px; display:flex; align-items:center;}
    .report_view .info_cont .main_img{margin-bottom: 20px;}
    .report_view .info_cont .sns_list{position:static; padding: 30px 0;}
    .report_use li:not(:last-child)::after{display: none;}
    .report_use li{width: calc(50% - 0.5rem); flex:none;}
    .report_use li:nth-child(even)::after {display:none;}
    .tab_writer .other li .tit a::before{display: none;}
    .tab_writer .other li .tit a, .tab_cont .tab_writer .other .board li .info{padding-left: 0;}
    .tab_writer .other .board li .tit{width:95%;}
    .tab_writer .other .board li .info{min-width:auto;}
    
   	/* 게시판_상세 */
    .half .item{width: 100%;}
    .group label,.group .label {min-width:auto; max-width:100%;}
    .qa_attch .att_wrap{width:100%; margin:0;}
    .input_cont .alert_txt{padding-left: 0;}

    /********************프로그램**********************/
    
    /* 농업관측정보 */
    .farming .cover li {width:calc(25% - 16px);}
    .farming .cover_main{width:100%;}
    .farming_info .wrap .item li{padding:15px}
    .farming_info .wrap .item:nth-child(2) li:nth-child(1){background: url(../images/sub/farming_info_1.svg) no-repeat right bottom / contain; background-size:130px; background-color: #E0F0F1;}
    .farming_info .wrap .item:nth-child(2) li:nth-child(2){background: url(../images/sub/farming_info_2.svg) no-repeat right bottom / contain; background-size:130px; background-color: #E0F0F1;}
    .farming_info .wrap .item:nth-child(2) li:nth-child(3){background: url(../images/sub/farming_info_3.svg) no-repeat right bottom / contain; background-size:130px; background-color: #E0F0F1;}
    .farming_info .wrap .item:nth-child(2) li:nth-child(4){background: url(../images/sub/farming_info_4.svg) no-repeat right bottom / contain; background-size:130px; background-color: #E0F0F1;}
    
    /* 역대원장 */
    .board_sect.half .item{width:100%;}
    .board_sect.half .item {display: grid;grid-template-columns: 1fr 3.5fr;grid-template-rows: auto 1fr;}
    .board_sect.half .item .title{padding: 10px 0 65px 0;}
    .board_sect.half .item .detail{min-height:auto;}
    
    /* 조직도_리스트*/
    .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {margin-left:0;}
    .staff_search .search_wrap .search_txt input{border-radius:5px;}
    .staff_search .search_wrap .search_select select{border-radius:5px;}
    .staff_chart::before{height: 435px;}
    .staff_chart .cont:nth-child(3){margin-bottom:40px;}
    .staff_chart .cont:nth-child(4)::before{display:none;}
    .staff_chart .cont:nth-child(4) .wrap{margin-bottom:30px; max-width:400px;}
    .staff_chart .cont:nth-child(4) .wrap::before{display:none;}
    .staff_chart .cont .wrap .item {margin-bottom: -2px;}
    
     /*임업관측정보 pdf탭*/
    .pdfV_sect .tabb2_wrap.nav-tabs li{flex: 0 0 50%;}
    .pdfV_sect .tabb2_wrap.nav-tabs li:not(:nth-last-child(-n + 2)){border-bottom: 1px solid #eee;}
    .pdfV_sect .title_wrap{padding: 0; padding-top:10px}
    .pdfV_sect .title_wrap select{font-size: clamp(13px,2vw ,15px);}
    .pdf_wrap .list_wrap{width: 100%; position:relative; margin-bottom: 20px;}
    .pdf_wrap .pdf_conts{width: 100%;min-height: 600px;;}
    .pdf_wrap .original_down{position:absolute; display:inline-block; width: 150px; padding: 10px 20px; top:15px;right:15px;margin-bottom:0;}
    .pdf_wrap .list{padding: 20px;}
    .pdf_wrap .list ul{display:flex; flex-wrap: wrap; min-height: auto;;}
    .pdf_wrap .list ul li{border-bottom:0!important;padding:0 10px 0 8px!important;}
    .pdf_wrap .list ul li a{padding:4px;}
    .pdf_wrap .list ul li a.on{color:var(--mint); font-weight: 700;}
    .pdf_wrap .list ul li a:before{top: 13px; left: -4px; }
    .pdf_wrap .list ul li a:after{display:none;}
    
    .pdfV_sect .title_wrap .schBtn{width:34px; height: 34px; min-width: 34px;;}
    
    /********************컨텐츠 *********************/
    /*논문기고안내*/
    .guide_thesis > div{flex-direction: column;gap: 34px;}
    .guide_thesis > div .img_box{display:none;}
    .guide_thesis .gT_txt dt{font-size: 17px; }
    .guide_thesis .gT_txt dd{font-size: 16px;}
    .thesis_support{margin-top:20px;border:0;padding:0;}
    .thesis_support li{width: calc(50% - 0.5rem); aspect-ratio: unset; border-radius: 4px; background:transparent; padding: 6px 16px; border:1px solid #e5e5e5;}
    .thesis_support li a{flex-direction: row; position:unset; justify-content:flex-start; color:#333; column-gap: 10px;text-align: start;;}
    .thesis_support li:first-child{border:1px solid transparent}
    .thesis_support li:first-child a{color:#fff;}
    
    /*국민의식조사 개요*/
    .pub_sense .summary{grid-template-columns: 1fr 220px;gap:20px 40px;}
    .pub_sense .charg_box ul li:before{top: 3px;}
    .pub_sense .result_research h5{font-size: 28px;}
    .pub_sense .result_research h5,
    .pub_sense .result_research .img_box{width: 100%; }
    .pub_sense .result_research .img_box{padding: 30px;margin-bottom: 80px;}
    .pub_sense .result_research .img_box a{bottom: -80px;right:0;}

 	/********************컨텐츠 *********************/
    .complaint .black_image li{width: 100%;}
    .complaint_1 ul:last-child li {width: calc(33.333% - 0.4rem);}
    
    /*채용안내*/
    .recru_ctg li{width: calc(25% - 0.75rem);  font-size: 16px;}
    
    /*원장약력*/
    .dir_profile .box .ico_wrap{width: 60px; height: 60px;}
    .dir_profile .box .ico_wrap img{width:30px;}
    .dir_profile .box h3{margin-left: 30px;}
    .dir_profile .box ul{width: 100%; margin-top: 20px;}
    /* 원장약력_상단 */
    .nametag .name_wrap {width: 100%; margin-bottom: 10px; border-right:none; padding-right: 0;}
    .nametag .gen {width: 100%; margin:0;}
    /*경영목표*/
    .vison_sect dd{font-size: 18px;}
    .vison_sect dl:first-child:after{right: calc(-195px - 0.5rem)}
    .vison_sect dl:nth-child(2):after{left: calc(-195px - 0.5rem); bottom: -140px; }
    
    /*찾아오시는길*/
    .comeL_sect .summary{font-size: 16px;gap: 8px 20px;;}
    .comeL_sect .box{padding: 30px 0;}
    .comeL_sect .ico_box{min-width: 70px; width: 70px; height: 70px;margin-right: 40px;}
    .comeL_sect .ico_box img{width: 40%;}
    .comeL_sect .box_way strong{margin-bottom: 20px;}
    .comeL_sect .box_way{font-size:17px;}
    .comeL_sect .box_way ul li span.station{font-size: 15px;;}
    
    /*인권경영 비전*/
    .humanV_wrap .v_decla{padding: 80px 50px ;}
    .humanV_wrap .v_decla:after{width: calc(100% - 30px); height: calc(100% - 30px);}
    .humanV_wrap .v_decla .tit{font-size: 36px; }
    .humanV_wrap .v_decla .tit:before{max-width:100px; margin-bottom: 4px;}
    .humanV_wrap .v_decla .desc{font-size: 16px; margin-bottom: 40px;}
    .humanV_wrap .v_decla .list li{margin-bottom: 24px; font-size: 16px; }
    .humanV_wrap .v_decla h4{margin:50px auto -20px auto}
    
    
    /*구제절차신고*/
    .inv_help .inv_call{display:flex; flex-wrap:wrap;;}
    .inv_help .inv_call dl{width: 100%; }
    .inv_help .inv_call dl.item:nth-child(-n +2){width:calc(50% - 5px); }
    .inv_help .inv_call dl.link{row-gap: 40px;;}
    
	/*정보공개*/
    .opIn_sect ul > li ol,
    .ethMa_sect ul > li ol{padding: 20px 28px;}

    
}

@media screen and (max-width: 670px){
    /*원장인사말*/
    .gret_wrap .box{display: flex!important; flex-direction: column; margin-top: 20px;}
    .gret_wrap .box p.txt1{order:2}
    .gret_wrap .box p.txt2{order:3}
    .gret_wrap .box p.txt3{order:4}
    .gret_wrap .box p.txt4{order:5}
    .gret_wrap .box .img_box{height: 300px; }
    .gret_wrap .box .img_box img{object-position: center -30px;}
    .gret_wrap h3{font-size: 24px; }
}


@media screen and (max-width:575px) {

    /******* 탭 *******/
    .tabb_wrap li {flex: 0 0 100%;border: 1px solid #dcdcdc;}
    .tabb_wrap li:first-of-type{border-top-right-radius: 10px; border-bottom: 0;}
    .tabb_wrap li:nth-child(2){border-top-right-radius: 0;}
    .tabb_wrap li + li{border-left: 1px solid #dcdcdc;}
    .tabb2_wrap li {flex: 0 0 50%;}

    /*게시판리스트_기본*/
    .board_sect .item a strong{margin:10px 0;}
    .board_sect.intro .item .titl{min-height:60px;}

    /*페이지네이션*/
    .pagination{margin-top:50px;}
    .pagination .page-item{min-width: 22px; height:22px; line-height:23.2px;}
    .pagination .page-item a{padding-top:0;}
    .pagination .page_arr:has(.last):before{transform:translate(calc(-50% + 4px), calc(-50% - 2px)) rotate(-135deg);}
    .pagination .page_arr:has(.last):after{transform:translate(calc(-50% + 4px), calc(-50% + 2px)) rotate(135deg);}
    
    /* 체결현황 */
    .board_sect.agreement .item {width:100%; padding-top:20px; min-height: auto;}

    /* 콘텐츠 박스 */
    .conts_box li img{display: none;}
    .intro_box{padding: 60px 0;}
    .intro_box::before{display: none;}
    .intro_box li{height:71px; align-items:center; padding:10px 20px; border-radius: 5px; }
    .intro_box li div{display: none;}
    .conts_box .forestry li {width:100%}

    /* 게시판상세 */
    .title_wrap{padding: 12px 10px 4px 10px;}
    .info_cont .item .tit:first-child {margin-left:0;margin-right:0;margin-bottom:6px;}
    .board_view .main_cont{padding: clamp(20px, 5vw, 50px) 0;}
    .board_view .info_cont .item .file{width: 100%;}
    .post_direc dt {min-width:80px;}
    .post_direc dl dt::before{display:none;}
    .post_direc dd {width: calc(100% - 70px);}

    .report_view .info_cont .btn_wrap {margin-left: 0;}
    .report_view .info_cont .item .tit{min-height: 32px;}
    .report_view .same_cont li{width:100%;}
    .report_view .info_cont .btn_wrap .btn{width: 100%;}
    .report_view .info_cont .btn_wrap .btn,
    .report_view .info_cont .btn_wrap .btn.like {padding: 5px 10px 5px 25px;}
    .report_view .info_cont .btn_wrap .btn::before{width:16px; height:16px; right: calc(50% + 23px);}
    .tab_contact .report_input_wrap .group label{width:100%;}

    /* FAQ */
    .faq .accordion-button {padding: 50px 20px 20px 10px;}
    .faq .accordion-body{padding:60px 10px 30px 10px;}
    .faq .accordion-button::before, .accordion-body::before {top: 12px;left: 12px;transform: translate(0, 0);font-size: 20px;}
    .faq .accordion-header .category {position: absolute;left: 40px;top: 12px;}

	/* 글쓰기 인풋 */
    .news_input > div{width: 50%;}


	/********************프로그램**********************/
	
	/* 농업관측센터 */
    .farming_info .wrap .item:nth-child(2) li {width: calc(50% - 0.2rem);}

   
   /********************컨텐츠 *********************/
    /* 신고센터  */
   .complaint ul:last-child li {width: calc(50% - 0.3rem);}
   
    /* 농경나눔터 */
    .pdf_conts_box img{max-width:130px;}


    /* 조직도 */
    .staff_sect .intro_cont .item .tit{margin-right:0;}
    .staff_sect .mail a::after{margin: 5px auto;}
    .staff_sect .modal-content{width:90%; margin: auto;}
    .staff_chart::before{height: 581px;}
    .staff_chart .cont:nth-child(1){margin-bottom: 180px;}
    .staff_chart .cont:nth-child(1) .wrap:nth-child(2){top:230px; left:clamp(130px, 45vw, 230px);}
    .staff_chart .cont:nth-child(1) .wrap:nth-child(1)::before{display:none;}
    .staff_chart .cont:nth-child(3)::before{width:17%;}

    /*임업관측정보 pdf탭*/
    .pdf_wrap .original_down{padding: 6px; width: 120px;}
    .pdfV_sect .title_wrap .schBtn{width:32px; height: 32px; min-width: 32px;;}
    
    /*논문기고안내*/
    .guide_thesis .gT_txt dt{min-width: 100px; font-size: 15px;}
    .guide_thesis .gT_txt dd{width: calc(100% - 100px)}
    
    /*국민의식조사 개요*/
    .pub_sense .summary{flex-direction: column;}
    .pub_sense .summary h3{order:2;}
    .pub_sense .summary p{order:3; font-size: 16px;}
    .pub_sense .summary .img_box{order: 1;max-height: 140px;}
    .pub_sense .summary .img_box img{object-fit: cover;}
    .pub_sense .charg_box h5{width: 100%; padding-right:0;margin-bottom: 10px;}
    .pub_sense .charg_box ul{width: 100%; row-gap: 4px;;}
    
    /*채용안내*/
    .recru_ctg ul{row-gap: 10px!important;max-height: 340px; overflow-y:auto;padding-right: 10px;position:relative;}
    .recru_ctg ul::-webkit-scrollbar{width: 4px; background:#e5e5e5;}
    .recru_ctg ul::-webkit-scrollbar-thumb{background:#aaa;}
    
    .recru_ctg li{width: calc(50% - 0.5rem);}
    
    .recru_process > div{position:relative;padding-left:10%;; }
    .recru_process > div:before{content:''; display:block; width: 1px; height:calc(100% - 2px); background:#ddd;position:absolute; top:0; left:calc(10% + 2px);}
    .recru_process h5 span{width: 100%; }
    .recru_process dl{flex-direction:row;align-items:center;}
    .recru_process dl:before{display: none;}
    .recru_process dl:not(:last-child):after{transform: rotate(90deg);left: 80px;}
    .recru_process dl dt{padding-right: 24px;}
    .recru_process dl dd{margin-top:0;}
    
    
    /*원장약력*/
    .dir_profile .box{padding: 30px 36px;}
    .dir_profile .box .tit_wrap{width: auto;}
    .dir_profile .box .ico_wrap{width: 40px;min-width: 40px; height: 40px; border-radius: 10px;;}
    .dir_profile .box .ico_wrap img{width: 18px;}
    .dir_profile .box h3{font-size: 28px;padding-top:7px!important; margin-left: 15px; }
    .dir_profile .box ul{margin:10px -10px 0 -10px; width: calc(100% + 20px)}
    .dir_profile .box ul li{font-size: 16px;}
    .dir_profile .box ul li span{width: 130px; min-width: 130px;}
    /*원장약력_상단*/
     .nametag .img_wrap{width: 120px; height: 120px; margin-right:1em;}
    
    /*경영목표*/
    .vison_sect .tit_wrap h3{font-size: 28px;;}
    .vison_sect .tit_wrap p{font-size: 20px;}
    .vison_sect dl{width: 100%;margin:0;  }
    .vison_sect dl:after{display:none;}
    
    
    .vison_sect .stgy_item4 li p{width: calc(100% - 70px); background: transparent!important; color:#333; box-shadow: unset!important; font-size: 16px; }
    .vison_sect .stgy_item4 ol{margin-left: 60px;}
    .vison_sect .stgy_item4 ol li{font-size: 15px;}
    
    
     /*ci*/
    .ci_top{margin-bottom: 50px;}
    .ci_box h4{margin-bottom: 12px;}
    .ci_box ul li > span{font-size: 15px; }
    .ci_box li{width: 100%!important;}
    .ci_box p{margin-bottom: 20px;}
    .ci_box.ci_color li{padding: 1rem;}
    .ci_box.ci_color li:nth-child(1){border-bottom-left-radius: 0; border-top-right-radius: 10px;}
    .ci_box.ci_color li:nth-child(2){border-top-right-radius: 0; border-bottom-left-radius: 10px;}
    .ci_box.ci_down ul{row-gap: 10px;}
    
    /*연구원개요 */
    .estab_sect .pageComment_2 i{display: block;}
    .estab_sect .pageComment_2 i:first-child{margin-bottom:2px;}
    .estab_sect .pageComment_2 i:last-child{margin-left: auto;}
    .histo_sect .histo_sect{padding:30px 0;}
    .histo_sect .his_box .dtl dl:before{display:none;}
    .histo_sect .his_box .dtl dl{padding-left: 0;}
    .histo_sect .his_box .year{padding-bottom: 10px; border-bottom:1px solid #666;}
    
    /*인권경영 비전*/
    .humanV_wrap .v_box{margin-bottom: 20px;}
    .humanV_wrap .v_philo ul li{width: 100%; }
    .humanV_wrap .v_philo ul li:nth-child(2):before,
    .humanV_wrap .v_philo ul li:nth-child(2):after{left:50%; transform: translateX(-50%); right:unset; top:-23.5px}
    .humanV_wrap .v_philo ul li:nth-child(2):after{top:unset; bottom: -23.5px;}
    .humanV_wrap .v_philo ul li:first-child:before, .humanV_wrap .v_philo ul li:first-child:after{left: 50%; top:unset; bottom: -7.5px;right:unset; transform: translateX(-50%); }
    .humanV_wrap .v_philo ul li:last-child:before, .humanV_wrap .v_philo ul li:last-child:after{left: 50%; top:unset; top: -7.5px; transform: translateX(-50%); }
    .humanV_wrap .v_philo ul li:first-child:after,
    .humanV_wrap .v_philo ul li:last-child:after{transform: translateX(-50%) rotate(90deg);}
    .humanV_wrap .v_philo ul{margin-bottom: 40px;}
    .humanV_wrap .v_philo ul:after{display: none;;}
    .humanV_wrap .v_str li{width: 100%; }
    .humanV_wrap .v_str dd{margin-left: 24px;}
    .humanV_wrap .divd_wrap:has(.v_str){margin-bottom: 80px}
    
    /*구제절차신고*/
    .inv_help .divd_wrap:first-child .box{margin-bottom: 30px;}
    .inv_help .inv_call dl.item:nth-child(-n +2){width: 100%; }
    .inv_help .inv_call dt{font-size: 17px; font-weight: 700;}
    .inv_help .inv_call dl.link dd a,
    .inv_help .inv_call dl.down a{font-size: 15px; }
    .inv_help .inv_call dl.link dd a{width: 100%; padding:1rem;}
    .inv_help .inv_call dl.down a img{width:20px; margin-top:1px; }
    .inv_help .inv_proc{margin-bottom: 40px;}

    
    /* 인권경영추진체계 */
    .human_chart .cont:nth-child(1){margin-bottom: 80px;}
    .human_chart .cont:nth-child(1) > .wrap:nth-child(2){left:130px; top:130%}
    .human_chart .cont:nth-child(2) .wrap{left:-30px;}
    .human_chart .cont:nth-child(2):before{display:none;}
    
     /* voc */
    .voc_square li div{font-size:clamp(15px, 2vw, 17px);}
}

@media screen and (max-width:475px) {
    /*논문기고안내*/
    .guide_thesis .gT_txt dl{flex-direction: column!important;margin-bottom: 16px!important;}
    .guide_thesis .gT_txt dd{width: 100%; padding-left: 10px;}
    
    /*원장인사말*/
    .gret_wrap .box .img_box{height: auto;}
    .gret_wrap .box .img_box img{object-position: center center;}
    .gret_wrap .box p{margin-bottom: 16px; font-size: 16px; line-height: 1.6;}
    .gret_wrap h5{font-size: 20px;}
    
    
    /*원장약력*/
    .dir_profile .box ul li{flex-direction: column; ;}
    .dir_profile .box h3 span{display:none;}
    
    
    /*찾아오시는길*/
    .comeL_sect .summary{width: calc(100% - 20px)}
    .comeL_sect .box{flex-direction: column!important;row-gap: 20px;;}
    .comeL_sect .box .box_way{position:relative;}
    .comeL_sect .box .box_way strong{position:absolute; top:-70px;left: 100px }
    
    /*인권경영 비전*/
    .humanV_wrap .v_decla{padding: 60px 34px;}

    /* voc */
    .voc_items {max-width: clamp(230px, 76vw, 300px);max-height: clamp(230px, 76vw, 300px);}
    .voc_square ul{flex-wrap: wrap;}

}


@media screen and (max-width:425px) {
	/*원장약력_상단*/
	.nametag .img_wrap{width: 80px; height: 80px; margin-right:1em;}
    /* 게시판_검색 */
    /* .list_top input {padding-right: 40px;border-top-right-radius: 0.375rem !important;border-bottom-right-radius: 0.375rem !important;}
    .list_top button {width: 38px;height: 42px;min-width: 26px;position: absolute;top: 50%;right: 1px;transform: translateY(-50%);background-position: center center;z-index: 6;} */
    /* 콘텐츠 박스 */
    .conts_box .step li:not(:last-child)::after{display: none;}
    .forestry .cover li{width: calc(50% - 20px);}
    /*게시판리스트_타입2 (사전정보공표, KREI 핵심정보)*/
    .board_sect.type2 .item .info_box ul li{flex-direction: column; align-items: flex-start;font-size: 15px;}
    .board_sect.type2 .item .info_box li:not(:first-child) strong{margin-bottom: 6px; padding: 1px 12px;width: auto;}
    .board_sect.type2 .item .info_box ul li div{margin-left: 5px;width: 100%;}

 	/* 글쓰기 인풋 */
    .news_input > div{width:100%;}

    /*페이지네이션*/
    .pagination{position:relative}
    .pagination .page_arr{position:absolute; bottom:-30px; left: 50%; transform:translateX(-50%);}
    .pagination .page_arr:has(.first){left:calc(50% - 38px)}
    .pagination .page_arr:has(.prev){left:calc(50% - 16px)}
    .pagination .page_arr:has(.next){left:calc(50% + 16px)}
    .pagination .page_arr:has(.last){left:calc(50% + 38px)}

    /* 갤러리 */
    .photo_sect .item{width:100%;}

    /********************프로그램**********************/
    .board_sect.half .item img {max-width: 100px;min-width: 100px;}
    .board_sect.half .item .title {padding: 10px 0 45px 0;}
    .board_sect.half .item .detail li{flex-direction: column; margin-bottom:5px;}
    
    /*임업관측정보 pdf탭*/
    .pdfV_sect .title_wrap div:has(select){flex-wrap: wrap;}
    .pdfV_sect .title_wrap select{width: calc(50% - 5px);}
    .pdfV_sect .title_wrap div:has(select) .img_open{margin-top:10px;}
    .pdfV_sect .title_wrap select{width: calc(50% - 10px - 16px);}/*13trnwjd*/
    
    /*논문기고안내*/
    .thesis_support li{width: 100%; }
    
    /*국민의식조사 개요*/
    .pub_sense .result_research .img_box a{max-width: unset; bottom: -50px; }
    .pub_sense .result_research .img_box a br{display:none;}
    
    /*채용안내*/
    .recru_ctg li{width:100%;}

  	/* FAQ */
    .faq select:first-of-type {max-width: 100px; padding:.375rem 0.25rem .375rem .75rem ;}
    .faq select.category{background-position-x:70%;width:30%; max-width: 270px; border-left:0;font-size: clamp(14px, 4vw, 15px); font-weight: 500;}
    .faq .input-group{max-width:none;}
    
    /*정보공개*/
    .opIn_sect .cliam_box > div{border-radius: 10px;}
    
    /* voc */
    .voc_channel{border: none;}
    .voc_backBox .d-flex{flex-direction: column;}
    

}


@media screen and (max-width: 375px){
	/*채용안내*/
    .recru_process > div{row-gap: 70px!important;}
    .recru_process > div:before{display: none;;}
    .recru_process dl{flex-direction: column; justify-content:flex-start; align-items:flex-start;;}
    .recru_process dl:not(:last-child):after{left: 10px; top:90px;}
    
 	/* voc */
    .voc_center{width: 85px; height:85px; outline: 4px solid #CBE5E7;}
    .voc_plus img{width: 25px;}
    .voc_backBox > div:last-child div{padding: 2px;}
}


@media print {
	header, footer, .no-print, 
	.sub01, .sub02, .sub02_top .lay_menu{ display:none }
	* {-webkit-print-color-adjust: exact;print-color-adjust: exact;}
	.sub02_top .title_wrap{max-width: unset; }
	.sub02_top ~ .contentSTART{margin:0; margin-top: 140px; }
}
@page {
	margin: 0; width: 100%; 
}


/** 인증키 **/
#tableApi tbody th{
	padding: 10px 20px;
	vertical-align:middle;
	border-right:1px solid #dee2e6;
}

#tableApi tbody td{
	padding: 10px 20px;
}


#tableApi tbody td span{
	padding-top:8px;
}

#apiService h4.h4_tit{
	font-size:1em;
	margin: 10px 0;
}

#apiService h5.h5_tit{
	font-size:1em;
	font-weight:bold;
	margin: 10px 0 16px;
}

#apiService ul li, #apiService ol li{	
	margin: 7px 0;
	/* color: 333; */
}