.step-box .step-header ul { display: flex; flex-wrap: wrap; gap: 40px 58px; align-items: stretch; } .step-box .step-header .step { position: relative; flex: 1;} .step-box .step-header .step > div { width: 100%; height: 100%; padding: 40px; box-sizing: border-box; border: 2px solid transparent; background-color: #eff3f6; } .step-box .step-header .step .mark-p {margin-top: 12px;font-size: 13px;letter-spacing: -0.02em;} .step-box .step-header .step:nth-child(1) > div { background-image: url(../img/common/ico-pro-step01.png); background-repeat: no-repeat; background-position: top 40px right 40px; } .step-box .step-header .step:nth-child(2) > div { background-image: url(../img/common/ico-pro-step02.png); background-repeat: no-repeat; background-position: top 40px right 40px; } .step-box .step-header .step:nth-child(3) > div { background-image: url(../img/common/ico-pro-step03.png); background-repeat: no-repeat; background-position: top 40px right 40px; } .step-box .step-header .step:nth-child(4) > div { background-image: url(../img/common/ico-pro-step04.png); background-repeat: no-repeat; background-position: top 40px right 40px; } .step-box .step-header .step span:first-child { font-weight: 800; font-size: 14px; line-height: 110.00000000000001%; letter-spacing: 0.02em; text-decoration: underline; text-underline-offset: 21.5%; color: #045097;text-transform:uppercase;} .step-box .step-header .step span { display: block; font-weight: 700; font-size: 22px; line-height: 130%; letter-spacing: -0.02em; color: #001B54; } .step-box .step-header .step span + span { margin-top: 35px; } .step-box .step-header .step + .step:before { content: ""; position: absolute; background: url(../img/common/ico-program-arrow.png) no-repeat center; top: 50%; left: -40px; transform: translatey(-50%); width: 18px; height: 12px; } .step-box .step-header .step.active > div { border-color: #001B54; background-color: transparent; } .step-box .step-content { display: none; margin: 60px 0 0 0; } .step-box .step-content .border { border: 1px solid #ddd; padding: 60px 49px 43px 49px; border-radius: 20px; } .step-box .step-content.active { display: block; } .step-content .h4-tit01.type02 { color: #004BAE; text-align: center; padding-bottom: 36px; } .step-content > div > p { text-align: center; } .consent-form {margin: 0;} .consent-form .consent-form .list-consent > ul {display:flex;gap:10px 10px;margin: 0 0 20px 0;} .consent-form .list-consent > ul > li {flex:1;box-sizing:border-box;border:1px solid #ddd;border-radius:5px;padding: 20px 25px;text-align:center;} .consent-form .list-consent > ul > li > span{font-weight: 600;font-size: 16px;line-height: 180%;color:#000E2D;display:inline-block;padding: 0 0 0 29px;margin: 0 0 13px 0;} .consent-form .list-consent > ul > li:nth-child(1) > span {background:url(../img/common/ico-consent01.png) no-repeat center left;} .consent-form .list-consent > ul > li:nth-child(2) > span {background:url(../img/common/ico-consent02.png) no-repeat center left;} .consent-form .list-consent > ul > li:nth-child(3) > span {background:url(../img/common/ico-consent03.png) no-repeat center left;} .consent-form .list-consent > ul > li > p {font-weight: 500;font-size: 13px;line-height: 20px;color:#666;} .consent-form .list-consent .txt-note {font-weight: 600;font-size: 12px;line-height: 140%;color:#999;} .consent-form.application .b-btn01.type06.b-d-flex {display:flex;justify-content:space-between;align-items:center;gap:10px;padding: 40px 0 0 0;} .consent-form.application .b-btn01.type06.b-d-flex ul {padding:0;} .consent-form.application .b-btn01.type06.b-d-flex .btn-delete {display: flex;gap: 0 15px;justify-content: center;align-items: center;padding: 18px 36px;font-weight: 700;font-size: 17px;line-height: 140%;letter-spacing: -0.01em;color: #004BAE; border-radius: 41px;border: 1px solid #004BAE;transition: all .3s;position: relative;background: #fff;min-width: 188px;box-sizing: border-box;} .application-box {} .application-box .banner {width:100%;height:407px;overflow:hidden;position:relative;border-radius: 10px;} .application-box .banner img {width:100%;height:100%;object-fit:cover;border-radius: 10px;} .application-box .banner .txt-mark{position:absolute;bottom:-190px;left:50%;transform:translatex(-50%);font-family: Prompt;font-weight: 900;font-size: 449px;line-height: 1;letter-spacing: -0.02em;text-transform: uppercase;color: rgba(255, 255, 255, 0.13);z-index:0;} .application-box .banner .box-txt {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:1;} .application-box .banner .box-txt > p {font-weight: 700;font-size: 40px;line-height: 130%;text-align: center;color:#fff;} .application-box .banner .box-txt > p span {color:#43c1c3;text-decoration:underline;text-underline-offset: 6px;} /*접수 확인 - confirmation-of-application*/ .banner-confirm {padding: 18px 0;border-radius:3px;background:#6300AE;margin: 0 0 60px 0;} .banner-confirm > ul {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap: 10px 132px;} .banner-confirm > ul li {font-weight: 500;font-size: 18px;line-height: 100%;letter-spacing: -0.02em;color:#fff;display: flex;gap: 20px;align-items:center;} .banner-confirm > ul li span {font-weight: 700;} .banner-confirm > ul li a {display:inline-block;padding: 14.5px 44px 14.5px 22px;font-weight: 700;font-size: 15px;line-height: 100%;letter-spacing: -0.02em;background:#fff url(../img/admg/ico-link-down.png) no-repeat center right 12px;;color:#6B3BAF;border-radius:50px;} .application-screen .tit-screen {font-weight: 700;font-size: 45px;line-height: 110.00000000000001%;letter-spacing: -0.01em;text-align:center;color:#111;margin: 0 0 80px 0;} .application-screen .banner-confirm {background:#6B3BAF;padding:33px 0;} .application-screen .banner-confirm.color01 {background:#6B3BAF;} .application-screen .banner-confirm.color02 {background:#3E7FD4;} .application-screen .banner-confirm.color03 {background:#3E57D4;} .application-screen .banner-confirm > ul li {font-size: 20px;} /*program-application-screen*/ .program-application-screen {} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box {flex:1;padding: 12px 0 12px 10px;box-sizing: border-box;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box p {color:#555;font-weight: 500;font-size: 16px;line-height: 100%;letter-spacing: -0.02em;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box .checked {display:flex;gap: 10px 58px;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box .checked p {position:relative;padding-left: 21px;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box .checked p:before {content:"";position:absolute;top:49%;left:0;transform:translatey(-50%);width:16px;height:16px;border: 1px solid #DDDDDD;border-radius: 50%;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box .checked p.check:before {border-color:#004BAE;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box .checked p.check:after {content:"";position:absolute;top:49%;left:4px;transform:translateY(-50%);width:10px;height:10px;background:#004BAE;border-radius: 50%;} .program-application-screen .top {display:flex;gap:20px;margin: 0 0 52px 0;} .program-application-screen .top .avatar {width: 150px;height: 192px;} .program-application-screen .top .avatar img{max-width: 100%;max-height: 100%;width: 100%;height: 100%;object-fit: cover;object-position: center;} .program-application-screen .top .bn-view-common02 {flex:1;} .program-application-screen .top .b-table-wrap {flex:1;padding: 17px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;min-height: 191px;box-sizing: border-box;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-title-box{line-height: normal;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-title-box span {font-weight:normal;display:inline-block;padding-left:10px;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-title-box span:first-child {padding-left:0;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-title-box.type02 {width:350px;} .program-application-screen .bot .block + .block {margin: 60px 0 0 0;} .program-application-screen .h4-tit01 {padding-bottom: 25px;font-size: 28px;letter-spacing: -0.01em;} .program-application-screen .bot .bn-view-common02 .b-table-wrap {padding:21px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .program-application-screen .bot .bn-view-common02 .b-table-wrap:not(:first-child) {border-top:0;} .program-application-screen .b-commit {padding:55px 0 0 0;text-align:center;} .program-application-screen .b-commit p {font-weight: 500;font-size: 16px;line-height: 110.00000000000001%;letter-spacing: -0.01em;color:#111;} .program-application-screen .b-commit p.txt01 {font-weight: 700;font-size: 22px;margin:0 0 24px 0;} .program-application-screen .b-commit p.txt01 span {color:#004BAE;} .program-application-screen .b-commit p.txt02 {margin: 0 0 10px 0;} .program-application-screen .b-commit p.txt03 {font-weight: 600;font-size: 18px;} .program-application-screen .top .bn-view-common02 .b-table-box.type01 .b-row-box {display:flex;} .program-application-screen .top .bn-view-common02 .b-table-box.type01 .b-row-box > div {display:flex;flex:1;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box .b-title-box {padding:0;} .select-app-date {display:flex;gap: 20px 48px;} .select-app-date .box-calendar {flex:1;position:relative;} .select-app-date .box-clock {width:440px;box-sizing:border-box;} .select-app-date .box-title {display:flex;align-items:center;justify-content:space-between;margin: 0 0 20px 0;} .select-app-date .box-title p {font-weight: 700;font-size: 22px;line-height: 1.2;letter-spacing: -0.02em;color:#001B54;padding:7.5px 0 7.5px 30px;} .select-app-date .box-calendar .box-title p {background:url(/_res/unist/admission/img/common/ico-calendar-b.png) no-repeat center left;} .select-app-date .box-clock .box-title p {background:url(/_res/unist/admission/img/common/ico-clock-b.png) no-repeat center left;} .select-app-date .box-clock .box-list-time {border: 1px solid #A9A9A9;border-radius:5px;} .select-app-date .box-clock .box-list-time .time-note {display:none;align-items:center;justify-content:center;flex-direction:column;gap:30px;height:377px;overflow-y: auto;} .select-app-date .box-clock .box-list-time.show-note .time-note {display:flex !important;} .select-app-date .box-clock .box-list-time .time-note p {font-weight: 700;font-size: 20px;line-height: 100%;letter-spacing: -0.02em;text-align: center;color:#001B54;} .select-app-date .box-clock .box-list-time .wrap-time {display:none;padding: 28px 24px 28px 34px;box-sizing: border-box;} .select-app-date .box-clock .box-list-time .time-list {height:321px;overflow: auto;padding-right:10px} .select-app-date .box-clock .box-list-time .time-list::-webkit-scrollbar {height: 6px;width: 6px;background-color: transparent;} .select-app-date .box-clock .box-list-time .time-list::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent;} .select-app-date .box-clock .box-list-time .time-list::-webkit-scrollbar-thumb {background-color: #001b54;border-radius:50px} .select-app-date .box-clock .box-list-time.show-list .wrap-time {display:block;} .select-app-date .box-clock .box-list-time.show-note .wrap-time {display:none !important;} .select-app-date .box-clock .box-list-time .time-list .time-item {display:flex;align-items:center;gap:50px;justify-content:space-between;} .select-app-date .box-clock .box-list-time .time-list .time-item + .time-item {margin:7px 0 0 0;} .select-app-date .box-clock .box-list-time .time-list .time-item .time{flex:1;font-weight: 700;font-size: 15px;line-height: 160%;letter-spacing: -0.01em;color:#001A54;padding: 6.5px 0 6.5px 24px;background:url(/_res/unist/admission/img/common/ico-clock-sm.png) no-repeat center left;} .select-app-date .box-clock .box-list-time .time-list .time-item.disabled .time {color: #bcbcbc;background:url(/_res/unist/admission/img/common/ico-clock-g-sm.png) no-repeat center left;} .select-app-date .box-clock .box-list-time .time-list .time-item .status{font-weight: 700;font-size: 15px;line-height: 160%;letter-spacing: -0.01em;color:#001A54;min-width:55px;} .select-app-date .box-clock .box-list-time .time-list .time-item.disabled .status {color: #bcbcbc;} .select-app-date .box-clock .box-list-time .time-list .time-item .action {min-width:70px;box-sizing:border-box;} .select-app-date .box-clock .box-list-time .time-list .time-item .btn-apply {cursor:pointer;font-weight: 700;font-size: 15px;line-height: 1;letter-spacing: -0.01em;color:#fff;background: #004BAE url(/_res/unist/admission/img/common/ico-right-sm.png) no-repeat center right 14.5px;padding: 13px 29.5px 13px 14.5px;border-radius:50px;} .select-app-date .box-clock .box-list-time .time-list .time-item .btn-disable {cursor:;text-indent: -999999px; background:url(/_res/unist/admission/img/common/ico-disable.png) no-repeat center;text-center;width:10px;height:10px;} .day-full .fc-daygrid-day-frame {background: rgb(255 0 0 / 30%);} .event .fc-daygrid-day-frame {background: #EFF3F6;} @media (min-width:769px) and (max-width:1919px) { .consent-form .list-consent > ul > li {padding: 10px 10px;} .application-box .banner .txt-mark {font-size: calc(499/1920*100vw);bottom:calc(-190/1920*100vw);} .step-box .step-header .step > div { padding: calc(40/1920*100vw); background-position: top calc(40/1920*100vw) right calc(40/1920*100vw) !important; } } @media (max-width: 1400px) { .step-box .step-header .step span { font-size: 20px; } .step-box .step-header .step span + span { margin-top: 40px; } } @media (max-width: 1024px) { .step-box .step-header ul { gap: 40px 45px; } .step-box .step-header .step + .step:before { left: -36px; } .step-box .step-header .step span { font-size: 15px; } .step-box .step-header .step > div{ background-size: 38px; } .select-app-date {flex-direction:column;} .select-app-date .box-calendar {flex:none;width:100%;} .select-app-date .box-clock {width:100%;} .select-app-date .box-clock .box-list-time .wrap-time {padding: 20px 15px;} .step-box .step-header .step span {font-size:20px;} .program-application-screen .top .bn-view-common02 .b-table-box.type01 .b-row-box {flex-direction:column;} .program-application-screen .top .bn-view-common02 .b-table-box .b-row-box .b-title-box {width:100px;padding:0;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box {padding: 0;} .program-application-screen .top .bn-view-common02 .b-table-box.type01 .b-row-box > div {align-items:center;} .program-application-screen .top {margin: 0 0 30px 0;} .program-application-screen .bot .block + .block {margin: 30px 0 0 0;} .program-application-screen .h4-tit01 {padding-bottom:20px;} } @media (max-width:768px) and (not print){ .consent-form {margin: 0;} .consent-form .list-consent > ul {flex-direction:column;} .consent-form .b-table-wrap {padding:20px 0;} .step-box .step-header ul {flex-direction:column;} .step-box .step-header .step {background-position: bottom 20px right 20px !important;font-size:14px;padding: 40px 20px;} .step-box .step-header .step + .step:before {content: "";position: absolute;background: url(../img/common/ico-program-arrow.png) no-repeat center;top: -20px;left: 50%;transform: translate(-50%, -50%) rotate(90deg);width: 18px;height: 12px;} .step-box .step-content {padding: 0 0 30px 0;margin:30px 0 0 0;} .step-box .step-header .step span {margin-right:85px;font-size: 16px;} .step-box .step-content .border {padding: 40px 20px;} .step-content .h4-tit01.type02 {font-size:18px;line-height:26px;padding: 0 0 12px 0;} .application-box .banner {height: calc(407 / 750 * 100vw);} .application-box .banner .txt-mark {font-size: calc(248 / 750 * 100vw);bottom: calc(-50 / 750 * 100vw);} .application-box .banner .box-txt > p {font-size: calc(40/750*100vw);} .banner-confirm {padding: 20px 16px;} .banner-confirm > ul {flex-direction:column;align-items:flex-start;} .banner-confirm > ul li {font-size:18px;padding-left: 23px;} .application-screen .banner-confirm > ul li {font-size: 18px;} .select-app-date .box-clock .box-list-time .time-list .time-item {gap:15px;} .consent-form.application .b-btn01.type06.b-d-flex {flex-direction:column;} .consent-form.application .b-btn01.type06.b-d-flex .btn-delete {min-width:auto;} } @media (max-width:768px) { .consent-form.application .b-btn01.type06.b-d-flex {flex-direction:column;} .consent-form.application .b-btn01.type06.b-d-flex .btn-delete {min-width:auto;} .step-box .step-header ul { flex-direction: column; } .step-box .step-header .step > div{ background-position: bottom 20px right 20px !important; font-size: 14px; padding: 40px 20px; background-size: auto; } .step-box .step-header .step + .step:before { content: ""; position: absolute; background: url(../img/common/ico-program-arrow.png) no-repeat center; top: -20px; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 18px; height: 12px; } .step-box .step-content { padding: 0 0 30px 0; margin: 30px 0 0 0; } .step-box .step-header .step span { margin-right: 85px; font-size: 16px; } .step-box .step-content .border { padding: 40px 20px; } .step-content .h4-tit01.type02 { font-size: 18px; line-height: 26px; padding: 0 0 12px 0; } } @media (max-width: 480px) and (not print){ .banner-confirm > ul {justify-content:flex-start;} .banner-confirm > ul li {font-size: 14px;} .banner-confirm > ul li span {font-size:16px;} .program-application-screen .top {flex-direction:column;} .program-application-screen .top .avatar {width:100%;height:350px;} } @media print { *{ box-sizing: border-box; } body { min-width: 1025px; margin: 0; padding: 0; } #uswurf-print-wrapper .application-screen{padding: 0;} .application-screen .tit-screen{margin-bottom: 40px;} .banner-confirm{margin-bottom: 30px;} .application-screen .banner-confirm{padding: 23px 0;} .program-application-screen .top{margin: 0 0 26px 0;} .program-application-screen .bot .block + .block{margin: 30px 0 0 0;} .program-application-screen .b-commit{padding: 35px 0 0 0;} .program-application-screen .b-commit p.txt01{margin: 0 0 12px 0;} .h4-tit01{font-size: 28px;} .program-application-screen .h4-tit01{font-size: 18px;} .program-application-screen .top .b-table-wrap, .program-application-screen .bot .bn-view-common02 .b-table-wrap{padding: 11px 0 !important;} .program-application-screen .top .bn-view-common02 .b-table-box.type01 .b-row-box{display: block !important;} .program-application-screen .top .bn-view-common02 .b-table-box .b-row-box .b-title-box{padding: 16px 0 !important;} .program-application-screen .top .bn-view-common02 .b-table-box.type01 .b-row-box > div{display: inline-block !important;width: 48% !important;box-sizing: border-box !important;} .program-application-screen .top .bn-view-common02 .b-table-box .b-row-box .b-con-box{width: 50%;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-title-box{display: inline-block !important;border: 0 !important;max-width: 25%;padding: 3px 0 !important;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box{display: inline-block !important;border: 0 !important;width: 25%;padding: 3px 0 !important;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-title-box.type02{max-width: 350px;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box p.b-title-box{white-space: nowrap;width: 50%;display: inline-flex !important;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box p.b-title-box + .b-title-box{margin-left: 10px;} } /*use consent form*/ .consent-form .bn-write-common01 .b-table-box .b-row-box .b-title-box {width:180px;} .consent-form.en .bn-write-common01 .b-table-box .b-row-box .b-title-box {width:200px;} .consent-form .bn-write-common01 .b-table-wrap.b-no-border {border-top:none;padding: 60px 0 0 0;} .consent-form .bn-write-common01 .b-row-box + .b-row-box, .consent-form .bn-write-common01 .b-table-box + .b-table-box{margin-top:40px;} .consent-form .bn-write-common01 .b-con-box.b-border-box {padding:6px 0;text-align:center;border-bottom:0;border: none;background: unset;} .consent-form .bn-write-common01 .b-collection-box .b-row-box .b-con-box {border-bottom:0;} .bn-write-common01 .b-table-box .b-row-box .b-con-box.no-border {border-bottom:0;padding:0;} .consent-form .bn-write-common01 .b-table-wrap + .b-table-wrap {margin-top:60px;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-grade-flex .b-con-box .b-title-box.type02 {font-size:15px;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-grade-flex .b-con-box .con-p.type02 {font-size:15px;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-school-flex .b-con-box {display:flex;flex-wrap:wrap;align-items:center;gap: 10px 30px;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-grade-flex .b-con-box {display:flex;flex-wrap:wrap;align-items:center;gap: 10px 30px;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-rating-flex .b-con-box {display:flex;align-items:center;gap: 10px 10px;border:0;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-rating-flex .b-con-box p {} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-rating-flex .b-con-box input {flex:1;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-rating-flex .b-con-box select {flex:1;min-width: auto;margin-right:0;max-width: 160px;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-con-box span.b-note {font-weight: 600;font-size: 12px;line-height: 100%;letter-spacing: -0.02em;color: #004BAE; text-align: right;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-grade-flex .b-con-box p.mark-p {width:100%;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-grade-flex .b-con-box .b-title-box {border:0;width:auto;} .consent-form .bn-write-common01 .b-select {display: block;background: #fff url(../img/board/btn-sel-open02.png) no-repeat right 12px center;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;padding: 12.5px 15px;width: 100%;min-height: 50px;border: 1px solid #ddd;font-weight: 500;font-size: 16px;line-height: 1.5;letter-spacing: -0.2px;box-sizing: border-box;appearance: none;vertical-align: middle;border-radius: 8px;color: #333;min-width: 252px;} .consent-form .bn-write-common01 .b-school-flex .b-select {max-width: 331px;min-width: auto;} .bn-write-common01 .b-table-box.b-border .b-row-box {padding-top: 40px;border-top: 1px solid #ddd;} .consent-form .bn-write-common01 .cms-multi-upload .fileUpload.has-advanced-upload .b-file-content > :not(:empty){border: 0;border-radius: 0;padding: 0 10px;} .consent-form .bn-write-common01 .b-file-content .mark-p {text-align:left;margin: 30px 0 0 15px;} .consent-form .bn-write-common01 .cms-multi-upload .fileUpload .b-file-content ul li{border: 0;width: 100%;padding: 5px 0;} .consent-form .bn-write-common01 .cms-multi-upload .fileUpload .b-file-content ul li .b-file-img{display: none;} .consent-form .bn-write-common01 .cms-multi-upload .fileUpload .b-file-content ul li .b-file-list{padding: 0;} .consent-form .bn-write-common01 .cms-multi-upload .fileUpload .b-file-content ul li .b-file-list .b-input{display: none;} .consent-form .bn-write-common01 .cms-multi-upload .fileUpload .b-file-content ul li .b-file-list .file-name{width: calc(100% - 145px);display: inline-block;background: url(../img/admission/ico-file.png) no-repeat center left;padding-left: 25px;box-sizing: border-box;font-weight: 500;font-size: 15px;line-height: 100%;letter-spacing: -0.02em;color: #222222;} .consent-form .bn-write-common01 .cms-multi-upload .fileUpload .b-file-content ul li .b-file-list .file-size{font-weight: 500;font-size: 13px !important;line-height: 100%;letter-spacing: -0.02em;color: #717171;} .consent-form .bn-write-common01 .cms-multi-upload .fileUpload .b-file-content ul li .attachDelete, .consent-form .bn-write-common01 .cms-multi-upload .fileUpload .b-file-content ul li .fileIndexChange{width: 20px;height: 20px;padding: 0;border-radius: 50%;overflow: hidden;border: 1px solid #D4D4D4;box-sizing: border-box;margin-top: 2px;} .consent-form .bn-write-common01 .cms-multi-upload .b-file-list button span{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .consent-form .bn-write-common01 .cms-multi-upload .b-file-list button span.down{background: #fff url(../img/admission/file-move-down.png) no-repeat center;} .consent-form .bn-write-common01 .cms-multi-upload .b-file-list button span.up{background: #fff url(../img/admission/file-move-up.png) no-repeat center;} .consent-form .bn-write-common01 .cms-multi-upload .b-file-list button span.remove{background: #DDDDDD url(../img/admission/file-remove.png) no-repeat center;} .consent-form .bn-write-common01 .b-file-download {padding: 12px 10px 38px 10px;} .consent-form .bn-write-common01 .b-file-download ul {display:flex;align-items:center;gap:11px 11px;} .consent-form .bn-write-common01 .b-file-download ul li a{display:inline-block;padding: 17.5px 62px 17.5px 24px;font-weight: 700;font-size: 15px;line-height: 1;letter-spacing: -0.02em;color: #fff;border-radius: 50px;background: #001B54 url(/_res/unist/_share/img/board/btn-down-w.png) no-repeat center right 17px;text-align:center;} .consent-form .bn-write-common01 .b-file-download ul li a.b-btn-c-white {background: #fff url(/_res/unist/_share/img/board/btn-down-b.png) no-repeat center right 17px;border:1px solid #001B54;color: #001B54;padding: 16.5px 62px 16.5px 24px;} .consent-form .bn-write-common01 .b-textarea {height:284px;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border {padding:0;} .consent-form.application .bn-write-common01 .b-row-box + .b-row-box, .consent-form.application .bn-write-common01 .b-table-box + .b-table-box{margin-top:0;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .h4-tit01 {padding: 0 0 30px 0;border-bottom: 1px solid #dddd;} .consent-form.application .bn-write-common01 .b-input {max-width: 331px;width:100%;} .consent-form.application .bn-write-common01 .b-textarea {max-width:100%;} .consent-form.application .mark-p {width:100%;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-title-wrap {display:flex;align-items:center;justify-content:space-between;gap:10px 10px;border-bottom: 1px solid #dddd;padding: 0 0 20px 0;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-title-wrap .h4-tit01 {display:flex;align-items:flex-end;gap:20px;line-height:1;border-bottom:0;padding:0;flex-wrap:wrap;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-title-wrap .h4-tit01 span {display:inline-block;font-weight: 600;font-size: 14px;line-height: 100%;letter-spacing: -0.02em;color:#004BAE;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-btn-action {font-weight: 600;font-size: 16px;line-height: 140%;letter-spacing: -0.01em;padding:11px 38px 11px 18px;border-radius:50px;border: 1px solid #001B54;color:#001B54;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-btn-action.b-btn-add {background: url(/_res/unist/_share/img/admg/ico-plus-add.png) no-repeat center right 12px;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-btn-action.b-btn-delete {background: url(/_res/unist/_share/img/admg/ico-x-delete.png) no-repeat center right 12px;border-color:#FF0000;color:#FF0000;} .consent-form.application .bn-write-common01 .b-university-box .b-row-box {display:flex;align-items:center;justify-content:space-between;gap:10px 10px;border-bottom: 1px solid #d8d8d8;} .consent-form.application .bn-write-common01 .b-university-box .b-row-box .b-title-box {border-bottom:0;} .consent-form.application .bn-write-common01 .b-university-box .university-box {flex:1;} .consent-form.application .bn-write-common01 .b-university-box .university-box > div {display:flex;} .consent-form.application .b-university-box .b-row-box .b-con-box {flex:1;border-bottom:0;} .consent-form.application .b-other-box .b-row-box {display:flex;flex-direction:column;border-bottom: 1px solid #ddd;} .consent-form.application .b-other-box .b-row-box > div {display:flex;} .consent-form.application .b-other-box .b-row-box > div .b-title-box {width: 500px;border-bottom:0;} .consent-form.application .b-other-box .b-row-box .b-con-box {border-bottom:0;} @media (min-width:769px) and (max-width:1919px) { /*.consent-form.application .bn-write-common01 .b-input {max-width: calc(331 / 1920 * 100vw);}*/ .consent-form.application .bn-write-common01 .b-textarea {max-width:100%;} /*.consent-form .bn-write-common01 .b-select {min-width: calc(252 / 1920 * 100vw);}*/ /*.consent-form .bn-write-common01 .b-school-flex .b-select{min-width: calc(331 / 1920 * 100vw);}*/ .consent-form .bn-write-common01 .b-table-box .b-row-box > .b-title-box:not(:first-of-type) {padding-left: 10px;} } @media (max-width: 1440px) { .consent-form .bn-write-common01 .b-table-box .b-row-box .b-title-box {width: 120px;font-size: 16px;} } @media (max-width:1024px) { .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-title-wrap {flex-direction:column;align-items:flex-start;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-school-flex .b-con-box > div {flex:1;} .consent-form.application .bn-write-common01 .b-university-box .university-box {flex: none;width: 100%;} } @media (max-width: 768px) { .consent-form .bn-write-common01 .b-table-box .b-row-box .b-title-box {width:100%;} .consent-form.en .bn-write-common01 .b-table-box .b-row-box .b-title-box {width:100%;} .bn-write-common01 .b-table-box.b-border .b-row-box {padding-top:0;border-top:0} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-grade-flex .b-con-box > div{width: 100%;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-grade-flex .b-con-box .b-title-box {min-width:70px;} .consent-form .bn-write-common01 .cms-multi-upload .fileUpload .b-file-content ul li {padding: 8px 0;} .consent-form .bn-write-common01 .b-file-content .mark-p {text-align: left;margin: 20px 0 0 0;} .consent-form .bn-write-common01 .b-file-download ul li a {font-size:14px;} .consent-form .bn-write-common01 .h4-tit01 {font-size:22px;line-height:28px;} .consent-form .bn-write-common01 .b-table-wrap + .b-table-wrap {margin: 30px 0 0 0;} .consent-form.application .bn-write-common01 .b-input {max-width: 100%;} .consent-form .bn-write-common01 .b-table-box .b-row-box .b-rating-flex .b-con-box {flex-direction:column;align-items:flex-start;} .consent-form.application .bn-write-common01 .b-university-box .b-row-box {flex-direction:column;align-items:flex-start;padding: 0 0 10px 0;} .consent-form.application .bn-write-common01 .b-university-box .university-box > div {flex-direction:column;} .consent-form.application .b-other-box .b-row-box > div {flex-direction:column;} .consent-form.application .b-other-box .b-row-box > div .b-title-box {width:100%;} } .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border {padding:0;} .consent-form.application .bn-write-common01 .b-row-box + .b-row-box, .consent-form.application .bn-write-common01 .b-table-box + .b-table-box{margin-top:0;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .h4-tit01 {padding: 0 0 30px 0;border-bottom: 1px solid #dddd;} .consent-form.application .bn-write-common01 .b-input {} .consent-form.application .bn-write-common01 .b-textarea {max-width:100%;} .consent-form.application .mark-p {width:100%;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-title-wrap {display:flex;align-items:center;justify-content:space-between;gap:10px 10px;border-bottom: 1px solid #dddd;padding: 0 0 20px 0;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-title-wrap .h4-tit01 {display:flex;align-items:flex-end;gap:20px;line-height:1;border-bottom:0;padding:0;flex-wrap:wrap;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-title-wrap .h4-tit01 span {display:inline-block;font-weight: 600;font-size: 14px;line-height: 100%;letter-spacing: -0.02em;color:#004BAE;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-btn-action {font-weight: 600;font-size: 16px;line-height: 140%;letter-spacing: -0.01em;padding:11px 38px 11px 18px;border-radius:50px;border: 1px solid #001B54;color:#001B54;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-btn-action.b-btn-add {background: url(/_res/unist/_share/img/admg/ico-plus-add.png) no-repeat center right 12px;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-btn-action.b-btn-delete {background: url(/_res/unist/_share/img/admg/ico-x-delete.png) no-repeat center right 12px;border-color:#FF0000;color:#FF0000;} .consent-form.application .bn-write-common01 .b-university-box .b-row-box {display:flex;align-items:center;justify-content:space-between;gap:10px 10px;border-bottom: 1px solid #d8d8d8;flex-wrap: wrap;} .consent-form.application .bn-write-common01 .b-university-box .b-row-box .b-title-box {border-bottom:0;} .consent-form.application .bn-write-common01 .b-university-box .university-box {flex:1;} .consent-form.application .bn-write-common01 .b-university-box .university-box > div {display:flex;} .consent-form.application .bn-write-common01 .b-university-box .university-box > div + div {margin-top: -10px;} .consent-form.application .bn-write-common01 .b-university-box .university-box > div .b-rating-flex.type02 .b-con-box > *{max-width: 160px;} .consent-form.application .b-university-box .b-row-box .b-con-box {flex:1;border-bottom:0;} .consent-form.application .b-university-box .b-row-box .b-rating-flex .b-con-box > div {} .consent-form.application .b-other-box .b-row-box {display:flex;flex-direction:column;border-bottom: 1px solid #ddd;} .consent-form.application .b-other-box .b-row-box > div {display:flex;} .consent-form.application .b-other-box .b-row-box > div .b-title-box {width: 500px;border-bottom:0;} .consent-form.application .b-other-box .b-row-box .b-con-box {border-bottom:0;} } @media (min-width:769px) and (max-width:1919px) { .consent-form.application .bn-write-common01 .b-input {max-width: calc(331 / 1920 * 100vw);} .consent-form.application.en .bn-write-common01 .b-input {max-width: 331px;} .consent-form.application .bn-write-common01 .b-textarea {max-width:100%;} .bn-view-common02 .b-select {min-width: calc(252 / 1920 * 100vw);} .consent-form.application.en .bn-write-common01 .b-select {max-width:252px;} .bn-view-common02 .b-school-flex .b-select{min-width: calc(331 / 1920 * 100vw);} .consent-form.application.en .bn-view-common02 .b-school-flex .b-select{min-width: calc(331 / 1920 * 100vw);} } @media (max-width:1024px) { .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-title-wrap {flex-direction:column;align-items:flex-start;} .bn-view-common02 .b-table-box .b-row-box .b-school-flex .b-con-box > div {flex:1;} .consent-form.application .bn-write-common01 .b-university-box .university-box {flex: none;width: 100%;} .program-application-screen .b-commit {padding: 30px;} .application-screen .tit-screen {margin: 0 0 40px 0;font-size:30px;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-btn-action {margin-bottom: 10px;} } @media (max-width: 768px) { .program-application-screen .bot .bn-view-common02 .b-table-box .b-row-box .b-title-box {width:100%;border-bottom: 1px solid #ddd;padding: 7px 0 6px 0;} .program-application-screen .bot .bn-view-common02 .b-table-box .b-row-box .b-con-box .b-title-box {border-bottom:0;} .program-application-screen .bn-view-common02 .b-table-box .b-row-box .b-con-box {padding: 10px 0;font-size:14px;} .program-application-screen .top .bn-view-common02 .b-table-box .b-row-box .b-con-box {padding:0;} .bn-write-common01 .b-table-box.b-border .b-row-box {padding-top:0;border-top:0} .bn-view-common02 .b-table-box .b-row-box .b-grade-flex .b-con-box .b-title-box {min-width:70px;} .bn-view-common02 .cms-multi-upload .fileUpload .b-file-content ul li {padding: 8px 0;} .bn-view-common02 .b-file-content .mark-p {text-align: left;margin: 20px 0 0 0;} .bn-view-common02 .b-file-download ul li a {font-size:14px;} .bn-view-common02 .h4-tit01 {font-size:22px;line-height:28px;} .consent-form.application .bn-write-common01 .b-input {max-width: 100%;} .bn-view-common02 .b-table-box .b-row-box .b-rating-flex .b-con-box {flex-direction:column;align-items:flex-start;} .consent-form.application .bn-write-common01 .b-university-box .b-row-box {flex-direction:column;align-items:flex-start;padding: 0 0 10px 0;} .consent-form.application .bn-write-common01 .b-university-box .university-box > div {flex-direction:column;} .consent-form.application .b-university-box .b-row-box .b-con-box input + input {margin: 10px 0 0 0;} .consent-form.application .b-other-box .b-row-box > div {flex-direction:column;} .consent-form.application .b-other-box .b-row-box > div .b-title-box {width:100%;} .consent-form.application .bn-write-common01 .b-table-wrap.b-no-border .b-btn-action {margin-bottom:0;} } /*schedule*/ .calendar-wrap .calendar-top{display: flex;align-items: center;justify-content: space-between;gap: 10px 20px;flex-wrap: wrap;} .calendar-wrap .calendar-top .date-box{display: flex;align-items: center;justify-content: space-between;gap: 10px 20px;} .calendar-wrap .calendar-top .date-box .select-box{position:absolute;top: 0;right:0;max-width: 103px;width: 100%;} .calendar-wrap .calendar-top .date-box .select-box select{background: url(/_res/unist/admission/img/common/select-box-light.png) no-repeat center right 15px;appearance: none;-webkit-appearance: none;-moz-appearance: none;font-family: Pretendard;font-weight: 600;font-size: 16px;line-height: 160%;letter-spacing: -0.02em;text-align: center;color: #333;padding: 7px 64px 7px 15px;border: 0;} .calendar-wrap .calendar-top .date-box .select-box select option{font-size: 18px;} .calendar-wrap .calendar-top .fc-button-group{display: flex;align-items: center;justify-content: space-between;gap: 8px;} .calendar-wrap .calendar-top .fc-button-group a{display: block;width: 45px;height: 45px;border: 1.5px solid #C9C9C9;box-shadow: inset 0px 0px 9.5px rgba(255, 255, 255, 0.15);filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.1)); backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);border-radius: 54px;background: url(../img/common/arrow.png) no-repeat center;font-size: 0;} .calendar-wrap .calendar-top .fc-button-group a.fc-next-button{transform: rotate(180deg);} .calendar-wrap .calendar-top .btn-box ul{display: flex;align-items: center;justify-content: space-between;gap: 10px 33px;} .calendar-wrap .calendar-top .btn-box ul li a{padding: 4.5px 0 4.5px 38px;font-weight: 600;font-size: 18px;line-height: 125%;color: #666666;} .calendar-wrap .calendar-top .btn-box ul li.link-calendar a{background: url(../img/common/ico-calendar.png) no-repeat center left;} .calendar-wrap .calendar-top .btn-box ul li.link-list a{background: url(../img/common/ico-list.png) no-repeat center left;} .calendar-wrap .calendar-top .btn-box ul li.active a{color: #004BAE;} .calendar-wrap .calendar-top .btn-box ul li.link-calendar.active a{background: url(../img/common/ico-calendar-blue.png) no-repeat center left;} .calendar-wrap .calendar-top .btn-box ul li.link-list.active a{background: url(../img/common/ico-list-blue.png) no-repeat center left;} .calendar-box .fc-scrollgrid {border-radius: 10px 10px 0 0;overflow: hidden;} .calendar-box .fc-col-header{background: #001A54;} .calendar-box .fc .fc-col-header-cell-cushion{font-weight: 600;font-size: 16px;line-height: 125%;color: #FFFFFF;padding: 10px 0;} .calendar-box .fc-theme-standard th{border-color:#001A54;} .calendar-box .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {display: flex;align-items: center;justify-content: center;cursor:pointer;} .calendar-box .fc .fc-daygrid-day-top{justify-content: center;text-align: center;padding: 0;} .calendar-box .fc .fc-daygrid-day-number{width: 34px;height: 34px;font-weight: 500;font-size: 14px;line-height: 1;text-transform: capitalize;display: flex;align-items: center;justify-content: center;color: #252525;padding: 0;border-radius: 50%;} .calendar-box td.fc-daygrid-day.fc-day.fc-day-sun .fc-daygrid-day-number{color: #FF0000;} .calendar-box td.fc-daygrid-day.fc-day.fc-day-sat .fc-daygrid-day-number{color: #004BAE;} .calendar-box .fc .fc-daygrid-day.fc-day-today {background: #fff;} .calendar-box .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{background: #004BAE; color: #fff;} .calendar-box .fc .fc-daygrid-event{margin: 2px 3px;border-radius: 0;} .calendar-box .fc-h-event .fc-event-title-container{text-align: center;} .calendar-box .fc-h-event .fc-event-title{font-weight: 500;font-size: 16px;line-height: 125%;color: #111111;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 5px;} .calendar-box .fc .fc-daygrid-day-bottom{display:none;} .calendar-box .fc .fc-daygrid-more-link span{text-decoration-line: underline;text-underline-offset: 2px;} .calendar-box .fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom: 5px;display:none;} .calendar-box .fc .fc-daygrid-body tr{height: 67.4px;} @media(max-width: 1024px){ .calendar-wrap .calendar-top .date-box .select-box select{font-size: 18px;} .calendar-wrap .calendar-top .fc-button-group a{width: 30px;height: 30px;} } @media(max-width: 768px){ .calendar-wrap .calendar-top{flex-direction: column;} .calendar-wrap .calendar-top .btn-box{width: 100%;} } .calendar-wrap .calendar-top.type02 .date-box .select-box{border-bottom: 0;} .calendar-wrap .calendar-top.type02 .date-box .select-box select{margin-bottom: 0;} .b-cal-list-box{border-top: 2px solid #001A54;} .b-cal-list-box .month{display: flex;border-bottom: 1px solid #DDDDDD;} .b-cal-list-box .month > p{font-weight: 600;font-size: 28px;line-height: 125%;display: flex;align-items: center;justify-content: center;color: #001A54;width: 226px;background: #F8F8F8;border-right: 1px solid #DDDDDD;} .b-cal-list-box .month > div{display: flex;flex-direction: column;padding: 30px 50px;gap: 24px;flex:1;} .b-cal-list-box .month > div > div{display: flex;gap: 30px;} .b-cal-list-box .month > div > div > p{width: 140px;font-weight: 500;font-size: 16px;line-height: 125%;color: #004BAE;} .b-cal-list-box .month > div > div > ul{flex: 1;} .b-cal-list-box .month > div > div > ul > li{font-weight: 500;font-size: 16px;line-height: 125%;color: #333333;position: relative;} .b-cal-list-box .month > div > div > ul > li.hot:before{content:'';width: 4px;height: 4px;border-radius: 50%;background: #FF0000;position: absolute;top: 0;left: -9px;} @media(max-width: 1024px){ .b-cal-list-box .month > p{width: 80px;} .b-cal-list-box .month > div{padding:15px 30px;gap: 15px;} .b-cal-list-box .month > div > div{gap: 5px;} } @media(max-width: 768px){ .b-cal-list-box .month > div > div{flex-direction: column;} } .b-category01 ul:has(li:nth-child(6)){display: grid;grid-template-columns: repeat(6, 1fr);} /* bn-list-explorer type01 */ .bn-list-explorer{margin-top: 30px;} .bn-list-explorer.bn-common .b-col-title{width:auto;} .bn-list-explorer.bn-common .b-col-date{width:18%;} .bn-list-explorer.bn-common .b-col-expand{width:20%;} .bn-list-explorer.bn-common .b-col{width:10%;} .bn-list-explorer.type01 table{width:100%;border-spacing:0;border-top:1px solid #DDDDDD;table-layout:fixed;} .bn-list-explorer.type01 table thead th{padding:18px 10px;border-bottom:2px solid #001B54;background:#F8F8F8;font-weight: 700;font-size: 16px;line-height: 140%;text-align: center;letter-spacing: -0.02em;color: #222222;} .bn-list-explorer.type01 table thead th.b-no-right{border-right:none !important} .bn-list-explorer.type01 table tbody th{padding:15px 10px;border-bottom:1px solid #eee;background-color:#fafafa;font-weight:200;} .bn-list-explorer.type01 table tbody td{position:relative;padding:10px;border-bottom:1px solid #ddd;font-weight: 500;font-size: 15px;line-height: 160%;letter-spacing: -0.01em;color: #222222;text-align:center;height: 60px;box-sizing: border-box;} .bn-list-explorer.type01 table tbody td.b-td-left{text-align:left !important;} .bn-list-explorer.type01 table tbody td.b-no-right{border-right:none !important;} .bn-list-explorer.type01 table tbody td.b-num-box span{width: 40px;height: 40px;border-radius: 50%;background: #004BAE;font-weight: 700;font-size: 14px;line-height: 160%;letter-spacing: -0.01em;color: #fff;display: flex;justify-content: center;align-items: center;margin: auto;} .bn-list-explorer.type01 .b-title-box a{display:inline-block;max-width:calc(100% - 38px);font-weight: 600;font-size: 16px;line-height: 160%;letter-spacing: -0.01em;color: #222222;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;vertical-align:middle;box-sizing:border-box;} .bn-list-explorer.type01 .b-title-box .b-etc-box{display:inline-block;} .bn-list-explorer.type01 .b-title-box .b-etc-box .b-lock{display:none;} .bn-list-explorer.type01 .b-title-box .b-etc-box .b-new{display:inline-block;vertical-align:middle;font-weight: 600;font-size: 14px;line-height: 160%;letter-spacing: -0.01em;text-transform: uppercase;color: #004BAE;} .bn-list-explorer.type01 .b-title-box .b-etc-box .b-file{display:none;} .bn-list-explorer.type01 .b-file-box{margin:0 auto;width:18px;height:18px;background:url(../img/board/ico-file.png) no-repeat center;} .bn-list-explorer.type01 .b-title-box .b-m-con{display:none;} .bn-list-explorer.type01 .b-reply-box .b-title-box{padding:0 0 0 30px;background:url(../img/board/ico-reply01.gif) no-repeat 11px 4px;} .bn-list-explorer.type01 .b-top-box .b-title-box a span{display:none;} .bn-view-explorer.type01 .b-write-reply-box .reply-content-count span{color:#095d3b;} .bn-view-explorer.type01 .b-write-reply-box .write-reply-content .write-reply-etc-box > button{background-color:#095d3b;} .bn-list-explorer.type01 .btn-app {display:inline-block;padding: 10px 37.6px 10px 20px;font-weight: 700;font-size: 14px;line-height: 140%;letter-spacing: -0.01em;border-radius: 50px;border:1px solid transparent;min-width:105px;box-sizing:border-box;} .bn-list-explorer.type01 .btn-app.btn-edit {color:#fff;background: #004BAE url(../img/common/ico-arrow-app-w.png) no-repeat center right 20px;} .bn-list-explorer.type01 .btn-app.btn-results {color:#001B54;background: #fff url(../img/common/ico-arrow-app-b.png) no-repeat center right 20px;border-color:#001B54;} .bn-list-explorer.type01 .btn-app.btn-view {color:#001B54;background: #EFF3F6 url(../img/common/ico-arrow-app-b.png) no-repeat center right 20px;} .bn-list-admission.type01 .btn-app {display:inline-block;padding: 10px 37.6px 10px 20px;font-weight: 700;font-size: 14px;line-height: 140%;letter-spacing: -0.01em;border-radius: 50px;border:1px solid transparent;min-width:105px;box-sizing:border-box;} .bn-list-admission.type01 .btn-app.btn-edit {color:#fff;background: #004BAE url(../img/common/ico-arrow-app-w.png) no-repeat center right 20px;} .bn-list-admission.type01 .btn-app.btn-results {color:#001B54;background: #fff url(../img/common/ico-arrow-app-b.png) no-repeat center right 20px;border-color:#001B54;} .bn-list-admission.type01 .btn-app.btn-view {color:#001B54;background: #EFF3F6 url(../img/common/ico-arrow-app-b.png) no-repeat center right 20px;} @media screen and (max-width: 768px) { .bn-list-explorer.type01 table {width:800px;} .bn-list-explorer.type01 table tbody td{height: auto;} .bn-list-explorer.type01 .b-reply-box .b-title-box{padding:0 0 0 20px;background-position:0 6px;} .bn-list-explorer.type01 .b-title-box .b-m-con{display:flex;gap: 20px;align-items: center;padding-top:5px;} .bn-list-explorer.type01 .b-title-box .b-m-con span{position:relative;font-size:14px;line-height:20px;} .bn-list-explorer.type01 .b-title-box .b-m-con span:after{content:"";display:block;position:absolute;top:4px;right:-10px;width:1px;height:12px;background:#8c8c8c;} } /* bn-list-admission type01 */ .bn-list-admission.bn-common .b-col-title{width:auto;} .bn-list-admission.bn-common .b-col-date{width:18%;} .bn-list-admission.bn-common .b-col-expand{width:20%;} .bn-list-admission.bn-common .b-col{width:15%;} .bn-list-admission.bn-common .b-col-num{width:10%;} .bn-list-admission.type01 table{width:100%;border-spacing:0;border-top:1px solid #DDDDDD;table-layout:fixed;} .bn-list-admission.type01 table thead th{padding:18px 10px;border-bottom:2px solid #001B54;background:#F8F8F8;font-weight: 700;font-size: 16px;line-height: 140%;text-align: center;letter-spacing: -0.02em;color: #222222;} .bn-list-admission.type01 table thead th.b-no-right{border-right:none !important} .bn-list-admission.type01 table tbody th{padding:15px 10px;border-bottom:1px solid #eee;background-color:#fafafa;font-weight:200;} .bn-list-admission.type01 table tbody td{position:relative;padding:10px;border-bottom:1px solid #ddd;font-weight: 500;font-size: 15px;line-height: 160%;letter-spacing: -0.01em;color: #222222;text-align:center;height: 60px;box-sizing: border-box;} .bn-list-admission.type01 table tbody td.b-td-left{text-align:left !important;} .bn-list-admission.type01 table tbody td.b-no-right{border-right:none !important;} .bn-list-admission.type01 table tbody td.b-num-box span{width: 40px;height: 40px;border-radius: 50%;background: #004BAE;font-weight: 700;font-size: 14px;line-height: 160%;letter-spacing: -0.01em;color: #fff;display: flex;justify-content: center;align-items: center;margin: auto;} .bn-list-admission.type01 .b-title-box a{display:inline-block;max-width:calc(100% - 38px);font-weight: 600;font-size: 16px;line-height: 160%;letter-spacing: -0.01em;color: #222222;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;vertical-align:middle;box-sizing:border-box;} .bn-list-admission.type01 .b-title-box .b-etc-box{display:inline-block;} .bn-list-admission.type01 .b-title-box .b-etc-box .b-lock{display:none;} .bn-list-admission.type01 .b-title-box .b-etc-box .b-new{display:inline-block;vertical-align:middle;font-weight: 600;font-size: 14px;line-height: 160%;letter-spacing: -0.01em;text-transform: uppercase;color: #004BAE;} .bn-list-admission.type01 .b-title-box .b-etc-box .b-file{display:none;} .bn-list-admission.type01 .b-file-box{margin:0 auto;width:18px;height:18px;background:url(../img/board/ico-file.png) no-repeat center;} .bn-list-admission.type01 .b-title-box .b-m-con{display:none;} .bn-list-admission.type01 .b-reply-box .b-title-box{padding:0 0 0 30px;background:url(../img/board/ico-reply01.gif) no-repeat 11px 4px;} .bn-list-admission.type01 .b-top-box .b-title-box a span{display:none;} .bn-list-admission.type01 .b-top-info-wrap {justify-content:flex-end;} .bn-list-admission.type01 .b-top-info-wrap .b-total {position:static;margin: 0 0 30px 0;} .bn-view-explorer.type01 .b-write-reply-box .reply-content-count span{color:#095d3b;} .bn-view-explorer.type01 .b-write-reply-box .write-reply-content .write-reply-etc-box > button{background-color:#095d3b;} @media screen and (max-width: 768px) { .bn-list-admission.type01 table {width:800px;} .bn-list-admission.type01 .btn-app {font-size: 13px;} .bn-list-admission.type01 table tbody td{height: auto;} .bn-list-admission.type01 .b-top-info-wrap {justify-content:flex-start;} .bn-list-admission.type01 .b-reply-box .b-title-box{padding:0 0 0 20px;background-position:0 6px;} .bn-list-admission.type01 .b-title-box .b-m-con{display:flex;gap: 20px;align-items: center;padding-top:5px;} .bn-list-admission.type01 .b-title-box .b-m-con span{position:relative;font-size:14px;line-height:20px;} .bn-list-admission.type01 .b-title-box .b-m-con span:after{content:"";display:block;position:absolute;top:4px;right:-10px;width:1px;height:12px;background:#8c8c8c;} } /*popup*/ .overflow-hidden{overflow: hidden;} .popup-wrap{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.75);justify-content:center;align-items:center;z-index:1000;box-sizing: border-box;overflow: auto;align-items:flex-start;} .popup-wrap .popup-content{padding:0;width:100%;max-width: 600px;position:relative;box-sizing: border-box;border-radius: 10px;overflow: hidden;top: 50%;transform: translateY(-50%);} .popup-wrap .popup-content.on {max-width: 700px;} .popup-wrap .close-top{position:absolute;top:25px;right:30px;font-size:0;cursor:pointer;background: url(../img/graduate/popup-close-guide.png) no-repeat center center;width: 14px;height: 14px;} .popup-wrap .close-top a{display: block;width: 100%;height: 100%;} .popup-guideline-box{} .popup-guideline-box .popup-top{position: relative;padding: 19.5px 30px;background: #001A54;box-sizing:border-box;} .popup-guideline-box .popup-top > p {font-weight: 600;font-size: 20px;line-height: 125%;color:#fff;} .popup-guideline-box .popup-mid{padding: 46px 40px 40px 40px;background-color:#fff;} .popup-guideline-box .popup-mid > p {font-weight: 600;font-size: 18px;line-height: 150%;letter-spacing: -0.01px;color:#111;} .popup-guideline-box .popup-mid > p + p {margin-top: 24px;} .popup-guideline-box .popup-mid > p > span > span {color:#FF0000;} .popup-guideline-box .popup-mid .txt02 {color:#004BAE;} .b-application-wrap {display: flex;margin: 50px 0 10px 0;} .b-application-wrap label {font-weight: 600;font-size: 18px;line-height: 100%;letter-spacing: -0.02px;color:#111;padding: 18.5px 14.5px 18.5px 0;margin-right:20px;} .b-application-wrap input {font-weight: 600;font-size: 16px;line-height: 100%;color:#111;padding: 12.5px 15px;box-sizing:border-box;width: 370px;border-radius:8px;border:1px solid #ddd;flex:1;} .b-application-wrap button {min-width:100px;font-weight: 600;font-size: 16px;line-height: 100%;letter-spacing: -0.02px;color:#fff;background:#004BAE;height:50px;border-radius:8px;display:inline-block;margin-left:10px;cursor:pointer;} .b-application-wrap button.disable {pointer-events:none;background:#aaa;} .popup-wrap .b-btn01.type06 ul li a, .popup-wrap .b-btn01.type06 ul li button {min-width: auto;} .btn-step2 {display: none;} .consent-form.application .popup-wrap {display:none;} .popup-application-box .popup-top{position: relative;padding: 19.5px 30px;background: #001A54;box-sizing:border-box;} .popup-application-box .popup-top > p {font-weight: 600;font-size: 20px;line-height: 125%;color:#fff;} .popup-application-box .popup-mid{padding: 46px 40px 40px 40px;background-color:#fff;} .popup-application-box .popup-mid > p {font-weight: 700;font-size: 18px;line-height: 150%;letter-spacing: -0.01em;color:#111;} .popup-application-box .popup-mid > p + p {margin-top: 24px;} .popup-application-box .popup-mid .txt01 {color:#004BAE;} .popup-application-box .popup-mid .mark-p {font-size:13px;color:#004BAE;margin-top:0;line-height:1;font-weight:600} @media(max-width: 1024px){ .popup-wrap{padding: 30px 15px;} .popup-guideline-box .popup-mid{padding: 30px 16px;} .popup-application-box .popup-mid{padding: 30px 16px;} } @media(max-width: 768px){ .b-application-wrap {flex-direction:column;gap:12px;margin: 25px 0 10px 0;} .b-application-wrap label {padding:0;} .b-application-wrap input {width:100%;} .b-application-wrap button {margin: 0;} .popup-guideline-box .popup-mid > p {font-size:16px;} .popup-application-box .popup-mid > p {font-size:16px;} .popup-application-box .popup-top {padding:19.5px 16px;;} } .year-box{display: flex;justify-content: center;align-items: center;margin-bottom: 40px;} .year-box .y-select{display: block;padding: 12px 25px 12px 15px;width: 100px;border-radius: 8px;border: 1px solid #DDDDDD;background: #fff url(../img/board/ico-select.png) no-repeat right 15px center;box-sizing: border-box;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;font-weight: 600;font-size: 15px;line-height: 160%;letter-spacing: -0.02em;color: #333333;} .js-custom-select{position:relative;width:100%;} .js-custom-select .js-selected{padding:7px 30px 7px 15px;cursor:pointer;background:#fff url(/_res/unist/admission/img/common/select-box-light.png) no-repeat center right 15px;font-weight: 600;font-size: 16px;line-height: 160%;letter-spacing: -0.02em;color: #333333;border: 1.25px solid #DDDDDD;border-radius:8px;box-sizing: border-box;} .js-custom-select .js-options-wrap{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:50;padding: 14px 3px;background: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);border-radius: 8px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s;border: 1px solid #E9E9E9;} .js-custom-select .js-options-wrap.open{opacity:1;pointer-events:auto;transform:translateY(0)} .js-custom-select .js-options{background:#fff;max-height:172px;overflow-y:auto;transition:.25s;z-index:50;} .js-custom-select .js-options::-webkit-scrollbar{width: 3px;border-radius: 5px;} .js-custom-select .js-options::-webkit-scrollbar-track{background: #fff;border-radius: 5px;} .js-custom-select .js-options::-webkit-scrollbar-thumb{background: #001A54;border-radius: 5px;} .js-custom-select .js-options li{padding:5px 0;cursor:pointer;font-weight: 700;font-size: 16px;line-height: 110%;text-transform: uppercase;color: #999999;text-align: center;} .js-custom-select .js-options li+li{margin-top: 8px;} .js-custom-select .js-options li.active,.js-options li:hover{text-decoration-line: underline;color: #001A54;text-underline-offset: 3px;text-decoration-thickness: 2px;} .results-box .banner { width: 100%; overflow: hidden; position: relative; border-radius: 10px; padding: 94px 16px 111px 16px; box-sizing: border-box; } .results-box .banner > img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .results-box .banner .txt-mark { position: absolute; bottom: -110px; left: 50%; transform: translatex(-50%); font-family: Prompt; font-weight: 900; font-size: 449px; line-height: 1; letter-spacing: -0.02em; text-transform: uppercase; color: rgba(255, 255, 255, 0.13); z-index: 0; } .results-box .banner .box-tit { width: 100%; z-index: 1; box-sizing: border-box; position: relative; } .results-box .banner .box-tit .logo {text-align: center;margin-bottom: 30px;} .results-box .banner .box-tit > p { font-weight: 700; font-size: 40px; line-height: 130%; text-align: center; color: #fff; margin-bottom: 89px; position: relative; } .results-box .banner .box-tit > p span { color: #43c1c3; text-decoration: underline; text-underline-offset: 6px; display: block; } .results-box .banner .box-tit > p br.mobi-yes { display: none; } .results-box .banner .box-tit .inner { max-width: 799px; width: 100%; padding: 59px 30px; margin: 0 auto; background: rgba(0, 0, 0, 0.15); box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.13); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 20px; text-align: center; display: flex; flex-direction: column; gap: 23px; box-sizing: border-box; border: 1.5px solid rgb(255 255 255 / 15%); } .results-box .banner .box-tit .inner:after { content: ''; display: block; position: absolute; bottom: 100%; left: 50%; width: 12px; height: 49px; background: url(../img/common/mark-ico-results.png) no-repeat 0 0 / 100%; top: -70px; transform: translateX(-50%); } .results-box .banner .box-tit .inner .txt01 { font-size: 20px; font-weight: 700; line-height: 30px; color: #fff; } .results-box .banner .box-tit .inner .txt01 > a { text-decoration: underline; text-underline-offset: 4px; } .results-box .banner .box-tit .inner .txt02 { font-size: 15px; font-weight: 600; line-height: 24px; color: #fff; } .results-box .banner .box-tit .inner .txt03 { font-size: 20px; font-weight: 700; line-height: 130%; color: #fff; } @media screen and (max-width: 768px) { .results-box .banner { padding: 50px 16px; } .results-box .banner .box-tit > p { font-size: 20px; margin-bottom: 70px; } .results-box .banner .box-tit .inner { padding: 25px 20px; gap: 16px; } .results-box .banner .box-tit .inner br { display: none; } .results-box .banner .box-tit .inner .txt01 { font-size: 16px; line-height: 28px; } .results-box .banner .box-tit .inner .txt02 { font-size: 14px; } .results-box .banner .box-tit .inner .txt03 { font-size: 16px; } .results-box .banner .box-tit .inner:after { width: 10px; height: 40px; top: -55px; } .results-box .banner .txt-mark { font-size: 209px; left: 0; transform: unset; bottom: -50px; } } @media screen and (max-width: 450px) { .results-box .banner .box-tit > p br.mobi-yes { display: block; } } /*css update*/ @media (min-width: 769px) { .bn-write-common01 .b-table-box .b-row-box > div.b-rating-flex {display: table-cell;border-bottom: 1px solid #d8d8d8;} } @media (max-width: 768px) { .consent-form .bn-write-common01 .b-school-flex .b-select, .consent-form.application .bn-write-common01 .b-university-box .university-box > div .b-rating-flex.type02 .b-con-box > * , .consent-form .bn-write-common01 .b-table-box .b-row-box .b-rating-flex .b-con-box select{max-width: 100%;} } .bn-write-common01 .b-table-box .b-row-box > div.b-rating-flex {border-bottom: 1px solid #d8d8d8;}