#image_row{
background-color: white;

}

#sub_bar{
/*background-color: #d0d0d0;*/
background-color: #d0d0d0;
font-size: 13px;
}

#kin{
background-color:#969696;
}

.ingi {
  font-size: 28px;
  font-weight:bold;

}

#check_list {
background-color:#969696;
font-size: 13px;
font-weight:bold;
font:Noto sans KR;

}
#title_color{
height:40px;
}
.btd {
border-radius:10px;
}

.fcb {
font-size:14px;
text-decoration: none;
color:black;
}
.fcb_2 {
font-size:15px;
font-weight:bold;
text-decoration: none;
color:black;
}
.fs{
font-size:16px;

}


.main1 {
 background-color: white;
}

.main2 {
 background-color: white;
}

.main3 {
 background-color: white;
}

#topmenu{
height:60px;
border:solid 1px black;
}
#topmenu_2{
height:60px;
}
#logo_img{
width:200px;
height:80px;
}

#logo_img2{
width:auto;
height:45px;
}

#sinsang{
background-color:#f3f3f3;
}


#boder_bar{
 background-color: #383838;
 height:250px;
 padding-top:20px;

}

#w_boder_bar{
 background-color: #383838; 
 padding:13px 0  13px 0;

}

.bold{
font-weight:bold;
}

#main1_t{
background-color: white;
}

#main1_d{
background-color: #f3f3f3 ;
}
#main2_t{
background-color: white;
}

#main2_d{
background-color: #f3f3f3 ;
}
#main3_t{
background-color: white;
}

#main3_d{
background-color: #f3f3f3 ;
}

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
.flex_container{
 
  flex-direction: column;
  /* 아이템을 위에서 아래로 수직 정렬함 */
  
 
  
}

.imagebox{
 width:300px;
 height:400px;
 border-width:1px 1px 1px 1px;
 border-color:"#d1d1d1";


}


#sangpum{
width: 225px;
height:180px;


}

.best {
  width:  65px;
  height: 25px;  
}


.tsb {
 width:  340px;
 height: 25px;  
 border:0;
}

.tsb_3 {
 width:  340;
 height: 30px;  
 border:0;
 border-radius:5px 0px 0px 5px;
}

.tby{
 width:  30px;
 height: 25px;  
 border:0;
 color:white;
 border:solid 1px white;

}
.tby_2{
 width:  30px;
 height: 25px;  
 border:0;
 color:white;
 border:solid 1px white;

}
.tby_3{
 width:  30px;
 height: 30px;  
 border:0;
 color:white;
 border:solid 1px white;

}

.bjc {
border-radius:10px;
width:145px;
height:38px;

}

.blg{
border:0;
font-size:0.813rem;
}
.blg_3{
border:0;
font-size:0.875rem;
}

#pust_{
width:75px;
height:25px;
font-size:13px;
font-weight:bold;
}

#boxline1{
border-radius:10px;
width:400px;
height:45px;
}

#boxline2 {

border-radius:10px;
width:400px;
height:45px;


}







.fs{
max-width:1280px;
width:1280px;
}

.popup-wrap{
  background-color:rgba(0,0,0,.3); 
  /*배경색과 투명도로 살짝 어둡지만 투명한 배경*/
  /*허공에 붕 떠있는 느낌을 주고 싶으면 안넣어도 무방*/
  justify-content:center; /*수평 중앙정렬*/
  align-items:center;     /*수직 중앙정렬*/
  position:fixed;         /* 포지션 픽스, 화면이 스크롤되더라도 고정되기 위함*/
  top:0;
  left:0;
  right:0;
  bottom:0;               /*모든 방향에 0을 주면 화면에 꽉차게 됩니다.*/
  display:none;
  /*이벤트가 발생할 때 띄우기 위해 숨김*/
  /*처음부터 보이게 하는 상황이라면 display:flex;*/
  padding:15px; 
  /*반응형의 경우 padding이 없으면 박스가 화면에 붙어서 안이뻐짐*/
  z-index: 16;
}

.popup{
  width:100%;               
  max-width:380px;
  height:100%;
  max-height:330px;
  border-radius:10px;       
  overflow:hidden;          
  background-color:#ffffff; 
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); 
  padding:20px; 
}

.popup-head{
  width:100%;  
  height:20px;  
  display:flex; 
  margin:0 0 15px 0;
  align-items:center;  
}

.popup-body{                
  width:100%;
  background-color:#ffffff; 
}
.body-content{             
  width:100%;
           
}
.body-titlebox{             
  text-align:center;        
  width:100%;
  height:40px;
  margin-bottom:10px;       
}
.body-contentbox{           
  word-break:break-word;    
  overflow-y:auto;          
   
}

.popup-foot{                      
  width:100%;
  height:50px;
}
.pop-btn{ 
  display:inline-flex;            
  width:50%;                      
  height:100%;                    
  justify-content:center;         
  align-items:center;             
  float:left;                     
  color:#ffffff;                  
  cursor:pointer;                 
}
.pop-btn.confirm{                 
  border-right:1px solid #3b5fbf; 
}

.loginbox{
width:320px;
height:50px;
margin:15px 10px 0 10px;
}
.check_box{
width:320px;
height:22px;
margin:15px 10px 0 10px;
}

.log_btn{
width:315px;
height:50px;
border-radius:10px;
background-color:#5ac8c9;
border:solid 1px black;
color:white;
font-size:20px;
font-weight:bold;
text-align:center;
margin:25px 10px 25px 10px;
}

#boxWrap {
  width: auto;
  height: auto;
}

#boxWrap : after {
  content: "";
  display: block;
  clear: both;
}

#boxWrap p+p{margin-left:5px;}

#boxWrap .original {
  float: left;
  width: 100px;
  height: 100px;
  background-color: #cbcbcb;
  text-align: center;
  line-height: 100px;
}

.btnWrap{width:100%;}


.ul-center{
text-align:center;
}


.limit_height{
 max-height:700px;
 width:100%;
 overflow-x: hidden
}

ul {
  list-style: none; /* Remove default bullets */
  
}

.dd_menu_scrin ul li::before {
 content: "\2022";
  font-weight: bold;
  font-size:25px;
  line-height:20px;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}


#dropdown-content_1 ul { list-style: none; } .dropdownmenu_l ul li { float: 
left;

    font-size:14px;    white-space: nowrap;

}

.so_bun_2{
font-size:13px;
padding:10px;
margin-left:10px;
width:18%;

}



.dropdownmenu_b1 ul li {
	float: left;
    width: 120px;
	height:35px;
    margin:5px 3px 0px 3px;
    font-size:14px;
    padding:5px;
	white-space: nowrap;
}

.type_2_list {
	width: 40%;
	height:30px; 
	margin: 3px 15px 3px 15px;

}

	.ddContent {
				display: none;

				
			}

		

	.active {
				display: block;
			}

  

.ddContent ul {
display:flex; 
align-content:flex-start; 
flex-wrap:wrap; 
overflow:auto;
}

#dd_menu_scrin_t ul {
	float: left;
    width: 9%;
	height:35px;    
    font-size:12px;
    padding:5px;
	border:solid 1px #57bdff;
	white-space: nowrap;
    margin:9px 3px 4px 9px;
    
}

#dd_menu_scrin_b ul li {
	float: left;
    width: 120px;
	width: 9%;
    font-size:13px;
    padding:5px 5px 5px 0px;
	white-space: nowrap;
    margin:5px 10px 5px 10px;
}

ul {
  list-style: none; /* Remove default bullets */
}
.ul {
  list-style: none; /* Remove default bullets */
}


.cursor_pint {
cursor:pointer !important;
}

#dd_menu_scrin_r{
width:970px;
height:500px;
}

.jung_bun_title{
 font-size:15px;
 height:40px;
 text-align:center;
}

/*
#ttsmenu_l{
width:365px;
height:375px;
}

#ttsmenu_r{
width:915px;
height:375px;
}*/

.dropdown-menu{
transform: translate(312px, 142px);


}
.imgborder_gall{
height:auto;
float: left;    
font-size:0.838rem;
white-space: nowrap;
margin:15px 0px 0px 0px;
border:solid 1px #e9ecef ;
padding-bottom: 20px;
}

.imgborder_gall_2{
height:auto;
float: left;    
font-size:13px;
white-space: nowrap;
border:solid 1px #e9ecef ;

}

.imgborder{
width:20%;
height:300px;
float: left;    
font-size:0.838rem;
white-space: nowrap;
margin:25px 0px 0px 0px;
}
.imgborder_secend{
width:20%;
height:355px;
float: left;    
font-size:0.838rem;
white-space: nowrap;
margin:25px 0px 0px 0px;
}
.imgborder_pr{
padding-right:25px;

}   

}

.imgborder_2{
width:19%;
height:330px;
float: left;    
font-size:12px;
white-space: nowrap;
margin:30px 6px 0px 6px;
    

}

.imgborder_3{
width:16%;
height:300px;
float: left;    
font-size:0.838rem;
white-space: nowrap;
margin:10px 5px 10px 3px;
padding:0 10px;
border:solid 1px #cfcfcf;

}

.imgpadding{
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}

.img_ctr{
width:100%;
height:auto;
}


.img_size{
height:230px;
width:230px;
border:solid 1px #cfcfcf;
}
.img_size_3{
height:200px;
width:200px;

}
.img_size_2{
height:230px;
width:230px;
}

.img_size2{
display:flex;
border:solid 2px #e9ecef ;
width:300px;
height:300px;
}

.img_size_gall2{
height:150px;
width:150px;

}

.btnn{
	
    border: none;
	font-size:1.1em;
	font-weight:400;
	cursor:pointer;
}
.btnn_sub{
    border: none;
	font-size:14px !important;
	font-weight:bold;
	cursor:pointer;
}


.mypage{
border:solid 1px black;
border-radius:10px 10px 10px 10px;

}

.bline{

border-top:solid 1px #959595;
border-bottom:solid 1px #959595;

}

.test__11{
width:22%;
}



#jjim{
font-family: 'Noto Sans KR', sans-serif;
font-size:13px;
font-weight:bold;
}

.fontkrsans{
font-family: 'Noto Sans KR', sans-serif;

}

.srbox{
width:25px;
height:25px;
line-height:0px

}






 .plus_ic1{
width:24px;
height:24px;
border:solid 1px #d4d4d4; 

}

.plus_ic2{
width:34px;
height:34px;
border:solid 1px black;
background:#5ac8c9;
}

 .text-start{
text-align:start;
float:left;
border-bottom:solid 1px #d1d1d1 ;
height:100%;

}


.amount{
width:44px;
height:28.39px;
text-align:center;
border:solid 1px #d4d4d4;
outline:none;
font-size:0.750em;

}

#amount_2{
width:84px;
height:24px;
text-align:center;
border:solid 1px #d4d4d4;
outline:none;
font-size:0.750em;

}

.amount_3{
width:44px;
height:34px;
text-align:center;
border:solid 1px black;
outline:none;
font-size:0.750em;

}

.sm_img{
 border: solid 2px;
 text-align: center;
 margin-right:5px;


}

.brandlg{
    text-align:center;
    font-size: 0.813rem;
    background: #fcbb15;
    width: 55px;
	
    color: black;
    height: 20px;

}


.hdtable_box{
border:solid 1px #d8d8d8;

}

.sub_table{
border-bottom:solid 1px black;
font-size: 14px;
font-weight: bold;
color: black;


}


.sub_table_td {
border:solid 1px #cecece;

}

.gumea_table{
padding:0 35px 0 35px;
}
.gumea_table_l{
padding:0 0 0 35px;
}
.gumea_table_r{
padding:0 35px 0 0;
}
.gumea_table_b{
border-left:solid 1px #aaaaaa ;
border-right:solid 1px #aaaaaa ;

}

.gumea_table_b_l{
border-left:solid 1px #aaaaaa ;
}
.gumea_table_b_r{
border-right:solid 1px #aaaaaa ;
}

.opbnt{
background:#959595; 
color:white;
width:105px;height:25px;
font-size:0.813rem;
border:none;
}

.margin-250{
padding-left:230px;
}

.margin-180{
padding-left:160px;
}

.et_btn{
height:35px; 
color:white; 
border:none;
width:100px;
font-size:0.938rem;
background:#1bc1c1;
}

.et_date_btn{
outline: none;
text-align: center;
height:35px; 
width:180px;
border:solid 1px #1bc1c1;


}

.border_gray{
border:solid 1px #cecece;
height:50px;
}

.border_darkgray{
border:solid 1px #5e5e5e;
}


.mungu_style{	 
	 height:20px;
	 width:60px;
	 text-align:start;
	 color:black;
	 }
.col-20p{
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-20p_gall2{
    flex: 0 0 20%;
    max-width: 14%;
    position: relative;
    width: 100%;
    min-height: 1px;
   
}

.row-20p{
     display: flex; 
    -ms-flex-wrap: wrap;
     flex-wrap: wrap; 
     margin-right: -12.5px;
     margin-left: -12.5px; 
}

.ft_cor_w{
color:white;
}


.ig_1{
    position: relative;
    width: 50px;
    height: 50px;   
    border-radius: 50%;
    vertical-align: top;

}
.ig_1_color{
 background-color:#c8c8c8;
	border:#bfbfbf;
	}

}
.ig_11{
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
	}






.imgborder 
.title {line-height:1; color:red; position:absolute; left:50%; transform:translateX(-50%); top:0px; height:120px; transition:0.5s all}
.more {display:block; opacity:0; transition:0.5s all}

.imgborder:hover .more {opacity:1}
.imgborder:hover .title {top:0px}


.popup-wrap_s{
  background-color:rgba(0,0,0,.3); 
  /*배경색과 투명도로 살짝 어둡지만 투명한 배경*/
  /*허공에 붕 떠있는 느낌을 주고 싶으면 안넣어도 무방*/
  justify-content:center; /*수평 중앙정렬*/
  align-items:center;     /*수직 중앙정렬*/
  position:fixed;         /* 포지션 픽스, 화면이 스크롤되더라도 고정되기 위함*/
  top:0;
  left:0;
  right:0;
  bottom:0;               /*모든 방향에 0을 주면 화면에 꽉차게 됩니다.*/
  display:none;
  align-items: flex-start;
  /*이벤트가 발생할 때 띄우기 위해 숨김*/
  /*처음부터 보이게 하는 상황이라면 display:flex;*/
  padding:15px; 
  /*반응형의 경우 padding이 없으면 박스가 화면에 붙어서 안이뻐짐*/
  z-index: 5;
}



.popup_s{
  width:100%;               
  max-width:1280px;
  height:auto;
  border-radius:10px;       
  overflow:hidden;          
  background-color:#ffffff; 
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); 
  padding:20px; 
}

.popup-head_s{
  width:100%;  
  height:20px;  
  display:flex; 
  padding:30px 16px 20px 16px;
  align-items:center;  
}

.popup-body_s{                
  width:100%;
  background-color:#ffffff; 
}
.body-content{             
  width:100%;
           
}
.body-titlebox_s{             
  text-align:center;        
  width:100%;
  height:40px;
  margin-bottom:10px;       
}
.body-contentbox_s{           
  word-break:break-word;    
  overflow-y:auto;          
   
}

.popup-foot_s{                      
  width:100%;
  height:50px;
}
.pop-btn_s{ 
  display:inline-flex;            
  width:50%;                      
  height:100%;                    
  justify-content:center;         
  align-items:center;             
  float:left;                     
  color:#ffffff;                  
  cursor:pointer;                 
}
.pop-btn.confirm_s{                 
  border-right:1px solid #3b5fbf; 
}

#popLayer{
  display: none;
  width: 300px;
  height: 50px;
  border: 1px solid red;
  text-align:center;
}


._2QCa6wHHPy{
    float: right;
    width: 700px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}




.jjim{
border-color:
#ff0000;
color:
#ff0000;
}


.btn_info{
    color: #fff;
    background-color: #23c6c8;
    border-color: #23c6c8;


}

.btn_danger{
    color: #fff;
    background-color: #ed5565;
    border-color: #ed5565;

}



.ntli{
height:25px;
border:solid 1px #3e4142;
background-color:white;
border-radius:5px;

}





.bg-gary{
background-color:#aaaaaa;

}


.delivery_filter_btn{
    font-size: 15px;
    padding: 2px 20px 5px;
    border-radius: 25px;
    border: 1px solid #e5e5e5;
	background-color:#e5e5e5;;
    color: #777
}
.delivery_table{
border-bottom:solid 1px #aaaaaa;



}


.kind_wrap {
  border:2px solid black; 
  width:100%; 
  max-width:800px; 
  margin:0 auto; 
  position: relative;
}
.kind_wrap > .kind_slider {
  overflow: hidden;
}
.kind_wrap > .kind_slider .slider { 
  position: relative; 
  transition: 0.5s;
}
.kind_wrap > .kind_slider .slider li {
  float:left;
}
.kind_wrap > .kind_slider img {
  vertical-align: top;
}
.kind_wrap .arrow > a.prev {
  position: absolute; 
  left:-50px; 
  top:100px;
}
.kind_wrap .arrow > a.next {
  position: absolute; 
  right:-50px; 
  top:100px;
}

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

}

.delivery_sort_rgt{
float:right;

}


.search_hover:hover{
background-color:#1587cc;

}


.n_sub_3{
width:15%;
}

.wj_th{
    padding: 0.75rem;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	background-color:#d3d3d4;


}
.nmsi_div1{
text-overflow:ellipsis
}

.nmsi_div1:hover{
	text-overflow:initial;
	.span2{white-space: normal}
}

#index_01{
    width: 1200px;
    height: 400px;
    border: 1px solid dimgrey;
    margin: 0 auto;
}

#header1{
    height: 100px;
    border-bottom: 1px solid dimgrey;
    box-sizing: border-box;
    text-align: center;
    line-height: 100px;
    font-size: 1.5rem;
}

#slide1{
    height: 300px;
    overflow: hidden;
}
#slide1>ul{
    width: 3600px;
    font-size: 0;
}
#slide1>ul>li{
    display: inline-block;
    font-size: 0;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

.best_logo{
width:45px;
height:20px;
background-color:#fc9a9a;
font-weight:500;
font-size:14px;
color:black;
text-align:center;
top:0px;
right:17px;
}

.specail_logo{
width:45px;
height:20px;
background-color:#f9e153;
font-weight:500;
font-size:14px;
color:black;
text-align:center;
top:0px;
right:17px;
}

.new_logo{
width:45px;
height:20px;
background-color:#92d3ff;
font-weight:500;
font-size:14px;
color:black;
text-align:center;
top:0px;
right:17px;
}

.keyfield{
width:110px !important;
max-height:30px !important;
height:30px !important;
font-size:13px !important;
font-weight:400 !important;
border:1px solid #ccc !important;
}
/*
#search_text {
width:230px;
height:30px;
font-size:18px;
font-weight:400;
border:1px solid #ccc;
}*/


@media (min-width: 769px) {
    .w-1280{
		width:1280px;
	}
}
@media (max-width: 768px) {
    w-1280 {
        width:100%;
    }
}