html, body { margin: 0; height: 100%; }
.BT { margin: 0 .3em; } /* defualt.css override */

/* Colum Style */
.col.outer { margin: 0 0 0 0 }
.col.inner { margin: 0 0 0 3% }

.col.outer.s1 { width: 20%; }
.col.outer.s2 { width: 80%; }

#content .col.inner { margin: 0 0 0 3% }
#content .col.s1 { width: 5.583%; }
#content .col.s2 { width: 14.16%; }
#content .col.s3 { width: 22.75%; }
#content .col.s4 { width: 31.33%; }
#content .col.s5 { width: 39.91%; }
#content .col.s6 { width: 48.5%; }
#content .col.s7 { width: 57.08%; }
#content .col.s8 { width: 65.66%; }
#content .col.s9 { width: 74.25%; }
#content .col.s10 { width: 82.83%; }
#content .col.s11 { width: 91.41%; }
#content .col.s12 { width: 100%; }

#container { margin: 0 auto; padding: 2.438em 1.563em; width: 1200px }
#nav { position: static; z-index: 1; top: 2.438em; width: 20% !important; }
#nav .nav { width: 100%; }
#content { margin: 0; width: 80%; }

.nav .logo { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.ADM_MSG { padding: 1em 2em; border: 1px solid #000; background-color: #fff; }
.ADM_MSG p { padding-top: .5em; border-top: 1px solid #eee; }
.ADM_MSG p:first-child { padding-top: 0; border-top: none; }
.ADM_MSG .BT { padding: .15em .6em .35em; margin: -.1em .2em 0 .4em; vertical-align: top; }

.TLA { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; }
.TLB { margin-top: 15px; padding-top: 30px; border-top: 1px solid #000; }
.TLC { margin-top: 15px; padding-top: 15px; border-top: 1px solid #000; }
.D_ROW { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; }
.D_ROW span { display: inline-block; margin: .5em 1em 0 2em; font-size: .8em; vertical-align: top; }
.D_ROW span:first-child { margin-left: 0; }
.D_ROW input { width: 120px !important; }
.D_ROW input.s2 { width: 250px !important; }
.D_ROW a { display: inline-block; margin-left: 2em; padding: .25em .5em; cursor: pointer; }
.D_ROW div:first-child { margin-bottom: 10px; }

.list_1 .row { padding: 1.5em 0; border-top: 1px solid #000; vertical-align: top; }
.list_1 .row.current { background-color: #e1e1e1; }
.list_2 .row { padding: 0.6em 0; vertical-align: top; }
.list_2 .row:first-child { padding-top: 1.5em; border-top: 1px solid #000; }
.list_2 .row:last-child { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid #000; }

#login { width: 100%; height: 100%; border-collapse: collapse; text-align: center; }
#login .form { margin: 0 auto; width: 300px; text-align: left; }
#login .form input { display: block; margin: 5px 0 20px; padding: 10px; width: 280px; height: 25px; border: none; background-color: #dcdcdc; }

input[type=password],
input[type=text] { padding: 3px 10px 4px; width: 250px; height: 25px; border: none; background-color: #ccc; font-size: 16px; font-weight: 700; vertical-align: top; }
.popup input[type=password],
.popup input[type=text] { height: auto; }
textarea { padding: 10px; width: 80%; border: none; background-color: #ccc; font-size: 16px; font-weight: 700; vertical-align: top; }

#photo_upload { padding: 1em; }
#photo_upload h1 { margin: 0; font-size: 1em; }
#photo_upload select { width: 70px; }
#photo_upload .ADM_MSG p { margin: .5em 0 0; }
#photo_upload .ADM_MSG p:first-child { margin-top: 0; }
#photo_upload .hall_concert_photo { display: none; height: 321px; }
#photo_upload .hall_concert_photo .photo { height: 49%; line-height: 150px; background-color: #ccc; }
#photo_upload #P1 .photo, #photo_upload #P2 .photo, #photo_upload #P3 .photo { height: 101.5% !important; line-height: 317px !important }
#photo_upload .BT_wrap { padding-top: 1em; border-top: 1px solid #000; }
#photo_upload .before { height: 100%; }
#photo_upload .before .qq-progess-new { position: absolute; left: 0; top: 0; width: 0%; height: 100%; background-color: #aaa; }
#photo_upload .qq-uploader { width: 100%; height: 100%; }
#photo_upload .qq-upload-button { padding: 0; width: 100%; height: 100%; border: none; background-color: #ccc; }
#photo_upload .qq-upload-button .placeholder { display: inline-block; line-height: normal; vertical-align: middle; }
#photo_upload .qq-upload-button:hover { background-color: #bbb; }
#photo_upload .after { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
#photo_upload .after .qq-upload-list { display: none; }
#photo_upload .after .qq-delete { display: block; padding: .5em; text-align: left; font-size: .8em; color: #fff; line-height: normal; }
#photo_upload .after .qq-delete strong { display: inline-block; margin-left: .7em; }

#photo_upload #exhibition_image .qq-upload-button { padding: 80px 0 85px; }
#photo_upload #exhibition_image .after { background-size: contain; }

#calendar.hall_calendar .calendar .col { margin-left: 2%; width: 12.57%; padding-top:2em; }
.hall_rental_list .loop { position: relative; padding-top: .3em; min-height: 200px; border-top: 1px solid #000; cursor: pointer; }
.hall_rental_list .loop span.chk { display: block; position: absolute; top: 0.6em; right: 0; width: 17px; height: 17px; background-color: #bbb; }
.hall_rental_list .loop.on { background-color: rgb(248, 237, 171) }
.hall_rental_list .loop.on span.chk { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADcSURBVFhH7Y7BCUJBDES/bWgX3mzCiw1pHxZmGertnzSjLoQwMLsh3vbBgyWbYbJMJoTXn5WwUKUSFqpUwkKVSlioUgkLZVzNR5hBSQxkRPnRPJj336wp8csZW3njZPp/iV8eNZZvzZvpdyR+ecSeciiJgR57y6EkBi7mNcy8I+VQ4pfPGBgbkx0xWg4lfhmlKAfxiEw5lMQAOyJbDiUsFI/Yf58fRsqhhIWgP6IxWg4lLNT0R2TKoYSFvDhiZ2bKoYSFok8y61XCQpVKWKhSCQtVKmGhSicTx7K8ATOgAc9twhZvAAAAAElFTkSuQmCC) no-repeat center center/25px 25px }
.hall_rental_list .body { padding-top: 1.5em; border-top: 1px solid #000; }

.popup.gall_artschool_apply .inner { height: 470px; }
.popup.gall_artschool_apply fieldset { width: 100%; }
.popup.gall_artschool_apply textarea { margin-top: 2.7em !important; }

.popup.gall_artschool_member { width: 700px; }
.popup.gall_artschool_member .list { height: 300px; overflow: auto; }
.popup.gall_artschool_member .list ul { margin: 0; padding: 0 1em 0 0; list-style: none; }
.popup.gall_artschool_member .list ul li { padding: .5em 0; border-top: 1px solid #eee }
.popup.gall_artschool_member .list ul li a { float: right; }

.gall_exbh_edit_photo .CLR { padding: 8px 0; border-top: 1px solid #ccc; }
.gall_exbh_edit_photo .CLR:first-child { border-top: 0 none; }
.gall_exbh_edit_photo .CLR .s10 { margin-left: 0 !important; }
.gall_exbh_edit_photo .CLR .s10 a { float: left; margin-right: 15px; width: 80px; text-align: center; }
.gall_exbh_edit_photo .CLR .s10 textarea { padding: 0; width: 560px; height: 50px; font-size: 11px; background-color: #ebebeb; overflow: hidden; resize: none; }
.gall_exbh_edit_photo .CLR .s10 textarea:focus { background-color: #ccc; }
.gall_exbh_edit_photo .CLR .s1 { width: 90px !important; }
.gall_exbh_edit_photo .CLR .s1 a { padding: 2px 0; width: 22px; text-align: center; background-color: #ccc; cursor: pointer; }
.gall_exbh_edit_photo .CLR img { max-width: 85px; max-height: 50px; }

.charge label { display: inline-block; font-size: 0.85em; width: 100px; }

#reject_popup .mfp-close { display: none; }

.col.inner.s1 .checkbox > span { left: -23px; }
.col.inner.s1 .checkbox > input { margin-left: -23px; }