.img-coupon {
  background-image: url("/static/result-measure/img/coupon.svg");
  background-size: 60px;
  height: 60px;
  width: 60px;
}

.apexcharts-legend-text {
  white-space: nowrap !important;
}

.tui-grid-layer-focus-deactive .tui-grid-layer-focus-border {
  background-color: transparent !important;
}

.tui-grid-layer-focus-border {
  background-color: transparent !important;
}

.tui-grid-row-odd, .tui-grid-row-even {
  cursor: pointer;
}

.title-bg-lightblue {
  font-weight: 700;
  font-size: 0.9rem;
  background: #deebf7;
  color: #212121 !important;
}
@media (min-width: 1200px) {
  .title-bg-lightblue {
    font-size: 0.9rem;
  }
}
@media (min-width: 1650px) {
  .title-bg-lightblue {
    font-size: 1rem;
  }
}
.title-bg-lightblue.in-block {
  display: inline-block;
}

.widget-text-md-bold {
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .widget-text-md-bold {
    font-size: 0.9rem;
  }
}
@media (min-width: 1650px) {
  .widget-text-md-bold {
    font-size: 1rem;
  }
}
.widget-text-sm-normal {
  font-size: 0.7rem;
  font-weight: 300;
}
@media (min-width: 576px) {
  .widget-text-sm-normal {
    font-size: 0.8rem;
  }
}

@media (min-width: 576px) {
  .sm-pr-1 {
    padding-right: 0.25rem;
  }
}

@media (min-width: 576px) {
  .sm-pl-1 {
    padding-left: 0.25rem;
  }
}

#conversionRateGuideIcon:hover #conversionRateTooltip {
  display: block;
}

#rodGuideIcon:hover #rodTooltip {
  display: block;
}

#conversionRateTooltip, #rodTooltip {
  left: 0%;
  bottom: 100%;
  padding: 10px 10px;
  background-color: #f9f9f9;
  color: #1b223c;
  position: absolute;
  display: none;
  border-radius: 0.25rem;
  -webkit-box-shadow: 5px 5px 10px grey;
          box-shadow: 5px 5px 10px grey;
  white-space: nowrap;
}
#conversionRateTooltip::before, #rodTooltip::before {
  border-color: #f9f9f9 transparent;
  border-style: solid;
  border-width: 10px 10px 0px 10px;
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
}
#conversionRateTooltip::before, #rodTooltip::before {
  display: none;
}

.color-7e7e7e {
  color: #7e7e7e;
}

.color-black {
  color: #000000;
}

.color-5073d9 {
  color: #5073d9;
}

.color-4a76cf {
  color: #4a76cf;
}

.color-2a4ba8 {
  color: #2a4ba8;
}

.color-182b70 {
  color: #182b70;
}

.color-071834 {
  color: #071834;
}

.color-fe5162 {
  color: #fe5162;
}

.bg-fafafa {
  background-color: #fafafa;
}

.bg-white {
  background-color: #ffffff;
}

.modal-header-border {
  border-bottom: 1px solid #AEB1B8 !important;
}

.border-1px-solid-aeb1b8 {
  border: 1px solid #aeb1b8;
}

.border-right-1px-solid-aeb1b8 {
  border-right: 1px solid #aeb1b8;
}

.border-top-none {
  border-top: none !important;
}

.responsive-border-type0 {
  border-style: solid;
  border-color: #aeb1b8;
  border-width: 0px 1px 1px 1px;
}
@media (min-width: 576px) {
  .responsive-border-type0 {
    border-width: 1px 1px 1px 0px;
  }
}

.responsive-border-type1 {
  border-style: solid;
  border-color: #aeb1b8;
  border-width: 0px 1px 1px 1px;
}
@media (min-width: 576px) {
  .responsive-border-type1 {
    border-width: 0px 1px 1px 0px;
  }
}

.border-top-b0b1b5 {
  border-top: 1px solid #b0b1b5;
}

.border-bottom-e9eaed {
  border-bottom: #e9eaed;
}

#connectingLine {
  top: 29%;
  width: 80%;
  left: 50%;
  height: 2px;
  background-color: #cccccc;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  display: none;
}
@media (min-width: 992px) {
  #connectingLine {
    display: block;
  }
}

.lg-d-block {
  display: none;
}
@media (min-width: 992px) {
  .lg-d-block {
    display: block;
  }
}/*# sourceMappingURL=result-measure.css.map */


.group-nav { z-index:2; position:relative; bottom:-1px; padding:40px 0 0 40px; }
.nav.nav-tabs li.nav-item a.nav-link.active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 3px;
    background: #4F74D4;
	border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.nav.nav-tabs li.nav-item a.nav-link.active { border-right:1px solid #ADB1BA; border-left:1px solid #ADB1BA; }
.nav.nav-tabs { width:calc(100% - 42px); border-bottom:1px solid #ADB1BA; }
.nav.nav-tabs li { position:relative; }
.nav-tabs .nav-item .nav-link { width:250px; font-size:18px; padding-left:0; padding-right:0; text-align:center; }
.nav-link:hover,
.nav-link.active:hover {  }
.content > main.card { border-top-left-radius: 0; border:1px solid #ADB1BA; }
.tab-pane > div > p.txt { font-size:22px; font-weight:500; color:black; }
div > div > span.class { position:relative; bottom:3px; color:#4E78D7; font-size:13px; font-weight:500; }
.text-black.sound p { display: inline-block; font-size: 18px; }
.btn-bot-group { margin-top:20px; }
.btn-bot-group a { display:inline-block; width:94px; height:40px; line-height:38px; border-radius:4px; text-align:center; font-size:14px; font-weight:500; }
.btn-bot-group a+a { margin-left:7px; }
.btn-bot-group a.btn-prev span { padding-left:20px; }
.btn-bot-group a.btn-send span { padding-right:20px; }
.btn-bot-group a.btn-prev { border:1px solid #ADB1BA; background:white; }
.btn-bot-group a.btn-send { border:1px solid #4F77D7; background:#4F77D7 }
.btn-bot-group a.btn-prev span { background:url('../../common/image/arr_left.png') no-repeat left 3px / 9px auto; color:#808080; }
.btn-bot-group a.btn-send span { background:url('../../common/image/ico_speech_bubble.png') no-repeat right 4px / 15px auto; color:white; }
.recom-auto { padding:20px 26px; }
.recom-auto .header { position:relative; padding-bottom:20px; border-bottom:1px solid #E5E9F2; }
.recom-auto .header .left p.tit { display:inline-block; }
.recom-auto .header .left a { display:inline-block; position:relative; bottom:3px; padding-left:5px; }
.recom-auto .header .left a img { width:24px; height:auto; }
.recom-auto .header .right { position:absolute; right:0; top:0; }
.recom-auto .header p.tit { font-size:22px; font-weight:500; color:black; }
.recom-auto2 .header.inner .right { top:-3px; }
.recom-auto .right a.btn-layer { display:inline-block; position:relative; bottom:8px; padding-right:12px; font-weight:400; font-size:13px; text-decoration:underline; color:black; }
.recom-auto .right .control2 { display:inline-block; }
.recom-auto .right .control2 span { position:relative; bottom:7px; padding:0 12px; font-size:15px; font-weight:400; color:black; }
.recom-auto .right .control2 a { display:inline-block; width:38px; height:38px; line-height:38px; border:1px solid #ADB1BA; border-radius:4px; text-align:center; font-size:30px; color:#808080; }
.recom-auto .right .control2 a.btn-algo { display:inline-block; width:100px; height:38px; line-height:38px; border:1px solid #4F77D7; border-radius:100px; text-align:center; font-size:13px; font-weight:400; }
.recom-auto .right .control2 a.btn-algo button { color:#4F77D7; }
.recom-auto2 .tit-s { padding:20px 0 30px; font-size:16px; font-weight:500; color:black; }
.recom-auto2 .tit-s.pb20 { padding-bottom:20px; }
.recom-auto .layer-exp { z-index:2; position:absolute; max-width:560px; /* left:0; top:0; */ left:260px; /* transform: translateX(-400px); */ background:#FAFAFA; border-radius:4px; border:1px solid #8A909D; text-align:left; }
.recom-auto #layer-exp2 { left:50%; transform: translate(-48px, 40px); }
.recom-auto #layer-exp3 { left:50%; transform: translate(-48px, 40px); }
.recom-auto #layer-exp2 dt,
.recom-auto #layer-exp3 dt,
.recom-auto #layer-exp1-r dt { font-weight:normal; }
.recom-auto #layer-exp1-r,
.recom-auto #layer-exp2,
.recom-auto #layer-exp3 { line-height:20px; }
.recom-auto .layer-exp a { position:absolute; right:20px; top:19px; }
.recom-auto .layer-exp dl { padding:20px 60px 20px 20px; }
.recom-auto .layer-exp dt { color:black; font-weight:700; font-size:14px; }
.recom-auto .layer-exp dd { position:relative; padding-left:12px; font-weight:400; font-size:14px; color:black; }
.recom-auto .layer-exp dd:before { position: absolute; content: ''; /* top: 20%; */ top: 11px; left: 0px; width: 4px; height:4px; border-radius:50px; background: black;  }
.recom-auto p.exp { color:black; font-size:22px; font-weight:400; }
.recom-auto a.btn-l-blue { display:inline-block; width:180px; height:46px; line-height:46px; margin:0 auto; border:1px solid #4F74D4; border-radius:50px; background:white; color:#4F74D4!important; }
.recom-auto .ico1 img { width:109px; height:auto; }
.recom-auto .ico2 img { width:120px; height:auto; }
.recom-auto2 a.layer4 { position:relative; bottom:2px; }
.recom-auto2 a.layer4 img { width:16px; height:auto; }
a.btn-algo { border:1px solid #4F77D7; color:#4F77D7; }
.paginate { margin:20px 0; }
.paginate p { margin:0 34px; font-size:15px; font-weight:400; }
.paginate p span { color:black; }
.paginate p span+span { color:#808080; }
.paginate a img { width:42px; height:42px; }
.paginate a.left img { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.recom-auto2 .paginate { margin:30px 0 0px; }
.card.recom { padding:32px; }
.scroll.rank1 { overflow-x:auto; overflow-y:hidden; white-space: nowrap; width:100%; }
.rank1 > ul { width:100%; margin:20px 0 30px 0; padding:0; }
.rank2 > ul { margin:auto -15px; padding-left:0; }
.rank1 > ul > li { display:inline-block; max-width:180px; list-style:none; }
.rank2 > ul > li { list-style:none; }
.rank1 > ul > li+li { margin-left:34px; }
/* .rank2 > ul > li+li { margin-left:27px; } */
.rank1 > ul > li > a { display:block; }
.rank1 p.product img { width:180px; height:auto; }
.rank2 p.product img { width:100%; max-width:130px; height:auto; }
.rank1 span.bg-red { position:absolute; left:0; top:0; width:40px; height:40px; line-height:38px; border-radius:0 0 10px 0; background:#FE5461; color:white; font-size:15px; font-weight:500; text-align:center; }
.rank2 ul li a div span { border-radius:0!important; }
.rank2 li a span.bg-green { background:#18B17F; }
.rank2 li a span.bg-red { background:#FE5461; }
.rank2 li a span.bg-d-blue { background:#214CA8; }
.rank1 span.bg-blue { position:absolute; right:0; bottom:0; min-width:85px; height:27px; line-height:27px; background:#4E78D7; color:white; font-size:13px; font-weight:500; text-align:center; }
.rank2 span.bg-green,
.rank2 span.bg-blue,
.rank2 span.bg-red,
.rank2 span.bg-d-blue { position:absolute; min-width:85px; height:27px; line-height:27px; background:#4E78D7; color:white; font-size:13px; font-weight:500; text-align:center; right:inherit; bottom:inherit; left:0; top:0; }
.rank1 .bot,
.rank2 .bot { margin-top:8px; }
.rank1 .bot p,
.rank2 .bot p { color:black; font-size:15px; }
.rank1 .bot p.qty,
.rank2 .bot p.qty { margin-top:15px; }
.rank2 p+p { margin-top:2px; }
.group-bot { position:relative; margin-top:30px; }
.group-bot .inner { /* padding:20px 26px; */ }
.group-bot .header .right { top:3px; }
.scroll.ai { overflow-y:scroll; max-height:341px; margin-top:20px; white-space: nowrap; }
.scroll.ai > .container.table-responsive { max-width:inherit; padding-left:0!important; }
.scroll.ai tr th { border-top: 1px solid #ADB1BA; border-bottom:none!important; background:#FAFAFA; }
.scroll.ai tr td,
.scroll.ai tr th { font-size:15px; color:black; font-weight:400; text-align:center; }
.scroll.ai tr td { padding:10px 0.75em; border-top:none!important; border-bottom: 1px solid #e5e9f2; vertical-align:inherit; }
.scroll.ai tr.on { border-radius:4px; outline: 1px solid #4F77D7; outline-offset: -1px; /* border: 1px solid #4F77D7; */ background:#EFF3F7; }
.scroll.ai td img.ico-user { width:28px; height:auto; }
.table-responsive .sortable { cursor: pointer; }
.table-responsive .sortable .sort { display:inline-block; position:relative; top:4px; width:7px; height:16px; margin-left:5px; background: url('../../common/image/btn_sort.png') no-repeat center 0 / 7px auto; }
.table-responsive .sortable .filter { display:inline-block; position:relative; top:4px; width:12px; height:16px; margin-left:5px; background: url('../../common/image/btn_fliter.png') no-repeat center 0 / 12px auto; }
.modal.coupon .modal-header { padding:25px 40px; }
.modal.coupon .modal-dialog { width:780px; max-width:780px; }
.modal.coupon h4.modal-title { color:black; font-size:24px; font-weight:700; }
.modal.coupon .close img { width:23px; height:auto; }
.modal.coupon .modal-body { padding:20px 40px; }
.modal.coupon .modal-body td,
.modal.coupon .modal-body th { color:black; font-size:15px; font-weight:400; border-collapse:collapse; }
.modal.coupon .modal-body th { /* border-right:1px solid #E5E9F2; */ background:#FAFAFA }
.modal.coupon .inner .tit { font-size:22px; font-weight:500; color:black; }
.modal.coupon .modal-header .close { padding:21px 1rem; }
.group-bot:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
}
.modal.algo .modal-body { overflow-y:inherit; padding:30px 40px 40px; }
.modal.algo .modal-body .inner { position:relative; }
.modal.algo .modal-header { padding:24px 40px; border-bottom:1px solid #E5E9F2; }
.modal.algo .modal-dialog { width:880px; max-width:880px; }
.modal.algo .modal-content { height:570px; }
.modal.algo .left { padding-left:15px; padding-right:0; }
.lst-vip .header { line-height:28px; padding-bottom:15px; border-bottom:1px solid #E5E9F2; font-size:22px; font-weight:400; color:black; }
.scroll.vip { overflow-y:scroll; max-height:360px; margin-top:20px; white-space: nowrap; }
.scroll.vip .container { padding:0 15px 0 0; }
.scroll.vip .container ol { padding-left:0; }
.scroll.vip .container ol li { position:relative; height:46px; line-height:46px; padding:0 0 0 8px; list-style:none; cursor:pointer }
.scroll.vip .container ol li span { display:inline-block; color:black; }
.scroll.vip .container ol li span.rank { width:24px; height:24px; line-height:24px; text-align:center; background:#ADB1BA; border-radius:50px; color:white; }
.scroll.vip .container ol li span.rank.red { background-color:#FE5461; }
.scroll.vip .container ol li span+span { margin-left:8px; }
.scroll.vip .container ol li p { position:absolute; right:8px; top:12px; background:#ADB1BA; border:1px solid #ADB1BA; border-radius:4px; padding:3.5px 6px; color:white; font-size:13px; }
.scroll.vip .container ol li:nth-child(1) p,
.scroll.vip .container ol li:nth-child(2) p,
.scroll.vip .container ol li:nth-child(3) p { background:#FE5461; border:1px solid #FE5461; }
.scroll.vip ol li.on { border-radius:4px; outline: 1px solid #4F77D7; outline-offset: -1px; /* border: 1px solid #4F77D7; */ background:#EFF3F7; }
.modal.algo .vip-user { position:relative; }
.modal.algo .vip-user a.sort { display:inline-block; /* position:absolute; top:4px; right:0; width:7px; height:16px; */ padding-right:15px; background: url('../../common/image/btn_sort.png') no-repeat right 6px / 7px auto; color:#808080; }
.modal.algo .vip-user .right { position:relative;/*  width:50px; */ }
.modal.algo .inner.header .right { z-index:2; position:absolute; right:0; top:0; }
.modal.algo .rank2 > ul { margin:auto; padding-left:15px; }
.modal.algo .rank2 p.product { position:absolute; left:0; top:0; }
.modal.algo .rank2 p.product img { width:100%; max-width:64px; height:auto; }
.modal.algo .inner .tit { margin-bottom:15px; padding-bottom:17px; border-bottom:1px solid #E5E9F2; border-bottom:1px solid #E5E9F2; font-weight:400; }
.modal.algo .rank2 .right { margin-left:80px; padding-top:5px; }
.modal.algo .rank2 .right p { color:black; font-size:15px; font-weight:400; }
.modal.algo .rank2 .right p+p { padding-top:12px; }
.modal.algo .rank2 .right p.qty { position:absolute; right:15px; top:10px; }
.modal.algo .rank2 .scroll.vip li { min-height:64px; list-style:none; }
.modal.algo .vip-user .scroll.vip ul { padding-left:15px; }
.scroll.vip ul li+li { margin-top:18px; }
.semi-auto { color:black; }
.semi-auto a.sort { display:inline-block; padding-left:15px; background: url('../../common/image/btn_sort.png') no-repeat left 6px / 7px auto; color:#808080; }
.semi-auto .control-chk { margin:20px 0; }
.semi-auto .control-chk label { font-size:15px; }
.semi-auto .control-chk a.chk { display:inline-block; padding-left:40px; color:black; background: url('../../common/image/chk.png') no-repeat left center / 24px 24px; transition:inherit; }
.semi-auto .control-chk a.chk.on { display:inline-block; padding-left:40px; color:black; background: url('../../common/image/chk_on.png') no-repeat left center / 24px 24px; transition:inherit; }
ul.lst-chk { padding:0; }
.custom-control-label::before,
.custom-control-label::after { top:6px!important; }
ul.lst-chk > li { position:relative; padding:16px 20px 16px 65px; border: 1px solid #E5E9F2; border-radius:4px; list-style:none; }
ul.lst-chk > li+li { margin-top:20px; }
ul.lst-chk > li.on { outline: 1px solid #4F77D7; outline-offset: -1px; background:#EFF3F7; }
ul.lst-chk li p.product img { width:115px; height:115px; }
ul.lst-chk li .right { position:absolute; left:135px; top:0; }
ul.lst-chk li div span { color:#4F74D4; font-size:13px; font-weight:500; }
ul.lst-chk li div span:first-child { padding:5px 12px; border-radius:100px; border:1px solid #4F74D4; }
ul.lst-chk li div span+span { color:black; }
ul.lst-chk .right ul { padding-left:0; }
ul.lst-chk .right ul li { list-style:none; color:black; }
ul.lst-chk .right ul li dl { overflow:hidden; width:100%; margin-top:3px; }
ul.lst-chk .right ul li dl dt { float:left; width:73px; max-width:73px; font-weight:700; font-size:15px; }
ul.lst-chk .right ul li dl dd { float:left; margin-left:26px; font-weight:400; font-size:15px; }
ul.lst-chk > li.on:before { position: absolute; content: ''; transform:translateY(-10px); top: 50%; left: 20px; height: 24px; width: 24px; background: url('../../common/image/chk_on.png') no-repeat left center / 24px 24px; }
ul.lst-chk > li:before { position: absolute; content: ''; transform:translateY(-10px); top: 50%; left: 20px; height: 24px; width: 24px; background: url('../../common/image/chk.png') no-repeat left center / 24px 24px; }
.semi-auto .scroll.ai { height:600px; max-height:600px; }
.semi-auto span.chk { display:inline-block; position:absolute; left:5px; top:5px; width:24px; height:24px; background: url('../../common/image/chk.png') no-repeat left center / 24px 24px; }
.semi-auto span.chk.on { background: url('../../common/image/chk_on.png') no-repeat left center / 24px 24px; }
.semi-auto .rank2.coupon ul { margin: auto -15px; padding-left:inherit; }
.semi-auto .rank2.coupon ul li+li+li+li+li { margin-top:30px; }
.semi-auto .rank2.coupon p.product img { max-width:inherit; }
.scroll.ai.coupon { overflow-y:scroll; overflow-x:hidden; max-height:inherit; height:595px; margin-top:20px; white-space: inherit; }

/* Responsive */
@media (max-width: 1600px) {
  .ico-sound {
        position: absolute;
        left: 15px;
        top: calc(50% - 11px);
        width: 23px !important;
        height: auto;
    }
	.text-black.sound {
        position: relative;
        padding-left: 35px;
    }
	.text-black.sound p { padding-left:20px }
	.text-black.sound span.txt {
        padding-left: 0px !important;
    }
}

@media (min-width: 1500px) {
	.group-bot:after {
		width:21px;
		height:30px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url('../../common/image/arr_r_gray.png') no-repeat center 50% / 21px auto;
	}
	.group-bot .coupon-recomm { padding-right:30px; }
	.group-bot .divider { padding-left:30px; }
	.rank2 > ul > li { min-height:210px; }
	.vip-user .rank2 > ul > li { min-height:inherit; }
	.modal.algo .group-bot:after {
		width:15px;
		height:30px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url('../../common/image/arr_r_gray.png') no-repeat center 50% / 15px auto;
	}
	.modal.algo .group-bot:after { -webkit-transform: translateX(-120px); transform: translateX(-120px); }
	.recom-auto #layer-exp3 { left: 234px; top: 60px; transform:inherit; letter-spacing: -0.04em; }	
	.recom-auto #layer-exp3 dl { padding-right:40px; }
	.recom-auto #layer-exp1-r { left:inherit; right: 130px; top: 50px; }
	ul.lst-chk .right ul li dl dd { overflow:hidden; width:50%; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; }
	ul.lst-chk .right { width: calc(100% - 135px); left:135px; }
	.card.recom-auto.recom-auto2 { height:100%; }
}

@media (max-width: 1499px) {
	.tab-pane > div > p.txt { font-size:18px; }
	.recom-auto #layer-exp3 { left: 234px; top: 60px; transform:inherit; }	
	.recom-auto #layer-exp1-r { left:inherit; right: 130px; top: 50px; transform:inherit; }
	.group-bot:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width:21px;
		height:30px;
		-webkit-transform: translate(-50% , 580%) rotate(90deg);
		transform: translate(-50% , 580%) rotate(90deg);
		background: url('../../common/image/arr_r_gray.png') no-repeat center 50% / 18px auto;
	}
	.group-bot2:after {
		-webkit-transform: translate(-50% , -60%) rotate(90deg);
		transform: translate(-50% , -60%) rotate(90deg);
	}
	.semi-auto .group-bot:after {
		-webkit-transform: translate(-50% , -75%) rotate(90deg);
		transform: translate(-50% , -75%) rotate(90deg);
	}
	/* .modal.algo .group-bot:after { background:none; } */
}
@media screen and (min-width : 1200px) and (max-width : 1499px) {
	.modal.algo .group-bot:after { transform: translateX(-610%) rotate(0deg)!important; -webkit-transform: translateX(-610%) rotate(0)!important; background-size:15px auto; }
	.modal.algo .group-bot .divider { padding-left:30px; }
	
}
@media (min-width: 1200px) {
	.compact-spacing .content { padding: 40px; padding-top:0; }
	.text-black.sound p { padding-left: 20px; }
	.text-black.sound p span:first-child { padding-left: 0!important; }
	.text-black.sound p span { position: relative; top: 3px; }
	.modal.algo .group-bot .divider { margin-top:0!important; }
	.modal.algo .modal-content { height:580px; }
	/* .recom-auto #layer-exp3 { width:440px; transform: translate(-88px, 40px); } */
	.recom-auto #layer-exp3 dl { padding-right:60px!important; }
	#layer-auto1 { width:100%; }
	#layer-auto2 { width:75%; }
	#layer-auto2 { left:168px; top:60px; }
	#layer-auto2 dl { padding-right:20px!important; }
}

@media (max-width: 1199px) {
	.group-nav { padding-left: 0.94rem; }
	.modal.algo .modal-dialog { width:100%; max-width:100%; height:100%; margin:0; }
	/* .rank1 p.product img { width: } */
	.group-bot:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width:21px;
		height:30px;
		-webkit-transform: translate(-50% , -40%) rotate(90deg);
		transform: translate(-50% , -40%) rotate(90deg);
		background: url('../../common/image/arr_r_gray.png') no-repeat center 50% / 18px auto;
	}
	.group-bot2:after {
		-webkit-transform: translate(-50% , -20%) rotate(90deg);
		transform: translate(-50% , -20%) rotate(90deg);
	}
	.modal.algo { padding-right:0!important; }
	.modal.algo .modal-content { max-height:100%!important; height:100%!important; }
	.modal.algo .modal-dialog-centered { min-height: 100%!important; }
	.modal.algo .container { max-width:100%; }
	.modal.algo .rank2 .scroll.vip { height:280px; padding-bottom:50px; }
	.modal.algo .lst-vip .scroll.vip { height:250px; }
	.recom-auto #layer-exp1-r { left:inherit; right: 130px; top: 50px; transform:inherit; }
}

@media screen and (min-width : 769px) and (max-width : 1499px) {
	
	.group-bot .recom-auto2 { margin-top:30px; }
	.recom-auto .layer-exp {
	    /* transform: translateX(-170px); */
	}
	.recom-auto #layer-exp2 { left:315px; }
	.group-bot .divider { margin-top:80px!important; /* padding-right:0!important; */ }
	/* .modal.algo .rank2 .scroll.vip { height:280px; padding-bottom:50px; } */
	/* .modal.algo .lst-vip .scroll.vip { height:250px; } */
	.group-bot .recom-auto2 .d-flex.h-100 { min-height:610px; }
}

@media (max-width: 980px) {
	.recom-auto .header .left p.tit { font-size:15px; }
	.recom-auto .right .control2 a { position:relative; bottom:3px; width:28px; height:28px; line-height:28px; font-size:20px; }
	.recom-auto p.exp { font-size:13px; }
	.recom-auto a.btn-l-blue { width: 155px; height: 30px; line-height: 30px; font-size:13px; }
	.card.recom { padding:1rem 0.94rem; }
	.rank1 p.product img { width:120px; height:auto; }
	.recom-auto .layer-exp { left:10px; }
	.recom-auto #layer-exp2 { left:150px; }
	.text-black.sound p { font-size:15px; }
	.recom-auto #layer-exp3 { left: 170px; top: 60px; }	
	ul.lst-chk .right ul li dl dt,
	ul.lst-chk .right ul li dl dd { font-size:13px; }
	ul.lst-chk li p.product img { width:85px; height:auto; }
	ul.lst-chk li .right { left:105px; }
	ul.lst-chk .right ul li dl { margin-top:0; }
	ul.lst-chk .right ul li dl dd { overflow:hidden; position:absolute; width: calc(100% - 74px); margin-left:74px; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; }
}

@media (max-width: 865px) {
	.nav-tabs .nav-item .nav-link { width:125px; font-size:13px; padding-left:0; padding-right:0; }
}

@media (min-width: 769px) {
}

@media (max-width: 768px) {
    .nav-tabs .nav-item .nav-link {
        padding-left: 0;
        padding-right: 0;
    }
	span.ico-crown { top:-10px!important; }
	.tab-pane > div > p.txt { font-size:14px; }
	.text-black.sound {
        position: relative;
        padding-left: 35px;
    }
	.text-black.sound p { padding-left:0; }
    .text-black.sound span {
        /* margin-top:-25%;  */
    }
    .ico-sound {
        position: absolute;
        left: 0;
        top: calc(50% - 11px);
        width: 23px !important; 
        height: auto;
    }
    .text-black.sound span.txt {
        padding-left: 0px !important;
    }
    .text-black.sound p {
        font-size: 14px!important;
    }
	.recom-auto { padding:1rem; }
	.recom-auto > .p-9 { padding:52px 0!important; }
	.recom-auto .header { padding-bottom:10px;  }
	.recom-auto .header .right .btn-layer { display:none; }
	.recom-auto .header .left { min-width:250px; }
	.recom-auto .header .left a { bottom:2px; }
	.recom-auto .header .left p.tit { font-size:14px; }
	.recom-auto .header .left a img { width: 16px; height: auto; }
	.recom-auto .right .control2 { position:relative; top:2px; }
	.recom-auto .right .control2 a { width:20px; height:20px; line-height: 20px; font-size:14px; }
	.recom-auto .right .control2 span { bottom:4px; }
	.rank1 > ul { margin: 10px 0 20px 0; }
	.rank1 > ul > li { max-width:120px; }
	.rank1 .bot p { font-size:13px; }
	.rank1 span.bg-red { width:30px; height:30px; line-height:28px; font-size:13px; }
	.paginate a img { width: 32px; height: 32px; }
	.col-sm-6 { flex: 0 0 50%; max-width: 50%; }
	/* .card.recom-auto.recom-auto2 .rank2 li+li+li { display:none; } */
	.card.recom-auto.recom-auto2 .rank2 > ul { overflow:hidden; }
	.rank2 .bot p,
	.rank2 p.name.ellip.line1 { font-size:13px; }
	.recom-auto2 .tit-s { font-size:13px; }
	.recom-auto2 .inner.header a.btn-algo { width:100px; height:30px; line-height: 30px; font-size:13px; }
	.group-bot .header .right { top:-2px; }
	.scroll.ai tr td,
	.scroll.ai tr th { font-size:13px; }
	/* .group-bot:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width:21px;
		height:30px;
		-webkit-transform: translate(-50% , 560%) rotate(90deg);
		transform: translate(-50% , 560%) rotate(90deg);
		background: url('../../common/image/arr_r_gray.png') no-repeat center 50% / 18px auto;
	} */
	.group-bot:after { background:none; }
	.row.group-bot .divider { /* -webkit-transform: rotate(90deg); transform: rotate(90deg); */ margin-top:20px!important; padding-top:10px; background: url('../../common/image/arr_d_gray.png') no-repeat center top / 18px auto; }

	.group-bot2:after {
		-webkit-transform: translate(-50% , -10%) rotate(90deg);
		transform: translate(-50% , -10%) rotate(90deg);
		background-size:15px auto;
	}
	.group-bot .divider { margin-top:40px!important; }
	.group-bot .recom-auto2 { margin-top:20px; }
	.modal.algo .modal-header { padding: 12px 16px; }
	.modal.algo .modal-body { padding: 12px 16px; }
	.modal.algo h4.modal-title { font-size:20px; }
	.modal.algo .inner .tit { font-size:18px; font-weight:500; }
	.modal.algo .modal-body td,
	.modal.algo .modal-body th { font-size:13px; }
	.modal.algo .modal-content { max-height:none; height:inherit; }
	.modal.algo .inner.header { font-size:18px; }
	.modal.algo .vip-user a.sort { font-size:13px; }
	.rank2 .scroll.vip { height:360px; padding-bottom:50px; }
	.lst-vip .scroll.vip { height:280px; }
	.modal.algo .left { /* padding-left:0; */ }
	.modal.algo .divider { padding-left:0; }
	.modal.algo .group-bot:after { transform: translateY(-30px) rotate(90deg)!important; -webkit-transform: translateY(-30px) rotate(90deg)!important; background-size:15px auto; }
	.modal.algo .vip-user { /* padding-bottom:50px; */ }
	.modal.algo .inner.header .right { top:-8px; }
	.modal.algo .left { padding-right:15px; }
	.recom-auto .layer-exp dl { padding:20px 40px 20px 20px; }
	.recom-auto #layer-exp2 { left:48px; width:100%; }
	.recom-auto #layer-exp3 { width:90%; transform: translate(-148px, 40px); }
	ul.lst-chk li p.product img { width:50px; height:auto; }
	ul.lst-chk li .right { left:58px; }
	ul.lst-chk > li { padding:10px 20px 10px 30px;/*  max-height:85px; height:85px; */ }
	ul.lst-chk .right ul li+li { display:none; }
	ul.lst-chk .right ul li dl { margin-top:0; }
	ul.lst-chk .right ul li dl dt,
	ul.lst-chk .right ul li dl dd { font-size:12px; }
	ul.lst-chk .right ul li dl dt { width:33px; }
	ul.lst-chk .right ul li dl dd { overflow:hidden; position:absolute; width: calc(100% - 39px); margin-left:39px; text-overflow:ellipsis; white-space:nowrap; word-wrap: normal !important; }
	ul.lst-chk > li:before { transform:translateY(-10px); top: 50%; left: 10px; height: 12px; width: 12px; background: url('../../common/image/chk.png') no-repeat left center / 12px auto; }
	ul.lst-chk > li.on:before { transform:translateY(-10px); top: 50%; left: 10px; height: 12px; width: 12px; background: url('../../common/image/chk_on.png') no-repeat left center / 12px 12px; }
	ul.lst-chk li div span:first-child { padding:3px 5px; }
	ul.lst-chk li div span { font-size:12px; }
	.semi-auto .scroll.ai .container { padding-right:0; }
	ul.lst-chk .right { width: calc(100% - 58px); /* left:135px; */ }
	.semi-auto .control-chk a.chk { display:inline-block; padding-left:30px; color:black; background: url('../../common/image/chk.png') no-repeat left center / 18px auto; }
	.semi-auto .control-chk a.chk.on { padding-left:30px; color:black; background: url('../../common/image/chk_on.png') no-repeat left center / 18px auto; }
	.recom-auto1 { padding-right:10px; }
	.recom-auto1 .scroll.ai { padding-right:10px; }
	.semi-auto .rank2.coupon ul li+li+li { margin-top: 30px; }
	.scroll.ai.coupon { padding-right:10px; }
	.recom-auto #layer-exp1-r { width:100%; margin-right:-130px; }
	.semi-auto span.chk { width:18px; height:18px; background: url('../../common/image/chk.png') no-repeat left center / 18px auto; }
	.semi-auto span.chk.on { background: url('../../common/image/chk_on.png') no-repeat left center / 18px auto; }
	.modal.algo .group-bot:after { transform: translateY(-10px) rotate(90deg)!important; -webkit-transform: translateY(-30px) rotate(90deg)!important; }
	/* .group-bot .recom-auto2 .d-flex.h-100 { min-height:610px; } */
}

@media screen and (min-width : 438px) and (max-width : 767px) {
	.semi-auto .group-bot:after {
		-webkit-transform: translate(-50% , -45%) rotate(90deg);
		transform: translate(-50% , -45%) rotate(90deg);
	}
}

@media (min-width: 576px) {

}

@media (max-width: 340px) {
	.recom-auto .header .right { display:none; }
}