.digiWarp { width:100%; min-height:100px; margin:0 auto; text-align:center; padding:80px 0 0 0; background-color:#fff; }
.digiWarp:after { content:''; display:block; clear:both; }
.digiWarp.blue {background-color:#4d96fa; }
.digiWarp.gray {background-color:#f3f5fa; }
.digiTab { width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:0 20px; }

.visualWarp { width:100%; margin:0 auto; text-align:center; padding:50px 20px 90px; background-color:#fff; }
.visualWarp:after { content:''; display:block; clear:both; }
.introVisual {width:50%; }
.introVisual img {width:100%; }

.introContents { width:50%; padding:30px 0 0 20px; }
.introContents h3 {width:100%; text-align:left !important; }
.introContents p {float:left; width:100%; text-align:left; }
.introContents p.visLogo {text-align:left; }
.introContents p.visLogo img {height:60px; }
.introContents p.visDisc {font-size:22px; line-height:30px; font-family:engReg, korReg; padding:20px 0 0 55px; letter-spacing:-.5px; }
.introContents p.visDisc span {font-family:engSemi, korBold;}
.introContents p.visDisc2 {font-size:18px; line-height:26px; font-family:engReg, korReg; padding:10px 0 0 55px; }
.introContents p.visBtn {padding-left:50px; font-size:20px; font-family:engSemi, korBold; margin-top:30px; }
.introContents p.visBtn a {display:inline-block; border:3px solid #3d7dff; color:#3d7dff; line-height:51px; height:56px; border-radius:28px; padding:0 70px 0 20px; background:url(../images/common/arrow_blue01.svg) no-repeat right 18px top 15px; background-size:12px; }
.introContents .digiDisc {font-size:20px; line-height:26px; margin-bottom:20px; color:#333; text-align:left; font-family:engReg, korReg; }

.subContents { width:50%; padding:0 0 0 50px; }
.subContents .check {font-size:18px; line-height:36px; color:#4d96fa; font-family:engSemi, korBold; margin-bottom:20px; }
.subContents .check:after { content:''; display:block; clear:both; }
.subContents .check li {float:left; width:100%; text-align:left; line-height:18px; margin-bottom:10px; }
.subContents .check li img {height:18px; margin-right:5px; }
.subContents .qrImg { padding: 10px; border: 1px solid #111; width: 100px; background-color: #fff; margin-left:24px; margin-bottom:50px; }
.subContents .qrBtn {display:none; }
.floatLeft {float:left; }
.floatRight {float:right; }

.tecVisual {float:left; width:50%; margin-top:50px; padding-bottom:80px; }
.tecVisual img {width:100%; }
.tecContents {float:left; width:50%; padding:20px 0 80px 20px; margin-top:35px; }
.tecContents .tecFunction li {float:left; text-align:left; background:url(../images/common/icon_checkred.svg) no-repeat left top 14px; font-size:22px; background-size:24px; width:100%; padding-left:32px; line-height:56px; font-family:engReg, korReg; color:#333; }

.drVis {padding:0 10%; width:100%; }
.drVis img {width:100%; }
.drPhoto {float:left; width:30%; text-align:center; margin:10px 0 55px; }
.drPhoto img {width:100%; }
.drDisc {float:left; width:70%; text-align:left; font-size:18px; color:#fff; padding-left:15px; }
.drDisc .name {font-size:32px; font-family:engSemi, korBold; margin-bottom:10px; }
.drDisc p:nth-of-type(1) {font-size:18px; font-family:engSemi, korBold; margin:20px 0; }
.drDisc p:nth-of-type(1) span {font-size:18px; font-family:engLight, korReg;}
.drDisc p:nth-of-type(3) {font-size:14px; font-family:engMed, korMed;}
.drDisc p:nth-of-type(3) span {font-size:14px; font-family:engLight, korReg;}
.drDisc2 {float:left; width:100%; text-align:center; font-size:16px; line-height:20px; margin:10px 0 80px; font-family:engLight, korReg; color:#fff; }

.centerBox {max-width:1200px; margin:0 auto; }
.centerBox:after { content:''; display:block; clear:both; }
.centerBox h2 {font-size:42px; line-height:36px; margin-bottom:75px; color:#111; text-align:center; font-family:engSemi, korBold; text-transform:uppercase; }
.centerBox h3 {font-size:30px; line-height:30px;margin-bottom:15px; color:#4d96fa; text-align:center; font-family:engSemi, korBold; }
.centerBox h4 {font-size:26px; line-height:30px;margin-bottom:15px; color:#333333; text-align:center; font-family:engSemi, korBold; }
.centerBox .digiDisc {font-size:20px; line-height:26px; margin-bottom:45px; color:#333; text-align:center; font-family:engReg, korReg; letter-spacing:-1px; }
.centerBox .centerDisc {font-size:20px; line-height:26px; margin-bottom:30px; color:#333; text-align:left; font-family:engReg, korReg; letter-spacing:-1px; }
.centerWarp {max-width:100%; }
.centerWarp:after { content:''; display:block; clear:both; }
.libraryTit {font-size:42px; line-height:36px; margin-bottom:20px; color:#111; text-align:center; font-family:engSemi, korBold; text-transform:uppercase; }
.libraryDisc {font-size:22px; line-height:30px;margin-bottom:50px; color:#333333; text-align:center; font-family:engReg, korReg;width:100%; padding:0 10%; }
.librarySt {float:left; width:100%; padding:0 20px; margin-bottom:60px; }
.librarySt:after { content:''; display:block; clear:both; }
.librarySt .lbWrap {float:left; position: relative; width:calc(50% - 30px); height: 0; padding-bottom: calc(50% - 40px); margin:15px;}
.librarySt .lbWrap .lbCol { position:absolute; width:100%; height:100%; top:0; left:0; padding:30px; }
.librarySt .lbCol.whiteBg {background-color:#fff; }
.librarySt .lbCol.grayBg {background-color:#e9ecf2; }
.librarySt .lbCol p.lbDisc {font-size:18px; line-height:24px; color:#333; font-family:engReg, korReg;}
.librarySt .lbCol p.lbPics {margin-top:15px;float:left; width:100%; }
.librarySt .lbCol p.lbPics img {width:100%; }
.librarySt .lbCheck {float:left; width:100%; margin-top:15px; }
.librarySt .lbCheck li {float:left; font-size:13px; font-family:engMed, korMed; color:#333; line-height:34px; height:34px; border-radius:18px; padding:0 10px 0 30px; margin:0 10px 10px 0; background:#fff843 url(../images/common/icon_checkgray.svg) left 8px top 9px no-repeat; background-size:18px; }

.digiWarp .blueBox {max-width:1200px; margin:0 auto; }
.digiWarp .blueTit {font-size:34px; line-height:34px; margin-bottom:50px; color:#fff; font-family:engSemi, korBold;}

.mgtSystem {margin:30px auto 0; max-width:1200px; padding-bottom:70px; text-align:center; }
.mgtSystem:after { content:''; display:block; clear:both; }
.mgtSystem li {float:left; width:10%; margin:0 7.5%; color:#fff; font-size:18px; line-height:24px; font-family:engReg, korReg; text-align:center; }
.mgtSystem li p { margin:20px 0 15px; }
.mgtSystem li p span {font-size:14px; margin:0 2px; }

.AppBox {width:100%; max-width:1240px; margin:0 auto; text-align:center; padding:0 20px 100px; }
.appWarp { width:100%; margin:0 auto; text-align:center; padding:0 20px; }
.appWarp .qrBtn { display:none; }
.appList {width:100%; display:inline-flex; align-items:center; flex-flow:row wrap; padding:30px 20px; }
.appList>li { float: left; margin-right: 3.83%; margin-bottom: 30px; width:11%; height:100%; border-radius:20px; text-indent:-1000em; font-size:17px; vertical-align:middle; flex: 0 0 auto; cursor:pointer; background-size:cover !important; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5); }
.appList li:nth-of-type(7n){margin-right: 0;}
.appList li div { position: relative; padding-bottom: 100%; height: 0;}
.appList li div div.app {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; border-radius:20px; -webkit-border-radius:20px; box-shadow: 0 0 0 3px #fff; transition: 0.1s; }
.appList li div div.app:hover { border:0; box-shadow: 0 0 0 10px #3874ee; }
.appList li div div.app.on { border:0; box-shadow: 0 0 0 5px #3874ee; }

.appviewWarp {width:100%;text-align:center;margin-bottom: 30px;}
.appviewBox {float:left; width:100%; padding:60px 0; position:relative; }
.appviewBox .swiper-container { width: 100%; }
.appviewBox .swiper-slide { color:#000; text-align: center; }
.slideIn { width:calc(100% - 140px); margin:0 auto;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; /* 2022-02-09 수정*/}
.slideIn .slLeft {float:left; width:30%; padding:0px 40px 0 10px; /* 2022-02-09 수정*/  }
.slideIn .slLeft .slTit {text-align:right; font-size:32px; color:#333; line-height:48px;font-family:engSemi, korBold; }
.slideIn .slLeft .slDisc {text-align:right; font-size:18px; line-height:24px; color:#999; font-family:engMed, korMed; margin-bottom:50px; }
.slideIn .slLeft .slQrcode {display:block; float:right; padding:10px; background-color:#fff; border:1px solid #000; width:100px; height:100px; }
.slideIn .slLeft .slQrcode > img { width:80px; height:80px; }
.slideIn .slRight {float:left; width:70%; position: relative; padding-bottom: 39%; height: 0; }
.slideIn .slRight p {position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-size: contain !important; background-repeat: no-repeat !important;  background-position: center !important; text-indent: 100%; white-space: nowrap; overflow: hidden; }

.appviewBox .swiper-button-prev-unique, .appviewBox .swiper-button-next-unique{ z-index: 10; cursor: pointer; position: absolute; top: 50%; width: 60px; height: 60px; margin-top: -30px; background-position: center; background-repeat: no-repeat; text-indent:-10000em; }
.appviewBox .swiper-button-prev-unique { background:url("../images/sub/icon_prev_unique2.svg") no-repeat; left: 10px; }
.appviewBox .swiper-button-prev-unique:hover { background:url("../images/sub/icon_prev_uniqueon2.svg") no-repeat; left: 10px; }
.appviewBox .swiper-button-next-unique { background:url("../images/sub/icon_next_unique2.svg") no-repeat; right: 10px; }
.appviewBox .swiper-button-next-unique:hover { background:url("../images/sub/icon_next_uniqueon2.svg") no-repeat; right: 10px; }
.appviewBox ul.qrBtn li {box-shadow: none;margin-top: 10px;}

.ebookList {margin:0 auto; max-width:1200px; }
.ebookList:after { content:''; display:block; clear:both; }
.ebookList li {float:left; text-align:center; }
.ebookList.col1 li {width:100%; padding:0 10%;}
.ebookList.col3 li {width:33.3%; padding:0 2%;}
.ebookList.col4 li {width:25%; padding:0 2%;}
.ebookList.col5 li {width:20%; padding:0 2%; }

.ebookList li div {width:100%; margin:0 auto 18px; height:auto; }
.ebookList li div p {width:100%; display:block; border:3px solid #fff; border-radius:16px; text-indent:-1000em;}
.ebookList.ebook li div p {padding-bottom:60%;}
.ebookList.lmsView li div p {padding-bottom: 100%;background-size: auto !important;background-color: #fff !important;}
.ebookList.appView {padding-bottom:80px; }
.ebookList.appView li div p {padding-bottom:177%;}
.ebookList.online li div p {padding-bottom:68%;}
.ebookList.manage li div p {padding-bottom: 100%;background-size: auto !important;background-color: #fff !important;}
.ebookList.manage li:last-child div p { background-position: center !important;}
.ebookList.tablet li div p {padding-bottom:75%;}
.ebookList.readers li div p {padding-bottom:133%;}
.ebookList li span {width:100%;display:inline-block; text-align:center; color:#333; font-family:engMed, korMed; font-size:18px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.grayBox {background-color:#f3f5fa}
.grayBrd {border-bottom:1px solid #e2e2e2; padding-bottom:80px; margin-bottom:80px; }
.blankBrd {padding-bottom:80px; }
.bdrShd { background-size:cover; box-shadow: 10px 10px 22px 0px rgba(0,0,0,0.21); -webkit-box-shadow: 10px 10px 22px 0px rgba(0,0,0,0.21); -moz-box-shadow: 10px 10px 22px 0px rgba(0,0,0,0.21);}
.appShd { background-size:cover; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5); }

@media all and (min-width: 1200px) {
    .tecContents {float:left; width:50%; padding:25px 0 80px 40px; margin-top:35px; }
    .tecContents .tecFunction li {float:left; text-align:left; background:url(../images/common/icon_checkred.svg) no-repeat left top 16px; font-size:24px; background-size:26px; width:100%; padding-left:32px; line-height:60px; font-family:engReg, korReg; color:#333; }
}

@media all and (max-width: 1200px) {
    .ebookList.lmsView li div p {background-size: contain !important;}
    .ebookList.manage li div p {background-size: contain !important;}
}

@media all and (max-width: 1024px) {
    .digiWarp {padding:60px 0 0 0; }
    .digiTab { max-width:1200px; margin:0 auto; text-align:center; padding:0 20px; }
    .visualWarp { width:100%;  padding:40px 20px 80px; }

    .introContents { width:50%; padding:10px 0 0 0; }
    .introContents p.visLogo img {height:44px; }
    .introContents p.visDisc {font-size:19px; line-height:24px; padding:20px 0 0 35px; }
    .introContents p.visDisc2 {font-size:14px; line-height:20px; padding:10px 0 0 35px; }
    .introContents p.visBtn {padding-left:30px; font-size:15px;  margin-top:20px; }
    .introContents p.visBtn a { line-height:38px; height:42px; border-radius:21px; padding:0 70px 0 20px; background:url(../images/common/arrow_blue01.svg) no-repeat right 12px top 12px; background-size:8px; }

    .drPhoto {float:left; width:30%; text-align:center; margin:5px 0 35px; }
    .drPhoto img {width:100%; }
    .drDisc {float:left; width:70%;  font-size:18px; padding-left:15px;  }
    .drDisc .name {font-size:30px; margin-bottom:10px; }
    .drDisc p:nth-of-type(1) {font-size:16px; line-height:22px;  margin:10px 0; }
    .drDisc p:nth-of-type(1) span {font-size:16px;}
    .drDisc p:nth-of-type(3) {font-size:13px;}
    .drDisc p:nth-of-type(3) span {font-size:13px;}
    .drDisc2 {font-size:14px; line-height:22px; margin:10px 0 50px; }

    .centerBox {max-width:1200px; margin:0 auto; padding:0 10px 30px;}
    .appWarp .centerBox {padding:0;}
    .centerBox h2 {font-size:32px; line-height:32px; margin-bottom:40px; }
    .centerBox h3 {font-size:26px; line-height:26px;margin-bottom:15px;  }
    .centerBox h4 {font-size:18px; line-height:24px;margin-bottom:10px;  }
    .centerBox .digiDisc {font-size:18px; line-height:24px; margin-bottom:40px;  }
    .centerBox .centerDisc {font-size:18px; line-height:24px; margin-bottom:10px;  }
    .libraryTit {font-size:32px; line-height:32px; margin-bottom:20px;  }
    .libraryDisc {font-size:18px; line-height:24px;margin-bottom:50px; padding:0 5%; }
    .librarySt {float:left; width:100%; padding:0; margin-bottom:60px; }
    .librarySt .lbWrap {float:left; position: relative; width:calc(50% - 20px); height: 0; padding-bottom: calc(50% - 40px); margin:10px;}
    .librarySt .lbWrap .lbCol { position:absolute; width:100%; height:100%; top:0; left:0; padding:20px; }
    .librarySt .lbCol p.lbDisc {font-size:14px; line-height:18px; }
    .librarySt .lbCol p.lbPics {margin-top:10px; width:100%; padding:0 2%;  }

    .subContents { width:50%; padding:0; }
    .subContents .check {font-size:16px; line-height:32px; color:#4d96fa;  }
    .subContents .check li {float:left; width:100%; text-align:left; }
    .subContents .qrImg {display:none; }
    .subContents .qrBtn {float:left; width:100%; display:inline; margin-bottom:50px; padding-right: 10px;}
    .subContents .qrBtn li {float:left; width:50%; padding:0 2px; }
    .subContents .qrBtn li a { display:block; line-height:50px; height:50px; width:100%;border-radius:5px; color:#fff; text-indent:-1000em; }
    .subContents .qrBtn li a.google {background:#000 url(../images/common/icon_googleplay.svg) center top 12px no-repeat; background-size:111px 26px; }
    .subContents .qrBtn li a.apple {background:#000 url(../images/common/icon_apple.svg) center top 12px no-repeat; background-size:111px 26px; }
    .subContents .qrBtn li a:hover {background-color:#555; }

    .tecContents {padding:30px 0 80px 10px; margin-top:20px; }
    .tecContents .tecFunction li {background:url(../images/common/icon_checkred.svg) no-repeat left top 10px; font-size:19px; background-size:20px; line-height:42px;  padding-left:26px; }

    .digiWarp .blueBox {max-width:100%; margin:0 auto; }
    .digiWarp .blueTit {font-size:24px; line-height:24px; margin-bottom:30px; color:#fff; font-family:engSemi, korBold;}
    .mgtSystem { max-width:100%; padding-bottom:40px;  }
    .mgtSystem li {float:left; width:13%; margin:0 6%; color:#fff; font-size:14px; line-height:18px; font-family:engReg, korReg; text-align:center; }
    .ebookList {margin:0 auto; max-width:1200px; padding-bottom:55px; }
    .ebookList li span { font-size:16px; line-height:22px;  }
    .grayBrd {border-bottom:1px solid #e2e2e2; margin-bottom:60px; }

    .AppBox {width:100%;  max-width:1240px; margin:0 auto; text-align:center; padding:0 20px 100px; }
    .appWarp { width:100%; margin:0 auto; text-align:center; padding:0; }
    .appList {width:100%;display:inline-flex;align-items:center;flex-flow:row wrap;overflow: hidden;padding: 40px 25px 60px;}
    .appList>li { width:13%; display:inline; margin-right: 4.4%;}
    .appList li:nth-of-type(7n){margin-right: 4.4%;}
    .appList li:nth-of-type(6n){margin-right: 0;}
    .appWarp .qrBtn {float:left; width:50%; display:inline; margin:20px 25%; }
    .appWarp .qrBtn li {float:left; width:50%; padding:0 4px;  }
    .appWarp .qrBtn li a { display:block; line-height:50px; height:50px; width:100%;border-radius:5px; color:#fff; text-indent:-1000em; }
    .appWarp .qrBtn li a.google {background:#000 url(../images/common/icon_googleplay.svg) center top 14px no-repeat; background-size:111px 26px; }
    .appWarp .qrBtn li a.apple {background:#000 url(../images/common/icon_apple.svg) center top 14px no-repeat; background-size:111px 26px; }
    .appWarp .qrBtn li a:hover {background-color:#555; }

    .appviewBox {float:left; width:100%; padding:30px 0 0; position:relative;}
    .fullBox {padding: 0;width: 100vw;margin-left: calc(-50vw + 50%);}

    .appviewBox .swiper-container { width: 100%; }
    .appviewBox .swiper-slide { color:#000; text-align: center; }
    .slideIn {line-height: 416px; width:100%;  display:block; margin:0 auto; }
    .slideIn .slLeft {float:left; width:100%; ; padding:0 0 0 7%;/* 2022-02-09 수정 */ }
    .slideIn .slLeft .slTit {text-align:left; font-size:28px; color:#333;  line-height:36px;}
    .slideIn .slLeft .slDisc {text-align:left; font-size:18px; line-height:24px; color:#999;  margin-bottom:20px;  }
    .slideIn .slLeft .slQrcode {display:none;  }
    .slideIn .slRight {float:left; width:calc(100% - 100px); position: relative; padding-bottom: 49%; height: 0; margin-left:50px;  }
    .slideIn .slRight p {position:absolute; top:0; left:0; width:100%; height:100%; background-size:contain !important;/* 2022-02-09 수정 */ }

    .appviewBox .swiper-button-prev-unique, .appviewBox .swiper-button-next-unique{ z-index: 10; cursor: pointer; position: absolute; top: 50%; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; text-indent:-10000em; }
    .appviewBox .swiper-button-prev-unique { background:url("../images/sub/icon_prev_unique2.svg") no-repeat; left: -5px; }
    .appviewBox .swiper-button-prev-unique:hover { background:url("../images/sub/icon_prev_uniqueon2.svg") no-repeat; left: -5px; }
    .appviewBox .swiper-button-next-unique { background:url("../images/sub/icon_next_unique2.svg") no-repeat; right: -5px; }
    .appviewBox .swiper-button-next-unique:hover { background:url("../images/sub/icon_next_uniqueon2.svg") no-repeat; right: -5px; }
}

@media all and (max-width: 860px) {
    .introContents p.visDisc {font-size:17px; line-height:24px; }
    .introContents p.visDisc2 {font-size:14px; line-height:20px; }

    .drPhoto {float:left; width:30%; text-align:center; margin:5px 0 35px; }
    .drPhoto img {width:100%; }
    .drDisc {float:left; width:70%; font-size:18px; padding-left:15px; }
    .drDisc .name {font-size:26px;margin-bottom:10px; }
    .drDisc p:nth-of-type(1) {font-size:14px; line-height:18px; margin:5px 0 0; }
    .drDisc p:nth-of-type(1) span {font-size:14px; }
    .drDisc p:nth-of-type(3) {font-size:11px; }
    .drDisc p:nth-of-type(3) span {font-size:11px;}
    .drDisc2 {font-size:12px; line-height:18px; margin:10px 0 50px; }

    .tecContents {padding:30px 0 80px 10px; margin-top:20px; }
    .tecContents .tecFunction li {background:url(../images/common/icon_checkred.svg) no-repeat left top 10px; font-size:16px; background-size:20px; line-height:42px; padding-left:26px; }
}

@media (max-width: 767px) {
    .digiWarp {padding:40px 0 0 0; }
    .visualWarp { width:100%; min-height:10px; padding:0; }
    .introVisual {float:left; width:100%; }
    .introVisual img {width:96%; margin-bottom:10px; }
    .introVisual .drVis {padding:0; width:100%; }

    .introContents {float:left; width:100%; padding:10px 50px 0 ; text-align:center; }
    .introContents p.visLogo {width:100%; margin:0 auto; }
    .introContents p.visLogo img {height:auto; width:70%; margin-left:15%; margin-bottom:10px; }
    .introContents p.visDisc {text-align:center; font-size:18px; line-height:26px; padding:20px 0 0 0; letter-spacing:-.5px; }
    .introContents p.visDisc2 {text-align: center;padding: 10px 0 0 0;}
    .introContents p.visBtn {padding:0; font-size:20px; margin:20px 0 30px 0; width:100%; padding:0 10%; }
    .introContents p.visBtn a { line-height:45px; height:50px; border-radius:25px; padding:0 70px 0 20px; background:url(../images/common/arrow_blue01.svg) no-repeat right 15px top 13px; background-size:10px; width:100%; }

    .centerBox {max-width:1200px; margin:0 auto; padding:0 10px 20px; }
    .appWarp .centerBox {padding:0; }
    .centerBox h3 {font-size:22px; line-height:26px;margin-bottom:15px; text-align:center !important; }
    .centerBox .digiDisc {font-size:16px; line-height:22px; margin-bottom:30px; }
    .centerBox .centerDisc {font-size:15px; line-height:24px; margin-bottom:10px;text-align:center; }
    .libraryTit {font-size:32px; line-height:32px; margin-bottom:10px; }
    .libraryDisc {font-size:16px; line-height:22px;margin-bottom:30px; padding:0 1%; }
    .librarySt {float:left; width:100%; padding:0; margin-bottom:30px; }
    .librarySt .lbWrap {float:left; position: relative; width:100%; height: 0; padding-bottom: 100%; margin:0 0 10px 0;}

    .subContents { width:100%; padding:0; }
    .subContents .check li {float:left; width:50%; text-align:center; }
    .subContents .qrBtn { padding-right:0;}

    .digiWarp .blueTit {font-size:24px; line-height:28px; margin-bottom:30px; color:#fff; }
    .mgtSystem { max-width:100%; padding:0 5% 40px; }
    .mgtSystem li {float:left; width:30%; margin:0 10%; color:#fff; font-size:14px; line-height:18px; text-align:center; }
    .mgtSystem li p { margin:15px 0 25px; }

    .floatLeft {float:left; }
    .floatRight {float:left; }
    .tecVisual {float:left; width:100%; margin-top:10px; padding-bottom:10px; }
    .tecContents {float:left; width:100%; padding:10px 0 80px 0; margin-top:0px; }
    .tecContents .tecFunction li {float:left; text-align:left; background:url(../images/common/icon_checkred.svg) no-repeat left top 2px; font-size:18px; background-size:20px; width:100%; padding-left:24px; line-height:24px; color:#333; margin-bottom:15px; }

    .drVis { width:100%; padding:0}
    .drVis img {width:80%; }
    .drPhoto {float:left; width:30%; text-align:center; margin:10px 0 30px; }
    .drPhoto img {width:100%; }
    .drDisc {float:left; width:70%; text-align:left; font-size:18px; color:#fff; padding-left:15px; }
    .drDisc .name {font-size:26px; margin-bottom:10px; }
    .drDisc p:nth-of-type(1) {font-size:14px; margin:10px 0 0; }
    .drDisc p:nth-of-type(1) span {font-size:14px; }
    .drDisc p:nth-of-type(3) {font-size:12px; }
    .drDisc p:nth-of-type(3) span {font-size:11px; }
    .drDisc2 {float:left; width:100%; text-align:center; font-size:12px; line-height:18px; margin:10px 0 30px; color:#fff; }

    .ebookList { padding-bottom:0px; }
    .ebookList li {margin-bottom:20px; }
    .ebookList li span { font-size:14px; line-height:18px; }
    .ebookList.col3 li {width:50%; padding:0 3%;}
    .ebookList.col4 li {width:50%; padding:0 3%;}
    .ebookList.col5 li {width:33.3%; padding:0 2%;}
    .ebookList li div {width:100%; margin:0 auto 10px; height:auto; }
    .ebookList.appView {padding-bottom:0; }

    .grayBrd {border-bottom:1px solid #e2e2e2; padding-bottom:20px; margin-bottom:40px; }
    .fullBox {padding: 0;width: 100vw;margin-left: calc(-50vw + 50%);}
    .appList {padding: 20px 25px;}
    .appList>li { margin-right: 6.66%; width:20%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); }
    .appList li:nth-of-type(7n){margin-right: 6.66%}
    .appList li:nth-of-type(6n){margin-right: 6.66%;}
    .appList li:nth-of-type(4n){margin-right: 0;}

    .appWarp .qrBtn {float:left; width:calc(100% - 54px); display:inline; margin:20px 27px; }
    .appWarp .qrBtn li {float:left; width:50%; padding:0 3px;  }
    .appWarp .qrBtn li a { display:block; line-height:48px; height:48px; width:100%;border-radius:5px; color:#fff; text-indent:-1000em; }
    .slideIn .slRight {float:left; width:calc(100% - 60px); position: relative; padding-bottom: 49%; height: 0; margin-left:30px;  }
    .slideIn .slLeft .slTit { font-size:22px;  line-height:32px;}
    .slideIn .slLeft .slDisc { font-size:16px; line-height:20px;}

}


@media all and (max-width: 479px) {
    .introContents {float:left; width:100%; padding:10px 0 0 0; text-align:center; }
    .drVis { width:100%; padding:0;}
    .drVis img {width:90%; }
    .drPhoto {float:left; width:30%; text-align:center; margin:10px 0 30px; }
    .drPhoto img {width:90%; }
    .drDisc {float:left; width:70%; text-align:left; font-size:18px; color:#fff; padding-left:15px; }
    .drDisc .name {font-size:26px; margin-bottom:10px; }
    .drDisc p:nth-of-type(1) {font-size:14px; margin:10px 0 0; }
    .drDisc p:nth-of-type(1) span {font-size:14px; }
    .drDisc p:nth-of-type(3) {font-size:12px; }
    .drDisc p:nth-of-type(3) span {font-size:11px; }
    .drDisc2 {float:left; width:100%; text-align:center; font-size:12px; line-height:18px; margin:10px 0 30px; color:#fff; }
}

@media all and (max-width: 460px) {
    .appList li div div.app:hover { border:0; box-shadow: 0 0 0 7px #3874ee; }
    .appList li div div.app.on { border:0; box-shadow: 0 0 0 4px #3874ee; }
}

@media all and (max-width: 360px) {
    .centerBox h3 {font-size:20px; line-height:20px; }
    .introContents p.visDisc {text-align:center; font-size:16px; line-height:22px; padding:20px 0 0 0; letter-spacing:-.5px; }
    .digiWarp .blueTit {font-size:20px; line-height:20px; margin-bottom:30px; color:#fff; }
    .librarySt .lbCol p.lbDisc {font-size:13px; line-height:16px; }
}