@charset "utf-8";

/* 학과안내 - 학과소개 BG 교체 */
.major_detail { background: url(/sites/gisup/images/major_intro_bg_1.jpg) no-repeat center !important; }

/* 아래 화살표 */
.downArrow { padding:70px 0; background: url(/sites/style_guide/images/common/arrow_22.png) no-repeat center; height: 46px; transform: rotate(90deg); }

/* 학생회 임원단 */
.photoContainer { display:flex; flex-flow:row wrap; justify-content:center; align-content:center; }
.photoContainer .photoItem { width:19%; display:flex; justify-content: center; }
@media only screen and (max-width:1024px) {
  .photoContainer .photoItem { width:24%; margin-bottom:10px;  }
}
@media only screen and (max-width:620px) {
  .photoContainer .photoItem { width:30%; }
}
@media only screen and (max-width:420px) {
  .photoContainer .photoItem { width:45%; }
}

.photoContainer .photoItem .photoWrap { display:flex; flex-direction:column; justify-content:flex-start; align-content:center;  margin:0 5px; }
.photoContainer .photoItem .photoWrap .photoWrapItem { text-align:center;   border:1px solid #afafaf; /*flex-basis:100%;*/  max-width:140px;  }
.photoContainer .photoItem .photoWrap .photoWrapItem:nth-child(1) { padding:10px;  }
.photoContainer .photoItem .photoWrap .photoWrapItem:nth-child(n+2) { padding:5px 0; border-top:0px;   }


/* 커뮤니티 - 관련사이트 */
.rowBox_link .none { border:none; }

.pro_college_wrap.type_1{background:url(/sites/kr/images/sub/pro_college_bg_1.jpg) no-repeat center top;}
.pro_college_wrap.type_2{background:url(/sites/kr/images/sub/pro_college_bg_2.jpg) no-repeat center top;}
.pro_college_wrap.type_3{background:url(/sites/kr/images/sub/pro_college_bg_3.jpg) no-repeat center top;}
.pro_college_wrap.type_4{background:url(/sites/kr/images/sub/pro_college_bg_4.jpg) no-repeat center top;}
.pro_college_wrap.type_5{background:url(/sites/kr/images/sub/pro_college_bg_5.jpg) no-repeat center top;}
.pro_college_wrap.type_6{background:url(/sites/kr/images/sub/pro_college_bg_6.jpg) no-repeat center top;}
.pro_college_wrap.type_7{background:url(/sites/kr/images/sub/pro_college_bg_7.jpg) no-repeat center top;}
.pro_college_wrap.type_8{background:url(/sites/kr/images/sub/pro_college_bg_8.jpg) no-repeat center top;}
.pro_college_wrap.type_9{background:url(/sites/kr/images/sub/pro_college_bg_9.jpg) no-repeat center top;}
.pro_college_wrap.type_10{background:url(/sites/kr/images/sub/pro_college_bg_10.jpg) no-repeat center top;}
.pro_college_wrap.type_11{background:url(/sites/gisup/images/gisup_major_intro_bg_2.jpg) no-repeat center top;}
.pro_college_wrap .sum,
.pro_college_wrap .con{max-width:1550px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.pro_college_wrap .sum{position:relative;}
.pro_college_wrap .sum p{color:#FFF;font-size:30px;position:absolute;left:53%;top:170px;width:47%;padding-left:40px;}
.pro_college_wrap .sum p span{display:block;}
.pro_college_wrap .sum p:before,
.pro_college_wrap .sum p:after{content:"";display:inline-block;width:22px;height:22px;background:url(/sites/style_guide/images/common/quote_1_w.png) no-repeat center;}
.pro_college_wrap .sum p:before{position:absolute;top:0;left:0;}
.pro_college_wrap .sum p:after{transform:rotate(180deg);margin-left:20px;vertical-align:-10px;}
.pro_college_wrap .sum div{width:50%;padding-top:150px;}
.pro_college_wrap .sum i{display:block;position:absolute;bottom:0;right:0;}
.pro_college_wrap .sum .btns a{display:inline-block;padding:15px 80px 15px 30px;color:#FFF;font-size:16px;font-family:'Noto Regular';margin-right:10px;position:relative;}
.pro_college_wrap .sum .btns .a_1{background:url(/sites/style_guide/images/common/pattern_1.png) center;}
.pro_college_wrap .sum .btns a:before{content:"";display:inline-block;width:22px;height:24px;position:absolute;top:calc(50% - 12px);right:20px;}
.pro_college_wrap .sum .btns .a_1:before{background:url(/sites/style_guide/images/common/icon_home.png) no-repeat center;}
.pro_college_wrap .con{padding-top:80px;}
.pro_college_wrap .con > div{width:50%;padding-right:20px;margin-bottom:80px;}
.pro_college_wrap .con > div:last-child{width:100%;padding:0;margin-bottom:0;}
.pro_college_wrap .con span{display:inline-block;padding:10px 15px;margin:0 10px 10px 0;border:1px solid #DDD;border-radius:30px;font-size:16px;}
@media only screen and (max-width:1550px){
  .pro_college_wrap .sum,
  .pro_college_wrap .con{max-width:96%;}
}
@media only screen and (max-width:1024px){
  .pro_college_wrap .sum p{width:100%;padding-top:50px;text-align:center;position:relative;top:auto;left:auto;}
  .pro_college_wrap .sum p span{display:inline;}
  .pro_college_wrap .sum p:before{position:relative;top:auto;left:auto;margin-right:20px;vertical-align:10px;}
  .pro_college_wrap .sum div{width:100%;padding-top:25px;text-align:center;}
  .pro_college_wrap .con{padding-top:50px;}
  .pro_college_wrap .con > div{width:100%;padding-right:0;margin-bottom:30px;}
  .pro_college_wrap .con > div p{margin-left:2%;}
  .pro_college_wrap .sum i{display:inline-block;position:relative;bottom:auto;right:auto;margin:10px auto;}
}
@media only screen and (max-width:768px){
  .pro_college_wrap{background-size:1000px;}
  .pro_college_wrap .sum p{font-size:22px;padding-left:0;}
  .pro_college_wrap .sum p span{display:block;}
  .pro_college_wrap .sum p:before,
  .pro_college_wrap .sum p:after{display:none;}
}

.pro_college_wrap .sum p.sum_sub_txt{top: 280px;}
.pro_college_wrap .sum p.sum_sub_txt:before,
.pro_college_wrap .sum p.sum_sub_txt:after{display: none;}

@media only screen and (max-width:1024px){
    .pro_college_wrap .sum p.sum_sub_txt{top: auto;padding-top: 10px;}

}