@charset "utf-8";



/* 20210406 메인페이지 수정 공통 :: S */
#home.main {}
#home.main .mainSec {width:100%; position:relative;}
#home.main .mainSec .img,
#home.main .mainSec .txt {position:relative;}
#home.main .mainSec .img img,
#home.main .mainSec .txt img {max-width:100%;}
#home.main .mainSec .txt p {display:block; text-align:center; margin:0;}

#home.main .mainSec .con {position:relative;}

#home.main .mainSec .slide {position:relative;}

#home.main .mainSec .slide .owl-nav {}
#home.main .mainSec .slide .owl-nav button {display:block; width:93px; height:32px; background:none; border:0;}
#home.main .mainSec .slide .owl-nav button:before,
#home.main .mainSec .slide .owl-nav button span {display:none;}

#home.main .mainSec .slide .owl-nav .owl-prev {background:url('/public/images/main/cm_arrow_1_left_off.png') center center no-repeat;}
#home.main .mainSec .slide .owl-nav .owl-prev:hover,
#home.main .mainSec .slide .owl-nav .owl-prev:focus {background:url('/public/images/main/cm_arrow_1_left_on.png') center center no-repeat;}

#home.main .mainSec .slide .owl-nav .owl-next {background:url('/public/images/main/cm_arrow_1_right_off.png') center center no-repeat;}
#home.main .mainSec .slide .owl-nav .owl-next:hover,
#home.main .mainSec .slide .owl-nav .owl-next:focus {background:url('/public/images/main/cm_arrow_1_right_on.png') center center no-repeat;}


@media screen and (max-width:768px){
  #home.main .mainSec .slide .owl-nav button {width:46.5px; height:16px; background-size:cover !important;}
}

@media screen and (max-width:640px){
  #home.main .mainSec .slide .owl-nav button {width:30px; height:10.3px; background-size:cover !important;}
}
/* 20210406 메인페이지 수정 공통 :: E */



/* 첫번째 섹션 :: S */
#home.main .sec_1 {background:#fffcf7; padding:0 0 90px 0;}
#home.main .sec_1 .bg {width:100%; height:0; padding-bottom:43%; background:url('/public/images/main/cm_main_top_banner_bg_1_1.jpg') center center no-repeat; background-size:cover; position:relative; margin:0 auto 200px;}
#home.main .sec_1 .bg .img {width:100%; max-width:100% !important; position:absolute; bottom:-22%;}
#home.main .sec_1 .bg .img img {display:block; width:90%; max-width:1200px; margin:0 auto; position:relative;}

#home.main .sec_1 .img,
#home.main .sec_1 .txt {width:100%; max-width:1200px; padding:0 15px; box-sizing:border-box;}
#home.main .sec_1 .img img,
#home.main .sec_1 .txt img {display:block; max-width:100%;}
#home.main .sec_1 .img p,
#home.main .sec_1 .txt p {color:#000; font-size:30px; line-height:42px;}

#home.main .sec_1 .img1 {margin:0 auto;}

#home.main .sec_1 .txt1 {margin:40px auto 50px;}
#home.main .sec_1 .txt1 img {margin:0 auto 30px;}
#home.main .sec_1 .txt1 p {}

#home.main .sec_1 .img2 {margin:0 auto 70px;}

#home.main .sec_1 .txt2 {margin:0 auto 0;}
#home.main .sec_1 .txt2 p {}


@media screen and (max-width:1200px){
  #home.main .sec_1 .bg {padding-bottom:50%; margin:0 auto 30%;background:url('/public/images/main/cm_main_top_banner_bg_1_1_w1200.jpg') center center no-repeat; background-size:cover; }
  #home.main .sec_1 .bg .img {bottom:-45%;}
}

@media screen and (max-width:768px){
  #home.main .sec_1 .bg {background:url('/public/images/main/cm_main_top_banner_bg_1_1_w768.jpg') center center no-repeat; background-size:cover; }
  #home.main .sec_1 .img p,
  #home.main .sec_1 .txt p {font-size:20px; line-height:32px;}

  #home.main .sec_1 .txt1 img {width:88px; margin:0 auto 15px;}
}

@media screen and (max-width:480px){
  #home.main .sec_1 .bg {background:url('/public/images/main/cm_main_top_banner_bg_1_1_w480.jpg') center center no-repeat; background-size:cover; }
  #home.main .sec_1 .img p,
  #home.main .sec_1 .txt p {font-size:14px; line-height:20px;}
}
/* 첫번째 섹션 :: E */



/* 두번째 섹션 :: S */
#home.main .sec_2 {width:100%; height:0; padding-bottom:68.54166666666667%; background:url('/public/images/main/cm_main_sec_2_bg_1.jpg') center center no-repeat; background-size:cover; margin:0 auto 15%;}

#home.main .sec_2 .img {width:100%; position:absolute; left:0; padding:0 15px; box-sizing:border-box;}
#home.main .sec_2 .img img {display:block; max-width:100%; margin:0 auto;}

#home.main .sec_2 .img1 {top:11%;}
#home.main .sec_2 .img1 img {width:50%;}

#home.main .sec_2 .img2 {top:38%;}
#home.main .sec_2 .img2 img {width:56%;}

#home.main .sec_2 .img3 {top:65%;}
#home.main .sec_2 .img3 img {width:68%;}


@media screen and (max-width:768px){
  #home.main .sec_2 {background:url('/public/images/main/cm_main_sec_2_bg_1_w768.jpg') center center no-repeat; background-size:cover;}
  #home.main .sec_2 .img1 {top:8%;}
  #home.main .sec_2 .img1 img {width:70%;}

  #home.main .sec_2 .img2 {top:42%;}
  #home.main .sec_2 .img2 img {width:65%;}

  #home.main .sec_2 .img3 {top:70%;}
  #home.main .sec_2 .img3 img {width:80%;}
}


@media screen and (max-width:480px){
  #home.main .sec_2 {padding-bottom:75%; margin:0 auto 30%; background:url('/public/images/main/cm_main_sec_2_bg_1_w480.jpg') center center no-repeat; background-size:cover; }
  #home.main .sec_2 .img1 {top:6%;}
  #home.main .sec_2 .img1 img {width:80%;}

  #home.main .sec_2 .img2 {top:46%;}
  #home.main .sec_2 .img2 img {width:75%;}

  #home.main .sec_2 .img3 {top:76%;}
  #home.main .sec_2 .img3 img {width:90%;}
}
/* 두번째 섹션 :: E */



/* 세번째 섹션 :: S */
#home.main .sec_3 {background:#fffcf7; padding:100px 0;}

#home.main .sec_3 .txt1 {width:100%; margin:0 auto 100px;}
#home.main .sec_3 .txt1 p {color:#000; font-size:30px; line-height:42px;}

#home.main .sec_3 .slide {width:100%; padding:100px 0;}
#home.main .sec_3 .slide .inner {width:90%; max-width:1200px; margin:0 auto;}
#home.main .sec_3 .slide .item {position:relative; text-align:center;}
#home.main .sec_3 .slide .item p {display:block; font-size:24px; line-height:32px; font-weight:bold; color:#000;}

#home.main .sec_3 .slide1 {background:#f0f0f0;}
#home.main .sec_3 .slide1 .item {}
#home.main .sec_3 .slide1 .item img {display:block; width:42.5px; margin:0 auto 30px;}
#home.main .sec_3 .slide1 .item p {text-align:center; margin:0;}
#home.main .sec_3 .slide1 .tit {display:block; font-size:36px; line-height:40px; text-align:center; margin:0 auto 60px; color:#000;}

#home.main .sec_3 .slide2 .item img {display:block; margin:0 auto 30px;}
#home.main .sec_3 .slide2 .tit {display:block; width:100%; position:relative; margin:0 auto;}
#home.main .sec_3 .slide2 .tit:before {display:block; content:''; width:100%; height:2px; background:#000; position:absolute; top:50%; left:0; margin:-1px 0 0 0; z-index:2;}
#home.main .sec_3 .slide2 .tit span {display:block; width:400px; font-size:32px; line-height:32px; color:#000; background:#fffcf7; margin:0 auto; z-index:5; text-align:center; position:relative;}

#home.main .sec_3 .slide2 .txt1 {display:block; font-size:32px; line-height:32px; color:#000; margin:60px auto; text-align:center;}

#home.main .sec_3 .slide2 .item {padding:0 50px; box-sizing:border-box;}
#home.main .sec_3 .slide2 .item .name {position:relative; margin:0 auto 15px; padding:0 0 15px 0; text-align:left;}
#home.main .sec_3 .slide2 .item .name:after {display:block; content:''; width:20px; height:1px; background:#000; position:absolute; bottom:0; left:0;}
#home.main .sec_3 .slide2 .item .desc {font-size:20px; line-height:28px; color:#333; text-align:left; font-weight:normal;}

#home.main .sec_3 .slide2 .txt2 {display:block; width:460px; font-size:20px; line-height:28px; letter-spacing:-0.5px; color:#000; text-align:center; font-weight:normal; padding:8px 10px; box-sizing:border-box; background:#f2efea; margin:50px auto 0;}

#home.main .sec_3 .con {width:100%; max-width:1200px; padding:0 15px; box-sizing:border-box; margin:0 auto 100px;}
#home.main .sec_3 .con .tit {display:block; width:100%; position:relative; margin:0 auto;}
#home.main .sec_3 .con .tit:before {display:block; content:''; width:100%; height:2px; background:#000; position:absolute; top:50%; left:0; margin:-1px 0 0 0; z-index:2;}
#home.main .sec_3 .con .tit span {display:block; width:400px; font-size:32px; line-height:32px; color:#000; background:#fffcf7; margin:0 auto; z-index:5; text-align:center; position:relative;}
#home.main .sec_3 .con .txt {width:100%; padding:0 20px; box-sizing:border-box; position:relative; overflow:hidden; margin:60px auto 0; text-align:center;}
#home.main .sec_3 .con .txt .left {display:inline-block; position:relative; vertical-align:top; margin:0 50px 0 0;}
#home.main .sec_3 .con .txt .left * {text-align:left;}
#home.main .sec_3 .con .txt .t1 {display:block; font-size:30px; line-height:40px; font-weight:bold; color:#000;}
#home.main .sec_3 .con .txt .t2 {display:block; font-size:18px; line-height:24px; letter-spacing:-0.5px; color:#333; margin:30px auto 0;}
#home.main .sec_3 .con .txt .right {display:inline-block; position:relative; vertical-align:top;}

#home.main .sec_3 .con1 .txt .right {padding:0 0 120px 0;}
#home.main .sec_3 .con1 .txt .right .img1 {max-width:400px;}
#home.main .sec_3 .con1 .txt .right .img2 {display:block; position:absolute; top:180px; left:-400px;}
#home.main .sec_3 .con2 {margin:0 auto;}


@media screen and (max-width:1200px){
  #home.main .sec_3 .slide .item p {font-size:20px; line-height:30px;}

  #home.main .sec_3 .slide1 .item img {margin:0 auto 15px;}

  #home.main .sec_3 .con .txt .t1 {font-size:20px; line-height:30px;}
  #home.main .sec_3 .con1 .txt .right .img1 {max-width:300px;}
  #home.main .sec_3 .con1 .txt .right .img2 {top:150px; left:-340px;}
}

@media screen and (max-width:768px){
  #home.main .sec_3 {padding:60px 0;}
  #home.main .sec_3 .txt1 {margin:0 auto 60px;}
  #home.main .sec_3 .txt1 p {font-size:20px; line-height:32px;}

  #home.main .sec_3 .slide {padding:60px 0;}
  #home.main .sec_3 .slide .item p {font-size:14px; line-height:20px;}

  #home.main .sec_3 .slide1 .item {padding:0 50px; box-sizing:border-box;}
  #home.main .sec_3 .slide1 .tit {font-size:24px; line-height:30px; margin:0 auto 30px;}

  #home.main .sec_3 .slide2 .item .name {font-size:20px; line-height:20px; text-align:center;}
  #home.main .sec_3 .slide2 .item .name:after {left:50%; margin:0 0 0 -10px;}
  #home.main .sec_3 .slide2 .item .desc {font-size:14px; line-height:20px; text-align:center;}

  #home.main .sec_3 .slide2 .tit span {width:280px; font-size:24px; line-height:24px;}
  #home.main .sec_3 .slide2 .txt1 {font-size:24px; line-height:24px; margin:40px auto;}
  #home.main .sec_3 .slide2 .txt2 {width:320px; font-size:15px; line-height:20px; margin:40px auto 0;}

  #home.main .sec_3 .con .tit span {width:280px; font-size:24px; line-height:24px;}

  #home.main .sec_3 .con .txt .t2 {font-size:14px; line-height:20px; text-align:center;}
  #home.main .sec_3 .con .txt .left {display:block; margin:0 auto 40px;}
  #home.main .sec_3 .con .txt .left .t1 {text-align:center;}
  #home.main .sec_3 .con .txt .right {display:block;}
  #home.main .sec_3 .con1 .txt .right {padding:0;}
  #home.main .sec_3 .con1 .txt .right .img2 {max-width:258.5px; position:relative; top:auto; left:auto; margin:30px auto 0;}
}

@media screen and (max-width:640px){
  #home.main .sec_3 .slide1 .item {padding:0 40px;}
}

@media screen and (max-width:480px){
  #home.main .sec_3 .txt1 p {font-size:14px; line-height:20px;}
}
/* 세번째 섹션 :: E */



/* 네번째 섹션 :: S */
#home.main .sec_4 {width:100%; height:940px; background:url('/public/images/main/cm_main_bottom_banner_bg_1.jpg') center center no-repeat; padding:100px 0; box-sizing:border-box;}
#home.main .sec_4 .tit {width:100%; max-width:1200px; text-align:center; margin:0 auto;}
#home.main .sec_4 .tit span {display:block; font-size:30px; line-height:30px; color:#fff;}
#home.main .sec_4 .tit p {display:block; font-size:42px; line-height:42px; font-weight:bold; margin:10px auto 0;}

#home.main .sec_4 .txt {position:relative; font-size:30px; line-height:30px; text-align:center; margin:50px auto 80px; color:#fff;}
#home.main .sec_4 .txt:before,
#home.main .sec_4 .txt:after {display:inline-block; content:''; width:62px; height:103px; vertical-align:middle;}
#home.main .sec_4 .txt:before {background:url('/public/images/main/cm_main_bottom_banner_img_1.png') center center no-repeat;}
#home.main .sec_4 .txt:after {background:url('/public/images/main/cm_main_bottom_banner_img_2.png') center center no-repeat;}
#home.main .sec_4 .txt p {display:inline-block; color:#fff;}

#home.main .sec_4 .list {display:block; width:100%; max-width:1000px; position:relative; margin:0 auto; padding:0;}
#home.main .sec_4 .list li {display:block; width:100%; position:relative; margin:15px auto 0; padding:0; font-size:26px; line-height:34px; color:#fff; text-align:left; font-weight:lighter; letter-spacing:-1px;}
#home.main .sec_4 .list li:first-child {margin:0 auto;}


@media screen and (max-width:1200px){
  #home.main .sec_4 {height:750px; background:url('/public/images/main/cm_main_bottom_banner_bg_1_w1200.jpg') center center no-repeat;}
  #home.main .sec_4 .tit span {font-size:20px; line-height:20px;}
  #home.main .sec_4 .tit p {font-size:30px; line-height:30px;}

  #home.main .sec_4 .txt {font-size:20px; line-height:20px; margin:30px auto 60px;}
  #home.main .sec_4 .txt:before,
  #home.main .sec_4 .txt:after {width:31px; height:51.5px; background-size:cover !important;}

  #home.main .sec_4 .list {width:680px;}
  #home.main .sec_4 .list li {font-size:18px; line-height:28px;}
}

@media screen and (max-width:768px){
  #home.main .sec_4 {height:640px; padding:60px 15px; box-sizing:border-box; background:url('/public/images/main/cm_main_bottom_banner_bg_1_w768.jpg') center center no-repeat;}
  #home.main .sec_4 .list {width:auto;}
  #home.main .sec_4 .list li {text-align:center; font-size:14px; line-height:22px;}
}

@media screen and (max-width:640px){
  #home.main .sec_4 {height:auto; background:url('/public/images/main/cm_main_bottom_banner_bg_1_w640.jpg') center center no-repeat;}
  #home.main .sec_4 .tit span {font-size:14px; line-height:14px;}
  #home.main .sec_4 .tit p {font-size:22px; line-height:22px;}

  #home.main .sec_4 .txt {font-size:14px; line-height:14px;}
  #home.main .sec_4 .txt:before,
  #home.main .sec_4 .txt:after {display:none;}
}

@media screen and (max-width:400px){
  #home.main .sec_4 {height:auto; background:url('/public/images/main/cm_main_bottom_banner_bg_1_w480.jpg') center center no-repeat;}
  #home.main .sec_4 .txt {margin:20px auto 30px;}
  #home.main .sec_4 .list li {text-align:left;}
}
/* 네번째 섹션 :: E */



/* 유튜브 영상 영역 :: S */
.youtubeMovWrap {width:100%; max-width:1200px; position:relative; padding:0 10px; box-sizing:border-box; margin:80px auto;}

.youtubeMovWrap .tit {display:block; text-align:center; font-size:30px; line-height:30px; font-weight:bold; color:#6f4bf5; margin:0 auto 30px;}
.youtubeMovWrap .tit.blk {color:#000;}
.youtubeMovWrap .desc {display:block; text-align:center; font-size:20px; line-height:20px; font-weight:bold; color:#000; margin:30px auto 0;}

.youtubeMovWrap .movIframe {width:100%; height:0; padding-bottom:56.25%; position:relative; overflow:hidden; margin:0 auto;}
.youtubeMovWrap .movIframe .mov {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
/* 유튜브 영상 영역 :: E */



/* 다섯번째 배너 영역 :: S */
.tutorialBanner.top {}
.tutorialBanner.top .inner {width:100%; height:700px; max-width:100%; padding:150px 15px; box-sizing:border-box; background:url('/public/images/main/cm_main_tutorial_banner_bg_1.jpg') center center no-repeat;}
.tutorialBanner.top .titArea {width:100%; max-width:1200px; height:auto; line-height:42px; margin:0 auto; padding:0 15px; box-sizing:border-box; position:relative; text-align:right; color:#f95c00; vertical-align:bottom; background:none;}
.tutorialBanner.top .titArea * {display:inline-block; position:relative; vertical-align:bottom;}
.tutorialBanner.top .titArea b {font-size:60px; line-height:60px;}
.tutorialBanner.top .titArea > span {font-size:36px; font-weight:normal; padding:0 0 0 10px;}
.tutorialBanner.top .titArea > span:before,
.tutorialBanner.top .titArea > span:after {display:block; content:''; width:6px; height:6px; background:#f95c00; border-radius:50%; position:absolute; top:-13px;}
.tutorialBanner.top .titArea > span:before {left:24px;}
.tutorialBanner.top .titArea > span:after {right:18px;}
.tutorialBanner.top .titArea p {width:300px; text-align:center;}
.tutorialBanner.top .titArea p:before {display:block; content:''; width:100%; height:20px; background:#fff99e; position:absolute; bottom:0; left:0;}
.tutorialBanner.top .titArea p span {font-size:34px; line-height:34px; font-weight:normal; color:#000; z-index:10;}

.tutorialBanner.top .steps {display:block; width:100%; position:relative; text-align:center; padding:0; margin:200px auto 0;}
.tutorialBanner.top .steps li {display:inline-block; width:300px; height:172px; text-align:center; padding:40px 0; box-sizing:border-box; position:relative; margin:0 0 0 -30px; border:3px solid #fff; border-radius:86px; vertical-align:middle;}
.tutorialBanner.top .steps li:first-child {margin:0;}
.tutorialBanner.top .steps li.step1 {background:#0970c9;}
.tutorialBanner.top .steps li.step2 {background:#ff8500;}
.tutorialBanner.top .steps li.step3 {background:#6f4bf5;}
.tutorialBanner.top .steps p {display:block; text-align:center; position:relative; margin:0;}
.tutorialBanner.top .steps .step {font-size:14px; line-height:14px; color:#ffef00;}
.tutorialBanner.top .steps .tit {font-size:18px; line-height:18px; font-weight:bold; color:#fff; margin:12px auto;}
.tutorialBanner.top .steps .desc {font-size:15px; line-height:15px; color:#fff;}

.tutorialBanner.form {padding:80px 0 200px 0; background:#f5f5f5 url('/public/images/renewal/cm_main_sec_9_img_4.png') left bottom no-repeat;}
.tutorialBanner.form .inner {padding:0;}
.tutorialBanner.form .inner .titArea {display:block; text-align:center; font-size:30px; line-height:30px; color:#000; font-weight:bold; margin:0 auto 50px;}
.tutorialBanner.form #registerForm .submitBtn {display:block; width:230px; height:50px; line-height:54px; font-size:18px; font-weight:bold; color:#fff; background:#ff8500; margin:20px auto 0;}


@media screen and (max-width:900px){
  .tutorialBanner.top .inner {background:url('/public/images/main/cm_main_tutorial_banner_bg_1_w900.jpg') center center no-repeat;}
  .tutorialBanner.top .steps li {width:260px; height:152px; padding:30px 0; margin:0 0 0 -20px; border-radius:76px;}
}

@media screen and (max-width:768px){
  .tutorialBanner.top .inner {padding:60px 15px; height:auto;background:url('/public/images/main/cm_main_tutorial_banner_bg_1_w768.jpg') center center no-repeat;}
  .tutorialBanner.top .titArea {text-align:center;}
  .tutorialBanner.top .steps {margin:80px auto 0;}
  .tutorialBanner.top .steps li {display:block; margin:20px auto 0;}
  .tutorialBanner.top .steps li:first-child {margin:0 auto;}
}

@media screen and (max-width:480px){
  .tutorialBanner.top .inner {background:url('/public/images/main/cm_main_tutorial_banner_bg_1_w480.jpg') center center no-repeat;}
  .tutorialBanner.top .titArea {line-height:32px;}
  .tutorialBanner.top .titArea b {font-size:40px; line-height:40px;}
  .tutorialBanner.top .titArea > span {font-size:20px;}
  .tutorialBanner.top .titArea > span:before,
  .tutorialBanner.top .titArea > span:after {width:4px; height:4px; top:-5px;}
  .tutorialBanner.top .titArea > span:before {left:17px;}
  .tutorialBanner.top .titArea > span:after {right:9px;}
  .tutorialBanner.top .titArea p {width:180px;}
  .tutorialBanner.top .titArea p:before {height:15px;}
  .tutorialBanner.top .titArea p span {font-size:20px; line-height:20px;}

  .tutorialBanner.top .steps {margin:60px auto 0;}
  .tutorialBanner.top .steps li {height:120px; padding:20px 0; border-radius:60px;}
  .tutorialBanner.top .steps .step {font-size:12px; line-height:12px;}
  .tutorialBanner.top .steps .tit {font-size:16px; line-height:16px; margin:8px auto;}
  .tutorialBanner.top .steps .desc {font-size:13px; line-height:13px;}
}
/* 다섯번째 배너 영역 :: E */



/* 탑배너 영역 :: S */
.topBanner {width:100%; position:relative;}
.topBanner .bg {display:block; width:100%;}
.topBanner .bg.pc {display:block;}
.topBanner .bg.mo {display:none;}
.topBanner .txtWrap {width:600px; height:400px; position:absolute; top:50%; left:50%; margin:-250px 0 0 -300px;}
.topBanner .txtWrap h2 {display:block; margin:0; padding:0; color:#fff; text-align:center; letter-spacing:0; font-weight:bold;}
.topBanner .txtWrap h2 p {display:block; width:100%; text-align:center; color:#fff;}
.topBanner .txtWrap h2 p.txt1 {font-size:15px; line-height:25px; font-weight:normal;}
.topBanner .txtWrap h2 p.txt1 span {font-size:20px; font-weight:bold; color:#ff484c;}
.topBanner .txtWrap h2 p.txt2 {font-size:30px; line-height:40px; font-weight:normal;}
.topBanner .txtWrap a {display:block; width:200px; height:60px; line-height:60px; text-align:center; border-radius:30px; background:#ef3f43; color:#fff; font-weight:bold; font-size:16px; margin:60px auto 0;}
.topBanner .tutorialBtn {display:block; width:250px; height:60px; line-height:60px; text-align:center; border-radius:30px; background:#ef3f43; color:#fff; font-weight:bold; font-size:16px; position:absolute; bottom:28%; left:50%; margin:0 0 0 -125px;}


@media screen and (max-width:1200px){
  .topBanner .tutorialBtn {bottom:15%;}
}

@media screen and (max-width:768px){
  .topBanner .bg.pc {display:none;}
  .topBanner .bg.mo {display:block;}

  .topBanner .txtWrap {width:480px; height:170px; margin:-85px 0 0 -240px;}
  .topBanner .txtWrap h2 {}
  .topBanner .txtWrap h2 p.txt1 {font-size:16px; line-height:26px;}
  .topBanner .txtWrap h2 p.txt2 {font-size:28px; line-height:38px; font-weight:bold;}
  .topBanner .txtWrap a {width:180px; height:40px; line-height:40px; font-size:14px; margin:30px auto 0;}
  .topBanner .tutorialBtn {width:160px; height:40px; line-height:40px; bottom:4.5%; margin:0 0 0 -80px;}
}
@media screen and (max-width:640px){
  .topBanner {min-height:300px; background:url('/public/images/main/dvs_main_top_banner_bg_1.jpg') center center no-repeat; background-size:cover;}
  .topBanner img {display:none;}
  .topBanner .txtWrap {width:400px; height:145px; margin:-72.5px 0 0 -200px;}
  .topBanner .txtWrap h2 {}
  .topBanner .txtWrap h2 p.txt1 {font-size:13px; line-height:23px;}
  .topBanner .txtWrap h2 p.txt2 {font-size:22px; line-height:32px; font-weight:bold;}
}
@media screen and (max-width:480px){
  .topBanner .txtWrap {width:320px; margin:-72.5px 0 0 -160px;}
  .topBanner .txtWrap h2 p:before,
  .topBanner .txtWrap h2 p:after {width:60px;}
}
/* 탑배너 영역 :: E */



/* 두비전 검사진행과정 영역 :: S */
.processWrap {width:100%; max-width:1200px; margin:0 auto 80px; padding:0 20px; box-sizing:border-box; position:relative;}

.processWrap .merit .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;}
.processWrap .merit .txt1:after {display:block; content:''; width:50px; height:2px; background:#fff; position:absolute; bottom:0; left:50%; margin:0 0 0 -25px;}

.processWrap .desc1 {display:block; width:100%; max-width:600px; text-align:center; margin:20px auto 50px; position:relative; font-size:15px; line-height:25px; color:#555;}

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

.processWrap .title {display:block; font-size:26px; line-height:26px; text-align:center; margin:100px auto 50px; font-weight:bold; color:#000;}

/*
.processWrap .process {display:block; width:100%; position:relative; overflow:hidden; margin:0; padding:0;}
.processWrap .process li {display:block; width:33.33333333333333%; height:200px; float:left; position:relative; padding:0 0 0 90px; background:url('/public/images/main/dvs_main_icon_img_4.png') left top no-repeat; text-align:left;}
.processWrap .process li p {display:block; font-size:20px; line-height:20px; font-weight:bold; position:relative; margin:0 auto 25px; padding:0 0 25px 0; color:#000; font-weight:bold;}
.processWrap .process li p:after {display:block; content:''; width:40px; height:1px; background:#000; position:absolute; bottom:0; left:0;}
*/

/*
.processWrap .process {width:100%; position:relative; border-collapse:collapse; border-top:1px solid #222;}
.processWrap .process tr {border-bottom:1px solid #222;}
.processWrap .process th,
.processWrap .process td {position:relative;}
.processWrap .process th {text-align:center; font-size:18px; line-height:20px; font-weight:bold; color:#000; padding:20px 0;}
.processWrap .process th:nth-of-type(2n):after {display:block; content:''; width:1px; height:20px; background:#000; position:absolute; top:50%; right:0; margin:-10px 0 0 0;}
.processWrap .process th:last-child:after {display:none !important;}
.processWrap .process td {padding:20px 5%;}
.processWrap .process td ul {display:block; position:relative; margin:0; padding:0;}
.processWrap .process td ul li {display:block; position:relative; margin:20px 0; padding:0 0 0 10px; font-size:16px; line-height:20px; font-weight:bold; color:#000; text-align:left;}
.processWrap .process td ul li:before {display:block; content:''; width:3px; height:3px; background:#000; position:absolute; top:10px; left:0;}
.processWrap .process td.process1 {background:#e3f5fc;}
.processWrap .process td.process2 {background:#f7f2ef;}
.processWrap .process td.process1:after,
.processWrap .process td.process2:after {display:block; content:''; width:40px; height:30px; position:absolute; top:50%; right:-20px; background:url('/public/images/dvs_icon_arrow_right_1.png') center center no-repeat; background-size:40px 30px; margin:-15px 0 0 0; z-index:10;}
.processWrap .process td.process3 {background:#fff7ea;}
.processWrap .process .tfoot td {font-size:20px; line-height:20px; font-weight:bold; color:#000; padding:20px 0; background:#f2f2f2;}
*/

.processList {display:block; width:100%; position:relative; margin:0; padding:0; overflow:hidden;}
.processList li {display:block; width:calc(33.33333333333333% - 14px); margin:0 21px 0 0; float:left; position:relative; padding:10% 0 0 13.5%; box-sizing:border-box;}
.processList li:last-child {margin:0;}
.processList li:before {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; background-size:100% auto !important; z-index:5;}
.processList li.step1:before {background:url('/public/images/main/dvs_main_process_step_1.png') left top no-repeat;}
.processList li.step2:before {background:url('/public/images/main/dvs_main_process_step_2.png') left top no-repeat;}
.processList li.step3:before {background:url('/public/images/main/dvs_main_process_step_3.png') left top no-repeat;}
.processList li p {display:block; position:relative; margin:0; padding:0; z-index:10;}
.processList li p.tit {font-size:24px; line-height:30px; font-weight:bold; padding:0 0 15px 0; margin:0 0 10px 0; border-bottom:1px solid #b2b2b2;}
.processList li.step1 p.tit {color:#14c6ef;}
.processList li.step2 p.tit {color:#00d0d3;}
.processList li.step3 p.tit {color:#8100da;}
.processList li p.tit span {display:block; font-size:14px; color:#888 !important;}
.processList li p.con {font-size:15px; line-height:25px; color:#000; font-weight:bold; position:relative; padding:0 0 0 8px;}
.processList li p.con:before {display:block; content:''; width:2px; height:2px; background:#000; position:absolute; top:50%; left:0; margin:-1px 0 0 0;}


@media screen and (max-width:768px){
  .processList li {width:100%; float:none; margin:0 auto 30px; padding:14% 0 0 22%;}
  .processList li:last-child {margin:0 auto;}
  .processList li:before {background-size:50% !important;}
  .processList li p.tit {font-size:18px; line-height:30px; padding:0 0 5px 0; margin:0 0 10px 0;}
  .processList li p.tit span {font-size:12px; line-height:12px;}
  .processList li p.con {font-size:13px; line-height:20px;}
}

@media screen and (max-width:480px){
  /*
  .processList li {padding:17% 0 0 0;}
  .processList li:before {background-size:40% !important;}
  */
}


.exampleList {display:block; width:100%; position:relative; margin:80px auto 120px; padding:0;}
.exampleList li {display:block; width:100%; position:relative; margin:0 auto 100px; padding:0;}
.exampleList li:last-child {margin:0 auto;}

.exampleList li .imgArea {width:50%; position:relative; background:#fff0e1; border-radius:10px 0 0 10px; padding:60px 40px 0 40px; text-align:center;}
.exampleList li:nth-of-type(2n) .imgArea {margin-left:50%; border-radius:0 10px 10px 0;}
.exampleList li .imgArea p {display:block; font-size:18px; line-height:24px; color:#000; font-weight:bold; margin:0 auto 20px;}
.exampleList li .imgArea img {max-width:100%; margin:0 auto -60px;}

.exampleList li .descArea {width:50%; height:100%; position:absolute; top:0; right:0; background:#f3f3f3; border-radius:0 10px 10px 0;}
.exampleList li:nth-of-type(2n) .descArea {right:auto; left:0; border-radius:10px 0 0 10px;}
.exampleList li .descArea .disTC {text-align:left; padding:0 40px;}
.exampleList li .descArea p {display:block; margin:0;}
.exampleList li .descArea p.tit {font-size:24px; line-height:32px; font-weight:bold; color:#009db5;}
.exampleList li .descArea ol {display:block; width:100%; position:relative; margin:30px auto 0; padding:0;}
.exampleList li .descArea ol li {display:block; width:100%; position:relative; padding:0 0 0 60px; box-sizing:border-box; margin:0 auto 30px;}
.exampleList li .descArea ol li:last-child {margin:0 auto;}
.exampleList li .descArea ol li i {display:block; width:50px; height:50px; background:#ee622f; border-radius:50%; text-align:center; padding:5px 0; box-sizing:border-box; font-size:13px; line-height:18px; font-weight:bold; color:#fff; font-style:normal; position:absolute; top:50%; left:0; margin:-25px 0 0 0;}
.exampleList li .descArea ol li i b {font-size:22px; line-height:20px;}
.exampleList li .descArea ol li p {display:block; font-size:16px; line-height:26px; color:#000; font-weight:bold;}
.exampleList li .descArea ol li span {display:block; font-size:14px; line-height:24px; color:#555; position:relative; padding:0 0 0 10px; box-sizing:border-box;}
.exampleList li .descArea ol li span:before {display:block; content:'-'; position:absolute; top:0; left:0;}


@media screen and (max-width:768px){
  .exampleList li {margin:0 auto 50px;}
  .exampleList li .imgArea {width:100%; padding:20px; border-radius:10px 10px 0 0;}
  .exampleList li .imgArea img {margin:0 auto;}
  .exampleList li .descArea {width:100%; height:auto; position:relative; top:auto; right:auto; border-radius:0 0 10px 10px;}
  .exampleList li .descArea .disTC {padding:20px;}
  .exampleList li .descArea p.tit {font-size:18px; line-height:28px;}
  .exampleList li .descArea ol li p {font-size:14px;}
  .exampleList li .descArea ol li span {font-size:12px;}
  .exampleList li:nth-of-type(2n) .imgArea {margin-left:0; border-radius:10px 10px 0 0;}
  .exampleList li:nth-of-type(2n) .descArea {border-radius:0 0 10px 10px;}
}


.txtBanner {width:100%; padding:50px 15px; box-sizing:border-box; text-align:center; background:#05c2c9; position:relative; margin:100px auto;}
.txtBanner p {display:block; font-size:24px; line-height:34px; color:#fff; margin:0 auto;}
.txtBanner p b.yellow {color:#ffe5b2;}
.txtBanner a {display:block; width:250px; height:60px; line-height:60px; text-align:center; background:#f7b022; border-radius:30px; font-size:16px; color:#fff; font-weight:bold; margin:30px auto 0;}
.txtBanner a.download {background:#cc0000;}


@media screen and (max-width:768px){
  .txtBanner p {font-size:18px; line-height:28px;}
  .txtBanner a {width:200px; height:40px; line-height:40px;}
}

@media screen and (max-width:480px){
  .txtBanner p {font-size:15px; line-height:25px;}
}


#programSampleModal {min-width:320px;}
#programSampleModal .modal-dialog.modal-lg {max-width:1200px;}
#programSampleModal .modal-body {padding:50px;}
#programSampleModal div.title {display:block; width:100%; position:relative; margin:0 auto 40px;}
#programSampleModal div.title p {display:block; width:300px; height:24px; font-size:24px; color:#000; margin:0 auto; text-align:center; background:#fff; position:relative; z-index:10;}
#programSampleModal div.title p span {font-weight:bold;}
#programSampleModal div.title:before,
#programSampleModal div.title:after {display:block; content:''; width:100%; height:1px; background:#bababa; position:absolute; left:0; z-index:5;}
#programSampleModal div.title:before {top:6px;}
#programSampleModal div.title:after {bottom:6px;}
#programSampleModal p.title {display:block; width:100%; position:relative; margin:0 auto 40px; text-align:center; height:24px; font-size:24px; color:#000;}
#programSampleModal p.title span {font-weight:bold;}

#programSampleModal .descRect {width:100%; position:relative; margin:0 auto 60px;}

#programSampleModal .descRect .imgArea {width:45%;}
#programSampleModal .descRect:nth-of-type(2n+2) .imgArea {margin-left:55%;}
#programSampleModal .descRect:nth-child(2) .imgArea {width:30%; text-align:right; margin-left:70%;}
#programSampleModal .descRect .imgArea img {max-width:100%;}

#programSampleModal .descRect .conArea {width:55%; height:100%; position:absolute; top:0; right:0;}
#programSampleModal .descRect:nth-of-type(2n+2) .conArea {right:auto; left:0;}
#programSampleModal .descRect:nth-child(2) .conArea {width:70%;}
#programSampleModal .descRect .conArea .disTC {text-align:left; padding:0 30px;}
#programSampleModal .descRect .conArea p {display:block; margin:0;}
#programSampleModal .descRect .conArea .tit {font-size:20px; line-height:30px; font-weight:bold; color:#000;}
#programSampleModal .descRect .conArea .tit2 {display:inline-block; font-size:18px; line-height:18px; color:#000; font-weight:bold; padding:0 0 10px 0; margin:0 0 10px 0; position:relative;}
#programSampleModal .descRect .conArea .tit2:after {display:block; content:''; width:100%; height:2px; background:#a3a3a3; position:absolute; bottom:0; left:0;}
#programSampleModal .descRect .conArea .con {font-size:13px; line-height:22px; color:#555;}

#programSampleModal .targetList {display:block; text-align:center; position:relative; padding:0; margin:0;}
#programSampleModal .targetList li {display:inline-block; position:relative; width:200px; height:200px; margin:0 50px; border-radius:50%; background:#1aace7; text-align:center; font-size:16px; line-height:26px; color:#fff; font-weight:bold; padding:60px 0; box-sizing:border-box;}
#programSampleModal .targetList li p {display:block; font-size:28px; line-height:28px; color:#fffea3; margin:0 auto 15px;}
#programSampleModal .targetList li:after {display:block; content:''; width:40px; height:30px; background:url('/public/images/dvs_icon_arrow_right_1.png') center center no-repeat; background-size:100% 100%; position:absolute; top:50%; right:-70px; margin:-15px 0 0 0;}
#programSampleModal .targetList li:last-child:after {display:none;}


@media screen and (max-width:1200px){
  .processWrap {margin:80px auto;}
  .processWrap .title {margin:60px auto 30px;}
  .processWrap .merit {margin:0 auto;}
}
@media screen and (max-width:960px){
  #programSampleModal .descRect {margin:0 auto 80px;}
  #programSampleModal .descRect .conArea .tit {font-size:18px; line-height:28px;}
  #programSampleModal .targetList li {width:150px; height:150px; font-size:12px; line-height:22px; padding:45px 0; margin:0 30px;}
  #programSampleModal .targetList li:first-child {margin-left:0;}
  #programSampleModal .targetList li:last-child {margin-right:0;}
  #programSampleModal .targetList li:after {right:-52px;}
  #programSampleModal .targetList li p {font-size:18px; line-height:28px; margin:0 auto 6px;}
  #programSampleModal p.title {font-size:18px; height:auto; line-height:24px;}
}
@media screen and (max-width:768px){
  .processWrap {margin:60px auto; padding:0 15px;}
  .processWrap .title {font-size:22px; line-height:22px;}
  .processWrap .merit {padding:30px;}
  .processWrap .merit li {padding:0 0 0 15px;}
  .processWrap .merit li p {margin:20px auto 0; font-size:13px; line-height:20px;}
  .processWrap .merit li p b {font-size:16px;}

  .processWrap .process th {font-size:15px; padding:15px 0;}
  .processWrap .process td {padding:15px 5%;}
  .processWrap .process td ul li {font-size:14px; margin:10px 0;}
  .processWrap .process .tfoot td {font-size:15px;}

  #programSampleModal .descRect .imgArea {width:100% !important; margin-left:0 !important; text-align:center !important;}
  #programSampleModal .descRect .imgArea img {max-width:100% !important;}
  #programSampleModal .descRect .conArea {width:100% !important; position:relative !important; height:auto !important; top:auto !important; left:auto !important; right:auto !important; margin:30px auto 0;}
  #programSampleModal .descRect .conArea .disTC {padding:0; text-align:center;}
}
@media screen and (max-width:640px){
  .processWrap .title {font-size:20px; line-height:20px; margin:40px auto 20px;}
  .processWrap .merit li {width:100%; margin:0 auto 20px !important; text-align:center !important; padding:0 0 20px 0; border-bottom:1px solid #555;}
  .processWrap .merit li:last-child {margin:0 auto !important; padding:0; border-bottom:0;}
  .processWrap .merit li img {margin:0 auto;}
  .processWrap .merit li p {margin:15px auto 0;}
}
@media screen and (max-width:560px){
  #programSampleModal .modal-body {padding:15px;}
  #programSampleModal div.title p {width:200px; font-size:18px;}
  #programSampleModal .targetList li {margin:0 auto 70px !important; display:block; float:none;}
  #programSampleModal .targetList li:last-child {margin:0 auto !important;}
  #programSampleModal .targetList li:after {width:42px; height:56px; background:url('/public/images/dvs_icon_arrow_down_1.png') center center no-repeat; right:auto; left:50%; top:auto; bottom:-63px; margin:0 0 0 -21px;}
}
/* 두비전 검사진행과정 영역 :: E */



/* 두비전 자문위원단 영역 :: S */
.consulterWrap {width:100%; position:relative; margin:80px auto; box-sizing:border-box;}
.consulterWrap .inner {width:100%; max-width:1200px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.consulterWrap .title {width:100%; text-align:center; margin:0 auto 50px;}
.consulterWrap .title img {max-width:100%;}
.consulterWrap .title p {display:block; width:100%; text-align:center; font-size:26px; line-height:26px; font-weight:bold; color:#000; margin:20px auto 0;}

.consulterWrap ul {display:block; position:relative; overflow:hidden; margin:0 auto; padding:0;}
.consulterWrap ul li {display:block; float:left; width:calc(33.33333333333333% - 20px); margin:0 30px 30px 0; position:relative; /* border:2px solid #05c2c9; */ border:2px solid #ececec; border-radius:15px; box-sizing:border-box; overflow:hidden;}
.consulterWrap ul li:nth-of-type(3n+3) {margin:0 0 30px 0;}
.consulterWrap ul li .logo {width:100%; height:120px; position:relative; text-align:center; vertical-align:middle; display:none;}
.consulterWrap ul li .logo img {max-width:100%; vertical-align:middle;}
.consulterWrap ul li .info {width:100%; padding:25px 0; /* background:#05c2c9; */ background:#f2f2f2; text-align:center; position:relative;}
.consulterWrap ul li .info p {display:block; text-align:center; margin:0; font-weight:bold;}
.consulterWrap ul li .info .name {font-size:25px; line-height:25px; margin:0 auto 15px; /* color:#b8fcff; */ color:#1aace7;}
.consulterWrap ul li .info .depart {font-size:18px; line-height:18px; /* color:#fff; */ color:#454545;}


@media screen and (max-width:768px){
  .consulterWrap .title p {font-size:22px; line-height:22px;}

  .consulterWrap ul li {width:calc(50% - 10px); margin:0 20px 20px 0;}
  .consulterWrap ul li:nth-of-type(3n+3) {margin:0 20px 20px 0;}
  .consulterWrap ul li:nth-of-type(2n+2) {margin:0 0 20px 0;}
}
@media screen and (max-width:640px){
  .consulterWrap {margin:60px auto;}
  .consulterWrap .title p {font-size:20px; line-height:20px;}

  .consulterWrap ul li {}
  .consulterWrap ul li .logo img {max-width:60%;}
  .consulterWrap ul li .info .name {font-size:18px; line-height:18px;}
  .consulterWrap ul li .info .depart {font-size:14px; line-height:14px;}
}
@media screen and (max-width:480px){
  .consulterWrap {margin:50px auto;}
  .consulterWrap ul li {width:100% !important; margin:0 auto 15px !important;}
}
/* 두비전 자문위원단 영역 :: E */



/* 두비전 프로그램 소개 영역 :: S */
.programWrap {width:100%; position:relative; background:#f2f2f2; padding:80px 20px; box-sizing:border-box;}
.programWrap .inner {width:100%; max-width:1200px; position:relative; margin:0 auto;}
.programWrap .title {display:block; width:100%; text-align:center; font-size:26px; line-height:26px; font-weight:bold; color:#000; margin:0 auto 50px;}
.programWrap ul {display:block; width:100%; position:relative; overflow:hidden; margin:0; padding:0;}
.programWrap ul li {display:block; width:calc(33.33333333333333% - 20px); height:540px; float:left; position:relative; margin:0 30px 0 0; background:#fff; border-radius:10px; overflow:hidden;}
.programWrap ul li:nth-of-type(3n+3) {margin:0;}
.programWrap ul li img {display:block; width:100%;}
.programWrap ul li .con {width:100%; padding:20px; box-sizing:border-box; position:relative;}
.programWrap ul li .con p {display:block; margin:0;}
.programWrap ul li .con .tit {font-size:24px; line-height:24px; color:#1aace7; font-weight:bold; margin:0 auto 20px;}
.programWrap ul li .con .desc {font-size:13px; line-height:20px; color:#454545;}
.programWrap .inner > a {display:block; width:200px; height:60px; line-height:60px; text-align:center; border-radius:30px; background:#ef3f43; color:#fff; font-weight:bold; font-size:16px; margin:50px auto 0;}


@media screen and (max-width:1024px){
  .programWrap ul li {height:auto;}
}
@media screen and (max-width:768px){
  .programWrap {padding:60px 20px;}
  .programWrap .title {font-size:22px; line-height:22px;}
  .programWrap ul li {width:calc(33.33333333333333% - 10px); margin:0 15px 0 0;}
  .programWrap ul li .con .tit {font-size:20px; line-height:20px;}
  .programWrap .inner > a {width:180px; height:40px; line-height:40px; font-size:14px; margin:30px auto 0;}
}
@media screen and (max-width:640px){
  .programWrap {padding:50px 15px;}
  .programWrap .title {font-size:20px; line-height:20px; margin:0 auto 20px;}
  .programWrap ul li {width:calc(50% - 7.5px); margin:0 15px 15px 0;}
  .programWrap ul li:nth-of-type(3n+3) {margin:0 15px 15px 0;}
  .programWrap ul li:nth-of-type(2n+2) {margin:0 0 15px 0;}
  .programWrap ul li .con .tit {font-size:15px; line-height:15px;}
}
@media screen and (max-width:480px){
  .programWrap ul li {width:100%; margin:0 auto 15px !important;}
  .programWrap ul li:last-child {margin:0 auto !important;}
}
/* 두비전 프로그램 소개 영역 :: E */



/* 각종 카운팅 영역 :: S */
.countingWrap {width:100%; position:relative;}
.countingWrap .inner {width:100%; max-width:1200px; position:relative; margin:50px auto;}
.countingWrap .inner ul {width:100%; position:relative; overflow:hidden; margin:0; padding:0;}
.countingWrap .inner ul li {display:block; width:25%; float:left; position:relative; text-align:center; margin:0; padding:0;}
.countingWrap .inner ul li p {display:block; text-align:center; margin:0; font-weight:bold; color:#000;}
.countingWrap .inner ul li .cnt {font-size:40px; line-height:40px; margin:0 auto 15px;}
.countingWrap .inner ul li .desc {font-size:16px; line-height:16px;}


@media screen and (max-width:768px){
  .countingWrap .inner ul li .cnt {font-size:30px; line-height:30px; margin:0 auto 10px;}
  .countingWrap .inner ul li .desc {font-size:14px; line-height:14px;}
}
@media screen and (max-width:480px){
  .countingWrap .inner {margin:30px auto;}
  .countingWrap .inner ul li {width:50%; padding:15px 0;}
}
/* 각종 카운팅 영역 :: E */



/* 센터찾기 & 예약하기 영역 :: S */
.findCenterWrap {width:100%; position:relative; padding:80px 20px; background:url('/public/images/main/dvs_main_banner_bg_1.jpg') center center no-repeat; background-size:cover; background-attachment:fixed;}
.findCenterWrap .findArea {width:100%; max-width:1200px; position:relative; margin:0 auto; padding:0 50% 0 0; background:url('/public/images/main/dvs_main_icon_img_6.png') right center no-repeat; background-size:contain;}
.findCenterWrap .findArea img {display:block; max-width:100%;}
.findCenterWrap .findArea p {display:block; margin:0;}
.findCenterWrap .findArea .tit {font-size:24px; line-height:24px; font-weight:bold; margin:30px auto;}
.findCenterWrap .findArea .desc {font-size:13px; line-height:24px; color:#fff;}
.findCenterWrap .findArea a {display:block; width:250px; height:60px; line-height:60px; text-align:center; background:#ef3f43; border-radius:30px; color:#fff; font-weight:bold; margin:60px 0 0 0;}


@media screen and (max-width:768px){
  .findCenterWrap {padding:60px 15px;}
  .findCenterWrap .findArea .tit {font-size:20px; line-height:20px; margin:20px auto;}
  .findCenterWrap .findArea a {width:200px; height:40px; line-height:40px; font-size:14px; margin:30px 0 0 0;}
}
@media screen and (max-width:640px){
  .findCenterWrap .findArea {padding:0; background-size:50%; background-position:right bottom;}
}
@media screen and (max-width:480px){
  .findCenterWrap .findArea {background:none !important; text-align:center;}
  .findCenterWrap .findArea img {margin:0 auto;}
  .findCenterWrap .findArea .tit {font-size:18px; line-height:18px; margin:15px auto;}
  .findCenterWrap .findArea a {margin:20px auto 0;}
}
/* 센터찾기 & 예약하기 영역 :: E */