h6 { clear: both; width: calc(100% - 40px); height: 32px; line-height: 32px; padding: 0 0 0 40px; margin: 0 0 10px 0; font-size: 16px; color: #4169e1; background:url('../images/stit_icon.jpg') left center no-repeat; }
 label { display: inline-block; vertical-align: middle; cursor: pointer; }
 input { display: inline-block; vertical-align: middle; margin: 0 3px 0 8px; font-family: 'SCDream4'; cursor: pointer; }
 input[type="text"] { cursor: inherit; margin: 0; }
 input[type="password"] { cursor: inherit; margin: 0; }
.rec-btn a { display: inline-block; background-color: #4169e1; border: 1px solid #4169e1; color: #fff; padding: 4px 15px; font-size: 14px; line-height: inherit; }
.rec-btn a:hover { color: #4169e1; background-color: #fff; }
.rec-btn input[type="submit"] { margin: -2px 0 0 0; padding: 4px 15px; font-size: 14px; color: #fff; background-color: #4169e1; border: 1px solid #4169e1; line-height: inherit; }
.rec-btn input:hover { background-color: #fff; color: #4169e1; }
.rec-btn input[type="button"] { margin: -2px 0 0 0; padding: 4px 15px; font-size: 14px; color: #fff; background-color: #4169e1; border: 1px solid #4169e1; line-height: inherit; }
.rec-btn input:hover { background-color: #fff; color: #4169e1; }

.rec-btn2 a { display: inline-block; background-color: #4169e1; border: 1px solid #4169e1; color: #fff; padding: 2px 3px; font-size: 14px; line-height: inherit; }
.rec-btn2 a:hover { color: #4169e1; background-color: #fff; }

.rec-btn2.rec-c1 a { display: inline-block; background-color: #fd8f2d; border: 1px solid #fd8f2d; color: #fff; padding: 2px 3px; font-size: 14px; line-height: inherit; }
.rec-btn2.rec-c1 a:hover { color: #fd8f2d; background-color: #fff; }

.rec-btn3 a { display: inline-block; background-color: #04488f; border: 1px solid #04488f; color: #fff; padding: 2px 3px; font-size: 14px; line-height: inherit; }
.rec-btn3 a:hover { color: #04488f; background-color: #fff; }

.rec-btn2.b1 { background-color: #fff; border: 1px solid #959595; color: #959595; padding: 2px 3px; font-size: 14px; line-height: inherit; vertical-align: middle; margin: -2px 0 0 0; cursor: default; }
.rec-btn2.b2 { background-color: #959595; border: 1px solid #959595; color: #fff; padding: 2px 3px; font-size: 14px; line-height: inherit; vertical-align: middle; margin: -2px 0 0 0; cursor: default; }
.rec-btn2.b3 { background-color: #153f03; border: 1px solid #153f03; color: #fff; padding: 2px 3px; font-size: 14px; line-height: inherit; vertical-align: middle; margin: -2px 0 0 0; cursor: default; }
.rec-btn2.b4 { background-color: #f3672a; border: 1px solid #f3672a; color: #fff; padding: 2px 3px; font-size: 14px; line-height: inherit; vertical-align: middle; margin: -2px 0 0 0; cursor: default; }
.rec-btn2.b5 a { background-color: #c90006; border: 1px solid #c90006; color: #fff; padding: 2px 3px; font-size: 14px; line-height: inherit; }
.rec-btn2.b5 a:hover { background-color: #fff; color: #c90006; }

.rec-btn-wrap1 { width: 100%; text-align: left; }
.rec-btn1 a { padding: 4px 20px; font-size: 14px; color: #fff; background-color: #f3672a; border: 1px solid #f3672a; line-height: inherit; }
.rec-btn1 a:hover { color: #f3672a; background-color: #fff; }

.usm-imp { margin: 5px 0; }

.lst-day { clear: both; width: 100%; margin: 0 0 20px 0; background-color: #4169e1; color: #fff; font-size: 16px; padding: 5px 20px; box-sizing: border-box; border-radius: 15px; }

/* ¸®½ºÆ® */
.tch-year-wrap{clear:both;text-align:center;}
.tch-year-wrap span {dispaly:inline-block;font-weight:bold;font-size:1.5em;margin:0px 7px;}
.tch-year-wrap span:first-child {text-indent:-9999px;background:url('../../../images/sch-prev.gif') no-repeat center center;}
.tch-year-wrap span:last-child {text-indent:-9999px;background:url('../../../images/sch-next.gif') no-repeat center center;}
.tch-year-wrap a{display:inline-block;width:20px;}

.tch-month-wrap{clear:both;margin:5px 0;text-align:center;}
.tch-month-wrap > span {display:inline-block;border-style:solid;border-width:1px 1px 1px 0px;border-color:#d7d7d7;font-weight:bold;background-color:#f9f9f9;margin-bottom:3px;}
.tch-month-wrap > span:first-child {border-left-width:1px;}
.tch-month-wrap a {display:inline-block;padding: 10px 0;width:50px;}
.tch-month-wrap .tch-sel-mon {background-color:#0060c4; color: #fff; } 

.usm-brd-lst.lst td { text-align: center; word-break: break-all; }
.usm-brd-lst.lst .lst1 { display: none; width: 20px; }
.usm-brd-lst.lst .lst2 { width: 20px; }
.usm-brd-lst.lst .lst3 { }
.usm-brd-lst.lst .lst4 { display: none; }
.usm-brd-lst.lst .lst5 { display: none; }
.usm-brd-lst.lst .lst6 { display: none; }
.usm-brd-lst.lst .lst7 { width: 60px; }
.usm-brd-lst.lst .lst8 { width: 65px; }
.usm-brd-lst.lst .lst9 { width: 60px; }

.usm-brd-lst.lst td.lst3 a { color: #0060c4; }

.alst { clear: both; float: left; width: 100%; margin: 15px 0 0 0; }
.alst > ul > li { clear: both; width: 100%; box-sizing: border-box; border: 1px solid #d2d2d2; padding: 10px; margin: 0 0 10px 0; }
.alst ul li input[type="checkbox"] { margin: 0; width: 15px; height: 15px; border-radius: 0; margin: 0 0 8px 0; }
.alst ul li .tch-thumbnail { width: 100%; height: 200px; }
.alst ul li .tch-thumbnail img { display: inline-block; width: 100%; height: 200px; }
.alst ul li .alst_t { clear: both; width: 100%; text-align: center; font-size: 14px; font-weight: bold; padding: 10px 0; border-bottom: 1px solid #d2d2d2; }
.alst ul li .alst_t:hover { color: #0060c4; }
.alst ul li .alst_c { clear: both; width: 100%; margin: 8px 0; }
.alst ul li .alst_c li { clear: both; width: 100%; padding: 2px 0; }
.alst ul li .alst_btn { clear: both; width: 100%; text-align: center; }

.usm-btn-wrap { width: 100%; margin: 5px 0; }
/* ¸®½ºÆ® */

/* sms ¼³Á¤ */
.usm-brd-wrt.sms1 input[type="text"] { width: 100%; }
.usm-brd-wrt.sms1 strong { color: #4169e1; }

.usm-brd-wrt.sms1 th { background-color: #e5eeff; }
.usm-brd-wrt.sms1 tr > th:nth-child(1) { width: 20%; }
.usm-brd-wrt.sms1 tr:nth-child(4) td input[type="text"] { width: 40%; }

.usm-brd-wrt.sms1 .sms-m1 { clear: both; width: 100%; margin: 0 0 20px 0; display: table; }
.usm-brd-wrt.sms1 .sms-m1 .m1t { display: table-cell; width: 25%; text-align: center; font-weight: bold; background-color: #f8f8f8; vertical-align: middle; }
.usm-brd-wrt.sms1 .sms-m1 .m1t:hover { color: #4169e1; }
.usm-brd-wrt.sms1 .sms-m1 ul { display: table-cell; width: calc(75% - 20px); padding: 0 10px; }
.usm-brd-wrt.sms1 .sms-m1 ul li { }
.usm-brd-wrt.sms1 .sms-m1 ul li:nth-child(1) { font-weight: bold; margin: 0 0 5px 0; color: #4169e1; }
.usm-brd-wrt.sms1 .sms-m1 ul li:nth-child(2) { border-bottom: 1px solid #e7e7e7; margin: 0 0 15px 0; padding: 0 0 5px 0; }
.usm-brd-wrt.sms1 .sms-m1 ul li:nth-child(3) { font-weight: bold; margin: 0 0 5px 0; color: #4169e1; }
.usm-brd-wrt.sms1 .sms-m1 ul li:nth-child(4) { border-bottom: 1px solid #e7e7e7; padding: 0 0 5px 0; }
.usm-brd-wrt.sms1 .sms-m1 ul li:nth-child(4) .usm-imp { margin: 5px 0 0 0; }

.usm-brd-wrt.sms1 .sms-m2 { clear: both; width: 100%; margin: 0 0 20px 0; display: table; }
.usm-brd-wrt.sms1 .sms-m2 .m2t { display: table-cell; width: 25%; text-align: center; font-weight: bold; background-color: #f8f8f8; vertical-align: middle; }
.usm-brd-wrt.sms1 .sms-m2 .m2t:hover { color: #4169e1; }
.usm-brd-wrt.sms1 .sms-m2 ul { display: table-cell; width: calc(75% - 20px); padding: 0 10px; }
.usm-brd-wrt.sms1 .sms-m2 ul li { }
.usm-brd-wrt.sms1 .sms-m2 ul li:nth-child(1) { font-size: 14px; font-weight: bold; margin: 0 0 5px 0; color: #4169e1; }
.usm-brd-wrt.sms1 .sms-m2 ul li:nth-child(2) { border-bottom: 1px solid #e7e7e7; margin: 0 0 15px 0; padding: 0 0 5px 0; }
.usm-brd-wrt.sms1 .sms-m2 ul li:nth-child(3) { font-size: 14px; font-weight: bold; margin: 0 0 5px 0; color: #4169e1; }
.usm-brd-wrt.sms1 .sms-m2 ul li:nth-child(4) { border-bottom: 1px solid #e7e7e7; padding: 0 0 5px 0; }
.usm-brd-wrt.sms1 .sms-m2 ul li:nth-child(4) .usm-imp { margin: 5px 0 0 0; }

.sms-anne { clear: both; width: calc(100% - 20px); border-top: 2px solid #000; padding: 10px; }
.sms-anne li { line-height: 160%; }
.sms-anne li strong { color: #4169e1; }

.sec-btn a { display: inline-block; background-color: #4169e1; border: 1px solid #4169e1; color: #fff; padding: 4px 15px; font-size: 14px; line-height: inherit; }
.sec-btn a:hover { color: #4169e1; background-color: #fff; }
/* sms ¼³Á¤ */

/* view */
.usm-brd-vew.rec th { width: 40%; }
.usm-brd-vew.rec th .tch-thumbnail { width: 100%; height: 120px; }
.usm-brd-vew.rec th .tch-thumbnail img { display: inline-block; width: 100%; height: 120px; }
.usm-brd-vew.rec .alst_c li { padding: 2px 0; }
.usm-brd-vew.rec .alst_c li .usm-imp { margin: 0 0 0 8px; }
.usm-brd-vew.rec td .file-con { clear: both; float: left; width: 100%; }
.usm-brd-vew.rec td .file-con .file-btn { float: left; }
.usm-brd-vew.rec td .file-con .file-btn2 { float: right; }
/* view */

/* write */
.usm-brd-wrt.rec, .usm-brd-wrt.rec2, .usm-brd-wrt.rec3 { margin: 0 0 20px 0; }
.usm-brd-wrt.rec th { width: 30%; }

.usm-brd-wrt.rec tr:nth-child(1) td input[type="text"] { width: 100%; }
.usm-brd-wrt.rec tr:nth-child(2) td input[type="text"] { width: 100%; }
.usm-brd-wrt.rec tr:nth-child(3) td input[type="text"] { width: 100%; }
.usm-brd-wrt.rec tr:nth-child(7) td input[type="text"] { width: 20%; vertical-align: middle; }
.usm-brd-wrt.rec tr:nth-child(11) td input[type="checkbox"] { margin: 0 4px 0 0; }
.usm-brd-wrt.rec tr:nth-child(11) td label { margin: 0 8px 0 0; }

.usm-brd-wrt.rec2 th { width: 30%; }
.usm-brd-wrt.rec2 tr:nth-child(1) td input[type="text"] { width: 100%; }
.usm-brd-wrt.rec2 tr:nth-child(4) td input[type="text"] { width: 20%; vertical-align: middle; }
.usm-brd-wrt.rec2 tr:nth-child(8) td input[type="checkbox"] { margin: 0 4px 0 0; }
.usm-brd-wrt.rec2 tr:nth-child(8) td label { margin: 0 8px 0 0; }
.usm-brd-wrt.rec2 td #startYmd { width: 30%; }
.usm-brd-wrt.rec2 td #endYmd { width: 30%; }
.usm-brd-wrt.rec2 td #dateStartYmd { width: 30%; }
.usm-brd-wrt.rec2 td #dateEndYmd{ width: 30%; }

.usm-brd-wrt.rec4 th { width: 33.33333%; }
.usm-brd-wrt.rec4 td { width: 33.33333%; text-align: center; }
/* write */

/* update */
.usm-brd-wrt.recu, .usm-brd-wrt.recu2, .usm-brd-wrt.recu3 { margin: 0 0 20px 0; }
.usm-brd-wrt.recu th { width: 30%; }

.usm-brd-wrt.recu tr:nth-child(1) td input[type="text"] { width: 100%; }
.usm-brd-wrt.recu tr:nth-child(2) td input[type="text"] { width: 100%; }
.usm-brd-wrt.recu tr:nth-child(3) td input[type="text"] { width: 100%; }
.usm-brd-wrt.recu tr:nth-child(7) td input[type="text"] { width: 20%; vertical-align: middle; }
.usm-brd-wrt.recu tr:nth-child(11) td input[type="checkbox"] { margin: 0 4px 0 0; }
.usm-brd-wrt.recu tr:nth-child(11) td label { margin: 0 8px 0 0; }

.usm-brd-wrt.recu2 th { width: 30%; }
.usm-brd-wrt.recu2 tr:nth-child(1) td input[type="text"] { width: 100%; }
.usm-brd-wrt.recu2 tr:nth-child(4) td input[type="text"] { width: 20%; vertical-align: middle; }
.usm-brd-wrt.recu2 tr:nth-child(9) td input[type="checkbox"] { margin: 0 4px 0 0; }
.usm-brd-wrt.recu2 tr:nth-child(9) td label { margin: 0 8px 0 0; }
.usm-brd-wrt.recu2 td #startYmd { width: 30%; }
.usm-brd-wrt.recu2 td #endYmd { width: 30%; }
.usm-brd-wrt.recu2 td #dateStartYmd { width: 30%; }
.usm-brd-wrt.recu2 td #dateEndYmd{ width: 30%; }

.usm-brd-wrt.recu4 th { width: 33.33333%; }
.usm-brd-wrt.recu4 td { width: 33.33333%; text-align: center; }
/* update */

/* apply */
.usm-brd-vew.agree th { background-color: #e5eeff; }
.usm-brd-vew.agree .agree-t { width: 100%; text-align: center; color: #4169e1; }
.usm-brd-vew.agree .agree-t strong{ color: red; }
.usm-brd-vew.agree .agree-t2 { position: relative; right: 0; float: right; }
.usm-brd-vew.agree .agree-t2:hover { color: #4169e1; }
.usm-brd-vew.agree .agree-t2 input { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; cursor: pointer; }
.usm-brd-vew.agree .agree-t2 label { display: inline-block; vertical-align: middle; cursor: pointer; }
.usm-brd-vew.agree td { padding: 20px; }
.usm-brd-vew.agree p { clear: both; width: 100%; line-height: 160%; }
.usm-brd-vew.agree p .pri02 { font-weight: bold; font-size: 15px; }
.usm-brd-vew.agree div { margin: 15px 0 0 0; }

.usm-btn-wrap2 { clear: both; width: 100%; text-align: center; }

.usm-brd-wrt.app th { width: 30%; }
.usm-brd-wrt.app td input[type="text"] { width: 50%; }
.usm-brd-wrt.app td input[type="password"] { width: 50%; }
/* apply */

/* reservation */
.res1 { width: 100%; margin: 0 0 20px 0; }

.usm-brd-wrt.rese th { width: 40%; }
.usm-brd-wrt.rese td input { width: 60%; }

.usm-brd-lst.rese td { text-align: center; }

.usm-brd-lst.rese td { text-align: center; word-break: break-all; }
.usm-brd-lst.rese .lres1 { width: 40px; display: none; }
.usm-brd-lst.rese .lres2 { }
.usm-brd-lst.rese .lres3 { }
.usm-brd-lst.rese .lres4 { }
.usm-brd-lst.rese .lres5 { }
.usm-brd-lst.rese .lres6 { display: none; }
.usm-brd-lst.rese .lres7 { width: 65px; }

.rec-btn3:nth-child(1) { margin: 0 3px 0 0; }
.rec-btn3 a { display: inline-block; padding: 4px 5px; background-color: #4169e1; border: 1px solid #4169e1; color: #fff; line-height: inherit; font-size: 14px; margin: 0; }
.rec-btn3 a:hover { background-color: #fff; color: #4169e1; }

.rec-btn4 { display: inline-block; padding: 4px 5px; height: 19px; background-color: #4169e1; border: 1px solid #4169e1; color: #fff; line-height: inherit; cursor: pointer; vertical-align: middle; }
.rec-btn4:hover { background-color: #fff; color: #4169e1; }

/* reservation */

/* dlst, dvew, dwrt */
.usm-brd-lst.dlst td { text-align: center; word-break: break-all; }
.usm-brd-lst.dlst .dlst1 { width: 20px; }
.usm-brd-lst.dlst .dlst2 { width: 20px; display: none; }
.usm-brd-lst.dlst .dlst3 { }
.usm-brd-lst.dlst .dlst4 { }
.usm-brd-lst.dlst .dlst5 { }
.usm-brd-lst.dlst .dlst6 { }

.usm-brd-vew.dvew th { width: 30%; }

.usm-brd-wrt.dupt th { width: 30%; }
/* dlst, dvew */
@media (min-width:500px) and (max-width:768px){

.alst > ul > li { clear: none; float: left; width: 49%; box-sizing: border-box; border: 1px solid #d2d2d2; padding: 10px; }
.alst > ul > li:nth-child(odd) { margin: 0 2% 0 0; }
.alst ul li .tch-thumbnail { width: 100%; height: 200px; }
.alst ul li .tch-thumbnail img { display: inline-block; width: 100%; height: 200px; }

}

@media all and (min-width: 769px){

.usm-brd-lst.lst .lst1 { display: table-cell; }
.usm-brd-lst.lst .lst2 { }
.usm-brd-lst.lst .lst3 { }
.usm-brd-lst.lst .lst4 { display: table-cell; }
.usm-brd-lst.lst .lst5 { display: table-cell; }
.usm-brd-lst.lst .lst6 { display: table-cell; }
.usm-brd-lst.lst .lst7 { }
.usm-brd-lst.lst .lst8 { }
.usm-brd-lst.lst .lst9 { }

.alst > ul > li { clear: none; float: left; width: 33%; box-sizing: border-box; border: 1px solid #d2d2d2; padding: 10px; }
.alst > ul > li:nth-child(2) { margin: 0 0.5%; }
.alst > ul > li:nth-child(5) { margin: 0 0.5%; }
.alst > ul > li:nth-child(8) { margin: 0 0.5%; }
.alst > ul > li:nth-child(11) { margin: 0 0.5%; }
.alst > ul > li:nth-child(14) { margin: 0 0.5%; }
.alst > ul > li:nth-child(17) { margin: 0 0.5%; }
.alst > ul > li:nth-child(20) { margin: 0 0.5%; }
.alst > ul > li:nth-child(23) { margin: 0 0.5%; }
.alst ul li .tch-thumbnail { width: 100%; height: 150px; }
.alst ul li .tch-thumbnail img { display: inline-block; width: 100%; height: 150px; }

.usm-brd-vew.rec th .tch-thumbnail { width: 100%; height: 200px; }
.usm-brd-vew.rec th .tch-thumbnail img { display: inline-block; width: 100%; height: 200px; }
.usm-brd-vew.rec .alst_c li { padding: 6px 0; }

.usm-brd-wrt.rec2 td #startYmd { width: 20%; }
.usm-brd-wrt.rec2 td #endYmd { width: 20%; }
.usm-brd-wrt.rec2 td #dateStartYmd { width: 20%; }
.usm-brd-wrt.rec2 td #dateEndYmd{ width: 20%; }

.usm-brd-wrt.recu2 td #startYmd { width: 20%; }
.usm-brd-wrt.recu2 td #endYmd { width: 20%; }
.usm-brd-wrt.recu2 td #dateStartYmd { width: 20%; }
.usm-brd-wrt.recu2 td #dateEndYmd{ width: 20%; }

.usm-brd-lst.rese .lres1 { display: table-cell; }
.usm-brd-lst.rese .lres6 { display: table-cell; }
.usm-brd-lst.rese .lres7 { width: 150px; }

.usm-brd-lst.dlst .dlst1 { }
.usm-brd-lst.dlst .dlst2 { display: table-cell; }
.usm-brd-lst.dlst .dlst3 { }
.usm-brd-lst.dlst .dlst4 { }
.usm-brd-lst.dlst .dlst5 { }
.usm-brd-lst.dlst .dlst6 { }

}