@charset "UTF-8";




/* /////////////////////////////////////////////////////
                 diva 전역변수 token 작업 
////////////////////////////////////////////////////////
*/



:root {


    /* ////////////////////////////////////
                 LAYOUT SYSTEM 
    ////////////////////////////////////// */

    /* Layout */
    --layout-content-width: min(92%, 1200px);

    --layout-wide-width:min(94%,1440px);

    /*  추후 확장 가능..  */
    /* --layout-full-width:; */
    /* --layout-header-height:; */



    /* ////////////////////////////////////
                   SPACE SYSTEM 
    ////////////////////////////////////// */


    /* ///////////   common space   ////////// */

    /* section padding-block */
    --space-section-y: clamp(2rem, 5vh, 10rem);


    /* //////////   section space   ////////// */

    /* section inner gap space  */
    --space-section-inner: clamp(3rem, calc(4.8vw + 1rem), 12rem);

    /* section title and first text */
    --space-section-title: clamp(1.8rem, calc(2vw + 1rem), 2.2rem);

    /* section inner title and content text */
    --space-section-content: clamp(1.8rem, calc(2vw + 1rem), 2.6rem);

    /* section basis50% -> split gap  */
    --space-section-split-gap: clamp(3rem, calc(6vw + 1rem), 12rem);

    /* section contents gap space - section content block -> content block gap */
    --space-section-contents-gap: clamp(2rem, calc(8vw + 1rem), 4.6rem);

    /* sitemap inner title and content text */
    --space-sitemap-content: clamp(1.2rem, calc(1.3vw + 1rem), 1.4rem);





    /* //////////   component space   ////////// */

    /* header nav gap space  */
    --space-nav-title-gap: clamp(2rem, calc(5vw + 1rem), 6rem);

    /*  
    --space-nav-title-gap: clamp(2rem, calc(3vw + 1rem), 5rem); */





    /* footer nav gap space  */
    --space-footer-title-gap: clamp(0.5rem, calc(0.6vw + 1rem), 1rem);

    /* gallery thumb box gap space */
    --space-gallery-thumb-gap: clamp(0.5rem, 0.6vw, 0.8rem);




    /* ////////////////////////////////////
                 WEB FONT SYSTEM 
    ////////////////////////////////////// */


    /* Font Family */
    --wb-font-family-base: 'Pretendard Variable', sans-serif;

    /* Semantic Font Size */
    /*  logo size  */
    --wb-font-h1: clamp(13rem, 12vw, 15rem);

    /*  hero title */
    --wb-font-h2: clamp(4.5rem, calc(5vw + 1rem), 7rem);

    /*  section main title */
    --wb-font-h3: clamp(2.5rem, calc(2.8vw + 1rem), 3.2rem);

    /*  section small title :: footer title  :: mobile depth01 :: pc title */
    --wb-font-h4: clamp(1.9rem, calc(1.8vw + 1rem), 1.9rem);

    /*  section nav depth 01 */
    --wb-font-h5: clamp(1.6rem, calc(1.5vw + 1rem), 1.6rem);    

    /*  hero text */
    --wb-font-hero-text: clamp(1.6rem, calc(1.5vw + 1rem), 2rem);  

    /*  본문 텍스트 :: 푸터 서브 목록 텍스트  ::  section nav depth 02 :: sub nav */
    --wb-font-text: clamp(1.5rem, calc(1.5vw + 1rem), 1.6rem);

    /*  small-btn  */
    --wb-small-btn-text: clamp(1.2rem, calc(1.2vw + 1rem), 1.2rem);



    /* Font Weight */
    --wb-font-weight-regular: 400;
    --wb-font-weight-medium: 500;
    --wb-font-weight-semibold: 600;
    --wb-font-weight-bold: 700;
    --wb-font-weight-black: 900;


    /* Line Height */
    --wb-line-title: 1.1;
    --wb-line-text: 1.65;




    /* ////////////////////////////////////
                 COLOR SYSTEM 
    ////////////////////////////////////// */


    /* 섹션 타이틀 색상*/
    --wb-font-hero-color: #fff;




}