@import url("/common/font/Jalnan/fonts.css");

.MC_wrap {margin: 0 auto; width: 100%; max-width: 70rem;}
.MC_wrap:after {clear: both; display: block; content: "";}

.section01 {height: 26.75rem;}
.section02 {margin-top: -6.5rem;}
.section03,
.section04 {margin-top: 3rem;}
.section04 .MC_wrap {position: relative;}
.section04 .MC_wrap:before {position: absolute; top: 1.5rem; left: -8.5rem; width: 4.5rem; height: 4.5rem; border: 0.75rem solid rgba(29,193,16,0.15); border-radius: 50%; content: "";}
.section04 .MC_wrap:after {position: absolute; top: -5rem; right: -11.5rem; width: 8.5rem; height: 8.5rem; background: url('/images/web/main/main/dot.png') repeat; border-radius: 50%; content: "";}
/* .section05 {position: relative; margin-top: 2rem;} */
.section05 {position: relative; margin-top: 1rem;}
.section05:before {position: absolute; bottom: -8rem; right: -2.5rem; display: inline-block; width: 20rem; height: 20rem; background: #e6f2ff; border-radius: 50%; content: "";}
.section05:after {position: absolute; bottom: 0; left: 0; display: inline-block; width: 11rem; height: 7rem; background: url('/images/web/main/main/bg_site.png') no-repeat bottom left; opacity: 0.35; content: "";}

.MC_box1 {height: 100%;} /* 비주얼 */
.MC_box2 {position: relative; float: left; margin-top: 2.5rem; padding: 1.75rem 3rem; width: 71%; height: 11.25rem;} /* 자주찾는 서비스 */
.MC_box2:before {position: absolute; top: 0; right: 0; width: 100%; height: 100%; border-radius: 2.5rem; content: "";
/* .MC_box2:before {position: absolute; top: 0; right: 0; width: 160%; height: 100%; border-radius: 0 2.5rem 2.5rem 0; content: "";
background: rgb(64,137,214);
background: -moz-linear-gradient(left,  rgba(64,137,214,1) 0%, rgba(78,91,222,1) 100%);
background: -webkit-linear-gradient(left,  rgba(64,137,214,1) 0%,rgba(78,91,222,1) 100%);
background: linear-gradient(to right,  rgba(64,137,214,1) 0%,rgba(78,91,222,1) 100%); */
background: #1d4f7b;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4089d6', endColorstr='#4e5bde',GradientType=1 );
}
.MC_box3 {position: relative; float: right; padding: 1.25rem 0 0 2.5rem; width: 29%; height: 13.75rem;} /* 알리미 */
.MC_box3:before {position: absolute; top: 0; left: 0; width: 1000%; height: 100%; background: #fff; border-top-left-radius: 2.5rem; content: "";} /* 자주찾는 서비스 */
.MC_box4 {float: left; width: 71%; height: 17rem;} /* 게시판 */
.MC_box5 {float: right; width: 25%; height: 17rem;} /* 바로가기1 */
.MC_box6 {width: 100%;} /* 사진으로 보는 연구원  */
.MC_box7 {position: relative; float: left; width: 71%;} /* 환경관련 정보사이트 */
.MC_box7 {width: 100%;} /* 환경관련 정보사이트 */
.MC_box7:before {position: absolute; top: 0; right: 0; width: 150%; height: 100%; background: #f0f0f0; border-radius: 0 2.5rem 0 0; opacity: 0.3; content: "";}
.MC_box8 {float: right; width: 25%;} /* 바로가기2 */

/* btn_more */
/* .btn_more {position: absolute; top: -1.125rem; right: 2.5rem; display: inline-block; width: 2.25rem; height: 2.25rem; text-align: center; font-size: 1.2rem; color: #fff; background: #4e85d7; border-radius: 50%;} */
.btn_more {position: absolute; top: -1.125rem; right: 2.5rem; display: inline-block; width: 2.25rem; height: 2.25rem; text-align: center; font-size: 1.2rem; color: #fff; background: #1d4f7b; border-radius: 50%;}
.btn_more i {line-height: 2.25rem; transition: all .2s; -webkit-transition: all .2s;}
.btn_more:hover i,
.btn_more:focus i {transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* common title */
h2.heading {line-height: 1.25rem; font-size: 1.1rem; font-weight: 600; color: #333;}

/* 메인비주얼 */
.JIHE_visual {position: relative; height: 100%;}
.JIHE_visual .slider,
.JIHE_visual .slider div {width: 100%; height: 100%;}
.JIHE_visual .slider div.txtArea {position: absolute; top: 50%; left: 50%; margin-top: -4rem; width: auto; height: auto; line-height: 1.3; text-align: center; color: #267b10; white-space: nowrap; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.JIHE_visual .item {position: relative; line-height:0; overflow: hidden;}
.JIHE_visual .item img {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.JIHE_visual .item .txtArea .line1 {line-height: 1.3; font-size: 2rem;}
.JIHE_visual .item .txtArea .line1 strong {font-weight: 600;}
/* .JIHE_visual .item .txtArea .line1 span {opacity: 0;} */
.JIHE_visual .item .txtArea .line2 {margin-top: 0.75rem; font-size: 1.1rem; }
/* .JIHE_visual .item .txtArea .line2 {margin-top: 0.75rem; font-size: 1.2rem; opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px);} */
.JIHE_visual .control {position: absolute; left: 0; bottom: 11rem; width: 100%; height: 1.5rem; line-height: 1.5rem; text-align: center;}
.JIHE_visual .control a {display: inline-block; margin: 0 0.25rem; width: 1.5rem; height: 1.5rem; font-size: 1rem; color: #fff; overflow: hidden;}
.JIHE_visual .control a.stop,
.JIHE_visual .control a.play {background: #267b10; border-radius: 50%;}
.JIHE_visual .control a.play {display: none;}
.JIHE_visual .control a.prev {background: url('/images/web/main/main/prev.png') no-repeat center;}
.JIHE_visual .control a.next {background: url('/images/web/main/main/next.png') no-repeat center;}
.JIHE_visual .control p {display: inline-block; margin: 0 1rem; font-size: 1rem; color: #267b10; vertical-align: top;}
.JIHE_visual .control p strong {position: relative; display: inline-block; margin-right: 2rem; font-size: 1.1rem; font-weight: 700;}
.JIHE_visual .control p strong:after {position: absolute; top: 50%; right: -1.35rem; width: 0.8rem; height: 1px; background: #1a5909; opacity: 0.2; content: "";}
/* 메인비주얼 :active */
.JIHE_visual .control a:hover,
.JIHE_visual .control a:focus {color: #e67624;}
.JIHE_visual .item.active .txtArea .line1 span {animation: spark 2s ease forwards; -webkit-animation: spark 2s ease forwards; transform: scale(0.2); -webkit-transform: scale(0.2);}
/* .JIHE_visual .item.active .txtArea .line1 span:nth-child(2n) {animation-delay: 1.1s; -webkit-animation-delay: 1.1s;}
.JIHE_visual .item.active .txtArea .line1 span:nth-child(3n) {animation-delay: 1.3s; -webkit-animation-delay: 1.3s;}
.JIHE_visual .item.active .txtArea .line1 span:nth-child(4n) {animation-delay: 1.5s; -webkit-animation-delay: 1.5s;}
.JIHE_visual .item.active .txtArea .line1 span:nth-child(5n) {animation-delay: 1.7s; -webkit-animation-delay: 1.7s;} */
.JIHE_visual .item.active .txtArea .line2 {opacity: 1; /* transform: translateY(0); -webkit-transform: translateY(0); transition: all .5s ease; -webkit-transition: all .5s ease; */}
/* .JIHE_visual .item.active .txtArea .line2 {transition-delay: 2.5s; -webkit-transition-delay: 2.5s;} */

@keyframes spark
{
	0% {opacity: 0; transform: scale(0.2); filter: blur(5px);}
	20% {opacity: 1; transform: scale(1);}
	66% {opacity: .2;}
	100% {opacity: 1; transform: scale(1); filter: blur(0px);}
}
@-webkit-keyframes spark
{
	0% {opacity: 0; -webkit-transform: scale(0.2); filter: blur(5px);}
	20% {opacity: 1; -webkit-transform: scale(1);}
	66% {opacity: .2;}
	100% {opacity: 1; -webkit-transform: scale(1); filter: blur(0px);}
}

/* 자주찾는 서비스 */
.JIHE_link01 {width: 100%; line-height: 0;}
.JIHE_link01 .lst {display: flex; margin-left: -0.5rem; width: calc(100% + 1rem);}
.JIHE_link01 .lst > li {position: relative; width: calc(100% / 4);}
.JIHE_link01 .lst > li + li:before {position: absolute; top: 50%; left: 0; width: 1px; height: 6rem; background: rgba(255,255,255,0.1); transform: translateY(-50%); -webkit-transform: translateY(-50%); content: "";}
.JIHE_link01 .lst a {position: relative; display: block; padding: 1rem; text-align: center; color: #fff; word-break: keep-all; border-radius: 1.25rem; overflow: hidden;}
.JIHE_link01 .lst a:before {position: absolute; bottom: -160%; left: -140%; width: 150%; height: 150%; background: rgba(123,187,255,0.25); border-radius: 50%; content: "";}
.JIHE_link01 .lst a:after {position: absolute; bottom: -160%; right: -140%; width: 150%; height: 150%; background: rgba(99,222,255,0.25); border-radius: 50%; content: "";}
.JIHE_link01 .lst a p {display: flex; width: 100%; height: 3.7rem; justify-content: center; align-items: center;}
.JIHE_link01 .lst a span {position: relative; display: inline-block; margin-top: 0.75rem; height: 1.25rem; line-height: 1.25rem; white-space: nowrap; letter-spacing: -1px; overflow: hidden;}
/** 자주찾는 서비스 :active **/
.JIHE_link01 a:hover,
.JIHE_link01 a:focus {font-weight: 600; background: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}                                    
.JIHE_link01 a:hover span,
.JIHE_link01 a:focus span {color: #222;}
.JIHE_link01 .lst a:hover:before,
.JIHE_link01 .lst a:focus:before {bottom: -110%; left: -80%;}
.JIHE_link01 .lst a:hover:after,
.JIHE_link01 .lst a:focus:after {bottom: -110%; right: -80%; -webkit-transition-delay: .1s; transition-delay: .1s;}
.JIHE_link01 a,
.JIHE_link01 span,
.JIHE_link01 :before,
.JIHE_link01 :after {-webkit-transition: all .2s; transition: all .2s;}

/* 알리미 */
.JIHE_pop {position: relative; width: 100%; height: 100%;}
.JIHE_pop h2.heading {margin-bottom: 1rem;}
.JIHE_pop .slider {position: relative; height: calc(100% - 2.25rem); background: #e2edf8; border-radius: 1rem; overflow: hidden;}
.JIHE_pop .slider div,
.JIHE_pop .slider .item {height: 100%;}
.JIHE_pop .slider .item a {position: relative; display: block; height: 100%; line-height: 0; text-align: center; overflow: hidden;}
.JIHE_pop .slider .item img {position: absolute; top: 50%; left: 50%; max-width: 100%; height: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.JIHE_pop .control {position: absolute; top: 0; right: 0; height: 1.5rem; line-height: 1.5rem;}
.JIHE_pop .control a {display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; font-size: 0.9rem; color: #000;}
.JIHE_pop .control .next {position: relative; margin-left: 1.5rem;}
.JIHE_pop .control .next:before {position: absolute; top: calc(50% - 0.175rem); left: -0.925rem; width: 0.35rem; height: 0.35rem; background: rgba(0,0,0,0.2); border-radius: 50%; content: "";}
.JIHE_pop .control .play {display: none;}
.JIHE_pop .page {display: inline-block; margin-right: 0.5rem; vertical-align: top; color: #b2b2b2; font-size: 0.9rem; font-weight: 600;}
.JIHE_pop .page strong {display: inline-block; width: 1.5rem; height: 1.5rem; text-align: center; font-size: 0.8rem; font-weight: 700; color: #008cd7; background: #ebf1f9; border-radius: 50%;}
.JIHE_pop .page span {position: relative; display: inline-block; padding-left: 1.5rem;}
.JIHE_pop .page span::before {position: absolute; top: 0.75rem; left: 0.5rem; width: 0.5rem; height: 0.1rem; background: #b2b2b2; transform: rotate(125deg); -webkit-transform: rotate(125deg); content: "";}
.JIHE_pop .control p,
.JIHE_pop .control a {float: left;}
/* 알리미 :active */
.JIHE_pop .control a:hover,
.JIHE_pop .control a:focus {color: #4e85d7;}

/* 게시판 */
.JIHE_notice {position: relative; height: 100%; background: #fff; border: 1px solid #ccc; border-radius: 1.5rem;}
/* .JIHE_notice .titTab {float: left; width: 8rem; height: 100%; background: #4e85d7; border-radius: 1.5rem 0 0 1.5rem; overflow: hidden;} */
.JIHE_notice .titTab {float: left; width: 8rem; height: 100%; background: #1d4f7b; border-radius: 1.5rem 0 0 1.5rem; overflow: hidden;}
.JIHE_notice .titTab ul {display: block; height: 100%; font-size: 0;}
.JIHE_notice .titTab li a {display: flex; justify-content: center; align-items: center; height: 5rem; font-size: 1rem; font-weight: 600; color: #fff;}
.JIHE_notice .titTab li + li a {border-top: 1px solid #fff;}
.JIHE_notice .titTab li a.current {height: 7rem; color: #4e85d7; background: #fff;}
/* .JIHE_notice .tabWrap {float: left; width: calc(100% - 8rem); height: 100%;} */
.JIHE_notice .tabWrap {float: left; width: calc(100% - 2rem); height: 100%; margin: 0 1rem;}
.JIHE_notice .list_box {display: none; padding: 1.5rem 2.5rem; width: 100%; height: 100%;}
.JIHE_notice .list_box ul {height: 100%;}
.JIHE_notice .list_box li h2 {padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #e8e8e8;}
.JIHE_notice .list_box li:nth-of-type(n+7) {display: none;}
.JIHE_notice .list_box li a {position: relative; display: block; padding: 0 4.5rem 0 1rem; height: 1.9rem; line-height: 1.9rem; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.JIHE_notice .list_box li a:before {position: absolute; top: calc(50% - 0.2rem); left: 0; width: 0.4rem; height: 0.4rem; background: #4e85d7; border-radius: 50%; content: "";}
.JIHE_notice .list_box li a .tit {height: 1.5rem; line-height: 1.5rem; font-size: 0.9rem; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.JIHE_notice .list_box li a .date {position: absolute; top: 0; right: 0; font-family: 'Montserrat'; color: #777;}
.JIHE_notice .list_box li a.first {margin-bottom: 0.75rem; padding: 0.25rem 0 1.25rem 5rem; height: 4.25rem; line-height: normal; border-bottom: 1px solid #e8e8e8;}
.JIHE_notice .list_box li a.first .date {right: auto; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 4.25rem; height: 3.5rem; line-height: 1; font-size: 0.7rem; background: #f2f2f2; border-radius: 0.5rem;}
.JIHE_notice .list_box li a.first .date em {display: block; font-size: 1.75rem; font-weight: 700; color: #3173d5;}
.JIHE_notice .list_box li a.first .tit {height: 1.5rem; line-height: 1.5rem; font-size: 0.9rem; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.JIHE_notice .list_box li a.first .txt {margin-top: 0.25rem; height: 1.25rem; line-height: 1.25rem; color: #555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.JIHE_notice .list_box li a.new .tit:before {display: inline-block; margin-right: 0.25rem; width: 3.5rem; height: 1.4rem; line-height: 1.4rem; text-align: center; vertical-align: top; font-family: "Montserrat"; font-size: 0.75rem; color: #fff; background: #46b5e8; border-radius: 1rem; content: "NEW";}
.JIHE_notice .list_box li a.ntc:before {background:red;}
.JIHE_notice .list_box li.no_data {width: 100%; text-align: center; padding: 5.5rem 0;}
/* 게시판 :active */
.JIHE_notice .titTab li a:hover,
.JIHE_notice .titTab li a:focus {color: #c3eda1;}
.JIHE_notice .titTab li a.current {color: #4e85d7;}
.JIHE_notice .titTab li a.current:before {width: 100%;}
.JIHE_notice .list_box.on {display: block;}
.JIHE_notice a,
.JIHE_notice a span {-webkit-transition: all .2s; transition: all .2s;}
.JIHE_notice :before {-webkit-transition: all .1s; transition: all .1s;}

/* 바로가기 */
.JIHE_link02 .lst > li + li {margin-top: 0.5rem;}
/* .JIHE_link02 .lst > li > a {display: flex; align-items: center; padding: 0.5rem 0.5rem 0.5rem 2rem; width: 100%; height: 3rem; font-size: 0.75rem; background: #fff; border: 1px solid #ccc; border-radius: 0.75rem;} */
.JIHE_link02 .lst > li > a {display: flex;align-items: center;padding: 0.5rem 0.5rem 0.5rem 2rem;width: 100%;height: 3rem;font-size: 0.75rem;background: #f4fcfe;border: 1px solid #ccc;border-radius: 0.75rem;}
.JIHE_link02 .lst > li > a > img {margin-right: 1rem; max-width: 1.8rem; max-height: 1.8rem;}
/* 바로가기 :active */
.JIHE_link02 .lst > li > a:hover,
.JIHE_link02 .lst > li > a:focus {font-weight: 600; border: 2px solid #4e85d7;}
.JIHE_link02 a {-webkit-transition: all .2s; transition: all .2s;}

/* 사진으로 보는 연구원 */
.JIHE_photo {position: relative; padding: 2rem 3rem; width: 100%; height: 100%; background: rgba(219,244,199,0.4); border-radius: 2.75rem;}
.JIHE_photo h2.heading {margin-bottom: 1.25rem;}
.JIHE_photo .slider {margin-left: -0.75rem; width: calc(100% + 1.5rem);}
.JIHE_photo .slider:after {clear: both; display: block; content: "";}
.JIHE_photo .slider .item {float: left; display: inline-block; padding: 0.35rem 0.75rem; width: 25%; height: 100%;}
.JIHE_photo .slider a {position: relative; display: block; width: 100%; height: 100%; color: #000; background: #fff; border: 1px solid #ccc; border-radius: 1rem; overflow: hidden;}
.JIHE_photo .slider a .img {position: relative; width: 100%; height: 9rem; background: #eee; overflow: hidden;}
.JIHE_photo .slider a .img img {position: absolute; top: 50%; left: 50%; height: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.JIHE_photo .slider a .info {position: relative; padding: 2rem 1.5rem;}
.JIHE_photo .slider a .date {position: absolute; top: -2.5rem; right: 0.75rem; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 3.9rem; height: 3.9rem; line-height: 1; font-family: 'Montserrat'; font-size: 0.7rem; color: #fff; background: #4089d6; border: 0.3rem solid #fff; border-radius: 50%;}
.JIHE_photo .slider a .date em {display: block; margin-top: 0.25rem; font-size: 1.15rem; font-weight: 700;}
.JIHE_photo .slider a .tit {height: 1rem; line-height: 1rem; font-size: 0.9rem; font-weight: 600; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.JIHE_photo .slider a .txt {margin-top: 1rem; height: 2.5rem; line-height: 1.25; color: #111; overflow: hidden;}
.JIHE_photo .btn_more {background: #267b10;}
/** 사진으로 보는 연구원 :active **/
.JIHE_photo .slider a:hover,
.JIHE_photo .slider a:focus {box-shadow: 0.35rem 0.35rem 0 #00bff3;}
.JIHE_photo .slider a:hover .img img,
.JIHE_photo .slider a:focus .img img {transform: translate(-50%,-50%) scale(105%); -webkit-transform: translate(-50%,-50%) scale(105%);}
.JIHE_photo .slider a:hover .date,
.JIHE_photo .slider a:focus .date {background-color: #00bff3;}
.JIHE_photo .slider a .img img,
.JIHE_photo .slider a .date,
.JIHE_photo a {-webkit-transition: all .25s; transition: all .25s;}
.JIHE_photo .control a {position: absolute; top: calc(50% - 1.75rem); display: inline-block; width: 3.5rem; height: 3.5rem; border: 2px dashed #267b10; border-radius: 50%; overflow: hidden;}
.JIHE_photo .control a.prev {left: -2.2rem; background: #fff url('/images/web/main/main/prev2.png') no-repeat center;}
.JIHE_photo .control a.next {right: -2.2rem; background: #fff url('/images/web/main/main/next2.png') no-repeat center;}

/* 환경관련 정보사이트 */
.JIHE_site {position: relative; padding: 1.4rem 1rem 1.4rem 0;}
.JIHE_site:after {clear: both; display: block; content: "";}
/* .JIHE_site .heading {position: relative; float: left; display: inline-block; margin: 1.2rem 0 0.6rem; padding: 0 1.5rem; width: 33.33%;} */
.JIHE_site .heading {position: relative; float: left; display: inline-block; margin: 1.2rem 0 0.6rem; padding: 0 1.5rem; width: 100%;}
.JIHE_site .heading:before {position: absolute; top: -2rem; left: -2.5rem; display: inline-block; width: 5rem; height: 4rem; background: url('/images/web/main/main/bg_site_h2.png') no-repeat center; background-size: contain; opacity: 0.35; content: "";}
.JIHE_site .heading span {position: relative;}
/* .JIHE_site .lst > li {float: left; display: inline-block; margin: 0.6rem 0; width: 33.33%;} */
.JIHE_site .lst > li {float: left; display: inline-block; margin: 0.6rem 0; width: 20%;}
/* .JIHE_site .lst > li > a {position: relative; display: flex; align-items: center; padding: 0 2rem 0 1.5rem; width: 14rem; height: 2.75rem; font-size: 0.75rem; color: #333; background: #fff; border: 1px solid #bbb; border-radius: 1.3rem; overflow: hidden;} */
.JIHE_site .lst > li > a {position: relative; display: flex; align-items: center; padding: 0 1rem 0 1.5rem; width: 13rem; height: 2.75rem; font-size: 0.7rem; color: #333; background: #fff; border: 1px solid #bbb; border-radius: 1.3rem; overflow: hidden;}
.JIHE_site .lst > li > a::after {position: absolute; top: 50%; right: 1.5rem; font-family: 'xeicon'; font-size: 1rem; content: '\e93f'; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
/* 환경관련 정보사이트 :active */
.JIHE_site .lst > li > a:hover,
.JIHE_site .lst > li > a:focus {font-weight: 600; border: 2px solid #4089d6;}
.JIHE_site a {-webkit-transition: all .15s; transition: all .15s;}

/* 바로가기 */
.JIHE_link03 .lst > li + li {margin-top: 1rem;}
.JIHE_link03 .lst > li > a {position: relative; display: flex; align-items: center; padding: 0.5rem 4rem 0.5rem 1.5rem; width: 100%; height: 4.25rem; font-size: 1rem; font-weight: 600; color: #fff; background: #3a88db; border-radius: 0.75rem; overflow: hidden;}
.JIHE_link03 .lst > li > a:before {position: absolute; top: 0; left: 0; width: 0; height: 100%; opacity: 0; content: "";
background: rgb(208,228,247); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.JIHE_link03 .lst > li > a > img {position: relative; margin-right: 1rem; max-width: 2.75rem; max-height: 2.5rem;}
.JIHE_link03 .lst > li > a > span {position: relative;}
.JIHE_link03 .lst > li > a > i {position: absolute; top: calc(50% - 0.75rem); right: 2rem; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; color: #3a88db; background: #fff; border-radius: 50%;}
.JIHE_link03 .lst > li:nth-of-type(1) > a {
background: rgb(64,137,214);
background: -moz-linear-gradient(45deg,  rgba(64,137,214,1) 0%, rgba(0,191,243,1) 50%, rgba(0,191,243,1) 100%);
background: -webkit-linear-gradient(45deg,  rgba(64,137,214,1) 0%,rgba(0,191,243,1) 50%,rgba(0,191,243,1) 100%);
background: linear-gradient(45deg,  rgba(64,137,214,1) 0%,rgba(0,191,243,1) 50%,rgba(0,191,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4089d6', endColorstr='#00bff3',GradientType=1 );
}
.JIHE_link03 .lst > li:nth-of-type(1) > a > i {color: #23bff0;}
/* 바로가기 :active */
.JIHE_link03 .lst > li > a:hover:before,
.JIHE_link03 .lst > li > a:focus:before {width: 100%; opacity: 1;}
.JIHE_link03 .lst > li > a:before {-webkit-transition: all 0.25s; transition: all 0.25s;}

/* 배너광장 */
.banner_zone {position: relative; width: 100%; line-height: 1; background: #fff; border-top: 1px solid #ccc; overflow: hidden;}
.banner_zone .container {position: relative; display: flex; max-width: 70rem; height: 4.5rem; align-items: center; overflow: hidden;}
/* .banner_zone h2 {width: 4rem; font-size: 1rem; font-weight: 700; color: #000;} */
.banner_zone h2 {width: 5rem; font-size: 1rem; font-weight: 700; color: #000; margin-left: 2rem;}
.banner_zone .btn {width: 8.3rem; overflow: hidden;}
.banner_zone .btn a {float: left; margin: 0 0.125rem; width: 1.8rem; height: 1.8rem; line-height: 1.8rem; text-align: center; font-size: 1.2rem; color: #000; background: #e1e1e1; border-radius: 50%; overflow: hidden;}
.banner_zone .btn a.play {display: none;}
.banner_zone .slick-list {margin-left: -1px;}
/* .banner_zone .bnWrap {width: calc(100% - 12.3rem); overflow: hidden;} */
.banner_zone .bnWrap {width: 100%; overflow: hidden;}
.banner_zone .bnWrap a {display: flex; padding: 0 0.25rem; height: 2.5rem; line-height: 1.4; justify-content: center; align-items: center; font-weight: 600; white-space: nowrap; overflow: hidden;}
.banner_zone .bnWrap a img {max-width: 100%;}
/* 배너광장 :active */
.banner_zone .btn a:hover,
.banner_zone .btn a:focus{ border-color:#004794; color:#004794; }
.banner_zone .bnWrap a:hover,
.banner_zone .bnWrap a:focus{ text-decoration:underline; color:#004794; } 
.banner_zone a{transition:all .2s; -webkit-transition:all .2s; }

@media (max-width: 1700px) {
	.section05:after {display: none;}

	/* 사진으로 보는 연구원 */
	.JIHE_photo .control a.prev {left: -1.75rem;}
	.JIHE_photo .control a.next {right: -1.75rem;}

}

@media (max-width: 1440px) {
	.MC_wrap {padding: 0 2rem; max-width: 100%;}

	.section01 {height: 20rem;}
	.section05:before {display: none;}

	/* 메인비주얼 */
	.JIHE_visual .item .txtArea .line1 {font-size: 2rem;}
	.JIHE_visual .item .txtArea .line2 {font-size: 1rem;}
	.JIHE_visual .item img {height: 100%;}
	.JIHE_visual .control {bottom: 7.5rem;}

	/* 사진으로 보는 연구원 */
	.JIHE_photo {padding: 2rem 4rem; border-radius: 2rem;}
	.JIHE_photo .control a {top: calc(50% - 1.125rem); width: 2.25rem; height: 2.25rem;}
	.JIHE_photo .control a.prev {left: 0.875rem; background-size: auto 1.25rem;}
	.JIHE_photo .control a.next {right: 0.875rem; background-size: auto 1.25rem;}

	/* 환경관련 정보사이트 */
	.JIHE_site .heading {display: flex; align-items: center; margin: 0.6rem 0.25rem; width: calc(33.33% - 0.5rem); height: 2.75rem; font-size: 0.9rem;}
	.JIHE_site .heading:before {left: 50%; top: -1rem;}
	.JIHE_site .lst > li {margin: 0.6rem 0.25rem; width: calc(33.33% - 0.5rem);}
	.JIHE_site .lst > li > a {padding: 0 1.5rem 0 1rem; width: auto;}
	.JIHE_site .lst > li > a::after {right: 0.5rem;}

	/* 배너광장 */
	.banner_zone .container {padding: 0 1rem; max-width: 100%;}
}

@media (max-width: 1240px) {
	.MC_wrap {padding: 0 1rem;}

	.MC_box2 {padding: 1.75rem 1rem;} /* 자주찾는 서비스 */
	.MC_box2:before {border-radius: 0 1.5rem 1.5rem 0;}
	.MC_box3 {padding: 1.25rem 0 0 1rem;} /* 알리미 */
	.MC_box3:before {border-top-left-radius: 1.5rem;} /* 자주찾는 서비스 */
	.MC_box5 {width: 27%;} /* 바로가기1 */
	.MC_box8 {width: 27%;} /* 바로가기2 */

	/* 메인비주얼 */
	.JIHE_visual .item .txtArea .line1 {font-size: 1.75rem;}
	.JIHE_visual .item .txtArea .line2 {font-size: 0.9rem;}
}

@media (max-width: 1024px) {	
	/* common title */
	h2.heading {font-size: 1rem;}
}

@media (min-width: 481px) and (max-width: 960px) {
	/* 바로가기 */
	.JIHE_link02 .lst {display: flex;}
	.JIHE_link02 .lst > li {display: block; padding: 0 0.25rem; width: 20%;}
	.JIHE_link02 .lst > li + li {margin-top: 0;}
	.JIHE_link02 .lst > li > a {flex-direction: column; padding: 1rem; height: auto;}
	.JIHE_link02 .lst > li > a > img {margin-right: 0; margin-bottom: 1rem;}
	.JIHE_link02 .lst > li > a > span {display: block; text-align: center;}
}

@media (min-width: 481px) and (max-width: 860px) {
	/* 바로가기 */
	.JIHE_link02 .lst > li > a > span {display: flex; align-items: center; justify-content: center; height: 3rem;}
}

@media (min-width: 481px) and (max-width: 600px) {
	/* 바로가기 */
	.JIHE_link02 .lst {flex-wrap: wrap;}
	.JIHE_link02 .lst > li {margin-bottom: 0.5rem; width: 33.33%;}
}

@media (max-width: 960px) {
	.section01 {height: 15rem;}
	.section02 {margin-top: 0;}
	.section02 .MC_wrap:after {clear: none;}
	.section03,
	.section04 {margin-top: 2rem;}
	.section04 .MC_wrap {padding: 0;}

	.MC_box2 {margin-top: 0; padding: 1.5rem 0; width: 100%;} /* 자주찾는 서비스 */
	.MC_box2:before {right: -1rem; width: calc(100% + 2rem); border-radius: 0;}
	.MC_box3 {float: left; margin-top: 2rem; padding: 0; width: 17.5rem;} /* 알리미 */
	.MC_box4 {margin-top: 2rem; margin-left: 1rem; width: calc(100% - 18.5rem); height: 13.75rem; border-radius: 0;} /* 게시판 */
	.MC_box5 {float: left; margin-top: 2rem; width: 100%; height: auto;} /* 바로가기1 */
	.MC_box7 {margin: 0 -1rem; width: calc(100% + 2rem);}/* 환경관련 정보사이트 */
	.MC_box7:before {width: 100%; background: #f0f0f0 url('/images/web/main/main/bg_site.png') no-repeat bottom left; border-radius: 0;}
	.MC_box8 {margin: 2rem 0; width: 100%; height: auto;} /* 바로가기2 */

	/* 메인비주얼 */
	.JIHE_visual .slider div.txtArea {margin-top: 0;}
	.JIHE_visual .control {bottom: 2rem;}

	/* 자주찾는 서비스 */
	.JIHE_link01 {margin: 0 -1rem; width: calc(100% + 2rem);}
	.JIHE_link01 .lst {margin-left: 0; width: 100%;}
	.JIHE_link01 .lst a {border-radius: 1rem;}
	.JIHE_link01 .lst a span {display: flex; align-items: center; justify-content: center; height: 2.5rem; line-height: normal; white-space: normal;}

	/* 알리미 */
	.JIHE_pop .slider .item img {height: 100%;}

	/* 게시판 */
	.JIHE_notice .titTab {width: 6rem;}
	.JIHE_notice .titTab li a {height: 4.5rem;}
	.JIHE_notice .titTab li a.current {height: 4.75rem;}
	.JIHE_notice .tabWrap {width: calc(100% - 6rem);}
	.JIHE_notice .list_box {padding: 1.5rem 1rem;}
	.JIHE_notice .list_box li:nth-of-type(n+5) {display: none;}

	/* 사진으로 보는 연구원 */
	.JIHE_photo {padding: 2rem 1rem; border-radius: 0;}
	.JIHE_photo .btn_more {top: 1.5rem; right: 6rem;}
	.JIHE_photo .control {position: absolute; top: 1.5rem; right: 1rem; width: 5rem;}
	.JIHE_photo .control a {position: relative; top: auto; float: left;}
	.JIHE_photo .control a.prev {left: auto; margin: 0 0.25rem;}
	.JIHE_photo .control a.next {right: auto;}

	/* 환경관련 정보사이트 */
	.JIHE_site {padding: 1.4rem 1rem;}

	/* 바로가기 */
	.JIHE_link03 .lst {overflow: hidden;}
	.JIHE_link03 .lst > li {float: left; width: calc(50% - 0.5rem);}
	.JIHE_link03 .lst > li + li {margin-top: 0; margin-left: 1rem;}

}

@media (max-width: 860px) {
	/* 배너광장 */
	.banner_zone h2 {display: none;}
	/* .banner_zone .bnWrap {width: calc(100% - 8.3rem);} */
	.banner_zone .bnWrap {width: 100%;}
}

@media (max-width: 768px) {
	.section01 {height: 13rem;}
	.section02 .MC_wrap:after {clear: both;}
	.section04,
	.section05 {margin-top: 1rem;}

	.MC_box2 {padding: 1rem 0; height: auto;} /* 자주찾는 서비스 */
	.MC_box3 {margin-top: 1rem; width: 100%;} /* 알리미 */
	.MC_box4 {margin-top: 0; margin-left: 0; width: 100%;} /* 게시판 */
	.MC_box5 {margin-top: 1rem;} /* 바로가기1 */
	.MC_box8 {margin: 1rem 0;} /* 바로가기2 */

	/* common title, 게시판 */
	h2.heading,
	.JIHE_notice .titTab li a {font-size: 0.9rem;}

	/* btn_more */
	.btn_more {top: -0.875rem; width: 1.75rem; height: 1.75rem;}
	.btn_more i {line-height: 1.75rem;}

	/* 메인비주얼 */
	/* .JIHE_visual .item .txtArea .line1 {font-size: 1.5rem;}
	.JIHE_visual .item .txtArea .line2 {margin-top: 0.5rem; font-size: 0.8rem;} */
	.JIHE_visual .item .txtArea .line1 {font-size: 1rem;}
	.JIHE_visual .item .txtArea .line2 {margin-top: 0.5rem; font-size: 0.5rem;}
	.JIHE_visual .control {bottom: 1rem;}
	.JIHE_visual .control p {margin: 0 0.5rem; font-size: 0.8rem;}
	.JIHE_visual .control p strong {font-size: 0.9rem;}

	/* 자주찾는 서비스 */
	.JIHE_link01 .lst a {padding: 0.5rem; border-radius: 0.75rem;}

	/* 사진으로 보는 연구원 */
	.JIHE_photo {padding: 1rem;}
	.JIHE_photo h2.heading {margin-bottom: 1rem;}
	.JIHE_photo .btn_more,
	.JIHE_photo .control a {width: 1.75rem; height: 1.75rem;}
	.JIHE_photo .control a.prev,
	.JIHE_photo .control a.next {background-size: auto 1rem;}
	.JIHE_photo .btn_more {top: 0.75rem; right: 5rem;}
	.JIHE_photo .btn_more i {line-height: 1.75rem;}
	.JIHE_photo .control {top: 0.75rem; right: 1rem; width: 4rem;}

	/* 환경관련 정보사이트 */
	.JIHE_site {padding: 1rem;}

	/* 바로가기 */
	.JIHE_link03 .lst > li > a {height: 3.5rem;}
}

@media (max-width: 600px) {
	/* 바로가기1 */
	.JIHE_link01 .lst a p {height: 3.5rem;}
	.JIHE_link01 .lst a p img {max-width: 3rem;}
	.JIHE_link01 .lst a span {padding: 0.25rem; max-height: 2.5rem; font-size: 0.8rem;}

	/* 환경관련 정보사이트 */
	.JIHE_site .heading,
	.JIHE_site .lst > li {width: calc(50% - 0.5rem);}

	/* 바로가기 */
	.JIHE_link03 .lst > li > a {padding: 0.5rem 2.5rem 0.5rem 1rem; font-size: 0.9rem;}
	.JIHE_link03 .lst > li > a > img {max-width: 2rem;}
	.JIHE_link03 .lst > li > a > i {right: 1rem;}
}

@media (max-width: 480px) {
	.section01 {height: 10rem;}

	/* 자주찾는 서비스 */
	.JIHE_link01 .lst {flex-wrap: wrap;}
	.JIHE_link01 .lst > li {width: calc(100% / 3);}
	.JIHE_link01 .lst > li:nth-of-type(3n+1):before {display: none;}
	.JIHE_link01 .lst a p {height: 2.5rem;}
	.JIHE_link01 .lst a p img {max-height: 100%;}
	.JIHE_link01 .lst a span {height: 2rem;}

	/* 환경관련 정보사이트 */
	.JIHE_site .heading {margin: 0; padding: 0; width: 100%;}
	.JIHE_site .heading:before {left: -1rem;}
	.JIHE_site .lst > li {margin: 0.25rem 0; width: 100%;}

	/* 바로가기 */
	.JIHE_link03 .lst > li {width: 100%;}
	.JIHE_link03 .lst > li + li {margin-top: 0.5rem; margin-left: 0;}
}

@media (max-width: 460px) {
	.section03 {margin-top: 1rem;}

	.MC_box4 {height: auto;}

	/* 게시판 */
	.JIHE_notice {border-radius: 1rem; overflow: hidden;}
	.JIHE_notice .titTab {padding-right: 2rem; width: 100%; height: auto; border-radius: 0;}
	.JIHE_notice .titTab li {float: left; max-width: 100%;}
	.JIHE_notice .titTab li a,
	.JIHE_notice .titTab li a.current {padding: 0.5rem 1rem; height: 2.5rem;}
	.JIHE_notice .titTab li + li a {border-top: none;}
	.JIHE_notice .tabWrap {width: 100%; height: 13rem;}
	.JIHE_notice .btn_more {top: 0.5rem; right: 0.5rem; color: #4e85d7; background: #fff;}

	/* 바로가기 */
	.JIHE_link02 .lst > li > a {padding: 0.5rem 0.5rem 0.5rem 1rem;}
	.JIHE_link02 .lst > li > a > img {margin-right: 0.5rem;}

	/* 배너광장 */
	.banner_zone .btn a {width: 1.75rem; height: 1.75rem; line-height: 1.75rem;}
}

@media (max-width: 420px) {
	.MC_box2 {padding: 0.5rem 0;}

	/* 알리미 */
	.JIHE_pop .slider .item img {width: 100%; height: auto;}

	/* 배너광장 */
	.banner_zone .btn {width: 4.5rem;}
	.banner_zone .btn a {margin: 0.125rem;}
	/* .banner_zone .bnWrap {width: calc(100% - 4.5rem);} */
	.banner_zone .bnWrap {width: 100%;}
}