/* ico */
i.main{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;}
i.main::before{content:'';display:block;background-image:url(/images/sap/main/sp_main.png);background-repeat:no-repeat;background-size:72rem;}
.main.ico_more::before{width:1.9rem;height:1.9rem;background-position:-26.3rem -3.2rem;}
.main.ico_arrow::before{width:.6rem;height:1rem;background-position:-30.2rem -3.7rem;}
.main.ico_kakao::before{width:4.8rem;height:4.4rem;background-position:-32.8rem -2rem;}
.main.ico_insta::before{width:4rem;height:4rem;background-position:-39.6rem -2.2rem;}
.main.ico_facebook::before{width:2.2rem;height:4.2rem;background-position:-45.6rem -2.1rem;}
.main.ico_youtube::before{width:2.8rem;height:3.2rem;background-position:-50.8rem -2.6rem;}
.main.ico_global::before{width:5.2rem;height:7rem;background-position:-2rem -9.4rem;}
.main.ico_training::before{width:5.8rem;height:6.2rem;background-position:-9.1rem -9.3rem;}
.main.ico_scholarship::before{width:7.2rem;height:6.3rem;background-position:-16.7rem -9.3rem;}
.main.ico_visa::before{width:6.9rem;height:6.8rem;background-position:-25.8rem -9.4rem;}
.main.ico_dormitory::before{width:5.9rem;height:5.6rem;background-position:-34.6rem -9.3rem;}
.main.ico_inquiry::before{width:7.1rem;height:5.9rem;background-position:-42.4rem -9.4rem;}
.main.ico_kakaoch::before{width:6.7rem;height:6.5rem;background-position:-51.4rem -9.4rem;}
.main.ico_youtube_white::before{width:3.7rem;height:4.2rem;background-position:-60.4rem -10.4rem;}
.main.ico_school::before{width:16.6rem;height:9.6rem;background-position:-1.8rem -19.6rem;}

/* control */
#container .control button, #container .control a{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:5rem;height:5rem;border:.2rem solid #d2d2d2;border-radius:1rem;background-color:#fff;}
#container .control button::before, #container .control a::before{content:'';display:block;background-image:url(/images/sap/main/sp_main.png);background-repeat:no-repeat;background-size:72rem;}
#container .control .btn_prev::before{width:1.1rem;height:1.9rem;background-position:-13.5rem -3.3rem;}
#container .control .btn_next::before{width:1.1rem;height:1.9rem;background-position:-16.6rem -3.3rem;}
#container .control .btn_stop::before{width:1.2rem;height:1.6rem;background-position:-19.7rem -3.4rem;}
#container .control .btn_stop.on::before{width:1.1rem;height:1.8rem;background-position:-23.2rem -3.3rem;}
#container .control .btn_more::before{width:1.9rem;height:1.9rem;background-position:-26.3rem -3.2rem;}

#container .control.sm button{width:2rem;height:2rem;border:0;border-radius:0;background-color:transparent;}
#container .control.sm .btn_prev::before{width:.8rem;height:1.4rem;background-position:-2rem -3.5rem;}
#container .control.sm .btn_next::before{width:.8rem;height:1.4rem;background-position:-4.8rem -3.5rem;}
#container .control.sm .btn_stop::before{width:.9rem;height:1.2rem;background-position:-7.6rem -3.6rem;}
#container .control.sm .btn_stop.on::before{width:.8rem;height:1.2rem;background-position:-10.7rem -3.5rem;}
#container .control.sm .page_num{display:inline-flex;align-items:center;width:max-content;}
#container .control.sm .page_num .swiper-pagination-bullet{width:1.4rem;height:1.4rem;border-radius:5rem;background-color:#fff;margin:0 .6rem;opacity:1;}
#container .control.sm .page_num .swiper-pagination-bullet-active{width:2.9rem;background-color:#678ef0;}

/* main */
.main #container .inner{max-width:150rem;}
.main h3.tit{font-size:3rem;font-weight:700;color:#303030;}
.main h3.tit .btn_more{border-width:.2rem;border-radius:1rem;}
.main h3.tit .btn_more:hover{border-color:#213d81;background-color:#213d81;}

/* main_vis */
.main_vis{position:relative;width:100%;height:70rem;border-bottom-right-radius:17rem;overflow:hidden;}
.main_vis .swiper{position:absolute;top:0;left:0;width:100%;height:100%;}
.main_vis .swiper-slide{background-repeat:no-repeat;background-position:top center;background-size:cover;padding-top:25rem;}
.main_vis .swiper-slide.slide_01{background-image:url(/images/sap/main/vis_251223_1d_min.png);}
.main_vis .swiper-slide.slide_02{background-image:url(/images/sap/main/vis_251223_2d_min.png);}
.main_vis .swiper-slide.slide_03{background-image:url(/images/sap/main/vis_260102_3d_min.jpg);}
.main_vis .swiper-slide.slide_04{background-image:url(/images/sap/main/vis_251223_4d.png);}
.main_vis .swiper-slide .sum{display:flex;flex-direction:column;gap:3rem 0;width:100%;max-width:150rem;font-size:2rem;color:#fff;margin:0 auto;}
.main_vis .swiper-slide .sum .tit{font-size:5rem;font-weight:600;}
.main_vis .inner{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:11rem 0;padding-bottom:10.5rem;z-index:1;}
.main_vis .inner .control{position:initial;}
.main_vis .list{display:flex;flex-direction:column;align-items:flex-end;gap:2rem;}
.main_vis .list > li{display:inline-flex;flex-direction:row-reverse;gap:2rem;}
.main_vis .list > li > a{display:inline-flex;flex-direction:column;width:24rem;height:14rem;border-radius:1.5rem;background-color:rgba(255,255,255,.8);padding:1.5rem 2rem;transition:background-color .2s;}
.main_vis .list > li > a .tit{font-size:2rem;font-weight:600;line-height:1.2;color:#1e2c65;transition:color .2s;}
.main_vis .list > li > a .sub{font-size:1.4rem;font-weight:400;color:#1e2c65;margin-top:.6rem;transition:color .2s;}
.main_vis .list > li > a .ico_arrow{width:3rem;height:3rem;border-radius:5rem;background-color:#1e2c65;margin:auto 0 0 auto;transition:all .2s;}
.main_vis .list > li > a + a{background-color:#678ef0;}
.main_vis .list > li > a + a .tit, .main_vis .list > li > a + a .sub{color:#fff;}
.main_vis .list > li > a:hover{background-color:#fff;}
.main_vis .list > li > a + a:hover{background-color:#1e2c65;}
.main_vis .list > li > a + a:hover .ico_arrow{background-color:#fff;}
.main_vis .list > li > a + a:hover .ico_arrow::before{filter:contrast(0) brightness(0);}

/* main_board */
.main_board{padding:0 0 10rem;}
.main_board .inner{display:flex;gap:0 10.8rem;}
.main_board .inner > div{width:calc(50% - 5.4rem);transition:width .2s;}
.main_board h3.tit{display:flex;align-items:center;justify-content:space-between;}
.main_board .list{border-top:.3rem solid #d9d9d9;margin-top:3.2rem;}
.main_board .list > li{border-bottom:.1rem solid #d9d9d9;}
.main_board .list > li a{display:flex;justify-content:space-between;padding:2rem;transition:all .2s;}
.main_board .list > li a .tit{position:relative;/*max-width:80%;*/padding-left:1.2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; padding-right: 3rem;}

.main_board .list > li a .tit .new {
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 2.5rem;
    text-align: center;
    color: #fff;
    border-radius: 50rem;
    background-color: #5e8cff;
    display: inline-block;
    margin-left: 0.5rem;
    position: absolute;
    right: 0;
    top: 0px;
}
.main_board .list > li a .tit::before{position:absolute;top:1.1rem;left:0;content:'';display:block;width:.3rem;height:.3rem;border-radius:5rem;background-color:#303030;transition:background-color .2s;}
.main_board .list > li a .date{font-size:1.4rem;font-weight:400;color:#595959;}
.main_board .list > li a:hover{color:#213d81;background-color:#f2f3f8;}
.main_board .list > li a:hover .tit::before{background-color:#213d81;}
.main_board .list > li:first-child a{gap:0 3.6rem;padding:4.5rem 3rem 4.5rem 3rem;}
.main_board .list > li:first-child a .date{flex-shrink:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:11rem;height:11rem;font-size:1.8rem;font-weight:600;color:#505050;border-radius:.5rem;background-color:#f0f0f0;}
.main_board .list > li:first-child a .date .day{font-size:3.2rem;}
.main_board .list > li:first-child a .sum{width:100%;padding-top:.6rem;}
.main_board .list > li:first-child a .sum .tit{display:block;font-size:2.3rem;font-weight:600;padding-left:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main_board .list > li:first-child a .sum .tit::before{display:none;}
.main_board .list > li:first-child a .sum .sub{color:#595959;margin-top:1.2rem;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* main_often */
.main_often{padding-bottom:12rem;}
.main_often .inner{display:flex;gap:3.5rem;}
.main_often .list{display:flex;gap:3.5rem;width:calc(50% - 1.75rem);}
.main_often .list > li{width:calc(33.33% - 2.33rem);max-width:22.1rem;}
.main_often .list > li a{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:22rem;text-align:center;color:#505050;border-radius:1.5rem 1.5rem 6rem 1.5rem;background-color:#f0f0f0;padding:0 12% 3rem;transition:all .2s;}
.main_often .list > li a i{position:relative;}
.main_often .list > li a i::before{z-index:1;transition:filter .2s;}
.main_often .list > li a i::after{position:absolute;content:'';display:block;width:2.5rem;height:2.5rem;border-radius:5rem;background-color:#678ef0;z-index:0;}
.main_often .list > li a i.ico_global::after{top:1rem;left:-.4rem}
.main_often .list > li a i.ico_training::after{bottom:.9rem;right:-.9rem}
.main_often .list > li a i.ico_scholarship::after{top:2rem;left:-.9rem}
.main_often .list > li a i.ico_visa::after{bottom:-.4rem;right:-1.4rem}
.main_often .list > li a i.ico_dormitory::after{top:0;left:-.4rem}
.main_often .list > li a i.ico_inquiry::after{top:0;left:-1rem}
.main_often .list > li a .tit{font-size:1.8rem;font-weight:600;margin-top:1.2rem;}
.main_often .list > li a .sub{min-height:4rem;font-size:1.4rem;font-weight:400;}
.main_often .list > li a:hover{/*color:#213d81;*/  color:#fff;background-color:#213d81;}
.main_often .list > li a:hover i::before{/*filter:brightness(0) saturate(100%) invert(29%) sepia(21%) saturate(1460%) hue-rotate(189deg) brightness(93%) contrast(96%);*/  filter:contrast(0) brightness(10);}
/*
.main_often .list:first-child > li:first-child a{color:#fff;background-color:#213d81;}
.main_often .list:first-child > li:first-child a i::before{filter:contrast(0) brightness(10);}
.main_often .list:first-child > li:first-child a:hover{background-color:#678ef0;}
.main_often .list:first-child > li:first-child a:hover i::after{background-color:#1e2c65;}
*/

/* main_photo */
.main_photo{position:relative;background-color:#f2f3f8;padding:9.2rem 0 16.6rem;overflow:hidden;}



.main_photo .inner{position:relative;}
.main_photo .swiper{margin-top:5.2rem;}
.main_photo .swiper-slide{border-radius:2rem;overflow:hidden;}
.main_photo .swiper-slide a{display:block;background-color:#fff;}
.main_photo .swiper-slide a .img{width:100%;height:24rem;}
.main_photo .swiper-slide a .img img{width:100%;height:100%;object-fit:cover;}
.main_photo .swiper-slide a .sum{padding:3rem 2.8rem 2.8rem;}
.main_photo .swiper-slide a .sum .tit{height:5.4rem;font-size:1.9rem;font-weight:600;line-height:1.4;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.main_photo .swiper-slide a .sum .date{display:block;font-size:1.7rem;color:#535353;margin-top:.4rem;}
.main_photo .swiper-slide a .sum .tit .new { width: 2.4rem; height: 2.4rem; font-size: 1.3rem; font-weight: 800; line-height: 2.5rem; text-align: center; color: #fff; border-radius: 50rem; background-color: #5e8cff; display: inline-block; margin-left: 0.5rem;}

.main_photo .control{top:-.3rem;}
.main_photo .control button:hover, .main_photo .control a:hover{border-color:#213d81 !important;background-color:#213d81 !important;}

/* main_sns */
.main_sns{padding:31rem 0 0;}
.main_sns::before{position:absolute;bottom:265rem;left:54%;content:'SUNLIN UNIVERSITY';display:block;width:max-content;font-size:18.5rem;font-weight:900;color:#9fa1aa;opacity:.1;}
.main_sns .inner{display:flex;justify-content:space-between;}
.main_sns .left{position:relative;top:-19.2rem;z-index:1;}
.main_sns .left::before{position:absolute;bottom:-8.4rem;right:-13rem;content:'';display:block;width:200%;height:66.5rem;border-radius:8rem;background-color:#213d81;z-index:-1;}
.main_sns .left::after{position:absolute;bottom:0;left:-6.2rem;transform:rotate(-90deg);transform-origin:bottom left;content:'Sunlin University\AInternational Exchange Center';display:block;font-size:2rem;letter-spacing:.5rem;color:rgba(255,255,255,.5);white-space:pre;}
.main_sns .left h3.tit{display:inline-flex;align-items:center;gap:0 1.8rem;color:#fff;}
.main_sns .left h3.tit .btn_more{border-color:#fff;background-color:transparent;}
.main_sns .left h3.tit .btn_more::before{filter:contrast(0) brightness(10);}
.main_sns .left h3.tit .btn_more:hover{background-color:#fff;}
.main_sns .left h3.tit .btn_more:hover::before{filter:none;}
.main_sns .left .video{position:relative;display:block;width:73.3rem;height:41.2rem;border-radius:1rem;overflow:hidden;margin-top:4.5rem;}
.main_sns .left .video iframe{width:100%;height:100%;}
.main_sns .left .video a i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:13rem;height:13rem;border-radius:50rem;background-color:rgba(0,0,0,.5);transition:background-color .2s;}
.main_sns .left .video a:hover i{background-color:#d30000;}
.main_sns .right{width:51.6rem;}
.main_sns .right h3.tit{position:relative;width:fit-content;z-index:0;}
.main_sns .right h3.tit::before{position:absolute;top:-.4rem;right:-1.4rem;content:'';display:block;width:3rem;height:3rem;border-radius:5rem;background-color:#678ef0;z-index:-1;}
.main_sns .right .link{display:inline-flex;gap:0 3.2rem;margin-top:4.6rem;}
.main_sns .right .link a{display:inline-flex;align-items:center;justify-content:center;width:10.5rem;height:10.5rem;border-radius:1.5rem 1.5rem 3rem 1.5rem;background-color:#f0f0f0;transition:background-color .2s;}
.main_sns .right .link a:hover i::before{filter:contrast(0) brightness(10);}
.main_sns .right .link a.btn_kakao:hover{background-color:#f9d132;}
.main_sns .right .link a.btn_kakao i::before{filter:none;}
.main_sns .right .link a.btn_insta:hover{background-color:#e1306c;}
.main_sns .right .link a.btn_facebook:hover{background-color:#3b5998;}
.main_sns .right .link a.btn_youtube:hover{background-color:#d30000;}
.main_sns .right .btn_box{display:inline-flex;align-items:center;gap:0 2.5rem;width:100%;height:14.5rem;font-size:2.3rem;font-weight:700;color:#fff;border-radius:2rem 2rem 5rem 2rem;background-color:#678ef0;padding:0 4.6rem;margin-top:3.6rem;}
.main_sns .right .btn_box .ico_school{margin-left:auto;}

@media screen and (max-width:1580px) {
  .main_vis .swiper-slide{padding-top:28rem;}
  .main_vis .swiper-slide .sum{gap:1.5rem 0;padding:0 4rem;}
  .main_vis .swiper-slide .sum .exp{display:none;}
  .main_vis .inner{flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-bottom:11.5rem;}
  .main_vis .list{flex-direction:row;}
  .main_vis .list > li{flex-direction:row;}

  .main_board .inner{gap:0 5.4rem;}
  .main_board .inner > div{width:calc(50% - 2.7rem);}

  .main_often .inner{flex-direction:column;align-items:center;}
  .main_often .list{justify-content:center;width:100%;}

  .main_photo{padding:7rem 0 18.2rem;}
  .main_photo::before{bottom:-6rem;left:46%;font-size:14.5rem;}
  .main_photo .control{right:4rem;}

  .main_sns{padding-bottom:8rem;}
  .main_sns .left{top:-8rem;}
  .main_sns .left::before{bottom:-5.6rem;right:-10rem;height:51rem;}
	.main_sns .left .video{width:54.4rem;height:30.5rem;}
  .main_sns .right{width:45.6rem;}
  .main_sns .right .link{gap:0 2.7rem;}
  .main_sns .right .link a{width:9.4rem;height:9.4rem;;}
}