@charset "UTF-8";
/* ============================================================================
   포토달력 상세 v2 (detail.v2.asp) — 위쪽 옵션 영역 : 좌 850 갤러리 + 우 300 옵션

   [기준] /sub_dicabook_v2/css/detail_v2.css (디카북 v2) 를 달력 클래스로 옮긴 것이다.
          그쪽은 /sub_album_s3/css/detail_v2.css (포토압축앨범 v2) 를 옮긴 것이라
          세 페이지의 생김새가 같다. 한쪽을 고치면 다른 쪽도 같이 본다.
   다른 곳
     1) 클래스 접두사 dcb_ -> cal_v2_
     2) 왼쪽 큰 그림이 디자인 표지가 아니라 상품 사진이다.
        대표 컷(1700x1400)은 850x700 상자와 비율이 같아 꽉 차고, 사이즈·가이드 컷(230~390px)은
        원본보다 키우지 않는다(기획 상세페이지.html 의 .pk-gallery-main img 규칙과 같다).
     3) 썸네일 그림은 칸을 채운다(contain). 디카북의 70% 축소는 표지 컷 요청이었다.
     4) 달력에만 있는 것 : 옵션 안내(.cal_v2_note) · PDF 주문(.cal_v2_pdf) · 경로(.cal_v2_root)
        대량주문 배너(.bulk_order_banner)는 포토북 sub_book_s8/css/detail.css 와 같은 규칙
     5) 아래 상세설명 본문은 calendar_desc_v2.css(.pk-renewal) 가 맡는다. 여기서는 바깥만.

   ⚠ 이 파일은 UTF-8. detail.v2.asp 는 EUC-KR(CP949) 이다. 섞지 말 것.
   ============================================================================ */

/* ---------- 컨테이너 ----------
   main_2025/css/style.css (1106~1111) 가 .ptb_detail 1200 / .ptb_detail_img 525 / .ptb_detail_oder 630 을
   !important 로 잡는다. 이 페이지는 .ptb_detail_img / .ptb_detail_oder 를 쓰지 않고 cal_v2_ 클래스만 쓴다. */
.ptb_detail.cal_v2_detail {width:1200px !important; margin:0 auto; height:auto;}

.ptb_detail_cnt.cal_v2_box {display:block; position:relative; width:100%; height:auto; margin:20px 0 50px 0;}
.ptb_detail_cnt.cal_v2_box::after {display:table; content:""; clear:both;}

/* ---------- 경로 (홈 > 달력 > 상품명) ----------
   디카북은 dica_cmn.css 의 .cmn_hd_root 를 쓴다. 이 페이지는 그 파일을 싣지 않아 같은 값으로 둔다
   (높이 50 · 12px · #333 · 항목 사이 5px) */
.cal_v2_root {display:flex; flex-wrap:wrap; align-items:center; height:50px; margin:0; padding:0; list-style:none;}
.cal_v2_root li {margin:0 5px; font-size:12px; line-height:50px; color:#333;}
.cal_v2_root li:first-child {margin-left:0;}
.cal_v2_root li a {color:#333; text-decoration:none;}
.cal_v2_root li a:hover {text-decoration:underline;}

/* ---------- GNB 드롭다운 ----------
   공용 헤더의 #header .gnb-blind 는 position:relative · height:570px 빈 칸이라 메뉴를 열면 본문을 570px 밀어낸다.
   이 페이지에서는 그 칸을 띄우지 않는다. 드롭다운(.gnb-open)은 position:absolute 라 본문 위에 겹쳐 열린다 (2026-11-03) */
#header .gnb-blind.current {display:none !important;}

/* ============================================================================
   왼쪽 갤러리 (큰 그림 + 썸네일)
   ============================================================================ */
.cal_v2_box .cal_v2_left {float:left; width:850px; height:auto; text-align:left; box-sizing:border-box;}
/* 오른쪽 옵션 영역을 스크롤하는 동안 왼쪽 갤러리는 화면에 붙어 있다 (디자인팀 over_none 패턴, 2026-10-22).
   service/product/style.css 의 .over_none .left_wrap {position:sticky; top:30px;} 와 같은 값.
   옵션이 끝나면 함께 올라간다. 세로로 쌓이는 900px 이하에서는 900 블록이 푼다.
   [주의] 상위 요소에 overflow:hidden 이 있으면 붙지 않는다 - 1240 블록의 html,body 는 그래서 clip 이다. */
.cal_v2_box .cal_v2_left {position:sticky; top:30px;}
.cal_v2_left .cal_v2_gallery {width:850px;}
.cal_v2_left .cal_v2_gallery::after {display:table; content:""; clear:both;}

/* 큰 그림 상자 : 디카북과 같은 850x700 · #f7f7f7 */
.cal_v2_left .cal_v2_preview {position:relative; display:flex; align-items:center; justify-content:center;
    width:850px; height:700px; background:#f7f7f7; overflow:hidden; box-sizing:border-box; margin:0;}
/* 원본보다 키우지 않는다. 대표 컷(1700x1400)은 상자에 꼭 맞게 줄어든다 */
.cal_v2_left .cal_v2_preview img {display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain;}

/* 썸네일 : 디카북과 같은 100x100 칸 · 활성 테두리는 li 가 갖는다 */
.cal_v2_left ul.cal_v2_thumbs {display:flex; flex-wrap:wrap; justify-content:flex-start;
    width:850px; margin:10px 0 0 0; padding:0; list-style:none; float:none;}
.cal_v2_left ul.cal_v2_thumbs > li {display:flex; align-items:center; justify-content:center;
    float:none; width:100px; height:100px; margin:0 6px 6px 0;
    border:1px solid #ccc; background:#f8f9fa; box-sizing:border-box;
    cursor:pointer; transition:.3s; overflow:hidden;}
/* 마우스를 올렸을 때는 아무것도 바뀌지 않는다 - 누른 칸(active)만 테두리 (디자인팀 2026-10-22) */
.cal_v2_left ul.cal_v2_thumbs > li.active {border:1px solid #222450; transition:.5s;}
.cal_v2_left ul.cal_v2_thumbs > li img {width:auto; height:100%; border:none;}

/* ============================================================================
   오른쪽 옵션 영역 (300) — 디카북 detail_v2.css 와 같은 값
   ============================================================================ */
.cal_v2_box .cal_v2_right {float:right; width:300px; height:auto; text-align:left;}
/* over_none : 디자인팀 공통 클래스(service/product/style.css 와 같은 정의). 옵션 영역(cal_v2_right)에 붙인다 (2026-10-22)
   상위의 overflow:hidden 을 풀어 준다. 이 페이지는 그 CSS 를 부르지 않아 여기 옮겨 적었다. */
.over_none {overflow:inherit !important;}
.cal_v2_right article.right_wrap {width:100%; box-sizing:border-box; padding-top:10px;}
.cal_v2_right article.right_wrap::after {display:table; content:""; clear:both;}

/* 제목 + 공유 */
.cal_v2_right .option_title {position:relative; padding-top:0; margin-bottom:6px; text-align:left; min-height:34px;}
.cal_v2_right .option_title h1 {display:block; margin:0; padding-right:80px; font-size:23px; font-weight:600;
    color:#333; letter-spacing:-0.2px; line-height:1.3; word-break:keep-all;}
.cal_v2_right .option_title .sum_share {position:absolute; right:0; bottom:1px;}
.cal_v2_right .option_title .sum_share .sns_share {line-height:0;}
.cal_v2_right .option_title .sum_share .sns_share button {padding:0; border:none; background:none; cursor:pointer; line-height:0;}
.cal_v2_right .option_title .sum_share .sns_share button img {width:30px; height:30px; margin-top:0;}


/* 가격 (value_sum). #discount_price_txt 에 「원」까지 들어간다 */
.cal_v2_right .value_sum {display:flex; margin:16px 0 10px 0; padding:0; font-size:15px; color:#111; border-top:none; border-bottom:none;}
.cal_v2_right .value_sum dt {text-align:left; display:inline-block; width:0%; box-sizing:border-box; position:relative; font-size:12px; font-weight:500;}
.cal_v2_right .value_sum dd {text-align:left; display:inline-block; width:100%; margin:0; padding:5px 0; box-sizing:border-box; min-height:32px;}
.cal_v2_right .value_sum dd span {padding:0;}
.cal_v2_right .value_sum dd span.n_price {font-size:22px; line-height:32px; font-weight:500; color:#333; text-decoration:none;}
.cal_v2_right .value_sum dd span.x_price {margin-left:5px; font-size:15px; line-height:22px; color:#aaa; font-weight:400; text-decoration:line-through;}
.cal_v2_right .value_sum dd span.dis_percent {margin-left:5px; font-size:13px !important; font-weight:500 !important; color:#fff !important; padding:2px 7px !important; background:#e5362c; border-radius:5px; vertical-align:text-bottom; text-decoration:none;}

/* 정보/옵션 테이블 */
.cal_v2_right article.right_wrap .tb_option {width:100%; text-align:left; border-collapse:collapse;}
.cal_v2_right article.right_wrap .tb_option caption {display:none;}
.cal_v2_right article.right_wrap .tb_option th {padding:5px 0; font-size:12px; font-weight:500; color:#111; text-align:left; vertical-align:top;}
.cal_v2_right article.right_wrap .tb_option td {padding:5px 0; position:relative; font-size:12px; color:#666; word-break:keep-all;}
.cal_v2_right article.right_wrap .tb_option td a {color:#1a1a1a;}
.cal_v2_right .tb_option.mt20 {margin-top:20px;}
.cal_v2_right .cal_v2_delay {width:100%; padding:10px 0; box-sizing:border-box; font-size:12px;}

/* 옵션 항목 제목 */
.cal_v2_right .td_select h4 {margin-bottom:0 !important; padding:5px 0 10px 0; font-weight:600; color:#111; text-align:left; font-size:13px;}
.cal_v2_right .td_select .size_abs {position:absolute; top:20px; right:0; margin:0; font-size:12px; color:#999;}
.cal_v2_right .td_select .op_t10 {top:10px !important;}

/* 라디오 옵션 (radio_select) */
.cal_v2_right .radio_select {position:relative; padding:1px 0; font-size:0;}
.cal_v2_right .radio_select input {position:absolute !important; height:0; width:0; border:0; overflow:hidden; opacity:0;}
.cal_v2_right .radio_select label {width:110px; height:45px; display:inline-block; margin-right:-1px; margin-top:-1px; font-size:13px; text-align:center; color:#777; line-height:43px; border:1px solid #d4d4d4; background:#fff; transition:all 0.1s ease-in-out; box-sizing:border-box; cursor:pointer;}
.cal_v2_right .radio_select label:hover {z-index:1; position:relative; border:1px solid #222450; cursor:pointer;}
.cal_v2_right .radio_select input:checked + label {z-index:1; position:relative; color:#222450; border:1px solid #222450;}
.cal_v2_right .radio_select label.active {z-index:1; position:relative; color:#222450 !important; border:1px solid #222450 !important;}

.cal_v2_right article.right_wrap .td_select .radio_select {display:flex;}
.cal_v2_right article.right_wrap .td_select .radio_select label {display:table; position:relative; width:12%; height:35px; margin-right:2%; line-height:15px; font-size:11px; vertical-align:top;}
.cal_v2_right article.right_wrap .td_select .radio_select label > span {display:table-cell; vertical-align:middle; line-height:16px; padding:0 4px; word-break:keep-all;}

/* 1열 / 2열 / 3열 : 사이즈 4종(탁상)·2종 = 2열, 3종(벽걸이·우드) = 3열, 1종(미니) = 1열 */
.cal_v2_right article.right_wrap .td_select .radio_full1 {justify-content:flex-start; flex-wrap:wrap;}
.cal_v2_right article.right_wrap .td_select .radio_full1 label {width:100% !important; height:45px !important; margin-right:0; margin-bottom:6px;}
.cal_v2_right article.right_wrap .td_select .radio_full2 {justify-content:space-between; flex-wrap:wrap;}
.cal_v2_right article.right_wrap .td_select .radio_full2 label {width:49% !important; height:45px !important; margin-right:0; margin-bottom:6px;}
.cal_v2_right article.right_wrap .td_select .radio_full3 {justify-content:space-between; flex-wrap:wrap;}
.cal_v2_right article.right_wrap .td_select .radio_full3 label {width:32.5% !important; height:45px !important; margin-right:0; margin-bottom:6px;}

/* 드롭다운 (select_wrap) : 시작 월 · 페이지수 */
.cal_v2_right .select_wrap {position:relative; margin:0px 0px 6px 0px !important; cursor:pointer;}
.cal_v2_right .select_wrap h4 {padding:10px 15px !important; margin-top:0 !important; border:1px solid #d9d9d9; font-weight:normal;}
.cal_v2_right .select_wrap h4 span {font-size:12px; color:#666; font-weight:normal;}
.cal_v2_right .select_wrap button.more_btn {position:absolute; top:13px; right:15px; background:none; border:none; padding:0; cursor:pointer;}   /* PC 13px (2026-10-22). 모바일은 768 블록에서 18px */
.cal_v2_right .select_wrap button.more_btn img {width:13px;}
.cal_v2_right .select_wrap .more_box {display:none; z-index:300; position:absolute; top:0; left:0; width:100%; max-height:300px; margin:0; padding:0; list-style:none; border:1px solid #d9d9d9; background:#fff; overflow-y:auto; overflow-x:hidden; box-sizing:border-box;}
.cal_v2_right .select_wrap .more_box li {display:flex; align-items:center; float:none; width:100%; height:auto; margin:0; padding:5px 10px; font-size:12px !important; line-height:normal; color:#666; text-align:left; border-bottom:1px solid #f2f2f2; box-sizing:border-box; cursor:pointer;}
.cal_v2_right .select_wrap .more_box li p {margin:0;}
.cal_v2_right .select_wrap .more_box li:last-child {border:none;}
.cal_v2_right .select_wrap .more_box li:hover {background:#f8f9fa;}
.cal_v2_right .select_wrap .more_box li:hover p {text-decoration:underline; color:#1a1a1a;}
.cal_v2_right .select_wrap .more_box.more_box_new li {padding:12px 15px;}

/* 옵션 아래 안내 한 줄 (기간 · 구성 · 달력폼 설명 · 가격 안내).  기획 .prb_price_note 와 같은 자리 */
.cal_v2_right .cal_v2_note {margin:4px 0 2px; font-size:12px; line-height:1.55; color:#888; word-break:keep-all;}
.cal_v2_right .cal_v2_price_note {margin-top:6px;}

/* 배송비 (CTA 위) — btype=cack 의 <p class="delivery"> 와 같은 형식 */
.cal_v2_right p.delivery {margin-top:20px; font-size:13.5px; text-align:left; color:#666;}
.cal_v2_right p.delivery span {margin-left:10px; padding-left:10px;
    background:url('/apparel/tshirt/img/line.png?t=1') 0 5px no-repeat;}

/* 만들기 버튼 : 300x60 (디카북과 같다) */
.cal_v2_right .btn_make {display:block; margin-top:12px; width:100%; height:60px; float:none;}
.cal_v2_right .btn_make a.select_design {display:block; width:100%; height:60px; padding:20px 0; font-size:16px; line-height:20px; color:#fff; text-align:center; background-color:#222450; background-image:none; box-sizing:border-box; transition:.5s; text-decoration:none;}
.cal_v2_right .btn_make a.select_design:hover {background-color:#3e4188; color:#fff; transition:.5s;}
.cal_v2_right .btn_make a.select_design p {margin:0; padding:0; width:auto; height:auto; float:none; background:none; color:#fff; font-size:16px; line-height:20px; text-align:center;}

/* PDF 파일로 주문하기 : 만들기 아래 보조 버튼 (테두리만) */
.cal_v2_right .cal_v2_pdf {display:block; margin-top:8px; width:100%; height:48px; line-height:46px; border:1px solid #222450;
    background:#fff; color:#222450; font-size:14px; text-align:center; text-decoration:none; box-sizing:border-box; transition:.3s;}
.cal_v2_right .cal_v2_pdf:hover {background:#f0f1f6;}

.bulk_order_banner {display: inline-flex; align-items: center; gap: 14px; background: #fafafa; border: 1px solid #e0e0e0; border-radius: 7px; padding: 14px 16px; margin-top: 20px; cursor: pointer; text-decoration: none; color: inherit; transition: border-color 0.2s, background 0.2s; box-sizing: border-box; width: 100%;}
.bulk_order_banner .bulk_order_icon {width: 48px; height: 48px; min-width: 48px; background-color: #f0f0f0; background-image: url(/re_181207/images/icon_bulk_order.png?t=1);background-size: 28px auto; background-repeat: no-repeat;background-position: 12px 14px; border-radius: 11px;}
.bulk_order_banner .bulk_order_text {flex: 1; display: flex; align-items: center; gap: 2px 10px; flex-wrap: wrap;}
.bulk_order_banner .bulk_order_text strong {font-size: 14px; font-weight: 700; color: #111; letter-spacing: -0.3px; white-space: nowrap;}
.bulk_order_banner .bulk_order_text span {font-size: 12px; color: #777; letter-spacing: -0.2px; white-space: nowrap;}
.bulk_order_banner .bulk_order_arrow {width: 13px; height: 13px; min-width: 13px; background-image: url(/apparel/tshirt/img/more@2x.png?t=1); background-size: contain; background-repeat: no-repeat; background-position: center; transform: rotate(-90deg);}

/* ---------- 스티키 네비게이션 (디카북 .dcb_v2_nav 와 같다) ----------
   [주의] 위 .more_box 의 z-index:300 은 이 120 을 이기려고 준 값이다. */
.cal_v2_nav {position:sticky; top:0; z-index:120; background:#fff;}
/* 스티키 바(.option_detail_wrap)에서 가격·만들기 버튼과 한 줄에 들어가게 글자 칸을 줄인다
   (스티키 바 탭은 6개 - 활용사례는 뺐다. 본문 탭 #calSnav 는 7개 그대로) */
.option_detail_wrap#calSticky .detail_tab ul li a {padding-left:10px; padding-right:10px; white-space:nowrap;}

/* 저작권 · 후기 영역 */
.cal_v2_copyright {margin-top:60px;}

/* ============================================================================
   좁은 폭 (1240px 이하) — 디카북 detail_v2.css 의 같은 블록. 헤더·푸터·공통 배송 보정 포함.
   [주의] 같은 블록이 list.v2.asp 에도 있다. 고칠 때 두 곳을 같이.
   ============================================================================ */
@media (max-width:1240px) {
    .cal_v2_nav ul.fixed_nav2 {width:100% !important; padding:0 16px; box-sizing:border-box;}

    .ptb_detail.cal_v2_detail {width:auto !important; max-width:100% !important; padding:0 16px; box-sizing:border-box;}

    /* 850 + 300 이 들어가지 않으면 왼쪽을 줄인다. 오른쪽 300 은 그대로 */
    .cal_v2_box .cal_v2_left {width:calc(100% - 330px);}
    .cal_v2_left .cal_v2_gallery,
    .cal_v2_left ul.cal_v2_thumbs {width:100%;}
    .cal_v2_left .cal_v2_preview {width:100%; height:auto; aspect-ratio:17 / 14;}

    #header {height:auto !important;}
    #header .section {height:auto !important;}
    #header .head-top-wrap {position:static !important; height:auto !important;}
    #header .head-gnb.head-gnb-new {padding-top:0 !important; height:auto !important;}
    #header .head-gnb-new .gnb-depth1-area {padding-top:0 !important;}
    #header .head-gnb-new h1 {position:static !important; top:auto !important; left:auto !important;}
    #header .head-top,
    #header .head_topmenu,
    #header .head-gnb,
    #header .head-gnb.head-gnb-new,
    #header .gnb-area {width:100% !important; max-width:100% !important; box-sizing:border-box;}
    #header .head-top,
    #header .head_topmenu,
    #header .gnb-area {padding-left:16px; padding-right:16px;}
    #header .gnb-area {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
    #header .gnb-area::-webkit-scrollbar {display:none;}
    #header ul.gnb-depth1-area {width:max-content !important; min-width:100%; flex-wrap:nowrap !important;}
    #header .head-top-wrap .head_topmenu {width:100% !important; height:auto !important;
        flex-wrap:wrap; align-items:center; gap:8px; padding:8px 16px; box-sizing:border-box;}
    #header .head_topmenu h1.logo {display:flex !important; flex-wrap:wrap; align-items:center;
        width:100% !important; gap:10px;}
    #header .head_topmenu h1.logo > a {flex:0 0 auto;}
    #header .head_topmenu .search_wrap {width:100% !important; flex:1 1 100%;
        min-width:0; margin-left:0 !important; box-sizing:border-box;}
    #header .head_topmenu .search_wrap .searching_wrap {width:100% !important;
        max-width:100% !important; box-sizing:border-box;}
    #header .head_topmenu .search_wrap .searching_wrap .search_box {width:100%; min-width:0;}
    #header .head_topmenu .search_wrap input {min-width:0; max-width:100%; box-sizing:border-box;}
    #header .head_topmenu .search_wrap .input_search {width:auto !important; min-width:0; flex:1 1 auto;}
    #header .head_topmenu .right_menu {position:static !important; width:100% !important;
        top:auto !important; right:auto !important;}

    #footer .footer .section {width:100% !important; max-width:100% !important;
        padding-left:16px; padding-right:16px; box-sizing:border-box;}
    #footer .footer .logo,
    #footer .footer .sitemap,
    #footer .footer .siteinfo {width:100% !important; max-width:100% !important; box-sizing:border-box;}
    #footer .footer .sitemap {flex-wrap:wrap; gap:14px 24px;}
    #footer .footer .logo ul {position:static !important; margin-top:10px;}
    #footer .footer .siteinfo .info_txt {max-width:100% !important; box-sizing:border-box;}
    #footer .footer .siteinfo .info_store {width:100% !important; height:auto !important;
        position:relative; margin-top:10px;}
    #footer .footer .siteinfo .info_store a.playstore,
    #footer .footer .siteinfo .info_store a.appstore {position:static !important;
        display:inline-block; margin:0 8px 8px 0; top:auto !important; right:auto !important;}

    #gift_review.review_w1000 {width:100% !important; max-width:100% !important;
        padding-left:16px; padding-right:16px; box-sizing:border-box;}

    .quick.button {right:10px !important;}
    .quick.button .gotop,
    .quick.button .sameday_delivery,
    .quick.button .gocscenter {right:10px !important;}

    /* 공통 배송안내·저작권 영역의 1200/1000px 고정 */
    .cnt-wrap8, .cnt-box8, .cnt-box8 .cnt-delivery,
    .cnt-delivery, .cnt-quick-disc {width:auto !important; max-width:100% !important; box-sizing:border-box;}
    .cal_v2_copyright, .cal_v2_copyright * {max-width:100% !important; box-sizing:border-box;}
    .cal_v2_copyright img {height:auto !important;}

    html, body {overflow-x:hidden; overflow-x:clip;}   /* clip : 가로로 넘친 것은 똑같이 자르되 스크롤 상자를 만들지 않아 왼쪽 갤러리 sticky 가 산다. clip 을 모르는 옛 브라우저는 hidden (고정만 안 됨) */
}

/* ---------------------------------------------------------------------------
   900px 이하 : 왼쪽을 더 줄이면 그림이 작아진다. 위아래 1단으로 (디카북은 768 에서 하지만
   달력 오른쪽 옵션이 길어 300 옆에 남는 폭이 먼저 모자란다)
   --------------------------------------------------------------------------- */
@media (max-width:900px) {
    .cal_v2_box .cal_v2_left,
    .cal_v2_box .cal_v2_right {float:none !important; width:100% !important;}
    .cal_v2_box .cal_v2_left {position:static;}   /* 세로로 쌓이면 붙이지 않는다 */
    .cal_v2_box .cal_v2_right {margin-top:24px;}
}

/* ---------------------------------------------------------------------------
   768px 이하 (디카북 detail_v2.css 의 768 블록)
   --------------------------------------------------------------------------- */
@media (max-width:768px) {
    .ptb_detail.cal_v2_detail {padding:0 !important;}
    .cal_v2_root {padding:0 16px;}
    .ptb_detail_cnt.cal_v2_box {margin:4px 0 30px 0;}
    .cal_v2_box .cal_v2_right {padding:0 16px; box-sizing:border-box;}

    .cal_v2_left .cal_v2_preview {padding:12px;}
    .cal_v2_left ul.cal_v2_thumbs {padding:0 16px; box-sizing:border-box;}
    .cal_v2_left ul.cal_v2_thumbs > li {width:64px; height:64px;}
    /* 벽걸이 6장 · 2단 5장도 한 줄 : 줄이 좁으면 칸이 64px 에서 줄어든다 (2026-11-03) */
    .cal_v2_left ul.cal_v2_thumbs {flex-wrap:nowrap;}
    .cal_v2_left ul.cal_v2_thumbs > li {flex:0 1 64px; min-width:0; height:auto; aspect-ratio:1 / 1;}

    .cal_v2_right .option_title h1 {font-size:20px;}
    .cal_v2_right article.right_wrap .td_select .radio_full1 label,
    .cal_v2_right article.right_wrap .td_select .radio_full2 label,
    .cal_v2_right article.right_wrap .td_select .radio_full3 label {height:48px !important;}
    .cal_v2_right .select_wrap h4 {padding:14px 15px !important;}
    .cal_v2_right .select_wrap button.more_btn {top:18px;}   /* 모바일은 원래 값 (PC 만 13px) */
    .cal_v2_right .btn_make,
    .cal_v2_right .btn_make a.select_design {height:56px;}
    .cal_v2_right .btn_make a.select_design {padding:18px 0;}

    /* 스티키 네비 : 7칸이 한 줄에 안 들어간다. 그 줄 안에서 가로 스크롤 */
    .cal_v2_nav ul.fixed_nav2 {width:100% !important; padding:0 12px; box-sizing:border-box;
        overflow-x:auto; -webkit-overflow-scrolling:touch; flex-wrap:nowrap;}
    .cal_v2_nav ul.fixed_nav2::-webkit-scrollbar {display:none;}
    .cal_v2_nav ul.fixed_nav2 > li {width:auto !important; flex:0 0 auto; white-space:nowrap;}
    .cal_v2_nav ul.fixed_nav2 > li a {padding:0 12px; font-size:14px;}

    .quick.button {display:none !important;}
}