/*메인*/
#wrapper_m{ margin:0 !important;}/*적용할 때 따로 모바일 버전 조건 넣어줘야함*/
#hd_wrapper_m{
	position: absolute;
    z-index: 999;
    background: rgba(255, 255, 255	, 0.7);
    width: 100%;
}

#customer_btn{
	position: absolute;
	top: 13px;
	right: 75px;
	height: 30px;
	border: 0;
	background: transparent;
	color: #fff;
	outline: none;
	display: block;
	font-family: 'NotoSansR',sans-serif;
}
.m_font_title{
    position: absolute;
    top: 0;
    left: 133px;
    height: 55px;
    font-size: 20px;
    line-height: 55px;
	font-family: "NotoSansBk",'serif';
    color: #4a3242;
}
/*나의배차현황*/
#customer_btn a{
    text-align: center;
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: #fff;
    text-transform: capitalize;
    font-size: 15px;
    width: 110px;
    height: 30px;
    line-height: 30px;
    border-radius: 28px;
    overflow: hidden;
    background-color: transparent;
    font-weight: bold;
}

#customer_btn a {
	transition: all 1s;
}
#customer_btn a:before {
	content: "\f178";
	font-family: FontAwesome;
	font-size: 15px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0;
	top: 0;
	opacity: 0;
	height: 100%;
	width: 30px;
	color:#fff;
	transition: all 1s;
}
#customer_btn a:hover {
	text-indent: -20px;
	color: #fff;
	z-index: 1;
	background: none;
}
#customer_btn a:hover:before {
	opacity: 1;
	text-indent: 0px;
}
#customer_btn a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 0%;
	content: '.';
	color: transparent;
	background: #aaa;
	height: 1px;
}
#customer_btn a:after {
	text-align: left;
	content: '.';
	margin: 0;
	opacity: 0;
}
#customer_btn a:hover:after {
	z-index: -10;
	animation: fill 1s forwards;
	-webkit-animation: fill 1s forwards;
	-moz-animation: fill 1s forwards;
	opacity: 1;
}
/*아코디언 메뉴*/
.accordion {
	width: 100%;
	margin: 30px auto 20px;
	background: #FFF;
	display:none;
	font-family: 'NotoSansR',sans-serif;
	height: 530px;
	overflow-y: scroll;
	overflow-x: hidden;
    border-bottom: 2px solid #414248;
	border-top: 1px solid #d6d6d6;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #efefef;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

/*.accordion li.open .link { color: #b63b4d; }*/

/*.accordion li.open i { color: #b63b4d; }*/

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
.submenu {
  display: none;
  background: #f3f3f3;
  font-size: 14px;
}

.submenu li {/* border-bottom: 1px solid #4b4a5e; */}

.submenu a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 12px;
  padding-left: 25px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

/*퀵메뉴*/
a.main_tel_m{
	position: fixed;
	bottom: 315px;
	right: 90px;
	width: 100px;
	height: 100px;
	background: rgba(255,255,255,0.5);
	z-index: 110;
	border-radius: 50px;
	text-align: center;
	animation: Bounce 2.2s infinite;
}
span.middle_tel_m{
    display: inline-block;
    position: absolute;
    top: 37px;
    left: 5px;
}
span.middle_m{
	height: 40px;
	display: inline-block;
	margin: 28px 0;
}
.middle_tel_m p{
	color: #000;
	font-weight: bold;
	font-size: 18px;
	font-family:"NotoSansBK",sans-serif;
}
.middle_tel_m p:nth-child(2){
	font-size: 12px;
	font-family:"NotoSansR",sans-serif;
}
span.tel_bottom_m{
	margin-top: 12px;
	font-size: 27px !important;
}
.ch_advice_1_m{
	position: fixed;
    bottom: 201px;
    right: 92px;
    z-index: 110;
    cursor: pointer;
    width: 100px;
    height: 100px;
	border-radius: 50px;
	background: rgba(250, 225, 0, 0.3);
	font-size: 15px;
	text-align: center;
	font-family: 'NanumGothic';
	color: #000;
	font-weight: bold;
}
.ch_advice_1_m img{
	width: 45px;
	height: 45px;
	margin-top: 10px;
}
span.ch_text{
    display: inline-block;
	margin-top: 5px;
}

a.main_top_m{
	position: fixed;
	bottom: 70px;
	right: 90px;
	width: 100px;
	height: 100px;
	background: rgba(144, 144, 144, 0.3);
	color: #fff;
	font-size: 16px;
	text-align: center;
	z-index: 110;
	border-radius: 50px;
	font-weight: bold;
	display:none;
	font-family: 'NanumGothic';
}
span.middle{
	height: 40px;
	display: inline-block;
	margin: 28px 0;
}
/*메인 비디오*/
.main_bg_m{
	display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.video-size_m > video {
	max-width: 100%;
	max-height: none;  
}
.object-fit{
	object-fit: cover;
}

/*글씨 타이틀*/
.bannerbox_m{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background:rgba(0,0,0,0.1);
}
.banner-slider_m{
	width: 100%;
	height: 37%;
	position:relative;
	overflow:hidden;
	z-index:10;
}
.banner-slider_m:before {
	content: "";
	display: block;
	padding-top: 50%; /* 1:1 비율 */
}
.slider_text_m{
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;

}
.slider_text_m ul li{
	color: #fff;
	font-size: 21px;
	font-family: 'NanumSquare',sans-serif;
	font-weight: bold;
	line-height: 35px;
    text-shadow: 2px 2px 4px #2a2a2a;
}
.slider_text_m ul{
	margin-top: 20px;
	opacity: 0;
	animation: fadeInUp_m 0.5s ease-in-out 1.5s both;
}
/*1, 2, 3 글씨 슬라이드 타이틀*/
.slider_text_m h2.slider_title_m{
    color: #fff;
    font-family: 'NotoSansB',sans-serif;
	font-size: 50px;
    font-weight: bold;
    opacity: 0;
    line-height: 60px;
    animation: fadeInUp_m 0.5s ease-in-out 0.5s both;
    text-shadow: 2px 2px 4px #2a2a2a;
}

/*1번째 글씨 슬라이드 서브ul*/
.slider_text_m ul.slider_text_m_1_1{
	margin-top: 20px;
	opacity: 0;
	animation: fadeInUp_m 0.5s ease-in-out 3.5s both;
}
.slider_text_m ul.slider_text_m_1_2{
	margin-top: 20px;
	animation: fadeInUp_m 0.5s ease-in-out 4.5s both;
}
.slider_text_m ul.slider_text_m_1_2 li:nth-child(2){
	margin-left: -9px;
}
.slider_text_m ul.slider_text_m_1_2 li:nth-child(3){
	margin-left: -9px;
}

/*2번째 글씨 서브타이틀*/
.slider_text_m h2.slider_sub_m{
	color: #fff;
	font-family: 'NotoSansB',sans-serif;
    font-size: 23px;
    font-weight: bold;
    opacity: 0;
    margin-bottom: 25px;
	text-shadow: 2px 2px 4px #2a2a2a;
	animation: fadeInUp_m 0.5s ease-in-out 2s both;
}

.slider_text_m ul.slider_text_m_2{
	margin-top: 30px;
	opacity: 0;
	animation: fadeInUp_m 0.5s ease-in-out 1.5s both;
}

@keyframes fadeInUp_m {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes Bounce{
    0%{	transform: scaleX( 1 ) scaleY( 1 );}
	50%{	transform: scaleX( 0.8) scaleY( 0.8 );}
	100%{	transform: scaleX( 1 ) scaleY( 1 );}
}
/*하단 pc 버전*/
	#main{
		margin:0 auto;

	}
	.ye_section_str{
		width:100%;
		height:auto;
		margin: 0 auto;
	}

	.ye_content_1{
		width: 100vw;
		height: 100%;
		background-image:url("/img/pc_contents_1.jpg");
		background-repeat:no-repeat;
		background-position:50% 60%;
		background-size: cover;
		
	}
	.ye_content_2{
		width: 100vw;
		height: 100%;
		background-image:url("/img/pc_contents_2.jpg");
		background-repeat:no-repeat;
		background-position:50% 57%;
		background-size: cover;		
	}
	.ye_content_3{
		width: 100vw;
		height: 100%;
		background-image:url("/img/pc_contents_3.jpg");
		background-repeat:no-repeat;
		background-position:50% 70%;	
		background-size: cover;	
	}
	.ye_content_4{
		width: 100vw;
		height: 100%;
		background-image:url("/img/pc_contents_4.jpg");
		background-repeat:no-repeat;
		background-position:50% 70%;
		background-size: cover;		
	}
	.ye_content_5{
		width: 100vw;
		height: 100%;
		background-image:url("/img/pc_contents_5.jpg");
		background-repeat:no-repeat;
		background-position:50% 70%;
		background-size: cover;
	}

	.ye_texts{
		color:#fff;
		width: 100%;
		text-align: center;
		margin: 2% auto;
		display: inline-block;
	}
	.margin_1{
		margin: 3% auto !important
	}
	.margin_2{
		margin: 1% auto !important
	}
	.ye_title{
		font-size: 21px;
		font-weight: bold;
	}

	.ye_title_2{
		font-size:32px ;   /*25px*/
		font-weight: bold;
	}

	.ye_text{
		width: 100%;
		text-align: center;
		margin: 0 auto;
		line-height: 1.94;
		font-size: 15px;
	}

	.ye_line{
		width:45px;
		height:5px;
		margin:12px auto;
		background-color: #fff;
	}

	/*배차현황리스트*/
	.m_beacha_wraps{
		padding:50px 0px;
		max-width: 100%;
		height: 100vh;
	/*	height: 850px;*/
		background-image:url("/img/beache_list_img.jpg");
		background-repeat:no-repeat;
		background-position:50% 60%;
		background-size: cover;
	}
	.m_beacha_bgs{
		 width: 44vh;
		 margin: 2% auto;
		 position: relative;
	}

	.m_my_baecha{
		border: 3px solid #000;
		background: transparent;
		padding: 6px;
		position: absolute;
		right: 1px;
		top: 11px;
		border-radius: 24px;
		font-size: 7.5pt;
		color: #000;
		font-weight: bold;
		outline: none;
	}
	.m_beache_text{
		text-align: center;
		margin: 19px auto 10px auto;
		font-size: 21px;
		font-weight: bold;
		font-family: 'nanumsquare';
		color: #000;
	}
	.m_beache_line{
		width: 145px;
		height: 8px;
		background: #000;
		margin: 0 auto 10px auto;
	}

	table.m_beache_list_s thead tr{
		height: 43px;
		background: #343A40;
		color: #fff;
		font-size: 9pt;
	}


	table.m_beache_list_s tbody tr{
		height: 40px;
		background: #fff;
		color: #000;
		font-size:10pt;
		border-bottom:1px solid #ccc;
	}


.fromTopIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	
	transform: translate(0,-10px);
	opacity: 0.0;
}



/*모바일 고객사페이지*/
#m_hd_wrapper_client{
	position: relative;
    z-index: 5;
    background: #414248;
/*	border-bottom:1px solid #cacaca;*/
}

.m_c_contents{
    margin-left: 135px;
    padding: 25px 20px;
    margin-top: 85px;
	border: none !important;
}


#tab-select{
	display:none;
}


@media (min-width:300px) and (max-width:415px){ /*모바일*/
	#logo img {
		width: 100px;
		height: 30px;
	}
	.m_font_title {
		position: absolute;
		top: 0;
		left: 115px;
		height: 50px;
		font-size: 16px;
		line-height: 50px;
		font-family: "NotoSansBk",'serif';
		color: #4a3242;
	}
	.banner-slider_m {
		width: 100%;
		height: 65%;
	}
	.slider_text_m h2.slider_title_m {
		font-size: 7.1vw;/*30px*/
		line-height: 39px;
	}

	ul.slider_text_m_1_1 {
	    margin-top: 3px;
	}
	.slider_text_m ul li {
		font-size: 3.8vw; /*15px*/
		line-height: 25px;
		letter-spacing: -.7px;
	}
	.slider_text_m ul.slider_text_m_1_2 {
	    margin-top: 15px;
	}

	/*글씨 슬라이드 2*/
	.slider_text_m h2.slider_sub_m {
		font-size: 17px;
		margin-bottom: 15px;
	}
	.slider_text_m ul.slider_text_m_1_1, .slider_text_m ul.slider_text_m_2 {
		margin-top: 23px;
	}

	/*글씨 슬라이드 2*/
	.slider_text_m h2.slider_sub_m {
		font-size: 4.6vw;/*17px*/
		margin-bottom: 15px;
	}

	/*퀵메뉴*/
	a.main_tel_m{
		bottom: 145px;
		right: 15px;
		font-size: 18px;
	}
	span.middle_tel_m{
		height: 70px;
	    top: 38px;
	}
	.ch_advice_1_m{
		font-size: 15px;
		bottom: 35px;
		right: 21px;
	}
/*	.ch_advice_1_m img{*/
/*		width: 40px;*/
/*		height: 40px;*/
/*		margin-top: 7px;*/
/*	}*/
	span.ch_text{
		margin-top: 5px;
	}
	a.main_top_m{
		bottom: 15px;
		right: 15px;
		width: 85px;
		height: 85px;
		font-size: 15px;
	}
	span.middle_m{
		margin: 22px 0;
	}
	/*메인 하단*/
	.ye_content_1, .ye_content_2, .ye_content_3, 
	.ye_content_4, .ye_content_5{
		height: 100%;
	}
	.m_beacha_wraps {
		height: auto;
	}
	.ye_texts{
		color:#fff;
		width: 100%;
		text-align: center;
		margin: 25% auto;
		display: inline-block;
	}
	.margin_1 {
		margin: 29% auto !important;
	}
	.margin_2 {
		margin: 22% auto !important;
	}
	.ye_title{
		font-size: 4.1vw;
		font-weight: bold;
		line-height: 110%;
	}

	.ye_title_2{
		font-size:6.4vw ;   /*25px*/
		font-weight: bold;
		margin-top:1%;
	}

	.ye_text{
		width: 100%;
		text-align: center;
		margin: 0 auto;
		line-height: 1.94;
		font-size: 3.6vw;
	}
	/*
	.ye_text{
		width: 89%;
		text-align: center;
		margin: 0 auto;
		line-height: 1.94;
		font-size: 3.2vw;
	}
	*/
	.m_beacha_wraps{
		padding: 55px 0px;
		max-width: 100%;
		height: 90vw;
	}
	.m_beacha_bgs{
		width: auto;
		margin: 15% auto;
		position: relative;
	}

	table.m_beache_list_s thead tr{
		height: 43px;
		background: #343A40;
		color: #fff;
		font-size: 5pt;
	}


	table.m_beache_list_s tbody tr{
		height: 40px;
		background: #fff;
		color: #000;
		font-size:10pt;
		border-bottom:1px solid #ccc;
	}
	.m_c_contents{
		margin-left: 0%;
	}

}
@media (min-height:200px) and (max-height:550px){
	#logo img {
		width: 127px;
		height: 32px;
	}
	.banner-slider_m {
		width: 100%;
		height: 70%;
	}
	.slider_text_m h2.slider_title_m {
		font-size: 30px !important;/*30px*/
		line-height: 34px !important;
	}
	.slider_text_m ul li {
		font-size: 15px !important; /*15px*/
		line-height: 1.5 !important;/*25px*/
		letter-spacing: -.7px;
	}
	.slider_text_m ul.slider_text_m_1_2 {
	    margin-top: 15px;
	}
	.slider_text_m {
		position: absolute;
		top: 25px;
	}

	/*글씨 슬라이드 2*/
	.slider_text_m h2.slider_sub_m {
		font-size: 17px !important;
		margin-bottom: 15px;
	}
	.slider_text_m ul.slider_text_m_1_1, .slider_text_m ul.slider_text_m_2 {
		margin-top: 13px !important;
	}

	/*글씨 슬라이드 2*/
	.slider_text_m h2.slider_sub_m {
		font-size: 17px !important;
		margin-bottom: 9px;
	}

	/*퀵메뉴*/
	a.main_tel_m{
		bottom: 150px;
		right: 15px;
		width: 85px;
		height: 85px;
		font-size: 15px;
	}
	span.middle_tel_m{
		height: 70px;
	}
	.ch_advice_1_m{
		bottom: 50px;
		right: 15px;
		width: 85px;
		height: 85px;
		font-size: 13px;
	}
	.ch_advice_1_m img{
		width:40px;
		height:40px; 
		margin-top: 8px;
	}
	span.ch_text{
		margin-top: 5px;
	}
	a.main_top_m{
		bottom: 15px;
		right: 15px;
		width: 85px;
		height: 85px;
		font-size: 15px;
	}
	span.middle_m{
		margin: 22px 0;
	}
	.middle_tel_m p {
		font-size: 15px;
	}
	.middle_tel_m p:nth-child(2) {
		font-size: 12px;
	}


	/*메인 하단*/
	.ye_content_1, .ye_content_2, .ye_content_3, 
	.ye_content_4, .ye_content_5{
		height: 100%;
	}
	
	.ye_texts{
		color:#fff;
		width: 100%;
		text-align: center;
		margin: 18% auto;
		display: inline-block;
	}
	.margin_1 {
		margin: 21% auto !im
	}
	.margin_2 {
		margin: 16% auto !important;
	}
	.ye_title{
		font-size: 4.1vw;
		font-weight: bold;
		line-height: 110%;
	}

	.ye_title_2{
		font-size:6.4vw ;   /*25px*/
		font-weight: bold;
		margin-top:1%;
	}

	.ye_text{
		width: 100%;
		text-align: center;
		margin: 0 auto;
		line-height: 1.94;
		font-size: 3.6vw;
	}
	/*
	.ye_text{
		width: 89%;
		text-align: center;
		margin: 0 auto;
		line-height: 1.94;
		font-size: 3.2vw;
	}
	*/
	.m_beacha_wraps{
		padding: 10px 0px;
		max-width: 100%;
		height: 90vw;
	}
	.m_beacha_bgs{
		 width: auto;
		 margin: 2%;
		 position: relative;
	}

	table.m_beache_list_s thead tr{
		height: 43px;
		background: #343A40;
		color: #fff;
		font-size: 5pt;
	}


	table.m_beache_list_s tbody tr{
		height: 40px;
		background: #fff;
		color: #000;
		font-size:10pt;
		border-bottom:1px solid #ccc;
	}
	.m_c_contents{
		margin-left: 0%;
	}
}
/*12/24 media 추가*/
@media (min-width:416px) and (max-width:768px){
	/*메인 글씨슬라이드*/
	.banner-slider_m {
		width: 100%;
		height: 65%;
	}
	.slider_text_m h2.slider_title_m {
		font-size: 7.4vw;/*30px*/
		line-height: 68px;
	}

	ul.slider_text_m_1_1 {
	    margin-top: 3px;
	}
	.slider_text_m ul li {
		font-size: 3.8vw; /*15px*/
		line-height: 40px;
		letter-spacing: -.7px;
	}
	.slider_text_m ul.slider_text_m_1_2 {
	    margin-top: 15px;
	}

	/*글씨 슬라이드 2*/
	.slider_text_m h2.slider_sub_m {
		font-size: 17px;
		margin-bottom: 15px;
	}
	.slider_text_m ul.slider_text_m_1_1, .slider_text_m ul.slider_text_m_2 {
		margin-top: 23px;
	}

	/*글씨 슬라이드 2*/
	.slider_text_m h2.slider_sub_m {
		font-size: 4.6vw;/*17px*/
		margin-bottom: 15px;
	}

	/*메인 하단*/
	.m_beacha_wraps {
	    padding: 165px 0px;
		max-width: 100%;
		height: auto;
	}
	.m_beacha_bgs {
	    width: 70%;
		    margin: 0 auto;
	}
	.ye_content_1, .ye_content_2, .ye_content_3, 
	.ye_content_4, .ye_content_5{
		height: 100%;
	}
	.ye_texts {
		margin: 18% auto;
	}
	.margin_1 {
		margin: 21% auto !important;
	}
	.margin_2 {
		margin: 16% auto !important;
	}
}

@media (min-width:769px) and (max-width:1250px){
	.slider_text_m h2.slider_title_m {
		font-size: 5.4vw;
	}
	.slider_text_m ul li {
	    font-size: 2.3vw;
	}
	.slider_text_m h2.slider_sub_m {
		font-size: 2.5vw;
	}
	.m_beacha_wraps {
		padding: 110px 0px;
		max-width: 100%;
		height: auto;
	}
	.m_beacha_bgs {
	    width: 70%;
	}
	.ye_content_1, .ye_content_2, .ye_content_3, 
	.ye_content_4, .ye_content_5{
		height: 100%;
	}
	.ye_texts {
		margin: 11% auto;
	}
	.margin_1 {
		margin: 13% auto !important;
	}
	.margin_2 {
		margin: 10% auto !important;
	}

	/*메인하단*/
	.ye_content_1, .ye_content_2, .ye_content_3, 
	.ye_content_4, .ye_content_5{
		max-width: 100%;
		height: 100%;		
	}
		
	.ye_texts{
		color:#fff;
		width: 100%;
		text-align: center;
		margin: 9% auto;
		display: inline-block;
	}
	.margin_1{
		margin: 9% auto !important
	}
	.margin_2{
		margin: 7% auto !important	
	}

	.ye_title{
		font-size: 3.2vw;
		font-weight: bold;
		line-height: 110%;
	}

	.ye_title_2{
		font-size:5.5vw ;   /*25px*/
		font-weight: bold;
		margin-top:1%;
	}

	.ye_text{
		width: 90%;
		text-align: center;
		margin: 0 auto;
		line-height: 1.94;
		font-size: 2.5vw;
	}
	
	.portrait_only {
		display: none;
	}
	.m_beacha_bgs{
		 width: auto;
		 margin: 12%;
		 position: relative;
	}

	/*고객사*/
	.m_scroll{
		max-height: 650px;
		height: auto;
		overflow: hidden scroll;
	}
	#tab-select{
		display: block;
		width: 170px;
		height: 40px;
		margin-left: 3px;
		position: absolute;
		right: 19px;
		top: -8px;
		background: #fff !important;
		text-indent:3px;
		border-radius:5px;
		border:1px solid #cacaca;
		outline:none;
	}
	.select__arrow{
		position: absolute;
		top: 8px;
		right: 23px;
		width :0;
		height :0;
		pointer-events: none;
		border-style :solid;
		border-width: 8px 5px 0 5px;
		border-color: #999 transparent transparent transparent;
		z-index:1;
	}
	.arrowbg{
		position: absolute;
		top: -7px;
		right: 20px;
		width: 15px;
		height: 38px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		background: #fff;
	}
	.sel_css{
		position: relative;
		top: -47px;
		right: -5px;
	}
	.overlay {
		position: fixed;
		width: 100%;
		height: 100%;
	    background: transparent;
		z-index: 9;
		top: 0;
		display:none;
	}
	.tab_ul{
		display:none;
	}
	#main-nav-check:checked ~ .m_c_contents .close-menu {
		display:block;
	}
	#main-nav-check:checked ~ .m_c_contents .toggle-menus {
		display:none;
	}

	#main-nav-check:checked ~ .m_c_contents {
		margin-left: 0%;
	}
	.m_c_contents {
		margin-left: 0%;
	}
	
}

@media screen and (max-width:600px){
	#tab-select{
		font-size:10.5pt;
	}
	.m_scroll{
		max-height: 650px;
		height: auto;
		overflow: hidden scroll;
	}
	#tab-select{
		display: block;
		width: 170px;
		height: 40px;
		margin-left: 3px;
		position: absolute;
		right: 19px;
		top: -8px;
		background: #fff !important;
		text-indent:3px;
		border-radius:5px;
		border:1px solid #cacaca;
		outline:none;
	}
	.select__arrow{
		position: absolute;
		top: 8px;
		right: 23px;
		width :0;
		height :0;
		pointer-events: none;
		border-style :solid;
		border-width: 8px 5px 0 5px;
		border-color: #999 transparent transparent transparent;
		z-index:1;
	}
	.arrowbg{
		position: absolute;
		top: -7px;
		right: 20px;
		width: 15px;
		height: 38px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		background: #fff;
	}
	.sel_css{
		position: relative;
		top: -47px;
		right: -5px;
	}
	.overlay {
		position: fixed;
		width: 100%;
		height: 100%;
	    background: transparent;
		z-index: 9;
		top: 0;
		display:none;
	}
	.tab_ul{
		display:none;
	}
	#main-nav-check:checked ~ .m_c_contents .close-menu {
		display:block;
	}
	#main-nav-check:checked ~ .m_c_contents .toggle-menus {
		display:none;
	}

	#main-nav-check:checked ~ .m_c_contents {
		margin-left: 0%;
	}
	.m_c_contents {
		margin-left: 0%;
	}
	.c_quick ul {
		padding: 0px 15px;
	}
}