/* //////////////////// 기본컨텐츠 /////////////////////// */ /*인사말*/ .greeting {position:relative;margin:0 auto;max-width:1400px;zoom:1;} .greeting:after {display:block;clear:both;content:''} .greeting .photo {max-width:660px; width:calc(100% - 700px); position:relative; float:left} .greeting .photo img {width:100%;} .greeting .txt {position:relative; float:right;margin:0 40px 0 0; padding:98px 0 0; max-width:620px; z-index:1;} .greeting .txt:before{content:"";position:absolute;top:40px;right:0;background-color:#0672cf;width:788px;height:5px;} .greeting .txt .point{max-width: 470px; word-break:keep-all; font-size:40px; font-weight:500; letter-spacing:-2px; margin-bottom:20px;line-height:1.4;} .greeting .txt .point span{ color:#006fce;} .greeting .txt p { word-break:keep-all} @media (max-width: 980px){ .greeting .photo {max-width: 660px; margin:0 auto; width:inherit; float:none} .greeting .txt .point { font-size:38px;} } /*인사말*/ /*병원소개*/ .company_info { width:100%; height:auto; } .company_info .img_page { width:100%; height:550px; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} .company_info .txt_page { max-width:1200px; margin:0 auto; padding:20px} .company_info .txt_page h2 { font-size: 42px; line-height: 1; font-weight: 600; margin-bottom: 44px; padding-top:100px; display: block; } .company_info .txt_page p { font-size:16px; word-break:keep-all; line-height:1.8; color:#555; padding-bottom:15px} .company_info .Ideology { width:100%; padding-bottom:100px;} .company_info .Ideology .inner { max-width:1240px; margin:auto; clear:both;} .company_info .Ideology .inner h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding:95px 0 50px 0} .company_info .Ideology .inner .point{color: #06F;} .company_info .Ideology .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;} .company_info .Ideology dl { float:left; width:33.3333%; padding:20px; border-right:1px solid #ddd} .company_info .Ideology dl:last-child { border:0} .company_info .Ideology dl .web_icon { padding:0 0 20px 0; text-align:center; color:#ff4200} .company_info .Ideology dl dt { font-size:20px; height:60px; font-weight:bold; letter-spacing:5px; text-align:center} .company_info .Ideology dd { line-height:2.2; text-align:center; font-size:16px; color:#555} .tl_title_box_wrap {width:100%; height:auto; padding:150px 20px; clear:both; background-image:url(../img/work_page_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover} .tl_title_box_wrap li {position:relative; width:23.5%; min-height:400px; background-color:#fff; margin-left:2%; float:left; cursor:pointer; -webkit-transition: all 0.4s; transition: all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat} .tl_title_box_wrap li .bg { background-color:#2c3856; color:#fff; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1} .tl_title_box_wrap li:hover .bg {opacity: 1; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; } .tl_title_box_wrap li:hover {-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-ms-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-25px);transform:translateY(-25px)} .tl_title_box_wrap li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden;padding:40px;color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; opacity:1; display:table; z-index:2;} .tl_title_box_wrap li:hover .txt_wrap { opacity:1; color:#fff} .tl_title_box_wrap li:hover .txt_wrap .cell I { color:#FFF} .tl_title_box_wrap li:hover .txt_wrap .cell h2 { color:#FFF} .tl_title_box_wrap li:hover .txt_wrap .cell p { color:#fff} .tl_title_box_wrap li .txt_wrap .cell { text-align:center;width:100%;display: table-cell; vertical-align: middle;} .tl_title_box_wrap li .txt_wrap .cell i { font-size:35px; padding-bottom:20px; color:#1a1a1a} .tl_title_box_wrap li .txt_wrap .cell h2 { font-size:24px; color:#1a1a1a; margin:0; font-weight:bold;} .tl_title_box_wrap li .txt_wrap .cell p { font-size:16px; color:#555; padding-top:50px; word-break:keep-all; line-height:1.6;} .tl_title_box_wrap li:nth-child(4n+1) { margin-left:0} @media (max-width: 960px){ .company_info .work_page ul li { width:47%; margin-bottom:20px; margin-right: 0; margin-left: 2%;} .company_info .work_page ul li:last-child { margin-right:0} .company_info .work_page ul li:nth-child(2n+2) {margin-right:0;} .company_info .Ideology dl { width:100%; padding-bottom:30px; clear:both} } @media (max-width: 640px){ .company_info .img_page { background-size:cover; height:300px} .company_info .tl_title_box_wrap li { width:100%; margin-left:0; margin-bottom:3%;} } /*병원소개*/ /*연혁*/ .history_area {position: relative;width: 100%;padding-top: 37px;} .history_area .history_point {position: absolute;left: 50%;top: 0;margin-left: -5px;bottom: 20px;width:8px;background-color: #f6f6f6;overflow: hidden;} /*.history_area .history_point span {position: absolute;display: block;top: 0;width: 100%;height: 200px; background-color:#039}*/ .history_area dl {width: 50%;padding-right: 94px;padding-left: 20px;box-sizing:border-box;} .history_area div:nth-child(odd) dl {padding-right: 20px;padding-left: 94px;} .history_area dt {margin-bottom: 20px;font-size: 46px;line-height:1.3;color: #555;font-weight: bold;} .history_area dd strong {display: block;padding-bottom: 12px;font-size: 20px;line-height: 1.6;color: #1a1a1a;font-weight: 500;} .history_area dd p {display: block;} .history_area dd .img_box {display: block;margin-top: 39px;} .right {text-align: right;} .left {text-align: left;} .fr {float: right;} .img_box img { max-width: 100%} @media (max-width: 960px){ .history_area .history_point {left: 10px;margin-left: 0;} .history_area dl {float: none !important;width: 100%;padding-right: 0;padding-left: 50px;text-align: left;} .history_area div:nth-child(odd) dl {/* padding-right: 0; */padding-left: 50px;} .history_area div + div {margin-top: 40px;} .history_area div:nth-child(2) {margin-top: 0;} .history_area dt {margin-bottom: 20px;font-size:30px;} .history_area dd p br {display: none;} .history_area dd .img_box {margin-top: 20px;} } /*연혁*/ /*둘러보기*/ .tl_touring_tab ul { padding-bottom:30px; margin:0 auto; } .tl_touring_tab ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; } .tl_touring_tab ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .tl_touring_tab ul li a {display:block; font-size:15px; color:#222; height:55px; line-height:55px; padding:0} .touring_area ul li a.on { background-color:#3181cb; color:#fff; box-shadow: 0 15px 15px rgba(65,71,143,0.2);} .touring_area .ts2 ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .touring_area .ts3 ul li { width:33.3333%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .touring_area .ts4 ul li { width:25%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .touring_area .ts5 ul li { width:20%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .touring_area .ts6 ul li { width:16.74%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .touring_area .ts7 ul li { width:14.28571428571429%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .touring_area .ts8 ul li { width:12.57%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .touring_area ul li a {display:block; font-size:15px; color:#222; height:55px; line-height:55px; padding:0} .touring_area ul li a.on { background-color:#3181cb; color:#fff; box-shadow: 0 15px 15px rgba(65,71,143,0.2);} .touring_area .slider li { position:relative; display:block} .touring_area .slider li .box{ width:100%; height:60px; line-height:60px; background:rgba(0, 0, 0, 0.5); padding:0; margin:0 auto; position:absolute; bottom:0px} .touring_area .slider li p{ color:#fff; text-align:center; line-height: inherit} .touring_area .photo-box { position: relative;} .touring_area .photo-box .btn-adm-link{z-index:1;position:absolute;display:block;top:0;left:0;width:30px;height:30px;line-height:30px;color:tomato;text-align:center;background-color:rgba(255,255,255,.5);border-radius:4px} @media screen and (max-width: 640px) { .touring_area .ts ul li { width:50%; margin-top:-1px} } /*둘러보기*/ /*오시는 길*/ .map_area{position:relative;} .map_area .txt{position:absolute;bottom:-90px;left:50%;transform:translateX(-50%);width:1400px;z-index:100;} .map_area .txt .txt_wrap {background-color:#006fce;box-shadow:3px 3px 3px rgba(0,0,0,0.2);padding:45px 0;} .map_area .txt .logo{position:absolute; top:34px; left:0; border-right:1px solid #1a7dd3; text-align:center; width:315px; line-height:90px; height:90px;} .map_area .txt .contact{display:block; color:#fff; font-weight:500; font-size:20px; letter-spacing:-1px; line-height:1.6; padding:0 0 0 405px;} .map_area .txt .tx .tel{font-weight:300;} .map_area .txt .bt{position:absolute;top:50%;right:40px;margin-top:-35px;display:block;border-radius:65px;border:3px solid #fff;color:#fff;font-size:20px;text-align:center;min-width:220px;line-height:60px;height:65px;} .contact_address {width:100%;height:auto; line-height:1.7;} .contact_address ul {max-width:1240px;clear: both;padding:0 20px 20px 0px;border-bottom:1px solid #ddd;} .contact_address ul li {color: #555;margin-top: 5px;margin-bottom: 5px; font-size:16px} .contact_traffic { max-width:1240px; margin:100px auto; padding:20px; letter-spacing:-0.8px; clear:both;} .contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;} .contact_traffic ul {border-bottom:1px solid #ddd; padding-bottom:25px} .contact_traffic .bus {width:100%;} .contact_traffic .subway {width:100%} .contact_traffic ul li {color: #555; line-height:33px; font-size:16px} .contact_traffic h3 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px; margin-top:25px; text-align:left} @media (max-width: 1400px){ .map_area .txt {margin-top: -30px;width: 1024px;} .map_area .txt .txt_wrap{border-radius:0px 0px 20px 0px;margin:0 15px;padding:0 0 30px;} .map_area .txt .logo{display:block;position:relative;top:auto;left:auto;border-right:0; margin-left:0;width:100%;} .map_area .txt .logo:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-88px;background-color:#1a7dd3;width:177px;height:1px;} .map_area .txt .contact {line-height:180%;padding:20px 0 0;text-align:center;} .map_area .txt .contact .tel{font-weight:300;} .map_area .txt .bt{position:static;border-radius:65px;margin:35px auto 0;width:150px;} } @media screen and (max-width: 640px) { .map_area .txt { position: relative; bottom: auto; left: auto; transform: translateX(0); margin-top: -30px; width: auto;} .map_area .txt .logo img { height:20px} .map_area .txt .contact { font-size: 13px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both} .map_area .txt .txt_wrap{border-radius: 0px 0px 20px 0px; margin: 0 15px; padding: 0 0 30px;} .map_area .txt .bt { position: static; border-radius: 65px; border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 40px; height: 40px;} .map_area .txt .logo { position: relative; display: block; top: auto; left: auto; border-right: 0; width: 100%; line-height: 70px; height: 70px;} } /*오시는 길*/ /*장비소개*/ .equipment_area .btn_navi div{overflow:hidden; margin:20px 0 48px; } .equipment_area .btn_navi div a{display:block; float:left; width:16.73%; height:53px; line-height:53px; font-size:16px; text-align:center; border:1px solid #dddd; margin-bottom:5px; margin-right: -1px; cursor:pointer; letter-spacing:-1px; font-weight:300} .equipment_area .btn_navi div a.active{ color:#fff; background:#4169b1; } .equipment_area .slide li{overflow:hidden; cursor:pointer} .equipment_area .slide li .slide_tit{max-width:580px; margin:0 auto 52px; font-size:30px; color:#403f3f; font-weight:900; text-align:center; letter-spacing:-1px; padding:25px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.8; word-break: keep-all} .equipment_area .slide li .slide_cont_area {max-width:600px; color:#000; float:left;} .equipment_area .slide li .slide_cont_area p{margin:0; text-align:left; word-break:keep-all; line-height:2.1} .equipment_area .slide li .box { max-width:1100px; margin:auto} .equipment_area .slide li img{float:right; max-width:500px; height:380px; margin:20px 0 0; display:block; box-sizing:border-box} .equipment_area .slide .owl-nav{position:absolute;width:100%;top:30px} .equipment_area .slide .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#000; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer} .equipment_area .slide .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#000; border-top: 1px solid #fff; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer} @media screen and (max-width: 640px) { .equipment_area .btn_navi div a { width:50%} } /*장비소개*/ /* content01 */ .content01 .box { position: relative; padding-bottom:80px; display:block;} .content01 .box .img_right { float:right} .content01 .box .txt_wrap { position: absolute; right: 0; top:45px; background: #fff; width: 60%;} .content01 .box .txt_wrap .half-round-tit { padding:50px 0 50px 50px;} .content01 .box .txt_wrap .half-round-tit strong {color:#1a1a1a; font-size:22px; font-weight:500; vertical-align: middle; line-height:1.6; letter-spacing:0; float:left} .content01 .box .txt_wrap .half-round-tit span { display: inline-block; width:35px; height:35px; line-height:35px; text-align: center; border-radius: 50%; vertical-align: middle; color: #fff; font-size:16px} .content01 .box .txt_wrap .half-round-tit span {background:#8abd00; margin-right:10px; float:left} .content01 .box .txt_wrap p {padding-left:1rem; padding:20px 50px; text-align: justify;} .content01 .box .txt_wrap02 { position: absolute; left: 0; top:45px; background: #fff; width: 60%;} @media screen and (max-width: 960px) { .content01 .box .img { text-align:center; display:block; float:none; clear:both} .content01 .box .img img { width:100%} .content01 .box .txt_wrap { width:100%; display:block; position:relative; clear:both} .content01 .colum .left .box .img img { width:100%} .content01 .list_wrap h2{ margin-left:0} .content01 .list_wrap ul { padding-left:0; margin-left:0} .content01 .list_wrap ul li { padding-left:0; margin-left:0} } @media screen and (max-width: 640px) { .content01 .box .txt_wrap .txt { padding:0 20px 50px 20px } .content01 .box .txt_wrap .half-round-tit { padding:0 20px 50px 20px} } /* content01 */ /* content02 */ .content02 ul li { width:50%; float:left} .content02 ul li .profile { float:left; padding-bottom:50px; width:50%} .content02 ul li .profile img { width:100%} .content02 ul li dl { float:left; padding:0 40px; width:50% } .content02 ul li dl dt { font-size:22px; font-weight:bold; text-align:left; padding-bottom:20px; color:#1a1a1a; letter-spacing:0} .content02 ul li dl dt dd { margin-left: 10px; font-size:17px; color:#444; line-height:1.75; letter-spacing:-0.02em; text-align:left; display:block; clear:both; } @media screen and (max-width: 1210px) { .content02 ul li { width:49%; margin-left:2%; margin-bottom:6%} .content02 ul li:nth-child(2n+1) { margin-left:0} .content02 ul li .profile { width:100%} .content02 ul li dl { width:100%; padding:0 20px} } @media screen and (max-width: 640px) { .content02 ul li { width:100%; margin-left:0} } /* content02 */ /* content03 */ .content03 .icon li {width:31.3333%; margin-right:3%; min-height:300px; float:left; text-align:justify;} .content03 .icon li:nth-child(3n+3){margin-right:0} .content03 .icon li .web_icon { width:100px; height:100px; margin-bottom:20px; background-color:#c7c7c7; color:#fff; display:table; margin:0 auto} .content03 .icon li .web_icon i { text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px} .content03 .icon li h2 {font-size:22px;color:#000;display:block;clear:both;padding-bottom:10px; margin-top:30px; letter-spacing:0; text-align:center} .content03 .icon li p { text-align:center; word-break:keep-all} .content03 .icon li .icon_img {text-align:center;padding-top:20px;display:block;} @media screen and (max-width: 960px) { .content03 .icon li { width:50%; margin-right:0} .content03 .icon li p { max-width:300px; margin:0 auto} } @media screen and (max-width: 640px) { .content03 .icon li { width:100%; margin-right:0} .content03 .icon li p { max-width:300px; margin:0 auto} } /* content03 */ /* content_area04 */ .content04 .point { padding:0 20px 0 0} .content04 .point p { font-size:22px; font-weight:bold; padding-left:30px; color:#1a1a1a; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center;} .content04 .point h2 { font-size:28px; font-weight:100; color:#f66120; text-align:left; padding:10px 0 0;} .content04 .colum { max-width:1400px; margin:0 auto; padding: 30px 0 } .content04 .colum .left { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px} .content04 .colum .left h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold} .content04 .colum .right { width:50%; float:left; padding-left:50px; line-height:1.8; text-align:left} .content04 .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold} .content04 .content_sub_title { margin:0 auto; padding:30px 0 0} .content04 .content_sub_title:after { content: " ";visibility: hidden;display: block; height: 0; padding-bottom:50px; clear: both;} .content04 .content_sub_title .sub_title{float:left; display: block; line-height:1.8; width:25%; color:#1a1a1a; font-size:22px; letter-spacing:0; text-align:left; font-weight:bold; margin:0; padding:0 0 0 30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; box-sizing:border-box} .content04 .content_sub_title .sub_txt {float:right; width:75%;} .content04 .content_sub_title .sub_txt .h2 { font-size:20px; } .content04 .content_sub_title .img { float:left; text-align:right; width:450px } @media screen and (max-width: 960px) { .content04 .colum .left { width:100%; border:0; float:none; padding:0; clear:both} .content04 .colum .right { width:100%; padding:20px 0 0 } .content04 .content_sub_title .sub_title { width:100%; margin-bottom:20px; clear:both} .content04 .content_sub_title .sub_txt { float:left; width:100%} } @media screen and (max-width: 640px) { } /* content_area04 */ /* content_area05 */ .content05 .photo_box { margin-bottom:50px; background-color:#f9f9f9; clear:both} .content05 .photo_box .img { max-width:50%; float:left;display:block} .content05 .photo_box .img img { width:100%} .content05 .photo_box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block} .content05 .photo_box .txt h2 { font-size:24px; padding-top:50px; letter-spacing:0; font-weight:bold; text-align:left} .content05 .photo_box .txt p { padding-top:30px; word-break:keep-all} @media screen and (max-width: 960px) { .content05 .photo_box .img { max-width:100%; display:block} .content05 .photo_box .txt { max-width:100%;} .content05 .photo_box .txt h2 { font-size:24px; font-weight:bold} } /* content_area05 */ /* content_area06 */ .content06 .thumb_box {width:31.3333%; margin-right:3%; display:block; float:left; } @media screen and (min-width: 961px) { .content06 .thumb_box:nth-child(3n+3) { margin-right:0} } .content06 .thumb_box .img { width:100%; min-height:300px; background-image:url(../img/rnd03_thumb01.jpg); background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative} .content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both} .content06 .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0; font-weight:bold} .content06 .thumb_box .txt p { padding:20px 0px; text-align:center; } @media screen and (max-width: 960px) { .content06 .thumb_box { width:49%; margin-right:2% } .content06 .thumb_box:nth-child(2n+2) { margin-right:0} } @media screen and (max-width: 640px) { .content06 .thumb_box { width:100%; margin:0; clear:both; float:none} } /* content_area06 */ /*의료진 소개*/ .btn-adm{position:absolute;top:5px;right:5px;width:30px;height:30px;color:tomato;line-height:28px;font-size:16px;display:inline-block;text-align:center;border:1px solid #ddd;box-sizing:border-box;border-radius:2px;background-color:#fff} .doctor_area { width: 100%;position: relative;} .doctor_area .doctor_profile{width:100%;border-bottom:1px solid #ddd;padding:80px 0} .doctor_area .doctor-list .thumb{float:left;width:320px;height:410px;padding:0 20px;border:1px solid #d2d2d2;background-size:cover;background-position:center} .doctor_area .info{width:65%;padding:20px 0;float:right} .doctor_area .info .name{display:block;margin-bottom:15px;font-size:23px;color:#222;font-weight:500} .doctor_area .info span{font-size:14px;color:#555;font-weight:300} .doctor_area .info .postion { color: #2352ab; font-weight: 500} .doctor_area .info dl dt{display:inline;font-size:16px;font-weight:500;line-height:28px;color:#333} .doctor_area .info dl dt:after{content:':';display:inline-block;padding:0 4px} .doctor_area .info dl dd { display: inline; font-size: 16px; color: #666} .doctor_area .info dl dd:after{content:'';display:block} .doctor_area .schedule { margin: 34px -1px 0;} .doctor_area .schedule .surgery { color: #F00; font-size: 16px} .doctor_area .btn-group {margin-top: 20px;} .doctor_area .btn-group .btn-rt {float: right} .doctor_area .btn-group .btn-doctor{display:inline-block;margin:0 5px;padding:7px;width:120px;height:40px;font-size:14px;font-weight:300;line-height:24px;letter-spacing:-.5px;text-align:center;border:1px solid transparent} .doctor_area .btn-group .btn-Introduction{color:#333;border-color:#ddd;background-color:#f8f8f8} .doctor_area .btn-group .btn-reservation{color:#fff;border-color:#384451;background-color:#384451} .doctor_area .btn-group .btn-reservation span { color: #fff } .doctor_area .sub_navi{width:100%;margin:20px auto;border-bottom:1px solid #ddd;clear:both} .doctor_area .sub_navi ul { padding-top: 50px} .doctor_area .sub_navi li{display:inline-block;margin-left:-3px;width:19%} .doctor_area .sub_navi li a{display:block;box-sizing:border-box;color:#555;text-align:center;font-size:17px;position:relative;height:55px;line-height:55px} .doctor_area .sub_navi li a.on {color: #0ba2b3; border-bottom: 1px solid #0ba2b3} .tab_content ul li{display:block;line-height:2.4;font-weight:300;font-size:16px;color:#555} .tab_content p { line-height:2.1; color:#555; font-size:16px; background-image:url(../img/icon_dot.gif); background-repeat:no-repeat; background-position:center left; padding-left:10px} @media screen and (max-width: 960px) { .doctor_area .doctor-list {float: none } .doctor_area .doctor-list .thumb { float: none; clear: both; display: block; margin: 0 auto} .doctor_area .info {width: 100%;} } /*의료진 소개*/ /*외래진료*/ .process_area .ing_area h2 { font-size:24px; color:#333; text-align:left; font-weight:bold; margin-bottom:30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; padding-left:30px} .process_area .ing_area ul { max-width:1000px; padding-bottom:80px; margin:0 auto} .process_area .ing_area li { float:left; width:25%; text-align:center} .process_area .ing_area .circle { border-radius: 50%;width: 200px; height: 200px; display:table; margin:0 auto; } .process_area .ing_area li:first-child { margin-left:0;} .process_area .ing_area li span { display: block; color: #fff; font-size: 16px; padding-top: 5px;} .process_area .ing_area li p { font-size:13px; color:#f5f5f5; font-weight:500; display:table-cell; vertical-align:middle} .process_area .ing_area02 ul { max-width:1200px; padding-bottom:80px} .process_area .ing_area02 li { float:left; width:14.2857142857%; text-align:center} .process_area .ing_area02 .circle02 { border-radius: 50%;width: 145px; height: 145px; display:table; margin:0 auto; } .process_area .ing_area .step01 { background-color:#5a93d9} .process_area .ing_area .step02 { background-color:#099} .process_area .ing_area .step03 { background-color:#5a93d9} .process_area .ing_area .step04 { background-color:#099} .process_area .ing_area .step05 { background-color:#5a93d9} .process_area .ing_area .step06 { background-color:#099} .process_area .ing_area .step07 { background-color:#5a93d9} .process_area .ing_area .list_tit h3 { font-size:20px; padding-top:20px; font-weight:bold;} .process_area .ing_area .list_tit p { display:block; padding-left:10px; background-image:url(../img/icon_dot.gif); background-repeat:no-repeat; background-position: left 12px;} @media screen and (max-width: 960px) { .process_area .ing_area ul { max-width:500px; margin:0 auto} .process_area .ing_area li { width:50%; margin-bottom:7%} .process_area .ing_area li:nth-child(2n+1) { margin-left:0} } @media screen and (max-width: 640px) { .process_area .ing_area .circle { width:180px; height:180px} } /*외래진료*/ /*비급여안내*/ .non-payment_area .notice { text-align:center; margin-bottom:50px} .non-payment_area ul { padding-bottom:30px; margin:0 auto; } .non-payment_area ul:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; } .non-payment_area .ts2 ul li { width:50%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .non-payment_area .ts3 ul li { width:33.3333%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .non-payment_area .ts4 ul li { width:25%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px} .non-payment_area .ts5 ul li { width:20%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .non-payment_area .ts6 ul li { width:16.66666666666667%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .non-payment_area .ts7 ul li { width:14.28571428571429%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .non-payment_area .ts8 ul li { width:12.57%; display:block; float:left; text-align:center; border:1px solid #ddd; margin-left: -1px; margin-top:-1px} .non-payment_area .ts ul li a {display:block; font-size:15px; color:#222; height:55px; line-height:55px; padding:0} .non-payment_area .ts ul li a.on { background-color:#3181cb; color:#fff; box-shadow: 0 15px 15px rgba(65,71,143,0.2);} @media screen and (max-width: 640px) { .non-payment_area .ts ul li { width:50%; margin-top:-1px} } /*비급여안내*/ /*입퇴원*/ .Instructions_area .colum { border-bottom:1px solid #ddd; padding-top:30px; padding-bottom:30px;} .Instructions_area .colum .left { width:33%; font-size:22px; font-weight:600; text-align:left; float:left;} .Instructions_area .colum .right {width: 67%; float: right; } .Instructions_area .colum .right ul li { text-align:left; background-repeat: no-repeat; padding-left:15px; background-image: url(../img/icon_dot.gif); background-position: left 12px; box-sizing:border-box;} @media screen and (max-width: 960px) { .Instructions_area .colum .left { width:100%; float:none; clear:both} .Instructions_area .colum .right { width:100%; float:none; clear:both} .Instructions_area .colum .right ul li { padding-left:13px} } /*입퇴원*/ /* //////////////////// 기본컨텐츠 /////////////////////// */ /* //////////////////// 커스텀 컨텐츠(하위메뉴들) /////////////////////// */ /*내부텍스트(심부볼 울쎄라)*/ .main-carousel .li .copy_area_ulthera_cheek { position: absolute; top:50%; right: 13.54%;-ms-transform: translateY(-50%); transform: translateY(-50%);margin:0 auto; color:#000; padding:0 20px; z-index:2; -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 5s; /* Firefox < 16 */ -ms-animation: fadein 5s; /* Internet Explorer */ -o-animation: fadein 5s; /* Opera < 12.1 */ animation: fadein 5s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .main-carousel .li .copy_area_ulthera_cheek {position: absolute; top:50%; right: 13.54%;-ms-transform: translateY(-50%); transform: translateY(-50%);margin:0 auto; color:#000; padding:0 20px; z-index:2;text-align: center;} .main-carousel .li .copy_area_ulthera_cheek span {text-align: center;} .main-carousel .li .copy_area_ulthera_cheek h1{font-family: '', serif;font-size:20px;font-weight:100; line-height:1.5; letter-spacing:-2px; text-align:center;} .main-carousel .li .copy_area_ulthera_cheek h2{font-family: '', serif;font-size:50px;font-weight:100; line-height:1.3; letter-spacing:-2px; text-align:center;} .main-carousel .li .copy_area_ulthera_cheek h3{ max-width:550px; font-size:16px;font-weight:300;text-align:center; margin:20px 0 20px 0; line-height:1.6; word-break: keep-all;padding-bottom: 30px;} .main-carousel .li .copy_area_ulthera_cheek h4{font-size:14px;font-weight:600;width:160px; text-align: center;margin-left: 22%;margin-top: 40px;} .main-carousel .li .copy_area_ulthera_cheek h4 a:hover { background-color:#fff; border:1px solid #2E546E; color:#2E546E; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .main-carousel .li .copy_area_ulthera_cheek h4 a {color:#fff;padding:10px 30px;display:block; letter-spacing:1px;border-radius: 20px;background-color: #2E546E;border: 1px solid #2E546E;} /*서브 메뉴별 메인이미지*/ @media screen and (min-width:1700px) { .main-carousel .img_rejuran { background-image:url(../img/rejuran_main.jpg); background-position:100% top; } .main-carousel .img_oligio { background-image:url(../img/oligio_main.jpg); background-position:90% top; } /*콜라스티 추가*/ .main-carousel .img_colasti { background-image:url(../img/colasti_main.jpg); background-position:90% top; } /*티타늄 추가*/ .main-carousel .img_titanium { background-image:url(../img/titanium_main.jpg); background-position:90% top; } /*코레지 추가*/ .main-carousel .img_corage { background-image:url(../img/corage_main.jpg); background-position:90% top; } /*쥬베룩 추가*/ .main-carousel .img_juve { background-image:url(../img/juve_main.jpg); background-position:90% top; } /*레디어스 추가*/ .main-carousel .img_radiesse { background-image:url(../img/radiesse_main.jpg); background-position:90% top; } /*울트라클리어*/ .main-carousel .img_u_clear { background-image:url(../img/u_clear_main.jpg); background-position:90% top; } /*제네오 엑스 추가*/ .main-carousel .img_geneox { background-image:url(../img/geneox_main.jpg); background-position:90% top; } .main-carousel .img_ulthera_cheek { background-image:url(../img/ulthera_cheek_main.jpg); background-position:45% top; } .main-carousel .img_thermage { background-image:url(../img/thermage_main.jpg); background-position:45% top;} .main-carousel .img_shurink { background-image:url(../img/shurink_main.jpg); background-position:90% top; } /*온다추가*/ .main-carousel .img_onda { background-image:url(../img/onda_main.jpg); background-position:45% top;} /*울쎄라피추가*/ .main-carousel .img_ultherapy { background-image:url(../img/ultherapy_main.jpg); background-position:45% top;} /*리바이브추가*/ .main-carousel .img_revive { background-image:url(../img/revive_main.jpg); background-position:45% top;} /*엘리시스추가*/ .main-carousel .img_ellisys { background-image:url(../img/ellisys_main.jpg); background-position:45% top;} .main-carousel .img_skin_aura { background-image:url(../img/skin_aura_main.jpg); background-position:55% top;} .main-carousel .img_LDM { background-image:url(../img/LDM_main.jpg); background-position:15% top;} .main-carousel .img_botox { background-image:url(../img/botox_main.jpg); background-position:95% top;} .main-carousel .img_filler { background-image:url(../img/filler_main.jpg); background-position:30% top; } .main-carousel .img_slifting { background-image:url(../img/slifting_main.jpg); background-position:30% top;} .main-carousel .img_ultracol { background-image:url(../img/ultracol_main2.jpg); background-position:50% top;} .main-carousel .img_QTcell { background-image:url(../img/QTcell_main.jpg); background-position:50% top;} .main-carousel .img_clinic { background-image:url(../img/clinic_main.jpg); background-position:50% top;} .main-carousel .img_lhalala { background-image:url(../img/lhalala_main.jpg); background-position:50% top;} .main-carousel .img_medical_skincare { background-image:url(../img/medical_skincare_main.jpg);background-position:50% top;} .main-carousel .img_aqua { background-image:url(../img/aqua_main.jpg);background-position:40% top;} } @media screen and (max-width:1700px) { .main-carousel .img_rejuran { background-image:url(../img/rejuran_main.jpg); background-position:70% top; } .main-carousel .img_oligio { background-image:url(../img/oligio_main.jpg); background-position:70% top; } /*콜라스티 추가*/ .main-carousel .img_colasti { background-image:url(../img/colasti_main.jpg); background-position:70% top; } /*코레지 추가*/ .main-carousel .img_corage { background-image:url(../img/corage_main.jpg); background-position:70% top; } /*티타늄 추가*/ .main-carousel .img_titanium { background-image:url(../img/titanium_main.jpg); background-position:70% top; } /*쥬베룩 추가*/ .main-carousel .img_juve { background-image:url(../img/juve_main.jpg); background-position:70% top; } /*레디어스 추가*/ .main-carousel .img_radiesse { background-image:url(../img/radiesse_main.jpg); background-position:70% top; } /*울트라클리어 추가*/ .main-carousel .img_u_clear { background-image:url(../img/u_clear_main.jpg); background-position:70% top; } /*제네오엑스 추가*/ .main-carousel .img_geneox { background-image:url(../img/geneox_main.jpg); background-position:70% top; } .main-carousel .img_ulthera_cheek { background-image:url(../img/ulthera_cheek_main.jpg); background-position:45% top; } .main-carousel .img_thermage { background-image:url(../img/thermage_main.jpg); background-position:45% top;} .main-carousel .img_shurink { background-image:url(../img/shurink_main.jpg); background-position:75% top; } /* 온다추가 */ .main-carousel .img_onda { background-image:url(../img/onda_main.jpg); background-position:45% top;} /* 울쎄라피추가 */ .main-carousel .img_ultherapy { background-image:url(../img/ultherapy_main.jpg); background-position:45% top;} /* 리바이브추가 */ .main-carousel .img_revive { background-image:url(../img/revive_main.jpg); background-position:45% top;} /* 울쎄라피추가 */ .main-carousel .img_ellisys { background-image:url(../img/ellisys_main.jpg); background-position:45% top;} .main-carousel .img_skin_aura { background-image:url(../img/skin_aura_main.jpg); background-position:45% top;} .main-carousel .img_LDM { background-image:url(../img/LDM_main.jpg); background-position:65% top;} .main-carousel .img_botox { background-image:url(../img/botox_main.jpg); background-position:90% top;} .main-carousel .img_filler { background-image:url(../img/filler_main.jpg); background-position:30% top; } .main-carousel .img_slifting { background-image:url(../img/slifting_main.jpg); background-position:30% top;} .main-carousel .img_ultracol { background-image:url(../img/ultracol_main.jpg); background-position:70% top;} .main-carousel .img_QTcell { background-image:url(../img/QTcell_main.jpg); background-position:70% top;} .main-carousel .img_clinic { background-image:url(../img/clinic_main.jpg); background-position:30% top;} .main-carousel .img_lhalala { background-image:url(../img/lhalala_main.jpg); background-position:28% top;} .main-carousel .img_medical_skincare { background-image:url(../img/medical_skincare_main.jpg);background-position:72% top;} .main-carousel .img_aqua { background-image:url(../img/aqua_main.jpg);background-position:20% top;} } @media screen and (max-width:1330px) { .main-carousel .img_rejuran { background-image:url(../img/rejuran_main.jpg); background-position:75% top; } .main-carousel .img_oligio { background-image:url(../img/oligio_main.jpg); background-position:70% top; } /*콜라스티 추가*/ .main-carousel .img_colasti { background-image:url(../img/colasti_main.jpg); background-position:70% top; } /*코레지 추가*/ .main-carousel .img_corage { background-image:url(../img/corage_main.jpg); background-position:70% top; } /*티타늄 추가*/ .main-carousel .img_titanium { background-image:url(../img/titanium_main.jpg); background-position:70% top; } /*쥬베룩 추가*/ .main-carousel .img_juve { background-image:url(../img/juve_main.jpg); background-position:70% top; } /*레디어스 추가*/ .main-carousel .img_radiesse { background-image:url(../img/radiesse_main.jpg); background-position:70% top; } /*울트라클리어 추가*/ .main-carousel .img_u_clear { background-image:url(../img/u_clear_main.jpg); background-position:70% top; } /*제네오엑스 추가*/ .main-carousel .img_geneox { background-image:url(../img/geneox_main.jpg); background-position:70% top; } .main-carousel .img_ulthera_cheek { background-image:url(../img/ulthera_cheek_main.jpg); background-position:45% top; } .main-carousel .img_thermage { background-image:url(../img/thermage_main.jpg); background-position:30% top;} .main-carousel .img_shurink { background-image:url(../img/shurink_main.jpg); background-position:75% top; } /* 온다추가 */ .main-carousel .img_onda { background-image:url(../img/onda_main.jpg); background-position:30% top;} /*울쎄라피추가*/ .main-carousel .img_ultherapy { background-image:url(../img/ultherapy_main.jpg); background-position:30% top;} /*리바이브추가*/ .main-carousel .img_revive { background-image:url(../img/revive_main.jpg); background-position:30% top;} /*울쎄라피추가*/ .main-carousel .img_ellisys { background-image:url(../img/ellisys_main.jpg); background-position:30% top;} /* 코레지 2.0 추가 2024-07-10 */ .main-carousel .img_skin_aura { background-image:url(../img/skin_aura_main.jpg); background-position:35% top;} .main-carousel .img_LDM { background-image:url(../img/LDM_main.jpg); background-position:60% top;} .main-carousel .img_botox { background-image:url(../img/botox_main.jpg); background-position:90% top;} .main-carousel .img_filler { background-image:url(../img/filler_main.jpg); background-position:30% top; } .main-carousel .img_slifting { background-image:url(../img/slifting_main.jpg); background-position:30% top;} .main-carousel .img_ultracol { background-image:url(../img/ultracol_main.jpg); background-position:70% top;} .main-carousel .img_QTcell { background-image:url(../img/QTcell_main.jpg); background-position:70% top;} .main-carousel .img_clinic { background-image:url(../img/clinic_main.jpg); background-position:30% top;} .main-carousel .img_lhalala { background-image:url(../img/lhalala_main.jpg); background-position:28% top;} .main-carousel .img_medical_skincare { background-image:url(../img/medical_skincare_main.jpg);background-position:72% top;} .main-carousel .img_aqua { background-image:url(../img/aqua_main.jpg);background-position:20% top;} .main-carousel .li .copy_area_ulthera_cheek { width:100%; position: absolute; top:50%; left:0; -ms-transform: translateY(-50%); transform: translateY(-50%);margin:0 auto; color:#000; z-index:2; -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 5s; /* Firefox < 16 */ -ms-animation: fadein 5s; /* Internet Explorer */ -o-animation: fadein 5s; /* Opera < 12.1 */ animation: fadein 5s; text-shadow:0 0 15px black; color:#ffffff !important; } .main-carousel .li .copy_area_ulthera_cheek h3{ max-width:100%; font-size:16px;font-weight:300;text-align:center; margin:20px 0 20px 0; line-height:1.6; word-break: keep-all;padding-bottom: 30px; } } .main-carousel .img_chamber { background-image:url(../img/chamber_main.jpg); } .main-carousel .img_cell { background-image:url(../img/cell_main.jpg);} .main-carousel .img_exosome { background-image:url(../img/exosome_main.jpg);} .main-carousel .img_laser { background-image:url(../img/laser_main.jpg);} /*울쎄라 메인*/ .ulthera { width:100%; padding-top:100px; padding-bottom:100px; clear:both;background-image:url(../img/sub_bg.svg);background-size: cover;} .ulthera .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .ulthera span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .ulthera .left { width:45%; float:left;padding-top: 150px;} .ulthera .left h2 { font-family: '', serif;word-break:keep-all; text-align:left;color:#2E546E;} .ulthera .left h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; left: 0; top: 55px;} .ulthera .left h3 { font-size:46px;font-weight: 500;font-family: '', serif;word-break:keep-all; text-align:left;color:#2E546E;} .ulthera .left h3:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; left: 0; top: 32px;} .ulthera .left span { display:block; padding:40px 0; text-align:left;} .ulthera .left .photo a {display:block;position:absolute;width:68px;height:68px;background:#fff;right:0; top:0;overflow:hidden;z-index:2} .ulthera .left .photo { display:block; position:relative} .ulthera .left .txt_area { padding: 7px 20px 30px 110px; position:relative} .ulthera .left img { padding-left:120px; position:relative} .ulthera .right { width:45%; float:right;} .ulthera .right h2 { font-family: '', serif;word-break:keep-all; text-align:right;color:#2E546E;} .ulthera .right h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; right: 0; top: 100px;} .ulthera .right span { display:block; padding:40px 0; text-align:left} .ulthera .right .photo { display:block;} .ulthera .right .txt_area { padding: 50px 110px 30px 20px; position:relative} .ulthera .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;} .ulthera .owl-dots .owl-dot{background-color:#ddd;width:30px;height:5px;display:inline-block;margin-left:10px; border:0} .ulthera .owl-dots .owl-dot.active{background-color:#3181cb} .ulthera .owl-dots .owl-dot span { padding:0} .ulthera .owl-nav {position: absolute; right: 0; bottom:0} .ulthera .owl-nav i { font-size:22px} .ulthera .owl-prev{display:none} .ulthera .owl-next{display:none} @media screen and (max-width:980px) { .ulthera .left { width:100%; padding-top: 0;} .ulthera .right { width:100%} .ulthera .left img { padding:0 70px;width: 100%;} } /*울쎄라 메인*/ /*심부볼 울쎄라 원리와 효능*/ .ulthera_main_contents { width:100%; clear:both;padding-top: 50px;} .ulthera_main_contents .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .ulthera_main_contents span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .ulthera_main_contents .left { width:45%; float:left;padding-top: 0;} .ulthera_main_contents .left h2 { font-family: '', serif;word-break:keep-all; text-align:left;color:#2E546E;} .ulthera_main_contents .left h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; left: 0; top: 55px;} .ulthera_main_contents .left span { display:block; padding:40px 0; text-align:left;} .ulthera_main_contents .left .photo { display:block; position:relative; padding: 0 50px;} .ulthera_main_contents .left .txt_area {margin-top: 100px; padding: 7px 20px 30px 110px; position:relative} .ulthera_main_contents .right { width:45%; float:right;} .ulthera_main_contents .right h2 { font-family: '', serif;word-break:keep-all; text-align:right;color:#2E546E;} .ulthera_main_contents .right h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; right: 0; top: 100px;} .ulthera_main_contents .right span { display:block; padding:40px 0; text-align:left} .ulthera_main_contents .right .photo { display:block; position:relative;padding-right: 110px;} .ulthera_main_contents .right .txt_area { padding: 50px 110px 30px 20px; position:relative} .ulthera_main_contents .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;} .ulthera_main_contents .owl-dots .owl-dot{background-color:#ddd;width:30px;height:5px;display:inline-block;margin-left:10px; border:0} .ulthera_main_contents .owl-dots .owl-dot.active{background-color:#3181cb} .ulthera_main_contents .owl-dots .owl-dot span { padding:0} .ulthera_main_contents .owl-nav {position: absolute; right: 0; bottom:0} .ulthera_main_contents .owl-nav i { font-size:22px} .ulthera_main_contents .owl-prev{display:none} .ulthera_main_contents .owl-next{display:none} @media screen and (max-width:980px) { .ulthera_main_contents .left { width:100%} .ulthera_main_contents .right { width:100%} .ulthera_main_contents .left .photo { padding:0} .ulthera_main_contents .right .photo { padding: 0 50px;} .ulthera_main_contents .left .txt_area {margin-top: 0px;} } /*심부볼 울쎄라 원리와 효능*/ /*아이 울쎄라 원리와 효능*/ .ulthera_eye_main_contents { width:100%; clear:both;padding-top: 50px;} .ulthera_eye_main_contents .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .ulthera_eye_main_contents span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .ulthera_eye_main_contents .left { width:50%; float:left;padding-top: 0;} .ulthera_eye_main_contents .left h2 { font-family: '', serif;word-break:keep-all; text-align:left;color:#2E546E;} .ulthera_eye_main_contents .left h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; left: 0; top: 55px;} .ulthera_eye_main_contents .left span { display:block; padding:40px 0; text-align:left;} .ulthera_eye_main_contents .left .photo { display:block; position:relative; } .ulthera_eye_main_contents .left .txt_area {margin-top: 100px; padding: 7px 20px 30px 110px; position:relative} .ulthera_eye_main_contents .right { width:45%; float:right;} .ulthera_eye_main_contents .right h2 { font-family: '', serif;word-break:keep-all; text-align:right;color:#2E546E;} .ulthera_eye_main_contents .right h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; right: 0; top: 100px;} .ulthera_eye_main_contents .right span { display:block; padding:40px 0; text-align:right} .ulthera_eye_main_contents .right .photo { display:block; position:relative;padding-right: 110px;} .ulthera_eye_main_contents .right .txt_area { padding: 50px 110px 30px 20px; position:relative} .ulthera_eye_main_contents .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;} .ulthera_eye_main_contents .owl-dots .owl-dot{background-color:#ddd;width:30px;height:5px;display:inline-block;margin-left:10px; border:0} .ulthera_eye_main_contents .owl-dots .owl-dot.active{background-color:#3181cb} .ulthera_eye_main_contents .owl-dots .owl-dot span { padding:0} .ulthera_eye_main_contents .owl-nav {position: absolute; right: 0; bottom:0} .ulthera_eye_main_contents .owl-nav i { font-size:22px} .ulthera_eye_main_contents .owl-prev{display:none} .ulthera_eye_main_contents .owl-next{display:none} @media screen and (max-width:980px) { .ulthera_eye_main_contents .left { width:100%} .ulthera_eye_main_contents .right { width:100%} .ulthera_eye_main_contents .left .photo { padding:0} .ulthera_eye_main_contents .right .photo { padding: 0 50px;} .ulthera_eye_main_contents .left .txt_area {margin-top: 0px;} } /*아이 울쎄라 원리와 효능*/ /*울쎄라 리프팅 시술이 특별한 이유*/ .ulthera_special_point { width:100%; } .ulthera_special_point .left { width:50%; float:left;} .ulthera_special_point .left .main_image_area {background-image:url(../img/special_point.jpg);background-position:center;background-repeat:no-repeat;background-size: cover;height:640px;position:relative;z-index:1;display:flex;align-items:center;background-attachment:fixed} .ulthera_special_point .left .main_image_area .txt_area { padding:100px 240px} .ulthera_special_point .left .main_image_area h2 { font-family: '', serif;word-break:keep-all; text-align:left;color:#2E546E;} .ulthera_special_point .left .main_image_area span { display:block; padding:40px 0; text-align:left;} .ulthera_special_point .right { width:50%; height:640px; float:left;} .ulthera_special_point .right .col { width:50%; height: 320px; padding: 0px 70px; text-align:left; display:table; float:left} .ulthera_special_point .right .col .txt_wrap { height: 320px; display:table-cell; vertical-align:middle} .ulthera_special_point .right .col h2 { font-size:26px; color:#fff; font-weight:bold; text-align:left;} .ulthera_special_point .right .col .line {border-top:2px solid #fff;width: 30px;padding-top: 20px;} .ulthera_special_point .right .col span { display:block; color:#fff; opacity:0.8} .ulthera_special_point .right .col img { width:30%; padding-bottom:20px} .ulthera_special_point .right .col .arrow {padding-top:20px} .ulthera_special_point .right .col .arrow a {transition: all 0.2s; color:#fff; font-size:14px; } .ulthera_special_point .right .col:hover .arrow a {margin-left:10px; transition: all 0.3s;} .ulthera_special_point .col-cont01 { background-color:#2d556e} .ulthera_special_point .col-cont02 { background-color:#4e6576} .ulthera_special_point .col-cont03 { background-color:#55768a} .ulthera_special_point .col-cont04 { background-color:#204054} @media screen and (max-width:980px) { .ulthera_special_point .left .main_image_area {height:440px} .ulthera_special_point .left { width:100%} .ulthera_special_point .right { width:100%; float: none;} .ulthera_special_point .right .col { width:100%} } @media screen and (max-width:640px) { .ulthera_special_point .left .main_image_area .txt_area { padding:23px 23px} } /*울쎄라 리프팅 시술이 특별한 이유*/ /*시술기계소개*/ .ulthera_machine { width:100%; padding-top:100px; clear:both;background-image:url(../img/main_bg2.svg);background-size: cover;} .ulthera_machine .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .ulthera_machine span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .ulthera_machine .left { width:45%; float:left;padding: 100px 0;} .ulthera_machine .left h2 { font-family: '', serif;word-break:keep-all; text-align:left;color:#2E546E;} .ulthera_machine .left h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; left: 0; top: 32px;} .ulthera_machine .left span { display:block; padding:40px 0; text-align:left;} .ulthera_machine .left .photo a {display:block;position:absolute;width:68px;height:68px;background:#fff;right:0; top:0;overflow:hidden;z-index:2} .ulthera_machine .left .photo { display:block; position:relative;padding-top:100px;} .ulthera_machine .left .txt_area { padding: 7px 20px 30px 110px; position:relative} .ulthera_machine .right { width:45%; float:right;} .ulthera_machine .right h2 { font-family: '', serif;word-break:keep-all; text-align:right;color:#2E546E;} .ulthera_machine .right h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; right: 0; top: 175px;} .ulthera_machine .right span { display:block; padding:40px 0; text-align:left} .ulthera_machine .right .photo { display:block;} .ulthera_machine .right .txt_area { padding: 150px 110px 30px 20px; position:relative} .ulthera_machine .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;} .ulthera_machine .owl-dots .owl-dot{background-color:#ddd;width:30px;height:5px;display:inline-block;margin-left:10px; border:0} .ulthera_machine .owl-dots .owl-dot.active{background-color:#3181cb} .ulthera_machine .owl-dots .owl-dot span { padding:0} .ulthera_machine .owl-nav {position: absolute; right: 0; bottom:0} .ulthera_machine .owl-nav i { font-size:22px} .ulthera_machine .owl-prev{display:none} .ulthera_machine .owl-next{display:none} @media screen and (max-width:980px) { .ulthera_machine .left { width:100%; padding-top: 0px;padding-bottom: 0px;} .ulthera_machine .right { width:100%} } /*시술기계소개*/ /*안전한 울쎄라 리프팅*/ .company_info {width:100%; padding-top:100px; clear:both;background-image:url(../img/lifting_image_bg.jpg);background-position:center;background-repeat:no-repeat;background-size: cover;position:relative;z-index:1;display:flex;align-items:center;} .company_info .ulthera_lifting { width:100%;padding-bottom:100px; } .company_info .ulthera_lifting .inner { max-width:1240px; margin:auto; clear:both;} .company_info .ulthera_lifting .inner h2 {font-family: '', serif; text-align:center; color:#2E546E;padding-bottom: 100px;word-break:keep-all;} .company_info .ulthera_lifting .inner h3 {font-family: '', serif; font-size: 40px;text-align:center; color:#fff;padding-bottom: 20px;font-weight: 500;} .company_info .ulthera_lifting .inner h3:after { content: " ";display: block; margin:20px auto; width:35px; height: 2px; background-color:#fff; clear: both;} .company_info .ulthera_lifting dl { float:left; width:320px; height: 320px;padding:30px;background-color: #2E546E;border-radius: 50%;margin-right: 3.7%;margin-left: 3.7%;} .company_info .ulthera_lifting dl:last-child { border:0} .company_info .ulthera_lifting dl dt { font-size:20px; height:60px; font-weight:bold; text-align:center;color:#fff;} /*안전한 울쎄라 리프팅*/ .company_info_oligio {width:100%; clear:both;background:#242424; background-size: cover;position:relative;z-index:1;display:flex;align-items:center;} .company_info_oligio .oligio_lifting { width:100%;padding-bottom:100px; } .company_info_oligio .oligio_lifting .inner { max-width:1240px; margin:auto; clear:both;} .company_info_oligio .oligio_lifting .inner h2 {font-family: '', serif; text-align:center; color:#2E546E;padding-bottom: 100px;word-break:keep-all;} .company_info_oligio .oligio_lifting .inner h3 {font-family: '', serif; font-size: 40px;text-align:center; color:#fff;padding-bottom: 20px;font-weight: 500;} .company_info_oligio .oligio_lifting .inner h3:after { content: " ";display: block; margin:20px auto; width:35px; height: 2px; background-color:#fff; clear: both;} .company_info_oligio .oligio_lifting dl { float:left; width:320px; height: 320px;padding:30px;background-color: #2E546E;border-radius: 50%;margin-right: 3.7%;margin-left: 3.7%;} .company_info_oligio .oligio_lifting dl:last-child { border:0} .company_info_oligio .oligio_lifting dl dt { font-size:20px; height:60px; font-weight:bold; text-align:center;color:#fff;} /*안전한 콜라스티 리프팅*/ .company_info .colasti_lifting { width:100%;padding-bottom:100px; } .company_info .colasti_lifting .inner { max-width:1340px; margin:auto; clear:both;} .company_info .colasti_lifting .inner h2 {font-family: '', serif; text-align:center; color:#2E546E;padding-bottom: 100px;word-break:keep-all;} .company_info .colasti_lifting .inner h3 {font-family: '', serif; font-size: 40px;text-align:center; color:#fff;padding-bottom: 20px;font-weight: 500;} .company_info .colasti_lifting .inner h3:after { content: " ";display: block; margin:20px auto; width:35px; height: 2px; background-color:#fff; clear: both;} .company_info .colasti_lifting dl { float:left; width:320px; height: 320px;padding:30px;background-color: #2E546E;border-radius: 50%;margin-left:.7%;} .company_info .colasti_lifting dl:last-child { border:0} .company_info .colasti_lifting dl dt { font-size:20px; height:60px; font-weight:bold; text-align:center;color:#fff;} .company_info .colasti_lifting dd { line-height:2; text-align:center; font-size:18px;color: #fff;} .company_info .colasti_lifting span { display:block; padding:20px 0; text-align:center;} /*울트라클리어 국내처음도입 top4*/ .company_info .u_clear { width:100%;padding-bottom:100px; } .company_info .u_clear .inner { max-width:1340px; margin:auto; clear:both;} .company_info .u_clear .inner h2 {font-family: '', serif; text-align:center; color:#2E546E;padding-bottom:50px;word-break:keep-all;} .company_info .u_clear .inner h3 {font-family: '', serif; font-size: 40px;text-align:center; color:#fff;padding-bottom: 20px;font-weight: 500;} .company_info .u_clear .inner h3:after { content: " ";display: block; margin:20px auto; width:35px; height: 2px; background-color:#fff; clear: both;} .company_info .u_clear .inner h4 {font-size:20px;text-align:center; color:#2E546E;padding-bottom: 60px;font-weight:300;} .company_info .u_clear dl { float:left; width:320px; height: 320px;padding:30px;background-color: #2E546E;border-radius: 50%;margin-left:.7%;} .company_info .u_clear dl:last-child { border:0} .company_info .u_clear dl dt { font-size:20px; height:60px; font-weight:bold; text-align:center;color:#fff;} .company_info .u_clear dd { line-height:2; text-align:center; font-size:18px;color: #fff;} .company_info .u_clear span { display:block; padding:20px 0; text-align:center;} .company_info .ulthera_lifting dd { text-align:center; font-size:18px;color: #fff;} .company_info .ulthera_lifting span { display:block; padding:20px 0; text-align:center;} /*안전한 콜라스티 리프팅*/ .company_info .geneox_lifting { width:100%;padding-bottom:100px; } .company_info .geneox_lifting .inner { max-width:1340px; margin:auto; clear:both;} .company_info .geneox_lifting .inner h2 {font-family: '', serif; text-align:center; color:#2E546E; word-break:keep-all;} .company_info .geneox_lifting .inner h3 {font-family: '', serif; font-size: 40px;text-align:center; color:#fff;padding-bottom: 20px;font-weight: 500;} .company_info .geneox_lifting .inner h3:after { content: " ";display: block; margin:20px auto; width:35px; height: 2px; background-color:#fff; clear: both;} .company_info .geneox_lifting dl { float:left; width:258px; height: 258px;padding:30px;background-color: #2E546E;border-radius: 50%;margin-left:.7%;} .company_info .geneox_lifting dl:last-child { border:0} .company_info .geneox_lifting dl dt { font-size:20px; height:60px; font-weight:bold; text-align:center;color:#fff;} .company_info .geneox_lifting dd { line-height:2; text-align:center; font-size:18px;color: #fff;} .company_info .geneox_lifting span { display:block; padding:20px 0 50px 0; text-align:center;} @media (max-width: 960px){ .company_info .ulthera_lifting dl {margin-top:30px;margin-left: 7%;margin-right: 7%; } .company_info .ulthera_lifting .inner h2 {padding: 0px 23px 23px 23px;} /*콜라스티추가*/ .company_info .colasti_lifting dl { margin-top:30px; margin-left: 7%;margin-right: 7%;} .company_info .colasti_lifting .inner h2 {padding: 0px 23px 23px 23px;} /*울트라클리어추가*/ .company_info .u_clear dl { margin-top:30px; margin-left: 7%;margin-right: 7%;} .company_info .u_clear .inner h2 {padding: 0px 23px 23px 23px;} /*제네오엑스 추가*/ .company_info .geneox_lifting dl { margin-top:30px; margin-left: 7%;margin-right: 7%;} .company_info .geneox_lifting .inner h2 {padding: 0px 23px 23px 23px;} } /*안전한 울쎄라 리프팅*/ /* 에끌라드 PICK 1 */ .ulthera_pick01 h2 {font-family: '', serif; text-align:center; color:#2E546E;padding: 100px 0;line-height: normal;} .ulthera_pick01 iframe {width: 100%;height: 720px;} @media screen and (max-width: 960px) { .ulthera_pick01 h2 {padding: 100px 0 50px 0;} } @media screen and (max-width: 640px) { .ulthera_pick01 iframe {height: 200px;} } /* 에끌라드 PICK 1 */ /* 에끌라드 PICK 2 */ .ulthera_pick02 {width:100%; clear:both} .ulthera_pick02 .inner { max-width:1400px; margin:0 auto} .ulthera_pick02 .inner h2 { font-family: '', serif;word-break:keep-all; text-align:center;color:#2E546E;padding: 100px 0;} .ulthera_pick02 .about_thumb h3 { font-size:16px; font-weight:400; color:#2E546E; letter-spacing:1px;padding-top: 130px;} .ulthera_pick02 .about_thumb h4 { font-size:40px;font-family: '', serif;word-break:keep-all; text-align:left;color:#2E546E;} .ulthera_pick02 .about_thumb ul lI { padding:0 0 0 12px; margin-top:7px; font-size:16px; color:#727272; background-image:url(../img/icon_dot.gif); background-repeat:no-repeat; background-position:center left; clear:both} .ulthera_pick02 .about_thumb .table-cell { float:right;display:table-cell; vertical-align:middle; height:600px;padding: 7px 250px 30px 250px; } .ulthera_pick02 span { display:block; padding:40px 0; text-align:left;} .ulthera_pick02 .about_thumb { width:100%; float:right; position:relative; z-index:0;height: 600px;margin-bottom: 100px;} /*.ulthera_pick02 .about_thumb:before { position: absolute; background:linear-gradient(to right, #00b3b6 0%,#0071be 100%); right: -25px ;bottom: -25px; content: ''; z-index: -1;top: 30px; left: 40px;}*/ .ulthera_pick02 .about_thumb .img_back { width:100%;position:absolute;} .ulthera_pick02 .about_thumb .img_ceo { width:45.4%;position:absolute;} @media screen and (max-width:960px) { .ulthera_pick02 .inner h2 { padding: 100px 0 0px 0;} .ulthera_pick02 .about_thumb { width:100%; padding-top:50px; float:none} } @media screen and (max-width:640px) { .ulthera_pick02 .about_thumb { height: 550px;} .ulthera_pick02 .about_thumb .img_back { width:auto;height:474px;background-size: cover;} .ulthera_pick02 .about_thumb .img_ceo { float:right;width:92%;position:absolute;} .ulthera_pick02 .about_thumb .table-cell { float:none;display:table-cell; vertical-align:middle; height:600px;padding: 70px 10px 30px 30px; } } /* 에끌라드 PICK 2 */ /*남자와 여자는 다릅니다.*/ .mans_area_wrap {width:100%; min-height:900px; padding:200px 0; clear:both; } .mans_area_wrap .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .mans_area_wrap span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .mans_area_wrap .inner{ max-width:1400px; margin:0 auto} .mans_area_wrap ul li h3 { display:block; font-size:24px; font-weight:bold; padding:40px 20px; text-align:center; border:1px solid #ddd; color:#2E546E;background-color: #fff;} .mans_area_wrap ul li span { display:block; padding:20px 0; text-align:center;} .mans_area_wrap ul .down01 {margin-top:50px; width:19%} .mans_area_wrap ul .down02 {margin-top:50px; width:24%} .mans_area_wrap ul li .img { width:100%; height:380px; background-repeat:no-repeat; background-position:top center; background-size:cover; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;} .mans_area_wrap ul li .img01 { background-image:url(../img/mans_ulthera_diffrent01.jpg)} .mans_area_wrap ul li .img02 { background-image:url(../img/mans_ulthera_diffrent02.jpg)} .mans_area_wrap ul li .img03 { background-image:url(../img/mans_ulthera_diffrent03.jpg)} .mans_area_wrap ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)} @media all and (min-width:891px) { .mans_area_wrap li { float:left; border: 3px solid transparent; transition: all 0.5s;} .mans_area_wrap li:hover { border:3px solid #2E546E;} .mans_area_wrap .down { margin-top:50px} .mans_area_wrap .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0} .mans_area_wrap .col-gn-0,.latest_row .col-gn-1 {width:100%} .mans_area_wrap .col-gn-2 {width:48%; margin-left:1.33333%; margin-bottom:2%} .mans_area_wrap .col-gn-2:nth-child(2n+1) { margin-left:0} .mans_area_wrap .col-gn-3 {width:32%; margin-left:1.33333%; margin-bottom:2%} .mans_area_wrap .col-gn-3:nth-child(3n+1) { margin-left:0} .mans_area_wrap .col-gn-4 {width:24%; margin-left:1.33333%} .mans_area_wrap .col-gn-4:nth-child(4n+1) { margin-left:0} .mans_area_wrap .col-gn-5 {width:20%} .mans_area_wrap .col-gn-6 {width:16.66666667%} .mans_area_wrap .col-gn-7 {width:14.28571428%} .mans_area_wrap .col-gn-8 {width:12.5%} .mans_area_wrap .col-gn-9 {width:11.11111111%} .mans_area_wrap .col-gn-10 {width:10%} } @media all and (min-width:681px) and (max-width:890px) { .mans_area_wrap .col-gn-2 {width:49%; margin-left:2%; margin-bottom:2%} .mans_area_wrap .col-gn-2:nth-child(3n+1) { margin-left:0} .mans_area_wrap .col-gn-3 {width:49%; margin-left:2%; margin-bottom:2%} .mans_area_wrap .col-gn-3:nth-child(3n+1) { margin-left:0} .mans_area_wrap .col-gn-4 {width:49%; margin-left:2%; margin-bottom:2%; float:left} .mans_area_wrap .col-gn-4:nth-child(2n+1) {margin-left:0;} } @media screen and (max-width:680px) { .mans_area_wrap .col-gn-2 {margin-left:0%; margin-bottom:4%; width:100%;} .mans_area_wrap .col-gn-3 {margin-left:0%; margin-bottom:4%; width:100%;} .mans_area_wrap .col-gn-4 {margin-left:0%; margin-bottom:4%; width:100%;} .mans_area_wrap ul li span { font-size:17px} .mans_area_wrap { padding:80px 0; background-attachment:inherit; background-position: center} .mans_area_wrap ul li h2 { padding:20px 20px} .mans_area_wrap ul li .img { height:310px} } /*남자와 여자는 다릅니다.*/ /*SPT*/ .SPT_area_wrap {width:100%; min-height:900px; padding:200px 0; clear:both;} .SPT_area_wrap .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .SPT_area_wrap span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .SPT_area_wrap .inner{ max-width:1400px; margin:0 auto} .SPT_area_wrap ul li h3 { display:block; font-size:24px; font-weight:bold; padding:40px 20px; text-align:center; border:1px solid #ddd; color:#2E546E;background-color: #fff;} .SPT_area_wrap ul li span { display:block; padding:20px 0; text-align:center;} .SPT_area_wrap ul .down01 {margin-top:50px; width:19%} .SPT_area_wrap ul .down02 {margin-top:50px; width:24%} .SPT_area_wrap ul li .img { width:100%; height:380px; background-repeat:no-repeat; background-position:top center; background-size:cover; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;} .SPT_area_wrap ul li .img01 { background-image:url(../img/ulthera_SPT_see.jpg)} .SPT_area_wrap ul li .img02 { background-image:url(../img/ulthera_SPT_plan.jpg)} .SPT_area_wrap ul li .img03 { background-image:url(../img/ulthera_SPT_treat.jpg)} .SPT_area_wrap ul li .img04 { background-image:url(../img/ulthera_mans_SPT_see.jpg)} .SPT_area_wrap ul li .img05 { background-image:url(../img/ulthera_mans_SPT_plan.jpg)} .SPT_area_wrap ul li .img06 { background-image:url(../img/ulthera_mans_SPT_treat.jpg)} .SPT_area_wrap ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)} @media all and (min-width:891px) { .SPT_area_wrap li { float:left; border: 3px solid transparent; transition: all 0.5s;} .SPT_area_wrap li:hover { border:3px solid #2E546E;} .SPT_area_wrap .down { margin-top:50px} .SPT_area_wrap .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0} .SPT_area_wrap .col-gn-0,.latest_row .col-gn-1 {width:100%} .SPT_area_wrap .col-gn-2 {width:48%; margin-left:1.33333%; margin-bottom:2%} .SPT_area_wrap .col-gn-2:nth-child(2n+1) { margin-left:0} .SPT_area_wrap .col-gn-3 {width:32%; margin-left:1.33333%; margin-bottom:2%} .SPT_area_wrap .col-gn-3:nth-child(3n+1) { margin-left:0} .SPT_area_wrap .col-gn-4 {width:24%; margin-left:1.33333%} .SPT_area_wrap .col-gn-4:nth-child(4n+1) { margin-left:0} .SPT_area_wrap .col-gn-5 {width:20%} .SPT_area_wrap .col-gn-6 {width:16.66666667%} .SPT_area_wrap .col-gn-7 {width:14.28571428%} .SPT_area_wrap .col-gn-8 {width:12.5%} .SPT_area_wrap .col-gn-9 {width:11.11111111%} .SPT_area_wrap .col-gn-10 {width:10%} } @media all and (min-width:681px) and (max-width:890px) { .SPT_area_wrap .col-gn-2 {width:49%; margin-left:2%; margin-bottom:2%} .SPT_area_wrap .col-gn-2:nth-child(3n+1) { margin-left:0} .SPT_area_wrap .col-gn-3 {width:49%; margin-left:2%; margin-bottom:2%} .SPT_area_wrap .col-gn-3:nth-child(3n+1) { margin-left:0} .SPT_area_wrap .col-gn-4 {width:49%; margin-left:2%; margin-bottom:2%; float:left} .SPT_area_wrap .col-gn-4:nth-child(2n+1) {margin-left:0;} } @media screen and (max-width:680px) { .SPT_area_wrap .col-gn-2 {margin-left:0%; margin-bottom:4%; width:100%;} .SPT_area_wrap .col-gn-3 {margin-left:0%; margin-bottom:4%; width:100%;} .SPT_area_wrap .col-gn-4 {margin-left:0%; margin-bottom:4%; width:100%;} .SPT_area_wrap ul li span { font-size:17px} .SPT_area_wrap { padding:80px 0; background-attachment:inherit; background-position: center} .SPT_area_wrap ul li h2 { padding:20px 20px} .SPT_area_wrap ul li .img { height:310px} } /*SPT*/ /*함께하면 좋은 시술*/ .workwith_area_wrap {width:100%; min-height:900px; padding:100px 0; clear:both; } .workwith_area_wrap .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .workwith_area_wrap span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .workwith_area_wrap .inner{ max-width:1400px; margin:0 auto} .workwith_area_wrap ul li h3 { display:block; font-size:24px; font-weight:bold; padding:40px 20px; text-align:center; border:1px solid #ddd; color:#2E546E;background-color: #fff;} .workwith_area_wrap ul li span { display:block; padding:20px 0; text-align:center;} .workwith_area_wrap ul .down01 {margin-top:50px; width:19%} .workwith_area_wrap ul .down02 {margin-top:50px; width:24%} .workwith_area_wrap ul li .img { width:100%; height:380px; background-repeat:no-repeat; background-position:top center; background-size:cover; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;} .workwith_area_wrap ul li .eye_ulthera_img01 { background-image:url(../img/eye_ulthera_work01.jpg)} .workwith_area_wrap ul li .eye_ulthera_img02 { background-image:url(../img/eye_ulthera_work02.jpg)} .workwith_area_wrap ul li .eye_ulthera_img03 { background-image:url(../img/eye_ulthera_work03.jpg)} .workwith_area_wrap ul li .eye_ulthera_img04 { background-image:url(../img/eye_ulthera_work04.jpg)} .workwith_area_wrap ul li .eye_ulthera_img05 { background-image:url(../img/eye_ulthera_work05.jpg)} .workwith_area_wrap ul li .cheek_ulthera_img01 { background-image:url(../img/cheek_ulthera_work01.jpg)} .workwith_area_wrap ul li .cheek_ulthera_img02 { background-image:url(../img/cheek_ulthera_work02.jpg)} .workwith_area_wrap ul li .cheek_ulthera_img03 { background-image:url(../img/cheek_ulthera_work03.jpg)} .workwith_area_wrap ul li .cheek_ulthera_img04 { background-image:url(../img/cheek_ulthera_work04.jpg)} .workwith_area_wrap ul li .chin_ulthera_img01 { background-image:url(../img/chin_ulthera_work01.jpg)} .workwith_area_wrap ul li .chin_ulthera_img02 { background-image:url(../img/chin_ulthera_work02.jpg)} .workwith_area_wrap ul li .chin_ulthera_img03 { background-image:url(../img/chin_ulthera_work03.jpg)} .workwith_area_wrap ul li .chin_ulthera_img04 { background-image:url(../img/chin_ulthera_work04.jpg)} .workwith_area_wrap ul li .forehead_ulthera_img01 { background-image:url(../img/forehead_ulthera_work01.jpg)} .workwith_area_wrap ul li .forehead_ulthera_img02 { background-image:url(../img/forehead_ulthera_work02.jpg)} .workwith_area_wrap ul li .forehead_ulthera_img03 { background-image:url(../img/forehead_ulthera_work03.jpg)} .workwith_area_wrap ul li .forehead_ulthera_img04 { background-image:url(../img/forehead_ulthera_work04.jpg)} .workwith_area_wrap ul li .neck_ulthera_img01 { background-image:url(../img/neck_ulthera_work01.jpg)} .workwith_area_wrap ul li .neck_ulthera_img02 { background-image:url(../img/neck_ulthera_work02.jpg)} .workwith_area_wrap ul li .neck_ulthera_img03 { background-image:url(../img/neck_ulthera_work03.jpg)} .workwith_area_wrap ul li .neck_ulthera_img04 { background-image:url(../img/neck_ulthera_work04.jpg)} .workwith_area_wrap ul li .face_ulthera_img01 { background-image:url(../img/face_ulthera_work01.jpg)} .workwith_area_wrap ul li .face_ulthera_img02 { background-image:url(../img/face_ulthera_work02.jpg)} .workwith_area_wrap ul li .face_ulthera_img03 { background-image:url(../img/face_ulthera_work03.jpg)} .workwith_area_wrap ul li .face_ulthera_img04 { background-image:url(../img/face_ulthera_work04.jpg)} .workwith_area_wrap ul li .face_ulthera_img05 { background-image:url(../img/face_ulthera_work05.jpg)} .workwith_area_wrap ul li .mans_ulthera_img01 { background-image:url(../img/mans_ulthera_work01.jpg)} .workwith_area_wrap ul li .mans_ulthera_img02 { background-image:url(../img/mans_ulthera_work02.jpg)} .workwith_area_wrap ul li .mans_ulthera_img03 { background-image:url(../img/mans_ulthera_work03.jpg)} .workwith_area_wrap ul li .mans_ulthera_img04 { background-image:url(../img/mans_ulthera_work04.jpg)} .workwith_area_wrap ul li .thermage_img01 { background-image:url(../img/thermage_work01.jpg)} .workwith_area_wrap ul li .thermage_img02 { background-image:url(../img/thermage_work02.jpg)} .workwith_area_wrap ul li .thermage_img03 { background-image:url(../img/thermage_work03.jpg)} .workwith_area_wrap ul li .oligio_img01 { background-image:url(../img/oligio_work01.jpg)} .workwith_area_wrap ul li .oligio_img02 { background-image:url(../img/oligio_work02.jpg)} .workwith_area_wrap ul li .oligio_img03 { background-image:url(../img/oligio_work03.jpg)} .workwith_area_wrap ul li .oligio_img04 { background-image:url(../img/oligio_work04.jpg)} .workwith_area_wrap ul li .skin_aura_img01 { background-image:url(../img/skin_aura_work01.jpg)} .workwith_area_wrap ul li .skin_aura_img02 { background-image:url(../img/skin_aura_work02.jpg)} .workwith_area_wrap ul li .skin_aura_img03 { background-image:url(../img/skin_aura_work03.jpg)} .workwith_area_wrap ul li .LDM_img01 { background-image:url(../img/LDM_work01.jpg)} .workwith_area_wrap ul li .LDM_img02 { background-image:url(../img/LDM_work02.jpg)} .workwith_area_wrap ul li .LDM_img03 { background-image:url(../img/LDM_work03.jpg)} .workwith_area_wrap ul li .LDM_img04 { background-image:url(../img/LDM_work04.jpg)} .workwith_area_wrap ul li .LDM_img05 { background-image:url(../img/LDM_work05.jpg)} .workwith_area_wrap ul li .shurink_img01 { background-image:url(../img/shurink_work01.jpg)} .workwith_area_wrap ul li .shurink_img02 { background-image:url(../img/shurink_work02.jpg)} .workwith_area_wrap ul li .shurink_img03 { background-image:url(../img/shurink_work03.jpg)} .workwith_area_wrap ul li .shurink_img04 { background-image:url(../img/shurink_work04.jpg)} .workwith_area_wrap ul li .lhalala_img01 { background-image:url(../img/lhalala_work01.jpg)} .workwith_area_wrap ul li .lhalala_img02 { background-image:url(../img/lhalala_work02.jpg)} .workwith_area_wrap ul li .lhalala_img03 { background-image:url(../img/lhalala_work03.jpg)} .workwith_area_wrap ul li .lhalala_img04 { background-image:url(../img/lhalala_work04.jpg)} .workwith_area_wrap ul li .aqua_img01 { background-image:url(../img/aqua_work01.jpg)} .workwith_area_wrap ul li .aqua_img02 { background-image:url(../img/aqua_work02.jpg)} .workwith_area_wrap ul li .aqua_img03 { background-image:url(../img/aqua_work03.jpg)} .workwith_area_wrap ul li .aqua_img04 { background-image:url(../img/aqua_work04.jpg)} .workwith_area_wrap ul li .cell_img01 { background-image:url(../img/cell_work01.jpg)} .workwith_area_wrap ul li .cell_img02 { background-image:url(../img/cell_work02.jpg)} .workwith_area_wrap ul li .cell_img03 { background-image:url(../img/cell_work03.jpg)} .workwith_area_wrap ul li .cell_img04 { background-image:url(../img/cell_work04.jpg)} .workwith_area_wrap ul li .rejuran_img01 { background-image:url(../img/rejuran_work01.jpg)} .workwith_area_wrap ul li .rejuran_img02 { background-image:url(../img/rejuran_work02.jpg)} .workwith_area_wrap ul li .rejuran_img03 { background-image:url(../img/rejuran_work03.jpg)} .workwith_area_wrap ul li .rejuran_img04 { background-image:url(../img/rejuran_work04.jpg)} .workwith_area_wrap ul li .exosome_img01 { background-image:url(../img/exosome_work01.jpg)} .workwith_area_wrap ul li .exosome_img02 { background-image:url(../img/exosome_work02.jpg)} .workwith_area_wrap ul li .exosome_img03 { background-image:url(../img/exosome_work03.jpg)} .workwith_area_wrap ul li .exosome_img04 { background-image:url(../img/exosome_work04.jpg)} .workwith_area_wrap ul li .laser_img01 { background-image:url(../img/laser_work01.jpg)} .workwith_area_wrap ul li .laser_img02 { background-image:url(../img/laser_work02.jpg)} .workwith_area_wrap ul li .laser_img03 { background-image:url(../img/laser_work03.jpg)} .workwith_area_wrap ul li .laser_img04 { background-image:url(../img/laser_work04.jpg)} .workwith_area_wrap ul li .laser_img05 { background-image:url(../img/laser_work05.jpg)} .workwith_area_wrap ul li .scar_img01 { background-image:url(../img/scar_work01.jpg)} .workwith_area_wrap ul li .scar_img02 { background-image:url(../img/scar_work02.jpg)} .workwith_area_wrap ul li .scar_img03 { background-image:url(../img/scar_work03.jpg)} .workwith_area_wrap ul li .scar_img04 { background-image:url(../img/scar_work04.jpg)} .workwith_area_wrap ul li .scar_img05 { background-image:url(../img/scar_work05.jpg)} .workwith_area_wrap ul li .scar_img06 { background-image:url(../img/scar_work06.jpg)} .workwith_area_wrap ul li .pore_img01 { background-image:url(../img/pore_work01.jpg)} .workwith_area_wrap ul li .pore_img02 { background-image:url(../img/pore_work02.jpg)} .workwith_area_wrap ul li .filler_product_img01 { background-image:url(../img/filler_product_work01.jpg)} .workwith_area_wrap ul li .filler_product_img02 { background-image:url(../img/filler_product_work02.jpg)} .workwith_area_wrap ul li .filler_product_img03 { background-image:url(../img/filler_product_work03.jpg)} .workwith_area_wrap ul li .filler_product_img04 { background-image:url(../img/filler_product_work04.jpg)} .workwith_area_wrap ul li .filler_product_img05 { background-image:url(../img/filler_product_work05.jpg)} .workwith_area_wrap ul li .filler_product_img06 { background-image:url(../img/filler_product_work06.jpg)} /*콜라스티 추가*/ .workwith_area_wrap ul li .colasti_product_img01 { background-image:url(../img/colasti_product_work01.jpg)} .workwith_area_wrap ul li .colasti_product_img02 { background-image:url(../img/colasti_product_work02.jpg)} .workwith_area_wrap ul li .colasti_product_img03 { background-image:url(../img/colasti_product_work03.jpg)} .workwith_area_wrap ul li .colasti_product_img04 { background-image:url(../img/colasti_product_work04.jpg)} .workwith_area_wrap ul li .colasti_product_img05 { background-image:url(../img/colasti_product_work05.jpg)} .workwith_area_wrap ul li .colasti_product_img06 { background-image:url(../img/colasti_product_work06.jpg)} /*코레지 추가*/ .workwith_area_wrap ul li .corage_img05 { background-image:url(../img/corage_work05.jpg)} .workwith_area_wrap ul li .corage_img06 { background-image:url(../img/corage_work06.jpg)} /*레디어스*/ .workwith_area_wrap ul li .radiesse_img01 { background-image:url(../img/radiesse_work01.jpg)} .workwith_area_wrap ul li .radiesse_img02 { background-image:url(../img/radiesse_work02.jpg)} .workwith_area_wrap ul li .radiesse_img03 { background-image:url(../img/radiesse_work03.jpg)} .workwith_area_wrap ul li .radiesse_img04 { background-image:url(../img/radiesse_work04.jpg)} .workwith_area_wrap ul li .radiesse_img05 { background-image:url(../img/radiesse_work05.jpg)} /*울트라클리어*/ .workwith_area_wrap ul li .u_clear_img01 { background-image:url(../img/u_clear_work01.jpg)} .workwith_area_wrap ul li .u_clear_img02 { background-image:url(../img/u_clear_work02.jpg)} .workwith_area_wrap ul li .u_clear_img03 { background-image:url(../img/u_clear_work03.jpg)} .workwith_area_wrap ul li .u_clear_img04 { background-image:url(../img/u_clear_work04.jpg)} .workwith_area_wrap ul li .u_clear_img05 { background-image:url(../img/u_clear_work05.jpg)} /*티타늄 추가*/ .workwith_area_wrap ul li .titanuum_img01 { background-image:url(../img/thermage_work01.jpg)} .workwith_area_wrap ul li .titanuum_img02 { background-image:url(../img/eye_ulthera_work01.jpg)} .workwith_area_wrap ul li .titanuum_img03 { background-image:url(../img/titanium_work03.jpg)} .workwith_area_wrap ul li .titanuum_img04 { background-image:url(../img/face_ulthera_work05.jpg)} .workwith_area_wrap ul li .titanuum_img05 { background-image:url(../img/titanium_work05.jpg)} /*울쎄라피프라임 추가*/ .workwith_area_wrap ul li .ultherapy_img01 { background-image:url(../img/ultherapy_work1.jpg)} .workwith_area_wrap ul li .ultherapy_img02 { background-image:url(../img/ultherapy_work2.jpg)} .workwith_area_wrap ul li .ultherapy_img03 { background-image:url(../img/ultherapy_work3.jpg)} .workwith_area_wrap ul li .ultherapy_img04 { background-image:url(../img/ultherapy_work4.jpg)} .workwith_area_wrap ul li .ultherapy_img05 { background-image:url(../img/ultherapy_work5.jpg)} /*엘리시스센스 추가*/ .workwith_area_wrap ul li .ellisys_img01 { background-image:url(../img/ellisys_work1.jpg)} .workwith_area_wrap ul li .ellisys_img02 { background-image:url(../img/ellisys_work2.jpg)} .workwith_area_wrap ul li .ellisys_img03 { background-image:url(../img/ellisys_work3.jpg)} .workwith_area_wrap ul li .ellisys_img04 { background-image:url(../img/ellisys_work4.jpg)} .workwith_area_wrap ul li .ellisys_img05 { background-image:url(../img/ellisys_work5.jpg)} .workwith_area_wrap ul li .ultracol_img01 { background-image:url(../img/ultracol_work1.jpg)} .workwith_area_wrap ul li .ultracol_img02 { background-image:url(../img/ultracol_work2.jpg)} .workwith_area_wrap ul li .ultracol_img03 { background-image:url(../img/ultracol_work3.jpg)} .workwith_area_wrap ul li .ultracol_img04 { background-image:url(../img/ultracol_work4.jpg)} .workwith_area_wrap ul li .ultracol_img05 { background-image:url(../img/ultracol_work5.jpg)} .workwith_area_wrap ul li .ultracol_img06 { background-image:url(../img/ultracol_work6.jpg)} .workwith_area_wrap ul li .ultracol_img07 { background-image:url(../img/ultracol_work7.jpg)} .workwith_area_wrap ul li .ultracol_img08 { background-image:url(../img/ultracol_work8.jpg)} .workwith_area_wrap ul li .QTcell_img01 { background-image:url(../img/QTcell_work01.jpg)} .workwith_area_wrap ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)} @media all and (min-width:891px) { .workwith_area_wrap li { float:left; border: 3px solid transparent; transition: all 0.5s;} .workwith_area_wrap li:hover { border:3px solid #2E546E;} .workwith_area_wrap .down { margin-top:50px} .workwith_area_wrap .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0} .workwith_area_wrap .col-gn-0,.latest_row .col-gn-1 {width:100%} .workwith_area_wrap .col-gn-2 {width:48%; margin-left:1.33333%; margin-bottom:2%} .workwith_area_wrap .col-gn-2:nth-child(2n+1) { margin-left:0} .workwith_area_wrap .col-gn-3 {width:32%; margin-left:1.33333%; margin-bottom:2%} .workwith_area_wrap .col-gn-3:nth-child(3n+1) { margin-left:0} .workwith_area_wrap .col-gn-4 {width:24%; margin-left:1.33333%} .workwith_area_wrap .col-gn-4:nth-child(4n+1) { margin-left:0} .workwith_area_wrap .col-gn-5 {width:20%} .workwith_area_wrap .col-gn-6 {width:16.66666667%} .workwith_area_wrap .col-gn-7 {width:14.28571428%} .workwith_area_wrap .col-gn-8 {width:12.5%} .workwith_area_wrap .col-gn-9 {width:11.11111111%} .workwith_area_wrap .col-gn-10 {width:10%} } @media all and (min-width:681px) and (max-width:890px) { .workwith_area_wrap .col-gn-2 {width:49%; margin-left:2%; margin-bottom:2%} .workwith_area_wrap .col-gn-2:nth-child(3n+1) { margin-left:0} .workwith_area_wrap .col-gn-3 {width:49%; margin-left:2%; margin-bottom:2%} .workwith_area_wrap .col-gn-3:nth-child(3n+1) { margin-left:0} .workwith_area_wrap .col-gn-4 {width:49%; margin-left:2%; margin-bottom:2%; float:left} .workwith_area_wrap .col-gn-4:nth-child(2n+1) {margin-left:0;} } @media screen and (max-width:680px) { .workwith_area_wrap .col-gn-2 {margin-left:0%; margin-bottom:4%; width:100%;} .workwith_area_wrap .col-gn-3 {margin-left:0%; margin-bottom:4%; width:100%;} .workwith_area_wrap .col-gn-4 {margin-left:0%; margin-bottom:4%; width:100%;} .workwith_area_wrap ul li span { font-size:17px} .workwith_area_wrap { padding:80px 0; background-attachment:inherit; background-position: center} .workwith_area_wrap ul li h2 { padding:20px 20px} .workwith_area_wrap ul li .img { height:310px} } /*함께하면 좋은 시술*/ /* 울쎄라 시술순서 */ .ulthera_process .inner h2 {font-family: '', serif; text-align:center; color:#2E546E;padding-top: 100px;padding-bottom: 100px;line-height: normal;} .ulthera_process .icon li {width:22%; margin-right:4%; min-height:350px; float:left; text-align:justify;} .ulthera_process .icon li:nth-child(4n+4){margin-right:0} .ulthera_process .icon li .web_icon { width:200px; height:200px; margin-bottom:20px; background-color:#f2f2f2; color:#fff; display:table; margin:0 auto} .ulthera_process .icon li .web_icon i {text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px} .ulthera_process .icon li p { font-size: 22px;text-align:center; word-break:keep-all;padding-top: 20px;} .ulthera_process .icon li .icon_img {text-align:center;padding-top:20px;display:block;} @media screen and (max-width: 960px) { .ulthera_process .icon li { width:50%; margin-right:0} .ulthera_process .icon li p { max-width:300px; margin:0 auto} } @media screen and (max-width: 640px) { .ulthera_process .inner h2 {padding-bottom: 50px;} .ulthera_process .icon li { width:100%; margin-right:0} .ulthera_process .icon li p { max-width:300px; margin:0 auto} } /* 울쎄라 시술순서 */ /* 시술순서(5개) */ .ulthera_recommend .inner h2 {font-family: '', serif; text-align:center; color:#2E546E;padding-top: 100px;padding-bottom: 100px;line-height: normal;} .ulthera_recommend .icon li {width:17.6%; margin-right:3%; min-height:350px; float:left; text-align:justify;} .ulthera_recommend .icon li:nth-child(5n+5){margin-right:0} .ulthera_recommend .icon li .web_icon { width:200px; height:200px; margin-bottom:20px; background-color:#f2f2f2; color:#fff; display:table; margin:0 auto} .ulthera_recommend .icon li .web_icon i {text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px} .ulthera_recommend .icon li p { font-size: 22px;text-align:center; word-break:keep-all;padding-top: 20px;} .ulthera_recommend .icon li .icon_img {text-align:center;padding-top:20px;display:block;} @media screen and (max-width: 960px) { .ulthera_recommend .icon li { width:50%; margin-right:0} .ulthera_recommend .icon li p { max-width:300px; margin:0 auto} } @media screen and (max-width: 640px) { .ulthera_recommend .inner h2 {padding-bottom: 50px;} .ulthera_recommend .icon li { width:100%; margin-right:0} .ulthera_recommend .icon li p { max-width:300px; margin:0 auto} } /* 시술순서(5개) */ /*써마지 원리와 효능*/ .thermage_main_contents { width:100%; clear:both;padding-top: 50px;} .thermage_main_contents .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .thermage_main_contents span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .thermage_main_contents .left { width:45%; float:left;padding-top: 0;} .thermage_main_contents .left h2 { font-family: '', serif;word-break:keep-all; text-align:left;color:#2E546E;} .thermage_main_contents .left h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; left: 0; top: 55px;} .thermage_main_contents .left span { display:block; padding:40px 0; text-align:left;} .thermage_main_contents .left .photo { display:block; position:relative; } .thermage_main_contents .left .txt_area {margin-top: 100px; padding: 7px 20px 30px 110px; position:relative} .thermage_main_contents .right { width:45%; float:right;} .thermage_main_contents .right h2 { font-family: '', serif;word-break:keep-all; text-align:right;color:#2E546E;} .thermage_main_contents .right h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; right: 0; top: 100px;} .thermage_main_contents .right span { display:block; padding:40px 0; text-align:right} .thermage_main_contents .right .photo { display:block; position:relative;padding-right: 110px;} .thermage_main_contents .right .txt_area { padding: 50px 110px 30px 20px; position:relative} .thermage_main_contents .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;} .thermage_main_contents .owl-dots .owl-dot{background-color:#ddd;width:30px;height:5px;display:inline-block;margin-left:10px; border:0} .thermage_main_contents .owl-dots .owl-dot.active{background-color:#3181cb} .thermage_main_contents .owl-dots .owl-dot span { padding:0} .thermage_main_contents .owl-nav {position: absolute; right: 0; bottom:0} .thermage_main_contents .owl-nav i { font-size:22px} .thermage_main_contents .owl-prev{display:none} .thermage_main_contents .owl-next{display:none} @media screen and (max-width:980px) { .thermage_main_contents .left { width:100%} .thermage_main_contents .right { width:100%} .thermage_main_contents .left .photo { padding:0} .thermage_main_contents .right .photo { padding: 0 50px;} .thermage_main_contents .left .txt_area {margin-top: 0px;} } /*써마지 원리와 효능*/ /*써마지 작용과정*/ .thermage_work_process_area_wrap {width:100%; min-height:900px; padding:100px 0; clear:both; background-image:url(../img/main_bg2.svg);background-size: cover;} .thermage_work_process_area_wrap .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .thermage_work_process_area_wrap span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .thermage_work_process_area_wrap .inner{ max-width:1400px; margin:0 auto} .thermage_work_process_area_wrap ul li h3 { display:block; font-size:24px; font-weight:bold; padding:40px 20px; text-align:center; border:1px solid #ddd; color:#2E546E;background-color: #fff;} .thermage_work_process_area_wrap ul li span { display:block; padding:20px 0; text-align:center;} .thermage_work_process_area_wrap ul .down01 {margin-top:50px; width:19%} .thermage_work_process_area_wrap ul .down02 {margin-top:50px; width:24%} .thermage_work_process_area_wrap ul li .img { width:100%; height:380px; background-repeat:no-repeat; background-position:top center; background-size:cover; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;} .thermage_work_process_area_wrap ul li .img01 { background-image:url(../img/thermage_work_process01.jpg)} .thermage_work_process_area_wrap ul li .img02 { background-image:url(../img/thermage_work_process02.jpg)} .thermage_work_process_area_wrap ul li .img03 { background-image:url(../img/thermage_work_process03.jpg)} .thermage_work_process_area_wrap ul li .img04 { background-image:url(../img/thermage_work_process04.jpg)} .thermage_work_process_area_wrap ul li .img05 { background-image:url(../img/thermage_work_process05.jpg)} .thermage_work_process_area_wrap ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)} /*콜라스티 작용과정*/ .thermage_work_process_area_wrap ul li .col_img01 { background-image:url(../img/colasti_work01.jpg)} .thermage_work_process_area_wrap ul li .col_img02 { background-image:url(../img/colasti_work02.jpg)} .thermage_work_process_area_wrap ul li .col_img03 { background-image:url(../img/colasti_work03.jpg)} .thermage_work_process_area_wrap ul li .col_img04 { background-image:url(../img/colasti_work04.jpg)} .thermage_work_process_area_wrap ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)} /*코레지 작용과정*/ .thermage_work_process_area_wrap ul li .corage_img01 { background-image:url(../img/corage_work01.jpg)} .thermage_work_process_area_wrap ul li .corage_img02 { background-image:url(../img/corage_work02.jpg)} .thermage_work_process_area_wrap ul li .corage_img03 { background-image:url(../img/corage_work03.jpg)} .thermage_work_process_area_wrap ul li .corage_img04 { background-image:url(../img/corage_work04.jpg)} .thermage_work_process_area_wrap ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)} @media all and (min-width:891px) { .thermage_work_process_area_wrap li { float:left; border: 3px solid transparent; transition: all 0.5s;} .thermage_work_process_area_wrap li:hover { border:3px solid #2E546E;} .thermage_work_process_area_wrap .down { margin-top:50px} .thermage_work_process_area_wrap .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0} .thermage_work_process_area_wrap .col-gn-0,.latest_row .col-gn-1 {width:100%} .thermage_work_process_area_wrap .col-gn-2 {width:48%; margin-left:1.33333%; margin-bottom:2%} .thermage_work_process_area_wrap .col-gn-2:nth-child(2n+1) { margin-left:0} .thermage_work_process_area_wrap .col-gn-3 {width:32%; margin-left:1.33333%; margin-bottom:2%} .thermage_work_process_area_wrap .col-gn-3:nth-child(3n+1) { margin-left:0} .thermage_work_process_area_wrap .col-gn-4 {width:24%; margin-left:1.33333%} .thermage_work_process_area_wrap .col-gn-4:nth-child(4n+1) { margin-left:0} .thermage_work_process_area_wrap .col-gn-5 {width:20%} .thermage_work_process_area_wrap .col-gn-6 {width:16.66666667%} .thermage_work_process_area_wrap .col-gn-7 {width:14.28571428%} .thermage_work_process_area_wrap .col-gn-8 {width:12.5%} .thermage_work_process_area_wrap .col-gn-9 {width:11.11111111%} .thermage_work_process_area_wrap .col-gn-10 {width:10%} } @media all and (min-width:681px) and (max-width:890px) { .thermage_work_process_area_wrap .col-gn-2 {width:49%; margin-left:2%; margin-bottom:2%} .thermage_work_process_area_wrap .col-gn-2:nth-child(3n+1) { margin-left:0} .thermage_work_process_area_wrap .col-gn-3 {width:49%; margin-left:2%; margin-bottom:2%} .thermage_work_process_area_wrap .col-gn-3:nth-child(3n+1) { margin-left:0} .thermage_work_process_area_wrap .col-gn-4 {width:49%; margin-left:2%; margin-bottom:2%; float:left} .thermage_work_process_area_wrap .col-gn-4:nth-child(2n+1) {margin-left:0;} } @media screen and (max-width:680px) { .thermage_work_process_area_wrap .col-gn-2 {margin-left:0%; margin-bottom:4%; width:100%;} .thermage_work_process_area_wrap .col-gn-3 {margin-left:0%; margin-bottom:4%; width:100%;} .thermage_work_process_area_wrap .col-gn-4 {margin-left:0%; margin-bottom:4%; width:100%;} .thermage_work_process_area_wrap ul li span { font-size:17px} .thermage_work_process_area_wrap { padding:80px 0; background-attachment:inherit; background-position: center} .thermage_work_process_area_wrap ul li h2 { padding:20px 20px} .thermage_work_process_area_wrap ul li .img { height:310px} } /*써마지 작용과정*/ /* 써마지 시술순서 */ .thermage_process .inner h2 {font-family: '', serif; text-align:center; color:#2E546E;padding-top: 100px;padding-bottom: 100px;line-height: normal;} .thermage_process .icon li {width:30%; margin-right:5%; min-height:350px; float:left; text-align:justify;} .thermage_process .icon li:nth-child(3n+3){margin-right:0} .thermage_process .icon li .web_icon { width:200px; height:200px; margin-bottom:20px; background-color:#f2f2f2; color:#fff; display:table; margin:0 auto} .thermage_process .icon li .web_icon i {text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px} .thermage_process .icon li p { font-size: 22px;text-align:center; word-break:keep-all;padding-top: 20px;} .thermage_process .icon li .icon_img {text-align:center;padding-top:20px;display:block;} @media screen and (max-width: 960px) { .thermage_process .icon li { width:50%; margin-right:0} .thermage_process .icon li p { max-width:300px; margin:0 auto} } @media screen and (max-width: 640px) { .thermage_process .inner h2 {padding-bottom: 50px;} .thermage_process .icon li { width:100%; margin-right:0} .thermage_process .icon li p { max-width:300px; margin:0 auto} } /* 써마지 시술순서 */ /*올리지오 작용과정*/ .oligio_work_process_area_wrap {width:100%; min-height:900px; padding:200px 0; clear:both; } .oligio_work_process_area_wrap .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .oligio_work_process_area_wrap span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .oligio_work_process_area_wrap .inner{ max-width:1400px; margin:0 auto} .oligio_work_process_area_wrap ul li h3 { display:block; font-size:24px; font-weight:bold; padding:40px 20px; text-align:center; border:1px solid #ddd; color:#2E546E;background-color: #fff;} .oligio_work_process_area_wrap ul li span { display:block; padding:20px 0; text-align:center;} .oligio_work_process_area_wrap ul .down01 {margin-top:50px; width:19%} .oligio_work_process_area_wrap ul .down02 {margin-top:50px; width:24%} .oligio_work_process_area_wrap ul li .img { width:100%; height:380px; background-repeat:no-repeat; background-position:top center; background-size:cover; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;} .oligio_work_process_area_wrap ul li .img01 { background-image:url(../img/oligio_work_process01.jpg)} .oligio_work_process_area_wrap ul li .img02 { background-image:url(../img/oligio_work_process02.jpg)} .oligio_work_process_area_wrap ul li .img03 { background-image:url(../img/oligio_work_process03.jpg)} .oligio_work_process_area_wrap ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)} @media all and (min-width:891px) { .oligio_work_process_area_wrap li { float:left; border: 3px solid transparent; transition: all 0.5s;} .oligio_work_process_area_wrap li:hover { border:3px solid #2E546E;} .oligio_work_process_area_wrap .down { margin-top:50px} .oligio_work_process_area_wrap .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0} .oligio_work_process_area_wrap .col-gn-0,.latest_row .col-gn-1 {width:100%} .oligio_work_process_area_wrap .col-gn-2 {width:48%; margin-left:1.33333%; margin-bottom:2%} .oligio_work_process_area_wrap .col-gn-2:nth-child(2n+1) { margin-left:0} .oligio_work_process_area_wrap .col-gn-3 {width:32%; margin-left:1.33333%; margin-bottom:2%} .oligio_work_process_area_wrap .col-gn-3:nth-child(3n+1) { margin-left:0} .oligio_work_process_area_wrap .col-gn-4 {width:24%; margin-left:1.33333%} .oligio_work_process_area_wrap .col-gn-4:nth-child(4n+1) { margin-left:0} .oligio_work_process_area_wrap .col-gn-5 {width:20%} .oligio_work_process_area_wrap .col-gn-6 {width:16.66666667%} .oligio_work_process_area_wrap .col-gn-7 {width:14.28571428%} .oligio_work_process_area_wrap .col-gn-8 {width:12.5%} .oligio_work_process_area_wrap .col-gn-9 {width:11.11111111%} .oligio_work_process_area_wrap .col-gn-10 {width:10%} } @media all and (min-width:681px) and (max-width:890px) { .oligio_work_process_area_wrap .col-gn-2 {width:49%; margin-left:2%; margin-bottom:2%} .oligio_work_process_area_wrap .col-gn-2:nth-child(3n+1) { margin-left:0} .oligio_work_process_area_wrap .col-gn-3 {width:49%; margin-left:2%; margin-bottom:2%} .oligio_work_process_area_wrap .col-gn-3:nth-child(3n+1) { margin-left:0} .oligio_work_process_area_wrap .col-gn-4 {width:49%; margin-left:2%; margin-bottom:2%; float:left} .oligio_work_process_area_wrap .col-gn-4:nth-child(2n+1) {margin-left:0;} } @media screen and (max-width:680px) { .oligio_work_process_area_wrap .col-gn-2 {margin-left:0%; margin-bottom:4%; width:100%;} .oligio_work_process_area_wrap .col-gn-3 {margin-left:0%; margin-bottom:4%; width:100%;} .oligio_work_process_area_wrap .col-gn-4 {margin-left:0%; margin-bottom:4%; width:100%;} .oligio_work_process_area_wrap ul li span { font-size:17px} .oligio_work_process_area_wrap { padding:80px 0; background-attachment:inherit; background-position: center} .oligio_work_process_area_wrap ul li h2 { padding:20px 20px} .oligio_work_process_area_wrap ul li .img { height:310px} } /*올리지오 작용과정*/ /* 올리지오 시술순서 */ .oligio_process .inner h2 {font-family: '', serif; text-align:center; color:#2E546E;padding-top: 100px;padding-bottom: 100px;line-height: normal;} .oligio_process .icon li {width:17.3%; margin-right:3%; min-height:350px; float:left; text-align:justify;} .oligio_process .icon li:nth-child(5n+5){margin-right:0} .oligio_process .icon li .web_icon { width:200px; height:200px; margin-bottom:20px; background-color:#f2f2f2; color:#fff; display:table; margin:0 auto} .oligio_process .icon li .web_icon i {text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px} .oligio_process .icon li p { font-size: 22px;text-align:center; word-break:keep-all;padding-top: 20px;} .oligio_process .icon li .icon_img {text-align:center;padding-top:20px;display:block;} @media screen and (max-width: 960px) { .oligio_process .icon li { width:50%; margin-right:0} .oligio_process .icon li p { max-width:300px; margin:0 auto} } @media screen and (max-width: 640px) { .oligio_process .inner h2 {padding-bottom: 50px;} .oligio_process .icon li { width:100%; margin-right:0} .oligio_process .icon li p { max-width:300px; margin:0 auto} } /* 올리지오 시술순서 */ /*스킨아우라 시술원리*/ .skin_aura_work_process_area_wrap {width:100%; min-height:900px; padding:200px 0; clear:both;} .skin_aura_work_process_area_wrap .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .skin_aura_work_process_area_wrap span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .skin_aura_work_process_area_wrap .inner{ max-width:1400px; margin:0 auto} .skin_aura_work_process_area_wrap ul li h3 { display:block; font-size:24px; font-weight:bold; padding:40px 20px; text-align:center; border:1px solid #ddd; color:#2E546E;background-color: #fff;} .skin_aura_work_process_area_wrap ul li span { display:block; padding:20px 0; text-align:center;} .skin_aura_work_process_area_wrap ul .down01 {margin-top:50px; width:19%} .skin_aura_work_process_area_wrap ul .down02 {margin-top:50px; width:24%} .skin_aura_work_process_area_wrap ul li .img { width:100%; height:380px; background-repeat:no-repeat; background-position:top center; background-size:cover; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;} .skin_aura_work_process_area_wrap ul li .img01 { background-image:url(../img/skin_aura_work_process01.jpg)} .skin_aura_work_process_area_wrap ul li .img02 { background-image:url(../img/skin_aura_work_process02.jpg)} .skin_aura_work_process_area_wrap ul li .img03 { background-image:url(../img/skin_aura_work_process03.jpg)} .skin_aura_work_process_area_wrap ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)} @media all and (min-width:891px) { .skin_aura_work_process_area_wrap li { float:left; border: 3px solid transparent; transition: all 0.5s;} .skin_aura_work_process_area_wrap li:hover { border:3px solid #2E546E;} .skin_aura_work_process_area_wrap .down { margin-top:50px} .skin_aura_work_process_area_wrap .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0} .skin_aura_work_process_area_wrap .col-gn-0,.latest_row .col-gn-1 {width:100%} .skin_aura_work_process_area_wrap .col-gn-2 {width:48%; margin-left:1.33333%; margin-bottom:2%} .skin_aura_work_process_area_wrap .col-gn-2:nth-child(2n+1) { margin-left:0} .skin_aura_work_process_area_wrap .col-gn-3 {width:32%; margin-left:1.33333%; margin-bottom:2%} .skin_aura_work_process_area_wrap .col-gn-3:nth-child(3n+1) { margin-left:0} .skin_aura_work_process_area_wrap .col-gn-4 {width:24%; margin-left:1.33333%} .skin_aura_work_process_area_wrap .col-gn-4:nth-child(4n+1) { margin-left:0} .skin_aura_work_process_area_wrap .col-gn-5 {width:20%} .skin_aura_work_process_area_wrap .col-gn-6 {width:16.66666667%} .skin_aura_work_process_area_wrap .col-gn-7 {width:14.28571428%} .skin_aura_work_process_area_wrap .col-gn-8 {width:12.5%} .skin_aura_work_process_area_wrap .col-gn-9 {width:11.11111111%} .skin_aura_work_process_area_wrap .col-gn-10 {width:10%} } @media all and (min-width:681px) and (max-width:890px) { .skin_aura_work_process_area_wrap .col-gn-2 {width:49%; margin-left:2%; margin-bottom:2%} .skin_aura_work_process_area_wrap .col-gn-2:nth-child(3n+1) { margin-left:0} .skin_aura_work_process_area_wrap .col-gn-3 {width:49%; margin-left:2%; margin-bottom:2%} .skin_aura_work_process_area_wrap .col-gn-3:nth-child(3n+1) { margin-left:0} .skin_aura_work_process_area_wrap .col-gn-4 {width:49%; margin-left:2%; margin-bottom:2%; float:left} .skin_aura_work_process_area_wrap .col-gn-4:nth-child(2n+1) {margin-left:0;} } @media screen and (max-width:680px) { .skin_aura_work_process_area_wrap .col-gn-2 {margin-left:0%; margin-bottom:4%; width:100%;} .skin_aura_work_process_area_wrap .col-gn-3 {margin-left:0%; margin-bottom:4%; width:100%;} .skin_aura_work_process_area_wrap .col-gn-4 {margin-left:0%; margin-bottom:4%; width:100%;} .skin_aura_work_process_area_wrap ul li span { font-size:17px} .skin_aura_work_process_area_wrap { padding:80px 0; background-attachment:inherit; background-position: center} .skin_aura_work_process_area_wrap ul li h2 { padding:20px 20px} .skin_aura_work_process_area_wrap ul li .img { height:310px} } /*스킨아우라 시술원리*/ /*LDM 메인*/ .LDM { width:100%; padding-top:100px; padding-bottom:100px; clear:both;background-image:url(../img/sub_bg2.svg);background-size: cover;} .LDM .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .LDM span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .LDM .left { width:45%; float:left;padding-top: 150px;} .LDM .left h2 { font-family: '', serif;word-break:keep-all; text-align:left;color:#2E546E;} .LDM .left h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; left: 0; top: 55px;} .LDM .left h3 { font-size:46px;font-weight: 500;font-family: '', serif;word-break:keep-all; text-align:left;color:#2E546E;} .LDM .left h3:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; left: 0; top: 32px;} .LDM .left span { display:block; padding:40px 0; text-align:left;} .LDM .left .photo a {display:block;position:absolute;width:68px;height:68px;background:#fff;right:0; top:0;overflow:hidden;z-index:2} .LDM .left .photo { display:block; position:relative} .LDM .left .txt_area { padding: 7px 20px 30px 110px; position:relative} .LDM .left img { padding-left:120px; position:relative} .LDM .right { width:45%; float:right;} .LDM .right h2 { font-family: '', serif;word-break:keep-all; text-align:right;color:#2E546E;} .LDM .right h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; right: 0; top: 100px;} .LDM .right span { display:block; padding:40px 0; text-align:left} .LDM .right .photo { display:block;} .LDM .right .txt_area { padding: 50px 110px 30px 20px; position:relative} .LDM .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;} .LDM .owl-dots .owl-dot{background-color:#ddd;width:30px;height:5px;display:inline-block;margin-left:10px; border:0} .LDM .owl-dots .owl-dot.active{background-color:#3181cb} .LDM .owl-dots .owl-dot span { padding:0} .LDM .owl-nav {position: absolute; right: 0; bottom:0} .LDM .owl-nav i { font-size:22px} .LDM .owl-prev{display:none} .LDM .owl-next{display:none} @media screen and (max-width:980px) { .LDM .left { width:100%; padding-top: 0;} .LDM .right { width:100%} .LDM .left img { padding:0 70px;width: 100%;} } /*LDM 메인*/ /*LDM을 선택하는 이유*/ .company_info_LDM {width:100%; padding-top:100px; clear:both;background-image:url(../img/LDM_image_bg.jpg);background-position:center;background-repeat:no-repeat;background-size: cover;position:relative;z-index:1;display:flex;align-items:center;} .company_info_LDM .ulthera_lifting { width:100%;padding-bottom:100px; } .company_info_LDM .ulthera_lifting .inner { max-width:1240px; margin:auto; clear:both;} .company_info_LDM .ulthera_lifting .inner h2 {font-family: '', serif; text-align:center; color:#2E546E;padding-bottom: 100px;word-break:keep-all;} .company_info_LDM .ulthera_lifting .inner h3 {font-family: '', serif; font-size: 40px;text-align:center; color:#fff;padding-bottom: 20px;font-weight: 500;} .company_info_LDM .ulthera_lifting .inner h3:after { content: " ";display: block; margin:20px auto; width:35px; height: 2px; background-color:#fff; clear: both;} .company_info_LDM .ulthera_lifting dl { float:left; width:320px; height: 320px;padding:30px;background-color: #2E546E;border-radius: 50%;margin-right: 3.7%;margin-left: 3.7%;} .company_info_LDM .ulthera_lifting dl:last-child { border:0} .company_info_LDM .ulthera_lifting dl dt { font-size:20px; height:60px; font-weight:bold; text-align:center;color:#fff;} .company_info_LDM .ulthera_lifting dd { line-height:2; text-align:center; font-size:18px;color: #fff;} @media (max-width: 960px){ .company_info_LDM .ulthera_lifting dl {margin-top:30px;margin-left: 7%;margin-right: 7%;} .company_info_LDM .ulthera_lifting .inner h2 {padding: 0px 23px 23px 23px;} } /*LDM을 선택하는 이유*/ /*라라라필 메인*/ .lhalala { width:100%; padding-top:100px; padding-bottom:100px; clear:both;background-image:url(../img/sub_bg2.svg);background-size: cover;} .lhalala .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .lhalala span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .lhalala .left { width:45%; float:left;} .lhalala .left h2 { font-family: '', serif;word-break:keep-all; text-align:left;color:#2E546E;} .lhalala .left h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; left: 0; top: 55px;} .lhalala .left h3 { font-size:46px;font-weight: 500;font-family: '', serif;word-break:keep-all; text-align:left;color:#2E546E;} .lhalala .left h3:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; left: 0; top: 32px;} .lhalala .left span { display:block; padding:40px 0; text-align:left;} .lhalala .left .photo a {display:block;position:absolute;width:68px;height:68px;background:#fff;right:0; top:0;overflow:hidden;z-index:2} .lhalala .left .photo { display:block; position:relative} .lhalala .left .txt_area { padding: 7px 20px 30px 110px; position:relative} .lhalala .left img { padding-left:120px; position:relative} .lhalala .right { width:45%; float:right;} .lhalala .right h2 { font-family: '', serif;word-break:keep-all; text-align:right;color:#2E546E;} .lhalala .right h2:before {content: ""; display: block; position: absolute; width: 80px; height: 2px; background: #2E546E; right: 0; top: 100px;} .lhalala .right span { display:block; padding:40px 0; text-align:left} .lhalala .right .photo { display:block;} .lhalala .right .txt_area { padding: 50px 110px 30px 20px; position:relative} .lhalala .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:50px;} .lhalala .owl-dots .owl-dot{background-color:#ddd;width:30px;height:5px;display:inline-block;margin-left:10px; border:0} .lhalala .owl-dots .owl-dot.active{background-color:#3181cb} .lhalala .owl-dots .owl-dot span { padding:0} .lhalala .owl-nav {position: absolute; right: 0; bottom:0} .lhalala .owl-nav i { font-size:22px} .lhalala .owl-prev{display:none} .lhalala .owl-next{display:none} @media screen and (max-width:980px) { .lhalala .left { width:100%; padding-top: 0;} .lhalala .right { width:100%} .lhalala .left img { padding:0 70px;width: 100%;} } /*라라라필 메인*/ /*라라라필 횟수별 효능*/ .lhalala_number {width:100%; min-height:900px; padding:200px 0; clear:both; background-color: #fafafa;} .lhalala_number .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .lhalala_number span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .lhalala_number .inner{ max-width:1400px; margin:0 auto} .lhalala_number ul li h3 { display:block; font-size:24px; font-weight:bold; padding:40px 20px; text-align:center; border:1px solid #ddd; color:#2E546E;background-color: #fff;} .lhalala_number ul li span { display:block; padding:20px 40px; text-align:center;} .lhalala_number ul .down01 {margin-top:50px; width:19%} .lhalala_number ul .down02 {margin-top:50px; width:24%} .lhalala_number ul li .img { width:100%; height:380px; background-repeat:no-repeat; background-position:top center; background-size:cover; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;} .lhalala_number ul li .img01 { background-image:url(../img/face01.jpg)} .lhalala_number ul li .img02 { background-image:url(../img/face02.gif)} .lhalala_number ul li .img03 { background-image:url(../img/face03.gif)} .lhalala_number ul li .img04 { background-image:url(../img/face04.gif)} .lhalala_number ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)} @media all and (min-width:891px) { .lhalala_number li { float:left; border: 3px solid transparent; transition: all 0.5s;} .lhalala_number li:hover { border:3px solid #2E546E;} .lhalala_number .down { margin-top:50px} .lhalala_number .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0} .lhalala_number .col-gn-0,.latest_row .col-gn-1 {width:100%} .lhalala_number .col-gn-2 {width:48%; margin-left:1.33333%; margin-bottom:2%} .lhalala_number .col-gn-2:nth-child(2n+1) { margin-left:0} .lhalala_number .col-gn-3 {width:32%; margin-left:1.33333%; margin-bottom:2%} .lhalala_number .col-gn-3:nth-child(3n+1) { margin-left:0} .lhalala_number .col-gn-4 {width:24%; margin-left:1.33333%} .lhalala_number .col-gn-4:nth-child(4n+1) { margin-left:0} .lhalala_number .col-gn-5 {width:20%} .lhalala_number .col-gn-6 {width:16.66666667%} .lhalala_number .col-gn-7 {width:14.28571428%} .lhalala_number .col-gn-8 {width:12.5%} .lhalala_number .col-gn-9 {width:11.11111111%} .lhalala_number .col-gn-10 {width:10%} } @media all and (min-width:681px) and (max-width:890px) { .lhalala_number .col-gn-2 {width:49%; margin-left:2%; margin-bottom:2%} .lhalala_number .col-gn-2:nth-child(3n+1) { margin-left:0} .lhalala_number .col-gn-3 {width:49%; margin-left:2%; margin-bottom:2%} .lhalala_number .col-gn-3:nth-child(3n+1) { margin-left:0} .lhalala_number .col-gn-4 {width:49%; margin-left:2%; margin-bottom:2%; float:left} .lhalala_number .col-gn-4:nth-child(2n+1) {margin-left:0;} } @media screen and (max-width:680px) { .lhalala_number .col-gn-2 {margin-left:0%; margin-bottom:4%; width:100%;} .lhalala_number .col-gn-3 {margin-left:0%; margin-bottom:4%; width:100%;} .lhalala_number .col-gn-4 {margin-left:0%; margin-bottom:4%; width:100%;} .lhalala_number ul li span { font-size:17px} .lhalala_number { padding:80px 0; background-attachment:inherit; background-position: center} .lhalala_number ul li h2 { padding:20px 20px} .lhalala_number ul li .img { height:310px} } /*라라라필 횟수별 효능*/ /*아쿠아필 원리*/ .company_info_aqua {width:100%; padding-top:100px; clear:both;background-image:url(../img/aqua_image_bg.jpg);background-position:center;background-repeat:no-repeat;background-size: cover;position:relative;z-index:1;display:flex;align-items:center;} .company_info_aqua .ulthera_lifting { width:100%;padding-bottom:100px; } .company_info_aqua .ulthera_lifting .inner { max-width:1240px; margin:auto; clear:both;} .company_info_aqua .ulthera_lifting .inner h2 {font-family: '', serif; text-align:center; color:#2E546E;word-break:keep-all;} .company_info_aqua .ulthera_lifting .inner h3 {font-family: '', serif; font-size: 40px;text-align:center; color:#fff;padding-bottom: 20px;font-weight: 500;} .company_info_aqua .ulthera_lifting .inner h3:after { content: " ";display: block; margin:20px auto; width:35px; height: 2px; background-color:#fff; clear: both;} .company_info_aqua .ulthera_lifting .inner span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .company_info_aqua .ulthera_lifting dl { float:left; width:320px; height: 320px;padding:30px;background-color: #2E546E;border-radius: 50%;margin-right: 3.7%;margin-left: 3.7%;} .company_info_aqua .ulthera_lifting dl:last-child { border:0} .company_info_aqua .ulthera_lifting dl dt { font-size:20px; height:60px; font-weight:bold; text-align:center;color:#fff;} .company_info_aqua .ulthera_lifting dd { line-height:2; text-align:center; font-size:18px;color: #fff;} @media (max-width: 960px){ .company_info_aqua .ulthera_lifting dl {margin-top:30px;margin-left: 7%;margin-right: 7%;} .company_info_aqua .ulthera_lifting .inner h2 {padding: 0px 23px 23px 23px;} } /*아쿠아필 원리*/ /*아쿠아필 어떤 특징이 있나요?*/ .aqua_feature {width:100%; min-height:900px; padding:200px 0; clear:both; } .aqua_feature .inner h2 { font-family: '', serif; text-align:center; color:#2E546E;} .aqua_feature span { display: block; padding: 20px 10px 100px 10px;text-align:center;} .aqua_feature .inner{ max-width:1400px; margin:0 auto} .aqua_feature ul li h3 { display:block; font-size:24px; font-weight:bold; padding:40px 20px; text-align:center; border:1px solid #ddd; color:#2E546E;background-color: #fff;} .aqua_feature ul li span { display:block; padding:20px 0; text-align:center;} .aqua_feature ul .down01 {margin-top:50px; width:19%} .aqua_feature ul .down02 {margin-top:50px; width:24%} .aqua_feature ul li .img { width:100%; height:380px; background-repeat:no-repeat; background-position:top center; background-size:cover; -webkit-transform: scale(1);transform: scale(1);transition: all 1s ease;-webkit-transition: all 1s ease;} .aqua_feature ul li .img01 { background-image:url(../img/aqua_feature01.jpg)} .aqua_feature ul li .img02 { background-image:url(../img/aqua_feature02.jpg)} .aqua_feature ul li .img03 { background-image:url(../img/aqua_feature03.jpg)} .aqua_feature ul li .img04 { background-image:url(../img/aqua_feature04.jpg)} .aqua_feature ul li a:hover .img {-webkit-transform: scale(1.1);transform: scale(1.1)} @media all and (min-width:891px) { .aqua_feature li { float:left; border: 3px solid transparent; transition: all 0.5s;} .aqua_feature li:hover { border:3px solid #2E546E;} .aqua_feature .down { margin-top:50px} .aqua_feature .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0} .aqua_feature .col-gn-0,.latest_row .col-gn-1 {width:100%} .aqua_feature .col-gn-2 {width:48%; margin-left:1.33333%; margin-bottom:2%} .aqua_feature .col-gn-2:nth-child(2n+1) { margin-left:0} .aqua_feature .col-gn-3 {width:32%; margin-left:1.33333%; margin-bottom:2%} .aqua_feature .col-gn-3:nth-child(3n+1) { margin-left:0} .aqua_feature .col-gn-4 {width:24%; margin-left:1.33333%} .aqua_feature .col-gn-4:nth-child(4n+1) { margin-left:0} .aqua_feature .col-gn-5 {width:20%} .aqua_feature .col-gn-6 {width:16.66666667%} .aqua_feature .col-gn-7 {width:14.28571428%} .aqua_feature .col-gn-8 {width:12.5%} .aqua_feature .col-gn-9 {width:11.11111111%} .aqua_feature .col-gn-10 {width:10%} } @media all and (min-width:681px) and (max-width:890px) { .aqua_feature .col-gn-2 {width:49%; margin-left:2%; margin-bottom:2%} .aqua_feature .col-gn-2:nth-child(3n+1) { margin-left:0} .aqua_feature .col-gn-3 {width:49%; margin-left:2%; margin-bottom:2%} .aqua_feature .col-gn-3:nth-child(3n+1) { margin-left:0} .aqua_feature .col-gn-4 {width:49%; margin-left:2%; margin-bottom:2%; float:left} .aqua_feature .col-gn-4:nth-child(2n+1) {margin-left:0;} } @media screen and (max-width:680px) { .aqua_feature .col-gn-2 {margin-left:0%; margin-bottom:4%; width:100%;} .aqua_feature .col-gn-3 {margin-left:0%; margin-bottom:4%; width:100%;} .aqua_feature .col-gn-4 {margin-left:0%; margin-bottom:4%; width:100%;} .aqua_feature ul li span { font-size:17px} .aqua_feature { padding:80px 0; background-attachment:inherit; background-position: center} .aqua_feature ul li h2 { padding:20px 20px} .aqua_feature ul li .img { height:310px} } /*아쿠아필 어떤 특징이 있나요?*/ /* 아쿠아필의 장점 */ .aqua_strength .inner h2 {font-family: '', serif; text-align:center; color:#2E546E;padding-top: 100px;padding-bottom: 100px;line-height: normal;} .aqua_strength .icon li {width:22%; margin-right:4%; min-height:350px; float:left; text-align:justify;} .aqua_strength .icon li:nth-child(4n+4){margin-right:0} .aqua_strength .icon li .web_icon { width:200px; height:200px; margin-bottom:20px; background-color:#f2f2f2; color:#fff; display:table; margin:0 auto} .aqua_strength .icon li .web_icon i {text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px} .aqua_strength .icon li p { font-size: 22px;text-align:center; word-break:keep-all;padding-top: 20px;} .aqua_strength .icon li .icon_img {text-align:center;padding-top:20px;display:block;} @media screen and (max-width: 960px) { .aqua_strength .icon li { width:50%; margin-right:0} .aqua_strength .icon li p { max-width:300px; margin:0 auto} } @media screen and (max-width: 640px) { .aqua_strength .inner h2 {padding-bottom: 50px;} .aqua_strength .icon li { width:100%; margin-right:0} .aqua_strength .icon li p { max-width:300px; margin:0 auto} } /* 아쿠아필의 장점 */ /*Q&A*/ .qa_area { padding-top: 100px;} .qa_area .colum { border-bottom:1px solid #ddd; padding-top:30px; padding-bottom:30px;} .qa_area .colum .left { width:40%; font-size:22px; font-weight:600; text-align:left; float:left;} .qa_area .colum .right {width: 60%; float: right; } .qa_area .colum .right ul li { text-align:left; background-repeat: no-repeat; padding-left:15px; background-image: url(../img/icon_dot.gif); background-position: left 12px; box-sizing:border-box;} @media screen and (max-width: 960px) { .qa_area .colum .left { width:100%; float:none; clear:both} .qa_area .colum .right { width:100%; float:none; clear:both} .qa_area .colum .right ul li { padding-left:13px} } /*Q&A*/ /*Q&A 제목 짧은거*/ .qa_area_short { padding-top: 100px;} .qa_area_short .colum { border-bottom:1px solid #ddd; padding-top:30px; padding-bottom:30px;} .qa_area_short .colum .left { width:25%; font-size:22px; font-weight:600; text-align:left; float:left;} .qa_area_short .colum .right {width: 75%; float: right; } .qa_area_short .colum .right ul li { text-align:left; background-repeat: no-repeat; padding-left:15px; background-image: url(../img/icon_dot.gif); background-position: left 12px; box-sizing:border-box;} @media screen and (max-width: 960px) { .qa_area_short .colum .left { width:100%; float:none; clear:both} .qa_area_short .colum .right { width:100%; float:none; clear:both} .qa_area_short .colum .right ul li { padding-left:13px} } /*Q&A 제목 짧은거*/ /* //////////////////// 커스텀 컨텐츠(하위메뉴들) /////////////////////// */ @media screen and (max-width: 960px) { /* .content_area .photo_box .img { max-width:100%; text-align:center; display:block; float:none; clear:both} .content_area .photo_box .img img { width:100%} .content_area .photo_box .txt_wrap { width:100%; display:block; position:relative; clear:both} .content_area .photo_box .txt {max-width: 100%; float:none}*/ } @media screen and (min-width: 960px) { .pc_none{display:none} } @media screen and (max-width: 961px) { .m_none{display:none} }