/**************************************************
*   section2 (메뉴소개)
**************************************************/
@media (min-width:0) {
    #section2 .tabbox li{ display:inline-block; margin:10px; font-size:16px; }
    #section2 .tabbox li{ display:inline-block; margin:10px; }
    #section2 .tabbox li:hover{ color:#ea1815; font-weight:bold; }
    #section2 .tabbox li.on { color:#ea1815; }
    #section2 .menu_detail { overflow:hidden; }

    #section2 .tabcontents { overflow:hidden; margin-top:20px; }
    #section2 .tabcontents li { border:1px solid #ccc; box-sizing:border-box; margin-bottom:10px; float:left; width:48.5%; margin-right:3%; }
    #section2 .tabcontents li:nth-child(2n) { margin-right:0; }
    
    #section2 .tabcontents li a { display:block; position:relative; height:calc(100% - 40px); }
    #section2 .tabcontents li a .imgbox { background-size:cover; background-position:center; background-repeat:no-repeat; padding-bottom:60%; }
    #section2 .tabcontents li a .txt1::before{ position:absolute; top:-1px; content:''; display:block; height:2px; width:80px; left:50%; margin-left:-40px; background:red; }
    #section2 .tabcontents li a .txt3::before{ position:absolute; top:-1px; content:''; display:block; height:3px; width:80px; left:50%; margin-left:-40px; background:red; }
    #section2 .tabcontents li a .txt1 { position:relative; width:100%; text-align:center; font-size:14px; font-weight:300; color:#666; border-top:1px solid #eee; }
    #section2 .tabcontents li a .txt1 span{ display:block; height:40px; line-height:40px; padding:0 10px; }
    #section2 .tabcontents li a .txt2 { background:#ea1815; color:#fff; height:40px; line-height:40px; }
	
    #section2 .tabcontents li .effect{ position:absolute; left:0; top:0; width:100%; height:100%; display:table; background:rgba(0,0,0,.5); color:#fff; opacity:0; transition: all 0.3s; }
    #section2 .tabcontents li .effect p{ display:table-cell; vertical-align:middle; }
    #section2 .tabcontents li .effect p a{ display:block; }
    #section2 .tabcontents li .effect p span{ display:inline-block; border-radius:20px; border:2px solid #fff; padding:10px; }
    #section2 .tabcontents li .effect p span img{ width:auto; height:auto; max-height:30px; }
    
}


@media (min-width:992px) {

    
    #section2 .tabbox li { font-size:18px; color:#777; }
    #section2 .tabcontents { margin-top:40px; }
    #section2 .tabcontents li { /* height:260px;  */width:22.75%; margin-right:1.5% !important; }
    #section2 .tabcontents li:nth-child(4n) { margin-right:0 !important; }
	
    #section2 .tabcontents li:hover .effect { opacity:1; }
}