/**** 현재위치 *****/

.page-title-box{margin:-100px auto 25px auto;max-width:1420px;}

.page-title-box {
    text-align: left;
    position: relative;padding-left:15px
}

.page-title-box .ali_breadcrumb {
    font-size: 1.45rem;
    color:#545454;
    word-break: keep-all;
}

.page-title-box .ali_breadcrumb span.txt-arrow {
    display: inline-block;
    width: 6px;
    height: 9px;
    margin: 0 5px;
    background-image: url('/assets/images/ico/cli-icon_bread-arrow.png');
    background-repeat: no-repeat;
    background-size: 6px auto;
    background-position: center center;
}

.page-title-box .ali_breadcrumb img {
    position: relative;
    top: -2px;
}

.page-title-box .page-title-txt {
    font-size: 50px;
    color: var(--main-color1);
    margin-top: 10px;
    margin-bottom: 40px;
    line-height: 1.1em;
}

.page-title-box .page-title-txt.non,
.page-title-box p.non {
    display: none !important;
}

.page-title-box p {
    color:#545454;
    font-size: 16px;
    line-height: 1.5em;
}


/****************/


.mall_t_BX{margin-top:-50px}


/*** 전체카테고리 ***/
.mall_dropdown {
  float: left;
}



.mall_dropdown-content {
	height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 206px;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: #ffe55a;
  overflow-y: hidden;
  transition: 0.5s;}



.mall_conts{;padding: 1%;margin:0 auto;max-width:1520px;text-align:center}

.mall_dropdown-content .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}


.mall_conts .mall_column{width:82%;margin:0px 0px;display:none;float:left;}
.mall_conts .mall_column h3{font-size:1.6rem;float:left;width:100px;text-align:left}
.mall_conts .mall_column dl{float:left;display:inline-block;padding:10px 0 0px 0;border-radius:0 10px;border:1px solid rgba(126,126,126,0.5);width:15%;margin:10px 0.3%}
.mall_conts .mall_column dt{font-size:1.5rem;padding-bottom:8px}
.mall_conts .mall_column dd{font-size:1.3rem;padding:8px 0;background:rgba(255,255,255,0.6);border-radius:0 5px;margin:1px 0}

.mall_conts .mall_column dt:hover{font-size:1.5rem;padding-bottom:8px;color:#222;font-weight:600;}
.mall_conts .mall_column dd:hover{font-size:1.3rem;padding:8px 0;background:rgba(255,138,23,0.6);color:#fff;transition:0.6s}





/***** 카테고리 전체보기 *******/
/* Style the tab */
.mall_tab {width: 12%;float:left;margin-right:3%}

/* Style the buttons inside the tab */
.mall_tab button {
  display: block;
  padding: 15px 10px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 1.6rem;color:#545454;font-weight:600
}

/* Change background color of buttons on hover */
.mall_tab button:hover {
  background-color: rgba(255,255,255,0.4);border-radius:0 10px
}

/* Create an active/current "tab button" class */
.mall_tab button.active {
  background-color:  rgba(255,255,255,0.4);
}

/* Style the tab content */
.mall_tabcontent {
  display: none;
}

/* Clear floats after the tab */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}




@media screen and (max-width: 960px) {
 
.mall_t_BX{margin-top:0px}


/*** 전체카테고리 ***/
.mall_dropdown { float: left;}

.mall_dropdown-content {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top:98px;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: #ffe55a;
  overflow-y: auto;
  transition: 0.5s;
  
  }


.mall_conts{padding: 1%;margin:0 2%;max-width:100%;text-align:center}

.mall_dropdown-content .closebtn {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 35px;
}


.mall_conts .mall_column{width:100%;margin:8px 0%;display:none;float:left;padding-bottom:120px;}
.mall_conts .mall_column dl{float:left;display:block;padding:10px 0 0px 0;border-radius:0 10px;border:1px solid rgba(126,126,126,0.5);width:48%;margin:3px 0.3%}
.mall_conts .mall_column dt{font-size:1.3rem;padding-bottom:8px}
.mall_conts .mall_column dd{font-size:1.2rem;padding:8px 0;background:rgba(255,255,255,0.6);border-radius:0 5px;margin:1px 0}

.mall_conts .mall_column dt:hover{font-size:1.3rem;padding-bottom:8px;color:#222;font-weight:600;}
.mall_conts .mall_column dd:hover{font-size:1.2rem;padding:8px 0;background:rgba(255,138,23,0.6);color:#fff;transition:0.6s}



/* Style the tab */
.mall_tab {width: 100%;float:left;margin-right:0%;margin-top:3%}

/* Style the buttons inside the tab */
.mall_tab button { display: inline-block;float:left;  padding: 8px 6px;  width: 32%;margin:3px 0.5%; cursor: pointer;  font-size: 1.4rem;color:#545454;font-weight:500;text-align:center;border-radius:3px;border:1px solid rgba(255,255,255,0.6);background:rgba(255,240,220,0.6)}

/* Change background color of buttons on hover */
.mall_tab button:hover {
  background-color: rgba(255,255,255,0.4);border-radius:0 10px
}

/* Create an active/current "tab button" class */
.mall_tab button.active {
  background-color:  rgba(255,255,255,0.4);
}

/* Style the tab content */
.mall_tabcontent {
  display: none;
}

/* Clear floats after the tab */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}



}




/*** 답례픔 Top ***/

.shop_top{float:right;width:33%;max-width:500px;border:0px solid #000;text-align:right}
.shop_top .shop_top_Bx{display:inline-block;}
.total_menu{float:left;text-align:center;margin-top:6px}
.local_select{background:#353535;color:#fff;font-size:1.4rem;text-align:center;padding:8px 12px;border-radius:60px;margin-top:13px}

.shop_btm{float:right;width:33%;max-width:500px;border:0px solid #000;text-align:right;}



/** DE_img slide **/
.pointblue{color:#004cce;padding-left:5px;font-weight:600}
.pointRed{color:#ff5c5c;padding-left:5px;font-weight:600}
.prj_img{position:relative}


.DE_mySlides { display: none;}
.DE_mySlides img{max-height:500px;min-height:500px;}

.cursor {  cursor: pointer;}

/* Next & previous buttons */
 .DE_prev,
 .DE_next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.DE_next {
  right: 0;
  border-radius: 3px 0 0 3px;color:#fff;
}

/* On hover, add a black background color with a little bit see-through */
.DE_prev:hover,
.DE_next:hover {
  background-color: rgba(0, 0, 0, 0.8);color:#fff;
}

/* Number text (1/3 etc) */
.DE_numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.DE_caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.DE_row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.DE_column {
  float: left;
  width: 16.66%;
}

.DE_column  img{max-height:80px;min-height:80px;}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

/*************************/

.mall_ft{display:block}

.mall_ttl{display:none}



/*************************/

/** 답례품몰 이미지 슬라이드 **/

.mall_Slides {display: none}
.mall_Slides img {vertical-align: middle; }

/* Slideshow container */
.mall_slideshow {
  max-width: 1420px;
  position: relative;
  margin: 60px auto 30px auto;

}

.mall_slideshow img{ border-radius:0 50px 0 50px}

/* Next & previous buttons */
.mall_prev, .mall_next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 15px 22px;
  margin-top: 0px;
  color: white;
  font-weight: 600;
  font-size: 3rem;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;background-color: rgba(0,0,0,0.2);
  user-select: none;
}

/* Position the "next button" to the right */
.mall_next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.mall_prev:hover, .mall_next:hover {
  background-color: rgba(0,0,0,0.6);color:#fff;
}

/* Caption text */
.mall_text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.mall_numbertext {
  color: #f2f2f2;display:none;
  font-size: 1.6rem;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 960px) {
/* Slideshow container */
.mall_slideshow {
  max-width: 100%;
  position: relative;
  margin: 20px auto 0px auto;
}

/* Next & previous buttons */
.mall_prev, .mall_next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 15px 22px;
  margin-top: 0px;
  color: white;
  font-weight: 600;
  font-size: 3rem;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;background-color: rgba(0,0,0,0.2);
  user-select: none;
}

.mall_mySlides img {vertical-align: middle;width:100%;height:250px;border:0px solid #000}

.mall_prev, .mall_next,.mall_text {font-size: 1.3rem}


}


/*** 카테고리 리스트 ***/
.mall_category{padding:0px;width:93%;margin:0 auto;text-align:center}

.mall_category .m_cate_b{background:#fff2e7;border:2px solid #fb9941;box-shadow: 5px 5px 20px rgba(207, 207, 207, 0.5)  ; 
	-webkit-box-shadow: 5px 5px 20px rgba(207, 207, 207, 0.5)  ; 
	-moz-box-shadow: 5px 5px 20px rgba(207, 207, 207, 0.5)  ; }
.mall_category .m_cate_b2{background:#e4efff;border:2px solid #abc8f3;box-shadow: 5px 5px 20px rgba(207, 207, 207, 0.5)  ; 
	-webkit-box-shadow: 5px 5px 20px rgba(207, 207, 207, 0.5)  ; 
	-moz-box-shadow: 5px 5px 20px rgba(207, 207, 207, 0.5)  ; }
.mall_category .m_cate_b:hover{transition:0.6s;background:#ffa862;border:2px solid #f2831f;}
.mall_category .m_cate_b2:hover{transition:0.6s;background:#bbd6ff;border:2px solid #73aafe;}



.mall_category_01{float:left;width:57%}
.mall_category_02{float:right;width:42%;xbackground:#fffdf4;border-radius:0 50px;padding:0.8%;xborder:1px solid rgba(246,206,142,0.6);}

.mall_category .mall_category_01 div{float:left;width:31%;margin:10px 0.8%;text-align:center;}
.mall_category .mall_category_02 div{float:left;width:48%;margin:5px 0.8%;text-align:center;min-height:50px}
.mall_category .mall_category_02 h3{font-weight:500;font-size:2.2rem;text-align:center;padding:23px 0;display:none}

.mall_category dl{float:left;width:100%;border-radius:100px;min-height:180px;}
.mall_category dl:hover{transition:0.6s;}
.mall_category dt{float:left;width:94%;padding:5px 3% 5px 3%;text-align:center;border-radius:100px;}
.mall_category .mall_category_01 dt img{max-width:100px;min-width:70px;padding:5px}
.mall_category .mall_category_02 dt img{max-width:100px;min-width:70px;padding:5px}

.mall_category .mall_category_01 dd{float:left;width:98%;padding:20px 1% 0 1%;text-align:center;;font-size:1.8rem;letter-spacing:-0.05rem}
.mall_category .mall_category_02 dd{float:left;width:98%;padding:20px 1% 0 1%;text-align:center;;font-size:1.8rem;letter-spacing:-0.05rem}


@media screen and (min-width:961px) and (max-width:1360px){

.mall_category_01{float:left;width:57%}
.mall_category_02{float:right;width:42%;background:#fffdf4;border-radius:0 50px;padding:2%;border:1px solid rgba(246,206,142,0.6);}

.mall_category .mall_category_01 div{float:left;width:31%;margin:10px 0.8%;text-align:center;}
.mall_category .mall_category_02 div{float:left;width:100%;margin:5px 0%;text-align:center;min-height:50px}
.mall_category .mall_category_02 h3{font-weight:500;font-size:2.2rem;text-align:center;padding:23px 0;display:none}

.mall_category dl{float:left;width:100%;border-radius:100px;min-height:180px;}
.mall_category .mall_category_02 dl{float:left;width:90%;border-radius:100px;min-height:50px;margin-left:8%}
.mall_category dl:hover{transition:0.6s;}
.mall_category .mall_category_01 dt{float:left;width:94%;padding:5px 3% 5px 3%;text-align:center;border-radius:100px;}
.mall_category .mall_category_02 dt{float:left;width:38%;padding:0px 3% 0px 3%;text-align:center;border-radius:100px;}


.mall_category .mall_category_01 dd{float:left;width:98%;padding:20px 1% 0 1%;text-align:center;;font-size:1.8rem;letter-spacing:-0.05rem}
.mall_category .mall_category_02 dd{float:left;width:50%;padding:0px;text-align:center;;font-size:1.6rem;line-height:7rem;letter-spacing:-0.05rem}
.mall_category .mall_category_01 dt img{max-width:110px;padding:10px}
.mall_category .mall_category_02 dt img{max-width:70px;padding:0px}



}



@media only screen and (max-width:960px) {

/*** 카테고리 리스트 ***/
.mall_category{padding:0px 0%;width:98%;margin:0 auto;text-align:center}
.mall_category_01{float:left;width:100%}
.mall_category_02{float:left;width:100%;background:#fffdf4;border-radius:0 50px;padding:2%;border:1px solid rgba(246,206,142,0.6);display:flex;flex-wrap: nowrap; justify-content: center;}

.mall_category .mall_category_01 div{float:left;width:31%;margin:10px 0.8%;text-align:center;}
.mall_category .mall_category_02 div{float:left;width:23%;margin:10px 0.8%;text-align:center;min-height:100px}
.mall_category .mall_category_02 h3{font-weight:500;font-size:2.3rem;text-align:center;padding:20px 0;display:none}

.mall_category dl{float:left;width:100%;border-radius:100px;min-height:100px;}
.mall_category dl:hover{transition:0.6s;}
.mall_category dt{float:left;width:94%;padding:5px 3% 5px 3%;text-align:center;border-radius:100px;}

.mall_category .mall_category_01 dd{float:left;width:98%;padding:20px 1% 0 1%;text-align:center;;font-size:1.6rem;letter-spacing:-0.05rem}
.mall_category .mall_category_02 dd{float:left;width:98%;padding:20px 1% 0 1%;text-align:center;;font-size:1.5rem;letter-spacing:-0.05rem}

.mall_category .mall_category_01 dt img{max-width:90px;padding:10px}
.mall_category .mall_category_02 dt img{max-width:65px;padding:10px}

}



@media only screen and (max-width: 640px) {

/*** 카테고리 리스트 ***/
.mall_category{padding:0px 0%;width:98%;margin:0 auto;text-align:center}
.mall_category_01{width:100%;display:flex;flex-wrap: wrap;align-content: center;justify-content: center;}
.mall_category_02{width:100%;background:#fffdf4;border-radius:0 50px;padding:2%;border:1px solid rgba(246,206,142,0.6);margin:15px 0;display:flex;flex-wrap: nowrap; justify-content: center;}

.mall_category .mall_category_01 div{float:left;width:30%;margin:10px 0.8%;text-align:center;}
.mall_category .mall_category_02 div{float:left;width:24%;margin:10px 0.3%;text-align:center;min-height:100px}
.mall_category .mall_category_02 h3{font-weight:500;font-size:2rem;text-align:center;padding:20px 0 10px 0;display:none}

.mall_category dl{float:left;width:96%;border-radius:100px;min-height:100px;margin:0 2%}
.mall_category dl:hover{transition:0.6s;}
.mall_category dt{float:left;width:94%;padding:5px;text-align:center;border-radius:100px;}

.mall_category .mall_category_01 dd{float:left;width:98%;padding:10px 1% 0 1%;text-align:center;;font-size:1.5rem;letter-spacing:-0.05rem}
.mall_category .mall_category_02 dd{float:left;width:98%;padding:10px 1% 0 1%;text-align:center;;font-size:1.35rem;letter-spacing:-0.05rem}
.mall_category .mall_category_01 dt img{max-width:60px;padding:10px}
.mall_category .mall_category_02 dt img{max-width:50px;padding:5px}


}

@media only screen and (max-width: 420px) {

/*** 카테고리 리스트 ***/
.mall_category{padding:0px 0%;width:98%;margin:0 auto;text-align:center}
.mall_category_01{width:100%;display:flex;flex-wrap: wrap;align-content: center;justify-content: center;}
.mall_category_02{width:100%;background:#fffdf4;border-radius:0 50px;padding:2%;border:1px solid rgba(246,206,142,0.6);margin:15px 0;display:flex;flex-wrap: wrap;align-content: center;justify-content: center;}

.mall_category .mall_category_01 div{float:left;width:47%;margin:10px 0.8%;text-align:center;}
.mall_category .mall_category_02 div{float:left;width:47%;margin:10px 0.8%;text-align:center;min-height:100px}
.mall_category .mall_category_02 h3{font-weight:500;font-size:2rem;text-align:center;padding:20px 0 10px 0;display:none}

.mall_category dl{float:left;width:96%;border-radius:100px;min-height:100px;margin:0 2%}
.mall_category dl:hover{transition:0.6s;}
.mall_category dt{float:left;width:94%;padding:5px;text-align:center;border-radius:100px;}

.mall_category .mall_category_01 dd{float:left;width:98%;padding:10px 1% 0 1%;text-align:center;;font-size:1.5rem;letter-spacing:-0.05rem}
.mall_category .mall_category_02 dd{float:left;width:98%;padding:10px 1% 0 1%;text-align:center;;font-size:1.35rem;letter-spacing:-0.05rem}
.mall_category .mall_category_01 dt img{max-width:60px;padding:10px}
.mall_category .mall_category_02 dt img{max-width:50px;padding:5px}


}




/************************/
/***** 답례품몰 하단 탭메뉴 ***/

/*#navbar {position: sticky; top: 0;overflow: hidden;z-index:999999999999999999999;width:100%;background:#fff;}*/

.mall_btm_tablink {
  background-color: #858585;
  color: #fff;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 20px;
  font-size: 1.6rem;
  width: 20%;
 
}

.mall_btm_tablink:hover {
  background-color: #565656;
}

/* Style the tab content (and add height:100% for full page content) */
.mall_btm_tabcontent {
  color: #545454;
  display: none;
  padding: 10% 5%;
  height: 100%;
}
.mall_btm_tabcontent img {width:95%}

#mall_01 {background:#fff;}
#mall_02 {background:#fff;}
#mall_03 {background:#fff;}
#mall_04 {background:#fff;}
#mall_05 {background:#fff;}



@media screen and (max-width:1100px){
.shop_btm {float: right;   width: 40%;}

}

/* === Tablet === */
@media screen and (max-width:960px){

/*.mall_ft{display:none}*/

/**2025.03.28 수정 **/
.mall_ttl{display:block;padding-left:2rem}
/**/


/*** 답례픔 Top ***/

.shop_top{float:left;width:100%;max-width:100%;border:0px solid #000;text-align:right}
.shop_top .shop_top_Bx{display:inline-block;width:97%;margin-right:3%}
.shop_top .shop_top_Bx span{display:inline-block;width:58%;}
.total_menu{float:left;text-align:left;margin:5px}
.local_select{float:right;background:#353535;color:#fff;font-size:1.4rem;text-align:center;padding:8px 12px;border-radius:60px;margin-top:13px}


.path_top > div .path { width: 100%;}

.shop_btm{position: fixed;bottom:0;left:0;width:100% !important;min-width: 100vw !important;text-align:left;}
.shop_btm .shop_btm_Bx{position: sticky  !important;display:inline-block;width:100%;margin-right:0%;background:#fcd365;border-top:1px solid #fcd365;}
.shop_btm .shop_btm_Bx span{display:inline-block;width:50%;}
.shop_btm .shop_btm_Bx img{width:30px;padding:18px 0 0 8px}
.shop_btm .shop_btm_Bx button{padding-top:1.8rem ! important;padding-bottom:1.8rem ! important;}
.shop_btm .shop_btm_Bx .buyOrder{padding:0 ! important}
.shop_btm .shop_btm_Bx .local_select{float:right;background:#353535;color:#fff;font-size:1.3rem;text-align:center;padding:12px 12px;border-radius:100px;margin-top:13px}

/**
.shop_btm{position: sticky  !important;bottom:0;left:0;background:#fcd365;border-top:1px solid #fcd365;width:100% !important;min-width: 100vw !important;text-align:left;}
.shop_btm .shop_btm_Bx{display:inline-block;width:100%;margin-right:0%}
.shop_btm .shop_btm_Bx span{display:inline-block;width:50%;}
.shop_btm .shop_btm_Bx img{width:30px;padding:18px 0 0 8px}
.shop_btm .shop_btm_Bx button{padding-top:1.8rem ! important;padding-bottom:1.8rem ! important;}
.shop_btm .shop_btm_Bx .buyOrder{padding:0 ! important}
.shop_btm .shop_btm_Bx .local_select{float:right;background:#353535;color:#fff;font-size:1.3rem;text-align:center;padding:12px 12px;border-radius:100px;margin-top:13px}





/**/


.DE_mySlides img{max-height:500px;min-height:auto;}
.column  img{max-height:80px;min-height:60px;}
}

/************************************************/

#fixed_top {display: none;}

.goods_view_top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 100px;
}

.goods_view_top>div {
	width: 48%;
	max-width: 640px;max-width: 680px;
}



.goods_view_top .thumb_box {
	position: relative;
	width: 90%;
	margin: 16px 5% 0;
}



.info_box{width:100%;}

.info_row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.goods_view_top .goods_info{
	margin-bottom: 0px;
}

.goods_view_top .goods_info.info_box>div:not(:last-child) {
	padding-bottom: 16px;
}


.goods_view_top .goods_info .d_area {
	font-size: 1.8rem;
	color: #ff7611;
	font-weight: 600;
}

.goods_view_top .goods_info .d_area img {
	width: 19px;
	margin-right: 4px;
	transform: translateY(-2px);
}

.goods_view_top .goods_info .info_title {
	margin-bottom: 8px;
}

.mall_s-txt{padding:10px 0;line-height:1.8rem;font-size:1.4rem}

.goods_view_top .goods_info .info_title h2 {
	font-size: 32px;
	margin-bottom: 6px;
	color: #333;text-align:left;
}

.goods_view_top .goods_info .present_price {
	color: #7d7d7d;
	font-size: 16px;
	margin-bottom: 10px;
	letter-spacing: -1px;
}

.goods_view_top .goods_info .present_price strong {
	color: #7d7d7d;
	font-size: 32px;
}

.prj_donation-btns .do_Btn{padding:15px; color:#fff;font-size:20px;background:#ff9000}
.prj_donation-btns .do_Btn:hover{transition:0.6s;background:#004cce}



/*** 상세 하단 TAB ***/

/* Style the tab */
.DE_tab { overflow: hidden;}

/* Style the buttons inside the tab */
.DE_tab button {
  background-color: #e6e6e6;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 20px;
  transition: 0.3s;
  font-size: 18px;
  color:#333;
  display:inline-block;
  width:49.6%;font-size:1.8rem;border-radius:5px
}

/* Change background color of buttons on hover */
.DE_tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.DE_tab button.active {
  background-color: #f9ab25;color:#fff
}

/* Style the tab content */
.DE_tab .tabcontent {
  display: none;
  padding: 12px 12px;
  border-top: 0px solid #f9ab25;
  padding:5%
}

.DE_tab .tabimg img{width:100%}


/******************************************************/
/******************************************************/

.hidden_txt{text-indent:-9999999999px}

.all_goods{float:left;width:95%;margin:30px 2%;border-bottom:1px solid #e7e7e7}

.amount_goods {
    margin-bottom: 12px;
}

.goods-list-group {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2.03125%;
    margin-bottom: 50px;
}




.goods-list-group .goods-list-items {
    width: 25%;
    margin-bottom: 50px;
    flex: 1 1 auto;
    cursor: pointer;
    max-width: 330px;
}


@media screen and (min-width:961px) and (max-width:1460px){

.goods-list-group .goods-list-items {width: 23%;}
}



.goods-list-group .goods-list-items .list_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}


.goods-list-group .goods-list-items .list_inner span.img_frame {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding-top: 100%;
    border: 1px solid #e5e5e5;
}

.goods-list-group .goods-list-items .tag_box {
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 100;
    font-size: 13px;
    color: #fff;
    background-color: #ff8429;
    padding: 4px 10px;
    border-radius: 8px 8px 8px 0;
}

.goods-list-group .goods-list-items .list_inner span.img_frame .tag_box .tag {
    width: 56px;
    margin-right: 4px;
}

.goods-list-group .goods-list-items .list_inner span.img_frame img {
    height: 100%;
    width: auto;
    max-width: unset;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
}

.goods-list-group .goods-list-items .list_inner span.img_frame img.item_img:hover {
    transform: scale(1.2) translate(-50%, -50%);
    transform-origin: left top;
    transition: transform 0.3s;
}

.goods-list-group .goods-list-items .list_inner span.img_frame .cart {
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    background-image: url('/assets/images/ico/thumb_cart.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}



.goods-list-group .goods-list-items .list_inner span.img_frame .cart:hover {
    background-color: #ff8429;
    background-image: url('/assets/images/ico/thumb_cart-on.png');
    transition: background-image 0.3s;

}

.goods-list-group .goods-list-items .list_inner span.img_frame .cart:hover::before {
    width: 15px;
}

.goods-list-group .goods-list-items .list_inner span.img_frame .img_cover_link {
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.goods-list-group .goods-list-items .list_inner span.img_frame .img_cover_link img {
    z-index: -1;
}


.goods-list-group .goods-list-items .list_inner span.card_title,
.goods-list-group .goods-list-items .list_inner span.s-txt {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    letter-spacing: 0;
}

.goods-list-group .goods-list-items .list_inner span.card_title {
    font-size: 16px;
    text-align: left;
    line-height: 22px;
}

.goods-list-group .goods-list-items .list_inner>span {
    display: inline-block;
}

.goods-list-group .goods-list-items .list_inner span.deepBlue {
    font-size: 16px;
    margin-top: 8px;
}

.goods-list-group .goods-list-items .list_inner span.deepBlue span.pointSize {
    font-size: 26px;
    font-weight: 700;
}

.goods-list-group .goods-list-items .icon-md-img {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-image: url('/assets/images/ico/cardfvrt-off.png');
    background-repeat: no-repeat;
    background-size: 24px;

}

.goods-list-group .goods-list-items .icon-md-img.on {
    background-image: url('/assets/images/ico/cardfvrt-on.png');

}



.do_btn {
    width: 100%;
    font-size: 14px;
    letter-spacing: -1px;
    color: #454545;
    border: 1px solid #e5e5e5;
    padding: 7px 16px;
    margin: 16px 0 10px;
    box-shadow: none;
    justify-content: center;
    display: flex;
    align-items: center;
    transition: background-color 0.3s, color 0.3s, background-image 0.3s, border-color 0.3s;
    gap: 4px;
    font-weight: 700;
}

.do_btn span {
    display: inline-block;
}

.do_btn span:not([class='btn_txt']) {
    height: 20px;
    background-repeat: no-repeat;
}

.do_btn span.btn_icon {
    width: 24px;
    background-image: url('/assets/images/ico/btn_donation.png');
    background-position: center left;
}

.do_btn span.btn_arrow {
    width: 12px;
    background-image: url('/assets/images/ico/btn_do-arrow.png');
    background-position: center right;
}

.do_btn:hover {
    background-color: #ff8429;
    color: #fff;
    border-color:#ff8429;
}

.do_btn:hover span.btn_icon {
    background-image: url('/assets/images/ico/btn_donation-h.png');
}

.do_btn:hover span.btn_arrow {
    background-image: url('/assets/images/ico/btn_do-arrow-h.png');
}

.formBtn.more {
    min-width: 280px;
    border-color: #ff8429;
    color: #e5e5e5;
    height: 50px;
}

.formBtn.more:hover {
    box-shadow: none;
}

.list-none {
    text-align: center;
    padding: 90px 0 150px;
}




@media screen and (max-width:1030px) {
    .do_btn {
        margin: 12px 0 6px;
        padding:7px 10px;
        font-size: 13px;
    }
    .do_btn span.btn_icon{
        display: none;
    }
    .goods-list-group .goods-list-items .list_inner span.deepBlue {
        margin-top: 4px;
    }
}

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


    .count_goods {
        font-size: 14px;
    }

    .do_btn {
        padding: 7px 10px;
        width: 100%;
    }

    .goods-list-group {
        gap: 4%;
    }
    
    .goods-list-group .goods-list-items {
        width:45%;
        margin-bottom: 30px;
        max-width: 44vw;
    }

    .goods-list-group .goods-list-items .list_inner span.img_frame .tag_box .tag {
        width: 44px;
    }

    .goods-list-group .goods-list-items .list_inner span.card_title {
        font-size: 14px;
    }

    .goods-list-group .goods-list-items .list_inner span.s-txt {
        font-size: 0.75em;
    }

    .goods-list-group .goods-list-items .list_inner span.deepBlue span.pointSize {
        font-size: 22px;
        margin-top: 4px;
    }

    .goods-list-group .goods-list-items .icon-md-img {
        width: 18px;
        height: 18px;
        background-size: 18px;
    }
    .do_btn .btn_icon {
        display: none;
    }

    .goods-list-group .goods-list-items .list_inner span.img_frame .tag_box {
        top: 5px;
    }

    .goods-list-group .goods-list-items .list_inner span.img_frame .tag_box .tag {
        width: 44px;
        margin-right: 2px;
    }

    .goods-list-group .goods-list-items .list_inner span.deepBlue {
        margin-top: 2px;
    }

    .goods-list-group .goods-list-items .list_inner span.img_frame .cart {
        width: 40px;
        height: 40px;
        background: url('/assets/images/ico/thumb_cart_m.png');
        background-size: 20px;
        right: 6px;
        bottom: 6px;
    }

    .goods-list-group .goods-list-items .list_inner span.img_frame .cart::before {
        left: 9px;
    }

    .goods-list-group .goods-list-items .list_inner span.img_frame .cart:hover {
        background: url('/assets/images/ico/thumb_cart-on_m.png');
    }

    .goods-list-group .goods-list-items .list_inner span.img_frame .cart:hover::before {
        width: 10px;
    }

    .do_btn {
        font-size: 13px;
        word-break: keep-all;
        margin: 8px 0;
        padding: 6px;
        gap:2px;
    }


}












/* --- option_area ---*/
.info_row.opt_box {
	position: relative;
	flex-direction: column;
}

.info_row.opt_box>div {
	width: 100%;
}



.opt_select_area {position: relative;width:100%;}

.c-select {
	min-height: 60px;
	font-size: 17px;
	padding: 10px 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}


.info_row .option_wrap .c-select {
	background-color: #fff;
	border-bottom: 1px solid #707070;

}

.info_row .option_wrap .c-select:hover {
	background-color: #777;
}

.info_row .option_wrap .c-select:last-child {
	border-bottom: 1px solid transparent;
}

.c-select span.txt {
	min-width: 60px;
	padding-left: 10px;
	border-left: 1px solid #707070;
	font-size: 17px;
}

.c-select span.txt:first-child {
	max-width: 80%;
	text-align: left;
	padding-left: 0;
	border-left: 0;
}


.info_row .option_list {
	width: 100%;
}

.info_row .option_list li.optSelect {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	background-color: #f8f8f8;
	padding: 16px 20px;
	margin-bottom: 4px;
	position: relative;
	gap: 5px;
}

.info_row .option_list li.optSelect .op_tit {
	margin-bottom: 8px;
	margin-right: 15px;
}

.info_row .option_list li.optSelect .opt_del {
	position: absolute;
	top: 15px;
	right: 15px;
}

.info_row .option_list li.optSelect .option_wrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.info_row .option_list .amt_box {
	margin-bottom: 0;
	height: 26px;
}
.amt_box img{width:26px}

.amt_box .btn_minus,
 .amt_box .btn_plus {
	width: 26px;
	height: 26px;
	border: unset;
}

 .amt_box .number {
	width: 40px;
	height: 26px;
	border:1px solid #707070;
	min-width: unset;
	border-radius: 0;margin-left:0px;
}

.info_row .option_list .op_tit {
	color: #7d7d7d;
	font-size: 16px;
}

/* 판매가, 구매 여부 확인 */

.info_row .purchase_ck {}

.info_row .purchase_ck>span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 160px;
	height: 40px;
	font-size: 16px;
	border-radius: 50px;
	background-color: #fff;
}

.info_row .purchase_ck span.purchase_ck-y {
	border: 1px solid #ddd;
}

.info_row .purchase_ck span.purchase_ck-n {
	border: 1px solid #e3e3e3;
}

.info_row .purchase_ck span.purchase_ck-n.selectOpt {
	border: 1px solid #707070;
}

.info_row .purchase_ck span.purchase_ck-n.selectOpt img {
	width: 18px;
}

.info_row .title_col {
	width: 20%;
	color: #7d7d7d;
	font-size: 16px;
	font-weight: 500;
	min-width: 120px;
}

.info_row .total_price {
	font-size: 16px;
	width: 80%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 14px;
}

.info_row .total_price .price {
	color: #ddd;
	font-size: 34px;
}

.info_row.sell_con {
	padding: 40px 0 20px;
}

.info_row.warning {
	background-color: #777;
	padding: 16px 0;
	justify-content: center;
	gap: 4px;
	border-radius: 10px;
}

/* 구매버튼 */
.buyBtn_box .btn_wrap {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 6px;
}

.buyBtn_box>button {
	flex: 1 1 auto;
}

/* 모바일 장바구니, 구매버튼, 찜  */
.buyBtn_box.mobile {
	display: xnone;
}

.wishBtn,
.buyBtn.addToCart {
    border: 1px solid #ff8f3d;
    color: #fff ! important;
}

.buyBtn.buyOrder {
    color: #fff;
    background-color: #ff8f3d;
}
/**/
.btn-box {
    display: flex;
    justify-content: center;
    margin-bottom: 150px;
    gap: 10px;
}

.btn-box button {
    margin: 0;
}

.blueBtn {
    color: #fff;
    font-size: 1.5rem;
    min-width: 150px;
    height: 40px;
    border-radius: 10px;
    padding: 0 15px;
    letter-spacing: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 18px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
}

.buyBtn,
.wishBtn {
    border-radius: 6px;
    font-size: 20px;
    padding: 24px 0;
}

.wishBtn {
    padding: 24px;
    width: 24px;
    height: 24px;
    box-sizing: content-box;
    background-image: url('/assets/images/ico/icon_wish-list_off.png');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center center;
}

.wishBtn.addToWishList {
    border-color:#ddd;

}

.wishBtn.on {
    background-image: url('/assets/images/ico/icon_wish-list_on.png');
}

.buyBtn {
    width: 254px;
}

.buyBtn_box.mobile .buyBtn {
    width: 254px;
}

.wishBtn,
.buyBtn.addToCart {
    border: 1px solid #d5d5d5;
    color: #fff;
}

.buyBtn.buyOrder {
    color: #fff; 
    background-color: #ff8f3d;
}

/**/


.view_info .option_area.on .conts_area {
	overflow-y: auto;
	max-height: 368px;
}

.option_area.on .total_price {
	display: flex;
	border-top: 1px solid #000;
}

.view_info .option_area.on .btn_area1 {
	display: none;
}

.view_info .option_area.on .btn_area2 {
	display: block;
}

.view_info .btn_area2 .btn_area2_wrap {
	display: flex;
}

.view_info .btn_area2 .npay_type1 {
	display: block;
	width: 100%;
	margin-top: 10px;
}






/* ============ 답례품정보 ============ */
.tab-content .total_top {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 30px;
}

.tab-content .total_top .total {
	font-size: 20px;
}

.tab-content .total_top .total span {
	margin-left: 4px;
	font-size: unset;
}


.item_view .txt {
	font-size: 1.4rem;
	line-height: 2.4rem;
}

/* -------- 기부내역 -------- */
.list_wrap .list-none{
	margin: 0;
	border-bottom: 1px solid #707070;
}
.list_wrap .list-none img{
	height: 120px;
}
.total-noti-wrap,
.noti-box {
	display: flex;
	justify-content: center;
	align-items: center;
}

.noti_wrap {
	position: relative;
	margin-bottom: 80px;
}

.noti_wrap .noti-box {
	border-radius: 20px;
	height: 113px;
	width: 460px;
	background-color: #fff;
	font-size: 21px;
	text-indent: -25px;
	text-align: right;
}

.noti_wrap .gohyangee {
	position: absolute;
	right: 30px;
	bottom: -20px;
}

.prj-tab-list_point-txt {
	font-size: 18px;
}

/* -------- 답례품 후기 : item_review -------- */

.list_area.list_tit,
.list_header .list_h_wrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.list_area.list_tit {
	color: #7d7d7d;
	font-weight: 500;
	border-bottom: 1px solid #707070;

}

.list_wrap {
	border-top: 2px solid #7d7d7d;
	font-size: 16px;
	margin-bottom: 30px;
}

.list_wrap .list_top {
	color: #7d7d7d;
	border-bottom: 1px solid #707070;
}

.list_wrap .list_tit {
	font-weight: 700;
}

.list_wrap .list_tit,
.list_wrap .list_top,
.list_wrap .list_header {
	padding: 20px 30px
}

.list_wrap .list_header {
	background-color: #777;
	color: #707070;
	display: none;
	line-height: 1.3em;
	font-size: 16px;
}

.list_wrap .list_header .txt_area {
	margin-bottom: 20px;
}

.list_wrap .list_header .txt_area strong {
	line-height: 1.5em;
}

.list_wrap .list_header .review_thumb_box .swiper-slide {
	width: 240px;
	margin-right: 8px;
}


.list_area .list_top .item_para p,
.list_area .list_top .review_para p {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.item_review .list_header .con_wrap {
	width: 90%;
}

.item_review .list_area .review_idx {
	width: 10%;
}

.item_review .list_area .review_para {
	width: 55%;display:inline-block;
	padding-right: 20px;
}

.list_area .m-field {
	width: 40%;
	display:inline-block;
	justify-content: space-between;
}

.item_review .list_area .review_grade,
.item_review .list_area .review_id,
.item_review .list_area .review_date {
	width: 32%;
	text-align: center;display:inline-block;
}

/* -------- 자주묻는질문 --------  */
.item_qna .total_top .search-field {
	width: 350px;
}

.item_qna .total_top .search-field input {
	width: 100%;
}

.list_wrap.qna_list .list_top {
	padding: 0;
	flex-direction: column;
	border: none;
}

/* 1차 faq 리스트 */
.list_wrap.qna_list .list_top>button {
	padding: 24px 20px;
	border-bottom: 1px solid #707070;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	font-size: 16px;
	color: #707070;
	width: 100%;
	gap: 20px;
}

.list_wrap.qna_list .list_top>button .faq-icon {
	margin: 0;
}

.list_wrap.qna_list .header-faq {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 16px;
}

.list_wrap.qna_list .header-faq .qna_txt {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre-wrap;
}

.list_wrap.qna_list .header-faq .status_c {
	padding: 0 30px;
}

.list_wrap.qna_list .header-faq .status_c.category {
	min-width: 150px;
	text-align: center;
	font-weight: 700;
}

.list_wrap.qna_list .header-faq .status_c.date {
	min-width: 130px;
}

.list_wrap.qna_list .list_top.dropdown .dropdown-toggle::after {
	border: none !important;
	background-image: url('/assets/images/ico/list-dropdown.png');
	background-size: 16px auto;
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 8px;
	background-position: center center;
	align-self: flex-end;
}

.list_wrap.qna_list .list_top.dropdown.show .dropdown-toggle::after {
	transform: rotate(180deg);
}

/* 2차 faq 리스트 */

.list_wrap.qna_list .list_top.dropdown .dropdown-menu {
	position: unset !important;
	transform: unset !important;
	width: 100%;
	display: none;
	border: none;
	padding: 20px;
}

.list_wrap.qna_list .list_top.dropdown.show .dropdown-menu {
	position: unset !important;
	transform: unset !important;
	display: block;
	float: unset;
	border-bottom: 1px solid #707070;
	background-color: #777;
	margin-top: 0;
}

.list_wrap.qna_list .list_top.dropdown .dropdown-menu .notice-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}



/* -------- item_qna -------- */
.item_qna {
	/* padding: 0 20px; */
}

.item_qna .item_idx {
	width: 5%;
}

.item_qna .item_qtype {
	width: 12%;
}

.item_qna .item_id,
.item_qna .item_date,
.item_qna .item_answers {
	width: 33.333%;
}

.item_qna .item_id,
.item_qna .item_date,
.item_qna .item_answers {
	text-align: center;
}

.item_qna .item_para {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 50%;
}

.item_qna .txt_area {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	white-space: pre-wrap;
}

.item_qna img {
	margin-right: 8px;
}

.item_qna img.icon-img {
	margin: 0;
	transform: translate(0, -1px);
}

.list_wrap .list_header .txt_area .a_date {
	padding-top: 6px;
	color:#ddd;
}

.item_qna .list_header .con_wrap {
	width: 82.5%;
}


/* q&a */
.item_qna .list_in {
	padding-top: 30px;
	padding-bottom: 30px;
}

.item_qna .faq_list .question {
	margin-top: 1.4rem;
}

.faq_list .lock {
	display: inline-block;
	width: 12px;
	height: 13px;
	margin-right: 4px;
	background: url('/assets/images/ico/icon_lock.png') no-repeat;
	background-size: 12px auto;
	vertical-align: middle;
}

/* --- item_info_detail ---*/
.item_info_detail {
	margin-bottom: 30px;
	border: 1px solid #e2e2e2;
}

.item_info_detail tr {
	border-top: 1px solid #e2e2e2;
}

.item_info_detail tr:first-child {
	border-top: 0;
}

.item_info_detail td,
.item_info_detail th {
	padding: 12px 17px;
	font-size: 1.2rem;
	line-height: 1.7rem;
}

.item_info_detail th {
	font-weight: 500;
	vertical-align: middle;
	background: #f7f7f7;
}

.item_info_detail .vertical_top {
	vertical-align: top;
}

.item_info_detail td {
	color: #959595;
}

.btn_buyer img {
	width: 12px;
	height: 12px;
}



/* --- item_info_detail ---*/
.item_info_deatil {
	margin-bottom: 40px;
	border: 1px solid #e2e2e2;
}

.item_info_deatil tr {
	border-top: 1px solid #e2e2e2;
}

.item_info_deatil tr:first-child {
	border-top: 0;
}

.item_info_deatil td,
.item_info_deatil th {
	padding: 12px 17px;
	font-size: 1.2rem;
	line-height: 1.7rem;
}

.item_info_deatil th {
	font-weight: 500;
	vertical-align: middle;
	background: #f7f7f7;
}

.item_info_deatil th.vertical_top {
	vertical-align: top;
}

.item_info_deatil td {
	color: #959595;
}

.detail_view_wrap .view_right .option_total {
	margin: 30px 0;
}




/* 검색결과 유/무 */
.search_contents .tit_wrap {
	padding-bottom: 21px;
	border-bottom: 1px solid #f5f5f5;
}

.search_contents .tit_wrap .tit {
	font-weight: 400;
}

.search_contents .tit_wrap span {
	display: inline-block;
	margin-right: 4px;
	font-weight: 500;
}

.search_contents .search_txt {
	display: table;
	margin: 76px auto 0;
}

.search_contents .search_txt>p {
	font-size: 1.6rem;
	text-align: center;
}

.search_contents .info_dot {
	margin-top: 20px;
}


/* -------- 판매자 정보 -------- */
.buyer_wrap {}

.buyer_area {
	font-size: 16px;
}

.buyer_area ul {
	line-height: 1.3em;
}

.buyer_area{
	align-items: stretch;
}

.notice_wrap .info_row,
.buyer_area{
	border-bottom: 1px solid #707070;
}

.notice_wrap .info_row>span,
.buyer_area .info_row>span {
	display: block;
	padding: 16px 20px;
}

.notice_wrap .info_row:first-child,
.buyer_area .info_row:first-child {
	border-top: 1px solid #707070;

}

.buyer_area .ta_title {
	background-color: #f7f7f7;
	width: 30%;
}

.buyer_area .ta_data {
	width: 70%;
	color: #707070;
	line-height: 1.3em;
}

.buyer_area .ta_data .warn li {
	margin-bottom: 16px;
	line-height: 1.25em;
}


.buyer_wrap .buyer_area .tit_area {
	display: flex;
	margin-bottom: 15px;
	align-items: center;
}

.buyer_wrap .buyer_area .buyer_tit {
	font-size: 1.4rem;
	font-weight: 700;
}

.buyer_wrap .buyer_area dt,
.buyer_wrap .buyer_area dd {
	margin-bottom: 10px;
	font-size: 1.2rem;
	line-height: 1.8rem;
}

.buyer_wrap .buyer_area dt {
	font-weight: 400;
	color: #4c4c4c;
}

.buyer_wrap .buyer_area dd {
	color: #959595;
}

/* --- deli_info ---*/
.buyer_wrap .deli_info {
	/* margin-top: 30px; */
}

.notice_wrap .deli_info .deli_tit,
.buyer_wrap .deli_info .deli_tit {
	color: #7d7d7d;
	font-size: 16px;
	margin-bottom: 20px;
}

.buyer_wrap .deli_info .txt_area {
	margin-top: 10px;
}

.buyer_wrap .deli_info .txt_area dl {
	position: relative;
	margin-bottom: 18px;
}

.buyer_wrap .deli_info .txt_area dl:last-child {
	margin-bottom: 0;
}

.buyer_wrap .deli_info .txt_area dt,
.buyer_wrap .deli_info .txt_area dd {
	font-size: 1.2rem;
	line-height: 1.8rem;
}

.buyer_wrap .deli_info .txt_area dt {
	margin-bottom: 8px;
	font-weight: 400;
	color: #4c4c4c;
}

.buyer_wrap .deli_info .txt_area dd {
	position: relative;
	margin-bottom: 6px;
	padding-left: 10px;
	color: #959595;
}

.buyer_wrap .deli_info .txt_area dd:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 3px;
	height: 3px;
	margin-right: 5px;
	border-radius: 50%;
	background: #959595;
}

.buyer_wrap .deli_info .txt_area dd:last-child {
	margin-bottom: 0;
}

/* 바로선택 */
.directSelect {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 1010;
}

.directSelect .center.drs {
	display: flex;
	justify-content: flex-end;
}

.directSelect_area {
	position: absolute;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	z-index: 1029;
	width: 900px;
	max-height: 400px;
	position: relative;
	min-width: 300px;
}

.dirSelBtn {
	background-color: #ddd;
	border: 1px solid var(--sub-color1);
	border-radius: 16px 16px 0 0;
	padding: 8px 24px;
	color: #fff;
	transform: translateY(1px);
	/* margin-right: 24px; */
}

.dirSelBtn:focus-visible {
	padding: 8px 24px;
	border-radius: 16px 16px 0 0;
}

.center.drs  {
	position: unset !important;
	transform: none !important;
	margin: 0;
}

 {
	max-width: 900px;
	width: 100%;
	background-color: #fff;
	/* border: 1px solid #777; */
	border-radius: 16px 0 0;
	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.16);
	padding: 20px 40px 30px;
	display: none;
}

 h2 {
	text-align: center;
	font-size: 18px;
	color: #7d7d7d;
	margin-bottom: 20px;
}

.center.drs .directSelect_area.dropdown .dropdown-toggle::after {
	width: 14px;
	height: 14px;
	background-image: url('/static/images/icon/direct_drop.png');
	border: none;
	background-size: 14px auto;
	transform: translateY(4px);
}

.center.drs .directSelect_area.dropdown.show .dropdown-toggle::after {
	transform: translateY(4px) rotate(-180deg);
}

.center.drs .directSelect_area .dropdown_box.show .option_wrap {
	transform: translate3d(-4px, 50px, 0) !important;
}

>.info_row {
	gap: 30px;
	align-items: flex-end;
}

.select-col {
	max-width: 390px;
	width: 50%;
	max-height: 50vh;
	flex: 1 1 auto;
}

.select-col:first-child {
	overflow-x: hidden;
	overflow-y: scroll;
	max-height: 350px;
}

.select-col::-webkit-scrollbar-track {
	background-color: transparent;
}

.select-col .option_wrap {
	left: 4px !important;
}

.select-col .c-select {
	height: 50px;
}

.select-col{
	margin-bottom: 20px;
	font-size: 12px;
	border-top: 1px solid #707070;
	padding-top: 20px;
}

.select-col .price {
	font-size: 20px;
}

.select-col .buyBtn_box {
	display: flex;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
	gap: 0;
}

.select-col .buyBtn_box button {
	margin: 0;
	border-radius: 0;
	padding: 16px 24px;
}

.select-col .buyBtn_box button.addToCart,
.select-col .buyBtn_box button.addToWishList {
	border-color: #707070;

}

 #ddd_close {
	display: none;
}

.swiper_img {
	width: 100%;
}


/* 답례품상세 > 후기, Q&A 아코디언 게시판 241030 */
.item_review .dropdown .dropdown-toggle::after, 
.item_qna .dropdown .dropdown-toggle::after {
	border: none !important;
    background-image: url('/static/images/icon/list-dropdown.png');
    background-size: 16px auto;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 8px;
    background-position: center center;
}

.item_review .dropdown.show .dropdown-toggle::after, 
.item_qna .dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
}
.item_review .list_area .review_para, 
.item_qna .list_area .item_para {
	text-align: left;
	font-weight: normal;
}
/* ////////////// */


@media screen and (max-width:1030px) {
	.goods_view_top {
		margin-bottom: 50px;
	}

	.goods_view_top .info_row.rev_donation_wrap {
		flex-direction: column;
		align-items: flex-start;
	}

	.info_row.m_col {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}


	.info_row .formBtn.donation {
		width: 100%;
		margin-top: 20px;
	}

	.item_view .tab-pane {
		padding: 0;
	}

	.buyer_area {
		/* max-width: 768px; */
		margin: 0 auto;
	}

	.buyer_area .info_row>span {
		width: 100%;
	}

	/* 판매가, 구매 여부 확인 */
	.info_row .total_price {
		flex-direction: column;
		gap: 6px;
		align-items: flex-end;
	}


	/* prj_tab */
	.item_tab.prj_tab.sticky+.tab_container .tab-content>.tab-pane {
		padding-top: 150px;
	}

	.sticky-prj_info .center .prj_progress_wrap,
	.sticky-prj_info .center {
		height: 50px;
	}

	.sticky-prj_info .center button {
		height: 36px;
		font-size: 16px;
	}

	.sticky-prj_info .center button img {
		height: 20px;
		margin-right: 6px;
	}

	.sticky-prj_info .center .prj_details .donation_amount .txt,
	.sticky-prj_info .center .prj_details .prj_progress {
		display: none;
	}

	.sticky-prj_info .center .prj_details .donation_amount strong {
		font-size: 22px;
	}
}


/* === Tablet === */
@media screen and (max-width:960px){


/** 답례품 상세 탭메뉴 **/

.mall_btm_tablink {
  background-color: #858585;
  color: #fff;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 7px;
  font-size: 1.27rem;
  width: 20%;height:60px;word-break: keep-all;
}

.mall_btm_tabcontent {
    color: #545454;
    display: none;
    padding: 15% 0% 10px 0;
    height: 100%;
}

/** 모바일 답례몰 상단 버튼 **/

.mall_de_mb_top{width:100%;display:flex;flex-wrap: nowrap; justify-content: space-between;}

.go_m_list{text-align:left;}
.go_m_list img{width:12px;padding-right:0px;}

.go_cart{text-align:right;}
.go_cart img{width:25px;padding-right:0px;}


/** 모바일 답례몰 바텀 버튼 **/
.buyBtn_box .btn_wrap {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 6px;margin:8px 0 8px 2.5%
}

.wishBtn.addToWishList {
    border-color: #555;
}

.buyBtn.addToCart {
    border:none;background:#333;
    color: #fff;
}

.buyBtn.buyOrder {
    color: #fff; 
    background-color: #ff8f3d;
}

/************/



.DE_mySlides img{max-height:500px;min-height:auto;}
.column  img{max-height:80px;min-height:60px;}
	
	/* 상세보기 탑 */
	.goods_view_top {
		flex-direction: column;
		align-items: center;
		padding-top: 0px;
	}

/*** 상세 하단 TAB ***/

.DE_tab { overflow: hidden;}

.DE_tab button {
  background-color:#868686;border-radius:5px 5px 0 0;float:left;margin:0px 0.5%;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 15px;
  transition: 0.3s;
  font-size: 1.4rem;
  color:#fff;
  display:inline-block;
  width:48%;height:60px;
}

.DE_tab button:hover {
  background-color: #555;
}

.DE_tab button.active {
  background-color: #f9ab25;color:#fff;
}

/*.tabcontent {
  display: none;
  padding: 8px 15px;
  border-top: 1px solid #f9ab25;
  padding:5%
}
*/
.noti_wrap {position: relative;margin-bottom:0px}

.list_wrap {
	border-top: 2px solid #7d7d7d;
	font-size: 1.4rem;
	margin-bottom: 15px;
}

.list_wrap .list_top {
	color: #7d7d7d;
	border-bottom: 1px solid #707070;
}

.list_wrap .list_tit {font-weight: 500;}

.list_wrap .list_tit,
.list_wrap .list_top,
.list_wrap .list_header {padding: 20px 30px}

.prj-tab-list_point-txt {font-size: 1.4rem;}


/**********/
/*** 답례품몰 상세 하단 TAB ***/

.mall_de_tab { overflow: hidden;}

.mall_de_tab button {
  background-color:#868686;border-radius:5px 5px 0 0;float:left;margin:0px 0.5%;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 15px;
  transition: 0.3s;
  font-size: 1.4rem;
  color:#fff;
  display:inline-block;
  width:20%;height:60px;
}

.mall_de_tab button:hover {
  background-color: #555;
}

.mall_de_tab button.active {
  background-color: #f9ab25;color:#fff;
}

.mall_de_tabcontent {
  display: none;
  padding: 8px 15px;
  border-top: 1px solid #f9ab25;
  padding:5%
}

/**********/


	.page-title-box.mall,
	.items_detail_wrap>#header,
	.items_detail_wrap>#header_g,
	.item_category {
		display: none;
	}

	#fixed_top {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
		background-color: #fff;
		height: 50px;
		border-bottom: 1px solid #777;
	}

	#fixed_top .center {
		height: inherit;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.item_tab.sticky {
		/* top: 50px !important; */
	}

	.item_tab ul {
		margin: 0 10px;
	}

	.item_tab .nav-link {
		height: 60px;
	}


	.item_tab .nav-justified .nav-item {
		flex: 1 1 auto;
	}

	.item_tab .nav-link .txt {
		font-size: 12px;
	}

	.item_tab .nav-link.active .txt {
		display: inline-block;
		padding: 19px 0;
	}

	/* 상세보기 탑 */
	.goods_view_top {
		flex-direction: column;
		align-items: center;
		padding-top: 0px;
	}


	.goods_view_top>div {
		width: 100%;
		margin-bottom: 30px;
	}

	.goods_view_top .target_img {
		background-color: #777;
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(300px - 50vw);
	}

	.goods_view_top .target_img img {
		height: 360px;
	}

	.goods_view_top .thumb_box {
		display: none;
	}

	.goods_view_top .goods_info{
		margin-bottom: 0;
	}

	.goods_view_top .goods_info .info_title h2 {
		font-size: 22px;
		letter-spacing: 1px;
	}


	.goods_view_top .goods_info .flag-icon {
		font-size: 10px;
		padding-bottom: 5px;
	}

	.info_row.opt_box {
		display: none;
	}

	.buyBtn_box.detop {
		display: none;
	}

	.buyBtn_box.mobile {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		max-width: 768px;
		background-color: #fff;
		z-index: 1000;
	}

	.buyBtn_box.mobile .btn_wrap {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		gap: 0;
		margin: 0 auto;
	}

	.buyBtn_box.mobile button {

		margin: 0;
		border-radius: 0;
		padding: 16px 24px;
	}

	.buyBtn_box.mobile button.addToWishList {
		border-color: #707070;
	}

	.buyBtn_box.mobile button.addToCart {
		border-color: #000;
		width: calc((100% - 24px) / 2);
	}

	.buyBtn_box.mobile button.buyOrder {
		width: calc((100% - 24px) / 2);
	}

	/* 옵션선택 창 */
	.select-col .c-select,
	.c-select {
		padding: 12px 20px;
	}

	/* 바로구매 */
	.dirSelBtn {
		display: none;
	}


	>.info_row {
		flex-direction: column;
	}

	.select-col:first-child {
		max-width: 100%;
	}

	.buyBtn_box {
		max-width: 100%;
		width: 100%;
	}

	.buyBtn_box button {
		width: calc((100% - 24px) / 2);
	}

	.buyBtn_box button.addToCart {
		width: calc((100% - 24px) / 2);
	}

	.buyBtn_box button.addToWishList {
		width: 24px;
	}

	 .mobile_close {
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}

	.directSelect_area {
		width: 100%;
	}

	/* 탭 콘텐츠 */
	.tab-content>.tab-pane {
		padding-top: 60px;
	}

	.item_tab.sticky+.tab_container .tab-content>.tab-pane {
		padding-top: 140px;
	}

	.tab-content .total_top {
		margin-bottom: 12px;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		margin-bottom: 20px;
	}

	.tab-content .total_top button {
		width: 100%;
		margin-bottom: 20px;
	}

	.tab-content .total_top .total {
		font-size: 16px;
	}

	/* -------- 기부내역 --------  */
	.list_wrap .list-none img{
		height: 80px;
	}
	.noti_wrap .noti-box {
		width: 350px;
		font-size: 18px;
	}

	.noti_wrap .gohyangee {
		right: 10px;
		transform: scale(0.9);
	}

	/* -------- 자주묻는질문 --------  */
	.list_wrap.faq_list .list_top>button {
		gap: 10px;
		padding: 18px 6px;
	}

	.list_wrap.faq_list .list_top .faq-icon {
		width: 48px;
	}

	.list_wrap.faq_list .list_top.dropdown .dropdown-menu {
		padding: 18px 6px;
	}

	/* -------- 답례품 후기 % 답례품 Q&A -------- */
	.list_wrap .review_idx {
		display: none;
	}

	.list_wrap .item_idx,
	.list_wrap .list_tit {
		display: none
	}

	.list_wrap .list_area .list_top {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 20px 10px;
	}

	.item_qna .list_header .con_wrap,
	.item_qna .txt_area .txt_answer,
	.item_qna .item_idx,
	.item_qna .item_qtype,

	.item_review .list_header .con_wrap,
	.item_review .list_area .review_para,
	.list_wrap .list_area .list_top .review_idx,
	.list_wrap .list_area .list_top .reviewreview_para_idx,
	.list_wrap .list_area .list_top .m-field {
		width: 100%;
	}

	.item_qna .item_id,
	.item_qna .item_date,
	.item_qna .item_answers,
	.item_review .list_area .review_grade,
	.item_review .list_area .review_id,
	.item_review .list_area .review_date {
		width: xunset;font-size:1.3rem;color:#999
	}
	.item_review .list_area .review_id{text-align:left}
	.item_review .list_area .review_date{text-align:right;font-size:1.2rem}

	.item_qna .item_qtype,
	.item_qna .item_para,
	.item_review .list_area .review_para {
		margin-bottom: 10px;
	}

	.list_h_wrap .admin_reply {
		padding: 0;
	}

	.list_wrap .list_header {
		background-color: #fff;
		padding: 20px 10px;
	}

	.item_qna .item_date p::before {
		content: '|';
		position: relative;
		left: -14px;
		top: -1px;
		color: #707070;
		font-size: 13px;
		line-height: 12px;
	}

	.item_answers {
		min-width: 50%;
	}

	.item_answers p {
		text-align: right;
	}

	/* 바로선택 */
	.center.drs {
		width: 100%;
		margin: 0;
	}

	 {
		padding: 20px 0 0;
	}

	>.info_row {
		flex-direction: column;
		align-items: center;
	}

	.select-col {
		min-width: 300px;
		width: 100%;
		max-width: 768px;
	}

	.select-col:first-child {
		padding: 0 3%;
		max-height: 550px;
	}

	.select-col{
		/*padding: 20px 3% 0;*/
		padding: 20px 3% 20px;
		width: 380px;
		margin: auto;
	}

	.notice_wrap .info_row,
	.buyer_area{
		border: solid #707070;
		border-width: 1px 1px 0;
	}

	.notice_wrap .info_row>span:nth-child(2),
	.buyer_area .info_row>span:nth-child(2) {
		border-top: 1px solid #707070;
	}


	.notice_wrap .info_row:last-child,
	.buyer_area .info_row:last-child {
		border-bottom: 1px solid #707070;
	}

	/* prj_tab */
	.item_tab.prj_tab.sticky+.tab_container .tab-content>.tab-pane {
		/* padding-top: 130px; */
		padding-top: 60px;
	}
	.item_tab.prj_tab .nav-justified .nav-item {
		width: 30%;
	}

	.item_tab.prj_tab .nav-link.active .txt {
		display: block;
	}

	.sticky-prj_info .center button {
		min-width: 120px;
	}

	.sticky-prj_info .center .prj_progress_wrap>div {
		min-width: unset;
	}

	.sticky-prj_info .center .prj_details .donation_amount strong {
		font-size: 20px;
	}

	.item_review .dropdown .dropdown-toggle, 
	.item_qna .dropdown .dropdown-toggle {
		position: relative;
	}
	.item_review .dropdown .dropdown-toggle::after {
        position: absolute;
		top: 20px;
        right: 10px;
	}
	.item_qna .dropdown .dropdown-toggle::after {
		position: absolute;
		top: 48px;
        right: 10px;
	}
	/* ////////////// */

}

@media screen and (max-width:640px) {
	.goods_view_top .target_img {margin-left: -20px;}

	.mall_btm_tabcontent {padding: 20% 0% 10px 0;	}
}


@media screen and (max-width:480px) {
	.info_row .title_col {min-width: 70px;}
	.mall_btm_tabcontent {padding: 25% 0% 10px 0;	}

}








/*************************************/
/******* 답례품 상세 옵션 ************/
.mall_option_btn {
  background: #fff;
  color: #545454;
  padding: 15px 30px 15px 15px;
  font-size: 1.4rem;
  cursor: pointer;
  min-width:615px;
  border:1px solid #e5e5e5;
  background:url('/assets/images/ico/filter_drop.png') 95% center no-repeat;
  background-size: 20px;text-align:left
}

.mall_option_btn:hover, .mall_option_btn:focus {
  background-color: #e5e5e5;
}

#myInput {
  box-sizing: border-box;
  font-size: 1.4rem;
  padding: 8px 10px;
  border: none;
  border-bottom: 1px solid #ddd;
}

#myInput:focus {outline: 3px solid #ddd;}

.mall_option {
  position: relative;
  display: inline-block;width:100%
}

.mall_option-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 100%;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
}

.mall_option-content a {
  color: black;
  padding: 8px 10px;
  text-decoration: none;
  display: block;font-size:1.3rem
}

.mall_option a:hover {background-color: #ddd;}

.show {display: block;}

.opt_select_area .mall_option select{width:100%;padding:10px ! important;font-size:1.57rem;height:50px}

@media screen and (max-width:640px) {

	/******* 답례품 상세 옵션 ************/
	.mall_option_btn {
	  background: #fff;
	  color: #545454;
	  padding: 15px 30px 15px 15px;
	  font-size: 1.4rem;
	  cursor: pointer;
	  min-width:100%;
	  border:1px solid #e5e5e5;
	  background:url('/assets/images/ico/filter_drop.png') 95% center no-repeat;
	  background-size: 20px;text-align:left
	}
}




/** 답례몰 하단 박스 **/
.de_notiW {
  background-color: #fff;
  border-bottom:1px solid #DDD;
  color: #545454;
  cursor: pointer;
  padding: 25px 20px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 1.5rem;width:100%;
  transition: 0.4s;
}
.active, .de_notiW:hover {background-color: #F6F6F6; transition:0.6s;}

/*게시판colgroup*/

.de_noti_numW{width:8%;display:inline-block}
.de_noti_cateW{width:10%;display:inline-block}
.de_noti_subjW{width:55%;text-align:left;display:inline-block}
.de_noti_dateW{width:33%;font-size:1.4rem;color:#8d8d8d;display:inline-block}


.de_qna_subjW{width:48%;text-align:left;display:inline-block}
.de_qna_dateW{width:32%;font-size:1.4rem;color:#8d8d8d;display:inline-block}

.review_grade{width:40%;text-align: center;display:inline-block}
.review_id{width:25%;text-align: center;display:inline-block}
.review_date {width:25%;text-align: center;display:inline-block}
.review_name{width:40%;text-align: center;display:inline-block}

/**/

@media screen and (max-width:760px) {

/*게시판colgroup*/

.de_noti_numW{width:8%;display:inline-block}
.de_noti_cateW{width:20%;display:inline-block;font-size:1.3rem}
.de_noti_subjW{width:80%;text-align:left;display:inline-block}
.de_noti_dateW{width:100%;font-size:1.3rem;color:#8d8d8d;display:inline-block;font-size:1.3rem;padding-top:15px}


.de_qna_subjW{width:65%;text-align:left;display:inline-block}
.de_qna_dateW{width:100%;font-size:1.3rem;color:#8d8d8d;display:inline-block;padding-top:15px}

.review_grade{width:40%;text-align: center;display:inline-block;font-size:1.2rem;}
.review_id{width:28%;text-align: center;display:inline-block;font-size:1.2rem;}
.review_date {width:28%;text-align: center;display:inline-block;font-size:1.2rem;}
.review_name{width:40%;text-align: center;display:inline-block;font-size:1.2rem;}

/**/



}


/* 별점, 답례품후기 보기 */
.goods_view_top .info_row.rev_donation_wrap {
	display:flex;align-items: flex-end;padding:15px 0 15px 0;
	margin-bottom: 0px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5
}

.item_grade {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.item_grade .grade {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}


.item_grade .txt {
	margin-left: 18px;font-size:1.4rem
}

.item_grade .txt span {
	text-decoration: underline;
	margin-right: 8px;
}


.rev_donation_wrap button{display:inline-block;margin:10px 0 0 0}

.rating_star {}

.rating_star span {
	width: 16px;
	height: 16px;
	margin-right: 3px;
}

.item_grade .grade .num>b {
	color: #ddd;
	transform: translateY(-1px);
	display: inline-block;
	margin-left: 4px;
}






/* 판매자, 배송비 */
.info_row.etc {
	flex-direction: column;
}

.info_row.etc>div {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 16px;
}

.info_row .shop_info .para_col {
	flex-direction: column;
	align-items: flex-start;
}

.info_row .price .num {
	font-size: 32px;
	font-weight: bolder;
	color: #707070;
}

.list_h_wrap .swiper-wrapper {
	margin-bottom: 20px;
	height: 240px;
}

.list_h_wrap .swiper-slide {
	width: 240px;
}

.list_h_wrap .swiper-slide img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}

.list_h_wrap .admin_reply {
	padding-right: 60px;
}

.list_h_wrap .admin_reply .reply_area {
	background-color: #fff;
	border: 1px solid #707070;
	padding: 14px 30px;
}

.list_h_wrap .admin_reply .reply_area .acontents {
	margin-bottom: 4px;
	line-height: 1.3em;
	color: #707070;
}

.list_h_wrap .admin_reply .reply_area .acontents,
.list_h_wrap .g_info .g_info__txt .info_total {
	white-space: pre-wrap;
}

.list_h_wrap .admin_reply .reply_area .adate img {
	width: 16px;
	margin-right: 4px;
}

.list_h_wrap .admin_reply .reply_area .v-line {
	margin: 0 6px;
	transform: translateY(3px);
	height: 14px;
}


/* ============ 별점 ============ */
.rating_star {
	display: flex;
	justify-content: center;
	align-items: center;
}

.rating_star span{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/assets/images/ico/grade_star-empty.png') no-repeat 0 0;
	background-size: 100%;
}

.rating_star:last-child {
	margin-right: 0;
}

.rating_star .star_on {
	background: url('/assets/images/ico/grade_star-full.png') no-repeat 0 0;
	background-size: 100%;
}

/* lg */
.rating_star.lg span {
	width: 24px;
	height: 24px;
}

/* xl */
.rating_star.xl span {
	margin-right: 7px;
	width: 34px;
	height: 34px;
	cursor: pointer;
}

/* rating_wrap */
.rating_wrap {
	text-align: center;
}

.rating_wrap .rating_star {
	justify-content: center;
}

.rating_wrap .score {
	margin-top: 10px;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 2.7rem;
	color: #959595;
}

@media screen and (max-width:760px) {


.info_row .shop_info .para_col .txt{font-size:1.3rem}
.info_row .title_col {   min-width: 70px; font-size:1.3rem  }

.mall_s-txt {padding: 10px 0; line-height: 1.6rem;   font-size: 1.3rem;}
.goods_view_top .goods_info .info_title {  margin-bottom: 8px;font-size: 1.5rem ! important;}

}


/***********************************************************************************/
/***********************************************************************************/

/*** 장바구니 ***/
.mall_cart_top{width:100%;display:block;padding:15px 10px;float:left;}
.mall_cart_top div{display:inline-block;margin-right:10px}
.mall_cart_top span{display:inline-block;margin-right:10px}

.mall_info_img{float:left;width:30%;}
.mall_info_img img{max-width:100px;}
.mall_info__txt{float:left;width:68%;text-align:left;margin-top:25px}
.mall_info_loc{width:100%;font-size:1.3rem;padding:0 0 5px 0}
.mall_info_title{width:100%;font-size:1.6rem;padding:0 0 5px 0}
.mall_info_opt{width:100%;font-size:1.2rem;padding:0 0 5px 0}

.mall_cart_point{color:#ff8929;font-size:500;font-size:1.6rem;text-align:center}

.grade-bg{float:right}



/***********************************************************************************/

.cart_list_body{position:relative;padding-top:25px;}

/* 장바구니 리스트 */
.cart_list_wrap {
    border-top: 2px solid #adadad;
}

.link_wrap,
.g_info_wrap,
.cart_list_wrap .list-title,
.cart_list_wrap .list-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.link_wrap {
    align-items: flex-start;
}

.link_wrap .g_info__img { width: 70px;}
.link_wrap .g_info__img img{ width: 100%;}

.cart_list_wrap .list-title {
    padding: 20px 0;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #adadad;
}

.cart_list_wrap .list-title .chk_date {
    width: 70%;
}

.g_info_wra,
.g_amtprc {
    width: 30%;
}

.chk_date {
    padding: 0 30px;
}

.cart_list_wrap .list-items {
    padding: 20px 0;
    border-bottom: 1px solid #adadad;
}

.chk_date input {
    transform: translate(0, 0);
}

.g_info__txt {
    text-align: left;
    padding-left: 20px;
    font-size: 14px;
}

.g_info__txt>div {
    margin: 3px 0;
}

.info_loc {
    color: #adadad;
}

.info_title {
    font-size: 1.6rem;padding-bottom:3px;color:#555;width:100%
}

.info_opt {
    color: #545454;
    max-width: 500px;
}

.g_info__amount {
    width: 30%;
}

ul .g_info__amount {
    color: #adadad;
}

.g_info__price {
    text-align: center;color:#d63905;padding-top:8px:font-size:1.6rem
}

.g_info__amount {
    text-align: center;
    width: 60px;
    display: flex;
    flex-direction: column;
}

.g_info__amount input {
    min-width: unset;
    width: 80px ! important;
    height: 36px;
    margin-bottom: 4px;
    border-radius: 0;
    text-align: center;border:1px solid #d5d5d5;
}



/* 지자체별 결제예정 금액 */
.cart_bot {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6f4f2;
    border-bottom: 2px solid #adadad;
    padding: 30px 0;
    color: #545454;
    gap: 14px;
}

.cart_bot .bigTxt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.cart_bot .bot_txt {
    font-size: 22px;
}

.cart_bot .bot_price {
    font-size: 26px;
    font-weight: 700;
    margin-left: 14px;
}

.cart_bot .bot_price span {
    font-size: 14px;
    font-weight: 400;
}

.cart_bot .bot_P {
    color: var(--gray1);
    font-weight: 500;
}

.center.cart_wrap+.btn-box.many {
    margin-bottom: 60px;
}

.cart_info_txt {
    font-size: 14px;
    color: var(--gray3a);
    line-height: 20px;
    margin-bottom: 150px;
}

.order_wrap .cart_info_txt {
    margin: 0;
}

.cart_info_txt li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    word-break: keep-all;
}

.cart_info_txt li span.spch {
    margin-right: 4px;
}

.total_point+.cart_info_txt li:last-child {
    padding-top: 8px;
}

.cart_info_txt li label {
    line-height: 26px;
    text-indent: 8px;
    font-size: 14px;
    color: #adadad;
}

.btn-box.order {
    margin-bottom: 60px;
}

/* 주문서 - 주문자 정보&배송지&결제하기 */
.add-info-area,
.user_form {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.user_form {
    align-items: flex-start;
}

.user_form .s-contents.deliver {
    width: 70.3125%;
}

.user_form .line {
    margin: 60px 0;
}

.add-info-area .lable-field {
    width: 15%;
}

.payment h3,
.add-info-area h3 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -1px;
    margin-bottom: calc(var(--margin-padding-8)*2);
    padding-right: 30px;
}

.payment h3,
.add-info-area h3,
.add-info-area .lable-field .essential>span {
    color: #545454;
    display: flex;
    flex-direction: column;
}

.add-info-area .lable-field .essential {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.add-info-area .essential {
    color: var(--main-color2);
    padding-right: 20%;
}

.add-info-area .info-field {
    width: 81.081%;
}

.add-info-area .info-field .line {
    margin: calc(var(--margin-padding-8)*4) 0;
}

.add-info-area .info-field .info-field-items {
    display: flex;
    margin-bottom: calc(var(--margin-padding-8)*2);
    align-items: flex-start;
    width: 100%;
}

.add-info-area .info-field .info-field-items .flied-title {
    display: inline-block;
    font-size: 16px;
    color: #adadad;
    font-weight: normal;
    width: 30%;
    line-height: 34px;
}

.add-info-area .info-field .info-field-items .form-field {
    width: 100%;
}


.add-info-area .info-field .info-field-items .form-field input[type='text'],
.add-info-area .info-field .info-field-items .form-field input[type='password'] {
    width: 75%;
}

.add-info-area .info-field .info-field-items .s-txt {
    font-size: 14px;
    line-height: 1.75em;
    color: #adadad;

}

.add-info-area .info-field .info-field-items .m-field {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-info-area .info-field .info-field-items .m-field input:not([type='radio']) {
    width: 75%;
}

/* 휴대폰번호, 이메일 */
.add-info-area .info-field .info-field-items.userNum .form-field,
.add-info-area .info-field .info-field-items.userEmail .form-field,
.add-info-area .info-field .info-field-items.subscribe .form-field {
    display: flex;
    align-items: center;
}

.add-info-area .info-field .info-field-items.userNum .form-field span.s-txt,
.add-info-area .info-field .info-field-items.userEmail .form-field span.s-txt {
    margin: 0 8px;
    color: #adadad;
}

.add-info-area .info-field .info-field-items.userNum .form-field input:not([type='radio']),
.add-info-area .info-field .info-field-items.userNum .form-field select {
    width: 32%;
    height: 40px;
}

.add-info-area .info-field .info-field-items.userEmail .form-field input,
.add-info-area .info-field .info-field-items.userEmail .form-field select {
    width: 46%;
    height: 40px;
}

.add-info-area .info-field .info-field-items.userEmail .form-field select {
    margin-left: 8px;
}

.add-info-area .info-field .info-field-items.userEmail .m-field {
    margin: 0;
    width: 60%;
}

.add-info-area .info-field .info-field-items.userEmail .m-field input {
    width: 89%;
}

/* 주소 */
.add-info-area .info-field .info-field-items .form-field .search-address {
    margin-bottom: 8px;
    gap: 10px;
}

.add-info-area .info-field .info-field-items .form-field .search-address button {
    width: 22%;
}

.add-info-area .info-field .info-field-items .form-field .input-address {
    display: flex;
}

.add-info-area .info-field .info-field-items .address_m-field {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.add-info-area .info-field .info-field-items .form-field .input-address input:first-of-type {
    margin: 0 8px 0 0;
}

.add-info-area .info-field .info-field-items .basic_address {
    text-align: left;
    padding: 4px 0;
}

.add-info-area .info-field .info-field-items .basic_address label {
    color: #adadad;
}




/* 배송지 선택 */
.add-info-area .info-field .info-field-items.subscribe {
    align-items: center;

}

.add-info-area .info-field .info-field-items.subscribe .form-field {
    position: relative;
}

.add-info-area .info-field .info-field-items.subscribe .m-field {
    width: 100%;
    margin: 0;
    justify-content: flex-start;
    gap: 10px;
}

.add-info-area .info-field .info-field-items.subscribe .m-field .s-txt {
    min-width: 90px;
}

.add-info-area .info-field .info-field-items.subscribe .form-field button {
    flex: 0 0 auto;
    margin: 0;
    width: 100px;
    border-color: #adadad;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);
    height: 30px;
    position: absolute;
    top: -40px;
    right: 0;
}

.add-info-area .info-field .info-field-items.subscribe .form-field button img {
    margin: -2px 0 0 4px;
}

.add-info-area .info-field .info-field-items.subscribe .form-field .subscribe-select {
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 0 0 auto;
}

.add-info-area .info-field .info-field-items.subscribe .form-field .subscribe-select input[type='radio'] {
    transform: translate(0, 0);
}

.add-info-area .info-field .info-field-items.subscribe .form-field .subscribe-select label {
    color: #adadad;
    font-weight: 400;
}

/* 결제하기 */
.user_form .s-contents.payment {
    width: 28.125%;
}

.s-contents.payment .loc_list {
    border-bottom: 1px solid #adadad;
    margin-bottom: 14px;
    padding-bottom: 14px;
    line-height: 1.3em;
}

.s-contents.payment .loc_name {
    color: #545454;
    margin-bottom: 8px;
    font-weight: 500;
    text-align: left;
}

.s-contents.payment .last_point_info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: #adadad;
    font-size: 14px;
}

.s-contents.payment .last_point_info .bigTxt {
    font-size: 38px;
    font-weight: 700;
    padding-top: 30px;
}

.s-contents.payment .last_point_info span {
    margin-bottom: 2px;
    display: block;
}

.s-contents.payment .total_point {
    padding-bottom: 24px;
    border-bottom: 1px solid #adadad;
    margin-bottom: 14px;
}

/* 주문번호&주문날짜 */
.order_case {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f6f4f2;
    border: solid #adadad;
    border-width: 1px 0;
    color: #545454;
    margin-bottom: 60px;
}

.order_case>div {
    width: 50%;
    padding: 38px 0;
    text-align: center;
}

.order_case>div:first-child {
    border-right: 1px solid #adadad;
}

/* 결제완료 배송지 정보&결제정보 */
.row_con.flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 30px;
}

.row_con.flex .contents_wrap,
.row_con.flex .row_con_wrapper {
    width: 100%;
}

.list_title_area {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 20px;
    border-bottom: 2px solid #545454;
    color: #545454;
}

.row_con_wrapper .cart_list_wrapper {
    width: 100%;
    border-bottom: 1px solid #adadad;
    font-size: 16px;
    padding: 0 0 10px;
    margin-bottom: 60px;
    color: #545454;
}

.row_con_wrapper .list_loc {
    padding: 18px 0;
    background-color: #f6f4f2;
    text-align: center;
    color: var(--gray1);
    font-weight: 500;
}


.cart_list_wrapper .list_items {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.payment_list:first-child,
.cart_list_wrapper .list_items:first-child {
    margin-top: 10px;
}

/* 배송지 정보 */
.cart_list_wrapper .list_items .label {
    display: inline-block;
    width: 30%;
    min-width: 131px;
    padding: 10px 0;
    color: #adadad;
}


.cart_list_wrapper .list_items .data_val {
    max-width: 380px;
}


/* 결제 정보 */
.paymentC,
.payment {
    border-bottom: 1px solid #adadad;
}

.payment {
    padding: 80px 40px;
}

.paymentC {
    padding-bottom: 10px;
}

.payment_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.payment_list.total_pay {
    padding-top: 20px;
}

.payment_wrap {
    text-align: right;
}

.payment_val {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 8px;

}

.payment__val {
    color: #545454;
}

.afterPayment {
    color: var(--gray3a);
    font-size: 14px;
}

#mbTotal {
    display: none;
}

@media screen and (max-width:1280px) {
    .s-contents {
        padding: 60px 40px;
    }

    .user_form {
        flex-direction: column;
    }

    .user_form .s-contents.payment,
    .user_form .s-contents.deliver {
        width: 100%;
    }

    .add-info-area .info-field .info-field-items .form-field input:not([type='radio']) {
        width: 100%;
    }

    .add-info-area .info-field .info-field-items .basic_address input[type='checkbox'] {
        width: 18px;
    }


    .add-info-area .info-field .info-field-items .form-field .input-address input:first-of-type {
        margin: 0 8px 0 0;
    }

    .info_opt {
        max-width: 390px;
    }
}

@media screen and (max-width:768px) {
    #mbTotal {
        display: inline-block;
    }

    .user_form .line {
        margin: 40px 0;
    }

    .page-title-box {
        margin-bottom: 40px;
    }

    .cart_contents .page-title-box .steps-box .step_status {
        padding: 11px calc(var(--margin-padding-8)*2);
        margin: 0 -4px;
        height: 50px;
        ;
    }

    .cart_contents .page-title-box .steps-box .step_status .icon-bg {
        width: 85px;
        height: 22px;
        background-size: auto 22px;
    }

    .cart_top {
        padding-bottom: 10px;
        align-items: flex-end;
    }

    .cart_wrap>.cart_top {
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .order_wrap {
        width: 100%;
        gap: 0;
    }

    .user_form .s-contents.payment {
        margin-bottom: 100px;
    }

    .row_con.flex.contents_wrap,
    .order_wrap.s-contents .contents_wrap {
        width: calc(100% + 40px);
        margin-left: -20px;
    }


    .user_form .s-contents,
    .order_wrap.s-contents,
    .order_wrap .s-contents,
    .center.cart_wrap .s-contents {
        box-shadow: none;
        border: none;
        width: 100%;
        padding: 0px 0 0;
    }

    .row_con.flex .contents_wrap .row_con_wrapper,
    .order_wrap.s-contents .contents_wrap .margin_b80,
    .order_wrap.s-contents {
        width: calc(100% - 40px);
    }

    .order_wrap.s-contents .contents_wrap .margin_b80 {
        margin: 40px 20px 60px;
    }

    .row_con.flex .contents_wrap .row_con_wrapper {
        margin: 0px 20px;
    }

    .center.cart_wrap .s-contents {
        padding: 0;
    }

    .cart_wrap .mobile_section_bar {
        margin-bottom: 40px;
    }

    .cart_wrap .contents_wrap,
    .user_form .s-contents.payment {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding: 0px 20px 0px;
    }

    .cart_list_wrap .list-title {
        display: none;
    }

    .cart_list_wrap .list-items {
        flex-direction: column;
    }

    .chk_date {
        padding: 0 10px 0 0;
    }

    .check-level1 label {
        font-size: 16px;
    }

    .grade-bg {
        padding: 8px 20px;
    }

    .link_wrap {
        margin-bottom: 4px;
    }

    .g_info,
    .g_info_wrap,
    .g_amtprc {
        width: 100%;
    }

    .g_info,
    .g_info_wrap {
        justify-content: flex-start;
    }

    .info_opt {
        max-width: unset;
    }

    .g_amtprc .g_info_wrap {
        justify-content: space-between;
    }


    .g_amtprc .g_info_wrap>.g_info__amount {
        flex-direction: row;
        align-items: center;
        width: unset;
        padding-left: 28px;
    }

    .order_wrap .g_amtprc .g_info_wrap>.g_info__amount {
        padding-left: 93px;
        font-size: 14px;
        color: #adadad;
    }

    .g_amtprc .g_info_wrap>.g_info__amount input {
        width: unset;
        margin: 0 4px 0 0;
    }

    .g_info__price {
        width: unset;
    }

    .cart_bot {
        flex-direction: column;
        gap: 8px;
    }

    .cart_bot .bot_price span {
        display: block;
    }

    .btn-box.order {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999;
        margin: 0;
        gap: 0;
    }

    .btn-box.order button {
        border: none;
        margin: 0;
        border-radius: 0;
        height: 60px;
        font-size: 16px;
        font-weight: 500;
    }

    .btn-box.order button:nth-child(1) {
        background-color: #fff;
        border-top: 1px solid var(--main-color2);
        color: var(--main-color2);
    }

    .btn-box.order button:hover span {
        display: none;
    }

    .cart_info_txt {
        margin-bottom: 100px;
        text-align: left;
    }

    .payment .cart_info_txt {
        margin-bottom: 0px;
    }

    /*주문정보 */

    .user_form .s-contents.payment .center,
    .user_form .s-contents.deliver {
    }

    .add-info-area {
        flex-direction: column;
    }

    .add-info-area h3,
    .add-info-area .lable-field .essential>span {
        flex-direction: row;
        padding: 0;
    }

    .add-info-area h3 {
        margin-bottom: 8px;
    }

    .add-info-area .lable-field {
        margin-bottom: 16px;
    }

    .add-info-area .lable-field,
    .add-info-area .info-field {
        width: 100%;
    }

    .add-info-area .info-field .info-field-items {
        flex-direction: column;
    }

    .add-info-area .info-field .info-field-items .flied-title {
        width: 100%;
    }

    .add-info-area .info-field .info-field-items .m-field button {
       height: 40px;
        padding: 0 12px;
    }

    .add-info-area .info-field .info-field-items .s-txt {
        font-size: 13px;
    }

    .add-info-area .info-field .info-field-items .s-txt span {
        display: block;
    }

    .add-info-area .info-field .info-field-items .address_m-field {
        flex-direction: column;
    }

    /* 배송지 선택 */
    .add-info-area .info-field .info-field-items.subscribe .form-field {
        flex-direction: column;
    }

    .add-info-area .info-field .info-field-items.subscribe .form-field .m-field {
        margin-bottom: 16px;
        flex-wrap: wrap;
        gap: 10px 20px;
    }


    .add-info-area .info-field .info-field-items .form-field .input-address input:first-of-type {
        margin: 0 0 8px;
    }

    .add-info-area .info-field .info-field-items.subscribe .form-field button {
        /* width: 100%; */
        top: -105px;
    }


    /* 주문완료 배송지 정보 & 결제정보 */

    .order_wrap .row_con.flex {
        flex-direction: column;
        gap: 0;
    }

    .row_con.flex .row_con_wrapper {
        width: 100%;
        margin-bottom: 60px;
    }

    .info-field .info-field-items.userEmail .form-field {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 4px;
        width: 100%;
    }

    .info-field .info-field-items.userEmail .form-field .m-field {
        width: 100%;
    }

    .add-info-area .info-field .info-field-items.userEmail .form-field select,
    .info-field .info-field-items.userEmail .form-field input {
        width: 100%;
        max-width: unset !important;
        min-width: unset !important;
        margin: 0;
    }

 
    .payment {
        font-size: 14px;
        padding: 0;
    }

    /* 주문번호 */
    .row_con.flex.order_case {
        flex-direction: column;
        gap: 0;
    }

    .order_case>div {
        width: 100%;
        padding: 16px 0;
    }

    .order_case>div:first-child {
        border-right: none;
        border-bottom: 1px solid #adadad;
    }

    .cart_list_wrapper .list_items .label {
        font-size: 14px;
    }

}

@media screen and (max-width:560px) {
    .g_amtprc .g_info_wrap>.g_info__amount {
        flex-direction: row;
        align-items: center;
        width: unset;
        padding-left: 0px;
    }
}


/****** 주분결제 *********/
.orderW{width:100%;margin:50px 0}
.order_L{float:left;width:68%;border:1px solid #e3e3e3;}
.order_R{float:right;width:28%;border:1px solid #e3e3e3;padding:50px 35px;border-top:1px solid #333}

.order_f_ttl{float:left;width:15%;font-weight:600;font-size:1.8rem;padding-top:20px}

.order_f_info{float:right;width:83%}
.orderform{display:flex;flex-wrap: wrap; justify-content: flex-start;padding:10px 0}
.orderform .form-field { padding-top: 0px ! important;}
.orderform label{padding-top:10px;width:140px;font-size:1.5rem}

.order_f_info .subscribe-select{display:inline-block;padding-top:5px}
.order_f_info .subscribe-select label{font-size:1.3rem;padding-right:5px}

.inputW100{min-width:480px ! important;max-width:480px ! important}

.order_f_info .input-address{padding-top:8px}

.order_f_info_btm{float:left;padding:30px 5%;width:90%}
.order_f_info_btm .order_just{float:left;width:100px}
.order_f_info_btm .order_just img{width:100px}

.order_f_info_btm .order_just_txt{float:right;width:80%;padding:20px 0;font-size:1.4rem;line-height:1.8rem;word-break: keep-all;color:#545454}


.order_R h3{font-size:1.8rem;padding-bottom:10px;color:#333;font-weight:600}
.order_R h4{font-size:1.5rem;padding-bottom:10px;color:#555;font-weight:400}
.order_R_bx{border-bottom:1px dashed #555;padding:0 0 20px 0}
.order_R_bx dl{padding:15px 0;width:100%;}
.order_R_bx dt{float:left;width:68%;font-size:1.4rem}
.order_R_bx dd{float:right;width:30%;font-size:1.4rem;text-align:right}
.order_R_price{padding-top:10px;color:#ff7241;font-weight:600;font-size:2.5rem;text-align:right}
.order_R_btm{padding:10px;}
.order_R_btm p{font-size:1.3rem;line-height:1.8rem}
.accept-check input{margin-right:5px}
.order_Btns{margin-top:20px;}
.order_Btns_cancle{display:inline-block;border:0;background:#545454;padding:20px;width:40%;text-align:center;border-radius:5px;font-size:1.6rem}
.order_Btns_ok{display:inline-block;border:0;background:#ff7241;padding:20px;width:58%;text-align:center;border-radius:5px;font-size:1.6rem}
.order_Btns_go{display:inline-block;border:0;background:#ff7241;padding:20px;width:100%;text-align:center;border-radius:5px;font-size:1.6rem}
.order_B{background:#2a83f1;color:#fff}


@media screen and (max-width:1200px) {

.order_L{float:left;width:100%;border:1px solid #e3e3e3;}
.order_R{float:left;width:100%;border:1px solid #e3e3e3;padding:50px 35px;border-top:1px solid #333}

.order_f_info .search-address{display:flex;}

.order_B{margin:5px 3px}
.buyOrder{margin:5px 3px}
.wishBtn{margin:5px 3px}


}

@media screen and (max-width:880px) {

.orderform label{padding-top:0px;padding-bottom:5px;width:100%;font-size:1.5rem}
.order_f_info .form-field input{margin-left:0}


}



@media screen and (max-width:760px) {

.order_f_info_btm{float:left;padding:30px 3%;width:94%}
.order_f_info_btm .order_just{float:left;width:100%;text-align:center}
.order_f_info_btm .order_just img{width:100px}

.order_f_info_btm .order_just_txt{float:left;width:100%;padding:20px 0;font-size:1.4rem;line-height:1.8rem;word-break: keep-all;text-align:center;color:#545454}


}

@media screen and (max-width:720px) {

.order_f_ttl{float:left;width:100%;font-weight:600;font-size:1.8rem;padding-top:0px;padding-bottom:10px;border-bottom:1px dashed #555}
.order_f_info{float:right;width:100%}


}





/*****지자체몰 선택 팝*******/



/* Modal Content */
.map_modal-content {
  position: relative;
  background-color: #fff;
  margin: auto;
  padding: 0;
  width: 700px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
   border-radius:30px;
}


/* The Close Button */
.map_md_close {
  color: #fff;
  float: right;
  font-size: 35px;
  font-weight: bold;
}

.map_md_close:hover,
.map_md_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.map_modal-header {display:flex;
  padding: 20px 30px;height:80px;width:100%;
  background-color: #ff9422;
  border-top-left-radius:30px;border-top-right-radius:30px;    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
}
.map_modal-header h2{font-weight:600px;color: #fff;font-size:2.5rem;text-align:center;border:0;letter-spacing:-0.01rem}
.map_modal-body {padding: 30px 20px 20px 20px;background:#fff;border-radius:50px;min-height:550px;max-height:550px}

.map_modal_in_btn{margin:0px;padding:0px 0;}
.map_modal_in_btn button{border-radius:30px;padding:7px 15px ;text-align:center;background:#333;color:#fff;font-size:1.4rem}


/*******/





/*****/
.mapWrap { max-width:768px; display:flex; gap:20px; /* padding:20px auto 40px; */}

.mapWrap .mapBx{display:flex;}
.mapWrap .area { position:relative;width:305px }
.mapWrap .area .image { position:relative; width:305px; margin:0 auto;  }
.mapWrap .area .image span { cursor:pointer; font-size:1.2rem; font-weight:bold; }
.mapWrap .area .image .active span { color:#fff; background:#2379cc; padding:3px; border-radius:100%; }

.mapWrap .area .image .text11000 { /* 서울 */
 position:absolute;
 top:80px;
 left:70px;
 width:40px;
}
.mapWrap .area .image .text28000 { /* 인천 */
 position:absolute;
 top:80px;
 left:25px;
 width:40px;
}
.mapWrap .area .image .text41000 { /* 경기도 */
 position:absolute;
 top:115px;
 left:85px;
 width:45px;
}
.mapWrap .area .image .text51000 { /* 강원도 */
 position:absolute;
 top:80px;
 left:160px;
 width:60px;
}
.mapWrap .area .image .text44000 { /* 충청남도 */
 position:absolute;
 top:170px;
 left:50px;
 width:60px;
}
.mapWrap .area .image .text43000 { /* 충청북도 */
 position:absolute;
 top:150px;
 left:120px;
 width:60px;
}
.mapWrap .area .image .text36000 { /* 세종 */
 position:absolute;
 top:190px;
 left:100px;
 width:40px;
}
.mapWrap .area .image .text30000 { /* 대전 */
 position:absolute;
 top:220px;
 left:110px;
 width:40px;
}
.mapWrap .area .image .text47000 { /* 경상북도 */
 position:absolute;
 top:190px;
 left:185px;
 width:60px;
}
.mapWrap .area .image .text52000 { /* 전라북도 */
 position:absolute;
 top:260px;
 left:71px;
 width:60px;
}
.mapWrap .area .image .text27000 { /* 대구 */
 position:absolute;
 top:235px;
 left:190px;
 width:40px;
}
.mapWrap .area .image .text31000 { /* 울산 */
 position:absolute;
 top:260px;
 left:240px;
 width:40px;
}
.mapWrap .area .image .text29000 { /* 광주 */
 position:absolute;
 top:300px;
 left:60px;
 width:40px;
}
.mapWrap .area .image .text46000 { /* 전라남도 */
 position:absolute;
 top:345px;
 left:48px;
 width:60px;
}
.mapWrap .area .image .text50000 { /* 제주도 */
 position:absolute;
 top:415px;
 left:30px;
 width:60px;
}
.mapWrap .area .image .text26000 { /* 부산 */
 position:absolute;
 top:300px;
 left:220px;
 width:40px;
}
.mapWrap .area .image .text48000 { /* 경상남도 */
 position:absolute;
 top:300px;
 left:150px;
 width:60px;
}


.mapWrap .addr { width: 260px;margin-left:25px}
.mapWrap .addr .text_area { xdisplay:none; }
.mapWrap .addr .text_area.active { display:block; }
.mapWrap .addr .addrTit { font-size:1.53rem; font-weight:600; }
.mapWrap .addr .addrBox { margin:20px 0 0;  }
.mapWrap .addr .addrBox .addrList { display:flex; flex-wrap:wrap; gap:0; }
.mapWrap .addr .addrBox .addrList li { display:flex; align-items:center; justify-content:center; width:33.3%; height:40px; border:1px solid #ddd; text-align:center; margin-top:-1px; margin-left:-1px; }
.mapWrap .addr .addrBox .addrList li a { display:flex; align-items:center; justify-content:center; width:100%; height:100%;font-size:1.38rem }
.mapWrap .addr .addrBox .addrList li:hover { background:#f8f8f8; }
.mapWrap .addr .addrBox .addrList li:hover a { text-decoration:underline; color:#000; }



/**지도에서 선택**/

.mapW_tab0 {display: block;}
.mapW_tab {display: none;width:100%;position:absolute;}
.mapBx_in{display:flex;margin:0 12px}
.all_loc{position:absolute;top:0px;left:15px;background:#ffd8a1;color:#fff;font-size:1.4rem;text-align:center;padding:5px 15px;border-radius:100px}



/*****/
@media screen and (max-width:1060px) {
	.map_modal-body {padding: 30px 20px 20px 20px;background:#fff;border-radius:50px;min-height:850px;max-height:850px}
	.mapW_tab {display: none;width:100%;position:absolute;left:0}


}


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


	.map_modal-content { width: 100%;}
	.mapWrap { max-width:768px; display:block; gap:20px; margin:0 auto; padding:15px 15px 60px 15px; }
	.mapWrap .area { width:100%; margin:0 auto; }
	.mapWrap .addr { width:100%; margin:30px auto 0 10px; padding:3% }
	.mapWrap .addr .addrBox .addrList { display:flex; flex-wrap:wrap; gap:0;margin:0 10px; }
	.mapWrap .addr .addrBox .addrList li { display:flex; align-items:center; justify-content:center; width:33.3%; height:35px; border:1px solid #ddd; text-align:center; margin-top:-1px; margin-left:-1px; }
	.mapWrap .addr .addrBox .addrList li a { display:flex; align-items:center; justify-content:center; width:100%; height:100%;font-size:1.30rem }

	.mapWrap .mapBx{display:block;}
	
	.mapBx_in{display:inline-block;width:100%;}

}



/************************************************/
/********** 제철식품관 **************/

.mall2_top{margin:0px auto;background:url('/assets/images/ico/mall_top_b2.png') right 20px no-repeat;background-size:550px;min-height:350px;border-top:1px solid #c9c9c9;}
.mall2_top .mall2_tit{display:block;font-weight:500;font-size:1.6rem;line-height:2.3rem;text-align:left;word-break: keep-all;padding-bottom:20px;width:70%;padding-top:60px}
.mall2_top .mall2_txt{display:block;font-weight:400;font-size:1.53rem;line-height:2.1rem;text-align:left;word-break: keep-all;color:#ff9703}


.loc_select_area {
	margin-top:20px;
	display:flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}
.loc_select_area select{margin-right:8px}
.submit_btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.loc_select_area .reset_img {min-width: 40px; padding: 7px;line-height: 13px;}
.loc_select_area .reset_img img{width:23px; }




/***/

.mall2_List_Bx{margin:0px auto;text-align:center;border-top:3px solid #333;padding-top:40px}
.mall2_List_Bx dl{display:inline-block;float:left;width:23.5%;margin:20px 0.5%;border-radius:0 50px;min-height:450px;max-height:450px;}
.mall2_List_Bx dt span{font-weight:600;font-size:3rem;color:#333;}
.mall2_List_Bx dt{font-weight:400;font-size:2.0rem;color:#545454;padding:35px 0;border-bottom:1px dashed #545454}
.mall2_List_Bx dd{font-size:1.45rem;word-break: keep-all;line-height:2.2rem;padding:40px 60px;color:#5f5f5f}
.mall2_bg1{background:#ffe0c5}
.mall2_bg2{background:#c5f5ff}
.mall2_bg3{background:#cff6bf}
.mall2_bg4{background:#ded3ff}


.mall2_List_Bx .season_img{width:100%;text-align:center;}
.mall2_List_Bx .season_img img{min-width:150px;max-width:150px;}







@media screen and (max-width:960px) {

.mall2_top{margin:0px auto;background:url('/assets/images/ico/mall_top_b2_mb.png') center bottom no-repeat;background-size:100%;min-height:auto;padding-bottom:170px;border:0px solid #000;}
.mall2_top .mall2_tit{display:block;font-weight:500;font-size:1.5rem;line-height:2.0rem;text-align:left;word-break: keep-all;padding-bottom:20px;width:95%;padding-top:30px}
.mall2_top .mall2_txt{display:block;font-weight:400;font-size:1.40rem;line-height:1.9rem;text-align:left;word-break: keep-all;color:#ff9703}


 .loc_select_area .submit_btns, .loc_select_area select {width: 100%; }
 .loc_select_area select{margin-right:0px}

 .loc_select_area { flex-direction: column;gap: 8px;width:100%}

.loc_select_group {width: 100%;   }
.loc_select_area .shirink_s { width: 49%;}
.loc_select_area .submit_btns { width: 100%;display:flex;flex-wrap: nowrap; justify-content: space-between;}
.loc_select_area .submit_btns button:first-child { flex-grow: 5;}

.mall2_List_Bx{margin:0px auto;text-align:center;border-top:3px solid #333;padding-top:20px}
.mall2_List_Bx dl{display:inline-block;float:left;width:48%;margin:10px 0.8%;border-radius:0 20px;min-height:450px;max-height:auto;}
.mall2_List_Bx dt span{font-weight:600;font-size:2.7rem;color:#333;}
.mall2_List_Bx dt{font-weight:400;font-size:1.9rem;color:#545454;padding:35px 0;border-bottom:1px dashed #545454}
.mall2_List_Bx dd{font-size:1.35rem;word-break: keep-all;line-height:1.8.rem;padding:20px 20px;color:#5f5f5f}






}



@media screen and (max-width:640px) {

.mall2_List_Bx dl{display:inline-block;float:left;width:98%;margin:10px 0.8%;border-radius:0 20px;min-height:auto;max-height:auto;}
.mall2_List_Bx dt span{font-weight:600;font-size:2.5rem;color:#333;}
.mall2_List_Bx dt{font-weight:400;font-size:1.9rem;color:#545454;padding:20px 0;border-bottom:1px dashed #545454}
.mall2_List_Bx dd{font-size:1.35rem;word-break: keep-all;line-height:1.8.rem;padding:30px 20px;color:#5f5f5f}

}


/***********************/
/*** 바로선택 레이어창 ***/

.open-button {
  background: #ff5400;
  color: #fff;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
  opacity: 1;
  position: fixed;
  bottom: -1px;
  right: 28px;
  width: 120px;
  border-radius:15px 15px 0 0;font-size:1.6rem;z-index:99999999999
}


@media screen and (max-width:640px) {
.open-button{display:none}
}


.form-popup {
  display: none;
  position: fixed;
  bottom: -2px;
  right: 15px;
  border: 2px solid #353535;
  background:#fff;
  width:830px;
  z-index: 9999;
}

.form-container {
  max-width: 100%;
  padding: 10px;
  background: #fff;
}


.form-container .btn {
  background-color: #04AA6D;
  color: #fff;
  padding: 6px 10px;
  border: none;
  cursor: pointer;
  min-width: 100px ! important;
  margin-bottom:5px;
  opacity: 0.8;
}

.form-container .cancel {
  background-color: #333;position:absolute;right:15px;top:15px;
}

.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}


/*** 바로선택 박스 내용 **/


.form-container .select-col {
	display:flex;border:0px solid #000;
	width: 50%;
	max-height: 50vh;
	flex: 1 1 auto;flex-wrap: wrap;
	margin-bottom: 20px;
	font-size: 12px;
	padding-top: 20px;
}

.form-container .info_row{width:100%;}
.form-container .select-col:first-child {
	overflow-x: hidden;
	overflow-y: scroll;
	max-height: 350px;
}

.form-container .select-col .option_wrap {left: 4px !important;}

.form-container .select-col .c-select {height: 50px;}

.form-container .select-col .price {font-size: 2rem;color:#ff4800}

.form-container .select-col .buyBtn_box {
	display: flex;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0);
	gap: 0;width:100%;
	margin-top:15px;
	border:1px solid #ddd;
}

.form-container .select-col .buyBtn_box button {
	margin: 0;
	border-radius: 0;
	padding: 12px 20px;border:0px;outline:0;
}
.form-container .buyBtn{width:33% ! important}

.form-container .buyBtn_box .addToCart{background:#2ea4ff ! important}


.form-container .select-col .buyBtn_box button.addToCart,
.form-container .select-col .buyBtn_box button.addToWishList {
	border-color: #DDD;

}


.form-container .optSelect .op_tit {
    margin-bottom: 8px;
    margin-right: 15px;font-size:1.4rem
}

.max_order {padding-top:8px}
.max_order .s-txt{font-size:1.35rem}

.form-container .op_price{font-size:1.6rem}

.form-container .list_in{width:95%}

.form-container .info_title h2{text-align:left;padding-left:8px;}

/*******************/
.QA_w_btn{margin:20px auto 0 auto;width:100%;text-align:right;border:0px solid #000}
.QA_w_btn button{width:100px;border-radius:8px;background:#ff8549;color:#fff;text-align:center;padding:12px 0;font-size:1.5rem;}


/*** QNA 글쓰기 팝업 **/
.qna_info {padding: 10px 10px; width: 100%; border: 1px solid #ddd;margin:0px 0}

.qna_info_img{float:left;width:20%;text-align:left}
.qna_info_img img{min-width:90px;max-width:70px}

.qna_info_txt {display:inline-block;width:78%;text-align:left}
.qa_info_loc{width:100%;padding:5px;font-weight:600;font-size:1.4rem;color:#ff6e27}
.qa_info_title{width:100%;padding:5px;font-size:1.7rem;color:#555}
.qa_info_total{width:100%;padding:5px;font-size:1.7rem;color:#276eff;font-weight:600}



.reason_wrap {
    padding: 10px 0 10px;
    width: 100%; border-top:1px solid #c2c2c2;
}


.reason_item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}



.reason_item .item__label {
    display: flex;
    min-width: 120px;
    line-height: 40px;text-align:left;    justify-content: flex-start; align-items: center;
}

.reason_item span{width:15px ! important;display:inline-block;padding:0px;}

.reason_item .item__select { width: 80%;text-align:left}

.reason_item .item__select select:not([id='phoneCode']) {
    width: 40%;
    margin: 0 10px 10px 0;
}

.reason_item .item__select textarea {
    height: 88px;
    padding: 10px 20px;
}

.reason_item .item__select input {
    width: 100%;
}

.address-field .m-field,
.address-field .input-address input {
    margin-bottom: 10px;
}

.address-field .m-field,
.reason_item .item__select .form-field {
    display: flex;
    align-items: center;
}

.address-field .m-field {
    gap: 8px;
}


.qna_pass{display:flex;justify-content: space-between;flex-wrap: nowrap;}

.reason_item .item__select .item__inner { align-items: center;width:60%}

.reason_item .item__select .item__inner input[type=checkbox] { width: 18px;}

.reason_item .item__select .item__inner label {
    transform: translate(6px, 3px);
    font-weight: 500;font-size:1.4rem;padding-left:15px
}


.qna_s-txt{text-align:right ! important;font-size:1.3rem ! important;}

.reason_item.return .item__label {
    font-size: 1.5rem;
    font-weight: 500;
    color:#535353;
}

.qna_btn-box{margin:15px auto;text-align:center;border-top:2px solid #555;padding-top:20px}
.qna_btn-box button{display:inline-block;width:120px;padding:10px 0;text-align:center;color:#fff;font-size:1.5rem;border-radius:5px}


@media screen and (max-width:640px){

.qna_info_img{float:left;width:100%;text-align:center}
.qna_info_img img{min-width:100px;max-width:80px}

.qna_info_txt {display:inline-block;width:100%;text-align:center}
.qa_info_loc{width:100%;padding:5px;font-weight:600;font-size:1.35rem;color:#ff6e27}
.qa_info_title{width:100%;padding:5px;font-size:1.55rem;color:#555}
.qa_info_total{width:100%;padding:5px;font-size:1.55rem;color:#276eff;font-weight:600}
.reason_item .item__select { width: 95%;text-align:left}

}



/********* etc ************/
/* 약관내용 */

.signBx{
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #454545;
    padding: 15px;
    height: 800px;
    line-height: 2em;
    letter-spacing: -1px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 16px;
    white-space: pre-wrap;
}

.signBx .terms-article {height: inherit;padding:0;margin:0;text-align:left}

.signBx .terms-box h3 {
    margin-bottom: 20px;
    font-weight: lighter;
    font-size: 16px;
}

.signBx .terms-box p.article-txt { margin-bottom: 20px;}





.signBx p.info-txt {
    padding: 40px 0;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #555;
    letter-spacing: -1.25px;
}

.signBx p.info-txt strong {
    display: inline-block;
    padding-top: 15px;
}
.signBx .auth_wrap{
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: stretch;
}



/************************************************************************
* TOP 이동 *
************************************************************************/
#back2top{height:60px;position:fixed;bottom:320px;right:20px;display:none;z-index:99;}
#back2top>img{cursor:pointer;}

@media all and (max-width:767px){
#back2top{bottom:14%;right:4%;}
#back2top>img{width:48px;height:auto;}
}

.total_top{width:100%;text-align:left;padding:20px 15px}
.total{text-align:left;padding:0}

.panel ul{padding:15px;width:100%}
.panel li{float:left;}
.panel .one_q{width:60px}
.panel .one_a{width:94%}
.blank_line{margin:10px 0; height:1px;background:#bcbcbc;width:100%}
@media all and (max-width:540px){
.panel .one_q{width:100%}
.panel .one_a{width:100%}

}