@charset "UTF-8";
body {
  background-color: #fff;
}
ol {
  list-style: none;
  padding: 0;
}
a {
  color: #000;
}
h1.parsing,
h2.parsing,
h3.parsing {
  margin-top: 300px;
  font-size: 36px;
  font-weight: 400;
  text-align: center;
}
h2.parsing,
h3.parsing {
  margin-top: 10px;
  font-size: 18px;
}
h3.parsing {
  margin-top: 50px;
  color: red;
}
#adult > ul,
#head > div.wrap,
#popup {
  width: 1080px;
  margin: 0 auto;
}
#head {
  z-index: 100;
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100px;
  background-color: #3468af;
}
#head.adult {
  background-color: #e64b40;
}
#head > div.wrap {
  position: relative;
}
#adult > ul:after,
#head > div.wrap:after,
#side > .t2:after,
#side > form > fieldset > p:after,
#wrap:after {
  display: block;
  clear: both;
  content: "";
}
#head > div.wrap > a.logo {
  display: block;
  float: left;
  width: 250px;
  background-color: #1a4e95;
}
#head.adult > div.wrap > a.logo {
  background-color: #cd281b;
}
#head > div.wrap > ul.menu {
  float: right;
  width: 830px;
  margin-top: 60px;
}
#head > div.wrap > ul.menu > li {
  float: left;
  width: 20%;
  text-align: center;
}
#head > div.wrap > ul.menu > li > a {
  color: #fff;
  font-size: 18px;
  letter-spacing: -1px;
}
#head.adult > div.wrap > button.gift,
#head > div.wrap > ul.menu > li > a:hover {
  color: #ff0;
}
#head > div.wrap > button.bookmark,
#head > div.wrap > button.gift,
#head > div.wrap > button.more {
  position: absolute;
  top: 10px;
  right: 320px;
  border-style: none;
  background-color: transparent;
  color: #ff0;
}
#head > div.wrap > button.bookmark,
#head > div.wrap > button.more {
  right: 160px;
  color: #b9cbe4;
}
#head.adult > div.wrap > button.bookmark,
#head.adult > div.wrap > button.more {
  color: #fce4e2;
}
#head > div.wrap > button.more {
  right: 0;
}
#head > div.wrap > button.bookmark:hover,
#head > div.wrap > button.bookmark:hover > i,
#head > div.wrap > button.more:hover,
#head > div.wrap > button.more:hover > i {
  color: #fff;
}
#head > div.wrap > button.bookmark > i,
#head > div.wrap > button.more > i {
  color: #b9cbe4;
  vertical-align: -1px;
}
#head.adult > div.wrap > button.bookmark > i,
#head.adult > div.wrap > button.more > i {
  color: #fce4e2;
}
#adult {
  padding-top: 100px;
  background-color: #f9d3d0;
}
#adult > ul > li {
  float: left;
  width: 166px;
}
#adult > ul > li:first-child {
  width: 250px;
}
#adult > ul > li > a {
  display: block;
  width: 100%;
  height: 40px;
  color: #cd281b;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  letter-spacing: -1px;
}
#adult > ul > li > a:hover,
#side > .t1 > a:hover,
#side > form > fieldset > p > a:hover {
  font-weight: 700;
}
#wrap {
  width: 1080px;
  margin: 0 auto;
  padding-top: 110px;
  padding-bottom: 20px;
}
#wrap.adult {
  padding-top: 10px;
}
#body > div.quick > form > fieldset,
#side {
  float: left;
  width: 250px;
}
#side > .t1,
#side > .t2 {
  margin-top: 10px;
  font-weight: 400;
}
#side > .t1 {
  position: relative;
  padding: 9px 10px;
  background-color: #444;
}
#side > .t1,
#side > .t1 > a {
  color: #fff;
  font-size: 14px;
}
#side > .t1.blue {
  background-color: #1a4e95;
}
#side > .t1.red {
  background-color: #e64b40;
}
#side > .t1.green {
  background-color: #23b400;
}
#side > .t1 > i {
  position: absolute;
  top: 13px;
  right: 10px;
  color: #fff;
}
#side > .t2 {
  height: 50px;
  background-color: #837cb8;
}
#side > .t2.purple {
  background-color: #d57095;
}
#side > .t2 > a,
#side > .t2 > i {
  display: block;
  float: left;
  height: 50px;
  color: #fff;
  text-align: center;
}
#side > .t2 > i {
  width: 80px;
  background-color: #7069ab;
  line-height: 50px;
}
#side > .t2.purple > i {
  background-color: #cd5d84;
}
#side > .t2 > a {
  width: 170px;
  font-size: 18px;
  line-height: 46px;
}
#side > form {
  height: 181px;
  border: 1px solid #1a4e95;
}
#side > form > fieldset {
  margin: 10px;
}
#body > div.quick > form > fieldset > p,
#side > form > fieldset > p {
  margin-top: 5px;
}
#body > div.new > ul:first-child,
#body > div.quick > form > fieldset > p:first-child,
#body > ul.latest:first-child,
#body > ul.latest > li > div > p:first-child,
#foot > div.wrap > ul.info > li:first-child,
#side > form > fieldset > p:first-child {
  margin-top: 0;
}
#side > form > fieldset > p > input {
  width: 228px;
  height: 32px;
  padding: 0 5px;
  border: 1px solid #d7d7d7;
  color: #888;
}
#side > form > fieldset > p > a,
div.certify > img {
  float: left;
}
#side > form > fieldset > p > label {
  float: right;
  vertical-align: -3px;
}
#side > form > fieldset > p > label > input {
  vertical-align: -3px;
}
#side > form > fieldset > p > button {
  width: 100%;
  height: 30px;
  margin-top: 5px;
  border-style: none;
  background-color: #1a4e95;
  color: #fff;
}
#side > form > fieldset > div {
  height: 88px;
}
#side > form > fieldset > div > div > p {
  margin-top: 5px;
  color: #44b39b;
  font-weight: 700;
  text-align: center;
}
#side > form > fieldset > div > div > p:first-child {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
#side > form > fieldset > div > div > p > span {
  color: #000;
  font-weight: 400;
}
#body > div.new > ul,
#body > ul.latest,
#outlogin > p,
#side > form > fieldset > div > p,
#side > p {
  margin-top: 10px;
}
#body > div.quick:after,
#body > div.quick > div > h1:after,
#body > div.quick > div > h3:after,
#body > div.quick > form:after,
#body > div.quick > form > div > p:after,
#side > div > ul:after,
#side > form > fieldset > div > p:after {
  display: block;
  clear: both;
  content: "";
}
#side > form > fieldset > div > p > a {
  display: block;
  float: left;
  width: 75px;
  padding: 5px 0;
  margin-left: 1px;
  background-color: #3468af;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
#body > div.new > ul > li:first-child,
#body > div.quick > form > div > p > a:first-child,
#foot > div.wrap > ul.info > li > strong:first-child,
#outlogin > p > label:first-child,
#side > form > fieldset > div > p > a:first-child,
#side > form > p > a:first-child,
ul.good > li:first-child {
  margin-left: 0;
}
#side > form > p {
  margin-top: 10px;
  text-align: center;
}
#side > form > p > a {
  margin-left: 5px;
  cursor: pointer;
}
#side > form > p > a:hover {
  font-weight: 700;
}
#side > form > p > a > i {
  vertical-align: -1px;
}
#side > form > p > span {
  display: inline-block;
  width: 36px;
}
#side > div {
  border: 1px solid #444;
}
#side > div.red {
  border: 1px solid #e64b40;
}
#side > div.green {
  border: 1px solid #23b400;
}
#side > div > ul {
  margin: 5px 0;
}
#side > div > ul > li {
  float: left;
  width: 50%;
}
#side > div > ul > li.line {
  background-color: #888;
}
#side > div > ul > li > a {
  display: flex;
  align-items: center;
  padding: 0 0 0 10px;
  letter-spacing: -1px;
  height: 29px;
}
#side > div > ul > li.even > a {
  padding: 0 10px 0 0;
}
#body > div.quick > div > h1 > a:hover,
#body > div.quick > div > h3 > a:hover,
#body > table.state > tbody > tr > td.on > a,
#body > table.state > tbody > tr > td:hover > a,
#body > table.theme > tbody > tr > td.on > a,
#body > table.theme > tbody > tr > td:hover > a,
#side > div > ul > li.line > a {
  color: #fff;
}
#body > div.quick > div > p > a:hover,
#body > ul.latest > li > div > p > a:hover,
#side > div > ul > li > a:hover {
  font-weight: 700;
}
#side > div > ul > li > a > img {
  vertical-align: -2px;
  margin-left: 5px;
}
#outlogin {
  display: none;
  width: 500px;
  height: 655px;
  padding: 50px;
  background-color: #fff;
}
#outlogin > h1 {
  padding-bottom: 10px;
  margin-bottom: 50px;
  border-bottom: 1px solid #444;
  font-size: 18px;
  font-weight: 400;
}
#outlogin > p.text {
  display: none;
  color: #888;
  font-size: 11px;
}
#outlogin > p > input {
  width: 400px;
  height: 40px;
  padding: 10px;
  border: 1px solid #d7d7d7;
}
#outlogin > p > input.readonly {
  background-color: #f0f0f0;
  color: #888;
}
#outlogin > p > label {
  margin-left: 20px;
  font-size: 14px;
  cursor: pointer;
}
#outlogin > p > label > input {
  width: 17px;
  height: 17px;
  vertical-align: -4px;
}
#outlogin > p > button {
  width: 100%;
  height: 40px;
  margin-top: 50px;
  border-style: none;
  background-color: #3783c0;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
#body {
  float: right;
  width: 820px;
  padding-top: 10px;
}
#body > div.index {
  height: 220px;
  background-color: #000;
}
#body > div.hit,
#body > div.index,
#body > div.quick,
ul.good {
  margin-bottom: 10px;
}
#body > div.quick > form {
  float: left;
  width: 570px;
  padding: 20px;
  border: 5px solid #3e5a99;
}
#body > div.quick > form > fieldset > p > select {
  width: 100%;
  height: 30px;
  border: 1px solid #d7d7d7;
}
#body > div.quick > form > fieldset > p > button {
  width: 100%;
  height: 33px;
  border-style: none;
  background-color: #3e5a99;
  color: #fff;
  font-size: 14px;
}
#body > div.quick > form > fieldset > p > button > i {
  color: #fff;
  vertical-align: -1px;
}
#body > div.quick > form > div {
  float: right;
  width: 250px;
}
#body > div.quick > form > div > table {
  width: 100%;
  margin-bottom: 15px;
  border-collapse: collapse;
}
#body > div.quick > form > div > table > tbody > tr > th {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
#body > div.quick > form > div > table > tbody > tr > td > span,
#body > div.quick > form > div > table > tbody > tr > th > span {
  color: #e64b40;
  font-size: 14px;
}
#body > div.quick > form > div > table > tbody > tr > td {
  font-size: 14px;
  text-align: right;
}
#body > div.quick > form > div > p {
  margin-top: 2px;
}
#body > div.quick > form > div > p > a {
  display: block;
  float: left;
  margin-left: 2px;
  padding: 0 10px;
  width: 124px;
  height: 40px;
  background-color: #e089ab;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
}
#body > div.quick > form > div > p > a > i {
  color: #f9e6ed;
  vertical-align: -1px;
}
#body > div.quick > div {
  float: right;
  width: 240px;
  height: 188px;
  border: 1px solid #866cad;
}
#body > div.quick > div > h1,
#body > div.quick > div > h3 {
  margin-bottom: 12px;
  padding: 10px;
  background-color: #866cad;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
#body > div.quick > div > h1 > a,
#body > div.quick > div > h3 > a {
  float: right;
  margin-top: 2px;
  color: #ded8e6;
  font-size: 11px;
  font-family: Malgun Gothic;
}
#body > div.quick > div > p {
  margin: 10px 15px;
}
#body > div.new > ul:after,
#body > div.quick > div > p:after,
#body > form.kakao > h2:after,
#body > h1.good:after,
#body > h1.hit:after,
#body > h1.new:after,
#body > h1.royal:after,
#body > h3.good:after,
#body > h3.hit:after,
#body > h3.new:after,
#body > ul.latest:after,
#body > ul.latest > li > div > p:after,
#body > ul.latest > li > h1:after,
#body > ul.latest > li > p:after,
div.certify:after,
ul.good:after,
ul.hit:after,
ul.royal:after,
ul.top:after {
  display: block;
  clear: both;
  content: "";
}
#body > div.quick > div > p > a {
  display: block;
  overflow: hidden;
  float: left;
  width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#body > div.quick > div > p > span,
#body > ul.latest > li > div > p > span {
  display: block;
  float: right;
  color: #888;
  text-align: right;
}
#body > h1.hit,
#body > h1.new,
#body > h1.royal,
#body > h3.hit,
#body > h3.new {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -1px;
}
#body > h1.hit > span,
#body > h3.hit > span {
  color: #e4463c;
}
#body > h1.hit > button,
#body > h3.hit > button {
  float: right;
  padding: 5px 10px;
  border-style: none;
  background-color: #e4463c;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
#body > div.hit {
  position: relative;
  padding: 0 34px;
  border: 1px solid #d7d7d7;
}
ul.hit > li,
ul.royal > li {
  float: left;
  padding: 10px 5px;
}
#royal_prev,
ul.hit > li > a,
ul.royal > li > a,
ul.top > li > a {
  display: block;
}
ul.hit > li > h1,
ul.hit > li > p.card-title,
ul.royal > li > h1 {
  overflow: hidden;
  width: 250px;
  margin: 10px 0;
  color: #1a4e95;
  font-size: 16px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.hit > li > p {
  padding: 0 8px;
}
#body > h1.new > span,
#body > h3.new > span {
  color: #3783c0;
}
#body > h1.good > button,
#body > h1.new > button,
#body > h1.royal > button,
#body > h3.good > button,
#body > h3.new > button {
  float: right;
  padding: 5px 10px;
  border-style: none;
  background-color: #3783c0;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
#body > div.new,
#body > div.royal {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #d7d7d7;
}
#body > div.new > ul > li {
  float: left;
  width: 192px;
  margin-left: 10px;
}
#body > h1.royal > span {
  color: #e4463c;
}
#body > h1.good > button,
#body > h1.royal > button,
#body > h3.good > button {
  background-color: #e4463c;
}
#body > div.royal {
  position: relative;
  padding: 0 34px;
}
ul.hit > li > p,
ul.royal > li > p {
  overflow: hidden;
  width: 250px;
  margin-top: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#royal_prev {
  position: absolute;
  width: 29px;
  height: 300px;
  top: 0;
  left: 0;
  padding-top: 120px;
  background-color: #f5f5f5;
  text-align: center;
}
#royal_next {
  right: 0;
}
.bx-wrapper {
  overflow: hidden;
  margin: 0;
  box-shadow: none;
  border-style: none;
}
#next,
#prev,
#royal_next {
  display: block;
  position: absolute;
  width: 29px;
  height: 300px;
  top: 0;
  padding-top: 120px;
  background-color: #f5f5f5;
  text-align: center;
}
#prev {
  left: 0;
}
#next {
  right: 0;
}
#body > h1.title,
#body > h3.title {
  position: relative;
  height: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d7d7d7;
}
#body > h1.title > span,
#body > h3.title > span {
  display: inline-block;
  position: absolute;
  width: 405px;
  bottom: -1px;
  padding: 0 10px 10px;
  border-bottom: 1px solid #444;
  font-size: 24px;
  font-weight: 400;
}
#body > h1.state,
#body > h1.theme,
p.state {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}
#body > table.state {
  border-collapse: separate;
  border-spacing: 1px;
}
#body > table.state > tbody > tr > td {
  width: 47px;
  padding: 10px 0;
  border: 1px solid #d7d7d7;
  text-align: center;
}
#body > table.state > tbody > tr > td.on,
#body > table.state > tbody > tr > td:hover {
  border: 1px solid #e4463c;
  background-color: #e4463c;
}
#body > table.state > tbody > tr > td > a,
#body > table.theme > tbody > tr > td > a {
  font-size: 12px;
}
#body > table.state > tbody > tr > td:first-child {
  width: 50px;
}
#body > div.state {
  margin: 0 1px;
  padding: 10px;
  border: 1px solid #d7d7d7;
  background-color: #f5f5f5;
  color: #888;
}
#body > div.state > table {
  border-collapse: collapse;
}
#body > div.state > table > tbody > tr > td {
  width: 66px;
  padding-top: 5px;
  text-align: center;
}
#body > div.state > table > tbody > tr:first-child > td {
  padding-top: 0;
}
#body > div.state > table > tbody > tr > td > a.on,
#body > div.state > table > tbody > tr > td > a:hover {
  padding: 3px 6px;
  border-radius: 6px;
  background-color: #e4463c;
  color: #fff;
}
#body > table.theme {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
}
#body > table.theme > tbody > tr > td {
  width: 116px;
  padding: 10px 0;
  border: 1px solid #d7d7d7;
  text-align: center;
}
#body > table.theme > tbody > tr > td.on,
#body > table.theme > tbody > tr > td:hover {
  border: 1px solid #3783c0;
  background-color: #3783c0;
}
#body > table.theme > tbody > tr > td:first-child {
  width: 117px;
}
#body > ul.latest > li {
  float: right;
  width: 405px;
  border: 1px solid #d7d7d7;
}
#body > ul.latest > li.week {
  border: 1px solid #e4463c;
}
#body > ul.latest > li.month {
  border: 1px solid #3783c0;
}
#body > ul.latest > li:first-child {
  float: left;
}
#body > ul.latest > li > h1,
#body > ul.latest > li > p {
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
  background-color: #f5f5f5;
  font-size: 14px;
  font-weight: 700;
}
#body > ul.latest > li.week > h1 {
  border-bottom: 1px solid #e4463c;
  background-color: #e4463c;
  color: #fff;
}
#body > ul.latest > li.month > h1 {
  border-bottom: 1px solid #3783c0;
  background-color: #3783c0;
  color: #fff;
}
#body > ul.latest > li > h1 > a,
#body > ul.latest > li > p > a {
  float: right;
  margin-top: 2px;
  color: #bbb;
  font-size: 11px;
}
#body > ul.latest > li > h1 > a:hover,
#body > ul.latest > li > p > a:hover {
  color: #888;
}
#body > ul.latest > li > div {
  height: 160px;
  padding: 15px;
}
#body > form.kakao > div,
#body > ul.latest > li > div > p {
  margin-top: 10px;
}
#body > ul.latest > li > div > p > i {
  display: block;
  float: left;
  width: 19px;
  height: 19px;
  margin-right: 5px;
  border-radius: 19px;
  background-color: #888;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  line-height: 19px;
  text-align: center;
}
#body > ul.latest > li.week > div > p > i {
  background-color: #e4463c;
}
#body > ul.latest > li.month > div > p > i {
  background-color: #3783c0;
}
#body > ul.latest > li > div > p > a {
  display: block;
  overflow: hidden;
  float: left;
  width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#body > h1.good,
#body > h1.top,
#body > h3.good,
#body > h3.top {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -1px;
}
#body > h1.good > span,
#body > h1.top > span,
#body > h3.good > span,
#body > h3.top > span {
  color: #e4463c;
}
#body > div.top {
  padding: 0 5px;
  border: 1px solid #d7d7d7;
}
ul.top:first-child {
  margin-top: 10px;
}
ul.top > li {
  overflow: hidden;
  float: left;
  height: 305px;
  padding: 0 5px;
}
ul.top > li > h1,
ul.top > li > p.card-title {
  overflow: hidden;
  width: 245px;
  margin: 10px 0;
  color: #1a4e95;
  font-size: 16px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.top > li > p {
  width: 245px;
  margin-top: 5px;
}
ul.good > li {
  position: relative;
  float: left;
  width: 197.5px;
  margin-left: 10px;
  border: 1px solid #d7d7d7;
}
ul.good > li > label {
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: pointer;
}
ul.good > li > label > input {
  width: 19px;
  height: 19px;
}
ul.good > li > h1,
ul.good > li > p.card-title {
  width: 175px;
  margin: 10px;
  font-size: 14px;
  font-weight: 400;
}
ul.good > li > h1,
ul.good > li > h2,
ul.good > li > p.addr,
ul.good > li > p.card-title,
ul.top > li > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.good > li > p.addr {
  padding: 0 10px;
  width: 197.5px;
}
ul.good > li > h2 {
  width: 175px;
  margin: 10px 10px 5px;
  font-weight: 400;
}
ul.good > li > h3 {
  margin: 5px 10px 10px;
  color: #888;
  font-size: 11px;
  font-weight: 400;
  text-align: right;
}
#body > table.grade,
#body > table.point {
  width: 780px;
  margin: 40px 20px;
  border-collapse: collapse;
  border-top: 1px solid #888;
}
#body > table.grade > thead > tr > th,
#body > table.point > thead > tr > th {
  padding: 15px 0;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  background-color: #f5f5f5;
  font-weight: 400;
}
#body > table.grade > thead > tr > th:first-child,
#body > table.point > tbody > tr > td:first-child,
#body > table.point > thead > tr > th:first-child {
  border-left-style: none;
}
#body > table.point > tbody > tr > td {
  min-width: 60px;
  padding: 15px 0;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  text-align: center;
}
#body > table.point > tbody > tr > td.left {
  padding: 15px;
  text-align: left;
}
div.certify {
  width: 700px;
  margin: 0 auto;
  padding-top: 50px;
}
div.certify > h1 {
  float: left;
  font-size: 18px;
  font-weight: 400;
}
div.certify > p {
  float: left;
  width: 450px;
  padding-top: 50px;
  text-align: right;
}
#body > form.kakao > p > button,
div.certify > p > button {
  padding: 10px 20px;
  border: 1px solid #444;
  background-color: #444;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
#body > form.kakao > p > button:first-child,
div.certify > p > button:first-child {
  background-color: #fff;
  color: #000;
}
#body > table.grade > tbody > tr > td {
  width: 10%;
  padding: 15px 0;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  text-align: center;
}
#body > table.grade > tbody > tr > td:first-child {
  border-left-style: none;
}
#body > table.grade > tbody > tr > td.rank {
  background-color: #f5f5f5;
}
#body > table.grade > tbody > tr > td.left {
  width: 20%;
  padding: 15px;
  text-align: left;
}
#body > table.item {
  border-collapse: collapse;
}
#body > table.item > tbody > tr > td {
  position: relative;
  width: 164px;
  border: 1px solid #d7d7d7;
}
#body > table.item > tbody > tr > td > p {
  height: 100px;
  line-height: 100px;
  text-align: center;
}
#body > table.item > tbody > tr > td > h1 {
  height: 30px;
  background-color: #f5f5f5;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
}
#body > table.item > tbody > tr > td > h2 {
  height: 30px;
  border-top: 1px dashed #d7d7d7;
  padding: 0 10px;
  color: #1a4e95;
  font-weight: 400;
  line-height: 30px;
}
#body > table.item > tbody > tr > td > i {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #ccc;
  cursor: pointer;
}
#body > table.item > tbody > tr > td > i.on {
  color: #e64b40;
}
#body > form.kakao {
  margin: 40px 20px;
}
#body > form.kakao > h1 {
  font-size: 14px;
  font-weight: 400;
}
#body > form.kakao > h2 {
  margin-top: 10px;
  font-weight: 400;
}
#body > form.kakao > h2 > textarea {
  display: block;
  width: 780px;
  height: 175px;
  padding: 10px;
  border: 1px solid #d7d7d7;
}
#body > form.kakao > h2 > label {
  display: block;
  float: right;
  margin-top: 10px;
  cursor: pointer;
}
#body > form.kakao > div > label > input,
#body > form.kakao > h2 > label > input {
  width: 17px;
  height: 17px;
  vertical-align: -5px;
}
#body > form.kakao > div:after,
#foot > div.wrap:after,
form.sorting > p:after {
  display: block;
  clear: both;
  content: "";
}
#body > form.kakao > div > span {
  display: block;
  float: left;
  width: 100px;
  height: 40px;
  padding-top: 10px;
  vertical-align: middle;
}
#body > form.kakao > div > label {
  display: inline-block;
  margin-top: 10px;
  margin-right: 20px;
  cursor: pointer;
}
#body > form.kakao > div > input {
  width: 680px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
}
#body > form.kakao > div > p.text {
  display: none;
  margin-top: 10px;
  margin-left: 100px;
  color: #888;
  font-size: 11px;
}
#body > form.kakao > p {
  margin-top: 40px;
  text-align: center;
}
#foot {
  border-top: 1px solid #d7d7d7;
}
#foot > div.wrap {
  width: 1080px;
  margin: 0 auto;
}
#foot > div.wrap > img.logo {
  display: block;
  float: left;
  width: 250px;
  margin: 55px 0;
}
#foot > div.wrap > ul.info {
  float: right;
  width: 820px;
  margin: 40px 0;
}
#foot > div.wrap > ul.info > li {
  margin-top: 10px;
  color: #888;
}
#foot > div.wrap > ul.info > li > strong {
  margin-left: 20px;
  color: #888;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -1px;
  cursor: pointer;
}
#foot > div.wrap > ul.info > li > strong:hover {
  color: #000;
}
#foot > div.wrap > ul.info > li > strong > i {
  color: #f60;
}
#foot > div.wrap > ul.info > li > span {
  margin: 0 10px;
  color: #888;
  font-size: 10px;
  vertical-align: 1px;
}
div.bpopup {
  display: none;
  overflow-y: scroll;
  width: 1080px;
  height: 600px;
  padding: 50px;
  background-color: #fff;
}
div.bpopup p.clause-title,
div.bpopup p.policy-title,
div.bpopup > h1 {
  margin-bottom: 50px;
  font-size: 18px;
  font-weight: 400;
}
div.bpopup > p {
  margin-bottom: 50px;
}
strong.grade,
strong.grade1,
strong.grade2,
strong.grade3 {
  display: inline-block;
  width: 42px;
  height: 20px;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  vertical-align: 1px;
}
strong.grade1,
strong.grade2,
strong.grade3 {
  color: #bbb;
}
strong.grade2,
strong.grade3 {
  color: #f16750;
}
strong.grade3 {
  color: #2bb673;
}
form.sorting {
  padding: 20px;
}
form.sorting > p {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
}
form.sorting > p > button {
  float: right;
  margin-right: 5px;
  padding: 5px 15px;
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
form.sorting > p > button:first-child {
  margin-right: 0;
  background-color: #fff;
  color: #000;
}
form.sorting > ul.sorting > li {
  overflow: hidden;
  float: left;
  width: 112px;
  height: 72px;
  margin: 5px;
  padding: 5px;
  border: 1px solid #d7d7d7;
  text-align: center;
  cursor: pointer;
}
form.sorting > ul.sorting > li.text {
  line-height: 58px;
}
form.sorting > ul.sorting > li.placeholder {
  position: relative;
}
body.dragging,
body.dragging * {
  cursor: move !important;
}
.blind,
.dragged,
form.sorting > ul.sorting > li.placeholder:before {
  position: absolute;
}
.dragged {
  opacity: 0.5;
  z-index: 2000;
}
.blind {
  overflow: hidden;
  display: block;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}