body {
  font-family: "Noto Sans KR", "맑은 고딕", sans-serif !important;
  color: #666666;
}
.para-desc {
	letter-spacing:0em !important;
}

.xs-show, .sm-show, .md-show, .lg-show {
  display: none !important
}

.td_subject {
  border-top: none !important;
}

.list-link-cut-responsive {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-link-cut {
  display: inline-block;
  width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-link-cut-mobile {
  width: 280px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#header #topNav a.logo {
  color: #2172f8;
}
#header #topNav a:hover {
  text-decoration: none;
}

/*  수집결과 목록 박스 그림자 곡선 */
.blog-post-item {
  background-color: #ffffff;
  border: solid 1px #dedede;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 20px;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 18%);
}

.hip-org-box {
  margin-top: 8px;
  padding: 16px 24px;
  border-radius: 12px;
  border: solid 1px #cccccc;
  background-color: #ddd9f5;
}

div.main-image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 208px;
  height: 120px;
  background-color: white;
}

/* end */

/* 수집결과 목록 섹션 PC */
.detail-list {
  padding-top: 15px;
}


div.side-nav ul.list-group-bordered>li>a {
  font-size: 14px;
  color:#666565;
}

div.side-nav ul.list-group-bordered>li>a.active {
  color: #1471f6;
}


.line-cut-4 {
  display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .xlg-hide { display: block !important }
 }

.display-none { display: none !important }

.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}



.lead {
  font-weight: 300;
}

.price-clean>h4 {
  font-size: 40px;
}

.price-clean>h4>em {
  font-weight: 300;
}

.price-clean h5 {
  font-size: 20px;
  color: blue;
  font-weight: 500;
}


.g-color-white {
  color: #fff !important;
}

.g-bg-primary {
  background-color: #3072e0 !important;
}

.z_mark {
  padding: .2em;
  color: #fff !important;
  background-color: #3072e0 !important;
}

.z_under {
  text-decoration: none;
  border-bottom: 2px solid #3f2dff75;
  box-shadow: inset 0 -1px 0 #3f2dff75;
  color: inherit;
  -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
  transition: background .15s cubic-bezier(.33,.66,.66,1);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.z_under_white {
  text-decoration: none;
  border-bottom: 2px solid #FFFFFF;
  box-shadow: inset 0 -1px 0 #3f2dff75;
  color: inherit;
  -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
  transition: background .15s cubic-bezier(.33,.66,.66,1);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.z_under_black {
  text-decoration: none;
  border-bottom: 2px solid #000000;
  box-shadow: inset 0 -1px 0 #3f2dff75;
  color: inherit;
  -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
  transition: background .15s cubic-bezier(.33,.66,.66,1);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

blockquote p{
  font-size: 14px !important;
}


.card-heading {
  // background-color: rgba(0,0,0,0.1) !important;
}

.word-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.msg_sound_only, .sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  line-height: 0;
  border: 0 !important;
  overflow: hidden !important;
}

.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}

thead tr {
  background-color: #eee;
}

.btn_admin {
  font-size: 13px !important;
}

.write_div label {
  display : unset !important;
}

#autosave_pop ul {
  margin-bottom: unset !important;
}

#bo_w .bo_w_tit #btn_autosave {
  top: 3px !important;
  line-height: 30px !important;
  height: 40px !important;
}

#bo_w label {
  font-weight: 400;
  font-size: 13px;
}
#autosave_pop {
  top: 0px !important;
  right: 0px !important;
}

#fwrite input {
  border: 1px solid #b5b5b5 !important;
}


.cke_sc {
  display: none !important;
}

.switch {
  padding-right: 0px;
  margin-bottom: -5px;
}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.8em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.8em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}



.msg_sound_only, .sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  line-height: 0;
  border: 0 !important;
  overflow: hidden !important;
}



.required, textarea.required {
  background-image: url(../../../img/require.png) !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}

.resetwidth {
  width: unset !important;
}

.card img {
  width: unset !important;
  z-index: 2 !important;
}

#reg_zip_box .form-control:not(textarea), #reg_zip_box button {
  height: 40px !important;
}


.mbskin {
  margin: 50px auto 0;
  width: 360px;
  text-align: center;
  /* border: 1px solid #333; */
}


#pw_confirm.mbskin {
  border: none;
}


.login {
  margin: 100px auto 0;
  text-align: center;
}

.loginbox {
  border: 1px solid #dde7e9;
}

.new_win .win_btn {
  text-align: center;
}
/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}
/*
.card-block {
  padding: 0px !important;
} */

#fregister textarea {
  display: block;
  padding: 20px;
  width: 100%;
  height: 200px;
  background: #fff;
  border: 0;
  line-height: 1.6em;
  border-top: 1px solid #f1e8e8;
  font-size: 0.8em;
  color: #666;
}


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




/* 회원 비밀번호 확인 */
#mb_confirm {}
#mb_confirm form {margin-bottom: unset;}
#mb_confirm h1 {margin:20px 0 20px;font-size:1.5em}
#mb_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:0.8em;line-height:1.4em;color:#656565}
#mb_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#mb_confirm fieldset {padding:20px;text-align:center;margin-bottom: unset;}
#mb_confirm fieldset .frm_input {background-color:#fff !important;}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold}
#mb_confirm .confirm_id {font-size:0.92em;color:#666}

/* 비밀글 비밀번호 확인 */
#pw_confirm h1 {margin:60px 20px 30px;font-size:1.5em}
#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:0.8em;line-height:1.4em;color:#656565}
#pw_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#pw_confirm fieldset {padding:50px;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
#mb_confirm_id {}

/* 폼메일 */
#formmail textarea {height:100px}
#formmail .formmail_flie {position:relative}
#formmail .formmail_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#formmail .lb_icon {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#fff;text-align:center;color:#b2b2b2}
#formmail .frm_file {padding-left:50px}
#formmail .frm_info {color:#3497d9;font-size:0.92em}
.chk_box {position:relative}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#3a8afd}
.chk_box input[type="radio"]:checked + label span {border-color:#3a8afd}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#3a8afd;content:'';position:absolute;top:3px;left:3px;border-radius:50%}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}


#bo_list .tbl_head01 td {
  /* text-align: center; */
}

td.empty_table {
  text-align: center;
  height: 150px;
}

nav.pg_wrap {
  text-align: center;
}


/* 페이징 */
.pg_wrap {text-align: center;clear:both;display:inline-block; padding: 20px;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#fff;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;height:30px;padding:0 5px !important;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #fff}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #fff}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #fff}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #fff}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#eee}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;padding:0 10px !important;min-width:30px;border-radius:3px}



#bo_list_total { display: none;}

.bo_v_tit { font-size: 1.5em !important;  }

#bo_v_info .sv_member, .sv_guest {
  color: #666 !important;
  font-weight: unset !important;
}
.if_date, #bo_v_file, #bo_v_file h2 {
  font-size: 0.9em !important;
  font-weight: unset !important;
}



#bo_v_link h4 {
  background-color: #3072e0;
  color: #fff;
}



.modal {
  top: 0px !important;
}

.modal-backdrop.show {
    opacity: .5;
}
.modal-backdrop {
  background-color: #000;
}

.modal-dialog {
  margin-top: 130px !important;
}

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {


  /* 수집결과 목록 섹션 모바일 */
  .detail-list {
    padding-top: 0px;
  }
  .modal {
    top: 0px !important;
  }
  .modal-dialog {
    margin-top: 30px !important;
  }
  #header #topNav a.logo {
    line-height: 60px !important;
  }
  .pc-view { display: none !important }
  .mobile-view { display: block !important }

  .table-pc-view { display: none !important }
  .table-mobile-view { display: table-row !important }

  .table-mobile-view td{
    padding: 0.5rem 0.2rem;
  }

  .mobile-small {
    font-size: 0.95rem;
    letter-spacing: -0.08rem;
  }

  .td-manufac-contry {
    font-size: 14px;
    color: #666;
    min-width: 70px;
    /* text-align: right; */
  }
  .td-wine-name-kr {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .td-wine-name-en{
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 340px !important;
  }
  .td-importer{
    font-size: 14px;
    color: #666;
  }
  .td-accept-date{
    font-size: 14px;
    color: #666;
  }

  .card-body i {
    font-weight: 500;
    color: #222;
  }


  .card-body {
    padding: 0.8rem !important;
  }

  .xs-show { display: block !important }
  .para-desc {
    letter-spacing: -0.1em !important;
  }
  #home {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  #main-search-box {
    padding-top: 0px !important;
  }
  #main-hero-box {
    padding-top: 30px !important;
  }

  .hide-border-xs-down {
    border: none !important;
  }
  #bo_v_link a {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 340px !important;
  }
}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .sm-show { display: block !important }
  .para-desc {
    letter-spacing: -0.1em !important;
  }
  .login {
    margin: 40px auto 0;
    text-align: center;
  }

}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .md-show { display: block !important }
}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .lg-show { display: block !important }
}



/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .sm-hide { display: block !important }

  .pc-view { display: block !important }
  .mobile-view { display: none !important }

  .table-pc-view { display: table-row !important }
  .table-mobile-view { display: none  !important }

  .table-pc-view td{
    padding: 0.5rem 0.2rem;
    vertical-align: middle;
  }
  .td-manufac-contry {
    min-width: 70px;
    text-align: center;
  }
  .td-wine-name-kr {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: card-body;
  }
  .td-wine-name-en{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
  }
  .td-importer{
    max-width: 80px;
    text-align: center;
  }
  .td-accept-date{
    text-align: right;
  }

  #LatestTable > thead > tr > th {
    color: #444444;
    background-color: #cfcfcf;
  }

}
/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .md-hide { display: block !important }
}

@media only screen and (max-width: 768px) {
  section div.row>div {
    margin-bottom: 20px;
  }
}
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .lg-hide { display: block !important }
}


.s9-tooltip {
	position: absolute;
	width: 600px;
	z-index: 1000;
	display: none;
	background-color: #FBFBFB;
}

.tbl_frm01 td {
  padding: 10px 0px 0px 10px;
  border: none;
}

/* 게시물 내용 Content */
#bo_v_con > ol {
  margin-top: 20pt;
  margin-bottom: 20pt;
}
#bo_v_con p {
  margin-bottom: 0px !important;
}

#bo_v_con {
  /* line-height: 0.7rem !important; */
}

.ui-menu-item-wrapper { background: #eeeeee; font-size: 0.8rem;}
/*
.card {
  -webkit-animation: fade_in_down .8s ease-out both;
			animation: fade_in_down .8s ease-out both;
}
@-webkit-keyframes fade_in_down {
	0% {
	  -webkit-transform: translateY(-20%);
			  transform: translateY(-20%);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0%);
			  transform: translateY(0%);
	  opacity: 1;
	}
}
@keyframes fade_in_down {
	0% {
	  -webkit-transform: translateY(-20%);
			  transform: translateY(-20%);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0%);
			  transform: translateY(0%);
	  opacity: 1;
	}
} */

/* 인기 검색어  */
#popular .popular_inner {
  width: 100%;
}
#popular ul {
  list-style: none;
}

section#popular  {
  padding: 0px 0;
  border: none;
}

#popular li a {
  color: #495057;
  font-weight: 500;
}

.box-gradient {
  padding: 10pt;
  margin: 10pt;
}

section {
  /* padding: 30px 0 !important; */
  /* border-bottom: unset; */
}

/* section.page-header{
  padding: 50px 0 !important;
  border-bottom: unset;
} */

/* 메인 신상와인 스크롤, 페이지네이션 공백주기 */
.owl-controls.clickable {
  padding-top: 20px;
}


.table td, .table th {
  border-bottom: 1px solid #dee2e6;
}

/* 회원가입 완료 */
.reg_result_p {
  font-size: 18px;
  padding: 0 0 10px 0;
}
.result_txt {
  font-size: 16px;
  padding: 0 0 10px 0;
}