@charset "utf-8";
/* ---------- 반응형 스타일 ---------- */


/* -------------------- respon max 1200px -------------------- */
@media all and (max-width:1200px)
{   
    .tsearch_wrap{width:100%; margin:0; padding:0}
    .tsearch_lnb, .tsearch_contents, .tsearch_aside{float:none; width:100%}

    .option_controll .option_search{right:0; width:100%; padding:0 10px}
    .option_controll .option_search .option_align{float:left; margin-left:0; padding-top:2px}
    .option_controll .option_search .option_align:first-child .option_type{margin-left:5px !important}
    .option_controll .option_search .option_switch{float:right; margin-left:0}

    .tsearch_lnb .lnb_nav .detail_inner .detail_list ul li a{line-height:165%}

    .tsearch_contents:before{display:none}

    .tsearch_section{padding:0}

    /* tsearch_result */
    .tsearch_result{padding-left:0}
    .tsearch_result .result_ty1 .thumlist .thumlist_box{padding-right:20px}
    .tsearch_result .result_ty1 .tit_area{padding-top:0}
    .tsearch_result .result_ty1 .info_area{position:relative; right:auto; top:auto; margin-top:15px; padding-left:240px}
    .tsearch_result .result_ty1 .info_area li{margin-left:10px}
    .tsearch_result .result_ty1 .info_area li:last-child span{padding-right:0}
    .tsearch_result .result_ty1 .tit_area .tit_badge.card{top:6px}
}


/* -------------------- respon max 1000px -------------------- */
@media all and (max-width:1000px)
{

}


/* -------------------- respon max 800px -------------------- */
@media all and (max-width:800px)
{
    .tsearch_result .result_ty1 .thumlist .thumlist_box{padding-left:0}
    .tsearch_result .result_ty1 .num_area{display:none}
    .tsearch_result .result_ty1 .category_area{display:none}
    .tsearch_result .result_ty1 .thum_group{padding-left:194px}
    .tsearch_result .result_ty1 .thum_area{width:204px;}
    .tsearch_result .result_ty1 .thum_area .thum{width:204px;}
    .tsearch_result .result_ty1 .thum_area .no_cover{width:204px}
    .tsearch_result .result_ty1 .info_area{padding-left:210px}

}


/* -------------------- respon max 640px -------------------- */
@media all and (max-width:640px)
{   
    .tsearch_result .result_ty1 .thumlist > li:hover{border-bottom:1px solid #dadada; box-shadow:none}
    .tsearch_result .result_ty1 .thumlist .thumlist_box{padding-right:0}
    .tsearch_result .result_ty1 .thum_group{padding-left:0}
    .tsearch_result .result_ty1 .thum_area{position:relative; top:auto; left:auto; width:100%; height:250px}
    .tsearch_result .result_ty1 .thum_area .thum{width:100%; object-fit:cover}
    .tsearch_result .result_ty1 .tit_area{position:relative; padding-top:15px; padding-left:0; box-sizing:border-box}

    .tsearch_result .result_ty1 .info_area{padding-left:0; text-align:center}
    .tsearch_result .result_ty1 .info_area li:first-child{margin-left:0}
    .tsearch_result .result_ty1 .tit_area .tit_badge.card{top:21px; left:0}
    .tsearch_result .result_ty1 .detail_set{padding-left:0}
    .tsearch_result .result_ty1 .writer_area{display:block}
    .tsearch_result .result_ty1 .meta_area{margin-top:10px}

    .tsearch_result .result_ty1 .thum_area .no_cover{position:relative; left:auto; top:auto; width:100%; height:250px}
}