@charset "utf-8";


/* 서브상단 배너 영역 :: S */
.subTopBanner {width:100%; position:relative; background:#5fcde3;}
.subTopBanner .inner {width:100%; max-width:1140px; padding:50px 15px; box-sizing:border-box; position:relative; margin:0 auto;}
.subTopBanner .inner p {display:block; font-size:30px; line-height:30px; height:30px; font-weight:bold; color:#fff; margin:0; text-align:left; position:relative; text-transform:uppercase;}
.subTopBanner .inner p span {display:inline-block; width:60px; height:2px; line-height:30px; vertical-align:middle; background:#fff; margin:0 0 0 10px; position:relative;}
.subTopBanner .inner p span:after {display:block; content:''; width:10px; height:10px; background:#fff; border-radius:50%; overflow:hidden; position:absolute; right:-5px; top:-4px;}
.subTopBanner .imgBanner {width:100%; height:400px; position:relative;}
.subTopBanner .imgBanner.faq {background:url('/public/images/dvs_sub_banner_bg_faq.jpg') center center no-repeat;}
.subTopBanner .imgBanner.branch {background:url('/public/images/dvs_sub_banner_bg_branch.jpg') center center no-repeat;}
.subTopBanner .imgBanner p {width:100%; display:block; text-align:center; font-size:30px; line-height:40px; height:80px; color:#fff; position:absolute; top:50%; left:0; margin:-40px 0 0 0;}

@media screen and (max-width:768px){
  .subTopBanner .inner {padding:25px 15px;}
  .subTopBanner .inner p {font-size:22px; line-height:22px;}

  .subTopBanner .imgBanner p {font-size:24px; line-height:34px; height:68px; margin:-34px 0 0 0;}
}

@media screen and (max-width:640px){
  .subTopBanner .imgBanner {height:300px;}
  .subTopBanner .imgBanner p {font-size:18px; line-height:28px; height:56px; margin:-28px 0 0 0;}
}

@media screen and (max-width:480px){
  .subTopBanner .imgBanner p {font-size:14px; line-height:24px; height:48px; margin:-24px 0 0 0;}
}
/* 서브상단 배너 영역 :: E */


/* 프론트 테이블 스타일 영역 :: S */
table.front {width:100%; position:relative; border-collapse:collapse;}
table.front th,
table.front td {font-size:15px; line-height:22px; padding:15px 0; text-align:center; color:#333;}
table.front th a,
table.front td a {color:#333;}
table.front thead th {border-top:3px solid #0088cc; border-bottom:2px solid #ececec;}
table.front tbody td {border-bottom:1px solid #ececec;}

table.view {width:100%; position:relative; border-collapse:collapse;}
table.view th,
table.view td {font-size:15px; line-height:22px; padding:15px; text-align:center; color:#333;}
table.view td.title {font-size:30px; line-height:40px; color:#000; font-weight:normal;}
table.view td.writer {font-size:13px; color:#555;}
table.view td.contents {padding-top:30px; border-top:2px solid #ececec; text-align:left;}
table.view td.contents * {max-width:100%;}
table.view td.contents p {margin:0; font-size:13px; line-height:18px;}

@media screen and (max-width:640px){
  table.view td.contents {padding-top:30px; padding:0;}
}
/* 프론트 테이블 스타일 영역 :: E */


/* 브랜드페이지 > 교차 컨텐츠 영역 :: S */
.acrossContentWrap {width:100%; position:relative; max-width:1140px; padding:0 15px; box-sizing:border-box; margin:100px auto 0;}
.acrossContentWrap ul {display:block; width:100%; position:relative; overflow:hidden; margin:0 auto 50px; padding:0;}
.acrossContentWrap ul li {display:block; width:50%; /* float:left; */ position:relative;}
.acrossContentWrap ul li img {display:block; max-width:100%;}
.acrossContentWrap ul li p {display:block; margin:0; text-align:left; color:#606060;}
.acrossContentWrap ul li .title {font-size:30px; line-height:40px; margin:0 auto 20px; letter-spacing:-0.5px;}
.acrossContentWrap ul li .desc {font-size:13px; line-height:24px;}


@media screen and (max-width:1024px){
  .acrossContentWrap {margin:80px auto;}
  .acrossContentWrap ul:first-child {}
  .acrossContentWrap ul:first-child li:first-child {width:60%;}
  .acrossContentWrap ul:first-child li:last-child {width:40%;}
  .acrossContentWrap ul:last-child {}
  .acrossContentWrap ul:last-child li:first-child {width:40%;}
  .acrossContentWrap ul:last-child li:last-child {width:60%; padding-left:20px;}
  .acrossContentWrap ul li .title {font-size:24px; line-height:32px; margin:0 auto 15px;}
  .acrossContentWrap ul li .desc {font-size:13px; line-height:22px;}
}
@media screen and (max-width:640px){
  .acrossContentWrap ul {margin:0 auto;}
  .acrossContentWrap ul li {display:block !important; width:100% !important; text-align:center;}
  .acrossContentWrap ul li .title {font-size:20px; line-height:30px; text-align:center;}
  .acrossContentWrap ul li .desc {text-align:center;}
  .acrossContentWrap ul li img {margin:30px auto;}
}
/* 브랜드페이지 > 교차 컨텐츠 영역 :: E */


/* 브랜드페이지 > 특징설명 영역 :: S */
.featureWrap {width:100%; max-width:1140px; padding:0 15px; box-sizing:border-box; margin:100px auto; position:relative;}
.featureWrap .title {display:block; text-align:center; font-size:30px; line-height:30px; font-weight:bold; color:#222; margin:0 auto 60px;}

.featureWrap .feature .txt1 {display:block; width:100%; text-align:center; font-size:20px; line-height:30px; color:#fff; font-weight:normal; position:relative; margin:0 auto 30px; padding:0 0 30px 0;}
.featureWrap .feature .txt1:after {display:block; content:''; width:50px; height:2px; background:#fff; position:absolute; bottom:0; left:50%; margin:0 0 0 -25px;}

.featureWrap .feature {display:block; width:100%; position:relative; margin:0 auto; padding:50px 40px; box-sizing:border-box; border-radius:10px; /* border:3px solid #fff; */ background:#262626; overflow:hidden;}
.featureWrap .feature li {width:33.33333333333333%; display:block; float:left; position:relative; margin:0; padding:0 20px;}
.featureWrap .feature li img {display:block; max-width:100%;}
.featureWrap .feature li p {display:block; margin:30px auto 0; font-size:16px; line-height:26px; color:#c7c7c7;}
.featureWrap .feature li p b {font-size:18px;}
.featureWrap .feature li span {display:block; font-size:13px; line-height:24px; color:#c7c7c7; margin:30px auto 0;}


@media screen and (max-width:1200px){
  .featureWrap {margin:80px auto;}
  .featureWrap .title {margin:0 auto 50px;}
  .featureWrap .feature {margin:0 auto;}
}
@media screen and (max-width:768px){
  .featureWrap {margin:60px auto; padding:0 15px;}
  .featureWrap .title {font-size:22px; line-height:22px;}
  .featureWrap .feature {padding:30px;}
  .featureWrap .feature li {padding:0 0 0 15px;}
  .featureWrap .feature li p {margin:20px auto 0; font-size:13px; line-height:20px;}
  .featureWrap .feature li p b {font-size:16px;}

  .featureWrap .process th {font-size:15px; padding:15px 0;}
  .featureWrap .process td {padding:15px 5%;}
  .featureWrap .process td ul li {font-size:14px; margin:10px 0;}
  .featureWrap .process .tfoot td {font-size:15px;}
}
@media screen and (max-width:640px){
  .featureWrap .title {font-size:20px; line-height:20px; margin:0 auto 30px;}
  .featureWrap .feature li {width:100%; margin:0 auto 20px !important; text-align:center !important; padding:0 0 20px 0; border-bottom:1px solid #555;}
  .featureWrap .feature li:last-child {margin:0 auto !important; padding:0; border-bottom:0;}
  .featureWrap .feature li img {margin:0 auto;}
  .featureWrap .feature li p {margin:15px auto 0;}
}
/* 브랜드페이지 > 특징설명 영역 :: E */


/* 브랜드페이지 > 교육효과 영역 :: S */
.effectsWrap {width:100%; max-width:1140px; padding:0 15px; box-sizing:border-box; margin:100px auto; position:relative;}
.effectsWrap .title {display:block; text-align:center; font-size:30px; line-height:30px; font-weight:bold; color:#222; margin:0 auto 60px;}

.effectsWrap .effects {display:block; width:100%; position:relative; overflow:hidden; margin:0; padding:0;}
.effectsWrap .effects li {display:block; width:33.33333333333333%; height:220px; float:left; position:relative; padding:0 30px 0 100px; box-sizing:border-box;}
.effectsWrap .effects li p {display:block; margin:0; color:#222; text-align:left;}
.effectsWrap .effects li .tit {font-size:24px; line-height:24px; font-weight:bold; margin:0 auto 30px; padding:0 0 30px 0; position:relative;}
.effectsWrap .effects li .tit:after {display:block; content:''; width:40px; height:1px; background:#222; position:absolute; bottom:0; left:0;}
.effectsWrap .effects li .desc {font-size:13px; line-height:24px;}
.effectsWrap .effects li:before {display:block; content:''; width:74px; height:68px; position:absolute; top:0; left:0; background-size:100% 100% !important;}

.effectsWrap .effects li:nth-child(1):before {background:url('/public/images/brand/dvs_brand_icon_1.png') center center no-repeat;}
.effectsWrap .effects li:nth-child(2):before {background:url('/public/images/brand/dvs_brand_icon_2.png') center center no-repeat;}
.effectsWrap .effects li:nth-child(3):before {background:url('/public/images/brand/dvs_brand_icon_3.png') center center no-repeat;}
.effectsWrap .effects li:nth-child(4):before {background:url('/public/images/brand/dvs_brand_icon_4.png') center center no-repeat;}
.effectsWrap .effects li:nth-child(5):before {background:url('/public/images/brand/dvs_brand_icon_5.png') center center no-repeat;}
.effectsWrap .effects li:nth-child(6):before {background:url('/public/images/brand/dvs_brand_icon_6.png') center center no-repeat;}


@media screen and (max-width:1200px){
  .effectsWrap {margin:80px auto;}
  .effectsWrap .title {margin:0 auto 50px;}
}
@media screen and (max-width:1024px){
  .effectsWrap .effects {padding:0 0 0 50px;}
  .effectsWrap .effects li {width:50%; height:200px; padding:0 20px 0 100px;}
}
@media screen and (max-width:768px){
  .effectsWrap {margin:60px auto; padding:0 15px;}
  .effectsWrap .title {font-size:22px; line-height:22px;}
  .effectsWrap .effects {padding:0 0 0 10px;}
  .effectsWrap .effects li {padding:0 0 0 90px;}
}
@media screen and (max-width:640px){
  .effectsWrap .effects {padding:0;}
  .effectsWrap .effects li {width:100%; height:auto; padding:0 0 30px 0; text-align:center;}
  .effectsWrap .effects li:before {position:relative; top:auto; left:auto; margin:0 auto 15px;}
  .effectsWrap .effects li .tit {text-align:center; font-size:22px; line-height:22px; margin:0 auto 15px; padding:0 0 20px 0;}
  .effectsWrap .effects li .tit:after {left:50%; margin:0 0 0 -20px;}
  .effectsWrap .effects li .desc {text-align:center;}
}
/* 브랜드페이지 > 교육효과 영역 :: E */


/* 두비전페이지 > 컨텐츠 상단배너 영역 :: S */
.contentTopBanner {width:100%; position:relative; overflow:hidden;}
.contentTopBanner img {display:block;}
.contentTopBanner .bg {width:100%; position:absolute; top:0; left:0; z-index:5;}
.contentTopBanner p {display:block; max-width:1140px; padding:80px 15px; box-sizing:border-box; text-align:center; margin:0 auto; color:#fff; font-size:35px; line-height:45px; position:relative; z-index:10;}
.contentTopBanner .laptop {margin:0 auto; max-width:100%; position:relative; z-index:10;}
.contentTopBanner .laptops {margin:0 auto; max-width:100%; position:relative; z-index:10;}


@media screen and (max-width:1440px){
  .contentTopBanner p {padding:40px 15px; font-size:30px; line-height:40px;}
  .contentTopBanner .laptop {margin:0 50px 0 0; float:right;}
}
@media screen and (max-width:1200px){
  .contentTopBanner .laptops {max-width:90%;}
}
@media screen and (max-width:1024px){
  .contentTopBanner .bg {width:140%; max-width:140%;}
  .contentTopBanner p {font-size:24px; line-height:34px;}
  .contentTopBanner .laptop {float:none; margin:0 auto; width:70%; max-width:600px;}
}
@media screen and (max-width:768px){
  .contentTopBanner .bg {width:160%; max-width:160%;}
  .contentTopBanner p {font-size:18px; line-height:28px;}
}
@media screen and (max-width:560px){
  .contentTopBanner p {padding:40px 15px 30px 15px; font-size:16px; line-height:26px;}
}
@media screen and (max-width:480px){
  .contentTopBanner p {padding:30px 15px;}
  .contentTopBanner .bg {width:200%; max-width:200%;}
  .contentTopBanner .laptop {width:90%;}
}
/* 두비전페이지 > 컨텐츠 상단배너 영역 :: E */


/* 두비전페이지 > 대표원장님 메세지 영역 :: S */
.ceoMessageWrap {width:100%; max-width:1140px; padding:0 15px 0 355px; box-sizing:border-box; margin:80px auto; position:relative;}
.ceoMessageWrap img {display:block; max-width:100%; position:absolute; top:0; left:15px;}
.ceoMessageWrap .con {display:block; width:100%; position:relative; margin:0; font-size:13px; line-height:22px; color:#333;}
.ceoMessageWrap .con .tit {display:block; font-size:26px; line-height:36px; font-weight:bold; color:#000; margin:0 auto 30px; letter-spacing:-0.5px;}
.ceoMessageWrap .con b {display:block; font-size:14px;}


@media screen and (max-width:1024px){
  .ceoMessageWrap {padding:0 15px 0 255px;}
  .ceoMessageWrap img {max-width:200px;}
  .ceoMessageWrap .con {}
  .ceoMessageWrap .con .tit {font-size:22px; line-height:32px;}
}
@media screen and (max-width:768px){
  .ceoMessageWrap {margin:60px auto;}
}
@media screen and (max-width:640px){
  .ceoMessageWrap {padding:0 15px 0 230px;}
}
@media screen and (max-width:560px){
  .ceoMessageWrap {padding:0 15px;}
  .ceoMessageWrap img {max-width:250px; margin:0 auto 20px; position:relative; top:auto; left:auto;}
  .ceoMessageWrap .con .tit {text-align:center;}
}
@media screen and (max-width:480px){
  .ceoMessageWrap .con .tit {font-size:16px; line-height:26px; margin:0 auto 20px;}
}
/* 두비전페이지 > 대표원장님 메세지 영역 :: E */


/* 두비전페이지 > 교육내용소개 영역 :: S */
.eduInfoWrap {width:100%; margin:80px auto 0; position:relative; padding:80px 0; background:#f3f3f3; display:none;}
.eduInfoWrap .title {display:block; text-align:center; font-size:30px; line-height:30px; font-weight:bold; color:#222; margin:0 auto 60px;}

.eduInfoWrap .edus {display:block; width:100%; position:relative; overflow:hidden; margin:0 auto; max-width:1140px; padding:0 15px; box-sizing:border-box;}
.eduInfoWrap .edus li {display:block; width:33.33333333333333%; height:220px; float:left; position:relative; padding:0 30px 0 100px; box-sizing:border-box;}
.eduInfoWrap .edus li p {display:block; margin:0; color:#222; text-align:left;}
.eduInfoWrap .edus li .tit {font-size:24px; line-height:24px; font-weight:bold; margin:0 auto 30px; padding:0 0 30px 0; position:relative;}
.eduInfoWrap .edus li .tit:after {display:block; content:''; width:40px; height:1px; background:#222; position:absolute; bottom:0; left:0;}
.eduInfoWrap .edus li .desc {font-size:13px; line-height:24px;}
.eduInfoWrap .edus li:before {display:block; content:''; width:74px; height:68px; position:absolute; top:0; left:0; background-size:100% 100% !important;}

.eduInfoWrap .edus li:nth-child(1):before {background:url('/public/images/about/dvs_about_icon_1.png') center center no-repeat;}
.eduInfoWrap .edus li:nth-child(2):before {background:url('/public/images/about/dvs_about_icon_2.png') center center no-repeat;}
.eduInfoWrap .edus li:nth-child(3):before {background:url('/public/images/about/dvs_about_icon_3.png') center center no-repeat;}
.eduInfoWrap .edus li:nth-child(4):before {background:url('/public/images/about/dvs_about_icon_4.png') center center no-repeat;}
.eduInfoWrap .edus li:nth-child(5):before {background:url('/public/images/about/dvs_about_icon_5.png') center center no-repeat;}
.eduInfoWrap .edus li:nth-child(6):before {background:url('/public/images/about/dvs_about_icon_6.png') center center no-repeat;}
.eduInfoWrap .edus li:nth-child(7):before {background:url('/public/images/about/dvs_about_icon_7.png') center center no-repeat;}
.eduInfoWrap .edus li:nth-child(8):before {background:url('/public/images/about/dvs_about_icon_8.png') center center no-repeat;}
.eduInfoWrap .edus li:nth-child(9):before {background:url('/public/images/about/dvs_about_icon_9.png') center center no-repeat;}


@media screen and (max-width:1024px){
  .eduInfoWrap .edus li {width:50%; height:200px; padding:0 20px 0 100px;}
}
@media screen and (max-width:768px){
  .eduInfoWrap {margin:60px auto 0; padding:60px 0;}
  .eduInfoWrap .title {font-size:22px; line-height:22px;}
  .eduInfoWrap .edus {padding:0 0 0 10px;}
  .eduInfoWrap .edus li {padding:0 0 0 90px;}
}
@media screen and (max-width:640px){
  .eduInfoWrap .edus {padding:0;}
  .eduInfoWrap .edus li {width:100%; height:auto; padding:0 0 30px 0; text-align:center;}
  .eduInfoWrap .edus li:before {position:relative; top:auto; left:auto; margin:0 auto 15px;}
  .eduInfoWrap .edus li .tit {text-align:center; font-size:22px; line-height:22px; margin:0 auto 15px; padding:0 0 20px 0;}
  .eduInfoWrap .edus li .tit:after {left:50%; margin:0 0 0 -20px;}
  .eduInfoWrap .edus li .desc {text-align:center;}
}
/* 두비전페이지 > 교육내용소개 영역 :: E */


/* 두비전페이지 > 두비전 5단계 훈련 영역 :: S */
.trainProcessWrap {width:100%; margin:0 auto; position:relative; padding:80px 0; background:#f3f3f3;}
.trainProcessWrap .title {display:block; text-align:center; font-size:30px; line-height:30px; font-weight:bold; color:#222; margin:0 auto 60px;}

.trainProcessWrap .trainProcess {width:100%; max-width:1140px; position:relative; margin:0 auto;}
.trainProcessWrap .trainProcess .owl-stage-outer {position:relative; z-index:10;}
.trainProcessWrap .trainProcess .item {position:relative;}
.trainProcessWrap .trainProcess .item .rect {float:left; width:100%; position:relative; padding:0 15px; box-sizing:border-box;}
.trainProcessWrap .trainProcess .item .rect:nth-child(2) {float:right;}
.trainProcessWrap .trainProcess .item p {display:block; width:100%; height:55px; line-height:55px; font-size:18px; font-weight:bold; color:#fff; padding:0 20px; box-sizing:border-box; border-radius:27.5px; background:#1aace7; margin:0 auto 25px; text-align:center;}
.trainProcessWrap .trainProcess .item ul {display:block; width:100%; position:relative; padding:0 0 0 30px; margin:0; box-sizing:border-box;}
.trainProcessWrap .trainProcess .item ul li {display:block; width:100%; margin:0; padding:0; font-size:13px; line-height:30px; color:#454545; overflow:hidden;}

.trainProcessWrap .trainProcess .owl-nav {width:100%; height:100%; overflow:visible; position:absolute; top:0; left:0; z-index:5; transform:none !important;}
.trainProcessWrap .trainProcess .owl-nav button {display:block; width:56px; height:42px; position:absolute; top:50%; margin:-21px 0 0 0; border:0 !important;}
.trainProcessWrap .trainProcess .owl-nav button:before,
.trainProcessWrap .trainProcess .owl-nav button span {display:none;}
.trainProcessWrap .trainProcess .owl-nav button.owl-prev {left:-70px; background:#fff url('/public/images/dvs_icon_arrow_left_1.png') center center no-repeat;}
.trainProcessWrap .trainProcess .owl-nav button.owl-next {right:-70px; background:#fff url('/public/images/dvs_icon_arrow_right_1.png') center center no-repeat;}


@media screen and (max-width:1300px){
  .trainProcessWrap .trainProcess .owl-nav button.owl-prev {left:0;}
  .trainProcessWrap .trainProcess .owl-nav button.owl-next {right:0;}

  .trainProcessWrap .trainProcess .owl-nav {position:relative; top:auto; left:auto; text-align:center; margin:20px auto 0;}
  .trainProcessWrap .trainProcess .owl-nav button {display:inline-block; position:relative; margin:0 10px; top:auto; transform:none !important;}
}
@media screen and (max-width:991px){
  .trainProcessWrap .trainProcess .item p {height:40px; line-height:40px; font-size:16px; padding:0 20px; border-radius:20px;}
  .trainProcessWrap .trainProcess .item ul {padding:0 0 0 20px;}
}
@media screen and (max-width:768px){
  .trainProcessWrap {margin:60px auto;}
  .trainProcessWrap .title {font-size:22px; line-height:22px;}
}
/* 두비전페이지 > 두비전 5단계 훈련 영역 :: E */


/* 프로그램페이지 > 프로그램별 설명리스트 영역 :: S */
.programDescWrap {width:100%; max-width:1200px; position:relative; margin:100px auto;}
.programDescWrap ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.programDescWrap ul li {display:table; width:100%; height:400px; position:relative; border-bottom:1px solid #b0b0b0;}
.programDescWrap ul li img {display:block; width:398px; height:271px; position:absolute; top:50%; margin:-135.5px 0 0 0;}
.programDescWrap ul li .con {display:table-cell; width:100%; text-align:left; vertical-align:middle;}
.programDescWrap ul li.left .con {padding:0 60px 0 50%;}
.programDescWrap ul li.right .con {padding:0 50% 0 60px;}
.programDescWrap ul li.left img {left:60px;}
.programDescWrap ul li.right img {right:60px;}

.programDescWrap ul li .con p {display:block; margin:0; position:relative;}
.programDescWrap ul li .con .tit {font-size:24px; line-height:24px; color:#05c2c9; font-weight:bold; margin:0 auto 25px; padding:0 0 25px 0;}
.programDescWrap ul li .con .tit:after {display:block; content:''; width:40px; height:3px; background:#05c2c9; position:absolute; bottom:0; left:0;}
.programDescWrap ul li .con .desc {font-size:13px; line-height:22px; color:#333; margin:0 auto 30px;}
.programDescWrap ul li .con .subject {font-size:18px; line-height:18px; font-weight:bold; color:#ef3f43;}


@media screen and (max-width:1440px){
  .programDescWrap {margin:80px auto;}
}
@media screen and (max-width:960px){
  .programDescWrap {margin:60px auto;}
  .programDescWrap ul li {display:block; height:auto; padding:30px 15px;}
  .programDescWrap ul li img {width:100%; height:auto; max-width:398px; position:relative; top:auto; margin:0 auto 30px; left:auto !important; right:auto !important;}
  .programDescWrap ul li .con {display:block; text-align:center; padding:0 !important;}
  .programDescWrap ul li .con .tit {font-size:20px; line-height:20px; margin:0 auto 15px; padding:0 0 20px 0;}
  .programDescWrap ul li .con .tit:after {left:50%; margin:0 0 0 -20px;}
  .programDescWrap ul li .con .desc {margin:0 auto 15px;}
  .programDescWrap ul li .con .subject {font-size:15px; line-height:20px;}
}
/* 프로그램페이지 > 프로그램별 설명리스트 영역 :: E */



/* 무료체험 페이지 영역 :: S */
.tutorialBanner {width:100%; position:relative; margin:0 auto;}
.tutorialBanner .inner {width:100%; max-width:1200px; margin:0 auto; padding:0; position:relative;}


.tutorialBanner.banner1 {background:url('/public/images/tutorial/dvs_tutorial_bg_img_1.jpg') center top no-repeat;}
.tutorialBanner.banner1 p,
.tutorialBanner.banner1 span {display:block; margin:0 auto; position:relative;}

.tutorialBanner.banner1 .tit {width:100%; text-align:center; font-size:28px; line-height:28px; color:#fff; font-weight:normal; padding:80px 0 0 0;}

.tutorialBanner.banner1 .txt1 {width:50%; height:400px; position:relative; margin:100px 0 50px; text-align:left;}
.tutorialBanner.banner1 .txt1 .txt1_1 {width:300px; font-size:20px; line-height:30px; color:#fefda3; font-weight:bold; margin:0 0 40px 0; padding:15px 0;}
.tutorialBanner.banner1 .txt1 .txt1_1:before,
.tutorialBanner.banner1 .txt1 .txt1_1:after {display:block; content:''; width:100%; height:1px; background:#fefda3; position:absolute; left:0;}
.tutorialBanner.banner1 .txt1 .txt1_1:before {top:0;}
.tutorialBanner.banner1 .txt1 .txt1_1:after {bottom:0;}
.tutorialBanner.banner1 .txt1 .txt1_2 {font-size:40px; line-height:50px; color:#fff; font-weight:normal; margin:0 auto 40px;}
.tutorialBanner.banner1 .txt1 .txt1_3 {font-size:20px; line-height:30px; color:#fff; font-weight:normal;}

.tutorialBanner.banner1 .txt2 {display:block; width:300px; height:300px; text-align:center; font-size:20px; line-height:30px; font-weight:bold; color:#fff; background:rgba(255,254,247,0.13); position:absolute; top:50%; right:30px; margin:-150px 0 0 0; padding:120px 0; box-sizing:border-box; border-radius:50%;}

.tutorialBanner.banner1 .pad {display:block; position:absolute; right:0; bottom:-150px;}


.tutorialBanner.banner2 {margin:200px auto 60px;}
.tutorialBanner.banner2 .inner {overflow:hidden; padding:0 100px;}
.tutorialBanner.banner2 .profile {display:block; float:left;}
.tutorialBanner.banner2 .txts {display:block; float:left; margin:0 0 0 60px;}
.tutorialBanner.banner2 .txts p {display:block; text-align:left; margin:0; position:relative;}
.tutorialBanner.banner2 .txts .tit {font-size:28px; line-height:28px; font-weight:bold; color:#000; margin:0 auto 30px;}
.tutorialBanner.banner2 .txts .con {font-size:16px; line-height:30px; color:#454545;}
.tutorialBanner.banner2 .txts .con b {color:#000;}


.tutorialBanner.banner3 {background:#30fdff;}
.tutorialBanner.banner3 .inner {overflow:hidden; padding:50px 100px;}
.tutorialBanner.banner3 .txts {display:block; float:left; margin:100px 60px 0 0;}
.tutorialBanner.banner3 .txts p {display:block; text-align:left; margin:0; position:relative;}
.tutorialBanner.banner3 .txts .tit {font-size:28px; line-height:34px; color:#000; font-weight:bold; margin:0 auto 30px;}
.tutorialBanner.banner3 .txts .desc {font-size:18px; line-height:28px; color:#000; font-weight:normal; padding:0 0 0 15px; position:relative;}
.tutorialBanner.banner3 .txts .desc b {margin:0 10px 0 0;}
.tutorialBanner.banner3 .txts .desc:before {display:block; content:''; width:4px; height:4px; background:#000; border-radius:50%; position:absolute; top:12px; left:0;}
.tutorialBanner.banner3 .certification {display:block; float:left;}


.tutorialBanner.banner4 {background:url('/public/images/tutorial/dvs_tutorial_bg_img_2.jpg') center top no-repeat; z-index:5;}
.tutorialBanner.banner4 .inner {padding:120px 0 0 0;}
.tutorialBanner.banner4 .txts {width:100%; text-align:center; position:relative;}
.tutorialBanner.banner4 .txts p {display:block; position:relative; margin:0;}
.tutorialBanner.banner4 .txts .tit {width:450px; height:160px; margin:0 auto; border:1px solid #fffca3; font-size:30px; line-height:40px; color:#fff; font-weight:normal; padding:40px 0; box-sizing:border-box;}
.tutorialBanner.banner4 .txts .desc {font-size:20px; line-height:30px; text-align:center; margin:80px auto; color:#fff; font-weight:normal;}
.tutorialBanner.banner4 .laptop {display:block; margin:0 auto;}


.tutorialBanner.banner5 {background:#f2f2f2; /* margin:-150px auto 0; z-index:1; */}
.tutorialBanner.banner5 .inner {padding:50px 0;}
.tutorialBanner.banner5 .tit {display:block; width:100%; text-align:center; font-size:30px; line-height:40px; margin:0 auto 60px; font-weight:bold; color:#000;}
.tutorialBanner.banner5 .btsSlider {width:100%; position:relative;}
.tutorialBanner.banner5 .btsSlider .item {padding:0 20px; box-sizing:border-box; position:relative;}
.tutorialBanner.banner5 .btsSlider .item .pad {display:block;}
.tutorialBanner.banner5 .btsSlider .item p {display:block; margin:0; text-align:center; text-align:center;}
.tutorialBanner.banner5 .btsSlider .item .tit {font-size:20px; line-height:20px; color:#0ec1c8; font-weight:bold; margin:20px auto;}
.tutorialBanner.banner5 .btsSlider .item .desc {font-size:15px; line-height:25px; color:#000;}
.tutorialBanner.banner5 .btsSlider .owl-stage-outer {z-index:10;}
.tutorialBanner.banner5 .btsSlider .owl-nav {width:100%; height:100%; overflow:visible; position:absolute; top:0; left:0; z-index:5; transform:none !important;}
.tutorialBanner.banner5 .btsSlider .owl-nav button {display:block; width:56px; height:42px; position:absolute; top:50%; margin:-21px 0 0 0; border:0 !important;}
.tutorialBanner.banner5 .btsSlider .owl-nav button:before,
.tutorialBanner.banner5 .btsSlider .owl-nav button span {display:none;}
.tutorialBanner.banner5 .btsSlider .owl-nav button.owl-prev {left:-70px; background:url('/public/images/dvs_icon_arrow_left_1.png') center center no-repeat;}
.tutorialBanner.banner5 .btsSlider .owl-nav button.owl-next {right:-70px; background:url('/public/images/dvs_icon_arrow_right_1.png') center center no-repeat;}


.tutorialBanner.banner6 {}
.tutorialBanner.banner6 .inner {padding:60px 0;}
.tutorialBanner.banner6 .title {display:block; width:600px; height:50px; font-size:30px; line-height:58px; text-align:center; font-weight:bold; color:#000; background:#fffca3; margin:0 auto 50px;}
.tutorialBanner.banner6 ul {display:block; position:relative; overflow:hidden; margin:0; padding:30px 0 0 0;}
.tutorialBanner.banner6 ul li {display:block; width:calc(33.33333333333333% - 20px); height:150px; float:left; position:relative; margin:0 30px 0 0; padding:45px 20px 20px 20px; box-sizing:border-box;}
.tutorialBanner.banner6 ul li:nth-of-type(3n+3) {margin:0;}
.tutorialBanner.banner6 ul li p {display:block; position:relative; margin:0;}
.tutorialBanner.banner6 ul li .step {width:60px; height:60px; text-align:center; font-size:13px; font-weight:bold; line-height:20px; padding:10px 0; box-sizing:border-box; color:#fff; position:absolute; top:-30px; left:30px; border-radius:50%;}
.tutorialBanner.banner6 ul li .step b {color:#faf9c3; font-size:16px;}
.tutorialBanner.banner6 ul li .tit {font-size:18px; line-height:18px; letter-spacing:-0.5px; color:#fff; font-weight:bold; margin:0 auto 15px;}
.tutorialBanner.banner6 ul li .desc {font-size:15px; line-height:25px; color:#fff; margin:0;}

.tutorialBanner.banner6 ul li.step1 {background:#0978e1; padding-top:55px;}
.tutorialBanner.banner6 ul li.step1 .step {background:#0258a5;}

.tutorialBanner.banner6 ul li.step2 {background:#ff8500;}
.tutorialBanner.banner6 ul li.step2 .step {background:#ff6100;}

.tutorialBanner.banner6 ul li.step3 {background:#6f4bf5;}
.tutorialBanner.banner6 ul li.step3 .step {background:#3d19c1;}

.tutorialBanner.submitArea {background:#30fdff;}
.tutorialBanner.submitArea .inner {padding:60px 0;}
.tutorialBanner.submitArea .title {display:block; font-size:30px; line-height:30px; text-align:center; color:#000; margin:0 auto 40px;}
.tutorialBanner.submitArea .title span {display:block; font-size:16px; line-height:20px; color:#555; font-weight:bold; margin:10px auto 0;}
.tutorialBanner.submitArea #registerForm {display:block; width:calc(100% - 30px); max-width:1000px; background:#fff; margin:0 auto; padding:30px; box-sizing:border-box;}
.tutorialBanner.submitArea #registerForm h4 {display:block; font-size:20px; line-height:20px; color:#454545; font-weight:bold; margin:30px auto 5px; padding:0 0 0 10px; position:relative;}
/*
.tutorialBanner.submitArea #registerForm h4:first-child {margin:0 auto 15px;}
*/
.tutorialBanner.submitArea #registerForm h4:before {display:block; content:''; background:#0297db; width:3px; height:20px; position:absolute; top:0; left:0;}
.tutorialBanner.submitArea #registerForm h3 {font-size:14px; line-height:22px; font-weight:500; color:#454545; position:relative; text-align:left; margin:5px auto 15px;}
.tutorialBanner.submitArea #registerForm h4.tit {}
.tutorialBanner.submitArea #registerForm h3.tit {}

#registerForm .agreeWrap {max-width:600px; margin:0 auto; margin-top:0px; padding-top:20px; /* border-top:1px solid #c7c7c7; */}
#registerForm .agreeWrap .form-group {margin-bottom:0; padding-left:0; padding-right:0; /* padding:5px 10px !important; border:1px solid #f0f0f0; */ padding:5px 0 !important; box-sizing:border-box; position:relative;}
/*
#registerForm .agreeWrap .viewAll {display:block; font-size:13px; line-height:13px; position:absolute; top:15px; right:15px; margin:0; font-weight:bold; color:#777; text-decoration:underline;}
*/
#registerForm .agreeWrap .viewAll {display:block; width:70px; height:24px; text-align:center; font-size:12px; line-height:22px; position:absolute; top:50%; right:0; margin:-12px 0 0 0; font-weight:500; color:#777; border:1px solid #777;}
#registerForm .submitBtn {display:block; width:300px; height:60px; font-size:24px; line-height:60px; text-align:center; background:#6f4bf5; font-weight:bold; color:#fff; margin:30px auto 0;}


@media screen and (max-width:640px){
  .tutorialBanner.submitArea .inner {padding:50px 0;}

  .tutorialBanner.banner5 .tit {font-size:20px; line-height:30px;}

  .tutorialBanner.banner6 .title {width:calc(100% - 30px); height:40px; line-height:45px; font-size:20px; margin:0 auto 30px;}

  .tutorialBanner.banner6 ul li .step {left:50%; margin:0 0 0 -30px;}

  .tutorialBanner.banner6 ul li {width:calc(100% - 60px); height:125px; float:none; margin:0 auto 50px; padding:40px 20px 10px 20px;}
  .tutorialBanner.banner6 ul li:nth-of-type(3n+3) {margin:0 auto;}
  .tutorialBanner.banner6 ul li .tit {font-size:18px; line-height:18px; text-align:center;}
  .tutorialBanner.banner6 ul li .desc {font-size:13px; line-height:20px; text-align:center;}

  .tutorialBanner.banner6 ul li.step1 {padding-top:50px;}

  .tutorialBanner.submitArea .title {font-size:20px; line-height:20px;}
  .tutorialBanner.submitArea .title span {font-size:13px; line-height:15px; margin:6px auto 0;}

  #registerForm .submitBtn {width:100%; height:50px; line-height:50px; font-size:20px;}
}

@media screen and (max-width:480px){
  .tutorialBanner.banner5 .tit {font-size:16px; line-height:26px;}

  .tutorialBanner.banner6 .title {font-size:16px; height:30px; line-height:34px;}
  .tutorialBanner.banner6 ul li {width:calc(100% - 30px);}
}
/* 무료체험 페이지 영역 :: E */



/* 회원가입 > 인트로 페이지 영역 :: S */
.registerIntro {width:calc(100% - 30px); max-width:600px; text-align:center; padding:30px 50px; box-sizing:border-box; border:1px solid #c7c7c7; background:#fff; border-radius:15px; margin:100px auto; position:relative;}
.registerIntro h2 {display:block; position:relative; margin:0 auto 30px; padding:0 0 30px 0;}
.registerIntro h2:after {display:block; content:''; width:30px; height:2px; background:#555; position:absolute; bottom:0; left:50%; margin:0 0 0 -15px;}
.registerIntro h2 p {display:block; text-align:center; font-size:30px; font-weight:normal; color:#000; margin:0 auto 5px;}
.registerIntro h2 span {display:block; text-align:center; font-size:15px; line-height:25px; color:#555;}
.registerIntro .btnWrap {width:100%; text-align:center; position:relative; margin:0 auto 30px;}
.registerIntro .notiTxt {display:block; text-align:center; margin:0 auto;}

.registerWrap {width:100%; max-width:800px; text-align:left; padding:50px; box-sizing:border-box; border:1px solid #c7c7c7; background:#fff; border-radius:15px; margin:100px auto; position:relative;}

.formWrap {width:100%; position:relative; margin:30px auto 0; text-align:left;}
.formWrap form {display:block; width:100%; position:relative;}

@media screen and (max-width:768px){
  .registerIntro {padding:30px 20px;}
  .registerIntro h2 {margin:0 auto 20px; padding:0 0 20px 0;}
  .registerIntro h2:after {width:20px; height:2px; margin:0 0 0 -10px;}
  .registerIntro h2 p {font-size:20px;}
  .registerIntro h2 span {font-size:12px; line-height:20px;}
}
/* 회원가입 > 인트로 페이지 영역 :: E */



/* 회원가입 > 결제 신청 페이지 영역 :: S */
.paymentForm {}

.paymentForm .payNoti {width:100%; position:relative; padding:20px; box-sizing:border-box; background:#f8f8f8; box-sizing:border-box; border:2px solid #354ad8; text-align:left; font-size:14px; line-height:24px; font-weight:400; color:#333;}
.paymentForm .payNoti b {font-weight:700; color:#000;}

.paymentForm .payment_infos {display:none; overflow:hidden;}
.paymentForm .payment_infos.active {display:block;}
.paymentForm .payment_infos dl {display:block; float:left; width:auto; position:relative; margin:0 30px 0 0; padding:0; overflow:hidden;}
.paymentForm .payment_infos dl:last-child {margin:0;}
.paymentForm .payment_infos dl dt,
.paymentForm .payment_infos dl dd {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; font-size:14px; line-height:24px; font-weight:500; color:#000;}
.paymentForm .payment_infos dl dt {margin:0 15px 0 0; font-weight:700; color:#999;}
.paymentForm .payment_infos dl dt:after {content:' :';}
.paymentForm .payment_infos dl dd {}
/* 회원가입 > 결제 신청 페이지 영역 :: E */



/* 회원가입 > 정기결제 신청 페이지 영역 :: S */
.regular_cardNum {width:100%; position:relative; overflow:hidden;}
.regular_cardNum input.form-control,
.regular_cardNum p.form-text {display:block; float:left; margin:0;}
.regular_cardNum input.form-control {width:calc(25% - 22.5px);}
.regular_cardNum p.form-text {width:30px; text-align:center;}
/* 회원가입 > 정기결제 신청 페이지 영역 :: E */



/* 회원가입 > 결제내역 페이지 영역 :: S */
.registerIntro.payListWrap {max-width:1200px;}
.registerIntro .payList {width:100%; position:relative;}
.registerIntro .payList ul {display:table; width:100%; position:relative; margin:0; padding:0; overflow:hidden; border-top:2px solid #000;}
.registerIntro .payList ul li {display:table-row; width:100%; position:relative; margin:0; overflow:hidden;}
.registerIntro .payList ul li .col {display:table-cell; position:relative; margin:0; padding:10px; box-sizing:border-box; font-size:13px; line-height:20px; text-align:center; vertical-align:middle; color:#454545; border-bottom:1px solid #c7c7c7;}
.registerIntro .payList ul li .col.date {width:20%;}
.registerIntro .payList ul li .col.name {width:25%;}
.registerIntro .payList ul li .col.price {width:15%;}
.registerIntro .payList ul li .col.month {width:25%;}
.registerIntro .payList ul li .col.status {width:15%;}

@media screen and (max-width:768px){
  .registerIntro .payList ul {display:block;}
  .registerIntro .payList ul li {display:block;}
  .registerIntro .payList ul li .col {display:block; float:left; padding:5px 8px; font-size:13px; line-height:30px;}
  .registerIntro .payList ul li .col.date {width:35%;}
  .registerIntro .payList ul li .col.name {width:35%;}
  .registerIntro .payList ul li .col.price {width:30%;}
  .registerIntro .payList ul li .col.month {width:70%; border-bottom:2px solid #c0c0c0;}
  .registerIntro .payList ul li .col.status {width:30%; border-bottom:2px solid #c0c0c0;}
}

@media screen and (max-width:640px){
  .registerIntro .payList ul li .col {padding:5px; font-size:12px;}
}

@media screen and (max-width:480px){
  .registerIntro .payList ul li .col {}
  .registerIntro .payList ul li .col.date {width:50%;}
  .registerIntro .payList ul li .col.name {width:70%;}
  .registerIntro .payList ul li .col.price {width:30%;}
  .registerIntro .payList ul li .col.month {width:100%; border-bottom:2px solid #c0c0c0;}
  .registerIntro .payList ul li .col.status {width:50%; border-bottom:0; position:absolute; top:0; right:0; border-bottom:1px solid #c7c7c7;}
}
/* 회원가입 > 결제내역 페이지 영역 :: E */



/* 이용약관 본문 영역 :: S */
.textBodyWrap {width:100%; max-width:800px; position:relative; margin:80px auto;}
.textBodyWrap .tit {display:block; font-size:24px; line-height:24px; font-weight:bold; color:#000; margin:0 auto 30px;}
.textBodyWrap .con {width:100%; position:relative; height:600px; padding:10px; box-sizing:border-box; overflow-y:auto; border:1px solid #c7c7c7; background:#fff;}
/* 이용약관 본문 영역 :: E */


/* 공지사항 리스트 영역 :: S */
.dataListWrap {width:100%; max-width:1200px; margin:50px auto; position:relative;}
.dataListWrap table .contents {}
.dataListWrap table .contents img {max-width:100% !important; width:auto !important; height:auto !important;}
/* 공지사항 리스트 영역 :: E */


/* 갤러리 리스트 영역 :: S */
.dataListWrap.gallery {}
.dataListWrap.gallery .list {display:block; width:100%; position:relative; margin:0; padding:0; overflow:hidden; padding:0 30px; box-sizing:border-box;}
.dataListWrap.gallery .list .item {display:block; float:left; width:calc(33.33333333333333% - 30px); margin:0 45px 45px 0; position:relative; padding:0;}
.dataListWrap.gallery .list .item:nth-of-type(3n+3) {margin:0 0 45px 0;}
.dataListWrap.gallery .list .item a {display:block; width:100%; position:relative;}
.dataListWrap.gallery .list .item img {max-width:100%;}
.dataListWrap.gallery .list .item .thumb {position:relative;}
.dataListWrap.gallery .list .item .info {width:100%; height:45px; position:relative; margin:15px auto 0;}
.dataListWrap.gallery .list .item .info .title {font-size:16px; line-height:24px; height:24px; overflow:hidden; font-weight:bold; color:#000;}
.dataListWrap.gallery .list .item .info p {display:block; margin:0;}
.dataListWrap.gallery .list .item .info .hit {position:absolute; bottom:0; left:0; text-align:left; font-size:12px; line-height:20px; color:#333;}
.dataListWrap.gallery .list .item .info .date {text-align:right; font-size:13px; line-height:20px; color:#454545;}
.dataListWrap.gallery .view .galleryMov {display:block; width:100%; min-height:600px; position:relative;}




/* 프로그램 > 유료동영상 > 리스트 영역 :: S */
.dataListWrap.renew_2 {max-width:10000px; background:#edf9df;}


.dataListWrap.renew_2 .list {max-width:1600px; margin:0 auto; padding:40px; border-radius:30px; background:#fff; box-shadow:0 0 10px 10px rgba(0,0,0,0.05);}

.dataListWrap.renew_2.gallery .list .item .thumb {height:0; overflow:hidden; padding-bottom:56%;}
.dataListWrap.renew_2.gallery .list .item .thumb img {display:block; width:100%; height:auto; position:absolute; top:0; left:0;}



/* 유료 동영상 갤러리 리스트 영역 :: S */
.dataListWrap.gallery2 {}

.dataListWrap.gallery2 .list {
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}


.dataListWrap.gallery2 .list .item {
  position: relative;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 30px;
}


.dataListWrap.gallery2 .list .item:nth-of-type(3n+3) {margin:0 0 45px 0;}
.dataListWrap.gallery2 .list .item a {display:block; width:100%; position:relative;}
.dataListWrap.gallery2 .list .item img {max-width:100%;border: 1px solid #E6E6E6;}
.dataListWrap.gallery2 .list .item .thumb {position:relative;}
.dataListWrap.gallery2 .list .item .info {width:100%; height:45px; position:relative; margin:15px auto 0;}
.dataListWrap.gallery2 .list .item .info .title {font-size:16px; line-height:24px; height:24px; overflow:hidden; font-weight:bold; color:#000;}
.dataListWrap.gallery2 .list .item .info p {display:block; margin:0;}
.dataListWrap.gallery2 .list .item .info .hit {position:absolute; bottom:0; left:0; text-align:left; font-size:12px; line-height:20px; color:#333;}
.dataListWrap.gallery2 .list .item .info .date {text-align:right; font-size:13px; line-height:20px; color:#454545;}
.dataListWrap.gallery2 .view .galleryMov {display:block; width:100%; min-height:600px; position:relative;}

.clearfix:after {
  display: block;
  content: '';
  clear: both;
}






.lecMenu{
width:100%;text-align:right;position: absolute;top:138px; right:50px;border: 0;z-index: 999;
}
.lecMenu li {
float:right;
}
.lecMenu img{
	max-width:100%;width: auto; height: auto !important;
}
.lecMenu_mobile{
  display: none; 
}






@media screen and (max-width:960px){
  .dataListWrap.gallery .view .galleryMov {min-height:450px;}
  .dataListWrap.gallery2 .list {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .lecMenu{
    position: absolute;top:114px; 
  }
}

@media screen and (max-width:860px){

  

  .lecMenu{
    display: none; 
  }
  

  .lecMenu_mobile{
    display: block; 
  }



}




@media screen and (max-width:768px){
  .dataListWrap.gallery .view .galleryMov {min-height:450px;}
  .dataListWrap.gallery2 .list {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .dataListWrap.renew_2 .typoArea {
    text-align: center;
  }
    .dataListWrap.renew_2 .typoArea img._1 {
      display: none;
  }



}

@media screen and (max-width:640px){
  .dataListWrap.gallery .list {padding:0 15px;}
  .dataListWrap.gallery .list .item {width:calc(50% - 15px); margin:0 30px 30px 0;}
  .dataListWrap.gallery .list .item:nth-of-type(3n+3) {margin:0 30px 30px 0;}
  .dataListWrap.gallery .list .item:nth-of-type(2n+2) {margin:0 0 30px 0;}




  .dataListWrap.renew_2 .typoArea {
  text-align: center;
}
  .dataListWrap.renew_2 .typoArea img._1 {
    display: none;
}

  .dataListWrap.gallery .view .galleryMov {min-height:300px;}

  .dataListWrap.gallery2 .list {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .lecMenu{
    width:100%;position: absolute;top:284px;right:20px; 
  }
  .lecMenu img{
    max-width:50%;
  }

}

@media screen and (max-width:400px){
  .dataListWrap.gallery .list {padding:0 15px;}
  .dataListWrap.gallery .list .item {width:100% !important; margin:0 auto 30px !important;}

  .dataListWrap.gallery2 .list {
    display:grid;
    grid-template-columns: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  
  .lecMenu{
    top:254px;margin:auto;right:20px;
  }

  .lecMenu img{
    max-width:30%;
  }

}
/* 갤러리 리스트 영역 :: E */


/* 자주 묻는 질문 영역 :: S */
.accordionWrap {width:100%; position:relative; border-top:5px solid #ed4043;}
.accordionWrap .card {border:0 !important; border-radius:0 !important; background:#fff; margin:0 !important; border-bottom:1px solid #ddd !important;}
.accordionWrap .card .card-header {background:#f8f8f8;}
.accordionWrap .card .card-header .accordion-toggle {padding:0 !important;}
.accordionWrap .card .card-header .accordion-toggle .tit {display:block; margin:0; padding:30px 0 30px 80px; font-size:17px; font-weight:bold; color:#000; position:relative; box-sizing:border-box;}
.accordionWrap .card .card-header .accordion-toggle .tit:before {display:block; content:'Q'; width:40px; height:40px; line-height:40px; text-align:center; background:#fff; border-radius:50%; font-size:16px; font-weight:bold; color:#ed4043; position:absolute; top:50%; left:20px; margin:-20px 0 0 0;}
.accordionWrap .card .card-header .accordion-toggle .tit:after {display:block; content:''; width:12px; height:8px; background:url('/public/images/dvs_arrow_up_2.gif') center center no-repeat; position:absolute; top:50%; right:30px; margin:-4px 0 0 0;}
.accordionWrap .card .card-header .accordion-toggle.collapsed .tit:after {background:url('/public/images/dvs_arrow_down_2.gif') center center no-repeat;}
.accordionWrap .card .card-body {padding:0; background:#fff; border-top:1px solid #ddd;}
.accordionWrap .card .card-body .con {width:100%; padding:30px 0 30px 80px; box-sizing:border-box; position:relative; font-size:14px; line-height:24px; color:#454545;}
.accordionWrap .card .card-body .con:before {display:block; content:'A'; width:40px; height:40px; line-height:40px; text-align:center; background:#ed4043; border-radius:50%; font-size:16px; font-weight:bold; color:#fff; position:absolute; top:20px; left:20px;}
/* 자주 묻는 질문 영역 :: E */


/* 센터안내 리스트 영역 :: S */
.dataSearchWrap.mo {width:100%; max-width:1200px; position:relative; margin:30px auto; padding:30px 0; text-align:center; position:relative; background:#f6f6f6; border:1px solid #e8e8e8; box-sizing:border-box;}
.dataSearchWrap.mo > * {display:inline-block; margin:0 2px; position:relative;}
.dataSearchWrap.mo select#category {width:80px !important;}
.dataSearchWrap.mo input[type="text"]#word {width:calc(100% - 100px) !important; max-width:300px !important;}

.branchList.pc {}
.branchList.pc .addrBtn {display:inline-block; width:30px; height:30px; vertical-align:middle; margin:0 0 0 10px;}
.branchList.pc .addrBtn img {max-width:100%;}
.branchList.pc .tutorialBtn {display:block; width:140px; height:40px; line-height:40px; text-align:center; font-size:15px; font-weight:bold; color:#fff; position:relative; background:#16aff0; margin:0 auto;}
.branchList.pc .tutorialBtn:after {display:inline-block; content:''; width:10px; height:15px; background:url('/public/images/dvs_icon_arrow_right_2.png') center center no-repeat; vertical-align:middle; margin:0 0 0 10px;}

.branchList.mo {max-width:600px;}
.branchList.mo .branches {display:block; width:100%; position:relative; border-top:3px solid #000; margin:0; padding:0;}
.branchList.mo .branches li {display:block; width:100%; position:relative; margin:0; padding:20px 10px; box-sizing:border-box; border-bottom:1px solid #d8d8d8;}
.branchList.mo .branches li p {display:block; width:100%; text-align:left; position:relative; margin:0; padding:0;}
.branchList.mo .branches li p.name {font-size:14px; line-height:20px; font-weight:bold; color:#000; margin:0 auto 10px;}
.branchList.mo .branches li p.addr {max-width:320px; font-size:12px; line-height:18px; color:#777; margin:0 0 15px 0; padding:0 45px 0 0; box-sizing:border-box;}
.branchList.mo .branches li p.addr .addrBtn {display:block; width:30px; height:30px; position:absolute; top:50%; right:0; margin:-15px 0 0 0;}
.branchList.mo .branches li p.addr .addrBtn img {width:100%;}
.branchList.mo .branches li p.tel {font-size:13px; font-weight:bold; color:#000; margin:0 auto 15px;}
.branchList.mo .branches li p.submit {}
.branchList.mo .branches li p.submit a {display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:13px; font-weight:bold; color:#fff; position:relative; background:#16aff0; margin:0;}
.branchList.mo .branches li p.submit a:after {display:inline-block; content:''; width:10px; height:15px; background:url('/public/images/dvs_icon_arrow_right_2.png') center center no-repeat; vertical-align:middle; margin:-2px 0 0 5px;}

.branchList.pc {display:block;}
.branchList.mo {display:none;}

@media screen and (max-width:768px){
  .branchList.pc {display:none;}
  .branchList.mo {display:block;}
}
/* 센터안내 리스트 영역 :: S */



/* 20211211 일일체험 신청폼 :: S */
.dailyJoinForm {}
.dailyJoinForm .form-row {}
.dailyJoinForm .form-group {overflow:hidden;}
.dailyJoinForm .form-group > * {z-index:3;}
.dailyJoinForm .form-group.req:before {display:block; content:''; width:4px; height:4px; background:#dd0000; border-radius:50%; position:absolute; top:3px; right:8px; opacity:0.5; z-index:5;}
.dailyJoinForm .form-group > label {display:block; float:left; width:70px; height:34px; line-height:34px; text-align:left; margin:0; padding:0; position:relative;}
.dailyJoinForm .form-group > label:after {display:none;}
.dailyJoinForm .form-group .relDiv {display:block; float:left; width:calc(100% - 70px); height:34px; position:relative;}

.dailyJoinForm .form-group.telNums {}
.dailyJoinForm .form-group.telNums .relDiv {overflow:hidden;}
.dailyJoinForm .form-group.telNums .g_tel {display:block; float:left; width:calc(33.33333333333333% - 7px); margin:0;}
.dailyJoinForm .form-group.telNums .form-text {display:block; float:left; width:10.5px; margin:0; padding:0; text-align:center;}
/* 20211211 일일체험 신청폼 :: E */