/*common 대*/ .main > .wrap{overflow:hidden;} .pc:not(body){display:block;} .mo:not(body){display:none;} .g-lang-box{/*display:none;*/} .main-content-box > .section_title{font-family:'Montserrat', sans-serif; font-size:75px;font-weight:100;color:#0c2e86;text-align: center;padding-bottom:35px;} .main-content-box > .section_title > p{font-size:14px;color:#b37441;font-weight:700;} .main-content-box > .section_title > p > span{border-bottom:1px solid #cca78d;} .main-content-box .main-mini-box .main-title{padding:0 0 15px;font-size:28px;font-weight:700;color:#00103a;} .main-content-box .view-more span{display:inline-block;position:relative;padding:0 0 8px;font-size:14px;font-weight:700;color:#0c2e86;line-height:1;vertical-align:middle;} .main-content-box .view-more span::before{content:'';position:absolute;bottom:0;left:50%;width:100%;height:2px;background-color:#0c2e86;transform:translateX(-50%);} .main-content-box .view-more span::after{content:'';display:inline-block;margin:-4px 0 0 10px;width:7px;height:11px;background:url(/_res/songeui/ko/img/main/main_view-more_arr.png) no-repeat 0 0/100%;vertical-align:middle;} .not-label{display:inline-block;color:#0c2e86;font-size:13px;font-weight:700;padding:5px 0;width:45px;background:#f3f3f3;border-radius: 20px;text-align: center;} .not-label.b-campus01{background-color:#edf0f5;color:#4f6f85;} .not-label.b-campus02{background-color:#dde0fa;color:#0c2e86;} .not-label.b-campus03{background-color:#f8dbfb;color:#0c2e86;} .rla02{display:inline-block;color:#ffffff;font-size:13px;font-weight:700;padding:5px 0;width:45px;background:#0c2e86;border-radius: 20px;text-align: center;} .cms-sub-content .up_motion{transform:translateY(20%);opacity:0;transition:transform ease-in-out 0.5s, opacity ease-in-out 0.5s, margin 0.3s} .cms-sub-content .up_motion.on{transform:translateY(0);opacity:1} .cms-sub-content .left_motion{transform:translateX(20%);opacity:0;transition:ease-in-out 0.5s} .cms-sub-content .left_motion.on{transform:translateX(0);opacity:1} .cms-sub-content .zoom_motion{transform:scale(0.8);opacity:0;transition:transform ease-in-out 0.3s, opacity ease-in-out 0.3s} .cms-sub-content .zoom_motion.on{transform:scale(1);opacity:1;} .main-top-banner-box .swiper-slide > div .main-banner-txt-box p{-webkit-line-clamp:1;} .not-open-today-box label:before{border-color:#ffc91f;} .notice-section {display: grid; grid-template-columns: 1fr 1fr; gap:18px;width:820px;} .card {display:flex;flex-direction:column; background: #fff;border: 1px solid #cfdbe0;border-radius: 12px;padding: 2rem 2rem 3rem;position: relative;transition: border 0.3s ease; height:255px;} .card:hover { border: 1px solid #3a6a9b;} .card h4 {font-size: 14px;color: #000;margin-bottom: 1rem; letter-spacing: -0.015rem;} .card p {font-size:22px;font-weight: bold;margin-bottom: 1.5rem;line-height: 1.5; color:#000; letter-spacing: 0.015rem} .card a {margin-top:auto;font-size: 14px;color: #0c2e86;text-decoration: underline; text-underline-offset: 2px; font-weight:600; letter-spacing: 0.015rem} .card a::after {content:'';display:inline-block;margin:-4px 0 0 6px;width:6px;height:11px;background:url(/_res/songeui/ko/img/main/main_view-more_arr.png) no-repeat 0 0/100%;vertical-align:middle;} .card-icon { position: absolute; bottom: 1.2rem;right: 1.2rem;} .card:nth-child(2),.card:nth-child(4) {top:40px;} .icon-printer { /* background: url(/_res/songeui/ko/img/main/card_01.png) no-repeat center/contain; */ width:39px; height:41px;} .icon-calendar { /*background: url(/_res/songeui/ko/img/main/card_02.png) no-repeat center/contain;*/width:41px; height:36px;} .icon-hand {/*background: url(/_res/songeui/ko/img/main/card_03.png) no-repeat center/contain;*/width:48px; height:39px;} .icon-piggy {/*background: url(/_res/songeui/ko/img/main/card_04.png) no-repeat center/contain;*/ width:42px; height:39px;} .yca{font-size:22px; color:#111; font-weight:700; margin-top:29px; letter-spacing: 0.01rem; line-height:1.4; transition: color 0.3s;} .yca:hover{color: #ff7800} .yca02{font-size: 16px; color: #555; margin-top: 12px; -webkit-line-clamp: 3; word-break: break-word;} .yca03{display:inline-block;margin-top:20px; font-size:14px;color:#666666;font-weight:500;} /*content1 - box1 (hdlPhoto)*/ .main-content-box01 .main-mini-box01{} .main-content-box01 .main-mini-box01 .section_title{font-size:28px;color:#00103a;font-weight:700;margin-bottom:30px;display:flex;justify-content:space-between;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide a p{font-size:22px;color:#111;font-weight:700;margin-top:25px;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide a p span.b-cate{display:inline-block;margin:-2px 10px 0 0;padding:6px 10px;border-radius:24px;background-color:#edf0f5;font-weight:700;font-size:12px;color:#4f6f85;line-height:1;vertical-align:middle;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide a div:not(.img-wrap){font-size:16px;color:#555;margin-top:10px;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide .mini-date{display:inline-block;margin-top:10px; font-size:14px;color:#898989;font-weight:300;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide .img-wrap{overflow:hidden;width:100%;height:312px;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide .img-wrap img{width:100%;height:100%; object-fit: cover;border-radius:3px;} .main-content-box01 .main-hdlPhoto-box{position:relative;} .main-content-box01 .main-hdlPhoto-box a{display:block} .main-content-box01 .main-hdlPhoto-box .control-wrap > div{position:absolute;top:50%;width:76px;height:76px;border:1px solid #6079a3;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;z-index: 1;cursor: pointer;transform:translateY(-50%);} .main-content-box01 .main-hdlPhoto-box .main-hdlPhoto-prev{left:-90px;background-image: url(/_res/cuk/ko/img/main/main_headlineswp_prev.png);} .main-content-box01 .main-hdlPhoto-box .main-hdlPhoto-next{right:-90px;background-image: url(/_res/cuk/ko/img/main/main_headlineswp_next.png);} .main-content-box01 .main-hdlPhoto-box .control-wrap .main-hdlPhoto-pagination{display:none;} @media screen and (max-width:1024px){ /*common*/ .pc:not(body){display:none !important;} .mo:not(body){display:block !important;} .main-content-box > .section_title{font-size:38px;padding-bottom:30px;} .main-content-box .main-mini-box .main-title{padding:0 0 15px;font-size:24px;line-height:30px;word-break:keep-all;} .main-content-box01 .main-mini-box .mini-inner-box .view-more span{padding:0 0 7px;font-size:12px;} .main-content-box01 .main-mini-box .mini-inner-box .view-more span::after{margin:-3px 0 0 8px;width:5px;height:10px;} .main-content-box .view-more span{font-size:12px;} } @media screen and (max-width:768px){ .main-content-box > .section_title{line-height:normal;} } @media screen and(max-width: 600px) { .card p {font-size: 1rem;} } /*============== quick-menu =============*/ .btn-quick span{background-image:url(/_res/songeui/ko/img/main/main_quick_menu_btn_arr.png);} header{position:absolute;top:0;width:100%;} /*============= top-header ============*/ .top-header-wrap{background:transparent;} .main-top-banner-box .control-wrap .main-banner-next, .main-top-banner-box .control-wrap .main-banner-prev{width:22px;background-size:12px;background-position:50% 50%;} .top-header-outer{/*position:absolute;top:0;left:0;z-index:10;*/width:100%;border-bottom:1px solid rgba(240,240,240,0.2);} .top-header-box{height:85px;border-bottom:0;} .top-header-box .logo{position:absolute;left:50%;transform:translateX(-50%);} .top-header-box .logo a{display:block;font-size:0;} .top-header-box .logo a img{display:inline-block;vertical-align:middle;} .top-header-box .logo a img.open{display:none;} .top-header-box .logo a span{display:inline-block;margin:-4px 0 0;padding:0 0 0 15px;font-weight:800;font-size:28px;color:#fff;line-height:1;vertical-align:middle;} .campus-tab-box li + li{margin-left:25px;} .campus-tab-box li a{position: relative;padding-left:35px;} .campus-tab-box li a::before{content:'';display:block;width:34px;height:25px;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position: 0 0;} .campus-tab-box li:first-child a::before{background-image: url(/_res/songeui/ko/img/main/main_header_seongsin_wh.png);} .campus-tab-box li:nth-child(2) a::before{background-image: url(/_res/songeui/ko/img/main/main_header_seongsim_wh.png);} .campus-tab-box li:nth-child(3) a::before{background-image: url(/_res/songeui/ko/img/main/main_header_seongeui_wh.png);} .campus-tab-box li:nth-child(2) a{padding-left:40px;} .campus-tab-box li a span{color:#fff;border-color:transparent;padding-bottom:8px;transition: all 0.2s;} .campus-tab-box li a.active span, .campus-tab-box li a:hover span{color:#fff;border-color:#fff;} .gnb-box .gnb-ul > li > a{color:#fff;font-weight:600;} .gnb-link-box > ul > li{color:#fff;} .gnb-link-box > ul > li .g-lang-box > p{background: url(/_res/songeui/ko/img/main/main_header_key_downarr_ico.png) no-repeat 100% 50%;} .gnb-link-box > ul > li > a span{font-weight:400;} .gnb-link-box > a{color:#fff;} .gnb-link-box > a.login_btn > span::before{background:url(/_res/songeui/ko/img/common/top_header_login.png) no-repeat 0 0;} .gnb-link-box > a.logout_btn > span::before{background:url(/_res/songeui/ko/img/common/top_header_logout.png) no-repeat 0 0;} .on .top-header-outer, .mo-gnb-open .top-header-outer{background-color:#fff;border-bottom-color:#eaeaea;} .on .top-header-box .logo a img.open{display:inline-block;} .on .top-header-box .logo a img:not(.open){display:none;} .on .top-header-box .logo a span, .mo-gnb-open .bottom-header-box .logo a span{color:#5d4f3a;} .on .campus-tab-box li a span{color:#666;} .on .campus-tab-box li:first-child a::before{background-image: url(/_res/songeui/ko/img/main/main_header_seongsin_bl.png);} .on .campus-tab-box li:nth-child(2) a::before{background-image: url(/_res/songeui/ko/img/main/main_header_seongsim_bl.png);} .on .campus-tab-box li:nth-child(3) a::before{background-image: url(/_res/songeui/ko/img/main/main_header_seongeui_bl.png);} .on .campus-tab-box li a.active span{color:#ff8a00;border-color:#ff8a00;} .on .gnb-link-box > ul > li > a span{color:#666;font-weight:600;} .on .gnb-link-box > ul > li .g-lang-box > p{color:#666;font-weight:600;background-image:url(/_res/songeui/ko/img/main/main_header_key_downarr_bl.png);} .on .gnb-link-box > a{color:#888;} .on .gnb-link-box > a.login_btn > span::before{background-image:url(/_res/songeui/ko/img/common/top_header_login_gr.png);} .on .gnb-link-box > a.logout_btn > span::before{background-image:url(/_res/songeui/ko/img/common/top_header_logout_gr.png);} @media screen and (max-width:1400px){ .campus-tab-box li + li{margin-left:5px;} .gnb-link-box > ul{flex-wrap:wrap;/*width:180px;*/} .gnb-link-box > a{padding-left:20px;} } @media screen and (max-width:1024px){ .campus-tab-box{display:none;} .top-header-box{display:block;position:relative;padding:0 18px;box-sizing:border-box;} .top-header-box .logo{display:inline-block;padding:17px 0;} .top-header-box .logo a img.mo{display:inline-block;width:164px;} .top-header-box .logo a img.pc{display:none;} .top-header-box .logo a span{padding:0 0 0 10px;font-size:18px;} } /*============= botttom-header ============*/ .bottom-header-outer{/*position:absolute;top:86px;left:0;z-index:10;*/width:100%;border-bottom:0;} .bottom-header-box{height:auto;} .bottom-header-box .gnb-wrap{display:flex;align-items:center;} .bottom-header-box .logo{float:left;padding:15px 0 0;} .bottom-header-box .logo a{display:block;font-size:0;} .bottom-header-box .logo a img{display:inline-block;vertical-align:middle;} .bottom-header-box .logo a img.open{display:none;} .bottom-header-box .logo a span{display:inline-block;margin:-2px 0 0;padding:0 0 0 20px;font-weight:800;font-size:20px;color:#fff;line-height:1;vertical-align:middle;} .gnb-bg{border:0;} .gnb-box .gnb-ul > li > a span::after{bottom:-21px;} .btn-sitemap{display:inline-block;width:32px;height:22px;background:url(/_res/songeui/ko/img/common/site-map_ico.png) no-repeat;} /*.btn-sitemap span{display:block;width:100%;height:2px;background:#fff;} .btn-sitemap span:not(:first-child){margin-top:8px;}*/ .gnb-box .gnb-ul{margin-left:100px;} .g-srch-wrap{border:2px solid #fff;width:190px;padding:5px 40px 5px 10px;} .g-srch-wrap > input{background:none;color:#fff;width:100%;visibility:visible;opacity:1;} .g-srch-wrap > button, .g-srch-wrap > a{background-image: url(/_res/songeui/ko/img/main/main_header_key_srch_ico_wh.png);} .gnb-srch-box{padding-top:0;} /* 키워드 셀렉트 박스 */ .kword{position:relative;font-size:14px;color:#fff;z-index:31;} .kword > a{position:relative; padding-right:20px;} .kword > a::after{content:'';display:block;width:12px;height:8px;background:url(/_res/songeui/ko/img/main/main_header_key_downarr_ico.png) no-repeat;transform:translateY(-50%);position:absolute;right:0;top:50%; transition:all 0.2s;} .kword > ul{display:none;position:absolute;top: calc(100% + 12px);left: 0;z-index: 10;padding: 5px 10px;width: 168px;border: 1px solid #d8d8d8;background-color: #fff;font-size:0;box-sizing:border-box;box-sizing: border-box;border-radius: 2px;box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);} .kword > ul > li{text-align:left;} .kword > ul > li:hover{background-color:#f7f1ec;border-radius: 5px;} .kword > ul > li > a{display: block;position:relative;padding: 8px 22px 8px 10px;font-weight: 400;font-size: 15px;color: #666;line-height: 20px;} .kword > ul > li:hover > a{font-weight:700;color:#a06a3d;position:relative;} .kword > ul > li:hover > a:after {content: '';position: absolute;top: 50%;right: 10px;width: 7px;height: 12px;background: url(/_res/songeui/_share/img/common/ico-path-depth-arr.png) no-repeat 50% 50% / contain;transform: translateY(-50%);} .kword.on > a::after{transform:translateY(-50%) rotate(180deg);} .on .bottom-header-outer{background-color:#fff;/*border-bottom:1px solid #eaeaea;*/} .on .btn-sitemap{background-image:url(/_res/songeui/ko/img/common/site-map_ico_bk.png);} .on .gnb-box .gnb-ul > li > a{color:#000;font-weight:600;} .on .gnb-box .gnb-ul > li:hover > a, .on .gnb-box .gnb-ul > li.active > a{color:#a06a3d;} .on .gnb-bg{border-top: 1px solid #edf1f3;border-bottom: 2px solid #ff8a00;} .on .kword{color:#666;} .on .kword > a::after{background-image:url(/_res/songeui/ko/img/main/main_header_key_downarr_bl.png);} .on .g-srch-wrap{border:1px solid #e3e6ec;box-shadow:none;} .on .g-srch-wrap > input{color:#333;} .on .g-srch-wrap > button, .on .g-srch-wrap > a{background-image: url(/_res/songeui/ko/img/main/main_header_key_srch_ico_bw.png);} .bottom-header-outer.fixed{background-color:#fff;border-bottom:1px solid #eaeaea;} .fixed .btn-sitemap{background-image:url(/_res/songeui/ko/img/common/site-map_ico_bk.png);} .fixed .gnb-box .gnb-ul > li > a{color:#000;font-weight:600;} .fixed .gnb-box .gnb-ul > li:hover > a, .fixed .gnb-box .gnb-ul > li.active > a{color:#a06a3d;} .fixed .gnb-bg{border-top: 1px solid #edf1f3;border-bottom: 2px solid #ff8a00;} .fixed .kword{color:#666;} .fixed .kword > a::after{background-image:url(/_res/songeui/ko/img/main/main_header_key_downarr_bl.png);} .fixed .g-srch-wrap{border:1px solid #e3e6ec;box-shadow:none;} .fixed .g-srch-wrap > input{color:#333;} .fixed .g-srch-wrap > button, .fixed .g-srch-wrap > a{background-image: url(/_res/songeui/ko/img/main/main_header_key_srch_ico_bw.png);} .g-srch-wrap.focus{background:#fff} .g-srch-wrap.focus > input{color:#333} .g-srch-wrap.focus > button, .g-srch-wrap.focus > a{background-image: url(/_res/songeui/ko/img/main/main_header_key_srch_ico_bw.png);} @media screen and (max-width:1800px){ .bottom-header-box{padding:0 20px;box-sizing:border-box;} } @media screen and (max-width:1600px){ .bottom-header-box .logo{padding:18px 0 0;} /* .bottom-header-box .logo a img{width:150px;} */ .bottom-header-box .logo a span{padding:0 0 0 10px;font-size:16px;} /*.gnb-box .gnb-ul{margin:0 -60px 0 0;}*/ .gnb-box .gnb-ul > li{padding:0 60px 0 0;} .gnb-box .gnb-ul > li > a{padding:0 0 22px;font-size:16px;line-height:26px;margin:0;} .gnb-box .gnb-ul > li > a span::after{bottom:-25px;} .sub-mn > li > a{font-size:14px;line-height:19px;} .gnb-link-box > ul > li{margin:0 10px 0 0;padding:0 10px 0 0;} /*.gnb-link-box > ul > li.g-lang > a:before{margin:0;} .gnb-link-box > ul > li.g-lang > a span{position:absolute;top:-999999px;left:-999999px;}*/ } @media screen and (max-width:1500px){ .yca{font-size:20px; color:#111; font-weight:700; margin-top:25px;} .yca02{font-size:15px; color:#555; margin-top:10px; -webkit-box-orient:vertical;display:-webkit-box !important;display:block; /*-webkit-line-clamp:none;*/overflow:hidden;text-overflow:ellipsis;white-space:normal; word-wrap:break-word;line-height:1.4; } .yca02 br{display:none;} .yca03{display:inline-block;margin-top:20px; font-size:13px;color:#666666;font-weight:500;} } @media screen and (max-width:1400px){ /*.gnb-box .gnb-ul{margin:0 -40px 0 0;}*/ .gnb-box .gnb-ul > li{padding:0 40px 0 0;} } @media screen and (max-width:1200px){ .gnb-box .gnb-ul{margin-left:30px;} } @media screen and (max-width:1024px){ .top-header-outer{display:none;} .btn-sitemap{display:none;} .bottom-header-outer{top:0;} .gnb-srch-box .kword{display:none;} .gnb-srch-box .g-srch{position:relative;margin-left:0;} .bottom-header-box > .gnb-srch-box .g-srch-wrap{padding:0;border:0;border-radius:0;/*height:21px;*/} .bottom-header-box > .gnb-srch-box .g-srch-wrap > a{background:url(/_res/songeui/ko/img/main/main_header_key_srch_ico_wh-m.png) no-repeat 0 0 / 20px;} .bottom-header-box > .gnb-srch-box .g-srch-wrap > button{display:none !important;} /*.g-srch::after{content:'';display:block;width:33px;height:20px;background:url(/_res/songeui/ko/img/main/main_header_key_srch_ico_wh-m.png) no-repeat 0 50% / 20px;}*/ /*.g-srch-wrap{display:none;}*/ .bottom-header-box{height:65px; display:flex;position:relative;padding:0 18px;box-sizing:border-box;} .bottom-header-box .gnb-wrap{display:none;} .bottom-header-box .logo{position:absolute;left:50%;transform:translateX(-50%);display:inline-block;padding:0;} .bottom-header-box .logo a img{width:125px;} .bottom-header-box .logo a img.mo{display:inline-block;/*width:52px;*/} .bottom-header-box .logo a img.pc, .bottom-header-box .logo a img.mo.open{display:none;} .bottom-header-box .logo a span{padding:0 0 0 10px;font-size:18px;} .gnb-link-box > ul > li{margin:0;padding:0 0 14px;} .btn-m-menu{background-image:url(/_res/songeui/ko/img/common/btn-m-menu.png);} /*.btn-m-menu span{display:block;width:100%;height:2px;background:#fff;} .btn-m-menu span:not(:first-child){margin-top:8px;}*/ .on .gnb-bg{border-bottom:0;} .on .btn-m-menu{background-image: url(/_res/songeui/ko/img/common/btn-m-menu_bk.png);} .on .bottom-header-box .logo a img{display:none;} .on .bottom-header-box .logo a img.open{display:inline-block;} .on .bottom-header-box .logo a span{color:#5d4f3a;} .on .g-srch-wrap{border-right:0;border-top:0;border-left:0;border-bottom:2px solid #000;width:100% !important;} .on .g-srch-wrap > button{background-image: url(/_res/songeui/ko/img/common/sub_header_srch_ico-m.png);display:block !important;} .fixed .gnb-bg{border-bottom:0;} .fixed .btn-m-menu{background-image: url(/_res/songeui/ko/img/common/btn-m-menu_bk.png);} .fixed .bottom-header-box .logo a img{display:none;} .fixed .bottom-header-box .logo a img.open{display:inline-block;} .fixed .bottom-header-box .logo a span{color:#5d4f3a;} .fixed .g-srch-wrap{border-right:0;border-top:0;border-left:0;border-bottom:2px solid #000;} .fixed .g-srch-wrap > button{background-image: url(/_res/songeui/ko/img/common/sub_header_srch_ico-m.png);} .fixed .bottom-header-box > .gnb-srch-box .g-srch-wrap > a{background-image: url(/_res/songeui/ko/img/common/sub_header_srch_ico-m.png);} .fixed .bottom-header-box > .gnb-srch-box .g-srch-wrap > a.close{background: url(/_res/songeui/ko/img/common/search_pop_close-m.png) no-repeat 50% 50% / 17px;} } @media screen and (max-width:480px){ .bottom-header-box .logo{width:calc(100% - 90px);} .main-content-box .main-mini-box .main-title{padding:0 0 15px;font-size:20px;line-height:30px;word-break:keep-all;} } /*========================== 메인비주얼 =====================================*/ .main-visual-outer{height:100svh;max-height:1300px;position:relative;} .main-visual-outer > div{position:absolute;width:calc(100% + 1px);height:100%;left:-1px;} .main-video-outer{z-index:1;} .main-video-outer .main-video-box{overflow:hidden;} .main-video-outer .main-video-box, .main-viswp-outer .main-viswp-box{ position: relative;height:100%;} /* .main-video-box img{width:100%;height:100%;object-fit: cover;} .main-video-box video{width:100%;height:100%;object-fit: cover;} */ .main-video-box .fr-video{position:relative; width:100%;height:100%;} .main-video-box .fr-video .youtube-wrap{position:absolute; left:0;top:50%;transform:translate(-50%, -50%);width:100%;height:100%;} .main-video-box .fr-video > img{width:100%;height:100%;object-fit:cover;} .main-video-box .video_dim{display:block; width:100%;height:100%;background:rgba(0,0,0,0.1);position:absolute;top:0;left:0;} .main-video-box .typo{font-family: 'Roboto', sans-serif;font-size:30px;letter-spacing: 0.6em; color:#fff;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:1600px;text-align:center;z-index:1;} .main-video-box .video-control{display:flex;position:absolute;left:50%;bottom:50px;transform:translateX(-50%);/*width:185px;*/} .main-video-box .video-control li a{height:45px;background-color:rgba(0,0,0,0.3);padding:0 20px;border-radius:50px;background-repeat: no-repeat;background-position: 50% 50%;} .main-video-box .video-control li a span{color:#fff;display:inline-block;line-height: 45px;} .main-video-box .video-control li .btn-video-pause{width:45px;background-image: url(/_res/songeui/ko/img/main/main_video_pause.png);margin-right:15px;} .main-video-box .video-control li .btn-video-play{display:none;width:45px;background-image: url(/_res/songeui/ko/img/main/main_video_play.png);margin-right:15px;} .main-video-box .video-control li .btn-video-close span{padding-right:20px;white-space:nowrap; background:url(/_res/songeui/ko/img/main/main_video_close.png) no-repeat 100% 50%;} .main-viswp-outer{z-index:0;display:none;} .main-viswp-box .main-vi-swiper{height:100%;} .main-viswp-box .swiper-slide > a{display:block;height:100%;} .main-viswp-box .swiper-slide .vi-img-box {height: 100%;} .main-viswp-box .swiper-slide .vi-img-box > img {width: 100%;height: 100%;object-fit: cover;} .main-viswp-box .swiper-slide .vi-img-box > img.vi-img-pc{display:block;} .main-viswp-box .swiper-slide .vi-img-box > img.vi-img-tablet{display:none;} .main-viswp-box .swiper-slide .vi-img-box > img.vi-img-mobile{display:none;} .main-viswp-box .swiper-slide .vi-con-box {position: absolute;top: 50%;left: 50%;width: 100%;max-width: 1300px;box-sizing: border-box;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);} .main-viswp-box .swiper-slide .vi-txt-box {padding: 0 0 66px 0; text-align:center;} .main-viswp-box .swiper-slide .vi-txt-box > p {color: #fff;} .main-viswp-box .swiper-slide .vi-txt-box .subtit {font-size:16px;color: #fff;margin: 0 0 20px 0;display:block;letter-spacing: 0px;} .main-viswp-box .swiper-slide .vi-txt-box .txt {padding: 0 0 20px 0;font-weight: 400;font-size: 52px;} .main-viswp-box .swiper-slide .vi-txt-box .txt span {font-weight:800;} .main-viswp-box .swiper-slide .vi-txt-box > span{font-size:20px;color:#fff;} .main-viswp-box .swiper-slide .vtb02 {padding: 0 0 0 0; text-align:left; /* margin-left:-180px;*/ } .main-viswp-box .swiper-slide .vtb02 > p {color: #fff;} .main-viswp-box .swiper-slide .vtb02 .subtit {font-size:28px;color: #fff;margin: 0 0 20px 0;display:block;letter-spacing: 2px; font-weight:400;} .main-viswp-box .swiper-slide .vtb02 .txt {padding: 0 0 40px 0;font-weight: 400;font-size: 65px;} .main-viswp-box .swiper-slide .vtb02 .txt span {font-weight:800; line-height:1.3;} .main-viswp-box .swiper-slide .vtb02 > span{font-size:18px;color:#fff; font-weight:500; letter-spacing:6px;} .main-viswp-box .control-wrap {display:flex;align-items:center;justify-content:center; position: absolute;bottom: 143px;left: 50%;z-index: 10;width: 100%;max-width: 1600px;font-size: 0;transform: translateX(-50%);-ms-transform: translateX(-50%);text-align:center;} .main-viswp-box .control-wrap .main-vi-num {display: inline-block;vertical-align: middle;} .main-viswp-box .control-wrap .main-vi-num span {display: inline-block;font-weight: 600;font-size: 15px;color: #fff;line-height: 1;vertical-align: middle;} .main-viswp-box .control-wrap .main-vi-num .main-vi-pagination {display: inline-block;position: relative;margin: 0 25px;width: 140px;height: 2px;background-color: #fff;} .main-viswp-box .control-wrap > button {display: inline-block;width: 10px;height: 18px;} .main-viswp-box .control-wrap .main-vi-prev {margin: 0 0 0 29px;background: url(/_res/songeui/ko/img/main/main_visual_swp_prev.png) no-repeat 0 0/100%;} .main-viswp-box .control-wrap .main-vi-next {margin: 0 0 0 25px; background: url(/_res/songeui/ko/img/main/main_visual_swp_next.png) no-repeat 0 0/100%;} .main-viswp-box .control-wrap .main-vi-autoplay {display: inline-block;padding: 0 0 0 23px;line-height: 1;} .main-viswp-box .control-wrap .main-vi-autoplay > button {width: 10px;height: 14px;} .main-viswp-box .control-wrap .main-vi-autoplay > button.start {background: url(/_res/songeui/_share/img/temp-a-main/bg-main-vi-start.png) no-repeat 0 0/100%;} .main-viswp-box .control-wrap .main-vi-autoplay > button.pause {background: url(/_res/songeui/ko/img/main/main_visual_swp_pause.png) no-repeat 0 0/100%;} .main-viswp-box .control-wrap .main-vi-autoplay.pause > button.start, .main-viswp-box .control-wrap .main-vi-autoplay.start > button.pause {display: none;} @media screen and (max-width: 1440px) { .main-viswp-box .swiper-slide .vtb02 .subtit{font-size:22px;} .main-viswp-box .swiper-slide .vtb02 .txt{font-size:52px;} .main-viswp-box .swiper-slide .vtb02 > span{font-size:14px;} } @media screen and (max-width: 1024px) { .main-viswp-box .swiper-slide .vtb02{text-align:center;} .main-viswp-box .swiper-slide .vtb02 > span {font-size:13px;} } @media screen and (max-width: 1024px) { .main-viswp-box .swiper-slide .vi-txt-box > span {font-size:12px;} } @media screen and (max-width: 450px) { .main-viswp-box .swiper-slide .vi-txt-box .txt{font-size:28px !important;} .main-viswp-box .swiper-slide .vi-txt-box > span{font-size:11px; letter-spacing:4px;} } @media screen and (max-width: 374px) { .main-viswp-box .swiper-slide .vi-txt-box .subtit{letter-spacing:1px;} .main-viswp-box .swiper-slide .vi-txt-box .txt{font-size:25px;} .main-viswp-box .swiper-slide .vi-txt-box > span{letter-spacing:2px;} } /*content1 - box1 (hdlPhoto)*/ .main-content-wrap04 .main-mini-box01{} .main-mini-box01 .section_title{font-size:28px;color:#00103a;font-weight:700;margin-bottom:30px; /*display:flex;*/ justify-content:space-between;} .main-content-wrap04 .line {border-top: 1px solid #dce3e7;border-bottom: 1px solid #dce3e7;padding:0 20px;} .main-content-wrap04 .line .swiper-slide {padding:35px 0;} .main-hdlPhoto-swiper .swiper-slide a p{/*font-size:22px;color:#111;font-weight:700;margin-top:25px; */} .main-hdlPhoto-swiper .swiper-slide a p span.b-cate{display:inline-block;margin:-2px 10px 0 0;padding:6px 10px;border-radius:24px;background-color:#edf0f5;font-weight:700;font-size:12px;color:#4f6f85;line-height:1;vertical-align:middle;} .main-hdlPhoto-swiper .swiper-slide a div:not(.img-wrap){font-size:16px;color:#555;margin-top:14px;} .main-hdlPhoto-swiper .swiper-slide .mini-date{display:inline-block;margin-top:20px; font-size:14px;color:#666;font-weight:500;} .main-hdlPhoto-swiper .swiper-slide .img-wrap{overflow:hidden;width:100%;height:312px;} .main-hdlPhoto-swiper .swiper-slide .img-wrap img{width:100%;height:100%;border-radius:3px;} .main-hdlPhoto-box{position:relative;} .inner-box.full .main-hdlPhoto-box {max-width:1600px;margin:0 auto;} /* 위쪽 선 */ .hdb05::before {content: "";position: absolute;top: 0;left: 50%; width: 100vw; height: 1px; background-color: #dce3e7;transform: translateX(-50%);} /* 아래쪽 선 */ .hdb05::after {content: "";position: absolute; bottom: 0;left: 50%;width: 100vw; height: 1px;background-color: #dce3e7;transform: translateX(-50%);} .main-hdlPhoto-box a{display:block} .main-content-wrap04 .main-hdlPhoto-box a:after {content:''; position: absolute; right: -28px; top: -35px; width: 1px; height: 120%; background: #dce3e7;} .main-hdlPhoto-box .control-wrap > div{position:absolute;top:50%;width:76px;height:76px;border:1px solid #e5e9ef;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;z-index: 1;cursor: pointer;transform:translateY(-50%);} .main-hdlPhoto-box .main-hdlPhoto-prev{left:-90px;background-image: url(/_res/songeui/ko/img/main/main_headlineswp_prev02.png);} .main-hdlPhoto-box .main-hdlPhoto-next{right:-90px;background-image: url(/_res/songeui/ko/img/main/main_headlineswp_next02.png);} .main-hdlPhoto-box .control-wrap .main-hdlPhoto-pagination{display:none;} .hd02{border-bottom:0px; border-top:0px;} .social li {position: relative;display: inline-block; padding: 40px 0 60px 0; } .social li:after {content: '';position: absolute;top: 0;right: -25px;height: 100%; border-right: 1px solid #dce3e7;} .social li:last-child:after {display: none;} .minister{display:grid;gap:40px;grid-template-columns: repeat(3, 1fr);} @media screen and (max-width:1800px){ .main-hdlPhoto-box .main-hdlPhoto-prev{left:-38px;} .main-hdlPhoto-box .main-hdlPhoto-next{right:-38px;} } @media screen and (max-width:1700px){ .main-hdlPhoto-box .main-hdlPhoto-prev{left:-12px;} .main-hdlPhoto-box .main-hdlPhoto-next{right:-12px;} } @media screen and (max-width: 1600px) { .main-viswp-box .swiper-slide .vi-con-box{padding:0 20px;} .main-viswp-box .control-wrap{padding:0 20px;} .main-viswp-box .control-wrap{bottom:100px;} } @media screen and (max-width: 1440px) { .main-video-box .video-control{bottom:20px;} .main-video-box .typo{top:57%;font-size:24px;letter-spacing:0.5em;font-weight:100;} .main-viswp-box .control-wrap{bottom:40px;} .main-hdlPhoto-swiper .swiper-slide .img-wrap{height:240px;} } @media screen and (max-width:1280px){ .main-viswp-box .swiper-slide .vi-img-box > img.vi-img-pc{display:none;} .main-viswp-box .swiper-slide .vi-img-box > img.vi-img-tablet{display:block;} } @media screen and (max-width: 1024px) { .main-visual-outer {max-height: 700px;} .main-video-box .typo{font-size:20px;letter-spacing: 0.1em;line-height:1.5;padding:0 30px;top:50%;font-weight:300;} .main-viswp-box .swiper-slide .vi-img-box > img.vi-img-tablet{display:none;} .main-viswp-box .swiper-slide .vi-img-box > img.vi-img-mobile{display:block;} .main-viswp-box .swiper-slide .vi-txt-box .subtit {font-size:20px;color: #fff;margin: 0 0 20px 0;display:block;letter-spacing: 2px;} .main-viswp-box .swiper-slide .vi-txt-box .txt {display:block; font-size:44px;} .main-viswp-box .swiper-slide .vi-txt-box .title {font-size: 40px;line-height: 96px;text-underline-offset: 18px;} .minister{display:block; justify-content:space-between;} .minister li{width:100%; margin-right:0px !important; margin-bottom:30px;} /* .minister li .img-wrap{height:315px;}*/ .minister li .img-wrap img{width:100%; height:100%; object-fit:cover;} .main-content-wrap04 .line {border:none;} .main-content-wrap04 .line .swiper-slide {padding:0} .main-content-wrap04 .main-hdlPhoto-box a:after {display:none;} .main-hdlPhoto-swiper .swiper-slide .img-wrap {height:225px;} .main-hdlPhoto-box .control-wrap{width:133px;margin:30px auto 0;padding-top:20px;display:flex;justify-content: space-between;} .main-hdlPhoto-box .control-wrap > div{position:static;width:40px;height:40px;line-height:40px;} .main-hdlPhoto-box .main-hdlPhoto-prev{background-image: url(/_res/songeui/ko/img/common/main_headlineswp_prev-m.png); background-size:7px;} .main-hdlPhoto-box .main-hdlPhoto-next{background-image: url(/_res/songeui/ko/img/common/main_headlineswp_next-m.png); background-size:7px;} .main-hdlPhoto-box .control-wrap .main-hdlPhoto-pagination{display:block; text-align: center;border:0;font-size:16px;color:#0c2e86;} .social li {position: relative;display: inline-block; padding: 40px 0 0 0; } } @media screen and (max-width: 768px) { .main-top-banner-box .control-wrap .main-banner-next, .main-top-banner-box .control-wrap .main-banner-prev{background-size:9px;} /* .main-viswp-box .swiper-slide .vi-img-box {height:375px;} */ /*.main-visual-outer {height: calc(100dvh - 50px);}*/ .main-viswp-box .swiper-slide .vi-con-box {padding: 0 20px; text-align: center;} .main-viswp-box .swiper-slide .vi-txt-box {padding: 0 0 0 0;} .main-viswp-box .swiper-slide .vi-txt-box .txt {display:block; font-size:35px;line-height:1.3; padding: 0 0 20px 0;} .main-viswp-box .swiper-slide .vi-txt-box .title {font-size: 30px;line-height: 56px;text-underline-offset: 12px;} .main-viswp-box .swiper-slide .vi-txt-box .title br {display: block;} .main-viswp-box .swiper-slide .vi-txt-box .subtit {font-size:13px;color: #fff;margin: 0 0 20px 0;display:block;letter-spacing: 2px;} .main-viswp-box .swiper-slide .vi-info-box > div {margin: 0 20px 0 0;min-width: auto;max-width: 100%;} .main-viswp-box .swiper-slide .vi-info-box > div:before {width: 34px;height: 34px;background-size: 14px !important;} .main-viswp-box .swiper-slide .vi-info-box > div > ul {padding: 0 0 0 9px;max-width: calc(100% - 34px);} .main-viswp-box .swiper-slide .vi-info-box > div > ul > li {font-size: 12px;line-height: 20px;} .main-viswp-box .control-wrap {bottom: 30px;} .main-viswp-box .control-wrap .main-vi-num span {font-size: 12px;} .main-viswp-box .control-wrap .main-vi-num .main-vi-pagination {margin: 0 15px;} .main-viswp-box .control-wrap > button {display: none;} .main-viswp-box .control-wrap .main-vi-autoplay {padding: 0 0 0 20px;} .main-viswp-box .control-wrap .main-vi-autoplay > button {width: 8px;height: 11px;} .main-hdlPhoto-swiper .swiper-slide a p{font-size:20px;color:#111;font-weight:700;margin-top:25px;} } @media screen and (max-width: 360px) { .main-viswp-box .swiper-slide .vi-txt-box {padding:0 0 25px 0;} .main-viswp-box .swiper-slide .vi-info-box > div {display: block;margin: 0 0 5px 0;} } /*==================================== content-wrap 공통 ================================*/ .inner-box{width:100%;padding:0 20px;max-width:1640px;} .inner-box.full {max-width:none;padding:0;} .main-content-box{padding-top:85px;} .mcbtot{padding-top:65px;} .conp{padding:132px 0 0 0;} .conp03{padding:110px 0 0 0;} .mini-tab-box > .tab-cont-wrap .tab-cont{display:none;} .mini-tab-box > .tab-cont-wrap .tab-cont.active{display:block;} .main-mini-box + .main-mini-box{margin-top:80px;} .btn-v-more{width:165px;font-weight:600;border-radius:50px;color:#fff;background:#b37441 url(/_res/songeui/ko/img/main/main_view-more_bg.png) no-repeat 0 0;padding:17px 0;text-align:center; display:block; margin: 0 auto;} .btn-v-more span{padding-right:26px;background:url(/_res/songeui/ko/img/main/btn-v-more_arr.png) no-repeat 100% 50%;} @media screen and (max-width: 1600px) { } @media screen and (max-width: 1024px) { .main-mini-box + .main-mini-box{margin-top:50px;} .inner-box{padding: 0 10px;} } /*================== CUK Headlines =========================*/ /*common*/ .main-content-box01{position:relative;} .main-content-box01::before{content:'';display:none;width:100%;height:578px;position:absolute;top:0;left:0;background:url(/_res/songeui/ko/img/main/main_news_bg.png) no-repeat 0 0 / cover;z-index:-1;} /*content1 - box01 (포토뉴스)*/ .main-content-box01 .main-mini-box01 .inner-box{text-align:center;} .main-content-box01 .section_title{color:#0c2e86;padding-bottom:35px;} .main-mini-box01 .section_title{color:#0c2e86;padding-top:110px; font-size:75px; font-weight:100; text-align:center;font-family: 'Montserrat', sans-serif;} .main-content-box01 .section_title span{color:#fff;border-bottom-color:#fff !important;} .main-content-box01 .main-hdlPhoto-outer{max-width:1600px;margin:0 auto; padding-bottom:50px;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide a p{font-size:22px;color:#2c2823;font-weight:700;margin-top:25px;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide a p span.b-cate{display:inline-block;margin:-2px 10px 0 0;padding:6px 10px;border-radius:24px;background-color:#fde7e1;font-weight:700;font-size:12px;color:#c95a39;line-height:1;vertical-align:middle;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide a div:not(.img-wrap){font-size:16px;color:#60513a;margin-top:10px;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide .mini-date{display:inline-block;margin-top:10px; font-size:14px;color:#030303; text-decoration-line: underline;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide .img-wrap{overflow:hidden;width:100%;height:312px;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide .img-wrap img{width:100%;height:100%; object-fit: cover;border-radius:3px;} .main-content-box01 .main-hdlPhoto-box a .ell2{ /*height:4.8em; */} .main-content-box01 .main-hdlPhoto-box a{display:block;text-align:left;} .main-content-box01 .main-hdlPhoto-box .ell {white-space: normal;word-break: break-all;-webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 2;} .main-content-box01 .main-hdlPhoto-box .control-wrap > div{position:absolute;top:50%;width:76px;height:76px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;z-index: 1;cursor:pointer;transform:translateY(-50%);} .main-content-box01 .main-hdlPhoto-box .main-hdlPhoto-prev{left:-90px;background-image: url(/_res/songeui/ko/img/main/main_headlineswp_prev.png);} .main-content-box01 .main-hdlPhoto-box .main-hdlPhoto-next{right:-90px;background-image: url(/_res/songeui/ko/img/main/main_headlineswp_next.png);} .main-content-box01 .main-hdlPhoto-box .control-wrap .main-hdlPhoto-pagination{display:none;} .research {position: relative;background:url(/_res/songeui/ko/img/main/research_bg.png); background-size:cover; color: #fff;overflow: hidden; } .slide-inner {display: flex;align-items: center;} .slide-left{flex:1;min-width:50%; height:560px; overflow:hidden;position:relative;align-self: stretch;} .slide-left img {width:100%; height: 100%;object-fit:cover;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);} .slide-right {flex:1;overflow:hidden;padding:3.5vw 6vw;opacity: 0;transform: translateY(30px);transition: all 0.6s ease;} .slide-right.animate {opacity: 1;transform: translateY(0);} .sub-title {font-size: 18px;color: #fff; font-weight:600;} .sub-title::after { content: '';display: inline-block;margin: -4px 0 0 6px;width: 8px; height: 14px; background: url(/_res/songeui/ko/img/main/rearch_btn.png) no-repeat 0 0 / 100%; vertical-align: middle;} .title {font-size: 36px;font-weight:700;margin: 58px 0 19px 0; line-height:1.4;} .desc {font-size: 18px;margin-bottom: 25px; color:#b2c4dc; line-height:1.8; font-weight:500; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .date {font-size: 14px;color: #97a2b9; font-weight:300;} .swiper-button-next,.swiper-button-prev {color: #00bcd4;} .swiper-button-next::after, .swiper-button-prev::after, .swiper-button-next::before, .swiper-button-prev::before {display: none !important;content: none !important;} .swiper-button-next, .swiper-button-prev {background: none !important;width: auto;height: auto;padding: 0;margin-top: -33px;z-index: 10; } .sw01n img,.sw01p img {width: 66px; height: auto;} .sw01p{width:66px !important; height:65px !important; left: 65px !important;} .sw01n{width:66px !important; height:65px !important; right: 65px !important; } .swiper-navigation-icon{display:none;} /* content1 - box2 (link-wrap)*/ .main-content-box01 .main-mini-box02{} .main-content-box01 .main-mini-box02 .view-more span{color:#fff;} .main-content-box01 .main-mini-box02 .view-more span::before{background-color:#fff;} .main-content-box01 .main-mini-box02 .view-more span::after{background-image: url(/_res/songeui/ko/img/main/main_visual_swp_morearr.png);} .main-content-box01 .main-link-box{display:flex;justify-content:space-between;flex-wrap:wrap;} .main-content-box01 .main-link-box .section_title{background:#fff; font-size:28px;line-height:36px;color:#000;font-weight:800;min-width:164px;margin:20px 0;position:relative;} .main-content-box01 .main-link-box .section_title > span{color:#b38541;} .main-content-box01 .main-link-box .section_title::after{content:'';display:block;width:65px;height:1px;background:#e5e5e5;position:absolute;right:-85px;top:50%;z-index:-1;} .main-content-box01 .main-link-box > ul{background:#fff; display:flex;justify-content: center;flex-wrap:wrap;z-index:0;} .main-link-box > ul li{margin:20px 60px;} /*.main-link-box > ul li + li{margin-left:28px;}*/ .main-link-box > ul li a{text-align: center;font-size:0;text-indent: -9999em;transition:all 0.2s ease-out;} .main-link-box > ul li a:hover{margin-top:-10px;} .main-link-box > ul li a p{width:146px;height:146px;background-color:#f6f6f6;border-radius:50%;margin-bottom:20px;background-repeat:no-repeat;background-position:50% 50%;} .main-link-box > ul li a span{display: inline-block;position: relative;padding: 0 0 8px;font-size: 18px;font-weight: 700;color: #4f4332;line-height: 1;vertical-align: middle;} .main-link-box > ul li a span::before {content: '';position: absolute;bottom: 0;left: 50%;width: 100%;height: 2px;background-color: #4f4332;transform: translateX(-50%);} .main-link-box > ul li a span::after {content: '';display: inline-block;margin: -2px 0 0 7px;width: 6px;height: 12px;background: url(/_res/songeui/ko/img/main/main_view-more_arr.png) no-repeat 0 0 / 100%;vertical-align: middle;} .main-link-box > ul .link01 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico01.png);} .main-link-box > ul .link02 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico02.png);} .main-link-box > ul .link03 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico03.png);} .main-link-box > ul .link04 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico04.png);} .main-link-box > ul .link05 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico05.png);} .main-link-box > ul .link06 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico06.png);} .main-link-box > ul .link07 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico07.png);} .main-link-box > ul .link08 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico08.png);} @media screen and (max-width:1800px){ .main-content-box01 .main-hdlPhoto-box .main-hdlPhoto-prev{left:-38px;} .main-content-box01 .main-hdlPhoto-box .main-hdlPhoto-next{right:-38px;} } @media screen and (max-width:1700px){ .main-content-box01 .main-hdlPhoto-box .main-hdlPhoto-prev{left:-12px;} .main-content-box01 .main-hdlPhoto-box .main-hdlPhoto-next{right:-12px;} } @media screen and (max-width:1600px){ .main-content-box01 .main-link-box{display:block;} .main-content-box01 .main-link-box .section_title{display:none;} .main-link-box > ul li{flex:1;margin:20px 0;} .main-link-box > ul li a{display:block;} .main-link-box > ul li a p{margin:0 auto 20px;} } @media screen and (max-width:1520px){ .title {font-size: 22px;font-weight:600;margin: 20px 0 20px 0;} .desc {font-size: 15px;margin-bottom: 20px; color:#b2c4dc; line-height:1.5} .desc br{display:none;} .sub-title {font-size: 15px;color: #fff;} .date {font-size: 14px;color: #97a2b9; font-weight:300;} .slide-inner {display: flex;align-items: center;gap: 30px;padding: 0 0px;} } @media screen and (max-width:1400px){ /* .main-link-box > ul li{width:25%;margin:20px 0;} .main-link-box > ul li a{width:100%;} .main-link-box > ul li a p{margin-left:auto;margin-right:auto;} */ .main-link-box > ul li a p{width:9.5vw;height:9.5vw; margin-left:auto;margin-right:auto;background-size:50%;} .main-link-box > ul li a span{font-size:16px;} } @media screen and (max-width:1024px){ .main-content-box01::before{height:5px;background:#f3f3f3;} .main-content-box01 .section_title{padding-bottom:30px;} .main-content-box01 .section_title{color:#0c2e86;} .main-content-box01 .section_title span{color:#b37441;border-color:#c79d80;} .main-content-box01 .main-mini-box01{padding-top:0px;border:0; /*background:#f3f3f3 url(/_res/songeui/ko/img/main/main_news_bg-m.png) no-repeat 50% -10% / 80%; */ } .main-content-box01 .main-mini-box01 .section_title{font-size:24px;} .main-content-box01 .main-mini-box01 .btn-v-more{display:none;} .main-content-box01 .main-hdlPhoto-outer{padding-bottom:0;} .main-content-box01 .main-hdlPhoto-box .control-wrap{width:133px;margin:20px auto 0;padding-top:20px;display:flex;justify-content: space-between;} .main-content-box01 .main-hdlPhoto-swiper{padding-bottom:24px;} .main-content-box01 .main-hdlPhoto-swiper::before{content:'';display:block;position:absolute;width:100%;height:1px;background:#e7e7e7;left:0;bottom:0;} .main-content-box01 .main-hdlPhoto-box .control-wrap > div{position:static;width:40px;height:40px;line-height:40px;} .main-content-box01 .main-hdlPhoto-box .main-hdlPhoto-prev{background-color:#fff; background-image: url(/_res/songeui/ko/img/main/main_headlineswp_prev-m.png); background-size:7px;} .main-content-box01 .main-hdlPhoto-box .main-hdlPhoto-next{background-color:#fff; background-image: url(/_res/songeui/ko/img/main/main_headlineswp_next-m.png); background-size:7px;} .main-content-box01 .main-hdlPhoto-box .control-wrap .main-hdlPhoto-pagination{display:block; text-align: center;border:0;font-size:16px;color:#60513a;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide a p{font-size:20px;margin-top:24px;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide a div{font-size:14px;margin-top:15px;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide a p span.b-cate{font-size:10px;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide .mini-date{font-size:14px;margin-top:15px;text-decoration-line:none;color:#666;} .main-content-box01 .main-hdlPhoto-swiper .swiper-slide .img-wrap{height:225px;margin-top:0;} .main-content-box{padding-top:45px;} .main-content-box01 .main-mini-box02{margin-top:30px;} .main-content-box01 .main-mini-box02 .view-more span{margin-bottom:7px;} .main-content-box01 .main-link-outer{padding-bottom:70px;} .main-content-box01 .main-link-box > ul{flex-wrap:wrap;justify-content:left;} /*.main-link-box > ul li{width:25%;text-align: center;margin:25px 0;}*/ .main-content-box01 .main-link-box .section_title{font-size:20px;min-width:125px;line-height:28px;} .main-content-box01 .main-link-box .section_title::after{left:calc(100% + 15px);} .main-content-box01 .main-hdlPhoto-outer{padding:0 0px;padding-bottom:0px;} /*.main-link-box > ul li{margin:10px;}*/ /*.main-link-box > ul li + li{margin-left:0;}*/ /*.main-link-box > ul li{width:25%;margin:20px 0;}*/ /*.main-link-box > ul li a{width:100%;}*/ /*.main-link-box > ul li a p{width:15vw;height:15vw;}*/ .main-link-box > ul .link01 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico01-m.png);} .main-link-box > ul .link02 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico02-m.png);} .main-link-box > ul .link03 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico03-m.png);} .main-link-box > ul .link04 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico04-m.png);} .main-link-box > ul .link05 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico05-m.png);} .main-link-box > ul .link06 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico06-m.png);} .main-link-box > ul .link07 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico07-m.png);} .main-link-box > ul .link08 a p{background-image: url(/_res/songeui/ko/img/main/main_link_ico08-m.png);} .slide-inner {display:block;} .slide-left {padding-top:35%;} .slide-right {padding:30px 20px;} .research {position: relative;background:url(/_res/songeui/ko/img/main/research_bg.png);color: #fff;overflow: hidden; background-size:cover;} .sw01n img,.sw01p img {width: 66px; height: auto;} .sw01p{width:66px !important; height:65px !important; top:250px; left: 35px !important;} .sw01n{width:66px !important; height:65px !important; top:250px; right: 35px !important; } /* .social li{margin-right:0px !important;}*/ } @media screen and (max-width:768px){ .main-link-box > ul li{width:33.3%;margin:10px 0;flex:none;} .main-link-box > ul li a p{width:73px;height:73px;background-size:35px;} .main-link-box > ul li a span{font-size:14px;padding-bottom:0;} .main-link-box > ul li a span::before{display:none;} .main-content-box01 .main-mini-box02{margin-top:25px;} .main-content-box01 .main-mini-box02 .inner-box{padding:0;} .sw01p{width:66px !important; height:65px !important; top:250px; left: 35px !important; display:none;} .sw01n{width:66px !important; height:65px !important; top:250px; right: 35px !important; display:none; } .title {font-size: 18px;font-weight:600;margin: 20px 0 20px 0; line-height:1.5;} .desc {font-size: 14px;margin-bottom: 20px; color:#b2c4dc; line-height:1.5} .desc br{display:none;} .sub-title {font-size: 14px;color: #fff;} .date {font-size: 13px;color: #97a2b9; font-weight:300;} .main-mini-box01 .section_title{color:#0c2e86;padding-top:80px; font-size:40px; font-weight:100; text-align:center;font-family: 'Montserrat', sans-serif;} } @media screen and (max-width:430px){ .main-mini-box01 .section_title{color:#0c2e86;padding-top:80px; font-size:30px; font-weight:100; text-align:center;font-family: 'Montserrat', sans-serif;} } @media screen and (max-width:390px){ .main-content-box01 .main-mini-box02{margin-top:0;} .main-content-box01 .main-link-outer{padding-bottom:20px;} .main-link-box {padding:20px 10px} .main-link-box > ul li a span{font-size:14px;} .main-link-box > ul li a p {margin-bottom:15px;} } /*================== content2 (reserch & people) =========================*/ .main-research-box{position:relative;cursor:grab;} /* .main-research-box .cursor-img{width:119px;height:123px;background:url(/_res/songeui/ko/img/main/main_cursor.png) no-repeat 0 0;position:absolute;top:calc(100% - 200px);left:calc(50vw + 530px);z-index:10;}*/ .main-research-box .cursor-img{position: absolute; top:0; left:0; transform:translate(calc(50vw + 555px), 400px); width: 119px; height: 123px; background:url(/_res/songeui/ko/img/main/main_cursor.png) no-repeat 0 0; border-radius: 50%; transition: transform 200ms ease-out; pointer-events: none; z-index: 9999;} .main-research-box.on{position:static;} .main-research-swiper .swiper-slide{width:1220px; display:flex; padding:40px;border-radius:2px;background-color:#e7f0f9;background-image: url(/_res/songeui/ko/img/main/main_research_slide_bg.png); background-repeat:no-repeat;background-position:100% -6px;} .main-research-swiper .swiper-slide .img-wrap{width:660px;height:445px;overflow: hidden;} .main-research-swiper .swiper-slide .img-wrap img{width:100%;height:100%;object-fit: cover;border-radius: 3px;} .main-research-swiper .swiper-slide .not-label{color:#fff;width:auto;padding:7px 25px 7px 15px;background:#0c2e86 url(/_res/songeui/ko/img/main/not-label_arr.png) no-repeat calc(100% - 10px) 50%;} .main-research-swiper .swiper-slide .cont-wrap{padding:50px 0 30px 45px; width:calc(100% - 660px);} .main-research-swiper .swiper-slide .cont-wrap > p{font-size:26px;color:#000;font-weight:700;line-height: 1.3;height:2.6em;margin-top:20px;} .main-research-swiper .swiper-slide .cont-wrap > div{line-height:1.6;height:6.4em;margin-top:20px;font-size:18px;color:#666;font-weight:400;display:block;} .main-research-swiper .swiper-slide .cont-wrap .mini-date{margin-top:10px;font-size:14px;font-weight:300;color:#898989;display:block;} .main-research-swiper .swiper-slide .cont-wrap .view-more{margin-top:25px;} .main-research-swiper .swiper-slide .cont-wrap .view-more span{padding:0 0 5px;} .main-research-swiper .swiper-slide .cont-wrap .view-more span::after{display:none;} .main-research-box .control-wrap{display:none;} @media screen and (max-width:1440px){ .main-research-box .cursor-img{transform:translate(calc(50vw + 475px), 400px);} } @media screen and (max-width:1220px){ .main-research-box .cursor-img{display:none;} } @media screen and (max-width:1024px){ .main-research-box.on{position:relative;} .main-research-swiper .swiper-slide{padding:40px 20px;width:auto;flex-direction: column;} .main-research-swiper .swiper-slide .img-wrap{width:100%;height:220px;} .main-research-swiper .swiper-slide .cont-wrap{width:100%;padding:0;padding-bottom:70px;position:relative;} .main-research-swiper .swiper-slide .cont-wrap::after{content:'';display:block;width:100%;height:1px;position:absolute;bottom:38px;background:#dbe4ec;} .main-research-swiper .swiper-slide .not-label{display:none;} .main-research-swiper .swiper-slide .cont-wrap > p{font-size:20px;} .main-research-swiper .swiper-slide .cont-wrap > div{font-size:16px;line-height:1.3;height:2.6em;-webkit-line-clamp:2;margin-top:10px;} .main-research-swiper .swiper-slide .cont-wrap .mini-date{font-size:12px;margin-top:12px;} .main-research-swiper .swiper-slide .cont-wrap .view-more{display:none;} .main-research-box .control-wrap{width:135px;display:flex;justify-content: space-between;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index: 1;} .main-research-box .control-wrap > div{width:40px;height:40px;background-color:#fff;border-radius:50%;background-repeat: no-repeat;background-position:50% 50%;} .main-research-box .control-wrap .main-research-prev{background-image: url(/_res/songeui/ko/img/main/main_headlineswp_prev-m.png);background-size:7px;} .main-research-box .control-wrap .main-research-next{background-image: url(/_res/songeui/ko/img/main/main_headlineswp_next-m.png);background-size:7px;} .main-research-box .control-wrap .main-research-pagination{width:auto;text-align: center;font-size:16px;color:#0c2e86;line-height: 40px;background:none;border-radius:0;} } /* ==================== content3 ===================== */ /* common */ .main-content-box03 .main-link-title{padding:0 0 15px;font-size:18px;font-weight:800;color:#000;line-height:28px;} /* ----------------- content3 - box1(notice & event) -------------- */ /*common*/ .main-content-box03 .main-mini-box01{position:relative;border-top:0px solid #dce3e7;border-bottom:0px solid #dce3e7;} .main-content-box03 .main-mini-box01 .view-more{display:flex;justify-content:flex-end;} .main-content-box03 .main-mini-box01 .control-wrap{padding-top:30px;} .main-content-box03 .main-mini-box01 > div{display:flex; align-items:center; gap:95px;} .main-content-box03 .main-mini-box01 .main-title{padding-bottom:10px;} .main-content-box03 .main-mini-box01 .main-title .sel-wrap{margin-left:16px;} .main-content-box03 .main-mini-box01 .main-title + div{position:relative;/* z-index:10; */} .main-content-box03 .main-mini-box01 .mini-inner-box{position:relative;} .main-content-box03 .main-mini-box01 .mini-inner-box + .mini-inner-box{height:620px; border-left:1px solid #dce3e7;} .main-content-box03 .main-mini-box01 .mini-tab-box::after{content:'';display:block;clear:both;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-btn-wrap{position:absolute;top:-47px; right:0;font-size:0;white-space:nowrap;/*overflow-x:auto;*/} .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-btn-wrap > li{display:inline-block;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-btn-wrap > li + li{margin-left:5px;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-btn-wrap > li a{padding:10px 8px;transition: all 0.2s;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-btn-wrap > li a span{display:inline-block;padding-bottom:7px;border-bottom:2px solid transparent;transition: all 0.2s;} .main-content-box03 .main-mini-box01 .mini-tab-box .tab-btn{display:block;position:relative;padding:0 0 9px;font-size:16px;font-weight:700;color:#666;line-height:1;} .main-content-box03 .main-mini-box01 .mini-tab-box .tab-cont-wrap > *{width:100%;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-btn-wrap .tab-btn.active{color:#0c2e86;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-btn-wrap .tab-btn.active span{border-color:#0c2e86;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-cont-wrap{height:100%;} .main-content-box03 .main-mini-box01 .mini-tab-box::after{content:'';display:block;clear:both;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tbw_main{position:absolute;top:-47px; right:0;font-size:0;white-space:nowrap;/*overflow-x:auto;*/} .main-content-box03 .main-mini-box01 .mini-tab-box > .tbw_main > li{display:inline-block;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tbw_main > li + li{margin-left:5px;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tbw_main > li a{padding:10px 8px;transition: all 0.2s;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tbw_main > li a span{display:inline-block;padding-bottom:7px;border-bottom:2px solid transparent;transition: all 0.2s;} .main-content-box03 .main-mini-box01 .mini-tab-box .tb_main{display:block;position:relative;padding:0 0 9px;font-size:16px;font-weight:700;color:#666;line-height:1;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tbw_main .tb_main.active{color:#0c2e86;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tbw_main .tb_main.active span{border-color:#0c2e86;} /*공지사항*/ .noticeCate.hide{display:none;} /*접근성 임시*/ .main-content-box03 .main-mini-box01 .mini-inner-box.box1{flex:1;} .main-notice-box .mini-notice-list{min-height: 300px;padding-top:18px;} .main-notice-box .mini-notice-list > li:first-of-type{padding:0;} .main-notice-box .mini-notice-list > li a{display:flex; justify-content:space-between; align-items: center;padding:8px 0; min-width: 0;} .main-notice-box .mini-notice-list > li .announcem{display:flex;} .main-notice-box .mini-notice-list > li a > .announcem p{font-size:18px;color:#333; /*width:calc(100% - 300px); */ width:405px; margin-right:10px; } .main-notice-box .mini-notice-list > li a > .announcem p.ell {display: block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .main-notice-box .mini-notice-list > li .mini-date{width:70px;font-size:14px;font-weight:300;color:#898989; flex-shrink: 0; text-align:end; } .mini-notice-list .not-label{margin-right:15px;flex-shrink:0;} .mini-notice-list .not-img-art{position:relative;padding-left:33px !important;} .mini-notice-list .not-img-label{position:absolute;display: inline-block;padding: 7px 0;left:0;width: 30px;border-radius: 16px;background-color: #f4f2f0;font-size: 0;font-weight: 700;line-height: 1;color: transparent;text-indent:-9999em;overflow:hidden;text-align:center;flex-shrink:0;} .mini-notice-list .not-img-label::before{content: '';display: inline-block;width: 15px;height: 13px;background: url(/_res/songeui/_share/img/board/ico-notice-top.png) no-repeat 0 0 / 100%;vertical-align: middle;} /*학사일정*/ .main-content-box03 .main-mini-box01 .mini-inner-box.box2, .main-content-box03 .main-mini-box01 .mini-inner-box.box3{width:25%;} .main-calendar-outer{position:relative;} .main-calendar-box{position:relative;} .main-calendar-box > .main-calendar-swiper{height:430px;} .main-calendar-box .swiper-slide{width:100%;} .main-calendar-box .swiper-slide + .swiper-slide{border-top:1px solid #e6ebee;} .main-calendar-box .swiper-slide:last-of-type{margin:0;} .main-calendar-box .swiper-slide > a{display:block;} .main-calendar-box .swiper-slide > a:focus-visible{outline-offset:-2px;} .main-calendar-box .not-label{margin:2px 3px 2px 0;} .main-calendar-box .calendar-con-box{padding:30px 0;display:flex;} .main-calendar-box .calendar-con-box .calendar-date{width:82px;height:84px;margin-right:20px; border-radius:34px;background:#f6f6f6; text-align: center;} .main-calendar-box .calendar-con-box .calendar-date .calendar-month{display:block;font-size:14px;font-weight:700;color:#56514a;line-height:1;padding-top:19px;} .main-calendar-box .calendar-con-box .calendar-date .calendar-day{display:block;font-size:32px;font-weight:900;color:#56514a;line-height:1;} .main-calendar-box .calendar-con-box .calendar-date + div{width:calc(100% - 97px);} .main-calendar-box .calendar-con-box .calendar-txt{padding-top:10px; font-size:20px;font-weight:600;color:#111;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .main-calendar-box .calendar-con-box .calendar-period{padding-top:10px;font-size:14px;font-weight:300;color:#898989;line-height:1;} .main-calendar-box .calendar-con-box .calendar-period span{display:inline-block;vertical-align:middle;} .main-calendar-box .control-wrap button{position:relative;margin:0 10px 0 0;width:40px;height:40px;border-radius:50%;background-color:#f4f4f4;cursor:pointer;} .main-calendar-box .control-wrap button:last-of-type{margin:0;} /*.main-calendar-box .control-wrap button.swiper-button-disabled{opacity: 0.5;} : 법근성대응 2025-02-20*/ .main-calendar-box .control-wrap button span{position:absolute;top:50%;left:50%;width:19px;height:10px;transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center;background-size:100%;text-indent:-9999px;} .main-calendar-box .control-wrap .main-calendar-prev span{background-image:url(/_res/songeui/ko/img/main/main_sw_prev1.png);} .main-calendar-box .control-wrap .main-calendar-next span{background-image:url(/_res/songeui/ko/img/main/main_sw_next1.png);} /*이벤트*/ .main-content-box03 .main-mini-box01 .mini-inner-box.box3{padding-right:0;padding-top:25px;} .main-content-box03 .main-event-box .event-box{position:relative; width:100%;height:248px;overflow:hidden;padding:30px;text-align: center;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:3px} .main-content-box03 .main-event-box .event-box > img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-1;} .main-content-box03 .main-event-box .event-box > span{font-size:14px;color:#fff;font-weight:600;display:inline-block;padding:5px 10px;border-radius:30px;background-color:#ae00ff;} .main-content-box03 .main-event-box .event-box > p{font-size:24px;font-weight:850;margin-top:30px;margin-bottom:30px;line-height:1.3;height:3.9em;color:#000;} .main-content-box03 .main-event-box .event-box > a{font-size:14px;font-weight:700;padding-bottom:3px;color:#9461ab;border-bottom:1px solid #9461ab;cursor:pointer;} /*.main-content-box03 .main-event-box .style1{background-image: url(/_res/songeui/ko/img/main/event_bg_style1.jpg);} .main-content-box03 .main-event-box .style1 > span{background-color:#ae00ff;} .main-content-box03 .main-event-box .style1 > p{color:#000;} .main-content-box03 .main-event-box .style1 > a{color:#9461ab;border-bottom:1px solid #9461ab;} .main-content-box03 .main-event-box .style2{background-image: url(/_res/songeui/ko/img/main/event_bg_style2.jpg);} .main-content-box03 .main-event-box .style2 > span{background-color:#b37441;} .main-content-box03 .main-event-box .style2 > p{color:#fff;} .main-content-box03 .main-event-box .style2 > a{color:#fff;border-bottom:1px solid #fff;} */ .main-content-box03 .main-event-box .control-wrap{text-align:center;} .main-content-box03 .main-event-box .swiper-pagination-bullet-active{width:25px;background:#b37441 !important;border-radius:10px;} .main-content-box03 .main-event-box .swiper-pagination-bullet{margin-right:5px;background:#898989;opacity:1;} @media screen and (max-width:1600px){ .main-content-box03 .main-mini-box01 > div {gap:50px;} .main-content-box03 .main-mini-box01 .mini-inner-box.box1, .main-content-box03 .main-mini-box01 .mini-inner-box.box2, .main-content-box03 .main-mini-box01 .mini-inner-box.box3{width:50%;} } @media screen and (max-width:1330px){ .main-content-box03 {padding-top:80px;} .main-content-box03 .main-mini-box01 > div {flex-direction:column;} .main-content-box03 .main-mini-box01 .mini-inner-box.box1 {width:100%;} .main-notice-box .mini-notice-list {min-height:auto;padding-bottom:20px;} .notice-section {gap:18px; width:100%;} .card {padding: 1.5rem; height:175px;} .card:nth-child(2),.card:nth-child(4) {top:0px;} .card p {font-size:22px;font-weight: bold;margin-bottom: 1rem;line-height: 1.5; color:#000;} } @media screen and (max-width:1200px){ .main-content-box03 .main-mini-box01 .mini-inner-box.box3{width:100%;border-left:0;padding-left:0;position:relative;} .main-content-box03 .main-mini-box01 .mini-inner-box.box3::before{content:'';display:block;width:100vw;height:1px;background:#dce3e7;position:absolute;top:0;left:-20px;} .main-content-box03 .main-mini-box01 .mini-inner-box.box3{height:auto;} } @media screen and (max-width:1024px){ /*common*/ .main-content-box03{padding-top:50px;} .main-content-box03 .section_title{display:none;} .main-content-box03 .main-mini-box01{position:relative;width:100%;border:0;} .main-content-box03 .main-mini-box01 .control-wrap{padding-top:20px;} .main-content-box03 .main-link-title{padding:0 0 10px;font-size:15px;line-height:25px;} .main-content-box03 .main-mini-box01 .mini-inner-box + .mini-inner-box{border:0;height:auto;} .main-content-box03 .main-mini-box01 .mini-tab-box .tab-btn{font-size:14px;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-btn-wrap{right:-7px;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-btn-wrap > li a{padding:7px;} /*공지사항­*/ .main-content-box03 .main-mini-box01 .mini-inner-box.box1{border-bottom:5px solid #f3f3f3;padding-bottom:25px;} .main-content-box03 .main-notice-outer .mini-tab-box .mini-board-tab{font-size:20px;line-height:30px;} .main-notice-box .mini-notice-list{padding-top:0;} .main-notice-box .mini-notice-list > li a{justify-content: space-between;} .main-notice-box .mini-notice-list > li a > p{font-size:16px;} .mini-notice-list .not-label{display:none;} /*학사일정*/ .main-content-box03 .main-mini-box01 .mini-inner-box.box2, .main-content-box03 .main-mini-box01 .mini-inner-box.box3{padding-left:0;padding-right:0;} .main-content-box03 .main-mini-box01 .mini-inner-box.box2 .main-title, .main-content-box03 .main-mini-box01 .mini-inner-box.box3 .main-title{padding-left:20px;padding-right:20px;} .main-content-box03 .main-mini-box01 .mini-inner-box.box2 .control-wrap, .main-content-box03 .main-mini-box01 .mini-inner-box.box3 .control-wrap{padding-left:20px;padding-right:20px;} .main-content-box03 .main-mini-box01 .mini-inner-box.box2 .tab-btn-wrap{right:13px;} .main-content-box03 .main-mini-box01 .mini-inner-box.box3::before{left:0;} .main-content-box03 .main-calendar-outer{min-height:134px;} .main-content-box03 .main-calendar-outer .mini-tab-box{top:-33px;line-height:1;} .main-content-box03 .main-calendar-outer .mini-tab-box .mini-board-tab{padding:0 0 5px;font-size:13px;} .main-content-box03 .calendar-view-more{margin:8px 0 0;padding:12px 10px;border-radius:4px;} .main-content-box03 .calendar-view-more span{font-size:13px;line-height:18px;} .main-content-box03 .calendar-view-more span::after{margin:-4px 0 0 6px;width:15px;height:8px;} .main-calendar-box .not-label{padding:7px 0;position:relative;top:49px;font-size:13px;width:45px;margin:2px 0} .main-calendar-box .calendar-con-box{padding:25px 10px; flex-direction: column;text-align: center;align-items: center;} .main-calendar-box .calendar-con-box .calendar-date + div{width:100%;} .main-calendar-box > .main-calendar-swiper{height:auto;padding:10px 0} .main-calendar-box .swiper-slide{border-right:1px solid #f5f5f5;} .main-calendar-box .calendar-con-box .calendar-date{width:85px;height:85px;border-radius:30px;margin-right:0;margin-bottom:15px;} .main-calendar-box .calendar-con-box .calendar-date .calendar-month{font-size:14px;padding:18px 0 0 0} .main-calendar-box .calendar-con-box .calendar-date .calendar-day{font-size:38px;} .main-calendar-box .calendar-con-box .calendar-txt{font-size:20px;line-height:1.3;height:2.6em;white-space:inherit;padding-top:0;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;position:relative;} .main-calendar-box .calendar-con-box .calendar-period{padding:12px 0 0;font-size:13px;color:#666;} .main-calendar-box .calendar-con-box .calendar-period span{font-weight:400;} .main-calendar-box .control-wrap{top:-43px;} .main-calendar-box .control-wrap button{margin:0 6px 0 0;width:33px;height:33px;border:1px solid #e8e8e8;background-color:#fff;} .main-calendar-box .control-wrap button span{width:15px;height:7px;} /*이벤트*/ .main-content-box03 .main-mini-box01 > div {gap:20px;} .notice-section {display: block;} .card {margin:10px 0; height:auto;} } @media screen and (max-width:480px){ .main-content-box03 .main-mini-box01 .main-title .sel-wrap{/*display:block;*/margin-left:5px;} .main-notice-box .mini-notice-list{padding-top:0;} .main-calendar-box .swiper-slide{width:180px;} .main-content-box03 .main-mini-box01 .mini-inner-box.box2 .control-wrap{display:flex;justify-content:space-between;padding:0;position:absolute;width:215px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;} .main-content-box03 .main-calendar-prev{left:0;} .main-content-box03 .main-calendar-next{right:0;} .main-calendar-box .swiper-slide + .swiper-slide{border-top:0;} .main-content-box03 .main-calendar-outer{margin-bottom:35px;} .card p {font-size:18px;font-weight: bold;margin-bottom: 1rem;line-height: 1.5; color:#000;} .main-content-box03 .main-mini-box01 .mini-tab-box .tb_main{display:block;position:relative;padding:0 0 9px;font-size:14px;font-weight:700;color:#666;line-height:1;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tbw_main {top:-35px;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tbw_main > li a{padding:7px 3px;} .main-content-box03 .main-mini-box01 .mini-tab-box > .tbw_main > li + li{margin-left:0px;} } /*--------------------------- content3 - box2 (banner)--------------------------------*/ .main-mdBanner-outer{height:100px;width:100%;} .main-mdBanner-outer > .inner-box{background:url(/_res/songeui/ko/img/main/middle_banner_bg.png) no-repeat 100% 100%;border-radius:3px;max-width:100%; background-size:cover;} .main-mdBanner-box{max-width:1300px;margin:0 auto;color:#fff;} .main-mdBanner-box > a{display:flex;justify-content: space-between;align-items: center;} .main-mdBanner-box > a > span{font-weight:700;font-size:20px;} .main-mdBanner-box .bn-txt-box{width:757px;height:100px;position:relative;text-align: center;padding-top:30px;} .main-mdBanner-box .bn-txt-box img{position:absolute;bottom:0;left:-355px;} .main-mdBanner-box .bn-txt-box p{font-size:30px;font-weight:600;text-shadow: 3px 5px 3px rgba(0,0,0,0.1);padding-left:150px;} .main-mdBanner-box .bn-txt-box span{color:#ff8a00; font-size:30px; margin-left:8px; font-weight:700;} .main-mdBanner-box .view-more span{color:#fff;font-size:14px;} .main-mdBanner-box .view-more span::before{background-color:#fff;} .main-mdBanner-box .view-more span::after{background-image: url(/_res/songeui/ko/img/main/main_visual_swp_morearr.png);} .main-mdBanner-box .mo{display:none;} .main-mdBanner-box .bn-txt-box .bn_tx{font-size:24px;font-weight:600;text-shadow: 3px 5px 3px rgba(0,0,0,0.1);padding-left:150px; width:max-content;} @media screen and (max-width:1024px){ .main-content-box03 .main-mini-box02{padding:0;width:100%;margin-top:20px;} .main-mdBanner-outer > .inner-box{/* background:#733788 url(/_res/songeui/ko/img/main/middle_banner_bg-m.png) no-repeat 100% 100% / 174px;*/ background:url(/_res/songeui/ko/img/main/middle_banner_bg.png) no-repeat 100% 100%;border-radius:0;} .main-mdBanner-outer{margin-top:0;} .main-mdBanner-outer, .main-mdBanner-box > .bn-txt-box{width:100%;height:100px;/*padding-top:18px;*/text-align:left;} .main-mdBanner-box > span, /*.main-mdBanner-box > .bn-txt-box img,*/ .main-mdBanner-box .view-more{display:none;} .main-mdBanner-box .bn-txt-box img{left:unset;right:0;max-width:50%;} .main-mdBanner-box > .bn-txt-box.mo{padding-top:28px;} .main-mdBanner-box .bn-txt-box span{font-size:14px;color:#ffd358;} .main-mdBanner-box > .bn-txt-box p{padding-left:0;font-size:16px;text-align:left;} .main-mdBanner-box > .bn-txt-box p span{display:block;font-size:16px;font-weight:600;} .main-mdBanner-box .bn-txt-box span{color:#ff8a00; font-size:30px; margin-left:0px; font-weight:700;} } /*--------------------------- content4 (sns)--------------------------*/ .main-content-box04 .main-cukStory-outer{ /* max-width:1600px; */ margin:0 auto;} .main-content-box04 .main-cukStory-swiper, .main-cukStory-swiper .swiper-wrapper{display:flex;} .main-content-box04 .main-cukStory-swiper .swiper-slide{border-top:1px solid #dce3e7;border-bottom:1px solid #dce3e7;border-right:1px solid #dce3e7} .main-content-box04 .main-cukStory-swiper .swiper-slide:first-child{border-left:1px solid #dce3e7;margin:1px 0 0;} .main-cukStory-swiper .swiper-slide .img-wrap{/*width:290px;height:290px;*/position:relative;width:100%; overflow: hidden;margin:0 auto;} .main-cukStory-swiper .swiper-slide .img-wrap::after{content:'';display:block;padding-bottom:100%;} .main-cukStory-swiper .swiper-slide .img-wrap img{width:100%;height:100%;object-fit: cover;border-radius: 3px;position:absolute;} .main-cukStory-swiper .swiper-slide a{padding:10px;width:100%;} .main-cukStory-swiper .swiper-slide a > p{margin:15px 10px 10px;font-size:18px;color:#333;font-weight:500;line-height:1.3;height:3.9em;} .main-cukStory-swiper .swiper-slide a > div{display:flex;justify-content: space-between;align-items: center;} .main-cukStory-swiper .swiper-slide .mini-date{font-size:14px;font-weight:300;color:#898989;margin:0 10px 10px 10px} .main-cukStory-swiper .swiper-slide .sns-label{display:inline-block;width:37px;height:37px;background-repeat: no-repeat;background-position:0 0;} .main-cukStory-swiper .swiper-slide .insta{background-image:url(/_res/songeui/ko/img/main/main_cukStory_sns_insta.png);} .main-cukStory-swiper .swiper-slide .youtube{background-image:url(/_res/songeui/ko/img/main/main_cukStory_sns_youtube.png);} .main-cukStory-box .control-wrap > div{position:absolute;top:50%;width:76px;height:76px;border:1px solid #e4cdba;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;z-index: 1;cursor: pointer;transform:translateY(-50%);} .main-cukStory-box{position:relative;} .main-cukStory-box .main-cukStory-prev{left:-90px;background-image: url(/_res/songeui/ko/img/main/main_snsswp_prev.png);} .main-cukStory-box .main-cukStory-next{right:-90px;background-image: url(/_res/songeui/ko/img/main/main_snsswp_next.png);} .main-cukStory-box .control-wrap .main-cukStory-pagination{display:none;} /*--------------------------- content4 (cukStory)--------------------------*/ .main-content-box04 .main-cukStory-outer{overflow:hidden;} .main-content-box04 .main-cukStory-swiper, .main-cukStory-swiper .swiper-wrapper{display:flex;} .main-content-box04 .main-cukStory-swiper .swiper-slide{width:310px;border-top:1px solid #dce3e7;border-bottom:1px solid #dce3e7;border-right:1px solid #dce3e7} .main-cukStory-swiper .swiper-slide .img-wrap{width:290px;height:290px;overflow: hidden;} .main-cukStory-swiper .swiper-slide .img-wrap img{width:100%;height:100%;object-fit: cover;border-radius: 3px;} .main-cukStory-swiper .swiper-slide a{padding:10px 10px 20px 10px;} .main-cukStory-swiper .swiper-slide a > p{margin:20px 10px 10px;font-size:16px;color:#666666;font-weight:400;line-height:1.3;height:3.9em;} .main-cukStory-swiper .swiper-slide a > div{display:flex;justify-content: space-between;align-items: center; margin:0 10px;} .main-cukStory-swiper .swiper-slide .mini-date{font-size:14px;font-weight:500;color:#666666;margin:0;} .main-cukStory-swiper .swiper-slide .sns-label{display:inline-block;width:37px;height:37px;background-repeat: no-repeat;background-position:0 0;} .main-cukStory-swiper .swiper-slide .insta{background-image:url(/_res/cuk/ko/img/main/main_cukStory_sns_insta.png);} .main-cukStory-swiper .swiper-slide .youtube{background-image:url(/_res/cuk/ko/img/main/main_cukStory_sns_youtube.png);} .marquee_scroll.focus .swiper-wrapper{overflow:hidden;transform:translate3d(0, 0, 0) !important;} @media screen and (max-width:1800px){ .main-cukStory-box .main-cukStory-prev{left:-38px;} .main-cukStory-box .main-cukStory-next{right:-38px;} } @media screen and (max-width:1700px){ .main-cukStory-box .main-cukStory-prev{left:0;} .main-cukStory-box .main-cukStory-next{right:0;} } @media screen and (max-width:1024px){ /*.main-cukStory-swiper .swiper-slide .img-wrap{width:180px;height:180px;}*/ .main-content-box04 .main-cukStory-swiper .swiper-slide{width:200px;} .main-cukStory-swiper .swiper-slide a > p{font-size:15px;} .main-cukStory-swiper .swiper-slide a > div{margin-top:0px;} .main-cukStory-swiper .swiper-slide .img-wrap {width:100%;height:auto;} .main-cukStory-swiper .swiper-slide .sns-label{display:none;} /*.main-cukStory-box::before{content:'';display:block;position:absolute;width:100%;height:1px;background:#e7e7e7;left:0;bottom:0;}*/ .main-cukStory-box .control-wrap{width:133px;margin:20px auto 0;display:flex;justify-content: space-between;} .main-cukStory-box .control-wrap > div{position:static;width:40px;height:40px;line-height:40px;border:1px solid #e8e8e8;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;transform:none;} .main-cukStory-box .main-cukStory-prev{background-color:#fff; background-image: url(/_res/songeui/ko/img/main/main_headlineswp_prev-m.png); background-size:7px;} .main-cukStory-box .main-cukStory-next{background-color:#fff; background-image: url(/_res/songeui/ko/img/main/main_headlineswp_next-m.png); background-size:7px;} .main-cukStory-box .control-wrap .main-cukStory-pagination{display:block; text-align: center;border:0;font-size:16px;color:#60513a;} } @media screen and (max-width:480px){ /*.main-cukStory-swiper .swiper-slide .img-wrap{width:100%;height:100%;}*/ .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-btn-wrap > li a{padding:7px 5px;} } .main-hdlPhoto-box .img-wrap{position:relative;height:320px;overflow:hidden;} .main-hdlPhoto-box .img-wrap img {width:100%; height:100%;object-fit:cover;} .main-hdlPhoto-box .img-wrap span{position:absolute; left:0 ;bottom:0; width:80px; height:28px; line-height:30px; background:#ff8a00; color:#fff; font-size:13px; font-weight:600; text-align:center; border-radius:0 5px 0px 2px;} .main-hdlPhoto-box .img-wrap .php02{position:absolute; left:0 ;bottom:0; width:80px; height:28px; line-height:30px; background:#00a8df; color:#fff; font-size:13px; font-weight:600; text-align:center; border-radius:0 5px 0px 2px;} /*---------------------------- content5 (campus)----------------------------------*/ .main-content-box05 .main-campus-outer{position:relative;} .main-content-box05 .main-campus-outer .tab-btn-wrap{display:flex;position:absolute;right:0;top:0;} .main-content-box05 .main-campus-outer .tab-btn-wrap li + li a{border-left:1px solid rgba(255,255,255,0.1);} .main-content-box05 .main-campus-outer .tab-btn-wrap li a{width:150px;height:85px;color:#fff;font-size:18px;font-weight:700;text-align: center;line-height:85px;background:#001345;transition:all 0.2s;} .main-content-box05 .main-campus-outer .tab-btn-wrap li a:focus{outline-offset: -4px;} .main-content-box05 .main-campus-outer .tab-btn-wrap li .active, .main-content-box05 .main-campus-outer .tab-btn-wrap li a:hover{background:#ff8a00;/* border:3px solid rgba(255,255,255,0.8)*/ } .main-content-box05 .main-campus-outer .main-campus-box{padding:65px 0;color:#fff;} .main-content-box05 .main-campus-outer .songsim{background:url(/_res/songeui/ko/img/main/campus_bg01.jpg) no-repeat 50% 50% / cover;} .main-content-box05 .main-campus-outer .songsin{background:url(/_res/songeui/ko/img/main/campus_bg04.png) no-repeat 50% 50% / cover;} .main-content-box05 .main-campus-outer .songeui{background:url(/_res/songeui/ko/img/main/campus_bg02.jpg) no-repeat 50% 50% / cover;} .main-campus-box .text-box{font-weight:700;padding:100px 0;border-bottom:1px solid rgba(255,255,255,0.2);} .main-campus-box .text-box > h3{font-size:60px;} .main-campus-box .text-box > .sm-tit{font-size:26px;display:inline-block;margin-top:20px;} .main-campus-box .text-box > div{font-size:18px;line-height:2;margin-top:20px;} /*.main-campus-box .text-box > div > span{font-size:24px;}*/ .main-campus-box .text-box > ul{display:flex;margin-top:65px;} .main-campus-box .text-box > ul li{position:relative;padding-left:85px;} .main-campus-box .text-box > ul li + li{margin-left:120px;} .main-campus-box .text-box > ul li::before{content:'';display:block;width:64px;height:64px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-repeat: no-repeat;background-position:0 0;} .main-campus-box .text-box > ul li a span{font-size:30px;display:inline-block;padding-bottom:10px;padding-right:30px; border-bottom:2px solid #fff;background:url(/_res/songeui/ko/img/main/main_campus_linkarr.png) no-repeat 100% 50%;} .main-campus-box .text-box > ul li:first-child::before{background-image: url(/_res/songeui/ko/img/main/main_campus_ico01.png);} .main-campus-box .text-box > ul li:nth-child(2)::before{background-image: url(/_res/songeui/ko/img/main/main_campus_ico02.png);} .main-campus-box .link-box{padding:70px 0;display:flex;} .main-campus-box .link-box > h4{width:290px;padding:10px 0; font-size:30px;font-weight:700;padding-left:90px;background:url(/_res/songeui/ko/img/main/main_campus_ico03.png) no-repeat 0 0;} .main-campus-box .link-box > div{width:calc(100% - 290px);padding-top:10px;} .main-campus-box .link-box > div a{margin:2px 4px 2px 0; font-size:16px; display:inline-block;padding:10px 15px;background:#001345;border-radius:30px;} @media screen and (max-width:1660px){ .main-campus-box .text-box, .main-campus-box .link-box{padding-left:20px;padding-right:20px;} } @media screen and (max-width:1330px){ .main-hdlPhoto-box .img-wrap {height:220px;} } @media screen and (max-width:1024px){ .main-content-box05 .main-campus-outer .tab-btn-wrap{width:calc(100% - 40px);left:20px;right: unset;top:40px;} .main-content-box05 .main-campus-outer .tab-btn-wrap li{flex:1;} .main-content-box05 .main-campus-outer .tab-btn-wrap li a{width:100%;height:52px;line-height: 52px;font-size:16px;} .main-content-box05 .main-campus-outer .main-campus-box{padding:150px 0 70px;} .main-campus-box .text-box{padding:0 20px;text-align: center;border-bottom:0;} .main-campus-box .text-box > h3{font-size:36px;} .main-campus-box .text-box > .sm-tit{font-size:20px;line-height:1.4;} .main-campus-box .text-box > div{font-size:15px;line-height:1.5;margin-top:50px;} .main-campus-box .text-box > .sm-tit + div{margin-top:20px;} .main-campus-box .text-box > ul{justify-content: center;} .main-campus-box .text-box > ul li{padding-left:46px;} .main-campus-box .text-box > ul li::before{width:35px;height:35px;background-size:33px;} .main-campus-box .text-box > ul li + li{margin-left:30px;} .main-campus-box .text-box > ul li a span{padding-right:20px; font-size:16px;background-size:7px;background-position:100% 5px;} .main-campus-box .text-box > ul li:first-child::before{background-image: url(/_res/songeui/ko/img/main/main_campus_ico01-m.png);} .main-campus-box .text-box > ul li:nth-child(2)::before{background-image: url(/_res/songeui/ko/img/main/main_campus_ico02-m.png);} .main-campus-box .link-box{display:none;} } @media screen and (max-width:768px){ .main-campus-box .text-box{word-break:keep-all;} .main-campus-box .text-box br:not(.br){display:none;} .main-campus-box .text-box > ul li{padding-left:35px;} .main-campus-box .text-box > ul li::before{width:26px;height:26px;background-size:26px;} .main-mdBanner-box .bn-txt-box img{left:unset;right:0;max-width:50%; display:none;} .main-mdBanner-box > .bn-txt-box p{padding-left:0;font-size:14px;text-align:left;} .main-mdBanner-box > .bn-txt-box p span{display:block;font-size:15px;font-weight:600;} .main-notice-box .mini-notice-list > li a > .announcem p{font-size:15px;color:#333; /*width:calc(100% - 300px); */ width:224px; margin-right:10px; } .main-notice-box .mini-notice-list > li .mini-date{width:70px;font-size:12px;font-weight:300;color:#898989; flex-shrink: 0; text-align:end; } } .top-banner-wrap{background-color:#0c2e86} /*인트로페이지*/ .intro .wrap {background-image:url(/_res/songeui/ko/img/main/intro/intro_bg02.jpg);background-attachment: fixed;background-size:cover;background-position:50% 50%; height:100vh; min-height:650px; position:relative;display:flex;flex-direction:column;justify-content:center;} .intro .wrap > .container{transform:scale(0.8);} .intro .main-content-box {max-width:1438px;margin:0 auto;position:relative;padding:0px 100px;} .intro .main-title-box{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px;} .intro .main-title-box .main-title {font-size: 45px;color:#fff;font-weight: 600;text-transform: uppercase;line-height: 1.5;} .intro .main-title-box .sub-title {font-size: 12px;color:#fff;line-height: 1.2;font-weight:300;letter-spacing:0.4em;line-height:1.6;} .main-intro-box {color:#fff;width:100%;} .main-intro-box .swiper-container {overflow:inherit;} .main-intro-box .swiper-container .swiper-slide {height:auto;box-sizing:border-box;} .main-intro-box .swiper-container .swiper-slide .intro-swp-box{position:relative;height:100%;} .main-intro-box .swiper-container .swiper-slide .intro-swp-box .top{padding:35px 40px;background:url(/_res/songeui/ko/img/main/intro/intro_box_bg01.jpg) no-repeat 100% 50% / cover;opacity:97%;height:calc(100% - 80px);padding-bottom:60px;} .main-intro-box .swiper-container .swiper-slide:nth-child(3n-2) .intro-swp-box .top{background-image:url(/_res/songeui/ko/img/main/intro/intro_box_bg01.jpg);} .main-intro-box .swiper-container .swiper-slide:nth-child(3n-1) .intro-swp-box .top{background-image:url(/_res/songeui/ko/img/main/intro/intro_box_bg02.jpg);} .main-intro-box .swiper-container .swiper-slide:nth-child(3n) .intro-swp-box .top{background-image:url(/_res/songeui/ko/img/main/intro/intro_box_bg03.jpg);} .main-intro-box .intro-swp-box .top .en_tit{font-weight:200;} .main-intro-box .intro-swp-box .top .ko_tit{font-size:35px;font-weight:700; margin-top:12px;padding-bottom:20px;position:relative;} .main-intro-box .intro-swp-box .top .ko_tit::after{content:'';display:block;width:30px;height:2px;background:#fff;position:absolute;bottom:0;left:0;} .main-intro-box .intro-swp-box .top .con_tit{font-size:22px;font-weight:600;margin-top:20px;line-height:1.4;} .main-intro-box .intro-swp-box .top dl{margin-top:20px;} .main-intro-box .intro-swp-box .top dl + dl{margin-top:24px;} .main-intro-box .intro-swp-box .top dl dt{padding-left:10px;position:relative;color:#fdffc1;font-size:22px; font-weight:600;} .main-intro-box .intro-swp-box .top dl dt::before{content:'';display:block;width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;left:0;top:12px;} .main-intro-box .intro-swp-box .top dl dd{margin-top:10px; font-size:18px; line-height:24px;} .main-intro-box .intro-swp-box > a{display:flex;align-items:center;justify-content:center; width:100%;height:80px;background:#532291;border:1px solid #cca8ff;} .main-intro-box .swiper-slide:nth-child(3n-2) .intro-swp-box > a{background-color:#532291;border-color:#cca8ff;} .main-intro-box .swiper-slide:nth-child(3n-1) .intro-swp-box > a{background-color:#0f2d87;border-color:#9db6ff;} .main-intro-box .swiper-slide:nth-child(3n) .intro-swp-box > a{background-color:#0b678c;border-color:#b9e6ff;} .main-intro-box .intro-swp-box > a span{font-size:20px; padding-right:20px;background:url(/_res/songeui/ko/img/main/intro/intro_new_link.png) no-repeat 100% 50%;} .main-intro-box .control-wrap {position:absolute;top:50%;width:100%;} .main-intro-box .control-wrap .swiper-button-prev {width:76px;height:76px;background-image:url(/_res/songeui/ko/img/main/intro/intro_swp_prev.png);background-repeat: no-repeat;background-size:inherit;background-color:#b37441;border-radius:50%;left:-97px;border:none;box-sizing:border-box;} .main-intro-box .control-wrap .swiper-button-next {width:76px;height:76px;background-image:url(/_res/songeui/ko/img/main/intro/intro_swp_next.png);background-repeat: no-repeat;background-size:inherit;background-color:#b37441;border-radius:50%;right:-97px;border:none;box-sizing:border-box;} .main-intro-box .control-wrap .swiper-button-disabled {opacity:1;border:1px solid rgb(255, 255, 255, 0.239);background-color:transparent;} .intro .wrap footer{position:absolute;bottom:0;width:100%;} .intro .bottom-footer-box .inner-box{transform:scale(0.8);} .intro .bottom-footer-box .footer-link-outer{display:none;} .intro .bottom-footer-box .footer-con-box > ul{background:none;} @media screen and (max-width: 1400px) { .intro .main-content-box{padding:0 50px;} .intro .main-title-box .main-title{word-break:keep-all;} .intro .main-title-box .main-title br{display:none;} .main-intro-box .control-wrap .swiper-button-prev{left:-35px;} .main-intro-box .control-wrap .swiper-button-next{right:-35px;} } @media screen and (max-width: 1024px) { .intro .main-content-box {padding: 0 20px;} .intro .main-title-box{flex-wrap:wrap;} .intro .main-title-box .main-title{font-size:36px;} .intro .main-title-box .main-title br{display:inline-block;} .intro .main-title-box .intro-logo{width:200px;margin-top:30px;} .main-intro-box .control-wrap .swiper-button-next, .main-intro-box .control-wrap .swiper-button-prev{width:52px;height:52px;background-size:10px;} .main-intro-box .control-wrap .swiper-button-next{right:-15px;} .main-intro-box .control-wrap .swiper-button-prev{left:-15px;} .intro .wrap{min-height:800px;} .intro .wrap > .container{transform:scale(1);} .intro .bottom-footer-box .inner-box{transform:scale(1);} } @media screen and (max-width: 768px) { .main-intro-box {width:100%;} .intro .main-title-box{justify-content:center;margin-bottom:30px;} .intro .main-title-box .main-title{font-size:30px;text-align:center;} .intro .main-title-box .sub-title{text-align:center;letter-spacing:0.25em;} .main-intro-box .swiper-container .swiper-slide {padding-right:0;} .main-intro-box .swiper-container .swiper-slide:after {display:none;} .main-intro-box .swiper-container .swiper-slide .intro-swp-box .top{padding:30px 30px 50px;height:calc(100% - 64px);} .main-intro-box .control-wrap .swiper-button-next, .main-intro-box .control-wrap .swiper-button-prev{width:38px;height:38px;background-size:7px;} .main-intro-box .control-wrap .swiper-button-next{right:-20px;} .main-intro-box .control-wrap .swiper-button-prev{left:-20px;} .main-intro-box .intro-swp-box .top .ko_tit{font-size:26px;} .main-intro-box .intro-swp-box .top .ko_tit::after{height:1px;} .main-intro-box .intro-swp-box .top .con_tit{font-size:20px;} .main-intro-box .intro-swp-box .top dl dd{margin-top:5px;} .main-intro-box .intro-swp-box > a{height:64px;} .main-intro-box .intro-swp-box > a span{font-size:16px;} /*.main-intro-box .control-wrap {display:none;}*/ } @media screen and (max-width: 480px) { .intro .main-title-box .main-title{font-size:26px;} .intro .main-title-box .main-title br{display:none;} .main-intro-box .intro-swp-box .top dl dt{font-size:18px;} .main-intro-box .intro-swp-box .top dl dt::before{content:'';display:block;width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;left:0;top:8px;} .main-intro-box .intro-swp-box .top dl dd{margin-top:10px; font-size:15px;} .main-intro-box .swiper-container .swiper-slide .intro-swp-box .top{padding-bottom:40px;} } /*============================ 구글 다국어 조정 ======================================*/ /*------------ 영문 ----------------*/ html.en .gnb-box .gnb-ul{margin-left:40px} html.en .gnb-box .gnb-ul > li{padding: 0 30px 0 0;} html.en .gnb-box .gnb-ul > li > a{padding:0 0 15px 0;} html.en .not-label{width:auto;padding:5px 7px;} html.en .main-content-box01 .hdlNews-title-box > h3{width:265px;} html.en .main-content-box01 .main-hdlNews-swiper .swiper-slide > a > div{align-items:unset;} html.en .main-content-box03 .main-mini-box01 .main-title{font-size:24px;width:110px;} html.en .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-btn-wrap{right:-15px;top:-35px;} html.en .main-content-box03 .main-mini-box01 .mini-tab-box > .tab-btn-wrap > li a{padding:5px;} html.en .main-content-box03 .main-mini-box01 .mini-tab-box .tab-btn{font-size:14px;} html.en .main-content-box03 .main-mini-box01 .mini-inner-box.box2 .mini-tab-box > .tab-btn-wrap{top:-65px;} html.en .main-content-box03 .main-mini-box01 .mini-inner-box.box2 .control-wrap{padding-top:10px;} html.en .main-link-box > ul li a span{max-width:110px;} html.en .main-content-box01 .main-hdlNews-swiper .swiper-slide .mini-writer{margin-left:30px;background-position:100% 3px;} html.en .bottom-footer-box .footer-link-box ul li a{padding:0 30px 0 0;} html.en .bottom-footer-box address ul li{flex:1;} @media screen and (max-width: 1600px) { html.en .gnb-box .gnb-ul > li > a{line-height:20px;} html.en .gnb-box .gnb-ul > li > a span::after{bottom:-16px;} } @media screen and (max-width: 1400px) { html.en .campus-tab-box{width:370px;} html.en .campus-tab-box li a::before{top:8px;} } @media screen and (max-width: 1024px) { html.en .main-calendar-box .calendar-con-box .calendar-date + div{position:relative;} html.en .main-calendar-box .calendar-con-box .calendar-txt {position: absolute;top: -5px;width:100%;} } /*------------------- 중문 ------------------------*/ html.cn .not-label{width:auto;padding:5px 7px;} html.cn .mini-notice-list .not-label{margin-right:10px;} html.cn .main-notice-box .mini-notice-list > li .mini-date{width:100px;} html.cn .main-notice-box .mini-notice-list > li a > p{width:calc(100% - 175px);} /* 메인 헤더 구글 번역 숨기기 */ .gnb-link-box ul .g-lang-box {display:none;} @media screen and (max-width: 1024px) { .gnb-link-box ul .g-lang-box {display:none;} }