/* default */
body { font-size: 1.6rem; }
.usm-imp { margin: 0.5rem 0; }
h6 { font-size: 2.2rem; margin: 2rem 0 1rem 0; color: #222; }

button { font-family:'Pretendard'; cursor: pointer; }
label { display: inline-block; vertical-align: middle; cursor: pointer; }
input { display: inline-block; vertical-align: middle; font-family: 'Pretendard'; cursor: pointer; }
input[type="text"] { cursor: inherit; margin: 0; }
input[type="password"] { cursor: inherit; margin: 0; }

.usm-btn a { margin: 0; }

.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; } 

.tch-sch-tbl {word-wrap:break-word;word-break:break-all;}
.tch-sch-tbl {border-top:2px solid #000; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; }
.tch-sch-tbl th {color:#000000;padding:10px 0;border:1px solid #E4E4E4;width:14%;background-color: #f8f8f8; }
.tch-sch-tbl th:first-child{border-left-width:0;}
.tch-sch-tbl th:last-child{border-right-width:0;}

.tch-sch-tbl td {border-style:solid;border-color:#E4E4E4;border-width:0 1px 0 1px;letter-spacing:-1px;height: 100px;vertical-align:top;}
.tch-sch-tbl td:first-child{border-left-width:0;}
.tch-sch-tbl td:last-child{border-right-width:0;}
.tch-sch-tbl td.tch-d {border-top:1px solid #E4E4E4;padding:5px;}
.tch-sch-tbl tr:last-child {border-bottom:1px solid #E4E4E4}
.tch-sch-tbl td input { margin: 0; }

.tch-sch-tbl td.tch-d.cl1 {background-color: #FFF0E9;}
.tch-sch-tbl td.tch-d .date {font-weight:bold;}
.tch-sch-tbl td.tch-d .date.holiday {color: #ff1c00;}
.tch-sch-tbl td.tch-d .date.holiday a {color: #ff1c00;}
.tch-sch-tbl td.tch-d .content .holiday {color: #ff1c00;}
.tch-sch-tbl td.tch-d .content .inwonStatus {color: blue;}
.tch-sch-tbl td.tch-d .content ul {font-size:8pt;}
.tch-sch-tbl td.tch-d .content ul img {vertical-align:middle;}

.sta1 { border: 1px solid #0d429e; color: #0d429e; padding: 0.3rem 1rem; border-radius: 0.5rem; }
.sta2 { border: 1px solid #555555; color: #555555; padding: 0.3rem 1rem; border-radius: 0.5rem; }
.sta3 { border: 1px solid #5F5482; color: #5F5482; padding: 0.3rem 1rem; border-radius: 0.5rem; }
.sta4 { border: 1px solid #23786c; color: #23786c; padding: 0.3rem 1rem; border-radius: 0.5rem; }
.sta5 { border: 1px solid #926755; color: #926755; padding: 0.3rem 1rem; border-radius: 0.5rem; }
.sta6 { border: 1px solid #E59382; color: #E59382; padding: 0.3rem 1rem; border-radius: 0.5rem; }
.sta7 { border: 1px solid #d7009b; color: #d7009b; padding: 0.3rem 1rem; border-radius: 0.5rem; }
.sta8 { border: 1px solid #00AC91; color: #00AC91; padding: 0.3rem 1rem; border-radius: 0.5rem; }
.sta9 { border: 1px solid #005B48; color: #005B48; padding: 0.3rem 1rem; border-radius: 0.5rem; }
.sta10 { border: 1px solid #00C9AC; color: #00C9AC; padding: 0.3rem 1rem; border-radius: 0.5rem; }
.sta11 a { background-color: #5D7363; border: 1px solid #5D7363; color: #fff; padding: 3px 8px; display: inline-block; vertical-align: middle; }
.sta11 a:hover { color: #5d7363; background-color: #fff; }
.sta11 button { background-color: #5D7363; border: 1px solid #5D7363; color: #fff; padding: 3px 8px; display: inline-block; vertical-align: middle; }
.sta11 button:hover { color: #5d7363; background-color: #fff; }

.jbetc-info-tab { clear: both; width: 100%; display: flow-root; margin: 0 0 1rem 0; }
.jbetc-info-tab li { float: left; width: calc(33.33333333% - 0.5rem); box-sizing: border-box; display: inline-block; margin: 0 0.5rem 0.5rem 0; }
.jbetc-info-tab li:last-child { margin: 0; }
.jbetc-info-tab li a { display: inline-block; font-size: 1.8rem; width: 100%; height: 5rem; line-height: 5rem; box-sizing: border-box; color: #505050; border: 1px solid #757575; vertical-align: middle; text-align: center; border-radius: 1rem; }
.jbetc-info-tab li a:hover { background-color: #161616; color: #fff; transition: 0.5s; }
.jbetc-info-tab li.sel a { color: #fff; background-color: #161616; border: 1px solid #161616; }
.jbetc-info-tab li.sel a:before { content: url('../images/new_icon_check.png'); display: inline-block; vertical-align: baseline; margin: 0 0.5rem 0 0; }

.jbetc-info-tab2 { clear: both; width: 100%; margin: 0 0 1rem 0; display: flow-root; }
.jbetc-info-tab2 li { float: left; width: 50%; box-sizing: border-box; display: inline-block; }
.jbetc-info-tab2 li a { font-size: 1.8rem; display: inline-block; padding: 2rem 0; width: 100%; box-sizing: border-box; color: #505050; background-color: #f5f5f5; vertical-align: middle; text-align: center; border-radius: 1rem; }
.jbetc-info-tab2 li.sel a { color: #0065d7; background-color: #fff; border-left: 2px solid #0065d7; border-top: 2px solid #0065d7; border-right: 2px solid #0065d7; font-weight: bold; border-radius: 1rem 1rem 0 0; }

.jbetc-sel { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.jbetc-sel input[type="checkbox"] { margin: 0 3px 0 0; }
.jbetc-sel input[type="radio"] { margin: 0 3px 0 0; }
.jbetc-sel:last-child { margin: 0; }

.reser-anne { clear: both; width: 100%; }
.reser-anne:before { content: '\2714'; margin: 0 5px 0 0; color: red; }

.res-search2 { clear: both; width: 100%; margin: 0 0 10px 0; background-color: #f7f7f7; border: 1px solid #d7d7d7; box-sizing: border-box; padding: 10px 20px; display: flow-root; border-radius: 1rem; }
.res-search2 .res-con1 { width: 100%; margin: 0 0.5rem 0 0; }
.res-search2 .res-con2 { margin: 0 0 1rem 0; }
.res-search2 .res-con2 select { width: 100%; border: none; border-bottom: 2px solid #494949; background-color: transparent; margin: 0 1rem 0 0; cursor: pointer; }
.res-search2 .res-con3 { margin: 0 0 1rem 0; }
.res-search2 .res-con3 input[type="text"] { width: 10rem; }
.res-search2 .usm-la.search input[type="submit"] { background-color: #505050; border: 1px solid #505050; font-size: 1.6rem; }
.res-search2 .usm-la.search input[type="submit"]:hover { background-color: #fff; color: #505050; }
.res-search2 .usm-la.excel input[type="submit"] { background-color: #505050; border: 1px solid #505050; font-size: 1.6rem; }
.res-search2 .usm-la.excel input[type="submit"]:hover { background-color: #fff; color: #505050; }
.res-search2 input[type="text"]:nth-child(5) { width: 10rem; }
.res-search2 input[type="text"]:nth-child(6) { width: 10rem; }
.res-search2 input[type="text"]:nth-child(8) { width: 10rem; }
.res-search2 .res-down { float: right; }

.res-search3 { clear: both; width: 100%; margin: 0 0 10px 0; background-color: #f7f7f7; border: 1px solid #d7d7d7; box-sizing: border-box; padding: 10px 20px; display: flow-root; border-radius: 1rem; }
.res-search3 .res-search-con3 { float: left; }
.res-search3 select { border: none; border-bottom: 2px solid #494949; background-color: transparent; margin: 0 1rem 0 0; cursor: pointer; }
.res-search3 select:nth-child(1) { width: 130px; }
.res-search3 .usm-la.search input[type="submit"] { background-color: #505050; border: 1px solid #505050; font-size: 1.6rem; }
.res-search3 .usm-la.search input[type="submit"]:hover { background-color: #fff; color: #505050; }
.res-search3 .usm-la.excel input[type="submit"] { background-color: #505050; border: 1px solid #505050; font-size: 1.6rem; }
.res-search3 .usm-la.excel input[type="submit"]:hover { background-color: #fff; color: #505050; }
.res-search3 input[type="text"]:nth-child(3) { width: 10rem; }
.res-search3 input[type="text"]:nth-child(4) { width: 10rem; }
.res-search3 input[type="text"]:nth-child(6) { width: 10rem; }
.res-search3 .res-down { float: right; }

.res-search4 { clear: both; width: 100%; margin: 0 0 10px 0; background-color: #f7f7f7; border: 1px solid #d7d7d7; box-sizing: border-box; padding: 10px 20px; display: flow-root; border-radius: 1rem; }
.res-search4 .res-search-con4 { float: left; }
.res-search4 .res-search-con4 input[type="text"] { width: 10rem; }
.res-search4 .res-down { float: right; }
.res-search4 .usm-la.search input[type="submit"] { background-color: #505050; border: 1px solid #505050; font-size: 1.6rem; }
.res-search4 .usm-la.search input[type="submit"]:hover { background-color: #fff; color: #505050; }
/* default */

/* list */
.res-search { clear: both; width: 100%; margin: 0 0 1rem 0; background-color: #f7f7f7; border: 1px solid #d7d7d7; box-sizing: border-box; padding: 2rem; border-radius: 1rem; display: flow-root; }
.res-search-con li { display: inline; }
.res-search-con li:nth-child(1) a { width: 10rem; height: 4rem; line-height: 4rem; text-align: center; border-radius: 3rem; display: inline-block; vertical-align: middle; background-color: #d63852; border: 1px solid #d63852; color: #fff; }
.res-search-con li:nth-child(1) a:before { content: '\00b7'; display: inline-block; margin: 0 1rem; vertical-align: baseline; color: #fff; font-weight: bold; }
.res-search-con li:nth-child(1) a:hover { font-weight: bold; }
.res-search-con li:nth-child(2) a { width: 10rem; height: 4rem; line-height: 4rem; text-align: center; border-radius: 3rem; display: inline-block; vertical-align: middle; background-color: #fff; border: 1px solid #d63852; color: #d63852; }
.res-search-con li:nth-child(2) a:before { content: '\00b7'; display: inline-block; margin: 0 1rem; vertical-align: baseline; color: #d63852; font-weight: bold; }
.res-search-con li:nth-child(2) a:hover { font-weight: bold; }
.res-search-con li:nth-child(3) input[type="text"]{ width: 100px; }
.res-search-con li:nth-child(4) .usm-la.search input[type="submit"] { background-color: #505050; border: 1px solid #505050; font-size: 1.6rem; }
.res-search-con li:nth-child(4) .usm-la.search input[type="submit"]:hover { background-color: #fff; color: #505050; }

.res-reload { clear: both; width: 100%; text-align: right; margin: 5px 0 0 0; }
.res-reload a { cursor: pointer; display: inline-block; vertical-align: middle; width: 4.5rem; height: 5rem; }

.sel-ymd { clear: both; width: 100%; font-size: 3rem; font-weight: bold; color: #222; text-align: center; margin: 5rem 0 2rem 0; }

.res-sta { width: 100%; border: 1px solid #ddd; border-radius: 1rem; box-sizing: border-box; text-align: center; padding: 2rem 0; }
.res-sta li { display: inline-block; color: #222; padding: 1rem 2rem; border-radius: 3rem; height: 4.6rem; line-height: 2.6rem; box-sizing: border-box; }
.res-sta li:nth-child(1) { background-color: #f2f8ff; color: #123e7f; border: 1px solid #e4f0ff; }
.res-sta li:nth-child(2) { background-color: #fff1f2; color: #393939; border: 1px solid #fce8ea; }
.res-sta li:nth-child(3) { border: 1px solid #d2d2d2; }
.res-sta li:nth-child(4) { border: 1px solid #d2d2d2; }
.sta01:before { content:url('../images/new_icon_id.png'); display: inline-block; vertical-align: middle; line-height: 0; margin: 0 0.5rem 0 0; }
.sta02:before { content:url('../images/new_icon_group.png'); display: inline-block; vertical-align: middle; line-height: 0; margin: 0 0.5rem 0 0; }

.res-lst { clear: both; float: left; width: 100%; margin: 1rem 0 0 0; box-sizing: border-box; }
.res-lst li { float: left; width: calc(50% - 0.5rem); min-height: 10rem; margin: 0 1rem 1rem 0; border: 1px solid #efefef; background-color: #f9f9f9; box-sizing: border-box; padding: 1rem; border-radius: 1rem; }
.res-lst li a { width: 100%; }
.res-lst li:nth-child(even) { margin: 0 0 1rem 0; }
.res-lst li.noshow { background-color: #fce8ea; border: 1px solid #fff1f2; }
.res-lst li.check { background-color: #f2f8ff; border: 1px solid #e4f0ff; color: #123e7f; }
.res-lst li.check .res-nme { color: #123e7f; }
.res-lst li.check span { color: #123e7f; }
.res-nme { display: inline-block; font-weight: bold; margin: 0 0 8px 0; }
.res-nme:before { content: '\2022'; display: inline-block; vertical-align: baseline; color: #222; margin: 0 0.5rem 0 0; }

.user-nme { display: inline-block; vertical-align: middle; max-width: 30%; width: 30%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ilsu { padding: 0; float: right; }
/* list */

/* revew */
.usm-brd-vew.rev th { width: 30%; }
.usm-brd-vew.rev td input[type="radio"] { margin: 0 3px 0 0; }
.usm-brd-vew.rev td label { margin: 0 8px 0 0; }
/* revew */

/* reservelist */
.res-scroll { overflow-x: auto; }
.usm-brd-lst.res { min-width: 900px; width: 100%; }
.usm-brd-lst.res th:nth-child(1) { width: 50px; }
.usm-brd-lst.res th:last-child { width: 80px; }
.usm-brd-lst.res td { text-align: center; }
.usm-brd-lst.res td a { font-weight: bold; color: #123e7f; }
/* reservelist */

/* applist */
.applst-scroll { overflow-x: auto; }
.usm-brd-lst.applst { min-width: 900px; width: 100%; }
.usm-brd-lst.applst th:nth-child(1) { width: 50px; }
.usm-brd-lst.applst td { text-align: center; }
.usm-brd-lst.applst td a { font-weight: bold; color: #123e7f; }
/* applist */

/* canlist */
.canlst-scroll { overflow-x: auto; }
.usm-brd-lst.canlst { min-width: 900px; width: 100%; }
.usm-brd-lst.canlst th:nth-child(1) { width: 50px; }
.usm-brd-lst.canlst td { text-align: center; }
.usm-brd-lst.canlst td a { font-weight: bold; color: #123e7f; }
/* canlist */

/* paylist */
.paylst-scroll { overflow-x: auto; }
.usm-brd-lst.paylst { min-width: 900px; width: 100%; }
.usm-brd-lst.paylst th:nth-child(1) { width: 50px; }
.usm-brd-lst.paylst td { text-align: center; }
.usm-brd-lst.paylst td a { font-weight: bold; color: #123e7f; }
.usm-brd-lst.paylst td .plst-pay { padding: 0 0 8px 0; border-bottom: 1px solid #d7d7d7; }
.usm-brd-lst.paylst td .plst-bab { padding: 8px 0 0 0; }
/* paylist */

/* lotterApplist */
.scroll-vew { overflow-x: auto; width: 100%; min-height: 340px; box-sizing: border-box; border-top: 2px solid #014494; }
.scroll-vew.peak { min-height: inherit; height: 720px; }
.usm-brd-lst.applst2 { width: 2500px; table-layout: fixed; word-break: break-all; border-top: none; margin: 0; }
.usm-brd-lst.applst2 th { border-top: none; border-bottom: 1px solid #014494; }
.usm-brd-lst.applst2 tr:hover { background-color: lavender; }
.usm-brd-lst.applst2 tr:first-child { position: sticky; top: 0; z-index: 1; }
.usm-brd-lst.applst2 th:first-child { width: 9rem; position: sticky; left: 0; }
.usm-brd-lst.applst2 td { border: 1px solid #d7d7d7; text-align: center; font-weight: bold; }
.usm-brd-lst.applst2 td a { display: block; text-align: center; font-weight: bold; color: #123d82; }
.usm-brd-lst.applst2 td.win { background-color: #077d7b; }
.usm-brd-lst.applst2 td.win a { color: #fff; }
.usm-brd-lst.applst2 td.res { background-color: #172c6c; }
.usm-brd-lst.applst2 td.res a { color: #fff; }
.usm-brd-lst.applst2 td.sun { color: red; background-color: #fbcfd0; }
.usm-brd-lst.applst2 td.sat { color: blue; background-color: #c8ebfa; }
.lot-anne { clear: both; width: 100%; margin: 0 0 1rem 0; text-align: right; }
.lot-anne li { padding: 0.5rem 1rem; display: inline; color: #fff; border-radius: 0.5rem; }
.lot-anne li:nth-child(1) { background-color: #077d7b; border: 1px solid #077d7b; margin: 0 0.3rem 0 0; }
.lot-anne li:nth-child(2) { background-color: #172c6c; border: 1px solid #172c6c; color: #fff; }

.peakCnt { clear: both; width: 100%; margin: 8px 0 0 0; }
.peakCnt li { display: inline; }
/* lotterApplist */

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

/* list */
.res-search .res-search-con { float: left; margin: 0.5rem 0 0 0; }
.res-reload { clear: none; float: right; width: auto; }
	
.res-lst li { float: left; width: calc(33.3333333% - 0.7rem); min-height: 8rem; margin: 0 0 1rem 0; box-sizing: border-box; padding: 1rem; }
.res-lst li:nth-child(2) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(5) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(8) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(11) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(14) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(17) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(20) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(23) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(26) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(29) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(32) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(35) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(38) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(41) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(44) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(47) { margin: 0 1rem 1rem 1rem; }
.res-lst li:nth-child(50) { margin: 0 1rem 1rem 1rem; }

.user-nme { max-width: 60%; width: 60%; }
/* list */

/* res-list */
.res-search2 .res-con1 { float: left; width: calc(100% - 5rem); margin: 0 0.5rem 0 0; }
.res-search2 .res-con2 { display: flow-root; }
.res-search2 .res-con2 select { width: calc(25% - 1.4rem); }
.res-search2 .res-con3 { margin: 0; }
.res-search2 .res-down { margin: 2rem 0 0 0; }
/* res-list */

/* lot-list */
.res-search4 .res-search-con4 { margin: 0.6rem 0 0 0; }
/* lot-list */
}

@media all and (min-width: 1024px){
.res-search-con { clear: none; float: left; width: auto; }
.res-reload { clear: none; float: right; width: auto; margin: 0; }

/* list */

.jbetc-info-tab li { width: calc(14.3% - 0.45rem); box-sizing: border-box; display: inline-block; margin: 0 0.5rem 0 0; }
.res-search-con { margin: 0.3rem 0 0 0; }

.res-lst li { width: calc(25% - 0.8rem); min-height: 9.6rem; margin: 0 1rem 1rem 0; padding: 2rem; }
.res-lst li:nth-child(2) { margin: 0 1rem 1rem 0; }
.res-lst li:nth-child(4) { margin: 0 0 1rem 0; }
.res-lst li:nth-child(5) { margin: 0 1rem 1rem 0; }
.res-lst li:nth-child(6) { margin: 0 1rem 1rem 0; }
.res-lst li:nth-child(8) { margin: 0 0 1rem 0; }
.res-lst li:nth-child(12) { margin: 0 0 1rem 0; }
.res-lst li:nth-child(14) { margin: 0 1rem 1rem 0; }
.res-lst li:nth-child(16) { margin: 0 0 1rem 0; }
.res-lst li:nth-child(17) { margin: 0 1rem 1rem 0; }
.res-lst li:nth-child(18) { margin: 0 1rem 1rem 0; }
.res-lst li:nth-child(20) { margin: 0 0 1rem 0; }
.res-lst li:nth-child(24) { margin: 0 0 1rem 0; }
.res-lst li:nth-child(26) { margin: 0 1rem 1rem 0; }
.res-lst li:nth-child(28) { margin: 0 0 1rem 0; }
.res-lst li:nth-child(29) { margin: 0 1rem 1rem 0; }
.res-lst li:nth-child(30) { margin: 0 1rem 1rem 0; }
.res-lst li:nth-child(32) { margin: 0 0 1rem 0; }
.res-lst li:nth-child(36) { margin: 0 0 1rem 0; }
.res-lst li:nth-child(40) { margin: 0 0 1rem 0; }
.res-lst li:nth-child(44) { margin: 0 0 1rem 0; }
.res-lst li:nth-child(48) { margin: 0 0 1rem 0; }
.res-lst li:nth-child(52) { margin: 0 0 1rem 0; }

.user-nme { max-width: 55%; width: 55%; }
/* list */

/* res-list */
.res-search2 .res-con1 { float: left; width: calc(100% - 5rem); margin: 0 0.5rem 0 0; }
.res-search2 .res-con2 { display: flow-root; }
.res-search2 .res-con2 select { width: calc(25% - 1.4rem); }
.res-search2 .res-con3 { margin: 0; }
.res-search2 .res-down { margin: 2rem 0 0 0; }
/* res-list */

/* app-list */
.res-search-con3 { margin: 0.6rem 0 0 0; }
/* app-list */

/* lot-list */
.res-search4 .res-search-con4 { margin: 0.6rem 0 0 0; }
/* lot-list */
}