@CHARSET "UTF-8";

@media screen and (max-width: 1024px){
.show-pc{display:none !important;}
.show-tb, .block-tb{display:block;}
.show-m{display:none;}

/*******common**********/
.inner{padding:0 3%;}

/*header*/
header{height:60px;}
header nav{padding-bottom:0;}
header nav .gnb-dept01{display:none;}

/*지점별 위치찾기*/
.nav_location-m{width:100%; height:30px; color:#fff; display:flex; align-items:center; gap:28px; position:fixed; top:59px; font-size:14px;
    transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    background-color:rgba(2, 16, 80, .28); z-index:100;}
.nav_location-m .inner{display:flex; align-items:center; gap:20px;}
.nav_location-m .location_title{position:relative;}
.nav_location-m .location_title::after{content:''; display:inline-block; width:1px; height:10px; background-color:#999; position:absolute; top:4px; right:-16px;}
.nav_location-m .location_list{display:flex; gap:10px;}
.nav_location-m .location_list li{position:relative;}
.nav_location-m .location_list li::before{content:'·'; color:#999; position:absolute; top:6px; left:-6px;}
.nav_location-m .location_list .gangnam::before{display:none;}
.nav_location-m .location_list li a{display:block; padding:7px;}

/*fullMap*/
header nav .fullMap{width: 50%; height: 100%; position: fixed; right:0; top: 0; z-index: 102; background-color: #fff; overflow-y: auto;}
header nav .fullMap.fullMap-show{top:0;}
.fullMap-bg{top: 0;}
header nav .fullMap .inner{padding: 6% 0;}
header nav .fullMap .inner .slideMap-top{width:100%; padding: 0 7% 6% 7%; background-color:#fff; border-bottom:1px solid #D6D9E6;}
header nav .fullMap .inner section{height:77px; background-color: #F9F9F9; border-radius: 15px; display:flex; justify-content: space-between; padding: 17px;}
header nav .fullMap .inner section h5{font-size:16px; color: #222; font-weight:500; padding-top: 4px;}
header nav .fullMap .inner section h5 span{color: #1E5EFF;}
header nav .fullMap .inner section a{display:block; height:42px; background-color:#3182F6; color:#fff; padding: 11px 16px 0 16px; border-radius:12px; margin-top:3px;}

header nav .fullMap .inner .fullMap-items{display:block; width:100%; height:auto !important; padding: 0;}
header nav .fullMap .inner .fullMap-items:last-child{border-top:none; padding:0;}
header nav .fullMap .inner .fullMap-items dl{width:100%; padding-left:0; line-height:1;}
header nav .fullMap .inner .fullMap-items dl dt{height:62px; line-height:62px; margin-bottom: 0; background-color:#fff; font-weight:500;}
header nav .fullMap .inner .fullMap-items dl dd{height:50px; line-height:50px; background-color:#F7F9FD;}
header nav .fullMap .inner .fullMap-items dl a {padding-left:7%;}
header nav .fullMap .inner .fullMap-items dl dd:hover{background-color: #EDF2FB;}


/*quick-right*/
.quick-chatbot{width:80px; height:80px; margin:0 auto; border-radius:80px;}
.quick-chatbot a{width:100%; height:100%; position : relative; font-size:12px; font-weight:500;}
.quick-chatbot a img{margin-right:0; position:absolute; bottom: calc(50% - 8px); left: calc(50% - 22px); width:45px;}
.quick-chatbot a span{position:absolute; bottom:calc(50% - 48px); left:calc(50% - 20px);}


/*footer*/
footer{height:485px;}
footer .inner{padding:64px 3% !important;}

footer .inner .bottom-right{padding-top:30px;}
footer .inner .bottom-right ul{justify-content:flex-start; align-items:flex-start;}

/*서브페이지 - 이미지배너 사용*/
.title-top{height:420px;}
.title-top .inner h2{font-size: var(--tb_main-title); margin-bottom:16px; font-weight:500;}
.title-top .inner p{font-size: var(--tb_main-subtitle);}
.title-top .inner div{margin-top:26px;}

/*서브페이지 - 카드형식 공통사용*/
.list-container{padding:var(--content-padding-tablet) 0;}
.list-contents{padding:var(--content-padding-tablet) 0;}
.wrap-list-item{gap:12px;}
.wrap-list-item .list-item{height:212px;}
.wrap-list-item .list-item .list-txt{font-size:18px; left:20px; font-weight:500; max-width:200px;}
.wrap-list-item .list-item .list-txt span{font-size: 16px;}



/******************common closed***************************/
/*******************main*************************************/
/*banner*/
.mainbn .swiper{height:auto;}
.mainbn .swiper .swiper-slide canvas{aspect-ratio: 1 / 2;}
.mainbn .swiper .swiper-slide .banner-link{height:auto;} 
.mainbn .swiper .swiper-slide .banner-link img:not(.video-logo){width:100%; height:auto;}
.mainbn .swiper .swiper-slide .banner-link img{aspect-ratio:1/2;}
.mainbn .swiper .swiper-slide .video-wrap video{aspect-ratio:1/2;}

/*배너 화살표*/
.mainbn .swiper .swiper-arrow{display:none;}

.bn-txt h1{font-size: 56px; font-weight:700 !important;}
.bn-txt p{font-size:22px;}

/*테스트를 위한 글자삽입*/
.bn-txt-left{display:flex; justify-content:left; padding:0 5%;}
.bn-txt-left h1{margin-bottom:0 !important; font-size:76px !important; text-align:left; font-family:"GmarketSansBold"; font-weight:initial; line-height:1.1;}
.bn-txt-left h1 span{color:#50f4fe;}
.bn-txt-left .bn-click{margin:initial; margin-top:36px;}
/*테스트를 위한 글자삽입*/

/*quick-line*/
.quickline{height:130px;}
.quickline .inner section h2{font-size:40px; letter-spacing:-0.03em;}
.quickline .inner section p{font-size: 17px;}

/*main*/
.container{padding:var(--content-padding-tablet) 0px;}
.maintitle-box{padding-bottom:36px; align-items:flex-end;}
.maintitle-box h2{font-size: 36px; line-height:44px; font-weight:500;}
.eng{font-size:36px !important;}
.maintitle-box h2 span:not(.title-m){display:block;}

/*curriculum*/
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content{height:260px;}
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content .curri-content-bg section h3{font-size: 26px;}
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content .curri-content-bg section{padding-top: 32px;}
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content:hover{}
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content:hover .curri-content-bg{pointer-events: none;}/*이미지이탈에 대한  hover값 비활성화*/
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content section h3 .smalltxt{font-size:18px; line-height:1.5;}

.curri-item .curri-slide a .curri-keword{font-weight: 500;}
.curri-item .curri-slide a h3 {font-weight:500;}
.curri-item .curri-slide a h3 span{display:block;}

/*curriculum*/
.wrap-curriculum .inner .curriculum-box .curri-main{gap:12px;}
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content .curri-content-bg section h3{font-weight:500;}

.curri-item .curri-slide{width:100%; height:130px; margin-right:12px; background-color: #0034ff; color:#fff !important;}
.curri-item .curri-slide a{ padding: 7%; background-position:0px -16px !important;}
.curri-item .curri-slide a .curri-keword span{background-color: #fff; color: #1E5EFF;padding: 2px 4px 1px 4px;}


.curri-item .curri-slide a h3 span{display: inline !important;}
.curri-item .curri-slide a .item-up{position:static; bottom:0; padding-top:1%;}

.curri-item .curri-slide.slide-wide{width: 100%; height:130px;}

/*교육과정 제외 슬릭슬라이드 위치조정*/
.slick-list::before{/*좌 보이지 않도록 새로 생성*/
	right:49%;
}
.slider-news .slick-list::before{/*좌 보이지 않도록 새로 생성*/
	right:35%;
}

/*hot*/
.slide-item a h3{font-size: 20px; margin-top:9px; line-height:1.4;}

/*lineBanner*/
.lineBanner{padding-bottom:0;}

/*portfolio*/ 
.wrap-portfolio .inner .portfolio-box{grid-gap:12px;}
.wrap-portfolio .inner .portfolio-box .portfolio-item{filter:grayscale(0);}
.wrap-portfolio .inner .portfolio-box .portfolio-item a h4{bottom:16px; left:14px; margin-right:14px;}
/*plus*/
.wrap-plus{padding: 60px 0;}
.wrap-plus .inner .plus-title h3{font-size:25px; font-weight:500 !important;}

.wrap-plus .inner .plus-box{flex-basis: 77%;}
.wrap-plus .inner .plus-box ul li{height:150px;}
.wrap-plus .inner .plus-box ul li a{padding:15px;}
.wrap-plus .inner .plus-box ul li a img{width:100%; margin-top:0 !important; height:40px !important;}
.wrap-plus .inner .plus-box ul li:first-child a img{}
.wrap-plus .inner .plus-box ul li:nth-child(2) a img{}
.wrap-plus .inner .plus-box ul li:nth-child(3) a img{}
.wrap-plus .inner .plus-box ul li:last-child a img{}
.wrap-plus .inner .plus-box ul li a h4{margin-top:14px !important; font-weight:500;}
.wrap-plus .inner .plus-box ul li a h4 span{font-size: 14px !important;}
.wrap-plus .inner .plus-box ul li a h4 span:not(.block-tb){margin-bottom:4px !important;}

/*interview*/
.wrap-interview .inner .interview-box{grid-auto-rows: 344px; grid-gap:12px;}
.wrap-interview .inner .interview-box .interview-item a h4{bottom:16px; left:14px; line-height:1.4; margin-right:14px;}

/*employ*/
.wrap-employ .employ-box .employ-top{margin-bottom:32px;}
.wrap-employ .employ-box .employ-top ul{grid-template-columns:repeat(6, 1fr);}
.wrap-employ .employ-box .employ-top ul li img{width:124px; height:auto;}
/*news*/
.wrap-news .inner .slider-news .slide-item{width:318px !important; height:200px; margin-right:12px !important;}
.wrap-news .inner .slider-news .slide-item a h3{margin-top:0;}
.wrap-news .slick-track{ width:4000px !important;}
.wrap-news .inner .slider-news .slide-item a{background-position:-86px 0 !important;}

/*consultClick*/
.wrap-consult .inner h2{font-size: 30px; font-weight:500;}

/***교육과정 내부 제외 메인 전체 slick-slider 공통사항***/
.slide-item{margin-right:12px;}

/*서브페이지 - 이미지배너 사용*/
.title-top>.inner{padding-top:64px;}

/*페이징번호*/
.board_num{height:40px; gap:6px;}
.board_num a{width:40px; height:40px; line-height:40px;}

/*서브페이지 타이틀박스*/
.title-box{padding-bottom:48px !important;}
.title-box h2{font-size: 36px; line-height:44px; font-weight:500;}
.title-box h2 span:not(.title-m){display:block;}
.title-box p{margin-top:6px;}

/*상단 select 탭버튼*/
.tab-detail{margin-top:36px;}
.tab-detail li{height:54px; line-height:54px; font-size:17px;}
.tab-grid3{grid-template-columns:repeat(2, 1fr);}

}