@charset "utf-8";
/* CSS Document */
.localnav_wrap{}
.dataprice_page{}
.dataprice_page > h2{border-bottom:none; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0; padding:0; margin:0}
.dataprice_page .price_section{ border:1px solid #e3e3e4; overflow:hidden}
.sching_container *, .dataprice_page .sching_container dl{ margin:0; padding:0 }
.sching_container{ float:left; width:calc(25% + 1px); box-sizing:border-box;opacity:1;border-right:1px solid #e3e3e4; margin-right:-1px; transition:.3s; }
.rslt_container{ border-left:1px solid #e3e3e4; width:75%; float: right;box-sizing:border-box; position:relative; z-index:2; background:#fff; transition:.3s;}

@media only screen and (max-device-width: 767px){
.dataprice_page > h2{font-size: 1.857rem; padding-bottom: 1.24rem; margin: 0; text-indent:0; line-height:inherit; width:auto; height:auto}	
.dataprice_page .price_section{ margin-top:0; border:none}	
.sching_container{ float:none; clear:both; width:auto; min-height:inherit; left:auto; height:auto; top:auto; position:relative}	
.sching_container + .rslt_container{ border-left:none; width:auto; float:none; min-height:inherit;}}


/* 열고 닫기 */
.wide .sching_container{ margin-left:-25%;opacity:0; }
.wide .rslt_container{ width:100%; border-left:0}
/* 품목시장검색 닫기 */
button.close[data-function="wide"]{ position:absolute; left:-16px; top:300px; z-index:3; height:60px;; width:16px; z-index:4; border:none; background:rgba(56,167,208,0.5); transition:.3s; line-height:60px; margin:0; padding:0; border-radius:22px; border-bottom-right-radius:0;border-top-right-radius:0; transform:translateY(-50%)}
button.close[data-function="wide"]:hover{ background:rgba(56,167,208,1);}
button.close[data-function="wide"] > span{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; display:block; width:0; height:0}
button.close[data-function="wide"]:before{ width:100%; height:100%;font-family:"okdab"; font-style: normal; padding-left:0px; font-weight: normal; speak: none;  display:block; text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e807"; font-size:1.25rem ; color:#fff; }
.wide button.close[data-function="wide"]{left:0; border-radius:22px; border-bottom-left-radius:0;border-top-left-radius:0}
.wide button.close[data-function="wide"]:before{ transform:rotate(-180deg)}
.wide .rslt_container .board_list_box{ padding:20px 30px}
/**/
.sching_container h3{ font-size:1.142rem; font-weight:400; background:#f9f9f9; margin:0; padding:0 1.285rem ; line-height:3.571rem; padding-left:15px; border-bottom:1px solid rgba(159,168,180,0.58)}
.sching_container h3 {}
.dataprice_page .formbox button.sch{ position:relative; left:auto; right:auto; top:auto; bottom:auto; box-sizing:border-box}
.sching_container .sch_box .formbox{ padding:15px }
.sching_container .sch_box .formbox dl dt{ width:0; height:0; text-indent:-999px; overflow:hidden}
.sching_container .sch_box .formbox dl dd{ width:auto; border: none; padding:0px; float:none}
.formbox [type="text"].date-picker, .formbox button.ui-datepicker-trigger{ height:35px}
.formbox .picker{ width:50%; font-size:0; margin-left:0 !important}
.formbox .picker.pick100{ width:100% }
.formbox .picker + .picker{ margin-left:-1px !important;width:calc(50% + 1px);}
.formbox .picker label{display:block; overflow:visible}
.formbox .picker > span{ display:none}
.formbox [type="text"].date-picker{ width:100%; padding-left:30px; font-size:1rem; outline:none}
.formbox [type="text"].date-picker:focus{ border-bottom:2px solid #17a8cc;}

.formbox button.ui-datepicker-trigger{ position:absolute; left:0; top:0}
.formbox .inputbox{ clear:both; float:none; margin:-1px 0 10px 0; position:relative}
.formbox .inputbox input[type="text"]{width:calc(100% - 12px); height:35px; outline:none; border:1px solid #cdcdcd; box-sizing: content-box; padding-left:10px; color:#17a8cc; font-weight:700; letter-spacing:0}
.formbox .inputbox input[type="text"]:focus{border-bottom:2px solid #17a8cc; }

.dataprice_page .info{ font-size:0.928rem; color:#38a7d0; padding:10px; background:rgba(81,178,214,0.15); border:1px solid rgba(81,178,214,1); position:relative; padding-right:50px}
.dataprice_page .info > p{ margin:0; padding:0}
.dataprice_page .info > p > a{color:#38a7d0; }
.dataprice_page .info > button{ position:absolute; right:0; top:0; height:36px;font-size: 0;line-height: 0; text-indent: -999px; overflow: hidden;width: 40px;border: none;background: none;}	

.dataprice_page .info > button:before{ content:"\e828"; font-size:1rem; font-weight:normal;font-family: "okdab";font-style: normal;speak: none;display: inline-block; text-decoration: inherit;font-variant: normal;text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;color: #0195df; line-height:36px;text-indent: 0;width: 100%;height: 100%;position: absolute;left: 0;top: 0;
vertical-align: top;font-weight: bold;}	
.formbox .sch{ font-size:0}
.formbox .sch button{ font-size:1.2rem; text-indent:0; line-height:40px; width:100%; margin-top:10px; background:#0195df; color:#fff;box-sizing:border-box; display:inline-block; vertical-align:top}
.formbox .sch button:before{ position:relative; left: inherit; top: inherit; color:#fff; font-size:1.2rem; display:inline; padding-right:5px; line-height:40px}
.formbox .sch button.sch.on{ width:50%}
.formbox .sch button.reset{ background:#666; width:100%; display:none }
/*.formbox .sch button.sch.on + button.reset{display:inline-block;}*/
.formbox .sch span.sch.on + button.reset{display:inline-block;}
.formbox .sch button.reset:before{ content:"\e856"; font-weight:normal}

@media only screen and (max-device-width: 767px){
	.formbox .inputbox input[type="text"]{width:calc(100% - 13px);}
/*.sching_container h3{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0; padding:0; margin:0; overflow:hidden; border:none; background:none}*/

.sch_box .formbox .datebox dd{}
.sch_box .formbox .datebox dd > div.picker{ margin-left:0 !important; width:50%; font-size:0;}
.sch_box .formbox .datebox dd > div.picker label{ width:100%}
.sch_box .formbox .datebox dd > div.picker + .picker{ margin-left:-1px !important}	
.sch_box .formbox .datebox dd > div.picker > span{ line-height:0; font-size:0}
.sching_container .sch_box{ border-bottom:1px solid #e3e3e4;}
.formbox .picker.pick100{width: calc(100% - 1px)!important}
}

/** 스크롤 
.web .nano { display: block; position: absolute; top:1px; width:280px; border-right: 1px solid #ddd;  background-color: #fff; box-sizing:border-box; transition:.3s; height: auto; }
.web .fixed .nano { border-top:1px solid #e3e3e4 }
**/


@media (min-device-width: 768px) and (max-width: 1199px){
}


/* 자동완성 */
.select_list{ position:absolute; background:#fff; overflow:hidden; z-index:2; border:1px solid #17a8cc; padding:0px; display:none; z-index:4; max-width:360px }
.web .select_list{ min-width:320px}
.select_list.active{ display:block}
.select_list .inner{padding:15px;max-height:30vh; overflow-y:auto}
.select_list ul.list{}
.select_list ul.list li{ white-space: normal; padding:3px 15px 3px 10px;transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); }
.select_list ul.list li a{ display:block; overflow:hidden}
.select_list ul.list li:hover, .select_list ul.list li.on{padding-left:18px; padding-right:7px }
.select_list ul.list li:hover a, .select_list ul.list li.on a{ color:#38a7d0; text-decoration:none}
.dataprice_page .select_list .info{ padding-right:10px; color: #5c3c00; padding: 10px;background:#fffbe5;
    border: 1px solid #f4bd00; border-width:0 0 1px 0;}
.select_list h4{ border-bottom:1px solid #ddd; font-size:1.25rem; font-weight:300; padding:8px 15px; position:relative}
.select_list h4 strong{ font-weight:500; color:#F30}
.select_list h5{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0}
.select_list ul + h5{ margin:10px 0; border-bottom:1px solid #ddd; width:100%; height:1px}
@media only screen and (max-device-width: 767px){
.select_list{width:calc(100vw - 54px); top:38px}	
.select_list ul.list li{ white-space:normal; position:relative; padding-left:8px}
.select_list ul.list li a:before{ position:absolute; left:0; top:5px; font-size:10px; content:"\e808"; font-weight:normal;font-family: "okdab";font-style: normal;speak: none;display: inline-block; text-decoration: inherit;font-variant: normal;text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); }
.select_list ul.list li:hover a:before{ left:7px}



.selectbox.goods, .selectbox.local{ position:relative}
.selectbox.goods .select_list, .selectbox.local .select_list{ top:35px}



}

.select_list h4:after{ position:absolute; right:20px; top:7px;content:"\e80c"; font-weight:normal;font-family: "okdab";font-style: normal;speak: none;display: inline-block; text-decoration: inherit;font-variant: normal;text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; transition:.3s; color:#38a7d0; font-size:20px; opacity:0 }
.select_list h4.on:after{ opacity:1}

.select_list h4.on{ background:rgba(81,178,214,0.05);}

/* 분류 */
.typebox{ display:none; padding-top:20px}
.typebox > div{border-top: 1px solid rgba(159,168,180,0.58); clear:both; float:none}
.typebox > div > p{ padding:10px 10px 15px 10px; line-height:18px}
.typebox > div > h4{font-size: 1rem; font-weight: 400; background:none; margin: 0;padding: 0 1.285rem;line-height: 2.4rem;padding-left: 15px; border-bottom: 1px solid rgba(159,168,180,0.58);}
.typebox.active{ display:block}
.typebox label{ display: inline-block; padding:0px 3px 0px 5px; margin:2px 8px 0 8px}
.typebox label > span{ color:#555 !important}
.typebox label input[type="checkbox"] + span:before{ width:13px; height:13px; box-sizing:border-box; font-size:14px; line-height:12px}
.typebox label.all{ display:block; margin-bottom:5px; }
.typebox label.all span{}
.typebox > div.aply_btn{ border:none; padding:15px 15px 40px 15px; text-align:center}
.typebox button{ font-size:13px; text-indent:0; line-height:40px; width:47%; background:#fff;border:2px solid #333; border-radius:30px; font-size:1.2rem ; transition:.3s cubic-bezier(0.19, 1, 0.22, 1);box-shadow: 0 0 0 rgba(33,33,33,1);}
.typebox button + button{ margin-left:4%}
@media (min-device-width: 768px) and (max-width: 1199px) {.typebox button + button{ margin-left:2%}}
.typebox button:hover{ background:rgba(33, 33, 33, .05);box-shadow: 0 0 25px rgba(33,33,33,0);}

.typebox button.key{ border:2px solid #38a7d0; color:#38a7d0;box-shadow: 0 0 0 rgba(56, 167, 208, 1);}
.typebox button.key:hover{ background:rgba(56, 167, 208, .1);box-shadow: 0 0 25px rgba(56, 167, 208, 0);}
.typebox button:before{ position:relative; left:auto; top:auto; display:inline-block; width:auto; display:none}

/* 즐겨찾기최근검색 */
.nano > .nano-content > .inner{ display:none}
.nano > .nano-content > .inner.active{ display:block}
.bookmark_box, .latest_box { display:none}
.bookmark_box.active, .latest_box.active { display:block}
.bookmark_box h3, .latest_box h3{ margin-top:20px; margin-bottom:10px; border-top:1px solid #e3e3e4; position:relative}
h3 > span.num_page{ position:absolute; right:10px; font-size:0.95rem; color:#999}

.bookmark_box .info, .latest_box .info{ margin:0 15px 10px 15px; transition:.3s}



.sching_container .ico{ width:40px; height:40px; overflow:hidden; background:#ddd; border-radius:100%; margin:0; padding:0; display:block; text-align:center; line-height:40px; box-sizing:border-box; padding:5px; border:1px solid rgba(0,0,0,0.2); position:absolute; left:0; top:50%; margin-top:-20px}
.flexlist ul li .ico img[src*=".svg"] {width:30px !important; }
.flexlist ul li .ico svg{width:30px !important; height:30px !important }
.flexlist ul li .ico svg path {fill: #333 !important;}
.flexlist ul li:hover .ico svg path {fill: #fff !important;}
.flexlist ul li:hover .ico{ background:#666}
div.flexlist ul{ padding:0 15px 15px 15px}
div.flexlist ul li{ min-height:50px; position:relative; border-bottom:1px solid #ddd; padding:10px 0 10px 60px; }
div.flexlist ul li:last-child{ border-bottom:none}
.flexlist ul li span.type, .flexlist ul li span.market{ color:#cbab53; display:block; font-size:0.9rem; font-weight:300; line-height:1.2; margin-bottom:3px}
.flexlist ul li span.market{ color:#666;}

.flexlist ul li a{ text-decoration:none; display:block; overflow:hidden}
.flexlist ul li h4{ font-weight:500; margin-bottom:3px}
.flexlist ul li button.del{ position:absolute; right:5px; top:5px; border:none; background:none; cursor:default; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:20px; height:25px;color: #ddd;}
.flexlist ul li button.del:before {content: "\e828";font-size: 0.7rem;font-weight: normal;font-family: "okdab";font-style: normal;speak: none;
display:block;text-decoration: inherit;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;line-height: 25px;text-indent: 0;width: 100%;height: 100%;position: absolute;left: 0;top: 0;vertical-align: top;}
.flexlist ul li button.del:hover{ color:#000;}

.flexlist .btn_page{ border-top:1px solid #bbb;margin:0px 10px; padding-top:15px}
.flexlist .btn_page button.more{ font-size:0; line-height:0;}
.flexlist .btn_page button.more:before{ font-size:40px; line-height:32px; text-indent:0; content:"+";  font-weight:100; display:inline-block; vertical-align: middle; margin:0; padding:0 }
@media only screen and (max-device-width: 767px){
.flexlist .btn_page button.more{ background:none}
.sching_container h3{ margin:0}
.bookmark_box .info, .latest_box .info{ margin-top:15px }
.bookmark_box, .latest_box{ background:#fff}
}
/*   */



/* 검색없음 */
.sching_container .nodata{ display:none; height:auto; font-size:1.25rem; overflow:hidden ; padding:10px 20px 30px 20px; border-bottom:none}
.sching_container .nodata.active{ display:block}
.sching_container .nodata:before{font-family:"okdab"; font-style: normal; font-weight: normal; speak: none;  display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e83e"; font-size:7rem; font-weight:normal; color:rgba(81,178,214,0.35);}
.sching_container .nodata.bookmark:before{content:"\e809"}
.sching_container .nodata.latest {}
.sching_container .nodata > strong{ display:block; color:#38a7d0}
.sching_container .nodata p{ position:relative; top:auto; font-size:1rem; padding:20px 0; overflow:hidden}
.sching_container .nodata p > span, .sching_container .nodata > strong > span{ white-space:nowrap}
.shopbox .nodata{height:auto; font-size:1.25rem; overflow:hidden ; padding:10px 20px 30px 20px; border-bottom:none;}
.shopbox .nodata:before{font-family:"okdab"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e83e"; font-size:7rem; font-weight:normal; color:rgba(81,178,214,0.35);}
.shopbox .nodata p{ position:relative; top:auto; font-size:1rem; padding:20px 0; overflow:hidden}


@media only screen and (max-device-width: 767px){
.nano > .nano-content > .inner{ background: #f4f5f6}	
.sching_container .nodata:before{ background:rgba(81,178,214,1); color:#fff; line-height:90px; margin-bottom:2rem; width:90px; height:90px; border-radius:100% ; font-size:4.5rem; margin-top:30px}
.sching_container .nodata > strong{ font-weight:500}
.sching_container .nodata.latest{ }
}




/* 결과값 */
.rslt_container .inner{ padding:20px 30px 20px 30px; background:#38a7d0; color:#fff; position:relative}
.rslt_container .inner:after{ position:absolute; right:160px;font-family:"okdab"; font-style: normal; font-weight: normal; speak: none;  display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e83c"; font-size:180px; font-weight:normal; color:rgba(255,255,255,0.5); top:0; display:block; vertical-align:top; line-height:92px; }
.rslt_container .inner h2{ border:none; font-size: 1.857rem;; font-weight:600; padding:0; margin:0}
.rslt_container .inner h2 > span{ font-weight:100; font-size:1rem; display:block}
.rslt_container .gobox{ position:absolute; right:30px; bottom:20px; overflow:visible}
.rslt_container .gobox .info{ position:absolute; right:100px; top:-10px;background:#fff; width:0; padding-right:10px; opacity:0; overflow:hidden; font-size:0;transition:all .3s, font .35s; height:40px; border-radius:8px; z-index:1}
.rslt_container .gobox .info:after{position:absolute;border-left:12px solid #fff;border-bottom:8px solid transparent;border-top:8px solid transparent;right:-12px;top:50%;content:"";display:block; margin-top:-6px}
.rslt_container .gobox:hover .info{ opacity:1; width:200px; overflow:visible; font-size:0.928rem;right:174px; height:auto; z-index:3}
.rslt_container .gobox > a{ display:block; border:2px solid #fff; color:#fff; line-height:38px; padding:0 22px; border-radius:22px; text-decoration:none; background:rgba(56,167,208,0.75); position:relative; z-index:2}
.goodsbox h3{padding: 0px 30px 0px 20px; border: 1px solid #d9d9d9; border-width: 1px 0; background-color: #f9f9f9; margin:0; font-size:1.285rem; font-weight:500; position:relative; line-height:60px}
.goodsbox h3 > span{ position:absolute; right:30px; top:0; font-size:1rem; }
.goodsbox h3 > span > em{ font-size:0; line-height:0;}
.goodsbox h3 > span > strong{font-weight:700}
@media only screen and (max-device-width: 767px){
	.rslt_container .inner{border:1px solid #e3e3e4; border-bottom:none}
.rslt_container .gobox{ position:relative; right:auto; bottom:auto; text-align:center; overflow:hidden; height:auto; padding-top:65px; display:none }
.rslt_container .inner:after{ }
.rslt_container .gobox > a{ display:inline-block;}
.rslt_container .gobox .info{ position: absolute; right:auto !important; top:0px !important; width: auto !important; opacity:1;overflow:visible; font-size:0.928rem;; height:auto;}
.rslt_container .gobox .info:after{ bottom:-7px; right:auto; left:50%;border-top:8px solid #fff;border-left: 6px solid transparent; 
    border-right: 6px solid transparent; border-bottom:none; top:auto; margin-left:-3px}}

/* 로딩 */

.rslt_container .load_common{ position:absolute; left:50%; top:50%; z-index:5; border:4px solid rgba(56,167,208,0.48); background:rgba(255,255,255,0.9); border-radius:100%; box-sizing:border-box; width:300px; height:300px; transform:translate(-50%,-60%); overflow:hidden; box-shadow:0px 8px 1px rgba(56,167,208,0.13)}
.rslt_container .load_common .progressbar{ top: auto; bottom:50px; width:55%; left:50%; transform:translateX(-50%); }
.rslt_container .load_common > span{ padding-top:60px; font-size:1.15rem}
.rslt_container .load_common > span.img{ padding-top:20px}

@media only screen and (max-device-width: 767px){
.rslt_container .load_common{width:270px; height:270px; }
.rslt_container .load_common > span{ font-size:1rem}
}
/* 금주의 인기 농산물 */
.rslt_container .default_box .goodsbox h3:before{font-family:"okdab"; font-style: normal; font-weight: normal; speak: none;  display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e824"; font-size:1.5rem; padding-right:10px; }
.default_box .goodsbox ul{ overflow:hidden; margin:0 auto; padding:30px 0%; box-sizing:border-box; text-align:center}
.default_box .goodsbox li{ background:#fff; display:inline-block;width:15%; margin:10px 1%; text-align:center; padding:5px 0 20px 0; border-radius:10px; box-sizing:border-box; border:2px dashed #d0d0d0;transition: all 200ms ease-out; height:115px; overflow:hidden}
.default_box .goodsbox li strong, .default_box .goodsbox li .ico{ display:block}
.default_box .goodsbox li strong{ margin-top:-5px}
.default_box .goodsbox li a{ text-decoration:none; color:#333;transition: all 200ms }
.default_box .goodsbox li:hover, .default_box .goodsbox li.on{ background:#38a7d0; border-color:rgba(0, 0, 0, .25); box-shadow:3px 3px 0px rgba(0,0,0,0.12)}
.default_box .goodsbox li:hover a, .default_box .goodsbox li.on a{ color:#fff; font-size:1.242rem}
/* sut20191209 추가(S) */
.default_box2 .goodsbox ul{ overflow:hidden; margin:0 auto; padding:0%; box-sizing:border-box; text-align:center}
.default_box2 .goodsbox li{ background:#fff; display:inline-block;width:9%; margin:10px 1%; text-align:center; padding:5px 0 20px 0; border-radius:10px; box-sizing:border-box; border:2px dashed #d0d0d0;transition: all 200ms ease-out; height:115px; overflow:hidden}
.default_box2 .goodsbox li strong, .default_box .goodsbox li .ico{ display:block}
.default_box2 .goodsbox li strong{ margin-top:-5px}
.default_box2 .goodsbox li a{ text-decoration:none; color:#333;transition: all 200ms }
.default_box2 .goodsbox li:hover, .default_box2 .goodsbox li.on{ background:#38a7d0; border-color:rgba(0, 0, 0, .25); box-shadow:3px 3px 0px rgba(0,0,0,0.12)}
.default_box2 .goodsbox li:hover a, .default_box2 .goodsbox li.on a{ color:#fff; font-size:1.242rem}
/* sut20191209 추가(E) */

/* 관측정보 아이콘 처리 */
.rslt_container.predict .default_box .goodsbox ul{ }
.rslt_container.predict .default_box .goodsbox ul li{ margin:10px 0.5%; width:10%;}
.rslt_container.predict .predict_list{ background:#fbfbfb; padding:30px 30px; margin-bottom:-20px; border-top:1px solid #eee}
.predict_list table{ border-top:1px solid #ddd;}
.predict_list table td, .predict_list table th{ border-bottom:1px solid #ddd; padding:10px 0; border-left:1px solid #ddd; font-weight:400; word-break:break-all}
.predict_list table thead th{ background:rgba(255,255,255,0.5); font-weight:bold}
.predict_list table tr th:first-child{ border-left:none}
.predict_list button.dn{ background:none; border:none}
.predict_list button.dn > span{ font-size:0; line-height:0; }
.predict_list button.dn:before{font-family:"okdab"; font-style: normal; font-weight: normal; speak: none;  display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e827"; font-weight:normal; color:#0195df; font-size:1.2rem}
.predict_list button.dn.tv:before{ content:"\e854"}
.predict_list button.dn.tv:before{ content:"\e854"}
.predict_list button.dn.html:before{ content:"\f1c9"}
.predict_list h4{ font-weight:400; font-size:1.2rem; margin:0; padding:0 0 10px 0}
.predict_list button.dn:hover:before{ color:#1e55af}

.predict .default_box .goodsbox li:nth-child(1):hover, .predict .default_box .goodsbox li.on:nth-child(1){ background:#62aec5}
.predict .default_box .goodsbox li:nth-child(2):hover, .predict .default_box .goodsbox li.on:nth-child(2){ background:#62c1c5}
.predict .default_box .goodsbox li:nth-child(3):hover, .predict .default_box .goodsbox li.on:nth-child(3){ background:#06aba0}
.predict .default_box .goodsbox li:nth-child(4):hover, .predict .default_box .goodsbox li.on:nth-child(4){ background:#38aadc}
.predict .default_box .goodsbox li:nth-child(5):hover, .predict .default_box .goodsbox li.on:nth-child(5){ background:#3299de}
.predict .default_box .goodsbox li:nth-child(6):hover, .predict .default_box .goodsbox li.on:nth-child(6){ background:#5b8edf}
.predict .default_box .goodsbox li:nth-child(7):hover, .predict .default_box .goodsbox li.on:nth-child(7){ background:#45c4fc}

.predict .container > .predict_list:nth-child(1){ background:rgba(98,174,197,0.05) }
.predict .container > .predict_list:nth-child(2){ background:rgba(98,193,197,0.1) }
.predict .container > .predict_list:nth-child(3){ background:rgba(6,171,160,0.1) }
.predict .container > .predict_list:nth-child(4){ background:rgba(56,170,220,0.1) }
.predict .container > .predict_list:nth-child(5){ background:rgba(50,153,222,0.1) }
.predict .container > .predict_list:nth-child(6){ background:rgba(98,174,197,0.1) }
.predict .container > .predict_list:nth-child(7){ background:rgba(69,196,252,0.1) }


.predict .container > .predict_list:nth-child(1) button.dn:before{ color:rgba(98,174,197,1) }
.predict .container > .predict_list:nth-child(2) button.dn:before{ color:rgba(98,193,197,1) }
.predict .container > .predict_list:nth-child(3) button.dn:before{ color:rgba(6,171,160,1) }
.predict .container > .predict_list:nth-child(4) button.dn:before{ color:rgba(56,170,220,1) }
.predict .container > .predict_list:nth-child(5) button.dn:before{ color:rgba(50,153,222,1) }
.predict .container > .predict_list:nth-child(6) button.dn:before{ color:rgba(98,174,197,1) }
.predict .container > .predict_list:nth-child(7) button.dn:before{ color:rgba(69,196,252,1) }

.predict .container > .predict_list ul, .predict .container > .predict_list ul li{ margin:0 !important; padding:0; width:auto !important; display:block; border:none; text-align:left; border-radius:0; height:auto; background:none; }
 .predict .container > .predict_list ul li:hover{ background:none !important; box-shadow:none}
 .predict .container > .predict_list ul li{ border-bottom:1px solid #ddd; padding:10px 0}
 .predict .container > .predict_list ul li button.dn{ margin-left:10px}
.predict .default_box .goodsbox li span.ico.news:before{font-family:"okdab"; font-style: normal; font-weight: normal; speak: none;  display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e833"; font-weight:normal; color:#000; font-size:60px; display:block; margin-top:-10px; transition:.3s}
.predict .default_box .goodsbox li:hover span.ico.news:before, .predict .default_box .goodsbox li.on span.ico.news:before{ font-size:50px; color:#fff; margin-top:-5px}

.predict_list[data-element="content"]{ display:none}
.predict_list.on[data-element="content"]{ display:block}
@media only screen and (max-device-width: 767px){
	.rslt_container.predict .predict_list{ padding:10px}
	.predict_list table tbody th i{ display:none}
	.predict_list button.dn{ padding:2px 4px}
}


/* 검색 후 */
.rslt_container .rslt_box .inner:after{ content:"\e83f"; line-height: 135px; right:150px;font-size: 160px;}
.rslt_container .rslt_box, .rslt_container .default_box{ display:none}
.rslt_container .rslt_box.active, .rslt_container .default_box.active{ display:block}
.rslt_container .catebox p{ float:left; margin:0; padding:5px 0 0 0;font-size:0; line-height:0;}
.rslt_container .catebox p + p{ margin-left:15px}
.rslt_container .catebox p:before{font-family:"okdab"; font-style: normal; font-weight: normal; speak: none;  display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e841"; font-weight:normal; color:#38a7d0; display:inline-block; background:#FFF; border-radius:100%; width:22px; height:22px; text-align:center; margin-right:5px; line-height:22px; font-size:14px}
.rslt_container .catebox p.type00:before{content:"\e846";}
.rslt_container .catebox p.market:before{content:"\e840";}
.rslt_container .catebox p > strong{ font-size:1rem; line-height:inherit}
.rslt_container .rslt_box .optbox{border: 1px solid #d9d9d9;border-width: 1px 0;background-color: #f9f9f9; overflow:hidden;padding: 0px 30px 0px 20px;margin: 0;font-size: 1.1rem;font-weight: 300;position: relative;line-height: 60px;}
.rslt_container .rslt_box .optbox > p{ float:left; margin:0; padding:0;; }
.rslt_container .rslt_box .optbox > p + p{ margin-left:10px}
.rslt_container .rslt_box .optbox > p > span{ display:inline-block; vertical-align:middle; border:1px solid #ccc; padding:0px 5px; height:24px; line-height:20px; border-radius:15px; margin-right:0px; box-sizing:border-box; font-size:13px; background:#fff}
.rslt_container .rslt_box .optbox > p > strong{ display:inline-block; vertical-align:middle}
.optbox .bookmark{ display:block; vertical-align:middle; height:34px; top:50%; margin-top:-17px; position: absolute; right:20px; width:34px; border:none; border:2px solid #38a7d0; font-size:1.26rem; background:#fff; box-sizing:border-box; border-radius:100%; line-height:34px; transition:.3s}
.optbox .bookmark:before{font-family:"okdab"; font-style: normal; font-weight: normal; speak: none;  display: block; text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e821"; font-weight:normal; color:#38a7d0; font-size:1.2rem; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; line-height:30px}
.optbox .bookmark > span{ font-size:0; line-height:0; text-align:center; text-indent:-999px; overflow:hidden}
.optbox .bookmark.on, .optbox .bookmark:hover{ background:#38a7d0;}
.optbox .bookmark.on:before, .optbox .bookmark:hover:before{ color:#fff; font-size:1.5rem;content:"\e809"; }

@media only screen and (max-device-width: 767px){
.rslt_box > div{ box-sizing:border-box}
.rslt_container{ position: relative !important; left:-200%; top:0;background:#fff;transition:.3s; height:0 !important ; opacity:0}

.act .rslt_container{ left:0; height:auto !important; opacity:1;transition:all .3s;}
.rslt_container.predict{ left:auto; height:auto !important; opacity:1}
.sching_container{ left:0; top:0; position:relative; overflow:hidden; height:auto !important;transition:all .3s; opacity:1; border:1px solid #e3e3e4; margin-right:0 }
.act .sching_container{ left:-200%; height:0 !important; opacity:1;transition:all .3s;}
button.close[data-function="wide"]{ display:none}
.optbox .bookmark{ right:10px}
.rslt_container .inner h2{ display:none}	
.rslt_container .catebox{overflow:hidden; margin-bottom:0px}
.rslt_container .catebox p{ margin-right:0px !important; margin-left:0 !important; width:60%}
.rslt_container .catebox p.date{ width: auto; margin-right:5px !important}
.rslt_container .catebox p.market{ width:100%}
.rslt_container .rslt_box .inner:after{ right:0}
.rslt_container .rslt_box .optbox{ line-height:1.3; padding:15px 50px 5px 10px;border:1px solid #e3e3e4 !important}
.rslt_container .rslt_box .optbox > p{ white-space:nowrap; margin:0 10px 10px 0 !important; padding:0}
.rslt_container .rslt_box .optbox > p > span{ height:auto; }
.rslt_container .rslt_box .optbox > p > span, .rslt_container .rslt_box .optbox > p > strong{ font-size:12px}

}
/* 테이블 */
.rslt_container .board_list_box .header{ overflow: visible; height:41px; box-sizing:border-box}
.rslt_container .board_list_box .header dl, .rslt_container .board_list_box .header dt, .rslt_container .board_list_box .header dd{ float:left; color:#999; line-height:41px }
.rslt_container .board_list_box .header dl + dl{ margin-left:15px; padding-left:15px; position:relative}
.rslt_container .board_list_box .header dl + dl:before{ content:""; width:1px; height:12px; background:#999; display:block; position:absolute; left:0; top:15px}
.rslt_container .board_list_box .header dd{padding-left: 15px;}
.rslt_container .board_list_box .header dd strong{font-weight: 700;color: #0195df;}
.rslt_container .board_list_box .header .option{ }
.rslt_container .board_list_box .header .option > *{ float:left; margin-left:10px}
.rslt_container .board_list_box .header .option > select{ height:30px; box-sizing:border-box}
.rslt_container .board_list_box .header .sort .content{ max-height:200px}
button.excel{ border:none; height:30px; vertical-align:middle; padding:0 10px !important ; color:#38a7d0; border:1px solid #38a7d0; background:#fff;transition:.3s;}
button.excel:before{font-family:"okdab"; font-style: normal; font-weight: normal; speak: none;  display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e827"; font-weight:normal; padding-right:4px}
button.excel:hover{background:#38a7d0; color:#fff; box-sizing:border-box; border:1px solid #38a7d0}

.rslt_container .board_list_box{ padding:20px; overflow:hidden}
.rslt_container .board_list_box .body table.list th, .rslt_container .board_list_box .body table.list td{ padding:12px 3px !important}
.rslt_container .board_list_box .body table.list td.ar{ padding-right:7px !important}
.rslt_container .board_list_box .body table.list th + th,  .rslt_container .board_list_box .body table.list td + td{ border-left:1px solid #ddd}
.rslt_container .board_list_box .body table.list th > button:after{ margin-left:4px}
.rslt_container .board_list_box .body table.list th > button.align.dn:after{ margin-right:2px; margin-left:4px }
@media only screen and (max-device-width: 767px){
.rslt_container .board_list_box{ padding:20px 0}
.rslt_container .board_list_box .header{ height:auto; }
.rslt_container .board_list_box .header .option{ padding-bottom:0.8rem}}
/* svg처리 */
.default_box .goodsbox li .ico{ width:70px; height:70px; overflow:hidden; margin:0 auto}
.default_box .goodsbox li .ico img[src*=".svg"], .default_box .goodsbox li .ico svg {width:70px;transition: all 200ms }
.default_box .goodsbox li:hover .ico img[src*=".svg"], .default_box .goodsbox li:hover .ico svg {width:60px;}
.default_box .goodsbox li .ico svg path {fill: #000 !important;transition: fill 200ms ease-out;  -webkit-transition :fill 200ms ease-out;  -moz-transition : fill 200ms ease-out;  -o-transition :  fill opacity 200ms ease-out;}
.default_box .goodsbox li:hover .ico svg path, .default_box .goodsbox li.on .ico svg path {fill: #fff !important;}
/**/
.rslt_container .info_box{margin:20px 0;border-top: 1px solid #e2e2e2; padding:30px 40px; overflow:hidden}
.rslt_container .info_box dl, .rslt_container .info_box dl dt, .rslt_container .info_box dl dd{ margin:0; padding:0}
.rslt_container .info_box dl{ clear:both; float:none; line-height:2rem; padding:5px 0}
.rslt_container .info_box dl + dl{border-top: 1px solid #e2e2e2;}
.rslt_container .info_box dl dt, .rslt_container .info_box dl dd{ float:left; box-sizing:border-box}
.rslt_container .info_box dl dt{ width:100px; font-weight:500}
.rslt_container .info_box dl dd{ width: calc(100% - 100px); float:right; font-weight:300; font-size:0.928rem; position:relative; box-sizing:border-box; padding-left:8px}
.rslt_container .info_box dl dd:before{ position:absolute; left:0; top:15px; content:""; width:3px; height:3px; background:#999; margin-top:-2px; border-radius:100% }

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

.rslt_container .info_box{ padding:30px 0}
.rslt_container .info_box dl dd:before{ top:11px}
div.back{ position: fixed; left:-40px; top:60%}
div.back button{ width:80px; height:80px; background:rgba(56, 167, 208, 0.8); border:2px solid rgba(0,0,0,0.2); box-sizing:border-box; border-radius:10px; padding-left:40px; color:#fff}
div.back button:before{font-family:"okdab"; font-style: normal; font-weight: normal; speak: none;  display:block; text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e82b"; font-size:1.62rem; color:#fff; transform:rotate(-90deg); margin-bottom:5px}
.boardpage .num > span:nth-of-type(6), .boardpage .num > span:nth-of-type(7), .boardpage .num > span:nth-of-type(8), .boardpage .num > span:nth-of-type(9), .boardpage .num > span:nth-of-type(10){ display:none}
}




/***** 팝업 *****/

/************* 
팝업
*************/
/* 팝업 - 데이타없음 */
.pop_box .nodata{ display:block; height:auto; font-size:1.25rem; overflow:hidden ; padding:0px 20px; border-bottom:none;height:180px;  color:#666}
.pop_box .nodata:before{font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e83e"; font-size:6rem; font-weight:normal; color:rgba(81,178,214,0.35); margin:0 auto;}
/* 팝업 - 검색코멘트 */
.pop_box .schcomnt{ display:block; height:180px; font-size:1.25rem; overflow:hidden ; padding:0px 20px; border-bottom:none; text-align:center; color:#666}
.pop_box .schcomnt:before{font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content:"\e82f"; font-size:6rem; font-weight:normal; color:rgba(81,178,214,0.35); margin:0 auto;}
/* 팝업 - 이용안내 */
.pop_box div.info_box{ padding-bottom:0}
.pop_box div.info_box ul + p{ text-align:center; border-top:1px solid #ddd; padding:2rem 0 1rem 0; margin-top:1rem}
.pop_box div.info_box ul + p strong{ font-size:1.2rem; font-weight:300; color:#F06}
.pop_box div.info_box ul li > strong{ color:#0195df; font-weight:500}
/* 팝업 - 검색결과*/
.pop_box .resltwrap{ border:1px solid #ddd; padding:10px}
.pop_box .resltbox{height:180px; overflow-y: auto;}
.pop_box .resltbox li{ padding:8px 20px; margin-bottom:0px; background:#fff; overflow:hidden; position:relative}
.pop_box .resltbox li + li{ border-top:1px solid #ddd}
.pop_box .resltbox li strong{ color:#ea3592;font-weight:normal; display:block; margin-bottom:15px}
.pop_box .resltbox li strong span{ color:#525252; display:inline; line-height:1}
.pop_box .resltbox li div{ display:block; line-height:22px; clear:both; color:#525252}
.pop_box .resltbox li div dfn{ font-style:normal; color:#528dd4; float:left;width:40px; text-align:justify}
.pop_box .resltbox li div span{ float:right; width:calc(100% - 60px);margin-left:10px}
.pop_box .resltbox li a{ text-decoration:none; display:block; overflow:hidden}


.pop_box .schbox{ overflow:hidden; padding-bottom:15px}
.pop_box .schbox p{ color:#525252; font-size:1.12rem; line-height:20px; padding-bottom:15px}
.pop_box .schbox p span{ color:#8a8a8a; font-size:0.857rem; line-height:28px;}
.pop_box .schbox input{ border:1px solid #cdcdcd; width:calc(100% - 100px); height:32px; padding:0 10px; font-size:1rem; color:#8a8a8a; vertical-align:top }
.pop_box .schbox button{ border:1px solid #cdcdcd; background:#f3f3f5; color:#525252; font-size:1rem; width:70px; height:34px; padding-bottom:2px; vertical-align:top}
.pop_box .rsltinfobox{ overflow:hidden; padding-bottom:20px; font-size:0.857rem; line-height:20px; color:#8a8a8a; letter-spacing:-1px; padding-bottom:25px}
.pop_box .rsltinfobox strong{ color:#ea3592; font-weight:normal}
.pop_box .rsltinfobox em{ color:#000000; font-weight:normal; font-style:normal}
.pop_box .resltbox{ }
.pop_box .paginate{ overflow:hidden; font-size:12px;; vertical-align:middle; color:#a9a9a9; margin-top:15px; text-align:center}
.pop_box .paginate strong{ font-weight:bold; vertical-align: text-top; color:#3a3a3a}
.pop_box .paginate button{ vertical-align: text-top}
.pop_box .btnwrap{ text-align:center; padding:20px; margin-bottom:10px}

/* 팝업 >> 회원가입  - 품목검색 */
.pop_box.filter{}
.pop_box.filter .addlist ul{ background:#f3f3f3; margin-top:10px; padding:5px 15px 15px 15px; border-radius:4px}
.pop_box.filter .addlist li{ display:inline-block; margin:10px 10px 0 0; white-space:nowrap; border:1px solid #c3c3c3; line-height:29px; border-radius:15px; padding:0 10px 0 20px; background:#fff}
.pop_box.filter .addlist li button.del{ width:20px; height:20px; overflow:hidden; font-size:0; line-height:0; padding:0; margin:0; min-width:inherit;border-radius:50%; background:none; border:none; margin:-2px 0 0 10px}
.pop_box.filter .addlist li button.del:before{ font-family: "okdab"; font-style: normal; font-weight: normal; speak: none;   text-decoration: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
font-size: 1.25rem;text-indent: 0; color:#eb5656; padding:0; margin:0; line-height:18px; content:"\e803"; }
.pop_box.filter label input[type="checkbox"] + span, label input[type="radio"] + span { padding-left: 1.5rem;}

/*************
테이블 관련
*************/
.tablesaw {}
.board_list_box .body{ border-top:none}
.tablesaw * {box-sizing: border-box;}
.tablesaw-btn {border: 1px solid #ccc; border-radius: .25em; background: none; box-shadow: 0 1px 0 rgba(255,255,255,1); color: #4a4a4a;cursor: pointer; display: inline-block; margin: 0; padding: .5em .85em .4em .85em; position: relative; text-align: center; text-decoration: none; text-transform: capitalize; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
a.tablesaw-btn {color: #1c95d4;}
.tablesaw-btn:hover {text-decoration: none;}
.tablesaw-btn:active {background-color: #ddd;}
.tablesaw-btn-select select {background: none; border: none; display: inline-block; position: absolute; left: 0; top: 0; margin: 0; width: 100%; height: 100%; z-index: 2; min-height: 1em; opacity: 0; color: transparent;}
.tablesaw-btn select option {background: #fff; color: #000;}
.tablesaw-btn {display: inline-block; width: auto; height: auto; position: relative; top: 0;}
.tablesaw-btn.btn-small {font-size: 1.0625em; line-height: 19px; padding: .3em 1em .3em 1em;}
.tablesaw-btn.btn-micro {font-size: .8125em; padding: .4em .7em .25em .7em;}
.tablesaw-btn-select {padding-right: 1.5em; text-align: left;display: inline-block;color: #4d4d4d;padding-right: 2.5em;min-width: 7.25em;}
.tablesaw-btn-select:after {content: " ";position: absolute;background: none;background-repeat: no-repeat;background-position: .25em .45em;content: "\25bc";font-size: .55em;padding-top: 1.2em;padding-left: 1em;left: auto;right: 0;margin: 0;top: 0;bottom: 0;width: 1.8em;}
.tablesaw-btn-select.btn-small:after, .tablesaw-btn-select.btn-micro:after {width: 1.2em;font-size: .5em;padding-top: 1em;padding-right: .5em;line-height: 1.65;background: none;box-shadow: none;border-left-width: 0;}
.tablesaw-advance .tablesaw-btn {-webkit-appearance: none;-moz-appearance: none;box-sizing: border-box;text-shadow: 0 1px 0 #fff;border-radius: .25em;}
.tablesaw-advance .tablesaw-btn.btn-micro {font-size: .8125em;padding: .3em .7em .25em .7em;}
.tablesaw-advance a.tablesaw-nav-btn:first-child {margin-left: 0;}
.tablesaw-advance a.tablesaw-nav-btn:last-child {margin-right: 0;}
.tablesaw-advance a.tablesaw-nav-btn {display: inline-block;overflow: hidden;width: 1.8em;height: 1.8em;background-position: 50% 50%;margin-left: .25em;margin-right: .25em;position: relative;text-indent: -9999px;}
.tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-advance a.tablesaw-nav-btn.right:before, .tablesaw-advance a.tablesaw-nav-btn.down:before, .tablesaw-advance a.tablesaw-nav-btn.up:before {content: "\0020";overflow: hidden;width: 0;height: 0;position: absolute;}
.tablesaw-advance a.tablesaw-nav-btn.down:before {left: .35em;top: .65em;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #808080;}
.tablesaw-advance a.tablesaw-nav-btn.up:before {left: .35em;top: .65em;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #808080;}
.tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-advance a.tablesaw-nav-btn.right:before {top: .45em;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.tablesaw-advance a.tablesaw-nav-btn.left:before {left: .6em;border-right: 5px solid #808080;}
.tablesaw-advance a.tablesaw-nav-btn.right:before {left: .7em;border-left: 5px solid #808080;}
.tablesaw-advance a.tablesaw-nav-btn.disabled {opacity: .25;cursor: default;pointer-events: none;}
.tablesaw-bar {clear: both;}
.tablesaw-bar * {box-sizing: border-box;}
.tablesaw-bar-section {float: left;}
.tablesaw-bar-section label {font-size: .875em;padding: .5em 0;clear: both;display: block;color: #888;margin-right: .5em;text-transform: uppercase;}
.tablesaw-btn, .tablesaw-enhanced .tablesaw-btn {margin-top: .5em;margin-bottom: .5em;}
.tablesaw-btn-select, .tablesaw-enhanced .tablesaw-btn-select {margin-bottom: 0;}
.tablesaw-bar .tablesaw-bar-section .tablesaw-btn {margin-left: .4em;margin-top: 0;text-transform: uppercase;border: none;box-shadow: none;background: transparent;font-size: 1em;padding-left: .3em;}
.tablesaw-bar .tablesaw-bar-section .btn-select {min-width: 0;}
.tablesaw-bar .tablesaw-bar-section .btn-select:after {padding-top: .9em;}
.tablesaw-bar .tablesaw-bar-section select {color: #888;text-transform: none;background: transparent;}
.tablesaw-bar-section ~ table {clear: both;}
.tablesaw-bar-section .abbreviated {display: inline;}
.tablesaw-bar-section .longform {display: none;}
@media (min-width: 24em) {.tablesaw-bar-section .abbreviated {display: none;}.tablesaw-bar-section .longform {display: inline;}}
.tablesaw th, .tablesaw td {padding: .5em .7em;vertical-align: middle;}
.tablesaw-sortable-btn {padding: .5em .7em;}
.tablesaw thead th {text-align: left;}
.tablesaw-row-border tr {border-bottom: 1px solid #dfdfdf;}
.tablesaw-row-zebra tr:nth-child(2n) {background-color: #f8f8f8;}
.tablesaw caption {text-align: left; margin: .59375em 0;}
.tablesaw-swipe .tablesaw-swipe-cellpersist {border-right: 2px solid #e4e1de;}
.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {border-right-width: 1px;}
.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {box-shadow: 3px 0 4px -1px #e4e1de;}
.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label {display: none;}
@media only all {
.tablesaw-stack {  clear: both; }
.tablesaw-stack td,  .tablesaw-stack th {  text-align: left;   display: block; }
.tablesaw-stack tr {  clear: both;   display: table-row; }
.tablesaw-stack td .tablesaw-cell-label,  .tablesaw-stack th .tablesaw-cell-label {  display: inline-block;   padding: 0 .6em 0 0;   width: 30%; }
.tablesaw-stack th .tablesaw-cell-label-top,  .tablesaw-stack td .tablesaw-cell-label-top {display: block;padding:.4em 0;margin:.4em 0; }
.tablesaw-cell-label {  display: block; }
.tablesaw-stack tbody th.group {  margin-top: -1px; }
.tablesaw-stack th.group b.tablesaw-cell-label {  display: none !important; }}
@media (max-width: 39.9375em) {
.tablesaw-stack tbody tr { display: block;   width: 100%;   border-bottom: 1px solid #dfdfdf; }
.tablesaw-stack thead td,  .tablesaw-stack thead th {  display: none; }
.tablesaw-stack tbody td,  .tablesaw-stack tbody th {  display: block;   float: left;   clear: left;   width: 100%; }
.tablesaw-cell-label {  vertical-align: top; }
.tablesaw-cell-content {  display: inline-block;   max-width: 67%; }
.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {  display: block;   width: 100%;   max-width: 100%;   padding: 0; }
.tablesaw-stack td:empty,  .tablesaw-stack th:empty {  display: none; }}
@media (min-width: 40em) {.tablesaw-stack tr {  display: table-row; }
.tablesaw-stack td,  .tablesaw-stack th,  .tablesaw-stack thead td,  .tablesaw-stack thead th {  display: table-cell;   margin: 0; }
.tablesaw-stack td .tablesaw-cell-label,  .tablesaw-stack th .tablesaw-cell-label { display: none !important; }}
.tablesaw-fix-persist {table-layout: fixed;}
@media only all {.tablesaw-swipe th.tablesaw-swipe-cellhidden,  .tablesaw-swipe td.tablesaw-swipe-cellhidden {display: none;}}
.tablesaw-overflow {position: relative; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.tablesaw-overflow > .tablesaw {margin-top: 2px; }
.tablesaw-columntoggle-btn span { text-indent: -9999px; display: inline-block;}
.tablesaw-columntoggle-btnwrap { position: relative;}
.tablesaw-columntoggle-btnwrap .dialog-content {padding: .5em;}
.tablesaw-columntoggle tbody td { line-height: 1.5;}
.tablesaw-columntoggle-popup {display: none;}
.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {display: block; position: absolute; top: 2em; right: 0; background-color: #fff; padding: .5em .8em; border: 1px solid #ccc; box-shadow: 0 1px 2px #ccc; border-radius: .2em; z-index: 1;}
.tablesaw-columntoggle-popup label{ white-space:nowrap; display:block}
.tablesaw-columntoggle-popup label input[type="checkbox"]{ position:relative; z-index:1; left:auto; top:auto}
.tablesaw-columntoggle-popup fieldset {margin: 0;}
.tablesaw-columntoggle-btnwrap .dialog-content {top: 0 !important; right: 1em; left: auto !important; width: 12em; max-width: 18em;margin: -.5em auto 0;}
.tablesaw-columntoggle-btnwrap .dialog-content:focus {outline-style: none;}



@media only screen and (max-device-width: 767px){
.tablesaw-columntoggle th.tablesaw-priority-22, .tablesaw-columntoggle td.tablesaw-priority-22,
.tablesaw-columntoggle th.tablesaw-priority-21, .tablesaw-columntoggle td.tablesaw-priority-21,
.tablesaw-columntoggle th.tablesaw-priority-20, .tablesaw-columntoggle td.tablesaw-priority-20,
.tablesaw-columntoggle th.tablesaw-priority-19, .tablesaw-columntoggle td.tablesaw-priority-19,
.tablesaw-columntoggle th.tablesaw-priority-18, .tablesaw-columntoggle td.tablesaw-priority-18,
.tablesaw-columntoggle th.tablesaw-priority-17, .tablesaw-columntoggle td.tablesaw-priority-17,
.tablesaw-columntoggle th.tablesaw-priority-16, .tablesaw-columntoggle td.tablesaw-priority-16,
.tablesaw-columntoggle th.tablesaw-priority-15, .tablesaw-columntoggle td.tablesaw-priority-15,
.tablesaw-columntoggle th.tablesaw-priority-14, .tablesaw-columntoggle td.tablesaw-priority-14,
.tablesaw-columntoggle th.tablesaw-priority-13, .tablesaw-columntoggle td.tablesaw-priority-13,
.tablesaw-columntoggle th.tablesaw-priority-12, .tablesaw-columntoggle td.tablesaw-priority-12,
.tablesaw-columntoggle th.tablesaw-priority-11, .tablesaw-columntoggle td.tablesaw-priority-11,
.tablesaw-columntoggle th.tablesaw-priority-10, .tablesaw-columntoggle td.tablesaw-priority-10,
.tablesaw-columntoggle th.tablesaw-priority-9, .tablesaw-columntoggle td.tablesaw-priority-9,
.tablesaw-columntoggle th.tablesaw-priority-8, .tablesaw-columntoggle td.tablesaw-priority-8,
.tablesaw-columntoggle th.tablesaw-priority-7, .tablesaw-columntoggle td.tablesaw-priority-7,
.tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6, .tablesaw-columntoggle th.tablesaw-priority-5,  .tablesaw-columntoggle td.tablesaw-priority-5,  .tablesaw-columntoggle th.tablesaw-priority-4,  .tablesaw-columntoggle td.tablesaw-priority-4,  .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3, .tablesaw-columntoggle th.tablesaw-priority-2,  .tablesaw-columntoggle td.tablesaw-priority-2,  .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1, .tablesaw-columntoggle th.tablesaw-priority-0,.tablesaw-columntoggle td.tablesaw-priority-0 {display: none; }
.tablesaw-columntoggle th.tablesaw-priority-1,  .tablesaw-columntoggle td.tablesaw-priority-1,	.tablesaw-columntoggle th.tablesaw-priority-2,  .tablesaw-columntoggle td.tablesaw-priority-2,  .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3 {display: table-cell;}
}
@media only all {
.tablesaw-columntoggle th.tablesaw-toggle-cellhidden,  .tablesaw-columntoggle td.tablesaw-toggle-cellhidden { display: none; }
.tablesaw-columntoggle th.tablesaw-toggle-cellvisible,  .tablesaw-columntoggle td.tablesaw-toggle-cellvisible { display: table-cell; }}
.tablesaw-columntoggle-popup .btn-group > label { display: block; padding: .2em 0; white-space: nowrap; cursor: default;}
.tablesaw-columntoggle-popup .btn-group > label input { margin-right: .8em; position:relative; z-index:1; left:auto; top:auto}
.tablesaw-sortable-head {position: relative; vertical-align: top;}
.tablesaw .tablesaw-sortable-head { padding: 0;}
.tablesaw-sortable-btn { min-width: 100%; color: inherit; background: transparent; border: 0; text-align: inherit; font: inherit; text-transform: inherit; outline:none}
.tablesaw-sortable-arrow:after { display: inline-block; height: 14px; content: " "; margin-left: .3125em;}
.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {font-family:"okdab";  font-style: normal;  speak: none; text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:"\e82b";  font-weight:normal; font-size:0.857rem; display:inline-block; margin:0 0 0 8px; color:#000;width: 10px; }
.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after { content: "\e82b";}
.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {transform:rotate(180deg)}
.board_list_box .body table.tablesaw th > button:after{ display:none}
.board_list_box .body table.list th button.filter > span.tablesaw-sortable-arrow{ display:none}
.tablesaw-advance {float: right;}
.tablesaw-advance.minimap {margin-right: .4em;}
.tablesaw-advance-dots {float: left; margin: 0; padding: 0; list-style: none;}
.tablesaw-advance-dots li { display: table-cell; margin: 0; padding: .4em .2em;}
.tablesaw-advance-dots li i {width: .25em; height: .25em; background: #555; border-radius: 100%; display: inline-block;}
.tablesaw-advance-dots-hide {opacity: .25; cursor: default; pointer-events: none;}
.web .tablesaw-advance.minimap{ display:none !important}
.web .tablesaw-bar{ position:relative}
.web .tablesaw-advance{ position:absolute; right:0; top:-37px}
.web .rslt_container .board_list_box .header .option{ margin-right:0px}


/*************
기타가격
*************/
.formbox .catebox{ overflow:hidden; width:100%; box-sizing:border-box; padding:10px }
.formbox .catebox label{ float:left; width:50%; box-sizing:border-box}
.formbox .catebox.cate100 label{ width:auto}
.rslt_container .chart_box{ padding:20px; overflow:hidden; border-bottom:1px solid #e3e3e3; text-align:center; min-height:150px}
.rslt_container table.list td a{ font-weight:500; padding-left:5px;}
.rslt_container table.list tr.on td{ background:#f2f2f2;color:#0195df;}
.rslt_container table.list tr:hover td{background:#f9f9f9;}
.rslt_container table.list td button.view_chart{ border:none; font-weight:500; background:none; outline:none; width:100%; height:100%; display:block }
.rslt_container table.list tr.on td a, .rslt_container table.list tr.on td button.view_chart {color:#0195df; }
/*************
소비자 조사가격
*************/
.selectbox button{    width: calc(100% - 12px);height: 35px;outline: none;border: 1px solid #cdcdcd;box-sizing: content-box;    padding-left: 10px;font-weight: 400;letter-spacing: 0; font-size:1rem; line-height:35px; text-indent:0; text-align:left; color:#333; margin-top:-1px }
.selectbox button > strong{ font-weight:700;color: #17a8cc;}
.selectbox button:before{ left:auto; right:0; width:30px; content:"\e80c"; font-weight:400; font-size:16px}
.selectbox.goods .inner2{ position:absolute; top:100%; transition:.3s; background:#fff; width:100%; height:100%}
.selectbox.goods .inner2.active{ top:43px}
.select_list .inner2 .inner{ max-height:calc(100% - 123px)}
.selectbox.local{ margin-bottom:10px}

@media only screen and (max-device-width: 767px){
.selectbox.goods .inner2.active{ top:39px}
.formbox .catebox.cate100 label{ width:100%}
}
/*************
알뜰장보기
*************/
.rslt_container.shoping h3{}
.shop_section{   }
.shop_section h3 { vertical-align:middle;border: none;font-size: 1.32rem;font-weight: 700;padding: 0; margin:0; border-bottom: 1px solid #999 !important; line-height:60px; text-align:center; font-size:1.74rem}
.shop_section h3 button.prv, .shop_section h3 button.nxt{ display:inline-block; vertical-align:middle; position:relative; z-index:2; height:auto;font-size:0; border:none; background:none; width:30px; vertical-align:middle;}
.shop_section h3 button:before{font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display:block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:16px }
.shop_section h3 button.prv:before{ content:"\e807"; height:auto;line-height:56px}
.shop_section h3 button.nxt:before{ content:"\e808"; height:auto;line-height:56px }
.shopbox{ text-align:center; padding:30px 0 50px 0; background:#fff;border-bottom: 1px solid #333; }
.shoping_page.content_wrap .sch_box{text-align:center}
.shoping_page.content_wrap .sch_box dl{ display:inline-block; padding:20px 10px}
.shoping_page.content_wrap .sch_box dl dt{ font-size:0; line-height:0; width:0}
.shoping_page.content_wrap .sch_box dl dd{ width:auto; border-left:none}
.content_wrap .sch_box dl + dl{ border:none}
.shoping_page.content_wrap .sch_box dl.select_month dd button{ font-size: 1rem;line-height: normal;text-indent: 0;width: auto;    background: #fff;border: none;    color: rgba(158,158,158,1);    transition: all .3s;    padding: 0 10px;    height: 40px; margin:0 1px; min-width:50px; box-sizing:border-box;border:1px solid #cdcdcd;}
.shoping_page.content_wrap .sch_box dl.select_month dd button.all{ margin-right:10px}
.shoping_page.content_wrap .sch_box dl.select_month dd button.on{ border:2px solid #0195df; background:#fff; color:#0195df; font-weight:bold}
.shoping_page.content_wrap .sch_box dl.select_month dd button:before{ display:none}
.shoping_page.content_wrap .sch_box dl dd select{background: #fff;    border: 1px solid #cdcdcd;    height: 40px;    box-sizing: border-box;
padding: 0 5px;vertical-align: middle;}
.shoping_page .hide, caption{ font-size:0; line-height:0; width:0; height:0; text-indent:-999px; overflow:hidden; margin:0; padding:0}
.shoping_page .board_list_box.webzin .body ul.list li h4 > span.sb_tit{ font-weight:300; padding-left:20px; font-size:1.2rem}
.shoping_page .board_list_box.webzin .body ul.list li div.opt span:after{ display:none}
.shoping_page .board_list_box .body ul.list li div.opt span + span:before{ left:0}

.shoping_page .board_list_box .body ul.list li div.opt span.season{ color:#0195df; font-weight:bold}
.shoping_page .board_list_box .header{ padding:10px 0}
.shoping_page .board_list_box .header > dl, .shoping_page .board_list_box .header > dl dt, .shoping_page .board_list_box .header > dl dd{ float:left; color:#999; line-height:30px }
.shoping_page .board_list_box .header dl + dl{ margin-left:15px; padding-left:15px; position:relative}
.shoping_page .board_list_box .header dl + dl:before{ content:""; width:1px; height:12px; background:#999; display:block; position:absolute; left:0; top:10px}
.shoping_page .board_list_box .header dd{padding-left: 15px;}
.shoping_page .board_list_box .header dd strong{font-weight: 700;color: #0195df;}
.shoping_page .board_list_box .body{ border-top:1px solid #999}
/************* 
제철식품
*************/
/* 추천레시피 */
.recipewrap{ position:relative; padding-left:45%;clear:both; display:block; overflow:hidden; min-height:430px; }
.recipewrap .container{position:absolute; left:0; top:0;width:40%;margin-top:49px;}
.recipewrap .imgwrap{ border:1px solid #e5e5e5; overflow:hidden; font-size:0; margin-bottom:10px; position:relative; max-height:310px}
.recipewrap .imgwrap > img{ width:100%}
.recipewrap .thumwrap{ overflow:hidden;line-height:0}
.recipewrap .thumwrap ul, .recipewrap .thumwrap li{ margin:0; padding:0}
.recipewrap .thumwrap li{ float:left; width:20%; overflow:hidden; max-height:67px}
.recipewrap .thumwrap li img{ width:100%}
/* 옵션 */
.recipewrap .optionwrap{ width:100%; float:right;margin-bottom:50px; padding-top:30px }
.recipewrap .optionwrap dl, .recipewrap .optionwrap > div.copy{ border-bottom:1px solid #e5e5e5; padding:1rem 0 2rem 0; overflow: visible; clear:both; overflow:hidden}
.recipewrap .optionwrap dl{ padding:1.5rem 0; margin:0}
.recipewrap .optionwrap > div.copy{color:#333; font-size:1.2rem; padding-top:2rem }
.recipewrap .optionwrap > div.copy > span.point{ background:#000;; font-size:1rem; color:#fff; border-radius:20px; padding:5px 10px; ma }
.recipewrap .optionwrap dl dt{color:#757575; font-size:1rem; letter-spacing:-1px; width:98px; float:left; height:100%; word-spacing:-2px; margin:0; padding:0}
.recipewrap .optionwrap dl dd{ width: calc(100% - 120px); float:right; color:#999; font-size:1rem; margin:0; padding:0}
.recipewrap .optionwrap ul, .recipewrap .optionwrap ol, .recipewrap .optionwrap li{ margin:0; padding:0; color:#333}
.recipewrap .optionwrap ol,  .recipewrap .optionwrap ol li{ list-style: decimal; padding-left:10px }
.recipewrap .optionwrap dl dd > span, .recipewrap .optionwrap dl dd > div > span{ color:#999}
.recipewrap .optionwrap dl dd > span, .recipewrap .optionwrap dl dd strong{ font-weight:normal}
 .recipewrap .optionwrap dl dd strong{ color:#333}
.recipewrap .optionwrap dl.tip dt{ color:#0195df; letter-spacing:0; font-weight:700}
.recipewrap .optionwrap ul li{ padding-left:10px; position:relative}
.recipewrap .optionwrap ul li:before{ content:""; display:block; position:absolute; left:0; top:9px; width:3px; height:3px; background:#000}
.optionwrap2{ border-top:none !important; clear:both; float:none}
.optionwrap2 > dl, .optionwrap2 > div.txt{ border-bottom:1px solid #e5e5e5; padding:1rem 0 2rem 0; overflow: hidden; clear:both; overflow:hidden}
 .optionwrap2 > div.txt{ font-size:1.08rem}
.optionwrap2 > dl dt{color:#757575; font-size:1rem; letter-spacing:0; width:120px; float:left; height:100%; word-spacing:0px; margin:0; padding:0; word-break:keep-all}
.optionwrap2 > dl dd{ width: calc(100% - 150px); float:right; color:#999; font-size:1rem; margin:0; padding:0; color:#333}
.optionwrap2 > dl > dd > ul, .optionwrap2 > dl > dd > ol, .optionwrap2 > dl > dd > ul > li{ margin:0; padding:0; color:#333}
.optionwrap2 > dl > dd > ol, .optionwrap2 > dl > dd > ol li{ list-style: decimal; padding-left:10px }
.optionwrap2 > dl > dd > ul > li{ padding-left:10px; position:relative}
.optionwrap2 > dl > dd > ul > li, .optionwrap2 > dl > dd > ol > li{ padding-bottom:5px}
.optionwrap2 > dl > dd > ul > li:before{ content:""; display:block; position:absolute; left:0; top:9px; width:3px; height:3px; background:#000}
.optionwrap2 table{}
.optionwrap2 .coltable{width:100%;margin-bottom:20px;border-top:1px solid #838fbc; }
.optionwrap2 .coltable th{background:#f8f8f8; width:15%}
.optionwrap2 .coltable th,.optionwrap2 .coltable td{padding:12px 2px 11px;border-bottom:1px solid #d3d5d7;border-left:1px solid #d3d5d7;line-height:20px;font-weight:normal;color:#333739;}
.optionwrap2 .coltable th,.optionwrap2 .coltable td{border:1px solid #d3d5d7;text-align:center;}

.optionwrap2 > dl > dd h4{ margin:0}
.optionwrap2 > dl > dd * + h4{ margin:20px 0}
.board_list_box.webzin .body ul.list li figure.listimg ~ div.txt { padding:10px 0;  padding-left: 220px; max-height:5rem; overflow:hidden; margin:0}




.board_list_box.webzin .body ul.list li figure.listimg ~ div.txt {  padding-left: 220px}

/*추가*/
.chLow{cursor:pointer}
/* checkbox 클릭시 화면이동 방지 */
label input[type="checkbox"], label input[type="radio"]{top: 0px;}
/* 차트관련 스타일 */
.chart_wrp.pdt50.m_chart_wrp{padding: 50px 50px 30px; position:relative ;}
.ui-chart-area.h_guide2{height: 400px;}

/* list1 */
.select_list1{ position:absolute; background:#fff; overflow:hidden; z-index:2; border:1px solid #17a8cc; padding:0px; display:none; z-index:4; max-width:360px }
.web .select_list1{ min-width:320px}
.select_list1.active{ display:block}
.select_list1 .inner{padding:15px;max-height:30vh; overflow-y:auto}
.select_list1 ul.list{}
.select_list1 ul.list li{ white-space: normal; padding:3px 15px 3px 10px;transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); }
.select_list1 ul.list li a{ display:block; overflow:hidden}
.select_list1 ul.list li:hover, .select_list1 ul.list li.on{padding-left:18px; padding-right:7px }
.select_list1 ul.list li:hover a, .select_list1 ul.list li.on a{ color:#38a7d0; text-decoration:none}

.select_list1 ul.list1{}
.select_list1 ul.list1 li{ white-space: normal; padding:3px 15px 3px 10px;transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); }
.select_list1 ul.list1 li a{ display:block; overflow:hidden}
.select_list1 ul.list1 li:hover, .select_list1 ul.list1 li.on{padding-left:18px; padding-right:7px }
.select_list1 ul.list1 li:hover a, .select_list1 ul.list1 li.on a{ color:#38a7d0; text-decoration:none}

.dataprice_page .select_list1 .info{ padding-right:10px; border-width:0 0 1px 0}
.select_list1 h4{ border-bottom:1px solid #ddd; font-size:1.25rem; font-weight:300; padding:8px 15px; position:relative}
.select_list1 h4 strong{ font-weight:500; color:#F30}
.select_list1 h5{ font-size:0; line-height:0; text-indent:-999px; overflow:hidden; width:0; height:0}
.select_list1 ul + h5{ margin:10px 0; border-bottom:1px solid #ddd; width:100%; height:1px}
@media only screen and (max-device-width: 767px){
	.select_list1{width:calc(100vw - 54px)}   
	.select_list1 ul.list li{ white-space:normal; position:relative; padding-left:8px}
	.select_list1 ul.list li a:before{ position:absolute; left:0; top:5px; font-size:10px; content:"\e808"; font-weight:normal;font-family: "okdab";font-style: normal;speak: none;display: inline-block; text-decoration: inherit;font-variant: normal;text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); }
	.select_list1 ul.list li:hover a:before{ left:7px}
}

.select_list1 ul.list1 li{ white-space:normal; position:relative; padding-left:8px}
.select_list1 ul.list1 li a:before{ position:absolute; left:0; top:5px; font-size:10px; content:"\e808"; font-weight:normal;font-family: "okdab";font-style: normal;speak: none;display: inline-block; text-decoration: inherit;font-variant: normal;text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); }
.select_list1 ul.list1 li:hover a:before{ left:7px}

.select_list1 h4:after{ position:absolute; right:20px; top:7px;content:"\e80c"; font-weight:normal;font-family: "okdab";font-style: normal;speak: none;display: inline-block; text-decoration: inherit;font-variant: normal;text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; transition:.3s; color:#38a7d0; font-size:20px; opacity:0 }
.select_list1 h4.on:after{ opacity:1}

.select_list1 h4.on{ background:rgba(81,178,214,0.05);}

.board_list_box.webzin .body ul.list li figure.listimg ~ div.txt {  padding-left: 220px}

.rslt_container .chart_wrp{ text-align:inherit}
.chart_btn{ margin:0 auto; text-align:center; margin-bottom:30px}
.chart_btn button{ background:#ddd; border:none; color:rgba(0,0,0,0.45); padding:8px 10px; border-radius:4px; margin:0 3px }
.chart_btn button.on{ background:#000; color:rgba(255,255,255,1); }
.chart_btn button:before{font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   display: inline-block;  text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:16px; content:"\e824"; padding-right:5px}

.sort-dn{background-image: url(/img/portal/dn.png);width: 15px;height: 15px;display: inline-block;background-repeat: no-repeat;    vertical-align: bottom;}
.sort-up{background-image: url(/img/portal/up.png);width: 15px;height: 15px;display: inline-block;background-repeat: no-repeat;    vertical-align: bottom;}


i.up, i.dn{ display:inline-block; font-size:0; line-height:0; width:15px; height:15px; vertical-align:middle; margin-left:4px; text-align:center; position:relative; }

i.up:before, i.dn:before{ content:"";position:absolute;border-top:7px solid #ff0000;border-left:6px solid transparent;border-right:6px solid transparent;left:2px;top:6px;content:"";display:block}

i.up:after, i.dn:after{ content:""; width:4px; height:6px; background:#FF0000;display:block;position:absolute; left:6px; top:0 }

i.up:before{border-bottom:7px solid #3585d8; border-top:none; top:1px}
i.up:after{ top:7px; background:#3585d8}




/* *0322 tip보기* */
.tip_view .popheader h2{ letter-spacing:-1px}
button.tipview{ font-size:0.9rem; vertical-align:top; margin:6px 0 0 15px; padding:5px; border-radius:3px; letter-spacing:0; font-weight:bold; background:#F36; border:none; color:#fff}
button.tipview:before{content:"\f27b";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right:4px; font-size:1rem}
.mobile button.tipview{ display:none}
.bookimg{ width:800px; overflow:hidden; position:relative; padding-top:10px}
.bookimg .img{ opacity:0.35; position:relative; z-index:1}
.bookimg img{ width:100%}
.bookimg .step{ position:absolute; z-index:2; left:0; top:0; background:#fff; box-shadow:3px 3px 0px rgba(0,0,0,0.1); display:none }
.bookimg .step p{ border:1px solid #ff3366; padding:20px; text-align:center; color:#666; position:absolute; background:#fff; padding:10px; margin:0; box-shadow:3px 3px 0px rgba(0,0,0,0.1) }
.bookimg .step p > strong{ font-weight:700; color:#ff3366; display:block;}
.bookimg .step p:after{position:absolute;border-top:12px solid #ff3366;border-left:10px solid transparent;border-right:10px solid transparent;left:50%;bottom:-12px;content:"";display:block; }
.bookimg .step:hover{ z-index:10}
.animate .step{ display:block}
.tip .replaybtn{ font-size:0; text-align:center; border:1px solid #000; text-align:center; color:#fff; padding:5px; border-radius:3px; background:#000;margin-left:5px; position:absolute; right:0; top:0px; z-index:3}
.tip .replaybtn:before{content:"\e856";font-family:"okdab";  font-style: normal;  font-weight: normal;  speak: none;   text-decoration: inherit;  font-variant: normal;  text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:1rem; }
.tip .tab h3 button{ border:1px solid #999; padding:15px 20px; color:#999; margin-bottom:-1px; float:left; margin-right:-1px}
.tip .tab { border-bottom:1px solid #333; overflow:hidden}
.tip .tab h3 button.on{ font-weight:bold; color:#000;border:1px solid #000;}
.tip .tab h3 button + button{}
.animate .scale-in-top {-webkit-animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes scale-in-top {0% {-webkit-transform: scale(0);transform: scale(0);-webkit-transform-origin: 50% 0%;transform-origin: 50% 0%;opacity: 1;}100% {-webkit-transform: scale(1);transform: scale(1);-webkit-transform-origin: 50% 0%;transform-origin: 50% 0%;opacity: 1;}}
@keyframes scale-in-top {0% {-webkit-transform: scale(0);transform: scale(0);-webkit-transform-origin: 50% 0%;transform-origin: 50% 0%;opacity: 1;}100% {-webkit-transform: scale(1);transform: scale(1);-webkit-transform-origin: 50% 0%;transform-origin: 50% 0%;opacity: 1;}}
.animate .scale-in-bottom {-webkit-animation: scale-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes scale-in-bottom {0% {  -webkit-transform: scale(0);transform: scale(0);  -webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;  opacity: 1;}100% {  -webkit-transform: scale(1);transform: scale(1);  -webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;  opacity: 1;}}
@keyframes scale-in-bottom {0% {  -webkit-transform: scale(0);transform: scale(0);  -webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;  opacity: 1;}100% {  -webkit-transform: scale(1);transform: scale(1);  -webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;  opacity: 1;}}
.animate .scale-in-tr {-webkit-animation: scale-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: scale-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes scale-in-tr {0% {  -webkit-transform: scale(0);transform: scale(0);  -webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;  opacity: 1;}100% {  -webkit-transform: scale(1);transform: scale(1);  -webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;  opacity: 1;}}
@keyframes scale-in-tr {0% {  -webkit-transform: scale(0);transform: scale(0);  -webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;  opacity: 1;}100% {  -webkit-transform: scale(1);transform: scale(1);  -webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;  opacity: 1;}}

.animate .scale-in-left {-webkit-animation: scale-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: scale-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes scale-in-left {0% {  -webkit-transform: scale(0);transform: scale(0);  -webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;  opacity: 1;}100% {  -webkit-transform: scale(1);transform: scale(1);  -webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;  opacity: 1;}
}
@keyframes scale-in-left {0% {  -webkit-transform: scale(0);transform: scale(0);  -webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;  opacity: 1;}100% {  -webkit-transform: scale(1);transform: scale(1);  -webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;  opacity: 1;}
}


/* 실시간 경매속보, 경락 가격 정보 > 품목별/도매시장별 라디오버튼 간격 sut20191127 추가(S) */
.lcatebox {font-size:14px;padding-bottom:10px;}
.lcatebox label {display:inline-block;padding-right:1rem;}
/* 실시간 경매속보, 경락 가격 정보 > 품목별/도매시장별 라디오버튼 간격 sut20191127 추가(E) */