/*
서귀포시 2017 메인
*/

/*body { background:url(../images/main/bg1.jpg?ver=20060204) no-repeat ; background-position:center 160px;}*/

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


	    .popup {  top:159px !important;  }

	.popup .popup-close a:focus , .popup input[type="checkbox"]:focus  {    outline: 3px solid red !important ; outline-offset: -3px;}
	
	#main{/*padding-top: 50px;*/ position:relative;}
	#main .container{position:relative;}
	.main-section01{height: 460px;}
	.main-section01 .visual_bg_wrap{background-repeat:no-repeat; background-position: center top; height: 460px; position:absolute; right:160px;width:1399px;}
	.main-section01 .visual_bg{height: 460px; width:100%; z-index: -1; position: relative;}
	#main .main-section01 .visual_bg .container{position:absolute; right:-160px; top:0; margin-right:0;}
	.visual_slide_wrap a { display:block;  }
	
/*	.main  .main-section01 .hot_slide_wrap {    width: 1000px; top:0px; }
	.main  .main-section01 .hot_slide {    width: 921px;    }
	.main  .main-section01 .hot_slide_wrap h3 {      width: 921px;  }
*/
.main-section01 .hot_slide .slick-slide { padding:15px;  }
.main  .main-section01 .hot_slide a {  display:block;   }

	.main-section01-1 { position:relative; padding-bottom:40px; padding-top: 37px;   margin:0 auto;}
	 /*원복 수정*/
/*	.main-section01-1 .s-pop { float:left; width:300px; margin-right:20px;  }*/
	 /*원복 수정*/
	.main-section01-1 .schedule { float:left; width:360px; height:326px; border:4px solid #c7ab90;  text-align:center; padding:20px 20px 15px; position:relative;  }
	.main-section01-1 .schedule .date { font-size:30px; color:#b26922; line-height: 1;}
	.main-section01-1 .schedule .month { font-size:16px; color:#6a7578; letter-spacing:2px; margin-bottom:10px;   }
	.main-section01-1 .schedule .more { text-align: center;padding-bottom: 10px; position:absolute; top:50px; right:25px; }
	.main-section01-1 .schedule .more a{ background: #f0f1f1;color:#6a7578; font-size: 14px; display: inline-block; padding:2px 20px; border-radius: 10px;}
	.main-section01-1 .schedule .schedule-btn a { position:absolute; top:22px;}
	.main-section01-1 .schedule .schedule-btn a.prev-btn { left:20px; }
	.main-section01-1 .schedule .schedule-btn a.next-btn { right:20px; }
	.main-section01-1 .schedule table  {width:100%; border-top: 2px solid #c7ab90; text-align: center;}
	.main-section01-1 .schedule table thead th {border-bottom:1px solid #c7ab90; text-align: center; color:#6a7578;font-size: 14px;height: 25px;}
	.main-section01-1 .schedule table tbody td {position:relative;; font-size: 14px; color:#6a7578;padding: 4px 0; text-align: center;}
	.main-section01-1 .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-1 .schedule table tbody td a:hover{text-decoration: none; font-weight: bold;}
	.main-section01-1 .schedule table tbody td.today a{ border:1px solid #899da2; border-radius: 50%;}
	.main-section01-1 .schedule table tbody td.active a{ border:1px solid #6a7578; border-radius:50%; background: #6a7578; color:#fff;;}
	.main-section01-1 .schedule table tbody td.event:after{ content:' 선택가능일'; text-indent:-99999px; width: 4px;height: 4px; border-radius:50%; background: #6A7578;position:absolute;bottom:0px; left:50%; margin-left:-2px;;}
	.main-section01-1 .schedule table tbody tr:first-child td{ padding-top: 10px; }

	.main-section01-1 .schedule_list { float:right; /*width:calc(100% - 710px); 원복 수정*/ width:calc(100% - 390px); }
	.main-section01-1 .schedule_list .schedul_item { float:left; width:220px; height:280px; margin-left:10px;  }
	.main-section01-1 .schedule_list .schedul_item:firsts-child { margin-left:0px;  }
	.main-section01-1 .schedule_list .schedul_item { display:block; position:relative;  width:100%; height:280px; background:#efe8e1; padding:20px 40px;   }
	.main-section01-1 .schedule_list .schedul_item a { display:block; width:100%; height:100%;  }
	.main-section01-1 .schedule_list .schedul_item a .m-label { position:absolute; top:0px; right:0px;  width:40px; height:50px; text-align:center; font-size:13px; color:#fff;  background-image:url(../images/main/bookmark_2.png); background-repeat:no-repeat; background-position:center center;  background-size:cover;  }
	.main-section01-1 .schedule_list .schedul_item a .m-label.m-label004 {background-image:url(../images/main/bookmark_4.png);}
	.main-section01-1 .schedule_list .schedul_item a .m-label.m-label003 {background-image:url(../images/main/bookmark_3.png);}
	.main-section01-1 .schedule_list .schedul_item a .m-label.m-label002 {background-image:url(../images/main/bookmark_2.png);}
	.main-section01-1 .schedule_list .schedul_item a .m-label.m-label008 {background-image:url(../images/main/bookmark_8.png);}
	.main-section01-1 .schedule_list .schedul_item a .m-label.m-label005 {background-image:url(../images/main/bookmark_5.png);}
	.main-section01-1 .schedule_list .schedul_item a .m-label.m-label001 {background-image:url(../images/main/bookmark_1.png);}
	.main-section01-1 .schedule_list .schedul_item a .m-label.m-label007 {background-image:url(../images/main/bookmark_7.png);}
	.main-section01-1 .schedule_list .schedul_item a .m-label.m-label006 {background-image:url(../images/main/bookmark_6.png);}


	.main-section01-1 .schedule_list .schedul_item a .m-label .in {height:40px; width:40px; display:table-cell; vertical-align:middle; padding:5px; word-break:break-all; line-height:1;  }
	.main-section01-1 .schedule_list .schedul_item a .title {font-size:18px; color:#313536; height:110px; margin-bottom:10px; word-break:break-all;  }
	.main-section01-1 .schedule_list .schedul_item a .date {font-size:14px; color:#626b6e;margin-bottom:5px;  }
	.main-section01-1 .schedule_list .schedul_item a .place {font-size:14px; color:#626b6e; margin-bottom:5px; }
	.main-section01-1 .schedule_list .schedul_item a .kind { font-size:16px;  }
	.main-section01-1 .schedule_list .no_event{ text-align: center; color:#828B8D; font-size: 16px; padding-top: 70px;}
	.main-section01-1 .schedule_list .no_event img{ margin:0 auto; padding-bottom: 20px; }
	.main-section01-1 .schedule_list .slick-track { float:left;}

	.main-section01-1 .schedule_list_wrap .rolling-btn { position:absolute; bottom:0; right:50%;margin-right:-290px; text-align:center;  }
	.main-section01-1 .schedule_list_wrap .rolling-btn * { vertical-align:middle;  }
	.main-section01-1 .schedule_list_wrap .rolling-btn span { display:inline-block; margin:0 5px; }
	.main-section01-1 .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; padding-top: 75px; padding-bottom: 75px;}
	.main-section03 h3{ font-size: 35px; font-weight: 300; color: rgb(49, 53, 54);float:left;}
	.main-section03 h3 p{ font-size: 16px; color:#6a7578; line-height: 1.4; padding-top: 20px;}
	.main-section03 .container{ position: relative;}
	.main-section03 .new_list_wrap{ float:right; width: 820px;}
	.main-section03 .news{  position:relative;}
	.main-section03 .news ul{ float:left;width: 380px;}
	.main-section03 .news ul:first-child{ 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 .more {top:20px;left:240px;;position:absolute;}*/
	
	.main-section03{ height: 380px; background: #f8f8f8; padding-top: 55px;}
	.main-section03 h3{ font-size: 40px; font-weight: 300; color: rgb(49, 53, 54); padding-bottom: 38px;}
	.main-section03 .container{ position: relative;}
	.main-section03 .news{ width:560px; float:left; position:relative; margin-right: 80px;}
	.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 .more {top:0;right:0;position:absolute;}
	.main-section03 .view_info{ width:560px; float:left; position:relative; font-size: 16px;}
	.main-section03 .view_info dt{ width:30%; float:left; font-weight: bold;clear:left; padding-bottom: 15px;}
	.main-section03 .view_info dd{ width:70%; float:left; padding-bottom: 15px;}

}

/* md */
@media (min-width: 1272px) and (max-width: 1469px) {
	
	/*.main-section01 .part01 .perform_slide_wrap .perform_img{height: 370px; background-position: center center; background-size:cover;transition: all .2s ease-in-out;}
	.main-section01 .part01 .perform_slide_btn {padding-top: 130px;}*/

	/*.main-section03 .more {top:20px;left:190px;;position:absolute;}
	.main-section03 .new_list_wrap{ width: 680px;}
	.main-section03 .news ul{ float:left;width: 320px;}
	.main-section03 .news ul:first-child{margin-right: 30px;}*/
	
	.main-section03 .news{ width:460px; margin-right: 40px; }
	.main-section03 .view_info{ width:460px; }
	
}

/* xs + sm */
@media (max-width: 1271px) {
	  /* .main-section01 { 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: 1px;text-align: right; padding:0 20px;}*/
	.main-section01 {padding-top: 30px;}
	.main-section01 > .container{position:relative;padding:0 30px;}
	.main-section01 .visual_bg_wrap{ height: auto;  margin-bottom:20px; /*position:absolute; right:50%; transform:translateX(50%); width:776px;*/}
	.main-section01 .visual_bg{height: 16.28571429rem; width:100%; z-index: -1; position: relative; background-repeat:no-repeat; background-position: center bottom; background-size:cover;}
	.main-section01 .visual_bg_wrap .container{margin-right: 0; position:absolute; top:0;right:0;}
	.visual_slide_wrap a { display:block;  }

	  .main-section01-1 { position:relative; padding-bottom:2.57142857rem;margin-top: 2rem;  }
	 /*원복 수정*/
	 /*  .main-section01-1 .s-pop { text-align:center;  margin-bottom:20px;  } 
	   .main-section01-1 .s-pop img {} 
	  .main-section01-1 .m-position { position:relative;  }*/
	 /*원복 수정*/
	 
	  .main-section01-1 .schedule { width: calc(100% - 40px); height:25rem; border:4px solid #c7ab90;  text-align:center; padding-top:1.42857143rem; margin:0 auto; position:relative;  }
	  .main-section01-1 .schedule .date { font-size:1rem; color:#b26922; }
	  .main-section01-1 .schedule .month { font-size:0.57142857rem; color:#6a7578; letter-spacing:2px; margin-bottom:0.71428571rem;   }
	  .main-section01-1 .schedule .schedule-btn a { position:absolute; top:1.6rem;}
	  .main-section01-1 .schedule .schedule-btn a.prev-btn { left:20px; }
	  .main-section01-1 .schedule .schedule-btn a.next-btn { right:20px; }
	 .main-section01-1 .schedule .more { text-align: center;padding-bottom: 10px;}
	 .main-section01-1 .schedule .more a{ background: #f0f1f1;color:#6a7578; font-size: 16px; display: inline-block; padding:2px 20px; border-radius: 10px;}
	 .main-section01-1 .schedule .calendar  {padding:0 20px;}
	 .main-section01-1 .schedule table  {width:100%; border-top: 2px solid #c7ab90; border-bottom:1px solid #6a7578; text-align: center;}
	 .main-section01-1 .schedule table thead th {border-bottom:1px solid #c7ab90; text-align: center; color:#6a7578;font-size: 14px;height: 25px;}
	 .main-section01-1 .schedule table tbody td {position:relative;; font-size: 14px; color:#6a7578;padding: 4px 0; text-align: center;}
	 .main-section01-1 .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-1 .schedule table tbody td a:hover{text-decoration: none; font-weight: bold;}
	 .main-section01-1 .schedule table tbody td.today a{ border:1px solid #899da2; border-radius: 50%;}
	 .main-section01-1 .schedule table tbody td.active a{ border:1px solid #6a7578; border-radius:50%; background: #6a7578; color:#fff;;}
	 .main-section01-1 .schedule table tbody td.event:after{ content:' 선택가능일'; text-indent:-99999px; width: 4px;height: 4px; border-radius:50%; background: #6A7578;position:absolute;bottom:0px; left:50%; margin-left:-2px;;}
	 .main-section01-1 .schedule table tbody tr:first-child td{ padding-top: 10px; }



	  .main-section01-1 .schedule_list_wrap {position:absolute; top:14.5rem; left:0; width:100%;}
	  .main-section01-1 .schedule_list {width: 100%; }
	  .main-section01-1 .schedule_list .schedul_item { float:left; width:8.28571429rem; height:8rem; margin-left:10px;  }
	  .main-section01-1 .schedule_list .slick-list { margin-left:-10px;  }
	  .main-section01-1 .schedule_list .schedul_item  { display:block; width:100%; position:relative; height:8rem; background:#efe8e1; padding:25px 20px;   }
		.main-section01-1 .schedule_list .schedul_item a { display:block; width:100%; height:100%;  }
		.main-section01-1 .schedule_list .schedul_item a .m-label { position:absolute; top:0px; right:0px;  width:35px; height:43.75px; text-align:center; font-size:12px; color:#fff;  background-image:url(../images/main/bookmark_2.png); background-repeat:no-repeat; background-position:center center;  background-size:cover;  }
		.main-section01-1 .schedule_list .schedul_item a .m-label.m-label004 {background-image:url(../images/main/bookmark_4.png);}
		.main-section01-1 .schedule_list .schedul_item a .m-label.m-label003 {background-image:url(../images/main/bookmark_3.png);}
		.main-section01-1 .schedule_list .schedul_item a .m-label.m-label002 {background-image:url(../images/main/bookmark_2.png);}
		.main-section01-1 .schedule_list .schedul_item a .m-label.m-label008 {background-image:url(../images/main/bookmark_8.png);}
		.main-section01-1 .schedule_list .schedul_item a .m-label.m-label005 {background-image:url(../images/main/bookmark_5.png);}
		.main-section01-1 .schedule_list .schedul_item a .m-label.m-label001 {background-image:url(../images/main/bookmark_1.png);}
		.main-section01-1 .schedule_list .schedul_item a .m-label.m-label007 {background-image:url(../images/main/bookmark_7.png);}
		.main-section01-1 .schedule_list .schedul_item a .m-label.m-label006 {background-image:url(../images/main/bookmark_6.png);}
		.main-section01-1 .schedule_list .schedul_item a .m-label .in {height:35px; width:35px; display:table-cell; vertical-align:middle; padding:5px; word-break:break-all; line-height:1;  }

	  .main-section01-1 .schedule_list .schedul_item a .title {font-size:0.62857143rem; color:#313536; height:2.57142857rem; margin-bottom:10px;  word-break:break-all; }
	  .main-section01-1 .schedule_list .schedul_item a .date {font-size: 0.57142857rem; color:#626b6e;margin-bottom:5px;  }
	  .main-section01-1 .schedule_list .schedul_item a .place {font-size: 0.57142857rem; color:#626b6e; margin-bottom:5px; }
	  .main-section01-1 .schedule_list .schedul_item a .kind { font-size: 0.57142857rem;  }
	  .main-section01-1 .schedule_list .no_event{ text-align: center; color:#828B8D; font-size: 16px; padding-top: 45px;}
 	 .main-section01-1 .schedule_list .no_event img{ margin:0 auto; padding-bottom: 20px; }
	  .main-section01-1 .schedule_list_wrap .rolling-btn { position:absolute; bottom:-1.57142857rem; left:0px; width:100%; text-align:center;  }
	  .main-section01-1 .schedule_list_wrap .rolling-btn * { vertical-align:middle;  }
	  .main-section01-1 .schedule_list_wrap .rolling-btn span { display:inline-block; margin:0 5px; }
	  .main-section01-1 .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;}
	.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:0;right:0;position:absolute; width: 1.14285714rem; height: 1.14285714rem;}*/

	.main-section03{  background: #f8f8f8; padding-top: 2.57142857rem; padding-bottom: 4rem;}
	.main-section03 .container{ padding:0 30px;}
	.main-section03 h3{ font-size: 1rem; font-weight: 300; color: rgb(49, 53, 54); padding-bottom: 1.85714286rem;}
	.main-section03 .container{ position: relative;}
	.main-section03 .news{ position:relative;padding-bottom:  2.85714286rem;}
	.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 {width:1.14285714rem; height:1.14285714rem;top:0;right:0;position:absolute; }
	.main-section03 .view_info{position:relative; font-size:  0.57142857rem;}
	.main-section03 .view_info dt{ width:20%; float:left; font-weight: bold; clear:left;padding-bottom: 0.71428571rem;}
	.main-section03 .view_info dd{ width:80%; float:left; padding-bottom: 0.71428571rem;}

}

@media(max-width:480px){
	.main-section01-1 .schedule { height:26rem; }
	.main-section01-1 .schedule_list_wrap { top:15.5rem; }

}
@media(max-width:360px){
	.main-section01-1 .schedule { height:27rem; }
	.main-section01-1 .schedule_list_wrap { top:16.5rem; }

}
@media(max-width:767px){
	.main-section01 > .container{position:inherit;}
	.main-section01 .visual_bg_wrap{position:relative; right:auto; transform:none; width:100%;height: auto; }
	.main-section01 .visual_bg{width:100%;height: 10.28571429rem;}
	.main-section01 .visual_bg .container{width:100%;position:absolute; right:-15px; top:0;}

	.main-section01-1 .schedule_list .no_event{  padding-top: 40px;}
	.main-section01-1 .schedule_list .no_event img{ width:60px; }

}




@media (min-width: 1272px) {
	#main{position:relative;}
	.main .main-section01 .hot_slide_wrap{width:661px;position:absolute; top:0; right:0px; z-index:1;}
	.main .main-section01 .hot_slide_wrap h3{font-size: 40px;font-weight: 300;width:661px; text-align: right;padding-bottom: 20px;}
	.main .main-section01 .hot_slide{width:661px;float:left;}
	.main .main-section01 .hot_slide .slick-slide{padding-left:15px; padding-bottom: 15px;}
	.main .main-section01 .hot_slide img{-webkit-box-shadow:-5px 5px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow:-5px 5px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.5); background: rgba(0,0,0,0.4);}


}

/* md */
@media (min-width: 1272px) and (max-width: 1469px) {
	
}

/* xs + sm */
@media (max-width: 1271px) {


	.main .main-section01 .hot_slide_wrap{width:100%; padding-top: 0px; padding-bottom: 0px;}
  	.main .main-section01 .hot_slide_wrap h3{font-size: 1rem;font-weight: 300; text-align: left;padding-bottom: 20px;}
  	.main .main-section01 .hot_slide{width: 100%;}
  	.main .main-section01 .hot_slide .slick-slide{padding-left:15px; padding-bottom: 15px;}
  	.main .main-section01 .hot_slide img{-webkit-box-shadow:-5px 5px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow:-5px 5px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.5)}
	.main .main-section01 .hot_slide_wrap .slick-dots{text-align: center;bottom:-1.5rem;}
	
}

@media(max-width:767px){
	.main-section01 .hot_slide_wrap{width:100%;/*  padding-top: 16.54285714rem;  */ padding-top:0px;}


}