@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

html, body{scroll-behavior: smooth;}
/* common */
.content { padding-top: 45px; }
.cursor_d a:link {cursor: default;}

.sub_tit {margin-bottom: 25px; text-align: left;}
.sub_tit h3 {color: #222222; font-weight: 700; font-size: 46px; letter-spacing: 0;}
.sub_tit h4 {color: #222222; font-weight: 600; font-size: 34px; letter-spacing: 0;}
.sub_tit h3 span {display: inline-block;}

.sub_tit.type01 h4 {font-size: 26px; line-height: 1em; letter-spacing: 0; color: #222; padding-bottom: 14px; position: relative; font-weight: 500;}
.sub_tit.type01 h4::before {content: ''; position: absolute; width: 100%; height: 1px; background-color: #464543; left: 0; bottom: 0;}

@media all and (max-width: 1200px) {
	.sub_tit h3 {font-size: 40px;}
}
@media all and (max-width: 1000px) {
	.sub_tit h3 {font-size: 36px;}
}

.sub_tit02 {margin-bottom: 30px; text-align: left;}
.sub_tit02 h4 {color: #222222; font-weight: 500; font-size: 26px; letter-spacing: 0;}


.sub_tabbtn {margin-bottom: 25px; margin-top: 35px;}
.sub_tabbtn ul {font-size: 0; letter-spacing: -4px;}
.sub_tabbtn ul li {display: inline-block; vertical-align: top; margin-right: 12px;}
.sub_tabbtn ul li a {display: table; width: 100%; height: 60px; color: #888888; font-weight: 400; font-size: 16px; letter-spacing: 0; border-radius: 30px; box-sizing: border-box; border: 1px solid #bfbfbf; background: #fff;}
.sub_tabbtn ul li.on a {background: #ca4e34; border-color: #ca4e34; color: #fff;}
.sub_tabbtn ul li a span {display: table-cell; vertical-align: middle; text-align: center;}
.sub_tabbtn ul.grid02 li {width: calc(50% - 6px);}
.sub_tabbtn ul.grid02 li:nth-of-type(2n) {margin-right: 0;}
.sub_tabbtn ul.grid03 li {width: calc(33.333333% - 8px);}
.sub_tabbtn ul.grid03 li:nth-of-type(3n) {margin-right: 0;}
.sub_tabbtn ul.grid04 li {width: calc(25% - 9px);}
.sub_tabbtn ul.grid04 li:nth-of-type(4n) {margin-right: 0;}
.sub_tabbtn ul.grid05 li {width: calc(20% - 9.6px);}
.sub_tabbtn ul.grid05 li:nth-of-type(5n) {margin-right: 0;}
.sub_tabbtn ul.grid06 li {width: calc(16.666667% - 10px);}
.sub_tabbtn ul.grid06 li:nth-of-type(6n) {margin-right: 0;}
.sub_tabbtn ul.grid07 li {width: calc(14.285714% - 10.285714px);}
.sub_tabbtn ul.grid07 li:nth-of-type(7n) {margin-right: 0;}
.sub_tabbtn ul.grid08 li {width: calc(12.5% - 10.5px);}
.sub_tabbtn ul.grid08 li:nth-of-type(8n) {margin-right: 0;}

.sub_tabbtn.type02 ul li {display: block;}
.sub_tabbtn.type02 ul li + li {margin-top: 10px;}

@media all and (max-width: 1000px) {
	.sub_tabbtn ul li a {font-size: 14px;}
	.sub_tabbtn ul.grid05 li {width: calc(33.333333% - 8px);}
	.sub_tabbtn ul.grid05 li:nth-of-type(3n) {margin-right: 0;}
	.sub_tabbtn ul.grid05 li:nth-of-type(n+4) {width: calc(50% - 6px); margin-top: 10px;}
	.sub_tabbtn ul.grid06 li {width: calc(33.333333% - 8px);}
	.sub_tabbtn ul.grid06 li:nth-of-type(3n) {margin-right: 0;}
	.sub_tabbtn ul.grid07 li {width: calc(25% - 9px);}
	.sub_tabbtn ul.grid07 li:nth-of-type(4n) {margin-right: 0;}
	.sub_tabbtn ul.grid07 li:nth-of-type(n+5) {width: calc(33.333333% - 8px); margin-top: 10px;}
	.sub_tabbtn ul.grid08 li {width: calc(25% - 9px);}
	.sub_tabbtn ul.grid08 li:nth-child(n + 5) {margin-top: 12px;}
	.sub_tabbtn ul.grid08 li:nth-of-type(4n) {margin-right: 0;}
}

.tab_content > div {display: none;}
.tab_content > div.on {display: block;}

/* table */
table.type01 {width: 100%; border: 1px solid #222; margin: auto; box-sizing: border-box;}
table.type01 tbody {width: 100%;}
table.type01 tr {height: 60px;}
table.type01 th {background-color: #222; color: #fff; font-size: 16px; line-height: 2em; font-weight: 700; letter-spacing: 0; text-align: center;}
table.type01 td {text-align: left; font-size: 16px; letter-spacing: 0; color: #222; padding: 0 20px; box-sizing: border-box;}

.check_custom input[type="checkbox"] {border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.check_custom p {display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: url('/img/front/check_custom_img01.png') no-repeat;}
.check_custom input[type="checkbox"]:checked + p {background: url('/img/front/check_custom_img01_on.png') no-repeat;}

.check_custom02 input[type="checkbox"] {border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.check_custom02 p {display: inline-block; vertical-align: top; width: 16px; height: 16px; background: url('/img/front/check_custom02_img01.png') no-repeat; margin-top: 5px; margin-right: 8px;}
.check_custom02 i {display: inline-block; vertical-align: top; margin-top: 2px; margin-right: 4px;}
.check_custom02 input[type="checkbox"]:checked + p {background: url('/img/front/check_custom02_img01_on.png') no-repeat;}
.check_custom02 span {display: inline-block; vertical-align: top; color: #444444; font-weight: 400; font-size: 16px; letter-spacing: -1px; width: calc(100% - 48px);}

@media all and (max-width: 1400px) {
	.check_custom02 span {font-size: 14px;}
}

.check_custom03 input[type="checkbox"] {border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.check_custom03 i {display: inline-block; vertical-align: middle; margin-right: 10px; width: 22px; height: 22px; background: url('/img/front/check_custom03_img01.png') no-repeat;}
.check_custom03 input[type="checkbox"]:checked + i {background: url('/img/front/check_custom03_img01_on.png') no-repeat;}
.check_custom03 span {display: inline-block; vertical-align: middle; color: #666666; font-weight: 400; font-size: 16px; letter-spacing: 0; width: calc(100% - 32px);}

.select_custom {min-width: 180px; height: 35px; border: 1px solid #9c9c9c; border-radius: 5px; position: relative;}
.select_custom:before {position: absolute; right: 15px; top: 15px; width: 10px; height: 6px; background: url('/img/front/search_arrow.png') no-repeat; content: '';}
.select_custom select {width: 100%; height: 100%; border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-left: 20px; padding-right: 35px; box-sizing: border-box; border-radius: 5px; color: #444444; font-weight: 300; font-size: 14px; letter-spacing: 0;}

.select_custom02 {height: 35px; border-radius: 18px; position: relative; background: #fff;}
.select_custom02:before {position: absolute; right: 15px; top: 15px; width: 10px; height: 6px; background: url('/img/front/search_arrow.png') no-repeat; content: '';}
.select_custom02 select {width: 100%; height: 100%; border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-left: 18px; padding-right: 35px; box-sizing: border-box; border-radius: 18px; color: #444444; font-size: 16px; letter-spacing: 0;}

.select_custom03 {height: 60px; border-radius: 30px; position: relative; background: #fff; border: 1px solid #9c9c9c; box-sizing: border-box;}
.select_custom03:before {position: absolute; right: 20px; top: 28px; width: 10px; height: 6px; background: url('/img/front/search_arrow.png') no-repeat; content: '';}
.select_custom03 select {width: 100%; height: 100%; border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-left: 35px; padding-right: 45px; box-sizing: border-box; border-radius: 30px; color: #666666; font-size: 18px; letter-spacing: 0;}

@media all and (max-width: 1400px) {
	.select_custom02 select {font-size: 14px;}
}

.radio_custom {width: 100%;}
.radio_custom input[type="radio"] {border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.radio_custom span {display: block; width: 100%; height: 45px; color: #444444; font-size: 18px; letter-spacing: 0; line-height: 45px; border-radius: 23px; background: #fff; text-align: center;}
.radio_custom input[type="radio"]:checked + span {color: #fff; background: #ca4e34;}

@media all and (max-width: 1400px) {
	.radio_custom span {font-size: 16px;}
}

.file_custom label {display: inline-block; vertical-align: top; width: 275px; height: 60px; border: 1px solid #999999; box-sizing: border-box; line-height: 58px; color: #666666; font-weight: 400; font-size: 18px; letter-spacing: 0; border-radius: 30px; text-align: center;}
.file_custom input[type="file"] {border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; display: inline-block; vertical-align: top; width: calc(100% - 275px); height: 60px; padding: 0 25px; box-sizing: border-box; color: #666666; font-weight: 400; font-size: 18px; letter-spacing: 0; line-height: 60px;}
.file_custom input[type="file"]::file-selector-button {display: none;}

@media all and (max-width: 1000px) {
	.file_custom label {width: 170px;}
	.file_custom input[type="file"] {width: calc(100% - 170px);}
}

.file_custom02 {display: inline-block; vertical-align: top;}
.file_custom02 label {display: inline-block; vertical-align: top; width: 200px; height: 60px; box-sizing: border-box; line-height: 60px; color: #fff; font-weight: 400; font-size: 18px; letter-spacing: 0; border-radius: 30px; text-align: center; background: #f5950e;}
.file_custom02 input[type="file"] {display: none;}

@media all and (max-width: 1000px) {
	.file_custom02 label {font-size: 16px; width: 120px; height: 50px; line-height: 50px;}
}

.prod_list ul {font-size: 0; letter-spacing: -4px;}
.prod_list ul li {display: inline-block; vertical-align: top; margin-right: 25px;}
.prod_list ul li .img_box {position: relative; border: 2px solid #e5e5e5; box-sizing: border-box; transition: all 0.3s; border-radius: 50px; overflow: hidden;}
.prod_list ul li .img_box .img {position: relative; padding: 50% 0; box-sizing: border-box; overflow: hidden;}
.prod_list ul li .img_box .img img {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.prod_list ul li .txt_box {padding: 20px 0 0; box-sizing: border-box;}
.prod_list ul li .txt_box:after {content: ''; clear: both; display: block;}
.prod_list ul li .txt_box .tag {margin-bottom: 14px; font-size: 0; letter-spacing: -4px;}
.prod_list ul li .txt_box .tag span {display: inline-block; vertical-align: middle; width: 71px; height: 32px; background: #dddddd; border-radius: 16px; text-align: center; color: #fff; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 32px; transition: all 0.3s;}
.prod_list ul li .txt_box .tag span + span {margin-left: 10px;}
.prod_list ul li .txt_box h5 {color: #444444; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.6; display:-webkit-box;  word-wrap:break-word; -webkit-line-clamp:3;  -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.prod_list ul li .txt_box > p {color: #666666; font-weight: 600; font-size: 24px; letter-spacing: 0; margin-top: 20px; margin-bottom: 20px; text-align: right; transition: all 0.3s;}
.prod_list ul li .txt_box > span {display: block; margin-top: 12px; padding-right: 20px; box-sizing: border-box; color: #999999; font-weight: 300; font-size: 13px; letter-spacing: 0; line-height: 1.5;}
.prod_list ul li .txt_box .sell {display: inline-block;}
.prod_list ul li .txt_box .sell p {font-size: 0; letter-spacing: -4px;}
.prod_list ul li .txt_box .sell p i {display: inline-block; vertical-align: middle; width: 13px; height: 16px; transition: all 0.3s;}
/*.prod_list ul li .txt_box .sell p.indi i {background: url('/img/front/main_con01_icon01.png') no-repeat;}*/
.prod_list ul li .txt_box .sell p.shop i {background: url('/img/front/shopCon_icon01.png') no-repeat;}
.prod_list ul li .txt_box .sell span {display: inline-block; vertical-align: middle; padding-left: 8px; box-sizing: border-box; color: #ababab; font-weight: 400; font-size: 16px; letter-spacing: 0; transition: all 0.3s;}
.prod_list ul li .txt_box .time {display: inline-block; font-size: 0; letter-spacing: -4px; float: right;}
.prod_list ul li .txt_box .time i {display: inline-block; vertical-align: middle; width: 18px; height: 18px; transition: all 0.3s; background: url('/img/front/shopCon_icon02.png') no-repeat;}
.prod_list ul li .txt_box .time span {display: inline-block; vertical-align: middle; padding-left: 8px; box-sizing: border-box; color: #ababab; font-weight: 400; font-size: 16px; letter-spacing: 0; transition: all 0.3s;}
.prod_list ul.grid04 li {width: calc(25% - 18.75px);}
.prod_list ul.grid04 li:nth-of-type(4n) {margin-right: 0;}
.prod_list ul.grid04 li:nth-of-type(n+5) {margin-top: 40px;}

.prod_list ul li:hover .img_box {border-color: #ca4e34;}
.prod_list ul li:hover .txt_box .tag span {background: #ca4e34;}
.prod_list ul li:hover .txt_box p {color: #ca4e34;}
/*.prod_list ul li:hover .txt_box .sell p.indi i {background: url('/img/front/main_con01_icon01_on.png') no-repeat;}*/
.prod_list ul li:hover .txt_box .sell p.shop i {background: url('/img/front/shopCon_icon01_on.png') no-repeat;}
.prod_list ul li:hover .txt_box .sell span {color: #222222;}
.prod_list ul li:hover .txt_box .time i {background: url('/img/front/shopCon_icon02_on.png') no-repeat;}
.prod_list ul li:hover .txt_box .time span {color: #222222;}

@media all and (max-width: 1400px) {
	.prod_list ul li .img_box {border-radius: 30px;}
}
@media all and (max-width: 1200px) {
	.prod_list ul li .txt_box > span {padding-right: 0;}
}
@media all and (max-width: 767px) {
	.prod_list ul.grid04 li {width: calc(33.333333% - 16.666667px);}
	.prod_list ul.grid04 li:nth-of-type(4n) {margin-right: 25px;}
	.prod_list ul.grid04 li:nth-of-type(3n) {margin-right: 0;}
	.prod_list ul.grid04 li:nth-of-type(n+4) {margin-top: 40px;}
}
@media all and (max-width: 640px) {
	.prod_list ul.grid04 li {width: calc(50% - 12.5px);}
	.prod_list ul.grid04 li:nth-of-type(3n) {margin-right: 25px;}
	.prod_list ul.grid04 li:nth-of-type(2n) {margin-right: 0;}
	.prod_list ul.grid04 li:nth-of-type(n+3) {margin-top: 40px;}
}

.prod_list02 ul {font-size: 0; letter-spacing: -4px;}
.prod_list02 ul li {display: inline-block; vertical-align: top; margin-right: 25px; position: relative;}
.prod_list02 ul li .img_box {position: relative; border: 1px solid #e5e5e5; box-sizing: border-box; transition: all 0.3s; overflow: hidden;}
.prod_list02 ul li .img_box .img {position: relative; padding: 50% 0; box-sizing: border-box; overflow: hidden;}
.prod_list02 ul li .img_box .img img {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.prod_list02 ul li .txt_box {padding: 20px 0 0; box-sizing: border-box; text-align: right;}
.prod_list02 ul li .txt_box:after {content: ''; clear: both; display: block;}
.prod_list02 ul li .txt_box h5 {color: #444444; font-weight: 400; font-size: 15px; letter-spacing: 0; line-height: 1.4; display:-webkit-box;  word-wrap:break-word; -webkit-line-clamp:3;  -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; text-align: left; height:66px;}
.prod_list02 ul li .txt_box > p {color: #666666; font-weight: 600; font-size: 24px; letter-spacing: 0; text-align: right; transition: all 0.3s; text-align: right; margin-bottom: 5px; }
.prod_list02 ul li .txt_box > p:first-of-type { margin-top: 15px; }
.prod_list02 ul li .txt_box > p > span { font-size: 13px; color: #6c757d; }
.prod_list02 ul li .txt_box .desc {padding-top: 15px; text-align: left; height: 94px;}
.prod_list02 ul li .txt_box .desc span.tag {display: block; height: 21px; color: #666666; font-weight: 300; font-size: 14px; letter-spacing: 0;}


/* 추가 끝 */
.prod_list02 ul li .txt_box .desc span.tag + span.tag {margin-top: 8px;}
.prod_list02 ul li .txt_box .desc span.tag i {display: inline-block; vertical-align: top; margin-right: 15px;}
.prod_list02 ul li .txt_box .desc span.tag span {display: inline-block; vertical-align: top; width: calc(100% - 35px);}
.prod_list02 ul li .txt_box .bidder {display: inline-block; vertical-align: middle; padding-right: 12px; box-sizing: border-box;}
.prod_list02 ul li .txt_box .bidder span {color: #ababab; font-weight: 400; font-size: 16px; letter-spacing: 0; transition: all 0.3s;}
.prod_list02 ul li .txt_box .time {display: inline-block; vertical-align: middle; font-size: 0; letter-spacing: -4px;}
.prod_list02 ul li .txt_box .time i {display: inline-block; vertical-align: middle; width: 18px; height: 18px; transition: all 0.3s; background: url('/img/front/shopCon_icon02.png') no-repeat;}
.prod_list02 ul li .txt_box .time span {display: inline-block; vertical-align: middle; padding-left: 8px; box-sizing: border-box; color: #ababab; font-weight: 400; font-size: 16px; letter-spacing: 0; transition: all 0.3s;}
.prod_list02 ul li .txt_box .buynow {display: inline-block; vertical-align: middle; box-sizing: border-box;}
.prod_list02 ul li .txt_box .buynow span {color: #ababab; font-weight: 400; font-size: 16px; letter-spacing: 0; transition: all 0.3s;}
.prod_list02 ul.grid04 li {width: calc(25% - 18.75px);}
.prod_list02 ul.grid04 li:nth-of-type(4n) {margin-right: 0;}
.prod_list02 ul.grid04 li:nth-of-type(n+5) {margin-top: 40px;}

.prod_list02 ul li:hover .img_box {border-color: #ca4e34;}
.prod_list02 ul li:hover .txt_box p {color: #ca4e34;}

/* 22.11.10 1번째 옵션호버 효과 추가 */
.prod_list02 ul li .txt_box .desc span.tag.free_box{display:flex;position: relative;}
.prod_list02 ul li .txt_box .desc span.tag.free_box:hover span{color: #ca4e34;}
.prod_list02 ul li .txt_box .desc span.tag.free_box i {display:inline-flex; align-items: center;  justify-content: center; width: 20px; height: 20px; border-radius: 10px; border: 1px solid #464543; box-sizing: border-box;}
.prod_list02 ul li .txt_box .desc span.tag.free_box:hover i {background: #ca4e34;}
.prod_list02 ul li .txt_box .desc span.tag.free_box:hover img {filter:invert(100%);}
.prod_list02 ul li  .info_box {display: none; z-index: 1; width: 380px; padding: 20px 22px; position: absolute;top:25px; left: 52px; background: #fff; border-radius: 30px; border: 2px solid #ca4e34; transition: all .3s;}
.prod_list02 ul li  .info_box p{letter-spacing: 0; color: #666 !important; font-size: 14px; white-space: pre-line;}
.prod_list02 ul li .txt_box .desc span.tag:first-child:hover .info_box {display: block; }

@media all and (max-width: 1200px) {
	.prod_list02 ul li .txt_box > span {padding-right: 0;}
}
@media all and (max-width: 767px) {
	.prod_list02 ul.grid04 li {width: calc(33.333333% - 16.666667px);}
	.prod_list02 ul.grid04 li:nth-of-type(4n) {margin-right: 25px;}
	.prod_list02 ul.grid04 li:nth-of-type(3n) {margin-right: 0;}
	.prod_list02 ul.grid04 li:nth-of-type(n+4) {margin-top: 40px;}
	.prod_list02 ul li  .info_box {width: 280px;}

}
@media all and (max-width: 640px) {
	.prod_list02 ul.grid04 li {width: calc(50% - 12.5px);}
	.prod_list02 ul.grid04 li:nth-of-type(3n) {margin-right: 25px;}
	.prod_list02 ul.grid04 li:nth-of-type(2n) {margin-right: 0;}
	.prod_list02 ul.grid04 li:nth-of-type(n+3) {margin-top: 40px;}

}

.pager_custom {display: flex; justify-content: center; margin-top:75px; letter-spacing: 0;}
.pager_custom span, .pager_custom a {display: flex; align-items: center; justify-content: center; width: 33px; height: 33px; text-decoration: none; color: #666; font-weight: 500; font-size: 18px; border: 2px solid transparent; border-radius: 50%; margin: 0 10px;}
.pager_custom span.active {color: #ca4e34; border-color: #ca4e34;}
.pager_custom a.page_prev {margin-right: 66px;}
.pager_custom a.page_next {margin-left: 66px;}
.pager_custom span, .pager_custom a.prev,.pager_custom span, .pager_custom a.next{background: none;}

@media all and (max-width: 1000px) {
	.pager a.page_prev {margin-right: 30px;}
	.pager a.page_next {margin-left: 30px;}
}

.form_layout01 ul li + li {margin-top: 60px;}
.form_layout01 dl + dl {margin-top: 10px;}
.form_layout01 dl.w50 {display: inline-block; vertical-align: top; width: calc(50% - 12px); margin-right: 24px;}
.form_layout01 dl.w50 + dl.w50 {margin-right: 0; margin-top: 0;}
.form_layout01 dl dt {color: #222222; font-weight: 500; font-size: 20px; letter-spacing: 0; margin-bottom: 15px;}
.form_layout01 dl dd > input[type="text"] {width: 100%; height: 60px; padding: 0 35px; background: #f5f5f5; box-sizing: border-box; border-radius: 30px; color: #666666; font-weight: 400; font-size: 18px; letter-spacing: 0; border: none;}
.form_layout01 dl dd > textarea {width: 100%; height: 300px; resize: none; padding: 20px 35px; box-sizing: border-box; background: #f5f5f5; border-radius: 30px; color: #666666; font-weight: 400; font-size: 18px; letter-spacing: 0; border: none;}
.form_layout01 dl dd .check_custom03 {margin-top: 20px;}
.form_layout01 dl dd .note-editing-area {font-size: 18px; letter-spacing: 0;}
.form_layout01 .bottom_txt {margin-top: 20px;}
.form_layout01 .bottom_txt p {color: #666666; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.5;}
.form_layout01 .bottom_txt p a {color: #000cff; font-size: 16px;}
.form_layout01 .btn {margin-top: 40px;}
.form_layout01 .btn > a {display: block; height: 60px; background: #ca4e34; text-align: center; color: #fff; font-weight: 400; font-size: 18px; letter-spacing: 0; line-height: 60px; border-radius: 30px;}
.form_layout01 .btn.hide {display: none;}
.form_layout01 .request_box {padding: 35px 45px 50px 50px; box-sizing: border-box; border: 1px solid #bfbfbf; font-size: 0; letter-spacing: -4px;}
.form_layout01 .request_box:after {content: ''; display: block; clear: both;}
.form_layout01 .request_box h4 {display: inline-block; color: #222222; font-weight: 700; font-size: 26px; letter-spacing: 0; margin: 0; margin-bottom: 50px;}
.form_layout01 .request_box .remove_btn {float: right; width: 170px; height: 60px; border: 1px solid #999999; box-sizing: border-box; line-height: 58px; text-align: center; border-radius: 30px; color: #666666; font-size: 18px; letter-spacing: 0;}
.form_layout01 .request_box .item_info02 {margin-top: 50px;}
.form_layout01 .note-toolbar {letter-spacing: 0;}
.form_layout01 .note-toolbar .note-check li {margin-top: 0;}
.form_layout01 .modal-body {font-size: 12px; letter-spacing: 0; color: #444;}
.form_layout01 .modal-body .form-group label {letter-spacing: 0;}
.form_layout01 .radio label, .form_layout01 .checkbox label {font-size: 14px; letter-spacing: 0;}
.form_layout01 .form-control {box-sizing: border-box;}
.form_layout01 .btn-primary.note-btn {font-size: 14px; letter-spacing: 0; margin-top: 0;}
.form_layout01 .modal-footer p {color: #444; font-size: 12px; letter-spacing: 0;}
.form_layout01 .modal-footer p a {color: #444;}

@media all and (max-width: 1000px) {
	.form_layout01 ul li + li {margin-top: 40px;}
	.form_layout01 dl.w50 {width: 100%; margin-right: 0;}
	.form_layout01 dl.w50 + dl.w50 {margin-top: 10px;}
	.form_layout01 dl dd textarea {height: 240px;}
	.form_layout01 .request_box {padding: 25px 20px 30px;}
	.form_layout01 .request_box .item_info02 {margin-top: 30px;}
}
@media all and (max-width: 767px) {
	.form_layout01 dl dd .btn-sm span {font-size: 16px;}
}

.form_layout02 ul li + li {margin-top: 60px;}
.form_layout02 dl + dl {margin-top: 20px;}
.form_layout02 dl.w50 {display: inline-block; vertical-align: top; width: calc(50% - 14px); margin-right: 24px;}
.form_layout02 dl.w50 + dl.w50 {margin-right: 0;}
.form_layout02 dl dt {color: #222222; font-weight: 400; font-size: 18px; letter-spacing: 0; margin-bottom: 10px; padding-left: 36px; box-sizing: border-box;}
.form_layout02 dl dd input[type="url"],
.form_layout02 dl dd input[type="text"],
.form_layout02 dl dd input[type="number"] {width: 100%; height: 60px; padding: 0 35px; background: #f5f5f5; box-sizing: border-box; border-radius: 30px; color: #666666; font-weight: 400; font-size: 18px; letter-spacing: 0; border: none;}
.form_layout02 dl dd textarea {width: 100%; height: 300px; resize: none; padding: 20px 35px; box-sizing: border-box; background: #f5f5f5; border-radius: 30px; color: #666666; font-weight: 400; font-size: 18px; letter-spacing: 0; border: none;}
.form_layout02 dl dd .check_custom03 {margin-top: 20px;}
.form_layout02 dl dd .input_btn {position: relative;}
.form_layout02 dl dd .input_btn .edit_btn {position: absolute; right: 40px; top: calc(50% - 11.5px);}
.form_layout02 dl dd .input_btn .edit_btn i {display: inline-block; vertical-align: middle; width: 23px; height: 23px; background: url('/img/front/edit_btn_img01.png') no-repeat; margin-right: 10px;}
.form_layout02 dl dd .input_btn .edit_btn span {display: inline-block; vertical-align: middle; color: #666666; font-weight: 400; font-size: 18px; letter-spacing: 0;}
.form_layout02 dl dd .input_btn.edit input {padding-right: 120px;}
.form_layout02 dl dd .input_btn.quantity input {padding-right: 70px;}
.form_layout02 dl dd .input_btn .btn_box {position: absolute; right: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.form_layout02 dl dd .input_btn .btn_box a {display: block; padding: 9px 0;}
.form_layout02 dl dd .input_btn .btn_box .plus_btn {width: 11px; height: 7px; background: url('/img/front/plus_btn.png') no-repeat center center;}
.form_layout02 dl dd .input_btn .btn_box .minus_btn {width: 11px; height: 7px; background: url('/img/front/minus_btn.png') no-repeat center center;}
.form_layout02 dl dd .file_box {background: #f5f5f5; box-sizing: border-box; border-radius: 30px; padding: 35px; width: 100%; display: flex; align-items: center; gap: 20px; min-height: 300px;}
.form_layout02 dl dd .file_box .preview {flex: 1; text-align: center;}
.form_layout02 dl dd .file_box .preview img {width: 100%; max-width: fit-content;}
.form_layout02 dl dd .file_box .btn_box {text-align: center;}
.form_layout02 dl dd .file_box .btn_box a {display: block; width: 200px; height: 60px; box-sizing: border-box; line-height: 60px; color: #fff; font-weight: 400; font-size: 18px; letter-spacing: 0; border-radius: 30px; text-align: center; background: #ca4e34; margin-bottom: 20px;}
.form_layout02 .bottom_txt {margin-top: 20px;}
.form_layout02 .bottom_txt p {color: #666666; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.5;}
.form_layout02 .bottom_txt p a {color: #000cff; font-size: 16px;}
.form_layout02 .btn {margin-top: 40px;}
.form_layout02 .btn > button {border:0; display: block; width: 200px; height: 60px; background: #ca4e34; text-align: center; color: #fff; font-weight: 400; font-size: 18px; letter-spacing: 0; line-height: 60px; border-radius: 30px;}
.form_layout02 .btn.hide {display: none;}
.form_layout02 .request_box {padding: 35px 45px 50px; box-sizing: border-box;}
.form_layout02 .request_box:after {content: ''; display: block; clear: both;}
.form_layout02 .request_box h4 {color: #222222; font-weight: 500; font-size: 20px; letter-spacing: 0; margin-bottom: 25px;}
.form_layout02 .request_box .remove_btn {float: right; width: 170px; height: 60px; border: 1px solid #999999; box-sizing: border-box; line-height: 58px; text-align: center; border-radius: 30px; color: #666666; font-size: 18px; letter-spacing: 0;}
.form_layout02 .request_box .item_info02 {margin-top: 50px;}
/*--Clear Button추가--*/
.form_layout02 .request_box .request_frame{position: relative;}
.form_layout02 .request_box .clearButton {width: 24px; height: 24px; position: absolute; right: 12px; top: calc(50% - 12px); background: url(https://dejapan-images.s3.ap-northeast-1.amazonaws.com/btn_close.svg) no-repeat left center; cursor: pointer; visibility: hidden; opacity: 0.4;}

.form_layout02 .bottom_box {margin-top: 35px;}
.form_layout02 .bottom_box:after {content: ''; display: block; clear: both;}
.form_layout02 .bottom_box .txt_box {display: inline-block; margin-bottom: 20px;}
.form_layout02 .bottom_box .txt_box p {color: #666666; font-weight: 400; font-size: 18px; letter-spacing: 0; line-height: 1.4;}
.form_layout02 .bottom_box .txt_box p a {color: #000cff; font-size: 18px;}
.form_layout02 .bottom_box .total {float: right; text-align: right; margin-top: 10px;}
.form_layout02 .bottom_box .total p {color: #666666; font-size: 18px; letter-spacing: 0; line-height: 1.4;}
.form_layout02 .bottom_box .total p b {display: inline-block; min-width: 62px; padding-left: 25px; font-weight: 400;}
.form_layout02 .bottom_box .total p b.color01 {color: #000cff;}

.form_layout02 .specify dt label {display: flex; align-items: center; gap: 10px;}
.form_layout02 .specify dd {display: none;}

@media all and (max-width: 1000px) {
	.form_layout02 ul li + li {margin-top: 40px;}
	.form_layout02 dl.w50 {width: 100%; margin-right: 0;}
	.form_layout02 dl.w50 + dl.w50 {margin-top: 10px;}
	.form_layout02 dl dd textarea {height: 240px;}
	.form_layout02 dl dd .input_btn .edit_btn {right: 20px;}
	.form_layout02 dl dd .input_btn .btn_box {right: 20px;}
	.form_layout02 dl dd .input_btn.edit input {padding-right: 100px;}
	.form_layout02 dl dd .input_btn.quantity input {padding-right: 50px;}
	.form_layout02 dl dd .file_box .btn_box a {width: 170px; margin-right: 40px;}
	.form_layout02 .request_box {padding: 25px 0 30px;}
	.form_layout02 .request_box .item_info02 {margin-top: 30px;}
	.form_layout02 .request_box h4 {font-size: 18px;}
	.form_layout02 .bottom_box .txt_box {display: block; margin-bottom: 30px;}
	.form_layout02 .bottom_box .total {float: none; margin-bottom: 20px;}
	.form_layout02 .bottom_box .txt_box p {font-size: 16px;}
	.form_layout02 .bottom_box .txt_box p a {font-size: 16px;}
	.form_layout02 .bottom_box .total p {font-size: 16px;}
}

/* sub_visual */



/*==================================
	shop list (shopCon)
=================================== */
.shopCon {padding-bottom: 140px; font-size: 0; letter-spacing: -4px;}
.shopCon .content_tit {padding: 0 0 30px; font-size: 0; letter-spacing: -4px;}
/*.shopCon .content_tit:after {content: ''; display: block; clear: both;}*/
.shopCon .content_tit .left_box {display: inline-block; vertical-align: middle; margin-top: 10px;}
.shopCon .content_tit .left_box p {display: inline-block; vertical-align: middle; color: #444444; font-weight: 400; font-size: 14px; letter-spacing: 0;}
.shopCon .content_tit .left_box p + p {margin-left: 40px;}
.shopCon .content_tit .left_box .select_custom{border: none; margin-left: 10px;}
.shopCon .content_tit .left_box .select_custom select{color: #2a6ef3;}
.shopCon .content_tit .left_box ul {display: flex; justify-content: space-between; align-items: center;}
.shopCon .content_tit .right_box {display: inline-block; vertical-align: middle; float: right;}
.shopCon .content_tit .right_box ul {font-size: 0; letter-spacing: -4px;}
.shopCon .content_tit .right_box ul {display: flex; justify-content: space-between; align-items: center;}
.shopCon .content_tit .right_box ul li {display: inline-block; vertical-align: middle;}
.shopCon .content_tit .right_box ul li + li {margin-left: 20px;}
.shopCon .content_tit .right_box ul li span {display: inline-block; vertical-align: middle; margin-right: 15px; color: #444444; font-weight: 400; font-size: 18px; letter-spacing: 0;}
@media all and (min-width: 1001px) {
	.shopCon .content_tit {display: flex; justify-content: space-between; align-items: flex-end;}
	#filter_menu{display: none;}
}
.shopCon #filter_menu .filter_ttl{display: none;}
@media all and (max-width: 1000px) {
	.shopCon #filter_menu.active {position: fixed; z-index: 102; width: 100%; height: 50px; padding: 15px 15px 5px; top: 0; right: 0; background: #fff;}
	.shopCon #filter_menu.active {display: flex; justify-content: space-between; align-items: center;}
	.shopCon #filter_menu.active .filter_ttl{display: block; font-size: 28px; letter-spacing: 0;}
	.shopCon #filter_menu .filter_icon{cursor: pointer;}
	.shopCon #filter_menu.active .filter_icon img{display: none;}
	.shopCon #filter_menu.active .filter_icon span {display : block; position: relative; width : 30px; height : 30px; margin: 0;}
	.shopCon #filter_menu.active .filter_icon span:before, .shopCon #filter_menu.active .filter_icon span:after{content: ""; position: absolute; top: 50%; left: 50%; width: 2px; height: 30px; background: #333;}
	.shopCon #filter_menu.active .filter_icon span:before{transform: translate(-50%,-50%) rotate(45deg);}
	.shopCon #filter_menu.active .filter_icon span:after{transform: translate(-50%,-50%) rotate(-45deg);}
	.shopCon .left_menu.left_menu_mo {position: fixed; z-index : 101; top  : 0; left : 0; height: 100%; padding: 55px 10px; color: #000; background: #fff; width: 100%; transform: translateX(1000%); overflow-x: hidden; overfloW-y: auto; }
	.shopCon .left_menu.left_menu_mo.active {opacity: 100; display: block; transform: translateX(0%); }
}

.shopCon .content_tit .right_box ul li .select_custom {display: inline-block; vertical-align: middle;}
.shopCon .left_menu {display: inline-block; vertical-align: top; width: calc(22.86% - 20px); margin-right: 20px;}
.shopCon .left_menu .box {padding: 45px 30px; background: #f5f5f5; box-sizing: border-box; border-radius: 10px;}
.shopCon .left_menu .box + .box {margin-top: 20px;}
.shopCon .left_menu .box p.tit {color: #222222; font-weight: 500; font-size: 26px; letter-spacing: 0;     margin: 15px 0 5px;}
.shopCon .left_menu .box span.tit02 {color: #444444; font-weight: 400; font-size: 18px; letter-spacing: 0;}
.shopCon .left_menu .box > ul > li {position: relative;}
.shopCon .left_menu .box > ul > li > a {display: block; color: #444444; font-weight: 400; font-size: 18px; letter-spacing: 0; padding: 3px 0;}
.shopCon .left_menu .box .category_sub {display: none; position: absolute; z-index: 110; left: calc(100% - 7px); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%); background: #3f3f3f; padding: 30px; box-sizing: border-box; font-size: 0; letter-spacing: -4px; width: 992px;}
.shopCon .left_menu .box .category_sub > ul {display: inline-block; vertical-align: top; width: 25%; padding-left: 30px; box-sizing: border-box;}
.shopCon .left_menu .box .category_sub > ul > li > a {color: #d8d8d8; font-weight: 300; font-size: 16px; letter-spacing: 0; line-height: 2.2;}
.shopCon .left_menu .box > ul > li:hover > a {color: #c94a30; font-weight: 600;}
.shopCon .left_menu .box > ul > li:hover .category_sub {display: block;}
.shopCon .left_menu .category_sub > ul > li > a:hover {color: #fff; font-weight: 600;}
.shopCon .left_menu .blind{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;}
.shopCon .left_menu .tit{font-size:14px; color:#111;}
.shopCon .left_menu .srch_opt{margin:0; margin-top:8px;}
.shopCon .left_menu .opt_type2{width:700px; background:#fff; border:1px solid #59c9ee; padding:25px; margin-left:70px; z-index:50; position:absolute; left:200px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%) }
.shopCon .left_menu .opt_type2 .tit{font-size:16px; line-height:24px; color:#007bc8;}
.shopCon .left_menu .opt_type2 .opt_area{position:relative; margin-top:12px; padding-top:15px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.shopCon .left_menu .opt_type2 .opt_menu{position:absolute; bottom:100%; margin-bottom:1px; right:0; border:1px solid #d9d9d9;}
.shopCon .left_menu .opt_type2 .opt_menu .lst_menu:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.shopCon .left_menu .opt_type2 .opt_menu .lst_menu{margin-bottom:0;}
.shopCon .left_menu .opt_type2 .opt_menu .lst_menu li{float:left; width:108px; height:35px;}
.shopCon .left_menu .opt_type2 .opt_menu .lst_menu li.on a{color:#007bc8; background:#fff;}
.shopCon .left_menu .opt_type2 .opt_menu .lst_menu li a{display:block; height:20px; padding:8px; font-size:14px; line-height:20px; text-align:center; background:#f6f6f6}
.shopCon .left_menu .opt_type2 .opt_area>.opt_cont{overflow:auto; overflow-x:hidden; position:relative; height:200px;}
.shopCon .left_menu .opt_type2 .lst_opt:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.shopCon .left_menu .opt_type2 .lst_opt li{float:left; width:33.333%; margin:6px 0 0;}
.shopCon .left_menu .opt_type2 .btn_area{margin-top:20px; font-size:0; text-align:center;}
.shopCon .left_menu .opt_type2 .btn_area .u_btn{border:none; border-width:1px; width:80px; height:30px; margin-left:10px; font-size:13px;}
.shopCon .left_menu .opt_type2 .btn_area .u_btn.btn_srch2{background-color:#007bc8; color:#fff; border-color:#007bc8}
.shopCon .left_menu .opt_type2 .btn_area .u_btn.btn_cls{border-color:#c5c5c5; color:#4d4d4d;}
.shopCon .left_menu .price_bar{width:calc(100% - 4px); margin-left:5px; margin-right:8px; margin-top:10px; box-sizing: border-box; border-color: #666666;}
.shopCon .left_menu .ui-slider .ui-slider-handle{background:#666666 !Important; border-color:#666666 !important; width: 9px; height: 9px; border-radius: 5px; top: -4.5px; box-sizing: border-box;}
.shopCon .left_menu .price_bar .ui-widget-header{background:#007bc8}
.shopCon .left_menu .price_opt:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.shopCon .left_menu .top_input {margin-bottom: 20px;}
.shopCon .left_menu .top_input:after {clear:both; content:""; display:block;}
.shopCon .left_menu .inp_price{margin:10px 0 3px; line-height:30px; margin-top:10px;}
.shopCon .left_menu .inp_price:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.shopCon .left_menu .inp_price span{display:inline-block; vertical-align: bottom; width:20px; line-height:20px; text-align:center; color: #444444; font-weight: 400; font-size: 18px; letter-spacing: 0;}
.shopCon .left_menu .inp_price .u_ipbx{width:calc(50% - 13px); float:left; height:35px; border-radius: 0; background: #fff;}
.shopCon .left_menu .inp_price .u_ipbx + .u_ipbx {margin-left: 6px;}
.shopCon .left_menu .inp_price .u_ipbx input{width:100%; height: 100%; box-sizing:border-box; text-align:right; color: #444444; font-size: 15px; letter-spacing: 0; border-radius: 0; border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 0 10px; box-sizing: border-box;}
.shopCon .left_menu .option_list01 ul {font-size: 0; letter-spacing: -4px;}
.shopCon .left_menu .option_list01 ul li {display: inline-block; vertical-align: top; width: calc(50% - 5px); margin-right: 10px;}
.shopCon .left_menu .option_list01 ul li:last-of-type {margin-right: 0;}
.shopCon .left_menu .option_list02 > ul > li + li:before {display: block; width: 100%; height: 1px; margin: 34px 0; border-bottom: 1px dashed #666666; box-sizing: border-box; content: '';}
.shopCon .left_menu .option_list02 .depth02 {padding-left: 24px; box-sizing: border-box; margin-top: 10px;}
.shopCon .left_menu .option_list02 .depth02 > li + li {margin-top: 10px;}
.shopCon .left_menu .option_list02 .select_box {margin-top: 15px;}
.shopCon .left_menu .option_list02 .select_box span {display: inline-block; vertical-align: middle; color: #444444; font-weight: 400; font-size: 16px; letter-spacing: 0; margin-right: 15px;}
.shopCon .left_menu .option_list02 .select_box .select_custom02 {display: inline-block; vertical-align: middle; width: calc(100% - 59px);}
.shopCon .right_list {display: inline-block; vertical-align: top; width: 77.14%;}

/* range list */
.left_menu .inp_srch{position: relative;}
.left_menu .inp_srch .price_list{position: absolute; display: flex;width: 100%; letter-spacing: 0; color: #000; font-size: 8px; align-items: center; justify-content: space-between;}
.left_menu .inp_srch .price_list li{position: relative;}
.left_menu .inp_srch .price_list li::before{content: ""; position: absolute; left: 50%; top: -4px; transform: translateX(-50%); display: block; width: 1px; height: 6px; background: #000;}

/* cp_box */
.cp_box *, .cp_box *:before, .cp_box *:after {-webkit-box-sizing: border-box; box-sizing: border-box;}
.cp_box {position: relative;}
.cp_box label {position: absolute; z-index: 1; bottom: 10px; left: 0; width: 100%; height: 80px; cursor: pointer; text-align: center; background: linear-gradient(to bottom, rgb(245 245 245 / 0%) 0%, rgb(245 245 245) 50%); border-radius: 0 0 30px 30px;}
.cp_box label:after {line-height: 2.5rem; position: absolute; z-index: 2; bottom: 5px; left: 50%; width: 90%; font-family: FontAwesome; content: 'OPEN'; transform: translate(-50%, 0); letter-spacing: 0.05em; color: #fff; border-radius: 20px; font-size: 18px; background-color: rgb(245 149 13);}
.cp_box input {display: none;}
.cp_box .cp_container {overflow: hidden; height: 180px; transition: all 0.5s;}
.cp_box input:checked + label {/* display: none ; 閉じるボタンを消す場合解放 */}
.cp_box input:checked + label:after {font-family: FontAwesome; content: 'Close';}
.cp_box input:checked ~ .cp_container {height: auto; padding-bottom: 60px; transition: all 0.5s;}


@media all and (max-width: 1400px) {
	.shopCon .content_tit .left_box p + p {margin-left: 20px;}
	.shopCon .left_menu {width: calc(22.4% - 20px);}
	.shopCon .left_menu .box {padding: 30px 15px; border-radius: 10px;}
	.shopCon .left_menu .box p.tit {font-size: 18px;}
	.shopCon .left_menu .box span.tit02 {font-size: 16px;}
	.shopCon .left_menu .box > ul > li > a {font-size: 16px;}
	.shopCon .left_menu .box .category_sub {width: 760px; padding: 20px;}
	.shopCon .left_menu .box .category_sub > ul {padding-left: 20px;}
	.shopCon .left_menu .option_list02 .depth02 {padding-left: 10px;}
	.shopCon .left_menu input[type=checkbox], .shopCon .left_menu input[type=radio]{margin-right: 0.5rem;}
	.shopCon .right_list {width: 77.6%;}
}
@media all and (max-width: 1200px) {
	.shopCon .content_tit .left_box {margin-top: 0;}
	.shopCon .left_menu .opt_type2{position:fixed; width:50%; height:50%; margin-left:0; left:25%; top:25%; z-index:999; }
	.shopCon .content_tit .right_box {float: none; display: block; margin-top: 10px;}
}
@media all and (max-width: 1000px) {
	.shopCon .right_list {width: 100%;}
}
@media all and (max-width: 767px) {
	.shopCon .content_tit .left_box p {display: block;}
	.shopCon .content_tit .left_box p + p {margin-left: 0; margin-top: 10px;}
	.shopCon .content_tit .right_box ul li {display: block;}
	.shopCon .content_tit .right_box ul li + li {margin-left: 0; margin-top: 10px;}
}

/*==================================
	shop detail page (shopList)
=================================== */
.shopList {padding-bottom: 150px;}
.shopList .tit {margin-bottom: 25px; text-align: left;}
.shopList .tit h3 {color: #222222; font-weight: 500; font-size: 46px; letter-spacing: 0;}
/* 번역버튼 추가 */
.shopList .tit .btn_tst{display: flex; align-items: center; flex-wrap: nowrap; padding: 10px 0;}
.shopList .tit .btn_tst p {font-size: 18px; letter-spacing: normal;}
.toggle-button-001 {display: inline-block; position: relative; width: 50px; height: 25px; border-radius: 25px; background-color: #dddddd; cursor: pointer; margin-bottom: 0; margin-left: 5px;}
.toggle-button-001:has(:checked) { background-color: #4bd865;}
.toggle-button-001::after { position: absolute; top: 0; left: 0; width: 25px; height: 25px; border-radius: 50%; box-shadow: 0 0 5px rgb(0 0 0 / 20%); background-color: #fff; content: '';}
.toggle-button-001:has(:checked)::after { left: 25px;}
.toggle-button-001 input { display: none;}

.shopList .con01 {font-size: 0; letter-spacing: -4px;}
.shopList .con01 .left_box {display: inline-block; vertical-align: top; width: calc(50% + 20px); box-sizing: border-box;}
.shopList .con01 .left_box .img_box {position:relative; padding:50% 0; overflow:hidden;}
.shopList .con01 .left_box .img_box img {position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:500px; margin:auto;}
.shopList .con01 .left_box .top_slider {box-sizing: border-box; position: relative;}
.shopList .con01 .left_box .top_slider .slick-slide a {display: block; padding: 10%; box-sizing: border-box;}
.shopList .con01 .left_box .top_slider .slick-prev {z-index: 2; left: 0; top: calc(50% - 22px); bottom: 30px; width: 45px; height: 45px; background: url('/img/front/shopList_prev_btn.png') center no-repeat; transform: none;}
.shopList .con01 .left_box .top_slider .slick-prev:before {display: none;}
.shopList .con01 .left_box .top_slider .slick-next {z-index: 2; right: 0; top: calc(50% - 22px); bottom: 30px; width: 45px; height: 45px; background: url('/img/front/shopList_next_btn.png') center no-repeat; transform: none;}
.shopList .con01 .left_box .top_slider .slick-next:before {display: none;}
.shopList .con01 .left_box .gal_slider {margin-top: 30px; box-sizing: border-box; overflow: hidden; padding: 5% 0; box-sizing: border-box;}
.shopList .con01 .left_box .gal_slider .slick-list {padding: 0 18% 0 0 !important;}
.shopList .con01 .left_box .gal_slider .slick-slide {padding: 0 10px; box-sizing: border-box;}
.shopList .con01 .right_box {display: inline-block; vertical-align: top; width: calc(50% - 20px); padding: 0 50px; box-sizing: border-box;}
.shopList .con01 .right_box .top {padding-bottom: 20px; border-bottom: 1px solid #000000;}
/**
 * 2024-09-13 add
 */
.shopList .con01 .right_box .top .alert { margin-top: 20px; font-size: 14px; letter-spacing: 0; line-height: 1.5; }
.shopList .con01 .right_box .top .alert a { font-weight: bold; }
/**
 * 2024-09-13 end
 */
.shopList .con01 .right_box .top .logo_box .img_box {display: none; vertical-align: top; width: 37%;}
.shopList .con01 .right_box .top .logo_box .img_box .img {padding: 18.1% 0; box-sizing: border-box; overflow: hidden; position: relative;}
.shopList .con01 .right_box .top .logo_box .img_box .img img {position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}
/* 수정 */
.shopList .con01 .right_box .top .logo_box .txt_box {display: flex; align-items: center; justify-content: space-between; padding-top: 6%; width: 100%; box-sizing: border-box;}
.shopList .con01 .right_box .top .logo_box .txt_box p {color: #444444; font-weight: 700; font-size: 30px; letter-spacing: 0; line-height: 1.5;}
/* 수정 */
.shopList .con01 .right_box .top .logo_box .txt_box a {display: inline-flex; color: #ca4e34; letter-spacing: 0; border-radius: 50px; border: 1px solid #ca4e34; font-weight: 400; font-size: 16px; line-height: 1.5; padding: 12px 30px; box-sizing: border-box;}
.shopList .con01 .right_box .top .logo_box .txt_box a:hover {background: #ca4e34; color: #fff;}
.shopList .con01 .right_box dl {padding: 10px 0; box-sizing: border-box;}
.shopList .con01 .right_box dl dt {display: inline-block; vertical-align: top; width: 160px; color: #222222; font-weight: 500; font-size: 18px; letter-spacing: 0;}
.shopList .con01 .right_box dl dd {display: inline-block; vertical-align: top; width: calc(100% - 160px); color: #666666; font-weight: 300; font-size: 18px; letter-spacing: 0; text-align: right;}
.shopList .con01 .right_box dl dd.size0 {font-size: 0; letter-spacing: -4px;}
.shopList .con01 .right_box dl dd input {display: inline-block; vertical-align: middle; width: calc(100% - 100px); max-width: 308px; height: 60px; border-radius: 30px; background: #f5f5f5; padding: 0 30px; border: none; box-sizing: border-box; color: #666666; font-weight: 400; font-size: 18px; letter-spacing: 0; text-align: right;}
.shopList .con01 .right_box dl dd input.text_center {text-align: center;}
.shopList .con01 .right_box dl dd .sel_box {box-sizing: border-box; height: 60px;border-radius: 0;border: none; background-color: #f5f5f5; padding: 10px 30px;}
.shopList .con01 .right_box dl dd.comment { display: inline-block; height:110px; border-radius: 0; border:none; padding: 10px 25px; background: #f5f5f5; box-sizing: border-box; color: #666666; }
.shopList .con01 .right_box dl dd textarea { resize:none; width:100%; height:100%; border:none; background: #f5f5f5; box-sizing: border-box; color: #666666; font-weight: 400; font-size: 18px; letter-spacing: 0;}
.shopList .con01 .right_box dl dd textarea::-webkit-scrollbar{height: 5px; width:4px; }
.shopList .con01 .right_box dl dd textarea::-webkit-scrollbar-thumb{background: #666;  border-radius: 3px;}
.shopList .con01 .right_box dl dd i {display: inline-block; margin-right: 5px;}
.shopList .con01 .right_box dl dd a {display: inline-block; vertical-align: middle; color: #666666; font-weight: 300; font-size: 18px; letter-spacing: 0;}
.shopList .con01 .right_box dl dd a.plus {margin-left: 35px;}
.shopList .con01 .right_box dl dd a.minus {margin-right: 40px;}
.shopList .con01 .right_box dl dd div { color: #666666; font-weight: 300; font-size: 16px; letter-spacing: 0; }
.shopList .con01 .right_box .dl_box {padding: 10px 0; box-sizing: border-box; border-bottom: 1px dashed #999999;}
.shopList .con01 .right_box .dl_box02 {padding-top: 30px;}
.shopList .con01 .right_box .dl_box02 dl {padding: 0;}
.shopList .con01 .right_box .dl_box02 dl + dl {margin-top: 10px;}
.shopList .con01 .right_box .dl_box02 dl dt {vertical-align: middle;}
.shopList .con01 .right_box .dl_box02 dl dd {vertical-align: middle;}
.shopList .con01 .right_box .dl_box02 dl dd span {display: inline-block; vertical-align: middle; font-size: 18px; letter-spacing: 0; width: 47px; text-align: right;}
/* 20221201 추가 */
.shopList .con01 .right_box .ck_wrap {margin-top: 23px;position: relative;}
.shopList .con01 .right_box .ck_text { align-items: center;}
.shopList .con01 .right_box .ck_text span{
	font-family: "Poppins";
	color: #0600ff;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0;
	box-sizing: border-box;
}
.shopList .con01 .right_box .ck_text span a{
	font-family: "Poppins";
	color: #0600ff;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0;
	box-sizing: border-box;
	text-decoration: underline;
}
.shopList .con01 .right_box .ck_text input{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-progress-appearance: none;
	margin-right:8px ;
	box-sizing: border-box;
	width: 22px;
	height: 22px;
	border: 2px solid #ca4e34;
	cursor: pointer;
}
.shopList .con01 .right_box .ck_text input:checked{
	background: url("/img/front/ck_ion_b.png") no-repeat center center ;
}
.shopList .con01 .right_box .ck_text label,
.shopList .con01 .right_box .ck_text label input,
.shopList .con01 .right_box .ck_text label span { color: #ca4e34; }
.shopList .con01 .right_box .ck_wrap .hover_box{
	display: block;
	width: 100%;
	padding: 27px 28px 25px ;
	border-radius: 20px;
	border: 1px solid #e5e5e5;
	/* position: absolute;
	top: 35px;
	left: 0; */
	box-sizing: border-box;
	background: #ffffff;
	z-index: 1;
}
.shopList .con01 .right_box .ck_wrap .hover_box h4 { letter-spacing: 0; text-align: center; }
.shopList .con01 .right_box .ck_wrap .hover_box .title{
	font-family: "Poppins";
	color: #222222;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 35px;
	box-sizing: border-box;
}
.shopList .con01 .right_box .ck_wrap .hover_box ul {
	list-style: "- ";
}
.shopList .con01 .right_box .ck_wrap .hover_box ul li{
	font-family: "Poppins";
	color: #999999;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 35px;
	box-sizing: border-box;
}

@media all and (max-width: 1400px) {
	.shopList .con01 .right_box .ck_wrap .hover_box{width: 100%;}
}
@media all and (max-width: 1000px) {
	.shopList .con01 .right_box .ck_text span{font-size: 14px;}
}

.shopList .con01 .right_box .btn_box {margin-top: 60px;}
.shopList .con01 .right_box .btn_box a {display: block; height: 60px; text-align: center; border-radius: 30px; color: #fff; font-weight: 400; font-size: 18px; letter-spacing: 0; line-height: 60px;}
.shopList .con01 .right_box .btn_box p {font-size: 14px; letter-spacing: normal; margin-bottom: 10px; padding-left: 10px;}
.shopList .con01 .right_box .btn_box a + a {margin-top: 10px;}
.shopList .con01 .right_box .btn_box a.bid {background: #ca4e34;}
.shopList .con01 .right_box .btn_box a.buynow {background: #f5950e;}
.shopList .con01 .right_box .btn_box .second_btn_box {margin: 10px 0;}
.shopList .con01 .right_box .btn_box .second_btn_box ul:after {content: ''; display: block; clear: both;}
.shopList .con01 .right_box .btn_box .second_btn_box ul li {display: inline-block; vertical-align: top; float: left; box-sizing: border-box;}
.shopList .con01 .right_box .btn_box .second_btn_box ul li:first-child { width: 35%; }
.shopList .con01 .right_box .btn_box .second_btn_box ul li:not(:first-child) { width: 65%; }
.shopList .con01 .right_box .btn_box .second_btn_box ul li + li { padding-left: 15px; }
.shopList .con01 .right_box .btn_box .second_btn_box ul li select { width:100%; height: 60px; border-radius: 30px; border: 1px solid #c6c6c6; padding: 0 27px; box-sizing: border-box; outline: none; font-weight: 400; font-size: 18px; letter-spacing: 0; line-height: 60px; -webkit-appearance: none; -moz-appearance: none;  appearance: none; background: #fff url('/img/front/select_arrow.png') no-repeat center right 25px; }
.shopList .con01 .right_box .btn_box .second_btn_box a.sniping_bid {background: #000;}
.shopList .con01 .right_box .btn_box a.wishlist:not(.btn-secondary) {background: #a73e86;}
.shopList .con01 .right_box .btn_box a.wishlist.disabled {background: #ddd;}

.shopList .con01 .right_box .note {margin-top: 40px;}
.shopList .con01 .right_box .note p {color: #999999; font-weight: 300; font-size: 16px; letter-spacing: 0; line-height: 1.6; padding-left: 22px; box-sizing: border-box; position: relative;}
.shopList .con01 .right_box .note p:before {position: absolute; left: 12px; content: '*'}
.shopList .con02 .box {padding: 50px 0 0;}
.shopList .con02 .box h4 {color: #222222; font-weight: 500; font-size: 26px; letter-spacing: 0; margin-bottom: 35px;}
.shopList .con02 .box ul {font-size: 0; letter-spacing: -4px;}
.shopList .con02 .box ul:after {content: ''; display: block; clear: both;}
.shopList .con02 .box ul li {display: inline-block; vertical-align: top; float: left; width: 50%; padding-right: 15px; box-sizing: border-box;}
.shopList .con02 .box ul li dl + dl {padding-top: 15px; box-sizing: border-box;}
.shopList .con02 .box ul li dl.margin {margin-top: 40px;}
.shopList .con02 .box ul li dl dt {display: inline-block; vertical-align: top; width: 253px; color: #222222; font-weight: 300; font-size: 18px; letter-spacing: 0; position: relative;}

/* 20230104 설명 호버 박스 추가 / 230113 호버박스 디자인 수정*/
.shopList .con02 .box ul li dl dt .desc_box {display: inline-block; position: relative;     vertical-align: sub;}
.shopList .con02 .box ul li dl dt .desc_box .hover_ico{display: inline-flex; width: 17px; height: 17px; align-items: center; cursor: pointer;}
.shopList .con02 .box ul li dl dt .desc_box .hover_ico img{display: block;width: 100%;}
.shopList .con02 .box ul li dl dt .desc_box .hover_box{display: none; position: absolute; background-color: #f5950e;  border-radius: 20px;   padding: 27px 28px 25px;  top: 0; left: calc(100% + 10px); width: 360px; z-index: 10;}
.shopList .con02 .box ul li dl dt .desc_box .hover_box p{font-family: "Poppins"; color: #fff; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 35px; box-sizing: border-box;}

.shopList .con02 .box ul li dl dt .desc_box:hover .hover_box {display: block;}

en.shopList .con02 .box ul li dl dd {display: inline-block; vertical-align: top; width: calc(100% - 253px); }
.shopList .con02 .box ul li dl dd, .shopList .con02 .box ul li dl dd a { color: #666666; font-weight: 300; font-size: 18px; letter-spacing: 0; }
.link_dec {color: blue !important; text-decoration: underline !important;}
/*
.shopList .con02 .box .desc .img_box {display: inline-block; vertical-align: top; width: 245px; padding-right: 20px; box-sizing: border-box;}
.shopList .con02 .box .desc .img_box img {max-width: 100%;}
.shopList .con02 .box .desc .txt_box {display: inline-block; vertical-align: top; width: calc(100% - 245px);}
 */
.shopList .con02 .box .desc .txt_box {width: 100%; text-align: left; color: #666666; font-weight: 300; font-size: 18px; letter-spacing: 0; line-height: 1.3;}
.shopList .con02 .box .desc .txt_box td{width: auto;}
.shopList .con02 .box .desc .txt_box td a{color: #666666; font-weight: 300; font-size: 18px; letter-spacing: 0; text-decoration: underline;}
.shopList .con02 .box .desc .txt_box p {color: #666666; font-weight: 300; font-size: 18px; letter-spacing: 0; line-height: 1.3;}
.shopList .con02 .box .desc .txt_box img { margin:20px auto;}
.shopList .con03 {padding: 70px 0 0;}

@media all and (max-width: 1400px) {
	.shopList .con01 .right_box {padding: 0 0 0 30px;}
	.shopList .con01 .right_box .top .logo_box .txt_box {padding-left: 6%;}
	.shopList .con01 .right_box dl dd a.plus {margin-left: 25px;}
	.shopList .con01 .right_box dl dd a.minus {margin-right: 30px;}
	.shopList .con01 .right_box dl dd input {width: calc(100% - 80px);}
	.shopList .con01 .right_box .dl_box02 dl dd span {width: 37px;}
}
@media all and (max-width: 1000px) {
	.shopList .tit h3 {font-size: 24px;}
	.shopList .con01 {max-width: 800px; margin: 0 auto;}
	.shopList .con01 .left_box {width: 100%;}
	.shopList .con01 .left_box .img_box img{max-height: none;}
	.shopList .con01 .left_box .top_slider{border: none; border-radius: 0;}
	.shopList .con01 .left_box .top_slider .slick-slide a{padding: 0;}
	.shopList .con01 .left_box .top_slider button{display: none;}
	.shopList .con01 .left_box .gal_slider{margin-top: 0; border: none; border-radius: 0;}
	.shopList .con01 .left_box .gal_slider .slick-slide{padding: 5px;}
	.shopList .con01 .left_box .gal_slider .slick-slide.slick-current{outline: 2px solid #f5950d; outline-offset: -5px;}

	.shopList .con01 .right_box {width: 100%; padding: 0; margin-top: 10px;}
	.shopList .con01 .right_box .top .logo_box .txt_box{padding-left: 0; display: flex; justify-content: space-between;}
	.shopList .con01 .right_box .top .logo_box .txt_box a{margin-top: 0;}

	.shopList .con02 .box ul li {width: 100%;}
	.shopList .con02 .box ul li + li {margin-top: 40px;}
	.shopList .con02 .box .desc {overflow-x: auto !important;}
	.shopList .con02 .box .desc .img_box {width: unset; max-width: 100%; padding-right: 0; padding-bottom: 30px;}
	.shopList .con02 .box .desc .txt_box {width: 100%; text-align: left;}
	.shopList .con02 .box .desc .txt_box div {width: auto;}
}
@media all and (max-width: 767px) {
	.shopList .con02 .box ul li dl dt {width: 220px;}
	.shopList .con02 .box ul li dl dd {width: calc(100% - 220px);}
	.shopList .con02 .box ul li dl dt .desc_box .hover_box{top: 25px; left: -120px;}
	.shopList .con02 .box ul li dl dt .desc_box .hover_box.h_01{top: 25px; left: -188px;}
	.shopList .con02 .box ul li dl dt .desc_box .hover_box.h_02{top: 25px; left: -172px;}
}
@media all and (max-width: 560px) {
}


/*==================================
	login
=================================== */
.login_wrap .login_tit {color: #222222; font-weight: 700; font-size: 46px; letter-spacing: 0; margin-bottom: 30px;}
.login_wrap .loginCon {font-size: 0; letter-spacing: -4px;}
.login_wrap .loginCon > li {display: inline-block; vertical-align: top; width: calc(50% - 20px); margin-right: 40px; background: #f5f5f5; border-radius: 50px; min-height: 522px; padding: 65px 50px 0; box-sizing: border-box;}
.login_wrap .loginCon li:last-of-type {margin-right: 0;}
.login_wrap .loginCon li .linp_wrap {margin-bottom: 25px;}
.login_wrap .loginCon li .linp_wrap dl + dl {margin-top: 25px;}
.login_wrap .loginCon li .linp_wrap dl dt {display: inline-block; vertical-align: middle; width: 180px; color: #222222; font-weight: 500; font-size: 20px; letter-spacing: 0;}
.login_wrap .loginCon li .linp_wrap dl dt label {display: block;}
.login_wrap .loginCon li .linp_wrap dl dd {display: inline-block; vertical-align: middle; width: calc(100% - 180px);}
.login_wrap .loginCon li .linp_wrap dl dd input {width: 100%; height: 60px; background: #fff; border: none; padding: 0 35px; box-sizing: border-box; color: #666666; font-size: 18px; letter-spacing: 0; border-radius: 30px;}
.login_wrap .loginCon li .login_btn {display: block; width: 100%; height: 70px; background: #ca4e34; color: #fff; font-size: 24px; letter-spacing: 0; line-height: 70px; text-align: center; border-radius: 40px;}
.login_wrap .loginCon li .bottom_box {margin: 25px 0; text-align: center;}
.login_wrap .loginCon li .bottom_box .check_custom03 {display: inline-block; vertical-align: middle;}
.login_wrap .loginCon li .bottom_box a {display: inline-block; vertical-align: middle; color: #666666; font-weight: 400; font-size: 16px; letter-spacing: 0; margin-left: 70px;}
.login_wrap .loginCon li .btn_box a {display: table; width: 100%; height: 80px; position: relative; background: #fff; border-radius: 40px;}
.login_wrap .loginCon li .btn_box a + a {margin-top: 22px;}
.login_wrap .loginCon li .btn_box a i {position: absolute; left: 10px; top: 10px; width: 60px; height: 60px; display: block; background-repeat: no-repeat; border-radius: 30px;}
.login_wrap .loginCon li .btn_box a.signup i {background-image: url('/img/front/login_con01_icon01.png');}
.login_wrap .loginCon li .btn_box a.login_gp i {background-image: url('/img/front/login_con01_icon02.png');}
.login_wrap .loginCon li .btn_box a.login_gg i {background-image: url(/img/front/login_con01_icon05.png);}
.login_wrap .loginCon li .btn_box a.login_fb i {background-image: url('/img/front/login_con01_icon03.png');}
.login_wrap .loginCon li .btn_box a.login_tt i {background-image: url(/img/front/login_con01_icon04.png);}
.login_wrap .loginCon li .btn_box a span {display: table-cell; vertical-align: middle; text-align: center; color: #222222; font-weight: 500; font-size: 20px; letter-spacing: 0;}

@media all and (max-width: 1400px) {
	.login_wrap .loginCon li {padding: 45px 30px 0;}
	.login_wrap .loginCon li .linp_wrap dl dt {width: 140px;}
	.login_wrap .loginCon li .linp_wrap dl dd {width: calc(100% - 140px);}
	.login_wrap .loginCon li .bottom_box a {margin-left: 50px;}
}
@media all and (max-width: 1000px) {
	.login_wrap {padding-bottom: 150px;}
	.login_wrap .loginCon li {width: 100%; margin-right: 0; padding-bottom: 45px; min-height: 0;}
	.login_wrap .loginCon li + li {margin-top: 40px;}
	.login_wrap .loginCon li .login_btn {height: 80px; line-height: 80px;}
}



/*==================================
	Sign up
=================================== */

.signup_wrap .signupCon .btn_box {display: flex; align-items: center;}
.signup_wrap .signupCon .btn_box a {display: table; width: 460px; height: 80px; position: relative; border-radius: 40px; margin-right: 10px;}
.signup_wrap .signupCon .btn_box a:last-child {margin-right: 0;}
.signup_wrap .signupCon .btn_box a i {position: absolute; left: 10px; top: 10px; width: 60px; height: 60px; display: block; background-repeat: no-repeat; border-radius: 30px;}
.signup_wrap .signupCon .btn_box a.signup_gg {background:#e94337;}
.signup_wrap .signupCon .btn_box a.signup_fb {background:#435e99;}
.signup_wrap .signupCon .btn_box a.signup_tt {background:#34a8f0;}
.signup_wrap .signupCon .btn_box a.signup_gg i {background-image: url('/img/front/sign_con01.png');}
.signup_wrap .signupCon .btn_box a.signup_fb i {background-image: url('/img/front/sign_con02.png');}
.signup_wrap .signupCon .btn_box a.signup_tt i {background-image: url('/img/front/sign_con03.png');}
.signup_wrap .signupCon .btn_box a span {display: flex; align-items: center; justify-content: center; height: 100%;text-align: center; color: #fff; font-weight: 500; font-size: 20px; letter-spacing: 0;}

.write_wrap .row_wrap{margin-top: 40px;}
.signupCon .row{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;font-size: 20px ; font-weight: 500; color: #222222;}
.signupCon .row.ai_start {align-items: flex-start;}
.signupCon .write_wrap .row:nth-last-child(-n+6){ margin-bottom: 40px;}
.signupCon .row .tit{width: 320px; }
.signupCon .row > div{width: calc(100% - 320px);}
.signupCon .row input{height: 60px; border-radius: 30px; background: #f5f5f5; border: 0; padding: 0 25px; box-sizing: border-box;}
.signupCon .row textarea {width: 100%; border-radius: 30px; background: #f5f5f5; border: 0; padding: 25px; box-sizing: border-box;}
.signupCon .row .one_put input{width: 100%;}
.signupCon .row .one_put select {-webkit-appearance: none; -moz-appearance: none;  appearance: none; width: 100%; height: 60px; border-radius: 30px; background: #f5f5f5 url("/img/front/select_arrow.png")no-repeat center right 25px; border: 0; padding: 0 25px;  text-align: left; font-size: 18px; font-weight: normal;}
.signupCon .row .one_put select::-ms-expand { display: none; }
.signupCon .row .one_put span{font-size: 16px; font-weight:normal; color:#888888 ; margin-left: 25px;}
.signupCon .row .two_put {display: flex; align-items: center; justify-content: space-between;}
.signupCon .row .two_put div{width: 49%;}
.signupCon .row .two_put input[type=text]{width: 100%;}
.signupCon .row .two_put span{font-size: 18px; font-weight: normal;}
.signupCon .row .two_put label{display: flex; align-items: center; width: 50%; font-size: 18px; font-weight: normal;}

.signupCon .row .three_put label{display: flex; align-items: center; width: 33.33%;}
.signupCon .row .three_put input[type=radio]{-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 22px; height: 22px; border: 2px solid #222; border-radius:50% ; margin-right: 12px; padding: 0; background: transparent;}
.signupCon .row .three_put input[type=radio]:checked{background: url("/img/front/ck_ion_b.png") no-repeat  center center;}
.signupCon .row .two_put input[type=radio]{-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 22px; height: 22px; border: 2px solid #222; border-radius:0 ; margin-right: 12px; padding: 0; background: transparent;}
.signupCon .row .two_put input[type=radio]:checked{background: url("/img/front/ck_ion_b.png") no-repeat  center center;}
.signupCon .row .three_put {display: flex; align-items: center; justify-content: space-between;}
.signupCon .row .three_put div{width: 32%;}
.signupCon .row .three_put select{-webkit-appearance: none; -moz-appearance: none;  appearance: none; width: 100%; height: 60px; border-radius: 30px; background: #f5f5f5 url("/img/front/select_arrow.png")no-repeat center right 25px; border: 0; padding: 0 25px;  text-align: center; font-size: 18px; font-weight: normal;}
.signupCon .row .three_put select::-ms-expand { display: none; }
.signupCon .row .three_put label{font-size: 18px; font-weight: normal;}
.signupCon .agree_ck{display: flex; align-items: center; width: 50%;}
.signupCon .agree_ck input[type=checkbox]{-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 22px; height: 22px; border: 2px solid #919191; border-radius:0 ; margin-right: 12px; padding: 0; background: transparent;}
.signupCon .agree_ck input[type=checkbox]:checked{background: url("/img/front/ck_ion.png") no-repeat  center center;}
.signupCon .agree_ck span{font-size: 16px; font-weight: normal; color: #919191;}
.signupCon .agree_ck span a{font-size: 16px; font-weight: normal; color: #0600ff;}
.signupCon .btns{display: flex; align-items: center; justify-content: center; margin-top: 85px ;}
.signupCon .btn{display: flex; align-items: center; justify-content: center; width: 300px; height: 80px; border-radius: 40px;font-size:24px ; font-weight: 500; cursor: pointer;}
.signupCon .signup_btn{background: #f5950e; color: #fff; }

@media all and (max-width: 1400px) {
	.signup_wrap .signupCon .btn_box a {width: 33.3%;}
	.signup_wrap .signupCon .btn_box a span {font-size: 1.25em;}
	.signupCon .row{font-size: 1.5em;}
	.signupCon .row .tit{width: 25%; }
	.signupCon .row > div{width: 73%;}
}
@media all and (max-width: 1000px) {
	.signup_wrap {padding-bottom: 150px;}
	.signup_wrap .signupCon .btn_box {flex-direction: column; gap: 10px;}
	.signup_wrap .signupCon .btn_box a {width: 100%;}
	.signup_wrap .signupCon .btn_box a span {font-size: 1.5em;}
	.signupCon .row{flex-direction: column; align-items: flex-start; gap: 10px; margin-right:0; margin-left: 0;}
	.signupCon .row .tit{width: 100%; }
	.signupCon .write_wrap .row:nth-last-child(-n+5) {margin-bottom: 30px;}
	.signupCon .row > div{width: 100%;}
	.signupCon .row .two_put {flex-direction: column; align-items: flex-start; gap: 10px;}
	.signupCon .row .two_put div {width: 100%;}
	/* .signupCon .row .two_put div span{width: 25%;} */
	.signupCon .row .three_put {flex-direction: column; align-items: flex-start; gap: 10px;}
	.signupCon .row .three_put div { width: 100%;}

	.signupCon .agree_ck {	align-items: flex-start; width: 100%;}
	.signupCon .agree_ck span{width: calc(100% - 40px);}
}




/*==================================
	sign up Confirm
=================================== */
.signupCon .sub_tit p{font-size: 26px; font-weight: 500;  color:#222 ;}
.signupCon .back_btn{background: #cfcfcf; color: #222222;  margin-right: 20px;}

/*==================================
	FAQ
=================================== */
.faq_con01 {padding-bottom: 150px;}
.faq_con01 .faq_box {box-sizing: border-box;}
.faq_con01 .faq_box .tit {margin-bottom: 25px;}
.faq_con01 .faq_box .tit h4 {margin: 0; color: #222222; font-weight: 500; font-size: 26px; letter-spacing: 0;}
.faq_con01 .faq_box ul {padding: 0 50px;}
.faq_con01 .faq_box ul li {background: #f5f5f5; border-radius: 37px; box-sizing: border -box; border: 1px solid transparent; overflow: hidden;}
.faq_con01 .faq_box ul li + li {margin-top: 10px;}
.faq_con01 .faq_box ul li .box {background: #f5f5f5; padding: 10px 80px 10px 10px; box-sizing: border-box; position: relative; border-radius: 35px; font-size: 0; letter-spacing: -4px;}
.faq_con01 .faq_box ul li .box span {display: inline-block; vertical-align: middle; width: 50px; height: 50px; background: #fff; border-radius: 25px; text-align: center; line-height: 50px; color: #222222; font-weight: 700; font-size: 18px; letter-spacing: 0;}
.faq_con01 .faq_box ul li .box p {display: inline-block; vertical-align: middle; width: calc(100% - 50px); padding-left: 35px; box-sizing: border-box;}
.faq_con01 .faq_box ul li .box i {position: absolute; right: 30px; top: calc(50% - 9px); display: block; width: 18px; height: 18px;}
.faq_con01 .faq_box ul li .box i:before {position: absolute; left: 0; top: calc(50% - 1px); width: 100%; height: 2px; background: #7f7f7f; content: '';}
.faq_con01 .faq_box ul li .box i:after {position: absolute; top: 0; left: calc(50% - 1px); width: 2px; height: 100%; background: #7f7f7f; content: '';}
.faq_con01 .faq_box ul li .box.q_box {cursor: pointer;}
.faq_con01 .faq_box ul li .box.q_box p {color: #222222; font-weight: 400; font-size: 18px; letter-spacing: 0; line-height: 1.5;}
.faq_con01 .faq_box ul li .box.a_box {display: none; background: #f5f5f5; padding: 23px 20px 23px 10px;}
.faq_con01 .faq_box ul li .box.a_box p {vertical-align: top; color: #444444; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.5; margin-top: 12px; margin-bottom: 12px;}
.faq_con01 .faq_box ul li .box.a_box p a {color: #349aca; font-size: 16px;}
.faq_con01 .faq_box ul li .box.a_box p b {color: #ca4e34; font-weight: 400;}
.faq_con01 .faq_box ul li.on {border-color: #000;}
.faq_con01 .faq_box ul li.on + li {margin-top: 20px;}
.faq_con01 .faq_box ul li.on .box i:before {background: #ffffff;}
.faq_con01 .faq_box ul li.on .box i:after {display: none;}
.faq_con01 .faq_box ul li.on .box.q_box {background: #222222;}
.faq_con01 .faq_box ul li.on .box.q_box p {color: #fff;}

/* 22.11.11 검색창 추가 */
.faq_box .tit {display: flex; align-items: center; justify-content: space-between; padding-left: 50px;}
.s_keyword span {font-size: 16px ; color: #444444; margin-right: 10px;}
.s_keyword input {width: 200px; font-size: 16px ; color: #444444; border: 0; border-bottom: 1px solid #444; outline: none; padding: 0 5px; box-sizing: border-box;}


/* 22.11.23 ALL 메뉴 추가*/
.faq_con01 .all .faq_box .tit h4{margin-top:20px;}


/* faq_con01 type02 추가 */
.faq_con01.type02 .inner {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px; position: relative;}
.faq_con01.type02 .sub_tabbtn {flex: 1; position: sticky; top: 0; left: 0; margin: 0;}
.faq_con01.type02 .right {width: 77.14%;}
.faq_con01.type02 .faq_box .tit {padding-left: 0;}
.faq_con01.type02 .faq_box ul {padding: 0;}
.faq_con01.type02 .faq_box + .faq_box {margin-top: 20px;}

@media all and (max-width: 1400px) {
	.faq_con01 .faq_box {padding: 0 20px;}
}
@media all and (max-width: 1000px) {
	.faq_con01 .faq_box {padding: 0;}
	.faq_con01 .faq_box ul li .box {padding: 10px 50px 10px 10px;}
	.faq_con01 .faq_box ul li .box i {right: 22px;}
	.faq_con01 .faq_box ul li .box p {padding-left: 20px;}
	.faq_con01 .faq_box ul li .box.q_box p {font-size: 16px;}

	.faq_box .tit {flex-direction: column; align-items: flex-start;}
	.faq_box .tit .s_keyword{margin-top: 20px;}

}

/* faq 디자인 수정 */
.wh-100 { width: 100% !important; }
.faq_con01 .sub_tabbtn ul li a { height: 50px; border: none; padding: 0 1.5rem; }
.faq_con01 .sub_tabbtn ul li a:hover { background-color: #efefef; }
.faq_con01 .sub_tabbtn ul li.on a:hover { background-color: none; }
.faq_con01 .sub_tabbtn ul li a span{ text-align: left; }
.faq_con01 .sub_tabbtn ul li.on a {background: #ca4e34;}

.faq_con01 .search_box{display: flex; border-radius: 35px; border: 1px solid #f5950e;}
.faq_con01 .btn-secondary{background: #f5960c; border: none; border-radius: 0 35px 35px 0; padding-top: 2px;}
.faq_con01 .form-control{background: none; border: none; padding-left: 1.5rem;}
.faq_con01 .form-control:focus{box-shadow: none;}
.faq_con01 .search_box input:-internal-autofill-selected{background-color: #fff !important;}

@media all and (min-width: 1001px) {
	.faq_con01 .search_box{max-width: 400px;}
}
@media all and (max-width: 1000px) {
	.faq_con01.type02 .right{width: 100%;}
	.faq_con01 .sub_tabbtn ul li a{ height: auto; padding: 0.5rem 0; background: #fff;}
	.faq_con01 .sub_tabbtn ul li a span{ text-align: center; }
	.faq_con01.type02 .sub_tabbtn{flex: auto; position:relative; background-color: #f6f6f6; padding: 1rem; border-radius: .5rem; top: 0 !important;}
	#faq_search .d-flex{display: block !important;}
	.sub_tabbtn ul { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; }
	.sub_tabbtn ul li { width: calc(50% - 20px); box-sizing: border-box; }
}

.search_rst .qna_keyword {font-size: 1.3rem; color: #000; border-bottom: 1px solid #ddd;}
.search_rst .qna_items {font-size: 1rem;}
.search_rst .qna_items .qna_items_no{font-size: 1.1rem; color: #6a6a6a;}
.search_no_fd { display: flex; align-items: center; flex-wrap: nowrap; justify-content: center; color: #000; }
.search_no_fd p { font-size: 1.5rem; font-weight: 500; }

.qna_info p{text-align: center; font-size: 0.9rem; border-top: 1px solid #ddd;}
.qna-btn{text-align: center;}
.qna-btn a { display: inline-block; min-width: 300px; background-color: #f5960c; color: #fff; font-size: 1.2rem; padding: 1rem 2.5rem; border-radius: 35px;}
.qna-btn a:hover {opacity: .7;}

/*==================================
	404 error
=================================== */
.error01_con01 { text-align: center; }
.error01_con01 .img_box {display: inline-block; max-width: 100%;}
.error01_con01 .img_box img {width: 100%;}
.error01_con01 h3 {color: #222222; font-weight: 700; font-size: 72px; letter-spacing: 0; margin: 40px 0 60px;}
.error01_con01 p {color: #222222; font-weight: 500; font-size: 36px; letter-spacing: 0; margin-bottom: 30px; text-transform: uppercase;}
.error01_con01 span, .error01_con01 a {color: #666666; font-weight: 400; font-size: 18px; letter-spacing: 0; line-height: 1.6;}

@media all and (max-width: 1000px) {
	.error01_con01 {padding-bottom: 150px;}
	.error01_con01 h3 {margin: 20px 0;}
	.error01_con01 p {margin-bottom: 20px;}
}

/*==================================
	for first time users
=================================== */
.about_content .sub_tit {margin-bottom: 10px;}
.about_content .desc p {color: #222222; font-weight: 400; font-size: 18px; letter-spacing: 0; line-height: 1.78; text-align: left;}
.about_content .desc p a {color: #0600ff; font-weight: 400; font-size: 18px; letter-spacing: 0; line-height: 1.78;}
.about_content .btn_box {margin-top: 35px;}
.about_content .btn_box ul {font-size: 0; letter-spacing: -4px;}
.about_content .btn_box ul li {display: inline-block; vertical-align: top; width: calc(33.33333% - 20px); margin-right: 30px; max-width: 250px;}
.about_content .btn_box ul li:nth-of-type(3n) {margin-right: 0;}
.about_content .btn_box ul li a {display: table; width: 100%; height: 70px; border: 1px solid #999999; box-sizing: border-box; border-radius: 35px; text-align: center; background: #fff; transition: all 0.3s;}
.about_content .btn_box ul li a span {display: table-cell; vertical-align: middle; color: #666666; font-weight: 400; font-size: 16px; letter-spacing: 0; transition: all 0.3s;}
.about_content .btn_box ul li a:hover {background: #ca4e34; border-color: #ca4e34;}
.about_content .btn_box ul li a:hover span {color: #fff;}
.about_con01 {padding: 90px 0 0;}
.about_con02 {padding: 70px 0 0; text-align: center;}
.about_con02 .img_box {display: inline-block; max-width: 100%;}
.about_con02 .img_box img {width: 100%;}
.about_con03 {padding: 60px 0 0;}
.about_con04 {padding: 75px 0 0;}
.about_con05 {padding: 75px 0 150px;}

@media all and (max-width: 1000px) {
	.about_content .btn_box ul li {width: calc(33.33333% - 10px); margin-right: 15px;}
	.about_content .btn_box ul li a {height: 60px;}
}

/*==================================
	Request items
=================================== */
.request_con01 {padding-bottom: 150px;}
.request_con01 .timeline {margin: 50px 0 20px; position: relative;}
.request_con01 .timeline ul {font-size: 0; letter-spacing: -4px; position: relative;}
.request_con01 .timeline ul li {display: inline-block; vertical-align: top; width: 25%; position: relative; box-sizing: border-box;}
.request_con01 .timeline ul li:nth-of-type(1) {padding-left: 30px;}
.request_con01 .timeline ul li:nth-of-type(2) {padding-left: 10px;}
.request_con01 .timeline ul li:nth-of-type(3) {padding-right: 10px;}
.request_con01 .timeline ul li:nth-of-type(4) {padding-right: 30px;}
.request_con01 .timeline ul li:before {position: absolute; z-index: 1; top: calc(50% - 20px); width: 40px; height: 40px; background: #fff; border: 10px solid #ababab; border-radius: 20px; box-sizing: border-box; content: '';}
.request_con01 .timeline ul li:nth-of-type(1):before {left: 0;}
.request_con01 .timeline ul li:nth-of-type(2):before {left: -10px;}
.request_con01 .timeline ul li:nth-of-type(3):before {left: -20px;}
.request_con01 .timeline ul li:nth-of-type(4):before {left: -30px;}
.request_con01 .timeline ul li:last-of-type:after {position: absolute; z-index: 1; right: 0; top: calc(50% - 20px); width: 40px; height: 40px; background: #fff; border: 10px solid #ababab; border-radius: 20px; box-sizing: border-box; content: '';}
.request_con01 .timeline ul li p {display: table; width: 100%; height: 40px; margin-bottom: 40px; box-sizing: border-box; border-bottom: 1px solid #bfbfbf;}
.request_con01 .timeline ul li p span {display: table-cell; vertical-align: middle; text-align: center; color: #222222; font-weight: 500; font-size: 20px; letter-spacing: 0;}
.request_con01 .timeline i {display: block; position: absolute; z-index: 1; left: 0; top: 39px; width: 0; height: 1px; background: #ca4e34; transition: all 0.3s;}
.request_con01 .timeline.step01 ul li:nth-of-type(1):before {border-color: #ca4e34;}
.request_con01 .timeline.step01 ul li:nth-of-type(1) p span {color: #ca4e34;}
.request_con01 .timeline.step02 ul li:nth-of-type(1):before {border-color: #ca4e34;}
.request_con01 .timeline.step02 ul li:nth-of-type(2):before {border-color: #ca4e34;}
.request_con01 .timeline.step02 ul li:nth-of-type(1) p span {color: #ca4e34;}
.request_con01 .timeline.step02 ul li:nth-of-type(2) p span {color: #ca4e34;}
.request_con01 .timeline.step02 i {width: 25%;}
.request_con01 .timeline.step03 ul li:nth-of-type(3):before {border-color: #ca4e34;}
.request_con01 .timeline.step03 ul li:nth-of-type(1) p span {color: #ca4e34;}
.request_con01 .timeline.step03 ul li:nth-of-type(2) p span {color: #ca4e34;}
.request_con01 .timeline.step03 ul li:nth-of-type(3) p span {color: #ca4e34;}
.request_con01 .timeline.step03 i {width: 50%;}
.request_con01 .timeline.step04 ul li:nth-of-type(4):before {border-color: #ca4e34;}
.request_con01 .timeline.step04 ul li:nth-of-type(1) p span {color: #ca4e34;}
.request_con01 .timeline.step04 ul li:nth-of-type(2) p span {color: #ca4e34;}
.request_con01 .timeline.step04 ul li:nth-of-type(3) p span {color: #ca4e34;}
.request_con01 .timeline.step04 ul li:nth-of-type(4) p span {color: #ca4e34;}
.request_con01 .timeline.step04 i {width: 75%;}

@media all and (max-width: 1000px) {
	.request_con01 .timeline ul li:nth-of-type(1) {padding-left: 18px;}
	.request_con01 .timeline ul li:nth-of-type(2) {padding-left: 6px;}
	.request_con01 .timeline ul li:nth-of-type(3) {padding-right: 6px;}
	.request_con01 .timeline ul li:nth-of-type(4) {padding-right: 18px;}
	.request_con01 .timeline ul li:before {width: 24px; height: 24px; border-width: 6px; top: calc(50% - 12px);}
	.request_con01 .timeline ul li:last-of-type:after {width: 24px; height: 24px; border-width: 6px; top: calc(50% - 12px);}
	.request_con01 .timeline ul li:nth-of-type(2):before {left: -6px;}
	.request_con01 .timeline ul li:nth-of-type(3):before {left: -12px;}
	.request_con01 .timeline ul li:nth-of-type(4):before {left: -18px;}
	.request_con01 .timeline ul li p span {font-size: 16px;}
}

/*==================================
	How to Use the Request Form
=================================== */
.howto_content .desc p {color: #222222; font-weight: 400; font-size: 16px; letter-spacing: 0;}
.howto_content .desc p span {display: block; padding-left: 20px; box-sizing: border-box;}
.howto_content .desc p span.m_only {display: inline; padding-left: 0;}
.howto_content .desc a {color: #000cff; font-size: 16px;}
.howto_content .desc > ul li {color: #222222; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 2.25; padding-left: 20px; box-sizing: border-box; position: relative;}
.howto_content .desc > ul li:before {content: '-'; position: absolute; left: 0;}
.howto_content .desc dl {font-size: 0; letter-spacing: -4px;}
.howto_content .desc dl dt {display: inline-block; vertical-align: top; color: #222222; font-weight: 500; font-size: 26px; letter-spacing: 0;}
.howto_content .desc dl dt.w_type01 {width: 226px;}
.howto_content .desc dl dt.w_type02 {width: 385px;}
.howto_content .desc dl dd {display: inline-block; vertical-align: top; margin-top: 10px;}
.howto_content .desc dl dt.w_type01 + dd {width: calc(100% - 226px);}
.howto_content .desc dl dt.w_type02 + dd {width: calc(100% - 385px);}
.howto_content .desc dl dd ul li + li {margin-top: 8px;}
.howto_content .desc dl dd ul li > span {display: block; color: #666666; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.6; padding-left: 35px; box-sizing: border-box; position: relative;}
.howto_content .desc dl dd ul li > span:before {content: ''; display: block; position: absolute; left: 20px; top: 10px; width: 4px; height: 4px; border-radius: 2px; background: #666666;}
.howto_content .desc dl.scroll_here {padding-top: 30px;}
.howto_content .desc .bottom_txt {margin-top: 25px; color: #222222; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.6;}
.howto_content .desc .bottom_txt.pd_left {padding-left: 5px; box-sizing: border-box;}
.howto_con01 {padding-bottom: 0;}
.howto_con02 {padding-bottom: 0;}
.howto_con03 {padding-bottom: 150px;}

@media all and (max-width: 1000px) {
	.howto_content .desc dl dt.w_type01 {width: 100%; margin-bottom: 10px;}
	.howto_content .desc dl dt.w_type02 {width: 100%; margin-bottom: 10px;}
	.howto_content .desc dl dt.w_type01 + dd {width: 100%;}
	.howto_content .desc dl dt.w_type02 + dd {width: 100%;}
}
@media all and (max-width: 767px) {
	.howto_content .desc p span.m_only {display: inline-block; padding-left: 10px;}
}

/*==================================
	Stores We Can’t Order From
=================================== */
.cannot_con01 {padding-bottom: 150px;}
.cannot_con01 .sub_tit {margin-bottom: 15px;}
.cannot_con01 .desc {font-size: 0; letter-spacing: -4px;}
.cannot_con01 .desc p {color: #222222; font-weight: 400; font-size: 18px; letter-spacing: 0; line-height: 1.5;}
.cannot_con01 .desc p + p {margin-top: 30px;}
.cannot_con01 .desc p b {color: #ca4e34; font-weight: 400;}
.cannot_con01 .desc ul {margin-top: 30px; display: inline-block; vertical-align: top; width: 50%; max-width: 414px;}
.cannot_con01 .desc ul li {padding-left: 35px; padding-right: 10px; box-sizing: border-box; position: relative; color: #222222; font-weight: 400; font-size: 18px; letter-spacing: 0;}
.cannot_con01 .desc ul li + li {margin-top: 20px;}
.cannot_con01 .desc ul li:before {position: absolute; left: 0; top: 11px; width: 4px; height: 4px; border-radius: 2px; background: #666666; content: '';}

/*==================================
	Prohibited Items
=================================== */
.prohibited_content .list_box + .list_box {margin-top: 50px;}
.prohibited_content .list_box ul {font-size: 0; letter-spacing: -4px;}
.prohibited_content .list_box ul li {display: inline-block; vertical-align: top; width: calc(20% - 16px); aspect-ratio: 1; margin-right: 20px; text-align: center; position: relative; border-radius: 50%; border: 1px solid #999999; box-sizing: border-box; transition:.8s}
.prohibited_content .list_box ul li:hover{box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.2);}
.prohibited_content .list_box ul li:nth-of-type(5n) {margin-right: 0;}
.prohibited_content .list_box ul li:nth-of-type(n+6) {margin-top: 20px;}
.prohibited_content .list_box ul li .t_box {display: table; width: 100%; height: 100%;}
.prohibited_content .list_box ul li .t_box .tc_box {display: table-cell; vertical-align: middle; padding-bottom: 20px; box-sizing: border-box;}
.prohibited_content .list_box ul li i {display: inline-block; width: 50%; max-width: 96px;}
/* .prohibited_content .list_box ul li i img {width: 100%;} */
.prohibited_content .list_box ul li p {position: absolute; bottom: 0; left: 0; display: table; width: 100%; height: 45%;}
.prohibited_content .list_box ul li p span {display: table-cell; vertical-align: middle; color: #222222; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.6; padding: 0 14%; box-sizing: border-box;}
.prohibited_content .list_box02 + .list_box02 {margin-top: 40px;}
.prohibited_content .list_box02 ul {font-size: 0; letter-spacing: -4px;}
.prohibited_content .list_box02 ul li {display: inline-block; vertical-align: top; width: calc(20% - 8px); margin-right: 10px;}

.prohibited_content .list_box02 ul li.active p {background-color: #f5950e;}
.prohibited_content .list_box02 ul li.active span {color: #fff;}
.prohibited_content .list_box02 ul li:nth-of-type(5n) {margin-right: 0;}
.prohibited_content .list_box02 ul li:nth-of-type(n+6) {margin-top: 20px;}
.prohibited_content .list_box02 ul li p {display: table; width: 100%; height: 60px; box-sizing: border-box; border: 1px solid #999999;}
.prohibited_content .list_box02 ul li p span {display: table-cell; vertical-align: middle; text-align: center; color: #222222; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.2; padding: 0 10px; box-sizing: border-box;}
.prohibited_content .list_box02 ul li p span a {color: #0600ff; font-size:16px; letter-spacing:0; font-weight:400;}
.prohibited_content .desc + .desc {margin-top: 30px;}
.prohibited_content .desc p {color: #222222; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.6;}
.prohibited_content .desc ul li {position: relative; color: #222222; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.6; padding-left: 10px; box-sizing: border-box;}
.prohibited_content .desc ul li > span{color:#0600ff;}
.prohibited_content .desc ul li:before {content: '*'; position: absolute; left: 0;}
.prohibited_content .desc a {color: #0600ff; font-size: 16px;}
.prohibited_con01 {padding-bottom: 0;}
.prohibited_con01 .inner .list_box > p.bot_text{margin-top:20px;}
.prohibited_con01 .inner .list_box > p.bot_text > span{font-size:16px; color:#222222; letter-spacing:0; line-height:1.625em;}

.prohibited_con01 .inner .text_box{margin-top:70px;}
.prohibited_con01 .inner .text_box > h4{font-size:26px; letter-spacing:0; color:#222222; line-height:1.076em; font-weight:500; margin-bottom:25px;}
.prohibited_con01 .inner .text_box > p{font-size:16px; letter-spacing:0; line-height:1.625em; color:#222222;}
.prohibited_con01 .inner .text_box > p > a{color:#0600ff; font-size:16px;}
.prohibited_con01 .inner .text_box > p > span > a{font-size:16px; cursor:auto; color:#ca4e34;}
.prohibited_con01 .inner .list_box > .sub_tit02 > h4 > span{display:block; font-size:16px; letter-spacing:0; color:#222222; font-weight:300; line-height:1.625em; margin-top:20px;  }
.prohibited_con01 .inner .list_box > .sub_tit02 > h4 > span a{color: #0600ff; font-size:16px; letter-spacing:0; font-weight:300; text-decoration: underline;}

.prohibited_con02 .inner .sub_tit02 > h4{display:inline-block; vertical-align:middle;}
.prohibited_con02 .inner .sub_tit02 > .img_box{display:inline-block; vertical-align:middle; margin-right:14px;}

.prohibited_con02 {padding-bottom: 0;}
.prohibited_con02 .desc {margin-top: 30px; margin-bottom:100px;}
.prohibited_con03 {padding-bottom: 150px;}

@media all and (max-width: 1200px) {
	.prohibited_content .list_box ul li {width: calc(25% - 15px); }
	.prohibited_content .list_box ul li:nth-of-type(5n) {margin-right: 20px;}
	.prohibited_content .list_box ul li:nth-of-type(4n) {margin-right: 0;}
	.prohibited_content .list_box ul li:nth-of-type(n+5) {margin-top: 20px;}
	.prohibited_content .list_box02 ul li {width: calc(25% - 7.5px);}
	.prohibited_content .list_box02 ul li:nth-of-type(5n) {margin-right: 10px;}
	.prohibited_content .list_box02 ul li:nth-of-type(4n) {margin-right: 0;}
	.prohibited_content .list_box02 ul li:nth-of-type(n+5) {margin-top: 20px;}
}
@media all and (max-width: 1000px) {
	.prohibited_content .list_box ul li {width: calc(33.333333% - 13.333333px);}
	.prohibited_content .list_box ul li:nth-of-type(4n) {margin-right: 20px;}
	.prohibited_content .list_box ul li:nth-of-type(3n) {margin-right: 0;}
	.prohibited_content .list_box ul li:nth-of-type(n+4) {margin-top: 20px;}
	.prohibited_content .list_box02 ul li {width: calc(33.333333% - 6.666667px);}
	.prohibited_content .list_box02 ul li:nth-of-type(4n) {margin-right: 10px;}
	.prohibited_content .list_box02 ul li:nth-of-type(3n) {margin-right: 0;}
	.prohibited_content .list_box02 ul li:nth-of-type(n+4) {margin-top: 20px;}
}
@media all and (max-width: 767px) {
	.prohibited_content .list_box ul li {width: calc(50% - 10px);}
	.prohibited_content .list_box ul li:nth-of-type(3n) {margin-right: 20px;}
	.prohibited_content .list_box ul li:nth-of-type(2n) {margin-right: 0;}
	.prohibited_content .list_box ul li:nth-of-type(n+3) {margin-top: 20px;}
	.prohibited_content .list_box02 ul li {width: calc(50% - 5px);}
	.prohibited_content .list_box02 ul li:nth-of-type(3n) {margin-right: 10px;}
	.prohibited_content .list_box02 ul li:nth-of-type(2n) {margin-right: 0;}
	.prohibited_content .list_box02 ul li:nth-of-type(n+3) {margin-top: 10px;}
}

/*==================================
	Usage Guide
=================================== */
.guide_con01 {padding-bottom: 0;}
.guide_con01 .sub_tabbtn {margin-bottom: 40px;}
.guide_con01 .sub_tit02 {margin-bottom: 10px;}
.guide_con01 .list_box ul li {font-size: 0; letter-spacing: -4px; position: relative;}
.guide_con01 .list_box ul li:before {position: absolute; left: calc(18.525% - 82.5px); top: 0; width: 1px; height: calc(100% - 2px); border-left: 2px dotted #222222; content: '';}
.guide_con01 .list_box ul li:first-of-type:before {height: calc(50% - 2px); top: 50%;}
.guide_con01 .list_box ul li:last-of-type:before {height: calc(50% - 2px);}
.guide_con01 .list_box ul li .icon_box {display: inline-block; vertical-align: middle; width: 22.8%;}
.guide_con01 .list_box ul li .icon_box p {display: table; width: 165px; height: 165px; margin-right: 18.75%; margin-left: auto; border-radius: 83px; border: 4px solid #222222; background: #fff; box-sizing: border-box; position: relative; z-index: 1;}
.guide_con01 .list_box ul li .icon_box p.type02 {border-color: #ca4e34;}
.guide_con01 .list_box ul li .icon_box p span {display: table-cell; vertical-align: middle; text-align: center;}
.guide_con01 .list_box ul li .txt_box {display: inline-block; vertical-align: middle; width: 77.2%; padding: 30px 0 30px 10px; box-sizing: border-box;}
.guide_con01 .list_box ul li .txt_box .desc p {color: #222222; font-size: 16px; letter-spacing: 0; line-height: 1.5;}
.guide_con01 .list_box ul li .txt_box .desc p + p {margin-top: 30px;}
.guide_con01 .list_box ul li .txt_box .desc p.note {position: relative; padding-left: 20px; box-sizing: border-box;}
.guide_con01 .list_box ul li .txt_box .desc p.note:after {position: absolute; left: 0; top: 0; content: '**';}
.guide_con01 .list_box ul li .txt_box .desc p a {color: #0600ff; font-size: 16px;}
.guide_con01 .list_box ul li .txt_box .desc p span {display: block; padding-left: 32px; box-sizing: border-box; position: relative; color: #666666; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.6;}
.guide_con01 .list_box ul li .txt_box .desc p span b {font-weight: 400; color: #ca4e34;}
.guide_con01 .list_box ul li .txt_box .desc p span:before {content: ''; display: block; position: absolute; left: 15px; top: 10px; width: 4px; height: 4px; border-radius: 2px; background: #666666;}

@media all and (max-width: 1000px) {
	.guide_con01 .list_box ul li:before {left: 60px;}
	.guide_con01 .list_box ul li:last-of-type:before {height: 150px;}
	.guide_con01 .list_box ul li .icon_box {width: 120px; vertical-align: top; padding-top: 30px;}
	.guide_con01 .list_box ul li .icon_box p {vertical-align: top; width: 120px; height: 120px; margin-left: 0; margin-right: auto;}
	.guide_con01 .list_box ul li .txt_box {width: calc(100% - 120px); padding-left: 20px;}
	.guide_con01 .list_box ul li .txt_box .desc p + p {margin-top: 20px;}
}

/*==================================
	Contact Us
=================================== */
/* .contact_con01 {padding-bottom: 150px;} jw 230228 */
.contact_con01 .desc {margin-bottom: 30px;}
.contact_con01 .desc.flex_box {display: flex; align-items: center; justify-content: space-between;}
.contact_con01 .desc p {color: #222222; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.6; text-align: left;}
.contact_con01 .desc span {color: #ca4e34; font-weight: 400; font-size: 16px; letter-spacing: 0; line-height: 1.6; text-align: left;}

/*==================================
	packing & shipping 공통사항
=================================== */
.desc.type01 {margin-bottom: 20px;}
.desc.type01 p {color: #222; font-weight: 400; font-size: 16px; letter-spacing: 0;}
.desc.type01 p span {color: #ca4e34;}

.desc.type02 {font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 1.625;}
.desc.type02 p {color: #222;}
.desc.type02 > li {padding-left: 16px; box-sizing: border-box; position: relative; color: #666;}
.desc.type02 > li::before {content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; background-color: #666; left: 0; top: 11px;}


ul.type03 > li{padding-left: 1em; position: relative;}
ul.type03 > li::before {content: '-'; position: absolute; top: 0; left: 0;}


ul.type01 > li {padding-left: 34px; position: relative;}
ul.type01 > li a{font-size: 16px; letter-spacing: 0; font-weight: 400; color: #222; line-height: 2.25em;}
ul.type01 > li::before {content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; background-color: #666; left: 0; top: 16px;}

ul.type02 {font-size: 16px; font-weight: 400; letter-spacing: 0; padding-left: 15px;}
ul.type02 p {color: #222;}
ul.type02 > li {padding-left: 16px; box-sizing: border-box; position: relative; color: #666; line-height: 1.625em;}
ul.type02 > li::before {content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; background-color: #666; left: 0; top: 11px;}

ul.ti100 > li {text-indent: -1em; margin-left: 1em; font-size: 16px; line-height: 2em; letter-spacing: 0; font-weight: 400; color: #666;}
ul.ti100 > li i {font-style: normal;}
ul.ti100 > li > ul.child {padding-left: 1em;}


.desc_list {margin-top: 40px;}
.desc_list > li + li {margin-top: 30px;}
.desc_list h4 {font-size: 26px; line-height: 1em; letter-spacing: 0; color: #222; padding-bottom: 14px; position: relative; font-weight: 500;}
.desc_list h4::before {content: ''; position: absolute; width: 100%; height: 1px; background-color: #464543; left: 0; bottom: 0;}
.desc_list h4 i {font-style: normal;}
.desc_list {padding: 15px 18px;}
.desc_list.layout01 {padding: 0;}
.desc_list.layout01 .desc {padding: 15px 18px;}
.desc_list.layout01 .desc p {font-size: 16px; line-height: 2em; letter-spacing: 0; font-weight: 400; color: #222;}

.txt_box.layout01 {padding: 8px 18px;}
.txt_box.layout01 p {font-size: 16px; color: #222; line-height: 2em; font-weight: 400; letter-spacing: 0;}
.txt_box.layout01 p + p {margin-top: 10px;}
.txt_box.layout01 p b {font-weight: 600;}
.txt_box.layout01 p a {color: #0600ff; font-size: 16px; letter-spacing: 0;}
.txt_box.layout01 span {font-size: 16px; line-height: 2em; font-weight: 400; color: #ca4e34; padding-top: 6px; display: block;}

.txt_box.layout01 span.ex {font-size: 16px; line-height: 2em; color: #222; font-weight: 700; letter-spacing: 0; margin-bottom: 5px; margin-top: 12px; display: block;}
.txt_box.layout01 span.info {font-size: 16px; line-height: 2.25em; letter-spacing: 0; font-weight: 200; color: #666; display: block; margin-top: 8px;}

.txt_box.layout02 {padding: 15px 18px;}
.txt_box.layout02 span.ex {font-size: 16px; letter-spacing: 0; line-height: 1.625em; color: #222; font-weight: 700;}
.txt_box.layout02 p {font-size: 16px; letter-spacing: 0; line-height: 1.625em; color: #222; font-weight: 300;}
.txt_box.layout02 b {font-size: 18px; letter-spacing: 0; font-weight: 500; color: #222; line-height: 1.78em; margin-top: 10px; display: inline-block;}

/*==================================
	packing option
=================================== */
.packing_con01 {padding-bottom: 0;}
/* .packing_con02 {padding-bottom: 150px;} jw 20230227 */

/*==================================
	shipping option
=================================== */
.shipping_con01 {padding-bottom: 0;}
/* .shipping_con02 {padding-bottom: 150px;} jw 20230227 */


/* shopCon - leftmenu */
.shopCon .left_menu .inp_price .u_ipbx {width: calc(50% - 25px); float: none; vertical-align: top;}
.shopCon .left_menu .inp_price span {width: 15px; vertical-align: middle;}
.shopCon .left_menu .inp_price span.unit {width: 30px; margin-left: 5px;}
.shopCon .left_menu .option_list03 > ul > li + li {margin-top: 10px;}

@media all and (max-width: 1400px) {
	.shopCon .left_menu .box p.tit {font-size: 18px;}
}

/* common - prod_list02 (modify) */
.prod_list02 ul li .txt_box .desc span.tag {height: auto; min-height: 21px;}
.prod_list02 ul li .txt_box .desc span.tag br {display: none;}

@media all and (max-width: 1400px) {
	.prod_list02 ul li .txt_box .desc span.tag br {display: block;}
	.prod_list02 ul li .txt_box .desc span.tag.domestic {min-height: 42px;}
}

/* common - select_custom04 */
.select_custom04 {width: 206px; height: 60px; border: 1px solid #9c9c9c; border-radius: 30px; position: relative;}
.select_custom04:before {position: absolute; right: 22px; top: 28px; width: 10px; height: 6px; background: url('/img/front/search_arrow.png') no-repeat; content: '';}
.select_custom04 select {width: 100%; height: 100%; border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-left: 30px; padding-right: 35px; box-sizing: border-box; border-radius: 30px; color: #444444; font-weight: 300; font-size: 16px; letter-spacing: 0;}

@media all and (max-width: 1400px) {
	.select_custom04 {width: 160px;}
}

/* commoon - sub_tabbtn (modify) */
.sub_tabbtn.ib_type {display: inline-block; vertical-align: top;}
.sub_tabbtn.ib_type ul.grid02 li {width: 190px;}

@media all and (max-width: 1400px) {
	.sub_tabbtn.ib_type ul.grid02 li {width: 160px;}
}
@media all and (max-width: 1000px) {
	.sub_tabbtn.ib_type {width: 100%;}
	.sub_tabbtn.ib_type ul.grid02 li {width: calc(50% - 6px);}
}

/* member_con (common) */
.member_con {font-size: 0; letter-spacing: -4px;}
.member_con .left_menu {display: inline-block; vertical-align: top; width: calc(22.86% - 20px); margin-right: 20px;}
.member_con .left_menu .box {padding: 45px 25px; background: #f5f5f5; box-sizing: border-box; border-radius: 50px;}
.member_con .left_menu .box + .box {margin-top: 20px;}
.member_con .left_menu .box p.tit {color: #222222; font-weight: 500; font-size: 26px; letter-spacing: 0; margin-bottom: 20px;}
.member_con .left_menu .box span.tit02 {color: #444444; font-weight: 400; font-size: 18px; letter-spacing: 0;}
.member_con .left_menu .box > ul > li {position: relative;}
.member_con .left_menu .box > ul > li.active > a{color:#c94a30; font-weight: 600;}
.member_con .left_menu .box > ul > li > a {display: block; color: #444444; font-weight: 400; font-size: 18px; letter-spacing: 0; padding: 3px 0;}
.member_con .left_menu .box > ul > li:hover > a {color: #c94a30; }
.member_con .left_menu .box > ul > li:hover .category_sub {display: block;}
.member_con .left_menu .tit{font-size:14px; color:#111;}

/* 20221213 left_menu depth02 추가 */
.member_con .left_menu .depth02 {}
.member_con .left_menu .depth02 li a {list-style: disc; font-size: 18px; line-height: 1.94em; letter-spacing: 0; color: #444;}
.member_con .left_menu .depth02 li:hover a {color: #c94a30;;}

.member_con .right_content {display: inline-block; vertical-align: top; width: 77.14%; letter-spacing: 0;}
.member_con .desc {margin-bottom: 15px;}
.member_con .desc.txt_right {text-align: right;}
.member_con .desc p {color: #999999; font-weight: 300; font-size: 14px; letter-spacing: 0;}
.member_con .tab_select {margin-bottom: 40px;}
.member_con .tab_select:after {content: ''; display: block; clear: both;}
.member_con .tab_select .select_box {float: right; font-size: 0; letter-spacing: -4px;}
.member_con .tab_select .select_box ul li {display: inline-block; vertical-align: top;}
.member_con .tab_select .select_box ul li + li {margin-left: 6px;}
.member_con.wishlist .sub_tit {margin-bottom: 0;}
.member_con.wishlist .sub_tabbtn {margin-top: 0; margin-bottom: 0;}

@media all and (max-width: 1400px) {
	.member_con .left_menu {width: calc(22.4% - 20px);}
	.member_con .left_menu .box {padding: 30px 10px; border-radius: 30px;}
	.member_con .left_menu .box p.tit {font-size: 18px;}
	.member_con .left_menu .box span.tit02 {font-size: 16px;}
	.member_con .left_menu .box > ul > li > a {font-size: 16px;}
	.member_con .right_content {width: 77.6%;}
}
@media all and (max-width: 1000px) {
	/* .member_con{padding: 50px 0;} jw 20230227 */
	.member_con .left_menu {display: none;}
	.member_con .right_content {width: 100%;}
	.member_con .tab_select .select_box {float: none; width: 100%; margin-top: 20px;}
	.member_con .tab_select .select_box ul li {width: calc(50% - 6px);}
	.member_con .tab_select .select_box ul li + li {margin-left: 12px;}
	.member_con .tab_select .select_box ul li .select_custom04 {width: 100%;}
}

/* wishlist input common */
.wishlist dl dd input {display: inline-block; vertical-align: middle; width: 100%; max-width: 200px; height: 50px; border-radius: 25px; background: #f5f5f5; border: none; outline: none; box-sizing: border-box; color: #666666; font-weight: 400; font-size: 18px; letter-spacing: 0; text-align: center;}
.wishlist .input_wrap {position: relative;}
.wishlist .input_wrap a {position: absolute; top: 50%; transform: translateY(-50%); font-size: 18px; font-weight: 200; color: #666;}
.wishlist .input_wrap .minus {left: 14%;}
.wishlist .input_wrap .plus {right: 14%;}

/* wishlist */
.wishlist .tab_content {border-top: 1px solid #000;}
.wishlist .prod_list li {padding: 38px 0; font-size: 0; letter-spacing: -4px;}
.wishlist .prod_list li + li {border-top: 1px dashed #999;}
.wishlist .prod_list li > * {display: inline-block; vertical-align: top;}
.wishlist .prod_list li .prod_box {width: 230px;}
.wishlist .prod_list li .prod_box .img_box {width: 100%; position: relative; padding: 50% 0; overflow: hidden;}
.wishlist .prod_list li .prod_box .img_box img {position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}

.wishlist .prod_list li .logo_box > * {vertical-align: middle; display: inline-block;}
.wishlist .prod_list li .logo_box .icon {width: 27px; height: 27px; border: 1px solid #464543; border-radius: 50%; background-color: #ffdc30;}
.wishlist .prod_list li .logo_box .icon img {width: 100%;}
.wishlist .prod_list li .logo_box span {font-size: 14px; font-weight: 200; color: #666; letter-spacing: 0; margin-left: 14px;}

.wishlist .prod_list li .detail_box {width: calc(100% - 270px); margin-left: 40px;}
.wishlist .prod_list li .detail_box dl {font-size: 0; letter-spacing: -4px;}
.wishlist .prod_list li .detail_box dl + dl {margin-top: 25px;}
.wishlist .prod_list li .detail_box dl > * {display: inline-block; vertical-align: middle;}
.wishlist .prod_list li .detail_box dl.prod_name > * {vertical-align: top;}
.wishlist .prod_list li .detail_box dt {font-size: 18px; font-weight: 500; letter-spacing: 0; color: #222; width: 170px;}
.wishlist .prod_list li .detail_box dd {font-size: 18px; letter-spacing: 0; font-weight: 200; color: #666; width: calc(100% - 170px);}

.wishlist .prod_list li .button_box {font-size: 0; letter-spacing: -4px; margin-top: 35px;}
.wishlist .prod_list li .button_box > * {display: inline-block; vertical-align: middle;}
.wishlist .prod_list li .button_box a {width: calc(33.3333% - 8px); max-width: 190px; font-size: 16px; line-height: 1em; letter-spacing: 0; color: #fff; font-weight: 400; background-color: #838383; text-align: center; border-radius: 25px; padding: 17px 0; box-sizing: border-box;}
.wishlist .prod_list li .button_box a + a {margin-left: 11px;}
.wishlist .prod_list li .button_box a.remove {background-color: #f5950e;}
.wishlist .prod_list li .button_box a.bid {background-color: #ca4e34;}

@media all and (max-width: 1000px) {
	.wishlist .prod_list li .detail_box dl > * {display: block;}
	.wishlist .prod_list li .detail_box dt {width: 100%;}
	.wishlist .prod_list li .detail_box dd {width: 100%;}

	.wishlist .prod_list li .button_box a {display: block; width: 100%; max-width: unset;}
	.wishlist .prod_list li .button_box a + a {margin-left: 0; margin-top: 10px;}
}

/* fee & consoldation */


/* Fees and Charges */
.fees_con01 .top_box {font-size: 0; letter-spacing: -4px;}
.fees_con01 .top_box > * {display: inline-block; vertical-align: top;}
.fees_con01 .top_box .left_box {width: 340px;}
.fees_con01 .top_box .left_box p {font-weight: 500; font-size: 18px;}
.fees_con01 .top_box .right_box {width: calc(100% - 340px);}
.fees_con01 .img_box {width: 100%; max-width: 955px; margin: auto;}
.fees_con01 .img_box img {width: 100%;}
.fees_con01 .txt_box.layout01.py_0 {padding: 0 18px;}
.fees_con01 .sub_tabbtn ul.grid08 li:last-child{margin-right: 0;}

/* .shipping_con02 {padding-bottom: 150px;} jw 230227 */

/* .consol_con01 {padding-bottom: 150px;} jw 230227 */
.consol_con01 .img_box {width: 100%; max-width: 955px; margin: auto;}
.consol_con01 .img_box img {width: 100%;}

/* Blocked Stores */
/* .blocked_con01 {padding-bottom: 150px;} jw 230228 */
.blocked_con01 .list_box > * {display: inline-block; vertical-align: top;}
.blocked_con01 .list_box ul.type01 {width: 415px;}

/* Company Profile */
.company_con01 {padding-bottom: 0px;}
:is(.company_con02, .company_con03) table.type01 {width: calc(100% - 40px); margin: auto;}
.company_con02 {padding-top: 10px; /* padding-bottom: 150px; jw 20230227 */}
/* .company_con03 {padding-bottom: 150px;} jw 20230227 */

/* Terms and conditions */
/* .terms_con01 {padding-bottom: 150px;} jw 20230227 */
.terms_con01 table.type01 {width: calc(100% - 40px); margin: auto;}
.terms_con01 ul.type02 {font-size: 16px; font-weight: 400; letter-spacing: 0; padding-left: 15px;}
.terms_con01 ul.type02 p {color: #222;}
.terms_con01 ul.type02 > li {padding-left: 16px; box-sizing: border-box; position: relative; color: #666; line-height: 2em;}
.terms_con01 ul.type02 > li::before {content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; background-color: #666; left: 0; top: 11px;}
.terms_con01 ul.type04 > li {font-size: 16px; font-weight: 400; letter-spacing: 0; padding-left: 15px; color: #222;}/*hyk추가*/

.terms_con01 ul.type02.mt30 > li {margin-top: 30px;}

/* Act on Specified Commercial Transactions */
/* .act_con01 {padding-bottom: 150px;} jw 20230227 */
.act_con01 ul.type02 > li {line-height: 2em;}
.act_con01 .desc a {color: #0600ff; font-size: 16px; letter-spacing: 0;}

/* Privay Policy
 */
/* .privacy_con01 {padding-bottom: 150px;} jw 20230227 */
.privacy_con01 ul.ti100 {padding-left: 15px;}


/* Request service (Payment type1) */
/* 진행바 */
/* .payment_con01 {padding-bottom: 150px;} jw 230228 */
.payment_con01 .tab_cont .cont .in_wrap .row.credit {display: none;}

/* tab_cont */
.payment_con01 .tab_cont .cont .in_wrap .row{ display: flex; align-items: center; justify-content: space-between; margin-right:0; margin-left: 0;}
.payment_con01 .tab_cont .cont .in_wrap .row:not(:last-child){ margin-bottom: 30px;}
.payment_con01 .tab_cont .cont .in_wrap .row .tit{ width: 320px; font-family: "Poppins"; font-size: 20px; font-weight: 700; letter-spacing: normal; line-height: 28px; color: #222; position: relative;}
.payment_con01 .tab_cont .cont .in_wrap .row .tit > * {display: inline-block; vertical-align: middle;}
.payment_con01 .tab_cont .cont .in_wrap .row .in_box{ display: flex; align-items: center; justify-content: space-between; width: calc(100% - 320px); }
.payment_con01 .tab_cont .cont .in_wrap .row .in_box .put_wrap{ display: flex; align-items: center;}
.payment_con01 .tab_cont .cont .in_wrap .row .in_box .txt{ font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ; margin-right: 33px;}
.payment_con01 .tab_cont .cont .in_wrap .row .in_box .b_txt{ font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #0600ff ; }
.payment_con01 .tab_cont .cont .in_wrap .row .in_box input[type=text],
.payment_con01 .tab_cont .cont .in_wrap .row .in_box input[type=tel] { width: 390px; height: 60px; padding: 0 32px; background: #f5f5f5; border: 0; outline: none; border-radius: 30px; box-sizing: border-box; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ;}
.payment_con01 .tab_cont .cont .in_wrap .row .in_box input[type=button]{ height: 60px; padding: 0 15px; border: 1px solid #999; background: #fff; outline: none; border-radius: 30px; box-sizing: border-box; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #999 ; cursor: pointer;}
.payment_con01 .tab_cont .cont .in_wrap .row .in_box input[type=radio]{-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 22px; height: 22px; border: 2px solid #222; border-radius:50% ; margin-right: 12px; padding: 0; background: transparent; vertical-align: middle; }
.payment_con01 .tab_cont .cont .in_wrap .row .in_box input[type=radio]:checked{background: url("/img/front/ck_ion_b.png") no-repeat  center center;}
.payment_con01 .tab_cont .cont .in_wrap .row .in_box select{ appearance: none; -webkit-appearance: none;  -moz-appearance: none; width: 784px; height: 60px; padding: 0 32px; border-radius: 30px; border: none; outline: none; box-sizing: border-box; background: #f5f5f5 url("/img/front/select_arrow.png")no-repeat center right 32px; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ;max-width: 65%}
.payment_con01 .tab_cont .cont .in_wrap .row .in_box label { font-family: "Poppins"; font-size: 18px; font-weight: normal; color:#222; align-items: center; }
.payment_con01 .tab_cont .cont .in_wrap .row .in_box label img { margin-left:20px; }
.payment_con01 .tab_cont .cont .in_wrap .row .in_box label:has(> input[type=radio]:disabled) { color:#888; }
.payment_con01 .tab_cont .cont .in_wrap .row .in_box .ck_wrap{ width: 50%;}
.payment_con01 .tab_cont .cont .in_wrap .row .in_box .ck_wrap label{ display: flex; align-items: center;}

.payment_con01 .tab_cont .cont .in_wrap .row .in_box .apply{ width:160px ;}
.payment_con01 .tab_cont .cont .in_wrap .row .in_box .new{ width:276px ;}

.payment_con01 .tab_cont .cont .agree_wrap{ margin-top: 48px;}
.payment_con01 .tab_cont .cont .agree_wrap label{ display: flex; align-items: center;}
.payment_con01 .tab_cont .cont .agree_wrap input[type=checkbox]{ appearance: none; display: inline-block; width: 22px; height: 22px; border: 2px solid #919191; margin-right: 10px;}
.payment_con01 .tab_cont .cont .agree_wrap input[type=checkbox]:checked{ background: url("/img/front/ck_ion.png")no-repeat center center;
}
.payment_con01 .tab_cont .cont .agree_wrap .txt{ font-family: "Poppins"; font-size: 16px; font-weight: 300; color: #888 ;}
.payment_con01 .tab_cont .cont .agree_wrap .txt a{ font-family: "Poppins"; font-size: 16px; font-weight: 300; color: #0600ff ;}

.btn_wrap { display: flex; align-items: center; justify-content: center; margin-top: 80px;}
.btn_wrap .btn{ display: flex; align-items: center; justify-content: center; width: 300px; height: 80px; border-radius: 40px; font-family: "Poppins"; font-size: 24px; font-weight: 500; color: #fff ; cursor: pointer; text-align: center;}
.btn_wrap .btn + .btn{ margin-left: 26px;}
.btn_wrap .btn.b_btn{ background: #000;}
.btn_wrap .btn.o_btn{ background: #f5950e;}
.btn_wrap .btn.r_btn{background:#ca4e34;}

.payment_con01 .tab_cont .cont .in_wrap .row{flex-direction: column;}
.payment_con01 .tab_cont .cont .in_wrap .row .tit{width: 100%; margin-bottom: 20px;}
.payment_con01 .tab_cont .cont .in_wrap .row .in_box {width: 100%;}

@media all and (max-width:1400px) {
	.payment_con01 .tab_cont .cont .in_wrap .row .in_box .txt{margin-right: 10px;}
	.payment_con01 .tab_cont .cont .in_wrap .row .in_box input[type=text]{width: 300px;}
	.payment_con01 .tab_cont .cont .in_wrap .row .in_box select{width: 650px;}
}
@media all and (max-width:1000px) {
	.payment_con01 .tab_cont .cont .in_wrap .row .in_box {flex-direction: column; align-items: flex-start; row-gap: 20px;}
	.payment_con01 .tab_cont .cont .in_wrap .row .in_box select{width: 100%;max-width: 100%;}
	.payment_con01 .tab_cont .cont .in_wrap .row .in_box label img { margin-left: 35px; }
	.payment_con01 .tab_cont .cont .agree_wrap .txt{font-size: 14px;}
	.payment_con01 .tab_cont .cont .in_wrap .row .in_box .new{ width:100%;}
	.btn_wrap .btn + .btn{margin-left: 10px;}

}
/* popup */
.pop_bg{ display: none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 1000; cursor: pointer;}
.pop_wrap{ display: none; position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 1001;  box-sizing: border-box;}
/* #new_card{ width: 1300px; max-height: 650px; border-radius: 20px; border: 1px solid #e5e5e5; padding: 64px 55px 67px 59px; box-sizing: border-box; overflow-y: scroll;} jw 230228 */
#new_card .title{ font-family: "Poppins"; font-size: 20px; font-weight: 700; color: #222 ; margin-bottom: 38px;}
#new_card .row{ display: flex; align-items: center;}
#new_card .row:not(:last-child){ margin-bottom: 20px;}
#new_card .row .tit { font-family: "Poppins"; font-size: 20px; font-weight: 500; letter-spacing: normal; line-height: 28px; color: #222; letter-spacing: -0.05em;}
#new_card .row .in_box{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
#new_card .row .in_box.full{ align-items: flex-start; }
#new_card .row.full{ align-items: flex-start;}
#new_card .row .in_box .txt { font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ; margin-right: 33px; margin-left: 10px;}
#new_card .row .in_box input[type=text]{ height: 60px; padding: 0 32px; background: #f5f5f5; border: 0; outline: none; border-radius: 30px; box-sizing: border-box; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ;}
#new_card .row select{ appearance: none; -webkit-appearance: none;  -moz-appearance: none; height: 60px; padding: 0 32px; border-radius: 30px; border: none; outline: none; box-sizing: border-box; background: #f5f5f5 url("/img/front/select_arrow.png")no-repeat center right 32px; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ;}
#new_card .row .in_box input[type="number"]{ width: 150px; height: 60px; border-radius: 30px; font-family: "Poppins"; background: #f5f5f5; font-size: 18px; font-weight: 300; color: #222 ; text-align: center; border: none; outline: none;}
#new_card .row .in_box input[type="number"]::-webkit-outer-spin-button,
#new_card .row .in_box input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#new_card .row .in_box textarea{ resize: none; width: 206px; height: 125px; font-family: "Poppins"; background: #f5f5f5; font-size: 18px; font-weight: 300; color: #222 ; padding: 15px; border: none; outline: none; box-sizing: border-box;}
#new_card .row .in_box .info_box{ width: 482px;}
#new_card .row .in_box .info_box li{ font-family: "Poppins"; font-size: 16px; font-weight: 300; color: #888 ; line-height: 30px; list-style-type: "* ";}
#new_card .row .in_box label{ display: flex; align-items: center;}
#new_card .agree_wrap{ margin-top: 40px; display: flex; justify-content: center;}
#new_card .agree_wrap label{ display: flex; align-items: center;}
#new_card .agree_wrap input[type=checkbox]{ appearance: none; display: inline-block; width: 22px; height: 22px; border: 2px solid #919191; margin-right: 10px;}
#new_card .agree_wrap input[type=checkbox]:checked{ background: url("/img/front/ck_ion.png")no-repeat center center;
}


#dejPoints .con_box {font-weight: 300; font-size: 16px; line-height: 1.625em; color: #222; padding: 25px 35px;}
#dejPoints .modal-title {color: #222;}

/* tab_cont */
.wservice01_con01 {padding-bottom: 150px;}
.wservice01_con01 .tab_cont .cont .in_wrap .row{ display: flex;	align-items: center;justify-content: space-between; margin-right:0; margin-left: 0;}
.wservice01_con01 .tab_cont .cont .in_wrap .row:not(:last-child){ margin-bottom: 30px; }
.wservice01_con01 .tab_cont .cont .in_wrap .row .tit{ width: 320px; font-family: "Poppins"; font-size: 20px; font-weight: 700; letter-spacing: normal; line-height: 28px; color: #222; box-sizing: border-box; }
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box{ display: flex; align-items: center; width: calc(100% - 320px); gap: 20px; }
.wservice01_con01 .tab_cont .cont .in_wrap .row.column .in_box{ flex-direction: column; align-items: baseline; gap: 20px 0; }
.wservice01_con01 .tab_cont .cont .in_wrap .row.column{align-items: baseline;}
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box .put_wrap{ display: flex; align-items: center; gap: 10px; }
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box .txt{ font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ; margin-right: 33px; }
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box .b_txt{ font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #0600ff ; margin-left: 12px; }
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box input[type=text]{ width: 390px; height: 60px; padding: 0 32px; background: #f5f5f5; border: 0; outline: none; border-radius: 30px; box-sizing: border-box; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ; }
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box input[type=button]{ height: 60px; padding: 0 15px; border: 1px solid transparent; background: #f5950e; outline: none; border-radius: 30px; box-sizing: border-box; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #fff ; cursor: pointer; width: 260px; gap: 10px; }
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box .put_btn input.on[type=button]{color:#f5950e; border-color: #f5950e;}
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box input[type=radio]{ appearance: none; display: inline-block; width: 22px; height: 22px; border: 2px solid #222; margin-right: 10px; }
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box input[type=radio]:checked{ background: url("/img/front/ck_ion_b.png")no-repeat center center; }
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box select{ appearance: none; -webkit-appearance: none;  -moz-appearance: none; width: 100%; max-width: 420px; height: 60px; padding: 0 32px; border-radius: 30px; border: none; outline: none; box-sizing: border-box; background: #f5f5f5 url("/img/front/select_arrow.png")no-repeat center right 32px; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ; }
.wservice01_con01 .tab_cont .cont .in_wrap .row.column .in_box.full select{width: 100%; max-width: 420px;}
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box .ck_wrap{ width: 50%; }
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box .ck_wrap label{ display: flex; align-items: center; }

.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box .apply{ width:160px ; }
.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box .new{ width:276px ; }

.wservice01_con01 .tab_cont .cont .agree_wrap{ margin-top: 48px; }
.wservice01_con01 .tab_cont .cont .agree_wrap label{ display: flex; align-items: center; }
.wservice01_con01 .tab_cont .cont .agree_wrap input[type=checkbox]{ appearance: none; display: inline-block; width: 22px; height: 22px; border: 2px solid #919191; margin-right: 10px; }
.wservice01_con01 .tab_cont .cont .agree_wrap input[type=checkbox]:checked{ background: url("/img/front/ck_ion.png")no-repeat center center; }
.wservice01_con01 .tab_cont .cont .agree_wrap .txt{ font-family: "Poppins"; font-size: 16px; font-weight: 300; color: #888 ; }

.wservice01_con01 .tab_cont .cont .agree_wrap .txt > a{font-family: "Poppins"; font-size: 16px; font-weight: 300; color:#0600ff;}
#new_card02{ width: 1300px; max-height: 650px; border-radius: 20px; border: 1px solid #e5e5e5; padding: 64px 55px 67px 59px; box-sizing: border-box; overflow-y: scroll; }

.in_wrap .row .shipping_address_info { margin-top: 30px; width: 100%; padding: 15px 32px; background: #f5f5f5; border: 0; outline: none; border-radius: 30px; box-sizing: border-box; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ; }

@media all and (max-width:1400px){

	.wservice01_con01 .tab_cont .cont .in_wrap .row .tit{width: 20%;}
	.wservice01_con01 .tab_cont .cont .in_wrap .row.column .in_box{width: 80%;}
	.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box input[type=button]{width:45%;}
	.wservice01_con01 .tab_cont .cont .in_wrap .row{justify-content: unset;}
	.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box{justify-content: unset; gap:10px;}
	.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box .put_wrap{flex-wrap: wrap;}
	.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box{width: 80%;}


}
@media all and (max-width:800px){
	.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box input[type=button]{width:100%;}
	.wservice01_con01 .tab_cont .cont .in_wrap .row .tit{width: 100%; margin-bottom: 10px;}
	.wservice01_con01 .tab_cont .cont .in_wrap .row .in_box{flex-wrap: wrap;}
	.wservice01_con01 .tab_cont .cont .in_wrap .row{align-items: unset;;}
}

#new_card02 .title{ font-family: "Poppins"; font-size: 20px; font-weight: 700; color: #222 ; margin-bottom: 38px;}

#new_card02 .in_wrap .row{ display: flex; align-items: center;}
#new_card02 .in_wrap .row.align{align-items: baseline;}
#new_card02 .in_wrap .row:not(:last-child){ margin-bottom: 20px;}
#new_card02 .in_wrap .row .tit{ width: 300px; font-family: "Poppins"; font-size: 20px; font-weight: 500; letter-spacing: normal; line-height: 28px; color: #222; letter-spacing: -0.05em;}
#new_card02 .in_wrap .row .in_box{ display: flex; align-items: center; justify-content: space-between;}
#new_card02 .in_wrap .row .in_box.full{ align-items: flex-start; width: calc(100% - 300px);
}
#new_card02 .in_wrap .row.full{ align-items: flex-start;
}

#new_card02 .in_wrap .row .in_box .txt{ font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ; margin-right: 13px; margin-left: 17px;}
#new_card02 .in_wrap .row .in_box .txt:nth-child(1){margin-left: 0;}
#new_card02 .in_wrap .row .in_box input[type=text]{ width: 200px; height: 60px; padding: 0 32px; background: #f5f5f5; border: 0; outline: none; border-radius: 30px; box-sizing: border-box; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ;}
#new_card02 .in_wrap .row.align .in_box{justify-content: normal; box-sizing: border-box; gap:10px 0; display: block;}
#new_card02 .in_wrap .row.align .in_box .fir_box{width: 430px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 0;}
#new_card02 .in_wrap .row.align .in_box .sec_box{margin-top:10px; display: flex; align-items: center;}
#new_card02 .in_wrap .row.align .in_box input[type=text]{width: 260px; box-sizing: border-box;}
#new_card02 .in_wrap .row.align .in_box .txt{width: 170px; margin:0;}
#new_card02 .in_wrap .row .in_box select{ appearance: none; -webkit-appearance: none;  -moz-appearance: none; width: 460px; height: 60px; padding: 0 32px; border-radius: 30px; border: none; outline: none; box-sizing: border-box; background: #f5f5f5 url("/img/front/select_arrow.png")no-repeat center right 32px; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ;
}
#new_card02 .in_wrap .row .in_box input[type="number"]{ width: 430px; height: 60px; border-radius: 30px; font-family: "Poppins"; background: #f5f5f5; font-size: 18px; font-weight: 300; color: #222 ; text-align: center; border: none; outline: none;}
#new_card02 .in_wrap .row .in_box.full input[type="number"]{width:630px}

#new_card02 .in_wrap .row .in_box input[type="number"]::-webkit-outer-spin-button,
#new_card02 .in_wrap .row .in_box input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#new_card02 .in_wrap .row .in_box textarea{ resize: none; width: 206px; height: 125px; font-family: "Poppins"; background: #f5f5f5; font-size: 18px; font-weight: 300; color: #222 ; padding: 15px; border: none; outline: none; box-sizing: border-box;}
#new_card02 .in_wrap .row .in_box .info_box{ width: 482px;}
#new_card02 .in_wrap .row .in_box .info_box li{ font-family: "Poppins"; font-size: 16px; font-weight: 300; color: #888 ; line-height: 30px; list-style-type: "* ";}
#new_card02 .in_wrap .row .in_box label{ display: flex; align-items: center;}
#new_card02 .in_wrap .row .in_box .ex{font-size: 16px; letter-spacing: 0; color:#888888; margin-left:18px;}
#new_card02 .agree_wrap{ margin-top: 40px; display: flex; justify-content: center;}
#new_card02 .agree_wrap label{ display: flex; align-items: center;}
#new_card02 .agree_wrap input[type=checkbox]{ appearance: none; display: inline-block; width: 22px; height: 22px; border: 2px solid #919191; margin-right: 10px;}
#new_card02 .agree_wrap input[type=checkbox]:checked{ background: url("/img/front/ck_ion.png")no-repeat center center;
}

@media all and (max-width:1400px){
	#new_card{width: 95%; padding: 50px;}
	#new_card .in_wrap .row{align-items: flex-start; flex-direction: column; row-gap: 20px;}
	#new_card .in_wrap .row .in_box{width: 100%; row-gap: 20px;}
	#new_card .in_wrap .row .in_box select{width: 100%;}
	#new_card .in_wrap .row .in_box input[type=text]{width: 100%;}
	#new_card .in_wrap .row .in_box input[type="number"]{width: 24%;}
	#new_card .in_wrap .row .in_box.full{width: 100%; row-gap: 20px;}
	#new_card .in_wrap .row .in_box.full input[type="number"]{width: 49%;}
	#new_card .in_wrap .row .in_box textarea{width: 50%;}
	#new_card .in_wrap .row .in_box .info_box{width: 100%;}
	#new_card .in_wrap .row .in_box label{width: 50%;}
	#new_card .in_wrap .row .in_box label input[type="number"]{width: 50%;}
	#new_card02{width: 90%;}
	#new_card02 .in_wrap .row .in_box input[type=text]{width: 28%;}
	#new_card02 .in_wrap .row .in_box select{width: 260px;}
	#new_card02 .in_wrap .row .tit{width: 25%;}

}

@media all and (max-width:1000px){
	#new_card{padding: 30px;}
	#new_card .in_wrap .row .in_box label{width: 100%;}
	#new_card .in_wrap .row .in_box label input[type="number"]{width: 60%;}
	#new_card02 .in_wrap .row .in_box .txt{margin-right: 0;}
	#new_card02 .in_wrap .row .tit{width: 20%;}
	#new_card02 .in_wrap .row .in_box input[type="number"]{width: 270px;}

}
@media all and (max-width:800px){
	#new_card02 .in_wrap .row .tit{width: 100%;}
	#new_card02 .in_wrap .row{flex-direction: column; align-items: unset; gap: 10px;}
	#new_card02 .in_wrap .row .in_box{flex-wrap: wrap; gap: 10px;}
	#new_card02 .in_wrap .row .in_box input[type=text]{width: 70%;}
	#new_card02 .in_wrap .row .in_box .txt, #new_card02 .in_wrap .row .in_box .ex{margin-left: 0;}
	#new_card02 .in_wrap .row.align .in_box .fir_box{width: 100%;}
	#new_card02 .in_wrap .row .in_box input[type="number"]{width: 100%;}
	#new_card02 .in_wrap .row.align .in_box input[type=text]{width: 100%;}
	#new_card02 .in_wrap .row.align .in_box .sec_box{flex-wrap: wrap;}
	#new_card02 .in_wrap .row .in_box select{width: 100%;}
	#new_card02 .in_wrap .row .in_box.full input[type="number"], #new_card02 .in_wrap .row .in_box.full{width: 100%;}
}


/* tab_cont */
.wservice02_con01 {padding-top: 45px;}
.wservice02_con01 .tab_cont .cont .in_wrap .row{ display: flex; margin-right:0; margin-left: 0;}
.wservice02_con01 .tab_cont .cont .in_wrap .row:not(:last-child){ margin-bottom: 30px;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .tit{ width: 320px; font-family: "Poppins"; font-size: 26px; font-weight: 700; letter-spacing: normal; line-height: 28px; color: #222; box-sizing: border-box;}

.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box{width:calc(100% - 320px); box-sizing: border-box;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box .table_title {background-color: #222222; color:#ffffff; display: flex; height: 60px; align-items: center; box-sizing: border-box;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box .table_title > li{font-size: 16px; font-weight: 700; width: 33.33%; text-align: center;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box .table_body .table_box{display: none;}

.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box .table_body > ul{height: 60px; display: flex;  align-items: center; cursor: pointer; box-sizing: border-box; border-bottom: 1px solid #222222;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box .table_body > .table_box{border-bottom: 1px solid #222222;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box .table_body > ul > li{ color:#222222; font-weight: 400; font-size: 16px; width: 33.33%; text-align: center;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box table{width: 100%; text-align: center;table-layout: fixed;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box table > tbody > tr{background-color: #f4f4f4;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box table > tbody > tr.top > th{background-color: #636363; color:#fff; font-size: 16px; letter-spacing: 0; line-height: 2em; font-weight: 700; height: 45px; box-sizing: border-box;text-align: left; text-indent: 22px;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box table > tbody > tr > th{background-color: #dcdcdc; color:#222222; font-size: 16px; letter-spacing: 0; line-height: 2em; font-weight: 400; height: 45px; box-sizing: border-box;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box table > tbody > tr > th.close_btn{cursor: pointer;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box table > tbody > tr > td{font-size: 16px; letter-spacing: 0; color:#222222; font-weight: 400; padding:15px 0;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box table > tbody > tr.top_cont .tit{font-size: 16px; letter-spacing: 0; color:#222222; font-weight: 700; font-family: "Noto Sans KR"; width: auto; margin-bottom:10px ;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box table > tbody > tr > td > img{width:100px; height:100px;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .half_box > div{font-size: 18px; letter-spacing: 0; color:#222222; font-weight: 400; line-height: 28px;}
.wservice02_con01 .tab_cont .cont .in_wrap .row.half .in_box{display: flex;}
.wservice02_con01 .tab_cont .cont .in_wrap .row.half .in_box.sb{align-items: center; justify-content: space-between;}
.wservice02_con01 .tab_cont .cont .in_wrap .row.half .in_box > ul {width: 100%;}
.wservice02_con01 .tab_cont .cont .in_wrap .row.half .in_box > ul > li > p{font-size: 18px; letter-spacing: 0; color:#222222; font-weight: 400; display: flex; justify-content: space-between;}
.wservice02_con01 .tab_cont .cont .in_wrap .row.half .in_box > ul > li:nth-child(4) > p{color:#f5950e; font-weight: 700;}
.wservice02_con01 .tab_cont .cont .in_wrap .row.half .in_box > ul > li:last-child > p{color:#ca4e34; font-weight: 700; font-size: 20px;}
.wservice02_con01 .tab_cont .cont .in_wrap .row.half .in_box > ul > li > p > span{font-weight: 700; width: 300px; text-align: right;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box table .table_con{text-align: left; }
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box .table_last{text-align: right; font-size: 18px; color:#222222; letter-spacing: 0; font-weight: 400; margin-top: 30px;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box .table_last > span{font-weight: 700;}

.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > ul.list_box > li{display: flex; font-size: 18px; letter-spacing: 0; color:#222222; font-weight: 400; margin-bottom: 20px;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > ul > li > span{ width: 270px; display: block; font-weight: 700; min-width: 270px; }/*최소넓이 추가 2505*/
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box{color:#ca4e34; font-size: 16px; font-weight: 400; letter-spacing: 0;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box > ul{margin-bottom:40px;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box > ul > li{display: flex; align-items: center; }
/* .wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box > ul > li:nth-child(2){text-indent: 10px;} */
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box > ul > li > ul > li{display: flex;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box > ul > li > ul > li > span{display: flex; align-items: center;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box > ul > li > ul > li > span > img{margin: 0 0 0 15px;}
/* 221215추가 */
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box > .tit{width: 100%; color:#222; font-size: 18px;  font-weight: 700; letter-spacing: 0; margin-bottom:15px ;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box > .tit span{font-weight: 300;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box > ul > li > .txt{color:#ca4e34; font-size: 16px;  font-weight: 700; letter-spacing: 0;}

.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box .b_txt{ font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #0600ff ; margin-left: 12px;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box input[type=text]{ width: 390px; height: 60px; padding: 0 32px; background: #f5f5f5; border: 0; outline: none; border-radius: 30px; box-sizing: border-box; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box input[type=button]{ height: 60px; padding: 0 15px; border: 1px solid #999; background: #fff; outline: none; border-radius: 30px; box-sizing: border-box; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #999 ; cursor: pointer;}

.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box select{ appearance: none; -webkit-appearance: none;  -moz-appearance: none; width: 800px; height: 60px; padding: 0 32px; border-radius: 30px; border: none; outline: none; box-sizing: border-box; background: #f5f5f5 url("/img/front/select_arrow.png")no-repeat center right 32px; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box input[type="text"]{ appearance: none; -webkit-appearance: none;  -moz-appearance: none; width: 800px; height: 60px; padding: 0 32px; border-radius: 30px; border: none; outline: none; box-sizing: border-box; background: #f5f5f5 ; font-family: "Poppins"; font-size: 18px; font-weight: 300; color: #222 ;}

.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box .new{ width:260px ;}
/* 라디오 버튼 아코디언 리스트 */
.ac_body:first-child{border-top: 1px solid #222;}
.ac_body ul:not(.shipping-method){display: flex; align-items: center; justify-content: space-between; width: 100%; height: 60px; box-sizing: border-box; border-bottom: 1px solid #222222;}
.ac_body ul:not(.shipping-method) li{height: 100%; display: flex; align-items: center; }
.ac_body ul:not(.shipping-method) li:nth-child(1){width:76px ; justify-content: center;}
.ac_body ul:not(.shipping-method) li:nth-child(2){width:150px ;}
.ac_body ul:not(.shipping-method) li:nth-child(3){width:666px ;}
.ac_body ul:not(.shipping-method) li:nth-child(4){width:190px ;}
.ac_body ul li input[type=radio]{ appearance: none; display: inline-block; width: 22px; height: 22px; border: 1px solid #666666; border-radius: 50%;}
.ac_body ul li input[type=radio]:checked{ background: url("/img/front/ck_ion_o.png")no-repeat center center;border: 1px solid #f5950e;}
.ac_body ul .ico{width: 150px; height: 60px;}
.ac_body ul .ico.jp{background: url("/img/front/shipping_method_ico_1.png") no-repeat center center ; background-size: 20%;}
.ac_body ul .ico.ups{background: url("/img/front/ups_ico.png") no-repeat center center ;background-size: 20%;}
.ac_body ul .ico.dhl{background: url("/img/front/shipipng_method_ico_6.png") no-repeat center center ; background-size: 50%;}
.ac_body ul .ico.fedex{background: url("/img/front/shipping_method_ico_5.png") no-repeat center center ; background-size: 40%;}
.ac_body ul .ico.yamato{background: url("/img/front/yamato_ico.png") no-repeat center center ; background-size: 25%;}
.ac_body ul .ico.sagawa{background: url("/img/front/sagawa_ico.png") no-repeat center center ; background-size: 50%;}
.ac_body ul .txt{font-family: "Poppins"; font-size: 16px; font-weight: 200; color: #222;}
.ac_body .ac_box{display: none; border-bottom: 1px solid #222222; background: #f4f4f4; padding: 45px 90px; box-sizing: border-box;}
.ac_body .ac_box .txt_wrap{width: 100%; font-family: "Poppins"; font-size: 16px; font-weight: 200; color: #222;}

.ac_body .shipping-method {list-style: disc;}
.ac_body .shipping-method ul {margin-left:20px; list-style: circle;}


/* 드롭박스 */
.drop_wrap {position: relative; width: 100%; min-height: 100px;}
.drop_wrap .drop_txt{font-size: 18px; color:#222222; letter-spacing: 0; font-weight: 400;position: absolute;right: 0; padding-right: 35px; background: url("/img/front/down_arrow.png")no-repeat center right; cursor: pointer; box-sizing: border-box;}
.drop_wrap .drop_txt span{font-weight: 700;}
.drop_wrap .dep01{display: none; position: absolute; right: -25px; top: 30px; width: 450px; box-sizing: border-box; border-radius:20px ; background: #fff; border: 1px solid #e5e5e5;padding: 24px 34px;}
.drop_wrap .dep01 li{list-style: "> "; }
.drop_wrap .dep02 li{list-style:none; text-indent: 10px;}
.drop_wrap .dep02 li::before{content: ""; display: inline-block; width: 4px; height: 4px; background: #222; transform: rotate(45deg);margin-right: 5px; }
.drop_wrap li{font-family: "Poppins"; font-weight: 200; font-size: 16px; line-height: 30px; letter-spacing: 0; color: #222;}

.in_box .drop_wrap{min-height: 30px; display: flex; width: 380px;}
.in_box .drop_wrap .drop_txt{left: 0;}
.in_box .drop_wrap .dep01{top: 45px;}

.in_wrap .row .in_box .txt_box ul .list_txt{display: flex; font-family: "Poppins"; font-weight: 300; font-size: 18px; color: #222; line-height: 38px;}
.in_wrap .row .in_box .txt_box ul .list_txt::before{content: ""; display: inline-block; width: 5px; height: 5px; background: #222; border-radius: 50%; margin-top: 15px; margin-right: 10px;}
.in_wrap .row .in_box .txt_box ul .list_txt.o_txt{color:#ca4e34 ;}
.in_wrap .row .in_box .txt_box ul .list_txt.o_txt::before{background: #ca4e34;}
.in_wrap .row .in_box .txt_box ul .list_txt a{font-family: "Poppins"; font-weight: 300; font-size: 18px; color: #0600ff; }
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box > ul > li.list_txt:nth-child(2){text-indent: 0;}

/* 전체폭에서 적용하도록 변경 2505*/
.wservice02_con01 .tab_cont .cont .in_wrap .row{flex-direction: column;}
.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box{width: 100%;}
.wservice02_con01 .tab_cont .cont .in_wrap .row{gap: 30px 0;}

@media all and (max-width:1400px){
	.wservice02_con01 .tab_cont .cont .in_wrap .row .tit{width: 100%;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row.half .tit{width: 100%;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row.half .in_box{width: 100%;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row.half .in_box > ul > li > p > span{width: 60%;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row.half .in_box > ul{width: 85%;}
	.drop_wrap .dep01{right: 0;}
	.in_box .drop_wrap .dep01{left: 0;}
}
@media all and (max-width:1000px){
	.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box > ul > li > ul > li{align-items: flex-start;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box > ul > li > ul > li > span > img{margin-top: 8px;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row.half .in_box.sb{row-gap: 20px;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box select{width: 100%;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box input[type=button] {width: 100%;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box table > tbody > tr > td > img{width: 100%; height: auto; object-fit: contain;}
	.in_wrap .row .in_box .txt_box ul .list_txt p{width: 95%; font-size: 16px;}
}
@media all and (max-width:800px){
	.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > ul.list_box > li{flex-direction: column;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box{flex-direction: column;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row .tit,.wservice02_con01 .tab_cont .cont .in_wrap .row.half .tit{width: 100%;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row .tit > br.pc_only{display: none;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row{flex-direction: column;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box{width: 100%;}
	.wservice02_con01 .tab_cont .cont .in_wrap .row .in_box > .txt_box{font-size: 14px;}
}

/*payment warehouse service03*/
.payment03 .tab_cont .cont .in_wrap .top .tit{font-size: 46px; color:#222222; font-weight: 700;}
.payment03 .tab_cont .cont .in_wrap .top h6.tit {font-size: 26px; color:#222222; font-weight: 600; margin-top:35px;}
.payment03 .tab_cont .cont .in_wrap .top .txt_box{margin-top: 35px;}
.payment03 .tab_cont .cont .in_wrap .top .txt_box p{font-size: 20px; line-height: 28px; color:#222222; font-weight: 400;}
.payment03 .tab_cont .cont .in_wrap .top .txt_box p span{font-weight: 700;}
.payment03 .tab_cont .cont .in_wrap .bot{margin-top:70px;}
.payment03 .tab_cont .cont .in_wrap .bot .sub_tit{font-size: 26px; font-weight: 700; color:#222222; line-height: 28px;}

.payment03 .tab_cont .cont .last{margin-top: 70px; text-align: center;}
.payment03 .tab_cont .cont .last > p{font-size: 18px; color:#222222; font-weight: 400; line-height: 38px;}
.payment03 .tab_cont .cont .last > p > a{color:#0600ff; font-size: 18px;}

@media all and (max-width:800px){
	.payment03 .tab_cont .btn_wrap .btn:first-child { font-size: 20px; }
}

.payment_con02 .tab_cont .cont .in_wrap .row{display: flex; margin-right:0; margin-left: 0;}
.payment_con02 .tab_cont .cont .in_wrap .row .tit{width: 23%; font-size: 26px; font-weight: 700; color:#222222; box-sizing: border-box; }
.payment_con02 .tab_cont .cont .in_wrap .row .in_box{width: 77%; box-sizing: border-box;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box {display: flex; padding-top:40px;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box:first-child{padding-top: 0;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box:not(:last-child){border-bottom:  1px dashed #999999; }
/* .payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .left_box{} */
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .left_box .left_tit{font-size: 14px; color:#666666; display: flex; align-items: center;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .left_box .left_tit > span{margin-left: 10px;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .left_box > .img_box{margin:60px 30px 0; width: 170px;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .left_box > .img_box > img{max-width: 100%;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > ul {display: flex; flex-direction:column;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > ul > li{display: flex;  margin-bottom: 30px;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > ul > li:nth-child(3){align-items: center;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > ul > li > .sub_tit{width: 120px; font-size: 18px; color:#222222; font-weight: 400; margin:0;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > ul > li > .txt_box{margin-left:50px; width: 600px; box-sizing: border-box;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > ul > li > .txt_box > p{font-size: 18px; color:#666666; line-height: 28px;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > ul > li > .qua_box input{border: none; background-color: #f5f5f5; font-size: 18px; color:#666666; width: 35%; text-align: center;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > ul > li > .qua_box{background-color: #f5f5f5; width: 200px; height: 50px; border-radius: 25px; display: flex; justify-content: space-around; align-items: center; }
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > ul > li > .qua_box > a{ font-size: 18px; color:#666666;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > .btn_box{width: 190px ;height: 50px; background-color: #f5950e; border-radius: 25px; margin-bottom: 40px;}
.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > .btn_box > a{font-size: 16px ;color:#ffffff; font-weight: 300;  display: flex; justify-content: center ;align-items: center; height: 100%;}

@media all and (max-width:1400px){
	.payment_con02 .tab_cont .cont .in_wrap .row{flex-direction: column;}
	.payment_con02 .tab_cont .cont .in_wrap .row .tit{margin-bottom: 30px;width: 100%;}
	.payment_con02 .tab_cont .cont .in_wrap .row .in_box{width: 100%;}
	.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box{flex-direction: column; row-gap: 30px; align-items: center;}
	.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > .btn_box{margin: 0 auto 50px;}
}
@media all and (max-width:800px){
	.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .left_box{width: 100%;}
	.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box{width: 100%;}
	.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .left_box > .img_box{margin: 60px auto 0;}
	.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > ul > li{flex-direction: column;}
	.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > ul > li > .sub_tit{width: 100%; margin-bottom: 20px;}
	.payment_con02 .tab_cont .cont .in_wrap .row .in_box > ul > li.item_box .right_box > ul > li > .txt_box{width: 100%; margin-left: 0;}
}
.payment_con02 .tab_cont .cont .in_wrap .row02 .in_box .list_box li p{font-size: 18px; color:#222222; font-weight: 400; display: flex;  gap: 0 70px; line-height: 48px;}
.payment_con02 .tab_cont .cont .in_wrap .row02 .in_box .list_box li p > span{font-weight: 700; width: 200px; display:block;}

.payment_con02 .tab_cont .cont .in_wrap .row03 .in_box .txt_box ul li{font-size: 18px; color:#ca4e34; line-height: 48px; font-weight: 400;}

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

* member > mypage > shopping *

*---------------------------------------------------------------*/
/* sort_btn */
.shopping .sort_btn {margin-bottom: 10px;}
.shopping .sort_btn ul {display: flex; column-gap: 22px; flex-wrap: wrap;}
.shopping .sort_btn ul li a {display: flex; gap: 10px; align-items: center; font-size: 16px; font-weight: 500; line-height: 1.25em; color: #222;}
.shopping .sort_btn ul li i {display: block; width: 27px; height: 27px; flex-shrink: 0;}
.shopping .sort_btn ul li i img {width: 100%; height: 100%; object-fit: none; object-position: center center;}
.shopping .sort_btn ul li:nth-child(1) a {color: #f5960e; margin-bottom: 10px; }
.shopping .sort_btn ul li:nth-child(2) a {color: #e73137; margin-bottom: 10px; }
.shopping .sort_btn ul li:nth-child(3) a {color: #c91c22; margin-bottom: 10px; }
.shopping .sort_btn ul li:nth-child(4) a {color: #f40514; margin-bottom: 10px; }
.shopping .sort_btn ul li:nth-child(5) a {color: #094abb; margin-bottom: 10px; }
.shopping .sort_btn ul li:nth-child(6) a {color: #131689; margin-bottom: 10px; }/*230724추가*/
.shopping .sort_btn.house ul li a {color: #222;}
.shopping .sort_btn p { margin-top:20px; font-size: 14px; font-weight: 400; line-height: 1.25em; }

.shopping .tab_wrap {width: 100%; overflow-x: auto;}

/* tab_list tab_tit */
.shopping .tab_tit {display: flex; height: 60px; align-items: center; color: #222; border-bottom: 1px solid #222;}
.shopping .tab_list > .tab_tit {background-color: #222; color: #fff;}
.shopping .tab_list > .tab_tit div { font-size: 14px; }
.shopping .tab_tit div {flex: 1; font-size: 16px; font-weight: 700; line-height: 2em; text-align: center;}
.shopping .tab_tit .cart_detail:last-child, .table_box_btn { cursor: pointer; }
.shopping .tab_tit .seller {text-align: left; display: flex; align-items: center; gap: 15px;}
.shopping .tab_tit .seller i {display: block; width: 27px; height: 27px; margin-left: 15px; flex-shrink: 0;}
.shopping .tab_tit .seller span { word-break: break-word; line-height: 1.25em;  }
.shopping .tab_tit .seller i img {width: 100%; height: 100%; object-fit: none; object-position: center center;}
@media all and (max-width:1400px) {
	.shopping .sort_btn ul{row-gap: 20px;}
}
@media all and (max-width: 1000px) {
	.shopping .tab_tit .seller i {margin-left: 0;}
}

/*230725수정*/
@media all and (max-width: 767px) {
	.shopping .tab_tit{flex-wrap: wrap;}
	.shopping .tab_list {width: 100%;}
	.shopping .tab_list li{margin-bottom: 15px;}
	.shopping .tab_tit{height: auto; padding-top: 10px; border: 1px solid #ddd;}
	.shopping .tab_tit .seller{text-align: center; flex-direction: column; padding: 0 10px;}
	.shopping .tab_tit .cart_detail {padding: 0 10px; border-left: 1px solid #ddd;}
	.shopping .tab_list .table_box_btn{flex: 100%; margin-top: 10px; background-color: #ddd; padding: 7px 0;}
	.shopping .tab_list .table_box_btn:before{right: calc(50% - 50px) !important;}
}
/*Cart Item 추가_230725*/
@media all and (min-width: 768px) {
	.shopping .tab_tit .seller{flex: 3 !important;}
	.shopping .tab_tit .cart_detail {display: flex; flex: 5 !important;}
	.shopping .tab_wrap > .tab_list{border-top: 5px solid #f5960d;}
	.shopping .tab_list .table_box_btn{margin-left: -40px;}
	.shopping .tab_list .table_box_btn span{display: none;}
}
.shopping .tab_list .table_box_btn{color: #222; position: relative; font-weight: 400;}
.shopping .tab_list .table_box_btn:before {content: ''; width: 10px; height: 10px; border: 0; border-bottom: solid 1px #333; border-right: solid 1px #333; position: absolute; top: 50%; right: calc(50% - 30px); margin-top: -8px; transform: rotate(45deg);}
.shopping .tab_content .cart_item { display: flex !important; background-color: #f2f2f2; padding: 10px;}
.shopping .cart_item .cart_item_img{width: 70%; max-width: 150px;}
.shopping .cart_item .cart_item_info {width: 100%; margin-left: 10px; font-size: 14px; color: #222;}
.shopping .cart_item .cart_item_info ul li{margin-bottom: 5px;}
.shopping .cart_item .cart_item_info ul .item_name {border-bottom: 1px solid #ddd; padding-bottom: 7px;}
.shopping .cart_item .cart_item_info ul .item_name a {color: #222;}
.shopping .cart_item .cart_item_info ul span.table_cell_name{font-size: 14px !important; font-weight: 400; margin-right: 5px;}
.shopping .cart_item .cart_item_info ul .item_price {font-weight: 600; font-size: 16px; color: #dc3545;}
.shopping .tab_content .cart_item .cart_item_info .payment_btn { width: 150px; color: #fff; display: inline-block; font-size: 15px; line-height: 1.3;     text-align: center; margin-top: 5px;}
.shopping .tab_content .cart_item .cart_item_info .payment_btn.delete_btn {background-color: #000; color: #fff; margin-top: 4px;}


/* tab_list tab_content */
.shopping .payment_btn {display: inline-block; width: 220px; color: #fff; font-size: 13px; line-height: 1.3;}
.shopping .tab_content {display: none; border-bottom: 1px solid #000; overflow-y: auto;}
.shopping .tab_content table {width: 100%;}
.shopping .tab_content th {background-color: #d3d3d3; color: #222; font-size: 16px; line-height: 2em; font-weight: 400; height: 45px; text-align: center; padding: 10px; box-sizing: border-box;}
.shopping .tab_content th.cartClose {text-align: right; padding-right: 20px; box-sizing: border-box;}
.shopping .tab_content th.cartClose a {color: #222; font-size: 16px;}
.shopping .tab_content td {font-size: 16px; font-weight: 400; line-height: 1.625em; color: #222; text-align: center; padding: 10px; background-color: #f4f4f4; box-sizing: border-box;}
.shopping .tab_content td > a {font-size: 16px; color: #222;}
.shopping .tab_content td .num {padding: 0 10px; box-sizing: border-box;}
.shopping .tab_content td .img_box {width: 98px; height: 98px; margin: auto;}
.shopping .tab_content td .img_box img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.shopping .tab_content td.tit {text-align: left;}
.shopping .tab_content td.tit p span {display: inline-grid; }
.shopping .tab_content td.tit p span:nth-child(1) { width:100px; }
.shopping .tab_content td .payment_btn { width:155px; color: #fff; display: inline-block; font-size: 15px; line-height: 1.3; }
.shopping .tab_content td .payment_btn.edit_btn { background-color: #ca4e34; color: #fff; margin-top:4px; }
.shopping .tab_content td .payment_btn.delete_btn { background-color: #000; color: #fff; margin-top:4px; }

/* mypage warehouse */
.warehouse_wrap .table_box{	width: 100%;}
.warehouse_wrap .table_box .all_ck_box{display: flex;justify-content: flex-end; margin-bottom: 15px;}
.warehouse_wrap .table_box .all_ck_box label{display: flex; align-items: center;}
.warehouse_wrap .table_box .all_ck_box .txt{font-size:16px ; font-weight: 200; color: #222; letter-spacing: 0; margin-right: 10px; }
.warehouse_wrap .table_box input[type="checkbox"]{	appearance: none; width: 15px; height: 15px;border: 1px solid #222;}
.warehouse_wrap .table_box input[type="checkbox"]:checked{background: url("/img/front/ck_ion_b.png")no-repeat center center / contain;}
.warehouse_wrap .table_box table{width: 100%; table-layout: fixed; }
.warehouse_wrap .table_box thead{width: 100%;background: #222; font-size: 16px; font-weight: 700; color: #fff; line-height: 20px;}
.warehouse_wrap .table_box thead th div{display: flex;  height: 85px; padding: 15px 0;  align-items: center; justify-content: space-between; flex-direction: column; box-sizing: border-box; cursor: pointer;}
.warehouse_wrap .table_box thead th:not(:first-child) div::after{content: ""; display: block; width: 10px;height: 5px; background: url("/img/front/listup_ico.png")no-repeat center center; margin: 0 auto;}
.warehouse_wrap .table_box tbody tr{width: 100%;height: 60px; font-size:16px; font-weight: 200; letter-spacing: 0; border-bottom: 1px solid #222;text-align: center;color: #222; box-sizing: border-box; }
.warehouse_wrap .table_box tbody td.over .txt{color: #ca4e34; font-weight: 500;}
.warehouse_wrap .table_box tbody td.consolidated label{display: flex; align-items: center; justify-content: center;}
.warehouse_wrap .table_box tbody td.consolidated .txt{margin-left: 5px;}
.warehouse_wrap .table_box tbody td.cancel a{display: flex; align-items: center; justify-content: center; width: 135px; height: 38px; margin: 0 auto; background: #ca4e34; font-size: 14px; font-weight: 300; color: #fff;border-radius: 18px;box-sizing: border-box; }

.warehouse_wrap .info_box{display: flex;justify-content: flex-end; margin-top: 53px;}
.warehouse_wrap .info_box ul{font-size:18px ; color: #222; text-align: right; letter-spacing: 0;}
.warehouse_wrap .info_box ul li{display: flex; align-items: center; line-height: 48px;}
.warehouse_wrap .info_box ul li .tit{width: 320px; font-weight: 700;}
.warehouse_wrap .info_box ul li .txt{width: 150px; font-weight: 200;}

.warehouse_wrap .btn_wrap{margin-top: 60px;}

.warehouse_wrap .warnning_box{font-size: 16px; color: #ca4e34; line-height: 26px; margin-top: 40px; font-weight: 300;}
.warehouse_wrap .warnning_box .tit{font-weight:500 ;}
.warehouse_wrap .warnning_box .tit{font-weight:500 ;}
.warehouse_wrap .warnning_box .point{display: flex; align-items: flex-start;}
.warehouse_wrap .warnning_box .point::before{content: ""; display: block; width: 5px; height: 5px; background: #ca4e34; border-radius: 2.5px;  margin: 10px 10px 0 15px;}

@media  all and (max-width:1400px) {

	.warehouse_wrap .table_box .t_box{width: 100%; overflow-x: scroll; padding-bottom: 15px;}
	.warehouse_wrap .table_box .t_box::-webkit-scrollbar{height: 5px;}
	.warehouse_wrap .table_box .t_box::-webkit-scrollbar-thumb{background: #666;  border-radius: 3px;}
	.warehouse_wrap .table_box table{width: 1080px;}

}

@media  all and (max-width:1000px) {
	.warehouse_wrap .warnning_box .point::before{margin-left: 5px;}
	.warehouse_wrap .warnning_box .point .txt{width: calc(100% - 20px);}


}
/* mypage2_con (common) */
.mypage2_con {font-size: 0; letter-spacing: -4px;}
.mypage2_con .left_menu {display: inline-block; vertical-align: top; width: calc(22.86% - 20px); margin-right: 20px;}
.mypage2_con .left_menu .box {padding: 45px 25px; background: #f5f5f5; box-sizing: border-box; border-radius: 20px;}
.mypage2_con .left_menu .box + .box {margin-top: 20px;}
.mypage2_con .left_menu .box p.tit {color: #222222; font-weight: 500; font-size: 26px; letter-spacing: 0; margin-bottom: 20px;}
.mypage2_con .left_menu .box span.tit02 {color: #444444; font-weight: 400; font-size: 18px; letter-spacing: 0;}
.mypage2_con .left_menu .box > ul > li {position: relative;}
.mypage2_con .left_menu .box > ul > li.active > a{color:#c94a30; font-weight: 600;}
.mypage2_con .left_menu .box > ul > li > a {display: block; color: #444444; font-weight: 400; font-size: 18px; letter-spacing: 0; padding: 3px 0;}
.mypage2_con .left_menu .box > ul > li > a.big_text {display: block; color: #c94a30; font-weight: 600; font-size: 22px; letter-spacing: 0;text-align: center; margin-top: 45px;}
.mypage2_con .left_menu .box > ul > li:hover > a {color: #c94a30; }
.mypage2_con .left_menu .box > ul > li a:hover + .alert_ico {background: #c94a30; }
.mypage2_con .left_menu .box > ul > li:hover .category_sub {display: block;}
.mypage2_con .left_menu .tit{font-size:14px; color:#111;}
/* alert_ico */
.alert_ico{width: 19px; height: 19px; margin-left: 5px; display: inline-flex; align-items: center; justify-content: center; background: #222; color: #fff; font-size: 12px; letter-spacing: 0; border-radius: 50%;}
.cart_item_count{width: 20px; height: 20px; margin-left: 2px; display: inline-block; text-align: center; background: #ca4e34; color: #fff; font-size: 12px; line-height: 20px; letter-spacing: 0; border-radius: 50%;}

/* 20221213 left_menu depth02 추가 */
.mypage2_con .left_menu .depth02 {}
.mypage2_con .left_menu .depth02 li a {list-style: disc; font-size: 15px; line-height: 1.94em; letter-spacing: 0.025em; color: #444;}
.mypage2_con .left_menu .depth02 li:hover a {color: #c94a30;}
.mypage2_con .left_menu .depth02 li.on a { font-weight: 500; color: #c94a30; }
.mypage2_con .left_menu .depth02 li.on a + .alert_ico {background: #c94a30; }

.mypage2_con .right_content {display: inline-block; vertical-align: top; width: 77.14%; letter-spacing: 0;}
.mypage2_con .desc {margin-bottom: 15px;}
.mypage2_con .desc.txt_right {text-align: right;}
.mypage2_con .desc p {color: #999999; font-weight: 300; font-size: 14px; letter-spacing: 0;}
.mypage2_con .tab_select {margin-bottom: 40px;}
.mypage2_con .tab_select:after {content: ''; display: block; clear: both;}
.mypage2_con .tab_select .select_box {float: right; font-size: 0; letter-spacing: -4px;}
.mypage2_con .tab_select .select_box ul li {display: inline-block; vertical-align: top;}
.mypage2_con .tab_select .select_box ul li + li {margin-left: 6px;}
.mypage2_con.wishlist .sub_tit {margin-bottom: 30px;}
.mypage2_con.wishlist .sub_tabbtn {margin-top: 0; margin-bottom: 0;}

/*Wish list 추가 230726*/
.mypage2_con.wishlist .wish_shop_list {background-color: #f7f7f7; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; align-content: center;}
.mypage2_con.wishlist .wish_shop_list li{width: 16.666%; height: 50px; padding: 10px 0; border: 1px solid #ddd;}
.mypage2_con.wishlist .wish_shop_list li a{display: flex; justify-content: center; align-items: center; flex-wrap: nowrap;}
.mypage2_con.wishlist .wish_shop_list li .shop_name {font-size: 14px; color: #222; display: flex; align-items: center;}
.mypage2_con.wishlist .wish_shop_list li .shop_name i{padding: 0 5px;}
.mypage2_con.wishlist .wish_shop_list li .item_num {color: #f5950d; font-size: 16px; padding: 0 5px;}
.mypage2_con.wishlist .wish_shop_list li.active{background-color: #ddd;}
.mypage2_con.wishlist .table_body{padding: 10px; display: flex;}
.mypage2_con.wishlist .in_box label.type02{height: auto; margin-right: 5px;}
.mypage2_con.wishlist .table_body .wish_item_img{width: 100%; max-width: 200px; min-width: 200px;}
.mypage2_con.wishlist .table_body .wish_item_info ul{border: none; padding: 10px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.mypage2_con.wishlist .table_body .wish_item_info ul li{padding: 0 0 10px 0;}
.mypage2_con.wishlist .in_box.scroll .table_body .wish_item_info ul li{width: 100%;}
.mypage2_con.wishlist .in_box.scroll .table_body ul li:first-child{background: none;}
.mypage2_con.wishlist .in_box.scroll .table_body ul li.flex02 a{color: #222;}
.mypage2_con.wishlist .in_box a.bttn{max-width: 250px;}
@media all and (max-width: 1400px) {
	.mypage2_con.wishlist .wish_shop_list li{width: 33.3333%;}
}
@media all and (max-width: 640px) {
	.mypage2_con.wishlist .wish_shop_list li{width: 50%;}
	.mypage2_con.wishlist .top_line ul li + li.on .txt_box .bot_tit {margin: 15px calc(50% - 37.5vw) 0;}
	.mypage2_con.wishlist .in_box.scroll .table_body ul li.flex02 a{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
}
@media all and (max-width: 540px) {
	.mypage2_con.wishlist .table_body .wish_item_img{width: 100%; max-width: 150px; min-width: 150px;}
	.mypage2_con.wishlist .in_box.scroll .table_body .wish_item_info ul{padding-bottom: 10px;}
	.mypage2_con.wishlist .in_box.scroll .table_body .wish_item_info ul li{padding: 0;}
	.mypage2_con.wishlist .in_box.scroll .table_body ul li.flex02 a{-webkit-line-clamp: 2;}
	.mypage2_con.wishlist .in_box.scroll .table_body ul li.flex02{padding: 0; margin-bottom: 0;}
}
/*Wishlist Auction*/
.mypage2_con.wishlist .wish_shop_list.auction li{width: 33.333%}
@media all and (max-width: 640px) {
	.mypage2_con.wishlist .wish_shop_list.auction li:first-child{flex: 1;}
	.mypage2_con.wishlist .wish_shop_list.auction li{flex: 2;}
}

.mypage2_con .news h5,
.login_wrap .news h5 {font-size: 10px; margin-left: 20px; font-weight: 600;}
.mypage2_con .news strong a,
.login_wrap .news strong a { font-size: 12px; white-space:nowrap; margin:0 20px 0 15px; font-weight: 600; text-decoration: none; }
.mypage2_con .news .swiper-container,
.login_wrap .news .swiper-container { height: 48px; font-size: 13px; border-radius: 30px; }
.mypage2_con .news .swiper-container .swiper-slide a,
.login_wrap .news .swiper-container .swiper-slide a { font-size:13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.mypage2_con .news .swiper-container .swiper-scrollbar,
.login_wrap .news .swiper-container .swiper-scrollbar{ right: 78px; }

@media all and (max-width: 1400px) {
	.mypage2_con .left_menu {width: calc(22.4% - 20px);}
	.mypage2_con .left_menu .box {padding: 30px; border-radius: 0;}
	.mypage2_con .left_menu .box p.tit {font-size: 18px;}
	.mypage2_con .left_menu .box span.tit02 {font-size: 16px;}
	.mypage2_con .left_menu .box > ul > li > a {font-size: 16px;}
	.mypage2_con .right_content {width: 77.6%;}
}
@media all and (max-width: 1000px) {
	/*.mypage2_con{padding: 0 0 150px;} 20230227 */
	.mypage2_con .left_menu {display: none;}
	.mypage2_con .right_content {width: 100%;}
	.mypage2_con .tab_select .select_box {float: none; width: 100%; margin-top: 20px;}
	.mypage2_con .tab_select .select_box ul li {width: calc(50% - 6px);}
	.mypage2_con .tab_select .select_box ul li + li {margin-left: 12px;}
	.mypage2_con .tab_select .select_box ul li .select_custom04 {width: 100%;}

	.mypage2_con .news .swiper-container .swiper-slide a,
	.login_wrap .news .swiper-container .swiper-slide a {max-width: 700px;}
}

@media all and (max-width: 767px) {
	.mypage2_con .news .swiper-container .swiper-slide a,
	.login_wrap .news .swiper-container .swiper-slide a {max-width: 480px;}
}

@media all and (max-width: 560px) {
	.mypage2_con .news .swiper-container .swiper-slide a,
	.login_wrap .news .swiper-container .swiper-slide a {max-width: 256px;}
}

.mypage2_con .in_box + .in_box{margin-top: 60px;}
.mypage2_con .in_box .table_title {background-color: #222222; color:#ffffff; display: flex;align-items: center; box-sizing: border-box; letter-spacing: 0;}
.mypage2_con .in_box .table_title li{font-size: 16px; font-weight: 700; flex:1; text-align: center; padding:10px 0;}
.mypage2_con .in_box .table_title.type_align li{display: flex; align-items: center; justify-content: center; gap:9px; }
.mypage2_con .in_box.text_type02 .table_title li{font-size: 14px;}
.mypage2_con .in_box .table_body .table_box{display: none;}

.mypage2_con .in_box .table_body ul{display: flex;  align-items: flex-start; box-sizing: border-box; border-bottom: 1px solid #f2f2f2; letter-spacing: 0;}
.mypage2_con .in_box .table_body ul li { cursor: pointer; }
.mypage2_con .in_box .table_body.not_working ul{cursor:initial;}
.mypage2_con .in_box .table_body .table_box{border-bottom: 1px solid #888;}
.mypage2_con .in_box .table_body ul li{ color:#222222; font-weight: 400; font-size: 16px; text-align: center; padding: 10px; line-height: 1.428em;position: relative;}
.mypage2_con .in_box .table_body.table_list ul li{position: relative;}
.mypage2_con .in_box .table_body.table_list ul li:before{position: absolute; bottom: 0; left:0; width: 0; height: 5px; background: #f5950e; content: ''; transition: .5s;}
.mypage2_con .in_box .table_body.table_list ul li.active:before{width: 100%;}
.mypage2_con .in_box .table_body.table_list ul li:hover:before{width: 100%;}
.mypage2_con .in_box .table_body.table_list ul li { flex: 1;}
.mypage2_con .in_box.text_type02 .table_body ul li{font-size: 14px;}

/*추가*/
.in_box.scroll .table_body{margin-top: 20px; outline: 2px solid #f5f5f5; outline-offset: -1px;}
.mypage2_con .in_box .table_body ul{flex-wrap: wrap; justify-content: space-between;}
.mypage2_con .in_box.scroll .table_body ul li{width: 50%; text-align: left; cursor: default;}
.mypage2_con .in_box.scroll .table_body ul li:first-child { width: 100%; text-align: left; color: #fff; background-color: #222;}
.table_body .table_box_btn {position: relative; display: block; font-size: 18px; text-align: center; padding: 10px 0; color: #222; background-color: #c5c5c5;}
.table_body span.table_cell_name {font-size: 14px !important; color: #000; font-weight: bold; margin-right: 5px;}
.table_body .table_box_btn span:before {content: ''; width: 10px; height: 10px; border: 0; border-bottom: solid 1px #222; border-right: solid 1px #222; position: absolute; top: 50%; right: calc(50% - 50px); margin-top: -8px; transform: rotate(45deg);}
.table_body.active .table_box_btn span:before{content: ''; width: 10px; height: 10px; border: 0; border-bottom: none; border-top: solid 1px #222; border-right: solid 1px #222; position: absolute; top: 50%; right: calc(50% - 50px); margin-top: -3px; transform: rotate(-45deg);}
.mypage2_con .in_box.scroll .table_body ul li.status_check {width: 100%; min-height: 50px; display: flex; align-items: center; justify-content: flex-end; padding: 0 20px; background-color: #f5f5f5;}
.mypage2_con .in_box.scroll .table_body ul li.status_check a {max-width: 200px !important; line-height: 1.3;}
.mypage2_con .in_box.scroll .table_body ul li.status_check label span {width: auto; color: #f5950d; padding-left: 5px;}
.mypage2_con .in_box.scroll .table_body .order_num th {background-color: #888; padding: 5px 20px;}
.mypage2_con .in_box.scroll .table_body .order_num th {color: #fff; font-size: 17px; text-align: left;}
.mypage2_con .in_box.scroll .table_body .order_num th span{color: #fff;}
@media all and (max-width:540px){
	.mypage2_con .in_box.scroll .table_body ul li{width: 100%; padding: 0 15px; line-height: 1.7em;}
	.mypage2_con .in_box.scroll .table_body ul li:first-child{margin-bottom: 10px; padding: 10px 15px;}
}

/*payment_list 추가*/
.mypage2_con .in_box.scroll .table_body .payment_list ul li:first-child{background: none; color: #000; width: 50%;}
@media all and (max-width:540px){
	.mypage2_con .in_box.scroll .table_body .payment_list ul{padding: 10px 0;}
	.mypage2_con .in_box.scroll .table_body .payment_list ul li:first-child{margin-bottom: 0; padding: 0 15px;}
}

/*issue*/
.issue:before{width: 22px; height: 20px; position: absolute;  content: ''; z-index: 10;}
.issue01:before{left:-5px; top:10px; background: url(/img/front/shopping_img01.png)no-repeat center center /cover;}
.issue02:before {left:-10px; top:10px; width: 19px; height: 18px; background: url(/img/front/shopping_img02.png)no-repeat center center /cover;}
.issue_box{position: absolute; left:-208px; top:-34px; font-size: 14px; background: #222222; color:#ffffff; width: 191px; height: 120px; line-height: 1.428em; display: none; flex-direction:column; justify-content: center; align-items: center; z-index: 10;}
.issue_box .issue_tit{font-weight: 600;}
.issue:hover .issue_box{display: flex;}

.mypage2_con .in_box.nopadd .table_body ul li{padding: 10px 0;}

.mypage2_con .in_box a.bttn{width: 100%; border: none; border-radius: 20px; box-sizing: border-box; color:#ffffff; height:40px; font-size: 16px; display: flex; justify-content: center; align-items: center;}
.mypage2_con .in_box.text_type02 .table_body a.bttn{font-size: 14px;}
.mypage2_con .in_box a.bttn.red{background: #ca4e34;}
.mypage2_con .in_box a.bttn.orange{background: #f5960e;}

.mypage2_con .in_box .table_body ul li.red{color:#ca4e34}
.mypage2_con .in_box .table_body ul li.red span{font-size: 11px;}
.mypage2_con .in_box .table_body ul li.new{position: relative;}
.mypage2_con .in_box .table_body ul li.new::before{position: absolute; right:0; top:50%; transform: translateY(-50%); width: 25px; height: 25px; border-radius: 50%; background: #c94a30; content: 'N'; color:#ffffff; display: flex; align-items: center; justify-content: center;}
.mypage2_con .in_box .table_body ul li.new:hover:before{background: #f5950e;}

.mypage2_con .in_box label{display: flex; font-size: 16px; color: #222222; justify-content: space-between; gap: 2px; align-items: center; height: 40px; margin: 0;}
.mypage2_con .in_box label.type02{justify-content: center;}
.mypage2_con .in_box label[for="statusAll"]{justify-content: flex-end;}
.mypage2_con .in_box label input[type="checkbox"]{border: none; background: none; appearance:none; -webkit-appearance:none;}
.mypage2_con .in_box label input[type="checkbox"]:checked + p{background:url('/img/front/check_custom_img01_b_on.png') no-repeat center center / cover;}
.mypage2_con .in_box .table_body label span{width: calc(100% - 20px);}
.mypage2_con .in_box label p{display: inline-block; vertical-align: middle; width: 16px; height: 16px; background:url('/img/front/check_custom_img01_b.png') no-repeat center center / cover;}

/* 20230215 row_box 추가 */
.mypage2_con .in_box .row_box {display: flex; justify-content: flex-end; align-items: center; margin-bottom: 15px; gap: 10px;}
.mypage2_con .in_box .row_box .bttn {width: 100px;}
.mypage2_con .in_box .table_body.nocursor ul{cursor: unset;}


.mypage2_con .in_box table{width: 100%; text-align: center;table-layout: fixed;}
.mypage2_con .in_box table tr{background-color: #f4f4f4;}
.mypage2_con .in_box table tr.top th{background-color: #636363; color:#fff; font-size: 16px; letter-spacing: 0; line-height: 2em; font-weight: 700; height: 45px; box-sizing: border-box;text-align: left; text-indent: 22px;}
.mypage2_con .in_box table tr th{background-color: #dcdcdc; color:#222222; font-size: 16px; letter-spacing: 0; line-height: 2em; font-weight: 400; height: 45px; box-sizing: border-box;}
.mypage2_con .in_box table tr th.close_btn{cursor: pointer;}
.mypage2_con .in_box table tr td{font-size: 16px; letter-spacing: 0; color:#222222; font-weight: 400; padding:15px 5px;}
.mypage2_con .in_box table tr td span.blue{color: #0600ff;}
.mypage2_con .in_box table tr td span.red{color:#ca4e34;}
.mypage2_con .in_box table tr td.table_con{text-align: left;}
.mypage2_con .in_box table tr.top_cont .tit{font-size: 16px; letter-spacing: 0; color:#222222; font-weight: 700; font-family: "Noto Sans KR"; width: auto; margin-bottom:10px ;}
.mypage2_con .in_box table tr td .img_box{width:100%; height:100%; margin: 0 auto;}
.mypage2_con .in_box table tr td .img_box img{width:100%;}

.mypage2_con .in_box table tr td select{width: 100%; border-radius:16.1px ; padding: 5px; font-size: 14px;}

.mypage2_con .con_wrap .txt_box{color:#ca4e34; font-size: 16px; margin:30px 0;}
.mypage2_con .con_wrap .txt_box p{font-size: 18px; font-weight: 700; margin-bottom: 20px;}
.mypage2_con .con_wrap .txt_box li span{position: relative; margin-left: 10px; padding-left: 10px;}
.mypage2_con .con_wrap .txt_box li span:before{position: absolute; left:0; top:9px; width: 5px; height: 5px; border-radius: 50%; background: #ca4e34; content: '';}

.mypage2_con .con_wrap .price_box{font-size: 18px; color:#222222; text-align: right;}
.mypage2_con .con_wrap .price_box ul{display: flex; flex-direction: column; align-items: flex-end;}
.mypage2_con .con_wrap .price_box ul li{display: flex; justify-content: space-between; width: 450px;margin-top: 20px;}

.mypage2_con .con_wrap .price_box b{width: 320px; display: inline-block; font-weight: 700; letter-spacing: 0; }
.mypage2_con .con_wrap .price_box span{font-weight: 300;}

.mypage2_con .in_box ul li.flex02{flex:2;}
.mypage2_con .in_box ul li.flex03{flex:3;}

@media all and (max-width:1000px){
	.mypage2_con .in_box.scroll .table_title{min-width: 1000px;}
	/*.mypage2_con .in_box.scroll .table_body{min-width: 1000px;}*/
	.mypage2_con .in_box label{gap: 0;}
	.mypage2_con .in_box label[for="statusAll"]{}
	.mypage2_con .in_box .table_body ul li a.bttn{width: 95%;}
	.mypage2_con .in_box .table_title.type_align li{flex-wrap: wrap; gap: 0;}
}

/*num plus minus*/
.mypage2_con .qua_box input[type="number"]::-webkit-outer-spin-button,
.mypage2_con .qua_box input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/*Point given*/
.point_box span.p_given {margin: 0 5px; color: #dc3545;}
.point_box span.p_used {margin: 0 5px; color: #0600ff;}

.mypage2_con .qua_box{border: 1px solid #222222; border-radius: 20px; height: 40px; display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box;}
.mypage2_con .qua_box a{display: flex; padding: 5px;}
.mypage2_con .qua_box input{width: 50px; text-align: center; border: none; background-color: transparent;}

/*mypage*/
.mypage .sub_tit h3{display: flex; align-items: center; gap: 10px;}
.mypage .sub_con{display: flex; justify-content: space-between; flex-wrap: wrap;}
.mypage .sub_con .left.type01{width: 100%;}
.mypage .sub_con.type02 .left{display: flex; align-items: center; gap: 20px; margin-bottom: 30px; flex-wrap: wrap; width: 100%;}
.mypage .sub_con.type02 .right{margin-bottom: 30px;}
.mypage .sub_con .left p{font-size: 26px; color:#222222; letter-spacing: 0; display: flex; align-items: center; gap: 3px;}
.mypage .sub_con .left .select_box{font-size: 14px; width:160px; height: 40px; box-sizing: border-box; border: 1px solid #9c9c9c; border-radius: 20px; text-align: center; padding: 10px;}
.mypage .sub_con .left .date_box{font-size: 14px; color:#444444; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;} /*hyk수정*/
.mypage .sub_con .left .date_box input[type=date]{width: 180px; height:40px; box-sizing: border-box; border:1px solid #9c9c9c; border-radius: 20px; text-align: center; padding: 10px;}

.date_box{font-size: 14px; color:#444444; display: flex; align-items: center; gap: 10px;}
.date_box input[type=date]{width: 180px; height:40px; box-sizing: border-box; border:1px solid #9c9c9c; border-radius: 20px; text-align: center; padding: 10px;}

.mypage .sub_con .left p.tit{justify-content: space-between;}
.mypage .sub_con .left p .view{width: calc(100% - 335px); box-sizing: border-box; display: flex; justify-content: flex-end; border-bottom: 1px solid #7f7f7f;}
.mypage .sub_con .left p .view a{color:#222222; font-size: 14px; font-style: normal;}
.mypage .sub_con .right p{font-size: 18px; color:#f5950e; letter-spacing: 0;}
.mypage .sub_con .right b{font-size: 28px;}

.mypage .sub_con .table_box{width: 100%; margin-top: 30px;}
.mypage .sub_con .table_box .tr{display: flex; align-items: center; gap: 10px; width: fit-content;}
.mypage .sub_con .table_box .tr .td{font-size: 16px; padding: 5px; color:#666666;}
.mypage .sub_con .table_box .tr:hover .td{color:#c94a30; font-weight: 600;}
.mypage .sub_con .table_box .tr .new{width: 50px; box-sizing: border-box;}
.mypage .sub_con .table_box .tr .new span{background: #f5950e; color:#fff; font-size: 14px; border-radius: 11px; display: flex; justify-content: center; align-items: center; padding:3px;}

.mypage .btn_con{display: flex; justify-content: space-between; margin-bottom: 40px; flex-wrap: wrap; }
.mypage .btn_con.type02{justify-content: flex-end; align-items: center; gap: 20px;}
.mypage .btn_con.type02 .btn_wrap{margin-top:0;}
.mypage .btn_con.type02 p.txt{font-size: 16px; font-weight: 700; color:#222222;}
.mypage .btn_con .btn_wrap .btn{height: 60px; width: 220px; font-size: 16px; border-radius: 30px; font-weight: 700;}

.mypage .btn_con .btn_wrap .non_btn{background: transparent; border: 1px solid #9c9c9c; color:#444444; font-weight: 300;}

@media all and (max-width:1000px){
	.mypage .sub_con .left p{font-size: 22px;}
}

/*payment*/
.right_content .con_wrap.type01 .con_box .tit_box{border: 1px solid #222222;}
.right_content .con_wrap.type01 .con_box .tit_box.type02{border: none;}
.right_content .con_wrap.type01 .con_box .tit_box + .tit_box{margin-top: 40px;}

.tit_box.type01 .tit{font-size: 26px; letter-spacing: 0; padding:0 30px; height:70px; box-sizing: border-box; display: flex; align-items: center;}
.tit_box.type01 .tit.sb_box{justify-content: space-between;}
.tit_box.type01 .tit ~ .tit{border-top: 1px solid #222222;}
.tit_box.type01 .b_tit{color:#ffffff; font-weight: 700; background: #222222;}
.tit_box.type01 .g_tit{color:#222222; font-weight: 700; background: #d3d3d3;}
.tit_box.type01 .w_tit{color:#222222; font-size: 20px; font-weight: 600; background:#ffffff ;}
.tit_box.type01 .btn_tit .btn{ font-size: 20px; color:#222222; font-weight: 600;}
.tit_box.type01 .btn_tit .btn.o_btn{background: #f5950e; color:#ffffff; width: 150px; height: 46px; box-sizing: border-box; display: flex;justify-content: center; align-items: center; border-radius: 23px; font-weight: 400;}
.tit_box.type01 .btn_tit.type02{display: flex; justify-content: space-between;}

.sub_box.type01{display: none;}
.sub_box.type01.active{display: block;}

.sub_box.type01 .table_wrap{display: flex; flex-wrap: wrap; padding: 30px; border-top: 1px solid #222222; row-gap:20px; justify-content: space-between;}
.sub_box.type01 .tr{font-size: 18px; display: flex; color:#222222; align-items: center; box-sizing: border-box;}
.sub_box.type01 .tr.w100{width: 100%;}
.sub_box.type01 .tr.w100 .td:first-child{width: calc(27% - 25px); box-sizing: border-box;}
.sub_box.type01 .tr.w100 .td:last-child{width: calc(82% - 25px); box-sizing: border-box;}
.sub_box.type01 .tr.w100 .td.th270{width: 270px;}
.sub_box.type01 .tr.w100 .td.td270{width: calc(100% - 270px);}
.sub_box.type01 .tr.w100 .td.th250{width: 250px;}
.sub_box.type01 .tr.w100 .td.td250{width: calc(100% - 250px);}
.sub_box.type01 .tr.w100 .td.w420 input, .sub_box.type01 .tr.w100 .td.w420 .sel_box{width: 420px;}
.sub_box.type01 .tr.w100 .td.w33{display:flex; flex-wrap: wrap;}
.sub_box.type01 .tr.w100 .td.w33 .sel_box{width: calc(33.333% - 7px)}
.sub_box.type01 .tr.w100 .td.w50p > * {width: calc(50% - 4px)}
.sub_box.type01 .tr.w100 .td.w200{gap: 15px;}
.sub_box.type01 .tr.w100 .td.w200 input[type="text"], .sub_box.type01 .tr.w100 .td.w200 input[type="number"]{width: 200px;}
.sub_box.type01 .tr.w100 .td.w250 input[type="text"], .sub_box.type01 .tr.w100 .td.w200 input[type="number"]{width: calc(33.333% - 7px);}
.sub_box.type01 .tr.w100 .td.w250{gap: 10px;}
.sub_box.type01 .tr.w100 .td.w250 div{width: calc(33.333% - 7px);}
.sub_box.type01 .tr.w50{width: calc(50% - 25px);}
.sub_box.type01 .tr.w50 .td{width: 50%; box-sizing: border-box;}
.sub_box.type01 .tr.w50 .td.w25{display: flex; gap: 10px;}
.sub_box.type01 .tr.w50 .td.w25 input{width: calc(50% - 5px);}
.sub_box.type01 .tr .td input[type="text"],.sub_box.type01 .tr .td input[type="number"],.sub_box.type01 .tr .td input[type="password"], .sub_box.type01 .tr .td .sel_box{width: 100%; box-sizing: border-box; height: 60px; border-radius: 30px; border: none; background-color: #f5f5f5; padding: 10px 30px; }
select.sel_box{-webkit-appearance:none; background-image: url(/img/front/dejapan_select_btn.png); background-position: center right 30px; background-repeat: no-repeat;}
.sub_box.type01 .tr .td.w25 .sel_box{padding: 10px 20px; background-position: center right 20px;}
.sub_box.type01 .btn_wrap{margin:30px 0 40px;}

.btn_wrap .btn.save_btn{height: 60px; width: 150px;}

/* 20230215 라디오 박스 교체 */
.sub_box.type01 .radio_box label {display: flex; align-items: center; gap: 10px;}

@media all and (max-width:1000px){
	.tit_box.type01 .tit{padding: 0 15px;}
	.sub_box.type01 .tr.w50{width: 100%;}
	.sub_box.type01 .tr.w100{flex-direction: column; align-items: unset; row-gap: 20px;}
	.sub_box.type01 .tr.w100 .td.td270{width: 100%;}
	.sub_box.type01 .tr.w100 .td.w420 input, .sub_box.type01 .tr.w100 .td.w420 .sel_box{width: 100%;}

	.sub_box.type01 .tr.w100 .td.td250{width: 100%;}
	.sub_box.type01 .tr.w100 .td.w250 .radio_box.type01{width:calc(50% - 5px)}
	.sub_box.type01 .tr.w100 .td:last-child{width: 100%;}
}


.radio_box p {display: inline-block; vertical-align: middle; width: 22px; height: 22px; background: url('/img/front/check_custom_img01_b.png') no-repeat; margin-right: 10px;}
.radio_box input[type="radio"]:checked + p {background: url('/img/front/check_custom_img01_b_on.png') no-repeat;}


.radio_box p.radio {border-radius: 50%; border: 1px solid #000; background: none;}
.radio_box input[type="radio"]:checked + p.radio {border-radius: 50%; background: url('/img/front/ck_ion_b.png') no-repeat center center;}



.chat_cont{padding:60px 50px; border-bottom: 1px solid #222222; display: none;}
.chat_cont .chat_bot + .chat_bot{margin-top: 40px;}
.chat_cont .chat_wrap{height: 500px; overflow-y: scroll; display: flex; flex-direction: column-reverse;}
.chat_cont .chat_wrap::-webkit-scrollbar { background-color: #fff; width: 1rem; }
.chat_cont .chat_wrap::-webkit-scrollbar-thumb { height: 15%; background-color: #babac0; border-radius: 1rem; border: 4px solid #fff; }
.chat_cont .chat_wrap .chat_box{background: #f5f5f5; border-radius: 35px; padding: 10px; display: flex; gap: 35px; margin-bottom: 60px;}
.chat_cont .chat_wrap .chat_box + .chat_box{margin-top: 30px;}
.chat_cont .chat_wrap .chat_box .chat{font-size: 16px; color:#222222; letter-spacing: 0; padding: 15px 0; font-weight: 400;}

.chat_cont .chat_wrap .chat_box.cs_team{justify-content: flex-start; width: 80%; clear: both; background: #fde4c1;}
.chat_cont .chat_wrap .chat_box.cs_team .img_box{order:1;}
.chat_cont .chat_wrap .chat_box.cs_team .chat{order:2;}
.chat_cont .chat_wrap .chat_box.cs_user{justify-content: flex-end; width: 80%; margin-left: auto; background: #ff7a5f;}
.chat_cont .chat_wrap .chat_box.cs_user .img_box{order:2;}
.chat_cont .chat_wrap .chat_box.cs_user .chat{order:1;}

.chat_cont .in_box.type03 .table_title{align-items: center; justify-content: space-between;}
.chat_cont .in_box.type03 .table_title .img_box a{display: flex; align-items: center;  font-size: 16px; color:#ffffff; justify-content: center; gap:10px;}
.chat_cont .in_box.type03 label{color:#ffffff; justify-content: center; gap: 10px;}
.chat_cont .in_box.type03 label span{width: auto;}
.mypage2_con .chat_cont .check_custom p{width: 22px; height: 22px; background:url('/img/front/check_custom_img01.png') no-repeat;}
.mypage2_con .chat_cont .check_custom input[type="checkbox"]:checked + p{ background:url('/img/front/check_custom_img01_on.png') no-repeat;}
.chat_cont .input_box input[type="text"]{width: 100%; height: 40px; border-radius: 20px; box-sizing: border-box; padding: 0 15px;}

.chat_cont .input_box textarea{resize: none; width: 100%; height: 40px; border-radius: 20px; box-sizing: border-box; padding: 5px 15px;}
.chat_cont .btn{font-size: 16px; color:#fff; background: #f5950e; height: 40px; box-sizing: border-box; width: 100px; border-radius: 20px; display: flex; justify-content: center; align-items: center; margin:0 auto;}


@media all and (max-width:1000px){
	.chat_cont{width: 90%;}
}

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

* Thank You *

*---------------------------------------------------------------*/
.thank_con01 .inner {display: flex; height: 675px; align-items: center; justify-content: center;}
.thank_con01 .center {text-align: center;}
.thank_con01 .center .img_box {width: 100%; max-width: 333px; margin: auto;}
.thank_con01 .center .img_box img {width: 100%;}
.thank_con01 .center p {font-weight: 500; font-size: 36px; line-height: 1em; color: #222; margin-top: 40px;}
.thank_con01 .center p:not(.close_account) {text-transform: uppercase;}
.thank_con01 .row span { font-size: 20px; font-weight: normal; color:#000; }
.thank_con01 .btn_wrap {display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.thank_con01 .btn_wrap .btn{display: flex; align-items: center; justify-content: center; width: 300px; height: 80px; border-radius: 40px;font-size:24px ; font-weight: 500; cursor: pointer;}
.thank_con01 .btn_wrap .back_btn{background: #cfcfcf; color: #222222;}




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

* News & Announcement *

--------------------------------------------------------*/
.news_con{padding-bottom: 150px;}
.news_con ul li {cursor: pointer; font-size: 0; letter-spacing: -4px; line-height: 2.2;}
.news_con ul li .tag {display: inline-block; vertical-align: middle; width: 49px; height: 22px;}
.news_con ul li .tag span {display: inline-block; width: 100%; height: 100%; background: #f5950e; border-radius: 11px; text-align: center; color: #fff; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 22px;}
.news_con ul li .date {display: inline-block; vertical-align: middle; width: 104px; text-align: center; padding: 0 10px; box-sizing: border-box; color: #666666; font-weight: 400; font-size: 16px; letter-spacing: 0;}
.news_con ul li .title {display: inline-block; vertical-align: middle; width: calc(100% - 153px); padding-left: 14px; box-sizing: border-box; color: #666666; font-weight: 400; font-size: 16px; letter-spacing: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_con ul li:hover .date {color: #c94a30; font-weight: 600;}
.news_con ul li:hover .title {color: #c94a30; font-weight: 600;}



/* 카드추가 팝업 수정 */
/*
 * jw 20230303
.pop_cont .table_wrap{display: flex; flex-wrap: wrap; padding: 30px; row-gap:20px; justify-content: space-between;}
.pop_cont .tr{font-size: 18px; display: flex; color:#222222; align-items: center; box-sizing: border-box;}
.pop_cont .tr.w100{width: 100%;}
.pop_cont .tr.w100 .td:first-child{width: calc(27% - 25px); box-sizing: border-box;}
.pop_cont .tr.w100 .td:last-child{width: calc(82% - 25px); box-sizing: border-box;}
.pop_cont .tr.w100 .td.th270{width: 270px;}
.pop_cont .tr.w100 .td.td270{width: calc(100% - 270px);}
.pop_cont .tr.w100 .td.th250{width: 250px;}
.pop_cont .tr.w100 .td.td250{width: calc(100% - 250px);}
.pop_cont .tr.w100 .td.w420 input, .pop_cont .tr.w100 .td.w420 .sel_box{width: 420px;}
.pop_cont .tr.w100 .td.w33{display:flex; flex-wrap: wrap;}
.pop_cont .tr.w100 .td.w33 .sel_box{width: calc(33.333% - 7px)}
.pop_cont .tr.w100 .td.w200{gap: 15px;}
.pop_cont .tr.w100 .td.w200 input[type="text"], .pop_cont .tr.w100 .td.w200 input[type="number"]{width: 200px;}
.pop_cont .tr.w100 .td.w250 input[type="text"], .pop_cont .tr.w100 .td.w200 input[type="number"]{width: calc(33.333% - 7px);}
.pop_cont .tr.w100 .td.w250{gap: 10px;}
.pop_cont .tr.w100 .td.w250 div{width: calc(33.333% - 7px);}
.pop_cont .tr.w50{width: calc(50% - 25px);}
.pop_cont .tr.w50 .td{width: 50%; box-sizing: border-box;}
.pop_cont .tr.w50 .td.w25{display: flex; gap: 10px;}
.pop_cont .tr.w50 .td.w25 input{width: calc(50% - 5px);}
.pop_cont .tr .td input[type="text"], .pop_cont .tr .td input[type="tel"], .pop_cont .tr .td input[type="number"], .pop_cont .tr .td input[type="password"], .pop_cont .tr .td .sel_box{ box-sizing: border-box; height: 60px; border-radius: 30px; border: none; background-color: #f5f5f5; padding: 10px 30px; }
select.sel_box{-webkit-appearance:none; background-image: url(/img/front/dejapan_select_btn.png); background-position: center right 30px; background-repeat: no-repeat;}
.pop_cont .tr .td.w25 .sel_box{padding: 10px 20px; background-position: center right 20px;}
 */
.pop_cont .btn_wrap{ margin:20px 0; }
.pop_cont .agree_wrap{ margin-top: 40px; display: flex; justify-content: center;}
.pop_cont .agree_wrap label{ display: flex; align-items: center;}
.pop_cont .agree_wrap input[type=checkbox]{ appearance: none; display: inline-block; width: 22px; height: 22px; border: 2px solid #919191; margin-right: 10px;}
.pop_cont .agree_wrap input[type=checkbox]:checked{ background: url("/img/front/ck_ion.png")no-repeat center center;}


/**
 * jw 20230303
 */
#popupCreditCard .modal-content { padding: 10px; }
#popupCreditCard .modal-content .form-control { color: initial; font-size: initial; }
#popupCreditCard .row { font-size: 18px; display: flex; color:#222222; align-items: center; box-sizing: border-box; padding: 10px; }
#popupCreditCard .row input[type="text"], #popupCreditCard .row input[type="tel"], #popupCreditCard .row input[type="number"], #popupCreditCard .row input[type="password"], #popupCreditCard .row .sel_box{ box-sizing: border-box; height: 60px; border-radius: 20px; border: none; background-color: #f5f5f5; padding: 10px 20px; }

#popupAddressBook .modal-content { padding: 10px; }
#popupAddressBook .modal-content .form-control { color: initial; font-size: initial; }
#popupAddressBook .row { font-size: 18px; display: flex; color:#222222; align-items: center; box-sizing: border-box; padding: 10px; }
#popupAddressBook .row input[type="text"], #popupAddressBook .row input[type="tel"], #popupAddressBook .row input[type="number"], #popupAddressBook .row input[type="password"], #popupAddressBook .row .sel_box{ box-sizing: border-box; height: 60px; border-radius: 30px; border: none; background-color: #f5f5f5; padding: 10px 30px; }

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

* The User Rank Program *

--------------------------------------------------------*/
[class *= "rank_con"] .desc_list {margin: 0;}
[class *= "rank_con"] * + .desc_list {margin-top: 30px;}
[class *= "rank_con"] .desc {padding: 0;}
[class *= "rank_con"] .desc p a {color: #0600ff; font-size: inherit;}

.rank_con01 {padding-bottom: 150px;}
.rank_con01 .table_box {width: 100%; overflow-x: auto; box-sizing: border-box;}
.rank_con01 table {width: 100%; border: 1px solid #000; table-layout: fixed; border-collapse: separate;}
.rank_con01 table.scroll_fixed {width: 1400px;}
.rank_con01 table.scroll_fixed td {padding: 0;}
.rank_con01 table th {background-color: #000; height: 60px;}
.rank_con01 table th p {font-weight: 700; font-size: 16px; line-height: 1.25em; color: #fff;}
.rank_con01 table th span {font-weight: 300; font-size: 14px; line-height: 1.43em; color: #fff;}
.rank_con01 table td {text-align: center; padding: 30px 0;}
.rank_con01 table td .icon_box {max-width: 85px; margin: auto;}
.rank_con01 table td .icon_box img {width: 100%;}
.rank_con01 table td p {font-weight: 300; font-size: 16px; color: #222;}


/* 테이블 보더 */
.rank_con01 table th + th {border-left: 1px solid #fff;}
.rank_con01 table td {border-bottom: 1px solid #000;}
.rank_con01 table td + td {border-left: 1px solid #000;}

.rank_con01 table td.now {border: 5px solid #f5950e;}
.rank_con01 table td.now span {color: #f5950e;}
.rank_con01 table td.range {border-top: 2px solid #ca4e34; border-bottom: 2px solid #ca4e34;}
.rank_con01 table td.range.start {border-left: 2px solid #ca4e34;}

@media all and (max-width: 1000px) {
	.rank_con01 table td {white-space: nowrap;}
	.rank_con01 table {width: 1400px;}
}


/* 20230526 신규 작업 */
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Combination Service *

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* common */
.combination img.mo {display: none;}
/* common responsive */
@media all and (max-width: 767px) {
	.combination img.mo {display: block;}
	.combination img.pc {display: none;}
}
/* row01 */
.combination .con01 .row01 .dot_list {color: #666; font-size: 16px; line-height: 1.625em;}
.combination .con01 .row01 .img_box {margin-top: 30px;}
.combination .con01 .row01 .img_box img {width: 100%; max-width: fit-content;}
/* row02 */
.combination .con01 .row02 .dot_list {font-weight: 700; color: #222;}
.combination .con01 .row02 .dot_list > li + li {margin-top: 35px;}
.combination .con01 .row02 .bar_list {font-weight: 300; color: #666; font-size: 16px; line-height: 1.625em;}
.combination .con01 .row02 .exam_box {width: 100%; max-width: 900px; margin: auto; border-radius: 20px; box-sizing: border-box; overflow: hidden; display: flex; border: 1px solid #dcdcdc; margin-top: 40px;}
.combination .con01 .row02 .exam_box .left {width: 35%; flex-shrink: 0; background-color: #ca4e34; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 30px; box-sizing: border-box;}
.combination .con01 .row02 .exam_box .left .tit {margin-bottom: 20px;}
.combination .con01 .row02 .exam_box .left .tit p {font-weight: 700; font-size: 16px;}
.combination .con01 .row02 .exam_box .left .tit h3 {font-weight: 700; font-size: 48px; line-height: 1em;}
.combination .con01 .row02 .exam_box .left .tit h3 span {color: #f5950e;}
.combination .con01 .row02 .exam_box .left .desc {margin-top: 20px;}
.combination .con01 .row02 .exam_box .left .desc p {font-weight: 300; font-size: 16px;}
.combination .con01 .row02 .exam_box .right {width: 65%;}
.combination .con01 .row02 .exam_box ul {height: 100%;}
.combination .con01 .row02 .exam_box ul li {position: relative; display: flex; align-items: center; justify-content: center; gap: 30px;}
.combination .con01 .row02 .exam_box ul li i {position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 50%; border: 6px solid #fff; background-color: #fef4e8;}
.combination .con01 .row02 .exam_box ul li i img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: fit-content;}
.combination .con01 .row02 .exam_box ul li + li {border-top: 1px solid #dcdcdc;}
.combination .con01 .row02 .exam_box ul.item03 li {height: 33.3333%;}
.combination .con01 .row02 .exam_box ul.item02 li {height: 50%;}
.combination .con01 .row02 .exam_box ul li .img_box {width: 100%; aspect-ratio: 1/1; max-width: 110px; position: relative;}
.combination .con01 .row02 .exam_box ul li .img_box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: fit-content;}
.combination .con01 .row02 .exam_box ul li .txt_box p {font-weight: 700; font-size: 16px; line-height: 1.625em;}
.combination .con01 .row02 .exam_box ul li .txt_box p span {font-weight: 300; color: #0024ff; text-decoration: underline;}
@media all and (max-width: 900px) {
	.combination .con01 .row02 .exam_box ul li i {position: absolute; top: 0; left: 50%;}
	.combination .con01 .row02 .exam_box {flex-wrap: wrap;}
	.combination .con01 .row02 .exam_box .left,
	.combination .con01 .row02 .exam_box .right {width: 100%;}
	.combination .con01 .row02 .exam_box ul li {flex-direction: column; padding: 30px;}
}
/* row03 */
.combination .con01 .row03 .item_list li {width: 33.3333%;}
/* row03 responsive */
@media all and (max-width: 767px) {
	.combination .con01 .row03 .item_list li {width: 100%;}
	.combination .con01 .row03 .item_list li + li {border-left: 1px solid #000; border-top: none;}
}
/* row04 */
.combination .con01 .row04 .con_box > ul > li + li {margin-top: 5px;}
.combination .con01 .row04 .dot_list {font-size: 16px; line-height: 2em; color: #222;}
.combination .con01 .row04 .dot_list li > ul {line-height: 1.625em; color: #666;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Packing options *

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* common */
.packing .con01 {font-size: 16px; line-height: 1.625em; color: #222;}
/* row01 */
.packing .con01 .row01 .item_list {margin-top: 20px; margin-bottom: 20px;}
.packing .con01 .row01 .item_list li {width: 20%;}
.packing .con01 .row01 .dot_list {font-weight: 700; font-size: 16px; line-height: 1em;}
.packing .con01 .row01 .dot_list li {margin-top: 15px;}
.packing .con01 .row01 .dot_list p > span {font-weight: 200;}
.packing .con01 .row01 .dot_list span {font-weight: 300; font-size: 16px; line-height: 1.625em; color: #666;}
@media all and (max-width: 767px) {
	.packing .con01 .row01 .item_list {justify-content: center;}
	.packing .con01 .row01 .item_list li {width: 33.3333%;}
	.packing .con01 .row01 .item_list li:nth-child(4n) {border-left: 1px solid #000;}
	.packing .con01 .row01 .item_list li:nth-child(n+4) {border-top: none;}
}

@media all and (max-width: 560px) {
	.packing .con01 .row01 .item_list {justify-content: flex-start;}
	.packing .con01 .row01 .item_list li {width: 50%;}
	.packing .con01 .row01 .item_list li:nth-child(2n + 1) {border-left: 1px solid #000;}
	.packing .con01 .row01 .item_list li:nth-child(4n) {border-left: none;}
	.packing .con01 .row01 .item_list li:nth-child(n+3) {border-top: none;}
}
/* row02 */
.packing .con01 .row02 .dot_list {font-size: 16px; line-height: 2em; color: #222;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * International Shipping *

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.shipping .con01 {font-size: 16px; line-height: 1.625em; color: #222;}
.shipping .con01 .con_box p {line-height: 2em;}
/* icon */
.shipping .con01 i {display: inline-block; width: 30px; height: 30px; background: no-repeat center center / contain; margin-right: 10px;}
.shipping .con01 i.japan {background-image: url(/img/front/japan-post.png);}
.shipping .con01 i.dhl {background-image: url(/img/front/dhl.png);}
.shipping .con01 i.ups {background-image: url(/img/front/ups.png);}
.shipping .con01 i.fedex {background-image: url(/img/front/fedex.png);}
.shipping .con01 i.yamato {background-image: url(/img/front/yamato.png);}
/* row01 */
.shipping .con01 .row01 .dot_list {line-height: 1.625em; margin-top: 10px;}
.shipping .con01 .row01 table {margin-top: 20px;}
.shipping .con01 .row01 table tr + tr {border-top: 1px solid #000;}
.shipping .con01 .row01 table tr > th + th {border-left: 1px solid #fff;}
.shipping .con01 .row01 table tr > td + td {border-left: 1px solid #000;}
.shipping .con01 .row01 table td {text-align: center;}
.shipping .con01 .row01 table td > * {vertical-align:  middle;}

@media all and (max-width: 870px) {
	.shipping .con01 .row01 table {width: 870px;}
}
/* row02 */
.shipping .con01 .row02 .logo_list li {width: 25%;}


@media all and (max-width: 767px) {
	.shipping .con01 .row02 .logo_list li {width: 50%;}
	.shipping .con01 .row02 .logo_list li:nth-child(2n + 1) {border-left: 1px solid #000;}
	.shipping .con01 .row02 .logo_list li:nth-child(n+3) {border-top: none;}
}
/* row03 */
.shipping .con01 .row03 .dot_list {line-height: 1.625em;}
.shipping .con01 .row03 .dot_list li > .dot_list {color: #666;}
.shipping .con01 .row03 .con_box > .dot_list > li + li {margin-top: 10px;}
.shipping .con01 .row03 .img_box img {width: 100%; max-width: fit-content;}
/* row04 */
.shipping .con01 .row04 .dot_list {line-height: 1.625em;}
/* row05 */
.shipping .con01 .row05 .table_wrap {margin: 20px 0;}
.shipping .con01 .row05 .note {color: #f11;}
@media all and (max-width: 1100px) {
	.shipping .con01 .row05 i {display: block; margin: auto;}
}
@media all and (max-width: 900px) {
	.shipping .con01 .row05 table {width: 900px;}
}
/* row06 */
.shipping .con01 .row06 .con_box p {line-height: 1.625em;}
.shipping .con01 .row06 .note {color: #f11;}
.shipping .con01 .row06 .dot_list {line-height: 1.625em; margin-top: 15px;}
.shipping .con01 .row06 .logo_list li {width: 100%;}
/* row07 */
.shipping .con01 .row07 .dot_list {line-height: 1.625em;}
.shipping .con01 .row07 .dot_list .dot_list {color: #666; line-height: 1.625em;}
.shipping .con01 .row07 .con_box > .dot_list > li {margin-top: 5px;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Fees and Charges *

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* common */
.fees .con_box {line-height: 1.625em;}
.fees .con01 .scroll_wrap  {overflow-y: auto;}
.fees .note span {font-weight: 300; font-size: 16px; color: #666;}
.fees .step_list {padding-bottom: 115px;}
.fees .step_list li .arrow {position: absolute; top: calc(100% + 15px); z-index: 1;}
.fees .step_list li .arrow.left {left: 50%;}
.fees .step_list li .arrow.right {right: 50%;}
/* line */
.fees .step_list li:first-child .img_box {position: relative;}
.fees .step_list li:first-child .img_box::before {width: 1400px;}
/* row01 */
.fees .row01 .scroll_wrap {margin-top: 15px;}
.fees .row01 table .dot_list {font-weight: 300; font-size: 16px; line-height: 2em;}
.fees .row01 table .dot_list li::marker {color: #666;}
.fees .row01 table td {padding: 20px 30px; box-sizing: border-box;}
/* row03 */
.fees .row03 table > * {text-align: center; padding: 10px; box-sizing: border-box; line-height: 1.5em;}
.fees .row03 .scroll_wrap {margin-top: 15px;}
/* row05 */
.fees :is(.row05, .row06) .img_box {margin: 15px 0;}
.fees :is(.row05, .row06) .img_box img {width: 100%; max-width: fit-content;}
.fees .row05 table {margin-top: 15px;}
.fees .row05 table td {text-align: left;}
.fees .row05 table td p + p {margin-top: 40px;}
/* row08 */
.fees .row08 .dot_list {font-weight: 700; font-size: 16px; line-height: 1em;}
.fees .row08 .dot_list li {margin: 15px 0;}
.fees .row08 .dot_list p > span {font-weight: 200;}
.fees .row08 .dot_list span {font-weight: 300; font-size: 16px; line-height: 1.625em; color: #666;}
/* row09 */
.fees .row09 .scroll_wrap {max-width: unset; margin-top: 30px;}
.fees .row09 .scroll_wrap .img_box {width: 100%;}
.fees .row09 .scroll_wrap img {width: 100%; max-width: fit-content;}

@media all and (max-width: 1024px) {
	.fees .row09 .scroll_wrap {max-width: 1024px;}
	.fees .row09 .scroll_wrap .img_box {width: 1024px;}
}

@media all and (max-width: 900px) {
	.fees .con01 .scroll_wrap {max-width: 900px;}
	.fees .con01 .scroll_wrap > * {width: 900px;}
}

/* row16 */
.fees .row16 .dot_list {font-weight: 700; font-size: 16px; line-height: 1em;}
.fees .row16 .dot_list li {margin: 15px 0;}
.fees .row16 .dot_list p > span {font-weight: 200;}
.fees .row16 .dot_list span {font-weight: 300; font-size: 16px; line-height: 1.625em; color: #666;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Usage Guide *

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/* common */
.guide .con_box {line-height: 1.625em;}
.guide .dot_list.ver01 > li {padding-left: 4.25em; font-weight: 300; color: #666;}
.guide .dot_list.ver01 > li + li {margin-top: 40px;}
.guide .dot_list.ver01 > li::marker {color: #222;}
.guide .dot_list.ver01 > li b {font-weight: 700; color: #222;}
.guide .dot_list.ver01 > li p {margin-left: -4.25em; font-weight: 400; color: #222;}
/* row01 */
.guide .row01 .txt + .txt {margin-top: 40px;}
.guide .row01 .dot_list {margin-left: 30px;}
.guide .row01 .dot_list li::marker {color: #666;}
.guide .row01 .scroll_wrap {overflow-x: auto;}
.guide .row01 .step_list { margin-top: 15px;}
.guide .row01 .step_list .img_box {cursor: pointer;}
.guide .row01 .step_list .tri {width: 31px; height: 55px; background: url(/img/front/bubble_tri.png) no-repeat center top / contain; margin: 20px auto -5px; display: none;}
.guide .row01 .step_list .desc {display: none;}
.guide .row01 .step_list li.on .tri {display: block;}
.guide .row01 .desc_box { min-height: 165px; background-color: #f5971e; border-radius: 30px; padding: 30px; box-sizing: border-box; margin-bottom: 15px;}
/* row02 */
.guide :is(.row02, .row03, .row04) .dot_list.ver01 > li::marker {font-size: 20px;}
.guide :is(.row02, .row03, .row04) .dot_list.ver01 > li p {font-weight: 700;}
.guide .row02 .txt {padding: 20px 30px; box-sizing: border-box;}
.guide .row02 .txt b.red {background-color: #ca4e34; color: #fff;}
.guide .row02 .txt b.blue {background-color: #3c78d8; color: #fff;}
.guide .row02 .txt b.yellow {background-color: #f5950e; color: #fff;}
.guide .row02 .dot_list .red {color: #f00;}



/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * about *

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.about #header {margin-bottom: -35px;}
.about .head {display: flex; align-items: center; justify-content: center; height: 540px; background: url(/img/front/about_heading_all.png) no-repeat center top / cover; text-align: center;margin-top: -45px;}
.about .head.yahoo {background-image: url(/img/front/about_heading_acution.png);}
.about .head.rakuten {background-image: url(/img/front/about_heading_rakuten.png);}
.about .head.rakuma {background-image: url(/img/front/about_heading_fril.png);}
.about .head.surugaya {background-image: url(/img/front/about_heading_suruga.png);}
.about .head.yahoo-shopping {background-image: url(/img/front/about_heading_shop.png);}
.about .head img {width: 100%; max-width: fit-content;}
.about .head p {margin: auto; font-weight: 500; font-size: 20px; line-height: 1.7em; color: #fff; margin-top: 35px;}

.about .con01 {color: #222; font-size: 18px; line-height: 1.78em;}
.about .con01 .heading {text-align: center;}
.about .con01 .heading .sub_tit {text-align: center;}
.about .con01 ul li {display: flex; align-items: center; gap: 50px; margin-top: 115px;}
.about .con01 ul li > * {width: calc(50% - 25px);}
.about .con01 ul li .txt_box {padding: 0 70px; box-sizing: border-box;}
.about .con01 ul li .txt_box i {display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 10px; background-color: #c94a30; color: #fff; font-weight: 600; font-size: 18px; line-height: 1em; font-style: normal;}
.about .con01 ul li .txt_box h5 {font-weight: 600; font-size: 38px; line-height: 1.2em; margin-top: 20px;}
.about .con01 ul li .img_box {text-align: left;}
.about .con01 ul li .img_box img {width: 100%; max-width: fit-content;}

/* 짝수행 */
.about .con01 ul li:nth-child(even) .txt_box {order: 1;}
.about .con01 ul li:nth-child(even) .img_box {text-align: right;}

@media all and (max-width: 1024px) {
	.about .con01 ul li .txt_box {padding: 0;}
}

@media all and (max-width: 767px) {
	.about .con01 ul li {flex-wrap: wrap;}
	.about .con01 ul li > * {width: 100%;}
	.about .con01 ul li .img_box {text-align: center;}

	/* 짝수행 */
	.about .con01 ul li:nth-child(even) .txt_box {order: 0;}
	.about .con01 ul li:nth-child(even) .img_box {text-align: center;}
}

.about .con02 .title {display: flex; align-items: center; justify-content: center; text-align: center; height: 80px; border-radius: 40px; margin: auto; margin-bottom: 40px; position: relative;}
.about .con02 .title::before {content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 3px; height: 40px;}
.about .con02 .title h5 {font-weight: 700; font-size: 20px; line-height: 1.4em; color: #000;}
.about .con02 .label_box {font-weight: 300; font-size: 16px; line-height: 1.75em; color: #666; text-align: center; position: relative; padding-top: 15px; box-sizing: border-box;}
.about .con02 .label_box::before {content: ''; position: absolute; width: 12px; height: 12px; border-radius: 50%; top: 0; left: 50%; transform: translateX(-50%);}
.about .con02 .label_box span {display: block; font-style: italic; color: #222; font-weight: 500;}
.about .con02 .label_box b {font-weight: 700;}
.about .con02 .row03 .flex_wrap {display: flex; gap: 35px; max-width: 770px; margin: auto; position: relative;}
.about .con02 .row03 .flex_wrap::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 3px; width: calc(66.6666% + 24px); background-color: #c94a30;}
.about .con02 .row03 .flex_wrap > * {width: calc(33.4% - 24px);}
.about .con02 .row03 .label_box {margin-top: 40px;}
.about .con02 .row03 .label_box p {margin-top: 15px;}
.about .con02 .row03 .label_box::after {content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 3px; height: 40px;}

/* 색상 */
.about .con02 .yellow .title {background-color: #ffd52b; max-width: 290px;}
.about .con02 .yellow .title::before {background-color: #ffd52b;}
.about .con02 .yellow .label_box::before {background-color: #ffd52b;}
.about .con02 .orange .title {background-color: #ff8605; max-width: 430px;}
.about .con02 .orange .title::before {background-color: #ff8605;}
.about .con02 .orange .label_box::before {background-color: #ff8605;}
.about .con02 .red .title {background-color: #c94a30; max-width: 620px;}
.about .con02 .red .title::before {background-color: #c94a30;}
.about .con02 .red .label_box::before {background-color: #c94a30;}
.about .con02 .red .label_box::after {background-color: #c94a30;}
.about .con02 .red .label_box b {color: #c94a30;}

@media all and (max-width: 767px) {
	.about .con02 .row03 .flex_wrap {flex-wrap: wrap;}
	.about .con02 .row03 .flex_wrap > * {width: 100%;}
	.about .con02 .row03 .label_box {margin-top: 0px;}
	.about .con02 .row03 .flex_wrap::before {display: none;}
	.about .con02 .red .label_box::after {display: none;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Notice (list) *

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.notice table.type01 {table-layout: fixed; border: none;}
.notice table.type01 td,
.notice table.type01 th {padding: 0; text-align: center;}
.notice table.type01 th {height: 85px;}
.notice table.type01 th i {display: block; width: 10px; height: 5px; background: url(/img/front/table_pointer.png) no-repeat center center / contain; margin: auto; margin-top: 10px;}

.notice table.type01 td {border-bottom: 1px solid #000;}
.notice table.type01 td p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice table.type01 tbody tr {cursor: pointer;}

@media all and (max-width: 1024px) {
	.notice table colgroup col:nth-child(2) {width: 60% !important;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * Notice (view) *

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.notice-view .title {border-bottom: 1px solid #000; padding-bottom: 25px; margin-bottom: 25px;}
.notice-view .title h3 {font-weight: 500; font-size: 22px; color: #222;}
.notice-view .title p {font-weight: 300; font-size: 16px; color: #222; margin-top: 15px;}
.notice-view .con_box p {font-weight: 200; font-size: 16px; line-height: 1.75em; color: #666;}
.notice-view .btn_wrap {justify-content: flex-end;}
.notice-view .btn_wrap .btn {display: flex; align-items: center; justify-content: center; width: 190px; height: 50px; border-radius: 25px; background-color: #ca4e34; color: #fff; font-size: 16px;}

@media (max-width: 767px) {
	.notice-view .con_box img {max-width: 500px;}
}

@media all and (max-width: 560px) {
	.notice-view .con_box img {max-width: 450px;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * invoice *

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.invoice {width: 100%; zoom: 0.4; margin: auto; font-size: 28px; line-height: 1.64em; color: #222}
.invoice:not(:last-child) {page-break-after: always;}
.invoice h1 {text-align: center; font-weight: 600; font-size: 72px; line-height: 1.25em; letter-spacing: -0.025em; color: #000; margin-bottom: 40px;}
.invoice .top {border-top: 2px solid #000; page-break-inside: avoid;}
.invoice .flex_row {display: flex; border-bottom: 1px solid #000;}
.invoice .flex_row > * {flex: 1;}
.invoice .flex_row > * + * {border-left: 1px solid #000;}
.invoice .cell.w1320 {flex: 1.15;}
.invoice .cell {padding: 45px; box-sizing: border-box; }
.invoice .cell .con {padding: 0 40px; box-sizing: border-box;}
.invoice .cell h2 {font-weight: 600; font-size: 36px; color: #222; margin-bottom: 30px;}
.invoice .cell b {font-weight: 600; font-size: 46px;}
.invoice .cell table + table {margin-top: 30px;}
.invoice .cell table th {font-weight: 400;}
.invoice .cell table td {vertical-align: top;}
.invoice .cell_wrap {display: flex; flex-direction: column;}
.invoice .cell_wrap .cell + .cell {border-top: 1px solid #000;}
.invoice .cell_wrap .big {flex: 1;}

.invoice .bot {margin-top: 100px;}
.invoice .bot table {font-size: 28px; border-top: 2px solid #000; border-bottom: 1px solid #000; color: #222;}
.invoice .bot table tr { page-break-inside: avoid; }
.invoice .bot table tr > * {border: 1px solid #000; padding: 10px; box-sizing: border-box;}
.invoice .bot table td {border-bottom: 1px dotted #000; border-top: none; height: 80px;}
.invoice .bot table .right {text-align: right;}
.invoice .bot table .justify {text-align-last: justify;}
.invoice .bot table td:nth-child(1) {text-align: center;}
.invoice .bot table th {font-weight: 600; font-size: 32px; line-height: 1.375em; color: #222; text-align: center;}
.invoice .bot table th p {font-size: 24px;}
.invoice .bot .txt_box {margin-top: 45px;}

.invoice .signature {margin-top: 45px; page-break-inside: avoid}
.invoice .signature table th {font-weight: 600; font-size: 32px; line-height: 1.375em; color: #222; text-align: left;}
.invoice .signature .drow {display: flex;}
.invoice .signature .drow > * {flex: 1;}
.invoice .signature .drow .w1330 {flex: 1.7;}


/*--- Entry Complete 230728추가 ---*/
.entry_cpl {text-align: center;}
.entry_img {max-width: 180px; margin: 0 auto 30px;}
.entry_img img {width: 100%;}
.entry_cpl .sub_tit, .entry_cpl .sub_tit02 {text-align: center;}
.entry_cpl .sub_tit02 h4{font-size: 22px; font-weight: 300;}
.entry_cpl .sub_btn { margin-top: 50px;}
.sub_btn a {font-size: 30px; color: #fff; background-color: #f5950d; padding: 10px 25px; border-radius: 30px;}


/*--- Packing Confirm 202501수정 ---*/
.mt-10{margin-top: 5rem !important;}
.mt-20{margin-top: 10rem !important;}
.mb-10{margin-bottom: 5rem !important;}
.mb-20{margin-bottom: 10rem !important;}
.payment_timeline .inner, .payment_timeline02 .inner{ max-width: 860px; }
.payment_timeline .timeline { margin-top: 100px; }
.payment_timelin.payment_timeline .inner, .payment_timeline02 .inner{max-width: 860px;}e .tab_cont .cont .in_wrap .row .in_box{width: 100%;}
.payment_timeline .tab_cont .cont .in_wrap .row .in_box.half_box{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.payment_timeline .half_box .half_list{flex-basis: 260px; text-align: left;}
.payment_timeline .half_box .half_list ul li + li{margin-top: 20px;}
.payment_timeline .tab_cont .cont .in_wrap .row.half .in_box > ul > li:nth-child(4) > p{color: #222; font-weight: 400;}
.payment_timeline .tab_cont .cont .in_wrap .row.half .in_box > ul > li > p{ align-items: flex-end; }
.payment_timeline .half_box .half_list p { display: flex; justify-content: space-between; flex-wrap: nowrap; min-width: 400px; }
.payment_timeline .con_box.type01{ width: 100%; padding: 0;}
.payment_timeline .con_box.type01 .txt{ line-height: normal; }
.payment_timeline .con_box.type01 .txt p{margin-top: 15px;}
.payment_timeline .tab_cont .cont .in_wrap .row.half .in_box > ul > li > p > span{font-size: 15px;}
.payment_timeline .tab_cont .cont .in_wrap .row.half .in_box > ul > li:last-child > p{margin-top: 1em; color: #222; }
.payment_timeline .tab_cont .cont .in_wrap .row.half .in_box > ul > li:last-child > p > span{font-size: 20px;}

.payment_timeline span.tiptool { background-color: #cc4a28; color: #fff; padding: 0px 7px; font-size: 15px; font-weight: 400; border-radius: 100%; margin-right: 5px;}

.tooltip-toggle {
	position: relative;
	cursor: pointer;

	&::before {
		position: absolute;
		top: 27px;
		left: 0px;
		background-color: rgb(43 34 42 / 90%);
		border-radius: 5px;
		color: #fff;
		content: attr(aria-label);
		padding: 0.5rem;
		text-transform: none;
		transition: all 0.5s ease;
		width: 400px;
		z-index: 10;
	}

	&::before{
		color: #efefef;
		font-family: monospace;
		font-size: 15px;
		opacity: 0;
		pointer-events: none;
		text-align: center;
		line-height: 1.3em;
		font-weight: 300;
	}

	&:focus::before,
	&:hover::before{
		opacity: 1;
		transition: all 0.75s ease;
	}
}

@media screen and (min-width:1401px){
	.payment_timeline .tab_cont .cont .in_wrap .row.half .in_box > ul > li > p > span{ width: 700px; }
}
@media screen and (max-width:1400px){
	.payment_timeline .tab_cont .cont .in_wrap .row.half .in_box > ul > li > p > span{ width: 70%; }
	.payment_timeline .tab_cont .cont .in_wrap .row.half .in_box > ul{ width: 90%; }
}
@media screen and (max-width: 768px){
	.payment_timeline { padding-top: 0px; }
	.payment_timeline .tab_cont .cont .in_wrap .row .in_box .table_title > li{ font-size: 0.8rem; }
	.payment_timeline .tab_cont .cont .in_wrap .row .in_box .table_title > li:nth-child(1), .payment_timeline .tab_cont .cont .in_wrap .row .in_box .table_body > ul > li:nth-child(1){width: 25%;}
	.payment_timeline .tab_cont .cont .in_wrap .row .in_box .table_title > li:nth-child(2), .payment_timeline .tab_cont .cont .in_wrap .row .in_box .table_body > ul > li:nth-child(2){width: 12%;}
	.payment_timeline .tab_cont .cont .in_wrap .row .in_box .table_title > li:nth-child(3), .payment_timeline .tab_cont .cont .in_wrap .row .in_box .table_body > ul > li:nth-child(3){width: 18%;}
	.payment_timeline .tab_cont .cont .in_wrap .row .in_box .table_title > li:nth-child(4), .payment_timeline .tab_cont .cont .in_wrap .row .in_box .table_body > ul > li:nth-child(4){width: 20%;}
	.payment_timeline .tab_cont .cont .in_wrap .row .in_box .table_title > li:nth-child(5), .payment_timeline .tab_cont .cont .in_wrap .row .in_box .table_body > ul > li:nth-child(5){width: 25%;}
}
@media screen and (max-width: 480px) {
	.payment_timeline .tab_cont .cont .in_wrap .row.half .in_box > ul{ width: 100%; }
	.payment_timeline .half_box .half_list{ text-align: left; flex-basis: 100%; }
	.tooltip-toggle::before {left: -18px;}
}

/* Payment추가 250519 */
.payment_sec{  position: relative; padding: 20px 25px; margin-bottom: 10px; box-shadow: 0px 0px 5px #cecece; border-radius: 10px; }
.payment_con01 .tab_cont .cont .in_wrap .row.payment_price .in_box{ display: flex; flex-direction: row; }
.payment_sec .payment_price .payment_price_tit{ font-size: 18px; color: #222; font-weight: 500; }
.payment_sec .payment_price .price_total .payment_price_tit{ font-size: 24px; font-weight: 600; }
.payment_con01 .tab_cont .cont .in_wrap .row .in_box.price_total .txt{ font-size: 24px; font-weight: 600; color: #f5960c; }
.css-line{ width: 100%; height: 1px; background: #e2e2e2; margin-bottom: 30px; }
.payment_sec .payment_price .payment1_fee_inner{margin-top: 5px; padding: 10px 5px; background-color: #f2f2f2;}

.alert-warning, .alert-success{ width: 100%; font-size: 14px; margin-top: 10px; padding: 8px 14px; border-radius: 20px; }
.alert-warning{ color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }

@media screen and (max-width: 768px) {
	.payment_con01 .tab_cont .cont .in_wrap .row .in_box input[type=text], .payment_con01 .tab_cont .cont .in_wrap .row .in_box input[type=tel]{ width: 100%; }
}
@media screen and (max-width: 480px) {
	.payment_sec .payment_price .price_total .payment_price_tit{ font-size: 20px; }
	.payment_sec .payment_price .payment_price_tit{ font-size: 16px; }
	.payment_sec .payment_price .payment1_fee_inner p small{ font-size: 70%;}
}
/* Payment추가 end */


.readmore { position: relative; margin: 0 auto; padding: 0 0 50px; }
.readmore label {
	position: absolute;
	display: table;
	left: 50%;
	bottom: 0;
	margin: 0 auto;
	width: 200px;
	color: #fff;
	text-align: center;
	transform: translateX(-50%);
	cursor: pointer;
	z-index: 1;
}

.readmore label::before{ content: 'View ALL'; display: table; width: 200px; font-size: 15px; background-color: #f5960c; padding: 10px 0; border-radius: 5px;}
.readmore label:after {content: ''; width: 10px; height: 10px; border: 0; border-bottom: solid 1px #fff; border-right: solid 1px #fff; position: absolute; top: 50%; right: calc(50% - 50px); margin-top: -8px; transform: rotate(45deg); transition: all 0.3s ease;}
.readmore input[type="checkbox"]:checked ~ label::before { content: 'Close'; background-color: #222;}
.readmore input[type="checkbox"]:checked ~ label:after{content: ''; width: 10px; height: 10px; border: 0; border-bottom: none; border-top: solid 1px #fff; border-right: solid 1px #fff; position: absolute; top: 50%; right: calc(50% - 50px); margin-top: -3px; transform: rotate(-45deg);}
.readmore input[type="checkbox"]{ display: none; }
.readmore-content { position: relative; height: 130px; overflow: hidden; }
.readmore input[type="checkbox"]:checked ~ .readmore-content { height: auto; }

/* Coupon Page */
.bg-org{ background-color: #f5960c !important; }
.bg-red{ background-color: #ca4e34 !important; }
.bg-bk{ background-color: #000000 !important; }
.bg-gray{ background-color: #606567 !important; }
.cl-wh{ color: #ffffff !important; }
.cl-red{ color: #ca4e34 !important; }
.cl-blue{ color: #2671ff !important; }
.lh-25{ line-height: 25px; }
.lh-30{ line-height: 30px; }
.dejcoupon .inner{ max-width:1000px; }
.dejcoupon section + section{margin-top: 6rem;}
.dejcoupon .sub_tit{ text-align: center; }
.dejcoupon .sub_dec{ text-align: center; margin: 0 auto; }
.dejcoupon .sub_dec p{ display: inline-block; font-size: 1rem; color: #000; }
.dejcoupon .coupon_nav{ margin-top: 40px !important; }
.coupon_nav ul { margin: 0 auto; display: flex; justify-content: space-around; flex-direction: row; border-bottom: 1px solid #f2f2f2; }
.coupon_nav ul li{ width: 50%; height: 40px; line-height: 35px; text-align: center; cursor: pointer; }
.coupon_nav ul li a { font-size: 16px; color: #000; }
.coupon_nav ul li.active{ border-bottom: 2px solid #f5960c; }
.coupon_nav ul li.active a{ color: #f5960c; font-weight: 600; }

.coupon_container{ margin-top: 20px; }
.coupon_list { display: flex; align-items: center; border: 1px solid #ccc; border-radius: 10px; margin: 17px 10px; }
/* New Lable Box */
.coupon_list.mark-box{ position: relative; }
.coupon_list.mark-box:before{
	position: absolute;
	content: "";
	left: -1px;
	top: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 70px 70px 0 0;
	border-color: #f4ff00 transparent transparent transparent;
	border-radius: 9px 0 0 0;
}
.coupon_list.mark-box:after{
	position: absolute;
	content: "NEW";
	transform: rotate(315deg);
	display: block;
	font-size: 16px;
	font-weight: 500;
	white-space: pre;
	color: #000;
	top: 14px;
	left: 6px;
	text-align: center;
	z-index: 2;
	line-height: 1.2;
}
.coupon_list .coupon_title{ padding: 10px; border-radius: 4px 4px 0 0; font-size: 1rem; display: flex; justify-content: space-between; overflow-wrap: anywhere; color: #000;}
.coupon_list.coupon_list_cs{ background-color: #f2f2f2; padding: 20px; max-height: 140px; }
.coupon_list.coupon_list_cs p{ text-align: center; margin: 0 auto; font-size: 1.5em; }
.coupon_list .coupon_img{width: 30%;}
.coupon_list .coupon_img img{width: 100%; border-radius: 9px;}
.coupon_content{ width: 70%; display: flex; flex-direction: column; row-gap: 6px; }
.coupon_list_inner { display: flex; flex-wrap: nowrap; width: 100%; line-height: 1.4; justify-content: space-between; align-items: center; gap: 10px; }
.coupon_dsc{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 10px; padding: 10px 20px; }
.coupon_discount { font-size: 1.5rem; font-weight: 600; color: #f5960c; }
.coupon_discount .coupon_entryDate{ font-size: 0.8rem; font-weight: normal; color: #a9a9a9; }
.coupon_get { position: relative; box-sizing: border-box; margin-bottom: 0; }
.coupon_get_inner { width: 120px; height: 170px; font-size: 1.2rem; color: #fff; background-color: #f5960c; text-align: center; border-radius: 0 9px 9px 0; border-left: 7px dotted #fff; margin-bottom: 0; }
.coupon_get_inner { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.coupon_get:before, .coupon_get:after { position: absolute; border: 1px solid #ccc; display: block; content: ''; width: 28px; height: 28px; border-radius: 100%; background: #ffffff; }
.coupon_get:before{ top: calc(0% - 14px); left: -13px; }
.coupon_get:after{ bottom: calc(0% - 14px); left: -13px; }
.coupon_get_inner:before, .coupon_get_inner:after{ position: absolute; display: block; content: ''; width: 30px; height: 30px; border-radius: 100%; background: #ffffff; z-index: 1;}
.coupon_get_inner:before{ top: calc(0% - 18px); left: -13px; }
.coupon_get_inner:after{ bottom: calc(0% - 18px); left: -13px; }
.coupon_list.used{ cursor: default; pointer-events: none; opacity: 0.5; }
.coupon_list.used .coupon_get_inner{ background-color: #777777 !important; }
.coupon_get a { display: block; width: 100%; color: #fff; }
.coupon_get.claimed .coupon_get_inner{ background-color: #ca4e34; }
.coupon_dtl{ color: #606567; font-size: 14px; }
.coupon_lable ul li{ display: inline-block; height: 20px; background-color: rgba(245, 150, 12, 0.2); color: #ff9700; padding: 0 5px; border-radius: 2px; line-height: 20px; }
.coupon_lable ul li.coupon_expiry{ background-color: #ff2c00; color: #fff; }
.coupon_lable ul li.payment_1st{ background-color: #62c38f; color: #fff; }
.coupon_lable ul li.payment_2nd{ background-color: #82adff; color: #fff; }
.coupon_lable ul li.coupon_count{ background: none; border: 1px solid #000; color: #000; }
.coupon_dtl h5{font-size: 15px; font-weight: 500; color: #000; }
.coupon_content .remaining-badge { background-color: #fff; border: 1px solid #000; color: #000; font-weight: bold; }

/* How to Use */
section.dejcoupon_howto { border-top: 1px dashed #ccc; padding-top: 6rem; }
.howto_list ul { display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; margin-top: 50px; }
.howto_list ul li{ width: 30%; text-align: center; }
.howto_list ul li img{ width: 100%; max-width: 250px; }
.howto_list ul li p{ color: #000; font-size: 1rem; margin-top: 1rem; }
.howto_list ul li p.howto_list_tit { font-size: 1.5rem; font-weight: 600; }
.howto_list ul li p span{ text-decoration: underline; }

section.coupon_info{ padding: 3rem; background-color: #f2f2f2; border-radius: 20px; opacity: 0.7; }
section.coupon_info .sub_tit{text-align: left;}
@media screen and (min-width: 481px){
	.coupon_list { height: 170px; min-width: 675px; }
	.coupon_list .coupon_img img{ height: 170px; object-fit: cover; }
	.pc_hidden{ display: none; }
}
@media screen and (max-width: 480px){
	.mo-hidden{ display: none; }
	.coupon_list { flex-direction: column; }
	.coupon_list .coupon_img, .coupon_content{ width: 100%; }
	.coupon_list .coupon_img img{ border-radius: 10px 10px 0 0; }
	.coupon_content{ padding-top: 10px; }
	.coupon_list_inner{ flex-direction:column; }
	.coupon_get{ width: 100%; }
	.coupon_get:before { top: calc(0% - 14px); left: -14px; }
	.coupon_get:after{ top: calc(0% - 14px); left: calc(100% - 14px); }
	.coupon_get_inner{ flex-direction: row; width: 100%; border-left: none; border-top: 5px dotted #fff; height: 50px; border-radius: 0 0 10px 10px; padding: 0; }
	.coupon_get_inner:before { top: calc(0% - 14px); left: -20px; }
	.coupon_get_inner:after{ top: calc(0% - 14px); left: calc(100% - 12px); }
	.howto_list ul li{ width: 45%; }
	.howto_list ul li { padding: 0 10px 20px;}
	section.coupon_info{ padding: 2rem 1.5rem; }
}
@media screen and (max-width: 768px){

}

/* 팝업창 */
#coupon_pop { text-align: center; color: #000; font-size: 1.5em; }
#coupon_pop .sub_tit h4{ font-size: 2em; }
#coupon_pop a { display: inline-block; color: #f5960c; text-decoration: underline; }
#coupon_pop a:hover { opacity: 0.7; }
#coupon_pop #clock{font-size: 1em; }
#coupon_pop #clock .timer{display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start; width: 280px; padding: 10px 50px; margin: 10px auto; border-top: 2px solid #f5960c; border-bottom: 2px solid #f5960c; font-size: 2em; font-weight: 600; }
#coupon_pop #clock .timer p{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; font-size: 0.4em; font-weight: 300; }
#coupon_pop #clock .timer p span{ font-size: 40px; font-weight: 500; }
#coupon_pop #clock .timer p.day{margin-right: 20px;}
#coupon_pop .btn_wrap{ margin-top: 20px; margin-bottom: 15px; }
#coupon_pop .btn_wrap .btn.o_btn{border: none;}
#coupon_pop .couponPop_inner{ overflow-y: scroll; width: 85%; max-height: 16vh; border-radius: 10px; border: 1px solid #f5960c; padding: 0 20px 20px; margin: 20px auto; text-align: left; }
.couponPop_inner{ scrollbar-color: #f5960c rgba(255, 255, 255, 0); }
.couponPop_inner::-webkit-scrollbar-track{ background-color: #ccc; margin-right: 5px; }
.couponPop_inner::-webkit-scrollbar-thumb{ background-color: #f5960c; border-radius: 8px; }
@media screen and (max-width: 480px){
	#pop-window{ width: 90%; }
	#coupon_pop #clock .timer{ width: 100%; padding: 10px 0; }
	#coupon_pop .couponPop_inner{ width: 100%; }
	#coupon_pop .desc_list h4{ font-size: 22px; }
	#coupon_pop .desc_list.layout01 .desc { font-size: 18px; }
	#coupon_pop .coupon_use_info{ font-size: 16px; }
}

#coupon_pop .close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f5960c;
	border-radius: 5px;
	z-index: 100;
	cursor: pointer;
	opacity: 1;
}
#coupon_pop .close span {
	color: #ffffff !important;
	font-size: 2em;
	font-weight: normal;
}

/* Coupon Code */
.coupon-code{ text-align: center; margin: 0 auto; }
.coupon-copy-button {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	border: none;
	background-color: #f5f5f5;
	color: #333;
	font-size: 18px;
	cursor: pointer;
	border-radius: 5px;
	transition: all 0.3s ease;
	margin: 0 auto;
}
.coupon-copy-button:hover { background-color: rgba(245, 150, 12, 0.2); }
.icon-copy { width: 15px; margin-right: 8px; }
.nya-message { margin-top: 10px; color: #f5960c; display: none; }

/* Sale icon */
.icon-sale{
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	will-change: opacity;
}
.icon-sale-detail{
	text-overflow: ellipsis;
	word-break: break-word;
	word-wrap: normal;
	overflow: hidden;
	white-space: nowrap;
	display: flex;
	align-items: center;
	width: fit-content;
	color: #fff;
	height: 20px;
	padding: 0 8px;
	font-size: 12px;
	background-color: rgba(237, 41, 62, 90%);
	letter-spacing: 2px;
}

.item-detail {
	& .icon-sale{
		position: relative;
		z-index: 1;
		will-change: opacity;
	}
	& .icon-sale-detail {
		position: absolute;
		text-overflow: ellipsis;
		word-break: break-word;
		word-wrap: normal;
		overflow: hidden;
		white-space: nowrap;
		display: flex;
		align-items: center;
		width: fit-content;
		color: #fff;
		height: 34px;
		padding: 10px;
		font-size: 16px;
		background-color: rgba(237, 41, 62, 90%);
		letter-spacing: 2px;
	}
}

.col-red{ color: #ca4e34; }