@charset "utf-8";

.top_menu > div:first-child > img { width:184px; }
.top_menu_expand_bg { height: 460px }
.top_menu_expand > div > div {font-size: 14px;line-height: 28px;font-weight: 300;color: #7E7E7E;}

/* 시설 소개 상단 메뉴 */
.info_top_menu { text-align: center; margin-bottom: 40px; }
.info_top_menu > ul > li { display:inline-block; padding:0px 20px 20px 0px;  }
.info_top_menu > ul > li a {display:block;height:20px;color:#444;font-size:16px;font-weight: 500;padding: 0px 20px 10px 20px;}
.info_top_menu > ul > li a.active { color:#FF006F; border-bottom: solid 1px #FF006F; }
.info_top_menu > ul > li a:hover { color:#FF006F; }

/* 시설 소개 상단 이미지와 텍스트 */
.info_top { padding: 0px 0px 60px 0px; }
.info_top > img { width: 100% }
.info_top > div { padding: 43px; font-size: 18px; line-height: 30px; text-align: center }

/* 시설 소개 이미지 */
.info_list > div { float: left; width: 595px; height: 470px;  margin-left: 10px; margin-bottom: 10px; }
.info_list > div:nth-child(2n+1) { margin-left: 0px; }
.info_list > div > img { width: 100% }
.info_list::after{ content:""; display: block; clear:both; }

/* 영업 안내 */
.sales > img { width: 100% }
.sales > div { border: 10px solid #D5D5D5; margin: 94px 0px 0px 0px; }
.sales > div > div { float: left }
.sales > div > div:nth-child(2n+1) { width: 49%; padding: 50px }
.sales > div > div:nth-child(2n) { width: 1%; height: 105px; margin: 100px 0px 0px 0px; border-right: solid 1px #C9C9C9 }
.sales > div > div > div:nth-child(1) { font-size: 30px; font-weight: 500; letter-spacing: -1.5px; line-height: 30px; color: #C71F6D }
.sales > div > div > div:nth-child(2) { width: 16px; margin: 24px 0px 24px 0px; border: solid 1.5px #000000; background-color: #000 }
.sales > div > div > div:nth-child(3) { font-size: 18px; line-height: 30px; color: #444 }
.sales > div > div:nth-child(3) > div:nth-child(1) { color: #00484A }
.sales > div::after{ content:""; display: block; clear:both; }

/* 이용 요금 */
.price_bottom { margin : 48px 0px 0px 0px; font-size: 18px }

/* 이용수칙 */
.term { padding: 37px 50px 50px 50px; background-color: #F3F3F3; font-size: 18px; line-height: 40px; color: #565656 }
.term span { display: inline-block; width: 20px; height: 16.5px; background: url('/img/common/start.png') center/80% no-repeat; margin-right: 10px;  }

/* 레슨 강사 소개 */
.lesson_man { padding: 0px 0px 76px 0px; }
.lesson_man > div { float: left }
.lesson_man > div:nth-child(1) { width: 325px }
.lesson_man > div:nth-child(1) > img { width: 100% }
.lesson_man > div:nth-child(2) { padding: 10px 0px 0px 80px; }
.lesson_man > div:nth-child(2) > div:nth-child(1) { font-size: 22px; font-weight: 600; letter-spacing: -0.44px; line-height: 22px }
.lesson_man > div:nth-child(2) > div:nth-child(2) { width: 20px; margin: 30px 0px 30px 0px; border-bottom: solid 2px #000 }
.lesson_man > div:nth-child(2) > div:nth-child(3) { margin: 0px 0px 30px 0px; font-size: 22px; font-weight: 600; letter-spacing: -0.44px; line-height: 22px; color:#00484A }
.lesson_man > div:nth-child(2) > div:nth-child(3) > span { font-size: 16px; letter-spacing: -0.32px; color: #7E7E7E }
.lesson_man > div:nth-child(2) > div:nth-child(4) { font-size: 18px; letter-spacing: -0.36px; line-height: 40px; }
.lesson_man td { font-size: 18px; letter-spacing: -0.36; line-height: 40px; vertical-align: top; }
.lesson_man tr > td:nth-child(1) { width: 150px }
.lesson_man::after{ content:""; display: block; clear:both; }

/* 레슨 사진 */
.lesson_list { padding: 85px 0px 0px 0px; }
.lesson_list > div { float: left; width: 380px; height: 320px;  margin-left: 30px; margin-bottom: 30px; }
.lesson_list > div:nth-child(3n+1) { margin-left: 0px; }
.lesson_list > div > img { width: 100% }
.lesson_list::after{ content:""; display: block; clear:both; }

/* 모바일 */
@media all and (max-width:640px) {
	.sub_top_menu_bg_info > div { width: 800px }
	.info_top_menu { background-color: #EFEFEF }

	/* 시설 소개 상단 메뉴 */
	.info_top_menu > ul > li { padding:20px 20px 20px 0px;  }
	.info_top_menu > ul > li a { padding: 0px 0px 10px 0px;}

	/* 시설 소개 상단 이미지와 텍스트 */
	.info_top > div { font-size: 16px; line-height: 24px; }

	/* 시설 소개 이미지 */
	.info_list > div { float: left; width: 47%; height: auto; margin-left: 2%; margin-bottom: 2px; }
	.info_list > div:nth-child(2n+1) { margin-left: 2%; }
	.info_list > div:nth-child(2n) { margin-right: 2%; }

	/* 영업 안내 */
	.sales > div > div { float: none }
	.sales > div > div:nth-child(1) { border-bottom: solid 1px #000000 }
	.sales > div > div:nth-child(2n+1) { width: 86%; padding: 0px 0px 50px 0px; margin: 50px 7% 50px 7%; }
	.sales > div { margin: 94px 10px 0px 10px; }
	.sales > div > div > div:nth-child(1) { font-size: 26px; letter-spacing: -1.3px; line-height: 26px; }

	/* 이용 요금 */
	.price_bottom { margin : 48px 0px 0px 0px; font-size: 16px }

	/* 이용수칙 */
	.term { padding: 37px 20px 50px 20px; font-size: 15px; line-height: 30px; }
	.term span { margin-right: -2px; }

	/* 레슨 강사 소개 */
	.lesson_man > div { float: none }
	.lesson_man > div:nth-child(1) { width: 100%; text-align: center; margin-bottom: 30px }
	.lesson_man > div:nth-child(1) > img { width: 70% }
	.lesson_man > div:nth-child(2) { padding: 10px 0px 0px 0px; }
	.lesson_man > div:nth-child(2) > div:nth-child(1), .lesson_man > div:nth-child(2) > div:nth-child(3) { text-align: center }
	.lesson_man > div:nth-child(2) > div:nth-child(2) { width: 20px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px }
	.lesson_man tr > td:nth-child(1) { width: 110px }

	/* 레슨 사진 */
	.lesson_list { padding: 85px 0px 0px 0px; }
	.lesson_list > div { float: none; width: 100%; height: auto;  margin-left: 0px; margin-bottom: 10px; }
}