@media (min-width: 992px) {

.main-bg { background:url(../images/main/main_img.jpg) no-repeat center 40px;  height:860px; width:100%; position:absolute; top:0px; left:0px; z-index:-1; }

.section01 {width:100%;padding-top:40px; padding-bottom:10px;  height:710px; position:relative;   }
.section01 h3 {  letter-spacing:-1.6px; padding-bottom:40px; text-align:center;  font-family: 'NanumSquare'; }
.section01 h3 a { font-size:30px; color:#222; letter-spacing:-1.6px;font-weight:bold;   }
.section01 h3 a i { color:#222; font-size:20px;  }
.main-rolling ul {  float:left;   }
.main-rolling ul li { height:480px; width:100%;   letter-spacing:-1.4px; }
.main-rolling ul li a:hover { text-decoration:none;  }

.main-rolling ul li a.edu-list { float:left; display:inline-block;  margin-bottom:20px;    height:220px;padding:25px;  position:relative;  }
.main-rolling ul li a.edu-list h4 { font-size:16px; color:#ca0235; letter-spacing:1.6px; margin-bottom:13px; font-weight:bold; font-family: 'NanumSquare';  }
.main-rolling ul li.self a.edu-list h4 { color:#277cbd;  }
.main-rolling ul li.life a.edu-list h4 {  color:#0e8c48;  }
.main-rolling ul li a.edu-list dl dt {margin-bottom:13px;  font-size:18px; font-weight:bold; color:#333;  letter-spacing:-0.6px;}
.main-rolling ul li a.edu-list dl dd p { float:left; width:50%; margin-bottom:5px;  font-size:16px; color:#666; }
.main-rolling ul li a.edu-list dl dd p strong {display:inline-block; width:60px; color:#333;   }
.main-rolling ul li a.edu-list p.more { text-align:center; margin-top:5px;  }
.main-rolling ul li a.edu-list span { text-align:center; display:inline-block; width:110px;  border:1px solid #333; padding:5px 10px 3px; font-size:14px; color:#333;   }
.main-rolling ul li a.edu-list .e-label{ color:#fff; position:absolute; bottom:0px; right:0px; width:90px; height:90px; padding-left:50px;   font-size:14px; font-weight:bold;  padding-top:50px; line-height:1.2;}
.main-rolling ul li.self a {background:url(../images/main/label_blue.png) no-repeat right bottom #fff;}
.main-rolling ul li.life a {background:url(../images/main/label_green.png) no-repeat right bottom #fff;}

.main-rolling  .main-rolling-btn  div a { position:absolute; display:block;  top:50%; margin-top:-40px; width:80px; height:80px; border-radius:40px; background:rgba(200,57,73,0.8);  text-align:center; padding-top:17px; }
.main-rolling  .main-rolling-btn  div.rolling-btn-prev a {left:50%; margin-left:-700px; }
.main-rolling  .main-rolling-btn  div.rolling-btn-next a {right:50%; margin-right:-700px;}
.main-rolling  .main-rolling-btn  div img {width:25px; }


.section01 .section01-btn { padding-top:30px;  }
.section01 .section01-btn a {display:inline-block; width:200px; text-align:left; margin:0 20px;  padding:10px 20px 0 ;  height:44px; border:1px solid #755250; border-radius:22px; position:relative; font-size:18px; color:#6e4644; font-weight:bold;   }
.section01 .section01-btn a img {width:10px; float:right; display:inline-block; margin-top:3px;  }

.section02 { padding-top:40px; padding-bottom:40px;   }
.section02 .notice-wrap { float:left; position:relative;   width:48%; height:270px; margin-right:4%;   }
.section02 .notice-wrap:after { content:''; display:inline-block; width:100%; height:1px; position:absolute; top:40px; border-bottom:1px solid #cfcfcf; left:0px;  }
.section02 .notice-wrap h3 { float:left;  }
.section02 .notice-wrap h3 a { display:inline-block; font-weight:normal;  padding-bottom:11px;  font-size:24px; font-family: 'NanumSquare';   color:#333;  }
.section02 .notice-wrap h3:before { content:'ㆍ';   display:inline-block;padding-right:15px; margin-left:15px;   }
.section02 .notice-wrap .notice01 h3:before {  margin-left:0px; padding-right:0px; content:'';  }
.section02 .notice-wrap h3 a:hover , .section02 .notice-wrap h3 a.active { text-decoration:none; text-decoration:none;  border-bottom:3px solid #333; color:#333; }
.section02 .notice-wrap ul {display:none;  position:absolute; top:50px; left:0px; width:100%;  }
.section02 .notice-wrap .notice01 ul,.section02 .notice-wrap .notice01 p.notice-more { display:block;  }
.section02 .notice-wrap ul li { margin-top:15px; font-size:16px; float:left; width:100%;  }
.section02 .notice-wrap ul li a { color:#555;  letter-spacing:-1.6px;  float:left;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  width:75%; }
.section02 .notice-wrap ul li a strong {  font-weight:normal; margin-right:5px; display:inline-block;    }
.section02 .notice-wrap ul li.self a strong {  color:#277cbd;  }
.section02 .notice-wrap ul li.life a strong {  color:#0e8c48; }
.section02 .notice-wrap ul li  span { color:#555;  float:right;  }
.section02 .notice-wrap p.notice-more {display:none; display:none;  position:absolute; top:5px; right:0px; }
.section02 .notice-wrap p.notice-more img {width:20px; }

.section02 .hot-alime { float:left; width:48%; position:relative; padding-top:40px;  }
.section02 .hot-alime li img { width:100%; max-height: 230px;}
.section02 .hot-alime .main-hot-btn { position:absolute; top:10px; right:0px;  }
.section02 .hot-alime .main-hot-btn div {float:left; }
.section02 .hot-alime .main-hot-btn div img {width:10px; display:inline-block; margin-left:10px; }


.main-cyberedu-link {position:relative; width:100%; padding:25px 0; background: url(/pub/site/life/images/visual.png) no-repeat center; }
.main-cyberedu-link ul {text-align:center; }
.main-cyberedu-link li {float:left;  width:20%; font-size:0px; }


.section03 { width:100%; padding-top:40px; padding-bottom:40px; background:#f5f5f5; }
.section03 h3 {font-weight:normal;  padding-bottom:30px;  font-size:24px; font-family: 'NanumSquare';   color:#333;  }
.section03 ul li  { float:left; width:100%; height:100%;  padding:7px;  }
.section03 ul li a { display:block;  width:100%; height:100%;  }
.section03 ul li .img { width:100%; height:188px;  }
.section03 ul li .img img { width:100%; height:188px;  }
.section03 .photo-gallery { position:relative;  }
.section03 ul li .title { padding:10px; color:#000;height:70px;  font-size:16px; letter-spacing:-1.6px;  }
.section03 ul li .info {border-top:1px solid #ccc; height:40px;  }
.section03 ul li .info span { float:left; display:block; width:50%; height:100%; padding:10px 20px 0 20px;font-size:14px; color:#666;    }
.section03 ul li .info span:first-child { border-right:1px solid #ccc;  }
.section03 ul li .info span  b { float:right; color:#c83949; }
.section03 .photo-btn { position:absolute; top:10px; right:0px;  }
.section03 .photo-btn  div {float:left;/* margin-left: 21px; */width: 20px;margin-left: 3px;}
.section03 .photo-btn  div img {width:10px;display:inline-block;/* margin-left:10px; */}
.section03 .photo-btn  div.photo-btn-more img { width:18px;  }

.section04 { width:100%; height:290px; background:url(../images/main/con_bg.jpg) no-repeat center top; padding-top:40px;  }
.section04 .site-info { float:left; width:50%;padding-left:30px;  padding-right:30px; text-align:center;  }
.section04 h3 {font-weight:normal;  padding-bottom:10px;  font-size:24px; font-family: 'NanumSquare';   color:#fff;}
.section04 p { color:#fff; font-size:16px;  }
.section04 p.tel {margin-bottom:10px; }
.section04 ul li  {float:left; width:33.333%; }
.section04 ul li:first-child  { margin-left:0px;  }
.section04 ul li  a { display:inline-block; letter-spacing:-1.6px;  width:80px; padding-top:90px; text-align:center; color:#fff; font-size:16px;    }
.section04 ul li.list01  a { background:url(../images/main/icon01.png) no-repeat center top; }
.section04 ul li.list02  a { background:url(../images/main/icon02.png) no-repeat center top; }
.section04 ul li.list03 a { background:url(../images/main/icon03.png) no-repeat center top; }

.section04 a:focus {outline: 3px solid red; outline-offset: 10px;}


}/*media (min-width: 992px*/


@media (min-width: 992px) and (max-width: 1199px) {
.main-rolling  .main-rolling-btn  div.rolling-btn-prev a {left:0px; margin-left:0px; }
.main-rolling  .main-rolling-btn  div.rolling-btn-next a {right:0px; margin-right:0px;}
.section02 .notice-wrap { height: 225px; }
.section02 .notice-wrap ul li { margin-top:22px;}
.section02 .notice-wrap ul li:nth-of-type(5) , .section02 .notice-wrap ul li:nth-of-type(6) { display:none;  }

}/*media (min-width: 992px) and (max-width: 1199px)*/


@media (max-width: 991px) {


.main-bg { background:url(../images/main/main_img_m_1080x1440.jpg) no-repeat center 40px;background-size:cover;   height:650px; width:100%; position:absolute; top:0px; left:0px; z-index:-1; }
.section01 { height:550px;  }
.section01 h3 {  text-align:center;  font-size:20px; font-weight: bold; font-family: 'NanumSquare';  padding-top:20px; }
.section01 h3 a {  color:#222;  }
.main-rolling {width:100%;position:relative; padding:20px 15px; letter-spacing:-1.6px;}
.main-rolling ul {  float:left;   }
.main-rolling ul li { letter-spacing:-1.4px;  height:350px; }
.main-rolling ul li .edu-list {  margin-bottom:10px;   width:100%;display:block; height:170px;padding:15px; background: rgba(255,255,255,0.9); position: relative; }
.main-rolling ul li .edu-list h4 { font-size:14px; color:#ca0235; letter-spacing:1.6px; margin-bottom:8px; font-weight:bold; font-family: 'NanumSquare'; }
.main-rolling ul li.self a.edu-list h4 { color:#277cbd;  }
.main-rolling ul li.life a.edu-list h4 {  color:#0e8c48;  }
.main-rolling ul li a.edu-list dl dt {margin-bottom:10px;  font-size:16px; font-weight:bold; color:#333;  letter-spacing:-0.6px;}
.main-rolling ul li a.edu-list dl dd p { float:left; width:50%; margin-bottom:5px;  font-size:13px; color:#666; }
.main-rolling ul li a.edu-list dl dd p strong {display:inline-block; width:55px; color:#333;   }
.main-rolling ul li a.edu-list p.more { text-align:center; margin-top:5px;  }
.main-rolling ul li a.edu-list span { text-align:center; display:inline-block; width:110px;  border:1px solid #333; padding:5px 10px 3px; font-size:13px; color:#333;   }
.main-rolling ul li a.edu-list .e-label{ color:#fff; position:absolute; bottom:0px; right:0px; width:50px; height:50px; padding-left:25px;   font-size:10px; font-weight:bold;  padding-top:25px; line-height:1.2;}
.main-rolling ul li.self a {background:url(../images/main/label_blue.png) no-repeat right bottom #fff; background-size:50px 50px; }
.main-rolling ul li.life a {background:url(../images/main/label_green.png) no-repeat right bottom #fff;background-size:50px 50px; }
.main-rolling  .main-rolling-btn { text-align:center;  padding-top:15px; }
.main-rolling  .main-rolling-btn div { display:inline-block;vertical-align:top; padding:0 10px;   }
.main-rolling  .main-rolling-btn  div a { display:inline-block;  width:40px; height:40px; border-radius:20px; background:rgba(200,57,73,0.8);  text-align:center; padding-top:8px; }
.main-rolling  .main-rolling-btn  div.rolling-btn-prev a {}
.main-rolling  .main-rolling-btn  div.rolling-btn-next a {}
.main-rolling  .main-rolling-btn  div img {width:15px; }

.section01 .section01-btn {  }
.section01 .section01-btn a {display:inline-block; width:150px; text-align:left; margin:0 5px;  padding:8px 15px 0 ;  height:36px; border:1px solid #755250; border-radius:18px; position:relative; font-size:16px; color:#6e4644; font-weight:bold;   }
.section01 .section01-btn a img {width:8px; float:right; display:inline-block; margin-top:3px;  }


.section02 { padding:20px 30px; }
.section02 .notice-wrap {position:relative;   height:270px; margin-right:4%;   }
.section02 .notice-wrap:after { content:''; display:inline-block; width:100%; height:1px; position:absolute; top:36px; border-bottom:1px solid #cfcfcf; left:0px;  }
.section02 .notice-wrap h3 { float:left;  }
.section02 .notice-wrap h3 a { display:inline-block; font-weight:normal;  padding-bottom:11px;  font-size:20px; font-family: 'NanumSquare';   color:#333;  }
.section02 .notice-wrap h3:before { content:'ㆍ';   display:inline-block;padding-right:15px; margin-left:15px;   }
.section02 .notice-wrap .notice01 h3:before {  margin-left:0px; padding-right:0px; content:'';  }
.section02 .notice-wrap h3 a:hover , .section02 .notice-wrap h3 a.active { text-decoration:none; text-decoration:none;  border-bottom:3px solid #333; color:#333; }
.section02 .notice-wrap ul {display:none;  position:absolute; top:50px; left:0px; width:100%;  }
.section02 .notice-wrap .notice01 ul,.section02 .notice-wrap .notice01 p.notice-more { display:block;  }
.section02 .notice-wrap ul li { margin-top:15px; font-size:14px; float:left; width:100%;  }
.section02 .notice-wrap ul li a { color:#555;  letter-spacing:-1.6px;  float:left;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block;  width:75%; }
.section02 .notice-wrap ul li a strong {  font-weight:normal; margin-right:5px; display:inline-block;    }
.section02 .notice-wrap ul li.self a strong {  color:#277cbd;  }
.section02 .notice-wrap ul li.life a strong {  color:#0e8c48; }
.section02 .notice-wrap ul li  span { color:#555;  float:right;  }
.section02 .notice-wrap p.notice-more {display:none; display:none;  position:absolute; top:5px; right:0px; }
.section02 .notice-wrap p.notice-more img {width:20px; }

.section02 .hot-alime {position:relative; padding-top:40px;  }
.section02 .hot-alime li img { width:100%; }
.section02 .hot-alime .main-hot-btn { position:absolute; top:10px; right:0px;  }
.section02 .hot-alime .main-hot-btn div {float:left; }
.section02 .hot-alime .main-hot-btn div img {width:10px; display:inline-block; margin-left:10px; }

.main-cyberedu-link {position:relative; width:100%; padding:25px 0; background: url(/pub/site/life/images/visual.png) no-repeat center;  }
.main-cyberedu-link ul {text-align:center; font-size:0px; }
.main-cyberedu-link li {display:inline-block; }
.main-cyberedu-link li img { width: 120px; }


.section03 { width:100%;padding:20px 15px;  background:#f5f5f5; }
.section03 h3 {font-weight:normal;  padding-bottom:20px;  font-size:20px; font-family: 'NanumSquare';   color:#333;  }
.section03 ul li  { float:left; width:50%; height:298px; background:#fff;  }
.section03 ul li .img { width:100%; height:188px;  }
.section03 ul li .img img { width:100%; height:188px;  }
.section03 .photo-gallery { position:relative;  }
.section03 ul li .title { padding:10px; color:#000;height:70px;  font-size:16px; letter-spacing:-1.6px;  }
.section03 ul li .info {border-top:1px solid #ccc; height:40px;  }
.section03 ul li .info span { float:left; display:block; width:50%; height:100%; padding:10px 20px 0 20px;font-size:14px; color:#666;    }
.section03 ul li .info span:first-child { border-right:1px solid #ccc;  }
.section03 ul li .info span  b { float:right; color:#c83949; }
.section03 .photo-btn { position:absolute; top:5px; right:0px;  }
.section03 .photo-btn  div {float:left; }
.section03 .photo-btn  div img {width:10px; display:inline-block; margin-left:10px; }
.section03 .photo-btn  div.photo-btn-more img { width:18px;  }

.section04 { width:100%;padding:10px 15px;  background:url(../images/main/con_bg.jpg) no-repeat center top; background-size:cover; }
.section04 .site-info {padding:20px 0 ;  text-align:center;  }
.section04 .site-info01 { border-bottom:1px solid #fff;  }
.section04 h3 {font-weight:normal;  padding-bottom:10px;  font-size:20px; font-family: 'NanumSquare';   color:#fff;}
.section04 p { color:#fff; font-size:14px;  }
.section04 p.tel {margin-bottom:10px; }
.section04 ul li  {float:left; width:33.333%; }
.section04 ul li:first-child  { margin-left:0px;  }
.section04 ul li  a { display:inline-block; letter-spacing:-1.6px;  width:80px; padding-top:90px; text-align:center; color:#fff; font-size:16px;    }
.section04 ul li.list01  a { background:url(../images/main/icon01.png) no-repeat center top; }
.section04 ul li.list02  a { background:url(../images/main/icon02.png) no-repeat center top; }
.section04 ul li.list03 a { background:url(../images/main/icon03.png) no-repeat center top; }

.section04 a:focus {outline: 3px solid red; outline-offset: 10px;}

}/*media (max-width: 991px)*/