@charset "utf-8";

#multipleDiv_university_temp03_11 ._objHtml{position: absolute;top: 45%;left: 50%;max-width: 800px;padding: 40px 30px;transform: translate(-50%,-50%);text-align: center;width: 90%;z-index:80;}
.slogan {}
.slogan span {font-family: 'Noto Light';font-size: 40px;color: #fff;line-height: 1.2;}
.slogan strong {display: block;font-size: 60px;font-family: 'Noto Medium';color: #fff;margin: 10px 0 15px;line-height: 1.0;}
.slogan p {font-family: 'Noto Light';font-size: 24px;color: #fff;line-height: 1.2;}
.slogan p i{display: block;}

@media all and (max-width:1350px) {
  #multipleDiv_university_temp03_11 ._objHtml{top:45%;}
}

@media all and (max-width:1023px) {
  .slogan p {font-size: 25px;}
  .slogan strong {font-size: 50px;}
}
@media all and (max-width:767px) {
  #multipleDiv_university_temp03_11 ._objHtml{top:50%;}
}

@media all and (max-width:560px) {
  .slogan span{display: none;}
  .slogan strong {font-size: 30px;}
  .slogan p {font-size: 18px;}
}

#multipleDiv_chosun_03_15{padding:55px 0 75px;}
.quick-bar ul li {border:1px solid #ccc;height: 83.5px;}
.quick-bar ul li + li{border-top:0;}
.quick-bar ul li a {display: block;padding: 9px 0 9px 35px;background: url('../../images/main/gray-arrow.png') no-repeat 90% center;}
.quick-bar ul li .icon{display: inline-block;vertical-align: middle;margin-right: 15px;}
.quick-bar ul li strong{display: inline-block;vertical-align: middle;font-size: 19px;color:#2a2d40;font-family: 'Noto Regular';}

@media all and (max-width:1500px) {
  #multipleDiv_chosun_03_15 > div.multipleContentsDiv{width:100% !important;padding:0 35px;}
  .quick-bar ul li a{padding:9px 0 9px 15px;background-position: 95% center;height: 100%;}
  .quick-bar ul li .icon{margin-right: 5px;}
  .quick-bar ul li strong{font-size: 17px;}
}

@media all and (max-width:1100px) {
  .quick-bar ul li{height: 90px;}
  .quick-bar ul li .icon{margin-right: 10px;margin-top:5px;}
  .quick-bar ul li strong{font-size: 20px;}
}

@media all and (max-width:767px) {
  #multipleDiv_chosun_03_15{padding:40px 0 20px;}
  #multipleDiv_chosun_03_15 > div.multipleContentsDiv{padding:0 15px;}
  .quick-bar ul {font-size: 0;}
  .quick-bar ul li{height: auto;width:calc(100% / 2);display: inline-block;}
  .quick-bar ul li:nth-child(2){border-top:1px solid #ccc;border-left:0;}
  .quick-bar ul li:nth-child(4){border-left:0;}
  .quick-bar ul li strong{font-size: 18px;padding-top: 5px;}
  .quick-bar ul li a{padding: 0 5px 5px 8px;}
}

#multipleDiv_chosun_03_20{clear: both;padding: 25px 0 45px;}
#multipleDiv_chosun_03_20:before{content:'';width:61.5%;height: 415px;background: #f7f7f7;position: absolute;left:0;bottom:0;z-index: -1;}
#multipleDiv_chosun_03_20:after{content:'';width:38.5%;height: 220px;background: #fbc985;position: absolute;right:0;bottom:0;z-index: -1;}

.bottom_wrap{height: 330px;}

.left-quick{display: inline-block;vertical-align: top;width: 24%;float:left;font-family: 'Noto DemiLight',sans-serif;}
.left-quick ul li + li{margin-top:5px;}
.left-quick ul li .icon{display: inline-block;vertical-align: middle;margin-right:30px;}
.left-quick ul li span{display: inline-block;font-size: 18px;color:#333;}

.administration{display: inline-block;vertical-align: top;width: 75%;padding-bottom: 15px;float:right;}
.administration > strong{display: inline-block;font-size: 22px;color:#2a2d40;font-family: 'Noto Bold';position: relative;z-index: 99;margin-bottom: 20px;}
.administration > strong:after{content:'';width:18px;height: 18px;border-radius: 50%;background: #fbc985;position: absolute;top: 3px;right: -7px;z-index: -1;}
.administration > ul li{display: inline-block;vertical-align: top;background: #fff;box-shadow: rgb(20 68 189 / 20%) 0px 0px 15px 0px;width: calc(100% / 3 - 27px);height: 260px;padding: 45px 25px 0 30px;}
.administration > ul li + li{margin-left:35px;}
.administration > ul li strong{color:#2a2d40;font-size: 26px;font-family: 'Noto Regular';display: block;position: relative;}
.administration > ul li strong:after{content:'';width:45px;height: 3px;background: #fbc985;display: block;margin: 20px 0 30px;}
.administration > ul li p{word-break: keep-all;font-size: 18px;color:#2a2d40;letter-spacing: -.5px;font-family: 'Noto Light';}

@media all and (max-width:1500px) {
  #multipleDiv_chosun_03_20 > div.multipleContentsDiv{width:100% !important;padding:0 35px;}
}

@media all and (max-width:1100px) {
  #multipleDiv_chosun_03_20{padding:25px 0 0;}
  #multipleDiv_chosun_03_20:before{height: 240px;bottom: 42%;width: 100%;}
  #multipleDiv_chosun_03_20:after{height: 80px;bottom: 30%;width: 80%;}
  .bottom_wrap{height: auto;}
  .administration{float:none;display: block;width:100%;margin-bottom: 40px;}
  .administration > ul li{height: 200px;padding-top: 20px;}
  .administration > ul li strong{font-size: 22px;}
  .administration > ul li strong:after{margin: 5px 0 10px;}
  .administration > ul li p{font-size: 17px;max-height: 100px;overflow: hidden;}

  .left-quick{float:none;display: block;width: 100%;}
  .left-quick ul li {width: calc(100% / 3 - 5px);text-align: left;display: inline-block;vertical-align: top;}
}

@media all and (max-width:767px) {
  #multipleDiv_chosun_03_20 > div.multipleContentsDiv{padding:0 15px;}
  #multipleDiv_chosun_03_20:before{bottom: 50%;height: 280px;}
  #multipleDiv_chosun_03_20:after{bottom: 38%;width: 90%;}

  .administration{padding:30px 10px 10px 10px;}
  .administration > ul li strong{font-size: 20px;font-family: 'Noto Medium';}
  .administration > ul li + li{margin-left:10px;}
  .administration > ul li{width: calc(100% / 2 - 7px);height: 145px;padding: 20px;}
  .administration > ul li:nth-child(3){width: 100%;display: table;margin-left:0;margin-top: 15px; height: 95px;}
  .administration > ul li:nth-child(3) strong{display: inline-block;vertical-align: middle;padding-bottom: 0;padding-right: 20px;margin-bottom: 0;}
  .administration > ul li:nth-child(3) p{display: inline-block;vertical-align: middle;width: 70%;margin-left: 20px;padding-top: 2px;}
  .administration > ul li p{font-size: 15px; line-height:20px; height:60px; overflow:hidden;}
  .administration > ul li strong:after{height:1px; width:25px;}
  .administration > ul li:nth-child(3) strong:after{position:absolute;right:20px;top: 50%;width:1px;height:20px;margin-top: -10px;}
  .administration > ul li:nth-child(3) a{display: table-cell;vertical-align: middle;}
  .administration > ul li:nth-child(3) a p,
  .administration > ul li:nth-child(3) a strong{display:table-cell; vertical-align:middle;}

  .left-quick{margin-bottom: 20px;}
  .left-quick ul li{width: calc(100% / 2 - 2px);padding-left: 15px;}
  .left-quick ul li .icon{margin-right:0px;}
  .left-quick ul li span{font-size: 18px;letter-spacing:-.5px;}
}

#multipleDiv_chosun_temp2_10{border-top:1px solid #cdcdcd;background: #f4f4f4;}

@media all and (max-width:1300px) and (min-width:1101px){
  #menu145_obj17{width:40%;}
  #menu145_obj18{width:35%;}
}
