@charset "UTF-8";
/* ----------------------------------------------------------------
  >> TABLE OF CONTENTS:                   담당자 : 성지민

	[1] pc 1024px - 1920px >> 기준 1200px

	[2] 태블릿 768px - 1023px >> 기준 730px

    [3] 모바일  320px - 767px >> 기준 300px
----------------------------------------------------------------*/


/*--------------------------------------------------------------
  [1] pc 1024px - 1920px >> 기준 1200px
----------------------------------------------------------------*/
@media(max-width:1920px) {
    .rainbow-sideBg {
        width: calc(320px / 2);
    }
    
    /* 광주 자세히 보기 버튼 pc /tablet배치 */
      .box03 {
        width: calc((100% - 60px) / 3);
        max-height: calc((((100% - 60px) / 3) / 1000) * 1618);
    }
}

@media(max-width:1600px) {
    .rainbow-sideBg {
        display: none;
    }
}

@media(max-width:1400px) {
    .floating-img {
        display: none;
    }
}

@media(max-width:1200px) {

    .header,
    .header,
    .fullWrapper>.full-navGroup,
    .subHeaderWrap>.subHeader,
    .fullWrapper>.full-navGroup,
    .courseWrapper>.courseWrap,
    .companyAwardsWrapper>.companyAwardsWrap,
    .companyIntroWrapper>.companyIntroWrap,
    /* .managementWrapper>.managementWrap, */
    .partnerWrapper>.partnerWrap,
    .adBannerWrapper,
    .footerWrap>.footer,
    .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap,
    .detail-menuWrapper>.d-flex,
    .course-detail-container,
    .course-navWrap>.d-flex,
    .sub-content,
    .course-applyContainer,
    .subSectionContainer .subSectionWrapper .subSectionTitle,
    .subSectionWrap .subSection,
    .fixedWrap,
    .quickMenuContainer .quickMenuWrap,
    .curriculum .curriculumWrapper,
    .curriculum .subSectionContainer .subSectionWrapper .subSectionWrap .subSection {
        width: calc(100% - 40px);
        min-width: 320px;
    }

    .footerWrap .footer_logoWrap,
    .footerWrap .footer_copyWrap,
    .course-navWrap,
    .companyIntroWrapper>.companyIntroWrap>.companyIntro {
        display: block;
    }

    .tabletHide,
    .course-detail-container>.course-applyWrap,
    .course-applyContainer>.resumeAside {
        display: none;
    }

    .companyIntroWrapper>.companyIntroWrap>.companyIntro>.introWrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .companyAwardsWrapper>.companyAwardsWrap>.companyAwards,
    .companyIntroWrapper>.companyIntroWrap>.companyIntro>.introWrap,
    .noticeWrapper .noticeWrap,
    .managementWrapper .courseReviewWrap {
        -webkit-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .course-detail-container,
    .course-curriculumWrap>.curriculum>.curriculum-boxWrap,
    .course-applyContainer,
    .footerWrap .footer_copyWrap .intro {
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }

    .footerWrap .footer_navWrap>.footerNav>.gnb,
    .companyIntroWrapper>.companyIntroWrap>.companyIntro>video,
    .companyIntroWrapper>.companyIntroWrap>.companyIntro>.introWrap,
    .noticeWrap .flexBoxWrap,
    .courseReviewWrap .flexBoxWrap {
        width: 100%;
    }


    .recommendWrapper,
    .courseWrapper>.courseWrap .courseFilterWrap>.courseList,
    .companyAwardsWrapper>.companyAwardsWrap>.companyAwards,
    .managementWrapper>.managementWrap>.d-flex,
    .partnerWrapper>.partnerWrap>.partner,
    .companyIntroWrapper>.companyIntroWrap>.companyIntro,
    .courseWrapper>.courseWrap>.courseListWrap,
    .managementWrapper>.managementWrap,
    .noticeWrapper,
    .companyIntroWrapper .companyIntroWrap .boxContent {
        width: 600px;
        max-width: 600px;
    }

    .courseWrapper>.courseWrap .courseFilterWrap>.courseList {
        margin: 10px auto 0;
    }

    .companyAwardsWrapper>.companyAwardsWrap>.companyAwards,
    .companyIntroWrapper>.companyIntroWrap>.companyIntro,
    .companyIntroWrapper .companyIntroWrap .boxContent {
        margin: 40px auto 0;
    }

    .managementWrapper>.managementWrap>.d-flex,
    .partnerWrapper>.partnerWrap>.partner {
        margin: 0 auto;
    }

    .courseReviewWrap .flexBoxWrap .btn_default {
        margin: 20px auto 0;
    }

    .managementWrapper>.managementWrap>.d-flex>.management {
        width: calc(50% - 20px);
    }

    .managementWrapper>.managementWrap>.swiper-wrapper>.management {
        max-width: 280px;
    }

    .companyIntroWrapper>.companyIntroWrap>.companyIntro>.introWrap>.intro {
        width: calc(50% - 40px);
    }

    .companyAwardsWrapper>.companyAwardsWrap>.companyAwards>.awards {
        width: 280px;
    }

    .adBannerWrapper .adBannerWrap .adBanner .bannerTxt .bannerMainTxt {
        /* font-size: 30px; */
        font-size: 2.143rem;
        line-height: 40px;
    }

    .textWrap>.h2 {
        /* font-size: 20px; */
        font-size: 1.429rem;
    }

    .textWrap>.fz20 {
        /* font-size: 16px; */
        font-size: 1.143rem;
        line-height: 20px;
        margin: 20px 0;
    }

    .container-courseDetail {
        padding: 0 0 90px;
    }

    .quickMenuWrap .menuWrapper .menuWrap {
        width: 100%;
        max-width: 200px;
    }

    /* .scrollToTop {
        bottom: 170px;
    }
    .fixedApply {
        bottom: 110px;
    } */
    .footerWrap .footer_copyWrap .intro {
        margin-top: 20px;
    }

    .managementWrapper .courseReviewWrap {
        text-align: center;
    }

    .container-courseDetail .fixedWrap {
        bottom: 110px;
    }

    .touchScrollWrap {
        overflow: hidden;
        overflow-x: scroll;

        -ms-overflow-style: none;
        /* 인터넷 익스플로러 */
        scrollbar-width: none;
        /* 파이어폭스 */
    }

    .touchScrollWrap::-webkit-scrollbar {
        display: none;
        /* 크롬, 사파리, 오페라, 엣지 */
    }

    .detail-menuWrapper>.d-flex.touchScroll,
    .touchScroll {
        width: max-content;
        margin: 0 20px;
    }
}

/*--------------------------------------------------------------
  [2] 태블릿 768px - 1023px >> 기준 730px
----------------------------------------------------------------*/
@media(max-width:1024px) {


	
	
    .headerWrap .mobileHide,
    .subHeaderWrap,
    .mainBannerWrapper .mainBanner .webBanner {
        display: none;
    }


    .subSectionWrapper .subSectionWrap .subSection>.d-flex,
    .mainBannerWrapper .mainBanner .mobileBanner,
    .curriculum .curriculumWrap .curriculum .d-flex,
    .mobileShow {
        display: block;
    }

    .footerWrap .footer_menuWrap,
    .articleWrap .article>.layout_half {
        -webkit-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .mainBackVideoWrap>.background_video {
        height: 400px;
    }

    .renewal .mainBackVideoWrap>.background_video {
        height: 600px;
    }

    .renewal .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap {
        bottom: 64px;
    }

    .renewal .mainBackVideoWrap>.background_video>.opacity_bg.scrollFixed>.bannerTextWrap {
        bottom: 0;
    }

    .box02,
    .renewal .courseSectionWrapper .courseSectionWrap .course-section .section_tab .tab_body .tab_img {
        width: calc((100% - 40px) / 2);
        min-height: calc((((100% - 40px) / 2) / 1618) * 1000);
    }

    .box03 {
        width: calc((100% - 60px) / 3);
        max-height: calc((((100% - 60px) / 3) / 1000) * 1618);
    }

    .headerWrap .header {
        padding: 15px 0;
    }

    .container_rainbow>.content {
 /* margin-top: 60px; */
    }

    .container_rainbow>.course-list {
        /* margin-top: 120px; */
    }

    .addBannerWrapper {
        margin-top: 120px;
        position: inherit;
    }

    .courseContainer>.courseWrapper {
        padding: 120px 0;
    }

    .courseWrapper>.courseWrap {
        width: calc(100% - 40px);
    }

    .curriculum .section_tab .tab_bodyWrap .tab_body .steps {
        width: 80px;
    }

    .managementWrapper>.managementWrap>.d-flex {
        /* font-size: 16px; */
        font-size: 1.143rem;
    }

    .managementWrapper>.managementWrap>.d-flex>.management>.mainTxt {
        line-height: 20px;
    }

    /* layout_main >> header */

    .fullWrapper>.full-navGroup .menuDivWrap>.menu-title-division {
        width: calc((100% / 2) - 20px);
    }

    .subSectionWrapper .subSectionWrap .subSection .sectionTxt {
        margin-top: 40px;
    }

    .course-detail-container>.course-detailWrap,
    .articleWrap .article>.layout_half>.article {
        width: 100%;
        max-width: 790px;
    }

    .course-detail-container,
    .subSectionWrapper .subSectionWrap .subSection>.d-flex {
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }

    .subSectionContainer .subSectionWrapper .subSectionTitle,
    .subSectionWrapper .subSectionWrap .subSection .mainTxt,
    .subSectionWrapper .subSectionWrap .subSection .sectionTxt {
        text-align: center;
    }

    .resumeWrap .resumeSection {
        display: block;
    }

    .articleWrap .article>.layout_half>.article:nth-child(1)~*,
    .resumeSection .resumeFormWrap {
        margin-top: 20px;
    }


    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex,
    .companyAwardsWrapper>.companyAwardsWrap>.companyAwards {
        -webkit-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form20,
    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form33 {
        width: calc(33.3% - 10px);
    }

    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form25,
    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form50 {
        width: calc(50% - 10px);
    }

    .rsm_education .resumeForm.d-flex>.form80 {
        width: calc(66.6% - 10px);
    }

    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form20:nth-child(3)~*,
    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form33:nth-child(3)~*,
    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form25:nth-child(2)~*,
    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form50:nth-child(2)~* {
        margin-top: 10px;
    }

    .curriculum .subSectionWrapper .subSectionWrap .subSection .section_title p {
        margin-top: 0;
    }

    .subSectionWrapper .subSectionWrap .subSection .mainTxt {
 width: 100%; 
    }

    .subSectionWrapper .subSectionWrap .subSection .sectionTxt .sectionImg,
    .subSectionWrapper .subSection .section_tab {
        margin: 40px auto 0;
    }

    .subBannerWrapper .subBannerWrap.community06-01 {
        min-width: 320px;
        height: 200px;
        padding-top: 0;
        background-size: cover;
        position: relative;
    }

    .subBannerWrapper .subBannerWrap .subBannerTxt {
        min-width: 320px;
        margin: auto;
        height: fit-content;
        line-height: 30px;
    }

    .community01-02 .section_view {
        width: calc(100% - 20px);
        max-width: 800px;
    }

    .layoutPictureWrap .layoutPicture,
    .layoutPictureWrap .layoutPicture:nth-child(3n - 1) {
        margin: 10px;
    }

    .curriculum .curriculumWrap .curriculum {
        text-align: center;
    }

    .curriculum .curriculumWrap .curriculum .cur_txt .h2,
    .curriculum .curriculumWrap .curriculum .cur_txt p {
        line-height: 20px;
    }

    .curriculum .curriculumWrap .curriculum .cur_txt .h2,
    .curriculum .subSectionWrapper .subSectionWrap .subSection .section_title .h2,
    .curriculum .section_tab .tab_bodyWrap .tab_body .h2 {
        /* font-size: 20px; */
        font-size: 1.429rem;
    }

    .curriculum .curriculumWrap .curriculum .cur_txt p,
    .curriculum .curriculumWrap .curriculum .d-flex .cur_btn,
    .curriculum .subSectionWrapper .subSectionWrap .subSection .section_title p,
    .curriculum .section_tab .tab_bodyWrap .tab_body .d-flex .tab_txt>ul>li,
    .curriculum .section_tab .tab_bodyWrap .tab_body .steps {
        /* font-size: 14px; */
        font-size: 1rem;
    }

    .curriculum .curriculumWrap .curriculum .d-flex .cur_btn,
    .curriculum .section_tab .tab_bodyWrap .tab_body .steps,
    .curriculum .section_tab .tab_headerWrap .tab_header {
        padding: 5px 10px;
    }

    .curriculum .curriculumWrap .curriculum .d-flex .cur_btn {
        margin: 10px auto 0;
        width: 100px;
    }

    .curriculum .curriculumWrap .curriculum .d-flex .cur_img {
        width: 150px;
        margin: 0 auto;
    }
    
	.course-navWrap{
		display:none;
	}

}

/*--------------------------------------------------------------
  [3] 모바일  320px - 767px >> 기준 300px
----------------------------------------------------------------*/
@media(max-width:767px) {
    .modalWrap .modal-main,
    .modal .modal-main {
        width: 300px;
        height: 400px;
    }
    .container_rainbow>.course-list,
    .container_rainbow>.course-detail,
    .container_rainbow>.content>.mainBackVideoWrap,
    .addBannerWrapper {
     /*    margin-top: 60px; */
    }


.course-navWrap{
	display:none;
}

    .header,
    .fullWrapper>.full-navGroup,
    .subHeaderWrap>.subHeader,
    .courseWrapper>.courseWrap,
    .companyIntroWrapper>.companyIntroWrap,
    /* .managementWrapper>.managementWrap, */
    .partnerWrapper>.partnerWrap,
    .adBannerWrapper,
    .footerWrap>.footer,
    .detail-menuWrapper>.d-flex,
    .course-detail-container,
    .course-navWrap>.d-flex,
    .sub-content,
    .course-applyContainer .fullWrapper>.full-navGroup .menuDivWrap>.menu-title-division,
    .section_search,
    .section_table,
    .section_view,
    .section_tab,
    .section_map,
    .section_pagination,
    .section_formStyle,
    .section_btnWrap,
    .promotionBanner,
    .noticeWrapper,
    .curriculum-table.d-flex .table,
    .curriculum .curriculumWrapper,
    .curriculum .subSectionContainer .subSectionWrapper .subSectionWrap .subSection {
        width: calc(100% - 20px);
        margin: 0 auto;
        min-width: 320px;
    }

    .companyAwardsWrapper>.companyAwardsWrap>.companyAwards,
    .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap {
        width: calc(100% - 20px);
    }

    .footerWrap>.footer,
    .resumeWrap .resumeTitle,
    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex,
    .rsmForm_address,
    .rsm_profile .resumeForm>.rsmForm_address>.rsm_txt .d-flex,
    .adBannerWrapper .adBannerWrap .adBanner>a>.d-flex,
    .companyIntroWrapper .companyIntroWrap .boxContent .contentList,
    .curriculum .section_tab .tab_bodyWrap .tab_body .d-flex,
    .table-boxWrap .table-box-bodyGroup .table-box-bodyWrap .table-box-body .table-box-content .table-box-header {
        display: block;
    }

    .subHeaderWrap,
    /* .swiper-button-next,
    .swiper-button-prev, */
    .swiper-pagination,
    .footerWrap .footer_navWrap,
    .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap>p.op06,
    .table-boxWrap .table-box-headerWrap {
        display: none;
    }

    .courseContainer>.courseWrapper,
    .courseWrapper>.courseWrap,
    .companyIntroWrapper>.companyIntroWrap,
    .managementWrapper>.managementWrap,
    .partnerWrapper>.partnerWrap,
    .curriculum .curriculumWrapper,
    .curriculum .subSectionContainer .subSectionWrapper .subSectionWrap .subSection {
        padding: 60px 0;
    }

    .noticeWrapper {
        padding: 0 0 60px;
    }

    .courseWrapper>.fullBannerWrapper {
        margin: 60px 0 0;
    }

    .course-list .fullBannerWrapper {
        margin: 0 0 60px;
    }

    .courseWrapper>.courseWrap .courseFilterWrap>.courseList,
    /* .managementWrapper>.managementWrap>.d-flex, */
    .partnerWrapper>.partnerWrap>.partner,
    .companyIntroWrapper>.companyIntroWrap>.companyIntro,
    .courseWrapper>.courseWrap>.courseListWrap,
    .companyIntroWrapper .companyIntroWrap .boxContent,
    .curriculum .section_tab .tab_bodyWrap .tab_body .d-flex .tab_img {
        width: 300px;
    }

    .courseWrapper>.courseWrap .courseFilterWrap>.courseList>li>a>.courseImg {
        /* min-height: calc((300px / 3) * 2); */
    }

    .curriculum .section_tab .tab_bodyWrap .tab_body .d-flex .tab_img {
        height: calc((300px / 1618) * 1000);
    }

    .course-detail-container>.course-detailWrap,
    .course-applyContainer>.resumeSection,
    .subSectionWrapper .subSection .section_tab,
    .subSectionWrapper .subSectionWrap .subSection .sectionTxt .sectionImg {
        width: 100%;
        min-width: 320px;
    }

    .curriculum .subSectionWrapper .subSectionWrap .subSection .tab_bodyWrap {
        width: 100%;
        min-width: 320px;
        max-width: 767px;
    }

    .curriculum .curriculumWrap .curriculum {
        width: 320px;
    }

    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form20,
    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form25,
    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form33,
    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form50,
    .resumeWrap .resumeSection .resumeFormWrap .resumeForm.d-flex>.form80,
    .rsm_profile .resumeFormWrap>.resumeForm>.resumeForm_text>.rsm_input>.rsm_radio:last-child,
    .rsm_profile .resumeForm>.rsmForm_address>.rsm_txt,
    .rsm_profile .resumeForm>.rsmForm_address>.rsm_txt .d-flex .rsm_input,
    .resumeForm_text.form100,
    .companyIntroWrapper>.companyIntroWrap>.companyIntro>.introWrap>.intro,
    .managementWrapper>.managementWrap>.d-flex>.management,
    .box02,
    .box03,
    .box33,
    .box66,
    .renewal .courseSectionWrapper .courseSectionWrap .course-section .section_tab .tab_body .tab_img,
    .table-boxWrap .table-box-bodyGroup .table-box-bodyWrap .table-box-body .table-box-content {
        width: 100%;
    }

    .progressContainer .progressWrap .d-flex .progress .progress100 {
        width: 25%;
    }

    .progressContainer .progressWrap .d-flex .progress .progress200 {
        width: 50%;
    }

    .resumeForm_text,
    .curriculum-table.d-flex .table {
        margin: 10px 0;
    }

    .curriculum-table.d-flex,
    .table-boxWrap .table-box-bodyGroup .table-box-bodyWrap,
    .table-boxWrap .table-box-bodyGroup .table-box-bodyWrap .table-box-body .d-flex,
    .profileContainer .profile .profileWrap {
        -webkit-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .container_rainbow>.content>.mainBackVideoWrap,
    .courseWrapper>.courseWrap .courseFilterWrap>.courseTitle,
    .companyAwardsWrapper>.companyAwardsWrap>.companyAwards,
    .adBannerWrapper .adBannerWrap .adBanner .bannerTxt>.d-flex,
    .curriculum .curriculumWrap,
    .courseSectionWrap .shadow-boxWrap,
    .profileContainer .profile .profileWrap {
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }

    .mainBackVideoWrap>.background_video {
        height: 170px;
    }

    .textWrap>.fz20,
    .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap {
        /* font-size: 14px; */
        font-size: 1rem;
        line-height: 20px;
        height: 100px;
    }

    .renewal .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap {
        height: fit-content;
    }

    .course-detail .scrollFixed .bannerTextWrap .textWrap .courseTitle .fz20{
        /* textover */
        width: 100%;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        white-space: nowrap;
    }
    .course-detail .bannerTextWrap .textWrap .courseTitle{}

    .textWrap>.h2,
    .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap>.h2,
    .resumeHeader>.h2 {
        /* font-size: 16px; */
        font-size: 1.429rem;
        line-height: 30px;
    }

    .renewal .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap .textWrap .courseTitle p {
        /* font-size: 12px; */
        font-size: 0.857rem;
    }


    .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap>.margin-top20 {
        margin-top: 10px;
    }


    .courseWrapper>.courseWrap>.courseListWrap>.course {
        max-width: 285px;
    }

    .courseWrapper>.courseWrap .courseFilterWrap>.courseTitle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .section_btnWrap {
        margin: 40px auto 0;
    }

    .courseWrapper>.courseWrap .courseFilterWrap>.courseTitle>.img-icon {
        margin: 0 10px 0 0;
    }

    .course-teacher>.course-tcImg {
        width: 40px;
        height: 40px;
        background-position: -120px -180px;
    }

    .course-teacher>.course-tcTxtWrap {
        width: calc(100% - 60px);
    }

    .resumeHeader>.resumeMsg {
        text-align: left;
    }

    .resumeSection .resumeWrap {
        margin: 60px 0;
    }

    .resumeWrap .resumeTitle .h3,
    .curriculum .section_tab .tab_bodyWrap .tab_body .d-flex .tab_img {
        margin-right: 0;
    }

    .table-boxWrap .table-box-bodyGroup .table-box-bodyWrap .table-box-body .d-flex .table-box-content:nth-child(1)~* {
        margin-left: 0;
    }

    .resumeWrap .resumeTitle p,
    .renewal .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap .textWrap .courseTitle p {
        margin-top: 10px;
    }

    .curriculum .subSectionWrapper .subSectionWrap .subSection .tab_bodyWrap {
        padding: 20px;
    }

    .resumeFormWrap>.resumeForm>.resumeForm_text>.rsm_input.d-flex>.rsm_radio {
        margin-right: 0;
        margin: 0 5px;
    }

    .rsm_profile .resumeForm>.rsmForm_address>.searchAddressBtn {
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin: 10px auto 0;
    }

    .rsm_introduction .resumeForm>.rsm_textarea {
        margin: 0;
    }

    .table-boxWrap .table-box-bodyGroup .table-box-bodyWrap .table-box-body {
        margin: 10px;
    }

    .rsm_evidence .resumeFormWrapper>.resumeForm_noticeWrap {
        top: -102px;
    }

    .rsm_evidence .resumeFormWrapper>.resumeForm_noticeWrap>.resumeForm_notice {
        width: calc(100% - 30px);
    }


    .adBannerWrapper .adBannerWrap .adBanner .bannerTxt,
    .companyIntroWrapper .companyIntroWrap .boxContent .contentList .textBox h3 {
        text-align: center;
    }

    .adBannerWrapper .adBannerWrap .adBanner .bannerImg {
        margin-top: 20px;
    }

    .curriculum .section_tab .tab_bodyWrap .tab_body .d-flex .tab_img {
        margin-bottom: 20px;
    }

    .adBannerWrapper .adBannerWrap .adBanner .bannerImg img {
        display: block;
        margin: 0 auto;
    }

    .companyIntroWrapper .companyIntroWrap .boxContent .contentList .textBox {
        padding: 0;
    }

    .companyIntroWrapper .companyIntroWrap .boxContent .contentList .imageBox {
        width: 120px;
        margin: 10px auto 0;
    }
}

@media(max-width:590px) {

    .course-reviewWrap>.course-review,
    .course-infoTable>.d-flex,
    .subSectionWrapper .subSectionWrap .subSection .sectionTxt .sectionImg .companyAwards,
    .footerWrap .footer_textWrap,
    .renewal .bannerTextWrap .textWrap .bgc_op05>.d-flex {
        display: block;
    }

    /* .recommendWrapper .textWrap .bannerButtonWrap{
    	display: none;
    } */

    .processWrap,
    .addKakaoBanner>.d-flex>.textWrap>p,

    .adBanner .mobileHide,
    .footerWrap .footer_menuWrap {
        display: none !important;
    }

    .course-curriculumWrap>.curriculum>.curriculum-boxWrap,
    .recommendWrapper .recommendWrap,
    .recommendWrapper .textWrap {
        -webkit-box-lines: multiple;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .course-infoTable>.d-flex>.infoTh {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .recommendWrapper .recommendWrap,
    /* .recommendWrapper .textWrap, */
    .course-section .courseList,
    .courseWrapper>.courseWrap>.courseListWrap,
    .partnerWrapper>.partnerWrap>.partner,
    .subSectionWrapper .subSectionWrap .subSection .sectionTxt .sectionImg .companyAwards,
    .subSectionWrapper .subSectionWrap .subSection .class_bodyWrap .courseFilterWrap .courseList,
    .footerWrap .footer_snsWrap,
    .recommendWrapper .textWrap {
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
    }

    .header,
    .fullWrapper>.full-navGroup,
    .subHeaderWrap>.subHeader,
    .courseWrapper>.courseWrap,
    .companyIntroWrapper>.companyIntroWrap,
    .managementWrapper>.managementWrap,
    .partnerWrapper>.partnerWrap,
    .adBannerWrapper,
    .footerWrap>.footer,
    .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap,
    .detail-menuWrapper>.d-flex,
    .course-detail-container,
    .course-navWrap>.d-flex,
    .sub-content,
    .course-applyContainer .fullWrapper>.full-navGroup .menuDivWrap>.menu-title-division,
    .section_search,
    .section_table,
    .section_view,
    .section_tab,
    .section_map,
    .section_pagination,
    .sub-content.courseApply .section_header,
    .section_formStyle,
    .section_btnWrap,
    .recommendWrapper {
        width: calc(100% - 20px);
        min-width: 280px;
    }


    .courseWrapper>.courseWrap>.courseListWrap,
    .recommendWrapper .recommendWrap,
    .companyIntroWrapper>.companyIntroWrap>.companyIntro>.introWrap>.intro,
    .partnerWrapper>.partnerWrap>.partner,
    .managementWrapper>.managementWrap>.d-flex>.management,
    .course-reviewWrap>.course-review>.course-rvTxtWrap,
    .sub-content>.section_formStyle,
    .sub-content>.section_btnWrap,
    .recommendWrapper .textWrap .h3,
    .curriculum .section_tab .tab_bodyWrap .tab_body .d-flex .tab_img {
        width: 100%;
        min-width: 300px;
    }

    .curriculum .section_tab .tab_bodyWrap .tab_body .d-flex .tab_img {
        width: 100%;
        max-width: 300px;
        min-width: 200px;
    }

    .noticeWrapper,
    .managementWrapper>.managementWrap,
    .recommendWrapper .course_recommend .courseFilterWrap {
        width: 300px;
    }

    .managementWrapper>.managementWrap>.d-flex,
    .partnerWrapper>.partnerWrap>.partner,
    .subSectionWrapper .subSectionWrap .subSection .sectionTxt .sectionImg .companyAwards .awards {
        width: 320px;
    }

    .subSectionWrapper .subSectionWrap .subSection .sectionTxt .sectionImg .companyAwards .awards {
        height: 160px;
    }

    .subSectionWrapper .subSectionWrap .subSection .sectionTxt .sectionImg .companyAwards .awards img {
        height: calc(100% - 20px);
    }

    .course-curriculumWrap>.curriculum>.curriculum-boxWrap>.curriculum-box:nth-child(1)~*,
    .course-reviewWrap>.course-review>.course-rvTxtWrap {
        margin-left: 0;
    }

    .recommendWrapper .recommendWrap .recommendMain {
        margin-right: 0;
    }

    .recommendWrapper .recommendWrap .course_recommend,
    .course-reviewWrap>.course-review>.course-rvTxtWrap,
    .footerWrap .footer_snsWrap {
        margin-top: 20px;
    }

    .renewal .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap .textWrap .bgc_op05 li:not(.d-flex) {
        margin-top: 10px;
    }

    .companyIntroWrapper>.companyIntroWrap>.companyIntro>.introWrap>.intro {
        margin: 10px 0;
    }

    .w150 {
        width: 25%
    }

    .w200 {
        width: 33.3%
    }

    .w300 {
        width: 50%;
    }

    .fullWrapper>.full-navGroup .menuDivWrap>.menu-title-division {
        width: 100%;
    }

    .course-infoTable>.d-flex>.infoTd {
        background-color: #eee;
    }

    .renewal .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap .textWrap .h2 {
        /* font-size: 20px; */
        font-size: 1.429rem;
        line-height: 20px;
    }

    .recommendWrapper .textWrap .h3,
    .noticeWrapper .textWrap .h3 {
        /* font-size: 16px; */
        font-size: 1.143rem;
    }

    .class_headerWrap .class_header,
    .tab_headerWrap .tab_header {
        /* font-size: 14px; */
        font-size: 1rem;
        line-height: 20px;
    }

    /* .recommendWrapper .course_recommend .swiper-container{
        overflow: inherit;
    } */
    /* .recommendWrapper .textWrap{
        text-align: center;
        line-height: 30px;
    } */

    .adBannerWrapper .adBannerWrap .adBanner>a>.d-flex {
        margin: 20px;
    }

    .subSectionWrapper .subSectionWrap .subSection .sectionTxt .sectionImg .companyAwards .awards {
        margin: 10px auto;
    }

    .recommendWrapper .textWrap .bannerButtonWrap {
        bottom: -320px;
    }

    .footer_logoWrap img {
        margin: 0 auto;
        display: block;
    }

    .recommendWrapper .textWrap .h3,
    .footer_textWrap {
        text-align: center;
    }

    .renewal .mainBackVideoWrap>.background_video>.opacity_bg>.bannerTextWrap .logoWrap .logo img {
        height: 25px;
    }


}

/*--------------------------------------------------------------
 community - 05. 오시는 길(rainbow-community05-01.jsp)
  <map>카카오 지도
----------------------------------------------------------------*/

@media(max-width:550px) {
.map>.root_daum_roughmap{
width:450px;}
}
@media(max-width:440px) {
.map>.root_daum_roughmap{
width:350px;}
}

@media(max-width:420px) {
.map>.root_daum_roughmap{
width:330px;}
}
@media(max-width:380px) {
.map>.root_daum_roughmap{
width:300px;}
}
@media(max-width:280px) {

.map_header{
width:90px;
}
.map_header h3{

}
.map>.root_daum_roughmap
{
width:230px;}
}
/* ----------------------------------------------------------- */