@charset "utf-8";
#multipleDiv_base_47 {position: relative; z-index: 51; max-width: 1800px; margin: 0 auto; padding: 0 20px; margin-top: -350px; background: #fff url("/sites/t_gra_2/images/main/main_link_bg.jpg") no-repeat right center;}
#multipleContentsDiv_base_47 {overflow: hidden; max-width: 1700px; margin: 0 auto; padding-right: 11%; padding-top: 50px; }
#multipleContentsDiv_temp_graduate_3_20 {overflow: hidden; max-width: 1700px; margin: 0 auto; padding: 0 20px; }

#multipleDiv_temp_graduate_3_20 {background: url("/sites/t_gra_2/images/main/main_bottom_bg.png") no-repeat bottom center;}
#multipleContentsDiv_temp_graduate_3_20 ._obj:nth-child(2){position: absolute; right: 0; top: 0; left: auto !important}

@media all and (max-width: 1200px){
  #multipleDiv_base_47 {margin-top: 0;}
  #multipleContentsDiv_base_47 {padding-right: 0; padding: 25px 0px 0; }

  #multipleContentsDiv_temp_graduate_3_20 ._obj:nth-child(1),
  #multipleContentsDiv_temp_graduate_3_20 ._obj:nth-child(3){width: 50%;}
  #multipleContentsDiv_temp_graduate_3_20 ._obj:nth-child(2){position: relative; width: 100%; margin-top: 50px;}
  #multipleContentsDiv_temp_graduate_3_20 ._obj:nth-child(2)::after {content: ""; display: block; clear: both;}

  #multipleDiv_temp_graduate_3_20 {background: none; background-size: 100% 50%; padding-bottom: 70px;}
  #multipleDiv_temp_graduate_3_20::before {content: ""; position: absolute; width: 100%; height: 25%; left: 0; bottom: 0; background: url("/sites/t_gra_2/images/main/main_popup_bg.jpg") center bottom;}
}

@media all and (max-width: 768px) {
  #multipleDiv_temp_graduate_3_20 {background:#DDD !important;}
  #multipleDiv_temp_graduate_3_20::before {display:none;}
  #multipleContentsDiv_temp_graduate_3_20 ._obj:nth-child(1),
  #multipleContentsDiv_temp_graduate_3_20 ._obj:nth-child(3){width: 100%;}
}

.main-intro-txt {position: absolute; top: 0; z-index: 5; width: 60%; min-height: 300px; left:0; background: url("/sites/t_gra_2/images/main/popup_txt_bg.jpg") no-repeat; padding: 30px 5% 40px 5%; box-sizing: border-box; background-size: cover;}
.main-intro-txt .mojor-title {position: relative; font-size: 26px; color: #fff; font-family: "TitilliumWeb-ExtraLight"; font-style: italic;}
.main-intro-txt .mojor-title::before {content: ""; position: absolute; width: 30px; height: 40px; background: url("/sites/t_gra_2/images/icon/ic_popup_tit.png") no-repeat; left: -10px; top: -5px; z-index: -1;}

.intro-txt-inner .title {font-size: 26px; line-height: 30px; letter-spacing: -0.5px; color: #fff; font-family: "S-CoreDream-5Medium"; margin: 15px 0 10px;}
.intro-txt-inner .title span {font-size: 20px;}
.intro-txt-inner .info {font-size: 14px; line-height: 24px; letter-spacing: -0.75px; color: #fff; font-family: "S-CoreDream-2ExtraLight"; height: 96px; overflow: hidden; text-overflow: ellipsis;}
.intro-txt-inner .info .m-blank {display: block;}
.intro-txt-inner .intro-txt-btn {margin-top: 5px; text-align: right;}
.intro-txt-inner .intro-txt-btn a {display: inline-block; width: 100px; padding-bottom: 10px; border-bottom: 1px solid #fff; font-size: 18px; letter-spacing: -0.5px; color: #fff; font-family: "TitilliumWeb-Light"; background: url("/sites/t_gra_2/images/icon/ic_popup_more.png") no-repeat center right; text-align: left;}

.main-intro-img{margin-left:30%;}
.main-intro-img .intro-img-slider .intro-img-inner {display: inline-block;}

.intro-btn-group {position: absolute; right: 15px; bottom: -4px; }
.intro-btn-group > button {float: left; text-indent: -999999px; width: 45px; height: 13px; margin-top: 15px;}
.intro-btn-group > button.intro-prev {background: url("/sites/t_gra_2/images/button/btn_popup_prev.png") no-repeat center;}
.intro-btn-group > button.intro-next {background: url("/sites/t_gra_2/images/button/btn_popup_next.png") no-repeat center;}
.intro-btn-group .intro-num {float: left; margin: 0 10px;}
.intro-btn-group .intro-num span {font-family: "S-CoreDream-5Medium"; color: rgba(255, 255, 255, 0.5); line-height: 40px;}
.intro-btn-group .current {font-size: 72px; }
.intro-btn-group .slash {font-size: 40px;}
.intro-btn-group .total {font-size: 40px;}

.main-link-list ul::after {content: ""; display: block; clear: both;}
.main-link-list ul li {float: left; width: 20%; background: #fff;}
.main-link-list ul li:hover {background: url("/sites/t_gra_2/images/main/main_link_on.jpg") no-repeat; background-size: cover; }
.main-link-list ul li a {display: block; height: 300px; box-sizing: border-box; border: 1px solid #B5B5B5; border-left: 0; padding: 40px 9%;}
.main-link-list ul li:first-child a {border-left: 1px solid #b5b5b5;}

.main-link-list ul li.bx1 a {background: url("/sites/t_gra_2/images/main/main_link1.png") no-repeat 90% 90%;}
.main-link-list ul li.bx2 a {background: url("/sites/t_gra_2/images/main/main_link4.png") no-repeat 90% 90%;}
.main-link-list ul li.bx3 a {background: url("/sites/t_gra_2/images/main/main_link2.png") no-repeat 90% 90%;}
.main-link-list ul li.bx4 a {background: url("/sites/t_gra_2/images/main/main_link3.png") no-repeat 90% 90%;}
.main-link-list ul li.bx5 a {background: url("/sites/t_gra_2/images/main/main_link5.png") no-repeat 90% 90%;}

.main-link-list ul li.bx1:hover a {background: url("/sites/t_gra_2/images/main/main_link1_on.png") no-repeat 90% 90%;}
.main-link-list ul li.bx2:hover a {background: url("/sites/t_gra_2/images/main/main_link4_on.png") no-repeat 90% 90%;}
.main-link-list ul li.bx3:hover a {background: url("/sites/t_gra_2/images/main/main_link2_on.png") no-repeat 90% 90%;}
.main-link-list ul li.bx4:hover a {background: url("/sites/t_gra_2/images/main/main_link3_on.png") no-repeat 90% 90%;}
.main-link-list ul li.bx5:hover a {background: url("/sites/t_gra_2/images/main/main_link5_on.png") no-repeat 90% 90%;}

.main-link-list ul li .title {font-size: 25px; line-height: 30px; letter-spacing: -0.5px; color: #232323; font-family: "Noto Regular"; margin-bottom: 15px; transition: color 0.3s;}
.main-link-list ul li .info {font-size: 17px; line-height: 28px; letter-spacing: -0.5px; color: #5e5e5e; transition: color 0.3s;}

.main-link-list ul li:hover .title, .main-link-list ul li:hover .info {color: #fff;}


/* 비주얼 텍스트 */
#multipleContentsDiv_factory1_29 ._obj:nth-child(2){position: absolute; width: 100% !important; left: 0; top: 7%;}
.main-slogan {position: relative; z-index:1; width:600px; height: 400px; text-align:center; color:#fff; line-height:1.3; margin: 0 auto; background: url("/sites/t_gra_2/images/main/main_slogan_bg.png") no-repeat; background-size: cover; padding-top: 90px; box-sizing: border-box;}
.main-slogan::before {position: absolute; z-index: -1;}
.main-slogan-inner {}
.main-slogan p {font-size: 25px; line-height: 35px; letter-spacing: -0.5px; color: #fff; font-family: "S-CoreDream-2ExtraLight"; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.24); margin-bottom: 15px;}
.main-slogan span {display:inline-block; font-size: 50px; letter-spacing: -0.5px; color: #fff; font-family: 'S-CoreDream-4Regular'; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.24);}


@media all and (min-width: 1921px) {

}

@media all and (max-width: 1200px){
  .main-intro-img {float: right; width: 50%; height: 300px; overflow: hidden;margin-left:0;}
  .main-intro-txt {left: 0; width: 50%;}
  .main-intro-txt .mojor-title {font-size: 22px;}
  .intro-txt-inner .title {font-size: 22px; line-height: 28px;}
  .intro-txt-inner .info {height: 72px; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
  .intro-txt-inner .info .m-blank {display: inline;}

  .main-link-list ul li a {height: auto; padding-top: 100px; padding-bottom: 15px; text-align: center; min-height: 192px;}
  .main-link-list ul li .title {font-size: 18px;}
  .main-link-list ul li .info {display: none;}

  .main-link-list ul li.bx1 a {background: url("/sites/t_gra_2/images/main/main_link1.png") no-repeat center 30px;}
  .main-link-list ul li.bx2 a {background: url("/sites/t_gra_2/images/main/main_link2.png") no-repeat center 25px;}
  .main-link-list ul li.bx3 a {background: url("/sites/t_gra_2/images/main/main_link3.png") no-repeat center 30px;}
  .main-link-list ul li.bx4 a {background: url("/sites/t_gra_2/images/main/main_link4.png") no-repeat center 30px;}
  .main-link-list ul li.bx5 a {background: url("/sites/t_gra_2/images/main/main_link5.png") no-repeat center 30px;}

  .main-link-list ul li.bx1:hover a {background: url("/sites/t_gra_2/images/main/main_link1_on.png") no-repeat center 30px;}
  .main-link-list ul li.bx2:hover a {background: url("/sites/t_gra_2/images/main/main_link2_on.png") no-repeat center 25px;}
  .main-link-list ul li.bx3:hover a {background: url("/sites/t_gra_2/images/main/main_link3_on.png") no-repeat center 30px;}
  .main-link-list ul li.bx4:hover a {background: url("/sites/t_gra_2/images/main/main_link4_on.png") no-repeat center 30px;}
  .main-link-list ul li.bx5:hover a {background: url("/sites/t_gra_2/images/main/main_link5_on.png") no-repeat center 30px;}
}

@media all and (max-width: 1023px) {

}

@media all and (max-width: 768px){
  .main-intro-txt {position: static; width: 100%; min-height: auto;}

  .main-intro-img {float: none; width: 100%; height: 300px; overflow: hidden;}
  .main-intro-img .intro-img-slider {top: -50%;}
  .main-intro-img .intro-img-slider .intro-img-inner{overflow: hidden;height: 272px;}
  .main-intro-img .intro-img-slider .intro-img-inner img {width: 100%; }
  .main-link-list ul li  {float: none; width: 100%;}
  .main-link-list ul li a {text-align: right; padding: 15px 5%; border: 1px solid #B5B5B5; border-top: 0; min-height: 100%;}
  .main-link-list ul li:first-child a {border-top: 1px solid #B5B5B5;}
  .main-link-list ul li .title {margin-bottom: 0;}

  .intro-btn-group .current {font-size: 50px;}
  .intro-btn-group .slash {font-size: 30px;}
  .intro-btn-group .total {font-size: 30px;}
  .intro-btn-group > button {margin-top: 21px;}

  .main-link-list ul li.bx1 a {background: url("/sites/t_gra_2/images/main/main_link1.png") no-repeat 5% center; background-size: 40px auto;}
  .main-link-list ul li.bx2 a {background: url("/sites/t_gra_2/images/main/main_link2.png") no-repeat 5% center; background-size: 40px auto;}
  .main-link-list ul li.bx3 a {background: url("/sites/t_gra_2/images/main/main_link3.png") no-repeat 5% center; background-size: 40px auto;}
  .main-link-list ul li.bx4 a {background: url("/sites/t_gra_2/images/main/main_link4.png") no-repeat 5% center; background-size: 40px auto;}
  .main-link-list ul li.bx5 a {background: url("/sites/t_gra_2/images/main/main_link5.png") no-repeat 5% center; background-size: 40px auto;}

  .main-link-list ul li.bx1:hover a {background: url("/sites/t_gra_2/images/main/main_link1_on.png") no-repeat 5% center; background-size: 40px auto;}
  .main-link-list ul li.bx2:hover a {background: url("/sites/t_gra_2/images/main/main_link2_on.png") no-repeat 5% center; background-size: 40px auto;}
  .main-link-list ul li.bx3:hover a {background: url("/sites/t_gra_2/images/main/main_link3_on.png") no-repeat 5% center; background-size: 40px auto;}
  .main-link-list ul li.bx4:hover a {background: url("/sites/t_gra_2/images/main/main_link4_on.png") no-repeat 5% center; background-size: 40px auto;}
  .main-link-list ul li.bx5:hover a {background: url("/sites/t_gra_2/images/main/main_link5_on.png") no-repeat 5% center; background-size: 40px auto;}

  .main-slogan {height: 300px; width: 78%; background-size: 100% 100%; padding-top: 65px;}
  .main-slogan p {font-size: 18px; line-height: 22px;}
  .main-slogan span {font-size: 38px;}

}

@media all and (max-width: 550px){
  .main-slogan p {font-size: 3vw;}
  .main-slogan span {font-size: 6.5vw;}

  .main-intro-img {height: auto;}
  .main-intro-img .intro-img-slider {top: 0;}
}