/* 내용 간격 초기화 */

.box_g3 .box_g {
  float: left;

  padding-right: 0.5%;

  width: 33.33%;
}

.t_box span {
  font-size: 17px;

  font-weight: bolder;

  float: left;

  width: 100%;
}

.t_box {
  float: left;

  width: 100%;
}

.box_1_title {
  border-bottom: 1px solid #aaa;

  float: left;

  width: 100%;

  padding-bottom: 0.7%;

  padding-top: 0.7%;
}

.box_bt_title {
  float: left;

  width: 100%;

  padding-top: 0.7%;
}

th.par_pad table {
  margin-bottom: 2%;
}

th {
  padding: 9px;
}

.box_g2 .box_g {
  float: left;

  padding-right: 0.5%;

  width: 48%;
}

.check_title {
  float: left;

  width: 100%;

  text-align: center;

  padding: 2%;

  font-size: 16px;
}

.agn_rig {
  width: 50%;

  margin: 0 auto;
}

.frmp_hd {
  font-size: 20px;

  margin-bottom: 1%;
}

.bg_hd {
  background-color: #efefef;

  font-weight: 600;

  font-size: 17px;
}

.bx_tx {
  padding: 5px;
}

.frm_prvt {
  float: left;

  width: 100%;

  border: 8px solid #ddd;

  padding: 20px;

  margin-top: 4%;
}

.par_pad {
  padding: 15px;

  float: left;

  width: 100%;
}

.container {
  font-size: 16px;
}

.day {
  float: left;

  width: 100%;

  text-align: center;

  font-size: 18px;

  font-weight: 800;
}

.agn_rig .paragraph {
  text-align: center;

  font-size: 16px;
}

.agreement .point_box {
  float: left;

  width: 50%;

  text-align: right; /* font-weight: 600; */
}

.agreement .text {
  float: left;

  width: 50%;
}

.agreement {
  float: left;

  width: 100%;

  padding: 10px;

  border: 1px solid #ddd;

  border-radius: 10px;

  background-color: #efefef;

  margin-top: 2%;
}

#bo_v_con p {
  margin: 0;
}

section #bo_v_atc p {
  margin: 0;
}

.col-md-12 {
  padding: 0 !important;

  margin: 0 !important;
}

.panel-body {
  padding: 0 !important;
}

/* 카테고리 */

#bo_cate_ul li {
  padding: 10px 0;
}

#bo_cate_ul li a {
  border-radius: 5px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  background: #fff;
  text-decoration: none;
}

#bo_cate_ul li a:hover {
  background: #efefef;
  color: #000;
}

#bo_cate_on {
  font-family: "NanumBarunGothicOTF", sans-serif;
}

.panel-body .media-table {
  border-top: 3px solid rgba(144, 200, 59, 1);
}

.table > thead > tr > th {
  border-top: 3px solid rgba(61, 103, 175, 1);
}

.fdtxt:link,
.fdtxt:visited {
  background-color: #fbf07c;
}

.dayTitle a {
  padding: 0 10px;
  font-size: 22px;
  font-weight: bold;
  color: #00abcc;
}

.dayTitle span {
  font-size: 30px;
}

.fg_pre {
  padding: 3px 11px;
  background: url(img/pre.png) no-repeat;
  margin: 0 5px;
}

.fg_nxt {
  background-position-x: right;
}

.fdtxt:link,
.fdtxt:visited {
  color: #666;
}

.fdtxt:hover,
.fdtxt:focus,
.fdtxt:active {
  text-decoration: none;
}

/*카테고리 라벨*/

.cate_label {
  border: 1px solid #ddd;

  padding: 3px 5px;

  background: #fff;

  font-size: 11px;
}

.cate_label a:hover {
  color: #999;
  text-decoration: none;
}

/* 게시판 목록 */

#bo_list .td_board {
  vertical-align: middle;
  width: 120px;
  text-align: center;
}

#bo_list .td_chk {
  vertical-align: middle;
  width: 30px;
  text-align: center;
}

#bo_list .td_date {
  vertical-align: middle;
  width: 70px;
  text-align: center;
}

#bo_list .td_datetime {
  vertical-align: middle;
  width: 110px;
  text-align: center;
}

#bo_list .td_group {
  vertical-align: middle;
  width: 100px;
  text-align: center;
}

#bo_list .td_mb_id {
  vertical-align: middle;
  width: 100px;
  text-align: center;
}

#bo_list .td_mng {
  vertical-align: middle;
  width: 80px;
  text-align: center;
}

#bo_list .td_name {
  vertical-align: middle;
  width: 115px;
  text-align: center;
}

#bo_list .td_nick {
  vertical-align: middle;
  width: 100px;
  text-align: center;
}

#bo_list .td_num {
  vertical-align: middle;
  width: 50px;
  text-align: center;
}

#bo_list .td_numbig {
  vertical-align: middle;
  width: 60px;
  text-align: center;
}

#bo_list .td_subject {
  vertical-align: middle;
}

#bo_list .td_subject a {
  line-height: 200%;
}

#bo_v_top {
  margin-top: 20px;
}

/* 뷰페이지 라벨크기 */

#bo_v .panel-heading h6 {
  line-height: 180%;

  font-family: "NanumBarunGothicOTF", sans-serif;

  font-size: 14px;

  color: #000;
}

/*추천수 숫자 크기 */

#bo_v_act .badge {
  font-size: 10px;
}

/* 공지사항 */

#bo_list .bo_notice {
  font-family: "NanumBarunGothicOTF", sans-serif;
  background: #ffffe4;
}

/* 게시물 마우스 오버시 배경 */

#bo_list .panel-body tbody tr:hover {
  background: #fafafa;
}

#bo_w .file-del {
  max-width: 200px;
  overflow: hidden;
}

/* 댓글등록 버튼 */

.board_btn {
  height: 100%;
  padding: 0 20px;
}

/* 웹진 노이미지 */

.photo {
  line-height: 110px;
  margin: 0;
  font-size: 24px;
}

/* 웹진 최소이미지 크기 */

.table_photo {
  min-width: 150px;
}

/* 갤러리 마우스오버시 */

#gall_ul .thumbnail {
  padding: 0;
  border-radius: 0;
}

#gall_ul .thumbnail a {
  text-decoration: none;
  line-height: 180%;
}

#gall_ul .thumbnail a:hover {
  color: #999;
}

#gall_ul .thumbnail a.thumbnail {
  border: 0;
  border-bottom: 1px solid #eee;
}

#gall_ul .thumbnail a.thumbnail:hover {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  opacity: 0.6;
}

#gall_ul .thumbnail:hover {
  border: 1px solid #6ebe45;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  opacity: 1;
}

/* 갤러리 이미지 크기 */

@media (min-width: 0px) {
  #gall_ul .gall_href {
    border-bottom: 1px solid #eee;
    min-height: 218px;
    line-height: 218px;
  }
}

@media (min-width: 769px) {
  #gall_ul .gall_href {
    border-bottom: 1px solid #eee;
    min-height: 218px;
    line-height: 218px;
  }
}

@media (min-width: 991px) {
  #gall_ul .gall_href {
    border-bottom: 1px solid #eee;
    min-height: 188px;
    line-height: 188px;
  }
}

@media (min-width: 1200px) {
  #gall_ul .gall_href {
    border-bottom: 1px solid #eee;
    min-height: 170px;
    line-height: 170px;
  }
}

/* 갤러리 NEW 아이콘 위치 */

#gall_ul .new {
  position: absolute;
  top: 21px;
  left: 15px;
}

#gall_ul .hit {
  position: absolute;
  top: 21px;
  right: 15px;
}

#gall_ul .line-height {
  line-height: 40px;
}

label {
  font-weight: normal;
  margin: 0 10px 0 1px;
}

.borderB {
  border-bottom: 1px solid #ddd;
}

.borderT {
  border-top: 1px solid #ddd;
}

.borderL {
  border-left: 1px solid #ddd;
}

.borderR {
  border-right: 1px solid #ddd;
}

.frm_input {
  padding: 2px 5px;
  margin: 0;
  line-height: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  height: 42px;
  margin-bottom: 5px;
  width: 100%;
}

.frm_select {
  float: left;
  padding: 2px 5px;
  margin: 0;
  line-height: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  height: 42px;
  margin-bottom: 5px;
  width: 31%;
}

/*

.pull-right {

    font-size: 18.5px;

    border-top: 5px solid #ccc;

    float: left;

    margin-top: 20px;

    padding: 7px 0 7px 0;

}*/

.frm_input::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.frm_input:-ms-input-placeholder {
  color: #999999;
}

.frm_input::-webkit-input-placeholder {
  color: #999999;
}

.form-control {
  margin-top: -7px;
}

.col-md-7 {
  border-right: 1px dotted #ddd;
}

.req_box .col-xs-12 {
  padding: 0;

  /*display: flex;*/

  display: block;
}

.req_hdlines {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
  margin-bottom: -4px;
}

.req_hleft_f {
  float: none;
  width: 16%;
  font-size: 20px;
}

.req_hleft_l {
  float: none;
  width: 8%;
  font-size: 20px;
}

.req_hleft_i {
  float: none;
  width: 30%;
  font-size: 20px;
}

.req_hleft {
  float: none;
  width: 15%;
  font-size: 20px;
}

.req_hrig {
  float: left;
  width: 85%;
  text-align: right;
  padding-top: 1px;
}

.brdr_top {
  border-top: 1px solid #ddd;
}

.req_box {
  border-right: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

  display: table;

  width: 100%;
}

.req_9 {
  padding-top: 10px;
}

.req_capt_ti {
  float: left;

  width: 30%;

  height: 100px;

  border-right: 1px solid #ddd;

  border-left: 1px solid #ddd;

  padding: 20px 0;

  text-align: center;

  background-color: #fafafa;

  font-family: NanumBarunGothicOTF, "나눔바른고딕", "나눔고딕", Ngothic;

  font-size: 15.5px;
}

.req_box2 {
  display: table;
  width: 100%;
}

.req_capt {
  float: left;

  border-right: 1px solid #ddd;

  border-left: 1px solid #ddd;

  padding: 22px 0;

  text-align: center;

  background-color: #fafafa;

  font-size: 16.5px;

  font-weight: 600;
}

.req_capt_content {
  float: left;
  width: 100%;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  padding: 15px 0;
  text-align: center;
  background-color: #fafafa;
  font-size: 15.5px;
}

/*.req_capt:after {content:'|'; position:absolute; right:0}*/

.req_w17 {
  width: 4%;
}

.req_w17_2 {
  width: 17.5%;
}

.req_w17_3 {
  width: 15%;
}

.req_w17_4 {
  width: 8%;
}

.req_inp {
  float: left;
  padding: 5px 5px 0; /*border-right:1px solid #DDD;*/
  word-break: break-all;
}

.req_inp img {
  width: 200px;
}

.req_fL input {
  float: left;
}

.req_fL span {
  float: left;
}

.req_fL label {
  float: left;
}

.req_fClear label {
  float: none;
}

.req_fl p,
.req_fl strong {
  float: left;
  margin-right: 10px;
}

.req_divd {
  height: 10px;
  width: 100%;
  float: left;
}

.zipArea .form-control {
  margin-bottom: 10px;
}

.bnt-mg {
  margin: -6px 0 0 5px;
}

.req_nums input {
  /*width:33%;*/
  width: 32.9%;
}

.req_notice {
  font-weight: bold;
  color: #0049aa;
  padding: 15px;
  text-align: center;
}

.req_pL {
  padding-left: 10px;
}

.req_pR {
  padding-right: 10px;
}

.req_tail {
  /*padding: 15px;*/
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.reqi_lf {
  float: left;
  width: 20%;
  padding: 5px;
  text-align: center;
}

.reqi_ri {
  float: left;
  width: 80%;
  padding: 5px;
  text-align: center;
}

.req_capt_2 {
  width: 51.6%;
}

.req_inp_2 {
  width: 48.4%;
  border-right: 0;
  padding: 16px 5px;
}

.req_inp_3 {
  padding: 16px 5px;
}

.btn_reqz {
  border-radius: 0;
  background-color: #333;
  color: #fff;
  height: 42px;
}

.reqc_zip {
  padding: 58px 0;
}

.reqc_zip {
  padding: 58px 0;
}

.reqc_zip_2 {
  padding: 42px 0;
}

.reqc_zip_3 {
  padding: 80px 0;
}

.reqc_zip_4 {
  padding: 115px 0;
}

.reqc_zip_5 {
  padding: 127px 0;
}

.reqc_zip_6 {
  padding: 135px 0;
}

.reqc_zip_7 {
  padding: 152px 0;
}

.req-afr {
  text-align: right;
  padding: 5px;
}

.whelk {
  float: left;
  padding: 10px 0px;
}

.req_policy0 {
  float: left;

  width: 100%;

  border-right: 1px solid #ddd;

  border-left: 1px solid #ddd;

  padding: 15px;

  background-color: #fff;

  font-family: NanumBarunGothicOTF, "나눔바른고딕", "나눔고딕", Ngothic;

  font-size: 1.2em;
}

.req_policy1 {
  float: left;

  width: 100%;

  border-top: 1px solid #ddd;

  border-right: 1px solid #ddd;

  border-left: 1px solid #ddd;

  padding: 15px;

  background-color: #fafafa;

  font-family: NanumBarunGothicOTF, "나눔바른고딕", "나눔고딕", Ngothic;

  font-size: 1.2em;
}

.req_policy2 {
  float: left;

  width: 100%;

  border-top: 1px solid #ddd;

  border-right: 1px solid #ddd;

  border-left: 1px solid #ddd;

  padding: 15px;

  background-color: #fff;

  font-family: NanumBarunGothicOTF, "나눔바른고딕", "나눔고딕", Ngothic;

  font-size: 1em;
}

.btn-cancle {
  background-image: -webkit-linear-gradient(#717171, #666666 60%, #565656);

  background-image: -o-linear-gradient(#717171, #666666 60%, #565656);

  background-image: linear-gradient(#717171, #666666 60%, #565656);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#717171', endColorstr='#565656', GradientType=0);
  color: #fff;
}

.btn-sbm {
  background-image: -webkit-linear-gradient(#fa9816, #f98a0d 60%, #ec7e04);

  background-image: -o-linear-gradient(#fa9816, #f98a0d 60%, #ec7e04);

  background-image: linear-gradient(#fa9816, #f98a0d 60%, #ec7e04);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa9816', endColorstr='#ec7e04', GradientType=0);
  color: #fff;
}

.sub_title_img {
  margin-bottom: 20px;
}

/* prcv agree */

.pr_head {
  font-size: 24px;
}

.req_pr {
  padding: 10px;
}

.req_pr strong {
  font-size: 17px;
}

.pr_quee {
  padding: 0px;
}

.pr_quee li {
  list-style: none;
}

.pr_pref {
  float: left;
  width: 5%;
  text-align: center;
  display: inline-block;
}

.pr_cont {
  float: left;
  width: 95%;
  display: inline-block;
}

.table-bordered {
  border: 0;
  margin-bottom: 20px;
}

/* CMS */

.cms_head {
  color: #999;
  background-color: #d3def5;
}

.cms_cpy {
  font-size: 12px;
  color: #666;
}

.cms_agr {
  font-size: 16px;
  color: #0049aa;
}

.req_agrBox ul {
  padding: 0;
  text-align: center;
}

.req_agrBox li {
  list-style: none;
  text-align: left;
}

.cms_dnt {
  font-size: 12px;
  padding-top: 10px;
}

.cm_sm {
  font-size: 12px;
}

#cms_form {
  display: none;
}

.req_cont_2 {
  height: 105px;
  overflow-y: scroll;
}

/* view page */

#bo_v .req_inp {
  padding: 13px;
}

#bo_v .reqc_zip_2 {
  padding: 29px 0px;
}

#bo_v .zipArea {
  padding: 21px 10px;
}

#bo_v .req_cont {
  height: 80px;
}

/*  == */

/* write page */

#bo_w .req_inp {
  padding: 11px;
}

/*  == */

.box_1_title {
  border-bottom: 1px solid #aaa;

  float: left;

  width: 100%;

  padding-bottom: 1%;

  padding-top: 1%;

  margin-bottom: 1%;
}

.pTB40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pTB35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pTB30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pTB20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pTB08 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pT10 {
  padding-top: 10px;
}

.pT30 {
  padding-top: 30px;
}

.pT35 {
  padding-top: 35px;
}

.pT40 {
  padding-top: 40px;
}

.nopadding {
  padding: 0 !important;
}

/* ====================================================

    * 260114 추가

    * 리뉴얼 css 작업 시작

* */

.visible-xs {
  display: none;
}

@media (max-width: 1023px) {
  .hidden-xs {
    display: none;
  }
  .visible-xs {
    display: block;
  }
  .table > thead > tr > th {
    border-top: 2px solid var(--color-primary_main_dark, #0b5b66);
  }
}

/* ==================================================== */

@media (min-width: 992px) {
  .pB58 {
    padding-bottom: 58px;
  }
}

.form-control {
  display: inline-block;
}

@media (max-width: 1200px) {
  .req_hleft,
  .req_hleft_i,
  .req_hleft_l,
  .req_hleft_f,
  .req_hrig {
    width: 100%;
    float: right;
  }
}

@media (max-width: 992px) {
  .col-md-7 {
    border-right: 0;
    border-bottom: 1px solid #ddd;
  }

  .req_w17 {
    width: 30%;
  }

  .req_w17_2 {
    width: 100%;
  }

  .req_agrBox {
    width: 100%;
  }

  .req_fl p,
  .req_fl strong {
    float: none;
    margin-right: 0;
  }

  .req_hleft,
  .req_hleft_i,
  .req_hleft_l,
  .req_hleft_f,
  .req_hrig {
    width: 100%;
    float: right;
  }
}

@media (max-width: 768px) {
  .req_nums input {
    width: 32.5%;
  }

  .req_capt_2 {
    width: 30%;
  }

  .req_inp_2 {
    width: 70%;
    border-right: 1px solid #ddd;
  }

  .reqc_zip_2 {
    padding: 44px 0;
  }

  .agn_rig {
    width: 100%;
  }

  .req_capt {
    width: 100%;
  }

  .req_inp {
    width: 100%;
  }

  /*view.php*/
  .req_tail {
    justify-content: initial;
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .t_box {
    float: left;

    width: 100%;
  }

  .req_inp {
    border: 1px solid #ddd;
  }

  .req_inp div {
    padding: 2px 10px;
  }

  .req_capt {
    padding: 7px !important;
  }

  .req_box .col-xs-12 {
    padding: 0;

    display: block;
  }

  .box_g3 .box_g {
    width: 100%;
  }

  #bo_v .req_inp {
    padding: 17px 10px;

    border: 1px solid #ddd;
  }
}

@media (max-width: 480px) {
  .pull-right {
    font-size: 16px;

    float: none;
  }

  .pr_quee .pr_pref {
    text-align: left;
  }

  .req_capt {
    width: 100%;
    padding: 10px 0 0;
  }

  .req_capt_content {
    width: 100%;
    padding: 10px 0 0;
    font-size: 15px;
  }

  .req_capt_ti {
    width: 100%;
    padding: 10px 0 0;
    height: auto;
  }

  .req_inp {
    width: 100%;
    border-left: 1px solid #ddd;
  }

  .req_hleft,
  .req_hleft_i,
  .req_hleft_l,
  .req_hleft_f,
  .req_hrig {
    width: 100%;
    float: right;
  }

  .sub_T {
    font-size: 23px;
  }

  .req_hdlines {
    margin-bottom: 0;
  }

  .req_nums input {
    float: left;
    width: 33.33%;
  }

  #wr_7_7 {
    width: 75% !important;
  }

  #wr_12_1,
  #wr_12_2,
  #wr_12_3,
  #wr_12_4 {
    width: 15% !important;
  }
}

@media print {
  body {
    font-size: 12px;
  }

  .col-md-7 {
    width: 58.33% !important;
    border-bottom: 0 !important;
    border-right: 1px solid #ddd !important;
  }

  .col-md-5 {
    width: 41.66% !important;
  }

  .req_inp {
    padding: 10px !important;
  }

  .req_capt {
    padding: 10px !important;
  }

  .req_capt_ti {
    padding: 10px !important;
  }

  .pt10 {
    padding: 10px 10px 0 !important;
  }
}