/* --------------------------------------------------------------------------
 # file					: group-reading.css
 # Version 			: 1.0
 # Date				: 2022-02-04
 * -------------------------------------------------------------------------- */
@charset "utf-8";


/* # 신청내역이 있을때 강의실 입장 */
.reading-mypage-content
{ margin: 30px 10px 10px 10px; }
.reading-mypage-content > h3
{ margin: 0 10px 20px; }
.reading-mypage-content > .table-responsive2 > .table
{ border: 1px solid #DDDDDD; }
.reading-mypage-content > .table-responsive2 > .table > thead > tr > th
{ padding: 10px; font-size: 20px; background-color: #FAFAFA; color: #333333; }
.reading-mypage-content > .table-responsive2 > .table > tbody > tr > td
{ padding: 30px 10px; font-size: 20px; font-weight: 700; color: #333333; }
.reading-mypage-content > .table-responsive2 > .table > tbody > tr > td > .tutor-photo
{ display: inline-block; vertical-align: middle; width: 90px; height: 90px; border-radius: 50%; border: 1px solid #CCCCCC; background-position: 50% 40%; background-repeat: no-repeat; background-size: 110px auto; }

.reading-mypage-content > p > .btn
{ border-radius: 100px; font-size: 20px; font-weight: 700; padding: 12px; border-color: #0490FF; border-width: medium; background-color: white; color: #0490FF; }
.reading-mypage-content > p > .btn:hover
/{ background-color: #0490FF; color: #0490FF; }











/* # 신청내역이 없을을때 신청 */
.reading-content
{ margin: 0; }

.idic-tutor-lading-container
{ width: 100%; background: #FFFFFF; position: relative; transition: all 0.2s; }
.idic-tutor-lading-container .img-container
{ margin: 0 auto; max-width: 769px; position: relative; }

.img-container > section > .img-box
{ position: relative; }
.img-container > section > .img-box > .col-50
{ float: left; width: 50%; padding-bottom: 14px; background-color: #EDEDED; }


.scroll-nav-container
{ width: 210px;  max-width: 240px; position: fixed; top: 135px; z-index: 1; }
.scroll-nav-container .nav-container-box
{ display: block; width: 100%; background: #FFFFFF; overflow: hidden; border: 2px solid #0491FF; }
.scroll-nav-container .nav-container-box:last-child
{ margin-top: 5px; }

.scroll-nav-container .nav-title
{ padding: 6px 10px; font-size: 20px; font-weight: 900; color: #FFFFFF; margin-bottom: 7px; background-color: #0491FF; }

.scroll-nav-container .nav-list
{ padding: 10px; font-size: 16px; }
.scroll-nav-container .nav-list li
{ margin-bottom: 7px; cursor: pointer; }
.scroll-nav-container .nav-list li > a
{ color: #555555; }
.scroll-nav-container .nav-list li.on > a
{ color: #0491FF; font-weight: 700; }

.idic-tutor-lading-container-inner
{ max-width: 1200px; margin: 0 auto; position: relative; }


@media(max-width: 1600px) {
	.scroll-nav-container
	{ left: 200px; }
}
@media(max-width: 1200px) {
	.scroll-nav-container
	{ display: none; }
}
@media(max-width: 569px) {
	.scroll-nav-container
	{ display: none; }
	.scroll-nav-container .nav-title
	{ font-size: 14px; }
	.scroll-nav-container .nav-list
	{ font-size: 12px; }
}