@charset 'utf-8';
/* 공통 */
.search_s {position: relative; width:100%; display: flex; gap:5px;}
.search_s .input_btn {width:100%;}
.search_s select {background: url('../images/common/select_arrow_b.png') no-repeat calc(100% - 15px) 50% #f3f3f3; border:none; border-radius: 5px; padding:20px;}
.search_s input[type="text"] {position: relative; width:100%; font-weight: 500; border:none; background:#f3f3f3; color:#000; padding:20px 45px 20px 15px; border-radius: 5px;}
.search_s input::placeholder {color:#999999;}
.search_s label {display: none;}
.search_s button {position: absolute; right: 20px; top: 14px; width: 17px; height: 17px; background: url(../images/common/icon_topSearch.png) center no-repeat; text-indent: -999px; overflow: hidden;}
.search_s select[name="category"]{width: 150px;}
.search_s select[name="s_type"]{width: 100px;}

h4 {font-size:1.625em; font-weight: 700; color:#000;}

.down a,
.down button  {display: inline-block; font-size:0.875em; font-weight: 300; background:#eeeeee; color:#000; padding:9px 17px; border-radius: 5px;}
.down a::before,
.down button::before {content: ''; display: inline-block; width:14px; height:14px; background:url('../images/common/icon_down.png') center no-repeat; margin-right:15px;}


a.file_download {display: inline-block; background:#fff; color:#024385; font-size:1.25em; font-weight: 700; padding:19px 29px; border-radius: 10px; margin-top:35px;}
a.file_download::after {content:''; display: inline-block; width:12px; height:13px; background:url('../images/introduce/arrow_down_b.png') center no-repeat; margin-left:20px;}

.btn_wrap {width:100%; display: flex; justify-content: center;}
.btn_wrap button {background:#024385; color:#fff; font-weight: 700; padding:20px 74px; border-radius: 10px;}
.btn_wrap .list {}

/* 페이저 */
.pager {display: flex; width:100%; align-items: center; justify-content: center; margin-top:90px;}
.pager .arr {width:32px; height:42px; line-height: 42px; }
.pager a {display: block; width:100%; height:100%; font-size:0.8888em; text-align: center;color:#999999;}
.pager > ul  {display: flex; gap:5px; margin:0 20px;}
.pager > ul > li {width:42px; height:42px; line-height: 42px; border:1px solid #ececec;  border-radius: 5px; color:#999999;}
.pager > ul > li.on {background:#024385; border:1px solid #024385;}
.pager > ul > li.on a {color:#fff; font-weight: 900; text-decoration: underline;}

/* 출판 */
.pres {margin-bottom:170px;}
.pres .list_wrap {margin-top:44px;}
.pres .list_wrap .row {}
.pres .list_wrap .row a {display: flex; align-items: center; padding:50px 0; border-bottom:1px solid #ebebeb;}
.pres .list_wrap .row .icon {flex:0 0 110px;}
.pres .list_wrap .row .icon > span {display: inline-block; background:#024385; color:#fff; font-weight: 700; padding:5px 6px; border-radius: 10px;}
.pres .list_wrap .row .tit {flex:0 0 calc(100% - 320px); padding-left:68px;}
.pres .list_wrap .row .tit span {font-size:1.625em; color:#000; font-weight: 700; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-inline-box; height: 34px; }
.pres .list_wrap .row a:hover .tit span {color:#024385; }
.pres .list_wrap .row .date {flex:0 0 210px; color:#999999; font-weight: 300; }
.pres .list_wrap .row .date b {display: inline-block;}
.pres .list_wrap .row .date b::after {content: ''; display: inline-block; width:1px; height:12px; background:#e0e0e0; margin: 0 10px;}

/* 출판 view page */
.prev {margin-bottom:140px;}
.prev .vlist_wrap {margin:68px 0 0 0;}
.prev .vlist_wrap .top_wrap {border-bottom:1px solid #e0e0e0; padding-bottom:32px; margin-bottom:44px;}
.prev .vlist_wrap .top {display: flex; align-items: center; gap:36px;}
.prev.jeas .vlist_wrap .top {flex-direction: column; align-items: flex-start; gap:10px;}
.prev .vlist_wrap .top .icon {background:#024385; color:#fff; font-weight: 700; padding:6px 8px; border-radius: 10px;}
.prev .vlist_wrap .top .t_page {margin-top:5px;}
.prev .vlist_wrap .top .tit {font-size:2.375em; font-weight: 700; height: 44px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.prev .vlist_wrap .top > span { display: block; font-size: 1.125em; color: #024385; margin-bottom:20px;}
.prev .vlist_wrap .writer {display: flex; gap:27px; align-items: center; margin:37px 0 50px 0;}
.prev.jeas .vlist_wrap .writer {margin:10px 0 50px 0;}
.prev .vlist_wrap .writer .img {display: block; width:52px; height:52px; background:#e0e0e0; border-radius: 100%;overflow: hidden;}
.prev .vlist_wrap .writer .per {}
.prev .vlist_wrap .writer .per span {color:#000; font-weight: 700;}
.prev .vlist_wrap .bt {display: flex; justify-content: space-between;}
.prev .vlist_wrap .bt ul {display: flex; gap:6px;}
.prev .vlist_wrap .bt .sns a {display: block; width:37px; height:37px; border-radius: 100%;}
.prev .vlist_wrap .bt .sns a.face {background:url('../images/common/icon_facev.png') center no-repeat #eeeeee;}
.prev .vlist_wrap .bt .sns a.twi {background:url('../images/common/icon_twiv.png') center no-repeat #eeeeee;}
.prev .vlist_wrap .bt .sns a.mail {background:url('../images/common/icon_mailv.png') center no-repeat #eeeeee;}
.prev .vlist_wrap .bt .sns a.link {background:url('../images/common/icon_linkv.png') center no-repeat #eeeeee;}
.prev .vlist_wrap .bt .url a {color:#000;}

.prev .vlist_wrap .bt_wrap {display: flex; gap:78px; justify-content: space-between; width:100%;}
.prev .bt_wrap .lft_wrap {width:100%;}
.prev .bt_wrap .lft_wrap .tabs {display: flex; border:1px solid #e0e0e0; border-radius: 10px; margin-bottom:40px;}
.prev .bt_wrap .lft_wrap .tabs > li {flex:33.3333%; padding:2px;}
.prev .bt_wrap .lft_wrap .tabs > li a {color:#999999; font-size:1.25em; font-weight: 700; display: block; width:100%; text-align: center; padding:21px 0;}
.prev .bt_wrap .lft_wrap .tabs > li a.active {background:#272b32; color:#fff; border-radius: 10px; overflow: hidden;}
.prev .bt_wrap .lft_wrap .con {border-bottom:1px solid #e0e0e0; margin-bottom:50px; padding:0 0 50px 0; font-size:1.125em; line-height: 1.6666em; color:#777777;}
.prev .bt_wrap .lft_wrap .tit {font-weight: 700; color:#000; margin:20px 0 10px 0;}
.prev .bt_wrap .lft_wrap .btn_wrap {}
.prev .bt_wrap .lft_wrap table {width:100% !important;}
.prev .bt_wrap .lft_wrap p,
.prev .bt_wrap .lft_wrap table,
.prev .bt_wrap .lft_wrap span,
.prev .bt_wrap .lft_wrap div {font-size:18px !important; line-height: 32px !important;}
.prev .bt_wrap .lft_wrap strong span {font-size:26px !important; font-weight: 700;}
.prev .bt_wrap .rgh_wrap {flex:0 0 312px;}
.prev .bt_wrap .rgh_wrap .con {margin-bottom:65px;}
.prev .bt_wrap .rgh_wrap .con > .tit {font-size:1.25em; font-weight: 700; color:#000; border-bottom:3px solid #000000; padding-bottom:15px; margin-bottom:13px;}
.prev .bt_wrap .rgh_wrap .txt {border-bottom:1px solid #ebebeb; padding:11px 0 25px 0;}
.prev .bt_wrap .rgh_wrap .txt > span {color:#777777; font-size:1.125em; }
.prev .bt_wrap .rgh_wrap .tag {display: flex; flex-wrap: wrap; gap:5px 6px;}
.prev .bt_wrap .rgh_wrap .tag > span {display: inline-block; background:#eeeeee; border-radius: 15px; color:#777777; padding:12px 10px 13px 10px;}
.prev .bt_wrap .rgh_wrap .list_wrap {}
.prev .bt_wrap .rgh_wrap .img_wrap {width:100%; height: 177px; border-radius: 10px;   overflow: hidden;}
.prev .bt_wrap .rgh_wrap .txt_wrap {margin-bottom:40px;}
.prev .bt_wrap .rgh_wrap .txt_wrap .tag {color:#024385; font-weight: 700; font-size: 0.875em; margin-top:18px;}
.prev .bt_wrap .rgh_wrap .txt_wrap .tit  {color:#000000; font-size:1.25em; line-height: 1.5em; margin:15px 0 12px 0;}
.prev .bt_wrap .rgh_wrap .txt_wrap .tit  > span {display: inline; padding-bottom: 4px;}

.prev .edi_note {border:1px solid #c3c6cb; border-radius: 10px; padding:36px 38px; margin-bottom:53px;}
.prev .edi_note h3 {display: block; width:100%; font-size:22px; font-weight: 700; color:#024385; border-bottom:1px solid #024385; padding-bottom:25px; margin-bottom:30px;}
.prev .edi_note .txt_wrap {color:#024385; font-size:18px; line-height: 30px;}

.pres h3 {font-size:1.625em; font-weight: 700; padding-bottom:30px; border-bottom:3px solid #000; }
.jeas_wrap {}
.jeas_wrap .top_wrap {display: flex; gap:90px;}
.jeas_wrap .top_wrap .lft_wrap {}
.jeas_wrap .top_wrap .lft_wrap .img_wrap {width:260px; height:350px; border-radius: 10px; overflow: hidden;}
.jeas_wrap .top_wrap .rgh_wrap {border-top:3px solid #000; padding-top:35px;}
.jeas_wrap .top_wrap .rgh_wrap .tit {font-size:1.875em; font-weight: 700; margin-bottom:55px;}
.jeas_wrap .top_wrap .rgh_wrap .txt {color:#777777; font-size:1.125em; line-height: 1.66666em;}
.jeas_wrap .mv_wrap {margin-top:110px;}
.jeas_wrap .mv_wrap .movie {height:590px; background: url('../images/common/movie_bg.png') center no-repeat; border-radius: 10px; overflow: hidden;}
.jeas_wrap .bt_wrap {margin-top:110px;}
.jeas_wrap .bt_wrap table {width:100%;}
.jeas_wrap .bt_wrap table tr {border-bottom:1px solid #ebebeb; font-size:1.125em;}
.jeas_wrap .bt_wrap table th {text-align: left; font-weight: 500; padding:30px 0;}
.jeas_wrap .bt_wrap table td {color:#777777;}

.issue_wrap {}
.issue_wrap .tit_wrap {display: flex; justify-content: space-between;}
.issue_wrap .tit_wrap .lft_wrap {}
.issue_wrap .tit_wrap .lft_wrap .tit {font-size:1.875em; font-weight: 700; }
.issue_wrap .tit_wrap .lft_wrap span {display: block; font-size:1.125em; color:#024385; margin-top:10px;}
.issue_wrap .tit_wrap .rgh_wrap {display: flex; gap:10px;}
.issue_wrap .tit_wrap .rgh_wrap .select {}
.issue_wrap .tit_wrap .rgh_wrap .select select {background: url(../images/common/select_arrow_b.png) no-repeat calc(100% - 15px) 50% #f3f3f3; border: none; border-radius: 5px; padding: 20px 45px 20px 20px;}
.issue_wrap .top_wrap {display: flex; gap:90px; margin-top:50px; padding:50px 0 40px 0; border-top:3px solid #000; border-bottom:1px solid #ebebeb;}
.issue_wrap .top_wrap .lft_wrap {}
.issue_wrap .top_wrap .lft_wrap .img_wrap {width:260px; height:350px; border-radius: 10px; overflow: hidden;}
.issue_wrap .top_wrap .rgh_wrap {color:#777777; font-size:1.125em; line-height: 1.66666em;}
.issue_wrap .list_wrap {margin-top:110px;}
.pres .issue_wrap .list_wrap .row .tit {padding:0;}
.pres .issue_wrap .list_wrap .row a {flex-direction: column; align-items: flex-start; padding:38px 0;}
.pres .issue_wrap .list_wrap .row .date {flex:0 0 auto; display: flex; margin-top:10px;}
.pres .issue_wrap .list_wrap .row .date > span:first-child::after {content: ''; display: inline-block; width:1px; height:12px; background:#cdcdcd; margin:0 10px;}

.sbsc_wrap {}
.sbsc_wrap h5 {font-size:1.4444em; font-weight: 700; color:#000}
.sbsc_wrap .top_wrap {margin-bottom:90px;}
.sbsc_wrap .sbsc {display: flex; gap:35px; padding:50px 0; border-bottom:1px solid #ebebeb;}
.sbsc_wrap .lft_wrap {flex:0 0 276px; padding:0 40px;}
.sbsc_wrap .rgh_wrap {flex:0 0 calc(100% - 316px); color:#777777; font-size:1.125em;  line-height: 1.66666em;}
.sbsc_wrap .btn_wrap button {padding:24px 29px; margin-top:70px;}
.sbsc_wrap .btn_wrap button::after {content: ''; display: inline-block; width:13px; height:12px; background:url('../images/common/btn_arrowSubs.png') center no-repeat; margin-left:10px;}
.sbsc_wrap .bt_wrap {}
.sbsc_wrap .bt_wrap table {width:100%; color:#777777; margin-top:15px;}
.sbsc_wrap .bt_wrap table th {font-weight: 500; color:#000;}
.sbsc_wrap .bt_wrap table thead tr {border-bottom:1px solid #000; border-top:1px solid #000;}
.sbsc_wrap .bt_wrap table tbody tr {border-bottom:1px solid #dbdbdb;}
.sbsc_wrap .bt_wrap table th,
.sbsc_wrap .bt_wrap table td {text-align: center; border-right:1px solid #dbdbdb; padding:20px 0;}
.sbsc_wrap .bt_wrap table td:nth-child(2) {color:#000;}
.sbsc_wrap .bt_wrap table th:last-child,
.sbsc_wrap .bt_wrap table td:last-child {border-right:none;}

/* 프로젝트 */
.ptop_wrap {margin-top:60px; border-bottom:3px solid #000;}
.ptop_wrap .ptop {display: flex; gap:20px; align-items: flex-start; width:100%; padding:30px 0 80px 0;}
.ptop_wrap .ptop .item {flex:1 1 calc(12.5% - 10px); text-align: center;}
.ptop_wrap .ptop .item .cir {position: relative; width:100%; height: 166px; border-radius: 100%; display: flex; align-items: center; justify-content: center; color:#fff; font-size:1.5em; font-weight: 900; margin-bottom:18px}
.ptop_wrap .ptop .item:nth-child(1) .cir {background:url('../images/project/pro_icon01.png') center no-repeat;}
.ptop_wrap .ptop .item:nth-child(2) .cir {background:url('../images/project/pro_icon02.png') center no-repeat;}
.ptop_wrap .ptop .item:nth-child(3) .cir {background:url('../images/project/pro_icon03.png') center no-repeat;}
.ptop_wrap .ptop .item:nth-child(4) .cir {background:url('../images/project/pro_icon04.png') center no-repeat;}
.ptop_wrap .ptop .item:nth-child(5) .cir {background:url('../images/project/pro_icon05.png') center no-repeat;}
.ptop_wrap .ptop .item:nth-child(6) .cir {background:url('../images/project/pro_icon06.png') center no-repeat;}
.ptop_wrap .ptop .item:nth-child(7) .cir {background:url('../images/project/pro_icon07.png') center no-repeat;}
.ptop_wrap .ptop .item:nth-child(8) .cir {background:url('../images/project/pro_icon08.png') center no-repeat;}
.ptop_wrap .ptop .item .cir:after {content: ""; display: block;padding-bottom: 100%;}
.ptop_wrap .ptop .item .cir::before {content: ''; position: absolute; width:100%; height:100%; border-radius: 100%; border:1px solid #024385; opacity: 0; visibility: hidden; transition:all 0.3s ease-in-out;}
.ptop_wrap .ptop .item a:hover .cir::before {opacity: 1; visibility: visible; width:calc(100% + 4px); height:calc(100% + 4px);}
.ptop_wrap .ptop .item a.active .cir::before {opacity: 1; visibility: visible; width:calc(100% + 4px); height:calc(100% + 4px);}
.ptop_wrap .ptop .item .tit {height: 55px; margin-bottom:20px; display: none;}
.ptop_wrap .ptop .item .tit span {padding-bottom: 1px; font-size:1.25em; font-weight: 600; color:#000; display: inline;}
.ptop_wrap .ptop .item a:hover .tit span {color:#033f7b;}
.ptop_wrap .ptop .item a.active .tit span {color:#033f7b;background-size: 100% 3px;}
.ptop_wrap .ptop .item .goto {display: inline-block; padding:8px 10px; background:#024385; border-radius: 5px; color:#fff; font-size:0.875em; }
.ptop_wrap .ptop .item .goto::before {content: ''; display: inline-block; width:11px; height:11px; background:url('../images/common/icon_plus.png') center no-repeat; margin-right:8px;}

.pbt_wrap {margin-top:75px;}
.pbt_wrap .list_wrap {display: flex; gap:23px; flex-wrap: wrap; margin:38px 0 138px 0;}
.pbt_wrap .list_wrap .item {flex:0 0 calc(33.33% - 16px); position: relative;}
.pbt_wrap .list_wrap .item a {display: block; border:1px solid #ebe1c8; box-shadow: 2px 2px 0px #d0ad51; border-radius: 10px; padding:27px 20px 43px 20px; transition:all 0.3s ease-in-out; min-height: 131px;}
.pbt_wrap .list_wrap .item:hover a {border:1px solid #024385; box-shadow: 2px 2px 0px #024385;}
.pbt_wrap .list_wrap .item::before {content: ''; position: absolute; right: 13px; top: 13px; display: inline-block; width:11px; height:11px; background:url('../images/common/icon_plus_g.png') center no-repeat; transition:all 0.3s ease-in-out; z-index: 1;}
.pbt_wrap .list_wrap .item:hover::before {background:url('../images/common/icon_plus.png') center no-repeat;}
.pbt_wrap .list_wrap .item::after {content: ''; width:29px; height:29px; border-radius: 10px; position: absolute; right:4px; top:4px; background:#eeeeee; transition:all 0.3s ease-in-out;}
.pbt_wrap .list_wrap .item:hover::after {background:#024385;}
.pbt_wrap .list_wrap .item .tit {color:#000; font-size:1.25em; font-weight: 600;}
.pbt_wrap .list_wrap .item .tit span {padding-bottom: 3px;}
.pbt_wrap .list_wrap .item:hover .tit {color:#003c78;}
.pbt_wrap .list_wrap .item .sti {color:#777777; font-size:0.875em; margin-top:5px;}

/* 출판 List page  */
.plist {margin-bottom:195px;}
.plist .ttxt_wrap {display: flex; gap:60px; align-items: center; font-size:1.25em; line-height: 1.5em; margin-bottom:60px;}
.plist .ttxt_wrap::before {content: ''; display: inline-block; width:49px; height:58px; background:url('../images/project/icon_plist.png') center no-repeat;}
.plist .list_wrap .item {display: flex; align-items: center; gap:90px; padding:40px 0; border-bottom:1px solid #ebebeb;}
.plist .list_wrap .item .img_wrap {flex:0 0 400px; max-width:400px; width:100%; height:225px; border-radius: 10px; background:#e3e7ed; border-radius: 10px; overflow: hidden;}
.plist .list_wrap .item .txt_wrap > a {display: block;}
.plist .list_wrap .item .icon > span {display: inline-block; background:#024385; color:#fff; font-weight: 700; padding:5px 9px; border-radius: 10px; margin-bottom:20px}
.plist .list_wrap .item .tit > span {display: -webkit-inline-box;  height:38px; font-size:1.75em; font-weight: 700; color:#000; overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.plist .list_wrap .item a:hover .tit > span {color:#033f7b;}
.plist .list_wrap .item .txt {line-height:1.625em; color:#999999; margin:20px 0 30px 0;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.plist .list_wrap .item .bt {display: flex; justify-content: space-between;}.pres .list_wrap .row .date {flex:0 0 210px; color:#999999; font-weight: 300; }
.plist .list_wrap .item .bt .date b {display: inline-block;}
.plist .list_wrap .item .bt .date b::after {content: ''; display: inline-block; width:1px; height:12px; background:#e0e0e0; margin: 0 10px;}
.plist .list_wrap .item .down {display: flex; gap:5px;}

.prev .vlist_wrap .top_wrap .number {display: flex; gap:10px;}
.prev .vlist_wrap .top_wrap .number .select {}
.prev .vlist_wrap .top_wrap .number .select select {background: url(../images/common/select_arrow_b.png) no-repeat calc(100% - 15px) 50% #f3f3f3; border: none; border-radius: 5px; padding: 20px 45px 20px 20px;}

/* 행사 */
/* 셀나뉜 메뉴 레이아웃 - 연구원소식 공통*/
.colmenu_wrap {display: flex; min-height:760px;}
.colmenu_wrap .left_menu {flex:0 0 301px; border-right:1px solid #e0e0e0; padding:50px 60px 0 0;}
.colmenu_wrap .left_menu .tab_menu a {display: block; color:#9d9d9d; font-size:1.625em; font-weight: 700; padding-bottom:10px;}
.colmenu_wrap .left_menu .tab_menu .on a {color:#000000; font-size:2.875em;}
.colmenu_wrap .link_wrap {width:100%; margin-top:100px; border-top:3px solid #000000;}
.colmenu_wrap .link_wrap .link {border-bottom:1px solid #ebebeb;}
.colmenu_wrap .link_wrap .link a {display: block; position: relative; padding:20px 0 21px 0; color:#000;}
.colmenu_wrap .link_wrap .link a:hover {color:#033f7b;}
.colmenu_wrap .link_wrap .link a::before {content: ''; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); display: inline-block; width:29px; height:29px; background:url('../images/common/icon_link.png') center no-repeat;}
.colmenu_wrap .link_wrap .link div {font-size:1.25em; font-weight: 700;}
.colmenu_wrap .link_wrap .link span {display: block; margin-top:4px; font-size:0.875em; color:#999999;}
.colmenu_wrap .rgh_cont {flex:1 1 100%; padding:50px 0 0 60px;}

.elist {}
.elist .list_wrap {margin-top:40px;}
.elist .list_wrap .row {}
.elist .list_wrap .row > a {display: flex; align-items: center; border-bottom:1px solid #ebebeb; padding:23px 0;}
.elist .list_wrap .icon {flex:0 0 100px; display: flex; justify-content: center;}
.elist .list_wrap .cate {flex:0 0 127px; text-align: center; color:#000; font-size:0.875em; font-weight: 300; margin-right:20px;}
.elist .list_wrap .icon > span {display: inline-block; color:#024385; font-size:1.125em; border:1px solid #024385; border-radius: 15px; padding:13px 11px; margin-right:20px; }
.elist .list_wrap .icon.comp > span {color:#c09014; border:1px solid #d0ad51;}
.elist .list_wrap .tit {flex:1; display: flex; align-items: center;}
.elist .list_wrap .tit > span {font-size:1.25em; color:#000000; height:26px; overflow: hidden; text-overflow: ellipsis;  display:-webkit-inline-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.elist .list_wrap .tit.down_file::after {content: ''; flex:0 0 14px; display: inline-block; width:14px; height:14px; background:url('../images/introduce/icon_download.png') center no-repeat; margin-left:15px;}
.elist .list_wrap a:hover .tit > span {color:#033f7b;}
.elist .list_wrap .date {flex:0 0 130px; text-align: right;}

/* 셀나뉜 메뉴 뷰페이지 - 연구원소식 공통 */
.elist {margin-bottom:140px;}
.elist .vlist_wrap {margin:20px 0 0 0;}
.elist .vlist_wrap .top_wrap {border-bottom:1px solid #e0e0e0; padding-bottom:60px; margin-bottom:60px;}
.elist .vlist_wrap .top {display: flex; align-items: center; gap:36px;}
.elist .vlist_wrap .top .icon {background:#024385; color:#fff; font-weight: 700; padding:6px 8px; border-radius: 10px;}
.elist .vlist_wrap .top .tit {font-size:2.375em; font-weight: 700; height: 44px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.elist .vlist_wrap .top_wrap .date {padding:20px 0 40px 0}
.elist .vlist_wrap .top_wrap .date span:first-child::after {content: ''; display: inline-block; width:1px; height:10px; background:#999999; margin:0 14px;}
.elist .vlist_wrap .bt {display: flex; justify-content: space-between;}
.elist .vlist_wrap .bt ul {display: flex; gap:6px;}
.elist .vlist_wrap .bt ul.down {flex-direction: column;}
.elist .vlist_wrap .bt .sns a {display: block; width:37px; height:37px; border-radius: 100%;}
.elist .vlist_wrap .bt .sns a.face {background:url('../images/common/icon_facev.png') center no-repeat #eeeeee;}
.elist .vlist_wrap .bt .sns a.twi {background:url('../images/common/icon_twiv.png') center no-repeat #eeeeee;}
.elist .vlist_wrap .bt .sns a.prin {background:url('../images/common/icon_prinv.png') center no-repeat #eeeeee;}
.elist .vlist_wrap .lft_wrap .con {margin-bottom:50px; padding:0 0 50px 0; font-size:1.125em; line-height: 1.6666em; color:#777777;}
.elist .vlist_wrap .link_list {border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; margin-bottom:50px;}
.elist .vlist_wrap .link_list .prev {margin:0; border-bottom:1px solid #e0e0e0;}
.elist .vlist_wrap .link_list .next {}
.elist .vlist_wrap .link_list div > a {display: flex; width:100%; color:#000; padding:15px 0;}
.elist .vlist_wrap .link_list div span {flex:0 0 126px; text-align: center; font-weight: 700;}

/* 교육 */
.edu {margin:0 0 210px 0;}
.edu .sub_visual {display: flex; justify-content: center; align-items: center; width:100%; height:450px; border-radius: 10px; overflow: hidden; text-align: center;}
.edu .sub_visual.sub0401 {background:url('../images/common/sub_visual0401.jpg') center no-repeat; background-size:cover; margin-bottom:150px;}
.edu .sub_visual.sub0402 {background:url('../images/common/sub_visual0402.jpg') center no-repeat; background-size:cover; margin-bottom:80px;}
.edu .sub_visual.sub0403 {background:url('../images/common/sub_visual0403.jpg') center no-repeat; background-size:cover; margin-bottom:80px;}
.edu .sub_visual.sub0404 {background:url('../images/common/sub_visual0404.jpg') center no-repeat; background-size:cover; margin-bottom:80px;}
.edu .sub_visual .txt_wrap {margin-top:36px;}
.edu .sub_visual .txt_wrap p {font-size:2.125em; font-weight: 700; line-height: 1.4117em ; color:#fff;}
.edu .sub_visual .txt_wrap button {background:#024385; color:#fff; font-size:1.25em; font-weight: 700; border-radius: 10px; padding:21px 29px; margin-top:59px;}
.edu .sub_visual .txt_wrap button::after {content: ''; display: inline-block; width:13px; height:12px; background:url('../images/common/icon_arrow_w.png') center no-repeat; margin-left:10px;}
.edu .edu_txt {color:#777777; font-size:1.125em; line-height: 1.6666em; margin-bottom:110px;}
.edu .edu_wrap {}
.edu .edu_wrap h4 {border-bottom:3px solid #000; padding-bottom:25px; margin-bottom:40px;}
.edu .edu_wrap h3 {font-size: 1.625em; font-weight: 700; color: #000;border-bottom:1px solid #000; padding-bottom:25px;}
.edu .edu_wrap .col_2 {display: flex; gap:60px;}
.edu .edu_wrap .col_2 > div {flex:1 1 50%;}
.edu .edu_wrap .col_2 .txt {color:#777777; font-size:1.125em; line-height:1.6666666666666667em;}
.edu .edu_wrap .col_2 .txt b {font-weight: 400; color:#000;}
.edu .edu_wrap .col_2.has_img > div.lft_wrap {flex:0 0 490px; padding-right:32px;}
.edu .edu_wrap .col_2.has_img ul li {font-size:1.125em; padding:25px 0; border-bottom:1px solid #e0e0e0;}
.edu .edu_wrap .col_2.has_img ul li > div {position: relative; font-weight: 700; margin-bottom:14px; margin-left:17px;}
.edu .edu_wrap .col_2.has_img ul li > div::before {content: ''; display: inline-block; width:6px; height:6px; background:url('../images/common/icon_dot.png') center no-repeat; position: absolute; top: 7px; left: -16px;}
.edu .edu_wrap .col_2.has_img ul li > p {color:#024385; margin-left:17px;}
.edu .edu_wrap .col_2.has_img .img_wrap > img {width:100%;}
.edu .edu_wrap .pro_wrap {display: flex; gap:47px;}
.edu .edu_wrap .pro_wrap .pro {}
.edu .edu_wrap .pro_wrap .pro .tit {font-size:1.875em; font-weight: 700; margin-bottom:33px;}
.edu .edu_wrap .pro_wrap .pro > ul {}
.edu .edu_wrap .pro_wrap .pro > ul li {color:#777777; font-size:1.125em; line-height: 1.55555555em; }
.edu .edu_wrap .cls_wrap {display: flex; gap:29px;}
.edu .edu_wrap .cls_wrap > div {width:106px; height:110px; font-size:1.625em; border:1px solid #a1aab3; border-radius: 10px; display: flex; justify-content: center; align-items: center; color:#024385; font-weight: 700; margin-bottom:60px;}
.edu .edu_wrap .cls_wrap > ul {}
.edu .edu_wrap .cls_wrap > ul li {color:#777777; font-size:1.125em; line-height: 1.55555555em; }
.edu .edu_wrap .talk_wrap {}
.edu .edu_wrap .talk_wrap > ul {background:#fafafa; border-radius: 10px; overflow: hidden;}
.edu .edu_wrap .talk_wrap > ul li {display: flex; border-bottom:1px solid #e8e8e8;}
.edu .edu_wrap .talk_wrap > ul li:last-child {border:none;}
.edu .edu_wrap .talk_wrap > ul li span {flex:0 0 140px; font-weight: 700; text-align: center; background:#f5f5f5; padding:26px 0;}
.edu .edu_wrap .talk_wrap > ul li p {padding:26px 30px; color:#024385; font-size:1.125em;}
.edu .edu_wrap .edu_year {display: flex;}
.edu .edu_wrap .edu_year .tit {flex:0 0 220px; color:#999999; font-size:2.5em; font-weight: 700;}
.edu .edu_wrap .edu_year > ul {}
.edu .edu_wrap .edu_year > ul > li {color:#777777; font-size:1.125em; line-height: 1.55555555em; }
.edu .edu_wrap.korea p {font-size:1.125em; color:#777777; line-height: 1.66em;}
.edu .edu_img {display: flex; width:100%; gap:30px;}
.edu .edu_img .ed {flex:0 0 calc(33.3333% - 10px); border-radius: 10px; overflow: hidden; height:430px; display: flex; flex-direction: column; justify-content: space-between; padding:50px 30px 30px 30px; color:#fff;}
.edu .edu_img .ed:nth-child(1) {background:url('../images/education/edu_bg01.png') center no-repeat; background-size:cover;}
.edu .edu_img .ed:nth-child(2) {background:url('../images/education/edu_bg02.png') center no-repeat; background-size:cover;}
.edu .edu_img .ed:nth-child(3) {background:url('../images/education/edu_bg03.png') center no-repeat; background-size:cover;}
.edu .edu_img .ed .tit {}
.edu .edu_img .ed b {display: block; font-size:2.75em; margin-bottom:5px;}
.edu .edu_img .ed span {display: block; font-size:1.25em;}
.edu .edu_img .ed .s {font-size:1.125em; }

/* 연구원소식 */
/* 뉴스레터 */
.newslet .ttxt_wrap {display: flex; gap:60px; align-items: center; font-size:1.25em; line-height: 1.5em; margin-bottom:60px; color:#024385;}
.newslet .ttxt_wrap::before {content: ''; display: inline-block; width:80px; height:55px; background:url('../images/common/icon_newsletter.png') center no-repeat;}
.newslet .ttxt_wrap > div {flex:1 1 80px; text-align: right;}
.newslet .ttxt_wrap button {background:#024385; color:#fff; font-weight: 700; padding:17px 35px; border-radius: 10px;} 
.modal_news.modal-con {height:822px; border-radius: 10px;}
.modal_news.modal-con .title {padding:45px 0 40px 0;}
.modal_news .form_wrap {}
.modal_news .form_wrap .row {padding-bottom:21px;}
.modal_news .form_wrap .row:nth-last-child(2) {padding-bottom:1px;}
.modal_news .form_wrap .col ul {display: flex; gap:20px; align-items: center; padding-top:8px;}
.modal_news .form_wrap .col > span {display: block; margin-bottom:5px; font-size:1.125em;}
.modal_news .form_wrap .col input[type=text] {width:100%; height:50px; background:#f3f3f3; border:none; border-radius: 5px;}
.modal_news .form_wrap .col .email > li:first-child {width:60%;}
.modal_news .form_wrap .col .scrollBar_wrap {height:140px; color:#a0a0a0; border:1px solid #e1e2e6; border-radius: 3px; padding:6px 5px 6px 15px; margin-top:14px}
.modal_news .form_wrap .col .scrollBar_wrap .scrollBar {height:100%; overflow-y: scroll; padding:24px 0;}
.modal_news .form_wrap .col .agree_wrap {border:1px solid #000000; border-radius: 5px; padding:11px 15px 15px 11px; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.18);}
.modal_news .btn_wrap button {padding:18px 35px;}

/* 채용안내 */
.recu_top {}
.recu_top .con_wrap {display: flex; flex-wrap: wrap; gap:20px 29px; margin:40px 0 130px 0;}
.recu_top .con_wrap .item {position: relative; flex:0 0 calc(33.333% - 20px);}
.recu_top .con_wrap .item .front {position: relative; height:430px; background:#fff; border:1px solid #e0e0e0; border-radius: 10px; overflow: hidden; color:#777777; padding:30px; opacity: 1; visibility: visible; transform-style: preserve-3d; transform: rotateY(0deg); -webkit-backface-visibility: hidden; backface-visibility: hidden;  transition: all .8s ease-in-out;}
.recu_top .con_wrap .item .front::before {content: '"'; display: inline-block; color:#d8d8d8; font-weight: 600; font-size:5.3125em; margin-bottom:20px;}
.recu_top .con_wrap .item .front .tit {font-size:1.625em; color:#000; position: absolute; bottom:30px;}
.recu_top .con_wrap .item .back {position: absolute; top:0; left:0; height:430px; background:#013368; color:#fff; padding:30px; border-radius: 10px; overflow: hidden;  z-index: -1; transform-style: preserve-3d; transform: rotateY(-180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all .8s ease-in-out;}
.recu_top .con_wrap .item.active .front {transform: rotateY(180deg);}
.recu_top .con_wrap .item.active .back {transform: rotateY(0deg); z-index: 1;}
.recu_top .con_wrap .item .back:before {content: ''; display: inline-block; width:100%; height:152px; margin-bottom:30px;}
.recu_top .con_wrap .item:nth-child(1) .back::before {background:url('../images/notice/icon_recu01.png') center left no-repeat;}
.recu_top .con_wrap .item:nth-child(2) .back::before {background:url('../images/notice/icon_recu02.png') center left no-repeat;}
.recu_top .con_wrap .item:nth-child(3) .back::before {background:url('../images/notice/icon_recu03.png') center left no-repeat;}
.recu_top .con_wrap .item:nth-child(4) .back::before {background:url('../images/notice/icon_recu04.png') center left no-repeat;}
.recu_top .con_wrap .item:nth-child(5) .back::before {background:url('../images/notice/icon_recu05.png') center left no-repeat;}
.recu_top .con_wrap .txt {height:110px; font-size:1.125em; line-height: 1.6666em; margin-bottom:30px;}
.recu_top .con_wrap .tit {font-size:2.25em; font-weight: 900;}

/* 연구원소개 */
.intro {margin-bottom:240px;}
.intro .gal_wrap {display: flex; gap:20px; flex-wrap: wrap;}
.intro .gal_wrap .gallery {flex:0 0 calc(25% - 15px);}
.intro .gal_wrap .gallery > a {position: relative; width:100%; height:100%;}
.intro .gal_wrap .gallery .img_wrap {width:100%; height:100%; height:355px;  border-radius: 15px; overflow: hidden;}
.intro .gal_wrap .gallery .txt_wrap {position:absolute; right:20px; bottom:20px;}
.intro .gal_wrap .gallery .txt_wrap > span {font-size:1.25em; font-weight: 700; color:#fff; display: flex; gap: 16px; align-items: center;}
.intro .gal_wrap .gallery .txt_wrap > span::after {content: ''; display: inline-block; width:50px; height:50px; background:url('../images/common/btn_down.png') center no-repeat;}
.intro .gal_wrap .gallery .tit_wrap {padding:25px 0;}
.intro .gal_wrap .gallery .tit_wrap > span {font-size:1.25em; font-weight: 700; color:#000; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; }
.intro .gal_wrap .gallery .tit_wrap > span::after {content: ''; position: absolute; right: 20px; bottom: 94px; display: inline-block; width:50px; height:50px; background:url('../images/common/btn_down.png') center no-repeat;}

.intro .vdo_wrap {display: flex; gap:30px; flex-wrap: wrap;}
.intro .vdo_wrap .video {flex:0 0 calc(33.333% - 20px);}
.intro .vdo_wrap .video .img_wrap {height:315px; border-radius: 15px; overflow: hidden;}
.intro .vdo_wrap .video .tit_wrap {padding:25px 0;}
.intro .vdo_wrap .video .tit_wrap > span {font-size:1.25em; font-weight: 700; line-height: 1.5em; color:#000; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }

.intro .space_wrap {}
.intro .space_wrap .con_wrap {display: flex; align-items: center; margin-bottom:100px;}
.intro .space_wrap .con_wrap:last-child {margin-bottom:0}
.intro .space_wrap .con_wrap.rev {flex-direction: row-reverse;}
.intro .space_wrap .con_wrap .slider {position: relative;}
.intro .space_wrap .con_wrap .lft_wrap {flex:0 0 50%; border-radius: 10px; overflow: hidden;}
.intro .space_wrap .con_wrap .rgh_wrap {flex:0 0 50%; padding-left:100px;}
.intro .space_wrap .con_wrap .rgh_wrap h5 {font-size:2.125em; font-weight: 700; margin-bottom:55px;}
.intro .space_wrap .con_wrap .rgh_wrap p {color:#777777; font-size: 1.125em; line-height:1.6666em; margin-bottom:45px;}
.intro .space_wrap .con_wrap .rgh_wrap span {background:#f0f3f6; border-radius: 5px; color:#024385; font-size:1.25em; font-weight: 700; padding:30px 22px; display: inline-block;}
.intro .space_wrap .con_wrap .swiper-pagination {position: relative; margin-top:10px;}
.intro .space_wrap .con_wrap .swiper-pagination-bullet {width:8px; height:8px; background:#cecdc8; margin:0 4px;}
.intro .space_wrap .con_wrap .swiper-pagination-bullet-active {background:#024385;}
.intro .space_wrap .con_wrap .btn {position: absolute; top:50%; transform: translate(0, -50%); z-index: 1;}
.intro .space_wrap .con_wrap .btn_prev {left:50px;}
.intro .space_wrap .con_wrap .btn_next {right:50px;}

.intro .rev_wrap {}
.intro .rev_wrap h5 {font-size:1.625em; font-weight: 700; margin-bottom:30px;}

.intro .plant_wrap {margin-top:10px; margin-bottom:120px;}
.intro .plant_wrap .item {display: flex; width:100%; gap:20px; margin-bottom:40px; height:350px;}
.intro .plant_wrap .lft_wrap {flex:1 1 calc(100% - 560px); position: relative; height:100%; border:1px solid #e0e0e0; border-radius: 15px; padding:50px 50px 40px 50px;}
.intro .plant_wrap .lft_wrap h6 {font-size:1.875em; font-weight: 700; margin-bottom:30px;}
.intro .plant_wrap .lft_wrap ul {display: flex; gap:5px; margin-bottom:45px;}
.intro .plant_wrap .lft_wrap ul > li {}
.intro .plant_wrap .lft_wrap ul > li > span {display: inline-block; background:#024385; color:#fff; border-radius: 20px; padding:10px 20px; font-size:1.125em;}
.intro .plant_wrap .lft_wrap .txt_wrap {font-size:1.125em; line-height:1.6666666666666667em;}
.intro .plant_wrap .lft_wrap .txt_wrap > p {display: block; width:100%; border-top:2px solid #000000; padding-top:10px; margin-top:15px;}
.intro .plant_wrap .lft_wrap .flr {position: absolute; right:20px; top:20px; font-size:1.25em; font-weight: 700; color:#024385; background:#f0f3f6; padding:28px 24px; border-radius: 15px;}
.intro .plant_wrap .rgh_wrap {flex:0 0 540px; height:100%;}
.intro .plant_wrap .rgh_wrap .img_wrap {height:100%; border-radius: 10px; overflow: hidden;}

.intro .step_wrap {display: flex; gap:13px; width:100%; margin-bottom:120px;}
.intro .step_wrap .item {display: flex; align-items: center; gap:35px; flex:1 1 25%; background:#f9f9f9; border-radius: 10px; padding:21px;}
.intro .step_wrap .item > span {background:#000000; border-radius: 10px; color:#fff; font-size:1.125em; padding:16px;}
.intro .step_wrap .item > div {font-size:1.375em; font-weight: 700;}

.intro .rev_wrap {} 
.intro .rev_wrap table {width:100%; font-size:1.125em; border-top:1px solid #000000; }
.intro .rev_wrap table tr {border-bottom:1px solid #dbdbdb;}
.intro .rev_wrap table th {font-weight: 500; text-align: left; padding:17px 0;}
.intro .rev_wrap table td {color:#777777;}

.intro .app_wrap {height:369px; border-radius: 10px; overflow: hidden; margin-top: 130px; background:url('../images/introduce/bg_appy.png') center no-repeat; color:#fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.intro .app_wrap > div {font-size:2.125em; font-weight: 700; color:#fff;}

/* 연혁 및 조직도 */
.his_wrap h4, 
.org_wrap h4 {margin-bottom:40px;}
.hitory {border-bottom:3px solid #000; padding-bottom:90px; margin-bottom:90px;}
.hitory .year {display: flex; position: relative; width:100%; margin:0 0 100px 0; z-index: 5; }
.hitory .year .swiper-pagination-bullet {flex:0 0 33.33333%; width:100%; height:auto; color:#d4d4d4; font-size:3.125em; text-align: center; font-weight: 700;    display: flex; align-items: center; justify-content: center; letter-spacing: -.085em;}
.hitory .year .swiper-pagination-bullet.swiper-pagination-bullet-active {color:#024385; font-size:5em;}
.hitory .swiper-pagination-bullets-dynamic {overflow: visible; font-size:1em; width:100%;}
.hitory .his_nav {position: relative; margin-bottom:90px;}
.hitory .his_nav .swiper-wrapper {align-items: center;}
.hitory .his_nav .swiper-slide {width:100%; height:100%; color:#d4d4d4; font-size:3.125em; text-align: center; font-weight: 700;    display: flex; align-items: center; justify-content: center; letter-spacing: -.085em;}
.hitory .his_nav .swiper-slide.swiper-slide-active {color:#024385; font-size:5em;}
.hitory .swiper-button-prev {content: ''; display: inline-block; width:42px; height:42px; background:url('../images/introduce/btn_bullet_pre.png') center no-repeat; position: absolute; left:0; top:70px; transform: translate(0, -50%); z-index: 6;}
.hitory .swiper-button-next {content: ''; display: inline-block; width:42px; height:42px; background:url('../images/introduce/btn_bullet_next.png') center no-repeat; position: absolute; right:0; top:70px; transform: translate(0, -50%); z-index: 6;}
.hitory .swiper-slide {display: flex; flex-wrap: wrap; gap:100px 70px;}
.hitory .cont {flex:0 0 calc(33.333% -  50px);}
.hitory .cont .tit {font-size:2.125em; font-weight: 700; color:#000;}
.hitory .cont .tit::before {content: ''; display: inline-block; width:26px; height:15px; background:url('../images/introduce/icon_year.png') center no-repeat; vertical-align: middle; margin-right:10px;}
.hitory .cont ul {margin:35px 0 0 37px;}
.hitory .cont ul li {position: relative; color:#777777; font-size:1.125em; line-height: 2em;}
.hitory .cont ul li::before {content:''; display: inline-block; width:4px; height:4px; background:#acacac; margin-right:10px; vertical-align: middle; position: absolute; top:13px; left:-14px;}
.org_wrap {}

/* EAI 사람들 */
.intro .t_wrap {display: flex; gap:110px; margin-bottom:100px;}
.intro .t_wrap:last-child {margin-bottom:80px;}
.intro .t_wrap .lft_wrap {flex:0 0 590px;}
.intro .t_wrap .lft_wrap h4 {margin-bottom:50px;}
.intro .t_wrap .lft_wrap .tit {font-size:2.125em; line-height:1.352em; font-weight: 700; letter-spacing: -.054em; }
.intro .t_wrap .lft_wrap .img_wrap {display: flex; justify-content: space-between; margin-top:110px; align-items: flex-start;}
.intro .t_wrap .lft_wrap .per {display: flex; gap:20px; align-items: center;}
.intro .t_wrap .lft_wrap .per::before {content:''; display: inline-block; width:45px; height:45px; background:url(../images/introduce/icon_into_logo.png) center no-repeat;}
.intro .t_wrap .lft_wrap .per span {display: block; color:#024385; font-size:1.125em;}
.intro .t_wrap .lft_wrap .per b {display: block; font-size:1.875em; font-weight: 700;}
.intro .t_wrap .rgh_wrap {border-top:3px solid #000; padding-top:30px;}
.intro .t_wrap .rgh_wrap p {color:#777777;font-size:1.125em; line-height: 1.666em;}

.intro .b_wrap {}
.intro .b_wrap .table_wrap {font-size:1.125em; line-height: 1.666em; width:100%; margin-top:17px;}
.intro .b_wrap .table_wrap thead th {border-top:1px solid #000; border-bottom:1px solid #000; padding:14px 0; border-right:1px solid #dbdbdb;}
.intro .b_wrap .table_wrap tbody tr:hover {background:#f5f5f5;}
.intro .b_wrap .table_wrap tbody td {color:#777777; padding:14px 20px; border-bottom:1px solid #dbdbdb; text-align: center; border-right:1px solid #dbdbdb;}
.intro .b_wrap .table_wrap thead th:last-child {border-right:none;} 
.intro .b_wrap .table_wrap tbody td:last-child {border-right:none; text-align: left;}
.intro .b_wrap .table_wrap a {color:#000; text-decoration: underline;}
.modal_intro {height:750px !important;}
.modal_intro .con {padding:10px !important;}
.modal_intro .tpro_wrap {display: flex; gap:45px; align-items: center; margin-bottom:10px;}
.modal_intro .tpro_wrap .lft_wrap {}
.modal_intro .tpro_wrap .icon {display: inline-block; background:#024385; color:#fff; padding:8px 14px; border-radius: 10px;}
.modal_intro .tpro_wrap .tit {margin-top:28px;}
.modal_intro .tpro_wrap .tit b {font-size:2.375em; font-weight: 700;}
.modal_intro .tpro_wrap .tit span {display: block; margin-top:15px;}
.modal_intro .tpro_wrap ul {margin-top:40px;}
.modal_intro .crd_wrap {height: 386px; overflow-y: scroll;}
.modal_intro .crd_wrap .card {background:#f3f3f3; border-radius: 10px; overflow: hidden; padding:40px 20px 5px 20px; margin-bottom:10px;}
.modal_intro .crd_wrap .card table {width:100%; border-top:3px solid #000;}
.modal_intro .crd_wrap .card caption {display: block; font-size:1.625em; font-weight: 700; line-height: inherit; text-align: left; margin:10px 0;}
.modal_intro .crd_wrap .card td {color:#777777; line-height: 2.5em; border-bottom:1px solid #dddddd;}
.modal_intro .crd_wrap .card tr:last-child td {border:none;}


/* 후원하기 */
.intro .bst_wrap {}
.intro .bst_wrap h3 {font-size:2.125em; font-weight: 700; line-height: 1.3529em;}
.intro .bst_wrap .boost {background:url('../images/introduce/bg_boost.png') center no-repeat; background-size:cover; border-radius: 10px; overflow: hidden; height:417px; display: flex; gap:16px; padding-right:107px; align-items: center; justify-content: flex-end; margin:70px 0 80px 0;}
.intro .bst_wrap .boost > div {}
.intro .bst_wrap .boost > div a {display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; width:180px; height:170px; background:#fff; color:#024385; font-size:1.25em; font-weight: 700; border-radius: 10px; overflow: hidden; transition: all .3s ease-in-out;}
.intro .bst_wrap .boost > div a:hover {background:#024385; color:#fff;}
.intro .bst_wrap .boost > div a::after {content: ''; display: inline-block; width:13px; height:12px; background:url('../images/introduce/arrow_blue.png') center no-repeat; margin-top:10px;}
.intro .bst_wrap .boost > div a:hover::after {background:url('../images/introduce/arrow_white.png') center no-repeat;}
.intro .bst_wrap .boost > div a > span {display: flex; align-items: center; height:50px;}
.intro .bst_wrap .b01 {}
.intro .bst_wrap .b01 h4 {margin-bottom:35px;}
.intro .bst_wrap .b01 .tabs {display: flex; border:1px solid #e0e0e0; border-radius: 10px; margin-bottom:40px;}
.intro .bst_wrap .b01 .tabs > li {flex:33.3333%; padding:2px;}
.intro .bst_wrap .b01 .tabs > li a {color:#999999; font-size:1.25em; font-weight: 700; display: block; width:100%; text-align: center; padding:21px 0;}
.intro .bst_wrap .b01 .tabs > li a.active {background:#272b32; color:#fff; border-radius: 10px; overflow: hidden;}
.intro .bst_wrap .member {position: relative; background:#e9eff8; border-radius: 10px; padding:30px; color:#3d5c7d;}
.intro .bst_wrap .member p {background:#fff; border-radius: 10px; width:100%; height:100%; display: flex; font-size:1.125em; line-height: 2em; padding:100px 70px;}
.intro .bst_wrap .member::before {content: ''; display: inline-block; width:104px; height:104px; background:url('../images/introduce/icon_tab1.png') center no-repeat; position: absolute; left:50%; top:-40px; transform: translate(-50%, 0);}
.intro .bst_wrap .b01 #tab3 .member::before {background:url('../images/introduce/icon_tab3.png') center no-repeat;}
.intro .bst_wrap .b01 #tab3 .member {background:#ddf2f4;}
.intro .bst_wrap .b02 .member::before {background:url('../images/introduce/icon_b02.png') center no-repeat;}
.intro .bst_wrap .b02 .member {background:#feeff1; color:#b6585a;}
.intro .bst_wrap .b02 {}
.intro .bst_wrap .b02 .item {display: flex; justify-content: space-between; margin:130px 0 90px 0;}
.intro .bst_wrap .b02 .lft_wrap .tit {font-size:2.125em; line-height: 1.2941em; margin:70px 0;}
.intro .bst_wrap .b02 .lft_wrap p {font-size:1.125em; line-height: 1.666em;}
.intro .bst_wrap .b02 .img_wrap {width:760px; height:100%; background:url('../images/introduce/img_b02.png') center no-repeat; background-size:cover; border-radius: 10px; overflow: hidden;}
.intro .bst_wrap .table_wrap {font-size:1.125em; line-height: 1.666em; width:100%;}
.intro .bst_wrap .table_wrap thead th {border-top:1px solid #000; border-bottom:1px solid #000; padding:14px 0;}
.intro .bst_wrap .table_wrap tbody td {color:#777777; padding:14px 20px; border-bottom:1px solid #dbdbdb;}
.intro .bst_wrap .table_wrap thead th:first-child,
.intro .bst_wrap .table_wrap tbody td:first-child {border-right:1px solid #dbdbdb; text-align: center;}

.intro .bst_wrap .bl_wrap {background:url('../images/introduce/bg_blue.png') center no-repeat; height:709px; border-radius: 10px; overflow: hidden; color:#fff; display: flex; flex-direction: column; align-items: center;  justify-content: center; text-align: center;}
.intro .bst_wrap .bl_wrap .logo {display: block; width:193px; height:120px; background:url('../images/introduce/logo_blue.png') center no-repeat; margin-bottom:60px;}
.intro .bst_wrap .bl_wrap .txt {}
.intro .bst_wrap .bl_wrap .txt span {font-size:2.125em; font-weight: 700; display: block; margin-bottom:40px;}
.intro .bst_wrap .bl_wrap .txt p {font-size:1.125em; line-height: 1.666em; margin-bottom:55px;}
.intro .bst_wrap .block_wrap {position: relative; margin-top:120px;}
.intro .bst_wrap .block_wrap .rgh_txt {color:#999999; position: absolute; top:0; right:0;}
.intro .bst_wrap .block_wrap .block {display: flex; flex-wrap: wrap; gap:45px 40px; margin-top:30px;}
.intro .bst_wrap .block_wrap .item {flex:0 0 calc(33.3333% - 27px); height:306px; background:#fafafa; border-radius: 10px; text-align: center;}
.intro .bst_wrap .block_wrap .item h5 {font-size:2em; font-weight: 700; color:#024385; margin-top:70px;}
.intro .bst_wrap .block_wrap .item span {display: inline-block; background:#000; color:#fff; font-size:1.125em; padding:3px 6px; border-radius: 5px; margin:20px 0 45px 0;}
.intro .bst_wrap .block_wrap .item p {font-size:1.125em; line-height: 1.666em; }
.intro .bst_wrap .tbl_col {position: relative; margin-top:125px;}
.intro .bst_wrap .tbl_col .col_2 {display: flex; gap:60px; margin-top:45px;}
.intro .bst_wrap .tbl_col .col_2 table {width:100%;}
.intro .bst_wrap .tbl_col .col_2 caption {font-size: 1.375em; font-weight: 700; overflow: visible; line-height: normal; text-align: left; border-bottom:1px solid #000; padding-bottom:15px;}
.intro .bst_wrap .tbl_col .col_2 tr {border-bottom:1px solid #dbdbdb;}
.intro .bst_wrap .tbl_col .col_2 th {text-align: left; width:130px;}
.intro .bst_wrap .tbl_col .col_2 td {padding:17px 0;}
.intro .bst_wrap .tbl_col .lft_wrap {flex:0 0 calc(50% - 30px);}
.intro .bst_wrap .tbl_col .rgh_wrap {flex:0 0 calc(50% - 30px);}
.intro .bst_wrap .card_wrap {display: flex; flex-direction: column; gap:40px; margin-top:85px;}
.intro .bst_wrap .card_wrap .item {background:#fafafa; border-radius: 10px; overflow: hidden; background:#fafafa; padding:80px 0 75px 0; display: flex; gap:90px;}
.intro .bst_wrap .card_wrap .item .img_wrap {width:300px;}
.intro .bst_wrap .card_wrap .item.cms .img_wrap {background:url('../images/introduce/icon_cms.png') center no-repeat; height:90px;}
.intro .bst_wrap .card_wrap .item.banking .img_wrap {background:url('../images/introduce/icon_banking.png') center no-repeat; height:95px;}
.intro .bst_wrap .card_wrap .item h5 {font-size:1.375em; font-weight: 700;}
.intro .bst_wrap .card_wrap .item p {color:#777777; font-size:1.125em; line-height: 1.55em; margin-top:25px;}
.intro .bst_wrap .card_wrap .item ul {display: flex; gap:10px; margin-top:14px;}
.intro .bst_wrap .card_wrap .item ul > li {}
.intro .bst_wrap .card_wrap .item ul > li > div {font-size:1.125em; color:#000; font-size:1.125em; background: #eeeeee; border-radius: 15px; padding:8px 14px;}
.intro .bst_wrap .card_wrap .item ul > li span {display: inline-block; color:#777777; margin-right: 10px;}

.intro .bst_wrap .pro_txt_wrap {display: flex; gap:110px;}
.intro .bst_wrap .pro_txt_wrap .img_wrap {flex:0 0 610px; max-width:610px; background:url('../images/introduce/img_pro_txt.png') center no-repeat; background-size:cover; border-radius: 10px; overflow: hidden;}
.intro .bst_wrap .pro_txt_wrap .txt_wrap {}
.intro .bst_wrap .pro_txt_wrap h5 {font-size:2.125em; font-weight: 700; line-height: 1.3529em; margin-bottom:50px;}
.intro .bst_wrap .pro_txt_wrap p {color:#777777; font-size:1.125em; line-height: 1.55em; margin-bottom:60px;}
.intro .bst_wrap .pro_txt_wrap ul.sign {display: flex; gap:70px;}
.intro .bst_wrap .pro_txt_wrap ul.sign li {display: flex; flex-direction: column;}
.intro .bst_wrap .pro_txt_wrap ul.sign span {font-size:1.125em;}
.intro .bst_wrap .pro_txt_wrap ul.sign b {font-size:1.625em; font-weight: 700;}
.intro .bst_wrap .tbl_col .col_2.type2 tr {border: none;}
.intro .bst_wrap .tbl_col .col_2.type2 td {vertical-align: top;}
.intro .bst_wrap .sct_wrap {margin-top:110px;}
.intro .bst_wrap .sct_wrap h4 {}
.intro .bst_wrap .sct_wrap p {font-size:1.5em; margin-top:50px; }
.intro .bst_wrap .sct_wrap .sct {margin-top:75px;}
.intro .bst_wrap .sct_wrap .sct .row {display: flex; gap:40px; margin-bottom:70px;}
.intro .bst_wrap .sct_wrap .sct .item {}
.intro .bst_wrap .sct_wrap .sct .item h6 {font-size:1.375em; height:26px; margin-bottom:20px;}
.intro .bst_wrap .card_wrap .item.emer {position: relative;}
.intro .bst_wrap .card_wrap .item.emer .img_wrap {background:url('../images/introduce/icon_emer.png') center no-repeat; height:95px;}
.intro .bst_wrap .card_wrap .item.emer .txt_wrap {display: flex; align-items: center;}
.intro .bst_wrap .card_wrap .item.emer .file_download {border:2px solid #9babbc; position: absolute; right:90px; top:50%; transform: translate(0, -50%); margin:0;}

/* 오시는 길 */
.intro .loca_wrap {}
.intro .loca_wrap h5 {font-size:1.625em; font-weight: 700; padding-bottom:10px;}
.intro .loca_wrap .top_wrap {position: relative; border-radius: 10px; overflow: hidden; margin-bottom:80px;}
.intro .loca_wrap .top_wrap .txt_wrap {position: absolute; right:30px; top:20px; width:330px; height:600px; background:#fff; border-radius: 10px; overflow: hidden; padding:53px 30px;}
.intro .loca_wrap .top_wrap .txt_wrap > h5 {border-bottom:3px solid #000; padding-bottom:48px; line-height:1.3846153846153846em;}
.intro .loca_wrap .top_wrap .txt_wrap > div {display: flex; flex-direction: column; padding-top:44px; font-weight: 700; font-size:1.125em;}
.intro .loca_wrap .top_wrap .txt_wrap span {margin-bottom:5px;}
.intro .loca_wrap .top_wrap .txt_wrap a {position: relative; bottom: -47px; display: flex; width:100%; height:59px; text-align: center; border:2px solid #9babbc; border-radius: 5px; color:#024385; font-weight: 700; align-items: center; justify-content: center;}
.intro .loca_wrap .top_wrap .txt_wrap a::after {content: ''; position: absolute; right:20px; display: inline-block; width:12px; height:17px; background: url('../images/introduce/icon_loca.png') center no-repeat;}
.intro .loca_wrap #map {width:100%; height:635px; background:url('../images/introduce/img_map.png') center no-repeat;}
.intro .loca_wrap .bt_wrap {display: flex; gap:40px;}
.intro .loca_wrap .bt_wrap .lft_wrap {flex:1 1 50%;}
.intro .loca_wrap .bt_wrap .rgh_wrap {flex:1 1 50%;}
.intro .loca_wrap .bt_wrap .lft_wrap > h5::after {content:''; display: inline-block; width:23px; height:18px; background:url('../images/introduce/icon_car.png') center no-repeat; margin-left:15px;}
.intro .loca_wrap .bt_wrap .rgh_wrap > h5::after {content:''; display: inline-block; width:23px; height:18px; background:url('../images/introduce/icon_bus.png') center no-repeat; margin-left:15px;}
.intro .loca_wrap .bt_wrap ul {border-top:3px solid #000; margin-top:10px;}
.intro .loca_wrap .bt_wrap ul > li {border-bottom:1px solid #e0e0e0; padding:33px 0; font-size:1.125em; line-height: 1.666em; font-weight: 700;}
.intro .loca_wrap .bt_wrap .car span {color:#024385;}
.intro .loca_wrap .bt_wrap .bus span {display: flex;}
.intro .loca_wrap .bt_wrap .line3::before {content: ''; display: inline-block; width:31px; height:31px; background: url('../images/introduce/icon_line3.png') center no-repeat; margin-right:5px;}
.intro .loca_wrap .bt_wrap .line5::before {content: ''; display: inline-block; width:31px; height:31px; background: url('../images/introduce/icon_line5.png') center no-repeat; margin-right:5px;}

/* 여론조사 */
.pvs_wrap {}
.pvs_wrap .item {display: flex; gap:5px; background:#f3f3f3; border-radius: 10px; margin-bottom:10px; padding:30px; font-size:1.125em;}
.pvs_wrap .item span {color:#777777;}
.pvs_wrap .item a {color:#024385; text-decoration: underline;}
.pvs_wrap .btn_wrap {margin:80px 0 160px 0;}
.pvs_wrap .btn_wrap a {border:2px solid #9babbc; }

/* 네트워크 */
.network {margin-bottom:110px;}
.network .net_wrap {display: flex; flex-wrap: wrap; gap:23px 20px;}
.network .net_wrap .item {flex:0 0 calc(25% - 15px);}
.network .net_wrap .item a {position: relative; display: flex; justify-content: center; align-items: center; width:100%; height:190px; border-radius: 10px; border:1px solid #d2d2d2; overflow: hidden;}
.network .net_wrap .item a span {display: flex; flex-direction: column; gap:30px; justify-content: center; align-items: center; width:100%; height:100%; position: absolute; top:0; left:0; background:rgba(0, 56, 113, 0.9); color:#fff; font-size:1.25em; font-weight: 700; visibility: hidden; opacity: 0; transition: all .3s ease-in-out;}
.network .net_wrap .item a:hover span {visibility: visible; opacity: 1;}
.network .net_wrap .item a span::before {content: ''; width:29px; height:29px; background:url('../images/common/icon_net_link.png') center no-repeat;}


/* 검색 결과 */
.search_wrap {}
.search_wrap .tsh_wrap {}
.search_wrap .tsh_wrap .input_wrap {width:100%; height:275px; border-radius: 10px; overflow: hidden; background:url('../images/common/bg_search.png') center no-repeat; display: flex;justify-content: center; align-items: center;  }
.search_wrap .tsh_wrap .search_g {position: relative; width: 80%; max-width: 655px; border-bottom:3px solid #fff; }
.search_wrap .tsh_wrap .search_g input[type="text"] {border:none; background:transparent; font-size:2.25em; font-weight: 700; color:#fff; padding:10px 0; height: auto;}
.search_wrap .tsh_wrap .search_g input::placeholder  {color:#fff;}
.search_wrap .tsh_wrap .search_g label {display: none;}
.search_wrap .tsh_wrap .search_g button {display: inline-block; width:36px; height:36px; background:url('../images/common/btn_search_b.png') center no-repeat; text-indent: -999px; overflow: hidden; position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
.search_wrap .tsh_wrap .tsh_clear {display: inline-block; width:30px; height:30px; border-radius: 100%; background:url('../images/common/btn_clear.png') center no-repeat rgba(255, 255, 255, 0.2); position: absolute; top: 50%; right: 50px; transform: translate(0, -50%); cursor: pointer;}
.search_wrap .tsh_wrap .d_search {display: flex; justify-content: center; align-items: center; width:114px; height:47px; border-radius: 10px; background:#024385; color:#fff; font-weight: 700; margin-left:30px; cursor: pointer;}
.search_wrap .tsh_wrap .d_search::after {content:''; display: inline-block; width:11px; height:6px; background:url('../images/common/arrow_up.png') center no-repeat; margin-left:10px; transition:all 0.3s ease-in-out;}
.search_wrap .tsh_wrap .d_search.open::after {transform: rotate(180deg);}
.search_wrap .tsh_wrap .detail_search_wrap {position: absolute; top:180px; width:80%; max-width: 800px; border-radius: 10px; border:1px solid #000; background:#fff; padding:30px 20px; transition:all 0.3s ease-in-out; visibility: hidden; opacity: 0;}
.search_wrap .tsh_wrap .detail_search_wrap.open {visibility: visible; opacity: 1;}
.search_wrap .tsh_wrap .detail_search_wrap h5 {font-size:1.625em; font-weight: 700; text-align: center; margin-bottom:30px;}
.search_wrap .tsh_wrap .detail_search_wrap .detail_close {display: inline-block; width:13px; height:13px; background:url('../images/common/btn_detail_close.png') center no-repeat; position: absolute; right:20px; top:20px; cursor: pointer;}
.search_wrap .tsh_wrap .detail_search_wrap .row {display: flex; gap:10px;}
.search_wrap .tsh_wrap .detail_search_wrap .row .col {flex:0 0 11%; width:100%; position:relative;}
.search_wrap .tsh_wrap .detail_search_wrap .row .col:last-child {flex:0 0 240px; display: flex;}
.search_wrap .tsh_wrap .detail_search_wrap .row .col:last-child input {background:#f3f3f3; border:none;}
.search_wrap .tsh_wrap .detail_search_wrap .row .col > * {width:100%; border-radius: 5px; padding:14px;}
.search_wrap .tsh_wrap .detail_search_wrap .row .col input[type="date"] {padding:13px 14px;}
.search_wrap .tsh_wrap .detail_search_wrap .row .col button {background:url(../images/common/icon_topSearch.png) no-repeat #f3f3f3; border:none; position: absolute; top:15px; right:10px; display: inline-block; width:20px; height:20px;}
.search_wrap .tsh_wrap .detail_search_wrap .row .col .type1 {border:1px solid #e4e4e4; padding:13px; height:49px;}
.search_wrap .tsh_wrap .detail_search_wrap .row .col .type2 {padding:13px; height:49px; background:url(../images/common/select_arrow_b.png) 85% 50% no-repeat #f3f3f3; border:none;}


.search_wrap .tsh_wrap .resu_txt {font-size:1.875em; font-weight: 700; padding:50px 0; text-align: center;}
.search_wrap .tsh_wrap .resu_txt span {color:#024385;}
.search_wrap .bsh_wrap {}
.search_wrap .bsh_wrap .top {display: flex; justify-content: space-between; align-items: center; padding-top:25px; border-top:3px solid #000;}
.search_wrap .bsh_wrap .top h4 {font-size: 2.25em; font-weight: 700;}
.search_wrap .bsh_wrap .top span {font-size: 0.722em;}
.search_wrap .bsh_wrap .top b {color:#024385;}
.search_wrap .bsh_wrap .top .more {display: inline-block; width:29px; height:29px; background:url('../images/common/btn_more.png') center no-repeat; text-indent: -999px; overflow: hidden;}

/* 모달팝업 */
#overlay{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3); z-index: 999;}
.modal-con {display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); max-width: 580px; width:50%; height: 600px; background:#fff; z-index: 9999; border-radius: 20px;}
.modal-con .title {padding:50px 0 45px 0; color:#000000; font-weight: 700; letter-spacing: -.1rem; text-align: center;}
.modal-con .title h3 {font-size:1.875em;}
.modal-con .con {font-size:15px; line-height:1.3; padding:0 20px 38px 20px; display: block; position: relative;}
.modal-con .con .txt {text-align: center; font-size:30px; font-weight: 600;}
.modal-con .con .txt span {display: block; margin-top:25px;}
.modal-con .modal_close { display:block; position:absolute; width:40px; height:40px; right:10px; top:10px; background: url('../images/common/modal_close.png') no-repeat; background-size:cover; z-index: 999; cursor: pointer;}
.modal-con .button {background:#024385; color:#fff; font-weight: 700; padding:17px 35px; border-radius: 10px;} 

/* 이용약관*/
.pvsCntTp {clear:both; text-align: left; font-size:1.125em; line-height: 1.666em;}
.pvsCntTp .pd1 {padding:10px 0 20px 0; font-weight: 700; color:#000;}
.pvsCntTp .pd2 {margin-top:18px;}
.pvsCntTp h3 {display: block; font-size:1.625em; font-weight: 700; color:#000; padding-bottom:40px; margin-bottom:50px; border-bottom:3px solid #000;}
.pvsCntTp > p {display: block; margin-bottom:30px;}
.pvsCntTp > ol {}
.pvsCntTp > ol > li {color:#777777;}
.pvsCntTp > ol > li dd > ul {padding:0 20px;}

/* 커스텀 스크롤 */
.scrollBar::-webkit-scrollbar {width: 2px;}
.scrollBar::-webkit-scrollbar-thumb {height:30%; background: #666666; border-radius: 10px;}
.scrollBar::-webkit-scrollbar-track {background: #fff;}


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

@media screen and (max-width:1024px) {	
    /* 공통 */
    
    /* 페이저 */
    .pager {flex-wrap: wrap}
    .pager .arr {width:25px; height:25px; line-height: 25px;}


    /* 출판 */
	.pres .list_wrap .row .tit span {height:30px;}
    
    .jeas_wrap .top_wrap {flex-direction: column;}
    .jeas_wrap .top_wrap .lft_wrap .img_wrap {margin:0 auto;}
    
    .issue_wrap .top_wrap {flex-direction: column;}
    .issue_wrap .top_wrap .lft_wrap .img_wrap {margin:0 auto;}
    
    .sbsc_wrap .sbsc {flex-direction: column;}
    .sbsc_wrap .lft_wrap {flex:0 0 auto; text-align: center;}


    /* 프로젝트 */
    .ptop_wrap .ptop {flex-wrap: wrap; gap: 50px 20px;}
    .ptop_wrap .ptop .item {flex: 1 1 calc(23.5% - 10px);}
    .ptop_wrap .ptop .item .cir {height:165px;}
    .ptop_wrap .ptop .item .tit {height:20px; margin-bottom:15px;}

    .plist .ttxt_wrap {flex-direction: column; gap:20px;}
    .plist .list_wrap .item {flex-direction: column; gap:20px;}
    .plist .list_wrap .item .img_wrap {max-width: none; flex:1 1 250px;}
    .plist .list_wrap .item .tit > span {height:60px; -webkit-line-clamp: 2; display: -webkit-box;}
    .plist .list_wrap .item .bt {flex-direction: column; gap:10px;}

    /* 행사 */
    /* 셀나뉜 메뉴 레이아웃 - 연구원소식 공통*/
    .colmenu_wrap .left_menu {display: none;}
    .colmenu_wrap .rgh_cont {padding:50px 0 0 0;}

    /* 게시판 공통 */
    .elist .list_wrap .tit > span {height:22px;}
    .elist .list_wrap .icon {flex:0 0 80px;}
    .elist .list_wrap .cate {flex: 0 0 80px; margin-right:10px;}
	.elist .list_wrap .date {flex:0 0 60px;}


    /* 교육 */
    .edu .sub_visual {margin-bottom:90px;}
    .edu .edu_wrap .col_2 {flex-direction: column;}
    .edu .edu_wrap .pro_wrap {flex-direction: column;}


    /* 연구원소식 */
    /* 뉴스레터 */
    .newslet .ttxt_wrap {flex-direction: column; gap:20px;}


    /* 연구원소개 */
	.intro .gal_wrap .gallery {flex:0 0 calc(50% - 10px);}
	.intro .vdo_wrap {flex-direction: column;}
	.intro .vdo_wrap .video {flex:0 0 100%;}
	
	.intro .space_wrap .con_wrap {flex-direction: column !important;}
	.intro .space_wrap .con_wrap .lft_wrap {flex:0 0 100%;}
	.intro .space_wrap .con_wrap .rgh_wrap {flex:0 0 100%; width:100%; padding:50px 0 0 0;}
	.intro .space_wrap .con_wrap .rgh_wrap h5 {margin-bottom:25px;}
	.intro .space_wrap .con_wrap .rgh_wrap p {margin-bottom:15px;}
	.intro .space_wrap .con_wrap .rgh_wrap span {padding:20px 22px;}
	.intro .space_wrap .con_wrap .swiper-slide img {width:100%;}
	.intro .space_wrap .con_wrap .btn_prev {left:20px;}
	.intro .space_wrap .con_wrap .btn_next {right:20px;}
	
	.intro .plant_wrap .item {flex-direction: column; height: auto; margin-bottom:100px;}
	.intro .plant_wrap .rgh_wrap {flex:0 0 340px;}
	.intro .plant_wrap .rgh_wrap .img_wrap {width:100%;}
	.intro .step_wrap {flex-wrap: wrap;}
	.intro .step_wrap .item {flex:0 0 calc(50% - 7px)}
	
	/* 조직도 */
	.hitory .cont {flex:0 0 calc(50% - 36px);}
	
	.hitory .his_nav .swiper-slide,
	.hitory .year .swiper-pagination-bullet {font-size:1.825em;}
	.hitory .his_nav .swiper-slide.swiper-slide-active,
	.hitory .year .swiper-pagination-bullet.swiper-pagination-bullet-active {font-size:2.5em;}
	.hitory .swiper-button-prev,
	.hitory .swiper-button-next {top:45px;}
	
	/*	EAI 사람들*/
	.intro .t_wrap {flex-direction: column; gap:40px;}
	.intro .t_wrap .lft_wrap {flex:0 0 auto;}
	.intro .t_wrap .lft_wrap h4 {margin-bottom:20px;}
	.intro .t_wrap .lft_wrap .img_wrap {margin-top:40px; gap:30px; flex-direction: column-reverse;}
	
	/*	후원하기 */
	.intro .bst_wrap .boost {padding:30px 0; justify-content: center; height:auto;}
	.intro .bst_wrap .boost > div a {width:100px; height:100px;}
	.intro .bst_wrap .b02 .item {flex-direction: column;}
	.intro .bst_wrap .b02 .img_wrap {width:100%; height:300px; margin-top:20px;}
	.intro .bst_wrap .member {padding:20px;}
	.intro .bst_wrap .member p {padding:70px 30px;}
	
	.intro .bst_wrap .bl_wrap {padding:0 20px; font-size:12px;}
	.intro .bst_wrap .block_wrap .rgh_txt {position: relative; top:auto; right:auto; display: block; margin-top:10px;}
	.intro .bst_wrap .block_wrap .item {flex:1 1 100%; height:220px;}
	.intro .bst_wrap .block_wrap .item h5 {margin-top:30px;}
	.intro .bst_wrap .block_wrap .item span {margin:10px 0 15px 0;}
	.intro .bst_wrap .tbl_col .col_2 {flex-direction: column;}
	.intro .bst_wrap .card_wrap .item {flex-direction: column; padding:50px 20px; align-items: center; gap:30px;}
	.intro .bst_wrap .card_wrap .item .img_wrap {width:100%;}
	.intro .bst_wrap .card_wrap .item ul {flex-direction: column;}
	
	.intro .bst_wrap .pro_txt_wrap {flex-direction: column;}
	.intro .bst_wrap .sct_wrap .sct .row {flex-direction: column;}
	.intro .bst_wrap .card_wrap .item.emer .file_download {position: relative;    right: auto; width: fit-content; transform: none;}
	
	/*	오시는길 */
	.intro .loca_wrap .top_wrap .txt_wrap {position: relative; right:auto; top:auto; width:100%; height:100%; padding:20px 0;}
	.intro .loca_wrap .top_wrap .txt_wrap > h5 {padding-bottom:20px;}
	.intro .loca_wrap .top_wrap .txt_wrap > div {padding-top:20px;}
	.intro .loca_wrap .top_wrap .txt_wrap a {bottom:auto; margin-top:10px;}
	.intro .loca_wrap .bt_wrap {flex-direction: column;}
	.intro .loca_wrap .bt_wrap .lft_wrap {flex:1 1 100%;}
	.intro .loca_wrap .bt_wrap .rgh_wrap {flex:1 1 100%;}
	
	/*	 검색결과 */
	.search_wrap .tsh_wrap .input_wrap {flex-direction: column; gap:20px;}
	.search_wrap .tsh_wrap .search_g input[type="text"] {font-size:1.25em;}
	.search_wrap .tsh_wrap .detail_search_wrap {padding:20px;}
	.search_wrap .tsh_wrap .detail_search_wrap .row {flex-direction: column;}
	.search_wrap .tsh_wrap .detail_search_wrap .row .col:first-child {flex:0 0 auto;}

}

@media screen and (max-width:768px) {	    
    /* 공통 */
    
    /* 페이저 */    
    .pager > ul {margin:0;}
    .pager > ul > li {width:25px; height:25px; line-height: 25px; font-size:14px;}
    .pager .arr {width:21px;}


    /* 출판 */
    .pres .list_wrap .row a {flex-direction: column; align-items: flex-start; padding:25px 0;}
    .pres .list_wrap .row .icon {flex:0 0 auto;}
    .pres .list_wrap .row .tit {flex:0 0 auto; padding:5px 0;}
    .pres .list_wrap .row .date {flex:0 0 auto;}

    .prev .vlist_wrap .top {align-items: flex-start; gap: 6px; flex-direction: column;}
    .prev .vlist_wrap .top .tit {height: 84px; -webkit-line-clamp: 2;}
    .prev .vlist_wrap .bt {flex-direction: column; gap:25px;}
    .prev .vlist_wrap .bt_wrap {flex-direction: column;}
    
    .issue_wrap .tit_wrap {flex-direction: column; gap:20px;}
    .issue_wrap .tit_wrap .rgh_wrap {justify-content: flex-end;}


    /* 프로젝트 */
    .pbt_wrap .list_wrap .item {flex:1 1 48%;}

    .ptop_wrap .ptop .item {flex: 0 0 calc(33.3333% - 14px);}
    .ptop_wrap .ptop .item .cir {height:120px;}


    /* 행사 */


    /* 교육 */
	.edu .edu_img {flex-direction: column;}


    /* 연구원소식 */


    /* 연구원소개 */
	
/*	 네트워크 */
	.network .net_wrap .item {flex:0 0 calc(50% - 10px);}

    /* 모달 팝업 */
    .modal_news.modal-con {width:90%;}
    .modal_intro.modal-con {width:90%;}
		
	.prev .bt_wrap .lft_wrap iframe {width:100% !important;}
			
}

@media screen and (max-width:425px) {		
    /* 공통 */


    /* 출판 */


    /* 프로젝트 */


    /* 행사 */


    /* 교육 */


    /* 연구원소식 */
	.intro .gal_wrap .gallery {flex:0 0 100%;}
	
	.intro .bst_wrap .pro_txt_wrap .img_wrap {flex:0 0 330px;}


    /* 연구원소개 */
	
	/* 조직도 */
	.hitory .cont {flex:0 0 100%;}
			
	
}

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