#articleInfo20 .roomFacBox .titleBox { width: 95px; }
#articleInfo20 .roomFacBox .titleBox h2{font-size: 25px;letter-spacing: 13.5px;font-weight: 400;line-height: 100%;margin-top: 20px;position: relative;}
#articleInfo20 .roomFacBox .facListBox .facClassList {display: grid;grid-template-columns: repeat(3, 1fr);gap: 50px 40px;margin: 50px;}
#articleInfo20 .roomFacBox .facListBox .facClassList .mLi {padding: 0px 0px 30px 0px;position: relative;border-bottom: 1px solid rgb(109 107 105 / 18%);width: 100%;list-style: none;margin: 0;}
#articleInfo20 .roomFacBox .facListBox .facClassList .mLi:before {content: "";position: absolute;width: 1px;height: 17px;background: rgb(109 107 105 / 18%);left: 50%;bottom: -6px;}
#articleInfo20 .roomFacBox .top{position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);}
#articleInfo20 .roomFacBox .top .classtitle{color: var(--primary);font-family: 'Marcellus', serif;font-size: 20px;line-height: 90%;}
#articleInfo20 .roomFacBox .facListBox .facClassList .mLi .classBox {display: flex;position: relative;justify-content: flex-end;align-items: center;flex-direction: column;}
#articleInfo20 .roomFacBox .facListBox .facClassList .mLi .mtitle {letter-spacing: 2px;font-weight: 400;padding: 0;}
#articleInfo20 .roomFacBox .facListBox .facClassList .mLi .enmtitle {display: inline-block;font-size: 13px;letter-spacing: 3.2px;font-weight: 400;line-height: 200%;text-transform: uppercase;color: #f1677f;font-family: 'Marcellus', serif;padding-bottom: 0;padding-top: 0;}
#articleInfo20 .roomFacBox .facListBox .facClassList .mLi .facList {position: relative;display: flex;justify-content: flex-start;align-items: center;gap: 40px 20px;flex-direction: column;}
#articleInfo20 .roomFacBox .facListBox .facClassList .mLi:hover .facList .Img{transform: rotateY(360deg) translateY(-10px);background-color: var(--primary);}
#articleInfo20 .roomFacBox .facListBox .facClassList .mLi:hover .facList .Img img{-webkit-filter: contrast(0) brightness(200%);filter: contrast(0) brightness(200%);}
#articleInfo20 .roomFacBox .facListBox .facClassList .mLi .facList .Img {transition: transform 0.6s ease;}
#articleInfo20 .roomFacBox .facListBox .facClassList .mLi .facList .Img{width: 50px;margin: 0;aspect-ratio: 1 / 1;padding: 22px;border: #fac4ce82 1px solid;border-radius: 500px;}
#articleInfo20 .roomFacBox .facListBox .facClassList .mLi .facList .facLi{ width: calc(100% - 200px); }
#articleInfo20 .roomFacBox .facListBox .roomList{display:grid;grid-template-columns:repeat(4,1fr)}
#articleInfo20 .roomFacBox .facListBox .roomList li{width:auto;list-style:none}
#articleInfo20 .roomFacBox .facListBox .roomList li .Img{margin-bottom:10px}
#articleInfo20 .roomFacBox .facListBox .roomList li p{text-align:center}

@media (max-width: 1180px) { 
	#articleInfo20 .roomFacBox .facListBox .facClassList{grid-template-columns: repeat(2, 1fr);gap: 50px 10px;}
    #articleInfo20 .roomFacBox .facListBox .roomList {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 768px) { 
    #articleInfo20 .roomFacBox .facListBox .facClassList{grid-template-columns: 1fr;gap: 30px 10px;}
    #articleInfo20 .roomFacBox .facListBox .facClassList{    margin: 10px;}
    #articleInfo20 .roomFacBox .facListBox .roomList {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 450px) {
    #articleInfo20 .roomFacBox .facListBox .roomList {grid-template-columns: repeat(1, 1fr);}
}