body {
  font-family: "Nanum Gothic", Arial, sans-serif;
  /* background-color: #f2f2f2; */
  color: #333333;
}

.modal-backdrop {background: none;} /* bootstrap 기본 modal 폼의 백그라운드 색상을 제거함 모달을 두개 겹칠때 색상 문제 해결 - cjh */

.login-form {
  padding: 15px 15px 0 15px;
}

#remember-me {
  float: left;
  margin-right: 10px;
}

.sc-subboxpage {
  min-height: 20px;
  padding: 29px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.05);
}
.sc-subboxpage {
  box-sizing: border-box;
}

.right-margin20px span {
  margin-right: 20px;
}

.alert-parent {
	position: relative;
}	

.sc-subboxpage .alert-error {
	width:40%;
	position: absolute;
	top: -20px;
	left: 45%;
}

.sc-subboxpage  .alert.alert-error:before {
  content: '';
  display: inline-block;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #EED3D7;
  border-right-color: #EED3D7;
  position: absolute;
  top: 11px;
  left: -8px;
}
.sc-subboxpage  .alert.alert-error:after {
  content: '';
  display: inline-block;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #F2DEDE;
  position: absolute;
  top: 12px;
  left: -7px;
}

.sc-jeapumlogo-img { /* 제품의 로고 이미지 크기 설정 */
  width:100px;
  height:100px;
}


/* SideNav setup
------------------------- */

.sidebar-nav {
  width: 228px;
  padding: 0;
  
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
          
}

.sidebar-nav.affix {
  margin: 30px 0 0;
  top: 40px;
}

.sidebar-nav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}


/* scrollspy 맨끝 엘리맨트 이동시 오류 해결 */
.sc-empty-bottom {
  position:relative;
  display:block;
  height:200px;
}

/* hr 수평선의 색상이 너무 희미해 좀 진한색으로 재 설정함 */
hr {
  border-top: 1px solid #ddd;
}

/* 입력폼 validate 플러그인 오류시 색상 */
.validate_error {
  color: #00f;
}

/* Responsive
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {
  
  .sidebar-nav {
    width: 258px;
  }

  .sidebar-nav > li > a {
    width: 230px \9; /* Override the previous IE8-9 hack */
  }

  
  .modal.mycart {
    width: 960px;
    margin-left: -480px;
  }

  #cuuserpostno_modal {
    width: 960px;
    margin-left: -480px;
  }

  #modal_jeapum_select,#sc_modal_board_input {
    width: 960px;
    margin-left: -480px;
  }

  #modal_customer_select,#modal_idlist_select,#modal_jpno_select,#modal_service_expiry_select,#sc_modal_idlist_auth {
    width: 1100px;
    margin-left: -550px;
  }

  #sc_modal_member,#sc_modal_customizing_reply {
    width: 1000px;
    margin-left: -500px;
  }

  #sc_modal_service_complete,#sc_modal_balsong_complete,#sc_modal_schelpview,#sc_modal_scimageview {
    width: 960px;
    margin-left: -480px;
  }
 
}

/* modal mycart에 필요함 */
@media (min-width: 990px) {

  .modal.mycart {
    width: 760px;
    margin-left: -380px;
  }

  #cuuserpostno_modal {
    width: 760px;
    margin-left: -380px;
  }

  #modal_jeapum_select,#sc_modal_board_input {
    width: 760px;
    margin-left: -380px;
  }

  #modal_customer_select,#modal_idlist_select,#modal_jpno_select,#modal_service_expiry_select,#sc_modal_idlist_auth {
    width: 1100px;
    margin-left: -550px;
  }

  #sc_modal_member,#sc_modal_customizing_reply {
    width: 1000px;
    margin-left: -500px;
  }

  #sc_modal_service_complete,#sc_modal_balsong_complete,#sc_modal_schelpview,#sc_modal_scimageview {
    width: 960px;
    margin-left: -480px;
  }

}


/* Desktop
----------------------- */

@media (max-width: 980px) {

  /* When affixed, space properly */
  .sidebar-nav {
    width: 218px;
    margin-right: 0;
  }

}


/* Tablet to desktop
------------------------- */

@media (min-width: 768px) and (max-width: 979px) {

  /* Adjust sidenav width */
  .sidebar-nav {
    width: 166px;
  }
  .sidebar-nav.affix {
  }

}


/* Tablet
------------------------- */
@media (max-width: 767px) {

  /* Sidenav */
  .sidebar-nav {
    width: auto;
    margin-bottom: 20px;
  }
  .sidebar-nav.affix {
    position: static;
    width: auto;
  }

}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {

  /* scrollspy 맨끝 엘리맨트 이동시 오류 해결 */
  .sc-empty-bottom {
    position:relative;
    display:block;
    height:0px;
  }
  
}