@charset "utf-8";

/*공통_css*/

@charset "utf-8";

/*공통_css*/
.line{background:url("../images/common/line.png")no-repeat; width:100%; height:4px; margin:3% 0;}
.depth-tite{font-size:20px; font-family: 's-core-dream-medium', sans-serif; padding-left:1%; color:#46bbff; position:relative; margin-top:2%;}
.depth-tite:after{content:""; background:url("../images/common/l-bullet.png")no-repeat; width:9px; height:20px; position:absolute; top:7%; left:0;}

/*list-number*/
dl.num{overflow:hidden;}
dl.num dd{position:relative; font-size:18px; color:#555; padding-left:3.5%; margin-bottom:2%; height:30px; line-height:30px;}
dl.num dd:after{ position:absolute; font-size:14px; background:#46bbff; width:30px; height:30px; line-height:30px; text-align:center; color:#fff; top:0; left:0;}
dl.num dd:first-child:after{content:"01";}
dl.num dd:nth-child(2):after{content:"02";}
dl.num dd:nth-child(3):after{content:"03";}
dl.num dd:nth-child(4):after{content:"04";}
dl.num dd:nth-child(5):after{content:"05";}
dl.num dd:nth-child(6):after{content:"06";}
dl.num dd:nth-child(7):after{content:"07";}
dl.num dd:nth-child(8):after{content:"08";}
dl.num dd:nth-child(9):after{content:"09";}
dl.num dd:nth-child(10):after{content:"10";}

/*sub-visual*/
.sub-visual{position:relative; width:100%; height:200px; background-position:50% 50%;}
.sub-tite{width:1200px; margin:0 auto; color:#fff; text-align:center; position:relative;}
.sub-tite .tite-box{padding-top:6%;}
.sub-tite .tite-box h4{font-size:2.5em; font-family:'s-core-dream-bold';}
.sub-tite .tite-box p{font-size:18px; padding-top:1%; font-family:'s-core-dream-medium', sans-serif; transform:skew(-0.001deg);}

/*content-background*/
.bg1{background:url("../images/img/sub01-img.jpg")repeat-x #f5f5f5; }
.bg2{background:url("../images/img/sub02-img.jpg")repeat-x;}
.bg3{background:url("../images/img/sub03-img.jpg")repeat-x;}
.bg4{background:url("../images/img/sub04-img.jpg")repeat-x;}



/*sub-menu*/
#sub-menu{padding-bottom:5%;}
.sub-menu{position:absolute; top:-20px; left:0; width:100%; background:#ffffff; border:solid 1px #ddd; height:74px; box-sizing:border-box;}
.sub-menu .home, .sub-menu .menu, .sub-menu .depth{float:left; height:72px;}
.sub-menu .home{background-color:#64aee7; width:70px; position:relative; font-size:0; cursor:pointer;}
.sub-menu .home:after{content:""; background:url("../images/common/home-ico.png")no-repeat; width:17px; height:13px; position:absolute; top:42%; left:37%;}

.sub-menu .printer{background:url("../images/common/printer-ico.png")no-repeat #66c537 50% 50%;  position:absolute; top:0; right:0; width:70px; height:100%; cursor:pointer;}


/*first-menu*/
.sub-menu .menu{width:210px; border-right:solid 1px #ddd; box-sizing:border-box; font-size:16px; position:relative; line-height:72px; text-align:left;}
.sub-menu .menu ul.sm li{}
.sub-menu .menu ul.sm li:after{content:""; background:url("../images/common/arr-d.png")no-repeat; position:absolute; top:44%; right:5%; width:12px; height:8px;}
.sub-menu .menu:hover ul.sm li:after{content:""; background:url("../images/common/arr-u.png")no-repeat; position:absolute; top:44%; right:5%; width:12px; height:8px;}
.sub-menu .menu:hover ul.sm li a{background-color:#555; color:#fff;}
.sub-menu .menu ul.sm li a{display:block; padding-left:6%; /*transform:skew(-0.001deg);*/}

.sub-menu .menu ul.sm li ul.hide{display:none; line-height:2.8; font-size:15px; position:relative; z-index:9; }
/*.sub-menu .menu ul.sm li ul.hide li{transform:skew(-0.001deg);}*/
.sub-menu .menu ul.sm li ul.hide li a{color:#fff; background: #555; display:block;}
.sub-menu .menu ul.sm li ul.hide li a:hover{background:#999;}
.sub-menu .menu ul.sm li ul.hide li:after{display:none;}


/*second-menu*/
.sub-menu .depth{width:210px; border-right:solid 1px #ddd; box-sizing:border-box; font-size:16px; position:relative; line-height:72px; text-align:left;}
.sub-menu .depth ul.dm li{}
.sub-menu .depth ul.dm li:after{content:""; background:url("../images/common/arr-d.png")no-repeat; position:absolute; top:44%; right:5%; width:12px; height:8px;}
.sub-menu .depth:hover ul.dm li:after{content:""; background:url("../images/common/arr-u.png")no-repeat; position:absolute; top:44%; right:5%; width:12px; height:8px;}
.sub-menu .depth:hover ul.dm li a{background-color:#777; color:#fff;}
.sub-menu .depth ul.dm li a{display:block; padding-left:6%; /*transform:skew(-0.001deg);*/}

.sub-menu .depth ul.dm li ul.d-hide{display:none; line-height:2.8; font-size:15px;position:relative; z-index:9999; /*box-shadow:5px 3px 7px rgba(0,0,0,0.5);*/    box-shadow:2px 1px 5px rgba(59, 59, 59, 0.5);}
/*.sub-menu .depth ul.dm li ul.d-hide li{transform:skew(-0.001deg);}*/
.sub-menu .depth ul.dm li ul.d-hide li a{color:#fff; display:block;  background: #777;}
.sub-menu .depth ul.dm li ul.d-hide li a:hover{background:#999;}
.sub-menu .depth ul.dm li ul.d-hide li:after{display:none;}


/*intro-01*/
/*content*/
#content{overflow:hidden; position:relative;}
#spont{width:100%; margin-bottom:0%; min-height:400px; font-size:14px; text-align:center; position:relative;}
#scont{width:100%; margin-bottom:5%; min-height:500px; font-size:14px;}
#scont .cont-box{background:url("")no-repeat 77% 50% #fbfbfb; width:100%; height:850px; margin-top:2%; background-attachment:fixed; background-size:cover;}
#scont .cont-box .wrap{height:800px;}
#scont .cont-box .btit{padding:8% 0 2% 0; line-height:1.4;}
.btit{font-size:30px; font-family: 'yg-jalnan', sans-serif; transform:skew(-0.001deg);}
#scont .cont-box h4{color:#555; font-family: 's-core-dream-regular', sans-serif; line-height:1.6; font-size:25px;}
#scont .cont-box .tit{font-size:18px; font-weight:500; color:#555; line-height:1.8; transform:skew(-0.001deg); padding-top:2%;}

.sflower{background:url("../images/img/s-flower.png")no-repeat; width:400px; height:221px; position:absolute; top:-99px; right:-63px; animation:spin 40s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;}
.human-box{bottom:0; right:-50px; position:absolute;}
.human-box .human{background:url("../images/img/human-img-12.png")no-repeat; top:50px; width:400px; height:600px; position:relative;}
.human-box .human:after{content:"총괄본부장 : 김마리아"; font-size:18px; position:absolute; font-weight:600; bottom:51px; left:-200px;}

.tite-box{padding-top:5%;}
.policy-box{width:100%; position:relative; margin-top:3%;}
.policy-box:after{content:""; display:block; clear:both;}
.policy-box dd{background:#f5f5f5; width:24%;  float:left; box-sizing:border-box; margin-right:1%; transition: all 0.4s ease-out; cursor:default;}
.policy-box dd:hover{box-shadow:0px 11px 11px rgba(0,0,0,0.17);}

.policy-box dd.line-box{padding:0;}
.policy-box dd.cw .inner:before, .policy-box dd.cw .inner:after{width:3px;}
.policy-box dd.cw:before, .policy-box dd.cw:after{height:3px;}

.policy-box dd:last-child{margin-right:0;}
.policy-box dd .wrap-line{margin:5%; border:solid 1px #ddd; height:100%; text-align:center;}
.policy-box dd .wrap-line .ibox{padding:10% 0;}
.policy-box dd .wrap-line .tbox{font-size:19px; padding-bottom:20%; color:#555;}
.policy-box dd .wrap-line .tbox .tite{font-family: 's-core-dream-medium', sans-serif; padding-bottom:2%;}

.manag-box{width:100%; /*margin-bottom:10%;*/}
.missoin-box{width:100%; position:relative; margin-top:5%;}
.missoin-box:after{content:""; display:block; clear:both;}
.missoin-box dd{background:url("../images/img/01-01-box.jpg")no-repeat #46bbff; width:24%; float:left; box-sizing:border-box; margin-right:1%; transition: all 0.4s ease-out; cursor:default;}
.missoin-box dd:hover{box-shadow:0px 11px 11px rgba(0,0,0,0.17);}
.missoin-box dd:hover .wrap-line .ibox{transform:scale(1.1);-o-transform:scale(1.1); -moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition: transform .35s;  -o-transition: transform .35s;-moz-transition: transform .35s;-webkit-transition: transform .35s;}

.missoin-box dd:last-child{margin-right:0;}
.missoin-box dd .wrap-line{margin:5%; border:solid 1px #fff; height:100%; text-align:center;}
.missoin-box dd .wrap-line .ibox{padding:12% 0 3% 0;}
.missoin-box dd .wrap-line .tbox{font-size:19px; padding-bottom:20%; color:#fff;}
.missoin-box dd .wrap-line .tbox .tite{font-family: 's-core-dream-medium', sans-serif; padding-bottom:2%;}

/*20-08-07*/
.point{overflow:hidden; width:590px; float:left; position:relative;}
.point.last{margin-bottom:10%;}
.point.mr20{margin-right:20px;}
.point h2{margin-top:3%; padding-left:5%;}

.point #map{margin-top:2%; overflow:hidden; position:relative;}
.point #map:after{content:""; display:block; width:100%; height:92%; position:absolute; top:0; left:0; background:rgba(0,0,0,0); z-index:1;}

.point dl{border-right:solid 1px #ddd; border-left:solid 1px #ddd; margin-bottom:3%; font-family: 's-core-dream-medium', sans-serif;}
.point dl dd{overflow:hidden; width:100%; font-size:15px; border-bottom:solid 1px #ddd;}
.point dl dd span{float:left; padding:2% 0;}
.point dl dd span:first-child{width:20%; background-color:#f5f5f5; text-indent:10%;}
.point dl dd span:nth-child(2){width:80%; text-indent:3%; letter-spacing:0;}


/*sub-fix-menu*/
/*.fix-menu{position:fixed; width:100%; height:60px; background:url("../images/common/bottom-bg.jpg")no-repeat 50% 50%; bottom:0; z-index:10;}
.fix-menu.on{position:relative; width:100%; bottom:0;}

.quick-list{overflow:hidden;}
.quick-list li{float:left; width:33.3%; font-size:16px; text-align:center; font-family:'s-core-dream-medium',sans-serif; line-height:60px; border-right:solid 1px #7e4f8f; box-sizing:border-box; position:relative;}
.quick-list li:first-child{border-left:solid 1px #7e4f8f;}

.quick-list li:after{content:""; position:absolute; top:14%; left:30%; width:44px; height:44px; background-repeat:no-repeat;}
.quick-list li:first-child:after{background-image:url("../images/ico/quick-bnner-ico01.png");}
.quick-list li:nth-child(2):after{background-image:url("../images/ico/quick-bnner-ico02.png"); left:27%;}
.quick-list li:nth-child(3):after{background-image:url("../images/ico/quick-bnner-ico03.png"); left:27%;}


.quick-list li a{display:block; color:#fff;}
.quick-list li a.btn{transition:all 0.7s ease-out; background:linear-gradient(270deg, rgba(156,68,188,0.8), rgba(151,94,171,0.8), rgba(34,34,34,0), rgba(34,34,34,0)); background-position:1% 50%; background-size:300% 300%;}
.quick-list li a.btn:hover {color:#fff; background-position:99% 50%; text-shadow:4px 3px 6px rgba(57,28,67,0.5);}*/

#banner {position: fixed; right:60px; bottom:65px; width:112px; z-index:10;}
#banner.on {position: absolute; bottom:50px; transition: all 0.4s ease-out;}
#banner ul.float-banner li{font-family: 's-core-dream-medium',sans-serif; text-align:center; width:100%;  font-size:15px; box-sizing:border-box;  position:relative; margin-bottom:10%; cursor:pointer;}
#banner ul.float-banner li p.tit{text-shadow: -1px -1px 0 rgba(255,255,255,0.5), 1px -1px 0 rgba(255,255,255,0.5), -1px 1px 0 rgba(255,255,255,0.5), 1px 1px 0 rgba(255,255,255,0.5);}
#banner ul.float-banner li a{display:block;}
#banner ul.float-banner li a.top img:hover{transform: rotate(360deg); transition: all 0.4s ease-out;}

#banner ul.float-banner li:after{position:absolute; bottom:30%; left:25%; font-size:13px; color:#fff;}
#banner ul.float-banner li:first-child:after{content:"서비스안내"; }
#banner ul.float-banner li:nth-child(2):after{content:"무료상담신청"; left:21%;}
#banner ul.float-banner li:nth-child(3):after{content:"실시간상담"; }
.fix-menu{display:none;}


/*intro-02*/ 
.intro-con1{background:#fff; width:100%; height:300px; margin-top:2%;}
.intro-con1 .tit{font-size:18px; line-height:1.8; transform:skew(-0.001deg); padding:2% 0 2% 0;}
.impor-txt{font-size:20px; font-family: 's-core-dream-medium', sans-serif; transform:skew(-0.001deg); letter-spacing:-1.2px;}

.intro-cont2{background:url("../images/main/cont11-bg.jpg")no-repeat #fff; width:100%; height:500px; overflow:hidden; color:#fff; transform:skew(-0.001deg);}
.intro-cont2 h3{color:#fff; padding-left:3%; margin:7% 0 2% 0;}
.intro-cont2 h3:after{background:url("../images/common/w-bullet.png")no-repeat; width:26px; height:27px;}
.intro-cont2 .stit{font-size:22px; padding-bottom:1%; line-height:1.5;}
.intro-cont2 .stxt{font-size:17px; line-height:1.5;}

.intro-cont3{width:100%; overflow:hidden;}
.intro-cont3 h3{margin:5% 0 2% 0;}
.intro-cont3 .stit{font-size:18px; line-height:1.8;}

dl.intro-box{width:100%; padding:5%; box-sizing:border-box; overflow:hidden; background:#fafafa; margin-top:3%;}
dl.intro-box dd{float:left; width:50%; box-sizing:border-box; text-align:center; position:relative; border-right:solid 1px #ddd;}
dl.intro-box dd:nth-child(2), dl.intro-box dd:last-child{border-right:none;}
dl.intro-box dd:nth-child(3), dl.intro-box dd:last-child{border-top:solid 1px #ddd;}
dl.intro-box dd:nth-child(3){clear:both;}

dl.intro-box dd .ibox{margin:8% 0 0 0;}
dl.intro-box dd .tbox{margin:2% 0 8% 0; overflow:hidden;}
dl.intro-box dd .tbox .tite{font-size:19px; color:#333; font-family: 's-core-dream-bold', sans-serif; padding:2% 0; transform:skew(-0.001deg);}
dl.intro-box dd .tbox .txt{font-size:16px; color:#555; line-height:1.5; transform:skew(-0.001deg);}


.in-box{width:100%; padding:5%; box-sizing:border-box; background:#fafafa; overflow:hidden; margin-top:2%;}

.in-box .ibox, .in-box .tbox{float:left;}
.in-box .ibox{padding-left:7%;}
.in-box .tbox{padding-left:5%;}

.in-box .tbox .tite{font-size:19px; color:#333; font-family: 's-core-dream-bold', sans-serif; padding:2% 0; transform:skew(-0.001deg);}
.in-box .tbox .txt{font-size:17px; color:#555; line-height:1.5; transform:skew(-0.001deg);}

.intro-cont4{width:100%; position:relative; overflow:hidden;}
.intro-cont4 .stit {font-size:20px; line-height:1.6; padding-top:1%;}

.intro-cont4 dl.num{background:#fafafa; width:100%; padding:2%; box-sizing:border-box; margin-top:2%;}

.chamgo{position:relative; font-size:17px; color:#555; padding-left:1.5%; margin:2% 0 0 0; line-height:1.6;}
.chamgo:after{content:"※"; position:absolute; top:0; left:0;}
.m-img{display:none;}


/*intro-4*/
.quali-cont{background:url("../images/img/01-03-bg.jpg")no-repeat 50% 50%; width:100%; height:430px; margin-top:2%; background-attachment:fixed; background-size:cover;}
.quali-cont dl.list{overflow:hidden; text-align:center; padding:8% 0 0 0;}
.quali-cont dl.list dd{width:33.3%; float:left; box-sizing:border-box;}
.quali-cont dl.list dd:nth-child(2){border-right:solid 1px #fff; border-left:solid 1px #fff;} 
.quali-cont dl.list dd .ibox{}
.quali-cont dl.list dd .tbox{padding-top:3%; letter-spacing:-0.8px; font-size:17px; line-height:1.5;}


.quali-cont2 dl.list{overflow:hidden; margin-top:2%; }
.quali-cont2 dl.list dd{overflow:hidden; padding:3% 0; position:relative;}
.quali-cont2 dl.list dd:nth-child(3){padding:3% 0 10% 0;}
.quali-cont2 dl.list dd:after{content:""; display:block; background:url("../images/common/line.png")no-repeat; width:100%; height:4px; position:absolute; bottom:0;}
.quali-cont2 dl.list dd .ibox{float:left; width:30%; position:relative;}
.quali-cont2 dl.list dd .ibox:after{content:""; display:block; width:140px; height:140px; position:absolute; top:67px; left:20px;}
.quali-cont2 dl.list dd:first-child .ibox:after{background:url("../images/ico/01-03-ico4.png") no-repeat;}
.quali-cont2 dl.list dd:nth-child(2) .ibox:after{background:url("../images/ico/01-03-ico5.png") no-repeat;}
.quali-cont2 dl.list dd:nth-child(3) .ibox:after{background:url("../images/ico/01-03-ico6.png") no-repeat;}

.quali-cont2 dl.list dd .ibox h3{padding-left:6%;}
.quali-cont2 dl.list dd .tbox{float:left; width:70%;}
.quali-cont2 dl.list dd .tbox ul li{font-size:17px; margin-bottom:2%; position:relative; padding-left:2%;}
.quali-cont2 dl.list dd .tbox ul li:after{content:"-"; position:absolute; top:0; left:0;}
.quali-cont2 dl.list dd .tbox ul li span{line-height:1.6;}


.btn-wrap{overflow:hidden; margin-top:10px;}
.sup-btn{width:300px; height:50px;  font-size:20px; color:#7bb839; border:solid 3px #7bb839; font-family: 's-core-dream-medium', sans-serif; transition: all 0.4s ease-out;}
.sup-btn:hover{background:url("../images/common/g-pattern.png") repeat #7bb839; color:#fff;}

.btn-wrap .wrap{text-align:center;}
.btn-wrap .wrap button:first-child{margin-right:2%;}

/*intro-5*/
.sup-cont{width:100%; background:url("../images/img/01-04-bg.jpg")no-repeat 50% 50% #f5f5f5; height:430px; margin-top:2%;}
.sup-cont h4{padding:10% 0 2% 0;}
.sup-cont .tit{font-size: 18px; font-weight: 500; color: #555; line-height: 1.6; transform: skew(-0.001deg);}
.sup-cont1{margin-top:2%;}


/*service*/
.service-cont1{width:100%; background:url("../images/img/02-01-bg.jpg")no-repeat 50% 50% #f5f5f5; height:270px; margin-top:2%;}
.service-cont1.sbg4{ background:url("../images/img/sub04-img1.jpg")no-repeat 50% 50% #f5f5f5;}
.service-cont1 h4{padding-top:5%;}
.service-cont1 .tit{font-size:18px; letter-spacing:-1.2px; font-weight:500; color:#555; line-height:1.6; transform:skew(-0.001deg); padding-top:1%;}


.service-cont100{width:100%; background:url("../images/img/sub_bg400.jpg")no-repeat 50% 50% #f5f5f5; height:400px; margin-top:2%;}
.service-cont100 h4{padding-top:4%;}
.service-cont100 .tit{font-size:18px; letter-spacing:-1.2px; font-weight:500; color:#333; line-height:1.6; transform:skew(-0.001deg); padding-top:1%;}

.service-cont200{width:100%; background:url("../images/img/sub_bg401.jpg")no-repeat 50% 50% #f5f5f5; height:400px; margin-top:2%;}
.service-cont200 h4{padding-top:5%;}
.service-cont200 .tit{font-size:18px; letter-spacing:-1.2px; font-weight:500; color:#333; line-height:1.6; transform:skew(-0.001deg); padding-top:1%;}

.service-cont2{margin-top:2%;}
p.stit{font-size:18px; padding-top:1%; line-height:1.6;}

.service-box{width:100%; overflow:hidden; margin:2% 0;}
.service-box .left, .service-box .right{float:left; width:50%; box-sizing:border-box; padding:5% 0; height:320px;}

.service-box .left{border-top:solid 1px #ddd;}
.service-box .left .ibox, .service-box .right .ibox{float:left; width:30%; text-align:center;}
.service-box .left .tbox, .service-box .right .tbox{float:left; width:70%;}
.service-box .left .tbox p.tite, .service-box .right .tbox p.tite{font-family: 's-core-dream-medium', sans-serif; font-size:20px; color:#333; margin-bottom:2%;}
.service-box .left .tbox p, .service-box .right .tbox p{font-size:16px; color:#555; line-height:1.6; letter-spacing:-1.2px; transform:skew(-0.001deg);}

.service-box .right{border-top:solid 1px #ddd; border-left:solid 1px #ddd;}

.service-end{clear:both; overflow:hidden; border-top:solid 1px #ddd; padding:5% 0;}
.service-end .ibox{float:left; width:19%; text-align:center;}
.service-end .tbox{float:left; width:81%;}
.service-end .tbox p.tite{font-family: 's-core-dream-medium', sans-serif; font-size:20px; color:#333; margin-bottom:1%;}
.service-end .tbox p{font-size:17px; color:#555; line-height:1.6; letter-spacing:-1.2px; transform:skew(-0.001deg);}

.missoin-box.w33{margin-bottom:3%;}
.missoin-box.w33 dd{width:32.3%; height:450px; margin-right:1.5%; background:url("../images/img/02-01-box.jpg")no-repeat #46bbff;}
.missoin-box.w33 dd:last-child{margin-right:0;}
.missoin-box.w33 dd .wrap-line{margin:5%; border:solid 1px #fff; height: 90%; text-align:center; width:90%;}
.missoin-box.w33 dd .wrap-line .tbox{font-size:16px; line-height:1.6;}
.missoin-box.w33 dd .wrap-line .tbox .tite{font-size:20px; margin-bottom:3%; position:relative;}
.missoin-box.w33 dd .wrap-line .tbox .tite:after{content:""; display:block; width:55px; height:4px; background-color:#fff; position:absolute; bottom:0; left:43%;}

.policy-box.w33 dd{width:31.3%; margin-right:3%; margin-bottom:3%; height:430px;}
.policy-box.w33 dd:nth-child(3), .policy-box.w33 dd:last-child{margin-right:0;}
.policy-box.w33 dd .wrap-line{height:90%;}
.policy-box.w33 dd .wrap-line .ibox{padding:10% 0 5% 0;}
.policy-box.w33 dd .wrap-line .tbox{font-size:16px; line-height:1.6; letter-spacing:-1.2px; padding-bottom:0;}
.policy-box.w33 dd .wrap-line .tbox .tite{font-size:20px;}

.policy-box.w33 dd .wrap-line .tbox ul{overflow:hidden; margin:0 5%;}
.policy-box.w33 dd .wrap-line .tbox ul li{position:relative; text-align:left; padding-left:3%;}
.policy-box.w33 dd .wrap-line .tbox ul li:after{content:"-"; display:block; position:absolute; top:0; left:0;}



.tbl-wrap{margin-top:2%;}
.tbl{border:solid 1px #ddd; font-size:16px;}
.tbl thead{background-color:#f5f8ff;}
.tbl thead th:first-child{background-color:#eaedff;}
.tbl th, .tbl td{padding:1%; border:solid 1px #ddd;}

.tbl tbody{text-align:center;}
.tbl tbody ul{overflow:hidden;}
.tbl tbody ul li{position:relative; font-size:15px; line-height:1.6; text-align:left; padding-left:9px;}
.tbl tbody ul li:after{content:"-"; display:block; position:absolute; top:0; left:0;}

.tbl tbody tr:first-child td, .tbl tbody tr:nth-child(3) td, .tbl tbody tr:nth-child(5) td{background-color:#fbfbfb;}
.tbl tbody tr:first-child td:first-child{background-color:#dfe4ff;}
.tbl tbody tr:nth-child(3) td:first-child{background-color:#d3daff;}
.tbl tbody tr:nth-child(5) td:first-child{background-color:#c3cdfd;}
.tbl tbody td.ver-top{vertical-align:top;}
.tbl tbody td span{line-height:1.6;}

.mobile-tbl{display:none;}

/*service-02*/
.basic{overflow:hidden; margin:2% 0;}
.basic .line{margin:3% 0 0 0;}

.basic-tbl{width:100%; box-sizing:border-box; border:solid 1px #ddd; font-size:17px; margin-top:2%; background-color:#fff;}
.basic-tbl thead tr th:first-child{background:#f5f8ff;}
.basic-tbl thead tr th:nth-child(2){background:#eaedff;}
.basic-tbl thead tr th:nth-child(3){background:#dfe4ff;}
.basic-tbl thead tr th:nth-child(4){background:#d3daff;}
.basic-tbl thead tr th:nth-child(5){background:#c3cdfd;}


.basic-tbl th, .basic-tbl td{padding:1.5%; border:solid 1px #ddd; text-align:center;}
.basic-tbl tbody tr td:first-child{background:#f5f8ff;}
.basic-tbl tbody tr:nth-child(2){background:#fbfbfb;}

.basic-tbl-type1{width:100%; box-sizing:border-box; border:solid 1px #ddd; font-size:17px; margin-top:2%; background-color:#fff;}
.basic-tbl-type1 th, .basic-tbl-type1 td{padding:1.5%; border:solid 1px #ddd; text-align:center;}

.basic-tbl-type1 thead tr th:first-child{background:#eaedff;}
.basic-tbl-type1 thead tr th:nth-child(2){background:#d3daff;}
.basic-tbl-type1 thead tr th:nth-child(3){background:#c3cdfd;}
.basic-tbl-type1 thead tr th:nth-child(4){background:#eaedff; width:45%;}

.basic-tbl-type1 tbody tr td span{line-height:1.6;}
.basic-tbl-type1 tbody tr td:first-child{background:#f5f8ff;}
.basic-tbl-type1 tbody tr td:nth-child(3){background:#fbfbfb;}
.basic-tbl-type1 tbody tr td:nth-child(4){text-align:left;}

.info-list{overflow:hidden; margin-top:1%;}
.info-list li{font-size:1.3em; line-height:2.0; position:relative; padding-left:1%; letter-spacing:-1.2px; color:#555;}
.info-list li:after{content:"-"; position:absolute; top:0; left:0;}

.info-box{overflow:hidden; margin-top:2%;}
.info-box dd{background-color:#f5f5f5; position:relative; padding:5% 10% 5% 20%; margin-bottom:2%;}
.info-box dd:after{content:""; width:126px; height:126px; position:absolute; top:26%; left:4%;}

.info-box dd .box{overflow:hidden;}
.info-box dd .box p{font-size:20px; font-family:'s-core-dream-medium', sans-serif; transform:skew(-0.001deg); padding-bottom:1%;}
.info-box dd .box ul li{font-size:16px; line-height:1.8; color:#555; position:relative; padding-left:1%;}
.info-box dd .box ul li:after{content:"-"; position:absolute; top:0; left:0;}

.info-box dd:first-child:after{background:url("../images/ico/02-02-ico1.png")no-repeat;}
.info-box dd:nth-child(2):after{background:url("../images/ico/02-02-ico2.png")no-repeat;}
.info-box dd:nth-child(3):after{background:url("../images/ico/02-02-ico3.png")no-repeat;}
.info-box dd:nth-child(4):after{background:url("../images/ico/02-02-ico4.png")no-repeat;}

.info-end{overflow:hidden; margin-top:1%;}
.info-end ul li{position:relative; font-size:16px; font-family:'s-core-dream-medium', sans-serif; padding-left:1.3%; line-height:1.8;}
.info-end ul li:after{content:"※"; display:block; position:absolute; top:0; left:0;}


/*service-03*/
.tab{width:100%;overflow:hidden; margin-top:2%;}
.tab ul.tab-wrap{overflow:hidden; background:#f5f5f5; border-bottom:solid 2px #46bbff;}
.tab ul.tab-wrap li{display:inline-block; width:25%; float:left; line-height:78px; color:#333; text-align:center; cursor:pointer; font-size:17px;}
.tab ul.tab-wrap li span{display:inline-block;}
.tab ul.tab-wrap li.on{background:#46bbff; color:#fff; transition:all .5s ease;}

ul.btn-hover li, ul.btn-hover li::after{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
ul.btn-hover li{position:relative;}
ul.btn-hover li::before, ul.btn-hover li::after{content: ''; background:#46bbff; position: absolute;}
ul.btn-hover li:hover{color:#fff;}
.tab ul.tab-wrap li span{position:relative; z-index:2;}
/* button */
.btn-1::after {left:0; bottom:0; width:100%; height:0; }
.btn-1:hover:after{height:100%;}


.tab .con-box{width:100%; overflow:hidden; display:none; text-align:left; margin-top:3%;}
.tab .con-box.on{display:block;}

.gtbl-wrap{margin-top:3%;}
.gtbl{border:solid 1px #ddd; font-size:17px; margin-top:2%;}
.gtbl thead{background-color:#f5f8ff; text-align:center;}
.gtbl th, .gtbl td{padding:1.5%; border:solid 1px #ddd;}

.gtbl tbody{text-align:center;}
.gtbl tbody ul{overflow:hidden;}
.gtbl tbody ul li{position:relative; font-size:16px; line-height:1.8; text-align:left; padding-left:9px;}
.gtbl tbody ul li:after{content:"-"; display:block; position:absolute; top:0; left:0;}
.gtbl tbody span{display:inline-block;}

.gtbl tbody tr:first-child td:first-child, .gtbl tbody tr:nth-child(8) td:first-child, .gtbl tbody tr:nth-child(15) td:first-child{background-color:#eaedff;}
.gtbl tbody tr:nth-child(2) td:first-child, .gtbl tbody tr:nth-child(9) td:first-child{background-color:#dfe4ff;}
.gtbl tbody tr:nth-child(6) td:first-child, .gtbl tbody tr:nth-child(10) td:first-child{background-color:#d3daff;}
.gtbl tbody tr:nth-child(7) td:first-child, .gtbl tbody tr:nth-child(13) td:first-child{background-color:#c3cdfd;}

.gtbl tbody tr:nth-child(2) td, .gtbl tbody tr:nth-child(3) td, .gtbl tbody tr:nth-child(4) td, .gtbl tbody tr:nth-child(5) td, .gtbl tbody tr:nth-child(7) td, .gtbl tbody tr:nth-child(9) td, .gtbl tbody tr:nth-child(13) td, .gtbl tbody tr:nth-child(14) td{background-color:#fbfbfb;}

.gtbl thead tr th:first-child, .gtbl tbody tr:first-child td:first-child, .gtbl tbody tr:nth-child(2) td:first-child, .gtbl tbody tr:nth-child(6) td:first-child, .gtbl tbody tr:nth-child(7) td:first-child, .gtbl tbody tr:nth-child(8) td:first-child,
.gtbl tbody tr:nth-child(9) td:first-child, .gtbl tbody tr:nth-child(10) td:first-child, .gtbl tbody tr:nth-child(13) td:first-child, .gtbl tbody tr:nth-child(15) td:first-child{border-right:solid 1px #bbb;}

.gtbl tbody tr:first-child td, .gtbl tbody tr:nth-child(2) td:first-child, .gtbl tbody tr:nth-child(5) td:first-child, .gtbl tbody tr:nth-child(6) td, .gtbl tbody tr:nth-child(7) td, .gtbl tbody tr:nth-child(8) td, .gtbl tbody tr:nth-child(9) td,
.gtbl tbody tr:nth-child(10) td:first-child, .gtbl tbody tr:nth-child(12) td, .gtbl tbody tr:nth-child(13) td:first-child, .gtbl tbody tr:nth-child(14) td{border-bottom:solid 1px #bbb;}


.m-gtbl-type{display:none;}
.gtbl-type{border:solid 1px #ddd; font-size:16px; margin-top:2%; text-align:center; background-color:#fff;}
.gtbl-type thead{background-color:#f5f8ff;}
.gtbl-type th, .gtbl-type td{padding:1.5%; border:solid 1px #ddd;}

.lb-color{background-color:#f5f8ff !important;}
.gtbl-type tbody tr:first-child td:nth-child(2){background-color:#eaedff;}
.gtbl-type tbody tr:first-child td:nth-child(3){background-color:#d3daff;}
.gtbl-type tbody tr:first-child td:nth-child(4){background-color:#c3cdfd;}
.gtbl-type tbody tr:nth-child(3) td{background-color:#fbfbfb}
.gtbl-type tbody tr:nth-child(7) td:first-child{background-color:#ebefff;}
.gtbl-type tbody tr:nth-child(7) td{background-color:#f2f4ff; font-weight:600;}

.gtbl-type thead tr th:first-child, .gtbl-type tbody tr:first-child td:first-child, .gtbl-type tbody tr:nth-child(3) td:first-child, .gtbl-type tbody tr:nth-child(5) td:first-child, .gtbl-type tbody tr:nth-child(6) td:first-child, .gtbl-type tbody tr:nth-child(7) td:first-child,
.gtbl-type tbody tr:first-child td:nth-child(2), .gtbl-type tbody tr:first-child td:nth-child(3), .gtbl-type tbody tr:nth-child(2) td:first-child, .gtbl-type tbody tr:nth-child(2) td:nth-child(2), .gtbl-type tbody tr:nth-child(3) td:nth-child(4), 
.gtbl-type tbody tr:nth-child(3) td:nth-child(7), .gtbl-type tbody tr:nth-child(4) td:nth-child(3), .gtbl-type tbody tr:nth-child(4) td:nth-child(6), .gtbl-type tbody tr:nth-child(5) td:nth-child(4), .gtbl-type tbody tr:nth-child(5) td:nth-child(7),
.gtbl-type tbody tr:nth-child(6) td:nth-child(4), .gtbl-type tbody tr:nth-child(6) td:nth-child(7), .gtbl-type tbody tr:nth-child(7) td:nth-child(4), .gtbl-type tbody tr:nth-child(7) td:nth-child(7){border-right:solid 1px #bbb;}

.voucher-box{overflow:hidden;}
.voucher-box h2{margin-top:2%;}
.voucher-box .depth-tite:after{top:4px;}

.ex-gbox{font-size:15px; letter-spacing:-1.2px; /*margin:1% 0;*/ color:#999; position:relative; padding-left:1%; transform:skew(-0.001deg); line-height:1.8;}
.ex-gbox:after{content:"*"; position:absolute; top:0; left:0;}

.family-box{overflow:hidden; background:#fafafa; padding:3%; margin-top:2%; box-sizing:border-box;}
.family-box dl.num dd{margin-bottom:1%;}
.family-box ul.info-list{padding-left:4%; margin-top:0;}


.vbl{border:solid 1px #ddd; font-size:17px; margin-top:2%; text-align:center;}
.vbl th, .vbl td{padding:1.5%; border:solid 1px #ddd; border-right:solid 1px #bbb;}
.vbl th:first-child, .vbl td:first-child, .vbl th:last-child, .vbl td:last-child{border-right:solid 1px #ddd;}

.vbl th{background-color:#f5f8ff;}
.vbl td:first-child{background-color:#f5f8ff;}
.vbl tr:nth-child(2) td:first-child{background-color:#eaedff; border-right:solid 1px #bbb;}
.vbl tr:nth-child(2) td:nth-child(2){background-color:#d3daff;}
.vbl tr:nth-child(2) td:nth-child(3){background-color:#c3cdfd;}


.num-box{overflow:hidden; margin-top:2%;}
.num-box .number{font-size:22px; font-family: 's-core-dream-medium', sans-serif;  transform:skew(-0.001deg); position:relative; padding-left:2.5%;}

.num-box div{position:relative; margin-top:2%;}
.num-box div:first-child{margin-top:0;}
.num-box div:after{display:block; width:25px; height:25px; line-height:25px; background-color:#46bbff; color:#fff; font-size:16px; position:absolute; top:2px; left:0; font-family: 's-core-dream-medium', sans-serif; text-align:center;}
.num-box div:first-child:after{content:"01";}
.num-box div:nth-child(2):after{content:"02";}
.num-box div:nth-child(3):after{content:"03";}
.num-box div:nth-child(4):after{content:"04";}
.num-box div:nth-child(5):after{content:"05";}
.num-box div:nth-child(6 ):after{content:"06";}

.vou-list{font-size:16px; line-height:1.8; color:#555;}


.chart-box{width:100%; overflow:hidden; padding:3%; background-color:#fafafa; margin-top:2%; box-sizing:border-box;}
.chart-box h2{margin-top:0;}

.chart-box dl{overflow:hidden; margin-top:3%;}
.chart-box dl dd{float:left; width:280px; margin-right:129px; margin-bottom:2%; box-sizing:border-box; border:solid 5px #46bbff; position:relative; font-size:18px; text-align:center;}
.chart-box dl dd:nth-child(3n){margin-right:0;}
.chart-box dl dd:after{content:""; display:block; background:url("../images/common/r-arrow.png")no-repeat; position:absolute; top:50%; right:-30%; width:21px; height:31px;}
.chart-box dl dd:nth-child(3n):after{display:none;}
.chart-box dl dd .tit-box{width:100%; height:90px; line-height:90px; background:url("../images/img/02-03-03-box.jpg") repeat #46bbff; color:#fff; font-family:'s-core-dream-regular',sans-serif;}
.chart-box dl dd .tit-list{padding:11% 0 3% 0; height:160px; line-height:1.6; box-sizing:border-box; font-size:16px;}

.add-tbl{width:100%; border:solid 1px #bbb; font-size:17px; margin-top:2%; text-align:center;}
.add-tbl th, .add-tbl td{padding:1.5%; border:solid 1px #bbb; border-right:solid 1px #bbb;}
.add-tbl th{border-bottom:solid 1px #bbb;}
.add-tbl thead tr th:first-child, .add-tbl tbody tr td:first-child{background-color:#f5f8ff;}
.add-tbl thead tr th:nth-child(2){background-color:#eaedff;}
.add-tbl thead tr th:nth-child(3){background-color:#d3daff;}

.num-list{overflow:hidden; margin-top:2%;}
.num-list li{position:relative; font-size:17px; padding-left:1.5%; line-height:1.8;}
.num-list li:after{display:block; position:absolute; top:0; left:0;}
.num-list li:first-child:after{content:"①";}
.num-list li:nth-child(2):after{content:"②";}
.num-list li:nth-child(3):after{content:"③";}
.num-list li:nth-child(4):after{content:"④";}
.num-list li:nth-child(5):after{content:"⑤";}
.num-list li:nth-child(6):after{content:"⑥";}
.num-list li:nth-child(7):after{content:"⑦";}

dl.user-box{overflow:hidden; width:100%; border:solid 1px #bbb; box-sizing:border-box; margin-top:2%;  font-size:17px;}
dl.user-box dd{width:50%; float:left; text-align:center;}
dl.user-box dd:first-child p:first-child{background-color:#f5f8ff; padding:3% 0; border-bottom:solid 1px #bbb; font-weight:600;}
dl.user-box dd:first-child p:nth-child(2){padding:5% 0; line-height:1.8;}
dl.user-box dd:nth-child(2) p:first-child{border-left:solid 1px #bbb; ; padding:3% 0; border-bottom:solid 1px #bbb; background-color:#eaedff; font-weight:600;}
dl.user-box dd:nth-child(2) p:nth-child(2){overflow:hidden; border-left:solid 1px #bbb; padding:5% 0;  line-height:1.8;}

dl.user-box dd ul{overflow:hidden; border-left:solid 1px #bbb; padding:5% 0;}
dl.user-box dd ul li{line-height:1.6;}

.area-tbl{width:100%; border:solid 1px #ddd; font-size:17px; margin-top:2%;}
.area-tbl th, .area-tbl td{padding:1%; border:solid 1px #ddd; border-right:solid 1px #ddd;}
.area-tbl th{text-align:center; background-color:#f5f8ff;}
.area-tbl td{text-align:left; padding-left:2%; line-height:1.6;}
.area-tbl tr:nth-child(2n) td{background-color:#fbfbfb;}

.free-box{overflow:hidden; background:#f5f5f5; width:100%; padding:5%; box-sizing:border-box; margin-top:2%; position:relative;}
.free-box:after{content:""; display:block; position:absolute; background:url("../images/ico/02-04-ico1.png")no-repeat; width:152px; height:152px; top:20%; left:6%;}
.free-box p{padding-left:20%;}
.free-box p.tite{font-size:30px; font-family: 's-core-dream-medium', sans-serif; transform: skew(-0.001deg); letter-spacing:-2.8px;}
.free-box p.sub-txt{font-size:18px; color:#555; margin-top:1%; line-height:1.6;}

.free-list{overflow:hidden;}
.free-list dd{position:relative; font-size:17px; overflow:hidden; padding:2% 0;}
.free-list dd:after{content:""; display:block; width:100%; height:4px; background:url("../images/common/line.png")no-repeat; position:absolute; left:0; bottom:0;}
.free-list dd:last-child:after{display:none;}

.free-list dd .ibox{width:25%; float:left;}
.free-list dd .ibox img{border:solid 1px #ddd;}

.free-list dd .tbox{width:75%; float:left;}
.free-list dd .tbox p{font-size:24px; font-family:'s-core-dream-medium',sans-serif;}
.free-list dd .tbox ul{overflow:hidden; margin-top:1%;}
.free-list dd .tbox ul li{font-size:18px; position:relative; line-height:1.8; padding-left:1.5%; letter-spacing:-1.0px;}
.free-list dd .tbox ul li:after{content:"-"; display:block; position:absolute; top:0; left:0;}

.vou-box{font-family: 's-core-dream-heavy', sans-serif; border:solid 3px #fb6b15; padding:3%; text-align:left; font-size:18px; margin-bottom:3%; color:#fb6b15; text-align:center;}
.vou-box a{color:#fb6b15;}

 /*service5*/
dl.proce-list{overflow:hidden; margin:3% 0;}
dl.proce-list dd:before{content:""; display:block; background:url("../images/common/r-arrow.png")no-repeat; width:21px; height:32px; position:absolute; top:50%; right:10%;}
dl.proce-list dd:last-child:before{display:none;}
dl.proce-list dd{float:left; width:25%; position:relative;}
dl.proce-list dd:after{position:absolute; top:9%; left:0; width:60px; height:60px; line-height:60px; border-radius:30px; background-color:#46bbff; color:#fff; font-size:20px; font-family:'s-core-dream-medium',sans-serif; text-align:center;}
dl.proce-list dd:first-child:after{content:"01";}
dl.proce-list dd:nth-child(2):after{content:"02";}
dl.proce-list dd:nth-child(3):after{content:"03";}
dl.proce-list dd:nth-child(4):after{content:"04";}

dl.proce-list dd p{border:solid 6px #46bbff; width:200px; height:200px; border-radius:110px; position:relative;}
dl.proce-list dd p:after{font-size:17px; color:#555; font-weight:600; position:absolute; bottom:23%; left:34%;}
dl.proce-list dd:first-child p:after{content:"서비스 신청/예약"; left:18%;}
dl.proce-list dd:nth-child(2) p:after{content:"전화 상담"; }
dl.proce-list dd:nth-child(3) p:after{content:"무료추천/제안"; left:24%;}
dl.proce-list dd:nth-child(4) p:after{content:"서비스 제공"; left:31%;}

dl.proce-list dd p img{position:absolute; top:19%; left:30%;}

.pro-list{background:#f5f5f5; padding:3%; margin-top:2%; font-size:16px; line-height:1.8;}
.pro-list ul{position:relative; margin-left:18%;}
.pro-list ul:after{content:""; background:url("../images/img/card_logo_s.jpg")no-repeat; width:240px; height:153px; position:absolute; top:-5%; left:-22%;}
.pro-list ul li{position:relative; padding-left:8%;}
.pro-list ul li:after{content:"-"; position:absolute; top:0; left:0;}

.pro-tbl{overflow:hidden; border:solid 1px #ddd;margin-top:2%; text-align:center; font-size:17px; box-sizing:border-box; border-collapse:separate; background-color:#fff;}
.pro-tbl th, .pro-tbl td{padding:1.5%; /*border:solid 1px #ddd;*/}
.pro-tbl thead th:first-child{background-color:#f5f8ff; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;}
.pro-tbl thead th:nth-child(2){background-color:#eaedff; border-bottom:solid 1px #ddd;}
.pro-tbl thead th:nth-child(3){background-color:#dfe4ff;}
.pro-tbl tbody tr td:first-child{background-color:#f5f8ff; border-right:solid 1px #ddd;}
.pro-tbl tbody tr:nth-child(2) td:first-child{background-color:#f5f8ff;}
.pro-tbl tbody tr:nth-child(2) td{background-color:#fbfbfb;}

dl.add-fee{overflow:hidden; margin-top:2%; border:solid 1px #ddd; box-sizing:border-box;}
dl.add-fee dd{width:16.6666%;  float:left; text-align:center; border-right:solid 1px #ddd; box-sizing:border-box;}
dl.add-fee dd:last-child{border:none;}
dl.add-fee dd .tite{font-size:1.2em; height:28px; padding:7%;}
dl.add-fee dd:first-child .tite{background-color:#f5f8ff;}
dl.add-fee dd:nth-child(2) .tite{background-color:#eaedff;}
dl.add-fee dd:nth-child(3) .tite{background-color:#dfe4ff;}
dl.add-fee dd:nth-child(4) .tite{background-color:#dadaff;}
dl.add-fee dd:nth-child(5) .tite{background-color:#c3cdfd;}
dl.add-fee dd:nth-child(6) .tite{background-color:#adbbfe;}
dl.add-fee dd .fee{font-size:1.1em; height:28px; padding:7%;  vertical-align: middle; border-top:solid 1px #ddd; background-color:#fff;}

dl.add-feee{overflow:hidden; margin-top:2%; border:solid 1px #ddd; box-sizing:border-box;}
dl.add-feee dd{width:25%;  float:left; text-align:center; border-right:solid 1px #ddd; box-sizing:border-box;}
dl.add-feee dd:last-child{border:none;}
dl.add-feee dd .tite{font-size:1.2em; height:28px; padding:7%;}
dl.add-feee dd:first-child .tite{background-color:#f5f8ff;}
dl.add-feee dd:nth-child(2) .tite{background-color:#eaedff;}
dl.add-feee dd:nth-child(3) .tite{background-color:#dfe4ff;}
dl.add-feee dd:nth-child(4) .tite{background-color:#dadaff;}
dl.add-feee dd:nth-child(5) .tite{background-color:#c3cdfd;}
dl.add-feee dd .fee{font-size:1.1em; height:28px; padding:7%;  vertical-align: middle; border-top:solid 1px #ddd; background-color:#fff;}

.fee-box{overflow:hidden; margin-top:2%;}
.fee-box .left, .fee-box .right{float:left; width:49%;}
.fee-box .left{margin-right:1%;}
.fee-box .right{margin-left:1%;}
.fee-box .pro-tbl{margin-top:0;}
.fee-box .pro-tbl th, .fee-box .pro-tbl td{padding:3%;}
.fee-box .pro-tbl thead th:first-child{background-color:#eaedff;}
.fee-box .pro-tbl thead th{background-color:#dfe4ff;}

.basic-box{position:relative;}
/*.basic-btn{position:absolute; top:0; right:0;}*/


/*reservation*/
.rese-box{overflow:hidden;}
figure.snip:first-child{margin-right:1%;}
.snip {position:relative; overflow:hidden; min-width:594px; max-width:488px; width:100%; color:#ffffff; text-align:center; font-size:16px; background-color:#975eab; margin:2% 0 0 0; float:left;}
.snip *, .snip *:before, .snip *:after{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.55s ease; transition: all 0.55s ease;}
.snip img{max-width: 100%; backface-visibility: hidden; vertical-align: top;}
.snip:hover img.scale{transform:scale(1.5);}
.snip figcaption{position: absolute; bottom:28%; right:24%; padding:5%; font-family: 's-core-dream-medium', sans-serif; font-size:20px;}
.snip figcaption:before, .snip figcaption:after{height: 2px; width: 600px; position: absolute; content: ''; background-color: #ffffff;}
.snip figcaption:before{top: 0; left: 0; -webkit-transform: translateX(100%); transform: translateX(100%);}
.snip figcaption:after{bottom:0; right:0; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.snip figcaption div:before, .snip figcaption div:after{width:2px; height:488px; position:absolute; content: ''; background-color:#ffffff;}
.snip figcaption div:before {top: 0; left: 0; -webkit-transform: translateY(100%); transform: translateY(100%);}
.snip figcaption div:after{bottom: 0; right: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%);}
.snip a{position:absolute; top:0; bottom:0; left:0; right:0;}
.snip:hover img, .snip.hover img{zoom: 1; filter: alpha(opacity=50); -webkit-opacity: 0.5;opacity: 0.5;}
.snip:hover .ibox img{-webkit-opacity: 1;opacity:1;}
.snip:hover figcaption:before, .snip.hover figcaption:before, .snip:hover figcaption:after, .snip.hover figcaption:after, .snip:hover figcaption div:before, 
.snip.hover figcaption div:before, .snip:hover figcaption div:after, .snip.hover figcaption div:after{-webkit-transform: translate(0, 0);transform: translate(0, 0);}
.snip:hover figcaption:before, .snip.hover figcaption:before, .snip:hover figcaption:after, .snip.hover figcaption:after{-webkit-transition-delay: 0.15s; transition-delay: 0.15s;}

.sbg3{background:url("../images/img/03-01-bg.jpg")no-repeat 50% 50% #f5f5f5;}

/*고객유의사항*/
.notice-box{overflow:hidden; width:100%; padding:3%; box-sizing:border-box; background-color:#fafafa; margin-top:3%; border:dashed 1px #ddd;}
.notice-box h1{font-size:18px; font-family: 's-core-dream-medium', sans-serif; position:relative; padding-left:1.5%; color:#46bbff;}
.notice-box h1:after{content:"※"; display:block; position:absolute; top:-6%; left:0;}

.notice-box ul{overflow:hidden; margin-top:1%;}
.notice-box ul li{position:relative; padding-left:1%; font-size:16px; line-height:1.8; letter-spacing:-1.2px;}
.notice-box ul li:after{content:"-"; display:block; position:absolute; top:0; left:0;}

/*금환테라피 service_06.html*/
.img-33{overflow:hidden; margin:2% 0;}
.img-33 dd{float:left; width:390px; margin-right:15px;}
.img-33 dd:last-child{margin-right:0;}

dl.add-fee.w33 dd{width:33.3%;}
dl.add-fee.w33 dd:last-child{width:33.4%;}
dl.add-fee.w33 dd .tite{padding:5%;}
dl.add-fee.w33 dd .fee{padding:5%;}

/* community*/
dl.hand{overflow:hidden; margin:2% 0;}
dl.hand dd{float:left; width:33.3%;}
.policy-box.hand-box dd{margin-bottom:2%;}

/**/

#scont .cont-box.insu{background:url("../images/img/04-02-bg1.jpg")no-repeat 77% 50% #f5f5f5; width:100%; height:600px; margin-top:2%; background-attachment:fixed; background-size:cover; position:relative;}
#scont .cont-box.insu .wrap{height:600px;}

.human-box.woman-box{bottom:30px;}
.human-box.woman-box .human{background:url("../images/img/04-02-woman.png")no-repeat; width:300px; height:300px; position:relative; background-size:cover;}
.human-box.woman-box .human:after{content:""; font-size:18px; position:absolute; font-weight:600; bottom:51px; left:-145px;}

.simg{margin-top:2%; position:relative;}

.insu-box{overflow:hidden; margin-top:2%;}
.insu-box .left{width:49%; margin-right:1%;}
.insu-box .left h2, .insu-box .right h2{padding-left:5%;}
.insu-box .left .simg img, .insu-box .right .simg img{width:100%;}
.insu-box .right{width:49%; margin-left:1%;}


.in-tbl{width:100%; overflow:hidden; margin-top:2%; font-size:16px; line-height:1.6; text-align:center;border-collapse: separate; border:solid 1px #ddd; border-right:none; font-weight:600;}
.in-tbl tbody tr:nth-child(2n){background-color:#f5f5f5;}
.in-tbl tbody th, .in-tbl tbody td{padding:1%; box-sizing:border-box;}
.in-tbl tbody th{border-right:solid 1px #ddd; background-color:#f5f8ff;}
.in-tbl tbody tr:first-child th{border-bottom:solid 1px #ddd;}
.in-tbl tbody th span{display:block;}
.in-tbl tbody td{border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;}
.in-tbl tbody tr:last-child td{border-bottom:0; font-size:18px;}


.original-img{display:none;}
h2 span.purple{display:inline-block;}

/*서비스몰*/
.shop-btn .sup-btn{width:200px; height:70px; font-size:16px; color:#7bb839; border:solid 3px #7bb839; font-family: 's-core-dream-medium', sans-serif; transition: all 0.4s ease-out;}
.shop-btn .sup-btn:hover{background:url("../images/common/g-pattern.png") repeat #7bb839; color:#fff;}

.shop-btn .pur-btn{width:200px; height:70px; font-size:16px; background-color:#46bbff; color:#fff;  font-family: 's-core-dream-medium', sans-serif; transition: all 0.4s ease-out;}
.shop-btn .pur-btn:hover{color:#46bbff; border:solid 3px #46bbff; background-color:#f6f6f6;}





/*media_mobile*/

@media all and (max-width:1550px){
#content .wrap{width:1100px;}
#banner{left:0;}

#banner ul.float-banner li img{width:80%;}
#banner ul.float-banner li:last-child img{width:30%;}
#banner ul.float-banner li:after{font-size:12px;}
.sflower{width:180px; height:210px; top:-72px; background-size:contain;}

.snip{min-width:544px;}


}


@media all and (max-width:1300px) {
/*공통css*/
#content .wrap{width:100%;}
.sub-tite{width:100%;}
dl.num dd{padding-left:5%; font-size:16px;}

/*sub-menu*/
#sub-menu{padding-bottom:0;}
.sub-menu{position:relative; top:0;}

/*content*/
#scont .wrap{width:90%; margin:5%;}
#scont .cont-box h4{font-size:27px;}
#scont .cont-box .tit{font-size:18px;}
.human-box .human{width:350px; height:480px; background-size:cover;}

.policy-box dd .wrap-line .tbox, .missoin-box dd .wrap-line .tbox{font-size:17px;}



/*intro-01*/
.point{width:100%; float:none;}
.point h2{padding-left:3%;}
.point #map .root_daum_roughmap{width:100% !important;}



/*intro-02*/
.impor-txt{word-break:keep-all; line-height:1.6;}

.intro-cont2{background-position:47% 50%;}
.intro-cont2 h3{margin:11% 0 2% 0;}
.intro-cont2 .stit{font-size:19px;}

.intro-cont200{background-position:47% 50%;}
.intro-cont200 h3{margin:11% 0 2% 0;}
.intro-cont200 .stit{font-size:19px;}

.intro-cont3 .stit{font-size:17px; line-height:1.5;}
dl.intro-box dd{padding:3%;}

dl.intro-box dd .tbox .txt span{display:inline; font-size:16px;}

.intro-cont4 .stit{font-size:17px;}

.in-box .ibox{width:20%; padding-left:0;}
.in-box .tbox{width:80%; padding-left:0;}
.in-box .tbox .txt span{display:inline;}

.intro-cont4 dl.num dd:nth-child(7){line-height:1.6;}
.chamgo{font-size:15px; padding-left:2%;}
.chamgo:after{top:8%;}

/*intro-4*/
.quali-cont2 dl.list dd .ibox h3{padding-left:8%;}
.quali-cont2 dl.list dd .ibox:after{width:120px; height:120px; top:47px;}
.quali-cont2 dl.list dd:first-child .ibox:after, .quali-cont2 dl.list dd:nth-child(2) .ibox:after, .quali-cont2 dl.list dd:nth-child(3) .ibox:after{background-size:contain;}

/*intro-5*/
.sup-cont{height:366px; background-size:cover; background-position:75% 50%;}

/*service*/
.service-box .left, .service-box .right{float:none; width:100%; height:auto; overflow:hidden;}
.service-box .right{border-left:none;}
.service-box .left .ibox, .service-box .right .ibox{text-align:left; width:14%;}
.service-box .left .ibox img, .service-box .right .ibox img{width:100%;}
.service-box .left .tbox, .service-box .right .tbox{width:86%; padding-left:5%; box-sizing:border-box;}

.missoin-box.w33 dd{margin-right:1%; height:400px;}
.missoin-box.w33 dd:last-child{width:33.3%;}
.missoin-box dd .wrap-line .ibox{padding:10% 0 3% 0;}
.missoin-box.w33 dd .wrap-line .tbox{font-size:16px; padding-bottom:0; padding:0 5%;}
.missoin-box.w33 dd .wrap-line .tbox .tite{font-size:19px; display:block; margin-bottom:5%;}
.missoin-box.w33 dd .wrap-line .tbox .tite:after{left:39%;}
.missoin-box.w33 dd .wrap-line .tbox span{display:inline}

.policy-box.w33 dd{width:32.3%; margin-right:1%; margin-bottom:1%; height:400px;}
.policy-box.w33 dd .wrap-line .tbox{font-size:16px; padding:0 5%;}
.policy-box.w33 dd .wrap-line .tbox span{display:inline;}
.policy-box.w33 dd .wrap-line .tbox .tite{font-size:19px; display:block; padding-bottom:5%;}

/*service2*/
.info-box dd{padding:5% 10% 10% 20%;}
.info-box dd:after{top:19%;}

/*service3*/
.num-box .number{padding-left:3%;}

.chart-box dl dd{width:29%; margin-right:3%;}
.chart-box dl dd:after{right:-12%;}
.num-list li{padding-left:2%;}

.free-box:after{background-size:cover; width:142px; height:142px; left:5%;}
.free-box p.tite{font-size:26px}
.free-box p.sub-txt{font-size:17px;}

.free-list dd .ibox img{width:100%;}
.free-list dd .tbox{box-sizing:border-box; padding-left:3%;}


.service-cont100{width:100%; background:url("../images/img/sub_bg400.jpg")no-repeat 40% 30% #f5f5f5;  height:300px; margin-top:2%;}
.service-cont100 h4{padding-top:4%;}
.service-cont100 .tit{font-size:16px; letter-spacing:-1.2px; font-weight:500; color:#333; line-height:1.6; transform:skew(-0.001deg); padding-top:1%;}

.service-cont200{width:100%; background:url("../images/img/sub_bg401.jpg")no-repeat 90% 30% #f5f5f5;  height:300px; margin-top:2%;}
.service-cont200 h4{padding-top:8%; text-align:right; }
.service-cont200 .tit{font-size:16px; text-align:right; letter-spacing:-1.2px; font-weight:500; color:#333; line-height:1.6; transform:skew(-0.001deg); padding-top:1%;}

/*quick-menu*/
#banner{display:none;}

.fix-menu{display:block;}
.fix-menu{position:fixed; width:100%; height:60px; bottom:0; z-index:0;}

.quick-list{overflow:hidden; box-shadow:0px -5px 6px rgba(90,90,90,0.5);z-index:0;}
.quick-list li{float:left; width:33.333%; font-size:16px; text-align:center; font-family:'s-core-dream-medium',sans-serif; line-height:60px; box-sizing:border-box; position:relative;}
.quick-list li a{color:#fff; display:block;}
.quick-list li:first-child{background-color:#4c98d3;}
.quick-list li:nth-child(2){background-color:#64aee7;}
.quick-list li:nth-child(3){background-color:#99c3e4;}

/*service5*/
p.stit span{display:inline;}

dl.proce-list dd:before{top:40%; right:3%;}
dl.proce-list dd:after{width:50px; height:50px; line-height:50px; font-size:18px;}
dl.proce-list dd p{width:180px; height:180px; border-radius:95px;}
dl.proce-list dd p:after{font-size:15px; bottom:18%;}

.pro-list ul:after{width:240px; height:153px;top:10%; left:-23%; background-size:contain;}
.pro-list ul li{position:relative; padding-left:18%;}
.pro-tbl{font-size:16px;}
.fee-box .left, .fee-box .right{float:none; width:100%;}
.fee-box .left{margin-right:0;}
.fee-box .right{margin-left:0; margin-top:2%;}

/*reservation*/
#scont .rese-box .wrap{overflow:hidden; margin:0 5% 5% 5%;}
.snip{width:50%; min-width:50%;}

/*고객유의사항*/
.notice-box h1{padding-left:2%;}
.notice-box h1:after{top:0;}


/*금환테라피 service_06.html*/
.img-33 dd{width:32.3%; margin-right:1%;}
.img-33 dd img{width:100%;}

/* community*/
dl.hand dd img{width:100%;}

/**/
#scont .cont-box.insu{background-attachment:initial;}
.insu-tit{width:60%;}
.human-box.woman-box .human{width:240px; height:400px;}
.human-box.woman-box{right:-11px;}
.human-box.woman-box .human:after{left:-154px;}

.simg img{width:100%;}
.insu-box .left h2, .insu-box .right h2{padding-left:6%;}

}

@media all and (max-width:800px){
/*공통css*/
.line{margin:5% 0;}
dl.num dd{padding-left:6%;}
.depth-tite{padding-left:2%;}

/*sub-tite*/
.sub-visual{height:180px;}
.sub-tite .tite-box{padding-top:8%;}

.sflower{width:120px; height:127px; top:-53px; right:-32px; background-size:contain;}
.btit{font-size:29px;}

#scont .cont-box, #scont .cont-box .wrap{height:800px;}
#scont .cont-box h4{font-size:25px;}
#scont .cont-box .tit span{display:inline; line-height:1.8; transform:skew(-0.001deg);}

.human-box .human{top:60px; width:350px; height:350px; background-size:contain;}

.policy-box dd, .missoin-box dd{width:48%; margin-right:2%; margin-bottom:2%;}
.policy-box dd:nth-child(2), .missoin-box dd:nth-child(2){margin-right:0;}

/*intro-02*/
.intro-con1{height:350px;}
.intro-con1 .tit span{display:inline;}
.intro-con1 .tit span.first{display:block;}

.intro-cont2{background:#657a8a; height:auto;}
.intro-cont2 h3{padding-left:5%;}
.intro-cont2 .stxt span{display:inline;}

.intro-con100{height:1100px;}
.intro-con100 .tit span{display:inline;}
.intro-con100 .tit span.first{display:block;}

.intro-cont200{background:#657a8a; height:auto;}
.intro-cont200 h3{padding-left:5%;}
.intro-cont200 .stxt span{display:inline;}

.m-img{display:block;}
.m-img img{width:100%;}

.m-img1{display:block;}
.m-img1 img{width:90%; border-radius:10px; }

.in-box .ibox img{width:100%;}
.in-box .tbox{box-sizing:border-box; padding-left:3%;}

dl.intro-box{background:none; padding:0; margin-top:0;}
dl.intro-box dd{border:none; text-align:left; float:none; width:100%; background-color:#fafafa; overflow:hidden; margin-top:2%; padding:5%;}
dl.intro-box dd:nth-child(3), dl.intro-box dd:last-child{border-top:none;}
dl.intro-box dd .ibox{margin:0; float:left; width:20%;}
dl.intro-box dd .ibox img{width:100%;}
dl.intro-box dd .tbox{margin:0; float:left; width:80%; padding-left:3%; box-sizing:border-box;}

/*intro-4*/
.quali-cont{height:auto;}
.quali-cont dl.list{text-align:left; padding:5%;}
.quali-cont dl.list dd{float:none; width:100%; overflow:hidden; margin-bottom:2%;}
.quali-cont dl.list dd:nth-child(2){border-right:none; border-left:none; border-top:solid 1px #fff; border-bottom:solid 1px #fff; padding:2% 0;}
.quali-cont dl.list dd .ibox{width:18%; float:left;}
.quali-cont dl.list dd .ibox img{width:100%;}
.quali-cont dl.list dd .tbox{width:72%; padding-left:3%; float:left; box-sizing:border-box; word-break:keep-all;}
.quali-cont dl.list dd .tbox span{display:inline;}

.quali-cont2 dl.list dd .ibox h3{padding-left:3%}
.quali-cont2 dl.list dd .ibox, .quali-cont2 dl.list dd .tbox{float:none; width:100%;}
.quali-cont2 dl.list dd .tbox{margin-top:5%}
.quali-cont2 dl.list dd .ibox:after{left:inherit; right:45px;}

.sup-btn{width:46%; height:80px; font-size:16px;}

/*service*/
.missoin-box.w33 dd{width:49%;}
.missoin-box.w33 dd:last-child{width:49%;}
.missoin-box.w33 dd .wrap-line .tbox{word-break:keep-all;}

.policy-box.w33 dd{width:49%}
.policy-box.w33 dd:nth-child(3){margin-right:1%}
.policy-box.w33 dd .wrap-line .tbox{word-break:keep-all;}

/*service-2*/
.basic-tbl, .basic-tbl-type1{font-size:15px;}
p.stit{font-size:16px; line-height:1.5;}
.info-list li{font-size:16px; line-height:1.7; padding-left:2%;}

.info-box dd{padding:5% 10% 10% 25%;}
.info-box dd:after{width:119px; height:119px;}
.info-box dd:first-child:after, .info-box dd:nth-child(2):after, .info-box dd:nth-child(3):after, .info-box dd:nth-child(4):after{background-size:cover}
.info-box dd .box ul li{font-size:16px; line-height:1.8; padding-left:2%; word-break:keep-all;}
.info-end ul li{font-size:15px; padding-left:2%;}

/*service-3*/

/*tab*/
.tab ul.tab-wrap li{font-size:16px;}

.gtbl, .gtbl tbody ul li, .gtbl-type{font-size:15px;}
.gtbl-type th, .gtbl-type td{padding:1%;}


.family-box dl.num dd{height:auto;}
.voucher-box .depth-tite{font-size:17px;}
.vbl{font-size:16px;}

.num-box .number{font-size:18px; padding-left:3.2%;}
.num-box div:after{width:20px; height:20px; line-height:20px; font-size:12px;}
.vou-list{font-size:16px;}

.chart-box dl dd{font-size:17px;}
.chart-box dl dd:after{width:12px; height:17px; background-size:contain;}
.chart-box dl dd .tit-box{height:auto; line-height:2.4;}
.chart-box dl dd .tit-list{height:140px;}

.num-list li{padding-left:3%}

dl.user-box{font-size:16px;}
dl.user-box dd:first-child p:first-child, dl.user-box dd:nth-child(2) p:first-child{padding:5% 0;}
dl.user-box dd:nth-child(2) p:nth-child(2) span{word-break:keep-all;}

.service-cont1.service-pay{height:170px;}

.service-cont1.free-wrap{height:195px;}
.service-cont1.free-wrap h4{padding-top:7%;}

.free-box:after{width:122px; height:122px; top:17%; left:3%;}
.free-box p.tite{font-size:24px;} 
.free-box p.sub-txt{font-size:15px;}

.free-list dd{padding:3% 0;}
.free-list dd .tbox ul li{font-size:16px;}

/*service5*/
dl.proce-list{padding:0 0 5% 0;}
dl.proce-list dd:before{display:none;}

dl.proce-list dd p{width:150px; height:150px; border-radius:80px;}
dl.proce-list dd p:after{bottom:-28%;}
dl.proce-list dd:first-child p:after{left:12%;}
dl.proce-list dd:nth-child(2) p:after{left:30%;}
dl.proce-list dd:nth-child(3) p:after{left:18%;}
dl.proce-list dd p img{left:25%;}

.pro-list{padding:5%; line-height:2.0;}
.pro-list ul{margin-left:0;}
.pro-list ul:after{display:none;}

dl.add-fee{border:none;}
dl.add-fee dd{width:33.33%; border-top:solid 1px #ddd;}
dl.add-fee dd .tite{font-size:1.0em; padding:7%;}
dl.add-fee dd:first-child{border-left:solid 1px #ddd;}
dl.add-fee dd:nth-child(2){border-bottom:solid 1px #ddd;}
dl.add-fee dd:nth-child(3){border-bottom:solid 1px #ddd;}
dl.add-fee dd:nth-child(4){border-bottom:solid 1px #ddd; border-left:solid 1px #ddd; }
dl.add-fee dd:nth-child(5){border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; border-top:solid 0px #ddd;}
dl.add-fee dd:nth-child(6){border-right:solid 1px #ddd; border-bottom:solid 1px #ddd;}
dl.add-fee dd .fee{font-size:0.9em; padding:7%; border-top:solid 1px #ddd; background-color:#fff;}

dl.add-feee{overflow:hidden; margin-top:2%; border:solid 1px #ddd; box-sizing:border-box;}
dl.add-feee dd{width:50%;  float:left; text-align:center; border-right:solid 1px #ddd; box-sizing:border-box;}
dl.add-feee dd:last-child{border:none;}
dl.add-feee dd .tite{font-size:1.2em; height:28px; padding:7%;}
dl.add-feee dd:first-child .tite{background-color:#f5f8ff;}
dl.add-feee dd:nth-child(2) .tite{background-color:#eaedff;}
dl.add-feee dd:nth-child(3) .tite{background-color:#dfe4ff;}
dl.add-feee dd:nth-child(4) .tite{background-color:#dadaff;}
dl.add-feee dd .fee{font-size:1.1em; height:28px; padding:7%;  vertical-align: middle; border-top:solid 1px #ddd; background-color:#fff;}

/*reservation*/
.snip{margin:0;}
.snip figcaption{right:15%;}
.snip figcaption .ibox{width:35%; margin:0 auto;}
.snip figcaption .ibox img{width:100%;}

/*고객유의사항*/
.notice-box h1{padding-left:3%;}
.notice-box h1:after{top:-8%;}

/*금환테라피 service_06.html*/
dl.add-fee.w33 dd .fee{border-bottom:solid 1px #ddd;}
dl.add-fee.w33 dd:nth-child(3){border-bottom:0; border-right:solid 1px #ddd;}

/**/
p.insu-tit{font-size:18px; line-height:1.8;}
.insu-box .left h2, .insu-box .right h2{padding-left:7%;}


}

@media all and (max-width:650px){

#content{margin-top:10%;}

.sub-visual{height:130px;}
.sub-tite .tite-box h4{font-size:26px;}
.sub-tite .tite-box{padding-top:12%;}
.sub-tite .tite-box p{font-size:14px;}
.sub-tite .tite-box p i{display:block;}
.bg1, .bg2, .bg3, .bg4{background-size:cover; background-position:50% 50%;}


/*sub-menu*/
.sub-menu{height:64px; border:none;  border-bottom:solid 1px #ddd;}
.sub-menu .home, .sub-menu .menu, .sub-menu .depth{height:64px;}
.sub-menu .home{width:15%;}

.sub-menu .menu, .sub-menu .depth{width:42.5%; font-size:15px;}
.sub-menu .menu ul.sm, .sub-menu .depth ul.dm{line-height:64px;}
.sub-menu .menu ul.sm li ul.hide, .sub-menu .depth ul.dm li ul.d-hide{font-size:14px;}

.sub-menu .depth{border-right:none;}
.sub-menu .printer{display:none;}

/*content*/
#scont{clear:both;}

#scont .cont-box{background-attachment:inherit;}
#scont .cont-box, #scont .cont-box .wrap{height:820px;}
#scont .cont-box h4{font-size:18px; letter-spacing:-1.4px; line-height:1.5;}
#scont .cont-box .tit{font-size:16px; padding-top:4%;}
#scont .cont-box .tit span{line-height:1.6;}

.btit{font-size:22px}
.btit span{display:block; word-break:keep-all;}
.sflower{width:100px; height:109px; top:-61px; right:-24px;}
.human-box .human{width:330px; height:330px; right:-30px; top:50px;}
.human-box .human:after{font-size:15px; margin-left:30px; right:150px;}

.policy-box dd .wrap-line .ibox{width:50%; margin:0 auto; padding:10% 0 7% 0;}
.policy-box dd .wrap-line .ibox img{width:100%;}
.policy-box dd .wrap-line .tbox .tite{padding-bottom:4%;}

.policy-box dd .wrap-line .tbox, .missoin-box dd .wrap-line .tbox{font-size:15px;}
.policy-box dd .wrap-line .tbox span, .missoin-box dd .wrap-line .tbox span{display:block;}

.missoin-box dd .wrap-line .ibox{width:50%; margin:0 auto;}
.missoin-box dd .wrap-line .ibox img{width:100%;}

/*fix-menu*/
.fix-menu{background-size:cover; background-position:100% 0;}

/*intro-01*/
.point h2{padding-left:6%;}
.point dl dd{font-size:13px;}
.point dl dd span:first-child{text-indent:0; padding-left:2%; box-sizing:border-box;} 


/*intro-02*/
#scont .intro-con1 .wrap{margin:0; padding:5%;}
.intro-con1{height:auto;}
.intro-con1:after{content:""; display:block; clear:both;}
.intro-con1 .tit{font-size:15px; padding:3% 0 2% 0}
.intro-con1 .tit span.first{width:75%;}
.intro-con1 .sflower{right:4%;}

.impor-txt{font-size:17px; word-break:inherit; padding-bottom:3%;}

/*cont2*/
.intro-cont2{height:573px;}
.intro-cont2 h3{margin:11% 0 4% 0;}
.intro-cont2 h3:after{width:20px; height:17px; background-size:contain;}
.intro-cont2 .stit{font-size:17px; padding-bottom:1.5%;}
.intro-cont2 .stxt{font-size:15px; color:#d8d8d8;}

/*intro-0200*/
#scont .intro-con100 .wrap{margin:0; padding:5%;}
.intro-con100{height:850px; margin-top:50px; }
.intro-con100:after{content:""; display:block; clear:both;}
.intro-con100 .tit{font-size:15px; padding:3% 4% 2% 4%}
.intro-con100 .tit span.first{width:75%;}
.intro-con100 .sflower{right:4%;}

.impor-txt{font-size:17px; word-break:inherit; padding-bottom:3%;}

/*cont200*/
.intro-cont200{height:700px;}
.intro-cont200 h3{margin:11% 0 4% 0;}
.intro-cont200 h3:after{width:20px; height:17px; background-size:contain;}
.intro-cont200 .stit{font-size:17px; padding-bottom:1.5%; padding:3% 4% 2% 4%}
.intro-cont200 .stxt{font-size:15px; color:#fff; padding:3% 4% 2% 4%}

.intro-cont3 .stit{font-size:16px;}
.intro-cont3 h3{margin:10% 0 5% 0;}

dl.intro-box dd{margin-top:5%; padding:10% 5%;}
dl.intro-box dd .ibox{float:none; width:30%; margin:0 auto;}
dl.intro-box dd .tbox{float:none; width:100%; padding-left:0; text-align:center;}
dl.intro-box dd .tbox .tite{font-size:18px;}
dl.intro-box dd .tbox .txt{font-size:15px; word-break:keep-all;}

.in-box{padding:10% 5%; margin-top:5%;}
.in-box .ibox, .in-box .tbox{float:none;}
.in-box .ibox{width:30%; margin:0 auto;}
.in-box .tbox{padding-left:0%; width:100%; text-align:center;}
.in-box .tbox .tite{font-size:18px;}
.in-box .tbox .txt{font-size:15px; word-break:keep-all;}

.intro-cont4 .stit{padding:5% 0 2% 0;}

.intro-cont4 dl.num{padding:0; background:none;}
.intro-cont4 dl.num dd{padding-bottom:2%; border-bottom:dashed 1px #ddd;}
.intro-cont4  dl.num dd:nth-child(5){margin-bottom:3%; line-height:2.2;}
dl.num dd{padding-left:10%; height:auto; line-height:1.6;}
dl.num dd:after{top:3px;}

.chamgo{color:#999; padding-left:5%;}
.chamgo:after{top:0;}

/*intro-4*/
.quali-cont{background-attachment:inherit;}
.quali-cont dl.list{padding:10% 5%;}
.quali-cont dl.list dd:nth-child(2){padding:5% 0;}
.quali-cont dl.list dd:nth-child(3){padding-top:2%;}
.quali-cont dl.list dd .ibox{width:26%;}
.quali-cont dl.list dd .tbox{font-size:16px;}

.quali-cont2 dl.list dd{padding:7% 0;}
.quali-cont2 dl.list dd:nth-child(3){padding:7% 0;}
.quali-cont2 dl.list dd .ibox h3{padding-left:5%;}
.quali-cont2 dl.list dd:after{/*width:80px; height:80px; top:-16px; right:0;*/}
.quali-cont2 dl.list dd:first-child .ibox:after, .quali-cont2 dl.list dd:nth-child(2) .ibox:after, .quali-cont2 dl.list dd:nth-child(3) .ibox:after{background:none; display:none;}
.quali-cont2 dl.list dd .tbox ul li{font-size:16px;}
.quali-cont2 dl.list dd .tbox ul li span{display:block;}
.quali-cont2 dl.list dd .tbox ul li span:nth-child(2){word-break:keep-all;}

.sup-btn{height:60px; font-size:20px;  box-sizing:border-box;}	

/*intro-5*/
.sup-cont{height:290px; background-position:65% 50%;}

.sup-cont h4{padding:17% 0 2% 0; letter-spacing:-1.2px;}
.sup-cont h4 span{display:block;}
.sup-cont .tit{font-size:16px; letter-spacing:-1.2px;}


/*service*/
.service-cont1{height:240px; background-size:cover; background-position:48% 50%;}
.service-cont1 h4{padding-top:11%; font-size:22px;}
.service-cont1 h4 span{display:inline-block; word-break:keep-all;}
.service-cont1 .tit{font-size:17px; padding-top:2%; letter-spacing:-1.2px; word-break:keep-all;}

.service-cont100{width:100%; background:url("../images/img/sub_bg400.jpg")no-repeat 45% 10% #f5f5f5;  height:280px; margin-top:2%;}
.service-cont100 h4{padding-top:3%;}
.service-cont100 .tit{font-size:16px; letter-spacing:-1.2px; font-weight:500; color:#333; line-height:1.6; transform:skew(-0.001deg); padding-top:1%;}

.service-cont200{width:100%; background:url("../images/img/sub_bg401.jpg")no-repeat 80% 10% #f5f5f5;  height:280px; margin-top:2%;}
.service-cont200 h4{padding-top:10%; text-align:right;}
.service-cont200 .tit{font-size:16px; letter-spacing:-1.2px; font-weight:500; color:#333; line-height:1.6; transform:skew(-0.001deg); padding-top:1%;}

.service-box{margin:5% 0;}
.service-box .left, .service-box .right{position:relative;}
.service-box .left .ibox, .service-box .right .ibox{width:30%; float:none; margin:0 auto; position:absolute; bottom:3%; right:0;}
.service-box .left .tbox, .service-box .right .tbox{width:100%; padding-left:0; float:none; word-break:keep-all; text-align:left; padding-bottom:29%;}
.service-box .left .tbox p, .service-box .right .tbox p{font-size:15px;}
.service-box .right .tbox span strong{display:block; background:#f5f5f5; margin:3% 0; padding:1%;}

.service-end{position:relative;}
.service-end .ibox{width:30%; float:none; margin:0 auto; position:absolute; bottom:3%; right:0;}
.service-end .ibox img{width:100%;}
.service-end .tbox{width:100%; padding:0; float:none; word-break:keep-all; text-align:left; padding-bottom:29%;}
.service-end .tbox p{font-size:15px;}

.missoin-box.w33 dd, .missoin-box.w33 dd:last-child{width:100%; margin-right:0; height:auto; overflow:hidden; float:none;}
.missoin-box.w33 dd .wrap-line .ibox{width:26%; padding:6% 0 2% 0;}
.missoin-box.w33 dd .wrap-line .tbox{padding-bottom:10%;}

.policy-box.w33 dd{width:100%; height:auto; overflow:hidden; margin-right:0; margin-bottom:3%;}
.policy-box.w33 dd .wrap-line .ibox{width:40%;}
.policy-box.w33 dd .wrap-line .tbox{padding-bottom:10%}
.policy-box.w33 dd .wrap-line .tbox .tite{padding-bottom:2%}
p.stit{font-size:16px; padding-top:2%; padding-bottom:2%;}

.tbl-wrap{overflow-x:auto; display:none;}
.tbl{width:800px; font-size:14px;}

.mobile-tbl{display:block;}
.mtbl{border:solid 1px #ddd; font-size:14px;}
.mtbl thead{background-color:#eaedff;}
.mtbl thead th:first-child{background-color:#dfe4ff;}
.mtbl th, .mtbl td{padding:2%; border:solid 1px #ddd;}

.mtbl tbody{text-align:center;}
.mtbl tbody ul{overflow:hidden;}
.mtbl tbody ul li{position:relative; font-size:14px; line-height:1.6; text-align:left; padding-left:9px;}
.mtbl tbody ul li:after{content:"-"; display:block; position:absolute; top:0; left:0;}

.mtbl tbody td.ver-top{vertical-align:top;}
.mtbl tbody td span{line-height:1.6;}

.blue-box{background-color:#f5f8ff;}
.gray-box{background-color:#fbfbfb;}
.gray-box span{display:block;}


/*service-2*/
.basic{margin:4% 0;}
.basic .line{margin:5% 0;}
.basic-tbl, .basic-tbl-type1{overflow:hidden; margin-top:5%; font-size:14px;}

.info-box dd:after{width:100px; height:100px; top:7%; right:4%; left:inherit;}
.info-box dd{padding:9% 5% 10% 5%;}
.info-box dd:nth-child(2){padding-top:27%}
.info-box dd:nth-child(3){padding-top:27%}
.info-box dd:nth-child(4){padding-top:27%}

.info-end ul li{padding-left:4%;}

.basic-tbl tbody td{word-break:keep-all;}

.basic-tbl-type1 thead tr th:nth-child(3){width:14%;}
.basic-tbl-type1 thead tr th:nth-child(4){width:40%;}

.info-box dd .box ul li{font-size:15px;}



/*service-3*/

/*공통css*/
.depth-tite{font-size:16px; padding-left:3%;}
.depth-tite:after{width:6px; height:14px; background-size:cover; top:14%;}

/*tab*/
.tab ul.tab-wrap li{width:50%; box-sizing:border-box; line-height:1.2; font-size:15px; padding:5% 0;}
.tab ul.tab-wrap li:first-child, .tab ul.tab-wrap li:nth-child(2){border-bottom:solid 1px #bbb;}
.tab ul.tab-wrap li:first-child, .tab ul.tab-wrap li:nth-child(3){border-right:solid 1px #bbb;}
.tab .con-box{margin-top:6%;}

.gtbl th, .gtbl td{padding:2%;}
.gtbl, .gtbl tbody ul li, .gtbl-type{font-size:14px;}

.gtbl-type.hidden{display:none;}
.m-gtbl-type{display:block;}

.m-gtbl-type{width:100%; overflow:hidden; font-size:14px; margin-top:2%; text-align:center;}
.m-gtbl-type tbody{width:100%;}
.m-gtbl-type th{background-color:#f5f8ff;}
.m-gtbl-type th, .m-gtbl-type td{padding:1.5%; border:solid 1px #ddd;}
.m-blue{background-color:#f5f8ff;}
.m-gray{background-color:#fbfbfb;}

.m-gtbl-type tr:last-child th{background-color:#ebefff;}
.m-gtbl-type tr:last-child td{background-color:#f2f4ff; font-weight:600;}
.first-color{background-color:#eaedff;}
.second-color{background-color:#d3daff;}
.three-color{background-color:#c3cdfd;}

.voucher-box h2, .voucher-box .info-list{word-break:keep-all;}
.voucher-box h2{margin-top:4%;}
.ex-gbox{margin:2% 0; line-height:1.6; padding-left:2%;}

.family-box dl.num dd{margin-bottom:3%;}

.voucher-box .depth-tite{font-size:16px; word-break:keep-all;}
.vbl{font-size:14px;}
.vbl td{word-break:keep-all;}
.vbl td i{display:block; font-size:14px;}

.num-box .number{padding-left:6%;}

.chart-box dl{margin-top:5%;}
.chart-box dl dd{width:100%; margin-right:0; font-size:16px; margin-bottom:10%;}
.chart-box dl dd .tit-box{background-size:cover; padding:1% 0;}
.chart-box dl dd .tit-list{height:auto; padding:2% 0;}
.chart-box dl dd:after{transform:rotate(90deg); top:inherit; right:50%; bottom:-27%;}
.add-tbl{font-size:15px;}
.add-tbl tbody td:nth-child(2), .add-tbl tbody td:nth-child(3){word-break:keep-all;}

.num-list li{font-size:16px; padding-left:5%;}

dl.user-box dd{width:100%; float:none;}
dl.user-box dd ul, dl.user-box dd:nth-child(2) p:first-child, dl.user-box dd:nth-child(2) p:nth-child(2){border-left:none;}
dl.user-box dd:nth-child(2) p:first-child, dl.user-box dd:nth-child(2) p:first-child{border-top:solid 1px #bbb;}

.area-tbl{font-size:16px;}
.area-tbl td{line-height:1.6;}

.service-cont1.free-wrap{height:175px;}
.service-cont1.free-wrap h4{padding-top:18%;}

.free-box{padding:35% 5% 5% 5%; margin-top:5%;}
.free-box:after{width:112px; height:112px; top:4%; left:33%;}
.free-box p{padding-left:0;}
.free-box p.tite{font-size:20px; line-height:1.6; word-break:keep-all;}
.free-box p.tite span i{display:block;}
.free-box p.sub-txt{margin-top:2%;}

.free-list dd{padding:5% 0;}
.free-list dd:first-child{padding:0 0 5% 0;}
.free-list dd .ibox{width:100%; float:none;}
.free-list dd .ibox img{box-sizing:border-box;}
.free-list dd .tbox{width:100%; float:none; padding-left:0; margin-top:4%;}
.free-list dd .tbox ul li{padding-left:3%;}


/*service5*/
dl.proce-list{margin:5% 0;}
dl.proce-list dd:before{display:block; top:27%; right:-4%;}
dl.proce-list dd:nth-child(2):before{display:none;}
dl.proce-list dd{width:50%; padding-bottom:10%;}
dl.proce-list dd:after{width:40px; height:40px; line-height:40px; font-size:15px; left:9%;}
dl.proce-list dd:first-child p:after{left:0%;}
dl.proce-list dd:nth-child(2) p:after{left:28%;}
dl.proce-list dd:nth-child(3) p:after{left:12%;}
dl.proce-list dd:nth-child(4) p:after{left:18%;}

dl.proce-list dd p{margin:0 auto; width:120px; height:120px; border-radius:70px;}
dl.proce-list dd p img{width:54%; top:17%; left:25%;}

.pro-list{font-size:15px; line-height:1.6; margin-top:5%;}
.pro-list ul li{padding-bottom:2%; padding-left:3%;}

.pro-tbl{font-size:15px; margin-top:5%;}
.pro-tbl th, .pro-tbl td{padding:3% 1.5%;}




.missoin-box.baby dd .wrap-line .ibox{width:31%; padding:3% 0 0 0;}
.missoin-box.baby dd .wrap-line .tbox .tite span{display:block;}
.missoin-box.baby dd .wrap-line .tbox .tite:after{bottom:-6%;}

.fee-box{margin-top:5%;}

.missoin-box.w33 dd .wrap-line .tbox .tite{font-size:17px; padding-bottom:7%;}
.fee-box .pro-tbl thead th:first-child{width:24%;}

.info-end ul li{font-size:14px; margin:2% 0;}

.sup-btn.baby{width:100%;}

/*reservation*/
.snip{width:100%; min-width:100%; float:none;}
.snip figcaption{font-size:16px; right:23%;}
.snip figcaption span{display:block; line-height:1.5;}
.snip figcaption .ibox{padding-bottom:8%;}
figure.snip:nth-child(2){margin-top:5%;}

/*고객유의사항*/
.notice-box{padding:5%;}
.notice-box h1{font-size:17px; padding-left:5%;}

.notice-box ul li{font-size:15px; padding-left:3%;}


/*금환테라피 service_06.html*/
.img-33 dd{width:49%;}
.sup-btn.therapy{width:100%;}

dl.add-fee.w33 dd{width:100%; float:none; box-sizing:border-box; overflow:hidden;}
dl.add-fee.w33 dd:nth-child(2){border-bottom:solid 1px #ddd;}
dl.add-fee.w33 dd:last-child{width:100%; border-bottom:solid 1px #ddd;}
dl.add-fee.w33 dd .fee{border-bottom:none;}

dl.num.therapy dd{font-size:15px; padding-left:8%;}
dl.num.therapy dd:after{width:20px; height:20px; line-height:20px; font-size:13px;}


/* community*/
dl.hand dd{width:50%;}

/**/
#scont .cont-box .btit{padding:10% 0 2% 0;}
#scont .cont-box.insu, #scont .cont-box.insu .wrap{height:700px;}
.insu-tit{width:100%;}

.insu-box .left, .insu-box .right{float:none; width:100%;}
.insu-box .right{margin-top:2%; margin-left:0;}

.simg img{width:100%;}
.simg .original-img{display:block; background-color:rgba(0,0,0,0.8); position:absolute; right:0; text-align:center; padding:2% 3%;}
.simg .original-img a{color:#fff; display:block;}

.policy-box.w33 dd .wrap-line .tbox ul li span{display:block;}


h2 span.purple{display:block;}
.in-tbl{font-size:14px;}
.in-tbl tbody tr:last-child td{font-size:16px;}

.service-cont1.service-pay{height:146px;}

/*예약상담신청서*/
h3.res-tite{}

}

@media all and (max-width:400px){
.human-box .human{width:300px; height:250px; right:-30px; top:10px;}
.human-box .human:after{font-size:15px; margin-left:40px; }

}


@media all and (max-width:375px){


.human-box .human{width:220px; height:270px; right:50px; top:-30px;}
.human-box .human:after{font-size:15px; margin-left:40px;}

/*sub-menu*/
.sub-menu, .sub-menu .home, .sub-menu .menu, .sub-menu .depth{height:55px;}
.sub-menu .menu ul.sm, .sub-menu .depth ul.dm{line-height:55px;}

.sub-menu .menu, .sub-menu .depth{font-size:13px;}
.sub-menu .menu ul.sm li:after, .sub-menu .menu:hover ul.sm li:after, .sub-menu .depth ul.dm li:after, .sub-menu .depth:hover ul.dm li:after{width:9px; height:6px; background-size:contain;}

.sub-visual{height:120px;}
.sub-tite .tite-box h4{font-size:26px;}
.sub-tite .tite-box p{font-size:14px; word-break:keep-all;}

/*content*/
.btit{font-size:20px;}
.sflower{width:54px; height:57px; top:-22px; right:-10px;}

#scont .cont-box, #scont .cont-box .wrap{background-position:63% 50%;}
#scont .cont-box .btit{padding:10% 0 3% 0;}
#scont .cont-box h4{font-size:16px;}
#scont .cont-box .tit{font-size:14px;}

.policy-box, .missoin-box{margin-top:6%;}


dl.num dd{font-size:15px;}
dl.num dd:after{width:25px; height:25px; line-height:25px;}

/*cont2*/
.intro-cont2{height:auto;}

/*intro-1*/
.point dl dd span{float:none; display:block;}
.point dl dd span:first-child{width:100%;}
.point dl dd span:nth-child(2){width:100%;}


/*intro-4*/
.quali-cont dl.list dd{margin-bottom:5%;}
.quali-cont dl.list dd .tbox{word-break:inherit;}
.quali-cont dl.list dd .tbox span{display:inline;}

.quali-cont2 dl.list dd .ibox h3{padding-left:6%;}
.quali-cont2 dl.list dd .tbox ul li{font-size:15px;}

.sup-btn{width:100%;}
.btn-wrap .wrap button:first-child{margin-right:0; margin-bottom:4%;}

/*intro-5*/
.sup-cont{height:235px; background-position:60% 50%;}
.sup-cont h4 span{display:inline;}

/*service*/
.service-box .left .tbox p.tite, .service-box .right .tbox p.tite, .service-end .tbox p.tite{font-size:18px;}
.service-end .tbox p{font-size:15px;}

/*service-2*/
.info-box dd:after{width:90px; height:90px; top:2%;}
.info-box dd{padding:27% 5% 10% 5%;}
.info-list li{font-size:15px;}
.info-box dd .box ul li{font-size:15px; padding-left:3%;}
.info-end ul li{font-size:14px;}

/*service3*/
.num-box div:after{top:0;}
.num-box .number{font-size:16px; padding-left:7%;}

.vbl{font-size:12px;}
.vbl td{word-break:inherit;}
.vbl td i{font-size:12px;}




.num-list li{padding-left:6%;}

.service-cont1.free-wrap h4{padding-top:15%;}
.service-cont1.free-wrap h4 span{display:inline;}




.free-box{padding:45% 5% 5% 5%;}
.free-box p.tite{font-size:18px;}
.free-box p.tite span i{display:inline-block;}

/*service5*/
.pro-tbl th, .pro-tbl td{word-break:keep-all;}
.quick-list li{font-size:14px;}


/*reservation*/
.snip figcaption{right:16%;}

/* community*/
.policy-box.hand-box dd{width:49%; margin-right:1%; float:left;}
.policy-box.hand-box dd:nth-child(2n){margin-right:0;}
.service-cont1.sbg4 h4 span{display:inline;}


.in-tbl{font-size:13px;}
.in-tbl tbody td{word-break:keep-all;}
.in-tbl tbody tr:last-child td{font-size:15px;}

}

@media all and (max-width:320px){

.sub-menu .menu ul.sm li ul.hide, .sub-menu .depth ul.dm li ul.d-hide{font-size:13px;}

.policy-box dd .wrap-line .ibox{width:40%; padding:7% 0;}
.policy-box dd .wrap-line .tbox{padding-bottom:10%;}

.missoin-box dd{background-size:cover;}
.missoin-box dd .wrap-line .ibox{width:40%; padding:7% 0 3% 0;}
.missoin-box dd .wrap-line .tbox{padding-bottom:15%;}

dl.num dd{font-size:14px;}
dl.num dd:after{width:20px; height:20px; line-height:20px; font-size:12px;}
.in-box .tbox .txt{font-size:14px;}

dl.intro-box dd .tbox .txt span{font-size:15px;}
dl.intro-box dd .tbox .tite{font-size:17px; padding:3% 0;}
.intro-cont4 .stit{font-size:16px;}
.intro-con1 .tit span.first{width:100%;}

.intro-cont2 h3{padding-left:7%; font-size:19px;}
.quali-cont dl.list dd .tbox{font-size:15px;}
.quali-cont2 dl.list dd .tbox ul li{padding-left:2%; font-size:15px; line-height:1.6;}

.tab ul.tab-wrap li:nth-child(4) span{display:block;}

h4.bs-tit span{display:inline;}
dl.proce-list dd{width:100%; float:none;}
dl.proce-list dd:before{display:none;}
dl.proce-list dd p{width:100%; border-radius:0; box-sizing:border-box;}
dl.proce-list dd p img{width:24%; top:15%;}

dl.proce-list dd:after{top:29%;}
dl.proce-list dd:first-child p:after{left:inherit; right:5%; bottom:38%;}
dl.proce-list dd:nth-child(2) p:after{left:inherit; right:22%; bottom:38%;}
dl.proce-list dd:nth-child(3) p:after{left:inherit; right:5%; bottom:38%;}
dl.proce-list dd:nth-child(4) p:after{left:inherit; right:15%; bottom:38%;}

.missoin-box.w33 dd .wrap-line .tbox{font-size:15px;}
.policy-box.w33 dd .wrap-line .tbox{font-size:15px;}

.free-list dd .tbox ul li{font-size:15px;}

.online-tbl{width:100%;}

.service-cont1.service-pay{height:140px;}
.basic-tbl, .basic-tbl-type1{font-size:13px;}
.info-box dd .box ul li{font-size:14px;}


}