/* TABLET HORIZONTAL*/
@media screen and (min-width: 1024px) and (max-width: 1280px){
    .content-wrap {position: relative; width: 100%;}
    .content {position: relative; width: 100%:}

    #main {position: relative; display: block; width: 100%; height: 700px; background-color: #2f2f2f;}
    .main_inner {display: block; width: 80%; height: 700px; margin: 0 10%;}
    .main_inner h1 {float: right; display: block; margin: 450px 0 0 0; padding: 0 24px; height: 90px; line-height: 85px; text-align: center; font-size: 48px; font-weight: 900; background-color: #fff;}
    .main_inner div { clear: both; display: block; float: right;}
    .main_inner div p { clear:both; float: right; margin: 12px 0 0 0;  padding: 8px 24px; font-size: 20px; font-weight: 600; background-color: #eee; }

    #worklist {position: relative; width: 100%;}
    .worklist_inner {position: relative; width: 100%; background-color: #eee; padding: 60px 0 120px;}
    
    .worklist_sorting {position: relative; width: 80%; height: 50px; margin: 0 auto; background-color: #e2e2e2;}
    .sort_ul {text-align: center;}
    .sort_li {display: inline-block; height: 50px; line-height: 46px; margin-right: 10px; margin-left: 10px;}
    .sort_li a {padding: 10px 20px; font-weight: 500;}
    .sort_li a.sel {border-bottom: 2px solid #000;}    

    .worklist_list {position: relative; width: 80%; margin: 40px 10% 0;}
    .worklist_ul {display: inline-block; width: 100%;}
    .worklist_item {float: left; vertical-align: top; width: 48%; margin: 0 1% 2%; height: 220px; background-color: #000;}
    .item_btn {overflow: hidden; position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% auto; background-position: 50% 50%;}
    .item_btn {transition: all 1600ms ease-out;}
    .item_btn:hover {background-size: 120% auto;}
    .worklist_item:nth-child(1) .item_btn {background-image:url(../../img/work/life_is_a_game.jpg); }
    .worklist_item:nth-child(2) .item_btn {background-image:url(../../img/work/portfolio.jpg); }
    .worklist_item:nth-child(3) .item_btn {background-image:url(../../img/work/boss_loop.jpg); }
    .worklist_item:nth-child(4) .item_btn {background-image:url(../../img/work/theWatch.jpg); }
    .worklist_item:nth-child(5) .item_btn {background-image:url(../../img/work/nikeVRPromotion.jpg); }
    .worklist_item:nth-child(6) .item_btn {background-image:url(../../img/work/publisherW.jpg); }
    .item_desc {position: absolute; bottom: 0; display: block; width: 100%; height: 80px; background-color: #000; color: #fff; margin-bottom: -80px;}
    .item_desc h2 {margin-top: 4px; margin-bottom: 4px; margin-left: 20px; font-size: 24px; font-weight: 5  00;}
    .item_desc .simple_desc {margin-left: 20px; font-size: 14px; letter-spacing: 0.5pt;}
    .item_cate {position: absolute; top: 6px; right: 6px; display: block;}
    .item_cate .category {background-color: #fff; color: #000; padding: 3px 6px; font-size: 12px; border-radius: 14px; margin-left: 3px;}
    .item_cate .w {background-color: #f99;}
    .item_cate .d {background-color: #f9f;}
    .item_cate .v {background-color: #9f9;}
    .item_cate .e {background-color: #99f;}
}