/*크로스 브라우징*/
html{width:100%; height: 100%;}
body{width: 100%;}
*{
    padding:0px;
    margin: 0px;
    line-height:100%;
    box-sizing: border-box;
    font-size: 16px;
    color: #424242;
    font-family: 'Sans-RG';
    font-weight: 500;
}

ul{list-style: none;}
a{text-decoration: none; color:inherit;}
body{position: relative;padding-bottom: 70px;min-height: 100%;}
input::placeholder{color: #878787;}
/*font*/
@font-face {
    font-family: 'NX-Gth-RG';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NX-Gth-BD';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Sans-RG';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Sans-BD';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Sans-MD';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "TahomaBold";
    src: url(../font/Tahoma_Bold.woff) format("woff");
}
.blind{display: none;}
.comn_docker{display: inline-block;width: 100%;}
.comn_wrapper{padding:0px 16px;}
.footer{position:absolute; bottom:0px; left: 0px;}
.dim .footer{position: static !important;}
.footer_container{display: inline-block;text-align: center;padding-top: 20px;padding-bottom: 20px;width: 100vw;}
.footer_container .ft_cont li{font-size: 12px; font-family: 'Sans-RG'; margin-top: 4px; color:#878787;}
.footer_container .ft_cont li:first-child{margin-top: 0px;}
.Ag_point_bg{background-color: #319148;}
.Mk_point_bg{background-color: #314391;}
.Lc_point_bg{background-color: #319182;}
/**/
.back_header{
    display: inline-flex;
    width:100%;
    height: 50px;
    justify-content: space-between;
    align-items: center;
    padding: 0px 16px;
    border-bottom: 1px solid #e2e2e2;
    /* position: fixed; */
    background-color: #fff;
    z-index: 10;
    position: fixed;
    top: 0px;
}
.bgGray{background-color: #ECEFF3 !important;}
.back_header .center{
    width: calc(100vw - 48px);
    display: inline-flex;
    padding-right: 24px;
    justify-content: center;
    align-items: center;
    height: 22px;
}
.back-ar_btn{display: block;width:24px;height: 22px;background-image: url(../img/icon/back_arrow.png);background-size:18px 14px;background-repeat:no-repeat;background-position: left center;}

.my_Ag_docker  .mySearch_wrapper{
    background-image: url(../img/icon/ic_srch_bg_Ag.png);
    background-position: calc(100% - 16px) 16px;
    background-repeat: no-repeat;
    background-size: 67px 67px;
}
.comn_hd_docker .mySearch_wrapper{margin-top:70px;}
.comn_hd_docker .mySearch_wrapper .title_box .title{font-size: 20px;margin-top: 20px;}
.comn_hd_docker .mySearch_wrapper .title_box .title .count{font-size: 16px;}
.mySearch_wrapper .alert_txt {margin-top: 12px;}
.mySearch_wrapper .alert_txt li{
    background-image: url(../img/icon/ic_info_12x12.svg);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: left 2px;
    padding-left: 18px;
    font-size: 14px;
    color: #878787;
    margin-bottom: 4px;
    line-height: 130%;
}


.mysearch_lt{margin-top: 16px;}
.mysearch_box .mysearch_lt {
    display: inline-flex; 
    flex-wrap: wrap; 
    width: 100%; 
    margin-top: 16px;
}
.mysearch_box .mysearch_lt li{
    display: inline-flex; 
    width: calc((100% - 36px)/3); 
    background-color: #fff; 
    border-radius: 6px; 
    justify-content: center; 
    align-items: center; 
    position: relative;
    margin-bottom: 16px;
}
.mysearch_box .mysearch_lt li:nth-child(3n),
.mysearch_box .mysearch_lt li:nth-child(2),
.mysearch_box .mysearch_lt li:nth-child(5){
    margin-left:16px;
}
.mysearch_box .mysearch_lt li::after{
    content: "";
    display: block;
    padding-bottom: 100%;
}
.mysearch_box .mysearch_lt li a{
    display: inline-block; 
    position:relative;
    width: 100%;
    height: 100%;
}
.mysearch_box .mysearch_lt li .inner{
    display: inline-flex;
    width: 100%;
    height: 100%;
    position: absolute;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-image: url(../img/icon/ic_btn_delete.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: calc(100% - 6px) 6px;
}
.mysearch_box .mysearch_lt li .inner .item{
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.mysearch_box .mysearch_lt li .inner .item .name{
    line-height: 130%;
}
.wide_btn{
    width: 100%;
    height: 60px;
    color:#fff;
    border-radius: 6px 6px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.Ag_comn .wide_btn, 
.Ag_comn .mysearch_box li .add_btn{
    background-color: #319148;;
}
.Mk_comn .wide_btn, 
.Mk_comn .mysearch_box li .add_btn{
    background-color: #314391;
}

.Lc_comn .wide_btn, 
.Lc_comn .mysearch_box li .add_btn{
    background-color: #319182;
}

.my_search_docker{
    height: calc(100vh - 84px);
    display: inline-flex;
    width: 100%;
    position: relative;
    flex-direction: column;
}
.my_search_docker .btn_wrapper{
    position: absolute;
    width: 100%;
    bottom:0px;
}
.mysearch_box li:nth-child(7){
    display: none;
}
.mysearch_box li .add_btn{
    border-radius: 6px 6px;
}
.mysearch_box li .add_btn .inner{
    background-image: none;
}
.mysearch_box li .add_btn .item .icon{
    width: 36px;
    height: 36px;
    background-image: url(../img/icon/ic_add_btn.svg);
}
.mysearch_box li .add_btn .item .name{
    color: #fff;
    margin-top: 12px;
    display: block;
}
.main_header .logo{
    display: inline-block;
    background-image: url(../img/omegafarm_logo_light.svg);
    background-size: contain;
    width: 152px;
    height: 38px;
}
.main_header{
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    padding: 16px;
    height: 72px;
    align-items: center;
    margin-bottom: 16px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(253,252,252,1) 50%, rgba(242,244,246,1) 82%, rgba(236,239,243,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(253,252,252,1) 50%, rgba(242,244,246,1) 82%, rgba(236,239,243,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(253,252,252,1) 50%, rgba(242,244,246,1) 82%, rgba(236,239,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eceff3",GradientType=1);
}
.main_header .search{
    width: calc(100% - 168px);
    display: inline-block;
}
.main_header .search .search_btn{
    display:inline-flex;
    height: 40px;
    background-color: #fff;
    align-items: center;
    padding: 0px 16px;
    width: 100%;
    border-radius: 6px 6px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
}
.main_Ag_docker .main_header .search .search_btn{
    border :1px solid #319148;
    background-image: url(../img/icon/ic_Ag_main_search.svg);
}
.main_Mk_docker .main_header .search .search_btn{
    border :1px solid #314391;
    background-image: url(../img/icon/ic_Mk_main_search.svg);
}
.main_Lc_docker .main_header .search .search_btn{
    border :1px solid #319182;
    background-image: url(../img/icon/ic_Lc_main_search.svg);
}
.main_header .search .search_btn .ph_txt{
    color: #878787;
    font-size: 14px;
}
.main_wrapper .cont_title{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding:0px 16px;
    margin-bottom: 16px;
}
.main_wrapper .cont_title .title{
    font-family: 'Sans-MD';
    color: #000;
}
.main_wrapper .cont_title .date{
    color: #878787;
    font-size: 12px;
}
.main_wrapper .cont_title .title_box .count{
    font-size: 14px;
}
.main_cont{
    background-color: #fff;
    padding:16px;
}
.bgWhite{background-color: #fff;}
.search_cont{ padding:16px;}
.pd16{padding: 16px;}

.wide_Ag_cont .title .Ag_item {
    display: inline-flex;
    align-items: center;
}
.wide_Ag_cont .title ,
.wide_Mk_cont .title ,
.wide_Lc_cont .title{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    /* flex-wrap: wrap; */
    flex-direction: column;
}
.wide_Ag_cont .title .Ag_item .images{
    width: 40px;
    height: 40px;
    border: 1px solid #F0F0F0;
    display: inline-block;
    margin-right: 4px;
    border-radius: 8px 8px;
    overflow: hidden;
}
.wide_Mk_cont .title{
    margin-bottom: 16px;
}
.wide_Lc_cont .title{
    margin-bottom: 16px;
}
.wide_Lc_cont .title .Lc_item{
    display: inline-flex;
}
.wide_Lc_cont .title .Lc_item .Lc_logo{
    max-width:100px;
}
.wide_Mk_cont .title .Mk_item{
    display: inline-flex;
}
.market_icon{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #314391;
    width: 28px;
    height: 28px;
    border-radius: 8px 8px;
}
.market_icon::after{
    content:"";
    display: inline-block;
    width: 18px;
    height: 14px;
    background-image: url(../img/icon/ic_market.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wide_Ag_cont .title .Ag_item .images img{
    width: 100%;
}
.wide_Ag_cont .title .Ag_item .name{
    color: #000;
    font-family: 'Sans-MD';
    /* max-width: 100px; */
    line-height: 130%;
}
.wide_Mk_cont .title .Mk_item {
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px;
    flex-direction: column;
}
.wide_Mk_cont .title .Mk_item .name{
    display: inline-flex;
    /* flex-direction: column; */
    /* margin-left: 4px; */
    margin-top: 8px;
}
.wide_Mk_cont .title .Mk_item .name .market{
    font-size: 15px;
    color: #808080;
}
.wide_Mk_cont .title .Mk_item .name .chunggwa{
    color: #000;
    font-family: 'Sans-MD';
    /* margin-top: 4px; */
    margin-left: 4px;
}

.wide_Ag_cont .price ,
.wide_Mk_cont .price ,
.wide_Lc_cont .price{
    display: inline-flex;
    align-items: center;
    /* justify-content: center; */
}
.wide_Ag_cont .price .label,
.wide_Mk_cont .price .label,
.wide_Lc_cont .price .label{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px 100px;
    font-style: normal;
    height: 20px;
    padding: 0px 8px;
    color: #878787;
    border: 1px solid #E2E2E2;
    font-size: 10px;
    margin-right: 4px;
}
.wide_Ag_cont .price .index,
.wide_Mk_cont .price .index,
.wide_Lc_cont .price .index{
    font-size: 12px;
    margin-left: 4px;
}
.wide_Ag_cont .price .base_price,
.wide_Mk_cont .price .base_price,
.wide_Lc_cont .price .base_price{
    font-family: "TahomaBold";
    font-size: 18px;
    position: relative;
    top: -1px;
}
.wide_Ag_cont .price .change,
.wide_Mk_cont .price .change,
.wide_Lc_cont .price .change{
    display: inline-flex;
    justify-content: flex-start;
}
.wide_Ag_cont .price .change *,
.wide_Mk_cont .price .change *,
.wide_Lc_cont .price .change *{
    font-family: "TahomaBold";
    font-size: 12px;
}
.wide_Ag_cont .price .down_change * ,
.wide_Mk_cont .price .down_change * ,
.wide_Lc_cont .price .down_change *{
    color: #F56B7B;
}
.wide_Ag_cont .price .up_change * ,
.wide_Mk_cont .price .up_change * ,
.wide_Lc_cont .price .up_change *{
    color:#5DBA64;
}
.wide_Ag_cont .price .change .price ,
.wide_Mk_cont .price .change .price ,
.wide_Lc_cont .price .change .price{
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    margin-right: 4px;
}
.wide_Ag_cont .price .change .rate_change::after ,
.wide_Mk_cont .price .change .rate_change::after ,
.wide_Lc_cont .price .change .rate_change::after{
    display: inline-block;
    content: "%";
}
.wide_Ag_cont .price .change .price::before ,
.wide_Mk_cont .price .change .price::before ,
.wide_Lc_cont .price .change .price::before{
    /*content: " ";
    display: inline-block;
    width: 7px;
    height: 6px;
    margin-right: 2px;*/
}
.wide_Ag_cont .price .up_change .price::before ,
.wide_Mk_cont .price .up_change .price::before ,
.wide_Lc_cont .price .up_change .price::before{
    /*background-image: url(../img/icon/ic_up.svg);*/
}
.wide_Ag_cont .price .down_change .price::before ,
.wide_Mk_cont .price .down_change .price::before ,
.wide_Lc_cont .price .down_change .price::before{
    /*background-image: url(../img/icon/ic_down.svg);*/
    position: relative;
    top: 1px;
}
/*Tabmenu*/
/* tap all style */
.tabs {
    width: 100%;
}
.main_cont  .tabs{
    margin-top:16px;
}
.thirdTabs > *:nth-child(2){
    border-radius: 8px 0px 0px 8px !important;
    border-right: 1px solid #fff;
}   
.sixTabs > *:nth-child(2){
    border-radius: 0px 0px 0px 0px !important;
    border-right: 1px solid #fff;
}   
.thirdTabs > *:nth-child(6){
    border-radius: 0px 8px 8px 0px;
    border-left: 1px solid #fff;
}
.sixTabs > *:nth-child(6){
    border-radius: 0px 0px;
    border-left: 1px solid #fff;
}
.sixTabs > *:nth-child(10){
    border-left: 1px solid #fff;
}
.sixTabs > *:nth-child(12){
    border-left: 1px solid #fff;
}
.sixTabs > *:nth-child(6){
    margin-bottom: 1px;
}

.thirdTabs .tab_item{
    width: calc(100%/3) !important;
}
.secondTabs .tab_item{
    width: 50%;
}
.secondTabs > *:nth-child(2){
    border-radius: 8px 0px 0px 8px !important;
    border-right: 1px solid #fff;
}
.secondTabs > *:nth-child(4){
    border-radius: 0px 8px 8px 0px;
    border-left: 1px solid #fff;
}
.tab_item {

    height: 40px;
    background-color: #F4F4F4;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #878787;
    font-size: 14px;
    display: block;
    float: left;
    text-align: center;
    transition: all 0.2s ease;
}
input[name="tab_item"] {
    display: none;
}

.tab_content {
    display: none;
    padding: 16px 0px;
    clear: both;
    overflow: hidden;
}

/* 선택 된 탭 콘텐츠를 표시 */
#tb01:checked ~ #tbcont01,
#tb02:checked ~ #tbcont02,
#tb03:checked ~ #tbcont03,
#tb04:checked ~ #tbcont04,
#tb05:checked ~ #tbcont05,
#tb06:checked ~ #tbcont06 {
    display: block !important;
}

  /* 선택된 탭 스타일 */
.tabs input[type=radio]:checked + .tab_item {
    background-color: #49525E;
    color: #fff;
}

.filter{
    display: inline-flex;
    width: 100%;
}
.filter .date{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 16px;
    align-items: flex-end;
}
.filter .date li{
    border-bottom: 2px solid #F0F0F0;
    padding-bottom: 8px;
    display: inline-flex;
    width: 100%;
    text-align: center;
}
.filter .date li a{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #878787;
    line-height: 100%;
}
.filter .date .on{
    border-color: #49525E !important;
    font-size: 14px;
    position: relative;
}
.filter .date .on a{
    color: #000;
    /* position: relative; */
    /* top: 1px; */
    /* font-size: 14px; */
    padding-bottom: -1px;
}
.price_graph{
    position: relative;
}
.price_graph .graph{
    box-shadow: 0px 5px 1px #D1D3D4;
    display: inline-flex;
    width: 100%;
    height: 40px;
    overflow: hidden;
    border-radius: 100px 100px;
    border: 4px solid #F5F5F5;
    position: relative;
}
.graph_box{
    position: relative;
}
.graph_box .center_icon{
    position: absolute;
    width: 20px;
    height: 12px;
    background-image: url(../img/icon/ic_supply_center.svg);
    display: inline-block;
    left: calc(50% - 10px);
    bottom:-2px;
    z-index: 1;
}
.price_graph .graph .item{    
    display: inline-flex;
    align-items: center;
}
.price_graph .graph .item .rate{
    color: #fff;
    font-family: "TahomaBold";
    position: relative;
    top: 1px;
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 0px 16px;
}
.price_graph .graph .item .rate::after{
    content: "%";
    display: inline-block;
    margin-left: 2px;
    font-size: 12px;
    font-family: 'Sans-RG';
}
.price_graph .graph .high{
    background-color: #5DBA64;
    height: 100%;
    border-radius: 100px 0px 0px 100px;
    box-shadow:inset 2px 2px 0 2px rgba(0, 0, 0, 0.2);
    padding-left: 0;
    /* min-width: 65px; */
}
.price_graph .graph .low{
    background-color: #F56B7B;
    padding-right: 0;
    border-radius: 0px 100px 100px 0px;
    box-shadow:inset -2px 2px 0 2px rgba(0, 0, 0, 0.2);
    justify-content: flex-end;
}

.price_graph .price_box{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 14px;
}
.price_graph .price_box .item{
    width: 50%;
    display: inline-flex;
    justify-content: flex-start;
    padding:0px 16px;
}
.price_graph .price_box .item .title{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    flex-direction: row;
}
.price_graph .price_box .item .title::before{
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    content: " ";
    border-radius: 100% 100%;
}
.price_graph .price_box .item .title::after{
    display: inline-block;
    font-size: 14px;
    margin-right: 8px;
}
.price_graph .price_box .high .title::before{
    background-color: #5DBA64;
}
.price_graph .price_box .high .title::after{
    content: "상품";
    color: #5DBA64;
}
.price_graph .price_box .low .title::before{
    background-color: #F56B7B;
}
.price_graph .price_box .low .title::after{
    content: "하품";
    color: #F56B7B;
}
.price_graph .price_box .low{
    justify-content: flex-end;
}
.price_graph .price_box .item .price{
    font-family: "TahomaBold";
}
.price_graph .price_box .item .price::after{
    display: inline-block;
    content: "원";
    margin-left: 2px;;
}

.supply_box{
    display: inline-block;
    width: 100%;
    background-color: #FAFBFB;
    border: 1px solid #E2E2E2;
    border-radius: 8px 8px;
    margin-top: 16px;
}
.supply_box .condition{
    padding: 16px 0px;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 16px;
}
.condition {
    display: inline-flex;
    width: 100%;
    
    }
.condition .item{
    display: inline-flex;
    width: 50%;
    align-items: center;
    flex-direction: column;
}
.condition .item .label{
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding:0px 10px;
    border-radius: 100px 100px;
    color: #878787;
    font-size: 10px;
    border: 1px solid #E2E2E2;
    margin-bottom: 8px;
}
.condition .item .label::after{
    font-style: normal;
}
.condition .sell .label::after{
    content: "거래량수급현황";
}
.condition .buy .label::after{
    content: "가격수급현황";
}
.condition .item .grade{
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.condition .item .grade .grade_icon{
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background-size: cover;
}
.condition .item .grade_01 .grade_icon{
    background-image:url(../img/icon/ic_grade_01.svg) ;
}
.condition .item .grade_02 .grade_icon{
    background-image:url(../img/icon/ic_grade_02.svg) ;
}
.condition .item .grade_03 .grade_icon{
    background-image:url(../img/icon/ic_grade_03.svg) ;
}
.condition .item .grade_04 .grade_icon{
    background-image:url(../img/icon/ic_grade_04.svg) ;
}
.condition .item .grade_05 .grade_icon{
    background-image:url(../img/icon/ic_grade_05.svg) ;
}
.condition .item .grade_06 .grade_icon{
    background-image:url(../img/icon/ic_grade_06.svg) ;
}

.condition .item .grade .guide_txt{
    display: inline-block;
    font-family: 'NX-Gth-RG';
    margin-top: 2px;
}
.condition .item .grade_01 .guide_txt::after{
    content: "매우 안좋아요";
    color: #FA364C;
}
.condition .item .grade_02 .guide_txt::after{
    content: "좋지 않아요";
    color: #FFA360;
}
.condition .item .grade_03 .guide_txt::after{
    content: "고민해야돼요";
    color: #FFC65F;
}
.condition .item .grade_04 .guide_txt::after{
    content: "괜찮아요";
    color: #A0C460;
}
.condition .item .grade_05 .guide_txt::after{
    content: "조금 좋아요";
    color: #5EC665;
}
.condition .item .grade_06 .guide_txt::after{
    content: "많이 높아요";
    color: #5EC6BE;
}
.supply_now{
    padding-bottom: 16px;
}
.supply_now .title_box{
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
}
.supply_now .title_box .name{
    font-family: 'Sans-MD';
}
.supply_now .title_box .date{
    font-size: 13px;
    color: #878787;
    margin-top: 4px;
}
.supply_graph{
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    }
.supply_graph .graph_box,
.supply_graph .price_box{
    padding:0px 8px;
    display: inline-flex;
    width: 100%;
    max-width: 267px;
    margin-left: calc((100% - 304px)/2);
}
.supply_graph .price_box{
    margin-left: calc((100% - 227px)/2);
}
.supply_graph .graph_box .grade,
.supply_graph .graph_box > .item{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.supply_graph .graph_box .grade .item{
    font-family: 'TahomaBold';
    height: 22px;
    align-items: center;
    width: 40px;
    justify-content: center;
    display: inline-flex;
    margin-bottom: 2px;
}
.supply_graph .graph_box .grade .item::after{
    display: inline-block;
}
.supply_graph .graph_box .grade .item:nth-child(1),
.supply_graph .graph_box .grade .item:nth-child(2),
.supply_graph .graph_box .grade .item:nth-child(3){
    color:#5DBA64;
}
.supply_graph .graph_box .grade .item:nth-child(4),
.supply_graph .graph_box .grade .item:nth-child(5),
.supply_graph .graph_box .grade .item:nth-child(6){
    color:#F56B7B;
}
.supply_graph .graph_box .grade .item:nth-child(1)::after{content:"+3";}
.supply_graph .graph_box .grade .item:nth-child(2)::after{content:"+2";}
.supply_graph .graph_box .grade .item:nth-child(3)::after{content:"+1";}
.supply_graph .graph_box .grade .item:nth-child(4)::after{content:"-1";}
.supply_graph .graph_box .grade .item:nth-child(5)::after{content:"-2";}
.supply_graph .graph_box .grade .item:nth-child(6)::after{content:"-3";}

.supply_graph .graph_box .grade .item,
.supply_graph .graph_box > .item > .block:last-child{
    margin-bottom: 0px;
}
.supply_graph .graph_box > .item {
    width: calc((100% - 40px)/3);
}

.supply_graph .graph_box > .item > .block{
    display: inline-block;
    border-radius: 4px 4px;
    width: 40px;
    height: 22px;
    margin-bottom: 2px;
}

.supply_graph .graph_box > .item > .block:nth-child(1){background-color: #9BD3A0;}
.supply_graph .graph_box > .item > .block:nth-child(2){background-color: #BBE1BF;}
.supply_graph .graph_box > .item > .block:nth-child(3){background-color: #DAEEDD;}

.supply_graph .graph_box > .item > .block:nth-child(4){background-color: #F9DEE1;}
.supply_graph .graph_box > .item > .block:nth-child(5){background-color: #F8C2C8;}
.supply_graph .graph_box > .item > .block:nth-child(6){background-color: #F7A4AD;}

.supply_graph .graph_box > .item > .block.on:nth-child(1),
.supply_graph .graph_box > .item > .block.on:nth-child(2),
.supply_graph .graph_box > .item > .block.on:nth-child(3)
{
    background-color: #00890A !important;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.3);
}
.supply_graph .graph_box > .item > .block.on:nth-child(4),
.supply_graph .graph_box > .item > .block.on:nth-child(5),
.supply_graph .graph_box > .item > .block.on:nth-child(6)
{
    background-color: #E5384C !important;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.3);
}

.supply_graph .price_box{
    display: inline-flex;
    width: 100%;
    margin-top: 6px;
    padding-top: 8px;
    border-top:1px solid #F4F4F4;
}
.supply_graph .price_box .item{
    width: calc((100% - 40px)/3);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}
.supply_graph .price_box .item::before{
    display: inline-block;
    font-size: 14px;
    margin-bottom: 4px;
    }
.supply_graph .price_box .item:nth-child(1)::before{
        content: "거래량";
}
.supply_graph .price_box .item:nth-child(2)::before{
    content: "기준가격";
}
.supply_graph .price_box .item:nth-child(3)::before{
    content: "거래대금";
}
.supply_graph .price_box .item .price{
    font-family: 'TahomaBold';
    font-size: 14px;
    color: #000;
    display: inline-flex;
    width: 100%;
    justify-content: center;
}
.supply_graph .price_box .item .price::after{
    font-family: 'Sans-BD';
}
.supply_graph .price_box .item:nth-child(1) .price::after{content: "톤";}
.supply_graph .price_box .item:nth-child(2) .price::after{content: "원";}
.supply_graph .price_box .item:nth-child(3) .price::after{content: "억";}

.main_sub_Ag_cont ,
.main_sub_Mk_cont{
    border-top:1px solid #E2E2E2;
    margin-top:16px;
    padding-top: 16px;
}
.comn_title_box{
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.comn_title_box .sub_data{
    margin-top: 4px;
    font-size: 14px;
    color: #878787;
}
.chart{
    margin-top:16px;
}
.Ag_lc_chart_wrapper{
    padding-bottom: 16px;
    /* border-bottom:1px solid #E2E2E2; */
    margin-bottom: 16px;
}
.Ag_local > li{
    padding:16px 0px;
    border-bottom: 1px solid  #E2E2E2;
}
.sm_price_graph{
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    margin-top: 12px;
}
.sm_price_graph .graph{
    display: inline-flex;
    height: 24px;
    position: relative;
}
.location_logo .logo img{
    max-height: 30px;
}
.sm_price_graph .graph .center_icon{
    display: inline-block;
    position: absolute;
    background-image: url(../img/icon/ic_graph_top_center.svg);
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    top:-2px;
    left: calc((100% - 12px)/2);
}
.sm_price_graph .graph .item{
    height: 100%;
    display: inline-flex;
    align-items: center;
    /* min-width: 62px; */
    padding: 0px 10px;
}   
.sm_price_graph .graph .item:last-child{
    justify-content: flex-end;
    border-radius: 0px 100px 100px 0px;
} 
.sm_price_graph .graph .item:last-child .rate{
    text-align: right;
}
.sm_price_graph .graph .item:first-child{
    border-radius: 100px 0px 0px 100px;
}
.sm_price_graph .graph .high{
    background-color: #5DBA64;
}
.sm_price_graph .graph .low{
    background-color: #F56B7B;
}
.sm_price_graph .graph .item .rate{
    font-size: 14px;
    color:#fff;
    font-family: 'Sans-MD';
    min-width: 50px;
    z-index: 1;
}
.sm_price_graph .graph .item .rate::after{
    display: inline-block;
    content: "%";    
    margin-left: 2px;
    font-size: 12px;
}
.sm_price_graph .price_box{
    display: inline-flex;
    justify-content: space-between;
    margin-top: 12px;
}
.sm_price_graph .price_box .item{
    display: inline-flex;
    align-items: center;
}
.sm_price_graph .price_box .item .title::before {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    content: " ";
    border-radius: 100% 100%;
}
.sm_price_graph .price_box .item .title{
    margin-bottom: 0px;
    flex-direction: row !important;
    align-items: center;
}
.sm_price_graph .price_box .item .title::after{
    font-size: 14px;
    margin-right: 4px;
}
.sm_price_graph .price_box .high .title::before{
    background-color: #5DBA64;
}
.sm_price_graph .price_box .high .title::after{
    color: #5DBA64;
    content: "상품";
}
.sm_price_graph .price_box .low .title::before{
    background-color: #F56B7B;
}
.sm_price_graph .price_box .low .title::after{
    color: #F56B7B;
    content: "하품";
}
.sm_price_graph .price_box .item .price_item .price{
    font-family: "TahomaBold";
}
.sm_price_graph .price_box .item .price_item .price::after{
    content: "원";
    display: inline-block;
    margin-left: 2px;    
}
.sm_price_graph .popup_btn_box{
    margin-top: 16px;
}
.popup_btn_box{
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}
.popup_btn_box a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc((100% - 8px)/2);
    height: 40px;
    background-color: #F4F4F4;
    font-size: 14px;
    border:1px solid #E2E2E2;
    border-radius: 8px;

}    
.popup_btn_box .btn_title{
    display: inline-block;
    font-size: 14px;
}
/*percent-width*/
.wd_per5{width: 5%;}
.wd_per10{width:10%;}
.wd_per15{width: 15%;}
.wd_per20{width: 20%;}
.wd_per25{width:25%;}
.wd_per30{width: 30%;}
.wd_per35{width: 35%;}
.wd_per40{width: 40%;}
.wd_per45{width: 45%;}
.wd_per50{width: 50%;}
.wd_per55{width: 55%;}
.wd_per60{width: 60%;}
.wd_per65{width: 65%;}
.wd_per70{width: 70%;}
.wd_per75{width: 75%;}
.wd_per80{width: 80%;}
.wd_per85{width:85%;}
.wd_per90{width: 90%;}
.wd_per95{width: 95%;}
.wd_per100{width: 100%;}

.hg_per5{height: 5%;}
.hg_per10{height: 10%;}
.hg_per15{height: 15%;}
.hg_per20{height: 20%;}
.hg_per25{height: 25%;}
.hg_per30{height: 30%;}
.hg_per35{height: 35%;}
.hg_per40{height: 40%;}
.hg_per45{height: 45%;}
.hg_per50{height: 50%;}
.hg_per55{height: 55%;}
.hg_per60{height: 60%;}
.hg_per65{height: 65%;}
.hg_per70{height: 70%;}
.hg_per75{height: 75%;}
.hg_per80{height: 80%;}
.hg_per85{height: 85%;}
.hg_per90{height: 90%;}
.hg_per95{height: 95%;}
.hg_per100{height: 100%;}

/*css popup*/
.modal {
    background: #fff;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
    bottom: -100vh;
    position: fixed;
    left: 0;
    text-align: left;
    z-index: 99;
}
.modal .header {
    padding: 20px;
    border-bottom: 1px solid #ddd;
    font: 300 24px Lato;
    position: relative;
}
.modal .body {
    padding: 20px;
    font: 300 16px Lato;
}
.modal-open .modal {
    bottom: 0vh;
}
.dim{
    position: fixed;
    overflow: hidden !important;
    touch-action:none;
}
.modal_window {
    position: fixed;
    background-color: rgba(0,0,0, 0.5);
    top: 0;
    right: 0;
    bottom: -100vh;
    left: 0;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: all 0.3s;
    transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
}
.modal_window:target {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    bottom: 0vh;
}
.modal_window .modal_wrapper {
    width: 100%;
    position: absolute;
    bottom:0px;
    left: 0px;
    background: #fff;
    border-radius: 16px 16px 0px 0px;
    z-index: 9;
    max-height: 80vh;
    min-height: 80vh;
}
.modal_window .modal_wrapper .modal_header{
    display: inline-flex;
    text-align: center;
    width:100%;
    background-color: #49525E;
    border-radius: 16px 16px 0px 0px;
    padding:8px 16px;
    position: relative;
    align-items: center;
    justify-content: center;
    
}
.modal_window .modal_wrapper .modal_header .title{
    color: #fff;
    font-size: 14px;
}
.modal_window .modal_wrapper .modal_header .modal_close{
    position: absolute;
    right: 16px;
    background-image: url(../img/icon/ic_poup_closed.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    padding: 20px;
    background-position: center right;
}
.modal_cont{
    padding-bottom: 0px;
    max-height: calc(90vh - 100px);
    overflow-y: scroll;
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.modal_window .bg_closed{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height: 100vh;
    display: inline-block;
    overflow: hidden;
    touch-action: none;
}
.modal_cont .modal_cont_wrpper{
    padding:0px 16px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 16px;
    padding-bottom: 16px;
}
.local_name{
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.market_name{
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.local_name .name{
    margin-left: 8px;
    color:#878787;
    position: relative;
    top: 2px;
}
.modal_cont_fixed .local_name ,
.modal_cont_fixed .market_name{
    padding: 12px 16px;
}

.ag_local_title{
    width:100%;
    display: inline-flex;
    justify-content: space-between;
}
.ag_market_title{
    width:100%;
    display: inline-flex;
    justify-content: space-between;
}
.modal_cont_fixed{
    background-color: #FAFBFB;
    border-bottom: 1px solid #e2e2e2;
    /* overflow-x: hidden; */
    }
.modal_cont_fixed .ag_local_title,
.modal_cont_fixed .ag_market_title{
    padding: 8px 16px;
}
.ag_local_title .local{
    display: inline-flex;
    align-items: center;
}
.ag_market_title .market{
    display: inline-flex;
    align-items: center;
}
.ag_local_title .local img{
    height: 16px;
    width: auto;
}
.ag_local_title .ag_thumb .images ,
.ag_market_title .ag_thumb .images{
    width: 28px;
    height: 28px;
    border: 1px solid #F0F0F0;
    display: inline-block;
    margin-right: 4px;
    border-radius: 8px 8px;
    overflow: hidden;
}
.ag_local_title .ag_thumb ,
.ag_market_title .ag_thumb{
    display: inline-flex;
    align-items: center;
}
.ag_local_title .ag_thumb .images img,
.ag_market_title .ag_thumb .images img{
    width:100%;
}
.ag_local_title .ag_thumb .name ,
.ag_market_title .ag_thumb .name{
    color: #000;
    font-family: 'Sans-MD';
}
.modal_cont_wrpper .popup_supply_Mk{
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e2e2;
}
.modal_cont_wrpper .popup_supply_Mk:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.modal_cont_wrpper .wide_Ag_cont{
    margin-bottom: 16px;
}

.Ag_mk_chart_wrapper{
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E2E2E2;
}
.modal_cont_fixed .market_name .market_icon{
    margin-right: 8px;
}
.modal_cont_fixed .market_name .market ,
.modal_cont_fixed .market_name .sub_market{
    font-size: 16px;
    color: #000;
}
market_name .chunggwa::before{
    content: ">";
    display: inline-block;
    margin: 0px 4px;
}

.modal_cont_fixed .ag_market_title .market_name .market_icon{
    margin-right: 4px;
}
.modal_cont_fixed .ag_market_title .market_name .market_icon{
    width: 24px;
    height: 24px;
}
.modal_cont_fixed .ag_market_title .market_name .market_icon::after{
    width: 16px;
    height: 12px;
}
.modal_cont_fixed .ag_market_title .market_name .name{
    display: inline-flex;
}
.modal_cont_fixed .ag_market_title .market_name{
    padding: 0px !important;
    margin: 0px !important;
    width: auto !important;
}
.modal_cont_wrpper .popup_supply_Lc{
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom:1px solid #E2E2E2;
}
.modal_cont_wrpper .popup_supply_Lc:last-child{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}
.Ag_market_wrap .Ag_market .title .Ag_item .market_title{
    display: inline-flex;
    /* flex-wrap: wrap; */
    margin-bottom: 4px;
    /* max-width: 63px; */
}
.Ag_market_wrap .Ag_market .title .Ag_item .market_title .market{
    color: #808080;
    margin-right: 4px;
    /* max-width: 100px; */
}
.change .price{
    margin-top:0px !important;
}



/*search*/
.search_docker{
    display: inline-flex;
    flex-direction: column;
    width: 100%;
}
.search_docker .search_header{
    display: inline-flex;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    width: 100%;
    position: fixed;
    z-index: 7;
    top: 0;
}
.search_docker .search_header .search_area{
    display: inline-flex;
    align-items: center;
    height: 100%;
    width: calc(100% - 50px);
}
.search_docker .search_header .search_area .back-ar_btn{
    padding-left: 16px;
    display: inline-block;
    background-position: 16px center;
    height: 100%;
    width: 50px;
}
.search_docker .search_header .search_btn{
    display: inline-block;
    padding: 16px;
    height: 100%;
    width: 50px;
    
    background-size:16px 16px;
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
}

.main_search_ip{
    display: inline-flex;
    width: 100%;
    height: 100%;
    border:0;
    outline: 0;
    font-family: 'Sans-BD';
    font-size: 18px;
}
.main_search_ip::placeholder{
    font-family: 'Sans-RG';
}

.Ag_comn .search_btn{
    background-image: url(../img/icon/ic_ag_search.svg);
}
.Ag_comn .search_header{
    border-bottom: 2px solid #319148;
}
.Mk_comn .search_header{
    border-bottom: 2px solid #314391;
}
.Lc_comn .search_header{
    border-bottom: 2px solid #319182;
}

.search_wrapper{
    display: inline-block;
    width: 100%;
    background-color: #fff;
}
.search_wrapper .top{
    padding: 10px 16px;
    display: inline-flex;
    width: 100%;
    height: 58px;
    justify-content: space-between;
}
.search_wrapper .top::before{
    content: "최근검색어";
    font-size: 14px;
    color: #878787;
}
.search_wrapper .top .del-all_btn{
    font-size: 14px;
    color: #878787;
}
.search_wrapper .search_lt{
    width: 100%;
    min-height: 24vh;
    position: relative;
    top: 20p;
}
.search_wrapper .search_lt li{
    display: inline-flex;
    justify-content: space-between;
    padding-left: 16px;
    align-items: center;
    width: 100%;
    padding-right: 16px;
    height: 42px;
}
.search_wrapper .search_lt .search_item{
    display: inline-flex;
    align-items: center;
    width: calc(100% - 30px);
    height: 100%;
}
.search_wrapper .search_lt .del-item_btn{
    display: inline-block;
    width: 30px;
    height: 100%;
    background-image: url(../img/icon/ic_ex.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: calc(100%) center;
}
.search_wrapper .search_lt .search_item::before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../img/icon/ic_search_list.svg);
    background-size: cover;
    margin-right: 8px;
}
.search_wrapper .bottom{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    padding-left: 16px;
    align-items: center;
    border-top:1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.search_wrapper .bottom > *{
    color: #878787;
    font-size: 14px;
}
.search_wrapper .bottom .closed_btn{
    display: inline-block;
    padding:16px;
}
.search_item .keyword{
    display: inline-flex;
}
.search_item .big_cate{
    margin-right: 4px;
    display: inline-flex;
}
.search_item .big_cate::after{
    margin-left: 4px;
}

.Ag_comn .search_item .keyword .impact{
    color: #319148;
}
.Mk_comn .search_item .keyword .impact{
    color: #314391;
}
.Lc_comn .search_item .keyword .impact{
    color: #319182;
}

.gnb{
    display: inline-flex;
    position: fixed;
    bottom: 0px;
    background-color: #fff;
    border-top:1px solid #e2e2e2;
    width: 100%;
    height: 70px;
    z-index: 99;
}
.gnb .menu{
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}
.gnb .menu .item{
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}
.gnb .menu .item a{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.gnb .menu .item a::after{
    font-size: 14px;
    margin-top: 4px;
    color:#878787;
}
.gnb .menu .Ag a::before{
    display: inline-block;
    background-image: url(../img/icon/ic_gnb_ag.svg);
    width: 24px;
    height: 22px;
    content: "";
    background-size: 24px 22px;
    background-position: top center;
}
.gnb .menu .Mk a::before{
    display: inline-block;
    background-image: url(../img/icon/ic_gnb_mk.svg);
    width: 24px;
    height: 22px;
    content: "";
    background-size: 20px 22px;
    background-position: top center;
    background-repeat: no-repeat;
}
.gnb .menu .Lc a::before{
    display: inline-block;
    background-image: url(../img/icon/ic_gnb_lc.svg);
    width: 24px;
    height: 22px;
    content: "";
    background-size: 20px 22px;
    background-position: top center;
    background-repeat: no-repeat;
}
.gnb .menu .Mn a::before{
    display: inline-block;
    background-image: url(../img/icon/ic_gnb_mn.svg);
    width: 24px;
    height: 22px;
    content: "";
    background-size: 18px 13px;
    background-position: center center;
    background-repeat: no-repeat;
}
.gnb .menu .Ag a::after{
    display: inline-block;
    content: "농산물";
}
.gnb .menu .Lc a::after{
    display: inline-block;
    content: "주산지";
}
.gnb .menu .Mk a::after{
    display: inline-block;
    content: "도매시장";
}
.gnb .menu .Mn a::after{
    display: inline-block;
    content: "메뉴";
}
.Ag_comn .gnb .menu .Ag a::before{
    background-image: url(../img/icon/ic_gnb_ag_on.svg) !important;
}
.Mk_comn .gnb .menu .Mk a::before{
    background-image: url(../img/icon/ic_gnb_mk_on.svg) !important;
}
.Lc_comn .gnb .menu .Lc a::before{
    background-image: url(../img/icon/ic_gnb_lc_on.svg) !important;
}
.Mn_comn .gnb .menu .Mn a::before{
    background-image: url(../img/icon/ic_gnb_mn_on.svg) !important;
}
.Ag_comn .gnb .menu .Ag a::after{
    color: #319148;
}
.Mk_comn .gnb .menu .Mk a::after{
    color: #314391;
}
.Lc_comn .gnb .menu .Lc a::after{
    color: #319182;
}
.Mn_comn .gnb .menu .Mn a::after{
    color: #DE357C;
}

.Ag_comn .footer,
.Mk_comn .footer,
.Lc_comn .footer,
.Mn_comn .footer{
    bottom: 70px !important;
    position: static;
}
.Ag_comn , .Mk_comn, .Lc_comn{
    /* padding-bottom: 70px; */
}

.blind{display: none;}

.search_layer{
    position: fixed;
    width: 100%;
    z-index: 8;

}
.search_layer .search_wrapper{
    height: 100vh;
    background-color: #ECEFF3 !important;
}
.search_layer .search_wrapper .search_lt_box{
    background-color: #fff;
}
.results_cont{
    padding-top: 116px;
}

.search_docker .result_gnb{
    position: fixed;
    top: 56px;
    display: inline-flex;
    background-color: #fff;
    width: 100%;
    height: 44px;
    justify-content: space-between;
    align-items: center;
    z-index: 7;
    border-bottom: 1px solid #e2e2e2;
    }
.search_docker .result_gnb .item{
    display: inline-flex;
    width: 100%;
    justify-content: center;
    height: 100%;
}
.search_docker .result_gnb .item a{
    display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-family: 'Sans-BD';
}
.AgtoAg .result_gnb .item:first-child a{
    color: #319148;
}
.AgtoLc .result_gnb .item:nth-child(2) a{
    color: #319148;
}
.AgtoMk .result_gnb .item:nth-child(3) a{
    color: #319148;
}

.big_Ag > .title > .price{
    display: inline-flex;
    /* flex-direction: column; */
    /* align-items: flex-start !important; */
    width: 100%;
    justify-content: center;
}
.big_Ag > .title{
    margin-bottom: 16px;
}
.big_Ag .title .price .wrapper{
    display: inline-flex;
    align-items: center;
}
.big_Ag .title .price .label{
    /* margin-bottom: 4px; */
}
.big_Ag .title .price .wrapper .info_box{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 8px;
}
.big_Ag .title .price .wrapper .info_box .index{
    margin-left: 0px !important;
}
.big_Ag .title .price .wrapper .info_box .change{
    width: 100%;
    margin-top: 4px;
}
.big_Ag .title .price .wrapper .base_price{
    font-size: 30px;
}
.result_cont .cont_title_box{
    background-color: #fff;
    /* margin-top: 16px; */
    border-bottom: 1px solid #e2e2e2;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}
.result_cont .cont_title_box .cont_title{
    font-family: 'Sans-BD';
}
.result_cont .sub_Ag_box{
    border-bottom: 1px solid #e2e2e2;
}

.mb16{margin-bottom: 16px;}

.state_layer{
    width: 100%;
    background-color: #fff;
    padding-bottom: 16px;
    border-radius: 8px 8px;
}
.state_layer .cont_title_box{
    border-radius: 8px 8px 0px 0px;
}
.state_layer .state_wrapper{
    width: calc(100% + 32px);
    overflow: hidden;
    white-space: nowrap;
    margin-left: -16px;
    margin-top: 16px;
}

.state_layer .state_wrapper .state_box .box:last-child{
    margin-right: 32px;
}
.state_layer .state_wrapper .state_box{
    overflow-x: auto;
    width: 100%;
    -ms-overflow-style: none;
}
.state_layer .state_wrapper .state_box::-webkit-scrollbar{ display:none; }
.state_title_wrapper{border-radius: 8px 8px 0px 0px;}
.state_cont{
    margin: 0px 16px;
}

.state_layer .state_wrapper .state_box .box{
    display: inline-flex;
    flex-direction: column;
    min-width: 180px;
    height: 260px;
    background-color: #FAFBFB;
    border: 1px solid #E2E2E2;
    border-radius: 8px 8px;
    margin-left: 16px;
    padding: 16px;
}
.state_layer .state_wrapper .state_box .box:first-child{
    margin-left: 32px;
}
.state_layer .state_wrapper .state_box .box .title_item{
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
}
.state_layer .state_wrapper .state_box .box .title_item .title{
    font-family: 'Sans-BD';
    color: #000;
    font-size: 14px;
}
.state_layer .state_wrapper .state_box .box .title_item .sub_title{
    font-size: 14px;
    margin-top: 4px;
    color: #878787;
}
.state_layer .state_wrapper .state_box .box .bar_chart{
    display: inline-flex;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    margin-top: 16px;
}
.state_layer .state_wrapper .state_box .box .bar_chart .item{
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}
.state_box .box .bar_chart .item .bar{
    width: 16px;
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 8px;
    }
.state_box .box .bar_chart .data{
    font-family: 'TahomaBold';
    font-size: 14px;
}    
.state_box .box .bar_chart .index{
    font-size: 12px;
}
.Ag_comn .state_box .box:nth-child(1) .bar_chart .item .bar{
    background-color: #319148;
}
.Ag_comn .state_box .box:nth-child(2n) .bar_chart .item .bar{
    background-color: #62914D;
}
.Ag_comn .state_box .box:nth-child(3n) .bar_chart .item .bar{
    background-color: #466C36
}
.Ag_comn .state_box .box:nth-child(4n) .bar_chart .item .bar{
    background-color: #319148;
}
.Ag_comn .state_box .box:nth-child(1) .bar_chart .data{
    color: #319148;
}
.Ag_comn .state_box .box:nth-child(2n) .bar_chart .data{
    color:#62914D;
}
.Ag_comn .state_box .box:nth-child(3n) .bar_chart .data{
    color:#466C36;
}
.Ag_comn .state_box .box:nth-child(4n) .bar_chart .data{
    color:#319148;
}
.news_lt{
    display: inline-flex;
    flex-direction: column;
    background-color: #fff;
    padding: 16px;
}
.news_lt .item .top{
    display: inline-flex;
    width: 100%;
    align-items: center;
    margin-bottom: 8px;
}
.news_lt .item .top .broad_thumb{
    display: inline-flex;
    border-radius: 100% 100%;
    border: 1px solid #F0F0F0;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
}
.news_lt .item .top .broad_name ,
.news_lt .item .top .date{
    font-size: 14px;
    color: #878787;
}
.news_lt .item .top .broad_name::after{
    display: inline-block;
    width: 1px;
    height: 13px;
    background-color: #878787;
    margin: 0px 8px;
    content: "";
}
.news_lt .item .news_title{
    line-height: 130%;
    max-height: 2.6em;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-wrap: break-word;
    word-break: break-all;
    color: #314391;
}
.news_lt .item .news_sm_cont{
    display: inline-flex;
}
.news_lt .item .news_sm_cont .article{
    font-size: 14px;
    line-height: 130%;
    max-height: 5.2em;
    white-space: normal;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-wrap: break-word;
    word-break: break-all;
    width: 100%;
}
.news_lt .item .news_sm_cont{
    margin-top: 8px;
    }
.news_lt .item .news_sm_cont .image{
    width: 200px;
    height: 84px;
    overflow:hidden;
    border-radius: 4px 4px;
    display: inline-block;
    margin-left:8px;
    border:1px solid #F0F0F0;
    
}
.news_lt .item{
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.news_lt .item:last-child{
    margin-bottom:0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}


/*반응형*/
@media screen and (max-width:320px){
    .location_logo .logo img{
        max-width: 60px;
    }
    .wide_Ag_cont .title .price, 
    .wide_Mk_cont .title .price, 
    .wide_Lc_cont .title .price{
        margin-top:8px;
    }    
    .main_sub_Ag_cont .price_graph{
        margin-top:8px;
    }
    .supply_graph .graph_box{
        margin-left: calc((100% - 267px)/2);
    }
    .supply_graph .price_box{
        margin-left: calc((100% - 187px)/2);
    }
    .wide_Mk_cont .title .Mk_item .name{
        flex-direction: row;
        align-items: center;
    }
    .wide_Mk_cont .title .Mk_item .name .chunggwa{
        margin-top: 0px;
        margin-left: 4px;
    }
    .wide_Mk_cont .title .Mk_item .name .market{
        font-size: 16px;
    }
    .wide_Mk_cont .title .Mk_item{
        width: 100%;
        justify-content: center;
    }
    .wide_Mk_cont .title .price{
        width: 100%;
        justify-content: center;
        margin-top: 8px;
    }
    .wide_Mk_cont .price .change .rate_change{
        display: inline-flex;
    }
}
.wide_Ag_cont li > .title{
    margin-bottom: 0px !important;
}
.market_title .ag_thumb ,
.item_title .ag_thumb{
    display: inline-flex;
    align-items: center;
}
.main_Mk_cont > .title{
    display: inline-flex;
    width: 100%;
    justify-content: flex-start;
}
.main_Mk_cont > .title > .market_name{
    width: auto !important;
}
.main_Mk_cont > .title > .market_name .market_icon{
    margin-right: 4px;
}
.wide_graph_box{
    display: inline-block;
    width: 100%;
    background-color: #FAFBFB;
    border: 1px solid #E2E2E2;
    border-radius: 8px 8px;
    /* margin-top: 16px; */
}
.wide_graph_box .wrapper{
    height: 240px;
    display: inline-flex;
    width: 100%;
    flex-direction: column;
}
.wide_graph_box .wrapper .chart_wrapper{
    width: 100%;
    height: 100%;
    padding-bottom: 16px;
    display: inline-flex;
    justify-content: center;
}
.wide_graph_box .title_box{
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
    margin-top: 16px;
}
.wide_graph_box  .title_box .name {
    font-family: 'Sans-MD';
}
.wide_graph_box .title_box .date {
    font-size: 13px;
    color: #878787;
    margin-top: 4px;
}
.wide_graph_box .bar_chart {
    display: inline-flex;
    height: 100%;
    width: 100%;
    max-width: 400px;
    justify-content: space-between;
    padding: 0px 16px;
    margin-bottom: 16px;
}
.wide_graph_box .bar_chart .item {
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}
.Mk_comn .wide_graph_box .bar_chart .data {
    color: #314391;
}
.Mk_comn .wide_graph_box .bar_chart .item .bar{
    background-color: #314391;
}
.wide_graph_box .bar_chart .item .bar {
    width: 16px;
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 8px;
}
.wide_graph_box .bar_chart .index {
    font-size: 12px;
}
.wide_graph_box  .bar_chart .data {
    font-family: 'TahomaBold';
    font-size: 14px;
}
.modal_cont_fixed .filter .date {
    margin-bottom:0px !important
}
.modal_cont_fixed .filter .date li{
    border-bottom:2px solid rgba(0,0,0,0);
}
.Mk_local_now{
    display: inline-flex;
    justify-content: center;
    width: 100%;
}
.Mk_local_now .wrapper{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 16px;
    flex-wrap: wrap;
}
.Mk_local_now .wrapper .Mk_local_graph{
    display: inline-flex;
    flex-direction: column;
    width: calc(50% - 4px);
    margin-bottom: 32px;
}
.Mk_local_now .wrapper .Mk_local_graph > *{
    display: inline-flex;
    justify-content: center;
    width: 100%;
}
.Mk_local_now .wrapper .Mk_local_graph .graph{
    flex-direction: column;
    align-items: center;
}
.Mk_local_now .wrapper .Mk_local_graph .btn_box{
    justify-content: space-between !important;
}
.Mk_local_now .wrapper .Mk_local_graph .btn_box a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc((100% - 8px)/2);
    height: 40px;
    background-color: #F4F4F4;
    font-size: 14px;
    border: 1px solid #E2E2E2;
    border-radius: 8px;
}
.circle_graph{
    display: inline-flex;
    width: 70%;
    position: relative;
    max-width: ;
}
.circle_graph{
    overflow: hidden;
    border-radius: 100% 100%;
    margin-top: 8px;
}
.Mk_comn .Mk_local_graph:nth-child(1) .circle_graph{
    background-color: #314391;
}
.Mk_comn .Mk_local_graph:nth-child(2n) .circle_graph{
    background-color: #6587D5;
}
.Mk_comn .Mk_local_graph:nth-child(3n) .circle_graph{
    background-color: #315267;
}
.Mk_comn .Mk_local_graph:nth-child(4n) .circle_graph{
    background-color: #5061AD;
}
.Mk_comn .Mk_local_graph:nth-child(5n) .circle_graph{
    background-color: #314391;
}
.Mk_comn .Mk_local_graph:nth-child(7n) .circle_graph{
    background-color: #6587D5;
}
.circle_graph::after{
    content: "";
    padding-bottom: 100%;    
}
.circle_graph .inner{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100% 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 16px 24px;
}
.circle_graph .inner .item{
    margin-bottom: 8px;
}
.circle_graph .inner * {
    color: #fff;
    font-size: 14px;
}
.circle_graph .inner .item{
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    line-height: 1;
    text-overflow: ellipsis;
    height: 1em; 
}
.circle_graph .inner .item:last-child{
    margin-bottom: 0px;
}
.Mk_local_now .wrapper .Mk_local_graph .graph .per{
    margin:8px 0px;
    font-family: 'TahomaBold';   
}
.Mk_local_now .wrapper .Mk_local_graph .graph .per::after{
    content: "%";
    font-size: 14px;
}
.Mk_comn .Mk_local_now .wrapper .Mk_local_graph .graph .per{
    color: #314391;
}
.Mk_local_now .wrapper .Mk_local_graph:nth-last-child(1),
.Mk_local_now .wrapper .Mk_local_graph:nth-last-child(2){
    margin-bottom: 0px !important;
}
.title_center{
    display: inline-flex;
    width:100%;
    justify-content: center;
}
.pd_tb8{
    padding: 8px 0px;
}
.tb_filter{
    display: inline-flex;
    width: calc(100% + 32px);
    white-space: nowrap;
    position: relative;
    /* left: -16px; */
    /* margin-bottom: 8px; */
    padding: 16px 0px;
    padding-bottom: 8px;
}
.tb_filter .wrapper{
    display: inline-flex;
    white-space: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    padding-right: 40px;
}
.tb_filter .wrapper::-webkit-scrollbar{
    display: none;
}
.tb_filter .item{
    display: inline-flex;
    padding: 12px 12px;
    border-radius: 8px 8px;
    background-color: #E2E2E2;
    margin-right: 8px;
}
.tb_filter .item:first-child{
    margin-left: 16px;
}
.tb_filter .item > *{
    color: #878787;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
}
.Mk_comn .tb_filter .on{
    background-color: #314391 !important;
}
.Ag_comn .tb_filter .on{
    background-color: #00890A !important;
}
.tb_filter .on > *{
    color: #fff !important;
    font-size: 14px;
}
.tb_filter .item > *::after{
    content: "";
    display: inline-block;
    background-image: url(../img/icon/ic_filter_down.svg);
    width: 7px;
    height: 6px;
    margin-left: 4px;
}
.tb_filter .on > *::after{
    content: "";
    display: inline-block;
    background-image: url(../img/icon/ic_filter_up.svg);
    width: 7px;
    height: 6px;
    margin-left: 4px;
}
.basic_tb{
    width: 100%;
}
.modal_cont_fixed .basic_table_top{
    margin-top: 16px;
}
.basic_tb thead tr th{
    padding: 8px;
    font-size: 10px;
    font-family: 'Sans-Bd';
    border-bottom: 2px solid #000;
    position: sticky;
    top: 0;
    background-color: #fff;
}

.filterDate_bd .filter .date li{
    border-bottom: 2px solid #F0F0F0 !important;
}
.filterDate_bd .filter .date .on{
    border-color: #49525E !important;
}
.modal_fixed_tbHd{
    border-bottom: 0px;
}
.modal_fixed_tbHd .basic_tb{
    width: calc(100vw - 32px);
    display: inline-table;
}
.basic_table_top{
    display: inline-block;
    align-items: center;
    text-align: center;
    width: 100%;
}
.modal_cont_wrpper .tb_filter{
    position: sticky;
    top: -16px;
    background-color: #fff;
    /* margin-bottom: -16px; */
}
.basic_table_top .basic_tb thead tr th{
    top: 46px;
    margin-bottom: 0px;
}
.modal_cont_wrpper .basic_table_top{
    width: 100vw;
    position: relative;
    left: -16px;
    top: -16px;
}
.basic_tb thead tr th:first-child{
    text-align: left;
}
.basic_tb tbody tr td{
    font-size: 14px;
    padding: 8px;
    border-bottom:1px solid #e2e2e2;
    font-size: 12px;
    line-height: 130%;
}
.basic_tb tbody tr td:first-child{
    text-align: left;
    
}
.basic_tb tbody tr .name{
    font-size: 12px;
}
.modal_wrapper .basic_table_top .basic_tb{
    padding:0px 16px;
}
.basic_tb tbody tr .price{
    font-family: 'TahomaBold';
    
}

.MktoAg .result_gnb .item:first-child a{
    color: #314391;
}
.MktoLc .result_gnb .item:nth-child(2) a{
    color: #314391;
}
.MktoMk .result_gnb .item:nth-child(3) a{
    color: #314391;
}
.big_Mk > .title {
    margin-bottom: 16px;
}
.wide_Mk_cont > .title .market_name{
    justify-content: flex-start !important;
}
.wide_Mk_cont > .title .market_name .market_icon{
    margin-right: 4px;
}


.Mk_comn .state_box .box:nth-child(1) .bar_chart .item .bar{
    background-color: #314391;
}

.Mk_comn .state_box .box:nth-child(1) .bar_chart .data{
    color: #314391;
}
.Mk_comn .state_box .box:nth-child(2n) .bar_chart .item .bar{
    background-color: #315267;
}

.Mk_comn .state_box .box:nth-child(2n) .bar_chart .data{
    color: #315267;
}

.Mk_comn .state_box .box:nth-child(3n) .bar_chart .item .bar{
    background-color: #1E346E;
}

.Mk_comn .state_box .box:nth-child(3n) .bar_chart .data{
    color: #1E346E;
}
.Mk_comn .state_box .box:nth-child(4n) .bar_chart .item .bar{
    background-color: #314391;
}

.Mk_comn .state_box .box:nth-child(4n) .bar_chart .data{
    color: #314391;
}

.result_cont .cont_title_box .date{
    font-size: 14px;
    color: #878787;
}

.comn_docker .result_cont{
    margin-top: 16px;;
}
.result_wrapper{
    display: inline-block;
    width: 100%;
    padding: 16px;
    background-color: #fff;
}
.mg_top_none{
    margin-top:0px !important;
}
.wide_chart_bar{
    display: inline-flex;
    width: 100%;
    padding: 16px;
    padding-bottom: 0px;
}
.wide_chart_bar li{
    display: inline-flex;
    width: 100%;
    margin-bottom: 16px;
    align-items: center;
}

.Mk_comn .wide_chart_bar li:last-child{
    margin-bottom: 0px;
}
.wide_chart_bar .name{
    display: inline-flex;
    flex-direction: column;
    margin-right: 8px;
}
.wide_chart_bar .name > *{
    font-size: 12px;
}
.wide_chart_bar .name .chunggwa{
    margin-top: 4px;
    font-family: 'Sans-BD';
}
.wide_chart_bar .name .sub_lc{
    margin-top:4px;
    font-family: 'Sans-BD';
}
.Mk_comn .wide_chart_bar{
    display: inline-flex;
    width: 100%;
    flex-direction: column;
}

.Mk_comn .wide_chart_bar .name .chunggwa ,
.Mk_comn .wide_chart_bar .name .sub_lc{
    color: #314391;
}
.Mk_comn .wide_chart_bar .bar{
    display: inline-flex;
    align-items: center;
    background-color: #314391;
    border-radius: 100px 100px;
    padding: 0px 8px;
    height: 20px;
    min-width: 152px;
}
.Mk_comn .wide_chart_bar .bar *{
    color: #fff;
    font-size: 12px;
    margin-right: 4px;
}
.ht_auto{
    height: auto !important;
}
.Mk_comn .wide_chart_bar .bar .weight::after{
    content: "톤";
}
.Mk_comn .wide_chart_bar .bar .price::after{
    content: "원";
}
.Mk_comn .wide_chart_bar .bar .price::before{
    content:"기준가";
    margin-right: 2px;
}
.Mk_comn .wide_chart_bar .bar > *:last-child{
    margin-right: 0px;
}
.Mk_comn .wide_chart_bar .bar .per::after{
    content: "%";
}
.main_Lc_Ag-cont .cont_item{
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom:1px solid #e2e2e2;
}
.main_Lc_Ag-cont .cont_item:last-child{
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}



.Lc_market_now{
    display: inline-flex;
    justify-content: center;
    width: 100%;
}
.Lc_market_now .wrapper{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 16px;
    flex-wrap: wrap;
}
.Lc_market_now .wrapper .Lc_market_graph{
    display: inline-flex;
    flex-direction: column;
    width: calc(50% - 4px);
    margin-bottom: 32px;
}
.Lc_market_now .wrapper .Lc_market_graph > *{
    display: inline-flex;
    justify-content: center;
    width: 100%;
}
.Lc_market_now .wrapper .Lc_market_graph .graph{
    flex-direction: column;
    align-items: center;
}
.Lc_market_now .wrapper .Lc_market_graph .btn_box{
    justify-content: space-between !important;
}
.Lc_market_now .wrapper .Lc_market_graph .btn_box a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc((100% - 8px)/2);
    height: 40px;
    background-color: #F4F4F4;
    font-size: 14px;
    border: 1px solid #E2E2E2;
    border-radius: 8px;
}

.Lc_market_now .wrapper .Lc_market_graph .graph .per{
    margin:8px 0px;
    font-family: 'TahomaBold';   
}
.Lc_market_now .wrapper .Lc_market_graph .graph .per::after{
    content: "%";
    font-size: 14px;
}

.Lc_market_now .wrapper .Lc_market_graph > * {
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

.Lc_market_now .wrapper .Lc_market_graph:nth-last-child(1),
.Lc_market_now.wrapper .Lc_market_graph:nth-last-child(2){
    margin-bottom: 0px !important;
}

.Mk_local_now .wrapper .Lc_market_graph {
    display: inline-flex;
    flex-direction: column;
    width: calc(50% - 4px);
    margin-bottom: 32px;
}
.Lc_comn .Lc_market_graph:nth-child(1) .circle_graph{
    background-color: #319182;
}
.Lc_comn .Lc_market_graph:nth-child(2n) .circle_graph{
    background-color: #598381;
}
.Lc_comn .Lc_market_graph:nth-child(3n) .circle_graph{
    background-color: #0B777B;
}
.Lc_comn .Lc_market_graph:nth-child(4n) .circle_graph{
    background-color: #36626C;
}
.Lc_comn .Lc_market_graph:nth-child(5n) .circle_graph{
    background-color: #319182;
}
.Lc_comn .Lc_market_graph:nth-child(7n) .circle_graph{
    background-color: #598381;
}

.Lc_comn .Lc_market_now .wrapper .Lc_market_graph .graph .per {
    color: #319182;
}
.Lc_market_graph .title .market_name{
    font-size: 14px;
}
.Lc_comn .tb_filter .on {
    background-color: #319182 !important;
}
.modal_cont_wrpper > .cont_box{
    margin-bottom: 16px;
}
.modal_cont_wrpper > .cont_box:last-child{
    margin-bottom: 0px;
}
.modal_cont_wrpper > .cont_box > .market_name{
    background-color: #FAFBFB;
    position: relative;
    width: 100vw;
    left: -16px;
    padding: 8px;
    margin-top:0px  !important;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 16px;
    border-top:1px solid #e2e2e2;
}
.market_name .market_icon{
    margin-right: 4px;
}
.pd_tb_none{
    padding-top:0px !important;
    }
    .LctoAg .result_gnb .item:first-child a{
        color: #319182;
    }
    .LctoMk .result_gnb .item:nth-child(2) a{
        color: #319182;
    }
    .LctoLc .result_gnb .item:nth-child(3) a{
        color: #319182;
    }
    .results_cont > .title > .sub_title{
        font-size: 14px;
        color: #878787;
    }
.state_layer .weather_wrapper {
        width: calc(100% + 32px);
        overflow: hidden;
        white-space: nowrap;
        margin-left: -16px;
        margin-top: 10px;
}
.state_layer .weather_wrapper .state_box {
    overflow-x: auto;
    width: 100%;
    padding: 10px 0px;
    -ms-overflow-style: none;
}
.state_layer .state_box::-webkit-scrollbar{ display:none; }

.state_layer .weather_wrapper .state_box .box:first-child {
    margin-left: 32px;
}
.state_layer .weather_wrapper .state_box .box:last-child {
    margin-right: 32px;
}
.state_layer .weather_wrapper .state_box .box {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    min-width: 112px;
    background-color: #fff;
    /* border: 1px solid #E2E2E2; */
    border-radius: 8px 8px;
    margin-left: 16px;
    padding: 16px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
}
.state_layer .weather_wrapper .state_box .box .title_item {
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
}
.state_layer .weather_wrapper .state_box .box .title_item .title {
    font-family: 'Sans-BD';
    color: #000;
    font-size: 14px;
}
.state_layer .weather_wrapper .state_box .box .title_item .sub_title {
    font-size: 14px;
    margin-top: 4px;
    color: #878787;
}
.weather-top_wrapper{
    display: inline-flex;
    width: 100%;
    padding: 16px;
    align-items: center;
    padding-bottom: 0px;
}
.weather-top_wrapper .left_info{
    display: inline-flex;
    flex-direction: column;
    width: 100px;
    margin-right: 16px;
    align-items: center;
}
.weather-top_wrapper .left_info .wt_summary{
    margin-top: 10px;
    /* font-family: 'Sans-BD'; */
    font-size: 16px;
    display: block;
}

.weather-top_wrapper .left_info .wt_icon{
    width: 100px;
    height: 100px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.weather-top_wrapper .right_info{
    display: inline-flex;
    flex-direction: column;
}
.weather-top_wrapper .right_info > *{
    margin-bottom: px;
}
.weather-top_wrapper .right_info > *:last-child{
    margin-bottom: 0px;
}
.weather-top_wrapper .right_info .temp_repre{
    font-size: 60px;
    font-family: "Sans-BD";
    color: #000;
}
.weather-top_wrapper .right_info .temp_repre::after{
    content: "°";
    position: relative;
    left: -16px;
    top: -20px;
    font-size: 40px;
}
.weather-top_wrapper .right_info .temp_more{
    display: inline-flex;
    align-items: center;
}
.weather-top_wrapper .right_info .temp_more .temp{
    display: inline-flex;
}
.temp_more .temp{
    display: inline-flex;
}
.temp_more .temp .low{
    color: #6BA0F5;
}
.temp_more .temp .high{
    color: #FC4F4F;
}
.temp_more .temp .high::before{
    content: "/";
    color: #878787;
    margin-right: 4px;
    margin-left: 4px;
}
.temp_more .temp .low::after, 
.temp_more .temp .high::after,
.temp_more .sensory_temp::after{
    content: "°";
}
.temp_more .sensory_temp{
    margin-left: 8px;
    display: inline-flex;
}
.temp_more .sensory_temp::before{
    content:"체감온도";
    margin-right: 4px;
}
.weather-top_wrapper .right_info .precipitaion{
    display: inline-flex;
    margin-top: 6px;
}
.weather-top_wrapper .right_info .precipitaion::before{
    content: "강수확률";
    margin-right: 4px;
    color: #828282;
    font-size: 0.95em;
}
.weather-top_wrapper .right_info .precipitaion::after{
    content: "%";
}
.wt_01 .wt_icon{
    background-image: url(../img/icon/ic_wt_01.svg);
}

.wt_01 .wt_summary::after{
    content: "맑음";
}
.wt_02 .wt_icon{
    background-image: url(../img/icon/ic_wt_02.svg);
}
.wt_02 .wt_summary::after{
    content: "구름 많음";
}
.wt_03 .wt_icon{
    background-image: url(../img/icon/ic_wt_03.svg);
}
.wt_03 .wt_summary::after{
    content: "흐림";
}
.wt_04 .wt_icon{
    background-image: url(../img/icon/ic_wt_04.svg);
}
.wt_04 .wt_summary::after{
    content: "비";
}
.wt_05 .wt_icon{
    background-image: url(../img/icon/ic_wt_05.svg);
}
.wt_05 .wt_summary::after{
    content: "천둥";
}
.state_box .box .wt_icon{
    width: 52px;
    height: 50px;
    display: inline-block;
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.Lc_mk_cont{
    border-top:1px solid #e2e2e2;
    padding-top: 16px;
}
.Ag_market_wrap .Ag_market > li{
    margin-bottom: 16px;
    border-top:1px solid #e2e2e2;
    padding-top:16px;
}
.Ag_market_wrap .Ag_market > li:first-child{
    border-top:0px;
    padding-top: 0px;
}
.Ag_market_wrap .Ag_market > li:last-child{
    margin-bottom: 0px;
}
.Ag_index{
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    padding: 16px;
}
.title_index{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.title_index .left_box{
    display: inline-flex;
    align-items: flex-end;
}
.index_point{
    display: inline-flex;
    font-family: "TahomaBold";
    font-size: 28px;
    color: #000;
    align-items: flex-end;
}
.index_point::after{
    display: inline-block;
    position: relative;
    top:6px;
    margin-left: 2px;
    height:100%;
    content: 'P';
    font-family: 'Sans-MD';
    font-size: 14px;
}
.title_index .left_box .wide_Ag_cont{
    display: inline-flex;
    align-items: flex-end;
}
.title_index .left_box .wide_Ag_cont .index_point{
    margin-right: 4px;
}
.title_index .right_box{
    display: inline-flex;
    flex-direction: column;
    width: 40%;
}
.title_index .right_box > *{
    display: inline-flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}
.title_index .right_box > *:last-child{
    margin-bottom: 0px;
}
.title_index .right_box .all_price{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.title_index .right_box .all_volume{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.title_index .right_box .all_price::before{
    display: inline-block;
    content: "대금";
    color: #878787;
    font-size: 14px;
}
.title_index .right_box .all_price .data::after{
    content: "억";
    font-size: 12px;
    margin-left: 2px;
}
.title_index .right_box .all_volume::before{
    display: inline-block;
    content: "거래량";
    color: #878787;
    font-size: 14px;
}
.title_index .right_box .all_volume .data::after{
    content: "톤";
    font-size: 12px;
    margin-left: 2px;
}
.title_index .right_box .all_price .data,
.title_index .right_box .all_volume .data{
    display: inline-flex;
}
.date_tab{
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}
.date_tab .item{
    width: 100%;
}
.date_tab .item a{
    display: inline-flex;
    width: 100%;
    align-items: center;
    height: 38px;
    background-color: #F4F4F4;
    color: #878787;
    justify-content: center;
    font-size: 14px;
}
.date_tab .item.on a{
    background-color: #49525E;
    color: #fff;
}
.date_tab .item:first-child a{
    border-radius: 8px 0px 0px 8px;
}
.date_tab .item:last-child a{
    border-radius: 0px 8px 8px 0px;
}
.graph_index .date_tab{
    margin-top: 16px;
    margin-bottom: 16px;
}
.Mn_main_docker .wide_sub_menu{
    margin-top: 16px;
}
.wide_sub_menu{
    display: inline-flex;
    flex-direction: column;
    width: 100%;
}
.wide_sub_menu > .item{
    display: inline-flex;
    width: 100%;
    align-items: center;
    margin-bottom: 2px;
}
.wide_sub_menu > .item .menu_icon{
    margin-right: 16px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.wide_sub_menu > .item .title{
    display: inline-block;
    width: calc(100% - 62px);
    word-wrap: break-word;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.wide_sub_menu li a{
    display: inline-flex;
    width: 100%;
    height: 60px;
    background-color: #fff;
    align-items: center;
    padding: 16px;
    position: relative;
}

.wide_sub_menu li a::after{
    display: inline-block;
    width: 6px;
    height: 12px;
    background-image: url(../img/icon/ic_right_arrow.svg);
    content: "";
    transform: rotate( 180deg );
    position: absolute;
    right: 16px;
}
.notice_icon{
    width: 23px;
    height: 22px;
    background-image: url(../img/icon/ic_notice.svg);   
}
.cs_icon{
    width: 23px;
    height: 22px;
    background-image: url(../img/icon/ic_cs.svg);   
}
.setting_icon{
    width: 23px;
    height: 22px;
    background-image: url(../img/icon/ic_setting.svg);   
}
.back_hd_docker{
    padding-top: 50px;
}
.bbs_detail{
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    padding: 16px;
}
.bbs_detail .title_box{
    border-bottom: 2px solid #000;
    padding-bottom: 16px;
    line-height: 150%;
}
.bbs_detail .title_box .title{
    line-height: 130%;
    font-family: 'Sans-BD';
    font-size: 20px;
}
.bbs_detail .bbs_cont{
    display: inline-block;
    padding: 16px 0px;
}
.bbs_detail .bbs_cont > *{
    line-height: 160%;
    word-break: break-all;
    letter-spacing: -0.03em;
    font-size: 14px;
}
/*accodian - faq*/
ul.accordion {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: white;
    border-radius: 3px;
    text-align: left;
    width: 100%;
}
ul.accordion .item{
    width: 100%;
}
.accordionTitle {
    padding: 16px;
    position: relative;
    margin: 0;
    /* height: 52px; */
    font-size: 16px;
    font-weight: 500;
    color: #000;
    transition: ease-in-out 0.2s all;
    cursor: pointer;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.accordionTitle .title{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding-right: 10px;
    font-size: 14px;
    line-height: 125%;
}
.accordionTitleActive .title{
      /* font-family: 'Sans-BD'; */
    color: #000;
    font-weight: 900;
}  
.accordionTitle .title .txt{
    display: inline-block;
    width: calc(100% - 82px);
    line-height: 130%;
}
.accordionTitle .right{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}
.accordionTitle .right .date{
    margin-right: 10px;
    font-size: 12px;
    color: #ccc;
}
  /* Accordion Item line */
.accordionTitle:before,
.accordionTitle:after {
    content: "";
    position: absolute;
    height: 1px;
    border-radius: 50px;
    transition: ease-in-out 0.6s all;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accordionTitle:before {
    width: 100%;
    background-color: #e2e2e2;
}

.accordionTitle:after {
    background-image: linear-gradient(-90deg, #4E9935, #f9b43d);
    width: 0%;
}
  /* Accordion Item line - Active */
.accordionTitleActive:after {
    content: "";
    position: absolute;
    height: 2px;
    border-radius: 50px;
    transition: ease-in-out 0.6s all;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.accordionTitleActive:after {
    background-image: linear-gradient(-90deg, #4E9935, #f9b43d);
    width: 100%;
}

  /* Accordion Item Icon  */
.accIcon {
    float: right;
    width: 6px;
    height: 12px;
    display: flex;
    background-image: url(../img/icon/ic_right_arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate( 180deg );
    transition: all 0.6s cubic-bezier(0.42, 0.2, 0.08, 1);
}
.accordionTitleActive .accIcon,
.accordionTitleActive .accIcon {
    transform: rotate( 270deg ) !important;
    transition: all 0.6s cubic-bezier(0.42, 0.2, 0.08, 1);
}

  /* Text Content */
.accordion .item .text {
    opacity: 0;
    height: 0;
    padding: 0px 16px;
    position: relative;
    visibility: hidden;
    overflow: hidden;
    background-color: #f4f4f4;
    letter-spacing: -0.02em;
    word-break: break-all;
    line-height: 160%;
    font-size: 14px;
    color: #000;
    transition: all 0.6s cubic-bezier(0.42, 0.2, 0.08, 1);
}
  /* Text Content - Class for JS to hide and show */
.accordion .item .text.show {
    opacity: 1;
    height: auto;
    padding: 16px;
    position: relative;
    z-index: 0;
    visibility: visible;
}
.faq_wrapper{
    display: inline-flex;
    width: 100%;
}
.quest-txt_icon{
    display: inline-block;
    content: "Q";
}
.quest-txt_icon::after{
    content: "Q.";
    margin-right: 4px;
    font-family: 'NX-Gth-RG';
    FONT-WEIGHT: 900;
    font-size: 14px;
}
.accordionTitleActive .quest-txt_icon::after{
    color: #000;
    font-weight: bold;
}
.disabled_btn{
    background-color: #ccc !important;
    color: rgb(140, 140, 140) !important;
}

.search_error_box{
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    min-height: 24vh;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;
}
.search_error_box .title{
    color: #000;
}
.search_error_box .sub_txt{
    font-size: 14px;
    color: #878787;
    margin-top: 8px;
}

.modal_cont_wrpper > .cont_packing {
    margin-bottom: 32px;
    border-top: 1px solid #e2e2e2;
    padding-top: 16px;
}
.modal_cont_wrpper > .cont_packing:last-child{
    margin-bottom: 0px !important;
}

.modal_cont_wrpper > .cont_packing:nth-child(2){
    border-top:0px;
    padding-top: 0px !important;
}

.modal_cont_wrpper > iframe{
    min-height: 68vh;
}
.wide_Ag_cont .title .Ag_item .ag_thumb .name{
    max-width: none !important;
}
.main_Ag_cont li .title ,
.Ag_market li >  .title ,
.wide_Ag_cont > .title{
    display: inline-flex;
    flex-direction: column;
    /* align-items: flex-start; */
}
.main_Ag_cont .title > .price ,
.Ag_market .title > .price,
.wide_Ag_cont > .title > .price{
    margin-top:8px
}
.wide_Ag_cont{
    margin-bottom:8px;
}

.wide_Lc_title {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-direction: row !important;
}
.wide_Lc_title .location_title{
    color: #878787;
    font-size: 14px;
} 
.date_chart_box{
    margin-bottom: 8px;
}
.chart_img_box{
    margin-top: 16px;

}
.chart_img_box img{
    width: 100%;
}
.btn_3rd_box a{
    width: calc((100% - 24px)/3);
}
.location_logo{
    min-height: 30px;
    align-items: center;
    display: inline-flex;
}
.location_logo .logo{
    height: 100%;
}
.location_logo .logo img{
    height: 100%;
    max-width: 80px;
}
.scroll_docker{
    overflow-x: scroll;
}
.scroll_tb{
    width: auto !important;
    min-width: 100%;
   
}
.scroll_tb tr th
{ 
    white-space: nowrap;
}
.scroll_tb tr td
{ 
    white-space: nowrap;
    width: 100px ;
    padding: 8px 8px !important;
}
.scroll_tb thead tr th{
    position:static !important;
}
.market_name img{
    max-width: 100px;
}
.market_name > *{
    margin-right: 8px;
}
.market_name > *:last-child{
    margin-right: 0px;
}
.wide_Lc_cont .title .Lc_item .Lc_logo{
    margin-bottom:8px
}
.tab_content > * {
    margin-bottom:16px;
}

.main_docker.Ag_comn .bar{
    background-color: #319148;
}
.wide_Mk_cont .title .Mk_item img{
    max-width: 120px;
    max-height: 28px;
    /* margin-left: 4px; */
}
.intro_btn .title .pt_txt{
    font-family: 'NX-Gth-BD';
}
.search_represent .represent .inner .icon{
    width: 60px !important;
    height: 60px !important;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;

}
.strawbr .icon{
    background-image: url(../img/icon/ic_str.png);
    background-size: 80% 80%;
}
.gyul .icon{
    background-image: url(../img/icon/ic_gu.png);
}
.onion .icon{
    background-image: url(../img/icon/ic_onion.png) !important;
}
.apple .icon{
    background-image: url(../img/icon/ic_apple.png) !important;
}
.beachoo .icon{
    background-image: url(../img/icon/ic_beachoo.png) !important;
}
.hoback .icon{
    background-image: url(../img/icon/ic_hoback.png);
}
@media screen and (max-width:320px){
    .my_search_docker.intro_Ag_docker{
        height: calc(100vh - 20px);
    }
    .search_represent .represent .inner .icon{
        width: 40px !important;
        height: 40px !important;
    }
}
.chunggwa_logo{max-width: 120px;}
.Ag_market .Ag_item .chunggwa_logo{
    max-width: 120px;
    margin-bottom: 8px;
}
.flex_colmn{
    flex-direction: column !important;
}
.Lc_comn .bar{
    background-color: #319182;
}
.boxing_packing{
    display: inline-flex;
    width: 100%;
    padding: 0px 16px;
    margin-bottom: 32px;
}
.box_lt{
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box_lt > li:nth-child(1), .box_lt > li:nth-child(2){margin-top: 0px;}
.box_lt > li{
    background-color: #fff;
    display: inline-flex;
    width: calc(50% - 4px);
    padding: 8px;
    border-radius: 8px;
    margin-top: 8px;
}
.box_lt > li .item{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}
.box_lt > li .item .img_bb{
    width: 40px;
    height:100%;
    flex-direction: column;
    overflow:hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.box_lt > li .item .img_bb .name{
    font-size: 8px;
    font-weight: 900;
    
}
.box_lt li .item .img_bb img{
    width: 100%;
}
.box_lt li .item .data_info *{
    font-size: 8px;
}
.box_lt li .item .data_info{
    display: inline-flex;
    width: calc(100% - 40px);
    padding-left: 8px;
    flex-direction: column;
    align-items: space-between;
}
.box_lt li .item .data_info li{
    width: 100%;
    display: inline-flex;
    margin-bottom: 8px;
}
.box_lt li .item .data_info li:last-child{
    margin-bottom: 0px;
}
.box_lt li .item .data_info .info_colmn{
    display: inline-flex;
    justify-content: space-between;
}
.box_lt li .item .data_info .info_colmn > *{
    margin-right: 8px;
    display: inline-flex;
    flex-direction: column;
    width:50%;
}
.box_lt li .item .data_info .info_colmn > *:last-child{
    margin-right: 0px;
}
.box_lt li .item .data_info .title{
    color: #878787;
}
.box_lt li .item .data_info .info_colmn .title{
    margin-bottom: 4px;
}
.box_lt li .item .data_info .per{
    margin-left: 4px;
    font-weight: bold;
   
}
.percent_txt{
    color: #5DBA64 !important;
    font-weight: 900;
}
.search_docker .search_hottest{
    padding: 16px;
}
.hottest_lt{
    margin-top: 16px;
}
.hottest_lt li *{
    font-size: 14px;
}
.hottest_lt li {
    margin-bottom:16px;
}
.hottest_lt li .numb{
    text-decoration: none;
    font-style: normal;
    margin-right:16px;
}
.hottest_lt li  a{
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.rate.up *{
    color: #00890A;
    font-weight: 900;
}
.rate {
    display: inline-flex;
    align-items: center;
    }
.rate.up .rate_icon{
    display: inline-block;
    content: "";
    width: 7px;
    height: 6px;
    margin-right: 4px;
    background-image: url(../img/icon/ic_up.svg);
}

.rate.down *{
    color: #F56B7B;
    font-weight: 900;
}

.rate.down .rate_icon{
    display: inline-block;
    content: "";
    width: 7px;
    height: 6px;
    margin-right: 4px;
    background-image: url(../img/icon/ic_down.svg);
}
.rate.normal .rate_icon{
    background-color: #ddd;
    display: inline-block;
    content: "";
    width: 7px;
    height: 2px;
    
}

.search_docker > .hottest_wrapper{
    margin-top:16px;
}

.spc_btw{
    justify-content: space-between !important;
}
.spc_btw .market_name{
    padding: 0px !important;
    width: auto !important;
}
.top_btn_packing{
    display: inline-flex;
    width:50px;
    height: 50px;
    border-radius: 100% 100%;
    background-color: #fff;
    position: fixed;
    bottom: 86px;
    z-index:9;
    right: 16px;
    justify-content: center;
    align-items: center;
    border: 1px solid #e2e2e2;
}
.top_btn_packing > a{
    display: inline-flex;
    width: 100%;
    height: 100%;
    background-image: url(../img/icon/ic_top.svg);
    background-size: 16px 26px;
    background-repeat: no-repeat;
    background-position: center 2px;
    justify-content: center;
    align-items: center;
}
.top_btn_packing > a > *{
    display: inline-block;
    font-size: 8px;
    position: relative;
    top:8px;
    color: #828282;
}
.modal_cont_wrpper .Ag_lc_chart_wrapper{
    margin-top: 16px;
}
.supply_box .null .title_box{
    padding-top: 16px;
}
.null_text{
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 180px;
    font-size: 14px;
    color: #878787;
    flex-wrap: wrap;
    white-space: normal;
    text-align: center;
    line-height: 130%;
}
.state_wrapper .null_text{
    max-width: 146px;
    
}

.cc_im::after{

}