@charset "utf-8";


/*메인박스*/
.main_listbox h4 {font-size:1.04em;}

/* 포인트칼라 */
.point01 {color:#7DC242;} 


/** 콘텐츠 영역 **/

/* 좌측 메뉴 */
#leftmenu li ul.lm_3th li a.link_3th_ov,
#leftmenu li ul.lm_3th li a:hover,
#leftmenu li ul.lm_3th li a:focus, 
#leftmenu li ul.lm_3th li a:active { background-position:left 9px; color:#7DC242; }

/* h1 */
#contents .contTi {background: url(/images/organ/common/h_bgline.gif) no-repeat center top;}


/** 주메뉴 **/
#tm li.th1 a.th1_lnk {width: auto;}
#tm li ul.th2 {width:140px;}
#animate #tm{position:absolute;top:0px;right:50%;margin-right:-636px; width:820px;  /*width:840px;*/}




/********** 1. 수련관 소개 **********/


/** 시설둘러보기 **/


.sub01_03_01 #galleryView,
.sub01_03_02 #galleryView,
.sub01_03_03 #galleryView,
.sub01_03_04 #galleryView,
.sub01_03_05 #galleryView {padding:0 0 30px;}


.sub01_03_01 #galleryView img,
.sub01_03_02 #galleryView img,
.sub01_03_03 #galleryView img,
.sub01_03_04 #galleryView img,
.sub01_03_05 #galleryView img {width:60%; padding:0 0 15px;}

.sub01_03_01 #galleryView a,
.sub01_03_02 #galleryView a,
.sub01_03_03 #galleryView a,
.sub01_03_04 #galleryView a,
.sub01_03_05 #galleryView a{ font-size:1.25em;color:#000;}

.sub01_03_01 #galleryThum,
.sub01_03_02 #galleryThum,
.sub01_03_03 #galleryThum,
.sub01_03_04 #galleryThum,
.sub01_03_05 #galleryThum {min-height:120px;}

.sub01_03_01 #galleryThum .list,
.sub01_03_02 #galleryThum .list,
.sub01_03_03 #galleryThum .list,
.sub01_03_04 #galleryThum .list,
.sub01_03_05 #galleryThum .list {float:left; margin:0 auto; padding:0; text-align:center;}

.sub01_03_01 #galleryThum .item,
.sub01_03_02 #galleryThum .item,
.sub01_03_03 #galleryThum .item,
.sub01_03_04 #galleryThum .item,
.sub01_03_05 #galleryThum .item { text-align:center; font-size:0.9em;}



.sub01_03_01 #galleryThum .item a,
.sub01_03_02 #galleryThum .item a,
.sub01_03_03 #galleryThum .item a,
.sub01_03_04 #galleryThum .item a,
.sub01_03_05 #galleryThum .item a {display:block; text-align:center; font-size:0.9em;}

.sub01_03_01 #galleryThum .item a img,
.sub01_03_02 #galleryThum .item a img,
.sub01_03_03 #galleryThum .item a img,
.sub01_03_04 #galleryThum .item a img,
.sub01_03_05 #galleryThum .item a img {padding:0 0 7px;}


.sub01_03_01 #galleryThum .arrLeft img,
.sub01_03_02 #galleryThum .arrLeft img,
.sub01_03_03 #galleryThum .arrLeft img,
.sub01_03_04 #galleryThum .arrLeft img,
.sub01_03_05 #galleryThum .arrLeft img {position:relative; top:13px;}

.sub01_03_01 #galleryThum .arrRight img,
.sub01_03_02 #galleryThum .arrRight img,
.sub01_03_03 #galleryThum .arrRight img,
.sub01_03_04 #galleryThum .arrRight img,
.sub01_03_05 #galleryThum .arrRight img {position:relative; position:relative; top:13px;}




.sub01_03_01 #galleryThum .arrLeft{position:absolute;left:2%;top:-150px;text-align:center;transform: translateY(-50%);background: #88c654;width:48px;height:10px;border-radius: 100%;transition: 0.3s;}
.sub01_03_01 #galleryThum .arrLeft:hover,
.sub01_03_01 #galleryThum .arrLeft:focus{background: #76b746;}
.sub01_03_01 #galleryThum .arrLeft img{position: absolute;left:45%;top:50%;transform: translate(-50%,-50%); width:40%;}

.sub01_03_01 #galleryThum .arrRight{position:absolute;right:2%;top:-150px;text-align:center;transform: translateY(-50%);background: #88c654;width:48px;height:10px;border-radius: 100%;transition: 0.3s;}
.sub01_03_01 #galleryThum .arrRight:hover,
.sub01_03_01 #galleryThum .arrRight:focus{background: #76b746;}
.sub01_03_01 #galleryThum .arrRight img{position: absolute;left:57%;top:50%;transform: translate(-50%,-50%); width:40%;}

	

.sub01_03_02 #galleryThum .arrLeft{position:absolute;left:2%;top:-150px;text-align:center;transform: translateY(-50%);background: #88c654;width:48px;height:10px;border-radius: 100%;transition: 0.3s;}
.sub01_03_02 #galleryThum .arrLeft:hover,
.sub01_03_02 #galleryThum .arrLeft:focus{background: #76b746;}
.sub01_03_02 #galleryThum .arrLeft img{position: absolute;left:45%;top:50%;transform: translate(-50%,-50%); width:40%;}

.sub01_03_02 #galleryThum .arrRight{position:absolute;right:2%;top:-150px;text-align:center;transform: translateY(-50%);background: #88c654;width:48px;height:10px;border-radius: 100%;transition: 0.3s;}
.sub01_03_02 #galleryThum .arrRight:hover,
.sub01_03_02 #galleryThum .arrRight:focus{background: #76b746;}
.sub01_03_02 #galleryThum .arrRight img{position: absolute;left:57%;top:50%;transform: translate(-50%,-50%); width:40%;}



.sub01_03_03 #galleryThum .arrLeft{position:absolute;left:2%;top:-150px;text-align:center;transform: translateY(-50%);background: #88c654;width:48px;height:10px;border-radius: 100%;transition: 0.3s;}
.sub01_03_03 #galleryThum .arrLeft:hover,
.sub01_03_03 #galleryThum .arrLeft:focus{background: #76b746;}
.sub01_03_03 #galleryThum .arrLeft img{position: absolute;left:45%;top:50%;transform: translate(-50%,-50%); width:40%;}

.sub01_03_03 #galleryThum .arrRight{position:absolute;right:2%;top:-150px;text-align:center;transform: translateY(-50%);background: #88c654;width:48px;height:10px;border-radius: 100%;transition: 0.3s;}
.sub01_03_03 #galleryThum .arrRight:hover,
.sub01_03_03 #galleryThum .arrRight:focus{background: #76b746;}
.sub01_03_03 #galleryThum .arrRight img{position: absolute;left:57%;top:50%;transform: translate(-50%,-50%); width:40%;}



.sub01_03_04 #galleryThum .arrLeft{position:absolute;left:2%;top:-150px;text-align:center;transform: translateY(-50%);background: #88c654;width:48px;height:10px;border-radius: 100%;transition: 0.3s;}
.sub01_03_04 #galleryThum .arrLeft:hover,
.sub01_03_04 #galleryThum .arrLeft:focus{background: #76b746;}
.sub01_03_04 #galleryThum .arrLeft img{position: absolute;left:45%;top:50%;transform: translate(-50%,-50%); width:40%;}

.sub01_03_04 #galleryThum .arrRight{position:absolute;right:2%;top:-150px;text-align:center;transform: translateY(-50%);background: #88c654;width:48px;height:10px;border-radius: 100%;transition: 0.3s;}
.sub01_03_04 #galleryThum .arrRight:hover,
.sub01_03_04 #galleryThum .arrRight:focus{background: #76b746;}
.sub01_03_04 #galleryThum .arrRight img{position: absolute;left:57%;top:50%;transform: translate(-50%,-50%); width:40%;}



.sub01_03_05 #galleryThum .arrLeft{position:absolute;left:2%;top:-150px;text-align:center;transform: translateY(-50%);background: #88c654;width:48px;height:10px;border-radius: 100%;transition: 0.3s;}
.sub01_03_05 #galleryThum .arrLeft:hover,
.sub01_03_05 #galleryThum .arrLeft:focus{background: #76b746;}
.sub01_03_05 #galleryThum .arrLeft img{position: absolute;left:45%;top:50%;transform: translate(-50%,-50%); width:40%;}

.sub01_03_05 #galleryThum .arrRight{position:absolute;right:2%;top:-150px;text-align:center;transform: translateY(-50%);background: #88c654;width:48px;height:10px;border-radius: 100%;transition: 0.3s;}
.sub01_03_05 #galleryThum .arrRight:hover,
.sub01_03_05 #galleryThum .arrRight:focus{background: #76b746;}
.sub01_03_05 #galleryThum .arrRight img{position: absolute;left:57%;top:50%;transform: translate(-50%,-50%); width:40%;}







@media only screen and (min-width:480px){

	.sub01_03_01 #galleryView img,
	.sub01_03_02 #galleryView img,
	.sub01_03_03 #galleryView img,
	.sub01_03_04 #galleryView img,
	.sub01_03_05 #galleryView img {width:70%; padding:0 0 15px;}

}





@media only screen and (min-width:786px){



	.sub01_03_01 #galleryThum .arrLeft {top:-250px; width:58px; height:20px;}
	.sub01_03_01 #galleryThum .arrLeft img{left:45%;top:50%;transform: translate(-50%,-50%); width:40%;}

	.sub01_03_01 #galleryThum .arrRight {top:-250px; width:58px; height:20px;}
	.sub01_03_01 #galleryThum .arrRight img{left:57%;top:50%;transform: translate(-50%,-50%); width:40%;}



	.sub01_03_02 #galleryThum .arrLeft {top:-250px; width:58px; height:20px;}
	.sub01_03_02 #galleryThum .arrLeft img{left:45%;top:50%;transform: translate(-50%,-50%); width:40%;}

	.sub01_03_02 #galleryThum .arrRight {top:-250px; width:58px; height:20px;}
	.sub01_03_02 #galleryThum .arrRight img{left:57%;top:50%;transform: translate(-50%,-50%); width:40%;}



	.sub01_03_03 #galleryThum .arrLeft {top:-250px; width:58px; height:20px;}
	.sub01_03_03 #galleryThum .arrLeft img{left:45%;top:50%;transform: translate(-50%,-50%); width:40%;}

	.sub01_03_03 #galleryThum .arrRight {top:-250px; width:58px; height:20px;}
	.sub01_03_03 #galleryThum .arrRight img{left:57%;top:50%;transform: translate(-50%,-50%); width:40%;}



	.sub01_03_04 #galleryThum .arrLeft {top:-250px; width:58px; height:20px;}
	.sub01_03_04 #galleryThum .arrLeft img{left:45%;top:50%;transform: translate(-50%,-50%); width:40%;}

	.sub01_03_04 #galleryThum .arrRight {top:-250px; width:58px; height:20px;}
	.sub01_03_04 #galleryThum .arrRight img{left:57%;top:50%;transform: translate(-50%,-50%); width:40%;}



	.sub01_03_05 #galleryThum .arrLeft {top:-250px; width:58px; height:20px;}
	.sub01_03_04 #galleryThum .arrLeft img{left:45%;top:50%;transform: translate(-50%,-50%); width:40%;}

	.sub01_03_05 #galleryThum .arrRight {top:-250px; width:58px; height:20px;}
	.sub01_03_05 #galleryThum .arrRight img{left:57%;top:50%;transform: translate(-50%,-50%); width:40%;}



}



/********** 4. 주변지역정보 **********/

.travel{position: relative;  margin: 0 0 50px 0; width:100%; padding: 0 0 50px 0;  border-bottom:1px dotted #D2D2D2;}
.travel p.click{position: absolute; top:-10px; right: 0; padding: 0; float: right;}

/** 지역할인 **/
.travel2{position: relative;  float:left; margin: 0 0 50px 0; width:100%; padding: 0 0 50px 0;  border-bottom:1px dotted #D2D2D2;}
.travel2 p.click{position: absolute; top:-10px; right: 0; padding: 0; float: right;}
.travel2 .img_percent30_left{ position: relative; float: left; left: 0; margin-bottom: 38px; background-color: #ffffff;}
.travel2 .travel_ex { position:relative; float:left; left: 0px; top: 10px; }