@charset "utf-8";
/* 20180910 / 박수진 / ver 1.0 / ielts CDT */

/*******************************************************************************
                                    cdt-main
********************************************************************************/
*[class^="pc"] {display:inline-block;}
*[class^="mo"] {display:none;}
img {max-width:100%;}

.cdt-main {}
.cdt-main h3 {display:block;border-bottom:2px solid #333;padding-bottom:10px;margin-bottom:20px;font-weight:bold;}
.cdt-main .exp {display:inline-block;margin-left:5px;font-weight:normal;color:#747474;vertical-align:middle;}
.cdt-main .cdt-list {position:relative;display:block;width:100%;}
.cdt-main .cdt-list .sel-box {position:relative;width:100%;max-width:540px;border:1px solid #747474;border-radius:4px;overflow:hidden;background:transparent;z-index:1;}
.cdt-main .cdt-list .sel-box:after {content:'';position:absolute;top:0;right:0;width:40px;height:100%;border-left:1px solid #747474;background:#f6f6f6 url(/ielts/cdt/images/icon_arr_down.png) center no-repeat;z-index:-1;}
.cdt-main .cdt-list .sel-box select {width:100%;padding:10px;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;}
.cdt-main .cdt-list .sel-box select option .exp {color:#666;}
.cdt-main .cdt-list .dot-list {margin-top:20px;padding:0 20px;box-sizing:border-box;}
.cdt-main .cdt-list .no-list {text-align:center;}
.cdt-main .cdt-list .no-list strong {font-size:120%;}
.cdt-main .cdt-list .no-list .button-wrap {margin-top:20px;}
.cdt-main .cdt-list .no-list .button-wrap .button {border:none;background:#6cb741;}

@media screen and (max-width: 641px) {
    *[class^="pc"] {display:none;}
    *[class^="mo"] {display:inline-block;}
    .cdt-main .cdt-list * {font-size:13px;letter-spacing:-1px;}
    .cdt-main h3:first-of-type {margin-top:0;}
    .cdt-main .exp {display:inline;}
    .cdt-main .cdt-list .sel-box {padding-right:30px;box-sizing:border-box;}
    .cdt-main .cdt-list .sel-box:after {width:30px;}
    .cdt-main .cdt-list .sel-box select {padding:5px;}
    .cdt-main .cdt-list .dot-list {margin-top:10px;padding:0;}
}

.cdt-main .cdt-list .represent {display:block;width:100%;}
.cdt-main .cdt-list .represent:after {content:'';display:block;width:100%;clear:both;}
.cdt-main .cdt-list .represent .thumb {width:20%;max-width:176px;float:left;}
.cdt-main .cdt-list .represent .summary {width:75%;float:right;}
.cdt-main .cdt-list .represent .summary .dot-list li {position:relative;padding-left:10px;letter-spacing:0;}
.cdt-main .cdt-list .represent .summary .dot-list li + li {margin-top:5px;}
.cdt-main .cdt-list .represent .summary .dot-list li:before {content:'';position:absolute;top:10px;left:0;display:block;width:3px;height:3px;border-radius:50%;background:#333;}
.cdt-main .cdt-list .represent .summary .dot-list li span {position:relative;}
.cdt-main .cdt-list .represent .summary .dot-list li span + span {margin-left:10px;padding-left:11px;}
.cdt-main .cdt-list .represent .summary .dot-list li span + span:before {content:'';display:block;width:1px;height:12px;position:absolute;top:4px;left:0;background:#ccc;}

@media screen and (max-width: 641px) {
    .cdt-main .cdt-list .represent .thumb {display:none;}
    .cdt-main .cdt-list .represent .summary {width:100%;float:none;}
    .cdt-main .cdt-list .represent .summary .dot-list li + li {margin-top:0;}
}

.cdt-main .cdt-list .bg-wrap {position:relative;margin-top:20px;padding:20px;background:#f6f6f6;}
.cdt-main .cdt-list .bg-wrap .title {font-size:16px;font-weight:bold;color:#747474;}
.cdt-main .cdt-list .bg-wrap .title:after {content:'';display:block;width:100%;clear:both;}
.cdt-main .cdt-list .bg-wrap .title .toggle-btn {position:relative;cursor:pointer;}
.cdt-main .cdt-list .bg-wrap .title .toggle-btn:before {content:'';position:absolute;top:0;left:100%;display:inline-block;width:40px;height:100%;background:url(/ielts/cdt/images/icon_sarr_down.png) center no-repeat;}
.cdt-main .cdt-list .bg-wrap .toggle-obj {display:none;}
.cdt-main .cdt-list .bg-wrap.open .toggle-obj {display:block;}
.cdt-main .cdt-list .bg-wrap.open .title .toggle-btn:before {transform:rotate(180deg);}
.cdt-main .cdt-list .bg-wrap .title .button-wrap {float:right;margin:-5px 0;}
.cdt-main .cdt-list .bg-wrap .title .button-wrap .button {height:43px;border:none;background:#6cb741;color:#fff;line-height:43px;}
.cdt-main .cdt-list .bg-wrap .title .sel-box {display:inline-block;margin:-5px 0;margin-left:10px;vertical-align:middle;border-color:#e0e0e0;background:#fff;}
.cdt-main .cdt-list .bg-wrap .title .sel-box:after {border-color:#e0e0e0;}
.cdt-main .cdt-list .bg-wrap .list-view table {width:100%;margin-top:20px;border-collapse:collapse;color:#333;}
.cdt-main .cdt-list .bg-wrap .list-view th, .cdt-main .cdt-list td {padding:6px 5px;}
.cdt-main .cdt-list .bg-wrap .list-view thead {border:1px solid #ddd;}
.cdt-main .cdt-list .bg-wrap .list-view tbody td {border-bottom:1px solid #ddd;}
.cdt-main .cdt-list .bg-wrap .list-view tbody td.pc-only {display:table-cell;}
.cdt-main .cdt-list .bg-wrap .column {margin-top:20px;overflow:hidden;}
.cdt-main .cdt-list .bg-wrap .column:after {content:'';display:block;width:100%;clear:both;}
.cdt-main .cdt-list .bg-wrap .column .col-box {position:relative;display:block;width:18.8%;float:left;background:#fff;z-index:0;}
.cdt-main .cdt-list .bg-wrap .column .col-box ~ .col-box {margin-left:1.5%;}
.cdt-main .cdt-list .bg-wrap .column .col-box .score {padding:20px 0;text-align:center;font-size:18px;}
.cdt-main .cdt-list .bg-wrap .column .col-box .score strong {display:block;font-size:200%;}
.cdt-main .cdt-list .bg-wrap .column .col-box .button-wrap {border-top:1px solid #e3e3e3;}
.cdt-main .cdt-list .bg-wrap .column .col-box .button-wrap:after {content:'';display:block;width:100%;clear:both;}
.cdt-main .cdt-list .bg-wrap .column .col-box .button-wrap .button {display:block;width:50%;float:left;margin:0;padding:0;border:none;background:none;color:#333;}
.cdt-main .cdt-list .bg-wrap .column .col-box .button-wrap .button + .button {border-left:1px solid #e3e3e3;box-sizing:border-box;}
.cdt-main .cdt-list .bg-wrap .column .col-box .button-wrap .button:only-child {width:100%;}
.cdt-main .cdt-list .bg-wrap .column .col-box .button-wrap .button.complete {color:#de0909;}
.cdt-main .cdt-list .bg-wrap .column .col-box.overall {/*display:block;width:18.8%;padding:20px 0 ;float:right;background:#fff;text-align:center;*/}
.cdt-main .cdt-list .bg-wrap .column .col-box.overall .txt {margin-top:6px;}
.cdt-main .cdt-list .bg-wrap .column .col-box.overall strong {font-size:250%;}

@media screen and (max-width: 641px) {
    .cdt-main .cdt-list .bg-wrap {margin-top:10px;padding:10px;}
    .cdt-main .cdt-list .bg-wrap .title {font-size:14px;}
    .cdt-main .cdt-list .bg-wrap .title .toggle-btn:before {width:30px;}
    .cdt-main .cdt-list .bg-wrap .title .sel-box {width:90%;float:right;margin-left:0;}
    .cdt-main .cdt-list .bg-wrap .title .button-wrap {display:block;width:100%;margin-top:10px;}
    .cdt-main .cdt-list .bg-wrap .title .button-wrap:after {content:'';display:block;width:100%;clear:both;}
    .cdt-main .cdt-list .bg-wrap .title .button-wrap .button {width:49%;float:left;height:30px;line-height:30px;}
    .cdt-main .cdt-list .bg-wrap .title .button-wrap .button + .button {margin-left:2%;}
    .cdt-main .cdt-list .bg-wrap .title .button-wrap .button:only-child {width:100%;}
    .cdt-main .cdt-list .bg-wrap .list-view table {margin-top:10px;border-top:1px solid #ddd;border-collapse:separate;border-spacing:0 5px;}
    .cdt-main .cdt-list .bg-wrap .list-view table thead {display:none;}
    .cdt-main .cdt-list .bg-wrap .list-view tbody td {border:none;padding:0;}
    .cdt-main .cdt-list .bg-wrap .list-view table tbody tr {display:block;width:100%;}
    .cdt-main .cdt-list .bg-wrap .list-view table tbody tr td + td {position:relative;padding-left:20px;}
    .cdt-main .cdt-list .bg-wrap .list-view table tbody tr td + td:before {content:'';position:absolute;top:50%;left:10px;display:block;width:1px;height:10px;margin-top:-4px;background:#ddd;}
    .cdt-main .cdt-list .bg-wrap .list-view table tbody tr td:only-child {width:100%;}
    .cdt-main .cdt-list .bg-wrap .list-view tbody .mo-only {margin-top:-5px;border-bottom:1px solid #ddd;}
    .cdt-main .cdt-list .bg-wrap .column .col-box {width:49%;min-width:0;margin:0;}
    .cdt-main .cdt-list .bg-wrap .column .col-box ~ .col-box {margin-left:0;}
    .cdt-main .cdt-list .bg-wrap .column .col-box:nth-of-type(2n) {margin-left:2%;}
    .cdt-main .cdt-list .bg-wrap .column .col-box:nth-of-type(2) ~ .col-box {margin-top:10px;}
    .cdt-main .cdt-list .bg-wrap .column .col-box .button-wrap .button {position:relative;}
    .cdt-main .cdt-list .bg-wrap .column .col-box .button-wrap .button.enter {position:relative;font-weight:normal;color:#999;z-index:-1;}
    /*.cdt-main .cdt-list .bg-wrap .column .col-box .button-wrap .button.enter:before {content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:#ccc;}*/
    .cdt-main .cdt-list .bg-wrap .column .col-box .button-wrap .button span {position:absolute;top:50%;left:0;width:100%;line-height:100%;transform:translateY(-50%);}

}

.cdt-main .cdt-list .graph-donut {margin-top:13px;font-size:100px;}
.cdt-main .cdt-list .graph-donut * {font-size:100px !important;/*그래프사이즈조절*/}
.cdt-main .cdt-list .graph-donut .num {font-size:16px !important;line-height:20px;text-transform:capitalize;}
.cdt-main .cdt-list .graph-donut .num em {display:block;font-size:24px !important;line-height:20px;}
.cdt-main .cdt-list .graph-donut .donut:before {border:0.07em solid #eee;}
.cdt-main .cdt-list .graph-donut .left-side:before, .cdt-main .cdt-list .graph-donut .right-side:before {border:0.07em solid #999;}
.cdt-main .cdt-list .graph-donut .num {color:#777;}

.cdt-main .area-info {margin-top:20px;padding:20px;}
.cdt-main .area-info h4 {margin-bottom:20px;}
.cdt-main .area-info li {list-style:disc;margin-left:20px;margin-top:5px;}
.cdt-main .area-info li:first-child {margin-top:0;}

.cdt-popup {display:none;position:fixed;max-width:90%;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:999;}
.cdt-popup .pop-close {position:absolute;top:0;right:0;width:24px;margin:30px 30px 0 0;z-index:1;text-indent:-1900px;cursor:pointer;}
.cdt-popup .pop-close:before {content:'';position:absolute;top:50%;display:block;width:100%;height:2px;transform:rotate(45deg);background:#333;}
.cdt-popup .pop-close:after {content:'';position:absolute;top:50%;display:block;width:100%;height:2px;transform:rotate(-45deg);background:#333;}
.cdt-popup .pop-apply-correct {position:relative;width:600px;max-width:100%;max-height:700px;padding:30px;border:1px solid #eee;background:#fff;box-sizing:border-box;box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.cdt-popup .pop-apply-correct .pop-tit {display:block;border-bottom:2px solid #333;padding-bottom:10px;margin-bottom:20px;font-family:'NanumSquare';font-size:120%;font-weight:bold;}
.cdt-popup .pop-apply-correct .represent .thumb {width:30%;}
.cdt-popup .pop-apply-correct .represent .summary {width:65%;}
.cdt-popup .pop-apply-correct .represent .button-wrap {width:100%;clear:both;padding-top:1rem;text-align:center;}

@media screen and (min-width: 640px) {

}
@media screen and (max-width: 641px) {
    .cdt-popup .pop-apply-correct {max-height:90%;padding:15px;}
    .cdt-popup .pop-close {width:20px;margin:15px 15px 0 0;}
    .cdt-popup .pop-apply-correct .represent .summary {width:100%;}
}