@charset "utf-8";

/*편집버튼*/
._contentBuilder ._obj ._relative ._objTool{right:5px !important;top:105px !important;}

@media only screen and (min-width:1281px){
  #fullpage > div:last-child,
  #fullpage > div:last-child .fp-tableCell{height:auto !important;}
}


/*단콘트롤************************************************************/
#fp-nav{position:fixed;top:calc(50% - 59px);left:70px;width:20px;}
#fp-nav ul{}
#fp-nav ul li{line-height:1;margin:3px 0;}
#fp-nav ul li:last-child{display:none;}
#fp-nav ul li a{display:inline-block;}
#fp-nav ul li a span{display:block;width:5px;height:5px;margin:5px;background:#FFF;border-radius:100%;}
#fp-nav ul li a.active span{height:20px;border-radius:5px;}
@media only screen and (max-width:1670px){
  #fp-nav{left:10px;}
}
@media only screen and (max-width:1280px){
  #fp-nav{display:none;}
}

/*풀페이지해제시*/
@media only screen and (max-width:1280px){
}
@media only screen and (max-width:768px){
}

/*메인비주얼*/
#multipleDiv_skhu_13{height:100vh !important;}
#menu4452_obj43{position:absolute;top:0;left:0;width:100% !important;height:100%;}
.main_visual{position:relative; visibility:hidden;}
.main_visual .slick-list{position:relative;top:0;left:50%;width:2200px;margin-left:-1100px;padding:0 !important;}
.main_visual .slick-slide{position:relative;}
.main_visual .slick-slide img{width:100%}
.main_visual .type_video video{position:absolute;top:0;left:0;width:100%;}

/*애니메이션*/
.main_visual .slick-current.type_video video{animation-name:mainVideo;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes mainVideo{
  0%{filter:blur(100px);filter:grayscale(1);}
  100%{filter:blur(0px);filter:grayscale(0);}
}
.main_visual .slick-current.type_image img{animation-name:mainImage;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes mainImage{
  0%{filter:blur(100px);filter:grayscale(1);transform:scale(1);}
  100%{filter:blur(0px);filter:grayscale(0);transform:scale(1.1);}
}

/*콘트롤*/
.main_visual .playstop,
.main_visual .paging li{line-height:0;}
.main_visual .paging button,
.main_visual .playstop button,
.main_visual .prevnext button{display:inline-block;text-indent:-9999px;}
.main_visual .control{position:absolute;left:0;top:50%;width:100%;display:flex;justify-content:center;align-items:center;}
/*넘버링*/
.main_visual .numbering{display:flex;align-items:center;display:none;}
.main_visual .numbering span{font-family: 'Titillium Web', sans-serif;font-size:16px;color:#FFF;}
.main_visual .numbering .now{}
.main_visual .numbering .now:after{content:"/";display:inline-block;padding:0 5px;}
.main_visual .numbering .total{}
/*재생정지*/
.main_visual .playstop{margin:0 10px;}
.main_visual .playstop button{display:none;width:9px;height:12px;}
.main_visual .playstop button.play{background:url(/sites/guide/images/common/play_2_w.png) no-repeat center;}
.main_visual .playstop button.stop{background:url(/sites/guide/images/common/pause_2_w.png) no-repeat center;}
.main_visual .playstop button.on{display:inline-block;}
/*페이징*/
.main_visual .paging{}
.main_visual .paging ul{display:flex;justify-content:center;}
.main_visual .paging li{display:flex;justify-content:center;align-items:center;margin:0 3px;}
.main_visual .paging button{width:10px;height:10px;background:rgba(255,255,255,0.5);border-radius:100%;}
.main_visual .paging li.slick-active button{background:#FFF;}
/*이전다음*/
.main_visual .prevnext{display:none;}
.main_visual .prevnext .container{}
.main_visual .prevnext button{}
.main_visual .prevnext button.prev{}
.main_visual .prevnext button.next{}
/*높이1024이상꽉차게*/
@media only screen and (min-height:1025px){
  .main_visual,
  .main_visual .slick-slider,
  .main_visual .slick-list,
  .main_visual .slick-track,
  .main_visual .slick-slide,
  .main_visual img{height:100%}
}
/*가로2000이상꽉차게*/
@media only screen and (min-width:2001px){
  .main_visual .slick-list{left:0;width:100%;margin-left:0;}
}
@media only screen and (max-width:1280px){
  #multipleDiv_skhu_13{height:100% !important;}
  #menu4452_obj43{position:relative;}
  .main_visual .type_video video{width:125%;}
  .main_visual,
  .main_visual .slick-list{height:873px !important;}
  .main_visual .slick-list{width:1280px;margin-left:-640px}
  .main_visual .control{top:auto;bottom:150px;}
}
@media only screen and (max-width:1024px){
  .main_visual,
  .main_visual .slick-list{height:699px !important;}
  .main_visual .slick-list{width:1024px;margin-left:-512px}
}
@media only screen and (max-width:768px){
  .main_visual,
  .main_visual .slick-list{height:524px !important;}
  .main_visual .slick-list{width:768px;margin-left:-384px}
  .main_visual .control{bottom:110px;}
}




/*SLOGAN************************************************************/
#menu4452_obj44{position:absolute;left:0;top:40%;width:100% !important;}
.slogan{line-height:1.2;max-width:1500px;margin:0 auto;word-break:keep-all;text-shadow:0px 0px 5px #000;}
.slogan .p_1{font-size:20px;color:#FFF;font-family: 'Play', sans-serif;font-weight:700;}
.slogan .p_2{font-size:34px;color:#FFF;font-family:'S-CoreDream-4Regular';margin-top:30px;}
.slogan .p_2 span{display:block;}
.slogan .p_2 strong{font-family:'S-CoreDream-5Medium';font-size:44px;}

@media only screen and (max-width:1500px){
  .slogan{padding:0 10%;}
}
@media only screen and (max-width:1024px){
  .slogan .p_2{font-size:28px;}
  .slogan .p_2 strong{font-size:34px;}
}
@media only screen and (max-width:768px){
  .slogan .p_1{font-size:18px;}
  .slogan .p_2{font-size:25px;}
  .slogan .p_2 strong{font-size:30px;}
}
@media only screen and (max-width:480px){
  .slogan{padding:0 70px 0 15px;}
  .slogan .p_1{font-size:16px;}
  .slogan .p_2{font-size:20px;}
  .slogan .p_2 strong{font-size:24px;}
}



/*퀵링크************************************************************/
#menu4452_obj151{position:absolute;left:0;bottom:0;width:100% !important;background:rgba(0,0,0,0.4);}


/*COMMON************************************************************/

/*단별BG*/
.section{position:relative;}
#section1{background:#6fcdd9;}
#section2{background:url(../../images/main/education_bg.jpg) no-repeat center;background-size:cover;}
#section3{background:url(../../images/main/pride_bg.jpg) no-repeat center;background-size:cover;}
#section4{background:#e5eaf0;}
#section5{background:url(../../images/main/notice_bg.jpg) no-repeat center;background-size:cover;}
#section6{background:url(../../images/main/sns_bg.jpg) no-repeat center;background-size:cover;}

.editMode #multipleDiv_skhu_14{background:#6fcdd9;}
.editMode #multipleDiv_skhu_15{background:url(../../images/main/education_bg.jpg) no-repeat center;background-size:cover;}
.editMode #multipleDiv_skhu_16{background:url(../../images/main/pride_bg.jpg) no-repeat center;background-size:cover;}
.editMode #multipleDiv_skhu_17{background:#117fd6;}
.editMode #multipleDiv_skhu_18{background:url(../../images/main/notice_bg.jpg) no-repeat center;background-size:cover;}
.editMode #multipleDiv_skhu_19{background:url(../../images/main/sns_bg.jpg) no-repeat center;background-size:cover;}

#multipleContentsDiv_skhu_14,
#multipleContentsDiv_skhu_15,
#multipleContentsDiv_skhu_16,
#multipleContentsDiv_skhu_18,
#multipleContentsDiv_skhu_19{max-width:1500px;margin: 0 auto;overflow:hidden;padding:160px 0 100px 0;}
#multipleContentsDiv_skhu_17{overflow:hidden;padding:160px 0 100px 0;}

@media only screen and (max-width:1500px){
  #multipleContentsDiv_skhu_14,
  #multipleContentsDiv_skhu_15,
  #multipleContentsDiv_skhu_16,
  #multipleContentsDiv_skhu_18,
  #multipleContentsDiv_skhu_19{max-width:94%;}
  #multipleContentsDiv_skhu_17{}
}
@media only screen and (max-width:1280px){
  #multipleContentsDiv_skhu_14,
  #multipleContentsDiv_skhu_15,
  #multipleContentsDiv_skhu_16,
  #multipleContentsDiv_skhu_17,
  #multipleContentsDiv_skhu_18,
  #multipleContentsDiv_skhu_19{padding:100px 0;}
}
@media only screen and (max-width:768px){
  #multipleContentsDiv_skhu_14,
  #multipleContentsDiv_skhu_15,
  #multipleContentsDiv_skhu_16,
  #multipleContentsDiv_skhu_17,
  #multipleContentsDiv_skhu_18,
  #multipleContentsDiv_skhu_19{padding:50px 0;}
}



/*SKHU EDUCATION************************************************************/
.main_depart{padding-bottom:70px;}
.main_depart h3{line-height:1;font-size:55px;color:#000;font-family:'S-CoreDream-1Thin';text-align:center;margin-bottom:40px;}
.main_depart h3 strong{font-family:'S-CoreDream-5Medium';}
.main_depart .item{display:block;position:relative;margin:0 10px;padding-bottom:110px;}
.main_depart .item .pic{padding:20px 0 0 20px;position:relative;}
.main_depart .item .pic::before{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid #FFF;position:absolute;left:0;top:0;}
.main_depart .item .pic img{width:100%;}
.main_depart .item dl{padding:30px;background:#FFF;position:absolute;left:10%;bottom:0;width:80%;}
.main_depart .item dt{font-family:'Noto Regular';font-size:20px;color:#000;padding-bottom:20px;}
.main_depart .item dd{}
.main_depart .item dd p{font-size:16px;color:#666;padding-bottom:30px;}
.main_depart .item dd div{font-family:'S-CoreDream-6Bold';font-size:12px;color:#117fd6;}
.main_depart .item dd div::before{content:"";display:inline-block;width:20px;height:2px;background:#117fd6;margin-right:10px;vertical-align:6px;}

.main_depart .item_1 .pic::before{border-color:#f5a101;}
.main_depart .item_2 .pic::before{border-color:#008fd5;}
.main_depart .item_3 .pic::before{border-color:#7767a8;}
.main_depart .item_4 .pic::before{border-color:#67a88a;}
.main_depart .item_5 .pic::before{border-color:#be9b50;}

.main_depart .control{display:flex;align-items:center;position:absolute;left:0;bottom:0;width:100%;}
.main_depart .paging{width:calc(100% - 100px);}
.main_depart .paging ul{display:flex;align-items:center;}
.main_depart .paging ul li{line-height:1.05;width:100%;}
.main_depart .paging ul li button{display:inline-block;text-indent:-9999px;width:100%;height:6px;background:#c9c9c9;}
.main_depart .paging ul li.slick-active button{background:#117fd6;}
.main_depart .paging ul li:first-child button{border-top-left-radius:30px 30px;border-bottom-left-radius:30px 30px;}
.main_depart .paging ul li:last-child button{border-top-right-radius:30px 30px;border-bottom-right-radius:30px 30px;}
.main_depart .btns{width:100px;}
.main_depart .btns button{display:inline-block;text-indent:-9999px;width:30px;height:30px;position:absolute;bottom:0;}
.main_depart button.play{display:none;background:url(../../images/main/play_1.png) center no-repeat;left:30px;}
.main_depart button.stop{display:none;background:url(../../images/main/pause_1.png) center no-repeat;left:30px;}
.main_depart button.prev{background:url(../../images/main/arrow_1.png) center no-repeat;left:0;}
.main_depart button.next{background:url(../../images/main/arrow_1.png) center no-repeat;left:60px;transform:rotate(180deg);}
.main_depart button.on{display:inline-block;}
@media only screen and (max-width:1280px){
  .main_depart h3{font-size:35px;margin-bottom:30px;}
}
@media only screen and (max-width:768px){
  .main_depart h3{font-size:25px;}
  .main_depart .item{margin:0;padding-bottom:5%;}
  .main_depart .item .pic{padding:0;}
  .main_depart .item .pic::before{display:none;}
  .main_depart .item dl{padding:20px;left:5%;width:90%;}
  .main_depart .item dt{font-size:18px;padding-bottom:10px;}
  .main_depart .item dd p{padding-bottom:0;}
  .main_depart .item dd div{display:none;}
  .main_depart .paging{display:none;}
  .main_depart .btns{width:100%;display:flex;align-items:center;justify-content:center;}
  .main_depart .btns button{position:relative;bottom:auto;left:auto;}
}



/*PRIDE OF SKHU************************************************************/
#section3::before{content:"";display:block;width:calc(100% - 50px);height:50px;background:#117fd6;position:absolute;left:50px;bottom:0;}
.main_pride{margin-left:25%;}
.main_pride h3{line-height:1.1;font-size:55px;color:#FFF;font-family:'S-CoreDream-1Thin';position:absolute;left:0;top:0;}
.main_pride h3 strong{font-family:'S-CoreDream-5Medium';}
.main_pride h3 span{display:block;}
.main_pride .item{display:block;max-width:280px;}
.main_pride .item div{margin-bottom:40px;}
.main_pride .item div img{display:inline-block;}
.main_pride .item dl{color:#FFF;word-break:keep-all;}
.main_pride .item dt{font-family:'Noto Bold';font-size:30px;}
.main_pride .item dd{font-size:18px;}
.main_pride .item dd::before{content:"";display:block;width:45px;height:1px;background:#FFF;margin:20px 0;}

.main_pride .control{display:flex;align-items:center;position:absolute;left:0;bottom:0;width:100%;}
.main_pride .control button{display:inline-block;text-indent:-9999px;width:30px;height:30px;position:absolute;bottom:0;}
.main_pride button.play{display:none;background:url(../../images/main/play_1_w.png) center no-repeat;left:30px;}
.main_pride button.stop{display:none;background:url(../../images/main/pause_1_w.png) center no-repeat;left:30px;}
.main_pride button.prev{background:url(../../images/main/arrow_1_w.png) center no-repeat;left:0;}
.main_pride button.next{background:url(../../images/main/arrow_1_w.png) center no-repeat;left:60px;transform:rotate(180deg);}
.main_pride button.on{display:inline-block;}

.main_pride_2{display:flex;flex-wrap:wrap;border-top:1px solid #FFF;margin-top:70px;padding-top:70px;}
.main_pride_2 h3{line-height:1.3;font-size:30px;color:#FFF;font-family:'S-CoreDream-1Thin';width:20%;}
.main_pride_2 h3 strong{display:block;font-family:'S-CoreDream-5Medium';}
.main_pride_2 h3 span{display:block;}
.main_pride_2 ul{width:80%;display:flex;justify-content:space-between;}
.main_pride_2 li{text-align:center;width:100%;}
.main_pride_2 li a{display:block;}
.main_pride_2 li span{display:block;font-family:'Noto Medium';font-size:18px;color:#FFF;margin-top:20px;}

@media only screen and (max-width:1280px){
  .main_pride{margin-left:0;}
  .main_pride h3{font-size:35px;margin-bottom:30px;position:relative;left:auto;top:auto;text-align:center;}
  .main_pride h3 span{display:inline;}
  .main_pride .item{text-align:center;margin: 0 auto;}
  .main_pride .item dt{font-size:20px;}
  .main_pride .item dd::before{display:none;}
  .main_pride .control{position:relative;left:auto;bottom:auto;justify-content:center;margin-top:30px;}
  .main_pride .control button{position:relative;bottom:auto;left:auto;}
  .main_pride_2{margin-top:30px;padding-top:30px;}
  .main_pride_2 h3{width:100%;text-align:center;margin-bottom:30px;}
  .main_pride_2 h3 span{display:inline;}
  .main_pride_2 ul{width:100%;}
}
@media only screen and (max-width:768px){
  #section3::before{width:calc(100% - 10px);height:10px;left:10px;}
  .main_pride h3{font-size:25px;}
  .main_pride .item div{margin-bottom:15px;}
  .main_pride .item div img{max-width:50px;}
  .main_pride_2 h3{font-size:20px;}
  .main_pride_2 ul{flex-wrap:wrap;}
  .main_pride_2 li{width:33%;margin-bottom:20px;}
  .main_pride_2 li img{max-width:30px;}
  .main_pride_2 li span{font-size:14px;margin-top:5px;line-height:1.3;}
}
@media only screen and (max-width:320px){
  .main_pride_2 li{width:50%;}
}



/*내가 본 성공회대************************************************************/
#section4::before{content:"";display:block;width:calc(100% - 50px);height:100%;background:#117fd6;position:absolute;left:50px;top:0;}
@media only screen and (max-width:768px){
  #section4::before{width:calc(100% - 10px);left:10px;}
}



/*NOTICE************************************************************/
/*#multipleContentsDiv_skhu_18{display:flex;justify-content:space-between;align-items:flex-end;flex-direction:row-reverse;}
#multipleContentsDiv_skhu_18 ._obj{width:49% !important;}
*/
#menu4452_obj1555{}
#menu4452_obj1925{width:49% !important;position:absolute;right:0;top:394px;}
@media only screen and (max-width:1280px){
  #menu4452_obj1925{top:363px;}
}
@media only screen and (max-width:1024px){
  #menu4452_obj1925{top:387px;}
}
@media only screen and (max-width:768px){
  #menu4452_obj1925{width:100% !important;right:0;top:365px;}
}



/*SNS CHANNEL************************************************************/
.main_sns{}
.main_sns h3{line-height:1.1;font-size:55px;color:#FFF;font-family:'S-CoreDream-1Thin';margin-bottom:30px;}
.main_sns h3 strong{font-family:'S-CoreDream-5Medium';}
.main_sns .gotos{display:flex;position:absolute;right:0;top:0;}
.main_sns .gotos a{margin-left:20px;}
.main_sns .gotos img{border-radius:100%;}

.main_sns .wrap{display:flex;align-items:center;justify-content:space-between;padding:0 50px;}
.main_sns .sideCon{width:40%;}
.main_sns .sideCon .con{display:block;}
.main_sns .sideCon .pic{position:relative;padding:20px 0 0 20px;max-height:440px;overflow:hidden;}
.main_sns .sideCon .pic::before{content:"";display:block;width:calc(100% - 15px);height:calc(100% - 15px);border:1px solid #FFF;position:absolute;left:0;top:0;z-index:1;}
.main_sns .sideCon .pic img{width:100%;}
.main_sns .sideCon .fig{color:#FFF;font-size:20px;padding:15px 0 0 15px;}

.main_sns .sns_slide{width:60%;}
.main_sns .thum{overflow:hidden;padding:15px 0 0 15px;position:relative;}
.main_sns .thum img{width:100%;}
.main_sns .title{color:#FFF;font-size:20px;padding:15px 0 0 15px;word-break:keep-all;line-height:1.3;}
.main_sns .sns_slide .con{display:block;}

.main_sns .control button{display:inline-block;border-radius:100%;position:absolute;z-index:1;}
.main_sns button.play{background:url(../../images/main/play_1_w.png) center no-repeat;}
.main_sns button.stop{background:url(../../images/main/pause_1_w.png) center no-repeat;}
.main_sns button.play,
.main_sns button.stop{display:none;text-indent:-9999px;width:50px;height:50px;background-color:#000;top:calc(50% - 6px);left:80px;}
.main_sns button.on{display:inline-block;}
.main_sns button.prev,
.main_sns button.next{color:#FFF;font-size:14px;top:calc(50% - 25px);}
.main_sns button.prev{background:rgba(0,0,0,0.5);left:0;width:90px;height:90px;}
.main_sns button.next{background:#f5a101;right:0;width:110px;height:110px;}
.main_sns .paging{display:none;}

@media only screen and (max-width:1280px){
  .main_sns h3{font-size:35px;text-align:center;}
  .main_sns .gotos{display:flex;justify-content:center;position:relative;right:auto;top:auto;margin-bottom:30px;}
  .main_sns .gotos a{margin:0 10px;}
  .main_sns .wrap{padding:0;}
  .main_sns .sns_slide{width:58%;}
  .main_sns .title{font-size:18px;text-align:center;}
  .main_sns .thum{padding:0;}
  .main_sns .control .btns{display:flex;justify-content:center;align-items:center;margin-top:30px;}
  .main_sns .control button{position:relative;}
  .main_sns button.play,
  .main_sns button.stop,
  .main_sns button.prev,
  .main_sns button.next{text-indent:-9999px;width:30px;height:30px;top:auto;right:auto;left:auto;}
  .main_sns button.play{background:url(../../images/main/play_1_w.png) center no-repeat;}
  .main_sns button.stop{background:url(../../images/main/pause_1_w.png) center no-repeat;}
  .main_sns button.prev{background:url(../../images/main/arrow_1_w.png) center no-repeat;}
  .main_sns button.next{background:url(../../images/main/arrow_1_w.png) center no-repeat;transform:rotate(180deg);}
}
@media only screen and (max-width:768px){
  .main_sns h3{font-size:25px;}
  .main_sns .wrap{display:block;}
  .main_sns .sideCon{display:none;}
  .main_sns .sns_slide{width:100%;}
  .main_sns .title{color:#FFF;font-size:16px;}
}



/*HOVER************************************************************/
@media only screen and (min-width:1281px){

  .main_depart .item:hover .pic::before{border-color:#FFF;}
  .main_pride_2 a:hover img{transform:rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
  .main_sns .con:hover .thum img{transform:scale(1.1);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}