.

public/css/auth/login.css

@@ -1,62 +1,4 @@
-#loginForm {
-  background: #0f0f0f;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  height: 100vh;
-}
-#loginForm a {
-  text-decoration: none;
-}
-#loginForm header {
-  font-family: "Open-Sans-Extrabold";
-  font-size: 37px;
-  font-weight: bolder;
-  margin: 1.6rem 0;
-}
-#loginForm header a {
-  color: #d3d629;
-}
-#loginForm header a:hover, #loginForm header a:focus {
-  color: #a8aa2f;
-}
-#loginForm main {
-  max-width: 800px;
-  padding: 10px;
-}
-#loginForm main h5 {
-  font-weight: bold;
-  margin-bottom: 0.9rem;
-}
-#loginForm main form div:last-child ul {
-  margin-bottom: 0;
-}
-#loginForm main form div:last-child ul li {
-  margin-right: 0;
-}
-#loginForm main form div:last-child ul li span {
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  width: 1px;
-  height: 11px;
-  background: #ced4da;
-  vertical-align: middle;
-}
-#loginForm main form div:last-child ul li a {
-  color: #aaa;
-}
-#loginForm main form div:last-child ul li a:hover, #loginForm main form div:last-child ul li a:focus {
+#loginForm{background:#0f0f0f;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh}#loginForm a{text-decoration:none}#loginForm header{font-family:"Open-Sans-Extrabold";font-size:37px;font-weight:bolder;margin:1.6rem 0}#loginForm header a{color:#d3d629}#loginForm header a:hover,#loginForm header a:focus{color:#a8aa2f}#loginForm main{max-width:800px;padding:10px}#loginForm main h5{font-weight:bold;margin-bottom:.9rem}#loginForm main form div:last-child ul{margin-bottom:0}#loginForm main form div:last-child ul li{margin-right:0}#loginForm main form div:last-child ul li span{display:inline-block;margin:0;padding:0;width:1px;height:11px;background:#ced4da;vertical-align:middle}#loginForm main form div:last-child ul li a{color:#aaa}#loginForm main form div:last-child ul li a:hover,#loginForm main form div:last-child ul li a:focus{color:#cbd5e0;text-decoration:underline}#loginForm main hr{margin:.5rem 0 .9rem 0;border-color:#888}#loginForm main footer{text-align:center;font-size:11px;color:#6c6c6c;background:rgba(0,0,0,0);border:0;padding:0}l li a:focus {
   color: #cbd5e0;
   text-decoration: underline;
 }

public/css/auth/verify.css

@@ -1,51 +1,4 @@
-#verifyForm {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  height: 100vh;
-  background: #f1f1f1;
-}
-#verifyForm a {
-  text-decoration: none;
-}
-#verifyForm header {
-  font-family: "Open-Sans-Extrabold";
-  font-size: 37px;
-  font-weight: bolder;
-  margin: 1.6rem 0;
-}
-#verifyForm header a {
-  color: #d3d629;
-}
-#verifyForm header a:hover, #verifyForm header a:focus {
-  color: #a8aa2f;
-}
-#verifyForm main {
-  max-width: 800px;
-  padding: 10px;
-}
-#verifyForm main h5 {
-  font-weight: bold;
-  margin-bottom: 0.8rem;
-}
-#verifyForm main hr {
-  margin: 0.9rem 0;
-  border-color: #888;
-}
-#verifyForm main form div:last-child a {
-  color: #0066c0;
-}
-#verifyForm main form div:last-child a:hover, #verifyForm main form div:last-child a:focus {
+#verifyForm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh;background:#f1f1f1}#verifyForm a{text-decoration:none}#verifyForm header{font-family:"Open-Sans-Extrabold";font-size:37px;font-weight:bolder;margin:1.6rem 0}#verifyForm header a{color:#d3d629}#verifyForm header a:hover,#verifyForm header a:focus{color:#a8aa2f}#verifyForm main{max-width:800px;padding:10px}#verifyForm main h5{font-weight:bold;margin-bottom:.8rem}#verifyForm main hr{margin:.9rem 0;border-color:#888}#verifyForm main form div:last-child a{color:#0066c0}#verifyForm main form div:last-child a:hover,#verifyForm main form div:last-child a:focus{color:#00558c;text-decoration:underline}#verifyForm main footer{text-align:center;font-size:11px;color:#6c6c6c;background:rgba(0,0,0,0);border:0;padding:0}orm main form div:last-child a:focus {
   color: #00558c;
   text-decoration: underline;
 }

public/css/desktop/account/certify.css

@@ -1,20 +1,4 @@
-#accountCertify {
-  position: relative;
-}
-#accountCertify > dl {
-  margin-bottom: 1.5rem;
-}
-#accountCertify > dl dt {
-  font-size: 17px;
-  margin-bottom: 10px;
-}
-#accountCertify > dl dd {
-  font-size: 13px;
-}
-#accountCertify form {
-  min-width: 250px;
-  max-width: 420px;
-  margin: 0 auto;
+#accountCertify{position:relative}#accountCertify>dl{margin-bottom:1.5rem}#accountCertify>dl dt{font-size:17px;margin-bottom:10px}#accountCertify>dl dd{font-size:13px}#accountCertify form{min-width:250px;max-width:420px;margin:0 auto}#accountCertify form table{border:none} margin: 0 auto;
 }
 #accountCertify form table {
   border: none;

public/css/desktop/account/comment.css

@@ -1,4 +1,38 @@
-#accountComment{-webkit-box-sizing:border-box;box-sizing:border-box}#accountComment table caption{caption-side:top;color:#bbb}#accountComment table tr th,#accountComment table tr td{text-align:center}#accountComment table thead tr th{background:#133a46}#accountComment table tbody tr:hover,#accountComment table tbody tr:focus{background-color:#1a1e21}#accountComment table tbody tr th,#accountComment table tbody tr td{text-align:center;vertical-align:middle}#accountComment table tbody tr td p{font-size:13px}#accountComment table tbody tr td p a{color:#b3b3b3}#accountComment table tbody tr td p var{color:#a00;font-style:normal;margin-left:3px;letter-spacing:-1px;vertical-align:middle}#accountComment table tbody tr td p i{color:#cbd5e0;margin-left:3px;vertical-align:-1px}#accountComment table tbody tr td p:last-child{margin-bottom:0};
+@charset "UTF-8";
+/* 작성 댓글 */
+#accountComment {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+#accountComment table caption {
+  caption-side: top;
+  color: #bbbbbb;
+}
+#accountComment table tr th, #accountComment table tr td {
+  text-align: center;
+}
+#accountComment table thead tr th {
+  background: #133a46;
+}
+#accountComment table tbody tr:hover, #accountComment table tbody tr:focus {
+  background-color: #1a1e21;
+}
+#accountComment table tbody tr th, #accountComment table tbody tr td {
+  text-align: center;
+  vertical-align: middle;
+}
+#accountComment table tbody tr td p {
+  font-size: 13px;
+}
+#accountComment table tbody tr td p a {
+  color: #b3b3b3;
+}
+#accountComment table tbody tr td p var {
+  color: #aa0000;
+  font-style: normal;
+  margin-left: 3px;
+  letter-spacing: -1px;
+  vertical-align: middle;
 }
 #accountComment table tbody tr td p i {
   color: #cbd5e0;

public/css/desktop/account/passwords.css

@@ -1,39 +1,4 @@
-#accountPassword,
-#accountPasswordCampaign {
-  position: relative;
-}
-#accountPassword > dl,
-#accountPasswordCampaign > dl {
-  margin-bottom: 1.5rem;
-}
-#accountPassword > dl dt,
-#accountPasswordCampaign > dl dt {
-  font-size: 15px;
-  margin-bottom: 10px;
-}
-#accountPassword > dl dd,
-#accountPasswordCampaign > dl dd {
-  font-size: 13px;
-}
-#accountPassword form,
-#accountPasswordCampaign form {
-  min-width: 350px;
-  max-width: 450px;
-  margin: 0 auto;
-}
-#accountPassword form table,
-#accountPasswordCampaign form table {
-  border: none;
-}
-#accountPassword form table tbody tr th hr,
-#accountPasswordCampaign form table tbody tr th hr {
-  margin: 0.6rem 0;
-}
-#accountPassword form table tbody tr td,
-#accountPasswordCampaign form table tbody tr td {
-  text-align: left;
-}
-#accountPassword form table tbody tr td hr,
+#accountPassword,#accountPasswordCampaign{position:relative}#accountPassword>dl,#accountPasswordCampaign>dl{margin-bottom:1.5rem}#accountPassword>dl dt,#accountPasswordCampaign>dl dt{font-size:15px;margin-bottom:10px}#accountPassword>dl dd,#accountPasswordCampaign>dl dd{font-size:13px}#accountPassword form,#accountPasswordCampaign form{min-width:350px;max-width:450px;margin:0 auto}#accountPassword form table,#accountPasswordCampaign form table{border:none}#accountPassword form table tbody tr th hr,#accountPasswordCampaign form table tbody tr th hr{margin:.6rem 0}#accountPassword form table tbody tr td,#accountPasswordCampaign form table tbody tr td{text-align:left}#accountPassword form table tbody tr td hr,#accountPasswordCampaign form table tbody tr td hr{margin:.3rem 0}word form table tbody tr td hr,
 #accountPasswordCampaign form table tbody tr td hr {
   margin: 0.3rem 0;
 }

public/css/desktop/account/post.css

@@ -1,4 +1,46 @@
-#accountPost{-webkit-box-sizing:border-box;box-sizing:border-box}#accountPost table caption{caption-side:top;color:#bbb}#accountPost table tr th,#accountPost table tr td{text-align:center}#accountPost table thead tr th{background:#133a46}#accountPost table tbody tr:hover,#accountPost table tbody tr:focus{background-color:#1a1e21}#accountPost table tbody tr th,#accountPost table tbody tr td{text-align:center;vertical-align:middle}#accountPost table tbody tr td{font-size:13px}#accountPost table tbody tr td label{margin-right:5px}#accountPost table tbody tr td label a{color:#cbd5e0}#accountPost table tbody tr td del,#accountPost table tbody tr td a{font-size:14px;font-weight:normal;color:#b3b3b3}#accountPost table tbody tr td var{color:#a00;font-style:normal;margin-left:3px;letter-spacing:-1px;vertical-align:middle}#accountPost table tbody tr td i{color:#cbd5e0;margin-left:3px;vertical-align:-1px}#accountPost table tbody tr td span{font-size:10px;margin-left:3px;vertical-align:middle} middle;
+@charset "UTF-8";
+/* 작성 게시글 */
+#accountPost {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+#accountPost table caption {
+  caption-side: top;
+  color: #bbbbbb;
+}
+#accountPost table tr th, #accountPost table tr td {
+  text-align: center;
+}
+#accountPost table thead tr th {
+  background: #133a46;
+}
+#accountPost table tbody tr:hover, #accountPost table tbody tr:focus {
+  background-color: #1a1e21;
+}
+#accountPost table tbody tr th, #accountPost table tbody tr td {
+  text-align: center;
+  vertical-align: middle;
+}
+#accountPost table tbody tr td {
+  font-size: 13px;
+}
+#accountPost table tbody tr td label {
+  margin-right: 5px;
+}
+#accountPost table tbody tr td label a {
+  color: #cbd5e0;
+}
+#accountPost table tbody tr td del, #accountPost table tbody tr td a {
+  font-size: 14px;
+  font-weight: normal;
+  color: #b3b3b3;
+}
+#accountPost table tbody tr td var {
+  color: #aa0000;
+  font-style: normal;
+  margin-left: 3px;
+  letter-spacing: -1px;
+  vertical-align: middle;
 }
 #accountPost table tbody tr td i {
   color: #cbd5e0;

public/css/desktop/board/write.css

@@ -1,4 +1,47 @@
-#boardWrite,#boardEdit{-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--bs-gutter-x)*.5)}#boardWrite>h5,#boardEdit>h5{font-weight:bold;margin-bottom:0}#boardWrite .head,#boardEdit .head{margin-bottom:10px}#boardWrite .body,#boardEdit .body{margin:0 -10px}>#boardWrite .body form table:not(:first-child),>#boardEdit .body form table:not(:first-child){border:none}#boardWrite .body form table tr,#boardEdit .body form table tr{overflow:hidden}#boardWrite .body form table tr th,#boardWrite .body form table tr td,#boardEdit .body form table tr th,#boardEdit .body form table tr td{text-align:initial;vertical-align:middle}#boardWrite .body form table tr th,#boardEdit .body form table tr th{font-weight:normal}#boardWrite .body form table tr th label,#boardEdit .body form table tr th label{margin-bottom:0}#boardWrite .body form table tr td,#boardEdit .body form table tr td{padding:7px}#boardWrite .foot,#boardEdit .foot{margin-top:10px}#boardWrite .captcha,#boardEdit .captcha{max-width:280px}body form table tr td,
+@charset "UTF-8";
+/* 게시판 작성 / 게시판 수정 */
+#boardWrite,
+#boardEdit {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: calc(var(--bs-gutter-x) * 0.5);
+}
+#boardWrite > h5,
+#boardEdit > h5 {
+  font-weight: bold;
+  margin-bottom: 0;
+}
+#boardWrite .head,
+#boardEdit .head {
+  margin-bottom: 10px;
+}
+#boardWrite .body,
+#boardEdit .body {
+  margin: 0 -10px;
+}
+> #boardWrite .body form table:not(:first-child),
+> #boardEdit .body form table:not(:first-child) {
+  border: none;
+}
+#boardWrite .body form table tr,
+#boardEdit .body form table tr {
+  overflow: hidden;
+}
+#boardWrite .body form table tr th, #boardWrite .body form table tr td,
+#boardEdit .body form table tr th,
+#boardEdit .body form table tr td {
+  text-align: initial;
+  vertical-align: middle;
+}
+#boardWrite .body form table tr th,
+#boardEdit .body form table tr th {
+  font-weight: normal;
+}
+#boardWrite .body form table tr th label,
+#boardEdit .body form table tr th label {
+  margin-bottom: 0;
+}
+#boardWrite .body form table tr td,
 #boardEdit .body form table tr td {
   padding: 7px;
 }

public/css/desktop/movie/search.css

@@ -1,4 +1,38 @@
-table,.table{--bs-table-bg: none}table tr th,.table tr th{color:#b3b3b3}#movieSearch>h5{font-weight:bold}#movieSearch .search-list a.poster-img .ratio-2x3{--bs-aspect-ratio: 150%}#movieSearch .search-list a.poster-img img{-o-object-fit:cover;object-fit:cover}#movieSearch .search-list a.poster-img img:hover,#movieSearch .search-list a.poster-img img:focus{outline:1px solid #0a7bb9}#movieSearch .search-list dl{margin-top:10px}#movieSearch .search-list dl dt a{font-size:15px;text-decoration:none}#movieSearch .search-list dl dt a:hover,#movieSearch .search-list dl dt a:focus{text-decoration:underline}#movieSearch .search-list dl dd{margin-top:5px}#movieSearch .search-list dl dd var{display:inline-block;padding-left:0}#movieSearch .search-list dl dd sub{font-size:15px;font-weight:500;margin-right:5px}k;
+table, .table {
+  --bs-table-bg: none;
+}
+table tr th, .table tr th {
+  color: #b3b3b3;
+}
+
+#movieSearch > h5 {
+  font-weight: bold;
+}
+#movieSearch .search-list a.poster-img .ratio-2x3 {
+  --bs-aspect-ratio: 150%;
+}
+#movieSearch .search-list a.poster-img img {
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+#movieSearch .search-list a.poster-img img:hover, #movieSearch .search-list a.poster-img img:focus {
+  outline: 1px solid #0a7bb9;
+}
+#movieSearch .search-list dl {
+  margin-top: 10px;
+}
+#movieSearch .search-list dl dt a {
+  font-size: 15px;
+  text-decoration: none;
+}
+#movieSearch .search-list dl dt a:hover, #movieSearch .search-list dl dt a:focus {
+  text-decoration: underline;
+}
+#movieSearch .search-list dl dd {
+  margin-top: 5px;
+}
+#movieSearch .search-list dl dd var {
+  display: inline-block;
   padding-left: 0;
 }
 #movieSearch .search-list dl dd sub {

public/css/desktop/movie/trailer.css

@@ -1,37 +1,4 @@
-#movieTrailer > h5 {
-  font-weight: bold;
-}
-#movieTrailer .trailer-list > div > img {
-  width: 100%;
-  cursor: pointer;
-}
-#movieTrailer .trailer-list > div > img:hover, #movieTrailer .trailer-list > div > img:focus {
-  outline: 1px solid #0a7bb9;
-}
-#movieTrailer .trailer-list dl {
-  margin-top: 10px;
-}
-#movieTrailer .trailer-list dl dt a {
-  font-size: 15px;
-  text-decoration: none;
-}
-#movieTrailer .trailer-list dl dt a:hover, #movieTrailer .trailer-list dl dt a:focus {
-  text-decoration: underline;
-}
-#movieTrailer .trailer-list dl dd {
-  margin-top: 8px;
-}
-#movieTrailer .trailer-list dl dd var {
-  display: inline-block;
-  padding-left: 0;
-}
-#movieTrailer .trailer-list dl dd sub {
-  font-size: 15px;
-  font-weight: 500;
-  margin-right: 5px;
-}
-#movieTrailer #trailerModal .modal-content .modal-header,
-#movieTrailer #trailerModal .modal-content .modal-body {
+#movieTrailer>h5{font-weight:bold}#movieTrailer .trailer-list>div>img{width:100%;cursor:pointer}#movieTrailer .trailer-list>div>img:hover,#movieTrailer .trailer-list>div>img:focus{outline:1px solid #0a7bb9}#movieTrailer .trailer-list dl{margin-top:10px}#movieTrailer .trailer-list dl dt a{font-size:15px;text-decoration:none}#movieTrailer .trailer-list dl dt a:hover,#movieTrailer .trailer-list dl dt a:focus{text-decoration:underline}#movieTrailer .trailer-list dl dd{margin-top:8px}#movieTrailer .trailer-list dl dd var{display:inline-block;padding-left:0}#movieTrailer .trailer-list dl dd sub{font-size:15px;font-weight:500;margin-right:5px}#movieTrailer #trailerModal .modal-content .modal-header,#movieTrailer #trailerModal .modal-content .modal-body{background:#000;border:0}#movieTrailer #trailerModal .modal-content .modal-body{padding:0}ontent .modal-body {
   background: #000;
   border: 0;
 }

public/css/mobile/account/certify.css

@@ -1,19 +1,4 @@
-#accountCertify {
-  position: relative;
-}
-#accountCertify > dl {
-  margin-bottom: 1.5rem;
-}
-#accountCertify > dl dt {
-  font-size: 17px;
-  margin-bottom: 10px;
-}
-#accountCertify > dl dd {
-  font-size: 13px;
-}
-#accountCertify form {
-  max-width: 420px;
-  margin: 0 auto;
+#accountCertify{position:relative}#accountCertify>dl{margin-bottom:1.5rem}#accountCertify>dl dt{font-size:17px;margin-bottom:10px}#accountCertify>dl dd{font-size:13px}#accountCertify form{max-width:420px;margin:0 auto}#accountCertify form table{border:none}gin: 0 auto;
 }
 #accountCertify form table {
   border: none;

public/css/mobile/account/leave.css

@@ -1,22 +1,4 @@
-#accountLeave {
-  position: relative;
-}
-#accountLeave > dl {
-  margin-bottom: 1.5rem;
-}
-#accountLeave > dl dt {
-  font-size: 17px;
-  margin-bottom: 10px;
-}
-#accountLeave > dl dd {
-  font-size: 13px;
-}
-#accountLeave form {
-  max-width: 550px;
-  margin: 0 auto;
-}
-#accountLeave form table {
-  border: none;
+#accountLeave{position:relative}#accountLeave>dl{margin-bottom:1.5rem}#accountLeave>dl dt{font-size:17px;margin-bottom:10px}#accountLeave>dl dd{font-size:13px}#accountLeave form{max-width:550px;margin:0 auto}#accountLeave form table{border:none}#accountLeave form table tbody tr td{text-align:left} none;
 }
 #accountLeave form table tbody tr td {
   text-align: left;

public/css/mobile/account/loginLog.css

@@ -1,4 +1,23 @@
-#accountLoginLog{-webkit-box-sizing:border-box;box-sizing:border-box}#accountLoginLog table{margin-bottom:0;min-width:580px}#accountLoginLog table caption{caption-side:top;color:#bbb}#accountLoginLog table tr th,#accountLoginLog table tr td{text-align:center}#accountLoginLog table thead tr th{background:#133a46}#accountLoginLog table tbody tr td{text-align:center;vertical-align:middle;border:none;font-size:13px} text-align: center;
+#accountLoginLog {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+#accountLoginLog table {
+  margin-bottom: 0;
+  min-width: 580px;
+}
+#accountLoginLog table caption {
+  caption-side: top;
+  color: #bbbbbb;
+}
+#accountLoginLog table tr th, #accountLoginLog table tr td {
+  text-align: center;
+}
+#accountLoginLog table thead tr th {
+  background: #133a46;
+}
+#accountLoginLog table tbody tr td {
+  text-align: center;
   vertical-align: middle;
   border: none;
   font-size: 13px;

public/css/mobile/account/modify.css

@@ -1,4 +1,39 @@
-#accountModify{position:relative}#accountModify>dl{margin-bottom:1.5rem}#accountModify>dl dt{font-size:17px;margin-bottom:10px}#accountModify>dl dd{font-size:13px}#accountModify form{margin-bottom:0}#accountModify form table{border:none}#accountModify form table tbody tr th{color:#b3b3b3}#accountModify form table tbody tr th hr{color:#ccc;margin:.6rem 0}#accountModify form table tbody tr td{text-align:left}@media(max-width: 576px){#accountModify form table tbody tr td #btnConfirmEmail,#accountModify form table tbody tr td #btnCancelEmail{margin-bottom:5px}}#accountModify form table tbody tr td input[type=file]{width:inherit}#accountModify form table tbody tr td hr{margin:.3rem 0}rm table tbody tr td input[type=file] {
+#accountModify {
+  position: relative;
+}
+#accountModify > dl {
+  margin-bottom: 1.5rem;
+}
+#accountModify > dl dt {
+  font-size: 17px;
+  margin-bottom: 10px;
+}
+#accountModify > dl dd {
+  font-size: 13px;
+}
+#accountModify form {
+  margin-bottom: 0;
+}
+#accountModify form table {
+  border: none;
+}
+#accountModify form table tbody tr th {
+  color: #b3b3b3;
+}
+#accountModify form table tbody tr th hr {
+  color: #ccc;
+  margin: 0.6rem 0;
+}
+#accountModify form table tbody tr td {
+  text-align: left;
+}
+@media (max-width: 576px) {
+  #accountModify form table tbody tr td #btnConfirmEmail,
+  #accountModify form table tbody tr td #btnCancelEmail {
+    margin-bottom: 5px;
+  }
+}
+#accountModify form table tbody tr td input[type=file] {
   width: inherit;
 }
 #accountModify form table tbody tr td hr {

public/css/mobile/account/passwords.css

@@ -1,34 +1,4 @@
-#accountPassword,
-#accountPasswordCampaign {
-  position: relative;
-}
-#accountPassword > dl,
-#accountPasswordCampaign > dl {
-  margin-bottom: 1.5rem;
-}
-#accountPassword > dl dt,
-#accountPasswordCampaign > dl dt {
-  font-size: 15px;
-  margin-bottom: 10px;
-}
-#accountPassword > dl dd,
-#accountPasswordCampaign > dl dd {
-  font-size: 13px;
-}
-#accountPassword form,
-#accountPasswordCampaign form {
-  max-width: 450px;
-  margin: 0 auto;
-}
-#accountPassword form table,
-#accountPasswordCampaign form table {
-  border: none;
-}
-#accountPassword form table tbody tr td,
-#accountPasswordCampaign form table tbody tr td {
-  text-align: left;
-}
-#accountPassword form table tbody tr td hr,
+#accountPassword,#accountPasswordCampaign{position:relative}#accountPassword>dl,#accountPasswordCampaign>dl{margin-bottom:1.5rem}#accountPassword>dl dt,#accountPasswordCampaign>dl dt{font-size:15px;margin-bottom:10px}#accountPassword>dl dd,#accountPasswordCampaign>dl dd{font-size:13px}#accountPassword form,#accountPasswordCampaign form{max-width:450px;margin:0 auto}#accountPassword form table,#accountPasswordCampaign form table{border:none}#accountPassword form table tbody tr td,#accountPasswordCampaign form table tbody tr td{text-align:left}#accountPassword form table tbody tr td hr,#accountPasswordCampaign form table tbody tr td hr{margin:.3rem 0}e tbody tr td hr,
 #accountPasswordCampaign form table tbody tr td hr {
   margin: 0.3rem 0;
 }

public/css/mobile/board/write.css

@@ -1,4 +1,33 @@
-#boardWrite,#boardEdit{-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--bs-gutter-x)*.5)}#boardWrite>h5,#boardEdit>h5{font-weight:bold;margin-bottom:0}#boardWrite .head,#boardEdit .head{margin-bottom:10px}#boardWrite .body,#boardEdit .body{margin:0 -10px}>#boardWrite .body form table:not(:first-child),>#boardEdit .body form table:not(:first-child){border:none}#boardWrite .body form table tr,#boardEdit .body form table tr{overflow:hidden}#boardWrite .body form table tr td,#boardEdit .body form table tr td{padding:7px;text-align:initial;vertical-align:middle}#boardWrite .foot,#boardEdit .foot{margin-top:10px}r td,
+@charset "UTF-8";
+/* 게시판 작성 / 게시판 수정 */
+#boardWrite,
+#boardEdit {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: calc(var(--bs-gutter-x) * 0.5);
+}
+#boardWrite > h5,
+#boardEdit > h5 {
+  font-weight: bold;
+  margin-bottom: 0;
+}
+#boardWrite .head,
+#boardEdit .head {
+  margin-bottom: 10px;
+}
+#boardWrite .body,
+#boardEdit .body {
+  margin: 0 -10px;
+}
+> #boardWrite .body form table:not(:first-child),
+> #boardEdit .body form table:not(:first-child) {
+  border: none;
+}
+#boardWrite .body form table tr,
+#boardEdit .body form table tr {
+  overflow: hidden;
+}
+#boardWrite .body form table tr td,
 #boardEdit .body form table tr td {
   padding: 7px;
   text-align: initial;

public/css/mobile/main.css

@@ -1,4 +1,95 @@
-#main{padding:0}#banners{position:relative;min-height:420px;max-height:300px;--swiper-navigation-color: #fff;--swiper-pagination-color: #fff}#banners .swiper-wrapper{min-height:inherit;max-height:inherit}#banners .swiper-wrapper .swiper-slide{min-height:inherit;max-height:inherit;border-bottom:1px solid #333;background-size:cover;background-repeat:no-repeat}#banners .swiper-wrapper .swiper-slide .swiper-cover{min-height:inherit;max-height:inherit;color:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5% 12%}#banners .swiper-wrapper .swiper-slide .swiper-cover .title{font-size:2em;font-weight:bold}#banners .swiper-wrapper .swiper-slide .swiper-cover .subtitle{font-size:1.2em;font-weight:500;margin-bottom:10px}#banners .swiper-wrapper .swiper-slide .swiper-cover img{width:100%;max-width:220px}#notice h5,#review h5{margin-bottom:0}#notice a,#review a{text-decoration:none}#notice a:hover,#notice a:focus,#review a:hover,#review a:focus{text-decoration:underline}#notice table tr td span,#review table tr td span{font-size:14px;color:#a5a5a5;padding-right:5px}#notice table tr td a,#review table tr td a{font-size:13px}#notice table tr td a:hover,#notice table tr td a:focus,#review table tr td a:hover,#review table tr td a:focus{text-decoration:underline}#notice table tr td small,#review table tr td small{font-size:13px;color:#bbb}#trending .ratio-2x3{--bs-aspect-ratio: 150%}#trending .ratio-2x3 img{-o-object-fit:cover;object-fit:cover;border:1px solid #4d0404}#trending .ratio-2x3 img:hover,#trending .ratio-2x3 img:focus{-webkit-transform:scale(1.02);transform:scale(1.02)}#trending var{padding:1px 0}#trendingModal .modal-body dl dt{color:#fff;font-weight:bold;margin-bottom:15px}#trendingModal .modal-body dl dd{color:#f1f1f1}ct-fit: cover;
+@charset "UTF-8";
+#main {
+  padding: 0;
+}
+
+#banners {
+  position: relative;
+  min-height: 420px;
+  max-height: 300px;
+  --swiper-navigation-color: #fff;
+  --swiper-pagination-color: #fff;
+}
+#banners .swiper-wrapper {
+  min-height: inherit;
+  max-height: inherit;
+}
+#banners .swiper-wrapper .swiper-slide {
+  min-height: inherit;
+  max-height: inherit;
+  border-bottom: 1px solid #333;
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+#banners .swiper-wrapper .swiper-slide .swiper-cover {
+  min-height: inherit;
+  max-height: inherit;
+  color: #F5F5F5;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  padding: 5% 12%;
+}
+#banners .swiper-wrapper .swiper-slide .swiper-cover .title {
+  font-size: 2em;
+  font-weight: bold;
+}
+#banners .swiper-wrapper .swiper-slide .swiper-cover .subtitle {
+  font-size: 1.2em;
+  font-weight: 500;
+  margin-bottom: 10px;
+}
+#banners .swiper-wrapper .swiper-slide .swiper-cover img {
+  width: 100%;
+  max-width: 220px;
+}
+
+#notice h5,
+#review h5 {
+  margin-bottom: 0;
+}
+#notice a,
+#review a {
+  text-decoration: none;
+}
+#notice a:hover, #notice a:focus,
+#review a:hover,
+#review a:focus {
+  text-decoration: underline;
+}
+#notice table tr td span,
+#review table tr td span {
+  font-size: 14px;
+  color: #a5a5a5;
+  padding-right: 5px;
+}
+#notice table tr td a,
+#review table tr td a {
+  font-size: 13px;
+}
+#notice table tr td a:hover, #notice table tr td a:focus,
+#review table tr td a:hover,
+#review table tr td a:focus {
+  text-decoration: underline;
+}
+#notice table tr td small,
+#review table tr td small {
+  font-size: 13px;
+  color: #bbbbbb;
+}
+
+#trending .ratio-2x3 {
+  --bs-aspect-ratio: 150%;
+}
+#trending .ratio-2x3 img {
+  -o-object-fit: cover;
+     object-fit: cover;
   border: 1px solid #4d0404;
 }
 #trending .ratio-2x3 img:hover, #trending .ratio-2x3 img:focus {

resources/sass/_variables.scss

@@ -8,110 +8,105 @@ $input-border-color: #4c4c4c !default;
 // select2-bootstrap-5-theme가 참조하는 변수가 있다면 그걸 hex로 오버라이드
 $select2-border-color: #4c4c4c !default; // (패키지 변수명 확인 필요)
 
-$bootstrap-settings: (
-    // Body
-    body-color: #f1f1f1,
-    font-family-base: "Nanum-Square-Neo-Regular",
-
-    // Typography
-    font-family-sans-serif: "Nanum-Square-Neo-Regular",
-    font-size-base: 0.9rem,
-    form-text-color: #9b9b9b,
-    text-muted: #777,
-    line-height-base: 1.6,
-    link-color: #f1f1f1,
-    link-hover-color: #b9b9b9,
-    link-decoration: none,
-
-    // Border
-    border-color: #333,
-
-    // Buttons / theme colors
-    primary: #1c55fa,
-    danger: #b00505,
-
-    // Input
-    input-bg: #161616,
-    input-color: #b7b8ba,
-    input-box-shadow: none,
-    input-border-color: #4c4c4c,
-    input-focus-box-shadow: none,
-    input-focus-border-color: #519bce,
-    input-focus-bg: #161616,
-
-    // Select
-    form-select-color: #f1f1f1,
-    form-select-border-color: #4c4c4c,
-    form-select-box-shadow: none,
-    form-select-focus-border-color: #4c4c4c,
-    form-select-focus-box-shadow: none,
-
-    // Checkbox
-    form-check-label-color: #b7b8ba,
-    form-check-input-border: 1px solid #4c4c4c,
-    form-check-input-checked-bg-color: #161616,
-    form-check-input-checked-border-color: #4c4c4c,
-    form-check-input-focus-border: #519bce,
-    form-check-input-focus-box-shadow: none,
-
-    // Table
-    table-bg: transparent,
-    table-color: #b1b1b1,
-    table-border-color: #3f424b,
-    table-caption-color: #333,
-    table-hover-bg: #252525,
-    table-hover-color: #f1f1f1,
-
-    // Pagination
-    pagination-bg: #000,
-    pagination-border-color: #333,
-    pagination-border-radius: 0,
-    pagination-active-bg: #0f0f0f,
-    pagination-active-color: #f1f1f1,
-    pagination-active-border-color: #333,
-    pagination-hover-bg: #0f0f0f,
-    pagination-hover-color: #fff,
-    pagination-hover-border-color: #333,
-    pagination-disabled-bg: #282828,
-    pagination-disabled-border-color: #333,
-    pagination-focus-bg: #0f0f0f,
-    pagination-focus-color: #f1f1f1,
-    pagination-focus-box-shadow: none,
-
-    // Modal
-    modal-content-bg: #333,
-    modal-content-color: #f1f1f1,
-    modal-header-border-color: #3f3f3f,
-    modal-header-border-width: 0 0 1px 0,
-    modal-content-border-color: #3f3f3f,
-
-    // Tabs
-    nav-tabs-border-color: #2c2c2c,
-    nav-tabs-border-radius: 0,
-    nav-tabs-link-hover-border-color: #006989,
-    nav-tabs-link-active-color: #c7c7c7,
-    nav-tabs-link-active-bg: #003954,
-    nav-tabs-link-active-border-color: #006989,
-
-    // Navbar
-    navbar-brand-margin-end: 0,
-    navbar-toggler-border-radius: 2px,
-    navbar-toggler-focus-width: 1.4px,
-    navbar-light-color: #d6d6d6,
-
-    // Card
-    card-bg: transparent, // ← none 말고 transparent로!
-
-    // Label
-    form-label-color: #b7b8ba,
-
-    // Dropdown
-    dropdown-link-hover-color: #000,
-    dropdown-link-hover-bg: #eee,
-    dropdown-link-active-color: #000,
-    dropdown-link-active-bg: #eee
-);
-
+$body-color: #f1f1f1;
+$font-family-base: "Nanum-Square-Neo-Regular";
+$font-family-sans-serif: "Nanum-Square-Neo-Regular";
+$font-size-base: 0.9rem;
+$line-height-base: 1.6;
+
+$link-color: #f1f1f1;
+$link-hover-color: #b9b9b9;
+$link-decoration: none;
+
+$border-color: #333;
+
+$primary: #1c55fa;
+$danger: #b00505;
+
+// Form / Input
+$input-bg: #161616;
+$input-color: #b7b8ba;
+$input-border-color: #4c4c4c;
+$input-box-shadow: none;
+
+$input-focus-bg: #161616;
+$input-focus-border-color: #519bce;
+$input-focus-box-shadow: none;
+
+// Select
+$form-select-color: #f1f1f1;
+$form-select-border-color: #4c4c4c;
+$form-select-box-shadow: none;
+$form-select-focus-border-color: #4c4c4c;
+$form-select-focus-box-shadow: none;
+
+// Checkbox
+$form-check-label-color: #b7b8ba;
+$form-check-input-border: 1px solid #4c4c4c;
+$form-check-input-checked-bg-color: #161616;
+$form-check-input-checked-border-color: #4c4c4c;
+$form-check-input-focus-border: #519bce;
+$form-check-input-focus-box-shadow: none;
+
+// Table
+$table-bg: transparent;
+$table-color: #b1b1b1;
+$table-border-color: #3f424b;
+$table-caption-color: #333;
+$table-hover-bg: #252525;
+$table-hover-color: #f1f1f1;
+
+// Pagination
+$pagination-bg: #000;
+$pagination-border-color: #333;
+$pagination-border-radius: 0;
+
+$pagination-active-bg: #0f0f0f;
+$pagination-active-color: #f1f1f1;
+$pagination-active-border-color: #333;
+
+$pagination-hover-bg: #0f0f0f;
+$pagination-hover-color: #fff;
+$pagination-hover-border-color: #333;
+
+$pagination-disabled-bg: #282828;
+$pagination-disabled-border-color: #333;
+
+$pagination-focus-bg: #0f0f0f;
+$pagination-focus-color: #f1f1f1;
+$pagination-focus-box-shadow: none;
+
+// Modal
+$modal-content-bg: #333;
+$modal-content-color: #f1f1f1;
+$modal-header-border-color: #3f3f3f;
+$modal-content-border-color: #3f3f3f;
+
+// Tabs
+$nav-tabs-border-color: #2c2c2c;
+$nav-tabs-border-radius: 0;
+$nav-tabs-link-hover-border-color: #006989;
+$nav-tabs-link-active-color: #c7c7c7;
+$nav-tabs-link-active-bg: #003954;
+$nav-tabs-link-active-border-color: #006989;
+
+// Navbar
+$navbar-brand-margin-end: 0;
+$navbar-toggler-border-radius: 2px;
+$navbar-toggler-focus-width: 1.4px;
+$navbar-light-color: #d6d6d6;
+
+// Card
+$card-bg: transparent;
+
+// Label (Bootstrap 변수명은 form-label-color가 아니라 $form-label-color)
+$form-label-color: #b7b8ba;
+
+// Dropdown
+$dropdown-link-hover-color: #000;
+$dropdown-link-hover-bg: #eee;
+$dropdown-link-active-color: #000;
+$dropdown-link-active-bg: #eee;
 $grid-breakpoints: (
    xs: 0,
    xxs: 420px,
@@ -129,6 +124,4 @@ $container-max-widths: (
    lg: 960px,
    xl: 1140px,
    xxl: 1320px
-);
-
-@include meta.load-css('bootstrap/scss/bootstrap', $with: $bootstrap-settings);
+);