@charset "UTF-8";
input{
  appearance: auto;
}
.lil-gui{
  background-color: transparent !important;
}
.lil-gui.root>.title{
  display: none;
  background-color: transparent;
}
.lil-gui .children .controller .name{
  display: none;
}
.lil-gui .children .controller.color .widget .display {
  width: 40% !important;
}
.lil-gui .children .controller.color .widget input[type=text] {
  width: 60% !important;
}
.lil-gui .children .controller.number.hasSlider .widget input[type=number] {
  display: none;
}
.imageDetail .imageBox canvas {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  vertical-align: top;
  display: none;
}
.imageDetail .imageBox canvas.portrait {
  width: auto;
  height: 100%;
}

section{
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
#contents h2{
  margin-top: 20px;
}
#contents .detail{
  background: #fff;
  padding: 30px;
  border-radius: 8px;
  margin-top: 10px;
}
#contents .detail table{
  width: 100%;
  margin-top: 10px;
}
#contents .detail table th,
#contents .detail table td{
  vertical-align: top;
}
#contents .detail table th{
  white-space: nowrap;
  padding: 20px 30px 0 0;
}
#contents .detail table td{
  width: 100%;
  padding: 10px 0 0 0;
}
#contents .detail table td textarea{
  background: #f2f2f2;
  border: none;
  border-radius: 4px;
  width: 100%;
  padding: 10px;
}
#contents .detail table td .selectBtn{
	position: relative;
}
#contents .detail table td .selectBtn::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #3A4351;
	border-right: 2px solid #3A4351;
	transform: rotate(135deg);
	margin-top: -6px;
}
#contents .detail table td .selectBtn select{
  height: 40px;
  width: 100%;
  background: #f2f2f2;
  font-size: 14px;
  padding: 0 40px 0 10px;
  border-radius: 4px;
	border: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
#contents .radioBtn input[type="radio"] + label::before{
  background: #f2f2f2;
	left: 0;
}
#contents .detail .col2{
  display: flex;
}
#contents .detail .col2 table{
  width: 48%;
  margin-top: 0;
}
#contents .detail .col2 table:first-child{
  margin-right: 4%;
}
#contents section .detail table td input[type="text"]{
  background: #f2f2f2;
  border: none;
  height: 40px;
  border-radius: 4px;
  padding: 0 10px;
  color: #3a4351;
}
@media only screen and (max-width:1280px) {
#contents .detail .col2{
  display: block;
}
#contents .detail .col2 table{
  width: 100%;
}
#contents .detail .col2 table:first-child{
  margin-right: 0;
}
}
@media only screen and (max-width:768px) {
#contents .detail{
  padding: 20px;
}
#contents .detail table th{
  font-size: 12px;
  padding: 20px 15px 0 0;
}
#contents .radioBtn li{
  margin-right: 10px;
  min-height: 40px;
}
#contents .radioBtn input[type="radio"] + label{
	display: block;
	padding: 12px 0 0 45px;
	line-height: 1;
	cursor: pointer;
}
}