@charset "utf-8";

:root {
    --color-white: #fff;
    --color-white-58: rgba(255, 255, 255, 0.58);
    --color-black: #000;
    --color-point: #005CF0;
    --color-skyblue: #5E96F1;
    --color-skyblue2: #5592F5;

    --color-btn-hover: #0046B7;

    --color-text: #686868;
    --color-text2: #4E4E4E;
    --color-text3: #343434;
    
    --color-sub-text: #A1A0A0;

    --color-border: #E8EAEE;
    --color-border-60: rgba(232, 234, 238, 0.6);
    --color-border2: #D4E0F3;

    --color-bg-grey: #00000066;
    --color-bg-menu: #F5F7F9;
    --color-bg-notice: rgba(212, 224, 243, 0.4);
    --color-bg1: #EEF4FF;

    --color-shadow: #7081981F;
    --color-shadow2: #70819833;
}

* {font-family: 'pretendard', 'Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif';}
h1, h2, h3, h4, h5, h6,
body, th, td, input, select, textarea, button {font-family: 'pretendard', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;}
html.scroll{overflow: hidden;}
/* 미노출 */
#quick {display: none;}
#hd {z-index: 10;height: 80px;}
#hd, #wrapper, #ft {min-width: auto;}
#hd {box-shadow: 0 1px 8px var(--color-shadow);position: fixed;top: 0;width: 100%;background: var(--color-white);}
#hd_pop,#hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width: 100%;max-width: 1280px;}
#hd_wrapper {display: flex;align-items: center;height: 100%;}
#logo {padding: 0;}
#logo a {display: flex;}
#logo img {width: 200px;}
.hd_login {top: 32px;}
.hd_login>li {margin: 0 20px;}
.hd_login>li.login a {background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.97998 16V15H14.385C14.5383 15 14.6793 14.936 14.808 14.808C14.9366 14.68 15.0006 14.5387 15 14.384V1.616C15 1.462 14.936 1.32067 14.808 1.192C14.68 1.06333 14.5386 0.999333 14.384 1H7.98098V0H14.385C14.845 0 15.229 0.154333 15.537 0.463C15.845 0.771666 15.9993 1.156 16 1.616V14.385C16 14.845 15.8456 15.2293 15.537 15.538C15.2283 15.8467 14.8443 16.0007 14.385 16H7.97998ZM7.26998 11.539L6.56698 10.819L8.88698 8.5H0.0189819V7.5H8.88698L6.56698 5.18L7.26898 4.462L10.808 8L7.26998 11.539Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat right center;}
.hd_login>li.join a, .hd_login>li a.mypage {padding: 0 18px 0 0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z'/%3E%3C/svg%3E") no-repeat right center / 13px 14.86px;filter: invert(48%) sepia(0%) saturate(2504%) hue-rotate(154deg) brightness(83%) contrast(93%);}
.hd_login>li a, .hd_login>li.login a {padding: 0 21px 0 0;border: none;font-size: 16px;line-height: 19px;color: var(--color-text);letter-spacing: -0.32px;}
.hd_login>li a:hover {color: var(--color-black);filter: invert(23%) sepia(43%) saturate(7304%) hue-rotate(212deg) brightness(96%) contrast(104%);}
/* 로그인 */
.hd_login>li.shop_login {margin: 0;margin-top: 0;}
.top_member_box li {margin: 0 20px;float: left;}
#ol_after_logout {border: none;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.658' height='16' viewBox='0 0 15.658 16'%3E%3Cpath id='material-symbols-light_logout-rounded' d='M5.616,20A1.58,1.58,0,0,1,4,18.384V5.616A1.582,1.582,0,0,1,5.616,4h5.9a.5.5,0,1,1,0,1h-5.9a.591.591,0,0,0-.424.192A.584.584,0,0,0,5,5.616V18.385a.59.59,0,0,0,.192.423A.582.582,0,0,0,5.615,19h5.9a.5.5,0,1,1,0,1ZM18.06,12.5H9.692a.5.5,0,1,1,0-1H18.06L16.089,9.529a.492.492,0,0,1-.15-.338.476.476,0,0,1,.15-.364.468.468,0,0,1,.713-.006l2.614,2.613a.782.782,0,0,1,0,1.132L16.8,15.179a.5.5,0,0,1-.347.153.481.481,0,0,1-.366-.159.471.471,0,0,1,0-.707Z' transform='translate(-4 -4)' fill='%23686868'/%3E%3C/svg%3E%0A") no-repeat right center;font-size: 16px;line-height: 19px;color: var(--color-text);}

#hd_menu {position: absolute;top: 50%;left: 50%;z-index: 50;width: auto;height: 80px;background: none;transform: translate(-50%, -50%);}
.hd_menu {width: auto;float: none;}
.hd_menu > li {padding: 0 37px;position: relative;width: auto;}
.hd_menu > li > a {padding: 27px 0;border: none;border-bottom: 3px solid transparent;height: 80px;font-size: 22px;font-weight: 700;color: var(--color-black);box-sizing: border-box;}
.hd_menu > li > a:hover {border-bottom: 3px solid var(--color-point);color: var(--color-point);}

.top_menu_pan {display: none;position: fixed;top: 80px;left: 50%;width: 100vw;height: 100svh;background: var(--color-bg-grey);transition: all 0.3s;transform: translateX(-50%);}
.gift_list {position: absolute;position: fixed;top: 0;top: 80px;left: 50%;left: 50%;width: 100vw;visibility: hidden;background: var(--color-bg-menu);transition: all 0.3s;transform: translateX(-50%);opacity: 0;}
.gift_list + ul, .gift_list + p {margin: 0 !important; padding: 22px 0 38px; position: absolute; left: 50%; width:auto; min-width: 100%;visibility: hidden;transition: all 0.3s; transform: translateX(-50%);opacity: 0;}
.hd_menu li.top_menu .active {visibility: visible;transition: all 0.3s;opacity: 1;} 

.hd_menu > li.top_menu .sct_10 .sct_img,
.hd_menu > li.top_menu .sct_10 .sct_bottom {display: none;}
.hd_menu > li.top_menu .sct_10 .sct_li {margin: 0;padding: 9px 0;float: none;text-align: center;white-space: nowrap;}
.hd_menu > li.top_menu .sct_10 .sct_txt { margin: 0; padding-bottom: 0; border-bottom: none; }
.hd_menu > li.top_menu .sct_10 .sct_txt a { border-right: none; font-size: 17px; font-weight: 500; color: var(--color-text); }
.hd_menu > li.top_menu .sct_10 .sct_txt a:hover {color: var(--color-skyblue);}
#side_menu {padding: 0;border: none;box-shadow: none;top: auto;right: 157px;bottom: 80px;height: auto;background: none;}
#top_btn {margin: 0;border: none; position:static;width: 60px;height: 60px;background: url("data:image/svg+xml,%3Csvg id='top' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ccircle id='타원_7' data-name='타원 7' cx='30' cy='30' r='30' fill='%23005cf0'/%3E%3Cpath id='arrow' d='M15.406,5.723l7.606,7.606a.762.762,0,0,1-1.077,1.077L15.628,8.1V27.091a.761.761,0,0,1-1.521,0V8.1L7.8,14.406a.762.762,0,0,1-1.077-1.077l7.606-7.606a.761.761,0,0,1,1.077,0Z' transform='translate(15.501 13.501)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat center / cover;font-size: 0;}
#top_btn:hover { border: none;background: url("data:image/svg+xml,%3Csvg id='top' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Ccircle id='타원_7' data-name='타원 7' cx='30' cy='30' r='30' fill='%23005cf0'/%3E%3Cpath id='arrow' d='M15.406,5.723l7.606,7.606a.762.762,0,0,1-1.077,1.077L15.628,8.1V27.091a.761.761,0,0,1-1.521,0V8.1L7.8,14.406a.762.762,0,0,1-1.077-1.077l7.606-7.606a.761.761,0,0,1,1.077,0Z' transform='translate(15.501 13.501)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat center / cover;}
#wrapper {padding: 80px 0 0;min-height: calc(100svh - 450px);background: var(--color-white);}

/* 푸터 */
#ft {background: var(--color-black);}
#ft_wr {padding: 70px 0;}
#ft_wr .ft_cnt { padding: 0 198px 0 0; width: auto;}
#ft_link a {display: inline-block;font-size: 18px; font-weight: 500; line-height: 21px;}
#ft_wr .ft_cnt li {margin-bottom: 15px;}
#ft_company {font-size: 16px;line-height: 19px;color: var(--color-border);}
#ft_company span {display: block;margin-bottom: 17px;}
#ft_company span:last-child {display: none;}
#ft_copy { padding: 17px 0; border-top: 1px solid var(--color-text); width: 100%; max-width: 1280px; font-size: 14px; line-height: 1.4; color: var(--color-text); letter-spacing: -0.28px; }

/* 모바일 */
.btn_menu_mo {display: none;position: absolute;top: 50%;right: 16px;width: 26px;height: 18px;background: url("data:image/svg+xml,%3Csvg id='menu' xmlns='http://www.w3.org/2000/svg' width='26' height='17.333' viewBox='0 0 26 17.333'%3E%3Cpath id='material-symbols_menu-rounded' d='M4.444,23.333a1.445,1.445,0,1,1,0-2.889H27.556a1.456,1.456,0,0,1,1.028,2.474,1.382,1.382,0,0,1-1.028.415Zm7.222-7.222a1.445,1.445,0,1,1,0-2.889H27.556A1.456,1.456,0,0,1,28.584,15.7a1.382,1.382,0,0,1-1.028.415ZM4.444,8.889A1.421,1.421,0,0,1,3,7.444,1.421,1.421,0,0,1,4.444,6H27.556A1.419,1.419,0,0,1,29,7.444a1.41,1.41,0,0,1-.416,1.03,1.382,1.382,0,0,1-1.028.415Z' transform='translate(-3 -6)' fill='%23005cf0'/%3E%3C/svg%3E%0A") no-repeat center;font-size: 0;transform: translateY(-50%);}
.btn_menu_mo.active {width: 17px;height: 17px;background: url("data:image/svg+xml,%3Csvg id='close' xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cpath id='material-symbols_close-rounded' d='M13.925,15.735,7.59,22.069a1.226,1.226,0,0,1-.9.356,1.28,1.28,0,0,1-.9-2.165l6.335-6.335L5.781,7.59a1.226,1.226,0,0,1-.356-.9,1.217,1.217,0,0,1,1.26-1.26,1.226,1.226,0,0,1,.9.356l6.335,6.335L20.26,5.781a1.261,1.261,0,0,1,2.165.9,1.226,1.226,0,0,1-.356.9l-6.335,6.335,6.335,6.335a1.28,1.28,0,0,1-1.81,1.81Z' transform='translate(-5.425 -5.425)' fill='%23005cf0'/%3E%3C/svg%3E%0A");}
.mo_btn_menu_box {display: none;border-top: 1px solid var(--color-border);overflow-y: auto;position: fixed;top: 60px;width: 100%;height: calc(100dvh - 60px);background: var(--color-white);}
.mo_btn_menu_box .mo_hd_menu > li {border-bottom: 1px solid var(--color-border-60);}
.mo_btn_menu_box .mo_hd_menu > li > a {display: block;padding: 20px 16px;position: relative;font-size: 22px;font-weight: 500;line-height: 1.4;color: var(--color-text2);letter-spacing: -0.44px;}
.mo_btn_menu_box .mo_hd_menu li.top_menu > a{padding-right: 34px;}
.mo_btn_menu_box .mo_hd_menu li.top_menu > a::after {display: block;position: absolute;top: 50%;right: 10px;width: 24px;height: 24px;background: url("data:image/svg+xml,%3Csvg id='구성_요소_219_1' data-name='구성 요소 219 – 1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='그룹_220' data-name='그룹 220' transform='translate(43 -353) rotate(90)'%3E%3Cg id='사각형_233' data-name='사각형 233' transform='translate(353 19)' fill='%23fff' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='24' height='24' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='23' height='23' fill='none'/%3E%3C/g%3E%3Cpath id='slider' d='M70.632,69.22a1,1,0,0,1,0,1.415l-5,5a1,1,0,1,1-1.415-1.415l4.293-4.293-4.29-4.293a1,1,0,0,1,1.415-1.415l5,5Z' transform='translate(297.076 -38.928)' fill='%234e4e4e'/%3E%3C/g%3E%3C/svg%3E%0A");content: '';transform: translateY(-50%);}
.mo_btn_menu_box .mo_hd_menu li.top_menu > a.active{background: var(--color-point);color: var(--color-white);}
.mo_btn_menu_box .mo_hd_menu li.top_menu > a.active::after {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='구성_요소_219_2' data-name='구성 요소 219 – 2' transform='translate(24 24) rotate(180)'%3E%3Cg id='사각형_233' data-name='사각형 233' transform='translate(24) rotate(90)' fill='%23fff' stroke='%23707070' stroke-width='1' opacity='0'%3E%3Crect width='24' height='24' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='23' height='23' fill='none'/%3E%3C/g%3E%3Cpath id='slider' d='M70.632,69.22a1,1,0,0,1,0,1.415l-5,5a1,1,0,1,1-1.415-1.415l4.293-4.293-4.29-4.293a1,1,0,0,1,1.415-1.415l5,5Z' transform='translate(81.926 -54.925) rotate(90)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");}
.mo_btn_menu_box .mo_hd_login { margin-top: 13px; }
.mo_btn_menu_box .mo_hd_login > li {padding: 15px 16px;}
.mo_btn_menu_box .mo_hd_login > li a {font-size: 20px;line-height: 1.4;color: var(--color-text);letter-spacing: -0.4px;}

#ft_wr .ft_escrow {position: absolute;top: 70px;right: 0;}
#ft_wr .ft_escrow a img {display: block;max-width: 92px;}

/* 반응형(MO) */
@media screen and (max-width: 1280px) { 
    #hd {height: 60px;}
    #hd_wrapper {display: flex;align-items: center;padding: 0 16px;height: 60px;}
    #logo img { width: 112px; }
    .hd_menu, .hd_login {display: none;}
    .btn_menu_mo, .mo_btn_menu_box {display: block;}

    .gift_list {display: none;position: relative;top: 0;visibility: visible;transition: none;opacity: 1;}
    .gift_list ul {margin: 0 !important;padding: 0;width: 100%;}
    .gift_list .sct_10 .sct_li {margin: 0;padding: 16px;border-bottom: 1px solid var(--color-border);width: 100%;background: var(--color-bg-menu);text-align: start;}
    .gift_list .sct_10 .sct_li .sct_img, .gift_list .sct_10 .sct_bottom  {display: none;}
    .gift_list .sct_10 .sct_li:last-child {border-bottom: none;}
    .gift_list .sct_10 .sct_txt {margin: 0;padding: 0;border-bottom: none;}
    .gift_list .sct_10 .sct_txt a {font-size: 18px;line-height: 1.4;color: var(--color-text2);letter-spacing: -0.36px;}
    
    #wrapper {padding: 60px 0 0;}

    #ft_wr { padding: 37px 18px 22px; }
    #ft_wr .ft_cnt {padding: 0 0 42px;float: none;}
    #ft_wr .ft_escrow {top: 37px;right: 18px;}

    #side_menu {right: 20px;bottom: 50px;}
    #top_btn {width: 50px;height: 50px;}

    #container {min-height: auto;}
}