@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : SHOP SOLUTION
Part :
Last edit : 2024.11
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)
font-family: 'Noto Serif KR', serif; (100,300,400,500,700,900)

--------------------------------------------------------- */



/* 서브 start ----------------------------------- */





/* 서브탭 start */

.depth3_tab { width:100%; max-width:1300px; font-size:0; height:auto; padding:20px; background-color:rgba(0,0,0,0.01); border-bottom:1px solid rgba(0,0,0,0.1);}
.depth3_tab>a { display:inline-block; font-size:14px; line-height:1; padding:0 10px; border-right:1px solid rgba(0,0,0,0.05); margin:2px 0;}
.depth3_tab>a:last-child { border-right:none;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#2e78d3; font-weight:500;}

.view_tab { width:97%; max-width:1300px; font-size:0; height:auto; margin:70px auto 0 auto; padding:0; background-color:rgba(0,0,0,0.02);}
.view_tab>a { display:inline-block; font-size:16px; line-height:1; padding:20px 0; border-left:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.5); width:25%; text-align:center; color:#999;}
.view_tab>a:last-child { border-right:1px solid rgba(0,0,0,0.1);}
.view_tab>a.view_tab_active { border-left:1px solid rgba(0,0,0,0.5); border-right:1px solid rgba(0,0,0,0.5); border-top:3px solid rgba(0,0,0,0.5); border-bottom:1px solid rgba(0,0,0,0.01); background-color:#fff; color:#333; font-weight:500; padding:18px 0 20px 0;}
.view_tab>a:hover { border-left:1px solid rgba(0,0,0,0.5); border-right:1px solid rgba(0,0,0,0.5); border-top:1px solid rgba(0,0,0,0.5); background-color:#fff; color:#333; font-weight:500; padding:20px 0 20px 0;}


/* 서브공통 */

.top_menu_sub_bg { border-bottom:1px solid rgba(0,0,0,0.1);}

.sub_box { position:relative; width:100%; background-color:rgba(0,0,0,0.02); padding-bottom:40px;}
.sub_container_shop { position: relative; width:100%; max-width:1300px; margin:0 auto; padding:0;}
.sub_container { position: relative; width:100%; max-width:1300px; margin:0 auto; padding:0;}
.sub_link_wrap { position: absolute; top:170px; left:50%; width:1px; height:1px;}
.sub_container:after { display:block; content:""; clear:both;}

.sub_box_line { border-left:1px solid rgba(0,0,0,0.1);}
.box100per { position:relative; width:100%; margin:0 auto; padding:0 0 0 210px;}
.box100per2 { position:relative; width:100%; margin:0 auto; padding:0;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.in_title1_wrap { position:relative; width:100%; max-width:1300px; margin:0 auto; padding:25px 15px 15px 15px; font-size:13px; line-height:1; font-weight:500; letter-spacing:-0.06em;}
.page_location_1 { display:inline-block; vertical-align:middle; text-align:left; background-image:url(/images/icon/home2.png); width:20px; height:19px; margin:-2px 10px 0 0; text-indent:-9999px;}
.page_location_2 { display:inline-block; vertical-align:middle; color:#999;}
.page_location_3 { display:inline-block; vertical-align:middle; color:#95766f;}
.page_location_dot { display:inline-block; vertical-align:middle; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:center; width:10px; height:19px;}
.page_align { position:absolute; right:5px; top:50%; margin-top:-5px; display:inline-block; font-size:13px; line-height:20px; font-weight:500; padding:0; letter-spacing:0; text-align:right; color:#999;}
.page_align>a { display:inline-block; vertical-align:middle; line-height:1; padding:0 10px; border-right:1px solid rgba(0,0,0,0.05);}
.page_align>a:last-child { border-right: none;}
.page_align_active { color:#2e78d3; font-weight:500;}

.in_title1 { font-size:50px; line-height:1.4; font-weight:700; margin:60px 0 20px 0; letter-spacing:-0.06em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title1_txt { font-size:20px; line-height:1.4; font-weight:400; margin:0 0 40px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center;}

.in_title2 { font-size:30px; line-height:1.4; font-weight:700; margin:60px 0 20px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title2_txt { font-size:18px; line-height:1.4; font-weight:400; margin:0 0 40px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center;}

.in_title3 { font-size:20px; line-height:26px; font-weight:400; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:60px;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:392px;}


/* 서브왼메뉴 start */

.sub_left_wrap { position: absolute; top:0; left:0; bottom:0; width:200px; background-color:#fff; border:1px solid rgba(0,0,0,0.1); height:auto; z-index:1;}
.sub_left_menu_wrap { display:none; width:100%;}
.m_on { display:block;}
.sub_left_menu_title { width:100%; margin: 0 auto; padding:20px 45px 15px 20px; border-bottom: 1px solid rgba(0,0,0,0.05); font-size: 20px; line-height: 1; font-weight: 700; letter-spacing: -0.06em; background-image:url(/images/icon/tab_box_bg.png); background-repeat:no-repeat; background-position:90% 50%;}
.sub_left_menu_sub {}
.sub_left_menu_link { display:block; width: 100%; margin: 0 auto; padding: 10px 20px 10px 20px; border-bottom: 1px solid rgba(0,0,0,0.05); font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: -0.04em;}
.left_active, .sub_left_menu_link:hover { background-color:#2e78d3; color:#fff;}

.sub_support_account { display:block; width:100%; height:auto; padding:24px 16px; border-bottom:1px solid #dbe7de; background-color:#f5faf6;}
.sub_support_title { font-size:16px; font-weight:700; margin-bottom:12px; letter-spacing:-0.04em;}
.sub_support_account .sub_support_title { position:relative; padding-left:22px; color:#183b28;}
.sub_support_account .sub_support_title:before { position:absolute; top:1px; left:0; width:16px; height:16px; border-radius:50%; background-color:#087d36; color:#fff; content:"₩"; font-size:10px; line-height:16px; text-align:center;}
.sub_account_card { overflow:hidden; border:1px solid #d7e4da; border-radius:8px; background-color:#fff; box-shadow:0 4px 14px rgba(12,70,36,0.05);}
.sub_account_card + .sub_account_card { margin-top:10px;}
.sub_account_row { display:block; padding:9px 11px; border-top:1px solid #edf2ee;}
.sub_account_row:first-child { border-top:0;}
.sub_account_label { display:block; margin-bottom:2px; color:#75837a; font-size:10px; font-weight:600; line-height:1.3;}
.sub_account_value { display:block; color:#183b28; font-size:13px; font-weight:700; line-height:1.45; overflow-wrap:anywhere; word-break:break-all;}
.sub_account_empty { padding:12px; border:1px solid #d7e4da; border-radius:8px; background-color:#fff; color:#718078; font-size:12px; line-height:1.5;}
.sub_account_icon { width:80px; height:auto;}
.sub_account_icon>img { width:100%; height:auto;}
.sub_account_num { font-size:16px; font-weight:700;}
.sub_account_name { font-size:12px;}
.sub_account_line { height:1px; margin:10px auto 10px auto; background-color:rgba(0,0,0,0.05);}
.sub_account_bottom { font-size:11px; margin-top:10px;}

.sub_support_tel_wrap { display:block; width:100%; height:auto; padding:30px 20px; border-bottom:1px solid rgba(0,0,0,0.05);}
.sub_support_tel { font-size:20px; font-weight:700; line-height:1; margin-top:-5px; letter-spacing:-0.03em; white-space:nowrap;}
.sub_support_tel>span { color:#ca2d33;}
.sub_support_fax { font-size:16px; font-weight:700;}
.sub_support_email { font-size:12px; margin-bottom:10px;}
.sub_support_email>span { text-decoration:underline;}
.sub_support_time { font-size:12px; margin-bottom:10px;}
.sub_support_time>span {}
.sub_support_btn { display:block; font-size:12px; text-align:center; padding:10px 0; border:1px solid rgba(0,0,0,0.1);}

.sub_support_banner_wrap { display:block; width:100%; height:auto; padding:20px; border-bottom:1px solid rgba(0,0,0,0.05);}
.sub_support_banner {}
.sub_support_banner_btn { display:block; font-size:14px; text-align:center; padding:10px 0; background-color:#f6aa08; color:#fff;}



/* 리스트 */

.sub01_01_box { position:relative; width:100%; max-width:1300px; min-height:1200px; margin:0 auto; background-color:#fff; border:1px solid rgba(0,0,0,0.1);}
.sub01_01_box:after { display:block; content:""; clear:both;}

.sub01_01_box2 { position:relative; width:100%; margin:0 auto; background-color:#fff; border:1px solid rgba(0,0,0,0.1);}
.sub01_01_box2:after { display:block; content:""; clear:both;}

.sub_recommend { width:100%; max-width:1300px; padding:10px; font-size:0;}
.sub_recommend_box { display:inline-block; vertical-align:top; width:24%; height:auto; margin:0.5%; padding:10px;}
.sub_recommend_box:hover { box-shadow:0 0 10px rgba(0,0,0,0.2);}
.sub_recommend_box_img { width:100%; height:auto; aspect-ratio:100/100; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub_recommend_box_txt { padding:20px 10px;}

.sale_icon_box { display:inline-block; vertical-align:middle; color:#FFF; font-size:11px; font-weight:500; padding:2px 5px 0 5px; background-color:#2e78d3; border-radius:3px; margin-right:10px;}
.sale_code { display:inline-block; vertical-align:middle; font-size:13px; font-weight:500; color:#2e78d3;}
.sale_title { font-size:14px; color:#444444; font-weight:500; margin-top:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sale_price { display:inline-block; margin-bottom:5px;}
.sale_price1 { font-size:14px; color:#797979; text-decoration:line-through; font-weight:400; padding-right:5px;}
.sale_price2 { font-size:22px; color:#c00c19; font-weight:500;}
.sale_txt { font-size:12px; color:#999; font-weight:400; line-height:18px; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:36px;}

.list_bottom_box { padding:20px; border:1px solid rgba(0,0,0,0.05); text-align:center; font-size:14px; margin-top:10px; background-color:rgba(0,0,0,0.01);}





/* 뷰 */

.view_box { position:relative; width:97%; margin:0 auto; font-size:0; padding-top:20px;}

.view_box_left { display:inline-block; vertical-align:top; width:50%; font-size:0;}
.view_box_left_img { width:510px; height:510px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; border:1px solid rgba(0,0,0,0.1);}
.view_box_left_img_s_wrap { width:100%; display:inline-block; vertical-align:top; padding:20px 0; font-size:0;}
.view_box_left_img_s { display:inline-block; vertical-align:top; width:94px; margin-right:10px; height:94px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; cursor:pointer; border:1px solid rgba(0,0,0,0.1);}
.view_box_left_img_s:nth-child(5n) { margin-right:0;}
.view_box_left_img_s_active, .view_box_left_img_s:hover { border:2px solid rgba(233,105,20,1);}

/* 이미지가 없는 자리는 정렬만 유지하고 클릭·선택 효과는 적용하지 않습니다. */
.view_box_left_img_s_empty {
	cursor:default;
	pointer-events:none;
}

/* 주문배송조회에서 택배사 공식 조회페이지를 여는 아이콘 */
.delivery-tracking-button { position:relative; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:27px; height:27px; margin-left:6px; border:1px solid #9bb7d3; border-radius:50%; background-color:#f3f8fd; color:#2c6ca8; vertical-align:middle;}
.delivery-tracking-button:hover { border-color:#2c6ca8; background-color:#e8f2fb;}
.delivery-tracking-button:before { box-sizing:border-box; width:9px; height:9px; border:2px solid currentColor; border-radius:50%; content:"";}

/* 관리자에서 등록한 이용안내를 상품 특성별 핵심 절차가 잘 보이는 카드형 구성으로 표시합니다. */
.support_usage_guide {
	margin-top: 38px;
	color: #33473a;
}

.support_usage_intro {
	padding: 30px 32px;
	border: 1px solid #d4e3d8;
	border-radius: 12px;
	background: #f7faf8;
}

.support_usage_intro p {
	color: #087d37;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
}

.support_usage_intro h2 {
	margin-top: 7px;
	color: #173e29;
	font-size: 28px;
}

.support_usage_intro span {
	display: block;
	margin-top: 9px;
	color: #65746b;
	font-size: 14px;
	line-height: 1.75;
}

.support_usage_section {
	margin-top: 28px;
	padding: 32px;
	border: 1px solid #d6e2da;
	border-radius: 12px;
	background: #f7faf8;
}

.support_usage_title {
	padding: 0;
	border: 0;
	background: transparent;
	color: #173e29;
	font-size: 26px;
}

.support_usage_body {
	padding: 20px 0 0;
}

.support_usage_body > p {
	margin: 0;
	color: #4c5f53;
	font-size: 14px;
	line-height: 1.85;
}

.support_usage_body > p + p {
	margin-top: 8px;
}

.support_usage_steps {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 10px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}

.support_usage_steps li {
	min-width: 0;
	padding: 16px 17px;
	border: 1px solid #dbe5de;
	border-radius: 7px;
	background: #fff;
}

.support_usage_steps strong,
.support_usage_steps span {
	display: block;
}

.support_usage_steps strong {
	color: #0b8440;
	font-size: 12px;
}

.support_usage_steps span {
	margin-top: 5px;
	color: #2f4939;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
}

.support_usage_list {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 12px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

.support_usage_list li {
	padding: 17px 18px;
	border: 1px solid #d8e3dc;
	border-radius: 8px;
	background: #fff;
	color: #465a4d;
	font-size: 14px;
	line-height: 1.7;
}

.support_usage_list li + li {
	margin-top: 0;
}

.support_usage_notice {
	margin-top: 16px;
	padding: 16px 18px;
	border: 1px solid #e3dfc8;
	border-radius: 7px;
	background: #fffdf3;
	color: #625d45;
	font-size: 13px;
	line-height: 1.75;
}

.support_usage_link {
	display: inline-block;
	margin-top: 15px;
	padding: 10px 20px;
	border: 1px solid #087d37;
	border-radius: 4px;
	background: #087d37;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

/* 이용안내의 공통 배송 기준은 상품별 조건을 모바일에서도 가로 스크롤 없이 확인하도록 카드로 표시합니다. */
.support_shipping_guide {
	margin-top: 38px;
	padding: 32px;
	border: 1px solid #d6e2da;
	border-radius: 12px;
	background: #f7faf8;
}

.support_shipping_heading p {
	color: #087d37;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
}

.support_shipping_heading h2 {
	margin-top: 7px;
	color: #173e29;
	font-size: 26px;
}

.support_shipping_heading span {
	display: block;
	margin-top: 8px;
	color: #65746b;
	font-size: 14px;
	line-height: 1.7;
}

.support_shipping_grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 12px;
	margin-top: 24px;
}

.support_shipping_grid > div {
	padding: 19px 20px;
	border: 1px solid #d8e3dc;
	border-radius: 8px;
	background: #fff;
}

.support_shipping_grid strong,
.support_shipping_grid span {
	display: block;
}

.support_shipping_grid strong {
	color: #087d37;
	font-size: 15px;
}

.support_shipping_grid span {
	margin-top: 7px;
	color: #45564c;
	font-size: 14px;
	line-height: 1.65;
}

.support_shipping_notice {
	margin-top: 16px;
	color: #78837c;
	font-size: 13px;
	line-height: 1.7;
}

@media (max-width: 700px) {
	.support_usage_guide {
		margin-top: 24px;
	}

	.support_usage_intro {
		padding: 22px 18px;
	}

	.support_usage_intro h2 {
		font-size: 23px;
	}

	.support_usage_section {
		margin-top: 22px;
		padding: 22px 16px;
	}

	.support_usage_title {
		font-size: 22px;
	}

	.support_usage_body {
		padding: 14px 0 0;
	}

	.support_usage_steps {
		grid-template-columns: 1fr;
	}

	.support_usage_list {
		grid-template-columns: 1fr;
	}

	.support_usage_list li {
		padding: 12px 13px;
	}

	.support_shipping_guide {
		margin-top: 24px;
		padding: 22px 16px;
	}

	.support_shipping_grid {
		grid-template-columns: 1fr;
	}

	.support_shipping_heading h2 {
		font-size: 22px;
	}
}
.delivery-tracking-button:after { position:absolute; top:16px; left:15px; width:6px; height:2px; border-radius:1px; background-color:currentColor; content:""; transform:rotate(45deg);}
.view_box_left_img_s_empty:hover {
	border:1px solid rgba(0,0,0,0.1);
}

/* 상세 썸네일 5개가 좌측 대표 이미지 폭 안에서 반드시 한 줄로 배치됩니다. */
.view_box_left_img_s_wrap {
	display:flex;
	flex-wrap:nowrap;
	gap:10px;
	width:510px;
	max-width:100%;
	box-sizing:border-box;
}
.view_box_left_img_s,
.view_box_left_img_s:nth-child(5n) {
	flex:1 1 0;
	min-width:0;
	width:auto;
	height:94px;
	margin-right:0;
	box-sizing:border-box;
}

.view_form1 { display:none;}
.view_form2 { display:inline-block; vertical-align:top; width:50%;}

.view_box_right { display:inline-block; vertical-align:top; width:100%; max-width:518px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s 0s; -ms-transition: all 0.2s 0s; -o-transition: all 0.2s 0s; transition: all 0.2s 0s;}
.view_box_right_txt_wrap { width:100%; min-height:580px; padding:0 0 0 30px; background-color:#fff; text-align:left;}
.product-mark-list { display:flex; align-items:center; gap:5px; margin:0 0 7px 0;}
.product-mark { display:inline-flex; align-items:center; justify-content:center; min-width:30px; height:18px; padding:0 6px; border-radius:3px; color:#fff; font-size:10px; font-weight:700; line-height:18px; letter-spacing:0;}
.product-mark.is-hot { background:#ff3f8e;}
.product-mark.is-new { background:#ff8a24;}
.view_box_right_title { font-size:26px; font-weight:500; line-height:1.2; margin:20px 0 10px 0;}
.view_box_right_price1 { display:inline-block; vertical-align:middle; font-size:20px; color:#999; text-decoration:line-through; font-weight:300; margin-top:5px;}
.view_box_right_price2 { display:inline-block; vertical-align:middle; font-size:38px; color:#2e78d3; padding-left:20px; font-weight:700;}
.view_box_right_txt { font-size:15px; color:rgba(0,0,0,0.5); margin:10px 0 20px 0; letter-spacing:0; padding:0; line-height:20px;}
.view_box_right_txt2 { border-top:1px solid rgba(0,0,0,0.1); margin:0; padding:20px 5px; font-size:0;}
.view_box_right_txt2_1 { display:inline-block; vertical-align:middle; font-size:15px; font-weight:700; width:20%; margin:2px 0;}
.view_box_right_txt2_2 { display:inline-block; vertical-align:middle; font-size:14px; font-weight:400; width:80%; margin:2px 0;}
.view_box_right_txt2_2>span { display:inline-block; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:0 8px; padding:0 10px;}
.view_box_right_txt3 { border-top:1px solid #e6e9ed; background-color:#f6f8fa; margin:0; padding:12px; font-size:0;}
.view_box_right_txt3_1 { width:100%; margin-top:10px; padding:14px 16px; border:1px solid #e0e5eb; border-radius:8px; background-color:#fff; box-shadow:0 2px 8px rgba(20,43,68,0.05);}
.view_box_right_txt3_1:first-child { margin-top:0;}
.view_option_summary { display:flex; align-items:center; justify-content:space-between; min-height:24px; padding-bottom:11px; border-bottom:1px solid #edf0f3;}
.view_option_name { display:block; padding-right:12px; color:#27384a; font-size:14px; font-weight:600; line-height:1.5;}
.view_option_controls { display:flex; align-items:center; min-height:36px; padding-top:11px; color:#66788a; font-size:13px;}
.view_option_controls>label { margin-right:8px; font-weight:600;}
.view_quantity_input { width:74px; height:36px; padding:0 6px; border:1px solid #ccd5df; border-radius:5px; background-color:#fff; color:#26384b; font-size:14px; font-weight:600; text-align:center; outline:none;}
.view_quantity_input:focus { border-color:#2e78d3; box-shadow:0 0 0 2px rgba(46,120,211,0.12);}
/* 수량 입력은 네이티브 스피너 대신 항상 보이는 큰 증감 버튼으로 조작한다. */
.quantity-stepper {
	display:inline-flex;
	align-items:center;
	vertical-align:middle;
}
.quantity-step-button {
	display:inline-flex;
	flex:0 0 36px;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	padding:0;
	border:1px solid #cbd4de;
	background:#f7f9fb;
	color:#315f91;
	font-size:20px;
	font-weight:600;
	line-height:1;
	cursor:pointer;
	outline:none;
}
.quantity-step-button:hover,
.quantity-step-button:focus {
	position:relative;
	z-index:1;
	border-color:#2e78d3;
	background:#eef5fd;
	color:#1f65b5;
}
.quantity-step-minus {
	border-radius:5px 0 0 5px;
}
.quantity-step-plus {
	border-radius:0 5px 5px 0;
}
.quantity-stepper .view_quantity_input,
.quantity-stepper .selected-option-qty,
.quantity-stepper .cart_qty_input {
	width:58px;
	margin:0 -1px;
	border-radius:0;
	-moz-appearance:textfield;
}
.quantity-stepper input[type="number"]::-webkit-inner-spin-button,
.quantity-stepper input[type="number"]::-webkit-outer-spin-button {
	margin:0;
	-webkit-appearance:none;
}
.view_option_price_label { margin-left:auto; padding-left:14px; color:#7b8896; font-size:12px;}
.view_select2 { display:inline-block; vertical-align:middle; margin-right:4px;}
.view_select2_price { display:inline-block; margin-left:7px; color:#1c5d9f; font-size:15px; font-weight:700; line-height:1;}
.view_select2_x { display:flex; flex:0 0 26px; align-items:center; justify-content:center; width:26px; height:26px; border:1px solid #d9e0e7; border-radius:50%; background-color:#fff; color:#718096; text-decoration:none; transition:all 0.15s ease;}
.view_select2_x:before { content:"×"; font-size:18px; font-weight:400; line-height:1;}
.view_select2_x:hover { border-color:#e46b6b; background-color:#fff5f5; color:#c94242;}
.view_box_right_txt4 { border-top:1px solid rgba(0,0,0,0.1); margin:0; padding:20px; font-size:38px; color:#444; text-align:right; font-weight:700;}
.view_box_right_txt4>span { font-size:14px; font-weight:400;}

.btn_interest { display:inline-block; vertical-align:middle; cursor:pointer; padding:2px 10px 0 10px; border:1px solid rgba(0,0,0,0.1); font-size:11px;}
.view_select { height:30px; width:100%; border-radius:3px;}
.view_box_right_btn { display:inline-block; vertical-align:middle; text-align:center; color:#fff; font-size:16px; font-weight:500; padding:15px;}
.view_box_right_btn1 { width:38%; margin-right:2%; background-color:#666;}
.view_box_right_btn2 { width:38%; margin-right:2%; background-color:#2e78d3;}
.view_box_right_btn3 { width:20%; background-color:#F66;}
.view_box_right_btn4 { background-color:#666; padding:15px 40px;}
.view_bottom_box_btn { width:100%; padding:40px; text-align:center;}

.view_brand_wrap { width:97%; font-size:0; margin:20px auto 0 auto;}
.view_brand_btn1 { display:inline-block; vertical-align:middle; width:49%; margin-right:2%; padding:10px; color:#fff; text-align:center; font-size:16px; background-color:#2e78d3;}
.view_brand_btn2 { display:inline-block; vertical-align:middle; width:49%; padding:10px; color:#fff; text-align:center; font-size:16px; background-color:#2e78d3;}

.view_bottom_box { padding:40px 0; text-align:left; font-size:14px; width:97%; margin:0 auto;}
.view_box_in {}
.review_wrap { font-size:0; border-bottom:1px solid rgba(0,0,0,0.1); padding:20px 0;}
.review_img { display:inline-block; vertical-align:top; width:15%; height:150px;background-position:center; background-size:cover;}
.review_txt_wrap { display:inline-block; vertical-align:top; width:85%; padding:10px 10px 10px 50px;}
.review_star_wrap { display:inline-block; vertical-align:middle; font-size:0;}
.review_star_wrap>img { margin-right:1px;}
.review_id { display:inline-block; vertical-align:middle; padding:0 20px; border-right:1px solid rgba(0,0,0,0.3); font-size:14px;}
.review_data { display:inline-block; vertical-align:middle; padding:0 20px; font-size:14px;}
.review_txt { display:block; font-size:14px; padding-top:20px;}
.review_image_zoom { cursor:zoom-in;}
.review_image_layer { display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:10050; padding:40px; background-color:rgba(0,0,0,0.82); align-items:center; justify-content:center;}
.review_image_layer.is_open { display:flex;}
.review_image_layer_inner { position:relative; max-width:1200px; max-height:100%;}
.review_image_layer_inner>img { display:block; width:auto; height:auto; max-width:calc(100vw - 80px); max-height:calc(100vh - 80px); object-fit:contain; background-color:#fff; box-shadow:0 14px 45px rgba(0,0,0,0.35);}
.review_image_layer_close { position:absolute; top:-18px; right:-18px; width:42px; height:42px; border:0; border-radius:50%; background-color:#087d36; color:#fff; font-family:Arial,sans-serif; font-size:30px; line-height:42px; text-align:center; cursor:pointer; box-shadow:0 3px 12px rgba(0,0,0,0.35);}
.review_image_layer_close:hover,
.review_image_layer_close:focus { background-color:#056529; outline:2px solid #fff; outline-offset:2px;}
body.review_image_layer_open { overflow:hidden;}

.review_q_title_wrap { font-size:0; width:100%; background-color:rgba(0,0,0,0.02); border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
.review_q_title { display:inline-block; vertical-align:middle; font-size:14px; font-weight:500; text-align:center; margin:10px 0; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:0% 50%;}
.review_q_01 { width:10%; background-image:none;}
.review_q_02 { width:15%;}
.review_q_03 { width:45%;}
.review_q_04 { width:15%;}
.review_q_05 { width:15%;}
.review_q_txt_wrap { font-size:0; width:100%; border-bottom:1px solid rgba(0,0,0,0.1);}
.review_q_txt { display:inline-block; vertical-align:middle; font-size:14px; font-weight:400; text-align:center; margin:10px 0;}
.review_q_txt_wrap>.review_q_03 { text-align:left;}

.review_a_txt_wrap { display:none; background-color:rgba(0,0,0,0.02); padding:40px; border-bottom:1px solid rgba(0,0,0,0.1);}
.review_a_txt_wrap_active { display:block;}
.review_a_txt { font-size:13px; padding-bottom:20px; border-bottom:1px solid rgba(0,0,0,0.1);}
.review_a_txt2 { font-size:13px; padding-top:20px; padding-left:50px; background-image: url(/images/icon/answer.png); background-repeat:no-repeat; background-position:0% 20px;}
.review_a_txt>span, .review_a_txt2>span { display:block; font-size:12px; color:#aaa; margin-top:10px;}
.review_q_top { position:relative; width:100%; padding:10px 0;}
.review_q_top_left { font-size:14px;}
.review_q_top_right { position:absolute; top:0; right:0; display:inline-block; vertical-align:middle; cursor:pointer; padding:5px 15px 3px 15px; font-size:14px; background-color:#666; color:#fff; z-index:1;}

/* 헤더가 함께 스크롤되므로 고정 구매영역은 화면 상단부터 빈틈없이 표시합니다. */
.right_options_on { position:fixed; top:0; right:0; height:100vh; width:340px; background-color:rgba(255,255,255,0.9); border-left:1px solid rgba(0,0,0,0.1); z-index:49; padding:20px; overflow:auto;}
.right_options_on>.view_box_right_txt_wrap { background-color: transparent; padding:0;}
.right_options_on>.view_box_right_txt_wrap>.view_box_right_title { font-size:20px; margin:5px 0;}
.right_options_on>.view_box_right_txt_wrap>.view_box_right_price>.view_box_right_price2 { font-size:30px;}
.right_options_on>.view_box_right_txt_wrap>.view_box_right_txt { font-size:13px; margin:5px 0 15px 0; line-height:1.2;}
.right_options_on>.view_box_right_txt_wrap>.view_box_right_txt2 { padding:12px 0;}
.right_options_on>.view_box_right_txt_wrap>.view_box_right_txt2>.view_box_right_txt2_1 { width:30%; font-size:13px;}
.right_options_on>.view_box_right_txt_wrap>.view_box_right_txt2>.view_box_right_txt2_2 { width:70%; font-size:13px;}
.right_options_on>.view_box_right_txt_wrap>.view_box_right_txt2>.view_box_right_btn { font-size:14px;}
.right_options_on>.view_box_right_txt_wrap>.view_box_right_txt2>.view_box_right_btn1 { width:36%;}
.right_options_on>.view_box_right_txt_wrap>.view_box_right_txt2>.view_box_right_btn2 { width:36%;}
.right_options_on>.view_box_right_txt_wrap>.view_box_right_txt2>.view_box_right_btn3 { width:24%;}
.right_options_on>.view_box_right_txt_wrap>.view_box_right_txt3>.view_box_right_txt3_1 { padding:12px;}
.right_options_on .view_option_controls {
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	row-gap:10px;
}
.right_options_on .view_option_controls>label {
	grid-column:1;
	grid-row:1;
}
.right_options_on .view_option_controls>.quantity-stepper {
	grid-column:2 / 4;
	grid-row:1;
	justify-self:start;
}
.right_options_on .view_option_price_label {
	grid-column:1 / 3;
	grid-row:2;
	justify-self:end;
	margin-left:0;
	padding-left:0;
}
.right_options_on .view_select2_price {
	grid-column:3;
	grid-row:2;
	justify-self:end;
	white-space:nowrap;
}
.right_options_on>.view_box_right_txt_wrap>.view_box_right_txt4 { padding:15px 0; font-size:30px;}



/* 장바구니 */

.order_step_wrap { background-color:#28292e; font-size:0;}
.order_step { display:inline-block; vertical-align:top; padding:24px 50px 20px 100px; color:#fff; font-size:18px; font-weight:500; background-repeat:no-repeat;}
.order_step_01 { background-color:#4c4c4f; background-image:url(/images/common/tab_icon01.png); background-position:40px 50%;}
.order_step_02 { background-color:#4c4c4f; background-image:url(/images/common/tab_icon02.png); background-position:40px 50%;}
.order_step_03 { background-color:#4c4c4f; background-image:url(/images/common/tab_icon03.png); background-position:40px 50%;}
.order_step_04 { background-color:#4c4c4f; background-image:url(/images/common/tab_icon04.png); background-position:40px 50%;}
.order_step_active { background-color:#2e78d3;}

.cart_top_wrap { position:relative; padding:50px 10px 20px 10px; font-size:0; width:94%; margin:0 auto 20px auto; border-bottom:3px solid rgba(0,0,0,0.8);}
.cart_top_all { display:inline-block; vertical-align:middle; margin-right:20px; font-size:16px;}
.cart_top_all>span { display:inline-block; vertical-align:middle;}
.cart_top_ck { display:inline-block; vertical-align:middle; width:18px; height:18px; margin-right:5px;}
.cart_top_btn { display:inline-block; vertical-align:middle; padding:5px 20px 3px 20px; border:1px solid rgba(0,0,0,0.1); font-size:15px;}
.cart_excel_btn { position:absolute; bottom:20px; right:0; display:inline-block; vertical-align:middle; padding:5px 20px 3px 20px; border:1px solid rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.7); font-size:15px; color:#FFF;}

.cart_list_top_wrap { width:94%; margin:0 auto; font-size:0; padding:10px 0; border-bottom:1px solid rgba(0,0,0,0.8);}
.cart_list_top { display:inline-block; vertical-align:bottom; font-size:14px; text-align:center;}
.cart_list_top1 { width:61%; font-size:24px; font-weight:700; text-align:left; padding-left:10px;}
.cart_list_top2 { width:13%;}
.cart_list_top3 { width:13%;}
.cart_list_top4 { width:13%;}

.cart_list_wrap { width:94%; margin:0 auto; font-size:0; border-bottom:1px solid rgba(0,0,0,0.1);}
.cart_list { display:inline-block; vertical-align:bottom; font-size:16px; text-align:center; padding:20px 10px; border-right:1px solid rgba(0,0,0,0.1); min-height:140px;}
.cart_list1 { display:inline-block; vertical-align:top; width:61%; text-align:left; font-size:0; line-height:28px;}
.cart_list1_1 { display:inline-block; vertical-align:top; width:5%; text-align:center;}
.cart_list1_2 { display:inline-block; vertical-align:top; width:15%; height:100px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.cart_list1_3 { display:inline-block; vertical-align:top; width:50%; padding:0 20px;}
.cart_list1_3>a { display:inline-block; width:100%; font-size:16px; white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip;}
.cart_list1_3>span { display:inline-block; max-width:100%; font-size:12px; line-height:1.5; background-color:rgba(0,0,0,0.05); padding:0 5px; white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip;}
.cart_list1_4 { display:inline-block; vertical-align:top; width:10%; font-size:16px; text-align:center;}
.cart_list_x { display:inline-block; vertical-align:middle; background-image:url(/images/icon/nav_btn2.png); background-repeat:no-repeat; background-size:50% auto; background-position:center; border:1px solid rgba(0,0,0,0.1); background-color:#fff; width:18px; height:18px; margin-left:4px;}
.cart_list1_5 { display:inline-block; vertical-align:top; width:20%; font-size:16px; text-align:right;}
.cart_list2 { display:inline-block; vertical-align:top; width:13%; color:#2e78d3;}
.cart_list3 { display:inline-block; vertical-align:top; width:13%; font-weight:700;}
.cart_list4 { display:inline-block; vertical-align:top; width:13%; border-right:none;}
.cart_qty_input { width:72px; height:36px; padding:0 5px; border:1px solid #cbd4de; border-radius:5px; background:#fff; color:#26384b; font-size:14px; font-weight:600; text-align:center; outline:none;}
.cart_qty_input:focus { border-color:#2e78d3; box-shadow:0 0 0 2px rgba(46,120,211,0.12);}

.cart_list_bottom { width:94%; margin:0 auto; font-size:0; text-align:right; border-bottom:1px solid rgba(0,0,0,0.5); background-color:rgba(0,0,0,0.05); padding:20px 40px;}
.cart_list_bottom1 { display:inline-block; vertical-align:middle; padding:0 20px; font-size:14px; line-height:1; color:#76ABB8; border-right:1px solid rgba(0,0,0,0.1);}
.cart_list_bottom2 { display:inline-block; vertical-align:middle; padding:0 20px; font-size:14px; line-height:1;}
.cart_list_bottom3 { display:inline-block; vertical-align:middle; font-size:36px; font-weight:700;}

.cart_list_bottom4 { width:94%; margin:0 auto; padding:40px; text-align:center; font-size:0;}
.cart_list_bottom4_btn1 { display:inline-block; font-size:22px; font-weight:500; background-color:#999; color:#fff; padding:15px 40px; margin-right:10px; letter-spacing:-0.06em;}
.cart_list_bottom4_btn2 { display:inline-block; font-size:22px; font-weight:500; background-color:#2e78d3; color:#fff; padding:15px 40px; margin-right:10px; letter-spacing:-0.06em;}
.cart_list_bottom4_btn3 { display:inline-block; font-size:22px; font-weight:500; background-color:#E64D20; color:#fff; padding:15px 40px; letter-spacing:-0.06em;}

.cart_list_bottom5 { width:94%; margin:0 auto; padding:20px 10px 80px 10px; text-align:left; font-size:0;}
.cart_list_bottom5>p { display:block;padding:2px 0; font-size:13px;}

.lookup_wrap { padding:50px 10px 20px 10px; font-size:0; width:94%; margin:0 auto 50px auto; border-bottom:3px solid rgba(0,0,0,0.8); font-size:14px;}

/* 주문완료 */
.order_complete_lookup { padding:50px 40px 70px 40px; margin-bottom:0; border-bottom:0; background-color:#f7f9fc;}
.order_complete_card { position:relative; display:flex; align-items:center; gap:42px; width:100%; max-width:900px; margin:0 auto; padding:56px 60px; overflow:hidden; border:1px solid #dbe5f0; border-radius:16px; background-color:#fff; box-shadow:0 18px 45px rgba(31,56,88,0.10);}
.order_complete_card:before { position:absolute; top:0; left:0; width:100%; height:5px; background-color:#2e78d3; content:"";}
.order_complete_icon { display:flex; align-items:center; justify-content:center; flex:0 0 88px; width:88px; height:88px; border:1px solid #cfe0f6; border-radius:50%; background-color:#eef5ff; color:#2e78d3;}
.order_complete_icon>svg { display:block; width:42px; height:42px;}
.order_complete_icon>svg>path { fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round;}
.order_complete_content { flex:1; min-width:0;}
.order_complete_title { margin:0 0 12px 0; color:#172c46; font-size:28px; line-height:1.35; font-weight:700; letter-spacing:-0.04em;}
.order_complete_message { margin:0; color:#66778b; font-size:15px; line-height:1.75; letter-spacing:-0.025em;}
.order_complete_number { display:flex; align-items:center; gap:18px; margin:24px 0; padding:16px 20px; border:1px solid #dce7f4; border-radius:8px; background-color:#f5f9ff;}
.order_complete_number_label { flex:0 0 auto; color:#65778d; font-size:14px; font-weight:500;}
.order_complete_number>strong { color:#174e8d; font-family:'Roboto','Noto Sans KR',sans-serif; font-size:19px; line-height:1.4; font-weight:700; letter-spacing:0.02em; word-break:break-all;}
.order_complete_actions { display:flex; gap:10px;}
.order_complete_button { display:inline-flex; align-items:center; justify-content:center; min-width:154px; height:48px; padding:0 24px; border:1px solid transparent; border-radius:6px; font-size:15px; line-height:1; font-weight:500; text-align:center; transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease;}
.order_complete_button_primary { border-color:#2e78d3; background-color:#2e78d3; color:#fff;}
.order_complete_button_primary:hover, .order_complete_button_primary:focus { background-color:#1f66be; border-color:#1f66be; color:#fff; box-shadow:0 6px 16px rgba(46,120,211,0.22);}
.order_complete_button_secondary { border-color:#cbd6e2; background-color:#fff; color:#41556c;}
.order_complete_button_secondary:hover, .order_complete_button_secondary:focus { border-color:#879bb2; background-color:#f8fafc; color:#253a52;}




/* 고객지원 */

.sub02_01_box { position:relative; width:100%; max-width:1300px; margin:0 auto; min-height:1100px; padding:35px 30px; background-color:#fff; border:1px solid rgba(0,0,0,0.1);}
.sub02_01_box:after { display:block; content:""; clear:both;}

.support_top_wrap { width:100%; font-size:0; border:1px solid rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.02); padding:50px 20px 40px 20px; margin-bottom:20px;}
.support_top_left { display:inline-block; vertical-align:top; width:25%; padding:0 30px;}
.support_top_left_txt01 { font-size:18px; font-weight:700; line-height:1; margin-bottom:10px;}
.support_top_left_txt02 { font-size:24px; font-weight:700; line-height:1; margin-bottom:10px;}
.support_top_left_txt03 { font-size:14px;}
.support_top_right { display:inline-block; vertical-align:top; width:50%; padding:0 30px; border-left:1px solid rgba(0,0,0,0.1); min-height:150px;}
.support_top_right_txt01 { font-size:18px; font-weight:700; line-height:1; margin-bottom:10px;}
.support_top_right_txt02 { font-size:14px; margin-bottom:20px;}
.support_top_right_btn { display:inline-block; padding:10px 30px; border:1px solid #e1cc00; border-radius:3px; background-color:#fee500; color:#191919; font-size:16px; font-weight:700; margin-bottom:20px;}
.support_top_right_txt03 { font-size:13px; color:#999;}

.support_top_center { display:inline-block; vertical-align:top; width:25%; padding:0 30px; border-left:1px solid rgba(0,0,0,0.1); min-height:150px; text-align:center;}
.support_delivery_summary { text-align:left;}
.support_delivery_title { margin-bottom:12px; font-size:18px; font-weight:700; line-height:1;}
.support_delivery_list { margin:0; padding:0; list-style:none;}
.support_delivery_list>li { display:flex; align-items:flex-start; margin-bottom:7px; font-size:12px; line-height:1.45;}
.support_delivery_list>li>strong { flex:0 0 38px; color:#008139;}
.support_delivery_list>li>span { flex:1 1 auto; min-width:0;}
.support_delivery_note { margin-top:10px; font-size:11px; line-height:1.4; color:#999;}

.support_link_wrap { width:100%; font-size:0; margin-bottom:40px;}
.support_link { display:inline-block; vertical-align:top; width:18%; margin:0 1%; font-size:14px; text-align:center; border:1px solid rgba(0,0,0,0.1); padding:100px 20px 20px 20px; background-position:50% 0%; background-repeat:no-repeat; background-size:auto;}
.support_link01 { width:19%; margin:0 1% 0 0; background-image:url(/images/common/support_link01.png);}
.support_link02 { background-image:url(/images/common/support_link02.png);}
.support_link03 { background-image:url(/images/common/support_link03.png);}
.support_link04 { background-image:url(/images/common/support_link04.png);}
.support_link05 { width:19%; margin:0 0 0 1%; background-image:url(/images/common/support_link05.png);}
.support_link01.support_link_active, .support_link01:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/support_link01_ov.png);}
.support_link02.support_link_active, .support_link02:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/support_link02_ov.png);}
.support_link03.support_link_active, .support_link03:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/support_link03_ov.png);}
.support_link04.support_link_active, .support_link04:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/support_link04_ov.png);}
.support_link05.support_link_active, .support_link05:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/support_link05_ov.png);}





/* 마이페이지 */

.sub03_01_box { position:relative; width:100%; max-width:1300px; margin:0 auto; min-height:1100px; padding:35px 30px; background-color:#fff; border:1px solid rgba(0,0,0,0.1);}
.sub03_01_box:after { display:block; content:""; clear:both;}

.member_link_wrap { width:100%; font-size:0; margin-bottom:40px;}
.member_link { display:inline-block; vertical-align:top; width:14.6666666666666%; margin:0 1%; font-size:14px; text-align:center; border:1px solid rgba(0,0,0,0.1); padding:100px 20px 20px 20px; background-position:50% 0%; background-repeat:no-repeat; background-size:auto;}
.member_link01 { width:15.6666666666666%; margin:0 1% 0 0; background-image:url(/images/common/member_link01.png);}
.member_link02 { background-image:url(/images/common/member_link02.png);}
.member_link03 { background-image:url(/images/common/member_link03.png);}
.member_link04 { background-image:url(/images/common/member_link04.png);}
.member_link05 { background-image:url(/images/common/member_link06.png);}
.member_link06 { width:15.6666666666666%; margin:0 0 0 1%; background-image:url(/images/common/member_link05.png);}
.member_link01.member_link_active, .member_link01:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/member_link01_ov.png);}
.member_link02.member_link_active, .member_link02:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/member_link02_ov.png);}
.member_link03.member_link_active, .member_link03:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/member_link03_ov.png);}
.member_link04.member_link_active, .member_link04:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/member_link04_ov.png);}
.member_link05.member_link_active, .member_link05:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/member_link06_ov.png);}
.member_link05.member_link_active, .member_link06:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/member_link05_ov.png);}





.sub04_01_box { position:relative; width:100%; max-width:1300px; margin:0 auto; min-height:1000px; background-color:#fff; border:1px solid rgba(0,0,0,0.1);}
.sub04_01_box:after { display:block; content:""; clear:both;}









/* 서브 end ----------------------------------- */



/* 1024 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1024px){


}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px){



/* 서브탭 start */

.depth3_tab { width:100%; max-width:1300px; font-size:0; height:auto; padding:15px 10px; background-color:rgba(0,0,0,0.01); border-bottom:1px solid rgba(0,0,0,0.1);}
.depth3_tab>a { display:inline-block; font-size:13px; line-height:1; padding:0 5px; border-right:1px solid rgba(0,0,0,0.1); margin:2px 0;}
.depth3_tab>a:last-child { border-right:none;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#2e78d3; font-weight:500;}

.view_tab { width:97%; max-width:1200px; font-size:0; height:auto; margin:50px auto 0 auto; padding:0; background-color:rgba(0,0,0,0.02);}
.view_tab>a { display:inline-block; font-size:13px; line-height:1; padding:20px 5px; border-left:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.5); width:25%; text-align:center; color:#999; height:60px}
.view_tab>a:last-child { border-right:1px solid rgba(0,0,0,0.1);}
.view_tab>a.view_tab_active { border-left:1px solid rgba(0,0,0,0.5); border-right:1px solid rgba(0,0,0,0.5); border-top:3px solid rgba(0,0,0,0.5); border-bottom:1px solid rgba(0,0,0,0.01); background-color:#fff; color:#333; font-weight:500; padding:20px 5px;}
.view_tab>a:hover { border-left:1px solid rgba(0,0,0,0.5); border-right:1px solid rgba(0,0,0,0.5); border-top:1px solid rgba(0,0,0,0.5); background-color:#fff; color:#333; font-weight:500; padding:20px 5px;}


/* 서브공통 */

.top_menu_sub_bg { border-bottom:1px solid rgba(0,0,0,0.1);}

.sub_box { position:relative; width:100%; background-color:rgba(0,0,0,0.02); padding-bottom:40px;}
.sub_container_shop { position: relative; width:100%; max-width:1300px; margin:0 auto; padding:0;}
.sub_container { position: relative; width:100%; max-width:1300px; margin:0 auto; padding:0;}
.sub_link_wrap { position: absolute; top:170px; left:50%; width:1px; height:1px;}
.sub_container:after { display:block; content:""; clear:both;}

.sub_box_line { border-left:1px solid rgba(0,0,0,0.1);}
.box100per { position:relative; width:100%; margin:0 auto; padding:0;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}

.in_title1_wrap { position:relative; width:100%; max-width:1300px; margin:0 auto; padding:25px 15px 10px 15px; font-size:14px; line-height:1; font-weight:500; letter-spacing:-0.06em;}
.page_location_1 { display:inline-block; vertical-align:middle; text-align:left; background-image:url(/images/icon/home2.png); background-size:100% auto; background-repeat:no-repeat; background-position:center; width:15px; height:19px; margin:-2px 5px 0 0; text-indent:-9999px;}
.page_location_2 { display:inline-block; vertical-align:middle; color:#999;}
.page_location_3 { display:inline-block; vertical-align:middle; color:#95766f;}
.page_location_dot { display:inline-block; vertical-align:middle; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:center; width:10px; height:19px;}
.page_align { position:relative; display:block; width:100%; right:auto; top:auto; margin-top:0; display:inline-block; font-size:12px; line-height:20px; font-weight:500; padding:0; letter-spacing:0; text-align:left; color:#999; margin-top:5px;}
.page_align>a { display:inline-block; vertical-align:middle; line-height:1; padding:0 5px; border-right:1px solid rgba(0,0,0,0.1);}
.page_align>a:last-child { border-right: none;}
.page_align_active { color:#2e78d3; font-weight:500;}

.in_title1 { font-size:50px; line-height:1.4; font-weight:700; margin:60px 0 20px 0; letter-spacing:-0.06em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title1_txt { font-size:20px; line-height:1.4; font-weight:400; margin:0 0 40px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center;}

.in_title2 { font-size:30px; line-height:1.4; font-weight:700; margin:60px 0 20px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.8); text-align: center;}
.in_title2_txt { font-size:18px; line-height:1.4; font-weight:400; margin:0 0 40px 0; letter-spacing:-0.04em; color:rgba(0,0,0,0.6); text-align: center;}

.in_title3 { font-size:20px; line-height:26px; font-weight:400; margin-bottom:20px; background-image:url(/images/icon/ar_18x18.png); background-repeat:no-repeat; background-position:0% 4px; padding-left:25px;}

.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:60px;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:392px;}


/* 서브왼메뉴 start */

.sub_left_wrap { display:none;}



/* 리스트 */

.sub01_01_box { position:relative; width:96%; max-width:1300px; margin:2%; background-color:#fff; border:1px solid rgba(0,0,0,0.1);}
.sub01_01_box:after { display:block; content:""; clear:both;}

.sub01_01_box2 { position:relative; width:94%; margin:0 auto; background-color:#fff; border:1px solid rgba(0,0,0,0.1);}
.sub01_01_box2:after { display:block; content:""; clear:both;}

.sub_recommend { width:100%; max-width:1200px; padding:10px 5px; font-size:0;}
.sub_recommend_box { display:inline-block; vertical-align:top; width:48%; height:auto; margin:1%; padding:0;}
.sub_recommend_box:hover { box-shadow:0 0 10px rgba(0,0,0,0.2);}
.sub_recommend_box_img { width:100%; height:auto; aspect-ratio:100/100; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; border:1px solid rgba(0,0,0,0.05);}
.sub_recommend_box_txt { padding:20px 0;}

.sale_icon_box { display:inline-block; vertical-align:middle; color:#FFF; font-size:10px; font-weight:500; padding:0 5px 0 5px; background-color:#2e78d3; border-radius:3px;}
.sale_code { display:block; vertical-align:middle; font-size:12px; font-weight:500; color:#2e78d3; margin:5px 0 0 0;}
.sale_title { font-size:14px; color:#444444; font-weight:500; margin:5px 0; line-height:18px; /* 내용 2줄에서 말줄임 */ white-space:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:36px;}
.sale_price { display:inline-block; margin-bottom:5px;}
.sale_price1 { display:block; font-size:14px; color:#797979; text-decoration:line-through; font-weight:400; padding-right:0; line-height:1;}
.sale_price2 { display:block; font-size:18px; color:#c00c19; font-weight:500;}
.sale_txt { font-size:12px; color:#999; font-weight:400; line-height:16px; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:32px;}

.list_bottom_box { padding:10px; border:1px solid rgba(0,0,0,0.05); text-align:center; font-size:13px; margin-top:10px; background-color:rgba(0,0,0,0.01);}



/* 뷰 */

.view_box { position:relative; width:97%; margin:0 auto; font-size:0; padding-top:2px;}

.view_box_left { display:inline-block; vertical-align:top; width:100%; font-size:0;}
.view_box_left_img { width:100%; height:auto; aspect-ratio:100/100; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; border:1px solid rgba(0,0,0,0.1);}
.view_box_left_img_s_wrap { width:100%; display:flex; flex-wrap:nowrap; gap:6px; vertical-align:top; padding:14px 0; font-size:0; box-sizing:border-box;}
.view_box_left_img_s { display:block; flex:1 1 0; min-width:0; vertical-align:top; width:auto; height:auto; aspect-ratio:100/100; margin-right:0; box-sizing:border-box; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; cursor:pointer; border:1px solid rgba(0,0,0,0.1);}
.view_box_left_img_s:nth-child(5n) { margin-right:0;}
.view_box_left_img_s_active, .view_box_left_img_s:hover { border:2px solid rgba(233,105,20,1);}

.view_form1 { display:none;}
.view_form2 { display:inline-block; vertical-align:top; width:100%;}

.view_box_right { display:inline-block; vertical-align:top; width:100%;}
.view_box_right_txt_wrap { width:100%; min-height:1px; padding:10px 10px 0 10px; background-color:#fff; text-align:left;}
.view_box_right_title { font-size:20px; font-weight:500; line-height:1.2; margin:15px 0 0px 0;}
.view_box_right_price1 { display:inline-block; vertical-align:middle; font-size:16px; color:#999; text-decoration:line-through; font-weight:300; margin-top:5px;}
.view_box_right_price2 { display:inline-block; vertical-align:middle; font-size:30px; color:#2e78d3; padding-left:10px; font-weight:700;}
.view_box_right_txt { font-size:13px; color:rgba(0,0,0,0.5); margin:5px 0 10px 0; letter-spacing:0; padding:0; line-height:20px;}
.view_box_right_txt2 { border-top:1px solid rgba(0,0,0,0.1); margin:0; padding:10px 0; font-size:0;}
.view_box_right_txt2_1 { display:inline-block; vertical-align:middle; font-size:12px; font-weight:700; width:20%; margin:2px 0;}
.view_box_right_txt2_2 { display:inline-block; vertical-align:middle; font-size:12px; font-weight:400; width:80%; margin:2px 0;}
.view_box_right_txt2_2>span { display:inline-block; background-image:url(/images/icon/dot_3x3.jpg); background-repeat:no-repeat; background-position:0 8px; padding:0 10px;}

.view_box_right_txt3 { border-top:1px solid #e6e9ed; background-color:#f6f8fa; margin:0; padding:10px; font-size:0;}
.view_box_right_txt3_1 { width:100%; margin-top:8px; padding:12px; border:1px solid #e0e5eb; border-radius:7px; background-color:#fff; box-shadow:0 2px 7px rgba(20,43,68,0.05);}
.view_box_right_txt3_1:first-child { margin-top:0;}
.view_option_summary { min-height:22px; padding-bottom:9px;}
.view_option_name { font-size:12px; line-height:1.45;}
.view_option_controls { min-height:34px; padding-top:9px; font-size:12px;}
.view_option_controls>label { margin-right:6px;}
.view_quantity_input { width:68px; height:34px; font-size:13px;}
.view_option_price_label { padding-left:8px; font-size:11px;}
.view_select2 { display:inline-block; vertical-align:middle; margin-right:4px;}
.view_select2_price { margin-left:5px; font-size:13px;}
.view_select2_x { flex-basis:24px; width:24px; height:24px;}
.view_select2_x:before { font-size:17px;}
.view_box_right_txt4 { border-top:1px solid rgba(0,0,0,0.1); margin:0; padding:20px; font-size:30px; color:#444; text-align:right; font-weight:700;}
.view_box_right_txt4>span { font-size:12px; font-weight:400;}

.btn_interest { display:inline-block; vertical-align:middle; cursor:pointer; padding:2px 10px 0 10px; border:1px solid rgba(0,0,0,0.1); font-size:11px;}
.view_select { height:30px; width:100%; border-radius:3px;}
.view_box_right_btn { display:inline-block; vertical-align:middle; text-align:center; color:#fff; font-size:15px; font-weight:500; padding:15px;}
.view_box_right_btn1 { width:35%; margin-right:2%; background-color:#666;}
.view_box_right_btn2 { width:35%; margin-right:2%; background-color:#39F;}
.view_box_right_btn3 { width:26%; background-color:#F66;}
.view_box_right_btn4 { background-color:#666; padding:10px 30px;}
.view_bottom_box_btn { width:100%; padding:40px; text-align:center;}

.view_brand_wrap { width:97%; font-size:0; margin:20px auto 0 auto;}
.view_brand_btn1 { display:inline-block; vertical-align:middle; width:100%; margin-right:0; margin-bottom:10px; padding:6px; color:#fff; text-align:center; font-size:13px; background-color:#2e78d3;}
.view_brand_btn2 { display:inline-block; vertical-align:middle; width:100%; padding:6px; color:#fff; text-align:center; font-size:13px; background-color:#2e78d3;}

.view_bottom_box { padding:20px 0; text-align:left; font-size:13px; width:97%; margin:0 auto;}
.view_box_in {}
.review_wrap { font-size:0; border-bottom:1px solid rgba(0,0,0,0.1); padding:10px 0;}
.review_img { display:inline-block; vertical-align:top; width:30%; height:100px;}
.review_txt_wrap { display:inline-block; vertical-align:top; width:70%; padding:5px 5px 5px 20px;}
.review_star_wrap { display:block; vertical-align:middle; font-size:0; margin-bottom:10px;}
.review_star_wrap>img { margin-right:1px;}
.review_id { display:inline-block; vertical-align:middle; padding:0 10px 0 0; line-height:1; border-right:1px solid rgba(0,0,0,0.3); font-size:12px;}
.review_data { display:inline-block; vertical-align:middle; padding:0 10px; line-height:1; font-size:12px;}
.review_txt { display:block; font-size:13px; padding-top:10px;}
.review_image_layer { padding:16px;}
.review_image_layer_inner>img { max-width:calc(100vw - 32px); max-height:calc(100vh - 32px);}
.review_image_layer_close { top:8px; right:8px; width:40px; height:40px; font-size:28px; line-height:40px;}

.review_q_title_wrap { font-size:0; width:100%; background-color:rgba(0,0,0,0.02); border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
.review_q_title { display:inline-block; vertical-align:middle; font-size:11px; font-weight:500; text-align:center; margin:10px 0; background-image:url(/images/icon/menu_bar.png); background-repeat:no-repeat; background-position:0% 50%;}
.review_q_01 { width:10%; background-image:none;}
.review_q_02 { width:10%;}
.review_q_03 { width:40%;/* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.review_q_04 { width:20%;}
.review_q_05 { width:20%;}
.review_q_txt_wrap { font-size:0; width:100%; border-bottom:1px solid rgba(0,0,0,0.1);}
.review_q_txt { display:inline-block; vertical-align:middle; font-size:11px; font-weight:400; text-align:center; margin:10px 0;}
.review_q_txt_wrap>.review_q_03 { text-align:left;}

.review_a_txt_wrap { display:none; background-color:rgba(0,0,0,0.02); padding:20px; border-bottom:1px solid rgba(0,0,0,0.1);}
.review_a_txt_wrap_active { display:block;}
.review_a_txt { font-size:13px; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.1);}
.review_a_txt2 { font-size:12px; padding-top:10px; padding-left:50px; background-image: url(/images/icon/answer.png); background-repeat:no-repeat; background-position:0% 20px;}
.review_a_txt>span, .review_a_txt2>span { display:block; font-size:11px; color:#aaa; margin-top:10px;}
.review_q_top { position:relative; width:100%; padding:10px 0;}
.review_q_top_left { font-size:12px;}
.review_q_top_right { position:absolute; top:0; right:0; display:inline-block; vertical-align:middle; cursor:pointer; padding:5px 15px 3px 15px; font-size:12px; background-color:#666; color:#fff; z-index:1;}




/* 장바구니 */

.order_step_wrap { background-color:#28292e; font-size:0;}
.order_step { display:inline-block; vertical-align:top; padding:10px 15px 7px 15px; color:#fff; font-size:14px; font-weight:500;}
.order_step_01 { background-color:#4c4c4f; background-image:none;}
.order_step_02 { background-color:#4c4c4f; background-image:none;}
.order_step_03 { background-color:#4c4c4f; background-image:none;}
.order_step_04 { background-color:#4c4c4f; background-image:none;}
.order_step_active { background-color:#2e78d3;}

.cart_top_wrap { padding:30px 5px 10px 5px; font-size:0; width:94%; margin:0 auto 20px auto; border-bottom:3px solid rgba(0,0,0,0.8);}
.cart_top_all { display:inline-block; vertical-align:middle; margin-right:10px; font-size:14px;}
.cart_top_all>span { display:inline-block; vertical-align:middle;}
.cart_top_ck { display:inline-block; vertical-align:middle; width:14px; height:14px; margin-right:5px;}
.cart_top_btn { display:inline-block; vertical-align:middle; padding:5px 10px 3px 10px; border:1px solid rgba(0,0,0,0.1); font-size:13px;}
.cart_excel_btn { position:absolute; bottom:10px; right:0; display:inline-block; vertical-align:middle; padding:5px 10px 3px 10px; border:1px solid rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.7); font-size:13px; color:#FFF;}

.cart_list_top_wrap { width:94%; margin:0 auto; font-size:0; padding:10px 0; border-bottom:1px solid rgba(0,0,0,0.8);}
.cart_list_top { display:inline-block; vertical-align:bottom; font-size:14px; text-align:center;}
.cart_list_top1 { width:100%; font-size:20px; font-weight:700; text-align:left; padding-left:10px;}
.cart_list_top2 { display:none;}
.cart_list_top3 { display:none;}
.cart_list_top4 { display:none;}

.cart_list_wrap { width:94%; margin:0 auto; font-size:0; border-bottom:1px solid rgba(0,0,0,0.1); text-align:right; padding:15px 0;}
.cart_list { display:inline-block; vertical-align:bottom; font-size:13px; text-align:center; padding:0 10px; border-right:none; min-height:1px;}
.cart_list1 { display:inline-block; vertical-align:top; width:100%; text-align:right; font-size:0; line-height:28px;}
.cart_list1_1 { display:inline-block; vertical-align:top; width:10%; text-align:center;}
.cart_list1_2 { display:inline-block; vertical-align:top; width:20%; height:80px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.cart_list1_3 { display:inline-block; vertical-align:top; width:70%; padding:0 10px; text-align:left;}
.cart_list1_3>a { display:inline-block; width:100%; font-size:13px; white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip;}
.cart_list1_3>span { display:inline-block; max-width:100%; font-size:11px; line-height:1.5; background-color:rgba(0,0,0,0.05); padding:0 5px; white-space:normal; overflow:visible; overflow-wrap:anywhere; text-overflow:clip;}
.cart_list1_4 { display:inline-block; vertical-align:top; width:auto; font-size:13px; padding:0 10px;}
.cart_list_x { display:inline-block; vertical-align:middle; background-image:url(/images/icon/nav_btn2.png); background-repeat:no-repeat; background-size:50% auto; background-position:center; border:1px solid rgba(0,0,0,0.1); background-color:#fff; width:18px; height:18px; margin-left:4px;}
.cart_list1_5 { display:inline-block; vertical-align:top; width:auto; font-size:13px;}
.cart_list2 { display:inline-block; vertical-align:top; width:auto; color:#2e78d3; padding-top:5px;}
.cart_list3 { display:inline-block; vertical-align:top; width:auto; font-weight:700; padding-top:5px;}
.cart_list4 { display:inline-block; vertical-align:top; width:auto; border-right:none; padding-top:5px;}

.cart_list_bottom { width:94%; margin:0 auto; font-size:0; text-align:right; border-bottom:1px solid rgba(0,0,0,0.5); background-color:rgba(0,0,0,0.05); padding:20px 10px;}
.cart_list_bottom1 { display:inline-block; vertical-align:middle; padding:0 10px; font-size:12px; line-height:1; color:#76ABB8; border-right:1px solid rgba(0,0,0,0.1);}
.cart_list_bottom2 { display:inline-block; vertical-align:middle; padding:0 10px; font-size:11px; line-height:1;}
.cart_list_bottom3 { display:inline-block; vertical-align:middle; font-size:24px; font-weight:700; letter-spacing:-0.06em;}

.cart_list_bottom4 { width:94%; margin:0 auto; padding:20px 0; text-align:center; font-size:0;}
.cart_list_bottom4_btn1 { display:inline-block; width:100%; font-size:16px; font-weight:500; background-color:#999; color:#fff; padding:10px 10px; margin: 2% 0; letter-spacing:-0.06em;}
.cart_list_bottom4_btn2 { display:inline-block; width:100%; font-size:16px; font-weight:500; background-color:#2e78d3; color:#fff; padding:10px 10px;  margin:2% 0; letter-spacing:-0.06em;}
.cart_list_bottom4_btn3 { display:inline-block; width:100%; font-size:16px; font-weight:500; background-color:#E64D20; color:#fff; padding:10px 10px;  margin:2% 0; letter-spacing:-0.06em;}

.cart_list_bottom5 { width:94%; margin:0 auto; padding:20px 0 40px 0; text-align:left; font-size:0;}
.cart_list_bottom5>p { display:block; padding:2px 0; font-size:12px;}

.lookup_wrap { padding:30px 10px 20px 10px; font-size:0; width:94%; margin:0 auto 50px auto; border-bottom:3px solid rgba(0,0,0,0.8); font-size:12px;}

.order_complete_lookup { width:100%; padding:30px 16px 40px 16px; margin-bottom:0; border-bottom:0;}
.order_complete_card { display:block; padding:38px 24px; border-radius:12px; text-align:center; box-shadow:0 12px 30px rgba(31,56,88,0.09);}
.order_complete_icon { width:72px; height:72px; margin:0 auto 22px auto;}
.order_complete_icon>svg { width:34px; height:34px;}
.order_complete_title { margin-bottom:10px; font-size:23px;}
.order_complete_message { font-size:13px; line-height:1.7;}
.order_complete_number { display:block; margin:22px 0; padding:15px 12px;}
.order_complete_number_label { display:block; margin-bottom:5px; font-size:12px;}
.order_complete_number>strong { display:block; font-size:17px;}
.order_complete_actions { display:block;}
.order_complete_button { display:flex; width:100%; min-width:0; height:46px; margin-top:8px; padding:0 14px; font-size:14px;}


.sub02_01_box { position:relative; width:94%; max-width:1300px; margin:0 auto; padding:10px; min-height:1px; background-color:#fff; border:1px solid rgba(0,0,0,0.1);}
.sub02_01_box:after { display:block; content:""; clear:both;}

.support_top_wrap { width:100%; font-size:0; border:1px solid rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.02); padding:30px; margin-bottom:10px;}
.support_top_left { display:inline-block; vertical-align:top; width:100%; padding:0 0 20px 0; text-align:center;}
.support_top_left_txt01 { font-size:16px; font-weight:700; line-height:1; margin-bottom:5px;}
.support_top_left_txt02 { font-size:24px; font-weight:700; line-height:1; margin-bottom:10px;}
.support_top_left_txt03 { font-size:12px;}
.support_top_right { display:inline-block; vertical-align:top; width:100%; padding:20px 0 0 0; border-top:1px solid rgba(0,0,0,0.1); border-left:none; text-align:center;}
.support_top_right_txt01 { font-size:16px; font-weight:700; line-height:1; margin-bottom:5px;}
.support_top_right_txt02 { font-size:12px; margin-bottom:10px;}
.support_top_right_btn { display:inline-block; padding:6px 20px; border:1px solid #e1cc00; border-radius:3px; background-color:#fee500; color:#191919; font-size:14px; font-weight:700; margin-bottom:10px;}
.support_top_right_txt03 { font-size:12px; color:#999;}

.support_top_center { display:inline-block; vertical-align:top; width:100%; padding:20px 0; border-top:1px solid rgba(0,0,0,0.1); border-left:none; text-align:center;}
.support_top_center>a>img { width:80px; height:auto;}
.support_delivery_summary { text-align:left;}
.support_delivery_title { margin-bottom:10px; font-size:16px; text-align:center;}
.support_delivery_list { width:100%; max-width:290px; margin:0 auto;}
.support_delivery_list>li { margin-bottom:6px; font-size:12px;}
.support_delivery_list>li>strong { flex-basis:40px;}
.support_delivery_note { margin-top:8px; font-size:11px; text-align:center;}

.support_link_wrap { width:100%; font-size:0; margin-bottom:30px;}
.support_link { display:inline-block; vertical-align:top; width:31.333333333%; margin:0 1% 2% 1%; font-size:12px; text-align:center; border:1px solid rgba(0,0,0,0.1); padding:60px 5px 10px 5px; background-position:50% 0%; background-repeat:no-repeat; background-size:60px auto; min-height:100px; line-height:1;}
.support_link01 { width:32.333333333%; margin:0 1% 0 0; background-image:url(/images/common/support_link01.png);}
.support_link02 { background-image:url(/images/common/support_link02.png);}
.support_link03 { width:32.333333333%; margin:0 0 0 1%; background-image:url(/images/common/support_link03.png);}
.support_link04 { width:32.333333333%; margin:0 1% 0 0; background-image:url(/images/common/support_link04.png);}
.support_link05 { background-image:url(/images/common/support_link05.png);}
.support_link01.support_link_active, .support_link01:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/support_link01_ov.png);}
.support_link02.support_link_active, .support_link02:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/support_link02_ov.png);}
.support_link03.support_link_active, .support_link03:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/support_link03_ov.png);}
.support_link04.support_link_active, .support_link04:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/support_link04_ov.png);}
.support_link05.support_link_active, .support_link05:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/support_link05_ov.png);}






.sub03_01_box { position:relative; width:94%; max-width:1300px; margin:0 auto; padding:10px; min-height:1px; background-color:#fff; border:1px solid rgba(0,0,0,0.1);}
.sub03_01_box:after { display:block; content:""; clear:both;}

.member_link_wrap { width:100%; font-size:0; margin-bottom:30px;}
.member_link { display:inline-block; vertical-align:top; width:31.333333333%; margin:0 1% 2% 1%; font-size:12px; text-align:center; border:1px solid rgba(0,0,0,0.1); padding:60px 5px 10px 5px; background-position:50% 0%; background-repeat:no-repeat; background-size:60px auto; min-height:100px; line-height:1;}
.member_link01 { width:32.333333333%; margin:0 1% 0 0; background-image:url(/images/common/member_link01.png);}
.member_link02 { background-image:url(/images/common/member_link02.png);}
.member_link03 { width:32.333333333%; margin:0 0 0 1%; background-image:url(/images/common/member_link03.png);}
.member_link04 { width:32.333333333%; margin:0 1% 0 0; background-image:url(/images/common/member_link04.png);}
.member_link05 { background-image:url(/images/common/member_link06.png);}
.member_link06 { width:32.333333333%; margin:0 0 0 1%; background-image:url(/images/common/member_link05.png);}
.member_link01.member_link_active, .member_link01:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/member_link01_ov.png);}
.member_link02.member_link_active, .member_link02:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/member_link02_ov.png);}
.member_link03.member_link_active, .member_link03:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/member_link03_ov.png);}
.member_link04.member_link_active, .member_link04:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/member_link04_ov.png);}
.member_link05.member_link_active, .member_link05:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/member_link06_ov.png);}
.member_link06.member_link_active, .member_link06:hover { background-color:#2e78d3; color:#FFF; background-image:url(/images/common/member_link05_ov.png);}



.sub04_01_box { position:relative; width:96%; max-width:1300px; margin:2%; min-height:1px; background-color:#fff; border:1px solid rgba(0,0,0,0.1);}
.sub04_01_box:after { display:block; content:""; clear:both;}






/* 서브 end ----------------------------------- */
}

/*
 * 리뉴얼 서브 공통
 * 기존 솔루션의 파란색 박스형 화면을 메인과 같은 녹색·여백 중심 구성으로 정리한다.
 */
.sub_box {
	padding-bottom:64px;
	background:#f5f7f5;
}

.sub_container,
.sub_container_shop {
	max-width:1400px;
	padding-right:24px;
	padding-left:24px;
}

.in_title1_wrap {
	max-width:1400px;
	padding:28px 12px 20px;
	color:#647068;
}

.page_location_3,
.page_align_active,
.depth3_tab>a.depth3_active,
.depth3_tab>a:hover {
	color:#08752f;
}

.box100per {
	padding-left:220px;
}

.sub_left_wrap {
	width:200px;
	overflow:hidden;
	border:1px solid #dce4de;
	border-radius:10px;
	box-shadow:0 8px 24px rgba(32,65,43,.05);
}

.sub_left_menu_title {
	padding:22px 20px 18px;
	border-bottom:1px solid #e2e8e4;
	background:#f4f8f5;
	color:#1f402b;
	font-size:19px;
}

.sub_left_menu_link {
	padding:13px 20px;
	border-bottom-color:#edf1ee;
	color:#536159;
	line-height:1.35;
}

.sub_left_menu_link_depth3 {
	padding-left:34px;
	background:#f7faf8;
	font-size:12px;
}

.left_active,
.sub_left_menu_link:hover {
	background:#08752f;
	color:#fff;
}

.sub_support_account,
.sub_support_tel_wrap {
	background:#fafcfb;
}

.sub_support_tel>span {
	color:#08752f;
}

.sub_support_btn:hover {
	border-color:#08752f;
	color:#08752f;
}

/* 하단과 동일한 카카오 상담주소를 좌측 고객센터에서도 쉽게 찾을 수 있게 한다. */
.sub_support_btn.sub_support_kakao {
	margin-top:10px;
	border-color:#fee500;
	background:#fee500;
	color:#191600;
	font-weight:700;
}

.sub_support_btn.sub_support_kakao:hover {
	border-color:#f0d900;
	background:#f0d900;
	color:#191600;
}

.sub01_01_box,
.sub01_01_box2,
.sub02_01_box,
.sub03_01_box,
.sub04_01_box {
	width:100%;
	max-width:none;
	margin:0;
	padding:30px;
	border:1px solid #dce4de;
	border-radius:12px;
	background:#fff;
	box-shadow:0 10px 30px rgba(32,65,43,.04);
}

.sub01_01_box {
	min-height:800px;
}

/* 골프장갑·골프그립 목록 상단의 실제 상품 조합 배너 */
.category-list-banner {
	overflow:hidden;
	margin:0 0 26px;
	border:1px solid #dce4de;
	border-radius:10px;
	background:#fff;
}

.category-list-banner img {
	display:block;
	width:100%;
	height:auto;
}

.view_tab {
	overflow:hidden;
	border:1px solid #dce4de;
	border-radius:8px;
	background:#f6f8f6;
}

.view_tab>a,
.view_tab>a:hover,
.view_tab>a.view_tab_active {
	border:0;
	border-right:1px solid #dce4de;
	padding:18px 8px;
}

.view_tab>a:last-child {
	border-right:0;
}

.view_tab>a.view_tab_active,
.view_tab>a:hover {
	background:#08752f;
	color:#fff;
}

.view_box_right_price2,
.view_select2_price,
.cart_list2,
.sale_code {
	color:#08752f;
}

.view_quantity_input:focus {
	border-color:#08752f;
	box-shadow:0 0 0 2px rgba(8,117,47,.12);
}

.view_box_right_btn2,
.view_brand_btn1,
.view_brand_btn2,
.cart_list_bottom4_btn2 {
	background:#08752f;
}

.sale_icon_box,
.support_link.support_link_active,
.support_link:hover,
.member_link.member_link_active,
.member_link:hover {
	background-color:#08752f;
	color:#fff;
}

/* 옵션을 여러 개 고르면 제이에프로프와 같은 선택상품 행을 누적해 보여줍니다. */
.selected-option-list {
	margin:0;
	padding:12px;
	border-top:1px solid #dfe7e2;
	background:#f2f6f3;
}

.selected-option-row {
	position:relative;
	margin-top:10px;
	padding:16px;
	border:1px solid #d8e2dc;
	border-radius:8px;
	background:#fff;
	box-shadow:0 2px 8px rgba(18,61,48,.04);
}

.selected-option-row:first-child {
	margin-top:0;
}

.selected-option-name {
	display:block;
	padding-right:34px;
	color:#21352a;
	font-size:14px;
	font-weight:700;
	line-height:1.55;
}

.selected-option-remove {
	position:absolute;
	top:12px;
	right:12px;
	width:28px;
	height:28px;
	padding:0;
	border:1px solid #d7e0da;
	border-radius:50%;
	background:#fff;
	color:#758078;
	font-size:18px;
	line-height:24px;
	cursor:pointer;
}

.selected-option-remove:hover,
.selected-option-remove:focus {
	border-color:#08752f;
	color:#08752f;
}

.selected-option-controls {
	display:flex;
	align-items:center;
	gap:12px;
	margin-top:14px;
}

.selected-option-controls>span {
	color:#6a766e;
	font-size:13px;
}

.selected-option-qty {
	width:78px;
	height:38px;
	padding:0 10px;
	border:1px solid #cbd7cf;
	border-radius:4px;
	background:#fff;
	color:#173e31;
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:600;
	line-height:38px;
	text-align:center;
}

.selected-option-price {
	margin-left:auto;
	color:#08752f;
	font-size:16px;
	font-weight:700;
}

@media screen and (max-width:767px) {
	.sub_container,
	.sub_container_shop {
		padding-right:12px;
		padding-left:12px;
	}

	.in_title1_wrap {
		padding:20px 4px 14px;
	}

	.box100per {
		padding-left:0;
	}

	.sub01_01_box,
	.sub01_01_box2,
	.sub02_01_box,
	.sub03_01_box,
	.sub04_01_box {
		padding:18px 14px;
		border-radius:8px;
	}

	.category-list-banner {
		margin-bottom:18px;
		border-radius:6px;
	}

	.selected-option-row {
		padding:14px;
	}

	.selected-option-controls {
		gap:8px;
	}
}

/* 골프공 소개페이지에서 여는 주문 전용 레이어 */
body.product_purchase_layer_page {
	min-width:0;
	background:#fff;
}

.product_purchase_layer_page #total_wrap,
.product_purchase_layer_page .sub_box,
.product_purchase_layer_page .sub_container,
.product_purchase_layer_page .box100per,
.product_purchase_layer_page .sub01_01_box,
.product_purchase_layer_page .sub_recommend,
.product_purchase_layer_page .view_box,
.product_purchase_layer_page .view_form2,
.product_purchase_layer_page .view_box_right {
	width:100%;
	max-width:none;
	min-height:0;
	margin:0;
	padding:0;
	border:0;
	background:#fff;
}

.product_purchase_layer_page .view_box_right {
	float:none;
}

.product_purchase_layer_page .view_box_right_txt_wrap {
	min-height:0;
	padding:66px 28px 28px;
}

@media screen and (max-width:767px) {
	.product_purchase_layer_page .view_box_right_txt_wrap {
		padding:60px 16px 20px;
	}
}

/*
 * 장바구니부터 주문조회까지 같은 진행 단계를 사용한다.
 * 기존 파란 탭 이미지 대신 숫자형 단계와 쇼핑몰 녹색을 적용한다.
 */
.order_step_wrap {
	display:flex;
	overflow:hidden;
	border:1px solid #d3dfd6;
	border-radius:8px;
	background:#edf3ef;
}

.order_step {
	display:flex;
	flex:1 1 0;
	align-items:center;
	justify-content:center;
	gap:10px;
	min-width:0;
	padding:18px 16px;
	border-right:1px solid #d3dfd6;
	background:#edf3ef;
	background-image:none;
	color:#536159;
	font-size:15px;
	font-weight:700;
}

.order_step:last-child {
	border-right:0;
}

.order_step:before {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 28px;
	width:28px;
	height:28px;
	border:1px solid #aebdb2;
	border-radius:50%;
	background:#fff;
	color:#617067;
	font-size:13px;
	line-height:1;
	content:"";
}

.order_step_01:before { content:"1"; }
.order_step_02:before { content:"2"; }
.order_step_03:before { content:"3"; }
.order_step_04:before { content:"조회"; font-size:10px; }

.order_step_active {
	border-color:#08752f;
	background:#08752f;
	color:#fff;
}

.order_step_active:before {
	border-color:rgba(255,255,255,.55);
	background:rgba(255,255,255,.13);
	color:#fff;
}

.order_complete_lookup {
	background:transparent;
}

.order_complete_card {
	border-color:#d4e1d7;
	box-shadow:0 18px 45px rgba(24,74,43,.09);
}

.order_complete_card:before {
	background:#08752f;
}

.order_complete_icon {
	border-color:#c9dfd0;
	background:#eff8f2;
	color:#08752f;
}

.order_complete_title {
	color:#173d27;
}

.order_complete_message {
	color:#68766d;
}

.order_complete_number {
	border-color:#d6e4da;
	background:#f4f9f5;
}

.order_complete_number>strong {
	color:#08752f;
}

.order_complete_button_primary {
	border-color:#08752f;
	background:#08752f;
}

.order_complete_button_primary:hover,
.order_complete_button_primary:focus {
	border-color:#065d27;
	background:#065d27;
	box-shadow:0 6px 16px rgba(8,117,47,.2);
}

.order_complete_button_secondary:hover,
.order_complete_button_secondary:focus {
	border-color:#7f9a87;
	background:#f7faf8;
	color:#284332;
}

@media screen and (max-width:767px) {
	.order_step_wrap {
		border-radius:6px;
	}

	.order_step {
		gap:5px;
		padding:12px 6px;
		font-size:12px;
		line-height:1.3;
		text-align:center;
	}

	.order_step:before {
		flex-basis:22px;
		width:22px;
		height:22px;
		font-size:11px;
	}

	.order_step_04:before {
		font-size:9px;
	}
}

/*
 * 고객센터 법정 고지 문서는 긴 문장과 표를 읽기 편하게 구성한다.
 * 회원가입 동의 화면에서도 같은 본문을 사용하므로 고정 폭을 두지 않는다.
 */
.support_link_wrap {
	display:grid;
	grid-template-columns:repeat(7,minmax(0,1fr));
	gap:10px;
}

.support_link,
.support_link01,
.support_link02,
.support_link03,
.support_link04,
.support_link05,
.support_link06,
.support_link07 {
	width:auto;
	margin:0;
	padding-right:10px;
	padding-left:10px;
}

.support_link06 {
	background-image:url(/images/common/support_link06.png);
}

.support_link06.support_link_active,
.support_link06:hover {
	background-color:#08752f;
	background-image:url(/images/common/support_link06_ov.png);
	color:#fff;
}

.support_link07 {
	background-image:url(/images/common/support_link07.png);
}

.support_link07.support_link_active,
.support_link07:hover {
	background-color:#08752f;
	background-image:url(/images/common/support_link07_ov.png);
	color:#fff;
}

.legal_document_wrap {
	width:100%;
	color:#26372d;
}

.legal_document {
	width:100%;
	border:1px solid #dce6df;
	border-radius:14px;
	background:#fff;
	box-sizing:border-box;
	overflow:hidden;
}

.legal_document_header {
	padding:42px 44px 34px;
	border-bottom:1px solid #dce6df;
	background:linear-gradient(135deg,#f2f8f4 0%,#fbfdfb 100%);
}

.legal_document_badge {
	display:inline-block;
	margin-bottom:14px;
	padding:7px 12px;
	border:1px solid #bfd6c5;
	border-radius:20px;
	background:#fff;
	color:#08752f;
	font-size:12px;
	font-weight:700;
	letter-spacing:.02em;
}

.legal_document_header h3 {
	margin:0 0 14px;
	color:#173d27;
	font-size:34px;
	line-height:1.25;
}

.legal_document_header>p {
	max-width:760px;
	margin:0;
	color:#52645a;
	font-size:15px;
	line-height:1.8;
	word-break:keep-all;
}

.legal_document_meta {
	display:flex;
	flex-wrap:wrap;
	gap:8px 18px;
	margin-top:20px;
	color:#718078;
	font-size:12px;
}

.legal_quick_links {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding:20px 44px;
	border-bottom:1px solid #e3eae5;
	background:#fff;
}

.legal_quick_links a {
	display:inline-block;
	padding:9px 13px;
	border:1px solid #d7e2da;
	border-radius:6px;
	background:#f7faf8;
	color:#335440;
	font-size:13px;
	font-weight:600;
}

.legal_quick_links a:hover,
.legal_quick_links a:focus {
	border-color:#08752f;
	background:#eef7f1;
	color:#08752f;
}

.legal_article {
	width:auto;
	margin:0 44px;
	padding:32px 0;
	border-bottom:1px solid #e7ece8;
	scroll-margin-top:20px;
}

.legal_article:last-child {
	border-bottom:0;
}

/* 이메일 무단수집 거부는 개인정보처리방침처럼 제목 카드와 본문만 분리한다. */
.email_reject_document .legal_article {
	margin-right:0;
	margin-left:0;
}

.email_reject_document .legal_article:first-of-type {
	padding-top:0;
}

.legal_article h4 {
	margin:0 0 15px;
	color:#173d27;
	font-size:20px;
	line-height:1.45;
}

.legal_article p,
.legal_article li,
.legal_table th,
.legal_table td {
	font-size:14px;
	line-height:1.8;
	word-break:keep-all;
}

.legal_article p {
	margin:0 0 12px;
	color:#526058;
}

.legal_ordered_list,
.legal_list {
	margin:0;
	padding-left:23px;
	color:#526058;
}

.legal_ordered_list>li,
.legal_list>li {
	margin:8px 0;
	padding-left:4px;
}

.legal_ordered_list .legal_list {
	margin-top:8px;
}

.legal_note {
	margin-top:16px !important;
	padding:14px 16px;
	border-left:3px solid #28a05b;
	background:#f3f8f4;
	color:#45624f !important;
}

.legal_note a,
.legal_external_links a,
.privacy_contact_card a {
	color:#08752f;
	text-decoration:underline;
	text-underline-offset:3px;
}

.legal_table_scroll {
	overflow-x:auto;
	margin-top:16px;
	border:1px solid #dce5df;
	border-radius:8px;
	-webkit-overflow-scrolling:touch;
}

.legal_table {
	width:100%;
	min-width:720px;
	border-collapse:collapse;
	table-layout:fixed;
}

.legal_table th,
.legal_table td {
	padding:15px 16px;
	border-right:1px solid #e2e9e4;
	border-bottom:1px solid #e2e9e4;
	text-align:left;
	vertical-align:top;
}

.legal_table tr:last-child th,
.legal_table tr:last-child td {
	border-bottom:0;
}

.legal_table th:last-child,
.legal_table td:last-child {
	border-right:0;
}

.legal_table thead th {
	background:#eef5f0;
	color:#234d32;
	font-size:13px;
	font-weight:700;
}

.legal_table tbody th {
	width:18%;
	background:#f8faf8;
	color:#304d39;
	font-weight:700;
}

.legal_table tbody td {
	color:#536159;
}

.privacy_contact_card {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:1px;
	overflow:hidden;
	margin:16px 0 20px;
	border:1px solid #d7e3da;
	border-radius:8px;
	background:#d7e3da;
}

.email_report_card {
	grid-template-columns:repeat(2,minmax(0,1fr));
}

.privacy_contact_card>div {
	padding:18px;
	background:#f7faf8;
}

.privacy_contact_card span,
.privacy_contact_card strong {
	display:block;
}

.privacy_contact_card span {
	margin-bottom:6px;
	color:#718078;
	font-size:12px;
}

.privacy_contact_card strong {
	color:#24452f;
	font-size:14px;
	word-break:break-all;
}

@media screen and (max-width:1024px) {
	.support_link_wrap {
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
}

@media screen and (max-width:767px) {
	.support_link_wrap {
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:7px;
	}

	.support_link,
	.support_link01,
	.support_link02,
	.support_link03,
	.support_link04,
	.support_link05,
	.support_link06,
	.support_link07 {
		min-height:0;
		padding:50px 6px 12px;
		background-size:48px auto;
		font-size:11px;
		line-height:1.35;
	}

	.legal_document {
		border-radius:8px;
	}

	.legal_document_header {
		padding:27px 20px 24px;
	}

	.legal_document_header h3 {
		font-size:27px;
	}

	.legal_document_header>p {
		font-size:14px;
		line-height:1.7;
		word-break:normal;
	}

	.legal_quick_links {
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
		padding:15px 18px;
	}

	.legal_quick_links a {
		padding:9px 8px;
		text-align:center;
	}

	.legal_article {
		margin:0 20px;
		padding:25px 0;
	}

	.legal_article h4 {
		font-size:18px;
	}

	.legal_article p,
	.legal_article li,
	.legal_table th,
	.legal_table td {
		font-size:13px;
		line-height:1.75;
		word-break:normal;
	}

	.privacy_contact_card {
		grid-template-columns:1fr;
	}
}