@charset "UTF-8";

@import url("main_pc.css");

@media only all and (max-width: 1023px) {
	.header {
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	}

	.main-container {
		position: relative;
		overflow: hidden;
		background-image: url(../img/main/bg_main_visual01_mobile.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
		background-color: #f2f2f4;
	}

	.main-contents {
		max-width: 100%;
		padding: 1.25rem 1.25rem 2.083rem 1.25rem;
		margin: 0;
	}

	.main-contents01 {
		margin-bottom: 2.083rem;
	}

	.main-contents-wrapper01 {
		margin-bottom: 1.417rem;
	}

	.main-contents-area01 {
		float: left;
		width: calc(50% - 0.3333rem);
		margin-bottom: 0.6667rem;
		max-width: 50%;
		margin-left: 0;
	}

	.main-contents-area01:first-child {
		margin-left: 0;
	}

	.main-contents-area01:nth-child(even) {
		float: right;
	}

	.main-contents-area01.type02 {
		width: calc(50% - 0.3333rem);
		max-width: 50%;
	}

	.main-menu-wrapper {
		height: 14.17rem;
	}

	.main-menu-area { 
		padding: 2.292rem  1.25rem 0  1.25rem;
	}

	.main-menu-area:focus,
	.main-menu-area:hover {
		-webkit-box-shadow: 0px 0.4167rem 0.8333rem 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0.4167rem 0.8333rem 0px rgba(0,0,0,0.25);
		box-shadow: 0px 0.4167rem 0.8333rem 0px rgba(0,0,0,0.25);
	}

	.main-menu-area > h2 {
		margin-bottom: 1.083rem;
	}

	.main-menu-area > h2 .type {
		font-size: 1.458rem;
		line-height: 1.667rem;
	}

	.main-menu-area > h2 .title {
		display: block;
		font-size: 1.75rem;
		line-height:2.167rem;
	}

	.main-menu-area > a {
		width: 8.75rem !important;
		height: 1.667rem;
		padding: 0.2083rem 0 0 0.5417rem;
		margin-bottom: 0.4167rem;
		border-radius: 0.8333rem;
		font-size: 1rem;
		line-height: 1.25rem;
	}

	.main-menu-area02 > a {
		width: 100%;
		height: 4.375rem;
		margin-top: 0.5417rem;
		padding: 0 4.792rem 0 1.25rem;
	}

	.main-menu-area02 > a:hover,
	.main-menu-area02 > a:focus {
		-webkit-box-shadow: 0px 0.4167rem 0.8333rem 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0.4167rem 0.8333rem 0px rgba(0,0,0,0.25);
		box-shadow: 0px 0.4167rem 0.8333rem 0px rgba(0,0,0,0.25);
	}

	.main-menu-area02 > a > strong {
		font-size: 1.25rem;
		line-height: 1.667rem;	
	}

	.main-menu-area02 > a > .icon {
		right: 1.083rem;
		width: 2.583rem;
		height: 2.583rem;
		margin-top: -1.292rem;
		background-size: 2.583rem 2.583rem;
	}

	.main-menu-area02 > a > .icon.type01 {
		background-image: url(../img/main/icon0104_mobile.png);
	}

	.main-menu-area02 > a > .icon.type02 {
		background-image: url(../img/main/icon0105_mobile.png);
	}

	.main-menu-area02 > a > .icon.type03 {
		background-image: url(../img/main/icon0106_mobile.png);
	}


	.main-tabmenu-wrapper > ul {
		padding-top: 2.917rem;
		padding-right: 2.542rem;
	}

	.main-tabmenu-wrapper > ul > li {
		width: calc(100% + 2.542rem);
	}

	.main-tabmenu-wrapper > ul > li > button {
		width: calc(33.33% - 0.8333rem);
	}

	.main-tabmenu-wrapper > ul > li:nth-child(2) > button {
		width: calc(33.34% - 0.8333rem));
	}


	.main-tabmenu-wrapper > ul > li > button {
		width: calc(33.33% - 0.8333rem);
		height: 2.917rem;
		font-size: 1.083rem;
		letter-spacing: -0.75px;
	}


	.main-tabmenu-wrapper > ul > li:nth-child(2) > button {
		left: calc(33.33% - 0.8333rem);
	}

	.main-tabmenu-wrapper > ul > li:nth-child(3) > button {
		left: calc(66.67% - (0.8333rem * 2));
	}



	.main-tabmenu-wrapper > ul > li > button + .main-tabmenu-area {
		position: absolute;
		top: 2.917rem;
		left: 0;
		display: block;
		width: 100%;
		z-index: 0;
		opacity: 0;
	}

	.main-tabmenu-wrapper > ul > li > button + .main-tabmenu-area > .btn-more {
		width: 2.542rem;
		height: 2.917rem;
		margin-top: -2.917rem;
	}

	.main-tabmenu-wrapper > ul > li > button + .main-tabmenu-area > .btn-more > .icon {
		width: 0.9583rem;
		height: 0.9583rem;
		margin-top: -0.4583rem;
		margin-left: -0.4583rem;
		background-size: 0.9583rem 0.9583rem;
	}


	.main-hire-slider {
		border-bottom: 0.125rem solid #a2b3be;
	}


	.main-hire-slider .item a {
		display: block;
		padding: 1.667rem 1.25rem 1.25rem 1.25rem;
		height: auto;
		height: auto;
	}

	.main-hire-slider .item:hover a,
	.main-hire-slider .item:focus a {
		padding-top: 1.625rem;
		height: auto;
	}

	.main-hire-slider .item > a .major {
		margin-bottom: 0.625rem;
		height: 1.458rem;
		font-size: 0.8333rem;
		line-height: 1rem;
		padding: 0.25rem 0.8333rem 0 0.8333rem;
		border-radius: 0.75rem;
	}
	.main-hire-slider .item > a .title-wrapper {
		margin-bottom: 0.875rem;
	}

	.main-hire-slider .item > a .title-wrapper > .title {
		max-width: calc(100% - 1.458rem);
		font-size: 1.333rem;
		line-height: 1.708rem;	
	}

	.main-hire-slider .item > a .title-wrapper > img {
		width: 1.083rem;
	}

	.main-hire-slider .item > a .work {
		margin-bottom: 0.6667rem;
		font-size: 1.083rem;
		line-height:1.5rem;
	}

	.main-hire-slider .item > a .information-wrapper > .information {
		padding-left: 4.417rem;
		font-size: 1rem;
		line-height: 1.583rem;
	}

	.main-hire-slider .item > a .information-wrapper > .information > .title {
		margin-left: -4.417rem;
	}
	.main-slider-wrapper .owl-dots {
		padding-top: 1.125rem;
	}

	.main-slider-wrapper .owl-dots > button {
		margin: 0 0.5833rem;
		width: 1.042rem;
		height: 1.042rem;
	}

	/* main contents02 */
	.main-contents02 {
		margin-bottom: 0.8333rem;
	}

	.main-contents02-left {
		float: none;
		width: 100%;
		margin-bottom: 0.8333rem;
	}

	.main-board-wrapper {
		height: auto;
		padding: 1.125rem 1.25rem 1.167rem 1.25rem;
	}

	.main-board-wrapper > ul > li > a {
		font-size: 1.083rem;
		line-height: 2.083rem;
		padding-right: 5.542rem;
	}


	.main-board-wrapper > ul > li > a > .title-wrapper {
		padding-left: 0.875rem;
	}

	.main-board-wrapper > ul > li > a > .title-wrapper:before {
		width: 0.2083rem;
		height: 0.2083rem;
	}

	.main-board-wrapper > ul > li > a > .title-wrapper > .title {
		max-width: calc(100% - 1.458rem);
		font-size: 1.083rem;
		line-height: 2.083rem;	
	}

	.main-board-wrapper > ul > li > a > .title-wrapper > img {
		width: 1.083rem;
	}

	.main-board-wrapper > ul > li > a > .date {
		font-size: 1rem;
	}

	.main-contents02-right {
		float: none;
		width: 100%;
		height: 18.54rem;
	}

	.main-contents02-right:after {
		content: "";
		clear: both;
		display: block;
	}

	.main-contents02-right .half {
		height: 100%;
	}

	/* 달력 */
	.schdule-calendar-wrapper {
		padding: 2.833rem 0.8333rem 0 0.8333rem;
	}

	.months-controls-wrapper {
		max-width: 6.75rem;
		height: 2.538rem;
		margin: 0 auto 0.25rem auto;
		text-align: center;
	}

	.months-controls-wrapper > h2 {
		font-size: 2.615rem;
		line-height: 2.615rem;

	}

	.months-controls-wrapper > .btn-previous,
	.months-controls-wrapper > .btn-next { 
		width: 0.5417rem;
		height:  0.9583rem;
		margin-top: -0.4583rem;
	}

	.months-controls-wrapper > .btn-previous > span > img,
	.months-controls-wrapper > .btn-next > span > img {
		width: 0.5417rem;
	}

	.calendar-table {
		display: block;
		height: calc(100% - 3rem);
	}

	.calendar-table > table thead th {
		height: 1.458rem;
		font-size: 0.6667rem;
		line-height:1.458rem;
	}

	
	.calendar-table > table tbody td .schdule-day {
		position: relative;
		display: table;
		width: 1.583rem;
		height: 1.583rem;
		margin: 0 auto;
	}

	.calendar-table > table tbody td .schdule-day > span {
		font-size: 0.6667rem;
	}

	/* 일정표 */
	.schdule-calendar {
		padding: 1.25rem;
 	}
	.schdule-calendar::-webkit-scrollbar {
		width: 0.25rem;
		height: 0.25rem;
		border-radius: 0.25rem;
	}

	.schdule-calendar::-webkit-scrollbar-thumb {
		border-radius: 0.25rem;
	}

	.schdule-calendar-list > dl {
		padding-left: 0.9167rem;
		padding-bottom: 0.3333rem;
		font-size: 1rem;
		line-height: 1.333rem;
	}


	.schdule-calendar-list > dl:after {
		position: absolute;
		top: 0.625rem;
		left: 0.2083rem;
		display: block;
		content: "";
		width: 0.08333rem;
	}


	.schdule-calendar-list > dl > dt {
		position: static;
		padding-left: 0;
		font-size: 0.9167rem;
		line-height: 1.25rem;
	}

	.schdule-calendar-list > dl > dt:after {
		top: 0.3333rem;
		left: -1px;
		width: 0.4167rem;
		height: 0.4167rem;
		border-radius: 50%;
	}

	.schdule-calendar-list > dl > dd {
		font-size: 1rem;
		line-height: 1.333rem
	}

	/* main banner02 */
	.main-banner-wrapper {
		padding:  1.333rem 0.8333rem 1.333rem 7.5rem;
	}

	.main-banner-area {
		width: calc(100% - 7.5rem);
	}

	.main-banner-area .item {
		width: 100%;
		height: 1.583rem;
	}

	.banner-btns-wrapper {
		left: 1.25rem;
		max-width: 6.25rem;
		margin-top: -0.625rem;
	}

	.banner-btns-wrapper > .btn-previous,
	.banner-btns-wrapper > .btn-next {
		width: 1.25rem;
		height: 1.25rem;
		background-size: 0.4167rem 0.75rem;
		background-position: center center;
	}


	.banner-btns-wrapper > .btn-play,
	.banner-btns-wrapper > .btn-stop {
		width: 1.25rem;
		height: 1.25rem;
		margin: 0 0.4167rem;
		background-size: 1.25rem 1.25rem;
		background-position: center center;
	 }
}



@media only all and (max-width: 767px) {
	.main-tabmenu-wrapper > ul {
		padding-top: 2.917rem;
		padding-right: 3.05rem;
	}

	.main-tabmenu-wrapper > ul > li {
		width: calc(100% +  3.05rem);
	}

	.main-tabmenu-wrapper > ul > li > button {
		width: calc(33.33% - 1rem);
	}

	.main-tabmenu-wrapper > ul > li:nth-child(2) > button {
		width: calc(33.34% - 1rem );
	}


	.main-tabmenu-wrapper > ul > li > button {
		width: calc(33.33% - 1rem);
		height: 2.917rem;
		font-size: 1.083rem;
		letter-spacing: -0.75px;
	}


	.main-tabmenu-wrapper > ul > li:nth-child(2) > button {
		left: calc(33.33% - 1rem);
	}

	.main-tabmenu-wrapper > ul > li:nth-child(3) > button {
		left: calc(66.67% - (1rem * 2));
	}


	.main-tabmenu-wrapper > ul > li > button + .main-tabmenu-area > .btn-more {
		width: 3.05rem;
	}
}


@media only all and (max-width: 567px) {
	.footer-download{
		clear:both;
		display:block;
	}
	.main-menu-area02 > a > strong {
		font-size: 0.9231rem;
	}

	.main-tabmenu-wrapper > ul > li > button {
		font-size: 0.8571rem;
	}

	
	.calendar-table > table tbody td .schdule-day {
		width: 1.36rem;
		height: 1.36rem;
	}
}

@media only all and (max-width: 359px) {
	.footer-download{
		clear:both;
		display:block;
	}
	.main-menu-area02 > a {
		height: 4.375rem;
		margin-top: 0.5417rem;
		padding: 0 4.167rem 0 1.25rem;
	}


	.main-menu-area02 > a > .icon {
		right: 1rem;
	}
}