/**
 * Àå¹Ù±¸´Ï ½ºÅ¸ÀÏ ¸®´º¾ó
 * #2013.12.03@¼­»ó¿¬
 */
.dot-hidden {display: block; width: 0; height: 0; visibility: hidden; overflow: hidden; position: absolute;}
.dot-fl {float: left;}
.dot-tc {text-align: center;}
.dot-tr {text-align: right}
.dot-learn-pass {color: #868686; font-weight: bold;}
.dot-learn-fail {color: #df66b0; font-weight: bold;}
.dot-order-approve {color: #44b9b8; font-weight: bold;}
.dot-order-confirm {color: #996fe7; font-weight: bold;}
.dot-order-cancel {color: #67a548; font-weight: bold;}
.dot-app-ing {color: #3573e4; font-weight: bold;}
.dot-app-close {color: #e92e2e; font-weight: bold;}
.dot-app-over {color: #ec881e; font-weight: bold;}
.dot-app-closed {color: #e92e2e; font-weight: bold;}
.dot-icon {background: transparent url(/images/lecture_2013/img.png) no-repeat 0 0; display: block; float: left;}
.dot-icon-caution {background-position: -250px 0; width: 24px; height: 20px; position: absolute; left: 0; top: 0;}
.dot-error {background: #fef1ec none scroll 0 0; color: #cd0a0a; border: 1px solid #cd0a0a;}
#dot-lecture-cart {position: absolute; width: 904px; left: 50%; margin-left: -472px; font-size: 0.916em;}
#dot-lecture-cart div,
#dot-lecture-cart span,
#dot-lecture-cart button, 
#dot-lecture-cart h3,
#dot-lecture-cart h4,
#dot-lecture-cart table,
#dot-lecture-cart th,
#dot-lecture-cart td,
#dot-lecture-cart input,
#dot-lecture-cart dt,
#dot-lecture-cart dd {font-family: µ¸¿ò; line-height: 1.4em;}
#dot-lecture-cart table {border-collapse: collapse;}
#dot-lecture-cart h3 {position: relative; margin: 0; padding: 0;  font-size: 1.089em;}
#dot-lecture-cart h4 {font-size: 1.167em; margin: 0; padding: 0; background: none;}
#dot-lecture-cart button {border: none; background: transparent url(/images/lecture_2013/img.png) no-repeat 0 0; margin: 0; padding: 0; cursor: pointer;}
#dot-lecture-cart button.btn-remove-selected {background-position: -306px 0; width: 55px; height: 20px;  top: 50%; margin-top: -10px;}
#dot-lecture-cart button.btn-remove {background-position: -283px 0; width: 14px; height: 14px;}
#dot-lecture-cart button.btn-order {background-position: -138px 0; width: 86px; height: 86px;}
.dot-bar {display: block; position: absolute; top: -29px; left: 404px; width: 500px; height: 29px; background: transparent url(/images/lecture_2013/img.png) no-repeat 100% -95px;}
.dot-bar span {display: block; position: relative; left: 70px; top: 12px; color: #f4e109; font-weight: bold;}
.dot-bar button {position: absolute; width: 113px; height: 13px; left: 370px; top: 12px;}
.dot-bar button span {position: relative; left: 0; top: 0; text-indent: -1000px; overflow: hidden;}
#dot-lecture-cart .dot-bar button.dot-selected {background-position: 0 -23px;}
.dot-cart-container {display: block; position: relative; background: #ffffff url(/images/lecture_2013/bg_cart.gif) repeat-y /*-60px*/-100px 0; border: 2px solid #212e4b; border-top-width: 10px; border-bottom-width: 7px; float: left;}
.dot-progress-info {text-align: center; width: 900px;/*(904 - 4)*/}
.dot-cart-info {display: none; float: left;}
.dot-selected .dot-progress-info {display: none;}
.dot-selected .dot-cart-info {display: block;}
.dot-cart-info .dot-cart-list {position: relative; left: 0; top: 0; padding: 20px; padding-bottom: 0; width: 440px; _width: 480px;}
.dot-term {position: relative; margin-bottom: 20px;}
.dot-term .dot-header {position: relative; height: 23px; margin-bottom: 1px; text-align: right; padding-top: 4px; padding-right: 25px; _height: 27px;}
#dot-lecture-cart .dot-term .dot-header h3 {position: absolute; width: 105px; height: 19px; left: 0; top: 0; padding-top: 5px; padding-bottom: 3px; background-color: #202e4b; color: #ffffff; text-align: center;}
.dot-header span {font-size: 14px; font-weight: bold; line-height: 1.4em; vertical-align: baseline;}
.dot-header .btn-remove-selected {position: absolute; left: 125px;}
.dot-header .dot-count {color: #5789df;}
.dot-header .dot-price {color: #e64e4e;}
.dot-list {width: 100%; border-top: 2px solid #666666; border-bottom: 1px solid #e0e0e0;}
.dot-list thead th {border: 1px solid #e0e0e0; border-top-width: 0; padding: 6px 4px 2px; background-color: #f4f4f4; font-size: 11px; color: #666666;}
.dot-list tbody th,
.dot-list tbody td {border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 4px 4px 2px; font-size: 11px; color: #666666;}
.dot-list span {font-size: 11px;}
.dot-caution-container {width: 380px; padding: 20px; position: relative; _width: 420px;}
.dot-caution {padding: 0; margin-bottom: 100px;}
#dot-lecture-cart .dot-caution h4 {position: relative; height: 16px; vertical-align: baseline; padding: 2px 0 2px 30px; margin-bottom: 10px;}
#dot-lecture-cart .dot-caution .dot-body {font-size: 11px; line-height: 1.6em;}
.dot-sum-container {position: absolute; width: 380px; right: 20px; bottom: 20px; _bottom: 40px;}
.dot-sum-container .dot-sum {border: 2px solid #3b3b3b; float: left; width: 281px; _width: 245px; margin: 0;}
.dot-sum th {color: #222222; font-size: 14px; font-weight: bold; border-right: 1px solid #9d9d9d; border-bottom: 1px solid #9d9d9d; width: 80px; padding-top: 12px; padding-bottom: 8px; height: 21px;}
.dot-sum td {border-bottom: 1px solid #9d9d9d; padding-right: 20px; font-size: 16px; font-weight: bold; color: #e64e4e; text-align: right;}
.dot-sum-container button.btn-order {position: absolute; display: block; right: 0; top: 0;}
.dot-cart-helper {display: block; position: absolute; padding: 8px 0; border: 1px solid #fcefa1; background-color: #fbf9ee;}
.dot-cart-helper span {display: block; margin-left: 100px; color: #363636;}
.dot-list tbody tr.dot-openterm-division th,
.dot-list tbody tr.dot-openterm-division td {border-bottom: 1px solid #aaa;}
button {cursor: pointer; border: none;}
div.dot-plan-openterm {position: absolute; left: 50%; margin-left: -220px; width: 440px; background: url(/images/lecture_2013/pattern_pop.gif) repeat 0 0; z-index: 999; display: none;}
.dot-plan-openterm button {border: 0; background: none; margin: 0; padding: 0; width: 110px;}
.dot-plan-openterm .tit {padding: 15px 0 15px 40px; font-weight: bold; color: #fff;}
.dot-plan-openterm .tit span {margin-left: 5px; font-size: 16px; font-family: µ¸¿ò}
.dot-plan-openterm .con {width: 360px; background-color: #fff; margin: 0 10px 10px; padding: 20px 30px 10px; _width: 420px;}
.dot-plan-openterm .con .txt {margin-bottom: 10px;}
.dot-plan-openterm .con .txt span {font-size: 14px; color: #3c6ddb; font-weight: bold; margin-left: 3px; font-family: µ¸¿ò}
.dot-plan-openterm .con table.plan_tb {border: 2px solid #445475; /* width: 356px; */ font-size: 14px; font-weight: bold; color: #4a4a4a;}
.dot-plan-openterm .con table.plan_tb th,
.dot-plan-openterm .con table.plan_tb td {padding: 8px 6px; border-bottom: 1px solid #a1a1a1; border-left: 1px dotted #a1a1a1; text-align: center; font-family: µ¸¿ò}
.dot-plan-openterm .con table.plan_tb th {font-size: 12px; background-color: #f5f8fe;}
.dot-plan-openterm .con table.plan_tb td {font-size: 14px;}
.dot-plan-openterm .con .btn {text-align: center; margin-top: 20px;}
.dot-order-warning {
	position: absolute;
	left : 50%;
	border: 3px solid #69f;
	padding: 15px 20px 15px 40px;
	line-height: 140%;
	background-color: #fff;
}
.dot-order-warning p {text-indent: -18px;}
.dot-order-warning p+p {margin-top: 14px;}
.dot-order-warning .btn-close {display: inline-block; padding: 8px 25px; background-color: #69f; font-weight: bold; color: #fff; line-height: 100%; text-indent: 0; text-decoration: none;}
/*
#plan {
	width:440px;
	height:345px;
	background:url(/images/lecture_2013/pattern_pop.gif) 0 0 repeat;
}
#plan .tit {
	padding:15px 0 15px 40px;
}
#plan .tit span {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding-left:5px;
}
#plan .con {
	width:420px;
	height:283px;
	background-color:#fff;
	margin-left:10px;
}
#plan .con .txt {
	padding:23px 0 10px 30px;
}
#plan .con .txt span {
	font-size:14px;
	color:#3c6ddb;
	font-weight:bold;
	padding-left:3px;

}
#plan .con .plan_tb {
	width:360px;
	border:2px solid #445475;
	margin-left:30px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#4a4a4a;
}
#plan .con .plan_tb th{
	font-size:12px;
	font-weight:bold;
	color:#4a4a4a;
	background-color:#f5f8fe;
	height:40px;
}
#plan .con .plan_tb td, th{
	border-bottom:1px solid #a1a1a1;
	border-left:1px dotted #a1a1a1;
	height:40px;
}
#plan .con .btn {
	text-align:center;
	padding-top:20px;
}
*/

/* 20200625 dj */
.dot-plan-openterm form{padding:10px;}
.dot-plan-openterm .tit{padding:15px;}
.dot-plan-openterm .tit span{vertical-align:-3px;}
.dot-plan-openterm .tit button{color:#fff; font-family: ³ª´®°íµñ; font-weight:700;font-size:30px;width:auto;position:absolute;top:0;right:0;margin:15px;}
.dot-plan-openterm .con{width:100%;padding:10px;box-sizing:border-box;margin:0;}
.dot-plan-openterm .con .txt{margin:5px 0 12px;color:#276fd6;font-weight:700;}
.dot-plan-openterm .con .txt img{vertical-align:0px;}
.dot-plan-openterm .con table.plan_tb{width:100%;}
.dot-plan-openterm .con table.plan_tb td{box-sizing:border-box;}
.dot-plan-openterm .con table th a{display:block;padding:3px 5px 2px;background:#8fa6c8;color:#fff;margin-top:3px;max-width:60px;}
.dot-plan-openterm .con table .disabled{background:#d2d2d4;}
.dot-plan-openterm .con table .disabled input{display:none;}
.dot-plan-openterm ul li,.dot-plan-openterm ul li span{font-size:16px;font-weight:700;line-height:26px;font-family:'µ¸¿ò';}
.dot-plan-openterm ul li span{display:inline-block;width:90px;font-weight:400;letter-spacing:-1px;}
.dot-plan-openterm .btn-add2cart{background:#ff5b17;color:#fff;font-size:16px;font-weight:700;padding:15px 0;font-family:'µ¸¿ò';width:200px;line-height:normal;}

.dot-plan-openterm .receipt{background:#d7e1f3;padding:20px;padding-bottom:10px;margin-top:10px;text-align:right;}
.dot-plan-openterm .receipt p{color:#ff5b17;margin-top:10px;font-weight:700;letter-spacing:-0.5px;}
.dot-plan-openterm .caution h3{font-size:14px;margin:15px 0 10px;color:#276fd6;}
.dot-plan-openterm .caution li{list-style:decimal;margin:0 0 5px 25px;font-size:12px;line-height:normal;font-weight:300;letter-spacing:-.5px;color:#666;}
.dot-plan-openterm .caution li a{color:#bdbdbd;display:inline-block;padding:5px 0;}

.dot-plan-openterm#dw-plan__cart {
	/* display: block; */
	/* width: 720px; */
	width: 650px;
	left: 50%;
	margin-left: 0;
	transform: translate(-50%);
	min-width: 380px;
}

.dot-plan-openterm#dw-plan__cart .tit { font-size: 14px; }
.dot-plan-openterm#dw-plan__cart .con { width: 96%; margin: 0 auto 10px; }



#cont-cart__sum { width: 330px; text-align: right; float:left;}
#cont-cart__sum:after { content: ''; display: block; clear: both; }
#cont-cart__sum li {float: right; width: 100%;text-align:left;color:#000;}
#cont-cart__sum li:after { content: ''; display: block; clear: both; }
#cont-cart__sum span { float: left; margin-right: 20px;text-align:left;}


.warning { color: #ff5b17; font-size: 14px; font-family: µ¸¿ò;}
.checkbox { display: block; position: relative; }
.checkbox > input[type="checkbox"],
.checkbox > input[type="radio"],
.hidden { overflow: hidden; position: absolute; display: inline-block; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }

.btn-checkall{background:#8fabc8;color:#fff;margin:5px auto 0;padding:3px 7px;display:inline-block;}
.checkbox > label { display: block; position: relative; cursor: pointer; }
/* .checkbox > label.btn-checkall { display: block; position: relative; padding: 3px 5px 2px; margin: 3px auto 0; background-color: #8fabc8; color: #fff; max-width: 60px; } */
.checkbox > :checked + label.btn-checkall { background-color: #ff5b17; outline: none; }

.checkbox > label.icon { width: 24px; height: 24px; border-radius: 50%; border: 3px solid #c0c0c0; overflow: hidden; }
.checkbox > label.icon:before { content: ''; display: block; position: absolute;  width: 10px; height: 5px; border-bottom: 4px solid #c0c0c0; border-left: 4px solid #c0c0c0; transform: translate(40%, 70%) rotate(-45deg); }

.checkbox > :checked + label.icon { background-color: #ff5b17; border-color: #ff5b17; }
.checkbox > :checked + label.icon:before { border-color: #fff; }
/*
#dw-plan__cart .checkbox { display: block;}
.dot-plan-openterm#dw-plan__cart .btn-checkall {
	display: block;
	margin: 3px auto 0;
	padding: 3px 5px 2px;
	background-color: #8fa6c8;
	color: #fff;
	max-width: 60px;
}

.dot-plan-openterm#dw-plan__cart button:focus,.dot-plan-openterm#dw-plan__cart button:active{background:#ff5b17;color:#fff;outline:none;}


#dw-plan__cart .checkbox span{background:#fff;width:24px;height:24px;border-radius:50px;border:3px solid #c0c0c0;position:relative;display:inline-block;cursor:pointer;}
#dw-plan__cart .checkbox span:before{content:"";display:inline-block;position:absolute;top:50%;left:50%;width:10px;height:5px;border-bottom:4px solid #c0c0c0;border-left:4px solid #c0c0c0;transform:rotate(-45deg);margin:-6px -7px;}
#dw-plan__cart input:checked+span{background:#ff5b17;border-color:#ff5b17;}
#dw-plan__cart input:checked+span:before{border-color:#fff;}
#dw-plan__cart input{display:none;}



*/