#pub_event{width:100%; padding-top: 210px;}
#contarea{width:1100px; margin:0 auto; position:relative;}
#contarea *{font-family: 'Pretendard', sans-serif !important;}
.quickconsult{height: unset; padding-bottom: 150px; margin-top: 0; margin-bottom: unset;}


/* color */
:root{
	--blue1: #2c7bff;
	--blue2: #1c9ef6;
	--blue3: #0bc5eb;
}
.txc1{color: #2c7bff !important;}
.txc2{color: #1c9ef6 !important;}
.txc3{color: #0bc5eb !important;}
.bgc1{background-color: #2c7bff !important;}
.bgc2{background-color: #1c9ef6 !important;}
.bgc3{background-color: #0bc5eb !important;}


/* bg */
.cont1{position: relative; overflow: hidden; height: 750px;}
.cont1::before{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	content: '';
	background: url('img/bg_01.jpg') no-repeat top center;
	animation: ani-bg 18s ease infinite alternate;
}
.cont3{background-color: #222;}
.cont4{background-color: #f1f1f1; padding-bottom: 135px;}
.cont5{background: url('img/bg_05.jpg') no-repeat top center;}
.cont6{background-color: #f2f7ff; padding-bottom: 135px; overflow: hidden;}
.cont8{background: #fbfbfb url('img/bg_08.jpg') no-repeat top center;}
.cont9{position: relative; overflow: hidden; padding: 120px 0;}
.cont9::before{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	content: '';
	background: url('img/bg_09.jpg') no-repeat top center;
	animation: ani-bg 18s ease infinite alternate;
}



/* btn */
.btn-type01{
	display: inline-block; line-height: 80px; padding: 0 60px; color: #fff; font-size: 18px; font-weight: 600;
	background-color: var(--blue1); border-radius: 40px; border: 1px solid var(--blue1); transition: color 0.4s, background-color 0.4s;
}
.btn-type01:hover{color:var(--blue1); background-color: #fff;}
.btn-type02{
	display: inline-block; line-height: 50px; padding: 0 36px; color: #fff; font-size: 18px; font-weight: 600;
	background-color: var(--blue1); border-radius: 25px; border: 1px solid var(--blue1); transition: color 0.4s, background-color 0.4s;
}
.btn-type02:hover{color:var(--blue1); background-color: #fff;}



/* cont */
.cont1 .tit-inner{
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: flex-start;
	height: 100%;
	gap: 45px;
}
.cont1 .tit-inner .act-in{animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.cont1 .tit-inner .act1{animation-delay: .2s;}
.cont1 .tit-inner .act2{animation-delay: .4s;}
.cont1 .tit-inner .act3{animation-delay: .6s;}
.cont1 .tit-inner .act4{animation-delay: .8s;}
.cont1 .tit-inner::before{
	display: block;
	position: absolute;
	top: 0;
	left: -1px;
	width: calc(100% + 2px);
	height: 100%;
	z-index: -1;
	content: '';
	opacity: 0;

	background: linear-gradient(90deg,rgba(255, 255, 255, .1) 1px, transparent 0);
	background-size: 220px 100%;
	background-repeat: repeat-x;
	animation: unfold 1.5s .5s forwards;
}
.link-wrap{display: flex; justify-content: space-between; width: 100%; position: absolute; left: 0; bottom: 185px;}
.link-wrap li{width: 350px; text-align: center;}
.thmb-wrap{display: flex; justify-content: space-between; width: 100%; }
.thmb-wrap li{position: relative; overflow: hidden; width: 355px; border-radius: 30px;}
.thmb-wrap li::before{
	display: block; position: absolute; bottom: 22px; right: 18px; width: 43px; height: 43px; transition: transform .4s; z-index: 1; pointer-events: none;
	background: url('img/sub/ico_more.jpg') center no-repeat; box-shadow: 0 6px 20px rgba(0,0,0,.4); border-radius: 50%; content: '';
}
.thmb-wrap li a{display: block; width: 100%; height: 100%;}
.thmb-wrap li img{display: block; width: 100%; object-fit: cover; transition: transform 0.4s;}
.thmb-wrap li:hover::before{transform: rotate(180deg);}
.thmb-wrap li:hover img{transform: scale(1.05);}
.review-slide{margin-bottom: 70px;}
.review-slide .swiper-slide{overflow: hidden; width: 350px; border-radius: 30px;}
.course-wrap{display: flex; justify-content: space-between; position: absolute; top: 508px; width: 100%;}
.course-wrap li{width: 256px; padding-left: 112px; box-sizing: border-box;}
.course-wrap .c-btn{
	display: flex; justify-content: space-between; align-items: center; width: 120px; height: 36px; margin-bottom: 10px; padding: 0 10px 0 20px;
	color: #222; font-size: 17px; font-weight: 600; background-color: #f1f1f1; border-radius: 18px; transition: color 0.3s, background-color 0.4s;
}
.course-wrap .c-btn .ico{
	width: 12px;
	height: 12px;
	stroke: #222;
	stroke-width: 1px;
	fill: none;
	transition: stroke 0.3s;
}
.course-wrap .c-btn:hover{color: #fff;}
.course-wrap .c-btn:hover .ico{stroke: #fff;}
.course-wrap .c-btn.c-1:hover{background-color: var(--blue1);}
.course-wrap .c-btn.c-2:hover{background-color: var(--blue2);}
.course-wrap .c-btn.c-3:hover{background-color: var(--blue3);}
.cont9 .txtbox{text-align: left; margin-bottom: 80px;}
.cont9 .txtbox h3{color: #fff; font-size: 52px; font-weight: 800; letter-spacing: -0.025em; line-height: 100%; margin-bottom: 35px;}
.cont9 .txtbox p{color: #fff; font-size: 18px; letter-spacing: -0.025em; line-height: 1.5em;}
.cont9 .txtbox .hl{color: #5e9aff !important;}
.cont9 .btm-wrap{display: flex; justify-content: center;}



/* modal */
.modal-wrap{
	display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34,34,34,.7); z-index: 99;
}
.modal-wrap *{font-family: 'Pretendard', sans-serif !important;}
.modal-wrap .modal-container{display: flex; align-items: center; justify-content: center; height: 100%; padding-top: 80px;}
.modal-wrap .modal-box{display: none; position: relative; width: 600px; padding: 45px 50px; background-color: #fff; border-radius: 30px; box-sizing: border-box;}
.modal-wrap .modal-box .btn-clse{position: absolute; top: 30px; right: 30px;}
.modal-wrap .modal-box .btn-clse .ico{width: 25px; height: 25px; stroke:#909090; stroke-width:1px;}
.modal-wrap .modal-box .top-area{display: flex; align-items: center; margin-bottom: 25px;}
.modal-wrap .modal-box .top-area h3{font-size: 32px; font-weight: 700;}
.modal-wrap .modal-box .top-area .tag{
	display: block; min-width: 72px; margin-left: 15px; padding: 7px 20px; color: var(--blue1); font-size: 18px; font-weight: 500; text-align: center;
	background-color: #dbe9ff; border-radius: 18px; border: 1px solid #94bcff; box-sizing: border-box;
}
.modal-wrap .group{display: flex; padding: 15px 0;}
.modal-wrap .group:not(:first-child){border-top: 1px solid #ebebeb;}
.modal-wrap .group h4{font-size: 18px; font-weight: 700; letter-spacing: -0.025em;}
.modal-wrap .group .lft{width: 72px; flex-shrink: 0;}
.modal-wrap .group .rgt{flex-grow: 1;}
.modal-wrap .group .rgt p{color: #464646; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; line-height: 1.5em; word-break: keep-all;}
.modal-wrap .btm{text-align: center; margin-top: 15px;}
.modal-wrap #video-cont{width: unset;}
.modal-wrap .video-cover{padding-top: 30px;}
.modal-wrap .video-cover iframe{display: block; width: 560px; height: 315px;}



/* animation */
@keyframes ani-bg {
	0%  {transform: scale(1);}
	100%{transform: scale(1.2);}
}
@keyframes slide-in-left {
	0% {
		transform: translateX(-1000px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes unfold {
	0%  {clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); opacity: 0;}
	100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); opacity: 1;}
}

.m-right{transform: translate(-80px, 0); transition: transform 1s, opacity 1s; opacity: 0;}
.m-up{transform: translate(0, 80px); transition: transform 1s, opacity 1s; opacity: 0;}
.motion.m-act, .motion-wrap.m-act .m-in{transform: translate(0,0) scale(1) rotate(0deg); opacity: 1;}
.motion-wrap .m-in:nth-of-type(2){transition-delay: 0.2s;}
.motion-wrap .m-in:nth-of-type(3){transition-delay: 0.4s;}
.motion-wrap .m-in:nth-of-type(4){transition-delay: 0.6s;}
.motion-wrap .m-in:nth-of-type(5){transition-delay: 0.8s;}
.motion-wrap .m-in:nth-of-type(6){transition-delay: 1.0s;}