/* --------------------------------------- */ /* Lecture */ /* --------------------------------------- */ .pt0 {padding-top:0 !important;} .mt0 {margin-top:0 !important;} @media (min-width:1001px) { #lctmbBtn {display:none;} #lctMypg {display:none;} #lctmbClose {display:none;} #lctmMenu {display:block !important;} } #lecture {position:relative; padding-top:150px; padding-left:200px; -webkit-transition: padding-left 0.4s; transition: padding-left 0.4s;} #lecture.on {padding-left:50px;} #lctTop {position:fixed; top:0; left:0; right:0; height:70px; background:#fff; border-bottom:solid 1px #e6e6e6; z-index:10;} #lctTop:after {content:""; display:table; clear:both;} #lctTop h1 {width:200px; height:69px; float:left;} #lctTop h1 a {display:block; height:100%; text-indent:-9999px;} #lctTop h2 {float:left; height:69px; line-height:69px; margin-left:20px; font-size:16pt; font-weight:500; color:#000; white-space:nowrap;} .lcttMenu {float:right; padding:19px 30px;} .lcttMenu:after {content:""; display:table; clear:both;} .lcttMenu li {float:left; margin-right:20px; position:relative;} .lcttMenu li:last-child {margin-right:0;} .lcttMenu li.lcttmUser {height:30px; line-height:30px;} .lcttMenu li.lcttmUser div {display:inline-block; vertical-align:middle; margin-left:10px; height:30px; width:30px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;} .lcttMenu li.lcttm a {display:block; width:30px; height:30px;} .lcttMenu li.lcttm a div {display:inline-block; position:relative;} .lcttMenu li.lcttm a span {display:block; width:23px; margin:0 auto; text-indent:-9999px;} .lcttMenu li.lcttm em {font-style:normal; display:block; height:16px; line-height:16px; background:#ff0000; color:#fff; font-size:8pt; padding:0 5px; position:absolute; left:100%; margin-left:-10px; top:50%; margin-top:-15px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;} /*.lcttMenu li.lcttmHome a {background:url("/img/lecture/top_menu01.png")no-repeat center center;} .lcttMenu li.lcttmMsg a {background:url("/img/lecture/top_menu02.png")no-repeat center center;} .lcttMenu li.lcttmNoti a {background:url("/img/lecture/top_menu03.png")no-repeat center center;} .lcttMenu li.lcttmOut a {background:url("/img/lecture/top_menu04.png")no-repeat center center;}*/ #lctInfo {position:fixed; top:70px; left:0; right:0; height:80px; padding:20px 30px; background:#0040b7; z-index:10;} #lctInfo:after {content:""; display:table; clear:both;} #lctInfo h3 {height:40px; line-height:40px; color:#fff; font-size:15pt; font-weight:400; float:left; white-space:nowrap;} #lctInfo h3 a, #lctInfo h3 span {color:#fff; font-size:13pt; font-weight:400;} #lctInfo > a {display:block; float:right; width:90px; height:40px; line-height:40px; background:#fff; color:#333483; font-size:12pt; text-align:center;} #lctMenu {position:fixed; width:200px; top:150px; left:0; bottom:0; background:#fff; border-right:solid 1px #e6e6e6; z-index:10; transition: width 0.4s; overflow:hidden;} #lctMenu.on {width:50px;} .lctmList {} .lctmList li {position:relative;} .lctmList li.current {background:#f1f1f1;} .lctmList li a {display:block; padding-left:50px; white-space:nowrap;} .lctmList li a em {display:block; width:50px; height:50px; position:absolute; left:0; top:0;} .lctmList li a span {display:block; height:50px; line-height:50px; position:relative;} .lctmUdn {position:absolute; left:10px; bottom:6px; -webkit-transition: all 0.3s; transition: all 0.3s;} #lctMenu.on .lctmUdn {bottom:50px; left:5px;} .lctmUdn:after {content:""; display:table; clear:both;} .lctmUdn dd {float:left; -webkit-transition: all 0.3s; transition: all 0.3s;} .lctmUdn dd a {display:block; width:39px; height:30px; text-indent:-9999px; border:solid 1px #b6b6b6;} .lctmUdn dd:first-child {margin-right:6px;} #lctMenu.on .lctmUdn dd:first-child {margin-right:0; margin-bottom:5px;} .lctmUdn dd:first-child a {background:url("/img/lecture/left_udn_up.png")no-repeat center center;} .lctmUdn dd:last-child a {background:url("/img/lecture/left_udn_down.png")no-repeat center center;} #lctmBtn {display:block; text-indent:-9999px; width:40px; height:40px; position:absolute; right:0; bottom:0; margin-right:-1px; cursor:pointer; background:#000 url("/img/lecture/left_onof_off.png")no-repeat center center; -webkit-transition: all 0.3s; transition: all 0.3s;} #lctMenu.on #lctmBtn {right:5px; background:#000 url("/img/lecture/left_onof_on.png")no-repeat center center;} #lctWrap {height:100%; overflow-y:auto;} #lctWrap:after {content:""; display:table;} #lctFooter {height:80px; line-height:80px; text-align:center; color:#aaa; font-size:11pt; font-weight:300; background:#f7f7f7;} .lctCont {padding-left:30px; padding-right:30px; padding-bottom:60px;} .lctcScore {padding:30px 0; background:#f9f9f9;} .lctcScore h5 {font-size:15pt; padding-bottom:15px; line-height:1.0em;} .lctcScore table {border-left:solid 2px #f9f9f9; border-right:solid 2px #f9f9f9;} .lctcScore th, .lctcScore td {border:solid 1px #d6d6d6; text-align:center; font-size:12pt;} .lctcScore th {padding:13px 0; background:#f0f0f0; font-weight:300;} .lctcScore td {padding:16px 0; background:#fff;} .lctcHalf {margin:0 -10px; margin-top:50px;} .lctcHalf:after {content:""; display:table; clear:both;} .lctcHalf > div {float:left; width:50%; padding:0 10px;} .lctcList {border:solid 1px #d6d6d6; padding:20px;} .lctcList h5 {position:relative; line-height:1.0em; font-size:14pt;} .lctcList h5 > a {display:block; font-size:10pt; font-weight:300; padding-left:18px; position:absolute; right:0; top:0;} .lctcList h5 > a:before, .lctcList h5 > a:after {content:""; display:block; position:absolute; left:0; top:50%; background:#8b8b8b;} .lctcList h5 > a:before {width:12px; height:2px; margin-top:-1px;} .lctcList h5 > a:after {width:2px; height:12px; margin-left:5px; margin-top:-6px;} .lctcList ul {padding-top:35px;} .lctcList ul li {margin-bottom:20px; position:relative; padding-left:8px;} .lctcList ul li:before {content:""; display:block; width:2px; height:2px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;} .lctcList ul li:last-child {margin-bottom:0;} .lctcList ul li a {display:block; position:relative; padding-right:80px;} .lctcList ul li a p {font-size:12pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:20px; line-height:20px;} .lctcList ul li a em {font-style:normal; display:block; height:20px; line-height:20px; position:absolute; right:0; top:0;} .lctcList ul li a span {color:#ff0000;} .lctcWeek {padding:50px 0;} .lctcWeek h5 {position:relative; line-height:1.0em; font-size:14pt; padding-bottom:15px;} .lctcWeek h5 > a {display:block; font-size:14pt; font-weight:500; padding-left:18px; position:absolute; right:0; top:0; color:#238dfa;} .lctcWeek h5 > a:before, .lctcWeek h5 > a:after {content:""; display:block; position:absolute; left:0; top:50%; background:#238dfa;} .lctcWeek h5 > a:before {width:12px; height:2px; margin-top:-1px;} .lctcWeek h5 > a:after {width:2px; height:12px; margin-left:5px; margin-top:-6px;} .lctcWeek th, .lctcWeek td {vertical-align:middle; padding:20px 0; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;} .lctcWeek th {width:180px;} .lctcWeek th em {position:relative; display:block; border:solid 1px #e8e8e8; padding-bottom:66.6666%; background-size:cover !important;} .lctcWeek th em span {font-style:normal; display:block; width:70px; height:30px; line-height:30px; text-align:center; background:rgba(0,0,0,0.5); color:#fff; font-size:9pt; position:absolute; left:0; bottom:0; letter-spacing:0em;} .lctcWeek td {padding:20px;} .lctcWeek td:last-child {width:240px; padding:20px 0;} .lctcWeek td h5 {font-size:14pt;} .lctcWeek td dl {} .lctcWeek td dl:after {content:""; display:table; clear:both;} .lctcWeek td dl dt, .lctcWeek td dl dd {float:left; font-size:12pt;} .lctcWeek td dl dt {padding-right:25px; margin-right:25px; position:relative; color:#238dfa;} .lctcWeek td dl dt:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;} .lctcWeek.mot_tbl td dl dt{padding-right:0; margin-right:0;} .lctcWeek.mot_tbl td dl dt:after {display:none} .lctcWeek.mot_tbl td dl dt + dd{position:relative;padding-left:25px; margin-left:25px;} .lctcWeek.mot_tbl td dl dt + dd:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; left:0; top:50%; margin-top:-7px;} .lctcWeek td dl dd {color:#888;} .lctcWeek td dl dd span {color:#ff0000; font-size:12pt;} .lctcWeek td ul {text-align:right;} .lctcWeek td ul:after {content:""; display:table; clear:both;} .lctcWeek td ul li {text-align:center; display:inline-block; vertical-align:middle; width:49%;} .lctcWeek td ul li a {display:block; padding-top:40px; font-size:11pt;} .lctcWeek td ul li a.lctcStdy {background:url("/img/lecture/week_btn01.png")no-repeat center top;} .lctcWeek td ul li a.lctcBook {background:url("/img/lecture/week_btn02.png")no-repeat center top;} .lctcWeek td ul li a.book_line {background-image:url("/img/lecture/book_line.svg");background-repeat:no-repeat;background-size:40px;background-position: center top;} .lctcWeek td ul li a.play_fill {background-image:url("/img/lecture/play_fill.svg");background-repeat:no-repeat;background-size:40px;background-position: center top;} @media (max-width:1000px) { html.lecture, body.lecture, #lecture {height:auto !important;} #lecture {padding-top:55px; padding-left:0;} #lecture.on {padding-left:0 !important;} #lctTop {height:55px;} #lctTop h1 {height:54px; width:280px; margin:0 auto; background-size:auto 100% !important; float:none; display:none;} #lctTop h2 {display:none;} .lcttMenu {display:none;} #lctMypg { display:block; width:30px; height:30px; position:absolute; right:15px; top:50%; margin-top:-15px; text-indent:-9999px; background:#fff url("/img/common/gnb_lecture.png")no-repeat center center; background-size:14px auto; border:solid 2px #323381; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; } #lctmbBtn {display:block; position:absolute; top:0; left:0; height:100%; cursor:pointer; padding:17px 20px; margin:0; z-index:10;} #lctmbBtn span {display:block; width:28px; height:2px; margin-bottom:6px; background:#002c5d; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;} #lctmbBtn span.slice1 {} #lctmbBtn span.slice2 {} #lctmbBtn span.slice3 {margin-bottom:0;} #lctmbBtn.on {position:absolute; top:0;} #lctmbBtn.on span {width:28px;} #lctmbBtn.on span.slice1 {margin-top:10px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);} #lctmbBtn.on span.slice2 {opacity:0} #lctmbBtn.on span.slice3 {margin-top:-16px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);} #lctmMenu {position:fixed; top:55px; left:0; right:0; bottom:0; z-index:100; padding-top:0; background:#fff; display:none;} #lctInfo {position:absolute; top:0; left:60px; right:60px; height:54px; padding:0 15px; background:none;} #lctInfo h3 {height:auto; line-height:1.0em; float:none; text-align:center; } #lctInfo h3 span {font-size:11pt; color:#333; font-weight:400; line-height:54px;} #lctInfo h3 > a {display:block; font-size:11pt; color:#333; font-weight:400; line-height:54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #lctInfo > a {display:none;} #lctmbClose {display:block; height:54px; width:54px; position:absolute; right:0; top:50%; margin-top:-27px; text-indent:-9999px; z-index:1; cursor:pointer; background:url("/img/common/gnb_close.png")no-repeat center center; background-size:24px auto;} #lctMenu {position:static; width:100%; height:100%; border-right:none; overflow-y:auto; -webkit-overflow-scrolling: touch;} #lctMenu.on {width:50px;} .lctmList li {border-bottom:solid 1px #e5e5e5;} .lctmUdn {display:none;} #lctmBtn {display:none;} #lctWrap {height:auto !important; overflow:hidden;} #lctFooter {height:auto; line-height:1.5em; padding:20px 60px; font-size:9pt} .lctCont {padding-left:15px; padding-right:15px;} .lctcScore {padding:25px 0;} .lctcScore h5 {font-size:12pt; padding-bottom:10px;} .lctcScore th, .lctcScore td {font-size:10pt;} .lctcScore th {padding:10px 5px;} .lctcScore td {padding:10px 5px;} .lctcHalf {margin:0; margin-top:25px;} .lctcHalf > div {float:none; width:100%; padding:0;} .lctcHalf > div:first-child {margin-bottom:15px;} .lctcList {padding:20px 10px;} .lctcList h5 {font-size:12pt;} .lctcList h5 > a {margin-top:-5px;} .lctcList ul {padding-top:20px;} .lctcList ul li {margin-bottom:10px;} .lctcList ul li a {padding-right:80px;} .lctcList ul li a p {font-size:11pt;} .lctcList ul li a em {font-size:10pt;} .lctcList ul li a span {font-size:10pt; margin-left:5px;} .lctcWeek {padding:25px 0;} .lctcWeek h5 {font-size:12pt; padding-bottom:10px;} .lctcWeek h5 > a {margin-top:-2px;font-size: 12pt;} .lctcWeek table, .lctcWeek tbody, .lctcWeek tr, .lctcWeek th, .lctcWeek td {display:block; width:100%;} .lctcWeek table {border-top:solid 1px #d6d6d6;} .lctcWeek tr {position:relative;padding:15px 0; padding-right:70px;border-bottom:solid 1px #d6d6d6;} .lctcWeek th, .lctcWeek td {padding:0; border-top:none; border-bottom:none;} .lctcWeek th {width:80px; position:absolute; left:0; top:15px;} .lctcWeek th em span {width:60px; height:20px; line-height:20px; font-size:8pt;} .lctcWeek td {padding:0;} .lctcWeek td:last-child {position:absolute; right:10px; top:0; padding:0; width:auto;} .lctcWeek td h5 {font-size:11pt; padding-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .lctcWeek td dl dt, .lctcWeek td dl dd {font-size:9pt; float:none;} .lctcWeek td dl dt {padding-right:0; margin-right:0;} .lctcWeek td dl dt:after {display:none;} .lctcWeek td dl dd span {font-size:9pt;} .lctcWeek td ul {margin-top:20px;} .lctcWeek td ul li {float:left; width:auto; margin-right:0;} .lctcWeek td ul li.lctc2 {/*display:none;*/} .lctcWeek td ul li a {padding-top:25px; font-size:9pt; background-size:20px auto !important;} } @media (max-width:320px) { #lctInfo h3 {max-width:80%;} } /* �ơ�AC��eE�� */ .lctTitle {height:60px; line-height:60px; margin-bottom:10px; font-size:15pt;} .lctSecTitle {position:relative; padding-left:25px; color:#000000; font-size:14pt; height:15px; line-height:15px; margin-bottom:15px; margin-top:50px;} .lctSecTitle:before {content:""; display:block; width:15px; height:15px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-7px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;} .lctSecCont {padding:30px 0;} .lctSecCont dt {position:relative; padding-left:22px; font-size:13pt;} .lctSecCont dt:before {content:""; display:block; width:16px; height:16px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-8px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;} .lctSecCont dd {padding:0 20px; margin-top:15px;line-height: 1.3em;} .lctSecCont dd ul {} .lctSecCont dd ul li {margin-bottom:10px; font-size:12pt;} .lctSecCont dd ul li:last-child {margin-bottom:0;} .lctTch th {width:120px; vertical-align:middle;} .lctTch th em {display:block; padding-bottom:116%; border:solid 1px #e8e8e8; background-size:cover !important;} .lctTch td {padding-left:20px; vertical-align:middle;} .lctTch td h5 {font-size:13pt;} .lctTch td p {font-size:11pt; color:#888; margin-top:15px;} .lctStand {border-left:solid 2px #fff; border-right:solid 2px #fff;} .lctStand th, .lctStand td {text-align:center; border:solid 1px #d6d6d6;} .lctStand th {background:#f9f9f9; font-size:11pt; padding:10px; font-weight:300;} .lctStand td {font-size:12pt; padding:15px 10px;} .lrnSch {margin-bottom:10px; text-align:right;} .lrnSch a {display:inline-block; width:150px; height:50px; line-height:48px; text-align:center; font-size:12pt; border:solid 1px #000; font-weight:300;} .lctcWeek.lrnList {padding-top:0;} @media (max-width:1000px) { .lctTitle {height:auto; line-height:1.4em; margin-bottom:8px; margin-top:25px; font-size:14pt; text-align:center;} .lctSecCont {padding:20px 0;} .lctSecCont dt {padding-left:16px; font-size:12pt;} .lctSecCont dt:before {width:10px; height:10px; border:solid 3px #000; margin-top:-5px;} .lctSecCont dd {padding:0; margin-top:10px;} .lctSecCont dd ul li {margin-bottom:5px; font-size:11pt;} .lctTch th {width:80px; } .lctTch td {padding-left:10px; vertical-align:middle;} .lctTch td h5 {font-size:12pt;} .lctTch td p {font-size:10pt; margin-top:5px;} .lctStand th {font-size:10pt; padding:5px;} .lctStand td {font-size:10pt; padding:5px;} .lrnSch {margin-top:30px; margin-bottom:30px; text-align:center;} .lrnSch a {height:40px; line-height:38px; width:120px; font-size:11pt;} } /* ��E���� */ .lctPop {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:100;} .lctPop > div {display:table; width:100%; height:100%;} .lctPop > div > div {display:table-cell; width:100%; vertical-align:middle;} .lctPopWrap {width:100%; max-width:440px; max-height:100%; margin:0 auto; background:#fff; position:relative;} .lctPopWrap.wdth430 {max-width:430px;} .lctPopWrap.wdth580 {max-width:580px;} .lctPopWrap.wdth650 {max-width:650px;} .lctPopWrap.wdth660 {max-width:660px;} .lctPopWrap.wdth1140 {max-width:1140px;} .lctPopTitle {background:#0068b7; position:relative; padding:0 20px;} .lctPopTitle h5 {height:60px; line-height:60px; color:#fff; font-size:16pt;} .lctPopTitle a {display:block; height:60px; width:60px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("/img/common/gnb_close.png")no-repeat center center; background-size:24px auto;} .lctPopCont {padding:30px 30px 50px; overflow-y:auto;} .lctPop.lctPopFull > div {display:block; width:100%;} .lctPop.lctPopFull > div > div {display:block; height:100%; vertical-align:middle; overflow:hidden;} .lctPop.lctPopFull > div {display:block; height:100%; padding-top:30px; padding-bottom:30px;} .lctPop.lctPopFull .lctPopWrap {position:relative; padding-top:50px; height:100%; -webkit-overflow-scrolling: touch;} .lctPop.lctPopFull .lctPopTitle {position:absolute; left:0; right:0; top:0;} .lctPopScroll {position:absolute; left:0; right:0; top:60px; bottom:0;} .lctPopScroll > div {height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;} .lctpTab {margin-bottom:30px;} .lctpTab:after {content:""; display:table; clear:both;} .lctpTab li {float:left; background:#f5f5f5; border:solid 1px #d2d2d2; border-right:none;} .lctpTab.col2 li {width:50%;} .lctpTab.col3 li {width:33.3333%;} .lctpTab.col4 li {width:25%;} .lctpTab li:last-child {border-right:solid 1px #d2d2d2;} .lctpTab li a {display:block; height:48px; line-height:48px; text-align:center; font-size:12pt; color:#6b6b6b;} .lctpTab li.current {background:#fff; border-top-color:#000 !important;} .lctpTab li.current a {color:#000;} .lctpCont {width:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;} .atdTable {border-left:solid 2px #fff; border-right:solid 2px #fff; width:1080px;} .atdTable th, .atdTable td {padding:15px; border:solid 1px #d6d6d6; text-align:center;} .atdTable td.left {text-align:left;} .atdDown td {border:none; background:#f9f9f9; padding:5px 0;} .atdDown {display:none;} .atdIp {display:block; color:#888;} .atdOpen {display:inline-block; padding-right:17px; color:#238dfa; cursor:pointer; background:url("/img/lecture/attend_arrow.png")no-repeat right center;} .atdOpen.on {background:url("/img/lecture/attend_arrow_on.png")no-repeat right center;} .atdDate {padding:10px 20px; background:#f9f9f9;} .atdDate:after {content:""; display:table; clear:both;} .atdDate input[type="text"] {float:left; width:110px; border:solid 1px #000; text-align:center; padding-left:0;} .atdDate span {display:block; padding:0 5px; float:left; line-height:40px;} .atdDate a {display:block; width:90px; height:40px; line-height:40px; float:right; color:#fff; background:#383838; font-size:11pt; text-align:center;} @media (max-width:1000px) { .lctPop > div > div {padding-left:15px; padding-right:15px;} .lctPopTitle {padding:0 15px;} .lctPopTitle h5 {height:50px; line-height:50px; font-size:14pt;} .lctPopTitle a {height:50px; width:50px; background-size:20px auto;} .lctPopCont {padding:20px;} .msgTab li a {height:38px; line-height:38px; font-size:11pt;} .atdTable th, .atdTable td {padding:10px; font-size:11pt;} .atdDate {padding:10px;} .atdDate input[type="text"] {width:80px; height:30px;} .atdDate span {line-height:30px;} .atdDate a {width:70px; height:30px; line-height:30px; font-size:10pt;} } @media (max-width:320px) { .atdDate input[type="text"] {width:70px;} .atdDate a {width:60px;} } /* ��o�Ƣ� */ .evaList {} .evaList th, .evaList td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; padding:20px; text-align:left;} .evaList th h5 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .evaList th h5 b {display:inline-block; vertical-align:middle; font-size:13pt; color:#238dfa; padding-right:14px; margin-right:12px; position:relative; font-weight:400;} .evaList th h5 b:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;} .evaList th h5 span {display:inline-block; vertical-align:middle; font-size:13pt; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .evaList th p {font-size:12pt; color:#888; font-weight:300;} .evaList td {width:120px; text-align:center;} .evaList td a {display:inline-block; padding-top:34px; font-size:12pt; background-size:auto 30px !important;} .evaList td a.evaType01 {background:url("/img/lecture/evalution_type01.png")no-repeat center top;} .evaList td a.evaType02 {background:url("/img/lecture/evalution_type02.png")no-repeat center top; color:#238dfa;} .evaList td a.evaType03 {background:url("/img/lecture/evalution_type03.png")no-repeat center top;} .evaList td a.evaType04 {background:url("/img/lecture/evalution_type04.png")no-repeat center top;} .evaInfo {background:#ecf4fb; padding:20px; font-size:12pt; margin-bottom:30px;} .evaTable {border-left:solid 2px #fff; border-right:solid 2px #fff; margin-bottom:30px;} .evaTable th, .evaTable td {border:solid 1px #d6d6d6; padding:15px; text-align:center; font-size:12pt;} .evaTable td.red {color:#ff0000;} .evaTable th {background:#f9f9f9; font-weight:400;} .evaDetail {margin-top:20px; border-left:solid 2px #fff; border-right:solid 2px #fff;} .evaDetail th, .evaDetail td {border:solid 1px #d6d6d6; padding:15px 20px; font-size:12pt;} .evaDetail th {width:160px; background:#f9f9f9; font-weight:400;} .evaDetail td em {vertical-align:middle; font-style:normal; font-size:12pt;} .evaDetail td span {vertical-align:middle; font-size:12pt; color:#0068b7;} .evaDetail td img {vertical-align:middle; margin-left:5px;} .evaDetail td.evadGray {background:#ebebeb;} .teskCont .evaDetail th, .teskCont .evaDetail td {font-size:15pt;line-height: 1.6em;} @media (max-width:1000px) { .evaList th, .evaList td {padding:15px 0;} .evaList th h5 b {padding-right:10px; margin-right:8px;} .evaList th h5 b:after {height:10px; margin-top:-5px;} .evaList th p {font-size:11pt;} .evaList td {width:80px;} .evaList td a {font-size:11pt;} .evaInfo {padding:15px; font-size:11pt; margin-bottom:20px; margin-top:30px;} .evaTable th, .evaTable td {padding:10px; font-size:11pt;} .evaDetail th, .evaDetail td {padding:10px; font-size:11pt;} .evaDetail th {width:90px;} .evaDetail td em {font-size:11pt;} .evaDetail td span {font-size:11pt;} } /* ��ACe��E���� */ .lctTitle3 {font-size:20pt; color:#0040b7;} .tstInfo {padding:30px; background:#ecf4fb; margin-top:30px;} .tstInfo th {padding:5px 0; width:100px;} .tstInfo th span {display:block; height:40px; line-height:38px; border:solid 1px #d6d6d6; background:#fff; font-size:12pt;} .tstInfo td {padding:5px 20px; font-size:12pt; font-weight:300;} .lctBtn {text-align:center; padding:30px 0;} .lctBtn li {display:inline-block; padding:0 5px;} .lctBtn li a {display:block; width:100px; height:50px; line-height:48px; font-size:12pt; border:solid 1px #383838;} .lctBtn.col1 li a {width:180px;} .lctBtn li a.bk {background:#383838; color:#fff;} .lctBtn li a.sm {width:90px;} .lctBtn li a.lg {width:160px;} @media (max-width:1000px) { .lctTitle3 {font-size:16pt;} .tstInfo {padding:20px; margin-top:20px;} .tstInfo th {padding:3px 0; width:80px; vertical-align:top;} .tstInfo th span {height:30px; line-height:28px; font-size:11pt;} .tstInfo td {padding:5px 15px; font-size:11pt; vertical-align:top;} .lctBtn {margin:0 -3px;} .lctBtn:after {content:""; display:table; clear:both;} .lctBtn li {padding:0 3px;} .lctBtn li a {font-size:11pt; height:40px; line-height:38px;} .lctBtn.col1 li a {width:120px;} .lctBtn.col2 li {float:left; width:50%;} .lctBtn.col3 li {float:left; width:33.3333%;} .lctBtn.col4 li {float:left; width:25%;} .lctBtn.col2 li a, .lctBtn.col3 li a, .lctBtn.col4 li a {width:100%;} } /* ��uA|��E���� */ .teskCont {padding:30px 0;} .teskCont > dt {position:relative; padding-left:22px; font-size:15pt;} .teskCont > dt span {color:#ff0000; font-size:13pt;} .teskCont > dt a {display:block; position:absolute; right:0; bottom:0; width:110px; height:50px; line-height:50px; text-align:center; color:#fff; background:#383838;} .teskCont > dt:before {content:""; display:block; width:16px; height:16px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-8px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;} .teskCont > dd {margin-top:15px;} .teskCont > dd .evaDetail {margin-top:15px;} .teskTxt {padding:15px 0 !important;} .teskTxt textarea {display:block; width:100%; height:200px; resize:none; padding:15px !important;} .teskFile {} .teskFile a {display:inline-block; vertical-align:middle; height:30px; line-height:30px;} .teskFile a.tskfBtn {padding-left:40px; font-size:12pt; font-weight:300; background:url("/img/mypage/msg_file.png")no-repeat left center; background-size:30px auto !important;} .teskFile a.tskfDel {width:30px; height:30px; margin-left:10px; background:#f9f9f9 url("/img/lecture/file_del.png")no-repeat center center; background-size:14px auto; text-indent:-9999px;} .teskFile a.tskfSel {width:40px; height:40px; line-height:40px; margin-left:10px; width:100px; background:#878787; color:#fff; font-size:11pt; text-align:center;} @media (max-width:1000px) { .teskCont {padding:20px 0;} .teskCont > dt {padding-left:16px; font-size:12pt;} .teskCont > dt span {font-size:12pt;} .teskCont > dt a {width:80px; height:40px; line-height:40px; font-size:10pt; bottom:-5px;} .teskCont > dt:before {width:10px; height:10px; border:solid 3px #000; margin-top:-5px;} .teskCont > dd {padding:0; margin-top:10px;} .teskTxt {padding:10px 0 !important;} .teskTxt textarea {height:120px; padding:5px !important;} .teskFile {position:relative; margin:0 -10px; padding-right:110px;} .teskFile a {display:block; height:30px; line-height:30px;} .teskFile a.tskfBtn {padding-left:30px; font-size:11pt; background-size:22px auto !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .teskFile a.tskfDel {margin-left:0; position:absolute; right:75px; top:0;} .teskFile a.tskfSel {width:70px; height:30px; line-height:30px; margin-left:0; font-size:10pt;; position:absolute; right:0; top:0;} } /* Aa������E���� */ .dbtList {} .dbtList th, .dbtList td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; padding:20px;} .dbtList th {text-align:left;} .dbtList th h5 {font-size:14pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .dbtList th dl dd {display:inline-block; vertical-align:middle; font-size:12pt; padding-right:12px; margin-right:9px; color:#888; font-weight:300;position:relative;} .dbtList th dl dd:last-child {margin-right:0; padding-right:0;} .dbtList th dl dd:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;} .dbtList td {text-align:center; width:80px; font-size:15pt; font-weight:500;} @media (max-width:1000px) { .dbtList th, .dbtList td {padding:10px;} .dbtList th h5 {font-size:12pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .dbtList dl dd {font-size:10pt; margin-right:10px; padding-right:9px; margin-right:6px;} .dbtList dl dd:after {height:10px; margin-top:-5px;} .dbtList td {width:60px; font-size:12pt;} } /* ����Au */ .grdTitle {font-size:14pt; margin-bottom:10px;} .grdTitle span {font-size:14pt; color:#238dfa;} .lctNoti {margin-top:30px;} .svyPop {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:100;} .svyPop > div {display:table; width:100%; height:100%;} .svyPop > div > div {display:table-cell; width:100%; vertical-align:middle;} .svyPopWrap {width:100%; max-width:510px; max-height:100%; margin:0 auto; background:#fff; position:relative;} .svyPopTitle {background:#0068b7; position:relative; padding:0 20px;} .svyPopTitle h5 {height:60px; line-height:60px; color:#fff; font-size:16pt;} .svyPopTitle a {display:block; height:60px; width:60px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("/img/common/gnb_close.png")no-repeat center center; background-size:24px auto;} .svyPopCont {padding:30px 30px 50px; overflow-y:auto;} .svyPopCont img {display:block; margin:0 auto; max-width:100%;} .svyPopBtn {text-align:center; margin-top:30px;} .svyPopBtn li {display:inline-block; margin:0 3px;} .svyPopBtn li a {display:block; width:180px; height:50px; line-height:48px; border:solid 1px #383838; color:#383838;} .svyPopBtn li a.bk {background:#383838; color:#fff;} .svyPopCont .svyTest:first-child {margin-top:0;} .svyTest {margin-top:30px; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;} .svyTest dt {background:#f9f9f9; border-bottom:solid 1px #d6d6d6; padding:10px 20px; font-size:12pt;} .svyTest dd {padding:15px 20px;} .svyTest dd ul li {margin-bottom:10px;} .svyTest dd ul li:last-child {margin-bottom:0;} .svyTest dd ul li input[type="radio"] {display:inline-block; vertical-align:middle;} .svyTest dd ul li label {display:inline-block; vertical-align:middle; font-size:12pt;} .svyTest dd input[type="text"] {display:block; width:100%;} @media (max-width:1000px) { .svyPop > div > div {padding-left:15px; padding-right:15px;} .svyPopTitle {padding:0 15px;} .svyPopTitle h5 {height:50px; line-height:50px; font-size:14pt;} .svyPopTitle a {height:50px; width:50px; background-size:20px auto;} .svyPopCont {padding:20px;} .svyTest {margin-top:20px;} .svyTest dt {padding:10px; font-size:11pt;} .svyTest dd {padding:10px;} .svyTest dd ul li {margin-bottom:5px;} .svyTest dd ul li label {font-size:11pt;} } #player {width:100%; height:100%; padding-top:120px; position:relative;} .plyTop {position:fixed; top:0; left:0; right:0; height:60px; background:#0068b7; padding-right:70px; z-index:10;} .plyTop h1 {height:60px; line-height:60px; padding-left:30px; color:#fff; font-size:16pt; font-weight:400;} .plyTop a {display:block; width:30px; height:30px; text-indent:-9999px; position:absolute; right:30px; top:50%; margin-top:-15px; background:url("/img/player/player_close.png")no-repeat center center; background-size:30px auto;} .plyTitle {position:fixed; top:60px; left:0; right:0; height:60px; background:#0040b7; padding-left:90px; z-index:10;} .plyTitle h3 {color:#fff; font-size:16pt; font-weight:400; height:60px; line-height:60px;} .plyTitle a {display:block; width:110px; height:40px; line-height:40px; background:#fff; color:#333483; font-size:13pt; position:absolute; right:30px; top:50%; margin-top:-20px; text-align:center;} #plyHbg {width:30px; height:20px; position:absolute; left:30px; top:50%; margin-top:-8px; cursor:pointer;} #plyHbg span, #plyHbg:before, #plyHbg:after {display:block; height:3px; background:#fff; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} #plyHbg span {text-indent:-9999px; margin-bottom:5px;} #plyHbg:before {content:""; margin-bottom:5px;} #plyHbg:after {content:"";} .plyCont {/* height:100%; */position:relative;} .plyMenu {position:fixed; left:-200px; top:120px; bottom:0; width:200px; border-right:solid 1px #e6e6e6; z-index:10; background:#fff;} .plyMenu h5 {height:50px; background:#f1f1f1; padding-left:30px; line-height:50px;} .plyMenu span {display:block; width:20px; height:20px; position:absolute; right:10px; top:15px; cursor:pointer; background:url("/img/player/player_menu_close.png")no-repeat center center; background-size:20px auto; text-indent:-9999px;} .plyMenu ul {padding:0 30px;} .plyMenu ul li {padding:10px 0;} .plyMenu ul li a {display:block;} .plyMenu ul li a.current {color:#0068b7;} .plyWrap {padding:30px;} .plyFrame {} .plyNav {text-align:right; margin:0 -5px; padding:0 30px; padding-bottom:30px;} .plyNav li {display:inline-block; padding:0 5px;} .plyNav li a {display:block; width:90px; height:50px; border:solid 1px #000; text-align:center;} .plyNav li a span {display:inline-block; height:48px; line-height:48px; background-size:7px auto !important;} .plyNav li a.prev span {padding-left:15px; background:url("/img/player/player_nav_prev.png")no-repeat left center;} .plyNav li a.next span {padding-right:15px; background:url("/img/player/player_nav_next.png")no-repeat right center;} .plyFooter {background:#f7f7f7; position:relative; z-index:11;} .plyFooter p {color:#aaa; font-size:11pt; height:80px; line-height:80px; text-align:center;} html.player, body.player {display:block; height:100%;} @media (max-width:800px) { #player {height:auto; overflow:visible; padding-top:100px; position:relative;} .plyTop {height:50px; padding-right:44px; z-index:10;} .plyTop h1 {height:50px; line-height:50px; padding-left:10px; font-size:14pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .plyTop a {width:24px; height:24px; right:10px; margin-top:-12px; background-size:24px auto;} .plyTitle {top:50px; height:50px; padding-left:44px; z-index:10; padding-right:90px;} .plyTitle h3 {font-size:12pt; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .plyTitle a {width:70px; height:30px; line-height:30px; font-size:10pt; right:10px; margin-top:-15px;} #plyHbg {width:24px; height:20px; left:10px; margin-top:-7px;} #plyHbg span, #plyHbg:before, #plyHbg:after {height:2px;} #plyHbg span {margin-bottom:4px;} #plyHbg:before {margin-bottom:4px;} .plyCont {padding-left:0;} .plyMenu {left:-160px; top:50px; width:160px; padding-top:40px;} .plyMenu h5 {height:40px; padding-left:10px; line-height:40px; position:absolute; left:0; right:0; top:0;} .plyMenu span {width:20px; height:20px; right:10px; top:10px; background-size:15px auto;} .plyMenu ul {padding:0 10px; height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;} .plyMenu ul li {padding:5px 0;} .plyMenu ul li a {font-size:11pt;} .plyWrap {padding:10px;} .plyFrame {} .plyNav {text-align:center; margin:0; padding:20px 0; padding-bottom:20px;} .plyNav li {display:inline-block; padding:0 3px;} .plyNav li a {width:70px; height:40px;} .plyNav li a span {font-size:11pt; height:38px; line-height:38px; background-size:6px auto !important;} .plyNav li a.prev span {padding-left:15px;} .plyNav li a.next span {padding-right:15px;} .plyFooter {display:none;} html.player, body.player {height:auto;} } #moBotBtn {display:none;} #moBotBtn a, #moBotBtn span {display:block; position:fixed; bottom:10px; width:40px; height:40px; border:solid 1px #aaa; text-indent:-9999px; background-size:cover !important; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} #mbbBack {left:10px; background:rgba(255,255,255,0.7) url("/img/common/mobile_back.png")no-repeat center center;} #mbbTop {right:10px; background:rgba(255,255,255,0.7) url("/img/common/mobile_top.png")no-repeat center center; display:none; cursor:pointer;} @media (max-width:800px) { #moBotBtn {display:block;} } /* 240816 motivro s */ /* 240816 motivro png - > svg */ .lcttMenu li.lcttmHome a {background:url("/img/lecture/top_menu01.svg")no-repeat center center;} .lcttMenu li.lcttmMsg a {background:url("/img/lecture/top_menu02.svg")no-repeat center center;} .lcttMenu li.lcttmNoti a {background:url("/img/lecture/top_menu03.svg")no-repeat center center;} .lcttMenu li.lcttmOut a {background:url("/img/lecture/top_menu04.svg")no-repeat center center;} .teskFile a.tskfBtn {padding-left:40px; font-size:12pt; font-weight:300; background:url("/img/mypage/msg_file.svg")no-repeat left center; background-size:30px auto !important;} .teskFile a.tskfDel {width:30px; height:30px; margin-left:10px; background:#f9f9f9 url("/img/lecture/file_del.png")no-repeat center center; background-size:14px auto; text-indent:-9999px;} .teskFile a.tskfSel {width:40px; height:40px; line-height:40px; margin-left:10px; width:100px; background:#878787; color:#fff; font-size:11pt; text-align:center;} #lcTopInfo {position:fixed; top:70px; left:0; right:0; height:80px; padding:0 30px;background:#0040b7; color:#fff;z-index:10;display: flex;align-items: center;justify-content: space-between;} #lcTopInfo h4 {color:#fff; font-size:15pt; font-weight:400; float:left; white-space:nowrap;} #lcTopInfo h4 p{font-size: 13pt;} #lcTopInfo h4 a, #lcTopInfo h4 span {color:#fff; font-size:13pt; font-weight:400;} #lcTopInfo > a {display:block; float:right; width:90px; height:40px; line-height:40px; background:#fff; color:#333483; font-size:12pt; text-align:center;} .tg_text{} .tg_text + .a_btn{margin-top:6px;} .a_btn{display:inline-block;vertical-align:middle;line-height:27px;font-size:11pt;color:#383838;border:solid 1px #383838;background-color:#fff;border-radius:4px;padding:4px 10px;text-align:center;font-weight:400} .a_btn:hover{background-color:#0040b7;color:#fff;border:solid 1px #0040b7} .lctcWeek.mot_tbl td .a_btn{float:right;margin-right:10px;} .lctcWeek td h5.not_mb{margin-bottom:0;padding-bottom:0;} .progress-container{width:100%;height:60px;background-color:#ccc;position:relative;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:0 10px} .progress-container .progress-bar{width:0;height:100%;background-color:#0040b7;transition:width 1s ease-in-out;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;border-radius:4px 0 0 4px} .progress-container .progress-bar:hover .tooltip{display:block} .progress-container .tooltip{display:none;position:absolute;bottom:100%;right:0;transform:translateX(50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:3px;font-size:14px;white-space:nowrap;margin-bottom:5px} .progress-container .end-date, .progress-container .start-date{font-size:16px;font-weight:700;position:relative;z-index:1} .progress-container .start-date{margin-left:10px;color: #fff;} .progress-container .end-date{margin-right:10px} .attn_std_box{background-color:#fff} .attn_std_box .attn_std_list.row4{gap:60px} .attn_std_box .attn_std_list{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;padding:0 20px} .attn_std_box .attn_std_item{flex:1;position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center} .attn_std_box .attn_std_item .item_hd{padding:10px 20px}.attn_std_box .attn_std_item .item_bd{padding:10px 0} .attn_std_box .attn_std_item .item_hd .item_img{width:100px;} .attn_std_box .attn_std_item .item_hd .item_img img{width:100%} .attn_std_box .attn_std_item .item_tit{font-size:20px;font-weight:700;line-height:30px;color:#403d3f} .attn_std_box .attn_std_list.row4 .attn_std_item+.attn_std_item::before{left:-50px} .attn_std_box .attn_std_item+.attn_std_item::before{content:'';display:block;width:40px;height:40px;background-image:url(/img/icon/icon_standard_plus.svg);background-repeat:no-repeat;background-size:cover;background-position:center center;position:absolute;top:calc(50% - 10px);transform:translateY(-50%);z-index:1} .attn_std_box .attn_std_item + .attn_std_item:last-child::before {background-image: url(/img/icon/icon_standard_equal.svg);} .attn_std_box .attn_std_item .item_desc{font-size:16px;font-weight:500;line-height:30px;color:#403d3f;text-align:center;line-height: 1.4;} .bo_bg_box{padding: 20px;background-color: #f0f0f0;border-radius: 4px;} .bo_btn_box{display:flex;padding:10px;} .bo_btn_box.flex_end{justify-content: flex-end;} /* 집체교육일변경 섹션 */ .intro_goal_box .intro_goal_list{display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;gap: 20px;margin-bottom: 40px;} .intro_goal_box .intro_goal_item{width: calc(33.3334% - (40px/3));background-color: var(--color-white);border-radius: 8px;border:solidd 1px;border:solid 1px #ccc;box-sizing: border-box;overflow: hidden;position: relative;} .intro_goal_box .intro_goal_item .item_inner{height: 100%;padding: 30px;box-sizing: border-box;} .intro_goal_box .intro_goal_item .item_numb_box{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;position: absolute;left: 0;top: 0;z-index: 5;background-color: var(--color-mois-primary2);border-top-left-radius: 8px;border-bottom-right-radius: 8px;box-sizing: border-box;} .intro_goal_box .intro_goal_item .item_numb{display: inline-block;font-size: var(--fs-24);font-weight: 500;line-height: 1;color: var(--color-white);} .intro_goal_box .intro_goal_item .item_desc_box{height: 100%;min-height: 52px;display: flex;align-items: center;justify-content: center;flex-direction: column;} .intro_goal_box .intro_goal_item .item_tit{font-size: var(--fs-18);font-weight: 700;line-height: var(--lh-26);color: var(--color-base);text-align: center;} .intro_goal_box .intro_goal_item .item_desc{font-size: var(--fs-16);font-weight: 400;line-height: var(--lh-26);color: var(--color-base);text-align: center;} .svyPop .teskCont{padding:0} .svyPop .teskCont + .teskCont{padding:30px 0 20px 0} .svyPop .evaDetail th, .svyPop .evaDetail td{padding: 10px 15px;} .svyMiPopWrap {width:100%; max-width:80%; max-height:100%; margin:0 auto; background:#fff; position:relative;} .teskCont > dt span.svy_sblt {color:#0268b8; font-size:13pt;font-weight:700} @media (max-width: 1000px){ #lcTopInfo {position:absolute; top:0; left:60px; right:60px; height:54px; padding:0 15px; background:none;justify-content: center;} #lcTopInfo h4 {font-size:11pt;color: #333;line-height: 54px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} #lcTopInfo h4 a{display: inline;} #lcTopInfo h4 p{font-size: 11pt;color: #333;display: inline;} #lcTopInfo h4 a, #lcTopInfo h4 span {font-size:11pt;color: #333;} #lcTopInfo > a {display: none;} } @media (max-width: 767px){ .attn_std_box .attn_std_list.row4{flex-direction: column;} .attn_std_box .attn_std_item{flex-direction: row;} .attn_std_box .attn_std_item .item_hd{padding: 0;} .attn_std_box .attn_std_item .item_hd .item_img{width:60px;} .attn_std_box .attn_std_item .item_bd{padding: 0;} .attn_std_box .attn_std_list.row4 .attn_std_item{flex-direction: column;} .attn_std_box .attn_std_item + .attn_std_item::before{width: 30px;height: 30px;} .attn_std_box .attn_std_list.row4 .attn_std_item + .attn_std_item::before{left: 50%;top: -45px;transform: translateX(-50%);} } @media (max-width: 599px){} @media (max-width: 374px){} .svySmPopWrap .svyPopCont{width:100%;height:100%;aspect-ratio:210/297;background:#fff;position:relative;box-sizing:border-box;overflow:hidden;overflow-y: auto;padding:10mm;border:solid 1px #999} @media print { .svyPopBtnWrap, .svyPopTitle, .print-button { display: none; } body, .certificate-wrapper, .svyPopCont { margin: 0; box-shadow: none; page-break-inside: avoid; } body.certificate .header .h_top{font-size:2rem} .svySmPopWrap{display:flex;width:100vw;height:100vh;display: flex;align-items: center;} .svySmPopWrap .svyPopCont{display: flex;flex-direction: column;width: 100%;height: auto;border: solid 1px #999;margin: 0 auto;box-sizing: border-box;} .certificate-wrapper, .svyPopCont {width: 200mm;height: 287mm;} @page { size: A4; margin: 0; } .radius_full, .radius_co { border-color: #333 !important; } } /* 240816 motivro e */