@charset "utf-8";

/*#container{padding-top:90px;}*/
article{margin-bottom:80px;}
.main-sec01{margin-top:50px; margin-bottom:0;}
.main-sec01 .inr{display:flex; gap:50px;}
.swiper-wrapper{height:auto;}
/* main */
.main-visual{position:relative; z-index:2; margin:0; width:800px; height:340px; position: relative; border-radius:15px; overflow:hidden;}
.mob .main-visual{width:100%;}
.main-visual .swiper-wrapper{height: 100%!important; justify-content: space-between;}
.main-visual__item{position: relative; height: 100% !important; display:flex; align-items: center; cursor:default;}
.main-visual__item{background-position: 50% 50%; background-size: cover;  }

.visual01{background:#d7e1ff;}
.visual02{background:#d7f0ff;}
.visual03{background:#d7f0ff;}
.main-visual__title{padding-left:50px; margin-bottom:15px; z-index:2;}
.main-visual__title > *{transition: all 1s ease; opacity: 1;}
.main-visual__title h2{margin-top:15px; font-size:38px; font-weight:800; line-height: 1em;color:#222; word-break:keep-all; }
.main-visual__title > em{opacity:1; display:inline-block; padding:0 10px; font-size:16px; font-weight:400; color:#fff; line-height:1.5em; word-break:keep-all; background:#0754a5; border-radius:5px; box-sizing:border-box;  }
.main-visual__title > span{opacity:1; display:inline-block; font-size:20px; font-weight:bold; color:#00376e; line-height:1.5em; word-break:keep-all; box-sizing:border-box;  }
.main-visual__title > p{opacity:1; margin-top:10px; display:block; font-size:16px; font-weight:400; color:#767676; line-height:1.5em; word-break:keep-all;}
.main-visual__img{position:absolute; top:50%; right:15px; transform:translateY(-50%);}
.visual02 .main-visual__title h2{margin-top:7px; font-size:45px;}
.visual02 .main-visual__img{right:70px;}

.main-visual .swiper-slide-active .main-visual__title em{opacity:1; transform:translateY(0); transition-delay:1.2s;}
.main-visual__title  .cm-word-split-JS.splitting .char{animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-visual .swiper-slide-active .main-visual__title .cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
i.main-visual__bg{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 5s ease;transform:scale(1.1);background-size: cover;background-repeat: no-repeat; background-position:50% 50%;}
.swiper-slide-active i.main-visual__bg{transform:scale(1);}
#container{position:relative; z-index:2;}
.main-visual .swiper-pagination{display:flex; align-items: center; justify-content:center; gap:5px; left:50px; bottom:50px; width:70px; height:30px; border-radius:50px; background:rgba(0,0,0,0.3); font-size:15px; font-weight:400; color:#fff;}
.main-visual .swiper-pagination span{font-size:15px; font-weight:400; color:#fff;}

/*
.main-visual .swiper-pagination{left:50%; margin-left:-770px; top:67%; width:auto; height:8px; transform:translateY(-50%);}
.main-visual .swiper-pagination-bullet{margin:0 13px 0 0 !important; width:10px; height:10px; border-radius:50px; background:transparent; border:2px solid #fff; opacity:1; }
.main-visual .swiper-pagination-bullet-active{background-color:#fff;}

.main-visual .box-arr{position:absolute; top:50%; left:0; width:110px; height:155px; background:rgba(0,0,0,0.2); opacity:0; z-index:10; transform:translateY(-50%); transition:all 0.5s ease-out;}
.main-visual .box-arr .swiper-button-next, 
.main-visual .box-arr .swiper-button-prev{position:relative; top:0; margin-top:0; width:100%; height:calc(100% / 2); background:url(../../images_new5/main/ic-visual-arr.svg)no-repeat center; background-size:12px 19px; transition:all 0.3s ease;}
.main-visual .box-arr .swiper-button-next:after, 
.main-visual .box-arr .swiper-button-prev:after{display:none;}
.main-visual .box-arr .swiper-button-prev{left:unset;}
.main-visual .box-arr .swiper-button-prev:before{content:''; position:absolute; left:20px; right:20px; bottom:-0.5px; width:auto; height:1px; background:rgba(255,255,255,0.3); box-sizing:border-box;}
.main-visual .box-arr .swiper-button-next{right:unset; transform:rotate(-180deg);}
.main-visual .box-arr .swiper-button-next:hover,
.main-visual .box-arr .swiper-button-prev:hover{background-color:var(--color-point);}
.motion-on .main-visual .box-arr{opacity:1;}
*/


@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}

@keyframes text-active-animation02 {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(80px); 
		transform: translateY(80px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}

@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}


/* 로그인 */
.main-login{display:flex; flex-direction: column; align-items:center; justify-content:center; padding:35px 20px; /*width:calc(100% - 850px);*/ width:350px; height:340px; border:1px solid #eee; box-sizing:border-box; border-radius:15px; text-align:center;}
.main-login .logo{height:35px;}
.main-login .logo img{height:100%;}
.main-login > h3{margin-top:25px; display:block; font-size:25px; font-weight:bold; color:#222; line-height:1.4em; word-break:keep-all;}
.btn-login{display:flex; align-items:center; justify-content:center; margin-top:30px; width:250px; height:45px; background:#00376e; border-radius:8px; box-sizing:border-box; font-size:17px; font-weight:600; color:#fff; line-height:1em; transition:all 0.3s ease;}
.btn-login:hover{background:#2c74e4;}
.list-member{margin-top:15px; display:flex; gap:26px;}
.list-member > li{position:relative; font-size:14px; font-weight:400; color:#888; line-height:1em; word-break:keep-all;}
.list-member > li:before{content:''; position:absolute; top:2px; right:-14px; width:1px; height:10px; background:#ddd;}
.list-member > li:last-child:before{display:none;}

/* 자격취득과정 */
.main-sec02{position:relative; margin:50px 0 80px;}
.main-sec02 h3{display:block; margin-bottom:20px; font-size:24px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.courseSwiper{}
.courseSwiper .swiper-slide{text-align:center;}
.courseSwiper .swiper-slide .icon{display:flex; justify-content: center; align-items: center; width:100%; height:96px; border-radius:10px; background:#f4f4f4; border:2px solid #f4f4f4; box-sizing:border-box; transition:all 0.3s ease;}
.courseSwiper .icon img{height:55px;}
.courseSwiper .swiper-slide.course06 .icon img{height:40px;}
.courseSwiper .swiper-slide.course07 .icon img,
.courseSwiper .swiper-slide.course08 .icon img,
.courseSwiper .swiper-slide.course09 .icon img,
.courseSwiper .swiper-slide.course11 .icon img{height:45px;}
.courseSwiper .swiper-slide a > h4{display:block; margin-top:10px;  font-size:16px; font-weight:500; color:#333; line-height:1em; word-break:keep-all;}
.courseSwiper .swiper-slide a:hover .icon{border-color:#2c74e4;}
.courseSwiper .swiper-pagination{position:relative; top:0; bottom:unset; margin-top:10px;}
.courseSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.courseSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
.courseSwiper .swiper-pagination-bullet-active{background:#00376e;}

/* 인기과정 */
.license-slide{position:relative;}
.license-slide h3{display:block; margin-bottom:20px; font-size:26px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.licenseSwiper .swiper-slide .img{width:100%; border-radius:10px; overflow:hidden;}
.licenseSwiper .swiper-slide .img > a{display:block; width:100%;}
.licenseSwiper .swiper-slide .img > a img{width:100%; transform:scale(1); transition:all 0.5s ease;}
.licenseSwiper .swiper-slide .img > a:hover img{transform:scale(1.05);}
.licenseSwiper .swiper-slide .txt{display:block; margin-top:15px;}
.licenseSwiper .swiper-slide .txt .cate{margin-bottom:6px;}
.licenseSwiper .swiper-slide .txt .cate a > em{position:relative; display:inline-block; padding-right:10px; font-size:15px; font-weight:400; color:#999; line-height:1em; word-break:keep-all;}
.licenseSwiper .swiper-slide .txt .cate a > em:before{content:''; position:absolute; top:3px; right:0; width:6px; height:9px; background:url(../../images_new5/common/ic-cate-arr.svg)no-repeat center; background-size:contain;}
.licenseSwiper .swiper-slide .txt .title > a{display:block;}
.licenseSwiper .swiper-slide .txt .title > a > h4{font-size:20px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.licenseSwiper .swiper-pagination{position:relative; display:none;}
.swiper-button-prev{display:flex; justify-content: center; align-items: center; left:-22.5px; width:45px; height:45px; background:#fff; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:50px;}
.swiper-button-next{display:flex; justify-content: center; align-items: center; right:-22.5px; width:45px; height:45px; background:#fff; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:50px;}
.swiper-button-prev:after,
.swiper-button-next:after{display:none;}
.swiper-button-prev:before,
.swiper-button-next:before{content:''; display:inline-block; width:9px; height:16px; background:url(../../images_new5/common/ic-slide-arr.svg)no-repeat center; background-size:contain;}
.swiper-button-prev:before{transform:rotate(-180deg);}
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled{opacity:0;}


/* 중간 배너 */ 
.main-bn{position:relative; display:flex; align-items: center; justify-content: space-between; width:100%; height:255px; padding:40px 55px; background:#1670d5; border-radius:10px; box-sizing:border-box; overflow:hidden;}
.main-bn .txt{position:relative; z-index:2;}
.main-bn .txt h3{display:block; font-size:35px; font-weight:bold; color:#fff; line-height:1.3em; word-break:keep-all;}
.main-bn .txt p{display:block; margin-top:10px; font-size:18px; font-weight:300; color:#fff; line-height:1.3em; word-break:keep-all; opacity:0.8;}
.main-bn .img{position:absolute; top:50%; right:50px; transform:translateY(-50%);}
.main-bn .img img{width:auto;}

/* 국가공인 전문가 과정 */ 
.main-sec07{}
.main-sec07 h3{display:block; margin-bottom:20px; font-size:28px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.tabs{margin-bottom:30px; width:100%; display:flex; border-bottom:1px solid #eee; box-sizing:border-box;}
.tabs > li{position:relative; padding:10px; box-sizing:border-box; text-align:center; cursor:pointer; }
.tabs > li:before{content:''; position:absolute; left:0; bottom:-1px; width:100%; height:0; background:#aaa;}
.tabs > li > span{font-size:19px; font-weight:600; color:#c9c9cb;}
.tabs > li.active > span{color:var(--color-point);}
.tabs > li.active:before{height:2px; background:var(--color-point);}
.tabs > li:last-child:after{display:none;}
.public-license__list{display:flex; gap:40px;}
.public-license__list > div{width:-webkit-calc((100% / 3) - 26px); width:calc((100% / 3) - 26px);}
.public-license__item{position:relative; border-radius:10px; border:1px solid #eee; box-sizing:border-box; overflow:hidden;}
.public-license__item .img{width:100%; height:300px; overflow:hidden;}
.public-license__item .img > a{display:block; width:100%; height:100%;}
.public-license__item .img img{width:100%; height:100%; transform:scale(1); transition:all 0.5s ease;}
.public-license__item:hover .img img{transform:scale(1.05);}
.public-license__item .txt{width:100%; padding:20px 25px; box-sizing:border-box;}
.public-license__item .txt .cate{margin-bottom:6px;}
.public-license__item .txt .cate a > em{position:relative; display:inline-block; padding-right:10px; font-size:15px; font-weight:400; color:#999; line-height:1em; word-break:keep-all;}
.public-license__item .txt .cate a > em:before{content:''; position:absolute; top:3px; right:0; width:6px; height:9px; background:url(../../images_new5/common/ic-cate-arr.svg)no-repeat center; background-size:contain;}
.public-license__item .txt .title > a{display:block;}
.public-license__item .txt .title > a > h4{font-size:23px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.public-license__item .txt .price-grp{margin-top:10px; display:flex; justify-content: space-between;}
.public-license__item .txt .price-grp span{position:relative; font-size:16px; font-weight:400; color:#999; line-height:1em;}
.public-license__item .txt .price-grp span:before{content:''; position:absolute; top:8px; left:0; width:100%; height:1.5px; background:#999;}
.public-license__item .txt .price-grp .discount-price{font-size:23px; font-weight:bold; color:#0754a5; line-height:1em;}
.public-license__item .txt .price-grp .discount-price i{color:#222;}
.public-license__item > i.badge{position:absolute; top:18px; left:18px; z-index:2;}
.public-license__item .img-box{position:relative;}
.public-license__item .img-box .txt{position:absolute; left:0; bottom:80px; padding:0 25px; box-sizing:border-box;}
.public-license__item .img-box .txt > h4{display:block; font-size:30px; font-weight:bold; color:#fff; line-height:1em; word-break:keep-all;}
.public-license__item .img-box .txt > p{display:block; margin-top:8px; font-size:16px; font-weight:400; color:#fff; line-height:1em; word-break:keep-all; opacity:0.8;}
.public-license__item .box-btn{display:flex; align-items: center; justify-content: center; position:absolute; bottom:0; left:0; width:100%; height:60px; background:rgba(0,0,0,0.84); font-size:20px; font-weight:500; color:#fff; line-height:1em; word-break:keep-all;}
.public-license__item.rep-license{border:none;}
.public-license__item.rep-license .img{height:auto;}


/* 카카오문의 */
.main-kakao{position:relative; width:100%; height:140px; padding:0 50px; background:#ffc000; border-radius:10px; box-sizing:border-box;}
.main-kakao > a{position:relative; width:100%; height:100%; display:flex; align-items: center;} 
.main-kakao > a .txt{}
.main-kakao > a .txt em{display:inline-block; margin-bottom:7px; font-size:17px; font-weight:500; color:#fff; line-height:1em; word-break:keep-all;}
.main-kakao > a .txt h3{display:block; font-size:30px; font-weight:bold; color:#fff; line-height:1.1em; word-break:keep-all; letter-spacing:-0.5px;}
.main-kakao > a .txt h3 i{position:relative; top:5px; display:inline-block; width:32px; height:32px; border-radius:50px; background:rgba(255,255,255,0.25) url(../images_new5/main/ic-arr-wt.svg)no-repeat center; background-size:8px 13px;}
.main-kakao > a .img{position:absolute; bottom:0; right:80px;}
.main-kakao > a .img img{width:auto;}


/* 게시판 */
.main-sec09 .inr{display:flex; gap:50px;}
.main-board{display:block; padding:40px; width:calc(100% - 520px); width:-webkit-calc(100% - 520px); height:400px; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:20px;}
.btabs{display:flex; gap:10px; border-bottom:1px solid #e9e9e9; box-sizing:border-box;}
.btabs > li{position:relative; padding:0 10px 10px; box-sizing:border-box; text-align:center; cursor:pointer;}
.btabs > li:before{content:''; position:absolute; left:0; bottom:-1px; width:100%; height:0; background:#aaa;}
.btabs > li > span{font-size:24px; font-weight:bold; color:#111; opacity:0.3; transition:all 0.3s ease;}
.btabs > li.active > span{opacity:1;}
.btabs > li.active:before{height:2px; background:var(--color-point);}
.btabs > li:last-child:after{display:none;}
.main-board__list{margin-top:30px;}
.main-board__list > li{position:relative; margin-bottom:25px; padding-left:10px;}
.main-board__list > li:last-child{margin-bottom:0;}
.main-board__list > li:before{content:''; position:absolute; top:8px; left:0; width:3px; height:3px; background:#a7a7a7; border-radius:50px;}
.main-board__list > li > a{display:flex; justify-content: space-between; align-items: center; gap:15px;}
.main-board__list > li > a .title{display:block; font-size:17px; font-weight:500; color:#555; line-height:1.2em; word-break:keep-all;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-board__list > li > a em{display:block; font-size:16px; font-weight:400; color:#999; line-height:1em; word-break:keep-all;}
.main-board__list > li > a:hover .title{color:#0d66ca;}

/* 고객센터 */
.main-cs{display:flex; flex-direction: column; justify-content: center; padding:40px;  width:470px; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:20px;}
.main-cs > h3{font-size:24px; font-weight:bold; color:#222; line-height:1em;}
.main-cs .call{display: flex; justify-content: center; padding:25px 0; border-bottom:1px solid #e9e9e9; box-sizing:border-box;}
.main-cs .call > a{position:relative; display:block; padding-left:40px; font-size:37px; font-weight:bold; color:#00376e; line-height:1em; word-break:keep-all;}
.main-cs .call > a:before{content:''; position:absolute; top:5px; left:0; width:30px; height:30px; background:url(../../images_new5/main/ic-call.svg)no-repeat center; background-size:contain;}
.main-cs .cs-info{padding:25px 0 0;}
.main-cs .list-time{}
.main-cs .list-time > li{display:flex; align-items: flex-start; gap:10px; margin-bottom:10px;}
.main-cs .list-time > li:last-child{margin:0;}
.main-cs .list-time > li > em{width:55px; font-size:16px; font-weight:bold; color:#333; line-height:1em; word-break:keep-all;}
.main-cs .list-time > li:last-child > em{letter-spacing:6.5px;}
.main-cs .list-time > li > span{width:calc(100% - 65px); width:-webkit-calc(100% - 65px); font-size:16px; font-weight:400; color:#666; line-height:1em; word-break:keep-all; letter-spacing:-0.5px;}
.main-cs .list-time > li > span i{display:inline-block; padding-left:5px; color:#00376e; font-weight:500; letter-spacing:-0.5px;}
.cs-account{display:block; width:100%; margin-top:25px; padding:16px; box-sizing:border-box; background:#f5fafe; text-align:center; border-radius:8px; border:1px solid #eff6fb;}
.cs-account > h4{display:block; margin-bottom:10px; font-size:17px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.account-num{display: flex; align-items: center; width: 80%; justify-content: center; gap:10px; margin: 0 auto; padding:5px;background:#fff; border-radius:50px; border:1px solid #eff6fb; box-sizing:border-box;}
.account-num img{height:20px;}
.account-num em{font-size:16px; font-weight:500; color:#666;}
.cs-account > span{display:inline-block; margin-top:10px; font-size:16px; font-weight:500; color:#555; line-height:1em; word-break:keep-all;}



/* faq */
.main-sec10{}
.main-sec10 h3{display:block; margin-bottom:20px; font-size:28px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}
.box-wrap{display:flex; gap:50px;}
.main-faq{display:grid; grid-template-columns: repeat(2, 1fr); gap:20px; width:calc(100% - 350px);}
.main-faq > li{display:flex; height:100px; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:15px;}
.main-faq > li > a{display:flex; align-items: center; justify-content: space-between; gap:10px; width:100%; height:100%; padding:20px; box-sizing:border-box;}
.main-faq > li.last{padding:20px; flex-direction: column; justify-content: center;}
.main-faq > li h4{display:block; width:-webkit-calc(100% - 38px); width:calc(100% - 38px); font-size:17px; font-weight:500; color:#333; line-height:1.2em; word-break:keep-all;}
.main-faq > li .arrow{position:relative; width:28px; height:28px; border-radius:50px; background:#eee url(../../images_new5/main/faq-arr.svg) no-repeat center; background-size:11px 8px;}
.list-link{display:flex; gap:10px; margin-top:10px;}
.list-link > li{width:93px; height:26px; border:1px solid #00376e; border-radius:4px; box-sizing:border-box;}
.list-link > li > a{position:relative; display:flex; align-items: center; padding:5px; width:100%; height:100%; box-sizing:border-box; font-size:14px; font-weight:500; color:#00376e; transition:all 0.3s ease;}
.list-link > li > a:before{content:''; position:absolute; top:7px; right:7px; width:5px; height:9px; background:url(../../images_new5/main/ic-arr-blue.svg)no-repeat center; background-size:contain;}
.list-link > li > a:hover{background:#00376e; border-color:#00376e; color:#fff;}
.list-link > li > a:hover:before{background:url(../../images_new5/main/ic-arr-wt.svg)no-repeat center; background-size:contain;}

.main-quick{position:relative; display:grid; grid-template-columns: repeat(2, 1fr); width:300px; padding:20px; background:#f9f9f9; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:15px;}
/*main-quick:before{content:''; position:absolute; top:20px; left:50%; bottom:20px; width:1px; height:100%; background:#eee; }*/
.main-quick > li{text-align:center; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box;}
.main-quick > li:nth-child(2n){border-right:none;}
.main-quick > li:nth-child(n + 3){border-bottom:none;}
.main-quick > li > a{display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:100%;}
.main-quick > li > a .icon{display: flex; justify-content: center; align-items: center; width:28px; height:27px; margin-bottom:5px;}
.main-quick > li > a .icon img{height:100%;}
.main-quick > li:last-child > a .icon img{height:20px;}
.main-quick > li > a > h4{display:block; margin-top:5px; font-size:16px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;}


/*
@media all and (max-width:1300px){
	.main-sec01 .inr{gap:40px;}
	.main-visual{width:calc(100% - 390px); width:-webkit-calc(100% - 390px);}
	.main-visual__title > p{width:60%;}
	.main-visual__title > p br{display:none;}
	.main-login{width:350px;}	

	.main-bn{padding:40px;}
	.main-bn .img{right:10px;}

	.public-license__list{gap:30px;}
	.public-license__list > div{width:calc((100% / 3) - 20px); width:-webkit-calc((100% / 3) - 20px);}

	.main-kakao > a .img{right:0;}

	.main-sec09 .inr{gap:40px;}
	.box-wrap{gap:40px;}

}
@media all and (max-width:1200px){
	.main-visual{width:calc(100% - 360px); width:-webkit-calc(100% - 360px);}
	.main-login{width:320px;}	

	.main-bn .img{right:0;}
	.main-bn .txt{width:74%;}
	.main-bn .txt h3{font-size:33px;}

	.main-sec09 .inr{gap:40px;}
	.main-board{width:calc(100% - 440px); width:-webkit-calc(100% - 440px);}
	.main-cs{padding:30px; width:400px;}
}
@media all and (max-width:1100px){
	.main-bn .txt h3{font-size:30px;}
	.main-bn .txt p{font-size:17px;}

	.main-kakao{padding:0 30px;}
	.main-kakao > a .txt h3{font-size:28px;}
	.main-kakao > a .txt h3 i{width:30px; height:30px;}
}

@media all and (max-width:1024px){
	.main-sec01 .inr{display:block;}
	.main-visual{width:100%;}
	.main-login{margin-top:30px; width:100%; height:300px;}
	.main-login > h3{margin-top:20px;}
	.btn-login{margin-top:20px;}
	
	.main-bn .img{right:-30px;}
	.main-bn .txt{width:54%;}

	.public-license__list{gap:20px;}
	.public-license__list > div{width:-webkit-calc((100% / 3) - 12px); width:calc((100% / 3) - 12px);}
	.public-license__item .txt{padding:15px;}
	.public-license__item .txt .title > a > h4{font-size:20px;}

	.main-kakao > a .txt h3 i{display:none;}
	
	.main-sec09 .inr{gap:30px;}
	.main-board{width:calc(100% - 380px); width:-webkit-calc(100% - 380px); padding:40px 30px; border-radius:15px;}
	.main-board__list > li > a .title{font-size:16px;}
	.main-board__list > li > a em{font-size:15px;}
	.main-cs{padding:25px 30px; width:350px; border-radius:15px;}
	.main-cs .call{padding:20px 0;}
	.main-cs .call > a{font-size:34px;}
	.main-cs .call > a:before{width:28px; height:28px;}
	.main-cs .list-time > li > span i{margin-top:4px; padding-left:0;}
	.account-num{width:100%;}
	.box-wrap{gap:20px; flex-direction: column;}
	.main-faq{gap:15px; width:100%;}
	.main-quick{width:100%; grid-template-columns: repeat(4, 1fr);}
	.main-quick > li{border-bottom:none;}
	.main-quick > li:nth-child(2){border-right:1px solid #eee;}


}
@media all and (max-width:900px){
	.main-kakao{height:114px;}
	.main-kakao > a .txt h3{font-size:26px;}
	.main-kakao > a .img{width:160px; right:-10px;}
	.main-kakao > a .img img{width:100%;}

	.main-board{width:calc(55% - 30px);}
	.main-cs{width:45%;}

}
@media all and (max-width:860px){
	article{margin-bottom:50px;}

	.main-visual{height:480px; text-align:center;}
	.main-visual__item{display:flex; flex-direction: column; justify-content: center; align-items: center;}
	.main-visual__item a{display:flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:100%;}
	.main-visual__title{padding-left:0;}
	.main-visual__title > p{width:100%;}
	.main-visual__title > p br{display:block;}
	.main-visual__img{position:relative; top:0; transform:none;}
	.visual02 .main-visual__img{right:unset;}
	.main-visual .swiper-pagination{width:60px; height:27px; left:30px; bottom:30px;}


	.main-sec02{margin:50px 0 60px;}
	.licenseSwiper .swiper-slide .txt .cate a > em{font-size:14px;}	
	.licenseSwiper .swiper-slide .txt .title > a > h4{font-size:19px;}

	.main-bn{padding:30px;}
	.main-bn .img{width:280px; right:20px;}
	.main-bn .img img{width:100%;}
	.main-bn .txt{width:calc(100% - 250px);}
	.main-bn .txt h3{font-size:26px;}
	.main-bn .txt p{font-size:16px;}

	.public-license__item .txt .cate a > em{font-size:14px;}
	.public-license__item .txt .title > a > h4{font-size:19px;}
	.public-license__item .txt .price-grp span{font-size:14px;}
	.public-license__item .txt .price-grp .discount-price{font-size:20px;}

	.main-faq > li{border-radius:10px;}
	.main-quick{border-radius:10px; padding:20px 0;}
}

@media all and (max-width:768px){
	article{margin-bottom:40px;}	

	.main-sec01{margin-top:30px;}
	.main-visual{height:400px;}
	.main-visual__img{width:260px;}
	.main-visual__img img{width:100%;}
	.main-visual__title h2{font-size:34px;}
	.main-visual__title > p{font-size:14px;}
	.visual02 .main-visual__title h2{font-size:40px;}
	.main-visual__title > span{font-size:18px;}
	.main-visual .swiper-pagination{left:30px;}
	.main-login{margin-top:20px; padding:20px; height:220px;}
	.main-login .logo{display:none;}
	.main-login > h3{margin-top:0;}

	.license-slide h3{font-size:24px;}
	.swiper-button-prev{top:-2px; left:unset; right:32px; width:30px; height:30px; margin-top:0;}
	.swiper-button-next{top:-2px; right:0; width:30px; height:30px; margin-top:0;}
	.swiper-button-prev:before, .swiper-button-next:before{width:6px; height:12px;}
	.swiper-button-next.swiper-button-disabled, 
	.swiper-button-prev.swiper-button-disabled{opacity:0.5;}

	.main-bn{height:220px;}
	.main-bn .img{right:-9px;}
	.main-kakao > a .txt{width:50%;}
	.main-kakao > a .txt em{font-size:15px;}
	.main-kakao > a .txt h3{font-size:22px; line-height:1.2em;}
	.main-kakao > a .txt h3 i{display:none;}

	.public-license__list{flex-wrap: wrap; gap:20px;}
	.public-license__list > div{width: -webkit-calc((100% / 2) - 10px);  width: calc((100% / 2) - 10px);}
	.public-license__item.rep-license{width:100%;}
	
	.main-sec09 .inr{flex-direction: column; gap:20px;}
	.main-board{width:100%; padding:30px; height:auto;}	
	.btabs > li{padding:0 5px 10px;}
	.btabs > li > span{font-size:20px;}
	.main-board .tab_contents{min-height:150px;}
	.main-board__list{margin-top:20px;}
	.main-board__list > li{margin-bottom:15px;}
	.main-cs{width:100%; padding:30px;}
	.main-cs > h3{font-size:22px;}
	.main-cs .call{padding:10px 0 20px;}
	.main-cs .list-time > li > span i{margin-top:0; padding-left:5px;}
	.account-num{width:80%;}

	.main-sec10 h3{font-size:24px;}
	.main-quick > li > a > h4{font-size:15px;}
}
@media all and (max-width:650px){
	.main-visual{height:350px;}
	.main-visual__img{width:210px;}
	.main-visual__title > em{font-size:14px; padding:1px 6px;}
	.main-visual__title h2{margin-top:9px; font-size:25px;}
	.main-visual .swiper-pagination{left:20px; width:40px; height:22px; gap:2px;}
	.main-visual .swiper-pagination span{font-size:13px;}
	.main-visual .swiper-pagination{width:40px; height:20px; left:20px; bottom:20px; font-size:12px;}
	.main-visual .swiper-pagination span{font-size:12px;}

	.courseSwiper .swiper-slide .icon{height:90px;}
	.courseSwiper .icon img{height:45px;}
	.courseSwiper .swiper-slide.course06 .icon img{height:30px;}
	.courseSwiper .swiper-slide.course07 .icon img,
	.courseSwiper .swiper-slide.course08 .icon img,
	.courseSwiper .swiper-slide.course09 .icon img,
	.courseSwiper .swiper-slide.course11 .icon img{height:35px;}

	.main-bn{height:180px;}
	.main-bn .img{width:240px;}
	.main-bn .txt{width:calc(100% - 130px);}
	.main-bn .txt h3{font-size:21px;}
	.main-bn .txt p{font-size:15px;}

	.main-faq{ grid-template-columns: repeat(1, 1fr); gap:8px;}
	.main-faq > li{border-radius:8px; height:auto;}
	.main-faq > li > a{padding:12px;}
	

	
}
@media all and (max-width:540px){	
	.main-visual{border-radius:10px;}
	.main-visual__title > p{width:90%; margin:7px 5%;}
	.main-visual__title > p br{display:none;}
	.visual02 .main-visual__title h2{font-size:35px;}
	.main-visual__title > span{font-size:16px;}
	.main-login{margin-top:15px; height:200px; border-radius:10px;}
	.main-login > h3{font-size:22px;}
	.btn-login{margin-top:12px; height:40px; font-size:16px;}

	.main-sec02{margin:30px 0 40px;}
	.main-sec02 h3{font-size:20px;}
	.courseSwiper .swiper-slide .icon{height:80px;}
	.courseSwiper .swiper-slide a > h4{font-size:15px;}
	.license-slide h3{font-size:20px; margin-bottom:14px;}
	.swiper-button-prev{top:-2px; right:30px; width:28px; height:28px;}
	.swiper-button-next{top:-2px; width:28px; height:28px;}
	.swiper-button-prev:before, .swiper-button-next:before{width:5px; height:10px;}
	.licenseSwiper .swiper-slide .txt{margin-top:10px;}
	.licenseSwiper .swiper-slide .txt .cate{margin-bottom:4px;}
	.licenseSwiper .swiper-slide .txt .cate a > em{font-size:13px;}	
	.licenseSwiper .swiper-slide .txt .cate a > em:before{width:5px; height:8px; top:2px;}
	.licenseSwiper .swiper-slide .txt .title > a > h4{font-size:16px;}
	.licenseSwiper .swiper-slide .img{border-radius:7px;}
	.main-sec07 h3{margin-bottom:10px; font-size:20px;}
	.tabs > li > span{font-size:16px;}

	.public-license__list{gap:10px;}
	.public-license__list > div{width:calc((100% / 2) - 5px); width:-webkit-calc((100% / 2) - 5px);}

	.main-kakao{text-align:center; height:auto; padding:20px 20px 0;}
	.main-kakao > a{flex-direction: column; gap:15px;}
	.main-kakao > a .img{position:relative; right:unset; width:130px;}
	.main-kakao > a .txt{width:80%;}
	.main-kakao > a .txt h3{line-height:1.3em;}
	.main-kakao > a .txt em{font-size:15px;}

	.main-sec09 .inr{gap:15px;}
	.main-board{border-radius:10px; padding:20px;}
	.btabs{gap:5px;}
	.btabs > li > span{font-size:18px;}
	.main-board__list > li{margin-bottom:10px;}
	.main-board__list > li > a .title{font-size:15px;}
	.main-board__list > li > a em{font-size:14px;}
	.main-cs{border-radius:10px; padding:20px;}
	.main-cs .call > a{padding-left:34px; font-size:30px;}
	.main-cs .call > a:before{width:28px; height:25px;}
	.main-cs .list-time > li > em,
	.main-cs .list-time > li > span{font-size:15px;}
	.cs-account > h4{font-size:16px;}
	.account-num img{height:18px;}
	.account-num em,
	.cs-account > span{font-size:15px;}
	.main-sec10 h3{margin-bottom:15px; font-size:22px;}
	.box-wrap{gap:10px;}
	.main-quick{width:100%; grid-template-columns: repeat(2, 1fr); padding:0;}	
	.main-quick > li{border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding:15px; box-sizing:border-box;}
	.main-quick > li:nth-child(2){border-right:none;}
	.main-quick > li > a > h4{margin-top:2px; font-size:14px;}

}
@media all and (max-width:450px){
	.main-visual .swiper-pagination{width:35px; height:20px; left:12px; bottom:12px;}

	.main-bn{padding:25px 20px 0; flex-direction: column; height:auto; text-align:center;}
	.main-bn .txt{width:100%;}
	.main-bn .txt h3{font-size:20px;}
	.main-bn .img{position:relative; transform:none; top:unset; bottom:-5px;}
	.main-kakao > a .txt h3{font-size:20px;}
	.public-license__list > div{width:100%;}

	.account-num{width:100%;}
	.main-faq > li h4{font-size:16px;}
	.main-faq > li .arrow{width:24px; height:24px; background-size:10px 7px;}
}
*/