#board .box_container{align-items:top;flex-wrap:wrap;gap:50px;display:flex}#board .box{border-radius:6px;width:calc(33.3333% - 33.3333px);position:relative;overflow:hidden}#board .box .photo_wrap .border{opacity:0;border:10px solid red;width:100%;height:100%;position:absolute;top:0;left:0}#board .box{position:relative}#board .box .photo_wrap{background:#fff;width:100%;margin:0 auto;position:relative}#board .box .photo_wrap .photo{background:#000;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}#board .box .photo_wrap .photo>img{width:100%;transition:all .3s ease-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}#board .box .photo_wrap .photo>img.on{opacity:.8;filter:grayscale()}#board .box .txt_wrap{height:90px;padding:0 30px;position:relative}#board .box .txt_wrap:before{content:"";background:#0000001a;width:1px;height:50%;position:absolute;top:25%;left:0}#board .box .txt_wrap:after{content:"";background:#0000001a;width:1px;height:50%;position:absolute;top:25%;right:0}#board .box .txt_wrap .title{text-align:center;font-size:var(--font-size-list-pc);color:var(--color-dark);line-height:1.3;transition:all .3s ease-out;position:relative;top:50%;transform:translateY(-50%)}#board .box_container .box .objborder{border:1px solid var(--color-key);opacity:0;background:0 0;width:100%;height:100%;transition:all .3s ease-out;position:absolute;top:0;left:0}#board .box_container .box.active .txt_wrap .title{color:var(--color-key)}#board .box_container .box.active .objborder{opacity:1}@media only screen and (max-width:1300px){#board .box_container{gap:20px}#board .box{width:calc(33.3333% - 13.3333px)}}@media only screen and (max-width:860px){#board .box{width:calc(50% - 10px)}}@media only screen and (max-width:767px){#board .box_container{gap:10px}#board .box{width:calc(50% - 5px)}#board .box .txt_wrap{height:60px;padding:0 15px}#board .box .txt_wrap .title{font-size:var(--font-size-list-mobile);line-height:1.2}}
.common_board{width:100%;max-width:100%}#board .nav_container .nav{flex-wrap:wrap;justify-content:space-between;gap:17px;margin:80px auto;display:flex}#board .nav_container .nav .btn{width:calc(14.2857% - 19.8333px);height:calc(var(--fs-p1)*3.5);font-size:var(--fs-p1);border:1px solid var(--cr-g03);border-radius:40px;justify-content:center;align-items:center;display:flex}#board .nav_container .nav .btn.active{background-color:var(--cr-h04);border:1px solid var(--cr-h04);font-weight:500}#board .nav_container .nav .btn.on{cursor:default}@media only screen and (max-width:767px){#board .nav_container .nav{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:40px auto;display:flex}#board .nav_container .nav .btn{flex-grow:0;width:calc(33.3333% - 6.66667px);position:relative}#board .nav_container .nav .btn:nth-child(3n-2):before,#board .nav_container .nav .btn:last-child:after{display:none}}