@charset "utf-8";

/*
	[디자인팀 맞춤제작 및 수정 CSS]

	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.
	본 소스는 모두 (주)상상너머의 지적 재산이며, 이에 대해 무단도용 및 수정 재배포/재편집등을 절대 금하며 적발 시 법적 대응을 할 것임을 경고합니다.

	※ css 추가 시, 반드시 날짜와 작업자 이니셜을 기재바랍니다.

	===============================================================================
	반응형으로 제작되어 임의적인 CSS추가는 문제가 될 수 있으니 디자인팀과 반드시 상의바랍니다.
	===============================================================================
*/

/* 달력옵션 품절추가 */
.p_Vcalendar .calendar li {position:relative;}
.p_Vcalendar .day {padding:8px;}
.p_Vcalendar .no .soldout {position:absolute; left:50%; bottom:-5px; font-size:11px; color:#999; transform:translateX(-50%);}



/* UI변경추가작업 :: 2025-02-20 SSR ========================================= */

/* 상품명 두줄제한 */
.item_box .info .item_name {-webkit-line-clamp:2;}

/* 혜택 요약정보 */
.add_OrderBenefit {cursor:pointer; display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.add_OrderBenefit .value {position:relative; display:flex; flex-direction:row; align-items:center; justify-content:stretch; gap:3px;}
.add_OrderBenefit .value+ .value {margin-left:6px; padding-left:10px;}
.add_OrderBenefit .value+ .value:before {content:''; width:4px; height:4px; background:#ccc; position:absolute; left:0; top:50%; margin-top:-2px; border-radius:100px;}
.add_OrderBenefit .value {font-size:14px; color:#000; font-weight:500; letter-spacing:0; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:3px}
.add_OrderBenefit .value em {font-weight:700; color:#0065e3; letter-spacing:0px;}
.add_OrderBenefit:after {content:''; width:21px; height:21px; background:transparent url('../images/customize/ic_arrow_down.svg') center center / 9px 5px no-repeat; transition:all 0.25s ease-out; margin-left:6px;}
.add_OrderBenefit:after {border-radius:100px; border:1px solid #ccc; box-sizing:border-box;}

/* 열고닫기 영역 */
.add_OpenFoldBox {margin-top:50px;}
.add_OpenFoldBox .c_form {display:none;}
.add_OpenFoldBox.if_open .add_OrderBenefit:after {transform:rotate(180deg);}
.add_OpenFoldBox.if_open .c_form {display:block;}

/* 푸터 로고 및 영광군청 추가 */
.sc_Footer .wrapping {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; gap:15px 40px; flex-wrap:wrap; padding-bottom:30px;}
.sc_Footer .footer_logo {overflow:hidden; position:relative;}
.sc_Footer .footer_logo img {width:180px; display:block;}
.sc_Footer .company_box .btn_info {text-decoration:inherit;}
.sc_Footer .company_box .txt strong {color:#000; font-weight:600;}
.sc_Footer .company_box .txt.type_notice {margin-top:10px; width:100%; font-size:12px;}
.sc_Footer .notify {line-height:1.45; word-wrap:break-word; word-break:keep-all; color:#888; border-top:1px solid #f5f5f5; padding-top:30px;}

/* 슬라이드 영광군 바로가기추가 */
.p_Slide .other_site {display:flex; flex-direction:row; align-items:stretch; justify-content:flex-start; gap:5px; margin-bottom:15px;}
.p_Slide .other_site .btn_link {flex:1; display:flex; flex-direction:row; align-items:center; justify-content:center; height:40px;}
.p_Slide .other_site .btn_link {background:#eee; border-radius:5px; color:#333; font-size:13px; font-weight:600; padding:0 10px;}

/* 헤더 영광군 바로가기추가 */
.sc_Header .logo_box img {height:60px; max-width:initial;}
.sc_Header .out_link {display:flex; flex-direction:row; align-items:center; justify-content:center; gap:5px; margin-left:10px;}
.sc_Header .out_link .btn_link {display:flex; flex-direction:row; align-items:center; justify-content:center; width:80px; height:50px; background:rgba(0, 102, 179, 0.1); text-align:center;}
.sc_Header .out_link .btn_link {font-size:13px; font-weight:600; line-height:1.38; color:#0066b3; border:solid 1px rgba(0, 102, 179, 0.1); border-radius:10px; box-sizing:border-box;}

@media screen and (min-width:900px) {
	.p_Slide .other_site .btn_link:hover {background:#0066b3; color:#fff;}
	.sc_Header .out_link .btn_link:hover {color:#fff; background:#0066b3;}
}
@media screen and (max-width:900px) {
	.sc_Footer .footer_logo img {width:auto; max-width:100%; height:50px;}
	.sc_Footer .notify br {display:none;}
}
@media screen and (max-width:1100px) {
	.sc_Header .out_link {display:none;}
	.sc_Header .logo_box img {height:40px;}
}

/* 고객센터 문구추가 */
.sc_Service .cs_title {font-size:16px; color:#0066b3; font-weight:600; margin-bottom:5px;}

/* 주문페이지만 글씨 키우기 : 2025-03-04 ARA */
.c_order.this_extend_font * {font-size:15px;}

/* CTM-503241 : SSR -- 상품목록 랜덤버튼 추가 + 폰트조정 */
.p_List_ctrl .btn_random {height:36px; background:#fff; border:1px solid #ff9100; box-sizing:border-box; padding:0 10px; display:flex; flex-direction:row; justify-content:center; align-items:center; color:#ff9900; flex:none;}
.p_List_ctrl .btn_random {font-size:13px; font-weight:500;}
.p_List_ctrl .btn_random .icon {width:16px; height:14px; background:transparent url('../images/customize/ic_random.svg') center center / 100% no-repeat; margin-right:4px;}
.p_List_ctrl .btn_random.if_active {background:#ff9100; border-color:#ff9900; color:#fff;}
.p_List_ctrl .btn_random.if_active .icon {filter:brightness(0) invert(1);}

.sc_Go .banner .title {font-size:15px;}
.sc_tab .tab {font-size:16px;}
.p_Category .ctg2_box .ctg2 {font-size:14px}
.p_Category .ctg3_box .ctg3 {font-size:13px;}

@media screen and (max-width:900px) {
	.sc_Go .banner .title {font-size:14px;}
	.sc_tab .tab {font-size:14px;}
	.p_Category .ctg2_box .ctg2 {font-size:13px}
	.p_Category .ctg3_box .ctg3 {font-size:12px;}
}