/*
서귀포시 2017 서브
*/


@keyframes fadeInTop{
	  0% {opacity:0; margin-top:-505px;}
	  100% {opacity:1; margin-top:-305px;}
	}

@keyframes fadeInMTop{
	  0% {opacity:0; margin-top:-100px;}
	  100% {opacity:1; margin-top:0px;}
	}




.sub {
  z-index: 1;
  word-break: keep-all;
  color: #555;
}
.sub a {
  color: #555;
}

.banner-rolling-wrap { display:none !important;  }
strong { font-weight:bold;  }



p.tit-month {position:relative; font-size:30px; line-height:50px; text-align:center;}
p.tit-month a.prev {position:absolute; top:-3px; left:50%; margin-left:-100px;}
p.tit-month a.next {position:absolute; top:-3px; right:50%; margin-right:-100px;}
table.calendar {clear:both; width:100%; table-layout:fixed; margin:30px 0;}
table.calendar thead th {height:55px; border:1px solid #e4e4e4; border-top:2px solid #084093; background:#f7f7f7; text-align:center; color:#000;}
table.calendar tbody tr td {position:relative; height:100px; padding:35px 15px 15px 15px; text-align:left; border:1px solid #e4e4e4; color:#555; font-size:14px; line-height:18px;}
table.calendar tbody tr td i {position:absolute; top:12px; left:15px; font-style:normal; color:#000;}
table.calendar tbody tr td a {color:#555;}
table.calendar thead tr th:first-child, table.calendar tbody tr td:first-child i {color:#FD3333;}
table.calendar tbody tr td.today {background:#E3F7FE;}
table.calendar tbody tr:last-child td {border-bottom:2px solid #e4e4e4;}




@media (min-width: 992px) {
		
	.w10 { width:10%;  }
	.w20 { width:20%;  }
	.w30 { width:30%;  }
	.w40 { width:40%;  }
	.w50 { width:50%;  }
	.w60 { width:60%;  }
	.w70 { width:70%;  }
	.w80 { width:80%;  }
	.w90 { width:90%;  }
	.w100 { width:100%;  margin:0px !important;   }


	.sub-top-title-wrap { width:100%; background-repeat:no-repeat; background-position:center top;  height:232px;   padding-top:65px;  text-align:center;  }
	.sub-top-title  {  }
	.sub-top-title p { margin-bottom:15px; color:#0867A8;  font-size:14px;  font-weight:normal; line-height:1.8;   }
	.sub-top-title p strong { font-weight:bold; display:block;  font-size:22px; }
	.sub-top-title h3 { font-size:30px;  color:#0A2347;   font-weight:bold;  }

.breadcrumb { display:none;  }

	.sub-menu-wrap { height:56px;background:#3B60A4;       }
	.sub-menu-wrap .sub-menu {  float:left; width:100%; height:56px;   }
	.sub-menu-wrap .sub-menu li {  position:relative; z-index:90;  float:left; height:56px;   width:calc(33.333% - 100px);   font-size:18px;   border-right:1px solid #7891ba;  height:100%;  }
	.sub-menu-wrap .sub-menu li a { color:#fff; display:block;  padding:15px 20px 0px; height:100%;  }
	.sub-menu-wrap .sub-menu li a i.fa-chevron-down {position:absolute; top:22px; right:20px;  font-size:14px; color:#fff;  }
	.sub-menu-wrap .sub-menu li a:hover { }
	.sub-menu-wrap .sub-menu li.active a { background:#0A2347;  }
	.sub-menu-wrap .sub-menu li.home { width:auto;  }
	.sub-menu-wrap .sub-menu li.home i { font-size:16px; color:#fff;   }
	.sub-menu-wrap .sub-menu li.home a { border-right:0px; display:block;  background:#0A2347;   text-align:center; padding:0px; width:56px; height:56px;  padding-top:15px;}
	.sub-menu-wrap .sub-menu li  ul {display:none; padding-top:15px;padding-left:25px; padding-right:25px;  padding-bottom:15px; position:absolute; top:54px; left:-1px; background:#BCDEFF; width:calc(100% + 1px);    }
	.sub-menu-wrap .sub-menu li  ul li {position:relative;  float:none; display:block; width:auto;   border-right:0px; height:auto; background:none; margin-bottom:15px;  font-size:16px;padding-top:0px; padding-bottom:0px;   }
	.sub-menu-wrap .sub-menu li  ul li a { color:#0A2347; display:block;padding:0px; border-right:0px; background:none;  }
	.sub-menu-wrap .sub-menu li.active   ul li a {  background:none;  }
	.sub-menu-wrap .sub-menu li  ul li a:hover { color:#333;}
	.sub-menu-wrap .sub-menu li  ul li a.active { color:#333;  text-decoration:underline; }
	
	.sub-contents-top {padding-top:100px; padding-bottom:20px; position:relative;   }
	.sub-contents-top h1 {   font-size:32px; font-weight:bold; color:#333;  }
	.sub-contents-top  .sub-util { position:absolute; top:-50px; right:0px;    }
	.sub-contents-top  .sub-util li { float:left; margin-left:10px;  }
	.sub-contents-top  .sub-util li a { display:block; width:40px; height:40px; border: 1px solid #9BB2DD; border-radius:20px; text-align:center; color:#fff;  font-size:16px; padding-top:8px;   background-repeat:no-repeat; background-position:center center;   }
	.sub-contents-top  .sub-util li a span { height:0px; position:absolute; top:-50000px; font-size:0px; }
	.sub-contents-top  .sub-util li.share a { background-image:url(../images/sub/link-icon-off.png) ;  }
	/*.sub-contents-top  .sub-util li.print a { background-image:url(../images/sub/print-icon-off.png) ;  }*/
	.sub-contents-top  .sub-util li.print  a i {  }
	.sub-contents-top  .sub-util li.share a:hover { background-image:url(../images/sub/link-icon-hover.png) ;  }
	/*.sub-contents-top  .sub-util li.print a:hover { background-image:url(../images/sub/print-icon-hover.png) ;  }*/


	.sub-contents { margin-bottom:30px;background:#fff;   }

	.sub-contents .sub-tab-menu { width:100%;  margin-bottom:50px;  }
	.sub-contents .sub-tab-menu li { float:left; width:25%; margin-top:-1px; margin-left: -1px;}
	.sub-contents .sub-tab-menu li a { display:table-cell;  vertical-align:middle; width:1000px; padding-left:5px; padding-right:5px;   margin-left:-1px;  border:1px solid #e4e4e4; text-align:center; font-size:16px; color:#222; height:50px; }
	.sub-contents .sub-tab-menu li a.active { background:#333; color:#fff;  border:0px; }

	.sub-contents .sub-tab-menu1 li {width:100%; }
	.sub-contents .sub-tab-menu2 li {width:50%; }
	.sub-contents .sub-tab-menu3 li {width:33.333%; }
	.sub-contents .sub-tab-menu4 li {width:25%; }
	.sub-contents .sub-tab-menu5 li {width:20%; font-size:15px; }
	.sub-contents .sub-tab-menu6 li {width:16.6666%; font-size:15px;  }
	.sub-contents .sub-tab-menu6 li a { font-size:15px;  }


	.sub-contents .list-tab-menu { width:100%;  margin-bottom:50px;  }
	.sub-contents .list-tab-menu li { float:left; width:20%; margin-top:-1px; margin-left: -1px;}
	.sub-contents .list-tab-menu li a { display:table-cell;  vertical-align:middle; width:1000px; padding-left:5px; padding-right:5px;   margin-left:-1px;  border:1px solid #e4e4e4; text-align:center; font-size:18px; color:#222; height:60px; }
	.sub-contents .list-tab-menu li.active a { background:#084093; color:#fff;  border:0px; }


	.sub-contents-main {     font-size:16px;  color:#666; padding-top:50px; padding-bottom:50px;   }


	.sub-contents-main .text-box {  background:#f1f1f1; padding:30px 15px; margin-bottom:35px;   }
	.sub-contents-main p { margin-bottom:10px; }
	.sub-contents-main h2 {  font-size:22px; font-weight:bold; margin-bottom:20px;  margin-top:40px;  color:#084093; }
	.sub-contents-main h2:first-child {   margin-top:0px;  }
	.sub-contents-main h3 { font-size:18px; margin-bottom:15px; color:#000;   }
	.sub-contents-main h3.bul { padding-left:25px; background:url(../images/sub/bit01.png) no-repeat left 2px;  }
	.sub-contents-main ul.bul li { padding-left:15px; background:url(../images/sub/bullet_01.png) no-repeat left 9px;  margin-bottom:10px;  }
	.sub-contents-main ul.bul li ul { margin-top:8px; margin-bottom:13px;  }
	.sub-contents-main ul.bul li ul li { padding-left:10px; background:url(../images/sub/bullet_02.png) no-repeat left 10px; margin-bottom:3px;;   }



	.sub-contents-main .contents-table { border-top:2px solid #084093;  width:100%; overflow-x:auto;margin-bottom:20px;   }
	.sub-contents-main .contents-table table { border-collapse:collapse; width:99.9999%;border-left:1px solid #e4e4e4;  font-size:16px; }
	.sub-contents-main .contents-table table thead th { font-weight:bold; background:#f7f7f7; color:#000; text-align:center; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:15px;  font-size:14px;  }
	.sub-contents-main .contents-table table tbody th { color:#000; background:#f7f7f7;  border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:15px; font-size:14px;  }
	.sub-contents-main .contents-table.form-table table tbody th {   font-weight:bold; background:#f1f1f1; color:#000;  border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:15px; font-size:14px;  }
	.sub-contents-main .contents-table table tbody td { color:#666;  border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding:15px; font-size:14px;  }

	.sub-contents-main .contents-btn  a { font-weight:normal;  display:inline-block; padding:10px 30px; color:#000;  border:1px solid #bcbcbc;  border-radius:5px; margin:0 5px;  }
	.sub-contents-main .contents-btn  a.btn2 { color:#fff; background:#3473be;  border:1px solid #3473be; }
	.sub-contents-main .contents-btn  a.btn3 { color:#fff; background:#59a43b;  border:1px solid #59a43b; }
	.sub-contents-main .contents-btn  a.btn4 { color:#fff; background:#000; }

	.sub-contents-main .contents-btn  button  { border:0px;  font-weight:normal;  display:inline-block; padding:10px 30px; border:1px solid #bcbcbc;  color:#000; background:#fff; margin:0 5px; border-radius:5px; }
	.sub-contents-main .contents-btn  button.btn2  {color:#fff; background:#3473be; border:1px solid #3473be;  }
	.sub-contents-main .contents-btn  button.btn3  {color:#fff; background:#59a43b; border:1px solid #59a43b;  }
	.sub-contents-main .contents-btn  button.btn4  {color:#fff; background:#000; border:1px solid #000;  }
	.sub-contents-main .contents-btn  span.down {   display:inline-block; padding-left:30px; background:url(../images/sub/ic_download.svg) no-repeat left top; background-size:20px 20px; }
	.sub-contents-main .contents-btn  input[type="button"]  { background:#fff;  font-weight:normal;  display:inline-block; padding:10px 30px; color:#000;  border:1px solid #bcbcbc;  border-radius:5px; margin:0 5px;  }
	.sub-contents-main .contents-btn  input[type="button"].btn2  {color:#fff; background:#000; border:none;  }
	.sub-contents-main .contents-btn.contents-btn-sm  button ,.sub-contents-main .contents-btn.contents-btn-sm  a ,.sub-contents-main .contents-btn.contents-btn-sm    input[type="button"] { padding:5px 15px;   }
	

span.down-img {  margin-left:10px; margin-top:-10px; display:inline-block; vertical-align:middle;  padding:1px 6px 5px 6px ; width:34px;  height:34px; border-radius:100%; border:1px solid #bcbcbc; text-align:center;  }

.border-box {  padding:50px 20px; border:1px solid #dbdbdb; margin-bottom:30px;  border-radius:5px;  }	


/*contact us*/

/*스텝 리스트*/
.step-list {}
.step-list:after { content:''; display:table; clear:both;  }


.step-list { margin-bottom:20px;  }
.step-list:after { clear:both; display:table; content:'';  }
.step-list { margin:0 -25px;  }
.step-list li { float:left; width:20%; padding:0 25px; text-align:center; position:relative;  }
.step-list li:before {position: absolute; top:50%; font-size:20px;  margin-top:-5px;  lefT:-5px;  content: ">";    color: #555;   font-family: cursive;  }
.step-list li:first-child:before {content:''; }
.step-list li div { border:1px solid #ddd; border-radius:20px;width:2000px; display:table-cell; vertical-align:middle; padding:10px;  height:160px;  color:#333; background:#eee;  font-size:16px; font-weight:bold; }



/*공연안내*/
.performance-list-wrap  { position:relative; }
.performance-list-wrap  .kind-btn  { position:absolute; top:20px; right:0px; z-index:2;    }
.performance-list-wrap  .kind-btn a { margin-left:40px; font-size:16px;  }
.performance-list-wrap  .kind-btn img { display:inline-block; margin-top:-4px;margin-right:5px;  }
.performance-list-wrap .calendar-month-select { position:relative; z-index:1;  }


/*공연안내 리스트타입*/

.performance-list { margin:30px 0 ;   }
.performance-list .list { margin-bottom:50px;  height:575px;  }
.performance-list .list a { display:block; text-decoration:none;  }
.performance-list .list .ex-poster-container { text-align:center;  margin-bottom:10px;  background:#eee; overflow:hidden; }
.performance-list .list .ex-poster-container img { width:100%;  height:373px;  }
.performance-list .list a:hover .ex-poster-container  img { transform: scale(1.1); transition : all 0.5s ease ; }
.performance-list .list  p {  font-size:16px; margin-bottom:8px; font-weight:normal;  }
.performance-list .list  .title { font-size:19px; line-height:1.5; margin-bottom:15px;   font-weight:normal;  color:#333; }



/*공연안내*/
.exhibition-view {display:none; overflow-y:auto;    animation-name:fadeInTop;  animation-fill-mode:both; animation-delay:0s;animation-duration:0.5s;  position:fixed; top:50%; left:50%;  width:900px; /*min-height:610px;*/ background:#fff; margin-top:-305px; margin-left:-450px; z-index:1000;  padding:35px 50px; }
.exhibition-view dl {}
.exhibition-view dl:after { clear:both; display:table; content:'';  }
.exhibition-view dt {font-size:26px; color:#000; padding-bottom:20px; margin-bottom:30px; border-bottom:2px solid #000;  }
.exhibition-view dd { margin-bottom:10px; margin-top:15px; width:58%; float:left; padding-left:10px; font-size:18px; color:#333;background:url(../images/sub/b_icon.png) no-repeat left 10px;  }
.exhibition-view dd.img { margin-bottom:0px;   height:430px; margin-top:0px;  padding:0px; background:none; text-align:center;   width:38%; margin-right:4%; }
.exhibition-view .exhibition-close { position:absolute; top:35px; right:50px;  }



/*폼박스 인풋스타일*/
.form-box .text-input { height:38px; border:1px solid #8B8B8B; background:#fff; width:100%;  padding:8px 5px; }
.form-box input[type="text"], .form-box input[type="password"], .form-box select { height:38px; border:1px solid #8B8B8B; background:#fff;  margin:2px 0 ;  }
.form-box textarea { margin:2px 0 ;  padding:5px; }
.form-box input[type="checkbox"] { margin-right:5px; width:16px; height:16px;  display:inline-block; margin-left:15px; }



/*아이프레임*/
.iframe-wrap {position:relative;     overflow-x:auto;  overflow-y: hidden;}
.iframe-wrap iframe { margin-top:-250px;width:100%;  height:1650px; margin-bottom:-350px;   }

}




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

}



/* 시설/장비안내 예약하기 */
.facilreser_view .top_boxtxt {
    clear: both;
    background: #ebebeb;
    padding: 28px 68px 23px;
    margin-bottom: 56px;
}

.facilreser_view .top_boxtxt p {
    font-size: 16px;
    padding-bottom: 5px;
    color: #111;
}

.facilreser_view .reser_view_con {
    float: left;
    width: 100%;
    clear: both;
}

.facilreser_view .reser_view_con:after { clear:both; display:table; content:'';  }



.facilreser_view .reser_view_con .reser_view_cal1 {
    float: left;
    width: 50.8%;
    position: relative;
}

.facilreser_view .reser_view_con .reser_view_cal1 h5 {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    width: 100%;
    border: 1px solid #e3e3e3;
    border-top: 2px solid #084093;
    text-align: center;
    padding: 20px;
}

.facilreser_view .reser_view_con .reser_view_cal1 h5 a {
    padding: 0 15px;
}

.facilreser_view .reser_view_con .reser_view_cal1 p {
	text-align:right; 
	margin-bottom:5px; 
    font-size: 16px;
}

.facilreser_view .reser_view_con .reser_view_cal1 p span {
    vertical-align: middle;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px 3px 13px;
}

.facilreser_view .reser_view_con .reser_view_cal1 .reser_ok {
    background: #fac03d;
}

.facilreser_view .reser_view_con .reser_view_cal1 .reser_no {
    background: #cfd5e6;
}

.facilreser_view .reser_view_con .reser_view_cal1 .reser_check {
    background: #61c1be;
}

.facilreser_view .reser_view_con .reser_view_cal1 table {
    width: 100%;
    border-left: 1px solid #e3e3e3;
}

.facilreser_view .reser_view_con .reser_view_cal1 table thead th {
    font-size: 16px;
    color: #000;
    text-align: center;
    padding: 10px 0;
    background: #f5f5f5;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table {  }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td { vertical-align:top; height:100px;  padding:15px 0 ; }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap .advice-table { overflow-x:auto;  }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td div { font-size:16px; }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td .type1 { text-align:left; padding-left:10px; padding-top:0px;  background:none;  height:auto; }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td a {color:#fff; width:100%;  }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td a div {background:#1D77BA ;display:block;  color:#fff; padding:10px;  }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td  div {background:red ;display:block;  color:#fff; padding:10px;  }
.facilreser_view .reser_view_con .reser_view_cal1 table tbody td {
    font-size: 14px;
    color: #000;
    position: relative;
    text-align: center;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.facilreser_view .reser_view_con .reser_view_cal1 table tbody td a {
    color: #000;
    font-size: 16px;
}

.facilreser_view .reser_view_con .reser_view_cal1 table tbody td .type1 {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0;
    font-size: 16px;
}

.facilreser_view .reser_view_con .reser_view_cal1 table tbody td span.thisDay {
    background: #61c1be;
}

.facilreser_view .reser_view_con .reser_view_cal1 table tbody td span.reserv_no {
    background: #cfd5e6;
}

.facilreser_view .reser_view_con .reser_view_cal1 table tbody td span.reserv_all {
    background: #fac03d;
}

.facilreser_view .reser_view_con .reser_view_cal2 {
    float: left;
    width: 44%;
    margin-left: 5.2%;
}

.facilreser_view .reser_view_con .reser_view_cal2 p {
	text-align:right; 
	margin-bottom:5px; 
   } 

.facilreser_view .reser_view_con .reser_view_cal2 table {
    width: 100%;
   
}

.facilreser_view .reser_view_con .reser_view_cal2 table thead th {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    background: #f5f5f5;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.facilreser_view .reser_view_con .reser_view_cal2 table tbody td {
    
    color: #000;
    text-align: center;
    padding: 8px 0 9px;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-top: 0;
}


.facilreser_view .reser_view_con .reser_view_cal2 table tbody td a {
    color: #000;
}

.facilreser_view .reser_view_con .reser_view_cal2 table thead th:last-child,
.facilreser_view .reser_view_con .reser_view_cal2 table tbody td:last-child {
    border-right: none;
}

.facilreser_view .reser_view_con .reser_view_cal2 table tbody td input {
    width: 14px;
    height: 14px;
    border: 1px solid #e3e3e3;
    background: #fff;
    margin-right: 10px;
}

.facilreser_view .reser_view_con .reser_view_cal2 table tbody td label {
    margin: 0;
}

.facilreser_view .reser_view_con .reser_view_cal2 table tbody td span.reserv-btn {
    display: inline-block;
    background: #1D77BA;
    border-radius: 20px;
    padding: 3px 10px;
    color: #fff;
    font-weight: normal;
}

.facilreser_view .reser_view_con .reser_view_cal2 table tbody td span {
    color: #1D77BA;
    background: none;
    font-weight: bold;
    font-size: 16px;
}

.facilreser_view .reser_view_con .table-responsive table td input[type=text] {
    width: 90%;
}

.facilreser_view .reser_view_con .table-responsive table td label {
    font-weight: bold;
}

.facilreser_view .reser_view_con .table-responsive table td select {
    width: 10%;
    background: #f4f5f6;
    border: 1px solid #E5E6E7;
    padding: 5px;
}

.facilreser_view .reser_view_con .table-responsive table td input.memo-txt {
    width: 30%;
}

.facilreser_view .darak-btn {
    text-align: center;
}

.facilreser_view .darak-btn input {
    text-align: center;
    border-radius: 20px;
    background: #4868a1;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
}


#surveyFrom .questionMemo { font-size:22px;  font-weight:bold; background:#3473be;  color:#fff; padding:10px; text-align:center;  border-radius:5px;   display:block; margin-bottom:15px;   margin-top:30px;  }
#surveyFrom ul li { margin-bottom:15px; padding-bottom:15px !important; border-bottom:1px dashed #ddd;  }



#contactUs {float:left; width:100%; padding-bottom:10px;  border-top:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC; font-size:14px;}
#contactUs dl {float:left; width:100%; margin-top:10px;}
#contactUs dl dt {float:left;  line-height:30px; padding:0 20px; border-left:1px solid #CCC;}
#contactUs dl dt:nth-of-type(1) {border-left:0 none;}
#contactUs dl dd:nth-of-type(1) {width:30%;}
#contactUs dl dd:nth-of-type(2) {width:10%;}
#contactUs dl dd {float:left; line-height:30px; word-break: break-all;}

#pageSurvey {clear:both; padding-bottom: 20px; margin-bottom:0px;  background:#EEE; border:1px solid #CCC;}
#pageSurvey dl {padding:15px 20px 0 20px; font-size:14px;}
#pageSurvey dl dd {padding-top:10px;}
#pageSurvey dl dd ul {margin:0;}
#pageSurvey dl dd label {margin-right:35px; font-weight:normal;}
#pageSurvey dl dd label input {margin-right:5px;}
#pageSurvey dl dd input[type='text'] {width:90%; height:30px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pageSurvey dl dd button {width:10%; height:30px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px;}



@media (max-width: 991px) {
	.mw10 { width:10%;  }
	.mw20 { width:20%;  }
	.mw30 { width:30%;  }
	.mw40 { width:40%;  }
	.mw50 { width:50%;  }
	.mw60 { width:60%;  }
	.mw70 { width:70%;  }
	.mw80 { width:80%;  }
	.mw90 { width:90%;  }
	.mw100 { width:100%; margin:0px !important;   }

	.sub {}




	.sub-top-title-wrap { width:100%; background-repeat:no-repeat; font-weight:bold; background-position:center top; text-align:center; background-size:cover;   height: 160px;  text-align:center;padding-top:40px;  }
	.sub-top-title  { font-size:12px; color:#0867A8;  padding:0 15px;   }
	.sub-top-title  strong  { font-weight:bold; display:block; font-size:22px; }
	.sub-top-title h3 {  font-size:26px; margin-bottom:10px;font-weight:bold;   }
	.sub-top-title p {  font-size:14px; margin-bottom:10px;  }
	.sub-menu-wrap { display:none;  }

	.sub-contents-main {   font-size:14px;  color:#666;  padding-left:15px; padding-right:15px;   padding-top:30px; padding-bottom:60px; }



	.sub-contents-top {padding:55px 15px 15px; position:relative;   }
	.sub-contents-top h1 {  font-size:28px; font-weight:bold; color:#111; }
	.sub-contents-top .sub-util { display:none;  }
	.sub-contents-top .breadcrumb { position:Absolute; top:15px; right:15px;      background: none; margin-bottom:0px;padding:0px;   font-size:12px;  }
	.sub-contents-top .breadcrumb > li + li:before {    content: ">";    color: #555;   font-family: cursive; }
	.sub-contents-top .breadcrumb a { margin:0 2px;   }
	.sub-contents-top .breadcrumb a strong { color:#000; font-weight:bold;  }


	.sub-contents .sub-tab-menu { width:100%;  margin-bottom:40px;  }
	.sub-contents .sub-tab-menu li { float:left; width:50%; margin-top:-1px; margin-left: -1px; }
	.sub-contents .sub-tab-menu li a { display:table-cell;  vertical-align:middle;  width:500px;  margin-left:-1px;  border:1px solid #e4e4e4; text-align:center; font-size:14px; color:#222; height:1.8rem; }
	.sub-contents .sub-tab-menu li a.active { background:#333; color:#fff;  border:0px; }

	.sub-contents .list-tab-menu { width:100%;  margin-bottom:40px;  }
	.sub-contents .list-tab-menu li { float:left; width:50%; margin-top:-1px; margin-left: -1px; }
	.sub-contents .list-tab-menu li a { display:table-cell;  vertical-align:middle;  width:500px;  margin-left:-1px;  border:1px solid #e4e4e4; text-align:center; font-size:0.6rem; color:#222; height:1.8rem; }
	.sub-contents .list-tab-menu li.active a { background:#084093; color:#fff;  border:0px; }



	.sub-contents-main a.source-trigger { position:relative; background: url(../images/common/tab_bg.jpg) repeat left top ; padding:0.4rem;  color:#fff;  font-size:0.7rem; }
	.sub-contents-main a.source-trigger i  {position:absolute; top:35%; right:15px;  }






	.sub-contents-main .text-box {background:#f1f1f1;   padding:0.6rem 0.4rem; margin-bottom:0.6rem;   }
	.sub-contents-main p { margin-bottom:10px;}
	.sub-contents-main h2 {  font-size:18px; font-weight:bold; color:#084093; margin-bottom:0.6rem;  margin-top:0.9rem; }
	.sub-contents-main h2:first-child {   margin-top:0px;  }
	.sub-contents-main .condition_info dl  { margin-bottom:20px;  }
	.sub-contents-main .condition_info dl dt {  font-size:18px; font-weight:bold; color:#084093; margin-bottom:0.6rem;  margin-top:0.9rem; }
	.sub-contents-main .condition_info dl:first-child dt {margin-top:0px; }


	.sub-contents-main h3 { font-size:16px; font-weight:bold; color:#000; margin-bottom:0.4rem;  }
	.sub-contents-main h3.bul { padding-left:20px; background:url(../images/sub/bit01.png) no-repeat left 1px;  background-size:16px auto; }
.sub-contents-main ul.bul li { padding-left:15px;  background:url(../images/sub/bullet_01.png) no-repeat 2px 7px;  margin-bottom:0.4rem;  }
	.sub-contents-main ul.bul li ul {margin-left:-15px;  margin-top:0.2rem; margin-bottom:0.4rem;  }
	.sub-contents-main ul.bul li ul li { padding-left:15px; background:url(../images/sub/bullet_02.png) no-repeat 2px 9px; margin-bottom:0.15rem;  }



	.sub-contents-main .contents-table { border-top:2px solid #084093;  width:100%; overflow-x:auto;  margin-bottom:15px;  font-size:14px;  }
	.sub-contents-main .contents-table table { border-collapse:collapse; width:99.9999%;border-left:1px solid #c9c9c9;}
	.sub-contents-main .contents-table table thead th { font-weight:bold; background:#f1f1f1; color:#444; text-align:center;   border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;   }
	.sub-contents-main .contents-table table tbody th { color:#444; background:#f5f5f5;  border-bottom:1px solid #c9c9c9;  border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;   }
	.sub-contents-main .contents-table.form-table table tbody th {  font-weight:bold; background:#f1f1f1; color:#444; text-align:center;   border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;   }
	.sub-contents-main .contents-table table tbody td { color:#444;  border-bottom:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:0.4rem 0.3rem;     }

	.sub-contents-main .contents-btn  a { font-weight:normal;  display:inline-block; padding:0.3rem 0.6rem; color:#000;  border:1px solid #bcbcbc;  border-radius:5px;  margin:0 5px;  }
	.sub-contents-main .contents-btn  a.btn2 { color:#fff; background:#3473be;  border:1px solid #3473be; }
	.sub-contents-main .contents-btn  a.btn3 { color:#fff; background:#59a43b;  border:1px solid #59a43b; }
	.sub-contents-main .contents-btn  a.btn4 { color:#fff; background:#000; }
	
	.sub-contents-main .contents-btn  button  { border:0px;  font-weight:normal;  display:inline-block; padding:0.3rem 0.6rem;  color:#000;  border-radius:5px;  border:1px solid #000;margin:0 5px;  }
	.sub-contents-main .contents-btn  button.btn2  {color:#fff; background:#3473be; border:1px solid #3473be;  }
	.sub-contents-main .contents-btn  button.btn3  {color:#fff; background:#59a43b; border:1px solid #59a43b;  }
	.sub-contents-main .contents-btn  button.btn4  {color:#fff; background:#000; border:1px solid #000;  }
	.sub-contents-main .contents-btn  span.down { display:inline-block; padding-left:25px; background:url(../images/sub/ic_download.svg) no-repeat left top; background-size:18px 18px;  }
	.sub-contents-main .contents-btn  input[type="button"]  { background:#fff; font-weight:normal;  display:inline-block; padding:0.3rem 0.6rem; color:#000;  border:1px solid #bcbcbc;  border-radius:5px;  margin:0 5px;  }
	.sub-contents-main .contents-btn  input[type="button"].btn2  {color:#fff; background:#000;  border:none; }

	.sub-contents-main .contents-btn.contents-btn-sm  button ,.sub-contents-main .contents-btn.contents-btn-sm  a ,.sub-contents-main .contents-btn.contents-btn-sm    input[type="button"] { padding:5px 15px;  }

span.down-img {  margin-left:10px; margin-top:-10px; display:inline-block; vertical-align:middle;  padding:1px 6px 5px 6px ; width:30px;  height:30px; border-radius:100%; border:1px solid #bcbcbc; text-align:center;  }


.border-box {  padding:30px 15px; border:1px solid #dbdbdb; margin-bottom:20px;   border-radius:5px; }	
.col-sm-12 { padding:10px 0 ;  }


/* 스텝리스트*/
.step-list { margin-bottom:20px;  }
.step-list:after { clear:both; display:table; content:'';  }
.step-list { margin:0 -10px;  }
.step-list li p { margin-bottom:0px;  }
.step-list li { float:left; width:33.333%; padding:0 10px 10px;  text-align:center; position:relative;  }
.step-list li:nth-child(4) {margin-left:15px;  }
.step-list li:before {position: absolute; top:50%; font-size:18px;  margin-top:-5px;  lefT:-5px;  content: ">";    color: #555;   font-family: cursive;  }
.step-list li:first-child:before {content:''; }
.step-list li div {  border:1px solid #ddd; border-radius:20px;width:2000px; display:table-cell; vertical-align:middle; padding:10px;  height:130px;  color:#333; background:#eee;  font-size:14px; font-weight:bold;}



	/*인풋창 스타일*/
.form-table input[type="text"] , .form-table select , .form-table input[type="password"] , .form-table .form-btn {  height:35px;  border:1px solid #dedede; border-radius:5px;  }
.form-table input[type="radio"]  { margin:0 5px;  }
.form-table .texarea { max-height:300px; height:300px;  overflow-y:auto; border:1px solid #dedede; border-radius:5px;  }
.form-table .form-btn{ border:0px; vertical-align:middle; margin-top:1px;  margin-left:-5px; height:35px; padding:0 20px; font-size:14px;   font-weight:bold; border-radius:25px;  display:inline-block; color:#517ea8; background:#f1f7ff;   border:1px solid #517ea8;  }
.form-table .input-wrap {  margin:5px 10px 5px 5px;  }



/*공연안내*/
.performance-list-wrap  { position:relative; }
.performance-list-wrap  .kind-btn  { margin-bottom:20px; text-align:center;     }
.performance-list-wrap  .kind-btn a {display:inline-block; margin:0 10px; }
.performance-list-wrap  .kind-btn a span {  }
.performance-list-wrap  .kind-btn img { display:inline-block; margin-top:-4px; margin-right:5px; }
.performance-list-wrap .calendar-month-select { position:relative; z-index:1;  }



/*공연안내 리스트타입*/

.performance-list { margin:20px 0 ;   }
.performance-list .list { margin-bottom:30px;  }
.performance-list .list a { display:block;  text-decoration:none; }
.performance-list .list .ex-poster-container { text-align:center;  margin-bottom:10px;  background:#eee; }
.performance-list .list .ex-poster-container img { width:100%;  height:373px; }
.performance-list .list  p {  font-size:16px; margin-bottom:10px; font-weight:normal;  }
.performance-list .list  .title { font-size:19px; line-height:1.5; margin-bottom:20px;   font-weight:normal;  color:#333; }


table.calendar { border-collapse:collapse; word-break:break-all;   }
table.calendar tbody tr td { padding:35px 5px 15px 5px ; letter-spacing:-1.5px; }

.m-long-table {
    width: 100%;
    overflow-x: auto;
}
.sub-contents .m-long-table table {
    width: 750px;
}

/*공연안내*/
.exhibition-view { display:none; position:fixed; overflow-y:auto; animation-name:fadeInMTop;  animation-fill-mode:both; animation-delay:0s;animation-duration:0.5s;  top:70px; left:15px;  width:calc(100% - 30px);background:#fff;z-index:1000;  padding:20px 15px; }
.exhibition-view dl {}
.exhibition-view dl:after { clear:both; display:table; content:'';  }
.exhibition-view dt {font-size:16px; color:#000; padding-bottom:15px; margin-bottom:20px; border-bottom:2px solid #000;  padding-right:40px;  }
.exhibition-view dd { margin-bottom:5px; margin-top:5px; width:58%; float:left; padding-left:10px; font-size:12px; color:#333;background:url(../images/sub/b_icon.png) no-repeat left 6px;  }
.exhibition-view dd.img { margin-bottom:0px;  margin-top:0px;  padding:0px; background:none; text-align:center;  width:38%; margin-right:4%; }
.exhibition-view .exhibition-close { position:absolute; top:20px; right:15px;  }
.exhibition-view .exhibition-close img { width:20px; }



#pageSurvey dl dd input[type='text'] {width: 78%;}
#pageSurvey dl dd button {width: 22%;}

/*아이프레임*/
.iframe-wrap {position:relative;     overflow-x:auto;  overflow-y: hidden;}
.iframe-wrap iframe { margin-top:-47px;width:100%;  height:1850px; margin-bottom:-255px;   }

    /*강좌신청 뷰*/
    .facilreser_view .reser_view_top .tit {
        padding-bottom: 10px;
        margin-bottom: 35px;
    }

    .facilreser_view .reser_view_top .tit .stat_btn {
        font-size: 0.65rem;
        width: 70px;
        height: 35px;
        line-height: 35px;
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .facilreser_view .reser_view_top .tit .title {
        font-size: 0.85rem;
    }

    .facilreser_view .reser_view_top .img {
        width: 100%;
        text-align: center;
    }

    .facilreser_view .reser_view_top .reser_view_img ul {
        height: 235px;
    }

    .facilreser_view .reser_view_top .reser_view_img ul li {
        height: 235px;
    }

    .facilreser_view .reser_view_top .reser_view_img ul li img {
        height: 235px;
    }

    .facilreser_view .reser_view_top .img img {
        /*         height: auto; */
    }

    .facilreser_view .reser_view_top .right_view {
        width: 100%;
        padding-left: 0;
        height: auto;
        margin-top: 10px;
    }

    .facilreser_view .reser_view_top .txt_wrap {}

    .facilreser_view .reser_view_top .txt_wrap p .tit {
        font-size: 0.64rem;
    }

    .facilreser_view .reser_view_top .txt_wrap p .txt {
        font-size: 0.64rem;
    }

    .facilreser_view .reser_view_top .reser_view_btn {
        position: relative;
        left: 0;
        text-align: center;
    }

    .facilreser_view .reser_view_top .reser_view_btn p {
        width: 150px;
        height: 40px;
        line-height: 40px;
    }

    .facilreser_view .reser_view_top .reser_view_btn p a {
        font-size: 16px;
    }

    .facilreser_view .reser_view_top .reser_view_btn p.end {
        font-size: 0.74rem;
        line-height: 43px;
    }

    .facilreser_view .top_boxtxt {
        padding: 28px 26px;
        margin-bottom: 30px;
    }

    .facilreser_view .top_boxtxt p {
        font-size: 0.6rem;
    }

    .facilreser_view .reser_view_con h4 {
        margin-bottom: 30px;
        font-size: 0.8rem;
    }

    .facilreser_view .reser_view_con .reser_view_cal1 h5 {
        font-size: 0.78rem;
        padding: 15px 20px;
    }

    .facilreser_view .reser_view_con .reser_view_cal2 table thead th {
        font-size: 0.62rem;
    }

    .facilreser_view .reser_view_con .reser_view_cal2 table tbody td {
        font-size: 0.62rem;
    }

    .facilreser_view .reser_view_con .reser_view_cal2 table tbody td span {
        font-size: 0.62rem;
    }

    .facilreser_view .reser_view_con .reser_view_cal1 p {
        top: 25px;
        font-size: 0.62rem;
    }

    .facilreser_view .reser_view_con .reser_view_cal1 {
        width: 100%;
        margin-bottom: 30px;
    }

    .facilreser_view .reser_view_con .reser_view_cal2 {
        width: 100%;
        margin: 0;
    }

    .facilreser_view .reser_view_con .reser_view_cal2 table {
        margin: 0;
    }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table { min-width:550px;  }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td { vertical-align:top;  }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td div { font-size:14px; }
.facilreser_view .reser_view_con .reser_view_cal1.advice-wrap table tbody td a { font-size:14px; }



}


@media  (max-width: 480px) {

.step-list li { width:50%; }
.step-list li:nth-child(4) {margin-left:0px;  }


}