/* BASIC css start */
html{
    scroll-behavior:smooth;
}

html,
body {
position: relative;
height: 100%;
}

body {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
}

#overlay_layer {
display: none;
}

#wrap {
padding-top: 200px;
}

.notice .swiper {
width: 100%;
height: 100%;
}

.swiper-slide {
text-align: center;
font-size: 18px;
justify-content: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
object-fit: cover;
}

/* 眠啊 */
.styleLog img {
width: 100%;
margin: 0 auto;
display: block;
}

.styleLog .positionR img {
width: 90%;
}

.styleLog .imgSlide {
padding: 120px 0 70px;
}

.styleLog .imgSlide .slideWrap {
max-width: 1120px;
width: 100%;
margin: 0 auto;
}

.styleLog .slideWrap h3 img {
width: 50%;
margin: 0 auto;
}

.styleLog .imgSlide01 {
background-color: #efefef;
}

.styleLog .imgSlide02 {
background-color: #f7f7f7;
}

.styleLog .imgSlide03 {
background-color: #efefef;
}

.styleLog .imgSlide04 {
background-color: #f7f7f7;
}

.positionR {
position: relative;
}

.styleLog .positionR::before{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
}

.imgSlide01 .positionR::before{
background: url('https://jstyle07.jpg3.kr/SITE/EVENT/2023/careerlook/careerlook_bg_01.png') no-repeat top / contain;
}

.imgSlide02 .positionR::before{
background: url('https://jstyle07.jpg3.kr/SITE/EVENT/2023/careerlook/careerlook_bg_02.png') no-repeat top / contain;
}

.imgSlide03 .positionR::before{
background: url('https://jstyle07.jpg3.kr/SITE/EVENT/2023/careerlook/careerlook_bg_01.png') no-repeat top / contain;
}

.imgSlide04 .positionR::before{
background: url('https://jstyle07.jpg3.kr/SITE/EVENT/2023/careerlook/careerlook_bg_02.png') no-repeat top / contain;
}

.logSwiper {
    position: relative;
    padding-bottom: 100px !important;
}

.logSwiper .arrow {
position: absolute;
width: 100%;
top: 50%;
}

.logSwiper .grid3 {
display: flex;
justify-content: space-between;
width: 71%;
margin: 0 auto;
}

.logSwiper .grid2 {
display: flex;
justify-content: space-between;
width: 50%;
margin: 0 auto;
}

.logSwiper .swiper-wrapper img {
object-fit: contain;
}

.logSwiper .swiper-button-next {
right: auto;
left: 100%;
}

.logSwiper .swiper-button-prev {
left: auto;
right: 100%;
}

:root {
--swiper-theme-color: #999999 !important;
}

/*--- reset ---*/
img:focus {
outline: 0;
}
#contentWrap {
width: 100% !important;
padding: 0 !important;
}

#contentWrapper {
padding: 0 0 !important;
}

#prdBrand {
width: 1332px;
margin: 0 auto;
padding-bottom: 80px;
}

#prdBrand img {
width: auto !important;
}

html {
scroll-behavior: smooth;
}

.item-wrap {
position: relative;
}

.opacity {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 96;
display: flex;
align-items: center;
justify-content: center;
display: none; /*辆丰矫 绝局搁凳*/
}

.opacity p {
font-size: 48px;
font-weight: 700;
color: #fff;
text-align: center;
line-height: 1.5;
display: none; /*辆丰矫 绝局搁凳*/
}

/*--- stylelog ---*/
#contentWrapper img {
width: 100%;
}

/* ms start */

.inner {
width: 1260px;
margin: 0 auto;
}

.sin_slide {
background: #f7f7f7;
padding: 130px 400px;
}

.option p {
font-size: 20px;
font-weight: 700;
}

.product_btn {
width: 520px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
background: #000;
color: #fff;
font-size: 24px;
font-weight: 500;
margin: 100px auto;
}

.sticky_tab {
display: flex;
align-items: center;
justify-content: center;
height: 75px;
margin: 0 auto;
position: sticky;
top: 124px;
background: #fff;
z-index: 9999;
}

.sticky_tab a {
display: flex;
font-size: 16px;
font-weight: 600;
width: 500px;
height: 100%;
align-items: center;
justify-content: center;
}

.sticky_tab a:hover {
border-bottom: 2px solid #f488a9;
color: #f488a9;
}

.sticky_tab a.active {
font-weight: 700;
color: #f488a9;
border-bottom: 2px solid #f488a9;
}

.sticky_tab li {
margin: 0 20px;
height: 100%;
}

.sticky_tab li:first-child {
margin-left: 0 !important;
}

.sticky_tab li:last-child {
margin-right: 0 !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 40px !important;
}

.btn_wrap {
display: flex;
justify-content: center;
}

/*--- 惑前 鸥捞撇 ---*/
div.loca {
margin-top: 120px;
clear: both;
}

h2.tit {
margin-bottom: 30px;
font-size: 18px;
font-weight: 300;
padding: 15px 0;
line-height: 1em;
border-top: 1px solid #737373;
border-bottom: 1px solid #737373;
text-transform: uppercase;
text-align: left;
}

h2 .emp {
font-weight: bold;
}

.tip {
margin-top: 100px;
}

.cont_banner {
display: flex;
justify-content: center;
}
.cont_banner a {
display: block;
}

@media (max-width: 1620px) {
.sticky_tab {
  top: 0;
}
}

.btn_box2 {
margin: -30px auto 130px auto !important;
}

.btnBox{
    padding: 75px 0 115px;
    text-align: center;
    background-color: #f7f7f7;
}

.btnBox a{
    display: block;
    width: 24%;
    margin: 0 auto;
}

.btnBox img{
    width: 100%; 
}

.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 0 !important;
}    

/* 且牢啦 钎矫 */
.prod_info_wrap .dc_info,.prod_info_wrap .dc_perc {
    color:#46479b;
    font-weight:bold;
    display:inline-block;
    margin-left:5px;
    font-size:15px;
}

.normal_prod_wrap .disc_in {
    display:inline-block;
   
}
.normal_prod_wrap {
 text-align: left;
}
/* BASIC css end */