@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap'); a {color: #697a8d;} a:hover {color: #566a7f;} .viewport-fix-btn{ display: none;} .layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before { content: ""; width: 100%; height: 0.75rem; position: fixed; top: 0px; z-index: 10;} .text-primary {color: #27AE60 !important;} .text-body[href]:hover {color: #27AE60 !important;} .page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus, .pagination li.active > a:not(.page-link), .pagination li.active > a:not(.page-link):hover, .pagination li.active > a:not(.page-link):focus { border-color: #27AE60; background-color: #27AE60; color: #fff; box-shadow: 0 0.125rem 0.25rem rgba(105, 108, 255, 0.4); } .list-group-item-primary { background-color: #e1e2ff;color: #27AE60 !important;} a.list-group-item-primary, button.list-group-item-primary { color: #27AE60; } a.list-group-item-primary:hover, a.list-group-item-primary:focus, button.list-group-item-primary:hover, button.list-group-item-primary:focus { background-color: #d6d7f2; color: #27AE60; } a.list-group-item-primary.active, button.list-group-item-primary.active { border-color: #27AE60; background-color: #27AE60; color: #27AE60; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { border-color: #27AE60; background-color: #27AE60; } .card .alert-primary hr { background-color: #27AE60 !important; } .table-primary { --bs-table-bg: #e1e2ff; --bs-table-striped-bg: #dcdefb; --bs-table-striped-color: #435971; --bs-table-active-bg: #d1d4f1; --bs-table-active-color: #435971; --bs-table-hover-bg: #d8daf6; --bs-table-hover-color: #435971; color: #435971; border-color: #d1d4f1; } .table-primary th {border-bottom-color: inherit !important; } .table-primary .btn-icon { color: #435971; } .btn-primary { color: #fff; background-color: #27AE60; border-color: #27AE60; box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);} .btn-primary:hover { color: #fff; background-color: #27AE60; border-color: #27AE60; transform: translateY(-1px); } .btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #27AE60; border-color: #27AE60; transform: translateY(0); box-shadow: none; } .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {color: #fff; background-color: #27AE60; border-color: #27AE60;} .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {box-shadow: none; } .btn-primary.disabled, .btn-primary:disabled { box-shadow: none;} .btn-outline-primary { color: #27AE60; border-color: #27AE60; background: transparent; } .btn-outline-primary:hover { color: #fff; background-color: #27AE60; border-color: #27AE60; box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4); transform: translateY(-1px); } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { color: #fff; background-color: #27AE60; border-color: #27AE60; box-shadow: none; transform: translateY(0); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {color: #fff; background-color: #27AE60; border-color: #27AE60; } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {box-shadow: none;} .btn-outline-primary.disabled, .btn-outline-primary:disabled { box-shadow: none; } .btn-outline-primary .badge { background: #27AE60; border-color: #27AE60; color: #fff; } .btn-outline-primary:hover .badge, .btn-outline-primary:focus:hover .badge, .btn-outline-primary:active .badge, .btn-outline-primary.active .badge, .show > .btn-outline-primary.dropdown-toggle .badge { background: #fff; border-color: #fff; color: #27AE60; } .dropdown-item:not(.disabled).active, .dropdown-item:not(.disabled):active { background-color: rgba(105, 108, 255, 0.08); color: #27AE60 !important; } .dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active, .dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) { background-color: rgba(105, 108, 255, 0.08); color: #27AE60 !important; } .nav .nav-link:hover, .nav .nav-link:focus { color: #16904A; border-color: #16904A; } .nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus { box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4); box-sizing: border-box; display: flex; cursor: pointer; padding: 7px 30px 5px; color: #ffffff; background-color: #27AE60; border: 3px solid #27AE60; border-radius: 6px; font-size: 18px; position: relative; top:-2px; } .form-control:focus, .form-select:focus { border-color: #27AE60; } .input-group:focus-within .form-control, .input-group:focus-within .input-group-text { border-color: #27AE60; } .form-check-input:focus { border-color: #27AE60; box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4); } .form-check-input:disabled { background-color: #eceef1; } .form-check-input:checked, .form-check-input[type=checkbox]:indeterminate { background-color: #27AE60; border-color: #27AE60; box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4); } .custom-option.checked {border: 1px solid #27AE60;} .form-switch .form-check-input:focus {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23696cff'/%3e%3c/svg%3e");} .form-switch .form-check-input:checked {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");} .form-control:focus ~ .form-label {border-color: #27AE60;} .form-control:focus ~ .form-label::after {border-color: inherit;} .divider.divider-primary .divider-text:before, .divider.divider-primary .divider-text:after {border-color: #27AE60;} .bg-primary.toast, .bg-primary.bs-toast{ color: #fff; background-color: rgba(105, 108, 255, 0.85) !important; box-shadow: 0 0.25rem 1rem rgba(105, 108, 255, 0.4);} .bg-primary.toast .toast-header, .bg-primary.bs-toast .toast-header {color: #fff;} .bg-primary.toast .toast-header .btn-close, .bg-primary.bs-toast .toast-header .btn-close { background-color: #27AE60 !important; background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-225.000000, -250.000000)'%3E%3Cg id='Icon-Color' transform='translate(225.000000, 250.500000)'%3E%3Cuse fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='1' fill='%23fff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); box-shadow: 0 0.1875rem 0.375rem 0 rgba(105, 108, 255, 0.4) !important; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {color: #27AE60;} .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {color: #27AE60;} .form-floating > .form-control:-webkit-autofill ~ label {color: #27AE60;} .svg-illustration svg {fill: #27AE60;} html:not([dir=rtl]) .border-primary, html[dir=rtl] .border-primary { border-color: #27AE60 !important;} .fill-primary {fill: #27AE60;} .bg-navbar-theme {background-color: #fff !important;color: #697a8d;} .bg-navbar-theme .navbar-brand, .bg-navbar-theme .navbar-brand a { color: #566a7f; } .bg-navbar-theme .navbar-brand:hover, .bg-navbar-theme .navbar-brand:focus, .bg-navbar-theme .navbar-brand a:hover, .bg-navbar-theme .navbar-brand a:focus { color: #566a7f; } .bg-navbar-theme .navbar-search-wrapper .navbar-search-icon, .bg-navbar-theme .navbar-search-wrapper .search-input { color: #697a8d; } .bg-navbar-theme .search-input-wrapper .search-input, .bg-navbar-theme .search-input-wrapper .search-toggler { background-color: #fff !important; color: #697a8d; } .bg-navbar-theme .navbar-nav > .nav-link, .bg-navbar-theme .navbar-nav > .nav-item > .nav-link, .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link { color: #697a8d; } .bg-navbar-theme .navbar-nav > .nav-link:hover, .bg-navbar-theme .navbar-nav > .nav-link:focus, .bg-navbar-theme .navbar-nav > .nav-item > .nav-link:hover, .bg-navbar-theme .navbar-nav > .nav-item > .nav-link:focus, .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:hover, .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:focus { color: #566a7f; } .bg-navbar-theme .navbar-nav > .nav-link.disabled, .bg-navbar-theme .navbar-nav > .nav-item > .nav-link.disabled, .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link.disabled { color: #a5afbb !important; } .bg-navbar-theme .navbar-nav .show > .nav-link, .bg-navbar-theme .navbar-nav .active > .nav-link, .bg-navbar-theme .navbar-nav .nav-link.show, .bg-navbar-theme .navbar-nav .nav-link.active {color: #566a7f;} .bg-navbar-theme .navbar-toggler {color: #697a8d; border-color: rgba(86, 106, 127, 0.075);} .bg-navbar-theme .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='πŸ’Ž-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(67, 89, 113, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .bg-navbar-theme .navbar-text {color: #697a8d;} .bg-navbar-theme .navbar-text a {color: #566a7f;} .bg-navbar-theme .navbar-text a:hover, .bg-navbar-theme .navbar-text a:focus {color: #566a7f;} .bg-navbar-theme hr {border-color: rgba(86, 106, 127, 0.075);} .layout-navbar { background-color: rgba(255, 255, 255, 0.95) !important; -webkit-backdrop-filter: saturate(200%) blur(6px); backdrop-filter: saturate(200%) blur(6px); } .layout-navbar-fixed .layout-page:before { -webkit-backdrop-filter: saturate(200%) blur(10px); backdrop-filter: saturate(200%) blur(10px); background: rgba(245, 245, 249, 0.6); } .bg-footer-theme {background-color: #f5f5f9 !important;color: #697a8d;} .bg-footer-theme .footer-link {color: #697a8d;} .bg-footer-theme .footer-link:hover, .bg-footer-theme .footer-link:focus {color: #566a7f;} .bg-footer-theme .footer-link.disabled {color: #a1abb8 !important;} .bg-footer-theme .footer-text {color: #566a7f;} .bg-footer-theme .show > .footer-link, .bg-footer-theme .active > .footer-link, .bg-footer-theme .footer-link.show, .bg-footer-theme .footer-link.active {color: #566a7f;} .bg-footer-theme hr {border-color: rgba(86, 106, 127, 0.0768713725);} .layout-footer-fixed .content-footer {box-shadow: 0 0 0.375rem 0.25rem rgba(161, 172, 184, 0.15);} .center-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: calc(100vh - (1.625rem * 2)); text-align: center; } .layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {padding-top: 76px !important;} .layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {padding-top: 64px !important;} .content-wrapper {color: #1e2c3c; padding-top: 2.5rem;} .content-wrapper .navbar {-index: auto;} .center-wrapper.leveltest-wrapper{min-height: calc(100vh - (1.625rem * 2)); padding: 3rem;} .center-wrapper.leveltest-wrapper h1, .center-wrapper.leveltest-wrapper h3{ word-break:keep-all; line-height: 140%; color: #1e2c3c;} .header-warp{position: fixed; top: 0; width: 100%; z-index: 999;} .header-leveltest{background-color: #eceef1; height: 70px; position: relative;} .header-leveltest .flex-left{ position: absolute; left: 20px; top:15px; width: 80%;} .header-leveltest .flex-right{ position: absolute; right: 20px; top: 15px;} .header-leveltest .navbar-brand{position: relative; display: inline-block; width: 142px; height: 40px; background: url(../images/logo.png) no-repeat; background-size: 142px;} .header-leveltest .navbar-brand .icon-beta{position: absolute; left: -10px; top: -7px; background: #ea3323; color: #ffffff; font-size: 0.5rem; border-radius: 100%; display: block; padding: 4px 5px 3px 5px;} .header-leveltest .navbar-brand-ready{ display: inline-block; width: 62px; height: 40px; background: url(../images/logo_ready.png) no-repeat; background-size: 62px;} .header-leveltest .leveltest-text{font-size: 30px; line-height: 70px; height: 30px; color: #1e2c3c; display: block; text-align: center;} .header-leveltest .leveltest-time{font-size: 22px; color: #1e2c3c; line-height: 18px; display: inline-block; margin-top: 11px;} .header-leveltest .leveltest-time .remain-time{color: #16904A; font-size: 24px; position: relative; top: 2px;} .header-leveltest .leveltest-time.questions{ border-left:1px solid #a1acb8; padding-left: 13px; margin-left: 10px;} .leveltest-card .leveltest-cont{width: 100%; max-width: 300px; margin: 0 auto;} .leveltest-card .explanation-text{font-size: 18px; font-family: 'Nanum Gothic', sans-serif; border-bottom: 1px dashed #a1acb8; padding: 1rem 1rem 2rem 1rem; word-break:keep-all; max-width: 550px; margin: 0 auto;} .leveltest-card .img-area{display: block; margin-bottom: 30px; text-align: center;} .leveltest-card .img-area img{width: 100%; max-width: 200px;} .leveltest-card .leveltest-input .form-label{ display: block; text-align: left; font-size: 1rem;} .leveltest-card .leveltest-input .form-label em{font-style: normal; font-weight: 700; color: #ff0000; padding-left: 3px; font-size: 18px; font-family: 'Nanum Gothic', sans-serif;} .exam-coment-box{background: #f4f4f4; border: 1px solid #dcdefb; padding: 1.5rem 2rem; font-size: 22px; margin-bottom: 30px; } .exam-coment-box ol{margin: 0; padding: 0 0 0 15px;} .exam-coment-box ol li{list-style:disc; text-align: left; padding: 5px 0;} .site-confirmation-area { font-family: "Nanum Gothic", sans-serif; font-size: 13px; letter-spacing: -1px; padding-top: 30px;} .site-confirmation-area .form-check{position: relative; text-align: left;} .site-confirmation-area .form-check a {position: absolute; top: 0px; right: 0px; opacity: 0.6; font-size: 11px; cursor: pointer; color: #202530;} .card-scroll-box{ height: 350px; overflow: auto; text-align: left; padding-right: 10px; position: relative; right: -10px;} .card-scroll-box::-webkit-scrollbar {width: 10px;} .card-scroll-box::-webkit-scrollbar-thumb { background-color: #27AE60; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;} .card-scroll-box::-webkit-scrollbar-track {background-color: #f0efef; border-radius: 10px; box-shadow: inset 0px 0px 5px white;} .question-card{border: 1px solid #d9dee3; text-align: left; width: 100%; max-width: 800px; font-family: 'Nanum Gothic', sans-serif; margin: 0 auto 30px auto;} .question-card .card-body {padding: 2.5rem;} .question-card .question-refer-card ul{margin: 0; padding: 0; } .question-card .question-refer-card ul li{border-bottom: 1px dashed #c2c4ff; list-style: none;} .question-card .question-refer-card ul li:last-child{border-bottom: none;} .question-card .question{padding-bottom:5px; line-height: 160%; font-size: 20px; font-weight: 800; color: #435971;} .question-card .example-list ul{margin: 0; padding: 0; font-weight: 600; font-size: 16px;} .question-card .example-list ul li{position: relative; list-style: none; padding-bottom: 15px; border-bottom: none; color: #566a7f;} .question-card .example-list ul li:last-child{padding-bottom: 0 ;} .question-card .example-list ul li .form-check-input{ position: absolute; top:-2px; left: 0px;} .question-card .example-list ul li .form-check-label{margin-left: 30px;} .question-card.refer-area{background:#EFF1F0; border: 2px solid #697a8d;} .question-card.refer-area .card-body{ white-space:pre-line; padding: 1rem 2.5rem 2.3rem 2.5rem; color: #1e2c3c; line-height: 140%; font-weight: 600; font-size: 16px;} .question-card .multiple-choice-options ul{margin: 0; padding: 0; font-weight: 600; font-size: 16px;} .question-card .multiple-choice-options ul li{position: relative; list-style: none; border-bottom: none; color: #566a7f; min-height: 42px;} .question-card .multiple-choice-options ul li a{display:block; border-radius: 5px; color: #27AE60; padding: 0 10px;} .question-card .multiple-choice-options ul li a:visited, .question-card .multiple-choice-options ul li a.choice{border: 2px dashed #27AE60; background: #effff6;} .question-card .multiple-choice-options ul li label {color: #435971; margin-right: 10px; vertical-align: middle; padding: 12px 10px; } .question-card .multiple-choice-options ul li input[type="radio"] { position: absolute; width: 1px; height: 1px; overflow: hidden; } .question-card .multiple-choice-options ul li input[type="radio"]+label { display: inline-block; position: relative; padding-left: 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 16px; line-height: 140%; display: block; } .question-card .multiple-choice-options ul li input[type="radio"]+label:before { content: ''; position: absolute; top: 12px; left: 4px; width: 20px; height: 20px; text-align: center; background: #fff; border: 1px solid #435971; border-radius: 100%; box-shadow: none; font-size: 14px; } .question-card .multiple-choice-options ul li:nth-child(1) input[type="radio"]+label:before {content: '1';} .question-card .multiple-choice-options ul li:nth-child(2) input[type="radio"]+label:before {content: '2';} .question-card .multiple-choice-options ul li:nth-child(3) input[type="radio"]+label:before {content: '3';} .question-card .multiple-choice-options ul li:nth-child(4) input[type="radio"]+label:before {content: '4';} .question-card .multiple-choice-options ul li:nth-child(5) input[type="radio"]+label:before {content: '5';} .question-card .multiple-choice-options ul li input[type="radio"]:checked+label:before { background: #1690; border-color: #16904A; color: #fff;} .question-card .multiple-choice-options ul li input[type="radio"]:checked+label:after { content: 'βœ”'; position: absolute; top: 9px; left: 2px; width: 24px; height: 24px; line-height: 23px; text-align: center; background: #16904A; border-radius: 100%; box-shadow: none; color: #fff; } .time-required .time-required-area{display: inline-block; border: 2px dashed #27AE60; border-right: none; border-left: none; margin: 10px 0 30px 0; color: #27AE60; font-size: 24px; padding: 10px 30px 5px 30px;} .leveltest-report-warp{background: #eceef1; border: 1px solid #d9dee3; display: block; padding: 2rem 3rem; width: 100%; max-width: 800px; min-height: 1132px;}/*A4 해상도*/ .report-send-warp .send-choice{ clear: both; overflow: hidden; margin-bottom: 10px; padding: 0 5px;} .report-send-warp .send-choice ul{padding: 0; margin: 0;} .report-send-warp .send-choice ul li{list-style: none; text-align: left; width: 50%; float: left;} .report-send-warp .send-choice ul li .form-check-label{font-size: 18px; margin-left: 5px; color: #566a7f;} .modal-body.report-send-warp{padding: 2rem 2rem 1rem 2rem;} .report-receive-agree{padding: 0 5px; color: #697a8d;} .report-receive-agree dl{font-family: 'Nanum Gothic', sans-serif; font-size: 12px; letter-spacing: -1.0px;} .report-receive-agree dl dt{float: left; font-weight: 600;} .report-receive-agree dl dd{float: right; font-weight: 700;} .modal-content.exam-analyzing{background: #000000;} .modal .exam-analyzing .analyzing-img{width: 100%; margin: 0 auto 30px auto;} .modal .exam-analyzing .analyzing-img img{width: 100%;} .modal .exam-analyzing .analyzing-text{text-align: center; font-size: 18px; color: #fff;} .modal .exam-analyzing .analyzing-loader{text-align: center; margin: 0 0 50px 0;} .btn-warp{padding: 30px 0 30px; display: block; width: 100%;} .btn-warp .explanation-btn{font-size: 18px; display: block; width: 100%; max-width: 300px; margin: 0 auto; color: #fff;} .btn-warp .explanation-btn:hover{color: #fff;} .pop-contbox-footer{text-align: center; padding: 30px 0;} .pop-foot-btn{font-size: 22px; padding:10px 20px 7px 20px} .error-cont-area dl{text-align: center;} .error-cont-area dl dt {max-width: 400px; width: 70%; margin:0 auto 30px auto;} .error-cont-area dl dt img{width: 100%; max-width: 300px;} .error-cont-area dl dd{font-size: 20px; padding: 0 30px; word-break:keep-all;} .error-cont-area dl dd p{font-size: 32px; padding: 10px 0 0px 0;} .error-cont-area dl dd .btn{max-width: 200px; width: 100%;} .error-cont-area dl dd a{color: #27AE60;} .error-cont-area dl dd a:hover{color: #16904A;} .rules-warp {margin: 0 auto; max-width: 1000px;} .rules-warp ul, .rules-warp ol{margin: 0; padding: 0;} .rules-warp li{list-style: none;} .rules-warp .rules-head{margin: 30px 0 20px 0; color:#1e2c3c;} .rules-warp .rules-head h3{color:#1e2c3c; font-style: 30px !important;} .rules-warp .rules-foot{padding: 20px 30px; text-align: right;} .rules-warp .rules-cont{ border: 1px solid #dbe1e5; border-radius: 3px; padding: 50px 40px; color:#1e2c3c; font-family: 'Nanum Gothic', sans-serif; word-break:keep-all; letter-spacing: -1px; line-height: 160%;} .rules-warp .rules-cont h5{font-weight: 800; color:#1e2c3c} .rules-warp .rules-cont .rules-text{font-size: 14px; font-weight: 500; margin-bottom: 50px;} .rules-warp .rules-cont .rules-text ul{background: #f8f8f8; padding: 15px 10px 10px 10px; border-radius: 5px; margin-bottom: 15px;} .rules-warp .rules-cont .rules-text ul li{padding: 0 0 5px 10px; font-size: 13px;} .rules-warp .rules-cont .rules-text strong{font-weight: 400; display: block; margin-bottom: 5px;} .rules-warp .rules-cont .rules-text ol{ margin-bottom: 15px;} .rules-warp .rules-cont .rules-text ol li{padding: 0 0 5px 10px; } .rules-warp .rules-cont .rules-text ol li:last-child{padding-bottom: 0px} .rules-warp .rules-cont .rules-point-box{background: #f0efef; padding: 30px 30px 10px 30px; margin-bottom: 50px;} /*λ³΄κ³ μ„œ*/ .leveltest-report-warp{background: #fff; border: 1px solid #d9dee3; display: block; padding: 3rem 3rem; width: 100%; min-width: 830px; min-height: 1000px; font-family:"Times New Roman", Times, "Nanum Gothic", serif;} .leveltest-report-warp ul{margin: 0; padding: 0;} .leveltest-report-warp ul li{list-style: none;} .leveltest-report-warp .report-head .report-title{ padding-top: 10px; font-size: 24px; font-weight: 800; text-align: left; } .leveltest-report-warp .report-head .report-title span{float: right;} .leveltest-report-warp .report-head .report-title span img{height: 20px;} .leveltest-report-warp .report-head .report-data{position: relative; clear: both; overflow: hidden; border: 2px solid #000000; border-left: none; border-right: none; margin: 15px 0 15px 0px; padding:10px 0 10px 50px;} .leveltest-report-warp .report-head .report-data ul li{overflow: hidden;} .leveltest-report-warp .report-head .report-data ul li:nth-child(1){max-width: 134px;} .leveltest-report-warp .report-head .report-data ul li:nth-child(2){max-width: 134px;} .leveltest-report-warp .report-head .report-data ul li:nth-child(3){max-width: 53px;} .leveltest-report-warp .report-head .report-data ul li:nth-child(4){max-width: 113px;} .leveltest-report-warp .report-head .report-data ul li:nth-child(5){max-width: auto;} .leveltest-report-warp .report-head .report-data ul li:nth-child(6){max-width: 121px;} .leveltest-report-warp .report-head .report-data ul li:nth-child(7){max-width: 64px;} .leveltest-report-warp .report-head .report-data .user-thumb{position: absolute; top: 5px; left: 0; display: block; background-color: #1e2c3c !important; -webkit-print-color-adjust:exact; color: #ffffff; width: 45px; height: 45px; line-height: 46px; font-size: 24px; font-weight: 800;} .leveltest-report-warp .report-head .report-data .user-data-area{margin: 0 0 0 10px; height: 34px;} .leveltest-report-warp .report-head .report-data .user-data-area dt{text-align: left; font-size: 11px; font-weight: 400; padding: 0px 0 7px 0; letter-spacing: -0.5px;} .leveltest-report-warp .report-head .report-data .user-data-area dd{text-align: left; font-family: 'Nanum Gothic', sans-serif; letter-spacing: -1px; font-weight: 700; font-size: 12px; line-height: 14px;} .leveltest-report-warp .report-cont .report-cont-box{text-align: left; padding: 13px 0 0 0;} .leveltest-report-warp .report-cont .report-cont-box.pt20{padding-top: 20px;} .leveltest-report-warp .report-cont .report-cont-box.pt25{padding-top: 25px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-title{position: relative; margin-bottom: 10px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-title h4{color: #000000; font-size: 20px; font-weight: 700; margin: 0;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-title p{margin: 0; font-size: 14px; font-weight: 600; color: #435971;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-title .right-cont{position: absolute; right: 0; top: 3px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-title .charts-data-state {font-size: 12px; display: inline-block; line-height: 10px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-title .charts-data-state em{position: relative; top:2px; display: inline-block; width: 12px; height: 12px; line-height: 10px; margin: 0 5px 0 15px;} .leveltest-report-warp .report-cont .report-cont-box .progress-warp{margin-bottom: 15px;} .leveltest-report-warp .report-cont .report-cont-box .progress-warp ul{clear: both; overflow: hidden;} .leveltest-report-warp .report-cont .report-cont-box .progress-warp ul li{position: relative; background-color: #f8f8f8 !important; -webkit-print-color-adjust:exact; padding-left: 100px; margin-bottom: 2px;} .leveltest-report-warp .report-cont .report-cont-box .progress-warp ul li .progress-title{position: absolute; top: 0; left: 0; font-size: 12px; line-height: 35px; font-weight: 700; text-align: center; width: 100px;} .leveltest-report-warp .report-cont .report-cont-box .progress-warp .progress{height: 35px; border-radius: 0; position: relative;} .leveltest-report-warp .report-cont .report-cont-box .progress-warp ul li:last-child .progress-title{font-size: 11px; line-height: 100%; padding-top: 5px;} .leveltest-report-warp .report-cont .report-cont-box .progress-warp ul li:last-child{font-size: 11px; background-color: transparent !important; -webkit-print-color-adjust:exact; padding-top: 5px;} .leveltest-report-warp .report-cont .report-cont-box .progress-warp .progress .my-position{position: absolute; top:0; border-left: 1px dashed #000000; width: 1px; height: 35px;} .leveltest-report-warp .report-cont .report-cont-box .progress-warp ul li.my-score-position{background-color: transparent !important; -webkit-print-color-adjust:exact;} .leveltest-report-warp .report-cont .report-cont-box .progress-warp ul li.my-score-position .progress{height: 11px; background-color: transparent !important; -webkit-print-color-adjust:exact;} .leveltest-report-warp .report-cont .report-cont-box .progress-warp ul li.my-score-position .progress .score-icon{position: absolute; top:0; width: 20px; height: 11px; margin-left: -9px; background:url(/images/logo_ready.png) no-repeat 0 0; background-size: 18px;} .leveltest-report-warp .report-cont .report-cont-box .progress-warp .charts-data span{display: inline-block; width: 10.9%; text-align: right;} .bg-intervention{background-color: #ea3323 !important; -webkit-print-color-adjust:exact;} .bg-attention{background-color: #ffff55 !important; -webkit-print-color-adjust:exact;} .bg-atabove{background-color: #4ead5c !important; -webkit-print-color-adjust:exact;} .progress .progress-bar:last-child {border-top-right-radius: 0rem; border-bottom-right-radius: 0rem; } .progress .progress-bar:first-child { border-top-left-radius: 0rem; border-bottom-left-radius: 0rem;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card{border: 1px solid #000000; position: relative; padding: 12px 15px 15px 15px; margin-bottom: 10px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card.fix-h{height: 65px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card.last{margin-bottom: 0;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card.rec-books{ padding: 13px 15px; min-height: 112px; margin-bottom: 0;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card .card-text{font-size: 14px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card .card-text p{margin: 0; font-weight: 700; font-size: 20px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card .card-text span{font-size: 12px; display: block; line-height: 100%;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card .card-text ul li{ margin: 0 10px 0 5px; padding-bottom: 5px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card .card-text ul li:last-child{padding-bottom: 0;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card .card-text ul li::before{content: "β€’ ";} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card .card-text.guide-text{font-size: 14px; line-height: 140%;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card .score-box{position: absolute; top: 14px; right: 12px; border: 1px solid #000000; min-width: 50px; font-weight: 700; text-align: center; font-size: 20px; padding: 5px 10px; border-radius: 30px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card .score-box.point{color: #16904A;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-ex{font-size: 12px; margin-top: 5px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card.highlight-area{border: 2px solid #16904A; color: #16904A;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card.highlight-area .score-box{top: 12px; color: #16904A; border:2px solid #16904A; padding: 4px 9px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card.zpd.highlight-area .score-box{ top: 19px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card.text-area{border: none; padding: 0px;} .leveltest-report-warp .report-cont .report-cont-box .cont-box-card .text-coment{ font-size: 14px;} .leveltest-report-warp .report-cont .report-cont-box .chart-box-card{ position: relative; border: 1px solid #000000; height: 215px;} .leveltest-report-warp .report-cont .report-cont-box .chart-box-card .my-chart-area{width:170px; margin:10px 0 0 30px;} .leveltest-report-warp .report-cont .report-cont-box .chart-box-card .chart-area-guide{position: absolute; bottom: 13px; left: 10px;} .leveltest-report-warp .report-cont .report-cont-box .chart-box-card .chart-area-guide .chart-area{font-size: 12px; margin-right: 15px; line-height: 10px; border-left: 20px solid #cccccc; float: left; padding-left: 5px;} .leveltest-report-warp .report-cont .report-cont-box .chart-box-card .chart-area-guide .chart-area.data01{border-color: #27AE60;} .leveltest-report-warp .report-cont .report-cont-box .chart-box-card .chart-area-guide .chart-area.data02{border-color: #F9BE00;} @media (min-width: 576px){ .modal-sm.modal-analyzing {max-width: 300px;}/*뢄석쀑 νŒμ—… κ°€λ‘œ μ‚¬μ΄μ¦ˆ*/ } @media (max-width: 940px){ .center-wrapper.mo-flex-start {justify-content: flex-start;} .report-body .header-leveltest{display: none;} .report-body footer{display: none;} .report-body .leveltest-report-warp{margin: 0 3rem;} .viewport-fix-btn{ display: block; padding:4rem 0 0 0;} .viewport-fix-btn .btn { line-height: 1.53; font-size: 3rem; border-radius: 0.375rem; padding: 0.4375rem 3rem; background: #27AE60; } } @media (max-width: 768px){ .header-leveltest .navbar-brand{ display:block; float: left; width: 46px; height: 40px; margin-right: 10px; background: url(../images/logo_character.png) no-repeat; background-size: cover;} .header-leveltest .leveltest-text{font-size: 20px; text-align: left; padding-left: 75px;} .header-leveltest .btn img{width: 20px;} .header-leveltest .btn{padding: 0.4375rem 0.7rem;} .leveltest-card .explanation-text {padding: 1rem 0rem 2rem 0rem; font-size: 16px;} .question-card.refer-area .card-body{padding: 0.4rem 1rem 1.5rem 1.5rem} .question-card .card-body {padding: 1.5rem 1.5rem 1.3rem 1.5rem;} .question-card .question { padding-bottom: 0px; line-height: 140%; font-size: 18px;} .leveltest-card .img-area{margin: 30px 0 20px 0;} .exam-coment-box{padding: 1.5rem; font-size: 18px;} .exam-coment-box h3{ margin-bottom: 10px;} .header-leveltest .flex-right{text-align: right; top:12px;} .header-leveltest .leveltest-time{font-size: 16px; display: block; margin-top: 5px;} .header-leveltest .leveltest-time .remain-time{font-size: 18px;} .header-leveltest .leveltest-time.questions { border-left: none; padding-left: 0px; margin-left: 0px; } } @media (max-width: 768px){ .report-body .header-leveltest{display: none;} .report-body footer{display: none;} } @media (max-width: 450px){ .container-p-y:not([class^=pt-]):not([class*=" pt-"]) {padding-top: 0rem !important;} .center-wrapper.leveltest-wrapper{padding: 3rem 1rem;} .leveltest-card .img-area img {width: 70%;} .header-leveltest .leveltest-text{letter-spacing: -1px;} } /*ν”„λ¦°νŠΈ CSS*/ @page {size:21cm 29.7cm; margin: 15px 30px} @media print{ .header-leveltest, .content-footer{display:none} .center-wrapper.leveltest-wrapper {padding:0} .leveltest-report-warp{border: none; padding:0; min-width: 100%;} .viewport-fix-btn{ display: none;} }