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

.main { position:relative;  background:#fff; }
.main-section01 {position:relative;  width:100%; height:540px; }
.main-section01 .left { position:absolute; top:0px;left:0px; width:50%;  background-position:right top; background-repeat:no-repeat;  height:540px; }
.main-section01 .left  .position-wrap { width:600px; float:right; height:540px; color:#fff;  }
.main-section01 .left  .position-wrap .main-text  { padding-top:220px; ;  }
.main-section01 .left  .position-wrap .main-text .title {font-size:15px; margin-bottom:20px;  }
.main-section01 .left  .position-wrap .main-text .text { font-size:55px; font-weight:bold; line-height:1;  }

.main-section01 .right { position:absolute; top:0px;left:50%; width:50%;   height:540px;  background:#41478f; }
.main-section01 .right .position-wrap  { width:600px; float:left; height:540px; padding:55px 0 0 95px;  }
.main-section01 .right .position-wrap .main-search-wrap { width:100%;  margin-bottom:85px;  }
.main-section01 .right .position-wrap .main-search-wrap form:after { clear:both; display:table; content:'';  }
.main-section01 .right .position-wrap .main-search-wrap form input[type="text"] { float:left; font-size:18px; border:0px;  border-bottom:3px solid #fff;  height:50px; color:#fff;  background:none;  padding:4px 10px 0px; width:calc(100% - 50px); }
.main-section01 .right .position-wrap .main-search-wrap form input[type="text"]::placeholder {color:#fff; }
.main-section01 .right .position-wrap form button { float:left;  width:45px; height:50px;   border:0px; background:none; }
.main-section01 .right .position-wrap form button i { font-size:26px; color:#fff; font-weight:normal;   }

.main-section01 .right .baro-go {  }
.main-section01 .right .baro-go ul { margin:0 -5px;    }
.main-section01 .right .baro-go ul li {float:left; width:25%; padding:5px; }
.main-section01 .right .baro-go ul li a {display:table-cell; width:50000px; font-size:16px;  vertical-align:middle; height:120px; border:1px solid #fff; text-align:center; color:#fff; }
.main-section01 .right .baro-go ul li a:hover {background:#fff; color:#41478f; }



.main-section02 {position:relative;  width:100%; height:385px; }
.main-section02 .left { position:absolute; top:0px;left:0px; width:50%;  background:#fafafa;  height:385px; }
.main-section02 .left  .position-wrap { width:600px; float:right; height:385px;  }
.main-section02 .left  .position-wrap .notice-wrap { width:100%; position:relative; height:280px; padding:65px 65px 65px 0 ;  }
.main-section02 .left  .position-wrap .notice-wrap h3 { font-size:18px; color:#41478f; padding-top:10px;   margin-bottom:20px; display:inline-block; font-weight:normal;   position:relative;  border-top:1px solid #41478f;  }
.main-section02 .left  .position-wrap .notice { position:relative; width:175px; }
.main-section02 .left  .position-wrap .notice h4 {margin-top:10px;   float:left; }
.main-section02 .left  .position-wrap .notice h4 a { display:inline-block; width:133px;  padding:18px 0 ;font-size:16px; color:#333;  border-bottom:1px solid #e1e1e1;  }
.main-section02 .left  .position-wrap .notice h4 a:hover ,.main-section02 .left  .position-wrap .notice.active h4 a { box-shadow:7px 7px 3px rgba(0,0,0,0.2);  width:175px;  color:#fff; background:url(../images/main/arrow_wh.png) no-repeat right 20px center #40478f; padding:18px 70px 18px 18px;   }
.main-section02 .left  .position-wrap .notice ul  { display:none;  position:absolute; width:340px;  top:0px; left:210px;   }
.main-section02 .left  .position-wrap .notice ul li {padding-left:10px; background:url(../images/main/list_b.jpg) no-repeat left 12px;  width:100%;  margin-bottom:10px; }
.main-section02 .left  .position-wrap .notice ul li a { text-overflow: ellipsis;font-size:16px; color:#333;   -o-text-overflow: ellipsis;  overflow: hidden;  width:100%;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .left  .position-wrap .notice ul li span  {font-size:15px; color:#666; }
.main-section02 .left  .position-wrap .notice .more { display:none; position:absolute; top:-40px; left:210px;  }
.main-section02 .left  .position-wrap .more a { background:#e9e9e9; border-radius:45px; color:#000; padding:5px 15px; font-size:15px;  }
.main-section02 .notice-wrap .notice.active ul  , .main-section02 .notice-wrap  .notice.active .more { display:block;  }


.main-section02 .right { position:absolute; top:0px;left:50%; width:50%;   height:385px;  background:#fff; }
.main-section02 .right .position-wrap  { width:600px; float:left; height:385px; padding:55px 0 0 40px;  position:relative; }
.main-section02 .right .position-wrap  .hot-alime-wrap h3 { float:left; margin-right:33px;  font-size:18px; color:#41478f; padding-top:10px;  font-weight:normal;   margin-bottom:20px; display:inline-block; position:relative;  border-top:1px solid #41478f;  }
.main-section02 .right .position-wrap  .hot-alime { position:absolute; top:55px; left:170px;width:460px; height:239px; box-shadow:7px 7px 3px rgba(0,0,0,0.2);}
.main-section02 .right .position-wrap  .hot-alime ul li  {  }
.main-section02 .right .position-wrap  .hot-alime ul li img { width:460px; height:239px; }
.main-section02 .right .position-wrap .hot-alime-wrap .hot-btn { position:absolute; bottom:-35px; right:-20px;background:#000; padding:5px 25px;   }
.main-section02 .right .position-wrap .hot-alime-wrap .hot-btn * { vertical-align:middle;  }
.main-section02 .right .position-wrap .hot-alime-wrap .hot-btn span { display:inline-block; height:50px;padding-top:20px;   }
.main-section02 .right .position-wrap .hot-alime-wrap .hot-btn span.prev-btn { padding-right:20px; margin-right:20px;  border-right:1px solid rgba(255,255,255,0.3); }


.main-section03 {position:relative;  width:100%; height:430px; }
.main-section03 .left { position:absolute; top:0px;left:0px; width:50%;  background:#fff;  height:430px; }
.main-section03 .left  .position-wrap { width:600px;position:relative;  float:right; height:430px; padding:65px 40px 0 0 ;  }
.main-section03 .left  .position-wrap .calendar-top { float:left;  width:190px; }
.main-section03 .left  .position-wrap  h3 {  font-size:18px; color:#41478f; padding-top:10px;   margin-bottom:40px; display:inline-block; position:relative; font-weight:normal;  border-top:1px solid #41478f;  }
.main-section03 .left  .position-wrap  h3 a { color:#41478f;  }
.main-section03 .left  .position-wrap .month { background:#f1f1f1; display:inline-block;  padding:10px 15px; border-radius:30px;   }
.main-section03 .left  .position-wrap .month a { font-size:18px; color:rgba(65,71,143,0.5); display:inline-block;   margin-top:10px;    }
.main-section03 .left  .position-wrap .month a:hover { color:rgb(65,71,143);   }
.main-section03 .left  .position-wrap .month span { font-size:20px; color:#41478f; display:inline-block;   margin: 0 3px; }
.main-section03 .left  .position-wrap table   { position:absolute; top:65px; left:190px; width:calc(100% - 230px);  border-collapse:collapse;  }
.main-section03 .left  .position-wrap table th { text-align:center; font-size:15px; color:#000; height:30px;  }
.main-section03 .left  .position-wrap table td { text-align:center;  font-size:15px; color:#525252; height:50px; }
.main-section03 .left  .position-wrap table td.no-date { color:#a09d9d;  } 
.main-section03 .left  .position-wrap table td a { color:#41478f;  display:inline-block; width:35px; height:35px; padding-top:5px; } 
.main-section03 .left  .position-wrap table td span {   display:inline-block; width:35px; height:35px; padding-top:5px;} 
.main-section03 .left  .position-wrap table td a.active { color:#fff;  background:#41478f;  } 
.main-section03 .left  .position-wrap .schedule { position:absolute; top:230px; left:0px;  width:190px; padding-right:20px;  font-size:15px; color:#606060;   }
.main-section03 .left  .position-wrap .schedule strong { font-weight:normal; color:#000;  }
.main-section03 .left  .position-wrap .schedule:before { content:'·'; display:inline-block; padding-right:5px;  }

.main-section03 .right { position:absolute; top:0px;left:50%; width:50%;   height:430px;  background:#f9f6f7; }
.main-section03 .right .position-wrap  { width:600px; float:left; height:430px;   position:relative; }
.main-section03 .right .position-wrap .quick-link-wrap { float:left; height:430px; padding:90px 50px 0 50px;  width:252px; background:url(../images/main/info_img.png) no-repeat center center ;  }
.main-section03 .right .position-wrap .quick-link-wrap li { }
.main-section03 .right .position-wrap .quick-link-wrap li a { display:block;   padding-top:13px; padding-bottom:13px;  }
.main-section03 .right .position-wrap .quick-link-wrap li a:after { clear:both; display:table; content:'';  }
.main-section03 .right .position-wrap .quick-link-wrap li a img {float:left; margin-right:18px; }
.main-section03 .right .position-wrap .quick-link-wrap li a span {float:left; display:inline-block; color:#fff; font-size:16px; width:100px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.2);  }
.main-section03 .right .position-wrap .professor { float:left; width:348px;height:430px;   background:url(../images/main/ico_phone.png) no-repeat right bottom 30px;   padding: 60px 0 0 40px; }
.main-section03 .right .position-wrap .professor  a { display:block; width:100%; margin-bottom: 20px;}
.main-section03 .right .position-wrap .professor  a h3 { font-size:18px; color:#41478f; padding-top:10px;  font-weight:normal;   margin-bottom:30px; display:inline-block; position:relative;  border-top:1px solid #41478f;  }
.main-section03 .right .position-wrap .professor .text { font-size:16px; color:#333;   line-height:1.6; font-weight:100; margin-bottom:10px;   }
.main-section03 .right .position-wrap .professor .eng {font-size:15px; color:#666;  margin-bottom:20px;    }

.main-section03 .right .position-wrap .number h3{ font-size:18px; color:#41478F; padding-top:10px;  font-weight:normal;   margin-bottom:11px; display:inline-block; position:relative;  border-top:1px solid #41478f;  }
.main-section03 .right .position-wrap .number .text { font-size:18px; color:#666666;   line-height:1.6; font-weight:100; margin-bottom:10px; font-weight: bold; }

}

@media (min-width: 992px) and (max-width: 1199px) {
.main-section .left  .position-wrap { width:480px; }
.main-section .right  .position-wrap { width:480px; }
.main-section01 .right .position-wrap  {  padding-left:20px;  }
.main-section01 .right .baro-go ul li a { height:100px; }
.main-section02 .left  .position-wrap .notice ul  { width:230px;    }
.main-section02 .right .position-wrap  {  padding:40px 0 0 10px;  }
.main-section02 .right .position-wrap  .hot-alime {  top:90px; left:10px;}
.main-section03 .right .position-wrap .quick-link-wrap {  padding:40px 30px 0 30px;  width:180px; }
.main-section03 .right .position-wrap .professor {  width:300px;  padding: 60px 0 0 20px; }



}



@media (max-width: 991px) {
.main { position:relative;  background:#fff;  }
.main-section01 { position:relative; width:100%;   }
.main-section01 .left { width:100%;  height:14rem; background-position:right center; background-repeat:no-repeat;  background-size:cover; padding:0 15px;    }
.main-section01 .main-text { color:#41478f;     padding-top:4rem;   }
.main-section01 .main-text .title { font-size:0.55rem;  font-family: 'Noto Sans KR' , 'Arial'; margin-bottom:0.6rem;   }
.main-section01 .main-text .text  {font-size:1.2rem; font-weight:bold;   }

.main-section01 .right {    padding:0.9rem 15px;  background:#41478f; }
.main-section01 .right .position-wrap .main-search-wrap { width:100%;  margin-bottom:1.2rem;  }
.main-section01 .right .position-wrap .main-search-wrap form:after { clear:both; display:table; content:'';  }
.main-section01 .right .position-wrap .main-search-wrap form input[type="text"] { float:left; font-size:0.6rem; border:0px;  border-bottom:3px solid #fff;  height:50px; color:#fff;  background:none;  padding:4px 10px 0px; width:calc(100% - 50px); }
.main-section01 .right .position-wrap .main-search-wrap form input[type="text"]::placeholder {color:#fff; }
.main-section01 .right .position-wrap form button { float:left;  width:45px; height:50px;   border:0px; background:none; }
.main-section01 .right .position-wrap form button i { font-size:26px; color:#fff; font-weight:normal;   }

.main-section01 .right .baro-go {  }
.main-section01 .right .baro-go ul { margin:0 -5px;    }
.main-section01 .right .baro-go ul li {float:left; width:25%; padding:5px; }
.main-section01 .right .baro-go ul li a {display:table-cell; width:50000px; font-size:0.55rem;  vertical-align:middle; height:100px; border:1px solid #fff; text-align:center; color:#fff; }
.main-section01 .right .baro-go ul li a:hover {background:#fff; color:#41478f; }




.main-section02 {position:relative;  }
.main-section02  .left .position-wrap { background:#fafafa;   width:100%; padding:0.9rem 15px;  height:10rem;  margin-bottom:15px;    }
.main-section02 .notice-wrap {width:100%;   position:relative; }
.main-section02 .notice-wrap h3 { font-size:0.7rem; color:#41478f; padding-top:10px;   margin-bottom:0.6rem; display:inline-block; position:relative; font-weight:normal;  border-top:1px solid #41478f;  }
.main-section02 .notice-wrap h4 {padding-left:0.4rem; padding-right:0.3rem;  float:left;  height:1.4rem;  background:url(../images/main/b_s1.png) no-repeat left 10px;   font-weight:normal; }
.main-section02 .notice-wrap .notice01 h4 { background:none; padding-left:0px;  }
.main-section02 .notice-wrap h4 a { color:#666; display:block;  font-size:0.6rem;  text-align:center;  padding-left:0.2rem; padding-right:0.2rem;  vertical-align:middle; width:100%;  height:1.4rem;  padding-top:0.2rem; }
.main-section02 .notice-wrap ul {display:none;    position:absolute;  padding-top:0.5rem; top:3.5rem;  left:0px; width:100%;  }
.main-section02 .notice-wrap ul li {padding-left:10px; background:url(../images/main/list_b.jpg) no-repeat left 12px;  width:100%;margin-bottom:0.3rem;  float:left;  font-weight:normal; font-size:0.58rem;  }
.main-section02 .notice-wrap ul li a { float:left; color:#000; width:70%;   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; }
.main-section02 .notice-wrap .more { display:none; font-size:30px; color:#333;  display:none; position:absolute; top:5px; right:0px;  }
.main-section02 .left  .position-wrap .more a { background:#e9e9e9; border-radius:45px; color:#000; padding:0.2rem 0.6rem;  font-size:0.55rem;  }
.main-section02 .notice-wrap .notice.active h4 a { border:0px; border-bottom:3px solid #41478f; color:#41478f;   }
.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 .right { padding:0.5rem 15px;    background:#fff;  margin-bottom:25px; }
.main-section02 .right .position-wrap  {  position:relative; }
.main-section02 .right .position-wrap  .hot-alime-wrap h3 {   font-size:0.7rem; color:#41478f; padding-top:10px;   margin-bottom:0.6rem; display:inline-block; position:relative; font-weight:normal;  border-top:1px solid #41478f;  }
.main-section02 .right .position-wrap  .hot-alime {  width:100%; box-shadow:7px 7px 3px rgba(0,0,0,0.2);}
.main-section02 .right .position-wrap  .hot-alime ul li  {  }
.main-section02 .right .position-wrap  .hot-alime ul li img { max-width:100%;  }
.main-section02 .right .position-wrap .hot-alime-wrap .hot-btn { position:absolute; bottom:-30px; right:-10px;background:#000; padding:5px 15px;   }
.main-section02 .right .position-wrap .hot-alime-wrap .hot-btn * { vertical-align:middle;  }
.main-section02 .right .position-wrap .hot-alime-wrap .hot-btn span { display:inline-block; height:30px;padding-top:10px;   }
.main-section02 .right .position-wrap .hot-alime-wrap .hot-btn span.prev-btn { padding-right:10px; margin-right:10px;  border-right:1px solid rgba(255,255,255,0.3); }



.main-section03 .calendar-wrap { padding:0 15px; background:#fff;  }
.main-section03 .calendar {  position:relative; clear:both;      padding:0.5rem 0 15px;  width:100%;  }
.main-section03 .calendar .calendar-top {margin-bottom:10px; }
.main-section03 .calendar h3  {   font-size:0.7rem; color:#41478f; padding-top:10px;   margin-bottom:0.6rem; display:inline-block; position:relative; font-weight:normal;  border-top:1px solid #41478f;  }
.main-section03 .left  .position-wrap  h3 a { color:#41478f;  }
.main-section03 .calendar .month {text-align:center;    }
.main-section03 .calendar .month a {  font-size:0.65rem;  color:#000; display:inline-block;   margin-top:10px;    }
.main-section03 .calendar .month span { font-size:0.75rem;  color:#000; display:inline-block;   margin: 0 10px; }
.main-section03 .calendar table   {  width:100%; border-collapse:collapse;  margin-bottom:0.6rem; }
.main-section03 .calendar table th { text-align:center;   font-size:0.6rem;  color:#000; height:30px;  }
.main-section03 .calendar table td { text-align:center;    font-size:0.6rem;  color:#525252; height:30px; }
.main-section03 .calendar table td.no-date { color:#a09d9d;  } 
.main-section03 .calendar table td a { color:#41478f;  display:inline-block; width:25px; height:25px;  } 
.main-section03 .calendar table td span {   display:inline-block; width:25px; height:25px;} 
.main-section03 .calendar table td a.active { color:#fff;  background:#41478f;  } 
.main-section03 .calendar .schedule {  width:100%; padding-left:0.4rem; padding-right:0.4rem;  font-size:0.6rem;  color:#606060;   }
.main-section03 .calendar .schedule strong { font-weight:normal; color:#000;  }
.main-section03 .calendar .schedule:before { content:'·'; display:inline-block; padding-right:5px;  }




.main-section03 .right {  background:#f9f6f7;  }
.main-section03 .right .position-wrap  { position:relative; }
.main-section03 .right .position-wrap .quick-link-wrap {  padding:1rem 0.6rem;   background:url(../images/main/info_img.png) no-repeat center center ;  background-size:cover;  }
.main-section03 .right .position-wrap .quick-link-wrap ul { margin:0 -5px;  }
.main-section03 .right .position-wrap .quick-link-wrap ul:after {clear:both; display:table; content:'';   }
.main-section03 .right .position-wrap .quick-link-wrap li { width:50%; float:left; padding:0 5px;  }
.main-section03 .right .position-wrap .quick-link-wrap li a { display:block;   padding-top:13px; padding-bottom:13px;  }
.main-section03 .right .position-wrap .quick-link-wrap li a:after { clear:both; display:table; content:'';  }
.main-section03 .right .position-wrap .quick-link-wrap li a img {float:left; margin-right:18px; }
.main-section03 .right .position-wrap .quick-link-wrap li a span {float:left; display:inline-block; color:#fff; font-size:0.6rem;  padding-top:0.2rem; width:100px; padding-bottom:6px; border-bottom:1px solid rgba(255,255,255,0.2);  }
.main-section03 .right .position-wrap .professor {  background:url(../images/main/ico_phone.png) no-repeat right 15px bottom 30px;   padding: 1rem 0 80px 15px; }
.main-section03 .right .position-wrap .professor  a { display:block; width:100%;    margin-bottom: 20px;}
.main-section03 .right .position-wrap .professor  a h3 { font-size:0.7rem; color:#41478f; padding-top:10px;   margin-bottom:0.6rem; display:inline-block; position:relative; font-weight:normal;  border-top:1px solid #41478f;  }
.main-section03 .right .position-wrap .professor .text { font-size:0.6rem; color:#333;   line-height:1.6; font-weight:100; margin-bottom:0.2rem;   }
.main-section03 .right .position-wrap .professor .eng {font-size:0.58rem; color:#666;  margin-bottom:0.5rem;    }

.main-section03 .right .position-wrap .number h3 { font-size:0.7rem; color:#41478f; padding-top:10px;   margin-bottom:0.6rem; display:inline-block; position:relative; font-weight:normal;  border-top:1px solid #41478f;  }
.main-section03 .right .position-wrap .number .text { font-size:0.6rem; color:#666666;   line-height:1.6; font-weight:bold; margin-bottom:0.2rem;   }



}