@charset "utf-8";

body{margin:0;}
.layout{position: relative;max-width:1180px;margin:0 auto;}

.intro_ipsi{position:relative;padding: 145px 0 0;background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/images/ipsi/intro/intro_bg.jpg);background-size:cover;}
.intro_ipsi .logo{position:absolute;left:43px;top:29px;}
.intro_ipsi .logo a{display:inline-block;vertical-align:middle;}
.intro_ipsi .logo a:first-child{width: 191px;height:28px;background: url(/images/ipsi/intro/logo.png);background: url(/images/ipsi/intro/logo.svg);background-size: 100%;font-size:0;}
.intro_ipsi .logo a:last-child{position: relative;padding-left: 30px;font-size:24px;color:#fff;font-weight:bold;}
.intro_ipsi .logo a:last-child:before{position:absolute;left: 13px;top: 50%;width:1px;height:20px;background:#fff;opacity:0.4;transform: translateY(-50%);content:'';}
.intro_ipsi .title{display:block;margin-bottom: 10px;font-size:34px;color:#fff;font-family: 'GmarketSansM';}
.intro_ipsi .title b{display:inline-block;font-size:34px;color:#fff;font-family: 'GmarketSansB';}
.intro_ipsi .btn_wrap{position:absolute;right:0;top:0;}
.intro_ipsi .btn_wrap li{display:inline-block;min-width: 236px;margin-left: 10px;box-sizing: border-box;}
.intro_ipsi .btn_wrap li a{display:block;position: relative;padding: 0 35px 0 15px;border: 2px solid #fff;border-radius: 30px;font-size:16px;color:#fff;text-align:center;line-height: 46px;transition: all .4s;text-align: left;}
.intro_ipsi .btn_wrap li a:hover,
.intro_ipsi .btn_wrap li a:focus{background:#7bbd26;border-color: #7bbd26;}
.intro_ipsi .btn_wrap li a:after{position:absolute;right: 17px;top:50%;width: 6px;height: 6px;border: 2px solid #fff;border-width: 2px 2px 0 0;border-radius: 2px;transform:rotate(45deg) translateY(-50%);content:'';}
.intro_ipsi .btn_wrap li a b{font-weight:bold;}
.intro_ipsi .ipsi_wrap{display: flex;flex-wrap: wrap;flex-flow: row wrap;flex-direction: row;justify-content: space-between;position:relative;margin: 0 -11px 90px;}
.intro_ipsi .ipsi_wrap .box{flex: 1 1 20%; /*min-height: 220px;*/ min-height: 200px; padding: 11px;}
.intro_ipsi .ipsi_wrap .box:nth-child(4n){margin-right:0;}
.intro_ipsi .ipsi_wrap .box a{display:block;position:relative;height:100%;background:#fff;text-align:center;transition: all .4s;}
.intro_ipsi .ipsi_wrap .box a:hover,
.intro_ipsi .ipsi_wrap .box a:focus{box-shadow:20px 0 20px rgb(0 0 0 / 20%);}
.intro_ipsi .ipsi_wrap .box a:before{position:absolute;left:0;top:0;right: 0;bottom: 0;border: 5px solid #73ae3b;content:'';opacity:0;transition:all .4s;}
.intro_ipsi .ipsi_wrap .box a:hover:before,
.intro_ipsi .ipsi_wrap .box a:focus:before{opacity:1}
.intro_ipsi .ipsi_wrap .box a .arr{display:block;position:absolute;left: 30px;bottom: 35px;width:29px;height:9px;background-image: url(/images/ipsi/intro/arr1.png);background-position: right;background-repeat: no-repeat;transition: all .4s;}
.intro_ipsi .ipsi_wrap .box a:hover .arr,
.intro_ipsi .ipsi_wrap .box a:focus .arr{width:50px;}
.intro_ipsi .ipsi_wrap .box a:after{position:absolute;right:20px;bottom:20px;z-index: 1;width:57px;height:29px;background:url(/images/ipsi/intro/ov_logo.png);content:'';}
.intro_ipsi .ipsi_wrap .box .txt{position:absolute;left: 20px;right: 20px;top:50%;transform:translateY(-50%);}
.intro_ipsi .ipsi_wrap .box span{position:absolute;left:10px;top:10px;width:83px;height:38px;background:#74af3c;color:#fff;text-align:center;line-height:38px;font-size:17px;font-family:'GmarketSansB';}
.intro_ipsi .ipsi_wrap .box strong{display:block;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 62px;font-size:26px;color:#242424;line-height:1.2;text-overflow: ellipsis;word-break: keep-all;}
.intro_ipsi .ipsi_wrap .box em{display:block;overflow: hidden;font-size:18px;color:#242424;white-space: nowrap;text-overflow: ellipsis;}
.intro_ipsi .ipsi_wrap .box[data-type^="type"] a{color:#fff;}
.intro_ipsi .ipsi_wrap .box[data-type^="type"] a:before{display:none;}
.intro_ipsi .ipsi_wrap .box[data-type^="type"] a .arr{background-image: url(/images/ipsi/intro/arr2.png);}
.intro_ipsi .ipsi_wrap .box[data-type^="type"] span{background:#fff;}
.intro_ipsi .ipsi_wrap .box[data-type^="type"] strong,
.intro_ipsi .ipsi_wrap .box[data-type^="type"] em{color:#fff;}
.intro_ipsi .ipsi_wrap .box[data-type^="type"] a:after{background: url(/images/ipsi/intro/ov_logo2.png);}
.intro_ipsi .ipsi_wrap .box[data-type^="type1"] a{background:rgba(3,103,179,0.9)}
.intro_ipsi .ipsi_wrap .box[data-type^="type1"] a:hover,
.intro_ipsi .ipsi_wrap .box[data-type^="type1"] a:focus{background:#0367b3;}
.intro_ipsi .ipsi_wrap .box[data-type^="type1"] span{color:rgba(3,103,179,0.9)}
.intro_ipsi .ipsi_wrap .box[data-type^="type2"] a{background:rgba(33,172,208,0.9)}
.intro_ipsi .ipsi_wrap .box[data-type^="type2"] a:hover,
.intro_ipsi .ipsi_wrap .box[data-type^="type2"] a:focus{background:#21acd0;}
.intro_ipsi .ipsi_wrap .box[data-type^="type2"] span{color:rgba(33,172,208,0.9)}
.intro_ipsi .ipsi_wrap .box[data-type^="type3"] a{background:rgba(16,164,141,0.9)}
.intro_ipsi .ipsi_wrap .box[data-type^="type3"] a:hover,
.intro_ipsi .ipsi_wrap .box[data-type^="type3"] a:focus{background:#10a48d;}
.intro_ipsi .ipsi_wrap .box[data-type^="type3"] span{color:rgba(16,164,141,0.9)}
.intro_ipsi .ipsi_wrap .box[data-type^="type4"] a{background:rgba(246,95,91,0.9)}
.intro_ipsi .ipsi_wrap .box[data-type^="type4"] a:hover,
.intro_ipsi .ipsi_wrap .box[data-type^="type4"] a:focus{background:#f65f5b;}
.intro_ipsi .ipsi_wrap .box[data-type^="type4"] span{color:rgba(246,95,91,0.9)}

.intro_ipsi .ipsi_wrap .box[data-type^="type5"] a{background:#fff;}
.intro_ipsi .ipsi_wrap .box[data-type^="type5"] a:hover,
.intro_ipsi .ipsi_wrap .box[data-type^="type5"] a:focus{background:#7bbd26;border-color: #7bbd26;}
.intro_ipsi .ipsi_wrap .box[data-type^="type5"] a .arr{display:block;position:absolute;left: 30px;bottom: 35px;width:29px;height:9px;background-image: url(/images/ipsi/intro/arr1.png);background-position: right;background-repeat: no-repeat;transition: all .4s;}
.intro_ipsi .ipsi_wrap .box[data-type^="type5"] a:hover .arr,
.intro_ipsi .ipsi_wrap .box[data-type^="type5"] a:focus .arr{width:50px;}
.intro_ipsi .ipsi_wrap .box[data-type^="type5"] a:after{position:absolute;right:20px;bottom:20px;z-index: 1;width:57px;height:29px;background:url(/images/ipsi/intro/ov_logo.png);content:'';}
.intro_ipsi .ipsi_wrap .box[data-type^="type5"] .txt{position:absolute;left: 20px;right: 20px;top:50%;transform:translateY(-50%);}
.intro_ipsi .ipsi_wrap .box[data-type^="type5"] span{background:#74af3c;color:#fff;}
.intro_ipsi .ipsi_wrap .box[data-type^="type5"] strong{display:block;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 62px;color:#242424;text-overflow: ellipsis;word-break: keep-all;}
/* .intro_ipsi .ipsi_wrap .box[data-type^="type5"] em{display:block;overflow: hidden; color:#242424;white-space: nowrap;text-overflow: ellipsis;} */
.intro_ipsi .ipsi_wrap .box[data-type^="type5"] em{color:#242424;}



.intro_ipsi .footer{padding:35px 0;background:#2f2f2f;text-align:center;}
.intro_ipsi .footer p{margin: 0;font-size:15px;color:#fff;}

@media (max-width:1259px){
    .layout{padding:0 40px}

    .intro_ipsi .title{text-align:center;}
    .intro_ipsi .btn_wrap{position:relative;top:auto;right:auto;margin-bottom: 20px;text-align: center;}
}
@media (max-width: 1023px){
    .intro_ipsi .title,
    .intro_ipsi .title b{font-size:30px;}
    .intro_ipsi .ipsi_wrap .box{flex: 1 1 30%;}
    .intro_ipsi .ipsi_wrap .box em{font-size:16px;}
    .intro_ipsi .ipsi_wrap .box strong{height: 52px;font-size:22px;}
    .intro_ipsi .ipsi_wrap .box span{font-size:16px;}
}
@media (max-width: 767px){
    .layout{padding:0 10px;}

    .intro_ipsi{padding:80px 0 0}
    .intro_ipsi .logo{left:20px;top:20px;}
    .intro_ipsi .logo a:first-child{width: 130px;height: 19px;}
    .intro_ipsi .logo a:last-child{padding-left: 24px;font-size: 18px;}
    .intro_ipsi .logo a:last-child:before{left: 9px;}

    .intro_ipsi .btn_wrap:after{display:block;clear:both;content:'';}
    .intro_ipsi .btn_wrap li{float:left;width: calc(50% - 5px);min-width: auto;margin-left: 0;margin-right: 10px;}
    .intro_ipsi .btn_wrap li:last-child{margin-right:0;}
    .intro_ipsi .btn_wrap li a{padding: 7px 16px 7px 10px;border-radius: 20px;font-size: 13px;line-height: 1.2;word-break: keep-all;}
    .intro_ipsi .btn_wrap li a:after{right:10px;}
    .intro_ipsi .btn_wrap li a b{display:block;}

    .intro_ipsi .title, .intro_ipsi .title b{font-size: 26px;line-height:1.2;word-break: keep-all;}
    .intro_ipsi .ipsi_wrap{margin: 30px 0 0;}
    /*.intro_ipsi .ipsi_wrap .box{flex:0 0 100%;min-height: 180px;margin-bottom: 20px;padding: 0;}*/
    .intro_ipsi .ipsi_wrap .box{width:50%;  min-height: 87px;padding: 0 8px 12px;}
    .intro_ipsi .ipsi_wrap .box em{font-size:13px; letter-spacing:-1px;}
    /*.intro_ipsi .ipsi_wrap .box strong{height: 40px;font-size:17px;}
    .intro_ipsi .ipsi_wrap .box span{height: 28px;width: 75px;font-size: 13px;line-height: 29px;}
    .intro_ipsi .ipsi_wrap .box a .arr{left: 20px;bottom:20px;}*/
    .intro_ipsi .ipsi_wrap .box strong{height: 38px;font-size:13.5px;}
    .intro_ipsi .ipsi_wrap .box span {position:absolute;left:8px;top:8px;}
    .intro_ipsi .ipsi_wrap .box a .arr{position:absolute; left: 76%;bottom:10px;}
    .intro_ipsi .ipsi_wrap .box a:after,
    .intro_ipsi .ipsi_wrap .box[data-type^="type5"] a:after{right:10px;bottom:10px;}

    .intro_ipsi .footer p{font-size:14px;}

    .intro_ipsi .ipsi_wrap .box[data-type^="type5"] {width:50%; min-height: 65px; padding: 0 8px 12px;}
    .intro_ipsi .ipsi_wrap .box[data-type^="type5"] strong{padding-top:29px;}
    .intro_ipsi .ipsi_wrap .box[data-type^="type5"] em{position:relative; top:29px;}
    .intro_ipsi .ipsi_wrap .box[data-type^="type5"] a .arr{position:absolute; left: 76%; top:45px;}

    .intro_ipsi .ipsi_wrap .box[data-type^="type1"] span,
    .intro_ipsi .ipsi_wrap .box[data-type^="type2"] span,
    .intro_ipsi .ipsi_wrap .box[data-type^="type5"] span{height: 19px;width: 27px;font-size: 10px;line-height: 19px; letter-spacing:-1px;}
    .intro_ipsi .ipsi_wrap .box[data-type^="type3"] span{height: 19px;width: 38px;font-size: 10px;line-height: 19px; letter-spacing:-1px;}
    .intro_ipsi .ipsi_wrap .box[data-type^="type4"] span{height: 19px;width: 32px;font-size: 10px;line-height: 19px; letter-spacing:-1px;}


}
/*@media (max-width: 360px){


    .intro_ipsi .ipsi_wrap .box{flex:0 0 100%;min-height: 87px;margin-bottom: 15px;padding: 0;}
    .intro_ipsi .ipsi_wrap .box a .arr{left: 80%;bottom:15px;}
    .intro_ipsi .ipsi_wrap .box[data-type^="type5"] a .arr{left: 80%;bottom:15px;}
}

    <!-- data-type없을때:공통 type1:수시 type2:정시 type3:재외국인 type4:편입학 -->*/
/*@media (max-width: 620px){


    .intro_ipsi .ipsi_wrap .box {display:flex; flex-direction:column;}

    .intro_ipsi .ipsi_wrap .box[data-type^="type1"] { order:2;}
    .intro_ipsi .ipsi_wrap .box[data-type^="type2"] { order:1;}
    .intro_ipsi .ipsi_wrap .box[data-type^="type3"] { order:5;}
    .intro_ipsi .ipsi_wrap .box[data-type^="type4"] { order:3;}
    .intro_ipsi .ipsi_wrap .box[data-type^="type5"] { order:4;}

    }*/