@CHARSET "UTF-8";

@media screen and (max-width: 767px){

.show-m{display:block !important;}
.hide-m{display:none !important;}
.m-block{display:block;}
.m-inline{display:inline !important;}
.btn-box{width:100%;height:auto;margin:0 auto; display:flex; justify-content:center; padding-top: 32px;}
.m-btn{text-align: center; height: 50px; line-height: 50px; width: 220px; border-radius: 26px;}
.m-btn .arrow-items{display:inline; padding-left:2%;}

/*title 내부 span카드항목*/
.titleCard{margin-left:4px; font-size:12px;}

/*common css*/
.inner{padding:0 22px;}
header nav .gnb-more{}
header nav .gnb-more li{width:32px;}
/*header nav .gnb-more .btn-fullMap a img{width:24px; height:24px;}*/

#wrap header nav .gnb-more .btn-fullMap-closed{right: 0; left:50%;}

footer{height:auto;}
footer .inner{display:block; padding:55px 5% !important;}
footer .inner .bottom-left ul{color:#B1B4BD; display:grid; font-size:14px; grid-template-columns:repeat(2, 1fr); grid-row-gap: 15px; border-bottom:1px solid #90969A; padding-bottom: 24px; margin-bottom:24px;}
footer .inner .bottom-left{font-size: 12px;}
footer .inner .bottom-left .bottom-address dl{letter-spacing:-0.3px; color:#969AA6; line-height:1.7;}
footer .inner .bottom-right ul li{width:40px; height: 40px; margin-right: 8px;}
footer .inner .bottom-right ul li a{width:100%; height: 100%; padding-top:5px;}
footer .inner .bottom-right ul li a img{padding-top:0; margin:0;}

/*slidemenu, fullMap*/
.m-logoBox{display:flex !important; justify-content:space-between; padding:2% 5%; border-bottom:1px solid #d6d9e6;}
header nav .fullMap{width: 100%;}
header nav .fullMap .inner .fullMap-items dl dd{font-size:15px;}
header nav .fullMap .inner .slideMap-top{padding: 5% 7%; border-bottom:none;}
header nav .fullMap .inner section{padding:14px; height:73px;}
header nav .fullMap .inner section h5{font-size:14px; padding-top:4px; line-height:1.4;}
header nav .fullMap .inner section a{font-size:14px; height:38px; margin-top:4px;}
header nav .gnb-more a{padding:20px 0; text-align:center;}

.quick-chatbot{width:60px; height:60px; border-radius:60px; right:18px; bottom:36px;}
.quick-chatbot a img{width:70%; bottom: calc(50% - 14px); left: calc(50% - 21px);}
.quick-chatbot a::after{width:10px; height:10px;}

/*서브페이지 - 이미지배너 사용*/
.title-top{height:321px;}
.title-top .inner h2{font-size: var(--m_main-title); margin-bottom:6px;}
.title-top .inner p{font-size: var(--m_main-subtitle); line-height:1.6;}
.title-top .inner div{margin-top:26px; font-size:14px;}
.title-top .inner div span{padding:8px 10px;}

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

/*서브페이지 - 카드형식 공통사용*/
.list-container{padding:var(--content-padding-mobile) 0;}
.wrap-list-item{display:block;}
.wrap-list-item .list-item{height:200px; border-radius:16px; margin-top:10px;}
.wrap-list-item .list-item:first-child{margin-top:0;}
.wrap-list-item .list-item .list-txt{font-size:17px;}
.wrap-list-item .list-item .list-txt span{font-size: 15px; margin-top:4px;}


/**common 종료***********main*************/
.container{padding:var(--content-padding-mobile) 0px;}
.title-box{padding-bottom:28px;}
.title-box h2{font-size: 25px; line-height:34px;}
.title-box h2.eng{font-size:28px;}
	
/*banner*/
.mainbn{height:100vh;}
.mainbn .swiper{height:100vh;}

.mainbn .swiper .swiper-slide .video-wrap video{height:100vh;}

.bn-txt h1{font-size: 42px;}
.bn-txt p{font-size:16px; line-height:25px;}
.bn-txt .bn-click{width:180px; height:60px; border-radius:35px; line-height:60px; margin-top:40px;}
.bn-txt .bn-click::after{display:none;}

/*quick-line*/
.quickline{height:100px;}
.quickline .inner section{display:none;}
.quickline .inner ul{width:100%;}
.quickline .inner ul li a{font-size:14px; letter-spacing:-0.3px; color:#4D5762;}
.quickline .inner ul li a img{margin-bottom:4px;}

/*curriculum*/
.wrap-curriculum{background-color: #FAFAFA;}
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content{height:225px; border-radius:18px; border:4px solid transparent;}
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content.emphasize{border-radius:18px;}

.wrap-curriculum .inner .curriculum-box .curri-main .curri-content .curri-content-bg{border-radius:0; border:none;}
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content:hover .curri-content-bg{}/*이미지이탈에 대한  hover값 비활성화*/
.wrap-curriculum .inner .curriculum-box .curri-main{gap:0px;}
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content section h3{font-size: 16px;}
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content section{top: 0; left:0; padding-top: 18px;}
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content img{width:30px; height:auto;}
.wrap-curriculum .inner .curriculum-box .curri-main .curri-content section h3 .smalltxt{font-size:15px; line-height:1.4;}

.wrap-curriculum .inner .curriculum-box .curri-item .slick-list{padding:0 1% !important;}
.curri-item{margin: 16px 0;}
.curri-item .curri-slide{height:110px; width:260px !important;}
.curri-item .curri-slide a{background-position:-21px -31px !important; padding: 18px;}
.curri-item .curri-slide a h3{margin-top:0; font-size:16px;}
.curri-item .curri-slide a .item-up{letter-spacing:0;}
.curri-item .curri-slide a .item-up p{font-size: 14px; line-height:1.5;}
.curri-item .curri-slide.slide-wide{ height:110px; width:260px !important;}

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

/*hot*/
.wrap-hot .inner .slider-hot{height:auto;}
.wrap-hot .inner .slider-hot .slick-track{height:200px;}
.wrap-hot .inner .slider-hot .slide-item{width: 282px !important; height:200px;}
.wrap-hot .inner .slider-hot .slide-item a{background-position: -36px 0 !important;}

/*portfolio*/
.wrap-portfolio{padding-top:0;}
.wrap-portfolio .inner .portfolio-box{display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(4,1fr); grid-gap:10px; width:100%; height:auto; margin:0 auto;}
.portfolio-item{width:100%; height:205px !important;}
.wrap-portfolio .inner .portfolio-box .portfolio-item a h4{bottom:18px; left:18px;}
.wrap-portfolio .inner .portfolio-box .folio4{grid-column: 2 / 3; grid-row:2 / 3;}
.wrap-portfolio .inner .portfolio-box .folio5{grid-column: 1 / 2;}
.wrap-portfolio .inner .portfolio-box .folio8{grid-column: 2 / 3;}

/*plus*/
.wrap-plus{padding:60px 0;}
.wrap-plus .inner{display:block;}

.wrap-plus .inner .plus-box{margin-top:28px;}
.wrap-plus .inner .plus-box ul{display: grid; grid-template-columns:repeat(2, 1fr); grid-gap:10px;}
.wrap-plus .inner .plus-box ul li{width:100%; margin-left:0;}

.wrap-plus .inner .plus-box ul li a h4{font-size:15px;}
.wrap-plus .inner .plus-box ul li a img{margin-top:0;}
.wrap-plus .inner .plus-box ul li:last-child a img{margin-top:0;}
.wrap-plus .inner .plus-box ul li a h4 span:not(.block-tb){font-size: 14px; margin-bottom:2px; letter-spacing:0;}


/*interview*/
.wrap-interview .inner .interview-box{display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(4,1fr); width:100%; height:auto; margin:0 auto;}
.wrap-interview .inner .interview-box .interview-item{width:100%; height:200px;}
.wrap-interview .inner .interview-box .interview-item a{position:relative; overflow:hidden; background-position: 0 -4px !important;}
.wrap-interview .inner .interview-box .interview-item .gradient-bg{position:absolute; bottom:0; width:100%; height:50%; background:linear-gradient(to bottom, transparent, #000);}
.wrap-interview .inner .interview-box .interview-item a h4{font-size:17px; bottom:18px; left:18px;}
.wrap-interview .inner .interview-box .interview3{grid-column: 1 / 2;}
.wrap-interview .inner .interview-box .interview9{grid-column: 1 / 2;}

/*employment*/
.wrap-employ .employ-box .employ-top ul{display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(4, 1fr); gap:10px; margin-right:0;}
.wrap-employ .employ-box .employ-top ul li{width:100%; height:74px; margin-right:0;}
.wrap-employ .employ-box .employ-top ul li:last-child{margin-right:0;}
.wrap-employ .employ-box .employ-top ul li img{width:163px; height:auto;}
.wrap-employ .employ-box .employ-top ul .only-move{text-align:center; padding-top:5px;}

.wrap-employ .employ-box .employ-bottom{display:block;}
.wrap-employ .employ-box .employ-bottom li{border-bottom: 2px dotted #E8EBF0;}
.wrap-employ .employ-box .employ-bottom .only-underline{border-bottom: 2px dotted #E8EBF0 !important;}

/*seminar*/
.wrap-seminar .inner .slider-seminar{height:auto;}
.wrap-seminar .inner .slider-seminar .slide-item{ width: 239px !important; height:339px;}
.wrap-seminar .inner .slider-seminar .slide-item a{background-size: cover !important; height:100%;}

/*news*/
.wrap-news .inner .slider-news{height:auto !important;}
.wrap-news .inner .slider-news .slide-item{width:282px !important; height:200px; margin-right:15px !important;}
/*consult*/
.wrap-consult{text-align:center;}
.wrap-consult .inner h2{font-size: 25px; font-weight:500; line-height:34px;}
.wrap-consult .inner div{display:flex; justify-content:center;}


}