@media (min-width: 992px) {
  .main {
    z-index: 1;
    word-break: keep-all;
  }
  .main a {color: #222;}

.main { position:relative;  }

.main .main-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%;   height:600px;  background-repeat: no-repeat;   background-position:center top;   background-color:#EBF8FF; }
.main-section01 {width:100%;   height:600px;  }
.main-section01 .container { position:relative;  height:600px; padding-top:75px; padding-left:12px; }
.main-section01 .container .row{padding-left:12px; }
.main-section01 .main-text { color:#000;   font-family: 'Noto Sans KR' , 'Arial';   }
.main-section01 .main-text .title { font-size:28px; position:relative;  margin-bottom:10px;   }
.main-section01 .main-text .text { font-size:42px;  font-weight:100; line-height:1.2; margin-bottom:10px; letter-spacing:-1.5px;   }
.main-section01 .main-text .text strong {font-weight:normal; }
.main-section01 .main-text .eng  { font-size:24px;   }
.main-section01  .hot-alime {   overflow:hidden;  width:588px; height:305px; position:absolute; bottom:0px; left:12px;   }
.main-section01  .hot-alime ul li img { width:588px; height:305px; }
.main-section01  .hot-alime .bx-controls  {  position:absolute; top:10px; left:10px;   }
.main-section01  .hot-alime .bx-pager {float:left;  }
.main-section01  .hot-alime .bx-controls-auto * { vertical-align:top;  }
.main-section01  .hot-alime .bx-controls-auto { float:left;  }
.main-section01  .hot-alime .bx-pager .bx-pager-item  {float:left; }
.main-section01  .hot-alime .bx-controls   a  {margin-left:5px;  width:16px;  text-align:center;  height:16px; display:block;float:left;  }
.main-section01  .hot-alime .bx-pager .bx-pager-item a  { background:url(../images/main/rolling_btn_off.png) no-repeat 4px 4px; padding:4px;  text-indent:-99999px; }
.main-section01  .hot-alime .bx-pager .bx-pager-item a.active {  background:url(../images/main/rolling_btn_on.png) no-repeat left top; padding:0px;  } 
.main-section01  .hot-alime .bx-controls .bx-stop { padding-top:4px;  }
.main-section01  .hot-alime .bx-controls .bx-start { padding-top:3px;  }

.main-section02 { background:#ebf8ff; position:relative; }
.main-section02 .notice-position {float:left;  padding:50px 45px 0 45px;  height:430px;  width:50%;    background:#ebf8ff;  }
.main-section02 .notice-wrap { height:245px;    position:relative;}
.main-section02 .notice-wrap h3 { padding-top:16px;  padding-left:30px; padding-right:30px; float:left; background:url(../images/main/b_s1.png) no-repeat left 25px;  font-weight:normal; }
.main-section02 .notice-wrap .notice:first-child h3 { background:none;  padding-left:0px; }
.main-section02 .notice-wrap h3 a {  color:#000; display:block;  font-size:20px;  text-align:center;  vertical-align:middle;   height:39px; }
.main-section02 .notice-wrap ul {display:none;  position:absolute; top:70px; padding-top:20px;  left:0px; width:100%;  }
.main-section02 .notice-wrap ul li { width:100%;margin-bottom:15px; padding-left:10px;  float:left; background:url(../images/main/list_b.jpg) no-repeat left 10px;   }
.main-section02 .notice-wrap ul li a { float:left; color:#000; width:80%;  font-size:17px;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .notice-wrap ul li span {float:right; color:#666;  font-size:15px; }
.main-section02 .notice-wrap .more { display:none; position:absolute; top:17px; right:0px;  }
.main-section02 .notice-wrap .notice.active h3 a { border:0px; border-bottom:4px solid #f31eb4; color:#000; text-decoration:none;   }
.main-section02 .notice-wrap .notice.active ul  , .main-section02 .notice-wrap  .notice.active .more { display:block;  }

/* .main-section02 .gallery-position{float: left; padding: 50px 45px 0 45px; height: 370px; width: 50%; background: #fff;} */

.main-section02 .gallery-position{position: absolute; top: 0px; left: 50%; width: 50%; background: #fff;}
.main-section02 .gallery-wrap{float: left; position: relative; width: 600px; height: 430px; background: #fff; padding: 60px 75px; padding-bottom: 0px; padding-right: 0;}
.main-section02 .gallery {position: relative; height: 310px;}
.main-section02 .gallery h3{font-weight: normal;}
.main-section02 .gallery h3 a{color: #333; display: block; font-size: 24px; text-align: left; vertical-align: middle; height: 35px;}
.main-section02 .gallery ul{position: absolute; top: 35px; padding-top: 20px; left: 0px; width: 100%;}
.main-section02 .gallery ul li{float: left; width: calc((100% - 22px) / 3); margin-right: 11px;}
.main-section02 .gallery ul li:last-child{margin-right: 0px;}
.main-section02 .gallery ul li a p.img{padding-top: 140%; background-color: #EFEFEF; background-size: cover;}
.main-section02 .gallery ul li a p.title{color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 17px; font-weight: normal; letter-spacing: -1.36px; line-height: 25px; padding-top: 8.44px;}
.main-section02 .gallery .more {position:absolute; top: 8px; right:0px;  }



.main-section02 .calendar-wrap { position:absolute; top:0px; left:50%; width:50%; background:#fff;  }
.main-section02 .calendar { float:left; position:relative;  width:600px; height:370px; background:#fff;   padding: 60px 50px; padding-bottom:0px;  }
.main-section02 .calendar .calendar-top {margin-bottom:20px; }
.main-section02 .calendar h3 {  font-size:17px;float:left;  color:#000; position:relative; margin-bottom:10px;   }
.main-section02 .calendar h3 a {   color:#000;    }
.main-section02 .calendar h3:before {content:''; display:block; position:absolute; top:-10px; left:-40px; width:50px; border-top:3px solid #000; }
.main-section02 .calendar .month {text-align:center;  margin-top:-8px;  }
.main-section02 .calendar .month a { font-size:18px; color:#000; display:inline-block;   margin-top:10px;    }
.main-section02 .calendar .month span { font-size:24px; color:#000; display:inline-block;   margin: 0 10px; }
.main-section02 .calendar table   {  width:100%; border-collapse:collapse;  }
.main-section02 .calendar table th { text-align:center; font-size:15px; color:#000; height:30px;  }
.main-section02 .calendar table td { text-align:center;  font-size:15px; color:#525252; height:30px; }
.main-section02 .calendar table td.no-date { color:#a09d9d;  } 
.main-section02 .calendar table td a { color:#ff0000;  display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.main-section02 .calendar table td span {   display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.main-section02 .calendar table td a.active { color:#ff0000;  background:#e9e8e8;  } 
.main-section02 .calendar .schedule { position:absolute; bottom:20px; left:50px;  width:100%;font-size:15px; color:#606060;   }
.main-section02 .calendar .schedule strong { font-weight:normal; color:#000;  }
.main-section02 .calendar .schedule:before { content:'·'; display:inline-block; padding-right:5px;  }


.main-section03 { background:#f31eb4; height:185px;  }

.main-section03 .baro-go { float:left;    width:100%; height:185px;  padding:30px 50%  30px 0; background:url(../images/main/m_img.jpg) no-repeat right top;   }
.main-section03 .baro-go ul {}
.main-section03 .baro-go ul li { float:left; width:25%;  background:url(../images/main/b_icon_w.png) no-repeat left center;  }
.main-section03 .baro-go ul li:first-child {background:none; }
.main-section03 .baro-go ul li a {display:block; padding-top:10px; font-weight:100;    float:left; width:100%; text-align:center; color:#fff; font-size:18px;   }
.main-section03 .baro-go ul li img { display:block; margin:0 auto 20px;  }





.main-section04 .professor {  float:left; padding-top:50px;  position:relative;  width:25%; height:305px; background:#f0f3fa;    }
.main-section04 .professor a { display:block; color:#000;  font-size:17px;  width:100%; text-align:center; }
.main-section04 .professor h3 { font-size:24px; margin-bottom:15px; font-weight:normal;   }
.main-section04 .professor .eng { font-family: 'Arial';  margin-bottom:30px;    }
.main-section04 .professor .text {   line-height:1.6; font-weight:100; margin-bottom:30px;   }
.main-section04 .professor .btn { display:inline-block; width:126px; height:34px; border:1px solid #000; text-align:center; border-radius:17px; color:#000;  }

.main-section04 .department-office { float:left;  padding-top:50px; padding-left:48px; padding-right:48px;  position:relative; width:25%; height:305px; background:#fff;   color:#000;   }
.main-section04 .department-office h3 { font-size:24px;  text-align:center; margin-bottom:30px;  font-weight:normal;    }
.main-section04 .department-office ul {border-top:1px solid #dad7c6;}
.main-section04 .department-office ul li { font-size:17px;  border-bottom:1px solid rgba(85,85,85,0.2); padding:13px 5px ; }
.main-section04 .department-office ul li strong { padding-right:5px;  }









.main-section04 .quick-link-wrap {width:50%;  height:380px;margin-top:-75px;  float:left;   padding:55px;  background:url(../images/main/c_img.jpg) no-repeat center center;  }

.main-section04 .quick-link-wrap .quick-link  { }
.main-section04 .quick-link-wrap .quick-link  li  {float:left; width:50%; padding:0 20px;    }
.main-section04 .quick-link-wrap .quick-link  li a  { color:#fff; font-size:18px; display:block; padding:20px 0  15px; border-bottom:1px solid rgba(255,255,255,0.2);  }
.main-section04 .quick-link-wrap .quick-link  li a:hover { }




}

@media (min-width: 992px) and (max-width: 1199px) {




.main-section02 .notice-wrap h3 {  padding-left:15px; padding-right:15px; }
.main-section02 .notice-wrap h3 a {    font-size:20px;   }
.main-section02 .notice-wrap ul li a { width:100%;  }
.main-section02 .notice-wrap ul li span {display:none;  }


.main-section04 .professor { padding-top:30px;    height:245px;   }
.main-section04 .professor .eng { margin-bottom:15px;  }
.main-section04 .department-office {  padding-top:30px; padding-left:19px; padding-right:19px; height:245px;  }
.main-section04 .department-office h3 { margin-bottom:15px;  }

.main-section04 .quick-link-wrap {   padding:35px 10px; height:320px;  }






}




@media (max-width: 991px) {
.main { position:relative;  }



.main .main-bg  { position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:9rem;  background-repeat: no-repeat;background-size:cover;  background-position:center top;  background-color:#EBF8FF;  }


.main-section01 { position:relative; width:100%;  padding-left:15px; padding-right:15px;   }
.main-section01 .main-text { color:#000; padding-top:2rem; height:9rem;     font-family: 'Noto Sans KR' , 'Arial';  }
.main-section01 .main-text .title { font-size:0.7rem; font-weight:100; position:relative;  margin-bottom:0.2rem;   }
.main-section01 .main-text .text {  font-size:0.9rem;   font-weight:normal; line-height:1.3;   margin-bottom:0.2rem;  }
.main-section01 .main-text .eng  {font-size:0.6rem;}


.main-section01  .hot-alime {    overflow:hidden;  width:100%;  position:relative;   }
.main-section01  .hot-alime li img {width:100%; }
.main-section01  .hot-alime .bx-controls  {  position:absolute; top:10px; left:10px;   }
.main-section01  .hot-alime .bx-pager {float:left;  }
.main-section01  .hot-alime .bx-controls-auto * { vertical-align:top;  }
.main-section01  .hot-alime .bx-controls-auto { float:left;  }
.main-section01  .hot-alime .bx-pager .bx-pager-item  {float:left; }
.main-section01  .hot-alime .bx-controls   a  {margin-left:5px;  width:16px;  text-align:center;  height:16px; display:block;float:left;  }
.main-section01  .hot-alime .bx-pager .bx-pager-item a  { background:url(../images/main/rolling_btn_off.png) no-repeat 4px 4px; padding:4px;  text-indent:-99999px; }
.main-section01  .hot-alime .bx-pager .bx-pager-item a.active {  background:url(../images/main/rolling_btn_on.png) no-repeat left top; padding:0px;  } 
.main-section01  .hot-alime .bx-controls .bx-stop { padding-top:4px;  }
.main-section01  .hot-alime .bx-controls .bx-start { padding-top:3px;  }


.main-section02 .notice-position { background:#ebf8ff;  width:100%; padding:0.8rem 0.6rem;  height:9rem;    }
.main-section02 .notice-wrap {width:100%;   position:relative; }
.main-section02 .notice-wrap h3 {padding-left:0.4rem; padding-right:0.3rem;  float:left;  height:1.5rem;  background:url(../images/main/b_s1.png) no-repeat left 15px;   font-weight:normal; }
.main-section02 .notice-wrap .notice:first-child h3 { background:none; padding-left:0px;  }
.main-section02 .notice-wrap h3 a { color:#000; display:block;  font-size:0.65rem;  text-align:center;  padding-left:0.2rem; padding-right:0.2rem;  vertical-align:middle; width:100%;  height:1.5rem;  padding-top:0.2rem; }
.main-section02 .notice-wrap ul {display:none;    position:absolute;  padding-top:0.5rem; top:1.2rem;  left:0px; width:100%;  }
.main-section02 .notice-wrap ul li { width:100%;margin-bottom:0.3rem;  float:left;   }
.main-section02 .notice-wrap ul li a { float:left; color:#000; width:70%;  font-size:0.58rem;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .notice-wrap ul li span {float:right; color:#000;  font-size:0.5rem; }
.main-section02 .notice-wrap .more { display:none; font-size:30px; color:#333;  display:none; position:absolute; top:5px; right:0px;  }
.main-section02 .notice-wrap .more img { width:0.7rem;  }
.main-section02 .notice-wrap .notice.active h3 a { border:0px; border-bottom:3px solid #f31eb4; color:#000;   }
.main-section02 .notice-wrap .notice.active ul  ,.main-section02 .notice-wrap  .notice.active .more { display:block;  }
.main-section02 .notice-wrap  .notice.active .more  * { vertical-align:top;  }

.main-section02 .gallery-wrap{clear: both; position: relative; background: #fff; padding: 0.8rem 0.6rem; }
.main-section02 .gallery {position: relative; height: 310px;}
.main-section02 .gallery h3{font-weight: normal;}
.main-section02 .gallery h3 a{color: #333; display: block; font-size: 1rem; text-align: left; vertical-align: middle; height: 35px;}
.main-section02 .gallery ul{position: absolute; top: 35px; padding-top: 20px; left: 0px; width: 100%;}
.main-section02 .gallery ul li{float: left; width: calc((100% - 22px) / 3); margin-right: 11px;}
.main-section02 .gallery ul li:last-child{margin-right: 0px;}
.main-section02 .gallery ul li a p.img{padding-top: 140%; background-color: #EFEFEF;}
.main-section02 .gallery ul li a p.title{color: #333; font-size: 14px; font-weight: normal; letter-spacing: -1.36px; line-height: 25px; padding-top: 8.44px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.main-section02 .gallery .more {position:absolute; top: 8px; right:0px;  }


.main-section02 .calendar {  position:relative;    clear:both;   background:#fff;  padding:0.5rem 0.4rem 1.5rem;  width:100%;   }
.main-section02 .calendar .calendar-top {margin-bottom:10px; }
.main-section02 .calendar h3 {  font-size:17px;float:left;  color:#000; position:relative; margin-bottom:10px;   }
.main-section02 .calendar h3 a {   color:#000;    }
.main-section02 .calendar h3:before {content:''; display:block; position:absolute; top:-10px; left:-40px; width:50px; border-top:3px solid #000; }
.main-section02 .calendar .month {text-align:center;    }
.main-section02 .calendar .month a {  font-size:0.65rem;  color:#000; display:inline-block;   margin-top:10px;    }
.main-section02 .calendar .month span { font-size:0.75rem;  color:#000; display:inline-block;   margin: 0 10px; }
.main-section02 .calendar table   {  width:100%; border-collapse:collapse;margin-bottom:0.6rem;   }
.main-section02 .calendar table th { text-align:center;   font-size:0.6rem;  color:#000; height:30px;  }
.main-section02 .calendar table td { text-align:center;    font-size:0.6rem;  color:#525252; height:30px; }
.main-section02 .calendar table td.no-date { color:#a09d9d;  } 
.main-section02 .calendar table td a { color:#ff0000;  display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.main-section02 .calendar table td span {   display:inline-block; width:25px; height:25px; border-radius:12.5px; } 
.main-section02 .calendar table td a.active { color:#ff0000;  background:#e9e8e8;  } 
.main-section02 .calendar .schedule { width:100%; padding-left:0.4rem; padding-right:0.4rem;  font-size:0.6rem;  color:#606060;   }
.main-section02 .calendar .schedule strong { font-weight:normal; color:#000;  }
.main-section02 .calendar .schedule:before { content:'·'; display:inline-block; padding-right:5px;  }





.main-section03 { padding-left:15px; background:#f31eb4;  padding-right:15px;  }
.main-section03 .baro-go {  padding:0.8rem 0;   }
.main-section03 .baro-go ul {}
.main-section03 .baro-go ul li { float:left; width:25%;  }
.main-section03 .baro-go ul li a {display:block;    float:left; width:100%; text-align:center; color:#fff;  font-size:0.58rem;   }
.main-section03 .baro-go ul li img { display:block; margin:0 auto 10px; width:50%;  }



.main-section04 .professor {  float:left; padding-top:0.9rem;  position:relative; width:49.5%; margin-right:1%;  height:8rem;background:#f0f3fa;     }
.main-section04 .professor a { display:block; color:#000;  font-size:0.55rem;  width:100%; text-align:center;  letter-spacing:-1; }
.main-section04 .professor h3 { font-size:0.7rem; margin-bottom:0.4rem;    font-weight:normal;  }
.main-section04 .professor .eng { font-family: 'Arial';  margin-bottom:0.5rem;    }
.main-section04 .professor .text {   line-height:1.6; font-weight:100; margin-bottom:0.5rem;    }
.main-section04 .professor .btn { display:inline-block; padding:0.1rem 0.5rem;  border:1px solid #000; text-align:center; border-radius:17px; color:#000;  }

.main-section04 .department-office { float:left;  padding-top:0.9rem;  padding-left:0.4rem; padding-right:0.4rem;  position:relative; width:49.5%; height:8rem; background:#fff;   color:#000;   }
.main-section04 .department-office h3 {font-size:0.7rem; margin-bottom:0.4rem;  text-align:center; margin-bottom:0.5rem;   font-weight:normal;   }
.main-section04 .department-office ul {border-top:1px solid rgba(85,85,85,0.2); }
.main-section04 .department-office ul li { font-size:0.55rem;   border-bottom:1px solid rgba(85,85,85,0.2); padding:0.3rem 0.1rem ; }

.main-section04 .quick-link-wrap {width:100%; clear:both;  padding-top:15px;  background:url(../images/main/c_img.jpg) no-repeat center center;   background-size:cover; }

.main-section04 .quick-link-wrap .quick-link  {padding:0.5rem;}
.main-section04 .quick-link-wrap .quick-link  li  {float:left; width:50%; padding:0 0.5rem;   margin-bottom:0.8rem; letter-spacing:-1.8px;   }
.main-section04 .quick-link-wrap .quick-link  li:nth-of-type(3),.main-section02 .quick-link-wrap .quick-link  li:nth-of-type5),.main-section02 .quick-link-wrap .quick-link  li:nth-of-type(7)  {clear:both; }
.main-section04 .quick-link-wrap .quick-link  li a  { color:#fff; font-size:0.56rem; padding:0.4rem 0 0.3rem 0.3rem ; display:block; width:100%;  word-break:keep-all;    border-bottom:1px solid rgba(255,255,255,0.2);  }
.main-section04 .quick-link-wrap .quick-link  li a img { display:block; margin:0 auto 10px; width:70%;  }
.main-section04 .quick-link-wrap .quick-link  li a:hover { }


}