body {background: #ffffff;} #subFrameWrap {width:100%;} #subFrameWrap .header {width:100%; height:82px; overflow:hidden; position:relative; background:#fff; } #subFrameWrap .header .back {position:absolute; left:21px; top:18px; } #subFrameWrap .header .logo {position:absolute; right:21px; top:18px; } #subFrameWrap .header .pageTit {text-align:center; font-size:bold; padding:22px 0 0 0; font-size:40px; color:#000; -webkit-text-stroke-width:1.5px; margin:0 140px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .subwrap {margin:0 auto;} .greenline{color:#03a18a; text-decoration:underline;} ul.numList1 {padding-bottom:15px;} ul.numList1 li {position:relative; padding:0 0 10px 40px; } ul.numList1 li em {position:absolute; left:2px; top:0px; width:25px; height:25px; padding:0 0 0; text-align:center; -webkit-text-stroke-width:1px; color:#03a18a; } ul.numList2 {padding-bottom:15px; padding-top:5px;} ul.numList2 li {position:relative; padding:0 0 10px 150px; } ul.numList2 li em {position:absolute; color: #fff; left:2px; text-align:left; top:0px; width:150px; height:50px; padding:0 0 0 10px; background: url('/imgs/sub/young/step.jpg') 0 2px no-repeat; -webkit-text-stroke-width:1px; } img.fix {width:100%; } .pb0 { padding:0 !important; } .mt0 { margin:0 !important; } .mb20 { margin-bottom:20px !important;} .mt15 { margin-top:15px;} .mt25 { margin-top:20px;} .mt30 { } .mt45 { margin-top:45px;} .mt50 { margin-top:50px;} .pink {color:#e85f7d; } .red {color:#923823; } .orange {color:#ff7e00; } .green {color:#99c41c; } .jinjadu {color:#a12060; } .blue {color:#1069a1; } .txtunder {text-decoration:underline;} .txtp {color:#103d52; } .txt1 {padding-bottom:20px; } .txt2 {padding-bottom:20px; color:#184559 !important; } .fs_base {font-size:28px !important; color:#487990 !important; -webkit-text-stroke-width:0px; } .fs_22 {font-size:28px; height:35px; color:#e85f7d; -webkit-text-stroke-width:1px; } .fs_bold {line-height:48px;} /* 추가 */ .subwrap {padding: 0 10px 10px 10px;} .board1 {margin:0 auto; min-height:300px;} .board1 img{width:100%;} .sub_menu{line-height:0; background: url(../img/main/bg_submenu.gif) repeat-x;} .comment {width:100%; font-size:12px; overflow-wrap:break-word;} .comment img{width:100%;} /*눈,코,기타 성형 타이틀*/ .sub_menu nav.title {margin: 0 auto; height: 40px;} .sub_menu nav.title ul{margin: 0 auto; height:40px;} .sub_menu nav.title li{width: 16.66%; float: left; height: 40px; color: #fff; font-size: 12px; display: block; line-height: 40px; text-align: center; letter-spacing:-2px;} .sub_menu nav.title li.on{background: url(../img/main/bg_submenu02.gif) repeat-x; color: #e5c6ff;} .sub_menu nav.title li.last a:after {border: 0px;} .sub_menu nav.title li.last {width: 16.7%;} .sub_menu nav.title li a{display:block; position:relative; cursor:pointer;} .sub_menu nav.title li a:after{right:-2px; border-left: 1px solid #5a5a5a; border-right:1px solid #2b2b2b; position:absolute; height:100%; content:'' } /*가슴 성형 타이틀*/ nav.breast_title {margin: 0 auto; height: 40px;} nav.breast_title ul{margin: 0 auto; height:40px;} nav.breast_title li{width: 11.1%; float: left; height: 40px; color: #fff; font-size: 12px; display: block; line-height: 40px; text-align: center; letter-spacing: -2px;} nav.breast_title li.on{background: url(../img/main/bg_submenu02.gif) repeat-x; color: #e5c6ff;} nav.breast_title li.last a:after {border: 0px;} nav.breast_title li.last {width: 11.2%;} nav.breast_title li a{display: block; position: relative; cursor: pointer; line-height: 14px; height: 100%; margin-top: 5px;} nav.breast_title li a:after{right:-2px; border-left: 1px solid #5a5a5a; border-right:1px solid #2b2b2b; position:absolute; height:100%; top: -5px; content:'' } /*안면윤곽 성형 타이틀*/ nav.face_title {margin: 0 auto; height: 40px;} nav.face_title ul{margin: 0 auto; height:40px;} nav.face_title li{width: 14.2%; float: left; height: 40px; color: #fff; font-size: 12px; display: block; line-height: 40px; text-align: center; letter-spacing: -2px;} nav.face_title li.on{background: url(../img/main/bg_submenu02.gif) repeat-x; color: #e5c6ff;} nav.face_title li.last a:after {border: 0px;} nav.face_title li.last {border: 0px; width: 14.2%;} nav.face_title li a{display: block; position: relative; cursor: pointer; height: 100%;} nav.face_title li a:after{right:-2px; border-left: 1px solid #5a5a5a; border-right:1px solid #2b2b2b; position:absolute; height:100%; content:'' } /*기타 성형 및 상담 타이틀*/ nav.etc_title {margin: 0 auto; height: 40px;} nav.etc_title ul{margin: 0 auto; height:40px;} nav.etc_title li{width: 33.33%; float: left; height: 40px; color: #fff; font-size: 12px; display: block; line-height: 40px; text-align: center; letter-spacing: -2px;} nav.etc_title li.on{background: url(../img/main/bg_submenu02.gif) repeat-x; color: #e5c6ff;} nav.etc_title li.last a:after {border: 0px;} nav.etc_title li.last {width: 33.34%;} nav.etc_title li a{display: block; position: relative; cursor: pointer; height: 100%;} nav.etc_title li a:after{right:-2px; border-left: 1px solid #5a5a5a; border-right:1px solid #2b2b2b; position:absolute; height:100%; content:'' } .sub_menu nav.sub_title {margin: 0 auto; height: 40px;} .sub_menu nav.sub_title ul{margin: 0 auto; border-left: 1px solid #2a2a2a; border-right: 1px solid #5b5b5b;} .sub_menu nav.sub_title li{padding: 0 0 0 10px; float: left; height: 40px; color: #fff; font-size: 12px; display: block; line-height: 40px; text-align: center; letter-spacing:-1px;} .sub_menu nav.sub_title li.on{background: url(../img/main/bg_submenu02.gif) repeat-x; color: #e5c6ff;} .sub_menu nav.sub_title li a{display:block; position:relative; cursor:pointer;} .sub_menu02 {height: 40px; background: url(../img/main/bg_submenu02.gif) repeat-x; margin: 0 auto;} .sub_menu02 .sub_menu_title {height: 40px; line-height: 40px; margin: 0 auto; color: #fff; font-size: 16px; background: url(../img/main/sub_title_bul.png) no-repeat 10px 12px; padding-left: 25px;} .sub_menu02_title {margin: 0 auto;} table td { padding: 10px 10px 10px 15px; text-align: left; vertical-align: top; font-size: 13px; font-weight:bold; line-height: 120%; border-bottom: 1px solid #d9d9d9; color: #626262; background-color: #fff; } table{ border-top: 1px solid #d9d9d9; margin-bottom: 30px;} .text{font-weight:bold; position:relative; font-size:13px; line-height: 20px;} p.text{ padding:10px 0; font-weight: normal; padding: 10px 0 10px 30px;} .textf16{position:relative; font-size:16px; font-weight:bold;} .em_title{color: #fff; text-align: left; height: 25px; background: url(../img/main/sub_tit.png) no-repeat; font-size: 16px; line-height: 25px; padding-left: 10px; margin: 10px 0 10px 0; background-size: 210px;} .em_title2{color: #fff; text-align: left; height: 25px; background: url(../img/main/bg_tit.gif) repeat; font-size: 16px; line-height: 25px; padding-left: 10px; margin: 10px 0 10px 0; background-size: 210px;} .h2_title{ padding-left:20px; line-height: 100%; color: #000; background: url(../img/main/h2_bul.png) no-repeat 0 9px; margin: 10px 0; font-size:16px; background-size: 16px; padding-top:10px;} .h2_titlep{padding-left:20px; line-height: 100%; color:#6354b2; background: url(../img/main/h2_bul.png) no-repeat 0 0; margin-top:20px; font-size:16px} .h2_titleg{padding-left:20px; line-height: 100%; color:#00b195; background: url(../img/main/h2_bul.png) no-repeat 0 0; margin-top:20px; font-size:16px} .titGallery{ padding-left:20px; line-height: 100%; background: url(../img/main/h2_bul.png) no-repeat 0 0; margin: 10px 0; font-size:16px; background-size: 16px;} .underline{text-decoration:underline;} .underlineR{text-decoration:underline; color:red;} .boxtxt{padding: 10px; background: #f1f1f1; border: 1px solid #d4d4d4; font-size: 13px;} .subtit{width:100%; height:54px; background: url(../img/main/tab_bg.gif) repeat-x; } .subtit p{color: #fff; font-size: 18px; font-weight: bold; text-align: center; line-height: 54px;} .subtit img{width:640px; margin:0 auto;} .bg_subtit{background: url(../img/main/bg_sub_tit.gif) repeat; height: 40px; color: #fff; padding-left: 20px; line-height: 40px;} .em_number1{background: url(../img/main/num1.png) no-repeat 10px 5px; padding-left: 30px; background-size: 15px; line-height: 25px; font-size: 13px;} .em_number2{background: url(../img/main/num2.png) no-repeat 10px 5px; padding-left: 30px; background-size: 15px; line-height: 25px; font-size: 13px;} .em_number3{background: url(../img/main/num3.png) no-repeat 10px 5px; padding-left: 30px; background-size: 15px; line-height: 25px; font-size: 13px;} .em_number4{background: url(../img/main/num4.png) no-repeat 10px 5px; padding-left: 30px; background-size: 15px; line-height: 25px; font-size: 13px;} .em_number5{background: url(../img/main/num5.png) no-repeat 10px 5px; padding-left: 30px; background-size: 15px; line-height: 25px; font-size: 13px;} .em_number6{background: url(../img/main/num6.png) no-repeat 10px 5px; padding-left: 30px; background-size: 15px; line-height: 25px; font-size: 13px;} .em_number7{background: url(../img/main/num7.png) no-repeat 10px 5px; padding-left: 30px; background-size: 15px; line-height: 25px; font-size: 13px;} .em_number8{background: url(../img/main/num8.png) no-repeat 10px 5px; padding-left: 30px; background-size: 15px; line-height: 25px; font-size: 13px;} .em_numberG1{background:url(../img/main/numG1.png) no-repeat 55px 12px; padding:0 85px; font-size:20px; font-weight:bold;} .em_numberG2{background:url(../img/main/numG2.png) no-repeat 55px 12px; padding:0 85px; font-size:20px; font-weight:bold;} .em_numberG3{background:url(../img/main/numG3.png) no-repeat 55px 12px; padding:0 85px; font-size:20px; font-weight:bold;} .em_numberG4{background:url(../img/main/numG4.png) no-repeat 55px 12px; padding:0 85px; font-size:20px; font-weight:bold;} .em_numberG5{background:url(../img/main/numG5.png) no-repeat 55px 12px; padding:0 85px; font-size:20px; font-weight:bold;} .em_numberG6{background:url(../img/main/numG6.png) no-repeat 55px 12px; padding:0 85px; font-size:20px; font-weight:bold;} .em_numberG7{background:url(../img/main/numG7.png) no-repeat 55px 12px; padding:0 85px; font-size:20px; font-weight:bold;} .bg_number1{background: url(../img/main/bg_number1.gif) no-repeat 10px 0px; padding-left: 30px; font-size: 13px; font-weight: bold; background-size: 13px; margin-top: 15px; line-height: 16px;} .bg_number2{background: url(../img/main/bg_number2.gif) no-repeat 10px 0px; padding-left: 30px; font-size: 13px; font-weight: bold; background-size: 13px; margin-top: 15px; line-height: 16px;} .bg_number3{background: url(../img/main/bg_number3.gif) no-repeat 10px 0px; padding-left: 30px; font-size: 13px; font-weight: bold; background-size: 13px; margin-top: 15px; line-height: 16px;} .bg_number4{background: url(../img/main/bg_number4.gif) no-repeat 10px 0px; padding-left: 30px; font-size: 13px; font-weight: bold; background-size: 13px; margin-top: 15px; line-height: 16px;} .bg_number5{background: url(../img/main/bg_number5.gif) no-repeat 10px 0px; padding-left: 30px; font-size: 13px; font-weight: bold; background-size: 13px; margin-top: 15px; line-height: 16px;} .bg_number6{background: url(../img/main/bg_number6.gif) no-repeat 10px 0px; padding-left: 30px; font-size: 13px; font-weight: bold; background-size: 13px; margin-top: 15px; line-height: 16px;} .bg_number7{background: url(../img/main/bg_number7.gif) no-repeat 10px 0px; padding-left: 30px; font-size: 13px; font-weight: bold; background-size: 13px; margin-top: 15px; line-height: 16px;} .imgcen1{text-align: center; padding:15px;} /*상담*/ .online_wrap{padding:20px;} .online .onlineTop {margin: 0 auto; } .online .onlineTop .title {color: #fff; font-weight: bold; font-size: 16px;} .online .onlineTop .sub_title {color: #aaa; font-size: 12px; padding-top:10px;} .online #online_table {padding-top: 20px; margin: 0 auto; width:100%; } .online #online_table dl{ margin: 10px 0; display: inline-block; width: 100%;} .online #online_table dt{font-weight: bold; font-size: 13px; float: left; line-height: 20px; width: 25%; height: 30px; line-height: 30px;} .online #online_table dd{ width: 75%; float: left;} .online #online_table .input{ width: 100%; font-size: 13px; height: 30px; line-height: 30px; vertical-align: middle; border: 1px solid #dcdcdc; border-radius: 0;} .online #online_table .input.v2{ width: 60%; font-size: 13px; height: 30px; line-height: 30px; vertical-align: middle; border: 1px solid #dcdcdc; border-radius: 0;} .online #online_table .phone_input{ width: 30%; font-size: 13px; height: 30px; line-height: 30px; vertical-align: middle; border: 1px solid #dcdcdc; border-radius: 0;} .online #online_table .online_btn{padding:10px 0; padding-left:25%;} /*회원가입*/ .join {padding:0 20px 20px 20px;} .join .joinTop {margin: 0 auto; } .join .joinTop .title {color: #fff; font-weight: bold; font-size: 16px;} .join .joinTop .sub_title {color: #aaa; font-size: 13px; padding-top:10px;} .join .cbcheck {height: 30px; font-size: 13px; color: #fff; font-weight: bold; line-height: 28px;} .join .cbcheck input { width: 20px; height: 20px; margin-top: -3px; vertical-align: middle; } .join #join_table { margin: 0 auto; } .join #join_table dl{ margin: 10px 0; display: inline-block; width: 100%;} .join #join_table dt{ color: #fff; font-weight: bold; font-size: 13px; float: left; line-height: 20px; width: 25%; height: 30px; line-height: 30px;} .join #join_table dd{ width: 75%; float: left;} .join #join_table .input{ width: 100%; font-size: 13px; height: 30px; line-height: 30px; vertical-align: middle; border: 1px solid #dcdcdc; border-radius: 0;} .join #join_table .phone_input{ width: 30%; font-size: 13px; height: 30px; line-height: 30px; vertical-align: middle; border: 1px solid #dcdcdc; border-radius: 0;} .join #join_table .join_btn{ height: 30px; text-align: center; height: 35px; padding: 10px 0;} .join #join_table img{height: 100%; padding: 0 2px;} /*수술전후*/ .picBeforeAfter {width:100%; overflow:hidden; padding-bottom:10px; background:url(../img/sub/after.png) no-repeat 50% 50%; } .picBeforeAfter div {} .picBeforeAfter div img {vertical-align:top; width:100%; } .picBeforeAfter .before {float:left; width:44%;} .picBeforeAfter .after {float:right; width:44%;} .picBeforeAfter .afterimg {float: left;width: 2%; margin: 20% 5%;} ul.galleryTab li#tap1{line-height:52px; background: url(../img/main/bg_submenu.gif) repeat-x; width:16%; height: 52px; color:#fff;} ul.galleryTab li#tap6{line-height:52px; background: url(../img/main/bg_submenu.gif) repeat-x;width:16%; height: 52px; padding-top: 11px;} ul.galleryTab li#tap2, ul.galleryTab li#tap3, ul.galleryTab li#tap4, ul.galleryTab li#tap5 { line-height:52px; background: url(../img/main/bg_submenu.gif) repeat-x; width:16%; height: 52px; color:#fff;} ul.galleryTab li#tap2.on, ul.galleryTab li#tap3.on, ul.galleryTab li#tap4.on, ul.galleryTab li#tap5.on { background: url(../img/main/bg_submenu02.gif) repeat-x; color: #e5c6ff; border-right:1px solid #b6b6b6;} ul.galleryTab li#tap1.on{ background: url(../img/main/bg_submenu02.gif) repeat-x; color: #e5c6ff; width:16%;} ul.galleryTab li#tap6.on{ background: url(../img/main/bg_submenu02.gif) repeat-x; color: #e5c6ff; width:16%;} ul.galleryTab {width:100%; margin:0 auto; overflow:hidden; margin-bottom:25px; border-left: 1px solid #2a2a2a; border-right: 1px solid #5b5b5b; } ul.galleryTab li {float:left;height: 48px; } ul.galleryTab li a {display:block; text-align:center;} ul.galleryTab li a img {vertical-align:top; } ul.galleryTab li a:before,ul.galleryTab li a:after{} @media screen and (min-width : 640px) { .sub_menu nav.title, .sub_menu02_title, .subwrap, .sub_menu nav.breast_title, .sub_menu nav.face_title, .sub_menu nav.etc_title, .online , .join , .board, .board1 {width:620px; margin: 0 auto;} } @media screen and (min-width : 640px) { .listwrap {width:640px; margin: 0 auto;} } @media screen and (max-width : 320px) { body{width:320px;} }