@charset "UTF-8";

/********** header **********/
#wrapper { min-width:360px; width:100%; margin:0 auto; overflow:hidden; position:relative; }
.topContainer {box-sizing: border-box; position: fixed; z-index:999; width:100%;}
.topContainer * {box-sizing: inherit;}
.topContainer .header {display: flex; justify-content: space-between; align-items: center; position: relative; top:0; width: 100vw; height: 150px; padding: 0 5vw; background: #fff; border-bottom: 3px solid #eaeaea; text-align:center;}
.topContainer .header a, .topContainer .header button {display: inline-block;}
.topContainer .header .header_home img {width: 250px;}
.topContainer .header .header_topright {display: flex; align-items: center; gap: 0 42px;}
.topContainer .header .header_talk img {width: 76px;}

.global_nav {box-sizing: border-box; position: relative; top:152px;top: 0; width: 100%; height:110px; border-bottom: 2px solid #eaeaea; box-shadow: -7px 8px 11px -1px rgba(0,0,0,0.05); background: #fff;}
.global_nav_wrap {overflow-y: hidden; display: -webkit-box; display: -moz-box; display: flex; overflow-x: auto; height: 100%; padding: 0 3vw; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.global_nav_wrap::-webkit-scrollbar, .global_nav_wrap .global_nav_ul::-webkit-scrollbar {display: none; width: 0; height: 0;}
.global_nav_wrap::-webkit-scrollbar {width: 0; height: 0; background: transparent; -webkit-appearance: none;}
.global_nav_ul {display: -webkit-box; display: -moz-box; display: flex; height: 100%; font-size:26pt; line-height: 112px;}
.global_nav_ul .gnb_tabs {padding: 0 2vw; color:#111; font-family: 'CoreGothic5'; -webkit-tap-highlight-color: transparent;}
.global_nav_ul .gnb_tabs.highlight_li {color: var(--color-red);}
/* #global_nav { background: #fff; width: 100%; position: relative; top:152px;top: 0; height:110px; border-bottom:2px solid #eaeaea;  box-shadow: -7px 8px 11px -1px rgba(0,0,0,0.05); }
#global_nav .swiper-navigation .swiper-slide {content: ""; width: auto !important; height:100px; padding: 0 10px; background-color: #fff; color:#111; font-family: 'CoreGothic5'; font-size:26pt; line-height: 112px; text-align: center; white-space: nowrap;}
#global_nav .swiper-wrapper .swiper-slide:nth-child(1) {width:9% !important; margin-left: 40px;}
#global_nav .swiper-wrapper .swiper-slide:nth-child(2) {width:23% !important;}
#global_nav .swiper-wrapper .swiper-slide:nth-child(3) {width:16% !important;}
#global_nav .swiper-wrapper .swiper-slide:nth-child(4) {width:16% !important;}
#global_nav .swiper-wrapper .swiper-slide:nth-child(5) {width:16% !important;}
#global_nav .swiper-wrapper .swiper-slide:nth-child(6) {width:19.5% !important;}
#global_nav .swiper-wrapper .swiper-slide:nth-child(7) {width:23% !important;}
#global_nav .swiper-wrapper .swiper-slide:nth-child(8) {width:16% !important;}
#global_nav .swiper-wrapper .swiper-slide:nth-child(9) {width:16% !important;}
#global_nav .swiper-wrapper .swiper-slide:nth-child(10) {width:16% !important;}
#global_nav .swiper-wrapper .swiper-slide:nth-child(11) {width:16% !important;}
#global_nav .swiper-wrapper .swiper-slide:last-child {width:19.5% !important;}
#global_nav .swiper-wrapper .swiper-slide:active{ color:#ea2127; }
.highlight_li{color:#ea2127 !important; } */


/********** 사이트맵 **********/
.sitemap_wrap {overflow-y: scroll; position: fixed; top: 0; left: 0; z-index: 1002; width: 100vw;-webkit-backdrop-filter: blur(50px) brightness(0.75); backdrop-filter: blur(50px) brightness(0.75); transform: translateX(100vw); transition: transform .25s ease-in-out; box-sizing: border-box; font-family: 'SpoqaHanSansNeo', sans-serif; letter-spacing: 0;}
.sitemap_wrap.open {transform: translateX(0);}
/* .sitemap_wrap::after {content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; -webkit-backdrop-filter: blur(50px) brightness(0.75); backdrop-filter: blur(50px) brightness(0.75);} */
.sitemap_wrap *, .sitemap_wrap *::before, .sitemap_wrap *::after {box-sizing: inherit; font-family: 'SpoqaHanSansNeo', sans-serif; letter-spacing: 0;}
.sitemap_wrap .section_content_wrap {padding: 0;}
.sitemap {width: 100vw;}
.sitemap_header {display: -webkit-box; display: -moz-box; display: flex; -webkit-box-pack: justify; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-align-items: center; align-items: center; position: relative; top:0; width: 100vw; height: 150px; padding: 0 5vw; border-bottom: 3px solid transparent;}
.sitemap_header img {width: 250px;}
.sitemap_header .sitemap_close {width: 73px; height: 73px; border-radius: 50%; background: url(/mobile2017/resource/images/common/btn_x.svg) no-repeat center; background-color: var(--color-black);}
.sitemap_list {padding: 90px 5vw;}
.sitemap_list li {width: fit-content; color: #fff; font-weight: 700; font-size: 68px; line-height: 1.8; -webkit-tap-highlight-color: transparent;}


/********** 메인배너 **********/
.mainBanner { height:795px; position:relative; margin-top: 260px; z-index: 10;}
.mainBanner a {  }
.mainBanner img { width:100%; }
.mainBanner .rollingCover {z-index:900;}
.mainBanner .rolling { z-index:899; }
.mainBanner .rolling div { width:100%; height:795px; }
.mainBanner .rollingCover div { width:100%; height:795px; } 

.mainBanner .rollingCover .rollingtext{width:100%; } 
.mainBanner .rollingCover .rollingtext01{margin-top: 154px;}
.mainBanner .rollingCover .rollingbtn{height:51px; margin:0 auto;}

.mainBanner .rollingpage{width: 100%; position: absolute; bottom:30px; z-index: 900;}
.mainBanner .rollingpage ul{text-align: center;}
.mainBanner .rollingpage ul li{display: inline-block; width: 27px; height: 7px; background: #fff; margin-right: 11px;}
.mainBanner .rollingpage ul li:last-child{margin-right:0;}
.mainBanner .rollingpage ul .on{background:#ea2026;}

.mainBanner .rollingCover .rollingtext1 { background:url("/mobile2017/resource/images/main/m_banner01.jpg") no-repeat center; }
.mainBanner .rollingCover .rollingtext2 { background:url("/mobile2017/resource/images/main/m_banner02.jpg") no-repeat center; }
.mainBanner .rollingCover .rollingtext3 { background:url("/mobile2017/resource/images/main/m_banner03.jpg") no-repeat center; }
.mainBanner .rollingCover .rollingtext4 { background:url("/mobile2017/resource/images/main/m_banner04.jpg") no-repeat center; }
.mainBanner .rollingCover .rollingtext5 { background:url("/mobile2017/resource/images/main/m_banner06.jpg") no-repeat center; }
.mainBanner .rollingCover .rollingtext6 { background:url("/mobile2017/resource/images/main/m_banner07.jpg") no-repeat center; }
.mainBanner .rollingCover .rollingtext7 { background:url("/mobile2017/resource/images/main/m_banner08.jpg") no-repeat center; }
.mainBanner .rollingCover .rollingtext8 {  }


#wrapper .swiper-pagination-bullet{ width:18px; height:18px; opacity: 1; }
#wrapper .swiper-pagination-bullet-active{ background:#000; }
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:80px !important; }

.gnb_tab{ width:100%; background:#fff;  margin-top:122px; }
.gnb_tab .swiper-wrapper{ height:98px; }
.gnb_tab .swiper-slide{ margin: 0 auto; overflow: hidden; text-align: center; height: 98px; background:#fff; }
.gnb_tab ul.gnbTab{ width:1070px; padding:0 4.2%; margin:0; overflow: hidden; }
.gnb_tab ul>li:first-child{  }
.gnb_tab ul>li{ float: left; height: 98px; margin-right: 52px; display: flex;  }
.gnb_tab ul>li>a{ line-height: 98px; color: #000; font-size: 26pt; font-family: CoreGothic5; letter-spacing: -2px; }

/*롤링알림바*/
.rolling_bar {width:100%; height:90px; background:#fff; border-bottom:2px solid #eeeeee; }
.rolling_bar .news {position:relative; width:90%; margin:0 auto;}
.rolling_bar .news .news_rolling {width:100%; height:90px; margin:0 auto; padding-top:21.5px; box-sizing:border-box;}
.rolling_bar .news .news_rolling img.notice_icon{ margin-right:9px; margin-top:25px; width:4.5%; }
.rolling_bar .news .news_rolling span{ vertical-align:super; font-size:28pt; color: #000; font-family: 'Exo20-Regular'; font-weight: bold; margin-right:13px; }
.rolling_bar .event_new p { white-space: nowrap; color:#111; line-height: 1.4; font-size:22.5pt; font-family: 'CoreGothic4'; letter-spacing: -0.05em; }


/*메인 교육과정&인터뷰&포폴 공통폰트사이즈*/
/* .title { font-size:21pt; color:#666; margin-top:20px; font-family: 'CoreGothic4'; } */
p.title {margin-top:20px; font-size:21pt; color:#666; font-family: 'CoreGothic4'; }
.curr_title{ font-size:23pt; color:#222; font-family: 'CoreGothic5'; line-height: 1.3; font-weight: 500; margin-top:8px; }
.all_btn{ background:url("/mobile2017/resource/images/main/all_btn.png") no-repeat; width:50px; height:50px; position: absolute; right:0; top:112px; background-size:45px; }
p.title2{ font-size: 23pt; color: #222; font-family: 'CoreGothic5'; line-height: 1.3; font-weight: 500; margin-top: 20px; }
.curr_title2{ font-size: 21pt; color: #666; margin-top: 8px; font-family: 'CoreGothic4'; }

/*커리큘럼*/
.mainCurr {width:90%; margin:0 auto;}
.mainCurr .mainCurr_title {position:relative; box-sizing:border-box; width:100%; padding:100px 0px 40px 0; margin:0 auto;}
.mainCurr .mainCurr_title p {font-size:19pt; letter-spacing:-1px; color:#222;}
.mainCurr .mainCurr_title span.title { font-size: 38pt; letter-spacing: -1px; color: #222; font-family: 'CoreGothic7'; vertical-align: middle; }
.mainCurr .mainCurr_title span.sub_title{ font-size:22pt; color:#666; vertical-align: sub; margin-left:15px; font-family: 'CoreGothic4'; border-top:0; }
.mainCurr p.title {display: inline-block; padding: 5px 12px 2px 10px; border-radius: 5px; background: #da1616; color: #fff; font-size:24pt; font-family: 'CoreGothic7';}

/*인터뷰*/
.mainInter {width:100%; margin:0 auto; background:#f5f5f5;}
.mainInter .mainInter_title {width:90%; padding:100px 0px 40px 0; position:relative; background:#f5f5f5; margin:0 auto; box-sizing:border-box;}
.mainInter .mainInter_title p{ font-size:19pt; letter-spacing:-1px; color:#222; }
.mainInter .mainInter_title span.title{ font-size:46pt; letter-spacing:-1px; color:#222; font-family:'RobotoCondensed-Bold'; vertical-align: middle; }
.mainInter .mainInter_title span.sub_title{ font-size:22pt; color:#666; vertical-align: sub; margin-left:15px; font-family: 'CoreGothic4'; border-top:0; }

/*포트폴리오*/
.mainPf {width:90%; margin:0 auto;}
.mainPf .mainPf_title {position:relative; width:100%; padding:100px 0px 40px 0; margin:0 auto;}
.mainPf .mainPf_title p{ font-size:19pt; letter-spacing:-1px; color:#222; }
.mainPf .mainPf_title span.title{ font-size:46pt; letter-spacing:-1px; color:#222; font-family:'RobotoCondensed-Bold'; vertical-align: middle; }
.mainPf .mainPf_title span.sub_title{ font-size:22pt; color:#666; vertical-align: sub; margin-left:15px; font-family: 'CoreGothic4'; border-top:0; }

/*취업현황*/
.mainEmploy{width:90%; margin: 0 auto; padding-bottom:100px;}
.mainEmploy .employ_title span.title { font-size: 38pt; letter-spacing: -1px; color: #222; font-family: 'CoreGothic7'; vertical-align: middle; }
.mainEmploy .employ_title span.sub_title{ font-size:22pt; color:#666; vertical-align: sub; margin-left:15px; font-family: 'CoreGothic4'; border-top:0; }
.mainEmploy .employ_logo{margin-top:55px; display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(5, 1fr); gap:20px;}
.mainEmploy .employ_logo li{border:1px solid #e8ebf0; display:flex; justify-content:center;}
.mainEmploy .employ_congrats{margin-top:55px;}
.mainEmploy .employ_congrats div{font-size:30px; border-bottom:1px solid #e8ebf0; padding:50px 0; display:flex; justify-content:space-between;}
.mainEmploy .employ_congrats div:last-child{border-bottom:0;}
.mainEmploy .employ_congrats div .congrats-title{color:#222; font-size:26pt; font-family:'CoreGothic5';}
.mainEmploy .employ_congrats div p{color:#999; font-size:26pt; font-family:'CoreGothic4';}