/* BASIC css start */ /*우측상단 아이콘 변경*/ .slick-dots {display: flex; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; } .slick-dots li + li{ margin-left: 10px;} .slick-dots button {font-size: 0; border: none; outline: none ; width: 8px ; height: 8px; background-color: rgba(255,255,255,.5); border-radius: 50%;} .slick-dots .slick-active button { background-color: rgba(255,255,255,1);} #header .headerTop ul.Topicons li a img {display:none;} #header .headerTop ul.Topicons li a {display: inline-block;width: 20px; height: 33px;} body.fp-viewing-page1 #header .headerTop ul.Topicons li:nth-child(1) a {background: url(//www.shaclara.com/design/shaclara/pc/img/mypage_white.png) center center no-repeat;} body.fp-viewing-page1 #header .headerTop ul.Topicons li:nth-child(2) a {background: url(//www.shaclara.com/design/shaclara/pc/img/buy_white.png) center center no-repeat;} body.fp-viewing-page1 #header .headerTop ul.Topicons li:nth-child(3) a {background: url(//www.shaclara.com/design/shaclara/pc/img/login_white.png) center center no-repeat;} body.fp-viewing-page1 #header .headerTop ul.Topicons li:nth-child(4) a {background: url(//www.shaclara.com/design/shaclara/pc/img/research_white.png) center center no-repeat;} body.fp-viewing-page2 #header .headerTop ul.Topicons li:nth-child(1) a {background: url(//www.shaclara.com/design/shaclara/pc/img/mypage_white.png) center center no-repeat;} body.fp-viewing-page2 #header .headerTop ul.Topicons li:nth-child(2) a {background: url(//www.shaclara.com/design/shaclara/pc/img/buy_white.png) center center no-repeat;} body.fp-viewing-page2 #header .headerTop ul.Topicons li:nth-child(3) a {background: url(//www.shaclara.com/design/shaclara/pc/img/login_white.png) center center no-repeat;} body.fp-viewing-page2 #header .headerTop ul.Topicons li:nth-child(4) a {background: url(//www.shaclara.com/design/shaclara/pc/img/research_white.png) center center no-repeat;} body.fp-viewing-page3 #header .headerTop ul.Topicons li:nth-child(1) a {background: url(//www.shaclara.com/design/shaclara/pc/img/mypage_white.png) center center no-repeat;} body.fp-viewing-page3 #header .headerTop ul.Topicons li:nth-child(2) a {background: url(//www.shaclara.com/design/shaclara/pc/img/buy_white.png) center center no-repeat;} body.fp-viewing-page3 #header .headerTop ul.Topicons li:nth-child(3) a {background: url(//www.shaclara.com/design/shaclara/pc/img/login_white.png) center center no-repeat;} body.fp-viewing-page3 #header .headerTop ul.Topicons li:nth-child(4) a {background: url(//www.shaclara.com/design/shaclara/pc/img/research_white.png) center center no-repeat;} body.fp-viewing-page4 #header .headerTop ul.Topicons li:nth-child(1) a {background: url(//www.shaclara.com/design/shaclara/pc/img/mypage_white.png) center center no-repeat;} body.fp-viewing-page4 #header .headerTop ul.Topicons li:nth-child(2) a {background: url(//www.shaclara.com/design/shaclara/pc/img/buy_white.png) center center no-repeat;} body.fp-viewing-page4 #header .headerTop ul.Topicons li:nth-child(3) a {background: url(//www.shaclara.com/design/shaclara/pc/img/login_white.png) center center no-repeat;} body.fp-viewing-page4 #header .headerTop ul.Topicons li:nth-child(4) a {background: url(//www.shaclara.com/design/shaclara/pc/img/research_white.png) center center no-repeat;} body.fp-viewing-page5 #header .headerTop ul.Topicons li:nth-child(1) a {background: url(//www.shaclara.com/design/shaclara/pc/img/mypage_white.png) center center no-repeat;} body.fp-viewing-page5 #header .headerTop ul.Topicons li:nth-child(2) a {background: url(//www.shaclara.com/design/shaclara/pc/img/buy_white.png) center center no-repeat;} body.fp-viewing-page5 #header .headerTop ul.Topicons li:nth-child(3) a {background: url(//www.shaclara.com/design/shaclara/pc/img/login_white.png) center center no-repeat;} body.fp-viewing-page5 #header .headerTop ul.Topicons li:nth-child(4) a {background: url(//www.shaclara.com/design/shaclara/pc/img/research_white.png) center center no-repeat;} #header .headerGnb .gnbInner > ul > li > a{ color: #fff!important;} #header{background: none !important;} #footer .f_text,#footer .f_text a,.language span,.language.active ul li a { color: #000000ae !important;} } body.fp-viewing-page2 #header .headerGnb .gnbInner, body.fp-viewing-page3 #header .headerGnb .gnbInner, body.fp-viewing-page4 #header .headerGnb .gnbInner, body.fp-viewing-page5 #header .headerGnb .gnbInner{display:none} body.fp-viewing-page2 #header, body.fp-viewing-page3 #header, body.fp-viewing-page4 #header, body.fp-viewing-page5 #header{height: 118px;} body.fp-viewing-page1 #fullpage{transform: translate3d(0px, 0px, 0px) !important;} body.fp-viewing-page1 #header{height: 172px;} #fp-nav ul li{margin:10px !Important} #main #header { position:fixed !important; background: none !important; width: 100%; z-index: 2;}*/ #fullpage{} #fullpage .section{padding: 0 !important; border: 0 !important;} #fullpage .section a{display:block; width:100%;height:100%} #fullpage .section a img{_width:100%; opacity:0 ;height:100%} #fullpage .section[data-anchor="page5"] .fp-tableCell{ display: block; margin:50px 0;} #fullpage .section[data-anchor="page5"], #fullpage .section[data-anchor="page5"] .fp-tableCell{height: auto !important;} #fp-nav ul li a.active span.fp-sr-only,#fp-nav ul li .fp-tooltip.fp-right{display:none} #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{ border: 0 !important; width: 11px !important; height: 11px !important; background: #000 !important; margin: -1px !important; transition: none !IMPORTANT;} #fp-nav ul li a span, .fp-slidesNav ul li a span{ width: 9px !important; height: 9px !important; background: none !important; margin: -1px !important; border: 1px solid #000 !important; -webkit-transition: none !important; margin: -1px !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important;} #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip{ -webkit-transition: none !important; margin: -1px !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important;} #main .main_img {margin-top: -25px;} #main{padding:109px 0 0;} #main .sec01{position: relative; width:100%;} #main .sec01 img{width:100%;} #main .sec01 .list_wrap{flex-wrap: wrap; gap:17px;} #main .sec01 .list_wrap > li{flex-basis:calc(33.33% - 11.3px);} #main .sec02{position: relative; text-align: center; padding:115px 0 0;} #main .sec02 *{font-family: "HelveticaNeue-MediumCond";} #main .sec02 .title_wrap h2{color:#000000; font-size:45px; font-weight: 500;} #main .sec02 .txt_wrap{color:#000000; font-size:22px; font-weight: 500; line-height: 1.36; padding:43px 0 0;} #main .sec03{position: relative; width: 100%; padding:121px 0 0;} #main .sec03 img{width: 100%;} #main .sec03 .list_wrap{flex-wrap: wrap; gap:22px; padding:0 178px;} #main .sec03 .list_wrap > li{flex-basis:calc(50% - 11px);} /* BASIC css end */