::-webkit-scrollbar-track {background-color:#fff; border-radius:0 0.3rem 0.3rem 0;} /* danger = 실패 success = 성공 warning = 경고 info = ㅇㅇ 하겠습니까? */ /* success */ .success.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .success.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .success.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .success .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:400px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:0.520vw;/*10px*/ background:none; box-shadow:none;} .success .modal-dialog .modal-content .modal-body {padding:0 1.0417vw 0;/*20px 0*/ background:#fff; border:none; position:unset; display:table; width:100%;} .success .modal-dialog .modal-content .modal-body img {margin:6% auto 0; display:block;} .success .modal-dialog .modal-content .modal-body p {font-size:1.0417vw;/*20px*/ text-align:center; margin:5.440vh 0 4.352vh 0;/*50px 0 40px 0*/ color:#8A8A8A;} .success .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0 1.0417vw 1.0417vw;/*20px 20px*/ background:#fff; position:relative; top:-1px; width:100%;} .success .modal-dialog .modal-content .modal-footer .btn {color:#fff; text-align:center; width:100%; height:50px; background:#32CD8B; border-radius:0.416vw;/*8px*/ font-size:1.0417vw;/*20px*/ margin:0;} .success .modal-dialog .modal-content .modal-footer .btn:hover {background:#1FB072;} .success .modal-dialog .modal-content .modal-footer .btn:focus {outline:none;} /* warning */ .warning.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .warning.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .warning.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .warning .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:400px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:0.520vw;/*10px*/ background:none; box-shadow:none;} .warning .modal-dialog .modal-content .modal-body {padding:0 1.0417vw 0;/*20px 0*/ background:#fff; border:none; position:unset; display:table; width:100%;} .warning .modal-dialog .modal-content .modal-body img {margin:6% auto 0; display:block;} .warning .modal-dialog .modal-content .modal-body p {font-size:1.0417vw;/*20px*/ text-align:center; margin:5.440vh 0 4.352vh 0;/*50px 0 40px 0*/ color:#8A8A8A;} .warning .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0 1.0417vw 1.0417vw;/*20px 20px*/ background:#fff; position:relative; top:-1px; width:100%;} .warning .modal-dialog .modal-content .modal-footer .btn {color:#fff; text-align:center; width:100%; height:50px; background:#32CD8B; border-radius:0.416vw;/*8px*/ font-size:1.0417vw;/*20px*/ margin:0;} .warning .modal-dialog .modal-content .modal-footer .btn:hover {background:#1FB072;} .warning .modal-dialog .modal-content .modal-footer .btn:focus {outline:none;} /* danger */ .danger.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .danger.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .danger.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .danger .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:400px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:0.520vw;/*10px*/ background:none; box-shadow:none;} .danger .modal-dialog .modal-content .modal-body {padding:0 1.0417vw 0;/*20px 0*/ background:#fff; border:none; position:unset; display:table; width:100%;} .danger .modal-dialog .modal-content .modal-body img {margin:6% auto 0; display:block;} .danger .modal-dialog .modal-content .modal-body p {font-size:1.0417vw;/*20px*/ text-align:center; margin:5.440vh 0 4.352vh 0;/*50px 0 40px 0*/ color:#8A8A8A;} .danger .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0 1.0417vw 1.0417vw;/*20px 20px*/ background:#fff; position:relative; top:-1px; width:100%;} .danger .modal-dialog .modal-content .modal-footer .btn {color:#fff; text-align:center; width:100%; height:50px; background:#32CD8B; border-radius:0.416vw;/*8px*/ font-size:1.0417vw;/*20px*/ margin:0;} .danger .modal-dialog .modal-content .modal-footer .btn:hover {background:#1FB072;} .danger .modal-dialog .modal-content .modal-footer .btn:focus {outline:none;} /* info */ .info.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .info.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .info.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .info .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:400px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:0.520vw;/*10px*/ background:none; box-shadow:none;} .info .modal-dialog .modal-content .modal-body {padding:0 1.0417vw 0;/*20px*/ background:#fff; border:none; position:unset; display:table; width:100%;} .info .modal-dialog .modal-content .modal-body img {margin:6% auto 0; display:block;} .info .modal-dialog .modal-content .modal-body p {font-size:1.0417vw;/*20px*/ text-align:center; margin:5.440vh 0 4.352vh 0;/*50px 0 40px 0*/ color:#8A8A8A;} .info .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0 1.0417vw 1.0417vw;/*20px 20px*/ background:#fff; position:relative; top:-1px; width:100%;} .info .modal-dialog .modal-content .modal-footer .btn.left_bth {color:#fff; text-align:center; width:calc(50% - 10px); height:50px; background:#C9CFD8; border-radius:0.417vw;/*8px*/ font-size:1.0417vw;/*20px*/ margin:0; float:left;} .info .modal-dialog .modal-content .modal-footer .btn.left_bth:hover {background:#B2B7BE;} .info .modal-dialog .modal-content .modal-footer .btn.left_bth:focus {outline:none;} .info .modal-dialog .modal-content .modal-footer .btn.right_btn {color:#fff; text-align:center; width:calc(50% - 10px); height:50px; background:#32CD8B; border-radius:0.417vw;/*8px*/ font-size:1.0417vw;/*20px*/ margin:0; float:right;} .info .modal-dialog .modal-content .modal-footer .btn.right_btn:hover {background:#1FB072;} .info .modal-dialog .modal-content .modal-footer .btn.right_btn:focus {outline:none;} /* Hide modal content */ @keyframes blowUpModalTwo { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } /* Show modal content */ @keyframes blowUpModal { 0% { transform: scale(0); } 100% { transform: scale(1); } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* 레벨변경하기 */ .level_change.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .level_change.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .level_change.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} /* Hide modal content */ @keyframes blowUpModalTwo { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } /* Show modal content */ @keyframes blowUpModal { 0% { transform: scale(0); } 100% { transform: scale(1); } } .level_change .modal-dialog {width:100%; height:100%; margin:0;} .level_change .modal-dialog .modal-content {border:none; padding:0; width:500px; margin:auto; display:block; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); border-radius:0.520vw;/*10px*/ background:none; box-shadow:none; position:absolute;} .level_change .modal-dialog .modal-content .modal-header {border:none; padding:15px; position:relative; border-radius:0; display:table; width:100%;} .level_change .modal-dialog .modal-content .modal-header img {float:right; width:26px;} .level_change .modal-dialog .modal-content .modal-body {padding:0 1.0417vw 0;/*20px*/ background:#fff; border-radius:0.520vw 0.520vw 0 0;/*10px*/ border:none; position:unset; display:table; width:100%;} .level_change .modal-dialog .modal-content .modal-body img {margin:6% auto 0; display:block;} .level_change .modal-dialog .modal-content .modal-body .body_title {font-weight:600; font-size:1.0417vw;/*20px*/ text-align:center; color:#6D6D6D; margin:1.0417vw 0;/*20px*/} .level_change .modal-dialog .modal-content .modal-body ul {margin-bottom:1.0417vw;/*20px*/} .level_change .modal-dialog .modal-content .modal-body ul li {display:table; width:100%; margin-top:0.78125vw;/*15px*/} .level_change .modal-dialog .modal-content .modal-body ul li:nth-child(1) {margin:0;} .level_change .modal-dialog .modal-content .modal-body ul li .level_wrap {float:left; width:180px;} .level_change .modal-dialog .modal-content .modal-body ul li .level_wrap .title {font-weight:600; font-size:1.0417vw;/*20px*/ color:#6D6D6D; line-height:50px; float:left; margin:0;} .level_change .modal-dialog .modal-content .modal-body ul li .level_wrap .level {font-size:1.0417vw;/*20px*/ color:#32CD8B; margin-left:0.520vw;/*10px*/ line-height:50px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap {background:#fff; border-radius:0.416vw;/*8px*/ width:calc(100% - 200px); float:right; position:relative;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box * {box-sizing:border-box;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box {width:100%; height:50px; border:solid 1px #C6C6C6; border-radius:0.416vw;/*8px*/ background:url(/image/web/modal_select_arrow.svg) no-repeat 95% 53%/14px auto;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; padding:0.520vw 2.083vw 0.520vw 0.520vw;/*10px 40px 10px 10px*/ outline:none; color:#8F8F8F; font-size:0.9375vw;/*18px*/ font-weight:400 !important;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_list {position:absolute; top:52px; left:0; width:100%; height:300px; background:#fff; color:#fff; list-style-type:none; padding:0; border-radius:0.416vw;/*8px*/ overflow-y:scroll; transition:.4s ease-in; font-size:0.9375vw;/*18px*/ z-index:1; border:solid 1px #C6C6C6; display:none; margin:0; font-weight:300;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box.active {z-index:10;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box.active .option_list {max-height:500px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_item {padding:4px 15px; transition:.1s; font-size:0.9375vw;/*18px*/ position:relative; margin-top:0; color:#8F8F8F;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_item:hover {background:#eafaf3;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_item:first-child {border-top:0;} select {-webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none;} select::-ms-expand {display:none;/*for IE10,11*/} .level_change .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0 1.0417vw 1.0417vw;/*20px 20px*/ background:#fff; position:relative; top:-1px; width:100%;} .level_change .modal-dialog .modal-content .modal-footer .btn.left_bth {color:#fff; text-align:center; width:calc(50% - 10px); height:50px; background:#C9CFD8; border-radius:0.416vw;/*8px*/ font-size:0.9375vw;/*18px*/ margin:0; float:left;} .level_change .modal-dialog .modal-content .modal-footer .btn.left_bth:hover {background:#B2B7BE;} .level_change .modal-dialog .modal-content .modal-footer .btn.left_bth:focus {outline:none;} .level_change .modal-dialog .modal-content .modal-footer .btn.right_btn {color:#fff; text-align:center; width:calc(50% - 10px); height:50px; background:#32CD8B; border-radius:0.416vw;/*8px*/ font-size:0.9375vw;/*18px*/ margin:0; float:right;} .level_change .modal-dialog .modal-content .modal-footer .btn.right_btn:hover {background:#1FB072;} .level_change .modal-dialog .modal-content .modal-footer .btn.right_btn:focus {outline:none;} /* 체험하기 - 닉네임 학년 설정하기 */ .nickName_change.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .nickName_change.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .nickName_change.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} /* Hide modal content */ @keyframes blowUpModalTwo { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } /* Show modal content */ @keyframes blowUpModal { 0% { transform: scale(0); } 100% { transform: scale(1); } } .nickName_change .modal-dialog {width:100%; height:100%; margin:0;} .nickName_change .modal-dialog .modal-content {border:none; padding:0; width:400px; margin:auto; display:block; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); border-radius:0.520vw;/*10px*/ background:none; box-shadow:none; position:absolute;} .nickName_change .modal-dialog .modal-content .modal-header {border:none; padding:15px; position:relative; border-radius:0; display:table; width:100%;} .nickName_change .modal-dialog .modal-content .modal-header img {float:right; width:26px;} .nickName_change .modal-dialog .modal-content .modal-body {padding:0 1.0417vw 0;/*20px*/ background:#fff; border-radius:0.520vw 0.520vw 0 0;/*10px*/ border:none; position:unset; display:table; width:100%;} .nickName_change .modal-dialog .modal-content .modal-body img {margin:6% auto 0; display:block;} .nickName_change .modal-dialog .modal-content .modal-body .body_title {font-weight:600; font-size:1.0417vw;/*20px*/ text-align:center; color:#6D6D6D; margin:1.0417vw 0;/*20px*/} .nickName_change .modal-dialog .modal-content .modal-body ul {margin-bottom:1.0417vw;/*20px*/} .nickName_change .modal-dialog .modal-content .modal-body ul li {display:table; width:100%; margin-top:0.78125vw;/*15px*/} .nickName_change .modal-dialog .modal-content .modal-body ul li:nth-child(1) {margin:0;} .nickName_change .modal-dialog .modal-content .modal-body ul li .level_wrap {float:left; width:130px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .level_wrap .title {font-weight:600; font-size:1.0417vw;/*20px*/ color:#6D6D6D; line-height:50px; float:left; margin:0;} .nickName_change .modal-dialog .modal-content .modal-body ul li .level_wrap .level {font-size:1.0417vw;/*20px*/ color:#32CD8B; margin-left:0.520vw;/*10px*/ line-height:50px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .input_wrap {width:calc(100% - 150px); float:right;} .nickName_change .modal-dialog .modal-content .modal-body ul li .input_wrap .input_box {width:100%;} .nickName_change .modal-dialog .modal-content .modal-body ul li .input_wrap .input_box input {border-radius:0.417vw; border:solid 1px #d4d7e2; background:#fff; height:50px; font-size:0.9375vw; color:#9ba0b0; float:right; padding:0 0.52vw; width:100%;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap {background:#fff; border-radius:0.416vw;/*8px*/ width:calc(100% - 150px); float:right; position:relative;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box * {box-sizing:border-box;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box {width:100%; height:50px; border:solid 1px #C6C6C6; border-radius:0.416vw;/*8px*/ background:url(/image/web/modal_select_arrow.svg) no-repeat 95% 53%/14px auto;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; padding:0.520vw 2.083vw 0.520vw 0.520vw;/*10px 40px 10px 10px*/ outline:none; color:#8F8F8F; font-size:0.9375vw;/*18px*/ font-weight:400 !important;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_list {position:absolute; top:52px; left:0; width:100%; /*height:300px;*/ background:#fff; color:#fff; list-style-type:none; padding:0; border-radius:0.416vw;/*8px*/ overflow-y:scroll; transition:.4s ease-in; font-size:0.9375vw;/*18px*/ z-index:1; border:solid 1px #C6C6C6; display:none; margin:0; font-weight:300;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_list.on {display:block;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box.active {z-index:10;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box.active .option_list {max-height:500px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_item {padding:4px 15px; transition:.1s; font-size:0.9375vw;/*18px*/ position:relative; margin-top:0; color:#8F8F8F;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_item:hover {background:#eafaf3;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_item:first-child {border-top:0;} select {-webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none;} select::-ms-expand {display:none;/*for IE10,11*/} .nickName_change .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0 1.0417vw 1.0417vw;/*20px 20px*/ background:#fff; position:relative; top:-1px; width:100%; border-radius:0 0 0.520vw 0.520vw;/*10px*/} .nickName_change .modal-dialog .modal-content .modal-footer .btn.right_btn {color:#fff; text-align:center; width:100%; height:50px; background:#32CD8B; border-radius:0.416vw;/*8px*/ font-size:0.9375vw;/*18px*/ margin:0; float:right;} .nickName_change .modal-dialog .modal-content .modal-footer .btn.right_btn:hover {background:#1FB072;} .nickName_change .modal-dialog .modal-content .modal-footer .btn.right_btn:focus {outline:none;} /* 아이템샵 */ .item_shop.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .item_shop.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .item_shop.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} /* Hide modal content */ @keyframes blowUpModalTwo { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } /* Show modal content */ @keyframes blowUpModal { 0% { transform: scale(0); } 100% { transform: scale(1); } } .item_shop .modal-dialog {width:unset;} .item_shop .modal-dialog .modal-content {border:none; padding:0; margin:auto; left:50%; transform:translatex(-50%); background:none; width:unset; display:inline-block; box-shadow:none;} .item_shop .modal-dialog .modal-content .modal-header {border:none; padding:0.520vw;/*10px*/ position:relative; border-radius:0; display:table; width:100%;} .item_shop .modal-dialog .modal-content .modal-header img {float:right; width:25px;} .item_shop .modal-dialog .modal-content .modal-body {border:none; display:table; padding:0; width:1700px;} .item_shop .modal-dialog .modal-content .modal-body .left_body {width:500px; position:absolute; top:50%; left:0; transform:translateY(-50%);} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_box {width:100%; height:400px;} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_box .castor {height:calc(100% - 60px); position:absolute; top:0; left:50%; transform:translateX(-50%);} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_name {width:200px; height:50px; border-radius:0.416vw;/*8px*/ background:#fff; margin:0 auto; position:relative;} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_name input {font-size:1.0417vw;/*20px*/ color:#154A52; line-height:50px; font-weight:500; border:none; width:calc(100% - 45px); padding:0; outline:none; text-align:center; background:none;} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_name img {width:25px; position:absolute; top:50%; transform:translateY(-50%); right:10px;} .item_shop .modal-dialog .modal-content .modal-body .right_body {float:right; width:1200px; height:800px; background:#fff; border-radius:0.520vw;/*10px*/ overflow:hidden;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel {display:table; width:100%; height:100%;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs {float:left; height:100%; width:120px; border:none;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs:before {display:none;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs::after {display:none;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li {float:unset; padding:1.0417vw 1.0417vw 0 1.0417vw;/*20px*/ height:calc(790px / 8);} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li a {background:#DBDBDB; border-radius:0.416vw;/*8px*/ height:100%; position:relative; padding:0.520vw;/*10px*/} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li a p {text-align:center; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); color:#B1B1B1; line-height:25px; font-size:1.0417vw;/*20px*/ font-weight:200;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li.active a {border:none; background:#32CD8B; border-radius:0.416vw;/*8px*/} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li.active a p {color:#fff;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content {float:left; width:calc(100% - 120px); padding:1.0417vw;/*20px*/ padding-left:0;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box {display:table; width:100%;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box {background:#F0F0F0; float:left; border-radius:0.416vw;/*8px*/ padding:5px; height:40px; width:300px; position:relative;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box img {position:absolute; top:50%; transform:translateY(-50%); width:27px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box .point_text {display:inline-block; font-size:1.0417vw;/*20px*/ color:#A5A5A5; font-weight:600; margin-left:30px; position:absolute; top:50%; transform:translateY(-50%);} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box .point {display:inline-block; position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:1.0417vw;/*20px*/ color:#A5A5A5;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box .point span {color:#32CD8B; font-weight:700; margin-right:3px;} .modal_checkHide {display:none;} .modal_checkShow {width:24px; height:24px; background:url(/image/web/item_check_off.svg) no-repeat; background-size:contain; position:absolute; top:2px; left:0;} .modal_checkHide:checked + .modal_checkShow {background:url("/image/web/item_check_on.svg") no-repeat; background-size:contain;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .check_wrap {float:right; position:relative; height:40px; width:170px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .check_wrap label {font-weight:500; position:absolute; top:50%; transform:translateY(-50%);} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .check_wrap span {font-size:1.0417vw;/*20px*/ color:#A5A5A5; margin-left:30px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject {margin-top:20px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li {width:calc((100% / 7) - 20px); float:left; overflow:hidden; border:solid 2px #E2E2E2; border-radius:0.416vw;/*8px*/ margin-top:20px; margin-right:22px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(1) {margin-top:0;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(2) {margin-top:0;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(3) {margin-top:0;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(4) {margin-top:0;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(5) {margin-top:0;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(6) {margin-top:0;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(7) {margin-top:0;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(7n) {margin-right:0;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li label {width:100%; height:100%; display:block; margin:0;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li.on {border:solid 2px #32CD8B;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .item {width:100%;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_price {background:#E2E2E2; height:40px; text-align:center;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_price img {position:relative; top:-2px; left:-5px; width:24px; height:24px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_price .price {display:inline-block; font-size:1.0417vw;/*20px*/ color:#B1B1B1; line-height:40px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_apply {height:40px; text-align:center;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_apply.on {background:#32CD8B;} .apply_checkHide {display:none;} .apply_checkShow {width:24px; height:24px; background:url(/image/web/item_apply_check_off.svg) no-repeat; background-size:contain; position:absolute; top:8px; left:14px;} .apply_checkHide:checked + .apply_checkShow {background:url("/image/web/item_apply_check_on.svg") no-repeat; background-size:contain;} .apply_checkShow > .check_wrap {background:red;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_apply .check_wrap {float:right; position:relative; height:40px; width:100%;} /*.item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_apply .check_wrap label {font-weight:500; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:100%;}*/ .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_apply .check_wrap span {font-size:1.0417vw;/*20px*/ color:#484848; margin-left:30px; line-height:40px; display:inline-block; font-weight:600;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_apply .check_wrap span.on {color:#fff;} /* 아이템구매 */ .item_purchase.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .item_purchase.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .item_purchase.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} /* Hide modal content */ @keyframes blowUpModalTwo { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } /* Show modal content */ @keyframes blowUpModal { 0% { transform: scale(0); } 100% { transform: scale(1); } } .item_purchase .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:400px; margin:auto; display:block; top:50%; transform:translateY(-50%); background:none; box-shadow:none;} .item_purchase .modal-dialog .modal-content .modal-header {border:none; padding:0.520vw;/*10px*/ position:relative; border-radius:0; display:table; width:100%;} .item_purchase .modal-dialog .modal-content .modal-header img {float:right; width:26px;} .item_purchase .modal-dialog .modal-content .modal-body {padding:0 1.0417vw 0;/*20px*/ background:#fff; border-radius:0.520vw 0.520vw 0 0;/*10px*/ border:none; position:unset; display:table; width:100%;} .item_purchase .modal-dialog .modal-content .modal-body p {font-size:1.0417vw;/*20px*/ text-align:center; margin:5.440vh 0 2.176vh 0;/*50px 0 20px 0*/ color:#6F6F6F; font-weight:700;} .item_purchase .modal-dialog .modal-content .modal-body .item_box {width:150px; height:150px; margin:0 auto; position:relative; overflow:hidden; border:solid 2px #E2E2E2; border-radius:0.417vw;/*8px*/} .item_purchase .modal-dialog .modal-content .modal-body .item_box .item {width:130%; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0);} .item_purchase .modal-dialog .modal-content .modal-body .point_price {height:40px; text-align:center; margin:2.176vh 0;/*20px*/} .item_purchase .modal-dialog .modal-content .modal-body .point_price img {position:relative; top:-4px; left:-5px; width:24px; height:24px;} .item_purchase .modal-dialog .modal-content .modal-body .point_price .price {display:inline-block; font-size:1.0417vw;/*20px*/ color:#32CD8B; line-height:40px; margin:0; font-weight:500;} .item_purchase .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0 1.0417vw 1.0417vw;/*20px 20px*/ background:#fff; border-radius:0 0 0.520vw 0.520vw;/*10px*/ position:relative; top:-1px; width:100%;} .item_purchase .modal-dialog .modal-content .modal-footer .btn {color:#fff; text-align:center; width:100%; height:50px; background:#32CD8B; border-radius:0.417vw;/*8px*/ font-size:1.0417vw;/*20px*/ margin:0;} .item_purchase .modal-dialog .modal-content .modal-footer .btn:hover {background:#1FB072;} .item_purchase .modal-dialog .modal-content .modal-footer .btn:focus {outline:none;} /* 포인트부족 */ .point_lack.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .point_lack.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .point_lack.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} /* Hide modal content */ @keyframes blowUpModalTwo { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } /* Show modal content */ @keyframes blowUpModal { 0% { transform: scale(0); } 100% { transform: scale(1); } } .point_lack .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:400px; margin:auto; display:block; top:50%; transform:translateY(-50%); background:none; box-shadow:none;} .point_lack .modal-dialog .modal-content .modal-header {border:none; padding:0.52vw; position:relative; border-radius:0; display:table; width:100%;} .point_lack .modal-dialog .modal-content .modal-header img {float:right; width:26px;} .point_lack .modal-dialog .modal-content .modal-body {padding:0 1.0417vw 0;/*20px 0*/ background:#fff; border-radius:0.520vw 0.520vw 0 0;/*10px*/ border:none; position:unset; display:table; width:100%;} .point_lack .modal-dialog .modal-content .modal-body p {font-size:1.25vw;/*24px*/ text-align:center; margin:5.440vh 0 2.176vh 0;/*50px 0 20px 0*/ color:#6F6F6F; font-weight:700;} .point_lack .modal-dialog .modal-content .modal-body .item {display:block; margin:0 auto;} .point_lack .modal-dialog .modal-content .modal-body .sub_txt {font-size:1.0417vw;/*20px*/ color:#6F6F6F; margin:0 0 3.264vh;/*30px*/ font-weight:400;} .point_lack .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0 1.0417vw 1.0417vw;/*20px 20px*/ background:#fff; border-radius:0 0 0.520vw 0.520vw;/*10px*/ position:relative; top:-1px; width:100%;} .point_lack .modal-dialog .modal-content .modal-footer .btn {color:#fff; text-align:center; width:100%; height:50px; background:#32CD8B; border-radius:0.416vw;/*8px*/ font-size:1.0417vw;/*20px*/ margin:0;} .point_lack .modal-dialog .modal-content .modal-footer .btn:hover {background:#1FB072;} .point_lack .modal-dialog .modal-content .modal-footer .btn:focus {outline:none;} /* [주간테스트,중간/기말] 첫화면 시작 모달 */ .exam_start.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .exam_start.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .exam_start.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} /* Hide modal content */ @keyframes blowUpModalTwo { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } /* Show modal content */ @keyframes blowUpModal { 0% { transform: scale(0); } 100% { transform: scale(1); } } .exam_start .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:500px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:0.520vw;/*10px*/ background:none; box-shadow:none;} .exam_start .modal-dialog .modal-content .modal-body {padding:1.0417vw 1.0417vw 0;/*20px*/ background:#fff; border:none; position:unset; display:table; width:100%;} .exam_start .modal-dialog .modal-content .modal-body p {color:#575757; text-align:center; font-size:1.25vw;/*24px*/ font-weight:700;} .exam_start .modal-dialog .modal-content .modal-body .sub_txt {color:#848484; text-align:center; font-size:1.0417vw;/*20px*/ margin-top:0.520vw;/*10px*/} .exam_start .modal-dialog .modal-content .modal-body .castor {display:block; margin:2.176vh auto 3.264vh;/*20px 30px*/ width:250px;} .exam_start .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0 1.0417vw 1.0417vw;/*20px*/ background:#fff; position:relative; top:-1px; width:100%;} .exam_start .modal-dialog .modal-content .modal-footer .btn {color:#fff; text-align:center; width:100%; height:50px; background:#32CD8B; border-radius:0.416vw;/*8px*/ font-size:1.0417vw;/*20px*/ margin:0;} .exam_start .modal-dialog .modal-content .modal-footer .btn:hover {background:#1FB072;} .exam_start .modal-dialog .modal-content .modal-footer .btn:focus {outline:none;} /* 중간고사/기말고사 학습결과 */ .exam_result.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .exam_result.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .exam_result.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} /* Hide modal content */ @keyframes blowUpModalTwo { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } /* Show modal content */ @keyframes blowUpModal { 0% { transform: scale(0); } 100% { transform: scale(1); } } .exam_result .modal-dialog .modal-content {border:none; padding:0; width:800px; margin:auto; display:block; top:50%; transform:translateY(-50%); background:none; box-shadow:none;} .exam_result .modal-dialog .modal-content .modal-body {padding:1.0417vw;/*20px*/ background:#fff; border:none; display:table; width:100%; position:relative; border-radius:0.520vw;/*10px*/} .exam_result .modal-dialog .modal-content .modal-body .left_body {width:300px; position:absolute; top:50%; left:1.0417vw;/*20px*/ transform:translateY(-50%);} .exam_result .modal-dialog .modal-content .modal-body .left_body .image_box {width:100%; height:300px;} .exam_result .modal-dialog .modal-content .modal-body .left_body .image_box img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); height:calc(100% - 40px);} .exam_result .modal-dialog .modal-content .modal-body .right_body {float:right; width:calc(100% - 300px);} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_top {position:relative;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_top .title {color:#575757; font-size:1.25vw;/*24px*/ font-weight:700;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_top .sub_txt {color:#8A8A8A; font-size:1.0417vw;/*20px*/} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list {margin:1.0417vw 0;/*20px*/} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li {height:60px; border-radius:0.416vw;/*8px*/ border:2px solid #32CD8B; background:#EAFAF3; margin-bottom:1.088vh;/*10px*/ padding:0 0.78125vw;/*15px*/} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li:last-child {margin:0;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .left_txt {color:#04444d; font-size:0.9375vw;/*18px;*/ width:140px; float:left; line-height:56px; font-weight:700;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .left_txt.left_txt1 {line-height:56px; word-break:keep-all;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .center_txt {color:#575757; font-size:0.9375vw;/*18px;*/ width:calc(100% - 140px - 100px); float:left; padding-left:20px; line-height:56px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .center_txt span {font-size:1.0417vw;/*20px*/ line-height:56px; color:#32cd8b; font-weight:700;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .right_txt {color:#575757; text-align:right; font-size:0.9375vw;/*18px;*/ width:100px; float:left; line-height:56px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap {display:table; width:100%;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .left_btn {color:#fff; text-align:center; width:calc(50% - 10px); height:50px; background:#04444D; border-radius:0.416vw;/*8px*/ font-size:1.0417vw;/*20px*/ margin:0; float:left;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .left_bth:hover {background:#02373e;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .left_bth:focus {outline:none;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .right_btn {color:#fff; text-align:center; width:calc(50% - 10px); height:50px; background:#32CD8B; border-radius:0.416vw;/*8px*/ font-size:1.0417vw;/*20px*/ margin:0; float:right;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .right_btn:hover {background:#1FB072;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .right_btn:focus {outline:none;} /* 플래너 */ .planner.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;/*919px*/ max-height:919px;} .planner.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .planner.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .planner .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:350px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:0.520vw;/*10px*/ background:none; box-shadow:none;} .planner .modal-dialog .modal-content .modal-header {border:none; padding:0.78125vw;/*15px*/ position:relative; border-radius:0; display:table; width:100%;} .planner .modal-dialog .modal-content .modal-header img {float:right; width:1.354vw;/*26px*/ max-width:26px;} .planner .modal-dialog .modal-content .modal-body {padding:0 1.0417vw 0;/*20px*/ background:#fff; border-radius:0.520vw 0.520vw 0 0;/*10px 10px 0 0*/ border:none; position:unset; display:table; width:100%;} .planner .modal-dialog .modal-content .modal-body p {font-weight:600; font-size:1.0417vw;/*20px*/ text-align:center; color:#6D6D6D; margin:2.149vh 0;/*20px 0*/} .planner .modal-dialog .modal-content .modal-body input {border-radius:0.417vw;/*8px*/ border:solid 1px #d4d7e2; background:#fff; height:50px; font-size:0.9375vw;/*18px*/ color:#9ba0b0; width:100%; padding:0 0.520vw;/*10px*/ outline:none;} .planner .modal-dialog .modal-content .modal-body .item {display:block; margin:0 auto;} .planner .modal-dialog .modal-content .modal-body .sub_txt {font-size:0.105vw;/*22px*/ color:#6F6F6F; margin:4.297vh 0;/*40px 0*/ font-weight:500;} .planner .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0 1.0417vw 1.0417vw;/*20px 20px*/ background:#fff; position:relative; top:-1px; width:100%;} .planner .modal-dialog .modal-content .modal-footer .btn {color:#fff; text-align:center; width:100%; height:50px; background:#32CD8B; border-radius:0.417vw;/*8px*/ font-size:1.0417vw;/*20px*/ margin:0;} .planner .modal-dialog .modal-content .modal-footer .btn:hover {background:#1FB072;} .planner .modal-dialog .modal-content .modal-footer .btn:focus {outline:none;} /* 체크,라디오 공통 */ .planner .modal-body .checkbox, .planner .modal-body .radio {position:relative; display:inline-block;} .planner .modal-body .checkbox input[type=checkbox], .planner .modal-body .radio input[type=radio] {display:none;} .planner .modal-body input[type=radio], .planner .modal-body input[type=checkbox] {box-sizing:border-box; padding:0;} .planner .modal-body .checkbox, .planner .modal-body .radio {margin:0; width:calc(100% / 5); height:32px; text-align:center;} .planner .modal-body .checkbox, .planner .modal-body .radio.first {margin:0;} /* 라디오박스 */ .planner .modal-body .radio_wrap {padding:1.612vh 0;/*15px 0*/ display:table; width:100%; position:relative;} .planner .modal-body .radio label {padding:0;} .planner .modal-body .radio label::after, .planner .modal-body .radio label::before {content:'';} .planner .modal-body .radio label::before {border-radius:50%; width:32px; height:32px; margin-right:0;} .planner .modal-body .radio input[type=radio]:checked~label::after {opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all .3s cubic-bezier(.35,.9,.4,.9); transition:all .3s cubic-bezier(.35,.9,.4,.9);} /* 라디오 컬러선택 */ .planner .modal-body .radio .rangeColorArea1 {background-color:#64C271; width:32px; height:32px; display:inline-block; position:relative; top:0; left:0; border-radius:50%;} .planner .modal-body .radio label.rangeColor1::after {position:absolute; display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; width:32px; height:32px; border:solid 2px #64C271; border-radius:50%; top:0; left:0; opacity:0; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5);} .planner .modal-body .radio .rangeColorArea2 {background-color:#489AD8; width:32px; height:32px; display:inline-block; position:relative; top:0; left:0; border-radius:50%;} .planner .modal-body .radio label.rangeColor2::after {position:absolute; display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; width:32px; height:32px; border:solid 2px #489AD8; border-radius:50%; top:0; left:0; opacity:0; -webkit-transform:scale(1.5); -ms-transform: scale(1.5); transform:scale(1.5);} .planner .modal-body .radio .rangeColorArea3 {background-color:#9168B5; width:32px; height:32px; display:inline-block; position:relative; top:0; left:0; border-radius:50%;} .planner .modal-body .radio label.rangeColor3::after {position:absolute; display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; width:32px; height:32px; border:solid 2px #9168B5; border-radius:50%; top:0; left:0; opacity:0; -webkit-transform:scale(1.5); -ms-transform: scale(1.5); transform:scale(1.5);} .planner .modal-body .radio .rangeColorArea4 {background-color:#EDC233; width:32px; height:32px; display:inline-block; position:relative; top:0; left:0; border-radius:50%;} .planner .modal-body .radio label.rangeColor4::after {position:absolute; display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; width:32px; height:32px; border:solid 2px #EDC233; border-radius:50%; top:0; left:0; opacity:0; -webkit-transform:scale(1.5); -ms-transform: scale(1.5); transform:scale(1.5);} .planner .modal-body .radio .rangeColorArea5 {background-color:#D95F49; width:32px; height:32px; display:inline-block; position:relative; top:0; left:0; border-radius:50%;} .planner .modal-body .radio label.rangeColor5::after {position:absolute; display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; width:32px; height:32px; border:solid 2px #D95F49; border-radius:50%; top:0; left:0; opacity:0; -webkit-transform:scale(1.5); -ms-transform: scale(1.5); transform:scale(1.5);} .planner .modal-body .radioColor {/*display:inline-block; width:calc(100% - 310px); position:absolute;*/} .planner .modal-body .radioColor .radio {height:42px; text-align:left;} .planner .modal-body .radioColor .radio label {font-size:0.9375vw; line-height:42px;} .planner .modal-dialog .modal-content .modal-body input.color_input {border-radius:0.417vw;/*8px*/ border:solid 1px #d4d7e2; background:#fff; height:50px; font-size:0.9375vw;/*18px*/ color:#9ba0b0; float:right; padding:0 0.520vw;/*10px} .planner .modal-body .radioColor .color-Control {padding-left:1.459vw;/*28px*/ width:100%;} .planner .modal-body .radioColor .minicolors-theme-bootstrap .minicolors-swatch {width:0.885vw;/*17px*/ max-width:17px; height:1.849vh;/*17px*/ max-height:17px; top:0.652vh;/*6px*/ left:0.3125vw;/*6px*/} .planner .modal-body textarea {border-radius:0.417vw;/*8px*/ border:1px solid #32CD8B; background:#FFF; color:#454545; font-size:0.9375vw;/*18px*/ width:100%; height:10.741vh;/*100px*/ max-height:100px; padding:0.520vw;/*10px*/ margin-bottom:1.719vh;/*16px*/ outline:none; resize:none;} .minicolors-inline {width:100%; margin-top:1.612vh;/*15px*/} /* 국어 중간기말/진단테스트 결과 화면 */ .exam_Korean_result.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .exam_Korean_result.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .exam_Korean_result.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .exam_Korean_result .modal-dialog .modal-content {width:100%; background:none; box-shadow:none; height:100%;} .exam_Korean_result .modal-dialog .modal-content .modal-header {border:none; padding:0.78125vw;/*15px*/ position:relative; display:table; width:100%; height:56px;} .exam_Korean_result .modal-dialog .modal-content .modal-header img {float:right; width:26px;} .exam_Korean_result .modal-dialog .modal-content .modal-body {padding:0; background:#f6f6f6; border-radius:0.520vw 0.520vw 0 0;/*10px 10px 0 0*/ border:none; width:100%; height:calc(100% - 56px); overflow:auto;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap {position:relative; width:calc(100% - 6vw); margin:3vw auto; display:table; height:755px; max-height:unset;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap {position:relative; display:table; width:100%; margin:10.881vh 0;/*100px*/} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap.first {margin-top:0;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result {width:50%; float:left; padding:0 3.125vw;/*60px*/ padding-left:0.208vw;/*4px*/ padding-bottom:0.417vw;/*8px*/ overflow:auto;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result {width:50%; float:right; padding:0 3.125vw;/*60px*/ padding-right:0.208vw;/*4px*/ padding-bottom:0.417vw;/*8px*/ overflow:auto;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question{position:relative;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question {color:#3A3A3A; padding:1.041vw 1.5625vw;/*20px 30px*/ font-size:1.666vw;/*32px*/ font-weight:700; margin:0 0 1.5625vw 0;/*30px*/ border-radius:0.625vw;/*12px*/ background:#FFF; position:relative; word-break:keep-all;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question span {width:80px; display:inline-block; text-align:center;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question img {position:absolute; top:2px; left:1.5vw; width:80px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list {} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li {margin-top:2.149vh;/*20px*/ width:100%; border-radius:0.417vw;/*8px*/ border:2px solid #FFF; background:#F9F9F9; box-shadow:0px 2px 7px 0px rgba(0, 0, 0, 0.17); position:relative; padding:0 1.042vw;/*0 20px*/ display:table; line-height:6vh;/*55px*/} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li .number {width:1.25vw;/*24px*/ max-width:24px; height:1.25vw;/*24px*/ max-height:24px; border-radius:1.146vw;/*22px*/ border:1px solid #D9D9D9; text-align:center; color:#D9D9D9; line-height:2.471vh;/*23px*/ font-size:0.73vw;/*14px*/ position:absolute; top:50%; transform:translateY(-50%); margin-right:1.042vw;/*20px*/} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li p {color:#3A3A3A; font-size:1.3vw;/*25px*/ display:inline-block; width:calc(100% - 2.291vw);/*44px*/ float:right; line-height:4vh;/*37px*/ min-height:6vh;/*55px*/ padding:1vh 0;/*9px*/} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li:first-child {margin:0;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li.choice {border:2px solid #32CD8B; background:#FFF;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li.choice p .number {border:1px solid #32CD8B; background:#32CD8B; color:#fff;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li.answer {border:2px solid #11BEBE; background:#FFF;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li.answer p .number {border:1px solid #11BEBE; background:#11BEBE; color:#fff;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li.wrong_answer {border:2px solid #F46969; background:#FFF;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li.wrong_answer p .number {border:1px solid #F46969; background:#F46969; color:#fff;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap {border-radius:0.417vw;/*8px*/ background:#FFF; padding:1.041vw;/*20px*/ display:table; width:100%; margin-top:30px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap img {width:40px; float:left; position:unset; transform:unset;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap .commentary {width:calc(100% - 40px); float:right; padding-left:1.041vw;/*20px*/} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap .commentary p {color:#32CD8B; font-size:1.25vw;/*24px*/ font-weight:700; line-height:40px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap .commentary span {color:#000; font-size:1.041vw;/*20px*/} /*수학 일일/주간, 중간기말, 진단테스트 결과 화면*/ .test_exam_math_result.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .test_exam_math_result.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .test_exam_math_result.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .test_exam_math_result .modal-dialog .modal-content {width:100%; background:none; box-shadow:none; height:100%;} .test_exam_math_result .modal-dialog .modal-content .modal-header {border:none; padding:0.78125vw;/*15px*/ position:relative; display:table; width:100%; height:56px;} .test_exam_math_result .modal-dialog .modal-content .modal-header img {float:right; width:26px;} .test_exam_math_result .modal-dialog .modal-content .modal-body {padding:0; background:#f6f6f6; border-radius:0.520vw 0.520vw 0 0;/*10px 10px 0 0*/ border:none; width:100%; height:calc(100% - 56px); overflow:auto;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap {position:relative; width:calc(100% - 6vw); margin:3vw auto; display:table; height:755px; max-height:unset;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap {position:relative; display:table; width:100%; margin:10.881vh 0;/*100px*/} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap.first {margin-top:0;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result {width:50%; float:left; padding:0 3.125vw;/*60px*/ padding-left:0.208vw;/*4px*/ padding-bottom:0.417vw;/*8px*/ overflow:auto;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box {background:#fff; border-radius:1.25vw;/*24px*/ padding:1.041vw 3.125vw;/*20px 60px*/ position:relative;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .exam_x {position:absolute; top:10px; left:10px; width:80px; z-index:9;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .exam_number {position:absolute; top:10px; left:10px; width:80px; font-size:70px; line-height:80px; text-align:center;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .question_img {width:100%;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap {border-radius:1.25vw;/*24px*/ background:#FFF; display:table; width:100%;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap .commentary {width:100%;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap .commentary>img {width:40px; float:left; position:unset; transform:unset;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap .commentary p {color:#32CD8B; font-size:1.25vw;/*24px*/ font-weight:700; line-height:40px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap .commentary span {color:#000; font-size:1.041vw;/*20px*/} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap .commentary_img {width:100%; overflow:auto;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap .commentary_img img {width:100%; position:unset;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result {width:50%; float:right; padding:0 3.125vw;/*60px*/ padding-right:0.208vw;/*4px*/ padding-bottom:0.417vw;/*8px*/ overflow:auto;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap {width:100%; display:table;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap1 {position:relative; float:left; width:calc((100% / 2) - 10px); margin-left:20px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap1.first {margin:0;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap1 input {width:100%; height:6.44vh;/*60px*/ max-height:60px; border-radius:0.625vw;/*12px*/ border:2px solid #FFF; background:#F9F9F9; box-shadow:0px 2px 7px 0px rgba(0, 0, 0, 0.17); padding:0 1vw;/*20px*/ color:#3A3A3A; font-size:1.042vw;/*20px*/ font-weight:600;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap1 input::placeholder {color:#D9D9D9; font-weight:400;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap1 input:focus {border-radius:0.625vw;/*12px*/ border:2px solid #32CD8B; background:#FFF; box-shadow:0px 2px 7px 0px rgba(0, 0, 0, 0.17); outline:none;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 {position:relative; float:left; width:calc((100% / 2) - 10px); margin-left:16px; margin-bottom:16px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap2.first {margin:0;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input {width:100%; height:6.44vh;/*60px*/ max-height:60px; border-radius:0.625vw;/*12px*/ border:2px solid #FFF; background:#F9F9F9; box-shadow:0px 2px 7px 0px rgba(0, 0, 0, 0.17); padding:0 1.5625vw 0 2.605vw;/*30px 0 50px*/ color:#3A3A3A; font-size:1.042vw;/*20px*/ font-weight:600;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input::placeholder {color:#D9D9D9; font-weight:400;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 .number {position:absolute; top:50%; left:1.042vw;/*20px*/ transform:translateY(-50%); width:1.25vw;/*24px*/ max-width:24px; height:1.25vw;/*24px*/ max-height:24px; border-radius:50%; border:1px solid #D9D9D9; text-align:center; color:#D9D9D9; line-height:2.471vh;/*23px*/} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap .answer {border:2px solid #11BEBE; background:#FFF;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap .answer:focus {border:2px solid #11BEBE;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap .wrong_answer {border:2px solid #F46969; background:#FFF;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap .wrong_answer:focus {border:2px solid #F46969;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap .answer.number {background:#11BEBE; border:solid 1px #11BEBE; color:#fff;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap .wrong_answer.number {background:#F46969; border:solid 1px #F46969; color:#fff;} /* 영어 중간, 기말, 진단 결과 */ .exam_English_result.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .exam_English_result.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .exam_English_result.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .exam_English_result .modal-dialog .modal-content {width:100%; background:none; box-shadow:none; height:100%;} .exam_English_result .modal-dialog .modal-content .modal-header {border:none; padding:0.78125vw;/*15px*/ position:relative; display:table; width:100%; height:56px;} .exam_English_result .modal-dialog .modal-content .modal-header img {float:right; width:26px;} .exam_English_result .modal-dialog .modal-content .modal-body {padding:0; background:#f6f6f6; border-radius:0.520vw 0.520vw 0 0;/*10px 10px 0 0*/ border:none; width:100%; height:calc(100% - 56px); overflow:auto;} .exam_English_result .modal-dialog .modal-content .content_wrap {position:relative; width:calc(100% - 6vw); margin:3vw auto; display:table; height:755px; max-height:unset;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap {position:relative; display:table; width:100%; margin:10.881vh 0;/*100px*/} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap.first {margin-top:0;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result {width:50%; height:500px; float:left; padding:0 3.125vw;/*60px*/ padding-left:0.208vw;/*4px*/ padding-bottom:0.417vw;/*8px*/ overflow:auto;} /* 단어문제, 문장문제*/ .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 {background:#fff; border-radius:1.25vw;/*24px*/ padding:2.0833vw 3.125vw;/*40px 60px*/ position:relative; height:100%; overflow:auto;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .question {color:#3A3A3A; text-align:center; font-size:1.46vw;/*28px*/ font-weight:600; line-height:4vh;/*37px*/ color:#32CD8B;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word1 {color:#3A3A3A; font-size:2.2vw;/*42px*/ font-weight:600; text-align:center; line-height:8vh;/*73px*/ word-break:keep-all;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word_txt {text-align:center; font-size:1.3vw;/*25px*/} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 img.exam_x {position:absolute; top:10px; left:10px; width:80px; z-index:9;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .exam_number {position:absolute; top:10px; left:10px; width:80px; font-size:70px; line-height:80px; text-align:center;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word_txt.adjective {color:#3b51f5;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word_txt.verb {color:#00b050;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word_txt.noun {color:#eb701d;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word_txt.adverb {color:#ff0000;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word_txt.preposition {color:#7030a0;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word_txt.pron {color:#EA542C;} /* 이미지문제 */ .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 {background:#fff; border-radius:1.25vw;/*24px*/ padding:2.0833vw 3.125vw;/*40px 60px*/ position:relative; height:100%; overflow:auto;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 .question {color:#3A3A3A; text-align:center; font-size:1.46vw;/*28px*/ font-weight:600; line-height:4vh;/*37px*/ color:#32CD8B;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 img.play {display:block; margin:1vw auto 0;/*40px auto 0*/ width:5.208vw;/*100px*/ max-width:100px; cursor:pointer;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 img.exam_x {position:absolute; top:10px; left:10px; width:80px; z-index:9;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 .exam_number {position:absolute; top:10px; left:10px; width:80px; font-size:70px; line-height:80px; text-align:center;} /* 플레이 문제_질문문장,플레이 */ .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 {background:#fff; border-radius:1.25vw;/*24px*/ padding:2.0833vw 3.125vw;/*40px 60px*/ position:relative; height:100%; overflow:auto;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 .question {color:#3A3A3A; text-align:center; font-size:1.46vw;/*28px*/ font-weight:600; line-height:4vh;/*37px*/ color:#32CD8B;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 .word1 {color:#3A3A3A; font-size:2.2vw;/*42px*/ font-weight:600; text-align:center; line-height:8vh;/*73px*/ word-break:keep-all;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 img.play {display:block; margin:1vw auto 0;/*40px auto 0*/ width:5.208vw;/*100px*/ max-width:100px; cursor:pointer;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 img.exam_x {position:absolute; top:10px; left:10px; width:80px; z-index:9;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 .exam_number {position:absolute; top:10px; left:10px; width:80px; font-size:70px; line-height:80px; text-align:center;} /* 플레이 문제_해석문장,질문문장,플레이 */ .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 {background:#fff; border-radius:1.25vw;/*24px*/ padding:2.0833vw 3.125vw;/*40px 60px*/ position:relative; height:100%; overflow:auto;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .question {color:#3A3A3A; text-align:center; font-size:1.46vw;/*28px*/ font-weight:600; line-height:4vh;/*37px*/ color:#32CD8B;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .word1 {color:#3A3A3A; font-size:2.2vw;/*42px*/ font-weight:600; text-align:center; line-height:8vh;/*73px*/ word-break:keep-all;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 img.play {display:block; margin:1vw auto 0;/*40px auto 0*/ width:5.208vw;/*100px*/ max-width:100px; cursor:pointer;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 p.word2 {color:#3A3A3A; font-size:1.3vw;/*25px*/ font-weight:600; text-align:center; line-height:7vh;/*65px*/ word-break:keep-all;} /* .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 p.word3 {text-align:center; color:#8A8A8A; font-size:1.042vw;20px font-weight:700; width:100%; padding:0 1.521vw;30px} */ .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 img.exam_x {position:absolute; top:10px; left:10px; width:80px; z-index:9;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .exam_number {position:absolute; top:10px; left:10px; width:80px; font-size:70px; line-height:80px; text-align:center;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result {width:50%; float:left; padding:0 3.125vw;/*60px*/ padding-right:0.208vw;/*4px*/ padding-bottom:0.417vw;/*8px*/ overflow:auto;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap {position:relative; width:100%;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap input {width:100%; height:6.44vh;/*60px*/ max-height:60px; border-radius:0.625vw;/*12px*/ border:2px solid #FFF; background:#F9F9F9; box-shadow:0px 2px 7px 0px rgba(0, 0, 0, 0.17); padding:0 1vw;/*20px*/ color:#3A3A3A; font-size:1.042vw;/*20px*/ font-weight:600;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap input::placeholder {color:#D9D9D9; font-size:1.042vw;/*20px*/ font-weight:400;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap input:focus {border-radius:0.625vw;/*12px*/ border:2px solid #32CD8B; background:#FFF; box-shadow:0px 2px 7px 0px rgba(0, 0, 0, 0.17); outline:none;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 {position:relative; margin-top:1.612vh;/*15px*/} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2.first {margin:0;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input {width:100%; height:6.44vh;/*60px*/ max-height:60px; border-radius:0.625vw;/*12px*/ border:2px solid #FFF; background:#F9F9F9; box-shadow:0px 2px 7px 0px rgba(0, 0, 0, 0.17); padding:0 1vw;/*20px*/ color:#3A3A3A; font-size:1.042vw;/*20px*/ font-weight:600;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input::placeholder {color:#D9D9D9; font-size:1.042vw;/*20px*/ font-weight:400;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input:focus {border-radius:0.625vw;/*12px*/ border:2px solid #32CD8B; background:#FFF; box-shadow:0px 2px 7px 0px rgba(0, 0, 0, 0.17); outline:none;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 .number {position:absolute; top:50%; left:1.042vw;/*20px*/ transform:translateY(-50%); width:1.25vw;/*24px*/ max-width:24px; height:1.25vw;/*24px*/ max-height:24px; border-radius:1.145vw;/*22px*/ border:1px solid #D9D9D9; text-align:center; color:#D9D9D9; line-height:2.471vh;/*23px*/} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap.answer input:focus {border:2px solid #11BEBE; background:#FFF;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap.wrong_answer input:focus {border:2px solid #F46969; background:#FFF;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list {position:relative; width:100%;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li {width:100%; height:6.44vh;/*60px*/ max-height:60px; border-radius:0.625vw;/*12px*/ border:2px solid #FFF; background:#F9F9F9; box-shadow:0px 2px 7px 0px rgba(0, 0, 0, 0.17); padding:0 1vw;/*20px*/ color:#3A3A3A; font-size:1.042vw;/*20px*/ font-weight:600; margin-top:16px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li p {height:6.093vh; max-height:56px; line-height:6.093vh;/*56px*/} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li:first-child {margin:0;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li.choice {border:2px solid #32CD8B; background:#FFF;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li.answer {border:2px solid #11BEBE; background:#FFF;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li.wrong_answer {border:2px solid #F46969; background:#FFF;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li p span {margin-left:5.209vw;/*100px*/} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li p span.adjective {color:#3b51f5;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li p span.verb {color:#00b050;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li p span.noun {color:#eb701d;} /* 국어_일일테스트_결과 */ .test_koreanResultDetail.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .test_koreanResultDetail.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .test_koreanResultDetail.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .test_koreanResultDetail .modal-dialog .modal-content {width:100%; background:none; box-shadow:none; height:100%;} .test_koreanResultDetail .modal-dialog .modal-content .modal-header {border:none; padding:0.78125vw;/*15px*/ position:relative; display:table; width:100%; height:56px;} .test_koreanResultDetail .modal-dialog .modal-content .modal-header img {float:right; width:26px;} .test_koreanResultDetail .modal-dialog .modal-content .modal-body {padding:0; background:#f6f6f6; border-radius:0.520vw 0.520vw 0 0;/*10px 10px 0 0*/ border:none; width:100%; height:calc(100% - 56px); overflow:auto;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap {position:relative; width:calc(100% - 6vw); margin:3vw auto; display:table; height:755px; max-height:unset;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note {width:100%; height:100%; background:#fff; position:absolute; right:0; padding:0 1.875vw;/*36px*/ border-radius:1.042vw;/*20px*/} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list {height:calc(100% - 2.0833vw - 2.0833vw);/*40px*/ overflow:auto; margin:2.0833vw 0;/*40px*/} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list::-webkit-scrollbar {display:none; /* Chrome, Safari, Opera*/} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title {color:#3A3A3A; text-align:center; font-size:1.8vw;/*35px*/ font-weight:700;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title.first {margin-bottom:1.088vh;/*10px*/} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title span.gold {color:#fdc10e;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title span.silver {color:#a5a5a5;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title span.bronze {color:#f59f78;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .korean_castor {position:relative; left:50%; transform:translateX(-50%); width:16vw;/*307px*/ max-width:307px; height:25.571vh;/*235px*/ max-height:235px; margin-top:2.0833vw;/*40px*/} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .score {color:#3A3A3A; font-size:1.8vw;/*35px*/ font-weight:600; text-align:center; word-break:keep-all; margin-top:2.0833vw;/*40px*/} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .score .blue {color:#11BEBE;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .score .red {color:#F46969;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table {width:100%; border:1px solid #444444; border-collapse:collapse; border:solid 2px #fff; background:#eafaf3; margin-top:2.0833vw;/*40px*/} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table th {background:#32cd8b; color:#fff; border:solid 2px #fff; font-size:1.5vw;/*29px*/ text-align:center; padding:0.5vw 1vw;/*10px 20px*/ word-break:keep-all;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table th:nth-child(2) {width:15.625vw;/*300px*/ max-width:300px;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table td {border:solid 2px #fff; color:#575757; font-size:1.5vw;/*29px*/ text-align:center; padding:0.5vw 1vw;/*10px 20px*/ word-break:keep-all;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table td span {color:#32CD8B;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table tr.wrong_answer td {background:#FFEFEF; border: solid 2px #fff; color:#F46969;} /* 영어_일일테스트_결과 */ .test_englishResultDetail.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .test_englishResultDetail.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .test_englishResultDetail.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .test_englishResultDetail .modal-dialog .modal-content {width:100%; background:none; box-shadow:none; height:100%;} .test_englishResultDetail .modal-dialog .modal-content .modal-header {border:none; padding:0.78125vw;/*15px*/ position:relative; display:table; width:100%; height:56px;} .test_englishResultDetail .modal-dialog .modal-content .modal-header img {float:right; width:26px;} .test_englishResultDetail .modal-dialog .modal-content .modal-body {padding:0; background:#f6f6f6; border-radius:0.520vw 0.520vw 0 0;/*10px 10px 0 0*/ border:none; width:100%; height:calc(100% - 56px); overflow:auto;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap {position:relative; width:calc(100% - 6vw); margin:3vw auto; display:table; height:755px; max-height:unset;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note {width:100%; height:100%; background:#fff; position:absolute; right:0; padding:0 1.875vw;/*36px*/ border-radius:1.042vw;/*20px*/} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list {height:calc(100% - 2.0833vw - 2.0833vw);/*40px*/ overflow:auto; margin:2.0833vw 0;/*40px*/} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list::-webkit-scrollbar {display:none; /* Chrome, Safari, Opera*/} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title {color:#3A3A3A; text-align:center; font-size:1.8vw;/*35px*/ font-weight:700;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title.first {margin-bottom:1.088vh;/*10px*/} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title span.gold {color:#fdc10e;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title span.silver {color:#a5a5a5;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title span.bronze {color:#f59f78;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .english_castor {position:relative; left:50%; transform:translateX(-50%); width:16vw;/*307px*/ max-width:307px; height:25.571vh;/*235px*/ max-height:235px; margin-top:2.0833vw;/*40px*/} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .score {color:#3A3A3A; font-size:1.8vw;/*35px*/ font-weight:600; text-align:center; word-break:keep-all; margin-top:2.0833vw;/*40px*/} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .score .blue {color:#11BEBE;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .score .red {color:#F46969;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table {width:100%; border:1px solid #444444; border-collapse:collapse; border:solid 2px #fff; background:#eafaf3; margin-top:2.0833vw;/*40px*/} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table th {background:#32cd8b; color:#fff; border:solid 2px #fff; font-size:1.5vw;/*29px*/ text-align:center; padding:0.5vw 1vw;/*10px 20px*/ word-break:keep-all;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table th:nth-child(2) {width:15.625vw;/*300px*/ max-width:300px;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table td {border:solid 2px #fff; color:#575757; font-size:1.5vw;/*29px*/ text-align:center; padding:0.5vw 1vw;/*10px 20px*/ word-break:keep-all;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table td span {color:#32CD8B;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table tr.wrong_answer td {background:#FFEFEF; border: solid 2px #fff; color:#F46969;} /* 수학 대단원, 챕터 / 브릭맵 > ? icon */ .titleChapter.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .titleChapter.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .titleChapter.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .titleChapter .modal-dialog .modal-content {width:600px; display:block; top:50%; left:50%; transform: translate3D(-50%, -50%, 0); background:none; box-shadow:none; border:none;} .titleChapter .modal-dialog .modal-content .modal-header {border:none; padding:0.78125vw;/*15px*/ position:relative; display:table; width:100%; height:56px;} .titleChapter .modal-dialog .modal-content .modal-header img {float:right; width:26px;} .titleChapter .modal-dialog .modal-content .modal-body {padding:1.0417vw;/*20px*/ background:#fff; border:none; position:unset; display:table; width:100%; border-radius:0.520vw;/*10px*/} .titleChapter .modal-dialog .modal-content .modal-body p {font-size:1.0417vw;/*20px*/ text-align:center; margin:5.440vh 0 4.352vh 0;/*50px 0 40px 0*/ color:#8A8A8A;} .titleChapter .modal-dialog .modal-content .modal-body .tbl_subject {color:#666; font-size:0.833vw;/*16px*/ border-right:1pt solid #cacaca; border-bottom:1pt solid #cacaca; width:100%; background-color:#fff;} .titleChapter .modal-dialog .modal-content .modal-body .tbl_subject th {width:calc(100% / 6); background-color:#E8E8E8; border-top:1pt solid #cacaca; border-left:1pt solid #cacaca; padding:0.520vw;/*10px*/ text-align:center;} .titleChapter .modal-dialog .modal-content .modal-body .tbl_subject td {text-align:center; padding:0.520vw;/*10px*/ color:#686868; font-weight:200; border-top:1pt solid #cacaca; border-left:1pt solid #cacaca; word-break:keep-all;} .titleChapter .modal-dialog .modal-content .modal-body .tbl_subject td img {width:20px;} /*튜토리얼*/ .tutorial.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;} .tutorial.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .tutorial.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .tutorial .modal-dialog .modal-content {width:100%; height:100%; top:50%; transform:translateY(-50%); background:none; box-shadow:none;} .tutorial .modal-dialog .modal-content .modal-header {border:none; padding:0.78125vw;/*15px*/ position:relative; border-radius:0; display:table; width:100%; height:56px;} .tutorial .modal-dialog .modal-content .modal-header img {float:right; width:26px;} .tutorial .modal-dialog .modal-content .modal-body {padding:0; background:#f6f6f600; border:none; width:100%; height:calc(100% - 56px); overflow:auto;} .tutorial .modal-dialog .modal-content .modal-body .swiper-container {height:100%; overflow:hidden;} .tutorial .modal-dialog .modal-content .modal-body .swiper-container .swiper-pagination .swiper-pagination-bullet-active {background:#0ffa77;} .tutorial .modal-dialog .modal-content .modal-body .swiper-container .arrowBox1 .swiper-button-prev:after {color:#0ffa77;} .tutorial .modal-dialog .modal-content .modal-body .swiper-container .arrowBox1 .swiper-button-next:after {color:#0ffa77;} .tutorial .modal-dialog .modal-content .modal-body .swiper-container .rightImg {height:100%; position:absolute; left:50%; transform:translateX(-50%);} .swiper-pagination-clickable .swiper-pagination-bullet {width:20px; height:20px; margin:0 10px !important;} /*반응형 View*/ @media only screen and (min-width:1921px) { /* success */ .success .modal-dialog .modal-content {border-radius:10px;} .success .modal-dialog .modal-content .modal-body {padding:0 20px 0;} .success .modal-dialog .modal-content .modal-body p {font-size:20px; margin:50px 0 40px 0;} .success .modal-dialog .modal-content .modal-footer {padding:0 20px 20px;} .success .modal-dialog .modal-content .modal-footer .btn {border-radius:8px; font-size:20px;} /* warning */ .warning .modal-dialog .modal-content {border-radius:10px;} .warning .modal-dialog .modal-content .modal-body {padding:0 20px 0;} .warning .modal-dialog .modal-content .modal-body p {font-size:20px; margin:50px 0 40px 0;} .warning .modal-dialog .modal-content .modal-footer {padding:0 20px 20px;} .warning .modal-dialog .modal-content .modal-footer .btn {border-radius:8px; font-size:20px;} /* danger */ .danger .modal-dialog .modal-content {border-radius:10px;} .danger .modal-dialog .modal-content .modal-body {padding:0 20px 0;/* 0*/} .danger .modal-dialog .modal-content .modal-body p {font-size:20px; margin:50px 0 40px 0;/* 0 0*/} .danger .modal-dialog .modal-content .modal-footer {padding:0 20px 20px;} .danger .modal-dialog .modal-content .modal-footer .btn {border-radius:8px; font-size:20px;} /* info */ .info .modal-dialog .modal-content {border-radius:10px;} .info .modal-dialog .modal-content .modal-body {padding:0 20px 0;} .info .modal-dialog .modal-content .modal-body p {font-size:20px; margin:50px 0 40px 0;} .info .modal-dialog .modal-content .modal-footer {padding:0 20px 20px;} .info .modal-dialog .modal-content .modal-footer .btn.left_bth {border-radius:8px; font-size:20px;} .info .modal-dialog .modal-content .modal-footer .btn.right_btn {border-radius:8px; font-size:20px;} /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* 레벨변경하기 */ .level_change .modal-dialog .modal-content {border-radius:10px;} .level_change .modal-dialog .modal-content .modal-body {padding:0 20px 0; border-radius:10px 10px 0 0;} .level_change .modal-dialog .modal-content .modal-body .body_title {font-size:20px; margin:20px 0;} .level_change .modal-dialog .modal-content .modal-body ul {margin-bottom:20px;} .level_change .modal-dialog .modal-content .modal-body ul li {margin-top:15px;} .level_change .modal-dialog .modal-content .modal-body ul li .level_wrap .title {font-size:20px;} .level_change .modal-dialog .modal-content .modal-body ul li .level_wrap .level {font-size:20px; margin-left:10px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap {border-radius:8px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box {border-radius:8px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .label {padding:10px 40px 10px 10px; font-size:18px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_list {border-radius:8px; font-size:18px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_item {font-size:18px;} .level_change .modal-dialog .modal-content .modal-footer {padding:0 20px 20px;} .level_change .modal-dialog .modal-content .modal-footer .btn.left_bth {border-radius:8px; font-size:18px;} .level_change .modal-dialog .modal-content .modal-footer .btn.right_btn {border-radius:8px; font-size:18px;} /* 체험하기 - 닉네임 학년 설정하기 */ .nickName_change .modal-dialog .modal-content {border-radius:10px;} .nickName_change .modal-dialog .modal-content .modal-body {padding:0 20px 0; border-radius:10px 10px 0 0;} .nickName_change .modal-dialog .modal-content .modal-body .body_title {font-size:20px; margin:20px 0;} .nickName_change .modal-dialog .modal-content .modal-body ul {margin-bottom:20px;} .nickName_change .modal-dialog .modal-content .modal-body ul li {margin-top:15px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .level_wrap .title {font-size:20px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .level_wrap .level {font-size:20px; margin-left:10px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap {border-radius:8px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box {border-radius:8px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .label {padding:10px 40px 10px 10px; font-size:18px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_list {border-radius:8px; font-size:18px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_item {font-size:18px;} .nickName_change .modal-dialog .modal-content .modal-footer {padding:0 20px 20px;} .nickName_change .modal-dialog .modal-content .modal-footer .btn.left_bth {border-radius:8px; font-size:18px;} .nickName_change .modal-dialog .modal-content .modal-footer .btn.right_btn {border-radius:8px; font-size:18px;} /* 아이템샵 */ .item_shop .modal-dialog .modal-content .modal-header {padding:10px;} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_name {border-radius:8px;} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_name input {font-size:20px;} .item_shop .modal-dialog .modal-content .modal-body .right_body {border-radius:10px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li {padding:20px 20px 0 20px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li a {border-radius:8px; padding:10px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li a p {font-size:20px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li.active a {border-radius:8px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content {padding:20px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box {border-radius:8px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box .point_text {font-size:20px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box .point {font-size:20px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .check_wrap span {font-size:20px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li {border-radius:8px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_price .price {font-size:20px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_apply .check_wrap span {font-size:20px;} /* 아이템구매 */ .item_purchase .modal-dialog .modal-content .modal-header {padding:10px;} .item_purchase .modal-dialog .modal-content .modal-body {padding:0 20px 0; border-radius:10px 10px 0 0;} .item_purchase .modal-dialog .modal-content .modal-body p {font-size:20px; margin:50px 0 20px 0;} .item_purchase .modal-dialog .modal-content .modal-body .item_box {border-radius:8px;} .item_purchase .modal-dialog .modal-content .modal-body .point_price {margin:20px 0;} .item_purchase .modal-dialog .modal-content .modal-body .point_price .price {font-size:20px;} .item_purchase .modal-dialog .modal-content .modal-footer {padding:0 20px 20px; border-radius:0 0 10px 10px;} .item_purchase .modal-dialog .modal-content .modal-footer .btn {border-radius:8px; font-size:20px;} /* 포인트부족 */ .point_lack .modal-dialog .modal-content .modal-body {padding:0 20px 0; border-radius:10px 10px 0 0;} .point_lack .modal-dialog .modal-content .modal-body p {font-size:24px; margin:50px 0 20px 0;} .point_lack .modal-dialog .modal-content .modal-body .sub_txt {font-size:20px; margin:0 0 30px;} .point_lack .modal-dialog .modal-content .modal-footer {padding:0 20px 20px; border-radius:0 0 10px 10px;} .point_lack .modal-dialog .modal-content .modal-footer .btn {border-radius:8px; font-size:20px;} /* [주간테스트,중간/기말] 첫화면 시작 모달 */ .exam_start .modal-dialog .modal-content {border-radius:10px;} .exam_start .modal-dialog .modal-content .modal-body {padding:20px 20px 0;} .exam_start .modal-dialog .modal-content .modal-body p {font-size:24px;} .exam_start .modal-dialog .modal-content .modal-body .sub_txt {font-size:20px; margin-top:10px;} .exam_start .modal-dialog .modal-content .modal-body .castor {margin:20px auto 30px;} .exam_start .modal-dialog .modal-content .modal-footer {padding:0 20px 20px;} .exam_start .modal-dialog .modal-content .modal-footer .btn {border-radius:8px; font-size:20px;} /* 중간고사/기말고사 학습결과 */ .exam_result .modal-dialog .modal-content .modal-body {padding:20px; border-radius:10px;} .exam_result .modal-dialog .modal-content .modal-body .left_body {left:20px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_top .title {font-size:24px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_top .sub_txt {font-size:20px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list {margin:20px 0;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li {border-radius:8px; margin-bottom:10px; padding:0 15px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .left_txt {font-size:18px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .center_txt {font-size:18px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .center_txt span {font-size:20px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .right_txt {font-size:18px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .left_btn {border-radius:8px; font-size:20px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .right_btn {border-radius:8px; font-size:20px;} /* 플래너 */ .planner .modal-dialog .modal-content {border-radius:10px;} .planner .modal-dialog .modal-content .modal-header {padding:15px;} .planner .modal-dialog .modal-content .modal-body {padding:0 20px 0; border-radius:10px 10px 0 0;} .planner .modal-dialog .modal-content .modal-body p {font-size:20px; margin:20px 0;/* 0*/} .planner .modal-dialog .modal-content .modal-body input {border-radius:8px; font-size:18px; padding:0 10px;} .planner .modal-dialog .modal-content .modal-body .sub_txt {font-size:22px; margin:40px 0;/* 0*/} .planner .modal-dialog .modal-content .modal-footer {padding:0 20px 20px;} .planner .modal-dialog .modal-content .modal-footer .btn {border-radius:8px; font-size:20px;} /* 라디오박스 */ .planner .modal-body .radio_wrap {padding:15px 0;} .planner .modal-body .radioColor .radio label {font-size:18px;} .planner .modal-dialog .modal-content .modal-body input.color_input {border-radius:8px; font-size:18px; padding:0 10px;} .planner .modal-body .radioColor .minicolors-theme-bootstrap .minicolors-swatch {top:6px; left:6px;} .planner .modal-body textarea {border-radius:8px; font-size:18px; padding:10px; margin-bottom:16px;} .minicolors-inline {margin-top:15px;} /* 국어 중간기말/진단테스트 결과 화면 */ .exam_Korean_result .modal-dialog .modal-content .modal-header {padding:15px;} .exam_Korean_result .modal-dialog .modal-content .modal-body {border-radius:10px 10px 0 0;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap {margin:50px auto 0;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap {margin:100px 0;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result {padding:0 60px; padding-left:4px; padding-bottom:8px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result {padding:0 60px; padding-right:4px; padding-bottom:8px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question {padding:20px 30px; font-size:32px; margin:0 0 30px 0; border-radius:12px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li {margin-top:20px; border-radius:8px; padding:0 20px; line-height:55px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li .number {border-radius:22px; line-height:23px; font-size:14px; margin-right:20px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li p {font-size:25px; width:calc(100% - 44px); line-height:37px; min-height:55px; padding:9px 0;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap {border-radius:8px; padding:20px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap .commentary {padding-left:20px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap .commentary p {font-size:24px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap .commentary span {font-size:20px;} /*수학 일일/주간, 중간기말, 진단테스트 결과 화면*/ .test_exam_math_result .modal-dialog .modal-content .modal-header {padding:15px;} .test_exam_math_result .modal-dialog .modal-content .modal-body {border-radius:10px 10px 0 0;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap {margin:50px auto 0;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap {margin:100px 0;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result {padding:0 60px; padding-left:4px; padding-bottom:8px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box {border-radius:24px; padding:20px 60px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap {border-radius:24px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap .commentary p {font-size:24px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap .commentary span {font-size:20px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result {padding:0 60px; padding-right:4px; padding-bottom:8px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap1 input {border-radius:12px; padding:0 20px; font-size:20px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap1 input:focus {border-radius:12px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input {border-radius:12px; padding:0 30px 0 50px; font-size:20px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 .number {left:20px; line-height:23px;} /* 영어 중간, 기말, 진단 결과 */ .exam_English_result .modal-dialog .modal-content .modal-header {padding:15px;} .exam_English_result .modal-dialog .modal-content .modal-body {border-radius:10px 10px 0 0;} .exam_English_result .modal-dialog .modal-content .content_wrap {margin:50px auto 0;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap {margin:100px 0;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result {padding:0 60px; padding-left:4px; padding-bottom:8px;} /* 단어문제, 문장문제*/ .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 {border-radius:24px; padding:40px 60px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .question {font-size:28px; line-height:37px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word1 {font-size:42px; line-height:73px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word_txt {font-size:25px;} /* 이미지문제 */ .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 {border-radius:24px; padding:40px 60px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 .question {font-size:28px; line-height:37px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 img.play {margin:40px auto 0;} /* 플레이 문제_질문문장,플레이 */ .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 {border-radius:24px; padding:40px 60px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 .question {font-size:28px; line-height:37px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 .word1 {font-size:42px; line-height:73px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 img.play {margin:40px auto 0;} /* 플레이 문제_해석문장,질문문장,플레이 */ .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 {border-radius:24px; padding:40px 60px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .question {font-size:28px; line-height:37px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .word1 {font-size:42px; line-height:73px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 img.play {margin:40px auto 0;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 p.word2 {font-size:25px; line-height:65px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result {padding:0 60px; padding-right:4px; padding-bottom:8px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap input {border-radius:12px; padding:0 20px; font-size:20px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap input::placeholder {font-size:20px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap input:focus {border-radius:12px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 {margin-top:15px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input {border-radius:12px; padding:0 20px; font-size:20px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input::placeholder {font-size:20px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input:focus {border-radius:12px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 .number {left:20px; border-radius:22px; line-height:23px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li {border-radius:12px; padding:0 20px; font-size:20px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li p span {margin-left:100px;} /* 국어_일일테스트_결과 */ .test_koreanResultDetail .modal-dialog .modal-content .modal-header {padding:15px;} .test_koreanResultDetail .modal-dialog .modal-content .modal-body {border-radius:10px 10px 0 0;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap {margin:50px auto 0;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note {padding:0 36px; border-radius:20px;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list {height:calc(100% - 40px - 40px); margin:40px 0;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title {font-size:35px;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title.first {margin-bottom:10px;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .korean_castor {margin-top:40px;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .score {font-size:35px; margin-top:40px;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table {margin-top:40px;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table th {font-size:29px; padding:10px 20px;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table td {font-size:29px; padding:10px 20px;} /* 영어_일일테스트_결과 */ .test_englishResultDetail .modal-dialog .modal-content .modal-header {padding:15px;} .test_englishResultDetail .modal-dialog .modal-content .modal-body {border-radius:10px 10px 0 0;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap {margin:50px auto 0;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note {padding:0 36px; border-radius:20px;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list {height:calc(100% - 40px - 40px); overflow:auto; margin:40px 0;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title {font-size:35px;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title.first {margin-bottom:10px;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .english_castor {margin-top:40px;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .score {font-size:35px; margin-top:40px;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table {margin-top:40px;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table th {font-size:29px; padding:10px 20px;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table td {font-size:29px; padding:10px 20px;} /* 수학 대단원, 챕터 / 브릭맵 > ? icon */ .titleChapter .modal-dialog .modal-content .modal-header {padding:15px;} .titleChapter .modal-dialog .modal-content .modal-body {padding:20px; border-radius:10px;} .titleChapter .modal-dialog .modal-content .modal-body p {font-size:20px; margin:50px 0 40px 0;} .titleChapter .modal-dialog .modal-content .modal-body .tbl_subject {font-size:16px;} .titleChapter .modal-dialog .modal-content .modal-body .tbl_subject th {padding:10px;} .titleChapter .modal-dialog .modal-content .modal-body .tbl_subject td {padding:10px;} /*튜토리얼*/ .tutorial .modal-dialog .modal-content .modal-header {padding:15px;} } @media only screen and (max-width:1440px) { } @media only screen and (max-width:1280px) { /* success */ .success .modal-dialog .modal-content {width:350px;} .success .modal-dialog .modal-content .modal-body {padding:0 10px 0;} .success .modal-dialog .modal-content .modal-body p {font-size:1.3vw;} .success .modal-dialog .modal-content .modal-footer {padding:0 10px 10px;} .success .modal-dialog .modal-content .modal-footer .btn {font-size:1.3vw;} /* warning */ .warning .modal-dialog .modal-content {width:350px;} .warning .modal-dialog .modal-content .modal-body {padding:0 10px 0;} .warning .modal-dialog .modal-content .modal-body p {font-size:1.3vw;} .warning .modal-dialog .modal-content .modal-footer {padding:0 10px 10px;} .warning .modal-dialog .modal-content .modal-footer .btn {font-size:1.3vw;} /* danger */ .danger .modal-dialog .modal-content {width:350px;} .danger .modal-dialog .modal-content .modal-body {padding:0 10px 0;} .danger .modal-dialog .modal-content .modal-body p {font-size:1.3vw;} .danger .modal-dialog .modal-content .modal-footer {padding:0 10px 10px;} .danger .modal-dialog .modal-content .modal-footer .btn {font-size:1.3vw;} /* info */ .info .modal-dialog .modal-content {width:350px;} .info .modal-dialog .modal-content .modal-body {padding:0 10px 0;} .info .modal-dialog .modal-content .modal-body p {font-size:1.3vw;} .info .modal-dialog .modal-content .modal-footer {padding:0 10px 10px;} .info .modal-dialog .modal-content .modal-footer .btn.left_bth {font-size:1.3vw; width:calc(50% - 5px);} .info .modal-dialog .modal-content .modal-footer .btn.right_btn {font-size:1.3vw; width:calc(50% - 5px);} /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* 레벨변경하기 */ .level_change .modal-dialog .modal-content .modal-body {padding:0 10px 0;} .level_change .modal-dialog .modal-content .modal-body .body_title {font-size:1.5vw;} .level_change .modal-dialog .modal-content .modal-body ul li .level_wrap .title {font-size:1.3vw;} .level_change .modal-dialog .modal-content .modal-body ul li .level_wrap .level {font-size:1.3vw;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .label {font-size:1.3vw;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_list {height:160px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_item {font-size:1.3vw; padding:10px 15px;} .level_change .modal-dialog .modal-content .modal-footer {padding: 0 10px 10px;} .level_change .modal-dialog .modal-content .modal-footer .btn.left_bth {font-size:1.3vw; width:calc(50% - 5px);} .level_change .modal-dialog .modal-content .modal-footer .btn.right_btn {font-size:1.3vw; width:calc(50% - 5px);} /* 체험하기 - 닉네임 학년 설정하기 */ .nickName_change .modal-dialog .modal-content .modal-body {padding:0 10px 0;} .nickName_change .modal-dialog .modal-content .modal-body .body_title {font-size:1.5vw;} .nickName_change .modal-dialog .modal-content .modal-body ul li .level_wrap .title {font-size:1.3vw;} .nickName_change .modal-dialog .modal-content .modal-body ul li .level_wrap .level {font-size:1.3vw;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .label {font-size:1.3vw;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_list {height:160px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_item {font-size:1.3vw; padding:10px 15px;} .nickName_change .modal-dialog .modal-content .modal-footer {padding: 0 10px 10px;} .nickName_change .modal-dialog .modal-content .modal-footer .btn.right_btn {font-size:1.3vw;} /* 아이템샵 */ .item_shop .modal-dialog {height:100%; margin:unset;} .item_shop .modal-dialog .modal-content {position:absolute; top:50%; transform:translate3d(-50%, -50%, 0);} .item_shop .modal-dialog .modal-content .modal-body {width:1000px;} .item_shop .modal-dialog .modal-content .modal-body .left_body {width:300px;} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_box {height:250px;} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_name {width:150px;} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_name input {font-size:1.3vw;} .item_shop .modal-dialog .modal-content .modal-body .right_body {width:700px; height:550px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs {width:80px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li {padding:10px 10px 0 10px; height:calc(548px / 8);} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li a p {line-height:20px; font-size:1.2vw;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content {width:calc(100% - 80px); padding:10px; padding-left:0;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box {width:220px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box .point_text {font-size:1.3vw;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box .point {font-size:1.3vw;} .modal_checkShow {top:1px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .check_wrap span {font-size:1.3vw; line-height:24px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject {display:block; overflow:scroll; height:480px; margin-top:10px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li {width:calc((100% / 4) - 8px); margin-top:10px; margin-right:10px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(4n) {margin-right:0; } .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(5) {margin-top:10px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(6) {margin-top:10px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(7) {margin-top:10px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li:nth-child(7n) {margin-right:10px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_apply .check_wrap span {font-size:1.3vw;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_price .price {font-size:1.3vw;} /* 아이템구매 */ .item_purchase .modal-dialog .modal-content .modal-body p {font-size:1.5vw;} .item_purchase .modal-dialog .modal-content .modal-body .point_price .price {font-size:1.3vw;} .item_purchase .modal-dialog .modal-content .modal-footer .btn {font-size:1.3vw;} /* 포인트부족 */ .point_lack .modal-dialog .modal-content .modal-body p {font-size:1.5vw;} .point_lack .modal-dialog .modal-content .modal-body .sub_txt {font-size:1.3vw;} .point_lack .modal-dialog .modal-content .modal-footer .btn {font-size:1.3vw;} /* [주간테스트,중간/기말] 첫화면 시작 모달 */ .exam_start .modal-dialog .modal-content {width:400px;} .exam_start .modal-dialog .modal-content .modal-body {padding:10px 10px 0;} .exam_start .modal-dialog .modal-content .modal-body p {font-size:1.5vw;} .exam_start .modal-dialog .modal-content .modal-body .sub_txt {font-size:1.3vw; margin-top:0;} .exam_start .modal-dialog .modal-content .modal-body .castor {width:200px;} .exam_start .modal-dialog .modal-content .modal-footer {padding:0 10px 10px;} .exam_start .modal-dialog .modal-content .modal-footer .btn {font-size:1.3vw;} /* 중간고사/기말고사 학습결과 */ .exam_result .modal-dialog .modal-content {width:700px;} .exam_result .modal-dialog .modal-content .modal-body {padding:10px;} .exam_result .modal-dialog .modal-content .modal-body .left_body {width:250px;} .exam_result .modal-dialog .modal-content .modal-body .left_body .image_box {height:250px;} .exam_result .modal-dialog .modal-content .modal-body .left_body .image_box img {height:calc(100% - 20px);} .exam_result .modal-dialog .modal-content .modal-body .right_body {width:calc(100% - 250px);} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_top .title {font-size:1.5vw;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_top .sub_txt {font-size:1.3vw;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list {margin:20px 0;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li {height:50px; margin-bottom:10px; padding:0 10px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .left_txt.left_txt1 {line-height:46px; font-size:1.3vw;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .left_txt {line-height:46px; font-size:1.3vw;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .center_txt {line-height:46px; font-size:1.3vw;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .center_txt span {font-size:1.5vw; line-height:46px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .right_txt {line-height:46px; font-size:1.3vw;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .left_btn {font-size:1.3vw;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .right_btn {font-size:1.3vw;} /* 플래너 */ .planner .modal-dialog .modal-content {width:300px;} .planner .modal-dialog .modal-content .modal-body {padding:0 10px 0;} .planner .modal-dialog .modal-content .modal-body p {font-size:1.5vw;} .planner .modal-dialog .modal-content .modal-body input {font-size:1.3vw;} .planner .modal-dialog .modal-content .modal-body input.color_input {font-size:1.3vw;} .planner .modal-body textarea {font-size:1.3vw;} .planner .modal-dialog .modal-content .modal-footer {padding:0 10px 10px;} .planner .modal-dialog .modal-content .modal-footer .btn {font-size:1.3vw;} /* 국어 중간기말/진단테스트 결과 화면 */ .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question img {width:60px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question span {width:60px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question {font-size:2vw;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li {margin-top:2vh; line-height:7.5vh;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li .number {width:3vw; max-width:22px; height:3vw; max-height:22px; border-radius:50%; line-height:1.7vw; font-size:1.4vw; margin-right:1vw;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li p {font-size:1.8vw; width:calc(100% - 3vw); line-height:4.5vh; min-height:7.5vh; padding:1.5vh;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap img {width:30px; position:relative; top:5px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap .commentary {width:calc(100% - 30px); padding-left:10px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap .commentary p {font-size:1.8vw;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap .commentary span {font-size:1.5vw;} /*수학 일일/주간, 중간기말, 진단테스트 결과 화면*/ .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .exam_x {top:5px; left:0px; width:60px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .exam_number {width:60px; top:5px; left:0px; font-size:50px; line-height:60px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap .commentary>img {width:30px; position:relative; top:5px; margin-right:10px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap .commentary p {font-size:1.8vw;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap1 input {font-size:1.5vw; line-height:4.5vh; min-height:7.5vh; padding:1.5vh;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input {font-size:1.5vw; line-height:4.5vh; min-height:7.5vh; padding:0 1vw 0 3.5vw} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 .number{width:3vw; max-width:22px; height:3vw; max-height:22px; border-radius:50%; line-height:1.7vw; font-size:1.4vw; margin-right:1vw;} /* 영어 중간, 기말, 진단 결과 */ .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .question {font-size:1.6vw;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word1 {font-size:3.3vw; line-height:8vh;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word_txt {font-size:1.8vw;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 img.exam_x {top:5px; left:0px; width:60px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .exam_number {width:60px; top:5px; left:0px; font-size:50px; line-height:60px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 .question {font-size:1.6vw;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 img.play {width:10vw;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 img.exam_x {top:5px; left:0px; width:60px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 .exam_number {width:60px; top:5px; left:0px; font-size:50px; line-height:60px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 .question {font-size:1.6vw;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 .word1 {font-size:3.3vw; line-height:8vh;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 img.exam_x {top:5px; left:0px; width:60px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 .exam_number {width:60px; top:5px; left:0px; font-size:50px; line-height:60px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .question {font-size:1.6vw;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .word1 {font-size:3.3vw; line-height:8vh;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .word2 {font-size:1.8vw;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .word1 img.play {width:8vw;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 img.exam_x {top:5px; left:0px; width:60px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .exam_number {width:60px; top:5px; left:0px; font-size:50px; line-height:60px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li {margin-top:2vh; height:8.072vh;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li p {font-size:1.8vw; width:calc(100% - 3vw); line-height:4.5vh; min-height:7.5vh; padding:1.5vh 0;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input {font-size:1.8vw; width:calc(100% - 3vw); line-height:4.5vh; min-height:8.072vh; padding:1.5vh;} /* 국어_일일테스트_결과 */ .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title {font-size:2vw;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .score {font-size:2vw;} /* 영어_일일테스트_결과 */ .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title {font-size:2vw;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .score {font-size:2vw;} /* 수학 대단원, 챕터 / 브릭맵 > ? icon */ .titleChapter .modal-dialog .modal-content .modal-body .tbl_subject {font-size:1.3vw;} /*튜토리얼*/ } @media only screen and (max-width:1080px) { /* success */ .success .modal-dialog .modal-content {width:250px; border-radius:10px;} .success .modal-dialog .modal-content .modal-body p {margin:40px 0 30px 0;} .success .modal-dialog .modal-content .modal-footer .btn {border-radius:5px; height:45px;} /* warning */ .warning .modal-dialog .modal-content {width:250px; border-radius:10px;} .warning .modal-dialog .modal-content .modal-body p {margin:40px 0 30px 0;} .warning .modal-dialog .modal-content .modal-footer .btn {border-radius:5px; height:45px;} /* danger */ .danger .modal-dialog .modal-content {width:250px; border-radius:10px;} .danger .modal-dialog .modal-content .modal-body p {margin:40px 0 30px 0;} .danger .modal-dialog .modal-content .modal-footer .btn {border-radius:5px; height:45px;} /* info */ .info .modal-dialog .modal-content {width:250px; border-radius:10px;} .info .modal-dialog .modal-content .modal-body p {margin:40px 0 30px 0;} .info .modal-dialog .modal-content .modal-footer .btn.left_bth {border-radius:5px; height:45px;} .info .modal-dialog .modal-content .modal-footer .btn.right_btn {border-radius:5px; height:45px;} /*--------------------------------------------------------------------------------------------------------------------*/ /* 레벨변경하기 */ .level_change .modal-dialog .modal-content {width:400px;} .level_change .modal-dialog .modal-content .modal-body ul li .level_wrap {width:140px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap {border-radius:5px; width:calc(100% - 140px);} .level_change .modal-dialog .modal-content .modal-body ul li .level_wrap .title {line-height:45px;} .level_change .modal-dialog .modal-content .modal-body ul li .level_wrap .level {line-height:45px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box {height:45px;} .level_change .modal-dialog .modal-content .modal-footer .btn.left_bth {height:45px;} .level_change .modal-dialog .modal-content .modal-footer .btn.right_btn {height:45px;} /* 체험하기 - 닉네임 학년 설정하기 */ .nickName_change .modal-dialog .modal-content {width:400px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .level_wrap {width:140px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .input_wrap {border-radius:5px; width:calc(100% - 140px);} .nickName_change .modal-dialog .modal-content .modal-body ul li .input_wrap .input_box input {height:45px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap {border-radius:5px; width:calc(100% - 140px);} .nickName_change .modal-dialog .modal-content .modal-body ul li .level_wrap .title {line-height:45px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .level_wrap .level {line-height:45px;} .nickName_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box {height:45px;} .nickName_change .modal-dialog .modal-content .modal-footer .btn.right_btn {height:45px;} /* 아이템샵 */ .apply_checkShow {width:20px; height:20px; top:11px; left:25px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_apply .check_wrap span {margin-left:10px;} .item_purchase .modal-dialog .modal-content .modal-body .point_price img {top:0; left:0;} /* 아이템구매 */ .item_purchase .modal-dialog .modal-content .modal-body .item_box {width:130px; height:130px;} .item_purchase .modal-dialog .modal-content .modal-footer .btn {height:45px;} /* 포인트부족 */ .point_lack .modal-dialog .modal-content .modal-footer .btn {height:45px;} /* [주간테스트,중간/기말] 첫화면 시작 모달 */ .exam_start .modal-dialog .modal-content {width:350px;} .exam_start .modal-dialog .modal-content .modal-body .castor {width:180px;} .exam_start .modal-dialog .modal-content .modal-footer .btn {height:45px;} /* 중간고사/기말고사 학습결과 */ .exam_result .modal-dialog .modal-content {width:600px;} .exam_result .modal-dialog .modal-content .modal-body .left_body {width:200px;} .exam_result .modal-dialog .modal-content .modal-body .left_body .image_box {height:200px;} .exam_result .modal-dialog .modal-content .modal-body .right_body {width:calc(100% - 200px);} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .left_btn {height:45px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .right_btn {height:45px;} /* 플래너 */ .planner .modal-dialog .modal-content .modal-body input {height:45px;} .planner .modal-dialog .modal-content .modal-body input.color_input {height:45px;} .planner .modal-dialog .modal-content .modal-footer .btn {height:45px;} /* 국어 중간기말/진단테스트 결과 화면 */ .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question span {width:50px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question img {width:45px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li {margin-top:2vh; line-height:6.5vh;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li .number {line-height:2.5vh;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li p {line-height:4vh; min-height:6.5vh; padding:1.2vh 1vh 0.8vh;} /*수학 일일/주간, 중간기말, 진단테스트 결과 화면*/ .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .exam_x {width:50px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .exam_number {width:50px; font-size:45px; line-height:50px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap1 {width:calc((100% / 2) - 5px); margin-left:10px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap1 input {height:7.02vh; min-height:unset;} /* 영어 중간, 기말, 진단 결과 */ .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 img.exam_x {width:50px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .exam_number {width:50px; font-size:45px; line-height:50px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li {margin-top:2vh; height:7.02vh;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li p {line-height:4.2vh; min-height:6.5vh; padding:1.2vh 1vh 0.8vh;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input {line-height:4.5vh; min-height:7.02vh; padding:1.2vh 1vh 0.8vh;} /* 국어_일일테스트_결과 */ /* 영어_일일테스트_결과 */ /* 수학 대단원, 챕터 / 브릭맵 > ? icon */ .titleChapter .modal-dialog .modal-content {width:500px;} /*튜토리얼*/ } @media only screen and (max-width:768px) { /* success */ /* warning */ /* danger */ /* info */ /*--------------------------------------------------------------------------------------------------------------------*/ /* 레벨변경하기 */ /* 아이템샵 */ /* 아이템구매 */ /* 포인트부족 */ /* [주간테스트,중간/기말] 첫화면 시작 모달 */ /* 중간고사/기말고사 학습결과 */ /* 플래너 */ /* 국어 중간기말/진단테스트 결과 화면 */ /*수학 일일/주간, 중간기말, 진단테스트 결과 화면*/ /* 영어 중간, 기말, 진단 결과 */ /* 국어_일일테스트_결과 */ /* 영어_일일테스트_결과 */ /* 수학 대단원, 챕터 / 브릭맵 > ? icon */ /*튜토리얼*/ } @media only screen and (max-height:540px) { body {overflow-y:auto;} /* success */ .success .modal-dialog .modal-content .modal-body p {font-size:12px; margin:30px 0 25px 0;} .success .modal-dialog .modal-content .modal-footer .btn {height:35px; font-size:12px;} /* warning */ .warning .modal-dialog .modal-content .modal-body p {font-size:12px; margin:30px 0 25px 0;} .warning .modal-dialog .modal-content .modal-footer .btn {height:35px; font-size:12px;} /* danger */ .danger .modal-dialog .modal-content .modal-body p {font-size:12px; margin:30px 0 25px 0;} .danger .modal-dialog .modal-content .modal-footer .btn {height:35px; font-size:12px;} /* info */ .info .modal-dialog .modal-content .modal-body p {font-size:12px; margin:30px 0 25px 0;} .info .modal-dialog .modal-content .modal-footer .btn.left_bth {height:35px; font-size:12px;} .info .modal-dialog .modal-content .modal-footer .btn.right_btn {height:35px; font-size:12px;} /*--------------------------------------------------------------------------------------------------------------------*/ /* 레벨변경하기 */ .level_change .modal-dialog .modal-content {width:300px;} .level_change .modal-dialog .modal-content .modal-header img {width:15px;} .level_change .modal-dialog .modal-content .modal-body .body_title {font-size:14px;} .level_change .modal-dialog .modal-content .modal-body ul li .level_wrap .title {line-height:35px; font-size:12px;} .level_change .modal-dialog .modal-content .modal-body ul li .level_wrap .level {line-height:35px; font-size:12px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box {height:35px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .label {font-size:12px;} .level_change .modal-dialog .modal-content .modal-body ul li .select_wrap .select_box .option_list {height:90px; top:38px;} .level_change .modal-dialog .modal-content .modal-footer .btn.left_bth {height:35px; font-size:12px;} .level_change .modal-dialog .modal-content .modal-footer .btn.right_btn {height:35px; font-size:12px;} /* 아이템샵 */ .item_shop .modal-dialog .modal-content {width:80%;} .item_shop .modal-dialog .modal-content .modal-header img {width:15px;} .item_shop .modal-dialog .modal-content .modal-body {width:100%;} .item_shop .modal-dialog .modal-content .modal-body .left_body {width:150px;} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_box {height:180px;} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_name {width:100px; height:35px;} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_name input {font-size:12px; line-height:35px;} .item_shop .modal-dialog .modal-content .modal-body .left_body .castor_name img {width:18px;} .item_shop .modal-dialog .modal-content .modal-body .right_body {width:calc(100% - 150px); height:unset;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs {width:100px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li {height:calc(300px / 8);} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li:last-child {margin-bottom:10px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .nav-tabs li a p {width:100%; font-size:12px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content {width: calc(100% - 100px);} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject {height:245px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box {width:190px; height:27px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box .point_text {font-size:12px; margin-left:25px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box .point {font-size:12px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .point_box img {width:20px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .check_wrap {height:27px; width:120px;} .modal_checkShow { top:4px; width:18px; height:18px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_top_box .check_wrap span {font-size:12px; line-height:27px; margin-left:25px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_apply {height:30px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_apply .check_wrap {height:30px;} .apply_checkShow {width:16px; height:16px; top:6px; left:15px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_apply .check_wrap span {margin-left:20px; font-size:12px; line-height:30px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_price {height:30px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_price img {top:0; left: -5px; width:20px; height:20px;} .item_shop .modal-dialog .modal-content .modal-body .right_body .tab_panel .tab-content .tab_subject li .point_price .price {font-size:12px; line-height:30px;} /* 아이템구매 */ .item_purchase .modal-dialog .modal-content {width:300px;} .item_purchase .modal-dialog .modal-content .modal-header img {width:15px;} .item_purchase .modal-dialog .modal-content .modal-body p {font-size:14px;} .item_purchase .modal-dialog .modal-content .modal-body .item_box {width:100px; height:100px;} .item_purchase .modal-dialog .modal-content .modal-body .point_price {height:30px;} .item_purchase .modal-dialog .modal-content .modal-body .point_price img {width:20px; height:20px;} .item_purchase .modal-dialog .modal-content .modal-body .point_price .price {font-size:12px; line-height:30px;} .item_purchase .modal-dialog .modal-content .modal-footer .btn {height:35px; font-size:12px;} /* 포인트부족 */ .point_lack .modal-dialog .modal-content {width:300px;} .point_lack .modal-dialog .modal-content .modal-header img {width:15px;} .point_lack .modal-dialog .modal-content .modal-body p {font-size:14px;} .point_lack .modal-dialog .modal-content .modal-body .sub_txt {font-size:12px;} .point_lack .modal-dialog .modal-content .modal-footer .btn {height:35px; font-size:12px;} /* [주간테스트,중간/기말] 첫화면 시작 모달 */ .exam_start .modal-dialog .modal-content {width:300px;} .exam_start .modal-dialog .modal-content .modal-body p {font-size:14px;} .exam_start .modal-dialog .modal-content .modal-body .sub_txt {font-size:12px;} .exam_start .modal-dialog .modal-content .modal-body .castor {width:140px;} .exam_start .modal-dialog .modal-content .modal-footer .btn {height:35px; font-size:12px;} /* 중간고사/기말고사 학습결과 */ .exam_result .modal-dialog .modal-content {width:450px;} .exam_result .modal-dialog .modal-content .modal-body .left_body {width:150px;} .exam_result .modal-dialog .modal-content .modal-body .left_body .image_box {height:180px;} .exam_result .modal-dialog .modal-content .modal-body .right_body {width:calc(100% - 150px);} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_top .title {font-size:14px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_top .sub_txt {font-size:12px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list {margin:10px 0;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li {height:40px; margin-bottom:5px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .left_txt {width:100px; line-height:36px; font-size:12px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .left_txt.left_txt1 {width:100px; line-height:36px; font-size:12px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .center_txt {width:calc(100% - 100px - 60px); line-height:36px; font-size:12px; padding-left:0;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .center_txt span {font-size:14px; line-height:36px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .result_list li .right_txt {width:60px; line-height:36px;font-size:12px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .left_btn {height:35px; font-size:12px;} .exam_result .modal-dialog .modal-content .modal-body .right_body .btn_wrap .right_btn {height:35px; font-size:12px;} /* 플래너 */ .planner .modal-dialog .modal-content .modal-header {padding:0.52vw;} .planner .modal-dialog .modal-content .modal-header img {width:15px; max-width:unset;} .planner .modal-dialog .modal-content .modal-body p {font-size:14px;} .planner .modal-dialog .modal-content .modal-body input {height:35px; font-size:12px; padding:0 10px;} .planner .modal-body .checkbox, .planner .modal-body .radio {height:25px;} .planner .modal-body .radio .rangeColorArea1 {width:25px; height:25px;} .planner .modal-body .radio .rangeColorArea2 {width:25px; height:25px;} .planner .modal-body .radio .rangeColorArea3 {width:25px; height:25px;} .planner .modal-body .radio .rangeColorArea4 {width:25px; height:25px;} .planner .modal-body .radio .rangeColorArea5 {width:25px; height:25px;} .planner .modal-body .radioColor .radio {height:20px;} .planner .modal-body .radioColor .radio label {font-size:12px; line-height:20px;} .planner .modal-dialog .modal-content .modal-body input.color_input {height:35px; font-size:12px;} .minicolors-inline .minicolors-panel {width:114px;} .minicolors-slider, .minicolors-opacity-slider {left:84px !important; height:80px !important;} .minicolors .minicolors-grid {width:80px !important; height:80px !important;} .minicolors .minicolors-grid-inner {width:80px !important; height:80px !important;} .planner .modal-body textarea {font-size:12px; height:40px; max-height:unset;} .planner .modal-dialog .modal-content .modal-footer .btn {height:35px; font-size:12px;} /* 국어 중간기말/진단테스트 결과 화면 */ .exam_Korean_result .modal-dialog .modal-content .modal-header {padding:0.52vw; height:unset;} .exam_Korean_result .modal-dialog .modal-content .modal-header img {width:15px;} .exam_Korean_result .modal-dialog .modal-content .modal-body {height:calc(100% - 25px);} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap {margin:3vw 0;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question {padding:10px; font-size:18px; margin:0 0 10px 0;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question img {width:40px; top:3px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li .number {width:18px; max-width:unset; height:18px; max-height:unset; line-height:18px; font-size:14px; margin-right:10px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .result_question .question_list li p {line-height:20px; min-height:30px; padding:5px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap img {width:20px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap .commentary {width:calc(100% - 20px);} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap .commentary p {font-size:16px; line-height:30px;} .exam_Korean_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .commentary_wrap .commentary span {font-size:14px;} /*수학 일일/주간, 중간기말, 진단테스트 결과 화면*/ .test_exam_math_result .modal-dialog .modal-content .modal-header {padding:0.52vw; height:unset;} .test_exam_math_result .modal-dialog .modal-content .modal-header img {width:15px;} .test_exam_math_result .modal-dialog .modal-content .modal-body {height:calc(100% - 25px);} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap {margin:3vw 0;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .exam_x {width:40px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .exam_number {width:40px; font-size:30px; line-height:40px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap1 input {height:40px; padding:0 10px; font-size:12px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 input {height:40px; padding:0 10px 0 30px; font-size:12px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .right_result .form_wrap .input_wrap2 .number {width:18px; max-width:unset; height:18px; max-height:unset; line-height:18px; font-size:14px; margin-right:10px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap .commentary>img {width:20px;} .test_exam_math_result .modal-dialog .modal-content .modal-body .content_wrap .result_wrap .left_result .question_box .commentary_wrap .commentary p {font-size:16px; line-height:30px;} /* 영어 중간, 기말, 진단 결과 */ .exam_English_result .modal-dialog .modal-content .modal-header {padding:0.52vw; height:unset;} .exam_English_result .modal-dialog .modal-content .modal-header img {width:15px;} .exam_English_result .modal-dialog .modal-content .modal-body {height:calc(100% - 25px);} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap {margin:3vw 0;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result {height:300px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 img.exam_x {width:40px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .exam_number {width:40px; font-size:30px; line-height:40px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .question {font-size:14px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word1 {font-size:30px; line-height:unset;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type1 .word_txt {font-size:16px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 img.exam_x {width:40px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 .exam_number {width:40px; font-size:30px; line-height:40px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 .question {font-size:14px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type2 img.play {width:50px; max-width:unset; margin:10px auto 0;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 img.exam_x {width:40px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 .exam_number {width:40px; font-size:30px; line-height:40px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3.question {font-size:14px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 .word1 {font-size:30px; line-height:unset;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type3 img.play {width:40px; max-width:unset; margin-left:10px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 img.exam_x {width:40px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .exam_number {width:40px; font-size:30px; line-height:40px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .question {font-size:14px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .word1 {font-size:30px; line-height:unset;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .word1 img.play {width:40px; max-width:unset; margin-left:10px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .left_result .type4 .word2 {font-size:16px; line-height:unset;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li {height:34px;} .exam_English_result .modal-dialog .modal-content .content_wrap .result_wrap .right_result .english_list li p {line-height:20px; min-height:30px; padding:5px;} /* 국어_일일테스트_결과 */ .test_koreanResultDetail .modal-dialog .modal-content .modal-header {padding:0.52vw; height:unset;} .test_koreanResultDetail .modal-dialog .modal-content .modal-header img {width:15px;} .test_koreanResultDetail .modal-dialog .modal-content .modal-body {height:calc(100% - 25px);} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap {height:calc(100% - 54px);} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title.first {margin-bottom:10px; font-size:18px;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .korean_castor {width:140px; max-width:unset; height:unset; max-height:unset; margin-top:10px;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .score {font-size:18px;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table th {font-size:14px;} .test_koreanResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table td {font-size:14px;} /* 영어_일일테스트_결과 */ .test_englishResultDetail .modal-dialog .modal-content .modal-header {padding:0.52vw; height:unset;} .test_englishResultDetail .modal-dialog .modal-content .modal-header img {width:15px;} .test_englishResultDetail .modal-dialog .modal-content .modal-body {height:calc(100% - 25px);} .test_englishResultDetail .modal-dialog .modal-content .content_wrap {height:calc(100% - 54px);} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .title.first {margin-bottom:10px; font-size:18px;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .korean_castor {width:140px; max-width:unset; height:unset; max-height:unset; margin-top:10px;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list .score {font-size:18px;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table th {font-size:14px;} .test_englishResultDetail .modal-dialog .modal-content .content_wrap .right_note .result_list table td {font-size:14px;} /* 수학 대단원, 챕터 / 브릭맵 > ? icon */ .project_wrap .content_wrap .tab-content .map_brick_wrap .question_btn {width:40px; height:40px;} .titleChapter .modal-dialog .modal-content .modal-header {padding:0.52vw; height:unset;} .titleChapter .modal-dialog .modal-content .modal-header img {width:15px;} /*튜토리얼*/ .tutorial .modal-dialog .modal-content .modal-header {padding:0.52vw; height:unset;} .tutorial .modal-dialog .modal-content .modal-header img {width:15px;} .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:-10px;} .swiper-pagination-clickable .swiper-pagination-bullet {width:12px; height:12px; margin:0 5px !important;} } @media only screen and (max-height:414px) { /* success */ /* warning */ /* danger */ /* info */ /*--------------------------------------------------------------------------------------------------------------------*/ /* 레벨변경하기 */ /* 아이템샵 */ .apply_checkShow { left: 5px;} /* 아이템구매 */ /* 포인트부족 */ /* [주간테스트,중간/기말] 첫화면 시작 모달 */ /* 중간고사/기말고사 학습결과 */ /* 플래너 */ /* 국어 중간기말/진단테스트 결과 화면 */ /*수학 일일/주간, 중간기말, 진단테스트 결과 화면*/ /* 영어 중간, 기말, 진단 결과 */ /* 국어_일일테스트_결과 */ /* 영어_일일테스트_결과 */ /* 수학 대단원, 챕터 / 브릭맵 > ? icon */ /*튜토리얼*/ } @media only screen and (max-height:375px) { } @media only screen and (max-height:320px) { }