@charset "utf-8";

#_contentBuilder #multipleDiv_base_47{padding-top:190px;}

#multipleContentsDiv_base_47{position: static; overflow: hidden; max-width: 1400px; margin: 0 auto; padding: 50px 0;}
#multipleContentsDiv_base_47 > div {z-index: 5;}
#multipleDiv_temp_depart_1_8 {background: url("../../images/main/main_bg.jpg") no-repeat left bottom; background-size: cover;}
#multipleContentsDiv_temp_depart_1_8{max-width: 1400px; margin: 0 auto; padding: 0px 20px 50px; overflow:hidden;}
.fp-section {padding-top: 190px;}
.fp-section:last-child {padding-top: 0;}
@media all and (max-width: 1200px){
  .fp-section {padding-top: 150px;}
  .fp-section:last-child {padding-top: 0;}
}
@media all and (max-width: 1023px){
  #multipleContentsDiv_base_47 {padding: 50px 20px; padding-bottom: 20px}
}

/* fullpage js 해제 */
html body.fp-responsive {overflow-y: auto !important;}
html body.fp-responsive .fp-section {height: auto !important;}
html body.fp-responsive .fp-section {padding-top: 127px;}
html body.fp-responsive .fp-section:last-child {padding-top: 0;}
html body.fp-responsive .fp-section:nth-child(2) {padding: 100px 0;}
@media all and (max-width: 1023px){
  html body.fp-responsive .fp-section:nth-child(2) {padding: 50px 0;}
}
@media all and (max-width: 768px){
  #multipleDiv_temp_depart_1_8 {background:none;}
  html body.fp-responsive .fp-section {padding-top: 80px;}
}

/* 비주얼 */
#multipleContentsDiv_base_47 ._obj:nth-child(1){position: absolute !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; z-index: 1;}

/* 슬로건 */
#multipleContentsDiv_base_47 ._obj:nth-child(2){margin-bottom: 95px;}
.main-slogan {z-index:1; width:100%; line-height:1.3; text-align: left; word-break: break-all;}
.main-slogan .main-slogan-1 {font-size: 18px; line-height: 24px; color: #fff; font-family: "Mont Medium";}
.main-slogan .main-slogan-2 {font-size: 26px; line-height: 40px; letter-spacing: -0.5px; color: #fff; font-family:'S-CoreDream-3Light';}
.main-slogan .main-slogan-2::after {content: ""; display: block; margin: 20px 0; width: 60px; height: 1px; background: #fff;}
.main-slogan .main-slogan-3 {font-size: 58px; line-height: 60px; letter-spacing: -0.5px; color: #fff; font-family:'S-CoreDream-6Bold';}
@media all and (max-width: 1440px){
  #multipleContentsDiv_base_47 ._obj:nth-child(2){display: inline-block;}
}
@media all and (max-width: 768px){
  #multipleContentsDiv_base_47 ._obj:nth-child(2){margin-bottom: 70px;}
  .main-slogan {}
  .main-slogan .main-slogan-1 {display: none;}
  .main-slogan .main-slogan-2 {font-size: 18px; line-height: 25px;}
  .main-slogan .main-slogan-2::after {width: 45px; margin: 15px 0;}
  .main-slogan .main-slogan-3 {font-size: 36px; line-height: 48px;}
}

/* 비디오 */
.main-video .video-inner {}
.main-video video {width: 100%;}
.main-video iframe {min-height: 383px;}
@media all and (max-width: 1024px){
  .main-video iframe {min-height: 550px;}
}
@media all and (max-width: 768px){
  .main-video iframe {min-height: 410px;}
}
@media all and (max-width: 420px){
  .main-video iframe {min-height: 210px;}
}

/*학과소개
#multipleContentsDiv_temp_depart_1_8 ._obj:nth-child(2){position: absolute !important; right: 0 !important; top: 80px !important; left: auto !important; background: #fff url("../../images/main/main_intro_bg.jpg") no-repeat left top; padding: 40px 3%; z-index: 4;}
@media all and (max-width: 1200px){
#multipleContentsDiv_temp_depart_1_8 ._obj:nth-child(2){top: 40px !important;}
}
@media all and (max-width: 1023px){
#multipleContentsDiv_temp_depart_1_8 ._obj:nth-child(2){position: static !important; right: auto !important; top: auto !important; margin-top: 30px; }
}
@media all and (max-width: 768px){
#multipleContentsDiv_temp_depart_1_8 ._obj:nth-child(2){padding: 40px 5%;}
}
*/
#multipleContentsDiv_temp_depart_1_8 ._obj:nth-child(2){width:48% !important;height:auto !important;padding: 40px 3% !important;}
@media all and (max-width: 1023px){
  #multipleContentsDiv_temp_depart_1_8 ._obj:nth-child(2){width:100% !important;}
}
@media all and (max-width: 768px){
}

.main-info-title {position: relative; margin-bottom: 70px;}
.main-info-title p {font-family:'S-CoreDream-3Light'; font-size: 34px; line-height: 40px; letter-spacing: -0.5px; color: #111111;margin-right:210px;}
.main-info-title p span {display: block; font-size: 24px; letter-spacing: 0; color: #a1a1a1; line-height: 30px; margin-bottom: 10px;}
.main-info-title p span.m-blank {display: block; font-size: 34px; color: #111111;}
.main-info-title p strong {font-family:'S-CoreDream-6Bold';line-height:1.1;}

.info-link-bx {position: absolute; right: 10px; top: 0;}
.main-info-share {}
.main-info-share li {float: left; margin-left: 10px;}
.main-info-bx .main-info-gallery {margin-top: 20px;}
.main-info-bx .main-info-gallery a {position: relative; display: block; border-radius: 25px; background: #34353A; padding: 10px 55px 10px 25px; font-size: 16px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Medium"; }
.main-info-bx .main-info-gallery a::after {content: ""; position: absolute; width: 21px; height: 19px; background: url("../../images/icon/ic_gallery.png") no-repeat; right: 25px; top: 50%; margin-top: -9.5px;}
.main-info-bx .main-info-gallery a:hover {text-decoration: underline;}

.main-intro-link ul li {float: left; width: 29.33%;}
.main-intro-link ul li:nth-child(2) {margin: 0 6%;}
.main-intro-link ul li a {display: block; border-bottom: 2px solid #111; line-height: 35px; font-size: 18px; letter-spacing: -0.5px; color: #111111; letter-spacing: -0.5px; padding-bottom: 10px; "Noto Regular";}
.main-intro-link ul li a::after {content: ""; display: block; clear: both;}
.main-intro-link ul li a p {float: left;}
.main-intro-link ul li a img {float: right; transform: translateY(0); transition: transform 0.3s;}
.main-intro-link ul li a:hover img {transform: translateY(-10px);}

.main-link-bx {margin-top: 70px;}
.main-link-bx ul {display: table; width: 100%;}
.main-link-bx ul li {position: relative; display: table-cell; width: 25%; background: #EF7F31; vertical-align: top;}
.main-link-bx ul li.link2 {background: url("../../images/main/main_link_bg1.jpg") no-repeat; background-size: cover;}
.main-link-bx ul li.link2::before, .main-link-bx ul li.link4::before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.7);}
.main-link-bx ul li.link4 {background: url("../../images/main/main_link_bg2.jpg") no-repeat; background-size: cover;}

.main-link-bx ul li a {position: relative; display: block; padding: 30px 9%; z-index: 2;}
.main-link-num {font-size: 34px; letter-spacing: -0.5px; color: #fff; font-family:'Mont Medium';}
.main-link-bx ul li.link2 .main-link-num , .main-link-bx ul li.link4 .main-link-num {color: #bbb;}
.main-link-title {font-size: 16px; line-height: 30px; letter-spacing: -0.5px; color: rgba(255, 255, 255, 0.7); margin-top: 45px;}
.main-link-title strong {position: relative; display: inline-block; font-family: "Noto Medium"; font-size: 18px; color: #fff;}
.main-link-title strong::after {content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #fff; transition: width 0.3s;}

.main-link-icon {position: absolute; right: 9%; top: 30px; width: 60px; height: 60px; background: #fff; border-radius: 50%; text-align: center; line-height: 60px;}
.main-link-icon img {display: inline-block;}

.main-link-bx ul li a:hover .main-link-title strong::after {width: 100%;}

@media all and (max-width: 1200px){
  .main-link-bx {margin-top: 100px;}
}
@media all and (max-width: 1023px){
  .main-link-bx {margin-top: 30px;}
  .main-link-bx ul {display: block;}
  .main-link-bx ul li {float: left; display: block; width: 50%;}
  .main-link-bx ul li.link3 {background: url("../../images/main/main_link_bg2.jpg") no-repeat; background-size: cover;}
  .main-link-bx ul li.link3::before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.7);}
  .main-link-bx ul li.link3 .main-link-num {color: #bbb;}
  .main-link-bx ul li.link4 {background: #EF7F31;}
  .main-link-bx ul li.link4::before {display: none;}
  .main-link-bx ul li.link4 .main-link-num {color: #fff;}
}
@media all and (max-width: 768px){
  .info-link-bx {position: static; overflow: hidden; margin-top: 20px;}
  .main-info-title p {font-size: 30px;margin-right:0;}
  .main-info-title p span {font-size: 21px; line-height: 26px;}
  .main-info-title p span.m-blank {display: inline; font-size: 30px;}
  .main-info-share {float: left; }
  .main-info-bx .main-info-gallery {float: right; margin-top: 0;}
  .main-intro-link ul li {float: none; width: 100%;}
  .main-intro-link ul li:nth-child(2) {margin: 15px 0;}
  .main-link-bx ul li a {padding:20px 75px 20px 15px;}
  .main-link-num {font-size: 26px;}
  .main-link-title {margin-top: 20px; font-size: 14px; line-height: 24px;}

  .main-link-bx {position: relative;}
  .main-link-bx ul {display: block;}
  .main-link-bx ul li {float: none; display: block; width: 100%;}

  .main-link-bx ul li.link3 {background: #EF7F31;}
  .main-link-bx ul li.link3::before {display: none;}
  .main-link-bx ul li.link3 .main-link-num {color: #fff;}
  .main-link-bx ul li.link4 {background: url("../../images/main/main_link_bg2.jpg") no-repeat; background-size: cover;}
  .main-link-bx ul li.link4::before {content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.7);}
  .main-link-bx ul li.link4 .main-link-num {color: #bbb;}

  .main-link-icon {right: 5%;}
}
@media all and (max-width: 500px){
  .main-info-share {float: none; }
  .main-info-title {margin-bottom: 40px;}
  .main-info-bx .main-info-gallery {float: none; margin-top: 10px;}
  .main-info-bx .main-info-gallery a {display: inline-block;}
}
