/****************************************
	max-width (가로사이즈 수치 이하인 경우)
*****************************************/
@media (max-width: 1560px) {
ul.navbar-nav > li > a {padding: 25px 15px !important;}
}

@media (max-width: 1440px) {
	.userbar {flex-direction: column;}
	.top-info {padding: 5px;}
	.list-unstyled {margin-top: 10px;}
	.banner-area {padding-left: 10%; background-position-x: 60%;}
}
/***** 1220px 이하 ****/

@media (max-width: 1200px) {
  ul.navbar-nav > li { padding: 5px 9px;}
  ul.navbar-nav > li .nav-link { font-size: 12px; }
  .banner-area { background-position-x: 80%;}	
  .user-toggle {display: none;}
  .logout .user-toggle-btn {width: 100%;}/*231015 추가*/
  .user-toggle-btn {display: block; width: calc(100% - 180px); height: 32px; border: 1px solid #ddd; background: #fff; color: #888;}/*231015 수정*/
  .user-navigation {display: flex; align-items: center;}
  .user-navigation .btn {display: block; height: 32px; min-width: 85px; }
}	
	
/***** 991px 이하 ****/

@media (max-width: 991px) {
  .main-header {padding-top: 0; height: 50px;} /*231015 수정*/
  .header-one ul.navbar-nav > li {padding-right: 0; width:100%;}
  .navbar-collapse.collapse {overflow-y: auto;}
  ul.navbar-nav > li > a {padding: 1px 0 !important;}
  ul.navbar-nav > li > a i { float: right; background: #fff; padding: 6px 10px; margin-top: 7px;}
  ul.navbar-nav > li:hover > a, ul.navbar-nav > li > a {padding: 0px !important;}

  .navbar-nav {margin-bottom: 15px;}
  .header-two ul.navbar-nav > li {padding: 0; width: 100%; }
  
  .header-two ul.navbar-nav > li > a i {color: #fff; }
  .header-two ul.navbar-nav > li.active > a i,
  .header-two ul.navbar-nav > li > a.active i {color: #ffb600;}	
	
  .table3 {width: 95%; margin: auto;}
	
  .dropdown-menu {box-shadow: 0 6px 12px rgba(0, 0, 0, 0.0); width: 100%; padding: 0;}
  .dropdown-menu li a {border: none;  padding: 12px 0;}
  .align-grid{margin-top: 30px;}
  
  .input-item {flex-wrap: wrap; margin-bottom: 5px; justify-content: flex-end}
  .input-item div{margin-top: 5px;}
	
  .form-control {width: 150px}
  .input-item input::placeholder{opacity: 0}
  .btn {margin: 3px;}
  .btn.mgl20 {margin: 3px; margin-left: 20px; } /*231015 추가*/
	
  .main-page .logo {display: block; margin-left: 10px;}
	p.slider-description {font-size: 16px;}
  .board-list-tab li {width: auto; font-size: 14px;}  /*231015 수정*/
  .datepicker-dropdown.dropdown-menu {width: auto;}		

	
  .good-point ul li {width :50%;} 	
  .serv-body {overflow-y:  scroll}	
  /*팝업*/
  .answer-modal {width: 100%}
	
  /*바로회계 소개페이지*/
  .point-section {margin-top: 0; margin-bottom: 20px;}
  .section-title {margin: 20px 0 40px; }  /*231015 수정*/
  .service-borad-content {flex-direction: column; align-items: flex-start;}
  .service-borad-item2 {padding: 10px; text-align: left;}	
  .system-view-item img {width: 100%;}
	.system-view-title {text-align: center;}
	.system-view-item p {width: 100%;}
  /*푸터*/
  footer .copyright-info {text-align: left;}	
}


/***** 767px 이하 ****/

@media (max-width: 767px) {
	br.br-mo {display: block;}
	br.br-pc {display: none;}
  .top-social ul {margin-right: 0;}/*사용자정보*/
  .service-borad-item {width:  50%}
  .btn-primary {font-size: 13px; }
  .banner-area {padding-left: 2%; background-position-x: 80%;}
	.table2 .form-control {width: 160px;}
    .point-section .section-title {margin-bottom: 30px;  text-align: center;}
	.point-title {text-align: center; justify-content: center; line-height: 1.5;}
	/*소개 페이지 */
	.banner-heading {text-align: center;}
	.banner-text {margin : 15% auto auto;}
	.banner-text.text02 {margin: auto;}
	.banner-area .banner-details li, .banner-title-text {font-size: 18px; line-height: 1.5;}
	.banner-area {background-size: cover; background-repeat: no-repeat;}
	.point-section {text-align: center;}
	.good-point ul li {width :100%;}
	.point-title img, .work-title img {display: none;}
    .banner-area.page01 {background-image: url(../images/banner/banner_m1.jpg); } 
    .banner-area.page02 {background-image: url(../images/banner/banner_m2.jpg); }	
	.introduce-text p {font-size: 18px; line-height: 2;}
	.good-point ul li p {line-height: 2; font-size: 16px; width: 95%}
	/*팝업*/
	.popText-area {min-width: auto; padding: 10px;}
	.modal-body .card-body {width: auto;}
	.owner-profile {width: 100%; padding: 10px 30px 10px 10px;}
}

/***** 425px 이하 ****/
@media (max-width: 425px) {
	.input-item {flex-direction: column; width: 100%;}
	.input-item {width: 100%; margin-left: 0px; align-items: flex-start;}	
	.input-item * {margin-left: 0;}
	.table4 th {font-size: 12px;}
	.service-borad-item {width:  100%}
	.point-section h3, .point-section h3 span {font-size:24px;}
	.point-list { margin-left: 0px;}
	.point-list li {font-size: 18px; letter-spacing: -0.5px; position: relative; left: 20px; width: 90%;}
	.point-list li:before {margin-left: -20px; margin-right: 6px;}
	.service-borad-item .form-control {width: 100%}
	.banner-area .banner-title {font-size: 30px;}
	h4.introduce-text {font-size: 18px;}
	.search-address {font-size: 16px;}

}

/****************************************
	min-width (가로사이즈 수치 이상인 경우)
*****************************************/
@media (min-width: 991px) {
  ul.nav li.dropdown:hover ul.dropdown-menu {  display: block; }
  ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu .dropdown-menu { left: 100%; top: 0;  display: none; }
  ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover .dropdown-menu { display: block; }

}