@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:500px; background-repeat: no-repeat; background-position:center top;   }


.main-section01 { position:relative; height:500px; width:100%;  padding-top:170px; text-align:center; }
.main-section01 .main-text { color:#fff;   }
.main-section01 .main-text .title { font-size:28px;  font-weight:100; font-family: 'Noto Sans KR' , 'Arial'; margin-bottom:20px;   }
.main-section01 .main-text .text { font-size:20px; font-weight:normal; line-height:1.3;   }
.main-section01 .main-text .text strong { font-size:44px; display:block; margin-bottom:20px;  }







.main-section02 { background:#fff;  padding-bottom:50px;  }
.main-section02 .top {margin-bottom: 50px;  }
.main-section02  .hot-alime { float:left;  overflow:hidden;  width:588px; height:305px; position:relative; margin-right:60px;  margin-top: -50px; }
.main-section02  .hot-alime ul li img { width:588px; height:305px; }
.main-section02  .hot-alime .bx-controls  {  position:absolute; top:10px; left:10px;   }
.main-section02  .hot-alime .bx-pager {float:left;  }
.main-section02  .hot-alime .bx-controls-auto * { vertical-align:top;  }
.main-section02  .hot-alime .bx-controls-auto { float:left;  }
.main-section02  .hot-alime .bx-pager .bx-pager-item  {float:left; }
.main-section02  .hot-alime .bx-controls   a  {margin-left:5px;  width:16px;  text-align:center;  height:16px; display:block;float:left;  }
.main-section02  .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-section02  .hot-alime .bx-pager .bx-pager-item a.active {  background:url(../images/main/rolling_btn_on.png) no-repeat left top; padding:0px;  } 
.main-section02  .hot-alime .bx-controls .bx-stop { padding-top:4px;  }
.main-section02  .hot-alime .bx-controls .bx-start { padding-top:3px;  }


/*.main-section02 .notice-position {   position:absolute; background:#fff; top:145px; left:0; margin-right:95px; width:calc(50% - 95px);    }*/
.main-section02 .notice-wrap {width:552px; height:245px;  float:left;   position:relative; padding:10px 0 0px ; }
.main-section02 .notice-wrap h3 { padding-top:16px;  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; }
.main-section02 .notice-wrap h3 a { padding-left:30px; padding-right:30px;  color:#666; display:block;  font-size:20px;  text-align:center;  vertical-align:middle;   height:39px; }
.main-section02 .notice-wrap ul {display:none;  border-top:1px solid #e5e5e5;   position:absolute; top:65px; padding-top:20px;  left:0px; width:100%;  }
.main-section02 .notice-wrap ul li { width:100%;margin-bottom:13px; 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:#717171;  font-size:15px; }
.main-section02 .notice-wrap .more { display:none; position:absolute; top:38px; right:10px;  }
.main-section02 .notice-wrap .notice.active h3 a { border:0px; border-bottom:4px solid #63b62f; color:#000;   }
.main-section02 .notice-wrap .notice.active ul  , .main-section02 .notice-wrap  .notice.active .more { display:block;  }

.main-section02 .calendar { float:left; position:relative; margin-right:50px;  background:#f0f0f0;   border:1px solid #d9d9d9; padding:28px 30px; padding-bottom:0px; height:305px; width:435px; }
.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;  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:5px; left:40px;  width:365px;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-section02 .baro-go { float:left; background:url(../images/main/box_icon.jpg) repeat left top; margin-right:50px;  width:330px; height:305px; padding:30px;   }
.main-section02 .baro-go ul { height: 100%;}
.main-section02 .baro-go ul li { float:left; width:50%; height:50%;  }
.main-section02 .baro-go ul li.list01, .main-section02 .baro-go ul li.list02 { border-bottom:1px solid rgba(255,255,255,0.3);  }
.main-section02 .baro-go ul li.list01, .main-section02 .baro-go ul li.list03 { border-right:1px solid rgba(255,255,255,0.3);  }
.main-section02 .baro-go ul li a {display:block;  float:left; width:100%; height:100%; text-align:center; color:#fff; font-size:17px;  background-position:center 20px;background-repeat:no-repeat; padding-top:75px;   }
.main-section02 .baro-go ul li.list01 a { background-image:url(../images/main/b_icon01.png);  } 
.main-section02 .baro-go ul li.list02 a { background-image:url(../images/main/b_icon02.png);  } 
.main-section02 .baro-go ul li.list03 a { background-image:url(../images/main/b_icon03.png);  } 
.main-section02 .baro-go ul li.list04 a { background-image:url(../images/main/b_icon04.png);  } 

.main-section02 .department-office { float:left;  padding-top:50px; padding-left:75px; padding-right:75px;  position:relative; width:330px; height:305px; background:#0c99cf;   color:#fff;   }
.main-section02 .department-office h3 { font-size:24px; margin-bottom:15px; text-align:center; margin-bottom:30px;  font-weight:normal;    }
.main-section02 .department-office ul {border-top:1px solid rgba(255,255,255,0.3);}
.main-section02 .department-office ul li { font-size:17px;  border-bottom:1px solid rgba(255,255,255,0.3); padding:13px 5px ; }
.main-section02 .department-office ul li strong { padding-right:5px;  }

.main-section02 .professor {  float:left; padding-top:50px;  position:relative; width:330px; height:305px; background:url(../images/main/box_pro.jpg) no-repeat left top;   }
.main-section02 .professor a { display:block; color:#fff;  font-size:17px;  width:100%; text-align:center; }
.main-section02 .professor h3 { font-size:24px; margin-bottom:15px;   }
.main-section02 .professor .eng { font-family: 'Arial';  margin-bottom:30px;    }
.main-section02 .professor .text {   line-height:1.6; font-weight:100;   }

.main-section02 .quick-link-wrap { float:left; width:282px; height:635px; background:url(../images/main/bg_quick_service.jpg) no-repeat left 27px;  }
.main-section02 .quick-link-wrap h3 {position:relative;  display:inline-block; float:right;  padding:17px; font-size:20px; font-weight:bold; margin-top:-20px;  width:120px; height:90px; background:rgba(0,0,0,0.9); color:#fff;  font-family: 'Arial';  }
.main-section02 .quick-link-wrap h3:after {content:''; display:block; position:absolute; bottom:15px; left:-10px; width:50px; border-bottom:3px solid #fff; }
.main-section02 .quick-link-wrap .quick-link { padding-top:105px; padding-left:31px; padding-right:31px;  }
.main-section02 .quick-link-wrap .quick-link ul { border:1px solid #d3d6c8; border-bottom:0px;  }
.main-section02 .quick-link-wrap .quick-link ul li  { border-bottom:1px solid #d3d6c8;  }
.main-section02 .quick-link-wrap .quick-link ul li a  { display:table-cell; vertical-align:middle;  text-align:center; color:#fff; font-size:20px; width:220px; height:60px;   }
.main-section02 .quick-link-wrap .quick-link ul li a:hover { background:rgba(0,0,0,0.3); text-decoration:none;   }

.main-section03 { background:url(../images/main/lab_bg.jpg) no-repeat center top; height:320px;width:100%;  padding-top:55px;   }
.main-section03 .study-tab { text-align:center; margin-bottom:30px;  }
.main-section03 .study-tab li { display:inline-block;padding:0 25px;  letter-spacing:-1.5px; background:url(../images/main/b_s2.png) no-repeat left 14px;  }
.main-section03 .study-tab a { display:block; font-size:24px; color:#fff;padding:0 5px; height:45px;   }
.main-section03 .study-tab a:hover, .main-section03 .study-tab a.active { border-bottom:2px solid #fff; text-decoration:none;   }
.main-section03 .study-tab li:first-child { background:none; padding-right:18px;   }
.main-section03 .study  { padding-left:75px; padding-right:75px; position:relative;  }
.main-section03 .study ul {  }
.main-section03 .study ul li { float:left; }
.main-section03 .study ul li a { display:table-cell; width:230px; height:135px; vertical-align:middle; color:#fff; font-size:17px; text-align:center; border:1px solid rgba(255,255,255,0.5);   }
.main-section03 .bx-controls-direction a { position:absolute;top:50%; margin-top:-15px;  }
.main-section03 .bx-controls-direction a.bx-prev { left:0px;  }
.main-section03 .bx-controls-direction a.bx-next { right:0px;   }
#study-tab02 { display:none;  }

.main-section04 {  background:#fff;  padding:50px 0 ;  }
.main-section04 ul li {  float:left; width:12.5%; padding:0 10px;  }
.main-section04 ul li a { display:block;text-align:center; font-size:17px;  color:#000; }
.main-section04 ul li a img { display:block; margin:0 auto 10px;  }


.main-section05 { background:#e8edf0;   }
.main-section05 .department-office { background:url(../images/main/b_bg.png) no-repeat right bottom; height:170px; padding-top:40px;  }
.main-section05 h3 { font-size:24px; color:#000; font-weight:normal; margin-bottom:38px;   }
.main-section05 ul li { float:left; margin-right:30px; color:#000;  font-size:17px; }
.main-section05 ul li span { display:block; float:left; width:40px; height:40px; font-size:15px;  background:#bfe2a8; border-radius:20px; text-align:center; line-height:40px; margin-top:-7px;  margin-right:10px;  }
.main-section05 ul li a { text-decoration:underline;  color:#000; }
.main-section05 ul li span img { padding-top:0px;  }


}

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

.main-section02  .hot-alime {  margin-top: -35px; }

.main-section02 .top {margin-bottom: 30px;  }
.main-section02 { padding-bottom:50px;  }
.main-section02  .hot-alime {  margin-right:25px; width:540px; height:280px; }	
.main-section02  .hot-alime ul li img {  width:540px; height:280px;}
.main-section02 .notice-wrap { width:395px; height:220px;  padding:10px 0 0px ; }
.main-section02 .notice-wrap h3 a { padding-left:15px; padding-right:13px;  }
.main-section02 .notice-wrap ul {top:65px; padding-top:10px;   }
.main-section02 .notice-wrap ul li a { width:75%;   }
.main-section02 .notice-wrap .more { top:28px;  }

.main-section02 .calendar { margin-right:15px;    padding:18px 20px;  height:288px; width:310px; }
.main-section02 .calendar .calendar-top {margin-bottom:5px; }
.main-section02 .calendar .schedule {  left:20px;  width:270px;  }

.main-section02 .baro-go { margin-right:15px;  width:310px; height:288px; padding:20px;   }
.main-section02 .professor {   width:310px; height:288px; }

.main-section02 .department-office { padding-left:50px; padding-right:50px;width:260px;  }

.main-section03 {  height:290px;  background-size:cover;     padding-top: 35px;  }
.main-section04 {   padding:30px 0 ;  }
.main-section05 .department-office {  height:150px; padding-top:30px;  background-size:20%;  }


}



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





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

.main-section01 { position:relative; width:100%; height:12rem; padding-top:2.5rem;  text-align:center; }
.main-section01 .main-text { color:#fff;    }
.main-section01 .main-text .title { font-size:0.7rem; font-weight:100; font-weight:100;  font-family: 'Noto Sans KR' , 'Arial'; margin-bottom:0.2rem;   }
.main-section01 .main-text .text { font-size:0.7rem; font-weight:normal; line-height:1.3;   }
.main-section01 .main-text .text strong {  font-size:1.1rem; display:block; margin-bottom:0.2rem; }







.main-section02 { background:#fff;  padding-bottom:15px;padding-left:15px; padding-right:15px;   }
.main-section02  .hot-alime { margin-bottom:15px; margin-top:-2rem;   overflow:hidden;  width:100%;  position:relative;   }
.main-section02  .hot-alime li img {width:100%; }
.main-section02  .hot-alime .bx-controls  {  position:absolute; top:10px; left:10px;   }
.main-section02  .hot-alime .bx-pager {float:left;  }
.main-section02  .hot-alime .bx-controls-auto * { vertical-align:top;  }
.main-section02  .hot-alime .bx-controls-auto { float:left;  }
.main-section02  .hot-alime .bx-pager .bx-pager-item  {float:left; }
.main-section02  .hot-alime .bx-controls   a  {margin-left:5px;  width:16px;  text-align:center;  height:16px; display:block;float:left;  }
.main-section02  .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-section02  .hot-alime .bx-pager .bx-pager-item a.active {  background:url(../images/main/rolling_btn_on.png) no-repeat left top; padding:0px;  } 
.main-section02  .hot-alime .bx-controls .bx-stop { padding-top:4px;  }
.main-section02  .hot-alime .bx-controls .bx-start { padding-top:3px;  }


.main-section02 .notice-position {  background:#fff; width:100%;  height:7.5rem;  margin-bottom:15px;  }
.main-section02 .notice-wrap {width:100%;   position:relative; }
.main-section02 .notice-wrap h3 {padding-left:0.5rem; padding-right:0.4rem;  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:#474747; 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.5rem;  left:0px; width:100%; border-top:1px solid #e5e5e5;  }
.main-section02 .notice-wrap ul li { width:100%;margin-bottom:0.3rem;  float:left;   }
.main-section02 .notice-wrap ul li:before { content:'·'; display:block;  color:#000;  float:left;padding-right:5px;  }
.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:#717171;  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:4px solid #63b62f; 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 .calendar {  position:relative;    border:1px solid #d9d9d9;  background:#f0f0f0;  padding:0.5rem 0.4rem 1.5rem;  width:100%;  margin-bottom:15px; }
.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;  }
.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 { position:absolute; bottom:0.3rem; left:0px;  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-section02 .baro-go { float:left; background:url(../images/main/box_icon.jpg) repeat left top; width:49.5%; margin-right:1%;  height:7rem; padding:0.5rem;   background-size:cover;  }
.main-section02 .baro-go ul { height: 100%;}
.main-section02 .baro-go ul li { float:left; width:50%; height:50%;  }
.main-section02 .baro-go ul li.list01, .main-section02 .baro-go ul li.list02 { border-bottom:1px solid #e1e1e1;  }
.main-section02 .baro-go ul li.list01, .main-section02 .baro-go ul li.list03 { border-right:1px solid #e1e1e1;  }
.main-section02 .baro-go ul li a {display:block;  float:left; width:100%; height:100%; text-align:center; color:#fff; font-size:0.55rem;  background-size:1.3rem;  background-position:center 0.5rem;background-repeat:no-repeat; padding-top:1.9rem;   }
.main-section02 .baro-go ul li.list01 a { background-image:url(../images/main/b_icon01.png);  } 
.main-section02 .baro-go ul li.list02 a { background-image:url(../images/main/b_icon02.png);  } 
.main-section02 .baro-go ul li.list03 a { background-image:url(../images/main/b_icon03.png);  } 
.main-section02 .baro-go ul li.list04 a { background-image:url(../images/main/b_icon04.png);  } 

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

.main-section02 .professor {  float:left; padding-top:1.5rem;  position:relative; width:49.5%; height:7rem; background:url(../images/main/box_pro.jpg) no-repeat left top; background-size:cover;    }
.main-section02 .professor a { display:block; color:#fff;  font-size:0.55rem;  width:100%; text-align:center; }
.main-section02 .professor h3 {font-size:0.7rem; margin-bottom:0.3rem;font-weight:normal;    }
.main-section02 .professor .eng { font-family: 'Arial';  margin-bottom:0.5rem;    }
.main-section02 .professor .text {   line-height:1.6; font-weight:100;   }

.main-section03 { background:url(../images/main/lab_bg.jpg) no-repeat center top;  background-size:cover; margin-bottom:15px;   width:100%;  padding-top:1rem; padding-bottom:1.2rem;    }
.main-section03 .study-tab { text-align:center; margin-bottom:0.5rem;  }
.main-section03 .study-tab li { display:inline-block;padding:0 0.3rem;  letter-spacing:-1.5px; background:url(../images/main/b_s2.png) no-repeat left 0.45rem;  }
.main-section03 .study-tab a { display:block; font-size:0.7rem; color:#fff;padding:0 5px; pdding-bottom:0.4rem;    }
.main-section03 .study-tab a:hover, .main-section03 .study-tab a.active { border-bottom:2px solid #fff; text-decoration:none;   }
.main-section03 .study-tab li:first-child { background:none; padding-right:0.2rem;   }
.main-section03 .study  { padding-left:25px; padding-right:25px; position:relative;  }
.main-section03 .study ul {  }
.main-section03 .study ul li { float:left; }
.main-section03 .study ul li a { display:table-cell; width:230px; height:3rem; vertical-align:middle; color:#fff; font-size:0.55rem; text-align:center; border:1px solid rgba(255,255,255,0.5);   }
.main-section03 .bx-controls-direction a { position:absolute;top:50%; margin-top:-15px;  }
.main-section03 .bx-controls-direction a img { width:0.5rem;  }
.main-section03 .bx-controls-direction a.bx-prev { left:5px;  }
.main-section03 .bx-controls-direction a.bx-next { right:5px;   }
#study-tab02 { display:none;  }

.main-section04 {  background:#fff;  padding:0.8rem 0 ;  }
.main-section04 ul li {  float:left; width:25%; padding:0 10px;  margin-bottom:0.5rem; }
.main-section04 ul li a { display:block;text-align:center; font-size:0.55rem;  color:#000;  word-break:keep-all;  }
.main-section04 ul li:nth-of-type(5)  { clear:both;  }
.main-section04 ul li a img { display:block; margin:0 auto 10px;  }


.main-section05 { background:#e8edf0; padding-left:15px; padding-right:15px;   }
.main-section05 .department-office {  padding-top:0.8rem; background:url(../images/main/b_bg.png) no-repeat right bottom; background-size:5rem;   }
.main-section05 h3 { font-size:0.7rem; color:#000; font-weight:normal;  margin-bottom:1.4rem;   }
.main-section05 ul li { float:left; color:#000; padding-bottom:0.8rem; width:50%; font-size:0.55rem;   }
.main-section05 ul li span { display:block; float:left; width:40px; height:40px; background:#bfe2a8; border-radius:20px; text-align:center; line-height:40px; margin-top:-12px;  margin-right:10px;  }
.main-section05 ul li a { text-decoration:underline;  color:#000; }
.main-section05 ul li span img { padding-top:10px;  }



}