body { font-size: 1.6rem; }
h6 { clear: both; width: 100%; height: 32px; line-height: 32px; padding: 0; margin: 0 0 10px 0; font-size: 2.3rem; color: #000; }
 label { display: inline-block; vertical-align: middle; cursor: pointer; }
 input { display: inline-block; vertical-align: middle; margin: 0 3px 0 8px; font-family: 'Pretendard'; cursor: pointer; }
 input[type="text"] { cursor: inherit; margin: 0; }
 input[type="password"] { cursor: inherit; margin: 0; }
.rec-btn a { display: inline-block; background-color: #034694; border: 1px solid #034694; color: #fff; padding: 4px 15px; font-size: 14px; line-height: inherit; }
.rec-btn a:hover { color: #034694; background-color: #fff; }
.rec-btn input[type="submit"] { margin: -2px 0 0 0; padding: 4px 15px; font-size: 14px; color: #fff; background-color: #034694; border: 1px solid #034694; line-height: inherit; }
.rec-btn input:hover { background-color: #fff; color: #034694; }
.rec-btn input[type="button"] { margin: -2px 0 0 0; padding: 4px 15px; font-size: 14px; color: #fff; background-color: #034694; border: 1px solid #034694; line-height: inherit; }
.rec-btn input:hover { background-color: #fff; color: #034694; }

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

.rec-btn2.rec-c1 a { display: inline-block; background-color: #fd8f2d; border: 1px solid #fd8f2d; color: #fff; padding: 2px 3px; 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; line-height: inherit; }
.rec-btn3 a:hover { color: #04488f; background-color: #fff; }

.b1, .b2, .b3, .b4 a, .b5 a {
    cursor:pointer; _cursor:hand;
    color: #505050;
    background-color:#fff;
	padding: 0 1rem;
	font-weight: normal;
    font-size: 1.8rem;
    height: 3rem;
    line-height: 2.7rem;
    transition-duration: 0.2s;
    border: 1px solid #505050;
    border-radius: 0.5rem;
    display: inline-block;
    font-family: 'Pretendard';
    box-sizing: border-box;
    margin: 0 0 0 0.2rem;
}
.b1, .b2, .b3, .b4 a, .b5 a:hover {
    color: #fff;
    background-color: #505050;
}

.b1 { background-color: #00823a; border: 1px solid #00823a; color: #fff; cursor: default; }
.b2 { background-color: #505050; border: 1px solid #505050; color: #fff; cursor: default; }
.b3 { background-color: #034694; border: 1px solid #034694; color: #fff; cursor: default; }
.b4 a { background-color: #034694; border: 1px solid #034694; color: #fff; margin: -0.3rem 0 0 0; }
.b4 a:hover { background-color: #fff; color: #034694; }
.b5 a { background-color: #e60012; border: 1px solid #e60012; color: #fff; margin: -0.3rem 0 0 0; }
.b5 a:hover { background-color: #fff; color: #e60012; }

.rec-btn-wrap1 { width: 100%; text-align: left; }
.rec-btn1 a { padding: 4px 20px; 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; }

.usm-imp2 { margin: 0 0 5px 0; font-weight: bold; }
.usm-imp2 .sta1 { color: #0060c4; }
.usm-imp2 .sta2 { color: #085820; }

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

/* list */
.tch-year-wrap { clear: both; text-align: center; width: 100%; height: 7rem; box-sizing: border-box; border: 3px solid #d2e4ff; border-radius: 8px; position: relative; padding: 1.5rem 0 0 0; }
.tch-year-wrap span a { display: block; font-size: 1.6rem; color: #505050; }
.tch-year-wrap span:nth-child(1) { position: absolute; top: 1.2rem; left: 1rem; }
.tch-year-wrap span:nth-child(1) a:before { content: url('../../../../../../images/paging-prev.png'); display: inline-block; vertical-align: middle; width: 4rem; height: 4rem; border: 1px solid #d5d5d5; border-radius: 25px; margin: 0 0.5rem 0 0; }
.tch-year-wrap span:nth-child(1) a:hover:before { border: 1px solid #505050; }
.tch-year-wrap span:nth-child(2) { font-weight: bold; font-size: 2.5rem; margin: 0px 7px; }
.tch-year-wrap span:nth-child(3) { position: absolute; top: 1.2rem; right: 1rem; }
.tch-year-wrap span:nth-child(3) a:after { content: url('../../../../../../images/paging-prev.png'); transform: scale(-1, 1); display: inline-block; vertical-align: middle; width: 4rem; height: 4rem; border: 1px solid #d5d5d5; border-radius: 25px; margin: 0 0 0 0.5rem; }
.tch-year-wrap span:nth-child(3) a:hover:after { border: 1px solid #505050; }

.tch-month-wrap { clear: both; margin: 0.5rem 0; width: 100%; height: 7rem; box-sizing: border-box; padding: 1rem 0; background-color: #e4efff; text-align: center; border-radius: 8px; }
.tch-month-wrap > span { display: inline-block; }
.tch-month-wrap a { display: inline-block; font-size: 1.4rem; color: #034694; font-weight: bold; }
.tch-month-wrap a.tch-sel-mon { font-size: 1.6rem; color: #000; font-weight: bold; border-bottom: 2px solid #000; }
.tch-month-wrap span:after { content: '\2022'; font-size: 2rem; display: inline-block; vertical-align: middle; margin: 0 0.5rem; color: #034694; }
.tch-month-wrap span:last-child:after { content: ''; } 

.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: 7rem; }
.usm-brd-lst.lst .lst8 { width: 9rem; }
.usm-brd-lst.lst .lst9 { width: 8rem; }

.usm-brd-lst.lst .lst3 a { color: #0060c4; margin: 0; }
.usm-brd-lst.lst .lst8 span:last-child a { margin: 2px 0 0 0; }

.usm-btn-wrap { width: 100%; margin: 5px 0; }
/* list */

/* view */
.usm-brd-vew.rec { border-top: 2px solid #034694; }
.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(6) td input[type="text"] { width: 100px; vertical-align: middle; }
.usm-brd-wrt.rec2 tr:nth-child(7) td input[type="text"] { width: 100px; vertical-align: middle; }
.usm-brd-wrt.rec2 tr:nth-child(5) td input[type="checkbox"] { margin: 0 0.4rem 0.3rem 0; }
.usm-brd-wrt.rec2 tr:nth-child(5) td label { margin: 0 0.8rem 0.3rem 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.rec2 input[type="checkbox"] { width: 2.5rem; height: 2.5rem; }
.usm-brd-wrt.rec2 input[type="radio"] { width: 2.5rem; height: 2.5rem; }

.usm-brd-wrt.rec4 th { width: 33.33333%; }
.usm-brd-wrt.rec4 td { width: 33.33333%; text-align: center; }
.usm-brd-wrt.rec4 input[type="checkbox"] { width: 2.5rem; height: 2.5rem; }
.usm-brd-wrt.rec4 input[type="radio"] { width: 2.5rem; height: 2.5rem; }
/* 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(6) td input[type="text"] { width: 100px; vertical-align: middle; }
.usm-brd-wrt.recu2 tr:nth-child(7) td input[type="text"] { width: 100px; vertical-align: middle; }
.usm-brd-wrt.recu2 tr:nth-child(5) td input[type="checkbox"] { margin: 0 0.4rem 0.3rem 0; }
.usm-brd-wrt.recu2 tr:nth-child(5) td label { margin: 0 0.8rem 0.3rem 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.recu2 input[type="checkbox"] { width: 2.5rem; height: 2.5rem; }
.usm-brd-wrt.recu2 input[type="radio"] { width: 2.5rem; height: 2.5rem; }

.usm-brd-wrt.recu4 th { width: 33.33333%; }
.usm-brd-wrt.recu4 td { width: 33.33333%; text-align: center; }
.usm-brd-wrt.recu4 input[type="checkbox"] { width: 2.5rem; height: 2.5rem; }
.usm-brd-wrt.recu4 input[type="radio"] { width: 2.5rem; height: 2.5rem; }
/* update */

/* apply */
.usm-brd-vew.agree { border-top: 2px solid #034694; }
.usm-brd-vew.agree th { background-color: #e5eeff; }
.usm-brd-vew.agree .agree-t { width: 100%; text-align: center; color: #034694; }
.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: #034694; }
.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 strong { color: red; }
.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; }

.res-info { background-color: #edf2f9; border: 1px solid #d7e3f3; box-sizing: border-box; padding: 20px; }
.res-info li { line-height: 200%; }
.res-info li:before { content:'\25AA'; padding: 0 5px 0 0; }
.res-info li.cen { margin: 15px 0 0 0; text-align: right; line-height: inherit; }
.res-info li.cen:before { content: none; }
.res-info .usm-me a { margin: -0.3rem 0 0 0; }
.res-info .deleteRow {
    cursor:pointer; _cursor:hand;
    color: #505050;
    background-color:#fff;
	padding: 0 1rem;
	font-weight: normal;
    font-size: 1.8rem;
    height: 3rem;
    line-height: 2.7rem;
    transition-duration: 0.2s;
    border: 1px solid #505050;
    border-radius: 0.5rem;
    display: inline-block;
    font-family: 'Pretendard';
    box-sizing: border-box;
    margin: 0 0 0 0.2rem;
}
.res-info .deleteRow:hover {
	background-color: #505050;
	color: #fff;
}

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

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

/* reservation */

/* dlst, dvew, dwrt, wrt */
.usm-brd-lst.dlst td { text-align: center; word-break: break-all; }
.usm-brd-lst.dlst th:nth-child(1) { width: 20px; }
.usm-brd-lst.dlst th:nth-child(2) { width: 20px; display: none; }

.usm-brd-lst.dlst td:nth-child(2) { display: none; }
.usm-brd-lst.dlst td a { color: #034694; font-weight: bold; }

.usm-brd-vew.dvew { border-top: 2px solid #034694; }
.usm-brd-vew.dvew th { width: 30%; }

.usm-brd-wrt.dupt th { width: 30%; }

.usm-brd-wrt.wrt strong { color: red;}
.usm-brd-wrt.wrt th { width: 30%; }
/* dlst, dvew */
@media (min-width:500px) and (max-width:768px){
.tch-month-wrap { padding: 1rem 0; }
.tch-month-wrap span:after { margin: 0 1.8rem; }
.tch-month-wrap a { font-size: 1.6rem; }
.tch-month-wrap a.tch-sel-mon { font-size: 1.8rem; }
	
.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){
.tch-month-wrap { padding: 2rem 0; }
.tch-month-wrap span:after { margin: 0 1.5rem; }
.tch-month-wrap a { font-size: 2rem; }
.tch-month-wrap a.tch-sel-mon { font-size: 2.3rem; }

.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 th:nth-child(2) { display: table-cell; }
.usm-brd-lst.dlst td:nth-child(2) { display: table-cell; }

.usm-brd-wrt.app td input[type="text"] { width: 20%; }
.usm-brd-wrt.app td input[type="password"] { width: 20%; }

}