#fullpage.new .section{overflow-x:hidden;} #fullpage.new .section .inner{gap:50px; margin-top:0; height:100%;} #fullpage.new #section0.section .inner{margin-top:-60px;} #fullpage.new .section .mainSwiper{margin-top:0; height:100%;} video{position:absolute; left:0; top:0; width:100vw; height:100vh; object-fit: cover;} .video-bg{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.18); z-index:1;} #section0 .txt_wrap {position: relative; z-index: 2; } #section0 .txt_wrap em{display:inline-block; margin-bottom:40px; padding:10px 25px; font-size:20px; font-weight:600; color:#fff; background:#0b0b0b; border-radius:50px; line-height:1.1em; word-break:keep-all;} #section0 .txt_wrap h3{font-size:48px; font-weight:bold; line-height:1.3em; word-break:keep-all; opacity:0; transform: translateY(18px);} #section0 .txt_wrap p{display:block; margin-top:30px; font-size:20px; font-weight:400; line-height:1.4em; word-break:keep-all;} #section0 .mainSwiper .swiper-slide.active .txt_up{ opacity: 1; transform: translateY(0); } .swiper-container-pop .swiper-slide { margin-bottom: 80px !important; } .fp-viewing-1 .swiper-wrapper, .fp-viewing-2 .swiper-wrapper, .fp-viewing-3 .swiper-wrapper { width: fit-content; margin: 0 auto; } .hd_pops .swiper-pagination { display: flex; flex-wrap: wrap !important; } .hd_pops .swiper-pagination-bullet { width: 50% !important; display: flex !important; justify-content: center; } /*.fp-scrollable { overflow: hidden; overflow-y: auto; position: relative; } #section0 .mainSwiper .swiper-slide .txt_up { opacity: 0; transform: translateY(18px); transition-duration: 1.2s } #section0.active .swiper-slide .txt_up{ opacity: 1; transform: translateY(0) } */ #fullpage.new .section:not(#section0) .txt_wrap .tit > p, #fullpage.new .section:not(#section0) .txt_wrap .tit > em{ opacity: 0; transform: translateY(30px); transition-duration: .8s; transition-delay:1s; } #fullpage.new .section:not(#section0).active .txt_wrap .tit > p, #fullpage.new .section:not(#section0).active .txt_wrap .tit > em{ opacity: 1; transform: translateY(0px); } #section0 .txt_wrap h3 .hcolor { background: #fff; -webkit-text-fill-color: transparent; filter: sepia(1) drop-shadow(0 3px 1px #000); background-clip: text; -webkit-background-clip: text; color: #fff; text-shadow: 1px 1px 4px rgba(0, 0, 0, .4) } #section0 .txt_wrap h3 i.line{position:relative; font-style:normal;} #section0 .txt_wrap h3 i.line:before{content:''; position:absolute; left:0; bottom:3px; width:100%; height:16px; background:rgba(255,255,255,0.35); z-index:-1; transition: all 1s ease; transition-delay: 0.3s;} .text-point{position:relative; font-style:normal; z-index:1;} .text-point.v1{color:#ffde44;} .text-point.v2{color:#e4c17d;} #nsection1 .txt_wrap h3 i.line{position:relative; font-style:normal; z-index:1;} #nsection1 .txt_wrap h3 i.line:before{content:''; position:absolute; left:0; bottom:3px; width:0; height:16px; background:rgba(255,220,0,0.35); z-index:-1; transition: all 1s ease; transition-delay: 0.3s;} #nsection1 .txt_wrap h3.ani2{transition-delay: .9s;} #nsection1.active .txt_wrap h3 i.line:before{width:100%;} #nsection4 .txt_wrap h3 i.line{position:relative; font-style:normal;} #nsection4 .txt_wrap h3 i.line:before{content:''; position:absolute; left:0; bottom:0; width:0; height:14px; background:rgba(255,255,255,0.4); transition-delay:0.5s !important; transition:all 1s ease;} #nsection4.active .txt_wrap h3 i.line:before{width:100%;} #nsection1{background:url(/img/kb/bg-nsec01.jpg) no-repeat; background-size:cover; background-position:center} #fullpage.new .txt_wrap .tit_sub{margin-bottom:25px;} #nsection1 .txt_wrap h3{font-size:55px; font-weight:bold; line-height:1.3em; word-break:keep-all;} #nsection1 .txt_wrap h3.font-a{margin-top:13px; font-family: var(--fonts3) !important; font-size:53px; font-weight: 600; letter-spacing:-2px;} #nsection1 .txt_wrap em{display:block; margin-top:30px; font-size:20px; font-weight:400; line-height:1.4em; word-break:keep-all; color:#fff; transition-delay:1.1s;} #section1 .txt_wrap h3{font-size:48px;} #nsection1 .deco01:before{content:''; position:absolute; top:-21px; left:-38px; width:301px; height:101px; background:url(/img/kb/property/deco01.png)no-repeat center; background-size:contain; z-index:-1;} #nsection1 .deco02:before{content:''; position:absolute; left:5px; bottom:-10px; width:100%; height:19px; background:url(/img/kb/property/deco02.svg)no-repeat center; background-size:contain; z-index:-1;} .tit_main, .sec1TopSwiper, .sec1BottomSwiper{opacity: 0; transform: translateY(30px); transition-duration: .8s;}.tit_main, .sec1TopSwiper, .sec1BottomSwiper2{opacity: 0; transform: translateY(30px); transition-duration: .8s;} .fp-viewing-2 .tit_main, .fp-viewing-2 .sec1TopSwiper, .fp-viewing-2 .sec1BottomSwiper { opacity: 1; transform: translateY(0px); transition-duration: .8s; } .fp-viewing-3 .tit_main, .fp-viewing-3 .sec1TopSwiper, .fp-viewing-3 .sec1BottomSwiper { opacity: 1; transform: translateY(0px); transition-duration: .8s; } .tit_main{transition-delay:0.5s;} .sec1TopSwiper{transition-delay:1s;} .sec1BottomSwiper{transition-delay:1.2s; height:145px;} .sec1BottomSwiper2{transition-delay:1.2s;} .active .tit_main, .active .sec1TopSwiper, .active .sec1BottomSwiper, .active .sec1BottomSwiper2{opacity: 1; transform: translateY(0px);} .fp-viewing-2 .tit_main, .fp-viewing-2 .sec1TopSwiper, .fp-viewing-2 .sec1BottomSwiper, .fp-viewing-2 .sec1BottomSwiper2{opacity: 1; transform: translateY(0px);} .fp-viewing-2 .tit_main, .fp-viewing-2 .sec1TopSwiper, .fp-viewing-2 .sec1BottomSwiper{width: 1300px;} #section1.section.w.fp-auto-height { padding: 80px 0 80px 0; } #section1.section.w.fp-auto-height.skip { margin: 0px 0 0px 0; padding: 0 0 0px 0; overflow-y: auto; height: 210px !important; } .sec1BottomSwiper2 img { height: 100%; max-height: 210px; } .sec1BottomSwiper2 .u_info { top: 0px; } .sec1BottomSwiper2 .swiper-slide { /*width: auto !important;*/ } .sec1BottomSwiper2 .swiper-slide .u_info { position: relative !important; } .fp-viewing-2 .contents_wrap.t-0{position:relative;top:-0px;} .iScrollVerticalScrollbar.iScrollLoneScrollbar { /*display:none;*/ } .fp-scroller.ignore { /*transform: translate(0px, -80px) translateZ(0px) !important;*/ } .fp-viewing-2 .inner.column { padding-top: 80px; } .tab_wrap_area { overflow-x: auto; overflow-y: hidden; } /*특정 부분 스크롤바 없애기*/ .tab_wrap_area{ -ms-overflow-style: none; } .tab_wrap_area::-webkit-scrollbar{ display:none; } .tab_wrap { gap: 6px; display: flex; flex-wrap: nowrap; } .pc-block { display:block; } .mo-block { display:none; } #section1.section.w.fp-auto-height .fp-tableCell { position: absolute; top: -110px; } .tit_center{vertical-align: middle; gap:15px; margin-bottom:20px;} .tit_center .img img{width:180px;} .tit_center .txt{display: flex; flex-direction: column; justify-content: center; text-align:left;} .tit_center .txt em{display:inline-block; margin-bottom:5px; font-size:12px; font-weight:300; color:#fff; line-height:1em;} .tit_center .txt span{display:block; font-size:8px; font-weight:500; color:#fff; line-height:1em;} #nsection2{background:url(/img/kb/bg-nsec02.jpg) no-repeat; background-size:cover; background-position:center} #nsection2 .txt_wrap h3{font-size:48px; font-weight:400;} #fullpage.new #nsection2 .txt_wrap .tit br{display:none;} .txt_wrap h3 i.bold{font-weight:bold; font-style:normal;} .list-business{display:flex; flex-wrap: wrap; gap:12px; opacity: 0; transform: translateY(30px); transition-duration: .8s; transition-delay:1s;} .list-business > li{width:calc((100% / 5) - 9.8px); height:100px; border:1px solid rgba(255,255,255,0.3); background:rgba(0,0,0,0.1); box-sizing:border-box; transition:all 0.3s ease;} .list-business > li > a{display:flex; justify-content: center; align-items: center; width:100%; height:100%; padding:10px; box-sizing:border-box;} .list-business > li > a > span{display:inline-block; font-size:23px; font-weight:600; color:#fff; line-height:1.2em; word-break:break-word;} .list-business > li:hover{background:var(--main-c); border-color:var(--main-c);} .active .list-business{opacity: 1; transform: translateY(0px);} #nsection3{background:url(/img/kb/bg-nsec03.jpg) no-repeat; background-size:cover; background-position:center} #nsection3 .txt_wrap h3{font-size:55px; font-weight:bold; line-height:1.3em; word-break:keep-all;} #nsection3 .txt_wrap h3.font-c{margin-top:5px; font-family: var(--fonts5) !important; font-weight:normal;} #nsection3 .txt_wrap h3.ani2{transition-delay:0.9s;} #fullpage.new #nsection3 .txt_wrap .tit h3 br{display:none;} #nsection3 .deco03:before{content:''; position:absolute; left:3px; bottom:-16px; width:100%; height:20px; background:url(/img/kb/property/deco03.svg)no-repeat center; background-size:contain; z-index:-1; } #nsection3 .deco03:after{content:''; position:absolute; top:-30px; right:-30px; width:44px; height:49px; background:url(/img/kb/property/deco03-2.svg)no-repeat center; background-size:contain; z-index:-1;} #nsection3 .txt_wrap em{display:block; margin-top:30px; font-size:20px; font-weight:400; line-height:1.4em; word-break:keep-all; color:#fff; transition-delay:1.1s;} .btn-more{position:relative; display:flex; justify-content: center; align-items: center; margin:40px auto 0; padding:5px; width:180px; height:60px; border:1px solid #fff; box-sizing:border-box; z-index:1; opacity: 0; transform: translateY(30px); transition-duration: .8s; transition-delay:1.2s;} .btn-more:before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#fff; transition:all 0.5s ease;} .btn-more > span{font-size:17px; font-weight:600; color:#fff; z-index:2;} .btn-more:hover:before{width:100%;} .btn-more:hover > span{color:#333; font-weight:bold;} .active .btn-more{opacity: 1; transform: translateY(0px);} #nsection4{background:url(/img/kb/bg-nsec04.jpg) no-repeat; background-size:cover; background-position:center} #nsection4 .txt_wrap h3{font-size:50px; font-weight:bold; line-height:1.2em; word-break:keep-all;} #fullpage.new #nsection4 .txt_wrap .tit br{display:none;} #nsection4 .list-differ{display:flex; flex-wrap: wrap; gap:50px; width:100%;} #nsection4 .list-differ > li{display: flex; flex-direction: column; justify-content: center; align-items: center; width:calc((100% / 3) - 33.5px); width:-webkit-calc((100% / 3) - 33.5px); height:340px; background:#fff; padding:20px; box-sizing:border-box; opacity: 0; transform: translateY(30px); transition:all 1s;} #nsection4 .list-differ > li > i{display:inline-block; margin-bottom:12px; width:48px; height:48px; border-radius:50px; background:#bca06a; font-size:20px; font-weight:bold; color:#fff; font-style:normal; line-height:48px; text-align:center;} #nsection4 .list-differ > li h3{display:block; font-size:29px; font-weight:bold; color:#333; line-height:1.3em; word-break:keep-all;} #nsection4 .list-differ > li h3 .font-b{font-family: var(--fonts4) !important; font-weight: 400; font-size: 40px; display: inline-block; margin: 6px 0 0; letter-spacing: -2px;} #nsection4 .list-differ > li p{display:inline-block; margin-top:10px; font-size:18px; font-weight:400; color:#888; line-height:1.6em; word-break:keep-all;} #nsection4 .list-differ > li:nth-child(1){transition-delay:0.8s;} #nsection4 .list-differ > li:nth-child(2){transition-delay:1.1s;} #nsection4 .list-differ > li:nth-child(3){transition-delay:1.4s;} #nsection4.active .list-differ > li{opacity: 1; transform: translateY(0px);} #nsection5{background:#f3f3f3; overflow-x:hidden;} .sec-wrap-araea{display:flex;width:1300px;} .sec-wrap { display: flex; width: 100%; height: 100%; justify-content: center; background: url(/img/kb/bg-nsec05.jpg) no-repeat left; background-size: cover; background-size: 50% 100%; } .sec-left{display:flex; justify-content: flex-end; align-items: center; padding-left:0px; width:40%; text-align:left; box-sizing:border-box;} .sec-left .tit_center{margin-bottom:30px;} .sec-left .txt_wrap h3{font-size:42px;} .sec-left .txt_wrap p{display:block; margin-top:20px; font-size:17px; font-weight:300; line-height:1.4em; word-break:keep-all; color:#fff; opacity:0.8;} .sec-left .btn-more{margin:40px 0 0;} .sec-right{display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width:calc(60% - 0px); width:-webkit-calc(60% - 0px); padding-left: 100px; padding-right: 0px;box-sizing:border-box;background-color: #f3f3f3;} #nsection5 .cs-tit{display:flex; align-items: flex-end; margin-bottom:20px;} #nsection5 .cs-tit em{display:inline-block; font-size:27px; font-weight:300; color:#333; line-height:1em; word-break:keep-all;} #nsection5 .cs-tit h3{display:inline-block; font-size:50px; font-weight:bold; color:#bca06a; line-height:1em; word-break:keep-all;} .csSwiper{width:100%; height:550px; margin: initial;} .csSwiper .swiper-slide{display: flex; align-items: center; justify-content: space-between; background:#fff; width:100%; height:60px; padding:10px 30px; box-sizing:border-box;} .csSwiper .swiper-slide .data{font-size:16px; font-weight:400; color:#999; line-height:1em;} .csSwiper .swiper-slide .subject{font-size:16px; font-weight:500; color:#333; line-height:1em;} .csSwiper .swiper-slide .state{display:inline-block; width:80px; height:30px; padding:5px; font-size:15px; font-weight:500; color:#fff; line-height:20px; background:#bca06a; border-radius:50px;} #nsection5 .cs-tit{opacity: 0; transform: translateX(30px); transition:all 0.5s; transition-delay:0.5s;} .csSwiper{opacity: 0; transform: translateX(100px); transition:all 1s; transition-delay:0.5s;} #nsection5.active .cs-tit{opacity:1; transform: translateY(0);} #nsection5.active .csSwiper{opacity:1; transform: translateX(0);} #nsection5 .sec-left-area{ padding-left:0px; width:520px;} #nsection5 .sec-right-area { max-width: 780px; width: 100%; } #nsection6{background:url(/img/kb/bg-nsec06.jpg) no-repeat; background-size:cover; background-position:center; overflow-x:hidden;} #nsection6 .contents_wrap.row{justify-content: center; gap:60px;} #nsection6 .tit_sub p{color:#fff;} #nsection6 .txt_wrap h3{font-size:50px; font-weight:bold; line-height:1.2em; word-break:keep-all; color:#fff;} #nsection6 .cs-link{display: flex; flex-direction: column; justify-content: center; width:520px; padding:60px; background:#fff; box-sizing:border-box; } #nsection6 .cs-link h3{display:block; text-align:left; font-size:34px; font-weight:bold; color:#111; line-height:1.3em; word-break:keep-all;} #nsection6 .cs-link__list{margin:25px 0 0;} #nsection6 .cs-link__list > li{width:100%; height:70px; margin-bottom:15px; text-align:center;} #nsection6 .cs-link__list > li > a{display:flex; justify-content: center; align-items: center; width:100%; height:100%; font-size:20px; font-weight:700; color:#111; line-height:1em; word-break:keep-all; box-sizing:border-box; transition:all 0.3s ease;} #nsection6 .cs-link__list > li:last-child{margin:0;} #nsection6 .cs-link__list > li:first-child > a{border:1px solid #444;} #nsection6 .cs-link__list > li:last-child > a{background:#ffcc00; color:#020202;} #nsection6 .cs-link__list > li:first-child > a:hover{background:#111; color:#fff;} #nsection6 .cs-link__list > li:last-child > a:hover{background:#bca06a; color:#fff;} #nsection6 .form_wrap{width:520px; padding:60px; background:#fff; box-sizing:border-box; border-radius:0; text-align:left;} #nsection6 .form_wrap h4{display:block; margin-bottom:20px; font-size:23px; font-weight:bold; color:#111; line-height:1em; word-break:keep-all;} #nsection6 .form_wrap .label_wrap{width:100%;} #nsection6 .form_wrap .label_wrap input{width:100%; height:52px; padding:10px; background:#f9f9f9; border:1px solid #ddd; box-sizing:border-box; font-size:16px; font-weight:400; color:#555; line-height:1em; word-break:keep-all;} #nsection6 .form_wrap .chk_box_wrap{float:unset; width:100%; margin-top:20px;} #nsection6 .form_wrap .chk_box_wrap input{width:18px; height:18px; border-color:#ddd; margin-right:6px;} #nsection6 .form_wrap .chk_box_wrap span{font-size:16px;} #nsection6 .form_wrap .chk_box_wrap a{font-size:16px; font-weight:500;} #nsection6 .form_wrap input.g_counsel{width:100%; height:58px; background:#bca06a; border-radius:0; font-size:19px; font-weight:bold;} #nsection6 .form_wrap input.g_counsel:hover{background:#957b49;} #nsection6 .cs-link{opacity: 0; transform: translateX(-50px); transition:all 1s ease; transition-delay:0.8s;} #nsection6 .form_wrap{opacity: 0; transform: translateX(50px); transition:all 1s ease; transition-delay:0.8s;} #nsection6.active .cs-link, #nsection6.active .form_wrap{opacity: 1; transform: translateX(0);} #nsection7{background:url(/img/kb/bg-nsec07.jpg) no-repeat; background-size:cover; background-position:center} #nsection7 .tit_sub p{color:#fff;} #nsection7 .txt_wrap h3{font-size:50px; font-weight:bold; line-height:1.2em; word-break:keep-all;} #nsection7 .bocast-top, #nsection7 .bocastSwiper, #section3 .tab_wrap, #section3 .sec3Swiper, #section3 .btn-more__link, #section5 .tab_wrap, #section5 .map_wrap{opacity: 0; transform: translateY(40px); transition:all 1s ease; transition-delay:1s;} #nsection7.active .bocast-top, #nsection7.active .bocastSwiper, #section3.active .tab_wrap, #section3.active .sec3Swiper, #section3.active .btn-more__link, #section5.active .tab_wrap, #section5.active .map_wrap{opacity:1; transform: translateY(0px);} #nsection8{background:url(/img/kb/bg-nsec08.jpg) no-repeat; background-size:cover; background-position:center} #nsection8 .txt_wrap h3{font-size:55px; font-weight:bold; line-height:1.2em; word-break:keep-all;} #fullpage.new #nsection8 .txt_wrap .tit br{display:none;} #nsection8 .txt_wrap h3.font-c{display:inline-block; margin-bottom:15px; font-family: var(--fonts5) !important; font-weight:normal;} #nsection8 .txt_wrap h3 span{position:relative;} #nsection8 .txt_wrap h3 span:before{content:''; position:absolute; left:0; bottom:-13px; width:100%; height:16px; background:url(/img/kb/property/deco03.svg)no-repeat center; background-size:contain;} #nsection8 .txt_wrap h3 span i{position:relative; font-style:normal;} #nsection8 .txt_wrap h3 span i:before{content:''; position:absolute; top:-8px; left:50%; margin-left:-5px; width:10px; height:10px; background:#e4c17d; border-radius:50px; opacity:0; transition:all 0.5s;} #nsection8.active .txt_wrap h3.ani2{transition-delay:0.9s;} #nsection8 .txt_wrap em{display:block; margin-top:30px; font-size:20px; font-weight:400; line-height:1.4em; word-break:keep-all; color:#fff; transition-delay:1.1s !important;} #nsection8 .txt_wrap h3 span i:nth-child(1):before{transition-delay:1s;} #nsection8 .txt_wrap h3 span i:nth-child(2):before{transition-delay:1.2s;} #nsection8 .txt_wrap h3 span i:nth-child(3):before{transition-delay:1.4s;} #nsection8 .txt_wrap h3 span i:nth-child(4):before{transition-delay:1.6s;} #nsection8.active .txt_wrap h3 span i:before{opacity:1;} #nsection8.active .txt_wrap h3 span i:last-child:before{opacity:0;} #section3 .txt_wrap h3, #section5 .txt_wrap h3{font-size:50px; font-weight:bold; line-height:1.2em; word-break:keep-all;} .btn-more__link{position:absolute; top: -34px; right: 0; } .btn-more__link > a { display: block; font-size: 15px; font-weight: 400; color: #fff; } .section .inner{ height: calc(100% - 60px - 80px); margin-top: 140px; } .sub_banner ~ .section .inner{ margin-top: 0; } .section.sec1.tab_board{ height: fit-content; } .section .mainSwiper h4.mg-btm-30{ margin-bottom: 30px; } .section .mainSwiper .txt_wrap h5.fs-30{ font-size: 30px; line-height: 46px; word-break: keep-all; letter-spacing: 1px; } .sub_banner{ margin-top: 140px; } #nsection11{ background: url(/img/kb/bg-sec11.jpg) no-repeat; background-position: center; background-size: cover; } #fullpage.new #nsection11 .inner{gap:30px;} #fullpage.new #nsection11 .txt_wrap .tit_sub{margin-bottom:15px;} #nsection11 .tit_sub p{color:#fff;} #nsection11 .txt_wrap h3{font-size:50px; color:#fff;} .map-wrap{position:relative;} .success-btn{position:absolute; top:-44px; right:0;} .success-btn > a{display:block; font-size:15px; font-weight:400; color:#fff;} #nsection11 .swiper{ width: 100%; } #nsection11 .swiper .success_con{ position:relative; padding: 0; text-align: left; font-size: 18px; } #nsection11 .tab_wrap li{ background: rgba(255, 255, 255, .5); display: flex; align-items: center; justify-content: center; white-space: nowrap; } #nsection11 .tab_wrap li.active{ background: var(--main-c); } #nsection11 .swiper .success_con .img_wrap{ width:100%; height: 300px; background: #cecece; display: flex; } #nsection11 .swiper .success_con .img_wrap a{width:100%; height:100%; overflow:hidden;} #nsection11 .swiper .success_con .img_wrap a img{width:100%; height:100%; transition:all 0.5s ease; transform:scale(1);} #nsection11 .swiper .success_con .txt_wrap{ background:#fff; padding:20px; box-sizing:border-box; } #nsection11 .swiper .success_con:hover .img_wrap a img{transform:scale(1.05);} #nsection11 .swiper .success_con:hover .txt_wrap .title{color:#bca06a;} #nsection11 .swiper .pan{ position:absolute; top:0; right:0; padding: 5px 8px; background:#bca06a; display: flex; justify-content: flex-start; align-items: center; width: fit-content; font-size:15px; font-weight:400; color:#fff; } #nsection11 .swiper .title{ font-size: 20px; min-height:48px; margin: 0 0 14px 0; font-weight: 700; color:#111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all; } #nsection11 .swiper .bo_cnt{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display:none; } #nsection11 .swiper .success_con h6{ display: flex; margin: 20px 0 10px 0; font-weight: 600; } #nsection11 .swiper .lawyers{ gap: 5px; flex-wrap: wrap; height: 45px; overflow: auto; } #nsection11 .swiper .lawyers .item{ position:relative; width: 45px; position: relative; height: 45px; overflow: hidden; border-radius: 50px; z-index:1; } #nsection11 .swiper .lawyers .item img{position:relative; top:-3px; z-index:-1;} #nsection11 .swiper .lawyers .tooltip{ position: absolute; width: 84%; padding: 2px; background: #fff; border: 1px solid var(--main-c); border-radius: 4px; text-align: center; top:50%; left: 50%; font-size: 12px; display: none; transform:translate(-50%, -50%); } #nsection11 .swiper .lawyers .item:hover .tooltip{ display: block; } #nsection11 .swiper-pagination{position:relative; bottom:0px; width:100% !important; margin-top:10px;} #nsection11 .swiper-pagination-bullet{width:10px; height:10px; margin:0 2.5px !important; background:rgba(255,255,255,0.2); transform: scale(1) !important; opacity:1;} #nsection11 .swiper-pagination-bullet-active{background:#bca06a;} #nsection11 .tab_wrap, #nsection11 .map_wrap .swiper, #nsection11 .success-btn{opacity: 0; transform: translateY(50px);} #nsection11 .tab_wrap, #nsection11 .success-btn{transition-delay:0.8s !important; transition: all 0.8s;} #nsection11 .map_wrap .swiper{transition-delay:1s !important; transition: all 0.8s;} #nsection11.active .tab_wrap, #nsection11.active .success-btn, #nsection11.active .swiper{opacity: 1; transform: translateY(0);} /*건설·부동산*/ #section1.sub101{ background: url(/img/kb/main_sec2_bg101.png) no-repeat; background-size: cover; background-position: center;} /*건설·부동산*/ #section0 .slide_111 { background:url(/img/kb/property/main_slide2.jpg) no-repeat; background-size:cover; background-position:center } /*금융범죄*/ #section0 .slide_21 { background:url(/img/kb/main_slide21.png) no-repeat; background-size:cover; background-position:center } #section0 .slide_22 { background:url(/img/kb/main_slide22.png) no-repeat; background-size:cover; background-position:center } /*금융범죄*/ /*민사*/ #section0 .slide_31 { background:url(/img/kb/main_slide31.png) no-repeat; background-size:cover; background-position:center } #section0 .slide_32 { background:url(/img/kb/main_slide32.png) no-repeat; background-size:cover; background-position:center } /*민사*/ /*성범죄*/ #section0 .slide_41 { background:url(/img/kb/main_slide41.png) no-repeat; background-size:cover; background-position:center } #section0 .slide_42 { background:url(/img/kb/main_slide42.png) no-repeat; background-size:cover; background-position:center } /*성범죄*/ /*소액손해배상*/ #section0 .slide_51 { background:url(/img/kb/main_slide51.png) no-repeat; background-size:cover; background-position:center } #section0 .slide_52 { background:url(/img/kb/main_slide52.png) no-repeat; background-size:cover; background-position:center } /*현재 금융이랑 같이 사용*/ /*소액손해배상*/ /*음주운전*/ #section0 .slide_61 { background:url(/img/kb/main_slide61.png) no-repeat; background-size:cover; background-position:center } #section0 .slide_62 { background:url(/img/kb/main_slide62.png) no-repeat; background-size:cover; background-position:center } /*음주운전*/ /*이혼가사*/ #section0 .slide_71 { background:url(/img/kb/main_slide71.png) no-repeat; background-size:cover; background-position:center } #section0 .slide_72 { background:url(/img/kb/main_slide72.png) no-repeat; background-size:cover; background-position:center } /*이혼가사*/ /*학교폭력*/ #section0 .slide_81 { background:url(/img/kb/main_slide81.png) no-repeat; background-size:cover; background-position:center } #section0 .slide_82 { background:url(/img/kb/main_slide82.png) no-repeat; background-size:cover; background-position:center } /*학교폭력*/ /*형사*/ #section0 .slide_91 { background:url(/img/kb/main_slide91.png) no-repeat; background-size:cover; background-position:center } #section0 .slide_92 { background:url(/img/kb/main_slide92.png) no-repeat; background-size:cover; background-position:center } /*형사*/ /*회생·파산*/ #section0 .slide_101 { background:url(/img/kb/main_slide101.png) no-repeat; background-size:cover; background-position:center } #section0 .slide_102 { background:url(/img/kb/main_slide102.png) no-repeat; background-size:cover; background-position:center } #section1.sub101{ background: url(/img/kb/main_sec2_bg101.png) no-repeat; background-size: cover; background-position: center;} /*회생·파산*/ .circle-area { position: absolute; bottom: 5%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; z-index: 9; } .circle-area h1 { margin-bottom: 10px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 500; } .circle { display: flex; flex-direction: column; } .circle i { margin: -5px; font-size: 20px; animation: flashing 1s ease infinite alternate; color:#fff; } .circle i:nth-child(2) { animation-delay: 0.3s; } .circle i:last-child { animation-delay: 0.6s; } @keyframes flashing { 0% { opacity: 1; } 100% { opacity: 0.1; } } #menu { position: absolute; z-index: 9; display: flex; width: auto; height: 100%; align-items: flex-start; flex-direction: column; justify-content: center; margin-left: 40px; } #menu li, #menu li:hover { display: flex; border-radius: 30px; background: rgba(188, 160, 106,.0); border: solid 1px transparent; margin: 5px 10px; } #menu li a, #menu li a:hover { color: #ffffff; font-size: 14px; font-weight: 400; padding: 5px 15px; } #menu li.active { background: rgba(188, 160, 106,.0); border: solid 1px #e4c17d; } #menu li.active a, #menu li.active a:hover, #menu li a:hover { color: #e4c17d; font-weight: 400; padding: 5px 15px; } .sec1BottomSwiper2 .swiper-wrapper{ transition-timing-function: linear !important; /* 추가하기 */ } @media (max-width: 1700px) { #menu { display: none; } /* 누적상담 */ #nsection5 .sec-left{ padding-left:0px; width:40%;} #nsection5 .sec-right{width:60%;} #nsection5 .sec-right .csSwiper{width:100%;} } @media (max-width: 1500px) { /* 다른점 */ #nsection4 .list-differ{gap:30px;} #nsection4 .list-differ > li{width:calc((100% / 3) - 20px); width:-webkit-calc((100% / 3) - 20px);} /* 누적상담 */ #nsection5 .sec-left{ padding-left:80px;} #nsection5 .sec-right{padding-left:80px; padding-right:80px;} } @media (max-width: 1300px) { /* 다른점 */ #nsection4 .list-differ > li > i{width:45px; height:45px; line-height: 46px;} #nsection4 .list-differ > li h3{font-size:27px;} #nsection4 .list-differ > li p br{display:none;} /* 누적상담 */ #nsection5 .sec-left{ padding-left:60px; width:45%;} #nsection5 .sec-right{padding-left:60px; padding-right:60px; width:55%;} .csSwiper .swiper-slide{padding:10px 15px;} /* 온라인 상담신청 */ #nsection6 .contents_wrap.row{gap:50px;} } @media (max-width: 1200px) { #section0 .txt_wrap h3{font-size:45px;} #nsection1 .txt_wrap h3, #nsection1 .txt_wrap h3.font-a{font-size:50px;} #nsection1 .deco01:before{top:-19px; left:-34px; width:288px; height:95px;} /* 전담 분야 */ .list-business > li > a > span{font-size:21px;} /* 온라인 상담신청 */ #nsection6 .contents_wrap.row{gap:40px;} #nsection6 .cs-link, #nsection6 .form_wrap{width:-webkit-calc((100% / 2) - 20px); width:calc((100% / 2) - 20px);} .success-btn { display:none; } .tab_wrap.flex2 { justify-content: space-between; } } @media (max-width: 1024px) { #section0 .txt_wrap h3, #nsection3 .txt_wrap h3, #nsection8 .txt_wrap h3{font-size:50px;} #nsection1 .txt_wrap h3, #nsection1 .txt_wrap h3.font-a, #nsection2 .txt_wrap h3, #nsection4 .txt_wrap h3, #nsection11 .txt_wrap h3, #nsection6 .txt_wrap h3, #nsection7 .txt_wrap h3, #section3 .txt_wrap h3, #section5 .txt_wrap h3{font-size:45px;} #section0 .txt_wrap h3 br, #nsection1 .txt_wrap h3 br{display:none;} #nsection1 .txt_wrap h3 i.line:before{height:14px;} #nsection1 .deco01:before{top:-16px; left:-34px; width:260px; height:85px;} #nsection1 .txt_wrap h3.font-a{margin-top:10px;} /* 전담 분야 */ .list-business > li{width:-webkit-calc((100% / 4) - 9px); width:calc((100% / 4) - 9px);} .list-business > li > a > span{font-size:20px;} /* 다른점 */ #nsection4 .txt_wrap h3 i.line:before{height:14px;} #nsection4 .list-differ{gap:20px;} #nsection4 .list-differ > li{width:calc((100% / 3) - 13.5px); width:-webkit-calc((100% / 3) - 13.5px);} #nsection4 .list-differ > li > i{width:40px; height:40px; line-height: 41px; font-size:18px;} #nsection4 .list-differ > li h3{font-size:24px;} #nsection4 .list-differ > li h3 .font-b{font-size:34px;} /*#nsection4 .list-differ > li h3 br{display:none;}*/ #nsection4 .list-differ > li p{font-size:17px; line-height:1.5em;} /* 누적상담 */ #nsection5 .sec-left{padding: 0 40px; width:40%;} #nsection5 .sec-left .txt_wrap h3{font-size:35px;} #nsection5 .sec-right{padding-left:40px; padding-right:40px; width:60%;} /* 온라인 상담신청 */ #nsection6 .cs-link h3{font-size:30px;} #nsection6 .cs-link, #nsection6 .form_wrap{padding:40px;} #section0 .txt_wrap h3 i.line:before { height: 14px; } } @media all and (max-width:900px) { .circle-area { bottom: 30%; } #fullpage.new .section .inner { margin-top: 0px; } #fullpage.new #section0.section .inner { margin-top: -60px; } } @media (max-width: 860px) { /* #nsection2, #nsection3{display: block; width: 100%; height: auto !important; table-layout: fixed;} #nsection2 .fp-tableCell, #nsection3 .fp-tableCell{display:block; height:auto !important;} */ #section1, #section1 .fp-tableCell, #nsection2, #nsection2 .fp-tableCell, #nsection3, #nsection3 .fp-tableCell, #nsection4, #nsection4 .fp-tableCell, #nsection5, #nsection5 .fp-tableCell, #nsection6, #nsection6 .fp-tableCell, #nsection7, #nsection7 .fp-tableCell, #nsection8, #nsection8 .fp-tableCell, #section3, #section3 .fp-tableCell, #nsection11, #nsection11 .fp-tableCell{height:auto !important;} .sub_banner { margin-top: 120px; } .section .inner { height: auto; margin-top: 0; padding: 100px 0; } #section1.section.w.fp-auto-height .fp-tableCell { position: relative; top: -0px; } .section .mainSwiper .tit_main{margin-bottom:25px;} #section0 .txt_wrap h3, #nsection3 .txt_wrap h3, #nsection4 .txt_wrap h3, #nsection11 .txt_wrap h3, #nsection6 .txt_wrap h3, #nsection7 .txt_wrap h3, #nsection8 .txt_wrap h3, #section3 .txt_wrap h3, #section5 .txt_wrap h3{font-size:40px;} #section0 .txt_wrap em{margin-bottom:30px;padding:10px 20px; font-size:18px;} #section0 .txt_wrap p, #nsection3 .txt_wrap em, #nsection8 .txt_wrap em{margin-top:25px;font-size:18px;} #nsection1 .txt_wrap h3, #nsection1 .txt_wrap h3.font-a{font-size:40px;} #nsection1 .txt_wrap em{margin-top:25px;font-size:18px;} #nsection1 .deco01:before{top:-15px; left:-31px; width:240px; height:71px;} /* 전담 분야 */ #nsection2 .txt_wrap h3{font-size:40px;} .list-business > li{width:-webkit-calc((100% / 3) - 8px); width:calc((100% / 3) - 8px); height:75px;} .btn-more{margin:30px auto 0; width:160px; height:50px;} .btn-more > span{font-size:16px;} #nsection3 .deco03:after{width:37px; height:43px;} /* 다른점 */ #nsection4 .list-differ{gap:10px;} #nsection4 .list-differ > li{width:calc((100% / 3) - 6.8px); width:-webkit-calc((100% / 3) - 6.8px);} #nsection4 .list-differ > li > i{width:35px; height:35px; line-height: 36px; font-size:17px;} #nsection4 .list-differ > li h3{font-size:22px;} #nsection4 .list-differ > li h3 .font-b{font-size:30px;} #nsection4 .list-differ > li p{font-size:16px;} /* 누적상담 */ #nsection5 .sec-wrap{display:block;} #nsection5 .sec-left{margin:0 auto; width: calc(100% - 80px); padding: 100px 0 0; background:none; justify-content: center; text-align:center;} #nsection5 .sec-left .tit_center{justify-content: center;} #nsection5 .sec-left .txt_wrap h3{color:#111;} #fullpage.new #nsection5 .sec-left .txt_wrap h3 br{display:none;} #fullpage.new #nsection5 .sec-left .txt_wrap p br{display:none;} #nsection5 .sec-left .tit_center .txt em, #nsection5 .sec-left .tit_center .txt span{color:#111;} #nsection5 .sec-left .txt_wrap p{color:#111;} #nsection5 .sec-left .btn-more{border-color:#111; margin:30px auto 0;} #nsection5 .sec-left .btn-more > span{color:#111;} #nsection5 .sec-right{margin:30px auto 0; padding: 0 0 100px; width: calc(100% - 80px);} #nsection5 .cs-tit{width: 100%; justify-content: flex-end;} #nsection5 .cs-tit em{font-size:22px;} #nsection5 .cs-tit h3{font-size:40px;} #nsection5 .sec-right .csSwiper{height:310px;} /* 온라인 상담신청 */ #nsection6 .contents_wrap.row{gap:20px;} #nsection6 .cs-link, #nsection6 .form_wrap{padding:30px; width:-webkit-calc((100% / 2) - 10px); width:calc((100% / 2) - 10px);} #nsection6 .form_wrap h4{margin-bottom:15px;} #nsection6 .form_wrap .chk_box_wrap input{width:15px; height:15px;} #nsection6 .form_wrap .chk_box_wrap span, #nsection6 .form_wrap .chk_box_wrap a{font-size:15px;} #nsection6 .form_wrap input.g_counsel{margin-top:20px;} #nsection6 .cs-link h3{font-size:28px;} #nsection6 .cs-link__list{margin:20px 0 0;} #nsection6 .cs-link__list > li{height:60px; margin-bottom:10px;} #nsection6 .cs-link__list > li > a{font-size:18px;} #nsection8 .txt_wrap h3.font-c{margin-bottom:12px;} #nsection8 .txt_wrap h3 span i:before{top:-6px; width:8px; height:8px; margin-left:-4px;} #nsection5 .sec-right-area { width: 100%; } .fp-viewing-2 .tit_main, .fp-viewing-2 .sec1TopSwiper, .fp-viewing-2 .sec1BottomSwiper { width: 100%; } #section1 .swiper-slide .u_info { padding-left: 0; padding-right: 0; } #section1 .sec1BottomSwiper2 .swiper-slide .u_info { padding: 0px 0 0 0; } .pc-block { display:none; } .mo-block { display:block; } } @media all and (max-width: 768px){ .section .inner{padding:80px 0;} #fullpage.new .section .inner{gap:30px;} #fullpage.new .txt_wrap .tit_sub{margin-bottom:15px;} #section0 .txt_wrap h3, #nsection1 .txt_wrap h3, #nsection1 .txt_wrap h3.font-a, #section1 .txt_wrap h3, #nsection2 .txt_wrap h3, #nsection3 .txt_wrap h3, #nsection4 .txt_wrap h3, #nsection11 .txt_wrap h3, #nsection6 .txt_wrap h3, #nsection7 .txt_wrap h3, #nsection8 .txt_wrap h3, #section3 .txt_wrap h3, #section5 .txt_wrap h3{font-size:35px;} #nsection1 .txt_wrap h3 i.line:before{height:10px;} #nsection1 .deco01:before{top:-13px; width:214px; height:67px;} /* 전담 분야 */ .list-business > li > a > span{font-size:18px;} #nsection3 .deco03:after{top:-22px; right:-18px; width:30px; height:34px;} /* 다른점 */ #nsection4 .txt_wrap h3 i.line:before{height:10px;} #nsection4 .list-differ{gap:10px; flex-direction: column;} #nsection4 .list-differ > li{width:100%; height:auto; padding:16px;} #nsection4 .list-differ > li > i{margin-bottom:6px;} #nsection4 .list-differ > li p{margin-top:8px; width:80%;display:none;} #nsection5 .sec-left{padding:80px 0 0;} .sec-left .txt_wrap p{margin-top:15px;} .sec-left .txt_wrap p br{display:block;} #nsection5 .sec-right{padding:0 0 80px;} #nsection5 .cs-tit em{font-size:18px;} #nsection5 .cs-tit h3{font-size:35px;} /* 온라인 상담신청 */ #nsection6 .contents_wrap.row{flex-direction: column;} #nsection6 .cs-link, #nsection6 .form_wrap{padding:30px; width:100%;} #nsection6 .form_wrap .chk_box_wrap{margin-top:15px;} .tit_main, .sec1TopSwiper, .sec1BottomSwiper{transition-delay:0.5s;} .section .txt_wrap h3{transition-delay:0.3s;} #nsection3 .txt_wrap h3.ani2{transition-delay:0.4s;} .list-business{transform: translateY(20px); transition-delay:0.5s;} #fullpage.new .section:not(#section0) .txt_wrap .tit > p, #fullpage.new .section:not(#section0) .txt_wrap .tit > em{transition-delay:0.5s;} .btn-more{transition-delay:0.8s;} #nsection4 .list-differ > li:nth-child(1){transition-delay:0.5s;} #nsection4 .list-differ > li:nth-child(2){transition-delay:0.7s;} #nsection4 .list-differ > li:nth-child(3){transition-delay:0.9s;} #fullpage.new #nsection4 .txt_wrap .tit br{display:block;} .tit_main{transition-delay:0s;} .csSwiper{transform: translateY(30px); transition-delay:1s;} #nsection5 .cs-tit{transform: translateY(20px); transition-delay:0.9s;} #nsection5.active .csSwiper, #nsection5 .cs-tit{transform: translateY(0);} #nsection6 .cs-link{transform: translateY(-30px); transition-delay: 0.5s;} #nsection6 .form_wrap{transform: translateY(-30px);} #nsection6.active .cs-link, #nsection6.active .form_wrap{transform: translateY(0px);} #nsection7 .bocast-top, #nsection7 .bocastSwiper, #section3 .tab_wrap, #section3 .sec3Swiper, #section3 .btn-more__link, #section5 .tab_wrap, #section5 .map_wrap{transition-delay: 0.5s;} #nsection7.active .bocast-top, #nsection7.active .bocastSwiper, #section3.active .tab_wrap, #section3.active .sec3Swiper, #section3.active .btn-more__link, #section5.active .tab_wrap, #section5.active .map_wrap{transition-delay: 0.6s;} .section .tit_sub p{transition-delay:0s;} #section0 .txt_wrap h3 i.line:before { height: 10px; } } @media all and (max-width: 620px){ .section .inner{padding:50px 0;} #section0 .txt_wrap h3, #nsection1 .txt_wrap h3, #nsection1 .txt_wrap h3.font-a, #section1 .txt_wrap h3, #nsection2 .txt_wrap h3, #nsection3 .txt_wrap h3, #nsection4 .txt_wrap h3, #nsection11 .txt_wrap h3, #nsection5 .sec-left .txt_wrap h3, #nsection6 .txt_wrap h3, #nsection7 .txt_wrap h3, #nsection8 .txt_wrap h3, #section3 .txt_wrap h3, #section5 .txt_wrap h3{font-size:30px;} .section .mainSwiper .tit_main{margin-bottom:20px;} .section .mainSwiper .tit_main img{height:auto;} #section0 .txt_wrap em{margin-bottom:20px; padding:8px 15px; font-size:16px;} #section0 .txt_wrap p, #nsection1 .txt_wrap em, #nsection3 .txt_wrap em, #nsection5 .sec-left .txt_wrap p, #nsection8 .txt_wrap em{margin-top:15px; font-size:15px;} #nsection5 .sec-left .txt_wrap p br{display:block;} .tit_center{gap:10px;} .tit_center .img img{height:32px;} .tit_center .txt span{font-size:16px;} #nsection5 .tit_center .img img{height:auto;} #nsection1 .txt_wrap h3 i.line:before{bottom:0;} #nsection1 .deco01:before{top:-11px; left:-31px; width:194px; height:56px;} /* 전담 분야 */ .list-business{gap:10px;} .list-business > li{width:-webkit-calc((100% / 2) - 5px); width:calc((100% / 2) - 5px); height:75px;} .list-business > li > a > span{font-size:17px;} .sec-left .tit_center{margin-bottom:20px;} #nsection5 .sec-left{padding:50px 0 0;} #nsection5 .sec-left .btn-more{margin:20px auto 0;} #nsection5 .sec-right{padding:0 0 50px;} /* 온라인 상담신청 */ #nsection6 .contents_wrap.row{gap:12px;} #nsection6 .cs-link h3{font-size:25px;} #nsection8 .txt_wrap h3.font-c{margin-bottom:10px;} #nsection8 .txt_wrap h3 span i:before{top:-5px; width:6px; height:6px; margin-left:-3px;} #section11 .swiper .success_con{ flex-direction: column; } #section11 .swiper .success_con .img_wrap{ margin: 0 auto; } #section11 .swiper .success_con .txt_wrap{ width: 100%; } .section .mainSwiper .txt_wrap h5.fs-30{ font-size: 3.6vw; line-height: 5vw; } #nsection11 .swiper-pagination{margin-top:12px; display: none;} .tab_wrap { gap: 6px; display: flex; flex-wrap: nowrap; } .tab_wrap li{font-size:15px; padding:5px 8px;} } @media all and (max-width: 560px){ .sec1BottomSwiper{height:165px;} #nsection4 .list-differ > li p{width:100%;} } @media all and (max-width: 500px){ .section .tit_sub p, .section .txt_wrap h3 { opacity: 0; transform: translateY(20px); } } @media all and (max-width: 520px){ #nsection5 .cs-tit{margin-bottom:10px;} #nsection5 .sec-left{width: calc(100% - 36px);} #nsection5 .sec-right{margin:20px auto 0; width: calc(100% - 36px);} #nsection5 .cs-tit em{font-size:18px;} #nsection5 .cs-tit h3{font-size:25px;} } @media all and (max-width: 500px){ #fullpage.new{overflow-y: initial;} #fullpage.new .section .inner{gap:20px;} .section .tit_sub p{letter-spacing: 1.5vw;} #fullpage.new .txt_wrap .tit_sub{margin-bottom:0px;} /* #center_head h3{ font-size: 5vw; } */ .section .inner { margin-top: 0; } #section0 .txt_wrap h3, #nsection1 .txt_wrap h3, #nsection1 .txt_wrap h3.font-a, #section1 .txt_wrap h3, #nsection2 .txt_wrap h3, #nsection3 .txt_wrap h3, #nsection4 .txt_wrap h3, #nsection11 .txt_wrap h3, #nsection5 .sec-left .txt_wrap h3, #nsection6 .txt_wrap h3, #nsection7 .txt_wrap h3, #nsection8 .txt_wrap h3, #section3 .txt_wrap h3, #section5 .txt_wrap h3{font-size:25px;} .section .mainSwiper .tit_main{margin-bottom:15px;} #section0 .txt_wrap em{margin-bottom:15px; padding:6px 12px; font-size:15px;} #section0 .txt_wrap p, #nsection1 .txt_wrap em, #nsection3 .txt_wrap em, #nsection5 .sec-left .txt_wrap p, #nsection8 .txt_wrap em{margin-top:10px; font-size:14px;} .tit_center{gap:7px; margin-bottom:15px;} .tit_center .img img{height:28px;} .tit_center .txt em{font-size:11px;} .tit_center .txt span{font-size:15px;} .btn-more{margin:20px auto 0; width:120px; height:40px;} .btn-more > span{font-size:15px;} #nsection1 .txt_wrap h3 i.line:before{height:8px;} #nsection1 .deco01:before{top:-9px; width:169px; height:47px;} #nsection3 .deco03:after{top:-15px; right:-15px; width:22px; height:22px;} #nsection3 .deco03:before{left:1px; bottom:-12px; height:18px;} /* 다른점 */ #nsection4 .txt_wrap h3 i.line:before{height:8px;} #nsection4 .list-differ > li > i{width:30px; height:30px; line-height: 31px; font-size:16px;} #nsection4 .list-differ > li h3{font-size:20px;} #nsection4 .list-differ > li h3 .font-b{font-size:27px;} #nsection4 .list-differ > li p{margin-top:4px; font-size:15px;} #nsection8 .txt_wrap h3.font-c{margin-bottom:8px;} #nsection8 .txt_wrap h3 span i:before{top:-3px; width:4px; height:4px; margin-left:-2px;} #nsection8 .txt_wrap h3 span:before{bottom:-10px;} /* 성공사례 */ #fullpage.new #nsection11 .inner{gap:20px;} #nsection11 .swiper .title{font-size:17px; min-height:43px;} #nsection11 .swiper .success_con .img_wrap{height:100%;} #nsection11 .swiper .success_con .txt_wrap{padding:15px;} #nsection11 .swiper .lawyers{height:40px; gap:6px;} #nsection11 .swiper .lawyers .item{width:40px; height:40px;} #nsection11 .swiper .lawyers .tooltip{width:95%;} #nsection11 .swiper-pagination-bullet{width:8px; height:8px;} .success-btn, .btn-more__link{top:-25px;} .success-btn > a, .btn-more__link > a{font-size:14px;} /* 실시간 문의*/ .sec-left .tit_center{margin-bottom:15px;} .csSwiper .swiper-slide{padding:10px;} .csSwiper .swiper-slide .data{font-size:13px;} .csSwiper .swiper-slide .subject{font-size:14px;} .csSwiper .swiper-slide .state{font-size:13px; padding:3px; width:60px; height:26px;} #nsection5 .sec-left .btn-more{margin:15px auto 0;} #fullpage.new #nsection5 .sec-left .txt_wrap p br{display:block;} /* 온라인 상담신청 */ #nsection6 .contents_wrap.row{gap:10px;} #nsection6 .cs-link h3{font-size:22px;display:none;} #nsection6 .cs-link__list{margin:0px 0 0;} #nsection6 .cs-link__list > li{height:50px;} #nsection6 .cs-link__list > li > a{font-size:16px;} #nsection6 .form_wrap h4{font-size:22px;} #nsection6 .form_wrap .line_con{margin:6px 0;} #nsection6 .form_wrap .label_wrap input{height:45px; font-size:15px;} #nsection6 .form_wrap .chk_box_wrap{margin-top:10px;} #nsection6 .form_wrap .chk_box_wrap input{position:relative; top:2px;} #nsection6 .form_wrap .chk_box_wrap span, #nsection6 .form_wrap .chk_box_wrap a{font-size:14px;} #nsection6 .form_wrap input.g_counsel{margin-top:15px; height:50px; font-size:16px;} /* #fullpage.new .section:not(#section0) .txt_wrap .tit > p, #fullpage.new .section:not(#section0) .txt_wrap .tit > em{ opacity: 1; transform: translateY(0); transition-duration: 0s; transition-delay:0s; } */ #section0 .txt_wrap h3 i.line:before { height: 8px; } #nsection11 .swiper .pan { font-size: 13px; } .swiper-wrapper { width: auto; margin: 0 auto; } } @media all and (max-width: 490px){ .sec1BottomSwiper{height:auto;} #section1.section.w.fp-auto-height.skip { height: auto !important; } #section1.section.w.fp-auto-height.skip { margin: 0px 0 0px 0; padding: 0 0 0px 0; overflow-y: auto; /*height: 160px !important;*/ } .sec1BottomSwiper2 img { height: 100%; /*max-height: 160px;*/ } .sec1BottomSwiper2 { margin-top: 60px; margin-bottom: 60px; } } @media all and (max-width: 450px){ #fullpage.new #nsection3 .txt_wrap .tit h3 br{display:block;} #nsection6 .cs-link, #nsection6 .form_wrap{padding:20px;} } @media all and (max-width: 400px){ .csSwiper .swiper-slide .data{display:none;} #nsection6 .cs-link h3, #nsection6 .form_wrap h4{font-size:20px;} #fullpage.new #nsection8 .txt_wrap .tit br{display:block;} #nsection8 .txt_wrap h3.font-c{margin-bottom:2px;} #nsection8 .txt_wrap h3 span{display:inline-block; margin-top:6px;} } @media all and (max-width: 370px){ #section11 .swiper .success_con .img_wrap{ width: 100%; height: auto; } .sec1BottomSwiper{height:110px;} } .aside{z-index:0; opacity:0.0; transition-property: all; transition-duration: 0.3s;} .fp-viewing-2 .aside, .fp-viewing-3 .aside, .fp-viewing-4 .aside, .fp-viewing-5 .aside, .fp-viewing-6 .aside, .fp-viewing-7 .aside, .fp-viewing-8 .aside, .fp-viewing-9 .aside, .fp-viewing-10 .aside, .fp-viewing-11 .aside, .fp-viewing-12 .aside, .fp-viewing-13 .aside, .fp-viewing-14 .aside { z-index:50; opacity:1.0; transition-property: all; transition-duration: 0.3s; } .aside{bottom:100px !important;} #quick-cs{z-index:0; opacity:0.0; transition-property: all; transition-duration: 0.3s;} .fp-viewing-2 #quick-cs, .fp-viewing-3 #quick-cs, .fp-viewing-4 #quick-cs, .fp-viewing-5 #quick-cs, .fp-viewing-6 #quick-cs, .fp-viewing-7 #quick-cs, .fp-viewing-8 #quick-cs, .fp-viewing-9 #quick-cs, .fp-viewing-10 #quick-cs, .fp-viewing-11 #quick-cs, .fp-viewing-12 #quick-cs, .fp-viewing-13 #quick-cs, .fp-viewing-14 #quick-cs { z-index:50; opacity:1.0; transition-property: all; transition-duration: 0.3s; } #quick-cs{position:fixed; left:0; bottom:0; display: flex; width:100%; height:80px; background:#1c1c1c;} #quick-cs .cs-num{display:flex; justify-content: center; align-items: center; gap:10px; width:315px; height:100%; background:#bca06a; padding:10px; box-sizing:border-box;} #quick-cs .cs-num > span{position:relative; font-size:21px; font-weight:600; color:#fff; line-height:1em; word-break:keep-all;} #quick-cs .cs-num > span:before{content:''; display:inline-block; position:relative; top:3px; margin-right:5px; width:18px; height:18px; background:url(../../img/kb/ic-call-wt.svg)no-repeat center; background-size:contain;} #quick-cs .cs-num > a{position:relative; top:2px; font-size:21px; padding:10px; font-weight:600; color:#fff; font-size:21px; font-weight:600; color:#fff; line-height:1em; word-break:keep-all; box-sizing:border-box;} #quick-cs .form-wrap{width:calc(100% - 315px);} #quick-cs .form-wrap form{display:flex; width:100%; height:100%;} #quick-cs .form-wrap form fieldset{display:flex; justify-content: center; align-items: center; gap:30px; width:calc(100% - 315px); width:-webkit-calc(100% - 315px); height:100%;} #quick-cs .form-wrap form fieldset .label_wrap{display:flex; align-items: center; gap:10px;} #quick-cs .form-wrap form fieldset .label_wrap label{display:inline-block; font-size:17px; font-weight:600; color:#fff; line-height:1em;} #quick-cs .form-wrap form fieldset .label_wrap input{display:block; padding:10px; width:200px; height:40px; border-radius:5px; box-sizing:border-box; border:none; font-size:15px; color:#333; line-height:1em; word-break:keep-all;} #quick-cs .chk_box_wrap input[type=checkbox]{width:18px; height:18px;} #quick-cs .cs-btn{display:flex; justify-content: center; align-items: center; gap:10px; width:315px; height:100%; background:#bca06a; padding:10px; box-sizing:border-box; border:none; font-size:22px; font-weight:bold; line-height:1em; word-break:keep-all; color:#fff;} #quick-cs .ckbox{display:flex; align-items: center; gap:5px;} #quick-cs .ckbox em{font-size:15px; font-weight:300; color:#fff; opacity:0.8;} #quick-cs .ckbox input[type='checkbox']{display:none;} .chk_box_wrap { z-index: 2; display: flex; align-items: center; } .checkmark::before { content: ''; display: block; display: inline-block; width: 18px; height: 18px; background-color: #fff; box-sizing: border-box; position: relative; cursor: pointer; border-radius: 3px; } .chk_box_wrap input:checked + .checkmark::before { background: #bca06a url(../../img/kb/ic-chk.svg)no-repeat center; background-size: 10px auto; border: none; } @media (max-width: 900px) { .ft.aside .aside-item{display:none !important;} #quick-cs, #top_btn{display:none;} }