:root{
    --colorMain1:#3784df;
    --colorMain2:#257CED;
    --colorMain3:#0655BB;
    --colorPoint:#eb7550;
    --fontPrimary:'Pretendard','NanumSquareRound',sans-serif;
    --fontNormal:'Pretendard',sans-serif;
}
html.scroll--lock,
body.scroll--lock{overflow:hidden;}

img{max-width: 100%;}
.img--block{width: 100%;}

button{cursor: pointer;}
a,input,textarea,select,button{font-family: inherit; box-sizing: border-box;}
textarea.input--comp{resize: none; overflow: auto; height: auto; line-height:1.5; font-weight:300;}
.input--comp.input--bold{font-weight: 600;}
.input--comp:read-only{background-color: #f6f6f6; font-weight: 400; color: #bababa;}

.radio--custom{display: block; position: relative;}
.radio--custom input[type="radio"]{position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0;}
.radio--custom .radio--ico{width: 20px; height: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; display: block; background-color: #fff; position: absolute; left: 0; top: calc(17px / 2); transform: translateY(-50%);}
.radio--custom .radio--txt{display: block; font-size: 17px; line-height: 17px; letter-spacing: -0.04em; color: #333; padding-left: 26px;}
.radio--custom input[type="radio"]:checked ~ .radio--ico{background-color: #fff; border: 4px solid var(--colorMain1);}
.radio--custom input[type="radio"]:checked ~ .radio--txt{font-weight: 600;}
.radio--custom input[type="radio"]:disabled ~ .radio--ico{border: 1px solid #d1d1d1; background-color: #ececec;}
.radio--custom input[type="radio"]:disabled ~ .radio--txt{color: #555; font-weight: 300;}

.radio--btn--list{display: flex; flex-flow: row wrap; gap: 7px;}
.radio--btn--list .radio--btn--item{width: calc((100% - 7px * 2) / 3); position: relative;}
.radio--btn--list .radio--btn--item input[type="radio"]{position: absolute; left: 50%; top: 50%; width: 0; height: 0; opacity: 0;}
.radio--btn--list .radio--btn--item .radio--btn--inn{display: flex; align-items: center; justify-content: center; position: relative; height: 55px; font-size: 17px; font-weight: 600; color: #333; background-color: #fff;}
.radio--btn--list .radio--btn--item .radio--btn--inn::before{content:''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; border: 1px solid #eee;}
.radio--btn--list .radio--btn--item input[type="radio"]:checked ~ .radio--btn--inn::before{border: 2px solid var(--colorPoint);}
.radio--btn--list.list--grid--6{gap:3px;}
.radio--btn--list.list--grid--6 .radio--btn--item{width: calc((100% - 3px * 5) / 6);}

.radio--custom--list.list--grid--auto{display: flex; flex-flow: row wrap; gap:15px 30px;}

.chk--custom{display: block; position: relative;}
.chk--custom input[type="checkbox"]{position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0;}
.chk--custom .chk--ico{width: 20px; height: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; display: block; background-color: #fff; position: absolute; left: 0; top: calc(17px / 2); transform: translateY(-50%);}
.chk--custom .chk--txt{display: block; font-size: 17px; line-height: 17px; letter-spacing: -0.04em; color: #333; padding-left: 26px;}
.chk--custom .chk--txt .chk--txt--requ{font-size: 10px; font-weight: 300; letter-spacing: -0.04em; color: #999;}
.chk--custom input[type="checkbox"]:checked ~ .chk--ico{background-color: var(--colorMain1); border-color: var(--colorMain1); background-image: url('/assets/img/ico/chk-true.png'); background-size: 10px; background-repeat: no-repeat; background-position: center;}
.chk--custom.chk--single .chk--ico{display: block; position: static; transform: none; width: 32px; height: 32px;}
.chk--custom.chk--single input[type="checkbox"]:checked ~ .chk--ico{background-size: 16px;}

.chk--list.chk--grid--auto{display: flex; flex-flow: row wrap; gap:15px 30px;}

.chk--list.chk--grid--4{display: flex; flex-flow: row wrap; gap: 13px 6px;}
.chk--list.chk--grid--4 .chk--item{width: calc((100% - 6px * 3) / 4);}
.chk--list.chk--grid--2{display: flex; flex-flow: row wrap; gap: 13px 6px;}
.chk--list.chk--grid--2 .chk--item{width: calc((100% - 6px) / 2);}

.chk--btn--list{display: flex; flex-flow: row wrap; gap: 5px;}
.chk--btn{display: inline-block; position: relative;}
.chk--btn input{position: absolute; top: 50%; left: 50%; width: 0; height: 0; opacity: 0;}
.chk--btn .chk--btn--inn{border-radius: 5px; border: 1px solid #e8e8e8; padding: 9px 15px 10px; display: block; font-size: 13px; font-weight: 500;}
.chk--btn input:checked ~ .chk--btn--inn{border-color: var(--colorMain2); background-color: var(--colorMain2); color: #fff;}

.content--wrapper{width: 100%; min-width: 1280px; overflow: hidden;}
.content--group{position: relative; width: 1280px; margin: auto;}

.container{width: 1280px; margin: auto; position: relative; margin-bottom:35px;}/*2023-10-24*/
.container--md{width: 1150px; padding: 0; margin: auto; position: relative;}
.container--sm2{width: 780px; padding: 0; margin: auto; position: relative;}
.container--sm{width: 830px; padding: 0; margin: auto; position: relative;}
.container--xs{width: 390px; padding: 0; margin: auto; position: relative;}

.blank--btn{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.btn--under{display: inline; color: #777; font-size: 13px; font-weight: 300; text-decoration: underline;}
.btn--right--arr{display: inline-flex; position: relative; align-items: center; font-size: 20px; font-weight: 500;}
.btn--right--arr::after{content: ''; display: block; width: 8px; height: 12px; background-image: url('/assets/img/ico/arr-right-333_8x14.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 8px;}
.btn--right--arr .ico--location--label{margin-right: 18px;}
.btn--basic{line-height:14px; padding: 6px 11px 7px; border: 1px solid; border-radius: 3px ; font-size: 12px; font-weight: 400; letter-spacing: -0.04em; white-space: nowrap; position: relative;}
.btn--basic:disabled{cursor: auto;}
.btn--basic.btn--default{color: #333; border-color: #d7d7d7; background-color: #fff;}
.btn--basic.btn--default.btn--submit{border-color: #555;}
.btn--basic.btn--point{background-color: var(--colorPoint); border-color: var(--colorPoint); color: #fff;}
.btn--basic.btn--success{background-color: var(--colorMain2); border-color: var(--colorMain2); color: #fff;}
.btn--basic.btn--success:disabled{background-color: #ddd; border-color: #ddd; color: #fff;}
.btn--basic.btn--primary{background-color: var(--colorMain3); border-color: var(--colorMain3); color: #fff;}
.btn--basic.btn--line--success{background-color: #fff; border: 1px solid rgba(55,132,223, 0.3); color: var(--colorMain1);}
.btn--basic.btn--gray{border: 1px solid #ddd; background-color: #eee; color: #777;}
.btn--basic.btn--dark{border: 1px solid #444; background-color: #444; color: #fff;}
.btn--basic.btn--blue--checked{background-color: var(--colorMain1); border-color: var(--colorMain1); color: #fff; background-image: url('/assets/img/ico/chk-true.png'); background-size: 15px; background-repeat: no-repeat; background-position: 120px;}/* 20230805추가 */
.btn--basic.btn--sm{line-height:20px; padding: 1px 10px; border-radius: 3px ; font-size: 11px; font-weight: 400; letter-spacing: 0;}
.btn--basic.btn--md{font-size: 14px;}
.btn--basic.btn--lg{font-size: 18px; font-weight: 500; letter-spacing: -0.01em; padding: 15px 20px 16px; border-radius: 10px;}
.btn--basic.btn--xl{width: 350px; height: 62px; border-radius: 10px; font-size: 22px; font-weight: 600;}
.btn--basic.btn--block{width: 100%; display: block;}
.btn--basic .floating--item{display: block; position: absolute; padding: 3px 7px; background-color: var(--colorPoint); border-radius: 5px; color: #fff; font-size: 11px; color: #fff; font-weight: 600; left: 50%; transform: translateX(-50%);}
.btn--basic .floating--item::before{content: ''; display: block; position: absolute; bottom: 100%; left: 50%; transform: translate(-50%, 40%) rotate(90deg); background-image: url('/assets/img/ico/ico-union-arr.png'); width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; background-position: right center;}
.btn--basic.btn--lg .floating--item{top: 100%; margin-top: -6px;}

.ico--location--label{display: inline-flex; align-items: center; padding: 8px 16px; border: 30px; background-color: #444; color: #fff; border-radius: 30px; font-size: 18px; font-weight: 600; font-style: normal;}
.ico--location--label::before{content: ''; display: block; width: 14px; height: 18px; background-image: url('/assets/img/ico/ico-location-marker.png'); background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 8px;}
.ico--clip{display: inline-block; width: 12px; height: 12px; background-image: url('/assets/img/ico/ico-clip.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}

input[type="date"].input--comp{width: 130px;}
input[type="date"].input--comp::-webkit-calendar-picker-indicator{background-image: url('/assets/img/ico/ico-datepicker.png'); width: 15px; height: 15px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.select--item .selected--text,
.input--comp{height: 38px; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; padding: 11px 15px; outline: none; font-size: 15px; font-weight: 500;}
.input--comp.input--block{width: 100%; display: block;}
.input--comp:focus{border-color: var(--colorMain1);}
.input--comp::-webkit-input-placeholder{font-size: 14px; font-weight: 300;}
.input--comp::-moz-placeholder{font-size: 14px; font-weight: 300;}
.input--comp:-ms-input-placeholder{font-size: 14px; font-weight: 300;}
.input--comp::placeholder{font-size: 14px; font-weight: 300;}
.input--comp--file{border: 1px solid #ddd; border-radius: 5px; background-color: #fff; padding:6px 11px; outline: none; font-size: 15px; font-weight: 500;}
.input--comp--file.input--block{width: 100%; display: block;}


.select--item{display: inline-block; width: auto; position: relative;}
.select--item.open{z-index: 999999;}
.select--item.select--block{width: 100%; display: block;}
.select--item .selected--text{display: flex; align-items: center; padding-right: 30px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.select--item.open .selected--text{border-color: var(--colorMain1); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0;}
.select--item .selected--text::after{content: ''; display: block; position: absolute; width: 12px; height: 6px; background-image: url('/assets/img/ico/select-drop.png'); background-repeat: no-repeat; background-position: center; background-size: contain; right: 10px; top: 50%; transform: translateY(-50%);}
.select--item.open .selected--text::after{transform: translateY(-50%) rotate(180deg);}
.select--item .dropdown--menu{position: absolute; top: 100%; left: 0; right: 0; max-height: 150px; overflow: auto; display: none; border: 1px solid var(--colorMain1); background-color: #fff; border-top: 0; border-radius: 0 0 5px 5px;}
.select--item.open .dropdown--menu{display: block; background-color: #fff;}
.select--item .dropdown--menu > li{white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; padding: 6px 15px;}
select.select--item{display: none !important;}

.text--success{color:var(--colorMain1)}
.text--point{color:var(--colorPoint);}

.info--warn--txt{font-size: 13px; color: var(--colorPoint); position: relative; padding-left: 18px; line-height: 16px; position: relative;}
.info--warn--txt::before{content: ''; display: block; position: absolute; width: 12px; height: 12px; left: 0; top: calc(16px / 2); background-image: url('/assets/img/ico/ico-warn.png'); background-repeat: no-repeat; background-position: center; background-size: contain; transform: translateY(-50%);}
.info--succ--txt{font-size: 13px; color: var(--colorMain1); position: relative; padding-left: 18px; line-height: 16px; position: relative;}
.info--succ--txt::before{content: ''; display: block; position: absolute; width: 12px; height: 12px; left: 0; top: calc(16px / 2); background-image: url('/assets/img/ico/ico-chkmarker.png'); background-repeat: no-repeat; background-position: center; background-size: contain; transform: translateY(-50%);}
.info--default--txt{font-size: 13px; color: #999; position: relative; padding-left: 18px; line-height: 16px; position: relative;}
.info--default--txt::before{content: ''; display: block; position: absolute; width: 12px; height: 12px; left: 0; top: calc(16px / 2); background-image: url('/assets/img/ico/ico-pointer-solid.png'); background-repeat: no-repeat; background-position: center; background-size: contain; transform: translateY(-50%);}

.rating--row{display: flex;}
.rating--row .rating--item{width: 15px; height: 15px; background-image: url('/assets/img/ico/ico-star-off.png'); display: block; background-position: center; background-repeat: no-repeat; background-size: contain;}
.rating--row .rating--item.active{background-image: url('/assets/img/ico/ico-star-on.png');}

.filter--btn--group{display: flex; flex-flow: row wrap; gap: 10px;}
.filter--btn--group.filter--center{justify-content: center;}
.filter--btn--group .filter--btn{padding: 12px 40px; max-width: 100%; border: 1px solid #c3c3c3; border-radius: 30px; font-size: 18px; letter-spacing: -0.01em;color:#333;}/*2023-11-01*/
.filter--btn--group .filter--btn.active{background-color: var(--colorMain3); color: #fff; border-color: var(--colorMain3);}
.filter--btn--group.filter--sm{gap: 10px;}/* 2023-11-01 */
.filter--btn--group.filter--sm .filter--btn{padding: 10px 23px; border: 1px solid #d7d7d7; font-size: 15px; font-weight: 500; letter-spacing: 0;}
.filter--btn--group.filter--sm .filter--btn.active{background-color: var(--colorMain1); border-color: var(--colorMain1);}
.filter--btn--group.filter--rounded .filter--btn{padding: 10px 20px; border-radius: 8px; font-size: 14px; font-weight: 500; background-color: #fff;}
.filter--btn--group.filter--rounded .filter--btn.active{background-color: var(--colorMain2); border-color: var(--colorMain2);}
.tab--btn--group + .filter--btn--group{margin-top: 20px;}

.load--more--btn{border-radius: 10px; padding: 17px 90px; border: 1px solid #e0e0e0; background-color: #fff; display: inline-block; font-size: 17px; letter-spacing: -0.02em; color: #666;}

.header{position:absolute; top: 0; left: 0; background-color: #fff; z-index: 9999; border-bottom: 1px solid #ececec; width:100%; min-width:1280px;}
.header .header--bnr{height: 65px; background-position: center; background-repeat: no-repeat; background-size: auto 100%; min-width: 1280px; display: none; position: relative;}
.header .header--bnr .header--bnr--btn{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 30;}
.header .header--bnr .container{display: flex; height: 100%;}
.header .header--bnr .header--bnr--close{display: block; width: 15px; height: 15px; background-image: url('/assets/img/ico/ico-cross-777_15px.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin: auto 0 auto auto; z-index: 33;}
.header .header--top .header--top--inn{display: flex; align-items: flex-end; height: 40px;}/*2023-10-24*/
.header .header--top .header--search{border: 1px solid rgba(18,103,204,0.4); border-radius: 21px; width: 396px; padding: 0 15px;position: relative; background-color: #fff;}
.header .header--top .header--search .header--search--main{display: flex; height: 42px; align-items: center;}
.header .header--top .header--search .header--search--input{height: 40px; padding: 0 15px 0 10px; box-sizing: border-box; border: 0; outline: none; font-size: 17px; font-weight: 600; background-color: transparent; width: calc(100% - 20px);}
.header .header--top .header--search .header--search--submit{width: 20px; height: 20px; background-image: url('/assets/img/ico/ico-nav-search.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
.header .header--top .header--search .header--search--dropdown{display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #fff; border-radius: 0 0 20px 20px; border: 1px solid rgba(18,103,204,0.4); border-top: 0; padding: 3px 18px 20px 22px;}
.header .header--top .header--search .header--search--dropdown .header--search--drop--title{font-weight: 500; line-height: 19px;}
.header .header--top .header--search .header--search--dropdown .header--search--drop--title--wrap{display: flex; border-bottom: 1px solid #f1f1f1; padding-bottom: 9px; align-items: center;}
.header .header--top .header--search .header--search--dropdown .header--search--drop--title--wrap .btn--basic{margin-left: auto;}
.header .header--top .header--search .header--search--dropdown .header--search--drop--recomm--group{display: flex; flex-flow: row wrap; gap: 8px 7px; padding: 7px 0 30px;}
.header .header--top .header--search .header--search--dropdown .header--search--drop--recomm--group .header--search--drop--recomm{display: block; padding: 7px 18px; border-radius: 30px; background-color: #f0f5ff; color: var(--colorMain2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.header .header--top .header--search .header--search--dropdown .header--search--drop--list{padding-top: 15px;}
.header .header--top .header--search .header--search--dropdown .header--search--drop--list .header--search--drop--item{display: flex; align-items: center;}
.header .header--top .header--search .header--search--dropdown .header--search--drop--list .header--search--drop--item + .header--search--drop--item{margin-top: 16px;}
.header .header--top .header--search .header--search--dropdown .header--search--drop--list .header--search--drop--item .header--search--drop--btn{display: flex; align-items: center; width: calc(100% - 18px - 10px);}
.header .header--top .header--search .header--search--dropdown .header--search--drop--list .header--search--drop--item .header--search--drop--btn .header--search--drop--name{font-size: 15px; color: #555; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.header .header--top .header--search .header--search--dropdown .header--search--drop--list .header--search--drop--item .header--search--drop--btn .header--search--drop--date{font-size: 13px; margin-left: auto; padding-left: 6px; color: #999;}
.header .header--top .header--search .header--search--dropdown .header--search--drop--list .header--search--drop--item .header--search--drop--remove{display: block; margin-left: 10px; width: 18px; height: 18px; background-image: url('/assets/img/ico/ico-cross-circle.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.header .header--top .header--search .header--search--dropdown .header--search--drop--no__data{display: block; font-size: 15px; color: #555; padding: 35px 0;}
.header .header--top .header--search.active{border-radius: 20px 20px 0 0; border-bottom: 0; z-index: 99;}
.header .header--top .header--search.active .header--search--dropdown{display: block;}
.header .header--top .header--ico--group{display: flex; align-items: center; gap: 32px; margin-left: auto; margin-right:40px;}/*2024-01-22*/
.header .header--top .header--ico--group .header--ico--btn{display: block; position: relative;}
.header .header--top .header--ico--group .header--ico--btn .header--ico--tit{font-size:14px; color:#777}/*2023-10-24*/
.header .header--top .header--ico--group .header--ico--btn .header--ico--cnt{position: absolute; bottom: -1px; right: -1px; padding: 2px 3px; border-radius: 10px; background-color: var(--colorMain1); font-size: 11px; font-weight: 600; letter-spacing: -0.05em; line-height: 13px; color: #fff; text-align: center; min-width: 20px;}
.header .header--top .header--top--btn{margin-left: auto;}
.header .header--bot .header--bot--inn{display: flex; align-items: center;}
.header--logo{width: 176px; height: 45px; background: url('/assets/img/ico/main-logo.png') no-repeat left top; background-size:auto 100%;  display: block; margin:0 26px 10px 0; position:absolute; top:15px; left:0;}/*2023-10-24*/
.header .header--bot .header--bot--inn .header--category{position: relative; width:100%; cursor:pointer;}/*2023-10-24*/
.header .header--bot .header--bot--inn .header--category .header--category--btn{display: flex; align-items: center; height: 50px; font-size: 17px; font-weight: 700; letter-spacing: -0.04em; color: var(--colorMain3); margin-right: 55px;}
/* .header .header--bot .header--bot--inn .header--category .header--category--btn::before{content:''; display: block; width: 22px; height: 17px; background-image: url('/assets/img/ico/ico-nav-toggle.png'); background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 17px;}2023-10-24 */
.header .header--bot .header--bot--inn .header--category .header--category--sub{position: absolute; display:none; padding-top: 1px; width:100%; background-color:#fff; border-bottom:1px solid #eee; text-align: center;}/*2023-11-01*/
.header .header--bot .header--bot--inn .header--category .header--category--sub.active{display: flex;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--first{background-color: #f6f8fc; width: 133px;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--first .header--category--first--btn{display: flex; width: 100%; align-items: center; padding: 13px 10px 13px 23px; font-size: 17px; font-weight: 500; color: var(--colorMain3);}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--first .header--category--first--btn.active{background-color: #fff; color: var(--colorMain1); font-weight: 600;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--first .header--category--first--btn.active::after{content:''; display: block; width: 6px; height: 10px; background-image: url('/assets/img/ico/arr-right-success.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: auto;}
/* .header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second{width: calc(100% - 133px);} 2023-11-01 */
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap{display: none; background-color: #fff;}
/* .header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap:nth-child(1){background-image: url('/assets/img/common/gnb-bg01.png'); background-size: 150px; background-position: right bottom; background-repeat: no-repeat;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap:nth-child(3){background-image: url('/assets/img/common/gnb-bg03.png'); background-size: 173px; background-position: 103% 100%; background-repeat: no-repeat;} */
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap.active{display: block;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--second--group{display: flex;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--second--group .header--category--second--btn--gorup{width: 50%; padding: 8px 0;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--second--group .header--category--second--btn--gorup .header--category--second--btn{padding: 8px 10px 8px 26px; display: flex; align-items: center; font-size: 15px; font-weight: 400; letter-spacing: -0.01em;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--second--group .header--category--second--btn--gorup .header--category--second--btn.active{color: var(--colorMain1); font-weight: 600;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--second--group .header--category--second--btn--gorup .header--category--second--btn.active::after{content:''; display: block; width: 6px; height: 10px; background-image: url('/assets/img/ico/arr-right-success.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: auto;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--second--group .header--category--third--btn--wrap{width: 50%; padding: 16px 0 16px 32px;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--second--group .header--category--third--btn--group{display: none;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--second--group .header--category--third--btn{color: #555; font-size: 14px; letter-spacing: -0.01em; display: block;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--second--group .header--category--third--btn:hover{color: var(--colorMain1); font-weight: 600;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--second--group .header--category--third--btn + .header--category--third--btn{margin-top: 13px;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--thumb--group{display: flex; gap: 15px; padding: 25px 29px 25px 33px; flex-flow: row wrap;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--thumb--group .header--category--thumb--btn{display:block; width: calc((100% - 15px) / 2);}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--thumb--group .header--category--thumb--btn .header--category--thumb--txt{margin-top: 5px; color: #666; font-size: 13px; letter-spacing: -0.01em; text-align: center;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--bnr--group{padding: 10px 31px 0 33px;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--bnr--group .header--category--bnr{display: block;}
.header .header--bot .header--bot--inn .header--category .header--category--sub .header--category--second .header--category--second--wrap .header--category--bnr--group .header--category--bnr + .header--category--bnr{margin-top: 10px;}
.header .header--bot .header--bot--inn .header--menu--group{display: flex; gap: 49px; font-size: 17px; letter-spacing: -0.04em; font-weight: 500; line-height: 50px;}
.header .header--bot .header--bot--inn .header--menu--group .header--menu--btn.active{position: relative; color: var(--colorMain1); font-weight: 600;}
.header .header--bot .header--bot--inn .header--menu--group .header--menu--btn.active::after{content: ''; display: block; width: 102px; height: 2px; background-color:  var(--colorMain1); position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);}
.header .header--bot .header--bot--inn .header--btn--group{margin-left: auto; display: flex; gap:27px; color: #777; font-size: 14px; letter-spacing: -0.04em; line-height: 50px;}

.footer{margin-top: 100px; background-color: #333; color:#777; padding:50px 0;}/* 2023-11-01 */
.footer .footer--top{border-top: 1px solid #ddd;}
.footer .footer--top .footer--top--btn--group{display: flex; flex-flow: row wrap; gap: 50px; padding: 14px 0;}
.footer .footer--top .footer--top--btn--group .footer--top--btn{position: relative; font-size: 13px; line-height: 20px; letter-spacing: -0.01em; color: #555;}
.footer .footer--top .footer--top--btn--group .footer--top--btn::after{content: ''; display: block; width: 1px; height: 10px; background-color: #f1f1f1; position: absolute; top: 50%; right: -25px; transform: translateY(-50%);}
.footer .footer--bot{border-top: 1px solid #ddd; padding: 20px 0 30px;}
.footer .footer--bot .footer--bot--inn{display: flex; align-items: center;}
.footer .footer--bot .footer--bot--inn .footer--bot--left .footer--logo{display: block; width: 89px; height: 22px; background-image: url('/assets/img/common/footer-logo.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 6px;}
.footer .footer--bot .footer--bot--inn .footer--bot--left .footer--info--group .footer--info--item{display: flex; color: #777; font-size: 13px; line-height: 22px; font-weight: 300; gap: 16px;}
.footer .footer--bot .footer--info--bot{font-size: 12px; line-height: 22px; font-weight: 300; color: #afafaf;}
.footer .footer--bot .footer--bot--inn .footer--bot--right{margin-left: auto; padding: 18px 50px 15px; border: 1px solid #eee; border-radius: 10px; background-color: #fff; text-align: center;}
.footer .footer--bot .footer--bot--inn .footer--bot--right .footer--bot--right--title{display: flex; align-items: center; color: #555; font-size: 20px; letter-spacing: -0.01em; font-weight: 600; line-height: 20px; justify-content: center; gap: 6px;}
.footer .footer--bot .footer--bot--inn .footer--bot--right .footer--bot--right--title::before{content: ''; display: block; background-image: url('/assets/img/ico/ico-tel.png'); width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.footer .footer--bot .footer--bot--inn .footer--bot--right .footer--bot--right--desc{margin-top: 6px; color: rgba(119,119,119,0.8); font-size: 13px; line-height: 17px; letter-spacing: -0.01em; font-weight: 400;}
.footer .footer--bot .footer--bot--inn .footer--bot--right .footer--bot--right--desc i{font-style: normal; font-weight: 300;}

.main--slider{width: 100%; min-width: 1280px; height: 400px; position: relative; margin-bottom: 30px;}
.main--slider .main--slider--item{background-position: center; background-size: auto 100%; background-repeat: no-repeat;}
.main--slider .container{position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; z-index: 333; display: flex; justify-content: flex-end;}
.main--slider .container .main--slider--pager{margin-right: 30px; background-color: rgba(0,0,0,0.3); border-radius: 30px; height: 40px; display: flex; align-items: center; padding: 0 15px; color: rgba(255,255,255,0.8);}
.main--slider .container .main--slider--pager [class^="main--slider--control"]{display: block; width: 5px; height: 10px; background-image: url('/assets/img/ico/arr-left-fff_5px.png'); background-position: center; background-size: contain; background-repeat: no-repeat;}
.main--slider .container .main--slider--pager .main--slider--control--next{transform: rotate(180deg);}
.main--slider .container .main--slider--pager .main--slider--page--cnt{margin: 0 18px;}
.main--slider .container .main--slider--pager .main--slider--page--cnt .main--slider--curr{font-weight: 700;}
.main--slider .container .main--slider--pager .main--slider--page--cnt .main--slider--total{position: relative; padding-left: 7px; margin-left: 7px;}
.main--slider .container .main--slider--pager .main--slider--page--cnt .main--slider--total::before{content:''; display: block; position: absolute; width: 1px; height:9px; background-color: rgba(255, 255, 255, 0.1); top: 50%; left: 0; transform: translateY(-50%);}

.main--ico--btn--group{display: flex; gap: 12px;}
.main--ico--btn--group .main--ico--btn{display: flex; width: 100%; border: 1px solid #ddd; border-radius: 40px; justify-content: center; align-items: center; height: 57px; gap: 8px;}
.main--ico--btn--group .main--ico--btn .main--ico--txt{font-size: 18px;}

.title--normal{font-size: 24px; font-weight: 500; letter-spacing: -0.02em;}

.main--sec .title--normal{margin-bottom: 15px;}
.main--sec + .main--sec{margin-top: 70px;}
.main--sec .main--sec--bot--btn--row{margin-top: 40px; text-align: center;}
.main--sec .main--sec--bot--btn--row .load--more--btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px;}
.main--sec .main--sec--bot--btn--row .load--more--btn::after{content: ''; display: block; background-image: url('/assets/img/ico/arr-right-666_6x12.png'); width: 6px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain;}
.main--sec .title--normal + .filter--btn--group{padding:10px 0 35px}

.prod--type--normal{display: flex; flex-flow: row wrap; gap: 51px;}.prod--type--normal .prod--item{width: calc((100% - 51px * 3) / 4);}/* 썸네일 수정 2023-11-01 */
.prod--type--normal .prod--item{position: relative;}
.prod--type--normal .prod--item .prod--thumb{border-radius:12px; overflow: hidden; position: relative; border:1px solid #eee;}/* 썸네일 수정 2023-11-01 */
.prod--type--normal .prod--item .prod--thumb > img{width: 100%; object-fit: cover; aspect-ratio: 1/1;}
.prod--type--normal .prod--item .prod--thumb .prod--rating--label{width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background-color: var(--colorMain3); border-radius: 10px 0; color: #fff; font-size: 19px; letter-spacing: -0.01em; font-weight: 500; position: absolute; top: 0; left: 0;}
.prod--type--normal .prod--item .prod--thumb .cart--btn{position: absolute; right: 12px; bottom: 12px; background-image: url('/assets/img/ico/ico-cart-circle-succ.png'); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 50; width: 38px; height: 38px;}
.prod--type--normal .prod--item .prod--thumb .prod--thumb--warn{padding: 12px 0; background-color: rgba(0,0,0,0.6); color: #fff; font-size: 22px; font-weight: 500; text-align: center; position: inherit; position: absolute; bottom: 0; left: 0; right: 0; z-index: 70;}
.prod--type--normal .prod--item .prod--desc{margin-top: 12px; text-align: center;}
.prod--type--normal .prod--item .prod--desc .prod--subtitle {font-size:14px; color:#777; text-align: center;letter-spacing: -1.48px;}/* 제품리스트 서브카피 2023-11-01 */
.prod--type--normal .prod--item .prod--desc .prod--title{font-size: 17px; line-height: 22px; height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: center; padding:0 20px; font-weight:500;}/* 텍스트 정렬 2023-11-01 */
.prod--type--normal .prod--item .prod--desc .prod--price--info{margin-top: 5px; display: flex; gap: 5px; align-items: flex-end;}
.prod--type--normal .prod--item .prod--desc .prod--price--info .prod--price--discount{font-size: 19px; color: var(--colorPoint); font-weight: 600; letter-spacing: -0.01em;}
.prod--type--normal .prod--item .prod--desc .prod--price--info .prod--price--total .value{font-size: 19px; font-weight: 600; letter-spacing: -0.01em;}
.prod--type--normal .prod--item .prod--desc .prod--price--info .prod--price--total .unit{font-size: 14px; letter-spacing: -0.01em;}
.prod--type--normal .prod--item .prod--desc .prod--price--info .prod--price--origin{font-size: 15px; font-weight: 300; letter-spacing: -0.01em; text-decoration: line-through; color: #888;}
.prod--type--normal .prod--item .prod--desc .prod--label--group{margin-top:7px; display: flex; flex-flow: row wrap;  gap: 2px 5px; justify-content: center;}/* 아이콘수정 2023-11-01 */
.prod--type--min{display: flex; flex-flow: row wrap; gap: 6px 10px;}
.prod--type--min .prod--min--item{width: calc((100% - 10px) / 2); display: flex; position: relative;}
.prod--type--min .prod--min--item .prod--min--thumb{width: 50px; height: 50px; border-radius: 5px; overflow: hidden;}
.prod--type--min .prod--min--item .prod--min--thumb img{display: block; width: 100%; height: 100%; object-fit: cover;}
.prod--type--min .prod--min--item .prod--min--desc{width: calc(100% - 50px); padding-left: 13px;}
.prod--type--min .prod--min--item .prod--min--desc .prod--min--title{font-size: 14px; letter-spacing: -0.01em; line-height: 17px; height: 34px; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.prod--type--min .prod--min--item .prod--min--desc .prod--min--price{color: #000; font-weight: 500; letter-spacing: -0.01em; font-size: 14px;}
.prod--type--min.info--single .prod--min--item{align-items: center;}
.prod--type--min.info--single .prod--min--item .prod--min--desc .prod--min--title{font-size: 14px; letter-spacing: -0.01em; margin-bottom: 0;}
.prod--type--list .prod--item + .prod--item{margin-top: 14px;}
.prod--type--list .prod--item{display: flex; align-items: center; gap: 13px;}
.prod--type--list .prod--item .prod--thumb{width: 50px; height: 50px; border-radius: 5px; overflow: hidden;}
.prod--type--list .prod--item .prod--thumb img{width: 100%; height: 100%; object-fit: cover;}
.prod--type--list .prod--item .prod--desc{width: calc(100% - 50px - 13px);}
.prod--type--list .prod--item .prod--desc .prod--title{font-size: 14px; letter-spacing: -0.01em;}
.prod--type--list .prod--item .prod--desc .prod--options{margin-top: 3px; font-size: 12px; letter-spacing: -0.01em; color: #999;}
.prod--type--list .prod--item .prod--desc .prod--price{margin-top: 3px; letter-spacing: -0.01em; font-size: 14px; font-weight: 600; color: #000;}

.prod--card--item{display: flex; height: 290px;}
.prod--card--item .prod--thumb{border-radius: 10px; overflow: hidden; position: relative; width: 577px; height: 290px;}
.prod--card--item .prod--thumb > img{width: 100%; object-fit: cover; height: 100%;}
.prod--card--item .prod--desc{margin-left: -8px; width: calc(100% - 577px + 8px); border: 1px solid #eee; border-radius: 0 10px 10px 0; padding: 33px 44px 36px 53px; display: flex; flex-direction: column;}
.prod--card--item .prod--desc .prod--card--time{background-color: #515151; border-radius: 10px; height: 52px; padding: 0 24px; display: flex; align-items: center;}
.prod--card--item .prod--desc .prod--card--time .time--label{font-size: 18px; letter-spacing: -0.02em; font-weight: 500; color: #fff;}
.prod--card--item .prod--desc .prod--card--time .time--cnt{font-size: 24px; letter-spacing: 0.05em; font-weight: 700; color: #fff; margin-left: auto; display: flex; align-items: center;}
.prod--card--item .prod--desc .prod--card--time .time--cnt::before{content:''; display: block; width: 18px; height: 18px; background-image: url('/assets/img/ico/ico-clock-solid-white.png'); background-position: center; background-repeat: no-repeat; background-size: contain; margin-right: 11px;}
.prod--card--item .prod--desc .prod--title{font-size: 17px; line-height: 22px; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 35px;}
.prod--card--item .prod--desc .prod--price--info{margin-top: 5px; display: flex; gap: 5px; align-items: flex-end;}
.prod--card--item .prod--desc .prod--price--info .prod--price--discount{font-size: 19px; color: var(--colorPoint); font-weight: 600; letter-spacing: -0.01em;}
.prod--card--item .prod--desc .prod--price--info .prod--price--total .value{font-size: 19px; font-weight: 600; letter-spacing: -0.01em;}
.prod--card--item .prod--desc .prod--price--info .prod--price--total .unit{font-size: 14px; letter-spacing: -0.01em;}
.prod--card--item .prod--desc .prod--price--info .prod--price--origin{font-size: 15px; font-weight: 300; letter-spacing: -0.01em; text-decoration: line-through; color: #888;}
.prod--card--item .prod--desc .prod--label--group{margin-top: 10px; display: flex; flex-flow: row wrap;  gap: 2px 5px;}
.prod--card--item .prod--desc .cart--btn{background-image: url('/assets/img/ico/ico-cart-circle-succ.png'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 38px; height: 38px; margin-top: auto; margin-left: auto;}

.review--group--list{display: flex; gap: 15px; flex-flow: row wrap;}
.review--group--list .review--item{display: flex; border: 1px solid #eee; padding: 10px; border-radius: 5px; width:calc((100% - 15px * 2) / 3); position: relative;}
.review--group--list .review--item .review--thumb{width: 120px; height: 120px; overflow: hidden; border-radius: 5px; margin-right: 20px;}
.review--group--list .review--item .review--desc{width: calc(100% - 120px - 20px);}
.review--group--list .review--item .review--desc .review--info{margin-top: 5px;}
.review--group--list .review--item .review--desc .review--info .review--info--item{font-size: 13px; color: #999; letter-spacing: -0.01em; font-weight: 300;}
.review--group--list .review--item .review--desc .review--info .review--info--item + .review--info--item{position: relative; padding-left: 10px; margin-left: 10px;}
.review--group--list .review--item .review--desc .review--info .review--info--item + .review--info--item::before{content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: #eee; width: 1px; height: 10px;}
.review--group--list .review--item .review--desc .review--desc--inn{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; font-size: 14px; line-height: 18px; max-height: calc(18px * 4);}


/* MO_1차수정_수정내용_20230709 */
.toast--popup{position: fixed; top: 50%; left:50%; transform: translate(-50%,-50%); background-color: rgba(0, 0, 0, 0.75); color: #fff; border-radius: 10px; z-index: 9999999999999999999999999999999999; width: 500px;}
/* MO_1차수정_수정내용_20230709 */
.toast--popup .toast--popup--subject{text-align: center; font-size: 17px; padding: 20px;}

.floating--content{position: absolute; left: 102%; top: 0; z-index: 5;}/* 2023-11-01 */
.floating--content > * + *{margin-top: 10px;}
.floating--content .floating--content--recent{border-radius: 10px; border: 1px solid #eee; background-color: #fff; padding: 14px 0 18px; width: 90px;}
.floating--content .floating--content--recent .floating--subject{font-size: 13px; letter-spacing: -0.02em; text-align: center;}
.floating--content .floating--content--recent .floating--subject b{font-weight: 600;}
.floating--content .floating--content--recent .floating--subject:first-child:last-child{margin: -6px 0 -8px;}
.floating--content .floating--content--recent .floating--prod--group{margin: 9px 0 10px; padding: 0 10px;}
.floating--content .floating--content--recent .floating--prod--group .floating--prod--item{border-radius: 5px; overflow: hidden; display: none;}
.floating--content .floating--content--recent .floating--prod--group .floating--prod--item.active{display:block;}
.floating--content .floating--content--recent .floating--prod--group .floating--prod--item + .floating--prod--item{margin-top: 10px;}
.floating--content .floating--content--recent .floating--prod--group .floating--prod--item:nth-child(3n+1){margin-top: 0;}
.floating--content .floating--content--recent .floating--prod--group .floating--prod--item img{width: 100%; aspect-ratio: 1/1; object-fit: cover;}
.floating--content .floating--content--recent .floating--pager{display: flex; align-items: center; padding: 0 9px;}
.floating--content .floating--content--recent .floating--pager .floating--page--cnt{margin: 0 auto; font-size: 12px; color: #777;}
.floating--content .floating--content--recent .floating--pager [class^="floating--page--control--"]{width: 20px; height: 20px; border-radius: 5px; border: 1px solid #eee; position: relative; background-image: url('/assets/img/ico/arr-right-666_6x12.png'); background-size: 4px auto; background-repeat: no-repeat; background-position: center;}
.floating--content .floating--content--recent .floating--pager .floating--page--control--prev{transform: rotate(180deg);}
.floating--content .floating--bnr{display: block; width:45px; height:45px; background-color: #257CED; color:#fff; text-align: center; border-radius:50%; font-size:12px; line-height:3.9; box-shadow: 2px 2px 3px #888;}/* 2023-11-01 */
.floating--content .top--scroll--btn{display: flex; width:45px; height:45px; border-radius:50%; border: 1px solid #eee; background:#fff url(/assets/img/ico/ico_arr_top.png) no-repeat 50% 50%;}/* 2023-11-01 */
/* .floating--content .top--scroll--btn::before{content: ''; display: block; width: 14px; height: 8px; background-repeat: no-repeat; background-position: center; background-size: contain; margin-top: -4px; margin-right: 4px;} *//* 2023-11-01 */

.bnr--block{display: block;}
.bnr--block img{width: 100%;}

.sub--layout .sub--top{padding: 40px 0 30px;}
.sub--layout .sub--top.top--sm{padding-bottom: 20px;}
.sub--layout .sub--top .bnr--block + .filter--btn--group{margin-top: 20px;}
.sub--layout .sub--top .bnr--block + .sub--top--tab--btn--row{margin-top: 30px;}
.sub--layout .sub--top .bnr--block + .btn--right--arr{margin-top: 24px; margin-bottom: 20px;}

.sorting--row{display: flex; align-items: flex-end; padding-bottom: 8px; border-bottom: 1px solid #ddd; margin:50px 0 15px;}/* 20230806 마진수정 */
.sorting--row .sorting--cnt{font-size: 13px; color: #777;}
.sorting--row .sorting--title{font-size: 15px; font-weight: 400; color: #444; letter-spacing: -0.02em;}
.sorting--row .sorting--left .select--item .selected--text{height: 30px; font-size: 12px; font-weight: 500;}
.sorting--row .sorting--left .select--item .btn--md{height: 30px; padding: 7px 18px; border-radius: 5px;}
.sorting--row .sorting--right{margin-left: auto;}
.sorting--row .sorting--control--group{display: flex;}
.sorting--row .sorting--control--group .sorting--control--item{margin-left: 16px; padding-left: 16px; font-size: 13px; letter-spacing: -0.04em; color: #555; position: relative;}
.sorting--row .sorting--control--group .sorting--control--item:first-child{padding-left: 0; margin-left: 0;}
.sorting--row .sorting--control--group .sorting--control--item + .sorting--control--item::before{content: ''; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 12px; background-color: #eee; transform: translateY(-50%);}
.sorting--row .sorting--control--group .sorting--control--item.active{color: var(--colorMain1); font-weight: 600;}
.filter--btn--group + .sorting--row{margin-top: 20px;}

.pagination--wrap{display: flex; justify-content: center; align-items: center;}
.pagination--wrap .pagination--prev,
.pagination--wrap .pagination--next{width: 6px; height: 12px; background-image: url('/assets/img/ico/arr-left-333_6x12.png'); display: block; background-repeat: no-repeat; background-size: contain; background-position: center;}
.pagination--wrap .pagination--next{transform: rotate(180deg); margin-left: 37.5px;}
.pagination--wrap .pagination--prev{margin-right: 37.5px;}
.pagination--wrap .pagination--numb--group{display: flex; gap: 20px;}
.pagination--wrap .pagination--numb--group .pagination--numb{font-size: 18px; font-weight: 300; color: #999; line-height: 1;}
.pagination--wrap .pagination--numb--group .pagination--numb.active{color: #333; font-weight: 600; border-bottom: 2px solid;}
.pagination--wrap--mo {display:none;}

.prod--type--normal + .pagination--wrap{margin-top: 50px;}

.guidance--content{padding-top: 40px; margin-bottom: -20px;}
.guidance--content .guidance--img{width: 100%;}
.guidance--content .guidance--btn--row{padding: 35px 0 50px; text-align: center;}
.guidance--content .guidance--btn--row.guidance--btn--gift .btn--basic{display: inline-flex; align-items: center; justify-content: center;}
.guidance--content .guidance--btn--row.guidance--btn--gift .btn--basic::before{content:''; display: block; width: 18px; height: 18px; background-image: url('/assets/img/ico/ico-gift-solid-white.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 7px;}
.guidance--content .guidance--btn--row.guidance--btn--house .btn--basic{width: 550px; display: inline-flex; align-items: center; justify-content: center;}
.guidance--content .guidance--btn--row.guidance--btn--house .btn--basic::after{content: ''; display: block; width: 20px; height: 20px; background-image: url('/assets/img/ico/ico-arr-circle-point.png'); background-position: center; background-size: contain; background-repeat: no-repeat; margin-left: 7px;}
.guidance--content .guidance--notice--wrap{padding-top: 20px; border-top: 1px solid #eee;}
.guidance--content .guidance--notice--wrap .guidance--notice--subject{font-size: 15px; color: #555; font-weight: 600; line-height: 18px; margin-bottom: 10px;}
.guidance--content .guidance--notice--wrap .guidance--notice--desc{font-size: 14px; color: #777; font-weight: 300; line-height: 17px;}
.guidance--content .guidance--notice--wrap .guidance--notice--desc li{padding-left: 20px; position: relative;}
.guidance--content .guidance--notice--wrap .guidance--notice--desc li + li{margin-top: 5px;}
.guidance--content .guidance--notice--wrap .guidance--notice--desc li::before{content: ''; display: block; width: 2px; height: 2px; background-color: #777; border-radius: 50%; position: absolute; top: calc(17px / 2); left: calc(20px / 2); transform: translate(-50%,-50%);}

.purchase--wrapper{display: flex; padding-top: 40px; align-items: flex-start;}
.purchase--wrapper .purchase--form--wrap{width: 500px;}
.purchase--wrapper .purchase--form--wrap .purchase--head{font-size: 22px; line-height: 18px; letter-spacing: -0.04em; border-bottom: 1px solid #aaa; padding-bottom: 20px; font-weight: 500;}
.purchase--wrapper .purchase--form--wrap .purchase--sec{padding-top: 25px;}
.purchase--wrapper .purchase--form--wrap .purchase--sec .purchase--sec--inner--container{padding: 0 17px;}
.purchase--wrapper .purchase--form--wrap .purchase--sec + .purchase--sec{border-top: 1px solid #eee; margin-top: 25px;}
.purchase--wrapper .purchase--form--wrap .purchase--sec .purchase--sec--title{font-size: 18px; font-weight: 500; margin-bottom: 10px; position: relative;}
.purchase--wrapper .purchase--form--wrap .purchase--sec .purchase--sec--title .sec--title--right--btn{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.purchase--wrapper .purchase--form--wrap .purchase--sec .purchase--sec--title + [class^="info--"]{margin-top: -5px; margin-bottom: 20px;}
.purchase--wrapper .purchase--form--wrap .purchase--sec .purchase--sec--title .purchase--sec--title--inn{font-size: 13px; color: #777; font-weight: 300; letter-spacing: -0.04em; margin-left: 12px;}
.purchase--wrapper .purchase--total{margin-left: 50px; width: calc(100% - 500px - 50px);}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row{display: flex;}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row + .purchase--form--row{margin-top: 8px;}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row + .purchase--form--row.row--readonly,
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row.row--readonly + .purchase--form--row{margin-top: 10px;}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row .purchase--form--head{width: 110px; padding-right: 10px; line-height: 38px; color: #777; font-size: 15px;}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row .purchase--form--desc{width: calc(100% - 110px - 10px);}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row .purchase--form--desc .purchase--form--row--inner{display: flex; gap: 5px;}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row .purchase--form--desc .purchase--form--row--inner .btn--md{min-width: 90px;}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row .purchase--form--desc .purchase--form--row--inner + .purchase--form--row--inner{margin-top: 8px;}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row.row--double--cell .purchase--form--head{width: 60px;}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row.row--double--cell .purchase--form--inn{width: 100px; line-height: 38px; font-size: 15px; font-weight: 500; letter-spacing: -0.04em;}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row.row--double--cell .purchase--form--desc{width: calc(100% - 60px - 100px);}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row.row--double--cell .purchase--form--desc .btn--md{width: auto; min-width: 70px; padding-left: 12px; padding-right: 12px; border-radius: 5px;}
.purchase--wrapper .purchase--sec--form--bot{margin-top: 16px; padding-top: 13px; border-top: 1px solid #eee;}
.purchase--wrapper .purchase--sec--form--bot .purchase--sec--form--bot--desc{font-size: 12px; font-weight: 300; letter-spacing: -0.04em; line-height: 18px; color: #777;}
.purchase--wrapper .purchase--sec--form--bot .purchase--sec--form--bot--bnr{margin-top: 25px; display: block;}
.purchase--wrapper .purchase--form--top{padding-bottom: 15px; display: flex; align-items: center;}
.purchase--wrapper .purchase--form--top .purchase--form--top--btn{display: flex; margin-left: auto;}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row.row--readonly .purchase--form--head,
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row.row--readonly .purchase--form--desc{line-height: 18px;}
.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row.row--readonly .purchase--form--desc{font-size: 15px; font-weight: 500;}
.card--container{height: 449px; height: 449px; display: flex; gap: 15px;}
.card--form .card--input--wrap{width: 415px; height: 100%; border-radius: 10px; border: 1px solid #f0f0f0; background-color: #fff; padding: 27px 32px 24px;}
.card--form .card--input--wrap .card--img--wrap{width: 100%; height: 198px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 15px; position: relative; margin-bottom: 25px;}
.card--form .card--input--wrap .card--img--wrap img{width: 100%; height: 100%; object-fit: cover;}
.card--form .card--input--wrap .card--img--wrap::before,
.card--form .card--input--wrap .card--img--wrap::after{content: ''; display: block; position: absolute; top: 0; left: 0; width: 48px; height: 48px; background-color: #fff; transform: translate(-50%,-50%); border-radius: 50%;}
.card--form .card--input--wrap .card--img--wrap::after{top: 100%; left: 100%;}
.card--form .card--input--wrap .card--input--cell .card--input{resize: none; overflow: hidden; width: 100%; background-color: transparent;border: 0; padding: 0; line-height: 38px; height: calc(38px * 4); background-image: url('/assets/img/common/card-input-bg.png'); background-repeat: repeat; background-size: auto 38px; background-position: top left; text-align: center; font-size: 18px; -webkit-animation: 400; outline: none;}
.card--form .card--input--wrap .card--input--cell .card--input--bot{color: #777; font-size: 13px; font-weight: 300; text-align: right; margin-top: 6px;}
.card--selector{display: flex; flex-flow: column wrap; max-width: calc(100% - 415px - 15px); height: 100%; gap: 17px 10px;}
.card--selector .card--select--btn{width: 134px; height: calc((100% - 17px * 4) / 5);}
.card--selector .card--select--btn img{width: 100%; height: 100%; object-fit: cover;}
.container .purchase--wrapper .purchase--form--wrap{width: 830px;}
.container .purchase--wrapper .purchase--total{width: calc(100% - 830px - 50px);}
.container .purchase--wrapper .purchase--form--top .purchase--form--top--btn{float: left;}
.container .purchase--wrapper .purchase--form--wrap .purchase--form .purchase--form--row{width: 415px;}
.container .purchase--wrapper .purchase--form--wrap .purchase--form .purchase--form--row.row--double--cell{width: 489px;}
.container .purchase--wrapper .purchase--form--wrap .purchase--sec{padding-top: 20px;}
.container .purchase--wrapper .purchase--form--wrap .purchase--sec + .purchase--sec{margin-top: 20px;}

.survey--wrapper + .survey--wrapper{margin-top: 24px;}
.survey--wrapper .survey--title{font-size: 15px; font-weight: 500; color: #333; margin-bottom: 12px;}
.survey--wrapper .survey--title .survey--title--inn{font-weight: 300; font-size: 12px;}

.purchase--total .purchase--total--box{border-radius: 10px; background-color: #f6f8fc; padding: 20px 25px 24px; margin-top: 39px;}
.purchase--total .purchase--total--box .purchase--total--subject{font-size: 18px; font-weight: 600; margin-bottom: 18px;}
.purchase--total .purchase--total--box .purchase--total--row{display: flex; align-items: flex-end;}
.purchase--total .purchase--total--box .purchase--total--row + .purchase--total--row{margin-top: 10px;}
.purchase--total .purchase--total--box .purchase--total--row .purchase--total--head{font-size: 15px; color: #666; letter-spacing: -0.01em;}
.purchase--total .purchase--total--box .purchase--total--row .purchase--total--desc{margin-left: auto; font-size: 15px; font-weight: 500;}
.purchase--total .purchase--total--box .purchase--total--row.row--last .purchase--total--head{color: var(--colorPoint);}
.purchase--total .purchase--total--box .purchase--total--row.row--last .purchase--total--desc{color: var(--colorPoint); font-size: 20px; font-weight: 600;}
.purchase--total .purchase--agreement{margin-top: 10px;}
.purchase--total .purchase--agreement::after{content: ''; display: block; clear: both;}
.purchase--total .purchase--agreement .chk--custom .chk--txt{font-size: 15px; letter-spacing: -0.02em;}
.purchase--total .purchase--agreement .btn--under{float: right; display: inline-block; margin-top: 4px;}
.purchase--total .purchase--submit{margin-top: 18px;}


.purchase--result{width: 780px; margin: auto; padding-top: 40px;}
.purchase--result .result--title{font-size: 22px; font-weight: 500; line-height: 18px; letter-spacing: -0.04em; margin-bottom: 21px;}
.purchase--result .result--sec--title{font-size: 18px; font-weight: 500; margin-bottom: 15px;}
.purchase--result .result--bnr--wrap{display: block; margin-bottom: 30px;}
.purchase--result .result--info--tab{display: flex; gap: 80px;}
.purchase--result .result--info--tab .result--info--tab--inn{width:100%;}
.purchase--result .result--info--tab .result--info--tab--inn + .result--info--tab--inn{position: relative;}
.purchase--result .result--info--tab .result--info--tab--inn + .result--info--tab--inn::before{content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -40px; width: 1px; background-color: #eee;}
.purchase--result .result--info--content .result--info--row{display: flex;}
.purchase--result .result--info--content .result--info--row + .result--info--row{margin-top: 10px;}
.purchase--result .result--info--content .result--info--row .result--info--head{font-size: 15px; color: #777; width: 90px;}
.purchase--result .result--info--content .result--info--row .result--info--desc{width: calc(100% - 90px); font-size: 15px; font-weight: 500;}
.purchase--result .result--info--content.info--price .result--info--row .result--info--head{width: auto; font-size: 15px; color: #777; font-weight: 400;}
.purchase--result .result--info--content.info--price .result--info--row .result--info--desc{width: auto; margin-left: auto; letter-spacing: -0.01em;}
.purchase--result .result--info--content.info--price .result--info--row.row--last{margin-top: 20px; align-items: center;}
.purchase--result .result--info--content.info--price .result--info--row.row--last .result--info--head{color: #333;}
.purchase--result .result--info--content.info--price .result--info--row.row--last .result--info--desc{font-weight: 600; letter-spacing: -0.01em; font-size: 20px;}
.purchase--result .result--prod--wrap{margin-top: 36px; border-top: 1px solid #eee; padding-top: 28px;}
.purchase--result .result--prod--wrap .result--sec--title{margin-bottom: 10px;}
.purchase--result .result--bot--btn--row{display: flex; align-items: center; justify-content: center; margin-top: 33px; padding-top: 30px; border-top: 1px solid #eee; gap: 7px;}
.purchase--result .result--bot--btn--row .btn--lg{border-radius: 5px; min-width: 180px; padding: 15px 13px 14px 12px; font-size: 16px; line-height: 19px;}
.purchase--result .gift--purchase--tab{display: flex; gap: 45px;}
.purchase--result .gift--purchase--tab .gift--purchase--result--info{width: 415px; margin-right: 45px;}
.purchase--result .gift--purchase--tab .gift--purchase--result--info .gift--purchase--info--sec{border-bottom: 1px solid #eee; padding-bottom: 20px;}
.purchase--result .gift--purchase--tab .gift--purchase--result--info .gift--purchase--info--sec + .gift--purchase--info--sec{margin-top: 20px;}
.purchase--result .gift--purchase--tab .gift--purchase--value--tab{width: calc(100% - 415px - 45px); border: 1px solid #eee; border-radius: 5px; padding: 18px 30px 10px 26px;}
.purchase--result .gift--purchase--tab .result--info--content.info--price .result--info--row.row--last .result--info--head{font-size: 17px;}
.purchase--result .gift--purchase--tab + .result--bot--btn--row{border-top: 0; margin-top: 30px; padding-top: 0;}

.gift--recieve .gift--recieve--top .gift--recieve--head{display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 500; margin-bottom: 14px;}
.gift--recieve .gift--recieve--top .gift--recieve--head::before{content: ''; display: block; width: 16px; height: 16px; background-image: url('/assets/img/ico/ico-gift-solid-primary.png'); width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 6px;}
.gift--recieve .card--container{margin-bottom: 40px;}
.gift--recieve .card--container.card--readonly .card--form .card--input--wrap .card--input--cell .card--input{white-space: pre-line;}
.gift--recieve .card--container .card--form .card--input--wrap{width: 100%; padding: 24px 28px 20px; height: auto;}
.gift--recieve .card--container .card--form .card--input--wrap .card--input--cell .card--input{background-size: auto 34px; line-height: 34px; height: calc(34px * 4);}

.gift--recieve.purchase--wrapper .purchase--form--wrap .purchase--sec{padding-top: 0;}
.gift--recieve.purchase--wrapper .purchase--form--wrap .purchase--sec + .purchase--sec{margin-top: 30px; padding-top: 30px;}
.gift--recieve.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row .purchase--form--head{width: 72px; color: #333; font-size: 14px;}
.gift--recieve.purchase--wrapper .purchase--sec--inn .purchase--form .purchase--form--row .purchase--form--desc{width: calc(100% - 72px);}
.gift--recieve .result--bot--btn--row{padding: 0 17px; margin-top: 20px; display: flex; gap: 6px;}
.gift--recieve .result--bot--btn--row .btn--lg{border-radius: 5px; padding: 14px 30px; font-size: 14px; font-weight: 400;}

.prod--type--thumb .prod--item{display: flex; position: relative;}
.prod--type--thumb .prod--item + .prod--item{margin-top: 30px;}
.prod--type--thumb .prod--item .prod--thumb{width: 80px; height: 80px; border-radius: 5px; overflow: hidden; margin-right: 13px;}
.prod--type--thumb .prod--item .prod--thumb img{width: 100%; height: 100%; object-fit: cover;}
.prod--type--thumb .prod--item .prod--desc{width: calc(100% - 80px - 13px);}
.prod--type--thumb .prod--item .prod--desc .prod--title{font-size: 15px; font-weight: 500; letter-spacing: -0.01em; margin-bottom: 5px;}
.prod--type--thumb .prod--item .prod--desc .prod--options{font-size: 13px; letter-spacing: -0.01em; color: #999; margin-bottom: 14px;}
.prod--type--thumb + [class^="info--"]{margin-top: 10px;}

.purchase--agreement{margin-top: 20px;}
.purchase--agreement .chk--custom + .purchase--agreement--provide{margin-top: 10px;}
.purchase--agreement .purchase--agreement--provide{padding: 14px 16px;  border: 1px solid #eee; border-radius: 5px; overflow: auto; height: calc(16px * 4 + 14px * 2); color: #777; white-space: pre-line; font-size: 12px;}
.purchase--agreement .purchase--agreement--bot{font-size: 12px; font-weight: 300; margin-top: 6px;}

.gift--recieve--result{text-align:center; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee;}
.gift--recieve--result .gift--recieve--result--ico{margin-bottom: 4px;}
.gift--recieve--result .gift--recieve--subject{font-size: 18px; color: #4150b9; font-weight: 600; letter-spacing: -0.01em;}
.gift--recieve--result .gift--recieve--desc{font-size: 13px; color: #777; letter-spacing: -0.01em; margin-top: 5px;}

.bbs--gallery--list{display: flex; flex-flow: row wrap; gap: 30px;}
.bbs--gallery--list .bbs--gallery--item{width: calc((100% - 30px * 2)/ 3); position: relative;}
.bbs--gallery--list .bbs--gallery--item .bbs--gallery--thumb{width: 100%; height: 200px; background-color: #d9d9d9; border-radius: 10px; overflow: hidden;}
.bbs--gallery--list .bbs--gallery--item .bbs--gallery--thumb img{width: 100%; height: 100%; object-fit: cover;}
.bbs--gallery--list .bbs--gallery--item .bbs--gallery--desc{margin-top: 13px;}
.bbs--gallery--list .bbs--gallery--item .bbs--gallery--desc .bbs--gallery--title{ font-size: 20px; font-weight: 500; line-height: 24px;}
.bbs--gallery--list .bbs--gallery--item .bbs--gallery--desc .bbs--gallery--sub--info{margin-top: 5px;}
.bbs--gallery--list .bbs--gallery--item .bbs--gallery--desc .bbs--gallery--sub--info .sub--info--item{font-size: 14px; color: #777; line-height: 17px;}

.tab--btn--group{display: flex;}
.tab--btn--group .tab--btn--item{display: flex; align-items: center; justify-content: center; height: 60px; border: 1px solid #ddd; width: 100%; border-bottom: 2px solid var(--colorMain1); background-color: #fff; position: relative; z-index: 1; font-size: 20px; letter-spacing: -0.04em; color: #555;}
.tab--btn--group .tab--btn--item + .tab--btn--item{margin-left: -1px;}
.tab--btn--group .tab--btn--item b{margin-left: 5px;}
.tab--btn--group .tab--btn--item.active{border: 2px solid var(--colorMain1); border-bottom: 2px solid #fff; z-index: 2; color: var(--colorMain1); font-weight: 700;}
.tab--btn--group .floating--label{position: relative; display: block; padding: 3px 7px 3px 10px; color: #fff; font-size: 13px ;font-weight: 600; background-color: var(--colorPoint); border-radius: 3px; margin-left: 15px;}
.tab--btn--group .floating--label::before{content: ''; display: block; width: 12px; height: 12px; background-image: url('/assets/img/ico/ico-union-arr.png'); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; top: 50%; transform: translate(-50%,-50%);}

.view--top{padding-top: 40px; padding-bottom: 30px;}
.view--top .view--top--head{padding-bottom: 15px; border-bottom: 1px solid #aaa; font-size: 20px; letter-spacing: -0.01em; font-weight: 600;}
.view--top .view--top--wrapper .view--top--subject{display: flex; align-items: center; height: 65px; border-bottom: 1px solid #eee; margin-bottom: 10px;}
.view--top .view--top--wrapper .view--top--subject .view--top--title{font-size: 20px; font-weight: 500;}
.view--top .view--top--wrapper .view--top--subject .view--top--date{margin-left: auto; color: #777; font-size: 14px;}
.view--top .view--top--wrapper .view--top--visual{width: 100%; background-color: #d9d9d9; border-radius: 10px;}
.view--top .view--top--wrapper .view--top--visual img{width: 100%}
.sub--layout .sub--content .view--content--title{font-size: 24px; letter-spacing: -0.02em; font-weight: 500; margin-bottom: 15px;}

.sorting--row + .prod--type--row{margin-top: -15px;}
.prod--type--row .prod--item{padding: 25px 0; display: flex; position: relative;}
.prod--type--row .prod--item + .prod--item{border-top: 1px solid #eee;}
.prod--type--row .prod--item .prod--thumb{width: 150px; height: 150px; border-radius: 10px; overflow: hidden; margin-right: 30px; position: relative;}
.prod--type--row .prod--item .prod--thumb img{width: 100%; height: 100%; object-fit: cover;}
.prod--type--row .prod--item .prod--thumb .prod--thumb--alert{position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 39px; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.6); font-size: 17px; font-weight: 500; color: #fff;}
.prod--type--row .prod--item .prod--desc{width: calc(100% - 150px - 30px);}
.prod--type--row .prod--item .prod--title{display: flex; align-items: center;}
.prod--type--row .prod--item .prod--title .prod--title--inn{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 500; margin-right: 18px; max-width: 100%;}
.prod--type--row .prod--item .prod--title img + img{margin-left: 4px;}
.prod--type--row .prod--item .prod--title + .prod--option--row{margin-top: 21px;}
.prod--type--row .prod--item .prod--option--row{display: flex; align-items: center;}
.prod--type--row .prod--item .prod--option--row .tooltip--wrap{margin-left: 40px; position: relative;}
.prod--type--row .prod--item .prod--option--row .tooltip--wrap .tooltip--trigger{ width: 18px; height: 18px; display: block; background-image: url('/assets/img/ico/ico-pointer-solid.png'); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.prod--type--row .prod--item .prod--option--row .tooltip--wrap .tooltip--float{position: absolute; left: -125px; bottom: calc(100% + 26px); width: 355px; background-color: rgba(0, 0, 0, 0.7); border-radius: 5px; padding: 11px 11px 11px 18px; color: #fff; font-size: 13px; font-weight: 400; display: none;}
.prod--type--row .prod--item .prod--option--row .tooltip--wrap .tooltip--float::before{content: ''; display: block; width: 10px; height: 5px; position: absolute; background-image: url('/assets/img/ico/ico-union-bot-arr.png'); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; top: 100%; left: calc(125px + 18px / 2); transform: translateX(-50%);}
.prod--type--row .prod--item .prod--option--row .tooltip--wrap:hover .tooltip--float{display: block;}
.prod--type--row .prod--item .prod--option--row .prod--option--selector{display: flex; gap: 15px;}
.prod--type--row .prod--item .prod--option--row .prod--option--selector div.select--item .selected--text{height: 40px;}
.prod--type--row .prod--item .prod--option--row .prod--option--selector div.select--item:nth-of-type(1){width: 390px;}
.prod--type--row .prod--item .prod--option--row .prod--option--selector div.select--item:nth-of-type(2){width: 150px;}
.prod--type--row .prod--item .prod--option--row .prod--option--selector div.select--item:nth-of-type(3){width: 150px;}
.prod--type--row .prod--item .prod--option--row .chk--btn--list{margin-left: 12px; flex-flow: row nowrap; gap: 5px; width: 100%;}
.prod--type--row .prod--item .prod--option--row .chk--btn--list .chk--btn--item{width: 100%;}
.prod--type--row .prod--item .prod--option--row .chk--btn--list .chk--btn{width: 100%}
.prod--type--row .prod--item .prod--option--row .chk--btn--list .chk--btn .chk--btn--inn{padding-left: 0; padding-right: 0; width: 100%; text-align: center;}
.prod--type--row .prod--item .prod--price--row{height: 57px; display: flex; background-color: #f5f5f5; border-radius: 5px; margin-top: 15px;}
.prod--type--row .prod--item .prod--price--row .prod--price--desc{width: 100%; display: flex; align-items: center; padding: 0 27px;}
.prod--type--row .prod--item .prod--price--row .prod--price--desc.prod--price--option{font-size: 18px; line-height: 28px; letter-spacing: -0.01em; color: #777;}
.prod--type--row .prod--item .prod--price--row .prod--price--desc .prod--price--value{margin-left: auto;}
.prod--type--row .prod--item .prod--price--row .prod--price--desc .prod--price--value .discount{font-size: 22px; color: var(--colorPoint); font-weight: 600; margin-right: 8px;}
.prod--type--row .prod--item .prod--price--row .prod--price--desc .prod--price--value .value{font-style: normal; font-size: 22px; font-weight: 600; letter-spacing: -0.01em;}
.prod--type--row .prod--item .prod--price--row .prod--price--desc .prod--price--value .unit{font-weight: 600; font-size: 15px; letter-spacing: -0.01em; font-style: normal; margin-left: 3px;}
.prod--type--row .prod--item .prod--price--row .prod--price--desc .prod--price--value .prod--price--origin{font-size: 15px; font-weight: 300; letter-spacing: -0.01em; text-decoration: line-through; color: #888; margin-left: 8px;}
.prod--type--row .prod--item .prod--price--row .prod--price--desc .prod--point--value{margin-left: 18px;}
.prod--type--row .prod--item .prod--price--row .prod--price--desc .prod--point--value .value{font-size: 18px; color: #333; font-weight: 500; letter-spacing: -0.01em; font-style: normal;}
.prod--type--row .prod--item .prod--price--row .prod--price--desc .prod--point--value .unit{margin-left: 3px; font-weight: 300; letter-spacing: -0.01em; font-size: 15px; font-style: normal;}
.prod--type--row .prod--item .prod--price--row .prod--price--desc + .btn--basic{margin-left: -5px;}
.prod--type--row .prod--item .prod--price--row .btn--basic{margin-left: -5px; width: 230px; border-radius: 5px;}
.prod--type--row + .pagination--wrap{margin-top: 5px;}
.prod--type--row .chk--custom.chk--single{position: absolute; left: 0; top:25px}


.slide--toggle--modal .slide--toggle--bg{background-color: rgba(0, 0, 0, 0.35); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; display: none;}
.slide--toggle--modal .slide--toggle--content{position: fixed; top:100%; left: 50%; transform: translate(-50%, -46px); z-index: 999999; border-radius: 15px; overflow: hidden; width: 390px; background-color: #fff; transition: top 0.3s, transform 0.3s;}
.slide--toggle--modal .slide--toggle--content .slide--toggle--head{display: flex; background-color: var(--colorMain1); height: 46px; align-items: center; padding: 0 21px; font-size: 15px; color: #fff; font-weight: 500; letter-spacing: -0.01em;}
.slide--toggle--modal .slide--toggle--content .slide--toggle--head::before{content: ''; display: block; width: 18px; height: 18px; background-image: url('/assets/img/ico/ico-checked-marker.png'); background-position: center; background-size: contain; background-repeat: no-repeat; margin-right: 6px;}
.slide--toggle--modal .slide--toggle--content .slide--toggle--head::after{content: ''; display: block; width: 18px; height: 10px; background-image: url('/assets/img/ico/arr-down-fff_18x10.png'); background-repeat: no-repeat; background-position: center; background-size: contain;  margin-left: auto; transform: rotate(180deg); transition: transform 0.3s;}
.slide--toggle--modal .slide--toggle--body{ padding: 15px 17px 25px; position: relative;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--form--row{display: flex;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--form--row + .slide--toggle--form--row{margin-top: 8px;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--form--row .slide--toggle--form--head{width: 100px; line-height: 18px; padding: 10px 0;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--form--row .slide--toggle--form--head .slide--toggle--form--head--txt{font-size: 15px; font-weight: 400;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--form--row .slide--toggle--form--head .slide--toggle--form--head--sub{font-size: 11px; color: #999;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--form--row .slide--toggle--form--desc{width: calc(100% - 100px);}
.slide--toggle--modal .slide--toggle--body .slide--toggle--form--row .slide--toggle--form--desc .slide--toggle--form--row--inner{display: flex; gap: 6px;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--form--row .slide--toggle--form--desc .slide--toggle--form--row--inner + .slide--toggle--form--row--inner{margin-top: 8px;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--form--row .slide--toggle--form--desc .slide--toggle--form--row--inner .btn--md{width: 90px;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--btn--row{margin-top: 20px; display: flex; gap: 6px;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--btn--row .btn--lg{width: 100%; font-size: 15px; font-weight: 400; padding: 14px 30px; border-radius: 5px;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--addr--wrap{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; display: none;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--addr--wrap .slide--toggle--addr--head{height: 46px; display: flex; align-items: center; justify-content: center; position: relative;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--addr--wrap .slide--toggle--addr--head .addr--close{position: absolute; right: 17px; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; background-image: url('/assets/img/ico/ico-cross-333_15px.png');  background-size: contain; background-repeat: no-repeat; background-position: center;}
.slide--toggle--modal .slide--toggle--body .slide--toggle--addr--wrap .slide--toggle--addr--content{height: calc(100% - 46px - 17px); width: calc(100% - 17px * 2); margin: auto;}
.slide--toggle--modal.active .slide--toggle--content{top: 50%; transform: translate(-50%,-50%);}
.slide--toggle--modal.active .slide--toggle--content .slide--toggle--head::after{transform: rotate(0);}


.sub--search--form{padding: 40px 0 30px;}
.sub--search--form .sub--search--title{font-size: 22px; line-height: 18px; letter-spacing: -0.04em; font-weight: 500; margin-bottom: 15px;}
.sub--search--form .sub--search--form--inn{background-color: #fafafa; border-radius: 10px; padding: 20px 10px;}
.sub--search--form .sub--search--form--inn .sub--search--form--row{width: 705px; margin: 0 auto; display: flex; align-items: center;}
.sub--search--form .sub--search--form--inn .sub--search--form--row .radio--custom--list.list--grid--auto{gap: 6px 60px;}
.sub--search--form .sub--search--form--inn .sub--search--form--row .sub--search--selector{display: flex; gap: 7px; margin-left: auto;}
.sub--search--form .sub--search--form--inn .sub--search--form--row div.select--item .selected--text{height: 41px;}
.sub--search--form .sub--search--form--inn .sub--search--form--row div.select--item:nth-of-type(1){width: 186px;}
.sub--search--form .sub--search--form--inn .sub--search--form--row div.select--item.agency--select {width:120px;}/* 20230806너비수정 */
.sub--search--form .sub--search--form--inn .sub--search--form--row .agency--inp--txt {border:1px solid #ddd; border-radius: 5px; padding:10px 15px; font-size: 15px;}/* 20230806인풋추가 */
.sub--search--form .sub--search--form--inn .sub--search--form--row div.select--item:nth-of-type(2){width: 140px;}
.sub--search--form .sub--search--form--inn .sub--search--form--row .btn--md{width: 100px; height: 41px; margin-left: 8px;}

.sorting--row + .addr--list{margin-top: -15px;}
.addr--list .addr--item{padding: 22px 0; border-bottom: 1px solid #eee; display: flex; align-items: center;}
.addr--list .addr--item .addr--content .addr--top{display: flex; gap: 11px;}
.addr--list .addr--item .addr--content .addr--top .addr--name{font-size: 16px; letter-spacing: -0.04em; font-weight: 600;}
.addr--list .addr--item .addr--content .addr--top .addr--numb{font-size: 16px; letter-spacing: -0.04em;}
.addr--list .addr--item .addr--content .addr--info{font-size: 14px; color: #555;}
.addr--list .addr--item .btn--md{margin-left: auto; padding: 10px 25px; font-size: 15px; letter-spacing: -0.02em;}

.no__data--content{text-align: center; font-size: 18px; line-height: 23px; font-weight: 500; padding: 72px 0;}
.no__data--content::before{content: ''; display: block; margin: 0 auto 10px; width: 30px; height: 30px; background-image: url('/assets/img/ico/ico-warn-pointer.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.no__data--content i{font-weight: 400; font-style: normal;}
.no__data--content.data--keyword::before{display: none;}

.modal--layout{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999999999999; display: none;}
.modal--layout .modal--bg{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35);}
.modal--layout .modal--body{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 500px; border-radius: 10px; background-color: #fff; overflow: hidden;}
.modal--layout .modal--body .modal--head{display: flex; align-items: center; height: 52px; padding: 0 20px;}
.modal--layout .modal--body .modal--head .modal--title{font-size: 16px; font-weight: 500; letter-spacing: -0.04em;}
.modal--layout .modal--body .modal--head .modal--close{width: 16px; height: 16px; margin-left: auto; background-image: url('/assets/img/ico/ico-cross-333_15px.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}

.modal--layout .modal--body .modal--head.head--center{position: relative; justify-content: center;}
.modal--layout .modal--body .modal--head.head--center .modal--title{font-size: 18px; font-weight: 600; letter-spacing: -0.01em;}
.modal--layout .modal--body .modal--head.head--center .modal--close{position: absolute; top: 50%; right: 21px; transform: translateY(-50%);}
.modal--layout.modal--xl .modal--body{width: 1000px; overflow: hidden;}
.modal--layout.modal--xl .modal--body .modal--content{width: 100%; max-height: 90vh; overflow: auto;}

.modal--layout.modal--md .modal--body{width: 410px; overflow: hidden;}
.modal--layout.modal--sm .modal--body{width: 370px;}
.modal--layout.modal--lg .modal--body{width: 600px; overflow: hidden;}
.modal--layout.modal--md .modal--body .modal--content{width: 100%; max-height: 90vh; overflow: auto;}
.modal--layout .modal--content--form{padding: 15px 27px 40px;}
.modal--layout .modal--content--form .modal--content--form--cell + .modal--content--form--cell{margin-top: 30px;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--head{margin-bottom: 7px; display: flex; align-items: center; font-size: 16px; letter-spacing: -0.01em; font-weight: 500;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--head .modal--content--form--requ{font-size: 12px; font-weight: 300; letter-spacing: -0.01em; color: #777;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--head .btn--basic{margin-left: auto;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--head--sub{font-size: 12px; font-weight: 300; letter-spacing: -0.01em; color: #777; margin-top: -2px;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--quet{padding: 14px 18px 20px; background-color: #fafafa; border-radius: 5px;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--quet .modal--content--form--quet--top{font-size: 12px; font-weight: 300 ;letter-spacing: -0.01em; color: #999; margin-bottom: 11px;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--quet .modal--content--form--quet--inn{font-size: 14px; font-weight: 300; letter-spacing: -0.01em; color: #000;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--desc .chk--list{margin-top: 18px;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--desc .chk--list:not([class*="chk--grid"]) .chk--item + .chk--item{margin-top: 15px;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--desc .chk--list + textarea.input--comp{margin-top: 10px;}
.modal--layout .modal--content--form .modal--content--form--btn--row{display: flex; gap: 6px; margin-top: 25px;}
.modal--layout .modal--content--form .modal--content--form--btn--row .btn--basic{border-radius: 5px; font-size: 14px;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--desc .input--comp + .input--comp{margin-top: 13px;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--desc .modal--content--warn{margin-top: 15px;}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--desc .modal--content--warn li{font-size: 12px; font-weight: 300; color: #999; letter-spacing: -0.01em; line-height: 20px; padding-left: 20px; position: relative}
.modal--layout .modal--content--form .modal--content--form--cell .modal--content--form--desc .modal--content--warn li::before{content: ''; display: block; border: 1px solid; border-radius: 50%; position: absolute; top: calc(20px / 2); left: calc(20px / 2); transform: translate(-50%,-50%);}
.modal--layout .modal--thumb--slider{max-height: 70vh; overflow-Y: auto;}
.modal--layout .modal--thumb--slider .modal--thumb--wrap{align-items: center; padding-bottom: 30px;}
.modal--layout .modal--thumb--slider .modal--thumb--wrap .modal--thumb--item{padding: 0 66px;}
.modal--layout .modal--thumb--slider .swiper-button-next::after,
.modal--layout .modal--thumb--slider .swiper-button-prev::after{color: #333; font-size: 28px;}
.modal--layout .modal--addr--search{height: 440px; padding: 0 26px;}

.modal--option--form{padding: 0 27px 27px;}
.modal--option--form .modal--option--form--head{display: flex; align-items: center; margin-bottom: 13px;}
.modal--option--form .modal--option--form--head .modal--option--thumb{width: 70px; height: 70px; border-radius: 5px; overflow: hidden; margin-right: 10px;}
.modal--option--form .modal--option--form--head .modal--option--thumb img{width: 100%; height: 100%; object-fit: cover;}
.modal--option--form .modal--option--form--head .modal--option--desc{width: calc(100% - 70px - 10px);}
.modal--option--form .modal--option--form--head .modal--option--desc .modal--option--title{font-size: 16px; line-height: 22px; margin-bottom: 3px;}
.modal--option--form .modal--option--form--head .modal--option--desc .modal--option--price{font-size: 16px; font-weight: 600; line-height: 22px;}
.modal--option--form .modal--option--form--row .select--item .selected--text{height: 48px; font-size: 15px; font-weight: 500;}
.modal--option--form .modal--option--form--row + .modal--option--form--row{margin-top: 10px;}
.modal--option--form .modal--option--chk--row{display: flex; align-items: center; margin-top: 15px;}
.modal--option--form .modal--option--chk--row .modal--option--chk--label{font-size: 15px; font-weight: 500; letter-spacing: -0.01em; width: 120px;}
.modal--option--form .modal--option--chk--row .chk--btn--list{margin-left: auto; width: calc(100% - 120px); flex-flow: row nowrap;}
.modal--option--form .modal--option--chk--row .chk--btn--list .chk--btn,
.modal--option--form .modal--option--chk--row .chk--btn--list .chk--btn--item{width: 100%;}
.modal--option--form .modal--option--chk--row .chk--btn--list .chk--btn--inn{display: flex; align-items: center; justify-content: center; width: 100%; height: 35px; padding: 0;}
.modal--option--form .modal--counter--row{display: flex; align-items: center; margin-top: 15px;}
.modal--option--form .modal--counter--row .modal--counter--label{font-size: 15px; font-weight: 500; letter-spacing: -0.01em; width: 120px;}
.modal--option--form .modal--counter--row .counter--inn{width: calc(100% - 120px); margin-left: auto; display: flex; align-items: center;}
.modal--option--form .modal--counter--row .counter--inn .modal--counter--price{margin-left: auto;}
.modal--option--form .modal--counter--row .counter--inn .modal--counter--price .value{font-size: 20px; font-weight: 600; letter-spacing: -0.01em;}
.modal--option--form .modal--counter--row .counter--inn .modal--counter--price .unit{font-size: 13px; font-weight: 500; letter-spacing: -0.01em; margin-left: 2px;}
.modal--option--form .modal--option--submit{display: flex; gap: 6px; margin-top: 20px;}
.modal--option--form .modal--option--submit .btn--basic{width: 100%; height: 45px;}

.modal--private--form{padding: 15px 40px 40px;}
.modal--private--form .modal--private--form--label{font-size: 14px; margin-bottom: 5px;}
.modal--private--form .input--comp{height: 44px;}
.modal--private--form [class^="info--"]{margin-top: 4px;}
.modal--private--form .modal--private--btn--group{display: flex; margin-top: 12px; gap: 7px;}
.modal--private--form .modal--private--btn--group .btn--basic{width: 100%; border-radius: 5px; height: 46px; font-size: 14px;}

.breadcrumb{display: flex; gap: 25px;}
.breadcrumb > li{position: relative;}
.breadcrumb > li a{display: flex; align-items: center; font-size: 14px; color: #777;}
.breadcrumb > li a.breadcrumb--home::before{content: ''; display: block; width: 10px; height: 12px; background-image: url('/assets/img/ico/ico-home-solid.png'); background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 6px;}
.breadcrumb > li + li::before{content: ''; display: block; position: absolute; top: 50%; left: calc(-25px / 2); transform: translate(-50%,-50%); width: 5px; height: 9px; background-image: url('/assets/img/ico/arr-right-aaa_5x9.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.breadcrumb > li:last-child a{font-weight: 600; color: #555;}


.prod--view{padding-top: 40px;}

.breadcrumb + .prod--view--top--info{margin-top: 20px;}
.prod--view--top--info{display: flex;}
.prod--view--top--info .prod--view--thumb--group{width: 500px; margin-right: 80px;}
.prod--view--top--info .prod--view--thumb--group .prod--view--top--thumb--wrap{ overflow: hidden; border-radius: 10px; position: relative;}
.prod--view--top--info .prod--view--thumb--group .prod--view--top--thumb--wrap .prod--view--time{display: flex; position: absolute; bottom: 0; left: 0; right: 0;  height: 42px; align-items: center; justify-content: center; z-index: 9; background-color: var(--colorMain1); color: #fff; font-size: 18px; font-weight: 500; letter-spacing: -0.01em;}
.prod--view--top--info .prod--view--thumb--group .prod--view--top--thumb--wrap .prod--view--time::before{content: ''; display: block; width: 15px; height: 15px; background-image: url('/assets/img/ico/ico-clock-running.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 7px;}
.prod--view--top--info .prod--view--thumb--group .prod--view--top--thumb--wrap .prod--view--time span{font-size: 22px; font-weight: 700; letter-spacing: 0.03em; margin-left: 10px;}
.prod--view--top--info .prod--view--thumb--group .prod--view--top--thumb--wrap .prod--view--zoom{position: absolute; bottom: 10px; right: 12px; width: 36px; height: 36px; background-image: url('/assets/img/ico/ico-zoom-circle.png'); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 9;}
.prod--view--top--info .prod--view--thumb--group .prod--view--top--thumb--wrap .prod--view--time + .prod--view--zoom{bottom: calc(42px + 10px);}
.prod--view--top--info .prod--view--thumb--group .prod--view--top--thumb--pagination{margin-top: 10px;}
.prod--view--top--info .prod--view--thumb--group .prod--view--top--thumb--pagination .prod--view--top--thumb--trigger{justify-content: center; gap: 6px;}
.prod--view--top--info .prod--view--thumb--group .prod--view--top--thumb--pagination .swiper-slide{width: 70px; height: 70px; border-radius: 10px; overflow: hidden; position: relative;}
.prod--view--top--info .prod--view--thumb--group .prod--view--top--thumb--pagination .swiper-slide.swiper-slide-thumb-active::before{content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 10px; border: 2px solid var(--colorMain1);}
.prod--view--top--info .prod--view--thumb--group .prod--view--top--thumb--pagination .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.prod--view--top--info .prod--view--info--wrap{width:calc(100% - 80px - 500px);}
.prod--view--top--info .prod--view--info--wrap .prod--view--label--group{display: flex; flex-flow: row wrap; gap: 6px; margin-bottom: 11px;}
.prod--view--top--info .prod--view--info--wrap .prod--view--title{font-size: 22px; font-weight: 500; line-height: 28px;}
.prod--view--top--info .prod--view--info--wrap .prod--price--row{margin-top: 7px;}
.prod--view--top--info .prod--view--info--wrap .prod--price--row .prod--price--discount{font-size: 22px; font-weight: 600; letter-spacing: -0.01em; color: var(--colorPoint); margin-right: 4px;}
.prod--view--top--info .prod--view--info--wrap .prod--price--row .prod--price--value{margin-right: 4px;}
.prod--view--top--info .prod--view--info--wrap .prod--price--row .prod--price--value .value{font-size: 22px; font-weight: 600; font-style: normal;}
.prod--view--top--info .prod--view--info--wrap .prod--price--row .prod--price--value .unit{font-size: 16px; font-style: normal;}
.prod--view--top--info .prod--view--info--wrap .prod--price--row .prod--price--origin{font-size: 16px; font-weight: 300; letter-spacing: -0.01em; text-decoration: line-through; color: #888;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row{margin-top: 10px; display: flex; align-items: center; margin-bottom: 15px;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .rating--row{margin-right: 3px;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .btn--under{display: flex; align-items: center;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .btn--under::after{content: ''; display: block; width: 4px; height: 8px; background-image: url('/assets/img/ico/arr-right-999_4x8.png'); background-position: center; background-size: contain; background-repeat: no-repeat; margin-left: 6px;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group{margin-left: auto; display: flex; gap: 10px; position: relative;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .prod--control--btn{width: 40px; height: 40px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-color: #fff; border: 1px solid #ddd;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .prod--control--btn.btn--like{background-image: url('/assets/img/ico/ico-like-off.png'); background-size: 20px;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .prod--control--btn.btn--like.active{background-image: url('/assets/img/ico/ico-like-on.png');}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .prod--control--btn.btn--share{background-image: url('/assets/img/ico/ico-share.png'); background-size: 19px;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .share--popup{position: absolute; right: 0; top: 100%; margin-top: 5px; background-color: #fff; border-radius: 5px; border: 1px solid #999; width: 290px; padding: 0 20px 26px; display: none;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .share--popup .popup--title{position: relative; padding: 12px 0; text-align: center;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .share--popup .popup--title .popup--title--txt{font-size: 16px; font-weight: 600; line-height: 30px; letter-spacing: -0.01em;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .share--popup .popup--title .popup--close{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background-image: url('/assets/img/ico/ico-cross-777_15px.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .share--popup .share--btn--row{display: flex; align-items: center; gap: 10px; padding: 0 15px;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .share--popup .share--btn--row .share--btn{width: 100%; text-align: center;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .share--popup .share--btn--row .share--btn img{width: 47px; height: 47px; display: block; margin: auto;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .share--popup .share--btn--row .share--btn .share--btn--txt{margin-top: 5px; font-size: 10px; letter-spacing: -0.04em; color: #555;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .share--popup .share--link--row{display: flex; height: 40px; border: 1px solid #dfdfdf; background-color: #fff; margin-top: 17px; border-radius: 5px; overflow: hidden;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .share--popup .share--link--row .share--link--input{border: 0; background-color: transparent; width: 100%; height: 100%; padding: 0 13px; font-size: 12px; letter-spacing: -0.02em; color: #777;}
.prod--view--top--info .prod--view--info--wrap .prod--control--row .prod--control--btn--group .share--popup .share--link--row .share--link--btn{padding: 0 17px; height: 100%; white-space: nowrap; font-size: 12px; font-weight: 400; border-radius: 5px; background-color: #f3f3f3;}
.prod--view--top--info .prod--view--info--wrap .prod--info--defi--group{padding: 12px 23px; border: 1px solid #f6f6f6; border-radius: 5px;}
.prod--view--top--info .prod--view--info--wrap .prod--info--defi--group .prod--info--defi{display: flex;}
.prod--view--top--info .prod--view--info--wrap .prod--info--defi--group .prod--info--defi .prod--info--defi--head{width: 130px;font-size: 14px; font-weight: 300; line-height: 28px; letter-spacing: -0.02em; color: #777;}
.prod--view--top--info .prod--view--info--wrap .prod--info--defi--group .prod--info--defi .prod--info--defi--head b{font-weight: 500; color: #333;}
.prod--view--top--info .prod--view--info--wrap .prod--info--defi--group .prod--info--defi .prod--info--defi--desc{width: calc(100% - 130px); font-size: 14px; line-height: 28px; letter-spacing: -0.02em; color: #333;}
.prod--view--top--info .prod--view--info--wrap .prod--info--defi--group .prod--info--defi .prod--info--defi--desc b{font-weight: 500;}
.prod--view--top--info .prod--view--info--wrap .prod--option--selector{margin-top: 10px;}
.prod--view--top--info .prod--view--info--wrap .prod--option--selector .selector--row .select--item .selected--text{height: 48px;}
.prod--view--top--info .prod--view--info--wrap .prod--option--selector .selector--row + .selector--row{margin-top: 10px;}
.prod--view--top--info .prod--view--info--wrap .prod--option--selector .chk--selector{padding: 15px 0; display: flex; align-items: center;}
.prod--view--top--info .prod--view--info--wrap .prod--option--selector .chk--selector .chk--selector--subject{width: 260px;}
.prod--view--top--info .prod--view--info--wrap .prod--option--selector .chk--selector .chk--selector--subject .chk--selector--title{font-size: 16px; font-weight: 500; letter-spacing: -0.01em;}
.prod--view--top--info .prod--view--info--wrap .prod--option--selector .chk--selector .chk--selector--subject .chk--selector--desc{color: var(--colorPoint); font-size: 13px; font-weight: 400;}
.prod--view--top--info .prod--view--info--wrap .prod--option--selector .chk--selector .chk--btn--list{margin-left: auto;}
.prod--view--top--info .prod--view--info--wrap .prod--info--selected--option{margin-top: 10px;}
.prod--view--top--info .prod--view--info--wrap .prod--info--selected--option .prod--info--option--row{background-color: #f6f8fc; border-radius: 5px; padding: 12px 23px 16px;}
.prod--view--top--info .prod--view--info--wrap .prod--info--selected--option .prod--info--option--row + .prod--info--option--row{margin-top: 10px;}
.prod--view--top--info .prod--view--info--wrap .prod--info--selected--option .prod--info--option--row .prod--info--option--title{font-size: 16px; line-height: 28px; letter-spacing: -0.01em;}
.prod--view--top--info .prod--view--info--wrap .prod--info--selected--option .prod--info--option--row .prod--info--bot{margin-top: 34px; display: flex; align-items: flex-end;}
.prod--view--top--info .prod--view--info--wrap .prod--info--selected--option .prod--info--option--row .prod--info--bot .option--price{margin-left: auto;}
.prod--view--top--info .prod--view--info--wrap .prod--info--selected--option .prod--info--option--row .prod--info--bot .option--price .value{font-size: 20px; letter-spacing: -0.01em; font-weight: 500;}
.prod--view--top--info .prod--view--info--wrap .prod--info--selected--option .prod--info--option--row .prod--info--bot .option--price .unit{font-size: 13px; font-weight: 500; letter-spacing: -0.01em; margin-left: 1px;}
.prod--view--top--info .prod--view--info--wrap .prod--total--price{margin-top: 20px; text-align: right;}
.prod--view--top--info .prod--view--info--wrap .prod--total--price .prod--total--price--label{font-size: 15px; font-weight: 600; letter-spacing: -0.01em; margin-right: 10px;}
.prod--view--top--info .prod--view--info--wrap .prod--total--price .prod--total--price--value{color: var(--colorPoint);}
.prod--view--top--info .prod--view--info--wrap .prod--total--price .prod--total--price--value .value{font-size: 24px; font-weight: 700; letter-spacing: -0.01em;}
.prod--view--top--info .prod--view--info--wrap .prod--total--price .prod--total--price--value .unit{margin-left: 3px; font-weight: 600; font-size: 15px; letter-spacing: -0.01em;}
.prod--view--top--info .prod--view--info--wrap .prod--info--btn--row{display: flex; gap: 4px;}
.prod--view--top--info .prod--view--info--wrap .prod--info--btn--row .btn--basic{width: 100%; display: flex; align-items: center; border-radius: 5px; height: 57px; font-size: 18px; font-weight: 600; justify-content: center; gap: 5px;}
.prod--view--top--info .prod--view--info--wrap .prod--info--btn--row .btn--basic.btn--gift::before{content: ''; display: inline-block; width: 18px; height: 18px; background-image: url('/assets/img/ico/ico-gift-solide-dark.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}

.numb--counter{display: inline-flex; align-items: center; height: 33px; border: 1px solid #eaeaea; background-color: #fff;  border-radius: 5px;}
.numb--counter [class^="numb--counter--control--"]{width: 31px; height: 31px; position: relative;}
.numb--counter .number--counter--value{min-width: calc(100px - 31px * 2); text-align: center; font-size: 14px; letter-spacing: -0.01em;}
.numb--counter [class^="numb--counter--control--"]::before,
.numb--counter [class^="numb--counter--control--"]::after{content:''; display: block; position: absolute; top: 50%; left: 50%; background-color: #777; height: 2px; width: 11px; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 2px;}
.numb--counter .numb--counter--control--inc::after{height: 11px; width: 2px;}

.prod--view .prod--view--content{margin-top: 50px; padding-top: 52px; position: relative;}
.prod--view .prod--view--content .prod--view--anchor{position: absolute; top: 0; left: 0; right: 0; display: flex;}
.prod--view .prod--view--content .prod--view--anchor.active{position: fixed; width: 1150px; margin: auto; top: 134px; z-index: 99; background-color: #fff;}
.prod--view .prod--view--content .prod--view--anchor .prod--view--anchor--btn{display: flex; width: 100%; align-items: center; justify-content: center; height: 52px; position: relative; color: #555; letter-spacing: -0.04em; font-size: 16px; font-weight: 500;}
.prod--view .prod--view--content .prod--view--anchor .prod--view--anchor--btn .anchor--sub{font-size: 16px; font-weight: 400; letter-spacing: -0.04em; color: #aaa; margin-left: 7px;}
.prod--view .prod--view--content .prod--view--anchor .prod--view--anchor--btn::after{content: ''; display: block; bottom: 0; left: 0; right: 0; height: 1px; background-color: #ccc; position: absolute;}
.prod--view .prod--view--content .prod--view--anchor .prod--view--anchor--btn.active{font-size: 16px; font-weight: 700; color: #333;}
.prod--view .prod--view--content .prod--view--anchor .prod--view--anchor--btn.active::after{height: 2px; background-color: #333;}

.prod--view .prod--view--content .prod--view--detail{padding-top: 20px; width: 780px; margin: auto; position: relative; max-height: 1800px; min-height: 300px; overflow: hidden;}
.prod--view .prod--view--content .prod--view--detail.active{max-height: none;}
.prod--view .prod--view--content .prod--view--detail .prod--view--detail--toggle{position: absolute; left: 0; right: 0; bottom: 0; height: 233px; ; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);}
.prod--view .prod--view--content .prod--view--detail .prod--view--detail--toggle .prod--view--detail--toggle--btn{width: 390px; height: 60px; display: flex; align-items: center; justify-content: center; margin: auto; position: absolute; left: 0; right: 0; bottom: 0; background-color: #fff; border: 1px solid #ddd;}
.prod--view .prod--view--content .prod--view--detail .prod--view--detail--toggle .prod--view--detail--toggle--btn::after{content: ''; display: block; width: 9px; height: 6px; background-image: url('/assets/img/ico/arr-down-555_9x6.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 8px;}
.prod--view .prod--view--content .prod--view--detail.active .prod--view--detail--toggle{position: relative; height: auto; background-image: none; margin-top: 20px;}
.prod--view .prod--view--content .prod--view--detail.active .prod--view--detail--toggle .prod--view--detail--toggle--btn{position: static;}
.prod--view .prod--view--content .prod--view--detail.active .prod--view--detail--toggle .prod--view--detail--toggle--btn::after{transform: rotate(180deg);}

.prod--view .prod--subinfo--sec{width: 780px; margin: 100px auto 0;}
.prod--view .prod--subinfo--sec .prod--subinfo--head{display: flex; align-items: flex-end; margin-bottom: 11px;}
.prod--view .prod--subinfo--sec .prod--subinfo--head .prod--subinfo--title{font-size: 20px; font-weight: 600; letter-spacing: -0.01em;}
.prod--view .prod--subinfo--sec .prod--subinfo--head .prod--subinfo--title .prod--subinfo--title--inn{font-size: 18px; font-weight: 300; letter-spacing: -0.01em; color: #999;}
.prod--view .prod--subinfo--sec .prod--subinfo--head .prod--subinfo--head--control{margin-left: auto; display: flex; align-items: center; gap: 20px;}

.prod--view .prod--subinfo--sec .rating--info--box{padding: 20px; display: flex; align-items: center; justify-content: center; border: 1px solid #f5f5f5; border-radius: 5px; gap: 10px; margin-bottom: 40px;}
.prod--view .prod--subinfo--sec .rating--info--box .rating--row .rating--item{width: 26px; height: 26px;}
.prod--view .prod--subinfo--sec .rating--info--box .rating--score--txt{font-size: 22px; font-weight: 700; line-height: 23px; letter-spacing: -0.01em;}
.prod--view .prod--subinfo--sec .rating--info--box .rating--score--txt .rating--score--unit{margin-left: 4px; font-size: 12px; letter-spacing: -0.01em; font-weight: 500; color: #000;}
.prod--view .prod--subinfo--sec .sorting--row{border-bottom: 1px solid #eee;}

.sorting--row + .review--thumb--list{margin-top: -15px;}
.review--thumb--list .review--thumb--item{padding: 20px 0 24px; border-bottom: 1px solid #eee; position: relative;}/* 20230806 포지션추가 */
.review--thumb--list .review--thumb--item .review--thumb--head{display: flex; margin-bottom: 12px;}
.review--thumb--list .review--thumb--item .review--thumb--head .review--thumb--info{display: flex; align-items: center;}
.review--thumb--list .review--thumb--item .review--thumb--head .review--thumb--info .review--thumb--info--inn{font-size: 12px; letter-spacing: -0.01em; font-weight: 300; color: #999;}
.review--thumb--list .review--thumb--item .review--thumb--head .review--thumb--info .review--thumb--info--inn + .review--thumb--info--inn{margin-left: 11px; padding-left: 11px; position: relative;}
.review--thumb--list .review--thumb--item .review--thumb--head .review--thumb--info .review--thumb--info--inn + .review--thumb--info--inn::before{content: ''; display: block; position: absolute; width: 1px; height: 10px; background-color: #eee; top: 50%; left: 0; transform: translateY(-50%);}
.review--thumb--list .review--thumb--item .review--thumb--head .review--report--btn{margin-left: auto; font-size: 12px; letter-spacing: -0.01em; color: #999;}
.review--thumb--list .review--thumb--item .review--thumb--desc .review--thumb--desc--txt{font-size: 14px; line-height: 20px; letter-spacing: -0.01em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.review--thumb--list .review--thumb--item .review--thumb--desc--img{display: flex; flex-flow: row wrap; gap: 10px; margin-top: 6px;}
.review--thumb--list .review--thumb--item .review--thumb--desc--img .review--thumb--desc--img--container{width: 100px; height: 100px; border-radius: 5px; overflow: hidden;}
.review--thumb--list + .pagination--wrap{margin-top: 20px;}
.review--tit--best {border-bottom:1px solid #777; margin-top:20px; padding:5px 0; font-size:20px; font-weight:600;}/* 20230806 타이틀추가 */
.review--img--best {width:150px !important; height:150px !important;}/* 20230806 사이즈수정 */
.review--icon--best {background:var(--colorMain1) url('/assets/img/ico/ico-best.png') no-repeat 12px 5px; background-size:15px;; color:#fff; font-size:13px; line-height:2; position: absolute; top:13px; left:0; width:76px; height:26px; border-radius: 20px; padding-left:30px; box-sizing: border-box;} /* 20230806 아이콘 추가 */

.prod--ask--wrapper{border-top: 1px solid #dadada;}
.prod--ask--wrapper .prod--ask--item{padding: 15px 0; border-bottom: 1px solid #eee;}
.prod--ask--wrapper .prod--ask--item .prod--ask--top{display: flex; align-items: center;}
.prod--ask--wrapper .prod--ask--item .prod--ask--top .prod--ask--label{white-space: nowrap; font-size: 12px; font-weight: 300; color: #666; padding: 4px 10px; background-color: #f3f3f3; border: 1px solid #eee; border-radius: 30px; margin-left: auto;}
.prod--ask--wrapper .prod--ask--item .prod--ask--top .prod--ask--title{font-size: 16px; white-space: nowrap; font-weight: 500; overflow: hidden; text-overflow: ellipsis; width: 100%; padding-right: 15px; display: flex; align-items: center;}
.prod--ask--wrapper .prod--ask--item.ask--private .prod--ask--top .prod--ask--title::before{content: ''; display: block; width: 11px; height: 13px; background-image: url('/assets/img/ico/ico-locker.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 10px;}
.prod--ask--wrapper .prod--ask--item.ask--done .prod--ask--top .prod--ask--label{color: #fff; background-color: #888; border-color: #888;}
.prod--ask--wrapper .prod--ask--item .prod--ask--top .prod--ask--date{font-size: 14px; font-weight: 300; color: #aaa; margin-left: 15px; white-space: nowrap;}
.prod--ask--wrapper .prod--ask--item .prod--ask--top .prod--ask--writer{padding-left: 28px; font-size: 14px; font-weight: 300; color: #aaa; position: relative; white-space: nowrap;}
.prod--ask--wrapper .prod--ask--item .prod--ask--top .prod--ask--writer::before{content: ''; display: block; width: 1px; height: 10px; background-color: #eee; position: absolute; top: 50%; left: calc(28px / 2); transform: translateY(-50%);}
.prod--ask--wrapper .prod--ask--item .prod--ask--content .prod--ask--desc{margin-top: 4px; color: #777; font-size: 14px; line-height: 20px; letter-spacing: -0.04em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.prod--ask--wrapper .prod--ask--item .prod--ask--content .prod--ask--answer{margin-top: 10px; border-radius: 5px; background-color: #f6f6f6; padding: 16px 22px 20px; font-size: 14px; line-height: 20px; letter-spacing: -0.04em; display: none;}
.prod--ask--wrapper .prod--ask--item .prod--ask--toggle--btn{display: inline-flex; align-items: center; font-size: 12px; color: #777; margin-top: 15px;}
.prod--ask--wrapper .prod--ask--item .prod--ask--toggle--btn::after{content: ''; display: block; width: 10px; height: 6px; background-image: url('/assets/img/ico/arr-top-777_10x6.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 5px; transform: rotate(180deg);}
.prod--ask--wrapper .prod--ask--item.toggle--on .prod--ask--content .prod--ask--desc{overflow: visible; -webkit-line-clamp: unset;}
.prod--ask--wrapper .prod--ask--item.toggle--on .prod--ask--content .prod--ask--answer{display: block;}
.prod--ask--wrapper .prod--ask--item.toggle--on .prod--ask--toggle--btn::after{transform: rotate(0);}
.prod--ask--wrapper + .pagination--wrap{margin-top: 20px;}

.prod--warn--tab{display: flex; gap: 66px;}
.prod--warn--tab .prod--warn--tab--inn{width: 100%; position: relative;}
.prod--warn--tab .prod--warn--tab--inn + .prod--warn--tab--inn::before{content: ''; display: block; width: 1px; position: absolute; top: 0; bottom: 0; left: calc(-66px / 2); background-color: #eee;}
.prod--warn--tab .prod--warn--tab--inn .prod--warn--tab--title{font-size: 15px; font-weight: 500; letter-spacing: -0.01em; margin-bottom: 4px;}
.prod--warn--tab .prod--warn--tab--inn .prod--warn--tab--desc{font-size: 13px; font-weight: 300; letter-spacing: -0.01em; color: #555; line-height: 16px;}
.prod--warn--tab .prod--warn--tab--inn .prod--warn--tab--desc li{padding-left: 20px; position: relative;}
.prod--warn--tab .prod--warn--tab--inn .prod--warn--tab--desc li::before{content: ''; display: block; border: 1px solid; border-radius: 50%; position: absolute; left: calc(20px / 2); top: calc(16px / 2); transform: translate(-50%,-50%);}

.review--insta--group{display: flex; margin: 24px 0; flex-flow: row wrap; gap: 12px;}
.review--insta--group .review--insta--item{width: calc((100% - 12px * 2) / 3);}
.review--insta--group .review--insta--item .review--insta--btn{display: block; width: 100%; aspect-ratio: 1/1;}
.review--insta--group .review--insta--item .review--insta--btn img{width: 100%; height: 100%; object-fit: cover;}

.policy--content{padding: 40px 0; width: 1000px; margin: auto;}
.policy--content .policy--subject{font-size: 22px; font-weight: 500; line-height: 18px; letter-spacing: -0.04em; margin-bottom: 30px;}
.policy--content .policy--inn + .policy--inn{margin-top: 30px;}
.policy--content .policy--inn .policy--inn--title{font-size: 14px; font-weight: 500; letter-spacing: -0.04em; margin-bottom: 4px;}
.policy--content .policy--inn .policy--inn--desc{font-size: 13px; font-weight: 300; letter-spacing: -0.04em; color: #666; line-height: 18px;}
.policy--content .policy--inn .policy--inn--desc li{display: flex; gap: 3px;}
.policy--content .policy--inn .policy--inn--desc li + li{margin-top: 10px;}
.policy--content .policy--inn .policy--inn--desc a{text-decoration: underline;}
.policy--content .policy--inn .policy--inn--desc b{font-weight: 500; color: #333;}
.policy--content .policy--inn .policy--inn--title--sub{font-size: 14px; font-weight: 500; margin: 10px 0 5px; letter-spacing: -0.04em;}

.prod--list--layout{display: flex; padding-top: 40px;}
.prod--list--layout.layout--mypage{padding-right: 60px;}
.prod--list--layout .prod--list--category{width: 150px;}
.prod--list--layout.layout--mypage .prod--list--category{width: 200px;}
.prod--list--layout .prod--list--category .prod--list--category--subject{font-size: 22px; font-weight: 600; letter-spacing: -0.04em; margin-bottom: 18px;}
.prod--list--layout .prod--list--category .prod--list--category--item{border-top: 1px solid #eee; padding-top: 17px;}
.prod--list--layout .prod--list--category .prod--list--category--item + .prod--list--category--item{margin-top: 13px;}
.prod--list--layout .prod--list--category .prod--list--category--item .prod--list--category--top{display: flex; width: 100%; font-size: 17px; font-weight: 600; color: var(--colorMain3); align-items: center; padding-right: 11px;}
.prod--list--layout .prod--list--category .prod--list--category--item .prod--list--category--top.active{color:var(--colorMain1)}
.prod--list--layout .prod--list--category .prod--list--category--item .prod--list--category--top + .prod--list--category--btn{margin-top: 10px;}
.prod--list--layout .prod--list--category .prod--list--category--item .prod--list--category--btn{font-size: 14px; line-height: 30px; color: #555; display: flex; align-items: center; font-weight: 500; position: relative; padding-right: 11px;}
.prod--list--layout .prod--list--category .prod--list--category--item .prod--list--category--btn.active{color: var(--colorMain1);}
.prod--list--layout .prod--list--category .prod--list--category--item .prod--list--category--top.active:last-child::after,
.prod--list--layout .prod--list--category .prod--list--category--item .prod--list--category--btn.active::after{content: ''; display: block; margin-left: auto; width: 4px; height: 8px; background-image: url('/assets/img/ico/arr-right-succ_4x8.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.prod--list--layout .prod--list--category.category--single .prod--list--category--subject{margin-bottom: 10px;}
.prod--list--layout .prod--list--category.category--single .prod--list--category--item{padding-top: 0; margin-top: 0; border-top: 0;}
.prod--list--layout .prod--list--container{width: calc(100% - 150px - 40px); margin-left: auto;}
.prod--list--layout.layout--mypage .prod--list--container{width: calc(100% - 200px - 60px);}
.prod--list--layout .prod--list--container .prod--list--title{font-size: 20px; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 20px;}
.prod--list--layout .prod--list--container .filter--btn--group + .sorting--row{margin-top: 33px;}

.login--wrapper{width: 356px; margin: auto; padding-top: 60px;}
.login--wrapper .login--subject{font-size: 15px; font-weight: 500; margin-bottom: 6px;}
.login--wrapper .login--form .login--input--row .input--comp{height: 44px; font-size: 14px; letter-spacing: -0.04em;}
.login--wrapper .login--form .login--input--row + .login--input--row {margin-top: 7px;}
.login--wrapper .login--form .login--input--row .info--warn--txt{margin-top: 5px;}
.login--wrapper .login--form .login--control--row{margin-top: 20px; display: flex; align-items: center;}
.login--wrapper .login--form .login--control--row .login--control--group{margin-left: auto; display: flex; align-items: center; gap: 22px;}
.login--wrapper .login--form .login--control--row .login--control--group a{display: block; position: relative; font-size: 13px; letter-spacing: -0.04em; color: #555;}
.login--wrapper .login--form .login--control--row .login--control--group a + a::before{content: ''; display: block; position: absolute; width: 1px; height: 12px; background-color: #ddd; left: calc(-22px / 2); top: 50%; transform: translateY(-50%);}
.login--wrapper .login--form .login--btn--wrap{margin-top: 13px;}
.login--wrapper .login--form .login--btn--wrap .btn--lg{height: 46px; position: relative; border-radius: 5px; font-size: 14px;}
.login--wrapper .login--form .login--btn--wrap .btn--lg + .btn--lg{margin-top: 8px;}
.login--wrapper .login--form .login--sns--row{display: flex; justify-content: center; align-items: center; gap: 20px; margin-top:15px;}/* 2024-01-22 */
.login--wrapper .login--form .login--sns--row .login--sns--btn img{width: 50px; height: 50px;}
.login--wrapper .login--form .login--sns--row .login--sns--btn .login--sns--btn--txt{display: block; text-align: center; font-size: 12px; letter-spacing: -0.04em; color: #555; margin-top: 6px;}
.login--wrapper .login--form .login--bot--txt{font-size: 14px; letter-spacing: -0.01em; text-align: center; margin-top: 24px;}

.login--wrapper .find--account--wrap{padding-top: 10px;}
.login--wrapper .find--account--wrap .find--account--top--subject{font-size: 20px; font-weight: 600; line-height: 20px; letter-spacing: -0.01em; text-align: center; margin-bottom: 31px;}
.login--wrapper .find--account--wrap .find--account--btn{width: 125px; height: 125px; background-color: #fff; border: 1px solid #f2f2f2; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.05); border-radius: 50%; padding-top: 10px; margin: auto; display: block;}
.login--wrapper .find--account--wrap .find--account--btn .find--account--btn--txt{margin-top: 6px; display: flex; justify-content: center; align-items: center; font-size: 12px; letter-spacing: -0.01em;}
.login--wrapper .find--account--wrap .find--account--btn .find--account--btn--txt::after{content: ''; display: block; background-image: url('/assets/img/ico/arr-left-333_6x12.png'); width: 6px; height: 12px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 6px; transform: rotate(180deg);}
.login--wrapper .find--account--wrap .find--account--bot--txt{text-align: center; font-size: 14px; letter-spacing: -0.01em; margin-top: 25px;}
.login--wrapper .find--account--wrap .find--account--bot--btn--wrap{margin-top: 12px;}
.login--wrapper .find--account--wrap .find--account--bot--btn--wrap .btn--lg{border-radius: 5px; height: 52px; font-size: 16px; font-weight: 600; letter-spacing: -0.04em;}
.login--wrapper .find--account--wrap .find--account--bot--btn--wrap .btn--lg + .btn--lg{margin-top: 10px;}
.login--wrapper .find--account--confirmed img{display: block; margin: auto;}
.login--wrapper .find--account--confirmed .find--account--confirmed--txt{margin-top: 17px; font-size: 18px ;font-weight: 500; letter-spacing: -0.01em; text-align: center;}
.login--wrapper .find--account--confirmed + .find--account--bot--btn--wrap{margin-top: 38px;}
.login--wrapper .find--account--result{text-align: center;}
.login--wrapper .find--account--result .find--account--result--sub{font-size: 16px; line-height: 30px; letter-spacing: -0.01em; text-align: center;}
.login--wrapper .find--account--result .find--account--result--value{font-size: 22px; font-weight: 600; letter-spacing: -0.01em;}
.login--wrapper .find--account--result + .find--account--bot--btn--wrap{margin-top: 35px;}
.login--wrapper .find--account--form .input--comp + .btn--submit{margin-top: 10px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; letter-spacing: -0.04em; border-radius: 5px;}
.login--wrapper .find--account--form .input--comp + .btn--submit::before{content: ''; display: block; margin-right: 6px; width: 14px; height: 13px; background-image: url('/assets/img/ico/ico-profile-chk.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.login--wrapper .find--account--form .find--account--form--bot{margin-top: 8px; font-size: 14px; letter-spacing: -0.04em;}
.login--wrapper .find--account--form + .find--account--bot--btn--wrap{margin-top: 30px;}
.login--wrapper .find--account--result--form {margin-top: 16px;}
.login--wrapper .find--account--result--form .find--account--result--form--cell + .find--account--result--form--cell{margin-top: 20px;}
.login--wrapper .find--account--result--form .find--account--result--form--cell .find--account--result--head{font-size: 14px; letter-spacing: -0.04em; color: #333; margin-bottom: 5px;}
.login--wrapper .find--account--result--form .find--account--result--form--cell .find--account--result--desc .input--comp{height: 44px;}
.login--wrapper .find--account--result--form .find--account--result--form--cell .find--account--result--desc .input--comp + .info--warn--txt,
.login--wrapper .find--account--result--form .find--account--result--form--cell .find--account--result--desc .input--comp + .info--succ--txt{margin-top: 5px;}
.login--wrapper .find--account--result--form + .find--account--bot--btn--wrap{margin-top: 30px;}
.login--wrapper .join--link--top{margin-bottom: 20px;}
.login--wrapper .join--link--top .join--link--subject{font-size: 20px; font-weight: 600; letter-spacing: -0.01em; line-height: 20px; text-align: center; margin-bottom: 27px;}
.login--wrapper .join--link--top .join--link--desc .join--link--desc--top{font-size: 17px; font-weight: 400; line-height: 20px; letter-spacing: -0.01em; color: #000; display: block;}
.login--wrapper .join--link--top .join--link--desc .join--link--desc--inn{margin-top: 5px; font-size: 13px; letter-spacing: -0.01em; line-height: 18px; color: rgba(0, 0, 0, 0.8);}
.login--wrapper.join--wrapper .login--form .login--btn--wrap .btn--lg{font-size: 16px; height: 52px;}

.custom--alert--bg{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999;}
.custom--alert--bg.active{background-color: rgba(0, 0, 0, 0.35);}
.custom--alert{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 211px; background-color: #fff; border-radius: 15px; overflow: hidden; box-shadow: 1px 2px 17px 0 rgba(0, 0, 0, 0.1);}
.custom--alert .custom--alert--txt{font-size: 14px; line-height: 19px; text-align: center; letter-spacing: -0.01em; padding: 23px 5px 20px;}
.custom--alert .custom--alert--buttons{display:flex; border-top: 1px solid #eee;}
.custom--alert .custom--alert--buttons button{width: 100%; padding: 11px 5px 13px; font-size: 15px; line-height: 18px; font-weight: 600; letter-spacing: -0.01em;}
.custom--alert .custom--alert--buttons button + button{border-left: 1px solid #eee;}

.join--wrapper{width: 356px; margin: auto; padding-top: 60px;}
.join--wrapper .join--head{font-size: 20px; font-weight: 600; letter-spacing: -0.01em; text-align: center; line-height: 20px; margin-bottom: 20px;}
.join--wrapper .join--row + .join--row{margin-top: 30px;}
.join--wrapper .join--row .join--row--head{display: flex; align-items: flex-end; font-size: 14px; letter-spacing: -0.04em; padding-bottom: 7px;}
.join--wrapper .join--row .join--row--head .join--row--head--sub{margin-left: 3px; font-size: 10px; font-weight: 300; color: #999; letter-spacing: -0.04em; padding-bottom: 1px;}
.join--wrapper .join--row .join--row--head--desc{margin-left: auto; font-size: 11px; letter-spacing: -0.04em; font-weight: 300;}
.join--wrapper .join--row .join--row--desc .join--row--flex{display: flex; gap: 5px;}
.join--wrapper .join--row .join--row--desc .join--row--flex .btn--basic{min-width: 110px;}
.join--wrapper .join--row .join--row--desc .join--row--flex .btn--basic,
.join--wrapper .join--row .join--row--desc .join--row--flex .input--comp,
.join--wrapper .join--row .join--row--desc .join--row--flex .select--item .selected--text{height: 44px;}
.join--wrapper .join--row .join--row--desc .info--succ--txt,
.join--wrapper .join--row .join--row--desc .info--warn--txt{margin-top: 7px;}
.join--wrapper .join--form--chk--wrapper{margin-top: 30px;}
.join--wrapper .join--form--chk--wrapper .join--form--chk--head{border-bottom: 1px solid #eee; padding-bottom: 15px;}
.join--wrapper .join--form--chk--wrapper .join--form--chk--content{padding: 15px 0 18px; border-bottom: 1px solid #eee;}
.join--wrapper .join--form--chk--wrapper .join--form--chk--content .join--form--chk--row{display: flex; align-items: center;}
.join--wrapper .join--form--chk--wrapper .join--form--chk--content .join--form--chk--row + .join--form--chk--row{margin-top: 15px;}
.join--wrapper .join--form--chk--wrapper .join--form--chk--content .join--form--chk--row .btn--under{margin-left: auto; color: #333;}
.join--wrapper .join--form--chk--wrapper .join--form--chk--bot{padding: 15px 0 25px; border-bottom: 1px solid #eee;}
.join--wrapper .join--form--chk--wrapper .join--form--chk--bot .join--form--chk--desc{margin-top: 4px; padding-left: 26px;}
.join--wrapper .join--form--chk--wrapper .join--form--chk--bot .join--form--chk--desc .warn--label{margin-top: 9px;}
.join--wrapper .join--form--chk--wrapper .join--form--chk--bot .join--form--chk--desc .join--form--chk--desc--inn{padding-left: 20px; line-height: 20px; letter-spacing: -0.04em; font-size: 13px; color: #777; position: relative;}
.join--wrapper .join--form--chk--wrapper .join--form--chk--bot .join--form--chk--desc .join--form--chk--desc--inn::before{content: ''; display: block; position: absolute; top: calc(20px / 2); left: calc(20px / 2); transform: translate(-50%,-50%); border: 1px solid; border-radius: 50%;}
.join--wrapper .join--form--chk--wrapper .join--form--chk--bot .join--form--chk--desc .chk--list{margin-top: 8px;}
.join--wrapper .join--form--chk--wrapper .join--form--btn--row{width: 555px; text-align: right; margin-top: 10px;}
.join--wrapper .join--form--btn--wrapper{margin-top: 20px;}
.join--wrapper .join--form--btn--wrapper .btn--lg{border-radius: 5px; height: 52px; font-size: 16px; font-weight: 600; letter-spacing: -0.04em;}
.join--wrapper .join--form--btn--wrapper .btn--lg + .btn--lg{margin-top: 10px;}
.join--wrapper .join--result{padding-top: 10px;}
.join--wrapper .join--result .join--result--top::before{content: ''; display: block; width: 32px; height: 32px; background-image: url('/assets/img/ico/ico-result-chk.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto 14px;}
.join--wrapper .join--result .join--result--top{font-size: 22px; font-weight: 600; line-height: 30px; letter-spacing: -0.01em; text-align: center;}
.join--wrapper .join--result .join--result--top--sub{margin-top: 16px; font-size: 16px; letter-spacing: -0.01em; font-weight: 300; text-align: center;}
.join--wrapper .join--result .join--result--btn--group{display: block; margin-top: 28px;}
.join--wrapper .join--result .join--result--btn--group .btn--lg{border-radius: 5px; font-size: 16px; letter-spacing: -0.04em; font-weight: 600; height: 52px;}
.join--wrapper .join--result .join--result--btn--group .btn--lg + .btn--lg{margin-top: 10px;}

.cart--wrapper{margin-top: 40px;}
.cart--wrapper .cart--top .cart--subject{font-size: 22px; font-weight: 500; line-height: 18px; letter-spacing: -0.04em; margin-bottom: 15px;}
.cart--wrapper .cart--top .tab--btn--group{margin-bottom: 30px;}

.cart--prod--list .cart--prod--item{padding: 20px; display: flex; align-items: center; border: 1px solid #ddd; border-radius: 5px;}
.cart--prod--list .cart--prod--item + .cart--prod--item{margin-top: 20px;}
.cart--prod--list .cart--prod--item .cart--chk{margin-bottom: auto; margin-right: 25px;}
.cart--prod--list .cart--prod--item .cart--chk .chk--ico{width: 27px; height: 27px;}
.cart--prod--list .cart--prod--item .cart--thumb{width: 110px; height: 110px; border-radius: 5px; overflow: hidden; margin-right: 20px; position:relative;}
.cart--prod--list .cart--prod--item .cart--thumb img{width: 100%; height: 100%; object-fit: cover;}
.cart--prod--list .cart--prod--item .cart--thumb .cart--thumb--warn{position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; color: #fff; background: rgba(0, 0, 0, 0.60); z-index: 2; font-size: 17px; font-weight: 500;}
.cart--prod--list .cart--prod--item .cart--title{display: block; font-size: 18px; line-height: 22px; font-weight: 500; width: 313px; margin-right: 90px;}
.cart--prod--list .cart--prod--item .cart--cnt{font-size: 15px; font-weight: 500; letter-spacing: -0.01em; margin-right: 40px;}
.cart--prod--list .cart--prod--item .cart--price{width: 60px; text-align: right; white-space: nowrap; margin-right: 40px;}
.cart--prod--list .cart--prod--item .cart--price .cart--origin{color: #888; font-size: 12px; letter-spacing: -0.01em; font-weight: 300; display: block; text-decoration: line-through;}
.cart--prod--list .cart--prod--item .cart--price .cart--price--value{font-size: 15px; font-weight: 500; letter-spacing: -0.01em;}
.cart--prod--list .cart--prod--item .cart--deliv{font-size: 15px; letter-spacing: -0.01em; font-weight: 500;}
.cart--prod--list .cart--prod--item .cart--control{margin-left: auto; display: flex; gap: 4px; align-items: center;}
.cart--prod--list .cart--prod--item .cart--control .numb--counter,
.cart--prod--list .cart--prod--item .cart--control .btn--md{height: 37px;}
.cart--prod--list .cart--prod--item .cart--control .btn--md{padding: 0 20px; font-size: 14px; font-weight: 500; letter-spacing: -0.02em;}
.cart--prod--list .cart--prod--item .cart--control .btn--md.btn--like{display: inline-flex; align-items: center; justify-items: center;}
.cart--prod--list .cart--prod--item .cart--control .btn--md.btn--like::before{content: ''; display: block; width: 15px; height: 14px; background-image: url('/assets/img/ico/ico-like-off.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 5px;}
.cart--prod--list .cart--prod--item .cart--control .btn--md.btn--like.active::before{background-image: url('/assets/img/ico/ico-like-on.png');}
.cart--prod--list .cart--prod--item .cart--control .cart--remove--btn{width: 15px; height: 15px; background-image: url('/assets/img/ico/ico-cross-999_15px.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 22px;}
.cart--prod--list .cart--prod--item .cart--option--group{width: calc(100% - 27px - 25px - 110px - 20px); margin-left: auto;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--title{width: 100%; font-size: 18px; font-weight: 500; line-height: 22px; white-space: normal; margin-bottom: 10px;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn{display: table;table-layout: auto;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row{display: table-row; vertical-align: middle;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row + .cart--option--row > *{border-top: 1px solid #eee;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row > *{display: table-cell; vertical-align: middle; white-space: nowrap; height: 60px;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row > * + *{padding-left: 40px;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--head{width: 100%;  color: #777; letter-spacing: -0.01em; white-space: normal;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--cnt{ font-size: 15px; font-weight: 500; letter-spacing: -0.01em;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--price{ text-align: right;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--price .cart--option--price--origin{text-decoration: line-through; color: #888; font-weight: 300; font-size: 12px;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--price .cart--option--price--value{font-size: 15px; font-weight: 500; letter-spacing: -0.01em;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--deliv{font-size: 15px; font-weight: 500; letter-spacing: -0.01em; min-width: 130px; text-align: center; padding-left: 0;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--btn{min-width: 270px; padding-left: 0;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--btn .cart--option--btn--row{display: flex; align-items: center; gap: 7px; justify-content: flex-end; padding-right: 40px; position: relative;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--btn .btn--basic{padding: 10px 20px; font-size: 14px; letter-spacing: -0.02em; display:inline-flex; align-items: center; justify-content: center;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--btn .btn--basic.btn--like::before{content: ''; display: block; width: 15px; height: 14px; background-image: url('/assets/img/ico/ico-like-off.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 5px;}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--btn .btn--basic.btn--like.active::before{background-image: url('/assets/img/ico/ico-like-on.png');}
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--btn .cart--option--remove{width: 15px; height: 15px; background-image: url('/assets/img/ico/ico-cross-999_15px.png'); background-repeat: no-repeat; background-position: center; background-size: contain; margin-left: 22px; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.cart--prod--list .cart--prod--item.option--multi{flex-flow: row wrap;}
.cart--prod--list .cart--prod--item.option--multi .cart--final--info{width: calc(100% + 20px * 2); display: flex; margin: 0 -20px -20px -20px; background-color: #fbfbfb; height: 50px; align-items: center; padding-left: calc(27px + 25px + 110px + 20px + 20px);}
.cart--prod--list .cart--prod--item.option--multi .cart--final--info .cart--final--info--head{font-size: 16px; font-weight: 500; letter-spacing: -0.01em; margin-right: auto;}
.cart--prod--list .cart--prod--item.option--multi .cart--final--info .cart--final--price--group{display: flex; align-items: center; gap: 50px;}
.cart--prod--list .cart--prod--item.option--multi .cart--final--info .cart--final--price--group .cart--final--price--item{font-size: 16px; position: relative; letter-spacing: -0.01em;}
.cart--prod--list .cart--prod--item.option--multi .cart--final--info .cart--final--price--group .cart--final--price--item + .cart--final--price--item::before{content: ''; display: block; position: absolute; top: 50%; left: calc(-50px / 2); transform: translate(-50%,-50%); width: 20px; height: 20px; background-image: url('/assets/img/ico/ico-circle-plus.png'); background-repeat: no-repeat; background-position: center; background-size: contain;}
.cart--prod--list .cart--prod--item.option--multi .cart--final--info .cart--final--price--group .cart--final--price--item.item--final::before{background-image: url('/assets/img/ico/ico-circle-equal.png');}
.cart--prod--list .cart--prod--item.option--multi .cart--final--info .cart--final--deliv{width: calc(270px + 130px + 20px); padding-right: 290px; text-align: center; font-size: 15px; font-weight: 600; letter-spacing: -0.01em;}
.cart--prod--list .cart--prod--item.item--disabled,
.cart--prod--list .cart--prod--item.item--disabled .cart--option--group .cart--title,
.cart--prod--list .cart--prod--item .cart--option--group .cart--option--inn .cart--option--row .cart--option--head{color: #999;}
.cart--prod--list + .cart--list--bot{margin-top: 15px;}
.cart--list--bot{display: flex; align-items: center;}
.cart--list--bot .cart--list--remove--group{display: flex; align-items: center; margin-left: auto; gap: 5px;}

.cart--bot--info--min{margin-top: 35px; text-align: center;}
.cart--bot--info--min .cart--bot--info--inn{display: flex; padding: 32px 0; border-radius: 5px; border: 1px solid #aaa; justify-content: center; align-items: center; gap: 80px;}
.cart--bot--info--min .cart--bot--info--inn .cart--bot--info--item{position: relative; display: flex; align-items: center;}
.cart--bot--info--min .cart--bot--info--inn .cart--bot--info--item.item--last{color: var(--colorPoint);}
.cart--bot--info--min .cart--bot--info--inn .cart--bot--info--item .item--name{font-size: 15px; font-weight: 400; line-height: 26px; letter-spacing: -0.01em;}
.cart--bot--info--min .cart--bot--info--inn .cart--bot--info--item .item--value{margin-left: 5px; font-size: 20px; line-height: 26px;}
.cart--bot--info--min .cart--bot--info--inn .cart--bot--info--item.item--last .item--value .value{font-weight: 600;}
.cart--bot--info--min .cart--bot--info--inn .cart--bot--info--item.item--last .item--value .unit{font-size: 15px;}
.cart--bot--info--min .cart--bot--info--inn .cart--bot--info--item::before{content: ''; display: block; top: 50%; left: calc(-80px / 2); transform: translate(-50%,-50%); background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; position: absolute}
.cart--bot--info--min .cart--bot--info--inn .cart--bot--info--item.marker--plus::before{background-image: url('/assets/img/ico/ico-circle-plus.png');}
.cart--bot--info--min .cart--bot--info--inn .cart--bot--info--item.marker--minus::before{background-image: url('/assets/img/ico/ico-circle-minus.png');}
.cart--bot--info--min .cart--bot--info--inn .cart--bot--info--item.marker--equal::before{background-image: url('/assets/img/ico/ico-circle-equal.png');}
.cart--bot--info--min .info--warn--txt{display: inline-block; margin-top: 8px;}
.cart--bot--btn--row{display: flex; justify-content: center; margin-top: 34px; gap: 10px;}
.cart--bot--btn--row .btn--lg{border-radius: 5px; width: 230px; display: flex; align-items: center; justify-content: center; height: 57px; font-size: 18px;}
.cart--bot--btn--row .btn--gift::before{content: ''; display: block; width: 18px; height: 18px; background-image: url('/assets/img/ico/ico-gift-solide-dark.png'); background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 5px;}

.prod--theme--selector{display: flex; flex-flow: row wrap; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.prod--theme--selector .prod--theme--select--btn{display: block; width: 50%; position: relative; height: 50px; text-align: left; padding-left: 17px; padding-right: 50px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.prod--theme--selector .prod--theme--select--btn::after{content: ''; display: none; width: 14px; height: 7px; background-image: url('/assets/img/ico/arr-top-333_8x14.png'); background-size: contain; background-repeat: no-repeat; background-position: center; position:absolute; right:24px; top:50%; transform : translateY(-50%) rotate(180deg);}
.prod--theme--selector .prod--theme--select--btn:hover{font-weight: 700;}
.prod--theme--selector .prod--theme--select--btn:hover::after{display: block;}
.prod--theme--sec{padding: 40px 0;}
.prod--theme--sec .prod--theme--bnr{display: block; margin-bottom: 20px;}

.dashboard--top{border-radius: 10px; border: 1px solid #ececec; background-color: #f0f6fd; display: flex; align-items: center; padding: 32px 50px 32px 30px; gap: 10px;}
.dashboard--top .dashboard--nav--box{width: 460px; border-radius: 10px; border: 1px solid rgba(55,132,223,0.5); background-color: #fff; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1); padding: 22px 40px 27px; display: flex; margin-left: auto; align-items: center;}
.dashboard--top .dashboard--nav--box .dashboard--nav--btn{display: block; text-align: center; gap: 30px; position: relative;}
.dashboard--top .dashboard--nav--box .dashboard--nav--btn:nth-child(1),
.dashboard--top .dashboard--nav--box .dashboard--nav--btn:nth-child(3){width: 27%;}
.dashboard--top .dashboard--nav--box .dashboard--nav--btn:nth-child(2){width: 46%;}
.dashboard--top .dashboard--nav--box .dashboard--nav--btn + .dashboard--nav--btn::before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform:translateY(-50%); height: 18px; border-left: 1px solid #eee;}
.dashboard--top .dashboard--nav--box .dashboard--nav--btn .dashboard--nav--label{font-size: 14px; letter-spacing: -0.01em; color: #555; line-height: 26px;}
.dashboard--top .dashboard--nav--box .dashboard--nav--btn .dashboard--nav--value{margin-left: 11px; font-size: 24px; color: var(--colorMain1); line-height: 26px; font-weight: 600;}
.dashboard--top .dashboard--nav--box .dashboard--nav--btn .dashboard--nav--unit{font-size: 13px; color: var(--colorMain1); line-height: 26px;}
.dashboard--top .dashboard--info{width: calc(100% - 460px);}
.dashboard--top .dashboard--info .dashboard--info--top{display: flex; align-items: center;}
.dashboard--top .dashboard--info .dashboard--info--top .dashboard--title{max-width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 24px; letter-spacing: -0.01em; font-weight: 700; line-height: 27px; white-space: nowrap;}
.dashboard--top .dashboard--info .dashboard--info--top .dashboard--title--label{padding: 4px 13px; background-color: #4fc5f8; border-radius: 20px; display: flex; align-items: center; font-size: 13px; letter-spacing: -0.01em; color: #fff; font-weight: 600; margin-left: 9px;}
.dashboard--top .dashboard--info .dashboard--info--top .dashboard--title--label::after{content: ''; display: block; background-image: url('/assets/img/ico/arr-left-fff_5px.png'); width: 4px; height: 7px; background-size: contain; background-repeat: no-repeat; background-position: center; transform: rotate(180deg); margin-left: 6px;}
.dashboard--top .dashboard--info .dashboard--desc{font-size: 20px; font-weight: 300; letter-spacing: -0.01em; line-height: 27px;}
.dashboard--top .dashboard--info .dashboard--desc .dashboard--desc--btn{display: inline-flex; align-items: center; font-size: 12px; color: #999; letter-spacing: -0.01em; font-weight: 400; margin-left: 8px;}
.dashboard--top .dashboard--info .dashboard--desc .dashboard--desc--btn::before{content: ''; display: block; width: 12px; height: 12px; background-image: url('/assets/img/ico/ico-gear-gray.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 4px;}

.dashboard--steps--row{display: flex; align-items: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: 50px; padding: 24px 0;}
.dashboard--steps--row .dashboard--steps--row--head{width: calc(100% - 660px);}
.dashboard--steps--row .dashboard--steps--row--head .head--top{font-size: 20px; letter-spacing: -0.01em; font-weight: 600; display: block;}
.dashboard--steps--row .dashboard--steps--row--head .head--bot{display: block; margin-top: 5px; font-size: 14px; letter-spacing: -0.01em; font-weight: 300; color: #999;}
.dashboard--steps--row .dashboard--steps--row--value{width: 660px; display: flex; align-items: center;}
.dashboard--steps--row .dashboard--steps--row--value > li{width: 100%; position: relative;}
.dashboard--steps--row .dashboard--steps--row--value .dashboard--steps--btn{display: block; width: 100%; text-align: center; padding: 0 10px; color: #aaa;}
.dashboard--steps--row .dashboard--steps--row--value .dashboard--steps--btn.active{color: #333}
.dashboard--steps--row .dashboard--steps--row--value > li + li .dashboard--steps--btn::before{content: ''; display: block; width: 7px; height: 14px; background-image: url('/assets/img/ico/arr-right-ddd_7x14.png'); background-size: contain; background-repeat: no-repeat; position: absolute; top: calc(31px / 2); left: 0; transform: translate(-50%,-50%);}
.dashboard--steps--row .dashboard--steps--row--value .dashboard--steps--btn .dashboard--steps--btn--value{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 26px; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 6px; line-height: 31px;}
.dashboard--steps--row .dashboard--steps--row--value .dashboard--steps--btn .dashboard--steps--btn--unit{font-size: 17px; font-weight: 300; letter-spacing: -0.02em;}

.dashboard--ico--btn--group{display: flex; align-items: center; border-radius: 10px; border: 1px solid #ececec; height: 120px; padding: 0 60px; margin-top: 50px;}
.dashboard--ico--btn--group .dashboard--ico--btn{display: flex; width: 100%; align-items: center; gap: 14px; letter-spacing: -0.01em;}

.prod--list--container .login--wrapper .join--link--top{margin-bottom: 27px;}
.prod--list--container .login--wrapper .join--link--top .join--link--desc .join--link--desc--top{color: #000; font-weight: 500; line-height: 20px; letter-spacing: -0.01em; text-align: center; font-size: 18px;}
.prod--list--container .login--wrapper .join--link--top .join--link--desc .join--link--desc--inn{margin-top: 8px; color: rgba(51, 51, 51, 0.8); text-align: center; line-height: 18px; letter-spacing: -0.01em; display: block;}
.prod--list--container .login--wrapper .login--form .login--input--row .login--input--row--label{font-size: 14px; letter-spacing: -0.04em;}
.prod--list--container .login--wrapper .login--form .login--input--row .input--comp{margin-top: 5px;}
.prod--list--container .login--wrapper .login--form .login--btn--wrap{margin-top: 30px;}
.prod--list--container .join--wrapper.modify--form{width: 100%; padding-top: 7px;}
.prod--list--container .join--wrapper.modify--form .join--row{display: flex;}
.prod--list--container .join--wrapper.modify--form .join--row .join--row--head{width: 200px; display: block; line-height: 44px; padding-bottom: 0;}
.prod--list--container .join--wrapper.modify--form .join--row .join--row--desc{width: 356px}
.prod--list--container .join--wrapper.modify--form .join--row--group + .join--row--group{margin-top: 30px;}
.prod--list--container .join--wrapper.modify--form .join--row--group .join--row + .join--row{margin-top: 7px;}
.prod--list--container .join--wrapper.modify--form .join--row--group .join--row .join--row--flex + .join--row--flex{margin-top: 7px;}
.prod--list--container .join--wrapper.modify--form .join--form--chk--wrapper .join--form--chk--head{border-bottom: 0;}
.prod--list--container .join--wrapper.modify--form .join--form--chk--wrapper .join--form--chk--bot{border-radius: 5px; border: 1px solid #eee; width: 555px; padding: 20px 30px;}
.prod--list--container .join--wrapper.modify--form .join--form--btn--wrapper{display: flex; gap: 7px;}
.prod--list--container .join--wrapper.modify--form .join--form--btn--wrapper .btn--lg{width: 180px; height: 40px; padding: 0; font-size: 16px; font-weight: 600;}
.prod--list--container .join--wrapper.modify--form .join--form--btn--wrapper .btn--lg + .btn--lg{margin-top: 0;}

.warn--label .warn--label--inn{font-size: 11px; font-weight: 500; line-height: 17px; color: #fff; padding: 2px 12px; background-color: var(--colorPoint); border-radius: 20px;}



.txt--tree--layout .txt--tree--title{width:200px; letter-spacing: -0.01em; line-height: 20px;}
.txt--tree--layout .txt--tree--title .txt--tree--requ{font-size: 12px; font-weight: 300; color: #999; letter-spacing: -0.04em; margin-left: 8px;}
.txt--tree--layout .txt--tree--subject{display: flex; font-size: 15px; line-height: 18px; letter-spacing: -0.008em; color: #555;}
.txt--tree--layout .txt--tree--inner--box{width:356px; margin-top: 12px; display: flex; padding: 13px 0; background-color: #f6f6f6; border-radius: 10px;}
.txt--tree--layout .txt--tree--inner--box .txt--tree--inner--box--container{width: 100%; text-align: center; position: relative;}
.txt--tree--layout .txt--tree--inner--box .txt--tree--inner--box--container + .txt--tree--inner--box--container::before{content: ''; display: block; width: 1px; height: 34px; background-color: #dedede; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.txt--tree--layout .txt--tree--inner--box .txt--tree--inner--box--container .txt--tree--inner--box--subject{font-size: 12px; line-height: 26px; letter-spacing: -0.01em; color: #777;}
.txt--tree--layout .txt--tree--inner--box .txt--tree--inner--box--container .txt--tree--inner--box--desc .value{font-size: 20px; line-height: 26px; letter-spacing: -0.02em; font-weight: 600;}
.txt--tree--layout .txt--tree--inner--box .txt--tree--inner--box--container .txt--tree--inner--box--desc .unit{font-size: 13px; line-height: 26px;}
.txt--tree--layout .txt--tree--cell--group{display: flex;}
.txt--tree--layout .txt--tree--cell--group + .txt--tree--cell--group{margin-top: 33px;}
.txt--tree--layout .txt--tree--cell--group .txt--tree--cell--list{width: calc(100% - 200px);}
.txt--tree--layout .txt--tree--cell + .txt--tree--cell{margin-top: 25px;}
.txt--tree--layout .txt--tree--cell .txt--tree--tbl--list{margin-top: 10px;}
.txt--tree--layout .txt--tree--cell .txt--tree--tbl--list .txt--tree--tbl--inn{display: flex; align-items: flex-start; padding: 12px 23px; border-top: 1px solid #eee;}
.txt--tree--layout .txt--tree--cell .txt--tree--tbl--list .txt--tree--tbl--inn:last-child{border-bottom: 1px solid #eee;}
.txt--tree--layout .txt--tree--cell .txt--tree--tbl--list .txt--tree--tbl--inn .txt--tree--tbl--head{font-size: 13px;}
.txt--tree--layout .txt--tree--cell .txt--tree--tbl--list .txt--tree--tbl--inn .txt--tree--tbl--desc{margin-left: auto; font-size: 13px; font-weight: 500; letter-spacing: -0.04em;}
.txt--tree--layout .txt--tree--cell .txt--tree--form--subject{font-size: 14px; letter-spacing: -0.04em; margin-bottom: 7px;}
.txt--tree--layout .txt--tree--cell .txt--tree--form--subject .txt--tree--form--min{margin-left: 3px; letter-spacing: -0.04em; font-size: 10px; color: #999;}
.txt--tree--layout .txt--tree--cell .txt--tree--form--desc .select--item{height: 44px;}
.txt--tree--layout .txt--tree--bot--chk{margin-top: 40px; border-top: 1px solid #eee; padding-top: 12px;}
.txt--tree--layout .txt--tree--bot--content .txt--tree--bot--btn--group{margin-top: 30px; display: flex; gap: 7px;}
.txt--tree--layout .txt--tree--bot--content .txt--tree--bot--btn--group .btn--lg{display: block; width: 356px; height: 58px; font-size: 16px; font-weight: 600; letter-spacing: -0.04em;}

.deliv--list--wrap .deliv--list--search--row{display: flex;}
.deliv--list--wrap .deliv--list--search--row .deliv--list--period--group{margin-right: 7px;}
.deliv--list--wrap .deliv--list--search--row .deliv--date--period--group{margin-right: 5px; font-size: 14px; font-weight: 300; color: #000; display: flex; gap: 6px; align-items: center;}
.deliv--list--wrap .deliv--list--search--row .btn--submit{width: 70px;}

.deliv--prod--list{margin-top: 30px;}
.deliv--prod--list .deliv--prod--item{padding: 16px 20px 25px; border: 1px solid #f0f0f0; border-radius: 10px; position: relative;}
.deliv--prod--list .deliv--prod--item + .deliv--prod--item{margin-top: 20px;}
.deliv--prod--list .deliv--prod--item .deliv--prod--top{display: flex; position: relative; align-items: center; margin-bottom: 12px;}
.deliv--prod--top .deliv--prod--top--info{display: flex; gap: 8px; align-items: center;}
.deliv--prod--top .deliv--prod--top--info .deliv--prod--gifted{display: block; width: 15px; height: 15px; background-image: url('/assets/img/ico/ico-gifted.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.deliv--prod--top .deliv--prod--top--info .deliv--prod--top--date{font-size: 18px; font-weight: 500;}
.deliv--prod--top .deliv--prod--top--info .deliv--prod--statue{font-size: 12px; color: var(--colorMain1); font-weight: 600; padding: 4px 12px; border: 1px solid rgba(55,132,223, 0.3); border-radius: 20px;}
.deliv--prod--top .deliv--prod--top--info .deliv--prod--statue.statue--default{color: #333; border-color: rgba(119,119,119,0.3);}
.deliv--prod--top .deliv--prod--top--info .deliv--prod--result{font-size: 15px; color: var(--colorPoint); margin-left: 20px;}
.deliv--prod--top .deliv--prod--remove{margin-left: auto; width: 15px; height: 15px; background-image: url('/assets/img/ico/ico-cross-999_15px.png'); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 3;}
.deliv--prod--list .deliv--prod--item .deliv--prod--info{display: flex;}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--thumb{width: 90px; height: 90px; border-radius: 5px; overflow: hidden; margin-right: 20px;}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--thumb img{width:100%; height: 100%; object-fit: cover;}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--subject{display: flex; flex-direction: column; width: calc(100% - 90px - 20px);}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--subject .deliv--prod--numb{margin-bottom: 4px; font-size: 14px; font-weight: 300; color: #999;}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--subject .deliv--prod--name{letter-spacing: -0.01em; margin-bottom: 8px;} 
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--subject .deliv--prod--bot{margin-top: auto; display: flex; align-items: flex-end;}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--subject .deliv--prod--bot .deliv--prod--option{display: flex; align-items: center;}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--subject .deliv--prod--bot .deliv--prod--option .deliv--prod--option--item{font-size: 15px; font-weight: 600; letter-spacing: -0.01em;}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--subject .deliv--prod--bot .deliv--prod--option .deliv--prod--option--item + .deliv--prod--option--item{margin-left: 5px; padding-left: 5px; position: relative;}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--subject .deliv--prod--bot .deliv--prod--option .deliv--prod--option--item + .deliv--prod--option--item::before{content: ''; display: block; position: absolute; height: 11px; border-left: 1px solid #e6e6e6; top: 50%; left: 0; transform: translateY(-50%);}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--subject .deliv--prod--bot .deliv--prod--option .btn--basic{margin-left: 20px; z-index: 3; position: relative;}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--subject .deliv--prod--bot .deliv--prod--option .btn--basic::after{width: 6px; height: 10px;}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--subject .deliv--prod--bot .deliv--prod--control{margin-left: auto; display: flex; align-items: center; gap: 5px; z-index: 3; position: relative;}
.deliv--prod--list .deliv--prod--item .deliv--prod--info .deliv--prod--subject .deliv--prod--bot .deliv--prod--control .btn--basic{ min-width: 102px; display: flex; align-items: center; height: 38px; justify-content: center;}


.deliv--list--wrap .deliv--detail--top + .deliv--prod--list{margin-top: 7px;}
.deliv--prod--list + .deliv--info--tbl{margin-top: 20px;}
.deliv--list--wrap .deliv--info--tbl{padding: 17px 30px 21px; border: 1px solid #f0f0f0; border-radius: 10px;}
.deliv--list--wrap .deliv--info--tbl + .deliv--info--tbl,
.deliv--list--wrap .deliv--info--tbl + .deliv--info--tbl--flex{margin-top: 20px;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--tbl--label{font-size: 18px; font-weight: 500; margin-bottom: 16px;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--tbl--inn .info--tbl--row{display: flex;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--tbl--inn .info--tbl--row + .info--tbl--row{margin-top: 15px;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--tbl--inn .info--tbl--row .info--tbl--head{font-size: 14px; font-weight: 300; color: #777; width: 65px; line-height: 17px;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--tbl--inn .info--tbl--row .info--tbl--desc{font-size: 14px; letter-spacing: -0.01em;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--tbl--inn.tbl--price{width: 316px;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--tbl--inn.tbl--price .info--tbl--row .info--tbl--head{width: auto;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--tbl--inn.tbl--price .info--tbl--row .info--tbl--desc{margin-left: auto;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--tbl--inn.tbl--price .info--tbl--row.row--last{align-items: flex-end;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--tbl--inn.tbl--price .info--tbl--row.row--last .info--tbl--head{color: #333; font-size: 15px; font-weight: 600;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--tbl--inn.tbl--price .info--tbl--row.row--last .info--tbl--desc{font-size: 18px; font-weight: 600;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--tbl--inn .info--tbl--row--group + .info--tbl--row--group{margin-top: 12px; padding-top: 12px; border-top: 1px solid #eee;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--txt--box .deliv--info--txt--subject{font-size: 14px;}
.deliv--list--wrap .deliv--info--tbl .deliv--info--txt--box .deliv--info--txt--desc{margin-top: 14px; font-size: 14px;}

.deliv--list--wrap .deliv--view--btn--bot{margin-top: 20px; display: flex; gap: 7px;}
.deliv--list--wrap .deliv--view--btn--bot .btn--lg{width: 142px; height: 46px; border-radius: 5px; font-size: 16px; font-weight: 600;}
.deliv--list--wrap .deliv--view--btn--bot.deliv--view--refund .btn--lg{width: 180px; height: 46px; border-radius: 5px; font-size: 16px; font-weight: 600;}
.deliv--list--wrap .deliv--info--tbl + .deliv--view--form{margin-top: 20px;}
.deliv--view--form .deliv--view--form--cell + .deliv--view--form--cell{margin-top: 20px;}
.deliv--view--form .deliv--view--form--cell .deliv--view--form--title{letter-spacing: -0.04em; margin-bottom: 8px;}
.deliv--view--form .deliv--view--form--cell .deliv--view--form--title .deliv--view--form--title--requ{margin-left: 7px; font-size: 12px; font-weight: 300; letter-spacing: -0.04em; color: #999;}
.deliv--view--form .deliv--view--form--cell .deliv--view--form--desc .select--block{width: 356px;}

.deliv--list--wrap .deliv--info--tbl--flex{display: flex; gap: 10px;}
.deliv--list--wrap .deliv--info--tbl--flex .deliv--info--tbl{width: 100%;}
.deliv--list--wrap .deliv--info--tbl--flex .deliv--info--tbl + .deliv--info--tbl{margin-top: 0;}

.deliv--addr--list--wrap .deliv--addr--btn--main--cell{width: 356px; margin-bottom: 30px;}
.deliv--addr--list--wrap .deliv--addr--btn--main--cell .btn--lg{display: flex; align-items: center; justify-content: center; height: 46px; font-size: 15px; font-weight: 500; letter-spacing: -0.008em; border-radius: 5px;}
.deliv--addr--list--wrap .deliv--addr--btn--main--cell .btn--lg::before{content: ''; display: block; ; width: 13px; height: 13px; background-image: url('/assets/img/ico/ico-plus-solid.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 10px;}
.deliv--addr--list--wrap .deliv--addr--list .deliv--addr--item{display: flex; align-items: center; padding: 24px 0; border-bottom: 1px solid #eee;}
.deliv--addr--list--wrap .deliv--addr--list .deliv--addr--item:first-child{padding-top: 0;}
.deliv--addr--list--wrap .deliv--addr--list .deliv--addr--item .deliv--addr--info .deliv--addr--info--top{display: flex; align-items: center; margin-bottom: 15px;}
.deliv--addr--list--wrap .deliv--addr--list .deliv--addr--item .deliv--addr--info .deliv--addr--info--top .deliv--addr--info--name{font-size: 16px; font-weight: 600; letter-spacing: -0.04em; margin-right: 10px;}
.deliv--addr--list--wrap .deliv--addr--list .deliv--addr--item .deliv--addr--info .deliv--addr--info--top .deliv--addr--info--label{padding: 4px 12px; border-radius: 30px; border: 1px solid rgba(55,132,223, 0.3); color: var(--colorMain1); font-size: 12px; font-weight: 600;}
.deliv--addr--list--wrap .deliv--addr--list .deliv--addr--item .deliv--addr--info .deliv--addr--info--content .deliv--addr--info--desc{font-size: 14px; color: #555;}
.deliv--addr--list--wrap .deliv--addr--list .deliv--addr--item .deliv--addr--info .deliv--addr--info--content .deliv--addr--info--numb{font-size: 14px; color: #999; margin-top: 5px;}
.deliv--addr--list--wrap .deliv--addr--list .deliv--addr--item .deliv--addr--control{margin-left: auto; display: flex; align-items: center; gap: 5px;}
.deliv--addr--list--wrap .deliv--addr--list .deliv--addr--item .deliv--addr--control .btn--basic{font-size: 13px; font-weight: 600; letter-spacing: -0.02em; padding: 8px 15px;}

.deliv--addr--submit--form .deliv--addr--submit--form--row{display: flex;}
.deliv--addr--submit--form .deliv--addr--submit--form--row + .deliv--addr--submit--form--row{margin-top: 20px;}
.deliv--addr--submit--form .deliv--addr--submit--form--row .deliv--addr--submit--head{width: 200px; line-height: 18px; padding: 13px 0;}
.deliv--addr--submit--form .deliv--addr--submit--form--row .deliv--addr--submit--content{width: 356px;}
.deliv--addr--submit--form .deliv--addr--submit--form--row .deliv--addr--submit--content .input--comp{height: 44px;}
.deliv--addr--submit--form .deliv--addr--submit--form--row .deliv--addr--submit--content .deliv--addr--submit--inner--flex{display: flex; gap: 5px;}
.deliv--addr--submit--form .deliv--addr--submit--form--row .deliv--addr--submit--content .deliv--addr--submit--inner--flex + .deliv--addr--submit--inner--flex{margin-top: 7px;}
.deliv--addr--submit--form .deliv--addr--submit--btn--row{margin-top: 30px; display: flex; gap: 7px;}
.deliv--addr--submit--form .deliv--addr--submit--btn--row .btn--lg{width: 180px; height: 48px; border-radius: 5px; font-size: 16px; font-weight: 400;}

.review--write--wrap{width: 550px;}

.review--top--tab{display: flex; position: relative; margin-bottom: 25px;}
.review--top--tab::after{content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #ccc;}
.review--top--tab .review--top--tab--btn{display: flex; align-items: center; justify-content: center; min-width: 195px; position: relative; font-size:15px; letter-spacing: -0.008em; font-weight: 500; color: #555; height: 52px;}
.review--top--tab .review--top--tab--btn .btn--cnt{font-size: 15px; font-weight: 600; letter-spacing: -0.008em; color: #aaa; margin-left: 5px;}
.review--top--tab .review--top--tab--btn.active{color: var(--colorMain1);}
.review--top--tab .review--top--tab--btn.active::after{content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: var(--colorMain1);}
.review--top--tab .review--top--tab--btn.active .btn--cnt{color: var(--colorMain1)}

[class^="info--"] + .review--post--list{margin-top: 8px;}
.review--post--list .review--post--item{display: flex; padding: 18px 20px; border: 1px solid #f0f0f0; border-radius: 10px;}
.review--post--list .review--post--item .review--post--thumb{border-radius: 5px; width: 90px; height: 90px; overflow: hidden; margin-right: 20px;}
.review--post--list .review--post--item .review--post--thumb img{width: 100%; height: 100%; object-fit: cover;}
.review--post--list .review--post--item .review--post--desc{width: calc(100% - 90px - 20px - 50px - 316px);}
.review--post--list .review--post--item .review--post--desc .review--post--date{font-size: 13px; font-weight: 500; color: #999;}
.review--post--list .review--post--item .review--post--desc .review--post--name{font-size: 14px; letter-spacing: -0.01em; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; line-height: 16px; height: 32px; overflow: hidden; -webkit-box-orient: vertical;}
.review--post--list .review--post--item .review--post--desc .review--post--sub{margin-top: 10px; display: flex; align-items: center;}
.review--post--list .review--post--item .review--post--desc .review--post--sub .review--post--sub--item{font-size: 14px; font-weight: 600;}
.review--post--list .review--post--item .review--post--desc .review--post--sub .review--post--sub--item + .review--post--sub--item{margin-left: 8px; padding-left: 8px; position: relative;}
.review--post--list .review--post--item .review--post--desc .review--post--sub .review--post--sub--item + .review--post--sub--item::before{content: ''; display: block; position: absolute; height: 11px; border-left: 1px solid #e6e6e6; top: 50%; left: 0; transform: translateY(-50%);}
.review--post--list .review--post--item .review--post--btn--cell{margin-left: auto; width: 316px;}
.review--post--list .review--post--item .review--post--btn--cell .btn--basic{font-size: 14px; font-weight: 600; letter-spacing: -0.02em; height: 38px; padding: 10px; border-radius: 5px;}
.review--post--list .review--post--item .review--post--btn--cell .btn--basic .floating--item{margin-top: -4px;}

.review--rating--btn--row{margin-top: 30px; border: 1px solid #f0f0f0; border-radius: 10px; padding: 20px 0; text-align: center;}
.review--rating--btn--row .review--rating--top{font-size: 16px; font-weight: 500; letter-spacing: -0.01em;}
.review--rating--btn--row .review--rating--btn--group{display: flex; justify-content: center; margin-top: 8px;}
.review--rating--btn--row .review--rating--btn--group .review--rating--btn{display: block; width: 45px; height: 45px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url('/assets/img/ico/ico-star-off.png');}
.review--rating--btn--row .review--rating--btn--group .review--rating--btn.active{background-image: url('/assets/img/ico/ico-star-on.png');}
.review--rating--btn--row .review--rating--bot{margin-top: 5px; display: none; color: var(--colorPoint); font-size: 13px;}
.review--rating--btn--row .review--rating--bot b{font-weight: 500; margin-right: 5px;}
.review--rating--btn--row .review--rating--bot span{font-weight: 300; font-size: 13px;}

.input--file--wrapper{display: flex; flex-flow: row wrap; position: relative; gap: 7px;}
.input--file--wrapper input[type="file"]{position: absolute; top: 0; left: 0; opacity: 0;}
.input--file--wrapper .input--file--trigger{width: 64px; height: 64px; border-radius: 3px; overflow: hidden; border: 1px solid #ddd; position: relative;}
.input--file--wrapper .input--file--trigger::before,
.input--file--wrapper .input--file--trigger::after{content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 1px; height: 24px; background-color: #999; transform: translate(-50%,-50%);}
.input--file--wrapper .input--file--trigger::after{width: 24px; height: 1px;}
.input--file--wrapper .file--uploaded{width: 64px; height: 64px; background-color:#f2f2f2; border-radius: 3px; overflow: hidden; padding: 10px 7px; font-size: 10px; font-weight: 300; line-height:calc(44px / 3); position: relative;background-size: cover; background-repeat: no-repeat; background-position: center;}
.input--file--wrapper .file--uploaded .file--name{display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;  width: 100%;  height: 100%; word-break: break-all;}
.input--file--wrapper .file--uploaded .file--name.name--img{text-indent: 9999px; white-space: nowrap;}
.input--file--wrapper .file--remove{width: 20px; height: 20px; position: absolute; right: 4px; bottom: 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%;}
.input--file--wrapper .file--remove::before,
.input--file--wrapper .file--remove::after{content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); width: 1px; height: 40%; background-color: #fff;}
.input--file--wrapper .file--remove::after{width: 40%; height: 1px;}
.input--file--desc{width: 100%; margin-top: 10px; font-size: 12px; font-weight: 300; letter-spacing: -0.04em; color: #777;}

.review--write--form{margin-top: 30px;}
.review--write--form .review--write--form--top{font-size: 16px; font-weight: 500; text-align: center; letter-spacing: -0.01em; margin-bottom: 10px;}
.review--write--form--files{margin-top: 16px;}
.review--write--form--btn--group{margin-top: 30px; display: flex; gap: 7px;}
.review--write--form--btn--group .btn--lg{width: 180px; height: 40px; border-radius: 5px; font-size: 16px; font-weight: 400; padding: 0;}

.review--posted--list .review--posted--item{padding: 20px; border: 1px solid #f0f0f0; border-radius: 10px; position: relative;}
.review--posted--list .review--posted--info{display: flex;}
.review--posted--list .review--posted--info .review--posted--thumb{margin-right: 15px; width: 70px; height: 70px; border-radius: 5px; overflow: hidden;}
.review--posted--list .review--posted--info .review--posted--thumb img{width: 100%; height: 100%; object-fit: cover;}
.review--posted--list .review--posted--info .review--posted--subject{width: calc(100% - 70px - 15px); display: flex; flex-direction: column;}
.review--posted--list .review--posted--info .review--posted--subject .review--posted--name{font-size: 14px; letter-spacing: -0.01em; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 16px;}
.review--posted--list .review--posted--info .review--posted--subject .review--posted--rate{margin-top: 7px;}
.review--posted--list .review--posted--info .review--remove--btn{position: absolute; top: 20px; right: 20px; width: 15px; height: 15px; background-image: url('/assets/img/ico/ico-cross-999_15px.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.review--posted--list .review--posted--desc{margin-top: 10px; font-size: 13px; letter-spacing: -0.01em; line-height: 18px;}
.review--posted--list .review--posted--desc img{max-width: 100%; margin: 10px 0;}

.coupon--submit--form{padding-top: 24px; max-width: 356px; margin: auto;}
.coupon--submit--form .coupon--submit--form--top{display: flex; border-radius: 10px; background-color: #f6f6f6; padding: 13px 0 15px; margin-bottom: 20px;}
.coupon--submit--form .coupon--submit--form--top .coupon--submit--form--top--btn{display: block; text-align: center; width: 100%;}
.coupon--submit--form .coupon--submit--form--top .coupon--submit--form--top--btn .coupon--submit--form--top--subject{font-size: 12px; letter-spacing: -0.01em; line-height: 26px;}
.coupon--submit--form .coupon--submit--form--top .coupon--submit--form--top--btn .coupon--submit--form--top--value .value{font-size: 20px; font-weight: 600; letter-spacing: -0.02em;}
.coupon--submit--form .coupon--submit--form--top .coupon--submit--form--top--btn .coupon--submit--form--top--value .unit{font-size: 13px; line-height: 26px;}
.coupon--submit--form--inn .coupon--submit--input--row--title{font-size: 14px; letter-spacing: -0.04em; margin-bottom: 5px;}
.coupon--submit--form--inn .coupon--submit--input--row{display: flex; align-items: center; gap: 9px;}
.coupon--submit--form--inn .coupon--submit--input--row .input--comp{width: 100%; text-align: center;}
.coupon--submit--form--inn .coupon--submit--input--row + [class^="info--"]{margin-top: 5px;}
.coupon--submit--form--inn .coupon--submit--input--row ~ .btn--block{margin-top: 20px; height: 46px; border-radius: 5px; font-size: 14px; font-weight: 600;}

.deliv--addr--btn--main--cell + .submited--coupon--list{margin-top: -10px;}
.submited--coupon--list{display: flex; flex-flow: row wrap; gap: 20px 40px;}
.submited--coupon--list .submited--coupon{width: calc((100% - 40px) / 2); padding: 21px 25px 22px; border: 1px dashed #cecece; border-radius: 15px; position: relative; display: flex; flex-direction: column;}
.submited--coupon--list .submited--coupon .coupon--name{font-size: 17px; font-weight: 500; letter-spacing: -0.01em; color: #000; margin-bottom: 2px;}
.submited--coupon--list .submited--coupon .coupon--price{margin-bottom: 5px;}
.submited--coupon--list .submited--coupon .coupon--price .value{font-size: 26px; font-weight: 600; letter-spacing: -0.04em; color: var(--colorPoint);}
.submited--coupon--list .submited--coupon .coupon--price .unit{font-size: 17px; font-weight: 600; color: var(--colorPoint);}
.submited--coupon--list .submited--coupon .coupon--subinfo{display: flex; margin-top: auto;}
.submited--coupon--list .submited--coupon .coupon--subinfo .coupon--subinfo--item{font-size: 13px; color: #999; letter-spacing: -0.01em;}
.submited--coupon--list .submited--coupon .coupon--subinfo .coupon--subinfo--item + .coupon--subinfo--item{padding-left: 16px; margin-left: 16px; position: relative;}
.submited--coupon--list .submited--coupon .coupon--subinfo .coupon--subinfo--item + .coupon--subinfo--item::before{content: ''; display: block; position: absolute; height: 10px; top: 50%; left: 0; border-left: 1px solid #e3e3e3; transform: translateY(-50%);}
.submited--coupon--list .submited--coupon .coupon--remove--btn{position: absolute; right: 12px; top: 14px; background-image: url('/assets/img/ico/ico-cross-circle.png'); width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center;}

.point--top{display: flex; justify-content: center; align-items: center; min-height: 80px; background-color: #f6f6f6; border-radius: 5px; gap: 60px;}
.point--top .point--top--item{position: relative;}
.point--top .point--top--item::before{content: ''; display: block; position: absolute; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; left: calc(-60px / 2); top: 50%; transform: translate(-50%,-50%);}
.point--top .point--top--item + .point--top--item:not(.item--last)::before{background-image: url('/assets/img/ico/ico-circle-plus.png');}
.point--top .point--top--item.item--last::before{background-image: url('/assets/img/ico/ico-circle-equal.png');}
.point--top .point--top--item .point--top--item--label{font-size: 15px; line-height: 26px; letter-spacing: -0.01em;}
.point--top .point--top--item .point--top--item--value{font-size: 24px; line-height: 26px; margin-left: 8px;}
.point--top .point--top--item b.point--top--item--value{font-weight: 600;}
.point--top .point--top--item .point--top--item--value .value--inn{font-size: 13px; font-weight: 500; line-height: 26px; margin-left: 4px;}

.point--tbl{margin: 20px 0 24px; width: 100%;}
.point--tbl tr{border-bottom: 1px solid #eee; table-layout: auto;}
.point--tbl .point--tbl--head{white-space: nowrap; width: 180px; text-align: left; font-size: 16px; line-height: 18px; padding: 21px 0; letter-spacing: -0.01em;}
.point--tbl .point--tbl--date{width: auto; font-size: 13px; line-height: 18px; padding: 21px 0; text-align: left; letter-spacing: -0.01em; color: #aeaeae;}
.point--tbl .point--tbl--value{width: 120px; text-align: right; font-size: 16px; line-height: 18px; padding: 21px 0;}

.prod--card--wrap .prod--card--top{margin-bottom: 10px;}
.prod--type--card{display: flex; gap: 20px; flex-flow: row wrap;}
.prod--type--card .prod--item{width: calc((100% - 20px) / 2); display: flex; position: relative; padding: 20px 24px 20px 20px; border: 1px solid #f0f0f0; border-radius: 10px;}
.prod--type--card .prod--item .prod--thumb{width: 110px; height: 110px; overflow: hidden; border-radius: 5px;}
.prod--type--card .prod--item .prod--thumb img{width: 100%; height: 100%; object-fit: cover;}
.prod--type--card .prod--item .prod--desc{width: calc(100% - 110px - 20px); margin-left: auto;}
.prod--type--card .prod--item .prod--desc .prod--title{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 16px; height: 32px; font-size: 15px; letter-spacing: -0.01em; margin-bottom: 12px;}
.prod--type--card .prod--item .prod--desc .prod--price--info{display: flex; align-items: flex-end; gap:4px;}
.prod--type--card .prod--item .prod--desc .prod--price--info .prod--price--discount{color: var(--colorPoint); font-weight: 600; line-height: -0.01em;}
.prod--type--card .prod--item .prod--desc .prod--price--info .prod--price--total .value{font-weight: 600; letter-spacing: -0.01em;}
.prod--type--card .prod--item .prod--desc .prod--price--info .prod--price--total .unit{font-size: 13px; font-weight: 600; letter-spacing: -0.01em;}
.prod--type--card .prod--item .prod--desc .prod--price--info .prod--price--origin{font-weight: 300; color: #888; font-size: 13px; letter-spacing: -0.01em; text-decoration: line-through;}
.prod--type--card .prod--item .prod--desc .prod--item--bot{display: flex; gap: 4px;}
.prod--type--card .prod--item .prod--desc .prod--item--bot .prod--label--group{padding-top: 7px; display: flex; flex-flow: row wrap; gap: 4px; align-items: flex-start;}
.prod--type--card .prod--item .prod--desc .prod--item--bot .prod--card--btn--group{display: flex; gap: 7px; position: relative; z-index: 3; margin-left: auto; margin-top: auto;}
.prod--type--card .prod--item .prod--desc .prod--item--bot .prod--card--btn--group .cart--btn{display: block; width: 30px; height: 30px; background-image: url('/assets/img/ico/ico-cart-circle-succ.png'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.prod--type--card .prod--item .prod--desc .prod--item--bot .prod--card--btn--group .like--btn{display: block; width: 30px; height: 30px; background-image: url('/assets/img/ico/ico-like-off.png'); background-size: 14px; background-repeat: no-repeat; background-position: center; border: 1px solid #ccc; border-radius: 50%;}
.prod--type--card .prod--item .prod--desc .prod--item--bot .prod--card--btn--group .like--btn.active{background-image: url('/assets/img/ico/ico-like-on.png');}

/*2024-03-25 jy*/.sub--nav + .ask--list--wrap{margin-top:70px;}

.ask--list--wrap .ask--search--top{display: flex; gap: 7px; justify-content: flex-end; margin-top:-55px;} /* 2023-11-01 */
.ask--list--wrap .ask--search--top .post--location--btn{width: 142px; height: 46px; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600;}
.ask--list--wrap .ask--search--top .btn--arr--group{display: flex; gap: 7px;}
.ask--list--wrap .ask--search--top .btn--arr--group .btn--basic{padding-left: 45px; padding-right: 45px; border-radius: 5px; display: flex; align-items: center; justify-content: center;}
.ask--list--wrap .ask--search--top .btn--arr--group .btn--basic.btn--dark::after{content: ''; display: block; width: 5px; height: 9px; background-image: url('/assets/img/ico/arr-left-fff_5px.png'); background-size: 5px; background-size: contain; background-repeat: no-repeat; background-position: center; transform: rotate(180deg); margin-left: 8px;}
.ask--list--wrap .ask--search--top .btn--arr--group .btn--basic.btn--default::after{content: ''; display: block; width: 5px; height: 9px; background-image: url('/assets/img/ico/arr-left-333_6x12.png'); background-size: 5px; background-size: contain; background-repeat: no-repeat; background-position: center; transform: rotate(180deg); margin-left: 8px;}
.ask--list--wrap .ask--search{width: 356px; position: relative;}
.ask--list--wrap .ask--search .input--comp{height: 46px; border: 1px solid #999; border-radius: 5px; padding-right: 40px;}
.ask--list--wrap .ask--search .ask--submit{position: absolute; top: 50%; right: 15px; width: 20px; height: 20px; background-image: url('/assets/img/ico/ico-zoom.png'); background-size: contain; background-repeat: no-repeat; background-position: center; transform: translateY(-50%);}
.ask--list--wrap .ask--list .ask--item{padding: 20px 0 15px; display: flex; border-bottom: 1px solid #eee;}
.ask--list--wrap .ask--list .ask--item .ask--thumb{width: 100px; height: 100px; border-radius: 5px; overflow: hidden; margin-right: 20px;}
.ask--list--wrap .ask--list .ask--item .ask--thumb img{width: 100%; height: 100%; object-fit: cover;}
.ask--list--wrap .ask--list .ask--item .ask--desc{width: calc(100% - 20px - 100px);}
.ask--list--wrap .ask--list .ask--item .ask--desc .ask--desc--top{display: flex; align-items: center; margin-bottom: 12px;}
.ask--list--wrap .ask--list .ask--item .ask--desc .ask--desc--top .ask--statue{display: block; padding: 4px 10px; border-radius: 10px; border: 1px solid #eee; background-color: #f3f3f3; border-radius: 30px; font-size: 12px; color: #666; font-weight: 300;}
.ask--list--wrap .ask--list .ask--item.ask--done .ask--desc .ask--desc--top .ask--statue{background-color: #888; border-color: #888; color: #fff;}
.ask--list--wrap .ask--list .ask--item .ask--desc .ask--desc--top .ask--date{margin-left: auto; font-size: 14px; font-weight: 300; color: #aaa;}
.ask--list--wrap .ask--list .ask--item .ask--desc .ask--desc--subject{white-space: nowrap; font-weight: 500; letter-spacing: -0.04em; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px;}
.ask--list--wrap .ask--list .ask--item.ask--private .ask--desc .ask--desc--subject::before{content: ''; display: inline-block; width: 12px; height: 14px; background-image: url('/assets/img/ico/ico-locker.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 4px;}
.ask--list--wrap .ask--list .ask--item .ask--desc .ask--desc--inn{font-size: 14px; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 44px;}
.ask--list--wrap .ask--list .ask--item .ask--desc .ask--toggle--target{padding: 14px 18px 21px; border-radius: 5px; background-color: #f6f6f6; margin-top: 10px; font-size: 14px; line-height: 20px; letter-spacing: -0.04em; margin-bottom: 15px; display: none;}
.ask--list--wrap .ask--list .ask--item .ask--desc .ask--toggle--btn{font-size: 12px; color: #777; display: inline-flex; align-items: center;}
.ask--list--wrap .ask--list .ask--item .ask--desc .ask--toggle--btn::after{content: ''; display: block; width: 10px; height: 6px; background-image: url('/assets/img/ico/arr-top-777_10x6.png'); transform: rotate(180deg); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 4px;}
.ask--list--wrap .ask--list .ask--item.ask--active .ask--desc .ask--desc--subject{white-space: normal;}
.ask--list--wrap .ask--list .ask--item.ask--active .ask--desc .ask--desc--inn{height: auto; -webkit-line-clamp: unset;}
.ask--list--wrap .ask--list .ask--item.ask--active .ask--desc .ask--toggle--btn::after{transform: none;}
.ask--list--wrap .ask--list .ask--item.ask--active .ask--desc .ask--toggle--target{display: block;}

.cs--dashboard .cs--dashboard--top{display: flex; gap: 50px; background-color: #68a9f5; border-radius: 10px; padding: 26px 30px 28px;}
.cs--dashboard .cs--dashboard--top .cs--dashboard--search{width: 551px;}
.cs--dashboard .cs--dashboard--top .cs--dashboard--search .cs--dashboard--search--label{display: inline-flex; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; line-height: 20px; color: #fff; align-items: center; margin-bottom: 8px;}
.cs--dashboard .cs--dashboard--top .cs--dashboard--search .cs--dashboard--search--label::after{content: ''; display: block; width: 5px; height: 10px; background-image: url('/assets/img/ico/arr-left-fff_5px.png'); transform: rotate(180deg); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 12px;}
.cs--dashboard .cs--dashboard--top .cs--dashboard--search .cs--dashboard--search--form{position: relative;}
.cs--dashboard .cs--dashboard--top .cs--dashboard--search .cs--dashboard--search--form .input--comp{border-color: #fff; height: 46px; font-size: 16px;}
.cs--dashboard .cs--dashboard--top .cs--dashboard--search .cs--dashboard--search--form .cs--dashboard--search--submit{display: block; position: absolute; top: 50%; right: 13px; width: 21px; height: 21px; background-image: url('/assets/img/ico/ico-zoom.png'); background-size: contain; background-repeat: no-repeat; background-position: center; transform: translateY(-50%);}
.cs--dashboard .cs--dashboard--top .cs--dashboard--tel{width: calc(100% - 50px - 551px);}
.cs--dashboard .cs--dashboard--top .cs--dashboard--tel .cs--dashboard--tel--title{font-size: 13px;color: #4e4e4e; font-weight: 500; letter-spacing: -0.01em; margin-bottom: 4px;}
.cs--dashboard .cs--dashboard--top .cs--dashboard--tel .cs--dashboard--tel--value{font-size:24px; font-weight: 700; line-height: 20px; color: #fff; display: flex; align-items: center;}
.cs--dashboard .cs--dashboard--top .cs--dashboard--tel .cs--dashboard--tel--value::before{content: ''; display: block; width: 14px; height: 14px; background-image: url('/assets/img/ico/ico-tel-white.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 7px;}
.cs--dashboard .cs--dashboard--top .cs--dashboard--tel .cs--dashboard--tel--info{font-size: 14px; font-weight: 500; line-height: 18px; color: #fff; margin-top: 10px;}
.cs--dashboard .cs--dashboard--top .cs--dashboard--tel .cs--dashboard--tel--info .info--sub{font-weight:300;}
.cs--dashboard .cs--dashboard--top + .cs--dashboard--sec{margin-top: 40px;}

.cs--dashboard .cs--dashboard--sec .cs--dashboard--sec--title{font-size: 20px; font-weight: 600; letter-spacing: -0.01em; line-height: 20px; margin-bottom: 10px;}
.cs--dashboard .cs--dashboard--sec .cs--dashboard--sec--title .cs--dashboard--sec--title--btn{display: inline-flex; align-items: center;}
.cs--dashboard .cs--dashboard--sec .cs--dashboard--sec--title .cs--dashboard--sec--title--btn::after{content: ''; display: block; width: 5px; height: 10px; background-image: url('/assets/img/ico/arr-left-333_6x12.png'); background-position: center; background-repeat: no-repeat; background-size: contain; transform: rotate(180deg); margin-left: 10px;}

.cs--dashboard--post--list{margin-top: 10px;}
.cs--dashboard--post--list .cs--dashboard--post--item a{display: block; padding: 17px 0 17px; border-bottom: 1px solid #eee; font-size: 15px; font-weight: 300; letter-spacing: -0.04em;}

.cs--dashboard--bot{margin-top: 40px; display: flex; gap: 20px;}
.cs--dashboard--bot .cs--dashboard--bot--bbs{width: 606px; border-radius: 10px; border: 1px solid #eee; padding: 24px 20px 29px 27px;}
.cs--dashboard--bot .cs--dashboard--bot--bbs .bbs--title{font-size: 20px; font-weight: 600; letter-spacing: -0.01em; line-height: 20px; margin-bottom: 16px;}
.cs--dashboard--bot .cs--dashboard--bot--bbs .bbs--title .bbs--title--btn{display: inline-flex; align-items: center;}
.cs--dashboard--bot .cs--dashboard--bot--bbs .bbs--title .bbs--title--btn::after{content: ''; display: block; width: 5px; height: 10px; background-image: url('/assets/img/ico/arr-left-333_6x12.png'); background-position: center; background-repeat: no-repeat; background-size: contain; transform: rotate(180deg); margin-left: 10px;}
.cs--dashboard--bot .cs--dashboard--bot--bbs .bbs--list .bbs--item + .bbs--item{margin-top: 15px;}
.cs--dashboard--bot .cs--dashboard--bot--bbs .bbs--list .bbs--item .bbs--item--row{display: flex; align-items: center;}
.cs--dashboard--bot .cs--dashboard--bot--bbs .bbs--list .bbs--item .bbs--item--row .bbs--item--title{max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; font-weight: 300; letter-spacing: -0.04em;}
.cs--dashboard--bot .cs--dashboard--bot--bbs .bbs--list .bbs--item .bbs--item--row .bbs--item--date{white-space: nowrap; margin-left: auto; font-size: 14px; font-weight: 300; color: #999; letter-spacing: -0.04em; padding-left: 7px;}
.cs--dashboard--bot .cs--dashboard--bot--btn--group{padding: 8px 22px; border-radius: 10px; border: 1px solid #eee; display: flex; flex-direction: column;}
.cs--dashboard--bot .cs--dashboard--bot--btn--group .cs--dashboard--bot--btn{display: flex; align-items: center; gap: 20px; width: 100%; height: 100%;}
.cs--dashboard--bot .cs--dashboard--bot--btn--group .cs--dashboard--bot--btn + .cs--dashboard--bot--btn{border-top: 1px solid #eee;}
.cs--dashboard--bot .cs--dashboard--bot--btn--group .cs--dashboard--bot--btn img{width: 34px;}
.cs--dashboard--bot .cs--dashboard--bot--btn--group .cs--dashboard--bot--btn .cs--dashboard--bot--btn--txt{font-size: 17px; font-weight: 600; line-height: 20px; letter-spacing: -0.01em; display: flex; align-items: center;}
.cs--dashboard--bot .cs--dashboard--bot--btn--group .cs--dashboard--bot--btn .cs--dashboard--bot--btn--txt::after{content: ''; display: block; width: 5px; height: 10px; background-image: url('/assets/img/ico/arr-right-333_8x14.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 8px;}
 
.bbs--top--visual{margin-bottom: 20px;}

.bbs--tbl--box{margin: 20px 0;}
.bbs--tbl--box .bbs--top{display: flex; align-items: flex-end; padding-bottom: 12px;}
.bbs--tbl--box .bbs--top .bbs--top--control{margin-left: auto; display: flex; gap: 5px;}
.bbs--tbl{border-top: 1px solid #aaa; table-layout: auto;}
.bbs--tbl td{padding: 23px 0; border-bottom: 1px solid #eee; vertical-align: middle;}
.bbs--tbl .bbs--chk{padding-right: 10px;}
.bbs--tbl .bbs--chk .chk--custom.chk--single .chk--ico{width: 24px; height: 24px;}
.bbs--tbl .bbs--chk .chk--custom.chk--single input[type="checkbox"]:checked ~ .chk--ico{background-size: 12px;}
.bbs--tbl .bbs--numb{min-width: 60px; text-align: center; font-size: 15px; color: #555;}
.bbs--tbl .bbs--subject{font-size: 15px; font-weight: 400; letter-spacing: -0.04em; width: 100%;}
.bbs--tbl .bbs--subject .bbs--subject--inn{width: 100%; display: flex; align-items: center; justify-content: flex-start;}
.bbs--tbl .bbs--subject.private .bbs--subject--inn::before{content:''; display: block; min-width: 12px; height: 14px; background-image: url('/assets/img/ico/ico-locker.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 7px;}
.bbs--tbl .bbs--subject .ico--clip{margin-left: 4px; min-width: 12px;}
.bbs--tbl .bbs--subject .subject--statue{display: inline-block; font-size: 12px; font-weight: 300; color: #888; padding: 3px 8px; border-radius: 20px; background-color: #f3f3f3; margin-left: 8px; white-space: nowrap;}
.bbs--tbl .bbs--subject .subject--statue.done{background-color: #909090; color: #fff;}
.bbs--tbl .bbs--subject a{}
.bbs--tbl .bbs--writer{padding-left: 34px; white-space: nowrap; font-size: 14px; font-weight: 300; color: #999;}
.bbs--tbl .bbs--date{font-size: 14px; font-weight: 300; color: #999; padding-left: 34px;}
.bbs--tbl--box .pagination--wrap{margin-top: 30px;}

.bbs--view--layout .bbs--view--top{border-top: 1px solid #aaa; margin-top:30px;} /* 마진추가 2023-11-01 */
.bbs--view--layout .bbs--view--top .bbs--view--subject--box{display: flex; min-height: 65px; align-items: center; border-bottom: 1px solid #eee; margin-bottom: 10px;}
.bbs--view--layout .bbs--view--top .bbs--view--subject--box .bbs--view--subject--title{font-size: 20px; font-weight: 500; letter-spacing: -0.04em; max-width: 100%;} /* 폰트수정 2023-11-01 */
.bbs--view--layout .bbs--view--top .bbs--view--subject--box .bbs--view--subject--date{margin-left: auto; font-size: 15px; text-align:right;font-weight: 300; min-width:10em;color: #999;}
.bbs--view--layout .bbs--view--top--info{border-bottom: 1px solid #eee; border-top: 1px solid #aaa; margin-bottom: 10px; padding: 24px 0 20px;}
.bbs--view--layout .bbs--view--top--info .bbs--view--subject--wrap{display: flex;}
.bbs--view--layout .bbs--view--top--info .bbs--view--subject--wrap .bbs--view--subject--title{letter-spacing: -0.04em; font-weight: 500;}
.bbs--view--layout .bbs--view--top--info .bbs--view--subject--wrap .bbs--view--subject--date{margin-left: auto; font-size: 15px; font-weight: 300; color: #999;}
.bbs--view--layout .bbs--view--top--info .bbs--view--subject--bot{margin-top: 10px; display: flex; align-items: center; gap: 18px;}
.bbs--view--layout .bbs--view--top--info .bbs--view--subject--bot .bbs--view--subject--bot--item{display: flex; align-items: center; font-size: 14px; font-weight: 400; gap: 5px;}
.bbs--view--layout .bbs--view--top--info .bbs--view--subject--bot .bbs--view--subject--bot--item::before{content: ''; display: block; background-size: contain; background-repeat: no-repeat; background-position: center;}
.bbs--view--layout .bbs--view--top--info .bbs--view--subject--bot .bbs--view--subject--bot--item.bot--mail::before{width: 12px; height: 9px; background-image: url('/assets/img/ico/ico-mail-solid.png');}
.bbs--view--layout .bbs--view--top--info .bbs--view--subject--bot .bbs--view--subject--bot--item.bot--tel::before{width: 10px; height: 10px; background-image: url('/assets/img/ico/ico-tel-solid.png');}
.bbs--view--layout .bbs--view--top--info .bbs--view--subject--bot .bbs--view--subject--bot--item.bot--location::before{width: 10px; height: 10px; background-image: url('/assets/img/ico/ico-home-solid.png');}
.bbs--view--layout .bbs--view--inn{white-space: pre-line; margin: 20px 0; line-height:1.7; font-weight:300; color:#666;} /* 폰트 마진수정 2023-11-01 */
.bbs--view--layout .bbs--view--bot .bbs--view--attached + .bbs--view--attached{margin-top: 32px;}
.bbs--view--layout .bbs--view--bot .bbs--view--attached .bbs--view--attached--title{display: flex; align-items: center; gap: 4px; font-size: 14px; margin-bottom: 4px;}
.bbs--view--layout .bbs--view--bot .bbs--view--attached .bbs--view--attached--title::before{content: ''; display: block; background-size: contain; background-repeat: no-repeat; background-position: center;}
.bbs--view--layout .bbs--view--bot .bbs--view--attached .bbs--view--attached--title.attached--file::before{width: 14px; height: 14px; background-image: url('/assets/img/ico/ico-saved-file.png');}
.bbs--view--layout .bbs--view--bot .bbs--view--attached .bbs--view--attached--title.attached--link::before{width: 12px; height: 12px; background-image: url('/assets/img/ico/ico-linked.png');}
.bbs--view--layout .bbs--view--bot .bbs--view--attached .attached--list{font-size: 13px; text-decoration: underline; color: var(--colorMain2); margin-top: 8px;}
.bbs--view--layout .bbs--view--bot .bbs--view--attached .attached--list li + li{margin-top: 16px;}
.bbs--view--layout .bbs--view--bot .bbs--view--attached .attached--single--row + .attached--single--row{margin-top: 16px;}
.bbs--view--layout .bbs--view--bot .bbs--view--attached .attached--single--row .attached--single--btn{display: inline-flex; text-decoration: underline; color: var(--colorMain2); font-size: 13px; align-items: center;}
.bbs--view--layout .bbs--view--bot .bbs--view--attached .attached--single--row .attached--single--btn::before{content: ''; display: block; background-size: contain; background-repeat: no-repeat; background-position: center; width: 12px; height: 12px; background-image: url('/assets/img/ico/ico-linked.png'); margin-right: 8px;}

.bbs--view--layout .bbs--view--control--group{margin-top: 60px; border-top: 1px solid #eee; padding-top: 10px;}
.bbs--view--layout .bbs--view--control--group .btn--basic{padding: 6px 15px 7px;}

.bbs--view--layout .bbs--view--pager{margin-top: 30px;}
.bbs--view--layout .bbs--view--pager .bbs--adm--msg{border-top: 1px solid #eee; background-color: #fcfcfc; padding: 20px 20px 24px;}
.bbs--view--layout .bbs--view--pager .bbs--adm--msg .bbs--adm--msg--content .bbs--adm--msg--label--row{margin-bottom: 6px;}
.bbs--view--layout .bbs--view--pager .bbs--adm--msg .bbs--adm--msg--content .bbs--adm--msg--label--row .bbs--adm--msg--label--statue{ padding: 3px 8px; border-radius: 20px ;background-color: #909090; color: #fff; font-size: 12px; font-weight: 300;}
.bbs--view--layout .bbs--view--pager .bbs--adm--msg .bbs--adm--msg--content .bbs--adm--msg--title{margin-bottom: 18px;}
.bbs--view--layout .bbs--view--pager .bbs--adm--msg .bbs--adm--msg--content .bbs--adm--msg--title .title--txt{font-size: 14px; font-weight: 500;}
.bbs--view--layout .bbs--view--pager .bbs--adm--msg .bbs--adm--msg--content .bbs--adm--msg--title .title--date{font-size: 11px; font-weight: 300; color: #777;}
.bbs--view--layout .bbs--view--pager .bbs--adm--msg .bbs--adm--msg--content .bbs--adm--msg--txt{font-size: 13px; font-weight: 400; line-height: 18px; white-space: pre-line;}
.bbs--view--layout .bbs--view--pager .bbs--adm--msg .bbs--adm--msg--form .bbs--adm--msg--form--title{font-size: 14px; letter-spacing: -0.04em; margin-bottom: 5px;}
.bbs--view--layout .bbs--view--pager .bbs--adm--msg .bbs--adm--msg--form .bbs--adm--msg--form--input input.input--comp{height: 44px;}
.bbs--view--layout .bbs--view--pager .bbs--adm--msg .bbs--adm--msg--form .bbs--adm--msg--form--input + .bbs--adm--msg--form--input{margin-top: 13px;}
.bbs--view--layout .bbs--view--pager .pager--btn{border-top: 1px solid #eee; display: flex; width: 100%; height: 44px; align-items: center;}
.bbs--view--layout .bbs--view--pager .pager--btn:last-child{border-bottom: 1px solid #eee;}
.bbs--view--layout .bbs--view--pager .pager--btn .pager--label{margin-right: 12px; display: flex; align-items: center; gap: 7px; padding-left: 18px; font-size: 14px; color: #555; font-weight: 500;}
.bbs--view--layout .bbs--view--pager .pager--btn .pager--label::before{content: ''; display: block; background-image: url('/assets/img/ico/arr-top-777_10x6.png'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 10px; height: 6px;}
.bbs--view--layout .bbs--view--pager .pager--btn + .pager--btn .pager--label::before{transform: rotate(180deg);}
.bbs--view--layout .bbs--view--pager .pager--btn .pager--title{max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #777;}
.bbs--view--layout .bbs--view--pager .pager--btn .pager--date{font-size: 14px; color: #999; font-weight: 300; margin-left: auto;}

.bbs--view--layout .bbs--view--btn--group{display: flex; margin-top: 20px; gap: 7px;}
.bbs--view--layout .bbs--view--btn--group .btn--basic{width: 142px; height: 46px; display: flex; align-items: center; justify-content: center; border-radius: 5px; font-size: 16px;}

.bbs--write--form .bbs--write--chk + .bbs--input--row,
.bbs--write--form .bbs--input--row + .bbs--input--row,
.bbs--write--form .bbs--input--row + .bbs--file--wrap{margin-top: 13px;}
.bbs--write--form .bbs--input--row input.input--comp,
.bbs--write--form .bbs--input--row .select--item .selected--text{height: 44px;}
.bbs--write--form .bbs--chk--bot{margin-top: 32px;}
.bbs--write--form .bbs--write--btn--group{margin-top: 40px; display: flex; gap: 7px; justify-content: center;}
.bbs--write--form .bbs--write--btn--group .btn--basic{width: 180px; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 16px; border-radius: 5px;}

.faq--wrapper .faq--search--box{padding: 20px 30px 18px; border-radius: 10px; background-color: #f6f8fc;}
.faq--wrapper .faq--search--box .faq--search--inn{width: 672px;}
.faq--wrapper .faq--search--box .faq--search--inn .faq--search--form{position: relative;}
.faq--wrapper .faq--search--box .faq--search--inn .faq--search--form .input--comp{height: 46px; padding-right: 50px;}
.faq--wrapper .faq--search--box .faq--search--inn .faq--search--form .faq--search--submit{position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; background-image: url('/assets/img/ico/ico-zoom.png'); background-size: contain; background-repeat: no-repeat; background-position: center; transform: translateY(-50%);}
.faq--wrapper .faq--search--box .filter--btn--group{margin-top: 10px;}
.faq--wrapper .faq--list{margin-top: 10px;}
.faq--wrapper .faq--list .faq--item .faq--toggle{display: flex; width: 100%; text-align: left; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; font-weight: 300; letter-spacing: -0.04em; height: 65px;  border-bottom: 1px solid #eee;}
.faq--wrapper .faq--list .faq--item .faq--toggle::after{content: ''; display: block; width: 18px; height: 8px; background-image: url('/assets/img/ico/arr-down-555_18x8.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: auto;}
.faq--wrapper .faq--list .faq--item .faq--toggle--target{padding: 24px 28px; font-size: 15px; font-weight: 500; line-height: 20px; border-bottom: 1px solid #aaa; display: none;}
.faq--wrapper .faq--list .faq--item.active .faq--toggle{border-bottom: 1px solid #aaa;}
.faq--wrapper .faq--list .faq--item.active .faq--toggle::after{transform: rotate(180deg);}
.faq--wrapper .faq--list .faq--item.active .faq--toggle--target{display: block;}

.bbs--filter--wrap{display: flex; flex-flow: row wrap; padding: 20px 22px 24px; border-radius: 5px; background-color: #fcfcfc; gap: 7px;}
.bbs--filter--wrap .bbs--filter--btn{display: flex; justify-content: center; padding: 8px; width: 150px; background-color: #fff; font-size: 14px; letter-spacing: -0.04em; color: #555; border: 1px solid #e3e3e3; border-radius: 5px;}

.bbs--view--answer--btn{margin-top: 20px; display: flex; gap: 7px;}
.bbs--view--answer--btn .btn--basic{width: 180px; height: 48px; font-size: 16px;}

.store--submit--form .store--submit--row + .store--submit--row,
.store--submit--form .store--submit--row--flex + .store--submit--row,
.store--submit--form .store--submit--row + .store--submit--row--flex{margin-top: 13px;}
.store--submit--form .store--submit--row--flex{display: flex; flex-flow: row wrap; gap: 13px 10px;}
.store--submit--form .store--submit--row--flex .store--submit--input{width: calc((100% - 10px) / 2);}
.store--submit--form .store--submit--validate{display: flex; gap: 12px;}
.store--submit--form .store--submit--validate .validate--img{display: flex; align-items: flex-end; gap: 4px;}
.store--submit--form .store--submit--validate .validate--img img{width: 160px; height: 60px; border-radius: 3px; border: 1px solid #ddd;}
.store--submit--form .store--submit--validate .validate--img .validate--btn .validate--btn--item{display: block; background-color: lightgray; width: 24px; height: 24px;}
.store--submit--form .store--submit--validate .validate--submit .validate--label{font-size: 12px; font-weight: 500; margin-bottom: 4px;}
.store--submit--form .store--submit--validate .validate--submit .input--comp{height: 42px; border: 1px solid #8d8d8d; width: 150px; padding: 0 15px;}
.store--submit--form .store--submit--btn--row{margin-top: 30px; display: flex; gap: 7px;}
.store--submit--form .store--submit--btn--row .btn--basic{border-radius: 5px; width: 180px; height: 48px; font-size: 16px;}

.search--result--wrap{padding-top: 30px;}
.search--result--wrap .search--result--top{font-size: 20px; font-weight: 400; margin-bottom: 15px; padding-bottom: 22px; border-bottom: 1px solid #eee;}
.search--result--wrap .search--result--top .search--keyword{font-weight: 600; color: var(--colorPoint);}
.search--result--wrap .search--result--top .search--cnt{color:var(--colorPoint)}
.search--result--wrap .search--result--prod--wrap .search--result--prod--top{display: flex; justify-content: flex-end; margin-bottom: 15px;}

/* 회사소개 2023-10-30 */
h2 {font-size:30px; font-weight:600; margin:45px 0 15px;}

.greeting--img {border-radius: 12px; display:inline-block; margin:15px 90px 0 0;}
.greeting--img--mo {display: none;}
.greeting--box {display: inline-block; vertical-align: top; margin-top: 15px; width:630px; font-size:17px; font-weight:300; color:#777; line-height: 1.7;}
.greeting--tit {font-family:'NanumMyeongjo'; color:var(--colorMain3); font-size:26px; font-weight: 600; line-height: 1.4; letter-spacing: -1px;}
.greeting--box p {width:590px; margin-top:30px; word-break:keep-all;}
.greeting--txt {font-size:20px; color:#333; font-weight: 600; margin-top:20px;} 

.value--tit {font-size:40px; font-weight: 700; color:#333; width: 100%; text-align: center; margin-top:40px;}
.value--txt {color:#777; font-size: 22px; margin-top:10px; width: 100%; text-align: center; font-weight:300;}
.value--tit1 {font-size:40px; font-weight: 700; color:#333; width: 100%; text-align: center; margin-top:40px;}
.value--txt1 {color:#777; font-size: 22px; margin-top:10px; width: 100%; text-align: center; font-weight:300;}
.value--graph {background:url('/assets/img/common/bg_value.jpg') no-repeat 50% 50%; width:798px; height:320px; margin:80px auto 150px;}
.value--graph li {display: inline-block; text-align: center; margin:90px auto; width:32.5%; box-sizing: border-box; font-size:18px; line-height: 1.4; color:#555; font-weight: 300;}/* 2024-03-28 수정 */
.value--graph li:first-child {padding-left:30px;}
.value--graph li:last-child {padding-right:10px;}

.value--graph--tit {font-weight:600; font-size:27px; margin-bottom:10px; color:#333;}
.value--graph li:nth-child(2) {color:#fff; font-weight: 700; padding-top:55px; font-size:20px;}
.value--graph--mo {display: none;}
.value--tit2--dec {width:14px; height:3px; background-color:#333; margin:150px auto 10px;}
.value--tit2 {text-transform: uppercase; font-weight:800; color:#333; margin:0 auto 30px; width:50%; text-align: center; letter-spacing: 3px; font-size:19px;}
.value--tit3 {font-weight:700; color:#333; font-size:28px; line-height: 1.5; width:50%; text-align: center;margin:-10px auto 0 ;}
.value--txt2 {font-weight:300; text-transform: uppercase; width:50%; text-align: center; margin:0 auto; color:#777; font-size:14px;}
.value--img {margin:0 auto; display: block; padding-left:60px;}

.map--box {margin-bottom: 100px;}
.map--box li.map--screen {display: inline-block; vertical-align: top;width:710px; height:400px; box-sizing:border-box;}
.map--box li.map--info {display: inline-block; vertical-align: top; margin-left:60px; width:505px; box-sizing:border-box; color:#333;}
.map--box li.map--info .map--tit {font-size:27px; margin-bottom: 10px; font-weight:700;}
.map--box li.map--info .map--txt {font-size:18px; line-height: 1.4; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px;}
.map--box li.map--info .map--tit2 {font-size: 14px; color: #555; margin-bottom: 3px; font-weight:600; }
.map--box li.map--info ul.map--txt2 {font-size: 15px; color: #555; line-height: 1.5; font-weight:300; margin-bottom: 25px; }
.map--box li.map--info ul.map--txt2 li {margin:0 0 7px 17px; list-style:disc outside; }

.history--right {width:640px; margin-left:640px; box-sizing: border-box; border-left:1px solid #eee; margin-top:-10px; padding-bottom:100px;}
.history--right .history--yy {font-size:33px; color:#333; font-weight:700; letter-spacing: -1px; background:url('/assets/img/common/bg_history_right.png') no-repeat 0 15px; padding-left:66px; margin-left: -6px; box-sizing:border-box;}
.history--right .history--list {padding:7px 0 0 60px;}
.history--right .history--list li {margin:0 0 7px 40px; font-size:17px; color:#555;}
.history--right .history--list li .history--mm {font-weight:700; color:#333; margin-left:-40px; padding-right:6px;}
.history--right .history--img {width:500px; height:auto; border-radius:12px; margin:20px 0 0 60px; display: block;}

.history--left {width:641px; margin-right:639px; box-sizing: border-box; border-right:1px solid #eee; margin-top:-10px;}
.history--left--mt {margin-top:-150px;}
.history--left .history--yy {font-size:33px; color:#333; font-weight:700; letter-spacing: -1px; background:url('/assets/img/common/bg_history_left.png') no-repeat right 15px; padding-right:66px; margin-right: -6px; text-align: right;}
.history--left .history--list {padding:7px 60px 0 0;}
.history--left .history--list li {margin:0 35px 7px 0; font-size:17px; color:#555; text-align:right; position:relative;}
.history--left .history--list li .history--mm {font-weight:700; color:#333; margin-right:-35px; position:absolute; right:0; top:0;}
.history--left .history--img {width:500px; height:auto; border-radius:12px; margin:20px 0 0 78px; display: block;}
.history--mgt {margin-top:-140px;}

/* 브랜드스토리 2023-11-01 */
h3 {font-size:25px; font-weight:600; margin:50px 0 15px;}
.h3--txt {color:#777; margin:-10px 0 20px; font-weight:300;}

.cmt--tab {border-bottom:1px solid #eee; margin-top:50px;}
.cmt--tab li {display: inline-block; width:350px; text-align: center; font-size:20px; padding:15px 0;}
.cmt--tab--sel {border-bottom:3px solid #333; font-weight:700; color:#333;}

.cmt--tit {font-size:18px; margin-top:70px; font-weight:700;}
.cmt--list {padding-top:5px;} 
.cmt--list li.cmt--box {display: inline-block; width:380px; height:120px; box-sizing: border-box; border:1px solid #eee; border-radius:12px; padding:5px; margin:5px 15px 15px 0;} 
.cmt--list li .cmt--photo {display:inline-block; border-radius:12px; width: auto; height:110px; vertical-align: top;}
.cmt--list li p {display:inline-block; margin: 30px 0 0 20px;}
.cmt--list li p > span {display: block; font-size:24px; line-height: 1.2; font-weight:500;}
.cmt--history {display: inline-block; width:33%; box-sizing: border-box; border-left:1px dotted #d1d1d1; margin-top:15px; vertical-align: top;}
.cmt--history--list {margin-bottom:70px;}
.cmt--history--yy {font-weight:700; font-size:20px; background:url('/assets/img/ico/ico_year.jpg') no-repeat left 8px; padding-left:28px; padding-bottom:7px; margin-left: -4px;}
.cmt--history--yy2 {font-weight:700; font-size:32px; background:url('/assets/img/ico/ico_year2.jpg') no-repeat left 13px; padding-left:30px; padding-bottom:7px; margin-left: -6px;}
.cmt--history--mm {padding:0 0 7px 25px; font-size:15px; color:#777;}
.cmt--history--mm span {font-weight:600; padding-right:5px; color:#333;}
.cmt--img--mo {display:none;}

.cns--list {display: inline-block; width:45%; vertical-align: top; margin-top:10px;}
.cns--list dt {display: inline-block; color:#333; font-size:25px; font-weight:600; margin-right:15px; vertical-align: top;}
.cns--list dd {display: inline-block; color:#555; font-size:17px; font-weight:300; line-height: 1.6; width:60%}

.pat--list {margin:120px;} 
.pat--box {display: inline-block; width:50%; vertical-align: middle;} 
.pat--img {padding:0 50px; vertical-align:middle; height:288px;}
.pat--img--mo {display: none;}
.pat--article {border:1px solid #ebebeb; padding:5px 12px; font-size:14px; display: inline-block; border-radius:20px;}
.pat--article span {font-weight:600;}
.pat--tit {font-size:24px; font-weight:700; margin:7px 0 15px;}
.pat--txt {color:#555; line-height: 1.6; word-break: keep-all;}
.pat--origin {color:#999; font-size:12px; margin-top:5px; font-weight:300;}
.patColor01 {color:#D33F40;}
.patColor02 {color:#EE863C;}
.patColor03 {color:#687C32;}
.patColor04 {color:#2E9DDD;}

.contri--img {display:block; margin:50px auto;}
.contri--img--mo {display:none;}

/* 제품소개 */
.prod--ico {font-size:12px; border-radius:15px; padding:4px 17px; color:#fff; background-color:#555; margin-top:5px; display:inline-block;}
.prod--more {display: none; position:absolute; top:220px; left:50px; border-radius:30px; color:#fff; line-height:2.5; background-color:rgba(6,85,187, 0.8) ; width:180px; text-align: center; z-index: 10; animation-name: btnAni; animation-duration: 0.7s;}
@keyframes btnAni {
    from {background-color:rgba(255,255,255, 0.5);;}
    to {background-color:rgba(6,85,187, 0.8);}
}
.prod--item:hover .prod--more {display:block;}
.prod--detail-thumb {border-radius: 12px; border:1px solid #eee; display: inline-block; margin-right:64px; vertical-align: top; box-sizing: border-box; width:450px;}
.prod--detail--info {display: inline-block; vertical-align: top; width:760px;}
.prod--dtInfo--subname {font-size:20px;}
.prod--dtInfo--name {font-size:30px; font-weight:600;}
.prod--dtInfo--tit {font-size:20px; margin-top:40px;}
.prod--dtInfo--list {border:1px solid #eee; border-width:1px 0; width:760px; padding:10px 0; margin:10px 0; color:#555;}
.prod--dtInfo--list li {padding:8px 0; font-size:15px;}
.prod--dtInfo--list li > div {width:20%; display: inline-block;}
.prod--dtInfo--list li > p {width:70%; display: inline-block; font-weight:500;}
.prod--dtInfo--btn {margin:30px 0 60px;}
.prod--dtInfo--btnA {padding:15px 45px 15px 50px; background-color:#333; color:#fff; border-radius:10px; margin-right:10px;}
.prod--dtInfo--btnB {padding:15px 45px 15px 50px; border:1px solid #eee; border-radius:10px; margin-right:10px;}
.prod--dtInfo--img {display: block;width: 100%; }
.prod--dtInfo--img:first-of-type{margin-top: 15px;}

/* 보도자료 */
.news--list {width:100%; margin-top:30px;}
.news--list a {display:inline-block; width:413px; margin-right:15px; margin-bottom:50px; box-sizing: border-box;}
.news--list a:nth-child(3n) {margin-right:0;}
.news--list a .news--img {border-radius: 12px; border:1px solid #eee; width:413px; height:250px; box-sizing: border-box;}
.news--list a .news--tit {font-size:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:413px; margin:12px 0 4px;}
.news--list a .news--date {font-weight:300; color:#999; font-size:14px;}
.news--list a button{position:relative; z-index:9;}
.news--btn--type1 {background-color: #555; color:#fff; padding:11px 43px; font-size:14px; border-radius:7px;}
.news--btn--type2 {padding:11px 43px; font-size:14px; border-radius:7px; border:1px solid #eee;}
.news--img--cmt {font-size:13px; color:#999; margin:5px 0 15px; font-weight:300;}
.sns--insta {background: url('/assets/img/ico/ico_insta.png') no-repeat left top; background-size: auto 25px; padding-left:30px;}
.sns--fabook {background: url('/assets/img/ico/ico_fabook.png') no-repeat left top; background-size: auto 25px; padding-left:30px;}
.sns--youtube {background: url('/assets/img/ico/ico_youtube.png') no-repeat left top; background-size: auto 26px; padding-left:30px;}

/* 인재채용 */
.welfare--tit {text-align: center;}
.welfare--list {width:500px; margin:10px 0 50px 120px; display: inline-block; box-sizing: border-box;}
.welfare--list dt {display: inline-block; vertical-align:top;}
.welfare--list dd.welfare--cts {display: inline-block; vertical-align:top; margin-left:20px;}
.welfare--list dd.welfare--cts div {font-size:22px; margin-bottom:10px; font-weight:500;}
.welfare--list dd.welfare--cts p {line-height:1.6; color:#555; font-weight:300;}
.welfare--img {display:block; margin:0 auto;}
.welfare--img--mo {display:none;}

/* header */
.links > a {
	color: #333;
	padding: .75em;
	text-decoration: none;
	transition: all .5s;
}
.links > a:hover {color: #0655bb; font-weight:700;}
.links > .line {background: #0655bb; height: 2px;pointer-events: none;}

.links {
	display: grid;
	grid-template-columns: repeat(var(--items), 1fr);
	position: relative;
    font-size:20px;
    font-weight:500;
    margin:0 auto;
    color:#333;
    width:1280px;
}
.links > .line {
	opacity: 0;
	transition: all .5s;
	position: absolute;
	bottom: 0;
	left: var(--left, calc(100% / var(--items) * (var(--index) - 1)));
	width: var(--width, calc(100% / var(--items)));
	--index: 6;
}
.links > a:hover ~ .line {
	opacity: 1;
}

.links > a:nth-of-type(1):hover ~ .line { --index: 1; }
.links > a:nth-of-type(2):hover ~ .line { --index: 2; }
.links > a:nth-of-type(3):hover ~ .line { --index: 3; }
.links > a:nth-of-type(4):hover ~ .line { --index: 4; }
.links > a:nth-of-type(5):hover ~ .line { --index: 5; }
.links > a:nth-of-type(6):hover ~ .line { --index: 6; }
.links > a:last-of-type:hover ~ .line { --index: var(--items); }

.header--login {border-radius:15px; padding:5px 10px; color:#777; font-size:13px; border:1px solid #ddd; margin-right:5px; cursor:pointer; line-height:1;}/*2024-01-22*/
.header--lang {border-radius:15px; padding:3px 0 3px 10px; color:#777; font-size:13px; border:1px solid #ddd; cursor:pointer;}
.header--lang option {padding:5px;}
.header--category--second {width:1280px; margin:0 auto;}
.header--nav--2nd {width:1280px; margin:0 auto 10px; display: flex;}
.header--nav--2nd li {display: inline-block; vertical-align:top; padding:.75em; width:calc(100%/6); box-sizing: border-box; text-align: left;}
.header--nav--2nd li a {display: block; font-size:15px; line-height: 2; color:#555;border-bottom: #fff solid 1px;}
.header--nav--2nd li a:hover {color:#0655bb; font-weight: 600; border-bottom: #0655BB solid 1px;}

/* common */
.sub--nav {margin:30px 0 20px;}
.sub--nav li {display: inline-block; width:49.8%; color:#999;}
.sub--nav li .sub--nav--tit {font-size:35px; font-weight:600; color:#333; padding-right:10px;}
.sub--nav li:first-child {font-size:20px; font-weight:200;}
.sub--nav li:nth-child(2) {text-align:right; font-size:13px;}
.sub--nav li:nth-child(2) span {padding-left:15px; background:url('/assets/img/ico/arr-right-999_4x8.png') no-repeat left 50%; vertical-align:middle; display: inline-block;}
.sub--nav li:nth-child(2) span.sub--now {font-weight:600; color:#777;}
.sub--nav li:nth-child(2) a {vertical-align: middle; padding:0 5px 2px; display: inline-block;}

/* footer */
.footer--company {width:1280px; margin:0 auto;}
.footer--company li {display: inline-block; vertical-align: top; margin-right:60px; font-size:14px; font-weight:300; line-height:1.6;}
.footer--company li > p {color:#fff; font-weight:200; margin-bottom: 10px;;}
.footer--company li > p a {padding-right:20px; font-size:15px;}

/* main */
.main--copy {display: inline-block; color:#777; vertical-align: top; margin:100px 70px 0 0; font-weight:300;}
.main--copy p {font-size:33px; color:#333; margin-bottom: 10px; letter-spacing: -1px; font-weight:600;}

.main--card {display: inline-block; margin:100px 0 130px; vertical-align: top; overflow:hidden;}
.main--card a {position:relative; display:inline-block; margin-left:20px; box-sizing: border-box; width:305px; height:405px;}
.main--card a > span {position:absolute; bottom:30px; left:0; width:100%; text-align: center; color:#fff; font-size:25px; font-weight:500; z-index: 10;}
.main--card a > img {border-radius:12px;}
.main--card--img {background-color: rgba(0, 0, 0, 0.25); width:100%; height:100%; position: absolute; border-radius:12px;}
.mainCard01 {animation: mainCard 1s 1; animation-delay:1.2s; animation-fill-mode: backwards; animation-timing-function: ease;}
.mainCard01:hover .main--card--img {display:none;}
.mainCard02 {animation: mainCard 1.5s 1; animation-delay:1.2s; animation-fill-mode: backwards;  animation-timing-function: ease;}
.mainCard02:hover .main--card--img {display:none;}
.mainCard03 {animation: mainCard 2s 1; animation-delay:1.2s; animation-fill-mode: backwards;  animation-timing-function: ease;}
.mainCard03:hover .main--card--img {display:none;}
@keyframes mainCard {
	from {top:300px; opacity:0;}
	to {top:0;}
}

.main--bn {position: relative; width:100%; height:640px;}
.main--bn.mb--bg1 {background:url('/assets/img/common/bn_main01.png') no-repeat left top;}
.main--bn.mb--bg2 {background:url('/assets/img/common/bn_main02.png') no-repeat left top;}
.main--bn.mb--bg3 {background:url('/assets/img/common/bn_main03.png') no-repeat left top;}
.bn--tit {position:absolute; top:37%; left:0; width:100%; color:#fff; text-align: center; font-size:23px; font-weight:200; animation: mainCopy 1s 1; animation-timing-function: ease;}
.bn--tit--maincopy {font-size:40px; font-weight:500; margin-top:10px; line-height:1.2;}
@keyframes mainCopy {
	from {top:43%; opacity:0;}
	to {top:37%;}
}

.main--cts {margin:130px 0 -15px;}
.main--cts span {display: inline-block; width:94%; vertical-align: middle;}
.main--cts a {display: inline-block; width:5%; vertical-align: middle; box-sizing: border-box;}

.main--tit {font-size:30px; color:#333; font-weight:600;letter-spacing: -1px; }
.main--tit--tab {font-size:30px; color:#999; letter-spacing: -1px; font-weight:500; padding-right:20px;}
.tabSel {color:#333; font-weight:600;}
.tab--bar {border-left:1px solid #ddd; padding-left:20px;}
.main--more {text-align:right; background: url(/assets/img/ico/ico_more.png) no-repeat right 2px; padding-right:20px; color:#555;}

.main--list {margin-top:100px;}
.main--list li {display: inline-block; vertical-align: top;}
.main--list li:first-child {width:433px;}
.main--list li.board {width:840px;}
.main--list--cts {display: block; padding:30px 0; border-top:1px solid #eee;}
.main--list--tit {width:84%; font-size:18px; color:#333; display: inline-block; vertical-align: middle;}
.main--list--date {width:15%; text-align:right; font-size:14px; color:#999; display: inline-block; vertical-align: middle;}
.main--list--more {border-top:1px solid #eee; text-align: right; padding-top:20px;}

.main--sns {border:1px solid #eee; border-radius:50px; width:840px;}
.main--sns a {display:inline-block; width:32%; height:87px; padding:22px 0 0 102px; box-sizing: border-box; font-size:20px; color:#333; font-weight:600;}
.main--sns a.main--sns01 {background:url(/assets/img/ico/ico_insta.png) no-repeat 30px 13px; margin-left:3%;}
.main--sns a.main--sns02 {background:url(/assets/img/ico/ico_fabook.png) no-repeat 30px 13px;}
.main--sns a.main--sns03 {background:url(/assets/img/ico/ico_youtube.png) no-repeat 30px 13px;}
.main--sns a > span {display:block; font-size:13px; color:#555; background:url(/assets/img/ico/ico_direct.png) no-repeat 50px 4px; font-weight:300;}

.main--brand {height:70px;}
.main--brand img {height:100%;}
.main--brand--mo {display: none;}
.main--brand--left {padding-left:90px;}

.swiper {
	width: 100%;
	height: 100%;
  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

  /* 대리점신청 */
.agency--cts--tit {display: inline-block; font-size:30px; width:30%; font-weight:500; vertical-align:top; margin-top:30px;}
.agency--cts {display: inline-block; width:65%; margin-left:2%; font-size:17px; color:#777; word-break:keep-all; line-height:1.4; margin:30px 0 130px;}
.agency--step {margin:20px 0 100px;}
.agency--step li {display:inline-block; width:20.5%; font-size:16px; font-weight:300; vertical-align: top; background:url('/assets/img/ico/arr-right-ddd_7x14.png') no-repeat left 10px; padding-left:70px;}
.agency--step li:first-child {background:none; padding-left:0;}
.agency--step li:last-child {width:15%}
.agency--step li .agency--step--tit {font-weight: 600; font-size:18px; margin-bottom:10px;}
.agency--step li .agency--step--tit img {width:18px; height: auto; margin-right:5px;}
.agency--step li a {color:#0655BB; text-decoration:underline; font-weight: 600;}
.agency--step--ico {width:14px; height:auto;}
.agency--box {background-color:#fafafa; border-radius: 12px; padding:30px; margin-top:10px;}
.agency--box li {display:inline-block; width:29%; padding-left: 40px; box-sizing: border-box; color:#777; font-size: 16px; vertical-align: top;}
.agency--box li:first-child {background: url('/assets/img/ico/ico-paper.png') no-repeat left top; background-size:30px auto; margin-left:20px; width:38%;}
.agency--box li:nth-child(2) {background: url('/assets/img/ico/ico-locker2.png') no-repeat left top; background-size:33px auto;}
.agency--box li:last-child {background: url('/assets/img/ico/ico-truck2.png') no-repeat left top; background-size:33px auto;}
.agency--box li .agency--box--tit {font-size: 20px; color: #333; font-weight: 600; margin-bottom:10px;}
.agency--box li .agency--btn {background-color:#555; color:#fff; width:200px; padding:10px; text-align: center; border-radius: 7px; margin-top: 5px; display: block;}
.agency--box li .agency--btn img {width:auto; height:14px; padding-left:5px;}
.cs--content--sub--sec {display:none;}

/* 게시판 - 공지사항, 제휴신청 */
.table--notice--mo, .table--partner--mo {display: none;}
.notice--noti {background-color:var(--colorMain1); color:#fff; font-size:10px; padding:3px 8px; border-radius:20px; margin-right:5px; display: inline-block; vertical-align: middle;}
.table--notice,
.table--partner {border-top:1px solid #333; border-bottom:1px solid #eee; margin:10px 0 30px; width:100%;}
.table--notice th,
.table--partner th {padding:14px 0; font-size:16px; color:#333;}
.table--notice th:first-child {width:8%;}
.table--notice th:nth-child(2) {width:65%;}

.table--notice th:nth-child(3) {width:15%;}
.table--notice th:last-child {width:12%;}
.table--notice .tr--ntc {background-color:#FBFDFF;}
.table--notice td,
.table--partner td {border-top:1px solid #eee; padding:23px 0; text-align: center;}
.table--notice td:first-child,
.table--notice td:last-child,
.table--partner td:first-child,
.table--partner td:last-child {color:#777;}
.table--notice td a.btn--down {border:1px solid #eee; border-radius:40px; padding:7px 22px 7px 42px; font-size:15px; font-weight:500; background:#fff url('/assets/img/ico/ico-saved-file.png') no-repeat 22px 9px; background-size:auto 14px;}
.notice--tit {font-size:18px; text-align:left; display: block; padding-left:20px; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}

.table--partner th:first-child {width:7%;}
.table--partner th:nth-child(2) {width:13%;}
.table--partner th:nth-child(3) {width:47%;}
.table--partner th:nth-child(4) {width:13%;}
.table--partner th:nth-child(5) {width:10%;}
.table--partner th:last-child {width:10%;}

.bn--partner {padding:30px 0 30px 200px; box-sizing: border-box; width:100%; border-radius:12px; line-height:2; margin-bottom:45px; background:#fbfbfb url('/assets/img/ico/ico_partner.png') no-repeat 80px 35px;}
.bn--partner span {font-weight:700;}
.btn--partner01 {background-color:#333; color:#fff; padding:12px 30px; border-radius:7px; margin-right:7px;}
.btn--partner02 {background-color:#0655BB; color:#fff; padding:12px 30px; border-radius:7px;}

.btn--partner01.inbl{display:inline-block;padding:8px 30px;}

.partner--ing01 {border-radius:30px; padding:10px 30px; background-color: #f6f6f6; color:#555;}
.partner--ing02 {border-radius:30px; padding:10px 30px; background-color: #DDECFF; color:#3E669A;}
.partner--ing03 {border-radius:30px; padding:10px 30px; background-color: #0655BB; color:#fff;}
.partner--ing04 {border-radius:30px; padding:10px 30px; color:#333; font-weight:700; border:1px solid #ddd;}
/*.partner--ing05 {border-radius:0px; padding:6px 15px;background:#fff; color:#333; font-weight:700; border:1px solid #ddd;}*/

.noti-tr{background-color:#FBFDFF;/*background-color:#e1efff;border-bottom:2px solid rgba(255,255,255,0.5);*/}
.table--partner--mo a.noti-tr{padding-left:10px; padding-right:10px;/*border-bottom:2px solid rgba(255,255,255,0.5);*/}

.partner--input {border-top:1px solid #333; margin-bottom:30px;}
.partner--input .input--list {color:#333; padding:20px; border-bottom:1px solid #eee; box-sizing:border-box;}
.partner--input .input--tit {width:13%; display: inline-block; font-weight:600; vertical-align: middle; word-wrap: break-word;}
.partner--input .input--txt {width:85%; display: inline-block; vertical-align: middle; line-height:1.65; font-weight:300;}
.partner--input .input--txt .bbs--input--row {display: inline-block;}
.partner--input .input--info {font-size:14px; font-weight:300; color:#999; padding-left:10px;}
.partner--input .input--zipcode {width:45% !important; display: inline-block !important;}
.partner--input .input--zipcode--btn {height:38px; border:0; border-radius:4px; width:110px; background-color:#555; color:#fff;}
.partner--input--txt {background-color:#f5f5f5; padding:20px; border-radius:7px; text-align:center;}
.partner--txtarea {border:1px solid #eee; width:100%; height:110px; padding:10px; color:#777; margin-top:10px;}/* 2024-01-22 */

.sidenav--btn, .sidenav {display:none;}
@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	.content--wrapper {max-width:768px; min-width:280px;}
	.container {width:100%; margin-bottom:10px;}
	.content--group {width:100%;}
	.header {border:0; max-width:768px; min-width:280px;}/* 2024-03-04 */
	.header--logo {top:10px; left:38%; width:120px; height:41px; margin:0; background-position: center top;}/* 2024-03-04 */
	.header .header--top .header--top--inn {height:inherit;}
	.header--login--mo {border-radius:15px; padding:5px 13px 3px !important; color:#777; font-size:12px !important; border:1px solid #ddd; position:absolute; top:28px; left:145px;}/* 2024-02-28 */
	.header--login--mo2 {border-radius:15px; padding:5px 13px 3px !important; color:#777; font-size:12px !important; border:1px solid #ddd; position:absolute; top:28px; left:210px;}/* 2024-02-28 */
	.header--lang--mo3 {border-radius:15px; padding:3px 0 3px 10px; color:#777; font-size:13px; border:1px solid #ddd; position:absolute; top:28px; left:50px;}/* 2024-02-28 */
    .header--lang--mo3 option {padding:5px;}/* 2024-02-28 */
	.floating--content {left:86%; z-index:10;}
	.floating--content .floating--bnr {width:40px; height:40px; line-height:3.8; font-size:11px;}
	.floating--content .top--scroll--btn {width:40px; height:40px;}
	.sidenav--btn {font-size:30px; cursor:pointer; display: inline-block; padding:13px 0 0 20px;}
	.sidenav {
		display: block;
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 99999;
		top: 0;
		left: 0;
		background-color:#fff;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 80px;
	  }/* 2024-02-28 */
	  .sidenav a {
		padding: 6px 20px 10px 65px;
		text-decoration: none;
		font-size: 16px;
		color: #777;
		display: block;
		transition: 0.3s;	  
	  }
	  .dropdown-btn {
		padding: 10px 20px 10px 60px;
		text-decoration: none;
		font-size: 25px;
		color: #333;
		display: block;
		transition: 0.3s;
	  }
	  .dropdown-btn::after {content: ' +';}
		.sidenav .closebtn {
		position: absolute;
		top: 0;
		right:10px;
		font-size:40px;
	  }
	  /* Add an active class to the active dropdown button */
.sidenav .active {
	font-weight:700;
	color:#333;
  }
.sidenav .active::after {content: ' -'; width:100%;}
  
  /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
  .dropdown-container {
	display: none;
  }
  .drawer {margin:60px; border-top:1px solid #f5f5f5;}
  .drawer a {border-bottom:1px solid #f5f5f5; padding:14px 0 14px 19px; font-size:14px; background-size: 5px auto;}
	  
	  @media screen and (max-height: 450px) {
		.sidenav {padding-top: 15px;}
		.sidenav a {font-size: 18px;}
	  }
	.drawer a:first-child {background:url('/assets/img/ico/ico-talk.png') no-repeat left 16px, url('/assets/img/ico/arr-right-666_6x12.png') no-repeat right 17px;; background-size:13px auto, 6px auto;}
	.drawer a:nth-child(2) {background:url('/assets/img/ico/ico-write.png') no-repeat left 16px, url('/assets/img/ico/arr-right-666_6x12.png') no-repeat right 17px;; background-size:13px auto, 6px auto;}
	.drawer a:nth-child(3) {background:url('/assets/img/ico/ico-alarm.png') no-repeat left 16px, url('/assets/img/ico/arr-right-666_6x12.png') no-repeat right 17px;; background-size:13px auto, 6px auto;}

	/* 메인 */
	.header--top--inn, .header--bot, .header--ico--group, .header--lang, .header--login, .header .header--top .header--ico--group {display: none;}
	.swiper-slide {width:100%;}
	.swiper-slide .main--bn {height:450px;}
	.swiper-slide .main--bn.mb--bg1 {background:url('/assets/img/common/bn_main01_mo.png') no-repeat center 30%; background-size:120% auto;}/* 2024-03-04 */
	.swiper-slide .main--bn.mb--bg2 {background:url('/assets/img/common/bn_main02_mo.png') no-repeat center 30%; background-size:120% auto;}/* 2024-03-04 */
	.swiper-slide .main--bn.mb--bg3 {background:url('/assets/img/common/bn_main03_mo.png') no-repeat center 30%; background-size:120% auto;}/* 2024-03-04 */
	.swiper-button-prev,.swiper-button-next {display:none;}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {top:91%;}
	.swiper-slide .bn--tit {width:75%; top:26%; left:14%; font-size:17px; word-break: keep-all;}/* 2024-03-04 */
	.swiper-slide .main--bn .bn--tit .bn--tit--maincopy {font-size:30px;}
	@keyframes mainCopy {
		from {top:45%; opacity:0;}
		to {top:26%;}
	}
	.main--copy {margin:60px 0 0 7%;}
	.main--copy p {font-size:30px;}
	.main--card {margin:20px 0 0 7%; white-space:nowrap; display:block; overflow: scroll;}
	.main--card a {width:196px; height:260px; margin-right:15px; margin-left:0;}
	.main--card a > img {height:260px;}
	.main--card a > span {bottom:20px; font-size:22px;}
	.mainCard01 {animation: mainCard 1s 1; animation-delay:0.7s;}
	.mainCard02 {animation: mainCard 1.5s 1; animation-delay:0.7s;}
	.mainCard03 {animation: mainCard 2s 1; animation-delay:0.7s;}
	@keyframes mainCard {
		from {left:300px; opacity:0;}
		to {left:0;}
	}
	.main--brand--mo {display:block; height:60px; padding:70px 0;}
	.main--brand--mo a img {max-width:100px !important;}/* 2024-04-03수정 */
	.main--brand {display: none;}
	.main--brand--left {padding-left:40px;}
	.swiper-button-next svg,.swiper-button-prev svg {width:30px !important;}
	.main--cts {margin:0 7%;}
	.main--cts span {width:80%}
	.main--cts a {width:18%; font-size:13px;}
	.main--more {background-size: 9px auto; padding-right:15px; background-position: right 3px;}
	.main--tit {font-size:26px;}
	.news--list {margin:10px 6%; width: auto;}
	.news--list a {width:100%; margin-bottom:30px;}
	.news--list a .news--img {width:100%; height:auto;}
	.news--list a .news--tit {width: 100%; font-size:17px; margin:10px 0 0;}
	.news--list a .news--date {font-size: 13px;}
	.main--list {margin:50px 7%;}
	.main--list li {display: block;}
	.main--tit--tab {font-size:26px;}
	.main--list li.board {width:100%;}
	.main--list li:first-child {width:100%; margin-bottom:15px;}
	.main--list li:nth-child(2) {width:100%;}
	.main--list--tit {display: block; font-size:16px; width:100%; white-space: nowrap; text-overflow: ellipsis;}
	.main--list--date {display: block; width:100%; font-size:12px; text-align: left;}
	.main--list--cts {padding:20px 0;}
	.main--list--more {font-size:13px; text-align: left; margin-bottom:60px;}
	.main--sns {width:100%; padding:0 10px 0 20px;}
	.main--sns a {width:32%; height:80px; font-size:11px; padding:55px 0 0; text-align: center; font-weight:400; letter-spacing:-0.5px;}
	.main--sns a > span {display: none;}
	.main--sns a.main--sns01,.main--sns a.main--sns02,.main--sns a.main--sns03 {margin-left:0;background-size:auto 40px; background-position:center 10px;}

	.footer {margin-top:50px; padding:30px 7%;}
	.footer--company {width:100%;}
	.footer--company li {font-size:12px; line-height:1.3; display: block; width:100%;}
	.footer--company li > p {margin-top:20px;}
	.footer--company li:first-child a {width:100px; display: block;}

	/* 회사소개 */
	.sub--nav {margin:20px 5% 10px;}
	.sub--nav li .sub--nav--tit {font-size:26px;}
	.sub--nav li {width:100%;}
	.sub--nav li:nth-child(2) {display:none;}
	.filter--btn--group {display:block; padding-left:5%; margin-bottom:15px;}
	.filter--btn--group.filter--sm .filter--btn {font-size:14px; padding:8px 20px; display:inline-block; margin:2px 0;}
	 h2 {display: none;}
	.greeting--img--mo {display:block; width:100%; height:auto;}
	.greeting--img {display:none;}
	.greeting--box {width:100%;}
	.greeting--tit {font-size:18px; padding:0 5% 10px;}
	.greeting--box p {margin:15px 5%; font-size:14px; width:auto}
	.greeting--txt {font-size:16px; line-height:1.6; margin:20px 5%;}

	.value--tit {font-size:26px; margin:20px 0 0 5%; text-align:left;}
	.value--txt {font-size:18px; margin:5px 0 40px 5%; text-align:left;}
	.value--tit1 {font-size:26px;}
	.value--txt1 {font-size:18px;}
	.history--right {width:100%; margin-left:5%; padding-bottom:40px;}
	.history--right .history--list {padding:7px 0 0 30px;}
	.history--right .history--list li {font-size:15px; max-width:270px;}
	.history--right .history--yy {padding-left:33px; font-size:27px; background-size: auto 7px; margin-left:-4px;}
	.history--right .history--img {width:300px; border-radius: 7px; margin:10px 0 0 30px;}
	
	.history--left {width:100%; margin-left:5%; box-sizing: border-box; border-left:1px solid #eee; margin-top:-10px; padding-bottom:40px;}
	.history--left .history--yy {font-size:27px; color:#333; font-weight:700; letter-spacing: -1px; background:url('/assets/img/common/bg_history_right.png') no-repeat 0 15px; padding-left:33px; margin-left: -4px; background-size: auto 7px; text-align:left;}
background-size: auto 7px;  .history--list {padding:7px 0 0 60px;}
	.history--left .history--list li {margin:0 0 7px 40px; font-size:15px; color:#555; text-align: left; padding-left: 18px;}
	.history--left .history--list li .history--mm {font-weight:700; color:#333; margin-left:-40px; padding-right:6px; left:30px;}
	.history--left .history--img {width:300px; height:auto; border-radius:7px; margin:10px 0 0 30px; display: block;}
	.history--mgt {margin-top:0;}

	.value--graph, .value02 {display:none;}
	.value--graph--mo {display: block; margin:40px;}
	.value--tit2--dec {margin:80px auto 10px;}
	.value--tit3 {font-size:24px; line-height:1.3;}

	.map--box li.map--screen {width:100%;}
	.map--box li.map--info {margin:2% 5%; width:90%;}
	.map--box li.map--info .map--tit {font-size:25px;}
	.map--box li.map--info .map--txt {font-size:16px;}
	.map--box li.map--info ul.map--txt2 {font-size:14px;}
	.map--box {margin-bottom:60px;}

	/* 제품소개 */
	.prod--type--normal {gap:10px; margin-left:5%;}
	.prod--type--normal .prod--item {width:calc((100% - 7%) / 2); margin-bottom:20px;}
	.prod--type--normal .prod--item .prod--desc {margin-top:9px;}
	.prod--type--normal .prod--item .prod--desc .prod--subtitle {font-size:12px; letter-spacing:-0.5px;}
	.prod--type--normal .prod--item .prod--desc .prod--title {font-size:16px; height:auto; padding:0 10px; letter-spacing:-0.5px;}
	.prod--detail-thumb {width:90%; margin:0 5% 5%;}
	.prod--detail--info {width:90%; margin:0 5%;}
	.prod--dtInfo--name {font-size:28px;}
	.prod--dtInfo--list {width:100%;}
	.prod--dtInfo--list li > div {width:28%;}
	.prod--dtInfo--tit {font-size:18px; font-weight:600;}

	/* 브랜드스토리 */
	.cmt--tab {margin:20px 5%; width:90%;}
	.cmt--tab li {width:49.4%; font-size:17.5px;}
	h3 {margin:20px 5% 5px; font-size:16px;}
	.h3--txt {margin:0 5%;}
	.cmt--img {display:none;}
	.cmt--img--mo {display:block; width:90%; margin:5%;}
	.cmt--tit {margin:40px 5% 10px;}
	.cmt--list {margin:0 5%; padding-top:0;}
	.cmt--history {width:88%; margin:0 7%;}
	.cmt--history--list {margin-bottom:40px;}
	.cmt--list li.cmt--box {margin:7px 0;}
	.cns--list {width:90%; margin:0 5% 15px;}
	.cns--list dt {font-size: 20px;}
	.cns--list dd {font-size:15px;}
	.pat--img {display:none;}
	.pat--img--mo {width:100%; height:auto; padding:20px 30px;display: block;}
	.pat--list {margin:10px 5% 100px;}
	.pat--box {width:100%; margin:5px 10px; text-align: left;}
	.pat--article {font-size:12px;}
	.contri--img--mo {display:block; margin:20px auto 80px; width:80%;}
	.contri--img {display:none;}

	/* 홍보관 */
	.ask--list--wrap .ask--search--top {margin:0;}
	.ask--list--wrap .ask--search {width:100%; margin:10px 6% 0;}
	.news--btn--type1 {margin-top:20px;}
	.bbs--view--control--group {margin-left:6%;}
	.pagination--wrap {/*2024-02-07 jy display:none;*/}
	.pagination--wrap--mo {display:block; width:88%; border:1px solid #eee; padding:15px; text-align: center; border-radius: 7px; margin:0 6%;}
	.bbs--view--layout .bbs--view--top {margin:30px 5%;}
	.bbs--view--layout .bbs--view--top .bbs--view--subject--box {display: block;}
	.bbs--view--layout .bbs--view--top .bbs--view--subject--box .bbs--view--subject--title {padding:10px 0 5px;}
	.bbs--view--layout .bbs--view--top .bbs--view--subject--box .bbs--view--subject--date {text-align:left;font-size:13px; padding-bottom:10px;}
	.bbs--view--layout .bbs--view--inn {margin:20px 5%;}
	.bbs--view--bot {margin:0 5%;}
	.bbs--view--layout .bbs--view--control--group {margin:50px 5%;}
	.sns--insta, .sns--fabook, .sns--youtube {background-size: auto 22px;}

	/* 인재채용 */
	.welfare--list {margin:15px 5%; width:100%;}
	.welfare--list dt {width:17%;}
	.welfare--list dd.welfare--cts {margin-left:3%; width:75%;}
	.welfare--tit {text-align:left; font-size:18px; padding:10px 0;}
	.welfare--list dd.welfare--cts div {font-size:20px; margin-bottom:5px;}
	.welfare--list dd.welfare--cts p {font-size:14px;}
	.welfare--img {display:none;}
	.welfare--img--mo {display:block; margin:0 5%; width:90%;}
	.table--notice {display: none;}
	.table--notice--mo {display:block; border-top:1px solid #333; margin:20px 6%;}
	.table--notice--mo a {border-bottom:1px solid #eee; display: block; padding:15px 0;}
	.notice--tit {font-size:16px; padding:0;}
	.noti-tr .notice--tit{text-align:center;}
	.notice--date {font-size:12px; color:#999; padding-top:3px;}

	/* 대리점신청 */
	.prod--list--container {display:none;}
	.cs--content--sub--sec {display:block;}
	.ag--list--mo {border:1px solid #eee; border-radius: 12px; padding:25px 10px 15px ; margin:15px 5% 40px;}
	.ag--list--mo li {padding-bottom:25px;}
	.ag--list--mo span{display:inline-block; width:40px; height:40px; text-align: center; line-height: 38px; border-radius:50%; margin-bottom: 5px; font-weight:500;}
	.ag--list--mo span.ag--num--a{color:#fff; background-color: #257ced;}
	.ag--list--mo span.ag--num--b{color:#525F71; background-color: #E5F1FF;}
	.ag--list2--mo {border:1px solid #eee; border-radius: 12px; padding:25px 20px 5px; margin:15px 5% 40px;}
	.ag--list2--mo dt {display: inline-block; width:30%; font-weight: 700; font-size: 15px; text-align: left; margin-right:1%; vertical-align: top;}
	.ag--list2--mo dt img {width: 16px; height:16px; vertical-align:top; display: inline-block; margin-right:4px;}
	.ag--list2--mo dd {display: inline-block; width: 60%; text-align: left; vertical-align: top; margin-bottom: 25px;}
	.ag--list2--mo dd a {color:#0655BB; text-decoration: underline;}

	.ag--list3--mo {background-color:#fafafa; border-radius: 12px; padding:25px 25px 5px; margin:15px 5% 80px;}
	.ag--list3--mo li {margin-bottom: 30px;}
	.ag--list3--ico {width: 16px; height:16px; margin-right: 5px;}
	.ag--list3--img {width: 30px; height:auto; margin-bottom:5px;}
	.ag--list3--btn {width:100%; background-color:#555; color:#fff; display:block; padding:13px 0; font-size:16px; border-radius:7px;}
	.ag--list3--btn > img {width:18px; height:auto; margin-left:5px;}

	/* 아이디어 제안 */
	.bn--partner {margin:0 5% 20px; width:auto; padding:100px 40px 30px; text-align:center; background-size:75px; background-position: center 20px;}
	.bn--partner span {display: block;}
	.bn--partner p {margin-top:15px; font-size:15px; line-height:1.5;}
	.btn--partner01 {display:block; width:100%;text-align: center; margin-bottom:7px;}
	.btn--partner02 {display:block; margin:-10px 5% 0; text-align: center;}
	.table--partner {display:none;}
	.table--partner--mo {display:block; margin:10px 6%; border-top:1px solid #333;}
	.table--partner--mo a {display:block; border-bottom:1px solid #eee; padding:13px 0; padding-right:75px;position:relative;}
	.partner--ing01,.partner--ing02,.partner--ing03,.partner--ing04 {position:absolute; right:0; top:17px; font-size:13px; padding:7px 15px;}
	.partner--input {margin:0 5% 30px; border-bottom:1px solid #eee;}
	.partner--input .input--tit, .partner--input .input--txt {width:100%; display:block;}
	.partner--input .input--tit {font-size:13px;}
	.partner--input .input--txt {padding:5px 0;}
	.partner--input .input--list {padding:10px 0; border-bottom:0;}
	.input--info {padding:5px 0 0; font-size:12px; display:block;}
	.partner--input .input--txt .bbs--input--row {display:block;}
	.join--row--flex {width:100%; padding-bottom:5px;}
	.radio--custom .radio--txt {font-size:15px;}
	.chk--custom .chk--txt {font-size:15px;}
	.partner--input--txt {margin:0 5%;}
	.bbs--write--form .bbs--write--btn--group {margin:30px 5%;}
	.bbs--view--attached {margin:15px -5%;}

	/* 이용약관, 개인정보처리방침 */
	.policy--content {width:100%; padding:20px 5%;}

	.login--wrapper {width:100%; padding:60px 20px;}/* 2024-01-22 */

	/*공지사항*/
	/*2024-03-25 jy*/.sub--nav + .ask--list--wrap{margin-top:0px;}
  }

/*2024-02-07 웹에디터 추가*/
.sound_only{
	display:none;
}
.btn_cke_sc{
	display:none;
}

/* captcha */
.write_div { color: #333; padding: 20px; }
#captcha {display:flex;align-items: center; position: relative;}
#captcha legend {display: contents;}
#captcha legend label {width: 13%; display: inline-block; font-weight: 600; vertical-align: middle; word-wrap: break-word;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0 0 0 5px;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0 0 0 5px;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top; background-image: url('/theme/basic/img/require.png') !important; background-repeat: no-repeat !important; background-position: right top !important;}
#captcha #captcha_info {font-size: 0.85em; position: absolute; left: 13%; bottom: -30px;}