.wrap {width:100%; padding-top:96px;}
.wrap.sub {background:#fafafa;}

/* ----------------------------------------------------------------------- */
/* ------------------------------ layout ------------------------------ */
/* ----------------------------------------------------------------------- */
.lytHeader {width:100%; height:96px; background:#fff; position:fixed; left:0; top:0; z-index:900; transition:all 0.5s;}
.lytHeader.off {top:-96px;}
.wrap.sub .lytHeader {background:#fafafa;}
.lytHeader .headerArea {width:100%; max-width:1024px; margin:0 auto;}
.lytHeader .headerArea:after {content:""; display:block; clear:both;}
.lytHeader .allMenu {margin:10px 0 0 10px; display:none; float:left;}
.lytHeader .allMenu .btnAllMenu {width:28px; height:28px; font-size:0; background:url(/images/alllmenu.png) center / 100% no-repeat;}
.lytHeader .logo {width:127px; padding-top:11px; float:left;}
.lytHeader .logo img {width:127px;}
.lytHeader .gnb {width:calc(100% - 247px); float:left;}
.lytHeader .gnb .depth1Group {padding-left:20px; font-size:0;}
.lytHeader .gnb .depth1List {padding:0 20px; display:inline-block;}
.lytHeader .gnb .depth1Name {}
.lytHeader .gnb .depth1Name a {height:86px; font-size:16.5px; font-weight:400; color:#91908c; line-height:86px; display:inline-block;}
.lytHeader .gnb .depth1Name a:hover {font-weight:700;}
.lytHeader .topLogin {width:120px; text-align:right; float:right;}
.lytHeader .topLogin a {font-size:16.5px; font-weight:400; color:#423d41; line-height:86px;}

#pc_login a {font-size:14px; font-weight:400; color:#423d41; line-height:86px;}

@media screen and (min-width: 100px) and (max-width: 985px) {
    .lytHeader .gnb .depth1List {padding:0 10px;}
}
@media screen and (min-width: 100px) and (max-width: 885px) {
    .lytHeader .gnb .depth1List {padding:0 5px;}
}
@media screen and (min-width: 100px) and (max-width: 835px) {
    .lytHeader .gnb .depth1Name a {height:86px; font-size:14px;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .lytHeader .allMenu {display:block;}
    .lytHeader .logo {margin-left:10px; padding-top:12px;}
    .lytHeader .logo img {width:46px;}
    .lytHeader .gnb {display:none;}
    .lytHeader .topLogin {display:none;}
}

.lytMoNav {display:none;}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .lytMoNav {width:100%; height:100vh; background:#fff; position:fixed; left:0; top:0; opacity:0; animation: fadeIn 0.3s linear forwards; z-index:901;}
    .lytMoNav.on {display:block; opacity:1;}
    .lytMoNav .navArea {width:100%;}
    .lytMoNav .navArea:after {content:""; display:block; clear:both;}
    .lytMoNav .close {margin:10px 0 0 10px; display:block; float:left;}
    .lytMoNav .close .btnClose {width:28px; height:28px; font-size:0; background:url(/images/close.png) center / 100% no-repeat;}
    .lytMoNav .logo {width:105px; margin-left:10px; padding-top:12px; float:left;}
    .lytMoNav .logo img {width:46px;}
    .lytMoNav .gnb {width:100%; float:left;}
    .lytMoNav .gnb .depth1Group {margin-top:30px; font-size:0;}
    .lytMoNav .gnb .depth1List {width:100%; padding:0 25px; display:inline-block;}
    .lytMoNav .gnb .depth1Name {}
    .lytMoNav .gnb .depth1Name a {height:40px; font-size:16px; font-weight:400; color:#91908c; line-height:40px; display:inline-block;}
    .lytMoNav .topLogin {width:100%; margin-top:32px; float:left;}
    .lytMoNav .topLogin a {padding-left:25px; font-size:13px; font-weight:400; color:#423d41; line-height:1;}
}
@keyframes fadeIn { 0% { opacity:0; }  100%{ opacity:1; } }

.lytMain {width:100%;}
.lytMain .mainArea {width:100%;}




.lytFooter {width:100%; background:#323232;}
.lytFooter .footerArea {width:100%;}
.lytFooter .quickArea {width:100%; height:57px; border-bottom:1px solid #757575;}
.lytFooter .quick {width:100%; max-width:1024px; margin:0 auto;}
.lytFooter .quick:after {content:""; display:block; clear:both;}
.lytFooter .leftMenu {font-size:0; float:left;}
.lytFooter .leftMenu .item {margin-right:35px; display:inline-block;}
.lytFooter .leftMenu .item:last-child {margin-right:0;}
.lytFooter .leftMenu .item a {font-size:11px; font-weight:400; color:#fff; line-height:56px; display:inline-block;}
.lytFooter .snsMenu {padding-top:19px; font-size:0; float:right;}
.lytFooter .snsMenu .item {margin-right:14px; vertical-align:top; display:inline-block;}
.lytFooter .snsMenu .item:last-child {margin-right:40px;}
.lytFooter .snsMenu .item a {display:inline-block;}

.lytFooter .rightMenu {font-size:0; float:right;}
.lytFooter .rightMenu .item {margin-right:35px; display:inline-block;}
.lytFooter .rightMenu .item:last-child {margin-right:0;}
.lytFooter .rightMenu .item a {font-size:11px; font-weight:400; color:#fff; line-height:56px; display:inline-block;}
.lytFooter .copyright {width:100%; max-width:1024px; margin:0 auto; padding:25px 0 100px;}
.lytFooter .copyright .address {font-size:12px; color:#fff; line-height:1.5;}
.lytFooter .copyright .address b {font-weight:800;}
.lytFooter .copyright .copy {margin-top:10px; font-size:12px; color:#fff; line-height:1.5;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .lytFooter .footerArea {width:100%;}
    .lytFooter .quickArea {width:100%; height:auto; padding-top:23px; border-bottom:none; position:relative;}

    .lytFooter .leftMenu {float:none; position:absolute; top:183px; left:20px;}
    .lytFooter .leftMenu .item {margin-right:15px; display:inline-block;}
    .lytFooter .leftMenu .item a {font-size:9px; line-height:1.5;}
    .lytFooter .snsMenu {position:absolute; top:6px; right:0;}
    .lytFooter .snsMenu .item:last-child {margin-right:20px;}
    .lytFooter .rightMenu {height:16.5px; padding-left:20px; float:none;}
    .lytFooter .rightMenu .item {margin-right:15px;}
    .lytFooter .rightMenu .item a {font-size:9; line-height:1.5;}
    .lytFooter .copyright {padding:12px 0 25px 20px;}
    .lytFooter .copyright .address {font-size:9px;}
    .lytFooter .copyright .address b {margin-bottom:10px; display:inline-block;}
    .lytFooter .copyright .copy {margin-top:38px; font-size:9px;}
}



/* ---------------------------------------------------------------------------- */
/* ------------------------------ Main Component ------------------------------ */
/* ---------------------------------------------------------------------------- */
/* 메인 비주얼 */
.cptMainCont {width:100%;}
.cptMainCont .mainContArea {width:100%;}
.cptMainCont .mainContArea.vis1 {}
.cptMainCont .mainContArea.vis1 .mainCont {max-width:1024px; margin:0 auto; padding:220px 0 175px;}
.cptMainCont .mainContArea.vis1 .motionGroup {width:100%; margin-bottom:100px; text-align:center; font-size:0;}
.cptMainCont .mainContArea.vis1 .motionGroup > .item {width:17px; height:190px; margin:0 10px; display:inline-block; position:relative;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic {width:100%; height:100%; border-radius:8.5px; box-shadow: 1px 2px 0px 0px rgba(96, 204, 165, 1); background:#8edbbf; position:absolute; left:0; bottom:0; transition:all 0.2s;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color1 {background:#b3e7d4;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color2 {background:#b0e6d2;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color3 {background:#aae4cf;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color4 {background:#a4e2cc;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color5 {background:#a0e0c9;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color6 {background:#99dec5;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color7 {background:#94ddc2;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color8 {background:#94ddc2;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color9 {background:#88d9bb;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color10 {background:#7cd5b5;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color11 {background:#7dd5b5;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color12 {background:#76d3b2;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color13 {background:#71d1af;}
.cptMainCont .mainContArea.vis1 .motionGroup .stic.color14 {background:#6dd0ac;}
.cptMainCont .mainContArea.vis1 .textGroup {width:100%; font-size:33px; line-height:1.2; text-align:center; transform:translateY(100px); opacity:0; transition:all 1.5s;}
.cptMainCont .mainContArea.vis1 .textGroup .strong {font-size:52px; font-weight:800;}
.cptMainCont .mainContArea.vis1 .textGroup b {font-weight:800;}

.cptMainCont .mainContArea.vis1.on .textGroup {transform:translateY(0); opacity:1;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMainCont .mainContArea.vis1 .mainCont {max-width:1024px; margin:0 auto; padding:90px 0 120px;}
    .cptMainCont .mainContArea.vis1 .motionGroup {margin-bottom:25px;}
    .cptMainCont .mainContArea.vis1 .motionGroup > .item {width:9px; height:94px; margin:0 5px;}
    .cptMainCont .mainContArea.vis1 .motionGroup .stic {border-radius:4.5px;}
    .cptMainCont .mainContArea.vis1 .textGroup {font-size:16.5px; }
    .cptMainCont .mainContArea.vis1 .textGroup .strong {font-size:26px;}
}

.cptMainCont .mainContArea.vis2 {background:#323232;}
.cptMainCont .mainContArea.vis2 .mainCont {max-width:1024px; margin:0 auto; padding:180px 0 160px;}
.cptMainCont .mainContArea.vis2 .motionGroup {width:100%; height:130px; margin-bottom:58px; text-align:center; font-size:0; position:relative;}
.cptMainCont .mainContArea.vis2 .motionGroup .sound {width:136px; height:53px; position:absolute; left:calc(50% - 68px); top:67px; overflow:hidden;}
.cptMainCont .mainContArea.vis2 .motionGroup .sound .image img {animation: rotateX 4s linear infinite;}
.cptMainCont .mainContArea.vis2 .motionGroup .soundM {width:136px; height:53px; position:absolute; left:calc(50% - 68px); top:67px; overflow:hidden; display:none;}
.cptMainCont .mainContArea.vis2 .motionGroup .voice {width:136px; height:0; padding-top:8px; background:#323232; position:absolute; left:calc(50% - 68px); top:67px; overflow:hidden;}
.cptMainCont .mainContArea.vis2 .motionGroup .headPhone {position:absolute; left:calc(50% - 85px); top:0;}
.cptMainCont .mainContArea.vis2 .motionGroup .headPhone .image {}

.cptMainCont .mainContArea.vis2 .textGroup {width:100%; text-align:center;}
.cptMainCont .mainContArea.vis2 .textGroup .textT {margin-bottom:36px; font-size:40px; font-weight:400; line-height:1.4; color:#fff; display:block; }
.cptMainCont .mainContArea.vis2 .textGroup .textM {margin-bottom:60px; font-size:21px; font-weight:400; line-height:1.4; color:#fff; display:block;}
.cptMainCont .mainContArea.vis2 .textGroup .textB {display:block;}
.cptMainCont .mainContArea.vis2 .textGroup .textB a {font-size:19px; font-weight:400; line-height:1.4; color:#f1f1f1; }
.cptMainCont .mainContArea.vis2 .textGroup .textB a:after {content:""; width:8px; height:21px; margin-left:5px; vertical-align:top; background:url(/images/icon_arr01.png) center 4px no-repeat; display:inline-block;}
.cptMainCont .mainContArea.vis2 .textGroup b {font-weight:800;}


@media screen and (min-width: 768px)  {
    .cptMainCont .mainContArea.vis2 .textGroup .textT {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis2 .textGroup .textM {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis2 .textGroup .textB {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis2.on .textGroup .textT {animation: moving 1s ease-out forwards;}
    .cptMainCont .mainContArea.vis2.on .textGroup .textM {animation: moving 1s ease-out forwards; animation-delay:0.3s;}
    .cptMainCont .mainContArea.vis2.on .textGroup .textB {animation: moving 1s ease-out forwards; animation-delay:0.6s;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMainCont .mainContArea.vis2 .mainCont {padding:118px 0 115px;}
    .cptMainCont .mainContArea.vis2 .motionGroup {height:64px; margin-bottom:35px;}
    .cptMainCont .mainContArea.vis2 .motionGroup .sound {width:56px; height:29px; left:calc(50% - 28px); top:33px; display:none;}
    .cptMainCont .mainContArea.vis2 .motionGroup .sound .image {}
    .cptMainCont .mainContArea.vis2 .motionGroup .sound .image img {width:100px;}
    .cptMainCont .mainContArea.vis2 .motionGroup .soundM {width:56px; height:29px; left:calc(50% - 28px); top:33px; display:block;}
    .cptMainCont .mainContArea.vis2 .motionGroup .soundM .image img {width:200px;}
    .cptMainCont .mainContArea.vis2 .motionGroup .voice {display:none;}
    .cptMainCont .mainContArea.vis2 .motionGroup .headPhone {position:absolute; left:calc(50% - 43px); top:0;}
    .cptMainCont .mainContArea.vis2 .motionGroup .headPhone .image {}
    .cptMainCont .mainContArea.vis2 .motionGroup .headPhone .image img {width:86px;}

    .cptMainCont .mainContArea.vis2 .textGroup .textT {margin-bottom:13px; font-size:19px;}
    .cptMainCont .mainContArea.vis2 .textGroup .textM {margin-bottom:23px; font-size:9.5px;}
    .cptMainCont .mainContArea.vis2 .textGroup .textB a {font-size:9px; vertical-align: top;}
    .cptMainCont .mainContArea.vis2 .textGroup .textB a:after {content:""; width:5px; height:12px; margin-left:5px; vertical-align:top; background:url(/images/icon_arr01.png) center 2px / 100% no-repeat;}

    .cptMainCont .mainContArea.vis2 .textGroup .textT {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis2 .textGroup .textM {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis2 .textGroup .textB {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis2.on .textGroup .textT {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis2.on .textGroup .textM {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis2.on .textGroup .textB {transform: translateY(0); opacity:1;}
}

.cptMainCont .mainContArea.vis3 {background:#fff;}
.cptMainCont .mainContArea.vis3 .mainCont {max-width:1024px; margin:0 auto; padding:250px 0 200px; position:relative;}
.cptMainCont .mainContArea.vis3 .motionGroup {width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.cptMainCont .mainContArea.vis3 .motionGroup .image {position:absolute;}
.cptMainCont .mainContArea.vis3 .motionGroup .image.img0 {display:none;}
.cptMainCont .mainContArea.vis3 .motionGroup .image.img1 {top:39px; right:530px; opacity:0; transition:all 0.3s;} /*{top:339px; right:230px;}*/
.cptMainCont .mainContArea.vis3 .motionGroup .image.img2 {top:46px; right:-231px; opacity:0; transition:all 0.3s;} /*{top:346px; right:131px;}*/
.cptMainCont .mainContArea.vis3 .motionGroup .image.img3 {top:629px; right:86px; opacity:0; transition:all 0.3s;} /*{top:329px; right:86px;}*/
.cptMainCont .mainContArea.vis3 .textGroup {width:100%; padding-left:65px; text-align:left;}
.cptMainCont .mainContArea.vis3 .textGroup .textT {margin-bottom:36px; font-size:40px; font-weight:400; line-height:1.4; color:#040926; display:block; }
.cptMainCont .mainContArea.vis3 .textGroup .textM {margin-bottom:60px; font-size:21px; font-weight:400; line-height:1.4; color:#040926; display:block;}
.cptMainCont .mainContArea.vis3 .textGroup .textB {display:block;}
.cptMainCont .mainContArea.vis3 .textGroup .textB a {font-size:19px; font-weight:400; line-height:1.4; color:#6adbbe; }
.cptMainCont .mainContArea.vis3 .textGroup .textB a:after {content:""; width:8px; height:21px; margin-left:5px; vertical-align:top; background:url(/images/icon_arr02.png) center 4px no-repeat; display:inline-block;}
.cptMainCont .mainContArea.vis3 .textGroup b {font-weight:800;}

@media screen and (min-width: 768px)  {
    .cptMainCont .mainContArea.vis3 .textGroup .textT {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis3 .textGroup .textM {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis3 .textGroup .textB {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis3.on .textGroup .textT {animation: moving 1s ease-out forwards;}
    .cptMainCont .mainContArea.vis3.on .textGroup .textM {animation: moving 1s ease-out forwards; animation-delay:0.3s;}
    .cptMainCont .mainContArea.vis3.on .textGroup .textB {animation: moving 1s ease-out forwards; animation-delay:0.6s;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMainCont .mainContArea.vis3 .mainCont {padding:192px 0 72px;}
    .cptMainCont .mainContArea.vis3 .motionGroup {width:100%; height:100%; position:absolute; left:0; top:0;}
    .cptMainCont .mainContArea.vis3 .motionGroup .image {position:absolute;}
    .cptMainCont .mainContArea.vis3 .motionGroup .image.img0 {display:block; left:calc(50% - 62px); top:91.5px;}
    .cptMainCont .mainContArea.vis3 .motionGroup .image.img0 img {width:124px;}
    .cptMainCont .mainContArea.vis3 .motionGroup .image.img1 {display:none;}
    .cptMainCont .mainContArea.vis3 .motionGroup .image.img2 {display:none;}
    .cptMainCont .mainContArea.vis3 .motionGroup .image.img3 {display:none;}
    .cptMainCont .mainContArea.vis3 .textGroup {padding-left:0; text-align:center;}
    .cptMainCont .mainContArea.vis3 .textGroup .textT {margin-bottom:13px; font-size:19px;}
    .cptMainCont .mainContArea.vis3 .textGroup .textM {margin-bottom:23px; font-size:9.5px;}
    .cptMainCont .mainContArea.vis3 .textGroup .textB a {font-size:9px; vertical-align: top;}
    .cptMainCont .mainContArea.vis3 .textGroup .textB a:after {content:""; width:5px; height:12px; margin-left:5px; vertical-align:top; background:url(/images/icon_arr02.png) center 2px / 100% no-repeat;}

    .cptMainCont .mainContArea.vis3 .textGroup .textT {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis3 .textGroup .textM {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis3 .textGroup .textB {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis3.on .textGroup .textT {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis3.on .textGroup .textM {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis3.on .textGroup .textB {transform: translateY(0); opacity:1;}
}

.cptMainCont .mainContArea.vis4 {width:100%; background:#f8f8f8;}
.cptMainCont .mainContArea.vis4 .mainCont {max-width:1184px; margin:0 auto; padding:275px 0 177px; position:relative;}
.cptMainCont .mainContArea.vis4 .motionGroup {width:100%; height:100%; position:absolute; left:0; top:0;}
.cptMainCont .mainContArea.vis4 .motionGroup .image {position:absolute; left:20px; bottom:0;}
.cptMainCont .mainContArea.vis4 .textGroup {width:100%; padding-right:105px; text-align:right; position:relative; z-index:2;}
.cptMainCont .mainContArea.vis4 .textGroup .textT {margin-bottom:36px; font-size:40px; font-weight:400; line-height:1.4; color:#040926; display:block;}
.cptMainCont .mainContArea.vis4 .textGroup .textM {margin-bottom:60px; font-size:21px; font-weight:400; line-height:1.4; color:#040926; display:block;}
.cptMainCont .mainContArea.vis4 .textGroup .textB {display:block;}
.cptMainCont .mainContArea.vis4 .textGroup .textB a {font-size:19px; font-weight:400; line-height:1.4; color:#6adbbe; }
.cptMainCont .mainContArea.vis4 .textGroup .textB a:after {content:""; width:8px; height:21px; margin-left:5px; vertical-align:top; background:url(/images/icon_arr02.png) center 4px no-repeat; display:inline-block;}
.cptMainCont .mainContArea.vis4 .textGroup b {font-weight:800;}

@media screen and (min-width: 768px)  {
    .cptMainCont .mainContArea.vis4 .motionGroup .image {transform: translateX(-100px); opacity:0;}
    .cptMainCont .mainContArea.vis4 .textGroup .textT {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis4 .textGroup .textM {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis4 .textGroup .textB {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis4.on .motionGroup .image {animation: movingX 1s ease-out forwards}
    .cptMainCont .mainContArea.vis4.on .textGroup .textT {animation: moving 1s ease-out forwards;}
    .cptMainCont .mainContArea.vis4.on .textGroup .textM {animation: moving 1s ease-out forwards; animation-delay:0.3s;}
    .cptMainCont .mainContArea.vis4.on .textGroup .textB {animation: moving 1s ease-out forwards; animation-delay:0.6s;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMainCont .mainContArea.vis4 .mainCont {padding:63px 0 282px;}
    .cptMainCont .mainContArea.vis4 .motionGroup {width:100%; height:100%; position:absolute; left:0; top:0;}
    .cptMainCont .mainContArea.vis4 .motionGroup .image {position:absolute; left:calc(50% - 88px); bottom:0;}
    .cptMainCont .mainContArea.vis4 .motionGroup .image img {width:157px;}
    .cptMainCont .mainContArea.vis4 .textGroup {padding-right:0; text-align:center;}
    .cptMainCont .mainContArea.vis4 .textGroup .textT {margin-bottom:13px; font-size:19px;}
    .cptMainCont .mainContArea.vis4 .textGroup .textM {margin-bottom:23px; font-size:9.5px;}
    .cptMainCont .mainContArea.vis4 .textGroup .textB a {font-size:9px; vertical-align: top;}
    .cptMainCont .mainContArea.vis4 .textGroup .textB a:after {content:""; width:5px; height:12px; margin-left:5px; vertical-align:top; background:url(/images/icon_arr02.png) center 2px / 100% no-repeat;}

    .cptMainCont .mainContArea.vis4 .motionGroup .image {transform: translateX(0); opacity:1;}
    .cptMainCont .mainContArea.vis4.on .motionGroup .image {transform: translateX(0); opacity:1;}
    .cptMainCont .mainContArea.vis4 .textGroup .textT {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis4 .textGroup .textM {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis4 .textGroup .textB {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis4.on .textGroup .textT {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis4.on .textGroup .textM {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis4.on .textGroup .textB {transform: translateY(0); opacity:1;}
}

.cptMainCont .mainContArea.vis5 {background:#fff;}
.cptMainCont .mainContArea.vis5 .mainCont {max-width:1024px; margin:0 auto; padding:185px 0 165px; position:relative;}
.cptMainCont .mainContArea.vis5 .textGroup {width:100%; text-align:center; position:relative;}
.cptMainCont .mainContArea.vis5 .textGroup .textT {margin-bottom:36px; font-size:40px; font-weight:400; line-height:1.4; color:#040926; display:block;}
.cptMainCont .mainContArea.vis5 .textGroup .textM {margin-bottom:60px; padding-bottom:180px; font-size:21px; font-weight:400; line-height:1.4; color:#040926; background:url(/images/vis5_1.png) center bottom no-repeat; display:block;}
.cptMainCont .mainContArea.vis5 .textGroup .textB {display:block;}
.cptMainCont .mainContArea.vis5 .textGroup .textB a {font-size:19px; font-weight:400; line-height:1.4; color:#6adbbe; }
.cptMainCont .mainContArea.vis5 .textGroup .textB a:after {content:""; width:8px; height:21px; margin-left:5px; vertical-align:top; background:url(/images/icon_arr02.png) center 4px no-repeat; display:inline-block;}
.cptMainCont .mainContArea.vis5 .textGroup b {font-weight:800;}

@media screen and (min-width: 768px)  {
    .cptMainCont .mainContArea.vis5 .textGroup .textT {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis5 .textGroup .textM {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis5 .textGroup .textB {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis5.on .textGroup .textT {animation: moving 1s ease-out forwards;}
    .cptMainCont .mainContArea.vis5.on .textGroup .textM {animation: moving 1s ease-out forwards; animation-delay:0.3s;}
    .cptMainCont .mainContArea.vis5.on .textGroup .textB {animation: moving 1s ease-out forwards; animation-delay:0.6s;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMainCont .mainContArea.vis5 .mainCont {padding:85px 0 80px; position:relative;}
    .cptMainCont .mainContArea.vis5 .textGroup .textT {margin-bottom:13px; font-size:19px;}
    .cptMainCont .mainContArea.vis5 .textGroup .textM {margin-bottom:20px; padding-bottom:95px; font-size:9.5px; background:url(/images/vis5_1.png) center bottom / 65px no-repeat;}
    .cptMainCont .mainContArea.vis5 .textGroup .textB a {font-size:9px;}
    .cptMainCont .mainContArea.vis5 .textGroup .textB a:after {content:""; width:5px; height:12px; margin-left:5px; vertical-align:top; background:url(/images/icon_arr02.png) center 2px / 100% no-repeat;}

    .cptMainCont .mainContArea.vis5 .textGroup .textT {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis5 .textGroup .textM {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis5 .textGroup .textB {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis5.on .textGroup .textT {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis5.on .textGroup .textM {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis5.on .textGroup .textB {transform: translateY(0); opacity:1;}
}

.cptMainCont .mainContArea.vis6 {width:100%; background:#323232;}
.cptMainCont .mainContArea.vis6 .mainCont {max-width:1024px; margin:0 auto; padding:165px 0 140px; position:relative;}
.cptMainCont .mainContArea.vis6 .motionGroup {width:100%; height:176px; margin-bottom:85px; text-align:center; position:relative; left:0; top:0;}
.cptMainCont .mainContArea.vis6 .motionGroup .circle{display:inline-block;}
.cptMainCont .mainContArea.vis6 .motionGroup .image img {animation: rotate 2s linear infinite;}
.cptMainCont .mainContArea.vis6 .textGroup {width:100%; text-align:center; position:relative;}
.cptMainCont .mainContArea.vis6 .textGroup .textT {margin-bottom:36px; font-size:40px; font-weight:400; line-height:1.4; color:#fff; display:block;}
.cptMainCont .mainContArea.vis6 .textGroup .textM {margin-bottom:60px; font-size:21px; font-weight:400; line-height:1.4; color:#fff; display:block;}
.cptMainCont .mainContArea.vis6 .textGroup .textB {display:block;}
.cptMainCont .mainContArea.vis6 .textGroup .textB a {font-size:19px; font-weight:400; line-height:1.4; color:#f1f1f1; }
.cptMainCont .mainContArea.vis6 .textGroup .textB a:after {content:""; width:8px; height:21px; margin-left:5px; vertical-align:top; background:url(/images/icon_arr01.png) center 4px no-repeat; display:inline-block;}
.cptMainCont .mainContArea.vis6 .textGroup b {font-weight:800;}

@media screen and (min-width: 768px)  {
    .cptMainCont .mainContArea.vis6 .textGroup .textT {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis6 .textGroup .textM {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis6 .textGroup .textB {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis6.on .textGroup .textT {animation: moving 1s ease-out forwards;}
    .cptMainCont .mainContArea.vis6.on .textGroup .textM {animation: moving 1s ease-out forwards; animation-delay:0.3s;}
    .cptMainCont .mainContArea.vis6.on .textGroup .textB {animation: moving 1s ease-out forwards; animation-delay:0.6s;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMainCont .mainContArea.vis6 .mainCont {max-width:1024px; margin:0 auto; padding:102px 0 95px; position:relative;}
    .cptMainCont .mainContArea.vis6 .motionGroup {width:100%; height:90px; margin-bottom:40px;}
    .cptMainCont .mainContArea.vis6 .motionGroup .image img {width:88px;}
    .cptMainCont .mainContArea.vis6 .textGroup .textT {margin-bottom:13px; font-size:19px;}
    .cptMainCont .mainContArea.vis6 .textGroup .textM {margin-bottom:23px; font-size:9.5px;}
    .cptMainCont .mainContArea.vis6 .textGroup .textB a {font-size:9px; vertical-align: top;}
    .cptMainCont .mainContArea.vis6 .textGroup .textB a:after {content:""; width:5px; height:12px; margin-left:5px; vertical-align:top; background:url(/images/icon_arr01.png) center 2px / 100% no-repeat;}
    
    .cptMainCont .mainContArea.vis6 .textGroup .textT {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis6 .textGroup .textM {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis6 .textGroup .textB {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis6.on .textGroup .textT {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis6.on .textGroup .textM {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis6.on .textGroup .textB {transform: translateY(0); opacity:1;}
}

.cptMainCont .mainContArea.vis7 {width:100%; background:#fafafa;}
.cptMainCont .mainContArea.vis7 .mainCont {max-width:1024px; margin:0 auto; padding:155px 0 105px; position:relative;}
.cptMainCont .mainContArea.vis7 .textGroup {width:100%; text-align:center; position:relative;}
.cptMainCont .mainContArea.vis7 .textGroup .textT {margin-bottom:66px; padding-bottom:320px; font-size:40px; font-weight:400; line-height:1.4; color:#040926; background:url(/images/vis7_1.png) center bottom no-repeat; display:block;}
.cptMainCont .mainContArea.vis7 .textGroup .textM {margin-bottom:60px; font-size:21px; font-weight:400; line-height:1.4; color:#040926; display:block;}
.cptMainCont .mainContArea.vis7 .textGroup .textB {display:block;}
.cptMainCont .mainContArea.vis7 .textGroup .textB a {font-size:19px; font-weight:400; line-height:1.4; color:#6adbbe; }
.cptMainCont .mainContArea.vis7 .textGroup .textB a:after {content:""; width:8px; height:21px; margin-left:5px; vertical-align:top; background:url(/images/icon_arr02.png) center 4px no-repeat; display:inline-block;}
.cptMainCont .mainContArea.vis7 .textGroup b {font-weight:800;}

@media screen and (min-width: 768px)  {
    .cptMainCont .mainContArea.vis7 .textGroup .textT {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis7 .textGroup .textM {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis7 .textGroup .textB {transform: translateY(100px); opacity:0;}
    .cptMainCont .mainContArea.vis7.on .textGroup .textT {animation: moving 1s ease-out forwards;}
    .cptMainCont .mainContArea.vis7.on .textGroup .textM {animation: moving 1s ease-out forwards; animation-delay:0.3s;}
    .cptMainCont .mainContArea.vis7.on .textGroup .textB {animation: moving 1s ease-out forwards; animation-delay:0.6s;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMainCont .mainContArea.vis7 .mainCont {padding:77px 0 47px; position:relative;}
    .cptMainCont .mainContArea.vis7 .textGroup .textT {margin-bottom:24px; padding-bottom:168px; font-size:19px; background:url(/images/vis7_1.png) center bottom / 197px no-repeat;}
    .cptMainCont .mainContArea.vis7 .textGroup .textM {margin-bottom:60px; font-size:21px; font-weight:400; line-height:1.4; color:#040926; display:block;}
    .cptMainCont .mainContArea.vis7 .textGroup .textB {display:block;}
    .cptMainCont .mainContArea.vis7 .textGroup .textB a {font-size:9px;}
    .cptMainCont .mainContArea.vis7 .textGroup .textB a:after {content:""; width:5px; height:12px; margin-left:5px; vertical-align:top; background:url(/images/icon_arr02.png) center 2px / 100% no-repeat;}
    
    .cptMainCont .mainContArea.vis7 .textGroup .textT {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis7 .textGroup .textM {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis7 .textGroup .textB {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis7.on .textGroup .textT {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis7.on .textGroup .textM {transform: translateY(0); opacity:1;}
    .cptMainCont .mainContArea.vis7.on .textGroup .textB {transform: translateY(0); opacity:1;}
}

@keyframes moving { 0% { transform: translateY(100px); opacity:0; }  100%{ transform: translateY(0); opacity:1; } }
@keyframes movingX { 0% { transform: translateX(-100px); opacity:0; }  100%{ transform: translateX(0); opacity:1; } }
@keyframes rotate { 0% { transform:rotate(0deg); }  100%{ transform:rotate(360deg); } }
@keyframes rotateX { 0% { transform:translateX(0px); }  100%{ transform:translateX(-192px); } }


.cptMainCustomer {border-top:1px solid #4e4e4e;}
.cptMainCustomer .customerArea {width:100%; max-width:1024px; text-align:right; margin:0 auto;}
.cptMainCustomer dl {width:290px; padding:25px 0; display:inline-block;}
.cptMainCustomer dt {font-size:30px; font-weight:800; color:#040926;}
.cptMainCustomer dd .title {width:71px; font-size:16px; font-weight:400; text-align:left; color:#040926; display:inline-block;}
.cptMainCustomer dd .text {font-size:16px; font-weight:400; text-align:left; color:#040926; display:inline-block;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMainCustomer .customerArea {text-align:center;}
    .cptMainCustomer dl {width:165px; padding:13px 0; display:inline-block;}
    .cptMainCustomer dt {font-size:19px;}
    .cptMainCustomer dd .title {width:40px; font-size:9px; }
    .cptMainCustomer dd .text {font-size:9px;}
}

/* 20220308 이전
.cptQuick {width:100%; position:fixed; left:0; top:0; z-index:10;}
.cptQuick .quickArea {max-width:1024px; margin:0 auto; position:relative;}
.cptQuick ul {width:76px; font-size:0; position:absolute; top:278px; right:-266px;}
.cptQuick ul li {margin-bottom:13px; font-size:0; position:relative;}
.cptQuick ul li a {position:relative; z-index:20;}
.cptQuick ul li .addMsg {width:0; height:76px; position:absolute; right:38px; top:0; overflow:hidden; z-index:10; transition:all 0.3s;}
.cptQuick ul li .addMsg.on {width:190px; transition:all 0.3s;}
.cptQuick ul li .addMsg p {width:190px; height:76px; padding-right:14px; font-size:19px; color:#323232; line-height:22px; border:2px solid #323232; border-radius:38px 0 0 38px; background:#fff; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0;}
*/

/* 20220308 수정 */
.cptQuick {width:100%; position:fixed; left:0; top:0; z-index:10;} 
.cptQuick .quickArea {position:absolute; top:0; right:30px;}
.cptQuick ul {width:76px; font-size:0; position:absolute; top:278px; right:0;}
.cptQuick ul li {margin-bottom:13px; font-size:0; position:relative;}
.cptQuick ul li a {position:relative; z-index:20;}
.cptQuick ul li .addMsg {width:0; height:76px; position:absolute; right:38px; top:0; overflow:hidden; z-index:10; transition:all 0.3s;}
.cptQuick ul li .addMsg.on {width:190px; transition:all 0.3s;}
.cptQuick ul li .addMsg p {width:190px; height:76px; padding-right:14px; font-size:19px; color:#323232; line-height:22px; border:2px solid #323232; border-radius:38px 0 0 38px; background:#fff; display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0;}
.cptQuick ul li.onlyM {display:none;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptQuick {top:auto; bottom:0;}
    .cptQuick .quickArea {right:10px;}
    .cptQuick ul {width:50px; top:auto; bottom:50px;}
    .cptQuick ul li img {width:100%;}
    .cptQuick ul li.onlyM {display:block;}
    .cptQuick ul li.onlyPC {display:none;}
    .cptQuick ul li:nth-last-child(1) {display:none;}
    .cptQuick ul li:nth-last-child(2) {display:none;}
}



/* ---------------------------------------------------------------------------- */
/* ------------------------------ Sub Component ------------------------------ */
/* ---------------------------------------------------------------------------- */

/* --------------------------- 보이스스타일링 ---------------------------- */
/* 최상단 */
.cptHeadline {background:#fafafa;}
.cptHeadline .styleArea {width:100%; max-width:1264px; margin:0 auto; padding:200px 0 150px;}
.cptHeadline .title {width:100%; font-size:36px; font-weight:800; color:#040926;}
.cptHeadline .title .strong {font-size:52px; font-weight:700;}
.cptHeadline .title b { font-weight:700;}
.cptHeadline p {margin-top:50px; font-size:20px; font-weight:400; line-height:1.3;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptHeadline .styleArea {padding:67px 0 58px;}
    .cptHeadline .title {font-size:13px; padding-left:20px;}
    .cptHeadline .title .strong {font-size:13px;}
    .cptHeadline p {margin-top:14px; font-size:9.5px; padding-left:20px;}
}


/* 동영상 */
.cptMovie {width:100%; padding:138px 0 200px; background:#fff;}
.cptMovie .movieArea {width:100%; max-width:1264px; margin:0 auto;}
.cptMovie .movieArea .movieGroup {width:100%; padding-top:56.3%; position:relative;}
.cptMovie .movieArea .movieGroup iframe {width:100%; height:100%; position:absolute; left:0; top:0;}
.cptMovie .movieArea .textGroup {width:100%; margin-top:120px;}
.cptMovie .movieArea .textGroup dl {width:100%; }
.cptMovie .movieArea .textGroup dt {width:100%; font-size:40px; font-weight:800; color:#040926; text-align:center; line-height:1.3;}
.cptMovie .movieArea .textGroup dd {width:100%; margin-top:54px; font-size:19px; font-weight:400; color:#040926; text-align:center; line-height:1.3;}
.cptMovie .movieArea .textGroup i {width:100%; margin-top:45px; font-size:18px; font-weight:400; font-style:normal; line-height:2; color:#040926; text-align:center; display:inline-block;}
.cptMovie .movieArea .textGroup i b { font-weight:700; color:#6adbbe;}
.cptMovie .movieArea .textGroup .moView {display:none;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMovie {padding:38px 0 45px;}
    .cptMovie .movieArea .textGroup {width:100%; margin-top:37px; padding:0 40px;}
    .cptMovie .movieArea .textGroup dt {font-size:18px; text-align:left;}
    .cptMovie .movieArea .textGroup dd {margin-top:10px; font-size:9.5px; text-align:left;}
    .cptMovie .movieArea .textGroup i {margin-top:10px; font-size:9px; line-height:1.2; text-align:left;}
    .cptMovie .movieArea .textGroup i b { font-weight:700;}
    .cptMovie .movieArea .textGroup .moView {display:inline;}

}


/* 도서 */
.cptBook {width:100%; padding:105px 0 85px; background:#fafafa;}
.cptBook .bookArea {width:100%; max-width:1028px; margin:0 auto;}
.cptBook .bookList {width:100%; margin-top:85px; display:flex; justify-content: space-between; flex-wrap: wrap;}
.cptBook .bookList > .item {}
.cptBook .bookList > .item .image {text-align:center;}
.cptBook .bookList > .item .text {margin-top:40px; font-size:21px; font-weight:400; color:#040926; line-height:1.2; text-align:center;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBook {padding:39px 0 45px;}
    .cptBook .bookList {width:100%; margin-top:39px; display:block;}
    .cptBook .bookList > .item {width:100%; margin-top:36px; text-align:center;}
    .cptBook .bookList > .item:first-child {margin-top:0;}
    .cptBook .bookList > .item .image {width:154px; display:inline-block;}
    .cptBook .bookList > .item .image img {width:100%;}
    .cptBook .bookList > .item .text {margin-top:9px; font-size:9px;}
}


/*걸어온길*/
.cptHistory {width:100%; padding:105px 0 160px; background:#fff;}
.cptHistory .historyArea {width:100%; max-width:1390px; margin:0 auto; }
.cptHistory .historyGroup {width:100%; margin-top:130px;}
.cptHistory .historyGroup .list {width:100%; position:relative; left:0; top:0;}
.cptHistory .historyGroup .list dt {width:180px; height:118px; font-size:55px; font-weight:400; color:#040926; line-height:118px; position:absolute; left:0; top:0;}
.cptHistory .historyGroup .list dd {width:calc(100% - 360px); margin:0 auto;}
.cptHistory .historyGroup .list ul {width:100%; border-left:1px solid #9b9da8; display:table;}
.cptHistory .historyGroup .list li {width:100%; display:table-row;}
.cptHistory .historyGroup .list .month {width:128px; height:118px; font-size:40px; font-weight:400; color:#040926; border-bottom:1px solid #eaeff4;  display:table-cell; text-align:center; vertical-align:middle;}
.cptHistory .historyGroup .list .text {padding:10px 0 10px 70px; font-size:19px; font-weight:400; color:#040926; line-height:1.8; border-bottom:1px solid #eaeff4; vertical-align:middle; display:table-cell;}
.cptHistory .historyGroup .list li:first-child .month {border-top:1px solid #eaeff4;}
.cptHistory .historyGroup .list li:first-child .text {border-top:1px solid #eaeff4;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptHistory {padding:38px 0 48px;}
    .cptHistory .historyGroup {margin-top:20px;}
    .cptHistory .historyGroup .list dt {width:60px; height:30px; font-size:12.5px; line-height:30px; text-align:center;}
    .cptHistory .historyGroup .list dd {width:calc(100% - 60px); margin-left:60px;}
    .cptHistory .historyGroup .list .month {width:30px; height:30px; font-size:10px;}
    .cptHistory .historyGroup .list .text {padding:5px 7px 5px 7px; font-size:9px;}
}


/* 보이스 스타일링 센터 */
.cptCenter {width:100%; padding:100px 0 160px; background:#fafafa;}
.cptCenter .centerArea {width:100%; max-width:1460px; margin:0 auto;}
.cptCenter .centerGroup {margin-top:73px;}
.cptCenter .centerGroup .container {padding-bottom:20px;}
.cptCenter .centerGroup .swiper-slide {padding:5px; }
.cptCenter .centerGroup .swiper-slide .card { border-radius:10px; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);}
.cptCenter .centerGroup .swiper-slide .image {}
.cptCenter .centerGroup .swiper-slide .image img {width:100%;}
.cptCenter .centerGroup .swiper-slide .text {height:148px; padding:40px; font-size:21px; font-weight:400; color:#040926; text-align:center; line-height:1.5; border-radius:0 0 10px 10px; background:#fff;}
.cptCenter .centerGroup .viewBtn {width:100%; position:relative;}
.cptCenter .centerGroup .viewBtn .prev {width:54px; height:116px; font-size:0; background:url(/images/btn-left.png) center no-repeat; position:absolute; left:-110px; bottom:205px;}
.cptCenter .centerGroup .viewBtn .next {width:54px; height:116px; font-size:0; background:url(/images/btn-right.png) center no-repeat; position:absolute; right:-110px; bottom:205px;}

@media screen and (min-width: 768px) and (max-width: 1700px) {
    .cptCenter .centerGroup .viewBtn {display:none;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptCenter {padding:38px 0 40px;}
    .cptCenter .centerGroup {width:calc(100% - 90px); margin:37px auto 0; position:relative;}
    .cptCenter .centerGroup .container {padding-bottom:20px;}
    .cptCenter .centerGroup .swiper-slide {padding:5px; }
    .cptCenter .centerGroup .swiper-slide .card {border-radius:10px; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);}
    .cptCenter .centerGroup .swiper-slide .image {}
    .cptCenter .centerGroup .swiper-slide .image img {width:100%;}
    .cptCenter .centerGroup .swiper-slide .text {height:64px; padding:25px; font-size:9.5px; border-radius:0 0 10px 10px;}
    .cptCenter .centerGroup .viewBtn {display:block; position:absolute; top:50%;}
    .cptCenter .centerGroup .viewBtn .prev {width:23px; height:50px; font-size:0; background:url(/images/btn-left.png) center / 100% no-repeat; position:absolute; left:-33px; bottom:0;}
    .cptCenter .centerGroup .viewBtn .next {width:23px; height:50px; font-size:0; background:url(/images/btn-right.png) center / 100% no-repeat; position:absolute; right:-33px; bottom:0;}
    
}


/* 지도 */
.cptMap {padding-top:100px;  background:#fff;}
.cptMap .mapArea {}
.cptMap .mapGroup {margin-top:75px; font-size:0}
.cptMap .mapGroup img {width:100%; font-size:0;}


/* --------------------------- 수업소개 ---------------------------- */
.cptCurriMain {width:100%; padding-top:128px; margin-bottom:290px;}
.cptCurriMain .curriMainArea {width:100%; max-width:962px; margin:0 auto;}
.cptCurriMain .curriGroup {}
.cptCurriMain .curriGroup > .item {width:100%; height:476px; margin-bottom:30px; border-radius:10px; box-shadow: 0px 3px 7px 0 rgb(0 0 0 / 5%); background:#fff; overflow:hidden;}
.cptCurriMain .curriGroup > .item a {width:100%; height:100%; display:block;}
.cptCurriMain .curriGroup > .item dl {padding-top:180px;}
.cptCurriMain .curriGroup > .item dl .single {padding-top:37px;}
.cptCurriMain .curriGroup > .item dt {}
.cptCurriMain .curriGroup > .item dt .title {font-size:40px; font-weight:400; color:#040926; line-height:1.125; display:block;}
.cptCurriMain .curriGroup > .item dt .title:after {content:""; width:19px; height:40px; margin-left:10px; vertical-align: middle; background:url(/images/icon_arr03.png) center 0px no-repeat; display:inline-block;}
.cptCurriMain .curriGroup > .item dt em.title {font-weight:700;}
.cptCurriMain .curriGroup > .item dt b {font-size:40px; font-weight:800; color:#040926; line-height:1.125; display:block;}

.cptCurriMain .curriGroup > .item dd {margin-top:24px; font-size:19px; font-weight:400; color:#040926; line-height:1.4; display:block;}

.cptCurriMain .curriGroup > .item.bn01 a {padding-left:52.08%; background:#fff url(/images/info01.png) 50px center / 40% no-repeat;}
.cptCurriMain .curriGroup > .item.bn01 dl {width:100%; text-align:left; display:inline-block;}
.cptCurriMain .curriGroup > .item.bn02 a {background:#fff url(/images/info02.png) 72% bottom no-repeat;}
.cptCurriMain .curriGroup > .item.bn02 dl {padding-left:95px;}
.cptCurriMain .curriGroup > .item.bn03 a {padding-left:52.08%; background:#fff url(/images/info03.png) left bottom / 44.5% no-repeat;}
.cptCurriMain .curriGroup > .item.bn03 dl {width:100%; text-align:left; display:inline-block}
.cptCurriMain .curriGroup > .item.bn04 a {background:#fff url(/images/info04.png) 72% center no-repeat;}
.cptCurriMain .curriGroup > .item.bn04 dl {padding-left:95px;}

.cptCurriMain .curriGroup > .item.bn05 a {padding-left:52.08%; background:#fff url(/images/epil01.png) left bottom no-repeat;}
.cptCurriMain .curriGroup > .item.bn05 dl {width:100%; text-align:left; display:inline-block}
.cptCurriMain .curriGroup > .item.bn06 a {background:#fff url(/images/epil02.png) 68% center no-repeat;}
.cptCurriMain .curriGroup > .item.bn06 dl {padding-left:95px;}

.cptCurriMain .curriGroup > .item.bn07 a {padding-left:60%; background:#fff url(/images/comm01.png) left bottom no-repeat;}
.cptCurriMain .curriGroup > .item.bn07 dl {width:100%; text-align:left; display:inline-block}
.cptCurriMain .curriGroup > .item.bn08 a {background:#fff url(/images/comm02.png) right bottom no-repeat;}
.cptCurriMain .curriGroup > .item.bn08 dl {padding-left:95px;}
.cptCurriMain .curriGroup > .item.bn09 a {padding-left:60%; background:#fff url(/images/comm03.png) left bottom no-repeat;}
.cptCurriMain .curriGroup > .item.bn09 dl {width:100%; text-align:left; display:inline-block}
.cptCurriMain .curriGroup > .item.bn10 a {background:#fff url(/images/comm04.png) right bottom no-repeat;}
.cptCurriMain .curriGroup > .item.bn10 dl {padding-left:95px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptCurriMain {padding-top:33px; margin-bottom:112px;}
    .cptCurriMain .curriGroup {padding:0 10px;}
    .cptCurriMain .curriGroup > .item {height:259px; margin-bottom:17px; border-radius:10px;;}
    .cptCurriMain .curriGroup > .item dl {padding:20px 0 0 20px;}
    .cptCurriMain .curriGroup > .item dt .title {font-size:16px;}
    .cptCurriMain .curriGroup > .item dt .title:after {content:""; width:9px; height:20px; margin-left:4px; vertical-align: middle; background:url(/images/icon_arr03.png) center 2px / 7px no-repeat; display:inline-block;}
    .cptCurriMain .curriGroup > .item dt b {font-size:16px;}
    .cptCurriMain .curriGroup > .item dd {margin-top:7px; font-size:9px;}
    
    .cptCurriMain .curriGroup > .item.bn01 a {padding-left:0; background:#fff url(/images/info01.png) calc(100% - 46px) 127px / 210px no-repeat;}
    .cptCurriMain .curriGroup > .item.bn01 dl {width:100%; text-align:left; display:inline-block;}
    .cptCurriMain .curriGroup > .item.bn02 a {background:#fff url(/images/info02.png) calc(100% - 51px) bottom / 107px no-repeat;}
    .cptCurriMain .curriGroup > .item.bn02 dl {padding-left:20px;}
    .cptCurriMain .curriGroup > .item.bn03 a {padding-left:0; background:#fff url(/images/info03_m.png) right bottom / 210px no-repeat;}
    .cptCurriMain .curriGroup > .item.bn03 dl {width:100%; text-align:left; display:inline-block}
    .cptCurriMain .curriGroup > .item.bn04 a {background:#fff url(/images/info04.png) calc(100% - 35px) 90px / 116px no-repeat;}
    .cptCurriMain .curriGroup > .item.bn04 dl {padding-left:20px;}
    
    .cptCurriMain .curriGroup > .item.bn05 a {padding-left:0; background:#fff url(/images/epil01_m.png) right bottom / 210px no-repeat;}
    .cptCurriMain .curriGroup > .item.bn05 dl {width:100%; text-align:left; display:inline-block}
    .cptCurriMain .curriGroup > .item.bn06 a {background:#fff url(/images/epil02.png) calc(100% - 35px) 90px / 116px no-repeat;}
    .cptCurriMain .curriGroup > .item.bn06 dl {padding-left:20px;}
    
    .cptCurriMain .curriGroup > .item.bn07 a {padding-left:0; background:#fff url(/images/comm01.png) right bottom / 280px no-repeat;}
    .cptCurriMain .curriGroup > .item.bn07 dl {width:100%; text-align:left; display:inline-block}
    .cptCurriMain .curriGroup > .item.bn08 a {background:#fff url(/images/comm02.png) right bottom / 210px no-repeat;}
    .cptCurriMain .curriGroup > .item.bn08 dl {padding-left:20px;}
    .cptCurriMain .curriGroup > .item.bn09 a {padding-left:0; background:#fff url(/images/comm03_m.png) right bottom / 210px no-repeat;}
    .cptCurriMain .curriGroup > .item.bn09 dl {width:100%; text-align:left; display:inline-block}
    .cptCurriMain .curriGroup > .item.bn10 a {background:#fff url(/images/comm04.png) right bottom / 210px no-repeat;}
    .cptCurriMain .curriGroup > .item.bn10 dl {padding-left:20px;}
}

/* 스타일링 클래스 수업소개 - 상단 비주얼 */
.cptClassHeader {width:100%;}
.cptClassHeader .classArea {width:100%;}
.cptClassHeader .classTitle {width:100%; max-width:1024px; margin:0 auto;}
.cptClassHeader .classTitle em {width:100%; height:58px; font-size:17px; font-weight:800; color:#040926; line-height:58px; display:block;}
.cptClassHeader .infoGroup {width:100%; height:866px; background:url(/images/img_class01.png) right top no-repeat;}
.cptClassHeader .infoGroup dl {width:100%; max-width:1340px; margin:0 auto;}
.cptClassHeader .infoGroup dt {padding-top:220px; font-size:35px; font-weight:200; color:#fff; line-height:1.5;}
.cptClassHeader .infoGroup.class02 dt {padding-top:130px;}
.cptClassHeader .infoGroup.class03 dt {padding-top:365px;}
.cptClassHeader .infoGroup.class04 dt {padding-top:250px;}
.cptClassHeader .infoGroup dt b {font-weight:700;}
.cptClassHeader .infoGroup dt .line {text-decoration:underline;}
.cptClassHeader .infoGroup dd {margin-top:40px; font-size:21px; font-weight:400; color:#fff; line-height:1.5;}
.cptClassHeader .infoGroup dd b {font-weight:700;}
.cptClassHeader .infoGroup dd .line {text-decoration:underline;}
.cptClassHeader .infoGroup.lect01 {width:100%; height:629px; background:url(/images/img_lect01.png) center top no-repeat;}
.cptClassHeader .infoGroup.lect01 dt {padding-top:360px;}
.cptClassHeader .infoGroup.lect01 dd {margin-top:20px;}

@media screen and (min-width: 100px) and (max-width: 1340px) {
    .cptClassHeader .infoGroup {padding:0 20px;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptClassHeader .classTitle {display:none;}
    .cptClassHeader .infoGroup {width:100%; height:380px; background:url(/images/img_class01.png) right top / cover no-repeat;}
    .cptClassHeader .infoGroup dt {padding-top:92px; font-size:13px;}
    .cptClassHeader .infoGroup.class02 dt {padding-top:50px;}
    .cptClassHeader .infoGroup.class03 dt {padding-top:150px;}
    .cptClassHeader .infoGroup.class04 dt {padding-top:132px;}
    .cptClassHeader .infoGroup dd {margin-top:20px; font-size:10px;}
    .cptClassHeader .infoGroup.lect01 {width:100%; height:330px; background:url(/images/img_lect01.png) center top / cover no-repeat;}
    .cptClassHeader .infoGroup.lect01 dt {padding-top:180px;}
    .cptClassHeader .infoGroup.lect01 dd {margin-top:10px;}
}

/* 스타일링 클래스 수업소개 - 클래스 대상 */
.cptClassTarget {width:100%; padding-top:105px; background:#fff;}
.cptClassTarget .classArea {width:100%; max-width:1340px; margin:0 auto;}
.cptClassTarget .targetGroup {margin-top:90px; padding-left:50%; padding-bottom:95px; background:url(/images/img_class01_01.png) left top / 50% no-repeat;}
.cptClassTarget .targetGroup > .item {margin-bottom:20px; padding-left:50px; font-size:21px; font-weight:400; color:#040926;}

@media screen and (min-width: 100px) and (max-width: 1340px) {
    .cptClassTarget .classArea {padding:0 20px;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptClassTarget {padding-top:40px; }
    .cptClassTarget .classArea {padding:0 35px;}
    .cptClassTarget .targetGroup {margin-top:27px; padding:100% 0 35px; background:url(/images/img_class01_01.png) left top / 100% no-repeat;}
    .cptClassTarget .targetGroup > .item {margin-bottom:0; padding-left:0; font-size:10px;}
}


/* 스타일링 클래스 수업소개 - 커리큘럼 */
.cptCurriculum {width:100%; margin-top:105px; margin-bottom:150px;}
.cptCurriculum .curriArea {width:100%; max-width:1370px; margin:0 auto;} /* 20220221 수정 */
.cptCurriculum .curriGroup {margin-top:107px; font-size:0; display:flex; flex-wrap: wrap;}
.cptCurriculum .curriGroup > .item {width:calc(50% - 10px); height:380px; margin-left:20px; padding:20px 20px 20px 45px; border-radius:20px;  display:flex; box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.15); background:#fff;}
.cptCurriculum .curriGroup > .item:nth-child(2n + 1) {margin-left:0;}
.cptCurriculum .curriGroup > .item:nth-child(n + 3) {margin-top:20px;}
.cptCurriculum .curriStep {width:270px; border-right:1px solid #dedede; display:flex; flex-wrap:wrap; align-content: center;}
.cptCurriculum .curriStep dl {}
.cptCurriculum .curriStep dt {font-size:35px; font-weight:800; color:#040926;}
.cptCurriculum .curriStep dd {margin-top:30px; font-size:33px; font-weight:400; color:#040926; line-height:1.2;}
.cptCurriculum .curriStep dd i {margin-top:20px; font-size:18px; font-style:normal; font-weight:400; color:#040926; line-height:1.2; display:block;}
.cptCurriculum .curriInfo {width:calc(100% - 270px); display:flex; flex-wrap:wrap; align-content: center;}
.cptCurriculum .curriInfo dl {width:100%; padding-left:45px; margin-top:30px;}
.cptCurriculum .curriInfo dl:first-child {margin-top:0;}
.cptCurriculum .curriInfo dt {font-size:18px; font-weight:800; color:#040926;}
.cptCurriculum .curriInfo dd {font-size:18px; font-weight:400; color:#040926; line-height:1.2;}
.cptCurriculum .curriInfo dd .point {width:100%; margin-bottom:10px; display:inline-block;}
.cptCurriculum .curriUnit {width:100%; padding:20px; border-radius:20px; background:#fff; display:flex; flex-wrap:nowrap; align-content: center; box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.15);}
.cptCurriculum .curriUnit .titleArea {width:295px; padding:50px 0 50px 70px; font-size:35px; font-weight:400; color:#040926; border-right:1px solid #dedede;}
.cptCurriculum .curriUnit .titleArea b {font-weight:800;}
.cptCurriculum .curriUnit .textArea {padding-left:70px; display:flex;}
.cptCurriculum .curriUnit .textArea dl {align-self: center;;}
.cptCurriculum .curriUnit .textArea dt {font-size:30px; font-weight:400; color:#040926;}
.cptCurriculum .curriUnit .textArea dd {padding-left:13px; margin-top:20px; font-size:18px; font-weight:400; color:#040926;}
.cptCurriculum .curriList {width:100%; max-width:1024px; margin:105px auto 0; padding:65px 0; border-radius:20px; background:#fff; display:flex; flex-wrap:nowrap; align-content: center; box-shadow: 0px 3px 7px 0 rgba(0, 0, 0, 0.15);}
.cptCurriculum .curriList dl {width:100%; max-width:577px; margin:0 auto;}
.cptCurriculum .curriList dt {font-size:35px; font-weight:700; color:#040926;}
.cptCurriculum .curriList dd {margin-top:40px;}
.cptCurriculum .curriList li {font-size:35px; font-weight:400; color:#040926; line-height:60px; border-bottom:1px solid #dcdcdc;}

@media screen and (min-width: 100px) and (max-width: 1280px) {
    .cptCurriculum .curriArea {padding:0 20px;}
    .cptCurriculum .curriGroup > .item {width:100%; margin-left:0; margin-top:20px;}
    .cptCurriculum .curriGroup > .item:nth-child(n + 2) {margin-top:20px;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptCurriculum {margin:0 0 40px;}
    .cptCurriculum .curriArea {padding:40px 35px 0;}
    .cptCurriculum .curriGroup {margin-top:37px;}
    .cptCurriculum .curriGroup > .item {min-height:160px; height:auto; margin-left:0; margin-top:0; padding:8px 8px 8px 18px; border-radius:7px; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);}
    .cptCurriculum .curriGroup > .item:nth-child(n + 2) {margin-top:15px;}
    .cptCurriculum .curriStep {width:160px;} /* 20220221 수정 130 => 160 */
    .cptCurriculum .curriStep dt {font-size:13px;}
    .cptCurriculum .curriStep dd {margin-top:10px; font-size:12px;}
    .cptCurriculum .curriStep dd i {margin-top:5px; font-size:9px;}
    .cptCurriculum .curriInfo {width:calc(100% - 105px);}
    .cptCurriculum .curriInfo dl {width:100%; padding-left:16px; margin-top:11px;}
    .cptCurriculum .curriInfo dl:first-child {margin-top:0;}
    .cptCurriculum .curriInfo dt {font-size:9px;}
    .cptCurriculum .curriInfo dd {font-size:9px;}
    .cptCurriculum .curriInfo dd .point {margin-bottom:2px;}

    .cptCurriculum .curriUnit {padding:8px; border-radius:7px; flex-wrap:wrap; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);}
    .cptCurriculum .curriUnit .titleArea {width:50%; padding:10px 0 10px 13px; font-size:17px;}
    .cptCurriculum .curriUnit .titleArea:nth-child(2) {border:0;}
    .cptCurriculum .curriUnit .textArea {width:100%; padding-left:0; border-top:1px solid #dedede;}
    .cptCurriculum .curriUnit .textArea dl {width:100%; padding:18px 0;}
    .cptCurriculum .curriUnit .textArea dt {width:100%; font-size:13px; text-align:center;}
    .cptCurriculum .curriUnit .textArea dd {width:100%; margin-top:5px; font-size:9px; text-align:center;}

    .cptCurriculum .curriList {margin-top:37px; padding:18px; border-radius:7px; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.15);}
    .cptCurriculum .curriList dl {width:100%; max-width:577px; margin:0 auto;}
    .cptCurriculum .curriList dt {font-size:13px;}
    .cptCurriculum .curriList dd {margin-top:10px;}
    .cptCurriculum .curriList li {font-size:12px; line-height:20px; }
}

/* 예외...20220221 */
.cptCurriculum.type02 .curriInfo dl {padding-left:30px;}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptCurriculum.type02 .curriInfo dl {padding-left:16px;}

}


/* 스타일링 클래스 수업소개 - 클래스 안내 */
.cptClassGuide {width:100%; padding-top:109px; padding-bottom:60px; background:#fff;}
.cptClassGuide .guideArea {width:100%; max-width:1340px; margin:0 auto;}
.cptClassGuide .guideGroup {padding-left:calc(100% - 600px); margin-top:-44px}
.cptClassGuide .guideGroup > li {padding:10px 0 85px 110px; font-size:30px; font-weight:700; color:#040926;}
.cptClassGuide .guideGroup > li.icon01 {background:url(/images/icon_guide01.png) left top no-repeat;}
.cptClassGuide .guideGroup > li.icon02 {background:url(/images/icon_guide02.png) left top no-repeat;}
.cptClassGuide .guideGroup > li.icon03 {background:url(/images/icon_guide03.png) left top no-repeat;}
.cptClassGuide .guideGroup > li.icon04 {background:url(/images/icon_guide04.png) left top no-repeat;}
.cptClassGuide .guideGroup > li > .cmt {margin:0; font-size:20px; font-weight:400; font-style:normal; display:block;}
.cptClassGuide .guideGroup > li .list {margin-top:35px;}
.cptClassGuide .guideGroup > li .list > li {padding-left:30px; padding-bottom:25px; font-size:25px; font-weight:400; color:#040926; position:relative;}
.cptClassGuide .guideGroup > li .list > li:before {content:"-"; width:30px; text-align:center; display:block; position:absolute; left:0; top:10px;}
.cptClassGuide .guideGroup > li .list > li i {font-style:normal; font-weight:200;}
.cptClassGuide .cmt {width:100%; margin-top:-30px; margin-bottom:30px; padding-left: calc(100% - 600px); font-size:21px; font-weight:400; color:#040926; display:block;}

@media screen and (min-width: 100px) and (max-width: 1280px) {
    .cptClassGuide .guideArea {padding:0 20px;}
}
@media screen and (min-width: 100px) and (max-width: 1000px) {
    .cptClassGuide .guideGroup {padding-left:0; margin-top:40px;}
    .cptClassGuide .cmt {padding-left:0;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptClassGuide {padding:40px 0 35px;}
    .cptClassGuide .guideArea {padding:0 35px;}
    .cptClassGuide .guideGroup {padding-left:40px; margin-top:15px}
    .cptClassGuide .guideGroup > li {padding:5px 0 36px 48px; font-size:13px;}
    .cptClassGuide .guideGroup > li.icon01 {background:url(/images/icon_guide01.png) left top / 30px no-repeat;}
    .cptClassGuide .guideGroup > li.icon02 {background:url(/images/icon_guide02.png) left top / 30px no-repeat;}
    .cptClassGuide .guideGroup > li.icon03 {background:url(/images/icon_guide03.png) left top / 30px no-repeat;}
    .cptClassGuide .guideGroup > li.icon04 {background:url(/images/icon_guide04.png) left top / 30px no-repeat;}
    .cptClassGuide .guideGroup > li > .cmt {padding:0; font-size:12px;}
    .cptClassGuide .guideGroup > li .list {margin-top:10px;}
    .cptClassGuide .guideGroup > li .list > li {padding-left:8px; padding-bottom:10px; font-size:9px;}
    .cptClassGuide .guideGroup > li .list > li:before {content:"-"; width:8px; left:0; top:0px;}
    .cptClassGuide .cmt {margin-top:-30px; margin-bottom:10px; padding-left:40px; font-size:9px;}
}

/* 스타일링 클래스 수업소개 - 보이스 카드란 */
.cptQuest {width:100%; padding-top:105px; padding-bottom:150px;}
.cptQuest .questArea {width:100%; max-width:1340px; margin:0 auto;}
.cptQuest .questGroup {padding-left:34%; margin-top:-50px}
.cptQuest .questGroup dt { font-size:30px; font-weight:400; color:#040926;}
.cptQuest .questGroup dd {margin-top:35px; font-size:21px; font-weight:400; color:#040926;}

@media screen and (min-width: 100px) and (max-width: 1280px) {
    .cptQuest .questArea {padding:0 20px;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptQuest {width:100%; padding-top:32px; padding-bottom:32px;}
    .cptQuest .questArea {padding:0 35px;}
    .cptQuest .questGroup {padding-left:0; margin-top:15px}
    .cptQuest .questGroup dt { font-size:10px;}
    .cptQuest .questGroup dd {margin-top:10px; font-size:9px;}
}

.cptLecturer {width:100%; padding-top:115px; background:#fff;}
.cptLecturer .lectArea {}
.cptLecturer .lectGroup {width:100%; padding-top:208px;}
.cptLecturer .lectGroup .item {width:100%; min-height:572px; max-width:1360px; margin:0 auto; padding-bottom:200px;}
.cptLecturer .lectGroup.num01 .item {background:url(/images/img_lect02.png) left top / 42% no-repeat;}
.cptLecturer .lectGroup.num01 .lectList {padding-left:50%; }
.cptLecturer .lectGroup.num02 {background:#fafafa;}
.cptLecturer .lectGroup.num02 .item {background:url(/images/img_lect03.png) right top / 42% no-repeat;}
.cptLecturer .lectGroup.num02 .lectList {padding-right:50%; }
.cptLecturer .lectGroup.num03 .item { background:url(/images/img_lect04.png) left top / 42% no-repeat;}
.cptLecturer .lectGroup.num03 .lectList {padding-left:50%;}
.cptLecturer .lectGroup.num04 {background:#fafafa;}
.cptLecturer .lectGroup.num04 .item {background:url(/images/img_lect05.png) right top / 42% no-repeat;}
.cptLecturer .lectGroup.num04 .lectList {padding-right:50%;}
.cptLecturer .lectGroup .lectList dt {font-size:30px; font-weight:400;}
.cptLecturer .lectGroup .lectList dt b {font-size:40px; font-weight:800;}
.cptLecturer .lectGroup .lectList dd {margin-top:40px; font-size:21px; font-weight:400; line-height:1.5;}
.cptLecturer .lectGroup .lectList dd b {font-weight:700;}
.cptLecturer .lectGroup .career {width:100%; margin-top:40px;}
.cptLecturer .lectGroup.num01 .career {padding-left:50%;}
.cptLecturer .lectGroup.num02 .career {padding-right:50%;}
.cptLecturer .lectGroup.num03 .career {padding-left:50%;}
.cptLecturer .lectGroup.num04 .career {padding-right:50%;}
.cptLecturer .lectGroup .career table {width:100%; border-collapse:collapse; border-spacing:1px;}
.cptLecturer .lectGroup .career .col01 {width:50px;}
.cptLecturer .lectGroup .career .col02 {width:auto;}
.cptLecturer .lectGroup .career th {font-size:18px; font-weight:700; color:#040926; text-align:left; vertical-align:top;}
.cptLecturer .lectGroup .career td {font-size:18px; font-weight:400; color:#040926; text-align:left; vertical-align:top;}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptLecturer {padding-top:39px;}
    .cptLecturer .lectArea {}
    .cptLecturer .lectGroup {width:100%; padding-top:37px;}
    .cptLecturer .lectGroup .item {width:100%; min-height:auto; padding-bottom:36px;}
    .cptLecturer .lectGroup .lectList {padding-top:233px;}
    .cptLecturer .lectGroup.num01 .item {background:none;}
    .cptLecturer .lectGroup.num02 .item {background:none;}
    .cptLecturer .lectGroup.num03 .item {background:none;}
    .cptLecturer .lectGroup.num04 .item {background:none;}
    .cptLecturer .lectGroup.num01 .lectList {padding-left:0; background:url(/images/img_lect02.png) center top / 202px no-repeat;}
    .cptLecturer .lectGroup.num02 .lectList {padding-right:0; background:url(/images/img_lect03.png) center top / 202px no-repeat;}
    .cptLecturer .lectGroup.num03 .lectList {padding-left:0; background:url(/images/img_lect04.png) center top / 202px no-repeat;}
    .cptLecturer .lectGroup.num04 .lectList {padding-right:0; background:url(/images/img_lect05.png) center top / 202px no-repeat;}
    .cptLecturer .lectGroup .lectList dt {padding-left:36px; font-size:11px;}
    .cptLecturer .lectGroup .lectList dt b {width:100%; font-size:12.5px; display:inline-block;}
    .cptLecturer .lectGroup .lectList dd {padding-left:36px; margin-top:20px; font-size:9px;}

    .cptLecturer .lectGroup .career {margin-top:10px;}
    .cptLecturer .lectGroup.num01 .career {padding-left:36px;}
    .cptLecturer .lectGroup.num02 .career {padding-right:0; padding-left:36px;}
    .cptLecturer .lectGroup.num03 .career {padding-left:36px;}
    .cptLecturer .lectGroup.num04 .career {padding-right:0; padding-left:36px;}
    .cptLecturer .lectGroup .career .col01 {width:30px;}
    .cptLecturer .lectGroup .career .col02 {width:auto;}
    .cptLecturer .lectGroup .career th {font-size:9px;}
    .cptLecturer .lectGroup .career td {font-size:9px;}
}

.cptMission {width:100%; padding:110px 0 110px; background:#fff;}
.cptMission .missionArea {width:100%; max-width:1360px; margin:0 auto;}
.cptMission .missionGroup {margin-top:147px; text-align:center;}
.cptMission .missionGroup img {}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMission {width:100%; padding:40px 0 35px;}
    .cptMission .missionArea {width:100%; max-width:1360px; margin:0 auto;}
    .cptMission .missionGroup {margin-top:20px; padding:0 15px;}
    .cptMission .missionGroup img {width:100%;}
}

/* 보드 상단 */
.cptBoardTop {width:100%; padding:156px 0 100px; background:#f5f5f5;}
.cptBoardTop .boardTopArea {width:100%; max-width:1340px; margin:0 auto;}
.cptBoardTop dl {padding-top:425px; background:url(/images/img_board.png) center top no-repeat;}
.cptBoardTop dt {font-size:40px; font-weight:800; color:#040926; text-align:center;}
.cptBoardTop dd {margin-top:25px; font-size:21px; font-weight:400; color:#040926; text-align:center;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBoardTop {width:100%; padding:80px 0 50px; background:#f5f5f5;}
    .cptBoardTop dl {padding-top:55%; background:url(/images/img_board.png) center top / 50% no-repeat;}
    .cptBoardTop dt {font-size:24px;}
    .cptBoardTop dd {margin-top:0; font-size:16px;}
}


/* 게사판(텍스트) */
.cptBoardAco {width:100%; padding:88px 0 72px; background:#fafafa;}
.cptBoardAco .acoArea {width:100%; max-width:800px; margin:0 auto;}
.cptBoardAco .acoCont {margin-top:99px;}
.cptBoardAco .boardGroup {border-top:1px solid #e6e6e6;}
.cptBoardAco .boardGroup > .item {}
.cptBoardAco .boardGroup .list {min-height:65px; border-bottom:1px solid #e6e6e6; background:url(/images/arr_board.png) calc(100% - 20px) center no-repeat;}
.cptBoardAco .boardGroup .list a {display:flex;}
.cptBoardAco .boardGroup .list .name {width:100px; height:100%; min-height:65px; padding:0 0 0 30px; font-size:16px; font-weight:700; color:#040926; align-self:center; display:flex; align-items:center;}
.cptBoardAco .boardGroup .list .date {width:120px; height:100%; min-height:65px; padding:0 0 0 30px; font-size:16px; font-weight:700; color:#040926; align-self:center; display:flex; align-items:center;}
.cptBoardAco .boardGroup .list .text {width:calc(100% - 220px); height:100%; min-height:65px; padding:0; font-size:16px; font-weight:700; color:#040926; display:flex; align-items:center;}
.cptBoardAco .boardGroup .list .day {width:100px; height:100%; min-height:65px; padding:0; font-size:16px; font-weight:700; color:#040926; align-self:center; display:flex; align-items:center;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBoardAco {padding:40px 0 30px;}
    .cptBoardAco .acoCont {margin-top:40px; padding:0 20px;}
    .cptBoardAco .boardGroup .list {min-height:50px; background:url(/images/arr_board.png) calc(100% - 10px) center no-repeat;}
    .cptBoardAco .boardGroup .list .name {width:90px; min-height:50px; padding:0 0 0 20px; font-size:14px;}
    .cptBoardAco .boardGroup .list .date {width:90px; min-height:50px; padding:0 0 0 20px; font-size:14px;}
    .cptBoardAco .boardGroup .list .text {width:calc(100% - 180px); min-height:50px; padding:10px 10px 10px 10px; font-size:14px; }
    .cptBoardAco .boardGroup .list .day {width:90px; min-height:50px; padding:0 0 0 20px; font-size:14px;}
}

/* 게사판(갤러리) */
.cptBoardGall {width:100%; padding:88px 0 72px; background:#fafafa;}
.cptBoardGall .gallArea {width:100%; max-width:950px; margin:0 auto;}
.cptBoardGall .gallCont {margin-top:114px;}
.cptBoardGall .boardGroup {margin-bottom:130px; display:flex; flex-wrap:wrap;}
.cptBoardGall .boardGroup > .item {width:50%; padding:0 22px; display:block;}
.cptBoardGall .boardGroup > .item:nth-child(n + 3) {margin-top:109px;}

.cptBoardGall .boardGroup .list {box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.05); background:#fff;}
.cptBoardGall .boardGroup .list a {display:block;}
.cptBoardGall .boardGroup .list .image {}
.cptBoardGall .boardGroup .list .text {padding:25px 0;}
.cptBoardGall .boardGroup .list .text i {font-size:20px; font-weight:200; font-style:normal; color: #040926; text-align:center; display:block;}
.cptBoardGall .boardGroup .list .text b {margin-top:2px; font-size:26px; font-weight:700; color: #040926;  text-align:center; display:block;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBoardGall {width:100%; padding:40px 0 30px;}
    .cptBoardGall .gallCont {margin-top:40px;}
    .cptBoardGall .boardGroup {margin-bottom:40px;}
    .cptBoardGall .boardGroup > .item {width:100%; padding:0 20px; display:block;}
    .cptBoardGall .boardGroup > .item:nth-child(n + 2) {margin-top:30px;}
    .cptBoardGall .boardGroup .list .image img {width:100%;}
    .cptBoardGall .boardGroup .list .text {padding:15px 0;}
    .cptBoardGall .boardGroup .list .text i {font-size:16px;}
    .cptBoardGall .boardGroup .list .text b {font-size:20px;}
    
}

/* 게시판 그리드형 */
.cptBoardGrid {width:100%; padding:56px 0 72px; background:#fafafa;}
.cptBoardGrid .gridArea {width:100%; max-width:776px; margin:0 auto;}
.cptBoardGrid .gridCont {margin-top:56px;}
.cptBoardGrid .boardGroup {width:100%; display:flex; flex-wrap:wrap;}
.cptBoardGrid .boardGroup > .item {width:calc(33.33% - 8px); height:272px; margin-left:8px; border:1px solid #f4f4f4;}
.cptBoardGrid .boardGroup > .item:nth-child(3n + 1) {margin-left:0;}
.cptBoardGrid .boardGroup > .item:nth-child(n + 4) {margin-top:12px;}
.cptBoardGrid .list {width:100%; height:100%; padding:22px 30px; border:1px solid #f9f9f9; background:#fff; position:relative;}
.cptBoardGrid .list dl {}
.cptBoardGrid .list dt {font-size:16px; font-weight:800; color:#5cc6ba;width:100%;height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cptBoardGrid .list dd {margin-top:6px; font-size:14px; font-weight:200; color:#040926;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;word-wrap:break-word;line-height:21px;height:147px;}
.cptBoardGrid .list a {font-size:13px; font-weight:800; color:#5cc6ba; display:block; position:absolute; left:30px; bottom:22px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBoardGrid {padding:40px 0 30px;}
    .cptBoardGrid .gridCont {margin-top:30px; padding:0 20px;}
    .cptBoardGrid .boardGroup > .item {width:100%; height:160px; margin-left:0; margin-top:12px;}
    .cptBoardGrid .list {padding:17px 20px; }
    .cptBoardGrid .list dt {font-size:15px;}
    .cptBoardGrid .list dd {margin-top:6px; font-size:13px;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;line-height:21px;height:63px;}
    .cptBoardGrid .list a {left:20px; bottom:17px;}

}

/* 수강신청 */
.cptContact {width:100%; padding:56px 0 121px;}
.cptContact .contactArea {width:100%; max-width:618px; margin:0 auto;}
.cptContact .formGroup {width:100%; margin-top:75px;}
.cptContact .formGroup li {margin-top:28px;}
.cptContact .formGroup li:first-child {margin-top:0px;}
.cptContact .formGroup input[type=text] {width:100%; height:45px; padding-left:45px; font-size:16px; color:#fff; border:0; background:#8b8b8b;}
.cptContact .formGroup input[type=text]::placeholder {font-size: 16px; color: #fff;}
.cptContact .formGroup input[type=text]:-ms-input-placeholder {font-size: 16px; color: #fff;}
.cptContact .formGroup input[type=text]::-ms-input-placeholder {font-size: 16px; color: #fff;}
.cptContact .formGroup input[type=password]::placeholder {font-size: 16px; color: #fff;}
.cptContact .formGroup input[type=password]:-ms-input-placeholder {font-size: 16px; color: #fff;}
.cptContact .formGroup input[type=password]::-ms-input-placeholder {font-size: 16px; color: #fff;}
.cptContact .formGroup input.iptName { background:#8b8b8b url(/images/icon_ipt01.png) left top no-repeat;}
.cptContact .formGroup input.iptPassword { width:100%; height:45px; padding-left:45px; font-size:16px; color:#fff; border:0; background:#8b8b8b;background:#8b8b8b url(/images/icon_ipt05.png) left top no-repeat;}
.cptContact .formGroup input.iptPhone { background:#8b8b8b url(/images/icon_ipt02.png) left top no-repeat;}
.cptContact .formGroup input.iptHope { background:#8b8b8b url(/images/icon_ipt03.png) left top no-repeat;}
.cptContact .formGroup input.iptPath { background:#8b8b8b url(/images/icon_ipt04.png) left top no-repeat;}
.cptContact .formGroup select.iptHope {width:100%; height:45px; padding-left:45px; font-size:16px; color:#fff; border:0; background:#8b8b8b url(/images/icon_ipt03.png) left top no-repeat;}
.cptContact .formGroup select.iptPath {width:100%; height:45px; padding-left:45px; font-size:16px; color:#fff; border:0; background:#8b8b8b url(/images/icon_ipt04.png) left top no-repeat;}
.cptContact .formGroup input.iptEmail { background:#8b8b8b url(/images/icon_ipt08.png) left top no-repeat;}
.cptContact .textArea {margin-top:50px;}
.cptContact .textArea .text {padding-left:11px; font-size:16px; font-weight:400; color:#040926;}
.cptContact .textArea textarea {width:100%; height:115px; margin-top:6px; padding:10px; font-size:16px; font-weight:400; color:#040926; border:1px solid #808080; background:#fafafa;}
.cptContact .textArea .agreeGroup {width:100%; margin-top:9px; position:relative;}
.cptContact .textArea .checkBox {}
.cptContact .textArea .labelBox {font-size:15px; font-weight:200; color:#555;}
.cptContact .textArea .more {padding-right:18px; font-size:15px; font-weight:200; color:#555; background:url(/images/icon_view.png) calc(100% - 5px) center no-repeat; position:absolute; right:0; top:0;}
.cptContact .btnSubmit {width:100%; height:45px; margin-top:38px; font-size:16px; font-weight:700; color:#fff; background:#4e4e4e;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptContact {width:100%; padding:40px 20px 40px;}
    .cptContact .formGroup {width:100%; margin-top:30px;}
    .cptContact .formGroup li {margin-top:15px;}
    .cptContact .formGroup li:first-child {margin-top:0px;}
    .cptContact .formGroup input[type=text] {height:40px; font-size:15px;}
    .cptContact .formGroup input[type=text]::placeholder {font-size: 15px; color: #fff;}
    .cptContact .formGroup input[type=text]:-ms-input-placeholder {font-size: 15px; color: #fff;}
    .cptContact .formGroup input[type=text]::-ms-input-placeholder {font-size: 15px; color: #fff;}
    .cptContact .textArea {margin-top:20px;}
    .cptContact .textArea .text {padding-left:5px; font-size:14px;}
    .cptContact .textArea .labelBox {font-size:14px;}
    .cptContact .textArea .more {font-size:14px;}
    .cptContact .btnSubmit {height:40px;}

}



/* 게사판(갤러리) */
.cptBoardNoti {width:100%; padding:88px 0 72px; background:#fafafa;}
.cptBoardNoti .notiArea {width:100%; max-width:780px; margin:0 auto;}
.cptBoardNoti .notiCont {margin-top:90px;}
.cptBoardNoti .boardGroup {margin-bottom:50px; display:flex; flex-wrap:wrap;}
.cptBoardNoti .boardGroup > .item {width:50%; padding:0 20px; display:block;}
.cptBoardNoti .boardGroup > .item:nth-child(n + 3) {margin-top:52px;}

.cptBoardNoti .boardGroup .list {}
.cptBoardNoti .boardGroup .list a {display:block;}
.cptBoardNoti .boardGroup .list .image {}
.cptBoardNoti .boardGroup .list .text {padding:21px 0;}
.cptBoardNoti .boardGroup .list .text b {height:22px; font-size:16px; font-weight:700; color: #040926; line-height:1.2; display:block; text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap;}
.cptBoardNoti .boardGroup .list .text i {margin-top:27px; font-size:16px; font-weight:400; line-height:1.2; font-style:normal; color: #040926; display:block; text-overflow: ellipsis; overflow:hidden; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBoardNoti {width:100%; padding:40px 0 30px;}
    .cptBoardNoti .notiCont {margin-top:40px;}
    .cptBoardNoti .boardGroup {margin-bottom:40px;}
    .cptBoardNoti .boardGroup > .item {width:100%; padding:0 20px; display:block;}
    .cptBoardNoti .boardGroup > .item:nth-child(n + 2) {margin-top:20px;}
    .cptBoardNoti .boardGroup .list .image img {width:100%;}
    .cptBoardNoti .boardGroup .list .text {padding:15px 0;}
    .cptBoardNoti .boardGroup .list .text i {margin-top:15px; font-size:15px;}
    .cptBoardNoti .boardGroup .list .text b {font-size:15px;}
    
}


/* 개인정보보호정책 */
.cptPrivacy {width:100%; padding:70px 0;}
.cptPrivacy .privacyArea {width:100%; max-width:1024px; margin:0 auto;}
.cptPrivacy .textGroup {margin-top:80px; padding:0 20px;}
.cptPrivacy .tit {margin:30px 0 10px;font-size:18px; font-weight:700; color:#040926; line-height:2;}
.cptPrivacy .text {font-size:15px; font-weight:400; color:#040926; line-height:2;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptPrivacy {width:100%; padding:30px 0;}
    .cptPrivacy .textGroup {margin-top:40px;}
    .cptPrivacy .tit {margin:20px 0 10px;font-size:15px; font-weight:700; color:#040926; line-height:2;}
    .cptPrivacy .text {font-size:14px; font-weight:400; color:#040926; line-height:1.5;}
}



/* ------------------------------------------------------------------ */
/* ----------------------------- Common ----------------------------- */
/* ------------------------------------------------------------------ */

/* 탭그룹 */
.comTabGroup {width:100%; position:relative;}
.comTabGroup .tabNav {width:100%; margin-bottom:90px;}
.comTabGroup .tabNav > .item {width:230px; height:69px; display:inline-block;}
.comTabGroup .tabNav > .item a {width:100%; height:100%; font-size:22px; font-weight:400; color:#040926; line-height:69px; display:inline-block;}
.comTabGroup .tabNav > .item.on {}
.comTabGroup .tabNav > .item.on a {font-size:22px; font-weight:700;}
.comTabGroup .tabNav {width:100%; font-size:0; text-align:center;}
.comTabGroup .tabLine {width:460px; height:6px; border-radius:3px; background:#e5e5e5; display:block; position:absolute; left:calc(50% - 230px); top:69px;}
.comTabGroup .tabLine .tabIdx { width:230px; height:6px; border-radius:3px; background:#6adbbe; display:block; position:absolute; left:0; top:0; transition:all 0.2s;}
.comTabGroup .tabCont {display:none;}
.comTabGroup .tabCont.on {display:block}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .comTabGroup .tabNav { margin-bottom:40px;}
    .comTabGroup .tabNav > .item {width:97px; height:58px;}
    .comTabGroup .tabNav > .item a {font-size:13px; line-height:58px;}
    .comTabGroup .tabNav > .item.on a {font-size:13px; font-weight:700;}
    .comTabGroup .tabNav {width:100%; font-size:0; text-align:center;}
    .comTabGroup .tabLine {width:194px; height:3px; border-radius:1.5px; left:calc(50% - 97px); top:58px;}
    .comTabGroup .tabLine .tabIdx { width:97px; height:3px; border-radius:1.5px;}
}

/* 헤드라인 3 */
.comH4 {width:100%;}
.comH4 h4 {font-size:40px; line-height:1.5; text-align:center;}
.comH4 i {font-style:normal; font-weight:400; display:block;}
.comH4 b {font-weight:800; display:block;}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .comH4 h4 {font-size:16px;}
}

/* 수업소개 타이틀 */
.comClassTitle {}
.comClassTitle h4 {padding-left:20px; font-size:40px; font-weight:800; color:#040926;}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .comClassTitle h4 {padding-left:0px; font-size:13px;}
}

.comLectTitle {width:100%; text-align:center;}
.comLectTitle h4 {font-size:40px; font-weight:400; color:#040926; line-height:1.2;}
.comLectTitle b {font-weight:800;}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .comLectTitle {text-align:left;}
    .comLectTitle h4 {padding-left:35px; font-size:13px;}
}


/* 게사판 타이틀 */
.comBoardTitle {width:100%;}
.comBoardTitle h4 {width:100%; text-align:center; font-size:40px; font-weight:800; color:#040926;}
.comBoardTitle i {width:100%; margin-top:15px; text-align:center; font-size:15px; font-weight:200; font-style:normal; color:#040926; display:block;}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .comBoardTitle h4 {font-size:18px;}
    .comBoardTitle i {font-size:12px;}
}

/* 페이징 */
.comPaging {width:100%; margin-top:67px;}
.comPaging .pageArea {width:100%; text-align:center;}
.comPaging .prev {margin:0 6px; font-size:16px; font-weight:700; color:#040926; display:inline-block; vertical-align:center;}
.comPaging .next {margin:0 6px; font-size:16px; font-weight:700; color:#040926; display:inline-block; vertical-align:center;}
.comPaging .numGroup {display:inline-block; vertical-align:center;}
.comPaging .numGroup .num {margin:0 6px; display:inline-block; vertical-align:center;}
.comPaging .numGroup .num a {font-size:16px; font-weight:700; color:#040926; display:inline-block; vertical-align:center;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comPaging {width:100%; margin-top:30px;}
    .comPaging .prev {font-size:14px;}
    .comPaging .next {font-size:14px;}
    .comPaging .numGroup .num a {font-size:14px;}
}