@charset "utf-8";

/* 메인페이지 스타일만 정의 */

.main [class*="-wrap"] {max-width:100%;}


/* 22-07-20::웹접근성을 위해 추가 */
.hidden {position:absolute; 
		left:-10000px; 
		top:auto; 
		width:1px; 
		height:1px; 
		overflow:hidden;}

.txt_hidden {text-indent:-9999px;}

/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px) {
	/* 메인 공통 */
	.main-subTitle {text-align:center; padding-bottom:30px; position:relative;}
	.main-subTitle h2 {padding-right:55px; position:relative; display:inline-block; font-size:42px; font-weight:500; letter-spacing:-1px; color:#000; line-height:1.07;}
	.main-subTitle h2:after {content:''; display:block; width:45px; height:45px; background:#81d59b url(../images/main/i-subTit.svg)center /24px no-repeat; position:absolute; right:0; top:0; border-radius:50%;}
	.main-subTitle.blue h2:after {background-color:#fff; background-image:url(../images/main/i-subTit-blue.svg);}
	.main-subTitle-h3 {position:relative;}
	.main-subTitle-h3 h3 {padding-bottom:25px; font-size:28px; font-weight:500; color:#000; letter-spacing:-1px;}
	a.plus.type1 {width:40px; height:28px; position:absolute; right:0; top:0; background:url(../images/common/i-plusBlack.png)center no-repeat; display:block; transition:all .3s;}
	a.plus.type1:hover {transform:rotate(90deg);}
	
	/* 메인배너 */
	.main .visual .swiper-slide {text-align:center;}
	.main .visual .swiper-slide img {width:100%;}
	.main .visual .swiper-container-button {z-index:9; position:absolute; width:1200px; left:50%; top:calc(50% - 90px); transform:translate(-50%,-50%);}
	.main .visual .swiper-container-button .swiper-button-prev,
	.main .visual .swiper-container-button .swiper-button-next {width:90px; height:90px; background:rgba(0,0,0,.3) center no-repeat; border-radius:50%;}
	.main .visual .swiper-container-button .swiper-button-prev {left:-120px; background-image:url(../images/main/bPrev.png)}
	.main .visual .swiper-container-button .swiper-button-next {right:-120px; background-image:url(../images/main/bNext.png)}
	
	/*22-04-22 수정 KKA*/
	.main .visual {height:712px;}
	.main .visual .visual-swiper,
	.main .visual .visual-swiper .swiper-wrapper,
	.main .visual .visual-swiper .swiper-wrapper .swiper-slide {height:712px !important;}
	
	/* 퀵메뉴 */
	.main .quick {width:1200px; margin:-125px auto 0; position:relative; z-index:9; padding-left:110px; border-radius:200px; background:#fff; box-shadow:0 20px 20px rgba(0,0,0,.05);}
	/* .main .quick ul {height:250px;} */
	.main .quick ul li {float:left; width:250px;margin-top:-60px; padding-bottom:40px;}
	.main .quick ul li a {}
	.main .quick ul li span {display:inline-block; padding:10px; border-radius:50%; border:1px solid #ddd; }
	.main .quick ul li span i {display:block; width:100px; height:100px; background:center no-repeat; border:1px solid #fff;border-radius:50%;}
	.main .quick ul li dl {padding-left:10px; }
	.main .quick ul li dt {transition:all .2s; margin:28px 0 15px; padding-right:17px; display:inline-block; font-size:28px; font-weight:500; color:#000; letter-spacing:-1px; background:right center /12px no-repeat; line-height:1;}
	.main .quick ul li dd {line-height:1.5;}
	
	.main .quick ul li:nth-child(1) span {background:#ff5f5f;}
	.main .quick ul li:nth-child(2) span {background:#ff9a30;}
	.main .quick ul li:nth-child(3) span {background:#3fa7e2;}
	.main .quick ul li:nth-child(4) span {background:#9885c0;}
	
	.main .quick ul li:nth-child(1) span i {background-image:url(../images/main/quick_01.png);}
	.main .quick ul li:nth-child(2) span i {background-image:url(../images/main/quick_02.png);}
	.main .quick ul li:nth-child(3) span i {background-image:url(../images/main/quick_03.png);}
	.main .quick ul li:nth-child(4) span i {background-image:url(../images/main/quick_04.png);}
	
	.main .quick ul li:nth-child(1) dt {background-image:url(../images/main/i-quick-arrow-01.svg);}
	.main .quick ul li:nth-child(2) dt {background-image:url(../images/main/i-quick-arrow-02.svg);}
	.main .quick ul li:nth-child(3) dt {background-image:url(../images/main/i-quick-arrow-03.svg);}
	.main .quick ul li:nth-child(4) dt {background-image:url(../images/main/i-quick-arrow-04.svg);}
	
	.main .quick ul li:hover span {transform:rotateY(360deg);transition:all .6s;}
	.main .quick ul li:hover dt {padding-right:25px;}
	
	
	/* 소식알림 */
	.main .news {padding:100px 0 70px;}
	.main .news .newsSlider {width:1230px; margin:0 auto; }
	.main .news .newsSlider .rollBanner {padding-bottom:30px;}
	.main .news .slide-item {border:1px solid #ddd; transition:all .3s; position:relative;}
	.main .news .slide-item .img {height:220px;}
	.main .news .slide-item dl {padding:30px;}
	.main .news .slide-item dt {font-size:20px; color:#000; font-weight:500; letter-spacing:-1px; line-height:1; transition:all .3s;}
	.main .news .slide-item dd {margin-top:18px;line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main .news .slide-item i.plus {width:55px; height:55px; display:block; position:absolute; border-radius:50%; border:1px solid #ddd; transition:all .3s;}
	.main .news .slide-item i.plus {right:30px; top:192.5px; background:#fff url(../images/common/i-plusGray.png)center no-repeat; box-shadow:0 5px 5px rgba(0,0,0,.1);}
	/* .main .news .slide-item:hover {border-color:#32be5d;} */
	.main .news .slide-item:hover dt {color:#32be5d;}
	.main .news .slide-item:hover i.plus {border-color:#32be5d; background-color:#32be5d; background-image:url(../images/common/i-plusWhite.png);}
	
	.main .news .newsSlider .slick-slide {padding:0 15px;}
	.main .news .newsSlider .slick-arrow {width:50px; height:50px; background:center no-repeat;}
	.main .news .newsSlider .slick-prev {left:-85px; background-image:url(../images/main/news_bPrev.png)}
	.main .news .newsSlider .slick-prev:before,
	.main .news .newsSlider .slick-next:before {content:'';}
	.main .news .newsSlider .slick-next {right:-85px; background-image:url(../images/main/news_bNext.png)}
	
	.progress {
		margin:0 15px;
		display:block;width:calc(100% - 30px);height:8px;overflow: hidden;
		background-color: #f5f5f5;
		background-image: linear-gradient(to right, #32be5d, #32be5d);
		background-repeat: no-repeat;
		background-size: 0 100%;
		transition: background-size .4s ease-in-out;
	}
	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0,0,0,0);
		border: 0;
	}
	
	.main .notice {width:1200px; margin:0 auto; padding-top:40px;}
	.main .notice-list {}
	.main .notice-list ul {}
	.main .notice-list ul li {margin-left:30px; float:left; width:calc((100% - 90px)/4);}
	.main .notice-list ul li:nth-child(4n+1) {margin-left:0;}
	.main .notice-list ul li a {display:block; padding:30px 25px; border:1px solid #ddd; position:relative; transition:.3s; height:195px;}
	.main .notice-list ul li h4 {font-size:16px; font-weight:300; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main .notice-list ul li p {margin:15px 0 10px; height:75px; font-size:15px; color:#999; line-height:1.67;}
	.main .notice-list ul li p {overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.main .notice-list ul li span {display:block;font-size:15px; color:#555; line-height:1;}
	.main .notice-list ul li:hover {box-shadow:0 0 20px rgba(0,0,0,.05);}
	.main .notice-list ul li a:hover:before {
		position:absolute; top:0; left:0; border:2px solid #32be5d; width:100%; height:100%; display:block; content:"";
	}
	
	/* 교육 */
	.main .edu {background:#b8e8c6;}
	.main .edu .edu-wrap {width:1200px; margin:0 auto; padding:65px 0 70px;}
	.main .edu .main-subTitle {text-align:left;}
	.main .edu-inner>div {float:left;}
	.main .edu-cal {width:380px; margin-right:30px;}
	.main .edu-cal-inner {padding:30px; background:#fff; height:431px;}
	.main .edu-cal-top {margin:-10px 0 50px; padding:0 0 38px; position:relative; border-bottom:1px solid #ddd;}
	.main .edu-cal-top p {font-size:28px; color:#000; letter-spacing:-1px; line-height:40px;}
	.main .edu-cal-top a {display:inline-block; width:40px; height:40px; line-height:36px; border:1px solid #ddd; position:absolute; top:0; border-radius:50%; text-align:center;}
	.main .edu-cal-top a:hover {border:1px solid #32be5d;}
	.main .edu-cal-top a img {width:10px;}
	.main .edu-cal-top a.bPrev {right:50px; background:url(../images/main/i-cal-bPrev.svg)no-repeat 13px 14px; background-size:10px 11px;}
	.main .edu-cal-top a.bPrev:hover {background:#32be5d url(../images/main/i-cal-bPrevOn.svg)no-repeat 13px 14px; background-size:10px 11px;}
	.main .edu-cal-top a.bNext {right:0; background:url(../images/main/i-cal-bNext.svg)no-repeat 15px 14px; background-size:10px 11px;}
	.main .edu-cal-top a.bNext:hover {background:#32be5d url(../images/main/i-cal-bNextOn.svg)no-repeat 15px 14px; background-size:10px 11px;}
	.main .edu-cal-date {text-align:center;}
	.main .edu-cal-date table {}
	.main .edu-cal-date table tr {}
	.main .edu-cal-date table tr th { color:#000;}
	.main .edu-cal-date table tr td a {display:inline-block; width:40px; line-height:40px;border-radius:50%; padding:2px 0;}
	.main .edu-cal-date table tr td a:hover {background:#f1f1f1;}
	
	.main .edu-cal-date table tr th.sun {color:#ff5f5f;}
	.main .edu-cal-date table tr th.sat {color:#3fa7e2;}
	
	.main .edu-cal-date table tr td.on {color:#fff;}
	.main .edu-cal-date table tr td.on a {background:#32be5d;}
	.main .edu-cal-date table thead tr th {font-weight:400;}
	
	
	.main .edu-apply {width:calc(100% - 410px);}
	.main .edu-apply a.detail {z-index:11; background:#fff; width:135px; height:30px; line-height:30px; position:absolute; right:0; top:0; letter-spacing:-1px; color:#000; display:block; text-align:center; border-radius:100px;}
	.main .edu-apply a.detail:hover {background:#32be5d; color:#fff;}
	
	.main .edu-swiper .swiper-slide {background:#fff;}
	/* .main .edu-swiper .swiper-slide {float:left; width:calc((100% - 30px)/2); margin-top:30px; margin-left:30px;background:#fff;} */
	/* .main .edu-swiper .swiper-slide:nth-child(odd){margin-left:0;} */
	.main .edu-swiper .swiper-slide a {display:block; padding:28px; border:2px solid transparent; height:201px;}
	.main .edu-swiper .swiper-slide h4 {font-size:18px; font-weight:500; color:#000; padding-bottom:25px; transition:all .3s;}
	.main .edu-swiper .swiper-slide ul {}
	.main .edu-swiper .swiper-slide ul li {text-align:left; color:#555; padding-left:100px; line-height:1.5; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main .edu-swiper .swiper-slide ul li span {display:block; padding-left:10px; position:absolute; left:0;}
	.main .edu-swiper .swiper-slide ul li span:before {content:''; display:block; width:2px; height:2px; background:#3b3b3b; position:absolute; left:0; top:11px;}
	
	.main .edu-swiper .swiper-slide a:hover {border-color:#32be5d;}
	.main .edu-swiper .swiper-slide a:hover h4 {color:#32be5d;}
	
	/* .main .edu-swiper .swiper-wrapper {overflow-y:visible;} */
	.main .edu-swiper .swiper-pagination {/*padding-right:157px;*/ margin-right:157px; bottom:auto; left:auto ;right:0; top:0; text-align:right; line-height:30px;}
	.main .edu-swiper .swiper-pagination-bullet {width:15px; height:15px; background:#fff; opacity:1;}
	.main .edu-swiper .swiper-pagination-bullet-active {background:#32be5d;}
	.main .swiper-wrapper {max-width:none !important;}
	
	/* 22-04-25: 교유신청 슬라이드,탭메뉴 추가 */
	.edu-apply .edu-tit {width:235px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main .edu-cal-inner.h {height:506px; padding: 75px 30px 30px;}
	.edu-apply .edu-swiper {padding:0 !important;}
	.edu-apply .swiper-container { width: 100%;}
	.edu-apply .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
	.edu-apply .swiper-slide h4>span.edu-end {padding: 5px 15px; background: #32be5d; width: 100px; border-radius: 100px; color: #fff; font-size: 14px; margin-left: 10px;}
	.edu-apply .swiper-slide h4>span.edu-start {padding: 5px 15px; background: #ffa800; width: 100px; border-radius: 100px; color: #fff; font-size: 14px; margin-left: 10px;}
	.edu-apply .swiper-pagination {padding:0 !important;}
	.edu-apply .edu-swiper .swiper-slide h4 {padding:10px 0 16px 0;}
	.edu-apply .edu-swiper .swiper-slide a {width:100%; padding: 23px;}
	
	.edu-apply .edu-none {padding:200px 0;}
	.edu-apply .edu-none>span {padding-left:10px;}
	.edu-apply .edu-none>img {width:7%;}
	
	.tab-contents { width: 100%; height: 50%; margin: 0 auto; display: none; }
	.tab-contents.tab01 { display: block;}
	.tab-wrapper { width:100%; text-align: center; display:flex; justify-content:flex-start; margin-bottom:8px;}
	.tab-wrapper .firstTab, .tab-wrapper .secondTab {width:100%; display:flex; flex-direction: row; align-items: center;}
	.tab-wrapper .tab { cursor: pointer; width:100%; color:#fff; font-size: 20px; padding: 10px 30px; background: #81d59b;}
	.tab-wrapper .tabmenu {display:flex; width:100%; margin-bottom:10px;}
	
	.tab-wrapper div.on{font-weight: 600; color:#32be5d; background:#fff; border-bottom:4px solid #32be5d;}
	.tab-wrapper .tab.active {background: #fff; color: #7ea21e;}	
	.tab-wrapper div.tab:hover {color:#fff; background:#32be5d; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
	.tab-wrapper div.on:hover {font-weight: 600; color:#32be5d; background:#fff; border-bottom:4px solid #32be5d;}
	
	.sm_select {display: none;}
	.sm_select select {width:100%; height: 40px;}

	.edu-apply .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url("../images/main/arrow.svg"); background-size: 48px; left: 0px; height: 12%; width: 9%; transform: rotate(180deg);}
	.edu-apply .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("../images/main/arrow.svg"); background-size: 48px; right: 0px; height: 12%; width: 9%;}

	
	/* 취업가이드 */
	.main .guide {background:#75cdff; padding:80px 0;}
	.main .guide .guide-wrap {width:1200px; margin:0 auto;}
	.main .guide .main-subTitle p {padding-top:15px; color:#fff; font-size:18px;}
	.main .guide .guide-wrap a {display:block; padding:30px; float:left; width:calc((100% - 30px)/2); background:#fff; position:relative; overflow:hidden; transition:.3s;}
	.main .guide .guide-wrap a:hover {box-shadow:0 0 20px rgba(0,0,0,.2);}
	.main .guide .guide-wrap a .img {float:left; display:block; width:150px; height:150px; border:1px solid #ddd; border-radius:50%;  transition:all .3s; position:relative; text-indent:-9999px;}
	
	.main .guide .guide-wrap a .txt {float:left; width:calc(100% - 150px); padding:18px 0 0 30px;}
	.main .guide .guide-wrap a .txt h3 {padding-right:22px; display:inline-block; font-size:24px; font-weight:500; color:#000; letter-spacing:-1px; background:url(../images/main/i-quick-arrow-03.svg)right center /12px no-repeat; transition:all .3s;}
	.main .guide .guide-wrap a .txt p {padding-top:20px; line-height:1.5;}
	.main .guide .guide-write {}
	.main .guide .guide-write .img {background:url(../images/main/img-guide-write.jpg)center no-repeat;}
	.main .guide .guide-interview {margin-left:30px;}
	.main .guide .guide-interview .img {background:url(../images/main/img-guide-interview.jpg)center no-repeat;}
	/* .main .guide .guide-wrap a:hover .img {border-color:#75cdff;} */
	.main .guide .guide-wrap a:hover .img:before {position:absolute; top:0; left:0; border:2px solid #75cdff; width:100%; height:100%; display:block; content:""; border-radius:50%;}
	.main .guide .guide-wrap a:hover .txt h3 {padding-right:30px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 1200px) {

	.edu-apply .edu-tit {max-width:130px;}

}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	
	
	/* 메인 공통 */
	.main-subTitle {text-align:center; padding-bottom:30px; position:relative;}
	.main-subTitle h2 {padding-right:45px; position:relative; display:inline-block; font-size:32px; font-weight:500; letter-spacing:-1px; color:#000; line-height:1.07;}
	.main-subTitle h2:after {content:''; display:block; width:35px; height:35px; background:#81d59b url(../images/main/i-subTit.svg)center /18px no-repeat; position:absolute; right:0; top:0; border-radius:50%;}
	.main-subTitle.blue h2:after {background-color:#fff; background-image:url(../images/main/i-subTit-blue.svg);}
	.main-subTitle-h3 {position:relative;}
	.main-subTitle-h3 h3 {padding-bottom:20px; font-size:24px; font-weight:500; color:#000; letter-spacing:-1px; line-height:1.2;}
	a.plus.type1 {width:40px; height:28px; position:absolute; right:0; top:0; background:url(../images/common/i-plusBlack.png)center no-repeat; display:block; transition:all .3s;}
	a.plus.type1:hover {transform:rotate(90deg);}
	
	/* 메인배너 */
	.main .visual .swiper-slide {text-align:center; padding:100px 100px 200px;}
	.main .visual .swiper-slide img {max-width:100%;}
	.main .visual .swiper-container-button {z-index:9; position:absolute; width:100%; left:50%; top:calc(50% - 90px); transform:translate(-50%,-50%);}
	.main .visual .swiper-container-button .swiper-button-prev,
	.main .visual .swiper-container-button .swiper-button-next {width:60px; height:60px; background:rgba(0,0,0,.3) center no-repeat; border-radius:50%; background-size:25%;}
	.main .visual .swiper-container-button .swiper-button-prev {left:0; background-image:url(../images/main/bPrev.png)}
	.main .visual .swiper-container-button .swiper-button-next {right:0; background-image:url(../images/main/bNext.png)}
	
	/* 퀵메뉴 */
	.main .quick {width:calc(100% - 30px); margin:0 15px; position:relative; z-index:9; padding:0 50px 0; border-radius:50px; background:#fff; box-shadow:0 10px 20px rgba(0,0,0,.1); margin-top:-50px;}
	/* .main .quick ul {height:250px;} */
	.main .quick ul li {float:left; width:50%;margin-top:-50px; padding:0 15px 30px;}
	.main .quick ul li:nth-child(2)~li {margin-top:0px;}
	.main .quick ul li a {}
	.main .quick ul li span {display:inline-block; padding:10px; border-radius:50%; border:1px solid #ddd;}
	.main .quick ul li span i {display:block; width:80px; height:80px; background:center no-repeat; border:1px solid #fff;border-radius:50%; background-size:100%;}
	.main .quick ul li dl {padding-left:10px; }
	.main .quick ul li dt {transition:all .2s; margin:10px 0; padding-right:17px; display:inline-block; font-size:24px; font-weight:500; color:#000; letter-spacing:-1px; background:right center /12px no-repeat; line-height:1;}
	.main .quick ul li dd {line-height:1.5; height:68px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.main .quick ul li dd br {display:none;}
	
	.main .quick ul li:nth-child(1) span {background:#ff5f5f;}
	.main .quick ul li:nth-child(2) span {background:#ff9a30;}
	.main .quick ul li:nth-child(3) span {background:#3fa7e2;}
	.main .quick ul li:nth-child(4) span {background:#9885c0;}
	
	.main .quick ul li:nth-child(1) span i {background-image:url(../images/main/quick_01.png);}
	.main .quick ul li:nth-child(2) span i {background-image:url(../images/main/quick_02.png);}
	.main .quick ul li:nth-child(3) span i {background-image:url(../images/main/quick_03.png);}
	.main .quick ul li:nth-child(4) span i {background-image:url(../images/main/quick_04.png);}
	
	.main .quick ul li:nth-child(1) dt {background-image:url(../images/main/i-quick-arrow-01.svg);}
	.main .quick ul li:nth-child(2) dt {background-image:url(../images/main/i-quick-arrow-02.svg);}
	.main .quick ul li:nth-child(3) dt {background-image:url(../images/main/i-quick-arrow-03.svg);}
	.main .quick ul li:nth-child(4) dt {background-image:url(../images/main/i-quick-arrow-04.svg);}
	
	.main .quick ul li:hover span {transform:rotateY(360deg);transition:all .6s;}
	.main .quick ul li:hover dt {padding-right:25px;}
	
	
	/* 소식알림 */
	.main .news {padding:50px 0;}
	.main .news .main-subTitle-h3 h3 {text-align:center;}
	.main .news .newsSlider {width:100%;}
	.main .news .newsSlider .rollBanner {padding-bottom:30px;}
	.main .news .slide-item {border:1px solid #ddd; transition:all .3s; position:relative;}
	.main .news .slide-item .img {height:220px;}
	.main .news .slide-item dl {padding:30px;}
	.main .news .slide-item dt {font-size:20px; color:#000; font-weight:500; letter-spacing:-1px; line-height:1; transition:all .3s;}
	.main .news .slide-item dd {margin-top:18px;line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main .news .slide-item i.plus {width:55px; height:55px; display:block; position:absolute; border-radius:50%; border:1px solid #ddd; transition:all .3s;}
	.main .news .slide-item i.plus {right:30px; top:192.5px; background:#fff url(../images/common/i-plusGray.png)center no-repeat; box-shadow:0 5px 5px rgba(0,0,0,.1);}
	.main .news .slide-item:hover dt {color:#32be5d;}
	.main .news .slide-item:hover i.plus {border-color:#32be5d; background-color:#32be5d; background-image:url(../images/common/i-plusWhite.png);}
	
	.main .news .newsSlider .slick-slide {padding:0 15px;}
	.main .news .newsSlider .slick-arrow {width:60px; height:60px; background:rgba(0,0,0,.3) center no-repeat; border-radius:50%; background-size:25%; top:40%;}
	.main .news .newsSlider .slick-prev {left:0; background-image:url(../images/main/bPrev.png); z-index:9;}
	.main .news .newsSlider .slick-prev:before,
	.main .news .newsSlider .slick-next:before {content:'';}
	.main .news .newsSlider .slick-next {right:0; background-image:url(../images/main/bNext.png); z-index:9;}
	
	.progress {
		margin:0 15px;
		display:block;width:calc(100% - 30px);height:8px;overflow: hidden;
		background-color: #f5f5f5;
		background-image: linear-gradient(to right, #32be5d, #32be5d);
		background-repeat: no-repeat;
		background-size: 0 100%;
		transition: background-size .4s ease-in-out;
	}
	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0,0,0,0);
		border: 0;
	}
	
	.main .notice {width:100%; margin:0 auto; padding:50px 15px 0;}
	.main .notice-list {}
	.main .notice-list ul {margin-left:-30px;}
	.main .notice-list ul li {margin-left:30px; float:left; width:calc((100%/2) - 30px);}
	.main .notice-list ul li:nth-child(2)~li {margin-top:30px;}
	/* .main .notice-list ul li:nth-child(4n+1) {margin-left:0;} */
	.main .notice-list ul li a {display:block; padding:30px 25px; border:1px solid #ddd; position:relative; transition:.3s;}
	.main .notice-list ul li h4 {font-size:16px; font-weight:300; color:#000; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main .notice-list ul li p {margin:15px 0 10px; height:50px; font-size:15px; color:#999; line-height:1.67;}
	.main .notice-list ul li p {overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:50px;}
	.main .notice-list ul li span {display:block;font-size:15px; color:#555; line-height:1;}
	.main .notice-list ul li:hover {box-shadow:0 0 20px rgba(0,0,0,.05);}
	.main .notice-list ul li a:hover:before {
		position:absolute; top:0; left:0; border:2px solid #32be5d; width:100%; height:100%; display:block; content:"";
	}
	
	/* 교육 */
	.main .edu {background:#b8e8c6;}
	.main .edu .edu-wrap {width:100%; margin:0 auto; padding:50px 15px;}
	.main .edu .main-subTitle {text-align:left;}
	.main .edu-inner>div {float:left;}
	.main .edu-cal {width:100%;}
	.main .edu-cal-inner {padding:30px; background:#fff;}
	.main .edu-cal-top {margin:10px 0 20px; padding:0 0 20px; position:relative; border-bottom:1px solid #ddd;}
	.main .edu-cal-top p {font-size:28px; color:#000; letter-spacing:-1px; line-height:40px;}
	.main .edu-cal-top a {display:inline-block; width:40px; height:40px; line-height:36px; border:1px solid #ddd; position:absolute; top:0; border-radius:50%; text-align:center;}
	.main .edu-cal-top a:hover {border:1px solid #32be5d;}
	.main .edu-cal-top a img {width:10px;}
	.main .edu-cal-top a.bPrev {right:50px; background:url(../images/main/i-cal-bPrev.svg)no-repeat 13px 14px; background-size:10px 11px;}
	.main .edu-cal-top a.bPrev:hover {background:#32be5d url(../images/main/i-cal-bPrevOn.svg)no-repeat 13px 14px; background-size:10px 11px;}
	.main .edu-cal-top a.bNext {right:0; background:url(../images/main/i-cal-bNext.svg)no-repeat 15px 14px; background-size:10px 11px;}
	.main .edu-cal-top a.bNext:hover {background:#32be5d url(../images/main/i-cal-bNextOn.svg)no-repeat 15px 14px; background-size:10px 11px;}
	.main .edu-cal-date {text-align:center;}
	.main .edu-cal-date table {}
	.main .edu-cal-date table tr {}
	.main .edu-cal-date table tr td { color:#000; line-height:46px;}
	.main .edu-cal-date table tr td a {display:inline-block; width:40px; line-height:40px;border-radius:50%;}
	.main .edu-cal-date table tr td a:hover {background:#f1f1f1;}
	.main .edu-cal-date table tr td.sun {color:#ff5f5f;}
	.main .edu-cal-date table tr td.sat {color:#3fa7e2;}
	.main .edu-cal-date table tr td.on {color:#fff;}
	.main .edu-cal-date table tr td.on a {background:#32be5d;}
	.main .edu-cal-date table thead tr td {font-weight:400;}
	
	
	.main .edu-apply {width:100%; margin-top:50px;}
	.main .edu-apply a.detail {z-index:11; background:#fff; width:135px; height:30px; line-height:30px; position:absolute; right:0; top:0; letter-spacing:-1px; color:#000; display:block; text-align:center; border-radius:100px;}
	.main .edu-apply a.detail:hover {background:#32be5d; color:#fff;}
	
	.main .edu-swiper .swiper-slide {background:#fff;}
	/* .main .edu-swiper .swiper-slide {float:left; width:calc((100% - 30px)/2); margin-top:30px; margin-left:30px;background:#fff;} */
	/* .main .edu-swiper .swiper-slide:nth-child(odd){margin-left:0;} */
	.main .edu-swiper .swiper-slide a {display:block; padding:28px; border:2px solid transparent;}
	.main .edu-swiper .swiper-slide h4 {font-size:18px; font-weight:500; color:#000; padding-bottom:25px; transition:all .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main .edu-swiper .swiper-slide ul {}
	.main .edu-swiper .swiper-slide ul li {color:#555; padding-left:100px; line-height:1.5; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.main .edu-swiper .swiper-slide ul li span {display:block; padding-left:10px; position:absolute; left:0;}
	.main .edu-swiper .swiper-slide ul li span:before {content:''; display:block; width:2px; height:2px; background:#3b3b3b; position:absolute; left:0; top:11px;}
	
	.main .edu-swiper .swiper-slide a:hover {border-color:#32be5d;}
	.main .edu-swiper .swiper-slide a:hover h4 {color:#32be5d;}
	
	/* .main .edu-swiper .swiper-wrapper {overflow-y:visible;} */
	.main .edu-swiper .swiper-pagination {/*padding-right:157px;*/ margin-right:157px; bottom:auto; left:auto ;right:0; top:0; text-align:right; line-height:30px;}
	.main .edu-swiper .swiper-pagination-bullet {width:15px; height:15px; background:#fff; opacity:1;}
	.main .edu-swiper .swiper-pagination-bullet-active {background:#32be5d;}
	.main .swiper-wrapper {max-width:none !important; padding:0 !important;}
	
	/* 22-04-25: 교육신청 슬라이드,탭메뉴 추가 */
	.edu-apply .edu-tit {max-width:100%; margin-bottom:10px;}
	.edu-apply .edu-swiper {padding:0 !important;}
	.edu-apply .swiper-container { width: 100%; height: 100%;}
	.edu-apply .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
	.edu-apply .swiper-pagination {padding:0 !important;}
	.edu-apply .swiper-slide h4>span.edu-end {padding: 5px 15px; background: #32be5d; width: 100px; border-radius: 100px; color: #fff; font-size: 14px; margin-left: 0px;}
	.edu-apply .swiper-slide h4>span.edu-start {padding: 5px 15px; background: #ffa800; width: 100px; border-radius: 100px; color: #fff; font-size: 14px; margin-left: 10px;}
	.edu-apply div.tab-wrapper {padding:0;}
	.edu-apply .edu-swiper .swiper-slide a {width:100%;}
	.edu-apply .edu-swiper .swiper-slide ul {text-align: left;}
	.edu-apply .edu-swiper .swiper-slide h4 {padding:10px 0 25px 0; transition:all .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	
	.tab-contents {width: 100%; height: 50%; margin: 0 auto; display: none;}
	.tab-contents.tab01 {display: block;}
	.tab-wrapper .tab {cursor: pointer; width:100%; color:#fff; font-size: 19px; padding: 10px 30px; background: #81d59b; text-align:center;}
	.tab-wrapper .tabmenu {display:flex; width:100%; margin-bottom:20px;}
	
	.tab-wrapper div.on{font-weight: 600; color:#32be5d; background:#fff; border-bottom:3px solid #32be5d;}
	.tab-wrapper .tab.active {background: #fff; color: #7ea21e;}	
	.tab-wrapper div.tab:hover {color:#fff; background:#32be5d; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
	.tab-wrapper div.on:hover {font-weight: 600; color:#32be5d; background:#fff; border-bottom:3px solid #32be5d;}
	
	.sm_select {display: none;}
	
	.edu-apply .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url("../images/main/arrow.svg"); background-size: 48px; left: 0px; height: 12%; width: 9%; transform: rotate(180deg);}
	.edu-apply .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("../images/main/arrow.svg"); background-size: 48px; right: 0px; height: 12%; width: 9%;}

	.edu-apply .edu-none {padding:182px 0;}
	.edu-apply .edu-none>span {padding-left:10px;}
	.edu-apply .edu-none>img {width:7%;}
	
	/* 취업가이드 */
	.main .guide {background:#75cdff; padding:50px 15px;}
	.main .guide .guide-wrap {width:100%; padding:0;}
	.main .guide .main-subTitle p {padding-top:15px; color:#fff; font-size:18px;}
	.main .guide .guide-wrap a {display:block; padding:30px;float:left; width:100%; background:#fff; position:relative; overflow:hidden; transition:.3s;}
	.main .guide .guide-wrap a:hover {box-shadow:0 0 20px rgba(0,0,0,.2);}
	.main .guide .guide-wrap a .img {float:left; display:block; width:150px; height:150px; border:1px solid #ddd; border-radius:50%;  transition:all .3s; position:relative;}
	
	.main .guide .guide-wrap a .txt {float:left; width:calc(100% - 150px); padding:18px 0 0 30px;}
	.main .guide .guide-wrap a .txt h3 {padding-right:22px; display:inline-block; font-size:24px; font-weight:500; color:#000; letter-spacing:-1px; background:url(../images/main/i-quick-arrow-03.svg)right center /12px no-repeat; transition:all .3s;}
	.main .guide .guide-wrap a .txt p {padding-top:20px; line-height:1.5;}
	.main .guide .guide-write {}
	.main .guide .guide-write .img {background:url(../images/main/img-guide-write.jpg)center no-repeat;}
	.main .guide .guide-interview {margin-top:30px;}
	.main .guide .guide-interview .img {background:url(../images/main/img-guide-interview.jpg)center no-repeat;}
	/* .main .guide .guide-wrap a:hover .img {border-color:#75cdff;} */
	.main .guide .guide-wrap a:hover .img:before {position:absolute; top:0; left:0; border:2px solid #75cdff; width:100%; height:100%; display:block; content:""; border-radius:50%;}
	.main .guide .guide-wrap a:hover .txt h3 {padding-right:30px;}
	
	
	
	
	
}







/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	.main .visual .swiper-slide {padding:50px 100px 100px;}
	
	.main .quick ul li {width:100%; padding:0 0 30px;}
	
	.main .quick ul li dt {font-size:20px;}
	.main .quick ul li dd {height:auto;}
	.main .quick ul li~li {margin-top:0;}
	.main .quick ul li span i {width:60px; height:60px;}
	
	.main-subTitle {padding-bottom:20px;}
	.main-subTitle h2 {padding-right:40px; font-size:28px;}
	.main-subTitle h2:after {width:32px; height:32px;}
	
	.main .news .newsSlider .rollBanner {padding-bottom:10px;}
	
	
	.main .notice-list ul li {width:calc((100%/1) - 30px);}
	.main .notice-list ul li+li {margin-top:10px !important;}
	
	.main .edu-swiper .swiper-slide a {padding:20px;}
	.main .edu-swiper .swiper-slide ul li span {font-weight:400; color:#000;}
	
	/* .main .edu-swiper .swiper-slide ul li {padding-left:0; overflow:visible; font-size:13px;} */
	/* .main .edu-swiper .swiper-slide ul li:last-child {word-break:break-all; overflow:hidden;} */
	/* .main .edu-swiper .swiper-slide ul li+li {margin-top:10px;} */
	/* .main .edu-swiper .swiper-slide ul li span {position:static; padding-left:0; font-weight:500;} */
	/* .main .edu-swiper .swiper-slide ul li span:before {left:-5px; top:8px;} */
	
	.main .edu-cal-inner {padding:30px 20px;}
	.main .edu-cal-top {margin:0;}
	.main .edu-cal-top p {font-size:24px;}
	.main .edu-swiper .swiper-slide h4 {font-size:16px; padding-bottom:10px; line-height:1.4;}
	
	.main .guide .guide-interview {margin-top:10px;}
	.main .guide .guide-wrap a {padding:30px 20px;}
	.main .guide .guide-wrap a .img {width:100px; height:100px; background-size:105%;}
	.main .guide .guide-wrap a .txt {width:calc(100% - 100px); padding-top:5px; padding-left:20px;}
	.main .guide .guide-wrap a .txt h3 {font-size:20px;}
	.main .guide .guide-wrap a .txt p {padding-top:10px;}
	
	/* 22-04-25: 교유신청 슬라이드,탭메뉴 추가 */
	
	.edu-apply .edu-swiper {padding:0 !important;}
	.edu-apply .swiper-container { width: 100%; height: 100%;}
	.edu-apply .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
	.edu-apply div.tab-wrapper {padding:0;}
	.edu-apply .swiper-slide h4>span.edu-end {padding: 5px 15px; background: #32be5d; width: 100px; border-radius: 100px; color: #fff; font-size: 14px; margin-left: 10px;}
	.edu-apply .swiper-slide h4>span.edu-start {padding: 5px 15px; background: #ffa800; width: 100px; border-radius: 100px; color: #fff; font-size: 14px; margin-left: 10px;}
	.tab-contents { width: 100%; height: 50%; margin: 0 auto; display: none; }
	.tab-contents.tab01 { display: block;}
	.tab-wrapper .tab { margin:0 -1px -1px 0; font-size:18px !important; cursor: pointer; width: 100%; color:#fff; font-size: 20px; padding: 10px 27px; background: #81d59b; border: 1px solid #6ec188;}

	.edu-apply .edu-swiper .swiper-pagination {line-height: 38px;}
	.edu-apply .edu-swiper .swiper-slide ul li {text-align:left;}

	.tab-wrapper .tabmenu {display: none;}
	.sm_select {display:inline-block; position:relative; cursor:pointer; width:100%; background:#fff; margin-bottom:10px; height:45px;}
	.sm_select #tabmenu {border: none; width: 100%; text-align: center; line-height: 2.4; font-size: 18px; font-weight: 600; color:#000 !important; cursor: pointer;}
	.sm_select:after{
	  content:''; display: block; position: absolute; z-index: 1; top: 47%; right: 20px;
	  transform: translate(0,-50%); width: 0; height: 0; border:13px solid #32be5d; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:none;
	}
	
	.edu-apply .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url("../images/main/arrow.svg"); background-size: 48px; left: -9px; height: 13%; width: 22%; transform: rotate(180deg);}
	.edu-apply .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("../images/main/arrow.svg"); background-size: 48px; right: -9px; height: 13%; width: 22%;}

	.edu-apply .edu-tit {max-width:300px; margin-bottom:10px;}
	
	
	
	
	
	
}