@charset "UTF-8";
.various-form img { max-width: 100%; }
.various-form .section-title { font-size: 17px; }
.various-form.member .section-title { margin-top: 50px; border-bottom: 1px solid #e5e5e5; }
.various-form.member .section-title:first-child { margin-top: 0; }
.various-form b { color: #333; }
.various-form .impor { background: url("../../img/icon_check.png") no-repeat 100% 50%; }
.various-form input[type="text"], .various-form input[type="password"] { padding: 5px; height: 23px; line-height: 23px; }
.various-form input[title="제목"] { width: 95%; }
.various-form select { margin: 1% 0; }
.various-form textarea { margin: 5px 0; width: 98%; }
.various-form .empty_ { padding: 5% 0; border-bottom: 1px solid #e5e5e5; }
.various-form .line-up span { margin-right: 5%; }
.various-form .etc-space { padding: 5% 5% 0 5%; }
.various-form .ex-plain { margin-left: 30%; clear: both; display: inline; }
.various-form .address-add .ex-plain { margin: 0 0 0 20%; padding: 0 3% 1%; }
.various-form .piece .lab, .various-form .another-piece .lab { min-width: 85px; }
.various-form .piece { border-bottom: 1px solid #e5e5e5; display: table; width: 100%; }
.various-form .piece li { padding: 2% 2% 2% 3%; display: table-cell; }
.various-form .another-piece { width: 100%; display: table; border-bottom: 1px solid #e5e5e5; }
.various-form .another-piece li { padding: 2% 2% 2% 3%; display: table-cell; }
.various-form .another-piece .lab { width: 11.050%; }
.various-form .another-piece .show { width: 28.950%; }
.various-form .lab { width: 20%; letter-spacing: -1px; }
.various-form .lab strong { display: inline-block; vertical-align: middle; }
.various-form label.lab { margin-left: 10%; display: inline-block; background: none; }
.various-form .lab-x { padding: 2% 2% 2% 33%; width: 68%; border-bottom: 1px solid #e5e5e5; }
.various-form.member .piece .lab, .various-form.mypage .piece .lab { width: 10%; }
.various-form .show { margin-left: 5%; width: 65%; letter-spacing: 0; }
.various-form .show p { text-align: justify; }
.various-form .show img { vertical-align: middle; }
.various-form .show a { display: inline-block; }
.various-form .show ul { margin: 7% 0; }
.various-form .show ul li { margin: 3% 0; }
.various-form .show ul span.subs_ { font-size: 11px; letter-spacing: -1px; display: inline-block; }
.various-form .show p.subs_ { margin-top: 1%; color: #ec444a; }
.various-form .show .explain_ { margin-top: 1%; font-size: 11px; line-height: 16px; }
.various-form .show em { font-size: 11px; }
.various-form.member .piece .show, .various-form.mypage .piece .show { width: 62.5%; }
.various-form .another-show { margin-left: 5%; width: 65%; letter-spacing: 0; }
.various-form .address_ { margin-top: 1.5%; }
.various-form .address_ .rest_ { margin-right: 5px; font-size: 11px; }
.various-form .write-form .piece .lab { width: 10%; }
.various-form .write-form .piece .show { width: 62.5%; }
.various-form.address-add .piece .lab { width: 10%; }
.various-form.address-add .piece .show { width: 32.5%; }
.various-form .writing { padding: 2%; border-bottom: 1px solid #e5e5e5; }
.various-form .writing textarea { width: 95%; }
.various-form .attachedfile { padding: 2%; border-bottom: 1px solid #e5e5e5; }
.various-form .attachedfile > li:first-child { padding-bottom: 1%; }
.various-form .attachedfile ul { margin: 0; font-size: 0; line-height: 0; }
.various-form .attachedfile ul li { margin-top: 0.5%; padding: 0; float: none; }
.various-form .attachedfile ul li:first-child { margin-top: 0; }
.various-form .attachedfile strong { margin-right: 10px; }
.various-form .attachedfile input[type="file"] { height: 25px; }
.various-form .attachedfile a { margin: 0 2px; display: inline-block; width: 18px; height: 18px; line-height: 17px; text-align: center; color: #fff; background: #333; }
.various-form .attachedfile strong, .various-form .attachedfile span, .various-form .attachedfile a { vertical-align: middle; }
.various-form .prevent { width: 100%; border-bottom: 1px solid #e5e5e5; }
.various-form .prevent span, .various-form .prevent img, .various-form .prevent input { vertical-align: middle; }
.various-form .prevent img { height: 40px !important; }
.various-form .prevent input[type="text"] { height: 28px !important; }
.various-form .prevent .show input[type="text"] { margin-right: 5px; }
@media all and (max-width: 1024px) { .various-form .another-piece input[type="text"], .various-form .another-piece input[type="password"] { width: 65% !important; }
  .various-form .another-piece input[title~="가운데자리"], .various-form .another-piece input[title~="끝자리"] { width: 25% !important; } }
@media all and (max-width: 760px) { .various-form .piece input[title~="앞자리"], .various-form .piece input[title~="가운데자리"], .various-form .piece input[title~="끝자리"] { width: 20% !important; display: inline-block; }
  .various-form .piece input[title~="취소사유"] { width: 60% !important; display: inline-block; }
  .various-form .another-piece input[type="text"], .various-form .another-piece input[type="password"] { width: 90% !important; }
  .various-form .another-piece input[title~="가운데자리"], .various-form .another-piece input[title~="끝자리"] { display: block; }
  .various-form .another-piece.doub-show li:nth-child(3) { clear: both; }
  .various-form .show .subs_ { margin-top: 1.5%; display: inline-block; font-size: 11px; } }
@media all and (max-width: 640px) { .various-form.member .section-title span { margin: 5px 0 0 0; display: block; text-align: left; }
  .various-form .piece li, .various-form .another-piece li { margin: 0; padding: 2% 0; width: 100% !important; display: block; }
  .various-form .piece .lab, .various-form .another-piece .lab { padding-right: 5px !important; }
  .various-form .address_ .rest_ { margin-bottom: 1.5%; display: block; } }
@media all and (max-width: 480px) { .various-form .piece input[type="text"], .various-form .piece input[type="password"], .various-form .piece input[type="file"] { width: 90% !important; }
  .various-form textarea { width: 90%; }
  .various-form .piece input[title~="앞자리"], .various-form .piece input[title~="가운데자리"], .various-form .piece input[title~="끝자리"] { width: 20% !important; display: inline-block; }
  .various-form .piece input[title~="취소사유"] { width: 55% !important; display: inline-block; }
  .various-form .another-piece input[type="text"], .various-form .another-piece input[type="password"] { width: 75% !important; }
  .various-form .attachedfile input[type="file"] { width: 95%; } }
@media (max-width: 360px) { .various-form .piece li, .various-form .another-piece li { margin: 0 1% !important; padding: 2% 1.5% !important; }
  .various-form .prevent input[type="text"] { width: 30%; } }