@charset "utf-8";

/*************************************************
	휴대폰 인증
*************************************************/
.page-campaignsignin { width:100%; min-height:100%; padding:3.5rem 0 20px; background-color:#fff; box-sizing: border-box; }
.page-campaignsignin h1 { color:#444; max-width:500px; line-height:1; margin:0 auto; font-size:43px; font-weight:300; padding:0 1.5rem 0; }
.page-campaignsignin h1 a:not(.btn-type) { display:block; background-repeat:no-repeat; font-size:0; line-height:0; width:110px; height:30px; margin:0 0 20px 0; background-image: url(../img/logo_tenping_new.png?version=202012041040); background-size:110px 30px; background-position:0 0; }
.page-campaignsignin .mem-btn { margin-right:-260px; padding:10px; display:block; position:absolute; top:2.85rem; right:50%; color:#777; font-size:18px; }
.page-campaignsignin .form-type .check-type label { font-size:14px; }
.page-campaignsignin .txt-point { border-top:none; }
.page-campaignsignin .form-type { padding:0 1.5rem 20px; }
.page-campaignsignin .form-tit { font-size:43px; font-weight:300; padding-top:0; margin-top:-7px; }
.page-campaignsignin .form-tit:after { margin:21px 0 15px; }
.page-campaignsignin .tab-mem > a { top:-73px; }
.page-campaignsignin .form-type > .form-txt.s1 { margin-top:-5px; }
@media (max-width:768px) {
	.page-campaignsignin .form-tit { font-size:36px; }
	.page-campaignsignin .tab-mem a { font-size:14px; right:10px; margin:0; padding:5px; top:-51px; }
}


/*************************************************
	구매 - 쇼핑몰
*************************************************/
.page-main.page-shopping .list-type .inner { text-align:center; }

.page-main .txt-type02.bn-league span.btn-detail { z-index:8; }
.page-main .txt-type02.bn-sp { z-index:8; }
.page-main .txt-type02.bn-report { z-index:8; }

.page-main.page-shopping.style2 .list-type .list-cont .list-tit { font-size:16px; -webkit-line-clamp:2; height:48px; }
.page-main.page-shopping.style2 .list-type .list-footer .icon-k { display:inline-block; }
.page-main.page-shopping.style2 .list-type .list-photo .logo-uuumall { width:75px; height:30px; background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040); background-size:800px 1000px; position:absolute; bottom:3px; left:0; background-repeat:no-repeat; background-position:3px -109px; z-index:1; opacity:0.9; }

.page-main.page-shopping .list-type .list-cont a .list-txt p { margin:2px 0; }
.page-main.page-shopping .list-type .list-cont em { color:#ef2c6c; font-weight:500; position:relative; float:right; }
.page-main.page-shopping .list-type .list-cont em.rate { font-weight:500; color:#999; }
.page-main.page-shopping .list-type .list-cont em.rate.up { font-weight:600; color:#ef2c6c; }

.page-main.page-shopping.style2 .list-type .list-photo figure { margin:0; position:relative;  }
.page-main.page-shopping.style2 .list-type .list-photo figure,
.page-main.page-shopping.style2 .list-type .list-photo figure span { width:100%; height:100%; padding-top:100%; display:block; background-image:url(../images/img-product00.png?version=202012041040); background-position:center; background-repeat:no-repeat; background-size:cover; transition:opacity ease-out 0.5s;
	image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
	image-rendering: -moz-crisp-edges;          /* Firefox                        */
	image-rendering: -o-crisp-edges;            /* Opera                          */
	image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
	image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}

.page-main.page-shopping.style2 .list-type .list-photo figure span {  position:absolute; top:0; left:0; opacity:0; padding-top:0; }
.page-main.page-shopping.style2 .list-type .list-photo:hover figure span { opacity:1; padding-top:0; background-size:cover; }

.page-main.page-shopping .list-type .list-cont {  border:1px solid rgba(0,0,0,0.1); /*box-shadow:0 1px 1px 1px rgba(0,0,0,0.01);*/ box-shadow:none; width:223px; margin:5px 5px 15px 5px; }
.page-main.page-shopping .list-form.s1 { width:calc(100% - 14px); border-radius:3px; margin:0 auto; margin-bottom:10px; border:none; margin-right:3px; background-color:#fff; box-shadow:none; }
.page-main.page-shopping .list-type.s1 .list-footer { min-height:45px; }
.page-main.page-shopping .list-form.s1 .form-tit { color:#444; float:left; margin:31px 0 0px 0; font-size:18px; font-weight:400; }

.page-main.page-shopping .list-form.s1 .form-title { font-size: 16px; color:#000; font-weight:400; width:100%; text-align:center; margin-top:20px; height:22px; }
.page-main.page-shopping .list-form.chrome .area-form { padding:0 !important; }
.page-main.page-shopping .list-form.chrome .area-form:last-child { margin-top:4px; float:left; width:100%; }
.page-main.page-shopping .list-form.chrome .area-form .form-box { background-color:#f0f1f3; height:64px; }
.page-main.page-shopping .list-form.chrome .area-form .form-box.s2 { padding-left:20px; }
.page-main.page-shopping .list-form.chrome .area-form .input-type { float:right; margin:14px 0; max-width:500px; padding-right:20px; width:50%; }
.page-main.page-shopping .list-form.chrome .area-form .label-img { content:''; width:82px; height:64px; display:block; background-color:#26356f; background-size:640px auto; margin-right:20px; float:left; font-size:18px; line-height:3.5; color:#fff; font-weight:300; }
.page-main.page-shopping .list-form.chrome .area-form .btn-type02 { width:100%; margin:0; border-radius:0; padding:3px; border-color:#e5e5e5; font-size:13px; height:25px; }
.page-main.page-shopping .list-form.chrome .area-form .ui-cont.ui-toggle-open + .btn-type02::after { content:'접기'; width:100px; background-position:-453px -135px; background-size:640px auto; background-image: url(../img/bg_shapes_sprite@2x.png?version=202012041040); display:inline-block; margin-left:2px; background-repeat:no-repeat; }
.page-main.page-shopping .list-form.chrome .area-form .ui-cont + .btn-type02::after { content:'자세히 보기'; width:100px; background-position:-435px -114px; background-size:640px auto; background-image: url(../img/bg_shapes_sprite@2x.png?version=202012041040); display:inline-block; margin-left:-10px; background-repeat:no-repeat; } 

.page-main.page-shopping .list-form.chrome .area-form .label-img.s2 { overflow:hidden; position:relative; }
.page-main.page-shopping .list-form.chrome .area-form .label-img.s2::before,
.page-main.page-shopping .list-form.chrome .area-form .label-img.s2::after { position:absolute; z-index:-1; content:''; display:block; border:4px solid #c7373a; }
.page-main.page-shopping .list-form.chrome .area-form .label-img.s2 span { position:absolute; display:block; width:40px; padding:4px 0; background-color:#ec5053; box-shadow:0 2px 5px rgba(0,0,0,.1); color:#fff; font-size:13px; text-shadow:0 1px 1px rgba(0,0,0,.2); text-align:center; }
.page-main.page-shopping .list-form.chrome .area-form .label-img.s2 span { top:2px; transform: rotate(-45deg); left:-29px; height:15px; line-height:1.3; width:83px; }

.page-main.page-shopping .list-form.chrome .area-form .btn-chrome2 { width:240px; height:40px; background-image:url(../img/bg_shapes_sprite@2x.png?version=202012041040); background-repeat:no-repeat; background-position:-164px -250px; background-size:640px auto; float:right; margin:12px 20px 0 0; font-size:14px; color:#fff; line-height:2.7; text-indent:12px; }
.page-main.page-shopping .list-form.chrome .area-form .btn-uuu { width:180px; height:40px; background-image:url(../img/bg_shapes_sprite@2x.png?version=202012041040); background-repeat:no-repeat; background-position:-164px -290px; background-size:640px auto; float:right; margin:12px 20px 0 0; font-size:14px; color:#000; line-height:2.7; text-indent:60px; }

.page-main.page-shopping .list-form .form-cont.open { float:left; width:100%; max-width:inherit; background-color:#f0f1f3; margin:0; }
.page-main.page-shopping .list-form .form-cont textarea { margin:0; max-width:600px; background-color:#fff; }
.page-main.page-shopping .list-form .form-cont .btn-type03 { margin:0 auto; max-width:600px; margin-bottom:20px; border-radius:0; margin-top:5px; }
.page-main.page-shopping .list-form .form-cont:before { display:none; }

.page-main.page-shopping .list-form .form-cont .img-step-wrap { width:100%; text-align:center; background-color:#ece6f7; padding-top:10px; padding-bottom:10px; }
.page-main.page-shopping .list-form .form-cont .img-step-wrap.s2 { background-color:#e2ebfb; }
.page-main.page-shopping .list-form .form-cont .img-step-wrap .img-step { margin:0 auto; }
.page-main.page-shopping .list-form .form-cont .img-step-wrap area { outline:none; border:none; }
.page-main.page-shopping .list-form .form-cont .img-step-wrap .img-step.style2 { display:none; }

.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square { width:calc(100% - 10px); padding:5px; }
.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square ul { }
.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li { width:20%; font-size:14px; display:inline-block; background-color:#fff; margin:0 12px; text-align:left; border-radius:7px; height:60px; padding:5px 10px; letter-spacing:-0.03em; }
.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li .num { text-align:center; width:30px; height:30px; display:inline-table; background-color:#363636; color:#fff; border:50px;  border-radius:50px; font-size:16px; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li .benefit { text-align:left; word-break:keep-all; width:calc(100% - 50px); display:inline-table; line-height:1.2; padding-left:10px; position:relative; top:38%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li .benefit strong { color:#dc3545; font-weight:500; }
.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li .benefit span.notice { font-size:12px; }
.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li .num span.step { line-height:1.7; }

.page-main.page-shopping [class^=tab-type03] { border-bottom:none; z-index:16; }
.page-main.page-shopping .tab-type03 li { background-color:#fff; border:1px solid #e5e5e5; text-align:center; color:inherit; width:calc(70% - 4px); position:relative; }
.page-main.page-shopping .tab-type03 li:nth-child(2) { width:calc(30% - 4px); }
.page-main.page-shopping .tab-type03 li.goods a { color:inherit; }
.page-main.page-shopping .tab-type03 li a { color:inherit; padding:11px; font-size:15px; }
.page-main.page-shopping .tab-type03 li.on { color:#333; background-color:#fff; border:1px solid #26356f; }

.page-main.page-shopping .tab-type03 li.on:after { content:''; width:20px; height:20px; position:absolute; top:30px; background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040); background-repeat:no-repeat; background-position:-488px -35px; background-size:800px 1000px;	}
_:-ms-fullscreen, :root .page-main.page-shopping .tab-type03 li.on:after { left:49%; }
_:-ms-fullscreen, :root .page-main.page-shopping .tab-type03 li + li.on:after { left:49%; }
	
.page-main.page-shopping [class^=tab-type] li a, .page-main.page-shopping [class^=tab-type] li button { margin-bottom:0; }
.page-main.page-shopping .tab-type03 li a:before { background-image:none; }
.page-main.page-shopping .list-type .inner .inner { text-align:left; }

.page-main.page-shopping .list-type.s1 .list-form .btn-sns:before { margin:inherit; width:46px; height:46px; background-image:url(../img/bg_sns_sprite.png?version=202012041040); background-size: 640px auto; }
.page-main.page-shopping .s1 .list-form .icon-k:before { background-position:-65px -46px; }
.page-main.page-shopping .s1 .list-form .icon-f:before { background-position:-130px -46px; }
.page-main.page-shopping .s1 .list-form .icon-n:before { background-position:-195px -46px; }
.page-main.page-shopping .s1 .list-form .icon-t:before { background-position:-260px -46px; }
.page-main.page-shopping .arrow-ani { position:relative; z-index:2; display:inline-block; transition:opacity .3s; float:right; width:56px; height:50px; }
.page-main.page-shopping .arrow-ani span { position:absolute; top:23px; width:16px; height:16px; border-left:1px solid #000; border-bottom:1px solid #000; -webkit-transform:rotate(225deg); transform:rotate(225deg); -webkit-animation:sdb07 2s infinite;animation:sdb07 2s infinite;opacity:0; box-sizing:border-box; }
.page-main.page-shopping .arrow-ani span:nth-of-type(1) { -webkit-animation-delay:0s; animation-delay:0s; left:0; }
.page-main.page-shopping .arrow-ani span:nth-of-type(2) { -webkit-animation-delay:.15s; animation-delay:.15s; left:12px; }
.page-main.page-shopping .arrow-ani span:nth-of-type(3) { -webkit-animation-delay:.3s; animation-delay:.3s; left:24px; }
@-webkit-keyframes sdb07 {
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:0; }
}
@keyframes sdb07 {
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:0; }
}

@media (min-width:1951px) {
    .page-main.page-shopping [class^=tab-type03] { margin:0 auto; padding-top:5px; padding-bottom:15px; }
    _:-ms-fullscreen, :root .page-main.page-shopping [class^=tab-type03] { max-width:inherit; } 
    .page-main.page-shopping .tab-type03.style2 { margin:0 auto; padding-top:5px; padding-bottom:15px; margin-left:38px; margin-right:38px; background-color:#fff; }
}
@media (max-width:1950px) {
    .page-main.page-shopping [class^=tab-type03] { max-width:1407px; margin:0 auto; padding-top:5px; padding-bottom:15px; }
    .page-main.page-shopping .tab-type03.style2 { max-width:100%; margin:0 auto; padding-top:5px; padding-bottom:15px; margin-left:38px; margin-right:38px; background-color:#fff; }
    _:-ms-fullscreen, :root .page-main.page-shopping [class^=tab-type03] { max-width:inherit; }
}
@media (max-width:1720px) {
    .page-main.page-shopping [class^=tab-type03] { max-width:1171px; }
}
@media (max-width:1480px) {
	.page-main.page-shopping [class^=tab-type03] { max-width:933px; }
}
@media (max-width:1240px) {
    .page-main.page-shopping [class^=tab-type03] { max-width:701px; }
}
@media screen and (min-width:1480px) and (max-width:1720px) {
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li { font-size:13px; }
}
@media screen and (min-width:1240px) and (max-width:1480px) {
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li { width:20%; height:68px; margin:0 10px; font-size:12px; }
}
@media (max-width:1240px) {
    .page-main.page-shopping [class^=tab-type03] { max-width:701px; }
}
@media (max-width:1239px) {
   	.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li { width:calc(100% - 60px); height:36px; margin-bottom:8px; }
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li:last-child { margin-bottom:0; }
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li .benefit { top:30%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
    transform:translateY(-50%); }
	.page-main.page-shopping .list-form.chrome .area-form .form-box.s2 { padding-left:0; }
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li .num { width:28px; height:28px; font-size:15px; top:50%; }
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li .num span.step { line-height:1.7; }
	
	.page-main.page-shopping.style2 .list-form.chrome .area-form .form-box.s2 { padding-left:20px; }
}

@media screen and (min-width:768px) and (max-width:1480px) {
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .img-step.style1 { display:none; }
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .img-step.style2 { display:block; }
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .img-step.style2 img { width:580px; }
}

@media screen and (min-width:768px) and (max-width:1240px) {
	.page-main.page-shopping .list-form.chrome .area-form .form-box { height:95px; }
	.page-main.page-shopping .list-form.chrome .area-form .label-img { width:82px; height:95px; line-height:5; }
	.page-main.page-shopping .list-form.s1 .form-tit { height:20px; margin:25px 0 0 0; font-size:18px; width:400px; text-align:left; }
	.page-main.page-shopping .list-form.chrome .area-form .input-type { width:300px; float:left; margin:0; }
	.page-main.page-shopping .list-form.chrome .area-form .btn-chrome2 { float:left; margin:2px 0 0 0; }
	.page-main.page-shopping .list-form .form-cont textarea { width:calc(100% - 30px); }
	.page-main.page-shopping .list-form .form-cont .btn-type03 { width:calc(100% - 30px); }
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .img-step { margin:0 auto; }
	.page-main.page-shopping .arrow-ani { float:left; margin-left:15px; }
	.page-main.page-shopping .arrow-ani span { top:14px; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-animation:sdb07 2s infinite; animation:sdb07 2s infinite; }
	.page-main.page-shopping .arrow-ani span:nth-of-type(1) { -webkit-animation-delay:0s; animation-delay:0s; left:24px; }
	.page-main.page-shopping .arrow-ani span:nth-of-type(2) { -webkit-animation-delay:.15s; animation-delay:.15s; left:12px; }
	.page-main.page-shopping .arrow-ani span:nth-of-type(3) { -webkit-animation-delay:.3s; animation-delay:.3s; left:0px; }
	.page-main.page-shopping .tab-type03 li { width:calc(65% - 4px); }
	
	.page-main.page-shopping.style2 .list-form.chrome .area-form .form-box { height:64px; }
	.page-main.page-shopping.style2 .list-form.s1 .form-tit { margin:31px 0 0 0; }
}
@media (width:1024px) {
	.page-main.page-shopping .tab-type03 li { width:calc(69% - 4px); }
}
@media (max-width:980px) {
    .page-main.page-shopping [class^=tab-type03] { max-width:464px; }
	.page-main.page-shopping .list-form.s1 .form-tit { width:inherit !important; }
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li:last-child { height:48px; }
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li .benefit { top:35%; }
	.page-main.page-shopping .list-form.chrome .area-form .btn-uuu { width:96px; height:40px; background-position:-164px -330px; margin:12px 15px 0 0; text-indent:-9999px; }
	
	.page-main.page-shopping.style2 .list-form.s1 .form-tit { margin:20px 0 0px 0;  width:70% !important; line-height:1.2; font-size:16px; }
	.page-main.page-shopping.style2 .list-form.chrome .area-form .form-box { height:60px; }
}
@media (width:768px) {
	.page-main.page-shopping [class^=tab-type03] { position:absolute; max-width:933px; }
	.page-main.page-shopping .tab-type03 li { width:calc(67% - 4px); }
	.page-main.page-shopping [class^=tab-type03] { top:141px; }
	.page-main.page-shopping .list-form.chrome .area-form .form-box { height:64px; }
	.page-main.page-shopping .list-form.chrome .area-form .input-type { float:right; margin:14px 0; }
	.page-main.page-shopping .list-form.chrome .area-form .label-img { height:64px; line-height:3.5; }
	.page-main.page-shopping .list-form.s1 .form-tit { font-size:16px; margin:30px 0 0 0; }
	.page-main.page-shopping .list-form.chrome .area-form .btn-chrome2 { float:right; margin:12px 20px 0 0; }
	.page-main.page-shopping .arrow-ani { float:right; margin-left:15px; }
	.page-main.page-shopping .arrow-ani span { top:23px; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
	.page-main.page-shopping .arrow-ani span:nth-of-type(1) { -webkit-animation-delay:0s; animation-delay:0s; left:0; }
	.page-main.page-shopping .arrow-ani span:nth-of-type(2) { -webkit-animation-delay:.15s; animation-delay:.15s; left:12px; }
	.page-main.page-shopping .arrow-ani span:nth-of-type(3) { -webkit-animation-delay:.3s; animation-delay:.3s; left:24px; }
	.page-main.page-shopping .tab-type03 li.on:after { top:29px; }
}
@media (max-width:767px) {
    .page-main.page-shopping .list-type .inner { padding:0 5px 5px 5px; }
    .page-main.page-shopping .list-type .list-cont { width:calc(33% - 10px); }
	.page-main.page-shopping .tab-type03 { position:absolute; }
	.page-main.page-shopping [class^=tab-type03] { max-width:calc(100% - 30px); top:141px; }
	.page-main.page-shopping .tab-type03 li.on:before { border-top:7px solid #fff; top:42px; }
    .page-main.page-shopping .tab-type03.style2 {max-width:100%;margin:0 auto;padding-top:5px;padding-bottom:15px;margin-left: 15px;margin-right:15px;position: absolute; } 
	.page-main.page-shopping .list-form.s1 { width:calc(100% - 20px) !important; }
    .page-main.page-shopping .list-type.s1 .list-form .icon-f:before { background-position:-130px -46px; }
    .page-main.page-shopping .list-type.s1 .list-form .icon-k:before { background-position: -65px -46px; }
	.page-main.page-shopping .list-form.chrome .area-form .label-img { display:none; }
	.page-main.page-shopping .list-form.chrome .area-form.s2 { display:none; }
	.page-main.page-shopping .list-form.chrome .area-form .input-type { max-width:inherit; float:inherit; width:calc(100% - 30px); margin:0 auto; padding-right:0; }
	.page-main.page-shopping .list-form.s1 .form-tit { width:100% !important; margin:22px 5px 0 0; height:20px; font-size:15px; text-align:center; }
	.page-main.page-shopping .list-form.chrome .area-form .form-box { height:90px; }
	.page-main.page-shopping .list-form .form-cont textarea { width:calc(100% - 30px); }
	.page-main.page-shopping .list-form .form-cont .btn-type03 { width:calc(100% - 30px); }
	.page-main.page-shopping .list-form.s1 .form-title { font-size:3.8vw; font-weight:400; margin-top:10px; }
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li { font-size:13px; }
	
	.page-main.page-shopping.style2 .list-form.chrome .area-form .form-box { height:60px; }
	.page-main.page-shopping.style2 .list-form.s1 .form-tit { margin:12px 0 0px 0;  width:63% !important; line-height:1.2; font-size:15px; text-align:left; }
	.page-main.page-shopping.style2 .list-type .list-cont .list-tit { font-size:15px; height:42px; margin-top:0; margin-bottom:10px; }
	.page-main.page-shopping.style2 .list-type .list-photo .logo-uuumall { height:28px; background-size:650px auto; bottom:0; left:1px; background-position:2px -88px; }
	.page-main.page-shopping .tab-type03 li.on:after { top:29px; }
}
@media (max-width:640px) {
    .page-main.page-shopping .list-type .list-cont { width:calc(50% - 12px) !important; }
    .page-main.page-shopping .list-type .list-cont.list-form { width:calc(100% - 20px) !important; }
    
    .page-main.page-shopping .list-type.s1 .btn-sns:before { margin:0; background-size:720px 900px; }
    .page-main.page-shopping .list-type.s1 .icon-k:before { background-position:-94px 0; }
    .page-main.page-shopping .list-type.s1 .icon-f:before { background-position:0 0; }
	.page-main.page-shopping .tab-type03 li { width:calc(60% - 4px); }
	.page-main.page-shopping .tab-type03 li:nth-child(2) { width:calc(40% - 4px); }
}
@media (max-width:480px) {
    .page-main.page-shopping .list-type.s1 .btn-sns:before { margin:0; background-size:720px 900px; }
    .page-main.page-shopping .list-type.s1 .icon-k:before { background-position:-94px 0; }
    .page-main.page-shopping .list-type.s1 .icon-f:before { background-position:0 0; }
}
@media (max-width:380px) {
    .page-main.page-shopping .list-type.s1 .btn-sns:before { margin:0; background-size:720px 900px; }
    .page-main.page-shopping .list-type.s1 .icon-k:before { background-position:-95px 0; }
    .page-main.page-shopping .list-type.s1 .icon-f:before { background-position:-1px 0; }
    .page-shopping .list-footer .sns-group { top:3px; }
}
@media (max-width:360px) {
	.page-main.page-shopping .tab-type03 li a { font-size:14px; }
	.page-main.page-shopping .list-form.s1 .form-tit { font-size:14px; }
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li { font-size:12px; }
}
@media (max-width:320px) {
    .page-main.page-shopping .list-type.s1 .btn-sns:before { margin:0; background-size:720px 900px; }
    .page-main.page-shopping .list-type.s1 .icon-k:before { background-position:-95px 0; }
    .page-main.page-shopping .list-type.s1 .icon-f:before { background-position:-1px 0; }
	.page-main.page-shopping .tab-type03 li a { font-size:12px; }
	.page-main.page-shopping .tab-type03 li.on:before { top:40px; }
	.page-main.page-shopping .list-form.s1 .form-tit { font-size:13px; }
	.page-main.page-shopping .list-form.chrome .area-form .btn-uuu { margin:8px 15px 0 0; }
	.page-main.page-shopping .list-form .form-cont .img-step-wrap .step-square li { width:calc(100% - 36px); height:40px; padding:5px 10px; margin:0; margin-bottom:7px; }
	
	.page-main.page-shopping.style2 .list-form.s1 .form-tit { width:50% !important; font-size:13px; margin:10px 0 0 0; }
	.page-main.page-shopping.style2 .list-form.chrome .area-form .form-box { height:52px; }
}


/*************************************************
	소문내기 / 통계
*************************************************/
.page-socialmedia .cont-tit.s1 { background-image:none; }
.page-socialmedia .list-type.s7 { border-top:none; background-color:#edf8ff; }
.page-socialmedia .list-type.s7:after { border-bottom:none; }
.page-socialmedia .usp-wrap { border-top:none; max-width:100%; }
.page-socialmedia .list-usp dt .usp-person { margin-right:15px; }
.page-socialmedia .list-usp dd .btn-type02 { background-color:#26356f; border-color:#26356f; padding:3px 15px 4px 15px; font-size:13px; color:#fff; }
.page-socialmedia .list-usp dd .btn-type02:hover { background-color:#293e90; border-color:#293e90; }
.page-socialmedia .bg-msg .input-add .btn-type, .page-socialmedia .bg-msg .input-add .btn-type02 { padding:7px 15px 8px 15px; }

.page-socialmedia .txt-type02.s7 em:after { background-color:#888; }
.page-socialmedia.no-login .txt-type02 { background-color:#edf8ff; color:#444; }
.page-socialmedia.no-login .btn-wrap.login .btn-type02 { background-color:#26356f; border-color:#26356f; color:#fff; }
.page-socialmedia.no-login .btn-wrap.login .btn-type02:hover { background-color:#293e90; border-color:#293e90; color:#fff; }

.page-socialmedia .txt-type02.s5 em { color:#009cff; border:1px solid #009cff; }
.page-socialmedia .txt-type02 .cont-state .btn-type04 { color:#009cff; } 
.page-socialmedia .txt-type02 .txt-wrap .txt-reason .cont:before { color:#009cff; }
.page-socialmedia .bg-msg .input-add02 .box-type.s1 .form-tit { color:#009cff !important; }
.page-socialmedia .list-usp.s1 dd .btn-type04 { color:#009cff; }
.page-socialmedia .cont-type03 > a { color:#ef2c6c; margin-bottom:20px; }
.page-socialmedia .cont-txt.type2 { padding-left:0 !important; padding-bottom:5px; padding-top:10px; }
.page-socialmedia .txt-alert { padding:0 0 10px 10px; line-height:1.7em; font-size:14px; color:#ef2c6c; } 
.page-socialmedia .btn-wrap button[disabled].btn-type03 { background-color:#d8d8d8; border:1px solid #d8d8d8; color:#777; }
.page-socialmedia .btn-wrap02 button[disabled].btn-type02 { border:1px solid #d8d8d8; color:#777; position:relative; }
.page-socialmedia .btn-wrap button[disabled].btn-type03.btn-add2.s2:before {
    content:'';
    width:26px;
    height:26px;
    display:block;
    position:absolute;
    top:60%;
    left:52%;
    background-repeat:no-repeat;
    background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040);
    background-position:-99px -60px;
    background-size:800px 1000px;
}
.page-socialmedia .btn-wrap02 button[disabled].btn-type02:before {
    content:'';
    width:26px;
    height:26px;
    display:block;
    position:absolute;
    top:18%;
    left:15%;
    background-repeat:no-repeat;
    background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040);
    background-position:-99px -60px;
    background-size:800px 1000px;
}

.page-analytics .radio-type02 > label.check { border-color:#26356f; background-color:#26356f; color:#fff; }
.page-analytics .select-type { border:1px solid #667281; background-color:#fff; color:#444; font-weight:400;  }
.page-analytics .select-type option { color:#444; }
.page-analytics .txt-type02.s8:after { z-index:99; }
.page-analytics .btn-crosscheck { background-color:#ff728a; border-color:#ff728a; }
.page-analytics .tbl-type tbody td .ellipsis2 { text-align:center; }
.page-analytics .txt-type02.s8 .cont-end { max-width:inherit; margin-left:10px; }
.page-analytics .txt-type02.s8 .cont-end p { padding-left:55px; }
.page-analytics .txt-type02.s8 .cont-end p:before { top:10px; margin:-16px -25px 0 30px; }
.page-socialmedia .cont-type08#ADNotice > .cont-tit:before { margin-left: -184px; }

.page-socialmedia .banner-preview .txt-base { padding:0 0 5px 0; }
.page-socialmedia .banner-preview .banner { padding:10px 12px; box-sizing:border-box; margin:0 auto; width:100%; max-width:800px; background:#fff; border:1px solid #dae2e3; overflow:hidden; }
.page-socialmedia .banner-preview .banner img { width:100%; height:auto; }
.page-socialmedia .banner-preview .banner .txt { margin:10px 0 5px 5px; color:#333; font-size:14px; line-height:1.4em; height:1.5em; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; font-weight:300; text-align:left; overflow:hidden; }

.page-socialmedia .banner-preview .banner.card { padding:0; border-radius:3px; box-shadow:1px 1px 1px rgba(0,0,0,0.15); }
.page-socialmedia .banner-preview .banner.card img { width:100%; height:auto; }
.page-socialmedia .banner-preview .banner.card .txt { margin:10px 0 15px 10px; }

.page-socialmedia .banner-preview .banner.list { padding:6px; }
.page-socialmedia .banner-preview .banner.list img { width:80px; height:auto; float:left; }
.page-socialmedia .banner-preview .banner.list .txt { padding:15px 0 0 15px; color:#333; font-size:18px; font-weight:bold; text-overflow:ellipsis; overflow:hidden; }

.page-socialmedia .banner-preview .banner.vertical { padding:6px; max-width:250px; }
.page-socialmedia .banner-preview .banner.vertical img { max-width:250px; height:auto; float:left; }
.page-socialmedia .banner-preview .banner.vertical .txt { padding:15px 10px 10px 10px; margin:0; color:#333; font-size:15px; font-weight:300; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; text-align:center; }

@media (min-width:1690px) {
	.page-socialmedia.suggest_usp .btn-move { display:none; }
}
@media (min-width:769px) {
	#waterfall { width:calc(100% - 60px); max-width:inherit; }
	#waterfall .bg-noti span.noti { content: ''; width:10px; height:10px; position:absolute; top:-60px; }
	#waterfall span.anchor-review { content: ''; width:10px; height:10px; position:absolute; top:-60px; }
	.page-socialmedia .list-usp { padding:5px 33px; padding-right:160px; }
	.page-socialmedia .list-usp dd { right:40px; }
	.page-socialmedia > .txt-type.s1 { max-width:inherit; padding-left:40px; }
	.page-socialmedia.suggest_usp .btn-move { left:55%; }
	.page-socialmedia .txt-type02.s8 .cont-end { max-width:inherit; margin-left:10px; }
	.page-socialmedia .special-open-wrap { max-width:inherit; margin-left:11px; margin-right:15px; }
	.page-socialmedia .list-usp.s1 dt .txt-sp-open { padding-right:70px; }
	.page-socialmedia .cont-ADPage .box-type02 { max-width:inherit; }
	.page-socialmedia .cont-ADPage .cont-type08#ADPage .input-type { max-width:80%; }
	.page-socialmedia .cont-ADPage .cont-type08 { padding:10px 40px 10px 40px; }
	.page-socialmedia .list-usp dt .txt-usp { display:inline-block; }
	
	.page-analytics .txt-type02 .area-cont { max-width:inherit; margin-left:7px; margin-right:13px; }
	.page-analytics .txt-type02 .cont-notice { padding-right:50px; }
	.page-analytics .btn-wrap.s5 .radio-type02 label { margin-right:5px; text-align:center; }
	.page-analytics .btn-wrap.s5 .btn-type { margin-left:10px; }
}

@media (max-width:768px) {
	.page-socialmedia .list-type .group-alert { padding-left:116px; }
	.page-socialmedia .list-type .group-alert .benefits { margin: 5px 17px 5px -1px; }
	.page-socialmedia .list-type .group-alert .benefits:before { top:-3px; left:0; }
	.page-socialmedia .list-type .group-alert .alert { margin: 5px 17px 5px -1px; }
	.page-socialmedia .list-type .group-alert .alert:before { top:-3px; left:0; }	
	.page-socialmedia .list-type .group-alert .endtime { margin:0 !important; }
	.page-socialmedia .list-type .group-alert .endtime:before { top:-5px; left:-9px; }
	
    .page-socialmedia .list-usp { padding:2px 0 10px 20px}
    .page-socialmedia .list-usp dd .btn-type02 { padding:2px 10px 3px 10px; font-size:12px; }
	.page-socialmedia .list-type .list-photo + dl .txt-nation { left:135px; }
	.page-socialmedia .list-type > a > dl dd.icon-os, 
	.page-socialmedia .list-type > li > a > dl dd.icon-os { top:136px; left:17px; width:96px; }
    .page-socialmedia .txt-alert { font-size:12px; }
    .page-socialmedia .btn-wrap02 button[disabled].btn-type02 { padding:8px 10px 8px 25px; }
    .page-socialmedia .btn-wrap02 button[disabled].btn-type02:before { left:5%; }
	
	.page-analytics .list-type .group-alert { padding-left:116px; }
	.page-analytics .list-type .group-alert .benefits { margin: 5px 17px 5px -1px; }
	.page-analytics .list-type .group-alert .benefits:before { top:-3px; left:0; }
	.page-analytics .list-type .group-alert .alert { margin: 5px 17px 5px -1px; }
	.page-analytics .list-type .group-alert .alert:before { top:-3px; left:0; }	
	.page-analytics .list-type .group-alert .endtime { margin:0 !important; }
	.page-analytics .list-type .group-alert .endtime:before { top:-5px; left:-9px; }
	
    .page-analytics .btn-wrap.s1 > .btn-crosscheck { margin-right:10px; }
    .page-analytics .btn-wrap.s5 .form-search .input-date-wrap:first-child { margin:0; }
    .page-analytics .list-type .list-photo + dl .txt-nation { left:135px; }
	.page-analytics .list-type > a > dl dd.icon-os, 
	.page-analytics .list-type > li > a > dl dd.icon-os { top:136px; left:17px; width:96px; }
}
@media (max-width: 425px) {
	.page-socialmedia .list-type > a > dl dd.icon-os, 
	.page-socialmedia .list-type > li > a > dl dd.icon-os { top:136px; left:17px; width:96px; }
    
	.page-analytics .list-type > a > dl dd.icon-os, 
	.page-analytics .list-type > li > a > dl dd.icon-os { top:136px; left:17px; width:96px; }
}
@media (max-width: 375px) {
	.page-socialmedia .btn-wrap02 button[disabled].btn-type02 { font-size:12px; }
    .page-socialmedia .btn-wrap02 button[disabled].btn-type02:before { top:13%; left:4%; } 
}
@media (max-width: 320px) {
	.page-socialmedia .btn-wrap02 button[disabled].btn-type02 { letter-spacing: -0.07rem;}
    .page-socialmedia .btn-wrap02 button[disabled].btn-type02:before { top:13%; left:2%; }
	.page-main.page-shopping .tab-type03 li.on:after { top:26px; }
}

/*************************************************
	연락처 등록 현황
*************************************************/
.page-registerlist .ribbon { left:12px; }
.page-registerlist .list-type.s5 > a, 
.page-registerlist .list-type.s5 li > a, 
.page-registerlist .list-type.s5 .mark-wrap, 
.page-registerlist .list-type.s5 .list-footer { max-width:100% !important; }
.page-registerlist .cont-type { border-top: 1px solid #ddd; }
@media (min-width:769px) {
    .page-registerlist .list-type.s5 .list-tit { height:2.8em; }
	.page-registerlist .cont-type { padding:0 40px 0 40px; }
	.page-registerlist .cont-type > .cont-tit { max-width:100%; }
	.page-registerlist .cont-type07 {  max-width:100% !important; }
}


/*************************************************
	LAYER CONTENT
*************************************************/
.layer-marketer dl dd strong  { color:#444; font-size:15px; font-weight:normal; }
.layer-marketer dl dd { color:#009cff; }

.layer-wrap.layer-inputform .form-type03 .form-tit { color:#009cff; }
.layer-wrap.layer-inputform .form-type03 .box-type.s2 div:not(.input-txt) label { color:#009cff; }

.layer-wrap .area-step li.on { color:#009cff; }
.layer-wrap .area-step li { border:1px solid #009cff; }
.layer-wrap .area-step li.on:after { border-left:8px solid #009cff; }

.layer-cont.form-auto .form-txt.open .txt-ok p { color:#009cff; }
#layerCancellation-PT.layer-wrap .btn-detail,
#layerCancellation-Pro.layer-wrap .btn-detail { border:1px solid #26356f; color:#26356f; }


/*************************************************
	커뮤니티 ui 수정
*************************************************/
.page-community .wrap-tit { padding:10px 2rem; }
.page-community .wrap-block .list-community li.list-school { padding:20px 2rem; }
.page-community .wrap-block .list-community li.list-school .wrap-btn-go a { display:block; padding-top:3px; }
.page-community .wrap-block .list-community li.list-school .wrap-btn-go a:after { background-position:-64px -31px; }
.page-community .wrap-block .list-community li.list-school .img-zone { right:1.9rem; }
.page-community .wrap-block ul.list-border li a { height:1.4em; padding-left:0; }
.page-community .wrap-block ul.list-border li a:hover { color:#888; }
.page-community .wrap-block .list-community li.list-school { height:240px; }
.page-community .wrap-block .list-community li.list-school h3 { font-weight:400; }
.page-community .wrap-block ul.list-border.s1 { padding:10px 2rem; }
.page-community .wrap-block .list-community li.list-school.manager { height:270px; }
.page-community .wrap-community { padding: 0 2rem 15px;}
.page-community .wrap-block .list-community li.list-school.new { display:block; }
@media (min-width:769px) {
   .bn-cafe { padding:40px 40px; }
}


/*************************************************
	초보 가이드 + 수익노하우
*************************************************/
.section + .btn-wrap02:not(.s1) { border:none; }
.section + .btn-wrap02:not(.s1):before { height:0; background-color:#fff; }
@media (min-width:769px) {
    .page-guide .btn-wrap02, .page-listlecture .btn-wrap02 { padding:20px 35px 20px 35px !important; }
}


/*************************************************
	등급 안내
*************************************************/
.page-regsuperior .section .box-type05,
.page-specialbenefit .section .box-type05 { padding:20px 0 20px 110px; border-bottom:none; }
.page-regsuperior .section .box-type05 .icon-mem,
.page-specialbenefit .section .box-type05 .icon-mem { left:2rem; }
.page-regsuperior .section p.txt-type,
.page-specialbenefit .section p.txt-type{ border:none; }
.page-regsuperior .section p.txt-type:after,
.page-specialbenefit .section p.txt-type:after { content:""; display:inline-block; position:absolute; top:50px;; left:2rem; border-bottom:1px solid #eee; width:95%; }

@media (max-width:768px) {
    .page-regsuperior .section .box-type05,
    .page-specialbenefit .section .box-type05  { padding:20px 0 20px 90px; }
}


/***********************************************
	포인트 랭킹
***********************************************/
.page-ranking.page-event .form-align { background-color:#fff !important; margin-bottom:5px; }
.page-ranking.page-event .txt-type02 .cont-league .box-levelmission .box-tit em { color:#5eccff; }
.page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .relation.me { background-color:#009cff; }
.page-ranking.page-event .area-hall-fame .txt-type02 .list-type03 li .txt-people .me:before { border-right:6px solid #009cff; }
.page-ranking.page-event .txt-type02 .cont-league .box-levelmission { position:relative; }
.page-ranking.page-event .txt-type02 .cont-league .wrap-btn-hiddenLevel { position:absolute; right:10px; top:-1px; }
.page-ranking.page-event .txt-type02 .cont-league .btn-type { margin:7px 0; padding:6px 12px; }
.page-ranking.page-event .txt-type02 .cont-league .wrap-btn-hiddenLevel.selected { position:absolute; right:10px; top:-1px; }
.page-ranking.page-event .txt-type02 .cont-league .wrap-btn-hiddenLevel.selected .btn-type { border: 1px solid #fff; background-color:transparent; }
.page-ranking.page-event .txt-type02 .cont-league .wrap-btn-hiddenLevel.disabled .btn-type { background-color:#909090; border:none; }
.page-ranking.page-event .tab-type02 + .txt-type02 { margin-top:3px; }

.page-ranking.page-event .list-cont span.icon-label { background:#26356f; margin:1px 10px 0 10px; padding:3px 15px 4px; font-size:12px; color:#fff; text-align:center; border-radius:30px; }

.layer-wrap.layer-info.s1.hiddenMission { max-width:600px; }
.hiddenMission .tit-type { margin:0 auto; text-align:center; }
.hiddenMission p.dday { text-align:center; color:#009cff; font-size:18px; }
.hiddenMission h1.tit-type:after { content:''; margin:0 auto; margin-top:10px;  margin-bottom:10px; }
.hiddenMission .form-type { display:block; }
.hiddenMission .form-type .radio-type { display:block; margin:5px 0 5px 0 }
.hiddenMission .form-type .radio-type label.level { width:calc(100% - 1.5rem); padding:17px 15px 19px 15px; margin-bottom:5px; background-color:#ededed; border-radius:5px; position:relative; }
.hiddenMission .form-type .radio-type > label.check:before { top:17px; left:15px; }
.hiddenMission .form-type .radio-type > label:before { top:17px; left:15px; }
.hiddenMission .form-type .radio-type > label .txt  { padding-left:90px; }
.hiddenMission .form-type .radio-type > label .prize  { position:absolute; right:20px; top:14px; }
.hiddenMission .form-type .radio-type > label .prize span { font-size:18px; font-weight:500; }
.hiddenMission .txt-type li { margin-top:0; padding-left:0; color:#ef2c6c; font-size:13px; }
.hiddenMission .txt-type li:before { display:none; }
.hiddenMission .wrap-alert { background-color:#edf8ff; padding:10px 15px; position:relative; margin-top:20px; }
.hiddenMission .wrap-alert span.alert { font-size:14px; color:#fff; border-radius:50px; width:40px; height:40px; background-color:#009cff; display:block; line-height:36px; text-align:center; }
.hiddenMission .wrap-alert span.txt { font-size:14px; color:#2c2c2c; display:block; position:absolute; top:10px; left:65px; padding-right:20px; line-height:18px; }
.hiddenMission .btn-type { max-width:300px; margin:0 auto; margin-top:10px; margin-bottom:10px; }

.hiddenMission.disabled .tit-type { font-size:18px; word-break:keep-all; margin-bottom:20px; }
.hiddenMission.disabled .tit-type:after { display:none; }
.layer-wrap.layer-info.s1.hiddenMission.disabled { max-width:450px; }
.layer-wrap.layer-info.s1.hiddenMission.disabled .layer-cont { padding:1.5rem 3rem 2rem 3rem; }

.hiddenMission .form-type .radio-type > label .txt:before {
    content:'';
    width:60px;
    height:55px;
    display:block;
    position: absolute;
    top:0;
    left:40px;
    background-image:url(../img/bg_icon_sprite@2x.png?version=202012041040);
    background-position:390px -700px;
    background-size:640px 1000px;
}
.hiddenMission .form-type .radio-type > label.levelNormal .txt:before { background-position:330px -700px; }
.hiddenMission .form-type .radio-type > label.levelEasy .txt:before { background-position:270px -700px; }

.hiddenMission .form-type .radio-type > label.check .txt:before { background-position:390px -755px; }
.hiddenMission .form-type .radio-type > label.check.levelNormal .txt:before { background-position:330px -755px; }
.hiddenMission .form-type .radio-type > label.check.levelEasy .txt:before { background-position:270px -755px; }

.hiddenMission .form-type .radio-type label.level.check { background-color:#b83eeb; color:#fff; }
.hiddenMission .form-type .radio-type label.levelNormal.check { background-color:#3e52eb; color:#fff; }
.hiddenMission .form-type .radio-type label.levelEasy.check { background-color:#636363; color:#fff; }

@media (min-width:769px) {
    .page-ranking .list-type03.dp-btn-mentor li dl { width:calc(100% - 110px); }
    .page-ranking .list-type03.dp-btn-mentor li .btn-add-mentor a { width:106px; }
    .page-ranking .list-type03.dp-btn-mentor li .btn-add-mentor a:before { right: 35px; }
    .page-ranking .list-type03 dl.list-cont dt:first-child + dd { font-size:18px; }
}
@media (min-width:501px) and (max-width:768px)  {
    .hiddenMission .form-type .radio-type label.level { width:calc(100% - 3rem); }
}
@media (max-width:768px) {
	.page-ranking.page-event .list-cont span.icon-label { background:#26356f; margin:0px 10px -9px 0; padding:2px 10px 3px; font-size:11px; color:#fff; text-align:center; border-radius:30px; }
}
@media (max-width:500px) {
	.hiddenMission .form-type .radio-type label.level { padding:10px 15px 25px 15px; width:calc(100% - 3rem); }
	.hiddenMission .form-type .radio-type > label .txt:before { top:4px; }
	.hiddenMission .form-type .radio-type > label:before { top:21px; }
	.hiddenMission .form-type .radio-type > label.check:before { top:21px;}
    .hiddenMission .form-type .radio-type > label .prize  { position:inherit; display:block; padding-left:110px; margin-top:-13px; }
	.hiddenMission .txt-type li { font-size:13px; letter-spacing:-0.05rem; }
	.hiddenMission .form-type .radio-type > label .txt  { display:block; word-break:keep-all; }
	.hiddenMission.disabled .tit-type { font-size:4vw; }
}
@media (max-width:413px) {
	.hiddenMission .wrap-alert { padding-bottom:25px; }
}

@media (max-width:360px) {
	.hiddenMission .txt-type li { font-size:1.2rem; }
}

/***********************************************
	통합회원 레이어 팝업
***********************************************/
.layer-wrap.layer-info.s1.layerPopup { max-width:600px; }
.layerPopup .tit-type { margin:0 auto; text-align:center; }
.layerPopup .txt-agree { text-align:left; color:#009cff; font-size:14px; margin-top:20px; word-break:keep-all; }
.layerPopup .txt-agree.type2 { text-align:center; }
.layerPopup .txt-agree a { text-decoration:underline; }
.layerPopup p.txt { text-align:center; color:#555; font-size:14px; }
.layerPopup p.txt2 { text-align:center; color:#555; font-size:14px; border-top:1px solid #ddd; margin-top:20px; padding-top:20px; position:relative; }
.layerPopup p.txt2.notice:before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    top: 15px;
    left: 47px;
    background-image: url(../img/bg_icon_sprite.png?version=202012041040);
    background-repeat: no-repeat;
    background-position: -415px -267px;
    background-size: 640px;
}
.layerPopup p.txt3 { text-align:center; color:#555; font-size:18px; font-weight:500; cursor:pointer; text-decoration:underline; margin-bottom:20px; }
.layerPopup p.txt3 button { font-size:18px; text-decoration:underline; }
.layerPopup h1.tit-type:after { content:''; margin:0 auto; margin-top:10px;  margin-bottom:10px; }
.layerPopup .form-type { display:block; }
.layerPopup .check-type > label { font-size:14px; padding:1px 0 0 34px; margin-left:-5px; letter-spacing:-0.02em; }
.layerPopup .check-type.center { text-align:center; }
.layerPopup .txt-type li { margin-top:0; padding-left:0; color:#ef2c6c; font-size:13px; }
.layerPopup .txt-type li:before { display:none; }
.layerPopup .btn-type { margin:0 auto; margin-top:10px; margin-bottom:10px; width:100%; max-width:400px; }
.layerPopup .btn-type.full { max-width:inherit; }

@media (max-width:768px) {
	.layerPopup p.txt { font-size:12px; }
	.layerPopup .check-type > label { font-size:12px; }
	.layerPopup .check-type.center > label { padding:3px 0 0 34px; }
	.layerPopup p.txt2 { font-size:12px; }
	.layerPopup p.txt2.notice:before { top:13px; left:87px; background-image:url(../img/bg_icon_sprite@2x.png?version=202012041040); }
	.layerPopup .txt-agree { font-size:13px; }
}
@media (max-width:600px) {
	.layerPopup p.txt2.notice:before { top:13px; left:-10px; }
}
@media (max-width:414px) {
	.layerPopup p.txt2.notice { letter-spacing:-0.08rem; padding-left:12px; }
	.layerPopup p.txt2.notice:before { top:13px; left:-10px; }
}
@media (max-width:375px) {
	.layerPopup .check-type.center > label { font-size:11px; padding:5px 0 0 34px; }
	.layerPopup .txt-agree { font-size:12px; }
}
@media (max-width:360px) {
	.layerPopup .check-type.center > label { padding:5px 0 0 30px; }
}

/*************************************************
LAYER CONTENT_마케터 프로필
*************************************************/
#layerProfile .section-cont { border-top:none; margin-top:-1px; width:100%; }
#layerProfile .section-cont .box-type05 .wrap-sorting li.all a { background-color:#fff; border:1px solid #26356f; }
#layerProfile .section-cont .box-type05 .wrap-sorting li a.on { background-color:#26356f; border:1px solid #26356f; }
#layerProfile .section-cont .box-type05 .wrap-sorting li a.on:hover { background-color:#26356f !important; border:1px solid #26356f; }
#layerProfile .section-cont .box-type05 .wrap-sorting li a { color:#444; border-top:1px solid #26356f; border-bottom:1px solid #26356f; }
#layerProfile .section-cont .box-type05 .wrap-sorting li a:hover { color:#26356f; background-color:#f6fcff; }
#layerProfile .section-cont .box-type05 .wrap-sorting li.category a { border:1px solid #26356f; }
#layerProfile .section-cont .box-type05 .wrap-btn .check-type label.on{ color:#009cff; }
#layerProfile .section-profile .box-type05 .cont-txt li.txt-level a:hover { color:#999; background-color:inherit; }
#layerProfile .section-cont .wrap-tbl .tbl-type td.up { color:#009cff; }
#layerProfile .section-cont .box-type05 .wrap-btn .check-type:after { background-color:#009cff; }
#layerProfile .section-profile .box-type05 .cont-txt li.txt-level a { display:block; font-size:16px; font-weight:400; }
#layerProfile .section-profile .box-type05 .cont-txt li.txt-level a.btn-link { margin-top:10px; }
#layerProfile .section-profile .box-type05 .cont-txt li.txt-level .txt-confidence { margin-top:10px; }
#layerProfile .section-profile .box-type05 .cont-txt li.txt-level .txt-confidence span.level-top.tooltipped span { text-indent:-9999px;  }
#layerProfile .section-profile .box-type05 .cont-txt li.txt-level .txt-confidence span.level-top.tooltipped span:after { 
	content:'';
    width:32px;
    height:32px;
    display:inline-block;
    position:absolute;
    top:13px;
    left:0;
    margin-top:-16px;
    background-image:url(../img/bg_icon_sprite.png?version=202012041040);
    background-repeat:no-repeat;
    background-position:-544px -601px;
    background-size:640px auto;
    vertical-align:middle;
    z-index:1;
}
#layerProfile .section-profile .box-type05 .cont-txt li span { padding:0 3px 0 6px; }
#layerProfile .txt-confidence span.line { width:1px; height:11px; margin:-2px 6px 0 6px; display:inline-block; background-color:#cecece; vertical-align:middle; padding:0 !important; }
#layerProfile .section-profile .box-type05 .cont-txt li.txt-level .tooltipped { left:-5px; }
#layerProfile .section-profile .box-type05 .cont-txt li.txt-level .level-top.tooltipped { left:0; }

.layer-wrap.layer-guideinfo { max-width:500px; max-height:320px; background-color:#fff; padding:2rem; }
.layer-wrap.layer-guideinfo li { margin-bottom:30px; }
.layer-wrap.layer-guideinfo h2 { font-size:20px; font-weight:normal; margin-bottom:10px; color:#222; }
.layer-wrap.layer-guideinfo p { font-size:15px; line-height:20px; word-break:keep-all; }
.layer-wrap.layer-guideinfo .btn-close:before { background-position:-96px 0; }
.layer-wrap.layer-guideinfo .btn-wrap button { width:100%; background-color:#303d4e; display:block; padding:7px 0; color:#fff; border-radius:32px; }
@media (max-width:768px) {
	.layer-wrap.layer-guideinfo { width:90%; max-height:auto; }
	.layer-wrap.layer-guideinfo p { font-size:14px; }
}


/*************************************************
	캠페인 분석 보고서
*************************************************/
.page-analytics .btn-wrap,
.page-analytics .cont-type07 { max-width:1005px; }
.page-analytics .txt-type02.s8 { margin-bottom:0; border:none; }
.page-analytics .txt-type02.s4 .cont-notice .btn-type { border: 1px solid #fff; }
.page-analytics .cont-type07 > .tit-type03 { font-weight:500; }
.page-analytics .section-cont > .tit-type03 { font-weight:500; }
#container #content.page-analytics { padding-bottom:0; }
@media (min-width:769px) {
	.page-analytics .btn-wrap.s5 { padding-left:40px; }
	.page-analytics .btn-wrap, .page-analytics .cont-type07 { max-width:100%; text-align:left; }
	.page-analytics .btn-wrap.s1 { padding-left:0; }
	.page-analytics .cont-type07 { padding:0 40px; }
	.page-analytics .cont-type07 .area-right { right:40px; }
	.page-analytics .cont-type07 .div-wrap .tit-type03 { margin:0; }                          
	.page-analytics .cont-type07 .tit-type03 { margin:80px 0 15px; }
	.page-analytics .btn-wrap.s5 + .cont-type07 .tit-type03 { margin-top:20px; }
	.btn-wrap.s5 .ms-parent { width:200px !important; }
}


/*************************************************
	콘텐츠 상세보기
*************************************************/
.page-socialmedia .figure-type.s1 #subwaterfall li.show .area-download .txt-size:hover { color:#009cff; }


/*************************************************
	신청권 수신함 
*************************************************/
.page-mailbox .txt-nodata.s2 { color:#444; font-size:18px; }
.page-mailbox .txt-nodata.s2 span { font-size:14px; color:#999; line-height:20px; display:inline-block; margin-top:10px; }
.page-mailbox .txt-nodata.s2 { border-bottom:1px solid #d7dadd; box-shadow:none; }


/*************************************************
	업무 공간 지원 - 텐핑스쿨 지역별 게시판 
*************************************************/
/*************************************************
	텐핑스쿨배너
*************************************************/
.page-school .title-logo { width:460px; height:110px; }
.page-school .form-type textarea { border:1px solid #009cff; border-radius:2px; }
.page-school .cont-type { padding:1rem 2rem 0; }
.page-school .box-list .list-community { border-top:1px solid #e8e8e8; }
.page-school .box-list .list-community li.manager { padding:20px 2rem; }
.page-school .box-list { margin-top:0; }
@media (max-width:768px) {
    .page-school .title-logo { width:320px; height:80px; }
    .page-school .main-banner h3 { padding: 0 30px; }
}


/***********************************************
	포인트
********************************************** */
.cont-type05 { border-top:none; background-color:#858e9a; }

.page-listpoint .section { padding:20px 0; }
.page-listpoint .txt-type02.bn-warning02 .btn-type02 { background-color:transparent; }
.page-listpoint .section.box-s1 .tit-type { margin:0 1.5rem 0; }
.page-listpoint .txt-base { padding:0 1.5rem 0.8rem; }
.page-listpoint .form-type.s1 { padding: 0 1.5rem 20px; }
.page-listpoint .banner-type { margin:0 auto; border-radius:0px; }
.page-listpoint .tab-type02 { margin-bottom:2px !important; }
.page-listpoint .txt-type02 .cont-league .box-Incentivemission .box-tit em { color:#5eccff; }

.page-listpoint .tab-type02 li + li + li:after { content:"New"; position:absolute; color:red; top:18px; font-size:12px; z-index:100; right:-20px; }
.page-listpoint .section.uuumall { position:relative; padding:0; font-size:16px; font-weight:500; border-bottom:none; background-color:#ffede1; color:#444; }
.page-listpoint .section.uuumall span { font-size:20px; color:#ef2c6c; }
.page-listpoint .section.uuumall a { color:#444; display:block; padding:14px 35px 16px 35px; text-align:center; }
.page-listpoint .section.uuumall:before { content:''; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #ffede1; position:absolute; top:-10px; right:26%; }
.page-listpoint .section.uuumall:after { content:''; display:block; position:absolute; top:50%; right:5px; margin-top:-16px; width:32px; height:32px; background-image:url(../img/bg_shapes_sprite.png?version=202012041040); background-repeat:no-repeat; background-position:-96px -32px; background-size:640px auto; }

.page-listwithdrawal .cont-type05 .cont-btn a { background-color:#26356f; border-color:#26356f; }
.page-listwithdrawal .cont-type05 .cont-btn a:hover { background-color:#293e90; border-color:#293e90; }
.page-listwithdrawal .cont-type05 .cont-btn02 + .cont-btn { margin-top:5px; }
.page-listwithdrawal .tab-type02 { margin-bottom:2px !important; }
.page-listwithdrawal .section { padding:20px 0px;  position:relative; }
.page-listwithdrawal .txt-type02 .cont-league .box-Incentivemission .box-tit em { color:#5eccff !important; }

.page-listwithdrawal .tab-type02 li + li + li:after { content:"New"; position:absolute; color:red; top:18px; font-size:12px; z-index:100; right:-20px; }
.page-listwithdrawal .section.uuumall { padding:0; font-weight:500; border-bottom:none; background-color:#ffede1; color:#444; margin: 20px -50px 0 -50px; text-align:center; clear:both; }
.page-listwithdrawal .section.uuumall span { font-size:20px; color:#ef2c6c; }
.page-listwithdrawal .section.uuumall a { color:#444; display:block; padding:14px 35px 16px 35px; font-size:16px; }
.page-listwithdrawal .section.uuumall:before { content:''; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #ffede1; position:absolute; top:-10px; right:26%; }
.page-listwithdrawal .section.uuumall:after { content:''; display:block; position:absolute; top:50%; right:5px; margin-top:-16px; width:32px; height:32px; background-image:url(../img/bg_shapes_sprite.png?version=202012041040); background-repeat:no-repeat; background-position:-96px -32px; background-size:640px auto; }

.page-listusepoint .section{ padding:10px 0px 20px 0; border-bottom:1px solid #d2d2d2; }
.page-listusepoint .txt-total { line-height:1.42857143; margin:0 auto; display:table; font-size:16px; text-align:left; }
.page-listusepoint .total1 { color:#333; font-weight:500; }
.page-listusepoint .tab-type02 { margin-bottom:2px !important; }
.page-listusepoint .txt-type02 .cont-league .box-Incentivemission .box-tit em { color:#5eccff; }

.page-uuumallshopping .section { padding:20px 0; }
.page-uuumallshopping .section.box-sendpoint { text-align:center; background-color:#fff; border-bottom:none; padding:15px 20px 0 20px; }
.page-uuumallshopping .section.box-sendpoint .box-point { position:relative; }
.page-uuumallshopping .section.box-sendpoint .form-type { max-width:500px; margin:0 auto; padding:0 20px 15px; font-size:15px; }
.page-uuumallshopping .section.box-sendpoint .form-type .form-error { margin:0 auto; }
.page-uuumallshopping .section.box-sendpoint .label-txt { text-align:left; width:50%; display:inline-block; position:relative; }
.page-uuumallshopping .section.box-sendpoint .label-txt.icon:before { content:''; width:70px; height:25px; position:absolute; top:-3px; left:112px; background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040); background-repeat: no-repeat; background-position:-210px -110px; background-size:800px 1000px; }
.page-uuumallshopping .section.box-sendpoint .input-txt { text-align:right; width:39%; display:inline-block; margin:0 0 2px 0; padding:0; }
.page-uuumallshopping .section.box-sendpoint .input-txt label { font-size:20px; text-align:right; }
.page-uuumallshopping .section.box-sendpoint .input-txt input { text-align:right; }
.page-uuumallshopping .section.box-sendpoint .input-txt input:not([type=checkbox]) { font-size:20px; padding:6px 0px 5px 0; }
.page-uuumallshopping .section.box-sendpoint .input-txt input + button { display:none; }
.page-uuumallshopping .section.box-sendpoint .txt { text-align:left; width:4%; display:inline-block; position:absolute; top:11px; right:4px; }
.page-uuumallshopping .section.box-sendpoint .input-txt.disabled label { color:#999 !important; -webkit-text-fill-color:#999; -webkit-opacity:1; }
.page-uuumallshopping .section.box-sendpoint .input-txt.disabled input { color:#999 !important; -webkit-text-fill-color:#999; -webkit-opacity:1; }
.page-uuumallshopping .section.box-sendpoint .input-txt.disabled:after { height:1px; display:block; background-color:#999 !important; }
.page-uuumallshopping .section.box-sendpoint .box-point + .box-point .input-txt.disabled input { color:#ef2c6c !important; -webkit-text-fill-color:#ef2c6c; -webkit-opacity:1; }
.page-uuumallshopping .section.box-sendpoint .box-point + .box-point .input-txt.disabled label { color:#ef2c6c !important; -webkit-text-fill-color:#ef2c6c; -webkit-opacity:1; }
.page-uuumallshopping .section.box-sendpoint .box-point + .box-point .input-txt.disabled:after { background-color:#fff !important; }
.page-uuumallshopping .section.box-sendpoint .input-txt.disabled:after { background-color:#fff; }
.page-uuumallshopping .section.box-sendpoint .btn-wrap { margin-top:0; }

.page-uuumallshopping .section.box-sendpoint .tooltip-custom { padding:9px 0 9px 0; background-color:#ff5562; color:#fff; font-size:14px; border-radius:0.25rem; font-weight:400; display:block; position:relative; bottom:3px; }
.page-uuumallshopping .section.box-sendpoint .tooltip-custom:after  { content:''; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #ff5562; position:absolute; top:33px; right:6vw; }
.page-uuumallshopping .section.box-sendpoint .tooltip-custom span:before {content:''; display:block; position:absolute; top:50%; left:5px; margin-top:-16px; width:32px; height:32px; background-image:url(../img/bg_icon_sprite.png?version=202012041040); background-repeat:no-repeat ;background-position:-352px -32px; background-size:640px auto; }
.page-uuumallshopping .section.box-sendpoint .tooltip-custom span:after { content:''; display:block; position:absolute; top:50%; right:5px; margin-top:-16px; width:32px; height:32px; background-image:url(../img/bg_shapes_sprite.png?version=202012041040); background-repeat:no-repeat; background-position:-96px -64px; background-size:640px auto; }

.page-uuumallshopping .section.box-banner { padding:0; text-align:center; border-bottom:none !important; background-color:#f2f2f2; }
.page-uuumallshopping .section.box-banner img { width:100%; max-width:910px; margin:0 auto; }
.page-uuumallshopping .section.box-banner:before { display:none !important; }

.page-uuumallshopping .tab-type02 { margin-bottom:2px !important; }
.page-uuumallshopping .tab-type02 li + li + li:after { content:"New"; position:absolute; color:red; top:18px; font-size:12px; z-index:2; right:-20px; }

.uuumallpoint .box-point { width:100%; font-size:16px; margin:7px 0; position:relative; }
.uuumallpoint .box-point.s2 { margin-top:-15px; }
.uuumallpoint .box-point .label-point { float:right; font-size:20px; margin-top:-5px; padding-right:15px; }
.uuumallpoint .box-point .label-point .won { font-size:15px; }
.uuumallpoint .box-point .label-point.s2 { color:#ef2c6c; }
.uuumallpoint .box-point .won { font-size:15px; color:#555; position:absolute; right:0; }
.uuumallpoint .box-point .label-icon:before { content:''; width:70px; height:25px; position:absolute; top:0; left:110px; background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040); background-repeat: no-repeat; background-position:-210px -110px; background-size:800px 1000px; margin-left:10px; }

.uuumallpoint .form-type.s2 { margin-top:5px; }
.uuumallpoint .form-type .check-type label { font-size:14px; padding:2px 0 0 28px; color:inherit; }
.uuumallpoint .txt-type { text-align:right; }
.uuumallpoint .txt-type li:before { display:none; }
.uuumallpoint .check-type > label:before { left:-5px; }
.uuumallpoint.layer-cont { padding:0 2rem 2rem !important; }
.uuumallpoint .div-wrap { padding:0 15px 5px; position:relative; background-color:#f3f7fa; text-align:left; box-sizing:border-box; overflow:hidden; font-size:13px; }

@media (min-width:769px) {
	.flip-clock-dot { background:#fff !important; }
	.page-listwithdrawal .section { position:relative; }
	.page-listwithdrawal .section .btn-excel { position:absolute; right:30px; top:13px; }
	.page-listusepoint .section { position:relative; }
	.page-listusepoint .section .btn-excel { position:absolute; right:30px; top:3px; }
}
@media (max-width:768px) {
	.page-listwithdrawal .section .btn-excel { display:none; }
	.page-listwithdrawal .section.uuumall { top:20px; margin:20px -20px 0 -20px; overflow:inherit; }
	.page-listwithdrawal .section.uuumall:before { right:20%; }
	.page-listwithdrawal .cont-type05 .cont-btn02 + .cont-btn { margin-top:26px; margin-bottom:-23px; }
	.page-listusepoint .section .btn-excel { display:none; }
	.page-listpoint .section.uuumall:before { right:20%; }
	.page-uuumallshopping .section.box-sendpoint .form-type { padding:0 0 10px 0; }
	.page-uuumallshopping .section.box-sendpoint .txt { top:11px; right:1px; }
	.page-uuumallshopping .section.box-sendpoint .label-txt.icon:before { left:118px; }
}
@media (max-width:320px) {
	.uuumallpoint .box-point { font-size:14px; }
	.uuumallpoint .box-point .label-point { font-size:17px; }
	.uuumallpoint .box-point .label-icon:before { margin-left:-10px; margin-top:-2px; }
	.uuumallpoint .box-point .won { line-height:20px; }
}



/*************************************************
	마케터 소개
*************************************************/
.page-aboutRecruit .title-logo { width:260px; height:110px; }
.page-aboutRecruit .section .cont-processor .box-processor:after { border-left:0.5rem solid #009cff; }
.page-aboutRecruit .section .box-type05 p.icon-pt,
.page-aboutRecruit .section .box-type05 p.icon-pro,
.page-aboutRecruit .section .box-type05 p.icon-inhouse,
.page-aboutRecruit .section .box-type05 p.icon-manager { padding-left: 100px; }
@media (min-width:769px) {
	.page-aboutRecruit .area-cont-recruit { max-width:100%; padding:0 40px; }
	.page-aboutRecruit .tit-type { max-width:100%; }
	.page-aboutRecruit .cont-board-recruit { padding:2rem 0rem 1.5rem 15rem; max-width:1020px; margin:0; margin-bottom:50px; }
	.page-aboutRecruit .cont-txt-recruit { margin:0; }
	.page-aboutRecruit .txt-base { font-size:16px; color:#888; font-weight:300; }
	.page-aboutRecruit .section .box-type05 { padding:15px 0 0px 0px; max-width:995px; }
}
@media (min-width:1680px) {
	.page-aboutRecruit .cont-board-recruit { padding:2rem 1.5rem 1.5rem 15rem; }
}
@media (max-width:768px) {
    .page-aboutRecruit .title-logo { width:220px; height:80px; }
}
@media (max-width:640px) {
    .page-aboutRecruit .section .cont-processor .box-processor:after { border-left:0.7rem solid transparent; border-top:0.7rem solid #009cff; }
}


/*************************************************
	선후배 인센티
*************************************************/
.page-regsuperior .section.s3 { padding:0 2rem 15px; }
.page-regsuperior div.txt-type.s4 { padding: 25px 2rem; }
.page-regsuperior .form-type.s1  { padding:0 2rem 20px; }
.page-regsuperior .section.s3 .form-type.s1  { margin-top:10px; margin-bottom:20px; }
.page-regsuperior .tit-type { margin:1rem 2rem 0; }
.page-regsuperior .figure-type { margin:0; padding:1rem 2rem; }
.page-regsuperior .txt-type .btn-type02 { border-color:#4b688c; background-color:transparent; color:#4b688c;  }
.page-regsuperior .txt-type .btn-type02:hover { border-color:#4b688c; background-color:#4b688c; color:#fff; }

.page-mentorboard .section .box-type03 .box-cont { padding-left:2rem; }
.page-mentorboard .form-type.s1 { padding:0 2rem 20px;}

.list-board { border-top:1px solid #e8e8e8; }


/*************************************************
	소문 박스
*************************************************/
.page-adbox .form-type.s1  { padding:0 2rem 20px; }
.page-adbox ul.txt-type { padding:15px 2rem; }
.page-adbox .tit-type02 { padding: 0.3rem 2rem 0.9rem; }

.page-adboxguide .txt-type02 { padding:15px 2rem; }

.page-regsdk .txt-type02 { padding:15px 2rem; }
.page-regsdk .form-type.s1 { padding:0 2rem 20px; }
.page-regsdk .list-info { margin:0; padding:0 2rem 20px; border:none; }
.page-regsdk ul.txt-type { padding:15px 2rem; }


/*************************************************
	LAYER CONTENT_외부입력폼 개인정보취급방침 포함 방법 
*************************************************/
#layerIncludeOutform .form-list .ui-btn-open .list-form { background-color:#26356f;}


/*************************************************
	LAYER CONTENT_외부입력폼 소문채널 URL제출 방법 
*************************************************/
#layerChannelURLOutform .form-list .ui-btn-open .list-form { background-color:#26356f; }


/*************************************************
	외부 입력폼 추가 신청 
*************************************************/
.page-addapplicationform .txt-type02.s4 button { border:1px solid #fff; }
.page-addapplicationform .txt-type04 [class^=btn-type] { border-color:#26356f; color:#444;}
.page-addapplicationform .txt-type04 [class^=btn-type]:hover { background:#edf8ff; border-color:#293e90; color:#293e90;}
.page-addapplicationform .ribbon { left:13px; }
.page-addapplicationform .list-type .list-photo + dl .txt-nation { left:163px; }
.page-addapplicationform .txt-type02.s4 { padding:20px 110px 20px 45px; }
.page-addapplicationform .list-type.s5 > a, 
.page-addapplicationform .list-type.s5 li > a, 
.page-addapplicationform .list-type.s5 .mark-wrap, 
.page-addapplicationform .list-type.s5 .list-footer { max-width:100% !important; }
.page-addapplicationform .cont-type { border-top: 1px solid #ddd; }
.page-addapplicationform .form-type legend + .tit-type05 { margin-top:0; }

@media (min-width:769px) {
    .page-addapplicationform .list-type.s5 .list-tit { height:2.8em; }
	.page-addapplicationform .cont-type { padding:0 40px 0 40px; }
	.page-addapplicationform .cont-type > .cont-tit { max-width:100%; }
	.page-addapplicationform .cont-type.s1 p { max-width:100%; }
	.page-addapplicationform .form-type { max-width:100%; }
	.page-addapplicationform .form-type .tit-type05 { margin-top:3rem; }
	.page-addapplicationform .cont-type.s1 .btn-wrap { max-width:100%; }
	#layerIncludeOutform .layer-cont { height:99%; }
	#layerIncludeOutform .form-list .box-cont { height:380px; overflow-y:auto; }
}
@media (max-width:768px) {
    .page-addapplicationform .list-type .list-photo + dl .txt-nation { left:132px; }
	.page-addapplicationform .list-type .list-tit + .endtime { margin:0; }
	.page-addapplicationform .list-type .list-tit + .endtime:before { top:-4px; left:108px; }
	.page-addapplicationform .form-type .tit-type05 { margin-top:4rem; }
}
@media (max-width: 425px) {
	.page-addapplicationform .list-type .list-tit + .endtime { text-indent:19px; }
}


/*************************************************
	수집한 연락처 등록
*************************************************/
#layerRegisterTel .check-box { background-color:#f8f8f8; padding:10px; margin-top:-20px; }
#layerRegisterTel .check-box .check-type { margin:7px; }
#layerRegisterTel .check-box2 { margin:20px 0  20px 0;}
#layerRegisterTel .check-box2 .check-input { margin-bottom:10px; }
#layerRegisterTel .check-box2 .txt { font-size:13px; color:#ef2c6c; margin-top:-5px; display:block; }
#layerRegisterTel .check-box2 input:focus:not([readonly]) { background-color:#fcfcfc !important; border-color:#bbb; }
#layerRegisterTel .form-control {
    line-height:1.5;
    padding:5px 10px;
    display:block;
    position:relative;
    background-color:#fff;
    border-width:1px;
    border-style:solid;
    border-color:#ddd;
    font-size:14px;
    color:#333;
    z-index:2;
    transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	text-align:center;
}
#layerRegisterTel .form-control.error { border-color:#dc3545; }
#layerRegisterTel input.form-control.error:focus { border-color:#dc3545 !important; }
#layerRegisterTel .controls { width:100px; display:inline-block; margin:0 22px 5px 10px; vertical-align:middle; text-align:center; }
#layerRegisterTel .controls.type2 { width:27px; }


/*************************************************
	리뷰 신청 
*************************************************/
.page-requestReview .cont-type.s1 .form-type { padding:0; }
.page-requestReview .txt-type02.s4 button { border:1px solid #fff; }
.page-requestReview .txt-type04 [class^=btn-type] { border-color:#26356f; color:#444;}
.page-requestReview .txt-type04 [class^=btn-type]:hover { background:#edf8ff; border-color:#293e90; color:#293e90;}
.page-requestReview .ribbon { left:13px; }
.page-requestReview .list-type .list-photo + dl .txt-nation { left:163px; }
.page-requestReview .txt-type02.s4 { padding:20px 110px 20px 45px; }
.page-requestReview .list-type.s5 > a, 
.page-requestReview .list-type.s5 li > a, 
.page-requestReview .list-type.s5 .mark-wrap, 
.page-requestReview .list-type.s5 .list-footer { max-width:100% !important; }
.page-requestReview .cont-type { border-top: 1px solid #ddd; }
.page-requestReview .form-type legend + .tit-type05 { margin-top:0; }
.page-requestReview .check-type > label { color:#777; }
.page-requestReview .cont-type03 > .cont-txt li { list-style:none; }
.page-requestReview .txt-type04 .btn-type02:after {content:'▼'; font-size:0.6em; margin-left:5px; }
.page-requestReview .txt-type04 .btn-type02.ui-btn-open:after { content:'▲'; }
.page-requestReview .tit-type06 { margin-top:0; }
.page-requestReview .check-type { margin:5px 0 10px; }
.page-requestReview .check-type .btn-type02 { padding:2px 12px; font-size:12px; margin:0; margin-left:10px; }
.page-requestReview .account-connect .btn-wrap { margin:0; }
.page-requestReview .account-connect .input-txt label { padding-left:40px; }
.page-requestReview .account-connect .input-txt label:before {
	content:'';
	width:35px;
    height:35px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    background-repeat: no-repeat;
    background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040);
    background-size:800px 1000px;
}
.page-requestReview .account-connect .input-txt.insta label:before { background-position:-140px 0; }
.page-requestReview .account-connect .input-txt.blog label:before { background-position:-35px 0; }
.page-requestReview .account-connect .input-txt.youtube label:before { background-position:-175px 0; }
.page-requestReview .input_address .btn-delete.address { right:170px; display:none; }
.page-requestReview .input_address .btn-type { width:170px; }
.page-requestReview .input-txt.address .btn-delete { display:none; }

.input-txt.channel label:before {
	content:'';
	width:35px;
    height:35px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    background-repeat: no-repeat;
    background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040);
    background-size:800px 1000px;
}
.input-txt.channel.insta label:before { background-position:-140px 0; }
.input-txt.channel.blog label:before { background-position:-35px 0; }
.input-txt.channel.youtube label:before { background-position:-175px 0; }

.input-txt label.channel { padding-left:40px; }
.input-txt label.txt { padding-left:80px; }
.input-txt span.label {
    padding:1px 10px 3px;
    background: #ff6183;
    color:#fff;
    line-height:1.5;
    font-size:13px;
    font-weight:300;
    border-radius:30px;
    position:absolute;
    bottom:5px;
	min-width:50px;
	text-align:center;
}
/* 클래스 style1(대기중) / style2(허용) / style3(승인 완료) / style4(반려, 수정 요청)  */
.page-socialmedia .input-add .input-txt.style1 span.label { background:#ffc000; }	
.page-socialmedia .input-add .input-txt.style2 span.label { background:#009cff; }	
.page-socialmedia .input-add .input-txt.style3 span.label { background:#00b050; }
.page-socialmedia .input-add .input-txt.style4 span.label { background:#ff6183; }	

.page-socialmedia .input-add .input-txt.style4:after { background-color:#f7f7f7;}
.page-socialmedia .input-add .input-txt.txt.style4 { font-size:14px; padding:5px 5px 20px 5px; line-height:20px; margin-top:-10px; }
.page-socialmedia .input-add .input-txt.txt.style4:after { display:block; background-color:#999; }
.page-socialmedia .input-add .input-txt.style4 .btn-type[disabled] { cursor:pointer; }
.page-socialmedia .input-add .input-txt.style4 .btn-type.disabled { background-color:#a4a4a4; }
.page-socialmedia .input-add .input-txt.channel.del .btn-delete { display:block !important; opacity:inherit; }
.page-socialmedia .input-add .input-txt.channel.del .btn-delete:before { background-position:-95px 0; background-size:640px auto; background-image: url(../img/bg_shapes_sprite@2x.png?version=202012041040); }
.page-socialmedia .input-add .input-txt.style4 .btn-type.disabled:hover { background-color:#a4a4a4; }

.page-socialmedia.review .input-txt.channel.access > label, 
.page-socialmedia.review .input-txt.access > span > label { display:block !important; }
.page-socialmedia.review .input-txt.access:after { background-color:#999; }
.page-socialmedia.review .txt-base .title { font-weight:700; color:#444; font-size:15px; margin:0 0 3px 0; padding-top:10px; }
.page-socialmedia.review .txt-base .txt { padding-bottom:15px; }
.page-socialmedia.review .txt-base .txt:last-child { padding-bottom:0; }

.btn-add2.disable { padding:8px 12px 8px 12px; }
.btn-add2.disable:before { display:none; }

#layerSubmitReview span.list { margin-top:40px; display:block; }
#layerSubmitReview .btn-wrap { margin-top:30px; }
#layerSubmitReview .instar-box { background-color:#fafafa; text-align:left; padding:20px; height:290px; overflow-y:auto; margin-top:5px; }
#layerSubmitReview .instar-box .instar-inner { margin:0 auto; }
#layerSubmitReview label.radio-img  { font-size:0; }
#layerSubmitReview .radio-img input { display:none; }
#layerSubmitReview .radio-img img { cursor:pointer; border:3px solid transparent; width:128px; height:128px; opacity:1; }
#layerSubmitReview .radio-img input:checked + img { border:3px solid #ef2c6c; opacity:0.7; }
#layerSubmitReview .instar-box .btn-type03 { width:calc(100% - 6px); margin:0 auto; margin-top:3px; padding:4px 12px; }
#layerSubmitReview .input-txt.access > span > label { display:block; }
#layerSubmitReview .input-txt.access > label {display:none; }

.layer-wrap.layer-info.s1.layerUnlink { max-width:450px; }
.layer-wrap.layer-info.s1.layerUnlink .layer-cont { padding:1.5rem 3rem 2rem 3rem; }
.layerUnlink .tit-type { font-size:18px; margin-bottom:40px !important; font-weight:500; margin:0 auto; text-align:center; }
.layerUnlink .tit-type:after { display:none; }
.layerUnlink .btn-wrap button { margin:0 5px; }

.layer-wrap.layer-info.s1.layerAlert { max-width:450px; }
.layer-wrap.layer-info.s1.layerAlert .layer-cont { padding:1.5rem 3rem 2rem 3rem; }
.layerAlert .tit-type { font-size:18px; margin-bottom:40px !important; font-weight:500; margin:0 auto; text-align:center; }
.layerAlert .tit-type:after { display:none; }
.layerAlert .btn-wrap button { margin:0 5px; }

.layerPostcode { display:none; position:fixed; overflow:hidden; z-index:100; -webkit-overflow-scrolling:touch; }
.layerPostcode .layer_close { width:20px; height:20px; cursor:pointer; position:absolute; right:-3px; top:-3px; z-index:100; background-color:#888; }
@media (min-width:769px) {
    .page-requestReview .list-type.s5 .list-tit { height:2.8em; }
	.page-requestReview .cont-type { padding:0 40px 0 40px; }
	.page-requestReview .cont-type > .cont-tit { max-width:100%; }
	.page-requestReview .cont-type.s1 p { max-width:100%; }
	.page-requestReview .form-type { max-width:100%; }
	.page-requestReview .form-type .tit-type05 { margin-top:3rem; }
	.page-requestReview .cont-type.s1 .btn-wrap { max-width:100%; }
}
@media (max-width:768px) {
    .page-requestReview .list-type .list-photo + dl .txt-nation { left:132px; }
	.page-requestReview .list-type .list-tit + .endtime { margin:0; }
	.page-requestReview .list-type .list-tit + .endtime:before { top:-4px; left:108px; }
	.page-requestReview .form-type .tit-type05 { margin-top:4rem; }
	.page-requestReview .input_address .btn-delete.address { right:135px; }
	.page-socialmedia .input-add .input-txt span.label { font-size:11px; padding:2px 10px 3px; min-width:40px; }
	.page-socialmedia .input-add .input-txt label.txt { padding-left:65px; font-size:13px; padding-bottom:3px; letter-spacing:-0.05rem; }
	#layerSubmitReview .radio-img img { width:24vw; height:24vw; }
}
@media (max-width:425px) {
	.page-requestReview .list-type .list-tit + .endtime { text-indent:19px; }
}
@media (width:414px) {
	#layerSubmitReview .radio-img img { width:23.9vw; height:23.9vw; }
}
@media (max-width:413px) {
	#layerSubmitReview .radio-img img { width:22.9vw; height:22.9vw; }
}
@media (width:375px) {
	#layerSubmitReview .radio-img img { width:22.9vw; height:22.9vw; }
}
@media (max-width:374px) {
	#layerSubmitReview .radio-img img { width:22.5vw; height:22.5vw; }
}
@media (max-width:353px) {
	#layerSubmitReview .radio-img img { width:21.4vw; height:21.4vw; }
}

/*************************************************
	단가 상승 요청 
*************************************************/
.page-requestrisecost .ribbon { left:13px; }
.page-requestrisecost .list-type.s5 > a, 
.page-requestrisecost .list-type.s5 li > a, 
.page-requestrisecost .list-type.s5 .mark-wrap, 
.page-requestrisecost .list-type.s5 .list-footer { max-width:100% !important; }
.page-requestrisecost .cont-type { border-top: 1px solid #ddd; }
.page-requestrisecost .form-type legend + .tit-type05 { margin-top:0; }
.page-requestrisecost .txt-type.s2 li { max-width:100%; }
@media (min-width:769px) {
    .page-requestrisecost .list-type.s5 .list-tit { height:2.8em; }
	.page-requestrisecost .cont-type { padding:0 40px 0 40px; }
	.page-requestrisecost .cont-type > .cont-tit { max-width:100%; }
	.page-requestrisecost .cont-type.s1 p { max-width:100%; }
	.page-requestrisecost .form-type { max-width:100%; }
	.page-requestrisecost .form-type .tit-type05 { margin-top:3rem; }
	.page-requestrisecost .cont-type.s1 .btn-wrap { max-width:100%; }
}
@media (max-width:768px) {
	.page-requestrisecost .form-type .tit-type05 { margin-top:4rem; }
}


/*************************************************
	소문 방법 리포트 등록 
*************************************************/
.page-bg.page-promoterequest .section:not([style="display:none;"]) + .section:last-child { border:0; }
.page-promoterequest .layer-wrap.layer-report h3 { max-width:100%; font-weight:300; line-height:1.39;  padding-top:1.56em; font-size:25px; text-align:left; }
.page-promoterequest .layer-wrap.layer-report h3:after { content:''; width:1.52em; height:1px; margin:0.6em auto 0.96em; display:block; background-color:#222; margin-left:0; margin-bottom:0.28em; }
.page-promoterequest .layer-wrap.layer-report p { max-width:100%; }
.page-promoterequest .layer-wrap.layer-report .txt-type02.tip-request { max-width:100%; }
.page-promoterequest .cont-type.s1 .cont-tit { max-width:100%; }
.page-promoterequest .cont-type.s1 p { max-width:100%; }
.page-promoterequest .cont-type > .cont-tit { max-width:100%; }
.page-promoterequest  .form-type { max-width:100%; }
.page-promoterequest .txt-type.s2 li { max-width:100%; }
.page-promoterequest .cont-type.s1 .btn-wrap { max-width:100%; }
.page-promoterequest .cont-type[class^=bg] > .cont-tit { border-top:1px dotted #ddd; }
.page-promoterequest .layer-wrap.layer-report ul.txt-type, 
.page-promoterequest .layer-wrap.layer-report .cont-img { max-width:100%; }
.page-request .cont-type > .cont-tit + .list-type.s2, 
.page-request .cont-type.s1 div.txt-type { max-width:100%; }
.page-request .bg-url.cont-type.s1 .txt-type05 { margin:3rem 0 10px; }
@media (max-width:1650px) {
	.page-promoterequest .layer-wrap.layer-report ul.txt-type { float:left; padding:0; margin:0; }
	.page-promoterequest .layer-wrap.layer-report ul.txt-type li { padding:0; }
}
@media (min-width:769px) {
	.page-promoterequest .layer-wrap.layer-report .layer-container { padding:0 40px 0 40px; }
	.page-promoterequest .cont-type { padding:0 40px 50px 40px; }
	.page-promoterequest .layer-wrap.layer-report .cont-img { padding-bottom:0; text-align:left; }
}
@media (max-width:768px) {
	.page-request .bg-url.cont-type.s1 .txt-type05 { margin:5rem 0 10px; }
	.page-promoterequest .layer-wrap.layer-report h3 { font-size:19px; }
}


/*************************************************
LAYER CONTENT_마케터 프로필
*************************************************/
#layerProfile .section-cont .box-type05 .wrap-timeline li .txt-date { color:#009cff; }
#layerProfile .section-cont .box-type05 .wrap-timeline li .txt-date:after { background-color:#009cff; }
#layerProfile .section-profile .box-type05 .cont-txt .btn-type02.btn-modify { color:#444; }
#layerProfile .section-profile .box-type05 .cont-txt .btn-type02.btn-modify:hover { background-color:#f6fcff !important; border-color:#293e90 !important; color:#293e90 !important; }


/*************************************************
	메인
*************************************************/
.page-main .ui-toggle.container-report ul { background-color:#edf8ff; }
.page-main .ui-toggle.container-report li:hover  {background:#e1f1fb; }
.page-main .ui-toggle.container-report li { border-bottom:1px solid #eee; }


/*************************************************
	사업자 회원가입
*************************************************/
#memWrap .input-file > label > strong { right:0; left:auto; }
#memWrap .input-file > label > span { color: #009cff; padding-left:0; }
#memWrap .input-file > label ~ .file-txt { padding-left:0; }
#memWrap .btn-delete02 { position:absolute; z-index:99; right:90px; top:11px; }
#memWrap .input-file { margin-bottom:5px; }
#memWrap .txt-base { padding:0; }
@media (max-width: 768px) {
	#memWrap .btn-delete02 { right:78px; top:13px; }
	#memWrap .input-file { font-size:18px; }
}


/*************************************************
	사업자회원 - 메일 인증 결과 SignUpConfirmBiz
*************************************************/
#mailConfirm h1 { color:#009cff; }
#mailConfirm.mail-send span, #mailConfirm.mail-success span { color:#009cff; }
#mailConfirm.mail-send a,
#mailConfirm.mail-success a { background-color:#26356f; }

#mailConfirm.mail-send span,
#mailConfirm.mail-success span { color:#009cff; }
#mailConfirm.mail-send span a { color:#009cff; background:transparent; font-weight:500; }
#mailConfirm.mail-send span a:hover { background:#fff; }


/*************************************************
	스페셜 공개 신청  
*************************************************/
.page-joinrequestform .txt-type04 [class^=btn-type] { border-color:#26356f; color:#444; }
.page-joinrequestform .txt-type04 [class^=btn-type]:hover{ background:#f6fcff; border-color: #293e90; color:#293e90; }
.page-joinrequestform .ribbon { left:13px; }
.page-joinrequestform .list-type .list-photo + dl .txt-nation { left:163px; }
.page-joinrequestform .list-type.s5 > a, 
.page-joinrequestform .list-type.s5 li > a, 
.page-joinrequestform .list-type.s5 .mark-wrap, 
.page-joinrequestform .list-type.s5 .list-footer { max-width:100% !important; }
.page-joinrequestform .list-type.s5 .list-footer { max-width:100% !important; }
.page-joinrequestform .cont-type { border-top: 1px solid #ddd; }
.page-joinrequestform .form-type legend + .tit-type05 { margin-top:0; }

@media (min-width:769px) {
    .page-joinrequestform .list-type.s5 .list-tit { height:2.8em; }
	.page-joinrequestform .cont-type { padding:0 40px 0 40px; }
	.page-joinrequestform .cont-type > .cont-tit { max-width:100%; }
	.page-joinrequestform .cont-type.s1 p { max-width:100%; }
	.page-joinrequestform .form-type { max-width:100%; }
	.page-joinrequestform .form-type .tit-type05 { margin-top:3rem; }
	.page-joinrequestform .cont-type.s1 .btn-wrap { max-width:100%; }
}
@media (max-width:768px) {
	.page-joinrequestform .list-type .list-tit + .endtime { margin:0; }
	.page-joinrequestform .list-type .list-tit + .endtime:before { top:-4px; left:108px; }
	.page-joinrequestform .form-type .tit-type05 { margin-top:4rem; }
}
@media (max-width: 425px) {
	.page-joinrequestform .list-type .list-tit + .endtime { text-indent:19px; }
}

/*************************************************
	콘텐츠 차단
*************************************************/
.page-socialmediablock .ribbon { left:13px; }
.page-socialmediablock .list-type .list-photo + dl .txt-nation { left:163px; }


/****POPOVER****/
.popover-message .popover-state span.s2:before { background-color:#009cff; }
.popover-message .popover-grap span { background-color:#009cff; }
.popover-message .popover-grap span.s2{ background-color:#009cff; }


/*************************************************
	헤더-개인화 영역- 이메일 인증 표시
*************************************************/
_:-ms-fullscreen, :root .header-info dl dd span.mail-confirm:after { right:-27px; }


/*************************************************
	메인 - 상세필터
*************************************************/
.detailsearch-wrap { display:inline-block; position:relative; margin-left:2px; z-index:11; }
.detailsearch-wrap > button { 
	padding: 1px 25px 3px 0;
    background-color: #fff;
    color: #777;
    border: 1px solid #d4d4d4;
    font-size: 13px;
    text-align: center;
    border-radius: 30px;
    margin-left: 5px;
}
.detailsearch-wrap.open > button { font-weight:500; color:#333; }
.detailsearch-wrap.on > button { /*background-color:#009cff; border:1px solid #fff; color:#fff; font-weight:normal;*/ border:1px solid #009cff; color:#009cff; font-weight:normal; }
.detailsearch-wrap > button:after {
    content: '';
    width:30px;
    height:25px;
    position: absolute;
    top:0;
    background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040);
    background-repeat: no-repeat;
    background-position:-285px -35px;
    background-size:800px 1000px;
	right:-4px;
}
.detailsearch-wrap.open > button:after {
    content: '';
    width:30px;
    height:25px;
    position: absolute;
    top:0;
    background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040);
    background-repeat: no-repeat;
    background-position:-310px -35px;
    background-size:800px 1000px;
}
.detailsearch-wrap > button:before {
    content: '';
    /*width:1px;*/
    height:8px;
    margin:-3px 3px 0 5px;
    display:inline-block;
    background-color:#d0d0d0;
    vertical-align:middle;
}
.detailsearch-wrap.on > button:after {
    content: '';
    width:30px;
    height:25px;
    position: absolute;
    top:0;
    background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040);
    background-repeat: no-repeat;
    background-position:-286px -60px;
    background-size:800px 1000px;
}
.detailsearch-wrap ul { 
	min-width:300px;
	position:absolute;
	right:-5px;
	padding:10px 20px 10px 20px;
	margin-top:10px; 
	background-color:#fff;
	border:1px solid #26356f;
	box-shadow:-4px 4px 0 rgba(0,0,0,0.02);
    opacity:1;
    filter: alpha(opacity=0);
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
	border-radius:2px; 
}
.detailsearch-wrap.open ul { display:block !important; z-index:20; }
.detailsearch-wrap ul:before {
    content:'';
    width:0;
    height:0;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #26356f;
    position:absolute;
    top:-8px;
	right:38px; 
}
.detailsearch-wrap ul:after {
    content:'';
    width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    position:absolute;
    top:-6px;
	right:39px; 
}
.detailsearch-wrap .form-group { width:100%; margin:0; display:inline-block; text-align:left; }
.detailsearch-wrap .form-group .form-title { width:85px; text-align:left; padding:13px 0; display:inline-block; color:#777; font-size:14px; }
.detailsearch-wrap .form-group .form-control { display:inline-block; text-align:right; }
.detailsearch-wrap .form-group span.txt { margin-left:26px; font-size:13px; }
.detailsearch-wrap .controls { max-width:30%; display:inline-block; position:relative; padding:0 25px 0 25px; }
.detailsearch-wrap .controls input { padding:0px 10px 0px 7px; border-radius:0; height:30px; }
.detailsearch-wrap .controls button { width:32px; height:32px; position:absolute; background-color:#f3f3f3; border:1px solid #d6dce0; font-size:16px; }
.detailsearch-wrap .controls button:hover { background-color:#f7f7f7; }
.detailsearch-wrap .controls button.minus { position:absolute; left:0; top:0; cursor:pointer; }
.detailsearch-wrap .controls button.plus { position:absolute;  top:0; right:-23px; cursor:pointer; }
.detailsearch-wrap .controls button.minus:before {
    content:'';
    width:32px;
    height:30px;
    position:absolute;
    top:0;
	left:0; 
    background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040);
    background-repeat:no-repeat;
    background-position:-183px -34px;
    background-size:800px 1000px;
}
.detailsearch-wrap .controls button.plus:before {
    content:'';
    width:32px;
    height:30px;
    position:absolute;
    top:0;
	left:0; 
    background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040);
    background-repeat:no-repeat;
    background-position:-207px -34px;
    background-size:800px 1000px;
}
.detailsearch-wrap .check-list { text-align:left; padding:0 0 0 27px; letter-spacing:-0.02rem; }
.detailsearch-wrap .check-list.add { margin-top:-10px; } 
.detailsearch-wrap .check-list input { visibility:hidden; }
.detailsearch-wrap .check-list > label { position:relative; }
.detailsearch-wrap .check-list > label:before {
    content:'';
    display:block;
    position:absolute;
    top:7px;
    left:-36px;
    width:26px;
    height:26px;
    background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040);
    background-repeat:no-repeat;
    background-position:-234px -32px;
    background-size:800px 1000px;
	background-color:transparent;
}
.detailsearch-wrap .check-list > label.check:before { background-position:-260px -32px }
.detailsearch-wrap .check-list.disabled > label:before { background-position:-234px -57px; }
.detailsearch-wrap .check-list.disabled > label { color:#e8e8e8; font-weight:normal; }

.detailsearch-wrap .btn-wrap02 { margin:0; display:inherit; text-align:left; }
.detailsearch-wrap .btn-wrap02 > [class^=btn-type] { margin:10px 0 10px 0; }
.detailsearch-wrap .btn-wrap02 > [class^=btn-type].size { padding:6px 0; }
.detailsearch-wrap .btn-wrap02 .btn-type02 { width:37%; display:inline-block; margin-right:4px; }
.detailsearch-wrap .btn-wrap02 .btn-type { width:60%; display:inline-block; }

.txt-type02.search-list { background-color:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; padding:5px 10px 5px 10px; font-size:13px; }
.txt-type02.search-list span { background-color:#f3f3f3; border-radius:30px; padding:1px 3px 0 10px; margin-right:5px; display:inline-block; height:23px; margin:2px 0; }
.txt-type02.search-list span.reset { background-color:#fff; font-size:14px; color:#777; padding-left:0; margin-left:-2px; }
.txt-type02.search-list button { display:inline-block; }
.txt-type02.search-list button:hover .reset { color:#009cff; }
.txt-type02.search-list button.del {
	display:inline-block;
    width:22px;
    height:24px;
    background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040);
    background-repeat:no-repeat;
    background-position:-337px -36px;
    background-size:800px 1000px;
	vertical-align:middle;
	cursor:pointer;
	position: inherit;
    background-color: transparent;
}
.txt-type02.search-list button.del:hover { background-position:-361px -36px; }
.txt-type02.search-list .del-total {
	display:inline-block;
    width:22px;
    height:24px;
    background-image:url(../img/bg_icon_sprite_svg.svg?version=202012041040);
    background-repeat:no-repeat;
    background-position:-384px -36px;
    background-size:800px 1000px;
	vertical-align:middle;
	cursor:pointer;
}
.txt-type02.search-list button:hover .del-total { background-position:-409px -36px; }

.page-main.page-shopping .txt-type02.search-list.type2 { margin-top:3px; }
.txt-type02.search-list.type2 { text-align:left; margin-top:2px; padding:7px 10px 5px 40px; font-size:14px; }
.txt-type02.search-list.type2 span { background-color:transparent; padding:0; color:#000; }
.txt-type02.search-list.type2 button { margin-left:40px; font-size:14px; position:absolute; top:9px; }
.txt-type02.search-list.type2 button:after { content:''; display:block; position: absolute; width:32px; height:32px; background-image:url(../img/bg_shapes_sprite.png?version=202012041040); background-repeat:no-repeat; background-position:-66px -160px; background-size:640px auto; right:-25px; top:-6px; }
_:-ms-fullscreen, :root .txt-type02.search-list.type2 { font-size:13px; }
_:-ms-fullscreen, :root .txt-type02.search-list.type2 button { font-size:13px; }
_:-ms-fullscreen, :root .txt-type02.search-list.type2 button:after { top:-7px; }
@media (min-width:769px) {
    .txt-type02.search-list { position:fixed; z-index:11; width:calc(100% - 250px); }
    .page-main .form-align + .txt-type02 + .bn-league { margin-top:84px; }
	.page-main .form-align + .txt-type02.search-list + div + div + h2 + .list-type { margin-top:35px; }
	.page-main .form-align + .txt-type02.search-list + div + h2 + .list-type { margin-top:35px; }
	.page-main .form-align + .txt-type02.search-list + h2 + .list-type { margin-top:84px; }
	
	.page-main .form-align + .txt-type02.search-list.type2 + .txt-type02.bn-sp { margin-top:43px; }
	.page-main .form-align + .txt-type02.search-list.type2 + div + h2 + .list-type { margin-top:0; }
}
@media (max-width:768px) {
	.page-main .form-align { position:absolute; }
	.page-main .form-align + .txt-type02.search-list { margin-top:44px; overflow-x:scroll; white-space:nowrap; text-align:left; padding-right:50px; }
	.page-main .txt-type02.bn-sp:before { background-image:url(../img/bg_icon_sprite@2x.png?version=202012041040); }
	.page-main .txt-type02.bn-sp:after { background-image:url(../img/bg_shapes_sprite@2x.png?version=202012041040); }
	.detailsearch-wrap { margin-left:0; display:inline; z-index:11; }
	.detailsearch-wrap.open > button { background-color:transparent; color:#fff; font-weight:normal; }
	.detailsearch-wrap > button:before { background-color:#686868; }
	.detailsearch-wrap.open > button:after { background-position:-311px -61px; }
	.detailsearch-wrap ul { min-width:inherit; position:inherit; right:0; margin-top:0; }
	.detailsearch-wrap .form-group span { position:relative; }
	.detailsearch-wrap .form-group .form-title { max-width:inherit; width:20%; }
	.detailsearch-wrap .controls { max-width:inherit; width:55%; }
	.detailsearch-wrap ul:before { right:25%; }
	.detailsearch-wrap ul:after { right:calc(25% + 1px); }
	.detailsearch-wrap .btn-wrap02 .btn-type02 { width:38%; }
	
	.txt-type02.search-list button { position: absolute; right:0; top:186px; background-color:#fff; }
	.txt-type02.search-list button span.reset { text-indent:-9999px; width:30px; height:30px; position:absolute; right:0px; background-color:transparent; }
	.txt-type02.search-list .del-total { width:36px; height:38px; background-position:-431px -29px; }
	.txt-type02.search-list button:hover .del-total { width:36px; height:38px; background-position:-431px -29px; }
	
	.page-main.page-shopping .txt-type02.search-list.type2 { margin-top:1px; }
	.txt-type02.search-list.type2 { margin-top:2px; padding:8px 86px 9px 20px; word-break:keep-all; font-size:14px; }
	.txt-type02.search-list.type2.only { padding:8px 20px 9px 20px; }
	.txt-type02.search-list.type2 span { height:auto; }
	.txt-type02.search-list.type2 button { right: 26px; top:152px; }
	.txt-type02.search-list.type2 button:after { top:-7px; }
}
	
@media (width:768px) {
	.detailsearch-wrap .form-group .form-title { max-width:inherit; width:20%; }
	.detailsearch-wrap .controls { max-width:inherit; width:62%; }
}
@media (max-width:530px) {	
	.detailsearch-wrap .form-group .form-title { max-width:inherit; width:25%; }
	.detailsearch-wrap .controls { max-width:inherit; width:39%; }
}
@media (max-width:414px) {	
	.detailsearch-wrap .form-group .form-title { max-width:inherit; width:25%; }
	.detailsearch-wrap .controls { max-width:inherit; width:38%; }
	.detailsearch-wrap ul:before { right:19%; }
	.detailsearch-wrap ul:after { right:calc(19% + 1px); }
}
@media (max-width:413px) {	
	.detailsearch-wrap .btn-wrap02 .btn-type02 { width:37%; }
}
@media (max-width:375px) {	
	.detailsearch-wrap .form-group .form-title { max-width:inherit; width:25%; }
	.detailsearch-wrap .controls { max-width:inherit; width:35%; }
	.detailsearch-wrap ul:before { right:14%; }
	.detailsearch-wrap ul:after { right:calc(14% + 1px); }
}
@media (max-width:320px) {	
	.detailsearch-wrap .form-group .form-title { max-width:inherit; width:30%; }
	.detailsearch-wrap .controls { max-width:inherit; width:25%; }
	.detailsearch-wrap ul:before { right:13%; }
	.detailsearch-wrap ul:after { right:calc(13% + 1px); }
}


/*************************************************
	소문정보 - 단가 상승 이벤트
*************************************************/
.page-socialmedia .txt-type02.s10 { background-color:#ffe0e3; }
.page-socialmedia .txt-type02.bn-event { position:relative; text-align:left; padding:0; z-index:9; }
.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event a:after { content:''; display:block; position:absolute; top:48%; right:10px; margin-top:-16px; width:32px; height:32px; background-image:url(../img/bg_shapes_sprite.png?version=202012041040); background-repeat:no-repeat; background-position:-512px -55px; background-size:640px auto; }
.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event a.ui-btn-open:after { background-position:-544px -55px; }
.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event:hover { background-color:#ffe6e9; }
.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event a { display:block; padding:15px 35px 15px 38px; margin:0; min-height:10px; color:#555; }
.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event a span.step { font-weight:500; color:#333; }
.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event a span.title { font-weight:500; color:#333; padding-right:10px; }
.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event a span.title:after { content:''; width:1px; height:9px; margin:-2px 0 0 9px; display:inline-block; background-color:#888;
    vertical-align:middle; }
.page-socialmedia .ui-toggle.container-event .alert-view { overflow:hidden; background-color:#fff; padding:15px 15px 15px 63px; border-bottom:1px solid #ddd; }
.page-socialmedia .ui-toggle.container-event li { position:relative; width:100%; float:left; box-sizing:border-box; }
.page-socialmedia .ui-toggle.container-event li span a { width:100%; height:1.4em; line-height:1.4em; margin:0px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; color:#222; font-weight:300; overflow:hidden; }
.page-socialmedia .ui-toggle.container-event .btn-type { position:absolute; top:50%; right:15px; padding:6px 12px; margin-top:-16px; font-size:14px; font-weight:300; }
.page-socialmedia .txt-type02.bn-event:before { content:""; width:32px; height:32px; position:absolute; top:8px; left:4px; background-image:url(../img/bg_icon_sprite.png?version=202012041040);
    background-repeat:no-repeat; background-position:-415px -241px; background-size:640px; }

.page-socialmedia .ui-toggle .txt2 { font-size:15px; color:#555; line-height:1.5; }
.page-socialmedia .ui-toggle .txt2 span { display:block; margin-bottom:5px; color:#888; font-size:13px; }
.page-socialmedia .ui-toggle .title2 { font-size:13px; font-weight:500; padding-top:10px; color:#555; }
.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event.end div { padding:15px 35px 15px 38px; margin:0; min-height:10px; color:#333; font-weight:500; }
.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event.end:hover { background-color:#ffe0e3; }

.page-analytics .txt-type02.s10 { background-color:#ffe0e3; }
.page-analytics .txt-type02.bn-event { position:relative; text-align:left; padding:0; z-index:9; }
.page-analytics .ui-toggle.container-event .txt-type02.bn-event a:after { content:''; display:block; position:absolute; top:48%; right:10px; margin-top:-16px; width:32px; height:32px; background-image:url(../img/bg_shapes_sprite.png?version=202012041040); background-repeat:no-repeat; background-position:-512px -55px; background-size:640px auto; }
.page-analytics .ui-toggle.container-event .txt-type02.bn-event a.ui-btn-open:after { background-position:-544px -55px; }
.page-analytics .ui-toggle.container-event .txt-type02.bn-event:hover { background-color:#ffe6e9; }
.page-analytics .ui-toggle.container-event .txt-type02.bn-event a { display:block; padding:15px 35px 15px 38px; margin:0; min-height:10px; color:#555; }
.page-analytics .ui-toggle.container-event .txt-type02.bn-event a span.step { font-weight:500; color:#333; }
.page-analytics .ui-toggle.container-event .txt-type02.bn-event a span.title { font-weight:500; color:#333; padding-right:10px; }
.page-analytics .ui-toggle.container-event .txt-type02.bn-event a span.title:after { content:''; width:1px; height:9px; margin:-2px 0 0 9px; display:inline-block; background-color:#888;
    vertical-align:middle; }
.page-analytics .ui-toggle.container-event .alert-view { overflow:hidden; background-color:#fff; padding:15px 15px 15px 63px; border-bottom:1px solid #ddd; }
.page-analytics .ui-toggle.container-event li { position:relative; width:100%; float:left; box-sizing:border-box; }
.page-analytics .ui-toggle.container-event li span a { width:100%; height:1.4em; line-height:1.4em; margin:0px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; color:#222; font-weight:300; overflow:hidden; }
.page-analytics .ui-toggle.container-event .btn-type { position:absolute; top:50%; right:15px; padding:6px 12px; margin-top:-16px; font-size:14px; font-weight:300; }
.page-analytics .txt-type02.bn-event:before { content:""; width:32px; height:32px; position:absolute; top:8px; left:4px; background-image:url(../img/bg_icon_sprite.png?version=202012041040);
    background-repeat:no-repeat; background-position:-415px -241px; background-size:640px; }

.page-analytics .ui-toggle .txt2 { font-size:15px; color:#555; line-height:1.5; }
.page-analytics .ui-toggle .txt2 span { display:block; margin-bottom:5px; color:#888; font-size:13px; }
.page-analytics .ui-toggle .title2 { font-size:13px; font-weight:500; padding-top:10px; color:#555; }
.page-analytics .ui-toggle.container-event .txt-type02.bn-event.end div { padding:15px 35px 15px 38px; margin:0; min-height:10px; color:#333; font-weight:500; }
.page-analytics .ui-toggle.container-event .txt-type02.bn-event.end:hover { background-color:#ffe0e3; }

/****** TABLE ******/
.alert-view table					{ margin:7px 0 20px; max-width:400px; }
.alert-view table th				{ background-color:#f8f8f8; color:#333; border-color:#ddd; }
.alert-view table td				{ background-color:#fefefe; }
.alert-view table					{ width:100%; margin-bottom:10px; font-size:0.9em; text-align:center; }
.alert-view table caption			{ height:0px; font-size:0em; }
.alert-view table,th,td				{ line-height:1.45; border-spacing:0; border-collapse:collapse; font-size:13px; }

.alert-view table thead th			{ border:1px solid #ddd; }
.alert-view table tbody tr,
.alert-view table tbody th,
.alert-view table tbody td			{ border:1px solid #ddd; }

.alert-view table thead tr			{ background-color:#5c616c; color:#fff; }
.alert-view table thead th			{ padding:8px 0; }
.alert-view table tbody th			{ padding:8px 5px; }
.alert-view table tbody td			{ padding:8px 5px; }
.alert-view table tbody tr.on td	{ background-color:#fff0f2; color:#555; }

.alert-view table tbody td			{ position:relative; }
.alert-view .info-box { position:absolute; top:7px; left:-30px; width:107px; z-index:1;  }
.alert-view .icon-label { background:#ff1c7c; color:#fff; font-size:12px; padding:2px 7px 2px 7px; margin-right:4px; display:inline-block; word-break:normal; border-radius:2px; }
.alert-view .icon-label:before { content:""; border-right:solid 6px #ff1c7c; border-bottom:solid 5px transparent; border-top:solid 5px transparent; position:absolute; left:15px; top:5px; }

.alert-view .icon-label:before { -webkit-animation:arrow 1.2s linear infinite; -moz-animation:arrow 1.2s linear infinite; animation:arrow 1.2s linear infinite; } 
.alert-view .icon-label { -webkit-animation:blink2 1.2s linear infinite; -moz-animation:blink2 1.2s linear infinite; animation:blink2 1.2s linear infinite; }
@-webkit-keyframes arrow {
	  0% { border-right-color:rgba(255,28,124,1);}
	 50% { border-right-color:rgba(255,97,131,0.6);}
	100% { border-right-color:rgba(255,28,124,1);}
}
@keyframes arrow {
	  0% { border-right-color:rgba(255,28,124,1);}
	 50% { border-right-color:rgba(255,97,131,0.6);}
	100% { border-right-color:rgba(255,28,124,1);}
}
@-webkit-keyframes blink2 {
	  0% { background-color:rgba(255,28,124,1);}
	 50% { background-color:rgba(255,97,131,0.6);}
	100% { background-color:rgba(255,28,124,1);}
}
@keyframes blink2 {
	  0% { background-color:rgba(255,28,124,1);}
	 50% { background-color:rgba(255,97,131,0.6);}
	100% { background-color:rgba(255,28,124,1);}
}

@media (min-width:769px) {
	.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event a { padding:15px 45px 15px 65px; }
	.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event a:after { right:35px; }
	.page-socialmedia .txt-type02.bn-event:before { left:33px; }
	.page-socialmedia .txt-type02.bn-event:after { right:15px; }
    .page-socialmedia .txt-type02.bn-event a { padding:15px 40px 15px 42px; }
	.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event.end div { padding:15px 45px 15px 65px; }
	
	.page-analytics .ui-toggle.container-event .txt-type02.bn-event a { padding:15px 45px 15px 65px; }
	.page-analytics .ui-toggle.container-event .txt-type02.bn-event a:after { right:35px; }
	.page-analytics .txt-type02.bn-event:before { left:33px; }
	.page-analytics .txt-type02.bn-event:after { right:15px; }
    .page-analytics .txt-type02.bn-event a { padding:15px 40px 15px 42px; }
	.page-analytics .ui-toggle.container-event .txt-type02.bn-event.end div { padding:15px 45px 15px 65px; }
}
@media (max-width:768px) {
	.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event a span.txt { display:block; padding-top:2px; letter-spacing:-0.06rem; }
	.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event a span.title:after { display:none; }
	.page-socialmedia .ui-toggle.container-event .alert-view { padding:15px 20px 15px 20px; }
	.page-socialmedia .ui-toggle .txt2 { font-size:14px; }
	.page-socialmedia .ui-toggle .txt2 span { font-size:12px; }
	
	.page-analytics .ui-toggle.container-event .txt-type02.bn-event a span.txt { display:block; padding-top:2px; letter-spacing:-0.06rem; }
	.page-analytics .ui-toggle.container-event .txt-type02.bn-event a span.title:after { display:none; }
	.page-analytics .ui-toggle.container-event .alert-view { padding:15px 20px 15px 20px; }
	.page-analytics .ui-toggle .txt2 { font-size:14px; }
	.page-analytics .ui-toggle .txt2 span { font-size:12px; }
	
	.alert-view table { max-width:86%; }
	.alert-view table thead th { padding:6px 0; font-size:12px; }
	.alert-view table tbody td { padding:6px 5px; font-size:12px; }
	.alert-view .info-box { top:4px; }
}
@media (max-width:360px) {
	.page-socialmedia .ui-toggle.container-event .txt-type02.bn-event a span.txt { font-size:12px; }
	.page-analytics .ui-toggle.container-event .txt-type02.bn-event a span.txt { font-size:12px; }
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.page-socialmedia .txt-type02.bn-event:before { background-image:url(../img/bg_icon_sprite@2x.png?version=202012041040); }
	.page-analytics .txt-type02.bn-event:before { background-image:url(../img/bg_icon_sprite@2x.png?version=202012041040); }
}


/***************************************************************
	텐핑포인트 UUU몰로 보내기
***************************************************************/
.segment-wrap { margin:0; padding:20px 0; }
.segment-wrap .segment-header { padding:20px 0; border:none; }
.segment-wrap .segment-header h2 { width:100%; display:block; color:#2f3640; font-size:28px; font-weight:300; text-align:center; word-break:keep-all; }
.segment-wrap .segment-header p.lead { width:100%; display:block; color:#a4b0be; font-size:16px; text-align:center; word-break:keep-all; }
.segment-wrap .segment-body { padding:0; }
.segment-wrap .segment-footer { padding:24px 0 24px; }
.segment-wrap .segment-footer .form-group { width:100%; margin-right:auto; margin-left:auto; display:block; }
.segment-wrap .segment-footer .form-group .form-btn-group { width:100%; }
.segment-wrap .segment-footer .form-group .form-btn-group .btn { font-size:14px; word-break:keep-all; }
.segment-wrap .segment-footer .form-group .form-btn-group:first-child .btn { margin-bottom:8px; }
.segment-wrap .segment-footer .btn { width:100% !important; }
.segment-wrap .panel-wrap { background-color:transparent; }
.segment-wrap .panel-header { padding-bottom:8px; }
.segment-wrap .panel-header h3 { height:26px; }
.segment-wrap .panel-body { padding:0; }

.segment-wrap .container { width:100%; padding-right:0; padding-left:0; margin-right:auto; margin-left:auto; }
.segment-wrap .container { max-width: 1140px; }
.segment-wrap .row {display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px; }

.card { position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; min-width:0; word-wrap:break-word; background-color:#fff; background-clip:border-box;
border: 1px solid rgba(0,0,0,0.125); border-radius: .25rem; }

/************ [product segment] ************/
.product-segment { max-width:1470px; margin-right:auto; margin-left:auto; padding-top:8px; padding-bottom:10px; }

.product-segment .segment-header { padding-top:0; padding-right:12px; padding-bottom:8px; padding-left:12px; }
.product-segment .segment-header h2 { margin-bottom:16px; font-size:24px; }
.product-segment .segment-header small { font-size:14px; }
.product-segment .segment-header small .format-num { color:#fd7e14; font-weight:500; }

.product-segment .row { margin-right:-6px; margin-left:-6px; }
.product-segment .row > .col { padding-right:0; padding-left:0; }
.product-segment .row .col-wide { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.product-segment .row .col-normal { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
.product-segment .category-panel .row .col-wide { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }

.product-segment .card-wrap { margin-bottom:30px; border:none; padding:0 10px 0; }
/*.product-segment .card-wrap:hover .btn-gray { background-color:#ff893a; border-color:#ff893a; }*/
.product-segment .card-wrap .card-img-group { position:relative; /*border:1px solid #ddd;*/ }
.product-segment .card-wrap .card-body { padding:14px 5px 0; }
.product-segment .card-wrap .card-footer { padding-top:0; padding-right:5px; padding-bottom:14px; padding-left:5px; border:0; }
.product-segment .card-wrap .card-footer::before { content:none; }

.card-img-group figure { margin:0; position:relative; overflow:hidden; }

.product-segment .card-wrap .card-img-group figure,
.product-segment .card-wrap .card-img-group figure span { width:100%; /*height:100%;*/ padding-top:100%; display:block; background-image:url(../images/img-product00.png?version=202012041040); background-position:center; background-repeat:no-repeat; background-size:cover; transition:opacity ease-out 0.5s; box-shadow:0 0 0 1px rgba(0,0,0,0.02) inset; }
.product-segment .col-wide .card-wrap .card-img-group figure,
.product-segment .col-wide .card-wrap .card-img-group figure span { padding-top:calc(50% - 6px); }
.product-segment .category-panel .col-wide .card-wrap .card-img-group figure,
.product-segment .category-panel .col-wide .card-wrap .card-img-group figure span { padding-top:100%; }

.product-segment .card-wrap .card-img-group figure span { position:absolute; top:0; left:0; opacity:0; }
.product-segment .card-wrap:hover .card-img-group figure span { opacity:1; }
.product-segment .card-wrap .card-img-group .card-img { width:100%; }

.product-segment .card-img-group .card-count-group { margin:0; position:absolute; bottom:5px; left:5px; }
.product-segment .card-img-group .card-count-group .count { padding:2px 5px; background-color:rgba(0,0,0,0.65); border-radius:4px; color:#fff; font-size:11px; }
.product-segment .card-img-group .card-count-group .count span { margin-left:5px; color:#fff; }

.product-segment .card-img-group .ribbon-rounded { max-width:72px; left:8px; }
.product-segment .card-img-group .ribbon-rounded .star-group .tencon-star,
.product-segment .card-img-group .ribbon-rounded .star-group .tencon-star-filled { color:#f4fe35; }
.product-segment .card-img-group .ribbon-rounded span:not(.star-group) { padding:0.75rem .25em 1rem; word-break:keep-all; }

.product-segment .card-img-group .form-group { width:auto; margin:0; position:absolute; bottom:5px; right:5px; }
.product-segment .card-img-group .form-group .btn-black { padding:9px 10px 6px 9px; }
.product-segment .card-img-group .form-group .btn-black i { font-size:21px; }

.product-segment .card-body h5.card-title { height:2.6em; margin-bottom:4px; display:-webkit-box; line-height:1.3; color:#646c73; font-size:16px; font-weight:400; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; }

.product-segment .card-body .card-price { min-height:59px; margin-bottom:0; padding-bottom:5px; }
.product-segment .card-body .card-price .dl-horizontal { margin-right:0; margin-bottom:0; margin-left:0; -ms-flex-direction:column; flex-direction:column; }
.product-segment .card-body .card-price .dl-horizontal dt,
.product-segment .card-body .card-price .dl-horizontal dd { margin-bottom:0; padding:0; }
.product-segment .card-body .card-price .dl-horizontal dt { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.product-segment .card-body .card-price .dl-horizontal dd { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; text-align:right; }
.product-segment .card-body .card-price .dl-horizontal dd .singlecost,
.product-segment .card-body .card-price .dl-horizontal dd .membercost { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; }
.product-segment .card-body .card-price .dl-horizontal dd .singlecost { -ms-flex-pack:end; justify-content:flex-end; }
.product-segment .card-body .card-price .dl-horizontal dd .singlecost .primecost .format-num { font-weight:400; }
.product-segment .card-body .card-price .dl-horizontal dd .singlecost .discount { margin-left:8px; font-size:14px; font-weight:500; }
.product-segment .card-body .card-price .dl-horizontal dd .membercost { }
.product-segment .card-body .card-price .dl-horizontal dd .membercost .label { width:inherit; max-width:100%; -ms-flex:0 1 90px; flex:0 1 90px; position:relative; text-align:left; letter-spacing:-0.06rem; }
.product-segment .card-body .card-price .dl-horizontal dd .membercost .label span:not(.rate):not(.unit) { display:none; }
.product-segment .card-body .card-price .dl-horizontal dd .membercost .discount { width:inherit; max-width:100%; -ms-flex:1 1 auto; flex:1 1 auto; position:relative; font-size:14px; font-weight:500; }
.product-segment .card-body .card-price .dl-horizontal dd .membercost .discount.masking { margin-top:5px; }

.product-segment .card-body .card-price .membercost .discount > div { width:68px; margin-right:-4px; padding-right:4px; padding-left:4px; background-color:#fff2ea; border-radius:4px; color:#fd7e14; float:right; font-size:14px; font-weight:500; line-height:21px; }
.product-segment .card-body .card-price .membercost .discount > div > span { min-width:calc(100% - 22px); display:inline-block; text-align:center; }

.product-segment .card-body .card-price .primecost,
.product-segment .card-body .card-price .discount,
.product-segment .card-body .card-price .label { height:20px; line-height:20px; }

.product-segment .card-body .card-price .primecost,
.product-segment .card-body .card-price .primecost .format-num { font-size:13px; }
.product-segment .card-body .card-price .discount,
.product-segment .card-body .card-price .label,
.product-segment .card-body .card-price .label .rate { font-size:13px; }
.product-segment .card-body .card-price .label .rate { margin-left:0; color:#777d81; }
.product-segment .card-body .card-price .label .rate .unit { font-size:10px; }
.product-segment .card-body .card-price .primecost { color:#777d81; }
.product-segment .card-body .card-price .singlecost .discount { color:#38393c !important; }

.product-segment .card-body .card-price .format-num { /*width:58px;*/ font-family:"Noto Sans KR", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Malgun Gothic", Gulim, Dotum, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; font-size:13px; font-weight:700; }
.product-segment .card-body .card-price .membercost .label,
.product-segment .card-body .card-price .membercost .rate,
.product-segment .card-body .card-price .membercost .discount { color:#fd7e14; }

.product-segment .card-body .card-price .soldout { height:40px; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; position:relative; top:8px; background-color:#f3f3f3; border-radius:4px; }
.product-segment .card-body .card-price .soldout span { color:#888; font-size:14px; }

.product-segment .card-footer .form-group.justify-content-center { margin:0; }
.product-segment .card-footer .form-group.justify-content-center .form-btn-group,
.product-segment .card-footer .form-group.justify-content-center .form-btn-group .btn { width:100%; }
.product-segment .card-footer .form-group.justify-content-center .form-btn-group .btn { border-radius:4px !important; }
.product-segment .card-footer .form-group.justify-content-center .form-btn-group .btn:hover { border-color:#fd7e14; color:#fd7e14; }
.product-segment .card-footer .form-group.justify-content-center .form-btn-group .btn.disabled, 
.product-segment .card-footer .form-group.justify-content-center .form-btn-group .btn:disabled { background-color:#d8dde3 !important; opacity:0.4; }

.product-segment .data-standby { }
.product-segment .data-standby .data-standby-body .figure { width:100%; margin-top:0; margin-bottom:0; text-align:center; }
.product-segment .data-standby .data-standby-body .figure img { width:100%; max-width:768px; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
	.segment-wrap .segment-header h2 { font-size:32px; }
	/* .segment-wrap .segment-footer .form-group .form-btn-group { width:auto; } */
	.segment-wrap .segment-footer .btn { min-width:240px !important; }
}
@media (min-width:768px) {
	.segment-wrap { padding:40px 0; }
	.segment-wrap .segment-header h2 { margin-bottom:8px; font-size:40px; }
	.segment-wrap .segment-footer { padding-top:64px; }
	.segment-wrap .segment-footer .form-col-terms,
	.segment-wrap .segment-footer .form-group.justify-content-center { width:490px; }
	.segment-wrap .segment-footer .form-group .form-btn-group .btn { font-size:inherit; }
}
@media (min-width: 992px) {
	.container { max-width:960px;}
}
@media (min-width: 768px) {
	.container { max-width:720px; }
}
@media (min-width: 576px) {
	.container { max-width:540px; }
}

/****** responsive & retina specific ******/
@media (max-width:639px) {
	.product-segment .container { padding:0; }
	.product-segment .row { margin-right:0; margin-left:0; }
	/*.product-segment .row > .col:nth-child(2n+1) { padding-right:3px; padding-left:0; }
	.product-segment .row > .col:nth-child(2n) { padding-right:0; padding-left:3px; }*/
	.product-segment .card-img-group .ribbon-rounded { max-width:64px; }
	.product-segment .card-img-group .ribbon-rounded span:not(.star-group) { font-size:11px; }
	.product-segment .card-img-group .ribbon-rounded .star-group .tencon-star,
	.product-segment .card-img-group .ribbon-rounded .star-group .tencon-star-filled { font-size:8px; }
	.product-segment .card-wrap { margin-bottom:12px; border:none; padding:0 4px 0 4px; }
	.segment-wrap .panel-body { padding:0 3px; }
	.product-segment .card-body h5.card-title { font-size:14px; }
}
@media (max-width:767px) {
	.product-segment .card-wrap:hover .card-img-group figure span { opacity:0; }
	.product-segment .card-body .card-price .dl-horizontal dd .membercost .label { -ms-flex:0 1 94px; flex:0 1 94px; letter-spacing:-0.07rem; font-size:11px; margin-top:3px; }
}
@media (min-width:425px) {
	.product-segment .card-body .card-price .dl-horizontal dd .membercost .label { -ms-flex:0 1 130px; flex:0 1 130px; }
	.product-segment .card-body .card-price .dl-horizontal dd .membercost .label span:not(.rate):not(.unit) { display:inline; }
	.product-segment .card-body .card-price .primecost,
	.product-segment .card-body .card-price .discount { height:24px; line-height:24px; }
	.product-segment .card-body .card-price .label { height:24px; line-height:27px; }
	.product-segment .card-body .card-price .discount,
	.product-segment .card-body .card-price .format-num { font-size:16px; }
	.product-segment .card-body .card-price .label,
	.product-segment .card-body .card-price .label .rate { font-size:14px; }
}
@media (min-width:640px) {
	.product-segment .panel-body { padding:6px; }
	/*.product-segment .row { margin-right:-6px; margin-left:-6px; }
	.product-segment .row > .col { padding-right:6px; padding-left:6px; }*/
	.product-segment .row .col-wide { -ms-flex:0 0 33.3333%; flex:0 0 33.3333%; max-width:33.3333%; }
	.product-segment .row .col-normal {-ms-flex:0 0 33.3333%; flex:0 0 33.3333%; max-width:33.3333%; }
	.product-segment .category-panel .row .col-wide { -ms-flex:0 0 33.3333%; flex:0 0 33.3333%; max-width:33.3333%; }
	.product-segment .col-wide .card-wrap .card-img-group figure,
	.product-segment .col-wide .card-wrap .card-img-group figure span { padding-top:100%; }
	.product-segment .category-panel .col-wide .card-wrap .card-img-group figure,
	.product-segment .category-panel .col-wide .card-wrap .card-img-group figure span { padding-top:100%; }
	.product-segment .card-wrap .card-footer { padding-right:0; padding-left:0; }
}
@media (min-width:768px) {
	.product-segment .segment-header { padding-top:48px; padding-bottom:8px; }
	.product-segment .segment-header h2 { margin-bottom:32px; font-size:32px; }
	.product-segment .segment-header small { font-size:14px; }
	.product-segment .row .col-wide { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
	.product-segment .row .col-normal {-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
	.product-segment .category-panel .row .col-wide { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
	.product-segment .col-wide .card-wrap .card-img-group figure,
	.product-segment .col-wide .card-wrap .card-img-group figure span { padding-top:calc(50% - 6px); }
	.product-segment .category-panel .col-wide .card-wrap .card-img-group figure,
	.product-segment .category-panel .col-wide .card-wrap .card-img-group figure span { padding-top:100%; }
}
@media (min-width:1024px) {
	.product-segment .row .col-wide { -ms-flex:0 0 33.3333%; flex:0 0 33.3333%; max-width:33.3333%; }
	.product-segment .row .col-normal {-ms-flex:0 0 33.3333%; flex:0 0 33.3333%; max-width:33.3333%; }
	.product-segment .category-panel .row .col-wide { -ms-flex:0 0 33.3333%; flex:0 0 33.3333%; max-width:33.3333%; }
	.product-segment .col-wide .card-wrap .card-img-group figure,
	.product-segment .col-wide .card-wrap .card-img-group figure span { padding-top:100%; }
	.product-segment .category-panel .col-wide .card-wrap .card-img-group figure,
	.product-segment .category-panel .col-wide .card-wrap .card-img-group figure span { padding-top:100%; }
}
@media (min-width:1200px) {
	.product-segment .row .col-wide { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
	.product-segment .row .col-normal {-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
	.product-segment .category-panel .row .col-wide { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
	.product-segment .col-wide .card-wrap .card-img-group figure,
	.product-segment .col-wide .card-wrap .card-img-group figure span { padding-top:calc(50% - 6px); }
	.product-segment .category-panel .col-wide .card-wrap .card-img-group figure,
	.product-segment .category-panel .col-wide .card-wrap .card-img-group figure span { padding-top:100%; }
}
@media (min-width:576px) {
	.segment-wrap .segment-header h2 { font-size:32px; }
	/* .segment-wrap .segment-footer .form-group .form-btn-group { width:auto; } */
	.segment-wrap .segment-footer .btn { min-width:240px !important; }
}
@media (min-width:768px) {
	.segment-wrap { padding:14px 0 40px; }
	.segment-wrap .segment-header h2 { margin-bottom:8px; font-size:40px; }
	.segment-wrap .segment-footer { padding-top:64px; }
	.segment-wrap .segment-footer .form-col-terms,
	.segment-wrap .segment-footer .form-group.justify-content-center { width:490px; }
	.segment-wrap .segment-footer .form-group .form-btn-group .btn { font-size:inherit; }
}
@media (min-width: 1900px){
	.segment-wrap .container { max-width:1280px; }
}

@media (max-width:374px) {
	.product-segment .card-body .card-price .dl-horizontal dd .membercost .label { -ms-flex:0 1 80px; flex:0 1 80px; }
	.product-segment .card-body .card-price .dl-horizontal dd .membercost .label span.percent { display:none; }
}
@media (max-width:320px) {
	.product-segment .card-body .card-price .dl-horizontal dd .membercost .label { -ms-flex:0 65px; flex:0 1 65px; font-size:10px; }
}

.sr-only { width:1px !important; height:1px !important; padding:0 !important; position:absolute !important; border:0 !important; clip:rect(0, 0, 0, 0) !important; white-space:nowrap !important; overflow:hidden !important; }


/*************************************************
	LAYER CONTENT_입력폼 퍼가기
*************************************************/
#layerContBoxGuide .box-type .area-cont-sm .box-cont { width:32.5%; }
.layer-wrap.layer-inputform .select-type.s1 .select-cont li .colorchip span { width:20px; height:20px; border-radius:100px; border:1px solid #dfdfdf; }
.layer-wrap.layer-inputform .select-type.s1 .select-cont li .tooltipped:after { height:100px; }

.layer-wrap .select-type.s1 .select-cont li.theme-basic .colorchip .chip1 {background-color:#dcf3ff;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-basic .colorchip .chip2 {background-color:#26356f;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-white .colorchip .chip1 {background-color:#fff;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-white .colorchip .chip2 {background-color:#f93755;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-gray .colorchip .chip1 {background-color:#f7f9fa;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-gray .colorchip .chip2 {background-color:#19ce60;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-yellow .tooltipped:after {background-position:-300px 0;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-yellow .colorchip .chip1 {background-color:#fee800;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-yellow .colorchip .chip2 {background-color:#2d241f;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-aqua .tooltipped:after {background-position:-400px 0;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-aqua .colorchip .chip1 {background-color:#4643b6;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-aqua .colorchip .chip2 {background-color:#00a7e7;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-black .colorchip .chip1 {background-color:#29273f;}
.layer-wrap.layer-inputform .select-type.s1 .select-cont li.theme-black .colorchip .chip2 {background-color:#d24a58;}

/**큰 사각 박스 **/
#layerContBoxGuide .box-type .area-cont-vertical { margin:5px auto; width:100%; max-width:300px; min-height:100%; background:none; background:#fff; border:1px solid #dae2e3; overflow:hidden; }
#layerContBoxGuide .box-type .area-cont-vertical .box-cont { padding:0; box-sizing:border-box; }
#layerContBoxGuide .box-type .area-cont-vertical .box-cont .cont-img { padding:5px 0; }
#layerContBoxGuide .box-type .area-cont-vertical .box-cont .cont-img img { width:100%; }
#layerContBoxGuide .box-type .area-cont-vertical .box-cont .cont-txt { padding:0 10px; margin:5px 0; color:#333; font-size:15px; font-weight:300; text-align:center; word-break: break-all; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; line-height:1.5; }