@charset "utf-8";

.eQ01 .wrap_sub_visual::before{background:url(/sites/pagrad/images/sub_visual.jpg) no-repeat center;}
.eQ02 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_19.jpg) no-repeat center;}
.eQ03 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_21.jpg) no-repeat center;}
.eQ04 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_12.jpg) no-repeat center;}
.eQ05 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_5.jpg) no-repeat center;}
.eQ06 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_22.jpg) no-repeat center;}
.eQ07 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_25.jpg) no-repeat center;}
.eQ08 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_8.jpg) no-repeat center;}
.eQ09 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_19.jpg) no-repeat center;}
.eQ010 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_22.jpg) no-repeat center;}



.greeting_type_1 .item_1 img {

    box-shadow: none !important;
}

.btn-style.type1:hover {
    background: #016365;
    border: 1px solid #016365;
    color: #fff !important;
}
.btn-style.type1 {
    position: relative;
    top: -1px;
    display: inline-block;
    height: 40px;
    padding: 0 20px;
    background: #fff;
    border: 1px solid #016365;
    font-family: 'Noto Medium';
    font-size: 15px;
    line-height: 38px;
    color: #016365 !important;
    cursor: pointer;
}
.btn-style.type1::after {
    content: '';
    position: relative;
    top: -1px;
    display: inline-block;
    width: 12px;
    height: 7px;
    margin-left: 30px;
    background: url(https://www.konkuk.ac.kr/sites/guide/images/guide/ic-btn1.png) no-repeat center;
    vertical-align: middle;
}

@media all and (max-width: 768px) {
.box_3.bg {
	background-image: none !important;
}
}



/*박스*/
.box_0, .box_1, .box_bg {padding:35px;}
.box_0{border:1px solid #DDD;}
.box_1{border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
@media only screen and (max-width:768px){
  .box_0,.box_1{padding:20px;}
}

.box_3 { background:#f6f8f2; padding:45px 280px 50px 75px; min-height:220px; }
.box_3.bg { background:#f6f8f2 url("https://www.konkuk.ac.kr/sites/guide/images/guide/bg-para-banner.png") no-repeat 113% 18%; }
.box_3 p { font-size:20px; font-family:'Dream Regular'; color:#333; }
@media only screen and (max-width:768px){
  .box_3 { padding:20px; }
  .box_3 p { font-size:18px; }
}

.boxIcon{display:flex;}
.boxIcon .itemA{width:180px;margin-right:20px;display:flex;align-items:center;justify-content:center;}
.boxIcon .itemB{width:calc(100% - 200px);padding:30px;}
.boxIcon.typeA{}
.boxIcon.typeA .itemA{border-top:3px solid #02774d;border-bottom:1px solid #999;}
.boxIcon.typeA .itemB{border-top:3px solid #5a912d;border-bottom:1px solid #999;}
.boxIcon.typeB,
.boxIcon.typeC{border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
.boxIcon.typeB .itemA{background:#f7f7f7;border-right:1px solid #DDD;}
.boxIcon.typeC .itemA{background:#016365;background:rgb(5,108,65);background:linear-gradient(156deg, rgba(5,108,65,1) 0%, rgba(218,226,0,1) 100%);}
.boxIcon.typeB .itemB,
.boxIcon.typeC .itemB{background:#FFF;}
.boxIcon.typeC .itemA img{filter:invert(1) brightness(10);}
@media only screen and (max-width:1280px){
  .boxIcon .itemA{width:150px;}
  .boxIcon .itemB{width:calc(100% - 150px);}
}
@media only screen and (max-width:768px){
  .boxIcon .itemA{display:none;}
  .boxIcon .itemB{width:100%;}
}


/* Para Banner */
.para-banner p,
.para-banner pre {padding: 65px 300px 70px 70px; background: #f6f8f2 url('https://www.konkuk.ac.kr/sites/guide/images/guide/bg-para-banner.png') no-repeat 115% -30px; font-family: 'Noto Regular'; font-size: 20px; color: #333;}
.para-banner .small {font-family: 'Noto Regular'; font-size: 16px; line-height: 1.8; color: #333333;}
.para-banner.type2 p,
.para-banner.type2 pre{padding: 45px 280px 50px 75px;}
.para-banner .row {display: flex; align-items: center;}
.para-banner .thumb {flex-shrink: 0; width: 200px;}
.para-banner .desc {flex-grow: 1; padding-left: 20px;}

@media all and (max-width: 1024px) {
  .para-banner p,
  .para-banner.type2 p {padding: 30px; background-position: 200% center;}
}

@media all and (max-width: 660px) {
  .para-banner p,
  .para-banner.type2 p {padding: 30px; background-position: 200% center; font-size: 17px;}
  .para-banner .small {font-size: 15px;}
  .para-banner .row {flex-wrap: wrap;}
  .para-banner .thumb {width: 100%;}
  .para-banner .desc {width: 100%;}
}


/* MOU 체결 협약 기관 */
         .mouListWrap {
            position: relative;
            width: 100%;
            margin: 0 auto;
         }

         .mouListWrap ul {
            position: relative;
            list-style: none;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
         }

         .mouListWrap ul li {
            position: relative;
            list-style: none;
            width: 18.4%;
            margin-right: 2%;
            margin-bottom: 30px;
         }

         .mouListWrap ul li:nth-child(5n) {
            margin-right: 0;
         }

         .mouListWrap ul li a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 80px;
            border: 1px solid #efefef;
            border-radius: 6px;
            padding: 5px 10px;
            box-sizing: border-box;
            overflow: hidden;
            background: #fff;
            -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
            box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.15);
            transition: all 0.1s;
         }

         .mouListWrap ul li a.clickPrevent {
            pointer-events: none;
         }

         .mouListWrap ul li a:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
         }

         .mouListWrap ul li a img {
            display: block;
            max-width: 100%;
            max-height: 100%;
         }

         /* 반응형 */
         @media all and (max-width: 1080px) {
            .mouListWrap ul li {
               width: 23.5%;
               margin-right: 2%;
            }

            .mouListWrap ul li:nth-child(5n) {
               margin-right: 2%;
            }

            .mouListWrap ul li:nth-child(4n) {
               margin-right: 0;
            }
         }

         @media all and (max-width: 768px) {
            .mouListWrap ul li {
               width: 32%;
               margin-right: 2%;
            }

            .mouListWrap ul li:nth-child(4n) {
               margin-right: 2%;
            }

            .mouListWrap ul li:nth-child(3n) {
               margin-right: 0;
            }
         }