/* BASIC css start */
/* ¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú ÀÎÆ®·Î ÆäÀÌÁö css ¡Ú¡Ú¡Ú¡Ú¡Ú¡Ú */
html.off,body.off { overflow:hidden; }
.off #header { display:none; }
#intro_popup_new{ position: fixed; top: -1px; left: 0; z-index: 9999; width: 100%; height: 100%;}
#intro_popup_new li { position:relative; width:50%; float:left; background:#000; }
#intro_popup_new li a:hover img {opacity:1;}
#intro_popup_new li img { width:100%; opacity:0.8; }
#intro_popup_new li img.logo { width:20%; position:absolute; left:50%; top:43%; transform:translate(-50%,-50%); opacity:1; z-index: 5; }

/*VÆÄÀδõ*/
#viewfinderListFrame{width:100% !important;}

/*´ë¹è³Ê*/
#f2s-rolling-container1{ margin-top: -100px !important;  height: calc(100vh - 0px)  !important;}
#f2s-rolling-container1 .swiper-container {width: 100% !IMPORTANT;}
#f2s-rolling-container1 .swiper-container-horizontal .swiper-pagination{bottom: 120px !important;}
#f2s-rolling-container1 .swiper-slide{margin-top: -100px !important;}
#f2s-rolling-container1 .swiper-button-prev i,#f2s-rolling-container1 .swiper-button-next i,#f2s-rolling-container2 .swiper-button-prev i,#f2s-rolling-container2 .swiper-button-next i{display:none;}

.swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{
    width: 12px !important;
    height: 12px !important;
    display: inline-block !important;
    cursor: pointer !important;
    margin: 0 5px  !important;
    background: rgba(255,255,255,0.5)  !important;
    border: 0px solid #fff  !important;
    opacity: 1 !important;}

#f2s-rolling-container1 .swiper-pagination-bullet-active,#f2s-rolling-container2 .swiper-pagination-bullet-active {
    background: #fff !important;
}
#f2s-rolling-container1 .swiper-button-prev,#f2s-rolling-container1 .swiper-button-next{
      margin-top: -75px !important;
}
#f2s-rolling-container1 .swiper-pagination-bullet,#f2s-rolling-container2 .swiper-pagination-bullet {
    border-radius: 100% !important;
}


.swiper-pagination-bullet:hover{
    opacity: 1;
    background: rgba(255,255,255,1);
    border: 0px solid #fff;
}



/** 
***** START *****
#=============================================# 
| ** 2024-02 - main renewal - didot **        |
| http://di-dot.com                           |
#=============================================# 
**/

/* basic 1440 */
:focus {outline:none;}
#wrap { overflow-x:hidden; }
#container { margin-bottom:0; }
.clearfix:before { content:''; display:block; clear:both; }
.clearfix:after { content:''; display:block; clear:both; }

/* common */
#contents_main {}
.main-section { font-family: 'Pretendard', 'Noto Sans KR', DotumChe, Verdana, monospace, Corbel, AppleGothic, Helvetica, sans-serif; }
.main-section .title { margin: 0 auto 60px; }
.main-section .title h2 { font-family: 'Montserrat'; font-weight: normal; font-size: 50px; color: #000; text-align: center; }
.main-section .swiper-button-next:after, 
.main-section .swiper-button-prev:after { font-size: 32px; }

/* [S] ¸ÞÀÎ Å°ºñÁÖ¾ó ½½¶óÀ̵å */
.main-kv-wrap { width: 120%; margin: 0 auto; margin-left: calc(-10% + 33px); }
.main-kv-wrap .swiper-container {}
/* .main-kv-wrap .swiper-container { max-width: 1140px; overflow: visible; } */
.main-kv-wrap .swiper-slide a { display: block; }

/* [S] ¸ÞÀÎ »ó´Ü ¹è³Ê ½½¶óÀ̵å */
.main-topbanner-wrap { margin: 40px 0; }
.main-topbanner-wrap .swiper-container { max-width: 1107px; }
.main-topbanner-wrap .swiper-slide a {}
.main-topbanner-wrap .swiper-slide a img { max-width: 100%; }

/* [S] ¸ÞÀÎ BEST ITEM */
.main-bestitem-wrap { position:relative; width: 100%; margin: 140px auto; }
.main-bestitem-wrap .product-wrap { position:relative; width: 100%; max-width: 1680px; margin: 0 auto; }
.main-bestitem-wrap .ec-base-products { width: 100%; margin: 0 auto; max-width: 1440px; overflow: hidden; }
.main-bestitem-wrap .prdList { display: flex; align-items: top; }
/* .main-bestitem-wrap .prdList .dd-product-item { width: 25%; } */
/* .main-bestitem-wrap .prdList .thumbnail { margin: 0 20px; } */
.main-bestitem-wrap .prdList .thumbnail a { display: block; border-radius: 80px; overflow: hidden; }
.main-bestitem-wrap .prdList .thumbnail a img { width: 100%; }
.main-bestitem-wrap .prdList .description { margin: 0; text-align: center; }
.main-bestitem-wrap .prdList .description .name { margin: 12px 0 0; }
.main-bestitem-wrap .prdList .description .name a { font-size: 20px; font-weight: 500; }
.main-bestitem-wrap .prdList .description .price_wrap { line-height: 1.25; }
.main-bestitem-wrap .prdList .description .price_wrap .price .price_s { font-size: 14px; color: #bbb; line-height: 1.5em; }
.main-bestitem-wrap .prdList .description .price_wrap .price .price_m { font-size: 14px; color: #bbb; line-height: 1.5em; }
.main-bestitem-wrap .prdList .description .price_wrap .price .price_group { display: flex; gap: 8px; align-items: center; justify-content: center; }
.main-bestitem-wrap .prdList .description .price_wrap .price .price_l { font-size: 20px; font-weight: 500; color: #707070; }
.main-bestitem-wrap .prdList .description .price_wrap .price .price_d { font-size: 20px; font-weight: 700; color: #fa6d17; }
.main-bestitem-wrap .prdList .description .icon { margin: 16px auto 0; }
.main-bestitem-wrap .prdList .description .icon img { padding: 0 4px; }
.main-bestitem-wrap .prdList .swiper-button-prev, 
.main-bestitem-wrap .prdList .swiper-button-next { color: #d7d7d7; }
.main-bestitem-wrap .prdList .swiper-button-prev { top: calc(50% - 50px); left: 40px; }
.main-bestitem-wrap .prdList .swiper-button-next { top: calc(50% - 50px); right: 40px; }

/* [S] ¸ÞÀÎ BODY TYPE */
.main-bodytype-wrap { position: relative; margin: 140px 0; padding: 60px 0; background-color: #f9f9f9; }
.main-bodytype-wrap .slider-wrap { position: relative; width: 100%; margin: 0 auto; max-width: 1280px; }
.main-bodytype-wrap .swiper-box { width: 100%; margin: 0 auto; max-width: 1140px; overflow: hidden; }
.main-bodytype-wrap .swiper-slide a { padding: 0 20px; display: block; }
.main-bodytype-wrap .swiper-slide a img { width: 100%; }
.main-bodytype-wrap .swiper-box .swiper-button-prev, 
.main-bodytype-wrap .swiper-box .swiper-button-next { color: #d7d7d7; }
.main-bodytype-wrap .swiper-box .swiper-button-prev { left: 0px; }
.main-bodytype-wrap .swiper-box .swiper-button-next { right: 0px; }

/* [S] ¸ÞÀÎ SIGNATURE */
.main-signature-wrap { margin: 140px 0; }
.main-signature-wrap .swiper-container { position: relative; max-width: 380px; overflow: visible; }
.main-signature-wrap .swiper-slide { display: flex; justify-content: center;  align-items: center; }
.main-signature-wrap .swiper-slide img { width: 250px; transition: width 0.3s ease; }
.main-signature-wrap .swiper-slide-active img { width: 380px; }
.main-signature-wrap .swiper-slide a { display: flex; height: 660px; align-items: center; }
.main-signature-wrap .swiper-container .swiper-button-prev, 
.main-signature-wrap .swiper-container .swiper-button-next { color: #d7d7d7; }
.main-signature-wrap .swiper-container .swiper-button-prev { left: -40px; }
.main-signature-wrap .swiper-container .swiper-button-next { right: -40px; }

/* [S] ¸ÞÀÎ Áß´Ü ¹è³Ê ½½¶óÀ̵å */
.main-middlebanner-wrap { margin: 140px 0; }
.main-middlebanner-wrap .swiper-slide a { display: block; }

/* [S] ¸ÞÀÎ BRAND STORY */
.main-brandstory-wrap { width: 100%; max-width: 1280px; margin: 140px auto; padding: 60px 0; letter-spacing: -0.04em; background: url('//newcomfort.img11.kr/pc/2024_renewal/main_brandstory/brandstory_1pc.jpg') no-repeat center right / auto 100%; }
.main-brandstory-wrap .text-box { position: relative; margin: 40px auto; width: 100%; max-width: 1080px; padding-left: 120px; }
.main-brandstory-wrap .text-box .message {}
.main-brandstory-wrap .text-box .message p { font-size: 40px; line-height: 1.38em; font-weight: 600; color: #000; }
.main-brandstory-wrap .text-box .link { margin: 80px 0; }
.main-brandstory-wrap .text-box .link a { display: inline-block; font-size: 24px; font-weight: 500; color: #c1c1c1; }

/* [S] ¸ÞÀÎ ÇÏ´Ü ¹è³Ê */
.main-bottombanner-wrap { margin: 140px 0; }
.main-bottombanner-wrap .banner-list { display: flex; align-items: top; }
.main-bottombanner-wrap .banner-item { width: 50%; }
.main-bottombanner-wrap .banner-item a { display: block; }
.main-bottombanner-wrap .banner-item a img { width: 100%; }

/* [S] ¸ÞÀÎ NOW ON */
.main-nowon-wrap { position:relative; margin: 140px auto; }
.main-nowon-wrap .slider-wrap { position: relative; width: 100%; max-width: 1680px; margin: 0 auto; }
.main-nowon-wrap .swiper-box { width: 100%; margin: 0 auto; max-width: 1440px; overflow: hidden; }
.main-nowon-wrap .swiper-slide a { display: block; }
.main-nowon-wrap .swiper-slide .image-box { border-radius: 80px; overflow: hidden; }
.main-nowon-wrap .swiper-slide .image-box img { width: 100%; }
.main-nowon-wrap .swiper-slide dl { margin: 20px auto 0; text-align: center; line-height: 1.25; }
.main-nowon-wrap .swiper-slide dl dt { margin: 0 0 12px; font-size: 30px; color: #000; font-weight: bold; }
.main-nowon-wrap .swiper-slide dl dd { font-size: 20px; color: #8b8b8b; }
.main-nowon-wrap .swiper-box .swiper-button-prev, 
.main-nowon-wrap .swiper-box .swiper-button-next { color: #d7d7d7; }
.main-nowon-wrap .swiper-box .swiper-button-prev { top: calc(50% - 40px); left: 40px; }
.main-nowon-wrap .swiper-box .swiper-button-next { top: calc(50% - 40px); right: 40px; }

/* [S] ¸ÞÀÎ ¸µÅ© ¹è³Ê */
.main-linkbanner-wrap { width: 100%; max-width: 1080px; margin: 140px auto; }
.main-linkbanner-wrap .banner-list { display: flex; align-items: top; justify-content: space-between; }
.main-linkbanner-wrap .banner-item { width: calc(50% - 35px); border-radius: 90px; overflow: hidden; }
.main-linkbanner-wrap .banner-item a { display: block; }
.main-linkbanner-wrap .banner-item a img { width: 100%; }

/* [S] ¸ÞÀÎ REVIEW */
.main-review-wrap { position: relative; margin: 140px 0; }
.main-review-wrap .slider-wrap { position: relative; width: 100%; margin: 0 auto; max-width: 1280px; }
.main-review-wrap .swiper-box { width: 100%; margin: 0 auto; max-width: 1140px; }
.main-review-wrap .swiper-slide a { display: block; margin: 0 30px; }
.main-review-wrap .swiper-slide a img { width: 100%; }
.main-review-wrap .swiper-box .swiper-button-prev, 
.main-review-wrap .swiper-box .swiper-button-next { color: #d7d7d7; }
.main-review-wrap .swiper-box .swiper-button-prev { left: 0px; }
.main-review-wrap .swiper-box .swiper-button-next { right: 0px; }

/* [S] Å©¸®¸¶ ¸®ºä */
.dd-crema-wrap { background:#fff; }
.dd-crema-wrap .tit { margin:0 0 50px; text-align: center; }
.dd-crema-wrap .tit span { font-family: 'Gmarket Sans', 'Noto Sans', sans-serif; font-size:40px; font-weight:300; line-height:1; color:#000; }
/* BASIC css end */