a{
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
.blind{
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  z-index: -1;
}
.br6{
  border-radius: 6px;
}
.m0auto24{
  margin: 0 auto 24px;
}
.m0auto120{
  margin: 0 auto 120px;
}
.cat{
  font-size: 15px;
  font-weight: bold;
}
.cat-title{
  font-size: 38px;
  font-weight: bold;
}
body{
 font-family: 'Spoqa Han Sans Neo', 'malgun gothic', sans-serif;
 letter-spacing: -0.03em;
 color: #1b2529;
}
header{
  width: 100%;
  border-bottom: 1px solid #e8ecee;
}
.header-wrap{
  width: 1400px; height: 100px;
  margin: 0 auto;
  padding-top: 48px;
  box-sizing: border-box;
}
h1, nav{
  float: left;
}
nav{
  margin-left: 131px;
}
nav ul{
  display: flex;
  justify-content: start;
  gap: 50px;
  padding-top: 4px;
  font-size: 18px;
  font-weight: bold;
}
nav li{
  padding: 0 10px;
}
.drop-menu-wrap{
  display: none;
  position: absolute;
  left: 0; top: 100px;
  width: 100%;
  padding: 20px 0 21px;
  background: #fff;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
nav > ul > li > a:hover{
  color: #00a8e3;
}
nav > ul > li > a::after{
  content: "";
  display: block;
  width: 0; height: 2px;
  margin-top: 27px;
  background: #00a8e3;
  transition: all .25s;
}
nav > ul > li > a:hover::after{
  content: "";
  display: block;
  width: 100%; height: 2px;
  background: #00a8e3;
}
.drop-menu{
  display: flex;
  width: 920px;
  margin: 0 auto;
}
.drop-menu dl{
  line-height: 25px;
}
.drop-menu dt{
  padding: 11px 0 14px;
  font-size: 16px;
}
.drop-menu dd{
  padding: 8px 0;
  font-size: 15px;
  font-weight: normal;
}
.drop-menu dd:first-child{
  padding: 11px 0 8px;
}
.drop-menu a{
  width: 190px;
}
.drop-menu .recom::after,
.drop-menu .heart::after,
.drop-menu .live::after{
  content: "";
  display: inline-block;
  width: 18px; height: 18px;
  margin-left: 5px;
  background: url(../images/icons/ico_recom.svg) no-repeat center center/20px auto;
  vertical-align: -3px;
}
.drop-menu .heart::after{
  background: url(../images/icons/ico_heart.svg) no-repeat center center/20px auto;
}
.drop-menu .live::after{
  width: 37px; height: 17px;
  background: url(../images/icons/ico_live.svg) no-repeat center center/37px auto;
}
.sub-menu{
  float: right;
  position: relative;
  width: 136px; height: 100%;
}
.global-wrap{
  display: flex;
  justify-content: end;
  position: absolute;
  right: 0; top: -32px;
  font-size: 14px;
  line-height: 22px;
  color: #90a0a6;
}
.global-wrap > li ~ li::before{
  content: "";
  display: inline-block;
  width: 1px; height: 10px;
  margin: 0 7px 0 9px;
  background: #90a0a6;
}
.lang-select{
  display: none;
  position: absolute;
  top: 28px; right: -8px;
  width: 254px; height: 479px;
  padding: 5px 10px 25px 20px;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 0 6px rgba(0, 0, 0, .1);
  z-index: 10;
}
.lang-select.active{
  display: block;
}
.lang-select .lang-close{
  position: absolute;
  top: 15px; right: 15px;
}
.lang-select h2{
  padding-top: 17px;
  font-size: 15px;
  font-weight: bold;
  color: #1b2529;
}
.lang-select ul{
  width: 222px; height: 392px;
  margin-top: 17px;
  font-size: 13px;
  line-height: 22px;
  color: #1b2529;
  overflow-y: scroll;
}
.lang-select ul::-webkit-scrollbar{
  width: 2px;
  background: #f2f4f5;
}
.lang-select ul::-webkit-scrollbar-thumb{
  background: #1b2529;
}
.lang-select li{
  width: 220px;
  padding: 0 8px;
  box-sizing: border-box;
}
.lang-select li ~ li{
  padding-top: 24px;
}
.lang-select li p{
  display: inline-block;
  width: 161px;
}
.lang-select li a.flag::before{
  content: "";
  display: inline-block;
  width: 32px; height: 21px;
  margin-right: 11px;
  background: url(../images/flag/AU_1.png) no-repeat center center/cover;
  vertical-align: top;
}
.lang-select li a.flag.cn::before{
  background: url(../images/flag/CN_1.png) no-repeat center center/cover;
}
.lang-select li a.flag.do::before{
  background: url(../images/flag/DO_1.png) no-repeat center center/cover;
}
.lang-select li a.flag.de::before{
  background: url(../images/flag/DE_1.png) no-repeat center center/cover;
}
.lang-select li a.flag.in::before{
  background: url(../images/flag/IN_1.png) no-repeat center center/cover;
}
.lang-select li a.flag.id::before{
  background: url(../images/flag/ID_1.png) no-repeat center center/cover;
}
.lang-select li a.flag.jp::before{
  background: url(../images/flag/JP_1.png) no-repeat center center/cover;
}
.lang-select li a.flag.my::before{
  background: url(../images/flag/MY_1.png) no-repeat center center/cover;
}
.lang-select li a.flag.se::before{
  background: url(../images/flag/SE_1.png) no-repeat center center/cover;
}
.lang-select li a.flag.th::before{
  background: url(../images/flag/TH_1.png) no-repeat center center/cover;
}
.lang-select li a.flag.gb::before{
  background: url(../images/flag/GB_1.png) no-repeat center center/cover;
}
.lang-select li a.flag.us::before{
  background: url(../images/flag/US_1.png) no-repeat center center/cover;
}
.lang-select li a.flag.vn::before{
  background: url(../images/flag/VN_1.png) no-repeat center center/cover;
}
.lang-select li a.flag.inter::before{
  background: url(../images/flag/00_1.png) no-repeat center center/cover;
}
.lang-select span ~ span::before{
  content: "";
  display: inline-block;
  width: 1px; height: 16px;
  margin: 0 3px 0 5px;
  background: #e1e6e8;
  vertical-align: middle;
}
.sub-menu .btn-wrap{
  display: flex;
  justify-content: end;
  gap: 20px;
  position: absolute;
  right: 0; top: -5px;
}
.sub-menu .btn-wrap .cart::after{
  content: "0";
  display: inline-block;
  position: absolute;
  right: -10px; top: -2px;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: #00a8e3;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  color: #fff;
}
.main-wrap{
  width: 100%; max-width: 1880px;
  margin: 20px auto 0;
}
.slider-wrap{
  position: relative;
}
.slider-main{
  position: relative;
  height: 700px;
}
.slider-main .slick-track{
  height: 700px;
}
.slider-main button.slick-arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 19px; height: 35px;
  border: none;
  font-size: 0;
  cursor: pointer;
  z-index: 5;
}
.slider-main button.slick-arrow.slick-prev{
  left: 50%;
  transform: translateX(-689px);
  background: url(../images/icons/arr_slide_l2.png) no-repeat center center;
}
.slider-main button.slick-arrow.slick-next{
  left: 50%;
  transform: translateX(672px);
  background: url(../images/icons/arr_slide_r2.png) no-repeat center center;
}
.slider-main .slick-dots{
  position: absolute;
  left: 50%; bottom: 31px;
  transform: translateX(-50%);
  width: 420px; height: 2px;
  background: rgba(255, 255, 255, .4);
  font-size: 0;
}
.slider-main .slick-dots li{
  position: absolute;
  left: 0;
}
.slider-main .slick-dots li button{
  display: none;
  width: calc(420px / 3 * 1); 
  height: 2px;
  border: none;
  font-size: 0;
}
.slider-main .slick-dots li:nth-child(2) button{
  width: calc(420px / 3 * 2); 
}
.slider-main .slick-dots li:nth-child(3) button{
  width: calc(420px / 3 * 3); 
}
.slider-main .slick-dots li.slick-active button{
  display: block;
  background: #1b2529;
}
.slider-main .slider01{
  background: url(../images/slider_main/736_pcattimg_org.jpg) no-repeat center center/cover;
}
.slider-main .slider02{
  background: url(../images/slider_main/725_pcattimg_org.png) no-repeat center center/cover;
}
.slider-main .slider03{
  background: url(../images/slider_main/754_pcattimg_org.jpg) no-repeat center center/cover;
}
.slider-main .slider-content{
  position: relative;
}
.slider-main a{
  position: absolute;
  top: 243px; left: 341px;
}
.slider-main em{
  font-size: 20px;
}
.slider-main h2{
  padding: 16px 0 34px;
  font-size: 50px;
  font-weight: bold;
  line-height: 68px;
}
.view-detail{
  font-size: 15px;
  font-weight: bold;
}
.view-detail::after{
  content: "";
  display: inline-block;
  width: 12px; height: 13px;
  margin-left: 6px;
  background: url(../images/icons/arr_btnTxt2.png) no-repeat center center;
}
.slider-btn-wrap{
  position: absolute;
  left: 50%; bottom: 27px;
  width: 8px; height: 10px;
  transform: translateX(220px);
}
.slider-btn-wrap button{
  display: none;
  position: absolute;
  width: 8px; height: 10px;
  padding: 0;
  border: none;
  font-size: 0;
}
.slider-btn-wrap button.active{
  display: block;
}
.slider-btn-wrap .play{
  background: url(../images/icons/ico_play2.png) no-repeat center center;
}
.slider-btn-wrap .stop{
  background: url(../images/icons/ico_pause2.png) no-repeat center center;
}
.smart{
  height: 340px;
  padding-top: 65px;
  background: #7dc2df;
  box-sizing: border-box;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.smart ul{
  display: flex;
  justify-content: center;
}
.smart a{
  width: 200px;
}
.smart li a::before{
  content: "";
  display: block;
  width: 56px; height: 56px;
  margin: 67px auto 15px; 
  background: url(../images/icons/1_attimg_org.png) no-repeat center center/contain;
}
.smart li:nth-child(2) a::before{
  background: url(../images/icons/4_attimg_org.png) no-repeat center center/contain;
}
.smart li:nth-child(3) a::before{
  background: url(../images/icons/2_attimg_org.png) no-repeat center center/contain;
}
.smart li:nth-child(4) a::before{
  background: url(../images/icons/3_attimg_org.png) no-repeat center center/contain;
}
.smart li:nth-child(5) a::before{
  background: url(../images/icons/5_attimg_org.png) no-repeat center center/contain;
}
.smart li:nth-child(6) a::before{
  background: url(../images/icons/6_attimg_org.png) no-repeat center center/contain;
}
.smart li p:last-child{
  font-size: 14px;
  font-weight: normal;
  opacity: .5;
}
.survey{
  height: 690px;
  padding-top: 50px;
  background: #f2f4f5;
  box-sizing: border-box;
}
.survey .contentWrap p{
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  line-height: 66px;
}
.survey .contentWrap p a{
  position: relative;
  margin: 0 11px 0 3px;
  color: #00a8e3;
}
.survey .contentWrap p a::before{
  content: "";
  display: block;
  position: absolute;
  bottom: 11px;
  width: 100%; height: 2px;
  background: #00a8e3;
}
.survey .contentWrap p a::after{
  content: "";
  display: inline-block;
  width: 14px; height: 9px;
  margin-left: 9px;
  background: url(../images/icons/arr_down5.png) no-repeat center center;
  vertical-align: 8px;
}
.survey .btn-wrap{
  display: flex;
  justify-content: center;
  gap: 5px;
  padding: 38px 0 64px;
}
.survey .btn-wrap a{
  width: 180px; height: 54px;
  border-radius: 27px;
  box-sizing: border-box;
  font-weight: bold;
  text-align: center;
  line-height: 54px;
}
.survey .btn-wrap a.others{
  border: 1px solid #e5e9eb;
  background: #fff;
}
.survey .btn-wrap a.more{
  background: #1b2529;
  color: #fff;
}
.survey .sliderProduct img{
  width: 100%; height: 250px;
  object-fit: cover;
}
.matching{
  font-size: 0;
}
.matching img{
  width: 100%; height: 180px;
  object-fit: cover;
}
.story{
  position: relative;
  width: 1270px; height: 662px;
  padding-left: 25px;
  box-sizing: border-box;
  font-weight: bold;
}
.story .title{
  position: absolute;
  z-index: 5;
}
.story h2{
  padding-top: 3px;
  line-height: 54px;
}
.story .bg-wrap{
  position: relative;
  top: 102px; left: 60px;
  width: 870px; height: 560px;
}
.story .bg-wrap li{
  display: none;
  position: absolute;
  width: 870px; height: 560px;
  background: url(../images/story/main_story_bg2_1.jpg) no-repeat center center;
}
.story .bg-wrap li:nth-child(2){
  background: url(../images/story/main_story_bg3.jpg) no-repeat center center;
}
.story .bg-wrap li:nth-child(3){
  background: url(../images/story/main_story_bg5.jpg) no-repeat center center;
}
.story .bg-wrap li.active{
  display: block;
}
.story .text-wrap{
  position: absolute;
  right: 0; top: 185px;
}
.story .text-wrap a{
  position: relative;
  width: 285px; height: 116px;
  padding: 46px 0 0 36px;
  border-bottom: 1px solid #e8ecee;
  box-sizing: border-box;
}
.story .text-wrap a::after{
  content: "";
  display: block;
  position: absolute;
  right: 0; bottom: -1px;
  width: 350px; height: 2px;
  transition: all .5s;
}
.story .text-wrap a:hover::after{
  background: #1b2529;
}
.story .text-wrap p span{
  padding-right: 15px;
  font-size: 18px;
  color: #bec8cc;
}
.story .text-wrap h3{
  padding: 10px 0 0 36px;
  font-size: 24px;
}
.story .text-wrap a h3::after{
  content: "";
  display: inline-block;
  width: 16px; height: 14px;
  margin-left: 0;
  background: url(../images/icons/arr_btnTxt4.png) no-repeat center center/cover;
  opacity: 0;
  transition: all .2s;
}
.story .text-wrap a:hover h3::after{
  margin-left: 5px;
  opacity: 1;
}
.best{
  position: relative;
  width: 1400px; height: 931px;
  font-weight: bold;
  text-align: center;
}
.best h2{
  padding: 16px 0 48px;
}
.best > ul{
  display: flex;
  justify-content: center;
  gap: 10px;
}
.best .tab > a{
  height: 51px;
  padding: 0 20px;
  border-radius: 26px;
  background: #f2f4f5;
  font-size: 14px;
  font-weight: normal;
  line-height: 51px;
  color: #90a0a6;
}
.best .tab > a:hover{
  font-weight: bold;
  color: #fff;
}
.best .tab:first-child > a:hover{
  background: url(../images/tab_bg/cate1.jpg) no-repeat center center/cover;
}
.best .tab:nth-child(2) > a:hover{
  background: url(../images/tab_bg/cate4.jpg) no-repeat center center/cover;
}
.best .tab:nth-child(3) > a:hover{
  background: url(../images/tab_bg/cate2.jpg) no-repeat center center/cover;
}
.best .tab:nth-child(4) > a:hover{
  background: url(../images/tab_bg/cate3.jpg) no-repeat center center/cover;
}
.best .tab.active > a{
  background: url(../images/tab_bg/cate1.jpg) no-repeat center center/cover;
  font-weight: bold;
  color: #fff;
}
.best .product-list{
  position: absolute;
  top: 211px; left: 0;
  width: 100%; height: 720px;
}
.best .product-list li{
  float: left;
  position: relative;
  box-sizing: border-box;
  font-weight: normal;
  text-align: left;
}
.best .product-list li{
  width: 680px; height: 100%;
  padding: 46px 0 0 50px;
  background: #f2f4f5;
}
.best .product-list li ~ li{
  width: 340px; height: 350px;
  padding: 20px 30px 0;
  margin-left: 20px;
}
.best .product-list li:nth-child(4),
.best .product-list li:nth-child(5)
{
  margin-top: 20px;
}
.best .product-list li img{
  position: absolute;
  bottom: 0; right: 0;
  width: 510px;
}
.best .product-list li ~ li img{
  top: 12px; left: 50%;
  transform: translateX(-50%);
  width: 216px;
}
.best .product-list li em{
  font-size: 16px;
  color: #00a8e3;
}
.best .product-list li ~ li em{
  font-size: 12px;
  color: #90a0a6;
}
.best .product-list li p{
  padding: 10px 0 28px;
  font-size: 34px;
  color: #00a8e3;
}
.best .product-list li ~ li p{
  padding: 6px 0 168px;
  font-size: 22px;
  color: #90a0a6;
}
.best .product-list li h3{
  font-size: 27px;
  font-weight: bold;
}
.best .product-list li ~ li h3{
  font-size: 17px;
  font-weight: bold;
}
.best .product-list li dl{
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0 60px;
  width: 170px; 
  padding-top: 63px;
  font-size: 14px;
  line-height: 25px;
}
.best .product-list li ~ li dl{
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0 170px;
  width: 280px; 
  padding-top: 33px;
  font-size: 14px;
  line-height: 25px;
}
.best .product-list li dd:nth-of-type(2){
  font-size: 15px;
  color: #00a8e3;
}
.noble{
  position: relative;
  width: 1400px; height: 720px;
  padding-top: 52px;
  background: url(../images/collection/3_pcattimg_org.jpg) no-repeat center center/cover;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
}
.noble .text{
  padding: 22px 0;
  font-size: 18px;
  line-height: 26px;
}
.noble .view-detail{
  color: #00a8e3;
}
.noble .view-detail::after{
  background: url(../images/icons/arr_btnTxt.png) no-repeat center center;
}
.slider-noble{
  position: absolute;
  bottom: 30px; left: 50%;
  transform: translateX(-50%);
  width: 1200px; height: 94px;
  font-weight: bold;
  text-align: left;
  color: #1b2529;
}
.slider-noble .slick-list{
  margin: 0 -4px;
}
.slider-noble .slider-content{
  margin: 0 4px;
  background: #fff;
}
.noble .slider-noble .slider-content a{
  display: flex;
  height: 94px; width: 294px;
  padding: 10px;
  box-sizing: border-box;
}
.slider-noble .slick-arrow,
.slider-review .slick-arrow,
.slider-bene .slick-arrow{
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px; height: 36px;
  border: none;
  font-size: 0;
  cursor: pointer;
  z-index: 5;
}
.slider-noble:hover .slick-arrow,
.slider-review:hover .slick-arrow,
.slider-bene:hover .slick-arrow{
  display: block;
}
.slider-noble .slick-prev,
.slider-review .slick-prev,
.slider-bene .slick-prev{
  left: -18px;
  background: url(../images/icons/arr_left12.png) no-repeat center center/cover;
}
.slider-noble .slick-next,
.slider-review .slick-next,
.slider-bene .slick-next{
  right: -18px;
  background: url(../images/icons/arr_right12.png) no-repeat center center/cover;
}
.slider-noble img{
  width: 74px;
  vertical-align: middle;
}
.slider-noble p{
  padding-left: 15px;
  font-size: 15px;
  line-height: 74px;
}
.review{
  width: 1200px; height: 817px;
  text-align: center;
}
.review h2{
  padding: 17px 0 24px;
}
.review .view-detail{
  color: #00a8e3;
}
.review .view-detail::after{
  background: url(../images/icons/arr_btnTxt.png) no-repeat center center;
}
.slider-review{
  position: relative;
  width: 1200px;
  margin-top: 42px;
}
.slider-review .slick-list{
  height: 664px;
  margin: 0 -23px 0 -22px;
}
.slider-review .slider-content{
  width: 370px;
  margin: 0 23px 0 22px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}
.slider-review .slider-content a{
  width: 370px;
}
.slider-review img{
  width: 370px; height: 290px;
  object-fit: cover;
}
.slider-review .text-wrap{
  width: 370px;
  padding: 20px 24px;
  box-sizing: border-box;
  text-align: left;
  word-break: keep-all;
}
.slider-review dt{
  height: 65px;
  font-size: 23px;
  font-weight: bold;
  line-height: 32px;
}
.slider-review dd{
  height: 88px;
  padding: 14px 0 10px;
  font-size: 14px;
  line-height: 22px;
  color: #90a0a6;
}
.slider-review p{
  font-size: 14px;
  line-height: 23px;
  color: #bec8cc;
}
.slider-review ul{
  display: flex;
  gap: 3px;
  padding-top: 21px;
}
.slider-review .text-wrap li{
  width: 18px; height: 18px;
  background: url(../images/icons/ico_star1.png) no-repeat center center/cover;
}
.slider-review .slick-dots{
  position: absolute;
  bottom: 0;
  width: 1200px; height: 2px;
  padding: 0;
  background: #bfbfbf;
  font-size: 0;
}
.slider-review .slick-dots li{
  position: absolute;
  left: 0;
}
.slider-review .slick-dots li button{
  display: none;
  width: calc(1200px / 4 * 1); 
  height: 2px;
  border: none;
  font-size: 0;
}
.slider-review .slick-dots li:nth-child(2) button{
  width: calc(1200px / 4 * 2); 
}
.slider-review .slick-dots li:nth-child(3) button{
  width: calc(1200px / 4 * 3); 
}
.slider-review .slick-dots li:nth-child(4) button{
  width: calc(1200px / 4 * 4); 
}
.slider-review .slick-dots li.slick-active button{
  display: block;
  background: #1b2529;
}
.benefits{
  width: 100%; height: 660px;
  padding-top: 61px; margin-bottom: 120px;
  background: #f2f4f5;
  box-sizing: border-box;
  text-align: center;
}
.benefits-wrap{
  width: 1200px;
  margin: 0 auto;
}
.benefits h2{
  padding: 17px 0 24px;
}
.benefits > .view-detail{
  color: #00a8e3;
}
.benefits > .view-detail::after{
  background: url(../images/icons/arr_btnTxt.png) no-repeat center center;
}
.slider-bene{
  position: relative;
  width: 1200px; height: 375px;
  margin: 40px auto 0;
}
.slider-bene .slick-list{
  height: 664px;
  margin: 0 -23px 0 -22px;
}
.slider-bene .slider-content{
  width: 370px;
  margin: 0 23px 0 22px;
}
.slider-bene .slider-content a{
  width: 370px;
}
.slider-bene img{
  width: 370px; height: 216px;
  object-fit: cover;
}
.slider-bene .text-wrap{
  position: relative;
  width: 370px;
  padding: 24px 0 0 18px;
  box-sizing: border-box;
  text-align: left;
  word-break: keep-all;
}
.slider-bene dt{
  font-size: 23px;
  font-weight: bold;
  line-height: 32px;
}
.slider-bene dd{
  padding: 10px 0 24px;
  font-size: 14px;
  line-height: 22px;
  color: #90a0a6;
}
.slider-bene .keyword{
  position: absolute;
  top: -14px;
  padding: 5px;
  border-radius: 4px;
  background: #1b2529;
  font-size: 14px;
  color: #fff;
}
.slider-bene .slick-arrow{
  top: 90px;
  transform: translateX(0);
}
.service{
  width: 1200px;
}
.service-main{
  display: flex;
  justify-content: space-between;
}
.service-main h2{
  padding-bottom: 15px;
  line-height: 54px;
}
.service-main .view-detail{
  color: #00a8e3;
}
.service-main .view-detail::after{
  background: url(../images/icons/arr_btnTxt.png) no-repeat center center;
}
.slider-service{
  position: relative;
  width: 654px; height: 182px;
}
.slider-service a{
  width: 150px; height: 150px;
  padding: 30px 22px 0;
  border-radius: 6px;
  background: #f2f4f5;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 24px;
}
.slider-service p::before{
  content: "";
  display: block;
  width: 36px; height: 36px;
  margin-bottom: 16px;
}
.slider-service .serv01 p::before{
  background: url(../images/icons/8_pc_attimg_org.png) no-repeat center center/cover;
}
.slider-service .serv02 p::before{
  background: url(../images/icons/9_pc_attimg_org.png) no-repeat center center/cover;
}
.slider-service .serv03 p::before{
  background: url(../images/icons/10_pc_attimg_org.png) no-repeat center center/cover;
}
.slider-service .serv04 p::before{
  background: url(../images/icons/11_pc_attimg_org.png) no-repeat center center/cover;
}
.slider-service .serv05 p::before{
  background: url(../images/icons/13_pc_attimg_org.png) no-repeat center center/cover;
}
.slider-service .slick-list{
  margin: 0 -9px;
}
.slider-service .slider-content{
  margin: 0 9px;
}
.slider-service .slick-dots{
  position: absolute;
  bottom: 0;
  width: 654px; height: 2px;
  padding: 0;
  background: #bfbfbf;
  font-size: 0;
}
.slider-service .slick-dots li{
  position: absolute;
  left: 0;
}
.slider-service .slick-dots li button{
  display: none;
  width: calc(654px / 5 * 1); 
  height: 2px;
  border: none;
  font-size: 0;
}
.slider-service .slick-dots li:nth-child(2) button{
  width: calc(654px / 5 * 2); 
}
.slider-service .slick-dots li:nth-child(3) button{
  width: calc(654px / 5 * 3); 
}
.slider-service .slick-dots li:nth-child(4) button{
  width: calc(654px / 5 * 4); 
}
.slider-service .slick-dots li:nth-child(5) button{
  width: calc(654px / 5 * 5); 
}
.slider-service .slick-dots li.slick-active button{
  display: block;
  background: #1b2529;
}
.slider-service .slick-arrow{
  position: absolute;
  top: 55px; 
  width: 15px; height: 27px;
  border: none;
  font-size: 0;
  cursor: pointer;
  z-index: 5;
}
.slider-service .slick-prev{
  left: -45px;
  background: url(../images/icons/arr_left13.png) no-repeat center center/cover;
}
.slider-service .slick-next{
  right: -45px;
  background: url(../images/icons/arr_right13.png) no-repeat center center/cover;
}
.service-sub ul{
  display: flex;
  justify-content: space-between;
  padding-top: 60px;
}
.service-sub li{
  position: relative;
  width: 585px; height: 174px;
  padding: 40px 50px;
  border: 1px solid #e8ecee;
  border-radius: 6px;
  box-sizing: border-box;
}
.service-sub li::after{
  content: "";
  display: inline-block;
  position: absolute;
  right: 60px; top: 40px;
  width: 55px; height: 54px;
  background: url(../images/icons/ico_qna4.png) no-repeat right top;
}
.service-sub li:nth-child(2)::after{
  background: url(../images/icons/ico_qna5.png) no-repeat right top;
}
.service-sub h3{
  font-size: 19px;
  font-weight: bold;
}
.service-sub p{
  padding: 10px 0 20px;
  font-size: 15px;
  color: #90a0a6;
}
.service-sub a{
  padding: 8px 10px;
  border-radius: 4px;
  background: #1b2529;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
footer{
  font-size: 14px;
  color: #90a0a6;
}
footer section{
  border-top: 1px solid #e8ecee;
  box-sizing: border-box;
}
.footerMain{
  height: 220px;
}
.footer-wrap{
  width: 1400px;
  padding: 0 5px; margin: 0 auto;
}
.link-list{
  height: 61px;
  padding-top: 15px;
}
.link-list .footer-wrap{
  display: flex;
  justify-content: space-between;
}
.link-list ul{
  display: flex;
}
.link-list ul li ~ li::before{
  content: "";
  display: inline-block;
  width: 2px; height: 2px;
  margin: 0 8px;
  border-radius: 1px;
  background: #90a0a6;
  vertical-align: middle;
}
.link-list ul a{
  line-height: 30px;
}
.link-list strong{
  font-weight: bold;
}
.link-list .family a{
  width: 160px; height: 30px;
  padding-left: 12px;
  border-radius: 4px;
  background: #f2f4f5 url(../images/icons/arr_selectBg.png) no-repeat 136px center/11px auto;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 30px;
}
.footerMain .footer-wrap{
  display: flex;
  justify-content: space-between;
  padding-top: 25px;
}
address p{
  font-size: 12px;
  line-height: 24px;
}
address p span ~ span::before{
  content: "|";
  display: inline-block;
  width: 2px; height: 12px;
  margin: 0 5px 0 4px;
  color: #e1e8ee;
}
address .btn{
  height: 19px;
  padding: 0 8px; margin-left: 8px;
  border: 1px solid #e8ecee;
  border-radius: 2px;
  line-height: 19px;
}
.copy{
  padding-top: 6px;
  font-size: 13px;
  color: #bec8cc;
}
.isms{
  padding-top: 20px;
}
.isms img{
  height: 41px;
  vertical-align: middle;
}
.isms img ~ img{
  margin-left: 18px;
}
.isms span{
  padding: 0 4px 0 16px;
}
.isms a{
  width: 15px; height: 15px;
  background: url(../images/icons/ico_tooTip2.png) no-repeat center center/cover;
  vertical-align: -2px;
}
.icon-wrap{
  display: flex;
  gap: 15px;
}
.icon-wrap a{
  width: 34px; height: 34px;
  border: 1px solid #e5e9eb;
  border-radius: 17px;
  box-sizing: border-box;
  text-align: center;
}