@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; 250416 하단 문의하기 또 추가되면서 강제로 길이 부여*/height:650px;}
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%; }
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:86px; background-color:#222;}
.quick-chatbot a{font-size:9px;}
.quick-chatbot a object{position:absolute; width:50px; bottom: calc(50% - 6px); left: calc(50% - 22px);}
.quick-chatbot a span{position:absolute; bottom:calc(50% - 44px); left:calc(50% - 15px);}
.quick-chatbot a::after{content:none;}

/***quick-*****/
/*모바일 간편상담*/
.quick-fast{display:block; background-color:#1e5eff; color:#fff; z-index:100; position:fixed; width:60px; height:60px; border-radius:60px; right:18px; bottom:150px;}
.quick-fast img{width:35px; position:relative; bottom:calc(50% - 46px); left:calc(50% - 18px);}
.quick-fast a{position:relative; font-weight:500; font-size:9px; display:block; width:100%; height:100%;}
.quick-fast a::after{content:''; width:10px; height:10px; background-color:#ec1f27; border:2px solid #fff; border-radius:14px; position:absolute; top:1px; right:0; trasition:all 350ms;}
.quick-fast a span{position:absolute; bottom:calc(50% - 19px); left:calc(50% - 15px);}
.wrap-fast-popup.active {display: block;}
.wrap-fast-popup .popup .popup-inner{height:100% !important; overflow-y:scroll;}

/*서브페이지 - 이미지배너 사용*/
.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{grid-template-columns:repeat(1, 1fr); gap:10px;}
.wrap-list-item .list-item{height:200px; border-radius:16px;}
.wrap-list-item .list-item .list-txt{font-size:17px; max-width:300px; padding-right:20px;}
.wrap-list-item .list-item .list-txt span{font-size: 15px; margin-top:4px;}


/**common 종료***********main*************/
.container{padding:var(--content-padding-mobile) 0px;}
.maintitle-box{padding-bottom:28px;}
.maintitle-box h2{font-size: 25px; line-height:34px;}
.maintitle-box h2.eng{font-size:28px;}
	
/*banner*/
#bannerVideo{display: none;}
#bannerImage{display: block;}
.mainbn .swiper .swiper-slide .video-txt{display:flex; flex-direction:column;}
.mainbn .swiper .swiper-slide .video-txt h5{color:#fff; font-size:26px; line-height:1.5;}
.mainbn .swiper .swiper-slide .img-wrap{width:257px !important; height:80px !important;}
.mainbn .swiper .swiper-slide .img-wrap img{height:80px !important; width:100%;}

/*테스트를 위한 글자삽입*/
.bn-txt-left{}
.bn-txt-left h1{font-size:60px !important;}
.bn-txt-left .bn-click{margin-top:26px !important;}
/*테스트를 위한 글자삽입*/

.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;}

/*lineBanner*/
.lineBanner{padding-bottom: var(--content-padding-mobile);}

/*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; margin-right: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; grid-auto-rows: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: -64px -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; margin-right: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 .employ-left li:last-child{border-bottom:2px dotted #E8EBF0;}

.wrap-employ .employ-box .employ-bottom ul li a h4{font-size:15px; width:100%;}
.wrap-employ .employ-box .employ-bottom ul li a p{font-size:15px; width:100%; display:block; text-overflow:ellipsis; white-space:nowrap; max-width:165px; overflow:hidden;}
.wrap-employ .employ-box .employ-bottom ul li a p::after{margin-left:10px;}
.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;}

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

/*서브페이지 타이틀박스*/
.title-box{padding-bottom:28px !important;}
.title-box h2{font-size: 25px; line-height:34px;}
.eng{font-size:28px !important;}
.title-box p{font-family:"PretendardM"; font-size:16px;}

/*상단 select 탭버튼*/
.tab-detail{gap:10px; margin-top:28px;}
.tab-detail li{font-size:15px; height:66px; line-height:66px;}



}

/* 768px 이상일 때 .wrap-fast-popup 강제로 숨기기*/
@media (min-width: 768px) {
  .wrap-fast-popup {display: none !important;} 
}

@media screen and (max-width: 768px) {
    .fixed-bottom-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #001f6a;
        color: white;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 15px 20px;
        z-index: 100;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    }

    .fixed-bottom-bar a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        text-decoration: none;
    }

    .fixed-bottom-text-section {
        display: flex;
        flex-direction: column;
        color: white;
        flex-grow: 1;
        margin-right: 15px;
        padding: 5px 0;
        width: auto;
    }

    .fixed-bottom-text-section .main-text {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fixed-bottom-text-section .sub-text {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .inquiry-button {
        background-color: #e74c60;
        color: white;
        border: none;
        border-radius: 10px;
        padding: 12px 25px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        text-align: center;
        display: inline-block;
        width: 100%;
        max-width: 230px;
    }
}