/*준비중*/
.ready{text-align: center;  padding-top: 200px;}
.ready .dot span{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #eee; margin: 0 5px;}
.ready h1{ font-size: 30px; margin: 30px 0 10px 0; font-weight: 600; color: #333;}
.ready strong{ color:#05DFD7; font-weight: 600;}
.ready p{ font-size: 18px; color: #999; font-weight: 300;}

/*테이블 - 가로스크롤*/
.row-horizon { position:relative; width:100%; overflow-x: hidden; overflow-y: hidden;}
.tbl_blur{ display: none;}
.tbl_scroll{ display: none;}
@media screen and (max-width: 768px) {
  .ready{ padding-top: 50px;}
  .ready h1{ font-size: 26px;}
  .ready p{ font-size: 15px;}
  .table_wrap{ position: relative;}
  .tbl_blur{ display: block; position:absolute; top:0px; right:0; width:40px; height:100%; background:url(../img/common/tbl_blur.png) repeat-y right top; z-index:10;}
  .row-horizon {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;float: none; width: 100%;}
  .tbl_scroll{ display: block; font-size:12px; line-height: 12px; color:#888; margin-bottom:10px; padding-left: 5px;}
}

/*************** 서브 상단비주얼 ***************/
.svisual{ width:100%; height:648px; background-repeat: no-repeat; background-position: center top; 
  background-image: url(../img/sub/svisual01.jpg); position: relative;}
.sv01{ background-image: url(../img/sub/svisual01.jpg);}
.sv02{ background-image: url(../img/sub/svisual02.jpg);}
.sv021{ background-image: url(../img/sub/svisual02_1.jpg);}
.sv022{ background-image: url(../img/sub/svisual02_2.jpg);}
.sv023{ background-image: url(../img/sub/svisual02_3.jpg);}
.sv03{ background-image: url(../img/sub/svisual03_1.jpg);}
.sv032{ background-image: url(../img/sub/svisual03_2.jpg);}
.sv033{ background-image: url(../img/sub/svisual03_3.jpg);}
.sv034{ background-image: url(../img/sub/svisual03_4.jpg);}
.sv035{ background-image: url(../img/sub/svisual03_5.jpg);}
.sv04{ background-image: url(../img/sub/svisual04_1.jpg);}
.sv042{ background-image: url(../img/sub/svisual04_2.jpg);}
.sv043{ background-image: url(../img/sub/svisual04_3.jpg);}
.sv044{ background-image: url(../img/sub/svisual04_4.jpg);}
.sv05{ background-image: url(../img/sub/svisual05_1.jpg);}
.sv052{ background-image: url(../img/sub/svisual05_2.jpg);}
.sv053{ background-image: url(../img/sub/svisual05_3.jpg);}
.sv054{ background-image: url(../img/sub/svisual05_4.jpg);}
.sv055{ background-image: url(../img/sub/svisual05_5.jpg);}
.sv06{ background-image: url(../img/sub/svisual06_1.jpg);}
.sv062{ background-image: url(../img/sub/svisual06_2.jpg);}
.sv07{ background-image: url(../img/sub/svisual07_1.jpg);}
.sv072{ background-image: url(../img/sub/svisual07_2.jpg);}
.sv073{ background-image: url(../img/sub/svisual07_3.jpg);}
.sv074{ background-image: url(../img/sub/svisual07_4.jpg);}
.sv08{ background-image: url(../img/sub/svisual08_1.jpg);}
.sv082{ background-image: url(../img/sub/svisual08_2.jpg);}

.svisual .sv_in{ width:100%; height:648px; position: relative;}
.svisual .sv_tit{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width:100%;}
.svisual .sv_tit h1{ font-size: 55px; font-weight: normal; font-weight: 600; color: #fff;}

.sv02_com .sv_tit{ top: auto; bottom: 150px; transform: translate(0); margin-left: 50px; text-align: left; width: auto;}
.sv02_com .sv_tit p{ font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; transform: rotate(90deg);
position: absolute; top: -150px; left: -107px;}
.sv02_com .sv_tit h2{ font-size: 33px; font-weight: normal; font-weight: 400; line-height: 1.2; margin-left: -2px;}
.sv02_com .sv_tit h3{ font-size: 22px; font-weight: normal; font-weight: 600; line-height: 1.2; margin: 15px 0 40px 0;}
.sv02_com .sv_tit h1{ font-size: 55px; color: #222;}

.sv02 .sv_tit p{ color: #CFC2D5; }
.sv02 .sv_tit h2{ color: #8175AA; }
.sv02 .sv_tit h3{ color: #B9A9CF;}
.sv021 .sv_tit p{ color: #B9D0BE; }
.sv021 .sv_tit h2{ color: #71A797; }
.sv021 .sv_tit h3{ color: #A8C2B3;}
.sv022 .sv_tit p{ color: #98D0D7; }
.sv022 .sv_tit h2{ color: #2BA4C7; }
.sv022 .sv_tit h3{ color: #64bac5;}
.sv023 .sv_tit p{ color: #E0BEA9; }
.sv023 .sv_tit h2{ color: #C09275; }
.sv023 .sv_tit h3{ color: #CFAD98;}
.sv03 .sv_tit p{ color: #7dbbd8; }
.sv03 .sv_tit h2{ color: #2e88dd; }
.sv03 .sv_tit h3{ color: #3f97c0;}
.sv032 .sv_tit p{ color: #e49c7b; }
.sv032 .sv_tit h2{ color: #db5d3e; }
.sv032 .sv_tit h3{ color: #c77752;}
.sv033 .sv_tit p{ color: #d0b7db; }
.sv033 .sv_tit h2{ color: #8976bb; }
.sv033 .sv_tit h3{ color: #ac95cc;}
.sv034 .sv_tit p{ color: #91c4a8; }
.sv034 .sv_tit h2{ color: #6da787; }
.sv034 .sv_tit h3{ color: #7fbd9b;}
.sv035 .sv_tit p{ color: #dda79c; }
.sv035 .sv_tit h2{ color: #eb8672; }
.sv035 .sv_tit h3{ color: #d19488;}

.sv04 .sv_tit p{ color: #80c2ee; }
.sv04 .sv_tit h2{ color: #308ece; }
.sv04 .sv_tit h3{ color: #66bcf5;}
.sv042 .sv_tit p{ color: #c3ce8b; }
.sv042 .sv_tit h2{ color: #e0964c; }
.sv042 .sv_tit h3{ color: #aab66f;}
.sv043 .sv_tit p{ color: #f1969e; }
.sv043 .sv_tit h2{ color: #db7d7d; }
.sv043 .sv_tit h3{ color: #f1969e;}
.sv044 .sv_tit p{ color: #94dab1; }
.sv044 .sv_tit h2{ color: #539e88; }
.sv044 .sv_tit h3{ color: #79be96;}

.sv05 .sv_tit p{ color: #91ddeb; }
.sv05 .sv_tit h2{ color: #57cfe4; }
.sv05 .sv_tit h3{ color: #41a4b6;}
.sv052 .sv_tit p{ color: #a0b9e4; }
.sv052 .sv_tit h2{ color: #688dcc; }
.sv052 .sv_tit h3{ color: #87acec;}
.sv053 .sv_tit p{ color: #fad5ed; }
.sv053 .sv_tit h2{ color: #d47bb7; }
.sv053 .sv_tit h3{ color: #e69bcd;}
.sv054 .sv_tit p{ color: #edd6f7; }
.sv054 .sv_tit h2{ color: #8175AA; }
.sv054 .sv_tit h3{ color: #b59bd8;}
.sv055 .sv_tit p{ color: #98D0D7; }
.sv055 .sv_tit h2{ color: #2BA4C7; }
.sv055 .sv_tit h3{ color: #64bac5;}
.sv06 .sv_tit p{ color: #98D0D7; }
.sv06 .sv_tit h2{ color: #2BA4C7; }
.sv06 .sv_tit h3{ color: #64bac5;}
.sv062 .sv_tit p{ color: #91d6c7; }
.sv062 .sv_tit h2{ color: #50af92; }
.sv062 .sv_tit h3{ color: #7ab8aa;}

.sv07 .sv_tit p{ color: #f1969e; }
.sv07 .sv_tit h2{ color: #db7d7d; }
.sv07 .sv_tit h3{ color: #f1969e;}
.sv072 .sv_tit p{ color: #6ebbe7; }
.sv072 .sv_tit h2{ color: #3498d1; }
.sv072 .sv_tit h3{ color: #2b78a5;}
.sv073 .sv_tit p{ color: #d19560; }
.sv073 .sv_tit h2{ color: #cc7340; }
.sv073 .sv_tit h3{ color: #b47c4b;}
.sv074 .sv_tit p{ color: #edd6f7; }
.sv074 .sv_tit h2{ color: #8175AA; }
.sv074 .sv_tit h3{ color: #b59bd8;}
.sv08 .sv_tit p{ color: #6ebbe7; }
.sv08 .sv_tit h2{ color: #3498d1; }
.sv08 .sv_tit h3{ color: #2b78a5;}
.sv082 .sv_tit p{ color: #dda79c; }
.sv082 .sv_tit h2{ color: #eb8672; }
.sv082 .sv_tit h3{ color: #d19488;}


/*************** 로케이션 ***************/
.location{ position: absolute; top: 380px; left: 50%; transform: translateX(-50%); width: 100%;}
.location ul{ display:flex; align-items: center; justify-content: center;}
.location li{ font-size: 16px; color: #fff; font-weight: 200; margin-right: 18px;}
.location li .smh{ width: 14px; margin: 0 2px 6px 0;}
.location li:last-child{ font-weight: 700;}
.location li a{ color: #fff;}
@media screen and (max-width:1200px) {
  .svisual{ background-size: cover; height: 600px;}
  .svisual .sv_in{ height:600px;}
  .sv02_com .sv_tit{ bottom: 100px; margin-left: 0;}
  .sv02_com .sv_tit h2{ font-size: 30px;}
  .sv02_com .sv_tit h3{ font-size: 20px;}
  .sv02_com .sv_tit h1{ font-size: 45px;}
  .location{ top: 350px;}
}
@media screen and (max-width:767px) {
  .svisual{ height:270px;}
  .svisual .sv_in{ height:270px;}
  .svisual .sv_tit h1{ font-size: 35px;}

  .sv02{ background-position: -230px top;}
  .sv021{ background-position: -200px top;}
  .sv022{ background-position: -150px top;}
  .sv03{ background-position: 35% top;}
  .sv032{ background-position: 35% top;}
  .sv033{ background-position: 30% top;}
  .sv034{ background-position: 30% top;}
  .sv035{ background-position: 35% top;}
  .sv04{ background-position: 35% top;}
  .sv042{ background-position: 35% top;}
  .sv043{ background-position: 35% top;}
  .sv044{ background-position: 30% top;}
  .sv05{ background-position: 40% top;}
  .sv052{ background-position: 35% top;}
  .sv053{ background-position: 35% top;}
  .sv054{ background-position: 35% top;}
  .sv055{ background-position: 35% top;}
  .sv06{ background-position: 40% top;}
  .sv062{ background-position: 35% top;}
  .sv07{ background-position: 25% top;}
  .sv072{ background-position: 30% top;}
  .sv073{ background-position: 25% top;}
  .sv074{ background-position: 30% top;}
  .sv08{ background-position: 35% top;}
  .sv082{ background-position: 35% top;}

  .sv02_com .sv_tit{ bottom: 40px; left: auto; right: 5%; width: 65%; text-align: right;}
  .sv02_com .sv_tit p{ display: none;}
  .sv02_com .sv_tit h2{ font-size: 23px;}
  .sv02_com .sv_tit h3{ font-size: 16px; margin: 10px 0 20px 0;}
  .sv02_com .sv_tit h1{ font-size: 30px;}

  .location{ top: 170px;}
  .location li{ font-size: 14px; margin-right: 10px;}
  .location li .smh{ width: 12px; margin: 0 2px 3px 0;}
}


/*************** 내용작업 ***************/

.sub_wrap{ width: 1300px; margin: 0 auto; padding: 130px 0;}

/*의료진소개*/
.grt_txt{  font-family: 'GowunBatang-Regular'; font-size: 45px; letter-spacing: -1px; margin-bottom: 150px; position: relative; padding: 0 30px; display: inline-block;} 
.grt_txt span{ color: #05DFD7;}
.grt_txt .dda{ position: absolute;}
.grt_txt .dda01{ top: -20px; left: -15px;}
.grt_txt .dda02{ bottom: -15px; left: 675px;}

.doc_wrap{ display: flex; flex-wrap: wrap;}
.doc_img{ width: 530px; margin-right: 150px; position: relative;}
.doc_img::before{ display: block; content: ""; width: 500px; height: 620px; border: 1px solid #05DFD7; border-radius: 80px 0 0 0; position: absolute; top: 40px; left: 70px;
z-index: -1;}
.doc_img img{ width: 100%; border-radius: 80px 0 0 0;}
.doc_box{ width: calc(100% - 680px); padding-top: 50px;}
.doc_box h1{ font-size: 45px; font-weight: 700; color: #222; margin-bottom: 40px;}
.doc_box h1 > span{ font-weight: normal; font-size: 43px; font-weight: 300;}
.doc_box h2{ font-weight: normal; font-size: 22px; font-weight: 500; color: #333; line-height: 1.5; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ddd;}
.doc_box h2 > span{ font-weight: 500; color: #25c7c2;}
.doc_box dl{ margin-bottom: 50px;}
.doc_box dl:last-child{ margin-bottom: 0;}
.doc_box dt{ font-size: 28px; font-weight: 600; color: #222; margin-bottom: 10px; position: relative;}
.doc_box dd{ font-size: 21px; font-weight: 300; color: #666; padding: 5px 0 5px 10px; position: relative;}
.doc_box dd::before{ display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #5FB1C9; position: absolute; top: 15px; left: 0px;}

.value{ margin: 100px 0; padding-top: 130px; border-top: 1px solid #555; text-align: center;}
.value h2{ font-size: 25px; font-weight: 900; color: #333; letter-spacing: 1px; margin-bottom: 20px;}
.value h1{ font-size: 45px; font-weight: 700; color: #05DFD7;}
.value ul{ margin-top: 180px; display: flex; justify-content: center; flex-wrap: wrap;}
.value li{ position: relative; margin: 0 30px;}
.value li::after{ display: block; content: ""; width: 450px; height: 450px; border-radius: 50%; background-color: rgba(5, 223, 215, .1);
position: absolute; top: -80px; left: 50%; transform: translateX(-50%);}
.value h3{ font-size: 60px; color: #05DFD7; margin-bottom: 50px;}
.value h4{ font-size: 28px; font-weight: 600; color: #333; margin-bottom: 20px;}
.value h4 > span{ color: #05DFD7;}
.value p{ font-size: 20px; font-weight: 300; color: #666; line-height: 1.8;}

@media screen and (max-width: 1200px) {
  .sub_wrap{ width: 100%; padding: 100px 5%;}
  .grt_txt{ font-size: 40px; margin-bottom: 100px;} 
  .doc_img{ width: 450px; margin-right: 100px;}
  .doc_img::before{ width: 450px; height: 580px; border-radius: 80px 0 0 0; top: 40px; left: 30px;}
  .doc_box{ width: calc(100% - 550px);}
  .doc_box h2 > br{ display: none;}
  .value ul{ margin-top: 140px;}
  .value li{ position: relative; margin: 0 15px;}
  .value li::after{ width: 350px; height: 350px; top: -50px;}
  .value h3{ font-size: 50px;}
  .value h4{ font-size: 25px; }
  .value p{ font-size: 18px;}
}
@media screen and (max-width:767px) {
  .sub_wrap{ padding: 60px 0;}
  .brno{ display: none;}
  .grt_txt{ font-size: 28px; padding: 0 0 0 30px; margin-bottom: 80px;} 
  .grt_txt .dda{ width: 25px;}
  .grt_txt .dda img{ width: 100%;}
  .grt_txt .dda01{ top: -10px; left: 0px;}
  .grt_txt .dda02{ display: none;}
  .doc_img{ width: 280px; margin: 0 auto;}
  .doc_img::before{ width: 280px; height: 325px; border-radius: 50px 0 0 0; top: 20px; left: 20px;}
  .doc_img img{ border-radius: 50px 0 0 0;}
  .doc_box{ width:100%; margin-top: 60px; padding: 0 7%;}
  .doc_box h1{ font-size: 30px; margin-bottom: 30px;}
  .doc_box h1 > span{ font-size: 20px;}
  .doc_box h2{ font-size: 18px; margin-bottom: 30px; padding-bottom: 30px;}
  .doc_box dl{ margin-bottom: 30px;}
  .doc_box dt{ font-size: 23px;}
  .doc_box dd{ font-size: 18px;}
  .doc_box dd::before{ top: 15px;}
  .value{ margin: 60px 0 0 0; padding-top: 60px;}
  .value h2{ font-size: 22px; margin-bottom: 10px;}
  .value h1{ font-size: 35px;}
  .value ul{ margin-top: 100px;}
  .value li{ margin: 40px 0;}
  .value li::after{ width: 330px; height: 330px; top: -60px;}
  .value h3{ font-size: 40px; margin-bottom: 40px;}
  .value h4{ font-size: 23px;}
  .value p{ line-height: 1.6; padding: 0 5%;}
  .value p > .brno{ display: none;}
}

/*둘러보기*/
.flexslider{ width: 1200px; margin: 100px auto!important;}
.flexslider .flex-control-thumbs li{ width: 20%; padding: 5px;}
.flex-direction-nav{ position: absolute; top: 32%; width: 100%;}
.flex-direction-nav a{ top: 0 !important; opacity: .5!important;width: 60px!important; height: 60px!important; background-color: #222; line-height: 60px; font-size: 0; text-align: center !important; background-position: center center; background-repeat: no-repeat;}
.flex-direction-nav a::before{ content: "" !important;}
.flex-direction-nav a:hover{ opacity: .9!important;}
.flex-direction-nav a::before{ color: #ccc !important; font-size: 25px !important; line-height: 60px !important; transition: all 0.3s;}
.flex-direction-nav:hover a::before{ color: #444 !important; transition: all 0.3s;}
.flex-prev{ left: 0px !important; background-image: url(../img/in/ico_prev.png); }
.flex-next{ right: 0px !important; background-image: url(../img/in/ico_next.png); }
.flex-control-thumbs{ margin: 60px 0 0 -5px!important;}
.flex-control-nav{ width: 1210px!important;}
.flex-control-thumbs img{ opacity: .5 !important; background-color: #000;}
.flex-control-thumbs img.flex-active{ opacity: 1 !important;}
@media screen and (max-width: 1200px) {
    .flexslider{ width: 100%;}
    .sc_img img{ width: 100%;}
    .flex-control-nav{ width: 100%!important;}
}
@media screen and (max-width: 767px) {
  .flexslider{ margin: 50px auto!important;}
  .flexslider .flex-control-thumbs li{ width: 33%; padding: 3px;}
  .flexslider .flex-control-thumbs li:nth-of-type(3n){ width: 34%;}
  .flex-direction-nav a{ width: 35px!important; height: 35px!important; line-height: 30px; background-size: 9px auto;}
  .flex-control-thumbs{ margin: 30px 0 0 0!important;}
}

/*진료시간 오시는길*/
.map{ text-align: center; margin-bottom: 30px;}
.time_box{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.tbox{ width: 49%; background-color: #e1eeee; padding: 50px 100px; display: flex; justify-content: center; flex-direction: column;}
.time h1{ font-size: 18px; color: #333; font-weight: normal; line-height: 1.5; margin-bottom: 40px;}
.time h1 > span{ font-weight: 600;}
.time h2{ font-size: 30px; color: #0ec0ba; margin-top: 30px;}
.time h2 > span{ font-size: 20px; font-weight: 400; color: #333; display: inline-block; margin-right: 10px;}
.time li{ font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.time li > span{ display: inline-block; width: 80px; font-weight: 200;}
.time li:last-child{ font-size: 16px; color: #666; font-weight: 200; border-top: 1px solid #ccc; padding-top: 15px;}
.park{ text-align: center;}
.park .tlogo{ width: 100px; margin: 0 auto 50px auto;}
.park .tlogo img{ width: 100%;}
.park h3{ font-size: 18px; color: #333; line-height: 1.5;}
.park h4{ font-size: 18px; font-weight: normal; font-weight: 200; color: #666; line-height: 1.5; margin-top: 20px;}
.park h4 > span{ display: inline-block; width: 28px; height: 28px; border-radius: 50%; border: 3px solid #0ec0ba; font-size: 16px; font-weight: 700; color: #0ec0ba;
line-height: 23px; margin-right: 5px;}
.pbtn{ margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.pbtn > a{ display: inline-block; width: 49%; background-color: #0ec0ba; font-size: 18px; color: #fff; line-height: 55px;}
.pbtn img{ width: 15px;}

@media screen and (max-width: 1200px) {
  .tbox{ padding: 50px 80px;}
}
@media screen and (max-width:767px) {
  .map{ margin-bottom: 10px;}
  .map img{ width: 100%;}
  .tbox{ width: 100%; margin-bottom: 10px; padding: 50px 20px;}
  .time h1{ font-size: 17px; margin-bottom: 30px;}
  .time h2 > span{ display:block; margin: 0 0 10px 0;}
  .time li{ font-size: 17px;}
  .time li > span{ width: 60px;}
  .park .tlogo{ margin: 0 auto 30px auto;}
  .park h4{ font-size: 17px;}
  .pbtn > a{ font-size: 16px; line-height: 50px;}
}



.cln01_box{ background: url(../img/sub/skin01_bg01.jpg) no-repeat right top / auto 680px #eee; padding: 100px 0 80px 0;}
.cln01_box2{ background: url(../img/sub/skin02_bg01.jpg) no-repeat right top / auto 660px #E5E5E5;}
.cln01_box3{ background: url(../img/sub/skin03_bg01.jpg) no-repeat right top / auto 600px #EFF3F6; padding: 100px 0;}
.cln01_box4{ background: url(../img/sub/skin04_bg01.jpg) no-repeat center top / cover; padding: 130px 0 ;}
.cln01_box5{ background: url(../img/sub/yeo01_bg01.jpg) no-repeat center center / cover; padding: 50px 0 ;}
.cln01_box6{ background: url(../img/sub/yeo02_bg01.jpg) no-repeat right top / auto 630px #EDF2F6; padding: 50px 0 0 0 ;}
.cln01_box7{ background: url(../img/sub/peit01_bg01.jpg) no-repeat right top / auto 650px #EBF4EF; padding: 80px 0 ;}
.cln01_box8{ background: url(../img/sub/peit02_bg01.jpg) no-repeat right top / auto 650px #EBE9EA; padding: 80px 0 ;}
.cln01_box9{ background: url(../img/sub/peit03_bg01.jpg) no-repeat right top / auto 630px #FBE5E5; padding: 60px 0 ;}
.cln01_box10{ background: url(../img/sub/peit04_bg01.jpg) no-repeat right top / auto 650px #F9C6CF; padding: 100px 0 ;}
.cln01_box11{ background: url(../img/sub/peit05_bg01.jpg) no-repeat right top / auto 630px #ECF1F4; padding: 100px 0 ;}
.cln01_box12{ background: url(../img/sub/color01_bg01.jpg) no-repeat right top / auto 660px #E8EDEF; padding: 0 ;}
.cln01_box13{ background: url(../img/sub/color02_bg01.jpg) no-repeat center center / cover; padding: 50px 0 ;}
.cln01_box14{ background: url(../img/sub/color03_bg01.jpg) no-repeat right top / auto 660px #D2CEDD; padding: 0 ;}
.cln01_box15{ background: url(../img/sub/color04_bg01.jpg) no-repeat right top / auto 630px #EFF1DC; padding: 0 ;}
.cln01_box16{ background: url(../img/sub/color05_bg01.jpg) no-repeat right top / auto 660px #EBD4E4; padding: 0 ;}
.cln01_box17{ background: url(../img/sub/lift01_bg01.jpg) no-repeat right top / auto 630px #F8F9F4; padding: 0 ;}
.cln01_box18{ background: url(../img/sub/lift02_bg01.jpg) no-repeat right top / auto 630px #F0E4D6; padding: 0 ;}
.cln01_box19{ background: url(../img/sub/lift03_bg01.jpg) no-repeat right top / auto 630px #F2E8E6; padding: 0 ;}
.cln01_box20{ background: url(../img/sub/lift04_bg01.jpg) no-repeat right top / auto 660px #F9F4F0; padding: 0 ;}
.cln01_box21{ background: url(../img/sub/waxing01_bg01.jpg) no-repeat right top / auto 600px #F8F8FA; padding: 0 ;}
.cln01_box22{ background: url(../img/sub/waxing02_bg01.jpg) no-repeat right top / auto 600px #D1DEE7; padding: 0 ;}
.cln01_box23{ background: url(../img/sub/care01_bg01.jpg) no-repeat right top / auto 600px #DCC6BB; padding: 50px 0 0 0 ;}
.cln01_box24{ background: url(../img/sub/care02_bg01.jpg) no-repeat center center / cover; padding: 100px 0 ;}
.cln01_box25{ background: url(../img/sub/care03_bg01.jpg) no-repeat right top / auto 650px #ECDDD6; padding: 20px 0 0 0 ;}
.cln01_box26{ background: url(../img/sub/care04_bg01.jpg) no-repeat center center / cover; padding: 100px 0 ;}


.cln01_in{ width: 1400px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.cln01_box .img{ width: 50%; text-align: center;}
.cln01_box21 .img img, .cln01_box22 .img img{ width: 300px;}
.cln01_box .txt{ width: 50%;}
.cln01_box3 .txt{ padding-left: 50px;}
.cln01_box .txt h2{ font-size: 23px; font-weight: 700; color: #3CDCCE;}
.cln01_box .txt h1{ font-size: 35px; font-weight: normal; font-weight: 500; color: #333; margin: 15px 0 50px 0;}
.cln01_box .txt p{ font-size: 19px; font-weight: 300; line-height: 1.8; color: #666;}

.cln02_box{ padding: 120px 0; text-align: center;}
.cln02_box .tit{ margin-bottom: 60px;}
.cln02_box .tit h2{ font-weight: normal; font-family: 'GowunBatang-Regular'; font-size: 25px; color: #3CDCCE; letter-spacing: 3px; margin-bottom: 15px;}
.cln02_box .tit h1{ font-size: 50px; font-weight: normal; color: #333; line-height: 1.2;}
.cln02_box .tit h1 > span{ color: #3CDCCE;}
.cln02_box li{ display: inline-block; margin: 0 30px;}
.cln02_box p{ font-size: 23px; font-weight: 500; color: #145B54; margin-top: 30px;} 

.cln03_box{ background: url(../img/sub/skin01_bg02.jpg) no-repeat center top / cover; padding: 120px 0 ; text-align: center;}
.cln03_box .tit{ margin-bottom: 60px;}
.cln03_box .tit h2{ font-weight: normal; font-family: 'GowunBatang-Regular'; font-size: 25px; color: #3CDCCE; letter-spacing: 3px; margin-bottom: 15px;}
.cln03_box .tit h1{ font-size: 35px; font-weight: normal; color: #333; line-height: 1.2;}
.cln03_box ul{ display: inline-block; text-align: left;}
.cln03_box li{ font-size: 20px; color: #777; font-weight: 300; line-height: 1.3; padding: 8px 0; display: flex; align-items: center;}
.cln03_box li > span{ font-family: 'GowunBatang-Bold'; font-size: 23px; line-height: 1.3; color: #56CFD2; display: inline-block; margin-right: 20px;}

.cln04_box{ background: url(../img/sub/cln01_bg.jpg) no-repeat center center / cover;}
.cln04_in{ padding: 120px 0; text-align: center;}
.cln04_box ul{ display: flex; justify-content: center; flex-wrap: wrap;}
.cln04_box li{ width: 280px; position: relative;}
.cln04_box li::after{ display: block; content: ""; width: 1px; height: 100px; background-color: rgba(255,255,255,.3); position: absolute; top: 30px; right: 0px;}
.cln04_box li:last-child::after{ display: none;}
.cln04_box .cln04_img{ width: 160px; height: 160px; border-radius: 50%; line-height: 160px; background-color: rgba(255,255,255,.9); margin: 0 auto;
box-shadow: 0 10px 15px rgba(0,0,0,.1);}
.cln04_box .cln04_img::after{ display: block; content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #145B54; opacity: 0.5; margin: 25px auto;}
.cln04_box .dlt{ position: absolute; bottom: 0px; left: -84px;}
.cln04_box .dlt > p{ font-size: 18px; font-weight: 500; color: #4c746f; line-height: 1.2; margin-top: 25px; min-height: 39px; }
.cln04_box .dlt2{ position: absolute; bottom: 0px; left: -104px; display: none;}
.cln04_box .dlt2 > p{ font-size: 18px; font-weight: 500; color: #4c746f; line-height: 1.2; margin-top: 25px; min-height: 39px; }
.cln04_box img{ width: 65px; filter: invert(20%) sepia(91%) saturate(379%) hue-rotate(125deg) brightness(94%) contrast(94%);}
.cln04_box dl{ margin-top: 50px;}
.cln04_box dt{ font-size: 23px; font-weight: 700; color: #0e4b45; margin-bottom: 10px;} 
.cln04_box dd{ font-size: 18px; font-weight: 300; color: #416b66; line-height: 1.2; margin-top: 25px; min-height: 39px;} 
.cln04_box dd > span{ display: block; font-size: 14px;}

.cln05_box{ background: url(../img/sub/body_bg.jpg) no-repeat center center / cover; padding: 100px 0; text-align: center;}
.cln05_box .tit{ margin-bottom: 60px;}
.cln05_box .tit h2{ font-weight: normal; font-family: 'GowunBatang-Regular'; font-size: 25px; color: #068291; letter-spacing: 3px; margin-bottom: 15px;}
.cln05_box .tit h1{ font-size: 50px; font-weight: normal; color: #333; line-height: 1.2;}
.cln05_box .tit h1 > span{ color: #068291;}
.cln05_box ul{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.cln05_box li{ margin: 0 20px;}
.cln05_box .img{ border-radius: 50%; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,.1);}
.cln05_box p{ font-size: 23px; font-weight: 700; color: #068291; margin-top: 20px;}

.cln06_box{ background: url(../img/sub/care01_bg02.jpg) no-repeat center center / cover; padding: 100px 0; text-align: center;}
.cln06_box ul{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.cln06_box li{ padding: 0 50px; position: relative;}
.cln06_box li::after{ display: block; content: ""; width: 1px; height: 100px; background-color: rgba(255,255,255,.5); position: absolute; top: 30px; right: 0px;}
.cln06_box li:last-child::after{ display: none;}
.cln06_box .img{ width: 140px; height: 140px; margin: 0 auto; border-radius: 50%; line-height: 140px; background-color: #fff; overflow: hidden; 
  box-shadow: 0 0 15px rgba(0,0,0,.1);}
.cln06_box h1{ font-size: 25px; font-weight: normal; font-weight: 700; color: #333; margin-top: 25px;}
.cln06_box h1::before{ display:block; content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #25c7c2; margin: 0 auto 15px auto;}
.cln06_box p{ font-size: 18px; font-weight: 200; color: #666; margin-top: 10px;}

.care_box{ width: 100%; background-color: rgba(255,255,255,.8); box-shadow: 0 15px 15px rgba(0,0,0,.1); display: flex; align-items: center; flex-wrap: wrap; margin: 20px 0;}
.care_box .img{ width: 40%; padding: 20px 50px;}
.care_box .txt{ width: 60%;}
.care_box2{ width: 1200px; margin: 15px auto; background-color: rgba(255,255,255,.8); box-shadow: 0 15px 15px rgba(0,0,0,.1); display: flex; align-items: center;
  flex-wrap: wrap; }
.care_box2 .img{ width: 30%;}
.care_box2 .img img{ width: 100%;}
.care_box2 .txt{ width: 70%; padding: 0 60px;}
.care_box2 .txt h1{ font-size: 30px; margin: 0 0 30px 0;}


/*내용하단 공통*/
section#sec { position: relative; height:450px; overflow:hidden;}
.sec .txt { position:absolute; left: 50%; top:50%; transform:translate(-50%,-50%); color: #fff; width: 100%; text-align:center;}
.sec .txt h1{ font-weight: normal; font-family: 'GowunBatang-Regular'; font-size: 38px; letter-spacing: 5px;}
.sec .txt p{ font-size: 23px; line-height: 1.5; margin-top: 50px;}
.sec .background { position: absolute; top: -70%; left: 0; width: 100%; height: 150%; z-index: -1;
  background: url("../img/sub/skin01_bg03.jpg") no-repeat center bottom; background-size: cover; will-change: transform;}

@media screen and (max-width: 1200px) {
  .cln01_in{ width: 95%;}
  .cln01_box .img img{ width: 450px;}
  .cln01_box2 .img img{ width: auto;}
  .cln01_box21 .img img, .cln01_box22 .img img{ width: 250px;}
  .cln01_box .txt p{ font-size: 18px;}
  .cln02_box .tit h1{ font-size: 40px;}
  .cln04_box li{ width: 230px;}
  .cln04_box .cln04_img{ width: 140px; height: 140px; line-height: 140px;}
  .cln04_box .dlt{ left: -84px;}
  .cln04_box dt{ font-size: 21px;} 
  .cln04_box dd{ font-size: 18px;} 
  .care_box .img img{ width: 100%;}
}
@media screen and (max-width: 767px) {
  .cln01_box{ background-size: auto 750px; background-position: 40% center; padding: 80px 0;}
  .cln01_box2{ background-size: auto 780px;}
  .cln01_box3{ background-size: auto 700px; padding: 80px 0;}
  .cln01_box4{ background-size: auto 500px; background-position: left top; padding: 80px 0;}
  .cln01_box5{ background-size: cover; padding: 60px 0;}
  .cln01_box6{ background-size: cover; padding: 60px 0;}
  .cln01_box7{ background-size: cover; padding: 60px 0;}
  .cln01_box8{ background-size: cover; padding: 60px 0;}
  .cln01_box9{ background-size: cover; padding: 60px 0;}
  .cln01_box10{ background-size: cover; padding: 60px 0;}
  .cln01_box11{ background-size: cover; padding: 60px 0;}
  .cln01_box12{ background-size: cover; padding: 60px 0;}
  .cln01_box13{ background-size: cover; padding: 60px 0;}
  .cln01_box14{ background-size: cover; padding: 0 0 60px 0;}
  .cln01_box15{ background-size: cover; padding: 0 0 60px 0;}
  .cln01_box16{ background-size: cover; padding: 0 0 60px 0;}
  .cln01_box17{ background-size: cover; padding: 60px 0;}
  .cln01_box18{ background-size: cover; padding: 60px 0;}
  .cln01_box19{ background-size: cover; padding: 60px 0;}
  .cln01_box20{ background-size: cover; padding: 0 0 60px 0;}
  .cln01_box21{ background-size: cover; padding: 0 0 60px 0;}
  .cln01_box22{ background-size: cover; padding: 0 0 60px 0;}
  .cln01_box23{ background-size: cover; padding: 60px 0;}
  .cln01_box24{ background-size: cover; padding: 60px 0;}
  .cln01_box25{ background-size: cover; padding: 60px 0;}
  .cln01_box26{ background-size: cover; padding: 60px 0;}
  .cln01_in{ width: 90%;}
  .cln01_box .img{ width: 100%;}
  .cln01_box .txt{ width: 100%; padding-top: 40px;}
  .cln01_box3 .txt{ padding-left: 0;}
  .cln01_box4 .txt{ padding-top: 0;}
  .cln01_box .img img{ width: 250px;}
  .cln01_box2 .img img{ width: 200px;}
  .cln01_box21 .img img, .cln01_box22 .img img{ width: 200px;}
  .cln01_box .txt h2{ font-size: 20px;}
  .cln01_box .txt h1{ font-size: 30px; margin: 15px 0 40px 0;}
  .cln01_box .txt p{ font-size: 17px; line-height: 1.6;}

  .cln02_box{ padding: 80px 0 60px 0;}
  .cln02_box .tit{ margin-bottom: 50px;}
  .cln02_box .tit h2{ font-size: 22px;}
  .cln02_box .tit h1{ font-size: 32px;}
  .cln02_box li{ margin: 0 10px 30px 10px;}
  .cln02_box li > img{ width: 130px;}
  .cln02_box p{ font-size: 20px; margin-top: 20px;} 
    
  .cln03_box{ padding: 80px 0;}
  .cln03_box .tit{ margin-bottom: 50px;}
  .cln03_box .tit h2{ font-size: 22px;}
  .cln03_box .tit h1{ font-size: 32px;}
  .cln03_box ul{ padding: 0 8%;}
  .cln03_box li{ font-size: 17px; align-items: baseline;}
  .cln03_box li > span{ font-size: 18px; margin-right: 10px;}

  .cln04_in{ padding: 60px 0 40px 0;}
  .cln04_box li{ width: 100%; margin-bottom: 20px; padding-left: 55px;}
  .cln04_box li.liw{ width: 45%; padding-left: 0;}
  .cln04_box li::after{ display: none;}
  .cln04_box .cln04_img{ width: 110px; height: 110px; line-height: 110px;}
  .cln04_box .cln04_img::after{ margin: 15px auto;}
  .cln04_box .dlt{ bottom: auto; top: 166px; left: 25px;}
  .cln04_box .dlt > p{ font-size: 17px; margin-top: 15px;}
  .cln04_box .dlt2{ display: block; bottom: auto; top: 166px; left: 25px;}
  .cln04_box .dlt2 > p{ font-size: 17px; margin-top: 15px;}
  .cln04_box img{ width: 45px;}
  .cln04_box dl{ margin-top: 30px;}
  .cln04_box dt{ font-size: 20px;} 
  .cln04_box dd{ font-size: 17px; margin-top: 15px;} 

  .cln05_box{ padding: 60px 0 40px 0;}
  .cln05_box .tit{ margin-bottom: 50px;}
  .cln05_box .tit h2{ font-size: 22px; }
  .cln05_box .tit h1{ font-size: 32px;}
  .cln05_box li{ margin: 0 5% 5%;}
  .cln05_box .img{ width: 120px;}
  .cln05_box .img img{ width: 100%;}
  .cln05_box p{ font-size: 20px; margin-top: 10px;}

  .cln06_box{ padding: 60px 0; }
  .cln06_box li{ width: 48%; padding: 0;}
  .cln06_box li::after{ height: 70px;}
  .cln06_box .img{ width: 120px; height: 120px; line-height: 120px;}
  .cln06_box .img img{ width: 50px;}
  .cln06_box h1{ font-size:22px;}
  .cln06_box p{ font-size: 16px;}
    
  .care_box{ width: 95%; margin: 10px auto;}
  .care_box .img{ width: 100%; padding: 20px 0;}
  .care_box .txt{ width: 100%; padding: 30px 20px;}
  .care_box2{ width: 95%; margin: 10px auto; }
  .care_box2 .img{ width: 100%;}
  .care_box2 .img img{ width: 100%;}
  .care_box2 .txt{ width: 100%; padding: 30px 20px;}
  .care_box2 .txt h1{ font-size: 25px;}

  section#sec { height:350px;}
  .sec .txt{ width: 90%;}
  .sec .txt h1{ font-size: 30px; letter-spacing: 3px;}
  .sec .txt p{ font-size: 20px; margin-top: 30px;}
  .sec .background { top: -50%;}
}

/*이용약관*/
.prov{ width: 1000px; margin: 50px auto; border: 1px solid #ccc; padding: 50px 50px;}
.prov h1{ margin-bottom: 10px;}
.prov span{ display: inline-block; padding-left: 10px;}
@media screen and (max-width: 767px) {
 .prov{ width: 95%; margin: 20px auto; padding: 20px 20px; font-size: 14px;}
}

/*비급여항목*/
.bi{ width: 1000px; margin: 50px auto;}
.tbl_bot{ margin-bottom: 50px;}
.bi_tbl table{ width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.bi_tbl caption{ display: none;}
.bi_tbl thead th{ border-right: 1px solid #ccc; border-bottom: 1px solid #333; font-size: 18px; color: #333; text-align: center; padding: 15px 10px;
background-color: #d2f1f0;}
.bi_tbl tbody th{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 18px; color: #333; text-align: center; padding: 15px 10px;
background-color: #f5f5f5;}
.bi_tbl tbody td{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 18px; color: #666; text-align: center; padding: 15px 10px;}
.bi p{ text-align: right; margin-top: 10px; color: #999;}
@media screen and (max-width: 767px) {
  .bi{ width: 100%; margin: 20px auto;}
  .tbl_bot{ margin-bottom: 20px;}
  .bi_tbl thead th{ font-size: 16px; padding: 10px 10px;}
  .bi_tbl tbody th{ font-size: 16px; padding: 10px 10px;}
  .bi_tbl tbody td{ font-size: 16px; padding: 10px 10px;}
}