@charset "utf-8";

/* 메인 팝업 */
.main_popup_wrap {display:none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100vw; height: 100vh;}
.main_popup_wrap .main_popup_bg {width: 100%; height: 100%; background: rgb(0 0 0 / 80%);}
.main_popup {position:absolute; top: 98px; left: 50%; transform: translateX(-50%); width: 88%; max-width: 440px; height:auto;}
/* .main_popup {position:absolute; top:100px; left:50%; transform:translateX(-50%); z-index:1000; width:440px; height:auto; display:none;} */
.main_popup .btn_list {display:table; table-layout:fixed; width:100%; /*position:absolute; bottom:18px;*/}
.main_popup .btn_list span{ display:table-cell; text-align:center;background:#444; height:13px;}
.main_popup .btn_list span + span {border-left:1px solid #6d6d6d}
.main_popup .btn_list span a {display:block; height:100%; line-height:30px; font-size:11px; text-decoration:none;}

/* kh 주소 이전 팝업 */
.popup_zero_bg {display:none; position: fixed; z-index: 2223; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);}
#popup_zero {overflow: hidden; position: fixed; z-index: 2224; bottom: -1px; left: 0; width: 100%; height: auto; border-radius: 40px 40px 0 0; transform: translateY(100%); transition: all 0.25s ease-in-out;}
#popup_zero.show {transform: translateY(0);}
#popup_zero img {width: 100%;}
#popup_zero .close {height: 61.5px; background:#010137; text-align: center;}
#popup_zero .close label {float:left; width: 50%; height: 100%; color:#fff; font-size: 12pt; line-height: 61px;}
#popup_zero .close label + div {float:right; width: 50%; height: 100%; color:#fff; font-size: 12pt; line-height: 61px;}
#popup_zero .close label::after {content: ''; display: inline-block; width: 1px; height: 16px; margin: 0px -28% -1px 28%; background: #fff;}
	
/* 메인배너 */
#main.content_wrap {padding-top: 15px; margin-top: 0; padding-bottom: 50px;}
#main .main_rolling {position:relative; width:100%; }

/* .main_rolling .main_rolling_imgs {height:0; width:100%; padding-bottom:50%;} */
/* .main_rolling .main_rolling_imgs .swiper-wrapper {padding-bottom:50%;} */
/* .main_rolling .main_rolling_imgs .swiper-wrapper .rollingImg {height:0; width:100%; padding-bottom:50%;} */
/* .main_rolling .main_rolling_imgs .swiper-wrapper .rollingImg .rolling_bg {width:100%; height:100%; padding:18% 3% 0; background-size:cover; background-repeat:no-repeat; background-position:center;} */
/* .main_banner_section .swiper-slide {margin: 0 3vw;} */

/* .main_banner_section .content {padding: 0;} */
/* .main_banner_section .main_banner {padding: 0 6%;} */
/* .main_banner_section .swiper-wrapper {width: 100vw;} */
.main_banner_section .swiper-slide {}
/* .main_banner_section .swiper-slide .rolling_bg {width: 100%; height: 420px; padding: 44px 35px; border-radius: 26px; background-size: auto 250px; background-position: right bottom 50px; background-repeat: no-repeat;} */
.main_banner_section .swiper-slide .rolling_bg {width: 100%; height: 420px; padding: 44px 35px; border-radius: 26px; background-size: auto 100%; background-position: right bottom; background-repeat: no-repeat;}
.main_banner_section .swiper-slide .rolling_bg .banner_title {font-weight:700; font-family:'GmarketSans'; font-size:30px; line-height:38px;}
.main_banner_section .swiper-slide .rolling_bg .banner_subtitle {padding-top:14px; font-weight:500; font-family:'GmarketSans'; font-size:16px; line-height:23px;}

.main_banner_section .banner_swiper_pagination {bottom: 16px;}
.main_banner_section .banner_swiper_pagination .swiper-pagination-bullet {display:inline-block; width: 5px; height: 5px; border-radius: 50%; background: #fff9; vertical-align:middle;}
.main_banner_section .banner_swiper_pagination .swiper-pagination-bullet-active {width: 13px; height: 13px; border: 2px solid #fff; background: transparent;}

/* 메인배너 아래 상담 3칸*/
.main_consult {display: grid; grid-template-columns: repeat(3, 1fr); border-radius: 38px; padding: 10px 18px; margin-top: var(--margin-common); background: #fff; font-size: var(--font-size-content); text-align: center;}
.main_consult img {height: 33px;}

/* 교육과정 */
/* .main_edu_section .section_title {padding-top: 40px;} */
.main_edu {}
.main_edu .l_card_item {height: 278px;}
.main_edu .l_card_item .img_wrap {width: 46px; height: 46px; padding-top: 11px; border-radius: 50%; background-color: var(--color-bg-gray);}
.main_edu .l_card_item .content_title {font-size: 20px; line-height: 26px;}
.main_edu .l_card_item div p:last-of-type {color: #666; font-size: 13px;}
.main_edu .s_date span {margin-left:4px;}

/* 개강일정 */
.main_schedule_section {}
.main_schedule {}
.main_schedule .schedule_month {border-radius: var(--border-radius-common); border:1px solid var(--color-gray);}
.main_schedule .schedule_month:not(:last-child) {margin-bottom: var(--margin-common);}
.main_schedule .schedule_month .content_title {padding: var(--padding-common);}
.main_schedule .schedule_month .content_title::after {content: url(/mobile2017/resource/images/common/select_down.svg); float: right; padding: 8px 5px;}
	
.main_schedule .schedule_month ul li {padding: 18px 20px; font-size: 15px;}
.main_schedule .schedule_month ul li:not(:last-child) {border-bottom: 1px solid var(--color-bg-gray);}
.main_schedule .schedule_month p:nth-of-type(2) {height: 78px; padding-top: 7px;}
.main_schedule .schedule_month .schedule_only {height: 55px !important; padding-top: 7px;}/*게임,영상해당*/
.main_schedule .s_date span {border-radius: 10px; font-size: 12px;}
.main_schedule .s_date span[class^=s_] {padding: 0 7px 0 6px; border: 1px solid; margin-right:4px;}

.main_schedule .date_small{font-size:13px; font-weight:500;}


.main_schedule .schedule_month ul {display: none;}
/* .main_schedule .next_month ul{display:none !important;} */
.main_schedule .schedule_month.show ul {display: block;}
.main_schedule .schedule_month.show .content_title::after {transform: scaleY(-1);}


/* 오시는길 */
.main_direction_section {}
.main_direction_section .section_subtitle {}
.main_direction_section .main_direction {overflow: hidden; border-radius: var(--border-radius-common2);}

/* .main_direction_section {overflow: hidden; padding: 63px 0 0; margin-top: 16px; background: #d8e5fc;} */
/* .main_direction_section .section_subtitle {position: relative; z-index: 1; padding-bottom: 0;} */
/* .main_direction_section .content {padding: 0; margin-top: -10px;} */

/* 포트폴리오 */
.main_portfolio {}
.main_portfolio .content_explain_blue {font-weight: 700;}
.main_portfolio .l_swipe .l_swipe_item .content_title {font-weight: 400; font-size: 16px;}

/* 리얼 수강후기 */
.main_phrase_section .content {padding-bottom: 15px;}
.main_phrase {}
.main_phrase .l_swipe_item {}
.main_phrase .l_swipe_item div {overflow: hidden; position: absolute; bottom: var(--padding-common); right: var(--padding-common); width: 62px; height: 62px; border-radius: 50%; background: #d6e1ed;}
/* .main_phrase .l_swipe_item div::before {content: url(/resources/images/common/review_person1.svg);} */
.main_phrase .l_swipe_item:nth-child(7n+1) div {background: #F3ECDB;}
.main_phrase .l_swipe_item:nth-child(7n+1) div::before {content: url(/resources/images/common/review_person1.svg);}
.main_phrase .l_swipe_item:nth-child(7n+2) div {background: #EDDDD6;}
.main_phrase .l_swipe_item:nth-child(7n+2) div::before {content: url(/resources/images/common/review_person2.svg);}
.main_phrase .l_swipe_item:nth-child(7n+3) div {background: #F0E0CC;}
.main_phrase .l_swipe_item:nth-child(7n+3) div::before {content: url(/resources/images/common/review_person3.svg);}
.main_phrase .l_swipe_item:nth-child(7n+4) div {background: #E4E4C1;}
.main_phrase .l_swipe_item:nth-child(7n+4) div::before {content: url(/resources/images/common/review_person4.svg);}
.main_phrase .l_swipe_item:nth-child(7n+5) div {background: #E0DBCF;}
.main_phrase .l_swipe_item:nth-child(7n+5) div::before {content: url(/resources/images/common/review_person5.svg);}
.main_phrase .l_swipe_item:nth-child(7n+6) div {background: #EDDDD6;}
.main_phrase .l_swipe_item:nth-child(7n+6) div::before {content: url(/resources/images/common/review_person6.svg);}
.main_phrase .l_swipe_item:nth-child(7n+7) div {background: #C2D6D5;}
.main_phrase .l_swipe_item:nth-child(7n+7) div::before {content: url(/resources/images/common/review_person7.svg);}

/* 수료생 인터뷰 */
.main_interview {}
.main_interview .l_swipe .l_swipe_item .content_title {margin-bottom:22px;}
.main_interview .l_swipe .l_swipe_item .content_explain span {color: #666;}
.main_interview .l_swipe .l_swipe_item .content_explain span::before {content: "·"; margin: 0 3px; color: #999;}

/* 취업현황 */
.main_status {}
.main_status .status_rate {position:relative; height: 112px; padding: 20px 40px; margin-bottom: var(--margin-common); border-radius: var(--border-radius-common2); background: linear-gradient(58deg, rgba(255,241,180,1) 0%, rgba(255,236,155,1) 100%); color: #827b5a;}
.main_status .status_rate::before {content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-image: url(/mobile2017/resource/images/main/main_status_bg.png); background-size: contain; background-position: right 28px top; background-repeat: no-repeat;}
.main_status .status_rate p:first-of-type {color: #222; font-weight: 700; font-size: 22px;}
.main_status .status_rate p span {font-size: 30px;}

.main_status .status_list {}
.main_status .status_list > div {padding: 22px 0 30px;}
.main_status .status_list .l_list_item {height: 88px; padding: 22px;padding: 22px 0;}
.main_status .l_list_item::before {float: left; width: 42px; height: 42px; border-radius: 50%; margin-right: 14px; background-color: var(--color-bg-gray);}
.main_status .l_list_item.status_java::before {content: url(/resources/images/common/icon_status_java.svg);}
.main_status .l_list_item.status_security::before {content: url(/resources/images/common/icon_status_security.svg);}
.main_status .l_list_item .content_title {font-size: 15px;}
.main_status .l_list_item p:not(.content_title) {color: #666;}
.main_status .l_list_item::after {content: url(/mobile2017/resource/images/common/arrow_right.svg); position: absolute; top: 50%; right: 2px; transform: translateY(-50%);}

/*KH 채널 ON*/
.main_khOn_section .khon_btn-wrap {padding:0 47px;}
.main_khOn_section .khon_btn-wrap .btn{background:#D5D7DE; margin:22px 0 30px;}
.main_khOn_section .content_explain_main{color:#666666; font-size:13px; margin-top:22px;}

.main_khOn_section .l_swipe_item{position:relative;}
.main_khOn_section .l_swipe_item .only-img-video{position:absolute; top:14px; right:14px;}
.main_khOn_section .l_swipe_item .only-img-video img{width:31px; height:31px;}

/* 띠배너 - 국비지원 무료교육 */
.banner_eduInfo {position: relative; /* height: 80px; */ padding: 9px 10px; background: transparent;}
.banner_eduInfo::before {content: ""; background-image: url(/mobile2017/resource/images/common/icon_speech_bubble.png); background-color: #a0c0f9; float: left; width: 62px; height: 62px; border-radius: 50%; margin-right: 14px; background-size: contain;}
.banner_eduInfo::after {content: url(/mobile2017/resource/images/common/arrow_right2.svg); position: absolute; top: 50%; right: 17px; transform: translateY(-50%);}
.banner_eduInfo p:first-of-type {padding-top: 3%;}

/* 띠배너 - 5년 인증 우수훈련기관 */
.banner_mark {margin-bottom: 0;}
.banner_mark p:first-of-type {padding-top: 4px}
.banner_mark .content_title {font-size: 16px;}
.banner_mark::before {content: ""; background-image: url(/mobile2017/resource/images/common/mark_gangnam.png); float: left; width: 56px; height: 56px; margin-right: 14px; background-size: contain;}