@charset "utf-8"; font{color:#e4585a;} .location_w{background: #f7f7f7;width: 100%; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;} .location_w .inner{position: relative;padding-right: 120px;border-left: 1px solid #e0e0e0;padding-top: 0;padding-bottom: 0;padding-left: 0;height: 70px;} .location{height: 100%;display: flex;} .location .home{width: 70px;} .location .home >a{display: block; width: 100%; height: 100%; white-space: nowrap; overflow: hidden; text-indent: -999px; background: url('/resources/snu/img/common/icon_home.png') no-repeat center;} .location .item{/* min-width: 300px; */ width: 300px;} .location >li{position: relative;border-right: 1px solid #e0e0e0;} .location >li > a { width: 100%; height: 100%; padding: 0 1.250rem; vertical-align: middle;position: relative;font-size: 1.125rem; padding-right: 2rem; color: #666; font-weight: 500; display: block; line-height: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; } .location >li > a:after { content: ''; position: absolute; top: 50%; right: 20px; width: 13px; aspect-ratio: 13 / 7; background: url('../image/ico_select.png') no-repeat center / 100%; transform: translateY(-50%) rotate(-90deg); } .location >li:first-child > a:after { display: none; } .location >li:last-child > a:after { display: none; } .location .depth{display: none; position: absolute;top: 100%;left: 0;width: 100%;border: 1px solid #cecece; z-index: 2; max-height: 230px;overflow-y: auto;} .location .depth >li{width: 100%;} .location .depth >li >a{display: block;width: 100%;padding: 1em 1.5em;background: #f8f8f8;color: #777;border-bottom: 1px solid #cecece; transition: all .3s ease;} .location .depth >li:last-child >a{border-bottom: 0;} .location .depth >li >a:hover{background: #fff; color: var(--gold);} .location_w .etc{position: absolute; top: 0; right: 0; z-index: 1; font-size: 0; border-left: 1px solid #e0e0e0;} .location_w .etc >li{display: inline-block; border-right: 1px solid #e0e0e0;} .location_w .etc >li button{width: 70px;height: 70px;background: url('') no-repeat center;transition: all .3s ease;} .location_w .etc .share >button{background-image: url('/resources/snu/img/common/icon_share.png')} .location_w .share{position: relative;} .location_w .share .depth{display: none; position: absolute;top: 100%;left: 0;border: 1px solid #cecece;border-bottom: 0;} .location_w .share .i{background-color: #fff;border-bottom: 1px solid #cecece;} .location_w .share .share-i{background-image: url('/resources/snu/img/sub/sns_insta.png')} .location_w .share .share-y{background-image: url('/resources/snu/img/sub/sns-youtube.png')} .location_w .share .share-f{background-image: url('/resources/snu/img/sub/sns_face.png')} .location_w .share .share-k{background-image: url('/resources/snu/img/sub/sns_kakao.png')} .location_w .share .share-t{background-image: url('/resources/snu/img/sub/sns_tweet.png')} .location_w .share .share-u{color: #a9a9a9;font-size: 1rem;font-weight: 700;} .location_w .etc .share.on >button{background-image: url('/resources/snu/img/sub/ico-share_on.png'); background-color: #fff;} .location_w .share .share-i:hover{background-image: url('/resources/snu/img/sub/sns_insta_on.png')} .location_w .share .share-y:hover{background-image: url('/resources/snu/img/sub/ico-youtube_on.png')} .location_w .share .share-f:hover{background-image: url('/resources/snu/img/sub/sns_face_on.png')} .location_w .share .share-k:hover{background-image: url('/resources/snu/img/sub/sns_kakao_on.png')} .location_w .share .share-t:hover{background-image: url('/resources/snu/img/sub/sns_tweet_on.png')} .location_w .share .share-u:hover{color: #474747;} .location_w .etc .print button{background-image: url('/resources/snu/img/common/icon_print.png')} .location_w .etc .share-url button{background-image: url('/resources/snu/img/common/icon_link.png')} /* tab */ .tab-sty {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 3.750rem; text-align: center; line-height: 1.15; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;} .tab-sty.tab-sty2 { width: 50%;} .tab-sty li { flex: 1;} .tab-sty.col1 li { width: 100%;} .tab-sty.col2 li { width: 50%;} .tab-sty.col3 li { width: 33.3333%;} .tab-sty.col4 li {width: 25%;} .tab-sty.col5 li { width: 20%;} .tab-sty.col6 li {width: 16.6666%;} .tab-sty.col7 li { width: 14.2857%;} .tab-sty.col8 li{width: 12.5%;} .tab-sty.col9 li{width: 11.111%;} .tab-sty.col10 li, .tab-sty.col11 li{width: 10%;margin-top: -1px;} .tab-col5 .tab-sty li {width: 20% !important;} .tab-col6 .tab-sty li {width: 16.6666% !important;} .tab-col11 .tab-sty li {width: 9.09% !important;margin-top: -1px !important;} .tab-sty li {border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; color: #828282;font-weight: normal; font-size: 1.125rem;position: relative;transition: 0.2s ease;} /* .tab-sty li:last-child { border-right: 1px solid #dedede;} */ .tab-sty .on {background: var(--or);font-weight: 500; color: #fff;} .tab-sty a {width: 100%; min-height: 3.750rem; padding: 5px;display: flex; align-items: center;justify-content: center; height: 100%;} .tab-sty a:focus {outline: 2px solid black; outline-offset: -1px;} .tab-sty span {vertical-align: middle;} .tab-sty.-st2 li{width: 20%; flex:none} .tab-sty.tab-6 li { width:16.6666% !important; } @media screen and (max-width: 950px){ .tab-sty.tab-6 li { width:25% !important; } } /* .tab-sty.-st2 li:last-child{width: calc(20% + 1px);} .tab-sty.-st2 li:not(:nth-child(-n+5)){margin-top: -1px;} .tab-sty.-st2 li:nth-child(5n){border-right: 1px solid #e0e0e0;} */ .sub-cont{padding-bottom: 6.250rem; min-height: 50vh;} .sub-t{position: relative;font-size: 34px;font-size: 3.125rem;color: #111;font-weight: 400; text-align: center; margin: 5.625rem auto 0; font-family: 'esamanru'; letter-spacing: -2px; max-width: 1400px;} .sub-cont .cont_w > div:not(#cont19_1, #cont02_2){margin-top: 3.438rem;} .tabs-st1 .tabs-tit{font-size: 1em; text-align: center; border-left: 1px solid #cecece; border-top: 1px solid #cecece; margin-bottom: 40px; color: #454545; display: flex; flex-wrap:wrap} .tabs-st1 .tabs-tit > li{border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; background: #f8f8f8; position: relative;} .tabs-st1 .tabs-tit .active{background: #968769; color: #fff; font-weight: 500;} .tabs-st1 .tabs-tit.len1 > li{width: 100%} .tabs-st1 .tabs-tit.len2 > li{width: 50%} /* 2개 */ .tabs-st1 .tabs-tit.len3 > li{width: 33.333333333%} /* 3개 */ .tabs-st1 .tabs-tit.len4 > li, .tabs-st1 .tabs-tit.col8 > li{width: 25%} /* 4개 */ .tabs-st1 .tabs-tit.len5 > li{width: 20%} /* 5개 */ .tabs-st1 .tabs-tit.len6 > li{width: 16.6666666667%} /* 6개 */ .tabs-st1 .tabs-tit.len7 > li{width: 14.2857142857%} /* 7개 */ .tabs-st1 .tabs-tit.len9 > li{width: 33.333%} /* 9개 */ .tabs-st1 .tabs-tit a{display: table; width: 100%; height: 2.813em; word-break:keep-all; padding: 0 10px; line-height: 1.15; position: relative;} .tabs-st1 .tabs-tit button{display: block; height: 100%; width: 100%} .tabs-st1 .tabs-tit a span{display: table-cell; vertical-align: middle;} /* 사이트맵 */ /* .sitemap_o #header .etc .btn-allmenu{background-image: url(/resources/snu/img/common/btn_close.png); } */ #header .etc .btn-openM{display: none;} /* .sitemap_o #header .header_w{justify-content: space-between} .sitemap_o{overflow: hidden;} */ #sitemap .sitemap_h{border-bottom: 1px solid #e0e0e0;} #sitemap{position: fixed; top: 0; border-top: 1px solid #e0e0e0; left: 0; width: 100%; background: #fff; z-index: 190; display: none; height: 100%; overflow-y: auto; } #sitemap .btn-mapClose{width: 1.750rem;height: 1.750rem;background: url('/resources/snu/img/common/btn_close.png') no-repeat center / 100%;} .sitemap_w{margin: 70px auto;} .sitemap_w .depth1{display: flex; flex-wrap: wrap; margin: 0 -0.938em; row-gap: 60px;} .sitemap_w .depth1 >li{width: calc(25% - 1.875em);margin: 0 0.938em 0;} .sitemap_w .depth1 >li >span{display: block;font-size: 19px;font-size: 1.188em;padding:1rem;background: #252525; color: #fff; border-radius: 5px; text-align: center; font-size: 22px;} .sitemap_w .depth2 >li >a{display: block;font-size: 18px; padding: 10px; border-bottom: 2px solid #111; transition: all .3s; margin-top: 35px; margin-bottom: 20px; position: relative; font-weight: 500; color: #333;} .sitemap_w .depth2 >li >a:before{display: block; position: absolute; content: ''; width: 2px; height: 8px; background-color: #111; left: 0; bottom: 0; transition: all .3s;} .sitemap_w .depth2 >li >a:hover{color: var(--or); border-bottom-color: var(--or);} .sitemap_w .depth2 >li >a:hover:before{background-color: var(--or)} .sitemap_w .depth3{} .sitemap_w .depth3 >li >a{position: relative;display: block;font-size: 16px; padding-bottom: 7px;padding-left: 13px;} .sitemap_w .depth3 >li >a:before{display: block; position: absolute; content: ''; width: 4px; height: 4px; background: #999; left:0; top: 8px;} .sitemap_w .depth3 >li >a:hover{text-decoration: underline; text-underline-position: under; color: var(--or);} .sitemap_w .depth3 >li >a:hover:before{background-color: var(--or)} #sitemap .depth3 >li >a > span:after{width: 13px; background-size: 100%; top: auto; bottom: 2px; transform: inherit;} #sitemap .depth3 >li >a:hover > span:after{background-image: url(/resources/snu/img/common/icon_shortcut_or.png)} /* 질문답변 */ .qna-top{padding: 50px 0; background: #f7f7f7;} .qna-link{display: flex;flex-wrap: wrap;border: 1px solid #d1d1d1;border-right: 0;} .qna-link >a{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 33.3333%;text-align: center;border-right: 1px solid #d1d1d1;background: #fff;min-height: 260px;padding: 1em;} .qna-link >a:before{content: '';position: absolute;top: -1px;left: -1px;width: calc(100% - 2px);height: calc(100% - 2px);border: 2px solid var(--gold);transition: all .3s ease;visibility: hidden;opacity: 0;z-index: 1;} .qna-link >a:hover:before{visibility: visible; opacity: 1;} .qna-link >a >img{/* display: block; */} .qna-link >a >span{display: block;font-size: 18px;font-size: 1.125em;color: #666;margin-top: 0.84em;} .qna-steps{display: flex; flex-wrap: wrap; margin: 0 -1em;} .qna-steps >li{position: relative;width: calc(25% - 2em);min-height: 160px;margin: 0 1em;padding: 1.563em 1.875em;border: 1px solid #cecece;border-radius: 10px;} .qna-steps >li:not(:last-child):after{content: '';position: absolute;width: 1.875em;height: 1.875em;background: url('/resources/snu/img/sub/stepArr.png') no-repeat center / 100%;left: calc(100% + 3px);top: 50%;transform: translateY(-50%);} .qna-steps >li >p{font-size: 18px;font-size: 1.125em;color: #666;} .qna-steps .num{position: relative;display: inline-block;color: var(--gold);padding-bottom: 8px;margin-bottom: 10px;} .qna-steps .num:after{content: '';position: absolute;width: 100%;height: 1px;left: 0;bottom: 0;background: var(--gold);} /* 조직도 */ .org_w{display: flex; position: relative; justify-content: flex-end;} .org_w a:hover span{text-decoration: underline;} .org_w .chief > a:hover, .org_w .chief a.head:hover span{text-decoration: none;} .org_w:before{content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #e0e0e0; max-width: 780px; top: calc(171px / 2); z-index: -1;} .org_w a{display: block;} .org_w a span:before, .org_w a span:after, .org_w.no_link .chief > p span:before, .org_w.no_link .chief > p span:after{content: ''; display: block; position: absolute; width: 7px; height: 7px; border: 1px solid #ababab; border-radius: 100%; background: #fff;} .org_w .chief{ position: relative; font-weight: 700; font-size: 1.250rem; color: #fff;} .org_w .chief.-r{position: absolute;} .org_w .chief.-l{display: flex; flex-direction: column; align-items: center;} .org_w .chief > a, .org_w .chief a.head, .org_w.no_link .chief > p{display: flex; align-items: center; justify-content: center; background: url(/resources/snu/img/sub/org_bg.png) no-repeat center / cover; width: 158px; height: 158px; position: relative; text-align: center; padding: 10px;} .org_w .chief > a:before, .org_w .chief a.head:before, .org_w.no_link .chief > p:before{content: ''; display: block; position: absolute; height: calc(100% + 28px); border: 1px solid var(--or); width: calc(50% + 14px); border-radius: 178px 0 0 178px;border-right-width: 0; top: -14px; left: -14px; background: #fff; z-index: -1;} .org_w .chief > a span:before, .org_w .chief a.head span:before, .org_w .chief > a span:after, .org_w .chief a.head span:after, .org_w.no_link .chief > p span:before, .org_w.no_link .chief > p span:after{border-color: var(--or); transform: translate(-50%, -50%);} .org_w .chief > a span:before, .org_w .chief a.head span:before, .org_w.no_link .chief > p span:before{right: -23px;top: calc(50% + 6px);} .org_w .chief.-r > a span:before{right: auto; left: -13px;top: calc(50% + 6px);} .org_w .chief > a span:after, .org_w .chief a.head span:after, .org_w.no_link .chief > p span:after{bottom: -24px; left: 50%; } .org_w .chief.-l > a:before, .org_w .chief.-l a.head:before, .org_w.no_link .chief > p:before{border-radius: 0 178px 178px 0; border-right-width: 1px; border-left: 0; left: auto; right: -14px;} .group01{display: flex; gap: 270px; padding: 195px 0 45px; position: relative;} .group01:before{content: ''; display: block; position: absolute; height: 100%; width: 1px; background: #e0e0e0; left: 50%; transform: translateX(-50%); top: 0; z-index: -2;} .group01:after{content: ''; display: block; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); height: 1px; background: #e0e0e0; max-width: 152px; top: 57%;} .group01 ul > li:not(:last-child) {margin-bottom: 16px;} .group01 a, .no_link .group01 li{background: #232323; padding: 20px 1rem; border-radius: 5px; text-align: center; min-width: 260px;position: relative; font-weight: 500;} .group01 a:after{content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #e0e0e0; max-width: 47px; top: 50%;transform: translateY(-50%);} .group01 a span:before{display: none;} .group01 a span:after{top: 50%;transform: translateY(-50%); border-color: #232323} .group01 ul{position: relative;} .group01 ul:after{content: ''; display: block; position: absolute; height: 100%; width: 1px; background: #e0e0e0; top: 35px;} .group01 ul.-l:after{max-height: 84px;} .group01 ul.-r:after{max-height: 168px;} .group01 ul.-l:after, .group01 ul.-l a:after{right: calc(-14px + -47px);} .group01 ul.-r:after, .group01 ul.-r a:after{left: calc(-14px + -47px);} .group01 ul.-l a span:after{right: -14px;} .group01 ul.-r a span:after{left: -14px;} .group02{display: flex; gap: 20px; padding-top: 50px; position: relative;} .group02:before{content: ''; display: block; position: absolute; width: 100%; height: 1px; background: #e0e0e0; top: 0; left: calc(110px / 2)} .group02 > li > ul{position: relative; width: 158px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;} .group02 .mid a{border-color: var(--or); color: var(--or); width: auto} .group02 .last a{width: auto;} .group02 a{color: #333; border: 1px solid #999;padding: 1rem;border-radius: 5px; text-align: center; position: relative; font-weight: 500; background: #fff; height: 70px; display: flex; align-items: center; justify-content: center;} .group02 ul > li:last-child a{font-size: 1.125rem; padding: 4px; min-height: 3.75rem;} .group02 ul > li:nth-child(1) a:before{content: ''; display: block; position: absolute; width: 1px; height: 100%; background: #e0e0e0; max-width: 47px; top: -50px; left: 50%; transform: translateX(-50%); max-height: 36px; z-index: -1} .group02 > li:nth-child(1) a span:after, .group02 > li:nth-child(2) a span:after, .group02 > li:nth-child(3) a span:after{display: none;} .group02 > li:nth-child(1) .first:after, .group02 > li:nth-child(2) .first:after, .group02 > li:nth-child(3) .first:after{display: none;} .group02 li.first{position: relative; } .group02 li.first > a, .group02 li.first > span, .no_link .group02 li{background: #757575; color: #fff; border: none;} .group02 > li > ul li:not(.first) a span:after{display: none;} .group02 li.first:after{height: calc(100% + 15px); width: 1px; border: none; background: #e0e0e0; display: block; content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(-100% - 30px)} .group02 a span:before{top: -14px; left: 50%; transform: translateX(-50%); border-color: #9d9d9d;} .group02 a span:after{left: 50%; transform: translateX(-50%); bottom: -14px;} .group02 .mid a span:before{border-color: var(--or)} .group02 ul > li:not(:last-child) {margin-bottom: 20px;} .group02 ul > li.mid{position: relative; width: calc(300% + 40px); background: #fff;} .group02 ul > li.last{position: relative; width: calc(200% + 20px); background: #fff; } .group02 li:nth-child(1) .mid a span:before{left: 79px} .group02 li:nth-child(3) .mid a span:before{right: 70px; left: auto} .group02 li:nth-child(2) ul > li.mid{left: calc(-100% - 20px);} .group02 li:nth-child(3) ul > li.mid{left: calc(-200% - 40px);} .group02 li:nth-child(2) ul > li.last{left: calc(-100% - 20px);} .group02 li:nth-child(1) .last a span:before{left: 79px;} .group02 li:nth-child(2) .last a span:before{right: 70px; left: auto} .group03{display: flex; gap: 20px; padding-top: 95px; position: relative;} .group03:before{content: ''; display: block; position: absolute; top: 39px; height: 1px; background: #e0e0e0; width: 100%; left: calc(334px / 2); max-width: 1062px;} .group03 > li{position: relative; width: 334px; border: 1px solid #e0e0e0; border-radius: 5px; } .group03 > li p{background: #f7f7f7; padding: 20px 1rem; text-align: center; border-radius: 5px 5px 0 0} .group03 > li:before{content: ''; display: block; position: absolute; width: 7px; height: 7px; border: 1px solid #ababab; border-radius: 100%; background: #fff; top: -14px; left: 50%; transform: translateX(-50%);} .group03 > li:after{content: ''; display: block; position: absolute; top: -57px; height: 43px; background: #e0e0e0; width: 1px; left: 50%; transform: translateX(-50%);} .group03 p{color: #333} .group03 .dot_list_st1{padding: 35px 30px;} .group03 .dot_list_st1 > li{margin-bottom: 10px;} .group03 .dot_list_st1 > li::before{background: #ababab;} .group03 > li ul li{color: #000; font-size: 1rem; font-weight: 300;} .group03 .dot_list_st1 > li.on::before{background: var(--or);} .group03 a{display: inline-block;} .group03 a:hover{color: var(--or); text-decoration: underline;} .org_w .chief.-l .group02{margin-left: -25%;} .org_w .chief.-l .group02:after{content: ''; display: block; position: absolute; width: 1px; height: calc(100% + 40px); background: #e0e0e0; right: calc(-110px / 2); top: 0;} .org_w .chief.-r .group02{flex-direction: column; padding-top: 536px;} .org_w .chief.-r .group02:before{width: 1px;height: 100%; max-height: 506px; top: 19px;} /* no link 조직도 */ .org_w.no_link .chief{display: flex; width: 100%; justify-content: space-between} .org_w.no_link:before{left: 170px; max-width: 691px;} .org_w.no_link{justify-content: normal; max-width: 1094px; margin: 0 auto; text-align: center;} .org_w.no_link .group01, .org_w.no_link .group02{padding: 0; gap: 20px; flex-direction: column; max-width: 260px;position: relative;} .org_w.no_link .group01{margin-top: 140px;} .org_w.no_link .group02{margin-top: 50px;} .org_w.no_link .group02 li{padding: 20px 1rem; border-radius: 5px;font-weight: 500; position: relative; display: flex; align-items: center; justify-content: center;} .no_link .group01 li{} .no_link .group01:before, .no_link .group02 li:before{content: ''; display: block;position: absolute;width: 7px; height: 7px; border: 1px solid #ababab; border-radius: 100%; background: #fff; top: -14px; left: 50%; transform: translateX(-50%)} .no_link .group01:before{border-color: #232323;} .no_link .group02 li:before{top: 50%; transform: translateY(-50%); left: -14px;} .no_link .group01:after, .no_link .group02:before, .no_link .group02 li.first:after{display: none;} .no_link .group01:after{display: block;content: ''; position: absolute; width: 1px; height: 40px; background: #e0e0e0; top: -53px; left: 50%; transform: translateX(-50%)} .no_link .group02 li:after{display: block;content: ''; position: absolute; width: 40px; height: 1px; background: #e0e0e0; top: 50%; left: -54px; transform: translateY(-50%)} .org_w.no_link .group02:before{display: block;content: ''; position: absolute; width: 1px; height: 100%; background: #e0e0e0; top: auto; bottom: 35px; left: -54px; transform: translateX(-50%); max-height: 348px;} /* 명예의 전당 */ .halfm .searchBox{justify-content: flex-end;} .halfm .dot_list_st2 > h5.tit{margin-bottom: 3.125rem;} .halfm .img_w{background: url(/resources/snu/img/sub/depth4/halfm_bg.jpg) no-repeat center / cover; margin-bottom: 3.125rem; display: flex; justify-content: center; align-items: center; padding: 3.750rem;} .halfm .layout .img_w > img{max-width: 40%;} /* 폼메일 */ .data-part:not(:last-child){margin-bottom: 60px;} .data-part h5.tit{font-size: 26px; font-weight: 700; color: #111; line-height: 1; margin-bottom: 0 !important;} .data-part .dot_list_st2.flexbox{align-items: flex-end; gap: 10px;} .data-part .color_r{margin-left: 15px;} .data_list{margin-top: 30px; border-top: 2px solid #333; display: flex; flex-wrap: wrap;} .data_list > li{padding: 15px 20px; display: flex; align-items: center; border-bottom: 1px solid #e0e0e0; width: 100%;} .data_list > li.w50 {width: 50%;} .data_list > li.w50 input, .data_list > li.w50 select{width: 100%; max-width: 340px;} .data_list label, .data_list > li > p{font-weight: 600; min-width: 150px;} .data_list label:not(.checkbox){pointer-events: none; color: #333;} .data_list label > span, .data_list > li > p span{color: #d44242;} .data_list input:not([type="checkbox"]), .data_list textarea, .data_list select{height: 50px; font-size: 1rem; width: calc(100% - 150px)} .data_list input::placeholder, .data_list textarea::placeholder{color: #999;} .data_list .add_file{gap: 20px; align-items: center; width: calc(100% - 150px); font-size: 16px;} .data_list .add_file > *{display: inline-block;} .data_list .add_file input{max-width: 340px;} .data_list .add_file .add_file_btn > button{width: 150px; height: 50px; padding: 0 1rem;} .data_list .add_file .add_file_btn > button:not(:last-child){margin-right: 5px;} .data_list .add_file .sub{font-size: 14px; color: #666;} .data_list textarea{min-height: 500px;} .align_top{align-items: flex-start !important;} .data-part .file_list{display: flex; gap: 2.500rem; margin-top: 10px; flex-wrap: wrap;} .data-part .file_list > li{display: flex; align-items: center; gap: 10px; color: #666;} .data-part button.del{text-indent: -9999px; font-size: 0; width: 21px; height: 21px; background: #333; border-radius: 3px; position: relative;} .data-part button.del:hover + span{text-decoration: underline;} .data-part button.del:before, .data-part button.del:after {position: absolute;left: 10px; top: 4px; content:' ';height: 12px;width: 1px;background-color: #fff;} .data-part button.del:before {transform: rotate(45deg);} .data-part button.del:after {transform: rotate(-45deg);} .data_list .date-wrap{width:100%; width:auto;display: inline-flex; align-items: center;} .data_list input[type="text"].datepicker{background: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.167 1.41667H12.4587V0.708333C12.4587 0.31875 12.1399 0 11.7503 0C11.3607 0 11.042 0.31875 11.042 0.708333V1.41667H3.95866V0.708333C3.95866 0.31875 3.63991 0 3.25033 0C2.86074 0 2.54199 0.31875 2.54199 0.708333V1.41667H1.83366C1.05449 1.41667 0.416992 2.05417 0.416992 2.83333V14.1667C0.416992 14.9458 1.05449 15.5833 1.83366 15.5833H13.167C13.9462 15.5833 14.5837 14.9458 14.5837 14.1667V2.83333C14.5837 2.05417 13.9462 1.41667 13.167 1.41667ZM12.4587 14.1667H2.54199C2.15241 14.1667 1.83366 13.8479 1.83366 13.4583V4.95833H13.167V13.4583C13.167 13.8479 12.8482 14.1667 12.4587 14.1667Z' fill='%23666666'/%3E%3C/svg%3E%0A") no-repeat right 15px center #fff} .data_list.type2 input[type="text"].datepicker{min-width:120px; width:120px;} .data_list input[type="text"].datepicker + select{margin-left:10px;} .data_list .date-wrap select{min-width:85px; flex:1; border-radius: 3px; width:85px !important; } .data_list span, .data_list .max-1{margin:0 3px; } .data_list .btn-reset{margin-left: 10px;} .date-wrap.type2 .dash{width:auto;} .data_list .radio_w{display: flex; align-items: center;} .data_list .radio_w input[type="radio"]{width: 1em; margin-right: 5px;} .data_list .radio_w > label{min-width: auto; margin-right: 10px;} .data_list .datecreated{position: relative;} .tooltip_pub{position: absolute; display: inline-flex; align-items:center; margin-left: 3px; left: 74px;} .tooltip_pub .info .fa-info, .tooltip_pub .info{width: 14px; height: 14px; border:none; background: #999; border-radius:50%; line-height: 14px; display: inline-flex; align-items:center; justify-content:center; text-align:center; font-size: 9px; color: #f7f7f7; font-weight: 600; z-index: 9;} .fa-info:before{content: 'i'; font-style:normal; margin-left: -1px;} .tooltip_pub .box{border:1px solid #333; background: #fff; position: absolute; left: 15px; top:-50%; font-size: 13px; color: #333; z-index: 99; white-space: nowrap; padding: 8px; display: none; } /* 직원권한설정 */ .user_permis.data_list > li{min-height: 81px;} .data_list .date_range{display: flex; align-items: center; margin-top: 10px; display: none; transition: .3s;} .data_list .date_range.show{display: flex;} /* 보도자료 신청, 학생/교직원 건의사항 */ #cont21_2.data_list > li > div.flexbox, .user_permis.data_list > li > div.flexbox{flex-direction: column; width: 100%;} #cont21_2.data_list .add_file, .user_permis.data_list .add_file{width: auto;} #cont21_2.data_list .add_file .sub, .user_permis.data_list .add_file .sub{padding-left: 20px;} /* 로그인 */ .login_logo{text-indent: -9999px; font-size: 0; display: block; margin: 0 auto; background: url(/resources/snu/img/sub/login_logo.png) no-repeat center / 100% auto; width: 100%; max-width: 397px; height: 50px; margin-bottom: 3.750rem} .login_f{max-width: 450px; margin: 0 auto; color: #666;} .btn_login{background: var(--or); display: block; width: 100%; height: 4.375rem; color: #fff; border-radius: 5px; font-size: 1.125rem; margin-top: 3.125rem;} #userId, #userPw{padding-bottom: 10px; display: block; margin: 5px auto 10px;} .login_f .pw_box{position: relative;} /* #userPw + .pw_show{background: url(/resources/snu/img/common/pw_view.png) no-repeat center; text-indent: -9999px; font-size: 0; width: 26px; height: 16px; position: absolute;right: 6%; bottom: 25%;} */ .login_f{position: relative;} .login_f .pw_show{background: url(/resources/snu/img/common/pw_view.png) no-repeat center; text-indent: -9999px; font-size: 0; width: 26px; height: 16px; position: absolute;right: 6%; bottom: 143px;} .login_f.on .pw_show{background: url(/resources/snu/img/common/pw_hide.png) no-repeat center;} /* #userPw.on + .pw_show{background: url(/resources/snu/img/common/pw_hide.png) no-repeat center;} */ .warning, .warning_st2{color: #d44242; font-size: 14px; padding-left: 24px; position: relative;} .warning:before{content: ''; position: absolute; display: block; width: 18px; height: 18px; top: 2px; left: 0; background: url(/resources/snu/img/common/warning.png) no-repeat center} .warning_st2{padding-left: 0;} /* 인사말 */ #cont01_1 .sub_title{background-image: url(/resources/snu/img/sub/depth1/sub_bg01_1.jpg); position: relative; margin-top: 10.625rem; padding: 3.8rem 5.000rem; /* max-height: 320px; */} /* #cont01_1 .sub_title:before{position: absolute; display: block; content: ''; background: url(/resources/snu/img/sub/depth1/sub_bg01_2.jpg) no-repeat center / 100% auto; width: 394px; height: 526px; bottom: -45px; right: 2.500rem;} */ #cont01_1 .sign{font-size: 1.125rem; font-weight: 600; text-align: right; margin-top: 6.250rem} #cont01_1 .sign > span{font-size: 1.625rem; margin-left: 15px; color: #333;} #cont01_1 .sub_title:after { content: ''; position: absolute; bottom: 0; right: 40px; width: 358px; aspect-ratio: 179 / 245; background: url('/webdata/uploads/home/image/2026/01/snu_principal_img_01.png') no-repeat center / 100%; } /* 약력 */ #cont01_2 .sub_title{font-size: 2.875rem; line-height: 1; background-image: url(/resources/snu/img/sub/depth1/sub_bg02_1.jpg); color: #333; font-weight: 700; padding: 60px 100px; position: relative; margin-top: 10.625rem; margin-bottom: 4.375rem} /* #cont01_2 .sub_title:before{position: absolute; display: block; content: ''; background: url(/resources/snu/img/sub/depth1/sub_bg02_2.png) no-repeat center; width: 408px; height: 502px; bottom:0; right: 6.250rem} */ #cont01_2 .sub_title span{font-size: 1rem;} #cont01_2 .sub_title span:first-child{font-weight: 500; margin-bottom: 4.80rem; display: block;} #cont01_2 .flexbox.-st2 .tit{position: relative; padding-left: 50px;} #cont01_2 .flexbox.-st2 .tit:before{content: ''; display: block; position: absolute; width: 31px; height: 27px; background: url() no-repeat center / 100% auto; left: 0; top: 2px;} #cont01_2 .flexbox.-st2:nth-child(2) .tit:before{background-image: url(/resources/snu/img/sub/depth1/history_icon01.png);} #cont01_2 .flexbox.-st2:nth-child(3) .tit:before{background-image: url(/resources/snu/img/sub/depth1/history_icon02.png);} #cont01_2 .flexbox.-st2:nth-child(4) .tit:before{background-image: url(/resources/snu/img/sub/depth1/history_icon03.png);} #cont01_2 .flexbox.-st2:nth-child(5) .tit:before{background-image: url(/resources/snu/img/sub/depth1/history_icon04.png);} #cont01_2 .sub_title:after { content: ''; position: absolute; bottom: 0; right: 160px; width: 399px; aspect-ratio: 399 / 446; background: url('/webdata/uploads/home/image/2026/01/snu_principal_img_02.png') no-repeat center / 100%; } /* 역대학장, 역대 동창회장 */ .chief_list{ display: flex; gap: 40px; flex-wrap: wrap;} .chief_list .item{border: 1px solid #e0e0e0; padding: 2.188rem 1rem; background: url(/resources/snu/img/sub/depth1/chief_bg.png) no-repeat center; width: calc(20% - 40px*4/5); min-height: 330px; text-align: center;} .chief_list .item .tit{color: var(--or); font-size: 1.375rem; font-weight: 700;} .chief_list .item img{margin-top: 22px} .chief_list .item .name{font-size: 1.125rem; font-weight: 600; margin-top: 1.250rem; color: #333;} .chief_list .item .date{color: #666; margin-top: 5px;} .chief_list .item .date > br{display: none;} /* 교육이념 */ #cont02_1{color: #666;} #cont02_1 .sub_title{background-image: url(/resources/snu/img/sub/depth1/sub_bg03_1.jpg); line-height: 1.2; position: relative; margin-top: 6.250rem; margin-bottom: 60px; padding: 6.6rem 60px;} #cont02_1 .sub_title span{font-size: 1.625rem;} #cont02_1 .sub_title:before{position: absolute; display: block; content: ''; background: url(/resources/snu/img/sub/depth1/sub_bg03_2.png) no-repeat center bottom / 100% auto; width: 662px; height: 369px; bottom:0; right: -38px;} #cont02_1 > p:not(:last-child){margin-bottom: 20px;} #cont02_1 .tit{font-size: 1.375rem; color: #222; font-weight: 700;} /* 비전, 현송 */ #cont02_2 .sub_title{padding-top: 110px; padding-bottom: 50px; margin-bottom: 0;} #cont02_2 .sub_title, #cont19_1 .sub_title{background: url(/resources/snu/img/sub/depth1/vision_bg.png) no-repeat center top; color: var(--or); text-align: center; font-weight: 700;} #cont02_2 .sub_title span, #cont19_1 .sub_title span{color: #333; font-size: 1.625rem; font-weight: 400;} #cont02_2 .sub_title .db_icon_or{margin: 0 auto; width: auto; font-size: 4.375rem} #cont02_2 img{display: block; margin: 0 auto;} #cont02_2 .flexbox{margin-top: 4.375rem; gap: 60px;} #cont02_2 .flexbox .box{border: 6px solid #757575; padding: 2.500rem 0; width: calc(33.333% - 120px/3)} #cont02_2 .flexbox .box .tit{text-align: center; font-size: 1.500rem; font-weight: 700; color: #111; margin-bottom: 20px;} #cont02_2 .flexbox .box .label{color: #fff; font-weight: 600; background: #757575; border-radius: 0 50px 50px 0; min-width: 138px; padding: 7px 5px; display: inline-block; text-align: center; line-height: 1;} #cont02_2 .flexbox .box .label_cont{padding: 20px 30px;} #cont02_2 .flexbox .box .label_cont > p{font-weight: 700; margin-bottom: 10px; font-size: 1.125rem; color: #333;} #cont02_2 .flexbox .box .label_cont ul{color: #666;} #cont02_2 .flexbox .box:nth-last-child(1){border-color: #222;} #cont02_2 .flexbox .box:nth-last-child(1) .label{background-color: #222} #cont02_2 .flexbox .box:nth-last-child(2){border-color: var(--or);} #cont02_2 .flexbox .box:nth-last-child(2) .label{background-color: var(--or)} .top_b{border-top: 2px solid #333; padding: 3.75rem 0 0;} /* 공대UI */ #cont02_3 h4{font-size: 2.250rem; color: #222; font-weight: 700; margin-bottom: 10px;} #cont02_3 h4 + p{font-size: 1.375rem; color: #666;} #cont02_3 .dot_list_st2{margin-top: 50px; color: #666;} .dot_list_st2 .tit span{font-size: 1.250rem; color: #666; font-weight: 500;} #cont02_3 .btnWrap-st2{margin-top: 0} .btnWrap-st2 a{min-width: 170px; display: inline-block; text-align: center; transition: .2s} .btnWrap-st2 a:not(:last-child){margin-right: 10px;} .btn_gr_wh.down_btn span:before{background-image: url(/resources/snu/img/common/icon_down_bk.png)} #cont02_3 .btnWrap-st2 a:hover{background: var(--or); border-color: transparent; color: #fff;} #cont02_3 .btnWrap-st2 a:hover span:before{background-image: url(/resources/snu/img/common/icon_down.png)} #cont02_3 > .flexbox{gap: 100px; justify-content: center; margin: 100px auto 120px;} .color_w{color: #666; width: calc(50% - 50px);} .color_w strong{color: #333; font-size: 1.125rem; display: block;} .color_w .top{gap: 20px;} .color_w .top .ui_gray, .color_w .top .ui_orange{color: #fff; font-weight: 700; margin-bottom: 10px; display: flex; align-items: flex-end;} .ui_gray, .gradient.-gr div:nth-child(1){background-color: #818086;} .ui_gray, .ui_orange{max-width: 440px; height: 160px; padding: 20px; font-size: 1.375rem; width: calc(100% - 80px - 20px); } .gradient div{text-indent: -9999px; font-size: 0; width: 80px; height: 32px;} .gradient.-gr div:nth-child(2){background-color:#9a999d} .gradient.-gr div:nth-child(3){background-color:#b3b3b6} .gradient.-gr div:nth-child(4){background-color:#cdccce} .gradient.-gr div:nth-child(5){background-color:#e6e6e7} .ui_orange, .gradient.-or div:nth-child(1){background-color: #f78f1e;} .gradient.-or div:nth-child(2){background-color:#f9a54b} .gradient.-or div:nth-child(3){background-color:#fabc78} .gradient.-or div:nth-child(4){background-color:#fcd2a5} .gradient.-or div:nth-child(5){background-color:#fde9d2} #cont02_3 > .flexbox:last-child{margin-bottom: 0; align-items: center; gap: 28%;} #cont02_3 .box_w{border: 1px solid #e0e0e0; margin: 20px auto; padding: 60px 100px} #cont02_3 .box_w img{display: block; margin: 0 auto} #cont02_3 .box_w:last-child{position: relative;} #cont02_3 .box_w:last-child img{margin: 0} #cont02_3 .box_w:last-child:after{display: block; content: ''; position: absolute; width: 1px; height: 100%; background: #e0e0e0; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 200px;} /* 연혁 */ #cont02_4 .sub_title{background-image: url(/resources/snu/img/sub/depth1/sub_bg04_1.jpg)} #cont04_1 .sub_title{background-image: url(/resources/snu/img/sub/depth1/sub_bg05_1.jpg)} #cont02_4 .sub_title span, #cont04_1 .sub_title span{font-size: 1.625rem; display: inline-block; padding-top: 20px;} #cont04_1 .sub_title span:not(first-child){padding-top: 0} .history .flexbox.-st2{margin-top: 4.688rem; align-items: flex-start} .history .flexbox.-st2 > .tit, .history .flexbox.-st2 .scroll_tab > .tit{font-weight: 500; color: #ccc; border-left: 2px solid #e0e0e0; font-size: 1.250rem} .history .flexbox.-st2 > .tit > li{} .history .flexbox.-st2 > .tit a, .history .flexbox.-st2 .scroll_tab > .tit a{display: block; padding: 20px; padding-left: 30px; word-break: keep-all; color: #828282;} .history .flexbox.-st2 > .tit .on, .history .flexbox.-st2 .scroll_tab > .tit .on a{color: #fff; background: linear-gradient(to right, var(--or) 64%,transparent 100%); font-weight: 600; position: relative;} /* .history .flexbox.-st2 > .tit .on a, .history .flexbox.-st2 .scroll_tab > .tit .on a{color: #fff;} */ .history .flexbox.-st2 > .tit .on:before, .history .flexbox.-st2 .scroll_tab > .tit .on:before{content: ''; display: block; position: absolute; left: -2px; top: 0; width: 5px; height: 100%; /* max-height: 70px; */ background: #ee7704;} .history .cont_info_w .cont_info{display: none;} .history .cont_info_w .cont_info.active{display: block;} .history .cont_info > li .c_tit{align-items: flex-start;} /* 따옴표 아이콘 */ .db_icon{position: relative; padding: 2.500rem; display: inline-block;} .db_icon:before, .db_icon:after{display: block; content: ''; position: absolute; width: 31px; height: 27px; background: url(/resources/snu/img/sub/db_marks_wh.png) no-repeat center / 100% auto; left: 0; top: 0;} .db_icon:after{left: auto; right: 0; top: auto; bottom: 0; transform: rotate(180deg);} .db_icon_or{position: relative; padding: 2.500rem; display: inline-block;} .db_icon_or:before, .db_icon_or:after{display: block; content: ''; position: absolute; width: 31px; height: 27px; background: url(/resources/snu/img/sub/db_marks_or.png) no-repeat center / 100% auto; left: 0; top: 0;} .db_icon_or:after{left: auto; right: 0; top: auto; bottom: 0; transform: rotate(180deg);} /* 동창회조직 */ #cont04_3 .cont_info{margin-top: 80px;} #cont04_3 .dot_list_st3 > li::before{top: 23px; left: 30px;} /* 동창회사업 */ #cont04_4 .sub_title{background-image: url(/resources/snu/img/sub/depth1/sub_bg06_1.jpg); margin-bottom: 80px;} /* 학과/부별 동창회 */ #cont04_5 > .flexbox{gap: 60px; flex-wrap: nowrap;} #cont04_5 > .flexbox > *{width: calc(50% - 30px)} #cont04_5 .c_tit{min-width: 240px;} #cont04_5 .c_cont{width: calc(100% - 240px)} #cont04_5 a{color: #666;} /* 찾아오시는 길 */ .map{margin-bottom: 40px;} .map iframe{width: 100%; min-height: 480px;} .map_info{display: flex; border: 1px solid #e0e0e0; font-size: 1.125rem; font-weight: 500;} .map_info > div{flex:1; padding: 40px; position: relative;} .map_info > div:after{display: inline-block; content: ''; width: 1px; margin: auto 0; height: 100%; max-height: calc(100% - 80px); position: absolute;top: 40px; right: 0; background: #e0e0e0;} .map_info > div:last-child:after{display: none;} .map_info img{display: inline-block; margin-bottom: 20px;} .map_info p{font-size: 1.625rem; font-weight: 700; margin-bottom: 5px; color: #333;} .map_info ul li span{font-weight: 400; color: #666; font-size: 1rem; display: inline-block; padding-left: 10px; position: relative;} .map_info ul li span:before{position: absolute; content: ''; display: block; top: 5px; left: 5px; width: 1px; height: 10px; background: #e0e0e0;} .map_info .bus ul li{margin-bottom: 5px;} .map_info .bus ul li span{color: #333; background: #5ae85a; border-radius: 5px; padding: 3px 5px; display: inline-block; margin-right: 5px; font-size: 14px} .map_info .bus ul li span:before{display: none;} #cont06_1 .dot_list_st2{color: #666; margin-bottom: 50px;} #cont06_1 .dot_list_st2 > h5.tit{margin-bottom: 20px;} #cont06_1 .dot_list_st2 .sub{font-size: 1.375rem; font-weight: 700; margin-bottom: 10px; color: #333;} #cont06_1 .dot_list_st2 .cont_info{margin-top: 10px;} #cont06_1 .dot_list_st2 h6.sub_tit{font-size: 1.625rem;} /* 교육 */ .edu_cont .top_info{background: url(/resources/snu/img/sub/depth2/sub_bg01_1.jpg) no-repeat center top; padding: 0 40px;padding-top: 226px;} .edu_cont .tbl-st1.-not_bbs th, .edu_cont .openclass.-not_bbs th{color: #333;} .openclass .top_info{padding-top: 264px;} .edu_cont .top_info .btn_w{text-align: right; margin-bottom: -1px; padding-right: 40px;} .edu_cont .top_info .btn_w a{display: inline-block; width: 120px; height: 40px; text-align: center; color: #fff; background: #232323; border-radius: 5px 5px 0 0; padding: 10px; font-weight: 600; transition: .3s;} .edu_cont .top_info .btn_w a:not(:last-child){margin-right: 5px;} .edu_cont .top_info .btn_w a:hover{background: var(--or)} .edu_cont .top_info .info_detail{border: 6px solid #232323; background: #fff; padding: 30px; gap: 40px;} .edu_cont .top_info .info_detail .img, #cont10_1 .info_detail .img{background: #f5f5f5; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; flex-shrink: 0;} .edu_cont .top_info .info_detail{display: flex;} .edu_cont .top_info .info_detail .img img{} .edu_cont .top_info .info_detail > .flexbox, #cont10_1 .info_detail > li{gap: 15px; position: relative; width: 25%; align-items: center;} .edu_cont .top_info .info_detail > .flexbox:not(:last-child):after{position: absolute; display: block; content: ''; width: 1px; height: 100%; background: #e0e0e0; right: 0;} .edu_cont .top_info .info_detail > .flexbox strong, #cont10_1 .info_detail > li strong{font-size: 1.125rem; color: #333;} .edu_cont .top_info .info_detail > .flexbox span, #cont10_1 .info_detail > li span{color: #666; display: block; line-height: 1.2; padding-top: 5px; word-break: break-word;} .edu_cont .top_info .info_detail > .flexbox{flex-wrap: nowrap;} .edu_cont p{color: #333;} .edu_cont .slide_w{position: relative;} .edu_cont .slide + .btn{position: absolute; bottom: 0; right: 0; display: flex;} .edu_cont .slide + .btn .arrow{width: 4.063rem; height: 4.063rem; text-indent: -9999px; font-size: 0; background: #232323 url(/resources/snu/img/common/btn_media.png) no-repeat center;} .edu_cont .slide + .btn .arrow.active{background-color: var(--or); background-image: url(/resources/snu/img/sub/depth2/btn_slider.png);} .edu_cont .slide + .btn .arrow.next{transform: rotate(-180deg);} .edu_cont .tab_cont .slide_list{display: none;} .edu_cont .tab_cont .slide_list.active{display: block;} .edu_cont .bottom > .flexbox, .edu_cont .bottom .slide_list > .flexbox,.openclass .bottom .flexbox{gap: 60px; margin-bottom: 60px; align-items: flex-start;} .openclass .bottom > .flexbox{margin-bottom: 0;} .edu_cont .bottom .slide_w, .openclass .slide_w, .s_facility .item .img_w > img{width: 500px;} .edu_cont .bottom .slide_w .slide{box-shadow: 0 0 20px 0px rgba(0, 0, 0, .2);} .edu_cont .bottom .cont_w, .openclass .bottom .cont_w, .openclass .cont_w{width: calc(100% - 500px - 60px); color: #666;} .edu_cont .bottom .cont_w .tit, .openclass .bottom .cont_w .tit{padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; margin-bottom: 20px;} .openclass .bottom .cont_w .tit{display: flex; gap: 1rem; flex-wrap: wrap;} .edu_cont .bottom .cont_w .tit h6, .openclass .bottom .tit p{font-size: 1.375rem; font-weight: 700; margin-bottom: 10px; color: #333;} .openclass .bottom .tit p{font-size: 1.125rem; margin-bottom: 0;} .openclass .bottom .tit p > span{color: #666; font-size: 1rem;} .edu_cont .bottom .cont_w .tit p{font-weight: 700;} .edu_cont .bottom .cont_w .tit p span, .openclass .bottom .tit a{font-weight: 400; padding-left: 20px; position: relative; color: #666;} .openclass .bottom .tit a{color: #4660ff; text-decoration: underline; display: inline-block; font-size: 1rem;} .edu_cont .bottom .cont_w .tit p span:before, .openclass .bottom .tit a:before{display: block; content: ''; position: absolute; width: 1px; height: 8px; top: 6px; left: 10px; background: #e0e0e0;} .edu_cont .tbl-st1.-not_bbs tbody th{font-size: 1rem; border-right: 1px solid #e0e0e0;} .edu_cont .tbl-st1.-not_bbs td{text-align: left; padding-left: 30px;} .edu_cont .tbl-st1.-not_bbs td.text_center{padding: 0.8em 5px; width: 10%;} .edu_cont .gray_bg{padding: 1.875rem} .edu_cont .gray_bg .dot_list_st3 > li{font-weight: 600; color: #333;} .edu_cont .gray_bg .dot_list_st3 > li:not(:last-child){margin-bottom: 10px;} .edu_cont .gray_bg .dot_list_st3 > li::before{background: var(--or);} .edu_cont tbody th{width: 20%;} /* 학과/학부 */ #cont07_1 .top_info{background-image: url(/resources/snu/img/sub/depth2/edu01_1.jpg)} #cont07_2 .top_info{background-image: url(/resources/snu/img/sub/depth2/edu02_1.jpg)} #cont07_3 .top_info{background-image: url(/resources/snu/img/sub/depth2/edu03_1.jpg)} #cont07_4 .top_info{background-image: url(/resources/snu/img/sub/depth2/edu04_1.jpg)} #cont07_5 .top_info{background-image: url(/resources/snu/img/sub/depth2/edu05_1.jpg)} #cont07_6 .top_info{background-image: url(/resources/snu/img/sub/depth2/edu06_1.jpg)} #cont07_7 .top_info{background-image: url(/resources/snu/img/sub/depth2/edu07_1.jpg)} #cont07_8 .top_info{background-image: url(/resources/snu/img/sub/depth2/edu08_1.jpg)} #cont07_9 .top_info{background-image: url(/resources/snu/img/sub/depth2/edu09_1.jpg)} #cont07_10 .top_info{background-image: url(/resources/snu/img/sub/depth2/edu10_1.jpg)} #cont07_11 .top_info{background-image: url(/resources/snu/img/sub/depth2/edu11_1.jpg)} #cont07_12 .top_info{background-image: url(/resources/snu/img/sub/depth2/edu12_1.jpg)} /* 대학원 */ #cont08_1 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd01_1.jpg)} #cont08_2 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd02_1.jpg)} #cont08_3 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd03_1.jpg)} #cont08_4 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd04_2.jpg)} #cont08_5 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd05_2.jpg)} #cont08_6 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd06_2.jpg)} #cont08_7 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd07_2.jpg)} #cont08_8 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd08_1.jpg)} #cont08_9 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd09_1.jpg)} #cont08_10 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd10_1.jpg)} #cont08_11 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd11_1.jpg)} #cont08_12 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd12_1.jpg)} #cont08_13 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd13_2.jpg)} #cont08_14 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd14_1.jpg)} #cont08_15 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd15_1.jpg)} #cont08_16 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd16_9.jpg)} #cont08_17 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd16_7.jpg)} #cont08_18 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd18_1.jpg)} #cont08_19 .top_info{background-image: url(/resources/snu/img/sub/depth2/gd19_1.jpg)} /* 공개강좌 */ .openclass .dot_list_st2 > h5.tit{margin-bottom: 1.875rem;} .openclass .bottom .flexbox{align-items: flex-start} #cont09_1 .top_info{background-image: url(/resources/snu/img/sub/depth2/sub_bg01_1.jpg)} #cont09_2 .top_info{background-image: url(/resources/snu/img/sub/depth2/sub_bg02_1.jpg)} #cont09_3 .top_info{background-image: url(/resources/snu/img/sub/depth2/sub_bg03_1.jpg)} #cont09_4 .top_info{background-image: url(/resources/snu/img/sub/depth2/sub_bg04_1.jpg)} #cont09_5 .top_info{background-image: url(/resources/snu/img/sub/depth2/sub_bg05_1.jpg)} #cont09_6 .top_info{background-image: url(/resources/snu/img/sub/depth2/sub_bg06_1.jpg)} #cont09_7 .top_info{background-image: url(/resources/snu/img/sub/depth2/sub_bg07_1.jpg)} /* 훌륭한 공대 교수상 */ .winner .dot_list_st2 > h5.tit{margin-bottom: 30px;} .winner .item_w .item{display: none;} .winner .item_w .item.active{display: table;} .tbl-st1.-not_bbs th,.tbl-st1.-not_bbs td{border-right: 1px solid #e0e0e0;} .tbl-st1.-not_bbs td{color: #666;} .tbl-st1.-not_bbs .year{font-weight: 500; color: #333; word-break: keep-all;} .tbl-st1.-not_bbs .name{text-align: left; padding-left: 40px; position: relative; width: auto;} .tbl-st1.-not_bbs .name:before{content: ''; display: block; width: 4px; height: 4px; background: #ababab; transition: all .3s ease; top: 26px; left: 28px; position: absolute;} .tbl-st1.-not_bbs th:last-child, .tbl-st1.-not_bbs td:last-child{border-right: 0;} /* 홍보동영상 */ .top_b h4{font-size: 2.250rem; color: #222; font-weight: 700; margin-bottom: 10px;} #cont16_2 p{font-size:1.125rem;} #cont16_2 p.sub{font-weight: 600; color: #333;} #cont16_2 p:not(.sub){color: #666; font-weight: 400;} .video_w{height: 550px; display: flex;} .video_w > iframe{width: calc(100% - 420px); height: 550px;} .video_w .script{height: 100%; overflow-y: auto; width: 420px; padding: 50px 40px; background: #fff; box-shadow: 0 0px 20px rgba(0, 0, 0, .2)} .video_w .script p{white-space: break-spaces;} /* 엔지니어 60인 , 70인 */ .ppl_w{display: flex; gap: 40px; row-gap: 30px; flex-wrap: wrap} .ppl_w > li{width: calc(50% - 20px); border: 1px solid #e0e0e0; display: flex; gap: 30px; padding: 30px;} .ppl_w > li .info{width: 100%;} .ppl_w > li .tit{font-size: 1.375rem; font-weight: 700; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e0e0e0; color: #333;} .ppl_w > li .sub{display: flex;} .ppl_w > li .sub.-st2{flex-direction: column;} .ppl_w > li .sub.-st2 .flexbox{margin-bottom: 5px;} .ppl_w > li .sub p{font-weight: 600; padding-right: 15px; position: relative; word-break: keep-all;} .ppl_w > li .sub p:after{position: absolute; width: 1px; height: 8px; background: #e0e0e0; content: ''; display: block; right: 7px; top: 5px;} .ppl_w > li .sub > ul{color: #666;} /* 참가신청 완료 */ .entry_w{background: #fffaf5; padding: 80px 1rem; text-align: center; color: #111;} .entry_w p{font-size: 1.625rem; } .entry_w p:nth-child(2){font-weight: 700; margin-top: 1.875rem; margin-bottom: 5px;} .entry_w p span{color: var(--or); font-weight: 600;} .s_facility .sub_title, .sub_title_st2{color: #666; padding: 0; padding-top: 250px; padding-right: 90px; margin-bottom: 20px;} .s_facility .sub_title > p, .sub_title_st2 > *{background: #fff; padding: 50px 80px 50px 0; font-size: 1rem; } .s_facility .sub_title strong, .sub_title_st2 strong{font-size: 1.625rem; color: #333;} /* 공대지원시설 */ .s_facility{word-break: keep-all;} .s_facility .dot_list_st2 h5.tit{margin-bottom: 1.875rem;} .s_facility .color_r{font-size: 14px; font-weight: 500;} .s_facility .item{display: none;} .s_facility .item.active{display: block;} .s_facility .item .img_w img{box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px 3px;} .s_facility .item .img_w > img{margin: 0 auto;} .s_facility .item.-h .flexbox{gap: 2.5rem;} .s_facility .item.-h .year{font-size: 6.250rem; color: #e0e0e0; font-weight: 600; line-height: 1; padding-bottom: 445px; background: url(/resources/snu/img/sub/depth1/history_img.jpg) no-repeat right 50px bottom; width: 500px;} .s_facility .item.-h .history{width: calc(100% - 500px - 40px); position: relative;} .s_facility .item.-h .history:before{content: ''; display: block; width: 1px; height: 100%; background-color: #e0e0e0; position: absolute; left: 190px; top: 0;} .s_facility .item.-h .history > li{display: flex; align-items: center; color: #666; margin-bottom: 30px;} .s_facility .item.-h .history .year_tit{font-size: 1.625rem; color: var(--or); font-weight: 600; width: 190px; margin-right: 30px; position: relative;} .s_facility .item.-h .history .year_tit:after{content: ''; display: block; position: absolute; width: 8px; height: 8px; border: 4px solid var(--or); border-radius: 100%; top: 50%; right: -8px; transform: translateY(-50%); background: #fff;} .s_facility .item.-h .history span{width: calc(100% - 190px - 30px)} .s_facility .item.-f .flexbox{gap: 3.750rem;} .s_facility .slide_w, .s_facility .tab_w{width: calc(50% - 3.750rem / 2); position: relative;} .s_facility .slide_w .item{display: none;} .s_facility .slide_w .item.active{display: block;} .s_facility .slide_w .top{} .s_facility .slide_w .thum{position: absolute; bottom: 0; left: 0; width: 100%; height: 130px; background: rgba(0, 0, 0, .3); padding: 20px 80px} .s_facility .slide_w .thum > *, .s_facility .slide_w .thum > * > *, .s_facility .slide_w .thum > * > * > *, .s_facility .slide_w .thum > * > * > * > *{height: 100%} .s_facility .slide_w .thum li{margin-right: 10px;} .s_facility .slide_w .thum li img{filter: grayscale(100%); width: 100%;} .s_facility .slide_w .thum .slick-current{position: relative;} .s_facility .slide_w .thum .slick-current:before{position: absolute; content: ''; display: block; width: 100%; height: 100%; border: 4px solid var(--or); box-sizing: border-box; z-index: 1} .s_facility .slide_w .thum .slick-arrow{background: #232323 url(/resources/snu/img/common/arrow_gray.png) no-repeat center / 10px 17px; width: 50px; height: 100%; text-indent: -9999px; position: absolute; left: 0; top: 0;} .s_facility .slide_w .thum .slick-next{transform: rotate(180deg); left: auto; right: 0;} .s_facility .slide_w .thum .slick-arrow:hover, .s_facility .slide_w .thum .slick-arrow:focus{background-color: var(--or); background-image: url(/resources/snu/img/common/arrow_white.png); } .s_facility .cont_info.-st2 .c_cont, #cont22_2 .cont_info.-st2 .c_cont{padding: 20px 30px; border-bottom: 1px solid #e0e0e0;} .s_facility .cont_info.-st2 .c_cont > li, #cont22_2 .cont_info.-st2 .c_cont > li{padding: 0; min-height: auto; border-bottom: 0; padding-left: 13px; color: #666;} .s_facility .cont_info.-st2 > li .c_tit{text-align: center; font-size: 1.125rem; font-weight: 600;} .s_facility .sub_tab{display: flex; border-bottom: 1px solid #e0e0e0; width: 100%; margin-bottom: 3.125rem;} .s_facility .sub_tab > li{color: #828282; font-size: 1.375rem; width: 50%; text-align: center;} .s_facility .sub_tab > li > a{padding-bottom: 15px; display: block;} .s_facility .sub_tab > li.on{color: var(--or); font-weight: 600; position: relative;} .s_facility .sub_tab > li.on:before{content: ''; display: block; position: absolute; left:0; bottom: -1px; width: 100%; height: 2px; background: var(--or);} .s_facility .tab_cont > div{display: none;} .s_facility .tab_cont > div.active{display: block;} .s_facility .-f .tab_cont .c_tit{font-size: 1.375rem; font-weight: 700; color: #111; padding-left: 28px; background: url(/resources/snu/img/sub/depth2/icon_02.png) no-repeat top 5px left / 21px auto; margin-bottom: 15px;} .s_facility .-f .tab_cont .c_tit.info{background: url(/resources/snu/img/common/icon_09.png) no-repeat center left / 22px auto;} .s_facility .info_tit{font-size: 1.375rem; font-weight: 700; color: #111; margin-bottom: 10px;} .s_facility .tab_cont .dot_list_st1 > li{padding-left: 15px; margin-bottom: 5px;} .s_facility .tab_cont .dot_list_st1 > li::before{background: #ababab;} .s_facility .item.-etc .no_bar span{padding: 0;} .s_facility .item.-etc .no_bar span:before{display: none; } .s_facility .item.-b .btnWrap > button, .s_facility .item.-b .btnWrap > a{font-size: 1.125rem; width: 383px; display: inline-block;} .sign_img{box-shadow: none !important;} #cont05_1 .sub_title{background: url(/resources/snu/img/sub/depth1/sub_bg07_1.jpg) no-repeat center top;} #cont05_2 .sub_title{background: url(/resources/snu/img/sub/depth1/sub_bg08_1.jpg) no-repeat center top;} #cont05_3 .sub_title{background: url(/resources/snu/img/sub/depth1/sub_bg10_1.jpg) no-repeat center top;} #cont05_4 .sub_title{background: url(/resources/snu/img/sub/depth1/sub_bg09_1.jpg) no-repeat center top;} #cont05_5 .sub_title{background: url(/resources/snu/img/sub/depth1/sub_bg11_1.jpg) no-repeat center top;} #cont05_2 .item.-h{color: #666; font-weight: 500;} #cont05_2 .item.-h .img_w{flex-wrap: nowrap;} #cont05_2 .item.-h .img_w .db_icon_st2{font-size: 1.375rem; font-weight: 600; padding: 1.250rem; position: relative;} .db_icon_st2:before, .db_icon_st2:after{display: block; content: ''; position: absolute; width: 17px; height: 14px; background: url(/resources/snu/img/sub/depth1/db_marks_st2.png) no-repeat center / 100% auto; left: 0; top: 0;} .db_icon_st2:after{left: auto; right: 0; top: auto; bottom: 0; transform: rotate(180deg);} #cont05_2 .item.-h .c_txt .flexbox{justify-content: flex-end; margin-top: 80px; gap: 20px;} #cont05_2 .item.-h .c_txt .flexbox strong{color: #333;} #cont05_4 .sub_title, #cont05_3 .sub_title{font-size: inherit; margin-bottom: 50px;} #cont05_4 .sub_title > p, #cont05_3 .sub_title > p{padding-bottom: 30px;} #cont05_4 .item.-h .img_w{flex-wrap: nowrap;} #cont05_4 .map_info ul li span{padding-left: 0;} #cont05_4 .map_info ul li span:before{display: none;} #cont05_4 .down_btn{margin: 10px 0;} #cont05_5 .item{display: block !important; border-top: 1px solid #e5e5e5; padding-top: 3.750rem;} #cont05_5 .item.-h .history .year_tit{width: 310px;} #cont05_5 .item.-h .history:before{left: 269px;} /*info_list*/ .info_list_w{display: flex; gap: 60px;} .info_list_w > .info_list{flex: 1} .info_list{border-top: 2px solid #333;} .info_list > li{display: flex; gap: 1.875rem; padding: 30px;border-bottom: 1px solid #e0e0e0; align-items: center} .info_list > li .icon_w{width: 120px; height: 120px; background: #f7f7f7; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .info_list > li .icon_w + div{width: calc(100% - 120px - 30px)} .info_list > li .c_tit{font-size: 1.125rem; color: #111; margin-bottom: 10px; font-weight: 700;} .info_list > li .c_txt{color: #666;} /* 학생회 */ #cont13_1 .sub_title_st2{background: url(/resources/snu/img/sub/depth3/sub_bg09_1.jpg) no-repeat center top;} /* 학생행사소개 */ #cont13_3 .info_list > li{padding: 3.750rem 0; gap: 60px; align-items: flex-start} #cont13_3 .info_list > li .icon_w{background: none;width: auto; height: auto;} #cont13_3 .info_list > li .c_tit{font-size: 1.625rem;} #cont13_3 .info_list > li:nth-child(even) .icon_w{order: 1;} #cont13_3 .info_list > li:nth-child(even) .icon_w + div{order:0;} #cont13_3 .info_list > li:last-child {border-bottom: 0} #cont13_3 .info_list > li .c_txt .dot_list_st1{margin: 20px 0;} #cont13_3 .info_list > li .c_txt .dot_list_st1 li{margin-bottom: 10px; font-weight: 500; color: #333;} #cont13_3 .info_list > li .c_txt .dot_list_st1 li:before{background: var(--or)} /* 창의설계축전 안내 */ #cont18_3{border-bottom: 0;} #cont18_3 .img_w{text-align: center; padding: 3.750rem 0;} /* 재학생/교직원/일반인 건의사항 */ #cont21_1 .btnWrap-st2{margin-top: 0; background: #f7f7f7; padding: 10px 2.500rem 10px 1rem; border-bottom: 1px solid #e0e0e0;} #cont21_1 .btnWrap-st2 > a{min-width: 120px; height: 40px; line-height: 40px; padding: 0 7px;} /* 무선 랜 서비스 */ #cont14_2 h5.tit{margin-bottom: 1.875rem} #cont14_2 .info_list{margin-bottom: 3.125rem;} #cont14_2 .info_list > li{align-items: flex-start} #cont14_2 .info_list .c_txt li > span{font-weight: 600;} #cont14_2 .info_list .c_txt > li{margin-bottom: 5px;} #cont14_2 .info_list .c_txt ul{font-weight: 400; font-size: 14px; padding-left: 10px;} #cont14_2 .img_w{border: 1px solid #e5e5e5; padding: 30px 20px; text-align: center; display: flex; gap: 20px; flex-wrap: wrap; justify-content: center;} #cont14_2 .info_list > li:nth-child(2) .img_w{gap: 4.063rem} #cont14_2 .btn_w{gap: 20px;} #cont14_2 .btn_w > li{flex: 1; background: #f7f7f7;} #cont14_2 .btn_w > li > a{padding: 3.125rem 1.875rem; display: block; position: relative; height: 100%;} #cont14_2 .btn_w > li > a:hover{background: #fff9f2;} #cont14_2 .btn_w > li > a:hover:before{display: block; position: absolute; content: ''; width: 100%; height: 100%; border: 1px solid var(--or); left: 0; top: 0;} #cont14_2 .btn_w > li span{padding-left: 100px; position: relative; display: inline-block; font-weight: 600; line-height: 1.5} #cont14_2 .btn_w > li span:before{background: #fff url(/resources/snu/img/sub/icon_down_big.png) no-repeat center / 35px 32px; width: 80px; height: 80px; display: block; content: ''; border-radius: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} #cont14_2 .btn_w > li > a:hover span:before{background-image: url(/resources/snu/img/sub/icon_down_big02.png)} /* 교수 상 조회 */ #cont22_1 .sub_title_st2{background: url(/resources/snu/img/sub/depth4/sub_bg01_1.jpg) no-repeat center top;} #cont22_1 .info_list > li .c_tit{font-size: 1.375rem} .info_list .tbl-st1, #cont22_1 .info_list .cont_info, #cont22_3 .cont_info{border-color: var(--or); margin-top: 10px;} .info_list .tbl-st1 thead th, #cont22_1 .info_list .cont_info > li .c_tit, #cont22_3 .cont_info > li .c_tit{background: #fffaf5;} .info_list .tbl-st1 thead th.w50{width: 30%; border-right: 1px solid #e0e0e0;} #cont22_1 .info_list .cont_info, #cont22_3 .cont_info {height: 140px;} #cont22_1 .info_list .cont_info > li, #cont22_3 .cont_info > li{flex: 1;} #cont22_1 .info_list .cont_info > li .c_tit, #cont22_3 .cont_info > li .c_tit{min-height: auto; margin-bottom: 0; font-size: 1.125rem} #cont22_1 .info_list .cont_info > li .c_cont, #cont22_3 .cont_info > li .c_cont{display: flex;} #cont22_2{color: #666;} #cont22_2 .sub{font-size: 1.125rem; font-weight: 500;} #cont22_2 .sub_title_st2{background: url(/resources/snu/img/sub/depth4/sub_bg02_1.jpg) no-repeat center top; margin-bottom: 30px;} #cont22_2 .sub_title_st2 .dot_list_st2{ padding-bottom: 0;} #cont22_2 .btnWrap-st2{margin-top: 20px;} #cont22_2 .tbl-st1 thead th{color: #333} #cont22_2 .tbl-st1.-not_bbs tbody th{background: none; color: #666; font-weight: 400; font-size: 1rem;} #cont22_2 .tbl-st1.-not_bbs td{text-align: left;} #cont22_2 .tbl-st1.-not_bbs tr:nth-child(2) td{text-align: center;} #cont22_2 .tbl-st1 a{display: inline-block;} h6.sub_tit{font-size: 1.375rem; font-weight: 700; color: #111; margin-bottom: 20px;} #cont22_3 .sub_title_st2{background: url(/resources/snu/img/sub/depth4/sub_bg03_1.jpg) no-repeat center top;} #cont22_3 .tab_cont > table{display: none;} #cont22_3 .tab_cont > table.active{display: table;} /* About us */ #cont23_1{color: #666;} #cont23_1 img{margin: 0 auto; display: block;} /* Contact us */ #cont23_2 .team_w{display: flex; gap: 40px; row-gap: 30px; flex-wrap: wrap;} #cont23_2 .team_w > li{display: flex; padding: 25px 30px; border: 1px solid #e0e0e0; border-top: 2px solid #222; width: calc(50% - 20px); gap: 30px; align-items: flex-start} #cont23_2 .team_w > li .r_cont{width: 100%;} #cont23_2 .team_w > li .name{font-size: 1.375rem; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; color: #333;} #cont23_2 .team_w > li .name > span, .cont-detail > li .cont{font-size: 1rem; color: #666; font-weight: 400} #cont23_2 .team_w > li .name > span{padding-left: 20px;} .team_w .cont-detail > li{padding-top: 10px; display: flex;} #cont23_2 .team_w > li .name > span, .cont-detail > li .tit{position: relative;} #cont23_2 .cont-detail > li .tit{width: 54px; margin-right: 10px; font-weight: 600;} #cont23_2 .team_w > li .name > span:before, #cont23_2 .cont-detail > li .tit:before {position: absolute; display: block; content: ''; width: 1px; height: 10px; background: #e0e0e0; top: 6px; right: 0; margin: 0} #cont23_2 .team_w > li .name > span:before{right: auto; left: 8px;} #cont23_2 .staff_w{display: flex; gap: 40px;} #cont23_2 .staff_w > li{text-align: center; flex:1; border: 1px solid #e0e0e0; padding: 30px 10px; border-top: 2px solid #222} #cont23_2 .staff_w > li .name{font-size: 1.125rem; font-weight: 600; margin-top: 10px;} #cont23_2 .staff_w > li .name + span{color: #666;} #cont23_2 .cont-detail .tit:before{display: none;} #cont23_2 .map_info > div{color: #666;} #cont23_2 .map_info > div > p{color: #111;} #cont23_2 table thead th{color: #333; text-align: center;} #cont23_2 table th, #cont23_2 table td{ text-align: left; padding-left: 1.875rem;} #cont23_2 table th span, #cont23_2 table td span{display: block; color: #333;} #cont23_2 .link:before, #cont24_1 .link:before, #cont25_2 .link:before, #cont25_1 .link:before{display: none;} #cont23_2 .dot_list_st2 > h5.tit, .academic .dot_list_st2 > h5.tit, #cont25_1 .dot_list_st2 > h5.tit{margin-bottom: 1.250rem;} /* Degree Program */ .academic{color: #666;} .academic .btnWrap-st2{margin-top: 30px;} .academic .btnWrap-st2 a{width: 215PX;} .academic strong{color: #333;} .academic .map_info img{max-width: 31px;} .academic .map_info li > span.color-or{padding-left: 0; font-weight: 600; display: block;} .academic .map_info li > span.color-or:before{display: none;} .academic .gray_bg{padding: 2.500rem 1.875rem} .academic .gray_bg span{font-size: 1.125rem; color: #333; display: block; font-weight: 500; padding-bottom: 5px;} .academic .flexbox{flex-wrap: nowrap; gap: 60px;} .academic .flexbox .r_cont{display: flex; flex-direction: column; justify-content: space-between;} .academic .flexbox p strong{color: #333;} .academic .tbl-st1 th{color: #333;} .academic .tbl-st1 td{font-weight: 500;} .academic .tbl-st1 td > span{color: #333; font-weight: 600;} .academic .tbl-st1 td .link{text-decoration: none; display: inline-block;} .academic .map_info{font-size: 1rem;} .academic .map_info p{font-size: 1.125rem;} .academic .map_info > div.info_tit{background: #f5f5f5;} .academic .map_info > div.info_tit:after{max-height: none; top: 0;} .academic .map_info .link span{color: #4660ff !important; text-decoration: underline; word-break: break-word;} .academic .text_btn{display: flex; flex-direction: column; justify-content: space-between;} #cont24_1 .map_info > div:nth-child(1) > img{width: auto} /* Living in korea */ #cont24_3 .tab_cont > .item{display: none;} #cont24_3 .tab_cont > .item.active{display: block;} /* Housing */ #cont25_1{color: #666;} #cont25_1 .sub_tit{font-weight: 600} #cont25_1 .sub_tit.color_or{font-weight: 700;} #cont25_1 .btnWrap-st2 > a{width: auto;} #cont25_1 .tbl-st1.-border tr:nth-child(2) td:last-child{border-right: 1px solid #e0e0e0;} #cont25_1 .tbl-st1.-not_bbs th{color: #333;} #cont25_1 .map_info img, #cont25_1 .map_info p{margin-bottom: 20px;} #cont25_1 .tbl-st1.-room thead th:nth-child(3){width: 15%;} #cont25_1 .tbl-st1.-areas thead th{width: 25%;} #cont25_1 .tbl-st1.-areas thead th:nth-child(1){width: 10%;} #cont25_1 .tbl-st1.-areas tbody td:not(:nth-child(1)){text-align: left} #cont25_1 .flexbox.-tab{justify-content: space-between;align-items: center} #cont25_1 .s_facility > .item{display: block;} #cont25_1 .btn_wh{display: block; max-width: 170px; text-align: center; color: #333; margin-top: 50px;} #cont25_1 .cont_item{display: none;} #cont25_1 .cont_item.active{display: block;} /* sub_cont */ .detail_tit{position: relative; font-size: 1.125rem !important; font-weight: 600 !important; color:#111 !important; margin-right: 1.250rem} .detail_tit::after { position: absolute; display: block;content: ''; width: 1px; height: 10px; background: #e0e0e0; top: 6px; right: -0.938rem;} .detail_cont a{ font-size: 1rem; text-decoration: underline; font-weight: 400; color: #666;} /* 연합전공/융합전공 */ #cont10_1{color: #666;} #cont10_1 .flexbox.-st2{display: none;} #cont10_1 .flexbox.-st2.active{display: flex;} #cont10_1 .cont_info_w > .cont_info{border: none;} #cont10_1 .sub_title_st2{background: url(/resources/snu/img/sub/depth2/sub_bg_ex.jpg) no-repeat center top; width: 100%; padding-top: 180px;} #cont10_1 .info_detail{display: flex; padding: 20px 0; padding-right: 70px; flex-wrap: wrap; gap: 1.250rem;} #cont10_1 .info_detail > li{width: calc(33.333% - 1.250rem *2 / 3); flex: none;} #cont10_1 .info_detail .img + div{width: calc(100% - 70px - 15px)} #cont10_1 .cont_info a{text-decoration: none;} #cont10_1 .gray_bg{padding: 2.500em 1.875rem;} #cont10_1 #cont01 .sub_title_st2{background-image: url(/resources/snu/img/sub/depth2/cont10_bg_1.png);} #cont10_1 #cont02 .sub_title_st2{background-image: url(/resources/snu/img/sub/depth2/cont10_bg_2.png);} #cont10_1 #cont03 .sub_title_st2{background-image: url(/resources/snu/img/sub/depth2/cont10_bg_3.png);} #cont10_1 #cont04 .sub_title_st2{background-image: url(/resources/snu/img/sub/depth2/cont10_bg_4.png);} #cont10_1 #cont05 .sub_title_st2{background-image: url(/resources/snu/img/sub/depth2/cont10_bg_5.png);} #cont10_1 #cont06 .sub_title_st2{background-image: url(/resources/snu/img/sub/depth2/cont10_bg_6.png);} #cont10_1 #cont07 .sub_title_st2{background-image: url(/resources/snu/img/sub/depth2/cont10_bg_7.png);} #cont10_1 #cont08 .sub_title_st2{background-image: url(/resources/snu/img/sub/depth2/cont10_bg_8.png);} .gray_bg{background: #f7f7f7; padding: 3.750rem 1.875rem;} .course_cont_st2{font-size: 1.375rem; color: #777; font-weight: 700;} .course_cont_st2 span{color: #333;} .num_list > li:not(:last-child){margin-bottom: 20px;} .num_list > li > .flexbox{flex-wrap: nowrap; gap: 10px;} .num_list .num{width: 20px; height: 20px; background: var(--or); color: #fff; font-weight: 700; text-align: center; border-radius: 20px; margin-top: 5px;} .num_list .num_cont{width: calc(100% - 30px); color: #333; font-weight: 600; font-size: 1.125rem} .num_list > li .dot_list_st3{padding-left: 30px;} /* 장학금 */ #cont11_4 .sub_title{background: url(/resources/snu/img/sub/depth3/sub_bg11_1.jpg) no-repeat center top;} #cont11_4 .btnWrap > button, #cont11_4 .btnWrap > a{max-width: 383px; width: 100%; display: inline-block;} /* under_line */ .under_line{box-shadow: inset 0px -10px 0px 0px #ffe9d2;} /* 조직도 > 팝업 */ .pop_dim{position: fixed; background: rgba(0, 0, 0, .3); width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; display: none;} .pop_dim.show, .pop_up.show{display: block;} .pop_up{background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .3); max-width: 720px; width: 90%; height: 680px; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; display: none;} .pop_up .tit_w{background: url(/resources/snu/img/sub/popup_bg.jpg); text-align: center; padding: 20px 1rem; color: #fff; font-size: 1.625rem; font-weight: 700; position: relative;} .pop_up .close{width: 25px; height: 25px; position: absolute;right: 3%; top: 50%; transform: translateY(-50%);} .pop_up .close:before, .pop_up .close:after{position: absolute;left: 15px;content:' ';height: 100%;width: 2px;background-color: #fff; top: 0; left: 50%; transform: translateX(-50%);} .pop_up .close:before{transform: rotate(45deg);} .pop_up .close:after{transform: rotate(-45deg);} .pop_up .cont_w{padding: 20px;} .pop_up .cont_w > .cont_tit{font-size: 1.375rem; font-weight: 600; margin-bottom: 15px; color: #111;} .pop_up .tbl-st1.-not_bbs th{color: #333;} .pop_up .flow_y{overflow-y: auto; height: 470px;} /* 준비중 */ .redayPage > p{font-size: 2.500rem; font-weight: 700;} .redayPage .rd_gif{display: block; margin: 0 auto;} /* 현송 */ #cont19_1{position: relative;} #cont19_1 .sub_title{margin-bottom: 0;} #cont19_1 .sub_title p{font-size: 3.500rem; padding-bottom: 0;} #cont19_1 .gray_bg{max-width: 580px; margin: 0 auto; border-radius: 80px; text-align: center; padding: 30px 2rem; color: #666; line-height: 1.5; margin-top: -30px; position: relative; font-weight: 500;} #cont19_1 .gray_bg:before{display: block; position: absolute; content: ""; width: 50px; height: 6px; background: var(--or); left: 50%; transform: translateX(-50%); top: -30px;} #cont19_1 .year_w{display: flex; justify-content: space-between; padding-bottom: 400px; position: absolute; top: 120px; width: 100%; max-width: 1250px; left: 50%; transform: translateX(-50%); background: url(/resources/snu/img/sub/depth4/cont19_line.png) no-repeat bottom center;} #cont19_1 .year_w .year{font-size: 36px; color: #555; font-weight: 700;} #cont19_1 .year_c{display: flex; position: relative; z-index: 1; max-width: 1230px; margin: 0 auto; margin-top: 238px; gap: 14vw;} #cont19_1 .year_c .item{flex: 1; display: flex; flex-direction: column;align-items: center;} #cont19_1 .year_c p{font-size: 1.625rem; font-weight: 700; text-align: center; color: #333;} #cont19_1 .year_c .icon_w{position: relative; margin-bottom: 120px;} #cont19_1 .year_c .icon_w:before{content: ""; display: block; position: absolute; background: url(/resources/snu/img/sub/depth4/cont19_iconbg.png) no-repeat center; width: 323px; height: 391px; z-index: -1; top: -157px; left: -85px;} #cont19_1 .year_c .item:nth-child(1){margin-top: -156px;} #cont19_1 .year_c .item:nth-child(1) .icon_w:before{transform: rotate(45deg); top: -133px; left: -92px;} #cont19_1 .year_c .item:nth-child(3){margin-top: -164px;} #cont19_1 .year_c .item:nth-child(3) .icon_w:before{transform: rotate(-45deg); top: -179px; left: -92px;} #cont19_1 .year_c .dot_list_st3{margin-top: 10px;} /* =============== 영문 컨텐츠 =============== */ /* 공통 */ .eng_cont .cont_info.-st2 > li .c_tit, .eng_cont #cont04_5 .c_tit{min-width: auto; width: 240px;} .eng_cont .edu_cont .tbl-st1.-not_bbs tbody th{word-break: keep-all;} /* Organizational Chart */ .eng_cont .org_w.no_link .group02{margin-top: 54px;} .eng_cont .org_w.no_link .group02:before{max-height: 380px;} /* Alumni Association */ .eng_cont .cont_info.-st2 .c_cont.len1 > li{height: 100%;} /* Department/Division Alumni */ .eng_cont .s_facility .sub_tab > li{display: flex; align-items: center; justify-content: center} /* Organizational Chart */ .eng_cont .group02 a{height: auto;} /* 2025-07-22, zenda, 이상하다..ㅠ.ㅠ */ @media screen and (min-width: 1400px){ .eng_cont .org_w .chief.-r .group02 a{max-width: 158px;} } /* Interdisciplinary Major/Convergence Major Scholarship */ /* .eng_cont .history .flexbox.-st2 .scroll_tab > .tit a > br{display: none;} */ .eng_cont #cont10_1 .flexbox.-st2{gap: 1.75rem;} .eng_cont #cont10_1 .flexbox.-st2 .cont_info_w{flex: 1;} /* 현송 */ .eng_cont #cont19_1 .year_w{top: 242px;} /* 통합검색 */ .total-search { position: relative; z-index: 9; display: flex; flex-wrap: wrap; } .total-search input[type="radio"]{margin-right: 5px;} .total-search input[type='checkbox'] {position: absolute; left: -9999px; overflow: hidden; width: 0; height: 0;} .total-search input[type='checkbox'] + label { font-size: 0.938rem; font-weight: 400; line-height: 1; position: relative; display: inline-flex; cursor: pointer; color: #3e3e3e; align-items: center; white-space:normal;} .total-search input[type='checkbox'] + label::before { display: block; min-width: 20px; height: 20px; margin-right: 15px; content: ''; transition: all .15s ease-in-out; border: 1px solid #9e9e9e; border-radius: 0; background-color: #fff;} .total-search input[type='checkbox'] + label::after{position: absolute;top: 50%; left: 0; display: block; width: 22px; height: 22px; content: ''; transition: all .15s ease-in-out; transform: translateY(-50%); opacity: 0; background-repeat: no-repeat; background-position: center center;} .total-search input[type='checkbox']:checked + label::before { border-color: transparent; background-color: #e4585a;} .total-search input[type='checkbox']:checked + label::after {opacity: 1; background-image: url('/resources/snu/img/common/ch_box.png');} /* 자랑스러운 공대동문상 */ .eng_cont #cont28 .tbl-st1.-not_bbs .name:before, .eng_cont #cont29 .tbl-st1.-not_bbs .name:before{top: 50%; transform: translateY(-50%);} .total-search label{color: #333;} .total-search .category { position: relative; display: flex; } .total-search:not(.type2) .category { min-width:310px; border-right:1px solid #ccc; } .total-search .category .title { width:100%; font-size: 17px; font-weight: 300; position: relative; display: flex; height: 80px; padding: 0 30px; color: #888; border-width: 1px 0 1px 1px; border-style: solid; border-color: #ccc; align-items: center; } .total-search .category .title::after { position: absolute; top: 50%; right: 30px; display: block; width: 10px; height: 7px; content: ''; transform: translateY(-50%); background: url('/resources/snu/img/common/total-select2_03.png') no-repeat 0 0; } .total-search .category .title.program::after { background: url('/resources/snu/img/common/total-select3.png') no-repeat 0 0; transition:all .4s; } .total-search .category .title.program.active::after { transform:translateY(-50%) rotate(180deg); } .total-search .category .title.active+.list { visibility: visible; pointer-events: auto; opacity: 1; } .total-search .category .list { position: absolute; z-index: 3; top: 0; left: 0; display: flex; visibility: hidden; flex-direction: column; width: 100%; padding: 30px; transition: all .4s; pointer-events: none; opacity: 0; border: 2px solid #000; background: #fff; gap: 30px; } .total-search .category .list li { position: relative; } .total-search .category .list li:first-child::before { position: absolute; top: 50%; right: -2px; display: block; width: 10px; height: 7px; content: ''; transform: translateY(-50%); background: url('/resources/snu/img/common/total-select2_03.png') no-repeat 0 0; } .total-search .category .list button { font-size: 17px; font-weight: 300; line-height: 1; display: block; color: #666; background: transparent; text-align: left; width: 100%} .total-search .category .list button.active { font-weight: 600; color: #000;} .total-search .write { position: relative; display: flex; margin: 0 20px 0 0; flex: 1; } .total-search .btnSearch {font-size: 18px; display: flex; width: 140px; height: 80px; color: #fff; background: #000; align-items: center; justify-content: center;} .total-search .detail-btn{font-size: 17px; font-weight: 300; display: flex; width: 140px; height: 80px; transition: all .4s; color: #000; border: 1px solid #000;background: #fff; align-items: center; justify-content: center;} .total-search .write input[type='text'] { font-size: 1.063rem; font-weight: 300; height: 80px; padding: 0 60px; border-width: 1px 0; border-style: solid; border-color: #ccc; background: url('/resources/snu/img/common/total-search_03.png') no-repeat 30px center #fff; flex: 1; } .total-search .write input[type='text']:placeholder{font-size: 1.063rem;} .total-search .write button[type='submit'] { font-size: 18px; display: flex; width: 140px; height: 80px; color: #fff; background: #000; align-items: center; justify-content: center; } .total-search .recommend.active { visibility: visible; pointer-events: auto; opacity: 1; } .total-search .recommend { position: absolute; top: 100%; left: 0; display: block; visibility: hidden; width: 100%; transition: all .4s; pointer-events: none; opacity: 0; border-width: 0 1px 1px; border-style: solid; border-color: #cdcdcd; background: #fff; z-index:99; } .total-search .recommend .content .text { font-size: 16px; line-height: 1.5; padding: 45px 0; text-align: center; color: #666; } .total-search .recommend .content .text b { font-weight: 500; line-height: inherit; color: #000; } .total-search .recommend .btn-area { display: flex; height: 40px; padding: 0 20px; background: #f8f8f8; justify-content: flex-end; align-items: center; } .total-search .recommend .btn-area button { font-size: 14px; line-height: 1; display: flex; color: #666; background: transparent; align-items: center; gap: 10px; } .total-search .recommend .btn-area button::after { display: block; overflow: hidden; width: 19px; height: 19px; margin-left: auto; content: ''; text-indent: -9999px; border: 1px solid #ccc; border-radius: 3px; background: url('/resources/snu/img/common/total-search_17.png') no-repeat center center #fff; } .detail-wrap { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; } .detail-wrap .detail-top { display:flex; } .detail-wrap input[type="text"] { border:1px solid #ccc; } .total-search .detail-btn, .detail-wrap .detail-btn { font-size: 17px; font-weight: 300; display: flex; width: 140px; height: 80px; transition: all .4s; color: #000; border: 1px solid #000; background: #fff; align-items: center; justify-content: center; padding-left:10px; padding-right:10px;} .detail-wrap .detail-btn { font-size: 16px; width:auto; min-width: 120px; height: 50px; margin-left: 10px; } .total-search .detail-btn::after, .detail-wrap .detail-btn::after { display: block; width: 10px; height: 7px; margin: 0 0 0 0px; content: ''; transition: all .4s; background: url('/resources/snu/img/common/total-search_06.png') no-repeat 0 0; } .total-search .detail-btn.active, .detail-wrap .detail-btn.active { background: #f5f5f5; } .total-search .detail-btn.active::after, .detail-wrap .detail-btn.active::after { transform: rotate(180deg); } .total-search .detail, .detail-wrap .detail { display: block; visibility: hidden; overflow: hidden; width: 100%; max-height: 0; transition: all .4s; pointer-events: none; opacity: 0; border: 1px solid #cdcdcd; background: #f8f8f8; } .detail-wrap .detail { width:1280px; position: relative; left:50%; transform:translateX(-50%); z-index: 90; } .total-search .detail.active, .detail-wrap .detail.active { visibility: visible; max-height: 300px; margin: 20px 0 0; pointer-events: auto; opacity: 1; } .total-search .detail li, .detail-wrap .detail li { display: flex; align-items: center; } .detail-wrap .detail li { font-size: 0; } .total-search .detail li:not(:last-child), .detail-wrap .detail li:not(:last-child) { border-bottom: 1px solid #cdcdcd; } .total-search .detail .title, .detail-wrap .detail .title { position: relative; display: flex; width: 310px; height: 80px; justify-content: center; align-items: center; } .total-search .detail .title::after, .detail-wrap .detail .title::after { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 20px; content: ''; transform: translateY(-50%); background: #cdcdcd; } .total-search .detail .title span, .detail-wrap .title span { font-size: 16px; font-weight: 300; line-height: 1; display: inline-block; overflow: hidden; width: 57px; height: 16px; text-align: justify; color: #000; } .total-search .detail .title span::after, .detail-wrap .title span::after { display: inline-block; width: 100%; content: ''; } .total-search .detail .item, .detail-wrap .detail .item { display: flex; padding: 0 0 0 30px; flex: 1; align-items: center; } .detail-wrap .detail .item { position:relative; flex-wrap:wrap; } .detail-wrap .detail .item.type2 { padding-right:140px; } .detail-wrap .detail .item .checkbox-wrap { flex: 1; display: flex; flex-wrap: wrap; gap: 5px; padding: 15px 0; } .total-search .detail .item label:not(:last-of-type) { margin-right: 65px; } .detail-wrap .detail .item label:not(:last-of-type) { min-width: 100px; } .total-search .detail .date { display: flex; margin-left: auto; padding: 0 30px 0 0; align-items: center; gap: 15px; } .total-search .detail .date input { width: 200px; height: 45px; padding: 0 30px; border: 1px solid #cdcdcd; border-radius: 45px; } .total-search .detail .date input.datepicker{background-image: url(/resources/snu/img/common/photo-utill_15.png); background-repeat: no-repeat; background-position: right 20px center; color: #777;} .total-search .detail .date span { font-size: 16px; font-weight: 300; color: #999; } @media screen and (max-width: 768px){ .total-search .btnSearch {width: 80px;} .total-search .detail-btn{ width: 100px;} } .total-search .detail button[type='submit'], .detail-wrap .detail button[type='submit'] { font-size: 18px; display: flex; width: 140px; height: 80px; margin-left: auto; color: #fff; background: #000; align-items: center; justify-content: center; text-indent: 0; } .detail-wrap .detail button[type='submit'] { position: absolute; right: 0; top: 0; height: 100%; } .total-check { width: 100%; margin: 20px 0 0; } .total-check label:not(:last-child) { margin-right: 30px; } .total-checkbox { position:relative; display:flex; align-items:center; width:100%; height:65px; background-color:#f8f8f8; border-width:0 1px 1px 0; border-style:solid; border-color:#ccc; padding:0 30px; } .total-checkbox .check { display:flex; align-items:center; } .total-checkbox .check label:not(:first-of-type) { margin-left:10px; } .total-checkbox .check ~ .check::before { content:''; display:block; width:1px; height:20px; background-color:#cdcdcd; margin:0 29px; } .total-checkbox input[type="radio"]+label::before, .total-checkbox input[type="radio"]+label::after { position:absolute; min-width:1px; width:1px; height:1px; margin:0; left:-9999px; } .total-checkbox input[type="radio"] + label, .total-checkbox .category a { position:relative; display:flex; align-items:center; justify-content:center; width:120px; height: 39px; font-size: 16px; border-radius:39px; font-weight: 300; color:#999; overflow:hidden; margin-right:0; border:1px solid #cdcdcd; background-color:#fff; transition:all .4s; } .total-checkbox input[type="radio"]:checked + label { background-color:#e4585a; border-color:transparent; color:#fff; } .total-checkbox .category a { width: 110px; } .total-checkbox .category a:not(:first-of-type) { margin-left: 10px; } .total-checkbox .category a:hover, .total-checkbox .category a.active { background-color: #fff; border-color: #e4585a; color: #e4585a; } /* total tab */ .total-tab { position: relative; display: flex; margin: 50px 0; } .total-tab::before { position: absolute; top: 0; left: 50%; display: block; width: 100vw; height: 100%; content: ''; transform: translateX(-50%); background: #000; } .total-tab a { position: relative; display: flex; flex-direction: column; height: 90px; flex: 1; align-items: center; justify-content: center; } .total-tab a span { text-align: center; color: #fff; } .total-tab a .title { font-size: 1.125rem; line-height: 1.3; } .total-tab a .count { font-size: 0.938rem; line-height: 1; margin: 5px 0 0; } .total-tab a .count::before, .total-tab a .count::after { font-size: inherit; color: inherit; } .total-tab a .count::before { content: '('; } .total-tab a .count::after { content: ')'; } .total-tab a.active { background: #fff; } .total-tab a.active .title { font-weight: 500; color: #000; } .total-tab a.active .count { font-weight: 600; color: #e4585a; } /* total result */ .total-result { font-size: 1.750rem; line-height: 1; margin: 0 0 50px; text-align: center; color: #000; } .total-result strong { font-weight: 600; color: #e4585a; } /* total item */ .total-item { display: flex; padding: 40px 0 0; border-top: 2px solid #333; } .total-item .item:first-child { width: 70%; padding-right: 40px; border-right: 1px solid #dedede; } .total-item .item:last-child { padding-left: 40px; flex: 1; } .total-item .list { display: flex; flex-direction: column; gap: 30px; } .total-item .list a { display: flex; gap: 30px; align-items: flex-start; grid-area:1 / 2 / 2 / 3; } .total-item .list .img { width: 160px; grid-area:1 / 1 / 2 / 2; margin-right:30px; } .total-item .list .content { display: grid; grid-template: repeat(3, auto) / repeat(2, auto); flex: 1; gap: 15px 0; } .total-item .list .category { font-size: 1.063rem; line-height: 1; color: #888; grid-area: 1 / 1 / 2 / 3; } .total-item .list .subject { font-size: 1.375rem; font-weight: 500; line-height: 1; /*white-space: nowrap; */ color: #1f1f1f; grid-area: 2 / 1 / 3 / 2; } .total-item .list .date { font-size: 1.063rem; color: #888; grid-area: 2 / 2 / 3 / 3; justify-self: end; } .total-item .list .cont{white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; /*word-break: keep-all;*/ max-height: 200px; overflow: hidden;} .total-item .list .text { font-size: 17px; line-height: 1.6; display: flex; overflow: hidden; color: #666; grid-area: 3 / 1 / 4 / 3; } .total-item .list .cont.icon{display: flex; flex-wrap: wrap;} .total-item .list .cont.icon > *:not(i){margin-right: 30px;} .total-item .list i{width: 24px; height: 24px; text-indent: -999px; font-size: 0; display: inline-block; flex-shrink: 0;} .total-item .list .email{background: url(/resources/snu/img/common/icon_mail.png) no-repeat center; margin-right: 10px;} .total-item .list .homepage{background: url(/resources/snu/img/common/icon_homep.png) no-repeat center;} .total-item .list .email:hover{background-image: url(/resources/snu/img/common/icon_mail_h.png);} .total-item .list .homepage:hover{background-image: url(/resources/snu/img/common/icon_homep_h.png);} .total-item .add_file{display: flex; margin-top: 20px; gap: 10px; align-items: center; flex-wrap: wrap;} .total-item .add_file .tit{padding-left: 20px; background: url(/resources/snu/img/common/icon_file.png) no-repeat top 3px left / 13px 16px; margin-right: 30px;} .total-item .add_file a{font-size: 14px; color: #000;font-weight: 600; display: flex; align-items: center; height: 32px; padding: 0 10px; gap: 10px; border: 1px solid #cdcdcd; background: #f5f5f5;} .total-item .add_file a:before{content: ''; display: block; background: url() no-repeat center / contain; width: 14px; height: 14px;} .total-item .add_file .down:before{background-image: url(/resources/snu/img/common/icon_down_bk.png);} .total-item .add_file .preview:before{background-image: url(/resources/snu/img/common/icon_pre.png);} /* total list tab */ .total-list-tab { display: flex; margin: 0 0 15px; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; } .total-item .total-list-tab a { font-size: 15px; font-weight: 500; display: flex; height: 32px; color: #888; border-width: 0 1px 1px 0; border-style: solid; border-color: #ccc; background: #f5f5f5; flex: 1; align-items: center; justify-content: center; } .total-item .total-list-tab a.active { color: #fff; background: #e4585a; } .total-item .list .upload-file { grid-area:2 / 2 / 3 / 3; } /* total list title */ .total-list-title { font-size: 16px; font-weight: 500; line-height: 1; margin: 0 0 15px; padding: 0 0 10px; color: #666; border-bottom: 1px solid #ccc; } /* total list */ .total-list { display: flex; flex-direction: column; gap: 10px; } .total-list li { display: flex; align-items: center; } .total-list a { display: flex; align-items: center; flex: 1; } .total-list a .num { font-family: 'Lato'; font-size: 11px; display: flex; width: 19px; height: 19px; margin: 0 10px 0 0; color: #8f8f8f; border: 1px solid #ccc; border-radius: 3px; align-items: center; justify-content: center; } .total-list a .subject { font-size: 15px; line-height: 1; color: #8f8f8f; } .total-list a .arrow, .total-list a .new { margin-left: auto; } .total-list a .arrow { display: block; overflow: hidden; width: 12px; height: 15px; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; } .total-list a .arrow.top { background-image: url('/resources/snu/img/common/total-search_11.png'); } .total-list a .arrow.bottom { background-image: url('/resources/snu/img/common/total-search_14.png'); } .total-list a .new { font-family: 'Lato'; font-size: 10px; font-style: normal; color: #fe8a01; } .total-list .del { display: block; overflow: hidden; width: 19px; height: 19px; margin-left: auto; text-indent: -9999px; border: 1px solid #ccc; border-radius: 3px; background: url('/resources/snu/img/common/total-search_17.png') no-repeat center center; } /* upload file */ .upload-file { display:flex; flex-direction:column; gap:10px; margin:20px 0 0; } .upload-file li { display:flex; flex-wrap:wrap; } .upload-file .title { font-size:15px; color:#777; display:flex; align-items:center; gap:10px; } .upload-file .title::before { content:''; display:block; width:13px; height:16px; background:url('/resources/snu/img/common/program-img_07.png') no-repeat 0 0; } .upload-file .btns { display:flex; gap:5px; margin:0 0 0 55px; } .upload-file .btns button { font-size:14px; color:#000; font-weight:500; display:flex; align-items:center; height:32px; padding:0 10px; gap:10px; border:1px solid #cdcdcd; background:#f5f5f5; } .upload-file .btns button::before { content:''; display:block; background-repeat:no-repeat; background-position:0 0; } .upload-file .btns button.preview::before { width:14px; height:14px; background-image:url('/resources/snu/img/common/board-uploadfile-ico_03.png'); } .upload-file .btns button.pdf-view::before { width:16px; height:11px; background-image:url('/resources/snu/img/common/board-uploadfile-ico_10.png'); } .upload-file .btns button.download::before { width:14px; height:14px; background-image:url('/resources/snu/img/common/board-uploadfile-ico_05.png'); } .upload-file .preview-content { border:1px solid transparent; width:100%; pointer-events:none; opacity:0; visibility:hidden; transition:all .4s; max-height:0; overflow:hidden; } .upload-file .preview-content.active { margin:10px 0 0; border-color:#cdcdcd; pointer-events:auto; opacity:1; visibility:visible; } .upload-file .preview-content .item { display:flex; justify-content:space-between; align-items:center; padding:5px 10px; background:#f5f5f5; width:100%; border-width:0 0 1px 0; border-style:solid; border-color:#cdcdcd; } .upload-file .preview-content .title { } .upload-file .preview-content .close-btn { text-indent:-9999px; display:block; width:19px; height:19px; border-radius:3px; border:1px solid #ccc; background:url('/resources/snu/img/common/board-uploadfile-ico_14.png') no-repeat center center #fff; } .upload-file .preview-content .contents { padding:20px; } .upload-file .preview-content .text { font-size:17px; color:#666; line-height:1.4; display: flex; overflow:hidden; } /* title wrap */ .title-wrap { display: flex; margin: 0 0 1.875rem; padding: 0 0 1.875rem; border-bottom: 1px solid #dedede; justify-content: space-between; align-items: flex-end; } .title-wrap .title { font-size: 1.750rem; font-weight: 600; line-height: 1; color: #000; } .title-wrap .link { font-size: 15px; color: #1f1f1f !important;} /* 찾아오시는길 */ .custom-marker-label {color: red !important; text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; margin-left: 13rem; margin-top: 0.5rem; } .custom-marker-label.kakao { color: #0063cc !important; margin-left: 10rem; margin-top: -0.5rem;} /* 페이지 담당자 */ .page_manager{padding: 15px 0; border-top: 2px solid #d7d7d7; border-bottom: 2px solid #d7d7d7; margin-top: 80px; display: flex; flex-wrap: wrap; row-gap: 20px; justify-content: center} .page_manager > p{display: flex; align-items: center; position: relative; padding: 0 7.8%; flex-wrap: wrap; row-gap: 15px;} .page_manager > p:not(:last-child):after{display: block; position: absolute; top: 0; right: 0; background: #d7d7d7; width: 1px; height: 20px; content: ""} .page_manager .tit{font-size: 15px; font-weight: 700; color: #111; padding-right: 15px; padding-left: 30px;} .page_manager .depart{background: url(/resources/snu/img/sub/manage_depart.png) no-repeat center left / auto 18px;} .page_manager .tel{background: url(/resources/snu/img/sub/manage_tel.png) no-repeat center left / auto 18px;} .page_manager .email{background: url(/resources/snu/img/sub/manage_email.png) no-repeat center left / auto 18px;} /* 프린트 화면 */ @page { size:21cm 29.7cm; margin: 10px } @media print { html, body {background: #fff;font-size: 14px;} *{-webkit-print-color-adjust:exact;} .edu_cont .top_info .info_detail, #cont10_1 .info_detail{flex-wrap: wrap;} .edu_cont .top_info .info_detail > .flexbox {width: calc(50% - 20px);} .edu_cont .bottom .cont_w, .openclass .bottom .cont_w, .openclass .cont_w{width: 100%;} #cont10_1 .info_detail > li {width: calc(50% - 1.25rem *1 / 2);} .history .flexbox.-st2 .scroll_tab {width: 100%; overflow-x: auto; white-space: nowrap;} .history .flexbox.-st2 > .tit, .history .flexbox.-st2 .scroll_tab > .tit { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 3.75rem; text-align: center; line-height: 1.15; border-left: none; margin-bottom: 0;} .history .flexbox.-st2 .cont_info_w, #cont10_1 .flexbox.-st2 .cont_info_w {width: 100%;} .org_w{display: block; justify-content: flex-start;} .org_w:before{display: none;} .org_w.no_link:before{display: block;} .org_w .chief.-r{position: unset; padding-top: 50px;} .org_w .chief > a{margin: 0 auto} .org_w:before{right: 0;} .org_w .chief.-l .group02{margin-left: 0;} .group02 a{height: auto;} .group02 > li > ul{width: 152px;} .group03 > li{width: 100%;} .group03:before{left: 0; left: 12%} .org_w .chief.-r .group02{max-width: 500px; margin: 0 auto; padding-top: 100px;} .org_w .chief.-r .group02:before{left: 50%; transform: translateX(-50%); max-height: 68px;} .chief_list{gap: 20px;} .chief_list .item{width: calc(20% - 20px*4/5);} .org_w.no_link .chief{flex-direction: column; align-items: center} .org_w.no_link:before{display: none;} .group01, .group03{padding-top: 50px;} .group01 a span:after, .group02 a span:before, .group02 a span:after, .group03 > li:before{display: none;} .org_w:before, .group01:before, .group01:after, .group01 ul.-l:after, .group01 ul.-l a:after, .group02 ul > li:nth-child(1) a:before, .group01 ul.-r:after, .group01 ul.-r a:after, .group02:before, .group02 li.first:after, .group03:before, .group03 > li:after, .org_w .chief.-r .group02:before{display: none;} .group01{gap: 30px; width: 100%;} .group01 > li{width: 50%;} .group01 a{min-width: auto;} .group02{flex-wrap: wrap; row-gap: 3.750rem;} .group02 > li{width: calc(33.333% - 14px)} .org_w .chief.-r .group02{gap: 20px;} .org_w .chief.-r .group02 > li{width: 100%;} .group02 > li > ul{width: 100%; justify-content: normal;} .group02 ul > li.mid, .group02 ul > li.last{width: 100%;} .group02 li:nth-child(2) ul > li.mid, .group02 li:nth-child(3) ul > li.mid, .group02 li:nth-child(2) ul > li.last{left: auto;} .group03{flex-wrap: wrap;} .group03 > li{width: calc(50% - 10px);} .org_w.no_link .group01, .org_w.no_link .group02{width: 100%; max-width: none; flex-direction: unset;} .no_link .group01:before, .no_link .group02 li:before, .no_link .group01:after, .no_link .group02 li:after{display: none;} .no_link .group01 li{min-width: auto;} .org_w.no_link .group01, #cont04_3 .cont_info{margin-top: 50px;} .edu_cont .bottom .slide_w{width: auto;} } /* 비전과 인재상 */ #cont02_1 .sub_title { padding: 60px 105px; } #cont02_1 .visionWrap > li { display: flex; align-items: center; gap: 34px; max-width: 570px; } #cont02_1 .visionWrap > li:before { content: ''; display: block; width: 105px; aspect-ratio: 1; border-radius: 50%; } #cont02_1 .visionWrap > li.vision:before { background: #4b4b4b url(../img/sub/depth2/ico-vision-01.png) no-repeat center; background-size: 47px; } #cont02_1 .visionWrap > li.talent:before { background: #f78f1e url(../img/sub/depth2/ico-vision-02.png) no-repeat center; background-size: 38px; } #cont02_1 .visionWrap > li + li { margin-top: 40px; } #cont02_1 .visionWrap .txt { flex: 1; } #cont02_1 .visionWrap .txt h5 { margin-bottom: 4px; font-size: 30px; color: #fff; font-weight: 700; } #cont02_1 .visionWrap .txt p { font-size: 20px; color: #cdcdcd; font-weight: 500; } #cont02_1 .visionWrap .txt ul { display: flex; flex-wrap: wrap; gap: 0 4px; margin-top: 2px; } #cont02_1 .visionWrap .txt ul li { font-size: 16px; color: #a4a4a4; } /* 핵심 아젠다 */ :root { --coreAgenda-color-1: #f78f1e; --coreAgenda-color-2: #222222; --coreAgenda-color-3: #ffdbb4; --coreAgenda-color-4: #757575; } #cont02_2 > .inner { padding-top: 120px; background: url('/webdata/uploads/home/image/2026/01/vision_bg.png') no-repeat center top; background-size: 100%; } #cont02_2 .titleWrap { display: flex; align-items: center; gap: 0 140px; margin-bottom: 48px; } #cont02_2 .titleWrap li { width: 100%; font-size: 70px; color: #222; font-weight: 800; text-align: center; } #cont02_2 .titleWrap li:first-child { color: #f7901f; } #cont02_2 .titleWrap li span { position: relative; display: inline-block; } #cont02_2 .titleWrap li span:before, #cont02_2 .titleWrap li span:after { content: ''; position: absolute; top: 0; width: 31px; aspect-ratio: 31 / 27; background: url('../image/db_marks_bl.png') no-repeat center / 100%; } #cont02_2 .titleWrap li span:before { right: calc(100% + 18px); } #cont02_2 .titleWrap li span:after { left: calc(100% + 18px); transform: rotate(180deg); } #cont02_2 .titleWrap li:first-child span:before, #cont02_2 .titleWrap li:first-child span:after { background-image: url('../image/db_marks_or.png'); } #cont02_2 .coreAgenda { display: flex; flex-wrap: wrap; gap: 40px 140px; } #cont02_2 .coreAgenda > li { width: calc(50% - 70px); } #cont02_2 .coreAgenda [class*=list] li { position: relative; display: flex; align-items: center; gap: 20px; padding: 9px; padding-right: 20px; border: 4px solid; border-radius: 40px; } #cont02_2 .coreAgenda [class*=list] li:before { content: ''; position: absolute; top: 50%; width: 13px; aspect-ratio: 1; border-radius: 50%; } #cont02_2 .coreAgenda [class*=list] li + li { margin-top: 20px; } #cont02_2 .coreAgenda [class*=list] li span { display: flex; align-items: center; justify-content: center; width: 55px; aspect-ratio: 1; font-size: 22px; color: #fff; font-weight: 800; border-radius: 50%; } #cont02_2 .coreAgenda [class*=list] li p { flex: 1; font-size: 22px; color: #333; font-weight: 600; } #cont02_2 .coreAgenda [class*=list] li:first-child span { color: #333; background: #fff; } #cont02_2 .coreAgenda [class*=list] li:first-child p { color: #fff; } #cont02_2 .coreAgenda > li:nth-child(odd) [class*=list] li:not(:first-child):before { left: calc(100% + 1px); transform: translate(-50%, -50%); } #cont02_2 .coreAgenda > li:nth-child(odd) [class*=list] li:not(:first-child):after { content: ''; position: absolute; top: 50%; left: calc(100% + 10px); width: 130px; height: 3px; background: url('../image/agenda-dot-bg.png'); transform: translateY(-50%); z-index: -1; } #cont02_2 .coreAgenda > li:nth-child(even) [class*=list] li:not(:first-child):before { right: calc(100% + 2px); transform: translate(50%, -50%); } #cont02_2 .coreAgenda .list-01 li { border-color: var(--coreAgenda-color-1); } #cont02_2 .coreAgenda .list-01 li:first-child { background: var(--coreAgenda-color-1); } #cont02_2 .coreAgenda .list-01 li:not(:first-child):before { background: var(--coreAgenda-color-1); } #cont02_2 .coreAgenda .list-01 li span { background: var(--coreAgenda-color-1); } #cont02_2 .coreAgenda .list-01 li:first-child span { color: var(--coreAgenda-color-1); } #cont02_2 .coreAgenda .list-02 li { border-color: var(--coreAgenda-color-2); } #cont02_2 .coreAgenda .list-02 li:first-child { background: var(--coreAgenda-color-2); } #cont02_2 .coreAgenda .list-02 li:not(:first-child):before { background: var(--coreAgenda-color-2); } #cont02_2 .coreAgenda .list-02 li span { background: var(--coreAgenda-color-2); } #cont02_2 .coreAgenda .list-02 li:first-child span { color: var(--coreAgenda-color-2); } #cont02_2 .coreAgenda .list-03 li { border-color: var(--coreAgenda-color-3); } #cont02_2 .coreAgenda .list-03 li:first-child { background: var(--coreAgenda-color-3); } #cont02_2 .coreAgenda .list-03 li:not(:first-child):before { background: var(--coreAgenda-color-3); } #cont02_2 .coreAgenda .list-03 li span { color: #333; background: var(--coreAgenda-color-3); } #cont02_2 .coreAgenda .list-03 li:first-child span { color: #333; } #cont02_2 .coreAgenda .list-03 li:first-child p { color: #333; } #cont02_2 .coreAgenda .list-04 li { border-color: var(--coreAgenda-color-4); } #cont02_2 .coreAgenda .list-04 li:first-child { background: var(--coreAgenda-color-4); } #cont02_2 .coreAgenda .list-04 li:not(:first-child):before { background: var(--coreAgenda-color-4); } #cont02_2 .coreAgenda .list-04 li span { background: var(--coreAgenda-color-4); } #cont02_2 .coreAgenda .list-04 li:first-child span { color: var(--coreAgenda-color-4); } /* language - eng */ .eng_cont #cont02_2 .titleWrap li { line-height: 1.1; font-size: 60px; } .eng_cont #cont02_2 .titleWrap li span { width: auto; } .eng_cont #cont02_2 .coreAgenda [class*=list] li p { font-size: 20px; letter-spacing: -0.5px; } .eng_cont #cont02_2 .coreAgenda .list-01 li:first-child, .eng_cont #cont02_2 .coreAgenda .list-02 li:first-child { min-height: 82px; } /* 2025.07.18. zenda */ .vice-dean .sub_title{font-size: 2.875rem; line-height: 1; background-image: url(/resources/snu/img/sub/depth1/sub_bg02_1.jpg); color: #333; font-weight: 700; padding: 60px 100px; position: relative; margin-top: 10.625rem; margin-bottom: 4.375rem} .vice-dean .sub_title span{font-size: 1rem;} .vice-dean .sub_title span:first-child{font-weight: 500; margin-bottom: 4.80rem; display: block;} .vice-dean .sub_title a { color:#000; font-weight: 300;} .vice-dean .sub_title p:last-child span { color:#000;font-weight: 300; } .vice-dean .flexbox.-st2 .tit{position: relative; padding-left: 50px;} .vice-dean .flexbox.-st2 .tit:before{content: ''; display: block; position: absolute; width: 31px; height: 27px; background: url() no-repeat center / 100% auto; left: 0; top: 2px;} .vice-dean .flexbox.-st2:nth-child(2) .tit:before{background-image: url(/resources/snu/img/sub/depth1/history_icon01.png);} .vice-dean .flexbox.-st2:nth-child(3) .tit:before{background-image: url(/resources/snu/img/sub/depth1/history_icon02.png);} .vice-dean .flexbox.-st2:nth-child(4) .tit:before{background-image: url(/resources/snu/img/sub/depth1/history_icon03.png);} .vice-dean .flexbox.-st2:nth-child(5) .tit:before{background-image: url(/resources/snu/img/sub/depth1/history_icon04.png);} .vice-dean .sub_title:after { content: ''; position: absolute; bottom: 0; right: 00px; width: 399px; aspect-ratio: 399 / 446; } .vice-dean.planning .sub_title:after { background: url('/webdata/uploads/home/image/2026/01/voice-dean-planning.png') no-repeat center / 100%; } .vice-dean.academic .sub_title:after { background: url('/webdata/uploads/home/image/2026/01/voice-dean-academic.png') no-repeat center / 100%; } .vice-dean.student .sub_title:after { background: url('/webdata/uploads/home/image/2026/01/voice-dean-student.png') no-repeat center / 100%; } .vice-dean.research .sub_title:after { background: url('/webdata/uploads/home/image/2026/01/voice-dean-research.png') no-repeat center / 100%; } .vice-dean.public .sub_title:after { background: url('/webdata/uploads/home/image/2026/01/voice-dean-public.png') no-repeat center / 100%; } .vice-dean.international .sub_title:after { background: url('/webdata/uploads/home/image/2026/01/voice-dean-international.png') no-repeat center / 100%; } .vice-dean.educational .sub_title:after { background: url('/webdata/uploads/home/image/2026/01/voice-dean-educational.png') no-repeat center / 100%; } .vice-dean.graduate .sub_title:after { background: url('/webdata/uploads/home/image/2026/01/voice-dean-graduate.png') no-repeat center / 100%; } .vice-dean.institute .sub_title:after { background: url('/webdata/uploads/home/image/2026/01/voice-dean-institute.png') no-repeat center / 100%; } /* 2025-07-22, zenda */ .org_w .chief.-s { position: absolute; left:0; } .org_w .chief.-s > a:before, .org_w.no_link .chief > p:before { border-radius: 0 178px 178px 0; border-right-width: 1px; border-left: 0; left: auto; right: -14px; } .org_w .chief.-s > a span:after { display:none; } .org_w .chief.-l > a:before, .org_w .chief.-l a.head:before, .org_w.no_link .chief > p:before { width:calc(100% + 28px); } .org_w .chief.-l > a:before, .org_w .chief.-l a.head:before, .org_w.no_link .chief > p:before { border-radius: 178px; border-left:1px solid var(--or); } .org_w .chief.-l > a:after, .org_w .chief.-l a.head:after { content: ''; display: block; position: absolute; width: 7px; height: 7px; border: 1px solid #ababab; border-radius: 100%; background: #fff; border-color: var(--or); transform: translate(-50%, -50%); right: auto; left: -16px; top: calc(50% + 6px); } @media screen and (min-width: 1024px) { .org_w:before { content: ''; display: block; position: absolute; width: 80%; height: 1px; background: #e0e0e0; max-width: 100%; top: calc(171px / 2); left:50%; transform: translate(-50%, 0%); z-index: -1; } } @media screen and (max-width: 1400px) { .org_w .chief.-s { position: relative; margin-top:70px; } .org_w .chief.-s > a:before, .org_w.no_link .chief > p:before, .org_w .chief.-l > a:after, .org_w .chief.-l a.head:after { display:none; } .org_w .chief > a span:before, .org_w .chief a.head span:before, .org_w.no_link .chief > p span:before { display:none; } .org_w .chief.-r > a:before, .org_w.no_link .chief > p:before { width:calc(100% + 28px); } .org_w .chief.-r > a:before, .org_w.no_link .chief > p:before { border-radius: 178px; border-left:1px solid var(--or);border-right-width:1px; } } @media screen and (max-width: 1024px) { .org_w .chief > a:before, .org_w .chief a.head:before, .org_w.no_link .chief > p:before { display:none; } .org_w .chief > a span:after, .org_w .chief a.head span:after, .org_w.no_link .chief > p span:after { display:none; } } /* 2025-07-31 */ .chief-top { width:100%; display:flex; justify-content: center !important; align-items: center !important; gap:150px; text-align:center;} @media screen and (min-width: 1400px) { .chief-top a:nth-child(1), .chief-top a:nth-child(3) { display:none !important; } } @media screen and (max-width: 1400px) { .chief-top { justify-content: space-between !important; gap:10px; width:80%;} } @media screen and (max-width: 768px) { .chief-top { width:100%;} .org_w .chief > a, .org_w .chief a.head, .org_w.no_link .chief > p{width: 140px; height: 140px; font-size:0.9em;} } @media screen and (max-width: 576px) { .org_w .chief > a, .org_w .chief a.head, .org_w.no_link .chief > p{width: 110px; height: 110px; font-size:0.9em; } } .chief.-r .group02 li a span em { font-style:normal; display:block; } .chief.-r .group02 li a span em.dnone { display:none; } .chief.-r .group02:before{left: calc(158px / 2);} @media screen and (max-width: 1400px) { .chief.-s { display:none; } .chief.-r > a { display:none; } .chief.-r .group02:before { display:none; } .chief.-r .group02 li:first-child a span:before { display:none; } .chief.-r .group02 li a span em { display:inline !important; } .chief.-r .group02 li a span em.break:before { content:' '; } .chief.-r .group02 li a span em.dnone:after { content:' '; } .chief-top a:nth-child(1) span:after { display:none; } .chief-top a:nth-child(3) span:after { display:none; } } @media screen and (min-width: 1024px) { .group02 > li > ul{width: 110px;} .group02 > li:nth-child(5) > ul, .group02 > li:nth-child(6) > ul, .group02 > li:nth-child(7) > ul {width: 148px;} .group02 a {font-size:0.8em !important;} } .group02 li:nth-child(1) ul > li.mid { position:relative; z-index:1; } .group02 li:nth-child(2) ul > li.mid a, .group02 li:nth-child(3) ul > li.mid a { position:relative; z-index:-1; border:none; } .deptnoticelsit-more { display:flex; justify-content: center !important; align-items: center !important;} .deptnoticelsit-more a { display:block; } /* 창의설계축전 리뉴얼 */ .design-fair { text-align:center; color:#000; } .design-fair h2 { font-size:2em; margin:20px 0; } .design-fair .text { font-size:1.2em; } .design-fair .text span { color:#f78f1e; } #cont02_3 .btnWrap-st2 a.down_btn { width:auto !important; }