/*
서귀포시 2017 메인
*/

body { background:url(../images/main/bg1.jpg) no-repeat center top 160px; }


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

	.main-section {}
	.main-section01 {padding-top:230px; padding-bottom: 50px;}
	.main-section01 .part01 .top { position:relative; margin-bottom:50px;  }
	.main-section01 .part01 .info-text  {font-size:24px; color:#6a7578; text-align:right;padding-bottom: 15px;}
	.main-section01 .part01 h3 { text-align:right;font-size:48px; font-family: 'NanumSquareRound'; color:#eb5457; font-weight:bold; }
	.main-section01 .part01 .bottom { width:100%; }
	.main-section01 .part01 .perform_slide_wrap { width:calc(100% - 90px);  float:left; }
	.main-section01 .part01 .perform_slide_wrap  a{padding:0 0 20px 20px; display: block; text-decoration: none;}

	.main-section01 .part01 .perform_slide_wrap .perform_img_wrap{overflow: hidden; overflow: hidden;-webkit-box-shadow:-10px 10px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow:-10px 10px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: -10px 10px 10px 0px rgba(0,0,0,0.2)}
	.main-section01 .part01 .perform_slide_wrap .perform_img{height: 480px; background-position: center center; background-size:cover;transition: all .2s ease-in-out;}
	.main-section01 .part01 .perform_slide_wrap .perform_img:hover{ transform: scale(1.1); }

	.main-section01 .part01 .perform_slide_wrap .title { font-size: 22px; color:#313536; margin-top: 30px;height: 50px;}
	.main-section01 .part01 .perform_slide_wrap .date { font-size: 16px; color:#626b6e; font-weight: bold; padding-top: 18px;}
	.main-section01 .part01 .perform_slide_wrap .tag { font-size: 16px;color:#626b6e;padding-top: 20px;margin-top: 20px;border-top:4px solid #6a7578; }
	.main-section01 .part01 .perform_slide_btn { width:90px; float:left; padding-top: 200px; text-align: right}
	.main-section01 .part01 .perform_slide_btn .page{ font-size: 24px; font-weight: 300; color:#313536; letter-spacing: 4px; padding:70px 0;text-align: center;}
	.main-section01 .part01 .slick-slide {padding:40px 0 0 ;-webkit-transition:margin 0.4s,  -webkit-transform 0.4s; transition:margin 0.4s,transform 0.4s;}
	.main-section01 .part01 .slick-center {margin-top:-40px;}
	.main-section01 .part02 { position:relative; padding-bottom:40px;padding-top: 60px;   margin:0 auto;}
	.main-section01 .part02 .schedule { float:left; width:360px;border:4px solid #6a7578;  text-align:center; padding:20px 20px 15px; position:relative;  }
	.main-section01 .part02 .schedule .date { font-size:30px; color:#313536; line-height: 1;}
	.main-section01 .part02 .schedule .month { font-size:16px; color:#6a7578; letter-spacing:2px; margin-bottom:10px;   }
	.main-section01 .part02 .schedule .more { text-align: center;padding-bottom: 10px;}
	.main-section01 .part02 .schedule .more a{ background: #f0f1f1;color:#6a7578; font-size: 16px; display: inline-block; padding:2px 20px; border-radius: 10px;}
	.main-section01 .part02 .schedule .schedule-btn a { position:absolute; top:22px;}
	.main-section01 .part02 .schedule .schedule-btn a.prev-btn { left:20px; }
	.main-section01 .part02 .schedule .schedule-btn a.next-btn { right:20px; }
	.main-section01 .part02 .schedule table  {width:100%; border-top: 2px solid #6a7578; text-align: center;}
	.main-section01 .part02 .schedule table thead th {border-bottom:1px solid #6a7578; text-align: center; color:#6a7578;font-size: 14px;height: 25px;}
	.main-section01 .part02 .schedule table tbody td {position:relative;; font-size: 14px; color:#6a7578;padding: 4px 0; text-align: center;}
	.main-section01 .part02 .schedule table tbody td a{ font-size: 14px; color:#6a7578; display: inline-block; width: 22px;height: 22px; line-height: 22px; vertical-align: middle; line-height: 1.4;}
	.main-section01 .part02 .schedule table tbody td a:hover{text-decoration: none; font-weight: bold;}
	.main-section01 .part02 .schedule table tbody td.today a{ border:1px solid #899da2; border-radius: 50%;}
	.main-section01 .part02 .schedule table tbody td.active a{ border:1px solid #6a7578; border-radius:50%; background: #6a7578; color:#fff;;}
	.main-section01 .part02 .schedule table tbody td.event:after{ content:''; width: 4px;height: 4px; border-radius:50%; background: #becccf;position:absolute;bottom:0px; left:50%; margin-left:-2px;;}
	.main-section01 .part02 .schedule table tbody tr:first-child td{ padding-top: 10px; }

	.main-section01 .part02 .schedule_list { float:right; width:calc(100% - 390px) }
	.main-section01 .part02 .schedule_list .schedul_item { float:left; width:220px; height:280px; margin-left:10px;  }
	.main-section01 .part02 .schedule_list .schedul_item:firsts-child { margin-left:0px;  }
	.main-section01 .part02 .schedule_list .schedul_item { display:block; width:100%; height:280px; background:#ecf3f5; padding:40px 30px;   }
	.main-section01 .part02 .schedule_list .schedul_item a .title {font-size:18px; color:#313536; height:75px; margin-bottom:10px; }
	.main-section01 .part02 .schedule_list .schedul_item a .date {font-size:14px; color:#626b6e;margin-bottom:5px;  }
	.main-section01 .part02 .schedule_list .schedul_item a .place {font-size:14px; color:#626b6e; margin-bottom:5px; }
	.main-section01 .part02 .schedule_list .schedul_item a .kind { font-size:16px;  }
	.main-section01 .part02 .schedule_list .no_event{ text-align: center; color:#828B8D; font-size: 16px; padding-top: 70px;}
	.main-section01 .part02 .schedule_list .no_event img{ margin:0 auto; padding-bottom: 20px; }
	.main-section01 .part02 .schedule_list .slick-track { float:left;}
	.main-section01 .part02 .schedule_list_wrap .rolling-btn { position:absolute; bottom:40px; right:50%;margin-right:-290px; text-align:center;  }
	.main-section01 .part02 .schedule_list_wrap .rolling-btn * { vertical-align:middle;  }
	.main-section01 .part02 .schedule_list_wrap .rolling-btn span { display:inline-block; margin:0 5px; }
	.main-section01 .part02 .schedule_list_wrap .rolling-btn span.pager { font-size:18px; color:#313536;  }

	.main-section02 {background: #f4f4f4;border-bottom:1px solid #d8dbdb;}

	.main-section03{ background: #f4f4f4;}
	.main-section03 h3{ font-size: 35px; font-weight: 300; color: rgb(49, 53, 54);float:left; padding-top: 75px;}
	.main-section03 h3 p{ font-size: 16px; color:#6a7578; line-height: 1.4; padding-top: 20px;}
	.main-section03 .container{ position: relative;}
	.main-section03 .main-section03-con-wrap{ float:right; width: 930px;}
	.main-section03 .news{  position:relative; float:left; border-right: 1px solid #d8dbdb; padding-top: 75px; padding-bottom: 75px;}
	.main-section03 .news ul{ float:left;width: 380px;margin-right: 60px;}
	.main-section03 .news li a{ font-size: 16px; color:#313536; display:block;float:left;width:80%; margin-bottom:15px;}
	.main-section03 .news li span{ font-size: 16px; color:#626b6e; display:block;float:left;width:20%; text-align: right;}
	.main-section03 .news .more {top:95px;left:-90px;position:absolute;}
	.main-section03 .perform_info  {position:relative;padding-left: 60px;float:left; width: 480px;}
	.main-section03 .perform_info .more {top:80px;right:0px;position:absolute;}

}

/* md */
@media (min-width: 1272px) and (max-width: 1469px) {
	body{background-size:auto 600px;}
	.main-section01 {padding-top:180px;}
	.main-section01 .part01 .perform_slide_btn {padding-top: 130px;}
	.main-section01 .part01 .perform_slide_wrap .perform_img{height: 370px; background-position: center center; background-size:cover;transition: all .2s ease-in-out;}
	.main-section03 .main-section03-con-wrap{ float:right; width: 805px;}
	.main-section03 .news ul{ float:left;width: 374px; margin-right: 30px;padding-left: 70px;}
	.main-section03 .news .more {top:95px;left:0px;position:absolute;}
	.main-section03 .perform_info  {position:relative;padding-left: 30px;float:left; width: 400px;}

}

/* xs + sm */
@media (max-width: 1271px) {
	body { background: none; }
	.main {
	  z-index: 1;
	  word-break: keep-all;
	}
	.main a {color: #222;}
	  .main-section {}
	  .main-section01 {padding-top:1.31428571rem;  padding-bottom:1.71428571rem;   background:#fff; }
	  .main-section01 .container{padding: 0 30px;}
	  .main-section01 .part01 .info-text  {font-size:0.6rem; color:#6a7578;padding-bottom: 5px;}
	  .main-section01 .part01 h3 { font-size:1rem; font-family: 'NanumSquareRound'; color:#eb5457; font-weight:bold; padding-bottom: 1rem;}
	  /* .main-section01 .part01 .info-text  {font-size:0.57142857rem; color:#6a7578; float:right;line-height: 1.3rem; vertical-align: bottom;} */
	  .main-section01 .part01 .info-text strong { font-weight:bold; font-size: #313536; }
	  .main-section01 .part01 .bottom { width:100%; }
	  .main-section01 .part01 .perform_slide_wrap { width:100%; }
	  .main-section01 .part01 .perform_slide_wrap  a{padding:0 0 10px 10px; display: block; text-decoration: none;}
	  .main-section01 .part01 .perform_slide_wrap .perform_img_wrap{overflow: hidden; overflow: hidden;-webkit-box-shadow:-10px 10px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow:-10px 10px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: -10px 10px 10px 0px rgba(0,0,0,0.2)}
  	  .main-section01 .part01 .perform_slide_wrap .perform_img{height: 300px; background-position: center center; background-size:cover;transition: all .2s ease-in-out;}
  	  .main-section01 .part01 .perform_slide_wrap .perform_img:hover{ transform: scale(1.1); }
	  .main-section01 .part01 .perform_slide_wrap .title { font-size: 0.62857143rem; color:#313536; margin-top: 0.57142857rem; height: 1.67142857rem; overflow: hidden;}
	  .main-section01 .part01 .perform_slide_wrap .date { font-size: 0.57142857rem; color:#626b6e; font-weight: bold; margin-top: 5px; height: 1.48571429rem; overflow: hidden;}
	  .main-section01 .part01 .perform_slide_wrap .tag { font-size: 0.57142857rem;color:#626b6e;padding-top: 0.57142857rem;margin-top: 0.57142857rem;border-top:4px solid #6a7578; }
	  .main-section01 .part01 .perform_slide_btn { width:100%; padding-top: 1rem; text-align: center}
	  .main-section01 .part01 .perform_slide_btn > div{ display:inline-block;}
	  .main-section01 .part01 .perform_slide_btn .page{ font-size: 0.85714286rem; font-weight: 300; color:#313536; letter-spacing: 4px;text-align: center; padding:0 20px;}

	  .main-section01 .part02 { position:relative; padding-bottom:2.57142857rem;margin-top: 2rem;  }
	 .main-section01 .part02 .schedule { width: calc(100% - 40px); height:24rem; border:4px solid #6a7578;  text-align:center; padding-top:1.42857143rem; margin:0 auto; position:relative;  }
	 .main-section01 .part02 .schedule .date { font-size:1rem; color:#313536; }
	 .main-section01 .part02 .schedule .month { font-size:0.57142857rem; color:#6a7578; letter-spacing:2px; margin-bottom:0.71428571rem;   }
	 .main-section01 .part02 .schedule .schedule-btn a { position:absolute; top:1.6rem;}
	 .main-section01 .part02 .schedule .schedule-btn a.prev-btn { left:20px; }
	 .main-section01 .part02 .schedule .schedule-btn a.next-btn { right:20px; }
	.main-section01 .part02 .schedule .more { text-align: center;padding-bottom: 10px;}
	.main-section01 .part02 .schedule .more a{ background: #f0f1f1;color:#6a7578; font-size: 16px; display: inline-block; padding:2px 20px; border-radius: 10px;}
	.main-section01 .part02 .schedule .calendar  {padding:0 20px;}
	.main-section01 .part02 .schedule table  {width:100%; border-top: 2px solid #6a7578; border-bottom:1px solid #6a7578; text-align: center;}
	.main-section01 .part02 .schedule table thead th {border-bottom:1px solid #6a7578; text-align: center; color:#6a7578;font-size: 14px;height: 25px;}
	.main-section01 .part02 .schedule table tbody td {position:relative;; font-size: 14px; color:#6a7578;padding: 4px 0; text-align: center;}
	.main-section01 .part02 .schedule table tbody td a{ font-size: 14px; color:#6a7578; display: inline-block; width: 22px;height: 22px; line-height: 22px; vertical-align: middle; line-height: 1.4;}
	.main-section01 .part02 .schedule table tbody td a:hover{text-decoration: none; font-weight: bold;}
	.main-section01 .part02 .schedule table tbody td.today a{ border:1px solid #899da2; border-radius: 50%;}
	.main-section01 .part02 .schedule table tbody td.active a{ border:1px solid #6a7578; border-radius:50%; background: #6a7578; color:#fff;;}
	.main-section01 .part02 .schedule table tbody td.event:after{ content:''; width: 4px;height: 4px; border-radius:50%; background: #becccf;position:absolute;bottom:0px; left:50%; margin-left:-2px;;}
	.main-section01 .part02 .schedule table tbody tr:first-child td{ padding-top: 10px; }



	 .main-section01 .part02 .schedule_list_wrap {position:absolute; top:13.5rem; left:0; width:100%;}
	 .main-section01 .part02 .schedule_list {width: 100%; }
	 .main-section01 .part02 .schedule_list .schedul_item { float:left; width:8.28571429rem; height:8rem; margin-left:10px;  }
	 .main-section01 .part02 .schedule_list .slick-list { margin-left:-10px;  }
	 .main-section01 .part02 .schedule_list .schedul_item { display:block; width:100%; height:8rem; background:#ecf3f5; padding:25px 20px;   }
	 .main-section01 .part02 .schedule_list .schedul_item a .title {font-size:0.62857143rem; color:#313536; height:2.57142857rem; margin-bottom:10px; }
	 .main-section01 .part02 .schedule_list .schedul_item a .date {font-size: 0.57142857rem; color:#626b6e;margin-bottom:5px;  }
	 .main-section01 .part02 .schedule_list .schedul_item a .place {font-size: 0.57142857rem; color:#626b6e; margin-bottom:5px; }
	 .main-section01 .part02 .schedule_list .schedul_item a .kind { font-size: 0.57142857rem;  }
	 .main-section01 .part02 .schedule_list .no_event{ text-align: center; color:#828B8D; font-size: 16px; padding-top: 45px;}
	 .main-section01 .part02 .schedule_list .no_event img{ margin:0 auto; padding-bottom: 20px; }
	 .main-section01 .part02 .schedule_list_wrap .rolling-btn { position:absolute; bottom:-1.57142857rem; left:0px; width:100%; text-align:center;  }
	 .main-section01 .part02 .schedule_list_wrap .rolling-btn * { vertical-align:middle;  }
	 .main-section01 .part02 .schedule_list_wrap .rolling-btn span { display:inline-block; margin:0 5px; }
	 .main-section01 .part02 .schedule_list_wrap .rolling-btn span.pager { font-size:18px; color:#313536;  }

   .main-section02 {background: #f4f4f4;border-bottom:1px solid #d8dbdb;}
   .main-section02 .container { padding: 0 30px;}

	.main-section03{ background: #f4f4f4; padding-top: 2rem; padding-bottom: 2rem;}
	.main-section03 .container{ padding:0 30px;}
	.main-section03 h3{ font-size: 1rem; font-weight: 300; color: rgb(49, 53, 54);padding-bottom: 1rem;}
	.main-section03 h3 p{ font-size: 0.57142857rem; color:#6a7578; line-height: 1.4;padding-top: 0.3rem;}
	.main-section03 .container{ position: relative;}
	.main-section03 .news{  position:relative; border-bottom:1px solid #d8dbdb;padding-bottom:1rem;}
	.main-section03 .news li a{ font-size: 0.57142857rem; color:#313536; display:block;float:left;width:80%; margin-bottom:0.71428571rem;}
	.main-section03 .news li span{ font-size: 0.57142857rem; color:#626b6e; display:block;float:left;width:20%; text-align: right;}
	.main-section03 .more {top:-4rem;right:0;position:absolute; width: 1.14285714rem; height: 1.14285714rem;}
	.main-section03 .perform_info  {position:relative; margin-top: 1rem;}
	.main-section03 .perform_info .more {top:0;right:0px;position:absolute;}
}
@media(max-width:767px){
	.main-section01 .part01 .perform_slide_wrap .perform_img{padding-top:140%; height: auto;;}
	.main-section01 .part02 .schedule_list .no_event{  padding-top: 40px;}
	.main-section01 .part02 .schedule_list .no_event img{ width:60px; }
}