@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Alex+Brush|Noto+Sans+KR:100,300,400,500,700,900|Roboto:100,300,400,500,700,900&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

.pcCont{display:block;}
.mCont{display:none;}
.landing-nav{width:100%; position:fixed; height:100px; display:flex; z-index:100; background:#fff; align-items: center; box-shadow:2px 0px 15px rgba(0,0,0,0.13)}
.landing-inner{width:1000px; margin:0 auto; position:relative;}
.landing-nav .landing-inner{width:1600px; padding:0 50px; display:flex;align-items: center;}
.landing-nav ul{display:flex;}
.landing-nav ul li a{display:inline-block; line-height:100px; padding:0 20px; font-size:15px; font-weight:700; color:#282828; position:relative;  transition:all, linear 0.3s;}
.landing-nav ul li a span{line-height:100px;}
.landing-nav ul li a:hover, .landing-nav ul li.active a{color:#0b69e0}
.landing-nav ul li a:hover:after, .landing-nav ul li.active a:after{display:block; position:absolute; bottom:0px; left:0px; width:100%; height:4px; background:#0b69e0; content:"";}
.landing-logo{position:relative; display:block; }
.landing-logo h1{display:block; width:172px; height:30px; background: url('/renewal2021/img/landing/coding-logo.png') left top no-repeat; background-size:172px auto; margin-right:20px;}
.landing-logo h1 span{font-size:0px;}
.landing-call{position:absolute; top:50%; margin-top:-25px; right:50px;} 
.landing-call a{display:inline-block; padding:0 20px 0 50px; line-height:50px;font-family: 'Outfit', sans-serif; font-weight:700; font-size:17px;  border-radius:12px; color:#fff;background: #0d69e0 url('/renewal2021/img/landing/coding-icon-call.png') 20px center no-repeat; background-size:20px auto;letter-spacing:0.0em;}
.landing-footer .landing-logo{margin-bottom:30px;}
.landing-footer{padding:50px 0px; width:100%; background:#f2f3f5; display:block;}
.landing-footer .landing-address{font-size:15px; line-height:25px; color:#888}
.landing-footer .landing-copyright{font-size:12px; color:#999; display:block; margin-top:30px;}
.landing-banner{padding-top:100px; position:relative;}
.landing-banner-list{position:relative; width:100%;display:block;}
.landing-banner-list .lbCont{display:block; width:100%; height:630px;}
.landing-banner .lbArrow span{display:block; position:absolute; width:40px; height:80px; top:50%; margin-top:-40px; cursor:pointer}
.landing-banner .lbArrow span.prev{background: url('/renewal2021/img/landing/coding-banner-prev.png') left top no-repeat; left:50px;}
.landing-banner .lbArrow span.next{background: url('/renewal2021/img/landing/coding-banner-next.png') left top no-repeat; right:50px;}
.landing-banner .slick-dots {display:block; position:absolute; bottom:40px; left:0px; text-align:center; width:100%;}
.landing-banner .slick-dots:after {content:""; display:table; clear:both;}
.landing-banner .slick-dots li {display:inline-block; width:12px; height:12px; cursor:pointer; background:#ccc; margin:0 5px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
.landing-banner .slick-dots li.slick-active {background:#fff; width:40px;}
.landing-banner .slick-dots li button {display:none;}
.section{position:relative; width:100%; padding:100px 0px; background-size:cover !important;}
#landing-intro{background: url('/renewal2021/img/landing/coding-img-intro-bg.jpg') center top no-repeat;}
#landing-coding{background: url('/renewal2021/img/landing/coding-img-coding-bg.jpg') center top no-repeat;}
#landing-choice{padding-bottom:0px;}
#landing-curriculum{padding-bottom:0px; background:#222034}
.interior-slide{margin-top:100px;}
#landing-inqury .input-field, #landing-inqury .tuitionTel {display:block; width:100%; padding-top:0px;}
#landing-inqury .input-field input[type='text'] { width: 100%;}
.curriculumTab {display: flex; top: 0; left: 0; z-index: 9; padding-top:100px;}
.curriculumTab .slick-list {overflow: visible;}
.curriculumTab .grayBtn {display: flex; flex: 1; justify-content: center; align-items: center; height: 55px; margin-right: 14px; font-size: 24px;}
.curriculumTab .grayBtn.on {background: #004eff; font-weight: 700; color: #fff;}
.curriculumCont{position:relative; padding:60px 0px 100px; width:100%; text-align:center; color:#fff;}
.curriculumCont .curriculum-tit{padding-bottom:30px;}
.curriculumCont .curriculum-tit h3{display:block; width:100%; padding-bottom:20px; font-size:27px;}
.curriculum-txt{font-size:21px; line-height:1.6; font-weight:300;}
.curriculum-txt span{display:inline; padding:0 4px; background:#004eff}
.curriculumCont table tr th, .curriculumCont table tr td{padding:10px; font-size:17px; border:1px solid #fff; line-height:1.4}
.curriculumCont table tr th{background:#fff; color:#222034}
.curriculumCont table tr td:last-child{text-align:left;}
.formTerm{margin-top:30px;}
/* 2310 해커톤 */
.ld-hkt {position: relative; padding-top: 80px; font-family: 'Pretendard'; letter-spacing: -0.07em;}
.hkt-nav-wrap {position: fixed; top: 80px; left: 0; right: 0; z-index: 1; padding-top: 0px; background: #fff; border-bottom: 1px solid #f2f2f2; font-size: 16px; transition: all 0.5s;;}
.hkt-nav {height: 60px; }
.hkt-nav .container {display: flex; align-items: center; height: 100%; }
.hkt-nav .container h2 {width: 100%; max-width: 363px; font-size: 16px;}
.hkt-nav-list {display: flex; height: 100%;}
.hkt-nav-list > li {margin-right: 32px;}
.hkt-nav-list > li a {display: flex; height: 100%; align-items: center;}
.hkt-content {width: 100%; min-width: 750px;}
.hkt-btn-top {display: none; position: fixed; right: 40px; bottom: 60px; z-index: 1; width: 60px; height: 60px; background: url('/renewal2021/img/landing/hkt_btn_top.png') no-repeat center; border-radius: 100%; box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);-moz-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);}
.hkt-h2 {font-weight: 900; font-size: 52px; color: #23407a;}
.sec-hkt h3 {font-weight: 600; font-size: 36px; color: #222; line-height: 1.2;}
.hkt01 {background: #222222 url('/renewal2021/img/landing/hkt01_bg.jpg') no-repeat center top;}
.hkt02, .hkt06 {background: #222;}
.hkt03 {background: #f2f2f2;}
.hkt04, .hkt05 {background: #23407a;}
.hkt-btn-wrap {text-align: center;}
.btn-hkt {display: inline-flex; justify-content: center; align-items: center; width: 600px; height: 92px; background: #fff; border-radius: 50px; font-size: 42px; font-weight: 800; color: #23407a;}
.btn-hkt:before {content:''; display: inline-block; width: 36px; height: 32px; margin-right: 27px; background: url('/renewal2021/img/landing/hkt_btn_icon.png') no-repeat center;}
.hkt02 .hkt-btn-wrap {padding: 100px 0 120px;}
.hkt0301 {padding: 110px 0 117px;}
.hkt0301 h3 {margin-bottom: 25px;}
.hkt-profile-list {display: flex; flex-wrap: wrap; padding-top: 70px; margin: 0 -10px;}
.hkt-profile-list > li {width: 50%; padding: 0 10px;}
.hkt-profile-list > li:nth-child(n+3) {margin-top: 20px;}
.hkt-profile-list > li img {width: 100%; border: 1px solid #aaaaaa; border-radius: 20px;}
.hkt04 .hkt-btn-wrap {padding-top: 60px;}
.hkt-email {margin-bottom: 40px; font-weight: 600; font-size: 48px; color: #fff; text-align: center;}
.ld-hkt .vocWrap h6 {display: flex;}
.ld-hkt .vocWrap h6 span {flex: 1; padding-left: 20px; margin-right: 0;}
.ld-hkt .vocWrap ul select {border:2px solid #DEE2E6; border-radius: 12px; color: #6c757d;}
.ld-hkt .vocWrap .select-field {padding-top: 0px;}
.ld-hkt .vocWrap .select-field select {width: 100%;}
/* 240213 해커톤 수상 */
.text-center {text-align: center;}
#hkta01 {padding-bottom: 120px;}
.hkta-video-list > li {padding-top: 100px;}
.hkta02 {padding-bottom: 150px; background: #f2f2f2;}
.hkta-video-list .hkta-award-p {padding-top: 113px;}
.hkta-award-p {padding-bottom: 37px; font-size: 26px;}
.hkta-award-p i {margin: 0 30px; font-style: normal; font-size: 24px; font-weight: 300; color: #888888;}
.hkta-award-p strong {font-weight: 800;}
.hkta03 {padding-bottom: 150px;}
.hkta-award-pt > li {padding-top: 138px;}
.hkta-h2 {padding-bottom: 15px; font-weight: 900; font-size: 42px; color: #23407a;}
.hkta-slide .slide-box {width: 960px; overflow: hidden; margin: 0 10px; border: 1px solid #cccccc; border-radius: 25px;}
.hkta-slide .slide-box img {width: 100%;}
.hkta-slide-cont {display: flex; align-items: center; max-width: 1020px; padding-top: 35px;}
.hkta-slide-cont .slick-progress {margin-left: 12%; flex: auto;}
.hkta-slide-cont .hkta-pagi {flex: none;}
.hkta-slide-cont .hkta-pagi b {color: #0055ff;}
.hkta-slide-cont .slick-arrow i:after {content: '';display: inline-block; width: 10px;height: 10px;border-bottom: 2px solid #0055ff;border-right: 2px solid #0055ff;}
.slick-progress {display: inline-block;width: 190px;height: 2px;overflow: hidden;background: #DEE2E6;}
.slick-label {display: block;height: 100%;background: #0070f0;-webkit-transition: width 0.3s;transition: width 0.3s;}
.hkta04 {padding-top: 105px; background: #f2f2f2;}
.hkta04 .hkt-h2 {padding-bottom: 25px;}
.hkta05 {padding: 110px 0 120px;}
.hkta06 {background: #f2f2f2;}
/* 231031 국비웹랜딩 */
.img-landing {display: block; width: 100%; min-width: 750px;}
.sec-gb {position: relative;}
.gb22-btn-wrap {position: absolute; left: 0; right: 0; top: -4.5%; text-align: center;}
.gb22-btn-wrap a {display: inline-block; width: 500px; padding: 15px 0; background: #fff; border-radius: 40px; font-weight: 900; font-size: 34px; color: #1a67de; box-shadow: -1px 3px 30px 0px rgba(16, 22, 25, 0.16);-webkit-box-shadow: -1px 3px 30px 0px rgba(16, 22, 25, 0.16);-moz-box-shadow: -1px 3px 30px 0px rgba(16, 22, 25, 0.16);}
.gb22-btn-wrap a:after {content:''; display: inline-block; margin-left: 18px; width: 36px; height: 36px; background: url('/renewal2021/m/img/event/gb22_icon_go.png') no-repeat center; background-size: contain; vertical-align: -5px;}
.gb2202, .gb22-movie-wrap {background: #f1f3f8;}
.gb22-movie-wrap {padding-bottom: 120px;}
.gb-tit01 {padding: 120px 0 62px;}
.gb22 .courseonline {display: none;}
.gb22-list {padding: 50px 0;}
.gb22 .slick-dots {height:2px;}
.gb22 .slick-dots li {display: inline-block; width: 8px; height:8px; margin: 0 4px; border: 2px solid #fff; border-radius: 100%;}
.gb22 .slick-dots li.slick-active {background-color:#00cae2; border-color: #00cae2;}
.gb22 .slick-dots button {position: absolute; font-size: 0;}
.dx-contents img {width:100%; vertical-align:top;}
.dx-contents .pc-show {display:block!important;}
.dx-contents .m-show {display:none!important;}
.edu_agrmnt .section-03 {max-width: 1280px;padding: 100px 0 0px 0;margin: 0 auto;background: #fff;text-align: center;background: #ffffff;}
.edu_agrmnt .section-03 h3 {font-size: 40px;font-weight: 800;color: #000;}
.edu_agrmnt .section-03 .spc-list {display: flex;flex-wrap:wrap;flex-direction:column;width:80%;justify-content: center;margin: 0 auto;margin-top: 60px;}
.edu_agrmnt .section-03 .box {background: #ffffff; border-radius: 30px;border: 3px solid #666;margin-bottom: 20px;display: flex;flex-wrap:wrap;flex-direction:row;width:100%;justify-content:flex-start;font-size: 24px;padding: 30px 10px 10px 60px;}
.edu_agrmnt .section-03 .img-area {height: 150px;width: 150px;overflow: hidden;border-radius: 20px;}
.edu_agrmnt .section-03 .box .txt div {display: flex;flex-wrap:wrap;flex-direction:row;justify-content: flex-start;width:100%;}
.edu_agrmnt .section-03 .box i {margin-right:10px;padding-top:4px;color: #666;}
.edu_agrmnt .section-03 .box h4 {font-size: 24px;font-weight:500;text-align: left;}
.edu_agrmnt .section-03 .box h5 {font-size: 28px;}
.edu_agrmnt .section-03 .box:nth-child(1) .img-area {background: url('/2023/img/landing/agrmnt_icon01.png') no-repeat center center / contain;}
.edu_agrmnt .section-03 .box:nth-child(2) .img-area {background: url('/2023/img/landing/agrmnt_icon02.png') no-repeat center center / contain;margin-bottom:10px;}
.edu_agrmnt .section-03 .box:nth-child(1) .txt {margin-left:60px;padding:50px;}
.edu_agrmnt .section-03 .box:nth-child(2) .txt {margin-left:40px;padding:80px;}
.edu_agrmnt .section-05 {max-width:1280px;margin: 0 auto;padding:160px 0 120px 0;position:relative;}
.edu_agrmnt .section-05 h3 {font-size:40px;text-align:center;display: block;width: 180px;background:#ffffff;position:absolute;left:50%;transform:translateX(-50%);}
.edu_agrmnt .cnct {display: flex;flex-wrap:wrap;flex-direction:column;width:60%;justify-content: center;margin: 0 auto;margin-top: 28px;background: #ffffff;border-radius: 30px;border: 2px solid #666;padding: 30px;}
.edu_agrmnt .cnct div {margin-bottom:10px;margin-left:60px;}
.edu_agrmnt .cnct a, .edu_agrmnt .cnct p {font-size:20px;}
.edu_agrmnt .cnct i {font-size:26px;margin-right:15px;}
.edu_agrmnt .cnct div:nth-child(2) i {color: #FF4C4C;}
.edu_agrmnt .cnct div:nth-child(3) i {color: #8EACCD;}
@media screen and (max-width: 1200px) {
	.pcCont{display:none;}
	.mCont{display:block;}
	#wrap {position: relative;  width: 100%; margin: 0 auto; overflow: hidden;}
	.landing-nav{width:100%; position:fixed; height:128px; display:flex; z-index:100; background:#fff; align-items: center; box-shadow:2px 0px 15px rgba(0,0,0,0.13)}
	.landing-inner{width:100%; margin:0 auto; position:relative; padding:0 15px;}
	.landing-inner img{width:100%;}
	.landing-nav .landing-inner{width:100%; padding:0 0px; display:block;align-items: center;}
	.landing-nav ul{display:block; width:100%; float:left; height:64px; border-top:1px solid #ebebeb;}
	.landing-nav ul:after{display:block; clear:both; content:"";} 
	.landing-nav ul li {float:left; width:25%;align-items: center;display:flex; }
	.landing-nav ul li:last-child{display:none}
	.landing-nav ul li a{display:block;line-height:64px; padding:0 0px; font-size:15px; font-weight:700; color:#282828; position:relative;  transition:all, linear 0.3s; width:100%; text-align:center; vertical-align:middle;}
	.landing-nav ul li a span{line-height:64px;}
	.landing-nav ul li a:hover, .landing-nav ul li.active a{color:#0b69e0}
	.landing-nav ul li a:hover:after, .landing-nav ul li.active a:after{display:block; position:absolute; bottom:0px; left:0px; width:100%; height:4px; background:#0b69e0; content:"";}
	.landing-logo{position:relative; display:block; }
	.landing-logo h1{display:block; width:190px; height:64px; background: url('/renewal2021/img/landing/coding-logo.png') 15px center no-repeat; background-size:172px auto; margin-right:20px;}
	.landing-logo h1 span{font-size:0px;}
	.landing-call{position:absolute; top:10px;; margin-top:-0px; right:15px;} 
	.landing-call a{display:inline-block; padding:20px 20px 20px 20px; line-height:50px;font-family: 'Outfit', sans-serif; font-weight:700; font-size:17px;  border-radius:12px; color:#fff;background: #0d69e0 url('/renewal2021/img/landing/coding-icon-call.png') center center no-repeat; background-size:20px auto;letter-spacing:0.0em;}
	.landing-call a span{display:none;}
	.landing-banner{padding-top:128px; position:relative;}
	.landing-banner .slick-dots {display:block; position:absolute; bottom:20px; left:0px; text-align:center; width:100%;}
	.landing-banner .slick-dots:after {content:""; display:table; clear:both;}
	.landing-banner .slick-dots li {display:inline-block; width:6px; height:6px; cursor:pointer; background:#ccc; margin:0 5px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
	.landing-banner .slick-dots li.slick-active {background:#fff; width:40px;}
	.landing-banner .slick-dots li button {display:none;}
	.interior-slide{margin-top:40px; overflow:hidden;}
	.interior-slide .slide-box{width: 330px; margin-right: 15px;}
	.facility-slide-cont {display: flex; align-items:center; position: relative; width: 100%; margin: 20px auto 0; padding-left: 15px;}
	.facility-slide-cont .slick-progress {width: calc(73% - 25px)}
	.curriculumTab {display: flex; top: 0; left: 0; z-index: 9; padding-top:50px;}
	.curriculumTab .slick-list {overflow: visible;}
	.curriculumTab .grayBtn {display: flex; flex: 1; justify-content: center; align-items: center; height: 48px; margin-right: 14px; font-size: 17px;}
	.curriculumTab .grayBtn.on {background: #004eff; font-weight: 700; color: #fff;}
	.curriculumCont{position:relative; padding:30px 0px 50px; width:100%; text-align:center; color:#fff;}
	.curriculumCont .curriculum-tit{padding-bottom:30px;}
	.curriculumCont .curriculum-tit h3{display:block; width:100%; padding-bottom:20px; font-size:17px;}
	.curriculum-txt{font-size:15px; line-height:1.6; font-weight:300;}
	.curriculum-txt br{display:none;}
	.curriculum-txt span{display:inline; padding:0 4px; background:#004eff}
	.curriculumCont table tr th, .curriculumCont table tr td{padding:8px 5px; font-size:12px; border:1px solid #fff; line-height:1.4}
	.curriculumCont table tr th{background:#fff; color:#222034}
	.curriculumCont table tr td:last-child{text-align:left;}
	.writeForm {display: flex; flex-wrap: wrap; padding: 50px 0 0px 0; margin: 0 -5px;}
	.writeForm > li {width: 100%; padding: 0 5px; margin-bottom:20px;}
	.submitNote{display:none;}
	.submitWrap {display: block; justify-content: space-between; align-items: center; padding: 0px 0px; border-radius:8px; background: #2c2c2c; color: #fff;}
	.btnSubmit, .btnSubmit02 {width: 100%; height: 64px; background: #004eff; font-weight: 700; font-size: 17px; color: #fff; border-radius: 5px;}
	.formTerm h6, .formTerm .privacyTxt{display:none;}
	.input-field input {margin: 5px 0;padding: 10px;border: 1px solid #dddddd; border-radius: 12px;background: none; height: 43px;font-size: 15px;}
	select {height: auto;padding-left: 25px;color: #999999;background: #fff url(/renewal2021/m/img/common/select_arrow.png) no-repeat right center;background-size: auto 100%;margin: 5px 0; padding: 10px;border: 1px solid #dddddd;border-radius: 12px;height: 44px;font-size: 15px;}
	.btn_bottom {display: block; -webkit-transition: all 0.8s; transition: all 0.8s;padding: 64px 0 16px;background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.32) 7%, rgba(255,255,255,0.48) 9%, rgba(255,255,255,0.64) 13%, rgba(255,255,255,0.76) 17%, rgba(255,255,255,0.88) 21%, rgba(255,255,255,0.94) 24%, rgba(255,255,255, 0.96) 27%, rgba(255,255,255,0.98) 32%, #ffffff 36%, #ffffff 74%);}
	.btn_bottom.fix { position:fixed; right:0; bottom:0; left:0; z-index:10; transform:translateZ(0); /* ios Çϴܹö±× test */ /* padding-right:12px; padding-left:12px; */padding:50px 16px calc(constant(safe-area-inset-bottom) + 16px );padding:50px 16px calc(env(safe-area-inset-bottom) + 16px );}
	.quick-btn{display:block; flex:1; text-align:center; padding:17px 4px; height:48px; line-height:14px; border-radius:8px; width:100%; background:#1264ed; color:#fff}
	.quick-btn span{font-weight:700; display:inline-block; position:relative; vertical-align:top; }
	.edu_agrmnt .section-03 .box:nth-child(1) .txt, .edu_agrmnt .section-03 .box:nth-child(2) .txt {margin:0 auto;padding: 20px;}
	.edu_agrmnt .section-03 .box:nth-child(1) .img-area, .edu_agrmnt .section-03 .box:nth-child(2) .img-area {background-size:contain;width:80px;height:80px;}
	.edu_agrmnt .section-03 .box {padding-left: 15px;justify-content: center;flex-direction: column;margin: 0 auto;margin-bottom:15px;width:100%;}
	.edu_agrmnt .section-03 .img-area {margin: 0 auto;}
	.edu_agrmnt .section-03 h3 {font-size: 2.4rem;}
	.edu_agrmnt .section-03 .box h5 {font-size: 2rem;}
	.edu_agrmnt .section-03 .box h4 {font-size: 1.6rem;}
	.edu_agrmnt .section-03 .box {padding: 5px;}
	.edu_agrmnt .section-03 {padding:80px 0 0px 0;}
	.edu_agrmnt .section-05 h3 {font-size: 2.4rem;}
	.edu_agrmnt .cnct a, .edu_agrmnt .cnct p  {font-size: 1.6rem;}
	.edu_agrmnt .cnct i {font-size: 20px;margin-right: 10px;}
	.edu_agrmnt .cnct {width:100%;padding: 30px 10px 20px 20px;}
	.edu_agrmnt .cnct div {margin-left:0px;}
	.edu_agrmnt .section-03 .box h4 {text-align:center;}
}
.pageHead {padding: 50px 0; text-align: center;}
.pageTit {display: inline-block; position: relative; padding-top: 5px; font-size: 52px; font-weight: 900; margin-bottom: 15px; margin-top: 10px;}
@media (max-width: 1080px){
	/* 240213 해커톤 수상 */
	#hkta01 {padding-bottom: 0;}
	.hkta02 {padding-bottom: 60px;}
	.hkta-video-list {padding-top: 100px;}
	.hkta-video-list > li {padding-top: 0;}
	.hkta-video-list > li + li {padding-top: 50px;}
	.hkta-award-p {padding-bottom: 11px; font-size: 12px;}
	.hkta-video-list .hkta-award-p {padding-top: 7px;}
	.hkta-award-p i {margin: 0 14px; font-size: 12px;}
	.hkta-award-pt > li {padding-top: 55px;}
	.hkta-h2 {padding-bottom: 7px; font-size: 20px;}
	.hkta03 {padding-bottom: 60px;}
	.hkta-slide .slide-box {margin: 0 4px; width: 330px;}
	.hkta-slide-cont .hkta-pagi {width: 70px; font-size: 12px;}
	.hkta-slide-cont .slick-arrow i:after {width: 8px; height: 8px;}
	.hkta04 {padding: 58px 0 60px;}
	.hkt-h2 {font-size: 27px;}
	.hkta04 .hkt-h2 {padding-bottom: 13px; font-size: min(7.2vw, 27px);}
	.hkta05 {padding: 60px 0;}
	.sec-hkt h3 {font-size: 18px;}
}
@media all and (max-width: 900px) {
	.edu_agrmnt .cnct {width:100%;padding: 30px 10px 20px 20px;margin-top:17px;}
}
@media (max-width: 768px){
	.hkta05 {padding: 0;}
	/* 국비2 */
	.gb22-slide01-wrap {padding-bottom: 45px; background: #f1f3f8;}
	.gb22-btn-wrap {position: absolute; left: 0; right: 0; top: -4.5%; text-align: center;}
	.gb22-btn-wrap a {display: inline-block; width: 67%; max-width: 500px; padding: 7px 0; background: #fff; border-radius: 6vw; font-weight: 900; font-size: min(4.6vw, 34px); color: #1a67de; box-shadow: -1px 3px 30px 0px rgba(16, 22, 25, 0.16);-webkit-box-shadow: -1px 3px 30px 0px rgba(16, 22, 25, 0.16);-moz-box-shadow: -1px 3px 30px 0px rgba(16, 22, 25, 0.16);}
	.gb22-btn-wrap a:after {content:''; display: inline-block; margin-left: 9px; width: 7.2%; height: 0; padding-bottom: 7.2%; background: url('/renewal2021/m/img/event/gb22_icon_go.png') no-repeat center; background-size: contain; vertical-align: -2px;}
	.gb22-slide01 .slick-dots {height: auto;}
	.gb22-slide01 .slick-dots li {border: 1px solid #bbc0ce;}
	.gb22-movie-wrap {padding-bottom: 0; background: #f1f3f8;}
	.gb22-movie-wrap .video-wrap{margin: 0 12px 45px;}
	.edu_agrmnt .section-05 h3 {font-size: 2.4rem;width:105px;}
	.edu_agrmnt .section-05 {padding: 20px 20px 60px;}
	.edu_agrmnt .section-03 .spc-list {margin-top: 40px;}
}