@charset "UTF-8";
  ._obj {overflow: visible;}

/* popup */
.PZwindow {top: 48.5px !important;right: 10px !important;left: auto !important;border-radius: 16px;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);overflow: hidden;}
.PZwrap {height: auto !important;}
.popupArea.temp001 {position: relative;padding: 32px;height: 100%; background:#0b427b;}
.popupArea.temp001::before {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(https://dep.hufs.ac.kr/sites/international/images/main/logo_wh_v2.png) no-repeat top 60% center / 50% auto;mix-blend-mode: soft-light;opacity: 0.2;pointer-events: none;}
.popupArea.temp001 * {position: relative;z-index: 1;}
.popupArea.temp001 .popupTitle {padding-bottom: 28px;font-size: 32px;font-weight: 700;color: #fff;text-align: center;line-height: 1.4;text-decoration: none;}
.popupArea.temp001 .popupTitle .text-blue{color: #9FE5FF;}
.popupArea.temp001 .popupText {color: #fff;}
.popupArea.temp001 .popupText ul li + li {margin-top: 24px;}
.popupArea.temp001 .popupText ul li > h3 {padding: 12px 12px 10px;font-size: 20px;font-weight: 600;color: #9FE5FF;line-height: 1 !important;background: rgba(0, 0, 0, .4);border-radius: 8px 8px 0 0;}
.popupArea.temp001 .popupText ul li .link-wrap {padding: 16px;background: rgba(0, 0, 0, .2);border-radius: 0 0 8px 8px;}
.popupArea.temp001 .popupText ul li .link-wrap p {position: relative;padding-left: 12px;font-weight: 400;color: #fff;}
.popupArea.temp001 .popupText ul li .link-wrap p::before {content: '';position: absolute;top: 9px;left: 0;display: block;width: 4px;height: 4px;background-color: #fff;border-radius: 500px;}
.popupArea.temp001 .popupText ul li .link-wrap p a {color: inherit;}
.popupArea.temp001 .popupText ul li .link-wrap p + p {margin-top: 8px;padding-top: 8px;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.popupArea.temp001 .popupText ul li .link-wrap p + p::before {top: 17px;}
.popupArea.temp001 .popupText ul li .link-wrap .btn-goto {display: inline-flex;justify-content: center;align-items: center;gap: 4px;margin-top: 4px;padding: 4px 4px 4px 8px;color: #333;font-weight: 500;background: #eee;border-radius: 4px;}
.popupArea.temp001 .popupText ul li .link-wrap .btn-goto i {font-size: 24px;line-height: 1;}
.nomoreOpen form {display: flex;justify-content: space-between;align-items: center;padding: 16px 20px !important;line-height: 1;}
.nomoreOpen form span {display: flex;align-items: center;gap: 8px;}
.nomoreOpen form span input {margin: 0 !important;width: 16px;height: 16px;}
.nomoreOpen form span input + label {line-height: 1.1;}
.nomoreOpen form a.PZwindowClose {margin: 0 !important;}

@media all and (max-width:768px) {
  .PZwindow {width: 96% !important;left: 50% !important;right: auto !important;transform: translateX(-50%);}
  .popupArea.temp001 {padding: 24px;}
  .popupArea.temp001 .popupTitle {padding-bottom: 18px;font-size: 24px;}
  .popupArea.temp001 .popupText ul li > h3 {font-size: 18px;}
  .PZwrap, .nomoreOpen {width: 100% !important;}
}

@media all and (max-width:500px) {
  .PZwindow {width: 96% !important;left: 0 !important;right: auto !important;transform: none !important;}
}



/*  main */
#multipleContentsDiv_temp_04_7 {padding: 0 20px; max-width:1640px;}
#multipleContentsDiv_temp_04_7 ._fnctAdmin {top: 0 !important; bottom: auto !important;}

/* notice */
#multipleDiv_international_6709 {margin: 0 auto;padding: 0 20px;max-width:1340px;width:100%;}

/*  flow text */
#menu14823_obj6973 {overflow:hidden;}

/* banner slide */
div#multipleDiv_international_4285 {margin: 0 auto;padding: 40px 20px 0;max-width: 1340px;}
div#multipleDiv_international_4285 .wrap-popup {height: auto !important;border-radius: 16px;overflow: hidden;}
div#multipleDiv_international_4285 .wrap-popup .slider li img {height: auto !important;}
div#multipleDiv_international_4285 .wrap-popup .title .current_popup { color: #53CBFD !important}

@media screen and (max-width:1023px) {
    div#multipleDiv_international_4285 {padding: 50px 20px 0;}
}
@media screen and (max-width:767px) {
    div#multipleDiv_international_4285 {padding: 50px 20px 0;}
}



/* notice */
#multipleDiv_international_3396 {padding: 200px 0 180px;background: url(/sites/international/images/main/notice-bg_v2.png) no-repeat left bottom/90% auto;}
#menu14823_obj3397 {padding: 0 20px;max-width: 1340px;}
.wrap-notice {background: none !important;}
.wrap-notice .recents-title-bx {padding: 75px 5% 75px 0;}
.wrap-notice .recents-title-bx > p {position: relative;display: inline-block;font-size: 60px;font-family: 'hufs_M';text-transform: uppercase;color: #333;}
.wrap-notice .recents-title-bx > p::after {content: '';position: absolute;top: 0px;right: -16px; display: block;width: 8px;height: 8px;border-radius: 500px;background: #333;}
.wrap-notice .title {left: 5px;text-wrap: nowrap !important;}
.wrap-notice > ul > li.on .title button::before, .wrap-notice > ul > li .title .title-inner:hover button::before {display: none;}
.wrap-notice > ul > li.on .title button, .wrap-notice > ul > li .title .title-inner:hover button {color: #004A87;padding-left: 0;text-decoration: underline;text-underline-offset: 4px;}
.wrap-notice .con a:hover .con-title {color: #004A87;}
.wrap-notice .con .con-title, .wrap-notice .subject {transition: color 0.3s;}
.wrap-notice .con .con-title::before {background: #004A87;}
.wrap-notice .title-inner {padding-right: 28px;}
.wrap-notice .title button {color: #999;font-size: 24px;font-weight: 500;}
.wrap-notice .recentBbsMore {top: 8px;width: 16px;height: 16px;background: url(/sites/international/images/ic_plus.png) no-repeat center center/cover; filter: hue-rotate(-50deg) brightness(1.1);}


@media screen and (max-width:1023px) {
    #multipleDiv_international_3396 {padding: 80px 0 160px; background: none;}
    .wrap-notice {padding: 30px 0;min-height: 600px;}
    .wrap-notice .recents-title-bx {padding: 0 0 30px;}
    .wrap-notice .recents-title-bx > p {font-size: 38px;}
    .wrap-notice .recents-title-bx > p::after {width: 6px;height: 6px;}
    .wrap-notice .slider li {padding: 30px 0;border: 0;border-bottom: 1px solid #ddd;}
    .wrap-notice .recentBbsMore {top: 35px;left: 190px;right: auto;width: 24px;height: 24px;}
}

