/*기본 레이아웃----------------------------------------------------------------------*/

#wrap { width:100%; }
#header { width:100%; background:url('../img/bg_top.gif') repeat-x; }
.default_layout { width:980px; margin:0 auto; }
#contents { width:100%; }
#footer { width:100%; margin-top:20px; }
#right{ position:fixed; width:100%; z-index:999; height:1px; }


/*모바일에서 PC보기로 들어왔을경우 오른쪽바 none*/
@media all and (max-width:1069px){
#right { display:none; }
}

@media all and (min-width:1070px){
#right { display:block; }
}

/*기본 레이아웃------------------------------------------------------------------------*/
.aa div a{color:#39739f !important; letter-spacing:-1px; font-family:'Noto Sans KR'; font-size:11px !important}

/*폰트 style---------------------------------------------------------------------------*/
.font_number { font-family:'Noto Sans KR', sans-serif; }
.font_add { font-family:'Noto Sans KR', sans-serif; font-size:14px; }
.font_add_1 { font-family:'Noto Sans KR', sans-serif; }
.letter_s { letter-spacing:-1px; }

.font_padding span{padding:0 5px 0 5px;}
/*폰트 style----------------------------------------------------------------------------*/


/*그외 style----------------------------------------------------------------------------*/

.right_bg { background:url('../img/bg_right_scroll.gif') repeat-x bottom; height:40px; line-height:40px; padding-left:15px; }
.right_bg_off { background:url('../img/bg_right_scroll.gif') repeat-x bottom; height:40px; line-height:40px; }
.right_today { background:url('../img/bg_right_scroll.gif') repeat-x bottom; height:40px; line-height:40px; }
.all_view { position:absolute; top:59px; left:0px;  z-index:998; width:100%; background:#3e3e3e;  display:none;}
.all_view_scroll { position:absolute; top:60px; left:0px;  z-index:998; width:100%; display:none;}

#tabmenu2 { margin: 0px; padding: 0px; list-style-type: none; }
#tabmenu2 li a { display: block; border-top:1px solid #dcdcdc; padding:8px; width:168px; height:21px; line-height:22px; font-size: 12px; font-family: 'Noto Sans KR'; color: #969696; text-decoration: none; letter-spacing:-1px; background:url('../img/icon_keyword_off.gif') no-repeat 96% 50%; }
#tabmenu2 li a.selected { background:url('../img/icon_keyword_on.gif')  no-repeat; width:168px; color:#fff; border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4; height:21px; line-height:22px; }

.bottom_banner { border-right:1px solid #ababab; border-bottom:1px solid #ababab; }
.bottom_banner_b {  border-bottom:1px solid #ababab; }
.bottom_banner_r {  border-right:1px solid #ababab; }

.border_t_r_b { border-top:1px solid #eeeee; border-left:1px solid #eeeee; border-right:1px solid #eeeee; border-bottom:1px solid #ababab;  }
.border_all { border-top:1px solid #eeeee; border-left:1px solid #eeeee; border-right:1px solid #eeeee; border-bottom:1px solid #ababab; }


.BottomLink { width:100%; background-color:#3a3a3a; padding:13px 0 13px 0; margin-top:10px;  } 
.BottomLink table { margin: 0 auto; }
.BottomLink a:link { color:#d6d6d6; font-size:11px; }
.BottomLink a:visited { color:#d6d6d6; font-size:11px; }
.BottomLink a:active { color:#d6d6d6; font-size:11px; }
.BottomLink a:hover { color:#d6d6d6; font-size:11px; }
.CLine { border-right:1px solid #aeaeae; }

.input_search { height:18px; line-height:18px; padding-left:3px; border:1px solid #bfbfbf; }
.inputstyle { height:18px; line-height:17px; padding-left:3px; border:1px solid #bfbfbf; }
.inputpop { height:18px; line-height:17px; padding-left:3px; border:1px solid #dedede; background:#f1f1f1; }
.inputadd { height:18px; line-height:17px; padding-left:3px; border:1px solid #bfbfbf; background:#f7f7f7 }
.input_find { height:22px; line-height:21px; padding-left:3px; border:1px solid #bfbfbf; }
.input_basket { height:28px; line-height:27px; padding-left:3px; border:1px solid #bfbfbf; background:#f1f1f1; }
.sminput { height:18px; line-height:17px; padding-left:3px; border:1px solid #bfbfbf; background:#f7f7f7 }

.join_input input { border:1px solid #dedede; background:#f1f1f1; height:20px; line-height:20px; padding-left:3px; }
.join_input input[type="radio"]{background:none; border:0 none}
.join_input textarea { border:1px solid #dedede; background:#f1f1f1; height:80px;  padding:3px; }
.join_input { font-size:11px; color:#909090; }

.smfont6 { font-size:13px; letter-spacing:-1px; font-family:'Noto Sans KR'; }
.detail_td { background:#f9f9f9; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:10px; width:150px; line-height:18px; }
.detail_td2 { padding:10px; border-bottom:1px solid #e7e7e7; }
.add_help { font-size:11px; letter-spacing:-1px; color:#909090; }

/*평가리스트 라인 (seller_review_list.html)*/
.border_line { border-bottom:1px solid #e6e6e6; color:#595959; height:26px; }
.border_R_line { width:60px; border-right:1px solid #e0e0e0; }
.border_R_line2 { width:60px; border-right:1px solid #e0e0e0; line-height:20px; }
.border_R_line_end { width:60px; line-height:20px; }

.border_Rbuy_line { width:110px; border-right:1px solid #e0e0e0; }
.border_Rbuy_line2 { width:110px; border-right:1px solid #e0e0e0; line-height:20px; }
.border_Rbuy_line_end { width:110px; line-height:20px; }


.all_view_banner td { padding-top:9px; padding-right:9px; }


.top_menu {background:url('../img/bg_menu_layer_line.jpg') top left repeat-y; margin:0; padding:0 0 10px 0; }
.top_menu ul {padding:0; display:inline-block; vertical-align:top; width:160px; color:#FFF; list-style:none; }
.top_menu .title { padding:10px 0 5px 0; font-weight:bold; }
.top_menu li{ height:20px; list-style:none; }

.position_wrap { position:relative; }
.position_default { position:absolute; top:0px; left:0px; }

/* 상단로고영역 레이아웃 */
.head_layer {width:980px; margin:0 auto; height:130px;}
.head_left {width:30%; padding-top:40px;}
.head_center {width:40%; padding-top:40px;}
.head_right {position:relative; width:30%;}

.search_input {border:0; width:100%; height:35px; line-height:35px; outline-width:0;}
.pop_keyword {width:370px; padding-top:10px; margin:0 auto; background:url('../img/bg_popkeyword_shodow.jpg') top center no-repeat; text-align:center;}
.menu_btn img{margin:1px 0 0 5px; vertical-align:middle;}
.menu_bottom {position:absolute; width:100%; bottom:-9px; height:6px; background:url('../img/bg_menu_shodow.png') bottom repeat-x; z-index:99;}
.layer_over {width:980px; margin:0 auto; position:relative;}
.layer_close {position:absolute; bottom:25px; right:-40px;}

a.category_num{display:inline-block; margin-left:3px; margin-top:-1px; padding-right:6px;background:url('../img/category_num_bg.png') no-repeat right 0;font-family:'Noto Sans KR'; height:17px; font-size:11px; font-weight:bold;color:#fff;line-height:16px;word-spacing:-1px;text-decoration:none !important; vertical-align:middle;}
a.category_num span,a.category_num strong{display:block;padding:0 0 0 6px;background:url('../img/category_num_bg.png') no-repeat; line-height:15px; height:17px; color:#fff;}

.top_brand li{list-style:none; height:30px; line-height:30px; width:180px;}
.top_brand {background:url('../img/bg_brand_layer_line.jpg') top center repeat-y;}

/* rows 투명도 */

.alpha_layer2 {position:absolute; top:130px; z-index:0; left:0;  background-color:#6d6d6d; width:170px;height:35px; line-height:35px; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7;}
.alpha_layer2_2 {position:absolute; top:140px; z-index:0; left:0;  background-color:#6d6d6d; width:165px;height:35px; line-height:35px; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7;}
.alpha_layer3 {position:absolute; top:125px; z-index:0; left:0;  background-color:#6d6d6d; width:195px;height:35px; line-height:35px; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7;}
.alpha_layer4 {position:absolute; top:170px; z-index:0; left:0;  background-color:#6d6d6d; width:220px;height:35px; line-height:35px; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7;}
.alpha_layer4_2 {position:absolute; top:110px; z-index:0; left:0;  background-color:#6d6d6d; width:165px;height:35px; line-height:35px; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7;}
.alpha_layer5 {position:absolute; top:245px; z-index:0; left:0;  background-color:#6d6d6d; width:430px;height:35px; line-height:35px; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7;}
.alpha_layer6 {position:absolute; top:155px; z-index:0; left:0;  background-color:#6d6d6d; width:190px;height:35px; line-height:35px; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7;}
.alpha_layer40 {position:absolute; top:130px; z-index:0; left:0;  background-color:#6d6d6d; width:172px; height:35px; line-height:35px; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7;}

/* ---------------------------- help_style 도움말 박스 ---------------------------- */
.help_style{
	clear:both;
	position:relative;
	border:1px solid #ced3d5;
	padding:15px;
	margin-bottom:15px;
}

.help_style p { line-height:18px; }

.help_style .help{
	display:block;
	position:absolute;
	top:-5px;
	left:20px;
	background:#FFF; padding:0 10px 0 10px;
	font:8pt '맑은 고딕'; color:gray;
}

.help_style .box_1{
background:url('../img/box_round_01.gif') left top no-repeat;
	top:-1px;
	left:-1px;
	width:4px;
	height:4px;
	position:absolute;
}
.help_style .box_2{
background:url('../img/box_round_01.gif') right top no-repeat;
	top:-1px;
	right:-1px;
	width:4px;
	height:4px;
	position:absolute;
}
.help_style .box_3{
background:url('../img/box_round_01.gif') right bottom no-repeat;
	bottom:-1px;
	right:-1px;
	width:4px;
	height:4px;
	position:absolute;
}
.help_style .box_4{
	background:url('../img/box_round_01.gif') left bottom no-repeat;
	bottom:-1px;
	left:-1px;
	width:4px;
	height:4px;
	position:absolute;
}
/* ---------------------------- help_style 도움말 박스 END ---------------------------- */


/* ------ 메인 상단메뉴 ------- */
.header_menu img{vertical-align:middle;}
.line_category div{ float:left; height:20px; display:inline-block; zoom:1; *display:inline; _display:inline;}

#line_category_line ul:first-child div { background:none; padding-left:0px;}
#line_category_line ul div { padding-right:40px; border:1px solid red;}

.top_menu_02 ul li{
	display:inline-block;
	list-style-type:none;
}
.top_menu_02 img{padding-right:40px; border:1px solid red;}

/*#line_category_line ul div { background:url('../img/bg_menu_line.gif') no-repeat left; padding-left:23px;}*/
/* ------ 메인 상단메뉴 ------- */


.line_jung { border-bottom:1px solid #d9d9da; border-right:1px solid #d9d9da; }
.line_jung_n { border-bottom:1px solid #d9d9da; }
.input_style select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; }
.basket_cash_input select { width:200px; height:30px; padding:5px; border:1px solid #bdbdc0; line-height:24px; }
.ipchal_bg { background:#ffebeb; }
.my_count { width:23px; border:1px solid #c4c4c4; background:#fff; height:18px; padding-right:3px; line-height:18px; }
.main_menu_top {position:relative; background:url('../img/bg_menu_top.gif') top repeat-x;}

/* 판매종료시간 */
.timer input {font-family:'Noto Sans KR';}
.timer_auction input{ color:#ffffff; font-family:'Noto Sans KR'; font-size:16px;  text-align:right; font-weight:bold; background-color:transparent;}

/*상품리스트 내 카테고리표시*/
.sub_location div {color:#ccc;}
.sub_location div a {font-size:11px; color:#999; letter-spacing:-1px; }
.sub_location div a:hover {color:#666;}
.aa div {color:#ccc;}
.aa div a {color:#999 !important;}
.aa div a:hover {color:#666 !important;}








/*장바구니 알람*/
a.cartalarm{display:inline-block; margin-left:3px; margin-top:-1px; padding-right:6px;background:url('../img/cartalarm_bg.png') no-repeat right 0;font-family:'Noto Sans KR'; height:17px; font-size:11px; font-weight:bold;color:#fff;line-height:16px;word-spacing:-1px;text-decoration:none !important; vertical-align:middle;}
a.cartalarm span,a.cartalarm strong{display:block;padding:0 0 0 6px;background:url('../img/cartalarm_bg.png') no-repeat; line-height:15px; height:17px; color:#fff;}

/* 상세 스크롤 기본위치 선점 - js 소스 영향을 주기위한 소스 */
.scrollfixed {position: fixed;  top: 0px;}

/* main_img_up6_1.html */
.rows_off {display:block;}
.rows_on {display:none; position:absolute; }
.rows_off:hover .rows_on{display:block;}
.rows_on .alpha {
	display:block; width:186px; height:186px; background:#000;
	background:rgb(0, 0, 0);
	background: transparent\9;
	background:rgba(0, 0, 0,0.6); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6c000000,endColorstr=#6c000000);
	zoom: 1;
}



.com_info_01 { width:160px; background:#fbfbfb; border:1px solid #dedede; padding-left:10px; height:40px; }
.com_info_02 { padding-left:10px; width:320px; border:1px solid #dedede; }
.com_info_03 { padding-left:10px; border:1px solid #dedede; }
.com_info_04 { padding-left:10px; width:200px; border:1px solid #dedede; }








/*--------------------오픈마켓 상세관련------------------------------------------------------------------------------------------------*/

.bg_layer_left { background:url('../img/market_detail/bg_layer_bar_left.png') no-repeat; width:6px; height:40px; }
.bg_layer_center { background:#444446; }
.bg_layer_right { background:url('../img/market_detail/bg_layer_bar_right.png') no-repeat; width:6px; height:40px; }

.line_layer_bg { width:2px; background:url('../img/market_detail/bg_layer_line.png') repeat-y; }
.border_b { border-bottom:1px solid #d2d2d2; padding-bottom:20px; }
.layer_p_l {  padding-left:20px; padding-bottom:10px; }
.layer_p_r { padding-right:20px; padding-bottom:10px; }
.layer_p_s { padding-top:20px; }
.layer_p_e { padding-bottom:20px; }
.layer_pl_no { padding-left:20px; padding-bottom:10px; }
.layer_pr_no { padding-right:20px; padding-bottom:10px; }

.input_style_layer input[type=text] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0; }
.input_style_layer input[type=password] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0; }
.input_style_layer input[type=file] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:30px; line-height:29px; margin:2px 0; }
.input_style_layer select { padding:5px; width:355px; border:1px solid #bdbdc0; height:30px; line-height:24px; font-family:'Noto Sans KR'; }
.input_style_layer textarea { border:1px solid #bdbdc0; background:#f3f3f3; padding:5px; height:200px; }
.input_style_layer input[type=checkbox]
.input_style_layer input[type=radio] { vertical-align:middle; margin:-2px 0 1px;  cursor:pointer; }
.input_style_type1 select { padding:5px; width:170px; border:1px solid #bdbdc0; height:30px; line-height:24px; font-family:'Noto Sans KR'; }
.layer_option td { height:37px;  border-bottom:1px solid #e9e9e9; }
.layer_option table td { border-bottom:none; }


/*추카폰트사이즈*/
.font_24 { font-size:24px;}
.font_26 { font-size:26px;}
.font_28 { font-size:28px;}
.font_30 { font-size:30px;}
.font_40 { font-size:40px;}


/* 도매가격부분 */
.tb_right { border-right:1px solid #dbdbdb; }
.tb_rightTop { border-right:1px solid #dbdbdb; border-top:1px solid #dbdbdb; }
.tb_Top {  border-top:1px solid #dbdbdb; }



.ta_top_line { background:#f8f8f8; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; height:30px; color:#6c6c6c; }
.dot_line { border-bottom:1px dashed #bfbfbf; }
.type1_option_line { border-bottom:1px solid #e9e9e9; height:35px; }


.detail_img_pc img { max-width:700px; height:auto;}
.event_img img { margin-top:20px; max-width:100%; height:auto;}
.event_top img { padding-top:20px; }
.right_img_review { padding-right:15px; }


.mini_step01 { background:url('../img/bg_mini_step_01.gif') repeat-x;  height:181px; color:#ffecd6; padding:12px 0 0 12px; line-height:20px;  letter-spacing:-1px; }
.mini_step02 { background:url('../img/bg_mini_step_02.gif') repeat-x;  height:181px; color:#ffe8ce; line-height:20px; padding:12px 0 0 12px;  letter-spacing:-1px; }
.mini_step03 { background:url('../img/bg_mini_step_03.gif') repeat-x;  height:181px; color:#ffd2bf; line-height:20px; padding:12px 0 0 12px;  letter-spacing:-1px; }
.mini_step03 div { color:#ffd2bf; }
.mini_step04 { background:url('../img/bg_mini_step_04.gif') repeat-x;  height:181px;  color:#b3b3b3; line-height:20px; padding:12px 0 0 12px; letter-spacing:-1px; }
.step_mini_title { margin:0 0 25px 0; }
.mini_step { margin-top:10px; }

.rows_img_right img{margin-right:20px;}
.skin_memo td { border:1px solid #dedede; height:35px; }
.skin_meno_bg { background:#f2f2f2; }
.detail_map{border:1px solid #999}


.ellip{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.ellipsis_line2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:18px; height:35px;}
.ellipsis_line3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/* span 등 display속성이 inline값을 가진 속성일때 ellipsis1,2 를 사용하여 글자자름 줄을 설정 */


.input_style input[type=text] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px;}

.comment_img img { max-width:100%; height:auto;}



# added by Air Music 
.ui.table {
    width: 100%;
    background: #FFFFFF;
    margin: 1em 0em;
    border: 1px solid rgba(34, 36, 38, 0.1);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0.28571429rem;
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
    border-collapse: separate;
    border-spacing: 0px;
    font-size: 1em;
}
.ui.table th, .ui.table td {
    -webkit-transition: background 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, color 0.1s ease;
}
.ui.table[class*="right aligned"], .ui.table [class*="right aligned"] {
    text-align: right;
}
.ui.table[class*="left aligned"], .ui.table [class*="left aligned"] {
    text-align: left;
}
.ui.table thead th {
    cursor: auto;
    background: #F9FAFB;
    text-align: inherit;
    color: rgba(0, 0, 0, 0.87);
    padding: 0.92857143em 0.78571429em;
    vertical-align: inherit;
    font-style: none;
    font-weight: bold;
    text-transform: none;
    border-bottom: 0px solid rgba(34, 36, 38, 0.1);
    border-left: none;
}
.ui.table td {
    padding: 0.78571429em 0.78571429em;
    text-align: inherit;
}
.ui.table thead tr:first-child > th:first-child {
    border-radius: 0.28571429rem 0em 0em 0em;
}

.ui.table thead tr > th:first-child {
    border-left: none;
}
.ui.table tr td {
    border-top: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.table th, .ui.table td {
    -webkit-transition: background 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, color 0.1s ease;
}


input {
  background-color: #FFFFFF;
}

input:focus {
  outline: none;
}

.no-border {
  border-width: 0;
}

.bottom-border {
  border-width: 0 0 1px;
}

.wave-effect {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.wave-effect::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 200%; /* 물결의 폭 */
    height: 100%;
    background: rgba(255, 255, 255, 0.5); /* 물결색 */
    opacity: 0; /* 기본 투명도 */
    transform: translateX(-50%) translateY(-100%);
    transition: opacity 0.3s; /* 페이드 효과 */
}

.wave-effect:hover::before {
    animation: wave-animation 1s linear infinite; /* 물결 애니메이션 */
}

@keyframes wave-animation {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-100%); /* 위로 이동 */
    }
    50% {
        opacity: 1; /* 물결이 보이도록 */
        transform: translateX(-50%) translateY(0); /* 중앙으로 */
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(100%); /* 아래로 이동 */
    }
}

.limit-text {
    display: -webkit-box; /* Flexbox 사용 */
    -webkit-box-orient: vertical; /* 세로 방향 설정 */
    -webkit-line-clamp: 4; /* 최대 4줄로 제한 */
    overflow: hidden; /* 넘치는 부분 숨김 */
    text-overflow: ellipsis; /* 잘린 부분 ... 표시 */
    font-size: 13px; /* 원하는 폰트 크기 */
    color: #333; /* 텍스트 색상 */
    width: 150px; /* 폭 제한 */
    line-height: 1.5; /* 줄 높이 설정 */