#content {float:none;padding:20px 0 20px 0px;} #header { position:relative;} #headerbg { position:absolute} #footerWrap { bottom:0px; width:100%; z-index:99; height:250px !important; } #footer { height:auto !important} #footer .footerCont { height:auto !important} /*하단*/ @media only screen and (max-width:400px) { #footerWrap { height:220px !important;} } /*location*/ .location { z-index:1; position:relative; top:0px;width: 100%;background: #fff; margin: 0px auto; border-top: 1px solid #ebebeb; border-bottom: 1px solid #d7d7d7; display: block; height: 45px; padding: 0 ; line-height: 45px; text-decoration: none; color: #E3E3E3; font-weight: 500; margin:0 auto; text-align:center; } .location a {color:#5e5e5e;letter-spacing:-1px; position:relative; font-size:13px; padding:0 30px;} .location a:last-child { color: #FF4340; padding-left:80px; padding-right:30px;} .location a:last-child::before {display: inline-block; height: 0px;border-top: 1px solid #FF4340;vertical-align: middle;margin-right: 2px;text-indent: -999px; content:""; position:absolute; width:50px; top:10px; left:15px} .location a:last-child::after {content: ""; position: absolute;right: 0;border-bottom: 1px solid #FF4340;border-right: 1px solid #FF4340;width: 5px;height: 5px;transform: rotate(-45deg); top:7px;right:0px;} .location a:hover {color:#FF4340} @media only screen and (max-width:1100px) { .location { height:30px; line-height:30px; } .location a {font-size:.8rem; padding:0 10px;} .location a:last-child { color: #FF4340; padding-left:45px; padding-right:15px;} .location a:last-child::before {width:20px;} } @media only screen and (max-width:640px) { .location { display:none} .location a { padding:0 5px; font-size:.7rem} } /*공통*/ .detail-common { text-align: center;} .fs_section { position: relative;} .fs_section.bodyFirst { padding-top:2.5%} .fs_section.bodyFirst .detail_inner { margin:0 auto} .detail_inner { position: relative; display: inline-table; height: 100%; width: 80%; max-width: 1280px;} .detail_inner.type-full { display: block; width: 100%; max-width: 100%;} .detail_vertical { display: table-cell; width: 100%; vertical-align: middle;} @media only screen and (max-width:400px) { .fs_section.bodyFirst { padding-top:15%} } .board-bg {position: absolute; width:1200px; margin:0 auto; left:0; right:0; top:200px;} .board-top-text { color:#fff; margin-left:10%;} .board-top-text p { font-size:2.7rem; margin:0; padding:0; font-weight:200} .board-top-text h3 {font-size:4.4rem; margin:0; padding:0; font-weight:600} .board-top-text span { font-size:1.4rem; margin-top:3%; padding:0; font-weight:200; opacity:.7;width: 35%;display: block; word-break:keep-all} /*오른쪽 퀵 메뉴*/ .fs_nav { display:none;} @media only screen and (max-width:600px) { .detail_vertical .detail_section-box { background:rgb(255,255,255,.6); padding:5%} .color_lb { color:#333 !important} h4.color_f { color:#666} .txt-detail-tit { color:#666 !important} } .color_p { color:#de7f8f} .color_b_p {background-color:#de7f8f} .color_s { color:#57a4ea} .color_b_s {background-color:#57a4ea} .color_g { color:#4abd92;} .color_b_g {background-color:#4abd92;} .color_y { color:#fae100;} .color_b_y {background-color:#fae100;} .color_o { color:#FF4340;} .color_b_o {background-color:#FF4340;} .color_f { color:#fff;} .color_b_f {background-color:#fff;} .color_lb { color:#e6ddd4;} .color_b_lb {background-color:#e6ddd4;} /*성형대상*/ .Target { margin-top:8%; position:relative} .Target h3 { margin-bottom:2%; font-family: nanummyeongjo; background: url("/layouts/bluebDesign/image/sub/point01.png") right bottom no-repeat; display:inline-block; padding-bottom:2.5%; padding-right:3%; font-size:1.8rem} .Target ul {overflow: hidden; display: inline-block;margin: 0 auto; width:100%; position:relative;} .Target ul::after { position:absolute; content:""; z-index:-1; width:60%; height:1px; background-color:#333; left:0px; margin:0 auto; top:90px; z-index:0} .Target li { width:180px; height:180px; border-radius:100%; float:left;display: table; position: relative; margin:0 1%; background-color:#fff; z-index:1; font-size:1.2rem; font-weight:300; line-height:1.4rem} .Target li:first-child { margin-left:0; padding-left:0} .Target li.border-o {border: 4px solid #b46a7b;} .Target li.border-s {border: 4px solid #40445a;} .Target li span{ margin:0 3%; display: table-cell; vertical-align: middle;text-align: center;} @media only screen and (max-width:1920px) { .Target li { font-size:1rem; width:160px; height:160px;} .Target ul::after { width:55%;} } @media only screen and (max-width:768px) { .Target h3 { font-size:1.4rem; background-size:55%} .Target li { width:130px; height:130px; font-size:1rem; letter-spacing:-1px;} } @media only screen and (max-width:640px) { .Target h3 { font-size:1rem; background:none} .Target ul::after { display:none} .Target li { width:100%; height:auto; background:none; font-size:.8rem; letter-spacing:-1px; line-height:1rem; margin:1%; border-radius:0px; text-align:left; border:0px !important; position:relative; padding-left:10px !important;} .Target li span { text-align:left} .Target li::after { position:absolute; left:0px; top:8px; content:""; width:5px; height:1px; background-color:#666} .Target li span br { display:none} } /*시술방법*/ .Kinds { margin-top:5%; position:relative} .Kinds ul {overflow: hidden; margin: 0 auto; width:100%; position:relative;} .Kinds li { display: inline-block; position: relative; margin:0% .5%; font-size:1.2rem; text-align:center; background:rgb(255,255,255,.7); padding:1%; border-radius:100%; width:130px; height:130px; vertical-align:top} .Kinds li img { width:60%} .Kinds li:first-child { margin-left:0; } .Kinds li:last-child { margin-right:0; } .Kinds li span { margin:0 3%; text-align: center; display:block; font-weight:300} .Kinds02 li { color:#000; display:inline-block; font-weight:300; margin:0 .5%; text-align:center} .Kinds02 li img { width:60%; border-radius:100%} .Kinds02 li span { display:block; font-size:1.2rem; font-weight:200; margin-top:2%} .Kinds03 ul { vertical-align: top; position: relative; } .Kinds03 ul li { font-size:1.2rem; font-weight:300; position:relative; text-align:center; color:#000; vertical-align:top; margin-bottom:2%; border-bottom:1px #666 dashed; padding-bottom:2% ; display:inline-block; width:100%} .Kinds03 ul li:last-child { margin-bottom:0px; border-bottom:0px} .Kinds03 ul li span { font-weight:400; display:block} .Kinds03 ul li p { font-weight:200;} .Nose-left { float:left; text-align:left} .Nose-left .num { font-size:3rem; font-weight:700; opacity:0.1; width:150px; margin:0 auto; display:block} .Nose-right { text-align:left; float:right; width:80%} @media only screen and (max-width:1920px) { .Kinds li img { width:50%; margin-top:7%} .Kinds li { font-size:1rem; width:120px; height:120px;} .Kinds03 ul li p { font-size:1rem} .Nose-right img { width:50%} } @media only screen and (max-width:768px) { .Kinds03 ul li p { font-size:1rem} .Kinds03 ul li span { font-size:1rem} .Nose-left { width:20%} .Nose-left .num { margin:0 !important} .Nose-right img { width:70%} } @media only screen and (max-width:640px) { .Kinds { display:none} .Kinds02 { display:none} .Nose-left { float:inherit; width:100%;} .Nose-right { float:inherit; width:100%} .Nose-left .num { font-size:1rem; display:none} .Kinds03 ul li p { font-size:.9rem; letter-spacing: -1px;} } /*수술 방법 안내*/ .Operation-use { margin-top:5%} .Operation-use ul li { display:inline-block;background: url("/layouts/bluebDesign/image/sub/Operation.png") right bottom no-repeat; margin-left:1%} .Operation-use ul li .pentagon {display: table; width:180px; height:180px; text-align:center} .Operation-use ul li .pentagon .pentagon-txt { display: table-cell; vertical-align: middle;} .Operation-use ul li .pentagon .pentagon-txt span { border-bottom:1px #666 solid; padding-bottom:4%; margin-bottom:4%; margin-top:15%; display:inline-block} .Operation-use ul li .pentagon .pentagon-txt p { font-size:1.3rem; font-weight:400; letter-spacing:-2px;} .Operation-use01 { margin-top:3%; width:100%; display:inline-block} .Operation-use01 ul li { display:inline-block; margin:0 .3%} .Operation-use01 ul li .pentagon {display:inline-table; width:160px; height:160px; text-align:center; border-radius:25px;background:#fff;} .Operation-use01 ul li .pentagon .pentagon-txt { display: table-cell; vertical-align: middle; } .Operation-use01 ul li .pentagon .pentagon-txt span { font-weight:200; margin-top:2%; display:block; color:#666} .Operation-use01 ul li .pentagon .pentagon-txt p { font-size:1.3rem; font-weight:400; letter-spacing:-2px; color:#55618b} .Operation-use02 { position: relative; margin:5% 0 0 0; padding:2% 0%; display:inline-block; width:100%; } .Operation-use02 h3 { margin-bottom:2%; font-family: nanummyeongjo; background: url("/layouts/bluebDesign/image/sub/point01.png") right bottom no-repeat; display:inline-block; padding-bottom:2.5%; padding-right:3%; font-size:1.8rem} .Operation-use02 ul { vertical-align: top; position: relative; } .Operation-use02 ul li {display: inline-block; font-size:1.2rem; position:relative; padding:0 1%; margin:0 1%; text-align:center; position:relative; width:150px; height:150px;} .Operation-use02 ul li:after { position:absolute; content:""; right:-25px; top:70px;border-top: 7px solid transparent;border-right: 7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #666;} .Operation-use02 ul li:first-child { padding-left:0px; margin-left:0px;} .Operation-use02 ul li:last-child { padding-right:0px; margin-right:0px;} .Operation-use02 ul li:last-child:after { display:none} .Operation-use02 ul li img { border-radius:100%; width:100%} .Operation-use02 ul li p { margin:0; padding:0; font-weight:300; } .Operation-use02 ul li span { margin:0; padding:0; font-weight:500; letter-spacing:-1px} .Operation-use03 { position: relative; margin:7% 0 0 auto; padding:0%; width:65%; } .Operation-use03 h3 { margin-bottom:2%; font-family: nanummyeongjo; background: url("/layouts/bluebDesign/image/sub/point01.png") right bottom no-repeat; display:inline-block; padding-bottom:2.5%; padding-right:3%; font-size:1.8rem} .Operation-use03 ul {overflow: hidden; display: inline-block;margin: 0 auto; width:100%; position:relative;} .Operation-use03 li { font-weight:200;line-height: 26px; position: relative; margin:0 -1.5%; display:inline-block; font-size:1.2rem} .Operation-use03 li:last-child { margin:0 1.5% 0 0 } .Operation-use03 li div { display:table; text-align:center;width:200px; height:200px; border-radius:100%} .Operation-use03 li div span {display: table-cell; vertical-align: middle;} .Operation-use03 li div.bg-g { background:rgb(239,200,195,.6)} .Operation-use03 li div.bg-b { background:rgb(239,220,195,.6)} .Operation-use04 ul { margin:0; padding:0; } .Operation-use04 li { color:#000; display:inline-block; font-weight:300; position:relative;text-align:center; width:200px; height:140px; padding-top:60px; vertical-align:top; border-radius:100%} .Operation-use04 li.li03-01 { background:rgb(0,50,100,.7); color:#fff} .Operation-use04 li.li03-02 { background:rgb(240,200,75,.8); color:#000} .Operation-use04 li.li03-03 { background:rgb(255,255,255,.7); color:#000} .Operation-use04 li.li03-04 { background:rgb(255,255,255,.7); color:#000} .Operation-use04 li span { display:block; letter-spacing:-1px; font-weight:500; } @media only screen and (max-width:1920px) { .Operation-use { width:100%; margin: 5% 0 0 auto;} .Operation-use ul li .pentagon { width:140px; height:140px; } .Operation-use ul li {background-size:cover; margin-bottom:2%} .Operation-use ul li .pentagon .pentagon-txt span { font-size:1rem; margin-top:10%} .Operation-use ul li .pentagon .pentagon-txt p { font-size:1.2rem} .Operation-use01 ul li { vertical-align:top} .Operation-use01 ul li .pentagon { width:120px; height:120px; background:rgb(255,255,255,.8)} .Operation-use01 ul li .pentagon .pentagon-txt img { width:25%} .Operation-use01 ul li .pentagon .pentagon-txt span { font-size:.8rem} .Operation-use01 ul li .pentagon .pentagon-txt p { font-size:1.2rem} .Operation-use02 h3 { font-size:1.4rem; background-size:70%;padding-bottom: 1%; padding-right:1%} .Operation-use02 ul li { width:100px; height:100px; vertical-align:top} .Operation-use02 ul li p { font-size:1rem} .Operation-use02 ul li span { font-size:1.2rem} .Operation-use03 { width:100%} .Operation-use03 h3 { font-size:1.6rem; background-size:70%} .Operation-use03 li div { width:140px; height:140px; vertical-align:top; letter-spacing:-1px} .Operation-use03 li { margin:0 -1%} .Operation-use03 ul li span { font-size:.9rem} } @media only screen and (max-width:768px) { .Operation-use01 ul li .pentagon { width:100px; height:100px; } .Operation-use { width:80%; margin: 5% 0 0 auto;} .Operation-use01 ul li .pentagon .pentagon-txt p { font-size:.9rem} } @media only screen and (max-width:640px) { .Operation-use, .Operation-use01, .Operation-use02, .Operation-use03, .Operation-use04 { display:none} } .pb3 { padding-bottom:3%} .pt3 { padding-top:3%} .Body-parts01 { position: relative; } .Body-parts01 h3 { line-height:57px; height:60px; font-size:2.2rem; font-weight:400; transform:rotate(-1deg); margin-bottom:1%;font-family:tvN 즐거운이야기;} .Body-parts01 h3.bg-yellow { background: url("/layouts/bluebDesign/image/sub/Body-parts01.png") left bottom no-repeat;; padding-left:20px;} .Body-parts01 h3.bg-pink { background: url("/layouts/bluebDesign/image/sub/Body-parts02.png") right bottom no-repeat; padding-right:20px;} .Body-parts01 h3.bg-blue { background: url("/layouts/bluebDesign/image/sub/Body-parts03.png") left bottom no-repeat; padding-left:20px;} .Body-parts01 h3.bg-orange { background: url("/layouts/bluebDesign/image/sub/Body-parts04.png") right bottom no-repeat; padding-right:20px;} .Body-parts01 h3.bg-puple { background: url("/layouts/bluebDesign/image/sub/Body-parts05.png") left bottom no-repeat; padding-left:20px;} .Body-parts01 ul { margin:0; padding:0; } .Body-parts01 li { color:#000; display:inline-block; font-weight:300; position:relative; vertical-align:top; border-radius:100%; font-size:1.2rem; text-align:center; background:rgb(255,255,255,.5); margin:0 .3%} .Body-parts01 li div { display: table-cell; width: 100%; width:150px; height:150px; vertical-align: middle;} .Body-parts01 li span { display:block; font-weight:300; font-size:1rem; text-align:center} @media only screen and (max-width:1920px) { .Body-parts01 h3 { font-size:1.6rem} .Body-parts01 li div { width:100px; height:100px;} .Body-parts01 li div img { width:60%} .Body-parts01 li span { font-size:1rem} } @media only screen and (max-width:640px) { .Body-parts01 h3 { font-size:.8rem; height:25px; line-height:25px; transform:none; margin-bottom:3%; width:130px;} .Body-parts01 h3.bg-yellow {background-size:55%;} .Body-parts01 li { margin:.5%} .Body-parts01 li div { width:80px; height:80px;} .Body-parts01 li div img { width:60%} .Body-parts01 li span { font-size:.7rem} .Body-parts01 h3.bg-yellow { background:#e2be17;} .Body-parts01 h3.bg-pink { background:#e84a5b; margin:0 0 3% auto;} .Body-parts01 h3.bg-blue { background:#17b7e2;} .Body-parts01 h3.bg-orange { background:#e26a17;margin:0 0 3% auto;} .Body-parts01 h3.bg-puple { background:#b648ff;} } /*수술 후 주의사항*/ .Precautions ul {display: inline-block; margin:5% 0 0 0; vertical-align: top;text-align: left;position: relative; } .Precautions ul li { position:relative; border-bottom:1px #666 dashed; padding-bottom:1.5%; margin-bottom:1.5%; font-size:1.2rem; font-weight:200} .Precautions ul li span { width:30px; height:30px; line-height:30px; background-color:#333; color:#fff; display:inline-block; border-radius:100%; text-align:center; margin-right:15px; font-weight:300; font-size:1rem} @media only screen and (max-width:1920px) { .Precautions ul li { font-size:1rem; letter-spacing:-.5px} } @media only screen and (max-width:768px) { .Precautions ul li { font-size:.9rem; letter-spacing:-.5px} } @media only screen and (max-width:640px) { .Precautions ul li { font-size:.8rem;} .Precautions ul li span { height:20px; line-height:20px; width:20px; margin-right:6px; font-size:.7rem} } /*타이틀*/ .tit-small {font-weight:300;height:35px ; line-height:35px; text-align:center; display:inline-block; padding:0 2%; ; letter-spacing:7px} .tit-small02 { position:relative; font-weight:300;height:35px ; line-height:35px; text-align:center; display:inline-block; padding-bottom:.3%; margin-bottom:2%;} .tit-small02::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#000} .tit-small03 { position:relative; font-weight:300;height:35px ; line-height:35px; text-align:center; display:inline-block; padding-bottom:.3%; margin-bottom:2%;} .tit-small03::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#fff} .tit-big { font-size:4.4rem; font-weight:300; line-height:4.8rem; } .tit-big span { font-weight:500;} .tit-ff { font-family: nanummyeongjo; } .tit-ff span { font-weight:bold} .txt-detail-sub { position: relative; margin:7% 0 0 0; padding:0%; width:65%; } .txt-detail-tit { font-size:1.2rem; font-weight:200} .tag { font-size:1.8rem; font-weight:200; margin-bottom:1%} .cont_txt_left { text-align:left; position:relative} .cont_txt_left .tit-small {margin:0 auto 1% 0; } .cont_txt_left .txt-detail-tit { margin:2% 0; padding:0; width:60%; position:relative} .cont_txt_right { text-align:right; position:relative} .cont_txt_right .tit-small { margin:0% 0 1% auto ;} .cont_txt_right .txt-detail-tit { margin:2% 0 2% auto; padding:0; width:60%} @media only screen and (max-width:1920px) { .tit-big { font-size:3.4rem; line-height:3.8rem;letter-spacing: -2px;} .txt-detail-tit { font-size:1.2rem} } @media only screen and (max-width:768px) { .tit-small { font-size:1rem; letter-spacing:0} .tit-big { font-size:2.4rem; line-height:2.8rem} .tit-ff span { display:block} .txt-detail-tit { font-size:1rem} .tag { font-size:1.4rem} .cont_txt_left .txt-detail-tit { margin:5% 0; width:100%} .cont_txt_right .txt-detail-tit { margin:5% 0 5% auto;} } @media only screen and (max-width:640px) { .tit-small02, .tit-small { font-size:.9rem; letter-spacing:0} .tit-small { height:25px; line-height:25px;} .tit-big { font-size:1.2rem; line-height: 2rem;} .tit-big span{ font-size:1.8rem; line-height:2.2rem} .tit-ff span { display:block} .txt-detail-tit { font-size:.8rem} .tag { font-size:1rem} .cont_txt_right .txt-detail-tit { width:100%} .cont_txt_right .txt-detail-tit br { display:none} } #page10 .bodyFirst { background:#f1eee7 url("/layouts/bluebDesign/image/sub/page10-bg-01.png") right center/cover;} #page10 .bodySection01 { background:#28272e url("/layouts/bluebDesign/image/sub/page10-bg-02.png") center center/cover;} #page10 .bodySection02 { background:url("/layouts/bluebDesign/image/sub/page10-bg-04.jpg") center center/cover; } #page10 .bodySection03 { background:#f1eee7 url("/layouts/bluebDesign/image/sub/page10-bg-03.png");} #page12 .bodyFirst { background:#e4dad0 url("/layouts/bluebDesign/image/sub/page12-bg-01.jpg") center center/cover;} #page12 .bodySection01 { background:#465983 url("/layouts/bluebDesign/image/sub/page12-bg-02.jpg") center center/cover;} #page12 .bodySection02 { background:#eeeeee url("/layouts/bluebDesign/image/sub/page12-bg-03.jpg") center center/cover;} #page12 .bodySection03 { background: url("/layouts/bluebDesign/image/sub/page12-bg-04.jpg") center center/cover;} #page12 .bodySection04 { background: url("/layouts/bluebDesign/image/sub/page12-bg-06.jpg") center center/cover;} #page12 .bodySection05 { background:url("/layouts/bluebDesign/image/sub/page12-bg-05.jpg") center center/cover;} @media only screen and (max-width:1920px) { } @media only screen and (max-width:768px) { #page12 .bodyFirst { background:#e4dad0 url("/layouts/bluebDesign/image/sub/page12-bg-01.jpg") -550px bottom/cover no-repeat;} #page12 .bodySection01 { background:#465983 url("/layouts/bluebDesign/image/sub/page12-bg-02.jpg") -200px center/cover;} #page12 .bodySection02 { background:#eeeeee url("/layouts/bluebDesign/image/sub/page12-bg-03.jpg") -550px bottom/cover no-repeat;} #page12 .bodySection04 { background: url("/layouts/bluebDesign/image/sub/page12-bg-06.jpg") -250px bottom/cover no-repeat;} #page12 .bodySection05 { background:url("/layouts/bluebDesign/image/sub/page12-bg-05.jpg") -480px center/cover;} } @media only screen and (max-width:400px) { #page12 .bodyFirst { background:#e4dad0 url("/layouts/bluebDesign/image/sub/page12-bg-01.jpg") -550px bottom/cover no-repeat;} #page12 .bodySection01 { background:#465983 url("/layouts/bluebDesign/image/sub/page12-bg-02.jpg") -200px center/cover;} #page12 .bodySection02 { background:#eeeeee url("/layouts/bluebDesign/image/sub/page12-bg-03.jpg") -550px bottom/cover no-repeat;} #page12 .bodySection04 { background:url("/layouts/bluebDesign/image/sub/page12-bg-06.jpg") -150px bottom/cover no-repeat} #page12 .bodySection05 { background:url("/layouts/bluebDesign/image/sub/page12-bg-05.jpg") -380px center/cover;} } #page13 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page13-bg-01.jpg") center center/cover} #page13 .bodySection01 { background:url("/layouts/bluebDesign/image/sub/page13-bg-02.jpg") center center/cover ;} #page13 .bodySection02 { background:url("/layouts/bluebDesign/image/sub/page13-bg-03.jpg") center center/cover} #page13 .bodySection03 {background:url("/layouts/bluebDesign/image/sub/page13-bg-04.jpg") center center/cover;} #page13 .bodySection04 { background:url("/layouts/bluebDesign/image/sub/page13-bg-05.jpg") center center/cover;} #page14 .bodyFirst { background: url("/layouts/bluebDesign/image/sub/page14-bg-01.jpg") center center/cover;} #page14 .bodySection01 { background:#fdd4d6 url("/layouts/bluebDesign/image/sub/page14-bg-02.jpg") center center/cover;} @media only screen and (max-width:1920px) { } @media only screen and (max-width:400px) { #page14 .bodyFirst { background:#fff} } #page15 .bodyFirst { background: url("/layouts/bluebDesign/image/sub/page15-bg-01.jpg") center center/cover;} #page15 .bodySection01 { background:#fdd4d6 url("/layouts/bluebDesign/image/sub/page15-bg-02.jpg") center center/cover;} #page15 .bodySection02 { background:#fdd4d6 url("/layouts/bluebDesign/image/sub/page15-bg-03.jpg") center center/cover;} @media only screen and (max-width:1920px) { } @media only screen and (max-width:768px) { #page15 .bodyFirst{ background: url("/layouts/bluebDesign/image/sub/page15-bg-01.jpg") -450px center/cover no-repeat;} } @media only screen and (max-width:640px) { #page15 .bodyFirst{ background:#c497d0;} #page15 .bodySection01 { background:#fdd4d6 url("/layouts/bluebDesign/image/sub/page15-bg-02.jpg") -280px center/cover;} } #page16 .bodyFirst { background:#d8d8d8 url("/layouts/bluebDesign/image/sub/page16-bg-01.jpg") center center/cover;} #page16 .bodySection01 { background:#fdd4d6 url("/layouts/bluebDesign/image/sub/page16-bg-02.jpg") center center/cover;} #page16 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page16-bg-03.jpg") center center/cover;} #page16 .bodySection03 { background: url("/layouts/bluebDesign/image/sub/page16-bg-04.jpg") center center/cover;} #page16 .bodySection04 { background: url("/layouts/bluebDesign/image/sub/page16-bg-05.jpg") center center/cover;} #page16 .bodySection05 { background: url("/layouts/bluebDesign/image/sub/page16-bg-06.jpg") center center/cover;} @media only screen and (max-width:1920px) { } @media only screen and (max-width:768px) { #page16 .bodyFirst { background:#eee} #page16 .bodySection01 { display:none} #page16 .bodySection02 { background:#364e63} #page16 .bodySection03 { background:#facfc2} #page16 .bodySection04 { background:#dca9d1} #page16 .bodySection05 { background:#c296cf} } #page17 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page17-bg-01.jpg") center center/cover;} #page17 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page17-bg-02.jpg") center center/cover;} #page17 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page17-bg-03.jpg") center center/cover;} @media only screen and (max-width:1920px) { } @media only screen and (max-width:768px) { #page17 .bodyFirst { background:#fffbf2 } #page17 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page17-bg-02.jpg") -180px center/cover;} #page17 .bodySection02 { background:#85b1ce;} } #page18 .bodyFirst { background: url("/layouts/bluebDesign/image/sub/page18-bg-01.jpg") center center/cover;} #page18 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page18-bg-02.jpg") center center/cover;} #page18 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page18-bg-03.jpg") center center/cover;} @media only screen and (max-width:768px) { #page18 .bodyFirst { background: url("/layouts/bluebDesign/image/sub/page18-bg-01.jpg") -550px center/cover;} #page18 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page18-bg-02.jpg") -210px center/cover;} #page18 .bodySection02 { background:#e7d7bc} } #page19 .bodyFirst { background: url("/layouts/bluebDesign/image/sub/page19-bg-01.jpg") center center/cover;} #page19 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page19-bg-02.jpg") center center/cover;} #page19 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page19-bg-03.jpg") center center/cover;} @media only screen and (max-width:1920px) { } @media only screen and (max-width:768px) { #page19 .bodyFirst { background: url("/layouts/bluebDesign/image/sub/page19-bg-01.jpg") -550px center/cover;} #page19 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page19-bg-02.jpg") -210px center/cover;} #page19 .bodySection02 { background:#f9b5c2} } #page20 .bodyFirst { background: url("/layouts/bluebDesign/image/sub/page20-bg-01.jpg") center center/cover;} #page20 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page20-bg-02.jpg") center center/cover;} #page20 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page20-bg-03.jpg") center center/cover;} @media only screen and (max-width:1920px) { } @media only screen and (max-width:768px) { #page20 .bodyFirst { background: url("/layouts/bluebDesign/image/sub/page20-bg-01.jpg") -450px center/cover;} #page20 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page20-bg-02.jpg") -210px center/cover;} #page20 .bodySection02 { background:#f9b5c2} } #page21 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page21-bg-01.jpg") center center/cover;} #page21 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page21-bg-02.jpg") center center/cover;} #page21 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page21-bg-03.jpg") center center/cover;} #page21 .bodySection03 { background: url("/layouts/bluebDesign/image/sub/page21-bg-04.jpg") center center/cover;} @media only screen and (max-width:1920px) { } @media only screen and (max-width:768px) { #page21 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page21-bg-01.jpg") -450px center/cover;} #page21 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page21-bg-02.jpg") -210px center/cover;} #page21 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page21-bg-03.jpg") -480px center/cover;} #page21 .bodySection03 { background: url("/layouts/bluebDesign/image/sub/page21-bg-04.jpg") -210px center/cover;} } #page22 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page22-bg-02.jpg") center center/cover;} #page22 .bodySection01 {background: url("/layouts/bluebDesign/image/sub/page22-bg-03.jpg") center center/cover;} #page22 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page22-bg-04.jpg") center center/cover;} #page22 .bodySection03 { background: url("/layouts/bluebDesign/image/sub/page22-bg-05.jpg") center center/cover;} #page22 .bodySection04 { background: url("/layouts/bluebDesign/image/sub/page22-bg-06.jpg") center center/cover;} #page22 .bodySection05 { background: url("/layouts/bluebDesign/image/sub/page22-bg-05.jpg") center center/cover;} @media only screen and (max-width:768px) { #page22 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page22-bg-02.jpg") -550px center/cover;} #page22 .bodySection01 {background: url("/layouts/bluebDesign/image/sub/page22-bg-03.jpg") -230px center/cover;} #page22 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page22-bg-04.jpg") -450px center/cover;} #page22 .bodySection03 { background: url("/layouts/bluebDesign/image/sub/page22-bg-05.jpg") -250px center/cover;} #page22 .bodySection04 { background: url("/layouts/bluebDesign/image/sub/page22-bg-06.jpg") -500px center/cover;} #page22 .bodySection05 { background: url("/layouts/bluebDesign/image/sub/page22-bg-05.jpg") center/cover;} } #page23 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page23-bg-01.jpg") center center/cover;} #page23 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page23-bg-02.jpg") center center/cover;} #page23 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page23-bg-03.jpg") center center/cover;} #page23 .bodySection03 { background: url("/layouts/bluebDesign/image/sub/page23-bg-04.jpg") center center/cover;} @media only screen and (max-width:768px) { #page23 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page23-bg-01.jpg") -650px center/cover;} #page23 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page23-bg-02.jpg") -150px center/cover;} #page23 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page23-bg-03.jpg") center center/cover;} } #page24 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page24-bg-01.jpg") center center/cover;} #page24 .bodySection01 {background: url("/layouts/bluebDesign/image/sub/page24-bg-02.jpg") center center/cover;} #page24 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page24-bg-03.jpg") center center/cover;} @media only screen and (max-width:768px) { #page24 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page24-bg-01.jpg") -450px center/cover;} #page24 .bodySection01 {background: url("/layouts/bluebDesign/image/sub/page24-bg-02.jpg") -100px center/cover;} #page24 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page24-bg-03.jpg") center center/cover;} } #page25 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page25-bg-01.jpg") center center/cover;} #page25 .bodySection01 {background: url("/layouts/bluebDesign/image/sub/page25-bg-02.jpg") center center/cover;} #page25 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page25-bg-03.jpg") center center/cover;} @media only screen and (max-width:768px) { #page25 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page25-bg-01.jpg") -450px center/cover;} #page25 .bodySection01 {background: url("/layouts/bluebDesign/image/sub/page25-bg-02.jpg") -100px center/cover;} #page25 .bodySection02 { background:#d6e1f8} } #page26 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page26-bg-01.jpg") center center/cover;} #page26 .bodySection01 {background:#fffde8 url("/layouts/bluebDesign/image/sub/page21-bg-01.png");} #page26 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page26-bg-03.jpg") center center/cover;} @media only screen and (max-width:768px) { #page26 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page26-bg-01.jpg") -500px center/cover;} #page26 .bodySection02 { background:#ebebeb} } #page30 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page30-bg-01.jpg") center center/cover;;} #page30 .bodySection01 { background:url("/layouts/bluebDesign/image/sub/page30-bg-02.jpg") center center/cover;;} #page30 .bodySection02 { background:#fffeed url("/layouts/bluebDesign/image/sub/page21-bg-01.png"); } #page30 .bodySection03 { background:url("/layouts/bluebDesign/image/sub/page30-bg-04.jpg") center center/cover; } #page31 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page31-bg-01.jpg") center center/cover;;} #page31 .bodySection01 { background:url("/layouts/bluebDesign/image/sub/page31-bg-02.jpg") center center/cover;;} #page31 .bodySection02 { background:#fffeed url("/layouts/bluebDesign/image/sub/page21-bg-01.png"); } #page31 .bodySection03 { background:#feefe8; } #page31 .bodySection04 { background:url("/layouts/bluebDesign/image/sub/page31-bg-04.jpg") center center/cover; } #page32 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page52-bg-01.jpg") center center/cover;;} #page32 .bodySection01 { background:#f2e9ea url("/layouts/bluebDesign/image/sub/page21-bg-01.png");} #page32 .bodySection02 { background:#fffde8 url("/layouts/bluebDesign/image/sub/page21-bg-01.png");} #page45 .bodyFirst { background: url("/layouts/bluebDesign/image/sub/body_detail_section01.jpg") center center/cover;} #page45 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/body_detail_section02.jpg") center center/cover;} #page45 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/body_detail_section03.jpg") center center/cover;} #page46 .bodyFirst { background: url("/layouts/bluebDesign/image/sub/page46-bg-01.jpg") center center/cover;} #page46 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page46-bg-02.jpg") center center/cover;} #page46 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page46-bg-03.jpg") center center/cover;} #page47 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page47-bg-01.jpg") center center/cover;;} #page47 .bodySection01 { background:#f1eee7 url("/layouts/bluebDesign/image/sub/page21-bg-01.png");} #page47 .bodySection02 { background:url("/layouts/bluebDesign/image/sub/page47-bg-03.jpg") center center/cover; } #page48 .bodyFirst { background: url("/layouts/bluebDesign/image/sub/page48-bg-01.jpg") center center/cover;} #page48 .bodySection01 { background: url("/layouts/bluebDesign/image/sub/page48-bg-02.jpg") center center/cover;} #page48 .bodySection02 { background: url("/layouts/bluebDesign/image/sub/page48-bg-03.jpg") center center/cover;} #page49 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page49-bg-01.jpg") center center/cover;;} #page49 .bodySection01 { background:#f1eee7 url("/layouts/bluebDesign/image/sub/page21-bg-01.png");} #page49 .bodySection02 { background:url("/layouts/bluebDesign/image/sub/page49-bg-03.jpg") center center/cover; } #page50 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page50-bg-01.jpg") center center/cover;;} #page50 .bodySection01 { background:#fff5d8 url("/layouts/bluebDesign/image/sub/page21-bg-01.png");} #page50 .bodySection02 { background:url("/layouts/bluebDesign/image/sub/page50-bg-03.jpg") center center/cover; } #page51 .bodyFirst { background:url("/layouts/bluebDesign/image/sub/page51-bg-01.jpg") center center/cover;;} #page51 .bodySection01 { background:#feefe8 url("/layouts/bluebDesign/image/sub/page21-bg-01.png");} #page53 .bodyFirst { background:#f2e9ea;} #page53 .bodySection01 { background:#eef8fa;} #page53 .bodySection02 { background: #fce6de;} #page53 .bodySection03 { background:#f2e9ea ;} #page53 .bodySection04 { background:#6a6a6a} /*찾아오시는 길*/ #page11 .counseling-btn {display: inline-block;width: 110px;padding: 3px 0px;margin-top: 20px;border: 1px solid #fff;border-radius: 15px 15px 15px 15px;text-align: center;font-size: 14px;color: #fff;vertical-align: middle;font-weight: 400;text-decoration: none;} #page11 .map_wrap { position:relative;} #page11 .map_box { position: absolute; top: 50px; left: 15%;} #page11 .map_info { position: relative; z-index:1; padding: 10%; background-color: #FF4340; text-align: center; color: #fff;} #page11 .map_info-kor { margin: 0; font-size: 24px;} #page11 .map_info-eng { width:80%; margin: 0 auto; color: #faa68f; font-size: 13px;} #page11 .map_info-tel { margin: 15px 0 0 0; font-size: 15px;} #page11 .map_info-tel span { position: relative; padding-right: 25px; color: #d0fffa;} #page11 .location_info { padding:5% 0; margin: 0px auto; box-sizing: border-box; text-align:center } #page11 .location_title { margin-bottom:3%} #page11 .location_title h2 { font-size:2rem; font-weight:400;} #page11 .location_title p { font-size:1rem; font-weight:200} #page11 .location_list { } #page11 .location_list .location_item { min-height:270px; text-align:left; margin:1%; background-color:#efefef; display: inline-block;position: relative;padding:5% 50px 5% 150px;width:46%;box-sizing: border-box;vertical-align: top;list-style: none; font-weight:300} #page11 .location_item::before {position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width:150px;height: 66px;background: url("/layouts/bluebDesign/image/sub/location_icon.png") no-repeat; background-position-y: 0%;content: '';background-position-x:55px;} #page11 .location_tit {margin: 0 0 14px 0;font-size: 22px;font-weight: 400;color: #333333; position:relative;display: inline-block; padding-top:6px;} #page11 .location_tit::before {position: absolute; content:""; width:100%; height:3px; background-color:#FF4340; top:0; left:0;} #page11 .location_dt {float: left;margin-right: 10px;font-weight:500;} #page11 .location_item-img2:before{background-position-y:-66px;} #page11 .location_item-img3:before{background-position-y:-132px;} #page11 .location_item-img4::before {background-position-y: -198px;} #page11 .location_notice {display: block;margin: 2px 0 0 0;color: #999;} #page11 .twoand {font-size:13px;} #page11 .location_txt { letter-spacing: -1.9px;} @media only screen and (max-width:768px) { #page11 .map_box { position:relative; top:inherit; left:inherit;} #page11 .location_list .location_item { width:95%; height:170px;} } @media only screen and (max-width:400px) { #page11 .location_info { padding:15% 0} #page11 .map_info-kor { font-size:1.2rem} #page11 .location_title h2 { font-size:1.2rem} #page11 .location_title p { font-size:.9rem} #page11 .location_list .location_item { width:95%; height:auto;min-height:auto; font-size:.9rem} } /*page14*/ .circle-img { position:absolute; right:0; top:0} .circle-img .img_box { position:relative; width:100%} .circle-img .img_box .img_box02 { position:absolute; top:0; right:0} @media only screen and (max-width:1920px) { .circle-img { display:none} } /*page45*/ #page45 .about_top { position: absolute; left: 0; top:20%; margin: 0; font-size: 20px; text-align:left; color: #fff; font-weight: 400; line-height: 1.85;} #page45 .about_top-bar { display: block; position: relative;} #page45 .about_top-bar.about_top-point::after { border-bottom: 1px solid #c4f3ff;} #page45 .about_top-bar::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-bottom: 1px solid #fff; content: '';} #page45 .about_top-point { color: #c4f3ff;} #page45 .about_black { position:absolute; bottom: 0; text-align:left; left: 0; width: 100%; height:35%; } #page45 .about_black .detail_inner { display: block; margin: 0px auto;} #page45 .about_box { position: relative; top: -100px;} #page45 .about_tit-eng { margin: 0; font-size: 60px; color: #fff; font-weight:600; line-height: 1.1; } #page45 .about_txt { margin: 24px 0 0 0; color: #FFF; font-size:1rem;} #page45 .about_circle { width:600px; box-sizing: content-box; transition: all 0.5s;} #page45 .about_circle.type-another3 { float: right; margin:0; background: rgba(255,255,255,0.7);padding:7% 5%;} #page45 .about_circle.type-another3 .about_circle-txt { padding-left: 15px; margin-top: 32px; position:relative; color:#333; } #page45 .about_circle-txt::before { position: absolute; top: 4px; left: 0px; width: 4px; height: 100%; background-color: #eafd6b; content: '';} #page45 .about_circle.type-another3 .about_circle-txt::before {background-color: #89d7da;} #page45 .about_circle-wrap { text-align:left;} #page45 .about_circle.type-another3 .about_circle-tit {font-size: 3.3rem; font-weight:300; letter-spacing:-2px;line-height: 4.3rem;} #page45 .about_color10 { color: #06abb1 !important; font-weight:500} #page45 .detail_first-tit { color:#fff; position: relative; display: inline-block; margin: 0; background: #fff; background: rgba(255,255,255,0.1); border: 1px solid rgba(0,0,0,0.1); text-align: center; font-size: 2.3rem; font-weight: 400; letter-spacing:16px; box-sizing: border-box; padding: 22px 28px 22px 50px;} #page45 .detail_first-tit::after { position: absolute; display: inline-block; bottom: -9px; right: -6px; width: 17px; height: 16px; background: url("/layouts/bluebDesign/image/sub/quotation_right.png") no-repeat; content: '';} #page45 .detail_first-tit::before { background: url("/layouts/bluebDesign/image/sub/quotation_left.png") no-repeat; position: absolute; display: inline-block; top: -9px; left: -6px; width: 17px; height: 16px; content: '';} #page45 .detail_first-txt { font-size: 1.3rem; margin:20px 0px 0 0; font-weight: 300; color:#fff} @media only screen and (max-width:640px) { #page45 .about_box { background:rgb(255,255,255,.7); padding:5%; top:-120px;} #page45 .about_tit-eng{ font-size:18px; color:#000} #page45 .about_txt { font-size:.8rem;} #page45 .about_txt, #page45 .about_txt .about_top-point { font-size:.8rem; color:#666} #page45 .about_circle { width:auto; padding:10%} #page45 .about_circle.type-another3 .about_circle-tit { font-size:1.8rem; line-height: 2.2rem;} .about_circle-subtit { font-size:rem; margin-top:5%; line-height:1.2rem} #page45 .about_circle.type-another3 .about_circle-txt { font-size:.8rem} #page45 .detail_first-tit { font-size:1.6rem; letter-spacing:-2px; line-height:120%} #page45 .detail_first-txt { font-size:.8rem} } /*page46*/ #page46 .cont_area01 .cont_txt01{ position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 99;top: 590px;} #page46 .cont_area01 .tit-small { letter-spacing:10px; background:rgba(255,255,255,.5); padding:1% 0; width:60%; margin:0 auto 2% auto; color:#FF4340; font-weight:300; } #page46 .cont_area01 .tit-big { font-size:2.8rem; margin:0 auto; line-height: 3.2rem;font-weight:300; } #page46 .cont_area01 .tit-big span { margin:0% .5%; color:#FF4340;font-weight:500; } #page46 .cont_area01 .txt-detail-tit { font-size:1.2rem;font-weight:200; margin:3% auto } #page46 .cont_area01 .txt-detail-sub { width:80%; position: relative; display: inline-block; margin: 0; background: rgba(255,255,255,0.1); border: 1px solid rgba(0,0,0,0.1); text-align: center; box-sizing: border-box; padding:5% 0%; border-radius: 100px; } #page46 .cont_area01 .txt-detail-sub dl {display: inline-block; width:20%; margin:0% 2%; vertical-align: top;text-align: left;position: relative; padding-left:70px;} #page46 .cont_area01 .txt-detail-sub dl dt.num {position: absolute;left: 0;width: 50px;background-color: #fff;height: 50px;border-radius: 100%;display: inline-block;line-height: 50px;text-align: center; border:2px #FF4340 solid;} #page46 .cont_area01 .txt-detail-sub dl dt { color:#FF4340;font-size:1.2rem; font-weight:500;} #page46 .cont_area01 .txt-detail-sub dl dd { font-size:1rem; font-weight:200;line-height:1.3rem;} #page46 .detail_section-wrap { float: right; display: inline-table; height: 100%; width:50%; text-align: center; box-sizing: border-box;} #page46 .cont_area02 {width:70%; margin: 0 auto;} #page46 .cont_area02 .cont_txt01{ position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 99;top: 590px;} #page46 .cont_area02 .tit-small { margin:0 auto 5% auto; font-size:1.8rem;font-weight:200;} #page46 .cont_area02 .tit-big {position: relative; padding:5% 2%; background: rgba(255,255,255,0.1); border: 1px solid rgba(0,0,0,0.1); font-size:2.8rem; margin:0 auto; line-height: 3.2rem;font-weight:300; } #page46 .cont_area02 .tit-big span { margin:0% .5%; font-weight:500; color:#FF4340} #page46 .cont_area02 .tit-big::after { position: absolute; display: inline-block; bottom: -9px; right: -6px; width: 17px; height: 16px; background: url("/layouts/bluebDesign/image/sub/page12_quotation_right.png") no-repeat; content: '';} #page46 .cont_area02 .tit-big::before { background: url("/layouts/bluebDesign/image/sub/page12_quotation_left.png") no-repeat; position: absolute; display: inline-block; top: -9px; left: -6px; width: 17px; height: 16px; content: '';} #page46 .cont_area02 .txt-detail-tit { font-size:1.2rem;font-weight:200; margin-top:8% } #page46 .cont_area02 .txt-detail-sub { font-size:1.5rem; } #page46 .cont_area02 .txt-detail-sub p { display:inline-block; margin:0 1%; } #page46 .cont_area02 .txt-detail-sub p span { margin:0% .5%; color:#29ceec} @media only screen and (max-width:1024px) { #page46 .cont_area02 .tit-big, #page46 .cont_area01 .tit-big { font-size:1.4rem; line-height:1.2rem} #page46 .cont_area01 .txt-detail-tit { font-size:.9rem} #page46 .cont_area01 .txt-detail-sub { background:none; padding:5%; border-radius:0px; width:100%;} #page46 .cont_area01 .txt-detail-sub dl dt { font-size:1rem} #page46 .cont_area01 .txt-detail-sub dl { width:60%; margin:5% 0} #page46 .cont_area01 .txt-detail-sub dl dd { font-size:.8rem} #page46 .detail_section-wrap { float:inherit; width:80%} #page46 .cont_area02 .tit-small { font-size:1rem} #page46 .cont_area02 .txt-detail-tit { font-size:.8rem} } /*가운데정렬*/ .Nose .cont_area00 .txt-detail-sub h3 { margin-bottom:3%; font-size:1.5rem; font-weight:400; display:inline-block; padding-right:0%; position:relative; letter-spacing:-1px;} .Nose .cont_area00 .txt-detail-sub ul { vertical-align: top; position: relative; } .Nose .cont_area00 .txt-detail-sub ul li {display: inline-block; font-size:1.0rem; font-weight:300; position:relative; padding:0 5%; margin:0 1%; text-align:center; position:relative; width:130px; height:130px;} .Nose .cont_area00 .txt-detail-sub ul li:after { position:absolute; content:""; right:-25px; top:65px;border-top: 7px solid transparent;border-right: 7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #666;} .Nose .cont_area00 .txt-detail-sub ul li:first-child { padding-left:0px; margin-left:0px;} .Nose .cont_area00 .txt-detail-sub ul li:last-child { padding-right:0px; margin-right:0px;} .Nose .cont_area00 .txt-detail-sub ul li:last-child:after { display:none} .Nose .cont_area00 .txt-detail-sub ul li img { border-radius:100%; width:100%} .Nose .cont_area00 .txt-detail-sub ul li p { margin:0; padding:0; opacity:0.8} .Nose .cont_area00 .txt-detail-sub ul li span { margin:0; padding:0; font-weight:500} .Nose .txt-detail-sub00 { position: relative; display: inline-block; margin: 0; background: #fff; background: rgba(255,255,255,0.2); border: 1px solid rgba(0,0,0,0.1); text-align: center; box-sizing: border-box; padding:5% 0%; width:90%; border-radius: 150px;} .Nose .txt-detail-sub00 dl {display: inline-block; width:20%; margin:0% 2%; vertical-align: top;text-align: left;position: relative; padding-left:70px;} .Nose .txt-detail-sub00 dl dt.num {position: absolute;left: 0;width: 50px; opacity:.6);height: 50px;border-radius: 100%;display: inline-block;line-height: 50px;text-align: center ;} .Nose .txt-detail-sub00 dl dt { font-size:1.2rem; font-weight:500;} .Nose .txt-detail-sub00 dl dd { font-size:1.2rem; font-weight:200;} .Nose .txt-detail-sub01 { position: relative; display: inline-block; text-align:right;box-sizing: border-box; padding:2% 0%; } .Nose .txt-detail-sub01 h3 { font-weight:400; margin-bottom:2%; } .Nose .txt-detail-sub01 ul { margin:0; padding:0} .Nose .txt-detail-sub01 li { color:#000; display:inline-block; font-weight:300; width:20%; margin:0 .5%; } .Nose .txt-detail-sub01 li img { width:90%; border-radius:100%} .Nose .txt-detail-sub01 li span { display:block; letter-spacing:-1px; text-align:center} .Nose .txt-detail-sub02 { position: relative; display: inline-block; margin:0 1%; text-align: center; box-sizing: border-box; padding:0%; width:80% } .Nose .txt-detail-sub02 h3 { font-weight:400; margin-bottom:2%; } .Nose .txt-detail-sub02 ul { margin:0; padding:0} .Nose .detail_section-wrap00 { float:left; display: inline-table; height: 100%; width:50%; text-align: center; box-sizing: border-box;} .Nose .detail_section-wrap01 { float:left; display: inline-table; height: 100%; width:50%; background:rgb(255,255,255,.7); text-align: center; box-sizing: border-box;} .Nose .detail_section-wrap02 { float: right; display: inline-table; height: 100%; width:50%; background:rgb(255,255,255,.7) ; text-align: center; box-sizing: border-box;} .Nose .detail_section-wrap03 { float:left; display: inline-table; height: 100%; width:50%; background:rgb(255,255,255,.7); text-align: center; box-sizing: border-box;} .Nose .detail_section-wrap04 { float: right; display: inline-table; height: 100%; width:50%; background:rgb(255,255,255,.7) ; text-align: center; box-sizing: border-box;} .Nose .detail_section-wrap05 { float:left; display: inline-table; height: 100%; width:50%; background:rgb(255,255,255,.7); text-align: center; box-sizing: border-box;} .Nose .txt-detail-sub04 { position: relative; display: inline-block; margin:0 1%; text-align: center; box-sizing: border-box; padding:2% 0%; width:47%;border: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255,0.3); border-radius:200px;} .Nose .txt-detail-sub04 ul { margin:0; padding:0} .Nose .txt-detail-sub04 li { color:#000; background: rgba(255,255,255,0.8); width:160px; height:160px; border-radius: 160px; display:inline-block; margin:0 1.2%; font-weight:300} .Nose .txt-detail-sub04 li img { padding-top:15%} .Nose .txt-detail-sub04 li span { display:block; letter-spacing:-1px;} #page23 .color_b { color:#c66c22;} #page23 .color_b_b {background-color:#c66c22;} #page23 .color_f { color:#fff;} #page23 .color_b_f {background-color:#fff;} #page23 .color_g { color:#5a5503} #page23 .color_b_g {background-color:#5a5503} #page23 .color_o { color:#ff7b2b} #page23 .color_b_o {background-color:#ff7b2b} #page23 .color_s { color:#3f6290} #page23 .color_b_s {background-color:#3f6290} #page23 .color_bb { color:#925c12} #page23 .cont_area01 .txt-detail-tit { font-size:1.2rem;font-weight:200; margin:2% 0; padding:0; width:70%} #page23 .cont_area01 .txt-detail-sub { position: relative; margin:7% 0 0 0; padding:0%; width:65%; } #page23 .cont_area01 .txt-detail-sub h3 { margin-bottom:3%; font-size:1.9rem; font-weight:300; font-family: nanummyeongjo; background: url("/layouts/bluebDesign/image/sub/point01.png") right bottom no-repeat; display:inline-block; padding-bottom:2.5%; padding-right:3%} #page23 .cont_area01 .txt-detail-sub { position: relative; margin:5% 0 0 0; padding:2% 0%; display:inline-block; width:65%; } #page23 .cont_area01 .txt-detail-sub h3 { margin-bottom:3%; font-size:1.5rem; font-weight:400; display:inline-block; padding-left:0%; position:relative; letter-spacing:-1px;} #page23 .cont_area01 .txt-detail-sub ul { vertical-align: top; position: relative; } #page23 .cont_area01 .txt-detail-sub ul li {display: inline-block; font-size:1.0rem; font-weight:300; position:relative; padding:0 1%; margin:0 1.5%; text-align:center; position:relative; width:160px; height:160px;} #page23 .cont_area01 .txt-detail-sub ul li:after { position:absolute; content:""; right:-25px; top:80px;border-top: 7px solid transparent;border-right: 7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #666;} #page23 .cont_area01 .txt-detail-sub ul li:first-child { padding-left:0px; margin-left:0px;} #page23 .cont_area01 .txt-detail-sub ul li:last-child { padding-right:0px; margin-right:0px;} #page23 .cont_area01 .txt-detail-sub ul li:last-child:after { display:none} #page23 .cont_area01 .txt-detail-sub ul li img { border-radius:100%; width:100%} #page23 .cont_area00 .txt-detail-sub ul li p { margin:0; padding:0; opacity:0.8} #page23 .cont_area01 .txt-detail-sub ul li span { margin:0; padding:0; font-weight:500} @media only screen and (max-width:1920px) { #page23 .cont_area01 .txt-detail-tit { font-size:1rem;} } @media only screen and (max-width:768px) { #page23 .cont_area01 .txt-detail-tit { font-size:.9rem;} } @media only screen and (max-width:640px) { #page23 .cont_area01 .txt-detail-tit { font-size:.8rem;} } /*주름 공통*/ .Wrinkle .color_p { color:#ef7f94} .Wrinkle .color_b_p {background-color:#ef7f94} .Wrinkle .color_s { color:#4bacc6} .Wrinkle .color_b_s {background-color:#4bacc6} .Wrinkle .color_o { color:#ff7b2b;} .Wrinkle .color_b_o {background-color:#ff7b2b;} .Wrinkle .color_y { color:#fae100;} .Wrinkle .color_b_y {background-color:#fae100;} .Wrinkle .color_b { color:#55618b;} .Wrinkle .color_b_b {background-color:#55618b;} .Wrinkle .color_db { color:#101e39;} .Wrinkle .color_b_db {background-color:#101e39;} #page12 .txt-detail-tit { position:relative;} #page12 .txt-detail-tit::before { background: url("/layouts/bluebDesign/image/sub/quotation_left.png") center no-repeat; position:absolute; content:""; left:-35px; top:-35px; width:50px; height:50px;} #page12 .txt-detail-tit::after {background: url("/layouts/bluebDesign/image/sub/quotation_right.png") center no-repeat; position:absolute; content:""; right:-35px; bottom:-35px; width:50px; height:50px;} #page12 .txt-detail-tit span { margin-right:1%} #page12 .txt-detail-tit h5 { font-size:1.2rem;} @media only screen and (max-width:1920px) { .#page12 .txt-detail-tit h5 { font-size:1rem} } @media only screen and (max-width:400px) { #page12 .txt-detail-tit::before, #page12 .txt-detail-tit::after { display:none} #page12 .txt-detail-tit { line-height:130%} #page12 .txt-detail-tit h5 { font-size:1rem; font-weight:400; margin-bottom:1.5%} } .speech-bubble { position:absolute; top:-30px; left:750px;background: url("/layouts/bluebDesign/image/sub/speech-bubble.png") no-repeat; width:210px; height:220px; display:inline-table} .speech-bubble .speech-inner { vertical-align:middle; display: table-cell; width: 100%; vertical-align: middle; text-align:center;letter-spacing:-1px;} .speech-bubble .speech-inner span { font-size:1.6rem; font-weight:600;color:#e3f405;} .speech-bubble .speech-inner p { font-size:1.2rem; font-weight:300;color:#e3ddd1; } .speech-bubble02 { position:absolute; top:-100px; right:730px;background: url("/layouts/bluebDesign/image/sub/speech-bubble02.png") no-repeat; width:210px; height:220px; display:inline-table} .speech-bubble02 .speech-inner { vertical-align:middle; display: table-cell; width: 100%; vertical-align: middle; text-align:center;letter-spacing:-1px;} .speech-bubble02 .speech-inner span { font-size:3rem; font-weight:500;color:#e3f405; line-height:3rem; font-family:'tvN 즐거운이야기'} @media only screen and (max-width:1920px) { .speech-bubble, .speech-bubble02 { display:none} } .Eyes .color_b { color:#c66c22;} .Eyes .color_b_b {background-color:#c66c22;} .Eyes .color_f { color:#fff;} .Eyes .color_b_f {background-color:#fff;} .Eyes .color_p { color:#51549a} .Eyes .color_b_p {background-color:#51549a} .Eyes .color_o { color:#ff7b2b} .Eyes .color_b_o {background-color:#ff7b2b} .Eyes .color_s { color:#4bacc6} .Eyes .color_b_s {background-color:#4bacc6} .Eyes .color_bb { color:#666} /*쌍커풀*/ /*수술 후 주의사항*/ .Eyes .cont_area05 .txt-detail-sub ul {display: inline-block; margin:5% 0 0 0; vertical-align: top;text-align: left;position: relative; } .Eyes .cont_area05 .txt-detail-sub ul li { font-size:1.2rem; font-weight:300; position:relative; line-height:3rem; border-bottom:1px #666 dashed; padding-bottom:1%} .Eyes .cont_area05 .txt-detail-sub ul li span { width:30px; height:30px; line-height:30px; background-color:#333; color:#fff; display:inline-block; border-radius:100%; text-align:center; margin-right:15px;} .Eyes .detail_section-wrap { float:left; display: inline-table; height: 100%; width:50%; background: rgb(255,255,255); text-align: center; box-sizing: border-box;} .Eyes .txt-detail-sub01 { position: relative; display: inline-block; margin:0; box-sizing: border-box; padding:2% 0%; width:100%} .Eyes .txt-detail-sub01 ul { vertical-align: top; position: relative; } .Eyes .txt-detail-sub01 ul li {display: inline-block; font-size:1.0rem; font-weight:300; position:relative; text-align:center; color:#000; } .Eyes .txt-detail-sub01 ul li p { margin:0; padding:0; } .Eyes .txt-detail-sub01 ul li span { margin:0; padding:0; font-weight:500; display:block} /*page21 안검성형*/ #page21 .color_b { color:#c66c22;} #page21 .color_b_b {background-color:#c66c22;} #page21 .color_f { color:#fff;} #page21 .color_b_f {background-color:#fff;} #page21 .color_p { color:#51549a} #page21 .color_b_p {background-color:#51549a} #page21 .color_o { color:#ff7b2b} #page21 .color_b_o {background-color:#ff7b2b} #page21 .color_s { color:#3f6290} #page21 .color_b_s {background-color:#3f6290} #page21 .color_bb { color:#925c12} /*성형정보*/ .Surgery .color_f {color:#fff;} .Surgery .color_b_f {background-color:#fff;} .Surgery .color_o { color:#ff7b2b} .Surgery .color_b_o {background-color:#ff7b2b} .Surgery h3 { position: relative; display: inline-block; margin: 0; text-align: center; font-size:3.7rem;background: rgba(255,255,255,0.2) ; font-weight: 400; letter-spacing:16px; box-sizing: border-box; padding:1.5% 10%; } .Surgery h3::after { position: absolute; display: inline-block; bottom: -9px; right: -6px; width: 17px; height: 16px; background: url("/layouts/bluebDesign/image/sub/quotation_right.png") no-repeat; content: '';} .Surgery h3::before { background: url("/layouts/bluebDesign/image/sub/quotation_left.png") no-repeat; position: absolute; display: inline-block; top: -9px; left: -6px; width: 17px; height: 16px; content: '';} .Surgery .Surgery-top p { font-size: 1.2rem; font-weight: 300; width:80%; margin:2% auto 0 auto;} .Surgery .Surgery-top .num { font-size:6rem; font-weight:700; opacity:0.1; border-bottom:1px #000 solid; width:150px; margin:0 auto 3% auto; display:block} .Surgery .Surgery-txt { margin:0% auto 0 auto; width:80%; } .Surgery h4 { font-size:2.3rem; font-weight:400; margin-bottom:1%} .Surgery .Surgery-txt p { font-size:1.2rem; font-weight:200; margin-top:3%} @media only screen and (max-width:1920px) { .Surgery .Surgery-top .num { margin-bottom:1%} .Surgery h3 { font-size:2.7rem} .Surgery .Surgery-top p { font-size:1.2rem;} .Surgery .Surgery-txt p { margin-top:10px;} .Surgery .Surgery-txt { width:100%;} .Surgery .Surgery-cont .Surgery-txt-title p { font-size:1.2rem; margin-bottom:20px} } @media only screen and (max-width:768px) { .Surgery .Surgery-top .num { font-size:4rem} .Surgery h3 { font-size:2rem} .Surgery .Surgery-top p { font-size:1rem} .Surgery .Surgery-txt { width:100%} .Surgery .Surgery-txt p br { display:none} .Surgery .Surgery-txt h4 { font-size:2rem;} .Surgery .Surgery-cont .Surgery-txt-title p { font-size:1rem} .Surgery .Surgery-cont .Surgery-txt-title p br { display:none} } @media only screen and (max-width:640px) { .Surgery .Surgery-top .num { border-bottom:0px;; font-size:3rem} .Surgery h3 { font-size:1.6rem; letter-spacing:0px} .Surgery .Surgery-top p { font-size:.8rem} .Surgery .Surgery-cont .Surgery-txt-title p { font-size:.8rem} .Surgery h4 { font-size:1.6rem} } .Surgery .Surgery-cont .Surgery-txt ul { vertical-align: top; position: relative; margin-top:20px} .Surgery .Surgery-cont .Surgery-txt ul li {display: inline-block; width:25%; font-size:1.0rem; font-weight:300; position:relative; text-align:center; color:#000; vertical-align:top; margin:0 .8%; border: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255,0.6); padding:3%; min-height:475px;} .Surgery .Surgery-cont .Surgery-txt ul li span { display:block; font-weight:500; margin:7% auto; border-bottom:1px #666 solid; border-top:1px #666 solid; padding:1% 0} .Surgery .Surgery-cont .Surgery-txt ul li p { font-weight:200} .Surgery .Surgery-cont .Surgery-txt ul li img { width:70%; border-radius:100%;} @media only screen and (max-width:1920px) { .Surgery .Surgery-cont .Surgery-txt ul li img { width:50%;} .Surgery .Surgery-cont .Surgery-txt ul li { min-height:405px} .Surgery .Surgery-cont .Surgery-txt ul li p { font-size:1rem} } @media only screen and (max-width:768px) { .Surgery .Surgery-cont .Surgery-txt ul li { display:none} .Surgery .Surgery-cont .Surgery-txt ul li img { display:none} .Surgery .Surgery-cont .Surgery-txt ul { margin-top:1%} .Surgery .Surgery-cont .Surgery-txt ul li p { font-size:1rem;} } @media only screen and (max-width:640px) { .Surgery .Surgery-cont .Surgery-txt ul li p { font-size:.7rem;} } .Surgery .Surgery-cont .Surgery-txt02 ul { vertical-align: top; position: relative; } .Surgery .Surgery-cont .Surgery-txt02 ul li {display: inline-block; font-size:1.0rem; font-weight:300; position:relative; text-align:center; color:#000; vertical-align:top; margin:0 .2%; } .Surgery .Surgery-cont .Surgery-txt02 ul li p { font-weight:200} @media only screen and (max-width:768px) { .Surgery .Surgery-cont .Surgery-txt02 ul { margin-top:5%} .Surgery .Surgery-cont .Surgery-txt02 ul li img { width:50%} .Surgery .Surgery-cont .Surgery-txt02 ul li p { line-height:1.4rem} } @media only screen and (max-width:640px) { .Surgery .Surgery-cont .Surgery-txt02 ul { display:none} } .Surgery .Surgery-cont .Surgery-txt03 ul { vertical-align: top; position: relative; } .Surgery .Surgery-cont .Surgery-txt03 ul li { font-size:1.2rem; font-weight:300; position:relative; text-align:center; color:#000; vertical-align:top; margin-bottom:2%; border-bottom:1px #666 dashed; padding-bottom:2% } .Surgery .Surgery-cont .Surgery-txt03 ul li:last-child { margin-bottom:0px; border-bottom:0px;} .Surgery .Surgery-cont .Surgery-txt03 ul li span { font-weight:400} .Surgery .Surgery-cont .Surgery-txt03 ul li p { font-weight:200} @media only screen and (max-width:1920px) { .Surgery .Surgery-cont .Surgery-txt03 ul li p { font-size:1rem} } @media only screen and (max-width:640px) { .Surgery .Surgery-cont .Surgery-txt03 ul { margin-top:20px;} .Surgery .Surgery-cont .Surgery-txt03 ul li { font-size:1rem} .Surgery .Surgery-cont .Surgery-txt03 ul li p { display:none} } .Surgery .Surgery-cont-last {width:80%; margin: 0 auto;} .Surgery .Surgery-cont-last .tit-big { font-size:3.8rem; margin:0 auto; line-height:4rem;font-weight:300; } .Surgery .Surgery-cont-last .tit-big span { margin:0% .5%; font-weight:500; } .Surgery .Surgery-cont-last .txt-detail-sub-last ul {display: inline-block; background:rgba(255,255,255,.5); padding:7%; border: 1px solid rgba(0,0,0,0.1); margin:5% 0 0 0; vertical-align: top;text-align: left;position: relative; } .Surgery .Surgery-cont-last .txt-detail-sub-last ul li { font-size:1.2rem; font-weight:300; position:relative; line-height:2rem; padding-left:7px;} .Surgery .Surgery-cont-last .txt-detail-sub-last ul li::before { position:absolute; left:0; top:17px; content:""; width:3px; height:3px; background-color:#666;} .Surgery .detail_section-wrap { float:left; display: inline-table; height: 100%; width:50%; text-align: center; box-sizing: border-box;} .Surgery .detail_section-wrap02 { float:right; display: inline-table; height: 100%; width:50%; text-align: center; box-sizing: border-box;} @media only screen and (max-width:1920px) { .Surgery .Surgery-cont-last .tit-big { font-size:3rem; line-height:3.4rem} .Surgery .Surgery-cont-last .txt-detail-sub-last ul li { font-size:1rem; line-height:1.8rem} } @media only screen and (max-width:768px) { .Surgery .Surgery-cont-last .tit-big { font-size:2.4rem; line-height:2.8rem} .Surgery .Surgery-cont-last .txt-detail-sub-last { margin-top:5%} .Surgery .Surgery-cont-last .txt-detail-sub-last ul { padding:0; border:0} .Surgery .Surgery-cont-last .txt-detail-sub-last ul li { font-size:1rem; line-height:1.4rem; margin-bottom:3%} } @media only screen and (max-width:640px) { .Surgery .detail_section-wrap { float:inherit; width:80%; background:none !important} .Surgery .Surgery-cont-last { width:100%} .Surgery .Surgery-cont-last .tit-big { font-size:1.8rem; line-height:2rem} .Surgery .Surgery-cont-last .txt-detail-sub-last ul { padding:5%} .Surgery .Surgery-cont-last .txt-detail-sub-last ul li { font-size:.8rem; line-height:1rem} .Surgery .Surgery-cont-last .txt-detail-sub-last ul li::before { top:8px} } /*page10 병원의 약속`*/ #page10 section .promise { vertical-align: middle; display: table-cell; } #page10 section .promise .chapter { width:100%; margin:0 auto} #page10 section .promise .chapter .num { position:relative;color:#fff; z-index:2;width:50px; height:50px; line-height:50px; text-align:center; margin:0 auto; display:block} #page10 section .promise .chapter .num::before { content:""; position:absolute; left:0; margin:0 auto; right:0; width:50px; height:50px; border-radius:100%; display:block; z-index:-1; background-color:#3880b2} #page10 section .promise .chapter h3 { font-size:3rem;color:#3880b2; margin-bottom:3%} #page10 section .promise .chapter p { font-weight:200; font-size:1.3rem} #page10 section .promise .chapter p span { font-weight:400;} #page10 section .promise .chapter p .point-b {color:#ab8a31} #page10 section .promise .chapter p .point-l {color:#f2e7c9} #page10 section .promise .chapter p .point-s {color:#3880b2} #page10 section .promise .chapter ul { margin:1% 0 0 0 ; padding:0} #page10 section .promise .chapter ul li { display:inline-block; margin:0 .5%} #page10 section .promise .chapter ul li img { height:250px; border:5px #efefef solid} #page10 section .promise .chapter ul li p{color:#333; font-weight:300; font-size:1.2rem; letter-spacing:-.5px;} #page10 .promise-bg-01 .chapter { text-align:left} #page10 .promise-bg-01 .chapter .num { margin:0 !important} #page10 .promise-bg-02 .chapter { text-align:right; display: inline-block; width: 100%;} #page10 .promise-bg-02 .chapter .num { color:#fff; margin:0 0 0 auto !important} #page10 .promise-bg-02 .chapter .num::before { background-color:#3880b2;} #page10 .promise-bg-02 .chapter .Safety01 { float:left; width:30%} #page10 .promise-bg-02 .chapter .Safety02 { float:right; margin-top:15%; width:70%;} #page10 .promise-bg-02 .chapter p { color:#fff} #page10 .promise-bg-03 .chapter { text-align:center} #page10 .promise-bg-03 .chapter .num { color:#000} #page10 .promise-bg-04 .chapter { margin:0 auto 50% auto !important} #page10 .promise-bg-04 .Inside { } #page10 .promise-bg-04 .Inside img { width:82%;position:absolute; bottom:0; left:0; right:0; margin:0 auto;} @media only screen and (max-width:1920px) { #page10 .promise-bg-04 .Inside img { width:65%;position:absolute; bottom:0; left:0; right:0; margin:0 auto;} #page10 section .promise .chapter ul li img { height:180px;} } @media only screen and (max-width:768px) { #page10 section .promise .chapter h3 { font-size:2rem} #page10 section .promise .chapter p { font-size:1.2rem} #page10 section .promise .chapter ul li img { height:120px;} #page10 section .promise .chapter ul li p { font-size:1rem} #page10 .promise-bg-04 .Inside img { width:100%} } @media only screen and (max-width:640px) { #page10 section .promise .chapter ul { display:none} #page10 section .promise .chapter h3 { font-size:1.4rem} #page10 .promise-bg-04 .Inside { display:none} #page10 .promise-bg-04 .chapter { margin-bottom:0px !important} #page10 section .promise .chapter p { font-size:.9rem} } /*의료진 소개*/ .doctor { padding:5% 0} .location_title { text-align:center;} .point { color: #7e7e7e; text-align:center; letter-spacing: -1px;font-size:.9rem; margin-top:2%} .team .lawyer_lst{position:relative; } .team .lawyer_lst li{position:relative;width:500px;/*margin-right:30px;float:left;*/overflow:hidden; margin:0 auto} .team .lawyer_lst li .box1{position:relative;width:100%;height:550px;} .team .lawyer_lst li .box1 img{position: absolute;bottom:0;right:0} .team .lawyer_lst li .box1 .t1_bg{position:absolute;bottom:0;width:100%;height:430px;background:#eee;z-index:-1} .team .lawyer_lst li .box2{position:relative;text-align:left;padding:5%;width:auto; } .team .lawyer_lst li .box2 .p1{color:#808080;font-size:.9rem;line-height:26px;padding:0 !important;} .team .lawyer_lst li .box2 .p2{color:#06abb1;font-size:1.5rem;line-height:22px;margin:20px 0;border-bottom:1px #eee solid; padding-bottom:20px; } .team .lawyer_lst li .box2 .p2 span { font-size:1rem; margin-left:5px; color:#333} .team .lawyer_lst li .box2 dl { margin-top:20px; } .team .lawyer_lst li .box2 dl dt { display:block; margin-bottom:5px; position:relative; padding-left:10px;} .team .lawyer_lst li .box2 dl dt::before { position:absolute; width:5px; height:5px;background:#06abb1; content:""; left:0; top:11px; border-radius:100%;} .team .lawyer_lst li .box2 dl dd { font-weight:200; font-size:1rem;letter-spacing: -.5px; word-break:keep-all} .team .lawyer_lst li .box1:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;transform: scaleY(0);transform-origin: bottom center;background:#06abb1;z-index:-1;transition: transform 0.5s;} .team .lawyer_lst li .box2:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scaleY(0);transform-origin: top center;background:#fafafa;z-index:-1;transition: transform 0.5s;} .team .lawyer_lst ul li:hover .box1 .t1_bg{height:0} .team .lawyer_lst ul li:hover .box1:after{transform: scaleY(1);} .team .lawyer_lst ul li:hover .box2:after{transform: scaleY(1);} .team .lawyer_lst::after{display:block;content:"";clear:both} .team .lawyer_lst .slick-prev{position:absolute;bottom:-70px;right:100px;width:60px;height:60px;margin-top:-29px;opacity:0.5;background:url('/layouts/bluebDesign/image/sub/prev_btn.png');background-size:cover;z-index:99;overflow:hidden;text-indent:-9999px;border:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .team .lawyer_lst .slick-next{position:absolute;bottom:-70px;right:30px;width:60px;height:60px;margin-top:-29px;opacity:0.5;background:url('/layouts/bluebDesign/image/sub/next_btn.png');background-size:cover;z-index:99;overflow:hidden;text-indent:-9999px;border:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .team .lawyer_lst .slick-prev:hover,.team .lawyer_lst .slick-next:hover{opacity:1} .team .bottom_box .r_box{padding-bottom:200px} .team .doctor_poou { font-size:13px;} .team dd .doctor_time { text-align:center; padding:0px; font-size:.9rem;} .team dd .doctor_time table {width:100%; background-color:#fff} .team .doctor_time thead tr th { border-right:1px #fff solid; background-color:#06abb1; color:#fff;padding:1%; font-weight:400; text-align:center} .team .doctor_time thead tr th:last-child { border-right:0px;} .team .doctor_time tbody tr td { border-right:1px #eee solid; border-bottom:1px #eee solid; padding:1%; font-weight:200; text-align:center} .team .doctor_time tbody tr td:last-child { border-right:0px;} @media only screen and (max-width:640px) { .doctor { padding:10% 0} .location_title h2 { font-size:1.2rem; font-weight:400;} .location_title p { font-size:.9rem; font-weight:300;} .team .lawyer_lst li .box2 dl dt { font-size:1rem} .team .lawyer_lst li .box2 dl dd { font-size:.9rem} .team .lawyer_lst li .box1 { height:auto} .team .lawyer_lst li .box1 img { width:100%; position:relative; border-bottom:1px #eee solid} .team .lawyer_lst li .box1 .t1_bg { position:relative; height:auto} .team .lawyer_lst li, .slick-slide { float:inherit;} .team .lawyer_lst li { width:100% !important} .team .lawyer_lst li img { left:0; margin:0 auto; } .team .lawyer_lst li dl { min-height:inherit !important} } /* Slider */ .slick-slider{position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before,.slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} /*게시판 상단*/ @media only screen and (max-width:1100px) { #img_menu_header { width:100%} .board-bg { width:100%; top:75px} .board-top-text p { font-size:1.5rem} .board-top-text h3 { font-size:3.4rem} .board-top-text span { font-size:1.2rem; margin-top:1%} } @media only screen and (max-width:1200px) { #img_menu_header { width:100%} } @media only screen and (max-width:1000px) { .board-top-text p { font-size:1rem} .board-top-text h3 { font-size:2.4rem} .board-top-text span { font-size:1rem;} } @media only screen and (max-width:820px) { .board-bg {top:65px} .board-top-text p { font-size:1rem} .board-top-text h3 { font-size:2rem} .board-top-text span { width:50%} } @media only screen and (max-width:500px) { .board-bg {top:45px} .board-top-text p { font-size:.8rem} .board-top-text h3 { font-size:1.5rem} .board-top-text span { display:none} } @media only screen and (max-width:360px) { .board-bg {top:35px} .board-top-text h3 { font-size:1.4rem} }