/*

서귀포시 2017 메인

*/

  .main a {color: #222;}

  a.main_noti{color:#e9316a !important;}

@media (min-width: 992px) {

  .main {

    z-index: 1;

    word-break: keep-all;

    /*border-top: 1px solid #ddd;*/

  }

  .main a {color: #222;}





.main-rolling {width:100%; height:550px;  position:absolute; top:0px; left:0px; z-index: 0;}

.main-rolling ul li {width:100%; height:550px;      background-position: center top;background-repeat:no-repeat;     }

/*.main-rolling ul li a { color:#fff; position:absolute; bottom:20px; right:50%; margin-right:-500px; z-index:100;    text-shadow:2px 2px #000;}*/

.main-rolling ul li a { color:#fff; position:absolute; top:0px; left:0px; width:100%; height:100%;  z-index:100;    text-shadow:2px 2px #000;}



.main-section01   {height:415px; }

.main-section01 .main-weather { position:absolute; top:30px; right:0px;    }

.main-section01 .main-weather b {font-size:30px; font-weight:bold; margin-right:5px;  }

.main-section01 .main-weather i {font-size:36px; font-weight:bold;  }

.main-section01 .main-weather i:before { margin-left:0px; margin-right:0px;  }

.main-section01 .main-weather .weather-one { padding-right:30px;  }

.main-section01 .main-weather .weather-all {display:none; position:absolute; width:445px; z-index:50; top:0px; right:0px; background:#fff; padding:20px;   }

.main-section01 .main-weather .weather-all * { display:block;  }

.main-section01 .main-weather .weather-all .list { float:left; width:25%; text-align:center;  }

.main-section01 .main-weather .weather-more, .main-section01 .main-weather .weather-close { position:absolute; top:-13px; right:0px;  }

.main-section01 .main-weather .weather-more i , .main-section01 .main-weather .weather-close i{ display:block; width:26px; height:26px; font-size:16px;text-align:center;  background:#000; color:#fff; border-radius:13px; padding-top:6px;  }



.main-section01 .main-text { padding-top:135px; text-align:center;  margin-bottom:10px;  }

.main-section01 .sns-list {  text-align:center; position:absolute; top:335px; lefT:0px; width:100%;  }

.main-section01 .sns-list a { display:inline-block; margin:0 2px;  }



/*

.main-section01 .main-text { padding-top:50px; text-align:center;  margin-bottom:10px;  }

.main-section01 .sns-list {  text-align:center; margin-bottom:20px;  }

.main-section01 .sns-list a { display:inline-block; margin:0 2px;  }

.main-section01 .main-btn {text-align:center;   }

.main-section01 .main-btn a {display:inline-block; margin:0 2px;  }

*/



.main-section01 .main-rolling-btn-prev { position:absolute; top:130px; left:0px; margin-top:25px; }

.main-section01 .main-rolling-btn-next { position:absolute; top:130px; right:0px;margin-top:25px;  }

.main-section01 .main-rolling-btn i  { display:block;color:#222; font-size:30px; width:80px;text-align:center; padding-top:30px;  height:80px; border-radius:40px;  background:rgba(255,255,255,0.8);  }

.main-section01 .main-rolling-btn a:hover { text-decoration:none;  }





.main-section02 { padding-top:30px; height:450px;  }

.main-section02 .main-section02-left { float:left; width: 680px;margin-right:38px;  }

.main-section02 .main-section02-left .notice-wrap {height:230px; position:relative; width:100%; margin-bottom:20px; overflow:hidden; }

.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:22px; font-family: 'NanumSquare';    }

.main-section02 .main-section02-left .notice-wrap h3:before { content:'ㆍ';   display:inline-block;padding-right:15px; margin-left:15px;   }

.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; position:absolute; top:50px; left:0px;  }

.main-section02 .main-section02-left .notice-wrap .notice01 .list { display:block;  }

.main-section02 .main-section02-left .notice-wrap ul  { width:100%; }

.main-section02 .main-section02-left .notice-wrap ul li { width:100%;margin-bottom:12px;  float:left; font-size:18px; }

.main-section02 .main-section02-left .notice-wrap ul li a { float:left;  color:#555;   width:550px;  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; color:#555; }

.main-section02 .main-section02-left .notice-wrap .notice-more { display:none;  position:absolute; top:0px; right:0px; font-size:20px;  }

.main-section02 .main-section02-left .notice-wrap .notice-more a { font-size:20px; 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; padding-top:95px; color:#555; font-size:18px; font-family: 'NanumSquare';  }

.main-section02 .main-section02-left .main-site-link ul li.list01 a { background:url(../images/main/icon_1.png) no-repeat center top;  }

.main-section02 .main-section02-left .main-site-link ul li.list02 a { background:url(../images/main/icon_2.png) no-repeat center top;  }

.main-section02 .main-section02-left .main-site-link ul li.list03 a { background:url(../images/main/icon_3.png) no-repeat center top;  }

.main-section02 .main-section02-left .main-site-link ul li.list04 a { background:url(../images/main/icon_4.png) no-repeat center top;  }

.main-section02 .main-section02-left .main-site-link ul li.list05 a { background:url(../images/main/icon_5.png) no-repeat center top;  }



.main-section02 .main-section02-right { float:left; width:482px; padding-top:55px; position:relative;  }

.main-section02 .main-section02-right ul  {   }

.main-section02 .main-section02-right ul  li { }

.main-section02 .main-section02-right .main-hot-btn { position:absolute; top:20px; right:0px;  }

.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:20px;color:#222;   }

.main-section02 .main-section02-right .main-hot-btn i.icon-pause { font-size:24px; margin:-2px; display:inline-block; }

.main-section02 .main-section02-right .main-hot-btn .bx-controls-auto-item { width:20px; height:20px;   }

.main-section02 .main-section02-right .main-hot-btn .bx-controls-auto-item i:before { margin:0px;  }



.main-section03 {position:relative;  background:url(../images/main/bg.jpg) no-repeat center top; height:960px;  padding-top:50px;   }

.main-section03 .news-wrap { position:relative;margin-bottom:60px;  height:395px; }

.main-section03 .news-wrap h3  { float:left;  }

.main-section03 .news-wrap h3 a {display:inline-block; font-weight:normal; text-align:center; padding-bottom:5px;  font-size:22px; font-family: 'NanumSquare';    }

.main-section03 .news-wrap h3:before { content:'ㆍ';   display:inline-block;padding-right:15px; margin-left:15px;   }

.main-section03 .news-wrap h3 a:hover { text-decoration:none; text-decoration:none;  border-bottom:3px solid #e9316a; color:#e9316a; }

.main-section03 .news-wrap h3.active a { text-decoration:none;  border-bottom:3px 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:50px; left:0px; width:100%; word-break:break-all;  }

.main-section03 .news ul li { position:relative;  }

.main-section03 .news ul li .icon-play-circled{position:absolute;font-size:60px; color:#fff; line-height:230px;  top:0px; left:0px; width:100%; text-align:center; } 

.main-section03 .news ul li p.img  {height:220px; width:280px;   }

.main-section03 .news ul li p.img img {height:220px; width:280px;   }

.main-section03 .news ul li .text { width:280px; height:110px; background:#fff; padding:20px; position:relative;  }

.main-section03 .news ul li .text .title {color:#222; font-size:16px; }

.main-section03 .news ul li .text .date  {color:#666; position:absolute; bottom:20px; left:20px;  }

.main-section03 .news .main-news-btn { position:absolute; top:-50px; right:0px;  }

.main-section03 .news .bx-controls{ position:absolute; top:-50px; right:30px;  }

.main-section03 .news .bx-controls i {  font-size:20px; }

.main-section03 .news .bx-controls i.icon-pause { font-size:24px; margin:-2px; display:inline-block; }

.main-section03 .news .bx-controls div {  }

.main-section03 .news .bx-controls div .bx-prev { position:absolute; top:0px; right:60px; }

.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:30px;  }

.main-section03 .news .main-news-btn div { float:left;  }

.main-section03 .news .main-news-btn div i { font-size:20px;  }



.main-section03 .part-wrap {   }

.main-section03 .part-wrap h3 { color:#222; font-size:30px; text-align:center; margin-bottom:40px;  }

.main-section03 .part-wrap ul {  text-align:center;font-size:0px;   }

.main-section03 .part-wrap ul li { display:inline-block;margin-bottom:15px;  width:14%; text-align:center;  }

.main-section03 .part-wrap ul li a { display:block; text-align:center;  width:120px; height:120px; font-size:18px; border:2px solid #fff;border-radius:60px; color:#fff; padding-top:80px;  font-family: 'NanumSquare';  }

.main-section03 .part-wrap ul li.list01 a  { background:url(../images/common/icon01.png) no-repeat center 20px; }

.main-section03 .part-wrap ul li.list02 a  { background:url(../images/common/icon02.png) no-repeat center 20px; }

.main-section03 .part-wrap ul li.list03 a  { background:url(../images/common/icon03.png) no-repeat center 20px; }

.main-section03 .part-wrap ul li.list04 a  { background:url(../images/common/icon04.png) no-repeat center 20px; }

.main-section03 .part-wrap ul li.list05 a  { background:url(../images/common/icon05.png) no-repeat center 20px; }

.main-section03 .part-wrap ul li.list06 a  { background:url(../images/common/icon06.png) no-repeat center 20px; }

.main-section03 .part-wrap ul li.list07 a  { background:url(../images/common/icon07.png) no-repeat center 20px; }

.main-section03 .part-wrap ul li.list08 a  { background:url(../images/common/icon08.png) no-repeat center 20px; }

.main-section03 .part-wrap ul li.list09 a  { background:url(../images/common/icon09.png) no-repeat center 20px; }

.main-section03 .part-wrap ul li.list10 a  { background:url(../images/common/icon10.png) no-repeat center 20px; }

.main-section03 .part-wrap ul li.list11 a  { background:url(../images/common/icon11.png) no-repeat center 20px; }

.main-section03 .part-wrap ul li.list12 a  { background:url(../images/common/icon12.png) no-repeat center 20px; }

.main-section03 .part-wrap ul li.list13 a  { background:url(../images/common/icon13.png) no-repeat center 20px; }

.main-section03 .site-link-wrap { position:absolute; bottom:0px; left:0px; width:100%; height:60px; background:rgba(0,0,0,0.8);  }

.main-section03 .site-link-wrap ul li { float:left; padding-top:20px;  }

.main-section03 .site-link-wrap ul li:before { content:'ㆍ';   display:inline-block;padding-right:55px; margin-left:55px;  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:18px; font-family: 'NanumSquare'; }





}



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



	.main-section02 .main-section02-left {  width: 655px; margin-right:60px;  }

	.main-section02 .main-section02-left .notice-wrap h3:before { padding-right:10px; margin-left:10px;   }

	.main-section02 .main-section02-left .notice-wrap ul li a { width:525px;  }

	.main-section02 .main-section02-right { width:245px;  }

	.main-section03 .news-wrap h3:before { padding-right:10px; margin-left:10px;   }

	.main-section03 .news ul li p.img  { width:230px;   }

	.main-section03 .news ul li p.img img {width:230px;   }

	.main-section03 .news ul li .text { width:230px; }

	.main-section03 .site-link-wrap ul li:before { padding-right:31px; margin-left:31px;    }



}







@media (max-width: 991px) {





.main-rolling {width:100%; position:absolute; top:0px; left:0px; z-index:0;   }

.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:15px;  text-shadow:2px 2px #000;  }*/

.main-rolling ul li a { color:#fff; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:100;   text-shadow:2px 2px #000;  }



.main-section01   {height:343px;  }

.main-section01 .container { position:relative;  }

.main-section01 .main-weather { position:absolute; width:100%; text-align:right; top:0px; right:0px; padding-right:15px;  padding-top:15px;  }

.main-section01 .main-weather b {font-size:0.8rem; font-weight:bold; margin-right:5px;  }

.main-section01 .main-weather i {font-size:0.85rem; font-weight:bold;  }

.main-section01 .main-weather i:before { margin-left:0px; margin-right:0px;  }

.main-section01 .main-weather .weather-one { padding-right:30px;  }

.main-section01 .main-weather .weather-all {display:none; position:absolute; width:100% ;z-index:50; top:0px; right:0px; background:#fff; padding:20px;   }

.main-section01 .main-weather .weather-all * { display:block;  }

.main-section01 .main-weather .weather-all .list { float:left; width:25%; text-align:center;  }

.main-section01 .main-weather .weather-more, .main-section01 .main-weather .weather-close { position:absolute; top:15px;   right:15px;  }

.main-section01 .main-weather .weather-more i , .main-section01 .main-weather .weather-close i{ display:block; width:0.9rem; height:0.9rem;  font-size:0.5rem;text-align:center;  background:#000; color:#fff; border-radius:0.45rem; padding-top:0.22rem;  }



/*

.main-section01 .main-text { padding-top:110px; 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-text { padding-top:45px; text-align:center;  margin-bottom:10px;  }

.main-section01 .main-text img { width:300px;    }

.main-section01 .sns-list {  text-align:center; position:absolute; top:270px; lefT:0px; width:100%; margin-bottom:20px; }

.main-section01 .sns-list img {  width:90%;  }

.main-section01 .sns-list a { display:inline-block; margin:0 2px;  }

.main-section01 .main-btn {  text-align:center; }

.main-section01 .main-btn .link1 img {width:28%;  }

.main-section01 .main-btn .link2 img {width:45%;  }

.main-section01 .main-btn a {  margin:0 2px;  }







.main-section01 .main-rolling-btn-prev { position:absolute; top:100px; left:15px; margin-top:25px; }

.main-section01 .main-rolling-btn-next { position:absolute; top:100px; 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; overflow:hidden; }

.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.60090909rem; 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; position:absolute; top:1.606090909rem; left:0px;   width:100%;}

.main-section02 .main-section02-left .notice-wrap .notice01 .list { display:block;  }

.main-section02 .main-section02-left .notice-wrap ul  { width:100%; }

.main-section02 .main-section02-left .notice-wrap ul li { width:100%;margin-bottom: 0.45454545rem;  float:left; font-size: 0.606090909rem; }

.main-section02 .main-section02-left .notice-wrap ul li a { float:left;  color:#555;   width:73%;  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:25%;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; padding-left: 0.22727273rem;}

.main-section02 .main-section02-left .main-site-link ul li:first-child { padding-left:0;}

.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.45363636rem;word-break: keep-all;}

.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%;word-break:break-all;   }

.main-section03 .news ul li .icon-play-circled {display:none; } 

.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; max-width: 100%;}

.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 { white-space:nowrap; overflow-x: auto;  }

.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'; }







}