blog/public/css/desktop/layout.css

html,body{min-width:1024px;height:100vh;overflow-y:clip}@supports(-webkit-touch-callout: none){html,body{height:-webkit-fill-available}}#app{width:inherit;height:inherit}#header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:60px;background:#001620;border-bottom:1px solid #444}#header article{height:inherit}#header article ul,#header article ul li{position:relative;height:inherit;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#header article a{display:block;text-decoration:none;color:#d6d6d6;height:inherit}#header article a:hover,#header article a:focus,#header article a:active{color:#fff;text-decoration:underline}#header article:nth-of-type(1){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}#header article:nth-of-type(1) a{font-size:30px;font-family:"Open-Sans-Extrabold";color:#e8e8e8}#header article:nth-of-type(1) a:hover,#header article:nth-of-type(1) a:focus,#header article:nth-of-type(1) a:active{color:#fff;text-decoration:none}#header article:nth-of-type(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 calc(50% - 20px);flex:1 0 calc(50% - 20px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:inherit}#header article:nth-of-type(2) ul li{line-height:44px}#header article:nth-of-type(2) ul li a.active:after{background-color:#ffdf1b;width:inherit;height:1px;position:absolute;left:0;bottom:0;content:" ";margin:0 var(--bs-nav-link-padding-x);right:0}#header article:nth-of-type(3){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}#header article:nth-of-type(3) ul{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#header article:nth-of-type(3) ul li{color:hsla(0,0%,100%,.7)}#header article:nth-of-type(3) ul li a{height:initial}#header article:nth-of-type(3) ul li span{vertical-align:middle}#header article:nth-of-type(3) ul li .dropdown .dropdown-menu .dropdown-item{color:#0f0f0f}#main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:inherit;height:inherit;background:#000}#main>nav{-webkit-box-flex:1;-ms-flex:1 0 230px;flex:1 0 230px;max-width:230px;background:#0f0f0f;border-right:1px solid #2c2c2c;padding-top:6px;overflow-y:auto;z-index:1;height:calc(100vh - 60px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}#main>nav .ad-coupang{padding:15px 16px 15px 16px;height:auto;margin-top:auto;line-height:0}#main>nav .ad-coupang small{font-size:11px;color:#bbb;line-height:15px;margin-top:10px;display:block}#main>nav table{width:100%}#main>nav table caption{caption-side:top;padding:0 16px}#main>nav table tr th{text-align:left;padding:3px 16px;font-weight:inherit}#main>nav table tr td{text-align:right;padding:3px 16px}#main>nav address{color:#8d8d8d;padding:8px 16px 0 16px;text-align:center;font-size:13px}#main>aside{height:inherit;-webkit-box-flex:2;-ms-flex:2 0 calc(100% - 230px);flex:2 0 calc(100% - 230px);max-width:calc(100% - 230px)}#main>aside>article{position:relative;height:calc(100vh - 120px);padding:20px 10px;overflow-y:auto}#main>aside>footer{height:60px;border-top:1px solid #2c2c2c;background:#070707;padding:0 10px}#main>aside>footer>div{height:100%;margin:0}#main>aside>footer>div ul{padding:0;margin:0;list-style:none}#main>aside>footer>div ul li{display:inline-block;vertical-align:middle}#main>aside>footer a img{width:100%;max-width:120px}.pagination{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;margin:0}.pagination ul{margin:0;padding:0}.pagination ul li a:hover,.pagination ul li a:focus,.pagination ul li a:active{text-decoration:none}ble tr td {
  text-align: right;
  padding: 3px 16px;
}
#main > nav address {
  color: #8d8d8d;
  padding: 8px 16px 0 16px;
  text-align: center;
  font-size: 13px;
}
#main > aside {
  height: inherit;
  -webkit-box-flex: 2;
      -ms-flex: 2 0 calc(100% - 230px);
          flex: 2 0 calc(100% - 230px);
  max-width: calc(100% - 230px);
}
#main > aside > article {
  position: relative;
  height: calc(100vh - 120px);
  padding: 20px 10px;
  overflow-y: auto;
}
#main > aside > footer {
  height: 60px;
  border-top: 1px solid #2c2c2c;
  background: #070707;
  padding: 0 10px;
}
#main > aside > footer > div {
  height: 100%;
  margin: 0;
}
#main > aside > footer > div ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#main > aside > footer > div ul li {
  display: inline-block;
  vertical-align: middle;
}
#main > aside > footer a img {
  width: 100%;
  max-width: 120px;
}

.pagination {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
}
.pagination ul {
  margin: 0;
  padding: 0;
}
.pagination ul li a:hover, .pagination ul li a:focus, .pagination ul li a:active {
  text-decoration: none;
}