@charset "utf-8"; /* layout.css 중복 방지 */ .visual {height:auto; padding:0;} header {position:absolute;} /* 메인 슬라이드 */ #main #slides {margin:0 auto; position:relative;} #main #slides .slidesjs-container {height:100% !important; width:100% !important; text-align:center;} #main #slides .slides01 {background-image:url(/img/00_main/mainvisual_01.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center !important;} #main #slides .slides02 {background-image:url(/img/00_main/mainvisual_02.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides03 {background-image:url(/img/00_main/mainvisual_03.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides04 {background-image:url(/img/00_main/mainvisual_09.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides01 {background-size:cover; color:#555; text-align:center; z-index:1 !important; display:flex; justify-content:center; align-items:center;} #main #slides .slides01 h1 {color:#fff; font-size:60px; letter-spacing:-1px;} #main #slides .slides01 p.sub_title {font-size:30px; color:#fff; /*margin-top:calc(25% - 30px);*/} #main #slides .slides01 p.copy {font-size:20px; color:#fff; margin-top:30px; line-height:30px;} #main #slides .slides01 .copy_button {margin:50px auto; width:180px; height:50px; line-height:50px; background:rgba(255, 255, 255, 0.2); border:1px solid #fff; transition:all 0.5s ease-in-out;} #main #slides .slides01 .copy_button a {padding:15px 40px; color:#fff;} #main #slides .slides01 .copy_button:hover {background:#3b6797; border:1px solid #3b6797;} #main #slides .slides02 {background-size:cover; color:#555; text-align:center; z-index:1 !important; display:flex; justify-content:center; align-items:center;} #main #slides .slides02 h1 {color:#fff; font-size:60px; letter-spacing:-1px;} #main #slides .slides02 p.sub_title {font-size:30px; color:#fff; /*margin-top:calc(25% - 30px);*/} #main #slides .slides02 p.copy {font-size:20px; color:#fff; margin-top:30px; line-height:30px;} #main #slides .slides02 .copy_button {margin:50px auto; width:180px; height:50px; line-height:50px; background:rgba(255, 255, 255, 0.2); border:1px solid #fff; transition:all 0.5s ease-in-out;} #main #slides .slides02 .copy_button a { padding:15px 40px; color:#fff;} #main #slides .slides02 .copy_button:hover {background:#3b6797; border:1px solid #3b6797;} #main #slides .slides03 {background-size:cover; color:#555; text-align:center; z-index:1 !important; display:flex; justify-content:center; align-items:center;} #main #slides .slides03 h1 {color:#fff; font-size:60px; letter-spacing:-1px;} #main #slides .slides03 p.sub_title {font-size:30px; color:#fff; /*margin-top:calc(25% - 30px);*/} #main #slides .slides03 p.copy {font-size:20px; color:#fff; margin-top:30px; line-height:30px;} #main #slides .slides03 .copy_button {margin:50px auto; width:180px; height:50px; line-height:50px; background:rgba(255, 255, 255, 0.2); border:1px solid #fff; transition:all 0.5s ease-in-out;} #main #slides .slides03 .copy_button a { padding:15px 40px; color:#fff;} #main #slides .slides03 .copy_button:hover {background:#3b6797; border:1px solid #3b6797;} #main #slides .slides04 {background-size:cover; color:#555; text-align:center; z-index:1 !important; display:flex; justify-content:center; align-items:center;} #main #slides .slides04 h1 {color:#fff; font-size:60px; letter-spacing:-1px;} #main #slides .slides04 p.sub_title {font-size:30px; color:#fff; /*margin-top:calc(25% - 30px);*/} #main #slides .slides04 p.copy {font-size:20px; color:#fff; margin-top:30px; line-height:30px;} #main #slides .slides04 .copy_button {margin:50px auto; width:180px; height:50px; line-height:50px; background:rgba(255, 255, 255, 0.2); border:1px solid #fff; transition:all 0.5s ease-in-out;} #main #slides .slides04 .copy_button a { padding:15px 40px; color:#fff;} #main #slides .slides04 .copy_button:hover {background:#3b6797; border:1px solid #3b6797;} #main #slides .slides01 .container, #main #slides .slides02 .container, #main #slides .slides03 .container {margin:0;} #main #slides .slidesjs-navigation {display:block; position:absolute; width:31px; height:43px; z-index:10; top:447px; text-indent:-9999px;} #main #slides .slidesjs-previous {background:url(/img/00_main/nav_prev.png) center center no-repeat; left:360px;} #main #slides .slidesjs-next {background:url(/img/00_main/nav_next.png) center center no-repeat; right:360px;} #main #slides .slidesjs-pagination {position:fixed; right:20px; top:20%; z-index:1; text-align:center;} #main #slides .slidesjs-pagination li {display:block; margin:20px 0; position:relative; z-index:1;} #main #slides .slidesjs-pagination li a {display:block; background:url(/img/00_main/bg_slidedot.png) center center no-repeat; width:16px; height:22px; margin:0 4px; text-indent:-150px; color:#fff; font-weight:bold;} #main #slides .slidesjs-pagination li::after {content:''; border-left:1px solid #fff; height:31px; position:absolute; left:12px; margin:-5px 0; z-index:0;} #main #slides .slidesjs-pagination li:last-child::after {border:none;} #main #slides .slidesjs-pagination li a.active {background:url(/img/00_main/bg_slidedot_on.png) center center no-repeat; color:#2e93e3;} #main #slides .slidesjs-pagination li a img {visibility:hidden; width:30px; margin:0 10px 0 0;} #main #slides .slidesjs-pagination li a.active img {visibility:visible;} /* 공통 */ .main_section {padding:80px 0;} .maintitle {margin:0 0 50px 0; text-align:center;} .subcopy {font-size:20px; margin:15px 0 0 0;} .txt_btn a {color:#3886e6;} #max-width {max-width:1920px !important; margin:auto !important;} /* 전담주치의 제도 */ #doctor {background:url(/img/01_hospital/sub01_img01_03_pc.jpg) center bottom no-repeat; background-size:cover; height:775px; padding:65px 0;} #doctor h3 {color:#614814; font-size:30px; margin:0 0 20px 0;} #doctor p {font-size:18px; color:#666;} #doctor .copy_button {margin:50px auto; width:180px; height:50px; line-height:50px; background:rgba(206, 216, 227, 0.3); transition:all 0.5s ease-in-out;} #doctor .copy_button a {color:#3b6797; transition:all 0.5s ease-in-out; display:block;} #doctor .copy_button:hover {background:#3b6797;} #doctor .copy_button:hover a {color:#fff;} /* 뉴욕그룹이란? */ #information {padding:75px 0 85px 0; background:#fff;} #information .sub_title {font-size:18px; color:#333;} #information h3 {color:#614814; font-size:30px; margin:0 0 50px 0;} #information ul li h2 {font-size:72px; margin:10px 0;} #information ul li p {font-size:18px; color:#333; font-weight:bold;} /* 아프지 않은 치과를 위해 */ #surgery {background:#f3ede7; padding:80px 50px; margin:auto;} #surgery .boxwrap ul ul li {padding:30px 0 0 30px;} #surgery .boxwrap ul li a div.innertitle {background-repeat:no-repeat; background-size:cover; background-position:center center; text-align:left; padding:25px 30px; height:425px;} #surgery .boxwrap ul li.img a div.innertitle {height:880px; margin:0 0 0 15px;} #surgery .boxwrap ul li a div.innertitle h2 {padding:5px 0 10px 0; color:#614814;} #surgery .boxwrap ul li a div.innertitle p {color:#666; max-width:300px; font-size:14px;} #surgery .boxwrap ul li a div.innertitle .more_button {margin:40px 0; width:180px; height:50px; line-height:50px; background:rgba(206, 216, 227, 0.7); transition:all 0.5s ease-in-out; color:#3b6797; text-align:center;} #surgery .boxwrap ul li a div.innertitle .more_button:hover {background:#3b6797; color:#fff;} #surgery .boxwrap ul li a div.surgery {background-image:url(/img/00_main/mainvisual_06.jpg); margin:0 0 0 30px;} #surgery .boxwrap ul li a div.surgery_1 {background-image:url(/img/00_main/mainvisual_06_200611.jpg); margin:0 0 0 30px;} #surgery .boxwrap ul li a div.ad {background-image:url(/img/00_main/mainvisual_07.jpg);} #surgery .boxwrap ul li a div.epilogue {background-color:rgba(0, 0, 0, 0.5); background-image:url(/img/00_main/mainvisual_08.jpg);} #surgery .boxwrap ul li a div.epilogue h2 {color:#e1d1b9;} #surgery .boxwrap ul li a div.epilogue p {color:#feffff;} #surgery .boxwrap ul li a div.epilogue .more_button {margin:40px 0; width:180px; height:50px; line-height:50px; background:rgba(255, 255, 255, 0.3); transition:all 0.5s ease-in-out; color:#fff; text-align:center;} #surgery .boxwrap ul li a div.epilogue .more_button:hover {background:#fff; color:#333;} #surgery .boxwrap ul li a div.reservation {background-image:url(/img/00_main/mainvisual_05.jpg); padding:500px 30px 0 30px;} #surgery .img img {margin: 0 auto;} #surgery .reservation h5, #surgery .reservation h2, #surgery .reservation p ,#surgery .reservation img {} #surgery .absolute_wrap {position:absolute; top:40px; right:20px;} #surgery .absolute_wrap img {width:99.99%;} #surgery .absolute_txt {position:absolute; right:20px; font-size:12px; bottom:20px;} /* 2018 */ #two_zero {position:relative; width:100%; max-width:1920px; margin:auto;} #two_zero .left_img {width:1120px; float:left;} #two_zero .right_cont {position:absolute; background:#3b6797; width:800px; height:740px; right:0; text-align:center; padding:50px 0;} #two_zero .right_cont img {width:540px;} #two_zero .right_cont h2 {font-weight:normal; color:#fff; font-size:50px; margin:45px 0 10px 0;} #two_zero .right_cont p.name {font-size:30px; color:#e0d0b8; font-weight:bold;} #two_zero .right_cont p.cont {font-size:30px; color:#fff; line-height:34px; margin:50px 0;} #two_zero .right_cont .copy_button {margin:50px auto 0 auto; width:250px; height:50px; line-height:50px; background:rgba(206, 216, 227, 0.3); transition:all 0.5s ease-in-out; border:1px solid #fff;} #two_zero .right_cont .copy_button a {color:#fff; transition:all 0.5s ease-in-out; display:block;} #two_zero .right_cont .copy_button:hover {background:#fff;} #two_zero .right_cont .copy_button:hover a {color:#333;} /* 지점선택 */ #another_location {margin:30px auto; padding:0 10px; max-width:1920px;} #another_location div {height:380px; position:relative; width:23.5%; margin-right:1.9%; margin-bottom:1.9%; transition:all 0.5s ease-in-out; text-align:center;} #another_location div::after {content:''; position:absolute; width:100%; top:0; left:0; height:100%; background:rgba(0,0,0,0.5); transition:all 0.5s ease-in-out; transition-delay:0s; z-index:0;} #another_location div:hover {transform:scale(1.01); box-shadow:0 0 15px rgba(0,0,0,0.5);} #another_location div:hover::after {width:100%; transition-delay:0s; opacity:0;} #another_location div:last-child {margin-right:0;} #another_location div p {font-weight:bold; font-size:24px; color:#ddbe8e !important; transition:all 0.5s ease-in-out; transition-delay:0; position:relative; z-index:1; opacity:1;} #another_location div:hover p {transition-delay:0s; color:#fff !important; opacity:0;} #another_location #another01 {background:url(/img/00_main/another_01.jpg) center center no-repeat; background-size:cover; transition:all 0.5s ease-in-out;} #another_location #another02 {background:url(/img/00_main/another_02.jpg) center center no-repeat; background-size:cover; transition:all 0.5s ease-in-out;} #another_location #another03 {background:url(/img/00_main/another_03.jpg) center center no-repeat; background-size:cover; transition:all 0.5s ease-in-out;} #another_location #another04 {background:url(/img/00_main/another_04.jpg) center center no-repeat; background-size:cover; transition:all 0.5s ease-in-out;} #another_location #another05 {background:url(/img/00_main/another_05.jpg) center center no-repeat; background-size:cover; transition:all 0.5s ease-in-out;} #another_location #another06 {background:url(/img/00_main/another_06.jpg) center center no-repeat; background-size:cover; transition:all 0.5s ease-in-out;} #another_location #another07 {background:url(/img/00_main/another_07.jpg) center center no-repeat; background-size:cover; transition:all 0.5s ease-in-out;} #another_location #another08 {background:url(/img/00_main/another_08.jpg) center center no-repeat; background-size:cover; transition:all 0.5s ease-in-out;} #another_location .white, .l_black {top:34%;} #another_location div p.before_title {opacity:0; color:#fff !important; top:120px; text-shadow: 2px 1px 7px #000;} #another_location div:hover p.before_title {opacity:1; transition-delay:0.5s;} #another_location div .another_link {margin-top:90px; transition:all 0.5s ease-in-out; opacity:0; height:100px; width:220px; left:calc(50% - 110px); z-index:1;} #another_location div:hover .another_link {opacity:1; transition-delay:0.8s; transform:scale(1); box-shadow:none;} #another_location div .another_link a {display:inline-block; width:100px; height:100px; line-height:100px; float:left;} #another_location div .another_link::after {display:none;} #another_location div .another_link a.link {background:url(/img/00_main/another_link.png) center center no-repeat; background-size:100% 100%; margin-right:20px; color:#fff;} #another_location div .another_link a.phone {background:url(/img/00_main/another_phone.png) center center no-repeat; background-size:100% 100%; color:#333;} /* 문의 */ #inquiry {background:url(/img/00_main/inquiry_01.jpg) center center no-repeat; background-size:cover; height:635px; padding:70px 0; margin:0; text-align:left;} #inquiry h2 {font-size:30px; color:#fff; padding-bottom:10px;} #inquiry p {font-size:14px; color:#fff; padding-bottom:10px;} #inquiry .write_cont {padding:0 70px;} #inquiry .write_cont .line1 {margin-bottom:10px;} #inquiry .write_cont .line1 span {width:100px; height:50px; display:inline-block; line-height:50px; text-align:center; background:rgba(255, 255, 255, 0.5); color:#fff;} #inquiry .write_cont .line1 span.margin {background:none; width:10px;} #inquiry .write_cont .line1 span.line {background:none; width:20px; margin:0 -1px 0 -5px;} #inquiry .write_cont .line1 input {padding:0 10px;} #inquiry .write_cont .line1 textarea {width:640px; height:150px; margin-left:-5px; margin-bottom:5px; padding:10px; -webkit-margin-after:1px;} #inquiry .write_cont .line1.content span {height:150px; vertical-align:top;} #inquiry .write_cont .line1 .phone1 {background-color:#fff; width:200px; height:50px; margin-left:-5px; margin-bottom:5px; padding:0 10px; -webkit-margin-after:1px;} #inquiry .write_cont .line1 .input_full {background-color:#fff; width:640px; height:50px; margin-left:-5px; margin-bottom:5px; padding:0 10px; -webkit-margin-after:1px;} #inquiry .write_cont .line1 select.input_full {-webkit-margin-after:1px} #inquiry .write_cont .line1 input.name {width:260px; height:50px; margin-left:-5px; margin-bottom:5px; -webkit-margin-after:1px;} #inquiry input[type=checkbox] {margin:0 5px 3px 0;} #inquiry span.red {margin:0 0 0 5px;} #inquiry label {color:#ddd;} #inquiry button {width:100px; height:30px; background:#999; border:1px solid #666; color:#fff; margin-left:10px;} #inquiry .submit_button {width:742px; height:60px; line-height:60px; color:#fff; background:#3b6797; margin:30px 0;} /* 메인 배너 */ #main_banner {background:#f5f5f5; height:70px;} #main_banner ul {max-width:960px; width:100%; margin:0; padding:14px 0; background:#f5f5f5; display:inline-block; color:#fff;} #main_banner ul li a {display:block;} #main_banner ul li a img { display:inline-block;} @media(max-width:766px){ #surgery .boxwrap ul li a div.surgery {background-position-x: -250px;} } @media(max-width:767px) { #main #slides .slidesjs-pagination {display:none;} #main #slides, #main #slides .slides01, #main #slides .slides02, #main #slides .slides03 {} #main #slides .slides01, #main #slides .slides02, #main #slides .slides03, #main #slides .slides04 {background-size:cover; display:block;} #main #slides .container {padding:0 10px;} #main #slides .slides01 p.sub_title, #main #slides .slides02 p.sub_title, #main #slides .slides03 p.sub_title, #main #slides .slides04 p.sub_title {font-size:20px; margin-top:95px;} #main #slides .slides01 h1, #main #slides .slides02 h1, #main #slides .slides03 h1, #main #slides .slides04 h1 {font-size:30px; padding-top:10px; text-align:center;} #main #slides .slides01 p.copy, #main #slides .slides02 p.copy, #main #slides .slides03 p.copy , #main #slides .slides04 p.copy {font-size:14px; text-align:center; margin-top:20px; line-height:18px;} #main #slides .slides01 .copy_button, #main #slides .slides02 .copy_button, #main #slides .slides03 .copy_button {margin:30px auto; width:160px; height:40px; line-height:40px;} #main #slides .slides01 .copy_button a, #main #slides .slides02 .copy_button a, #main #slides .slides03 .copy_button a {padding:11px 34px;} #main #slides .slidesjs-pagination {top:35%; right:10px;} #main #slides .slides01 {background-image:url(/img/00_main/mobile_mainvisual_01.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center !important;} #main #slides .slides02 {background-image:url(/img/00_main/mobile_mainvisual_02.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides03 {background-image:url(/img/00_main/mobile_mainvisual_03.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides04 {background-image:url(/img/00_main/mobile_mainvisual_09.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides04 .fc_white {position:absolute; bottom:6.5%; color:#fff; left: calc(50% - 110px);} #main #product {height:auto; padding:30px 10px;} #main #product #soap_slide {width:100%; margin:0 auto 10px auto; max-width:390px; float:none;} #main #product #grinding_slide {width:100%; margin:0 auto 10px auto; max-width:390px; float:none;} #main #product #soap_slide .slidesjs-container {width:100%; height:520px !important;} #main #product #grinding_slide .slidesjs-container {width:100%; height:520px !important;} #main #product #catalogue {width:100%; height:520px; max-width:390px; margin:auto; float:none;} #main #more_company {background-size:cover; height:330px; padding:56px 0; font-size:25px;} #doctor {background:url(/img/01_hospital/sub01_img01_03_m.jpg) center bottom no-repeat; background-size:cover; height:350px; padding:65px 0;} #doctor {height:450px;} #doctor h3 {font-size:30px;} #doctor p {font-size:14px;} #doctor .copy_button {width:180px; height:40px; line-height:40px;margin:30px auto;} #information ul li {margin:50px 0;} #another_location {padding:0 15px;} #another_location div {width:100%; margin:15px 0; height:380px;} #another_location div:last-child {margin-right:0;} #surgery {padding:80px 15px;} #surgery .boxwrap ul ul li {padding:0; margin-bottom:20px;} #surgery .boxwrap ul li.img a div.innertitle {height:588px; margin:0; position:relative;} #surgery .boxwrap ul li a div.innertitle .more_button {margin:0; position:absolute; bottom:25px;} #surgery .boxwrap ul li a div.innertitle.surgery_1 .more_button {margin:0; position:static; margin-top:10px;} #surgery .boxwrap ul li a div.surgery {margin:20px 0; position:relative;} #surgery .boxwrap ul li a div.surgery_1 {margin:20px 0; position:relative; background-image:url(/img/00_main/mainvisual_06_m_200611.jpg);} #surgery .boxwrap ul li a div.reservation {padding:310px 30px 0 30px;;} #surgery .boxwrap ul li a div.innertitle.ad {padding:145px 30px 25px 30px;} #surgery .absolute_txt {position:absolute; right:initial; bottom:83px;} #surgery .boxwrap ul li a div.surgery {background:#fff;} #surgery .absolute_wrap img{width:62%;} #surgery .absolute_wrap{position:absolute; bottom:105px; top:200px; left:33px; right:0;} #two_zero .left_img {width:100%; float:none;} #two_zero .left_img img {max-width:100%; height:auto !important;} #two_zero .right_cont {width:100%; position:static; padding:50px 15px; height:470px;} #two_zero .right_cont img {width:100%;} #two_zero .right_cont h2 {font-size:30px; margin:37px 0 10px 0;} #two_zero .right_cont p.name {font-size:24px;} #two_zero .right_cont p.cont {font-size:16px; margin:28px 0;} #inquiry {height:762px; padding:70px 0 0 10px;} #inquiry .write_cont {padding:0;} #inquiry .write_cont .line1 {margin:0;} #inquiry .write_cont .line1 span {margin-bottom:10px; width:63px; font-size:12px;} #inquiry .write_cont .line1 span.margin {display:block; margin:0; width:0; height:0;} #inquiry .write_cont .line1 input.name {width:calc(100% - 80px); margin-bottom:2px; -webkit-margin-after:0px;} #inquiry .write_cont .line1 .phone1 {width:calc(33.7% - 40px); margin-bottom:2px; -webkit-margin-after:0px;} #inquiry .write_cont .line1 .input_full {width:calc(100% - 80px); margin-bottom:2px; -webkit-margin-after:0px;} #inquiry .write_cont .line1 textarea {width:calc(100% - 80px); margin-bottom:2px; -webkit-margin-after:0px;} #inquiry .submit_button {width:94%;} /*레이어팝업*/ .layer_popup {width:90% !important; left:5% !important;} .layer_popup .layer_popup_cont img {width:100% !important;} } @media(min-width:768px) { #doctor {background:url(/img/01_hospital/sub01_img01_03_t.jpg) center bottom no-repeat; background-size:cover; height:480px; padding:65px 0;} #doctor .copy_button {margin:50px auto;} .fixed_quick img {width:60px;} #main #product #soap_slide {width:340px;} #main #product #soap_slide .slidesjs-container {width:100%; height:520px !important;} #main #product #grinding_slide {width:340px; margin-right:0;} #main #product #grinding_slide .slidesjs-container {width:100%; height:520px !important;} #main #product #catalogue {width:100%; margin-top:13px;} #main #product #catalogue .more_catalogue {width:340px; float:left; margin-right:13px;} #main #product #catalogue .contact_us {width:340px; float:left;} #main #slides .slides01 {background-image:url(/img/00_main/mobile_mainvisual_01.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center !important;} #main #slides .slides02 {background-image:url(/img/00_main/mobile_mainvisual_02.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides03 {background-image:url(/img/00_main/mobile_mainvisual_03.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides04 {background-image:url(/img/00_main/mobile_mainvisual_09.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center bottom; position:relative;} #main #slides .slides04 .fc_white {position:absolute; bottom:40px; color:#fff;} #surgery {padding:80px 20px;} #surgery .boxwrap ul li a div.innertitle h2 {font-size:20px;} #surgery .boxwrap ul li a div.innertitle p {font-size:12px;} #surgery .boxwrap ul li a div.innertitle .more_button {width:138px; height:40px; line-height:40px;} #surgery .boxwrap ul li a div.surgery_1 {margin:0 0 0 15px; background-size:cover; background-position:center;} #surgery .boxwrap ul li a div.surgery {margin:0 0 0 15px;} #surgery .boxwrap ul li a div.innertitle {padding:25px 15px; } #surgery .absolute_wrap {width:300px;} #two_zero .left_img {width:100%; float:none;} #two_zero .left_img img {height:auto;} #two_zero .right_cont {width:100%; position:static; height:auto; float:none;} #another_location div {width:48%; margin-right:2%;} #another_location div:nth-child(2n) {margin-right:0;} #inquiry {height:705px;} #inquiry .submit_button {width:715px;} #inquiry .write_cont {padding:0;} #inquiry .write_cont .line1 input.name {width:247px;} #inquiry .write_cont .line1 .phone1 {width:192px;} #inquiry .write_cont .line1 .input_full {width:614px;} #inquiry .write_cont .line1 textarea {width:614px;} #surgery .boxwrap ul li a div.reservation {padding:300px 15px 0 15px;} #surgery .boxwrap ul li.img a div.innertitle {margin:0;} #surgery .boxwrap ul ul li {padding:15px 0 0 15px;} #surgery .boxwrap ul li.img a div.innertitle {height:600px;} #surgery .boxwrap ul li a div.innertitle {height:293px;} #surgery .boxwrap ul li a div.epilogue .more_button {margin:14px 0;} } @media(min-width:992px) { #doctor {background:url(/img/01_hospital/sub01_img01_03_t.jpg) center bottom no-repeat; background-size:cover; height:650px; padding:65px 0;} #main #product #soap_slide {width:32%;} #main #product #grinding_slide {width:32%; margin-right:13px;} #main #product #catalogue {width:32%; margin-top:0;} #main #product #catalogue .more_catalogue {width:100%; float:none; margin-right:0;} #main #product #catalogue .contact_us {width:100%; float:none; margin-right:0;} #main #slides .slides01 {background-image:url(/img/00_main/mainvisual_01.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center !important;} #main #slides .slides02 {background-image:url(/img/00_main/mainvisual_02.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides03 {background-image:url(/img/00_main/mainvisual_03.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides04 {background-image:url(/img/00_main/1024_mainvisual_09.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center bottom;} #another_location div {width:18.48%; margin-right:1.9%;} #another_location div:nth-child(2n) {margin-right:1.9%;} #another_location div:last-child {margin-right:0;} #two_zero .left_img {width:100%; float:left; text-align:left;} #two_zero .left_img img {height:100%;} #two_zero .right_cont {width:670px; position:absolute; height:740px;} #inquiry {height:635px;} #inquiry .write_cont {padding:0 30px;} #inquiry .write_cont .line1 input.name {width:210px;} #inquiry .write_cont .line1 .phone1 {width:167px;} #inquiry .write_cont .line1 .input_full {width:539px;} #inquiry .write_cont .line1 textarea {width:539px;} #inquiry .submit_button {width:642px;} #surgery .boxwrap ul li a div.innertitle h2 {font-size:30px;} #surgery .boxwrap ul li a div.innertitle p {font-size:14px;} #surgery .boxwrap ul li a div.innertitle .more_button {width:180px; height:50px; line-height:50px;} #surgery .boxwrap ul li.img a div.innertitle {margin:0;} #surgery .boxwrap ul ul li {padding:30px 0 0 30px;} #surgery .boxwrap ul li a div.surgery {margin:0 0 0 30px;} #surgery .boxwrap ul li a div.innertitle {padding:25px 30px;} #surgery .boxwrap ul li a div.epilogue {padding:25px 20px;} #surgery .boxwrap ul li.img a div.innertitle {height:850px;} #surgery .boxwrap ul li a div.innertitle {height:410px;} #surgery .boxwrap ul li a div.reservation {padding:500px 30px 0 30px;} #surgery .boxwrap ul li a div.epilogue .more_button {margin:40px 0;} #surgery .absolute_wrap {width:400px;} } @media(min-width:1024px){ #main #slides .slides01 {background-image:url(/img/00_main/mobile_mainvisual_01.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center !important;} #main #slides .slides02 {background-image:url(/img/00_main/mobile_mainvisual_02.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides03 {background-image:url(/img/00_main/mobile_mainvisual_03.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides04 {background-image:url(/img/00_main/1024_mainvisual_09.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center bottom;} #another_location div {width:49%; margin-right:1%;} #another_location div:nth-child(2n) {margin-right:1%;} #another_location div:last-child {margin-right:0 !important;} } @media(min-width:1500px) { #main #slides .slides01 {background-image:url(/img/00_main/mainvisual_01.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center !important;} #main #slides .slides02 {background-image:url(/img/00_main/mainvisual_02.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides03 {background-image:url(/img/00_main/mainvisual_03.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #main #slides .slides04 {background-image:url(/img/00_main/mainvisual_09.jpg) !important; background-repeat:no-repeat; background-size:cover; background-position:center center;} #doctor {background:url(/img/01_hospital/sub01_img01_03_pc.jpg) center bottom no-repeat; background-size:cover; height:775px; padding:65px 0;} .fixed_quick img {width:80px;} #two_zero .left_img {width:1120px;} #two_zero .right_cont {width:800px;} #surgery .boxwrap ul li a div.epilogue {padding:25px 30px;} #surgery .absolute_wrap {width:500px;} #inquiry .write_cont {padding:0 70px;} #inquiry {background:url(/img/00_main/inquiry_01.jpg) center center no-repeat; background-size:cover; height:635px; padding:70px 0; margin:0; text-align:left;} #inquiry h2 {font-size:36px; color:#fff;} #inquiry p {font-size:14px; color:#fff;} #inquiry .write_cont {padding:0 70px;} #inquiry .write_cont .line1 {margin-bottom:10px;} #inquiry .write_cont .line1 span {width:100px; height:50px; display:inline-block; line-height:50px; text-align:center; background:rgba(255, 255, 255, 0.5); color:#fff;} #inquiry .write_cont .line1 span.margin {background:none; width:10px;} #inquiry .write_cont .line1 span.line {background:none; width:20px; margin:0 -1px 0 -5px;} #inquiry .write_cont .line1 input {padding:0 10px;} #inquiry .write_cont .line1 textarea {width:640px; height:150px; margin-left:-4px; margin-bottom:5px; padding:10px; -webkit-margin-after:1px;} #inquiry .write_cont .line1.content span {height:150px; vertical-align:top;} #inquiry .write_cont .line1 .phone1 {width:200px; height:50px; margin-left:-4px; margin-bottom:5px; padding:0 10px; -webkit-margin-after:1px;} #inquiry .write_cont .line1 .input_full {width:640px; height:50px; margin-left:-4px; margin-bottom:5px; padding:0 10px; -webkit-margin-after:1px;} #inquiry .write_cont .line1 input.name {width:260px; height:50px; margin-left:-5px; margin-bottom:5px; -webkit-margin-after:1px;} #inquiry input[type=checkbox] {margin:0 5px 0 0;} #inquiry span.red {margin:0 0 0 5px;} #inquiry button {width:100px; height:30px; background:#999; border:1px solid #666; color:#fff; margin-left:10px; margin-bottom:3px;} #inquiry .submit_button {width:742px; height:60px; line-height:60px; color:#fff; background:#3b6797; margin:30px 0;} #another_location {margin:30px auto; padding:0 10px; max-width:1920px;} #another_location div {height:380px; position:relative; width:12.657142857142857%; margin-right:1.9%; margin-bottom:1.9%; transition:all 0.5s ease-in-out; text-align:center;} #another_location div:nth-child(2n) {margin-right:1.9%;} @supports(-ms-ime-align:auto) { #inquiry .write_cont .line1 input.name {margin-bottom:3px;} #inquiry .write_cont .line1 .phone1 {margin-bottom:3px;} } } @media(min-width:1920px) { /* #doctor {background:url(/img/01_hospital/sub01_img01_02.jpg) center bottom no-repeat; background-size:cover; height:800px; padding:65px 0;}*/ } @media(min-width:2000px) { /* #doctor {background:url(/img/01_hospital/sub01_img01_02.jpg) center bottom no-repeat; background-size:cover; height:900px; padding:65px 0;}*/ } @supports(-ms-ime-align:auto) { #inquiry .write_cont .line1 input.name {margin-bottom:3px;} #inquiry .write_cont .line1 .phone1 {margin-bottom:3px;} #inquiry .write_cont .line1 select.input_full {margin-bottom:3px;} }