/* BASIC css start */
#contentWrap {padding:0 !important; }
#content { max-width:2720px !important; font-family: 'Noto Serif KR', serif !important; }

.headback { height: 585px; background-color:#ebe279; }
.page-body { max-width:790px !important; margin: -585px auto 0; }

.mroom_imgback { }
.mroom_imgback img {width: 100%; }
.mroom_imgback .mkeepbtn { display: flex; margin: 30px auto; }
.mroom_imgback .mkeepbtn li { width: 30%; margin: 0 3%; }

/* .mroom_tit { padding: 100px 0; width: 25%; margin: 0 5%; }
.mroom_tit h1 { font-size: 3.5em; font-style:italic; letter-spacing: 2px; font-family: 'Noto Serif KR', serif; }
.mroom_tit .leftline { height: 150px; border-left: 1px solid #000; margin: 23px 0 20px 2px; }
.mroom_tit p { font-size: 1.25em; font-family: 'Noto Serif KR', serif; }
.mroom_tit span {float:right; }
*/

.mroom { margin: 0 3%; }
/* .mroom b { } */

.mroom_story { font-size: 1.75em; line-height: 1.5em; margin: 40px auto; }
.mroom_story p { margin: 15px 0; font-family: 'Noto Serif KR', serif; }

.mroom_btn { display: flex; padding: 110px 0 100px 330px; width: 100%; }
.mroom_btn a { font-family: 'Noto Serif KR', serif; color:#fff; width: 250px; height: 250px; text-align:center; font-size: 1.25em; line-height: 250px; background-color:#463f39; margin-right: 20px; }
.mroom_btn a:last-child { margin-right:0; }

/*
.mroom_btn { margin: 20px auto 10px; }
.mroom_btn li { width: 33%; height: 40px; text-align:center; font-size: 1.15em; line-height: 40px; background-color:#463f39; margin-right: 2.5%; }
.mroom_btn li:last-child { margin-right:0; }
.mroom_btn li a { color:#fff; }
*/

.mroom_cards { margin-top: 30px; }
.mroom_cards ul { display: flex; }
.mroom_cards ul li { width: 45%; height: 350px; margin-right:3%; margin-bottom:3%; padding: 3%; border: 2px solid #76726f; background-color:#fff; font-size: 1.5em; line-height: 1.5em; }
.mroom_cards ul li:last-child { margin-right:0; }
.mroom_cards ul li a { font-family: 'Noto Serif KR', serif; font-size: 1.5em; line-height: 1.5em; }
.mroom_cards ul li span { font-size: 0.75em; line-height: 1.5em;  }

.mroom_cards .monthlygreeting { position: relative; font-size: 1.5em; line-height: 1.5em; height: 470px; }
.mroom_cards .monthlygreeting p { font-family: 'Noto Serif KR', serif; margin: 10px 10px; }
.mroom_cards .monthlygreeting p:last-child { text-align:right; }
.mroom_cards .monthlygreeting .keepingdate { position:absolute; bottom: 15px; right: 15px; }
.mroom_cards .noticecard { background-color:#eeeeee; height: 470px; }
.mroom_cards .noticecard p { font-size: 0.9em; }
/* BASIC css end */