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

.main { position:relative;  }

.main-section01 {width:100%;   height:630px; background-repeat: no-repeat; background-position:center top;    }
.main-section01 .container { position:relative;  height:630px; padding-top:260px; text-align:center; }
.main-section01 .main-text { color:#000;   font-family: 'Noto Sans KR' , 'Arial';   }
.main-section01 .main-text .title { font-size:60px; font-weight:100;  margin-bottom:10px;   }
.main-section01 .main-text .eng  { font-size:18px;   }



.main-section02 { padding-top:45px;   }
.main-section02 .top-part { padding-bottom:60px;  }
.main-section02  .hot-alime { float:left;  overflow:hidden;  width:588px; margin-right:22px;  height:305px; position:relative;  }
.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 .professor {  float:left; padding:40px;   margin-right:22px;  position:relative;  width:284px; height:305px; background:url(../images/main/ico_pro.png) no-repeat right 35px bottom 40px,  url(../images/main/box_bg_pattern_bl.png) repeat left top #23a0e0;      }
.main-section02 .professor a { display:block; color:#fff;  font-size:17px;  width:100%; }
.main-section02 .professor h3 { font-size:33px; margin-bottom:15px; font-weight:normal;   }
.main-section02 .professor .eng { font-family: 'Arial';   }
.main-section02 .professor .text {   line-height:1.6; font-weight:100; margin-bottom:10px;  font-size:15px;  }



.main-section02 .calendar-wrap {}
.main-section02 .calendar { float:left; position:relative;  width:284px; height:305px;   padding:25px 0px 20px; border-top:2px solid #000; border-bottom:1px solid #d3d3d3;   }
.main-section02 .calendar .calendar-top {margin-bottom:10px; }

.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:10px; left:10px; width:95%;  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 .middle-part {  margin-bottom:60px; }
.main-section02 .baro-go {   width:100%; height:260px;  }
.main-section02 .baro-go ul { margin-left:-21px; }
.main-section02 .baro-go ul li { float:left; width:284px; margin-left:21px;    }
.main-section02 .baro-go ul li a {display:block;     float:left; width:100%;  }
.main-section02 .baro-go ul li a h4 { font-size:22px; color:#23a0e0; border-bottom:2px solid #23a0e0; padding-bottom:8px;  }
.main-section02 .baro-go ul li a .text { height:43px; color:#373737; font-size:15px;  padding-top:10px; }
.main-section02 .baro-go ul li .img { width:100%;  height:183px; background-size:cover; background-repeat:no-repeat; background-position:center center;  }
.main-section02 .baro-go ul li.list01 .img { background-image:url(../images/main/mob_img001.jpg);  } 
.main-section02 .baro-go ul li.list02 .img { background-image:url(../images/main/mob_img002.jpg);  } 
.main-section02 .baro-go ul li.list03 .img { background-image:url(../images/main/mob_img003.jpg);  } 
.main-section02 .baro-go ul li.list04 .img { background-image:url(../images/main/mob_img004.jpg);  } 


.main-section02 .bottom-part { margin-bottom:100px;}
.main-section02 .notice-wrap {  float:left; }
.main-section02 .notice-wrap h3 {font-size:22px; color:#000; height:40px;   }
.main-section02 .notice-wrap .notice { height:230px;  float:left; width:284px; margin-right:21px; position:relative;  border-top:2px solid #000; border-bottom:1px solid #d3d3d3; }
.main-section02 .notice-wrap h4 {  padding-left:10px; font-size:18px; height:42px; padding-top:10px; border-bottom:1px solid #000; }
.main-section02 .notice-wrap ul { padding-top:20px;  left:0px; width:100%;  }
.main-section02 .notice-wrap ul li { width:100%;margin-bottom:10px; padding-left:10px;  float:left; background:url(../images/main/list_b.jpg) no-repeat left 10px;   }
.main-section02 .notice-wrap ul li a {color:#373737;   font-size:15px;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .notice-wrap .more { position:absolute; top:10px; right:10px; z-index:100;  }


.main-section02 .department-office { float:left;  padding:35px; margin-top:40px;   position:relative; font-size:18px; width:284px;  font-weight:100; height:230px; background:url(../images/main/box_bg_pattern_gr.png) repeat left top #cde391;    color:#000;   }
.main-section02 .department-office h3 { font-size:25px;  margin-bottom:5px;   font-weight:100;  }
.main-section02 .department-office h3 strong{  font-weight:bold;    }
.main-section02 .department-office .tel { font-size:30px; font-weight:bold;  letter-spacing:-1.5px; margin-bottom:20px;  }



.main-section03 { border-top:1px solid #d3d3d3; }
.main-section03 .quick-link-wrap {position:relative; }
.main-section03 .quick-link-wrap h3 {position:relative; width:150px; height:40px; margin-top:-40px; background:url(../images/main/quick_bg.png) no-repeat left top;  color:#fff; padding-top:15px; text-align:center;  }
.main-section03 .quick-link-wrap .quick-link  { margin-left:-10px; }
.main-section03 .quick-link-wrap .quick-link  li  {float:left;  margin-left:10px;  padding:20px 0 ;    }
.main-section03 .quick-link-wrap .quick-link  li a  { color:#000; font-weight:100; background:#efefef; font-size:18px; display:block; padding:6px 17px;  border-radius:15px;  }
.main-section03 .quick-link-wrap .quick-link  li a:hover { color:#fff; background:#23a0e0;   }






}

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

.main-section01 {  height:530px; background-repeat: no-repeat; background-position:center top; background-size:cover;    }
.main-section01 .container {height:530px; padding-top:210px;  }

.main-section02 { padding-top:40px;   }
.main-section02 .top-part { padding-bottom:40px;  }
.main-section02 .middle-part { margin-bottom:40px;  }
.main-section02 .bottom-part { margin-bottom:80px;  }

.main-section02  .hot-alime {    width:467px; height:244px;  margin-right:10px; }
.main-section02  .hot-alime ul li img {  width:467px; height:244px; }

.main-section02 .professor {padding:20px;   width:236.5px; height:244px; margin-right:10px; background:url(../images/main/ico_pro.png) no-repeat right 10px bottom 10px,  url(../images/main/box_bg_pattern_bl.png) repeat left top #23a0e0;     }
.main-section02 .professor a {  font-size:15px;  }
.main-section02 .professor h3 { font-size:26px; }

.main-section02 .calendar .calendar-top {margin-bottom:5px; }
.main-section02 .calendar {  padding:10px 0 10px; width:236.5px; height:244px;  }
.main-section02 .calendar .month span { font-size:18px; color:#000; display:inline-block;   margin: 0 10px; }
.main-section02 .calendar table th { font-size:14px;  height:26px;  }
.main-section02 .calendar table td {  font-size:13px;  height:26px; }
.main-section02 .calendar table td.no-date { color:#a09d9d;  } 
.main-section02 .calendar table td a { color:#ff0000;  display:inline-block; width:22px; height:22px; border-radius:11px; } 
.main-section02 .calendar table td span {   display:inline-block; width:22px; height:22px; border-radius:11px; } 
.main-section02 .calendar .schedule {  bottom:5px; font-size:13px;   }


.main-section02 .baro-go {    height:230px;  }
.main-section02 .baro-go ul { margin-left:-10px; }
.main-section02 .baro-go ul li { width:232.5px; margin-left:10px;    }
.main-section02 .baro-go ul li a .text { height:38px; ;  padding-top:10px; }
.main-section02 .baro-go ul li .img { height:158px; }

.main-section02 .notice-wrap .notice { width:232.5px; margin-right:10px;}

.main-section02 .department-office {  padding:30px; font-size:16px; width:232.5px;   }
.main-section02 .department-office h3 { font-size:22px;   }
.main-section02 .department-office .tel { font-size:26px; font-weight:bold;  letter-spacing:-1.5px; margin-bottom:20px;  }

.main-section03 .quick-link-wrap .quick-link  { margin-left:-7px; }
.main-section03 .quick-link-wrap .quick-link  li  {float:left;  margin-left:7px;  }
.main-section03 .quick-link-wrap .quick-link  li a  { font-size:16px; display:block; padding:4px 13px;  letter-spacing:-1px;  }







}




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



.main-section01 { position:relative; width:100%; margin-bottom:20px;  padding-top:3.5rem; height:9rem;text-align:center;   padding-left:15px; padding-right:15px;    background-repeat: no-repeat;background-size:cover;  background-position:center top;  }
.main-section01 .main-text { color:#000;     font-family: 'Noto Sans KR' , 'Arial';  }
.main-section01 .main-text .title { font-size:1.3rem; font-weight:100; margin-bottom:0.2rem;   }
.main-section01 .main-text .eng  {font-size:0.57rem;}

.main-section02 { padding-left:15px; padding-right:15px;  }
.main-section02  .hot-alime {    overflow:hidden;  width:100%;  position:relative;  margin-bottom:20px;  }
.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 .professor {  float:left; padding-top:0.4rem;  position:relative; width:100%;  margin-bottom:20px;     background:url(../images/main/ico_pro.png) no-repeat right 10px bottom 10px / 2rem,  url(../images/main/box_bg_pattern_bl.png) repeat left top #23a0e0;   }
.main-section02 .professor a { display:block; color:#fff;  padding:0.6rem ;  font-size:0.55rem;  width:100%;  letter-spacing:-1; }
.main-section02 .professor h3 { font-size:0.7rem; margin-bottom:0.4rem;    font-weight:normal;  }
.main-section02 .professor .eng { font-family: 'Arial';  margin-bottom:0.1rem;    }
.main-section02 .professor .text {   line-height:1.6; font-weight:100; margin-bottom:0.3rem;    }



.main-section02 .calendar {  position:relative;    clear:both;   background:#f4f5f9;  padding:0.5rem 0.4rem 1.5rem;  width:100%;   margin-bottom:20px;  }
.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 ul { }
.main-section02 .baro-go ul li {    margin-bottom:20px; }
.main-section02 .baro-go ul li a {display:block;    width:100%;  }
.main-section02 .baro-go ul li a h4 {  font-size:0.75rem; color:#23a0e0; border-bottom:2px solid #23a0e0; padding-bottom:0.12rem;  }
.main-section02 .baro-go ul li a .text { color:#373737; font-size:0.58rem; padding:0.2rem; }
.main-section02 .baro-go ul li .img { width:100%;  height:6rem; background-size:cover; background-repeat:no-repeat; background-position:center center;  }
.main-section02 .baro-go ul li.list01 .img { background-image:url(../images/main/mob_img001.jpg);  } 
.main-section02 .baro-go ul li.list02 .img { background-image:url(../images/main/mob_img002.jpg);  } 
.main-section02 .baro-go ul li.list03 .img { background-image:url(../images/main/mob_img003.jpg);  } 
.main-section02 .baro-go ul li.list04 .img { background-image:url(../images/main/mob_img004.jpg);  } 




.main-section02 .notice-position {  width:100%;  height:8.5rem;   margin-bottom:20px; border-top:2px solid #000;  border-bottom:1px solid #d3d3d3;  }
.main-section02 .notice-wrap {width:100%;   position:relative;}
.main-section02 .notice-wrap h3 { position:absolute; top:-30000px; left:-30000px; height:0px; line-height:0px;  }
.main-section02 .notice-wrap h4 {padding-left:0.4rem; padding-right:0.3rem;  float:left;  padding-top:0.2rem; padding-bottom:0.2rem;  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 h4 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%;   padding-top:0.3rem; }
.main-section02 .notice-wrap ul {display:none;  border-top:1px solid #d3d3d3;    position:absolute;  padding-top:0.5rem; top:1.7rem;  left:0px; width:100%;  }
.main-section02 .notice-wrap ul li { width:100%;margin-bottom:0.4rem;  float:left;   background:url(../images/main/list_b.jpg) no-repeat left 10px; padding-left:10px; }
.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:0.55rem; right:5px;  }
.main-section02 .notice-wrap .more img { width:0.7rem;  }
.main-section02 .notice-wrap .notice.active h4 a { border:0px; border-bottom:3px solid #000; 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 .department-office { padding:0.6rem ;  font-size:0.6rem;  width:100%;  margin-bottom:20px;  letter-spacing:-1; position:relative;   background:url(../images/main/box_bg_pattern_gr.png) repeat left top #cde391;    color:#000;   }
.main-section02 .department-office:after { clear:both; display:table; content:'';  }
.main-section02 .department-office h3 {font-size:0.7rem; margin-bottom:0.6rem;    font-weight:normal;  }
.main-section02 .department-office h3 strong{  font-weight:bold;    }
.main-section02 .department-office .tel { font-size:0.9rem; font-weight:bold;  letter-spacing:-1.5px; margin-bottom:0.4rem;  }
.main-section02 .department-office .text  { position:absolute;  top:1rem; right:15px; }



.main-section03 { padding:0 15px;  }
.main-section03 .quick-link-wrap {width:100%; clear:both;margin-bottom:10px;  }
.main-section03 .quick-link-wrap h3 { text-align:center; width:100%; background:#000; color:#fff; font-weight:bold;font-size:0.7rem;  padding:0.3rem;   }
.main-section03 .quick-link-wrap .quick-link  {padding:0.4rem 0;}
.main-section03 .quick-link-wrap .quick-link  li  {float:left; width:50%; padding:0 0.1rem;  text-align:center;  margin-bottom:0.3rem; letter-spacing:-1.8px;   }
.main-section03 .quick-link-wrap .quick-link  li:nth-of-type(4),.main-section02 .quick-link-wrap .quick-link  li:nth-of-type(7),{clear:both; }
.main-section03 .quick-link-wrap .quick-link  li a  {color:#000; font-weight:100; background:#efefef; border-radius:30px; font-size:0.56rem; padding:0.4rem 0 0.3rem 0 ; display:block; width:100%;  word-break:keep-all;    border-bottom:1px solid rgba(255,255,255,0.2);  }
.main-section03 .quick-link-wrap .quick-link  li a:hover { color:#fff; background:#23a0e0;   }





}




@media (min-width: 550px) and (max-width: 991px) {


.main-section02 .baro-go {   width:100%; height:260px;  }
.main-section02 .baro-go ul {}
.main-section02 .baro-go ul li { float:left; width:49%; margin-left:1%;    }
.main-section02 .baro-go ul li a {display:block;     float:left; width:100%;  }
.main-section02 .baro-go ul li a h4 { font-size:22px; color:#23a0e0; border-bottom:2px solid #23a0e0; padding-bottom:8px;  }
.main-section02 .baro-go ul li a .text { height:43px; color:#373737; font-size:15px;  padding-top:10px; }
.main-section02 .baro-go ul li .img { width:100%;  height:183px; background-size:cover; background-repeat:no-repeat; background-position:center center;  }
.main-section02 .baro-go ul li.list01 .img { background-image:url(../images/main/mob_img001.jpg);  } 
.main-section02 .baro-go ul li.list02 .img { background-image:url(../images/main/mob_img002.jpg);  } 
.main-section02 .baro-go ul li.list03 .img { background-image:url(../images/main/mob_img003.jpg);  } 
.main-section02 .baro-go ul li.list04 .img { background-image:url(../images/main/mob_img004.jpg);  } 

}