/* basic */
input { font-family: 'SCDream4'; }
input[type="checkbox"] { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0 5px 0 0; }
input[type="radio"] { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0 5px 0 0; }
input[type="text"] { display: inline-block; vertical-align: middle; }
input[type="submit"] { cursor: pointer; }
label { cursor: pointer; display: inline-block; vertical-align: middle; }
h6 { clear: both; width: calc(100% - 35px); height: 25px; line-height: 25px; padding: 0 0 0 35px; margin: 20px 0 5px 0; font-size: 16px; background:url('../images/titico.png') 5px center no-repeat; color: #193584; }
.usm-brd-lst tr:hover { background-color: #f9f9f9; }

.woo-btn-wrap { clear: both; float: right; text-align: right; margin: 5px 0 0 0; }

.mbl-vew { clear: both; position: relative; padding: 5px 10px; text-align: center; background-color: #fff5eb; }
.mbl-vew p:before { content:' <'; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; line-height: 20px; margin: -10px 0 0 0; }
.mbl-vew 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; }

.vil-ojt { display: inline-block; }
.vil-ojt label { margin: 0 2px 0 0; }

.woo-btn a { display: inline-block; vertical-align: middle; padding: 5px 10px; font-size: 14px; color: #fff; background-color: #07aae5; font-family: 'SCDream4'; }
.woo-btn input[type="submit"] { display: inline-block; vertical-align: middle; padding: 5px 10px; font-size: 14px; color: #fff; background-color: #07aae5; border: none; cursor: pointer; }
.woo-btn input[type="button"] { display: inline-block; vertical-align: middle; padding: 5px 10px; font-size: 14px; color: #fff; background-color: #07aae5; border: none; cursor: pointer; }

.woo-btn1 a { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; color: #fff; background-color: #07aae5; font-family: 'SCDream4'; }
.woo-btn2 a { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; color: #fff; background-color: #333; }
.woo-btn3 a { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; color: #fff; background-color: #23ac38; }
.woo-btn4 { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; color: #fff; background-color: #07aae5; }
.woo-btn5 { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; color: #fff; background-color: #888e9c; }
.woo-btn6 { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; color: #fff; background-color: #c58fbf; }
.woo-btn7 { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; color: #fff; background-color: #23ac38; }
.woo-btn8 { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; color: #fff; background-color: #23ac38; }
.woo-btn9 a { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; color: #fff; background-color: #f49048; }
.woo-btn10 a { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; border: 1px solid #546fb4; color: #546fb4; }
.woo-btn10.btm a { margin: 0 0 3px 0; }
.woo-btn11 a { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; border: 1px solid #546fb4; background-color: #546fb4; color: #fff; }
.woo-btn12 button { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; color: #fff; background-color: #f49048; border: none; font-family: 'SCDream4'; cursor: pointer; }
.woo-btn12 a { display: inline-block; vertical-align: middle; padding: 3px 5px; font-size: 14px; color: #fff; background-color: #06ab81; }

.woo-btn.app a { padding: 5px 50px; background-color: #01445d; }
.woo-btn.app input[type="submit"] { padding: 5px 50px; background-color: #01445d; }

.usm-brd-search { clear: both; float: left; width: 100%; margin: 0 0 5px 0; }
.usm-brd-lst { clear: both; margin: 0 0 10px 0; }
.usm-brd-wrt { clear: both; margin: 0 0 10px 0; }
.usm-brd-vew { clear: both; margin: 0 0 10px 0; }
.usm-brd-upt { clear: both; margin: 0 0 10px 0; }

.pwrt-fee { clear: both; width: 100%; }
.pwrt-fee li { display: inline-block; vertical-align: middle; width: 100%; margin: 0 0 5px; }
.pwrt-fee li:last-child { margin: 0; }
.pwrt-fee li label { font-weight: bold; width: 100px; }
.pwrt-fee li input[type="text"] { width: 85px; text-align: right; }

.pwrt-fee2 { clear: both; width: 100%; }
.pwrt-fee2 li { display: inline-block; vertical-align: middle; width: 100%; margin: 0 0 5px; }
.pwrt-fee2 li:last-child { margin: 0; }
.pwrt-fee2 li label { font-weight: bold; width: 100px; }
.pwrt-fee2 li input[type="text"] { width: 120px; }

.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: 7px 0;width:50px;}
.tch-month-wrap .tch-sel-mon {background-color:#39b54a; 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;font-weight:bold;}
.tch-sch-tbl tr:last-child {border-bottom:1px solid #E4E4E4}
.tch-sch-tbl td input { margin: 0; }

.tch-sch-tbl th.sun { color: red; }
.tch-sch-tbl th.sat { color: blue; }
.tch-sch-tbl td.sun { color: red; }
.tch-sch-tbl td.sat { color: blue; }
.tch-sch-tbl td.sun a { color: red; }
.tch-sch-tbl td.sat a { color: blue; }

.tch-sch-tbl input[type="checkbox"] { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0 3px 0 0; }
.tch-sch-tbl label { display: inline-block; vertical-align: middle; cursor: pointer; }

.sat { color: blue; }
.sun { color: red; }
/* basic */

/* list */
.wbtn-wrap { clear: both; float: left; width: 100%; text-align: center; margin: 0 0 15px 0; }
.wbtn-wrap a { display: inline-block; vertical-align: middle; padding: 5px 20px; font-size: 14px; color: #000; border-radius: 30px; font-weight: bold; }
.wbtn-wrap a img { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.wbtn-wrap a.wbtn1 { border: 1px solid #2277f2; background-color: #fff; }
.wbtn-wrap a.wbtn2 { border: 1px solid #f9cd54; background-color: #f9cd54; }
.wbtn-wrap a.wbtn3 { border: 1px solid #07ab82; background-color: #07ab82; }

.woo-plist > .woo-plist2:nth-child(2) { margin: 15px 0 0 0; }
.woo-plist > .woo-plist2:nth-child(3) { margin: 15px 0 0 0; }
.woo-plist > .woo-plist2:nth-child(4) { margin: 15px 0 0 0; }

.woo-plist2 { clear: both; width: 100%; box-sizing: border-box; padding: 15px; background-color: #e5e5e5; }
.woo-plist2 .tit { clear: both; font-size: 18px; font-weight: bold; color: #000; text-align: center; margin: 0 0 15px 0; }
.woo-plist2 .con { clear: both; border: 2px solid #a0a0a0; background-color: #fff; }

.woo-plist > .woo-plist2:nth-child(1) .con div:nth-child(1) { width: 100%; min-height: 235px; background: url('../images/tit_01.jpg') top center no-repeat; }
.woo-plist > .woo-plist2:nth-child(1) .con div:nth-child(2) { width: 100%; box-sizing: border-box; padding: 15px; color: #5e5e5e; line-height: 160%; background: url('../images/titbg_01.png') bottom right no-repeat; min-height: 235px; max-height: 235px; overflow-y: auto; }

.woo-plist > .woo-plist2:nth-child(2) .con div:nth-child(1) { width: 100%; min-height: 235px; background: url('../images/tit_02.jpg') top center no-repeat; }
.woo-plist > .woo-plist2:nth-child(2) .con div:nth-child(2) { width: 100%; box-sizing: border-box; padding: 15px; color: #5e5e5e; line-height: 160%; background: url('../images/titbg_02.png') bottom right no-repeat; min-height: 235px; max-height: 235px; overflow-y: auto; }
/* list */

/* calculateList */
.woori-info-tab { clear: both; float: left; width: 100%; margin: 0 0 15px 0; }
.woori-info-tab li { float: left; width: 20%; box-sizing: border-box; border-top: 1px solid #07aae5; border-right: 1px solid #07aae5; border-bottom: 1px solid #07aae5; text-align: center; }
.woori-info-tab li:first-child { border-left: 1px solid #07aae5; }
.woori-info-tab li a { display: block; font-size: 16px; color: #07aae5; font-weight: bold; padding: 5px; }
.woori-info-tab li.sel { background-color: #07aae5; }
.woori-info-tab li.sel a { color: #fff; }

.usm-brd-lst.cal1 { font-size: 14px; }
.usm-brd-lst.cal1 td { text-align: center; word-break: keep-all; }
.usm-brd-lst.cal1 td:last-child { color: red; font-weight: bold; }

.usm-brd-lst.cal2 { min-width: 900px; font-size: 14px; }
.usm-brd-lst.cal2 th { padding: 7px; }
.usm-brd-lst.cal2 th:nth-child(1) { width: 20px; }
.usm-brd-lst.cal2 th:nth-child(10) { width: 80px; }
.usm-brd-lst.cal2 th:nth-child(11) { width: 55px; }
.usm-brd-lst.cal2 th:nth-child(12) { width: 78px; }
.usm-brd-lst.cal2 td { text-align: center; word-break: break-all; padding: 7px; }
.usm-brd-lst.cal2 td:nth-child(10) { font-size: 13px; letter-spacing: -0.1em; }
/* calculateList */

/* instructorList */
.usm-brd-lst.ins { min-width: 900px; font-size: 14px; }
.usm-brd-lst.ins th:nth-child(1) { width: 30px; }
.usm-brd-lst.ins th:nth-child(11) { width: 75px; }
.usm-brd-lst.ins td { text-align: center; word-break: break-all; }
.usm-brd-lst.ins td:nth-child(11) div:nth-child(2) { margin: 3px 0; }
.usm-brd-lst.ins td:nth-child(6) div { display: inline-block; }
.usm-brd-lst.ins td:nth-child(6) div:after { content: ','; margin: 0 5px 0 0; }
.usm-brd-lst.ins td:nth-child(6) div:last-child:after { content: ' '; margin: 0; }
/* instructorList */

/* instructorView */
.usm-brd-vew.vew tr:nth-child(5) td div { display: inline-block; }
.usm-brd-vew.vew tr:nth-child(5) td div:after { content: ','; margin: 0 5px 0 0; }
.usm-brd-vew.vew tr:nth-child(5) td div:last-child:after { content: ' '; margin: 0; }
.usm-brd-vew.vew tr:nth-child(7) td div { display: inline-block; }
.usm-brd-vew.vew tr:nth-child(7) td div:after { content: ','; margin: 0 5px 0 0; }
.usm-brd-vew.vew tr:nth-child(7) td div:last-child:after { content: ' '; margin: 0; }
/* instructorView */

/* applicationStatus */
.usm-brd-lst.appsta { min-width: 900px; font-size: 14px; }
.usm-brd-lst.appsta th { padding: 7px; }
.usm-brd-lst.appsta th:nth-child(10) { width: 55px; }
.usm-brd-lst.appsta th:nth-child(11) { width: 78px; }
.usm-brd-lst.appsta td { text-align: center; word-break: break-all; padding: 7px; }
.usm-brd-lst.appsta td:nth-child(8) { word-break: keep-all; }
/* applicationStatus */

/* programUpdate */
.woori-tab { clear: both; float: left; width: 100%; box-sizing: border-box; margin: 0 0 8px 0; }
.woori-tab li { float: left; width: 50%; border: 1px solid #925400; box-sizing: border-box; }
.woori-tab li:nth-child(1) { border-right: none; }
.woori-tab li:nth-child(2) { border-right: none; }
.woori-tab li a { font-size: 16px; color: #925400; display: block; text-align: center; padding: 5px; }
.woori-tab li.sel { background-color: #925400; }
.woori-tab li.sel a { color: #fff; }
.woori-tab.up { clear: both; float: left; width: calc(100% - 200px); box-sizing: border-box; margin: 0 0 8px 0; }
.woori-p { float: left; width: 200px; }
.woori-p a { float: left; display: block; font-size: 16px; padding: 5px 10px; border: 1px solid #313131; background-color: #313131; color: #fff; box-sizing: border-box; }
.woori-p a:hover { background-color: #fff; color: #313131; transition: 0.4s; }
.woori-p a:nth-child(1) { width: 145px; margin-right: 1px; }
.woori-p a:nth-child(2) { width: 54px; }

.woo-anne5 { clear: both; width: 100%; font-size: 20px; font-weight: bold; color: #925400; display: inline-block; vertical-align: middle; text-align: center; }

.woori_anne { clear: both; width: 100%; padding: 15px 25px; box-sizing: border-box; border: 1px solid #e1d0bb; background-color: #fff5eb; font-size: 16px; font-weight: bold; margin: 0 0 20px 0; }
/* programUpdate */

/* programWrite */
.usm-brd-wrt.pwrt { font-size: 14px; }
.usm-brd-wrt.pwrt th { width: 20%; }
/* programWrite */

/* info */
.usm-brd-wrt.info { font-size: 14px; }
.usm-brd-wrt.info th { width: 30%; }
.usm-brd-wrt.info td input[type="text"] { width: 70%; }

.usm-brd-wrt.info2 { font-size: 14px; }
.usm-brd-wrt.info2 th { width: 30%; }
.usm-brd-wrt.info2 td input[type="text"] { display: inline-block; vertical-align: middle; }
.usm-brd-wrt.info2 td input[type="radio"] { display: inline-block; vertical-align: middle; margin: 0 3px 0 0; cursor: pointer; }
.usm-brd-wrt.info2 td label { display: inline-block; vertical-align: middle; cursor: pointer; }

.usm-brd-wrt.info3 { font-size: 14px; }
.usm-brd-wrt.info3 td { text-align: center; }
.usm-brd-wrt.info3 td input[type="text"] { display: block; width: 100%; box-sizing: border-box; height: 24px; padding: 0; }
.usm-brd-wrt.info3 td input[type="checkbox"] { width: 20px; height: 20px; cursor: pointer; }
/* info */

/* instructor */
.math-agree { clear: both; width: 100%; box-sizing: border-box; padding: 10px 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #d7d7d7; }
.agree-t { clear: both; width: 100%; box-sizing: border-box; padding: 10px 20px; background-color: #eefcff; border: 1px solid #00a2ff; border-radius: 10px; position: relative; text-align: center; }
.agree-t .t1 { font-weight: bold; font-size: 16px; }
.agree-t .t1 strong { color: red; }
.agree-t .t2 { position: absolute; right: 10px; }
.agree-t .t2 input[type="checkbox"] { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; cursor: pointer; width: 18px; height: 18px; }
.agree-t .t2 label { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 15px; font-weight: bold; }
.agree-i { margin: 15px 0; text-align: center;  }
.agree-con p { width: 100%; box-sizing: border-box; padding: 0 20px; display: inline-block; line-height: 21px; margin: 0 0 10px 0; color: #696969; font-size: 14px; word-break: keep-all; }
.agree-con p img { display: inline-block; vertical-align: bottom; margin: 0 5px 0 0; }
.agree-con strong { color: #1c77ff; }
.agree-con div:last-child { margin: 20px 0 0 0; color: #696969; font-size: 14px; width: 100%; box-sizing: border-box; padding: 0 20px; word-break: keep-all; }

.usm-brd-wrt.ins { font-size: 14px; }
/* instructor */

/* reservation */
.usm-brd-lst.res { min-width: 900px; font-size: 14px; }
.usm-brd-lst.res th { padding: 7px; }
.usm-brd-lst.res th:nth-child(1) { width: 40px; }
.usm-brd-lst.res th:nth-child(3) { width: 65px; }
.usm-brd-lst.res th:nth-child(7) { width: 47px; }
.usm-brd-lst.res th:nth-child(8) { width: 35px; }
.usm-brd-lst.res th:nth-child(9) { width: 65px; }
.usm-brd-lst.res th:nth-child(11) { width: 54px; }
.usm-brd-lst.res th:nth-child(12) { width: 80px; }
.usm-brd-lst.res th:nth-child(13) { width: 78px; }
.usm-brd-lst.res td { text-align: center; word-break: break-all; padding: 7px; }
.usm-brd-lst.res td:nth-child(3) div:nth-child(1) { margin: 3px 0 0 0; }
.usm-brd-lst.res td:nth-child(7) { word-break: keep-all; }
.usm-brd-lst.res td:nth-child(11) { font-size: 13px; letter-spacing: -0.1em; }
.usm-brd-lst.res td:nth-child(13) span:nth-child(1) { margin: 0 0 3px 0; }
/* reservation */

/* period */
.tch-sch-tbl.per1 { margin: 0 0 10px 0; }
.tch-sch-tbl.per1 th { font-size: 16px; }
.tch-sch-tbl.per1 td { height: 20px; padding: 10px; font-size: 16px; }
.tch-sch-tbl.per1 th input[type="checkbox"] { width: 20px; height: 20px; }
.tch-sch-tbl.per1 td input[type="checkbox"] { width: 20px; height: 20px; }

.usm-brd-wrt.per2 th { width: 20%; }
.usm-brd-wrt.per2 th input[type="checkbox"] { width: 20px; height: 20px; margin: 0 0 0 2px; }
.usm-brd-wrt.per2 td input[type="checkbox"] { width: 20px; height: 20px; margin: 0 2px 0 0; }
.usm-brd-wrt.per2 td label { margin: 0 5px 0 0; font-size: 16px; }

.woo-anne4 { clear: both; width: 100%; text-align: right; font-size: 14px; margin: 0 0 3px 0; }
.woo-anne4:before { content: ' '; width: 20px; height: 20px; background-color: #f8f8f8; border: 1px solid #d1d1d1; border-radius: 3px; display: inline-block; vertical-align: bottom; margin: 0 5px 0 0; }

.usm-brd-lst.per3 td { text-align: center; }
.usm-brd-lst.per3 th input[type="checkbox"] { width: 20px; height: 20px; margin: 0 0 0 2px; }
.usm-brd-lst.per3 td input[type="checkbox"] { width: 20px; height: 20px; margin: 0; }
/* period */

/* satisfactionSuvey, instructorSurvey */
.sat-tit { clear: both; width: 100%; display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; margin: 0 0 5px 0; }
.sat-tit img { display: inline-block; vertical-align: bottom; margin: 0 5px 0 0; }

.usm-brd-lst.suv { font-size: 14px; }
.usm-brd-lst.suv td { text-align: center; }
.usm-brd-lst.suv tr:nth-child(2) th { color: blue; }

.usm-brd-lst.suv2 { font-size: 14px; }
.usm-brd-lst.suv2 th { width: 15%; }
.usm-brd-lst.suv2 td { color: #00469c; font-size: 16px; }
.usm-brd-lst.suv2 td:last-child { width: 50px; }
.usm-brd-lst.suv2 td .sat-date { font-size: 14px; color: #333; }
/* satisfactionSuvey */

/* basket */
.woo-anne { clear: both; width: 100%; box-sizing: border-box; padding: 15px; border: 1px solid #ddc9b0; background-color: #fff6ea; margin: 0 0 15px 0; }
.woo-anne p { display: inline; }
.woo-anne p:nth-child(1) { font-size: 18px; font-weight: bold; color: #925400; display: inline-block; vertical-align: middle; }
.woo-anne p:nth-child(1) img { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.woo-anne p:nth-child(2) { font-size: 16px; font-weight: bold; color: #000; margin: 0 0 0 30px; }
.woo-anne p:nth-child(2) strong { color: red; }

.usm-brd-lst.bas { font-size: 15px; }
.usm-brd-lst.bas th { width: 20%; }
.usm-brd-lst.bas td input[type="radio"] { width: 18px; height: 18px; margin: 0; }
.usm-brd-lst.bas td label { margin: 0 5px 0 0; }
.usm-brd-lst.bas tr:nth-child(4) td { padding: 0; width: 100px; }
.usm-brd-lst.bas tr:nth-child(4) td input[type="submit"] { display: block; width: 100%; height: 100%; min-height: 50px; font-size: 22px; color: #fff; border: none; background-color: #07aae5; border: 1px solid #07aae5; }
.usm-brd-lst.bas tr:nth-child(4) td input[type="submit"]:hover { background-color: #fff; color: #07aae5; transition: 0.4s; }

.usm-brd-lst.bas2 { float: left; font-size: 14px; min-width: 900px; }
.usm-brd-lst.bas2 th:nth-child(1) { width: 50px; }
.usm-brd-lst.bas2 th:nth-child(2) { width: 50px; }
.usm-brd-lst.bas2 th:nth-child(5) { width: 80px; }
.usm-brd-lst.bas2 td { text-align: center; min-height: 82px; }
.usm-brd-lst.bas2 tr.sel td { background-color: #bceeff; }
.usm-brd-lst.bas2 td:nth-child(3) div { display: inline-block; }
.usm-brd-lst.bas2 td:nth-child(3) div:after { content: ','; margin: 0 5px 0 0; }
.usm-brd-lst.bas2 td:nth-child(3) div:last-child:after { content: ' '; margin: 0; }
.usm-brd-lst.bas2 td:nth-child(4) div { display: inline-block; }
.usm-brd-lst.bas2 td:nth-child(4) div:after { content: ','; margin: 0 5px 0 0; }
.usm-brd-lst.bas2 td:nth-child(4) div:last-child:after { content: ' '; margin: 0; }

.woo-pn { clear: both; float: left; width: 100%; margin: 0 0 10px 0; }
.woo-pn li { float: left; width: calc(50% - 5px); text-align: center; font-size: 16px; font-weight: bold; box-sizing: border-box; padding: 10px; border: 1px solid #c7c7c7; border-radius: 5px; color: #c7c7c7; cursor: default; }
.woo-pn li:nth-child(1) { margin: 0 10px 0 0; }
.woo-pn li.active { padding: 0; border: none; }
.woo-pn li.active a { color: #07aae5; display: inline-block; width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #07aae5; border-radius: 5px; cursor: pointer; }
.woo-pn li.active a:hover { background-color: #07aae5; color: #fff; transition: 0.4s; }

.woo-anne2 { clear: both; width: 100%; margin: 15px 0; font-size: 20px; font-weight: bold; color: #925400; display: inline-block; vertical-align: middle; text-align: center; }
.woo-anne2 img { display: inline-block; vertical-align: middle; margin: 0 5px 0 0 ; }

.woo-anne3 { clear: both; width: 100%; font-size: 20px; font-weight: bold; color: #925400; display: inline-block; vertical-align: middle; text-align: center; }
.woo-anne3:before { content: ' '; width: 28px; height: 28px; background-color: #bceeff; display: inline-block; vertical-align: bottom; border: 1px solid #d7d7d7; margin: 0 5px 0 0; }

.woo-bas-tbl { border-top: 2px solid #000; font-size: 14px; margin: 0 0 15px 0; }
.woo-bas-tbl th { border: 1px solid #d7d7d7; padding: 5px; text-align: center; }
.woo-bas-tbl td { border: 1px solid #d7d7d7; padding: 5px; text-align: center; width: 30px; }
.woo-bas-tbl th:nth-child(2) { font-size: 18px; }
.woo-bas-tbl .bas-nme { color: blue; }
.woo-bas-tbl .tch-d.exist { background-color: #bceeff; cursor: pointer; }
.woo-bas-tbl .tch-d.basketExist { background-color: #fff100; cursor: pointer; }
.woo-bas-tbl .tch-d.basketExist:after { content: '\2714'; font-wieght: bold; display: block; }
.woo-bas-tbl .tch-d.sat { background-color: #ededed; }
.woo-bas-tbl .tch-d.sun { background-color: #ededed; }

.bas-tit { clear: both; width: 100%; display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; margin: 0 0 5px 0; }
.bas-tit img { display: inline-block; vertical-align: bottom; margin: 0 5px 0 0; }

.usm-brd-lst.bas4 { clear: both; min-width: 900px; font-size: 14px; }
.usm-brd-lst.bas4 td { text-align: center; }
/* basket */

/* write */
.usm-brd-lst.wrt { min-width: 900px; font-size: 14px; margin: 0; }
.usm-brd-lst.wrt td { text-align: center; }
.usm-brd-lst.wrt td input[type="text"] { width: 100%; height: 26px; box-sizing: border-box; }

.usm-brd-wrt.wrt2 { font-size: 14px; margin: 15px 0 0 0; }
.usm-brd-wrt.wrt2 tr:nth-child(2) td input[type="text"] { width: 100px; }
.usm-brd-wrt.wrt2 th { width: 30%; }
.usm-brd-wrt.wrt2 td input[type="text"] { height: 26px; box-sizing: border-box; }
.usm-brd-wrt.wrt2 td textarea { width: 100%; box-sizing: border-box; }

.usm-brd-wrt.wrt { font-size: 14px; margin: 15px 0 0 0; }
.usm-brd-wrt.wrt th { width: 30%; }
.usm-brd-wrt.wrt td input[type="text"] { height: 26px; box-sizing: border-box; }
.usm-brd-wrt.wrt td textarea { width: 100%; box-sizing: border-box; }
.usm-brd-wrt.wrt tr:nth-child(9) td input[type="text"] { width: 100px; }
/* write */

/* mylist */
.mlst-anne { clear: both; width: 100%; text-align: center; margin: 0 0 15px 0; }
.mlst-anne div:nth-child(1) { background-color: #0b44c5; color: #fff; font-weight: bold; font-size: 18px; padding: 10px; }
.mlst-anne div:nth-child(2) { background-color: #eeeeee; color: #000; font-weight: bold; font-size: 14px; padding: 15px; }

.woori-tab2 { clear: both; float: left; width: 100%; box-sizing: border-box; margin: 0 0 8px 0; }
.woori-tab2 li { float: left; width: 50%; border: 1px solid #07aae5; box-sizing: border-box; }
.woori-tab2 li:nth-child(1) { border-right: none; }
.woori-tab2 li a { font-size: 16px; color: #07aae5; display: block; text-align: center; padding: 5px; }
.woori-tab2 li.sel { background-color: #07aae5; }
.woori-tab2 li.sel a { color: #fff; }

.usm-brd-lst.mlst { min-width: 900px; font-size: 14px; }
.usm-brd-lst.mlst th:nth-child(1) { width: 30px; }
.usm-brd-lst.mlst th:nth-child(9) { width: 80px; }
.usm-brd-lst.mlst th:nth-child(10) { width: 88px; }
.usm-brd-lst.mlst th:nth-child(11) { width: 80px; }
.usm-brd-lst.mlst td { text-align: center; word-break: break-all; }
.usm-brd-lst.mlst td:nth-child(7) { word-break: keep-all; }
.usm-brd-lst.mlst td:nth-child(9) div:nth-child(1) { margin: 0 0 3px 0; }
.usm-brd-lst.mlst td:nth-child(10) div:nth-child(1) { margin: 0 0 3px 0; }
/* mylist */ 

/* myupdate */
.usm-brd-wrt.upt { font-size: 14px; }
.usm-brd-wrt.upt td { text-align: center; }
/* myupdate */

/* lectureConfirmation */
.woo-print { border: 10px solid #556fb5; width: 100%; height: 100%; padding: 30px; box-sizing: border-box; }
.woo-print .tit { font-size: 20px; text-align: center; font-weight: bold; margin: 0 0 30px 0; }
.woo-print .con { font-size: 17px; font-weight: bold; line-height: 160%; }
.woo-print .con2 { font-size: 17px; text-align: center; line-height: 250%; }
.woo-print .con2 .woo-sign { color: #c1c1c1; }
.woo-print .con3 { font-size: 22px; text-align: center; line-height: 300%; }
.woo-print .woo-tbl-prt { font-size: 16px; margin: 15px 0 10px 0; }
.woo-print .woo-tbl-prt tr:nth-child(1) th { border-top: 2px solid #000; }
.woo-print .woo-tbl-prt tr:nth-child(1) th:nth-child(1) { width: 75px; }
.woo-print .woo-tbl-prt th { border: 1px solid #d7d7d7; padding: 8px; background-color: #e7e7e7; word-break: keep-all; }
.woo-print .woo-tbl-prt th:first-child { border-left: none; }
.woo-print .woo-tbl-prt th:last-child { border-right: none; }
.woo-print .woo-tbl-prt td { border: 1px solid #d7d7d7; padding: 8px; text-align: center; height: 15px; }
.woo-print .woo-tbl-prt td:first-child { border-left: none; }
.woo-print .woo-tbl-prt td:last-child { border-right: none; }
.woo-print .woo-tbl-prt td .woo-sign { color: #c1c1c1; }
.woo-print .win-logo { text-align: center; margin: 15px 0 0 0; }

#usm-new-win-id.woo-print th { padding: 8px; }
#usm-new-win-id.woo-print td { padding: 8px; }
/* lectureConfirmation */

/* memoView */
.woo-memo { width: 100%; padding: 0; margin: 0; font-family: 'SCDream4'; }
.memo-tit { clear: both; width: 100%; display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold; }
.memo-tit img { display: inline-block; vertical-align: top; margin: 0 5px 0 0; }
.memo-con { border: 5px solid #556fb5; padding: 15px; font-size: 14px; line-height: 160%; min-height: 150px; overflow-y: auto; }
/* memoView */ 

/* lectureConfirmationWrite */
.woo-confirm { width: 100%; box-sizing: border-box; padding: 10px; }
.confirm-tit { clear: both; width: 100%; display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; margin: 5px 0; }
.confirm-tit img { display: inline-block; vertical-align: bottom; margin: 0 5px 0 0; }
.usm-brd-wrt.hwrt { font-size: 14px; font-family: 'SCDream4'; }
.usm-brd-wrt.hwrt th { width: 30%; }
/* lectureConfirmationWrite */

/* survey */
.woo-survey { clear: both; width: 100%; padding: 10px; box-sizing: border-box; font-family: 'SCDream4'; }

.sur-tit { clear: both; width: 100%; display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; margin: 0 0 25px 0; }
.sur-tit img { display: inline-block; vertical-align: bottom; margin: 0 5px 0 0; }

.woo-survey-tab { clear: both; float: left; width: 100%; box-sizing: border-box; margin: 0 0 8px 0; position: relative; }
.woo-survey-tab li { float: left; width: calc(50% - 5px); box-sizing: border-box; bottom: 0; }
.woo-survey-tab li a { display: inline-block; background-color: #07aae5; color: #fff; font-size: 18px; font-weight: bold; width: 100%; text-align: center; padding: 10px; box-sizing: border-box; margin: 15px 0 0 0; }
.woo-survey-tab li:nth-child(1) { margin: 0 10px 0 0; }
.woo-survey-tab li.sel a { background-color: #0b44c5; color: #fff100; margin: -10px 0 0 0; }
.woo-survey-tab li.sel a:before { content: '\2714'; font-weight: bold; color: #fff100; display: block; }

.usm-brd-wrt.sur { font-size: 16px; }
.usm-brd-wrt.sur th { width: 30%; background-color: #f7f7f7; }
.usm-brd-wrt.sur td textarea { width: 100%; box-sizing: border-box; height: 100px; font-family: 'SCDream4'; }
.usm-brd-wrt.sur td .usm-imp { margin: 0 0 8px 0; }
/* survey */

/* review */
.woo-review { font-family: 'SCDream4'; box-sizing: border-box; padding: 10px; }

.rev-tit { clear: both; width: 100%; display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold; background-color: #21ac37; color: #fff; padding: 15px 0; text-align: center; margin: 0 0 5px 0; }

.usm-brd-lst.rev { font-size: 16px; }
.usm-brd-lst.rev th { width: 15%; }
.usm-brd-lst.rev td { color: #00469c; }
.usm-brd-lst.rev td .woo-date { font-size: 14px; color: #333; }
/* review */

/* sms */
.ojt1 { display: inline-block; }
.ojt1 input[type="radio"] { display: inlin-block; vertical-align: middle; margin: 0 2px 0 0; cursor: pointer; }
.ojt1 label { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; cursor: pointer; }

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

.usm-brd-wrt2 { border-spacing: 0; border-top: 2px solid #000; margin: 5px 0 10px 0; word-break: keep-all; }
.usm-brd-wrt2 th { padding: 12px; border-bottom: 1px solid #e4e4e4; background-color: #f7f7f7; }
.usm-brd-wrt2 td { padding: 12px; border-bottom: 1px solid #e4e4e4; line-height: 160%; }

.usm-brd-wrt2.sms1 tr:nth-child(1) th:nth-child(1) { width: 30%; }
.usm-brd-wrt2.sms1 .sms-m1 { clear: both; width: 100%; margin: 0 0 20px 0; display: table; }
.usm-brd-wrt2.sms1 .sms-m1 .m1t { display: table-cell; width: 25%; text-align: center; font-weight: bold; background-color: #f8f8f8; vertical-align: middle; }
.usm-brd-wrt2.sms1 .sms-m1 .m1t:hover { color: #193584; }
.usm-brd-wrt2.sms1 .sms-m1 .m1t input[type="chechbox"] { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0 4px 0 0 ;}
.usm-brd-wrt2.sms1 .sms-m1 .m1t label { display: inline-block; vertical-align: middle; cursor: pointer; }
.usm-brd-wrt2.sms1 .sms-m1 ul { display: table-cell; width: calc(75% - 20px); padding: 0 10px; }
.usm-brd-wrt2.sms1 .sms-m1 ul li { }
.usm-brd-wrt2.sms1 .sms-m1 ul li:nth-child(1) { font-weight: bold; margin: 0 0 5px 0; color: #193584; }
.usm-brd-wrt2.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-wrt2.sms1 .sms-m1 ul li:nth-child(3) { font-weight: bold; margin: 0 0 5px 0; color: #193584; }
.usm-brd-wrt2.sms1 .sms-m1 ul li:nth-child(4) { border-bottom: 1px solid #e7e7e7; padding: 0 0 5px 0; }
.usm-brd-wrt2.sms1 .sms-m1 ul li:nth-child(4) .usm-imp { margin: 5px 0 0 0; }

.usm-brd-wrt2.sms1 .sms-m2 { clear: both; width: 100%; margin: 0 0 20px 0; display: table; }
.usm-brd-wrt2.sms1 .sms-m2 .m2t { display: table-cell; width: 25%; text-align: center; font-weight: bold; background-color: #f8f8f8; vertical-align: middle; padding: 30px 0; }
.usm-brd-wrt2.sms1 .sms-m2 .m2t:hover { color: #193584; }
.usm-brd-wrt2.sms1 .sms-m2 .m2t input[type="chechbox"] { display: inline-block; vertical-align: middle; cursor: pointer; margin: 0 4px 0 0 ;}
.usm-brd-wrt2.sms1 .sms-m2 .m2t label { display: inline-block; vertical-align: middle; cursor: pointer; }
.usm-brd-wrt2.sms1 .sms-m2 ul { display: table-cell; width: calc(75% - 20px); padding: 0 10px; }
.usm-brd-wrt2.sms1 .sms-m2 ul li { }
.usm-brd-wrt2.sms1 .sms-m2 ul li:nth-child(1) { font-weight: bold; margin: 0 0 5px 0; color: #193584; }
.usm-brd-wrt2.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-wrt2.sms1 .sms-m2 ul li:nth-child(3) { font-weight: bold; margin: 0 0 5px 0; color: #193584; }
.usm-brd-wrt2.sms1 .sms-m2 ul li:nth-child(4) { border-bottom: 1px solid #e7e7e7; padding: 0 0 5px 0; }
.usm-brd-wrt2.sms1 .sms-m2 ul li:nth-child(4) .usm-imp { margin: 5px 0 0 0; }

.usm-brd-wrt2.sms2 th:nth-child(1) { width: 30%; }
/* sms */

@media (min-width: 768px) and (max-width: 1023px){
/* list */
.woo-plist > .woo-plist2:nth-child(2) { margin: 35px 0 0 0; }

.woo-plist2 { height: 280px; }
.woo-plist2 .con { clear: both; float: left; width: 100%; }
.woo-plist > .woo-plist2:nth-child(1) .con div:nth-child(1) { clear: none; float: left; width: 48%; box-sizing: border-box; }
.woo-plist > .woo-plist2:nth-child(1) .con div:nth-child(2) { clear: none; float: left; width: 52%; box-sizing: border-box; min-height: 235px; max-height: 235px; overflow-y: auto; }
.woo-plist > .woo-plist2:nth-child(2) .con div:nth-child(1) { clear: none; float: left; width: 48%; box-sizing: border-box; }
.woo-plist > .woo-plist2:nth-child(2) .con div:nth-child(2) { clear: none; float: left; width: 52%; box-sizing: border-box; min-height: 235px; max-height: 235px; overflow-y: auto; }
/* list */
}

@media all and (min-width: 1024px){
/* basic */
.mbl-vew { display: none; }
/* basic */

/* list */
.woo-plist > .woo-plist2:nth-child(2) { margin: 35px 0 0 0; }

.woo-plist2 { height: 280px; }
.woo-plist2 .con { clear: both; float: left; width: 100%; }
.woo-plist > .woo-plist2:nth-child(1) .con div:nth-child(1) { clear: none; float: left; width: 48%; box-sizing: border-box; }
.woo-plist > .woo-plist2:nth-child(1) .con div:nth-child(2) { clear: none; float: left; width: 52%; box-sizing: border-box; min-height: 235px; max-height: 235px; overflow-y: auto; }
.woo-plist > .woo-plist2:nth-child(2) .con div:nth-child(1) { clear: none; float: left; width: 48%; box-sizing: border-box; }
.woo-plist > .woo-plist2:nth-child(2) .con div:nth-child(2) { clear: none; float: left; width: 52%; box-sizing: border-box; min-height: 235px; max-height: 235px; overflow-y: auto; }
/* list */

/* basket */

/* basket */
}
@media print {
	@page { margin: 0; }
	body { margin: 1.6cm; }	
	.woo-print .woo-tbl-prt th { background-color: #e7e7e7; -webkit-print-color-adjust: exact; }
	
}