@charset "utf-8";

/*비주얼*/
#multipleContentsDiv_sehan_20{max-width:172rem;margin:0 auto;}
#menu85_obj40{height:78.3rem !important;}
#menu85_obj50{position:absolute;left:0;top:0;}
.slogan{color:#FFF;padding:8.5rem 0 0 10rem;}
.slogan .txt_1{font-family:'paper-sb';font-size:5.4rem;line-height:1.2;opacity:0;transform:translateX(-5rem);}
.slogan .txt_2{font-family:'paper-r';font-size:1.6rem;line-height:1.6;margin-top:3rem;opacity:0;transform:translateX(5rem);}
@media all and (max-width:1720px){
  #multipleContentsDiv_sehan_20{max-width:calc(100% - 4rem);}
}
@media all and (max-width:1024px){
  #menu85_obj40{height:40rem !important;}
  .slogan{padding:5rem 0 0 3rem;}
  .slogan .txt_1{font-size:2.5rem;}
  .slogan .txt_2{font-size:1.4rem;margin-top:1rem;}
}


/*플로팅내비*/
.floatingNav{position:fixed;right:0;top:41rem;z-index:2;}
.floatingNav > div > button,
.floatingNav > div > a{width:6rem;height:6rem;text-indent:-9999px;display:block;}
.floatingNav .btnUser{background:#1f96e3 url('../../images/main/user_1.png') no-repeat center;}
.floatingNav .btnChat{background:#f1a327 url('../../images/main/user_2.png') no-repeat center;}
.floatingNav .btnSchedule{background:#f1a327 url('../../images/main/user_3.png') no-repeat center;}
.floatingNav .btnLocation{background:#1f96e3 url('../../images/main/user_4.png') no-repeat center;}

.userService{width:100%;height:100%;position:fixed;right:0;top:0;background:rgba(0, 0, 0, 0.8);display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:0.5s;}
.userService.active{visibility:visible;opacity:1;}
.userService .userServiceInner{width:106rem;position:relative;}
.userService h3{padding:3rem 4rem;background:#0091ee;border-top-left-radius:2rem;border-top-right-radius:2rem;}
.userService h3 strong{font-size:5.6rem;color:#FFF;font-family:'paper-b';}
.userService h3 span{font-size:2.2rem;color:#FFF;padding:0 2rem;opacity:0.5;}

.userService .userItem{padding:5rem 4rem;min-height:30rem;background:#FFF;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;position:relative;}
.userService .userItem::before{width:20%;height:100%;background:#ecf0f3;position:absolute;left:0;top:0;border-bottom-left-radius:2rem;content:"";display:block;}
.userService .userItem .title{margin-bottom:1rem;}
.userService .userItem .title button{color:#333;font-family:'paper-m';font-size:2.2rem;line-height:1;text-align:left;padding:1.3rem 2rem;width:21rem;border-radius:1rem;border-bottom-right-radius:2rem;position:relative;display:block;transition:0.2s;}

.userService .userItem .list{display:none;flex-wrap:wrap;width:70%;position:absolute;left:30%;top:5rem;}
.userService .userItem > li.active .list{display:flex;}
.userService .userItem .list li{width:33.3%;}
.userService .userItem .list li a{font-size:1.8rem;color:#1c1c1c;display:block;padding:1rem 2.5rem;position:relative;}
.userService .userItem .list li a::before{width:2rem;height:2rem;background:url('../../images/main/userBul_g.jpg') no-repeat center;position:absolute;left:0;top:1.35rem;content:"";display:block;transition:0.2s;}
.userService .userItem .list li a span{display:inline-block;}
.userService .userItem .list li a span::after{width:0;height:1px;background:#0073f4;content:"";display:block;transition:0.2s;}

.userService .userItem > li:hover .title button,
.userService .userItem > li.active .title button{color:#FFF;background:#2285c6;background: linear-gradient(90deg,rgba(34, 133, 198, 1) 0%, rgba(24, 172, 227, 1) 100%);}
.userService .userItem .list li a:hover{color:#0073f4;}
.userService .userItem .list li a:hover::before{background:url('../../images/main/userBul_b.jpg') no-repeat center;}
.userService .userItem .list li a:hover span::after{width:100%;}
.userService .closeUser{width:6rem;height:6rem;background:#222 url('../../images/main/xUser.png') no-repeat center;border-radius:100%;text-indent:-9999px;position:absolute;right:-3rem;top:-3rem;transition:0.3s;}
.userService .closeUser:hover{transform:rotate(180deg);}

@media all and (max-width:1280px){
  .userService .userServiceInner{width:90%;}
}
@media all and (max-width:1024px){
  .floatingNav{display:none !important;}
  .floatingNav > div > button,
  .floatingNav > div > a{width:5rem;height:5rem;}
  .userService h3{padding:1.5rem 3rem;}
  .userService h3 strong{font-size:3rem;}
  .userService h3 span{font-size:1.6rem;padding:0;display:block;}
  .userService .userItem{padding:3rem;display:flex;justify-content:space-between;}
  .userService .userItem > li{width:24%;}
  .userService .userItem::before{display:none;}
  .userService .userItem .title{margin-bottom:0;}
  .userService .userItem .title button{font-size:1.8rem;padding:1rem;width:100%;}
  .userService .userItem .list{width:calc(100% - 6rem);left:3rem;top:9rem;}
  .userService .userItem .list li a{font-size:1.6rem;padding-top:0.5rem;padding-bottom:0.5rem;}
  .userService .userItem .list li a::before{top:0.7rem;}
  .userService .closeUser{right:-1.5rem;top:-1.5rem;}
}
@media all and (max-width:768px){
  .userService .userItem .list li{width:50%;}
  .userService .userItem{min-height:35rem;}
}


/*타이틀*/
.mainTitle h2{color:#222;font-size:6rem;font-family:'paper-eb';}
.mainTitle p{color:#6e6e6e;font-size:2rem;font-family:'paper-l';padding-top:1rem;line-height:1.4;}
.mainTitle p span{color:#1f96e3;font-size:2.4rem;font-family:'paper-sb';padding-top:1rem;display:block;}

.mainTitle_2{text-align:center;margin-bottom:7rem;}

.mainTitle_3{padding:7rem 0 3rem 0;max-width:172rem;margin:0 auto;}
.mainTitle_3 p{color:#6e6e6e;font-size:2.4rem;padding-top:3rem;line-height:1.4;}
.mainTitle_3 p span{color:#1f96e3;font-family:'paper-sb';}

.mainTitle_4{color:#FFF;text-align:center;}
.mainTitle_4 h2{font-size:8rem;font-family:'paper-b';position:relative;display:inline-block;}
.mainTitle_4 h2::before{width:3rem;height:3rem;background:url('../../images/main/opi_star.png') no-repeat center;position:absolute;right:-3rem;top:1rem;content:"";display:block;}
.mainTitle_4 p{font-size:1.6rem;font-family:'paper-r';padding-bottom:3rem;}
.mainTitle_4 p strong{font-size:3.5rem;font-family:'paper-m';padding:2rem 0 1.5rem 0;display:block;}
.mainTitle_4 a{font-size:2rem;font-family:'paper-m';color:#1473e6;padding-right:2rem;background:url('../../images/main/opi_arrow.png') no-repeat right center;}
.mainTitle_4 a:hover{color:#FFF;background:url('../../images/main/opi_arrow_w.png') no-repeat right center;}

.mainTitle_6{text-align:center;}
.mainTitle_7{max-width:172rem;margin:0 auto;padding-bottom:6rem;}
.mainTitle_7 p{position:relative;padding-right:8rem;display:inline-block;}
@media all and (max-width:1720px){
  .mainTitle_7{max-width:calc(100% - 4rem);margin:0 auto;}
}
@media all and (max-width:1280px){
  .mainTitle_4 h2{font-size:6rem;}
  .mainTitle_4 p{font-size:1.4rem;}
  .mainTitle_4 p strong{font-size:2.5rem;}
  .mainTitle_4 a{font-size:1.8rem;}
}
@media all and (max-width:1024px){
  .mainTitle h2{font-size:3rem;line-height:1.1;}
  .mainTitle p{font-size:1.6rem;padding-top:3rem;}
  .mainTitle p span{font-size:2.2rem;padding-top:1rem;}

  .mainTitle_3{padding-top:3rem;}
  .mainTitle_3 p{font-size:1.6rem;}
  .mainTitle_3 p span{font-size:2.2rem;display:block;}

  .mainTitle_4 h2{font-size:3.5rem;}
  .mainTitle_4 p{font-size:1.2rem;}
  .mainTitle_4 p strong{font-size:2rem;}
  .mainTitle_4 a{font-size:1.6rem;}

  .mainTitle_5{text-align:center;}
}


/*텍스트배너*/
.textBanner{max-width:172rem;margin:0 auto;}
.textBanner ul{display:flex;align-items:center;justify-content:space-between;}
.textBanner li{width:32.3%;}
.textBanner a{display:flex;align-items:center;justify-content:space-between;height:14rem;padding:0 4rem;background:#e9e9eb;position:relative;}
.textBanner span{color:#000;font-family:'paper-m';font-size:3rem;line-height:1.3;display:flex;align-items:center;justify-content:space-between;position:relative;}
.textBanner a::before{width:100%;height:100%;position:absolute;left:0;top:0;background-size:cover !important;content:"";display:block;visibility:hidden;opacity:0;transition:0.5s;}
.textBanner a::after{width:2.4rem;height:2.4rem;background:#1f96e3 url('../../images/main/arrow_1_w.png') no-repeat center;border-radius:100%;position:relative;content:"";display:block;}
.textBanner a.a1::before{background:url('../../images/main/textBannerBg_1.jpg') no-repeat center;}
.textBanner a.a2::before{background:url('../../images/main/textBannerBg_2.jpg') no-repeat center;}
.textBanner a.a3::before{background:url('../../images/main/textBannerBg_4.jpg') no-repeat center;}
.textBanner a:hover{background:transparent;}
.textBanner a:hover span{color:#FFF;}
.textBanner a:hover::before{visibility:visible;opacity:1;}
.textBanner a:hover::after{background:#FFF url('../../images/main/arrow_1_b.png') no-repeat center;}
@media all and (max-width:1024px){
  .textBanner ul{display:block;}
  .textBanner li{width:100%;padding:0.5rem 0;}
  .textBanner a{height:8rem;padding:0 3rem;}
  .textBanner span{font-size:2.2rem;}
}

/*SHU OPINION*/
.shuOpinion{height:134rem;position:relative;display:flex;align-items:center;justify-content:center;}
.shuOpinion .shuOpinionTitle{padding-top:8rem;}
.shuOpinion .shuOpinionInner{}
.shuOpinion .item{position:absolute;border-radius:1rem;overflow:hidden;}
.shuOpinion .item img{width:100%;height:100%;object-fit:cover;object-position:center;}
.shuOpinion .item a{display:block;position:relative;width:100%;height:100%;}
.shuOpinion .item a span{color:#FFF;font-family:'paper-m';font-size:2rem;line-height:1.3;width:100%;height:100%;background:rgba(0,0,0,0.7);border-radius:1rem;position:absolute;left:0;top:0;padding:4rem;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;visibility:hidden;opacity:0;transition:0.3s;}
.shuOpinion .item a span em{font-size:1.5rem;display:block;padding-top:2rem;}
.shuOpinion .item a:hover span{visibility:visible;opacity:1;}
.shuOpinion .item_1{width:14%;height:13%;left:0%;top:38%;}
.shuOpinion .item_2{width:11.6%;height:17.2%;left:6%;top:16%;}
.shuOpinion .item_3{width:18.5%;height:29%;left:22%;top:1.5%;}
.shuOpinion .item_4{width:9.3%;height:13%;left:47%;top:0%;}
.shuOpinion .item_5{width:15%;height:15%;left:44.4%;top:18%;}
.shuOpinion .item_6{width:15.1%;height:25.4%;right:22.5%;top:4%;}
.shuOpinion .item_7{width:18.6%;height:16.4%;right:0%;top:0%;}
.shuOpinion .item_8{width:11.6%;height:14.2%;right:3%;top:20%;}
.shuOpinion .item_9{width:15.7%;height:27.6%;right:0%;bottom:30%;}
.shuOpinion .item_10{width:11.6%;height:14.2%;right:22%;bottom:23%;}
.shuOpinion .item_11{width:18%;height:13.5%;right:6%;bottom:4%;}
.shuOpinion .item_12{width:16.3%;height:26.1%;left:44%;bottom:0%;}
.shuOpinion .item_13{width:11.6%;height:14.2%;left:26.5%;bottom:14%;}
.shuOpinion .item_14{width:17.4%;height:27.6%;left:3%;bottom:10%;}
.shuOpinion .item_3,.shuOpinion .item_6,.shuOpinion .item_9,.shuOpinion .item_12,.shuOpinion .item_14{z-index:1;}
@media all and (max-width:1280px){
  .shuOpinion{height:110rem;}
  .shuOpinion .item a span{font-size:2rem;padding:3rem;}
  .shuOpinion .item a span em{font-size:1.4rem;}
  .shuOpinion .item_3{width:20.5%;}
  .shuOpinion .item_6{width:17.1%;}
  .shuOpinion .item_9{width:17.7%;}
  .shuOpinion .item_12{width:18.3%;}
  .shuOpinion .item_14{width:19.4%;}
}
@media all and (max-width:1024px){
  .shuOpinion{height:unset;display:block;}
  .shuOpinion .shuOpinionTitle{padding-top:0rem;padding-bottom:2rem;}
  .shuOpinion .item{display:none;position:relative;}
  .shuOpinion .item_3,
  .shuOpinion .item_6,
  .shuOpinion .item_9,
  .shuOpinion .item_12,
  .shuOpinion .item_14{display:block;margin-top:1rem;width:100%;height:unset;top:unset;left:unset;bottom:unset;right:unset;}
  .shuOpinion .item a{display:flex;align-items:center;justify-content:space-between;}
  .shuOpinion .item a img{width:15rem;border-radius:1rem;}
  .shuOpinion .item a span{width:calc(100% - 18rem);height:unset;padding:0;background:none;position:relative;text-align:left;display:block;visibility:visible;opacity:1;}
}
@media all and (max-width:768px){
  .shuOpinion .item a img{width:10rem;}
  .shuOpinion .item a span{width:calc(100% - 13rem);}
}


/*LINK SERVICE*/
.linkService{margin-top:7rem;}
.linkService .slick-slide{padding:0 0.5rem;}
.linkService a{max-width:25.5rem;height:35rem;position:relative;display:block;overflow:hidden;margin: 0 auto;}
.linkService span{color:#FFF;font-family:'paper-m';font-size:2.4rem;line-height:1.3;}

.linkService .a-1{border-radius:13rem;}
.linkService .a-2{border-radius:3rem;}
.linkService .a-3{border-radius:13rem;}
.linkService .a-4{border-radius:3rem;}
.linkService .a-5{background:#1f96e3;}
.linkService .a-7{background:#f68a33;}

.linkService .a-1 img{border-radius:13rem;}
.linkService .a-2 img{border-radius:3rem;}
.linkService .a-3 img{border-radius:13rem;}
.linkService .a-4 img{border-radius:3rem;}
.linkService .a-5 img{position:absolute;top:3rem;right:3rem;}
.linkService .a-7 img{position:absolute;top:3rem;right:3rem;}

.linkService .a-1 img,
.linkService .a-2 img,
.linkService .a-3 img,
.linkService .a-4 img,
.linkService .a-6 img{object-fit:cover;object-position:center;width:100%;height:100%;transition:0.5s;}

.linkService .a-1 span{display:none;}
.linkService .a-3 span{position:absolute;left:calc(50% - 6.5rem);top:calc(50% - 5rem);}
.linkService .a-2 span,
.linkService .a-4 span,
.linkService .a-5 span,
.linkService .a-6 span,
.linkService .a-7 span{position:absolute;left:3rem;bottom:3rem;width:calc(100% - 6rem);display:flex;align-items:center;justify-content:space-between;}

.linkService .a-3 span::before{width:5rem;height:5rem;background:url('../../images/main/link_3_play.png') no-repeat center;margin:1rem auto;content:"";display:block;}

.linkService .a-2 span::after,
.linkService .a-4 span::after,
.linkService .a-5 span::after,
.linkService .a-6 span::after,
.linkService .a-7 span::after{width:3.6rem;height:3.6rem;border-radius:100%;content:"";display:block;visibility:hidden;opacity:0;transition:0.5s;}
.linkService .a-2 span::after,
.linkService .a-4 span::after,
.linkService .a-6 span::after{background:#1f96e3 url('../../images/main/arrow_1_w.png') no-repeat center;}
.linkService .a-5 span::after{background:#FFF url('../../images/main/arrow_1_sky.png') no-repeat center;}
.linkService .a-7 span::after{background:#FFF url('../../images/main/arrow_1_orange.png') no-repeat center;}

.linkService .a-1:hover img,
.linkService .a-2:hover img,
.linkService .a-3:hover img,
.linkService .a-4:hover img,
.linkService .a-6:hover img{transform:scale(1.2);}
.linkService a:hover span::after{visibility:visible;opacity:1;}

.linkService .control{margin-top:5rem;display:flex;align-items:center;justify-content:center;}
.linkService .control button{width:5rem;height:5rem;margin:0 0.5rem;background:#f1f2f3 !important;text-indent:-9999px;border-radius:100%;display:flex;align-items:center;justify-content:center;}
.linkService .control button::before{width:3rem;height:3rem;content:"";display:block;}
.linkService .control button.btnPrev::before{background:url('../../images/main/prev.png') no-repeat center;}
.linkService .control button.btnNext::before{background:url('../../images/main/next.png') no-repeat center;}
.linkService .control button.btnPause::before{background:url('../../images/main/pause.png') no-repeat center;}
.linkService .control button.btnPlay::before{background:url('../../images/main/play2.png') no-repeat center;}
.linkService .control button.btnPause,
.linkService .control button.btnPlay{display:none;}
.linkService .control button.btnPause.active,
.linkService .control button.btnPlay.active{display:flex;}
.linkService .control button:hover{background:#414141 !important;}
.linkService .control button:hover::before{filter:invert(1) brightness(10);}

@media all and (max-width:1024px){
  .linkService a{max-width:100%;height:30rem;}
}


/*SNS*/
.snsLine{padding:6rem 0;}
.snsLine div{display:block;width:100%;height:1px;background:rgba(0,0,0,0.1);}
.btnSnsPause,
.btnSnsPlay{width:5rem;height:5rem;border-radius:100%;display:none;text-indent:-9999px;position:absolute;right:0;bottom:0;}
.btnSnsPause{background:#FFF url('../../images/main/pause.png') no-repeat center;}
.btnSnsPlay{background:#FFF url('../../images/main/play2.png') no-repeat center;}
.btnSnsPause.active,
.btnSnsPlay.active{display:block;}


/*세한뉴스*/
#multipleDiv_sehan_22{background:#FFF;}
#multipleContentsDiv_sehan_22{padding:6rem 0 12rem 0;}

/*학과뉴스*/
#multipleDiv_sehan_21{background:#f5f5f7;}
#multipleContentsDiv_sehan_21{max-width:172rem;margin:0 auto;padding:10rem 0;}

/*SHU OPINION*/
#multipleDiv_sehan_23{background:#00307E;background:radial-gradient(circle,rgba(0, 48, 126, 1) 0%, rgba(0, 28, 72, 1) 100%);}
#multipleContentsDiv_sehan_23{max-width:172rem;margin:0 auto;padding:10rem 0;}

/*NOTICE*/
#multipleDiv_sehan_24{background:#f5f5f7;}
#multipleContentsDiv_sehan_24{max-width:172rem;margin:0 auto;padding:10rem 0;}
#multipleDiv_sehan_24::before{opacity:0.2;background:url('../../images/main/noticeBg.png') no-repeat right top;width:100%;height:100%;position:absolute;left:0;top:0;content:"";display:block;}

/*LINK SERVICE*/
#multipleDiv_sehan_25{background:#FFF;}
#multipleContentsDiv_sehan_25{padding:10rem 0;}

/*SNS MEDIA*/
#multipleDiv_sehan_26{background:#e4f4ff;}
#multipleContentsDiv_sehan_26{padding:10rem 0;}
#multipleDiv_sehan_26::before{opacity:1;background:url('../../images/main/snsBg.png') no-repeat right top;width:100%;height:100%;position:absolute;left:0;top:0;content:"";display:block;}

/*퀵링크*/
#multipleDiv_sehan_28{background:#f5f5f7;}
#multipleContentsDiv_sehan_28{max-width:172rem;margin:0 auto;padding:8rem 0;}

@media all and (max-width:1720px){
  #multipleContentsDiv_sehan_22,
  #multipleContentsDiv_sehan_23,
  #multipleContentsDiv_sehan_24,
  #multipleContentsDiv_sehan_28{max-width:calc(100% - 4rem);}
}
@media all and (max-width:1024px){
  #multipleContentsDiv_sehan_21,
  #multipleContentsDiv_sehan_22,
  #multipleContentsDiv_sehan_23,
  #multipleContentsDiv_sehan_24,
  #multipleContentsDiv_sehan_25,
  #multipleContentsDiv_sehan_26{padding:3.5rem 0;}
  #multipleContentsDiv_sehan_28{padding:4rem 0;}
}