/* default */
h6 { font-size: 2.2rem; margin: 2rem 0 1rem 0; color: #222; }

button { font-family:'pretendard'; cursor: pointer; font-size: 1.6rem; }
label { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 1.6rem; }
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; }
th label { font-size: 1.8rem; }

.pro-btn1 { color: #505050; background-color: #fff; padding: 0 0.7rem; 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; }
.pro-btn1.red { color: #e60012; border: 1px solid #e60012; }

.bas_anne4 { clear: both; position: relative; padding: 5px 10px; text-align: center; background-color: #fff5eb; }
.bas_anne4 p:before { content:' <'; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; line-height: 20px; margin: -10px 0 0 0; }
.bas_anne4 p:after { content:'> '; position: absolute; top: 50%; right: 0; width: 20px; height: 20px; line-height: 20px; margin: -10px 0 0 0; }

.scroll-vew { clear: both; overflow-x: auto; }
/* default */

/* list */
.pro-lst { width: 100%; margin: 1rem 0; display: flow-root; }
.pro-lst > li { width: 100%; min-height: 59.5rem; box-sizing: border-box; padding: 2rem; border: 1px solid #757575; border-radius: 3rem; margin: 0 0 1rem 0; }
.pro-lst > li .pro-tit { height: 6.6rem; font-size: 2.7rem; font-weight: bold; text-align: center; margin: 0 0 0.5rem 0; }
.pro-lst > li .pro-photo { width: 100%; margin: 0 0 0.5rem 0; }
.pro-lst > li .pro-photo img { width: 100%; height: 20rem; line-height: 0; border-radius: 2rem; }
.pro-lst > li .pro-con .pro-con1 { width: 100%; margin: 0 0 1rem 0; text-align: center; }
.pro-lst > li .pro-con .pro-con1 .sta01 { display: block; box-sizing: border-box; background-color: #034694; color: #fff; font-size: 2rem; border-radius: 1rem; padding: 1rem; text-align: center; }
.pro-lst > li .pro-con .pro-con1 .sta02 { display: block; box-sizing: border-box; background-color: #e60012; color: #fff; font-size: 2rem; border-radius: 1rem; padding: 1rem; text-align: center; }
.pro-lst > li .pro-con .pro-con2 { width: 100%; display: flow-root; margin: 0 0 1rem 0; padding: 0 0 1rem 0; border-bottom: 1px solid #dcdcdc; }
.pro-lst > li .pro-con .pro-con2 div { float: left; font-size: 1.8rem; }
.pro-lst > li .pro-con .pro-con2 div:nth-child(1) { width: 10rem; font-weight: bold; text-align: center; }
.pro-lst > li .pro-con .pro-con2 div:nth-child(2) { width: calc(100% - 10rem); }
.pro-lst > li .pro-con .pro-con2 div:nth-child(2) span { display: inline-block; }
.pro-lst > li .pro-con .pro-con2 div:nth-child(2) span:after { content: ', '; }
.pro-lst > li .pro-con .pro-con2 div:nth-child(2) span:last-child:after { content: ''; }
.pro-lst > li .pro-con .pro-con3 { width: 100%; display: flow-root; margin: 0 0 1rem 0; padding: 0 0 1rem 0; border-bottom: 1px solid #dcdcdc; }
.pro-lst > li .pro-con .pro-con3 div { float: left; font-size: 1.8rem; }
.pro-lst > li .pro-con .pro-con3 div:nth-child(1) { width: 10rem; font-weight: bold; text-align: center; }
.pro-lst > li .pro-con .pro-con3 div:nth-child(2) { width: calc(100% - 10rem); }
.pro-lst > li .pro-con .pro-btn { text-align: center; }
.pro-lst > li .pro-con .pro-btn .usm-btn.usm-me a { margin: -0.4rem 0 0 0; color: #034694; border: 1px solid #034694; }
.pro-lst > li .pro-con .pro-btn .usm-btn.usm-me a:hover { color: #fff; background-color: #034694; }

.firstScreenVisible.on { cursor: pointer; color: #fff; background-color: #5408ff; border: 1px solid #5408ff; }
.firstScreenVisible.on:hover { color: #5408ff; background-color: #fff; }

.firstScreenVisible.off { cursor: pointer; color: #5408ff; border: 1px solid #5408ff; }
.firstScreenVisible.off:hover { color: #fff; background-color: #5408ff; }

.usm-center-wrap { text-align: center; }
.usm-btn.usm-la.my a { padding: 0 10rem; }
/* list */

/* view */
.anne { color: #034694; }
.anne:before { content: url('../images/guide_icon01.png'); display: inline-block; vertical-align: middle; margin: 0 0.5rem 0 0; width: 4rem; height: 4rem; }

.anne-con { background-color: #034694; color: #fff; box-sizing: border-box; padding: 2rem; border-radius: 1.5rem; margin: 0 0 1rem 0; font-size: 1.8rem; }
.anne-con strong { color: #ff9ea6; border-bottom: 1px solid #ff9ea6; }

.vew { width: 100%; margin: 0 0 2rem 0; }
.vew .pro-photo { margin: 0 0 1rem 0; line-height: 0; }
.vew .pro-photo img { width: 100%; height: 100%; border-radius: 2rem; }
.vew .vew-con { width: 100%; box-sizing: border-box; border: 1px solid #757575; border-radius: 2rem; padding: 2rem; }
.vew .vew-con .vew-con1 { font-size: 2.8rem; font-weight: bold; text-align: center; margin: 0 0 2rem 0; }
.vew .vew-con .vew-con2 { width: 100%; box-sizing: border-box; padding: 2rem; background-color: #f7f7f7; font-size: 1.8rem; border-radius: 0.5rem; margin: 0 0 2rem 0; }
.vew .vew-con .vew-con2 strong { color: #e60012; }
.vew .vew-con .vew-con3 { border-bottom: 1px solid #d2d2d2; padding: 1rem 0; display: flow-root; font-size: 1.8rem; }
.vew .vew-con .vew-con3 div { float: left; }
.vew .vew-con .vew-con3 div:nth-child(1) { width: 9rem; font-weight: bold; color: #161616; box-sizing: border-box; text-align: center; }
.vew .vew-con .vew-con3 div:nth-child(2) { width: calc(100% - 9rem); }
.vew .vew-con .vew-con3 div:nth-child(2) span:after { content: ', '; }
.vew .vew-con .vew-con3 div:nth-child(2) span:last-child:after { content: ''; }
.vew .vew-con .vew-con4 { border-bottom: 1px solid #d2d2d2; padding: 1rem 0; display: flow-root; font-size: 1.8rem; }
.vew .vew-con .vew-con4 div { float: left; }
.vew .vew-con .vew-con4 div:nth-child(1) { width: 9rem; font-weight: bold; color: #161616; box-sizing: border-box; text-align: center; }
.vew .vew-con .vew-con4 div:nth-child(2) { width: calc(100% - 9rem); }
.vew .vew-con .vew-con5 { border-bottom: 1px solid #d2d2d2; padding: 1rem 0; display: flow-root; font-size: 1.8rem; }
.vew .vew-con .vew-con5 div { float: left; }
.vew .vew-con .vew-con5 div:nth-child(1) { width: 9rem; font-weight: bold; color: #161616; box-sizing: border-box; text-align: center; word-break: keep-all; }
.vew .vew-con .vew-con5 div:nth-child(2) { width: calc(100% - 9rem); }
.vew .vew-con .vew-con5 div:nth-child(2) a { font-weight: bold; color: #034694; }
.vew .vew-con .vew-con5 div:nth-child(2) a:after { content: ', '; }
.vew .vew-con .vew-con5 div:nth-child(2) a:last-child:after { content: ''; }
.vew .vew-con .vew-con6 { border-bottom: 1px solid #d2d2d2; padding: 1rem 0; display: flow-root; font-size: 1.8rem; }
.vew .vew-con .vew-con6 div { float: left; }
.vew .vew-con .vew-con6 div:nth-child(1) { width: 9rem; font-weight: bold; color: #161616; box-sizing: border-box; text-align: center; }
.vew .vew-con .vew-con6 div:nth-child(2) { width: calc(100% - 9rem); }

.vew2 { width: 100%; box-sizing: border-box; border: 1px solid #757575; border-radius: 2rem; padding: 2rem; margin: 0 0 2rem 0; }
.vew2 .period { width: 100%; font-size: 1.8rem; margin: 0 0 1rem 0; }
.vew2 .vew2-tit { font-size: 3rem; color: #161616; font-weight: bold; margin: 0 0 1rem 0; }
.vew2 .vew2-tit:before { content: url('../images/guide_icon02.png'); display: inline-block; vertical-align: middle; margin: 0 1rem 0 0; width: 3.9rem; height: 3.9rem; }
.vew2 .vew2-con { width: 100%; box-sizing: border-box; background-color: #f0f7ff; border-radius: 1.5rem; padding: 2rem; margin: 0 0 3rem 0; }
.vew2 .vew2-con .vew2-file { margin: 1rem 0 0 0; padding: 1rem 0 0 0; border-top: 2px dashed #d2d2d2; }
.vew2 .vew2-con .vew2-file > div:nth-child(1) { font-size: 2rem; font-weight: bold; margin: 0 0 0.5rem 0; }
.vew2 .vew2-con .vew2-file .vil-files { width: 100%; margin: 0 0 0.5rem 0; padding: 0 0 0.5rem 0; border-bottom: 1px solid #d2d2d2; }
.vew2 .vew2-con .vew2-file .file-btn { margin: 0 0 0.5rem 0; }
.vew2 .vew2-month { margin: 0 0 1rem 0; text-align: center; }
.vew2-btn2 { 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; }
.vew2-btn.link a { color: #034694; 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 #034694; border-radius: 0.5rem; display: inline-block; font-family: 'Pretendard'; box-sizing: border-box; margin: -0.4rem 0 0 0; }
.vew2-btn.link a:hover { background-color: #034694; color: #fff; }
.usm-brd-lst.twrt th:nth-child(1) { width: 20%; }
.usm-brd-lst.twrt td { word-break: break-all; }
.usm-brd-lst.twrt td.am { background-color: #f4f9ff; }
.usm-brd-lst.twrt td.pm { background-color: #fff8f8; }

.usm-btn.usm-me.status-available a { border: 1px solid #e60012; color: #e60012; }
.usm-btn.usm-me.status-available a:hover { background-color: #e60012; color: #fff; }

.usm-btn.usm-me.status-waiting a { border: 1px solid #034694; color: #034694; }
.usm-btn.usm-me.status-waiting a:hover { background-color: #034694; color: #fff; }
/* view */

/* timewrt */
.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: ''; } 

.tch-sch-tbl { word-wrap: break-word; word-break: break-all; margin: 0 0 0.5rem 0; }
.tch-sch-tbl .sun { color:#e60012; }
.tch-sch-tbl .sat { color:#0000ff; }
.tch-sch-tbl td.tch-d.tch-cur { border: 3px solid #dd6218; }
.tch-sch-tbl { border-top: 3px solid #034694; }
.tch-sch-tbl th { color:#000000; padding: 10px 0; border-bottom: 1px solid #034694; width: 14%; font-size: 1.8rem; }
.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:#d2d2d2;border-width:0 1px 0 1px;letter-spacing:-1px;}
.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 #d2d2d2;padding:5px 0 0 5px;font-weight:bold;}
.tch-sch-tbl tr:last-child {border-bottom:1px solid #d2d2d2}

.tch-sch-tbl .abox {position:relative;margin: 0.2rem 0.6rem;padding: 0.5rem;}
.tch-sch-tbl .awrap {overflow:hidden; }
.tch-sch-tbl .aleft {position:absolute;top:0;left:-10px;width:10px;height:100%;clip-path:polygon(0 50%, 100% 0, 100% 100%, 0 50%)}
.tch-sch-tbl .aright {position:absolute;top:0;right:-10px;width:10px;height:100%;clip-path:polygon(0 0, 100% 50%, 0 100%, 0 0)}

.usm-brd-wrt.twrt td { text-align: center; }
.usm-brd-wrt.twrt td select { min-width: 5rem; cursor: pointer; }
.usm-brd-wrt.twrt tr:nth-child(1) td:nth-child(1) { width: 20%; }
.usm-brd-wrt.twrt tr:nth-child(1) td:nth-child(1) p { font-weight: bold; font-size: 18px; color: #3538a4; margin: 0 0 8px 0; }
.usm-brd-wrt.twrt tr:nth-child(1) td:nth-child(2) label { font-weight: bold; font-size: 18px; color: #3538a4; }
.usm-brd-wrt.twrt tr:nth-child(1) td:nth-child(2) { width: 40%; }
.usm-brd-wrt.twrt tr:nth-child(1) td:nth-child(3) label { font-weight: bold; font-size: 18px; color: #3538a4; }

.usm-brd-lst.twrt td { text-align: center; }
/* timewrt */

/* write, dwrite, dupdate */
.usm-privacy-agree strong { color: #034694; }
.usm-brd-wrt.wrt strong { color: #e60012; }
.usm-brd-wrt.wrt th { width: 25%; }
.usm-brd-wrt.wrt td ul { margin: 0.5rem 0 0 0; }
.usm-brd-wrt.wrt td li { margin: 0 0 0.5rem 0; }
.usm-brd-wrt.wrt td li select { cursor: pointer; }
.usm-brd-wrt.wrt td input[type="text"] { box-sizing: border-box; width: 60%; }
/* write, dwrite, dupdate */

/* resetvationlist */

.vew-tit { width: 100%; display: flow-root; }
.vew-tit .vew-t { font-size: 2.3rem; font-weight: bold; margin: 0 1rem  1rem 0; float: left; padding: 0.8rem 0 0 0; }
.vew-tit .pro-con1 { margin: 0 0 1rem 0; float: left; }
.vew-tit .pro-con1 .sta01 { display: inline-block; box-sizing: border-box; background-color: #034694; color: #fff; font-size: 2rem; border-radius: 1rem; padding: 1rem; text-align: center; }
.vew-tit .pro-con1 .sta02 { display: inline-block; box-sizing: border-box; background-color: #e60012; color: #fff; font-size: 2rem; border-radius: 1rem; padding: 1rem; text-align: center; }
.vew-tit .vew-c { clear: both; font-size: 1.8rem; margin: 0 0 1rem 0; }
.usm-btn.usm-me.sel a { color: #034694; background-color: #fff; border: 1px solid #034694; }
.usm-btn.usm-me.sel a:hover { background-color: #034694; color: #fff; }
.res-btns { margin: 0 0 1rem 0; text-align: center; }
.tch-srch { margin: 0 0 1rem 0; }
.tch-srch label { font-size: 1.8rem; }

.usm-brd-lst.res td { text-align: center; word-break: break-all; }
.res-btn { 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; }
.res-btn2 { color: #034694; 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 #034694; border-radius: 0.5rem; display: inline-block; font-family: 'Pretendard'; box-sizing: border-box; }
/* resetvationlist */

/* sms */
.usm-brd-wrt.sms1 input[type="text"] { width: 100%; }
.usm-brd-wrt.sms1 strong { color: #034694; }

.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 .t1 { font-weight: bold; color: #034694; display: inline-block; vertical-align: middle; margin: 0 0 0.5rem 0; }
.usm-brd-wrt.sms1 .sms-m1 .t1:before { content: '\2022'; display: inline-block; vertical-align: baseline; color: #034694; margin: 0 0.5rem 0 0; }
.usm-brd-wrt.sms1 .sms-m1 li:nth-child(even) { margin: 0 0 1.5rem 0; }
.usm-brd-wrt.sms1 .sms-m1 li:last-child { margin: 0; }

.usm-brd-wrt.sms3 th:nth-child(1) { width: 20%; }
.usm-brd-wrt.sms3 .sms-m1 li { margin: 0 0 1rem 0; }
.usm-brd-wrt.sms3 .sms-m1 li:last-child { margin: 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: #034694; }

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

/* pwrt */
.usm-brd-wrt.pwrt1 { }
.usm-brd-wrt.pwrt1 th { width: 25%; }

.usm-brd-wrt.pwrt2 { }
.usm-brd-wrt.pwrt2 th { width: 25%; }
.usm-brd-wrt.pwrt2 tr:nth-child(1) input[type="text"] { width: 75%; }
.usm-brd-wrt.pwrt2 tr:nth-child(2) input[type="text"] { width: 20rem; }
.usm-brd-wrt.pwrt2 td input[type="text"] { width: 8rem; }
.usm-brd-wrt.pwrt2 td #contactUs { width: 15rem; }

.usm-brd-wrt.pwrt3 { }
.usm-brd-wrt.pwrt3 td { text-align: center; }
.usm-brd-wrt.pwrt3 td input[type="text"] { box-sizing: border-box; width: 100%; }
/* pwrt */

/* mlst, mvew */
.usm-brd-lst.mlst { min-width: 90rem; }
.usm-brd-lst.mlst td { text-align: center; word-break: break-all; }
.usm-brd-lst.mlst td span { margin: 0 0 0.2rem 0; }
.usm-brd-lst.mlst td:nth-child(3) a { color: #034694; font-weight: bold; }

.usm-brd-vew.mvew { border-top: 2px solid #034694; }
.usm-brd-vew.mvew th { width: 25%; }
/* mlst, mvew */

@media all and (min-width: 506px){
	.tch-month-wrap { padding: 1rem 0; }
	.tch-month-wrap span:after { margin: 0 1.8rem; }
	.tch-month-wrap a { font-size: 2rem; }
	.tch-month-wrap a.tch-sel-mon { font-size: 2.3rem; }
}

@media (min-width: 768px) {
	.pro-lst > li { float: left; width: calc(33.333333% - 0.7rem); margin: 0 0 1rem 0; }
	.pro-lst > li:nth-child(2) { margin: 0 1rem 1rem 1rem; }
	.pro-lst > li:nth-child(5) { margin: 0 1rem 1rem 1rem; }
	.pro-lst > li:nth-child(8) { margin: 0 1rem 1rem 1rem; }
	.pro-lst > li:nth-child(11) { margin: 0 1rem 1rem 1rem; }
	.pro-lst > li:nth-child(14) { margin: 0 1rem 1rem 1rem; }
	.pro-lst > li:nth-child(17) { margin: 0 1rem 1rem 1rem; }
	.pro-lst > li:nth-child(20) { margin: 0 1rem 1rem 1rem; }
	
	.vew { display: flow-root; }
	.vew .pro-photo { float: left; width: 45rem; height: 36.6rem; }
	.vew .vew-con { float: left; width: calc(100% - 46rem); margin: 0 0 0 1rem; }
	
	.usm-brd-wrt.wrt tr:nth-child(1) td input[type="text"] { width: 10rem; }
	.usm-brd-wrt.wrt tr:nth-child(2) td input[type="text"] { width: 14rem; }
}

@media all and (min-width:1023px){
	.tch-month-wrap { padding: 2rem 0; }
	.tch-month-wrap span:after { margin: 0 1.8rem; }
	.tch-month-wrap a { font-size: 2rem; }
	.tch-month-wrap a.tch-sel-mon { font-size: 2.3rem; }
	.bas_anne4 { display: none; }
}