:root { --hdheight:80px; }
body { background-color:#fff; }
a { text-decoration:none !important; }
a:hover { transition:all 0.3s ease; -khtml-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
input[type="text"] {
	-webkit-appearance: none;
    -moz-appearance: none;
	border:1px solid #ddd;
	padding:0 10px;
	height:33px;
	border-radius:3px;
}
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border:1px solid #ddd;
  padding:0 10px;
  height:33px;
  border-radius:3px;
}
input[type='radio'] {
	flex-shrink:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 13px;
	height: 13px;
	border: 1px solid #ccc;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
}
/* 체크 시 버튼 모양 스타일*/
input[type='radio']:checked {
  background-color: #222;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #222;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23333366' viewBox='0 0 256 256'%3E%3Cpath d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px bottom 46%;
    box-sizing: border-box;
    background-size: 15px;
    background-color: #fff;
    padding: 0 50px 0 10px !important;
    border: 1px solid #ddd;
    min-height: 33px;
    font-weight: 400;
	border-radius:3px;
}
.chk_custom { display: none; }
.chk_custom + label{ display: inline-block; width: 15px; height: 15px; border:1px solid #ddd; background:#fff; position: relative; vertical-align:middle; margin:-2px 4px 0 0; }
.chk_custom:checked + label { border-color:#222; margin-bottom:0; }
.chk_custom:checked + label::after{
		content:'';
		color:#2222;
		font-size: 13px;
		width: 13px;
		height: 15px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");
		background-size:100%;
		background-repeat:no-repeat;
		background-position:center;
		text-align: center;
		position: absolute;
		left: 0;
		top:-1px;
	  }
.sub_inner { max-width:1260px; width:1260px; margin:0 auto; }






/* top banner */
.top_banner { position:relative; background-color:#1682ff; padding:24px 0; }
.top_banner .sub_inner { display:flex; align-items:center; justify-content:center; gap:60px; }
.topb_tit { font-size:34px; font-weight:700; color:#eaff00; letter-spacing:-0.55px; }
.topb_list li { color:#fff; margin-bottom:4px; font-size:16px; }
.topb_list li:last-child { margin-bottom:0; }
.topb_close { position:absolute; right:20px; top:50%; transform:translate(0,-50%); width:25px; height:25px; cursor:pointer; background-repeat:no-repeat; background-size:100%; background-position:center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z'%3E%3C/path%3E%3C/svg%3E"); }






/* header */
#header { height:var(--hdheight); border-bottom:1px solid #eee; background-color:#fff; }
#header.smaller {
	width:100%;
    position: fixed;
    background-color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.04);
    border-bottom: 1px solid #eee;
    z-index: 10;
    top: 0;
}
.hd_inner { width:1520px; max-width:1520px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
.hd_logo img { width:119px; }
.nav { height:var(--hdheight); }
.hd_left { display:flex; align-items:center; gap:30px; }
.dep1 { display:flex; align-items:center; height:100%; }
.dep1 > li { position:relative; height:100%; }
.dep1 > li > a { color:#222; font-size:18px; font-weight:500; padding:0 30px; height:100%; display:flex; align-items:center; justify-content:center; }
.dep2 { display:none; background-color:#fff; min-width:170px; position:absolute; left:50%; top:var(--hdheight); transform:translateX(-50%); padding:10px 0px; text-align:center; transition: opacity 0.3s;  transition-delay: -0.2s; pointer-events: none; z-index: 10; pointer-events: auto; box-shadow: 0 3px 30px rgba(0, 0, 0, 0.04); }
.dep2 li { padding:7px 0;}
.dep2 li:last-child { margin-bottom:0; }
.dep2 li a { color:#000; font-size:15px; font-weight:300; display:inline-block;width:100%;}
.dep2 li:hover a { color:#222; }
.dep2 li:hover{ background:#e7e7e7; }
.hd_right { display:flex; align-items:center; gap:30px; }
.hd_member { display:flex; align-items:center; gap:20px; }
.hd_member::after { display:none; }
.hd_member li { position:relative; }
.hd_member li::after { content:''; width:1px; height:60%; background-color:#ddd; position:absolute; right:-10px; top:50%; transform:translate(0,-50%); margin-top:1px; }
.hd_member li:last-child::after { display:none; }
.hd_member li a { font-size:14px; color:#222; font-weight:500; }
.hd_cart { position:relative; }
.cart_icon { width:25px; height:25px; cursor:pointer; background-repeat:no-repeat; background-size:100%; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23222222' viewBox='0 0 256 256'%3E%3Cpath d='M230.14,58.87A8,8,0,0,0,224,56H62.68L56.6,22.57A8,8,0,0,0,48.73,16H24a8,8,0,0,0,0,16h18L67.56,172.29a24,24,0,0,0,5.33,11.27,28,28,0,1,0,44.4,8.44h45.42A27.75,27.75,0,0,0,160,204a28,28,0,1,0,28-28H91.17a8,8,0,0,1-7.87-6.57L80.13,152h116a24,24,0,0,0,23.61-19.71l12.16-66.86A8,8,0,0,0,230.14,58.87ZM104,204a12,12,0,1,1-12-12A12,12,0,0,1,104,204Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,200,204Zm4-74.57A8,8,0,0,1,196.1,136H77.22L65.59,72H214.41Z'%3E%3C/path%3E%3C/svg%3E"); }
.cart_num { position:absolute; right:-12px; top:-5px; display:flex; align-items:center; justify-content:center; width:20px; height:20px; background-color:#ff0000; border-radius:100%; color:#fff; font-size:11px; letter-spacing:-1px; padding-top:1px; }
.mBtn { display:none; width:28px; height:28px; cursor:pointer; background-repeat:no-repeat; background-size:100%; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z'%3E%3C/path%3E%3C/svg%3E"); }
.sf_input_wrap { position:relative; }
input[type="text"].sf_input { width:220px; height:35px; background-color:#eeeeee; border:1px solid #eeeeee; border-radius:10px; padding:0 45px 0 20px; }
input[type="text"].sf_input::placeholder { color:#999999; }
.sf_btn { position:absolute; right:10px; top:0; width:35px; height:35px; background-repeat:no-repeat; background-size:60%; background-position:center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23222222' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E"); }
.dep1 li:hover .dep2 { display: block;  animation-name: dropdown; animation-duration: 500ms; animation-direction: normal; }
@keyframes dropdown {
  from {
    opacity: 0;
    transform: translate(-50%,5px);
  }
  to {
    opacity: 1;
    transform: translate(-50%,0);
  }
}

/* 모바일 햄버거 메뉴 */
.mNav { z-index: 99; position: fixed; background-color: #fff; top: 0; right: -100%; width: 50%; height: 100%; transition: all 0.3s ease; }
.mNav.on { right: 0; }
.mNav_logo { position:relative; padding:20px 15px 30px; display:flex; justify-content:center; align-items:center; text-align:center; }
.mNav_logo img  { width:119px; }
.mNav_logo .closeBtn { position:absolute; cursor:pointer; right:30px; top:20px; width:25px; height:25px; background-size:100%; background-repeat:no-repeat; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23222222' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z'%3E%3C/path%3E%3C/svg%3E"); }
.mNav_sub { position: relative; padding:30px; }
.mNav_sub li a { display: block; font-size: 16px; color: #000; opacity:0.8; text-align:center;  text-align:left; }
.mNav_sub li a:hover { opacity:1; }
.macc_cate > li { border:1px solid #eee; margin-bottom:10px; }
.macc_tit { position:relative; cursor:pointer; font-size:15px; font-weight:600; padding:15px 15px; }
.macc_tit .acc_tit { color:#fff; display:inline-block; text-align:center; width:5%; box-sizing:border-box; }
.macc_tit .ico_ar { position:absolute; right:20px; top:15px; width:20px; height:20px; transition: transform 0.3s ease; background-size:100%; background-repeat:no-repeat; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23aaaaaa' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E"); }
.macc_tit.ico_none .ico_ar  { display:none; }
.macc_subcate { display:none; background:#fff; padding-bottom:15px; }
.macc_subcate > li a { color:#999 !important; font-size:15px !important; font-weight:400; padding:5px 15px; }
.macc_subcate > ul >li:last-child { margin-bottom:0; }
.mNav_member { display:flex; align-items:center; justify-content:center; gap:30px; }
.mNav_member::after { display:none; }
.mNav_member li { position:relative; }
.mNav_member li::after { content:''; width:1px; height:12px; background-color:#ccc; position:absolute; right:-15px; top:4px; }
.mNav_member li:last-child::after { display:none; }
.mNav_member li a { color:#222; font-size:15px; }
#mheader .bg-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 50; background: rgba(0, 0, 0, 0.6); display: none; cursor: pointer; }
.acc_cn { position:relative; right:0; top:0; }
.mNav_member .cart { display:none; }
.mNav_member .cart a { display:flex; align-items:center; gap:5px; }





/* main swiper */
.main_wrap { position:relative; padding:150px 0; }
.mainSwiper { position:relative; height:515px; }
.mainSwiper .swiper-slide img { width:100%; height:100%; object-fit:cover; }
.swiper_txt { width:1260px; max-width:1260px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; pointer-events: none; }
.swt_tit { font-size:50px; color:#fff; font-weight:400; letter-spacing:-0.55px; }
.swt_tit b { font-weight:600; }
.swt_desk { color:#fff; font-size:24px; margin-top:30px; font-weight:300; }
.swt_btn { display:flex; align-items:center; justify-content:center; font-weight:500; margin-top:50px; width:160px; height:50px; background-color:#fff; color:#222; font-size:18px; pointer-events: auto; }
.ms_pagi { display:flex; align-items:center; justify-content:center; bottom:40px !important; }
.ms_pagi .swiper-pagination-bullet { position:relative; background-color:#fff; opacity:1; width:5px; height:5px; margin:0 12px !important; }
.ms_pagi .swiper-pagination-bullet-active::before { content:''; width:20px; height:20px; background-color:rgba(255,255,255,0.2); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:100%; }

/* quick banner */
.quick { width:170px; position:absolute; right:30px; top:30px; z-index:5; transition: position 0.3s ease, top 0.3s ease; }
.quick.fixed { position: fixed; top: 55%; transform:translate(0,-50%); right: 30px; }
.quick_recent { padding:20px; border:1px solid #eee; text-align:center; background-color:#fff; }
.qr_tit { font-size:11px; font-family:'Dotum', sans-serif; color:#222; text-align:center; font-weight:bold; letter-spacing:-0.55px; }
.qr_num { color:#ff0000; font-size:11px; font-family:'Dotum', sans-serif; border:1px solid #ff0000; border-radius:30px; text-align:center; display:inline-block; padding:3px 13px; margin-top:10px; }
.quick_list { display:flex; flex-wrap:wrap;  }
.quick_list li { width:50%; text-align:center; border:1px solid #eee; margin-top:-1px; background-color:#fff; }
.quick_list li a { display:block; padding:20px 10px; }
.quick_list li:nth-child(odd) { border-right:0; }
.quick_sum { font-size:11px; font-family:'Dotum', sans-serif; color:#222; }
.quick_icon { width:25px; height:25px; margin:0 auto; background-size:100%; background-repeat:no-repeat; background-position:center; margin-bottom:7px; }
.quick_icon.heart { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M178,40c-20.65,0-38.73,8.88-50,23.89C116.73,48.88,98.65,40,78,40a62.07,62.07,0,0,0-62,62c0,70,103.79,126.66,108.21,129a8,8,0,0,0,7.58,0C136.21,228.66,240,172,240,102A62.07,62.07,0,0,0,178,40ZM128,214.8C109.74,204.16,32,155.69,32,102A46.06,46.06,0,0,1,78,56c19.45,0,35.78,10.36,42.6,27a8,8,0,0,0,14.8,0c6.82-16.67,23.15-27,42.6-27a46.06,46.06,0,0,1,46,46C224,155.61,146.24,204.15,128,214.8Z'%3E%3C/path%3E%3C/svg%3E"); }
.quick_icon.catalog { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M232,48H160a40,40,0,0,0-32,16A40,40,0,0,0,96,48H24a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8H96a24,24,0,0,1,24,24,8,8,0,0,0,16,0,24,24,0,0,1,24-24h72a8,8,0,0,0,8-8V56A8,8,0,0,0,232,48ZM96,192H32V64H96a24,24,0,0,1,24,24V200A39.81,39.81,0,0,0,96,192Zm128,0H160a39.81,39.81,0,0,0-24,8V88a24,24,0,0,1,24-24h64ZM160,88h40a8,8,0,0,1,0,16H160a8,8,0,0,1,0-16Zm48,40a8,8,0,0,1-8,8H160a8,8,0,0,1,0-16h40A8,8,0,0,1,208,128Zm0,32a8,8,0,0,1-8,8H160a8,8,0,0,1,0-16h40A8,8,0,0,1,208,160Z'%3E%3C/path%3E%3C/svg%3E"); }
.quick_icon.form { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-32-80a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,136Zm0,32a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,168Z'%3E%3C/path%3E%3C/svg%3E"); }
.quick_icon.card { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M224,48H32A16,16,0,0,0,16,64V192a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V64A16,16,0,0,0,224,48Zm0,16V88H32V64Zm0,128H32V104H224v88Zm-16-24a8,8,0,0,1-8,8H168a8,8,0,0,1,0-16h32A8,8,0,0,1,208,168Zm-64,0a8,8,0,0,1-8,8H120a8,8,0,0,1,0-16h16A8,8,0,0,1,144,168Z'%3E%3C/path%3E%3C/svg%3E"); }
.quick_bank { background-color:#f9f9f9; border:1px solid #eee; margin-top:20px; padding:15px 20px; }
.quick_bank li { margin-bottom:15px; }
.quick_bank li:last-child { margin-bottom:0; }
.bank_num { font-size:11px; margin-top:3px; font-family: 'Dotum', sans-serif; }
.bank_tit { font-size:11px; color:#222; font-family: 'Dotum', sans-serif; font-weight:600; }
.back-top { display: none; position:relative; margin:10px auto 0; cursor: pointer; width: 60px; height: 60px; border-radius: 100%; align-items: center; justify-content: center; background-color: #fff; box-sizing: border-box; z-index: 20; border: 1px solid #eee; }
.kakao-btn-r { display: none; position:relative; margin:0 auto; cursor: pointer; width: 60px; height: 60px; border-radius: 100%; background: rgba(255, 255, 255, 0.5); align-items: center; justify-content: center; background-color: #fae100; box-sizing: border-box; z-index: 20; }
.kakao-btn-r img { width:26px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.back-top svg { width:25px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.quick_btn { margin-top:50px; }
.recentSwiper { margin-top:15px; }
.recent_img { position:relative; padding-top:100%; font-size:0; }
.recent_img img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain;border-radius:3px; }
.rec-pagi { position:relative !important; top:auto !important; bottom:auto !important; font-size:11px; font-family:'Dotum', sans-serif; color:#222; bottom:0 !important; margin-top:2px; }
.rec_flex { display:flex; align-items:center; justify-content:center; margin-top:10px; }
.rec-prev, .rec-next { position:relative !important; top:auto !important; right:auto !important; left:auto !important; bottom:auto !important; height:auto !important; margin-top:0 !important; }
.rec-prev::after, .rec-next::after { font-size:11px !important; color:#222; }

/* main contents */
.main_margin { margin-bottom:150px; }
.main_tit_wrap { margin-bottom:50px; text-align:center; }
.main_tit_wrap h3 { font-size:24px; color:#222; font-weight:600; }
.main_tit_wrap h3 span { color:#1f4f82; }

.mii_box { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 25px; grid-row-gap: 25px; }
.mii_box::after { display:none; }
.mii_box li { position:relative; grid-column: span; }
.mii_box li.wide { grid-column: span 2; }
.mii_box li img { width:100%; height:100%; object-fit:cover;border-radius:3px; }
.mii_txt { position:absolute; left:30px; top:30px; }
.mii_tit { font-size:20px; line-height:1.5em; color:#fff; font-weight:600; }
.mii_desk { font-size:14px; font-weight:300; line-height:1.5em; color:#fff; margin-top:20px; }

.port_swiper { position:relative; }
.port_img { position:relative; font-size:0; padding-top:100%;}
.port_img img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;border-radius:3px; }
.port_txt { margin-top:20px; text-align:center; }
.port_tit { font-size:16px; color:#222; font-weight:500; line-height:1.5em; }
.port_swiper .custom-prev, .port_swiper .custom-next { top:45% !important; }

.md_swiper { position:relative; }
.md_bedge { position:absolute; left:10px; top:10px; z-index:5; display:flex; align-items:center; gap:5px; }
.mdb { background-color:#666; color:#fff; font-size:13px; padding:5px 10px; }
.mdb.best { background-color:#ff0000; }
.md_img { position:relative; font-size:0; padding-top:100%; }
.md_img img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;border-radius:3px; }
.md_txt { margin-top:20px; text-align:center; }
.md_tit { font-size:16px; color:#222; font-weight:500; line-height:1.5em; }
.md_price { font-size:18px; color:#ff3c00; font-weight:600; margin-top:7px; }
.thumb_icon { opacity: 0; position: absolute; bottom: 25px; left: 50%; transform: translate(-50%, 0); display: flex; align-items: center; gap: 10px; animation-duration: 500ms; animation-direction: normal; }
.thumb_icon li { width: 36px; height: 36px; background-color: #222; border-radius: 100%; background-repeat: no-repeat; background-position: center; background-size: 20px; cursor: pointer; }
.thumb_wish { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M178,36c-20.09,0-37.92,7.93-50,21.56C115.92,43.93,98.09,36,78,36a66.08,66.08,0,0,0-66,66c0,72.34,105.81,130.14,110.31,132.57a12,12,0,0,0,11.38,0C138.19,232.14,244,174.34,244,102A66.08,66.08,0,0,0,178,36Zm-5.49,142.36A328.69,328.69,0,0,1,128,210.16a328.69,328.69,0,0,1-44.51-31.8C61.82,159.77,36,131.42,36,102A42,42,0,0,1,78,60c17.8,0,32.7,9.4,38.89,24.54a12,12,0,0,0,22.22,0C145.3,69.4,160.2,60,178,60a42,42,0,0,1,42,42C220,131.42,194.18,159.77,172.51,178.36Z'%3E%3C/path%3E%3C/svg%3E"); }
.thumb_cart { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M233.21,56.31A12,12,0,0,0,224,52H66L60.53,21.85A12,12,0,0,0,48.73,12H24a12,12,0,0,0,0,24H38.71L63.62,173a28,28,0,0,0,4.07,10.21A32,32,0,1,0,123,196h34a32,32,0,1,0,31-24H91.17a4,4,0,0,1-3.93-3.28L84.92,156H196.1a28,28,0,0,0,27.55-23l12.16-66.86A12,12,0,0,0,233.21,56.31ZM100,204a8,8,0,1,1-8-8A8,8,0,0,1,100,204Zm88,8a8,8,0,1,1,8-8A8,8,0,0,1,188,212Zm12-83.28A4,4,0,0,1,196.1,132H80.56L70.38,76H209.62Z'%3E%3C/path%3E%3C/svg%3E"); }
.md_img:hover .thumb_icon { opacity:1; animation-name: showup; animation-duration: 500ms; animation-direction: normal; }
@keyframes showup {
    from {
        opacity: 0;
        transform: translate(-50%,10px);
    }
    to {
        opacity: 1;
    }
}
.md_swiper .custom-prev, .md_swiper .custom-next { top:40% !important; }
br.only_m { display:none; }

.mc_left { width:60%; display:flex; align-items:center; gap:25px; }
.mc_left_box { position:relative; display:flex; flex-flow:column; justify-content:space-between; width:50%; min-height:259px; border:1px solid #eee; padding:40px; border-radius:3px;}
.mc_left_box a:hover{
	background:#c0c0c0;
	color:#fff;
}
.ml_tit { font-size:20px; color:#222; font-weight:600; }
.ml_desk { font-size:16px; color:#666; line-height:1.5em; margin-top:20px; }
.ml_btn { display:flex; align-items:center; justify-content:center; width:90px; height:35px; background-color:#f9f9f9; color:#666; font-size:14px;border-radius:3px; }
.main_community .sub_inner { display:flex; align-items:center; gap:60px; }
.mc_right { width:40%; }
.ml_img { position:absolute; right:40px; bottom:30px; width:70px; }
.mr_txt { margin-bottom:15px; display:flex; align-items:center; justify-content:space-between; }
.mr_tit { font-size:24px; color:#222; }
.mr_conts { display:flex; align-items:center; justify-content:space-between; background-color:#f9f9f9; border:1px solid #eee; padding:25px 25px; border-radius:3px;}
.mr_subject { font-size:16px; color:#666; line-height:1.5em; }
.mr_subject a { color:#666; }
.mr_date { font-size:14px; color:#999; }
.mr_faq { margin-top:29px; }
.mr_btn { position:relative; font-size:14px; color:#666; padding-right:15px; }
.mr_btn::after { content:''; position:absolute; right:0; top:50%; transform:translate(0,-50%); width:10px; height:10px; background-repeat:no-repeat; background-size:100%; background-position:center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23666666' viewBox='0 0 256 256'%3E%3Cpath d='M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z'%3E%3C/path%3E%3C/svg%3E"); }







.sub_visual { position:relative; height:221px; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center; }
.sv_txt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
.sv_tit { color:#fff; font-size:36px; font-weight:600; }
.sv_desk { color:#fff; font-size:20px; margin-top:15px; font-weight:300; }
.visual01 { background-image:url('../images/sub_visual01.jpg'); }
.sub_visual.company { background-image:url('../images/company_visual.jpg'); }
.sub_visual.cs { background-image:url('../images/cs_visual.jpg'); }

.quick_wrap { position:relative; }
.sub_wrap { padding:30px 0 150px; }
.sub_nav { display:flex; align-items:center; gap:25px; }
.sub_nav li { position:relative; }
.sub_nav li::after { content:''; position:absolute; right:-20px; top:50%; transform:translate(0,-50%); width:14px; height:14px; background-repeat:no-repeat; background-size:100%; background-position:center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23666666' viewBox='0 0 256 256'%3E%3Cpath d='M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z'%3E%3C/path%3E%3C/svg%3E"); }
.sub_nav li:last-child::after { display:none; }
.sub_nav li a { color:#666; font-size:14px; font-weight:300; }
.sub_nav li.now a { color:#222; font-weight:600; }

.pro_list_wrap { margin:100px 0 0; }
.pro_sort { display:flex; align-items:center; justify-content:space-between; margin-bottom:30px; }
.sort_txt { font-size:16px; color:#666; font-weight:300; }
.sort_txt b { color:#222; font-weight:600; }
.sort_select { display:flex; align-items:center; gap:10px; }
.prolist_select { height:36px; font-size:14px; color:#222; border:1px solid #eee;border-radius:3px; }
.prolist_sch { position:relative; }
input[type="text"].prolist_sch_input { width:150px; background-color:#f9f9f9; border:1px solid #f9f9f9; height:36px; font-size:14px; color:#666; }
.prolist_sch_btn { position: absolute; right: 5px; top: 0; width: 36px;  height: 36px; background-repeat: no-repeat; background-size: 50%; background-position: center;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23666666' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E"); }

.prolist { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 80px; }
.prolist::after { display:none; }
.prolist_thumb { position:relative; font-size:0; border:1px solid #eee; padding-top:100%; }
.prolist_thumb img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; border-radius:3px;}
.prolist_info { margin-top:25px; }
.prolist_tag { display:flex; align-items:center; gap:10px; }
.prolist_tag li { font-size:14px; color:#999; font-weight:300; line-height:1.5em; }
.prolist_name { font-size:17px; color:#222; margin-top:7px; font-weight:500; }
.prolist_price { display:flex; align-items:center; justify-content:end; margin-top:15px; }
.prolist_price .num { font-size:24px; font-weight:600; color:#222; }
.prolist_price .dc_num { font-size:16px; font-weight:600; color:#999; text-decoration: line-through; margin-right:10px; font-weight: normal;}
.prolist_price .dc_num_arrow { font-size:16px; font-weight:600; color:#999; line-through; margin-right:10px; font-weight: normal;}
.prolist_price .won { font-size:16px; color:#222; margin-left:5px; margin-top:3px; }
.pageing_form { display:flex; align-items:center; justify-content:center; margin-top:70px; }
.pageing_form img { cursor:pointer; width:25px; }
.pageing_form span { display:flex; align-items:center; justify-content:center; font-size:15px; width:25px; height:25px; color:#aaa; cursor:pointer; }
.pageing_form span.now_page { color:#222; }

.prodetail_wrap { margin-top:50px; display:flex; gap:60px; }
.prodetail_img { width:50%; }
.thumbSwiper2 { height: 600px; width: 100%; margin-bottom:10px; border:1px solid #eee; }
.thumbSwiper2 .swiper-slide img { width:100%; height:100%; object-fit:contain; border-radius:3px;}
.thumbSwiper { height: 18%; box-sizing: border-box; padding: 10px 0; }
.thumbSwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; border:1px solid #eee; font-size:0; }
.thumbSwiper .swiper-slide img { width:100%; height:100%; object-fit:contain; border-radius:3px;cursor:pointer;}
.thumbSwiper .swiper-slide-thumb-active { opacity: 1; }
.prodetail_info { width:50%; }
.prodetail_bedge { display:flex; align-items:center; gap:5px; }
.pbd { background-color:#666; color:#fff; font-size:13px; padding:5px 10px;border-radius:3px; }
.pbd.best { background-color:#ff0000; }
.pdi_name { font-size:40px; color:#222; font-weight:600; margin-top:20px; }
.pdi_price { margin-top:20px; display:flex; align-items:center; }
.pdi_per { font-size:30px; color:#ff0000; }
.pdi_num { font-size:30px; color:#222; font-weight:600; margin-left:10px; }
.pdi_num span { font-size:20px; font-weight:300; margin-left:5px; }
.pdi_disc { font-size:16px; color:#999999; text-decoration: line-through; margin:10px 0 0 20px; }
.prodetail_list { border-top:1px solid #eee; margin-top:40px; }
.prodetail_list li { padding:25px 0; border-bottom:1px solid #eee; display:flex; align-items:center; }
.pl_tit { font-size:16px; font-weight:600; color:#222; width:30%; }
.pl_desk { font-size:16px; color:#222; width:70%; }
.pl_desk_flex { display:flex; align-items:center; gap:5px; }
.prodetail_select { width:100%; height:50px; font-size:16px; margin-top:20px; border-radius:3px;}
.prodetail_option { background-color:#f9f9f9; padding:20px 20px; margin-top:20px; }
.pdo_opt li { display:flex; align-items:center; justify-content:space-between; margin-bottom:5px; }
.pdo_opt li:last-child { margin-bottom:0; }
.pdo_opt li > p { flex:2; padding-right:15px; }
.pdo_opt_tit { flex:2; padding-right:15px; }
.pdo_opt_right { display:flex; align-items:center; gap:15px; }
.pdo_input { width:30px; height:33px; text-align:center; background-color: transparent; border:none !important; padding:0 !important; }
.pdo_pm { width:20px; height:20px; cursor:pointer; border:1px solid #8a8a8a; background-color: transparent; border-radius:100%; background-repeat:no-repeat; background-size:50%; background-position:center; }
.pdo_pm.min { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%238a8a8a' viewBox='0 0 256 256'%3E%3Cpath d='M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z'%3E%3C/path%3E%3C/svg%3E"); }
.pdo_pm.plu { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%238a8a8a' viewBox='0 0 256 256'%3E%3Cpath d='M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z'%3E%3C/path%3E%3C/svg%3E"); }
.pdo_pm span { display:block; text-indent:-999999px; }
.pdo_pri { font-size:16px; color:#222; font-weight:600; }
.pdo_del { width:15px; height:15px; cursor:pointer; background-repeat:no-repeat; background-size:100%; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23222222' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z'%3E%3C/path%3E%3C/svg%3E"); }
.pdo_prde { display:flex; align-items:center; gap:15px; }
.prodetail_total { margin-top:20px; padding-top:50px; }
.pdt_txt { font-size:20px; color:#222; }
.pdt_num { font-size:36px; color:#ff0000; font-weight:600; margin-left:30px; }
.pdt_num span { font-size:20px; color:#222; font-weight:300; margin-left:5px; }
.pdt_info { color:#666666; font-size:16px; font-weight:300; text-align:right; margin-top:13px; }
.pdt_flex { display:flex; align-items:center; justify-content:end; }
.prodetail_btnset { display:flex; gap:10px; margin-top:40px; }
.he_btn { display:inline-block; width:50px; height:50px; background-color:#eeeeee; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23cccccc' viewBox='0 0 256 256'%3E%3Cpath d='M240,102c0,70-103.79,126.66-108.21,129a8,8,0,0,1-7.58,0C119.79,228.66,16,172,16,102A62.07,62.07,0,0,1,78,40c20.65,0,38.73,8.88,50,23.89C139.27,48.88,157.35,40,178,40A62.07,62.07,0,0,1,240,102Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat:no-repeat; background-size:25px; background-position:center;border-radius:3px; }
.he_btn.on { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ff0000' viewBox='0 0 256 256'%3E%3Cpath d='M240,102c0,70-103.79,126.66-108.21,129a8,8,0,0,1-7.58,0C119.79,228.66,16,172,16,102A62.07,62.07,0,0,1,78,40c20.65,0,38.73,8.88,50,23.89C139.27,48.88,157.35,40,178,40A62.07,62.07,0,0,1,240,102Z'%3E%3C/path%3E%3C/svg%3E"); }
.pd_btn { flex:2; height:50px; border:1px solid #000; background-color:#000; font-size:18px; color:#fff; cursor:pointer; border-radius:3px;}
.pd_btn.red { background-color:#ff0000; color:#fff; border-color:#ff0000; }
.swiper-button-next, .swiper-button-prev { z-index:1 !important; }

.prodetail_tab_wrap { margin-top:100px; }
.prodetail_tab { display:flex; align-items:center; border-top:1px solid #eee; border-bottom:1px solid #eee; border-left:1px solid #eee; font-size:18px; }
.prodetail_tab li { width:50%; padding:20px 10px; cursor: pointer; text-align:center; color:#666666; border-right:1px solid #eee; }
.prodetail_tab .active { font-weight: 600; border-bottom: 2px solid #000; color:#000; }
#pt_tab1, #pt_tab2 { display: none; margin-top: 50px; }

.prd_tb { display:flex; }
.prd_tb li { display:flex; width:50%; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.prd_tb li > div { padding:20px; font-size:16px; word-break:keep-all; }
.prd_tb_left { width:30%; background-color:#f9f9f9; color:#222; border-right:1px solid #eee; }
.prd_tb_right { width:70%; background-color:#fff; color:#666; line-height:1.5em; font-weight:300; }
.prd_images { padding:50px 0 100px; text-align:center; }
.prd_images img { max-width:100%; }
.ret_info.mtt { margin-top:15px; }
.ret_info li { position:relative; margin-bottom:10px; line-height:1.5em; word-break:keep-all; color:#666; font-size:15px; padding-left:13px; font-weight:300; }
.ret_info li::before { content:''; width:3px; height:3px; background-color:#222; border-radius:100%; position:absolute; left:0; top:7px; }
.ret_info li:last-child { margin-bottom:0; }
.prodetail_subtit { margin-bottom:30px; border-bottom:1px solid #222; padding-bottom:20px; margin-bottom:30px; }
.prodetail_subtit h2 { color:#222; font-size:18px; }
.prodetail_port { margin:50px 0; }
.custom-prev, .custom-next { width:45px !important; height:45px !important; background-color:#fff; border:1px solid #eee; border-radius:100%; top:50% !important; transform:translate(0,-50%); margin-top:0 !important; }
.custom-prev::after, .custom-next::after { font-size:14px !important; color:#999 !important; }
.custom-prev { left:-22px !important; }
.custom-next { right:-22px !important; }
.prdport_swiper { position:relative; }
.prdrecent_swiper { position:relative; }
.prdrecent_swiper .custom-prev, .prdrecent_swiper .custom-next { top:40% !important; }

.sch_result { margin:90px auto; text-align:center; }
.sch_mess { font-size:32px; color:#222; letter-spacing:-0.55px; }
.sch_mess span { color:#ff0000; font-weight:500; }
.sch_null_wrap { padding:150px 0; text-align:center; }
.sch_null_icon { width:67px; height:67px; margin:0 auto; background-repeat:no-repeat; background-size:100%; background-position:center; border:3px solid #aeaeae; border-radius:100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23aeaeae' viewBox='0 0 256 256'%3E%3Cpath d='M144,200a16,16,0,1,1-16-16A16,16,0,0,1,144,200Zm-16-40a8,8,0,0,0,8-8V48a8,8,0,0,0-16,0V152A8,8,0,0,0,128,160Z'%3E%3C/path%3E%3C/svg%3E"); }
.sch_null_txt { margin-top:40px; }
.snt_tit { font-size:32px; color:#222; }
.snt_desk { font-size:24px; color:#222; font-weight:300; margin-top:15px; }

.sub_tabmenu { display:flex; align-items:center; justify-content:center; gap:10px; margin:50px 0 120px; }
.sub_tabmenu::after { display:none; }
.sub_tabmenu li { border:1px solid #eee; }
.sub_tabmenu li a { width:150px; height:50px; display:flex; align-items:center; justify-content:center; color:#666; font-size:18px; }
.sub_tabmenu li a.on { background-color:#eeeeee; color:#222; font-weight:500; }
.sub_tabmenu li:hover a { background-color:#eee; color:#222; font-weight:500; }
.sub_title { margin-bottom:50px; text-align:center; }
.sub_title h2 { font-size:30px; color:#222; font-weight:600; }
.st_desk { font-size:16px; color:#222; margin-top:15px; line-height:1.5em; }
.st_big { font-size:20px; color:#222; line-height:1.5em; margin-top:15px; word-break:keep-all; }
.company_info { display:flex; gap:50px; align-items:center; }
.ci_img img { width:100%; }
.ci_txt p { font-size:20px; color:#222; line-height:1.5em; word-break:keep-all; margin-bottom:30px; }
.ci_txt p:last-child { margin-bottom:0; }
.company_info_wrap { margin-bottom:150px;  }
.cl_info { margin-top:50px; }
.cl_info li { font-size:22px; color:#222; margin-bottom:20px; padding-left:37px; background-repeat:no-repeat; background-size:25px; background-position:left center; }
.cl_info li:last-child { margin-bottom:0; }
.cl_info li.addr { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ff0000' viewBox='0 0 256 256'%3E%3Cpath d='M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z'%3E%3C/path%3E%3C/svg%3E"); }
.cl_info li.callnum { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23ff0000' viewBox='0 0 256 256'%3E%3Cpath d='M222.37,158.46l-47.11-21.11-.13-.06a16,16,0,0,0-15.17,1.4,8.12,8.12,0,0,0-.75.56L134.87,160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16,16,0,0,0,1.32-15.06l0-.12L97.54,33.64a16,16,0,0,0-16.62-9.52A56.26,56.26,0,0,0,32,80c0,79.4,64.6,144,144,144a56.26,56.26,0,0,0,55.88-48.92A16,16,0,0,0,222.37,158.46ZM176,208A128.14,128.14,0,0,1,48,80,40.2,40.2,0,0,1,82.87,40a.61.61,0,0,0,0,.12l21,47L83.2,111.86a6.13,6.13,0,0,0-.57.77,16,16,0,0,0-1,15.7c9.06,18.53,27.73,37.06,46.46,46.11a16,16,0,0,0,15.75-1.14,8.44,8.44,0,0,0,.74-.56L168.89,152l47,21.05h0s.08,0,.11,0A40.21,40.21,0,0,1,176,208Z'%3E%3C/path%3E%3C/svg%3E"); }

.guide_step { position:relative; }
.guide_wrap { background-color:#f9f9f9; border:1px solid #eee; padding:35px; }
.guide_list li { position:relative; font-size:20px; line-height:1.5em; color:#222; margin-bottom:15px; padding-left:20px; }
.guide_list li::before { content:''; width:5px; height:5px; border-radius:100%; background-color:#222; position:absolute; left:0; top:8px; }
.guide_list li span { color:#ff0000; }
.guide_list li:last-child { margin-bottom:0; }
.guide_step { margin-top:80px; }
.guide_step_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 40px; grid-row-gap: 50px; }
.gsl_round { position:relative; padding:25px 10px; text-align:center; background-color:#278bfe; color:#fff; font-weight:600; font-size:20px; border-radius:50px; }
.gsl_num { position:absolute; left:50%; top:-20px; transform:translate(-50%,0); color:#0374f6; background-color:#fff; border:1px solid #0374f6; border-radius:100%; width:35px; height:35px; display:flex; align-items:center; justify-content:center; font-size:14px; }
.guide_step_list li { position:relative; }
.guide_step_list li:nth-child(1) .gsl_round { background-color:#bad5f4; }
.guide_step_list li:nth-child(1) .gsl_round .gsl_num { color:#bad5f4; border-color:#bad5f4; }
.guide_step_list li:nth-child(2) .gsl_round { background-color:#9bc5f5; }
.guide_step_list li:nth-child(2) .gsl_round .gsl_num { color:#9bc5f5; border-color:#9bc5f5; }
.guide_step_list li:nth-child(3) .gsl_round { background-color:#76b2f7; }
.guide_step_list li:nth-child(3) .gsl_round .gsl_num { color:#76b2f7; border-color:#76b2f7; }
.guide_step_list li:nth-child(4) .gsl_round { background-color:#50a1fe; }
.guide_step_list li:nth-child(4) .gsl_round .gsl_num { color:#50a1fe; border-color:#50a1fe; }
.guide_step_list li:nth-child(5) .gsl_round { background-color:#278bfe; }
.guide_step_list li:nth-child(5) .gsl_round .gsl_num { color:#278bfe; border-color:#278bfe; }
.guide_step_list li:nth-child(6) .gsl_round { background-color:#0670eb; }
.guide_step_list li:nth-child(6) .gsl_round .gsl_num { color:#0670eb; border-color:#0670eb; }
.guide_step_list li:nth-child(7) .gsl_round { background-color:#025cc4; }
.guide_step_list li:nth-child(7) .gsl_round .gsl_num { color:#025cc4; border-color:#025cc4; }
.guide_step_list li .gsl_round::after { content: ''; width: 50px; height: 0; /* height 대신 border 사용 */ border-top: 1px dashed #54a3ff; position: absolute; right: -50px; top: 50%; transform: translate(0, -50%); }
.guide_step_list li:nth-child(4) .gsl_round::after { display:none; }
.guide_step_list li:last-child .gsl_round::after { display:none; }
.gsl_noti { color:#ff0000; font-size:14px; text-align:center; margin-top:15px; font-weight:300; }


/* 갤러리 게시판 */
.gall_tblist { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 25px; grid-row-gap: 60px; }
.gall_tblist::after { display:none; }
.gall_thumb { position:relative; font-size:0; padding-top:100%; width:100%; border:1px solid #eee; }
.gall_thumb img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.gall_txt { margin-top:20px; text-align:center; }
.gt_subject { font-size:16px; color:#222; font-weight:500; word-break:keep-all; line-height:1.5em; word-break:break-all; }
.bd_form { display:flex; align-items:center; justify-content:center; gap:5px; margin-top:40px; }
.bdf_select { border:0; border-bottom:1px solid #ddd; border-radius:0; }
input[type="text"].bdf_input { border:0; border-bottom:1px solid #ddd; border-radius:0; }
.bdf_btn { height:33px; background-color:#fff; border:0; border-bottom:1px solid #ddd; padding:0 20px; cursor:pointer; border-radius:0; }
.board_button { margin-top:40px; display:flex; align-items:center; gap:5px; }
.board_button.right { justify-content:end; }
.btn_board { display: flex; align-items:center; justify-content:center; padding: 0 15px; height: 35px; border: 1px solid #dadada; font-weight: 500; background: #fff; font-size: 15px; color: #222; cursor: pointer; }
.btn_board.blk { color:#fff; background-color:#222; border-color:#222; }




/* 서비스 */
.sub_conts_margin { margin-top:80px; }
.service_wrap { width:100%; height:550px; overflow-y:auto; border:1px solid #eee; background-color:#f9f9f9; padding:50px; font-size:15px; color:#222; line-height:1.5em; font-weight:300; }
.email_img_wrap { width:200px; margin:0 auto 30px; }
.email_img_wrap img { width:100%; }
.email_txt { text-align:center; word-break:keep-all; }
.service_wrap.email { height:auto; }







/* member */
.login_flex { display:flex; gap:230px; }
.login_flex > div { position:relative; width:50%; }
.member_log::after { content:''; width:1px; height:100%; background-color:#eee; position:absolute; right:-114px; top:50%; transform:translate(0,-50%); }
.login_input_list li { margin-bottom:30px; }
.login_input_list li:last-child { margin-bottom:0; }
.lil_tit { display:block; margin-bottom:13px; font-size:16px; color:#222; }
.lil_input { width:100%; height:50px !important; font-size:15px; padding:0 20px !important; font-weight:300; }
.lil_input::placeholder { color:#aaa; }
.save_id { margin-top:20px; display:flex; align-items:center; gap:10px; font-size:14px; color:#222; font-weight:300; }
.login_btn_wrap { margin-top:30px; }
.login_bigbtn { width:100%; height:50px; font-size:16px; color:#fff; font-weight:500; background-color:#222; border:1px solid #222; cursor:pointer; border-radius:3px;}
.sns_login { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:10px; }
.sns_login::after { display:none; }
.sns_login li { width:50%; }
.sns_login li.full { width:100%; }
.sns_login.width li { width:200px; }
.sns_login_btn { border:1px solid #222; display:block; width:100%; height:50px; font-size:16px; font-weight:500; color:#222; display:flex; align-items:center; justify-content:center; letter-spacing:-0.55px;border-radius:3px; }
.sns_login_btn > img { width:14px; margin-right:8px; }
.sns_login_btn.blk { background-color:#222; color:#fff; }
.sns_login_btn.red { background-color:#ff0000; border-color:#ff0000; color:#fff; }
.sns_login_btn.gry { border-color:#ddd; color:#666; }
.sns_login_btn.darkgry { border-color:#999999; color:#fff; background-color:#999999; }
.login_bottom { display:flex; align-items:center; justify-content:center; gap:60px; margin-top:30px; }
.login_bottom li a { font-size:16px; color:#222; font-weight:500; }
.login_bottom::after { display:none; }
.login_bottom li { position:relative; }
.login_bottom li::after { content:''; width:1px; height:15px; background-color:#ddd; position:absolute; right:-30px; top:50%; transform:translate(0,-50%); }
.login_bottom li:last-child::after { display:none; }
.login_open { margin-top:30px; }
.login_open li { color:#666; font-weight:300; text-align:center; margin-bottom:8px; font-size:15px; letter-spacing:-0.55px; }
.login_open li span { color:#222; font-weight:500; }
.login_open li:last-child { margin-bottom:0; }
.find_width { max-width:460px; margin:0 auto; }
.find_tab_wrap { max-width:600px; margin:0 auto; display:flex; align-items:center; justify-content:center; margin-bottom:50px; }
.find_tab_wrap li { width:50%; }
.find_tab { width:100%; height:50px; display:flex; align-items:center; justify-content:center; font-size:18px; color:#666; text-align:center; border:1px solid #ddd; }
.find_tab.on { background-color:#222; color:#fff; border-color:#222; }
.find_mess { background-color:#eee; padding:15px 10px; text-align:center; font-size:16px; color:#222; font-weight:600; line-height:1.5em; }
.join_wrap { max-width:600px; margin:0 auto; }
.agree_step { position:relative; display:flex; align-items:center; justify-content:space-between; margin-bottom:70px; }
.agree_step::after { display:none; }
.agree_step::before { content:''; width:100%; height:1px; background-color:#eee; position:absolute; left:0; top:50%; transform:translate(0,-50%); z-index:1; }
.agree_step li { width:100px; height:100px; border:1px solid #eee; background-color:#fff; display:flex; align-items:center; justify-content:center; flex-flow:column; gap:8px; z-index:2;border-radius:3px; }
.agree_step li.on { background-color:#222; border-color:#222; }
.agree_step li.on .as_num { color:#aaa; }
.agree_step li.on .as_txt { color:#fff; }
.as_num { font-size:12px; color:#999999; }
.as_txt { font-size:16px; color:#666; font-weight:500; }
.join_li_tit { margin-bottom:30px; border-bottom:1px solid #eee; padding-bottom:15px; display:flex; align-items:center; justify-content:space-between; }
.join_li_tit.no_m { margin-bottom:0; }
.join_li_tit h3 { font-size:18px; color:#222; font-weight:600; }
.chk_flex > label { display:flex; align-items:center; gap:10px; }
.chk_info { font-size:16px; color:#222; }
.chk_info span { color:#ff0000; }
.chk_info.all { font-weight:600; }
.ag_list li { margin-bottom:30px; }
.ag_list li:last-child { margin-bottom:0; }
.ag_service { margin-top:17px; width:100%; height:200px; overflow-y:auto; background-color:#f9f9f9; border:1px solid #eee; padding:30px; font-size:14px; line-height:1.5em; font-weight:300;border-radius:3px; }
.ag_margin { margin-top:30px; }
.join_li_info { color:#ff0000; font-weight:500; }
.login_write { margin-bottom:50px; }
.join_label { font-size:16px; color:#222; margin-bottom:12px; }
.join_label span { color:#ff0000; }
input.join_input { width:100%; height:50px; font-size:14px; font-weight:300; }
input.join_input::placeholder { color:#aaa; }
input[type="text"].join_input.gry { background-color:#eeeeee; border-color:#eeeeee; }
input[type="text"].join_input.mtt { margin-top:10px; }
textarea.join_textarea { width:100%; min-height:100px; resize:none; font-size:14px; font-weight:300; border:1px solid #ddd; padding:10px; }
textarea.join_textarea::placeholder { color:#aaa; }
.join_select { width:100%; height:50px; font-size:14px; font-weight:300; }
.join_button { display:flex; align-items:center; justify-content:center; border:1px solid #222; font-size:14px; color:#222; width:150px; height:50px;cursor:pointer; }
.join_button.blk { background-color:#222; color:#fff; }
.input_btn_flex { display:flex; align-items:center; }
.join_noti { font-size:14px; color:#999; margin-top:10px; font-weight:400; letter-spacing:-0.55px; }
.join_form_list > li { margin-bottom:20px; }
.join_form_list > li:last-child { margin-bottom:0; }
.jfl_flex { display:flex; gap:20px; }
.jfl_flex > div { width:50%; }
.jfl_flex_mt { display: flex; gap: 5px; margin-top: 5px; }
.jfl_flex_mt > div { width: 50%; }
.capt_img { width:150px; height:50px; border:1px solid #ddd; border-right:0; }
.red_noti { font-size:15px; color:#ff0000; line-height:1.5em; text-align:center; letter-spacing:-0.35px; word-break:keep-all; }
.ad_agr { margin-top:30px; }
.ad_agr_chk { display:flex; align-items:center; justify-content:center; gap:30px; margin-top:15px; }
.ad_agr_chk li { font-size:15px; }
.ad_agr_chk li > label { display:flex; align-items:center; gap:5px; }
.ad_agr_chk::after { display:none; }
.join_comp_wrap { background-color:#f9f9f9; border:1px solid #eee; padding:50px 50px; }
.jcw_txt { font-size:18px; color:#666; text-align:center; margin-bottom:20px; line-height:1.5em; font-weight:300; }
.jcw_txt span { color:#ff0000; }
.jcw_txt.last { margin-bottom:0; }
.jcw_tit { font-size:32px; color:#222; text-align:center; margin-bottom:20px; font-weight:600; letter-spacing:-0.35px; }
.join_com_img { width:92px; margin:0 auto 30px; }
.join_com_img img { width:100%; }







.cart_step { display:flex; align-items:center; margin-bottom:50px; }
.cart_step li { position:relative; width:33.333%; text-align:center; border-bottom:1px solid #eee; padding:20px 0; }
.cs_box { position:relative; color:#999; font-size:14px; font-weight:400; display:inline-block; padding:8px 15px; background-color:#fff; }
.cs_box::after { content: ''; position: absolute; border-style: solid; border-width: 7px 7px 0; border-color: #fff transparent;display: block; width: 0; z-index: 1; bottom: -7px; left: 50%; transform:translate(-50%,0); }
.cart_step li.on { border-color:#222; }
.cart_step li.on::after { content:''; width:6px; height:6px; background-color:#222; border-radius:100%; position:absolute; bottom:-3px; right:0; }
.cart_step li.on .cs_box { background-color:#222; color:#fff;border-radius:3px; }
.cart_step li.on .cs_box::after { border-color:#222 transparent; }
.cart_info { background-color:#f9f9f9; padding:30px; margin-top:50px; border-radius:3px;}
.cart_info_tit { font-size:16px; color:#666; margin-bottom:20px; }
.cart_info_list li { position:relative; font-size:15px; line-height:1.5em; word-break:keep-all; color:#999; margin-bottom:10px; padding-left:13px; }
.cart_info_list li:last-child { margin-bottom:0; }
.cart_info_list li::before { content: ''; width: 3px; height: 3px; background-color: #666; border-radius: 100%; position: absolute; left: 0; top: 9px; }
.cart_info_list li.red { color:#ff0000; }
.cart_info_list li.red::before { background-color:#ff0000; }
.cart_btbtn_wrap { display:flex; align-items:center; justify-content:center; margin-top:80px; gap:10px; }
.cart_btbtn { width:200px; height:50px; background-color:#999; border:1px solid #999; color:#fff; font-weight:500; display:flex; align-items:center; justify-content:center; border-radius:3px;}
.cart_btbtn.blk { background-color:#222; border-color:#222; }
.cart_btbtn.red { background-color:#ff0000; border-color:#ff0000; }
.cart_btbtn.red_line { background-color:#fff; border:1px solid #ff0000; color:#ff0000;}
.cart_btbtn.line { background-color:#fff; border:1px solid #222; color:#222;}
.price_total { margin-top:50px; }
.pt_area { display:flex; }
.pt_area li { position:relative; width:33.3333%; border-top:2px solid #222; }
.pt_area_tit { text-align:center; padding:17px 0; font-size:16px; color:#222; font-weight:600; border-bottom:1px solid #222; }
.pt_area_num { position:relative; height:140px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #eee; }
.pt_area_num:before { content:''; width:24px; height:24px; background-color:#eeeeee; border-radius:100%; position:absolute; left:0; top:50%; transform:translate(0,-50%); background-size:50%; background-repeat:no-repeat; background-position:center; }
.pt_area li:first-child .pt_area_num:before { display:none; }
.pt_area li.vat .pt_area_num:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z'%3E%3C/path%3E%3C/svg%3E"); }
.pt_area li.amount .pt_area_num:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z'%3E%3C/path%3E%3C/svg%3E"); }
.pt_area li.total .pt_area_num:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M224,160a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,160ZM40,104H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16Z'%3E%3C/path%3E%3C/svg%3E"); }
.pt_area_price { font-size:24px; color:#222; }
.pt_area_price.red { color:#ff0000; font-weight:600; }
.pt_area_price span { color:#999; font-size:18px; font-weight:300; }
.pt_area_price.red span { color:#ff0000; }
.select_btn_wrap { display:flex; align-items:center; gap:5px;}
.select_btn_wrap::after { display:none; }
.select_btn_wrap.rig_bot { justify-content:end; margin-top:10px; }
.select_btn { width:100px; height:35px; display:flex; align-items:center; justify-content:center; border:1px solid #ddd; color:#666; font-size:14px; font-weight:500;border-radius:3px; }
.select_btn.blk { border-color:#222; color:#222; }
.select_btn.blue { border-color:#1682ff; background-color:#1682ff; color:#fff; }
.select_btn.red { border-color:#ff0000; background-color:#ff0000; color:#fff; }
.select_btn.red_line { background-color:#fff; border:1px solid #ff0000; color:#ff0000;}
.select_btn.blkbg { border-color:#222; background-color:#222; color:#fff; }
.select_btn.gry { border-color:#eee; background-color:#f9f9f9; color:#666; }
.cart_form { margin-top:10px; }
.cart_form_hd { display:flex; border-top:2px solid #222; }
.cfh { display:flex; align-items:center; justify-content:center; height:54px; border-bottom:1px solid #222; color:#222; font-weight:600; }
.cfh .small_tit { font-size:14px; font-weight:400; }
.cfh.cpo { gap:0; }
.cfh_chk { width:5%; }
.cfh_pro { flex: 1; }
.cfh_price { width:10%; }
.cfh_qua { width:15%; }
.bookmark_pro { flex: 1; }
.cart_form_bd { display:flex; }
.cfb { display:flex; align-items:center; justify-content:center; padding:20px 0; text-align:center; border-bottom:1px solid #eee; color:#666; }
.cfb a { color:#222; }
.cfb_pro_img { width:100px; height:100px; border:1px solid #eee; }
.cfb_pro_img img { width:100%; height:100%; object-fit:cover;border-radius:3px; }
.cpi { justify-content:start; gap:20px; text-align:left; }
.cpi_name { color:#222; font-size:16px; }
.cpi_name.border { border-bottom:1px solid #222; display:inline-block; }
.cpi_option { margin-top:7px; }
.cpi_option li { display:flex; align-items:center; position:relative; color:#999; font-weight:300; font-size:14px; padding-left:15px; margin-left:5px; margin-top:5px; }
.cpi_option li:first-child { margin-top:0; }
.cpi_option li::before { content:''; position:absolute; left:0; top:3px; display:inline-block; width:8px; height:8px; background-size:100%; background-repeat:no-repeat; background-position:center; background-image:url('../../images/op_icon.png');}
.cpi_option_text li { display:flex; align-items:center; position:relative; color:#000; font-weight:300; font-size:14px; padding-left:15px; margin-left:5px; margin-top:5px; }
.cfb_pr { color:#222; font-weight:600; font-size:16px; }
.cfb_pr_old { color:#999; font-size:16px; font-weight:300; text-decoration: line-through; }
.cpo { flex-flow:column; gap:7px; }
.order_agr { margin-top:15px; color:#222; font-size:15px; text-align:right; display: flex; align-items: center; justify-content: end; }
.order_agr p { line-height:1.5em; }
.order_agr p span { color:#ff0000; }
.order_agr > label { display:flex; align-items:center; gap:5px; justify-content:end; width: fit-content; }
.join_li_tit.bold { color:#222; border-bottom:1px solid #222; }
.join_li_tit.bold h3 { font-weight:600; }

.order_pri { margin-top:30px; }
.order_pri_box { width:100%; height:177px; overflow-y:auto; border:1px solid #eee; background-color:#f9f9f9; padding:30px; font-size:14px; color:#666; line-height:1.5em; }
.jlt_radio::after { display:none; }
.jlt_radio { display:flex; align-items:center; gap:15px; }
.jlt_radio li > label { display:flex; align-items:center; gap:5px; }
.jlt_radio li p { color:#666; font-size:14px; }
.jlt_flex { display:flex; align-items:center; gap:20px; }
.join_input.cal { background-repeat:no-repeat; background-size:20px; background-position:center right 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23666666' viewBox='0 0 256 256'%3E%3Cpath d='M208,36H180V24a4,4,0,0,0-8,0V36H84V24a4,4,0,0,0-8,0V36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36ZM48,44H76V56a4,4,0,0,0,8,0V44h88V56a4,4,0,0,0,8,0V44h28a4,4,0,0,1,4,4V84H44V48A4,4,0,0,1,48,44ZM208,212H48a4,4,0,0,1-4-4V92H212V208A4,4,0,0,1,208,212Zm-72-80a8,8,0,1,1-8-8A8,8,0,0,1,136,132Zm44,0a8,8,0,1,1-8-8A8,8,0,0,1,180,132ZM92,172a8,8,0,1,1-8-8A8,8,0,0,1,92,172Zm44,0a8,8,0,1,1-8-8A8,8,0,0,1,136,172Zm44,0a8,8,0,1,1-8-8A8,8,0,0,1,180,172Z'%3E%3C/path%3E%3C/svg%3E"); }
.join_input.gry { background-color:#eeeeee; }
.jfl_inner_flex { display:flex; gap:20px; }
.jfl_inner_flex::after { display:none; }
.jfl_inner_flex li { position:relative; width:50%; }
.jfl_inner_flex li::after { content:'-'; position:absolute; right:-14px; top:50%; transform:translate(0,-50%); }
.jfl_inner_flex li:last-child::after { display:none; }
.order_bbox { border:2px solid #222; margin-top:50px; padding:30px; margin-bottom:50px; }
.order_add { margin-top:30px; }
.order_del { cursor:pointer; width:21px; height:21px; background-repeat:no-repeat; background-size:100%; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23222222' viewBox='0 0 256 256'%3E%3Cpath d='M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z'%3E%3C/path%3E%3C/svg%3E"); }
.jlt_flex .join_label { margin-bottom:0; }
.bill_box { background-color:#f9f9f9; padding:20px; margin-top:15px; }
.bill_bigtit { font-size:14px; color:#222; }
.bill_list { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 10px; grid-row-gap:10px; margin-top:17px; }
.bill_list::after { display:none; }
.bill_list li { display:flex; background-color:#fff; border:1px solid #eee; padding:10px 15px; }
.bill_list li.full { grid-column: span 2; }
.bill_tit { width:120px; color:#666; font-size:14px; }
.bill_desk { font-size:14px; color:#222; }
.info_ictx { display:flex; align-items:center; gap:5px; margin-top:30px; border-top:1px solid #eee; padding-top:20px; }
.info_icon { width:20px; height:20px; background-repeat:no-repeat; background-size:100%; background-position:center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23222222' viewBox='0 0 256 256'%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z'%3E%3C/path%3E%3C/svg%3E"); }
.info_notit { font-size:15px; color:#222; font-weight:300; line-height:1.5em; }
.join_li_tit.line { border-top:2px solid #222; padding-top:15px; }
.oc_grybox { background-color:#f9f9f9; padding:20px; }
.ocfb_pro { flex: 1; }
.ocfb_pro_wide { width:88%; }
.ofb_del { width:5%; }
.ofb_pro { flex: 1; }
.ofb_pro_wide { width:83%; }
.ofb { width:12%; }
.ocg_list { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap:17px }
.ocg_list::after { display:none; }
.ocg_list li { display:flex; align-items:center; font-size:16px; }
.ocg_tit { color:#222; width:30%; line-height:1.5em; }
.ocg_desk { color:#666; width:70%; line-height:1.5em; font-weight:300; }
.cpi_pro_wrap { flex:1; }
.oc_payment { border-top:2px solid #222; margin-bottom:50px; }
.op_how { display:flex; align-items:center; padding:15px 0; border-bottom:1px solid #222; }
.op_how_tit { color:#222; font-size:16px; font-weight:600; width:120px; }
.op_how_list { flex:1; display:flex; flex-wrap:wrap; column-gap:30px; row-gap:10px; }
.op_how_list li { color:#222; font-weight:300; font-size:16px; }
.op_how_list li span { color:#ff0000; }
.op_info { display:flex; align-items:center; padding:20px 0; border-bottom:1px solid #eee; }
.op_info_tit { color:#222; font-size:16px; font-weight:400; width:120px; }
.op_info_conts { flex:1; }
.oic_tit { color:#222; font-size:15px; margin-bottom:15px; }
.oic_list { display:flex; flex-wrap:wrap; column-gap:30px; row-gap:10px; }
.oic_list li { color:#222; font-weight:300; font-size:15px; }
.infree_list_wrap { margin-bottom:50px; }
.infree_list > li { display:flex; align-items:center; gap:30px; border-bottom:1px solid #eee; padding:15px 0; }
.infree_list > li::after { display:none; }
.infree_logo { width:80px; height:48px; }
.infree_logo img { width:100%;; height:100%; object-fit:cover; }
.infree_detail { width:70%; }
.infree_detail li { color:#222; font-size:15px; margin-bottom:8px; line-height:1.3em; }
.infree_detail li:last-child { margin-bottom:0; }
.infree_pop_open { cursor:pointer; }



#modal_popup { display: none; }
#modal_popup{ width:700px; height:661px; overflow-y:auto; padding:30px 20px; animation: appear .8s cubic-bezier(.77,0,.175,1) forwards; box-sizing:border-box; position:fixed; top: 50%; left: 50%; margin-top:var(--hdheight); transform: translate(-50%, -50%); background-color: #fff; z-index: 50;  box-shadow: 0 25px 40px -20px #aaa; }
.infree_pop { width:400px !important; }
.infree_subtit { font-weight:500; color:#222; font-size:16px; border-bottom:1px solid #222; padding-bottom:15px; }
.ordpop_tit_wrap { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #222; }
.ordpop_tit_wrap h2 { color:#222; font-size:24px; font-weight:600; }
.pop_sort_select { display:flex; gap:15px; }
.pop_sort_select > div { width:33.333%; }
.pop_sort_select > div > select { width:100%; }
.pop_sort_select input[type="text"].prolist_sch_input { width:100% !important; }
.pop_pro_wrap { margin-top:30px; border-top:2px solid #222; }
.pop_pro_hd { display:flex; align-items:center; }
.pphd { height:54px; display:flex; align-items:center; justify-content:center; font-size:16px; color:#222; font-weight:600; text-align:center; border-bottom:1px solid #222; }
.pphd_pro { width:50%; }
.pphd_price { width:25%; }
.pphd_btn { width:25%; }
.pop_pro_bd { display:flex; align-items:center; }
.ppbd { height:83px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #eee; font-size:16px; color:#666; }
.pphd_btn_d { border:1px solid #222; background-color:#fff; color:#222; font-size:14px; padding:5px 15px; }
.pphd_name { flex:1; color:#222; font-size:16px; }
.pphd_pro_img { width:50px; height:50px; border:1px solid #eee; }
.pphd_pro_img img { width:100%; height:100%; object-fit:cover; }
.pppo { justify-content: start; gap: 20px; text-align: left; }
.backon{ content: ""; width: 100%; height: 100%; background-color:rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; z-index: 15; }
.close{ cursor:pointer; width:25px; height:25px; text-indent:-999px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z'%3E%3C/path%3E%3C/svg%3E");
background-size:100%; background-position:center; background-repeat:no-repeat; }
.openPopup{ cursor:pointer;  display:inline-block; background-color:#222; color:#fff; padding:15px 45px; font-family: 'Gowun Dodum', sans-serif; position:absolute; left:50%;  top:50%; transform: translate(-50%, -50%); }
@keyframes appear {
  from {
    opacity: 0;
    transform: translate(-50%,-50%);
  }
  to {
    opacity: 1;
    transform: translate(-50%,-55%);
  }
}

@keyframes dissappear {
  from {
    opacity: 1;
    transform: translate(-50%,-55%);
  }
  to {
    opacity: 0;
    transform: translate(-50%,-50%);
  }
}




.board_postnum { margin-bottom:15px; display:flex; align-items:center; justify-content:space-between; }
.bp_txt { color:#222; font-weight:300; }
.bp_txt span { color:#ff0000; font-weight:600; }
.board_tb { width:100%; border-top:2px solid #222; }
.board_tb thead th, .board_tb thead td { font-size: 16px; }
.board_tb thead th { height:54px; color:#222; padding:0 10px; text-align:center; border-bottom:1px solid #222; line-height:1.5em; }
.board_tb tbody td { height:74px; color:#666; padding:0 10px; text-align:center; border-bottom:1px solid #eee; line-height:1.5em; }
.board_tb tbody td a { color:#666; }
.board_tb tbody td.subject { text-align:left; }
.qna_answ { border:1px solid #ff0000; color:#ff0000; font-size:14px; display:inline-block; padding:3px 5px; word-break:keep-all; }
.qna_answ_wrap { display:inline-block; margin-right:5px; padding-left:15px; background-size:8px; background-repeat:no-repeat; background-position:top left; background-image:url('../images/qna_answ_icon.png'); }
.faq_hd { display:flex; width:100%; border-top:2px solid #222; }
.faq_hd > li { display:flex; align-items:center; justify-content:center; height:54px; color:#222; font-weight:600; padding:10px 10px; text-align:center; border-bottom:1px solid #222; }
.faq_hd_sort { width:215px; }
.faq_hd_conts { flex:2; }
.faq_hd_conts a { word-break:break-all; }
.faq_bd { position:relative; display:flex; width:100%; }
.faq_bd > li { cursor:pointer; display:flex; align-items:center; justify-content:center; word-break:keep-all; line-height:1.5em; min-height:74px; color:#666; font-weight:400; padding:10px 10px; text-align:center; border-bottom:1px solid #eee; }
.faq_bd .faq_hd_conts { justify-content:start; text-align:left; }
.faq_answ { position:relative;  }
.faq_answ_inner { position:relative; word-break:keep-all; background-color:#f9f9f9; color:#222; line-height:1.5em; padding:30px 30px 30px 80px; }
.faq_answ_inner::before { content:'A.'; color:#222; font-weight:600; font-size:15px; position:absolute; left:40px; top:30px; }
/* 새로고침 잔상 방지용 */
.faq_answ.collapsed {
  visibility: hidden;
  height: 0;
  padding: 0;
}
.board_view_hd { display:flex; align-items:center; font-weight:600; border-top:2px solid #222; padding:10px 15px; border-bottom:1px solid #222; color:#222; font-size:18px; line-height:1.5em; min-height:54px; }
.board_view_info { width:100%; min-height:74px; color:#666; font-size:16px; padding:10px 15px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eee; }
.bvi_list { display:flex; align-items:center; gap:50px; }
.bvi_list::after { display:none; }
.board_view_conts { padding:30px 15px; line-height:1.5em; border-bottom:1px solid #eee; }
.board_view_conts img { max-width:100%; }
.pn_wrap { display:flex; align-items:center; padding:10px 15px; min-height:74px; border-bottom:1px solid #eee; }
.pn_wrap > a { width:100%; display:flex; align-items:center; }
.pn_tit { position:relative; width:150px; color:#222; font-size:16px; }
.pn_desk { flex:2; color:#222; font-size:16px; }
.pn_prev .pn_tit::after { content:''; width:17px; height:17px; position:absolute; right:20px; top:0; background-size:100%; background-position:center; background-repeat:no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z'%3E%3C/path%3E%3C/svg%3E"); }
.pn_next .pn_tit::after { content:''; width:17px; height:17px; position:absolute; right:20px; top:0; background-size:100%; background-position:center; background-repeat:no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E"); }
.file_wrap { display:flex; align-items:center; justify-content:center; min-height:74px; border-bottom:1px solid #eee; padding:10px 15px; }
.file { display:flex; align-items:center; gap:30px; }
.txt_file { color:#222; font-weight:600; }
.file_list a { color:#222; }
.file_name { padding-right: 20px; background: url('../images/ico_down.jpg') no-repeat right top; margin-right:10px; }
.file_list { flex:2; }





/* mypage */
.mypage_flex { display:flex; align-items:start; gap:50px; }
.mypage_left { width:210px; }
.mypage_right { flex:2; }
.mypage_title { border-bottom:1px solid #eee; padding-bottom:19px; }
.mypage_title h1 { font-size:24px; color:#222; font-weight:600; }
.mypage_right_conts { padding-top:120px; }
.mypage_right_conts.short { padding-top:40px; }
.mp_left_tit { font-size:32px; color:#222; font-weight:500; border-bottom:1px solid #222; padding-bottom:10px; margin-bottom:40px; }
.mp_left_list > li { margin-bottom:40px; }
.mp_left_list > li:last-child { margin-bottom:0; }
.mll_tit { font-size:18px; color:#222; font-weight:600; margin-bottom:15px; }
.mll_list { background-color:#f9f9f9; padding:20px; }
.mll_list::after { display:none; }
.mll_list li { margin-bottom:12px; }
.mll_list li:last-child { margin-bottom:0; }
.mll_list li a { color:#888; }
.mll_list li:hover a { color:#222; }
.mll_list li.on a { color:#222; border-bottom:1px solid #222; padding-bottom:2px; }
.mypage_shwrap { max-width:400px; margin:0 auto; }
.quo_date { width:15%; }
.quo_subj { flex: 1; }
.quo_shsubj { width:25%; }
.quo_tit { width:15%; }
.quo_pring { width:15%; }
.quo_now { width:15%; }
.quo_price { width:15%; }
.quo_sch { width:10%; }
.no_list_area { height:140px; border-bottom:1px solid #eee; display:flex; align-items:center; justify-content:center; }
.no_list_area p { color:#666; font-size:16px; }
.mp_btn_col { display:flex; align-items:center; justify-content:center; flex-flow:column; gap:5px; }
.mp_btn_col::after { display:none; }
.tbtit_mobile { display:none; color:#222; font-weight:600; }
.nowcolor.blue { color:#1682ff; }
.nowcolor.red { color:#ff0000; }
.date_bnum.red { color:#ff0000; font-size:14px; }

.reex_tit { border-top:2px solid #222; color:#222; font-weight:600; height:54px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #222; }
.reex_conts { display:flex; color:#666; border-bottom:1px solid #eee; padding:30px; font-size:16px; line-height:1.5em; }
.reex_conts::after { display:none; }
.reex_conts > li { width:50%; }
.reex_conts .red { color:#ff0000; }
.reex_list { margin-top:20px; }
.reex_list > li { margin-bottom:5px; }
.reex_list > li:last-child { margin-bottom:0; }

.mp_sebtn { display:flex; }
.mp_sebtn li { position:relative; border-right:1px solid #eee; border:1px solid #eee; margin-left:-1px;}
.mp_sebtn li a { color:#999; font-weight:400; font-size:14px;padding:8px 15px; display:inline-block;width:100%; }
.mp_sebtn li.on:after { content:''; display:block; width:100%; height:100%; box-shadow: 0 0 0 1px #000 inset;  position:absolute; left:0; top:0; }
.mp_sebtn li.on a { color:#222; font-weight:500; }
.mypage_date_sort { display:flex; align-items:center; justify-content:space-between; margin-bottom:50px; }
.mds_right { display:flex; align-items:center; gap:10px; }
.mds_right input[type="text"].join_input { height:40px;border-radius:3px; }
.mds_right .join_button { width:120px; height:40px; border-radius:3px;}
.form_view { width:32px; height:32px; display:flex; align-items:center; justify-content:center; border:1px solid #222; background-repeat:no-repeat; background-size:65%; background-position:center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'%3E%3C/path%3E%3C/svg%3E"); }

.b_capt_wrap { display:flex; margin-bottom:5px; gap:5px; }

/* footer */
.ft_blk { background-color:#333333; padding:30px 0; }
.ft_blk .sub_inner { display:flex; justify-content:space-between; }
.ft_serlist { display:flex; align-items:center; column-gap:30px; row-gap:5px; }
.ft_serlist::after { display:none; }
.ft_serlist li a { color:#fff; font-weight:300; font-size:16px; }
.ft_bankcall { display:flex; align-items:center; gap:30px; }
.ft_bankcall b { font-weight:500; }
.ft_bank { color:#fff; font-size:16px; }
.ft_call { color:#ffdb8a; font-size:16px; }
.ft_wht { padding:50px 0; }
.ft_info li { display:inline-block; margin:0 20px 7px 0; color:#666666; letter-spacing:-0.55px; font-weight:300; }
.copyright { color:#666666; margin-top:40px; font-weight:300; }

.custom-file-upload-wrap {
  display: flex;
  align-items: center;
  background: #f3f3f3;
  border-radius: 4px;
  height: 48px;
  padding: 0 0 0 16px;
  margin-bottom: 8px;
  position: relative;
  border: none;
}

.custom-file-label {
  color: #777777;
  flex: 1;
  font-size: 15px;
  user-select: none;
}

.custom-file-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #222;
  border-radius: 0 4px 4px 0;
  height: 100%;
  width: 120px;
  font-size: 15px;
  color: #222;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.custom-file-btn input[type='file'] {
  display: none;
}

.no_sort { padding:100px 0; }
.no_sort_icon { margin:0 auto 20px; width:70px; height:70px; border-radius:100%; background-repeat:no-repeat; background-size:60%; background-position:center; background-image:url('../../images/no_sort_img.png'); }
.no_sort_txt { text-align:center; color:#666; font-weight:400; font-size:18px; }

.ptotal_flex { display:flex; align-items:center; justify-content:space-between; }
.ptotal_pm_wrap { font-size:0; }
.custom_pdo_pm { width:36px; height:36px; text-indent:-999999px; border-radius:0 !important; cursor: pointer; border: 1px solid #ddd; background-color: transparent; border-radius: 100%; background-repeat: no-repeat; background-size: 50%; background-position: center; }
.custom_pdo_pm.plu { margin-left:-1px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%238a8a8a' viewBox='0 0 256 256'%3E%3Cpath d='M228,128a12,12,0,0,1-12,12H140v76a12,12,0,0,1-24,0V140H40a12,12,0,0,1,0-24h76V40a12,12,0,0,1,24,0v76h76A12,12,0,0,1,228,128Z'%3E%3C/path%3E%3C/svg%3E"); }
.custom_pdo_pm.min { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%238a8a8a' viewBox='0 0 256 256'%3E%3Cpath d='M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z'%3E%3C/path%3E%3C/svg%3E"); }
.custom_pdo_input { width:36px; height:36px !important; border-radius:0 !important; text-align:center; border:1px solid #ddd !important; margin-left:-1px; }

.no_line { border:0px !important; height:22px !important;  width:180% !important; color:#000 !important; padding:0 !important; }
.no_line_li { border:0px !important; padding:0 !important; }


/* 날짜 입력 달력 */

.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666;z-index:9999;}
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 100; font-family: 'dotum'; font-size: 14px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1; font-size: 11px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('../images/disabled-date.png'); color: #E0E0E0; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #67AABB url('../images/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('../images/disabled-date.png') repeat-x top; color: #DDD; cursor: default }

/* = CUSTOM DATEPICKER POSITIONING (ORDER LIST PAGE)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker {
	margin-left: 0 !important;
	left: -9999px !important;
	top: -9999px !important;
	visibility: hidden !important;
}
.Zebra_DatePicker.positioned {
	visibility: visible !important;
	left: auto !important;
	top: auto !important;
}
.Zebra_DatePicker .dp_daypicker {
	transform: none !important;
}

.price-old{
  text-decoration-line: line-through;
  text-decoration-color: #999;    /* 선 색 */
  text-decoration-thickness: 2px; /* 두께 */
  text-decoration-skip-ink: auto; /* 가독성 */
  text-underline-offset: .06em;   /* 약간 띄움 */
}