/* BASIC css start */
.headerFixedArea a{
    color:#fff;
}

.headerFixedArea.fixed a,
.headerFixedArea:hover a{
    color:#000;
}

body .headerFixedArea .h_logo img:nth-child(1){
    display:none;
}

body .headerFixedArea .h_logo img:nth-child(2){
    display:block;
}

body .headerFixedArea.fixed .h_logo img:nth-child(1),
body .headerFixedArea:hover .h_logo img:nth-child(1){
    display:block;
}

body .headerFixedArea.fixed .h_logo img:nth-child(2),
body .headerFixedArea:hover .h_logo img:nth-child(2){
    display:none;
}

/* BASIC css start */
/* ¸ÞÀÎ */

.color_prd_li { display:block; }
/*2021-06-21 ¸®´º¾ó*/
div#contentWrapper {margin:0 auto 68px;}


/*¸ÞÀÎ ½½¶óÀ̵å*/
.h_full{
    width:100%;
    height:100%;
    height:100vh;
}
.BG_imgBox{
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#SECTION_01 .swiper-pagination-fraction {
    bottom: 120px;
    left: 219px;
    width: auto;
    font-size: 15px;
    color: #fff;
}

/*Ä«Å×°í¸® ¹è³Ê*/
.categoryBan {
    position:relative;
    margin:0 0 170px; 
}

.categoryBan .imgBox{
    overflow:hidden;
}
.categoryBan .imgBox img{
    width:100%;
    transition:all 0.3s;
}

.categoryBan .textBox{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:100%;
    text-align:center;
}

.categoryBan .textBox strong{
    display:block;
    margin-bottom:20px;
    font-size:55px;
    color:#fff;
    font-weight:400;
}

.categoryBan .textBox span{
    display:inline-block;
    padding:0 15px;
    font-size:20px;
    color:#fff;
    line-height:34px;
    border:1px solid #fff;
}

.categoryBan ul li{
    width:33.333%;
    background:#000;
}

.categoryBan ul li a img{
    opacity:0.9;    <!--°Ü¿ï 0.7-->
}

.categoryBan ul li a:hover .imgBox img{
    transform:scale(1.1);
    opacity:1;
}


.categoryBan .next_btn,
.categoryBan .prev_btn {cursor:pointer;width: 66px;height: 66px;background-size: 100% 100%;transition: 0.3s;opacity: 1;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);z-index: 9;background-repeat: no-repeat!important;background-position: center!important;}
.categoryBan .prev_btn {background: url(/design/jason006/0621renewal/img/PC/essential_banner_left.svg);left: 0;}
.categoryBan .next_btn {background: url(/design/jason006/0621renewal/img/PC/essential_banner_right.svg);right: 0;}


/* À§Å¬¸® º£½ºÆ® */
.weekly-best {
    max-width: 1630px;
    position: relative;
    margin: 0 auto;
    overflow:hidden;
    margin-bottom:150px;
}

.weekly-best .item-list { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap; }

.weekly-best .main_title {width:auto;text-align:left;margin: 0;padding: 0;padding-bottom: 80px;}
.weekly-best .weekly_side {width: calc(100% - 87.3%);float:left;}

.weekly-container {
    width: 87.3%;
    overflow-x: hidden;
    margin: 0 auto;
    position : relative;
    float:left;
}
.weekly-best .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    margin: 0 auto 20px;
    position: static;
}

.weekly-best .item-wrap .item-list .prd-icon {
    margin-top: 0;
    margin-bottom: 8px;
}

.weekly-best .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets>.swiper-pagination-bullet {
    opacity: 1!important;
    margin-bottom: 40px;
    background: none;
    border-radius: 0;
    display: block;
    /* margin: 0 118px 20px 0; */
    width: 100%;
    text-align: left;
    line-height: 100%;
}
.weekly-best .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets>.swiper-pagination-bullet {
    width: fit-content;
    display: block;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    /* transition: border .2s; */
    /* margin: 0; */
    font-size: 16px;
    font-weight: 500;
    position: relative;
    color: #afafaf;
}

.weekly-best .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets>.swiper-pagination-bullet:last-of-type {
    margin-right: 0;
}

.weekly-best .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets>.swiper-pagination-bullet.swiper-pagination-bullet-active { color:#000; }

.weekly-best .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets>.swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    content:'';
    width: 5px;
    height: 5px;
    background:#ec4f6e;
    border-radius:50%;
    position:absolute;
    top: 100%;
    right: -12px;
    transform:translateY(-50%);
}

.weekly-best>.swiper-button-next,.weekly-best>.swiper-button-prev {
    webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,130%);
}

.weekly-best>.swiper-button-prev {
    background : url("/design/jason006/0621renewal/img/PC/slide-arr-left-icon.png") no-repeat;
    background-size: 100% 100%;
    width: 35px;
    height: 60px;
    left: 0;
}

.weekly-best>.swiper-button-next {
    background : url("/design/jason006/0621renewal/img/PC/slide-arr-right-icon.png") no-repeat;
    background-size: 100% 100%;
    width: 35px;
    height: 60px;
}
.weekly-best>.swiper-button-next {
    right: 20px!important;
}
.weekly-best  .item-wrap .item-list {
    width: 100%;
    margin: 0 auto;
}
.weekly-best  .item-wrap .item-list .prd-thumb img {
    max-width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 100%;
    height: 100%;
}
.weekly-best .item-wrap .item-list .item{
    margin-bottom: 70px;
    margin-right: 10px;
    width: calc((100% - 40px) / 5);
    /* min-height: 450px; */
}
.weekly-best .item-wrap .item-list .item:nth-of-type(5n) { margin-right:0; }

.weekly-best ul.tab-list {
    width: 100%;
    max-width: 1314px;
    margin: 0 auto;
    text-align: center;
    display: none;
    visibility: hidden;
}
.weekly-best ul.tab-list>li.sel {border-bottom: 3px solid #000;}
li.sel {}
.weekly-best ul.tab-list>li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    /* transition: border .2s; */
    margin: 0 118px 20px 0;
    padding-bottom: 5px;
    border-bottom: 3px solid #0000;
    font-size : 18px;
    font-weight : 500;
}


li.sel {}
.weekly-best ul.tab-list>li:last-of-type {
    margin-right: 0;
}
.weekly-best ul.tab-list>li:hover {
   
}
/* À§Å¬¸® º£½ºÆ® end */


/* ŸÀÓ¼¼ÀÏ */
.time-sale {
    text-align: center;
    background: #f1f2f4;
}
.time-sale>.main_title {
    padding: 50px 0 10px;
    margin-top: 50px;
}
.time-sale .time-list {
    width: 100%;
    max-width: calc(100% - 19px);
    margin: 0 auto;
    display: inline-block;
}

.time-sale .time-list .time-prd {
    width: 1903px;
    
    float: center;
    padding-bottom: 20px;
    box-sizing: border-box;
    margin-right:2%;
}

.time-sale .time-list2 {
    width: 100%;
    max-width: 1903px;
    margin: 0 auto;
    display: inline-block;
}
.time-sale .time-list2 .time-prd2 {
    width: 100%;
    margin: 0 auto 0.px;
    float: left;
    padding-bottom: 0px;
    box-sizing: border-box;
}
.time-sale .time-list .time-prd:last-of-type {
     margin-right : 0;
}
.time-sale .time-list .time-prd img {
    width: 100%;
    height: 100%;
}
.time-sale h3.timer-text {
    font-size: 40px;
    text-align: center;
    font-weight: 600;
    margin-bottom : 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.time-sale h3.timer-text {
    font-size: 40px;
    text-align: center;
    font-weight: 600;
    margin-bottom : 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.time-sale h3.timer-text p {
    font-size: 16px;
    margin-top: 20px;
}
.time-sale h3.timer-text>span{
    margin: 32px -5px;
    font-size: 35px;
    }


.time-sale h3.timer-text>div {width: 175px;padding-top : 2px;font-size : 80px;}



.time-sale .time-list .time-prd:first-of-type {
    
}
/* ŸÀÓ¼¼ÀÏ end */









/* BEST ITEM */

.item-wrap .item-list .bestList{
    margin : 0;
}
/* BEST ITEM  end */

/* ±ñ±ñÆÒÃ÷ */
.ggan-prd {
    margin-bottom: 150px;
    margin-top:0px;
    padding: 40px 0 0;
    background: #f8f8f8;
}
.ggan-prd1, .ggan-prd2, .ggan-prd3 { position:relative; }
.ggan-prd .main_title {text-align:left;width: 100%; margin-bottom:56px; }
.ggan-prd .main_title .sub_title {
    display: block;
    font-size: 18px;
    margin-top: 20px;
    color: #000;
    font-weight: 500;
}
.ggan-prd>.main_title> p {
    margin-top: 30px;
    font-size: 25px;
}
.ggan-prd>.tab-list>li {
    display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #ccc;
}

.ggan-prd>.tab-list {
    margin: 0 auto;
    width: 1314px;
    text-align: center;
}

.ggan-prd>.tab-list>li {
    display: inline;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 28px;
    color: #a2a2a2;
    margin-right : 100px;
    cursor : pointer;
    padding-bottom: 4px;
}
.ggan-prd>.tab-list>li:last-of-type{
    margin-right : 0;
}
.ggan-prd>.tab-list>li.sel {color : #000;font-weight : 600;border-bottom: 3px solid #000;}
.ggan-prd>.tab-list {
    margin: 0 auto 40px;
    width: 1314px;
    text-align: center;
}
.ggan-prd .img-box {
    width : 464px;
    height: 100%;
    float: left;
    display: inline-block;
}

.ggan-prd .item-wrap {
    max-width: 1630px;
    min-width: 1024px;
    height: 800px;
    margin: 0 auto;
}

.ggan-prd .item-wrap .item-list {
    width: 100%;
    flex-wrap: nowrap;
    
}

.ggan-prd .item-wrap .item-list>ul {
    margin-right: 10px;
    width: calc((100% / 4) - 6.7px);
    display: inline-block;
    margin-bottom: 91px;
}
.ggan-prd .item-wrap .item-list>ul:nth-of-type(3n) {
    margin-right: 0;
}
.ggan-prd .item-wrap .item-list>ul:nth-of-type(n + 4){
    margin-bottom : 0;
}

.ggan-prd .item-wrap .item-list>ul .prd-thumb img {width : 100%;height: auto;}




.ggan-prd .ggan_arrow {
    position: absolute;
    width: 95%;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.ggan-prd .left_arr, .ggan-prd .right_arr {cursor:pointer; width: 66px;height: 66px;background-size: 100% 100%;transition: 0.3s;opacity: 1;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);z-index: 9; background-repeat:no-repeat!important; background-position:center!important;}
.ggan-prd .left_arr {background: url(/design/jason006/0621renewal/img/PC/ggan_left_arrow.svg);left: 0;}
.ggan-prd .right_arr {background: url(/design/jason006/0621renewal/img/PC/ggan_right_arrow.svg);right: 0;}

/* ±ñ±ñÆÒÃ÷ end*/


/* Áß°£ 4°³ ¹è³Ê */
.four_banner {
    text-align: center;
}
.four_banner>.main_title {
    padding: 50px 0 40px;
    margin-top: 50px;
}
.four_banner .time-list {
    width: 100%;
    max-width: calc(100% - 19px);
    margin: 0 auto;
    display: inline-block;
}

.four_banner .time-list .time-prd {
    width: calc((100% - 33px) / 4);
    float: left;
    box-sizing: border-box;
    margin-right: 11px;
    position:relative;
}

.four_banner .time-list2 {
    width: 100%;
    max-width: 1903px;
    margin: 0 auto;
    display: inline-block;
}
.four_banner .time-list2 .time-prd2 {
    width: 100%;
    margin: 0 auto 0.px;
    float: left;
    padding-bottom: 0px;
    box-sizing: border-box;
}
.four_banner .time-list .time-prd:last-of-type {
     margin-right : 0;
}
.four_banner .time-list .time-prd img {
    width: 100%;
    height: 100%;
}
.four_banner h3.timer-text {
    font-size: 40px;
    text-align: center;
    font-weight: 600;
    margin-bottom : 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.four_banner h3.timer-text {
    font-size: 40px;
    text-align: center;
    font-weight: 600;
    margin-bottom : 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.four_banner h3.timer-text p {
    font-size: 16px;
    margin-top: 20px;
}
.four_banner h3.timer-text>span{
    margin: 32px -5px;
    font-size: 35px;
    }


.four_banner h3.timer-text>div {width: 175px;padding-top : 2px;font-size : 80px;}

.four_banner .banner_tit {position:absolute;left: 30px;bottom: 40px;text-align:left;z-index: 11;}
.four_banner .banner_tit h1 {font-size: 28px;color:#fff;font-weight: 300;margin-bottom: 10px;}
.four_banner .banner_tit p {font-size: 20px;color:#fff;font-weight:500;margin-bottom: 15px;}
.four_banner .banner_tit .banner_tag span {font-size:15px;color:#000;font-weight:500;display:inline-block;margin-right:9px;background: #fff;width:100px;height: 38px;line-height: 38px;border-radius: 50px;text-align: center;}

/* Áß°£ 4°³ ¹è³Ê end */





/* ±âȹ¹è³Ê1-1 */
.Mbanner{
    max-width: 1776px;
    min-width: 1024px;
    margin: 90px auto 215px;
}
.Mbanner>ul>li {
    display: inline-block;
    width: calc((100% / 4) - 7px);
    margin-right: 7px;
    float:left;
    position: relative;
}

.Mbanner ul li img {
    width: 100%;
}

.Mbanner>ul>li:last-of-type {
    margin-right: 0;
}
.banner_txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 21% 0;
}

.banner_txt h1 {
    font-size: 34px;
    font-weight:500;
    color: #fff;

}

.banner_txt p{
    font-size: 17px;
    font-weight:400;
    color: #fff;

}

.banner_txt span {
    border: 1px solid #fff;
    border-radius: 5px;
    width: 95px;
    height: 31px;
    line-height: 29px;
    display: block;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    transition:.3s all;
    box-sizing: border-box;
   margin-top: 10px;
}

.Mbanner>ul>li:hover span { background:#fff; color:#646464; }

.Mbanner>ul>li:hover:before {opacity:1;}
.Mbanner>ul>li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    transition: .3s all;
    opacity: 0;
}


/*  Áß°£¹è³Ê1  */
#center_slide {width:100%;max-width:1850px;overflow: hidden;position: relative; margin-bottom:250px; }
div#center_slide .swiper-slide {
    transition: transform .5s ease-in-out;
    transform: scale(.92);
}

div#center_slide .swiper-slide.swiper-slide-active {
    transform: scale(1);
}
#center_slide img { width:100%;  }
#center_slide .swiper-slide:after {content: '';background: rgba(0,0,0,.4);position: absolute;top: 0;left: 0;width: 100%;height: 100%; transition:all 0.1s;}
#center_slide .swiper-slide.swiper-slide-active:after { display:none; }
#center_slide .arrow_div {width: 855px;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 10;}
#center_slide .next_btn, #center_slide .prev_btn {cursor:pointer;width: 66px;height: 66px;background-size: 100% 100%;transition: 0.3s;opacity: 1;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);z-index: 9;background-repeat: no-repeat!important;background-position: center!important;}
#center_slide .prev_btn {background: url(/design/jason006/0621renewal/img/PC/essential_banner_left.svg);left: 0;}
#center_slide .next_btn {background: url(/design/jason006/0621renewal/img/PC/essential_banner_right.svg);right: 0;}

.center_banner_txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.center_banner_txt p {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 35px;
    color: #fff;
    font-weight:500;
    text-align: center;
    font-family: 'Noto Sans KR';
    width: 80%;
}

.center_banner_txt .center_banner_txt_div {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}


.center_banner_txt .center_banner_txt_div h1 {
    font-size: 60px;
    font-weight:500;
    color: #fff;
    margin-bottom: 30px;
    font-family: 'Noto Sans KR';
}

.center_banner_txt .center_banner_txt_div a {
    border: 1px solid #fff;
    width: 163px;
    height: 52px;
    line-height: 46px;
    display: block;
    color: #fff;
    font-weight: 300;
    font-size: 25px;
    transition:.3s all;
    box-sizing: border-box;
    margin: 0 auto;
    font-family: 'Noto Sans KR';
    letter-spacing: 0;
}
/*  Áß°£¹è³Ê1 ³¡  */
.new_prd_list{margin-bottom:150px;}
.new_prd_list.item-wrap .item-list .item:nth-of-type(3n) { margin-right:0; }
.new_prd_list.item-wrap .main_title {
    width: 1430px;
    text-align: left;
    margin-bottom:56px;
}
.new_prd_list.item-wrap .item-list {width:1400px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap; margin:0 auto; }
.new_prd_list.item-wrap .item-list .item {
    margin-bottom: 70px;
    margin-right: 40px;
    /* height: 511px; */
    width: 440px;
}

.new_prd_list.item-wrap .item-list .prd-thumb{
    overflow:hidden;
}

.new_prd_list.item-wrap .item-list .prd-thumb img {
    position:relative;
    left:50%;
    transform:translateX(-50%);
    box-sizing: border-box;
    margin-bottom: 15px;
    width: auto;
    height: 608px;
}

.new_prd_list.item-wrap td:last-of-type .item-list ul { margin-right:0; }

/* ±âȹ¹è³Ê1-2 */
.Mbanner2{
    width : 1390px;
    margin: 40px ;
    
}
.Mbanner2 div a {
    display: inline-block;
    width: calc((100% / 2) - 16px);
    margin-right: 16px;
}

.Mbanner2 div a img {
    width: 100%;
}

.Mbanner2 div a:last-of-type {
    margin-right: 0;
}



/* Áß°£¹è³Ê end*/
/* ĵ¸¶Æ® TV*/
.canmart-video>.main_title {
    padding: 113px 0 40px 0;
}
.canmart-video>.main_title>h2 {
    font-size: 41.68px;
}
.video-box iframe {
    background: #000;
}
.canmart-video{overflow : hidden;height: 795px;margin-bottom: 100px;background: #f1f2f4;}
.canmart-video .canmart-slide{
position : relative;
}
.canmart-video .canmart-slide .video-box{
    height : 100%;
}
.canmart-slide .swiper-button-prev {
    left: 12%;
    background: url(/design/jason006/0621renewal/img/PC/can-left-arr.png);
    width: 31px;
    height: 55px;
    background-size: 100% 100%;
    }

.canmart-slide .swiper-button-next {
    right: 12%;
    background: url(/design/jason006/0621renewal/img/PC/can-right-arr.png);
    width: 31px;
    height: 55px;
    background-size: 100% 100%;
}
.canmart-video .swiper-slide {
    height: 500px;
    padding: 50px;
    box-sizing: border-box;
    background: #fff;
}
.canmart-video>.swiper-pagination {
    text-align: center;
    width: 100%;
    margin-top: 25px;
    min-width : 1460px;
}

.canmart-video>.swiper-pagination>span {margin-right: 5px;border-radius: 0;background: #c2c2c2;opacity: 1;width: 11px;height: 11px;}
.canmart-video>.swiper-pagination>span.swiper-pagination-bullet-active {
    background: #bd9f7a!important;
}
.canmart-video .canmart-slide .text-box {
    float: right;
    width: 44%;
    height : 100%;
    padding: 0 30px;
    box-sizing: border-box;
    position : relative;
}
.canmart-video .canmart-slide .text-box>h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
.canmart-video .canmart-slide .text-box>p {
    font-size: 26px;
    font-weight: 200;
}
.canmart-video .canmart-slide .text-box .more-btn {
    width: 150px;
    height: 53px;
    line-height: 53px;
    text-align : center;
    border : 1px solid #000;
    box-sizing : border-box;
    position: absolute;
    bottom: 0;
    font-size: 16px;
}
/* ĵ¸¶Æ® TV end */

/* ȸ¿ø°¡ÀÔ À¯µµ ¹è³Ê */

.join-box {
    width: 100%;
    height: 250px;
    background: #fafafa;
}
.join-box>.join-wrapper {
    width: 500px;
    margin: auto;
    text-align: center;
    padding-top: 50px;
}

.join-box>.join-wrapper>h2 {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 400;
}

.join-box>.join-wrapper>h2>strong {
    font-weight: 600;
}

.join-box>.join-wrapper>p {
    font-size: 14px;
    margin-bottom: 25px;
}

.join-box>.join-wrapper>.join-btns>a {
    width: 150px;
    height: 50px;
    display: inline-block;
    border: 1px solid #333;
    margin-right: 10px;
    line-height: 50px;
    background: #333;
    color: #fff;
    font-size: 14px;
}

.join-box>.join-wrapper>.join-btns>a:last-of-type {
    margin-right: 0;
    background: #fff;
    color: #000;
}
/* ȸ¿ø°¡ÀÔ À¯µµ ¹è³Ê end*/

/*----------------------------------------------------------------------2021-06-21 ¸®´º¾ó ³¡----------------------------------------------------------------------*/


/* ¸ÞÀΠŸÀÌƲ */
.main_title {width:1300px;margin:0 auto 100px;clear:both;text-align:center; position:relative;}
.main_title h2 {font-size: 40px;font-weight: 400;display: inline-block;position: relative;}
.main_title .more_plus {background:url(/design/jason006/0621renewal/img/PC/more_plus_button.svg) 100% no-repeat;width: 18px;height: 18px;position: absolute;right: -30px;background-position: center;top: 53%;transform: translateY(-50%);}
.main_title .all_btn {
    width: 87px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #000;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    letter-spacing:0;
}

.main_title .more_btn{
    display: inline-block;
    width: 60px;
    margin:2px 0 0 25px;
    padding: 0 0 3px;
    font-size: 15px;
    line-height: 15px;
    border: 1px solid #000;
    text-align: center;
}

.main_title.noti{text-align:center;}
.main_title.noti h2{background:url(/design/jason006/onedesign/images/bg_title.png) center 0 no-repeat;}

/* ¸ÞÀν½¶óÀ̵å */

#mainSlide {width:100%;}
#mainSlide .carousel-cell {width: 100%;display:block;}
#mainSlide .flickity-prev-next-button svg {width:40%;height:40%;left: calc(50% - 20%);top: calc(50% - 20%);}
#mainSlide .flickity-prev-next-button {background:none;border:2px solid #222;}
#mainSlide .flickity-prev-next-button.previous {left:20px;}
#mainSlide .flickity-prev-next-button.next {right:20px;} 

#mainSlide img {width:100%;}


/* °øÁö»çÇ× */
#noticeArea  { clear:both; width:1300px; margin:0 auto 60px; }
#noticeArea .noticeCon { margin:-15px 0 0; } 

#noticeArea .noticeCon li { font-size:12px; color:#555 !important; border-top:0 !important; padding:0 !important; height:25px; text-align:center!important;}
#noticeArea .noticeCon li a { display:block; font-size:12px; color:#888; line-height:25px; text-decoration:none; padding-left:0px; }
#noticeArea .noticeCon li a:hover { color:#222; transition:all 0.3s ease-in-out; }


.top_btn0 {position: fixed; bottom: 10px; right: 0px; z-index: 99999; text-align: center; cursor: pointer; display: block; opacity:0.8;}
.top_btn1 {position: fixed; bottom: 60px; right: 0px; z-index: 99999; text-align: center; cursor: pointer; display: block; opacity:0.8;}
.top_btn2 {position: fixed; bottom: 110px; right: 0px; z-index: 99999; text-align: center; cursor: pointer; display: block; opacity:0.8;}
.top_btn3 {position: fixed; bottom: 160px; right: 0px; z-index: 99999; text-align: center; cursor: pointer; display: block; opacity:0.8;}
.top_btn4 {position: fixed; bottom: 210px; right: 0px; z-index: 99999; text-align: center; cursor: pointer; display: block; opacity:0.8;}



/*¸ÞÀÎ ¸Þ´º¹Ù*/
#main_menubar { width:1250px; margin:0 auto; height:80px;}
#main_menubar .main_menubar_left{width:450px; float:left; margin:22px 40px;}
#main_menubar .main_menubar_left li{ display:inline-block; *display:inline; *zoom:1; height:15px; margin:0 1px; padding:0px 15px; position:relative;}

#main_menubar .main_menubar_right{width:500px; float:right; margin:22px 16px 0px 0px;}
#main_menubar .main_menubar_right li{ display:inline-block; *display:inline; *zoom:1; height:15px; margin:0 1px; padding:0px 10px; position:relative;}






/* ¸ÞÀÎ ¹è³Ê3 */
#main_banner { clear:both; width:1260px; height: auto; overflow: hidden; margin:0 auto; display:block; }

#main_banner .main_bn01{ margin-right:10px;}
#main_banner .main_bn01 .text1{ font-size:20px;}

#main_banner ul{font-size:0; line-height:0; letter-spacing:0;}
#main_banner ul li{display:inline-block; width:415px; height:380px;}
#main_banner ul li:last-child{margin-right:0;}
#main_banner ul li a{display:block; width:100%;}
#main_banner ul li a img{width:100%;}

.main_brand{width:1260px; height:390px; margin:0 auto;}
.main_brand div{width:627px; height:390px; float:left;}
.main_brand div.small_bn{margin-left:6px;}

.img_bn1 {float:left; margin:100px 0px;}



/* Áß°£ ±âȹ¹è³Ê 3°³ */
#main_banner01 { clear:both; width:1300px; height: auto; overflow: hidden; margin:0 auto; display:block; }

#main_banner01 .main_bn01{ margin-right:10px;}
#main_banner01 .main_bn01 .text1{ font-size:20px;}

#main_banner01 ul{font-size:0; line-height:0; letter-spacing:0;}
#main_banner01 ul li{display:inline-block; width:415px; height:380px;}
#main_banner01 ul li a{display:block; width:100%;}
#main_banner01 ul li a img{width:100%;}





/* Áß°£±âȹ¹è³Ê4°³ */

#main_banner02{max-width: 1300px; margin: 0 auto;  height: auto; padding:100px 0;}
#main_banner02 .main_bn02{float:left;}
#main_banner02 .main_bn03{}






/* ¸ÞÀÎ ÅǸ޴º »óÇ° */
#tabslide_img {clear:both; width:1270px; margin:0 auto 100px; }
#tabslide_img #slideshow {clear:both; width:1253px; margin:0 auto;}
#tabslide_img #slideshow h2 { text-align:center; color:#222; font-weight:normal; font-size:18px; margin:0 0 30px; letter-spacing:1px; }
#tabslide_img #slideshow .slides {clear:both; width:100%; margin:0 auto; height:490px; overflow:hidden;}

/* ÅǸ޴º*/
#slideshow .slides-nav {clear:both; width:1282px; height:40px; text-align:center;}
#slideshow .slides-nav li {float:left; cursor:pointer; width:19.4%; height:45px; line-height:45px; background:#eee; position:relative;}
#slideshow .slides-nav li.first {border-left:0; width:20%; }
#slideshow .slides-nav li a {display:block; line-height:45px; font-family: sans-serif; font-size: 13px; }
#slideshow .slides-nav li.on { border: 0.5px #eee solid; background:#fff;}
#slideshow .slides-nav li.on a {color:#222; }

/* ÅǸ޴º »óÇ° ¸®½ºÆ® */
#pro_content .tab_big_prd { width:40%;  overflow: hidden; float: left; position: relative; }
#pro_content .tab_big_prd a span.roll_name { display: block; display: none; width: 550px; height: 200px; line-height: 160px; position: absolute; bottom: 10px; left: -20px; color: #000; background: rgba(255, 255, 255, 0.6); text-align: center;  }
#pro_content .tab_big_prd a span.roll_price { display: block; display: none; width: 550px; height: 150px; line-height: 90px; position: absolute; bottom: 0px; left: -20px; color: #000; text-align: center; }
#pro_content .tab_big_prd a img { width: 100%; height: 100%; }
#pro_content ul { display: block; float: left; width: 750px;  overflow: hidden; background:#fff; }
#pro_content li {float:left; width:245px; text-align:center; padding: 0 0 7px 5px; position: relative; }
#pro_content li .thumb {width:245px; margin:0 auto; }
#pro_content li a span.roll_name { display: block; display: none; width: 205px; padding: 0 20px; height: 100px; line-height: 80px; position: absolute; bottom: 7px; left: 5px; color: #000; background: rgba(255, 255, 255, 0.6); text-align: center;  }
#pro_content li a span.roll_price { display: block; display: none; width: 205px; padding: 0 20px; height: 100px; line-height: 100px; position: absolute; bottom: 0px; left: 15px; color: #000; text-align: center;  }




/*Áß°£ ½½¶óÀÌµå ¹è³Ê*/
.rollMiddleBann {overflow:x-hidden;}
.rollMiddleBann .carousel-cell{height:615px;}
.rollMiddleBann .carousel-cell a{display:block;}






/* ¸ÞÀÎ Ãßõ»óÇ° */
#recmd_box_bg { clear:both; width:100%; min-width:1460px; height:auto; overflow:hidden; background:#e8e8e8; margin:0 auto; padding:50px 0; } 
#recmd_box { width:1300px; margin:0 auto;}
#recmd_box h2 { text-align:center; color:#222; font-weight:normal; font-size:18px; margin:0 0 30px; letter-spacing:1px; }
.new_recmd { display:inline-block; min-width:180px; height:50px; line-height:48px; border:1px solid #939393; text-align:center; margin-left:560px; margin-bottom:20px;}


/*ÆäÀÌÀú*/ 
.bx_02 .bx-wrapper .bx-pager{top:-42px; bottom:auto; text-align:right;} /*À§Ä¡*/
.bx_02 .bx-wrapper .bx-pager-item{} /* a¸¦ ´ã°íÀÖÀ½. ¾ê°¡ ¸®½ºÆ® */
.bx_02 .bx-wrapper .bx-pager.bx-default-pager a{font-size:0; width:24px; height:8px; background:#b6b6b6; border-radius:0; border:0; margin:0; margin-left:7px;} /* ¹öÆ°µðÀÚÀÎ */ 
.bx_02 .bx-wrapper .bx-pager.bx-default-pager a:hover,  
.bx_02 .bx-wrapper .bx-pager.bx-default-pager a.active,  
.bx_02 .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#222;}


/* ½æ³×ÀÏ */
#recmd_box .prdList { display:table; font-size:0; line-height:0; }
#recmd_box .prdList > li > .box{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; }

#recmd_box ul.column4 > li > .box{ width:23.5%; margin-right:2%;}
#recmd_box ul.column4 > li > .box:nth-child(4){margin-right:0;}

#recmd_box .prdList .thumb { width:315px; height:410px; text-align:center; margin:0 auto 10px; }
#recmd_box .prdList .thumbl a img { max-width:100%; max-height:100%;  box-sizing:border-box; }

#recmd_box .prd_info { clear:both;}
#recmd_box .prd_info li { text-align:center; letter-spacing:0.05em; line-height:16px; padding:0 0 3px; font-size:11px; color:#222; }

#recmd_box ul.prdList li.prd_name,
#recmd_box ul.prdList li.prd_name a { text-align:center; color:#222; font-size:11px; font-weight:normal; }

#recmd_box .prd_info li.prd_consumer { color:#888; display:none;}
#recmd_box .prd_info li.prd_price { }
#recmd_box .prd_info li.prd_yoyak { display:none; }
/* //¸ÞÀÎ Ãßõ»óÇ° */


/* ȸ»çÁ¤º¸ */
#about_wrap { clear:both; width:100%;  height:500px; padding:10px 0; margin-top:60px; background:#ffffff; }
.box_1200 { position:relative; clear:both; width:1300px; margin:0 auto;}
#about_wrap .about_content { float:left; width:580px; }
.about_content h2:after { content:""; width:60px; height:1px; margin:0; background:#caac7d; }
.about_content h2 { display:inline-block; *display:inline; *zoom:1; clear:both; margin:0 auto 30px; line-height:25px; font-family:'Montserrat', 'Nanum Gothic', sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#000; background:url(/design/d4-0331/onedesign/images/bg_title.png) left bottom no-repeat; }
.about_content .about_text { clear:both; width:100%; font-size:13px; line-height:24px; color:#999; margin-top:100px;}

.about_btn { clear:both; margin-top:50px; }
.btn_more2 { display:block; }
.btn_more2 a { display:inline-block; background:#caac7d; transition:background-color 0.5s ease; font-family:'Montserrat', sans-serif; font-size:11px; line-height:40px; color:#fff; letter-spacing:4px; padding:0 40px; }
.btn_more2 a:hover, 
.btn_more2 a:active { background:#222; }

.about_video { float:right; width:620px; height:345px; padding-right:100px; padding-top:0px;}
/* //ȸ»çÁ¤º¸ */


/* ¹è³Ê½½¶óÀ̵å */
#slide_item {clear:both; width:1300px; margin:0 auto 60px; height:auto; overflow:hidden; border-bottom:1px solid #e8e8e8; padding-bottom: 60px;}
#slide_item p {clear:both; text-align:center; margin:25px 20px 0; color:#777; font-size:12px; letter-spacing:1px;}

.flash_banner
{
clear:both;
position:relative;
float:left;
width:1300px;
height:640px;
z-index:10;
}
 
.flash_banner .flash_banner_body
{
float:left;
position:absolute;
padding:0px;
width:1300px;
height:640px;
overflow:hidden;
}

.flash_banner .flash_banner_body ul 
{
float: left;
position:absolute;
list-style-type: none; 
width:3000px;
height:640px;
zoom*1;
margin:0px;
padding:0px;
overflow: hidden;
}

.flash_banner .flash_banner_body li 
{
float: left;
position: relative;
width:1300px;
height:640px;
line-height:10px;
padding:0px;
margin:0px;
overflow: hidden;
}
.flash_banner .flash_banner_body li:after{content:""; display:block; clear:both;}
.flash_banner .flash_banner_body li .li{float:left;}
.flash_banner .flash_banner_body li img 
{ 
width:650px; 
height:600px;
margin:0 auto;
padding:0px; 
border:0px;
}

#slide_item .flash_banner .btn { cursor:pointer;z-index:12; }
#slide_item .flash_banner .btn_left {  position:absolute; left:567px; bottom:-5px; width:29px; height:36px; text-align:center; z-index:13; cursor:pointer; }
#slide_item .flash_banner .btn_right { position:absolute; right:567px; bottom:-5px;  width:29px; height:36px; text-align:center; z-index:13; cursor:pointer; } 

/* //¹è³Ê ½½¶óÀ̵å */

/* Ãß°¡Ä«Å×°í¸®1 */
.addProduct { border-top:1px solid #e8e8e8; padding:60px 0 0; }


/* ºÐ·ù ŸÀÌƲ */
.list_title { clear:both; text-align:center; padding:0 0 30px;  }
.list_title h2 { font-size:13px; letter-spacing:1px; font-weight:normal; background:url(/images/bg_title.png) center 0 no-repeat; padding:25px 0 0; }

/* ºÐ·ù Ãßõ»óÇ° */
.list_recmd_pro { clear:both; margin:0 0 50px !important; /*padding:0 0 30px; border-bottom:1px solid #e8e8e8;*/ }
.list_recmd_pro .prdList > li { margin-bottom:20px !important; }
.list_recmd_pro .prdList .thumbnail { margin:0; }



/* ¸ÞÀÎ º£½ºÆ®»óÇ°¿µ¿ª */
.mainBest { height: auto; overflow: hidden; }
.mainBest ul.bestList > li { width: 25%; height: auto; overflow: hidden; vertical-align: top; font-size: 0; display: inline-block; *display:inline; *zoom:1; }
.mainBest ul.bestList > li.colmn2 { width: calc(50% - 10px); margin-left: 10px; }
.mainBest ul.bestList > li.colmn2:nth-child(odd) { margin-left: 0; }
.mainBest ul.bestList > li.colmn2 .item, 
.mainBest ul.bestList > li.colmn2 .prd-thumb img { width: 100%; height: auto; }

.item-wrap .item-list ul { font-size: 0 !important; }






/*±âȹ¹è³Ê2 ½½¶óÀ̵å*/

.flex-direction-nav a.flex-next:before {display:none;}

a, button {outline:none; select-dummy: expression(this.hideFoucs=true);}

#mainSlide2 {width:100%;max-width:100%;overflow: hidden;position: relative; margin-top:130px; margin-bottom:200px;}



#mainSlide2 img { width:100%;  }

#mainSlide2 .mainSlide2_arrow {
    position: absolute;
    width: 950px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
#mainSlide2 .next_btn, #mainSlide2 .prev_btn {cursor:pointer; width: 66px;height: 66px;background-size: 100% 100%;transition: 0.3s;opacity: 1;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);z-index: 9; background-repeat:no-repeat!important; background-position:center!important;}
#mainSlide2 .prev_btn {background: url(/design/jason006/0621renewal/img/PC/bottom_slide_left.svg);left: 0;}
#mainSlide2 .next_btn {background: url(/design/jason006/0621renewal/img/PC/bottom_slide_right.svg);right: 0;}




#mainSlide2>.swiper-pagination2 {
    text-align: center;
    width: 100%;
    min-width : 1354px;
    position: absolute;
    bottom: 20px;
    z-index: 10;
}

#mainSlide2>.swiper-pagination2>span {margin: 0 5px;border-radius: 50%;background: #a7a7a7;opacity: 1;width: 8px;height: 8px;}
#mainSlide2>.swiper-pagination2 span.swiper-pagination-bullet-active {
    background: #333!important;
}

#MAKESHOPLY1 {z-index:999999 !important ;}
#MAKESHOPLY2 {z-index:999999 !important ;}
#MAKESHOPLY3 {z-index:999999 !important ;}
#MAKESHOPLY4 {z-index:999999 !important ;}
#MAKESHOPLY5 {z-index:999999 !important ;}



/*Ãâ±Ù·èº½Áغñ ½½¶óÀ̵å*/

#timedale3 {width:100%;}
#timedale3 .carousel-cell {width: 100%;display:block;}
#timedale3 .flickity-prev-next-button svg {width:40%;height:40%;left: calc(50% - 20%);top: calc(50% - 20%);}
#timedale3 .flickity-prev-next-button {background:none;border:1px solid #888;}
#timedale3 .flickity-prev-next-button.previous {left:20px;}
#timedale3 .flickity-prev-next-button.next {right:20px;} 

#timedale3 img {width:100%;}

.prd_hover {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0, .4);
    }

.shoes_box.new_prd_list.item-wrap .item-list ul {
    margin-bottom: 15px;
    margin-right: 15px;
    width: calc((100% - 45px) / 4);
    position:relative;
}

.shoes_box.new_prd_list.item-wrap .item-list ul:nth-of-type(4n) { margin-right:0; }

.shoes_box.new_prd_list.item-wrap .item-list ul .prd-thumb img { margin-bottom:0; }

.shoes_box.new_prd_list.item-wrap .item-list ul:hover .prd_hover { display:block; }

.prd_hover a {
    display: block;
    width: 100%;
    height: 100%;
}

.prd_hover .hover_prd_form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.prd_hover .hover_prd_form li.prd_name {
    color: #fff;
    text-align: center;
    margin: 0;
    width: 100%;
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: 500;
}

.prd_hover .hover_prd_form li.prd-price {
    color: #fff;
    text-align: center;
    margin: 0;
    width: 100%;
    font-size: 18px;
}

.prd_hover .hover_prd_form li.prd-price strike {font-size: 16px;font-weight: 300;margin-left: 8px;}


.item-wrap .item-list li.color_prd_li {
    overflow: hidden;
    margin-bottom: 8px;
}

.item-wrap .item-list li.color_prd_li font {
    font-size: 0;
    width: 15px;
    height: 7px;
    float: left;
    border: 1px solid #e2e4e3;
    margin-right: 5px;
}

.four_banner .time-list .time-prd .img_box:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.2);
    z-index: 10;
}
.ggan-prd .prd-subname, .ggan-prd .item-wrap .item-list .prd-icon {
    display: none;
}

.ggan-prd .main_title .all_btn {
    top: 31px;
}

span.weekly-pagination2.swiper-pagination-clickable.swiper-pagination-bullets {
    display: block;
    text-align: center;
}

span.weekly-pagination2.swiper-pagination-clickable.swiper-pagination-bullets>span {
    background: #ddd;
    margin: 0 6px;
    width: 10px;
    height: 10px;
    opacity:1;
    
}

span.weekly-pagination2.swiper-pagination-clickable.swiper-pagination-bullets>span.swiper-pagination-bullet-active {
    background: #000;
    opacity: 1;
}

/*SHOW CASE*/
.showCase_prd_list{
    margin-bottom:250px;
    background:#f5f5f5;
}

.showCase_prd_list .mainWrap{
    position:relative;
    width:1520px;
    padding:0 0 80px;
    margin:0 auto;
}

.showCase_prd_list .main_title {
    width: 860px;
    margin:0 0 40px;
    padding-top:80px;
    clear: both;
    text-align: center;
}

.showCase_prd_list .TabBtnWrap {
    margin-bottom:75px;
}

.showCase_prd_list .TabBtnWrap a{
    display:block;
    font-size:18px;
    color:#a7a7a7;
    margin-right:35px;
    letter-spacing: -0.3px;
}

.showCase_prd_list .TabBtnWrap a:last-child{
    margin-right:0;
}

.showCase_prd_list .TabBtnWrap a.on{
    color:#000;
    text-decoration:underline;
}

.showCase_prd_list.item-wrap .item-list{
    width:860px;
    margin-right:56px;
    min-height:448px;
    padding-bottom:10px;
}

.showCase_prd_list.item-wrap .item-list.swiper-container-horizontal > .swiper-scrollbar{
    top:auto;
    bottom:0;
    left: 0;
    width: 100%;
    background:#dbdbdb;
}

.showCase_prd_list.item-wrap .item-list.swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag{
    background:#000;
}

.showCase_prd_list.item-wrap .showCaseBan{
    position:absolute;
    top:0;
    right:0;
}

.showCase_prd_list .TabConWrap .TabCon.on{
    display:block;
}

/*À¯Æ©ºê*/
.videoWrap {
    position:relative;
 
}

.videoWrap .opacityMask{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:1;
}

.planBannerWrap{
    margin-bottom:150px;
}

.planBannerWrap img{
    width:100%;
}



/*ƯÁ¤¿µ¿ª Å©·¹¸¶ ¸®ºä Áö¿ì±â
.weekly-best .crema-product-reviews-score,
.showCase_prd_list .crema-product-reviews-score,
.ggan-prd .crema-product-reviews-score{
    display:none !important;
}
*/


/* BASIC css end */