@charset "utf-8";

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

.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/mecha/images/mecha_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;}

}