.main_page{width:100%;  color:#000}
.main_page a{color: #000;}

.color{color: #ee3e42;}
.flex{display: flex; flex-wrap: wrap;}
.hidden {display: none !important;}

.point_bg{background:#ee3e42 !important}
.point_c{color:#ee3e42 !important}

.point_f{font-family: 'GmarketSans';}

.main_page .page_tit{padding-bottom: 40px;}


/* section_01 메인 배너 */
.section_01{width: 100%; padding-top:200px; position: relative; overflow: hidden; }

.section_01 .banner_top{width: 100%; padding-bottom:50px}
.section_01 .banner_img{width: 100%; background: url(../images/main/banner_img.png) no-repeat; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center;}

.section_01 .banner_top .inner{height: 100%; display: flex; flex-direction: column; justify-content: flex-end; }
.section_01 .banner_top .center_txt h2{line-height: 200%;}
.section_01 .banner_top .center_tit{width: 100%; margin: 40px 0 50px;}
.section_01 .banner_top .center_tit h1{font-size: 4.2vw; line-height: 150%; padding-bottom: 20px;}

.section_01 .banner_img{text-align: right;}
.section_01 .banner_img h3{padding-bottom: 30px; margin-bottom: 30px; position: relative; text-shadow: 3px 5px 8px #00000033;}
.section_01 .banner_img h2{ text-shadow: 3px 5px 8px #00000033;}
.section_01 .banner_img h3::after{content: ""; width: 45px; height: 5px; background: #ee3e42; position: absolute; right: 0; bottom: 0;}

.section_01 .scroll_down{color:#fff; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); text-align: center; line-height: 170%;  font-weight: 500; animation: scroll 2s infinite linear;}


.down  img {width:37px}

.inner.arrow{width: 100%; max-width: 1400px; margin: 0 auto;  position: absolute;
    bottom: 40%;
    left: 50%;
    transform: translate(-50%, -50%); z-index:2}

@keyframes scroll {
    0%{transform: translateX(-50%) translateY(0px);}
    50%{transform: translateX(-50%) translateY(15px);}
    100%{transform: translateX(-50%) translateY(0px);}
}

@media screen and (max-width : 1020px) {
    .section_01 .banner_top .fll_txt{text-align: left; width: 100%; margin: 40px 0 20px;}
    .section_01 .banner_top .fll_txt h1{font-size: 5.6vw; line-height: 150%;}
    .section_01 .scroll_down{font-size: 13px;}
}
@media screen and (max-width : 738px) {
    .section_01 .banner_top .flr_txt h2{font-size: 16px;}
    .section_01 .banner_top .fll_txt h1{font-size: 6.8vw; line-height: 150%;}
    .section_01 .banner_img{text-align: left;}
    .section_01 .banner_img h3::after{right: auto; left: 0;}

    .section_01 .scroll_down{display: none;}
}

.section_01 .swiper-button-prev:after, .section_01 .swiper-rtl .swiper-button-next:after {display:none}
.section_01 .swiper-button-next:after, .section_01  .swiper-rtl .swiper-button-prev:after {display:none}

.b_tit {margin-bottom:20px}
.s_tit {margin-bottom: 8px;}

/* section_02 학과소개 */
.section_02{width: 100%; padding: 80px 0 100px; }
.section_02 .quick_menu {display:flex; border-radius:10px; margin-bottom:30px; }
.section_02 .quick_menu li {width:16.6%;  padding:20px 0px}
.section_02 .quick_menu li a {color:#fff; display:flex; padding:0px 20px; align-items: center;       border-right: 1px solid #fff;  justify-content: space-around; }
.section_02 .quick_menu li a .icon {display: flex;  transition: .25s; opacity: 0; align-items: center; justify-content: center;height: 36px; margin-left:30px; width: 36px; position: relative;    border-radius:50px;  margin: auto 0;  overflow: hidden;  padding: 5px;  background: white;  font-size:30px; color:#ee3e42}

.section_02 .quick_menu li:hover a .icon {opacity: 1; }
.section_02 .quick_menu li:hover a .text {margin-right:0px}
.section_02 .quick_menu li:last-child a {border:0px}

.section_02 .banner_03 {display:flex; gap:20px; padding-top:30px; background:#ee3e42; border-radius:10px; }

.section_02 .banner_03 li {width:calc(50% - 0px); padding:10px 30px 30px;  color:#fff; display:flex}
.section_02 .banner_03 li p {margin-top:20px}
.section_02 .banner_03 li .font-35 {line-height:130%}
.section_02 .banner_03 li .font-35::before {width:30px; height:3px; background:#f15253; content:""; position: absolute; top:0; left:0}

.section_02 .banner_03 li a.down {padding-top:20px; display:block }

.section_02 .banner_03 li .flex {width:calc(100% - 200px); display:flex; gap:10px;  align-items:flex-start; margin-left:50px}
.section_02 .banner_03 li .flex > div {width:calc(33.3% - 10px); padding:20px 10px; border-radius:10px;  background:#fff; text-align:center; font-weight:600; min-width:125px}


/* 학과별 링크 */
.section_03{width: 100%; /*padding-top:100px*/}
.section_03 .flex_box {display:flex; gap:50px;}
.section_03 .flex_box > li {width:50%}
.section_03 .flex_box .flex{align-items: center;   justify-content: space-between}
.section_03 .flex_box .b_tit {margin-bottom:0px}
.section_03 .flex_box .bo_list {border-top:1px solid #bbbbbb; margin-top:20px;}
.section_03 .flex_box .bo_list li {display:flex; border-bottom:1px solid #bbbbbb; padding:11px 0px}
.section_03 .flex_box .bo_list li a {overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; display: block;}
.section_03 .flex_box .bo_list li span {display: block; min-width:100px; margin-left:50px}


.m_icon {height:70px}

@media screen and (max-width : 1400px) {
.section_02 .banner_03 li .flex > div {width:calc(50% - 10px); min-width:calc(50% - 10px)}
}



@media screen and (max-width : 1350px) {
    .section_03 ul.link_list li .link_page a{font-size: 20px;}
}

@media screen and (max-width : 1200px) {
    .section_03 ul.link_list li{flex-direction: column; align-items: flex-start; padding: 30px 20px;}
    .section_03 ul.link_list li .link_page{margin-top: 12px;}
}


@media screen and (max-width : 1000px) {
	.section_02 .banner_03 li br {display:none}
    .section_02 .banner_03 li  {display:block}
	.section_02 .banner_03 li > div {width:100%}
	.section_02 .banner_03 li .flex {margin-left:0px; padding-top:20px; width:100%}
}

@media screen and (max-width : 768px) {
    .section_03 ul.link_list li .link_page a{font-size: 16px;}
}


/* section_04 관련 자격증 */
.section_04{width: 100%; padding:100px 0 100px; }

/*.section_04 .inner img {width:100%}*/



.section_05{width: 100%; padding:100px 0px 0px;}
.section_05 .flex_box {display:flex; flex-wrap: wrap; gap:20px; justify-content: space-between;}
.section_05 .flex_box li {width:calc(33.3% - 20px); border-bottom:1px solid #b2b2b2; padding-bottom:20px}
.section_05 .flex_box li:first-child {border:0}
.section_05 .flex_box .flex {justify-content: space-between;      flex-wrap: nowrap;   align-items: flex-end;}
.section_05 .flex_box .flex .left_txt  {background:#fff; padding:5px 20px; border-radius:50px}
.section_05 .flex_box .flex .right_txt  {text-align:right}

.section_05 .flex_in {display:flex; align-items: flex-end;     justify-content: flex-end;}

.slot-number {
  display: flex;
  height: 60px;
  overflow: hidden;
}

.slot-digit {
  position: relative;
  height: 60px;
  overflow: hidden;
}

.slot-digit .digit-stack {
  position: relative;
  transition: transform 1s ease-out;
}

.slot-digit .digit-stack span {
  display: block;
  height: 60px;
  line-height: 60px;
  text-align: center;
}

.slot-char {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width : 1300px) {
.section_05 .flex_box .flex .right_txt .font-50 {font-size:35px !important;   line-height: 150%;}
}

@media screen and (max-width : 1200px) {
.section_05 .flex_box .flex .right_txt .font-50 {font-size:30px !important;   line-height: 150%;}
}
@media screen and (max-width : 1100px) {
.section_05 .flex_box .flex .right_txt .font-50 {font-size:25px !important;   line-height: 150%;}
}

@media screen and (max-width : 1000px) {
.section_05 .flex_box li {width:calc(50% - 20px);}
.section_05 .flex_box .flex .right_txt .font-50 {font-size:35px !important;   line-height: 150%;}
}

@media screen and (max-width :800px) {
.section_05 .flex_box .flex .right_txt .font-50 {font-size:25px !important;   line-height: 150%;}
}


@media screen and (max-width :650px) {
.section_05 .flex_box li {width:calc(100% - 0px);}
.section_05 .flex_box .flex .right_txt .font-50 {font-size:30px !important;   line-height: 150%;}
}



@media screen and (max-width : 1200px) {
.section_02 .quick_menu li a {}
}
@media screen and (max-width : 1000px) {
	.section_01 {padding-top:100px; height:100%}
	.section_01 .banner_img {padding:0px 0px 0px}

	.section_02 .quick_menu {flex-wrap: wrap;}
	.section_02 .quick_menu li:nth-child(3) a {border:0px}
	.section_02 .quick_menu li {width:33.33%}
}
@media screen and (max-width : 768px) {
.section_01 h1 {font-size:20px}
.section_01 h2.font-60 {font-size:26px}

.section_02 .quick_menu li a {justify-content: center;}
.section_02 .quick_menu li:hover a .icon {opacity:0; }

.section_02 .banner_03 {flex-wrap: wrap;}
.section_02 .banner_03 li {width:100%}

.section_03 .flex_box {flex-wrap: wrap;}
.section_03 .flex_box > li {width:100%}

.section_03 .flex_box .wrap {max-width: 80%; margin: 50px auto 0;}
.section_03 .flex_box .video {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.section_03 .flex_box .video iframe {position: absolute; top: 0;  left: 0; width: 100%;  height: 100%; } 
.section_03 .flex_box .bo_list li span {margin-left:10px; text-align: right; min-width:80px;}

.section_04 {padding:50px 0px}


}


@media screen and (max-width :400px) {
.section_01 h1 {font-size:18px; padding-top:10px; word-break: keep-all;}
.section_01 h2.font-60 {font-size:22px; word-break: keep-all;}

.section_02 .quick_menu li a {font-size:16px}
.section_02 {padding:50px 0px}

.section_03 .flex_box .bo_list li span {min-width:70px;}
}



.pop_bg{background: #000000bd !important; }
.cclum_popup{background: #000 !important; color: #fff !important; border: 1px solid #ccc !important; /*max-width: 1480px !important; max-height: 700px !important;*/}
.cclum_popup .close::before,
.cclum_popup .close::after{border-bottom: 1px solid #fff !important;}

/*.cclum_popup table:nth-child(1){width: 500% !important;}
.cclum_popup table:last-child{width: 400% !important;}*/

.right_button .font-40 {line-height:45%}
.right_button .degree {margin-top:20px}
.cclum_popup table:nth-child(1) tr td{/*width: 20% !important;*/  word-break: break-all;}
.cclum_popup table:not(:first-child){margin-left: 15px !important; padding-left: 15px !important; border-left: 1px solid #fff !important;} 
.cclum_popup table tr th{color: #000; height: 35px;}
.cclum_popup table tr th.bold{font-size: 12px !important;}
.cclum_popup table tr th.bg_color{background: #f6ac3c !important; color: #fff !important;}
.cclum_popup table tr td{border-bottom: 1px solid #acacac !important; padding: 10px 5px !important; font-size: 13px !important;}
.cclum_popup table tr td .bd p{background: #242424; color: #ee3e42;}
/*.cclum_popup table tr td:not(:last-child){border-right: 1px solid #acacac !important;}*/
.cclum_popup table tr td.bdr{border-right: 1px solid #acacac !important;}

.cclum_popup table.full{width: 100% !important;}
.cclum_popup table.full tr td{width: auto !important; padding: 10px !important;}
.section_05 .pf_info .bottom_btn_link a:first-child {display:none !important;}
.beauty .section_05 .pf_list li p span{width:120px  !important}
.section_05 .pf_list li p span{width:200px  !important}

.right_button .degree {padding-bottom:45px}


.badge.field_01 {background:#ee3e42;}
.badge.field_02 {background:#ee3e42;}
.badge.field_03 {background:#ee3e42;}
.badge.field_04 {background:#ee3e42;}
.badge.field_05 {background:#ee3e42;}
.badge.field_06 {background:#ee3e42;}
.badge.field_07 {background:#ee3e42;}
.badge.field_08 {background:#ee3e42;}
.badge.field_09 {background:#ee3e42;}


.badge.field01_01 {background:#ee3e42;}
.badge.field01_02 {background:#ee3e42;}
.badge.field01_03 {background:#ee3e42;}
.badge.field01_04 {background:#ee3e42;}
.badge.field01_05 {background:#ee3e42;}
.badge.field01_06 {background:#ee3e42;}
.badge.field01_07 {background:#ee3e42;}
.badge.field01_08 {background:#ee3e42;}

.badge.field02_01 {background:#ee3e42;}
.badge.field02_02 {background:#ee3e42;}
.badge.field02_03 {background:#ee3e42;}
.badge.field02_04 {background:#ee3e42;}
.badge.field02_05 {background:#ee3e42;}
.badge.field02_06 {background:#ee3e42;}
.badge.field02_07 {background:#ee3e42;}
.badge.field02_08 {background:#ee3e42;}


.badge.field03_01 {background:#ee3e42;}
.badge.field04_01 {background:#ee3e42;}
.badge.field05_01 {background:#ee3e42;}

.curriculum_flex {display:flex; justify-content: space-between; align-items: flex-end;}
#curriculum_tab_color {display:flex; margin-bottom:30px}
#curriculum_tab_color a {border:1px solid #aaa; padding:5px 10px; margin-left:5px; display: inline-block;}
#curriculum_tab_color a.color_01_link:hover {background:#ee3e42; color:#fff !important; border:1px solid #ee3e42; }
#curriculum_tab_color a.color_02_link:hover {background:#fcb040; color:#fff !important; border:1px solid #fcb040; }
#curriculum_tab_color a.color_03_link:hover {background:#bf1264; color:#fff !important; border:1px solid #bf1264; }
#curriculum_tab_color a.color_04_link:hover {background:#45153b; color:#fff !important; border:1px solid #45153b; }

#curriculum_tab_color a.color_01_link.active {background:#ee3e42; color:#fff !important; border:1px solid #ee3e42; }
#curriculum_tab_color a.color_02_link.active {background:#fcb040; color:#fff !important; border:1px solid #fcb040; }
#curriculum_tab_color a.color_03_link.active {background:#bf1264; color:#fff !important; border:1px solid #bf1264; }
#curriculum_tab_color a.color_04_link.active {background:#45153b; color:#fff !important; border:1px solid #45153b;}

.badge.color_01 {background:#ee3e42;}
.badge.color_02 {background:#fcb040; }
.badge.color_03 {background:#bf1264;}
.badge.color_04 {background:#45153b;}

/* 흐림 처리 시 회색 */
.badge.dimmed {
  background: #a1a1a1 !important;
}



.roadmap .cell.cont.row{flex-direction: row  !important}

.dark-mode .badge.field_01 {background:#ee3e42;}
.dark-mode .badge.field_02 {background:#ee3e42;}
.dark-mode .badge.field_03 {background:#ee3e42;}
.dark-mode .badge.field_04 {background:#ee3e42;}
.dark-mode .badge.field_05 {background:#ee3e42;}
.dark-mode .badge.field_06 {background:#ee3e42;}
.dark-mode .badge.field_07 {background:#ee3e42;}
.dark-mode .badge.field_08 {background:#ee3e42;}
.dark-mode .badge.field_09 {background:#ee3e42;}

.dark-mode .badge.field01_01 {background:#ee3e42;}
.dark-mode .badge.field01_02 {background:#ee3e42;}
.dark-mode .badge.field01_03 {background:#ee3e42;}
.dark-mode .badge.field01_04 {background:#ee3e42;}
.dark-mode .badge.field01_05 {background:#ee3e42;}
.dark-mode .badge.field01_06 {background:#ee3e42;}
.dark-mode .badge.field01_07 {background:#ee3e42;}
.dark-mode .badge.field01_08 {background:#ee3e42;}

.dark-mode .badge.field02_01 {background:#ee3e42;}
.dark-mode .badge.field02_02 {background:#ee3e42;}
.dark-mode .badge.field02_03 {background:#ee3e42;}
.dark-mode .badge.field02_04 {background:#ee3e42;}
.dark-mode .badge.field02_05 {background:#ee3e42;}
.dark-mode .badge.field02_06 {background:#ee3e42;}
.dark-mode .badge.field02_07 {background:#ee3e42;}
.dark-mode .badge.field02_08 {background:#ee3e42;}


.dark-mode .badge.field03_01 {background:#ee3e42;}
.dark-mode .badge.field04_01 {background:#ee3e42;}
.dark-mode .badge.field05_01 {background:#ee3e42;}


.dark-mode #curriculum_tab_color a.color_01_link:hover {background:#ee3e42; color:#fff !important; border:1px solid #ee3e42; }
.dark-mode #curriculum_tab_color a.color_02_link:hover {background:#fcb040; color:#fff !important; border:1px solid #fcb040; }
.dark-mode #curriculum_tab_color a.color_03_link:hover {background:#bf1264; color:#fff !important; border:1px solid #bf1264; }
.dark-mode #curriculum_tab_color a.color_04_link:hover {background:#45153b; color:#fff !important; border:1px solid #45153b; }

.dark-mode #curriculum_tab_color a.color_01_link.active {background:#ee3e42; color:#fff !important; border:1px solid #ee3e42; }
.dark-mode #curriculum_tab_color a.color_02_link.active {background:#fcb040; color:#fff !important; border:1px solid #fcb040; }
.dark-mode #curriculum_tab_color a.color_03_link.active {background:#bf1264; color:#fff !important; border:1px solid #bf1264; }
.dark-mode #curriculum_tab_color a.color_04_link.active {background:#45153b; color:#fff !important; border:1px solid #45153b;}

.dark-mode .badge.color_01 {background:#ee3e42;}
.dark-mode .badge.color_02 {background:#fcb040; }
.dark-mode .badge.color_03 {background:#bf1264;}
.dark-mode .badge.color_04 {background:#45153b;}

/* 흐림 처리 시 회색 */
.dark-mode .badge.dimmed {
  background: #a1a1a1 !important;
}
.roadmap {
  display: grid;
  grid-template-columns: 70px repeat(2, 1fr) 120px 120px;
  grid-auto-rows: minmax(60px, auto);
  font-family: sans-serif;
}

.roadmap.roadmap_02 {
  display: grid;
  grid-template-columns: 70px 240px repeat(1, 1fr) 120px 120px;
  grid-auto-rows: minmax(60px, auto);
  font-family: sans-serif;
}

.roadmap.roadmap_03 {
  display: grid;
  grid-template-columns: 70px 120px repeat(1, 1fr) 120px 120px;
  grid-auto-rows: minmax(60px, auto);
  font-family: sans-serif;
}


.roadmap.roadmap_04 {
  display: grid;
  grid-template-columns: 70px 240px repeat(1, 1fr) 120px 120px;
  grid-auto-rows: minmax(60px, auto);
  font-family: sans-serif;
}


.roadmap.roadmap_05 {
  display: grid;
  grid-template-columns: 70px  repeat(2, 1fr);
  grid-auto-rows: minmax(60px, auto);
  font-family: sans-serif;
}

.roadmap .cell.one {justify-content: center !important;}

.roadmap .cell {
  border-bottom: 1px solid #a1a1a1;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-align: center;
  flex-wrap: wrap;
}

.dark-mode .roadmap .cell.head  {background:#6c6c6c}

.roadmap .cell.head {
  background: #2f2f2f;
  margin:0px;
  font-size:18px;
  color: #fff  !important;
  border-bottom:0px;
}

.roadmap .cell.vertical {
  margin: 10px 0px ;
/*  writing-mode: vertical-lr; */
  text-orientation: upright;
  font-weight: bold;
  border: 1px solid #a1a1a1;
  border-radius:10px;
}

.roadmap .cell.cont {

	align-content: flex-start;
    border-bottom: 1px solid #a1a1a1;
    padding: 10px;
    display: flex;
    font-size: 12px;
    text-align: center;
    flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}	


.dark-mode .badge{background: #a1a1a1;}

.badge {
    background: #2f2f2f;
    margin: 2px;
    padding: 3px 6px;
    display: inline-block;
    width: calc(25% - 6px);
    min-height: 64px;
    display: flex
;
    color: #fff !important;
    align-items: center;
    justify-content: center;
  
}

br.mo{display:none}

.mark-free {
  margin: 10px !important;
  border-radius:10px;
  border: 2px solid #ccc !important;
  font-weight: bold;
}

/* 병합 구현 */
.rowspan-4 {
  grid-row: span 4;
}
.rowspan-3 {
  grid-row: span 3;
}
.rowspan-2 {
  grid-row: span 2;
}
.colspan-2 {
  grid-column: span 2;
}
.colspan-3 {
  grid-column: span 3;
}
.colspan-4 {
  grid-column: span 4;
}
.colspan-5 {
  grid-column: span 4;
}

.roadmap.roadmap_02 .badge {width: calc(20% - 6px);}
.roadmap.roadmap_03 .badge {width: calc(16.6% - 6px);}
.roadmap.roadmap_04 .badge {width: calc(25% - 6px);}
.roadmap.roadmap_04 .badge {width: calc(25% - 6px);}

.cell_half {flex-direction: row !important}
.badge_half {width:100% !important}

.roadmap.roadmap_02 .badge.half {width: calc(50% - 6px);!important}
.roadmap.roadmap_03 .badge.half {width: calc(100% - 6px);!important}
.roadmap.roadmap_04 .badge.half {width: calc(50% - 6px);!important}

@media screen and (max-width : 1600px) {
br.none {display:none}
.about_flex p {padding-bottom:150px  !important}

}


@media screen and (max-width : 1400px) {
    .cclum_popup .cclum_ctt{flex-direction: row !important; flex-wrap: wrap;}
	.cclum_cdivt {flex-direction: row !important; flex-wrap: wrap;}
    .cclum_popup table:nth-child(1){width: 100% !important;}
    .cclum_popup table:nth-child(2){border-left: 0 !important; margin-left: 0 !important; padding-left: 0 !important;}
    .cclum_popup table:not(:first-child){width: calc(50% - 13.5px); }
    .cclum_popup table:last-child{width: 100% !important; border-left: 0 !important; margin-left: 0 !important; padding-left: 0 !important;}
	
	.inner.arrow {bottom:30%}
}


@media screen and (max-width :1200px) {
.cclum_popup {padding:20px  !important;}

.curriculum_flex {flex-wrap: wrap;}
.curriculum_flex > div {width:100%}
.curriculum_flex {padding-top:50px}
#curriculum_tab_color {justify-content: flex-end; padding-top:20px}

.roadmap.roadmap_02 .badge  {width: calc(25% - 6px);}
}

@media screen and (max-width : 1100px) {
/*.roadmap .cell.cont br  {display:none}*/
.roadmap .cell.cont {padding:5px;}
.roadmap {
  grid-template-columns: 60px repeat(2, 1fr) 80px 80px;
  grid-auto-rows: minmax(30px, auto);
}
.badge {width: calc(33% - 6px);     word-break: keep-all;}

.roadmap .cell.head {font-size:14px}
}


@media screen and (max-width :1000px) {
.roadmap.roadmap_02 .badge  {width: calc(50% - 6px);}
}

@media screen and (max-width : 738px) {
.roadmap {grid-template-columns:55px repeat(4, 1fr);}
.roadmap .cell {padding:5px; font-size: 11px;}
/*
    .section_01 .banner_top{height: 48% !important;}
    .section_01 .banner_img{height: 52% !important;}
*/	
.right_button .font-40 {line-height:100%}

#curriculum_tab_color a {font-size:14px !important}
br.mo{display:block}

.badge {width: calc(100% - 6px);     word-break: keep-all;}
.roadmap.roadmap_02 .badge  {width: calc(100% - 6px);}
.roadmap.roadmap_02 .badge.half {width: calc(100% - 6px) !important;     word-break: keep-all;}
.roadmap.roadmap_02 {grid-template-columns:55px repeat(4, 1fr);}
.roadmap .cell.head  {font-size:13px}
.roadmap .cell.cont {font-size:11px}

.roadmap.roadmap_04 .badge.half {width: calc(100% - 6px) !important;     word-break: keep-all;}
.roadmap.roadmap_04 {grid-template-columns:55px repeat(4, 1fr);}
.roadmap.roadmap_05 .badge {width: calc(50% - 6px) !important;     word-break: keep-all;}
}

  aside {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 5rem;
	z-index:10;
  }
  
  
  
@media screen and (max-width :475px) {
.roadmap .cell.cont {padding:0px}
.roadmap_lay {overflow:auto}
	.inner.arrow {bottom:40px}
}


.cclum_popup table tr td > div:not(:first-child) {margin-top:5px}  

.right_button .degree {padding-bottom:45px}

.w100 {width:100%}   


 #curriculum_tab {display:flex; width: 100%;}
 #curriculum_tab li {margin:0px 10px 30px 0px; font-size: 18px; font-family: 'GmarketSans'; font-weight: 500; COLOR:#000}
 #curriculum_tab li:last-child{margin-right: 0;}
 #curriculum_tab li a {border:1px solid #FFF; font-size:18px; font-weight:800; text-align:center; padding:10px 20px; border-radius:50px; color: #FFF;}
 #curriculum_tab li a.active {background:#ee3e42; border:1px solid #ee3e42; color: #fff  !important;}

.dark-mode #curriculum_tab li a {border:1px solid #000; }
.dark-mode #curriculum_tab li {color:#6b6b6b}
.dark-mode  #curriculum_tab li a.active  {border:1px solid #ee3e42; }
.dark-mode #curriculum_contents ul li{color:#6b6b6b}

 #curriculum_tab_01 {display:flex; width: 100%;}
 #curriculum_tab_01 li {margin:0px 10px 30px 0px; font-size: 18px; font-family: 'GmarketSans'; font-weight: 500; }
 #curriculum_tab_01 li:last-child{margin-right: 0;}
 #curriculum_tab_01 li a {border:1px solid #FFF; font-size:18px; font-weight:800; text-align:center; padding:10px 20px; border-radius:50px; color: #FFF;}
 #curriculum_tab_01 li a.active {background:#ee3e42; border:1px solid #ee3e42; color: #fff  !important;}

 #curriculum_contents {width: 100%; margin-top: 0px;}
 #curriculum_contents ul {display:flex; flex-wrap: wrap; align-items: center; min-height:51px}
 #curriculum_contents ul li{margin:0px 10px 30px 0px; font-family: 'GmarketSans'; font-size: 18px; font-weight: 500; COLOR:#000}
 
 #curriculum_contents ul a {color:#b8b8b8; font-size:22px; font-weight:800; padding:0px 10px;     position: relative;}
  #curriculum_contents ul li:first-child  a{padding:0px 10px 0px 0px}
  #curriculum_contents ul a:after {content: "";
    display: inline-block;
    width: 1px;
    height: 55%;
    top: 9px;
    /* margin: 10px 20px; */
    background: #fff;
    position: absolute;
    margin-left: 10px;
}  
    #curriculum_contents ul li:last-child a:after {display:none}
    #curriculum_contents ul li:nth-last-child(2) a:after {display:none}
  #curriculum_contents ul a.active {color:#ee3e42 !important;}
/* #curriculum_contents ul a {border:1px solid #b8b8b8; font-size:18px; font-weight:800; text-align:center; padding:10px 20px; border-radius:50px; color: #b8b8b8;}
 #curriculum_contents ul a.active {background:#ee3e42; border:1px solid #ee3e42; color: #fff !important;;}*/


 #curriculum_contents_01 {width: 100%; margin-top: 10px;}
 #curriculum_contents_01 ul {display:flex; flex-wrap: wrap; min-height:51px}
 #curriculum_contents_01 ul li{margin:0px 10px 30px 0px; font-family: 'GmarketSans'; font-size: 18px; font-weight: 500; }
 #curriculum_contents_01 ul a {border:1px solid #b8b8b8; font-size:18px; font-weight:800; text-align:center; padding:10px 20px; border-radius:50px; color: #b8b8b8;}
 #curriculum_contents_01 ul a.active {background:#ee3e42; border:1px solid #ee3e42; color: #fff  !important;}

.section_03 .curriculum_list p {font-size:25px; line-height: 150%;}
.section_03 .curriculum_list p b {font-weight:600}
.section_03 .curriculum_list {display:flex; align-items: flex-end;}
.section_03 .curriculum_list > div.txt {width:40%} 
.section_03 .curriculum_list ul {display:flex;  flex-wrap: wrap; width:100%; border: 1px solid #fff; box-sizing: border-box; padding: 10px;}
.section_03 .curriculum_list ul li {width:calc(20% - 20px); text-align:center; background:#525252; margin:10px; transition: .25s;}
.section_03 .curriculum_list ul li a {font-size:18px; font-weight:300; padding:15px 10px;; display:block; color:#fff}
.section_03 .curriculum_list ul li:hover {background:#ee3e42;}
.section_03 .curriculum_list ul.curriculum_list_02 {display:none}
.section_03 .curriculum_list ul.curriculum_list_03 {display:none}
.section_03 .curriculum_list ul.curriculum_list_04 {display:none}
.section_03 .curriculum_list ul.curriculum_list_05 {display:none}

/*.section_03 .curriculum_list ul li.active {background:#ee3e42;}*/


@media screen and (max-width : 1400px) {
     #curriculum_tab li a {font-size: 17px; padding: 10px 30px;}
     #curriculum_tab_01 li a {font-size: 17px; padding: 10px 30px;}
     .curriculum_list p{font-size: 22px;}
     .curriculum_list ul li a{font-size: 17px;}
	 
    .section_03 .bg_rotate{width: 1000px;}
}
@media screen and (max-width : 1200px) {
     #curriculum_tab li {margin:0px 10px 25px 0px}
     #curriculum_tab_01 li {margin:0px 10px 25px 0px}
     .curriculum_list .txt > h3 {margin-top:30px}
     .curriculum_list {flex-wrap: wrap;}
     .curriculum_list > div.txt {width:100%} 
     .curriculum_list ul {width:100%; margin-top: 20px;}
     #curriculum_contents ul li{margin:0px 10px 25px 0px}
     #curriculum_contents_01 ul li{margin:0px 10px 25px 0px}

    .section_03 .bg_rotate{right: -30%; top: 3%; width: 950px;}
}
@media screen and (max-width : 768px) {
    {padding-top: 100px;}
     #curriculum_tab li a {font-size: 15px; padding: 10px 15px;}
     #curriculum_contents ul a{font-size: 15px;}
     #curriculum_contents_01 ul a{font-size: 15px;}
     .curriculum_list p{font-size: 20px;}
     .curriculum_list ul li a{font-size: 15px;}
     .curriculum_list ul li{width: calc(33.3333% - 20px);}

     .bg_rotate{right: -30%; top: 5%; width: 620px;}
}
@media screen and (max-width : 500px) {
     #curriculum_tab li a {font-size: 13px;}
     #curriculum_contents ul a{font-size: 13px;}
     #curriculum_tab_01 li a {font-size: 13px;}
     #curriculum_contents_01 ul a{font-size: 13px;}
     .curriculum_list ul li a{font-size: 13px;}
     .curriculum_list ul li{width: calc(50% - 10px); margin: 5px;}

     #curriculum_tab{flex-wrap: wrap;}
     #curriculum_tab_01{    flex-wrap: wrap;}
     .curriculum_list ul{padding: 5px;}
}