@charset "utf-8";
/* **************************************** *
 * layout.css
 * **************************************** */
@media screen and (max-width:1835px) {
	#header .gnb-wrap .header-wrap {
		padding: 0 20px;
	}
	#header .gnb-wrap .gnb .menu > li > button {
		font-size: 1.125rem;
		padding: 0 30px;
	}
}

@media screen and (max-width:1600px) {
	#header .gnb-wrap .gnb .menu>li:nth-child(1) .sub-menu-box {
		left: -100px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            j
	}
	#header .gnb-wrap .gnb .menu>li:nth-child(2) .sub-menu-box {
		left: -80px;
	}
	#header .gnb-wrap .gnb .menu>li:nth-child(3) .sub-menu-box {
		left: -60px;
	}
	#header .gnb-wrap .gnb .menu>li:nth-child(4) .sub-menu-box {
		left: -40px;
	}
	#header .gnb-wrap .gnb .menu > li > button {
		font-size: 1.1rem;
		padding: 0 15px;
	}
	#header .gnb-wrap .gnb .menu>li .menu-02 {
		padding-top: 15px;
	}
	#header .gnb-wrap .gnb .menu>li .menu-02>li>a {
		font-size: 1rem;
	}
	#header .gnb-wrap .right-menu>li {
		margin-right: 15px;
	}
	#header .gnb-wrap .right-menu > li.user {
		margin-right: 10px;
	}
	
	#header .gnb-wrap .right-menu > li.lang {
		margin-right: 0;
	}

	#section-01 .search-box {
		padding: 200px 0 80px;
	}
	#section-02 .tab-content .tab-con .status-box {
		padding: 0 50px;
	}
	#section-02 .tab-content .tab-con .status-box .status-btn.prev {
		left: 10px;
	}
	#section-02 .tab-content .tab-con .status-box .status-btn.next {
		right: 10px;
	}
}

@media screen and (max-width:1440px) {
	#footer .footer-wrap {
		max-width: 1360px;
	}
}

@media screen and (max-width:1400px) {
	#header .gnb-wrap .header-wrap {
		padding: 0 15px;
	}
	#header .gnb-wrap #logo>a>img {
		width: 230px;
	}
	#header .gnb-wrap .right-menu>li {
		margin-right: 5px;
	}
	#header .gnb-wrap .gnb .menu {
		margin-left: -30px;
	}
	#header .gnb-wrap .gnb .menu > li > button {
		padding: 0 12px;
		font-size: 1rem;
	}
	#header .gnb-wrap .gnb .menu>li .menu-02>li>a {
		font-size: 0.9rem;
	}
	#header .gnb-wrap .gnb .menu>li:nth-child(1) .sub-menu-box {
		left: -140px;
	}
	#header .gnb-wrap .gnb .menu>li:nth-child(2) .sub-menu-box {
		left: -100px;
	}
	#header .gnb-wrap .gnb .menu>li:nth-child(3) .sub-menu-box {
		left: -60px;
	}
	#header .gnb-wrap .gnb .menu>li:nth-child(4) .sub-menu-box {
		left: -20px;
	}
	#footer .footer-wrap {
		padding: 25px 20px;
	}
	#footer .footer-wrap .foot-logo {
		display: none;
	}
	#footer .footer-wrap .foot-con {
		padding-left: 0;
	}
	#footer .footer-wrap .foot-con .wa-mark {
		left: 500px;
	}
	#footer .footer-wrap .site-wrap {
		right: 20px;
		top: 50px;
	}
	
	.content_body {
		padding: 20px 40px 40px;
	}
	#section-01 .search-box {
		padding: 170px 0 60px;
	}
	#section-02 .section {
		padding: 70px 20px;
	}
	#section-02 .con-h:before {
		top: -45px;
	}
	#section-03 .section {
		padding: 70px 20px;
	}
	#atozCont {
		background: none;
		margin-top: 10px;
	}
	.exhibit>a {
		width: calc(100% - 200px - 5%);
	}
	.exhibit a.button {
		left: 15px;
		bottom: 15px;
	}

	/* 검색창 */
	.customSelect .select-selected {
		width: 170px;
	}
}

@media screen and (max-width:1300px) {
	#header .gnb-wrap #logo>a {
		margin-top: 32px;
	}
	#header .gnb-wrap #logo>a>img {
		width: 210px;
	}
	#header .gnb-wrap .right-menu>li {
		margin-right: 8px;
	}
	#header .gnb-wrap .right-menu>li.user {
		margin-right: 0;
	}
	.koms.jui h2.in_block {
		width: auto !important;
	}

	/* 검색 결과페이지 */
	.content_body.relative.totalSearch {
		padding: 15px 30px 0;
	}
	article#printDiv h2.title a.button,
	.line_box.col2>.title_box>a.button,
	.listBox > .pa_l_0 > a.button,
	#instDtl .tabcontent > .listWrap > a.button,
	.orgMenu .orgMain > li > .button {
		font-size: 13px !important;
	}
	/* COVID-19 */
	.archive-covid {
	    grid-template-columns: repeat(3, minmax(260px, 260px));
	}
	/* 자료신청 */
	.process-apply {
 		width: 96%;
		margin-left: 1%;
    	grid-template-columns: repeat(3, 1fr);
	}
	/* 꿀팁게시판 */
	.tip-list {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (min-width:1201px) {
	#header .gnb-wrap {
		transition: all 0.3s;
	}
	#header.fix .gnb-wrap {
		height: 80px;
	}
	#header.fix .gnb-wrap #logo>a {
		margin-top: 17px;
	}
	#header.fix .gnb-wrap #logo>a>img {
		width: 230px;
	}
	#header.fix .gnb-wrap #gnb .menu>li>button,
	#header.fix .gnb-wrap #gnb .menu>li>a {
		line-height: 80px;
	}
	#header.fix .gnb-wrap .right-menu {
		margin-top: 16px;
	}
	#header.fix #search-pop {
		top: 80px;
	}
}

@media screen and (max-width: 1200px) {
	.content_body {
		padding: 20px 30px 30px;
	}
	.row {
		padding: 20px 0;
	}
	#header .gnb-wrap {
		height: 80px;
	}
	#header .gnb-wrap .header-wrap {
		padding: 0 20px;
	}
	#header.on .gnb-wrap:after, #header .gnb-wrap .gnb {
		display: none;
	}
	#header .gnb-wrap #logo>a {
		margin-top: 21px;
	}
	#header .gnb-wrap .right-menu {
		margin-top: 16px;
	}
	#header .gnb-wrap .right-menu>li.user {
		display: none;
	}
	#header .gnb-wrap .right-menu > li.lang > a {
		margin-right: 15px;
		color: #fff;
		background: #704192 url(../images/common/lang_i.png) center left 10px no-repeat;
	}
	#header .gnb-wrap .right-menu>li.sitemap-list {
		display: none;
	}
	#header .gnb-wrap .right-menu>li.mo-menu-list {
		display: inline-block;
	}
	#header #search-pop {
		top: 80px;
	}
	#header .mo-menu {
		display: block;
		position: absolute;
		top: 0;
		right: -50%;
		z-index: 999999;
		width: 50%;
		height: 100vh;
		background: #fff;
		transition: all .3s;
	}
	#header.mo-active .mo-menu {
		right: 0;
		overflow: scroll;
		padding-bottom: 100px;
	}
	#header .mo-menu .h-box {
		position: relative;
		background: #704092;
	}
	#header .mo-menu .h-box:after {
		content: '';
		display: block;
		clear: both;
	}
	#header .mo-menu .h-box .user-list {
		padding: 31px 50px 31px 31px;
	}
	#header .mo-menu .h-box .user-list:after {
		content: "";
		display: block;
		clear: both;
	}
	#header .mo-menu .h-box .user-list>li {
		float: left;
		height: 20px;
	    line-height: 20px;
	}
	#header .mo-menu .h-box .user-list>li:nth-child(2) {
    	margin-top: 2px;
	}
	#header .mo-menu .h-box .user-list>li>a, #header .mo-menu .h-box .user-list>li>button
		{
		display: block;
		position: relative;
		padding: 0 15px;
		font-size: 15px;
		color: #fff;
	    height: auto;
	    line-height: normal;
		background: none;
		border: 0;
	    font-weight: 500;
	}
	#header .mo-menu .h-box .user-list>li>a:after {
		content: "";
		position: absolute;
		right: 0;
		top: 7px;
		width: 1px;
		height: 10px;
		background: #fff;
	}
	#header .mo-menu .h-box .user-list>li:last-child>a:after {
		content: none;
	}
	#header .mo-menu .h-box .user-list>li>a.user {
		padding-left: 20px;
		background: url(../images/common/icon-user-mo.svg) no-repeat left center;
    	background-size: 15px auto;
	}
	/* #header .mo-menu .h-box .user-list > li > a.user {background: url(../images/common/user_icon_mo.png) no-repeat 20px center; padding: 31px 0 31px 40px; width: 80px;} */
	#header .mo-menu .h-box .lang-list {
		display: block;
		padding: 15px;
		border-bottom: 1px solid #704092;
		background-color: #fff;
	}
	#header .mo-menu .h-box .lang-list:after {
		content: "";
		display: block;
		clear: both;
	}
	#header .mo-menu .h-box .lang-list>li {
		float: left;
		width: 50%;
	}
	#header .mo-menu .h-box .lang-list>li>a {
		display: block;
		padding: 7px 0;
		border: 1px solid #cecece;
		text-align: center;
		font-size: 1rem;
		font-weight: bold;
		color: #888;
		background: #fff;
	}
	#header .mo-menu .h-box .lang-list>li>a.active {
		border: 1px solid #704092;
		color: #704092;
	}
	#header .mo-menu .h-box .mo-menu-close {
		position: absolute;
		right: 20px;
		top: 30px;
		width: 22px;
		height: 22px;
		background: url('../images/common/close_btn.png') no-repeat;
		border: 0;
	}
	#header .mo-menu .menu-box {
		overflow-y: scroll;
	}
	#header .mo-menu .menu-box .menu>li>button,
	#header .mo-menu .menu-box .menu>li>a {
		display: block;
		position: relative;
		height: 70px;
		padding: 0 40px;
		border-bottom: 1px solid #e2e8f1;
		list-style: none;
		line-height: 70px;
		color: #000;
		font-size: 1.2rem;
		font-weight: 700;
		background: #fff;
		width: 100%;
    	text-align: left;
	}
	#header .mo-menu .menu-box .menu>li>button:after,
	#header .mo-menu .menu-box .menu>li>a:after {
		content: '';
		position: absolute;
		top: 30px;
		right: 20px;
		width: 11px;
		height: 11px;
		background: url('../images/common/off_btn.png') no-repeat;
	}
	#header .mo-menu .menu-box .menu>li .menu-02 {
		display: none;
		padding: 25px 55px;
		background: #f0eef3;
	}
	#header .mo-menu .menu-box .menu>li .menu-02>li {
		padding: 10px 0;
	}
	#header .mo-menu .menu-box .menu>li .menu-02>li:last-child {
		margin-bottom: 0;
	}
	#header .mo-menu .menu-box .menu>li .menu-02>li>a {
		display: inline-block;
		position: relative;
		padding-left: 10px;
		color: #4e5b6f;
		font-size: 1.063rem;
		font-weight: 500;
	}
	#header .mo-menu .menu-box .menu>li .menu-02>li>a:before {
		content: '';
		position: absolute;
		top: 9px;
		left: 0;
		width: 3px;
		height: 3px;
		border-radius: 50%;
		background: #4e5b6f;
	}
	#header .menu-back {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99;
		background: rgba(0, 0, 0, .3);
	}
	#header.on .menu-back {
		display: block;
	}
	#footer .top {
		right: 20px;
	}
	
	#section-01 {
		height: auto;
		padding-bottom: 50px;
	}
	#section-01 .search-box {
		padding: 150px 20px 50px;
	}
	#section-01 .mouse-icon {
		display: none;
	}
	#section-01 .info-box .list>li {
		padding: 15px 20px;
	}
	#section-02 .con-h p {
		display: none;
	}
	
	#section-02 .wordCloud {
	    top: -30px;
	    left: -40px;
	}
	
	/* 메인 페이지 키워드 */
	@keyframes wordCloud1 { from {margin:0;} to {width:110px;height:110px;margin-left:-10%;margin-top:-15%;opacity:1;} }
	@keyframes wordCloud2 { from {margin:0;} to {width:105px;height:105px;margin-left:16%;margin-top:-22%;opacity:1;} }
	@keyframes wordCloud3 { from {margin:0;} to {width:100px;height:100px;margin-left:-29%;margin-top:6%;opacity:1;} }
	@keyframes wordCloud4 { from {margin:0;} to {width:90px;height:90px;margin-left:-40%;margin-top:-15%;opacity:1;} }
	@keyframes wordCloud5 { from {margin:0;} to {width:85px;height:85px;margin-left:40%;margin-top:7%;opacity:1;} }
	@keyframes wordCloud6 { from {margin:0;} to {width:80px;height:80px;margin-left:-45%;margin-top:6%;opacity:1;} }
	@keyframes wordCloud7 { from {margin:0;} to {width:70px;height:70px;margin-left:45%;margin-top:-10%;opacity:1;} }
	@keyframes wordCloud8 { from {margin:0;} to {width:60px;height:60px;margin-left:-15%;margin-top:-20%;opacity:1;} }
	@keyframes wordCloud9 { from {margin:0;} to {width:55px;height:55px;margin-left:17%;margin-top:16%;opacity:1;} }
	@keyframes wordCloud10 { from {margin:0;} to {width:50px;height:50px;margin-left:5%;margin-top:19%;opacity:1;} }
	
	#section-02.animate .wordCloud p {
	    transform: scale(0.8, 0.8);
	}
	
	#section-03 .sect-con-1 .notice-box .h-box {
		margin-bottom: 10px;
	}
	#section-03 .sect-con-1 .notice-box .h-box .tit, #section-03 .sect-con-1 .pub-box .h-box .tab-tit-box>li>a
		{
		font-size: 1.8rem;
	}
	#section-03 .sect-con-1 .pub-box {
		padding-left: 40px;
	}
	#section-03 .sect-con-1 .pub-box .tab-content .tab-con .list {
	    margin: 0 -10px;
	}
	#section-03 .sect-con-1 .pub-box .tab-content .tab-con .list>li {
		padding: 0 10px;
	}
	#section-03 .sect-con-1 .pub-box .tab-content .tab-con .list>li>a>.img-box>.img
		{
		height: 200px;
	}
	#section-03 .sect-con-1 .pub-box .tab-content .tab-con .list>li>a>.img-box>.img.default .bookName
		{
		font-size: 20px;
	}
	.history_box>div>.list>.years>.dotted {
		width: 70%;
	}
	.exhibit {
		float: none;
		width: 100%;
		margin: 0 !important;
	}
	.exhibit>a {
		width: 63%;
	}
	.logIn .border_box2 {
		padding: 20px 80px;
	}
	.tab button {
		padding: 0 10px;
		font-size: 14px;
	}
	#tab_menu.tab button {
		padding:0 20px;
	}
	
	#spot #snb .nav>li>p {
		font-size: 14px;
		padding: 0 30px 0 10px;
	}
	#spot #snb .nav > li > button:after {
		right: 9px;
	}
	#spot #snb .nav > li .nav-02 > li > a {
		padding-left: 12px;
		font-size: 14px;
	}
	
	#instDtl .tabcontent .btnMore {
		top: 0;
	}
}

@media screen and (max-width: 1024px) {
	#slogan i {
		top: -14px;
	}

	#footer .footer-wrap .foot-con .wa-mark {
		left: 450px;
	}
	#footer .footer-wrap .site-wrap {
		position: relative;
		left: 0;
		top: 20px;
		transform: none;
	}
	#spot #snb>.snb-fix-box>.snb-area>.nav {
		display: none;
	}
	#spot #snb .nav>li>p {
		font-size: 14px;
	}
	#section-02 .tab-tit-box .tab-tit-list {
		margin: 0 -5px;
	}
	#section-02 .tab-tit-box .tab-tit-list>li {
		padding: 0 5px;
	}
	#section-02 .tab-tit-box .tab-tit-list>li>a .con-box .tit {
		font-size: 1.1rem;
	}
	#section-02 .tab-content .tab-con .status-box {
		margin-bottom: 10px;
	}
	#section-02 .tab-content .tab-con .list-info {
		margin: 0 -5px;
	}
	#section-02 .tab-content .tab-con .list-info>li {
		margin-bottom: 0;
		padding: 0 5px;
		margin-left: 1px;
	}
	#section-02 .tab-content .tab-con .info-box {
		margin: 0 -5px;
	}
	#section-02 .tab-content .tab-con .info-box .cell-box {
		padding: 0 5px;
	}
	
	#section-02 .tab-content .tab-con .info-box .cell-box .con-box {
		padding: 20px;
	}

	#section-02 .tab-content .tab-con .info-box .cell-box .con-box .info-tab-con text {
		font-size: 11px;
	}
	
	#section-02 .tab-content .tab-con .info-box .cell-box .con-box .info-tab-con #char2 text{
		font-size: 10px;
	}
	#section-03 .sect-con-1 .notice-box {
		float: none;
		width: 100%;
		margin-bottom: 50px;
	}
	#section-03 .sect-con-1 .pub-box {
		padding-left: 0px;
	}
	#section-03 .sect-con-2 .con-h {
		float: none;
		width: 100%;
		padding: 0;
	}
	#section-03 .sect-con-2 .con-h p {
		display: none;
	}
	
	.row .col2,
	.row .col2:nth-child(2n) {
		float: none;
		width: 100%;
	}
	.onepass .row .col2 {
		width: 450px;
	}
	.row .col2,
	.onepass .row .col2 {
		margin: 0 auto;
	}
	.row .col2:nth-child(1),
	.onepass .row .col2 {
		margin-bottom: 20px;
	}
		
	.history_box>div>.list>.years>.dotted {
		width: 65%;
	}
	.logIn .border_box2 {
		padding: 20px 80px;
	}
	.line_box.col2.shadow4:nth-child(2) {
		margin-top: 20px;
	}
	.line_box.col2.shadow4 {
		max-width: 600px;
	}
	.centerintro_text {
		margin: 15px 0;
	}
	.highlightTitle {
		margin: 10px 0 30px 0;
	}
	.center_info .pic_box {
		width: 40%;
	}
	.center_info .pic_box>p {
		width: 240px;
		height: 180px;
	}
	.center_info .pic_box>.pic_explanation {
		width: 220px;
	}
	.center_info .stage3>.pic_explanation>div>ul>li>span {
		font-size: 11px;
	}
	.center_info .stage1>.pic_explanation, .center_info .stage3>.pic_explanation
		{
		left: -230px;
	}
	.function .dia .float:nth-child(1), .function .dia .float:nth-child(3) {
		height: 250px;
	}
	.function .step>div {
		width: 240px;
	}
	.function .step>div>div {
		width: 160px;
		padding: 15px;
	}
	.function .dia>div p.bg {
		width: 160px;
	}
	.function .dia .float:nth-child(1) .t_50:before, .function .dia .float:nth-child(3) .t_50:before
		{
		right: -50%;
	}
	.function .dia .float:nth-child(3) .t_50:before {
		right: 115%;
	}
	.function .dia .float .t_50 {
		top: 50%;
	}
	.content_body .icon_box span.tCount {
		margin-top: -5px;
	}
	.content_body .icon_box span.cName {
		font-size: 17px;
	}
	.selectbox_wrap>.float>a {
		margin-right: 10px;
	}
	.selectbox_wrap>.float_r>.selectBox>select {
		margin-left: 0;
	}
	
	/* table */
	#topInfo {font-size: 13px;}
	
	.logIn .line_box {min-height: unset;}
	
	.data_listInBox .grid_box, #bibElement li.grid_box, .row.oneRow li.grid_box {
		grid-template-columns: 115px auto;
	}
	
	#ebookElement li.grid_box{
		grid-template-columns: 150px auto;
	}
	
	.iconId {
	    width: 18px;
	    height: 18px;
	}
		
	.iconId:after {
	    font-size: 11px;
	    width: 18px;
	    height: 18px;
	    line-height: 18px;
	}
	
	.report #rpassword {
		width: 250px !important;
	}
	
	#tab_menu.tab button {
		padding:0 14px;
	}
	
	/* 소개 페이지 키워드 */
	.wordCloud.sub p {
	    transform: scale(0.9, 0.9);
	}
	@keyframes wordCloud11 { from {margin:0;} to {width:120px;height:120px;margin-left:-6%;margin-top:-10%;opacity:1;} }
	@keyframes wordCloud12 { from {margin:0;} to {width:120px;height:120px;margin-left:16%;margin-top:-4%;opacity:1;} }
	@keyframes wordCloud13 { from {margin:0;} to {width:110px;height:110px;margin-left:-32%;margin-top:-4%;opacity:1;} }
	@keyframes wordCloud14 { from {margin:0;} to {width:110px;height:110px;margin-left:-22%;margin-top:-20%;opacity:1;} }
	@keyframes wordCloud15 { from {margin:0;} to {width:100px;height:100px;margin-left:3%;margin-top:12%;opacity:1;} }
	@keyframes wordCloud16 { from {margin:0;} to {width:100px;height:100px;margin-left:-50%;margin-top:0%;opacity:1;} }
	@keyframes wordCloud17 { from {margin:0;} to {width:90px;height:90px;margin-left:32%;margin-top:-10%;opacity:1;} }
	@keyframes wordCloud18 { from {margin:0;} to {width:90px;height:90px;margin-left:-44%;margin-top:-14%;opacity:1;} }
	@keyframes wordCloud19 { from {margin:0;} to {width:80px;height:80px;margin-left:10%;margin-top:-14%;opacity:1;} }
	@keyframes wordCloud20 { from {margin:0;} to {width:80px;height:80px;margin-left:-9%;margin-top:7%;opacity:1;} }
	@keyframes wordCloud21 { from {margin:0;} to {width:70px;height:70px;margin-left:-15%;margin-top:18%;opacity:1;} }
	@keyframes wordCloud22 { from {margin:0;} to {width:70px;height:70px;margin-left:35%;margin-top:18%;opacity:1;} }
	@keyframes wordCloud23 { from {margin:0;} to {width:60px;height:60px;margin-left:26%;margin-top:14%;opacity:1;} }
	@keyframes wordCloud24 { from {margin:0;} to {width:60px;height:60px;margin-left:23%;margin-top:-14%;opacity:1;} }
	@keyframes wordCloud25 { from {margin:0;} to {width:60px;height:60px;margin-left:-25%;margin-top:16%;opacity:1;} }
	@keyframes wordCloud26 { from {margin:0;} to {width:60px;height:60px;margin-left:19%;margin-top:21%;opacity:1;} }
	@keyframes wordCloud27 { from {margin:0;} to {width:60px;height:60px;margin-left:-31%;margin-top:-16%;opacity:1;} }
	@keyframes wordCloud28 { from {margin:0;} to {width:60px;height:60px;margin-left:40%;margin-top:7%;opacity:1;} }
	@keyframes wordCloud29 { from {margin:0;} to {width:60px;height:60px;margin-left:-45%;margin-top:15%;opacity:1;} }
	@keyframes wordCloud30 { from {margin:0;} to {width:60px;height:60px;margin-left:-36%;margin-top:12%;opacity:1;} }

	/* 공공누리 표시 */
	[class^="codeView"] {
	    padding-left: 1rem;
	    font-size: 0.9rem;
	    line-height: 1.6;
	    text-align: center;
	}
	
	[class^="codeView"] img {
	    position: static;
	    display: block;
	    margin: 0 auto .5rem;
	}
	
	/* COVID-19 */
	.archive-covid {
	    grid-template-columns: repeat(2, minmax(260px, 260px));
	    gap: 50px 30px;
	}
	
	/* E-BOOKS */
	.baro .details,
	.ebook-steps {
	    width: 100%;
	}
	.ebook-steps {
		gap: 16px;
	}
	.baro .font_sm {
	    margin-left: 72px;
	}
	.ebook-steps>div:after {
	    right: -22px;
	}
	.ebook-steps__cont .font_sm {
		margin: 0;
	}
	
	/* 꿀팁게시판 */
	.tip-list-top {
	    padding: 16px 0 32px;
	    flex-direction: column;
	    gap: 24px;
	}
	.tip-list {
	    grid-template-columns: 1fr 1fr 1fr;
	    gaP: 24px;
	}
	.tip-list .c-img {
		height: 160px;
	}
	.tip-list .li {
	    gap: 12px;
	    padding: 16px;
	}
	
	/* 연구자 아이콘 추가 */
	.icon_orcid,
	.icon_wos {
	    width: 24px;
	    height: 26px;
	    margin-right: 2px;
	    background-size: 24px 24px;
	}
}

@media ( min-width :769px) and (max-width:820px) {
	input[type="text"]#str_dt, input[type="text"]#startDate, input[type="text"]#end_dt,
		input[type="text"]#endDate {
		width: 44% !important;
	}
	.acc-menu button.main-title {
		padding: 0 10px;
		font-size: 13px;
	}
	.history_box>div>.list>.years>.dotted {
		width: 60%;
	}
}

@media screen and (max-width: 768px) {
	#footer .footer-wrap .foot-con .wa-mark {
		position: static;
		margin-top: 15px;
	}
	p.ver_m.in_block strong {
		font-size: 15px;
	}
	h2.title {
		font-size: 1.3em;
	}
	h3.title, .listType > .title {
		font-size: 1.2em;
	}
	h2.title i, h3.title i {
		font-size: 1.45rem;
	    margin: 0 5px 0 0;
	}
	h3.title > span.edsType {
		font-size: 1.15rem;
		margin-left: 35px;
	}
	.centerintro_text,
	.highlightTitle {
		font-size: 1.35rem;
	}
	.centerintro_text > span,
	.highlightTitle > span {
		font-size:1.6rem;
	}
	
	.center_info .pic_box > .stage {
		font-size: 1.35rem;
	}
	.font_xsm {
		font-size: smaller;
	}
	.projectInfo > li > p > span.cut {
		font-size: 15px;
	}
	.font_20 {
		font-size: 17px;
	}
	.buttonBox {
		margin-top: 30px;
	}
	.paragraph {
		margin-top: 15px;
	}

	/* main */
	#section-02 .con-h .tit, #section-02 .tab-content .tab-con .tit-con strong,
		#section-03 .sect-con-1 .notice-box .h-box .tit, #section-03 .sect-con-1 .pub-box .h-box .tab-tit-box>li>a,
		#section-03 .sect-con-2 .con-h .tit {
		font-size: 1.5rem;
	}	
	#section-02 .tab-content .tab-con .info-box .cell-box .con-box .h-box,
	#section-03 .sect-con-1 .pub-box .h-box {
		padding: 10px 0;
	}

	/* 상단 검색창 */
	.search-wrap .search-box .customSelect .select-selected {
		padding: 0 15px;
		width: 150px;
	}
	.search-box .customSelect .select-items {
		left: 25px;
	}
	.search-box .customSelect .select-items>div,
	 #header #search-pop .search-wrap .search-box .customSelect .select-items > div {
		padding-left: 20px;
		height: 50px;
		line-height: 50px;
	}

	.search-box .search-con .search-int-box > .sel-cell > .select-selected {
		line-height: 60px;
	}
	
	.search-box .search-con .search-int-box .search-int {
		height: 59px;
	}
	
	.search-box .customSelect .select-items > a {
		height: 50px;
    	line-height: 50px;
   	    padding-left: 20px;
	}
	
	
	.select-selected {
		padding: 0 13px;
	}
	#content {
		padding: 20px 0
	}
	.content_body {
		padding: 10px 20px 20px;
	}

	/* 연구 성과물 서비스 */
	.content_body .icon_box span.tCount {
		margin-top: -10px;
	}
	.content_body .icon_box span.cName {
		font-size: 15px;
	}
	#topInfo {
		font-size: 12px;
	}
	#topInfo>.gray {
		margin-right: 5px;
	}
	#header .mo-menu {
		width: 80%;
		right: -80%;
	}
	#section-01 .info-box .list {
		padding: 30px 0 20px 50px;
	}
	#section-01 .info-box .list>li {
		width: 50%;
		padding: 0 30px;
		line-height: 40px;
	}
	#section-01 .info-box .list>li>span {
		display: none;
	}
	#section-01 .info-box .list>li>a>.tit {
		padding-left: 12px;
		background-image: url(../images/main/list_i_01.png);
		background-repeat: no-repeat;
		background-position: left 6px;
	}
	#section-02 .tab-tit-box .tab-tit-list {
		margin: 0;
	}
	#section-02 .tab-tit-box .mo-img-tab {
		display: block;
	}
	#section-02 .tab-tit-box .mo-img-tab img {
		display: block;
		max-width: inherit;
		width: 100%;
	}
	#section-02 .tab-tit-box .tab-tit-list {
		margin-top: -140px;
		padding: 0 20px;
	}
	#section-02 .tab-tit-box .tab-tit-list>li {
		width: 100%;
		padding: 0;
	}
	#section-02 .tab-tit-box .tab-tit-list>li>a img {
		display: none;
	}
	#section-02 .tab-tit-box .tab-tit-list>li>a .con-box {
		position: static;
		width: 100%;
	}
	#section-02 .tab-content .tab-con .status-box {
		padding: 0;
	}
	#section-02 .tab-content .tab-con .info-box .cell-box {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	#section-02 .tab-content .tab-con .list-info {
		margin: 0;
	}
	#section-03 .sect-con-1 .pub-box .tab-content .tab-con .list {
		margin: 0 -10px;
	}
	#section-03 .sect-con-1 .pub-box .tab-content .tab-con .list>li {
		padding: 0 10px;
	}
	#section-03 .sect-con-2 .con-h .caption {
		display: none;
	}
	#section-03 .sect-con-2 .con-box .list {
		margin: 0;
	}
	#section-03 .sect-con-2 .con-box .list>li {
		padding: 0;
	}
	/* admin */
	.admin {
		width: 100% !important;
		margin: 0 !important;
		float: none;
		padding: 5px;
	}
	#divRefreshArea page_title {
		padding: 10px 10px 0 !important;
	}
	.content_body .icon_box {
		padding: 30px 0 0 0;
	}
	.icon_box.flex_box:after {
		dontent: "";
		display: block;
		clear: both;
	}
	.icon_box.flex_box {
		display: block;
	}
	.icon_box.flex_box>div {
		display: inline-block;
		width: 33.33%;
		max-width: 33.33%;
		margin-left: -4px;
	}
	.icon_box.flex_box>.filterValue {
		width: 66.67%;
		max-width: 66.67%;
	}
	.container.wrap.flexBox {
		display: block;
	}
	.container.flexBox>article {
		flex: none;
		width: 100%;
	}
	.container.flexBox>aside {
		flex: none;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.paragraph .section.pa_t_20 {
		padding-top: 5px !important;
	}
	.tab button {
		padding: 0 10px;
		font-size: 13px;
		margin-bottom: 5px;
		height: 30px;
	}
	.tab button:hover, .tab button.active {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.listType {
		padding: 10px;
		font-size: 13px;
	}
	.listType>.title {
		padding-top: 5px;
	}
	#keyword>div {
		padding-top: 20px;
	}
	.keyword>button {
		font-size: 13px;
		padding: 0 10px;
	}
	#keyword .w_6 {
		min-width: 23px;
	}
	#keyword .w_94 {
		width: calc(94% - 23px) !important;
	}
	#atozCont .flex_box {
		display: flex;
	}
	#atozCont .flex_box>li {
		width: auto !important;
		margin-top: 0;
	}
	.row.vision>.dia>div>div:nth-child(2)>.w_50 {
		width: 100% !important;
	}
	.row.vision>.dia>div>div:nth-child(2)>.w_50>.w_80 {
		width: 92% !important;
		text-align: center;
	}
	.row.vision>.dia>div>div:nth-child(2) div>.w_50>.w_80 {
		width: 96% !important;
	}
	.function>div>div>.float {
		float: none;
		width: 100% !important;
		margin: 0 auto !important;
		text-align: center;
	}
	.function .dia .float:nth-child(1) {
		height: 200px;
	}
	.function .dia .float:nth-child(1), .function .dia .float:nth-child(3) {
		width: 160px !important;
	}
	.function .dia .float:nth-child(1) .t_50:before, .function .dia .float:nth-child(3) .t_50:before
		{
		right: 8% !important;
		transform: rotate(225deg);
	}
	.function .dia .float:nth-child(1) .t_50:before {
		top: 58%;
	}
	.function .dia .float:nth-child(3) .t_50:before {
		top: -43%;
	}
	.dia>.row1>.float.text:before {
		margin-left: -10%;
	}

	/* history */
	.history_box>div>.list>.years>.dotted {
		width: 58%;
	}
	.history_box>div>.list>.years>.year {
		font-size: 24px;
	}
	.visit_step_box .visit_step {
		width: 130px;
		height: 130px;
	}
	.visit_stepEx {
		min-width: 180px;
	}
	.visit_step_box>li>div>p.line {
		width: 110px;
	}
	.center_info .pic_box.stage2, .center_info .pic_box.stage3 {
		height: 180px;
	}
	.center_info .stage2 > .stage {
		top: 19%;
	}
	.function .flex_box>div>ul>li br {
		display: none;
	}
	.galleryIntro .pic_box {
		margin: 0;
		width: 58.737151248164464023494860499266%;
		max-width: 400px;
	}
	.galleryIntro .pic_box>.arrow_r {
		right: 51%;
		transform: translate(40%, 0);
		-o-transform: translate(40%, 0);
		-ms-transform: translate(40%, 0);
		-moz-transform: translate(40%, 0);
		-webkit-transform: translate(40%, 0);
		z-index: 0;
	}
	.galleryIntro .pic_box>.arrow_l {
		left: 51%;
		transform: translate(-40%, 0);
		-o-transform: translate(-40%, 0);
		-ms-transform: translate(-40%, 0);
		-moz-transform: translate(-40%, 0);
		-webkit-transform: translate(-40%, 0);
	}
	.galleryIntro .pic_box>.arrow_r, .galleryIntro .pic_box>.arrow_l {
		width: 49px;
		height: 100px;
		margin-top: 80px;
		overflow: hidden;
		z-index: -100;
		top: unset;
		bottom: -90px;
	}
	.galleryIntro .pic_box.stage3>.arrow_r {
		margin-top: 100px;
		overflow: hidden;
	}
	.galleryIntro .pic_box>.arrow_l>img {
		margin-top: -90px;
	}
	.galleryIntro .pic_box>.arrow_r>img {
		margin-top: -70px;
	}
	.galleryIntro .pic_box.stage3>.arrow_r>img {
		margin-top: -90px;
	}
	.galleryIntro .pic_box.stage1>.pic_explanation, .pic_box.stage3>.pic_explanation,
		.pic_box.stage2>.pic_explanation, .pic_box.stage4>.pic_explanation,
		.galleryIntro .stage {
		text-align: left;
		left: 110% !important;
		text-align: left !important;
	}
	.exhibit>a {
		width: calc(100% - 200px - 5%);
	}
	
	/* 저자 정보 */
	.container>article>#author_dtl>li>.flex_box>div {
		padding: 5px 0 !important;
	}
	
	#author_dtl .flex_box>div {
	    clear: both;
	}
	#author_dtl .row .col2 {
		width: 100%;
	}
		
	article > .titleInfoBox > a.auth_name {
		font-size: 13px;
		line-height: 18px;
	}
	h2.title > .button.btn2 {
	    font-size: 12px;
		padding: 0 10px;
		bottom: 5px;
	}
	
	.chartdiv {
		height: 240px;
	    word-break: break-word;
	}
	
	.chartdiv2 {
		height: 180px;
	}
	.journalH #bodyInfo>div.row20 {
		border-bottom: 1px solid #f1f1f1;
	}
	.journalH p.title {
		float: none;
		width: 100% !important;
		height: 50px;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.journalH p.title br {
		content: '';
		padding: 10px;
	}

	/* .romProBase  */
	.filter {
		padding: 20px 0;
	}
	.filter button, .areaBox .area {
		padding-right: 42px;
		font-size: inherit;
		margin: 0 5px 10px 0;
	}
	.areaBox .area {
	    background-size: auto 22px;
    	padding-right: 37px;
    	height: 25px;
    	line-height: 25px;
   	    margin-bottom: 0;
    }
    /*네모박스 추가*/
	.areaBox .area {
	    background-size: auto 22px;
	    padding-right: 37px;
	    height: 30px;
	    line-height: 30px;
	    margin: 0 3px 7px 0;
	}
	.flex_box>.filter, .flex_box>article, .container.flexBox>article,
		.flex_box>aside.filterValue {
		width: 100% !important;
		padding: 0;
	}
	.flex_box, .container.wrap.flexBox {
		display: block;
	}
	.flex_box>div, .flex_box>div.w_30 {
		flex: none;
		width: 100% !important;
		max-width: 100% !important;
		display: block;
		padding: 0 !important;
	}
	.flex_box>div.grid_box:nth-child(2) {
		margin-top: 10px;
	}
	.romProBase .flex_box>div {
		margin-top: 20px !important;
	}
/* 	.flex_box>* {
		margin-top: 15px !important;
	} */
	.container.flexBox>article {
		padding: 0;
	}
	.container>article li h4 {
		display: block;
		width: 100%;
	}
	.container>article ul>li:before {
		left: -8px;
		width: calc(100% + 18px);
	}
	.icon_box.flex_box>div, .flex_box>* {
		width: 50% !important;
	}
	.ma_l_15 {
		margin-left: 10px !important;
	}
 	.row h2 span:not(.highlight) {
		display: none;
	}
	/* 연구자 아이콘 추가 */
	.icon_orcid,
	.icon_wos {
	    width: 20px;
	    height: 24px;
	    margin-right: 4px;
	    background-size: 20px 20px;
	}
		
	/* table */
	th, td {
		font-size: 13px;
		padding: 10px 5px;
	}
	table.table_h th {
		padding: 5px;
	}
	table input[type="text"], table input[type="password"], table select {font-size: inherit;}

	/* 박물관 */
	td.exhibitImg.last-child {
		padding: 10px !important;
	}

	/* 공지사항 */
	table.notice .t0 {
		font-size: 11px;
		padding: 3px 7px;
		margin-top: -9px;
	}
	table.notice .notice_list {
		padding-left: 40px;
	}

	/* 기관검색 팝업 */
	.mng #search-group {
		width: 95% !important;
	}
	.mng .flex_box>div, .flex_box>div.w_30 {
		margin-bottom: 10px;
	}
	.mng .selectRow select, .inputRow input[type="text"] {
		margin-left: 0px !important;
		padding: 0 10px;
	}

	/* 상단 검색창 */
	#header #search-pop .search-wrap .search-box .search-con .search-int-box .sel-cell
		{
		width: 150px;
	}
	#header #search-pop .search-wrap .search-box .search-con .search-int-box .search-int
		{
		width: calc(100% - 170px);
		padding: 0 40px 0 15px;
	}

	/* 검색창 공통 */
	.customSelect .select-selected {
		width: 150px;
	}
	.search-box .search-con .search-int-box>.sel-cell, .search-box .search-con .search-int-box .search-int{
		font-size: 1rem;
	}
	.search-box .search-con .search-int-box>.sel-cell {
		width: 170px;
	}
	.search-box .search-con .search-int-box .search-int {
		width: calc(100% - 210px);
		padding: 0 55px 0 10px;
	}
	.search-box .search-con .search-int-box>.sel-cell>.select-selected {
		width: 150px;
		padding: 0 20px;
	}
	.search-box .customSelect .select-items {
		font-size: 0.95rem;
		left: 30px;
	}
	.search-box .search-con .search-btn {
		width: 64px;
		height: 64px;
	}
	/* 메인 검색창 */
	#section-01 .select-selected {
		width: 180px;
	}

	/* 서브 검색창 */
	#spot #snb .right-con .search-box .select-selected {
		width: 110px !important;
	}
	#spot #snb .right-con .search-box .select-items {
		width: 120px;
	}
	#spot #snb .right-con .search-box .select-items div {
		padding: 10px;
		font-size: smaller;
	}
	#spot #snb .right-con .search-box .se-intxt {
		padding: 0 45px 0 120px;
	}

	/* 검색 결과페이지 */
	.listType {
		font-size: 13px;
	}
	.acc-menu button.main-title {
		padding: 0 10px;
		height: 35px;
		font-size: 13px;
	}
	a.check_chlid {
		font-size: 13px;
	}
	.acc-menu>li.title {
		font-size: 1.1em;
		text-indent: 5px;
		border: 1px solid #d9d8d8;
    	background: #f5f5f5;
    	margin-bottom: 7px;
   	    padding: 12px 5px 10px;
	}
	.acc-menu>li.title:after {
		content: '';	    
	    width: 50px;
	    height: 44px;
	    position: absolute;
	    right: 0;
	    top: 0;
	    z-index: 10;
	    background: url(../images/sub/nav_arr_g.svg) center center no-repeat;
	    background-size: 15px auto;
	    transition: all 0.3s;
	}
	
	.acc-menu>li.title.selected:after {
		transform: rotate(180deg);
	}
	/* 검색 제한 필터 닫아 놓기 */
	.acc-menu > li:not(.title) {
		display: none;
	}
	
	
	.acc-menu > li.selected {
		display: block;
	}

	/* covid */
	.covid .list_title {
		font-size: 1.2em;
	}
	.covid .container>article ul>li>a {
		font-size: 1.1em;
	}

	/* admin */
	.admin table th, .admin table td {font-size: inherit;}
	.admin table input[type="text"], .admin table select {
		width: 100% !important;
		padding: 0 2px;
		font-size: smaller;
	}
	.border_box .list_type > span.listNum, .border_box .listType h3 > span.listNum {
		line-height: 18px;
	}
	a.more_btn2 {
		text-indent: 0;
	}
	
	#bibElement li.grid_box, .row.oneRow li.grid_box {
    	display: block;
	}
	
	#ebookElement li.grid_box {
    	display: block;
	}
	
	.popUp-container {
		padding:0 20px;
	}
	
	.popUp .popUp-close {
	    right: 15px;
	}
	
/* 	.data_listInBox .tabBox .listHorizontal {
    	padding-left: 20px;
	}
 */	
	.tabBox .container.pa_20 {
    	padding: 10px !important;
	}
	
	.keyword {padding-left: 100px;}
	
	.keyword > button:nth-child(1):before {left: -100px;}
	
	/* 연구자 현황 */
	.tabBox .listWrap .list {
		padding: 10px 15px;
	}
	.tabBox .listWrap .list .title {
		font-size: 1.2rem;
	}
	.tabBox a.auth_name, span.date_span {
	    font-size: 1rem;
	}
	.iconId {
		width: 16px;
    	height: 16px;
		vertical-align: text-bottom;
	}
	.iconId:after {
	    font-size: 10px;
	    width: 16px;
	    height: 16px;
	}
	.border_box .v_bar {
		padding: 0 3px;
	}
	
	.iconset_box ul.grid_box li a {
		line-height: 20px;
	}
	
	.iconset_box ul.exports > li {
		height: 33px;
	}
	.iconset_box ul.exports > li a {
		line-height: 12px;
	}
	
	/* List & E-Books Number checkbox */
	.listType > .title > input[type="checkbox"],
	.ebook td:first-child > input[type="checkbox"] {
		width: 27px;
    	height: 27px;
	}
	
	.listType > .title > input[type="checkbox"] {
		margin-left: -5px;
	}
	
	.listType > .title > a,
	.listHorizontal {
		padding-left: 35px;
	}
	
	.listType > .title > .listNum {
		line-height: 27px;
		letter-spacing: -1.5px;
		left: -7px;
	}
	
	.list .title > span.absolute {
		margin-left: 0px !important;
	}
	
	.listWrap .list > div{
		margin:5px 0;
	}
		
	#instDtl #chartBox div.box {
		grid-template-columns: repeat(1, 1fr);
	}
		
	.iconset_box ul.grid_box > li a i {
		padding: 4px 0 3px;
		height: 18px;
	}
	a.pin .icon_pin {
		margin: 3px auto 1px;
	}
	.content_body:not(.totalSearch) .showIcon {
    	top: -2px;
	}
	.showIcon > span:nth-child(2){margin-left:-9px;}
	.showIcon > span:nth-child(3){margin-left:-9px;}
	.showIcon {
		right: -8px;
	}
	.showIcon.pin {
		right: 22px;
	}
	.pin .icon_pin {
		width: 16px;
   		height: 16px;
	}
 	.content_body:not(.totalSearch) .listType > .title > a {
		width: calc(100% - 60px);
	}
	.iconset_box ul.grid_box > li:before {
		height: 38px;
	}
	.iconset_box ul.share {
		left: 0;
		margin-left: 0;
	}
	.search-box .search-info > li > a {
		padding-left: 40px;
	}
	
	.idpw .idpw-form {
	    margin: 0;
	}

	.idpw .idpw-form .ma_t_10 > div {
		margin-top: 20px;
	}
	
/* 	.img-box > .img.default {
		margin:0 auto;
	}
	
	.inst .img-box {
	    width: 80px;
	    left: 43px;
	    top: 10px;
	}
	.inst .img-box > .img,
	.inst .img-box > .img.default {
		width: 80px;
		height: 97px;
	}
	.inst .img-box > .img.default .bookName {
		height: 50px;
	    line-height: 50px;
	    top: 15%;
	    padding-left: 10px;
	} */
	.padding {
		padding-top: 25px;
	}
	.grid_box h4.itemName,
	#author_dtl .grid_box h4 {
		margin-bottom: 10px;
	}
	
	/* 연구자 목록 */
/* 	.listType.authorlist > .title > a,
	.listType.authorlist .listHorizontal {
		padding-left: 30px !important;
	} */
	.listType.authorlist .title span.insti {
		display: block;
    	margin-top: 5px;
	}
	
	.paginate > a {
		min-width: 28px;
		margin: 0 2px 5px;
	}
	
	/* 소개 페이지 키워드 */
	.wordCloud.sub p {
	    transform: scale(0.8, 0.8);
	}
	@keyframes wordCloud11 { from {margin:0;} to {width:120px;height:120px;margin-left:-7%;margin-top:-12%;opacity:1;} }
	@keyframes wordCloud12 { from {margin:0;} to {width:120px;height:120px;margin-left:14%;margin-top:-7%;opacity:1;} }
	@keyframes wordCloud13 { from {margin:0;} to {width:110px;height:110px;margin-left:-38%;margin-top:-8%;opacity:1;} }
	@keyframes wordCloud14 { from {margin:0;} to {width:110px;height:110px;margin-left:-21%;margin-top:-13%;opacity:1;} }
	@keyframes wordCloud15 { from {margin:0;} to {width:100px;height:100px;margin-left:2%;margin-top:6%;opacity:1;} }
	@keyframes wordCloud16 { from {margin:0;} to {width:100px;height:100px;margin-left:-53%;margin-top:-3%;opacity:1;} }
	@keyframes wordCloud17 { from {margin:0;} to {width:90px;height:90px;margin-left:32%;margin-top:-11%;opacity:1;} }
	@keyframes wordCloud18 { from {margin:0;} to {width:90px;height:90px;margin-left:-44%;margin-top:-16%;opacity:1;} }
	@keyframes wordCloud19 { from {margin:0;} to {width:80px;height:80px;margin-left:10%;margin-top:-16%;opacity:1;} }
	@keyframes wordCloud20 { from {margin:0;} to {width:80px;height:80px;margin-left:-11%;margin-top:5%;opacity:1;} }
	@keyframes wordCloud21 { from {margin:0;} to {width:70px;height:70px;margin-left:-23%;margin-top:7%;opacity:1;} }
	@keyframes wordCloud22 { from {margin:0;} to {width:70px;height:70px;margin-left:38%;margin-top:4%;opacity:1;} }
	@keyframes wordCloud23 { from {margin:0;} to {width:60px;height:60px;margin-left:24%;margin-top:10%;opacity:1;} }
	@keyframes wordCloud24 { from {margin:0;} to {width:60px;height:60px;margin-left:25%;margin-top:-17%;opacity:1;} }
	@keyframes wordCloud25 { from {margin:0;} to {width:60px;height:60px;margin-left:-36%;margin-top:9%;opacity:1;} }
	@keyframes wordCloud26 { from {margin:0;} to {width:60px;height:60px;margin-left:16%;margin-top:15%;opacity:1;} }
	@keyframes wordCloud27 { from {margin:0;} to {width:60px;height:60px;margin-left:-29%;margin-top:-15%;opacity:1;} }
	@keyframes wordCloud28 { from {margin:0;} to {width:60px;height:60px;margin-left:34%;margin-top:14%;opacity:1;} }
	@keyframes wordCloud29 { from {margin:0;} to {width:60px;height:60px;margin-left:-45%;margin-top:15%;opacity:1;} }
	@keyframes wordCloud30 { from {margin:0;} to {width:60px;height:60px;margin-left:-28%;margin-top:15%;opacity:1;} }

	/* 소장자료 원문보기 영역 */
	.info__li {
		display: block;
	}
	.projectInfo {
		padding: 15px;
	}
	
	.projectInfo > li.projectInfo__btn {
		display: none;
	}
	
	.projectInfo > li.linkList {
		padding-top: 10px !important;
		margin-bottom: 0;
		padding-bottom: 20px
	}
	
	.projectInfo > li.linkList:before {
		height: 0 !important;
	}

	#bibElement li:nth-child(1):before,
	#bibElement li:nth-child(2):before {
		display: none;
	}
	
	.projectInfo--mobile > li:nth-child(1),
	.projectInfo--mobile > li:nth-child(2) {
		display: block !important;
		margin-bottom: 0 !important;
	}
	
	.projectInfo--mobile > li > p > span.cut {
		font-size: 1.2rem;
	}
	
	#qrcode {
		margin-top: -17px;
	}
	/* COVID-19 */
	.archive-covid {
	    grid-template-columns: repeat(2, minmax(260px, 260px))
	}
	.item-archive-covid {
	    width: 100% !important;
	}
	/* 자료신청 */
	.process-apply {
		width: 99%;
		margin: 0 auto;
    	grid-template-columns: repeat(1, 1fr);
    	gap: 48px;
	}
	.rect-rounded {
		min-height: 140px;
	}
	.rect-rounded .icon-arrow-right {
	    position: absolute;
	    right: 48%;
	    top: 115%;
	    transform: translateY(-50%) rotate(90deg);
	}
	.rect-rounded:after {
	    right: 50%;
	    top: 100%;
	    transform: translate(10px, 10px) rotate(90deg);
	}
	.box_video {
		margin: 0 auto;
	}	
	
	.copy .row-wrap {
		grid-template-columns: 1fr;
		gap: 0;
	}
	
	.copy .title-wrap a {
	    top: 10px;
	}
	
	/* E-BOOKS */
	.baro .details .font_sm {
	    margin: 0;
	}
	.ebook-steps {
	    grid-template-columns: 1fr;
	    gap: 36px;
	}
	.ebook-steps>div {
		height: 140px;
		padding: 16px;
		gap: 4px;
	}
	.ebook-steps>div:after {
	    position: absolute;
	    right: 48.5%;
	    top: 115%;
	    transform: translateY(-50%) rotate(90deg);
	}
	.ebook-steps__cont {
	    margin-top: 8px;
    	justify-content: center;
    }
    
    /* 꿀팁게시판 */
	.tip-list {
	    grid-template-columns: 1fr 1fr;
	}
	.tip-list .c-img {
		height: 160px;
	}
}

@media (min-width: 451px) and (max-width: 768px) {
	/* 메인 페이지 키워드 */
	@keyframes wordCloud1 { from {margin:0;} to {width:110px;height:110px;margin-left:-10%;margin-top:-8%;opacity:1;} }
	@keyframes wordCloud2 { from {margin:0;} to {width:105px;height:105px;margin-left:15%;margin-top:-10%;opacity:1;} }
	@keyframes wordCloud3 { from {margin:0;} to {width:100px;height:100px;margin-left:-25%;margin-top:0%;opacity:1;} }
	@keyframes wordCloud4 { from {margin:0;} to {width:90px;height:90px;margin-left:-30%;margin-top:-15%;opacity:1;} }
	@keyframes wordCloud5 { from {margin:0;} to {width:85px;height:85px;margin-left:37%;margin-top:7%;opacity:1;} }
	@keyframes wordCloud6 { from {margin:0;} to {width:80px;height:80px;margin-left:-38%;margin-top:8%;opacity:1;} }
	@keyframes wordCloud7 { from {margin:0;} to {width:70px;height:70px;margin-left:40%;margin-top:-7%;opacity:1;} }
	@keyframes wordCloud8 { from {margin:0;} to {width:60px;height:60px;margin-left:-10%;margin-top:-20%;opacity:1;} }
	@keyframes wordCloud9 { from {margin:0;} to {width:55px;height:55px;margin-left:14%;margin-top:12%;opacity:1;} }
	@keyframes wordCloud10 { from {margin:0;} to {width:50px;height:50px;margin-left:4%;margin-top:-20%;opacity:1;} }
}

@media screen and (max-width:700px) {
	.history_box>div>.list>.years>.dotted {
		width: 45%;
		margin-right: 20%;
	}
	.history_box .right_box>.list:nth-child(2) {
		margin-top: 41px;
	}
	.history_box .right_box>.list:nth-child(3) {
		margin-top: 23px;
	}
	.visit_step_box .visit_step {
		width: 100px;
		height: 100px;
	}
	.visit_step_box>li>div>p.line {
		width: 80px;
	}
	.visit_step_box>li>div>p:first-child {
		top: 15%;
	}
	.visit_step_box>li>div>p:last-child {
		top: 55%;
		font-size: 12px;
		letter-spacing: -0.3px;
	}
	.listWrap .exhibit_box .list {
		padding: 20px 15px;
	}
	.exhibit>.image_box {
		margin: 0 10px 0 0 !important;
	}
	/* login */
	.logIn .row .col2,
	.onepass .row .col2 {
		width: 80%;
	}
	#section-01 .info-box .list {
		padding: 30px 0 20px 20px;
	}
	article#printDiv h2.title a.button,
	.line_box.col2>.title_box>a.button,
	.listBox > .pa_l_0 > a.button,
	#instDtl .tabcontent > .listWrap > a.button,
	.orgMenu .orgMain > li > .button {
		font-size: 11px !important;
	}
}

@media screen and (max-width:600px) {
	#header .gnb-wrap #logo>a {
		margin-top: 26px;
	}
	#header .gnb-wrap #logo>a>img {
		width: 170px;
	}
	#header .gnb-wrap .right-menu>li {
		margin-right: 10px;
	}
	#header .gnb-wrap .right-menu>li.lang {
		display: none;
	}
	#header .mo-menu {
		width: 100%;
		right: -100%;
	}
	#header .mo-menu .menu-box .menu>li>button,
	#header .mo-menu .menu-box .menu>li>a {
		padding: 0 20px;
	}
	#header .mo-menu .menu-box .menu>li .menu-02 {
		padding: 20px 35px;
	}

	/* 상단 검색창 */
	#header #search-pop .search-wrap {
		height: 220px;
		padding: 38px 20px 0;
	}
	#header #search-pop .search-wrap .search-box .search-con .search-int-box .search-sel
		{
		height: 50px;
		padding: 0 25px 0 20px;
		background-position: right 10px center;
	}
	#header #search-pop .search-wrap .search-box .search-con .search-int-box>.sel-cell,
		#section-01 .search-box .search-con .search-int-box>.sel-cell>.select-selected
		{
		height: 50px;
		line-height: 50px;
	}
	.search-wrap .search-box .search-con .search-int-box>.sel-cell>.select-selected,
		.search-wrap .search-box .search-con .search-int-box>.sel-cell
		{
		height: 51px;
		line-height: 51px;
	}
	.search-box .customSelect .select-items {
		left: 22px;
	}
	.search-box .customSelect .select-items>div {
		padding-left: 8px;
		height: 50px;
		line-height: 50px;
	}
	#header #search-pop .search-wrap .search-box .search-con .search-btn {
		width: 51px;
		height: 51px;
	}
	#header #search-pop .search-wrap .search-box .search-info>li>a {
		width: 99px;
	}
	#header #search-pop .search-wrap .search-box .search-info>li.li02>a {
		width: 89px;
	}
	#header #search-pop .search-wrap .search-box .search-con .search-int-box .search-int
		{
		height: 49px;
		padding: 0 30px 0 5px;
		width: calc(100% - 170px);
	}
	.selectRow:after {
		right: 7px;
	}
	.button.toPre, .button.top {
		width: 40px;
		height: 40px;
		padding: 0;
		font-size: 0;
	}
	.button.toPre:before {
		left: 15px;
	}
	.button.top {
		background-position: center 14px;
	}
	#footer .footer-wrap .foot-con .foot-menu>li {
		margin: 0 5px 10px;
	}
	.selectbox_wrap {
		padding: 5px;
	}
	.selectbox_wrap>div {
		float: none;
		text-align: center;
		height: 30px;
		line-height: 30px;
	    display: contents;
	}
	.selectbox_wrap>.float>a {
		margin-right: 5px;
	}
	
	#slogan {
		top: -35px;
	}
	
	#section-01 .search-box {
		padding: 150px 15px 50px;
	}
	#section-01 .search-box .search-con .search-int-box .search-sel {
		/* height: 50px; */
		padding: 0 25px 0 20px;
		background-position: right 10px center;
	}
	#section-01 .search-box .search-con .search-int-box .search-int {
		height: 50px;
		width: calc(100% - 185px);
		padding: 0 30px 0 5px;
	}
	#section-01 .search-box .search-con .search-btn {
		width: 55px;
		height: 55px;
	}
	#section-01 ..search-box .customSelect .select-selected:after {
		right: 20px;
	}
	#section-01 .search-box .search-con .search-int-box>.sel-cell,
		#section-01 .search-box .search-con .search-int-box>.sel-cell>.select-selected {
		height: 50px;
		line-height: 50px;
		width: 150px;
	}
	#section-01 .search-box .search-con .search-int-box>.sel-cell>.select-selected
		{
		padding: 0 15px;
	}
	.search-box .customSelect .select-items > a,
	.search-box .customSelect .select-items > div {
		padding-left: 20px;
	}
	#header #search-pop .search-wrap .search-box .search-con .search-int-box>.sel-cell>.select-selected,
		#header #search-pop .search-wrap .search-box .search-con .search-int-box>.sel-cell
		{
		height: 49px;
		line-height: 49px;
	}
	#section-01 .search-box .search-info {
		padding-top: 10px;
	}
	#section-01 .search-box .search-info>li.li01 {
		margin-right: 15px;
	}
	#section-01 .info-box .list>li {
		padding: 0 15px;
	}
	#section-01 .info-box .list>li>.tit {
		position: relative;
		font-size: 1rem;
	}
	#edsSelect1, #edsOpt1 {
		min-width: 60px;
	}
	#c1 {
		min-width: 85px;
	}
	#section-02 .section {
		padding: 50px 15px;
	}
	#section-02 .con-h .tit {
		overflow: hidden;
		float: none;
	}
	#section-02 .con-h .tit:after {
		right: auto;
		left: 225px;
	}
	#section-02 .tab-tit-box {
		margin-bottom: 20px;
	}
	#section-02 .tab-tit-box .tab-tit-list {
		margin-top: -80px;
	}
	#section-02 .tab-tit-box .tab-tit-list>li>a .con-box {
		padding: 15px;
	}
	#section-02 .tab-tit-box .tab-tit-list>li>a .con-box .tit {
		margin-bottom: 0;
		text-align: center;
	}
	#section-02 .tab-tit-box .tab-tit-list>li>a .con-box p {
		display: none;
	}
	#section-02 .tab-content .tab-con .tit-con {
		font-size: 1.2rem;
	}
	#section-02 .tab-content .tab-con .tit-con .tit-box {
		padding: 13px;
		background: none;
	}
	#section-02 .tab-content .tab-con .tit-con p {
		display: block;
		margin-bottom: 10px;
	}
	#section-02 .tab-content .tab-con .info-box .cell-box .con-box .h-box .tit{
		font-size: 1.2rem;
	}
	#section-02.animate .wordCloud {
		margin-top: -20px;
	}
	#section-03 .section {
		padding: 50px 15px;
	}
	#section-03 .sect-con-1 .notice-box .h-box {
		margin-bottom: 15px;
	}
	#section-03 .sect-con-1 .notice-box .notice-list>li>.con-box {
		padding: 15px 0;
	}
	#section-03 .sect-con-1 .pub-box .tab-content .tab-con {
		overflow: auto;
	}
	#section-03 .sect-con-1 .pub-box .tab-content .tab-con .list {
		display: table;
		width: 100%;
	}
	#section-03 .sect-con-1 .pub-box .tab-content .tab-con .list>li {
		display: table-cell;
		float: none;
	}
	#section-03 .sect-con-1 .pub-box .tab-content .tab-con .list>li>a {
		width: 150px;
	}
	#section-03 .sect-con-2 .con-box .list>li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	#section-03 .sect-con-2 .con-box .list>li:last-child {
		margin-bottom: 0;
	}
	#section-03 .sect-con-2 .con-box .list>li>a {
		height: auto;
		padding: 25px;
	}
	.popUp .popUp-close {
		-ms-transform: scale(0.7, 0.7);
		transform: scale(0.7, 0.7);
	}
	.icon_box.flex_box>div, .flex_box>* {
		width: 50%;
	}
	.content_body.cris .icon_box.flex_box>div {
		width: 100% !important;
	}
	.tabBox .flex_box {
		display: block;
	}
	.tabBox .flex_box>div {
		flex: none;
		width: 100%;
		display: inline-block;
	}
	.container>article li h4 {
		margin-right: 10px;
	}
	.dia .cir2 {
		width: 200px;
		height: 200px;
	}
	.dia>.row1>.float {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	.dia>.row1>.float.text:before {
		display: none;
	}
	.dia>.row1>.float.text {
		height: auto;
		margin-top: 20px;
		padding: 0;
		text-align: center;
		position: relative;
	}
	.dia>.row1>.float.text>p {
		position: relative;
	}
	.dia:first-child>.row1>.float.text {
		padding-top: 20px;
	}
	.dia:last-child>.row1>.float.text {
		text-align: left;
	}
	.function .step>div {
		width: 100%;
	}
	.function .step>div>div {
		padding: 10px;
	}
	.function .step>div>div:nth-child(1) {
		left: 0%;
		top: -10%;
	}
	.function .step>div>div:nth-child(2) {
		right: 0%;
		top: -10%;
	}
	.function .step>div>div:nth-child(3) {
		left: 0%;
		bottom: -10%;
	}
	.function .step>div>div:nth-child(4) {
		right: 0%;
		bottom: -10%;
	}
	.row.vision>.dia>div>div:nth-child(2)>.w_50>.w_80 {
		width: 100% !important;
		margin: 20px 0;
	}
	.row.vision>.dia>div>div:nth-child(2)>.w_50 {
		position: relative;
		padding-top: 20px;
	}
	.row.vision>.dia>div>div:nth-child(2) div>.w_50:nth-child(2n)>.w_80 {
		margin-left: 4%;
	}
	.center_info .stage2 > .stage {
		top: 32%;
	}
	.history_box {
		background: none;
	}
	.history_box>.left_box.first {
		padding-top: 0px;
	}
	.history_box>.right_box, .history_box>.left_box {
		width: 100%;
		max-width: 100%;
	}
	.history_box>div>.list {
		height: auto;
		padding-bottom: 15px;
	}
	.history_box>div>.list>.years>.dotted {
		width: 78.947368421052631578947368421053%;
	}
	.history_box .left_box>.list:nth-child(2) {
		margin-top: 42px;
	}
	.history_box .left_box>.list:nth-child(3) {
		margin-top: 21px;
	}
	.imgBox.pic2 {
		width: 96%;
		margin: 20px 2% 10px 2%;
	}
	.circle_box {
		display: block;
		width: 100%;
	}
	.visit_step_box {
		grid-template-columns: 1fr;
		gap: 8px;
	}
	.visit_step_box>li {
		grid-template-columns: 105px 1fr;
	}
	.visit_stepEx {
	    min-width: 100%;
	    text-align: left;
	    margin-left: 16px;
	}
	.visit_step_box>li:nth-child(2) .visit_stepEx .visit_step_title>span {
		background: #cf6b44;
	}
	.visit_step_box>li:nth-child(4) .visit_stepEx .visit_step_title>span {
		background: #704092;
	}
	.visit_stepEx>ul {
	    display: grid;
    	justify-content: start;
	}
	.galleryIntro .pic_box.stage2, .galleryIntro .pic_box.stage3 {
		height: 400px;
	}
	.galleryIntro .pic_box>p {
		left: 50%;
		width: 200px;
		transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
	}
	.galleryIntro .pic_box>p.image2 {
		bottom: 0;
	}
	.galleryIntro .pic_box>.arrow_l {
		margin-top: 195px;
	}
	.galleryIntro .pic_box.stage3>.arrow_r {
		margin-top: 195px;
	}
	.galleryIntro .stage {
		width: 180px;
		left: 105%;
	}
	.galleryIntro .pic_box>.pic_explanation {
		width: 180px;
		font-size: 13px;
	}
	.galleryIntro .stage3>.pic_explanation>div>p {
		display: none;
	}
	.galleryIntro .stage3>.pic_explanation>div>p:after {
		height: 100%;
	}
	.galleryIntro .stage3>.pic_explanation>div>ul {
		padding-left: 10px;
	}
	.exhibit>.image_box {
		float: none !important;
		margin: 0 auto !important;
	}
	.exhibit>a {
		width: 100%;
		float: none !important;
	}
	.listWrap .exhibit .title {
		margin-top: 20px;
	}
	.online .flex_box {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.online .flex_box>div {
		-ms-flex: none;
		flex: none;
		width: 100%;
	}
	.logIn .row .col2,
	.onepass .row .col2 {
		width: 90%;
	}
	.row .border_box,
	.onepass .row .border_box {
		padding: 5px 20px 20px;
	}
	.idpw .row.bg {
		padding: 20px;
	}
	.container>article>#author_dtl>li>.flex_box {
		display: block;
		width: 100%;
	}
	.container>article>#author_dtl>li>.flex_box>div {
		-ms-flex: none;
		flex: none;
		width: 100%;
		padding: 10px 0;
	}
	.popUp .popUp-close {
		-ms-transform: scale(0.7, 0.7);
		transform: scale(0.7, 0.7);
	}
	.alertBox>div {
		min-width: 330px;
		padding: 20px
	}
	.projectInfo #chart text {
		font-size: 11px;
	}
	.container>article ul>li {
		margin-bottom: 20px;
		min-height: unset;
	}
	.container>article ul>li:before {
		bottom: -9px;
	}
	.container>article ul>li.abstract>h4.itemName {
		margin-bottom: 10px;
	}
	.projectInfo > li.linkList {
		padding-top: 50px;
	}
	.projectInfo > li.linkList:before {
		width: calc( 100% + 20px );
		left: -10px;
	    height: 50px;
	}

	.idpw .ma_t_40 {
		margin-top: 10px !important;
	}
	.idpw .idpw-form label {
		clear: both;
   		display: block;
   		line-height: 25px;
	}
	.idpw #user_name, .idpw #user_id {
		width: 100% !important;
		margin: 0;
	}
	
	.idpw #mbtlnum, .idpw #password, .idpw #passwordChk {
	    width: 250px;
        margin: 0;
	}
	
	/* 모바일용 회원가입 */
	label.blind {
	    display: block;
	    margin-bottom: 5px;
	}
	input#information {
	    margin-left: 0 !important;
	}
	
	/* COVID-19 */
	.archive-covid {
		grid-template-columns: repeat(1, minmax(260px, 260px));
	}
	
	/* 꿀팁게시판 */
	.m-hide {
	    display: none !important;
	}
	.tip-list-top .sch-sort li:not(:first-child)::before {
		display: none;
	}
}

@media screen and (max-width:500px) {
	.search-box .customSelect .select-items{
		width: 110px;
		left: 18px;
	}
	#header #search-pop .search-wrap .search-box .search-con .search-int-box .search-int{
		width: calc(100% - 140px);
	}
	#header #search-pop .search-wrap .search-box .search-con .search-int-box .sel-cell{
		width: 120px;
	}
	#header #search-pop .search-wrap .search-box .search-con .search-int-box>.sel-cell>.select-selected{
		width: 100px;
	}
	.search-box .customSelect .select-items > a {
		padding-left: 15px;
	}
	.row_30 {
		padding: 15px 0;
	}
	.content_body {
		padding: 10px 15px 15px;
	}
	.content_body.relative.totalSearch {
		padding: 10px 15px 0;
	}
	#spot #snb {
		height: 50px;
	}
	#spot #snb .right-con .search-box .se-btn {
		top: 0;
		right: 0;
	}
	#spot #snb .right-con .search-box {
		width: calc(100% - 100px);
	}
	#spot #snb .right-con .search-box .select-items {
		width: 110px;
	}
	#spot #snb .right-con .search-box .se-intxt {
		height: 50px;
		padding: 0 40px 0 95px;
	}
	#spot #snb .right-con .se-e-btn {
		width: 50px;
		height: 50px;
	}
	#spot #snb .right-con .search-box .select-selected {
		width: 90px !important;
		line-height: 50px;
	}
	#spot #snb .right-con .search-box .select-selected:after {
		top: 25px;
	}
	#spot #snb .right-con .select-selected {
		line-height: 50px;
		padding: 0 10px;
	}
	
	#spot #snb .right-con .se-e-btn:before {
		top: 120%;
	}
	#spot #snb .right-con .se-e-btn:after {
		font-size: 1rem;
	    width: 50px;
	    height: 45px;
	    margin-top: -56px;
	}
	
	#spot .img-box h2 {
		font-size: 2.2rem;
	}
	
	.button.toPre, .button.top {
		padding: 0 13px;
	}
	.button.toPre:after {
		margin-right: 0px;
	}
	#atozCont {
		margin-top: 0;
	}
	#atozCont .flex_box>li {
		margin-top: 0 !important;
	}
	.listType {
		font-size: 0.95em;
	}
	.listHorizontal>.btnBox {
		margin-top: 5px;
	}
	.button, button, input[type="button"], a.button, .orgMenu .orgMain > li > .button {
		border-radius: 4px;
		font-size: 12px;
	}
	.haveInfovolumeCl {
		padding-left: 0;
	}
	div.schedule {
		width: 300px;
	}
	div.schedule>div p {
		font-size: 13px;
	}
	.galleryIntro .pic_box {
		width: 50%;
		height: 180px;
		max-width: 300px;
	}
	.galleryIntro .pic_box.stage2, .galleryIntro .pic_box.stage3 {
		height: 320px;
	}
	.galleryIntro .pic_box>p {
		width: 180px;
		height: 180px;
	}
	.galleryIntro .pic_box>.arrow_r {
		margin-top: 90px;
	}
	.galleryIntro .pic_box>.arrow_l {
		margin-top: 160px;
	}
	.galleryIntro .pic_box.stage3>.arrow_r {
		margin-top: 160px;
	}
	.galleryIntro .pic_box.stage1>.pic_explanation, galleryIntro .pic_box.stage3>.pic_explanation,
	.galleryIntro .pic_box.stage2>.pic_explanation, galleryIntro .pic_box.stage4>.pic_explanation {
		width: 90%;
		max-width: 160px;
	}
	.galleryIntro .stage1>.stage, .galleryIntro .stage3>.stage,
	.galleryIntro .stage2>.stage, .galleryIntro .stage4>.stage {
		width: 90%;
		max-width: 160px;
	}
	.logIn .border_box>p>label, .logIn .border_box>p>span.font_orange {
		padding-left: 7px;
		display: block;
		width: 100%;
		text-align: left;
	}
	.logIn .border_box>p>input, .logIn .border_box>p>span.w_70 {
		width: 100% !important;
	}
	.logIn .border_box .barVertical:after {
		padding: 0 10px;
	}
	.row .boxTitle {
		padding: 20px 0 0;
	}
	.onepass .row .boxTitle {
		padding: 0;
	}
	.row .border_box,
	.onepass .row .border_box {
		padding: 5px 15px 10px;
	}

	/* onepass Login */
	.logIn .border_box2>p>label, .logIn .border_box>p>span.font_orange {
		padding-left: 7px;
		display: block;
		width: 100%;
		text-align: left;
	}
	.logIn .border_box2>p>input, .logIn .border_box>p>span.w_70 {
		width: 100% !important;
	}
	.logIn .border_box2 .barVertical:after {
		padding: 0 10px;
	}
	.row .boxTitle2 {
		padding: 20px 20px 15px 20px;
	}
	.row .border_box2 {
		padding: 15px 20px 0 20px;
	}
	.logIn .border_box>* {
		margin-bottom: 0;
	}
	input#user_id {
		margin-top: 10px;
	}
	
	/* table */
	th, td {
		font-size: 11px;
		padding: 10px 5px;
	}
	.font_xsm {
	    font-size: inherit;
	}
	.tableStyle2 th, .tableStyle2 td {
		padding: 8px 5px;
	}
	table.vertical a.button {
	    padding: 3px;
    	font-size: 10px;
	}

	/* 차트 */
	#result text {
		font-size: 10px;
	}
	
	.line_box.col2>.title_box>a.button {
		top: 22px;
	}
	
	.listBox > .pa_l_0 > a.button {
		top: -5px;
	}
	
	#instDtl .tabcontent > .listWrap > a.button {
		top: -35px;
	}
	
	/* 통합검색결과 페이지 */
	.totalSearch .row .boxTitle {
		padding-left: 15px;
	}

	svg#network {
	    width: 500px;
	    position: absolute;
	    left: 50%;
	    margin-left: -250px;
	    top: 10px;
 	}
	
	div.jqcloud span.w10 { font-size: 1rem; } 
	div.jqcloud span.w9 { font-size:  0.95rem; }
	div.jqcloud span.w8 { font-size:  0.9rem; }
	div.jqcloud span.w7 { font-size:  0.85rem; }
	div.jqcloud span.w6 { font-size:  0.8rem; }
	div.jqcloud span.w5 { font-size:  0.8rem; }
	div.jqcloud span.w4 { font-size:  0.75rem; }
	div.jqcloud span.w3 { font-size:  0.7rem; }
	div.jqcloud span.w2 { font-size:  0.65rem; }
	div.jqcloud span.w1 { font-size:  0.5rem; } 
	
	/* 소개 페이지 키워드 */
	.wordCloud.sub p {
	    transform: scale(0.7, 0.7);
	}
	@keyframes wordCloud11 { from {margin:0;} to {width:120px;height:120px;margin-left:-13%;margin-top:-18%;opacity:1;} }
	@keyframes wordCloud12 { from {margin:0;} to {width:120px;height:120px;margin-left:6%;margin-top:-7%;opacity:1;} }
	@keyframes wordCloud13 { from {margin:0;} to {width:110px;height:110px;margin-left:-33%;margin-top:-27%;opacity:1;} }
	@keyframes wordCloud14 { from {margin:0;} to {width:110px;height:110px;margin-left:-28%;margin-top:-2%;opacity:1;} }
	@keyframes wordCloud15 { from {margin:0;} to {width:100px;height:100px;margin-left:-9%;margin-top:16%;opacity:1;} }
	@keyframes wordCloud16 { from {margin:0;} to {width:100px;height:100px;margin-left:-53%;margin-top:-1%;opacity:1;} }
	@keyframes wordCloud17 { from {margin:0;} to {width:90px;height:90px;margin-left:26%;margin-top:-13%;opacity:1;} }
	@keyframes wordCloud18 { from {margin:0;} to {width:90px;height:90px;margin-left:-49%;margin-top:-19%;opacity:1;} }
	@keyframes wordCloud19 { from {margin:0;} to {width:80px;height:80px;margin-left:6%;margin-top:-28%;opacity:1;} }
	@keyframes wordCloud20 { from {margin:0;} to {width:80px;height:80px;margin-left:-9%;margin-top:-28%;opacity:1;} }
	@keyframes wordCloud21 { from {margin:0;} to {width:70px;height:70px;margin-left:-24%;margin-top:17%;opacity:1;} }
	@keyframes wordCloud22 { from {margin:0;} to {width:70px;height:70px;margin-left:32%;margin-top:3%;opacity:1;} }
	@keyframes wordCloud23 { from {margin:0;} to {width:60px;height:60px;margin-left:24%;margin-top:21%;opacity:1;} }
	@keyframes wordCloud24 { from {margin:0;} to {width:60px;height:60px;margin-left:22%;margin-top:-19%;opacity:1;} }
	@keyframes wordCloud25 { from {margin:0;} to {width:60px;height:60px;margin-left:-36%;margin-top:25%;opacity:1;} }
	@keyframes wordCloud26 { from {margin:0;} to {width:60px;height:60px;margin-left:13%;margin-top:24%;opacity:1;} }
	@keyframes wordCloud27 { from {margin:0;} to {width:60px;height:60px;margin-left:-40%;margin-top:-26%;opacity:1;} }
	@keyframes wordCloud28 { from {margin:0;} to {width:60px;height:60px;margin-left:35%;margin-top:14%;opacity:1;} }
	@keyframes wordCloud29 { from {margin:0;} to {width:60px;height:60px;margin-left:-48%;margin-top:19%;opacity:1;} }
	@keyframes wordCloud30 { from {margin:0;} to {width:60px;height:60px;margin-left:-34%;margin-top:-2%;opacity:1;} }
	
	/* E-Books */
	.ebook-steps>div:after {
	    right: 47%;
	}
	
	/* 꿀팁게시판 */
	.tip-list {
	    grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 454px) {
	#section-01 .info-box .list>li>.tit.pa_0_10 {
		color: transparent;
	}
	#section-01 .info-box .list>li:nth-child(6), #section-01 .info-box .list>li:nth-child(8)
		{
		margin-top: -40px;
	}
}

@media screen and (max-width:450px) {
	span {
		word-break: break-word;
	}
	#spot .img-box {
		height: 150px;
	}
	
	#header #search-pop .search-wrap {
		height: 200px;
	}
	
	#section-01 .info-box .list {
		padding: 30px 0 20px 0;
	}
	#section-01 .info-box .list>li {
		padding: 0 30px;
	}
	#section-01 .info-box .list>li>a>.tit {
		font-size: 1rem;
		background-position: left 5px;
	}
	#section-01 .search-box .search-con .search-int-box .search-int {
		width: calc(100% - 140px);
	}
	.imgBox.pic2 img {
		float: none;
		width: 90%;
		margin: 0 5% !important;
	}

	/* 로그인 */
	.logIn .border_box .text_c.row20>a.font_Dgray,
	.onepass .border_box .text_c.row20>a.font_Dgray	 {
		display: block;
	}
	.logIn .border_box .barVertical:after,
	.onepass .border_box .barVertical:after {
		content: "";
	}
	.logIn .border_box .barVertical,
	.onepass .border_box .barVertical {
		display: none;
	}
	.logIn .border_box .row20 {
		padding: 0;
	}

	/* 검색창 공통 */
	.customSelect .select-selected {
		width: 130px;
	}

	/* 메인 검색창 */
	#section-01 .search-box .search-con .search-int-box>.sel-cell,
		#section-01 .search-box .search-con .search-int-box>.sel-cell>.select-selected
		{
		width: 105px;
	}
	#section-01 .search-box .search-con .search-int-box>.sel-cell>.select-selected
		{
		padding: 0 12px;
	}
	#section-02 .tab-content .tab-con .info-box .cell-box .con-box text {
		font-size: 9px;
	}
	#section-02 .tab-content .tab-con .info-box .cell-box .con-box #chart2 text {
		font-size: 8px;
	}
	
	/* 메인 페이지 키워드 */
	@keyframes wordCloud1 { from {margin:0;} to {width:110px;height:110px;margin-left:-5%;margin-top:-15%;opacity:1;} }
	@keyframes wordCloud2 { from {margin:0;} to {width:105px;height:105px;margin-left:16%;margin-top:-26%;opacity:1;} }
	@keyframes wordCloud3 { from {margin:0;} to {width:100px;height:100px;margin-left:-25%;margin-top:8%;opacity:1;} }
	@keyframes wordCloud4 { from {margin:0;} to {width:90px;height:90px;margin-left:-40%;margin-top:-15%;opacity:1;} }
	@keyframes wordCloud5 { from {margin:0;} to {width:85px;height:85px;margin-left:30%;margin-top:7%;opacity:1;} }
	@keyframes wordCloud6 { from {margin:0;} to {width:80px;height:80px;margin-left:-45%;margin-top:10%;opacity:1;} }
	@keyframes wordCloud7 { from {margin:0;} to {width:70px;height:70px;margin-left:45%;margin-top:-10%;opacity:1;} }
	@keyframes wordCloud8 { from {margin:0;} to {width:60px;height:60px;margin-left:-15%;margin-top:-20%;opacity:1;} }
	@keyframes wordCloud9 { from {margin:0;} to {width:55px;height:55px;margin-left:19%;margin-top:25%;opacity:1;} }
	@keyframes wordCloud10 { from {margin:0;} to {width:50px;height:50px;margin-left:5%;margin-top:22%;opacity:1;} }

	.galleryIntro .pic_box>.pic_explanation {
		width: 150px;
	}
	
	/* table */
	#topInfo {
		font-size: 11px;
	}
	
	.projectInfo #chart text {
		font-size: 8px;
	}
	
	.listWrap .list .title {
	    font-size: 1.1rem;
	}

	.line_box .tab button {
		padding: 0 10px;
		font-size: 12px;
	}
	
	.detailSrch_location > dd > span {display: block;clear: both;}
	.detailSrch_location > dd > label:nth-child(n-2) > input {margin-bottom: 5px;}
	
	#divRefreshArea .grid_box {
		max-width: 96%;
    	margin: 0 0 0 5px;
	}
}

@media screen and (max-width:434px) {
	.logIn .button.btn2,
	.onepass .button.btn2 {
		height: 40px;
	}
	.idpw #user_name, .idpw #mbtlnum, .idpw #user_id {
		width: 185px;
	}
}

@media screen and (max-width:400px) {	
	.galleryIntro .pic_box>p {
		width: 150px;
		height: 150px;
	}
	.galleryIntro .pic_box.stage2, .galleryIntro .pic_box.stage3 {
		height: 270px;
	}
	.galleryIntro .pic_box>.arrow_l>img {
		margin-top: -105px;
	}
	.galleryIntro .pic_box.stage3>.arrow_r, .galleryIntro .pic_box>.arrow_l
		{
		margin-top: 146px;
	}
	.galleryIntro .pic_box>.arrow_l>img {
		margin-top: -94px;
	}
	.galleryIntro .pic_explanation, .pic_box.stage3>.pic_explanation,
		.pic_box.stage2>.pic_explanation, .pic_box.stage4>.pic_explanation {
		left: 105%;
	}
	.container>article>#author_dtl>li h4 {
		padding-right: 10px;
	}
	::placeholder {
		font-size: 12px;
	}
	#footer .footer-wrap .foot-con .foot-menu>li>a {
		font-size: 1rem;
	}
}

@media screen and (max-width:380px) {
	.content_body {
		padding: 10px;
	}
	.row {
		padding: 10px 0;
	}
	h2.title i, h3.title i {
		font-size: 1.4rem;
	    margin: 0 5px 0 0;
	}
/* 	h3, .border_box .list_type, button h3, h3 {
		font-size: 1em;
	}	
 */	#header .mo-menu .h-box .user-list>li>a, #header .mo-menu .h-box .user-list>li>button {
		padding: 0 10px;
		font-size: 13px;
	}
	.function .step>div>div {
		width: 142px;
	}
	.history_box>.left_box>.list>.years>.dotted {
		margin-left: 31%;
	}
	.history_box>div>.list>.years>.dotted {
		width: 69%;
		margin-right: 31%;
	}
	/* table */
	th, td {
		font-size: 10px;
		padding: 5px 2px;
	}

	/* main */
	#section-01 .search-box .search-con .search-int-box>.sel-cell,
		#section-01 .search-box .search-con .search-int-box>.sel-cell>.select-selected
		{
		width: 85px;
	}
	#section-01 .search-box .search-con .search-int-box .search-int {
		width: calc(100% - 120px);
	}
	#section-01 .info-box .list>li {
		padding: 0 10px;
	}
	#section-01 .info-box .list {
		padding: 20px 0 20px 10px;
	}
	#section-02 .wordCloud {
		max-width: 300px;
	}
	#section-03 .sect-con-1 .notice-box .h-box .more-btn {
		margin-top: 0px;
	}
	#section-03 .sect-con-1 .pub-box .tab-content .tab-con .more-btn {
		top: -61px;
	}
	#section-03 .sect-con-1 .pub-box .tab-content .tab-con .list>li>a>.tit {
		font-size: 1.2rem;
		margin-bottom: 5px;
	}
	.chartdiv {
		height: 220px;
	}
	
	.journalH p.title {
		font-size: 16px;
	}
	
/* 	.data_listInBox .tabBox .listType > .title > a {
	    padding-left: 20px;
	}
 */	
	#spot #snb .right-con .search-box .select-items {
	    width: 100px;
	}
	
	.line_box .tab button {
		padding: 0 7px;
		font-size: 11px;
	}
	
	#instDtl .tabcontent .btnMore {
		top: -10px;
	}
	
	.acc-menu>li.title:after {
		height: 41px;
	}
	
	#spot .img-box h2 {
		font-size: 1.95rem;
		letter-spacing: -0.5px;
	}
}

@media screen and (max-width:330px) {
	html, body {
		font-size: 12px;
	}
	.content_body {
		padding: 10px;
	}
	.row {
		padding: 15px 0;
	}
	#header .gnb-wrap #logo>a {
		margin-top: 28px;
	}
	#header .gnb-wrap #logo>a>img {
		width: 150px;
	}
	
	.search-box .customSelect .select-items{
		width: 100px;
		left: 12px;
	}
	#section-02.animate .wordCloud p {
	    transform: scale(0.7, 0.7);
	}
	
	.container.flexBox>aside {
		width: 100%;
	}
	.icon_box.flex_box>div, .flex_box>* {
		width: 100% !important;
	}
	.button, button, input[type="button"], a.button, .orgMenu .orgMain > li > .button {
		font-size: 11px;
	}
	.projectInfo #chart text {
		font-size: 10px;
	}
	#instDtl .tabcontent .btnMore {
		top: -5px;
	}
}