@charset "utf-8";


/* 템플릿 24 */
#multipleDiv_arts_2109 {padding: 20px; /*position: absolute;*/ margin-top:-220px; left: 50%; transform: translateX(-50%); height: fit-content !important; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; border: 1px solid #ffffff1f; max-width: 1640px; background: #ffffff2e; backdrop-filter: blur(3px); border-radius: 25px; min-height: 465px; width: calc(100% - 40px) !Important;z-index:2;}
#menu11713_obj2111 {overflow: unset !important;}
#menu11713_obj2112 {overflow: unset !important;}

@media (max-width: 1400px) {
  #multipleDiv_temp_11_43 {bottom: -250px;}
}
@media (max-width: 1024px) {
  #multipleDiv_temp_11_43 {position: static; transform: translateX(0); margin-top: -550px !important; padding: 25px 20px; gap: 40px; border-radius: 15px;}
  #menu11713_obj243 {width: 100% !important;}
  #menu11713_obj1892 {width: 100% !important;}
}
@media (max-width: 768px) {
  #multipleDiv_temp_11_43 {width: calc(100% - 30px) !important;}
}
@media (max-width: 550px) {
  #multipleDiv_temp_11_43 {margin-top: -450px !important; padding: 20px 15px; gap: 30px;}
}




.main-info-title {margin-bottom: 50px; text-align: center;}
.main-info-title h3 {font-size: 40px; color: #000000; font-weight: 600; font-family: "Noto Bold";}
.main-info-title p {font-size: 15px; line-height: 20px; color: #333333; margin-top: 15px;}

.main-info-link {height: 270px; background: url("../../images/box_bg.gif") no-repeat center top; background-size: cover;}
.main-info-link a {position: relative; display: block; width: 100%; height: 100%;}

.main-info-link a .title {position: absolute; left: 0; bottom: 0; padding: 30px 35px 30px 11%; background: #0F2E4A; width: 100%; box-sizing: border-box;}
.main-info-link a .title::after {content: ""; position: absolute; width: 15px; height: 15px; background: url("../../images/link-more.png") no-repeat; right: 20px; top: 50%; margin-top: -7.5px; z-index: 1; transition: all 0.3s; transform: rotate(0);}
.main-info-link a .title p {font-size: 18px; line-height: 20px; color: #fff; letter-spacing: -0.5px;}
.main-info-link a .title p span {display: inline-block; vertical-align: middle; font-size: 14px; margin-left: 5px;}

.main-info-link a:hover .title::after {transform: rotate(180deg);}

@media all and (max-width: 767px){
  .main-info-link a .title {padding: 30px 35px 30px 20px;}
}

/* cnu link */
.link-title {margin-bottom: 50px; text-align: center;}
.link-title h3 {font-size: 40px; color: #000000; font-weight: 600; font-family: "Noto Bold";}
.link-title p {font-size: 15px; line-height: 20px; color: #333333; margin-top: 15px;}

.link-bx {background: url("../../images/cnulink_wrap_bg.gif"); padding: 70px 0 95px;}
.link-bx ul li {float: left; width: 25%; padding: 0 2%; box-sizing: border-box; text-align: center;}
.link-bx ul li a {display: block;}

.link-table {display: table; width: 100%; height: 255px;}
.link-cell {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}

.link-bx ul li .type1 .link-table {background: url("../../images/cnu_banner_bg01.png") no-repeat center; background-size: contain;}
.link-bx ul li .type2 .link-table {background: url("../../images/cnu_banner_bg02.png") no-repeat center; background-size: contain;}

.link-bx ul li a img {position: relative; top: 0; transition: all 0.3s ease;}
.link-bx ul li a p {font-family:'NanumB'; font-size: 20px; color: #333333; font-weight: 600; margin-top: 10px;}

.link-bx ul li a:hover img {top: -10px;}

@media all and (max-width: 767px){
  .link-bx {padding: 70px 0 50px;}
  .link-bx ul li {float: left; width: 49%; padding: 15px 2%;}

  .link-table {height: 187px;}

  .link-bx ul li a img {max-width: 75px;}
  .link-bx ul li a p {font-size: 14px;}
  .quick_list a { padding: 26px 0 30px; max-height: 163px;}
  
}
#menu11713_obj85  {z-index: auto !important;}
#menu11713_obj799 {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; padding-top: 220px; box-sizing: border-box;}
.main-visual-bx {width: 100%; height: 100%;}

.main-visual {position:relative;}
.main-slogan {position:absolute; top:53%; left:50%; z-index:2; width:calc(100% - 80px); max-width:1640px; color:#fff; text-align:left; line-height:1.3; transform:translate(-50%, -50%); box-sizing:border-box;}
.main-slogan .slogan_txt{max-width:1100px;}
.main-slogan strong {display:block; color:#fff; font-size:54px; font-weight:700; line-height:1.3; text-shadow:1px 2px 7px rgba(0,0,0,0.5);}
.main-slogan p {margin:22px 0 0; color:#fff; font-size:30px; font-weight:500; line-height:1.5; text-shadow:1px 1px 5px rgba(0,0,0,0.75);}

@media only screen and (max-width:1024px) {
    .main-slogan {width:calc(100% - 60px);}
    .main-slogan strong {font-size:42px;}
    .main-slogan p {margin-top:18px; font-size:19px;}
}

@media only screen and (max-width:767px) {
    .main-slogan {width:calc(100% - 40px);}
    .main-slogan strong {font-size:30px; line-height:1.15; letter-spacing:-1px;}
    .main-slogan p {margin-top:14px; font-size:16px; line-height:1.45;}
}

.quick_wrap {margin-top: 165px;}
.wrap-visual-bx.quick_list {overflow:hidden; clear:both; margin-bottom:20px;}
.quick_list li {float:left;width:16.666%;}
.quick_list li:last-child {border-right: none;}
.quick_list a {display:block;  padding:35px 0 30px;font-size:1.062em; color:#fff; text-align:center; transition:all .5s; -webkit-transition: all .5s;}
.quick_list a:hover,
.quick_list a:focus,
.quick_list a:active {background-color:#fff;color:#000;text-decoration:none;}
.quick_list a:hover span img:first-child,
.quick_list a:focus span img:first-child,
.quick_list a:active span img:first-child {margin-top:-90px;}
.quick_list span {display:block; overflow:hidden; width:90px; height:90px; margin:0 auto 10px; font-size:0; line-height:0;}
.quick_list span img {display:block; max-width: 100%; transition:all .5s; -webkit-transition: all .5s;}
.quick_list strong {display:block;font-weight:500;font-size:17px; font-family: "Noto Medium";}

@media all (max-width:980px) {
  .quick_list strong{font-size:15px; margin: 15px 0 !important;}

  
  
}





/*color*/
.quick_wrap.type01  > .quick_list li:nth-child(1) {background-color:#fec107;}
.quick_wrap.type01  > .quick_list li:nth-child(2) {background-color:#29898c;}
.quick_wrap.type01  > .quick_list li:nth-child(3) {background-color:#168ad9;}
.quick_wrap.type01  > .quick_list li:nth-child(4) {background-color:#3c68bc;}
.quick_wrap.type01  > .quick_list li:nth-child(5) {background-color:#07152c;}
.quick_wrap.type01  > .quick_list li:nth-child(6) {background-color:#C13A69 !important;}
.quick_wrap.type01  > .quick_list li:nth-child(6) a strong{color:#333;}

.quick_wrap.type02  > .quick_list li:nth-child(1) {background-color:#179f9a;}
.quick_wrap.type02  > .quick_list li:nth-child(2) {background-color:#29898c;}
.quick_wrap.type02  > .quick_list li:nth-child(3) {background-color:#168ad9;}
.quick_wrap.type02  > .quick_list li:nth-child(4) {background-color:#197fc5;}
.quick_wrap.type02  > .quick_list li:nth-child(5) {background-color:#5381d9;}
.quick_wrap.type02  > .quick_list li:nth-child(6) {background-color:#4572c8;}
.quick_wrap.type02  > .quick_list li:nth-child(6) a span img {filter:brightness(200%);}

.quick_wrap.type03  > .quick_list li:nth-child(1) {background-color:#ea4937;}
.quick_wrap.type03  > .quick_list li:nth-child(2) {background-color:#d23d2c;}
.quick_wrap.type03  > .quick_list li:nth-child(3) {background-color:#fa8025;}
.quick_wrap.type03  > .quick_list li:nth-child(4) {background-color:#e76d12;}
.quick_wrap.type03  > .quick_list li:nth-child(5) {background-color:#fba11f;}
.quick_wrap.type03  > .quick_list li:nth-child(6) {background-color:#ef910a;}
.quick_wrap.type03  > .quick_list li:nth-child(6) a span img {filter:brightness(200%);}

.quick_wrap.type04  > .quick_list li:nth-child(1) {background-color:#26488f;}
.quick_wrap.type04  > .quick_list li:nth-child(2) {background-color:#265db0;}
.quick_wrap.type04  > .quick_list li:nth-child(3) {background-color:#168cb0;}
.quick_wrap.type04  > .quick_list li:nth-child(4) {background-color:#1495a1;}
.quick_wrap.type04  > .quick_list li:nth-child(5) {background-color:#079278;}
.quick_wrap.type04  > .quick_list li:nth-child(6) {background-color:#12a45c;}
.quick_wrap.type04  > .quick_list li:nth-child(6) a span img {filter:brightness(200%);}


@media all and (max-width: 1023px){
  .main-visual-bx .area {padding: 0 5%;}
  #menu11713_obj799 {padding-top: 150px;}  
  .quick_wrap {margin-top: 120px;}
}



@media all and (max-width: 767px){
  .main-visual-bx .area {padding: 0 14%;}  

  .main-slogan p {font-size: 17px;}
  .main-slogan strong {font-size: 28px;}

  #menu11713_obj799 {padding-top: 140px;}

  .quick_wrap {margin-top: 10px;}
  .main-visual-bx .quick_list li {width: 33.33%;}
  .main-visual-bx .quick_list a {padding: 10px 0;}
  .main-visual-bx .quick_list strong {font-size: 17px;}
}

/* 260814 메인 학과바로가기 퀵 */
.major-links {width:100%; max-width:1600px; margin:0 auto; padding:30px 20px 100px;}
.major-links > .title-wrap .title {margin-bottom:30px; color:#181818; font-family:'Paperlogy Bold'; font-size:33px;}
.major-links-list {display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:20px;}
.major-link-item {display:block; position:relative; overflow:hidden; width:100%; aspect-ratio:1 / 1; border-radius:25px; background:#ddd; box-shadow:2px 4px 7px rgba(0,0,0,0.2);}
.major-link-item::before {content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.32) 38%, rgba(0,0,0,0) 72%); transition:background 0.4s ease;}
.major-link-item img {display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;}
.major-link-item .major-name {position:absolute; right:75px; bottom:24px; left:27px; z-index:2; margin:0; color:#fff; font-family:'Paperlogy SemiBold'; font-size:25px; font-weight:500; line-height:1.25; text-align:left; word-break:keep-all;}
.major-link-item .major-link-arrow {display:flex; position:absolute; right:18px; bottom:18px; z-index:2; width:48px; height:48px; border-radius:50%; background:#fff; align-items:center; justify-content:center; transition:background-color 0.3s ease, transform 0.3s ease;}
.major-link-item .major-link-arrow::before {content:''; width:9px; height:9px; margin-left:-3px; border-top:2px solid #222; border-right:2px solid #222; transform:rotate(45deg); transition:border-color 0.3s ease;}
.major-link-item:hover img {transform:scale(1.06);}
.major-link-item:hover::before {background:linear-gradient(to top, rgba(238,39,94,0.8) 0%, rgba(238,39,94,0.32) 45%, rgba(238,39,94,0) 76%);}
.major-link-item:hover .major-link-arrow {background:#ee275e; transform:translateX(3px);}
.major-link-item:hover .major-link-arrow::before {border-color:#fff;}
.major-link-item:focus-visible {outline:3px solid #ee275e; outline-offset:4px;}

@media (max-width:1400px) {
    .major-links-list {gap:16px;}
    .major-link-item .major-name {right:65px; bottom:21px; left:21px; font-size:21px;}
    .major-link-item .major-link-arrow {right:14px; bottom:14px; width:42px; height:42px;}
    .major-link-item .major-link-arrow::before {width:8px; height:8px;}
}
@media (max-width:1024px) {
    .major-links-list {grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media (max-width:768px) {
    .major-links {padding:30px 20px 80px;}
    .major-links > .title-wrap .title {margin-bottom:22px; font-size:27px;}
    .major-links-list {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:15px;}
    .major-link-item {border-radius:18px;}
    .major-link-item .major-name {right:56px; bottom:17px; left:17px; font-size:18px;}
    .major-link-item .major-link-arrow {right:12px; bottom:12px; width:38px; height:38px;}
    .major-link-item .major-link-arrow::before {width:7px; height:7px;}
}
@media (max-width:480px) {
    .major-links-list {grid-template-columns:1fr;}
    .major-link-item {aspect-ratio:4 / 3;}
}


@media (max-width: 1024px) {
 	 #multipleDiv_arts_2109 {position: static; transform: none;margin: -600px auto 0 !important; padding: 25px 10px; gap: 40px; border-radius: 15px;width: calc(100% - 10px) ! Important;}
    #multipleContentsDiv_arts_2109 {width:100% !important;}
  	#menu11713_obj2111 {width: 100% !important;}
  	#menu11713_obj2112 {width: 100% !important; margin-top: 20px !important;}
}
.wrap-comu .con{wdith:100%;!important;}