/* 전체 레이아웃 */
.content_layout {
  border: 0px solid red;
  max-width: 600px;
  min-width: 250px;
  /* margin: 0 auto; */
}

/* 타이틀 */
.navbar-brand {
  font-size: 16px;
}

/* 텍스트 마진 */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding-right: 10px;
  padding-left: 10px;
}

/* 우측여백 없애기 */
.navbar-header {
  margin-right: 0px;
  margin-left: 0px;
}

/* 컨텐츠 박스 */
.jumbotron {
  padding: 0px;
}

/* 타이틀 */
.navbar-brand {
  color: white !important;
}

/* 햄버거 */
.icon-bar {
  background-color: white !important;
}

/* 네비게이션 */
.navbar-default {
  background-color: #2c3e50;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: white !important;
}
.navbar-default .navbar-nav > li > a {
  color: white !important;
}
.dropdown-menu {
  background-color: #333;
}
.dropdown-menu > li > a:hover {
  background-color: #2c3e50;
}

/* 선택한 메뉴 바 */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: gray !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background-color: gray !important;
}

/* 하단 서버메뉴 */
.sub_menu {
  width: 100%;
  margin-top: 0px;
}
.sub_menu img {
  margin-left: 15px;
  margin-top: 15px;
  width: 150px;
  height: 150px;
}

.sub_menu .text {
  display: inline-block;
  margin-left: 15px;
  margin-top: 15px;
  width: 150px;
  height: 150px;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-image: url("../text/text_back.png");
  font-size: 16px;
}

/* 하단 푸터 */
.div_footer {
  margin: 20px;
  overflow: auto;
  height: 250px;
  border-radius: 5px;
}

.color_blue {
  color: #0070c0;
}

/* 타이틀바 */
.title_bar {
  width: 95%;
  margin-left: 10px;
  margin-right: 10px;
  text-align: left !important;
}

/* 스토리 박스 */
.story_box {
  display: inline-block;
  border: 0px solid red;
  width: 95%;
  margin-left: 10px;
  margin-top: 10px;
  background-color: #efefef;
}

/* 스토리 이미지 */
.story_img {
  width: 100px;
  height: 100px;
  margin-right: 5px;
}

/* 팝업 */
.div_popup {
  display: none;
  width: 100%;
  height: 100%;
  border: 4px solid #2b4375;
  background-color: white;
  z-index: 10000;
  border-radius: 10px;
  max-width: 600px;
  min-width: 250px;
  /* margin: 0 auto; */
  position: fixed;
  background-color: #cce1e8;
}

/* 텍스트 	overflow: auto; */
.div_text {
  margin: 10px;
  margin-bottom: 50px;
}

/* 로그인 버튼 */
.btn_login {
  padding: 6px;
  float: right;
  margin-top: 8px;
  margin-right: 10px;
}