@charset "UTF-8"; 

/**** main ****/
.main_wrap {width:100%;}
.main_wrap,
.sub_Content {padding-top:192px;}  /* 서브페이지 Top까지 동일 */


/* main : slider */
.slider>div>div.caption {
	position:absolute; top:10%; right:20%;
    padding:3%; background:rgba(0,0,0,.5); color:#fff; font-size:16px;
}
.slider>div>div.caption p.slider_tit {margin-bottom:5%; font-size:26px; line-height:1.3;}
.slider>div>div.caption p.slider_tit span {display:block; font-size:40px;}
.slider>div>div.caption a {display:block; width:300px; margin-top:9%; padding:15px 20px; color:#fff; background:url(../images/main/a_arrow.png) no-repeat 92% center #278405;}
.slider>div>div.caption a:hover {background-color:#206905;}

#main-visual-wrap {
	width:100%;
	height:607px;
	background:url('/s/storyCms/market/images/main/main_slide_01.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	margin:0;
	padding:35px;
}
#main-visual-wrap>.caption {
	width:550px;
	padding:3%; background:rgba(0,0,0,.5); color:#fff; font-size:16px;
}
#main-visual-wrap>.caption p.slider_tit {margin-bottom:5%; font-size:26px; line-height:1.3;}
#main-visual-wrap>.caption p.slider_tit span {display:block; font-size:40px;}
#main-visual-wrap>.caption a {display:block; width:300px; margin-top:9%; padding:15px 20px; color:#fff; background:url(../images/main/a_arrow.png) no-repeat 92% center #278405;}
#main-visual-wrap>.caption a:hover {background-color:#206905;}

@media screen and (max-width: 767px) {
	#main-visual-wrap {
		padding:0;
		height:320px;
	}
	#main-visual-wrap>.caption {width:100%;}
}

.main_pd {padding-right:35px;}
.main_p1 {margin-bottom:40px; margin-top:30px;}

/* 메인 타이틀 */
.main_tit {margin-bottom:10px;}
.main_tit h2 {float:left; display:inline-block; font-size:18px;}
.main_tit h2 span {color:#555; font-size:14px; margin-left:10px;}
.main_tit2 {margin-bottom:15px; font-size:18px;}


/* 메인게시판 */
.tab_event .tab .tit_tab {width:46% !important;}
.none {position:absolute; top:-999em; width:0; height:0; font-size:1px; line-height:0; overflow:hidden}
.tab_event_wrap {height:330px;}
.tab_box{background:#fff; border:1px solid #e5e5e5;}
.tab_event .tab_list {position: relative; width:100%; float:left; background-color: #f3f4f5;}
.tab_event .tab{width:100%;}
.tab_event .tab .tit_tab{
	width:19%;border-right: 1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;
	background-color:#f5f5f5;
	color: #606060;float:left;
}
.tab_event .tab .tit_tab:hover{background:#eee;}
.tab_event .tab .last{border-right:1px solid #e8e8e8;} 
.tab_event .tab h4 {text-align:center; margin:0;}
.tab_event .tab h4 a {display:block; padding:15px; line-height: 1.42857143; font-size:17px; color:#888;}


.tab_event .tab .conts .more {
	display:inline-block;
    position: absolute;
    right: 0;
    top: -57px;
	height:56px;
	width:8%;
	text-align:center;
	border-bottom:1px solid #e8e8e8;
}
.tab_event .tab .conts .more img {margin-top:24px; vertical-align:top;}
.tab_event .tab .conts .more:hover{background:#eee;}
.tab_event .tab .tit_tab_active {background: #fff; visibility: visible; border-bottom:1px solid #fff}
.tab_event .tab .tit_tab_active:hover{background:#fff;}
.tab_event .tab .tit_tab_active a{ color: #000; border-bottom: 1px solid #ffffff;}
.tab_event .tab .conts {position:absolute; top:56px; bottom:0; left:0px; right:0px;}
.tab_event .tab .conts_inner {overflow:hidden; padding: 15px 30px;}
.tab_event .tab .conts_inner > li {
	padding:2px 0 0 10px;
    background: url(../images/bul_type_gnb.jpg) no-repeat 0px 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tab_event .tab .conts_inner > li > a{
	width:70%;
	min-width:200px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: inline-block;
	line-height: 1.42857143;
}
.tab_event .tab .conts_inner > li > a:hover {color:#008833;}
.tab_event .tab .conts_inner > li:first-child {min-height: 81px; margin-bottom:20px; padding:20px 0 20px 80px; background:url(../images/main/i_notice.png) no-repeat  0 24px; border-bottom:1px dotted #ccc;}
.tab_event .tab .conts_inner > li:first-child a {width:100%;}
.tab_event .tab .conts_inner > li:first-child:hover a {color:#008833;}
.tab_event .tab .conts_inner > li:first-child h3 {margin-bottom:5px; font-size:18px; font-weight:500;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.tab_event .tab .conts_inner > li:first-child p {white-space:normal; line-height:1.3; height:2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/* 경락정보 */
.auction_tit>ul {float:right;}
.auction_tit>ul>li {float:left; margin-left:5px;}
.auction_tit>ul>li>a {
	display:inline-block; width:20px; height:20px; border:1px solid #aaa; overflow:hidden; text-indent:-9999px;
	background-repeat:no-repeat; background-position:center;
}
.auction_tit>ul>li:first-child>a {width:60px; text-indent:0; border:0; text-align:center;}
.auction_tit>ul>li:first-child>a:hover {border:0; color:#008833;}
.auction_tit>ul>li>a:hover {border:1px solid #333;}
.auction_tit>ul>li>a#ticker-previous {background-image:url(../images/main/action_up.png);}
.auction_tit>ul>li>a#ticker-next {background-image:url(../images/main/action_down.png);}
.auction_tit>ul>li>a#stop {background-image:url(../images/main/action_stop.png);}
.auction_tit>ul>li>a#start {background-image:url(../images/main/action_start.png);}

.auction_list_tit {border-top:2px solid #7da200; background:#aed053;}
.auction_list_tit li {float:left; color:#000; text-align:center; padding:15px 0;}
#vertical-ticker {height:240px; overflow:hidden;}
#vertical-ticker>li {display:block; border-bottom:1px solid #ddd; overflow:hidden;}

/*경락정보 table 교체 css_2025_07*/
.drag_please{display:none;}
.drag_please span{font-size: 15px; font-weight: 300; margin-top: 11px; display: inline-block; color: darkblue;display: inline-block; vertical-align: bottom;}
.drag_please img{display: inline-block; vertical-align: bottom;}

/*콘텐츠 테이블*/
.t_box{height: 300px;overflow: scroll; overflow-x: hidden; overflow-y: auto; text-align: center;}
.t_box .table_exp{float:right; padding:0 5px 8px 0;}
.cont_table{width:99%; margin:4px auto 5px auto; border-collapse: collapse; box-sizing:border-box; word-break:keep-all; font-size:17px; position:relative; border-bottom:2px solid #eee;}
.cont_table thead th{padding:10px 5px; font-size:15px;font-weight:500;position:relative;background: #aed053;border-top: 2px solid #7da200; color:#000;}
.cont_table thead th.last{border-right:none;}

.cont_table thead th.border_r_line{border-right:1px solid #ccc !important;}

.cont_table thead th.sc_th{border-top:none !important; border-radius:0 !important;}

.cont_table tbody th{background-color: #f1f4ea;padding:10px;border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;font-weight:500;box-sizing:border-box;line-height:1.3em;font-size:17px;}
.cont_table tbody td{padding:10px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; font-weight:300; box-sizing:border-box;}
.cont_table tbody td.last{border-right:none;}
.cont_table tbody td .cont_list{margin-left:0;}

.cont_table tbody td.first{border-left:0px;}




.ticker_in td {display:block; float:left; padding:11px 10px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ticker_in {width:100%;}
.ticker_in td:nth-child(1),
.ticker_in td:nth-child(3),
.ticker_in td:nth-child(4) {width:25%;}
.ticker_in td:nth-child(2),
.ticker_in td:nth-child(5) {width:25%;}
.ticker_in td:nth-child(odd) {background:#f1f4ea;}
.ticker_in_none td{width: 100% !important;}

/* 행정정보 */
.adm a {display:table; width:100%; margin-bottom:10px; border:1px solid #ddd; padding:13px 15px; background:#f5f5f5; overflow:hidden; color:#000;}
.adm a:hover {border:1px solid #000;}
.adm a i {
	display:inline-block; float:left; width:37px; height:37px; margin-right:10px;
	background-repeat:no-repeat; background-position:center;
}
.adm a i.i_adm1 {background-image:url(../images/main/adm_01.png);}
.adm a i.i_adm2 {background-image:url(../images/main/adm_02.png);}
.adm a i.i_adm3 {background-image:url(../images/main/adm_03.png);}
.adm a i.i_adm4 {background-image:url(../images/main/adm_04.png);}
.adm a span {display:table-cell; width:100%; vertical-align:middle; font-size:16px;}

/* 안전성검사 */
.safety_wrap {margin-top:20px; overflow:hidden;}
.safety_wrap>div {padding:0 10px; text-align:center; border-right:1px solid #eee;}
.safety_wrap>div:last-child {border-right:0;}
.safety_wrap>div h4 {font-size:16px;}
.safety_wrap>div>a {display:block;}
.safety_wrap>div>a> i {display:block; width:100px; height:100px; margin:15px auto; border-radius:50%; background-position:center; background-repeat:no-repeat;}
.safety_wrap>div>a> i.i_safety1 {background-image:url(../images/main/i_safety1.png); background-color:#6cbd56;}
.safety_wrap>div>a> i.i_safety2 {background-image:url(../images/main/i_safety2.png); background-color:#49c2d5;}
.safety_wrap>div>a> i.i_safety3 {background-image:url(../images/main/i_safety3.png); background-color:#eb6661;}
.safety_wrap>div p {color:#666; font-size:13px; word-break:keep-all;}
.safety_wrap>div p.btn_tbl {display:table; width:50%; margin:10px auto 0; background:#efefef; overflow:hidden; border:1px solid #fff;}
.safety_wrap>div p.btn_tbl span {display:table-cell; vertical-align:middle; padding:4px 6px; font-size:11px;}
.safety_wrap>div p.btn_tbl span:last-child {background:#ccc; color:#fff; font-weight:700;}
.safety_wrap>div>a:hover> i.i_safety1 {background-color:#43902f;}
.safety_wrap>div>a:hover> i.i_safety2 {background-color:#198ea0;}
.safety_wrap>div>a:hover> i.i_safety3 {background-color:#c33933;}
.safety_wrap>div>a:hover p.btn_tbl {border:1px solid #aaa;}


/* 안내배너 */
.info_wrap {padding-right:20px; width: 25% !important}
.info_wrap:hover>a {border:1px solid #000;}
.info_b_in {display:block; width:100%; height:265px;  border:1px solid #ddd; padding:20px; background-repeat:no-repeat; background-position:right bottom;}
.info_b_in.info_b_in1 {background-image:url(../images/main/info_b_01.png);}
.info_b_in.info_b_in2 {background-image:url(../images/main/info_b_02.png);}
.info_b_in.info_b_in3 {background-image:url(../images/main/info_b_03.png);}
.info_b_in i {display:block; width:99px; height:99px; margin:20px auto 0; background-repeat:no-repeat; background-position:center;}
.info_b_in i.i_info1 {background-image:url(../images/main/i_info_time.png);}
.info_b_in i.i_info2 {background-image:url(../images/main/i_info_auction.png);}
.info_b_in i.i_info3 {background-image:url(../images/main/i_info_dayoff.png);}
.info_b_in h4 {font-size:16px; margin-bottom:15px; padding-bottom:15px; border-bottom:2px solid #ddd;}


/* 도매법인 */
.co_market {height:265px; border:1px solid #ddd; background:url(../images/main/co_market_bg.png) no-repeat right bottom;}
.co_market h4 {height:50px; line-height:50px; padding-left:20px; font-size:16px; background:#f5f5f5; border-bottom:1px solid #ddd;}
.co_market ul {padding:10px;}
.co_market ul li {margin-bottom:10px;}
.co_market ul li::before {float:left; display:inline-block; width:4px; height:4px; background:#aed053; clear:both; content:""; margin:9px 5px 0 0;}
.co_market ul li a {display:block; padding-left:10px;}
.co_market ul li a:hover {color:#008833;}


/* 농산물 가격정보 */
.price_info_wrap {padding:10px; border:3px solid #c2d804;}
.price_info_wrap .main_tit {padding:10px;}
.price_info_wrap .main_tit a {display:inline-block; overflow:hidden; vertical-align:bottom; margin-top:10px; color:#999; font-size:12px; border:1px solid #ddd; border-radius:5px; padding:2px 6px; line-height:1;}
.price_info_wrap .main_tit a:hover {border:0; background:#333; color:#fff;}
.price_info_wrap .main_tit span {display:block; margin-top:5px; color:#999; font-size:14px;}

.price_info_wrap>div:last-child {border:1px solid #ddd;}
.price_info_wrap .mninfo_table thead th {padding:8px 10px; color:#000; background:#f5f5f5; text-align:center; font-weight:500;}
.price_info_wrap .mninfo_table tbody tr {border-bottom:1px dotted #ddd;}
.price_info_wrap .mninfo_table tbody tr:hover {background:#f8f8f8;}
.price_info_wrap .mninfo_table tbody td {padding:1px 10px; font-size:15px; font-weight:300; text-align:center;}
.price_info_wrap .mninfo_table tbody td:first-child {text-align:left; font-weight:400;}

.price_info_wrap .mninfo_table tbody td span::before {display:inline-block; clear:both; margin-right:8px;}
.price_info_wrap .mninfo_table tbody td span.up::before {content:"▲"; color:#cd1212;}
.price_info_wrap .mninfo_table tbody td span.down::before {content:"▼"; color:#1336a8;}
.price_info_wrap .mninfo_table tbody td span.default::before {content:""; width:12px; height:3px; margin-bottom:4px; background:#999;}


@media  screen and (max-width:1190px)
{
  
  /*경락정보 table 교체 css_2025_07*/
  .t_box{overflow-x: auto;}
  
}


  


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	.main_wrap, 
	.sub_Content {padding-top:107px;} /* 서브페이지 Top까지 동일 */
	
	.main_pd {padding-right:0;}
	.main_tit,
	.main_tit2 {margin-top:30px;}
	
	/* main : slider */
	.slider>div>div.caption {top:5%; right:10%; font-size:14px;}
	.slider>div>div.caption p.slider_tit {font-size:20px;}
	.slider>div>div.caption p.slider_tit span {font-size:34px;}
		
		
	/* 안전성검사 */
	.safety_wrap {margin-bottom:40px;}
	.info_wrap {padding-right:0; padding-bottom:30px;}

	/* 농산물 가격정보 */
	.price_info_wrap .main_tit {margin-top:0;}
	.price_info_wrap .mninfo_table tbody td:first-child {word-break:keep-all;}
  

	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* 메인게시판 */
	.tab_event_wrap {height:260px;}
	.tab_event .tab h4 a {padding:10px; font-size:16px;}
	.tab_event .tab .conts {top:44px;}
	.tab_event .tab .conts .more {top:-45px; height:44px;}
	.tab_event .tab .conts .more img {margin-top:18px;}
	.tab_event .tab .conts_inner {padding:15px;}
	.tab_event .tab .conts_inner > li:first-child {padding:5px 0 10px 80px; background:url(../images/main/i_notice.png) no-repeat  0 8px;}
	.tab_event .tab .conts_inner > li:first-child a {min-width:100%;}
	.tab_event .tab .conts_inner > li:first-child p {height:2.7em;}
	
	
	/* main : slider */
	.slider>div>div.caption {top:10px; right:20px; width:280px; padding:20px; font-size:14px;}
	.slider>div>div.caption p.slider_tit {margin-bottom:5%; font-size:14px;}
	.slider>div>div.caption p.slider_tit span {font-size:20px;}
	.slider>div>div.caption a {width:180px; margin-top:5%; padding:10px; background:url(../images/main/a_arrow.png) no-repeat 97% center #278405;}
	
	/* 안전성검사 */
	.safety_wrap>div>a> i {width:70px; height:70px; background-size:50%;}
	
	/* 농산물 가격정보 */
	.price_info_wrap .mninfo_table thead th {font-size:15px;}
	.tableMsg {
		padding-left:20px; padding-top:10px; line-height:1.2; color:red;
		background:url(../images/layout/icon_tip.png) no-repeat left 12px; background-size:15px;
	}
	.tableMsg::after{content:"표의 내용이 모두 보이지 않을 경우 좌,우측으로 드래그하세요.";}
	
	

}