@charset "utf-8";

/*레이아웃공통*/
label {margin: 0;}
.ca_name_widget {color: #ff2121; margin-right: 5px;}

.pc-none {display: none;}
@media all and (max-width:1199px) {
  .pc-none {display: block !important;}
  .mobile-none {display: none !important;}
}

/*효과 공통*/
.noti_grow {
  font-size: 12px;
  background: #ff7c7c;
  color: #fff;
  padding: 3px 5px;
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  top: -10px;
  line-height: 1;
  width: 80px;
  z-index: 1;
}
.noti_grow::after {
  content: "";
  position: absolute;
  bottom: -4px; /* 말풍선 아래에 위치 */
  left: 50%;
  transform: translate(-50%,0);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ff7c7c;
}

/*col*/
.row-line {display: flex; justify-content: space-between;}
.col-line-4 {flex: 0 0 32.7%; max-width: 32.7%;}

/*lnb 커스터마이징*/
#nt_lnb {background: #f7f7f7; border: 1px solid #eee;}
#nt_lnb .nt_lnb_box {display: flex; justify-content: space-between; align-items: center; padding: 7px 0;}
#nt_lnb .nt_lnb_box ul {display: flex; align-items: center;}

#nt_lnb ul > li > a {line-height: 1; display: inline-block; padding: 5px 3px; margin: 0 3px; border-radius: 5px; font-size: 13px;}
#nt_lnb #favorite {padding-left: 22px; position: relative;}
#nt_lnb img {width: 20px; position: absolute; left: 2px; top: 2px;}
.nt_lnb_right a:last-child {margin-right: 0 !important;}
.nt_lnb_right li::after {content: ''; display: inline-block; width: 1px; height: 10px; background: #ddd; margin-left: 3px;}
.nt_lnb_right li:last-child::after {width: 0;}
.nt_lnb_left a:first-child {margin-left: 0 !important;}

/*menu 커스텀*/
#logo_img {width: 115px;}

.menu_search_form {display: flex; border: 1px solid #eee; border-radius: 5px; overflow: hidden; padding: 3px 10px 3px 15px;}
.menu_search_form input {border: 0; outline: 0; font-size: 13px; line-height: 1;}
.menu_search_form button {outline: 0; border: 0; background: 0;}

.me-list li:hover a i {transform: rotate(180deg); transition: 0.2s;}

.me-sticky {}
.me-sticky #nt_menu .me-a {font-size: 13px !important; transition: 0.3s;}
.me-sticky #nt_menu .me-a img {width: 15px; transition: 0.3s;}
.me-sticky #logo_img {width: 105px !important; transition: 0.3s;}
.me-sticky .nt-menu .me-sh {font-size: 13px !important; transition: 0.3s;}

#weather-box-mobile {
  display: none;
}

#weather-box-pc {font-size: 13px;}
#weather-box-pc span, #weather-box-mobile span {position: relative; margin-right: 5px;}
#weather-box-pc img {position: absolute; left: 32px; top: -1px; width: 18px;}
#weather-box-pc .weathers, #weather-box-mobile .weatjers {padding-left: 25px; margin-left: -5px; margin-right: -5px;}
.me-sticky .order-3 #weather-box-pc, .me-sticky .order-3 #weather-box-mobile { top: 10px; transition: 0.3s;}

#weather-box-mobile {font-size: 12px; position: relative; top: 0px; right: 0;}
#weather-box-mobile img {position: relative; left: 2px; top: -1px; width: 15px;}

@media all and (max-width:1199px) {
  #weather-box-pc {
    display: none;
  }

  #weather-box-mobile {
    display: block;
    padding: 5px 10px;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
  }
}

/*footer 커스텀*/

#nt_footer {border-top: 1px solid #eee;}
#nt_footer .ft-center {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee;}
#nt_footer .ft-center-txt {flex: auto; padding: 0 10px; }
#nt_footer .ft-center-logo {flex: 0 0 150px;}
#nt_footer .ft-center-logo img {width: 100%;}
#nt_footer .ft-center-link {flex: 0 0 200px; padding: 0 10px; text-align: center;}
#nt_footer .ft-center .ft-center-link>div a {text-align: center; display: block; border: 1px solid #eee; border-radius: 5px; margin-top: 2px; padding: 5px 0;}

@media all and (max-width:1199px) {
  #nt_footer .ft-center {flex-wrap: wrap; justify-content: center;}
  #nt_footer .ft-center-txt p {text-align: center; margin-bottom: 5px;}
  #nt_footer .ft-center-link {flex: 0 0 100%; display: inline-flex; justify-content: space-between;}
  #nt_footer .ft-center-link>div {flex: 0 0 49%;}
  #nt_footer .ft-center .ft-center-link>div a {width: 100%;}
}

/*페이지 그룹*/
#group_nav .category-slide-link {
	display: block;
	padding: 30px 0;
	background: #f5f5f5;
	border-radius: 6px;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	text-align: center;
}
#group_nav .category-slide-link:hover {
	background-color: #ddd;
}

#group_nav .category-swiper-wrap {
    position: relative;
    padding: 0 20px;
}
#group_nav .swiper-button-prev,
#group_nav .swiper-button-next {
    color: #999;
}
#group_nav .swiper-button-prev {left:-13px;}
#group_nav .swiper-button-next {right:-13px;}
.swiper-button-next:after,
.swiper-button-prev:after {font-size: 14px !important;}

#group_nav .swiper-button-prev.swiper-button-disabled,
#group_nav .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}

/*index 공지*/
#top-slider {border-radius: 5px; overflow: hidden; border: 1px solid #eee;}

/*index 리스트*/
.index_list .na-title {background: #f7f7f7; padding: 5px 10px; margin-top: 3px;}
.index_list .na-title .na-subject {padding-right: 1px;}
.index_list_title a {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; margin-bottom: 1rem; padding: 0 5px 3px;}


/*index 모바일버전*/
@media (max-width:1199px) {
  .mobile-container {background: #f7f7f7 !important;}
  .index_list {background: #fff; border-bottom: 1px solid #eee; padding: 0 0 15px 0;}
  .index_shop {background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 0;}
  .index_insta {background: #fff;border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 0;}
  #index_notice .na-rolling-wrapper {background: #fff !important;}
}

/*카테고리*/
.sly-tab-cs { border: 1px solid #eee; background: #f5f6fa; padding: 10px; border-radius: 5px; margin-top: 1rem;}
.sly-tab-cs ul {align-items: center;}
.sly-tab-cs ul li {display: inline-flex; align-items: center;}
.sly-tab-cs .cate-dividing {display: inline-block; width: 1px; height: 15px; background: #ddd;}
.sly-tab-cs li a {border: 0; background: unset;}
.sly-tab-cs li.active a {font-weight: normal; color: #ff2323; background: unset;}
.sly-tab-cs .d-flex {border: 0;}

/*서치 카테고리*/
#sch_res_ov {
  max-width: 280px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  background: #f5f6fa;
  border-radius: 50rem;
  border: 1px solid #eee;
  padding: 5px 0;
  margin-bottom: 1rem;
  margin-top: 3rem;
}
.all_search_form {display: flex; align-items: center; justify-content: center;}
.all_search_stx {width: 100%; max-width: 600px;}
.all_search_input {display: flex; justify-content: space-between; align-items: center; border: 1px solid #eee; padding: 5px 20px; border-radius: 50rem;}
.all_search_input input {border:0; outline: 0; padding: 6px; width: 100%;}
.all_search_input button {border: 0; outline: 0; background: unset; padding: 6px;}

.all_search_item_ul {display: flex; flex-direction: column;}
.all_search_item_li {flex: 0 0 100%;}
.all_search_item {display: flex; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px dashed #ddd;}
.all_search_thumb img {width: 100%; min-width: 200px; border-radius: 10px;}
.all_search_info {flex: auto; padding: 0 10px; font-size: 14px;}
.all_search_info h3 a {
  font-size: 1.3rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 45px;
  line-height: 1.2;
}
.all_search_info h3 .sch_word {font-weight: 500;}

@media (max-width:480px) {
  .all_search_item_ul {flex-direction: unset; flex-wrap: wrap;}
  .all_search_item_li {flex: 0 0 50%; padding: 3px;}
  .all_search_item {flex-direction: column; border: 1px solid #eee; border-radius: 5px; overflow: hidden; padding-bottom: 0;}
  .all_search_thumb img {min-width: auto; border-radius: unset;}
  .all_search_info h3 a {font-size: 14px; min-height: 35px;}
  .all_search_info {font-size: 12px; padding: 5px;}
}

@media (max-width:1199px) {
  .sly-tab-cs {padding: 5px;}
}
/*페이징 버튼*/
.page-item.active .page-link { z-index: 3; color: #ff2323; background-color: unset !important;}
.page-link {background-color: unset !important; border: 0; line-height: 1; padding: 5px 8px;}
.page-next .page-link,
.page-last .page-link,
.page-prev .page-link,
.page-first .page-link
{
  border: 1px solid #eee;
  background: #fff;
  border-radius: 3px;
  margin: 0 2px;
  width: 25px;
  height: 25px;
  line-height: 23px;
  padding: 0;
  text-align: center;
}

.page-link:focus {box-shadow: unset;}

/*베이직 게시판 코멘트*/
#bo_vc_w {margin-top: 1rem;}
.cmt-wrap {border-bottom: 1px dashed #dfdfdf; padding: 13px 0;}
.view-reply {
  position: relative;
  top: 11px;
  left: 0px;
  display: inline-block;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left top;
  width: 12px;
  height: 12px;
}
.cmt-content {background: #f8f9fa; border-radius: 3px;}
.view-coment-title {margin: 2rem 0 0 0; padding: 5px 0; border-bottom: 1px solid #ddd;}

.cmt-up-btn {font-size: 13px; font-weight: 100; color: rgb(131 131 131);}
.cmt-me {font-size: 13px; color: #65a1ff;}

.cmt-btn-submit-box {display: flex; align-items: center;}
.cmt-btn-submit {border: 0; background: #323232; color: #fff; padding: 8px 20px; border-radius: 5px;}
.cmt-imotions button {border: 0; padding: 0; margin: 0;}
.cmt-btn-submit-box label {margin: 0;}

.cmt-box textarea {padding: 10px;}
.cmt-imotions button {background: unset; font-size: 1.5rem; color: #bbb;}
.cmt-imotions button:hover {color: #323232;}
.cmt-checked {font-size: 15px; margin-right: 10px;}
.cmt-checked input {width: 16px; height: 16px; position: relative; top: -1px;}

/*링크버튼*/
.link-btn-main {border: 1px solid #323232; border-radius: 3px; background: #323232; line-height: 1; padding: 7px; font-size: 13px; color: #fff; display: inline-block;}
.link-btn-main:hover {color: #fff; background: #515151; border-color: #bababa;}

.link-btn-sub {border: 1px solid #ddd; background: #f8f9fa; border-radius: 3px; line-height: 1; padding: 7px; font-size: 13px; display: inline-block;}
.link-btn-sub .btn-group {display: inline-block; vertical-align: unset;}
.link-btn-sub button {border: 0; padding: 0;margin: 0; outline: 0; vertical-align: unset; font-size: 13px; color: rgb(73, 80, 86); background: unset;}

/*폼*/
.form-flex {display: flex; justify-content: space-between;}
.form-flex input {flex: 0 0 49%;}

.list-group-item {border: 0; border-bottom: 1px solid rgba(0,0,0,.125)}

/*게시판공통*/
.view_title_line {display: inline-block; width: 40px; border-bottom: 3px solid #ff2f2f;}

/*샵게시판*/
.shop-cateview button {border: 1px solid #eee; padding: 9px; border-radius: 5px; background: #f5f6fa; color: #555;}
.shop-cateview button i {margin-right: 2px; color: #bbb;}
.shop-cateview button:hover {background: #eee; color: #000;}
.shop-search input {border: 0; outline: 0; background: #f5f6fa; padding: 10px; border-radius: 5px; max-width: 175px;}
.shop-search button {padding: 10px; border: 0; margin-left: 2px;}

#closeModalBtn {position: absolute; right: 1rem; top: 1rem; border: 0; padding: 2px 10px;}
#closeModalBtn:hover {background: #323232; color: #fff;}

.cate_popup_head {margin-bottom: 1rem; margin-top: 0.5rem; padding-bottom: 5px; border-bottom: 1px solid #eee; font-size: 16px;}

#cate_popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1111;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
  background: #00000091;
}
.cate_popup_content {
	position: relative;
	top: 20%;
	left: 50%;
	transform: translate(-50%,-20%);
	background: #fff;
	width: 600px;
	padding: 1rem;
	border: 1px solid #ddd;
	border-radius: 5px;
  box-shadow: 15px 15px 25px rgba(2,28,53,0.05);
}

.gun_label_box,.filter-box {display: flex; flex-wrap: wrap;}
.filter-label {width: 20%; padding: 2px; position: relative;}

/* 체크된 라벨에 배경색 적용 */
.filter-label input[type="checkbox"] {
  -webkit-appearance: none;
  position: relative;
  width: 100%;
  height: 45px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e2e6f3;
  outline: none;
}
.filter-label input[type="checkbox"]::after {
  position: absolute;
  font: 16px FontAwesome;
  content: "\f111";
  top: 5px;
  left: 5px;
  color: #e2e6f3;
}
.checked-label {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.filter-label input[type="checkbox"]:checked {border-color: red;}
.filter-label input[type="checkbox"]:checked + .checked-label {
  color: red;
  font-weight: 600;
}
.filter-label input[type="checkbox"]:checked:after {
  content: "\f058";
  color: red;
}

.cate_popup_btn button,
.cate_popup_btn a {
  border-radius: 5px;
  padding: 5px 0;
  border: 0;
  display: inline-block;
  min-width: 70px;
  text-align: center;
  background: #eee;
  margin: 0 2px;
  color: #555;
}
.cate_popup_btn button {
  background: #323232;
  color: #fff;
}

/*샵 리스트 하단 컨텐츠*/
.shop_subject {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 45px;
}

/*샵 위젯 레이아웃*/
.index_shop_head>div {display: flex; align-items: flex-end; margin-bottom: 1rem; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.index_shop_head>div h3 {font-size: 22px;}

.shop_li_timer {font-size: 13px; font-weight: 400; color: #777;}
.shop_li_go_btn {font-size: 15px; font-weight: 500; display: flex; justify-content: flex-end;}

.noti_cnt_box {display: flex; flex-direction: column; position: relative;}
.noti_cnt_box b {
  position: absolute;
  right: 0;
  top: 0;
  background: #ff2f2f;
  color: #fff;
  border-radius: 50rem;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  font-weight: normal;
  font-size: 12px;
  padding: 0 3px;
}

@media (max-width:1199px) {
  .cate_popup_content {max-width: 320px;}
  .filter-label {width: 50%;}
  .index_shop_head>div {align-items: flex-start;}
  .index_shop_head>div h3 {font-size: 18px;}
}

/*fixed items*/
.fixed_item_box {position: relative; left: 35px;}
.fixed_item_box>div {border: 1px solid #eee; border-radius: 5px; overflow: hidden; position: fixed; transition: 1s;}
.fixed_item_box>div>div {background: #f7f7f7; text-align: center;}
.fixed_item_box>div>div:last-child {border-bottom: 0;}
.fixed_item_box>div>div .fixed_title {border-bottom: 1px solid #eee; background: #fff;}
.fixed_item_box>div>div img {width: 30px;}

.fixed_item_box>div>div:last-child a:last-child>div {border-bottom: 0;}
.fixed_item_box>div>div a div {padding: 7px 10px; border-bottom: 1px solid #eee;}
.fixed_item_box>div>div a div:hover {background: #fff;}

@media (max-width:1199px) {
  .fixed_item_box {display: none;}
}