@media (max-width: 360px) {
  html {
    font-size: 22px;
  }
}
@media (min-width: 361px) and (max-width: 480px) {
  html {
    font-size: 25px;
  }
}
@media (min-width: 481px) {
  html {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
/*
  
  .main {
    z-index: 1;
    word-break: keep-all;
  }
  .main a {
    color: #333;
  }

.main-rolling {width:100%; position:absolute; top:0px; left:0px; z-index:-1;   }
.main-rolling ul li {width:100%; height:400px; background-size:cover;background-repeat:no-repeat; background-position:center top;  }
.main-rolling ul li a { color:#fff; position:absolute; bottom:20px; right:50%; margin-right:-500px;  }

.main-section01   {height:343px;  }
.main-section01 .container { position:relative;  }
.main-section01 .main-weather { text-align:right;  padding-right:15px;  padding-top:15px;  }
.main-section01 .main-weather b {font-size:40px; font-weight:bold; margin-right:10px;  }
.main-section01 .main-weather i {font-size:50px; font-weight:bold; margin-right:10px;  }
.main-section01 .main-text { padding-top:45px; text-align:center;  margin-bottom:10px;  }
.main-section01 .main-text img { width:300px;    }
.main-section01 .sns-list {  text-align:center;  }
.main-section01 .sns-list img {  width:90%;  }
.main-section01 .sns-list a { display:inline-block; margin:0 2px;  }
.main-section01 .main-rolling-btn-prev { position:absolute; top:50%; left:15px; margin-top:25px; }
.main-section01 .main-rolling-btn-next { position:absolute; top:50%; right:15px;margin-top:25px;  }
.main-section01 .main-rolling-btn i  { display:block;color:#222; font-size:16px; width:50px;text-align:center; padding-top:20px;  height:50px; border-radius:25px;  background:rgba(255,255,255,0.8);  }
.main-section01 .main-rolling-btn a:hover { text-decoration:none;  }  



.main-section02 {  }
.main-section02 .main-section02-left {padding:20px 15px; background:#fff;  letter-spacing:-1.4px;  }
.main-section02 .main-section02-left .notice-wrap {height:7.606090909rem; position:relative; width:100%; margin-bottom:1.0206090909rem;  }
.main-section02 .main-section02-left .notice-wrap h3  { float:left;  }
.main-section02 .main-section02-left .notice-wrap h3 a {display:inline-block; font-weight:normal; text-align:center; padding-bottom:5px;  font-size: 0.66090909rem; font-family: 'NanumSquare';    }
.main-section02 .main-section02-left .notice-wrap h3:before { content:'ㆍ';   display:inline-block;padding-right:1px; margin-left:1px; font-size:8px;   }
.main-section02 .main-section02-left .notice-wrap h3 a:hover { text-decoration:none; text-decoration:none;  border-bottom:3px solid #e9316a; color:#e9316a; }
.main-section02 .main-section02-left .notice-wrap h3 a.active { text-decoration:none;  border-bottom:3px solid #e9316a;   color:#e9316a;}
.main-section02 .main-section02-left .notice-wrap .notice01 h3:before {  margin-left:0px; padding-right:0px; content:'';  }
.main-section02 .main-section02-left .notice-wrap .list { display:none;  }
.main-section02 .main-section02-left .notice-wrap .notice01 .list { display:block;  }
.main-section02 .main-section02-left .notice-wrap ul  {position:absolute; top:1.606090909rem; left:0px; width:100%; }
.main-section02 .main-section02-left .notice-wrap ul li { width:100%;margin-bottom:12px;  float:left; font-size: 0.606090909rem; }
.main-section02 .main-section02-left .notice-wrap ul li a { float:left;  color:#555;   width:78%;  text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
.main-section02 .main-section02-left .notice-wrap ul li  span { float:right; text-align:right; color:#555; width:20%;padding-right:5px;  }
.main-section02 .main-section02-left .notice-wrap .notice-more { display:none;  position:absolute; top:0px; right:0px;   }
.main-section02 .main-section02-left .notice-wrap .notice-more a {  font-size: 0.606090909rem; color:#222;   }
.main-section02 .main-section02-left .notice-wrap .notice01 .notice-more  {display:block;   }

.main-section02 .main-section02-left .main-site-link {}
.main-section02 .main-section02-left .main-site-link ul li { float:left; width:20%; text-align:center;  }  
.main-section02 .main-section02-left .main-site-link ul li a { display:block; text-align:center;  color:555; font-family: 'NanumSquare';        padding-top: 3.01818182rem; background-repeat:no-repeat; background-position:center top;     font-size: 0.60545455rem;    background-size: auto 2.76363636rem;}
.main-section02 .main-section02-left .main-site-link ul li.list01 a { background-image:url(../images/main/icon_1.png);   }
.main-section02 .main-section02-left .main-site-link ul li.list02 a { background-image:url(../images/main/icon_2.png);  }
.main-section02 .main-section02-left .main-site-link ul li.list03 a { background-image:url(../images/main/icon_3.png);   }
.main-section02 .main-section02-left .main-site-link ul li.list04 a { background-image:url(../images/main/icon_4.png); }
.main-section02 .main-section02-left .main-site-link ul li.list05 a { background-image:url(../images/main/icon_5.png);   }

.main-section02 .main-section02-right { padding-top:2.006090909rem; padding-bottom:1.006090909rem; padding-left:15px; padding-right:15px;  position:relative; background:#f2f2f2;  }
.main-section02 .main-section02-right ul  {   }
.main-section02 .main-section02-right ul  li { }
.main-section02 .main-section02-right ul  li img {    width: 100%;  }
.main-section02 .main-section02-right .main-hot-btn { position:absolute; top:0.706090909rem; left:0px; width:100%;  text-align:center; }
.main-section02 .main-section02-right .main-hot-btn div { display:inline-block; vertical-align:top;  }
.main-section02 .main-section02-right .main-hot-btn i {   font-size:0.686090909rem; color:#222;   }


.main-section03 {position:relative;  background:url(../images/main/bg.jpg) no-repeat center top; background-size:cover;  padding-top:0.706090909rem; padding-left:15px; padding-right:15px; padding-bottom:2.2rem;  }
.main-section03 .news-wrap { position:relative;  text-align:center; height:13.3rem;margin-bottom:1.0rem;   }
.main-section03 .news-wrap .news-tab {display:inline-block;}
.main-section03 .news-wrap h3  {display:inline-block;   }
.main-section03 .news-wrap h3 a {display:inline-block; font-weight:normal; text-align:center; padding-bottom:0.16090909rem; font-size: 0.66090909rem; font-family: 'NanumSquare';    }
.main-section03 .news-wrap h3:before { content:'ㆍ';   display:inline-block;padding-right:2px; margin-left:2px;   }
.main-section03 .news-wrap h3 a:hover { text-decoration:none; text-decoration:none;  border-bottom:2px solid #e9316a; color:#e9316a; }
.main-section03 .news-wrap h3.active a { text-decoration:none;  border-bottom:2px solid #e9316a;   color:#e9316a;}
.main-section03 .news-wrap .news-tab:first-child  h3:before {  margin-left:0px; padding-right:0px; content:'';  }

.main-section03 .news  { position:absolute; top:4.006090909rem; left:0px; width:100%;  }
.main-section03 .news ul li p.img  { width:100%;  }
.main-section03 .news ul li a { width:100%;  }
.main-section03 .news ul li p.img img { width:100%; height:5.506090909rem;   }
.main-section03 .news ul li .text { width:100%; height:3.506090909rem;   background:#fff; padding:0.506090909rem; padding-bottom:1.506090909rem;  position:relative; word-break:break-all;  }
.main-section03 .news ul li .text .title {color:#222; font-size: 0.556090909rem;text-align:left;  }
.main-section03 .news ul li .text .date  {color:#666; position:absolute; bottom:0.506090909rem; left:0.506090909rem;  font-size: 0.506090909rem; }
.main-section03 .news .main-news-btn { position:absolute; top:-0.99306090rem; left:50%; margin-left:1.096090909rem; }
.main-section03 .news .bx-controls{ position:absolute; top:-1.006090909rem; left:50%;margin-left:1.096090909rem;   }
.main-section03 .news .bx-controls i {  font-size:0.686090909rem; }
.main-section03 .news .bx-controls div {  }
.main-section03 .news .bx-controls div .bx-prev { position:absolute; top:0px; right:1.796090909rem;; }
.main-section03 .news .bx-controls div .bx-next { position:absolute; top:0px; right:0px; }
.main-section03 .news .bx-controls div.bx-controls-auto { position:absolute; top:0px; right:0.896090909rem;  }
.main-section03 .news .main-news-btn div i { font-size:0.686090909rem;  }

.main-section03 .part-wrap {  }
.main-section03 .part-wrap h3 { color:#222;   font-size: 0.80090909rem; text-align:center; margin-bottom:1.0rem;  }
.main-section03 .part-wrap ul {  text-align:center;font-size:0px;   }
.main-section03 .part-wrap ul li { display:inline-block;margin-bottom:15px;  width:20%; text-align:center;  }
.main-section03 .part-wrap ul li a { display:inline-block; text-align:center;  width:2.8rem; height:2.8rem; border-radius:1.4rem;    padding-top: 1.801818182rem; background-repeat:no-repeat; background-position:center 0.444rem;     font-size: 0.50545455rem;    background-size: auto 1.26363636rem; border:2px solid #fff; color:#fff;   font-family: 'NanumSquare';  }
.main-section03 .part-wrap ul li.list01 a  { background-image:url(../images/common/icon01.png) ; }
.main-section03 .part-wrap ul li.list02 a  { background-image:url(../images/common/icon02.png) ; }
.main-section03 .part-wrap ul li.list03 a  { background-image:url(../images/common/icon03.png) ; }
.main-section03 .part-wrap ul li.list04 a  { background-image:url(../images/common/icon04.png) ; }
.main-section03 .part-wrap ul li.list05 a  { background-image:url(../images/common/icon05.png) ; }
.main-section03 .part-wrap ul li.list06 a  { background-image:url(../images/common/icon06.png) ; }
.main-section03 .part-wrap ul li.list07 a  { background-image:url(../images/common/icon07.png); }
.main-section03 .part-wrap ul li.list08 a  { background-image:url(../images/common/icon08.png) ; }
.main-section03 .part-wrap ul li.list09 a  { background-image:url(../images/common/icon09.png); }
.main-section03 .part-wrap ul li.list10 a  { background-image:url(../images/common/icon10.png) ; }
.main-section03 .part-wrap ul li.list11 a  { background-image:url(../images/common/icon11.png) ; }
.main-section03 .part-wrap ul li.list12 a  { background-image:url(../images/common/icon12.png) ; }
.main-section03 .part-wrap ul li.list13 a  { background-image:url(../images/common/icon13.png) ; }
.main-section03 .site-link-wrap { width:100%;text-align:center;  position:absolute;padding-left:15px; padding-right:15px;  bottom:0px; left:0px; height:2.2rem; background:#555;  }
.main-section03 .site-link-wrap ul li { display:inline-block; padding-top:0.77rem;  }
.main-section03 .site-link-wrap ul li:before { content:'ㆍ';   display:inline-block;padding-right:2px; margin-left:2px;font-size:0.3rem; color:#fff;   }
.main-section03 .site-link-wrap ul li:first-child:before { content:''; margin-left:0px; padding-right:0px;  }
.main-section03 .site-link-wrap ul li a { font-weight:normal; color:#fff;   font-size: 0.50090909rem;font-family: 'NanumSquare'; }




*/

}