/*----------------------------- cbt --------------------------------------*/
.cbtWrap {background:#a9c5d3; padding:260px 0 60px 0; 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("/web/2022/CBT/img/correct.png")no-repeat center center;}
.cbtList dt.wrong:before {display:block; background:url("/web/2022/CBT/img/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:196px; 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("/web/2022/CBT/img/correct.png")no-repeat center center;}
.cbtfNum.wrong:before {background:url("/web/2022/CBT/img/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("/web/2022/CBT/img/popup_close.png")no-repeat center center !important; text-indent:-9999px; border:none;}
.cbtlpClose input[type="button"]:enabled {background:url("/web/2022/CBT/img/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);}
#resArea > div {display:table-cell; width:100%; vertical-align:middle;}
.cbtRes {background:#fff; width:600px; margin:0 auto; padding:30px; position:relative;}
.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("/web/2022/CBT/img/cbt_close.png")no-repeat center center;}


@media (max-width:1344px) {

.cbtlPop {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); max-width:750px; margin:0 auto; z-index:1000; display:none;}
.cbtlpTable {display:table; width:100%; height:100%;}
.cbtlpCell {display:table-cell; vertical-align:middle;}
.cbtlpCont {padding:0 15px;}
.cbtlpClose {text-align:right; padding-bottom:10px;}
.cbtlpClose input[type="button"] {display:inline-block; width:40px; height:40px; background:url("/m/2022/CBT/img/popup_close.png")no-repeat center center !important; text-indent:-9999px; border:none; background-size:cover;}
.cbtlpClose input[type="button"]:enabled {background:url("/m/2022/CBT/img/popup_close.png")no-repeat center center !important;}
#movieView {width:100%; padding:56.25% 0 0 0;position:relative;}
#movieView iframe {position:absolute;top:0;left:0;width:100%;height:100%; display:block;}
.cbtTitle {padding:20px 15px; position:relative; z-index:1; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);}
.cbtTitle h5 {font-size:15pt; letter-spacing:-0.075em;}
.cbtTitle ul {padding-top:5px;}
.cbtTitle ul:after {content:""; display:table; clear:both;}
.cbtTitle ul li {float:left; font-size:10pt; color:#666;}
.cbtTitle ul li span {color:#333; font-weight:500;}
.cbtTitle ul.col2 li {width:50%;}
.cbtTitle ul.col3 li {width:33.3333%;}
.cbtView {}
.cbtView dt {position:relative; padding:40px 30px; background:#fafafa; text-align:center; -webkit-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.25); box-shadow: inset 0px -1px 2px 0px rgba(0,0,0,0.25);}
.cbtView dt span {display:inline-block; text-align:center; height:22px; line-height:22px; font-size:9pt; background:#0ea8aa; color:#fff; white-space:nowrap; padding:0 10px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
.cbtView dt span.odap {background:#ee293e;}
.cbtView dt h5 {font-size:13pt; font-weight:500; letter-spacing:-0.05em; color:#333; padding-top:10px;}
.cbtView dd {}
.cbtvList {}
.cbtvList li {border-bottom:solid 1px #ddd;}
.cbtvList li a {display:block; font-size:11pt; color:#666; letter-spacing:0em; padding:15px 15px; position:relative; padding-left:35px;}
.cbtvList li a em {display:block; width:20px; height:20px; line-height:20px; line-height:20px; font-style:normal; position:absolute; left:10px; top:50%; margin-top:-10px;}
.cbtvList li a span {display:block; line-height:1.3em;}
/* .cbtvList li.chk a {background:#0ea8aa; color:#fff; font-weight:500;} */
.cbtvList li a em:before {content:""; display:block; width:31px; height:36px; position:absolute; left:-5px; top:50%; margin-top:-18px; background-size:cover !important;}
.cbtvList li.chk a em:before {background:url("/m/2022/CBT/img/cbt_chk01.png")no-repeat center center;}
.cbtvList li.chk01 a em:before {background:url("/m/2022/CBT/img/cbt_chk01.png")no-repeat center center;}
.cbtvList li.chk02 a em:before {background:url("/m/2022/CBT/img/cbt_chk02.png")no-repeat center center;}
.cbtvList li.chk03 a em:before {background:url("/m/2022/CBT/img/cbt_chk03.png")no-repeat center center;}
.cbtvList li.explain {padding:15px 10px; height:auto; line-height:1.5em;}
.cbtvList li.explain h5 {display:inline-block; text-align:center; height:22px; line-height:22px; font-size:9pt; background:#0ea8aa; color:#fff; white-space:nowrap; padding:0 10px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
.cbtvList li.explain p {color:#000; padding-top:5px;}
.cbtvNav {padding-top:20px; padding-bottom:0px; text-align:center;}
.cbtvNav li {display:inline-block; margin:0 3px;}
.cbtvNav li input[type="button"],
.cbtvNav li a {display:block; text-align:center; height:40px; line-height:40px; font-size:10pt; color:#fff; border:none; width:100px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
.cbtvNav li:first-child input[type="button"],
.cbtvNav li:first-child a {background:#666;}
.cbtvNav li:last-child input[type="button"],
.cbtvNav li:last-child a {background:#0ea8aa;}
.cbtSuccess {padding:60px 0; text-align:center;}
.cbtSuccess h5 {font-size:13pt; font-weight:500; letter-spacing:-0.05em; color:#333; margin-bottom:40px;line-height:1.4}
.cbtTab {background:#fafafa; padding-top:20px;}
.cbtTab:after {content:""; display:table; clear:both;}
.cbtTab li {float:left; width:50%; background:#fafafa; border:solid 1px #ddd; border-right:none;}
.cbtTab li:last-child {border-right:solid 1px #ddd;}
.cbtTab li.current {background:#fff; border-bottom:solid 1px #fff;}
.cbtTab li a {display:block; height:40px; line-height:40px; text-align:center;}
.allQinfo {text-align:right; padding:20px 15px 10px;}
.allQinfo li {display:inline-block; color:#333; margin-left:10px;}
.allQinfo li:before {content:""; display:inline-block; vertical-align:middle; width:14px; height:14px; margin-right:5px;}
.allQinfo li:first-child:before {background:#ee293e;}
.allQinfo li:last-child:before {border:solid 1px #666;}
.allQlist {}
.allQlist li {border-bottom:solid 1px #ddd;}
.allQlist li a {display:block; font-size:10pt; color:#666; letter-spacing:0em; padding:15px; padding-left:40px; position:relative;}
.allQlist li a em {display:block; width:20px; height:20px; line-height:20px; line-height:20px; font-style:normal; position:absolute; left:15px; top:50%; margin-top:-10px; font-size:13pt; color:#333; font-weight:600;}
.allQlist li a span {display:block; line-height:1.3em;}
.allQlist li a em:after {content:""; display:block; width:44px; height:39px; position:absolute; left:-15px; top:50%; margin-top:-18px; background-size:cover !important;}
.allQlist li.jungdap a em:after {background:url("/m/2022/CBT/img/cbt_list_chk01.png")no-repeat center center;}
.allQlist li.odap a em:after {background:url("/m/2022/CBT/img/cbt_list_chk02.png")no-repeat center center;}


}