/* BASIC css start */
.container { width:100%; min-width:1920px; height:100%; position:relative; margin:0 auto; }
#wrapper { overflow-x: hidden; }
#overlay_layer { display: none;}
#dr-prod * { font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", "Malgun Gothic", sans-serif !important;}
#dr-prod { color: #201615; letter-spacing: -0.125rem; font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", "Malgun Gothic", sans-serif;}    
#dr-prod img { max-width: 100%; }    
#dr-prod .heading-tit h2 { font-size: 46px; line-height: 58px; font-weight: 800; }
#dr-prod .inner {position: relative; max-width: 1400px; margin: 0 auto; }
#dr-prod .inner-lg {position: relative; max-width: 1920px; margin: 0 auto; }
#dr-prod .prod-gre { padding: 200px 0 300px; }
#dr-prod .prod-gre .gre-txt { text-align: center; }
#dr-prod .prod-gre .gre-txt span { display:block; color: #656565; font-size: 68px; line-height: initial; font-weight: 200; }
#dr-prod .prod-gre .gre-txt strong { display:block; margin: 14px 0 24px; font-size: 68px; line-height: initial; font-weight: 800; }
#dr-prod .prod-gre .gre-txt p { color: #5b5b5b; font-size: 20px; line-height: 32px; } 
#dr-prod .prod-iden .iden-list { position: relative; display: flex; justify-content: space-between; align-items: end; align-items: flex-end; margin-bottom: 200px; }
#dr-prod .prod-iden .iden-list:nth-child(1)::before { content: ' '; width: 1096px; height: 550px; position: absolute; top: -180px; right: -200px; z-index: -1; background: url(https://www.resetmall.com/design/resetmall/img/assets/sb_mark.png) no-repeat 0 0/100%; }
#dr-prod .prod-iden .iden-list:nth-child(4)::before { content: ' '; width: 1096px; height: 550px; position: absolute; top: -70px; left: -240px; z-index: -1; background: url(https://www.resetmall.com/design/resetmall/img/assets/sb_mark.png) no-repeat 0 0/100%; }
#dr-prod .prod-iden .iden-list:nth-child(odd) .iden-txt { margin-left: 100px; }
#dr-prod .prod-iden .iden-list:nth-child(even) .iden-txt { margin-left: 260px; }
#dr-prod .prod-iden .iden-list .iden-thumb { flex: 1; }
#dr-prod .prod-iden .iden-list .iden-thumb.order-2 { order: 2; }
#dr-prod .prod-iden .iden-list .iden-txt.order-1 { order: 1; }
#dr-prod .prod-iden .iden-list .iden-txt { flex: 1; margin-bottom: 32px; }
#dr-prod .prod-iden .iden-list:nth-child(1) .iden-txt { flex: 1; margin-bottom: 240px; }
#dr-prod .prod-iden .iden-list .iden-txt span { display: block; font-size: 32px; font-weight: 700; }
#dr-prod .prod-iden .iden-list .iden-txt strong { display: block; font-size: 40px; margin-bottom: 20px; }
#dr-prod .prod-iden .iden-list .iden-txt p { font-size: 24px; line-height: 38px; }
#dr-prod .prod-ban { padding: 100px 0 110px; background: #1f2bb5; }
#dr-prod .prod-ban .ban-area { margin: 0 184px; text-align: center; }
#dr-prod .prod-ban .ban-area .ban-cont { display: flex; justify-content: space-between; margin-top: 72px; }
#dr-prod .prod-ban .ban-area .ban-item { display: flex; flex-direction: column; align-items: center; flex: 1; gap: 24px; }
#dr-prod .prod-ban .ban-area .ban-item img { width: 170px; }
#dr-prod .prod-ban .ban-area .ban-item span { color: #fff; font-size: 18px; }
#dr-prod .prod-tab { margin: 140px auto; }
#dr-prod .prod-tab .heading-tit { text-align: center; }
#dr-prod .tab { display: flex; align-items: center; justify-content: center; margin: 40px 0 32px; text-align: center; }
#dr-prod .tab-item { display: flex; flex-flow: column; justify-content: center; cursor: pointer; }
#dr-prod .tab-item:not(:first-child) { margin-left: 40px; }
#dr-prod .tab-item span { margin-top: 14px; font-size: 16px; line-height: 26px; }    
#dr-prod .tab-item .img-wrap { position: relative; width: 118px; height: 118px; z-index: 1; }
#dr-prod .tab-item .img-wrap::before {display: block; content: ' '; position: absolute; top: -5px; left: -2px; right: -1px; bottom: 3px; border-radius: 100px; border: 1px solid transparent; z-index: -1; }     
#dr-prod .tab-item.active .img-wrap::before { border-color: #1f2bb4; }      
#dr-prod .tab-item.active span { color: #1f2bb4; font-weight: 500; }
#dr-prod .tab-content { display: none; }
#dr-prod .tab-content.active { display: block; }
#dr-prod .tab-area { display: flex; align-items: center; justify-content: space-between; }
#dr-prod .tab-area .tab-txt { flex: 1; margin-left: 100px; }
#dr-prod .tab-area .tab-txt span { display: block; font-size: 20px; font-weight: 600; line-height: 24px; letter-spacing: -1px; }
#dr-prod .tab-area .tab-txt strong { display: block; margin: 16px 0 40px; font-size: 42px; font-weight:800; line-height: 50px; letter-spacing: -3px; }
#dr-prod .tab-area .tab-txt p { height: 200px; color: #5b5b5b; font-size: 16px; line-height: 26px; }
#dr-prod .tab-area .tab-txt a { width: 240px; height: 64px; display: flex; align-items: center; justify-content: center; margin-top: 16px; font-size: 16px; font-weight: 600; line-height: 26px; border: 1px solid #000; }
#dr-prod .tab-area .tab-txt a img { margin-left: 16px; }     
#dr-prod .prod-sym { height: 390px; display: flex; align-items: center; text-align: center; background: #f5f5f5; }
#dr-prod .prod-sym .logo { display: block; margin-bottom: 32px; }
#dr-prod .prod-sym p { font-size: 20px; font-weight: 500; color: #1f2bb5; }
#dr-prod .swiper { width: 1920px; height: 100%; }
#dr-prod .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#dr-prod .swiper-button-next:after, #dr-prod .swiper-button-prev:after { color: #fff; }
#dr-prod .swiper-button-next { right: 32px; }
#dr-prod .swiper-button-prev { left: 32px; }
#dr-prod .swiper-pagination { margin-left: 250px; bottom: 50px; }
#dr-prod .swiper-pagination-clickable .swiper-pagination-bullet { width: 24px; height: 4px; display: inline-block; opacity: 0.4; border-radius: 0; background: #fff; cursor: pointer; }
#dr-prod .swiper-pagination-clickable .swiper-pagination-bullet-active { opacity: 1; background: #fff; }
/* .swiper-slide img { display: block; width: 100%; height: 100%; min-height: 700px; object-fit: cover; } */

/* BASIC css end */