@charset "utf-8";

.board-list { }

/* Top Search */
.list-tsearch { margin-bottom:30px; text-align: center; }
.list-tsearch .form-control { display: inline-block; }
.list-tsearch .btn { display: inline-block; }


/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

.list-wrap .items {  }
.list-wrap .items ul { margin-bottom: 20px; padding: 25px 25px 50px; border: 1px solid #ddd; background: white; }
.list-wrap .items ul::after { content: ""; display: block; clear: both; }
.list-wrap .items ul li { float: left; }
.list-wrap .items ul li:nth-child(1) { width: 70%; font-size: 25px; }
.list-wrap .items ul li:nth-child(2) { width: 30%; text-align: right; }
.list-wrap .items ul.item {  }
.list-wrap .items ul.item li {  }
.list-wrap .items ul.item li .state { display: inline-block; margin-left: 10px; color: #aaa; font-size: 15px; }
.list-wrap .items ul.item li .state.complete {  }
.list-wrap .items a:hover { display: block; background-color: #f5f5f5; }

.list-wrap .wr-none { padding:50px 0px; text-align:center; color:#888; }

@media (max-width:1023px) {  }
@media (max-width:767px) {
	.list-wrap .items ul { margin-bottom: 10px; padding:25px; }
	.list-wrap .items ul li {  }
	.list-wrap .items ul li:nth-child(1) { width: 100%; font-size:22px; }
	.list-wrap .items ul li:nth-child(2) { margin-top: 20px; width: 100%; }
}
@media (max-width:480px) {  }

/* Page */
.list-wrap .pagination { padding-top:20px; }


/* View */
.view-wrap { border-top:1px solid #ddd; }
.view-wrap .content-wrap { position:relative; border-bottom:1px solid #ccc; padding-bottom:40px; }

.view-wrap .content { margin:0 auto; }
.view-wrap .content-top {  }
.view-wrap .content-top .head { padding: 20px 0; border-bottom: 2px solid #ccc; }
.view-wrap .content-top .desc { margin: 20px 0; }
.view-wrap .content-top ul { color: #888; margin:20px 0; }
.view-wrap .content-top ul li { display: inline-block; margin-right: 20px; }

@media (max-width:767px) {
	.view-wrap .content-top .head { margin:15px 0; padding-bottom:15px; }
}

.view-wrap .view-sns { margin-top: 20px; text-align: right; }
.view-wrap .view-sns { margin-top: 20px; }
.view-wrap .view-sns a { border-radius: 0; }
.view-wrap .view-sns img { width: 36px; height: 36px; }
.view-wrap .view-sns .a-good { width: 36px; height: 36px; margin-right: 0; line-height: 36px; }
.view-wrap .view-sns .a-good i { line-height: 36px; font-size: 1.5rem; }
.view-wrap .view-sns .wr-good { height: 36px; line-height: 36px; padding: 0 12px; display: inline-block; border: 1px solid #ccc; border-left: 0; }

.view-wrap .head { margin-bottom:20px; }
.view-wrap .desc { margin-bottom:40px; }
.view-wrap .content img { max-width:100%; }

@media (max-width: 767px) {
	.view-wrap .content-top ul li { display: block; text-align: right; margin-right: 0; }
}

.view-btn { margin:0 0 30px; }
.view-btn i { margin-right:2px; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0; }
}

.list-page { padding-top:20px; }


/* Write */
.write-wrap {  }
.write-wrap .left { float: right; width: calc(75% - 50px); background:#f5f5f5; padding:50px; text-align:center; }
.write-wrap .left form { background:#fff; padding:30px; }
.write-wrap .left .tit { display:inline-block; border-bottom:1px solid #333; font-size:1.5rem; }
.write-wrap .left .desc { margin:10px 0 20px; }
.write-wrap .left form > p { text-align:right; color:#bbb; font-size:.875rem; }
.write-wrap .left p i { color:red; margin-right:5px; }

.write-wrap .left ul:not(.full) { display:flex; flex-wrap: wrap; justify-content: space-between; }
.write-wrap .left ul:not(.full) li { width:50%; }

.write-wrap .left ul { text-align:left; }
.write-wrap .left ul li { position:relative; margin:10px 0; padding:0 15px; }
.write-wrap .left ul li p { display:flex; align-items:center; }
.write-wrap .left ul li .flex-box { display:flex; align-items:center; }
.write-wrap .left ul li .flex-box span { width:30px; text-align:center; }
.write-wrap .left ul li .flex-box input { width:calc(33.33% - 10px); }

.write-wrap .left ul.form-ele li { margin:0; }
.write-wrap .left ul.form-ele li:nth-child(1) { width:150px; }
.write-wrap .left ul.form-ele li:nth-child(2) { width:calc(100% - 150px); }

.write-wrap .left .room div { display:flex; align-items:center; flex-wrap:wrap; }
.write-wrap .left .room div:not(:last-child) { margin-bottom:5px; }
.write-wrap .left .room .name { width:70px; margin-right:15px; }
.write-wrap .left .room .weekdays { position:relative;  padding-right:10px; margin-right:10px; }
.write-wrap .left .room .weekdays:after { content:"/"; position:absolute; left:100%; top:50%; transform:translateY(-50%); }
.write-wrap .left .room .weekends { }
.write-wrap .left .room select { margin-left:5px; }

.write-wrap .left label { margin-bottom:0; }
.write-wrap .left label input[type="radio"] { margin-top:-3px; }



.write-wrap .right { float: left; width: 25%; text-align:center; }
.write-wrap .right .img { padding-bottom: 110%; border-radius:20px; }
.write-wrap .right .head { font-size:1.6rem; margin-top:10px; }
.write-wrap .right .desc { color:#666; margin-bottom:50px; }

.write-wrap .right dl { text-align:left; }
.write-wrap .right dl dt { margin-bottom:5px; font-weight:400; }
.write-wrap .right dl dd { position:relative; padding-left:15px; margin-bottom:15px; color:#666; }
.write-wrap .right dl dd:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:8px; height:8px; border:1px solid #333; border-radius:99px; }

.t_gray { color:#777; font-size: 0.925rem; }


@media (max-width: 1023px) {
	.write-wrap .left { width: 100%; float:none; }
	.write-wrap .right { width: 50%; float:none; margin:0 auto; }
}

@media (max-width: 767px) {
	.write-wrap .left { padding:40px 30px; }
	.write-wrap .left form { padding:20px; }
	.write-wrap .right { width: 100%; }

	.write-wrap .left ul li  { margin:5px 0; width:100% !important; }
}

.write-wrap { width:100%; overflow:hidden; }
.write-wrap h2 { letter-spacing:-1px; padding:0px; margin:10px 0px 30px; }
.write-wrap table { width:100%; border:0px; min-width:500px;}
.write-wrap table td { border:0px; border-bottom:1px solid #ddd; padding:8px 15px !important; line-height:20px; vertical-align:middle; }
.write-wrap .form-label label { font-weight:normal; margin-right:15px; vertical-align:middle; line-height:20px; }
.write-wrap .form-label label input { padding:0px !important; margin:0px !important; vertical-align:middle; }
.write-wrap .form-line { border-bottom:2px solid orangered; height:1px; }
.write-wrap .form-title { border-bottom:2px solid orangered; line-height:24px; }
.write-wrap .form-title-thin { border-bottom:1px solid orangered; line-height:24px; }
.write-wrap .sub-title { padding-right:0px !important; width:140px; }
.write-wrap .sub-title span { display:block; border-right:1px solid #ddd; padding-right:10px; }
.write-wrap .sub-title span b { font-weight:normal; }
.write-wrap .form-group { margin-bottom:8px; }
.write-wrap .form-text { margin:10px 0px 20px; }
.write-wrap .form-text textarea { height:100px; }
.write-wrap .form-sign { margin:20px 0px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }

.write-wrap .help-block { margin-bottom:5px; }
.write-wrap .help-block li { margin-bottom:0; }

#variableFiles { width:100%; margin:0 !important; border:0; }
#variableFiles td { padding:3px 0px !important; border:0; }
#variableFiles input[type=file] { box-shadow : none; border: 1px solid #ccc !important; outline:none; }
#variableFiles .form-group { margin:0; }
#variableFiles .col-sm-12 .form-group { margin:6px 0px; }
#variableFiles .checkbox-inline { padding-top:0px; font-weight:normal; }

.write-wrap input[type=checkbox] {margin-bottom: 7px;}
.input-gr{ border-radius:1px; border:1px solid #bbb; padding:5px 7px 7px; font-size:16px; height:38px; line-height:38px; margin-right:5px;}
.write-wrap .calendar{background-image:url(/thema/Khome017/img/calendar1.png); background-position:right; background-repeat:no-repeat; }
.write-wrap .calendar:hover{background-image:url(/thema/Khome017/img/calendar2.png); }
.datepicker { position:relative; z-index: 999999 }
@media (max-width:991px) {
	.responsive .view-col.pull-left,
	.responsive .view-col.pull-right { float:none !important; }
}