/*
 추후 예약 페이지, 게시판 페이지 등의 페이지들을 리뉴얼 시 새로 작성하게 될 css
 (리뉴얼 완료 시 기존 css 파일들 제거)
*/

@media only screen and (min-width: 992px) {
	/*메인*/
	.header-icon-wrap{
		position: absolute;
		width: 950px;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.searchBox-flex {
		display: flex;
	}

	.searchBox-flex .input-group {
		margin-right: 10px;
	}

	.input-group .input-txt-style span{
		padding-left: 10px;
	}

	/*메인 하단 서브 배너 4개*/
	.sub-banner-wrapper img{
		height: 290px;
	}

	/*web version fixed css*/
	#ban_top, .top_guide {
		width: 100%;
	}

	.container-w950,/*팝업 아이디 컨테이너 중복 방지*/
	#footer_mw/*푸터 넓이 컨텐츠와 맞춤, 가운데 정렬*/{
		width: 950px;
		margin: 0 auto;

	}

	.pickModal .pickModalCont,
	.boardModal .boardModalCont,
	.ly_confirm{
		width:600px;
	}

	.popGuide .popGuideCont{
		width: 500px;
	}



	/*푸터*/

	#footer{
		display: none;
	}



	/*pickCar css 차량 및 요금제 - 2column*/
	.box_filter{
		display: flex;
		justify-content: space-between;
	}

	.box_filter dd div:nth-of-type(1) i {
		font-size: 25px;
	}

	.lst_car,
	.lst_select/*searchBranchStep css*/
		/*.sec_done예약취소*/{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.lst_car .item_car{
		width: 47%;
		margin: 1% 1%;
	}

	.lst_select select{
		width: 49%;
	}

	.lst_car .lst_price li .type {
		font-size: 16px;
	}

	/*location css 지점정보 */

	.tbl_st3 thead th {
		height: 40px;
	}

	.tbl_st3 tbody th {
		font-size: 13px;
		line-height: 30px;
		height: 30px;
	}


}

@media only screen and (max-width: 991px){
	/*메인*/
	#header .btn_menu{
		top: 27px;
	}
	#header .btn_mypage{
		top: 23px;
	}
	.home-bg-line-wrap{
		display: none;
	}

	.mainImg-bannerBox {
		height: 700px;
		padding: 30px 26px 60px;
	}

	.mainImg-text{
		display: none;
	}

	.searchBox-wrap {
		padding: 0;
	}

	.input-group {
		padding: 6px 20px 12px;
	}

	.input-large, .input-medium {
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 10px;
		height: 84px;
	}

	.searchBox-btn {
		width: 100%;
		height: 83px;
	}

	.input-label {
		font-size: 14px;
	}

	.input-txt-style {
		font-size: 16px !important;
	}

	.input-txt-style span{
		display: block;
		padding-top: 3px;
	}


	#footer_mw{
		margin-bottom: 59px;
		clear: both;
	}

	/*코드입력 tooltip css*/
	.tooltip .tooltip-content {
		top: 180%;
		width: 120px;
		left:0;
	}

	.tooltip .tooltip-content::after {
		left:85%;
	}

	/*메인 하단 서브 배너 4개*/
	.sub-banner-wrapper{
		margin: 0 auto;
		width: 100%;
	}
	.sub-banner img{
		width: 100%;
		height: auto;
	}


	/*pickCar css 차량 및 요금제 - web (상단 픽업 양방향 화살표) */
	.right-arrow{display: none; flex:none;}

	.lst_select select:first-child {
		margin-top: 0;
	}


	/*pickCar css 차량 및 요금제 - 2row*/
	.box_filter{
		margin: 0;
	}

	.box_filter div:nth-of-type(1) i {
		font-size: 22px;
	}
	

	.sec_book .box_filter dd strong{
		font-size: 13px;
	}


	.sec_book .box_filter dd:nth-of-type(1),
	.sec_book .box_filter dd:nth-of-type(3){
		flex-grow: 2;
	}

	.sec_book .box_filter dd:nth-of-type(1){
		border-bottom: 1px dotted #0481E1;
	}

	.sec_book .box_filter dd:nth-of-type(2){
		flex-grow: 0;
	}

	.lst_car {
		margin: 10px 0px;
	}


	/*시스템 공지*/
	.ly_maintenance .box dt h3 {
		font-size: 3rem;
	}
	.ly_maintenance .box dd p {
		font-size: 1.2rem;
	}
}


@media only screen and (min-width: 576px) and (max-width: 991px){

	.pickModal .pickModalCont,
	.boardModal .boardModalCont,
	.popGuide .popGuideCont,
	.ly_confirm{
		width: 500px;
	}



}

@media only screen and (max-width: 575px){

	.pickModal,
	.pickModal .pickModalCont,
	.boardModal,
	.boardModal .boardModalCont,
	.ly_confirm{
		width:100%;
	}

	.popGuide{
		width:90%;
	}

	/*left css*/
	.gnb .cscenter ul li a,
	.reserv-btn ul li a{
		font-size: 1.1rem;
	}


	/*뉴스레터 구독신청 css*/
	.newsletter-popup-bg .user_name:nth-child(1) dd input{
		width: 100%;
		margin-top: 2%;
	}
	.newsletter-popup-bg .user_name:nth-child(2) dd input{
		width: 46%;
		margin-bottom: 5px;
	}

	.newsletter-popup-bg .user_name:nth-child(2) dd .jSelectEmail{
		width: 100%;
	}

	/*푸터 css*/
	#footer_mw p,
	#footer_mw strong{
		font-size: 11px;
	}

	/*공유하기 팝업 css*/
	.ly_share .box {
		width: 60%;
	}

	.ly_share .box dt {
		padding: 15px 0 20px;
	}


}




@media screen and (max-width: 360px) , screen and (max-height: 898px){
	/*left menu css*/
	.reserv-btn {
		padding: 0px 20px;
	}

	.reserv-btn ul li {
		margin-top: 11px;
	}

	.gnb .lst_menu {
		padding: 20px 16px 0;
	}

	.gnb .lst_menu li {
		 margin-bottom: 1px;
	}

	.gnb .cscenter .main-category {
		padding: 12px 0px;
	}



	/*알라모 소개 css*/
	.boardModal #content.about h2 {
		margin: 0 auto 12px;
		text-align: center;
	}

	.boardModal #content.about p {
		font-size: 1.1rem;
	}

}

/*left menu css*/
@media screen and (max-height: 686px){
	#aside .gnb{
		width: 320px;
	}

	.gnb .cscenter .main-category {
		padding: 10px 0px;
	}

	.gnb .cscenter ul li p {
		display: block;
		padding: 0 9px;
		font-size: 11px;
	}

	.gnb .cscenter ul li a {
		padding: 9px 0px;
	}

	.gnb .cscenter ul li a, .reserv-btn ul li a {
		font-size: 12px;
	}


}