@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* sub01_01 사자 리스트 */
.buy-list {letter-spacing:-.04em;}
.buy-list .buy-banner {margin-bottom:30px;}
.buy-list .col {display:flex;}
.buy-list .row-search {width:100%; max-width:300px;}
.buy-list .row-list {width:1%; flex:1 1 auto; padding-left:80px;}

/*
.buy-list .row-search .tab-cnt {border-radius:20px; overflow:hidden; position:relative; border:1px solid #dfdfdf; margin-right:-1px;}
.buy-list .row-search .tab-cnt ul {display:flex;}
.buy-list .row-search .tab-cnt ul li {width:100%; text-align:center;}
.buy-list .row-search .tab-cnt ul li:first-child a {border-radius:18px 0 0 0;}
.buy-list .row-search .tab-cnt ul li:last-child a {border-radius:0 18px 0 0;}
.buy-list .row-search .tab-cnt ul li a {line-height:68px; color:#878787; font-size:22px; background:#fff; background:#dfdfdf; display:block; position:relative; transition:none;}
.buy-list .row-search .tab-cnt ul li.active a {background:#fff; color:#2c2c2c;}
.buy-list .row-search .tab-cnt ul li.active a:after {content:''; width:80px; height:3px; background:#00a6ba; position:absolute; bottom:0; left:50%; margin-left:-40px;}

.buy-list .row-search .buy-cnt01 .box {padding:30px; border-bottom:1px solid #ddd;}
.buy-list .row-search .buy-cnt01 .box:last-child {border-bottom:0;}
.buy-list .row-search .buy-cnt01 .box .tit {font-size:22px; color:#2c2c2c; line-height:1.3em; margin-bottom:20px;}
.buy-list .row-search .buy-cnt01 .box ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.buy-list .row-search .buy-cnt01 .box li {padding:0 10px; width:auto !important;}
.buy-list .row-search .buy-cnt01 .box li .check {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.buy-list .row-search .buy-cnt01 .box li input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.buy-list .row-search .buy-cnt01 .box li label {display:inline-block; font-size:16px; line-height:1.6em; color:#2c2c2c;}
.buy-list .row-search .buy-cnt01 .box li label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 6px 0 0; width:12px; height:9px; background-image:url('../images/bbs/check-off.png'); background-repeat:no-repeat; background-size:cover;}
.buy-list .row-search .buy-cnt01 .box li input:checked + label:before {background-image:url('../images/bbs/check-on.png');}
.buy-list .row-search .buy-cnt01 .box li input:checked + label {color:#00a6ba;}
.buy-list .row-search .buy-cnt01 .box .inner {margin-top:10px;}
.buy-list .row-search .buy-cnt01 .box .inner ul {flex-wrap:nowrap; margin:0 -5px;}
.buy-list .row-search .buy-cnt01 .box .inner li {padding:0 5px;}
.buy-list .row-search .buy-cnt01 .box .inner li input {position:relative; height:36px; opacity:1; border:1px solid #ddd; padding:10px; z-index:11;}*/

.opt-sch-wrap {border-radius:20px; border:1px solid #dfdfdf;}

.opt-sch-title {padding: 0 30px; display:flex; align-items:center; justify-content: space-between; height:66px; border-bottom:3px solid #00a6ba;}
.opt-sch-title h3 {color:#2c2c2c; font-size:22px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.opt-sch-title .redo {width:24px; height:24px; background:url("../images/bbs/redo.png") 50% 50% no-repeat; border:0; background-size:contain;}

.opt-sch-group {/* padding:39px 29px; */ border-bottom:1px solid #dfdfdf;}
.opt-sch-group:last-child {border-bottom:0;}
.opt-sch-group .tit {padding: 20px 30px; display:flex; align-items:center; justify-content:space-between;}
.opt-sch-group .tit h4 {font-size:22px; display:flex; color:#2c2c2c; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.opt-sch-group .tit .num {display:block; margin-right:12px; width:28px; height:28px; font-weight: 500; color:#808080; font-size:16px; line-height:28px; text-align:center; background:#f8f8f8; border-radius:100%;}
.opt-sch-group .tit .slct-opt {/* display:none;  */color:#454545; font-size:16px; font-weight:300; line-height:1.3em; letter-spacing:-.03em;}
.opt-sch-group .list {display: none;}
.opt-sch-group .list .in {display:flex; flex-wrap:wrap; margin:-4px -7px;}
.opt-sch-group .list .in button {width:100%; height:50px; margin:4px 7px; font-size:18px; line-height:1.3em; letter-spacing:-.025em; color:#2c2c2c;  background:#fff; border-radius:10px; border:1px solid #ddd; transition:.2s;}
.opt-sch-group .list .in button:hover {color:#00a6ba; border-color:#00a6ba;}
.opt-sch-group .list .in button.active {color:#fff !important; background:#00a6ba !important; border-color:#00a6ba !important;}
.opt-sch-group .list .in button:last-child {margin-bottom:0;}
.opt-sch-group.active .list {padding: 33px; border-top:1px solid #ddd; display: block; background-color: #f8f8f8;}
.opt-sch-group.active .tit { margin:-3px 0 0;}
.opt-sch-group.active .tit .num {background-color: #f8f8f8; color: #00a6ba;}

.goods-sch-title {display:flex; align-items:center; justify-content: space-between; border-bottom:3px solid #00a6ba; height:68px; padding: 0 40px 0 58px; /* justify-content:center; position:relative; margin:0 auto -34px; width:80%; max-width:470px; color:#fff; background:#121212; border-radius:40px; */}
.goods-sch-title h3 {font-size:22px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.goods-sch-title .redo {margin-left:15px; width:26px; height:26px; background:url("../images/bbs/redo.png") 50% 50% no-repeat; border:0; background-size:contain;}

.goods-sch-wrap {border:1px solid #dfdfdf; border-radius:10px; /* padding-top:34px; */ overflow:hidden;}
.goods-sch-wrap .img-box {display:flex; padding:15px 0 5px 0; align-items:center; justify-content:center;}
.goods-sch-wrap .img-box>div {padding:0 15px;}
.goods-sch-wrap .img-box .txt p {font-size:32px; line-height:1.2em; color:#2c2c2c;}

.goods-sch-group {border-bottom:1px solid #dfdfdf;}
.goods-sch-group:last-child {border-bottom:0;}
.goods-sch-group .tit {display:flex; align-items:center; justify-content:space-between; height:75px; padding:0 30px;}
.goods-sch-group .tit h4 {font-size:22px; color:#808080; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.goods-sch-group .tit .num {display:inline-block; margin-right:12px; width:27px; height:27px; color:#808080; font-size:21px; line-height:27px; text-align:center; background:#f8f8f8; border-radius:100%;}
.goods-sch-group .tit .ico-help {vertical-align:middle; margin:-.2em 0 0 4px; border-color:#808080; color:#808080;}
.goods-sch-group .tit .slct-opt {color:#454545; font-size:18px; font-weight:300; line-height:1.3em; letter-spacing:-.03em;}
.goods-sch-group .list {display:none; background:#f8f8f8; border-top:1px solid #ddd; max-height:300px; padding:30px; overflow:auto;}
.goods-sch-group .list .in {display:flex; flex-wrap:wrap; margin:-5px -7px;}
.goods-sch-group .list .in button {width:calc(25% - 14px); height:50px; margin:5px 7px; font-size:18px; line-height:1.3em; letter-spacing:-.025em; color:#2c2c2c;  background:#fff; border-radius:10px; border:1px solid #ddd; transition:.2s;}
.goods-sch-group .list .in button:hover {color:#00a6ba; border-color:#00a6ba;}
.goods-sch-group .list .in button.active {color:#fff !important; background:#00a6ba !important; border-color:#00a6ba !important;}
.goods-sch-group .list .txt {text-align:right; margin:-10px 0 10px; color:#00a6ba; font-weight:400; font-size:14px; line-height:1.3em;}
.goods-sch-group .list .next-btn {text-align:right; margin-top:10px;}
.goods-sch-group .list .next {display:inline-flex; align-items:center; padding:0 18px; height:44px; color:#121212; font-size:16px; font-weight:500; background:#fff; border:1px solid #dfdfdf; border-radius:50px;}
.goods-sch-group .list .next:after {content:""; width:10px; height:10px; border-top:2px solid #454545; border-right:2px solid #454545; transform:rotate(45deg); margin-right:3px; opacity:.7;}
.goods-sch-group .list .next.next-able {background:#00a6ba; border-color:#00a6ba; color:#fff; opacity:1;}
.goods-sch-group .list .next.next-able:after {border-color:#fff;}
.goods-sch-group .price {color:#121212; font-size:38px; font-weight:500; line-height:1.3em; text-align:right;}
.goods-sch-group.active .tit h4 {color:#2c2c2c;}
.goods-sch-group.active .tit .num {color:#1aafc1; background:#f8f8f8;}
.goods-sch-group.active .tit .ico-help {color:#f37321; border-color:#f37321;}
.goods-sch-group.active .tit .slct-opt {color:#454545;}
.goods-sch-group.active .list {display:block;}

.ico-help {display:inline-block; width:20px; height:20px; border:2px solid #f37321; border-radius:100%; font-family:"Pretendard",sans-serif; font-size:15px; font-weight:700; line-height:16px; text-align:center; color:#f37321;}

.sell-step {background:#f8f8f8; text-align:center; padding:50px; border-radius:10px;}
.sell-step .heading {margin-bottom:15px;}
.sell-step .heading .step {color:#505050; font-size:15px; font-weight:500; line-height:1.3em; margin-bottom:5px;}
.sell-step .heading .step span {color:#f37321;} 
.sell-step .heading .tit {color:#242424; font-size:25px; font-weight:500; line-height:1.3em;}
.sell-step .heading .txt {color:#454545; font-weight:300; line-height:1.5em; margin-top:8px;}
.sell-step .form {max-width:446px; margin:0 auto 27px;}
.sell-step .form .input {display:block; width:100%; height:60px; padding:0 24px; font-size:16px; font-weight:300; border-radius:10px; margin-bottom:10px;}
.sell-step .agree {color:#454545; margin-bottom:45px;}
.sell-step .agree .link {color:#f37321;}
.sell-step .agree .checkbox label:before {width:25px; height:25px; background:#aeaeae url("../images/member/checkbox_on.png") 50% 50% no-repeat; border-radius:100%; border:0;}
.sell-step .agree .checkbox input:checked + label:before {background:#f37321 url("/images/member/checkbox_on.png") 50% 50% no-repeat;}
.sell-step .list {margin-top:50px; min-height:120px; padding:0 15px;}
.sell-step .list .in {display:flex; flex-wrap:wrap;  justify-content:center; margin:-5px -16px;}
.sell-step .list .in button {width:calc(25% - 32px); height:50px; margin:5px 16px; font-size:18px; line-height:1.3em; letter-spacing:-.025em; color:#2c2c2c;  background:#fff; border-radius:10px; border:1px solid #ddd; transition:.2s;}
.sell-step .list .in button:hover,
.sell-step .list .in button.active {color:#fff; background:#00a6ba; border-color:#00a6ba;}
.sell-step .noti {color:#808080; line-height:1.5em; padding:20px 0 16px;}
.sell-step .noti.st2 {padding:37px 0;}
.sell-step .guide {margin-bottom:25px; color:#f48443; font-weight:500; line-height:1.3em;}
.sell-step .guide .ico-help {margin-right:6px;}
.sell-step .bt {display:inline-flex; align-items:center; vertical-align:middle; margin:0 8px; padding:0 18px; height:56px; color:#121212; font-size:21px; background:#fff; border:1px solid #dfdfdf; border-radius:50px; transition:.2s;}
.sell-step .bt:hover {background:#00a6ba; border-color:#00a6ba; color:#fff;}
.sell-step .bt.prev:before {content:""; width:15px; height:15px; border-top:1px solid #454545; border-left:1px solid #454545; transform:rotate(-45deg); margin-left:3px;}
.sell-step .bt.prev:hover::before {border-color:#fff;}
.sell-step .bt.next:after {content:""; width:15px; height:15px; border-top:1px solid #454545; border-right:1px solid #454545; transform:rotate(45deg); margin-right:3px;}
.sell-step .bt.next:hover::after {border-color:#fff;}
.sell-step .bt.next.next-able {background:#00a6ba; border-color:#00a6ba; color:#fff;}
.sell-step .bt.next.next-able:after {border-color:#fff;}

.goods-detail-search-wrap {display:flex; justify-content:space-between; margin-bottom:60px;}
.goods-detail-search-wrap .goods-detail-search {width:calc(50% - 10px); display:flex; flex-direction:column; justify-content:space-between;}
.goods-detail-search-wrap .goods-sch-wrap {border-radius:30px; height:100%;}
.goods-detail-search-wrap .goods-sch-group .list .in button {width:calc(50% - 14px);}

/* sub01_01 제품리스트 검색바 */
.buy-list .row-list {}
.buy-list .row-list .search {position:relative; width:100%; margin-bottom:36px;}
.buy-list .row-list .search input {width:100%; border:2px solid #333; background:transparent; border-radius:24px; line-height:44px; padding:0 20px; color:#333;}
.buy-list .row-list .search input::placeholder {color:#888; }
.buy-list .row-list .search button {border:0; font-size:0; background-color:transparent; position:absolute; top:50%; margin-top:-10px; right:20px; width:19px; height:19px; background-image:url('../images/bbs/search-icon-b.png'); background-repeat:no-repeat; background-size:cover;}
.buy-list .row-list .sort {display:flex; justify-content:space-between; align-items:center; margin-bottom:40px;}
.buy-list .row-list .sort .page {position:relative; padding-left:14px; position:relative; font-size:16px; line-height:1.6em; color:#505050;}
.buy-list .row-list .sort .page span {color:#ff6600;}
.buy-list .row-list .sort .page:before {content:''; width:5px; height:5px; background:#dfdfdf; border-radius:50%; position:absolute; left:0; top:9px;}
.buy-list .row-list .sort ul {display:flex; margin:0 -15px;}
.buy-list .row-list .sort ul li {padding:0 15px; position:relative;}
.buy-list .row-list .sort ul li:after {content:''; width:1px; height:14px; background:#dfdfdf; position:absolute; top:50%; margin-top:-7px; right:0;}
.buy-list .row-list .sort ul li:last-child:after {display:none;}
.buy-list .row-list .sort ul li a {display:block; font-size:15px; line-height:1.6em; color:#a8a8a8;}
.buy-list .row-list .sort ul li.active a {color:#505050;}
/* sub01_01 제품리스트 리스트 */
.buy-list .list .col {display:flex; margin-bottom:30px; padding-bottom:32px; border-bottom:2px dashed #dfdfdf; align-items:center; letter-spacing:-.04em;}
.buy-list .list .col:last-child {border-bottom:0;}
.buy-list .list .img-box {max-width:200px; width:100%;}
.buy-list .list .img-box .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden; border-radius:20px;}
.buy-list .list .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.buy-list .list .img-box .pic .marker {background:#f14551; position:absolute; bottom:10px; left:10px; color:#fff; font-size:15px; line-height:1.2em; font-weight:500; width:62px; padding:13px 0; text-align:center; border-radius:20px;}
.buy-list .list .img-box .pic .marker.on {display:block;}
.buy-list .list .img-box .pic .marker.off {display:none;}
.buy-list .list .txt-box {width:1%; flex:1 1 auto; padding-left:40px; position:relative;}
.buy-list .list .txt-box .tit {font-size:26px; color:#2c2c2c; line-height:1.2em; margin-bottom:16px; display:inline-block; position:relative;}
.buy-list .list .col:hover .txt-box .tit {color:#00a6ba;}
.buy-list .list .col:hover .txt-box .tit:after {content:''; width:100%; height:1px; background:#00a6ba; position:absolute; left:0; bottom:0;}
.buy-list .list .txt-box .icons {display:flex; flex-wrap:wrap; margin:-8px 0 14px;}
.buy-list .list .txt-box .icons img {margin-right:5px;}
.buy-list .list .txt-box .icon {display:inline-block; margin:0 5px 0 0; padding:0 10px; border-radius:4px; text-align:center; color:#fff; font-size:15px; font-weight:200; line-height:25px; letter-spacing:-.04em; border-radius:6px;}
.buy-list .list .txt-box .icon.c1 {background:#f14551}
.buy-list .list .txt-box .icon.c2 {background:#789fe1}
.buy-list .list .txt-box .icon.c3 {background:#58c375}
.buy-list .list .txt-box .txt {font-size:17px; display:block; margin-bottom:17px; line-height:1.7em; color:#a8a8a8; height:calc(1.7em * 1 * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.buy-list .list .txt-box .price {display:inline-block; color:#2c2c2c; font-size:30px; line-height:1.1em; letter-spacing:-.03em; font-weight:700;}
.buy-list .list .txt-box .price .per {display:inline-block; color:#f14551; font-size:.8em; font-weight:500; line-height:1.2em; margin-right:10px;}
.buy-list .list .txt-box .price strike {display:inline-block; color:#808080; font-size:0.733em; font-weight:400; line-height:1.2em; margin-left:10px;}
.buy-list .list .txt-box ul {position:absolute; right:0; bottom:0; display:flex; margin:0 -13px;}
.buy-list .list .txt-box ul li {padding:0 13px;}
.buy-list .list .txt-box ul li a {display:block; padding-left:28px; font-size:18px; color:#878787; line-height:1.6em; position:relative;}
.buy-list .list .txt-box ul li a:before {content:''; width:22px; height:22px; background-repeat:no-repeat; background-size:cover; background-position:center center; position:absolute; top:50%; margin-top:-11px; left:0;}
.buy-list .list .txt-box ul li:nth-child(1) a:before {background-image:url('../images/bbs/change-off.png');}
.buy-list .list .txt-box ul li:nth-child(2) a:before {background-image:url('../images/bbs/dibs-off.png');}
.buy-list .list .txt-box ul li:nth-child(1) a:hover {color:#ff6600;}
.buy-list .list .txt-box ul li:nth-child(1) a:hover:before {background-image:url('../images/bbs/change-on.png');}
.buy-list .list .txt-box ul li:nth-child(2) a:hover {color:#f14551;}
.buy-list .list .txt-box ul li:nth-child(2) a:hover:before {background-image:url('../images/bbs/dibs-on.png');}
.buy-list .list .txt-box ul li:nth-child(1).active a {color:#ff6600;}
.buy-list .list .txt-box ul li:nth-child(1).active a:before {background-image:url('../images/bbs/change-on.png');}
.buy-list .list .txt-box ul li:nth-child(2).active a {color:#f14551;}
.buy-list .list .txt-box ul li:nth-child(2).active a:before {background-image:url('../images/bbs/dibs-on.png');}
/* sub01_detail 이미지 */
.buy-detail {letter-spacing:-.04em;}
.buy-detail .col {display:flex; position:relative; padding-top:60px; margin-bottom:80px;}
.buy-detail .col:before {content:''; width:100%; height:10px; background:url('../images/sub/buy-detail-bar.png') 0 0 no-repeat; background-size:cover; position:absolute; left:0; top:0;}
.buy-detail .col .img-box {max-width:500px; width:100%;}
.buy-detail .col .origin {margin-bottom:20px; position:relative;}
.buy-detail .col .origin .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.buy-detail .col .origin .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.buy-detail .col .origin .marker {position:absolute; bottom:25px; left:20px; display:flex; }
.buy-detail .col .origin .marker .icon {display:inline-block; width:62px; height:62px; margin-right:6px; display:flex; flex-direction:column; justify-content:center; color:#fff; font-size:15px; line-height:1.2em; font-weight:500; text-align:center; border-radius:20px;}
.buy-detail .col .origin .marker .icon.c1 {background:#f14551}
.buy-detail .col .origin .marker .icon.c2 {background:#789fe1}
.buy-detail .col .origin .marker .icon.c3 {background:#58c375}
.buy-detail .col .thumb .items {padding:0 120px; margin:0 -5px;}
.buy-detail .col .thumb .item {padding:0 5px;}
.buy-detail .col .thumb .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.buy-detail .col .thumb .pic:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #dfdfdf;}
.buy-detail .col .thumb .item.slick-current .pic:after {border:2px solid #454545;}
.buy-detail .col .thumb .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
/* sub01_detail 선택박스 */
.buy-detail .marker {display:flex; flex-wrap:wrap; margin-bottom:20px;}
.buy-detail .marker img {margin-right:5px;}
.buy-detail .txt-box {width:1%; flex:1 1 auto; padding-left:90px;}
.buy-detail .selec-list {margin-bottom:20px; padding-bottom:30px; border-bottom:2px dashed #dfdfdf;}
.buy-detail .selec-list li {display:flex; margin-bottom:16px; align-items:center;}
.buy-detail .selec-list li:last-child {margin-bottom:0;}
.buy-detail .selec-list li .tit {max-width:230px; width:100%; font-size:22px; line-height:1.2em; color:#2c2c2c;}
.buy-detail .selec-list li .tt {width:1%; flex:1 1 auto;}
.buy-detail .selec-list li .tt .input {border-radius:5px;}
/* sub01_detail 구매내역, 금액 */
.buy-detail .total .cnt {padding:20px; background:#fafafa; margin-bottom:5px;}
.buy-detail .total .cnt:last-child {margin-bottom:0;}
.buy-detail .total .cnt .inner {display:flex; margin:0 -20px; align-items:center;}
.buy-detail .total .cnt .box {padding:0 20px; width:50%;}
.buy-detail .total .cnt .opt-name h4 {font-size:17px; color:#505050; font-weight:normal; line-height:1.5em;}
.buy-detail .total .cnt .opt-name p {font-size:18px; color:#2c2c2c; line-height:1.6em; word-break:break-all;}
.buy-detail .total .cnt .opt-count ul {display:flex; margin:0 -6px; align-items:center;}
.buy-detail .total .cnt .opt-count li {padding:0 6px;}
.buy-detail .total .cnt li .price {font-size:22px; font-weight:500; color:#505050; line-height:1.3em; letter-spacing:-.06em;}
.buy-detail .total .cnt li .close {display:inline-block;}
.buy-detail .total .cnt li .close img {vertical-align:middle; margin-top:-6px;}
/* sub01_detail 최종금액, 버튼 */
.buy-detail .total-price {margin:30px 0; display:flex; justify-content:flex-end;}
.buy-detail .total-price p {font-size:22px; color:#f14551; line-height:1.3em;}
.buy-detail .total-price h3 {font-size:38px; font-weight:500; color:#2c2c2c; width:230px; text-align:right;} 
.buy-detail .total-price h3 span {display:inline-block; margin-left:10px;}
.buy-detail .payment-btn ul {display:flex; margin:0 -5px;}
.buy-detail .payment-btn ul li {width:33.3333333%; padding:0 5px; text-align:center;}
.buy-detail .payment-btn ul li a {display:block; border-radius:30px; line-height:58px; border:1px solid; color:#fff; font-size:26px; font-weight:500;}
.buy-detail .payment-btn ul li:nth-child(1) a {border-color:#f37321; background:#f37321;}
.buy-detail .payment-btn ul li:nth-child(2) a {border-color:#00a6ba; background:#00a6ba;}
.buy-detail .payment-btn ul li:nth-child(3) a {border-color:#dfdfdf; background:#fafafa; color:#505050;}
/* sub01_detail view-tab */
.view-tab {display:flex; margin-left:1px; margin-bottom:60px;}
.view-tab li {width:100%; text-align:center; margin-left:-1px;}
.view-tab li a {display:block; border:1px solid #ddd; border-bottom-color:#121212; background:#fafafa; font-size:20px; font-weight:500; color:#505050; line-height:58px; border-radius:20px 20px 0 0; position:relative;}
.view-tab li.active a {color:#2c2c2c; background:#fff; line-height:57px; border:3px solid #121212; border-bottom:0; z-index:1;}
/* sub01_폼, 주문 금액 */
.buy h3 {font-size:32px; font-weight:500; color:#2c2c2c; line-height:1.2em; margin-bottom:20px;}
.buy .info {margin-bottom:70px;}
.buy .info table {border-top:1px solid #a8a8a8; width:100%; border-collapse:collapse; border-spacing:0;}
.buy .info table .checkbox label:before {margin:0;}
.buy .info table th {background:#fafafa; height:52px; border-bottom:1px solid #ddd; border-right:0; font-weight:normal; font-size:18px; color:#333;}
.buy .info table td {border-bottom:1px solid #ddd; padding:20px 0; text-align:center;}
.buy .info table td p {font-size:16px; color:#505050; line-height:1.8em;}
.buy .info table .order-wrap {text-align:left; padding:20px;}
.buy .info table .order-wrap a {display:flex;}
.buy .info table .order-wrap .order-image {max-width:80px; width:80px;}
.buy .info table .order-wrap .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.buy .info table .order-wrap .pic:after {content:''; width:100%; height:100%; border:1px solid #dfdfdf; position:absolute; top:0; left:0;}
.buy .info table .order-wrap .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.buy .info table .order-wrap .order-title {width:1%; flex:1 1 auto; padding-left:14px;}
.buy .info table .order-wrap .order-title .tit {font-size:18px; line-height:1.5em; color:#2c2c2c; margin-bottom:4px;}
.buy .info table .order-wrap .order-title .opt {font-size:15px; color:#878787; line-height:1.6em;}
.buy .info table td ul {display:flex; margin:0 -3px; justify-content:center;}
.buy .info table td ul li {padding:0 3px;}
.buy .info table td ul li a {display:block; line-height:32px; border:1px solid; text-align:center; width:76px; font-size:15px; border-radius:5px;}
.buy .info table td ul li:nth-child(1) a {border-color:#f37321; color:#f37321; background:#fff;}
.buy .info table td ul li:nth-child(2) a {border-color:#dfdfdf; background:#fafafa; color:#505050;}
.buy .total-price {background:#eefafb; border-bottom:1px solid #dfdfdf; border-top:1px solid #fff; margin-bottom:60px;} 
.buy .total-price .col {display:flex; justify-content:center; padding:30px 0;}
.buy .total-price .price1 {padding-right:50px; margin-right:50px; border-right:1px solid #dfdfdf; display:flex;}
.buy .total-price .price1 .tt1 {padding-right:55px; margin-right:40px; position:relative;}
.buy .total-price .price1 .tt1:after {content:''; width:16px; height:16px; background:url('../images/sub/buy-basket-plus.png') 0 0 no-repeat; background-size:cover; position:absolute; right:0; top:50%; margin-top:-8px;}
.buy .total-price .col p {font-size:16px; line-height:1.8em; color:#505050; margin-bottom:14px;}
.buy .total-price .col h4 {font-size:30px; line-height:1.2em;}
.buy .total-price .price1 h4 {font-weight:normal; color:#2c2c2c;}
.buy .total-price .price2 h4 {font-weight:500; color:#00a6ba;}
.buy .btns {text-align:center;}
.buy .btns a {display:inline-block; line-height:60px; border-radius:30px; background:#f37321; color:#fff; font-size:26px; font-weight:500; padding:0 20px; min-width:190px;}
/* sub01_basket */
.buy-basket {letter-spacing:-.04em;}
.buy-basket .page {font-size:16px; color:#686868; margin-bottom:16px;}
.buy-basket .page span {color:#00a6ba; font-weight:500;}
/* sub01_payment */
.buy-payment .deliver {margin-bottom:70px;}
.buy-payment .deliver .input {border-radius:5px;}
.buy-payment .deliver .btn-pack.medium {border-radius:5px;}
.buy-payment .deliver .items {display:flex; width:45%; margin:0 -5px;}
.buy-payment .deliver .item {width:33.333333%; padding:0 5px; position:relative;}
.buy-payment .deliver .item:after {content:''; width:4px; height:1px; background:#dfdfdf; position:absolute; right:-2px; top:50%;}
.buy-payment .deliver .item:last-child:after {display:none;}
/* sub01_complete */
.buy-complete .deliver {margin-bottom:70px;}
.buy-complete .btns ul {display:flex; justify-content:center; margin:0 -8px;}
.buy-complete .btns ul li {padding:0 8px;}
.buy-complete .btns ul li:last-child a {background:#00a6ba;}
/* selec-list */
.selec-list li {display:flex; align-items:center; margin-bottom:20px;}
.selec-list li:last-child {margin-bottom:0;}
.selec-list li .tit {width:170px; font-size:22px; line-height:1.3em; color:#2c2c2c;}
.selec-list li .tt {width:1%; flex:1 1 auto;}
.selec-list li .tt .input {line-height:46px; border-radius:5px; padding:0 20px; font-size:22px; height:auto;}
.selec-list .balloon {display:inline-block; cursor:pointer; position:relative;}
.selec-list .balloon img {display:inline-block; vertical-align:middle; margin-top:-2px; margin-left:5px;}
.selec-list .balloon:hover span {display:block;}
.selec-list .balloon span {display:none; padding:12px; border:2px solid #f37321; background:#fff; border-radius:5px; position:absolute; left:-8px; bottom:36px; max-width:270px; width:100vw; font-size:14px; line-height:1.4em; color:#f37321;}
.selec-list .balloon span:after {content:''; width:10px; height:8px; background:url('../images/sub/balloon01.png') 0 0 no-repeat; background-size:cover; position:absolute; bottom:-8px; left:15px;}
/* personal form */
.personal-form ul {padding-bottom:40px; margin-bottom:40px; border-bottom:1px dashed #dfdfdf;}
.personal-form li {display:flex; margin-bottom:16px; align-items:center;}
.personal-form li:last-child {margin-bottom:0;}
.personal-form li .tt1 {width:170px; font-size:22px; line-height:1.4em; color:#2c2c2c;}
.personal-form li .tt2 {width:1%; flex:1 1 auto; padding-right:20px;}
.personal-form li .tt2 .input {border-radius:5px;}
.personal-form li .tt2 .items {display:flex; margin:0 -5px;}
.personal-form li .tt2 .item {padding:0 5px;}
.personal-form li .tt3 {width:190px; font-size:18px; line-height:1.6em; color:#878787;}
.personal-form .form-agree {text-align:center; margin:0 0 40px;}
.personal-form .pop_privacy {border:0; background:none; color:#00a6ba; margin-left:0;}
.personal-form .form-agree p {display:inline-block; margin-top:18px; background:#ffeed2; padding:0 10px; color:#f37321; font-size:15px;}
.personal-form .btns {text-align:center;}
.personal-form .btn {line-height:60px; padding:0 40px; font-size:26px; font-weight:500; color:#fff; background:#00a6ba; border-radius:30px; border:0; cursor:pointer;}
/* sub02 */
.sell .cnt {margin-bottom:80px;}
.sell .cnt01 .col {border:1px solid #a8a8a8; border-radius:10px; padding:50px 0; background:#fff; display:flex; margin:0; align-items:center;}
.sell .cnt01 .row {padding:0 40px; display:flex; align-items:center;}
.sell .cnt01 .row01 .tt {font-size:40px; color:#2c2c2c; line-height:1.2em; margin-right:40px;}
.sell .cnt01 .row01 ul {display:flex; margin:0 -12px;}
.sell .cnt01 .row01 ul li {padding:0 12px; width:224px;}
.sell .cnt01 .row01 ul li .input {border:0; border-bottom:3px solid #2c2c2c; padding:12px 4px; height:auto;}
.sell .cnt01 .row02 {display:flex; align-items:center;}
.sell .cnt01 .row02 .price {text-align:center; margin-right:30px;}
.sell .cnt01 .row02 .price p {font-size:22px; color:#f37321; line-height:1.3em; font-weight:500; margin-bottom:10px;}
.sell .cnt01 .row02 .price h4 {font-size:40px; color:#2c2c2c; line-height:1.2em; font-weight:500;}
.sell .cnt01 .row02 .btn a {line-height:60px; color:#fff; background:#00a6ba; padding:0 28px; font-size:26px; display:inline-block; border-radius:10px;}
.sell .sell-tit {margin-bottom:40px; position:relative; text-align:center; color:#2c2c2c;}
.sell .sell-tit.bdline {margin-bottom:60px; padding:46px;}
.sell .sell-tit.bdline:after {content:''; background:url('../images/sub/buy-detail-bar.png') 0 0 no-repeat; width:100%; height:10px; position:absolute; left:0; bottom:0;}
.sell .sell-tit h3 {font-size:40px; line-height:1.2em; font-weight:500; margin-bottom:16px;} 
.sell .sell-tit p {font-size:24px; line-height:1.3em;} 
.sell .cnt02 .col {display:flex; margin-bottom:70px; padding-bottom:70px; border-bottom:1px solid #ddd;}
.sell .cnt02 .img-box {max-width:500px; width:100%; margin-bottom:16px; text-align:center;}
.sell .cnt02 .img-box h4 {font-size:46px; line-height:1.1em; color:#5605050; font-weight:500;}
.sell .cnt02 .img-box .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.sell .cnt02 .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.sell .cnt02 .txt {width:1%; flex:1 1 auto; padding-left:150px;} 
.sell .cnt02 .selec-list li:last-child {margin-top:30px;}
.sell .cnt02 .selec-list li:last-child .tit {color:#00a6ba;}
.sell .cnt02 .selec-list li:last-child .tt {font-size:38px; line-height:1.1em; color:#2c2c2c; font-weight:500;}
.sell .cnt03 {margin:0 150px 100px; border:1px solid #dfdfdf; border-radius:20px; padding:60px 70px;}
/* doc-note */
.doc-note {padding-bottom:36px; margin-bottom:60px; border-bottom:1px solid #dfdfdf;}
.doc-note h3 {padding-bottom:36px; font-size:40px; line-height:1.2em; font-weight:500; color:#2c2c2c; position:relative; margin-bottom:36px;}
.doc-note h3 span {color:#00a6ba;}
.doc-note h3:after {content:''; background:url('../images/sub/buy-detail-bar.png') 0 0 no-repeat; width:100%; height:10px; position:absolute; left:0; bottom:0;}
.doc-note ul {padding:0 20px; }
.doc-note ul li {font-size:17px; color:#505050; margin-bottom:20px; line-height:1.4em; position:relative; padding-left:26px;}
.doc-note ul li:last-child {margin-bottom:0;}
.doc-note ul li:before {content:''; width:14px; height:14px; border-radius:50%; position:absolute; top:4px; left:0; background:#fff; border:4px solid #1bb36e;}
/* sub03 */
.change .cnt01 {padding-top:34px;}
.change .cnt01 .col {display:flex; margin:0 -10px 20px;}
.change .cnt01 .row {width:50%; padding:0 10px;}
.change .cnt01 .inner {border:1px solid #dfdfdf; border-radius:20px; padding:60px 70px; position:relative; height:100%;}
.change .cnt01 .inner .head {position:absolute; top:-34px; left:50%; margin-left:-235px; max-width:470px; width:100%; line-height:68px; background:#121212; border-radius:34px; text-align:center; color:#fff; font-size:36px;}
.change .cnt01 .inner .img-box {display:flex; margin:0 -15px 20px; align-items:center; justify-content:center;}
.change .cnt01 .inner .img-box>div {padding:0 15px;}
.change .cnt01 .inner .img-box .txt p {font-size:32px; line-height:1.2em; color:#2c2c2c;}
.change .cnt02 {background:#eefafb; border-radius:10px; padding:50px 20px; margin-bottom:66px;}
.change .cnt02 .inner {max-width:920px; width:100%; margin:0 auto;}
.change .cnt02 .top {margin-bottom:40px; border-bottom:1px solid #cbe7e9; padding:0 100px 40px;}
.change .cnt02 .col {display:flex; margin:0 -25px 40px; align-items:center; justify-content:center;}
.change .cnt02 .row {padding:0 25px;}
.change .cnt02 .row .tt {font-size:21px; color:#f37321; line-height:1.4em; margin-bottom:16px;}
.change .cnt02 .row .txt {display:flex; width:200px; justify-content:space-between; padding-bottom:4px; position:relative;}
.change .cnt02 .row .txt:after {content:''; width:100%; height:3px; background:#333; position:absolute; bottom:0; left:0;} 
.change .cnt02 .row .txt p {font-size:38px; font-weight:500; line-height:1.1em; color:#2c2c2c;}
.change .cnt02 .row a {line-height:60px; background:#454545; display:inline-block; padding:0 30px; color:#fff; font-size:26px; border-radius:10px;}
.change .cnt02 .top ul {padding:0 30px;}
.change .cnt02 .top ul li {font-size:19px; line-height:1.4em; color:#2c2c2c; margin-bottom:14px; position:relative; padding-left:30px;}
.change .cnt02 .top ul li:last-child {margin-bottom:0;}
.change .cnt02 .top ul li:before {content:''; width:22px; height:22px; background:transparent; border:7px solid #00a6ba; border-radius:50%; position:absolute; top:1px; left:0;}
.change .cnt02 .bot ul {display:flex; justify-content:center}
.change .cnt02 .bot ul li {padding:0 5px;}
.change .cnt02 .bot ul li a {display:block; line-height:60px; width:245px; text-align:center; font-size:26px; color:#fff; border-radius:10px; margin-bottom:14px;}
.change .cnt02 .bot ul li:nth-child(1) a {background:#f37321;}
.change .cnt02 .bot ul li:nth-child(2) a {background:#00a6ba;}
.change .cnt02 .bot ul li p {font-size:14px; color:#454545; text-align:center; line-height:1.6em;}
.change .cnt03 {margin-bottom:66px;}
.change .cnt03 .col {display:flex;}
.change .cnt03 .row {width:50%; text-align:center;}
.change .cnt03 .row h3 {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; font-size:18px; color:#333; line-height:50px; background:#fafafa; font-weight:normal;}
.change .cnt03 .row .txt {border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:20px;}
.change .cnt03 .row:last-child .txt {border-right:0;}
.change .cnt03 .row .img-box {max-width:80px; width:100%; margin:0 auto 16px;}
.change .cnt03 .row .img-box .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.change .cnt03 .row .img-box .pic:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #dfdfdf;}
.change .cnt03 .row .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.change .cnt03 .row h4 {font-size:18px; font-weight:normal; color:#2c2c2c; margin-bottom:8px; line-height:1.5em;}
.change .cnt03 .row p {font-size:15px; color:#878787; line-height:1.7em;}
.change .cnt04 {max-width:895px; width:100%; margin:0 auto; border:1px solid #dfdfdf; border-radius:20px; padding:65px 70px;}
/* sub04 */
.btb .cnt {background:url('../images/sub/btb-bg.jpg') center center no-repeat; background-size:cover; border-radius:20px; overflow:hidden;}
.btb .cnt .col {max-width:1040px; width:100%; margin:0 auto; display:flex; align-items:center; padding:100px 0;}
.btb .cnt .row {width:50%;}
.btb .img-box {text-align:center;}
.btb .top {margin-bottom:60px;}
.btb .top h3 {font-size:54px; font-weight:500; color:#000; line-height:1.1em; margin-bottom:14px;}
.btb .top p {font-size:22px; line-height:1.3em; color:#505050;}
.btb .bot {color:#000;}
.btb .bot .tt {font-size:24px; font-weight:500; line-height:1.2em; padding-left:60px; position:relative; margin-bottom:10px;}
.btb .bot .tt:before {content:''; width:52px; height:50px; background:url('../images/sub/btb-icon.png') 0 0 no-repeat; background-size:cover; position:absolute; left:0; bottom:3px;}
.btb .bot h3 {font-size:56px; line-height:1em; font-weight:500; margin-bottom:10px;}
.btb .bot p {font-size:15px; line-height:1.6em;}
/* community */
.lnb {margin-bottom:60px;}
.lnb ul {display:flex; margin:0 -5px; justify-content:center;}
.lnb ul li {width:auto !important; padding:0 5px;}
.lnb ul li a {display:block; padding:0 30px; line-height:58px; border:2px solid #121212; background:#fff; font-size:24px; color:#2c2c2c; border-radius:32px;}
.lnb ul li.active a {background:#121212; color:#f37321;}
/* community02 */ 
.review-list .subject .col {display:flex; align-items:center; margin:0 -15px;}
.review-list .subject .row {padding:0 15px;}
.review-list ul {display:flex; justify-content:center; margin:0 -2px;}
.review-list ul li {padding:0 2px;}
.review-list ul li span {display:block; width:16px; height:16px; background-repeat:no-repeat; background-size:cover;}
.review-list ul li.star-one span {background-image:url('../images/sub/star-one.png');}
.review-list ul li.star-zero span {background-image:url('../images/sub/star-zero.png');}
.review-list-m .col {display:flex; align-items:center; margin:4px -8px;}
.review-list-m .col .row {padding:0 8px;}
.review-list-m .col .row p {font-size:13px; color:#505050;}
.review-list-m .col ul {display:flex; justify-content:center; margin:0 -2px;}
.review-list-m .col ul li {padding:0 2px; border-bottom:0;}
.review-list-m .col ul li span {display:block; width:16px; height:16px; background-repeat:no-repeat; background-size:cover;}
.review-list-m .col ul li.star-one span {background-image:url('../images/sub/star-one.png');}
.review-list-m .col ul li.star-zero span {background-image:url('../images/sub/star-zero.png');}
.board-view-info .date ul {display:flex; justify-content:center; margin:0 -2px;}
.board-view-info .date ul li {padding:0 2px;}
.board-view-info .date ul li span {display:block; width:16px; height:16px; background-repeat:no-repeat; background-size:cover;}
.board-view-info .date ul li.star-one span {background-image:url('../images/sub/star-one.png');}
.board-view-info .date ul li.star-zero span {background-image:url('../images/sub/star-zero.png');}

/* operation-guides 이용안내 */
.guide ul.tabs {display:flex; margin-left:1px; margin-bottom:40px;}
.guide ul.tabs li {width:14.28% !important; text-align:center; margin-left:-1px;}
.guide ul.tabs li a {display:block; border:1px solid #ddd; border-bottom-color:#121212; background:#fafafa; font-size:20px; font-weight:500; color:#505050; line-height:58px; border-radius:20px 20px 0 0; position:relative;}
.guide ul.tabs li.active a {color:#2c2c2c; background:#fff; line-height:57px; border:3px solid #121212; border-bottom:0; z-index:1;}
.guide .cnt {margin-bottom:80px;}
.guide .cnt .tit {margin-bottom:24px; font-size:20px; line-height:1.3em; font-weight:500; color:#2c2c2c;}
.guide .cnt .txt {margin-bottom:40px;}
.guide .cnt .txt:last-child {margin-bottom:0;}
.guide .cnt .txt p {font-size:16px; color:#878787; line-height:1.8em;}
/* mypage01 */
.myitem ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.myitem ul li {width:50%; padding:0 10px; margin-bottom:20px;}
.myitem ul li .inner {border:1px solid #dfdfdf; padding:40px; border-radius:20px;}
.myitem .inner .col {display:flex; margin-bottom:20px;}
.myitem .inner .col .img-box {max-width:182px; width:100%;}
.myitem .inner .col .img-box .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden; border-radius:20px;}
.myitem .inner .col .img-box .pic:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border-radius:20px; border:1px solid #dfdfdf;}
.myitem .inner .col .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.myitem .inner .col .txt-box {width:1%; flex:1 1 auto; padding-left:40px;}
.myitem .inner .col .txt-box .tit {font-size:24px; line-height:1.2em; color:#2c2c2c; margin-bottom:10px;}
.myitem .inner .col .txt-box .txt {font-size:14px; line-height:1.6em; color:#a8a8a8; margin-bottom:10px; height:calc(1.6em * 1 * 3); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.myitem .inner .col .txt-box .price {font-size:26px; line-height:1.1em; color:#2c2c2c; font-weight:500; margin-bottom:10px;}
.myitem .inner .col .txt-box .box {display:flex; margin:0 -13px;}
.myitem .inner .col .txt-box .box .row {padding:0 13px;}
.myitem .inner .col .txt-box .box .row a {display:block; padding-left:28px; font-size:18px; color:#878787; line-height:1.6em; position:relative;}
.myitem .inner .col .txt-box .box .row a:before {content:''; width:22px; height:22px; background-repeat:no-repeat; background-size:cover; background-position:center center; position:absolute; top:50%; margin-top:-11px; left:0;}
.myitem .inner .col .txt-box .box .row:nth-child(1) a:before {background-image:url('../images/bbs/change-off.png');}
.myitem .inner .col .txt-box .box .row:nth-child(2) a:before {background-image:url('../images/bbs/dibs-on.png');}
.myitem .inner .selec-col {display:flex;margin:0 -4px 16px;}
.myitem .inner .selec-col .row {width:33.33333333%; padding:0 4px;}
.myitem .inner .selec-col .row .input {border-radius:5px;}
.myitem .inner .btn-col {display:flex; margin:0 -5px;}
.myitem .inner .btn-col .row {width:50%; padding:0 5px;}
.myitem .inner .btn-col .row a {display:block; line-height:46px; text-align:center; font-size:22px; font-weight:500; border-radius:24px;}
.myitem .inner .btn-col .row a.basket {background:#00a6ba; border:1px solid #00a6ba; color:#fff;}
.myitem .inner .btn-col .row a.detail {background:#fafafa; border:1px solid #dfdfdf; color:#505050;}
.myitem li.off .inner .col .img-box .pic:after {border:0; background:rgba(0,0,0,.4);}
.myitem li.off .inner .col .img-box .pic:before {content:''; background:url('../images/sub/myitem-off.png') 0 0 no-repeat; width:97px; height:119px; position:absolute; top:50%; left:50%; z-index:1; margin-left:-49px; margin-top:-60px;}
.myitem li.off .inner .selec-col .row .input {color:#a8a8a8;}
.myitem li.off .inner .btn-col .row a.basket {background:#dfdfdf; border-color:#dfdfdf; color:#bbbbbb;}
.myitem li.off .inner .btn-col .row a.detail {background:#dfdfdf; border-color:#dfdfdf; color:#bbbbbb;}
/* mypage02 */
.doc-tab ul {display:flex; margin-left:1px; margin-bottom:40px;}
.doc-tab ul li {width:100%; text-align:center; margin-left:-1px;}
.doc-tab ul li a {display:block; border:1px solid #ddd; border-bottom-color:#121212; background:#fafafa; font-size:20px; font-weight:500; color:#505050; line-height:58px; border-radius:20px 20px 0 0; position:relative;}
.doc-tab ul li.active a {color:#2c2c2c; background:#fff; line-height:57px; border:3px solid #121212; border-bottom:0; z-index:1;}

.myorder .head {margin-bottom:60px;}
.myorder .head .col {padding:50px 20px; background:#f4f4f4; border-radius:10px; display:flex; justify-content:center; margin-bottom:30px;}
.myorder .head .row {padding:0 15px;}
.myorder .head .month {display:flex; margin:0 -3px;}
.myorder .head .month li {padding:0 3px;}
.myorder .head .month li a {display:inline-block; line-height:46px; border:1px solid #dfdfdf; background:#fff; color:#505050; font-size:16px; padding:0 16px; border-radius:5px;}
.myorder .head .month li.active a {background:#505050; border-color:#505050; color:#fff;}
.myorder .head .selec {display:flex; margin:0 3px;}
.myorder .head .selec li {padding:0 3px;}
.myorder .head .selec li .input {height:48px; width:150px; background-color:#fff; border:1px solid #dfdfdf; border-radius:5px;}
.myorder .head .selec li a {background:#505050; color:#fff; line-height:48px; font-size:16px; padding:0 16px; display:inline-block; border-radius:5px;}
.myorder .head .txt p {font-size:16px; color:#505050; margin-bottom:12px; line-height:1.8em; position:relative; padding-left:14px;}
.myorder .head .txt p:before {content:''; width:5px; height:5px; background:#dfdfdf; border-radius:50%; position:absolute; left:0; top:10px;}

.myorder-list .head {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.myorder-list .head .total {font-size:16px; line-height:1.6em; color:#686868;}
.myorder-list .head .input {border-radius:5px;}
.myorder-list table {width:100%;border-spacing:0; border-collapse:collapse;}
.myorder-list table thead th {background:#fafafa; border-top:1px solid #a8a8a8; border-bottom:1px solid #dfdfdf; font-size:18px; line-height:1.5em; color:#333333; padding:12px 10px; font-weight:normal;}
.myorder-list table tbody td {text-align:center; border-bottom:1px solid #dfdfdf; font-size:16px; line-height:1.8em; color:#505050; padding:20px 10px;}
.myorder-list .box {display:flex;}
.myorder-list .box .img-box {max-width:80px; width:100%;}
.myorder-list .box .img-box .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.myorder-list .box .img-box .pic:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #dfdfdf;}
.myorder-list .box .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.myorder-list .box .txt-box {width:1%; flex:1 1 auto; padding-left:14px; text-align:left;}
.myorder-list .box .txt-box .tit {font-size:18px; color:#2c2c2c; line-height:1.4em; margin-bottom:4px;}
.myorder-list .box .txt-box .txt {font-size:15px; color:#878787; line-height:1.6em;}
.myorder-list .writing {line-height:32px; background:#fafafa; border:1px solid #dfdfdf; font-size:15px; color:#505050; padding:0 14px; display:inline-block; border-radius:5px;}

.estimate .tit {font-size:32px; line-height:1.2em; color:#2c2c2c; font-weight:500; margin-bottom:16px;}
.estimate .head {background:#f4f4f4; padding:36px 55px; border-radius:10px; margin-bottom:20px;}
.estimate .head ul {display:flex; margin:0 -20px;}
.estimate .head ul li {padding:0 20px;}
.estimate .head ul li p {font-size:18px; color:#2c2c2c; line-height:1.4em; padding-left:15px; position:relative;}
.estimate .head ul li p:before {content:''; width:5px; height:5px; background:#00a6ba; position:absolute; top:9px; left:0; border-radius:50%;}
.estimate .board-form.type01 table {line-height:68px;}
.estimate .board-form table .input {border-radius:5px;}
.estimate .board-form table .items {display:flex; margin:0 -5px;}
.estimate .board-form table .item {padding:0 5px;}
.estimate .board-form table tbody th {border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-top:0;}
.estimate .board-form table tbody td {font-size:22px; border-bottom:1px solid #dfdfdf; border-top:0;}
.estimate .board-form.type02 table tbody td p {display:inline-block; margin-left:10px; font-size:18px; color:#878787;}
.estimate .board-form table tfoot td {text-align:center; background:#eefafb;}
.estimate .board-form table tfoot p {font-size:18px; color:#505050;}
.estimate .board-form table tfoot span {font-size:22px; color:#00a6ba; display:inline-block; margin-right:30px;}
.estimate .board-form table tfoot strong {font-size:34px; font-weight:500; color:#2c2c2c; display:inline-block; margin-right:30px;}
.estimate .btns {margin-top:56px; text-align:center;}
.estimate .btns h4 {font-size:20px; font-weight:500; color:#2c2c2c; margin-bottom:36px;}
.estimate .btns ul {display:flex; justify-content:center; margin:0 -5px;}
.estimate .btns ul li {padding:0 5px;}
.estimate .btns ul li a {display:block; width:245px; line-height:58px; border:1px solid; font-size:26px; border-radius:10px;}
.estimate .btns ul li a.agree {background:#f37321; border-color:#f37321; color:#fff;}
.estimate .btns ul li a.no-agree {background:#fafafa; border-color:#dfdfdf; color:#505050;}
.estimate .btns ul li p {margin-top:16px; font-size:14px; color:#505050; line-height:1.4em;}
.estimate .buttons {text-align:center;}
.estimate .buttons p {font-size:15px; color:#f37321; letter-spacing:0; line-height:1.5em; background:#ffeed2; display:inline-block; padding:0 10px; margin-bottom:40px;}


.join-select .tit {font-size:24px; color:#2c2c2c; text-align:center; margin-bottom:50px; line-height:1.2em;}
.join-select .cnt {border:1px solid #dfdfdf; padding:100px 20px; margin-bottom:50px; border-radius:50px;}
.join-select .cnt .col {display:flex; justify-content:center; margin:0 -50px;}
.join-select .cnt .row {padding:0 50px; text-align:center;}
.join-select .cnt .row .icon {margin-bottom:20px;}
.join-select .cnt .row p {font-size:24px; color:#2c2c2c; margin-bottom:16px;}
.join-select ul {display:flex; justify-content:center; margin:0 -5px;}
.join-select ul li {padding:0 5px;}
.join-select ul li a {display:inline-block; line-height:58px; padding:0 75px; font-size:26px; font-weight:500; border-radius:30px; border:1px solid;}
.join-select ul li a.prev {background:#fafafa; border-color:#dfdfdf; color:#505050;}
.join-select ul li a.next {background:#00a6ba; border-color:#00a6ba; color:#fff;}

.m-info ul {border-top:1px solid #686868;}
.m-info li {padding:10px 0; margin-bottom:10px; border-bottom:1px solid #dfdfdf;}
.m-info li .wrap {display:flex; align-items:center; margin-bottom:10px;}
.m-info li .wrap .images {max-width:60px; width:60px;}
.m-info li .wrap .images .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.m-info li .wrap .images .pic:after {content:''; width:100%; height:100%; border:1px solid #dfdfdf; position:absolute; top:0; left:0;}
.m-info li .wrap .images .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.m-info li .wrap .title {width:1%; flex:1 1 auto; padding-left:15px;}
.m-info li .wrap .title .tit {font-size:16px; line-height:1.5em; margin-bottom:10px; color:#2c2c2c;}
.m-info li .wrap .title .opt {font-size:14px; line-height:1.6em; color:#505050;}
.m-info li .txt {display:flex; align-items:center; font-size:14px; line-height:1.6em; margin-bottom:5px;}
.m-info li .txt span {width:75px; color:#505050;}
.m-info li .txt .box {width:1%; flex:1 1 auto; color:#878787;}
.m-info li .txt .quantity .input {max-width:120px;}
.m-info li .txt .box a {display:inline-block; line-height:24px; font-size:12px; border:1px solid; width:60px; border-radius:5px; text-align:center;}
.m-info li .txt .box a:nth-child(1) {background:#fff; border-color:#f37321; color:#f37321;}
.m-info li .txt .box a:nth-child(2) {background:#fafafa; border-color:#dfdfdf;}

.buy-list .row-search .buy-cnt02 ul {display:block;}
.buy-list .row-search .buy-cnt02 li {display:flex; padding:20px; position:relative; border-bottom:1px solid #dfdfdf;}
.buy-list .row-search .buy-cnt02 li:last-child {border-bottom:0;}
.buy-list .row-search .buy-cnt02 li .img-box {max-width:80px; width:100%;}
.buy-list .row-search .buy-cnt02 li .box {width:1%; flex:1 1 auto; padding-left:15px; background:#fff; text-align:left;}
.buy-list .row-search .buy-cnt02 li .box .tt {font-size:15px; color:#505050; line-height:1.5em; margin-bottom:6px;}
.buy-list .row-search .buy-cnt02 li .box .price {font-size:16px; line-height:1.4em; font-weight:500; color:#2c2c2c;}
.buy-list .row-search .buy-cnt02 li a.dibs {position:absolute; bottom:20px; right:20px; background:none; display:inline-block; line-height:0;}