@charset "utf-8";
/*------------------------------------------------- 
main Style Sheet / myeong-hee / 2019.08.06
-------------------------------------------------*/
@media  (min-width: 768px) and (max-height: 875px) {
.scrollmagic-pin-spacer, #visual, .visual-section, .visual-section .bx-wrapper,  .visual-section .bx-viewport, #visual .bg {min-height: 875px !important;}
.scroll {display: none;}
}
@media (max-width: 1300px) {
.visual-section .bx-controls {
	width: 95%;
	}	
}
@media (max-width: 1135px) {
#contents {margin-top: 0;}
.scroll {display: none;}
.txt-more {line-height: 3;}
}
@media (max-width: 890px) {
.tab-news .txt-more {top: 30px; height: 26px; line-height: 2.2;}	
.public-relations {padding: 0 30px 30px; text-align: center;  border-top: none; border-left: 15px solid; border-image: linear-gradient(to bottom, #1e4a86 0%, #37acb0 100%); border-image-slice: 1;}	
.public-relations .section-tit {float: none; display: inline-block; width: auto; margin: -8px auto 35px; padding: 8px 25px 0; text-align: center;}	
.public-wrap {text-align: left;}
.public-first {float: none; width: 100%; margin-bottom: 25px;}
.public-list {padding-left: 0;}
.public-relations::after {bottom: inherit; top: 0; width:100%; height: 15px; background-color: #1e4a86;}
.public-relations .txt-more {position: inherit; top: inherit; left: inherit; width: 100%; margin-top: 20px; line-height: 34px;}
.link-list {margin-left: 0;}	
.link-list > li {width: 100%; height: 160px; margin-top: 20px; padding-left: 0; }	
.link-list > li > a {display: block;}
.link-list [class*="list"] {background-size: cover; background-position: 0 center;}
.link-list .tit {position: absolute; top: 50%; right: 5%; width: 70%; margin-top: 0; text-align: right; font-size: 2.6rem;  transform: translateY(-50%);}
.link-list .count {top: 50%; left: 5%; width: 30%; text-align: left; font-size: 5rem; transform: translateY(-50%);}

.link-list > li.short a {float: left; width: 49%; height: 100%; vertical-align: top; }
.link-list > li.short a:first-child {margin: 0 2% 0 0;}
.link-list > li.short .tit {right: inherit; width: 100%; text-align: center;} 

.notice-list [class*="type"] {height: 25px; line-height: 25px;}
.notice-list .tit, .notice-list .txt {margin-bottom: 10px;}

.tab-news { margin-top: 15px;}
.tab-news .bx-controls {position: relative; height: 50px;}
.tab-news .bx-pager {padding: 8px 0;}
.tab-news .bx-pager a {display: inline-block; width: 15px; height: 15px; margin: 0 7px; background-color: #d5d6d7; border-radius: 8px; color: transparent; }
.tab-news .bx-pager a.active {width: 50px; background-color: #75777b;} 
.tab-news .bx-controls-direction a {position: absolute; top: 0;}
.tab-news .bx-controls-direction i {width: 35px; height: 35px; border: 1px solid #ddd;  border-radius: 100%; line-height: 35px;}
.tab-news .bx-controls-direction .bx-prev {left: 0;}
.tab-news .bx-controls-direction .bx-next {right: 0;}
}
@media (max-width: 768px) {
#visual {height: 650px;}
.visual-section,.visual-section .bx-wrapper {height: 100%;}
.visual-section .bx-controls {top: 95px;}
.visual-section .bx-controls a {width: 35px; height: 35px; line-height: 3;}
.visual-txt {margin: 150px auto 20px;}
.visual-txt .first{font-size: 3.5rem;}
.visual-txt strong {margin-top: 10px; font-size: 4rem;}

.kbic-news .section-tit::before {width: 95px;}
.kbic-news .more {left: 83px;}
.news-list > li {margin-top: 10px;}
.news-list > li .date {padding-top: 23px;}
.kbic-news, .popup-zone {float: none; width: 100%;}	
.popup-zone {margin-top: 20px;}
.popup-list {height: 180px;}
.popup-zone .bx-controls > div {vertical-align: middle;}
.popup-zone .bx-controls {margin-top: 10px;}
.popup-zone .bx-controls-auto {margin-top: -2px;}

#contents {margin: 0 auto; padding: 50px 0;}
.public-relations {margin-bottom: 30px; padding: 0 20px 20px; border-width: 8px; border-top-width: 0;}
.public-relations::after {height: 8px;}
.tab-news .txt-more {border: none; text-align: right;}
.notice-list [class*="type"] {margin-bottom: 10px;}
.notice-list > li {width: 100%; margin-top: 15px;}
}
@media (max-width: 667px) {
.link-list > li.short {height: inherit;}	
.link-list > li.short a {flaot: none; width: 100%; height: 160px; margin: 0;}
.link-list > li.short a:first-child  {margin-bottom: 20px;}

}
@media (max-width: 580px) {
.link-list > li {margin-top: 10px;}	
.link-list > li, .link-list > li.short a{height: 80px;}	
.link-list > li.short a:first-child {margin-right: 0; margin-bottom: 10px;}
.link-list .count {font-size: 3.5rem;}
.link-list .tit {font-size: 2rem;}
.link-list > li.short i {width: 25px; height: 25px; margin-right: 15px; line-height: 25px; vertical-align: middle;}
}
@media (max-width: 485px) {
.popup-list {height: 160px;}
.notice-area .tab-tit a {padding-left: 10px; padding-right: 0;}
.public-wrap .thumb {height: 220px;}
.public-wrap .desc { margin-bottom: 5px; }
.public-list > li a {min-height: inherit; padding-left: 85px;}	
.public-list > li .thumb {width: 75px; height: 55px;}	
}