@charset "utf-8";

.notice_wrap {background: #ffffff; padding: 54px 38px 100px; border-radius: 0 0 26px 26px;}
.notice_wrap > ul {margin: 0 0 72px;}
.notice_wrap > ul > li {border-top: 1px solid #ababab; font-size: 0; padding: 27px 0;}
.notice_wrap > ul > li:last-child {}
.notice_wrap > ul > li.gray_bg {background: #f4f4f4;}

.notice_wrap > ul > li > div {display: inline-block; vertical-align: middle; font-size: 18px; text-align: center;}
.notice_wrap > ul > li .num_box {width: 10%; padding: 0 10px; box-sizing: border-box;}
.notice_wrap > ul > li .num_box span {color: #999;}
.notice_wrap > ul > li .num_box .ico_notice {border: 1px solid #202a60; display: inline-block; border-radius: 8px; background: #fff32b; line-height: 29px; color: #000; width: 100%; box-sizing: border-box; max-width: 54px;}
.notice_wrap > ul > li .notice_txt {width: 50%; text-align: left;}
.notice_wrap > ul > li .notice_date {width: 30%;}
.notice_wrap > ul > li .notice_date span {color: #999;}
.notice_wrap > ul > li .notice_hit {width: 10%;}

.notice_wrap .search_wrap {width: 430px; box-sizing: border-box; position: relative; margin: 38px auto 0; padding-right: 96px;}
.notice_wrap .search_wrap input {width: 100%; height: 55px; border: 1px solid #202a60; background: #ebeeff; font-size: 18px; padding: 0 26px; box-sizing: border-box;}
.notice_wrap .search_wrap button {font-size: 18px; color: #fff; background: #202a60; width: 92px; height: 55px; position: absolute; right: 0; top: 0;}

.notice_wrap.detail {}
.notice_wrap.detail > ul {margin: 0 0 30px;}
.notice_wrap.detail > ul > li {padding: 27px 25px; box-sizing: border-box; border-bottom: 1px solid #ababab;}
.notice_wrap.detail > ul > li .notice_txt {width: 60%;}
.notice_wrap.detail > ul > li .notice_date {width: 30%;}
.notice_wrap.detail > ul > li .notice_hit {width: 10%;}

.notice_wrap.detail .detail_cont {min-height: 450px; border-bottom: 1px solid #ababab; margin: 0 0 35px;}

.tbl_sort {background: #fff; border-radius: 0 0 26px 26px; margin: 0 0 36px;}
.tbl_sort ul {text-align: center; font-size: 0; padding: 23px 0;}
.tbl_sort ul li {display: inline-block; margin-right: 70px;}
.tbl_sort ul li:last-child {margin-right: 0;}
.tbl_sort ul li a {font-size: 20px; color: #000; display: block; padding: 6px 0;}
.tbl_sort ul li.on a {font-weight: bold; position: relative;}
.tbl_sort ul li.on a:after {content: ''; background: #202a60; width: 100%; height: 4px; position: absolute; top: 0; left: 0;}

.tbl_list {background: #fff; padding: 10px 38px 50px; border-radius: 26px;}
.tbl_list ul {display: table; width: 100%;}
.tbl_list ul li {display: table-cell; vertical-align: middle; text-align: center; padding: 0 5px; box-sizing: border-box;}
.tbl_list ul.tit {border-bottom: 1px solid #ababab;}
.tbl_list ul.tit li {font-size: 18px; font-weight: bold; line-height: 67px;}

.tbl_list ul.cont {padding: 40px 0; border-bottom: 1px solid #ababab;}
.tbl_list ul.cont li {font-size: 18px;}
.tbl_list ul.cont li:nth-child(4) {text-align: left;}
.tbl_list ul.cont li > img {max-width: 100%;}
.tbl_list ul.cont li span {display: block;}

/* 설명회 연사 */
.tbl_list ul li:first-child,
.tbl_list ul.cont li:first-child {width: 190px;}

.tbl_list ul li:nth-child(2),
.tbl_list ul.cont li:nth-child(2) {width: 300px;}

.tbl_list ul li:nth-child(3),
.tbl_list ul.cont li:nth-child(3) {width: 300px;}

.tbl_list ul li:nth-child(4),
.tbl_list ul.cont li:nth-child(4) {}

/* 설명회 예약 */
.tbl_list.reservation {border-radius: 0 0 26px 26px;}
.tbl_list.reservation ul li:first-child,
.tbl_list.reservation ul.cont li:first-child {}

.tbl_list.reservation ul li:nth-child(2),
.tbl_list.reservation ul.cont li:nth-child(2) {width: 300px;}

.tbl_list.reservation ul li:nth-child(3),
.tbl_list.reservation ul.cont li:nth-child(3) {width: 300px;}

.tbl_list.reservation ul li:nth-child(4),
.tbl_list.reservation ul.cont li:nth-child(4) {width: 190px;}

.tbl_list.reservation ul.cont li:first-child,
.tbl_list.class_schedule ul.cont li:first-child {position: relative;}
.tbl_list.reservation ul.cont li > span {font-size: 18px; border-radius: 11px; width: 209px; height: 52px; line-height: 49px; text-align: center; margin: 0 auto;}
.tbl_list.reservation ul.cont li > span.yellow {border: 3px solid #202a60; background: #fff32b; color: #202a60;}
.tbl_list.reservation ul.cont li > span.gray {color: #fff; background: #949494; border: 3px solid #949494;}

.tbl_list ul.cont li button.toggle_tbl {background: #202a60; width:88px; line-height: 28px; text-align: center; position: absolute; left: 50%; margin-left: -44px; bottom: -40px;}
.tbl_list ul.cont li button.toggle_tbl span {display: inline-block; padding-left: 17px; background: url(../img/service/triangle_white.png) no-repeat left center/9px 7px; font-size: 12px; color :#ffffff;}
.tbl_list ul.cont li button.toggle_tbl.on span {background: url(../img/service/triangle_white_on.png) no-repeat left center/9px 8px;}

.open_box {display: none;}
.open_box .bg_wrap {background: #ededed; padding: 45px 88px 35px; border-bottom: 1px solid #ababab;}
.open_box .bg_wrap .tit {display: block; font-size: 25px; color: #202a60;}
.open_box .bg_wrap .tit_sm {display: block; font-size: 25px; padding: 30px 0 35px;}

.open_box .bg_wrap ul {}
.open_box .bg_wrap ul li {margin-bottom: 35px; display: block; width: 100% !important; text-align: left;}
.open_box .bg_wrap ul li:last-child {margin-bottom: 0;}
.open_box .bg_wrap ul li p {font-size: 18px;}
.open_box .bg_wrap ul li p:first-child {font-weight: bold;}
.open_box .bg_wrap ul li p:last-child {}

.tbl_list .pagination {margin: 40px 0 0;}
.tbl_list .pagination ul li {display: inline-block; width: auto !important;}

/* 설명회 일정 */
.tbl_list.schedule ul li:first-child,
.tbl_list.schedule ul.cont li:first-child {}

.tbl_list.schedule ul li:nth-child(2),
.tbl_list.schedule ul.cont li:nth-child(2) {width: 300px;}

.tbl_list.schedule ul li:nth-child(3),
.tbl_list.schedule ul.cont li:nth-child(3) {width: 300px;}

.tbl_list.schedule ul li:nth-child(4),
.tbl_list.schedule ul.cont li:nth-child(4) {width: 190px; text-align: center;}

.ot_bg {background: #fff; border-radius: 26px; margin: 36px 0 0; padding: 55px 40px;}
.ot_list {margin: 0 0 60px;}
.ot_list > p {font-size: 20px; font-weight: bold; text-align: center; padding: 0 0 20px;}

.ot_list ul {border-top: 1px solid #ababab; padding: 40px 0 0; font-size: 0;}
.ot_list ul li {margin-right: 85px; display: inline-block; vertical-align: top; width: 400px;}
.ot_list ul li:nth-child(3n) {margin-right: 0;}
.ot_list ul li .img_box {margin: 0 0 10px;}
.ot_list ul li .img_box a {display: block; font-size: 0;}
.ot_list ul li .img_box img {width: 100%;}
.ot_list ul li .txt_box {font-size: 18px;}
.ot_list ul li .txt_box strong {display: block;}
.ot_list ul li .txt_box p {}

.tbl_list ul.cont li .video_link {margin: 20px 0 0;}
.tbl_list ul.cont li .video_link button {margin: 3px; border-radius: 6px; background: #202a60; width: 120px; height: 27px; text-align: center;}
.tbl_list ul.cont li .video_link button span {color: #fff; font-size: 14px; font-weight: 500; display: block; padding-left: 34px; background: url(../img/service/ico_btn_play.png) no-repeat left 9px center/20px;}

.tbl_list ul.cont li dl {font-size: 0;}
.tbl_list ul.cont li dl dt,
.tbl_list ul.cont li dl dd {display: inline-block; vertical-align: top; font-size: 18px;}

.tbl_list ul.cont li dl dt {width: 45%;}
.tbl_list ul.cont li dl dd {padding-left: 70px;}
.tbl_list ul.cont li dl dd span {display: block; width: 180px; height: 52px; line-height: 49px; font-size: 18px; border-radius: 11px; text-align: center; margin-bottom: 16px;}
.tbl_list ul.cont li dl dd span:last-child {margin-bottom: 0;}
.tbl_list ul.cont li dl dd span.yellow {border: 3px solid #202a60; background: #fff32b; color: #202a60;}
.tbl_list ul.cont li dl dd span.gray {background: #949494; border: 3px solid #949494; color: #fff;}

.tbl_list.class_schedule ul li:nth-child(4),
.tbl_list.class_schedule ul.cont li:nth-child(4) {text-align: center;}

.menu_wrap {background: #fff; border-radius: 0 0 26px 26px; padding: 0 38px 60px;}
.menu_wrap .menu_top {text-align: center; position: relative; padding: 40px 0;}
.menu_wrap .menu_top .date_ctrl {display: inline-block;}
.menu_wrap .menu_top .date_ctrl button {width: 28px; height: 31px; font-size: 0; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-size: 28px 31px; display: inline-block; vertical-align: middle;}
.menu_wrap .menu_top .date_ctrl button.prev {background-image: url(../img/service/date_arrow_left.png);}
.menu_wrap .menu_top .date_ctrl button.prev.disabled {background-image: url(../img/service/date_arrow_left_gray.png);}
.menu_wrap .menu_top .date_ctrl button.next {background-image: url(../img/service/date_arrow_right.png);}
.menu_wrap .menu_top .date_ctrl button.next.disabled {background-image: url(../img/service/date_arrow_right_gray.png);}

.menu_wrap .menu_top .date_ctrl span {display: inline-block; vertical-align: middle; font-size: 25px; margin: 0 28px;}

.menu_wrap .menu_top .btn_link {position: absolute; right: 0; top: 33px;}
.menu_wrap .menu_top .btn_link a {font-size: 20px; background: #fff32b; border: 2px solid #202a60; border-radius: 14px; display: inline-block; padding: 0 40px; line-height: 50px;}
.menu_wrap .menu_top .btn_link a span {display: inline-block; background: url(../img/mypage/ico_link_blk.png) no-repeat right 1px center/14px 16px; padding-right: 40px;}

.menu_wrap .menu_msg {background: #f4f4f4; border-top: 1px solid #ababab; border-bottom: 1px solid #ababab; padding: 35px 80px;}
.menu_wrap .menu_msg span {font-size: 18px; display: block; word-break: keep-all;}

.menu_wrap .menu_list {}
.menu_wrap .menu_list > ul {}
.menu_wrap .menu_list > ul > li {border-bottom: 1px solid #ababab;}
.menu_wrap .menu_list > ul > li:last-child {border-bottom: 0;}
.menu_wrap .menu_list > ul > li dl {display: table; width: 100%; padding: 27px 0;}
.menu_wrap .menu_list > ul > li dl dt,
.menu_wrap .menu_list > ul > li dl dd {display: table-cell; vertical-align: middle;}
.menu_wrap .menu_list > ul > li dl dt {width: 230px; text-align: center;}
.menu_wrap .menu_list > ul > li dl dt span {font-size: 18px; display: block;}
.menu_wrap .menu_list > ul > li dl dt strong {display: inline-block; color: #fff; background: #202a60; border-radius: 8px; width: 94px; line-height: 28px; text-align: center; margin: 8px 0 0;}

.menu_wrap .menu_list > ul > li dl dd {}
.menu_wrap .menu_list > ul > li dl dd .tbl {border: 1px solid #999; border-radius: 12px; display: table; width: 100%; box-sizing: border-box; padding: 13px 0; margin-bottom: 14px;}
.menu_wrap .menu_list > ul > li dl dd .tbl:last-child {margin-bottom: 0;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell {display: table-cell; vertical-align: middle;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell:first-child {width: 200px; text-align: center; border-right: 1px solid #999999; box-sizing: border-box;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell:last-child {padding: 0 60px 0 75px; position: relative;}

.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > span {font-size: 18px; font-weight: bold;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > ul {}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > ul > li {margin-bottom :5px;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > ul > li:last-child {margin-bottom: 0;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > ul > li.main_menu {padding-left: 9px; position: relative;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell > ul > li.main_menu:after {content: '*'; position: absolute; left: 0; top: 0;}

.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic {position: absolute; right: 60px; top: 50%; transform: translateY(-50%);}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic a {display: block; width: 200px;}
.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic a img {width: 100%;}

.map_area {background: #fff; padding: 0 140px 150px; border-radius: 0 0 26px 26px;}

.top_map {padding: 40px 0 0; margin: 0 0 60px;}
.top_map .root_daum_roughmap {width: 100%; height: 400px;}

.top_map .arrive_info {}
.top_map .arrive_info dl {display: table; width: 100%; margin: 0 0 25px;}
.top_map .arrive_info dl:last-child {margin: 0;}
.top_map .arrive_info dt,
.top_map .arrive_info dd {display: table-cell; vertical-align: top;}
.top_map .arrive_info dt {font-size: 18px; font-weight: bold; width: 20%; padding-left: 100px; box-sizing: border-box;}
.top_map .arrive_info dd {}
.top_map .arrive_info dd > span {display: inline-block; vertical-align: middle; margin-right: 44px; color: #666;}
.top_map .arrive_info dd > span:last-child {margin-right: 0;}
.top_map .arrive_info dd > span strong {color: #666;}
.top_map .arrive_info dd .yellow_train {padding-left: 25px; background: url(../img/service/yellow_train.png) no-repeat left center/18px 26px;}
.top_map .arrive_info dd .orange_train {padding-left: 25px; background: url(../img/service/orange_train.png) no-repeat left center/18px 26px;}

.top_map .arrive_info dd > div {margin-bottom: 8px;}
.top_map .arrive_info dd > div:last-child {margin-bottom: 0;}
.top_map .arrive_info dd > div span {display: inline-block; vertical-align: middle; margin-right: 15px; color: #666;}
.top_map .arrive_info dd > div span strong {color: #666;}
.top_map .arrive_info dd > div span.blue_bus {padding-left: 27px; background: url(../img/service/blue_bus.png) no-repeat left center/23px 22px;}
.top_map .arrive_info dd > div span.green_bus {padding-left: 27px; background: url(../img/service/green_bus.png) no-repeat left center/23px 22px;}

.map_list {}
.map_list ul {}
.map_list ul li {margin-bottom: 17px;}
.map_list ul li:last-child {margin-bottom: 0;}

.map_list ul li > div {border: 1px solid #202a60; border-radius: 20px; padding: 35px 45px; box-sizing: border-box;}
.map_list ul li .map_tbl {display: table; width: 100%;}
.map_list ul li .map_tbl > div {}
.map_list ul li .map_tbl .cell {display: table-cell; vertical-align: middle; font-size: 18px;}
.map_list ul li .map_tbl .cell:first-child {width: 20%; text-align: center;}
.map_list ul li .map_tbl .cell:nth-child(2) {}
.map_list ul li .map_tbl .cell:last-child {width: 15%; text-align: right;}
.map_list ul li .map_tbl .cell > strong {color: #000;}
.map_list ul li .map_tbl .cell p {color: #666;}
.map_list ul li .map_tbl .cell p strong {color: #666;}

.map_list ul li .map_tbl .cell button {background: #202a60; border-radius: 20px; width: 106px; height: 40px; text-align: center; border: 0;}
.map_list ul li .map_tbl .cell button span {display: inline-block; padding-left: 34px; font-size: 16px; color: #fff; background: url(../img/service/ico_map_open.png) no-repeat left center/17px; text-transform: uppercase;}
.map_list ul li .map_tbl .cell button.on span {background: url(../img/service/ico_map_close.png) no-repeat left center/17px;}

.map_list ul li > div .map_open {margin: 25px 0 0; display: none;}
.map_list ul li > div .map_open.on {display: block;}
.map_list ul li > div .map_open .root_daum_roughmap {width: 100%; height: 300px;}

@media screen and (max-width: 1750px) {
	.ot_list ul li {width: 30%; margin-right: 5%;}

	/* 설명회 연사 */
	.tbl_list ul li:first-child,
	.tbl_list ul.cont li:first-child {width: 15%;}

	.tbl_list ul li:nth-child(2),
	.tbl_list ul.cont li:nth-child(2) {width: 20%;}

	.tbl_list ul li:nth-child(3),
	.tbl_list ul.cont li:nth-child(3) {width: 20%;}

	/* 설명회 예약 */
	.tbl_list.reservation ul li:first-child,
	.tbl_list.reservation ul.cont li:first-child {width: 25%;}

	.tbl_list.reservation ul li:nth-child(2),
	.tbl_list.reservation ul.cont li:nth-child(2) {width: 20%;}

	.tbl_list.reservation ul li:nth-child(3),
	.tbl_list.reservation ul.cont li:nth-child(3) {width: 20%;}

	.tbl_list.reservation ul.cont li > span {width: 170px;}

	.tbl_sort ul li {margin-right: 40px;}
	
	/* 설명회 일정 */
	.tbl_list.schedule ul li:first-child,
	.tbl_list.schedule ul.cont li:first-child {}

	.tbl_list.schedule ul li:nth-child(2),
	.tbl_list.schedule ul.cont li:nth-child(2) {width: 15%;}

	.tbl_list.schedule ul li:nth-child(3),
	.tbl_list.schedule ul.cont li:nth-child(3) {width: 20%;}

	.tbl_list.schedule ul li:nth-child(4),
	.tbl_list.schedule ul.cont li:nth-child(4) {width: 20%; text-align: center;}

	.map_area {padding: 0 70px 70px;}
	.top_map .arrive_info dt {padding-left: 50px;}
}

@media screen and (max-width: 1480px) {
	.tbl_list ul.cont li dl dd span {width: 120px; height: 35px; line-height: 32px;}
	.tbl_list ul.cont li dl dt, .tbl_list ul.cont li dl dd {padding: 0; display: block; text-align: left; margin: 8px 0; width: 100%;}

	/* 시간표 */
	.tbl_list ul li:first-child,
	.tbl_list ul.cont li:first-child {width: 15%;}

	.tbl_list ul li:nth-child(2),
	.tbl_list ul.cont li:nth-child(2) {}

	.tbl_list ul li:nth-child(3),
	.tbl_list ul.cont li:nth-child(3) {width: 20%;}

	.tbl_list ul li:nth-child(4),
	.tbl_list ul.cont li:nth-child(4) {width: 20%;}

	.menu_wrap .menu_top .date_ctrl span {font-size: 20px;}
	.menu_wrap .menu_top .btn_link a {padding: 0 10px; font-size: 18px;}
	.menu_wrap .menu_msg {padding: 20px 40px;}
	.menu_wrap .menu_msg span {font-size: 15px; display: inline;}

	.menu_wrap .menu_list > ul > li dl dt, .menu_wrap .menu_list > ul > li dl dd {display: block; width: 100%;}
	.menu_wrap .menu_list > ul > li dl dt {text-align: left; margin: 0 0 20px;}
	.menu_wrap .menu_list > ul > li dl dd:after {content: ''; clear: both; display: block;}
	.menu_wrap .menu_list > ul > li dl dd .tbl {width: 49%; display: inline-block; vertical-align: top; float: left; margin-right: 2%;}
	.menu_wrap .menu_list > ul > li dl dd .tbl:last-child {margin-right: 0;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic {position: static; transform: unset;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell .menu_pic a {width: 100%;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell:first-child {width: 20%;}
}

@media screen and (max-width: 970px) {
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell {display: block; padding: 0 20px; box-sizing: border-box; font-size: 15px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell:first-child {width: 100%; text-align: left; border: 0; margin: 0 0 10px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell:last-child {padding: 0 20px;}
	.menu_wrap .menu_msg {padding: 10px 20px;}

	.menu_wrap .menu_top {padding: 20px 0;}
	.menu_wrap .menu_top .btn_link {line-height: 30px; font-size: 15px; position: static; transform: unset; margin: 20px auto 0; display: block; width: 55%;}
	.menu_wrap .menu_top .btn_link a {font-size: 15px;}
	.menu_wrap .menu_top .btn_link a span {}
}

@media screen and (max-width: 768px) {
	.notice_wrap {padding: 30px 28px 50px;}
	.notice_wrap > ul > li {padding: 20px 0; display: table; width: 100%; box-sizing: Border-box;}
	.notice_wrap > ul > li > div {padding: 0 10px; box-sizing: border-box; word-break: keep-all; font-size: 15px;}
	.notice_wrap > ul > li .num_box {display: none;}
	.notice_wrap > ul > li .notice_txt {width: 100%; display: block;}
	.notice_wrap > ul > li .notice_date {width: auto; text-align: left; display: inline-block;}
	.notice_wrap > ul > li .notice_hit {width: auto; text-align: left; display: inline-block;}
	.notice_wrap .search_wrap {width: 100%;}
	.notice_wrap .search_wrap input,
	.notice_wrap .search_wrap button {font-size: 15px;}
	.notice_wrap.detail .detail_cont {min-height: 200px; margin: 0 0 15px;}

	.tbl_list ul.tit {display: none;}
	.tbl_list ul.cont {padding: 20px 0 30px; position: relative;}
	.tbl_list ul.cont li {display: block; width: 100%;}
	.tbl_list ul li,
	.tbl_list ul.cont li {width: 100% !important; padding: 0; text-align: left; margin-bottom: 15px; font-size: 15px;}
	.tbl_list ul.cont li:last-child {margin-bottom: 0;}

	.tbl_sort ul {padding: 10px;}
	.tbl_sort ul li {margin-right: 35px;}
	.tbl_sort ul li a {font-size: 16px;}

	.tbl_list.reservation ul.cont li > span {width: 120px; height: 35px; line-height: 35px; margin: 0; font-size: 15px;}
	.tbl_list.reservation ul.cont li:first-child,
	.tbl_list.class_schedule ul.cont li:first-child {position: static;}
	.tbl_list.reservation ul.cont li button,
	.tbl_list.class_schedule ul.cont li button {bottom: 0;}

	.tbl_list.schedule ul li:nth-child(4),
	.tbl_list.schedule ul.cont li:nth-child(4) {text-align: left;}

	.ot_list ul li {width: 100%; margin-right: 0 !important; margin-bottom: 20px;}

	.tbl_list ul.cont li dl dt, .tbl_list ul.cont li dl dd {font-size: 15px;}
	.tbl_list ul.cont li dl dd span {font-size: 15px; display: inline-block; margin-right: 5px;}

	.pagination ul li a {font-size: 15px;}

	.open_box .bg_wrap .tit {font-size: 20px;}
	.open_box .bg_wrap .tit_sm {font-size: 20px; padding: 15px 0;}
	.open_box .bg_wrap ul li p {font-size: 15px;}
	.open_box .bg_wrap {padding: 10px 28px;}

	.menu_wrap {padding: 0 28px 30px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell {padding: 0 10px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl > .cell:last-child {padding: 0 10px;}

	.menu_wrap .menu_list > ul > li dl dd .tbl {width: 100%; margin: 0; float: none; margin: 0 0 20px;}
	.menu_wrap .menu_list > ul > li dl dd .tbl:last-child {margin: 0;}

	.map_area {padding: 0 35px 35px;}

	.top_map {margin: 0 0 30px;}
	.top_map .arrive_info dt,
	.top_map .arrive_info dd {padding: 0; display: block; width: 100%; font-size: 15px;}
	.top_map .arrive_info dd > div span strong {font-size: 15px;}
	.top_map .arrive_info dt {margin: 0 0 15px;}
	.top_map .arrive_info dd > div {margin: 0 0 15px;}
	.top_map .arrive_info dd > span {margin: 0 0 15px; display: block;}
	.top_map .arrive_info dd > div span {font-size: 13px;}

	.map_list ul li > div {padding: 20px 15px;}
	.map_list ul li .map_tbl .cell {font-size: 15px; display: block; width: 100% !important; text-align: left !important; margin: 0 0 10px;}
	.map_list ul li .map_tbl .cell:last-child {margin: 0; text-align: right !important;}
	.map_list ul li .map_tbl .cell p strong {font-size: 15px;}
	.ot_bg {padding: 0 28px;}

	.tbl_list {padding: 10px 15px 50px;}
}
@media screen and (max-width: 500px) {
	.tbl_sort ul li {margin-right: 15px;}
}