@charset "utf-8";

.hd_on #header{position: absolute; top: 0; left: 0; }
.main.hd_on #header{background: none;}
.gnbover.main.hd_on #header{background: #fff !important;}

/*
.main #header #logo{background: url('/resources/snu/img/common/logo.svg') no-repeat center / contain;}
*/
.main #header #logo{background: url('/resources/snu/img/common/logo_eng80th_en_white.png') no-repeat center / contain;}
.gnbover.main.hd_on #header #logo{background: url('/resources/snu/img/common/logo_eng80th_en.png') no-repeat center / contain;}
.main:not(.gnbover) #topNav .gnb >li >a{color: #fff; transition: .3s;}
.main:not(.gnbover) #header .etc >ul >li >*{color: #fff;}

.main:not(.gnbover) #header .etc >ul >li.login a::before{background-image: url(/resources/snu/img/common/login_w.png);}
.main:not(.gnbover) #header .etc >ul >li.login.-out a::before{background-image: url(/resources/snu/img/common/logout_w.png);}

.main:not(.gnbover) #header .etc .btn-allmenu, .main #header .etc .btn-openM{background: url(/resources/snu/img/common/btn_menu_h.png) no-repeat center / 100%;}
.main:not(.gnbover) #header .etc .lang a:before{background: transparent url(/resources/snu/img/common/btn_lang_h.png) no-repeat center / auto 100%;}


.fixed_bg{background: rgba(0,0,0,.5);position: fixed;z-index: 5;width: 100%;height: 100%;overflow-y: auto;left: 0;top:0}
 .modal-open {overflow: auto !important; padding-right: 0 !important;}
#header, #sitemap .sitemap_h{width: 100%; height: 110px; transition: .3s all ease; position: relative; z-index: 160; background: #fff; border-bottom: 1px solid rgba(255, 255, 255, .2)}
#header .header_w, #sitemap .sitemap_h .header_w{max-width: 1800px;height: 100%; margin: 0 auto; display: flex; align-items: center; gap: 200px; gap: 3vw; justify-content: space-between;}
/*
#header #logo, #sitemap .sitemap_h .logo{background: url('/resources/snu/img/common/logo_color.svg') no-repeat center / contain; width: 272px;height: 72px;}
*/
#header #logo, #sitemap .sitemap_h .logo{background: url('/resources/snu/img/common/logo_eng80th_en.png') no-repeat center / contain; width: 272px;height: 72px; filter: none;}
#header #logo a, #sitemap .sitemap_h .logo a{display: block; width: 100%; height: 100%;}

/* pc 메뉴 */
#header.isLogin #topNav{width: calc(100% - 370px);}
#topNav, #topNav .gnb{width: 100%;}
#topNav .gnb{display: flex; justify-content: center; gap: 1rem;}
#topNav .gnb >li{flex: 1}
#topNav .gnb >li >a{position: relative;display: flex;align-items: center;justify-content: center;height: 110px; font-size: 20px;font-size: 1.25em;color: #333;font-weight: 500;transition: color .3s ease;}
#topNav .gnb >li >a span{display: flex;align-items: center;justify-content: center;height: 100%;position: relative; font-weight: 600;  word-break: keep-all; text-align: center;}
#topNav .gnb >li >a:hover,
#topNav .gnb >li >a:focus, #topNav .gnb >li.active >a{color: var(--or) !important;}
#topNav .gnb >li >a span::before{transition: .3s all ease;}
#topNav .gnb >li:hover >a span::before, #topNav .gnb >li.active >a span::before{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 30px; height: 10px; background: var(--or); z-index: 2;}
#topNav .sub_w{display: none;position: absolute;top: calc(100% + 1px);left: 0;width: 100%;background: linear-gradient(90deg, #f5f5f5 34%, #fff 1%);z-index: 1; border-top: 1px solid #dedede;}

#topNav .depth1.on .sub_w {display:block;}
#topNav .sub_w:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url('/resources/snu/img/main/gnb_bg01.jpg') no-repeat  left bottom}

#topNav .gnb > li:nth-child(2) > .sub_w:before{background-image: url('/resources/snu/img/main/gnb_bg02.jpg')}
#topNav .gnb > li:nth-child(3) > .sub_w:before{background-image: url('/resources/snu/img/main/gnb_bg03.jpg')}
#topNav .gnb > li:nth-child(4) > .sub_w:before{background-image: url('/resources/snu/img/main/gnb_bg04.jpg')}

#header #logo, #header .etc{flex-shrink: 0;}
#header #logo{ min-width: 200px;}


#topNav .sub_w >.in{position: relative;display: flex;max-width: 1400px;margin: 0 auto;z-index: 1;}
#topNav .sub_bg{width: 240px;position: relative;padding-top: 50px;}
#topNav .sub_bg > .sub{font-size: 1.125rem; color: #999;}
#topNav .sub_bg .tit{font-size: 32px; font-size: 2em; font-weight: 700; color: #111;}
#topNav .sub_bg .txt{font-size: 17px; font-size: 1.063em; color: #7a766c;}
#topNav .depth_w{background: #fff;width: 75%;margin: 0 auto;height: 100%; position: relative;}
#topNav .depth2{ min-height: 420px; max-width: 320px; border-right: 1px solid #e0e0e0;}
#topNav .depth2 >li > a:hover + .depth3_w, #topNav .depth2 >li.on .depth3_w{opacity: 1; visibility: visible;}
#topNav .depth2 >li >a{display: block; font-size: 1.125em; text-align: center;border-bottom: 1px solid #e0e0e0; padding: 17px 15px;transition: .2s; text-align: left; background: url(/resources/snu/img/common/header_2_arrow.png) no-repeat center right 15px; color: #333;}

#topNav .depth2 >li >a:hover,
#topNav .depth2 >li >a:focus,
#topNav .depth2 >li.on > a, #topNav .depth2 >li.active >a{border-color: transparent; background: var(--or) url(/resources/snu/img/common/header_2_arrow_h.png) no-repeat center right 15px;; color: #fff;}
#topNav .depth3_w{position: absolute; left: 320px; top: 0; display: flex; opacity: 0; visibility: hidden; height: 100%; width: 100%;}
#topNav .depth3_w.on{opacity: 1; visibility: visible;}
#topNav .depth3{width: auto; border-right: 1px solid #e0e0e0; padding: 40px 25px; width: 33.333%;    max-width: 254px;}
#topNav .depth3:last-child{border-right: none;}
#topNav .depth3 >li{}
#topNav .depth3 >li >a{display: block; margin-bottom: 30px; color: #666; transition: all .3s ease;    white-space: pre;}
.depth3 >li >a::before{content: '';display: inline-block;width: 4px;height: 4px;background: #666;margin: 0 8px 4px 0; transition: all .3s ease;}
.depth3 >li:last-child >a{padding-bottom: 0;}
.depth3 >li >a:hover > span,
.depth3 >li >a:focus > span,
.depth3 >li.on > span, .depth3 >li.active a > span{color: var(--or); border-bottom: 1px solid var(--or);}
.depth3 >li >a:hover::before,
.depth3 >li.on > a::before, .depth3 >li.active > a::before{background: var(--or);}

/* mobile 메뉴 */
#topNav_m{display: none; position: fixed; right: -9999px; top:0; width: 100%; max-width:1024px;z-index: 300; background: #fff; overflow-y: auto; height: 100%; max-width: 640px;}
#topNav_m .gnb_m{background: #fff; padding: 0 1.250rem; margin-top: 40px;}
#topNav_m .gnb_m >li:not(:last-child){margin-bottom: 20px;}
#topNav_m .gnb_m >li >a{position: relative; display: block; font-size: 1.286em; font-weight: 500; padding: 1rem; background: #252525; color: #fff; border-radius: 5px;}
#topNav_m .gnb_m >li.more >a:after, #topNav_m .gnb_m >li.more >a:before{content: ''; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); width: 1.250rem; height: 2px; transition:all ease-in-out .3s; background: #fff;}
#topNav_m .gnb_m >li.more >a:before{transform: translateY(-50%) rotate(90deg);}
#topNav_m .gnb_m >li.more >a.on:before{transform: translateY(-50%) rotate(0);}

#topNav_m .depth2{ padding: 0.5em 0; display: none;}
#topNav_m .depth2 >li{}
#topNav_m .depth2 >li >a{display: block; font-size: 1.125rem; padding: 10px; border-bottom: 2px solid #111; transition: all .3s; position: relative; font-weight: 500}
#topNav_m .depth2 >li >a:before{display: block; position: absolute; content: ''; width: 2px; height: 8px; background-color: #111; left: 0; bottom: 0; transition: all .3s;}
#topNav_m .depth2 >li >a:hover, #topNav_m .depth2 >li >a.on{color: var(--or); border-bottom-color: var(--or);}
#topNav_m .depth2 >li >a:hover:before, #topNav_m .depth2 >li >a.on:before{background-color: var(--or)}

#topNav_m .depth2 >li > a span{position: relative; display: block;}
#topNav_m .depth2 >li.more > a span:after, #topNav_m .depth2 >li.more > a span:before{content: ''; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); width: 1.250rem; height: 2px; transition:all ease-in-out .3s; background: #111;}
#topNav_m .depth2 >li.more >a span:before{transform: translateY(-50%) rotate(90deg);}
#topNav_m .depth2 >li.more >a.on span:before{transform: translateY(-50%) rotate(0);}
#topNav_m .top{height: 5.625rem; display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
#topNav_m .depth3{padding: 1rem; background: #f5f5f5; display: none;}
#topNav_m .depth3 > li:not(:last-child){margin-bottom: 10px}

#topNav_m .btn-closeM{width: 1.7rem;height: 1.7rem;background: transparent; position: relative; display: block; flex-shrink: 0;}
#topNav_m .btn-closeM:before,
#topNav_m .btn-closeM:after{content: '';position: absolute;width: 100%;height: 3px;background: #333; top: 50%;left: 0;}
#topNav_m .btn-closeM:before{transform: translateY(-50%) rotate(45deg);}
#topNav_m .btn-closeM:after{transform: translateY(-50%) rotate(-45deg);}

#topNav_m .quick_bar{position: unset; width: auto; display: block !important;}
#topNav_m .btn_w{min-width: auto; position: unset; box-shadow: none; display: flex; border: 3px solid #e0e0e0;}
#topNav_m .quick_bar li{flex: 1;}
#topNav_m .quick_bar li:not(:last-child){border-right: 1px solid #e0e0e0;}
#topNav_m .quick_bar li > a{display: block;}
#topNav_m .quick_bar li span:before{width: 100%; height: 100%; min-width: 50px;}
#topNav_m .quick_bar li:not(:last-child):after{display: none;}


/* etc */
#header .etc{display: flex; align-items: center;}
#header .etc >ul, #topNav_m .etc >ul{display: flex; gap: 2rem; align-items: center;}
#header .etc >ul{gap: 1.875rem;}

#header .etc >ul >li, #topNav_m .etc >ul >li{display: inline-block;}
#header .etc >ul >li > *, #topNav_m .etc >ul > li > *{color: #535353; font-size: 1rem; font-weight: 600;}
#header .etc >ul >li.login a,#topNav_m .etc >ul >li.login a{position: relative;}
#header .etc >ul >li.login a::before, #topNav_m .etc >ul >li.login a::before{display: block; content: ''; position: absolute; background: url(/resources/snu/img/common/login.png) no-repeat center; width: 20px; height: 21px; left:0; top: 0;}
#header .etc >ul >li.login a::before{background-image: url(/resources/snu/img/common/login.png);}


#header .etc >ul >li >a, #topNav_m .etc >ul >li > a{display: block; padding-left: 29px; position: relative;}
#header .etc >ul >li:last-child >a::after{display: none;}
#header .etc .lang a:before, #topNav_m .etc .lang a:before{position: absolute; content:''; display: block; background: transparent url('/resources/snu/img/common/btn_lang.png') no-repeat center / auto 100%; width: 20px; height: 19px; left:0; top:0;}
#header .etc .lang, #topNav_m .etc .lang{position: relative; border: none; background: none; height: auto;}
#header .etc .btn-sch{width: 1.438em; height: 1.438em; background: url('/resources/sonkeechung/img/common/ico-search_w.png') no-repeat center / 100%; margin-left: 1.875em;}
#header .etc .btn-sch.close{background-image: url('/resources/sonkeechung/img/common/ico-close.png') !important;}
#header .etc .btn-allmenu,
#header .etc .btn-openM{width: 28px; height: 28px; background: url('/resources/snu/img/common/btn_menu.png') no-repeat center / 100%; margin-left: 1.875em;}


#header .etc .user_info_w, #topNav_m .etc .user_info_w{display: flex; gap: 10px; align-items: flex-start;}
#topNav_m .etc .user_info_w{width: 50%;}
#header .etc .user_info{text-align: right; max-width: 98px;}
#header .etc .user_info > p, #topNav_m .etc .user_info > p{display: block; font-weight: 600;}
#header .etc .user_info > p .user_auth, #topNav_m .etc .user_info > p .user_auth{font-size: 13px; color: #777; display: inline-block; position: relative;padding-right: 5px; border: 1px solid #777; border-radius: 30px; padding: 2px 5px;}
#header .etc .user_info_w{padding-left: 0; cursor: unset;}

.main #header .etc .user_info > p .user_auth{color: #f7f7f7; border-color: #f7f7f7;}
.main.gnbover #header .etc .user_info > p .user_auth{color: #535353; border-color: #535353;}


#topNav_m .etc{position: relative; width: 100%;}
#topNav_m .etc >ul{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

/* 통합검색 */
#top_sch{position: absolute; left: 0; width: 100%; top:100%; background: #54575c; padding: 50px; display: none; margin-top: 1px;}
#top_sch .in{max-width: 700px; margin: 0 auto; position: relative;}
#top_sch input[type="text"]{width: 100%; height: 60px; padding: 0 60px 0 20px; border-radius: 5px;}
#top_sch input[type="text"]::placeholder{font-size: 18px; font-size: 1.125rem; color: #959595;}
#top_sch .submit{position: absolute; width: 60px; height: 60px; top: 0; right: 0; background: url('../img/common/ico-search_g.png') no-repeat 10px center;}

.main-visual{position: relative;padding: 170px 0 0; height: 840px;}
.main-visual .mainSlider_w{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #333;}
.main-visual .slider,
.main-visual .slider div{height: 100%;}
.main-visual .slider img{width: 100%; object-fit: cover; height: 840px; object-fit: cover;}
/* .main-visual .mainSlider_w .slick-slide{display: flex;justify-content: flex-start;align-items: center;} */
.mainSlider_w .slider .item{display: flex;justify-content: flex-start;align-items: center;position: relative;width: 100%;height: 100%;}
.mainSlider_w .slider .item:before{display: block; content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0);}
.mainSlider_w .slider .item:focus{outline: 2px solid white; outline-offset: -4px;}

.main-visual .iframe_w{width: 100%; height: 100%; display: block; object-fit: cover;}
.main-visual iframe{margin: auto; position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 150%; transform: translate(-50%,-50%); max-width:200%}




.main-visual .slogun{height: auto !important;width: auto;margin: 0 auto 0 calc(50% - 700px); position: absolute; z-index: 1;/*  top: 320px; */ top: 240px;}
.main-visual .slogun .text{color: #fff;text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);font-size: 1em;padding-bottom: 180px;}
.main-visual .slogun .text span{display: block; font-size: 1.250rem; line-height: 1.7}
.main-visual .slogun .text strong{display: block; font-weight: 400; font-size: 4.000rem; font-family: 'esamanru'; line-height: 1.15; margin-bottom: 30px;}
.mainSlider_w .slider .img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}

.main-visual .mainSlider_w .slider_btns{position: absolute;top: 68%;left: calc(50% - 680px);width: 100%;z-index: 2;}
.main-visual .append_w{font-size: 0; margin: 40px 0 0}
.main-visual .dots{display: inline-block; vertical-align: middle;}
.main-visual .dots .slick-dots{font-size: 0;}
.main-visual .dots li{display: inline-block; border-radius:50%; margin-right: .938rem;}
.main-visual .dots button{width: 14px;height: 14px;border-radius:50%; transition: .3s all ease; background: #fff;}
.main-visual .dots .slick-active button{background: var(--or); width: 60px; border-radius: 50px;}
.main-visual .controls{width: 10px;height: 14px;background: url('/resources/sonkeechung/img/main/ico-stop.png') center center no-repeat;white-space: nowrap;overflow: hidden;text-indent: -999px;vertical-align: middle;display: inline-block;}
.main-visual .controls.play{background-image: url('/resources/sonkeechung/img/main/ico-play.png')}

.mainVs_page{position: absolute; top: 75%; left: calc(50% - 700px); color: #fff; font-size: 1.250rem; display: flex; gap: 40px; align-items: center;}
.mainVs_page .prev{background: url(/resources/snu/img/common/arrow_white.png) no-repeat center; text-indent: -9999px; font-size: 0; width: 11px; height: 19px;}
.mainVs_page .next{background: url(/resources/snu/img/common/arrow_white.png) no-repeat center; text-indent: -9999px; font-size: 0; width: 11px; height: 19px;transform: rotate(180deg);}
.mainVs_page .mainVs_paging_current{font-weight: 600;}
.mainVs_page .mainVs_paging_total{font-weight: 300;}
.mainVs_page i{padding: 0 5px;}

.main-visual .board_w{position: relative; max-width: 600px; margin: 70px calc(50% - 700px) 0 auto;}
.main-visual .board{position: relative;/* max-width: 480px; *//* min-height: 630px; */}
.main-visual .board_w .sch_box{display: flex; height: 70px;}
.main-visual .board_w #mainSearch{border: 6px solid var(--or); border-radius: 0; height: 100%; font-size: 1.125rem; padding: 20px 1.875rem ;}
.main-visual .board_w .sch_btn{background: var(--or) url(/resources/snu/img/common/btn_srch.png) no-repeat center; width: 60px; height: 100%; display: inline-block; text-indent: -9999px; flex-shrink: 0;}

.main-visual .tag_w{margin-top: 1.000rem; display: flex; flex-wrap: wrap;}
.main-visual .tag_w > *{font-size: 1rem;}
.main-visual .tag_w > span{color: #fff; font-weight: 700; margin-right: 2.500rem; position: relative;}
.main-visual .tag_w > span:after{width: 1px; height: 10px; background: rgba(255, 255, 255, .3); content: ''; display: inline-block; position: absolute; right: -1.250rem; top: 50%; transform: translateY(-50%);}
.main-visual .tag_w > a{color: #fff; }
.main-visual .tag_w > a:hover, .main-visual .tag_w > a:focus{text-decoration: underline;}
.main-visual .tag_w > a:not(:last-child){margin-right: 1.250rem;}

.main-visual .quick_btn_w{border: 3px solid rgba(255, 255, 255, .3); display: flex; flex-wrap: wrap; margin-top: 40px; background: rgba(0, 0, 0, .2);}
.main-visual .quick_btn_w li{display: flex; flex-direction: column;align-items: center; min-height: 145px; justify-content: center; position: relative;}
/* 2025-11-10, zenda */
.main-visual .quick_btn_w.eng li{width: 25%;}
.main-visual .quick_btn_w.kor li{width: 20% !important; }

.main-visual .quick_btn_w li > a{display: block; color: #fff; z-index: 1; text-align: center; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.main-visual .quick_btn_w.eng li:nth-child(-n+4) > a:hover{padding-bottom: 20px;}
.main-visual .quick_btn_w.eng li:nth-last-child(-n+4) > a:hover{padding-top: 20px;}

/* 2025-11-10, zenda */
.main-visual .quick_btn_w.kor li:nth-child(-n+5) > a:hover{padding-bottom: 20px !important;}
.main-visual .quick_btn_w.kor li:nth-last-child(-n+5) > a:hover{padding-top: 20px !important;}


.main-visual .quick_btn_w li:after{content: ''; width: 1px; max-height: 80px; height: 100%; position: absolute; display: block; background: rgba(255, 255, 255, .3); top: 50%;     transform: translateY(-50%); right: 0;}

.main-visual .quick_btn_w.kor li.item_08:after,
.main-visual .quick_btn_w.kor li.item_04:after{max-height: 100%; height: 100%;  background: rgba(255, 255, 255, .3); top: 0%; transform: translateY(-0%); right: 0;}

.main-visual .quick_btn_w.eng li:nth-child(4n):after{display: none;}
.main-visual .quick_btn_w.eng li:nth-child(-n + 4){border-bottom: 1px solid rgba(255, 255, 255, .3)}
/* 2025-11-10, zenda */
.main-visual .quick_btn_w.kor li:nth-child(5n):after{display: none !important;}
.main-visual .quick_btn_w.kor li:nth-child(-n + 4){border-bottom: 1px solid rgba(255, 255, 255, .3) !important;}

.main-visual .quick_btn_w > li > a > span:before { background: url() no-repeat center; content: ''; display: block; position: relative; width: 60px; height: 57px; padding-bottom: 1rem; margin: 0 auto; transition: background-image .2s ease;}

.main-visual .quick_btn_w > li.item_09 > a > span:before { padding-bottom: 3rem;}

.main-visual .quick_btn_w > li.item_01 span:before {background-image: url(/resources/snu/img/main/temporary01.png);}
.main-visual .quick_btn_w > li.item_02 span:before {background-image: url(/resources/snu/img/main/temporary02.png);}
.main-visual .quick_btn_w > li.item_03 span:before {background-image: url(/resources/snu/img/main/temporary03.png);}
.main-visual .quick_btn_w > li.item_04 span:before {background-image: url(/resources/snu/img/main/temporary04.png);}
.main-visual .quick_btn_w > li.item_05 span:before {background-image: url(/resources/snu/img/main/temporary05.png);}
.main-visual .quick_btn_w > li.item_06 span:before {background-image: url(/resources/snu/img/main/temporary06.png);}
.main-visual .quick_btn_w > li.item_07 span:before {background-image: url(/resources/snu/img/main/temporary07.png);}
.main-visual .quick_btn_w > li.item_08 span:before {background-image: url(/resources/snu/img/main/temporary08.png);}
.main-visual .quick_btn_w > li.item_09 span:before {background-image: url(/resources/snu/img/main/top_banner_xpert_2026.png);}
.main-visual .quick_btn_w > li.item_10 span:before {background-image: url(/resources/snu/img/main/top_banner_pride.png);}

/* .main-visual .quick_btn_w > li:nth-child(1) span:before {background-image: url(/resources/snu/img/main/mv_btn01.png);}
.main-visual .quick_btn_w > li:nth-child(2) span:before {background-image: url(/resources/snu/img/main/mv_btn02.png);}
.main-visual .quick_btn_w > li:nth-child(3) span:before {background-image: url(/resources/snu/img/main/mv_btn03.png);}
.main-visual .quick_btn_w > li:nth-child(4) span:before {background-image: url(/resources/snu/img/main/mv_btn04.png);}
.main-visual .quick_btn_w > li:nth-child(5) span:before {background-image: url(/resources/snu/img/main/mv_btn05.png);}
.main-visual .quick_btn_w > li:nth-child(6) span:before {background-image: url(/resources/snu/img/main/mv_btn06.png);}
.main-visual .quick_btn_w > li:nth-child(7) span:before {background-image: url(/resources/snu/img/main/mv_btn07.png);}
.main-visual .quick_btn_w > li:nth-child(8) span:before {background-image: url(/resources/snu/img/main/mv_btn08.png);}
 */
.main-visual .quick_btn_w > li.on.item_01 span:before {background-image: url(/resources/snu/img/main/mv_btn01_h.png);}
.main-visual .quick_btn_w > li.on.item_02 span:before {background-image: url(/resources/snu/img/main/mv_btn02_h.png);}
.main-visual .quick_btn_w > li.on.item_03 span:before {background-image: url(/resources/snu/img/main/mv_btn03_h.png);}
.main-visual .quick_btn_w > li.on.item_04 span:before {background-image: url(/resources/snu/img/main/mv_btn04_h.png);}
.main-visual .quick_btn_w > li.on.item_05 span:before {background-image: url(/resources/snu/img/main/mv_btn05_h.png);}
.main-visual .quick_btn_w > li.on.item_06 span:before {background-image: url(/resources/snu/img/main/mv_btn06_h.png);}
.main-visual .quick_btn_w > li.on.item_07 span:before {background-image: url(/resources/snu/img/main/mv_btn07_h.png);}
.main-visual .quick_btn_w > li.on.item_08 span:before {background-image: url(/resources/snu/img/main/mv_btn08_h.png);}
.main-visual .quick_btn_w > li.on.item_09 span:before {background-image: url(/resources/snu/img/main/top_banner_xpert_2026_over.png);}
.main-visual .quick_btn_w > li.on.item_10 span:before {background-image: url(/resources/snu/img/main/top_banner_pride_over.png);}

.main-visual .quick_btn_w li.on > a span{color: #333;}
.main-visual .quick_btn_w li:before{content: '';display: block;position: absolute;background: #fff;width: 100%;height: calc(100% + 20px);bottom:0;left: 0px; box-shadow: 6px 6px 14px 0px rgba(0, 0, 0, .2); transition: all .2s ease; visibility: hidden; opacity: 0;}
.main-visual .quick_btn_w li.item_09:before{height: calc(200% + 20px);bottom:-100%;left: 0px; box-shadow: 6px 6px 14px 0px rgba(0, 0, 0, .2); transition: all .2s ease; visibility: hidden; opacity: 0;}
.main-visual .quick_btn_w li.on:before {opacity: 1; visibility: visible;}
.main-visual .quick_btn_w li:nth-last-child(-n+4):before{bottom: auto; top: 0;}

/* 2026-01-16 */
.main-visual .quick_btn_w li.item_09 { border-bottom-color:transparent}
.main-visual .quick_btn_w li.item_09 a { position:absolute !important; right:0; top:40%; }


.quick_bar{position: fixed; right: 0; top: 110px; z-index: 1;}
.quick_bar .tit{color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; gap: 50px; height: 70px; width: 58px; transition: .3s; background: linear-gradient(to right, #232323 0%,#807f83 100%); border-radius: 70px 0 0 70px;}
.quick_bar .tit span{display: none; opacity: 0; transition: transform .3s;}
.quick_bar .tit:before{display: block; content: ''; width: 11px; height: 19px; background: url(/resources/snu/img/common/arrow_white.png) no-repeat center / 100% auto;  transition: transform .3s;}
.quick_bar .open{ width: 170px;  background: #232323;}
.quick_bar .open span{display: block;  opacity: 1;}
.quick_bar .open:before{transform: rotate(-180deg);}
.quick_bar > ul{ position: absolute; right: 0; width: 110px; text-align: center; box-shadow: 0 0 14px 0px rgba(0, 0, 0, .2);}
.quick_bar > ul > li{background: #fff; position: relative;}
.quick_bar > ul > li > a{padding: 10px; display: block; width: 100%; transition: .3s;  min-height: 110px; display: flex;justify-content: center; align-items: center; color: #333;}
.quick_bar > ul > li > a:hover, .quick_bar > ul > li.on > a{background: #151515; position: relative; z-index: 1;}
.quick_bar > ul > li > a:hover > span, .quick_bar > ul > li.on > a > span{color: #fff;}
.quick_bar > ul > li:not(:last-child):after{content: ''; width: 100%; max-width: 80px; height: 1px; position: absolute; display: block; background: #e5e5e5; bottom: 0;  transform: translateX(-50%); left: 50%;}
.quick_bar > ul > li > a > span:before, .quick_btn_w > li > a > span:before { background: url() no-repeat center / auto 100%; content: ''; display: block; position: relative; width: 52px; height: 51px;margin: 0 auto; margin-bottom: 5px;}

.quick_bar > ul > li:nth-child(1) > a > span:before, #topNav_m .quick_btn_w > li:nth-child(1) > a > span:before{background-image: url(/resources/snu/img/main/icon_quick01.png);}
.quick_bar > ul > li:nth-child(2) > a > span:before, #topNav_m .quick_btn_w > li:nth-child(2) > a > span:before {background-image: url(/resources/snu/img/main/icon_quick02.png);}
.quick_bar > ul > li:nth-child(3) > a > span:before, #topNav_m .quick_btn_w > li:nth-child(3) > a > span:before {background-image: url(/resources/snu/img/main/icon_quick03.png);}
.quick_bar > ul > li:nth-child(4) > a > span:before, #topNav_m .quick_btn_w > li:nth-child(4) > a > span:before {background-image: url(/resources/snu/img/main/icon_quick04.png);}
.quick_bar > ul > li:nth-child(5) > a > span:before, #topNav_m .quick_btn_w > li:nth-child(5) > a > span:before {background-image: url(/resources/snu/img/main/icon_quick05.png);}
.quick_bar > ul > li:nth-child(6) > a > span:before, #topNav_m .quick_btn_w > li:nth-child(6) > a > span:before {background-image: url(/resources/snu/img/main/icon_quick06.png);}

.quick_bar > ul > li:nth-child(1).on span:before, .quick_bar > ul > li:nth-child(1) > a:hover span:before{background-image: url(/resources/snu/img/main/icon_quick01_h.png);}
.quick_bar > ul > li:nth-child(2).on span:before, .quick_bar > ul > li:nth-child(2) > a:hover span:before{background-image: url(/resources/snu/img/main/icon_quick02_h.png);}
.quick_bar > ul > li:nth-child(3).on span:before, .quick_bar > ul > li:nth-child(3) > a:hover span:before{background-image: url(/resources/snu/img/main/icon_quick03_h.png);}
.quick_bar > ul > li:nth-child(4).on span:before, .quick_bar > ul > li:nth-child(4) > a:hover span:before{background-image: url(/resources/snu/img/main/icon_quick04_h.png);}
.quick_bar > ul > li:nth-child(5).on span:before, .quick_bar > ul > li:nth-child(5) > a:hover span:before{background-image: url(/resources/snu/img/main/icon_quick05_h.png);}
.quick_bar > ul > li:nth-child(6).on span:before, .quick_bar > ul > li:nth-child(6) > a:hover span:before{background-image: url(/resources/snu/img/main/icon_quick06_h.png);}

#topNav_m .quick_btn_w > li > a{display: block; height: 100%;}
#topNav_m .quick_btn_w > li.on > a{background-color: var(--or); color: #fff;}
 #topNav_m .quick_btn_w > li:nth-child(1).on > a > span:before{background-image: url(/resources/snu/img/common/icon_quick01_w.png);}
 #topNav_m .quick_btn_w > li:nth-child(2).on > a > span:before{background-image: url(/resources/snu/img/common/icon_quick02_w.png);}
 #topNav_m .quick_btn_w > li:nth-child(3).on > a > span:before{background-image: url(/resources/snu/img/common/icon_quick03_w.png);}
 #topNav_m .quick_btn_w > li:nth-child(4).on > a > span:before{background-image: url(/resources/snu/img/common/icon_quick04_w.png);}
 #topNav_m .quick_btn_w > li:nth-child(5).on > a > span:before{background-image: url(/resources/snu/img/common/icon_quick05_w.png);}
 #topNav_m .quick_btn_w > li:nth-child(6).on > a > span:before{background-image: url(/resources/snu/img/common/icon_quick06_w.png);}

#topNav_m .quick_btn_w{position: relative;}
#topNav_m .quick_btn_w > li > .depth_2{position: absolute; top: calc(100% + 2px); display: flex; left: -3px; z-index: 9; display: none; background-color: #f5f5f5; width: calc(100% + 6px); border: 1px solid #e0e0e0;}
#topNav_m .quick_btn_w > li.on > .depth_2{display: flex;}
#topNav_m .quick_btn_w > li > .depth_2  > li{flex: 1;}

#topNav_m .quick_btn_w > li > .depth_2 a{min-height: 50px; border-right: 1px solid #e0e0e0; display: flex; padding: 5px; align-items: center; justify-content: center; height: 100%;}
#topNav_m .quick_btn_w > li > .depth_2  > li:last-child a{border-right-width: 0;}
#topNav_m .quick_btn_w > li > .depth_2 a:hover{color: var(--or);}
#topNav_m .quick_btn_w > li > .depth_2 a:hover .go_link:after{background-image: url(/resources/snu/img/common/icon_shortcut_or.png);}




.quick_bar .depth_2{position: absolute; top: 0; left: -184px; background: #232323; width: 184px; padding: 20px; text-align: left; display: none;}
.quick_bar > ul > li.on > .depth_2{display: block;}
.quick_bar .depth_2 > li{margin-bottom: 5px;}
.quick_bar .depth_2 > li a{color: #fff; position: relative; padding-left: 13px; display: block;}
.quick_bar .depth_2 > li a:before{content: ''; display: block; width: 4px; height: 4px; background: #ababab; transition: all .3s ease; top: 5px; left: 0; position: absolute;}
.quick_bar .depth_2 > li a:hover{color: var(--or) !important;}
.quick_bar .depth_2 > li a:hover:before{background: var(--or);}

.quick_bar .depth_2 .go_link:after{background-image: url(/resources/snu/img/common/icon_shortcut_wh.png); width: 13px; height: 13px; background-size: 100%; top: auto; transform: inherit; bottom: 2px;}
.quick_bar .depth_2 > li a:hover .go_link:after{background-image: url(/resources/snu/img/common/icon_shortcut_or.png);}

#topNav_m .quick_btn_w{display: flex; border: 3px solid #e0e0e0;}
#topNav_m .quick_btn_w > li{flex: 1; text-align: center;}
#topNav_m .quick_btn_w > li:not(:last-child){border-right: 1px solid #e0e0e0;}
#topNav_m .quick_btn_w li span{font-size: 1rem; word-break: keep-all;}
#topNav_m .quick_btn_w li span:before{width: 35px; background-size: 100% auto; margin-bottom: 0;}

.quick_banner{display: flex; position: relative;}
.quick_banner > a{display: inline-block; width: 50%; min-height: 140px; color: #fff; padding: 40px 50px 40px 60px;}
.quick_banner > a .text_w{max-width: 590px; position: relative;}
.quick_banner > a .text_w:before, .quick_banner > a .text_w:after{display: block; content: ""; position: absolute; transition: .2s}
.quick_banner > a .text_w:before{width: 54px; height: 1px; background: #fff; bottom: 0; right: 0;}
.quick_banner > a .text_w:after{width: 1px; height: 10px; background: #fff; right: 4px; bottom: -1px; transform: rotate(-45deg);}
.quick_banner > a:hover .text_w:before{right: -10px;}
.quick_banner > a:hover .text_w:after{right: -8px;}
.quick_banner .btn-arc{position: absolute; right: 140px; width: 160px; height: 160px; background: #f78f1e; color: #fff; border-radius:50%; font-size: 18px; font-weight: 700; top:-90px; display: flex; align-items:center; justify-content:center;flex-flow:column; padding: 0; min-height: auto; text-align: center;}
.quick_banner .btn-arc:after{width: 100%; height: 100%; content: ''; border:20px solid rgba(247,143,30,.2); left: 50%; top:50%; transform:translate(-50%, -50%); position: absolute; border-radius:50%}
.quick_banner .btn-arc:before{content: ''; display: block; width: 50px; height: 51px; background: url('../img/common/ico-arc.png') center center no-repeat; margin-bottom: 7px;}

.quick_banner > .banner01 .text_w{margin: 0 0 0 auto; }
.quick_banner > a .tit{ font-size: 1.875rem; font-weight: 700}
.quick_banner .banner01{background: url(/resources/snu/img/main/quick_banner01.jpg) no-repeat center right / cover;}
.quick_banner .banner02{background: url(/resources/snu/img/main/quick_banner02.jpg) no-repeat center left / cover;}

section.cont .tit_w{display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px;}
section.cont .tit{font-size: 2.500rem; font-weight: 700; color: #111; line-height: 1}
section.cont .btn{display: flex; gap: 40px; position: relative;}
section.cont .btn:before{position: absolute; display: block; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1px; height: 23px; background: #ddd;}
section.cont .btn .arrow{width: 13px; height: 23px; }
section.cont .btn .prev{background: url(/resources/snu/img/common/arrow_gray.png) no-repeat center; text-indent: -9999px; font-size: 0;}
section.cont .btn .next{background: url(/resources/snu/img/common/arrow_gray.png) no-repeat center; text-indent: -9999px; font-size: 0; transform: rotate(180deg);}
section.cont .btn .prev:hover, section.cont .btn .prev:focus{background-image: url(/resources/snu/img/common/arrow_black.png)}
section.cont .btn .next:hover, section.cont .btn .next:focus{background-image: url(/resources/snu/img/common/arrow_black.png)}

section.part02{padding: 100px 0 0;}
section.part02 .flexbox{gap: 100px;}
section.part02 .inner > div{width: calc(50% - 50px);}

.notice_w .notice{border-top: 1px solid #e0e0e0;}
.notice_w .notice li:last-child{border-bottom: none;}
.notice_w .notice li > a{padding: 1.875rem 1.875rem; display: block; transition: .3s; border-bottom: 1px solid #e0e0e0;}
.notice_w .notice li > a:hover{background: #fffbf6; border-bottom: 1px solid var(--or);}

/* 리스트 공통 */
.cont .list .tit{font-size: 1.375rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; line-height: 1.2; display: inline-block; margin-bottom: 10px;}
.cont .list .cont{color: #666; margin-bottom: 20px; width: 100%; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; height: 40px; font-size: 1rem; line-height: 1.4; overflow: hidden;}
.cont .list .date{color: #757575; font-size: 14px;}

section.cont .tab{display: flex; flex-wrap: wrap; gap: 40px;}
section.cont .tab .tit:not(:last-child){/* margin-right: 40px;  */position: relative;}
section.cont .tab .tit:not(:last-child):after{display: block; content: ''; position: absolute; width: 2px; height: 30px; top: 50%; transform: translateY(-50%); right: -20px; background: #ccc;}

section.cont .tab .tit:not(.on){color: #959595;}

.notive02_w .btn, .notive02_w .tab_cont >  div{display: none !important;}
.notive02_w .btn.on{display: flex !important;}
.notive02_w .tab_cont >  div.on{display: block !important;}
.notive02_w .tab_cont >  div a{display: block;}
.notive02_w .tab_cont .img{position: relative; /* padding-bottom: 58%; */ overflow: hidden;}
.notive02_w .tab_cont .img > img{ /* position: absolute; top: 0; left: 0; right: 0; bottom: 0; */ width: 100%; height: 100%;}

section.part03{padding: 100px 0; background: url(/resources/snu/img/main/section03_bg01.jpg) no-repeat center / cover;}
.tit_w .flexbox{align-items: center; gap: 25px; align-items: flex-end;}
.tit_w .flexbox > p, .tit_w .tit + p{color: #666; font-size: 1.250rem;}

.moreBtn{position: relative; padding-right: 5.313rem; color: #999; font-size: 1.250rem;}
.moreBtn:after{position: absolute; content: ''; display: block; background: #999;top: 50%; transform: translateY(-50%); right: 0; width: 68px; height: 68px; background: url(/resources/snu/img/common/btn_more.png) no-repeat center / 100%;}

section.part03 .dona{display: flex; gap: 10.500rem; position: relative; gap: 0;}

section.part03 .dona .tit_w{flex-direction: column; align-items: flex-start; flex-shrink: 0; width: calc(33.333% - 40px); margin-right: 60px;}
section.part03 .dona .moreBtn{padding: 5px; background-color: #252525; border-radius: 3px; width: 230px; height: 70px; display: flex; position: relative; align-items: center; position: absolute; top: 34%;}
section.part03 .dona .moreBtn::before{display: inline-block; content: ''; width: 3.750rem; height: 3.750rem; border-radius: 3px; background: #fcfcfc url(/resources/snu/img/main/dona_link.png) no-repeat center; left: 5px; top: 5px;}
section.part03 .dona .moreBtn > span{color: #fff; padding: 0 20px 0 25px;}
section.part03 .dona .moreBtn:after{display: none;}
section.part03 .dona .tit_w .flexbox{}
section.part03 .dona .tit_w .tit, section.part04 .calender .tit_w .tit{margin-bottom: 25px;}

section.part03 .dona .slide{margin-left: -1.875rem; width: calc(100% - 33.333%);}
section.part03 .dona .slide .item{background: #fff; margin:0 1.875rem; box-shadow: 0 0 rgba(0, 0, 0, .3); min-width: 332px; overflow: hidden; max-width: 426px;}
section.part03 .dona .slide .item > a{display: block; position: relative; height: 426px; min-height: 300px;}
section.part03 .dona .slide .item > a:before{content: ''; display: block; position: absolute; width: 100%; height: 100%; border: 6px solid var(--or); box-sizing: border-box; top: 0; left: 0; opacity:0; visibility: hidden; transition: .3s;}
section.part03 .dona .slide .item > a:after{content: ''; display: block; position: absolute; width: 50px; height: 50px; background: var(--or) url(/resources/snu/img/main/dona_arrow.png) no-repeat center; top: 0; right: 0; opacity:0; visibility: hidden; transition: .15s;}

section.part03 .dona .slide .item > a:hover:before, section.part03 .dona .slide .item > a:hover:after{opacity: 1; visibility: visible;}
section.part03 .dona .slide .item .img_w{min-height: 250px; display: flex; align-items: center; justify-content: center; padding: 30px; border-bottom: 1px solid #e0e0e0;}
section.part03 .dona .slide .item .img_w > img{max-height:150px;}
section.part03 .dona .slide .item .dona_info{display: flex; min-height: calc(100% - 250px);}
section.part03 .dona .slide .item .dona_info > div{padding: 30px; width: 50%;}
section.part03 .dona .slide .item .dona_info .sub_tit{font-size: 14px; color: #828282;}
section.part03 .dona .slide .item .dona_info .sub_info{font-weight: 600; color: #333;}
section.part03 .dona .slide .item .dona_info .right_c{border-left: 1px solid #e0e0e0;  transition: .3s; display: flex; flex-direction: column; justify-content: space-between;}
section.part03 .dona .slide .item .dona_info .right_c .sub_info{font-size: 1.625rem; font-weight: 900; /* padding-top: 60px; */ text-align: right; word-break: keep-all;}
section.part03 .dona .slide .item > a:hover .right_c{background: url(/resources/snu/img/common/pattern.jpg) top right; color: #fff;}
section.part03 .dona .slide .item > a:hover .right_c .sub_tit{color: #fff;}
section.part03 .dona .slide .item > a:hover .right_c .sub_info{color: #fff;}

section.part03 .media{margin-top: 100px;}
section.part03 .media .tit_w .flexbox{gap: 70px; align-items: flex-end;}
section.part03 .media .tab{font-size: 1.250rem; color: #828282; display: flex; flex-wrap: wrap; gap: 1.875rem;}
section.part03 .media .tab a{/* margin-right: 1.875rem; */}
section.part03 .media .tab a:last-child{margin-right: 0;}
section.part03 .media .tab a.on{color: #000; position: relative; font-weight: 700;}
section.part03 .media .tab a.on:before{position: absolute; width: 100%; height: 3px; background: #000; content: ''; display: block; top:-7px; left: 0;}

section.part03 .media .bottom .tit{font-size: 22px; line-height: 1.3; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; height: 60px;}
.media_cont .slide{margin-left: -1.875rem;}
.media_cont .slide li{ margin: 0 1.875rem;}
.media_cont .slide a{display: block; position: relative;}
/* .media_cont .slide a.article:after{content: ""; display: block; background: url(/resources/snu/img/main/01.png) no-repeat center / cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} */
.media_cont .slide a .label{position: absolute; top: 6%; left: 0; background: #252525; color: #fff; border-radius: 0 50px 50px 0; display: inline-block; width: 156px; height: 40px; z-index: 1;
text-align: center; line-height: 40px; transition: .2s;}
.media_cont .slide a:hover .label{background: var(--or);}

.media_cont .slide a .img_w{position: relative; padding-bottom: 100%; overflow: hidden;}
.media_cont .slide a .img_w img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.media_cont .slide a .img_w:before{position: absolute; content: ''; display: none; border: 6px solid var(--or); top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; z-index: 1;  transition: .3s;}
.media_cont .slide a:hover .img_w:before, .media_cont .slide a:focus .img_w:before{display: block;}

.media_cont .innovations .slide a .img_w img, .media_cont .slide li.innovations a .img_w img{max-width: none; left: 50%; transform: translateX(-50%); width: auto;}

.media_cont .slick-arrow, .calender .slick-arrow, section.part03 .dona .arrow{width: 65px; height: 65px; background: #fff url(/resources/snu/img/common/btn_media.png) no-repeat center; box-shadow: 0 0 14px 0px rgba(0, 0, 0, .2); border-radius: 100%; text-indent: -999px; font-size: 0; position: absolute; top: 50%; left: -95px;    transform: translateY(-50%); transition: .3s;}
.media_cont .slick-arrow:hover, .calender .slick-arrow:hover, section.part03 .dona .arrow:hover,section.part03 .dona .arrow:focus{background-image: url(/resources/snu/img/common/btn_media_h.png) !important;}
.media_cont .slick-next, .calender .slick-next, section.part03 .dona .next{transform: translateY(-50%) rotate(-180deg); right: -95px; left: auto;}
section.part03 .dona .arrow{transform: initial; position: unset}
section.part03 .dona .prew{left: auto;}
section.part03 .dona .next{right: auto; transform: rotate(-180deg);}
 section.part03 .dona .btn{gap: 1rem;}
section.part03 .dona .btn:before{display: none;}

.media_cont > div{display: none;}
.media_cont > div.on{display: block;}

section.part04{padding: 100px 0;}
/* section.part04 .class{margin-bottom: 100px;} */
section.part04 .tit_w{ gap: 1vw; margin-bottom: 80px;}
section.part04 .class_list_w{background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; padding: 70px 40px 2.5rem; gap: 70px; display: none; position: relative; transition: .6s;}

section.part04 .class_list_w.on{display: flex;}
section.part04 .class_list_w .class_tit{font-size: 3.375rem; font-weight: 700; margin-bottom: 10px;}
section.part04 .class_list_w .class_subtit{font-size: 1.375rem; margin-bottom: 4.375rem;}

section.part04 .class_list_w .class_cont{word-break: keep-all; font-size: 18px; line-height: 1.4; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break: keep-all; max-height: 126px; overflow: hidden;}
section.part04 .class_list_w .slick-list{overflow: unset;}

section.part04 .class_scroll_w{width: 360px; height: 540px;border: 6px solid #232323; margin-top: -90px; background: #fff url(/resources/snu/img/main/dept_bg.png) no-repeat center top 40px / auto 67%; position: relative; padding: 3.750rem 20px 3.750rem 0;}
section.part04 .scroll{ overflow-y: auto; height: 100%; padding-left: 20px;}

section.part04 .txt{width: calc(100% - 70px - 360px); position: relative; margin-top: 68px;}
section.part04 .class_list{color: #828282; margin-right: 20px;}
section.part04 .class_list li{position: relative; }
section.part04 .class_list li:before{content: ''; position: absolute; width: calc(100% + 60px); background: #232323 url(/resources/snu/img/common/check.png) no-repeat center right 1.250rem; height: 100%; display: none; right: 0; z-index: -1; top: -2px; transition: .6s;}
section.part04 .class_list li.active{z-index: 1;}
section.part04 .class_list li.active:before{display: block;}
section.part04 .class_list li.active a{color: #fff; border-bottom: 0; padding: 20px 2.8rem; padding-left: 10px;}
section.part04 .class_list li a{padding: 20px 1.8rem; display: block; border-bottom: 1px solid #e5e5e5; font-size: 1.250rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
section.part04 .calender{position: relative;}
section.part04 .class_list li:last-child a{border-bottom: 0;}
.calender .slide{margin-left: -40px; position: relative; padding-top: 60px}
.calender .slide:before{width: 100%; max-width: 1400px; height: 2px; background: #232323; content: ""; display: block; position: absolute; top: 0; right: 0;}
.calender .slide li{margin: 0 40px;}
.calender .slide a{padding: 50px 30px; display: block; position: relative; min-height: 400px;}
.calender .slide a:before{position: absolute; content: ''; display: none; border: 6px solid var(--or); top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; transition: .3s;}
.calender .slide a:hover:before{display: block;}
.calender .bottom .tit{font-size: 1.375rem; /* padding-bottom: 20px; */ margin-bottom: 20px;/*  border-bottom: 2px solid #e5e5e5; */ line-height: 1.3; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; height: 57px; overflow: hidden;}
.calender .bottom .cont{white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; word-break: keep-all; height: 200px; padding-top: 20px; border-top: 2px solid #e5e5e5; overflow: hidden;}
.calender .bottom .cont img{display: block; margin: 30px auto;}
.calender .bottom .date{margin-top: 20px; font-size: 14px;}
.calender .go_sch{padding:5px; padding-right: 22px; background: url(/resources/snu/img/main/go_sch_btn.png) no-repeat center right 5px; border: 1px solid #333; border-radius: 3px; font-weight: 500;}

#main_calender{display: flex; width: 48%; position: absolute; top: 0; left: 28%; gap: 5px;}
#main_calender > a{flex: 1; /* min-width: 60px; */ min-height: 90px; text-align: center; color: #828282; position: relative; display: flex; flex-direction: column; justify-content: center; border-radius: 3px; transition: .2s;}
#main_calender > a.today{color: var(--or);}
#main_calender > a.today:before{content: ""; display: block; border: 1px solid var(--or);  position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: 5px;}
#main_calender > a.weekend{color: #ccc;}
#main_calender > a .day{font-size: 14px;}
#main_calender > a .date{font-size: 1.500rem; font-weight: 700;}

#main_calender > a:hover, #main_calender > a.active{color: #fff; background: var(--or); border: none;}

/* footer */
#footer{background-color: #222;}
#footer *{outline-color: #fff !important; color: #666; font-size: 1.125rem;}
#footer .inner{margin: 0 auto;padding: 60px 0 110px;display: flex;justify-content: space-between;align-items: flex-start; flex-wrap: wrap; gap: 30px;}
#footer .siteInfo{display: flex; gap: 120px; flex-wrap: wrap;}
#footer .siteInfo .info{ position: relative;}
#footer .siteInfo .info:before{display: block; content: ''; position: absolute; width: 1px; height: 100%; max-height: 149px; top: 50%; transform: translateY(-50%); left:-60px; background: rgba(255, 255, 255, .2);}
#footer .logo{background: url('/resources/snu/img/common/logo_footer.png') no-repeat center / 100% auto; text-indent: -999px; font-size: 0; width: 206px; display: block; height: 56px;}
#footer .c_lick{margin-bottom: 20px;}
#footer .c_lick >li{display: inline-block;}
#footer .c_lick >li >a{color: #999; display: block;}
#footer .c_lick >li >a:hover{text-decoration: underline; text-underline-position: under; color: #fff;}
#footer .c_lick >li:not(:last-child) >a:after{content: ''; display: inline-block; width: 4px; height: 4px; background-color: #4d4d4d; margin: 0 15px 3px 15px; border-radius: 100%;}
#footer .copy >li{color: #a2a4a1;}
#footer .copy >li:not(:last-child){color: #ccc;}
#footer .copy >li:last-child{margin-top: 15px; font-size: 14px; font-size: 0.875em;}

#footer .right{width: 230px;}
#footer .btn-rel{width: 230px; height: 44px; color: #c8c9cc; font-weight: 300; padding: 0 20px; position: relative; border:1px solid #666; text-align: left;background: #292929}
#footer .btn-rel:after{right: 20px; top:50%; transform:translateY(-50%); width: 11px; height: 6px; background: url('/resources/sonkeechung/img/common/ico-sel_w.png'); position: absolute; content: ''}
#footer .btn-rel.on:after{transform: translateY(-50%) rotate(180deg);}
#footer .rel_site_w{position: relative; z-index: 130}
#footer .rel_site{position: absolute; left: 0; bottom: 100%; width: 100%; text-align: left; background: #fff; border: 1px solid #ccc; display: none;}
#footer .rel_site a{display: block; padding: 10px 20px; color: #666}
#footer .rel_site a:hover,
#footer .rel_site a:focus{background: #f1f1f1}
#footer .rel_site li{border-top: 1px solid #ccc;}
#footer .rel_site li:first-child{border-top: 0;}
#footer .sns{text-align: right;}
#footer .sns >li{display: inline-block}
#footer .sns >li a{width: 41px; height: 41px; border: 1px solid #999; text-indent: -9999px; font-size: 0; display: inline-block; border-radius: 100%;}
#footer .sns > .fb{margin-right: 5px;}
#footer .sns > .fb a{background: url(/resources/snu/img/main/icon_facebook.png) no-repeat center;}
#footer .sns > .yt a{background: url(/resources/snu/img/main/ico_youtube2.png) no-repeat center; background-size: 21px;}
#footer .sns > .in a{background: url(/resources/snu/img/main/icon_linkedin.png) no-repeat center; filter: brightness(0) saturate(100%) invert(81%) sepia(2%) saturate(13%) hue-rotate(335deg) brightness(77%) contrast(80%); background-size: 23px;}
#footer .accessibility-mark{width: 60px;display: block !important;margin: 10px 0 0 auto;}

#footer .directLink .fm_site{position: relative;}
#footer .directLink .fm_site button{ border: 0; border-bottom: 1px solid rgba(255, 255, 255, .1); width: 340px; padding: 0; padding-bottom: 15px; text-align: left; position: relative;}
#footer .directLink .fm_site button:after{position: absolute; right: 20px; top: 50%; content: ''; width: 11px; height: 6px; transform: translateY(-50%); background: url('../image/ico_select.png') no-repeat center center / 100% auto; transition: all .3s; display: block;}
#footer .directLink .fm_site button.on:after{transform: translateY(-50%) rotate(-180deg);}
#footer .directLink .fm_list{position: absolute; left: 0; bottom: calc(100% + 10px); width: 100%; text-align: left;  background: #fff; border: 1px solid #ccc; display: none; box-shadow: 6px 6px 14px 0px rgba(0, 0, 0, .2); border-top: 0; z-index: 2; max-height: 200px; overflow: auto;}
#footer .directLink .fm_list li{border-top: 1px solid #ccc;}
#footer .directLink .fm_list li > a{display: block; padding: 10px;}
#footer .directLink .fm_list li > a:hover{text-decoration: underline;}
#footer .directLink .flexbox{justify-content: space-between; margin-top: 30px;}

#footer .wa_mark{width: 113px;}

/* .hd_on .gotop{opacity: 0; visibility: hidden;} */
.hd_on .quick_bar .q_gotop{background: #252525; display: none; min-height: auto;}
.hd_on .quick_bar .q_gotop .gotop{opacity:1; visibility: visible; padding: 0; width: 100%;; height: auto; padding: 10px; position: unset; display: block !important; min-height: auto; color: #fff;}
.gotop{position: fixed; right: 30px; bottom:30px; z-index: 30; background: #252525; display: none; width:74PX; height: 74px; padding: 10px; font-size: 14px; color: #fff ; font-weight: 200}
.gotop img{display: block; margin: 0 auto 10px}

.dim{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 150;top: 0;left: 0;overflow-y: auto;transition: all 0.1s; z-index: 159; display: none;}

/* =============== 영문 =============== */
/* 헤더 */
.eng_header #topNav .gnb >li >a{padding: 0 1vw;}
.eng_header #topNav .depth2{min-height: 592px;}
.eng_header #topNav .depth3 >li >a{white-space: unset; position: relative;}
.eng_header #topNav .depth3 >li >a:before{position: absolute; top: 10px;}
.eng_header #topNav .depth3 >li >a > span{padding-left: 10px; display: inline-block;}
.eng_header .depth3 > li > a:hover > span, .eng_header .depth3 > li > a:focus > span, .eng_header .depth3 > li.on > span, .eng_header .depth3 >li.active a > span{border-bottom: 0; text-decoration: underline;}

.snueng .main-visual .slogun .text strong{font-size: 3rem;}
.snueng .main-visual .slogun{max-width: 800px; /* top: 210px; */}
.snueng .main-visual .board_w{margin: 70px calc(50% - 700px) 0 auto;}
.snueng .main-visual .quick_btn_w{height: 296px;}
.snueng .main-visual .quick_btn_w li > a{padding: 0 5px;}
.snueng .main-visual .quick_btn_w li > a span{word-break: break-word; font-size: 13px;}
.snueng .main-visual .quick_btn_w li:nth-last-child(4):before{bottom: 0; top: auto;}

.snueng section.part03 .dona .moreBtn{width: auto; top: 50%;}
.snueng section.part03 .dona .moreBtn > span{padding: 0 1vw;}


.snueng .quick_bar .depth_2{width: 230px; left: -230px;}


.quick_banner .btn-float .left { position: absolute; top: -90px; left: 80px; width: 160px; aspect-ratio: 1; border-radius: 50%; }
.quick_banner .btn-float .left:before { content: ''; position: absolute; top: 50%; left: 50%; width: calc(100% + 40px); aspect-ratio: 1; background: rgba(18, 18, 18, 0.6); border-radius: 50%; transform: translate(-50%, -50%); }
.quick_banner .btn-float .left a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1; font-size: 18px; color: #fff; font-weight: 700; background: #F68F1E; border-radius: 50%; }
.quick_banner .btn-float .left a img { height: 51px; }
.quick_banner .btn-float .left a span { margin-top: 7px; }



.quick_banner .btn-arc { right: auto; left: 80px; }
.quick_banner .btn-float .left { left: auto; right: 140px; }



.eng80th {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  text-align: center;

  /* 중앙을 배경색과 유사하게 */
  background: radial-gradient(circle at center,
              #ffc07b 10%,          /* 중앙 배경색 */
              #f68f1e 60%,        /* 중간 */
              #f68f1e 80%,        /* 바깥 */
              #f68f1e 100%) !important;  /* 가장자리: 짙은 파랑 */
}

.eng80th .englog { width:85px;position:absolute;top:20px; }
.eng80th span.engtitle {
  font-size:1.2em;color:#ff7500;position:absolute;top:20px;
}

.eng80th .engimg { width:127px; height:auto !important; }

.eng80th .engineering {
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  position:absolute;
  top:23px;
  display:block;
  color:#0e1d5d !important;
  font-size:1.3em;
}

.eng80th .text1 { font-size:1.6em;padding-top:45px;font-family:'esamanru';font-weight:400; color:#0e1d5d !important; }
.eng80th .text2 { font-size:1.6em;margin-top:-10px !important;font-family:'esamanru';font-weight:400; color:#0e1d5d !important; }

@media screen and (max-width: 1024px){
  .eng80th .engimg { width:90px; height:auto !important; }
  .eng80th .engineering { font-size:1.1em; top:20px; }
  .eng80th .text1 { font-size:1.2em;padding-top:35px; }
  .eng80th .text2 { font-size:1.2em;margin-top:-5px !important; }
}

.quick_banner .btn-float .left:before { transition: all 0.5s ease; }
.quick_banner .btn-float .left:hover:before {
  background-color:rgba(255, 255, 255, 0.2);
}