.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%; height: 100vh; position: relative; overflow: hidden; }

.section_01 .banner_top{width: 100%; height: 45%;}
.section_01 .banner_img{width: 100%; height: 75%; 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;}
@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;}
}


.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; border-top:1px solid #b2b2b2}
.section_02 .banner_03 li {width:calc(33.3% - 0px); padding:10px 30px 30px; border-radius:10px; background:#fbfbfb; cursor: pointer; border:2px solid #fff}
.section_02 .banner_03 li:first-child {background:url('../img/main/1_1_bg.png') no-repeat; background-size:cover; border:2px solid transparent}
.section_02 .banner_03 li p {margin-top:20px}
.section_02 .banner_03 li div {position: relative; padding-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 .flex{justify-content: space-between; align-items: flex-end;}
.section_02 .banner_03 li a.down {border:2px solid #f15253; padding:1px 15px; border-radius:50px}
.section_02 .banner_03 li a.down:hover {background:#f15253; color:#fff}
.section_02 .banner_03 li:hover {border:2px solid #f15253; background:#fff}

/* 학과별 링크 */
.section_03{width: 100%;}
.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;     justify-content: space-between; 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}


@media screen and (max-width : 1400px) {
    .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 : 768px) {
    .section_03 ul.link_list li .link_page a{font-size: 16px;}
}


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

.section_04 .inner img {width:100%}

@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:50px 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;}
}



.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%;}
}