.inner{width:1600px; margin:0 auto;}
.con{width:1600px; margin:0 auto;}


@media (max-width:1600px){
	.inner{width:100%; padding:0 2rem;}
	.con{width:100%;  padding:0 2rem;}
}
@media (max-width:767px){
	.con{width:100%;  padding:0 1rem;}
}


/*한복마켓소개*/
.product-con{display:flex;}
.product-filter{flex-basis:16rem;margin-right:3rem;}
.product-filter > div{border-bottom:1px solid #ddd;padding:1.25rem 0;}
.product-filter > div .tit {font-size:1rem;font-weight:700;margin-bottom:1rem;}
.product-filter > div .tit a{display:block;position:relative;}
.product-filter > div .tit a:after{content:'';display:block;position:absolute;width:16px;height:9px;background:url(/images/default/content/filter-on.png)no-repeat center center;background-size:cover;right:0;top:50%;transform:translateY(-50%);}
.product-list{flex-basis:calc(100% - 16rem);}
.filter-btn{border-bottom:none !important;padding-bottom:0 !important;}
.filter-btn a{display:inline-block;width:6.75rem;height:2.5rem;border:1px solid #ddd;font-size:.9rem;padding:0 1.5rem;line-height:2.5rem;background:#836cd0;color:#fff;text-align:center;}
.filter-btn a.reset{background:#fff url(/images/default/content/reset-icon.png)no-repeat center right+1.5rem;color:#333;text-align:left;margin-right:0.5rem;}

.filter-btn a.reset:hover{background:#f9f9fb url(/images/default/content/reset-icon.png)no-repeat center right+1.5rem;}
.filter-btn a:hover{background:#5e5189;}

.product-filter > div.filter-tit{padding:0;border-bottom:none;}

.product-filter > div.color-select .color-sel{display:flex;flex-wrap:wrap;margin-bottom:-1rem;}
.product-filter > div.color-select .color-sel a{flex-basis:calc(100% / 4);text-align:center;color:#555555;font-size:0.8rem;margin-bottom:1rem;}
.product-filter > div.color-select .color-sel span{width:1.5rem;height:1.5rem;border:1px solid #ddd;display:block;border-radius:50%;margin:0 auto;margin-bottom:5px;position:relative;}

.product-filter > div.color-select .color-sel span:after{content:'';display:inline-block;width:1rem;height:1rem;background:#ddd;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.product-filter > div.color-select .color-sel .purple  span:after{background:#8d429f;}
.product-filter > div.color-select .color-sel .black  span:after{background:#000000;}
.product-filter > div.color-select .color-sel .red  span:after{background:#e7352b;}
.product-filter > div.color-select .color-sel .orange  span:after{background:#f36b26;}
.product-filter > div.color-select .color-sel .blue  span:after{background:#1790c8;}
.product-filter > div.color-select .color-sel .white  span:after{background:#fff;border:1px solid #ddd;}
.product-filter > div.color-select .color-sel .brown  span:after{background:#825d41;}
.product-filter > div.color-select .color-sel .green  span:after{background:#7bba3c;}
.product-filter > div.color-select .color-sel .yellow  span:after{background:#fed533;}
.product-filter > div.color-select .color-sel .gray  span:after{background:#808080;}
.product-filter > div.color-select .color-sel .pink  span:after{background:#f0728f;}



.left-con .tit-zone h3{font-size:1.4rem;color:#333333;font-weight:400;line-height:1.3;margin-bottom:6.5rem;}
.introduction .con{display:flex;justify-content:space-between;}
.right-con span{display:inline-block;width:25rem;padding-top:124%;background:url(/images/default/content/intro-img.jpg)no-repeat center center;background-size:cover;}
@media (max-width:1030px){
	.right-con span{width:20rem;margin-left:1rem;}
	.left-con .tit-zone h3{margin-bottom:2rem;}

}


@media (max-width:767px){
	.introduction .con{display:block;}
	
	.left-con .tit-zone h3{margin-bottom:2rem;}
	.right-con span{width:100%;margin-top:2rem;margin-left:0;}

}


.page_main_title{display:none;}
/*전통한복*/
.filter-tit{display:flex;margin-bottom:1.5rem;}
.filter-tit h3{margin-right:2.5rem;font-size:1.2rem;color:#333;padding-bottom:0;margin-bottom:0;}
.filter-tit select{border:none;width:3.5rem;height:1.5rem;padding:0;background:url(/images/default/content/select-icon.png)no-repeat center right;}
.filter-tit input{width:15rem;border:none;height:1.5rem;/*background:url(/images/default/content/search-icon.png)no-repeat center right;*/}

.filter-list{display:flex;justify-content:space-between;}
.filter-list  > div{font-size:0.8rem;border-bottom:2px solid #000;}
.filter-list  > div.fil-select select{font-size:0.8rem;border-bottom:none;}
.filter-list  > div a{margin-right:2rem;position:relative;padding-right:1.2rem;}
.filter-list  > div a:after{content:'';display:block;position:absolute;width:0.9rem;height:0.7rem;background:url(/images/default/content/filter-icon.png)no-repeat center center;background-size:cover;right:0;top:50%;transform:translateY(-50%);}
.fil-select{border-bottom:none !important;}

/*한복 리스트*/
.product-list > ul{display:flex;margin:-2.75rem -2.25rem;flex-wrap:wrap;}
.product-list > ul li{flex-basis:calc(100% / 3 - 4.5rem);margin:2.75rem 2.25rem;position:relative;}
.product-list > ul li .img-zone{padding-top:122.736%;margin-bottom:1.5rem;position:relative;}


.product-list ul li .txt-zone .company{font-size:0.9rem;}
.product-list ul li .txt-zone .tit-bx{font-weight:600;color:#333;line-height:1;margin:0.5rem 0 1.3rem 0;}
.product-list ul li .txt-zone .price{font-size:0.9rem;font-weight:700;}
.product-list ul li .txt-zone .heart{position:absolute;background:url(/images/default/main/hear-icon.png)no-repeat center center;background-size:cover;width:2.2rem;height:2.2rem;right:0;bottom:0;z-index: 5;}
.product-list ul li .txt-zone .heart-on{position:absolute;background:url(/images/default/main/hear-icon-on.png)no-repeat center center;background-size:cover;width:2.2rem;height:2.2rem;right:0;bottom:0;z-index: 5;}
.product-list ul li a:hover .img-zone:after{content:'';display:block;position:absolute;width:100%;height:100%;background:#fff;opacity:0.4;left:0;top:0;}

.pro-none{background:#f9f9fb;min-height:32.5rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.pro-none span.none-icon{width:5rem;height:5rem;border-radius:50%;display:inline-block;background:#fff url(/images/default/content/non-icon.png)no-repeat center center;}
.pro-none h3{font-weight:600;color:#333;margin:1rem 0; }
.pro-none p{font-size:0.9rem;}

@media (max-width:1030px){
	.product-list{flex-basis:100%;}
	.product-list > ul{margin:-1.5rem;}
	.product-list > ul li{flex-basis: calc(100% / 3 - 3rem);    margin: 1.5rem ;}
	.filter-tit select {width:auto;}
	.filter-list > div{margin-top:0.5rem;}
}
@media (max-width:767px){
	.product-list > ul {margin:-1rem;}
	.product-list > ul li{flex-basis: calc(100% / 2 - 2rem);    margin: 1rem ;}
	.filter-list{display:block;}
	.filter-list > div a{font-size:1rem;}
	.product-filter{padding:2rem 1rem;}

}


/*뷰페이지*/
.product-view > .con{justify-content:space-between;}
.pro-txt{flex-basis:39.5rem;}
.pro-txt .tit-zone{border-bottom:2px solid #191919;padding-bottom:1.5rem;margin-bottom:1rem;}
.pro-txt .tit-zone .company{font-size:1rem;color:#836cd0;}
.pro-txt .tit-zone h3{font-size:1.3rem;color:#333;font-size:1.3rem;font-weight:600;}
.pro-txt .tit-zone p {font-size:.9rem;color:#555;}
.pro-txt .tit-zone .price{font-size:1.65rem;color:#191919;margin-top:1rem;line-height:1;}
.pro-txt  .pro-bx {background:#f9f9fb;padding:1.5rem;}
.pro-txt  .pro-bx p{color:#191919;font-weight:600;line-height:1;margin-bottom:1rem;}
.pro-txt  .pro-bx ul li{font-size:0.9rem;color:#555;position:relative;padding-left:4rem;}
.pro-txt  .pro-bx ul li:after{content:'';display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#555555;left:0;top:0.55em;}
.pro-txt  .pro-bx ul li:not(:last-child){margin-bottom:0.25rem;}
.pro-txt  .pro-bx ul li span{font-weight:700;position:absolute;left:0.5rem;}
.pro-txt .pro-option{padding:1rem 0;border-bottom:1px solid #ddd;}
.pro-txt .pro-option ul li{position:relative;padding-left:5rem;}
.pro-txt .pro-option ul li span{font-weight:700;position:absolute;left:0.5rem;}
.pro-txt .pro-option ul li select{width:15rem;background:url(/images/default/content/option-icon.png)no-repeat center right+1.5rem;padding-left:1.5rem;color:#999}
.pro-txt .pro-option ul li:not(:last-child){margin-bottom:0.5rem;}
.pro-txt .pro-btn{display:flex;justify-content:space-between;margin-top:3.5rem;}
.pro-txt .pro-btn a{display:inline-block;width:calc(100% / 2 - 1rem);border:1px solid #515574;height:3.5rem;color:#515574;font-weight:500;line-height:3.5rem;padding-left:6.5rem;}

.pro-txt .pro-btn a.seller{background:url(/images/default/content/seller-btn.png)no-repeat center right+6rem;}
.pro-txt .pro-btn a.counseling{background:#836cd0 url(/images/default/content/counseling-btn.png)no-repeat center right+6rem;color:#fff;border:1px solid #836cd0;}

.pro-txt .pro-btn a.seller:hover{background:#f9f9fb url(/images/default/content/seller-btn.png)no-repeat center right+6rem;}
.pro-txt .pro-btn a.counseling:hover{background:#5e5189 url(/images/default/content/counseling-btn.png)no-repeat center right+6rem;}

.counseling-bx{background:#f7f7f8;position:absolute;right:0;top:5.7rem;padding:2rem;box-shadow: 17px 0px 25px rgb(0 0 0 / 12%);z-index:999;}
.counseling-bx .tit{display:flex;border-bottom:1px solid #ddd;align-items:center;color:#333;font-weight:600;position:relative;padding-bottom:1.5rem;margin-bottom:1.5rem;}
.counseling-bx .tit .img-zone{width:3.75rem;height:3.75rem;border-radius:50%;margin-right:1.2rem;}
.counseling-bx .tit a{position:absolute;right:0}
.counseling-bx .seller-tit{color:#836cd0;font-weight:600;font-size:.8rem;line-height:1;}
.counseling-bx .txt-bx {color:#333;font-weight:600;}
.counseling-bx .txt-bx p{font-size:.9rem;color:#666;font-weight:500;}
.counseling-bx .txt-bx p em{color:#ed0d0d;}
.counseling-bx .txt-bx textarea{margin-top:1rem;min-height:24.5rem;}
.counseling-bx .txt-bx a.counseling{background:#836cd0 url(/images/default/content/counseling-btn.png)no-repeat center right+2rem;color: #fff;border: 1px solid #836cd0;display:block;text-align:center;padding:0.75rem 1rem;margin-top:1.5rem;}

@media (max-width:1600px){
	.pro-txt{padding-left:2rem;}
	.pro-txt .pro-btn a{padding-left:0;text-align:center;}
	.pro-txt .pro-btn a.seller{background: url(/images/default/content/seller-btn.png)no-repeat center right+1.5rem;}
	.pro-txt .pro-btn a.counseling {background:#836cd0 url(/images/default/content/counseling-btn.png)no-repeat center right+1.5rem}
}
@media (max-width:1030px){
	.product-view .con{display:block !important;}
	.pro-txt{padding-left:0;margin-top:2rem;}
	.pro-txt .pro-btn{margin-top:2rem;}
}
@media (max-width:767px){
	.pro-txt .pro-btn a{width:calc(100% / 2 - 0.5rem);}
	.pro-txt .pro-btn a.seller{background: url(/images/default/content/seller-btn.png)no-repeat center right+1rem;background-size:1rem;}
	.pro-txt .pro-btn a.counseling {background:#836cd0 url(/images/default/content/counseling-btn.png)no-repeat center right+1rem;background-size:1rem;}

	.pro-txt .pro-btn a.seller:hover{background:#f9f9fb url(/images/default/content/seller-btn.png)no-repeat center right+1rem;background-size:1rem;}
	.pro-txt .pro-btn a.counseling:hover{background:#5e5189 url(/images/default/content/counseling-btn.png)no-repeat center right+1rem;background-size:1rem;}
}

.prowrap{width:1600px;margin:0 auto;}
.prowrap .point{display:flex;border-top:2px solid #191919;border-bottom:1px solid #ddd;margin-top:6.5rem;padding:2rem 0;}
.prowrap .point h4{font-size:1.2rem;color:#836cd0;font-weight:600;flex-basis:15rem;position:relative;padding-left:5rem;}
.prowrap .point h4:after{content:'';display:block;position:absolute;width:3.5rem;height:3.5rem;border-radius:1rem;box-shadow: 7px 0px 16px rgb(93 81 137 / 12%);top:-1rem;left:0;background:url(/images/default/content/point-icon.png)no-repeat center center;}

.prowrap .point em{background: linear-gradient(to top, rgba(199,164,255,0.5) 59%, transparent 50%);}
.prowrap .prowrap-list{}
.prowrap .prowrap-list h4{font-size:1.4rem;color:#191919;font-weight:600;border-bottom:1px solid #ddd;padding-bottom:1rem;line-height:1;position:relative;margin-bottom:2.5rem;margin-top:5rem;}
.prowrap .prowrap-list h4:after{content:'';display:block;position:absolute;width:9rem;height:2px;bottom:0;left:0;background:#000;}
.prowrap .prowrap-list .list-img{text-align:center;margin-top:2.5rem;}
.prowrap .prowrap-list .list-img img:not(:last-child){margin-bottom:5rem;}
.prowrap .pro-table{width:1200px;margin:0 auto;}
.pro-table table{text-align:center;}
.pro-table table th,
.pro-table table td{padding:1rem;}
.pro-table table th {border-top:2px solid #5d5189;border-bottom:1px solid #ddd;background:#fafafa;color:#555;}
.pro-table table td{border-bottom:1px solid #ddd;color:#666;}
.pro-table caption{display:revert;font-size:.8rem;color:#666;margin-bottom:0.5rem;}
.pro-table .table-txt{font-size:0.8rem;color:#666;margin-top:1rem;display:inline-block;}

@media (max-width:1600px){
	.prowrap{width:100%;padding:0 2rem;}
	.prowrap .prowrap-list .list-img img{max-width:100%;}
}
@media (max-width:1200px){
	.prowrap .pro-table{width:100%;}
}
@media (max-width:1030px){
	.prowrap .point {display:block;margin-top:3rem;}
	.prowrap .point h4{margin-bottom:1rem;}
	.prowrap .prowrap-list h4{margin-top:3rem;}
	.pro-table { width:100%;overflow-x:auto;white-space:nowrap;}
	.pro-table table{width:auto;}
}
@media (max-width:767px){
	.prowrap{width:100%;padding:0 1rem;}
	.prowrap .pro-table{width:100%;overflow-x:auto;white-space:nowrap;}
	.prowrap .pro-table table{width:auto;}

}


/*메시지*/
.message {display:flex;justify-content:space-between;align-items:flex-start;}

.profile{box-shadow: 7px 0 16px rgb(93 81 137 / 12%);padding:1.5rem 0.5rem 0.5rem 0.5rem;text-align:center;width:8rem;position:relative;}
.profile .writing{position:absolute;width:100%;height:3rem;line-height:3rem;text-align:center;background:#836cd0;color:#fff;padding:0;bottom:-3.3rem;left:0;font-size:1rem;}
.profile .writing:hover{background:#5e5189;}
.profile .photo{width:5rem;height:5rem;border-radius:50%;display:inline-block;position:relative; object-fit: cover;}
 .profile .photo em{font-size:0.6rem;background:#836cd0;color:#fff;position:absolute;padding:0.25rem;border-radius:3px;right:-1rem;}
.profile div{font-weight:700;color:#333;margin:0.5rem 0 1rem;}
.profile a, .profile label{font-size:.8rem;color:#999;border:1px solid #ddd;padding:0.7rem;display:inline-block;}
.profile a.submit { background-color: #836cd0; color: white; margin-top: .5rem; line-height: 1rem; width: 100%; display: none;}
.profile a.submit:hover { background-color: #946cd0; }
.profile a:hover, .profile label:hover{background:#f9f9fb;}
.profile input#profile_img { display: none; }
.message .all-message {border-top:1px solid #191919;padding-top:1rem;width:22.5rem;}
.message .all-message h3{font-size:1.2rem;color:#333;font-weight:600;padding-left:2rem;position:relative;padding-bottom:1.25rem;}
.message .all-message h3:after{content:'';display:block;position:absolute;width:1rem;height:1rem;background:url(/images/default/content/message-icon.png)no-repeat center center;background-size:cover;left:0;top:0.3em;}
.message .all-message ul{border:1px solid #ddd;overflow-y:scroll;}
.message .all-message ul li{}
.message .all-message ul li a{padding:1.5rem 1.5rem 1.5rem 0.75rem;display:flex;}
.message .all-message ul li:not(:last-child){border-bottom:1px solid #ddd;}
.message .all-message ul li .img-zone span{width:3.25rem;height:3.25rem;border-radius:50%;display:inline-block;}
.message .all-message ul li .img-zone {margin-right:1.5rem;}
.message .all-message ul li .img-zone-alarm span{position:relative;}
.message .all-message ul li .img-zone-alarm span:after{content:'';display:block;position:absolute;width:0.5rem;height:0.5rem;border-radius:50%;background:#ed0d0d;border:1px solid #fff;right:0;bottom:0;transform:translateX(-50%);}
.message .all-message ul li .txt-zone .tit {color:#333333;font-weight:700;position:relative;margin-bottom:0.5rem;}
.message .all-message ul li .txt-zone .tit em{font-size:.8rem;color:#888;font-weight:500;position:absolute;right:0;}
.message .all-message ul li .txt-zone p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.3rem;height: 2.6rem;}
.message .chatting {width:42.5rem;border-top:1px solid #191919;padding-top:1.5rem;font-size: .85rem;}
.message .chatting .me{display:flex;position:relative;justify-content:flex-end;width: 100%;}
.message .chatting .me > div{margin-bottom:0.5rem;background:#f9e668;padding:1rem;border-radius:15px;position:relative;max-width: 50%;}
.message .chatting .me  em{position:absolute;font-size:0.7rem;color:#999;left:0;bottom:0;transform:translateX(-120%);}
.message .chatting .me a { position: absolute;font-size: 0.7rem;color: #ff5858;left: 0;bottom: 22%;transform: translateX(-420%);}
.message .chatting .you-bx {width: 100%;}
.message .chatting .you{display:inline-block;position:relative;max-width: 50%;}
.message .chatting .you > div{margin-bottom:0.5rem;background:#efefef;padding:1rem;border-radius:15px;position:relative;}
.message .chatting .you em{position:absolute;font-size:0.8rem;color:#999;right:0;bottom:0;transform:translateX(+120%);}
.chatting-con{overflow-y:scroll;height:37.5rem;padding:0 1rem 0 0;}
.chatting-con > div{margin-bottom:1.5rem;}

.message .chatting .cate-bx .category{font-weight:700;color:#333;line-height:1;margin-bottom:0.5rem;display:inline-block;border-bottom:none;}
.message .chatting .cate-bx .cate-txt{display:flex;align-items:center;}
.message .chatting .cate-bx .cate-txt .img-zone{display:inline-block;width:5rem;height:5rem;border-radius:0.5rem;margin-right:1rem;}
.message .chatting .cate-bx .cate-txt .txt-zone .company{font-size:.9rem;color:#5d5189;font-weight:700;}
.message .chatting .cate-bx .cate-txt .txt-zone{color:#333;font-size:0.9rem;font-weight:600;}

@media (max-width:1600px){
	.message .all-message{width:17.5rem;margin-left:1rem;}
	.message .chatting {width:34rem;margin-left:1rem;}
}
@media (max-width:1030px){
	.message{display:block;}
	.profile{width:100%;padding:1rem;margin-bottom:2rem;}
	.message .all-message{width:100%;margin-left:0;}
	.message .chatting{width:100%;margin-left:0;margin-top:2rem;padding:2rem 1rem;}
	.message .chatting .you em{position:relative;display:block;    transform: translateX(0);}
	.message .chatting .me  em{position:relative;display:block;    transform: translateX(0);}
	.message .chatting em br{display:none;}
	.message .chatting em span{margin-left:0.5rem;display:inline-block;}
}

.chatting-bx{position:relative;border-top:1px solid #191919;padding-top:1.5rem;}
/*.chatting-bx:before{content:'';display:block;position:absolute;width:1px;height:calc(3rem - 0.7rem);background:#ddd;top:calc(1.5rem + 0.35rem);left:3rem;}*/
/*.chatting-bx:after{content:'';display:block;position:absolute;width:3rem;height:3rem;background:#836cd0 url(/images/default/content/chatting-icon.png)no-repeat center center;right:0;top:1.5rem;}*/
.chatting-bx input{height:3rem;/*background:url(/images/default/content/chatting-file.png)no-repeat center left+1.1rem;*/padding-left:1rem;}

.interest{display:flex;justify-content:space-between;align-items:flex-start;}

.interest .interest-table{flex-basis:69rem;}
.interest .interest-table p{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:1.25rem;}
.interest .interest-table th{background:#f9f9fb;padding:1rem;border-bottom:1px solid #ddd;border-top:1px solid #191919;}
.interest .interest-table td{padding:1rem;border-bottom:1px solid #ddd;text-align:center;}
.interest .interest-table td.name{text-align:left;display:flex;align-items:center;}
.interest .interest-table td.name .img-zone{width:5rem;height:5rem;display:inline-block;margin-right:1rem;}
.interest .interest-table td > a.del{border:1px solid #ddd;font-size:.9rem;padding:0.7rem 1.8rem;}
.interest .interest-table td > a.del:hover{background:#f9f9fb;}
.interest .interest-table td.price{font-size:0.9rem;color:#333;font-weight:700;}

.interest .interest-table .tb-btn-wrap a{font-size:.8rem;color:#666;padding:0.5rem 1.25rem;border:1px solid #ddd;display:inline-block;margin-top:1.25rem;}
.interest .interest-table .tb-btn-wrap a:hover{background:#f9f9fb;}

@media (max-width:1600px){
	.interest .interest-table {margin-left:2rem;}
}
@media (max-width:1030px){
	.interest{display:block;}
	.interest .interest-table{margin-left:0;}
	.interest-table-wrap{ width:100%;overflow-x:auto;white-space:nowrap;}
	.interest-table-wrap table{ width:auto;}
}

.edit-profile, .register-container {display:flex;justify-content:space-between;align-items:flex-start;}
.edit-profile .profile-con, .register-container .profile-con {flex-basis:69rem;position:relative;}
.edit-profile .profile-con p {font-size:1.2rem;font-weight:700;color:#333;margin-bottom:1.25rem;}
.edit-profile .profile-con ul {border-top:1px solid #191919;}
.profile-con ul li{border-bottom:1px solid #ddd;display:flex;padding:0.75rem;;align-items:center;}
.profile-con ul li .th{flex-basis:15.75rem;color:#333;position:relative;padding-left:1rem;}
.profile-con ul li .td{flex-basis:calc(100% - 15.75rem);position:relative;}
.profile-con ul li .th:after{content:'';display:block;position:absolute;width:7px;height:7px;border-radius:50%;border-radius:50%;background:#ed0d0d;top:0.5em;left:0;}
.profile-con ul li .td input{width:32rem;}
.profile-con ul li .td .phone{display:flex;align-items:center;}
.profile-con ul li .td .phone input{width:7.5rem;}
.profile-con ul li .td .phone em{margin: 0 0.35rem;}
.profile-con ul li .th-n{padding-left:0;}
.profile-con ul li .th-n:after{display:none;}
/*.profile-con ul li .td .birth{display:flex;}*/
.profile-con ul li .td .birth select{ width:9.5rem;background:url(/images/default/content/option-icon.png)no-repeat center right+1rem;}
.profile-con ul li .td .birth select:not(:last-child){margin-right:1.75rem;}
.profile-con ul li .td .certified {font-size:.9rem;color:#333;border:1px solid #666;line-height:2rem;padding:0 1.5rem;height:2rem;display:inline-block;margin-left:0.5rem;}
.edit-profile .profile-con > div{position:relative;}
.edit-profile .profile-con > div:nth-child(2){margin-top:5rem;}
.edit-profile .profile-con em.point{position:absolute;right:0;top:0;font-size:.9rem;color:#666;}
.edit-profile .profile-con em.point:after{content:'';display:block;position:absolute;width:7px;height:7px;border-radius:50%;border-radius:50%;background:#ed0d0d;top:0.55em;left:-1rem;}

select[name="regionCode"] { width: 32rem; height: 40px; line-height: unset; padding: 0px 10px; appearance: auto; }

@media (max-width:1600px){
	.edit-profile .profile-con{margin-left:2rem;flex-basis:60rem;}
	.profile-con ul li .th{width:20%;flex-basis:auto;}
	.profile-con ul li .td{width:80%;flex-basis:auto;}
	.profile-con ul li .td-one{display:flex;align-items:center;}
	.profile-con ul li .td-one em{margin-left:0.5rem;}
}
@media (max-width:1030px){
	.edit-profile{display:block;}
	.edit-profile .profile-con{margin-left:0;}

}
@media (max-width:1050px){
		.profile-con ul li .td .certified{margin-left:0;margin-top:1rem;display:block;width:6rem;padding:0;text-align:center;}
}
@media (max-width:767px){
	.profile-con ul li{display:block;border-bottom:none;}
	.profile-con ul li .th{width:100%;margin-bottom:0.5rem;}
	.profile-con ul li .td{width:100%;}
	.profile-con ul li .td input{width:100%;}
	.profile-con ul li .td .phone input{width:30%;}


}


.edit-profile .edit-btn {display:flex;position:relative;justify-content:center;margin-top:4rem;}
.edit-profile .edit-btn a,
.edit-profile .edit-btn button{display:inline-block;width:11.5rem;height:3rem;border:1px solid #ddd;text-align:center;line-height:3rem;}
.edit-profile .edit-btn button{font-size: 1rem;}
.edit-profile .edit-btn a.withdrawal{position:absolute;right:0;width:7.5rem;color:#888888;}
.edit-profile .edit-btn a.cancel{margin-right:1.5rem;}
.edit-profile .edit-btn a.modify, .edit-profile .edit-btn button.modify {background:#836cd0;border:1px solid #836cd0;color:#fff; font-weight: bold;}
.edit-profile .edit-btn a:hover{background:#f9f9fb;}
.edit-profile .edit-btn a.modify:hover, .edit-profile .edit-btn button.modify:hover{background:#5e5189;}

@media (max-width:1030px){
	.edit-profile .edit-btn a.withdrawal{position:relative;margin-left:1.5rem;}
	.edit-profile .edit-btn{margin-top:2rem;}
}
@media (max-width:767px){
	.edit-profile .edit-btn a{width:calc(100% / 3 - 0.5rem);}
	.edit-profile .edit-btn a.withdrawal{width:calc(100% / 3 - 0.5rem);}
}

/*판매자 정보*/
.seller-top{background:url(/images/default/content/seller-bg.jpg)no-repeat center center;background-size:cover;padding:2.5rem 0;}
.seller-top .seller-bx{background:#fff;padding:2rem 2.5rem;display:flex;align-items:center;}
.seller-top .seller-bx .img-zone{margin-right:2.5rem;}
.seller-top .seller-bx .img-zone span{display:inline-block;width:5.75rem;height:5.75rem;border-radius:50%;}
.seller-top .seller-bx .text-zone{display:flex;justify-content:space-between;flex-basis:calc(100% - 8.25rem);align-items:center;}
.seller-top .seller-bx .text-zone h4{font-size:1.2rem;font-weight:700;color:#333;padding-left:1.5rem;position:relative;line-height:1;}
.seller-top .seller-bx .text-zone h4:after{content:'';display:block;position:absolute;width:1.05rem;height:1.1rem;background:url(/images/default/content/seller-icon.png)no-repeat center center;background-size:cover;left:0;top:0.1em;}
.seller-top .seller-bx .text-zone p{font-size:.9rem;color:#666;margin-top:1rem;}
.seller-top .seller-bx .text-zone a{display:inline-block;width:12.5rem;height:3rem;text-align:center;line-height:3rem;background:#836cd0 url(/images/default/content/counseling-btn.png)no-repeat right+2.75rem center;color:#fff;}
.seller-top .seller-bx .text-zone a:hover{background:#5e5189 url(/images/default/content/counseling-btn.png)no-repeat right+2.75rem center;}

.con_tab {margin-top:2rem;}
.con_tab ul {display:flex;border-bottom:1px solid #ddd;width:1600px;margin:0 auto;margin-bottom:3.5rem;}
.con_tab ul li.on a{color:#836cd0;position:relative;}
.con_tab ul li.on a:after{content:'';display:block;position:absolute;width:100%;height:3px;background:#836cd0;bottom:0;left:0;}
.con_tab ul li a{padding:0.8rem 2.5rem;font-weight:700;display:inline-block;}

@media (max-width:1030px){
	.seller-top .seller-bx .img-zone{margin-right:0;}
	.seller-top .seller-bx{display:block;text-align:center;}
	.seller-top .seller-bx .text-zone{display:block;}
	.seller-top .seller-bx .text-zone h4{display:inline-block;margin-top:1rem;}
	.seller-top .seller-bx .text-zone a{margin-top:1rem;}
}

.seller-con #c01 ul li{display:flex;justify-content:space-between;}
.seller-con #c01 ul li .tit{width:11.5rem;border-bottom:1px solid #ddd;padding:1.5rem 1.25rem 2rem 1.25rem;}
.seller-con #c01 ul li .txt{width:66.6rem;border-bottom:1px solid #ddd;padding-bottom:2rem;padding-top:1rem;color:#333;}
.seller-con #c01 ul li:last-child .tit ,
.seller-con #c01 ul li:last-child .txt{padding-bottom:0;border-bottom:none;}
.seller-con #c01 ul li:first-child .tit ,
.seller-con #c01 ul li:first-child .txt{padding-top:0;}
.seller-con #c01 ul li .tit h5{color:#333;font-weight:600;position:relative;line-height:1;padding-left:0.8rem;}
.seller-con #c01 ul li .tit h5:after{content:'';display:block;position:absolute;width:0.2rem;height:0.75rem;background:url(/images/default/content/seller-dot.png)no-repeat center center;background-size:cover;left:0;top:0.15em;}

@media (max-width:1030px){
	.seller-con #c01 ul li{display:block;border-bottom:none;}
	.seller-con #c01 ul li .tit{border-bottom:none;padding-left:0;width:100%;padding:1rem 0rem 1rem 0rem;}
	.seller-con #c01 ul li .txt{width:100%;padding-bottom:1rem;padding-top:0;}

}

.seller-con #c02 .product-list > ul li{flex-basis: calc(100% / 4 - 4.5rem);}

@media (max-width:1030px){

	.seller-con #c02 .product-list > ul li{flex-basis: calc(100% / 2 - 3rem);}

}
@media (max-width:767px){

	.seller-con #c02 .product-list > ul li{flex-basis: calc(100% / 2 - 2rem);}
}



/*판매회원 상품등록 및 리스트*/
.admin-produt .con{display:flex;justify-content:space-between;align-items:flex-start;}
.admin-produt .con .admin-produt-list {flex-basis:69rem;}
.admin-produt .con .admin-produt-list .txt-zone{border:1px solid #ddd;padding:2rem 1.5rem;display:flex;position:relative;}
.admin-produt .con .admin-produt-list .txt-zone:not(:last-child){margin-bottom:1rem;}
.admin-produt .con .admin-produt-list .txt-zone span.cate{display:inline-block;width:3.65rem;height:1.6rem;text-align:center;background:#fbebf5;border-radius:0.8rem;color:#ed1154;font-size:0.8rem;line-height:1.6rem;font-weight:600;margin-right:1rem;}
.admin-produt .con .admin-produt-list .txt-zone ul{display:flex;margin-top:0.75rem;}
.admin-produt .con .admin-produt-list .txt-zone ul li{font-size:.9rem;color:#666;position:relative;padding-left:0.5rem;}
.admin-produt .con .admin-produt-list .txt-zone ul li:after{content:'';display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:#666;left:0;top:0.55em;}
.admin-produt .con .admin-produt-list .txt-zone ul li:not(:last-child){margin-right:2.25rem;}
.admin-produt .con .admin-produt-list .txt-zone .tit{font-weight:600;color:#333;}
.admin-produt .con .admin-produt-list .txt-zone .tit span{color:#666;display:inline-block;margin-right:0.5rem;}
.admin-produt .con .admin-produt-list .txt-zone span.cate01{background:#e7e7e7;color:#999;}
.admin-produt .con .admin-produt-list .txt-zone a{position:absolute;width:8rem;height:100%;background:#f9f9fb;right:0;top:0;display:flex;justify-content:center;align-items:center;}
.admin-produt .con .admin-produt-list .txt-zone a em{border-bottom:1px solid #333;display:inline-block;margin-right:0.5rem;font-size:0.9rem;color:#333;}

@media (max-width:1600px){
	.admin-produt .con .admin-produt-list{margin-left:2rem;}
}
@media (max-width:1030px){
	.admin-produt .con{display:block;}
	.admin-produt .profile{width:100%;margin-bottom:5rem;padding:1rem;}
	.admin-produt .con .admin-produt-list{margin-left:0;}
	.admin-produt .con .admin-produt-list .txt-zone{padding:1rem;display:block;}
}
@media (max-width:767px){
	.admin-produt .con .admin-produt-list .txt-zone span.cate{margin-right:0;margin-bottom:0.5rem;}
	.admin-produt .con .admin-produt-list .txt-zone ul{display:block;}
	.admin-produt .con .admin-produt-list .txt-zone ul li{font-size:1rem;}
	.admin-produt .con .admin-produt-list .txt-zone a{position:relative;width:100%;padding:1rem 0.5rem;margin-top:1.5rem;}
}


/*판매회원 - 메시지*/
.none-message div{border:1px solid #ddd;display:flex;justify-content:center;align-items:center;height:27.7rem;font-size:.9rem;color:#666;}

.none-chatting{background:#f9f9fb;padding-top:0 !important;min-height:31.8rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.none-chatting  span.icon-bx {display:inline-block;width:5rem;height:5rem;background:#fff url(/images/default/content/chatting-none-icon.png)no-repeat center center;border-radius:50%;}
.none-chatting h4{color:#333;font-weight:700;line-height:1;margin:1rem 0;}
.none-chatting p{font-size:.9rem;color:#666;}

@media (max-width:1030px){
	.none-message div{height:auto;padding:2rem 1rem;}
	.none-chatting{height:auto;padding:2rem 1rem !important;min-height:auto;}
	}

/*상품등록*/
.register .profile-con p {font-size:1.2rem;color:#333;font-weight:600;line-height:1;margin-bottom:1rem;position:relative;}
.register .profile-con > div{position:relative;}
.register .profile-con > div em.point{position: absolute;right: 0;top: 0;font-size: .9rem;color: #666;}
.register .profile-con > div em.point:after{content: '';display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%;border-radius: 50%;background: #ed0d0d;top: 0.55em;left: -1rem;}

.register .profile-con > div:not(:last-child){margin-bottom:5rem;}
.register .profile-con ul {border-top:1px solid #191919;}



.register .profile-con .color {display:flex;}
.register .profile-con .color span{border:1px solid #ebe7ef;width:1.4rem;height:1.4rem;display:inline-block;position:relative;cursor:pointer;}
.register .profile-con .color span.color-bx-on{border:1px solid #191919;}
.register .profile-con .color span:not(:last-child){margin-right:0.5rem;}
.register .profile-con .color span:after{content:'';display:block;position:absolute;width:calc(100% - 7px);height:calc(100% - 7px);left:50%;top:50%;transform:translate(-50%,-50%);background:#ddd;}
.register .profile-con .color span.orange:after{background:#ff5858;}
.register .profile-con .color span.red:after{background:#e70933;}
.register .profile-con .color span.orange2:after{background:#f27f2a;}
.register .profile-con .color span.yellow:after{background:#f1d90a;}
.register .profile-con .color span.brown:after{background:#6e542e;}
.register .profile-con .color span.green:after{background:#67992d;}
.register .profile-con .color span.skyblue:after{background:#07bbc2;}
.register .profile-con .color span.purple:after{background:#836cd0;}
.register .profile-con .color span.blue:after{background:#0893ff;}
.register .profile-con .color span.indigo:after{background:#3e1690;}
.register .profile-con .select-bx a{display:inline-block;width:7.5rem;height:2.2rem;line-height:2.2rem;text-align:center;background:#f6f6f6;font-size:.9rem;color:#666;cursor:pointer;font-weight:500;}
.register .profile-con .select-bx a:not(:last-child){margin-right:0.5rem;}
.register .profile-con .select-bx a.on{background:#f7f2fd;color:#5d5189;}
.register .profile-con span.plus{display:inline-block;width:2rem;height:2rem;background:#515574;color:#fff;font-size:1.4rem;line-height:2rem;text-align:center;cursor:pointer;margin-right:0.75rem;}
.register .profile-con span.del{display:inline-block;width:2rem;height:2rem;background:#ff6f64;color:#fff;font-size:1.4rem;line-height:2rem;text-align:center;cursor:pointer;}
.btn-upload {width: 5rem;height: 5rem;background: #f6f6f6;border: 1px solid #ddd;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-direction:column;font-size:0.8rem;color:#999;}
.btn-upload img{margin-bottom:0.25rem;}
#file {
  display: none;
}
.file-bx ul {display:flex;padding:1rem 0;border-bottom:1px solid #ddd;}
.file-bx ul li{padding:0;border-bottom:0;}
.file-bx ul li:not(:last-child){margin-right:1rem;}
.detailed p{border-bottom:1px solid #191919;padding-bottom:1rem;margin-bottom:0;}
.register .btn-wrap{text-align:center;margin-top:3rem;}
.register .btn-wrap a{display:inline-block;width:11.5rem;height:3rem;line-height:3rem;background:#836cd0;color:#fff;}

@media (max-width:767px){
	.register .profile-con .select-bx{display:flex;}

}


/********************************************************
■ 메타버스
********************************************************/
/*공통*/
.menuTit{text-align: center; padding-bottom:2.2rem;}
.menuTit .tit{padding-bottom:3.3rem;}
.menuTit .tit p{font-size:1rem; color:#333;}
.menuTit .tit h2{font-size:2rem; color:#333; font-weight: 700;}
.tab-zone{font-size: 0; display: flex; align-items: center; gap:0.9rem; justify-content: center;}
.tab-zone .tab{display: inline-block; width:8rem; height:2.5rem; line-height: 2.5rem; border-radius: 1.5rem; background: #f8f7fb; color:#969597; font-size:1rem;}
.tab-zone .tab.on, .tab-zone .tab:hover{background: #836cd0; color:#fff; font-weight: bold;}
.f23{font-size:1.15rem; font-weight:700;}
.f26{font-size:1.3rem; color:#333; font-weight:700;}
h3{font-size:2rem; color:#fff; font-weight: bold; padding-bottom:2.6rem;}
@media (max-width:1030px){
	h3{font-size:1.7rem;}
	.f23{font-size:1.05rem;}
	.menuTit .tit{padding-bottom:3rem;}
}

/*사업소개*/
.business .section01{padding-bottom:5.3rem;}
.business .section01 .top-zone{text-align: center; position: relative; height:26.85rem; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom:1.2rem;}
.business .section01 .top-zone:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; background:#f8f8f8 url('/images/default/content/metaverse-bg01.jpg')no-repeat center center; z-index:-1;}
.business .section01 .top-zone p{color:#fff;}
.business .section01 .top-zone .logo{position:absolute; bottom:3.25rem; display: flex; align-items: center;}
.business .section01 .top-zone .business-logo01{width:10.45rem;}
.business .section01 .top-zone .business-logo02{width:13rem;}
.business .section01 .top-zone .logo img+img{padding-left:2.5rem;}
.business .section01 .bottom-zone{position: relative; display: flex;}
.business .section01 .bottom-zone:after{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 1px; background:#dddddd; z-index:-1;}
.business .section01 .bottom-zone > div{width:50%; text-align: center; padding:5.8rem 0;}
.business .section01 .bottom-zone .cts-l{border-right:solid 1px #ddd;}
.business .section01 .bottom-zone > div ul{display: flex; justify-content: center; align-items: center; padding-top:2.6rem; gap:9rem;}
.business .section01 .bottom-zone > div ul li{display: flex; flex-direction: column; align-items: center;}
.business .section01 .bottom-zone > div ul li p{margin-top:1.3rem; font-size:1rem; color:#333; display: flex; align-items: center;}
.business .section01 .bottom-zone > div ul li p b{display: none;}
.business span.num{display:inline-flex; align-items: center; justify-content: center; width:1.25rem; height:1.25rem; background:#333; text-align: center; color:#fff; border-radius: 50%; margin-right:0.5rem; font-size:0.8rem; font-weight: bold;}
.business .section02 .img_box{position: relative; height: 450px; transition: all 0.4s ease-out;}
.business .section02 .img_inner{    overflow: hidden; position: absolute; top: 50%; left: 50%; width: calc(100% - 10rem); height: 5rem; border-radius: 2rem; transform: translateX(-50%) translateY(-50%); transition: all 0.4s ease-out;}
.business .section02.active .img_inner{ width: 100%; height:100%; border-radius: 0;}
.business .section02 .img_inner img{position: absolute; top: 50%; left: 50%; width: 100%; transform: translateX(-50%) translateY(-50%) translateZ(0); min-width: 1600px; min-height: 450px;}
.business .section02 .bottom-zone{margin-top:5.3rem;}
.business .section02 .fieldList .list{display: flex;}
.business .section02 .fieldList .list:not(:last-child){padding-bottom:6rem;}
.business .section02 .fieldList .cts-l{border-top:solid 2px #333; width:19rem; padding:2.2rem 0 0 0.5rem; margin-right:2.9rem;}
.business .section02 .fieldList .cts-r{border-top:solid 1px #ddd; width:calc(100% - 21.9rem); padding:2.2rem 0 0 0.5rem;}
.business .section02 .fieldList .cts-l p{font-size:1.4rem; font-weight: 700; color:#333; padding-left:2.4rem; position: relative;}
.business .section02 .list .cts-l p:before{content:'1'; display:block; position:absolute; width:1.5rem; height:1.5rem; background:#333; top:0.25rem; left:0; display: flex; align-items: center; justify-content: center; font-size:1rem; color:#fff; border-radius: 50%;}
.business .section02 .list:nth-child(2) .cts-l p:before{content:'2';}
.business .section02 .list:nth-child(3) .cts-l p:before{content:'3';}
.business .section02 .list:nth-child(4) .cts-l p:before{content:'4';}
.business .section02 .fieldList .cts-list li{display: flex;}
.business .section02 .fieldList .cts-list li:not(:last-child){padding-bottom:1.25rem;}
.business .section02 .fieldList .cts-list li span{display: inline-block; border: solid 1px #836cd0; color:#836cd0; border-radius:1rem; font-size:0.9rem; font-weight:700; width:4.5rem; height:1.75rem; line-height: 1.75rem; text-align: center; margin-right:1.25rem;}
.business .section02 .fieldList .cts-list li p{font-size:1rem; color:#333; width:calc(100% - 4.5rem);}

@media (min-width:1950px){
	.business .section01 .top-zone:before{left:-50%; width:200%; background-size: cover;}
}
@media (max-width:1600px){
	.business .section01 .top-zone{padding-bottom:0;}
	.business .section01 .bottom-zone > div ul{gap:4rem;}
}
@media (max-width:1300px){
	.business .section01 .bottom-zone > div ul{gap:1rem;}
	.business .section02 .fieldList .cts-l{width:30%; margin-right:2rem;}
	.business .section02 .fieldList .cts-r{width:calc(100% - 30% - 2rem);}
	.business .section02 .bottom-zone{margin-top:3rem;}
	.business .section02 .fieldList .list:not(:last-child){padding-bottom:3.5rem;}
}
@media (max-width:1030px){
	.business .section01 .top-zone{height:20rem; justify-content: flex-start; padding-top:4rem;}
	.business .section01 .top-zone:before{background-size: cover;}
	.business .section01{padding-bottom:3rem;}
	.business .section01 .top-zone h3{padding-bottom:1rem;}
	.business .section01 .top-zone .logo{bottom:2rem;}
	.business .section01 .bottom-zone > div{padding:3rem 1rem;}
	.business .section01 .bottom-zone > div ul li{gap:3rem;}
	.business .section01 .bottom-zone > div ul li img{width:8rem;}
	.business .section02 .img_box{height:20rem;}
	.business .section02 .img_inner img{min-height: 20rem; max-height: 20rem; object-fit: cover;}
	.business .section02 .fieldList .list{flex-direction: column;}
	.business .section02 .fieldList .list:not(:last-child){padding-bottom:2rem;}
	.business .section02 .fieldList .cts-l{width:100%; margin-right:0; padding:1.5rem 1rem 1rem;}
	.business .section02 .fieldList .cts-r{width:100%; padding:1rem 1rem 0;}
	.business .section02 .fieldList .cts-list li:not(:last-child){padding-bottom:0.8rem;}
	.business .section02 .fieldList .cts-l p{font-size:1.3rem;}
}
@media (max-width:767px){
	.business .section01 .top-zone .logo img+img{padding-left:1rem;}
	.business .section01 .bottom-zone > div ul{flex-direction: column; gap:2rem;}
	.business .section01 .bottom-zone > div ul li{gap:1rem;}
	.business .section02 .img_inner img{object-fit: contain;}
}
@media (max-width:500px){
	.business .section01 .bottom-zone{flex-direction: column;}
	.business .section01 .bottom-zone > div{width:100%; padding:2rem 0;}
	.business .section01 .bottom-zone .cts-l{border-right:0; border-bottom:solid 1px #ddd;}
	.business .section01 .bottom-zone .cts-r{padding-bottom:0;}
	.business .section01 .bottom-zone:after{display: none;}
	.business .section01 .bottom-zone > div ul{flex-direction: row; gap:inherit;}
	.business .section01 .bottom-zone > div ul li{width:50%; padding:0 1rem;}
	.business .section01 .bottom-zone > div ul li p{margin-top:0; align-items: flex-start; gap:0
	.3rem;}
	.business span.num{display: none;}
	.business .section01 .bottom-zone > div ul li p b{display: block;}
	.business .section01 .bottom-zone > div ul li img{width:6rem;}
	.business .section02 .fieldList .cts-list li{flex-direction: column; gap:0.5rem;}
	.business .section02 .fieldList .cts-list li p{width:100%;}
	.business .section02 .fieldList .cts-list li span{width:5rem; height:1.8rem; line-height: 1.8rem;}
	.business .section02 .fieldList .cts-list li:not(:last-child){padding-bottom:1rem;}
}
@media (max-width:400px){
	.business .section01 .top-zone .business-logo01{width:9rem;}
	.business .section01 .top-zone .business-logo02{width:10rem;}
}
@media (max-width:300px){
	.business .section01 .top-zone .logo{flex-direction: column; bottom:1rem;}
	.business .section01 .top-zone{padding-top:2rem;}
	.business .section01 .top-zone .logo img+img{padding-left:0; padding-top:0.5rem;}
}

/*플랫폼 소개*/
.platform .top-zone{position: relative; height:25rem;}
.platform .top-zone:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; background:#f8f8f8 url('/images/default/content/platform-bg.jpg')no-repeat center center; z-index:-1;}
.platform .bottom-zone{margin-top:-8.7rem; text-align: center;}
.platform .bottom-zone .tit-bx{background: #fff; padding:2.5rem 1rem 6.4rem;}
.platform .bottom-zone .tit-bx h3{color:#333; padding-bottom:1.5rem;}
.platform .bottom-zone .cts-txt p{padding-top:2rem; font-size:1rem; color:#333;}
.platform .bottom-zone .cts-img{margin-top:3.75rem; padding-bottom:7.5rem; position:relative;}
.platform .bottom-zone .cts-img:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 82%; background:#f8f7fb; z-index:-1;}
.platform .bottom-zone .cts-img img{max-width: 100%;}
.btn-bx{padding-top:3.3rem; font-size: 0;}
.btn-bx a{display: inline-block; width:12rem; height:3.75rem; line-height: 3.75rem; background: #fff; border:solid 1px #ddd; border-radius:2rem; box-shadow: 0px 8px 15px rgb(0 0 0 / 8%); color:#333; font-size:0.9rem; font-weight: 700; position: relative; text-align: right; padding-right:2.5rem;}
.btn-bx a:hover{background: #836cd0; border:solid 1px #ddd; color:#fff;}
.btn-bx a.google{margin-right:1.2rem;}
.btn-bx a.apple{padding-right:3rem;}
.btn-bx a:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%);}
.btn-bx a.google:after{width:1.6rem; height:1.7rem;background:url('/images/default/content/google.svg')no-repeat center center; background-size: 1.6rem; left:2rem;}
.btn-bx a.apple:after{width:1.3rem; height:1.5rem;background:url('/images/default/content/apple.svg')no-repeat center center; background-size: 1.3rem; left:2.5rem;}
.btn-bx a.apple:hover:after{filter: brightness(100);}

@media (min-width:1950px){
	.platform .top-zone:before{left:-50%; width:200%; background-size: cover;}
}
@media (max-width:1030px){
	.platform .top-zone{height:20rem;}
	.platform .top-zone:before{background-size: cover;}
	.platform .bottom-zone .tit-bx{padding:2rem 1rem 5rem;}
	.platform .bottom-zone .cts-img{margin-top:3rem; padding-bottom:5rem;}
	.platform .bottom-zone .cts-txt img{width:10rem;}
	.btn-bx{padding-top:2rem;}
	.platform .bottom-zone .tit-bx h3{padding-bottom:1rem;}
}
@media (max-width:500px){
	.btn-bx a{width:10rem; padding-right:1.5rem;}
	.btn-bx a.apple{padding-right:1.5rem;}
	.btn-bx a.google:after{left:1.3rem;}
	.btn-bx a.apple:after{left:1.3rem;}
}
@media (max-width:380px){
	.btn-bx{display: flex; flex-direction: column; align-items: center; gap:1rem;}
	.btn-bx a.google{margin-right:0;}
}

/*서비스 소개*/
.service .section01 .top-zone{text-align: center; position: relative; height:26.85rem; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom:1.2rem;}
.service .section01 .top-zone:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; background:#f8f8f8 url('/images/default/content/service-bg01.jpg')no-repeat center center; z-index:-1;}
.service .section01 .top-zone p{color:#fff;}
.service .section01 .bottom-zone{padding:5rem 0; text-align: center;}
.service .section02{}
.service .section02 .place-list{border-top:solid 1px #ddd;}
.service .section02 .place-list > li{display: flex; border-bottom:solid 1px #ddd; padding:2.75rem 0; align-items: flex-end; gap:5rem;}
.service .section02 .place-list .cts-l img{max-width: 100%}
.service .section02 .place-list .cts-r{display: flex; padding-bottom:4.5rem;}
.service .section02 .place-list .cts-r span{width:12rem; font-size:1.4rem; font-weight: 700; color:#333;}
.service .section02 .place-list .cts-r .info{width:calc(100% - 12rem);}
.service .section02 .place-list .cts-r .info li{font-size:1rem; padding-left:0.7rem; position: relative;}
.service .section02 .place-list .cts-r .info li:not(:last-child){margin-bottom:0.3rem;}
.service .section02 .place-list .cts-r .info li:after{content:''; display:block; position:absolute; width:8px; height:1px; background:#333; top:0.8rem; left:0;}
.service .btn-bx{text-align: center; padding-top:4rem;}
.service .link-btn{background: #836cd0; width:14.5rem; color:#fff; text-align: left; padding-right:0; padding-left:1.1rem;}
.service .link-btn:hover{background: #5e5189;}
.service .link-btn:after{width:0.9rem; height:0.9rem;background:url('/images/default/content/link-btn.svg')no-repeat center center; background-size: 0.9rem; right:1.1rem;}

@media (min-width:1950px){
	.service .section01 .top-zone:before{left:-50%; width:200%; background-size: cover;}
}
@media (max-width:1600px){
	.service .section02 .place-list .cts-l{width:45%;}
	.service .section02 .place-list .cts-r{width:55%; padding-bottom:2rem;}
}
@media (max-width:1300px){
	.service .section02 .place-list > li{gap:3rem;}
	.service .section02 .place-list .cts-r span{width:10rem;}
	.service .section02 .place-list .cts-r .info{width:calc(100% - 10rem);}
}
@media (max-width:1030px){
	.service .section01 .top-zone{height:20rem;}
	.service .section01 .top-zone:before{background-size: cover;}
	.service .section01 .bottom-zone{padding:3rem 0;}
	.service .section02 .place-list > li{flex-direction: column; gap:1.5rem; padding:2rem 0;}
	.service .section02 .place-list .cts-l{width:100%;}
	.service .section02 .place-list .cts-r{width:100%; padding-bottom: 0;}
	.service .section02 .place-list .cts-r span{font-size:1.3rem;}
	.service .btn-bx{padding-top:2rem;}
}
@media (max-width:500px){
	.service .section02 .place-list .cts-r{flex-direction: column; gap:0.5rem;}
}
@media (max-width:400px){
	.service .link-btn{width:70%;}
}