/*----------------------------- cbt --------------------------------------*/
.cbtWrap {background:#a9c5d3; padding:60px; position:relative;}
.cbtCont {background:#fff; padding:60px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);}
.cbtTitle {text-align:center; padding:40px 0; border-bottom:solid 1px #ddd;}
.cbtTitle h3 {font-family:"Noto Serif KR", sans-serif; font-weight:800;}
.cbtList {padding-top:40px;}
.cbtList dt {font-size:20px; font-weight:500; letter-spacing:-0.05em; position:relative;}
.cbtList dt:before {content:""; display:none; width:100px; height:100px; position:absolute; top:0; left:0; margin-left:-40px; margin-top:-30px;}
.cbtList dt.correct:before {display:block; background:url("/2024/img/cbt/correct.png")no-repeat center center;}
.cbtList dt.wrong:before {display:block; background:url("/2024/img/cbt/wrong.png")no-repeat center center;}
.cbtList dd {padding-top:10px;}
.cbtList dd ul {}
.cbtList dd ul li {line-height:28px; font-size:15px; color:#666; letter-spacing:0em; padding-left:5px;}
.cbtList dd ul li a {display:inline-block;}
.cbtList dd ul li.current a {color:#000; font-weight:500;}
.cbtList dd ul li.explain {padding-top:10px; margin-top:10px; height:auto; line-height:1.5em; border-top:dotted 1px #ddd;}
.cbtList dd ul li.explain h5 {font-size:12px; display:inline-block; padding:0 10px; background:#008294; color:#fff; height:26px; line-height:26px; border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px;}
.cbtList dd ul li.explain p {color:#000;}
#cbtFix {position:fixed; width:240px; background:#fff; top:0px; bottom:0; right:0; border-left:solid 1px #ddd; padding-top:60px; padding-bottom:100px;}
#cbtFix.answer {padding-bottom:60px; padding-top:90px;}
.cbtfTime {position:absolute; left:0; right:0; top:0; height:60px; text-align:center; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);}
.cbtfTime dt {display:inline-block; height:60px; line-height:60px; font-size:14px; color:#000;}
.cbtfTime dd {display:inline-block; height:60px; line-height:60px; font-family:"roboto", sans-serif; margin-left:10px;}
.cbtfTime dd span {font-size:30px; font-weight:800; vertical-align:bottom; display:inline-block; margin-right:5px;}
.cbtfList {height:100%; overflow-y:auto; padding:15px; width:260px; padding-right:20px;}
.cbtfList th,
.cbtfList td {border:solid 1px #ddd; font-family:"dotum", sans-serif; font-size:13px; letter-spacing:-0.075em; padding:3px;}
.cbtfList th {background:#fafafa;}
.cbtfList thead th {padding:0;}
.cbtfList ul {padding:0 3px;}
.cbtfList ul:after {content:""; display:table; clear:both;}
.cbtfList ul li {float:left; margin-left:5px;}
.cbtfList ul.answer li {height:21px; width:21px; background-position:center center !important; padding:4px;}
.cbtfList ul.answer li img {display:block;}
.cbtfList ul li a {display:block;}
.cbtfList ul li a img {display:block;}
.cbtfNum {display:block; width:21px; height:21px; line-height:21px; text-align:center; position:relative; margin:0 auto;}
.cbtfNum:before {content:""; display:block; width:30px; height:30px; position:absolute; top:50%; left:50%; margin-left:-15px; margin-top:-15px; background-size:cover !important;}
.cbtfNum.correct:before {background:url("/2024/img/cbt/correct.png")no-repeat center center;}
.cbtfNum.wrong:before {background:url("/2024/img/cbt/wrong.png")no-repeat center center;}
.cbtfBtn {position:absolute; left:0; right:0; bottom:0; height:100px; padding:10px 20px; -webkit-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px -1px 2px 0px rgba(0,0,0,0.2);}
.cbtfBtn h4 {text-align:center; font-size:16px; font-weight:400;}
.cbtfBtn h4 span {font-weight:600;}
.cbtfBtn ul {margin:0 -2px; padding-top:10px;}
.cbtfBtn ul:after {content:""; display:table; clear:both;}
.cbtfBtn ul li {float:left; width:50%; padding:0 2px;}
.cbtfBtn ul li input[type="button"] {display:block; border:none; text-align:center; height:36px; width:100%; color:#fff; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
.cbtfBtn ul li input[type="button"]:focus {outline:none;}
.cbtfBtn ul li:first-child input[type="button"] {background:#008294;}
.cbtfBtn ul li:last-child input[type="button"] {background:#666;}
.cbtfBtn ul li:first-child input[type="button"]:enabled {background:#008294 !important;}
.cbtfBtn ul li:last-child input[type="button"]:enabled {background:#666 !important;}
.cbtfBtn.answer {height:60px; padding:12px 20px;}
.cbtfBtn.answer a {display:block; border:none; text-align:center; height:36px; line-height:36px; width:100%; background:#008294; color:#fff; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
.cbtfResult {position:absolute; left:0; right:0; top:0; padding:15px; height:90px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);}
.cbtfResult:after {content:""; display:table; clear:both;}
.cbtfResult dt {float:left; width:30%; height:20px; line-height:20px; color:#000; font-weight:500; font-size:13px;}
.cbtfResult dd {float:left; width:70%; height:20px; line-height:20px; font-size:14px;}
.cbtlBtn {display:inline-block; text-align:center; height:30px; line-height:30px; padding:0 10px; color:#fff; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
.cbtlBtn.green {background:#008294;}
.cbtlBtn.gray {background:#666;}
.cbtlBtn.red {background:#ee293e;}
.cbtlPop {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; display:none;}
.cbtlpTable {display:table; width:100%; height:100%;}
.cbtlpCell {display:table-cell; vertical-align:middle;}
.cbtlpCont {width:560px; margin:0 auto;}
.cbtlpCont:after {content:""; display:table; clear:both;}
.cbtlpCont iframe {width:100%;}
.cbtlpClose {float:right;}
.cbtlpClose input[type="button"] {display:block; width:40px; height:40px; margin-right:-40px; margin-top:-40px; background:url("/2024/img/cbt/popup_close.png")no-repeat center center !important; text-indent:-9999px; border:none;}
.cbtlpClose input[type="button"]:enabled {background:url("/2024/img/cbt/popup_close.png")no-repeat center center !important;}
#movieView {width:100%; float:left;}
#resArea {position:fixed; display:table; width:100%; height:100%; left:0; top:0; z-index:2000; background:rgba(0,0,0,0.7); margin-top:0}
#resArea > div {display:table-cell; width:100%; vertical-align:middle;}
.cbtRes {background:#fff; width:600px; margin:0 auto; padding:30px; position:relative;max-width:95vw; z-index:10000;}
.cbtRes .subTitle {padding:30px 0;}
.cbtRes .subTitle h2 {font-size:30px;}
.cbtRes .tuitionDesc li {font-size:11px;}
.cbtRes .privacyTxt {height:100px;}
.cbtRes .tuitionBtn {padding-top:30px; padding-bottom:0;}
.resClose {display:block; width:31px; height:47px; text-indent:-9999px; position:absolute; right:30px; top:30px; cursor:pointer; background:url("/2024/img/cbt/cbt_close.png")no-repeat center center;}
.tuitionTable {width:100%;}
.tuitionTable th,
.tuitionTable td {border:solid 1px #ddd; font-size:14px; padding:10px;}
.tuitionTable th {background-color:#f2f3f5;}
.tuitionTable td ul:after {content:""; display:table; clear:both;}
.tuitionTable td ul li {float:left;}
.tuitionTable td ul.col2 li {width:50%;}
.tuitionTable td ul.col3 li {width:33.3333%;}
.tuitionTable td ul.col4 li {width:25%;}
.tuitionTable td ul.col5 li {width:20%;}
.tuitionTable td ul.col6 li {width:16.6666%;}
.tuitionTable td ul.col7 li {width:14.2857%;}
.tuitionTable td ul.col8 li {width:12.5%;}
.tuitionTable td ul.col9 li {width:11.1%;}
.tuitionTable td ul.inline li {width:auto; margin-right:15px;}
.tuitionLocation label {margin-right:0px;}
.tuitionDesc {padding:10px 0;}
.tuitionDesc ul li {font-family:"dotum"; color:#000; font-size:12px; letter-spacing:-0.005em; padding-left:10px; position:relative;}
.tuitionDesc ul li:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; top:9px; left:0;}
.tuitionDesc ul li span {color:#008294;}
.tuitionTable .widthFull {width:300px;}
.tuitionPhone > li:nth-child(1) {width:80px;}
.tuitionPhone > li:nth-child(1) select {width:100%;}
.tuitionPhone > li:nth-child(2),
.tuitionPhone > li:nth-child(4) {width:10px; height:32px; line-height:32px; text-align:center;}
.tuitionPhone > li:nth-child(3),
.tuitionPhone > li:nth-child(5) {width:100px;}
.tuitionPhone > li:nth-child(3) input,
.tuitionPhone > li:nth-child(5) input {width:100%;}
.tuitionPhone .nice-select span {display:block;}
.tuitionBtn {text-align:center; padding-top:40px; padding-bottom:60px;}
.tuitionBtn a, .tuitionBtn input[type="submit"] {display:inline-block; width:220px; height:50px; line-height:50px; color:#fff; text-align:center; font-size:18px; font-weight:500; border:none;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.13); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.13); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.13);border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;background: #008294;}
.tuitionCourse {color:#0ea8aa; font-family:"dotum"; font-weight:bold; font-size:13px;}
.incPrvcy {height: 80px;overflow-y: scroll;border: 1px solid #ded9d4;padding: 10px;line-height: 1.5;color: #aaa;font-family: "dotum";font-size: 12px;border-radius: 7px;background: #fff;}




.cbtList li.chk {background-repeat: no-repeat;background-image: url('/2024/img/cbt/red_v38.gif');}
.cbtList dd ul li.explain p, .cbtList dt ,.cbtList dd ul li  {width: 80%;}

.closeCbt {position: absolute;right: 25px;top: 20px;}
.closeCbt svg {height: 32px;width: 32px;z-index:3000;position: relative;cursor:pointer;}

.cbtTuit .btn4 {width:100%;}
.cbtTuit { background:#fff;width:600px; margin:0 auto; padding:30px; position:relative;max-width:95vw; z-index:10000;}

/* .cbtTuit .main-tit {border-bottom: 1px solid #ccc; } */


@media (max-width:1344px) {
	.cbtTuit .main-tit h3 {font-size: 2vw;}
	.cbtTuit .tuition-item h3 {font-size: 14px;}
	.cbtTuit .tuition-item dl dd input[type="text"], .cbtTuit .tuition-item dl dd input[type="tel"], .cbtTuit .tuition-item dl dd select {font-size: 15px;}
	.cbtTuit #ctLoc li input[type="radio"] + label {font-size: 15px;}
	.tuition-wr > div + div, .tuition-item + div {margin-top:3vw;}
	.tuition-inform li {font-size:11px;}
	.tuition-inform {margin: 2vw 0;padding: 1.5vw;}
}

@media (max-width:1080px) {
	.cbtList dd ul li.explain p, .cbtList dt ,.cbtList dd ul li {width:62vw;}
	.cbtTuit .main-tit {margin-bottom: 5vw;}
}

@media (max-width:990px) {
	.cbtWrap {padding: 30px 20px;width:100%;}
	#cbtFix.answer {width: 160px;padding-top: 0;}
	.cbtfList {width:100%;}
	.cbtCont {padding:  10px 15px; }
	.cbtTitle {padding: 20px 0;}
	.cbtTitle h3 {font-size:17px;}
	.cbtfList {padding: 5px;padding-right: 5px;}
	.cbtList  {padding-top:20px;}
	.cbtList dt {font-size: 15px;}
	.cbtList dd ul li {font-size:14px;line-height: 2;}
	.cbtList dd ul li.explain p {font-size: 13px;line-height: 1.3;padding-top: 5px;}
	#cbtFix.answer {border: none;width: unset;position: relative; }
	#cbtFix {height: max-content;top:unset;bottom: 0;width:100%;}
	#cbtFix .cbtfList {display:none;}
	.cbtfResult {position: unset;box-shadow:unset;height:unset;padding: 20px 10px;}
	#cbtFix.answer .cbtfBtn {border:unset;box-shadow:unset;}
	.cbtList dt.wrong:before {width:50px;height: 50px;margin: 0;background: url('/2024/img/cbt/wrong.png') center center / cover no-repeat;transform: translate(-30%, -30%);}
	.cbtList dt.correct:before {width:50px;height: 50px;margin: 0;background: url('/2024/img/cbt/correct.png') center center / cover no-repeat;transform: translate(-30%, -17%);}
	.cbtList dd ul li.explain p, .cbtList dt ,.cbtList dd ul li   {width:100%;}
	.cbtfTime dd span {font-size:24px;}
	.cbtfTime {border-top: 1px solid #ccc;}

	.resClose {width:30px;height: 40px;background: url('/2024/img/cbt/cbt_close.png') center center / contain no-repeat;background-size:100% 100%;}
	.tuitionTable .widthFull {max-width:100%;}
	.tuitionPhone > li:nth-child(3), .tuitionPhone > li:nth-child(5) {width:31%;}
	.cbtRes .subTitle h2 {font-size: 22px;}
	.cbtRes .subTitle p {font-size: 15px;}
	.tuitionTable th, .tuitionTable td {font-size: 14px;}
	.cbtRes .subTitle {padding: 30px 0 20px;}


	.cbtRes {padding: 30px 10px;}
	.cbtTuit { background:#fff;width:600px; margin:0 auto; padding:30px 10px; position:relative;max-width:95vw; z-index:10000;}

	#footer_wrap {padding: 60px 0 160px;}




}

@media (max-width:768px) {
	.cbtTuit .main-tit h3  {font-size: 4vw;}
	.cbtTuit .tuition-item h3, .cbtTuit .main-tit span,
	.cbtTuit .tuition-item dl dd input[type="text"], .cbtTuit .tuition-item dl dd input[type="tel"], .cbtTuit .tuition-item dl dd select ,
	.cbtTuit #ctLoc li input[type="radio"] + label {font-size: 3vw;}
	.tuition-inform {padding: 4vw;}
}