/*@import url( fonts.css ); 폰트 로딩속도 개선을 위해 head.sub.php 최상단으로 변경 */ /* 메인컬러 #2637a3 Nanum Square*/ *{ margin:0px; padding:0px; list-style:none; } a{ text-decoration:none !important; } body{ font-family: 'Nanum Gothic', sans-serif; min-width:1200px; position:relative; } .inner-wrap{ width:1200px; margin:0 auto; } input[type=checkbox]{} input[type=text]{} input::-webkit-input-placeholder { color: #000; }/* Chrome/Opera/Safari */ input::-moz-placeholder { color: #000;} /* Firefox 19+ */ input:-ms-input-placeholder { color: #000; }/* IE 10+ */ input:-moz-placeholder { color: #000; }/* Firefox 18- */ /* 메인 리뉴얼 2021.05.18 */ #container .article { width: 100%; font-family: 'NanumSquareR'; } #container .article .over { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); } #container .article .inner-wrap { padding: 0 1px; box-sizing: border-box; display: flex; } #container .article1 { position: relative; z-index: 9; height: 152px; } #container .article1 .inner-wrap { transform: translateY(-108px); position: } #container .article1 .inner-wrap > div { position: relative; } #container .article1 .inner-wrap > div > a { font-size: 35px; padding: 30px 30px; color: #fff; font-weight: bold; box-sizing: border-box; letter-spacing: -1px; } #container .article1 .inner-wrap > div:nth-child(2) > a { letter-spacing: -2px; } #container .article1 .inner-wrap > div > a > span { font-size: 24px; font-weight: normal; letter-spacing: -1px; } #container .article2 { margin: 19px 0 62px; } #container .article2 .inner-wrap { justify-content: space-between; } #container .article2 .inner-wrap > div { position: relative; } #container .article2 .inner-wrap > div > div { padding: 30px 0 0 30px; box-sizing: border-box; color: #1c1c1c; font-size: 35px; font-weight: bold; letter-spacing: -1px; } #container .article2 .inner-wrap > div:nth-child(2) > div { padding: 22px 0 0 30px; letter-spacing: -2px; } #container .article2 .inner-wrap > div > div > p { font-size: 24px; font-weight: normal; line-height: 1.4; letter-spacing: -1px; } #container .article2 .inner-wrap > div > div > p:first-child { margin-top: 6px; } #container .article2 .inner-wrap > div > a { position: absolute; top: 248px; left: 29px; color: #1c1c1c; font-size: 21px; width: 150px; height: 50px; box-sizing: border-box; border: 3px solid #1c1c1c; line-height: 45px; padding-left: 10px; letter-spacing: -0.5px; } #container .article3 { background: #ae6463; } #container .article3 .inner-wrap > div { position: relative; } #container .article3 .inner-wrap > div > a { padding: 221px 0 0 26px; box-sizing: border-box; font-size: 34px; font-weight: bold; letter-spacing: -1px; color: #fff; } #container .article3 .inner-wrap > div:nth-child(2) > a { padding: 221px 0 0 74px; } #container .article3 .inner-wrap > div:nth-child(3) > a { padding: 221px 0 0 100px; } #container .article3 .inner-wrap > div:nth-child(4) > a { padding: 221px 0 0 54px; } #container .article3 .inner-wrap > div:nth-child(5) > a { padding: 221px 0 0 64px; } /* header */ #header{ width:100%; position:relative; background:url('../img/top_bg.png') center top no-repeat; } #header .inner-wrap{ position:relative; text-align:center; overflow:hidden; } #header .inner-wrap .left_bn{ float:left; position:relative; width:302px; height:136px; } #header .inner-wrap .left_bn .bg{ position:absolute; top:56px; left:154px; } #header .inner-wrap .left_bn .txt{ position:absolute; top:58px; left:69px; font-family:'NanumSquareR'; font-size:22.75px; font-weight:800; color:#333; letter-spacing:-1px; } #header .inner-wrap .left_bn .txt span{ display:inline-block; margin:0px 9px 0px 10px; color:#fff; font-size:20px; } #header .inner-wrap .right_bn{ float:right; position:relative; width:406px; height:136px; font-family:'NanumSquareR'; text-align:right; } #header .inner-wrap .right_bn .txt{ position:absolute; top:44px; } #header .inner-wrap .right_bn .txt p:first-child{ font-size:18px; font-weight:bold; letter-spacing:-0.5px; } #header .inner-wrap .right_bn .txt p:nth-child(2){ font-size:28.07px; margin-top:4px; margin-left:1px; color:#333; font-weight:bold; letter-spacing:-1px; } #header .inner-wrap .right_bn .txt1 p:first-child{ color:#4166b1; left:0px; } #header .inner-wrap .right_bn .txt2{ right:0px; } #header .inner-wrap .right_bn .txt2 p:first-child{ color:#b15941; } #navi{ width:100%; overflow:hidden; position:relative; z-index:9999; background:#fff; box-sizing:border-box; border-bottom:1px solid #ebebeb; } #navi .inner-wrap{ position:relative; } #navi .inner-wrap > ul > li{ float:left; } #navi .inner-wrap .login{ position:absolute; right:0px; top:0px; font-family:'NanumSquareR'; } #navi .inner-wrap .login > ul > li{ float:left; font-size:12px; font-weight:normal; line-height:75px; } #navi .inner-wrap .login > ul > li:first-child{ margin-right:16px; } #navi .inner-wrap .login > ul > li > a{ color:#2637a3; } #navi.fixed { position: fixed; top: 0; left: 0; right: 0; } #navi_sub.fixed { position: fixed; top: 75px; left: 0; right: 0; } .navi_sub {position:absolute; top:212px; left:0; width:100%; height:0; overflow:hidden; z-index:9999; border-top: none; border-bottom: none; background:rgba(255,255,255,0.95); } .navi_sub .inner-wrap{width:1200px; height:315px; margin:0 auto; } .navi_sub .inner-wrap .site_list{display:inline-block; width:1200px; } .navi_sub .inner-wrap .site_list > li{ float:left; height:315px; border-right:solid 0px #f5f5f5; text-align:left; } .navi_sub .inner-wrap .site_list .list01{ width:109px; } .navi_sub .inner-wrap .site_list .list02{ width:187px; } .navi_sub .inner-wrap .site_list .list03{ width:173px; } .navi_sub .inner-wrap .site_list .list04{ width:159px; } .navi_sub .inner-wrap .site_list .list05{ width:172px; } .navi_sub .inner-wrap .site_list .list06{ width:140px; } .navi_sub .inner-wrap .site_list .list07{ width:169px; } .navi_sub .inner-wrap .site_list > li ul{ font-family:'Nanum Square'; } .navi_sub .inner-wrap .site_list > li ul li{padding-top:12px; font-size:15px; letter-spacing:-1px; line-height:13px; font-weight:700; } .navi_sub .inner-wrap .site_list > li ul li:first-child{padding-top:40px; } .navi_sub .inner-wrap .site_list > li ul li a{color:#1e1e1e; } .navi_sub .inner-wrap .site_list > li ul li a:hover{color:#2637a3; text-decoration:none; } /* container */ #container{ width:100%; overflow:hidden; } #container .section{ width:100%; overflow:hidden; clear:both; position:relative; } #container .section1{ max-height:935px; } #container .section1 .video_wrap{ position:relative; padding-bottom:56.25%; height:0; } #container .section1 .video_wrap video{ position:absolute; top:0px; left:0px; width:100%; height:100%; } #container .section1 .video_wrap .black_cover{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.2); } #container .section1 .txt{ position:absolute; left:50%; top:200px; width:703px; height:372px; margin-left:-333px; background:url('../img/video_txt.png'); font-family:'NanumSquareR'; background-repeat: no-repeat;} #container .section1 .txt .wrap{ position:relative; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0); color:#fff; } #container .section1 .txt .wrap > p{ position:absolute; text-shadow:2px 2px 10px rgba(0,43,107,0.33) }/* 수평, 수직, 투명도, 색상 */ #container .section1 .txt .wrap > p:nth-child(2){ font-size:70.56px; font-weight:bold; letter-spacing:-2px; top:148px; left:28px;} #container .section1 .txt .wrap > p:nth-child(3){ font-size:30px; letter-spacing:-1px; top:259px; left:0px;} #container .section1 .txt .wrap > p:nth-child(4){ font-size:20px; letter-spacing:-0.5px; top:316px; left:85px; text-align:center; } #container .section1 .down{ position:absolute; left:50%; bottom:20px; width:140px; height:86px; margin-left:-70px; } @media only screen and (max-height:700px){ #container .section1 .txt{ top:150px; width:460px; margin-left:-230px; } #container .section1 .txt img{ width:100%; } } #container .section > .inner-wrap{ position:relative; height:100%; background:rgba(0,0,0,0); font-family:'NanumSquareR'; } #container .section > a > .inner-wrap{ position:relative; height:100%; background:rgba(0,0,0,0); font-family:'NanumSquareR'; } #container .section2{ height:1123px; background:url('../img/section_01.jpg') no-repeat; background-position:center top; } #container .section2 > a > .inner-wrap > p{ position:absolute; left:56px; color:#fff; } #container .section2 > a > .inner-wrap > p:first-child{ top:209px; font-size:67.37px; letter-spacing:-0.1em; line-height:1.1; color:#465eab; } #container .section2 > a > .inner-wrap > p:nth-child(2){ top:387px; left:51px; width:368px; height:242px; } #container .section2 > a > .inner-wrap > p:nth-child(3){ top:663px; font-size:29.71px; letter-spacing:-1.5px; line-height:1.2; color:#333; } #container .section2 > a > .inner-wrap > p:nth-child(4){ top:842px; left:55px; width:241px; height:75px; background:url('../img/section_btn_bg.png') no-repeat; background-color:#465eab; box-sizing:border-box; padding:26px 0 0 36px; font-size:20px; letter-spacing:-0.5px; } #container .section3{ height:936px; background:url('../img/section_02.jpg') no-repeat; background-position:center top; } /*치아교정*/ #container .section > a > .inner_wrap{ position:relative; width:1250px; height:100%; margin:0 auto; font-family:'NanumSquareR'; background:rgba(0,0,0,0); } #container .section3 > a > .inner_wrap > p{ position:absolute; left:788px; color:#ad6463; } #container .section3 > a > .inner_wrap > p:first-child{ top:117px; left:780px; font-size:89.83px; letter-spacing:-0.06em; line-height:1.1; } #container .section3 > a > .inner_wrap > p:nth-child(2){ top:344px; font-size:35px; letter-spacing:-1.5px; font-weight:bold; } #container .section3 > a > .inner_wrap > p:nth-child(3){ top:397px; font-size:22.42px; letter-spacing:-1.2px; color:#333; } /*#container .section3 > a > .inner_wrap > p:nth-child(4){ top:503px; font-size:35px; letter-spacing:-1.5px; font-weight:bold; } #container .section3 > a > .inner_wrap > p:nth-child(5){ top:557px; font-size:22.42px; letter-spacing:-1.2px; color:#333; }*/ #container .section3 > a > .inner_wrap > p:nth-child(4){ top:517px; width:241px; height:75px;background:url('../img/section_btn_bg.png') no-repeat; background-color:#ad6463; box-sizing:border-box; padding:26px 0 0 36px; font-size:20px; letter-spacing:-0.5px; color:#fff; } #container .section3a{ height:841px; background:url('../img/section_03a.jpg') no-repeat; background-position:center top; } /*임플란트*/ #container .section3a > a > .inner-wrap > p{ position:absolute; left:56px; color:#fff; } #container .section3a > a > .inner-wrap > p:first-child{ top:79px; left:30px; width:420px; height:271px; } #container .section3a > a > .inner-wrap > p:nth-child(2){ top:378px; font-size:67.71px; letter-spacing:-4px; left:54px; color:#0096bc; } #container .section3a > a > .inner-wrap > p:nth-child(3){ top:492px; font-size:35px; letter-spacing:-1.5px; color:#0096bc; } #container .section3a > a > .inner-wrap > p:nth-child(4){ top:550px; font-size:25.22px; letter-spacing:-1.5px; color:#333; } #container .section3a > a > .inner-wrap > p:nth-child(5){ top:643px; left:55px; width:241px; height:75px; background:url('../img/section_btn_bg.png') no-repeat; background-color:#0096bc; box-sizing:border-box; padding:26px 0 0 36px; font-size:20px; letter-spacing:-0.5px; } #container .section3b{ height:806px; background:url('../img/section_03b.jpg') no-repeat; background-position:center top; } /*턱관절*/ #container .section3b > a > .inner-wrap2{ position:relative; width:1250px; height:100%; margin:0 auto; font-family:'NanumSquareR'; background:rgba(0,0,0,0); } #container .section3b > a > .inner-wrap2 > p{ position:absolute; left:786px; color:#1260c7; } #container .section3b > a > .inner-wrap2 > p:first-child{ top:218px; font-size:67.71px; letter-spacing:-3.5px; left:783px; line-height:1.2; } #container .section3b > a > .inner-wrap2 > p:nth-child(2){ top:400px; font-size:35px; letter-spacing:-3px; } #container .section3b > a > .inner-wrap2 > p:nth-child(3){ top:468px; font-size:25.22px; letter-spacing:-1.5px; color:#333; left:793px; line-height:1.2; } #container .section3b > a > .inner-wrap2 > p:nth-child(4){ top:591px; left:791px; width:241px; height:75px; background:url('../img/section_btn_bg.png') no-repeat; background-color:#1260c7; box-sizing:border-box; padding:26px 0 0 36px; font-size:20px; letter-spacing:-0.5px; color:#fff; } #container .section4a{ height:750px; background:url('../img/section_04a.jpg') no-repeat; background-position:center top; } /*보건복지부*/ #container .section4a > .inner-wrap > p{ position:absolute; } #container .section4a > .inner-wrap > p:first-child{ top:183px; font-size:67.71px; letter-spacing:-2px; left:59px; color:#6c4a2c; line-height:1.2; } #container .section4a > .inner-wrap > p:nth-child(2){ top:371px; left:66px; font-size:35px; letter-spacing:-2px; color:#432810; } #container .section4b{ height:948px; background:url('../img/section_04b.jpg') no-repeat; background-position:center top; } /*추가된 사회공헌*/ #container .section4b .inner-wrap .part{ float:left; width:50%; height:948px; position:relative; } #container .section4b .inner-wrap .part > p.big_txt{ position:absolute; top:112px; color:#fff; font-size:65px; text-shadow:2px 2px 2px rgba(0,0,0,0.18); letter-spacing:-2.5px; } #container .section4b .inner-wrap .part > p.small_txt{ position:absolute; top:285px; color:#fff; font-size:22px; text-shadow:2px 2px 2px rgba(0,0,0,0.18); letter-spacing:-1.3px; } #container .section4b .inner-wrap .part_1 > p.big_txt{ left:54px; } #container .section4b .inner-wrap .part_1 > p.small_txt{ left:60px; } #container .section4b .inner-wrap .part_2 > p.big_txt{ left:160px; } #container .section4b .inner-wrap .part_2 > p.small_txt{ left:166px; } #container .section5{ height:955px; background:url('../img/section_04.jpg') no-repeat; background-position:center top; } #container .section5 .inner-wrap{ position:relative; } #container .section5 .inner-wrap .big_txt{ position:absolute; top:92px; width:100%; text-align:center; font-size:79.3px; color:#2637a3; letter-spacing:-4px; } #container .section5 .inner-wrap .small_txt{ position:absolute; top:198px; width:100%; text-align:center; font-size:25.22px; color:#333; letter-spacing:-1.5px; } #container .section5 .inner-wrap .naver_btn{ position:absolute; top:250px; left:50%; margin-left:-128px; } /* #container .section7{ height:946px; background:url('../img/section_06.jpg') no-repeat; background-position:center top; } #container .section7 .inner-wrap{ margin-top:306px; } #container .section7 .inner-wrap .location{ width:1200px; height:534px; } */ /* footer */ #footer{ width:100%; overflow:hidden; clear:both; } #footer .section{ width:100%; overflow:hidden; clear:both; position:relative; } #footer .bottom_info{ background-color:#2d5097; } #footer .bottom_info .inner-wrap{ position:relative; font-family:'NanumSquareR'; height:419px; background:url('../img/bottom_info.jpg') center top no-repeat ;} #footer .bottom_info .inner-wrap > p{ position:absolute; color:#fff; } #footer .bottom_info .inner-wrap > p.title{ top:90px; font-size:25px; letter-spacing:-0.5px; font-weight:bold; color:#94dbff; } #footer .bottom_info .inner-wrap > p.title_2{ top:198px; font-size:21px; letter-spacing:-0.5px; font-weight:bold; color:#94dbff; } #footer .bottom_info .inner-wrap > p.title_3{ left:371px; } #footer .bottom_info .inner-wrap > p.title_4{ left:685px; } #footer .bottom_info .inner-wrap > p.tel_1{ top:132px; width:321px; height:40px; } #footer .bottom_info .inner-wrap > p.tel_2{ top:235px; width:240px; height:28px; } #footer .bottom_info .inner-wrap > p.txt{ font-size:21px; color:#fff; } #footer .bottom_info .inner-wrap > p.txt_1{ top:129px; left:371px; font-size:21px; line-height:1.2; letter-spacing:-1px; } #footer .bottom_info .inner-wrap > p.txt_2{ top:199px; left:371px; font-size:21px; letter-spacing:-0.5px; } #footer .bottom_info .inner-wrap > p.txt_2 span{ display:inline-block; margin:0 8px 0 7px; } #footer .bottom_info .inner-wrap > p.txt_3{ top:256px; left:414px; font-size:19.5px; letter-spacing:-1px; } #footer .bottom_info .inner-wrap > p.txt_4{ top:129px; left:689px; font-size:21px; letter-spacing:-0.5px; } #footer .bottom_info .inner-wrap > p.txt_5{ top:175px; left:693px; font-size:18px; letter-spacing:-1px; color:#2d5097; } #footer .bottom_info .inner-wrap > p.txt_6{ top:208px; left:687px; font-size:21px; letter-spacing:-0.5px; color:#4effe4; } #footer .bottom_info .inner-wrap > p.txt_7{ top:253px; left:693px; font-size:18px; letter-spacing:-1px; color:#2d5097; } #footer .bottom_info .inner-wrap > p.txt_8{ top:286px; left:687px; font-size:21px; letter-spacing:-0.5px; color:#ffc72f; } #footer .bottom_info .inner-wrap > p.txt_9{ top:324px; left:701px; font-size:21px; letter-spacing:-0.5px; color:#ff9393; } #footer .bottom_info .inner-wrap .info_btn{ position:absolute; left:0px; bottom:89px; } #footer .bottom_info .inner-wrap .info_btn > li{ float:left; margin-right:1px; } #footer .bottom_navi{ background:#222; height:390px; } #footer .bottom_navi .inner-wrap{ font-family:Nanum Square; } #footer .bottom_navi .inner-wrap ul li{ padding-top:50px; float:left; } #footer .bottom_navi .inner-wrap ul li:first-child{ width:230px; } #footer .bottom_navi .inner-wrap ul li:nth-child(2){ width:235px; } #footer .bottom_navi .inner-wrap ul li:nth-child(3){ width:210px; } #footer .bottom_navi .inner-wrap ul li:nth-child(4){ width:210px; } #footer .bottom_navi .inner-wrap ul li:nth-child(5){ width:170px; } #footer .bottom_navi .inner-wrap ul li:nth-child(6){ width:130px; } #footer .bottom_navi .inner-wrap dt{ margin-bottom:27px; } #footer .bottom_navi .inner-wrap dt > a{ color:#e6e6e6; font-size:18px; font-weight:700; margin-bottom:20px; } #footer .bottom_navi .inner-wrap dd{ margin-bottom:9px; } #footer .bottom_navi .inner-wrap dd > a{ color:#9f9f9f; font-size:15px; font-weight:600; } #footer .copy{ width:100%; overflow:hidden; background:#222; border-top:1px solid #393939; } #footer .copy .inner-wrap{ position:relative; height:198px; padding-top:48px; box-sizing:border-box; } #footer .copy .inner-wrap .info{ color:#ccc; font-size:11px; line-height:22px; letter-spacing:0; } #footer .copy .inner-wrap .info > a{ color:#ccc; } #footer .copy .inner-wrap .copyright{ color:#fff; margin-top:25px; font-size:9px; text-transform:uppercase; letter-spacing:-0.5px; } #footer .copy .inner-wrap .sns{ position:absolute; right:3px; top:49px; } #footer .copy .inner-wrap .sns > li{ float:left; margin-left:6px; } /* quickmenu */ .quick{ position:fixed; width:85px; height:502px; right:30px; top:50%; margin-top:-251px; z-index:9998; } #quick_nav{ position:fixed; width:97px; height:610px; right:20px; top:50%; margin-top:-255px; z-index:99999; } /* subpage */ .container{ width:100%; overflow:hidden; clear:both; } .container .title_img.sub1{ background:url('../img/sub/title_img_sub1.jpg') center top no-repeat; } .container .title_img.sub2{ background:url('../img/sub/title_img_sub2.jpg') center top no-repeat; } .container .title_img.sub3{ background:url('../img/sub/title_img_sub3.jpg') center top no-repeat; } .container .title_img.sub4{ background:url('../img/sub/title_img_sub4.jpg') center top no-repeat; } .container .title_img.sub5{ background:url('../img/sub/title_img_sub5.jpg') center top no-repeat; } .container .title_img.sub6{ background:url('../img/sub/title_img_sub6.jpg') center top no-repeat; } .container .title_img{ position:relative; width:100%; height:396px; background:#fff; padding-top:128px; box-sizing:border-box; } .container .title_img .title{ width:1200px; margin:0 auto; text-align:center; font-family:'NanumSquareR'; font-size:43px; font-weight:bold; letter-spacing:-2px; color:#31396b; } .container .title_img .sub_menu{ position:absolute; left:0px; bottom:0px; width:100%; height:84px; background:rgba(12,11,37,0.73); } .container .title_img .sub_menu .inner-wrap{ font-family:'NanumSquareR'; font-size:18px; font-weight:normal; letter-spacing:-1px; text-align:center; } .container .title_img .sub_menu .inner-wrap > ul{ display:inline-block; vertical-align:top; } .container .title_img .sub_menu .inner-wrap > ul:after{ content:''; display:block; clear:both; } .container .title_img .sub_menu .inner-wrap > ul > li{ float:left; margin:0 25px; padding-top:33px; } .container .title_img .sub_menu .inner-wrap > ul > li > a{ color:#fff; display:block; height:23px; } .container .title_img .sub_menu .inner-wrap > ul > li > a:hover, .container .title_img .sub_menu .inner-wrap > ul > li > a.on{ color:#fff; border-bottom:2px solid #fff; } .container .contents .img1_1{ width:100%; height:2405px; background:url('../img/sub/sub1_1.jpg') no-repeat; background-position:center top; } .container .contents .img1_2{ width:100%; height:3045px; background:url('../img/sub/sub1_2.jpg?ver=190823') no-repeat; background-position:center top; } .container .contents .img1_3{ width:100%; height:10631px; background:url('../img/sub/sub1_3.jpg') no-repeat; background-position:center top; } .container .contents .img1_4{ width:100%; height:1273px; /* background:url('../img/sub/sub1_4.jpg') no-repeat; background-position:center top; */ } .container .contents .img1_5{ width:100%; height:1411px; background:url('../img/sub/sub1_5.jpg') no-repeat; background-position:center top; } .container .contents .img2_1{ width:100%; height:7027px; background:url('../img/sub/sub2_1.jpg') center top no-repeat; } .container .contents .img2_2{ width:100%; height:2566px; background:url('../img/sub/sub2_2.jpg') center top no-repeat; } .container .contents .img2_3{ width:100%; height:4965px; background:url('../img/sub/sub2_3.jpg') center top no-repeat; } .container .contents .img2_4{ width:100%; height:2257px; background:url('../img/sub/sub2_4.jpg') center top no-repeat; } .container .contents .img2_5{ width:100%; height:1986px; background:url('../img/sub/sub2_5.jpg') center top no-repeat; } .container .contents .img2_6{ width:100%; height:2250px; background:url('../img/sub/sub2_6.jpg') center top no-repeat; } /* 이미지 경로도 교체 해야 함 */ .container .contents .img3_1{ width:100%; height:2780px; background:url('../img/sub/sub3_1.jpg') center top no-repeat; } .container .contents .img3_2{ width:100%; height:2470px; background:url('../img/sub/sub3_2.jpg') center top no-repeat; } .container .contents .img3_3{ width:100%; height:2180px; background:url('../img/sub/sub3_3.jpg') center top no-repeat; } .container .contents .img3_4{ width:100%; height:3857px; background:url('../img/sub/sub3_4.jpg') center top no-repeat; } .container .contents .img4_1{ width:100%; height:3510px; background:url('../img/sub/sub4_1.jpg') center top no-repeat; } .container .contents .img4_2{ width:100%; height:3510px; background:url('../img/sub/sub4_2.jpg') center top no-repeat; } .container .contents .img4_3{ width:100%; height:3510px; background:url('../img/sub/sub4_3.jpg') center top no-repeat; } .container .contents .img4_4{ width:100%; height:3510px; background:url('../img/sub/sub4_4.jpg') center top no-repeat; } .container .contents .img4_5{ width:100%; height:4160px; background:url('../img/sub/sub4_5.jpg') center top no-repeat; } .container .contents .img4_6{ width:100%; height:3510px; background:url('../img/sub/sub4_6.jpg?ver=190823') center top no-repeat; } .container .contents .img4_7{ width:100%; height:3510px; background:url('../img/sub/sub4_7.jpg?ver=190823') center top no-repeat; } .container .contents .img4_8{ width:100%; height:3510px; background:url('../img/sub/sub4_8.jpg?ver=190823') center top no-repeat; } .container .contents .img4_9{ width:100%; height:3510px; background:url('../img/sub/sub4_9.jpg?ver=190823') center top no-repeat; } .container .contents .img4_10{ width:100%; height:4137px; background:url('../img/sub/sub4_10.jpg?ver=190823') center top no-repeat; } .container .contents .img5_1{ width:100%; height:2420px; background:url('../img/sub/sub5_1.jpg') center top no-repeat; } .container .contents .img5_2{ width:100%; height:2974px; background:url('../img/sub/sub5_2.jpg') center top no-repeat; } .container .contents .img5_3{ width:100%; height:2594px; background:url('../img/sub/sub5_3.jpg') center top no-repeat; } .container .contents .img5_4{ width:100%; height:4091px; background:url('../img/sub/sub5_4.jpg') center top no-repeat; } .container .contents .img5_5{ width:100%; height:2148px; background:url('../img/sub/sub5_5.jpg') center top no-repeat; } .container .contents .img5_6{ width:100%; height:8833px; background:url('../img/sub/sub5_6.jpg') center top no-repeat; } .container .contents .img5_7{ width:100%; height:3178px; background:url('../img/sub/sub5_7.jpg') center top no-repeat; } .container .contents .img5_8{ width:100%; height:2711px; background:url('../img/sub/sub5_8.jpg') center top no-repeat; } /* 이미지 경로도 교체 해야 함 */ .container .subpage_common1{ width:100%; height:3398px; background:url('../img/sub/sub_common_1.jpg') center top no-repeat; } .container .subpage_common2{ width:100%; height:750px; background:url('../img/sub/sub_common_2.jpg') center top no-repeat; } .container .subpage_common3{ width:100%; height:901px; background:url('../img/sub/sub_common_3.jpg') center top no-repeat; } .container .subpage_common_sub2{ width:100%; height:1937px; background:url('../img/sub/sub2_1footer.jpg') center top no-repeat; } /*치아교정 하단공통*/ .container .subpage_common_sub3{ width:100%; height:0px; background:url('') center top no-repeat; } /*임플란트 하단공통*/ .container .subpage_common_sub4{ width:100%; height:1180px; background:url('../img/sub/sub4_1footer.jpg') center top no-repeat; } /*턱관절 하단공통*/ .container .contents .board{ padding-bottom:100px; } /* .container .subpage_bottom{ width:100%; height:538px; background:url('../img/sub/subpage_bottom.jpg') no-repeat; background-position:center top; } .container .subpage_bottom .inner{ margin:0 auto; padding-top:80px; width:1326px; position:relative; } */ /* 탑버튼 */ #back-to-top { position: fixed; bottom: 40px; right: 30px; z-index: 9999; width: 72px; height: 72px; text-align: center; font-size: 15px; line-height: 67px; background: #fff; color: #5aa4ff !important; cursor: pointer; border: 0; border-radius: 50px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; -webkit-box-shadow: -2px 7px 33px 0px rgba(0,0,0,0.15); -moz-box-shadow: -2px 7px 33px 0px rgba(0,0,0,0.15); box-shadow: -2px 7px 33px 0px rgba(0,0,0,0.15); } #back-to-top:hover { background:#5aa4ff; color: #fff !important; } #back-to-top.show {opacity: 2;} /* 탑버튼 */ .profile_button{ width: 500px; height: 110px; left: 50%; margin-left: -150px; position: absolute; background-color: transparent; }