@CHARSET "UTF-8";

.m_login .login_box ul li input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px #f5f8fb inset;}
   
.main_con {
	width:100%; height:auto; font-size: 15px;
}
.main_inner {
	position:relative; width:1400px; height:auto; margin:0 auto;
}
.main_inner > ul {
	width:100%; height: 1010px;
}
.main_inner > ul > li {
	float: left; width: calc(100% - 365px); height: 100%; padding-top: 75px;
}
.main_inner > ul > li:last-child {
	width: 365px; padding-top: 35px; border-left: 1px solid #ddd; 
}
.main_inner > ul > li:last-child > div {
	padding: 0 0 0 35px;
}

.main_con h4 {
	font-size: 23px; font-weight: 500; line-height: 30px; color: #222; margin-bottom: 10px;
}
.main_con h4 span {
	color: #000;
}
.main_con h4 a.b_more {
	display:inline-block; width: 29px; height: 29px; float: right; border: 1px solid #ddd; background: url(/resources/images/gist/new/plus1_1.png) center no-repeat; text-indent: -9999px;
}
.main_con h4 a.b_more:hover {
	border: 1px solid #000; background: #000 url(/resources/images/gist/new/plus1_2.png) center no-repeat;
}

/* 장비검색 */
.main_con .m_search {
	padding: 0 35px 50px 0; border-bottom: 1px solid #ddd;
}
.main_con .m_search h3 {
	font-size: 28px; font-weight: 600; color: #000; padding-bottom: 38px; position: relative; 
}
.main_con .m_search h3::after {
	content: ""; position: absolute; display: inline-block; width: 40px; height: 4px; background: #000; left: 0px; bottom: 13px;
}
.main_con .m_search > ul > li {
	float: left; width: 68%;
}
.main_con .m_search > ul > li:first-child {
	width: 32%;
}


.main_con .m_search .top {
	width: 100%; height: 85px;
}
.main_con .m_search .search_box .box {
	background: #f5f8fb; border-radius: 5px; float: left; width: calc(100% - 135px);
}
.main_con .m_search .search_box select {
	border:none; padding: 14px 15px 13px 15px; font-size:15px; color: #888; cursor:pointer; background: url('/resources/images/gist/new/arrow.png') right center no-repeat; 
	width: 135px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.main_con .m_search .search_box select::-ms-expand {
	display:none;
}	
.main_con .m_search .search_box input {
	width: calc(100% - 135px); font-size: 15px; color: #888; padding: 0; border: 0; background: transparent; float: right; text-indent: 20px; height: 45px;
}


.main_con .m_search .search_box a {
	font-size:16px; float: right; width: 125px; background-color: #dc2816; background-image: url('/resources/images/gist/new/search.png'); 
	background-position: 18px center;  background-repeat: no-repeat; border-radius: 5px; line-height: 45px; color: #fff; text-indent: 47px;
}

.m_search .list_box {
	width: 100%; overflow: hidden;
}
.m_search .list_box .list {
	padding-top: 40px;
	
}
.m_search .list_box .list > div {
	overflow-y : auto; height: 140px;
}
.m_search .list_box .list > div::-webkit-scrollbar {
    width: 5px;
 }
.m_search .list_box .list > div::-webkit-scrollbar-thumb {
    background-color: #909090; border-radius: 10px;
 }
.m_search .list_box .list > div::-webkit-scrollbar-track {
    background-color: #e3e3e3; border-radius: 10px;
 }
.m_search .list_box .list > div::-webkit-scrollbar-button {
    display: none;
}


.m_search .list_box .list > div > div {
	width: 95%;
}
.m_search .list_box .list > div > div a {
	width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; color: #888; line-height: 29px; display: block;
}
.m_search .list_box .list > div > div a.active {
	font-size: 17px; color: #000; font-weight: 500;
}
.m_search .list_box .list > div > div a:hover {
	text-decoration: underline;
}

.m_search .equip_box {
	width: 100%; height: 182px; position: relative; 
}
.m_search .equip_box ul li {
	float: left; width: calc(100% - 320px);
}
.m_search .equip_box ul li:first-child {
	width: 280px; margin-right: 40px;
}
.m_search .equip_box img {
	width: auto; height: 182px; max-width: 100%;
}
/* .m_search .equip_box a {
	position: absolute; width: 52px; height: 52px; text-indent: -9999px; background: #cd362d url('/resources/images/gist/new/e_plus.png') center no-repeat;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5); opacity: 0.5; left: 50%; top: 50%; margin: -26px 0 0 -26px; border-radius: 50%
}
.m_search .equip_box a:hover {
	opacity: 1;
} */
.m_search .equip_box a.tt {
	color: #000; font-size: 25px; font-weight: 500; margin-bottom: 5px; display: block;
}
.m_search .equip_box a.tt:hover {
	font-weight: 700; text-decoration: underline;
}
.m_search .equip_box p {
	color: #a5a5a5; width: 100%; font-size: 15px; margin: 5px 0;
}
.m_search .equip_box a.tt, .m_search .equip_box p {
	width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  
}

.m_search .equip_box dl {
	width: 100%; margin-top: 35px;
}
.m_search .equip_box dl dt {
	float: left; font-size: 13px; color: #111; width: 45px; font-weight: 500; line-height: 25px; 	
}
.m_search .equip_box dl dd {
	float: right; font-size: 15px; width: calc(100% - 45px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 25px; 	
}

.m_search .equip_box .e_btn {
	position: absolute; right: 0; bottom: 0; width: 86px; height: 29px;
}
.m_search .equip_box .e_btn a {
	text-indent: -9999px; font-size: 0; width: 29px; height: 29px; float: left; display: inline-block; border: 1px solid #ddd; z-index: 10;
	background-position: center; background-repeat: no-repeat; background-color: #fff; position: absolute; top: 0;
}
.m_search .equip_box .e_btn a.prev {
	background-image:url(/resources/images/gist/new/prev.png); left: 0;
}
.m_search .equip_box .e_btn a.stop {
	background-image:url(/resources/images/gist/new/stop.png); left: 28px;
}
.m_search .equip_box .e_btn a.play {
	background-image:url(/resources/images/gist/new/play.png); left: 28px;
}
.m_search .equip_box .e_btn a.next {
	background-image:url(/resources/images/gist/new/next.png); left: 56px;
}
.m_search .equip_box .e_btn a:hover {
	background-color: #000; border: 1px solid #000; z-index: 100;
}
.m_search .equip_box .e_btn a.prev:hover {
	background-image:url(/resources/images/gist/new/prev2.png); left: 0;
}
.m_search .equip_box .e_btn a.stop:hover {
	background-image:url(/resources/images/gist/new/stop2.png); left: 28px;
}
.m_search .equip_box .e_btn a.play:hover {
	background-image:url(/resources/images/gist/new/play2.png); left: 28px;
}
.m_search .equip_box .e_btn a.next:hover {
	background-image:url(/resources/images/gist/new/next2.png); left: 56px;
}

.m_search .equip_box .bx-wrapper {
	font-family: 'Pretendard';
}


/* Program Research */

.main_con .m_program {
	padding: 35px 35px 45px 0; border-bottom: 1px solid #ddd; height: 376px;
}
.main_con .m_program > div, .main_con .m_board > div {
	float: left; width: 47%;
}
.main_con .m_program > div.banner_program, .main_con .m_board > div:first-child {
	margin-right: 6%;
}

.main_con .m_program > div {
	height: 255px; position: relative;
}
.main_con .m_program .box, .main_con .m_program .box div, .main_con .m_program .bx-wrapper {
	height: 100%; float: left;
}
.main_con .m_program .box .box_img {
	width: 180px; height: 255px; border: 1px solid #ddd; margin-right: 35px; overflow: hidden; 
}
.main_con .m_program .bx-wrapper img {
	width: 100%; height: auto;
}
.main_con .m_program .box_con {
	float: left; width: calc(100% - 215px); height: 100%; position: relative;
}
.main_con .m_program .box_con span {
	display: inline-block; width: 73px; line-height: 30px; font-size: 13px; text-align: center; color: #fff; font-weight: 500; margin: 15px 0 10px 0; border-radius: 3px; background: #dc2816;
}
.main_con .m_program .box_con a.tt {
	width: 100%; height: 42px; font-size: 17px; font-weight: 500; color: #000; margin: 10px 0; overflow: hidden; word-break: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.main_con .m_program .box_con a.tt:hover {
	text-decoration: underline;
}
.main_con .m_program .box_con p {
	width: 100%; height: 65px; font-size: 15px; margin-top: 20px; overflow: hidden; word-break: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.main_con .m_program .m_pro_btn {
	 position: absolute; left: 215px; bottom: 0;
}
.main_con .m_program .m_pro_btn a {
	 float: left; text-indent: -9999px; width: 8px; height: 8px; border-radius: 8px; background: #c2c2c2; margin-right: 5px;
}
.main_con .m_program .m_pro_btn a.active {
	 width: 20px; background: #000; 
}


/* 공지사항 교육&프로그램  */

.main_con .m_board {
	padding: 50px 35px 50px 0; height: 242px;
}
.main_con .board_list {
	width: 100%;
}
.main_con .board_list li {
	width: 100%; height: 24px; margin-top: 8px;
}
.main_con .board_list li a {
	 width: calc(100% - 100px); line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; display: inline-block; font-size: 16px; color: #333;
}
.main_con .board_list li a:hover {
	color: #000; text-decoration: underline;
}
.main_con .board_list li span{
	float: right; display: inline-block; font-size: 14px; color: #888; line-height: 24px;
}



/* 로그인 */
.m_login .login_box ul {
	width: 100%; height: 95px;
}
.m_login .login_box ul li {
	float: left; width: 95px; height: 100%;
}
.m_login .login_box ul li:first-child {
	width: calc(100% - 105px); margin-right: 10px;
}
.m_login .login_box ul li input {
	background: #f5f8fb; border-radius: 5px; width: 100%; text-indent: 15px; border: 0; padding: 0; font-size: 15px; color: #888; height: 45px;
}
.m_login .login_box ul li input:first-child {
	margin-bottom: 5px;
}
.m_login .login_box ul li a {
	width: 100%; height: 100%; border-radius: 5px; background: #000 url('/resources/images/gist/new/m_login.png') center 20px no-repeat;
	text-align: center; padding-top: 52px; color: #fff; font-size: 16px; display: inline-block;	
}
.m_login .login_box > div {
	height: 20px; margin: 20px 0 65px 0;
}
.m_login .login_box > div a  {
	display: inline-block; float: left; color: #555; font-size: 14px;
}
.m_login .login_box > div a:hover {
	color: #000; font-weight: 500;
}
.m_login .login_box > div a.b_join {
	padding-right: 16px; position: relative; 
}
.m_login .login_box > div a.b_join::after {
	content: ""; position: absolute; display: inline-block; width: 1px; height: 12px; background: #9d9d9d; top: 3px; right: 7px; 
}

.main_con .m_login2 {
	height: 175px; margin-bottom: 65px;
}
.main_con .m_login2 h4 span {
	color: #666; font-size: 15px; vertical-align: middle; font-weight: 400;
}
.main_con .m_login2 dl {
	width: 100%; overflow: hidden; background: #f5f8fb; border-radius: 5px; padding: 15px 15px 0 15px;
}
.main_con .m_login2 dl dt {
	width: 45px; line-height: 45px; text-align: center; margin: 0 10px 15px 0; float: left; background: #fff; color: #dc2816; border-radius: 50%; font-weight: 600; font-size: 13px;
}
.main_con .m_login2 dl dd {
	width: calc(100% - 55px); line-height: 45px; float: left; margin: 0 0 15px 0; 
}



/* Schedule */
.main_con .m_schedule .box {
	width: 100%; height: 260px; 
}

.m_schedule .datepicker {
	border: none; width: 100%;  font-family: 'Pretendard';
}
.m_schedule .datepicker--nav {
	background: #f5f8fb; border-radius: 5px; border-bottom: none; min-height: 45px; position: relative;
}
.m_schedule .datepicker--nav-title {
	font-size: 20px; font-weight: 700;
}
.m_schedule .datepicker--nav-title i {
	color: #000;
}
.m_schedule .xi-angle-right-min::before, .m_schedule .xi-angle-left-min:before {
	content: ' '; height: 0; width: 0; position: absolute; border: 6px solid transparent; top: 17px;
}
.m_schedule .xi-angle-right-min::before {
	border-right-width: 0; border-left-color: #000; 
}
.m_schedule .xi-angle-left-min:before {
	border-left-width: 0; border-right-color: #000; 
}

.m_schedule .datepicker--cell {
	height: 35px;
}
.m_schedule .datepicker--day-name {
	font-size: 15px; color: #555;
}
.m_schedule .datepicker--day-name.-weekend-.sat, .m_schedule .datepicker--cell-day.-weekend-.sat {
    color: #555;
}
.m_schedule .datepicker--day-name.-weekend-.sun, .m_schedule .datepicker--cell-day.-weekend-.sun {
	color: #de4040;
}
.m_schedule .datepicker--cell.-selected-.-current- {
	color: #000; background: transparent; position: relative; font-weight: 700;
}
.m_schedule .datepicker--cell.-selected-.-current-::after {
	content: ""; position: absolute; display: inline-block; width: 30px; height: 30px; background: #f5f8fb; top: 50%; left: 50%; margin: -15px 0 0 -15px; border-radius: 50%; z-index: -1;
}
.m_schedule .datepicker--cell.datepicker--cell-day.-current-::after {
	content: ""; position: absolute; display: inline-block; width: 30px; height: 30px; background: #f5f8fb; top: 50%; left: 50%; margin: -15px 0 0 -15px; border-radius: 50%; z-index: -1;
}

.m_schedule .datepicker--content .datepicker--cells .pi_day {
	position: relative;
}

.m_schedule .datepicker--content .datepicker--cells .pi_day.prev {
	color: #dedede;	
}
.m_schedule .datepicker--cell-day.-weekend-.sat.-disabled- {
	color: #dedede;	
}
.m_schedule .datepicker--cell-day.-weekend-.sun.-disabled- {
	color: #dedede;	
}

.m_schedule .datepicker--content .datepicker--cells .pi_day > div {
	position: absolute; left: 50%; top: 18px; width: 16px; height: 3px; text-align: center; margin-left:-8px;
}
.m_schedule .datepicker--content .datepicker--cells .pi_day > div span {
    display: inline-block; width: 6px; height: 3px; margin: 0px 1px; background: #dc2816;
}
.m_schedule .datepicker--content .datepicker--cells .pi_day > div span.edu_semi {
    background: #000;
}
.m_schedule .datepicker--cell.-current- {
    color: #000;
}
.m_schedule .datepicker--cell.-selected- {
	background: #f8f8f8; color: #555; 
}
.m_schedule .datepicker--cell.-selected- .pi_day.prev {
	color: #555; 
}


/* 최근 예약현황 */
.main_con .m_status {
	margin: 20px 0 30px 0;
}
.main_con .m_status .m_status_tab {
	width: 100%; height: 34px;
}
.main_con .m_status .m_status_tab a {
	float: left; width: 50%; line-height: 34px; border: 1px solid #ddd; display: inline-block; text-align: center; font-size: 16px; color: #a0a0a0; background: #f5f8fb;
}
.main_con .m_status .m_status_tab a:first-child {
	 border-right: none;
}
.main_con .m_status .m_status_tab a:first-child.active {
	 border-top: 2px solid #dc2816; 
}
.main_con .m_status .m_status_tab a.active {
	 background: #fff; color: #1c1c1c; border-bottom: none; font-weight: 600; border-top: 2px solid #1c1c1c; 
}
.main_con .m_status .board_list {
	height: 100px; border: 1px solid #ddd; border-top: none; padding: 10px 15px 7px 15px; margin-top: 0;
}
.main_con .m_status .board_list li {
	margin-top: 3px;
}
.main_con .m_status .board_list li a {
	font-size: 15px; line-height: 20px;
}
.main_con .m_status .board_list li span {
	line-height: 20px;
}


/* 자주찾는 서비스 */
.main_con .m_service {
	margin: 60px 0; overflow: hidden;
}
.main_con .m_service ul {
	width: 100%; height: auto;
}
.main_con .m_service ul li {
	width: 50%; height: 87px; float: left; text-align: center; margin-top: 20px;
}
.main_con .m_service ul li a {
	width: 100%; height: 100%; font-size: 16px; display: block; padding-top: 63px; background-position: center 7px; background-repeat: no-repeat; word-break: keep-all;
}
.main_con .m_service ul li a:hover {
	color: #000; font-weight: 500;
}
.main_con .m_service ul li a.service1 {
	background-image: url('/resources/images/gist/new/service1_1.png');
}
.main_con .m_service ul li a.service2 {
	background-image: url('/resources/images/gist/new/service2_1.png'); background-position: center 0;
}
.main_con .m_service ul li a.service3 {
	background-image: url('/resources/images/gist/new/service3_1.png');
}
.main_con .m_service ul li a.service4 {
	background-image: url('/resources/images/gist/new/service4_1.png');
}

.main_con .m_service ul li a.service1:hover {
	background-image: url('/resources/images/gist/new/service1_2.png');
}
.main_con .m_service ul li a.service2:hover {
	background-image: url('/resources/images/gist/new/service2_2.png');
}
.main_con .m_service ul li a.service3:hover {
	background-image: url('/resources/images/gist/new/service3_2.png');
}
.main_con .m_service ul li a.service4:hover {
	background-image: url('/resources/images/gist/new/service4_2.png');
}

.main_con.main_con_l .m_service {
	margin: 35px 0;
}
.main_con.main_con_l .m_service ul li {
	margin-top: 10px;
}

.m_service.m_service_m {
	display: none;
}


/* GAIA를 넣어주세요 */
.main_con .m_gaia h4 {
	margin-bottom: 18px;
}
.main_con .m_gaia {
	cursor: pointer;
}
.main_con .m_gaia div {
	background-position: right bottom; background-repeat: no-repeat;
}
.main_con .m_gaia .gaia_box1 {
	background-image: url('/resources/images/gist/main/n_box_img.png');
}
.main_con .m_gaia .gaia_box2 {
	background-image: url('/resources/images/gist/main/h_box_img.png');
}
.main_con .m_gaia:hover .gaia_box1 {
	display: none;
}
.main_con .m_gaia .gaia_box2 {
	display: none;
}
.main_con .m_gaia:hover .gaia_box2 {
	display: block;
}
.main_con .m_gaia p {
	color: #555; font-size: 15px; margin-top: 10px; line-height: 20px;
}
.main_con .m_gaia p span {
	color: #000; font-weight: 500;
}