/*-----------------------------------------------------------------------------------*/
/*  main
/*-----------------------------------------------------------------------------------*/


#bannerArea {position:relative;width:100%;padding:0;background-color:#d5dce6;}
#bannerArea img{width:100%;}
#bannerArea .pcImg{display:block;}
#bannerArea .mobileImg{display:none;}
.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;/* Fix of Webkit flickering */z-index: 1;}
.swiper-container-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-container-android .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper {flex-wrap: wrap;}
.swiper-container-multirow-column > .swiper-wrapper {flex-wrap: wrap;flex-direction: column;}
.swiper-container-free-mode > .swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;}
.swiper-slide-invisible-blank {visibility: hidden;}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height: auto;}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform, height;}
.swiper-container-css-mode > .swiper-wrapper {overflow: auto;scrollbar-width: none;/* For Firefox */-ms-overflow-style: none;/* For Internet Explorer and Edge */}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {display: none;}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {scroll-snap-align: start start;}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {scroll-snap-type: x mandatory;}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {scroll-snap-type: y mandatory;}
:root {--swiper-navigation-size: 44px;/*--swiper-navigation-color: var(--swiper-theme-color);*/}
.swiper-button-prev,.swiper-button-next {position: absolute;top: 50%;font-size:2rem;width: calc(var(--swiper-navigation-size) / 44 * 27);height: var(--swiper-navigation-size);margin-top: calc(-1 * var(--swiper-navigation-size) / 2);z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {opacity: 0.35;cursor: auto;pointer-events: none;}
.swiper-button-prev:after,
.swiper-button-next:after {font-family: 'themify';letter-spacing: 0;text-transform: none;font-variant: initial;line-height: 1;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {left: 10px;right: auto;}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {content:"\e64a";}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {right: 10px;left: auto;}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {content: "\e649";}
.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white {--swiper-navigation-color: #ffffff;}
.swiper-button-prev.swiper-button-black,.swiper-button-next.swiper-button-black {--swiper-navigation-color: #000000;}
.swiper-button-lock {display: none;}
.swiper-pagination {/*position: absolute;*/text-align: center;transition: 300ms opacity;transform: translate3d(0, 0, 0);z-index: 10;margin-top:10px;}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .swiper-pagination-bullets {/*bottom: 10px;left: 0;*/width: 100%;}
.swiper-pagination-bullets-dynamic {overflow: hidden;font-size: 0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform: scale(0.33);position: relative;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(0.33);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform: scale(0.33);}
.swiper-pagination-bullet {width: 15px;height: 15px;display: inline-block;border-radius: 100%;background:#0c75dd;opacity: 0.2;}
button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;  appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet-active {opacity: 1;background-color:#0c75dd}
.swiper-container-vertical > .swiper-pagination-bullets {right: 10px;top: 50%;transform: translate3d(0px, -50%, 0);}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 6px 0;display: block;}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 50%;transform: translateY(-50%);width: 8px;}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: inline-block;transition: 200ms transform, 200ms top;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%;transform: translateX(-50%);white-space: nowrap;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms left;}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: 200ms transform, 200ms right;}

	@media (max-width: 991px) {
	#bannerArea .pcImg{display:none;}
	#bannerArea .mobileImg{display:block;}

	}


.mainGroup{margin-top:40px;}
.mainGroup.white{background-color:#fff !important;}
.mainGroup .m_padding{padding-right:0.5rem;padding-left:0.5rem;}

@media (max-width: 1199px) {
	.mainGroup .bg_white{ margin-bottom: 20px;}

}

@media (max-width:767px){
	.mainGroup { margin-bottom: 20px;}

}
/* 소식 탭 */
.maintabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 12px 1em; }
.maintabs .ui-state-active {position:relative;border:none;background:none;font-weight: bold;color: #285fbb;}
.maintabs .ui-state-active :after{position:absolute;bottom:-5px;left:50%;width:10px;height:10px;border-radius:50%;content:'';background-color:#275fbb;display:block;margin-left:-5px;}

.maintabs .ui-state-default {border:none;background: none;font-weight: bold;color: #000;}
.maintabs .ui-state-default a,
.maintabs .ui-state-default a:link,
.maintabs .ui-state-default a:visited{color: #000;}

.maintabs .ui-state-active a,
.maintabs .ui-state-active a:link,
.maintabs .ui-state-active a:visited{color: #285fbb;}

.maintabs .ui-widget-content{position:relative;background:none;border:none;}
.maintabs .ui-tabs .ui-tabs-panel  {padding-bottom:0;}
.maintabs .ui-widget-header{background:none;border:none;border-top:1px solid #989a9e;border-bottom:1px solid #989a9e;border-radius :0;}
.maintabs .more{position:absolute;top:-45px;right:10px;font-size:1.5rem;}
.maintabs .mainList li{position:relative;padding:10px 0 0 60px;height:50px;margin-bottom:10px;overflow:hidden;text-overflow: ellipsis; width:100%;white-space:nowrap;}
.maintabs .mainList li .date{position:absolute;top:10px;left:0;line-height:1rem;}
.maintabs .mainList li .date small{display:block;}

@media (max-width:767px){
	.maintabs .ui-tabs .ui-tabs-panel {padding:20px 10px;}
}

/*아이콘*/
.slider {width: 100%;margin: 0 auto;}
.slick-slide {margin: 0px 20px;}
.slick-slide .icon{margin:0 auto;width:120px;height:120px;line-height:135px;border: 4px solid #ececec;border-radius:100%;text-align:center;padding-bottom:10px;}
.slick-slide .icon i{font-size:3.2rem;color: #abc4d6;}
.slick-slide:hover .icon{border:4px solid #b2c4f4;}
.slick-slide:hover .icon i{color: #2559dc;}
.slick-slide h3 {margin-top:10px;width: 100%;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.slick-slide span {display:block;text-align:center;font-size:.9rem;}
.slick-prev:before,.slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s;opacity: .2;}
.slick-active {opacity: 2;}
.slick-current {opacity: 1;}


.mainGroup .regular.slider{display:block;}
.mainGroup .center.slider{display:none;}

@media (max-width: 991px) {
	.mainGroup .regular.slider{display:none;}
	.mainGroup .center.slider{display:block;}

}
@media (max-width: 575px) {
	.slick-slide .icon{width:85px;height:85px;line-height:90px;}
	.slick-slide .icon i{font-size:2.3rem;}

}

/*메인박스*/
.mainBlueBox{background-color:#012060;padding:10px 220px 10px 30px;height:200px;}
.mainBlueBox.one{background:#012060 url(../img/main/boxbg_01.jpg) no-repeat right bottom;background-size:220px auto;}
.mainBlueBox.two{background:#012060 url(../img/main/boxbg_02.jpg) no-repeat right bottom;background-size:220px auto;}
.mainBlueBox.thr{background:#012060 url(../img/main/boxbg_03.jpg) no-repeat right bottom;background-size:220px auto;}

.mainBlueBox h2{color:#fff;font-weight:400;font-size:1.2rem;padding:5px 0;}
.mainBlueBox .text{color:#fff ;line-height:1.4;font-size:.9rem;margin-bottom:10px;}
.mainBlueBox a{display:block;background-color:#fff;padding:0 10px;width:130px;text-align:center;border-radius:20px;color:#012060;font-size:.9rem;margin-bottom:5px;}
@media (max-width: 1700px) {
	.mainBlueBox{padding:20px 30px 20px 30px;}

}

@media (max-width: 991px) {
	.mainBlueBox{margin-bottom:15px;}

}