@charset "UTF-8";

/*header*/
header{
	z-index:101;
	position: fixed;
	top: 0;
	width:100%;
	height:70px;
	background: transparent;
	transition: background-color .3s;
}
header h1{
	z-index: 1;
	position: relative;
	float:left;
	margin-top:22px;
}
header:hover,
header.active{
	background: #fff;
	box-shadow: 0 6px 12px 0 rgb(0 0 0 / 4%);
}
header.active .gnb_w li a,
header.view .gnb_w li a,
header.view .gnb_w .util>a:nth-of-type(1){
    color: #333;
}
header:hover .gnb_w li a,
header.active .gnb_w .util a{
	color: #333;
}
header:hover .gnb_w .util>a{
	color: #333;
}
header:hover .gnb_w .util>a:nth-of-type(2)
,header.active .gnb_w .util>a:nth-of-type(2){
	color: #3182F6;
	border: 1px solid rgba(49, 130, 246, .5);
}
header.active .gnb_m .btn-menu .bar,
header.active .gnb_m .btn-menu::before,
header.active .gnb_m .btn-menu::after,
header:hover .gnb_m .btn-menu .bar,
header:hover .gnb_m .btn-menu::before,
header:hover .gnb_m .btn-menu::after,
header.view .gnb_m .btn-menu .bar,
header.view .gnb_m .btn-menu::before,
header.view .gnb_m .btn-menu::after{
    background: #333;
}
header h1 a{
    display:block;
    width: 112px;
    height:24px;
    background:url(/images/home/seller/logo.svg)no-repeat left center;
    background-size:100% auto;
}
header .gnb_w{
    color:#fff;
    height:70px;
    font-weight:700;
    position:relative;
    text-align:right;
    padding:16px 0;
}
header .gnb_w ul{
    display:inline-flex;
    margin-right:6vw;
    position:relative;
    top:3px;
}
header .gnb_w li a{
    position:relative;
    font-size:16px;
    padding:10px 44px;
}
header .gnb_w li a:hover,
header.view .gnb_w li a:hover,
header.view .gnb_w li a:active,
header.view .gnb_w .util>a:nth-of-type(1):hover{
    color: #3182F6;
}
header .gnb_w li a:hover::after{width:100%;left:0}
header .gnb_m{display:none}
header .wrap{max-width:1200px;height: 100%;margin: 0 auto;}
header .gnb_w .util{display:inline-block;font-size: 0;}
header .gnb_w .util > a{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.072;
    padding: 11px 24px 10px;
}
header .gnb_w .util > a:first-child{
    border: 1px solid rgba(255, 255, 255, .0);
}
header .gnb_w .util > a + a{
    border: 1px solid rgba(255, 255, 255, .2);
    margin-left: 15px;
}
header .gnb_w .util > a:first-child:hover{color:#3182F6;}
header .gnb_w .util > a + a:hover{color:#3182F6;border:1px solid rgba(49, 130, 246, .5)}

/* 초대페이지 헤더 */
header.view{
    background: #fff !important;
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 4%);
}
header.view .gnb_w .util>a:nth-of-type(2){
    color: #3182F6;
    border: 1px solid rgba(49, 130, 246, .5);
}
@media screen and (max-width: 1200px){
	header .wrap{
        padding: 0 20px;
    }
    header .gnb_w li a{
        padding-right:3vw;
        padding-left:3vw;
    }
}
@media screen and (max-width: 1024px){
    .drawer-overlay{
        background-color:rgba(0,0,0,.5);
    }
	header{height:56px}
	header .wrap{padding: 0;}
	header h1{margin:15px 0 0 20px}
	header h1 a{width: 98px;height:21px;position: relative;top:3px;}
	header .gnb_w{display:none}
	header .gnb_m{display:block;float:right}
	header .gnb_m .btn-menu{position:relative;width:21px;height:18px;margin:20px 20px 0 0;}
	header .gnb_m .btn-menu::before{content:'';position:absolute;display:block;width:20px;height:2px;top:1px;right:0;background:#fff}
	header .gnb_m .btn-menu::after{content:'';position:absolute;display:block;width:20px;height:2px;bottom:1px;right:0;background:#fff}
	header .gnb_m .btn-menu .bar{position:absolute;display:block;width:20px;height:2px;top:8px;right:0;background:#fff}
	header .gnb_m .btn-close{float:right;box-sizing: border-box; padding: 1px 6px; width:56px;height:56px;background:url(/images/home/seller/icon_close.svg)no-repeat center;background-size:18px auto;position: relative;right:-18px;}
	header .gnb_m .drawer-nav{width: 100%;right: -100%;background: #02122C;padding: 0 24px 24px 24px;}
    header .gnb_m .drawer-nav ul{
        margin-top: 81px;
        font-weight: 700;
    }
	header .gnb_m .drawer-nav li > a{display:block;padding:17px 0;font-size:19px;line-height:normal;color:#fff;}
    header .gnb_m .drawer-nav li > a.link::after{
        content: "";
        background: url(/images/home/seller/icon_link3.svg) no-repeat;
        width: 15px;
        height: 15px;
        display: inline-block;
        position: relative;
        top: 3px;
        left: 6px;
    }
	header .gnb_m .drawer-nav .wrap{
		padding: 81px 24px 0 24px;
	}
	header .gnb_m .drawer-nav .btn{
        position: absolute;
        bottom: 24px;
        left: 24px;
        right: 24px;
        display: inline-block;
        color: #fff;
        font-size: 15px;
        line-height: 1.134;
		font-weight: 800;
		padding: 16px 0 17px;
        border-radius: 4px;
        background: #3182F6;
    }
}

@media only screen and (max-width: 768px){
    html{
        font-size: 50%;
    }
    header .gnb_m .drawer-nav{
        width: 100%;
        right: -768px;
    }
}

/*main*/
#main .wrap{
	height: 100%;
    max-width: 1200px;
	position: relative;
	margin: 0 auto;
	padding: 0 20px;
	line-height: normal;
}
#main .tit{
	text-align: center;
}
#main .tit strong{
	font-weight: 800;
}
#main .tit p{
	font-size: 17px;
    line-height: 30px;
    color: #777;
	letter-spacing: 0;
}
#main .tit > div{
	font-size: 48px;
	line-height: 63px;
	color: #333;
	padding: 20px 0 10px;
	letter-spacing: -1.5px;
}
#main .section2 .tit span,
#main .section6 .tit span,
#main .section7 .tit span,
#main .picxell-introduce .tit span{
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	background: linear-gradient(to right, #5570F8, #3182F6);
    color: transparent;
    -webkit-background-clip: text;
}
#main .section1{
	background: url(/images/home/seller/img_seller_bg02.png) no-repeat;
	padding: 202px 0 191px;
	background-size: cover;
}
#main .section1 .wrap{
	width: 100%;
}
#main .section1 .txtbox{
	display: inline-block;
}
#main .section1 .tit{
	text-align: left;
	padding-bottom: 50px;
	position: relative;
    word-break:keep-all;
}
#main .section1 .tit .hashtag-wrap{
    color: rgba(255, 255, 255, .6);
	padding: 0;
	line-height: 1;
	letter-spacing: -0.5px;
	font-size: 0;
}
#main .section1 .tit .hashtag-wrap div{
	display: inline-block;
}
#main .section1 .main-txt{
    color: #fff;
    font-size: 58px;
	line-height: 1.1035;
	font-weight: 300;
    padding-bottom: 28px;
	letter-spacing:-4px;
}
#main .section1 .main-txt > strong{
    display: block;
    padding-top: 8px;
    font-size: 68px;
    line-height: 1.103;
    letter-spacing:-3px;
}
#main .section1 .sub-txt{
    display: inline-block;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.125;
    padding-bottom: 24px;
}
#main .section1 .hashtag-wrap span{
    display: inline-block;
	margin-right: 10px;
	font-size: 17px;
    font-weight:300;
    line-height: 1.118;
}
#main .section1 .imgbox{
	float: right;
	margin: -118px 0 0 0;
	width: 458px;
	font-size: 0;
}
#main .section1 .imgbox > div{
	opacity: 0;
	width: 140px;
	height: 480px;
	border-radius: 100px;
	display: inline-block;
	position: relative;
}
#main .section1 .imgbox .bg{
	width: 100%;
	height: 100%;
}
#main .section1 .imgbox img{
	opacity: 0;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
}
#main .section1 .imgbox .img-1{
	top: 49px;
}
#main .section1 .imgbox .img-2{
	top: 122px;
}
#main .section1 .imgbox .img-2,
#main .section1 .imgbox .img-3{
	margin-left: 19px;
}
#main .section1 .imgbox .img-1,
#main .section1 .imgbox .img-2,
#main .section1 .imgbox .img-3{
	overflow: hidden;
}
#main .section1 .imgbox .bg-1{
	background: #FFCD30;
}
#main .section1 .imgbox .bg-2{
	background: #2DD2A1;
}
#main .section1 .imgbox .bg-3{
	background: #655FFA;
}

/* imgbox animation */
#main .section1 .imgbox > div.on{
	animation: img-bg .3s forwards;
}
#main .section1 .imgbox > div.on img{
	animation: img-person .3s .15s forwards;
}
#main .section1 .imgbox > .img-2.on{
	animation-delay: .10s;
}
#main .section1 .imgbox > .img-2.on img{
	animation-delay: .20s;
}
#main .section1 .imgbox > .img-3.on{
	animation-delay: .15s;
}
#main .section1 .imgbox > .img-3.on img{
	animation-delay: .30s;
}
@keyframes img-bg{
	0%{
		transform: translateY(-50px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes img-person{
	0%{
		transform: translateY(50px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}

#main .section1 .btn{
	color: #34296B;
	font-weight: 800;
	font-size: 15px;
    line-height: 1.134;
    border: none;
	border-radius: 4px;
    padding: 23px 78px 22px 36px;
    background: #fff;
}
#main .section1 .btn-free-join{
    color:#fff;
    background-image: linear-gradient(180deg, #3E93F2 6.59%, #3856Ed 60.38%, #4D38ED 129.54%, #7C38ED 219.57%), linear-gradient(to bottom, #3C76F0 0%, #4D39ED 100%);
}
#main .section1 .btn-free-join span::after{
    border-color:#fff !important;
}
#main .section1 .btn + .btn{
    margin-left:8px;
}
#main .section1 .btn span{
    position: relative;
    display: inline-block;
}
#main .section1 .btn span::after{
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #34296B;
	transform: translateY(-2px) rotate(45deg);
	position: relative;
	top: 2px;
    right: -46px;
}
#main .section2{
    overflow: hidden;
    padding: 120px 0 96px;
	background: #F1F5FF;
}
#main .section2 .tit{
	padding-bottom: 30px;
}
#main .section2 .obj{
    width: 1010px;
    margin: 0 auto;
	text-align: center;
}
.picxell-info-wrap{
    position: relative;
    padding: 96px 0 108px;
    background: #E3EDFC;
}
.picxell-info-wrap .plus{
    position: absolute;
    top: -4.1rem;
    left: 50%;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: #E3EDFC;
    transform: translateX(-50%);
}
.picxell-info-wrap .plus::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    background: url(/images/home/seller/icon_plus.svg) no-repeat center;
    background-size: 100%;
    transform: translate(-50%, -50%);
}
.picxell-info-wrap .cont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.picxell-info-wrap .tit{
    font-size: 42px;
    font-weight: 400;
    line-height: 1.0956;
}
.picxell-info-wrap .tit strong{
    color: #333;
    display: inline-block;
}
.picxell-info-wrap .tit strong em{
    color: transparent;
    background: linear-gradient(90deg, #5570F8 0%, #3182F6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.picxell-info-wrap .obj{
    width: 920px;
    padding-top: 32px;
}
.picxell-info-wrap .obj > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 30px 30px 30px 148px;
    border-radius: 12px;
    background: #fff;
    background-repeat: no-repeat;
}
.picxell-info-wrap .obj .img-box{
    overflow: hidden;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #F191AF;
}
.picxell-info-wrap .obj .txt-box{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    padding-left: 52px;
    margin-top: 5px;
}
.picxell-info-wrap .obj .txt-box > strong{
    display: inline-block;
    color: #FF3577;
    font-size: 29px;
    font-weight: 800;
    line-height: 1.1035;
}
.picxell-info-wrap .obj .txt-box p{
    word-break: keep-all;
    font-size: 17px;
    line-height: 1.6475;
    margin: 12px 0 16px;
}
.picxell-info-wrap .obj .celeb-box .txt-box p{
    width: 85%;
}
.picxell-info-wrap .obj .txt-box p > strong{
    font-weight: 800;
}
.picxell-info-wrap .obj .celeb-box{
    margin-top: 12px;
    background-image: url(/images/home/seller/img_seller_info_bg01.png);
    background-size: 244px auto;
    background-position: left -5px bottom  -9px;
}
.picxell-info-wrap .obj .seller-box{
    background-image: url(/images/home/seller/img_seller_info_bg02.png);
    background-size: 255px auto;
    background-position: left -15px bottom  -5px;
}
.picxell-info-wrap .obj .seller-box .img-box{
    background: #100627;
}
.picxell-info-wrap .obj .seller-box .txt-box > strong{
    color: #321C85;
}
.picxell-info-wrap .obj .label-wrap{
    font-size: 0;
}
.picxell-info-wrap .obj .label-wrap span{
    display: inline-block;
    font-size: 13px;
    padding: 10px 17px;
    margin-top: 6px;
    border-radius: 50px;
    background: #F6F6F6;
}
.picxell-info-wrap .obj .label-wrap span + span{
    margin-left: 6px;
}

/* picxell-highlight */
.picxell-highlight{
    overflow: hidden;
    color: #fff;
    padding: 120px 0 144px;
    background: #1947BA;
}
#main .picxell-highlight .tit > div{
    color: #fff;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.4225;
}
#main .picxell-highlight .tit > div > div{
    font-size: 42px;
}
.picxell-highlight .tit span{
    display: inline-block;
    color: #B2F0F3;
    font-size: 20px;
    font-weight: 700;
}
.picxell-highlight .obj{
    padding-top: 56px;
}
.picxell-highlight ul{
    position: relative;
    width: 862px;
    margin: 0 auto;
}
.picxell-highlight ul::before,
.picxell-highlight ul::after{
    content: '';
    position: absolute;
    opacity: .16;
    border-radius: 12px;
    background: #fff;
    filter: blur(10px);
}
.picxell-highlight ul::before{
    top: 232px;
    right: -47px;
    width: 620px;
    height: 78px;
}
.picxell-highlight ul::after{
    bottom: 253px;
    left: 57px;
    width: 582px;
    height: 78px;
}
.picxell-highlight li{
    z-index: 1;
    word-break: keep-all;
    position: relative;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.765;
    text-align: left;
    border-radius: 12px;
    box-shadow: 0 6px 16px 8px rgba(0,0,0,.12);
}
.picxell-highlight li.quest{
    color: #333;
    padding: 25px 56px 23px;
    background: #fff;
}
.picxell-highlight li.answer{
    color: #fff;
    padding: 28px 46px 24px;
    margin: 20px 0 53px;
    background: linear-gradient(92deg, #607DFF 20.68%, #60A3FF 100%);
}
.picxell-highlight li::before,
.picxell-highlight li::after{
    z-index: 1;
    content: '';
    position: absolute;
    filter: drop-shadow(1px 20px 16px rgba(0,0,0,0.12));
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.picxell-highlight li.quest::after,
.picxell-highlight li.answer::before{
    top: -6px;
    width: 30px;
    height: 24px;
}
.picxell-highlight li.quest::after{
    right: 16px;
    background: url(/images/home/seller/img_quotes.svg) no-repeat center;
    background-size: 100% auto;
}
.picxell-highlight li.answer::before{
    left: 18px;
    background: url(/images/home/seller/img_quotes_gray.svg) no-repeat center;
    background-size: 100% auto;
}
.picxell-highlight li.answer strong{
    font-weight: 900;
    text-decoration: underline;
}
.picxell-highlight li.list01::before{
    top: 11px;
    left: -32px;
    width: 64px;
    height: 67px;
    background-image: url(/images/home/seller/img_emoji01.png);
}
.picxell-highlight li.list02{
    margin-left: 72px;
}
.picxell-highlight li.list02::after{
    right: -16px;
    bottom: -16px;
    width: 81px;
    height: 81px;
    background-image: url(/images/home/seller/img_emoji02.png);
}
.picxell-highlight li.list03{
    margin-left: 64px;
}
.picxell-highlight li.list03::before{
    top: 6px;
    left: -34px;
    width: 67px;
    height: 67px;
    background-image: url(/images/home/seller/img_emoji03.png);
}
.picxell-highlight li.list04{
    margin-left: 136px;
}
.picxell-highlight li.list04::after{
    right: -25px;
    bottom: -31px;
    width: 104px;
    height: 103px;
    background-image: url(/images/home/seller/img_emoji04.png);
}
.picxell-highlight li.list05::before{
    bottom: -9px;
    left: -25px;
    width: 78px;
    height: 65px;
    background-image: url(/images/home/seller/img_emoji05.png);
}
.picxell-highlight li.list06{
    margin: 20px 0 0 131px;
}
.picxell-highlight li.list06::after{
    right: -9px;
    bottom: -10px;
    width: 64px;
    height: 62px;
    background-image: url(/images/home/seller/img_emoji06.png);
}
.picxell-highlight .banner{
    width: 1080px;
    text-align: center;
    margin: 90px auto 0;
}
.picxell-highlight .banner a{
    display: inline-block;
}
.picxell-highlight .banner .img-m{
    display: none;
}

/* picxell-introduce */
.picxell-introduce{
    color: #fff;
    padding: 120px 0 130px;
    background: #2A3652;
}
#main .picxell-introduce .tit{
    padding-bottom: 38px;
}
#main .picxell-introduce .tit > div{
    color: #fff;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.389;
}
#main .picxell-introduce .tit > div > div{
    font-size: 48px;
}
.picxell-introduce .tit span{
    font-size: 20px;
}
.picxell-introduce .obj ul{
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 10px;
}
.picxell-introduce li{
    display: inline-block;
    width: calc(50% - 20px);
    height: 440px;
    font-size: 14px;
    vertical-align: top;
    padding: 56px 60px;
    margin: 10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .06);
}
.picxell-introduce li label{
    color: #3182F6;
    font-weight: 900;
    padding: 8px 13px 6px 11px;
    border-radius: 100px;
    border: 1px solid rgba(49, 130, 246, .22);
    background: rgba(49, 130, 246, .08);
}
.picxell-introduce li label::before{
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    vertical-align: middle;
    margin-right: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.picxell-introduce li .txt-box{
    margin-left: 5px;
}
.picxell-introduce li .txt-box strong{
    word-break: keep-all;
    display: block;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.375;
    padding: 12px 0;
}
.picxell-introduce li .txt-box p{
    word-break: keep-all;
    font-size: 16px;
    line-height: 1.813;
    letter-spacing: -.3px;
}
.picxell-introduce li .txt-box small{
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 8px;
    margin-top:8px;
}
.picxell-introduce li .txt-box small::before{
    content: "*";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.picxell-introduce li .txt-box small.red{
    color: #FF7575;
    font-weight: 700;
}
.picxell-introduce li .txt-box a{
    position: relative;
    display: inline-block;
    color: #3182F6;
    font-weight: 800;
    line-height: 1.072;
    padding: 6px 0;
    margin-top: 18px;
}
.picxell-introduce li .txt-box a::after{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 0 -2px 6px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #3182F6;
    transform: translateY(-2px) rotate(45deg);
}
.picxell-introduce li.item01 label::before{
    background-image: url(/images/home/seller/icon_zero.svg);
}
.picxell-introduce li.item02 label::before{
    background-image: url(/images/home/seller/icon_search.svg);
}
.picxell-introduce li.item03 label::before{
    background-image: url(/images/home/seller/icon_list.svg);
}
.picxell-introduce li.item04 label::before{
    background-image: url(/images/home/seller/icon_won.svg);
}
.picxell-introduce li.item05 label::before{
    background-image: url(/images/home/seller/icon_bag.svg);
}
.picxell-introduce li.item06 label::before{
    background-image: url(/images/home/seller/icon_box.svg);
}
.picxell-introduce li.item07 label::before{
    background-image: url(/images/home/seller/icon_chat.svg);
}
.picxell-introduce li.item08 label::before{
    background-image: url(/images/home/seller/icon_fast.svg);
}
.picxell-introduce li.item09 label::before{
    background-image: url(/images/home/seller/icon_invite.svg);
}
.picxell-introduce li.item10 label::before{
    background-image: url(/images/home/seller/icon_percentage.svg);
}

#main .section6{
	background: #F8F8F8;
	padding: 108px 0 130px;
}
#main .section6 .tit div{
    letter-spacing: -1px;
}
#main .section6 .swiper-container{
    border-radius: 30px;
    box-shadow: 0 0 39px 16px rgba(0,0,0,.05);
}
#main .section6 .swiper-slide{
    overflow: hidden;
    height: 580px;
    background: linear-gradient(to right top, #4D557B, #233047);
}
#main .section6 .obj{
    height: 100%;
}
#main .section6 .obj .box{
    position: relative;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 55px 0 0 53px;
}
#main .section6 .obj .box strong{
    font-size: 36px;
    font-weight:800;
    line-height:1.35;
}
#main .section6 .obj .num{
    font-size: 88px;
    font-weight: 800;
    color: #576188;
}
#main .section6 .obj p{
    word-break: keep-all;
    padding-top: 24px;
	font-size: 16px;
	font-weight: 300;
    line-height: 1.813;
}
#main .section6 .obj p > span{
    display: inline-block;
}
#main .section6 .obj em{
    color: #FF7575;
    font-weight: 700;
}
#main .section6 .obj .txt{
    text-align: left;
    margin:-36px 0 0 37px;
    letter-spacing: -.2px;
}
#main .section6 .obj .txt > em{
    display: block;
	font-size: 14px;
    line-height:1.75;
    margin-top: 8px;
}
#main .section6 .obj .txt > em + em{
    margin-top: 2px;
}
#main .section6 .obj .step2 .txt p{
    width: 22%;
}
#main .section6 .obj .step5 .txt p{
    width:26%;
}
#main .section6 .objbox{
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
}
#main .section6 .objbox img{
    width: 700px;
}
#main .section6 .swiper-pagination{
    position: unset;
    width: 480px;
    height: 56px;
    background: #fff;
    margin: 18px auto 28px;
    border-radius: 50px;
    padding: 5px;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.04);
}
#main .section6 .swiper-pagination-bullets .swiper-pagination-bullet{
    background: #fff;
    width: auto;
    height: 46px;
    padding: 15px 21px 13px;
    border-radius: 50px;
    font-size: 15px;
    color: #777;
    opacity: 1;
    margin: 0;
    font-weight: 700;
}
#main .section6 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: linear-gradient(to right top, #5570F8, #3182F6);
    color: #fff;
    font-weight: 800;
}

#main .section7{
	padding: 100px 0 130px;
}
#main .section7 .tit{
	padding-bottom: 58px;
}
#main .section7 .tit img{
	margin: 0 4px 7px 0;
	width: 204px;
}
#main .section7 .obj{
	overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
#main .section7 .obj .item{
	width: 45.087%;
}
#main .section7 .obj .pg{
	background: #F5F7FD;
	padding: 48px 44px 50px 55px;
	border-radius: 10px;
}
#main .section7 .obj .link{
	width: 48px;
	height: 48px;
	border-radius: 50%;
	float: right;
	position: relative;
	top: -8px;
}
#main .section7 .obj .pg .link{
	background: #BAC5E7 url(/images/home/seller/icon_link.svg) no-repeat center;
}
#main .section7 .obj .escrow .link{
	background: #BEBEBE url(/images/home/seller/icon_link.svg) no-repeat center;
}
#main .section7 .link2{
	background: url(/images/home/seller/icon_link.svg) no-repeat;
	width: 15px;
	height: 15px;
	background-size: cover;
	position: absolute;
	display: inline-block;
	top: -8px;
	right: 0;
}
#main .section7 .item dt{
	margin-bottom: 69px;
	font-size: 30px;
	color: #333;
	font-weight: 900;
}
#main .section7 .item dd{
	font-size: 17px;
}
#main .section7 .item dd strong{
	display: block;
	font-weight: 800;
	margin-top: 12px;
}
#main .section7 .obj .escrow{
	background: #F6F7F7;
	padding: 48px 44px 50px 55px;
	border-radius: 10px;
}
#main .section8{
	background: url(/images/home/seller/img_seller_bg03.png) no-repeat center;
	background-size: cover;
	padding: 95px 0 89px;
}
#main .section8 img{
	display: block;
	margin: 0 auto;
	width: 256px;
}
#main .section8 .tit span{
    display: inline-block;
    color: #fff;
    font-size: 22px;
    line-height: 1.091;
}
#main .section8 .tit span em{
    display: inline-block;
    font-weight: 900;
    padding-left: 2px;
}
#main .section8 .tit p{
	font-size: 56px;
	color: #fff;
	font-weight: 800;
	text-shadow: 0px 0px 18px rgba(0,0,0,0.14);
	display: block;
	margin-top: 22px;
	line-height: 1.1074;
    letter-spacing:-2px;
}
#main .section8 .btn-area{
	text-align: center;
	margin-top: 44px;
}
#main .section8 .btn{
    position: relative;
    display: inline-block;
    color: #333;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.118;
    padding: 23px 33px 22px 36px;
    border: none;
    border-radius: 5px;
    background: #fff;
}
#main .section8 .btn::after{
	content: "";
    display: inline-block;
    margin-left: 18px;
    width: 9px;
    height: 9px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #333;
    transform: translateY(-2px) rotate(45deg);
	position: relative;
	top: 1px;
}
@media screen and (min-width: 1241px){
    #main .section1 .wrap{
        padding:0;
    }
    #main .section1 .main-txt > span{
        padding-top:4px;
    }
}
@media screen and (max-width: 1440px){
	#main .tit > div{
        font-size: 42px;
		line-height: 54px;
    }
	#main .tit p{
        font-size: 15px;
        letter-spacing: -0.5px;
		line-height: 28px;
    }
	#main .section1{
		padding: 188px 0 181px;
	}
	#main .section1 .tit{
		padding-bottom: 40px;
	}
	#main .section1 .imgbox .img-2,
	#main .section1 .imgbox .img-3{
		margin-left: 16px;
	}
	#main .section1 .imgbox{
		width: 45%;
		text-align: right;
		margin: -108px 0 0 0;
	}
	#main .section1 .imgbox div{
		width: 130px;
		height: 445px;
	}
	#main .section1 .txtbox{
		width: 54%;
	}
	#main .section1 .main-tit{
		font-size: 58px;
	}
	#main .section1 .hashtag-wrap span{
		font-size: 16px;
        line-height: 1.188;
		margin-right: 8px;
	}
	#main .section1 .main-txt{
		font-size: 54px;
        padding-bottom: 22px;
	}
    #main .section1 .main-txt > strong{
        font-size: 64px;
    }
    #main .section1 .sub-txt{
        font-size: 20px;
        line-height: 1.15;
    }
	#main .section1 .sub span{
		font-size: 16px;
	}
	#main .section1 .btn{
		font-size: 14px;
        line-height: 1.215;
		padding: 22px 60px 21px 32px;
	}
    #main .section1 .btn span::after{
        right: -31px;
    }
	#main .section2{
		padding: 110px 0 120px;
	}
	#main .section2 .tit{
		padding-bottom: 10px;
	}
	#main .section2 .tit span{
		font-size: 18px;
	}
    #main .section2 .obj{
        width: 85%;
    }

    /* picxell-highlight */
    .picxell-highlight{
        padding: 110px 0 120px;
    }
    .picxell-highlight .tit span{
        font-size: 18px;
    }

    /* picxell-introduce */
    .picxell-introduce{
        padding: 100px 0;
    }

	#main .section6{
		padding: 98px 0 120px;
	}
    #main .section6 .swiper-slide{
        height: 600px;
    }
	#main .section6 .objbox img{
		width: 61%;
	}
	#main .section6 .tit span{
		font-size: 18px;
	}


	#main .section7{
		padding: 90px 0 120px;
	}
	#main .section7 .tit{
		padding-bottom: 50px;
	}
	#main .section7 .tit span{
		font-size: 18px;
	}
	#main .section7 .tit img{
		width: 160px;
	}
	#main .section7 .item dt{
		font-size: 24px;
	}
	#main .section7 .item dd{
		font-size: 15px;
	}
	#main .section7 .item dd strong{
		margin-top: 8px;
	}
	#main .section7 .obj .link{
		width: 40px;
		height: 40px;
	}
	#main .section7 .obj .pg .link{
		background-size: 14px;
	}
	#main .section7 .obj .escrow .link{
		background-size: 14px;
	}
	#main .section7 .obj{
		gap: 15px;
	}
	#main .section8{
		padding: 85px 0 80px;
	}
	#main .section8 .tit span{
		font-size: 19px;
	}
	#main .section8 .tit p{
		font-size: 50px;
		margin-top: 12px;
	}
	#main .section8 .btn{
		padding: 22px 30px 22px 35px;
		font-size: 16px;
	}
	#main .section8 .btn::after {
		margin-left: 12px;
		width: 8px;
		height: 8px;
	}
	#main .section8 .btn-area{
		margin-top: 34px;
	}
}
@media screen and (max-width: 1240px){
    #main .section1 .main-txt > span{
        display:block;
    }
}
@media screen and (max-width: 1200px){
    .picxell-highlight .banner{
        width: 100%;
        padding: 0 20px;
    }
}
@media screen and (max-width: 1024px){
    #main ~ footer{
        padding-bottom: 20vw;
    }
	#main .section1{
		padding: 116px 0 0 0;
	}
	#main .section1 .wrap{
		padding-bottom: 30px;
	}
	#main .section1 .txtbox{
		width: 100%;
        padding-left: 10vw;
    }
	#main .section1 .tit{
		padding-bottom: 0;
	}
	#main .section1 .tit .hashtag-wrap div{
		display: block;
        margin-top: .8vw;
	}
	#main .section1 .imgbox{
		margin: 0;
		width: 100%;
		float: none;
		padding-right: 100px;
		height: 493px;
	}
	#main .section1 .imgbox div{
		width: 115px;
		height: 392px;
	}
	#main .section1 .btnbox{
    	z-index: 1;
		width: 100%;
		text-align: center;
		margin-left: 0;
		left: 0;
	}
    #main .section1 .btn.btn-free-join{
        position: fixed;
        bottom:15px;
        left:15px;
        right:15px;
        color: #fff;
        padding: 1px;
        font-size:14px;
        background-image: linear-gradient(180deg, #3E93F2 6.59%, #3856Ed 60.38%, #4D38ED 129.54%, #7C38ED 219.57%), linear-gradient(to bottom, #3C76F0 0%, #4D39ED 100%);
        background-origin: border-box;
        background-clip: content-box, border-box;
        box-shadow: 0 0 8px 0 rgba(0,0,0,.08);
        z-index:2;
    }
    #main .section1 .btn.btn-free-join span{
        padding: 14px 10px 13px;
    }
    #main .section1 .btn.btn-free-join span::after{
        display: none;
    }
    #main .section1 .btn + .btn{
        margin-left:auto;
    }
    #main .section1 .btn-proposal-view{
        margin-top:28px;
        color:#34296B;
        background-image:none;
        background-color:#fff;
    }
    #main .section1 .btn-proposal-view span::after{
        border-color:#34296B !important;
    }
	#main .section1 .sub span{
		font-size: 16px;
	}
	#main .section2 .obj{
        width: 100%;
		text-align: right;
	}
	#main .section2 .obj img{
		position: relative;
		right: 48px;
        width: 85%;
	}

    /* picxell-info-wrap */
    .picxell-info-wrap .obj{
        width: 87%;
    }
    .picxell-info-wrap .obj > div{
        padding-left: 9.6vw;
    }
    .picxell-info-wrap .obj .celeb-box{
        background-size: 18.56vw auto;
        background-position: left -.5vw bottom -.5vw;
    }
    .picxell-info-wrap .obj .seller-box{
        background-size: 19.6vw auto;
    }
    .picxell-info-wrap .obj .txt-box{
        padding-left: 6%;
    }
    .picxell-info-wrap .obj .seller-box .txt-box p{
        width: 95%;
    }

    /* picxell-highlight */
    .picxell-highlight .obj{
        padding-top: 5vw;
    }
    .picxell-highlight ul{
        width: 83vw;
    }
    .picxell-highlight ul::before{
        top: 26%;
        right: -6%;
        width: 62vw;
        height: 7.7vw;
    }
    .picxell-highlight ul::after{
        bottom: 36%;
        left: 4%;
        width: 55vw;
        height: 7.7vw;
    }
    .picxell-highlight li.quest{
        padding: 2.5vw 5.47vw 2.3vw;
    }
    .picxell-highlight li.answer{
        padding: 2.8vw 4.6vw 2.4vw;
        margin: 2vw 0 4.5vw;
    }
    .picxell-highlight li.list01{
        margin-right: 12vw;
    }
    .picxell-highlight li.list02{
        margin-left: 7.2vw;
    }
    .picxell-highlight li.list03{
        margin-left: 6.4vw;
    }
    .picxell-highlight li.list04{
        margin-left: 11.6vw;
    }
    .picxell-highlight li.list05{
        margin-right: 13.6vw;
    }
    .picxell-highlight li.list06{
        margin-left: 14.6vw;
    }
    .picxell-highlight .banner{
        padding: 0;
        margin-top: 4vw;
    }
    /* picxell-introduce */
    .picxell-introduce .obj ul{
        margin: 0 auto;
    }
    .picxell-introduce li{
        padding:5% 5%;
        margin:8px;
    }

    #main .section6 .swiper-container{
        width: 80%;
        margin: 0 auto;
    }
    #main .section6 .swiper-slide{
        height: auto;
    }
    #main .section6 .obj .step2 .txt p{
        width: 90%;
    }
    #main .section6 .obj .step5 .txt p{
        width: 100%;
    }
    #main .section6 .obj .box{
        padding-bottom: 47.7vw;
    }
    #main .section6 .objbox img{
        width: 88%;
    }

	#main .section7 .obj .escrow{
		padding: 43px 39px 45px 50px;
	}
	#main .section7 .obj .pg{
		padding: 43px 39px 45px 50px;
	}
	#main .section7 .obj .item{
		width: 40%;
	}
}
@media screen and (max-width: 991px){
    .picxell-info-wrap .obj > div{
        padding: 3.33vw 6.77vw 3.33vw 8.28vw;
    }
    .picxell-info-wrap .obj .img-box{
        width: 27%;
        height: auto;
        min-width: 18rem;
    }
    .picxell-info-wrap .obj .txt-box{
        padding-left: 5.47%;
    }
    .picxell-info-wrap .obj .celeb-box .txt-box p,
    .picxell-info-wrap .obj .seller-box .txt-box p{
        width: 100%;
    }
    .picxell-info-wrap .obj .label-wrap span{
        font-size: 1.32vw;
        padding: .81vw 1.22vw;
    }
    .picxell-info-wrap .obj .label-wrap span + span{
        margin-left: .52vw;
    }
    .picxell-introduce li{
        width:68%;
        height: auto;
        padding:6% 6% 8%;
        margin-right:auto;
        margin-left:auto;
    }
    .picxell-introduce li .txt-box p{
        width:80%;
    }
}
@media screen and (max-width: 768px){
	#main .tit p{
		line-height: 1.6;
		font-size: 3vw;
		margin: 0 auto;
		word-break: keep-all;
	}
	#main .wrap{
		padding: 0 20px;
	}
	#main .tit > div{
		width: 72vw;
		word-break: keep-all;
		font-size: 6.5vw;
		padding: 4.5vw 0 2.8vw;
		line-height: 1.3;
		margin: 0 auto;
	}
	#main .section1{
		padding: 16.5vw 0 0 0;
	}
	#main .section1 .wrap{
		padding-bottom: 25px;
	}
	#main .section1 .imgbox div{
		width: 15.8vw;
		height: 54vw;
	}
	#main .section1 .txtbox{
		padding: 0;
	}
	#main .section1 .imgbox{
		padding-right: 0;
		height: 71vw;
	}
	#main .section1 .imgbox .img-1{
		top: 5.5vw;
	}
	#main .section1 .imgbox .img-2{
		top: 15vw;
	}
	#main .section1 .imgbox .img-2,
	#main .section1 .imgbox .img-3{
		margin-left: 2vw;
	}
	#main .section1 .hashtag-wrap span{
		font-size: 2.5vw;
		margin-right: 1.825vw;
	}
	#main .section1 .tit .hashtag-wrap div{
		margin-top: 1.6vw;
	}
	#main .section1 .main-txt{
		font-size: 8.5vw;
		letter-spacing: -0.2vw;
        padding-bottom: 4.2vw;
		line-height: 1.2;
		width: 100%;
		margin: 0;
	}
    #main .section1 .sub-txt{
        font-size: 3vw;
        padding-bottom: 1.83vw;
    }
	#main .section1 .tit .hashtag-wrap{
		width: auto;
	}
    #main .section1 .main-txt > strong{
		font-size: 9vw;
        padding-top: 1vw;
	}
    #main .section1 .btn-proposal-view{
        margin-top:5vw;
        padding:2.8vw 7.2vw 2.8vw 4.4vw;
        font-size:2.2vw;
    }
    #main .section1 .btn-proposal-view span::after{
        right:-3vw;
        width:1.1rem;
        height:1.1rem;
    }
    @keyframes updown {
        0%{
            transform: translateY(-10px);
        }
        50%{
            transform: translateY(0px);
        }
        100%{
            transform: translateY(0px);
        }
    }

	#main .section2{
		padding: 13vw 0 15vw;
		overflow: hidden;
	}
    #main .section2 .tit > div{
        width: 100%;
    }
    #main .section2 .tit > div em{
        display: block;
    }
	#main .section2 .tit span,
    #main .picxell-highlight .tit span,
    #main .picxell-introduce .tit span,
	#main .section6 .tit span,
	#main .section7 .tit span{
		font-size: 2.7vw;
        line-height: 1;
	}
	#main .section2 .obj img{
		right: 4vw;
	}
	#main .section2 .tit{
		padding-bottom: 5.5vw;
	}
	#main .section2 .tit p{
		width: 48vw;
	}

    /* picxell-highlight */
    .picxell-highlight{
        padding: 13vw 0 15vw;
    }
    #main .picxell-highlight .tit > div,
    #main .picxell-highlight .tit > div > div{
        font-size: 6.5vw;
    }
    .picxell-highlight ul::before{
        top: 28%;
        height: 11vw;
    }
    .picxell-highlight ul{
        width: 77vw;
    }
    .picxell-highlight ul::after{
        bottom: 33%;
        left: 4%;
        height: 11vw;
    }
    .picxell-highlight li{
        font-size: 2.5vw;
    }
    .picxell-highlight li.quest{
        padding: 3.3vw 7.1vw 3vw;
    }
    .picxell-highlight li.answer{
        padding: 3.7vw 6vw 3.15vw;
        margin-top: -1.5vw;
        margin-bottom: 6vw;
    }
    .picxell-highlight li.list03{
        margin-right: 9vw;
    }
    .picxell-highlight .banner .img-m{
        display: block;
        width:80vw;
    }
    .picxell-highlight .banner .img-pc{
        display: none;
    }

    /* picxell-info-wrap */
    .picxell-info-wrap{
        padding: 12vw 0;
    }
    .picxell-info-wrap .plus{
        top: -4.75rem;
        width: 10.5rem;
        height: 10.5rem;
    }
    .picxell-info-wrap .plus::after{
        width: 3.4rem;
        height: 3.4rem;
    }
    .picxell-info-wrap .tit{
        font-size: 6.5vw;
        line-height: 1.3;
    }
    .picxell-info-wrap .tit strong{
        display: block;
    }
    .picxell-info-wrap .obj{
        width: 60vw;
        padding-top: 5vw;
    }
    .picxell-info-wrap .obj > div{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 8.73vw 9.17vw 13.2vw;
    }
    .picxell-info-wrap .obj .img-box{
        width: 65%;
        min-width: 0;
    }
    .picxell-info-wrap .obj .celeb-box{
        margin-top: 1.57vw;
        background-size: 42% auto;
    }
    .picxell-info-wrap .obj .seller-box{
        background-size: 45% auto;
        background-position: left bottom -.2vw;
    }
    .picxell-info-wrap .obj .txt-box{
        text-align: center;
        padding-left: 0;
        margin-top: 6vw;
    }
    .picxell-info-wrap .obj .txt-box > strong{
        display: inline-block;
        font-size: 4.17vw;
        line-height: 1.077;
    }
    .picxell-info-wrap .obj .txt-box p{
        font-size: 2.5vw;
        margin: 4% auto 5.25%;
    }
    .picxell-info-wrap .obj .label-wrap span{
        font-size: 2vw;
        padding: 1.8vw 2.3vw;
        margin-top: 1.35vw;
    }
    .picxell-info-wrap .obj .label-wrap span + span{
        margin-left: 1vw;
    }

    /* picxell-introduce */
    .picxell-introduce{
        padding: 13vw 0;
    }
    #main .picxell-introduce .tit{
        padding-bottom: 2.8vw;
    }
    #main .picxell-introduce .tit > div,
    #main .picxell-introduce .tit > div > div{
        width: 100%;
        font-size: 6.5vw;
    }
    .picxell-introduce .obj ul{
        width: 80%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .picxell-introduce li{
        width:92%;
    }
    .picxell-introduce li label{
        font-size: 2vw;
        padding: 1.4vw 2.3vw 1vw 1.5vw;
    }
    .picxell-introduce li label::before{
        width: 3.4vw;
        height: 3.4vw;
    }
    .picxell-introduce li .txt-box strong{
        font-size: 4.17vw;
        padding: 2.5vw 0 2vw;
    }
    .picxell-introduce li .txt-box p{
        font-size: 2.5vw;
        width:92%;
    }
    .picxell-introduce li .txt-box small{
        font-size: 2.2vw;
    }
    .picxell-introduce li .txt-box a{
        font-size: 2vw;
    }

	#main .section6{
		padding: 13vw 0 15vw;
	}
    #main .section6 .swiper-container{
        width: 80vw;
        border-radius: 26px;
    }
	#main .section6 .obj .num{
		font-size: 10vw;
	}
    #main .section6 .obj .step5 .txt p{
        width: 85%;
    }
    #main .section6 .obj .step2 p > span:first-child{
        display: inline;
    }
    #main .section6 .obj .step2 p > span:last-child{
        display: inline-block;
    }
    #main .section6 .obj .step5 p > span{
        display: inline;
    }
	#main .section6 .obj .txt > em{
		font-size: 2.65vw;
		line-height: 1.5;
        margin-top: 2vw;
	}
    #main .section6 .obj .box{
        padding: 5.5vw 0 56vw 4vw;
    }
	#main .section6 .obj .box strong{
		font-size: 5.5vw;
	}
	#main .section6 .obj p{
		font-size: 3vw;
        padding-top: 3.2vw;
		line-height: 1.6;
	}
	#main .section6 .tit div{
		padding: 4.5vw 0 0;
	}
    #main .section6 .swiper-pagination{
		width: 100%;
        height: auto;
		padding: 0;
        margin: 3vw auto 4vw;
        border-radius: unset;
        background: none;
        box-shadow: none;
	}
    #main .section6 .swiper-pagination-bullets .swiper-pagination-bullet{
		width: 1.8vw;
		height: 1.8vw;
		font-size: 0;
		padding: 0;
		margin-left: 1.66vw;
		background: #D9D9D9;
	}
    #main .section6 .swiper-pagination-bullets .swiper-pagination-bullet:first-child{
        margin-left: 0;
    }

	#main .section7{
		padding: 13vw 0 15vw;
	}
	#main .section7 .tit img{
		width: 28vw;
		margin: -1vw 0.8vw 0;
	}
	#main .section7 .tit p{
		width: 66vw;
	}
	#main .section7 .tit div{
		width: 59vw;
	}
	#main .section7 .tit{
		padding-bottom: 8vw;
	}
	#main .section7 .obj{
		flex-direction: column;
		gap: 3.5vw;
	}
	#main .section7 .obj .link{
		width: 6.3vw;
		height: 6.3vw;
		position: relative;
		top: -1.2vw;
	}
	#main .section7 .obj .link::after{
		width: 2.5vw;
		height: 2.5vw;
		top: 2.2vw;
		right: 2.2vw;
	}
	#main .section7 .obj .pg .link{
		background-size: 2vw;
	}
	#main .section7 .obj .escrow .link{
		background-size: 2vw;
	}
	#main .section7 .obj .item{
		width: 72vw;
	}
	#main .section7 .link{
		width: 7.1vw;
		height: 7.1vw;
	}
	#main .section7 .link2{
		width: 7.1vw;
		height: 7.1vw;
	}
	#main .section7 .item dt{
		font-size: 4.5vw;
		margin-bottom: 12vw;
	}
	#main .section7 .item dd{
		font-size: 2.7vw;
	}
	#main .section7 .item dd strong{
		margin-top: 2vw;
	}
	#main .section7 .obj .pg{
		padding: 5vw 5vw 6vw 7vw;
	}
	#main .section7 .obj .escrow{
		padding: 6vw 7vw 6vw 7vw;
	}
	#main .section8{
		padding: 17vw 0 16vw;
		background: url(/images/home/seller/img_seller_bg04.png) no-repeat;
		background-size: cover;
	}
	#main .section8 .tit span{
		font-size: 3.7vw;
	}
	#main .section8 .tit img{
		width: 50vw;
		padding-bottom: 1.66vw;
	}
	#main .section8 .tit p{
		font-size: 8vw;
		margin-top: 5vw;
	}
	#main .section8 .btn-area{
		margin-top: 7vw;
	}
	#main .section8 .btn{
		font-size: 3.2vw;
		padding: 4.3vw 6vw;
		border-radius: 6px;
	}
	#main .section8 .btn::after{
		width: 1.5vw;
		height: 1.5vw;
		margin-left: 2vw;
		border-width: 3px 3px 0 0;
		top: 0;
	}
	#main .section8 .tit p strong{
		display: block;
		margin-top: 1.8vw;
	}
}
@media screen and (max-width: 575px){
	#main .tit > div{
		width: 80vw;
		font-size: 7.5vw;
		padding: 5.6vw 0 3.055vw;
	}
	#main .tit p{
		font-size: 3.88vw;
		line-height: 1.7;
	}
	#main .section1{
		padding-top: 20vw;
	}
	#main .section1 .imgbox .img-1{
		top: 7vw;
	}
	#main .section1 .imgbox .img-2{
		top: 18vw;
	}
	#main .section1 .imgbox .img-2,
	#main .section1 .imgbox .img-3{
		margin-left: 3vw;
	}
	#main .section1 .imgbox div{
		width: 23.05vw;
		height: 79vw;
	}
	#main .section1 .imgbox{
		height: 99vw;
	}
	#main .section1 .hashtag-wrap span{
		font-size:3vw;
	}
    #main .section1 .btn-proposal-view{
        padding:3.4vw 7.6vw 3.2vw 4vw;
        font-size:2.8vw;
    }
    #main .section1 .btn-proposal-view span::after{
        right:-3.6vw;
        width:1rem;
        height:1rem;
        border-width:.3rem .3rem 0 0;
    }
	#main .section1 .main-txt{
        padding-bottom:5.2vw;
	}
    #main .section1 .main-txt > strong{
        font-size: 10vw;
    }
    #main .section1 .sub-txt{
        font-size:3.6vw;
        padding-bottom:3.2vw;
    }
	#main .section2,
    #main .picxell-introduce,
	#main .section6,
	#main .section7{
		padding: 16.66vw 0 19.5vw;
	}
	#main .section2 .tit span,
    #main .picxell-introduce .tit span,
    #main .picxell-highlight .tit span,
	#main .section6 .tit span,
	#main .section7 .tit span{
		font-size: 3.61vw;
	}
    #main .section2 .wrap{
        padding: 0;
    }
	#main .section2 .tit{
		padding-bottom: 3.5vw;
	}
	#main .section2 .tit p{
		width: 58vw;
	}
	#main .section2 .obj{
		width: 100%;
		text-align: center;
	}
	#main .section2 .obj img{
		width: 93vw;
		right: -3.5vw;
	}

    /* picxell-info-wrap */
    .picxell-info-wrap .obj{
        width: 70vw;
    }
    .picxell-info-wrap .tit{
        font-size: 7.5vw;
        line-height: 1.28;
    }

    /* picxell-introduce */
    #main .picxell-introduce .tit > div,
    #main .picxell-introduce .tit > div > div{
        font-size: 7.5vw;
    }
    .picxell-introduce li{
        width:98%;
        padding:9vw 11vw 13vw 8.4vw;
        margin:8px auto;
        border-radius: 10px;
    }
    .picxell-introduce li label{
        font-size: 2.5vw;
    }
    .picxell-introduce li label::before{
        width: 4vw;
        height: 4vw;
    }
    .picxell-introduce li .txt-box strong{
        font-size: 6.4vw;
        padding: 2.8vw 0 2vw;
    }
    .picxell-introduce li .txt-box p{
        width:100%;
        font-size: 3vw;
    }
    .picxell-introduce li .txt-box a{
        font-size: 2.5vw;
    }

    /* picxell-highlight */
    #main .picxell-highlight{
        padding: 16.66vw 0 19.5vw;
    }
    #main .picxell-highlight .tit > div,
    #main .picxell-highlight .tit > div > div{
        font-size: 7.5vw;
    }
    .picxell-highlight li{
        font-size: 3vw;
    }
    .picxell-highlight li.answer{
        padding: 5vw 7vw;
    }
    .picxell-highlight li.quest::after,
    .picxell-highlight li.answer::before{
        top: -1.5vw;
        width: 5.15vw;
        height: 4.4vw;
    }
    .picxell-highlight li.quest::after{
        right: 3vw;
    }
    .picxell-highlight li.answer::before{
        left: 3vw;
    }
    .picxell-highlight li.list01::before{
        top: auto;
        bottom: .5vw;
        left: -4vw;
        width: 9vw;
        height: 9vw;
    }
    .picxell-highlight li.list02::after{
        right: -3vw;
        bottom: -1.5vw;
        width: 11vw;
        height: 10vw;
    }
    .picxell-highlight li.list03::before{
        top: 7vw;
        left: -5vw;
        width: 9vw;
        height: 9vw;
    }
    .picxell-highlight li.list04::after{
        right: -4vw;
        bottom: -4vw;
        width: 15vw;
        height: 15vw;
    }
    .picxell-highlight li.list05::before{
        bottom: -2.5vw;
        left: -5vw;
        width: 10vw;
        height: 10vw;
    }
    .picxell-highlight li.list06{
        margin-left: 9.6vw;
    }
    .picxell-highlight li.list06::after{
        right: -1vw;
        bottom: -1vw;
        width: 8vw;
        height: 8vw;
    }
    #main .section6 .swiper-container{
        width: 100%;
        border-radius: 14px;
    }
	#main .section6 .obj .num{
		font-size: 12.2vw;
	}
	#main .section6 .obj .txt > em{
		font-size: 3.05vw;
		line-height: 1.5;
	}
    #main .section6 .obj .box{
        padding: 8.05vw 0 66vw 4.5vw;
    }
	#main .section6 .objbox img{
        width: 83vw;
	}
	#main .section6 .obj .txt{
		margin: -5vw 0 0 5vw;
	}
	#main .section6 .obj .box strong{
		font-size: 6.4vw;
	}
	#main .section6 .obj p{
		font-size: 3.2vw;
        padding-top: 4vw;
		line-height: 1.8;
	}
	#main .section6 .tit div{
		padding: 5.56vw 0 0;
	}
    #main .section6 .swiper-pagination{
        margin: 2.5vw auto 5vw;
    }
    #main .section6 .swiper-pagination-bullets .swiper-pagination-bullet{
		width: 2vw;
		height: 2vw;
	}
	#main .section7 .tit img{
		width: 32.5vw;
		margin: -1vw 1vw 0;
	}
	#main .section7 .tit p{
		width: 85vw;
	}
	#main .section7 .tit div{
		width: 69vw;
	}
	#main .section7 .tit{
		padding-bottom: 9.75vw;
	}
	#main .section7 .obj{
		flex-direction: column;
		gap: 3.5vw;
	}
	#main .section7 .obj .link{
		width: 7.223vw;
		height: 7.223vw;
		position: relative;
		top: -1.2vw;
	}
	#main .section7 .obj .link::after{
		width: 2.5vw;
		height: 2.5vw;
		top: 2.2vw;
		right: 2.2vw;
	}
	#main .section7 .obj .pg .link{
		background-size: 2.5vw;
	}
	#main .section7 .obj .escrow .link{
		background-size: 2.5vw;
	}
	#main .section7 .obj .item{
		width: 83.3vw;
	}
	#main .section7 .link{
		width: 7.1vw;
		height: 7.1vw;
	}
	#main .section7 .link2{
		width: 7.1vw;
		height: 7.1vw;
	}
	#main .section7 .item dt{
		font-size: 5.2vw;
		margin-bottom: 14.166vw;
	}
	#main .section7 .item dd{
		font-size: 3.333vw;
	}
	#main .section7 .item dd strong{
		margin-top: 2.77vw;
	}
	#main .section7 .obj .pg{
		padding: 6.95vw 6.11vw 6.95vw 8.33vw;
		border-radius: 5px;
	}
	#main .section7 .obj .escrow{
		padding: 6.95vw 6.11vw 6.95vw 8.33vw;
	}
	#main .section8{
		padding: 19.75vw 0 18.611vw;
	}
	#main .section8 .tit img{
		width: 50vw;
		padding-bottom: 1.66vw;
	}
	#main .section8 .tit div{
		font-size: 8.9vw;
    	margin-top: 2.2vw;
	}
	#main .section8 .tit span{
		font-size: 4.44vw;
	}
	#main .section8 .btn{
		font-size: 3.89vw;
		padding: 5vw 7.5vw 5vw 6.6vw;
		border-radius: 4px;
	}
	#main .section8 .btn::after{
		width: 2vw;
		height: 2vw;
		border-width: 2px 2px 0 0;
		top: 0.3vw;
	}
	#main .section8 .tit p{
		margin-top: 4.167vw;
		font-size: 8.88vw;
	}
	#main .section8 .tit span::before{
		width: 11.67vw;
		height: 4.2vw;
	}
	#main .section8 .tit p strong{
		margin-top: 1.6vw;
	}
}
@media screen and (max-width: 425px){
	#main .section1{
		padding-top:27vw;
	}
    #main .section1 .btn-proposal-view span::after{
        width:.8rem;
        height:.8rem;
        border-width:.2rem .2rem 0 0;
    }
    #main .section2 .tit p{
        width: 60vw;
    }
    #main .section2 .obj img{
        right: -4.5vw;
    }

    /* picxell-info-wrap */
    .picxell-info-wrap{
        padding: 14.2vw 0 19.5vw;
    }
    .picxell-info-wrap .plus{
        top: -4.2rem;
        width: 8.25rem;
        height: 8.25rem;
    }
    .picxell-info-wrap .plus::after{
        width: 2.25rem;
        height: 2.25rem;
    }
    .picxell-info-wrap .tit{
        font-size: 7.5vw;
        line-height: 1.3615;
    }
    .picxell-info-wrap .obj{
        width: 78vw;
        padding-top: 6vw;
    }
    .picxell-info-wrap .obj .img-box{
        width: 66%;
    }
    .picxell-info-wrap .obj .txt-box > strong{
        font-size: 6.12vw;
    }
    .picxell-info-wrap .obj .txt-box p{
        font-size: 3.3vw;
    }
    .picxell-info-wrap .obj .celeb-box{
        margin-top: 3vw;
        background-position: left -.2rem bottom -.4rem;
    }
    .picxell-info-wrap .obj .seller-box{
        background-position: left bottom -.3rem;
    }
    .picxell-info-wrap .obj .label-wrap span{
        font-size: 2.84vw;
        padding: 1.9vw 3.53vw;
    }

    /* picxell-introduce */
    .picxell-introduce .obj ul{
        width: 85%;
    }
    .picxell-introduce li label{
        font-size: 3.07vw;
    }
    .picxell-introduce li label::before{
        width: 5vw;
        height: 5vw;
    }
    .picxell-introduce li .txt-box strong{
        font-size: 6.12vw;
        padding: 3.5vw 0;
    }
    .picxell-introduce li .txt-box p{
        font-size: 3.3vw;
    }
    .picxell-introduce li .txt-box p small{
        font-size: 3.05vw;
    }
    .picxell-introduce li .txt-box a{
        font-size: 3.3vw;
    }

    /* picxell-highlight */
    .picxell-highlight ul{
        width: 70vw;
    }
    .picxell-highlight ul::before,
    .picxell-highlight ul::after{
        filter: blur(6px);
    }
    .picxell-highlight ul::before{
        top: 30%;
    }
    .picxell-highlight ul::after{
        bottom: 28%;
        left: -4%;
    }
    .picxell-highlight li{
        font-size: 2.83vw;
    }
    .picxell-highlight li.answer{
        margin-bottom: 6vw;
    }
    .picxell-highlight li.list01{
        margin-right: 7vw;
    }
    .picxell-highlight li.list02{
        margin-left: 10vw;
    }
    .picxell-highlight li.list03{
        margin-right: 9vw;
        margin-left: 0;
    }
    .picxell-highlight li.list05{
        margin-right: 0;
    }
    .picxell-highlight li.list06{
        margin-left: 8vw;
    }
    .picxell-highlight .banner .img-m{
        width: 100%;
    }

    #main .section6 .obj .step2 .txt p{
        width: 83%;
    }
    #main .section6 .obj .box{
        padding-bottom: 63vw;
    }
    #main .section6 .objbox img{
        width: 80vw;
    }
}
@media screen and (max-width: 375px){
    .picxell-info-wrap .obj{
        width: 100%;
    }
    .picxell-introduce li .txt-box a::after{
        width: 1.8vw;
        height: 1.8vw;
        margin: 0 0 -.5vw 1.3vw;
    }
}
@media screen and (max-width: 360px){
    /* picxell-highlight */
    #main .picxell-highlight{
        padding-bottom: 22.3vw;
    }
    .picxell-highlight .banner{
        margin-top:12vw;
    }
    #main .section8 .btn::after{
        width: 2.2vw;
        height: 2.2vw;
        top: .5vw
    }
}
@media screen and (max-width: 320px) {
    #main .section6 .obj .step2 .txt p{
        width: 85%;
    }
    #main .section6 .objbox img{
        width: 78vw;
    }

}

/* floating menu */
.floating-menu{
    z-index: 9;
    position: fixed;
    bottom: 80px;
    right: 17px;
    text-align: center;
}
.floating-menu .btn{
    padding: 0;
    margin: 0 auto;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
}
.floating-menu .btn-start{
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    margin-bottom: 12px;
    background: linear-gradient(0deg, #6c48fd -3.33%, #ff828d 100%);
    box-shadow: 0 0 8px rgba(0, 0, 0, .08);
}
.floating-menu .btn-start .mask{
    overflow: hidden;
    position: relative;
    bottom: 40px;
    left: 50%;
    width: 104px;
    height: 130px;
    border-radius: 0 0 50% 50%;
    transform: translateX(-50%);
}
.floating-menu .btn-start .mask::before{
    z-index: 1;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 39px;
    background: linear-gradient(180deg, rgba(108, 73, 253, 0) 22.43%, #6c49fd 103.19%);
}
.floating-menu .btn-start .mask img{
    position: absolute;
    bottom: 0;
    left: 50%;
    max-width: unset;
    width: 104px;
    height: auto;
    transform: translateX(-50%);
}
.floating-menu .btn-start .text{
    position: absolute;
    width: 100%;
    bottom: 1px;
    filter: drop-shadow(0 1px 6px rgba(0,0,0,0.6));
}
.floating-menu .btn-start .text :is(strong, span){
    display: block;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.072;
}
.floating-menu .btn-start .text :is(strong:last-of-type, span:last-of-type){
    margin-top: 1px;
}
.floating-menu .btn-start .text strong{
    z-index: 1;
    position: relative;
    background: linear-gradient(180deg, #98ebe6 0%, #fcd7e6 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.floating-menu .btn-start .text span{
    z-index: 0;
    position: absolute;
    width: 100%;
    color: transparent;
    -webkit-text-stroke: 3px #0f063d;
}
.floating-menu .btn-top{
    width: 56px;
    height: 56px;
    margin-bottom:10px;
    background:#fff url(/images/home/seller/icon_quick2.svg) no-repeat center;
}
@media screen and (max-width: 1024px){
    .floating-menu{
        bottom: 85px;
        right: 15px;
    }
}
@media screen and (max-width: 768px){
    .floating-menu{
        bottom: 116px;
    }
    .floating-menu .btn-start{
        width: 56px;
        height: 56px;
        margin-bottom: 8px;
    }
    .floating-menu .btn-start .mask{
        bottom: 4px;
        width: 107%;
        height: 105%;
    }
    .floating-menu .btn-start .mask::before{
        height: 24px;
    }
    .floating-menu .btn-start .mask img{
        width: 107%;
    }
    .floating-menu .btn-start .text :is(strong, span){
        font-size: 10px;
    }
    .floating-menu .btn-top{
        width: 36px;
        height: 36px;
        margin-bottom: 8px;
        background-size: 12px 14px;
    }
}
@media screen and (max-width: 425px){
    .floating-menu{
        right: 5px;
    }
}

    /*footer*/
footer{width:100%;background:#EFF1F2;padding:42px 0 61px;line-height:normal;}
.footer-wrap{max-width:1200px;margin:0 auto;}
.footer-wrap .link-wrap{padding-bottom:21px;}
.footer-wrap .link-area{position:relative;max-width:1200px;margin:0 auto;height:41px;}
.footer-wrap .link-area .terms{display: inline-block;position:relative;top:10px;}
.footer-wrap .link-area .terms a{font-size: 13px; color: #565656;}
.footer-wrap .link-area .terms a+a{margin-left: 16px; font-weight: 800;}
.footer-wrap .link-area .terms a+a:before {
    content: " ";
    display: inline-block;
    margin-right: 16px;
    vertical-align: -2px;
    background: #565656;
    width: 1px;
    height: 12px;
	opacity: 20%;
}
.footer-wrap .link-area .familysite .site-lst.on{
	display: block;
	background: #E8EAEB;
	border-bottom: 1px solid #e0e0e0;
	padding: 5px 0;
}
.footer-wrap .link-area .familysite{
	float: right;
    width: 167px;
	position: relative;
}
.footer-wrap .link-area .familysite .select-btn{
	position: absolute;
	right: 13px;
	top: 14px;
	display: inline-block;
	width: 11px;
	height: 11px;
}
.footer-wrap .link-area .familysite .select-btn::after{
	content: "";
    background: url(/images/home/seller/icon_more.svg) no-repeat;
    width: 11px;
    height: 11px;
    transition: all .2s;
	float: right;
	background-size: cover;
}
.footer-wrap .link-area .familysite .select-btn.on:after{
	transform: rotate(45deg);
}
.footer-wrap .link-area .familysite .site-lst button[aria-expanded='true']::after{
	background: url(/images/home/seller/icon_close_m.png) no-repeat;
	width: 11px;
	height: 11px;
	transition: all .2s;
	float: right;
	background-size: cover;
}
.footer-wrap .link-area .familysite button{
	width: 100%;
    height: 41px;
    padding: 0 20px;
    font-size: 12px;
    font-weight: 600;
    color: #969696;
    text-align: left;
	background: rgba(150,150,150,0.08);
}
/* .footer-wrap .link-area .familysite .site-lst[aria-hidden='true']{display: none;} */
/* .footer-wrap .link-area ul{float: left;} */
.footer-wrap .link-area .familysite .site-lst{
    display: none;
    position: absolute;
    bottom: 4rem;
    width: 100%;
    padding: 1rem 0;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #E2E3E4;
    background: #E8EAEB;
}
.footer-wrap .link-area .familysite .site-lst li a{
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #858585;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	padding: 10px 20px 10px;
    transition: color .2s;
}
.footer-wrap .link-area .familysite .site-lst li a:hover{
    color: #333;
}
.footer-wrap .link-area .familysite .site-lst li{
    width: 100%;
}
.footer-wrap .copyright-area .address-wrap{max-width: 1200px; margin: 0 auto; line-height: normal;}
.footer-wrap .copyright-area{font-size: 13px; color: #565656;}
.footer-wrap .copyright-area .address-wrap .company * {margin: 0 15px 12px 0;word-break:keep-all;}
.footer-wrap .copyright-area .address-wrap .copyright {margin-top: 32px; color: #969696; font-size: 11px;}
.footer-wrap .copyright-area .address-wrap .registration-number::after{
	content: "";
	display: inline-block;
	background: url(/images/home/seller/icon_link2.svg) no-repeat;
	width: 10px;
	height: 10px;
	margin-left: 3px;
	position: relative;
	top: 1px;
	background-size: 100%;
}
@media screen and (max-width: 1440px){
	.footer-wrap{
		padding: 0 20px;
	}
}
@media screen and (max-width: 768px) {
	footer{
		padding: 8.5vw 0 15vw;
	}
	.footer-wrap .link-area{
		height: auto;
	}
	.footer-wrap .link-area .familysite{
		float: none;
		width: 100%;
	}
	.footer-wrap .link-area .familysite .select-btn{
		position: absolute;
		right: 5vw;
		top: 4vw;
		display: inline-block;
		width: 3vw;
		height: 3vw;
	}
	.footer-wrap .link-area .familysite .select-btn::after{
		content: "";
		background: url(/images/home/seller/icon_more.svg) no-repeat;
		width: 2.6vw;
		height: 2.6vw;
		transition: all .2s;
		float: right;
		background-size: cover;
	}
	.footer-wrap .link-area .familysite button{
		height: 10.5vw;
		font-size: 2.7vw;
		padding: 0 4.17vw;
	}
	.footer-wrap .link-area .familysite .site-lst{
		width: 100%;
		bottom: 10.5vw;
	}
	.footer-wrap .link-area .familysite .site-lst li a{
		font-size: 2.7vw;
		padding: 2.5vw 4.17vw;
	}
	.footer-wrap .link-area .terms a{
		font-size: 2.8vw;
	}
	.footer-wrap .link-area .terms{
		padding-bottom: 4vw;
		top: 0;
	}
	.footer-wrap .link-area .familysite .site-lst.on{
		padding: 1vw 0;
	}
	.footer-wrap .link-wrap{
		padding-bottom: 5vw;
	}
	.footer-wrap .copyright-area{
		font-size: 2.8vw;
	}
	.footer-wrap .copyright-area .address-wrap .copyright{
		font-size: 2.7vw;
		margin-top: 4vw;
	}
	.footer-wrap .copyright-area .address-wrap .copyright span{
		display: block;
		padding-top: 2.1vw;
	}
	.footer-wrap .link-area .familysite button::after{
		width: 3vw;
		height: 3vw;
	}
	.footer-wrap .copyright-area .address-wrap .company *{
		margin: 0 3.05vw 0 0;
		line-height: 2.2;
	}
	.footer-wrap .copyright-area .address-wrap .email{
		display: inline-block;
	}
	.footer-wrap .copyright-area .address-wrap .registration-number{
		display: inline-block;
	}
	.footer-wrap .copyright-area .address-wrap .registration-number::after{
		width: 2.5vw;
		height: 2.5vw;
		top: 0.3vw;
	}
	.footer-wrap .link-area .terms a+a:before{
		height: 3vw;
		vertical-align: -0.7vw;
		margin-right: 2.5vw;
	}
	.footer-wrap .link-area .terms a+a{
		margin-left: 2.5vw;
	}
	.footer-wrap .copyright-area .report-number{
		display: block;
	}
}
@media screen and (max-width: 575px){
	footer{
		padding: 8.89vw 0 22vw;
	}
	.footer-wrap .link-area .familysite .select-btn::after{
		width: 3vw;
		height: 3vw;
	}
	.footer-wrap .link-area .familysite button{
		height: 11vw;
		font-size: 3.055vw;
	}
	.footer-wrap .link-area .familysite .site-lst li a{
		font-size: 3.333vw;
		padding: 2.7vw 4.17vw;
	}
	.footer-wrap .link-area .terms a{
		font-size: 3.33vw;
	}
	.footer-wrap .link-area .terms{
		padding-bottom: 5.5vw;
	}
	.footer-wrap .link-wrap{
		padding-bottom: 6.8vw;
	}
	.footer-wrap .copyright-area{
		font-size: 3.33vw;
	}
	.footer-wrap .copyright-area .address-wrap .copyright{
		font-size: 3.06vw;
	}
	.footer-wrap .copyright-area .address-wrap .copyright span{
		padding-top: 2.22vw;
	}
	.footer-wrap .link-area .familysite button::after{
		width: 3vw;
		height: 3vw;
	}
	.footer-wrap .copyright-area .address-wrap .email{
		display: inline-block;
	}
	.footer-wrap .copyright-area .address-wrap .registration-number::after{
		width: 2.8vw;
		height: 2.8vw;
	}
	.footer-wrap .link-area .terms a+a:before{
		height: 3.3vw;
		vertical-align: -0.7vw;
		margin-right: 3.33vw;
	}
	.footer-wrap .link-area .terms a+a{
		margin-left: 3.33vw;
	}
}

/* bg image */
.bg-img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scale(1.1);
    transition: transform .5s ease;
}
.bg-img img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}
.bg-img.active{
    transform: scale(1);
}

/* pagination */
.pagination{
    font-size: 0;
    text-align: center;
    margin-top: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.pagination li{
    display: inline-block;
    vertical-align: middle;
}
.pagination a{
    position: relative;
    display: block;
    width: 3.4rem;
    height: 3.4rem;
    font-size: 1.3rem;
    line-height: 1.2;
    padding: 1rem;
}
.pagination a.active{
    color: #fff;
    text-align: center;
    font-weight: 800;
    border-radius: 50%;
    background: #3182F6;
}
.pagination a.arrow::after{
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(/images/home/seller/icon_pagintation_left.svg) no-repeat center;
    background-size: 100% 100%;
}
.pagination a.arrow.next::after{
    background: url(/images/home/seller/icon_pagintation_right.svg) no-repeat center;
    background-size: 100% 100%;
}
@media only screen and (max-width: 768px){
    .pagination a{
        width: 3.75rem;
        height: 3.75rem;
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 425px) {
    .pagination a {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.375rem;
    }
    .pagination a.arrow {
        vertical-align: top;
    }
    .pagination a.arrow::after {
        width: 9px;
        height: 9px;
        margin-bottom: -1px;
    }
}
/* sub page header */
.subpage header{
	border-bottom: 1px solid rgba(255, 255, 255, .12);
    background: transparent;
}
.subpage header:hover,
.subpage header.active{
    background: #fff;
}
.subpage header:hover .gnb_w li a,
.subpage header:hover .gnb_w .util a{
    color: #333;
}
.subpage header .gnb_w li a:hover,
.subpage header .gnb_w .util a:hover{
    color: #3182F6;
}
.subpage header:hover .gnb_w .util>a:nth-of-type(2){
    color: #3182F6;
}

/* sub page */
.sub-page-wrap{
    margin: 0 auto 12rem;
}
.sub-page-wrap .btn > span{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}
.sub-tit-wrap{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 36rem;
    text-align: center;
}
.sub-tit-wrap .inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}
.sub-tit-wrap h2{
    color: #fff;
    font-size: 4.4rem;
    font-weight: 800;
    padding-top: 7.3rem;
    text-shadow: 0 0 2rem rgba(0, 0, 0, .28);
}