#bw_board_list thead tr th{padding: 16px 10px} /* 스킨 수정 내용 */ .sub_content #bw_board_list tbody tr td button{background: #e1215b;} .sub_content #bw_req_view table tbody tr th{padding: 16px 8px;} .sub_content #bw_req_view table thead tr th{padding: 16px 8px;} .sub_content #bw_req_view table tbody tr td{padding: 16px 8px;} .sub_content #bw_req_view table{margin: 0 0 30px 0} .sub_content #bw_req_view table caption{padding: 0 0 8px 0; font-size:18px; font-weight:500} /* 딱존 게시판 기본 옵션 */ #bw_board_write table caption {border-bottom:2px solid #121212 !important} #bw_board_list caption {border-bottom:2px solid #121212 !important} #bw_board_view caption {border-bottom:2px solid #121212 !important} .bw_page li a.on {background:#121212 !important;border:1px solid #121212 !important} /* 딱존 카테코리 기본옵션 */ .sub_content .bw_board_tab_0{padding:0; margin:0; border-bottom:none;} .sub_content .bw_board_tab_0 li{padding:0; margin:0; display:inline-block; width:50%;} .sub_content .bw_board_tab_0 li a{display:block;margin-top:-1px;margin-left:-1px; padding:0; text-align:center; font-size:14px;border:1px solid #ddd;height:60px; line-height:60px;} .sub_content .bw_board_tab_0 li .on{background:#121212; color: #fff} #bw_board_write_form_file_0{width: 182px;} /* 기본 설정 */ *{padding: 0; margin: 0;} body{font-family:'notokr', sans-serif; font-size: 14px;} ul, ol{list-style: none; font-size: 0px;} li{list-style: none; font-size: 14px;} .img img{max-width: 100%;} img{border: none;} a{color: #121212; text-decoration: none; font-family: 'notokr', sans-serif;} .cf:after{display: block; content: ""; clear: both;} .wrap, header, .utility, section, footer{width: 100%; position: relative;} .header_in, .utility_in, .w1400, .footer_in{max-width: 1400px; margin: 0 auto; position: relative; box-sizing: border-box;} .in_w1400{max-width: 1400px; margin: 0 auto; box-sizing: border-box;} .pc1400{display: block;} .m1400{display: none;} .pc1300{display: block;} .m1300{display: none;} .pc1100{display: block;} .m1100{display: none;} .pc1000{display: block;} .m1000{display: none;} .pc900{display: block;} .m900{display: none;} .pc840{display: block;} .m840{display: none;} .pc640{display: block;} .m640{display: none;} .pc500{display: block;} .m500{display: none;} .pc480{display: block;} .m480{display: none;} .pc460{display: block;} .m460{display: none;} .pc400{display: block;} .m400{display: none;} .color_red{color: #cb0000;} .color_blue{color: #006ddf;} .sub_title_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sub_title_wrap .sub_title{font-size: 60px; font-weight: 700; color: #fff;} .con_title{font-size: 40px; font-weight: 700; text-align: center; margin: 70px auto 0px;} .con_title::after{display: block; content: ""; width: 60px; height: 3px; background: #121212; margin: 26px auto 34px; } .common_table{width:100%} .common_table table{width: 100%; border-collapse: collapse; border-spacing: 0;} .common_table table caption{width: 100%; height: 2px; background: #000;} .common_table table th{border-bottom: 1px solid #d3d3d3; padding: 16px; background: #f8f8f8; font-size: 16px;} .common_table table td{border-bottom: 1px solid #d3d3d3; padding: 16px; font-size: 16px;} .common_dl{} .common_dl dt{display: inline-block; width: 16px;} .common_dl dd{display: inline-block; width: calc(100% - 16px); vertical-align: top;} .space24{margin-right: 36px;} .tu_tit{font-weight: 600; font-size: 15px;line-height: 1.5em; margin-bottom: 12px; color: #121212;} .tu_stit{font-size: 14px; line-height: 1.5em; margin:10px 0 4px; color: #121212;} .tu_d1{padding-left: 10px; font-size: 13px; line-height: 1.5em; color: #565656;} .tu_d2{padding-left: 20px; font-size: 13px; line-height: 1.5em; color: #565656;} .main_tit_wrap{text-align: center; margin-bottom: 45px;} .main_tit_wrap .main_tit{font-size: 44px; font-weight: 800;} .main_tit_wrap .main_tit::before{display: block; content: ""; background: url(https://cdn.waas.kr/beautyjclinic/skin/main_tit_point_icon.png) no-repeat center; width: 100%; height:13px; margin-bottom: 5px;} .main_tit_wrap .text{font-size: 16px; font-weight: 400;} /* 메인페이지 */ .utility{height: 44px; box-sizing: border-box;} .utility .utility_in{} .utility .utility_in .list{position: absolute; top: 13px; right: 0; font-weight: 400;} .utility .utility_in .list > ul{} .utility .utility_in .list > ul > li{display: inline-block;} .utility .utility_in .list > ul > li::after{display: inline-block; content: "|"; margin: 0 15px; color: #dadada;} .utility .utility_in .list > ul > li:last-child:after{display: none;} .utility .utility_in .list > ul > li:last-child{margin-right: 0px;} .utility .utility_in .list > ul > li a{font-size: 13px; font-weight: 400;} .utility .utility_in .list > ul > li a:hover{text-decoration: underline;} .utility .utility_in .list > ul > li a .shopping_basket_count{color: #e9004d;} header{box-sizing: border-box; background: rgba(255,255,255,0.5); position: absolute; top: 0; left: 0; z-index: 999;} header .header_in{height:75px; max-width: 1400px; margin: 0 auto; position: relative; } header .header_in .logo{position: absolute; top: 13px;} header .header_in .main_menu{width: 1000px; margin: 0 auto 0 calc(((100% - 1000px) / 2) + 70px); text-align: center;} header .header_in .main_menu > ul > .d1{} header .header_in .main_menu > ul > .d1{display: inline-block; height: 100%; vertical-align: top; box-sizing: border-box; position: relative;} header .header_in .main_menu > ul > .d1 > a{display: block; line-height: 79px; font-size: 16px; font-weight: 500; box-sizing: border-box; padding: 0 33px;} header .header_in .main_menu > ul > .d1 > a:hover{color: #e1215b;} header .header_in .main_menu > ul > .d1 .sub{display: none; z-index: 8000; position: absolute; top: 75px; left: 0; background: #fff; width: 100%; padding: 10px 0; min-width: 150px; border-top: 2px solid #e1215b; box-shadow: 0 2px 4px 1px rgba(0,0,0,0.2);} header .header_in .main_menu > ul > .d1:nth-child(2) .sub{width: 180px;} header .header_in .main_menu > ul > .d1 .sub_page_sub{top:60px} header .header_in .main_menu > ul > .d1 .sub > ul{} header .header_in .main_menu > ul > .d1 .sub > ul > .d2{} header .header_in .main_menu > ul > .d1 .sub > ul > .d2 > a{display: block; padding: 6px 10px; text-align: left; font-weight: 500;} header .header_in .main_menu > ul > .d1 .sub > ul > .d2 > a:hover{color: #e1215b;} header .header_in .menu_open_btn{position: absolute; top: 30px; right: 0; cursor: pointer;} header .header_in .menu_open_btn > div{width: 25px; height: 3px; background: #000;} header .header_in .menu_open_btn > .top_line{} header .header_in .menu_open_btn > .middle_line{margin: 6px 0;} header .header_in .menu_open_btn > .bottom_line{} header .header_in .simple_reservation{position: absolute; top: 31px; right: 68px; display: none;} header .header_in .simple_reservation a{padding:5px 15px; background: #373737; color: #fff; border-radius: 15px;} header .header_in .m_hidden_menu_open_btn{position: absolute; top: 30px; right: 0; display: none; cursor: pointer;} header .header_in .m_hidden_menu_open_btn > div{width: 28px; height: 2px; background: #373737;} header .header_in .m_hidden_menu_open_btn > .top_line{} header .header_in .m_hidden_menu_open_btn > .middle_line{margin: 6px 0; width: 19px; margin-left: 9px;} header .header_in .m_hidden_menu_open_btn > .bottom_line{} header .total_menu_wrap{width: 100%; height: 100%; min-height: 800px; position: fixed; top: 0; left: 0; z-index: 9000; background: #4c505b; display: none;} header .total_menu_wrap .total_menu_close_btn{position: absolute; top: 50px; right: 50px; cursor: pointer;} header .total_menu_wrap .total_menu_in{height: 803px; overflow: auto;} header .total_menu_wrap .total_menu_in > ul{margin: 80px 180px 20px; position: relative;} header .total_menu_wrap .total_menu_in > ul > .d1{display: inline-block; width: 15.833%; margin-right: 1%; box-sizing: border-box; vertical-align: top; margin-bottom: 20px;} header .total_menu_wrap .total_menu_in > ul > .d1:nth-child(5n){margin-right: 0;} header .total_menu_wrap .total_menu_in > ul > .d1:last-child{margin-right: 0;} header .total_menu_wrap .total_menu_in > ul > .d1 > a{display: block; font-size: 19px; font-weight: 500; padding: 10px 0; color: #fff; border-radius: 8px;} header .total_menu_wrap .total_menu_in > ul > .d1 > a:hover{color: #dfdfdf;} header .total_menu_wrap .total_menu_in > ul > .d1 > .sub{} header .total_menu_wrap .total_menu_in > ul > .d1 > .sub > ul{padding: 10px 0;} header .total_menu_wrap .total_menu_in > ul > .d1 > .sub > ul > li{} header .total_menu_wrap .total_menu_in > ul > .d1 > .sub > ul > li a{display: block; padding: 6px 0px; font-weight: 500; color: #fff; font-size: 16px;} header .total_menu_wrap .total_menu_in > ul > .d1 > .sub > ul > li a:hover{color: #dfdfdf;} header .total_menu_wrap .total_menu_in .contact_wrap{margin: 0px 180px 0px;} header .total_menu_wrap .total_menu_in .contact_wrap ul{} header .total_menu_wrap .total_menu_in .contact_wrap ul li{display: inline-block; width: 23.5%; height: 136px; border: 2px solid #fff; border-radius: 20px; padding: 20px; box-sizing: border-box; margin-right: 2%; vertical-align: top; position: relative;} header .total_menu_wrap .total_menu_in .contact_wrap ul li:last-child{margin-right: 0;} header .total_menu_wrap .total_menu_in .contact_wrap ul li a{color: #fff; display: block; width: 100%; height: 100%;} header .total_menu_wrap .total_menu_in .contact_wrap ul li a .tit{font-size: 20px; font-weight: 600; margin-bottom: 13px;} header .total_menu_wrap .total_menu_in .contact_wrap ul li a .text{font-size: 16px;} header .total_menu_wrap .total_menu_in .contact_wrap ul li:nth-child(1) a .text{font-size: 18px;} .sec1{position: relative;} .sec1 .sw_main_slide {position: relative; height: 700px; overflow: hidden;} .sec1 .sw_main_slide .swiper-wrapper {} .sec1 .sw_main_slide .swiper-wrapper .main_slide {height: 700px; background: url(https://cdn.waas.kr/beautyjclinic/skin/main_view.jpg) no-repeat center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide .text_wrap{position: absolute; left: 50%; margin-top: 215px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide .text_wrap .add_tit{font-size: 18px; font-weight: 400; margin-bottom: 20px; color: #fff;} .sec1 .sw_main_slide .swiper-wrapper .main_slide .text_wrap .sec1_view_title{font-size: 91px; font-weight: 900; margin-bottom: 10px; background: linear-gradient(to right, #ea5a9c, #005eae); color: transparent; -webkit-background-clip: text;} .sec1 .sw_main_slide .swiper-wrapper .main_slide .text_wrap .text{font-size: 24px; font-weight: 400; color: #fff; margin-bottom: 40px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide .text_wrap .view_btn{background: url(https://cdn.waas.kr/beautyjclinic/skin/sec1_view_btn_arrow.png) no-repeat left center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide .text_wrap .view_btn a {display: block; width: 83px; height: 83px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); position: relative; margin-left: 33px; transition: 0.4s all;} .sec1 .sw_main_slide .swiper-wrapper .main_slide .text_wrap .view_btn a:hover {background: rgba(255,255,255,0.2);} .sec1 .sw_main_slide .swiper-wrapper .main_slide .text_wrap .view_btn a .in_text {position: absolute; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 15px; font-weight: 900;} /* 수정 */ .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 {height: 700px; background: url('https://cdn.waas.kr/beautyjclinic/skin/main_banner_01.jpg') no-repeat center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap {position: absolute; top: 30%; left: 20%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .add_tit {font-family: 'notokr', sans-serif;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .add_tit img {position: absolute; left: 7%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .sec1_view_title {font-family: 'notokr', sans-serif;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .text {position: absolute; top: 241px; z-index: 9;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .view_btn {position: absolute; top: -200px; left: -400px; width: 1920px; height: 700px; background: url('https://cdn.waas.kr/beautyjclinic/skin/view_2.png') no-repeat center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .view_btn a {display: block; width: 100%; height: 100%; font-size: 0;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 {height: 700px; background: url('https://cdn.waas.kr/beautyjclinic/skin/main_banner_02.jpg') no-repeat center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap {position: absolute; top: 30%; left: 20%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .add_tit {} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .sec1_view_title {position: absolute; top: 153px; right: -55px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .text {position: absolute; top: 251px; right: -30px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .view_btn {position: absolute; top: -200px; left: -400px; width: 1920px; height: 700px; background: url('https://cdn.waas.kr/beautyjclinic/skin/view_3.png') no-repeat center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .view_btn a {display: block; width: 100%; height: 100%; font-size: 0;} .sec1 .m_serch_box{width: 440px; height: 52px; position: absolute; bottom: 10px; left: 50%; transform: translate(-50%); background: linear-gradient(to right, #ea5a9c, #005eae); border-radius: 26px; display: none;} .sec1 .m_serch_box input[type='search']{border: none; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); outline: none; box-sizing: border-box; padding: 10px 60px 10px 20px; font-size: 15px;} .sec1 .m_serch_box ::-webkit-input-placeholder{color: #464646; text-align: center;} .sec1 .m_serch_box .img{position: absolute; top: 50%; right: 20px; z-index: 100; transform: translateY(-50%);} .sec2{ z-index: 99; } .sec2 .w1400{} .sec2 .w1400 .sec2_contact_wrap{padding: 30px 0; position: relative; top:-50px; background: #fff;} .sec2 .w1400 .sec2_contact_wrap::after{display: block; content: ""; width: 100%; height: 130px; position: absolute; bottom: 0; left: 0; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); z-index: -1;} .sec2 .w1400 .sec2_contact_wrap > ul{} .sec2 .w1400 .sec2_contact_wrap > ul > li{display: inline-block; width: 33.333%; vertical-align: top; border-right: 1px solid rgba(0,0,0,0.05); box-sizing: border-box; padding: 0 32px; height:160px; position: relative;} .sec2 .w1400 .sec2_contact_wrap > ul > li .sec2_contact_tit{font-weight: 600; font-size: 18px; box-sizing: border-box; padding-left: 24px; background-repeat: no-repeat; background-position: left center; margin-bottom: 14px;} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(1) .sec2_contact_tit{background-image: url(https://cdn.waas.kr/beautyjclinic/skin/sec2_contact_tit_icon1.png);} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(2) .sec2_contact_tit{background-image: url(https://cdn.waas.kr/beautyjclinic/skin/sec2_contact_tit_icon2.png);} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(2) .num{font-size: 36px; font-weight: 700; color: #363636; text-align: center;} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(3) .sec2_contact_tit{background-image: url(https://cdn.waas.kr/beautyjclinic/skin/sec2_contact_tit_icon3.png);} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(3) .text{text-align: center; color: #363636; font-size: 15px; margin-top: 24px; font-weight: 500;} .sec2 .w1400 .sec2_contact_wrap > ul > li .plan{} .sec2 .w1400 .sec2_contact_wrap > ul > li .plan .common_dl{font-size: 15px;} .sec2 .w1400 .sec2_contact_wrap > ul > li .plan .common_dl dt{font-weight: 500; width: 110px; margin-bottom: 10px;} .sec2 .w1400 .sec2_contact_wrap > ul > li .plan .common_dl dd{width: calc(100% - 110px); font-weight: 500; margin-bottom: 10px; color: #121212;} .sec2 .w1400 .sec2_contact_wrap > ul > li .plan .common_dl dd .time{font-weight: 400; color: #777777;} .sec2 .w1400 .sec2_contact_wrap > ul > li .plan .common_dl dd .font_w{font-weight: 400; color: #363636;} .sec2 .w1400 .sec2_contact_wrap > ul > li .btn_wrap{position: absolute; width: calc(100% - 64px); bottom: 0px;} .sec2 .w1400 .sec2_contact_wrap > ul > li .btn_wrap > ul{} .sec2 .w1400 .sec2_contact_wrap > ul > li .btn_wrap > ul > li{display: inline-block; width:49%; text-align: center; line-height:44px} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(2) .btn_wrap > ul > li:nth-child(1){background: #ffe600;} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(2) .btn_wrap > ul > li:nth-child(2){background: #665ec7;} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(2) .btn_wrap > ul > li:nth-child(2) a{color: #fff;} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(3) .btn_wrap > ul > li{background: #4c505b;} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(3) .btn_wrap > ul > li > a{color: #fff;} .sec2 .w1400 .sec2_contact_wrap > ul > li .btn_wrap > ul > li span{} .sec2 .w1400 .sec2_contact_wrap > ul > li .btn_wrap > ul > li:first-child{margin-right: 2%;} .sec2 .w1400 .sec2_contact_wrap > ul > li .btn_wrap > ul > li > a{display: block; width: 100%; height: 100%;} .sec2 .w1400 .sec2_contact_wrap > ul > li .btn_wrap > ul > li > a > img{position: relative; top: 3px; left:-8px} .sec3{margin-bottom: 30px; height: 640px; overflow: hidden; margin-bottom: 340px;} .sec3 .main_tit_wrap{margin-top: 20px;} .sec3_slide{width:100%; height: 460px; position: absolute; left: 50%; margin-left: -700px;} .sec3_slide::after{display: block; content: ""; width: 1400px; height: 100%; position: absolute; top: 0;left: -1400px; background:#fff; z-index: 100;} .sec3_slide .sc1{height: auto; overflow: inherit;} .sec3_slide .sc1 .sw1{height: 470px;} .sec3_slide .sc1 .sw1 .swiper-slide{width: 320px; font-size: 0px; vertical-align: bottom;} .sec3_slide .sc1 .sw1 .swiper-slide img{border-radius: 0%;} .sec3_slide .sc1 .sw1 .swiper-slide:nth-child(4n+1) img{border-bottom-left-radius: 0%; border-bottom-right-radius: 0%;} .sec3_slide .sc1 .sw1 .swiper-slide:nth-child(4n+3) img{border-top-left-radius: 0%; border-top-right-radius: 0%; } .sec3_slide .sc1 .sw1 .swiper-slide .text_wrap{font-size: 16px; margin-top: 20px;} .sec3_slide .sc1 .sw1 .swiper-slide .text_wrap .tit{font-size: 0px; font-weight: 700; margin-bottom: 4px;} .sec3_slide .sc1 .sw1 .swiper-slide .text_wrap .text{overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .sec3_slide .sc1 .sc1_pager{top: inherit; bottom: 0; height: 2px; width: calc(100% - 160px);} .sec3_slide .sc1 .sc1_pager .swiper-pagination-progressbar-fill{background: #000;} .sec3_slide .sec3_slide_btn_wrap{width: 120px; height: 20px; position: absolute; bottom: 0; right: 0; z-index: 100;} .sec3_slide .sec3_slide_btn_wrap .sc1_prev_btn{height: 20px; left: 2px; top: 0; margin-top:0; background: url(https://cdn.waas.kr/beautyjclinic/skin/sec3_slide_prev_btn.png) left no-repeat;} .sec3_slide .sec3_slide_btn_wrap .sc1_next_btn{height: 20px; right: 2px; top: 0; margin-top:0; background: url(https://cdn.waas.kr/beautyjclinic/skin/sec3_slide_right_btn.png) right no-repeat;} .sec3_slide .sec3_slide_btn_wrap .play_btn{width: 21px; margin: 0 auto;} .sec3_slide .sec3_slide_btn_wrap .play_btn img{cursor: pointer;} .sec4{background: #f9f9fa; padding-bottom: 76px; height: 300px;} .sec4 .w1400{} .sec4 .w1400 .sec4_top_slide{height: 462px; width: 100%; background: #fff; position: absolute; top:-207px; left: 0;} .sec4 .w1400 .sec4_top_slide .sc2{width: 100%;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2{width: 100%;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide{width: 100%; background: transparent; padding: 10px 0;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide .text_wraps{width: 30%; margin-right: 6%; vertical-align: top; float: left;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide .text_wraps .tit{font-size: 68px; font-weight: 900; line-height: 1.1em; padding: 30px 0 24px;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide .text_wraps .stit{font-size: 27px; font-weight: 600; margin-bottom: 28px;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide .text_wraps .text{font-size: 15px; font-weight: 500; color: #363636;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide .img{width: 64%; height: 100%; font-size: 0; float: right; background-position: center; background-repeat: no-repeat; height: 462px; background-size: cover; box-shadow: -4px 3px 10px 0px rgba(0,0,0,0.1);} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .sc2_ss1 .img{background-image: url(https://cdn.waas.kr/beautyjclinic/skin/sec4_slide_img1.jpg);} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .sc2_ss2 .img{background-image: url(https://cdn.waas.kr/beautyjclinic/skin/sec4_slide_img2.jpg);} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .sc2_ss3 .img{background-image: url(https://cdn.waas.kr/beautyjclinic/skin/sec4_slide_img3.jpg);} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .sc2_ss4 .img{background-image: url(https://cdn.waas.kr/beautyjclinic/skin/sec4_slide_img4.jpg);} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .sc2_ss5 .img{background-image: url(https://cdn.waas.kr/beautyjclinic/skin/sec4_slide_img5.jpg);} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .sc2_ss6 .img{background-image: url(https://cdn.waas.kr/beautyjclinic/skin/sec4_slide_img6.jpg);} .sec4 .w1400 .sec4_top_slide .sc2 .sc2_pager{width: 139px; font-size: 15px; color:#999999; font-weight: 500; bottom: 24px;} .sec4 .w1400 .sec4_top_slide .sc2 .sc2_pager .swiper-pagination-current{font-size: 24px; font-weight: 700; color: #121212;} .sec4 .w1400 .sec4_top_slide .sc2 .sc2_prev_btn{top: inherit; bottom: 20px; left: 0; background: url(https://cdn.waas.kr/beautyjclinic/skin/sec4_top_slide_prev_btn.png) no-repeat center;} .sec4 .w1400 .sec4_top_slide .sc2 .sc2_next_btn{top: inherit; bottom: 20px; left: 112px; background: url(https://cdn.waas.kr/beautyjclinic/skin/sec4_top_slide_next_btn.png) no-repeat center;} .sec4 .sec4_top_slide_bg{width: 1113px; height: 518px; background: #fff; position: absolute; top:-207px; left: -70px;} .sec4 .main_tit_wrap{padding-top: 410px; display: none;} .sec4 .sec4_bottom_slide{display: none;} .sec4 .sec4_bottom_slide .sc3{} .sec4 .sec4_bottom_slide .sc3 .sw3{} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide{width: 320px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .img{border-radius: 30px; overflow: hidden; font-size: 0;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap{} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .tit{text-align: center; margin: 10px 0; font-weight: 500; box-sizing: border-box; padding: 0 20px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price{text-align: center;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price > span{} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .sale{font-size: 25px; font-weight: 700;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .market_price{font-size: 18px; color: #999999; font-weight: 300;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .discount_price{font-size: 25px; font-weight: 700; color: #f2004a;} .sec4 .more{display: none;} .sec4 .more a{display: block; border: 1px solid #666666; color: #363636; width: 280px; line-height: 60px; box-sizing: border-box; font-size: 17px; font-weight: 500; text-align: center; margin: 60px auto 0px; font-weight: 500;} .sec4 .more a:hover{background: #666666; color: #fff;} .sec4_bottom_slide{position: relative;} .sec4_bottom_slide .sc3_prev_btn{left: -30px; background: none; top: 45%; height: 20px;} .sec4_bottom_slide .sc3_prev_btn::after{display: block; content: ""; width: 26px; height: 26px; border-top: 2px solid #acacac; border-left: 2px solid #4a4949; transform: rotate(-45deg);} .sec4_bottom_slide .sc3_next_btn{right: -30px; background: none; top: 45%; height: 20px;} .sec4_bottom_slide .sc3_next_btn::after{display: block; content: ""; width: 26px; height: 26px; border-top: 2px solid #acacac; border-right: 2px solid #4a4949; transform: rotate(45deg);} .sec5{padding-bottom: 105px;} .sec5 .w1400{} .sec5 .w1400 .main_tit_wrap{margin-top: 70px;} .sec5 .w1400 .reserve_list_wrpa > ul{} .sec5 .w1400 .reserve_list_wrpa > ul > li{width: 25%; display:inline-block; box-sizing: border-box; border-right: 1px solid #f5f5f5;} .sec5 .w1400 .reserve_list_wrpa > ul > li:last-child{border-right: none;} .sec5 .w1400 .reserve_list_wrpa > ul > li .img{text-align: center; margin-bottom: 30px;} .sec5 .w1400 .reserve_list_wrpa > ul > li .text_wrap{padding-bottom: 25px;} .sec5 .w1400 .reserve_list_wrpa > ul > li .text_wrap .tit{font-size: 27px; font-weight: 500; text-align: center; margin-bottom: 14px;} .sec5 .w1400 .reserve_list_wrpa > ul > li .text_wrap .text{font-size: 16px; font-weight: 400; color: #888888; text-align: center;} .sec5 .w1400 .reserve_list_wrpa > ul > li .text_wrap .text .point{color: #3c1d1c; font-weight: 500;} /* 팝업 슬라이드 */ #pop_up_slide{border: 1px solid rgba(0,0,0,0.4); max-width: 1200px; position: absolute; top: 126px; width: 100%; background: #fff; left: 50% !important; transform: translateX(-50%); z-index: 9999;} #pop_up_slide .pop_up_tit{margin: 0; padding: 12px 12px 8px 12px; background: #eee; font-weight: 600; text-align: center;} #pop_up_slide .close_wrap{color: #121212; text-align: right; padding: 10px 0; font-size: 12px;} #pop_up_slide .close_wrap > span{cursor: pointer; font-weight:500; margin-right:20px} #pop_up_slide .close_wrap input{position: relative; top: -3px;} #pop_up_slide .close_wrap button{background: none; border: none; font-weight: 600; cursor: pointer; margin-right:10px} .pop_sc1_wrap .pop_sc1 .pop_sw1 .swiper-slide{} .pop_sc1_wrap .pop_sc1 .pop_sw1 .swiper-slide img{width: 100%;} .pop_sc1 .pop_sc1_pager{bottom: 0 !important; background:#fff} .pop_sc1 .pop_sc1_pager .swiper-pagination-bullet{width: 16.666%; border-radius: 0; height: 30px; margin: 0 !important; line-height: 30px; color: #121212; background: #fff; opacity: 1; font-weight: 600;} .pop_sc1 .pop_sc1_pager .swiper-pagination-bullet-active{background: #e1215b; color: #fff;} /* 서브페이지 */ .sub_header{background: #fff; position: inherit;} .sub_header_line{width: 100%; height: 1px; background: linear-gradient(to right, #ea5a9c, #005eae);} .sub_sec1{} .sub_sec1 aside{float: left;width: 21.5%; margin-right: 3.5%;} .sub_sec1 aside .sub_tit_wrap{height: 97px; width: 100%; border-bottom: 1px solid #e6e6e6; margin-bottom: 26px;} .sub_sec1 aside .sub_tit_wrap .text{width:100%; font-size: 24px; font-weight: 700; text-align: left; padding-top: 40px; box-sizing: border-box;} .sub_sec1 aside .sub_menu{} .sub_sec1 aside .sub_menu ol{} .sub_sec1 aside .sub_menu ol li{margin-bottom: 6px; width: 100%; background: linear-gradient(to right, #ea5a9c, #005eae); height:50px; position:relative;} .sub_sec1 aside .sub_menu ol li a{display: block; line-height: 48px; border: 1px solid #e6e6e6; box-sizing: border-box; position: relative; padding: 0 19px; position: relative; font-size: 16px; color: #777777; font-weight: 400; background:#fff} .sub_sec1 aside .sub_menu ol li a:hover{font-weight: 500; } .sub_sec1 aside .sub_menu ol li .on{width: calc(100% - 4px); line-height: 46px; /* background: url(https://cdn.waas.kr/beautyjclinic/skin/sub_menu_bg.png) no-repeat center; */ border: none; font-weight: 500; color: #000; background-size: cover; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .sub_sec1 aside .sub_menu ol li .on::after{display: block; content: ""; position: absolute; top: 50%; right: 17px; width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg) translateY(-50%);} .sub_sec1 aside form{background:linear-gradient(to right, #ea5a9c, #005eae); margin:30px 0; padding:2px;} .sub_sec1 aside form p{background:white; padding:8px; text-align:right;} .sub_sec1 aside form p input[type='search']{width:calc(100% - 36px); margin:0 8px 0 0; border:none; font:inherit;} .sub_sec1 .sub_content_wrap{width: 75%; float: right;} .sub_sec1 .sub_content_wrap .sub_content{min-height: 500px;} .sub_sec1 .sub_content_wrap .d1_sub_tit_wrap{position: relative; border-bottom: 1px solid #e6e6e6; height: 98px; box-sizing: border-box; margin-bottom: 26px;} .sub_sec1 .sub_content_wrap .d1_sub_tit_wrap .d1_sub_tit{font-size: 30px; font-weight: 700; box-sizing: border-box; padding-top: 32px;} .sub_sec1 .sub_content_wrap .d1_sub_tit_wrap .reservation_btn{position: absolute; line-height: 36px; bottom: 23px; right: 0px; width: 130px; height: 36px; box-sizing: border-box; padding: 0 20px; background: linear-gradient(to right, #ea5a9b, #635ca6); font-size: 15px; font-weight: 500; color: #fff; border-radius: 18px; cursor: pointer;} .sub_sec1 .sub_content_wrap .d1_sub_tit_wrap .reservation_btn:after{display: block; content: ""; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform:translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: 10px;} .sub_sec1 .sub_content_wrap .reservation_list{} .sub_sec1 .sub_content_wrap .reservation_list ul{} .sub_sec1 .sub_content_wrap .reservation_list ul li{width: 49%; margin-right: 2%; border: 1px solid #e6e6e6; box-sizing: border-box; border-radius: 8px; float: left; margin-bottom: 21px;} .sub_sec1 .sub_content_wrap .reservation_list ul li:hover{box-shadow: 3px 3px 4px 2px rgba(0,0,0,0.3);} .sub_sec1 .sub_content_wrap .reservation_list ul li a{min-height: 133px;} .sub_sec1 .sub_content_wrap .reservation_list ul li a .arrow{display: none;} .sub_sec1 .sub_content_wrap .reservation_list ul li:hover a .arrow{display: block; position: absolute; top: 50%; right: 26px; transform: translateY(-50%);} .sub_sec1 .sub_content_wrap .reservation_list ul li:nth-child(2n){margin-right: 0;} .sub_sec1 .sub_content_wrap .reservation_list ul li a{display: block; padding: 23px 28px; box-sizing: border-box; position: relative;} .sub_sec1 .sub_content_wrap .reservation_list ul li a .tit{font-size: 18px; font-weight: 600; margin-bottom: 4px;} .sub_sec1 .sub_content_wrap .reservation_list ul li a .text{color: #888; font-size: 14px; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .sub_sec1 .sub_content_wrap .reservation_list ul li a .price_wrap{position: absolute; bottom: 16px; left: 27px;} .sub_sec1 .sub_content_wrap .reservation_list ul li a .price_wrap .price{font-size: 18px; color: #f2004a; font-weight: 600;} .sub_sec1 .sub_content_wrap .reservation_list ul li a .price_wrap .price_text{color: #999; font-size: 15px;} .sub_sec1 .sub_content_wrap .reservation_list_pager{margin-top: 50px;} .sub_sec1 .sub_content_wrap .reservation_list_pager ul{text-align: center;} .sub_sec1 .sub_content_wrap .reservation_list_pager ul li{width: 38px; height: 38px; display: inline-block; border: 1px solid #e6e6e6; background: #f6f6f6; margin-right: 8px;} .sub_sec1 .sub_content_wrap .reservation_list_pager ul .on{border: 1px solid #999999; background: #fff;} .sub_sec1 .sub_content_wrap .reservation_list_pager ul li .num{line-height: 38px; cursor: pointer;} .sub_sec1 .sub_content_wrap2{} .sub_sec1 .sub_content_wrap2 .d1_sub_tit_wrap{position: relative; border-bottom: 1px solid #e6e6e6; height: 98px; box-sizing: border-box; margin-bottom: 26px;} .sub_sec1 .sub_content_wrap2 .d1_sub_tit_wrap .d1_sub_tit{font-size: 30px; font-weight: 700; box-sizing: border-box; padding-top: 32px;} .sub_sec1 .sub_content_wrap2 .d1_sub_tit_wrap .reservation_btn{position: absolute; line-height: 36px; bottom: 23px; right: 0px; width: 130px; height: 36px; box-sizing: border-box; padding: 0 20px; background: linear-gradient(to right, #ea5a9b, #635ca6); font-size: 15px; font-weight: 500; color: #fff; border-radius: 18px; cursor: pointer;} .sub_sec1 .sub_content_wrap2 .d1_sub_tit_wrap .reservation_btn:after{display: block; content: ""; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform:translateY(-50%) rotate(45deg); position: absolute; top: 50%; right: 10px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation{} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul{} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li{display: inline-block; vertical-align: top; box-sizing: border-box; border: 1px solid #e6e6e6; width: 32%; margin-right: 2%; height: 880px; position: relative;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li:last-child{margin-right: 0;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li > .tit{font-size: 16px; font-weight: 500; padding: 18px; background: #f6f6f6;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .tit_line{width: 100%; height: 1px; background:#f6f6f6; margin-bottom: 30px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .check_box_wrap{font-size: 15px; font-weight: 500; margin-bottom: 20px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .check_box_wrap .check_box{margin-bottom: 10px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .check_box_wrap .check_box input{width: 16px; height: 16px; vertical-align: top; margin: 3px 3px 0 0;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .check_box_wrap .check_box label{display: inline-block; width: calc(100% - 100px); vertical-align: top; cursor: pointer;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .check_box_wrap .check_box a{color: #868686; float: right;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .check_box_wrap .check_box a:hover{text-decoration: underline;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .info_bottom{background: #f6f6f6; padding: 18px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; width: 100%; height: 320px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .info_bottom .tit{padding: 0 0 18px 0; font-weight: 500;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .info_bottom .notice_text{color: #565656;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .info_bottom .notice_text .common_dl{} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .info_bottom .notice_text .common_dl dt{margin-bottom: 10px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .info_bottom .notice_text .common_dl dd{margin-bottom: 10px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .calendar{} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .calendar .info_bottom{} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .calendar .info_bottom .reservation_time{} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .calendar .info_bottom .reservation_time ul{} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .calendar .info_bottom .reservation_time ul li{box-sizing: border-box; width: 24%; height: 38px; margin-right: 1%; margin-bottom: 10px; float: left; text-align: center; line-height: 38px; border-radius: 19px; border: 1px solid #898989; font-weight: 500; cursor: pointer;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .calendar .info_bottom .reservation_time ul .on{background: #e1215b; color: #fff; border: 1px solid #e1215b;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info{} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap{padding: 0 18px 18px; box-sizing: border-box;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .text_input{margin-bottom: 20px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .text_input:after{display: block; content: ""; clear: both;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .text_input .text{font-weight: 500; float: left; width: 70px; padding-top: 4px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .text_input input{float:right; width: calc(100% - 70px); height: 30px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .text_input:nth-child(2) .coll_wrap{float:right; width: calc(100% - 70px);} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .text_input:nth-child(2) .coll_wrap input{width:calc(31% - 30px); float: left; margin-right: 2%;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .text_input:nth-child(2) .coll_wrap .number_request{width: 90px; float: right; padding: 6px 0; background: #e1215b; font-size:12px; box-sizing: border-box; font-weight: 500; text-align: center; border-radius: 14px; cursor: pointer; color: #fff;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .text_input:nth-child(3) .coll_wrap .number_request{width: 90px; float: right; padding: 6px 0; background: #e1215b; font-size:12px; box-sizing: border-box; font-weight: 500; text-align: center; border-radius: 14px; cursor: pointer; color: #fff;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .gender{margin-bottom: 20px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .gender .text{font-weight: 500; float: left; width: 70px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .gender .input_wrap{} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .gender .input_wrap > div{width: calc(100% - 70px);} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .gender .input_wrap > div input{height: 32px; width: calc(100% - 135px) !important; box-sizing: border-box;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .gender .input_wrap > div dfn{} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .gender .gender_radio_wrap{float: left;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .gender .gender_radio_wrap input{margin: 3px 2px 0 6px; vertical-align: top; padding-top: 4px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .gender .gender_radio_wrap label{cursor: pointer;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .requests{} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .requests .text{font-weight: 500; float: left; width: 70px; padding-top: 4px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .requests .input_wrap{float:right; width: calc(100% - 70px);} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .requests .input_wrap select{width: 100%; margin-bottom: 10px; height: 30px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .requests .input_wrap textarea{width: 100%;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation{box-sizing: border-box;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .treatment_list{padding: 0 18px 18px; max-height: 520px; overflow: auto;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .treatment_list > ul > li{border-bottom: 1px solid #e6e6e6; padding: 16px 0;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .treatment_list > ul > li:first-child{padding: 0px 0px 16px 0;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .treatment_list > ul > li::after{display: block; content: ""; clear: both;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .treatment_list > ul > li > div{float: left; padding-top: 2px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .treatment_list > ul > li .tit{font-size:15px; font-weight: 500; width: calc(100% - 134px); box-sizing: border-box; padding-right: 20px; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .treatment_list > ul > li .price{width: 104px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .treatment_list > ul > li .price .cost{text-decoration: line-through; color: #afafaf;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .treatment_list > ul > li .price .cost .cost_text{} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .treatment_list > ul > li .price .sale{font-size: 15px; font-weight: 500; color: #f2004a;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .treatment_list > ul > li .price .sale .sale_text{color: #121212;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .treatment_list > ul > li .close_btn{cursor: pointer; margin-top: 3px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom{position: absolute; bottom: 0; left: 0; width: 100%;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom .reservationadd_wrap{width: 100%; padding: 18px; box-sizing: border-box;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom .reservationadd_wrap ul{} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom .reservationadd_wrap ul li{float: left; width: 49%; margin-right: 2%; line-height: 40px; box-sizing: border-box; border: 1px solid #676767; text-align: center; border-radius: 21px; cursor: pointer;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom .reservationadd_wrap ul li:last-child{margin-right: 0;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom .reservation_price{background: #f6f6f6; padding: 18px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom .reservation_price .text_wrap{position: relative;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom .reservation_price .text_wrap .text{font-size: 16px; color: #121212; font-weight: 500; margin-bottom: 20px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom .reservation_price .text_wrap .text .text_add_text{font-size: 12px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom .reservation_price .text_wrap .add_text{font-size: 12px; color:#565656; position: absolute; bottom: 0; right: 0;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom .reservation_price .total_price{text-align: right; color: #f2004a; font-size: 20px; font-weight: 500;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom .reservation_price .total_price .total_price_text{color: #121212;} .sub_sec1 .sub_content_wrap2 .treatment_reservation ul .reservation .reservation_bottom button[type='submit']{font:inherit; background: #e1215b; width: 100%; font-size: 20px; text-align: center; color: #fff; line-height: 60px; cursor: pointer; border:none;} .con{margin-bottom: 75px;} .con .con_stit{font-size: 30px; font-weight: 600; margin-bottom: 23px;} .sub11{} .sub11 .con1{} .sub11 .con1 .sub11_tit{font-size: 33px; font-weight: 700; text-align: center; margin-bottom: 35px; margin-top: 30px;} .sub11 .con1 .sub11_tit .font_w{font-weight: 300; font-size: 24px;} .sub11 .con1 .text{text-align: center; font-size: 16px; text-align: center; margin-bottom: 40px;} .sub11 .con2{} .sub11 .con2 .sub11_tit{font-size: 33px; font-weight: 700; text-align: center; margin-bottom: 50px;} .sub11 .con2 .box_list{} .sub11 .con2 .box_list > ul{} .sub11 .con2 .box_list > ul > li{width: 30%; margin-right: 5%; display: inline-block; vertical-align: top; height: 270px;} .sub11 .con2 .box_list > ul > li:nth-child(3n){margin-right: 0;} .sub11 .con2 .box_list > ul > li .num{font-size: 20px; font-weight: 700; color:#e1215b; margin-bottom: 10px;} .sub11 .con2 .box_list > ul > li .bottom_line{width: 100%; height: 2px; background: #14100f; margin-bottom: 25px;} .sub11 .con2 .box_list > ul > li .tit{font-size: 22px; font-weight: 700; margin-bottom: 20px;} .sub11 .con2 .box_list > ul > li .text{font-size: 15px;} .sub12{} .sub12 .con1{} .sub12 .con1{} .sub12 .con1 .slogan{text-align: center; font-size: 33px; margin-bottom: 50px; line-height: 1.5em; font-weight: 300;} .sub12 .con1 .slogan .icon{margin-top: 30px;} .sub12 .con1 .slogan .point{background: linear-gradient(to right, #e54888, #004b9d); font-weight: 800; color: transparent; -webkit-background-clip: text;} .sub12 .con1 .slogan .signature{font-size: 16px; font-weight: 400; margin-top: 10px;} .sub12 .con1 .slogan .signature .signature_img{margin-left: 10px; position: relative; top: 10px;} .sub12 .con1 .sub12_bg{width: 100%; height: 449px; background: url(https://cdn.waas.kr/beautyjclinic/skin/sub12_bg.png) no-repeat center;} .sub12 .con1 .sub12_bg .text_wrap{font-size: 16px; font-weight: 400; color: #fff; padding: 90px 0 0 85px; line-height: 1.7em; text-shadow: 0px 0px 10px rgba(0,0,0,0.7);} .sub12 .con2{} .sub12 .con2 .con_stit_botton_line{width: 100%; height: 3px; margin:25px 0; background: #000;} .sub12 .con2 .box_list{ border-bottom: 1px solid #7f7f7f;} .sub12 .con2 .box_list > ul{} .sub12 .con2 .box_list > ul > li{display: inline-block; width: 32%; margin-right: 2%; vertical-align: top;} .sub12 .con2 .box_list > ul > li:last-child{margin-right: 0;} .sub12 .con2 .box_list > ul > li .tit{font-size: 22px; font-weight: 700; margin-bottom: 18px;} .sub12 .con2 .box_list > ul > li .text{font-size: 15px; color: #777; margin-bottom: 25px;} .sub12 .con2 .box_list > ul > li .img{font-size: 0; padding-bottom: 35px;} .sub12 .con2 .text_wrap{margin-top: 24px;} .sub12 .con2 .text_wrap > ul{} .sub12 .con2 .text_wrap > ul > li{display: inline-block; vertical-align: top; width: 50%; line-height: 2em; font-size: 16px; padding-right: 10px; box-sizing: border-box;} .sub13{} .sub13 .con1{} .sub13 .con1 .slogan{font-size: 33px; font-weight: 300; text-align: center; margin-bottom: 30px; line-height: 1.6em; margin-top: 30px;} .sub13 .con1 .sub13_bg{width: 100%; height: 449px; background: url(https://cdn.waas.kr/beautyjclinic/skin/sub13_bg.jpg) center no-repeat;} .sub13 .con1 .sub13_bg .text_wrap{color: #fff; text-align: center; padding-top: 90px;} .sub13 .con1 .sub13_bg .text_wrap .text{font-size: 18px; font-weight: 600; margin-bottom: 16px;} .sub13 .con1 .sub13_bg .text_wrap .num{font-size: 54px; font-weight: 700; margin-bottom: 20px;} .sub13 .con1 .sub13_bg .text_wrap .text1{font-size: 18px; font-weight: 500; margin-bottom: 60px;} .sub13 .con1 .reservation{} .sub13 .con1 .reservation > ul{text-align: center;} .sub13 .con1 .reservation > ul > li{width: 280px; height: 60px; display: inline-block; margin-right: 10px; } .sub13 .con1 .reservation > ul > li:nth-child(1){background: #f9e000;} .sub13 .con1 .reservation > ul > li:nth-child(1) a{color: #3b1c1c;} .sub13 .con1 .reservation > ul > li:nth-child(2){background: #00c73c;} .sub13 .con1 .reservation > ul > li:nth-child(3){background: linear-gradient(to right, #e95a9c, #005eae); margin-right: 0;} .sub13 .con1 .reservation > ul > li a{display: block; width: 100%; line-height: 60px; font-size: 18px; font-weight: 500; color: #fff;} .sub13 .con1 .reservation > ul > li a img{position: relative; top: 10px; margin-right: 10px;} .sub13 .con2{} .sub13 .con2 .common_table{} .sub13 .con2 .common_table th{border-right:1px solid #d3d3d3;} .sub13 .con2 .common_table th:last-child{border-right: none;} .sub13 .con2 .common_table td{text-align: center; border-right:1px solid #d3d3d3;} .sub13 .con2 .common_table td:last-child{border-right: none;} .sub13 .con3{} .sub13 .con3 .common_table{} .sub13 .con3 .common_table th{font-weight: 500; font-size: 16px; border-right: 1px solid #d3d3d3;} .sub13 .con3 .common_table th{border-right: none;} .sub13 .con3 .common_table td{border-right: 1px solid #d3d3d3; } .sub13 .con3 .common_table td:last-child{border-right: none;} .sub13 .con3 .common_table td:nth-child(1){text-align: center; width: 33.333%;} .sub13 .con3 .common_table td:nth-child(2){border-right: 1px solid #d3d3d3; padding: 20px 10px 20px 37px; border-right: none;} .sub13 .con3 .common_table td dl dd{margin-bottom: 5px; font-size: 16px;} .sub14{} .sub14 .sub14_tap{margin-bottom: 17px; margin-top: 50px;} .sub14 .sub14_tap > ul{} .sub14 .sub14_tap > ul > li{width: 25%; float: left; position: relative; cursor: pointer; height: 50px; background: #f6f6f6; border: 1px solid #e8e8e8; box-sizing: border-box; border-right: none;} .sub14 .sub14_tap > ul > li:last-child{border-right: 1px solid #e8e8e8;} .sub14 .sub14_tap > ul > li .in_box{font-size: 16px; text-align: center; background: #f6f6f6; line-height: 44px; width: calc(100% - 4px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #121212;} .sub14 .sub14_tap > ul > .on{background: linear-gradient(to right, #ea5a9c, #005eae); height: 50px;} .sub14 .sub14_tap > ul > .on .in_box{font-weight: 500; background: #fff;} .sub14 .equipment_list_wrap{} .sub14 .equipment_list_wrap .equipment_list{display: none;} .sub14 .equipment_list_wrap .equipment_list > ul{} .sub14 .equipment_list_wrap .equipment_list > ul > li{margin-top: 50px;} .sub14 .equipment_list_wrap .equipment_list > ul > li .equipment_image{width: 22%; margin-right: 4%; float: left; border: 1px solid #e8e8e8; box-sizing: border-box; border-radius: 8px; overflow: hidden;} .sub14 .equipment_list_wrap .equipment_list > ul > li .equipment_image .img{font-size: 0;} .sub14 .equipment_list_wrap .equipment_list > ul > li .equipment_info{width: 74%; float: left;} .sub14 .equipment_list_wrap .equipment_list > ul > li .equipment_info .tit{font-weight: 600; font-size: 30px; margin-bottom: 15px;} .sub14 .equipment_list_wrap .equipment_list > ul > li .equipment_info .equipment_effect{margin-bottom: 20px;} .sub14 .equipment_list_wrap .equipment_list > ul > li .equipment_info .equipment_effect > ul{} .sub14 .equipment_list_wrap .equipment_list > ul > li .equipment_info .equipment_effect > ul > li{float: left; margin-right: 3px; line-height: 30px; border: 1px solid #e50247; color:#e50247; padding: 0px 15px; box-sizing: border-box; border-radius: 16px; margin-bottom: 3px;} .sub14 .equipment_list_wrap .equipment_list > ul > li .equipment_info .text{color: #363636; font-size: 15px;} .sub14 .equipment_list_wrap .equipment_list1{display: block;} .sub15{} .sub15 .con1{} .sub15 .con1 > .text{font-size: 20px; font-weight: 300; text-align: center; margin-bottom: 25px; margin-top: 30px;} .sub15 .con1 > .text > .point{font-weight: 600; color: #e1215b;} .sub15 .con1 #map2{width: 100%; height: 341px; margin-bottom: 25px;} .sub15 .con1 .map_address{text-align: center; font-size: 26px; font-weight: 700; margin-bottom: 35px;} .sub15 .con1 .map_address .point{font-weight: 400;} .sub15 .con1 .each_map_btn{width: 600px; margin: 0 auto 60px;} .sub15 .con1 .each_map_btn > ul{} .sub15 .con1 .each_map_btn > ul > li{float: left; width: 294px; padding: 11px 0; text-align: center;} .sub15 .con1 .each_map_btn > ul > li:first-child{margin-right: 12px; background: #05b909;} .sub15 .con1 .each_map_btn > ul > li:last-child{margin-right: 0; background: #fae100;} .sub15 .con1 .each_map_btn > ul > li > img{} .sub15 .con1 .common_table{} .sub15 .con1 .common_table table{} .sub15 .con1 .common_table table caption{} .sub15 .con1 .common_table table tr{} .sub15 .con1 .common_table table tr td{padding: 35px 40px;} .sub15 .con1 .common_table table tr td:first-child{border-right: 1px solid #d3d3d3; padding: 35px 10px;} .sub15 .con1 .common_table table tr td .icon{text-align: center;} .sub15 .con1 .common_table table tr td .icon_text{font-size: 20px; font-weight: 600; text-align: center;} .sub15 .con1 .common_table table tr td ul{} .sub15 .con1 .common_table table tr td ul:first-child{margin-bottom: 15px;} .sub15 .con1 .common_table table tr td ul li{font-size: 16px; margin-bottom: 6px; line-height: 1.5em;} .sub15 .con1 .common_table table tr td ul li:first-child{font-weight: 600;} .sub15 .con1 .common_table table tr td ul li:last-child{margin-bottom: 0;} .add_page{} .add_page .text_wrap{border: 1px solid #d3d3d3; padding: 18px; box-sizing: border-box; border-radius: 5px; margin-bottom: 20px;} .add_page .text_wrap .tu_tit{font-size: 20px;} .add_page .text_wrap .tu_stit{font-size: 14px; font-weight: 500;} .add_page .text_wrap .tu_d1{line-height: 2em;} .add_page .text_wrap .tu_d2{line-height: 2em;} .add_page4{} .add_page4 .add_title{font-size: 33px; font-weight: 400; text-align: center; margin-bottom: 20px;} .add_page4 .add_title .point{font-weight: 600;} .add_page4 .text{font-size: 18px; text-align: center; margin-bottom: 30px;} .add_page4 .common_table{margin-bottom: 20px;} .add_page4 .common_table tr{} .add_page4 .common_table tr th{border-right: 1px solid #d3d3d3;} .add_page4 .common_table tr th:last-child{border-right: none;} .add_page4 .common_table tr td{border-right: 1px solid #d3d3d3; text-align: center;} .add_page4 .common_table tr td:nth-child(5){text-align: right;} .add_page4 .common_table tr td:last-child{border-right: none;} .add_page .Keyword{border: 1px solid #d3d3d3; border-radius: 5px; padding: 20px; line-height: 1.6em;} /* event_page */ .event_page{width: 100%;} .event_page > ul{height: 100%;} .event_page > ul > li{width: 100%; height: 200px; margin-bottom: 40px;} .event_page > ul > li > a{} .event_page > ul > li > a .event_img{width:40%;margin-right: 10%; height: 100%; float: left; overflow: hidden;} .event_page > ul > li > a .event_img img{max-width: 100%; transition: 0.6s all;} .event_page > ul > li:hover .event_img img{transform: scale(1.05);} .event_page > ul > li > a .event_info{width: 50%; height: 100%; position: relative; float: right;} .event_page > ul > li > a .event_info .tit{font-size: 22px; font-weight: 600; margin-bottom: 10px;} .event_page > ul > li > a .event_info .tit_add_text{font-size: 14px; color: #888;} .event_page > ul > li > a .event_info .price_wrap{position: absolute; bottom: 0; left: 0; width: 100%;} .event_page > ul > li > a .event_info .price_wrap .cost{color: #afafaf; text-decoration: line-through;} .event_page > ul > li > a .event_info .price_wrap .sale{font-size: 22px; font-weight: 600; color: #f2004a;} .event_page > ul > li > a .event_info .price_wrap .sale .sale_text{font-size: 18px; color: #999; font-weight: 400;} .event_page > ul > li > a .event_info .price_wrap .arrow{position: absolute; bottom: 0; right: 0;} /* reservation_confirm_use_check */ .reservation_confirm_use_check_wrap{margin-top: 60px;} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box{width: 400px;margin: 0 auto; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8;} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box .tit{font-size: 20px; font-weight: 500; margin-bottom: 30px; border-bottom: 1px solid #d8d8d8; padding-bottom: 20px;} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box .text_input{margin-bottom: 16px;} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box .text_input {} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box .text_input input{width: calc(100% - 80px); box-sizing: border-box; height: 30px; border: 1px solid #ccc; border-radius: 4px;} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box .text_input:after{display: block; content:""; clear:both;} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box .text_input > div{float: left;} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box .text_input .text{font-size: 16px; font-weight: 500; width: 80px; margin-top: 2px;} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box .text_input .coll_wrap{font-size: 0; width: calc(100% - 80px); box-sizing: border-box;} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box .text_input .coll_wrap input{height: 30px; box-sizing: border-box; margin-right: 3px; width: calc((100% - 102px) /3)} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box .text_input .coll_wrap .number_request{width: 90px; float: right; padding: 6px 0; background: #e1215b; font-size: 12px; box-sizing: border-box; font-weight: 500; text-align: center; border-radius: 14px; cursor: pointer; color: #fff;} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box .text_input:nth-child(4) .coll_wrap input{width: calc(100% - 94px);} /* reservation_confirm */ .reservation_confirm_wrap .reservation_confirm_list{} .reservation_confirm_wrap .reservation_confirm_list > ul{} .reservation_confirm_wrap .reservation_confirm_list > ul > li{border: 1px solid #d8d8d8; margin-bottom: 20px;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_text_wrap{padding: 14px; position: relative;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_text_wrap .procunt_name{font-size: 16px; font-weight: 500; margin-bottom: 10px;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_text_wrap .procunt_regdate{color: #565656; margin-bottom: 3px;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_text_wrap .reservation_state{color: #f2004a; font-weight: 500;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_text_wrap .arrow{width: 30px; height: 30px; position: absolute; top: 24px; right: 14px; font-weight: 400; border: 1px solid #e1215b; background: #e1215b; cursor: pointer; border-radius: 5px;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_text_wrap .arrow .in_arrow{display: block; content: ""; width: 10px; height: 10px; border-bottom: 4px solid #fff; border-right: 4px solid #fff; position: absolute; top: 44%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); border-radius: 3px;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_add_info{background: #f8f8f8; padding: 14px; border-top:1px solid #d8d8d8; display: none;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_add_info .common_dl{} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_add_info .common_dl dt{width: 80px; margin-bottom: 8px; font-weight: 500;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_add_info .common_dl dd{width: calc(100% - 80px); margin-bottom: 8px;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_add_info .cancel_btn_wrap{margin-top: 10px;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_add_info .cancel_btn_wrap > ul{text-align: center;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_add_info .cancel_btn_wrap > ul > li{text-align: center; display: inline-block; padding: 6px 26px; margin-right: 6px; border-radius: 6px;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_add_info .cancel_btn_wrap > ul > li:first-child{background: #e1215b; color: #fff;} .reservation_confirm_wrap .reservation_confirm_list > ul > li .list_add_info .cancel_btn_wrap > ul > li:last-child{margin-right: 0; background: #565656; color: #fff;} /* wish_list */ .wish_list_wrap{} .wish_list_wrap .widh_list_total_price_wrap{padding: 0 16px 16px 16px; position: relative;} .wish_list_wrap .widh_list_total_price_wrap > div{float: left;} .wish_list_wrap .widh_list_total_price_wrap .input_box{} .wish_list_wrap .widh_list_total_price_wrap .input_box input{width: 18px; height: 18px; margin: 6px 6px 0 0} .wish_list_wrap .widh_list_total_price_wrap .text{line-height: 30px; margin-right: 20px;} .wish_list_wrap .widh_list_total_price_wrap .selected_cancel_btn, .wish_list_wrap .widh_list_total_price_wrap .selected_reservation_btn{color: #f2004a; border: 1px solid #f2004a; border-radius: 4px; padding: 4px 8px; margin-right: 4px; font-weight: 500;} .wish_list_wrap .widh_list_total_price_wrap .wish_total_price{float: right; line-height: 30px; font-size: 16px; font-weight: 500; color: #f2004a;} .wish_list_wrap .widh_list_total_price_wrap .wish_total_price .wish_total_price_text{color: #343434;} .wish_list_wrap .wish_list{} .wish_list_wrap .wish_list > ul{} .wish_list_wrap .wish_list > ul > li{border: 1px solid #d8d8d8; margin-bottom: 20px;} .wish_list_wrap .wish_list > ul > li > div{padding: 14px;} .wish_list_wrap .wish_list > ul > li .product_name_wrap{border-bottom: 1px solid #d8d8d8; position: relative;} .wish_list_wrap .wish_list > ul > li .product_name_wrap > div{float: left;} .wish_list_wrap .wish_list > ul > li .product_name_wrap .input_box{margin: 3px 6px 0 0;} .wish_list_wrap .wish_list > ul > li .product_name_wrap .input_box input{width: 18px; height: 18px;} .wish_list_wrap .wish_list > ul > li .product_name_wrap .product_name{font-size: 16px; font-weight: 500;} .wish_list_wrap .wish_list > ul > li .product_name_wrap .cancel_btn{position: absolute; top: 50%; right: 14px; transform: translateY(-50%); cursor: pointer;} .wish_list_wrap .wish_list > ul > li .product_price_wrap{position: relative; background: #f8f8f8;} .wish_list_wrap .wish_list > ul > li .product_price_wrap > div{float: left;} .wish_list_wrap .wish_list > ul > li .product_price_wrap .sale{font-size: 16px; font-weight: 500; color: #f2004a; margin-right: 6px;} .wish_list_wrap .wish_list > ul > li .product_price_wrap .sale .sale_text{color: #343434;} .wish_list_wrap .wish_list > ul > li .product_price_wrap .cost{font-size: 14px; color:#999; text-decoration: line-through; margin-top: 3px;} .wish_list_wrap .wish_list > ul > li .product_price_wrap .product_reservation_btn{position: absolute; top: 50%; right: 14px; transform: translateY(-50%); border: 1px solid #e1215b; background: #e1215b; padding: 6px 10px; color: #fff; border-radius: 5px;} /* recently_viewed */ .recently_viewed_list_wrap .recently_viewed_list{} .recently_viewed_list_wrap .recently_viewed_list > ul{} .recently_viewed_list_wrap .recently_viewed_list > ul > li{border: 1px solid #d8d8d8; margin-bottom: 20px;} .recently_viewed_list_wrap .recently_viewed_list > ul > li > div{padding: 14px;} .recently_viewed_list_wrap .recently_viewed_list > ul > li .product_name_wrap{border-bottom: 1px solid #d8d8d8; position: relative;} .recently_viewed_list_wrap .recently_viewed_list > ul > li .product_name_wrap .product_name{font-size: 16px; font-weight: 500; margin-bottom: 6px;} .recently_viewed_list_wrap .recently_viewed_list > ul > li .product_name_wrap .text{color: #787878;} .recently_viewed_list_wrap .recently_viewed_list > ul > li .product_price_wrap{position: relative; background: #f8f8f8;} .recently_viewed_list_wrap .recently_viewed_list > ul > li .product_price_wrap > div{float: left;} .recently_viewed_list_wrap .recently_viewed_list > ul > li .product_price_wrap .sale{font-size: 16px; font-weight: 500; color: #f2004a; margin-right: 6px;} .recently_viewed_list_wrap .recently_viewed_list > ul > li .product_price_wrap .sale .sale_text{color: #343434;} .recently_viewed_list_wrap .recently_viewed_list > ul > li .product_price_wrap .cost{font-size: 14px; color:#999; text-decoration: line-through; margin-top: 3px;} .recently_viewed_list_wrap .recently_viewed_list > ul > li .product_price_wrap .detail_view_btn{position: absolute; top: 50%; right: 14px; transform: translateY(-50%); border: 1px solid #e1215b; background: #e1215b; padding: 6px 10px; color: #fff; border-radius: 5px;} /* detail_page */ .detail_sec1{padding-bottom: 75px; border-bottom:1px solid #c3c3c3;} .detail_sec1 .route_wrap{height: 56px; border-bottom: 1px solid #f6f6f6; margin-bottom: 40px;} .detail_sec1 .route_wrap .route{color: #888888; float: right; padding-top: 20px; margin-right: 20px;} .detail_sec1 .detail_info_wrap{} .detail_sec1 .detail_info_wrap > ul{} .detail_sec1 .detail_info_wrap > ul > li{display: inline-block; vertical-align: top;} .detail_sec1 .detail_info_wrap > ul > .left{width: 50%;} .detail_sec1 .detail_info_wrap > ul > .left .view_img{width: 100%; font-size: 0;} .detail_sec1 .detail_info_wrap > ul > .left .view_img img{max-width: 100%;} .detail_sec1 .detail_info_wrap > ul > .left .view_text{color: #777; margin-top: 6px;} .detail_sec1 .detail_info_wrap > ul > .right{margin-left: 7%; width: 43%;} .detail_sec1 .detail_info_wrap > ul > .right > .tit{font-size: 32px; font-weight: 700; margin-bottom: 5px;} .detail_sec1 .detail_info_wrap > ul > .right .tit_text{font-size: 14px; font-weight: 400; color: #777; margin-bottom: 20px;} .detail_sec1 .detail_info_wrap > ul > .right .product_price{font-size: 30px; font-weight: 600; color: #f2004a; margin-bottom: 10px;} .detail_sec1 .detail_info_wrap > ul > .right .product_price .product_price_text{font-size: 18px; font-weight: 400; color: #121212;} .detail_sec1 .detail_info_wrap > ul > .right .hashtag_wrap{padding: 17px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px;} .detail_sec1 .detail_info_wrap > ul > .right .hashtag_wrap ul{} .detail_sec1 .detail_info_wrap > ul > .right .hashtag_wrap ul li{display: inline-block;border: 1px solid #e6e6e6; background: #f6f6f6; line-height: 31px; border-radius: 15px; margin-right:6px; padding:0 10px;} .detail_sec1 .detail_info_wrap > ul > .right .treatment_option{margin-bottom: 10px;} .detail_sec1 .detail_info_wrap > ul > .right .treatment_option > .tit{font-size: 16px; font-weight: 600; width: 120px; float: left; margin-top: 10px;} .detail_sec1 .detail_info_wrap > ul > .right .treatment_option .option_wrap{float: left; width: calc(100% - 120px);} .detail_sec1 .detail_info_wrap > ul > .right .treatment_option .option_wrap select{width: 100%; height: 48px; border: 1px solid #888888; font-size: 15px; color: #565656; outline: none; padding: 0 15px;} .detail_sec1 .detail_info_wrap > ul > .right .treatment_option .option_wrap select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(https://cdn.waas.kr/beautyjclinic/skin/treatment_option_select_arrow.png) no-repeat 96% 50%; } .detail_sec1 .detail_info_wrap > ul > .right .treatment_option .option_wrap select::-ms-expand { display: none; } .detail_sec1 .detail_info_wrap > ul > .right .treatment_option .option_wrap .selected_product{} .detail_sec1 .detail_info_wrap > ul > .right .treatment_option .option_wrap .selected_product ul{} .detail_sec1 .detail_info_wrap > ul > .right .treatment_option .option_wrap .selected_product ul li{position: relative; border-bottom: 1px solid #f3f3f3; padding: 20px 0;} .detail_sec1 .detail_info_wrap > ul > .right .treatment_option .option_wrap .selected_product ul li:last-child{border-bottom: none;} .detail_sec1 .detail_info_wrap > ul > .right .treatment_option .option_wrap .selected_product ul li::after{display: block; content: ""; clear: both;} .detail_sec1 .detail_info_wrap > ul > .right .treatment_option .option_wrap .selected_product ul li .selected_product_name{width: calc(100% - 120px); overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .detail_sec1 .detail_info_wrap > ul > .right .treatment_option .option_wrap .selected_product ul li .selected_product_price{position: absolute; top: 50%; right: 40px; transform: translateY(-50%);} .detail_sec1 .detail_info_wrap > ul > .right .treatment_option .option_wrap .selected_product ul li .selected_product_cancel{position: absolute; top: 50%; right: 12px; transform: translateY(-50%); cursor: pointer;} .detail_sec1 .detail_info_wrap > ul > .right .total_price_wrap{height: 75px; border-bottom: 1px solid #d1d1d1; background: #f6f6f6; position: relative; margin-bottom: 16px;} .detail_sec1 .detail_info_wrap > ul > .right .total_price_wrap > .text{font-size: 15px; font-weight: 400; position: absolute; top: 50%; left: 13px; transform: translateY(-50%);} .detail_sec1 .detail_info_wrap > ul > .right .total_price_wrap > .total_price{text-align: right;} .detail_sec1 .detail_info_wrap > ul > .right .total_price_wrap > .total_price .total_price_box{font-size: 20px; font-weight: 700; padding-top: 14px; margin-right: 40px; margin-bottom: 6px;} .detail_sec1 .detail_info_wrap > ul > .right .total_price_wrap > .total_price .total_price_box .total_price_text{font-size: 16px; font-weight: 400;} .detail_sec1 .detail_info_wrap > ul > .right .total_price_wrap > .total_price .total_price_add_text{font-size: 14px; color: #999; margin-right: 40px;} .detail_sec1 .detail_info_wrap > ul > .right .Product_reservation_btn_wrap{} .detail_sec1 .detail_info_wrap > ul > .right .Product_reservation_btn_wrap > ul{} .detail_sec1 .detail_info_wrap > ul > .right .Product_reservation_btn_wrap > ul > li{width: 49.5%; margin-right: 1%; line-height: 56px; border: 1px solid #e1215b; display: inline-block; box-sizing: border-box; font-size: 17px; font-weight: 500; text-align: center; cursor: pointer;} .detail_sec1 .detail_info_wrap > ul > .right .Product_reservation_btn_wrap > ul > li:first-child{color: #e1215b;} .detail_sec1 .detail_info_wrap > ul > .right .Product_reservation_btn_wrap > ul > li:last-child{margin-right: 0; background: #e1215b; color: #fff;} .detail_sec2{} footer{background: #343434; box-sizing: border-box;} footer .footer_in{padding: 50px 0 172px 0;} footer .footer_in.pawclosed{padding-bottom:60px;} footer .footer_in .footer_info{color: #fff; padding-bottom: 47px; border-bottom: 1px solid rgba(255,255,255,0.1);} footer .footer_in .footer_info .left{width: 50%; float: left; box-sizing: border-box;} footer .footer_in .footer_info .left .f_contact{margin-bottom: 50px;} footer .footer_in .footer_info .left .f_contact > ul{} footer .footer_in .footer_info .left .f_contact > ul > .tit{width: 140px; font-size: 16px; font-weight: 700; color: #fff; float:left; box-sizing: border-box; background-position: left center; background-repeat: no-repeat;} footer .footer_in .footer_info .left .f_contact > ul > .info{width: calc(100% - 140px); float: left; font-size: 16px;} footer .footer_in .footer_info .left .f_contact img{margin-right: 14px;} footer .footer_in .footer_info .left .f_contact:nth-child(1){margin-bottom: 40px;} footer .footer_in .footer_info .left .f_contact:nth-child(1) > ul > .tit{line-height: 45px;} footer .footer_in .footer_info .left .f_contact:nth-child(1) > ul > .info{font-size: 30px; font-weight: 800;} footer .footer_in .footer_info .left .f_contact:nth-child(2) > ul > .tit{line-height: 38px;} footer .footer_in .footer_info .left .f_contact:nth-child(2) > ul > .info{line-height: 38px; position: relative;} footer .footer_in .footer_info .left .f_contact:nth-child(2) > ul > .info .point{color: #ffd800;} footer .footer_in .footer_info .left .f_contact:nth-child(2) > ul > .info .kakao_consultation_btn{display: inline-block; background: #ffd800; height: 38px; line-height: 38px; width: 180px; color: #3a2020; border-radius: 4px; text-align: center; margin-left: 10px; font-weight: 500;} footer .footer_in .footer_info .left .f_contact:nth-child(2) > ul > .info .kakao_consultation_btn img{position: relative; top: 4px; margin-right: 6px;} footer .footer_in .footer_info .left .f_contact:nth-child(3) > ul > .tit{} footer .footer_in .footer_info .left .f_contact:nth-child(3) > ul > .info{} footer .footer_in .footer_info .left .f_contact:nth-child(3) > ul > .info .common_dl{ font-size: 16px;} footer .footer_in .footer_info .left .f_contact:nth-child(3) > ul > .info .common_dl dt{width: 100px; margin-bottom: 10px;} footer .footer_in .footer_info .left .f_contact:nth-child(3) > ul > .info .common_dl dd{width: calc(100% - 100px);} footer .footer_in .footer_info .left .f_contact:nth-child(4) > ul > .tit{line-height: 44px;} footer .footer_in .footer_info .left .f_contact:nth-child(4) > ul > .info{} footer .footer_in .footer_info .left .f_contact:nth-child(4) > ul > .info .f_sns_icon{display:inline-block; margin-right: 3px; width: 43px; height: 43px; border-radius: 4px;} footer .footer_in .footer_info .left .f_contact:nth-child(4) > ul > .info .f_sns_icon:hover{box-shadow: 0px 0px 4px 1px rgba(255,255,255,0.2);} footer .footer_in .footer_info .right{width: 50%; float: right; box-sizing: border-box; padding-left: 70px; border-left: 1px solid rgba(255,255,255,0.1);} footer .footer_in .footer_info .right .tit{font-size: 16px; font-weight: 700; margin-bottom: 20px;} footer .footer_in .footer_info .right .tit img{display: none;} footer .footer_in .footer_info .right #map{height: 217px; width: 100%; border: 1px solid #dfdfdf; box-sizing: border-box; margin-bottom: 20px;} footer .footer_in .footer_info .right .text_wrap{} footer .footer_in .footer_info .right .text_wrap .text{font-size: 16px; font-weight: 400; margin-bottom: 20px;} footer .footer_in .footer_info .right .text_wrap .text:nth-child(2){color: #ffd800;} footer .footer_in .footer_info .right .map_btn_wrap{} footer .footer_in .footer_info .right .map_btn_wrap ul{} footer .footer_in .footer_info .right .map_btn_wrap ul li{display: inline; display: inline-block; width: 32%; margin-right: 2%;} footer .footer_in .footer_info .right .map_btn_wrap ul li:last-child{margin-right: 0;} footer .footer_in .footer_info .right .map_btn_wrap ul li a{display: block; width: 100%; line-height: 44px; font-size: 15px; font-weight: 400; text-align: center; border: 1px solid #6e6e6e; color: #fff; box-sizing: border-box;} footer .footer_in .footer_info .right .map_btn_wrap ul li a:hover{background: rgba(255,255,255,0.1);} footer .footer_in .f_menu_wrap{padding: 30px 0;} footer .footer_in .f_menu_wrap .f_menu{} footer .footer_in .f_menu_wrap .f_menu > ul{text-align: center;} footer .footer_in .f_menu_wrap .f_menu > ul > li{display: inline-block;} footer .footer_in .f_menu_wrap .f_menu > ul > li:after{display: inline-block; content: "|"; color: #656565;} footer .footer_in .f_menu_wrap .f_menu > ul > li > a{display: inline-block; color: #fff; padding: 0px 16px;} footer .footer_in .f_menu_wrap .f_menu > ul > li > a:hover{text-decoration: underline;} footer .footer_in .f_menu_wrap .f_menu > ul > li:last-child:after{display: none;} footer .footer_in .f_text{text-align: center; margin-bottom: 10px; color: #989797;} footer .footer_in .f_text .point{color: #ffffff;} footer .footer_in .copy{text-align: center; color: #989797;} footer .footer_in .copy .point{color: #ffffff;} footer .m_coll_contact_wrap{display: none;} .sub_footer{margin-top: 80px;} /* quick_consultation */ .quick_consultation{position: fixed; z-index: 8000; width: 100%; height: 160px; bottom: 0; left: 0; background: url(https://cdn.waas.kr/beautyjclinic/skin/quick_consultation.png) center; color: #fff; transition: 0.3s all;} .quick_consultation .quick_consultation_btn{width: 260px; position: absolute; line-height: 44px; top: 8px; left: 50%; transform: translateX(-50%); font-size: 17px; padding-left: 30px; text-align: center; cursor: pointer;} .quick_consultation .quick_consultation_btn .arrow{display: block; width: 10px; height: 10px; border-bottom:2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 14px; left: 60px; transform: rotate(45deg);} .quick_consultation .info_wrap{position: absolute; top: 90px; left: 50%; transform: translate(-50%); width: 1400px;} .quick_consultation .info_wrap > div{float: left; margin-right: 1.5%;} .quick_consultation .info_wrap > div:last-child{margin-right: 0;} .quick_consultation .info_wrap .text_input_wrap:nth-child(2){width: 33%;} .quick_consultation .info_wrap .text_input_wrap{width: 26.5%;} .quick_consultation .info_wrap .text_input_wrap input{height:46px; padding: 0 10px; box-sizing: border-box; font-size: 15px; font-family: 'notokr'; outline: none; float: left;} .quick_consultation .info_wrap .text_input_wrap input:nth-child(1){width: 38%; margin-right: 2%;} .quick_consultation .info_wrap .text_input_wrap input:nth-child(2){width: 60%;} .quick_consultation .info_wrap .text_input_wrap select{height:46px; width: 32%; padding: 0 10px; box-sizing: border-box; font-family: 'notokr'; font-size: 15px; float: left;} .quick_consultation .info_wrap .text_input_wrap select:nth-child(1), .quick_consultation .info_wrap .text_input_wrap select:nth-child(2){margin-right: 2%;} .quick_consultation .info_wrap .consultation_checkbox{width: 20%;} .quick_consultation .info_wrap .consultation_checkbox input:nth-child(1){margin-bottom: 10px;margin-top: 3px;} .quick_consultation .info_wrap .consultation_checkbox label{margin-left: 6px;} .quick_consultation .info_wrap .consultation_checkbox .point{margin-left: 6px; color:dfdfdf; cursor:pointer} .quick_consultation .info_wrap .consultation_checkbox .point:hover{text-decoration:underline;} .quick_consultation .info_wrap .application_btn{width: 16%; line-height: 46px; text-align: center; background: #9b9b9b;} /* quick */ .quick{position: fixed; width: 87px; top: 218px; right: 50px; z-index: 8000;} .quick .quick_hot_event{} .quick .quick_list{width: 100%; background: #fff; border-top-left-radius:43px; border-top-right-radius: 43px; border: 1px solid #e6e6e6; box-sizing: border-box; padding: 24px 8px 0;} .quick .quick_list ul{} .quick .quick_list ul li{border-bottom: 1px solid #f5f5f5; padding: 12px 0;} .quick .quick_list ul li a{} .quick .quick_list ul li a .img{text-align: center; margin-bottom: 2px;} .quick .quick_list ul li a .text{text-align: center;} .quick .top_btn{width: 100%; height: 50px; background: #9b9b9b; border-bottom-left-radius: 43px; border-bottom-right-radius: 43px; cursor:pointer} .quick .top_btn .img{text-align: center; padding-top: 4px;} .quick .top_btn .text{text-align: center; color: #fff; font-weight: 500;} /* m_top_btn */ .m_top_btn{position: fixed; bottom: 60px; right: 10px; display: none; z-index: 8000; cursor: pointer;} /* m_hidden_menu */ .m_hidden_menu_bg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9000; display: none;} .m_hidden_menu{width: 320px; height: 100vh; background: #fff; position: fixed; top: 0; right: 0px; z-index: 9000; transition: 0.4s all; box-sizing: border-box; padding-top: 67px; display: none; overflow: auto;} .m_hidden_menu .m_hidden_menu_logo{position: absolute; top: 15px; left: 20px;} .m_hidden_menu .m_hidden_menu_close_btn{cursor: pointer; position: absolute; top: 20px; right: 20px;} .m_hidden_menu .m_hidden_menu_utility{background: #f2f2f2; padding: 10px 20px; margin-bottom: 20px;} .m_hidden_menu .m_hidden_menu_utility ul{} .m_hidden_menu .m_hidden_menu_utility ul li{display: inline-block; margin-right: 10px;} .m_hidden_menu .m_hidden_menu_utility ul li a{} .m_hidden_menu .m_hidden_menu_utility ul .m_shopping_basket{float: right; margin-right: 0px;} .m_hidden_menu .m_hidden_menu_utility ul .m_shopping_basket .shopping_basket_count{color: #e9004d;} .m_hidden_menu .m_hidden_serch_box{width: calc(100% - 40px); height: 36px; margin:0 auto 20px; border: 1px solid rgba(0,0,0,0.2); position: relative;} .m_hidden_menu .m_hidden_serch_box input[type='search']{border: none; width: 100%; height: 100%; padding: 6px 50px 6px 20px; box-sizing: border-box; outline: none;} .m_hidden_menu .m_hidden_serch_box input{width: 100%; border: none; outline: none; height: 100%; padding: 10px 40px 10px 10px;} .m_hidden_menu .m_hidden_serch_box .m_hidden_serch_btn{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 20px; height: 20px;} .m_hidden_menu .m_hidden_serch_box .m_hidden_serch_btn input[type='image']{max-width: 100%;} .m_hidden_menu .m_hidden_menu_division_line{background: linear-gradient(to right,#ea5a9c, #005eae); height: 1px; font-size: 12px; color: #454545;} .m_hidden_menu > ul{} .m_hidden_menu > ul > .d1{} .m_hidden_menu > ul > .d1 > a{display: block; font-size: 16px; box-sizing: border-box; padding: 16px 10px; font-weight: 500; color: #121212; border-bottom: 1px solid rgba(0,0,0,0.1); position: relative;} .m_hidden_menu > ul > .d1 > a .arrow{display: block; width: 8px; height: 8px; border-bottom: 1px solid #121212; border-right: 1px solid #121212; position: absolute; top: 50%; right: 16px; transform: translateY(-50%) rotate(45deg); transition: 0.3s all;} .m_hidden_menu > ul > .d1 > .sub{display: none; border-bottom: 1px solid rgba(0,0,0,0.1);} .m_hidden_menu > ul > .d1 > .sub > ul{} .m_hidden_menu > ul > .d1 > .sub > ul > .d2{} .m_hidden_menu > ul > .d1 > .sub > ul > .d2 > a{display: block; padding: 10px 20px; font-size: 14px;} .m_hidden_menu form{width: calc(100% - 40px); height: 36px; margin:0 auto 20px; border: 1px solid rgba(0,0,0,0.2); position: relative;} .m_hidden_menu form p{margin:4px 0 0 0;} .m_hidden_menu form input[type='search']{border: none; width: calc(100% - 32px); height: 100%; padding: 6px 10px 6px 20px; box-sizing: border-box; outline: none;} .m_hidden_menu form input[type='image']{width:24px;} /* 관리권 예약 */ .management_reservation_form_bg{width: 100%; height: 100vh; background: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 8000; display: none;} .management_reservation_form{max-width: 368px; width: 368px; height: 564px; border: 3px solid #000; box-sizing: border-box; border-radius: 50px; border-top-right-radius: 10px; overflow: hidden; position: fixed; top: 100px; left: 0; background: #fff; display: none; z-index: 8000;} .management_reservation_form .tit{padding: 16px 40px; font-size: 20px; font-weight: 700;} .management_reservation_form .management_reservation_close_btn{position: absolute; top: 18px; right: 16px; cursor: pointer;} .management_reservation_form .tit_line{height: 1px; width: calc(100% - 32px); margin: 0 auto; background: #e6e6e6;} .management_reservation_form .management_list{padding: 25px 40px;} .management_reservation_form .management_list > ul{} .management_reservation_form .management_list > ul > li{} .management_reservation_form .management_list > ul > li input{width: 16px; height: 16px; vertical-align: top; margin: 4px 4px 16px 0;} .management_reservation_form .management_list > ul > li:last-child input{margin: 4px 4px 0px 0;} .management_reservation_form .management_list > ul > li label{font-size: 16px;} .management_reservation_form .management_btn{position: absolute; bottom: 0; left: 0; width: 100%;} .management_reservation_form .management_btn > ul{} .management_reservation_form .management_btn > ul > li{color: #fff; background: #e1215b; line-height: 62px; width: 50%; border-right: 1px solid #ed779b; font-size: 16px; font-weight: 500; text-align: center; box-sizing: border-box; float: left; padding-left: 10px; cursor: pointer;} .management_reservation_form .management_btn > ul > li:last-child{border-right: none; padding-right: 20px;} /* 일반시술 추가, 이벤트시술 추가 */ .add_surgery_bg{width: 100%; height: 100vh; background: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 8000; display: none;} .add_surgery{width: 500px; border: 3px solid #000; box-sizing: border-box; border-radius: 50px; border-top-right-radius: 10px; position: fixed; top: 100px; left: 0; background: #fff; z-index: 8000; overflow: hidden; overflow: auto; display: none;} .add_surgery{ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .add_surgery::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } .add_surgery > .tit{padding: 16px 40px; font-size: 20px; font-weight: 700; box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.2);} .add_surgery .add_surgery_close_btn{position: absolute; top: 18px; right: 16px; cursor: pointer;} .add_surgery .tit_line{height: 1px; width: calc(100% - 32px); margin: 0 auto; background: #e6e6e6;} .add_surgery .add_surgery_cg_list{padding: 20px 10px; border-bottom: 1px solid #afafaf; border-top: 1px solid #afafaf; box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.2);} .add_surgery .add_surgery_cg_list ul{} .add_surgery .add_surgery_cg_list ul li{display: inline-block; width: 33%; border: 1px solid #afafaf; box-sizing: border-box; text-align: center; padding: 10px 0; border-right: none; border-top: none; cursor:pointer; background: #fff;} .add_surgery .add_surgery_cg_list ul .on{background: #565656; color: #fff;} .add_surgery .add_surgery_cg_list ul li:nth-child(-n+3){border-top: 1px solid #afafaf;} .add_surgery .add_surgery_cg_list ul li:nth-child(3n){border-right: 1px solid #afafaf;} .add_surgery .add_surgery_cg_list ul li:last-child{border-right: 1px solid #afafaf;} .add_surgery .add_surgery_cg_list ul li > div{font-weight: 500;} .add_surgery .add_surgery_list{height: 350px; padding: 10px; box-sizing: border-box;} .add_surgery .add_surgery_list > ul{display: none;} .add_surgery .add_surgery_list > ul:nth-child(1){display: block;} .add_surgery .add_surgery_list > ul{height: 100%; overflow:auto;} .add_surgery .add_surgery_list > ul > li{border: 1px solid #dfdfdf; margin-bottom: 10px; border-radius: 10px; position: relative; overflow: hidden;} .add_surgery .add_surgery_list > ul > li:last-child{margin-bottom: 0;} .add_surgery .add_surgery_list > ul > li .tit{font-size: 16px; font-weight: 500;margin-bottom: 3px; padding: 0 14px; margin-top: 16px;} .add_surgery .add_surgery_list > ul > li .text{color: #565656; margin-bottom: 10px; font-size: 13px; padding: 0 54px 0 14px;} .add_surgery .add_surgery_list > ul > li .price{font-size: 16px; color: #e1215b; font-weight: 500; padding: 0 14px; margin-bottom: 16px;} .add_surgery .add_surgery_list > ul > li .price .price_text{color: #999;} .add_surgery .add_surgery_list > ul > li .arrow{width: 30px; height: 30px; position: absolute; top: 24px; right: 14px; font-weight: 400; border: 1px solid #e1215b; background: #e1215b; cursor: pointer; border-radius: 5px;} .add_surgery .add_surgery_list > ul > li .arrow > .in_arrow{display: block; content: ""; width: 10px; height: 10px; border-bottom: 4px solid #fff; border-right: 4px solid #fff; position: absolute; top: 44%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); border-radius: 3px;} .add_surgery .add_surgery_list > ul > li .option{background: #f6f6f6; padding: 16px 14px; display: none;} .add_surgery .add_surgery_list > ul > li .option > ul{} .add_surgery .add_surgery_list > ul > li .option > ul > li{margin-bottom: 6px;} .add_surgery .add_surgery_list > ul > li .option > ul > li:last-child{margin-bottom: 0px;} .add_surgery .add_surgery_list > ul > li .option > ul > li:after{display: block;content: ""; clear: both;} .add_surgery .add_surgery_list > ul > li .option > ul > li > div{float: left; margin-right: 6px; line-height: 22px;} .add_surgery .add_surgery_list > ul > li .option > ul > li .input_box{} .add_surgery .add_surgery_list > ul > li .option > ul > li .input_box input{vertical-align: top; width: 16px; height: 16px; margin-top: 3px;} .add_surgery .add_surgery_list > ul > li .option > ul > li .label_box{font-weight: 500;} .add_surgery .add_surgery_list > ul > li .option > ul > li .option_price{font-size: 16px; color: #e1215b; font-weight: 500; float: right; margin-right: 0;} .add_surgery .add_surgery_list > ul > li .option > ul > li .option_price .option_price_text{color: #999;} .add_surgery .add_surgery_btn{width: 100%;} .add_surgery .add_surgery_btn > ul{} .add_surgery .add_surgery_btn > ul > li{color: #fff; background: #e1215b; line-height: 62px; width: 50%; border-right: 1px solid #ed779b; font-size: 16px; font-weight: 500; text-align: center; box-sizing: border-box; float: left; cursor: pointer;} .add_surgery .add_surgery_btn > ul > li:last-child{border-right: none;} #bw_board_write_form_var_2_confirm_done{color:#e1215b} @media all and (max-width:1400px) { header .header_in .logo{left: 20px;} header .header_in .menu_open_btn{right: 20px;} header .total_menu_wrap > ul{margin: 90px 120px 20px;} header .total_menu_wrap .contact_wrap{margin: 0px 120px 0px;} header .total_menu_wrap .total_menu_in > ul{margin: 90px 100px 20px;} header .total_menu_wrap .total_menu_in .contact_wrap{margin: 0px 100px 0px;} .utility .utility_in .list{right: 20px;} .sec4 .w1400 .sec4_top_slide{margin: 0 20px; width: calc(100% - 40px);} .sec3 .sec3_slide{left: 0; margin-left: 0; padding: 0 20px; box-sizing: border-box;} .sec4 .sec4_bottom_slide{width: calc(100% - 90px); margin: 0 auto;} .sub_sec1 .sub_content_wrap2{padding: 0 20px; box-sizing: border-box;} .sub_content .add_page4 .common_table{overflow: auto;} .sub_content .add_page4 .common_table table{width: 1400px;} footer .footer_in {padding: 50px 20px 60px; box-sizing: border-box;} .quick_consultation .info_wrap{width: 100%; box-sizing: border-box; padding: 0 20px;} .quick{display: none;} .quick_consultation_btn{} .quick_consultation_btn .info_wrap{} } @media all and (max-width:1300px){ .pc1300{display: none;} .m1300{display: block;} footer .footer_in .footer_info .left .f_contact:nth-child(2) > ul > .info .kakao_consultation_btn{position: absolute; top: 32px; left: 0px; margin-left: 0;} .quick_consultation .info_wrap .text_input_wrap{width: 38%;} .quick_consultation .info_wrap .text_input_wrap:nth-child(2){width: 39%;} .quick_consultation .info_wrap .application_btn{width: 20%;} .quick_consultation .info_wrap{top:73px} .quick_consultation .info_wrap .consultation_checkbox{position: absolute; bottom: -33px; width: 100%;} } @media all and (max-width:1200px){ header .header_in .main_menu{width: 680px;} header .header_in .main_menu > ul > .d1 > a{padding: 0 15px;} header .header_in .main_menu{margin: 0 auto 0 calc(((100% - 680px) / 2) + 70px);} header .total_menu_wrap > ul{margin: 90px 60px 20px;} header .total_menu_wrap .contact_wrap {margin: 0px 60px 0px;} .sec1 .main_slide .text_wrap .sec1_view_title{font-size: 70px;} .sec1 .main_slide .text_wrap .text{font-size: 18px;} .sec2 .w1400 .sec2_contact_wrap{} .sec2 .w1400 .sec2_contact_wrap > ul > li{width: 50%;} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(2){border-right: none;} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(3){display: none;} .sec4 .main_tit_wrap{padding-top: 330px;} .sec4 .sec4_top_slide_bg{top: -8px; left: 0; height: 263px; width: 100%; display: none;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide .text_wraps{width: 30%; margin-right: 6%; box-sizing: border-box; padding: 0 0 0 20px;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide .text_wraps .tit{font-size: 40px;} .sec4 .w1400 .sec4_top_slide .sc2 .sc2_pager{left: 20px;} .sec4 .w1400 .sec4_top_slide .sc2 .sc2_prev_btn{left: 20px;} .sec4 .w1400 .sec4_top_slide .sc2 .sc2_next_btn{left: 132px;} .sec5 .w1400 .reserve_list_wrpa > ul > li .text_wrap .tit{font-size: 22px;} .sec5 .w1400 .reserve_list_wrpa > ul > li .text_wrap .text{font-size: 14px;} .sub13 .con1 .reservation{width: 100%; padding: 0 20px; box-sizing: border-box;} .sub13 .con1 .reservation > ul > li{width: 32%; margin-right: 2%} .sub13 .con1 .reservation > ul > li:nth-child(3){margin-right: 0%} } @media all and (max-width:1100px){ header .total_menu_wrap .total_menu_in > ul{margin: 90px 40px 20px;} header .total_menu_wrap .total_menu_in .contact_wrap{margin: 0px 40px 0px;} } @media all and (max-width:1000px) { .sub_content #bw_board_write{padding: 20px 20px 32px 20px;} .sub_content #bw_board_list{padding: 0 20px;} .sub_content #bw_board_list caption{margin: 20px 20px 0;} .sub_content #bw_board_list caption form{margin: 0px 0 0 0;} /* 수정 220908 */ .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .view_btn {top: 301px; left: -8px; width: 130px; height: 80px; background: url('https://cdn.waas.kr/beautyjclinic/skin/view_2_m.png') no-repeat center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .view_btn a {display: block; width: 100%; height: 100%; font-size: 0;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap {top: 27%; left: 18%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .view_btn {top: 325px; left: 70px; width: 130px; height: 80px; background: url('https://cdn.waas.kr/beautyjclinic/skin/view_3_m.png') no-repeat center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .view_btn a {display: block; width: 100%; height: 100%; font-size: 0;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .sale{font-size: 22px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .market_price{font-size: 16px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .discount_price{font-size: 22px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .sale{font-size: 22px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .market_price{font-size: 16px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .discount_price{font-size: 22px;} .pc1000{display: none;} .m1000{display: block;} .utility{display: none;} header .header_in{background: #fff; height: 81px;} header .header_in .main_menu{display: none;} header .header_in .logo{top:16px} header .header_in .m_hidden_menu_open_btn{top:31px} header .header_in .simple_reservation{display: block;} header .header_in .menu_open_btn{display: none;} header .header_in .m_hidden_menu_open_btn{display: block; right: 20px;} .sec1 .main_slide{background-position: 45% center ;} .sec1 .main_slide .text_wrap{left: 45%;} .sec2 .w1400 .sec2_contact_wrap > ul > li:nth-child(2) .num{font-size: 28px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .sale{font-size: 22px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .market_price{font-size: 16px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .discount_price{font-size: 22px;} .sub_sec1 .sub_content_wrap .d1_sub_tit_wrap{display: none;} .sub_sec1 .sub_content_wrap .reservation_list{padding: 0 20px; box-sizing: border-box;} .sub_sec1 aside{float: inherit; width: 100%;} .sub_sec1 aside .sub_tit_wrap .text{text-align: center;} .sub_sec1 aside .sub_tit_wrap{margin-bottom: 0; border-bottom: 1px solid #cbcbcb;} .sub_sec1 aside .sub_menu{background: #f4f4f4; padding: 8px; border-bottom: 1px solid #cbcbcb; margin-bottom: 20px;} .sub_sec1 aside .sub_menu ol li{width: 33.333%; display: inline-block; vertical-align: top; margin-bottom: 0; border-right: #fff;} .sub_sec1 aside .sub_menu ol li .on::after{display: none;} .sub_sec1 aside .sub_menu ol li a{text-align: center; border-top: none; border-right: none;} .sub_sec1 aside .sub_menu ol li:nth-child(-n+3) a{border-top: 1px solid #e6e6e6;} .sub_sec1 aside .sub_menu ol li:nth-child(n+4) a{border-top: 1px solid #fff;} .sub_sec1 aside .sub_menu ol li:last-child a{border-right: 1px solid #e6e6e6;} .sub_sec1 aside form{display:none;} .sub_sec1 .sub_content_wrap{float: inherit; width: 100%;} .sub_sec1 .sub_content_wrap2 .d1_sub_tit_wrap .d1_sub_tit{text-align: center; font-size: 22px; padding-top: 40px;} .sub_sec1 .sub_content_wrap2 .d1_sub_tit_wrap .reservation_btn{display: none;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li{width: 48%; margin-right: 4%; box-sizing: border-box; margin-bottom: 4%;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li:nth-child(2){margin-right: 0;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li:last-child{width: 100%; margin-right: 0; height: 500px;} .sub11 .con2{padding: 0 20px;} .sub12 .con2{padding: 0 20px; box-sizing: border-box;} .sub13 .con2{padding: 0 20px; box-sizing: border-box;} .sub13 .con3{padding: 0 20px; box-sizing: border-box;} .sub14{padding: 0 20px; box-sizing: border-box;} .sub15 .con1 .common_table{box-sizing: border-box; padding: 0 20px;} .event_page > ul > li > a .event_img {box-sizing: border-box;} .event_page > ul > li > a .event_info {padding: 0 20px; box-sizing: border-box;} } @media all and (max-width: 988px) { /* 수정 220908 */ .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 {background: url('https://cdn.waas.kr/beautyjclinic/skin/main_banner_01.jpg') no-repeat center; background-position: -538px 79px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap {top: 35%; left: 6%;} } @media all and (max-width:900px) { header .header_in .main_menu{display: none;} .sec5 .w1400 .reserve_list_wrpa > ul > li{width: 50%;} .sec5 .w1400 .reserve_list_wrpa > ul > li:nth-child(2n){border-right: none;} .sec5 .w1400 .reserve_list_wrpa > ul > li:nth-child(n+3){border-top: 1px solid #f5f5f5;} .sec5 .w1400 .reserve_list_wrpa > ul > li .img{margin-bottom: 15px;} .sec5 .w1400 .reserve_list_wrpa > ul > li .text_wrap .tit{margin-bottom: 6px;} .sec5 .w1400 .reserve_list_wrpa > ul > li:nth-child(3) .img{padding-top: 25px;} .sec5 .w1400 .reserve_list_wrpa > ul > li:nth-child(4) .img{padding-top: 25px;} .sec5 .w1400 .reserve_list_wrpa > ul > li:nth-child(3) .text_wrap{padding-bottom:0} .sec5 .w1400 .reserve_list_wrpa > ul > li:nth-child(4) .text_wrap{padding-bottom:0} footer .footer_in .footer_info .left{width: 100%;} footer .footer_in .footer_info .right{width: 100%; padding-left: 0; border-left: none; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 50px;} footer .footer_in .footer_info .left .f_contact:nth-child(2) > ul > .info .kakao_consultation_btn{position:inherit; top: 0; margin-left: 10px;} } @media all and (max-width:840px) { .pc840{display: none;} .m840{display: block;} header{position: inherit;} .main_tit_wrap .main_tit{font-size: 36px;} .sec1 .sw_main_slide {height: 434px;} /* 수정 220907 */ .sec1 .sw_main_slide .swiper-wrapper {height: 100%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide {height: 434px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide {background: url(https://cdn.waas.kr/beautyjclinic/skin/m_main_view.jpg) center; background-position: center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide .text_wrap {left: 0; text-align: center; width: 100%; margin-top: 30px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide .text_wrap .view_btn a {display: none;} .sec1 .sw_main_slide .swiper-wrapper .main_slide .text_wrap .add_tit {font-size: 15px; margin-bottom: 5px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide .text_wrap .sec1_view_title {font-size: 46px; margin-bottom: 4px; margin: 0 auto; max-width: 280px; margin-bottom: 4px;} .sec1 .sw_main_slide .swiper-wrapper .m_serch_box{display: block;} /* 수정 */ .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 { height: 434px; background: url('https://cdn.waas.kr/beautyjclinic/skin/main_banner_01_m.jpg') no-repeat center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap {top: 26%; left: 8%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .add_tit {position: absolute; top: 13%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .add_tit img {width: 413px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .text {top: 185px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .text img {width: 240px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .view_btn {top: 174px; left: 320px; width: 130px; height: 80px; background: url('https://cdn.waas.kr/beautyjclinic/skin/view_2_m.png') no-repeat center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .view_btn a {display: block; width: 100%; height: 100%; font-size: 0;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 { height: 434px; background: url('https://cdn.waas.kr/beautyjclinic/skin/main_banner_02_m.jpg') no-repeat center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap {top: 21%; left: 16%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .add_tit {} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .add_tit img {width: 220px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .sec1_view_title {top: 119px; right: -45px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .sec1_view_title img {width: 290px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .text {top: 199px; right: -7px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .text img {width: 245px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .view_btn {top: 231px; left: 172px; width: 130px; height: 80px; background: url('https://cdn.waas.kr/beautyjclinic/skin/view_3_m.png') no-repeat center;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .view_btn a {display: block; width: 100%; height: 100%; font-size: 0;} .sec2{display: none;} .sec3 .main_tit_wrap{margin-top: 34px;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide{width: 100%; height: 450px; background: #f9f9fa;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide .img{width: 100%; height: 260px;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide .text_wraps{padding: 27px; position: absolute; top: 200px; left: 50%; transform: translate(-50%); width: calc(100% - 20px); background: #fff; margin-right: 0; z-index: 100; height: 260px;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide .text_wraps .tit{font-size: 28px; padding: 0 0 10px 0;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide .text_wraps .stit{font-size: 20px; margin-bottom: 16px;} .sub12 .con1 .slogan{font-size: 30px;} .sub12 .con2 .box_list > ul > li .text{height: 60px;} .sub13 .con1 .sub13_bg .text_wrap{padding-top: 50px;} .sub13 .con1 .reservation > ul > li{margin-bottom: 10px;} .sub13 .con1 .reservation > ul > li:nth-child(1){width: 49%; margin-right: 2%;} .sub13 .con1 .reservation > ul > li:nth-child(2){width: 49%; margin-right: 0;} .sub13 .con1 .reservation > ul > li:nth-child(3){width: 100%; margin-bottom: 0;} .sub15 .con1 .common_table table tr td{padding: 20px} .sub15 .con1 .common_table table tr td:first-child{padding: 20px 10px; min-width: 90px; box-sizing: border-box;} .sub15 .con1 .common_table table tr td .icon_text{font-size: 16px;} .event_page > ul > li > a .event_img{margin-right: 4%; width: 46%;} .quick_consultation{display: none;} } @media all and (max-width:750px){ .detail_sec1 .detail_info_wrap > ul > .left{width: 100%; box-sizing: border-box;} .detail_sec1 .detail_info_wrap > ul > .right{width: 100%; margin-left: 0; padding: 30px 20px 0; box-sizing: border-box;} .detail_sec1 .w1400 .mg64{padding: 0px 20px 20px 20px !important;} .event_page > ul > li{height: auto;} .event_page > ul > li > a .event_img{margin: 0 20px 20px; width: calc(100% - 40px);} .event_page > ul > li > a .event_info{width: 100%; height: 140px;} .event_page > ul > li > a .event_info .price_wrap{padding: 0 20px; box-sizing: border-box;} .event_page > ul > li > a .event_info .price_wrap .arrow{right: 20px;} .detail_sec1 .route_wrap{display: none;} .detail_sec1 .detail_info_wrap > ul > .right .total_price_wrap > .total_price .total_price_box{margin-right:20px} .detail_sec1 .detail_info_wrap > ul > .right .total_price_wrap > .total_price .total_price_add_text{margin-right:20px} } @media all and (max-width:700px){ .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li:nth-child(1){height: 680px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li:nth-child(2){height: 750px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li .tit_line{margin-bottom: 10px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li{width: 100%; margin-right: 0;} .treatment_reservation .calendar .info_input_wrap table td{padding: 0 !important;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul .info .info_input_wrap .requests .input_wrap textarea{height: 60px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li:nth-child(1) .info_bottom{height:305px;} .sub_sec1 .sub_content_wrap2 .treatment_reservation > ul > li:nth-child(2) .info_bottom{height: 270px;} } @media all and (max-width:640px) { .pc640{display: none;} .m640{display: block;} .main_tit_wrap .main_tit{font-size: 28px;} .main_tit_wrap .text{font-size: 14px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 {} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap {top: 30%; left: 5%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .add_tit {top: 13%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .add_tit img {width: 360px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .text {top: 170px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .text img {width: 210px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .view_btn {top: 149px; left: 229px; transform: scale(0.9);} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 {} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap {top: 20%; left: 14%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .add_tit {} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .add_tit img {width: 200px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .sec1_view_title {top: 114px; right: -36px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .sec1_view_title img {width: 260px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .text {top: 189px; right: -14px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .text img {width: 230px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .view_btn {top: 231px; left: 152px; transform: scale(0.9);} .sub_sec1 aside .sub_tit_wrap{height: 70px;} .sub_sec1 aside .sub_tit_wrap .text{padding-top: 19px;} .sec3{margin-bottom: 220px;} .sec3_slide .sc1 .sw1 .swiper-slide{width: 100%;} .sec3_slide .sc1 .sw1 .swiper-slide img{width: 300px;} .sec4{padding-bottom: 44px;} .sec4 .sec4_bottom_slide{width: calc(100% - 50px);} .sec4_bottom_slide .sc3_prev_btn{left: -15px; width: 20px;} .sec4_bottom_slide .sc3_prev_btn::after{width: 13px; height: 13px;} .sec4_bottom_slide .sc3_next_btn{width: 20px; right: -20px;} .sec4_bottom_slide .sc3_next_btn::after{width: 13px; height: 13px;} .sec4 .more a{width: 194px; line-height: 46px; font-size: 14px; margin:30px auto 0} .sec4 .w1400 .sec4_top_slide .sc2 .sc2_pager{bottom: 20px;} .sec4 .w1400 .sec4_top_slide .sc2 .sc2_prev_btn{bottom: 13px;} .sec4 .w1400 .sec4_top_slide .sc2 .sc2_next_btn{bottom: 13px;} .sec4 .w1400 .sec4_top_slide .sc2 .sc2_pager .swiper-pagination-current{font-size: 20px;} .sec4 .w1400 .sec4_top_slide .sc2 .sc2_pager{font-size: 14px;} .sec4 .w1400 .sec4_top_slide .sc2 .sw2 .swiper-slide .text_wraps .text{font-size: 14px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .tit{padding: 0 10px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .sale{font-size: 22px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .market_price{font-size: 15px;} .sec4 .sec4_bottom_slide .sc3 .sw3 .swiper-slide .text_wrap .price .discount_price{font-size: 22px;} .sec5 .w1400 .main_tit_wrap{margin-top: 35px;} .sec5 .w1400 .reserve_list_wrpa > ul > li{} .sec5 .w1400 .reserve_list_wrpa > ul > li .img{width: 73px; margin: 0 auto 10px;} .sec5 .w1400 .reserve_list_wrpa > ul > li .text_wrap .tit{font-size: 18px;} .sec5 .w1400 .reserve_list_wrpa > ul > li .text_wrap .text{font-size: 13px;} .sub_sec1 .sub_content_wrap .sub_content{min-height: auto;} .sub_sec1 aside .sub_menu ol li{height: 40px;} .sub_sec1 aside .sub_menu ol li a{font-size: 14px; line-height: 38px; padding: 0;} .sub_sec1 aside .sub_menu ol li .on{line-height: 36px; padding: 0;} .sub_sec1 .sub_content_wrap .reservation_list{padding: 0 0px;} .sub_sec1 .sub_content_wrap .reservation_list ul li{width: 100%; margin-right: 0; margin-bottom: 0; border: none; border-bottom: 1px solid #e6e6e6; border-radius: 0;} .con{margin-bottom: 40px;} .con .con_stit{font-size: 24px; margin-bottom: 18px;} .sub11 .con1 .sub11_tit{font-size: 24px; margin-bottom: 18px;} .sub11 .con1 .text{margin-bottom: 24px; padding: 0 20px; box-sizing: border-box; line-height: 1.6em;} .sub11 .con1 .sub11_tit .font_w{font-size: 20px;} .sub11 .con2 .box_list > ul > li{width: 48%; margin-right: 4%; height: 200px;} .sub11 .con2 .box_list > ul > li:nth-child(3n){margin-right: 4%;} .sub11 .con2 .box_list > ul > li:nth-child(2n){margin-right: 0;} .sub11 .con2 .sub11_tit{font-size: 26px; margin-bottom: 25px;} .sub11 .con2 .box_list > ul > li .tit{font-size: 18px;} .sub11 .con2 .box_list > ul > li .text{font-size: 14px;} .sub11 .con2 .box_list > ul > li .bottom_line{margin-bottom: 12px;} .sub11 .con2 .box_list > ul > li .tit{margin-bottom: 10px;} .sub12 .con1 .slogan{font-size: 24px; padding: 0 20px; box-sizing: border-box;} .sub12 .con2 .box_list > ul > li .tit{font-size: 18px; margin-bottom: 12px;} .sub12 .con2 .box_list > ul > li .text{height: 80px; font-size: 14px;} .sub12 .con2 .con_stit_botton_line{margin: 12px 0;} .sub13 .con1 .slogan{font-size: 24px; padding: 0 20px; box-sizing: border-box;} .sub13 .con1 .sub13_bg .text_wrap .text{margin-bottom: 11px;} .sub13 .con1 .sub13_bg .text_wrap .num{font-size: 36px;} .sub13 .con1 .sub13_bg .text_wrap .text1{margin-bottom: 30px;} .sub13 .con1 .reservation > ul > li:nth-child(1){width: 100%; margin-right: 0;} .sub13 .con1 .reservation > ul > li:nth-child(2){width: 100%; margin-right: 0;} .sub13 .con3 .common_table td:nth-child(2){padding: 20px} .sub14 .sub14_tap > ul > li{width: 50%;} .sub14 .sub14_tap > ul > li:nth-child(2n){border-right: 1px solid #e8e8e8;} .sub14 .sub14_tap > ul > li:nth-child(n+3){border-top: 1px solid #f6f6f6;} .sub15 .con1 > .text{box-sizing: border-box; padding: 0 20px; font-size: 16px; line-height: 1.6em;} .sub15 .con1 .map_address{box-sizing: border-box; padding: 0 20px; font-size: 20px; margin-bottom: 20px; line-height: 1.5em;} .sub15 .con1 .each_map_btn{width: 100%; padding: 20px; box-sizing: border-box; margin: 0 auto 20px;} .sub15 .con1 .each_map_btn > ul > li{float: inherit; width: 100%;} .sub15 .con1 .each_map_btn > ul > li:first-child{margin-right: 0px; margin-bottom: 10px;} .add_page4 .add_title{font-size: 24px;} .add_page4 .text{font-size: 16px;} .detail_sec1 .detail_info_wrap > ul > .right .tit{font-size: 24px;} .detail_sec1 .detail_info_wrap > ul > .right .product_price{font-size: 24px;} .detail_sec1 .detail_info_wrap > ul > .right .product_price .product_price_text{font-size: 16px;} .event_page > ul > li > a .event_info .tit{font-size: 20px;} .event_page > ul > li > a .event_info .price_wrap .sale{font-size: 20px;} footer .footer_in{padding: 30px 20px 5px;} footer .footer_in .footer_info .left .f_contact > ul > .tit{float: inherit; width: 100%; text-align: center;} footer .footer_in .footer_info .left .f_contact > ul > .info{width: 100%; text-align: center;} footer .footer_in .footer_info .left .f_contact:nth-child(1){margin-bottom: 70px;} footer .footer_in .footer_info .left .f_contact:nth-child(1) > ul > .info{font-size: 36px;} footer .footer_in .footer_info .left .f_contact:nth-child(2){margin-bottom: 90px;} footer .footer_in .footer_info .left .f_contact:nth-child(2) > ul > .tit{display: none;} footer .footer_in .footer_info .left .f_contact:nth-child(2) > ul > .info{font-size: 14px;} footer .footer_in .footer_info .left .f_contact:nth-child(2) > ul > .info .kakao_consultation_btn{width: 300px; height: 49px; line-height: 49px; position: absolute; top: -54px; left: 50%; transform: translate(-50%); margin-left: 0;} footer .footer_in .footer_info .left .f_contact:nth-child(3){border-top: 1px solid rgba(255,255,255,0.1); padding-top: 30px;} footer .footer_in .footer_info .left .f_contact:nth-child(3) > ul > .tit{margin-bottom: 20px;} footer .footer_in .footer_info .left .f_contact:nth-child(3) > ul > .info .common_dl{width: 270px; margin: 0 auto;} footer .footer_in .footer_info .left .f_contact:nth-child(3) > ul > .info .common_dl dt{text-align: left;} footer .footer_in .footer_info .left .f_contact:nth-child(4){position: relative;} footer .footer_in .footer_info .left .f_contact:nth-child(4) > ul > .tit{display: none;} footer .footer_in .footer_info .left .f_contact:nth-child(4) > ul > .info{position: absolute; top:-350px; left:50%; transform: translate(-50%);} footer .footer_in .footer_info .right{padding-top: 30px;} footer .footer_in .footer_info .right .text_wrap{text-align: center;} footer .footer_in .footer_info .right .tit{text-align: center; background-position: calc(50% - 20px); box-sizing: border-box;} footer .footer_in .footer_info .right .tit img{display: inline; margin-right: 4px;} footer .footer_in .f_menu_wrap{display: none;} footer .footer_in .f_text{display: none;} footer .footer_in .copy{padding-top: 25px;} footer .m_coll_contact_wrap{display: inline;} footer .m_coll_contact_wrap .img{font-size: 0; text-align: center;} .management_reservation_form{width: 100%; max-width: none; top: 0; height: 100vh;} .add_surgery{width: 100%; top: 0px;} .m_top_btn{display: block;} #pop_up_slide{top :90px} .pop_sc1_wrap{height: 60vw;} .pop_sc1_wrap .swiper-container{height: 100%;} .pop_sc1 .pop_sc1_pager .swiper-pagination-bullet{width: 33.333%;} } @media all and (max-width:550px) { .sub12 .con2 .text_wrap > ul > li{width: 100%;} } @media all and (max-width:500px) { .pc500{display: none;} .m500{display: block;} .sec1 .m_serch_box{width: 88vw;} /* 수정 */ .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 {} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap {top: 35%; left: 5%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .add_tit {top: 13%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .add_tit img {width: 320px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .text {top: 140px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .text img {width: 180px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .view_btn {top: 175px; left: -14px; transform: scale(0.8);} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 {} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap {top: 20%; left: 14%;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .add_tit {} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .add_tit img {width: 200px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .sec1_view_title {top: 114px; right: -36px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .sec1_view_title img {width: 260px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .text {top: 189px; right: -14px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .text img {width: 230px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .view_btn {top: 242px; left: -28px;} .m_hidden_menu{width: 100%;} .reservation_confirm_use_check_wrap .reservation_confirm_use_check_box{width: 100%; padding: 0 20px; box-sizing: border-box;} } @media all and (max-width:460px) { .pc460{display: none;} .m460{display: block;} /* 수정 220908 */ .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 { height: 435px; background: url('https://cdn.waas.kr/beautyjclinic/skin/main_banner_01_sm.jpg') no-repeat center; background-size: 100%; background-position: 0px 0px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap { top: 44%; left: 5%; transform: scale(0.8);} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .view_btn {top: 210px; left: -14px; transform: scale(0.8);} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 { height: 435px; background: url('https://cdn.waas.kr/beautyjclinic/skin/main_banner_02_sm.jpg') no-repeat center; background-size: 100%; background-position: 0px -5px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap {top: 21%; left: 8%; transform: scale(0.9);} .sub12 .con1 .sub12_bg .text_wrap{padding: 90px 0 0 55px; text-shadow: 1px 1px 4px rgba(0,0,0,1);} .sub12 .con1 .sub12_bg {background: #00000055 url(https://dhkscwgsbrcoa.cloudfront.net/busanweb/beautyjclinic/skin/m_sub12_bg.png) no-repeat 70% center;} .sub12 .con2 .box_list > ul > li{width: 100%;} .sub12 .con2 .box_list > ul > li .text{height: auto;} .sub12 .con2 .box_list > ul > li .img{text-align: center;} } @media all and (max-width:400px) { .pc400{display: none;} .m400{display: block;} /* 수정 220908 */ .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap { top: 46%; left: 5%; transform: scale(0.8);} .sec1 .sw_main_slide .swiper-wrapper .main_slide_2 .text_wrap .view_btn {top: 191px;} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap {top: 21%; left: 4%; transform: scale(0.8);} .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap .view_btn {top: 317px;} .sec5 .w1400 .reserve_list_wrpa > ul > li .text_wrap .tit{font-size: 16px;} .sub_sec1 aside .sub_menu ol li{width: 50%;} .sub_sec1 aside .sub_menu ol li:nth-child(-n+3) a{border-top: 1px solid #fff;} .sub_sec1 aside .sub_menu ol li:nth-child(-n+2) a{border-top: 1px solid #e6e6e6;} .sub12 .con1 .sub12_bg .text_wrap{padding: 90px 20px 0 20px; text-shadow: 1px 1px 4px rgba(0,0,0,1);} } @media all and (max-width:360px) { /* 수정 220908 */ .sec1 .sw_main_slide .swiper-wrapper .main_slide_3 .text_wrap {top: 20%; left: 1%; transform: scale(0.7);} }