/* swiper slider */
.main_content01{ width: 100%; min-width: 1200px; height: 840px; margin: auto; max-width: 1903px;}
.visual_slide{width: 100%; height: 100%; }
/*.swiper-slide {position: relative; width: 100%; height: 100%; overflow: hidden;}*/
.visual_img { width: 2103px; height: 100%; background-position: center;  background-repeat: no-repeat; background-size: cover; background-color: #999; position: absolute; top: 0; left: 0; right: 0; margin: auto; transition: transform 3s ease-in-out 1.5s;}
.visual_img.left {transform: translate3d(-100px,0,0);}
.visual_img.right {transform: translate3d(0px,0,0);}
.visual_img.now_moveing {transform: translate3d(-50px,0,0);  transition: transform 3s ease-in-out 1.5s;}
/*.visual_img.right.now_moveing {transform: translate3d(-50,0,0);  transition: transform 3s ease 1.5s;}*/

.visual_text { width: 1200px; margin: 250px auto 0; color: #fff;}
.visual_text p:nth-child(1) {font-size: 65px; line-height: 77px; font-weight: 500;  }
.visual_text p:nth-child(2) {font-size: 25px; line-height: 1; margin-top: 40px;}
.visual_text p span {display: block; margin-bottom: 12px;}
.sw_pagi_navi { position: absolute; bottom: 45px; color: #fff; font-size: 12px; z-index: 100; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; width: 100%;}
.sw_pagi_navi .swiper-pagination { position: static; margin: 0 25px; width: auto;}
.sw_pagi_navi .swiper-pagination span {font-size: 14px;}
.sw_pagi_navi div[class ^= 'swiper-button'] { background: none; position: static; padding: 0 5px; width: auto; height: auto; margin: 0;}
.sw_pagi_navi div[class ^= 'swiper-button']:focus { outline: unset;}

/* 슬라이드 텍스트 움직임 css */
.visual_slide [data-slider-move^='fade'] {opacity: 0; transition-property: opacity;}
.visual_slide [data-slider-move^='fade-right'] {transform: translate3d(-100px,0,0);transition-property: opacity,transform;}
.visual_slide [data-slider-move^='fade-down'] {transform: translate3d(0,-100px,0);transition-property: opacity,transform;}
.visual_slide .now_moveing[data-slider-move] {opacity: 1; transform: translateZ(0); transition-delay: 0s; transition-duration: 1.5s;}
.visual_slide p:nth-child(2).now_moveing[data-slider-move = 'fade'] {transition-delay: 1s; transition-duration: 1s; transition-property: opacity;}


/* 사업 실적 부분 */
.main_content02 {width: 100%; padding: 95px 0 65px; overflow: hidden;}
.main_content02 .content_title { width: 1200px; margin: auto; font-size: 30px; color:#002853; margin-bottom: 50px; font-weight: 500;}
.main_content02 > ul {width: 1200px; margin: auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center;}
.main_content02 > ul > li { width: 393px; height: 416px;}
.main_content02 > ul > li a {width: 100%; height: 100%; position:relative; display: block;}
.main_content02 > ul > li a>.represent_img {position: absolute; left: 0; top: 13px; background-position: center; background-repeat: no-repeat; background-size: cover; width: 377px; height: 243px; z-index: 10;}
.main_content02 > ul > li a::after {position: absolute; right: 0; top: 0; width: 0; height: 0; z-index: 20; content: ""; border: 1px solid #01b4cb; opacity: 0;}
.main_content02 > ul > li a>.text {position: absolute; left: 0; bottom: 0; z-index: 30; width: 335px; height: 200px; background-color: #fff; display: flex; flex-flow: column nowrap; padding: 60px 32px 40px;}
.main_content02 > ul > li a>.text p:nth-child(1){font-size: 20px; color: #002853; font-weight: bold;}
.main_content02 > ul > li a>.text p:nth-child(2){font-size: 16px; color: #999;}
.main_content02 > ul > li a>.text p:nth-child(3){font-size: 14px; margin-top: auto; color: #333;}
.main_content02 > ul > li a>.text::after {width: 100%; height: 100%; position: absolute; z-index: -1; background-color: #fff; left: 0; top:0; box-shadow:0 5px 20px rgba(0, 0, 0, 0.1); content: ""; opacity: 0; }
.main_content02 > ul > li.hover_in a::after {transition: width 0.8s,height 0.8s; opacity: 1; width: 372px; height: 357px;}
.main_content02 > ul > li.hover_in a>.text::after {transition: opacity 0.8s; opacity: 1; }

/* 공지사항, NEWS 부분 */
.main_content03 {width: 100%; background-color: #f5f5f5; overflow: hidden;}
.main_content03 > div {width: 1200px; margin: auto; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 70px 0;}
.main_content03 > div > dl {width: 560px; height: 320px;}
.main_content03 > div > dl dt {width: 100%; height: 85px; border-bottom: 1px solid #ccc; display: flex; flex-flow: row nowrap; justify-content: space-between; position: relative; align-items: center;}
.main_content03 > div > dl dt a {color: #002853; line-height: 1; margin-top: 12px;}
.main_content03 > div > dl dt a:nth-child(1) {font-size: 27px; font-weight: 500; }
.main_content03 > div > dl dt a.tit01::after {width:210px; height:3px; position: absolute; bottom: 0; left:0; background-color: #002853; content: "";}
.main_content03 > div > dl dt a.tit02::after {width:185px; height:3px; position: absolute; bottom: 0; left:0; background-color: #002853; content: "";}

.main_content03 > div > dl dt a:nth-child(2) {font-size: 20px; font-weight: 500; padding: 0px 10px; margin-right: 10px;}
.main_content03 > div > dl dd {width: 100%; padding:20px 13px 0; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center;}
.main_content03 > div > dl dd > article.first { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin-bottom: 20px; cursor: pointer;}
.main_content03 > div > dl dd > article.first .date{ width: 90px; height: 90px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; background-color: #fff; color: #01b4cb; border-radius: 20px; font-size: 14px; line-height: 1;}
.main_content03 > div > dl dd > article.first .date > span:nth-child(1){font-size: 30px; margin-top: -3px; margin-bottom: 7px;}
.main_content03 > div > dl dd > article.first h1 a { width: 410px; height: 90px; display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: flex-start; font-size: 16px; color: #999; font-weight: normal; line-height: 25px;}
.main_content03 > div > dl dd > article.first h1 span {display: block; width: 100%;}
.main_content03 > div > dl dd > article.first h1 .title {font-size: 18px; color:#333; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_content03 > div > dl dd > article.first h1 .text {overflow: hidden; text-overflow: ellipsis;
white-space: normal; max-height: 50px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 100%;}
.main_content03 > div > dl dd > article:not(.first) {width: 100%;}
.main_content03 > div > dl dd > article:not(.first) h1 a{ width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin-bottom: 10px; line-height: 20px; cursor: pointer; font-weight: normal;}
.main_content03 > div > dl dd > article:not(.first) span {font-size: 14px; color: #999; width: 65px; text-align: right;}
.main_content03 > div > dl dd > article:not(.first) span.title {font-size: 16px; color: #333; width: calc(100% - 65px); text-align: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_content03 > div > dl dd > article.empty_board h1 { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin-bottom: 10px; line-height: 20px; font-weight: normal;}
.main_content03 > div > dl dd > article h1 a:hover span.title,
.main_content03 > div > dl dd > article h1 a:hover span.text,
.main_content03 > div > dl dd > article h1 a:hover .title+span { color: #01b4cb; text-decoration: underline;}

/* 하단 아이콘 부분 */
.main_content04 {width: 1200px; margin: auto; overflow: hidden;}
.main_content04 > ul {width: 915px; margin: auto; display: flex; flex-flow: row nowrap; align-items: center; padding: 130px 0;}
.main_content04 > ul > li {width: 34%; height: 160px; /*border-right: 1px solid #ddd; */ position: relative;}
/* .main_content04 > ul > li:nth-child(1) {border-left: 1px solid #ddd;} */
.main_content04 > ul > li div {width:200px; height: 200px; position: absolute; top:0; bottom:0; left:0; right:0; margin: auto;}
.main_content04 > ul > li a {width:200px; height: 200px; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; border-radius: 20px;}
.main_content04 > ul > li a img {margin-bottom: 25px;}
.main_content04 > ul > li a p {font-size: 23px; color: #002853; line-height: 30px; font-weight: 500;}
.main_content04 > ul > li:hover a {box-shadow:0 0 20px rgba(0, 0, 0, 0.1); transform: rotateY(360deg); transition: box-shadow .5s, transform .4s;}


/* 모바일 메인 */

/* swiper slider */
.main_content01_m{ width: 100%; min-width: 320px; height: 740px; margin: auto; }
.visual_slide_m {width: 100%; height: 100%;}
.visual_img_m { width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; background-size: 105% 105%; background-color: #999; position: absolute; left: 0; right: 0;}
.visual_img_m.lb_rt {background-position: left bottom;}
.visual_img_m.lt_rb {background-position: left top;}
.visual_img_m.rb_lt {background-position: right bottom;}
.visual_img_m.rt_lb {background-position: right top;}
.visual_img_m.now_moveing {transition: background 3s ease-in-out 1.5s;}
.visual_img_m.now_moveing.lb_rt {background-position: right top;}
.visual_img_m.now_moveing.lt_rb {background-position: right bottom;}
.visual_img_m.now_moveing.rb_lt {background-position: left top;}
.visual_img_m.now_moveing.rt_lb {background-position: left bottom;}

.visual_text_m { width: 100%; margin: 230px auto 0; color: #fff; padding-left: 20px; padding-right: 8px;}
.visual_text_m p:nth-child(1) {font-size: 45px; line-height: 55px; font-weight: 500;word-break: keep-all;}
.visual_text_m p:nth-child(2) {font-size: 23px; line-height: 1; margin-top: 15px; word-break: keep-all;}
.visual_text_m p:nth-child(2).fontset {font-size: 40px;margin-top: 10px;}
.visual_text_m p span {display: block; margin-bottom: 8px; line-height: 28px;}
@media (max-width:380px){
	.main_content01_m{height: 585px;}
	.visual_text_m {margin-top: 170px;}
	.visual_text_m p:nth-child(1) {font-size: 40px; line-height: 55px;}
	.visual_text_m p:nth-child(2) {font-size: 20px; line-height: 1; margin-top: 15px;}
	.visual_text_m p:nth-child(2).fontset {font-size: 30px;margin-top: 10px;}
	.visual_text_m p span {margin-bottom: 5px;}
}

/* 슬라이드 텍스트 움직임 css */
.visual_slide_m [data-slider-move^='fade'] {opacity: 0; transition-property: opacity;}
.visual_slide_m [data-slider-move^='fade-right'] {transform: translate3d(-100px,0,0); transition-property: opacity,transform;}
.visual_slide_m [data-slider-move^='fade-down'] {transform: translate3d(0,-100px,0); transition-property: opacity,transform;}
.visual_slide_m .now_moveing[data-slider-move] {opacity: 1; transform: translateZ(0); transition-delay: 0s; transition-duration: 1.5s;}
.visual_slide_m p:nth-child(2).now_moveing[data-slider-move = 'fade'] {transition-delay: 1s; transition-duration: 1s; transition-property: opacity;}

/* 사업 실적 부분 */
.main_content02.mobile {padding: 70px 0 0px;}
.main_content02.mobile .content_title { width: 100%; text-align: center; font-weight: 500;}
.main_content02.mobile > ul {width: 100%; margin: auto; display: flex; flex-flow: column nowrap; justify-content: flex-start;}
.main_content02.mobile > ul > li { margin-bottom: 60px;}

@media (max-width:400px){
	.main_content02.mobile > ul {padding: 0 10px;}
	.main_content02.mobile > ul > li { width: 293px; height: 310px;}
	.main_content02.mobile > ul > li a>.represent_img {left: 0; top: 13px; width: 277px; height: 178px; z-index: 10;}
	.main_content02.mobile > ul > li a>.text {width: 235px; height: 140px; padding: 25px;}
	.main_content02.mobile > ul > li a>.text p {word-break: keep-all;}
	.main_content02.mobile > ul > li a>.text p:nth-child(1){font-size: 18px;}
	.main_content02.mobile > ul > li a>.text p:nth-child(2){font-size: 13px;}
	.main_content02.mobile > ul > li a>.text p:nth-child(3){font-size: 11px;}
	.main_content02.mobile > ul > li.hover_in a::after {width: 272px; height: 261px;}
}

/* 공지사항, NEWS 부분 */
.main_content03.mobile {}
.main_content03.mobile > div {width: 100%; flex-flow: column nowrap; justify-content: flex-start; padding: 60px 10px 30px;}
.main_content03.mobile > div > dl {width: 438px;}
.main_content03.mobile > div > dl dd > article.first .date{ flex: 0 0 auto; }
.main_content03.mobile > div > dl dd > article.first h1 a { width: 292px;}

@media (max-width:460px){
	.main_content03.mobile > div > dl {width: 100%;}
	.main_content03.mobile > div > dl dd > article.first .date{ width: 80px; height: 80px; font-size: 13px;}
	.main_content03.mobile > div > dl dd > article.first .date > span:nth-child(1){font-size: 28px;}
	.main_content03.mobile > div > dl dd > article.first h1 {width: calc(100% - 100px);}
	.main_content03.mobile > div > dl dd > article.first h1 a{ width: 100%; height: 80px; font-size: 15px; line-height: 22px;}
	.main_content03.mobile > div > dl dd > article.first h1 .title {font-size: 17px;}
	.main_content03.mobile > div > dl dd > article.first h1 .text {max-height: 44px;}
	.main_content03.mobile > div > dl dd > article:not(.first) span.title {font-size: 15px;}
}


/* 메인 - 갤러리(뉴스&교육) */
.main_content03.mobile > div > dl {height:auto;}
.main_content03.mobile > div > dl dd > .m_product li a .imgbox img {height:79px;}

.m_product {width:100%;font-size:0; margin-right:-1%; margin-left:-1%;}
.m_product li {position:relative; display:inline-block; vertical-align:top; width:31.333%; margin-right:1%; margin-left:1%; /* background:#fff; */}

.m_product li:hover span.border {position:absolute; top:-1px; left:-1px; display:block; width:217px; height:219px; border:2px solid #0c4b9e;}
.m_product li a {display:block; width:100%; /*height:223px;*/ text-align:left; color:#555;}
.m_product li a .imgbox { width:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; border:1px solid #dfdfdf;}
.m_product li a .imgbox img {width:100%; height:102px;}
.m_product li a .infobox { position:relative; width:100%;/*  height:115px; */ box-sizing:border-box; padding-top:10px; }
.m_product li a .infobox span.title {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:44px;line-height:1.3em; overflow:hidden; text-overflow:ellipsis;  color:#002853; font-size:17px; font-weight:bold; text-align:left; }

.m_product li a .infobox span.date {display:block; bottom:20px;/*  font-family: 'Montserrat';  */font-size:14px; color:#999; padding:10px 0; overflow:hidden; text-overflow:ellipsis;}


/* 하단 아이콘 부분 */
.main_content04.mobile {width: 100%; max-width: 480px; padding: 47px 20px; }
.main_content04.mobile > ul {width: 100%; justify-content: center; border-left: 1px solid #ddd; padding: 0;}
.main_content04.mobile > ul > li {width: 33.33%; height: 122px; border: 1px solid #ddd; border-left: 0;}
/* .main_content04 > ul > li:nth-child(1) {border-left: 1px solid #ddd;} */
.main_content04.mobile > ul > li div {width:100%; height: 100%;}
.main_content04.mobile > ul > li a {width:100%; height: 100%;}
.main_content04.mobile > ul > li a > span {width:63px; height: 60px; display: flex; justify-content: center; align-items: center; margin-bottom: 10px;}
.main_content04.mobile > ul > li a img {margin-bottom: 0;}
.main_content04.mobile > ul > li a p {font-size: 18px; line-height: 1;}

@media (max-width:400px){
	.main_content04.mobile > ul > li a > span {margin-bottom: 5px;}
	.main_content04.mobile > ul > li a img {transform: scale(0.8);}
	.main_content04.mobile > ul > li a p {font-size: 15px;}
}



/* 2022-07-05 추가 */
/* 메인동영상 부분 */
.main_content05 {width: 100%; padding-top:20px; overflow: hidden;}
.VideoSlider {/* max-width: 1200px;  */margin:0 auto; }
 video { max-width: 100%; display: block;  }
.main_content05.pc .VideoSlider {height:840px;}
.main_content05.mobile {width: 100%;/*  padding:40px 10px 0; max-width: 480px; */ margin:0 auto;}