@charset "UTF-8";

#topvisual{min-width:1100px; overflow:hidden; position: relative;}
#topvisual .swiper-container-topvisual .swiper-slide{height:550px; text-align:center;}
#topvisual .swiper-container-topvisual .swiper-slide a{display: flex; align-items: center; justify-content: flex-start; width: 1100px; height: 100%; margin: 0 auto;}
#topvisual .swiper-container-topvisual .swiper-pagination{position:absolute; bottom:60px; left: calc(50% - 550px); width: auto;}
#topvisual .swiper-container-topvisual .swiper-pagination-bullet{width:8px; height:8px; opacity:1; background:#fff;}
#topvisual .swiper-container-topvisual .swiper-pagination-bullet-active{width: 32px; background:var(--yellow-1); border-radius: 12px;}

.guidewrap{padding: 32px 0;}
.guidewrap .inner{display: flex; justify-content: space-between;}
.guidewrap h1{margin-right: 24px; padding:8px 16px; color: #fff; font-size:16px; font-weight:700; background-color: var(--yellow-1); letter-spacing: -0.02em; line-height: 100%; border-radius: 32px;}
.guidewrap .monthclass{display: flex; align-items: center; font-size:18px;}
.guidewrap .monthclass p{font-size: 22px; font-weight:700;}
.guidewrap .monthclass p strong{color:var(--yellow-1); margin-right:12px; font-size: 16px; font-weight:700;}
.guidewrap .monthclass .bar{display: block; width: 1px; height: 16px; background-color: #EAEAEA; margin: 0 16px;}
.guidewrap .classSearch .SearchArea{position:relative; width:470px; margin-top: 16px;}
.guidewrap .classSearch .SearchArea input[type="text"]{width: 100%; height: 50px; padding-left: 20px; border: 2px solid var(--yellow-1); border-radius: 8px; box-sizing: border-box;}
.guidewrap .classSearch .SearchArea input[type="image"]{position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.guidewrap .link-box{display: flex; gap: 18px;}
.guidewrap .link-box li{width: 188px; height: 100px; border: 1px solid #D6D6D6; border-radius: 12px; box-sizing: border-box; transition: border-color 0.4s;}
.guidewrap .link-box li:hover{border-color: var(--yellow-1);}
.guidewrap .link-box li a{display: flex; align-items: center; justify-content: flex-start; height: 100%; padding-left: 20px;}
.guidewrap .link-box li a p{margin-left: 19px; font-weight: 700; font-size: 16px;}


/* 공통 */
.main-tit-area{display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.main-tit-area h1{font-size: 32px; font-weight: bold; color: #333; text-align: left;}
.main-tit-area h1 > em{font-size: 32px; font-weight: bold; color: #fff; text-align: left;}
.main-tit-area .btn_more{font-size: 16px; font-weight: bold; color: #999; text-align: left; display: inline-flex; align-items: center; padding-right: 5px;}
.main-tit-area .btn_more::after{content: ''; display: block; width: 14px; height: 14px; margin-left: 5px; background: url('../images/common/icon_arrow.svg') no-repeat center / cover; opacity: 0.6; transition: transform 0.3s;}
.main-tit-area .btn_more:hover::after{transform: translateX(5px);}
.main-bg{background-color: #f2f2f2;}
.navi.navi-round{display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: rgba(51,51,51,.8); border-radius: 50%; transition: background-color 0.3s;}
.navi.navi-round:hover{background: rgba(51,51,51,1);}
.navi.navi-round.swiper-button-prev img{transform: rotate(180deg);}


/* 국비지원과정 */
.curriculum .lec-bnr-wrap .bnr-box{display: flex; justify-content: space-between; align-items: flex-end; height: 226px; padding: 40px; color: #fff; background: url('../images/main/bg_lec_bnr_01.png'); border-radius: 20px; box-sizing: border-box;}
.curriculum .lec-bnr-wrap .bnr-box:not(:first-child){margin-top: 20px;}
.curriculum .lec-bnr-wrap .bnr-box:last-child{margin-bottom: 100px;}
.curriculum .lec-bnr-wrap .bnr-box .tags{display: flex; gap: 7px;}
.curriculum .lec-bnr-wrap .bnr-box .tags span{display: block; margin-bottom: 20px; padding: 7px 15px; font-size: 14px; font-weight: 600; border: 1px solid #6AE9AE; border-radius: 32px; }
.curriculum .lec-bnr-wrap .bnr-box .tags span.type1{color: #6AE9AE;}
.curriculum .lec-bnr-wrap .bnr-box .tags span.type2{color: #333; background-color: #6AE9AE;}
.curriculum .lec-bnr-wrap .bnr-box .tit{font-size: 28px; font-weight: 700; margin-bottom: 16px;}
.curriculum .lec-bnr-wrap .bnr-box .desc{font-size: 16px; line-height: 1.4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.curriculum .lec-bnr-wrap .bnr-box .btns{flex-shrink: 0;}
.curriculum .lec-bnr-wrap .bnr-box .btns .btn{
	display: flex; align-items: center; height: 40px; padding: 0 22px;
	color: #333; font-size: 14px; font-weight: 600; background-color: #fff; border-radius: 32px;
}
.curriculum .lec-bnr-wrap .bnr-box .btns .btn .ico{width: 14px; height: 14px; margin-left: 10px; transition: transform 0.3s;}
.curriculum .lec-bnr-wrap .bnr-box .btns .btn:hover .ico{transform: translateX(5px);}
.curriculum .currSlide{position: relative;}
.curriculum .currSlide .swiper-container-curriculum{overflow: hidden;}
.curriculum .currSlide .swiper-slide{overflow: hidden; border-radius: 20px; box-shadow: 0 16px 20px rgba(0,0,0,0.05);}
.curriculum .currSlide .swiper-slide .frame {height: 174px;}
.curriculum .currSlide .swiper-slide .frame img{display: block; width: 100%; height: 100%; object-fit: cover;}
.curriculum .currSlide .swiper-slide .txt-box {padding: 30px; background-color: #fff; box-sizing: border-box;}
.curriculum .currSlide .swiper-slide .txt-box .cate {display: block; color: var(--yellow-1); font-size: 16px; font-weight: 700; margin-bottom: 5px;}
.curriculum .currSlide .swiper-slide .txt-box h5{font-size: 18px; font-weight: 700; line-height: 1.3em; margin-bottom: 25px;}
.curriculum .currSlide .swiper-slide .txt-box .btn{
	display: block; width: 100%; height: 46px; margin-top: 8px; 
	font-size: 16px; text-align: center; font-weight: 600; border: 1px solid; border-radius: 6px; box-sizing: border-box; transition: color 0.4s, background-color 0.4s;
}
.curriculum .currSlide .swiper-slide .txt-box .btn.type1{border-color: #E6E6E6;}
.curriculum .currSlide .swiper-slide .txt-box .btn.type2{background-color: var(--yellow-1); border-color: var(--yellow-1);}
.curriculum .currSlide .swiper-slide .txt-box .btn.type1:hover{background-color: #F2F2F2;}
.curriculum .currSlide .swiper-slide .txt-box .btn.type2:hover{color: var(--yellow-1); background-color: #fff;}
.curriculum .currSlide .navi.swiper-button-prev{left: -72px;}
.curriculum .currSlide .navi.swiper-button-next{right: -72px;}


/* 소식 */
.news-wrap .cards{display: flex; justify-content: space-between;}
.news-wrap .cards li{width: 350px;}
.news-wrap .cards li .frame{overflow: hidden; height: 255px; margin-bottom: 20px; border-radius: 16px;}
.news-wrap .cards li .frame img{display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;}
.news-wrap .cards li:hover .frame img{transform: scale(1.03);}
.news-wrap .cards li .tag{display: inline-block; padding: 0 15px; color: var(--yellow-1); font-size: 14px; line-height: 26px; font-weight: 600; margin-bottom: 5px; border: 1px solid var(--yellow-1); border-radius: 16px;}
.news-wrap .cards li .tit{font-size: 18px; font-weight: 700; line-height: 1.3em; word-break: keep-all; margin-bottom: 10px;}
.news-wrap .cards li .txt{color: #707070; font-size: 14px; line-height: 1.4em;}
.news-wrap .cards li .date{color: #ADADAD; font-size: 14px; margin-top: 15px;}


/* 수강후기 */
.review_course{position: relative; overflow: hidden;}
.review_course .swiper-container-review{position: relative;}
.review_course .swiper-slide{opacity: 0.5; pointer-events: none;}
.review_course .swiper-slide.swiper-slide-active,.review_course .swiper-slide.swiper-slide-next{opacity: 1; pointer-events: auto;}
.review_course .swiper-slide .review_cnt{display: flex; position: relative; background-color: #fff; border-radius: 16px; padding: 30px; text-align: left; box-sizing: border-box;}
.review_course .swiper-slide .review_cnt .frame{width: 200px; height: 200px; margin-right: 22px; overflow: hidden; border-radius: 16px; flex-shrink:0; background-color: #eee;}
.review_course .swiper-slide .review_cnt .frame img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 16px;}
.review_course .swiper-slide .review_cnt .courseName{color: var(--yellow-1); font-size: 16px; font-weight: bold; margin-bottom: 6px;}
.review_course .swiper-slide .review_cnt .courseTitle{font-size: 18px; font-weight: bold; line-height: 1.3em; height: 46px; margin-bottom: 10px; word-break: keep-all;}
.review_course .swiper-slide .review_cnt .courseUser{font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.review_course .swiper-slide .review_cnt .courseCnt{color: #707070; font-size: 14px; line-height: 1.4em; word-break: keep-all;}
.review_course .swiper-slide .review_cnt .courseMore{display: inline-flex; align-items: center; position: absolute; right: 30px; bottom: 30px; color: #707070; font-size: 14px;}
.review_course .swiper-slide .review_cnt .courseMore::after{display: block; width: 12px; height: 12px; margin-left: 5px; background: url('../images/common/icon_arrow.svg') no-repeat center / cover; opacity: 0.56; content: ''; transition: transform 0.3s;}
.review_course .swiper-slide .review_cnt:hover .courseMore::after{transform: translateX(5px);}
.review_course .review-navi{display: flex; gap: 5px;}
.review_course .review-navi .navi{padding: 5px; cursor: pointer; opacity: 0.4; transition: opacity 0.4s;}
.review_course .review-navi .navi:hover{opacity: 1;}
.review_course .review-navi .navi-prev img{transform: rotate(180deg);}


/* 취업현황 */
.EmploymentWrap{overflow: hidden; background: linear-gradient(170deg,rgba(255, 195, 83, 1) 20%, rgba(255, 171, 21, 1) 100%);}
.EmploymentWrap .swiper-container-Employment{margin: 20px 0;}
.EmploymentWrap .swiper-container-Employment .swiper-wrapper{transition-timing-function:linear}
.EmploymentWrap .swiper-container-Employment .swiper-slide{width: fit-content;}
.EmploymentWrap .swiper-container-Employment .card{padding: 20px 32px; text-align: left; background-color: #fff; border-radius: 16px; box-sizing: border-box;}
.EmploymentWrap .swiper-container-Employment .card .EmploymentCompany{color: var(--yellow-1); font-size: 18px; font-weight: 700;}
.EmploymentWrap .swiper-container-Employment .card .details{display: flex; align-items: center; gap: 24px; margin-top: 5px;}
.EmploymentWrap .swiper-container-Employment .card .details .mid{width: 1px; height: 16px; background-color: #EAEAEA;}
.EmploymentWrap .swiper-container-Employment .card .EmploymentCourse{font-size: 16px; font-weight: bold; color: #333; text-align: left;}
.EmploymentWrap .swiper-container-Employment .card .EmploymentUser{font-size: 16px; color: #333; text-align: center;}
.EmploymentWrap .btns{display: flex; justify-content: center; align-items: center; gap: 24px; margin-top: 40px;}
.EmploymentWrap .btns a.btn{display: flex; align-items: center; justify-content: center; width: 538px; height: 56px; color: #fff; font-weight: 600; font-size: 16px; background-color: #333; border-radius: 48px;}
.EmploymentWrap .btns a.btn:nth-child(1) strong{color: var(--yellow-1); font-weight: inherit;}
.EmploymentWrap .btns a.btn:nth-child(2) strong{color: #6AE9AE; font-weight: inherit;}
.EmploymentWrap .btns a.btn::after{display: block; width: 14px; height: 14px; margin-left: 10px; background: url('../images/common/icon_arrow_w.svg') no-repeat center / cover; transition: transform 0.3s; content: '';}
.EmploymentWrap .btns a.btn:hover::after{transform: translateX(5px);}


/* 포트폴리오 */
.Portfolio .Portfolio-wrap{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px;}
.Portfolio .Portfolio-wrap .card{width: 350px; border-radius: 16px;}
.Portfolio .Portfolio-wrap .card:nth-child(1){background: url('../images/main/bg_Porfol_01.png') no-repeat center / cover;}
.Portfolio .Portfolio-wrap .card:nth-child(2){background: url('../images/main/bg_Porfol_02.png') no-repeat center / cover;}
.Portfolio .Portfolio-wrap .card:nth-child(3){background: url('../images/main/bg_Porfol_03.png') no-repeat center / cover;}
.Portfolio .Portfolio-wrap .card a{display: block; position: relative; width: 100%; height: 200px; padding: 30px; color: #fff; box-sizing: border-box;}
.Portfolio .Portfolio-wrap .card .subtit{font-size: 16px; margin-bottom: 10px; word-break: keep-all;}
.Portfolio .Portfolio-wrap .card .tit{font-size: 24px; font-weight: 700; word-break: keep-all;}
.Portfolio .Portfolio-wrap .card .more{display: inline-flex; align-items: center; position: absolute; bottom: 30px; right: 30px; color: #fff; font-size: 14px;}
.Portfolio .Portfolio-wrap .card .more::after{display: block; width: 12px; height: 12px; margin-left: 5px; background: url('../images/common/icon_arrow_w.svg') no-repeat center / cover; content: ''; transition: transform 0.3s;}
.Portfolio .Portfolio-wrap .card:hover .more::after{transform: translateX(5px);}


/* 시설안내 */
.facilitySlide{display: flex;}
.facilitySlide .swiper{width: 968px; height: 460px;}
.facilitySlide .swiper img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.facilitySlide .group{display: flex; gap: 28px; height: 100%;}
.facilitySlide .group .cut{position: relative;}
.facilitySlide .group .cut .sub{position: absolute; bottom: -32px; left: 0; width: 100%; text-align: center; font-size: 16px; font-weight: 500;}
.facilitySlide .side-navi{margin-left: 32px;} 
.facilitySlide .side-navi li{
	display: block; width: unset; height: unset; background: none; border-radius: unset; opacity: 1;
	margin-bottom: 20px;
}
.facilitySlide .side-navi li span{display: inline-block; padding: 8px 16px; font-size: 16px; font-weight: 700; line-height: 100%; border-radius: 16px;} 
.facilitySlide .side-navi li.swiper-pagination-bullet-active span{background-color: var(--yellow-1); color: #fff;}


.customerwrap{height:385px; margin-top:80px;}
.customerwrap .data{float:left; width:266px; height:385px;}
.customerwrap .data .cheer{height:282px; background-color:#725f5f; color:#fff; font-size:13px; text-align:center;}
.customerwrap .data .cheer h1{font-size:16px; font-weight:600; padding-top:30px;}
.customerwrap .data .cheer h1 p{font-size:24px;}
.customerwrap .data .cheer .ment{color:#b59f9f; line-height:18px; margin:30px; height:90px; overflow:hidden;}
.customerwrap .data .cheer .swiper-container-cheer{overflow:hidden;}
.customerwrap .data .cheer .swiper-container-cheer .swiper-slide{background-color:#725f5f; height:180px;}


.customerwrap .data .employment{height:125px; border-bottom:1px solid #febf14; font-size:13px; position:relative; top:-20px;}
.customerwrap .data .employment h1{float:left; width:77px; height:75px; background-color:#febf14; color:#fff; padding:17px 0 0 15px; margin-left:20px;}
.customerwrap .data .employment .swiper-container-employment{float:right; width:135px; margin-top:40px; height:60px; overflow:hidden;}
.customerwrap .data .employment .swiper-container-employment .swiper-slide div h2{color:#febf14; font-size:24px;}
.customerwrap .data .employment .swiper-container-employment .swiper-slide div h2 p{font-size:13px; height:16px; overflow:hidden;}
.customerwrap .data .employment .swiper-container-employment .swiper-button-prev{background:url('../images/common/btn_up02.png') no-repeat; width:9px; height:6px; left:90px; margin-top:0; top:62px;}
.customerwrap .data .employment .swiper-container-employment .swiper-button-next{background:url('../images/common/btn_down02.png') no-repeat; width:9px; height:6px; left:90px; margin-top:0; top:73px;}

/* 수강생 인터뷰 영상 */
.closeBtn{background-color:#111; width:42px; height:32px; padding-top:8px; display:block; margin-right:8px; text-align:center;}
.customerwrap .interview .btn_play{display: block; width :100%; height: 100%; background: url('../images/common/icon_play.png') no-repeat center center; position: absolute; top: 0; text-align: center; z-index:9}

.customerwrap .interview{float:left; background:url('../images/main/interview_bg.gif') no-repeat left top; width:459px; height:385px; margin:0 42px;}
.customerwrap .interview h1{font-size:32px; font-weight:normal; line-height:35px; height:137px;}
.customerwrap .interview h1 p{font-size:14px; width:320px; height:35px; overflow:hidden;}
.customerwrap .interview h1 a{position:relative; top:-120px; left:330px;}
.customerwrap .interview .video{width:447px; height:250px; position:relative; left:10px; background:url('../images/common/icon_play.png') no-repeat center center; background-color:rgba(0,0,0,0.6);}
.customerwrap .review{float:right; background:url('../images/main/review_bg.gif') no-repeat left top; width:290px; height:385px; margin-top:0;}
.customerwrap .review h1{font-size:32px; font-weight:normal;}
.customerwrap .review ul{position:relative; top:-40px;}
.customerwrap .review ul li.list{height:139px;overflow:hidden}
.customerwrap .review ul li.list a {position:relative;overflow:hidden}
.customerwrap .review ul li.list .img {overflow:hidden;}
.customerwrap .review ul li.list img {width:100%; transform:scale(1.0, 1.0);-webkit-transform:scale(1.0, 1.0);-moz-transform:scale(1.0, 1.0);-ms-transform:scale(1.0, 1.0);transition:all 1.8s;-webkit-transition:all 1.8s;-moz-transition:all 1.8s;}

.customerwrap .review ul li.list a:hover {width:0;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;	transition:all 0.4s ease-out;margin-left:0}
.customerwrap .review ul li.list a:after {position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;display:block;content:"";opacity:0;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;	transition:all 0.4s ease-out;margin-left:0}
.customerwrap .review ul li.list a:hover:after {position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;display:block;content:"";opacity:1}
.customerwrap .review ul li.list a:hover img {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);}

.customerwrap .review ul li.review01{float:right;}
.customerwrap .review ul li.review02{float:left; margin-top:65px;}
.customerwrap .review ul li.review03{float:right; margin-top:15px; z-index:99;}
.customerwrap .review ul li.btn{float:left; margin-top:-75px;}


.boardwrap{margin-top:60px;}
.boardwrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.boardwrap h1{float:left; width:70px; font-size:18px; font-weight:600; margin-right:40px;}
.boardwrap h1:before{display:block; content:''; width:15px; height:1px; background:#111;}
.boardwrap .notice{float:left;}
.boardwrap .faq{float:right;}
.boardwrap .faq h1{width:50px;}
.boardwrap .faq .more{float:left;}
.boardwrap ul{float:left; font-size:13px; color:#666; margin-top:-5px; height:70px; overflow:hidden;}
.boardwrap ul li{width:400px; height:23px; line-height:23px;}
.boardwrap ul li a{display:inline-block; width:300px; height:23px; overflow:hidden;}
.boardwrap ul li a:hover{color:#111;}
.boardwrap ul li span{color:#999; float:right;}
.boardwrap ul li img{vertical-align:top; margin-top:7px;}

.officewrap{margin-top:60px; height:588px; background-color:#f2f2f2;}
.officewrap .imgwrap{position:absolute; height:588px; overflow:hidden; width:69%;}
.officewrap .imgwrap li{height:100%; font-size:0;}
.officewrap h1{font-size:20px; color:#3b3232; position:absolute; right:0; border-top:1px solid #febf14; width:30%; padding:50px 0 0 70px; margin-top:140px;}
.officewrap h1 p{font-size:56px; color:#febf14;}
.officewrap h1 ul{font-size:13px; color:#725f5f; margin-top:10px; line-height:20px;}
.officewrap h1 ul li{background:url('../images/main/officewrap_list.gif') no-repeat left; padding-left:13px;}
.officewrap .width{position:relative;}
.officewrap .tab1{float:left; background-color:rgba(59,50,50,0.9); color:#b59f9f; width:130px; text-align:center; font-size:13px;}
.officewrap .tab1 li{display:block; height:40px; line-height:40px; border-top:1px solid #111; border-color:rgba(0,0,0,0.1); cursor:pointer;}
.officewrap .tab1 li.logo{height:125px; line-height:110px; cursor:default;}
.officewrap .tab1 li.logo img{vertical-align:middle;}
.officewrap .tab1 li.on{background-color:#febf14; color:#fff; font-weight:600;}
.officewrap .tab1 li:hover{background-color:#febf14; color:#fff; font-weight:600;}
.officewrap .tab1 li.logo:hover{background:none;}

.officewrap .tab_jongro                   {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_jongro ul                {margin-top:10px;}
.officewrap .tab_jongro ul li             {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_jongro ul li span        {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_jongro ul li span:hover  {background-color:#febf14;}
.officewrap .tab_jongro ul li.img1        {background:url('../images/main/officewrap_jongro_tab_img01.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.img2        {background:url('../images/main/officewrap_jongro_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.img3        {background:url('../images/main/officewrap_jongro_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.img4        {background:url('../images/main/officewrap_jongro_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.img5        {background:url('../images/main/officewrap_jongro_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_jongro ul li.on          {background:#febf14;}

.officewrap .tab_gangnam                  {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_gangnam ul               {margin-top:10px;}
.officewrap .tab_gangnam ul li            {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_gangnam ul li span       {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_gangnam ul li span:hover {background-color:#febf14;}
.officewrap .tab_gangnam ul li.img1       {background:url('../images/main/officewrap_gangnam_tab_img01.jpg?v3') no-repeat left top;}
.officewrap .tab_gangnam ul li.img2       {background:url('../images/main/officewrap_gangnam_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.img3       {background:url('../images/main/officewrap_gangnam_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.img4       {background:url('../images/main/officewrap_gangnam_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.img5       {background:url('../images/main/officewrap_gangnam_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_gangnam ul li.on         {background:#febf14;}

.officewrap .tab_noryangjin                     {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_noryangjin ul                  {margin-top:10px;}
.officewrap .tab_noryangjin ul li               {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_noryangjin ul li span          {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_noryangjin ul li span:hover    {background-color:#febf14;}
.officewrap .tab_noryangjin ul li.img1          {background:url('../images/main/officewrap_noryangjin_tab_img01.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.img2          {background:url('../images/main/officewrap_noryangjin_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.img3          {background:url('../images/main/officewrap_noryangjin_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.img4          {background:url('../images/main/officewrap_noryangjin_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.img5          {background:url('../images/main/officewrap_noryangjin_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_noryangjin ul li.on            {background:#febf14;}

.officewrap .tab_busan                    {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_busan ul                 {margin-top:10px;}
.officewrap .tab_busan ul li              {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_busan ul li span         {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_busan ul li span:hover   {background-color:#febf14;} 
.officewrap .tab_busan ul li.img1         {background:url('../images/main/officewrap_busan_tab_img01.jpg?v2') no-repeat left top;}
.officewrap .tab_busan ul li.img2         {background:url('../images/main/officewrap_busan_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_busan ul li.img3         {background:url('../images/main/officewrap_busan_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_busan ul li.img4         {background:url('../images/main/officewrap_busan_tab_img04.jpg?v2') no-repeat left top;}
.officewrap .tab_busan ul li.img5         {background:url('../images/main/officewrap_busan_tab_img05.jpg?v2') no-repeat left top;}
.officewrap .tab_busan ul li.on           {background:#febf14;}

.officewrap .tab_daegu                    {float:right; text-align:right; position:relative; top:390px;}
.officewrap .tab_daegu ul                 {margin-top:10px;}
.officewrap .tab_daegu ul li              {display:inline-block; width:111px; height:111px; line-height:111px; text-align:center; font-size:13px; margin-left:7px; cursor:pointer;}
.officewrap .tab_daegu ul li span         {display:block; width:111px; height:111px; color:#fff; font-weight:600;}
.officewrap .tab_daegu ul li span:hover   {background-color:#febf14;}
.officewrap .tab_daegu ul li.img1         {background:url('../images/main/officewrap_daegu_tab_img01.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.img2         {background:url('../images/main/officewrap_daegu_tab_img02.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.img3         {background:url('../images/main/officewrap_daegu_tab_img03.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.img4         {background:url('../images/main/officewrap_daegu_tab_img04.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.img5         {background:url('../images/main/officewrap_daegu_tab_img05.jpg') no-repeat left top;}
.officewrap .tab_daegu ul li.on           {background:#febf14;}

.resultwrap{margin-top:90px; padding-top:40px; border-top:1px solid #dcdcdc; height:90px; display: none;}
.resultwrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.resultwrap h1{float:left; width:70px; font-size:13px; color:#999; text-align:right; font-weight:normal; margin-right:20px;}
.resultwrap h1 p{color:#111; font-size:18px; font-weight:600;}
.resultwrap h1 .btn{margin-top:8px; margin-left:35px;}
.resultwrap h1 .btn .btn_prev1{float:left; cursor:pointer;}
.resultwrap h1 .btn .btn_next1{float:left; margin-left:3px; cursor:pointer;}
.resultwrap h1 .btn .btn_prev2{float:left; cursor:pointer;}
.resultwrap h1 .btn .btn_next2{float:left; margin-left:3px; cursor:pointer;}
.resultwrap .agreement{float:left; width:50%;}
.resultwrap .agreement .swiper-container-agreement{float:left; width:455px; overflow:hidden;}
.resultwrap .agreement .swiper-container-agreement .swiper-slide{height:45px; text-align:center;}
.resultwrap .award{float:right; width:50%;}
.resultwrap .award .swiper-container-award{float:left; width:455px; overflow:hidden;}
.resultwrap .award .swiper-container-award .swiper-slide{height:45px; text-align:center;}


/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}