/*IN edit from 2023-09-01*/
/*btn*/
.point1{color:#3182f6 !important;}

/*main*/
.main_temp{width:100%; height:80%; display: block; background:url('/assets/img/main_bg.png') top center no-repeat; background-size:cover;}
.main_temp .main_textbox{text-align:right; max-width:1140px; margin:0 auto; padding-top:217px;}
.main_temp .main_textbox h1{font-size:48px; color:#fff; padding-bottom: 20px;}
.main_temp .main_textbox p{font-size:24px; color:#fff; line-height: 1em;}
.main_temp .main_textbox .main_btn{padding-top:6px;}
.main_temp .main_textbox .main_btn button{border:none; background-color:#3182f6; padding: 8px 48px; color: #fff; border-radius: 3px; margin-left: 6px;}

@media only screen and (max-width: 1600px) {
	.main_temp{width:100%; background-size:cover; background-position:center center;  display: block;}
	.content_wrap .join_wrap {min-width:400px;} /* by.Ahn 2023.10.27 */
}

@media only screen and (max-width: 1200px) {
	.main_temp{width:100%;height:70%; background-size:cover; background-position:center center;  display: block;}
	.main_temp .main_textbox{width:90%;}
	.main_temp .main_textbox h1{font-size:38px;}
	.main_temp .main_textbox p{font-size:18px;}
	.main_temp .main_textbox .main_btn button{padding: 6px 37px;}
}
@media only screen and (max-width: 767px){
	.main_temp{position:relative; width:100%;height:57%; background-size:cover; background-position:center center;  display: block;}
	.main_temp .main_textbox{width:100%;text-align:center; position: absolute; top: 50%; transform: translateY(-50%); padding:0;}
	.main_temp .main_textbox h1{font-size:30px; padding-bottom: 0px;}
	.main_temp .main_textbox p{font-size:13px;}
	.main_temp .main_textbox .main_btn button{padding: 4px 43px;font-size: 13px;}
}


.btn-head{font-size:15px; color:#3182f6; border:0; background: #fff; padding:6px 15px; border-radius: 3px;}
.btn-head:hover{font-size:15px; color:#3182f6; background-color: rgba(2,32,71,0.05) !important; border:0; background: #fff;}
.btn-success{background:#2090ff !important; padding:10px 0; font-size: 16px;}
.btn-success:hover{background: #1779db !important; }
.btn-cancel{background: #ececec !important; color:#555; padding:10px 0; font-size: 16px; margin:10px 0 0 0;}
.btn_list{font-size:15px !important; background: #ececec !important; border:1px #dbdde2 solid; color:#555; padding:10px 30px; font-size: 16px; margin:10px 0 0 0; border-radius: 3px; text-decoration: none;}
.btn_list:hover{color:#121212; background-color:#f2f2f2 !important; text-decoration: none;}

.btn_submit_type1{color:#fff; background:#2090ff !important; padding:10px 0; font-size: 16px; display: block;}
.btn_submit_type1:hover{background: #1779db !important;}

.login_name{font-weight: bold;}
.nav-link{font-size:16px;}
.nav-link.main:hover{color:#3182f6 !important;}
/*input*/
.form-control{border:1px #dbdde2 solid !important;}
/*title*/
.title_wrap{width:100%; border-bottom:1px #dbdde2 solid; padding:16px 0;}
.title_wrap .container{padding-left:0;}
.title_sub1{font-size:18px; font-weight: 700; padding-left:5px;}
@media only screen and (max-width: 767px) {
	.title_wrap .container{width:92%; margin:0 auto;}
}
.page_title{font-size: 18px; font-weight: 500; letter-spacing: -0.03em; color: #121212;}
/*form*/
.request_car .form-group .col-form-label{color:#121212;}
/*layout*/
.body_contents{margin:40px auto 0 auto; padding-left:0; padding-right:0;}
.info_area .contents_sub1{padding-left:0; padding-right:0; margin:0 0 30px 0;}
#comment_list .text-primary{font-size: 13px; color:#999 !important;}
.form_wrap{width:95%; margin:0 auto;}
.btn_middle_wrap{width:100%; text-align: center; display: block;}

/*mypage*/
.container_wrap.mypage .row.mypage{width:60%; margin:0 auto;}
.container_wrap.mypage .wrap{width:50%; padding:0 15px; margin:0 auto; display: inline-block;}
.container_wrap.mypage .wrap a{text-decoration: none !important; display: block; width:100%; height:auto; padding:50px 0 40px; }
.container_wrap.mypage .wrap .box_type1{border:3px #3182f6 solid; border-radius: 3px;}
.container_wrap.mypage .wrap .box_type1 .title_point1{text-align: center; color:#3182f6; font-size:22px; font-weight: 600; padding:10px 0 0 0;}
.container_wrap.mypage .wrap .box_type1 .title_desc{text-align: center; font-size:14px;}
.container_wrap.mypage .wrap .box_type2{border:3px #3182f6 solid; background: #3182f6; border-radius: 3px;}
.container_wrap.mypage .wrap .box_type2 .title_point1{text-align: center; color:#fff; font-size:22px; font-weight: 600; padding:10px 0 0 0;}
.container_wrap.mypage .wrap .box_type2 .title_desc{text-align: center; font-size:14px; color:#fff;}

@media only screen and (max-width: 1000px) {
	.container_wrap.mypage .row.mypage{width:100%;}
	.container_wrap.mypage .wrap{width:90%; padding:0; margin:0 auto 15px; display:block;}
}

/*footer*/
.footer_wrap{border-top:1px #dbdde2 solid; padding-top:20px; padding-left:0 !important; padding-right:0 !important; margin:0;}
.footer_container{display: block; max-width:1140px; width: 100%; min-height: 70px; margin: 0 auto; padding:0 5%;}
.com_info{font-size:14px; display: inline-block}
.btn_footer{font-size:14px;}
.btn_footer button{font-size:13px !important;}
.info_area{padding:10px 0 0 0;}
.info_txt{font-size:13px;}
.terms{padding-left:0;}
.txt_footer_cs{font-size:12px;}
.com_tel{display: inline-block; float: right; padding:13px 20px; border-radius: 0 !important;}

/*================================================================*/
/* SPINNER ANIMATION */
.page-loader{
	width: 100%;
	height: 100vh;
	position: fixed;
	background: rgba(255,255,255,0.6);
	z-index: 2000;
	top:0;
	left:0;
}
svg path,
svg rect{
	fill: #60c0f0d1;
}

.loader{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
img{max-width:100%;}

.view_mobile{display:none !important;}
.view_pc{display:block !important;}
@media (max-width: 1200px){
	.view_mobile{display:block !important;}
	.view_pc{display:none !important;}
}


/* paging_area css */
.footer_wrap{width:100%; margin-top: 60px;    align-items: center;}
.footer_wrap .paging_wrap{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; padding:0}
.footer_wrap .paging_wrap>li{text-align: center; border: 1px solid #ccc; margin-right: 10px;}
.footer_wrap .paging_wrap>li>a{width:40px; height:40px; line-height: 40px; display:block; font-size: 20px; color:#888;}
.footer_wrap .paging_wrap>li.paging_on{border: 2px solid #41c9ff;}
.footer_wrap .paging_wrap>li.paging_on>a{ background:#41c9ff; color:#fff; font-weight: 600;}

ul, li {
	list-style: none;
}

#header{width: 100%; border-bottom:1px #dbdde2 solid;}
#header .header_row{display:flex; max-width:1140px; min-height: 70px; margin:0 auto;}
#header .header_row .logo{width:55px;}
#header .header_row .menu{display:flex;     align-items: center;}
#header .header_row .login{margin: 0 0 0 auto;}

.container .container_wrap{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin:40px 0;}

.content_wrap .join_wrap{max-width:500px; width:100%; border:1px #dbdde2 solid; border-radius:10px; margin-top:40px; padding:50px 30px;}
.content_wrap .join_wrap .login_logo{max-width:200px; margin:0 auto;}
.content_wrap .join_wrap .form-group input[type='text'],.content_wrap .join_wrap .form-group input[type='password']{border-radius:5px;}

.join_member{max-width:1000px; margin:0 auto; margin-top:40px; }
.join_member .join_title{font-size:20px; padding-bottom:20px;}
.join_member .member_sel_box{border:1px #dbdde2 solid; border-radius:10px; padding:50px 30px 42px 30px; display:flex;flex-direction: row; flex-wrap:wrap;}
.join_member .join_item{border: 1px #dbdde2 solid;padding: 20px;border-radius: 10px; width:calc(25% - 6px); margin-right:8px; margin-bottom:8px;}
.join_member .join_item:nth-child(4n+4){margin-right:0;}
.join_member .join_item .join_item_text{min-height:120px;text-align:center;}
.join_member .join_item .btn{width:100%;}

@media only screen and (max-width: 1024px) {
	.join_member .join_item{width:calc(50% - 4px);}
	.join_member .join_item:nth-child(4n+4){margin-right:8px;}
	.join_member .join_item:nth-child(2n+2){margin-right:0px;}
}

.list_table{width:100%;}

/* 테이블 TH 폰트사이즈 15->13으로 변경 23.11.16 By.Ahn */
.list_table th{   padding: 0.75rem;background-color: #f7f7f7; border-top: 1px solid #dee2e6; font-size:13px;}
.list_table td{padding: 0.75rem;vertical-align: top;border-top: 1px solid #dee2e6; font-size:13px;}

.content_wrap .request_detail_wrap{width:100%;}
.content_wrap .request_detail{border:1px #dbdde2 solid; padding:20px;}
.content_wrap .request_detail .status_row{width:100%; padding:2px 0;}
.content_wrap .request_detail .status_row .status_title{margin-left:20px; width:40%; color:#888;}
.content_wrap .request_detail .status_row .status_value{margin-left:20px; width:50%; color:#121212;}


.content_wrap .request_detail .info_area{margin-top:30px;}
.content_wrap .request_detail .info_row:nth-child(0){margin-top:40px;}
.content_wrap .request_detail .info_row{width:100%; padding:2px 0;}
.content_wrap .request_detail .info_row .info_title{margin-left:20px; width:40%; color:#888;}
.content_wrap .request_detail .info_row .info_value{margin-left:20px; width:50%; color:#121212;}

#comment_list .comment_part{}

.content_wrap .mypage .left_bar{border-right:1px #dbdde2 solid;}
.content_wrap .mypage .mypage_btn{width:200px; height:200px; border:1px #dbdde2 solid; margin:0 auto;}


.request_car .form-group .col-form-label{padding-left:5px; padding-right:0px;}
.form-group i.require{font-size:10px; color:red;}


@media only screen and (max-width: 767px) {
	.hidden-xs{
		display: none;
	}
}


.navbar{max-width:1140px;margin:0 auto;}
.navbar .navbar-brand{width:50px;}

.navbar-nav .nav-item{text-align:right; padding-right:30px;}

/* sweet alert 2 background blur By.Ahn 23-09-18 */
/* swal 뒷 배경 스타일 */
.swal2-container {
  z-index: 5000 !important; /* 팝업의 z-index 값을 높여 겹치는 다른 요소보다 위에 나타나도록 설정 */
}

/* bootstrap P margin-bottom:1rem 값 덮어쓰기 By.Ahn 23-10-04 */
p {
	margin-bottom:0 !important;
}