/*================ default ==================*/
:root {
--cr-light: #fffFFF;
--cr-black: #111111;
--cr-dark: #333333;
--cr-gray: #666666;
--cr-lightgray: #999999;
--cr-green: #00A94F;
--cr-green2: #007938;
--cr-border: #E7E7E7;
--cr-red: #f00;
--cr-warning: #ec4546;
--cr-warning2: #B91213;
--tsition: .3s ease-in-out;
--radius: 8px;
}
/*============================== TEXT ===============================*/
.icw .nw{white-space: nowrap;}
.icw .text-light{color: var(--cr-light) !important;}
.icw .text-black{color: var(--cr-black) !important;}
.icw .text-dark,.text-dark{color: var(--cr-dark) !important;}
.icw .text-green,.text-green{color: var(--cr-green) !important;}
.icw .text-gray{color: var(--cr-gray) !important;}
.icw .text-lightgray{color: var(--cr-lightgray) !important;}
.icw .text-red{color: var(--cr-red) !important;}
.icw .text-warning{color: var(--cr-warning) !important;}
.icw .main {font-style: normal; font-weight: 500; color: var(--cr-gray); font-family: 'kurious-looped'; z-index: inherit;}
.icw .main strong{font-weight: 600;}
.icw h1,.icw h2,.icw h3,.icw h4,.icw h5,.icw h6,
.icw .h1,.icw .h2,.icw .h3,.icw .h4,.icw .h5,.icw .h6{margin: 0 0 0.6em;}
.icw h1,.icw h2,.icw h3,.icw h4,.icw h5,.icw h6,
.icw .h1,.icw .h2,.icw .h3,.icw .h4,.icw .h5,.icw .h6,
.icw h1 strong,.icw h2 strong,.icw h3 strong,.icw h4 strong,.icw h5 strong,.icw h6 strong,
.icw .h1 strong,.icw .h2 strong,.icw .h3 strong,.icw .h4 strong,.icw .h5 strong,.icw .h6 strong{font-family: 'kurious-looped'; margin: 0;}
.icw h1,.icw .h1 {font-weight: 500; line-height: 1.5em;}
.icw h1 strong,.icw .h1 strong{font-weight: 600;}
.icw h2,.icw .h2 {font-weight: 500; line-height: 1.5em;}
.icw h2 strong,.icw .h2 strong{font-weight: 600;}
.icw h3,.icw .h3 { font-weight: 500; line-height: 1.5em;}
.icw h3 strong,.icw .h3 strong{font-weight: 600;}
.icw h4,.icw .h4 { font-weight: 500; line-height: 1.5em;}
.icw h4 strong,.icw .h4 strong{font-weight: 600;}
.icw h5,.icw .h5 { font-weight: 500; line-height: 1.5em;}
.icw h5 strong,.icw .h5 strong{font-weight: 600;}
.icw h6,.icw .h6 { font-weight: 500; line-height: 1.5em;}
.icw h6 strong,.icw .h6 strong{font-weight: 600;}
.icw p{margin: 0 0 0.6em; line-height: 1.5em;}
.icw p{font-family: 'kurious-looped'; font-size: 16px; }
.icw p strong{font-weight: 600;}
.icw p.desc {font-family: 'kurious-looped'; font-size: 16px; font-weight: 500; line-height: 1.5em; margin: 0;}
.icw p.desc strong{font-weight: 600;}
.icw .caption{font-family: 'kurious-looped'; font-size: 13px; font-weight: 500; line-height: 1.5em;}
.icw .caption strong{font-weight: 600;}
.icw .link{font-family: 'kurious-looped'; font-weight: 600; color: var(--cr-green); text-decoration: underline; font-size: 16px;}
.icw .link:hover{text-decoration: underline; color: #00873F;}
.icw ul{padding: 0; margin: 0;}
.icw ol{padding-left: 20px; margin: 0;}
.icw ol li{list-style: decimal;font-family: 'kurious-looped'; font-size: 16px;}
@media screen and (min-width: 200px) {
.icw h1,.icw .h1 {font-size: 28px; line-height: 1.5em; font-weight: 600;}
.icw h2,.icw .h2 {font-size: 24px; line-height: 1.5em;}
.icw h3,.icw .h3 {font-size: 20px; line-height: 1.5em;}
.icw h4,.icw .h4 {font-size: 18px; line-height: 1.5em;}
.icw h5,.icw .h5 {font-size: 16px; line-height: 1.5em;}
.icw h6,.icw .h6 {font-size: 16px; line-height: 1.5em;}
}
@media screen and (min-width: 768px) {
.icw h1,.icw .h1{font-size: 42px; line-height: 1.5em;}
.icw h2,.icw .h2{font-size: 33px; line-height: 1.5em;}
.icw h3,.icw .h3{font-size: 26px; line-height: 1.5em;}
.icw h4,.icw .h4{font-size: 20px; line-height: 1.5em;}
.icw h5,.icw .h5{font-size: 18px; line-height: 1.5em;}
.icw h6,.icw .h6{font-size: 16px; line-height: 1.5em;}
}
/*============================== Hidden & Visible ===============================*/
.icw .show-w1199{display: none;}
.icw .show-w991{display: none;}
.icw .show-w767{display: none !important;}
.icw .show-w414{display: none;}
.icw .show-w375{display: none;}
.icw .show-w360{display: none;}
.icw .show-w280{display: none;}
@media (max-width: 1199px){
.icw .show-w1199{display: block;}
.icw .hide-w1199{display: none;}
}
@media (max-width: 991px){
.icw .show-w991{display: block;}
.icw .hide-w991{display: none;}
}
@media (max-width: 767px){
.icw .show-w767{display: block !important;}
.icw .hide-w767{display: none !important;}
}
@media (max-width: 414px){
.icw .show-w414{display: block;}
.icw .hide-w414{display: none;}
}
@media (max-width: 375px){
.icw .show-w375{display: block;}
.icw .hide-w375{display: none;}
}
@media (max-width: 360px){
.icw .show-w360{display: block;}
.icw .hide-w360{display: none;}
}
@media (max-width: 280px){
.icw .show-w280{display: block;}
.icw .hide-w280{display: none;}
}
.mt-0 {
margin-top: 0px !important;
}
.mb-0 {
margin-bottom: 0px !important;
}
.mb-8 {
margin-bottom: 8px !important;
}
.mb-16 {
margin-bottom: 16px !important;
}
.mb-24 {
margin-bottom: 24px !important;
}
.mb-32 {
margin-bottom: 32px !important;
}
/*============================== LAYOUT ===============================*/
.icw button, .icw input, .icw select, .icw textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; background: none; padding: 0; margin: 0;min-width: inherit;
font: inherit;text-transform: none;text-align: left; color: inherit;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.icw input::placeholder{color: #999;}
.icw .container:before,
.icw .container:after{content: ''; display: table; clear: both;}
.icw .container,
.icw .container-xs,
.icw .container-sm,
.icw .container-md { margin-left: auto; margin-right: auto; padding-left: 16px;padding-right: 16px; width: 100%;}
.icw .container {max-width: 1172px; overflow: hidden;}
.icw .container-xs {max-width: 830px;}
.icw .container-sm {max-width: 930px;}
.icw .container-md {max-width: 1030px;}
.icw .a-left{text-align: left;}
.icw .a-center{text-align: center;}
.icw .a-right{text-align: right;}
.icw .row-0{margin: 0px;}
.icw .row-0 > div{padding: 0px;}
.icw .row-20{margin: 0 -10px;}
.icw .row-20 > div{padding: 0 10px;}
.icw .row-flex{display: flex; flex-wrap: wrap;}
.icw .row-flex.align-items-center{align-items: center;}
.icw .row-flex > div{float: none;}
.icw .row-flex > .col{ flex-basis: 0;-webkit-box-flex: 1;flex-grow: 1;max-width: 100%;}
.icw .row-flex > .col-auto{-webkit-box-flex: 0;flex: 0 0 auto; width: auto; max-width: none;}
.icw .row-flex > .col-12 {-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;}
.icw .row-flex > .col-6 {-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;}
.icw .item-list{padding: 0; margin: 0; list-style: none;}
.icw .item-list:after{content: ''; display: table; clear: both;}
.icw .item-list > li{float: left;}
.icw .section{position: relative;}
.icw .section .sc-inner{position: relative;}
.icw .section .sc-heading{text-align: center;}
@media screen and (min-width: 200px) {
.section .sc-inner{padding: 48px 0;}
.section .sc-heading{margin-bottom: 24px;}
}
@media screen and (min-width: 768px) {
.section .sc-inner{padding: 64px 0;}
.section .sc-heading{margin-bottom: 32px;}
}
/*============================== button ===============================*/
.icw .btn{padding: 0 32px; width: auto; min-width: 120px; font-family: 'kurious-looped'; font-weight: 600; border: 0; font-size: 16px;height: 48px;
background: transparent; color: var(--cr-gray); display: inline-flex; justify-content: center; align-items: center;
text-align: center; border-radius: var(--radius); transition: var(--tsition); line-height: 1.5em; text-decoration: none;
overflow: hidden; position: relative; z-index: +1; /*box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); */
}
/* .icw .btn:hover,
.icw .btn:active:hover,
.icw .btn.active:hover,
.icw .btn:active:focus,
.icw .btn.actitve:focus,
.icw .btn:active.focus,
.icw .btn.active.focus,
.icw .btn:focus,
.icw .btn:focus:hover,
.icw .btn.focus:hover{
color: var(--cr-gray); background-color: transparent; outline: 0; outline-offset:0;
} */
.icw .btn:before{content: ''; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%; transition: var(--tsition); opacity: 0;}
.icw .btn:hover:before{left: 0; opacity: 1;}
.icw .btn.disabled,
.icw .btn.disabled:hover{color: var(--cr-gray); background-color: transparent; border-color: var(--cr-border); opacity: 0.5;}
.icw .btn.fluid{width: 100%; min-width: inherit;}
.icw .btn.btn-primary{background: var(--cr-green); color: var(--cr-light); transition: all .8s,color .3s .3s;}
.icw .btn.btn-primary:hover{background: var(--cr-green); color: var(--cr-light); border-color: var(--cr-green);}
.icw .btn.btn-primary:before{background-color: #0BC160;}
.icw .btn.btn-secondary{background: var(--cr-light); color: var(--cr-green);}
.icw .btn.btn-secondary:hover{background: var(--cr-light); color: var(--cr-light);}
.icw .btn.btn-secondary:before{background-color: var(--cr-green);}
/*============================== swiper ===============================*/
.swiper-initialized .swiper-button-next,
.swiper-initialized .swiper-button-prev,
.swiper-initialized .swiper-button-next:before,
/* .swiper-initialized .swiper-button-prev:before{pointer-events: none; visibility: hidden; opacity: 0;} */
.swiper-initialized:hover .swiper-button-next,
.swiper-initialized:hover .swiper-button-prev,
.swiper-initialized:hover .swiper-button-next:before,
.swiper-initialized:hover .swiper-button-prev:before{pointer-events: visible; visibility: visible; opacity: 1;}
.swiper-initialized:hover .swiper-button-next.swiper-button-disabled,
.swiper-initialized:hover .swiper-button-prev.swiper-button-disabled,
.swiper-initialized:hover .swiper-button-next.swiper-button-disabled:before,
.swiper-initialized:hover .swiper-button-prev.swiper-button-disabled:before{pointer-events: visible; visibility: visible; opacity: 0.35;}
.swiper-button-next,
.swiper-button-prev{position: absolute; top: 48%; box-shadow: 0 3px 6px rgba(0, 0, 0, .26);
z-index: 5; font-size: 0; background-color: rgba(0,0,0,0.6); overflow: hidden; width: 40px; height: 40px;
border-radius: 50%; transform: translate(0, -50%); display: flex; align-items: center; transition: var(--tsition);
}
.swiper-button-next{right:0px;}
.swiper-button-prev{left:0px;}
.swiper-button-next:after,
.swiper-button-prev:after {display: none;}
.swiper-button-next:before,
.swiper-button-prev:before { content: ''; display: inline-block;width: 10px;height: 10px; position: relative; top: 0; left: 2px;
border-top: 2px solid var(--cr-light); border-left: 2px solid var(--cr-light); visibility: visible; transition: var(--tsition);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.swiper-button-next:before { left: -2px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction,
.swiper-pagination{text-align: center; margin: 0; padding-top: 32px; position: relative; bottom: 0;}
.swiper-pagination-bullet{font-size: 0; line-height: 0; padding: 0; cursor: pointer; margin: 0 4px;
outline: none;width: 8px; height: 8px; border-radius: var(--radius); background: #ddd; opacity: 1; transition: var(--tsition);
}
.swiper-pagination-bullet-active{background: var(--cr-green); border-color: var(--cr-green); opacity: 1; width: 24px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{margin: 0;}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition: var(--tsition);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform: scale(1);}
@media screen and (max-width: 1024px){
.swiper-button-next,
.swiper-button-prev{width: 35px; height: 35px; display: none;}
}
@media screen and (max-width: 991px){
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 12px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{margin: 0 4px;}
}
@media screen and (max-width: 767px){
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction,
.swiper-pagination{padding-top: 16px;}
}
/*############################ preload ###################################*/
.dim-page {opacity: 0 !important;}
.g-load-div {position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: 100000;background: var(--cr-light);}
.g-loader-wrapper {position: absolute;top: 50%;left: 50%;text-align: center;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.g-loader {border: 5px solid var(--cr-green); border-radius: 100%; border-top: 5px solid #d7d7d7;width: 48px;height: 48px;margin: 0 auto;
-webkit-animation: spin 2000ms linear infinite;
animation: spin 2000ms linear infinite;
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
/*############################ tab ###################################*/
.tab-control{position: relative; height: 36px; margin-bottom: 0px;}
.tab-control:before{content: ''; position: absolute; height: 1px; left: 0; bottom: -1px; right: 0;
background-color: #DBDBDB; border-radius: 50px; z-index: 4;
}
.tab {position: relative; z-index: 3;}
.tab .control{display: flex; flex-wrap: nowrap; justify-content: center; gap: 16px; list-style: none; padding: 0; margin: 0;}
.tab .control li{display: inline-flex;}
.tab .control a {display: flex; justify-content: center; align-items: flex-start; height: 36px; border-bottom-width: 3px; border-bottom-style: solid;
text-align: center; position: relative; z-index: 1; text-decoration: none; border-bottom-color: transparent;
}
.tab .control a.active {pointer-events: none; border-color: var(--cr-green);}
.tab .control a .txt{font-weight: 600; font-size: 16px; color: var(--cr-lightgray); transition: var(--tsition); line-height: 1.4; white-space: nowrap;}
.tab .control a.active .txt{color:var(--cr-black); font-weight: 600;}
.tab .selector {height: 3px; background-color: var(--cr-green); position: absolute; display: none; left: 0;bottom: 0;z-index: 0; border-radius: var(--radius);
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
-o-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
transition-timing-function: cubic-bezier(.42, 0, .58, 1);
}
.tab.active{overflow: visible;}
.tab.active .control {display: block; flex-wrap: inherit; width: auto; margin-left: -16px; margin-right: -40px;
position: relative; z-index: 1; top: 35px; padding: 16px 11px; background-color: #F0FDF8;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
}
.tab.active .control a {display: inline-flex; height: auto; padding: 8px 32px; border: 1px solid #ddd;
border-radius: var(--radius); background-color: var(--cr-light); margin: 4px; color: #666;
}
.tab.active .control a.active {border-color: var(--cr-green); color: var(--cr-green);}
.tab.active .control a.active .txt{color: var(--cr-green);}
.tab-content {position: relative;opacity: 0;height: 0;overflow: hidden;visibility: hidden; display: block; transition: var(--tsition);}
.tab-content.active {opacity: 1;height: auto;overflow: visible;visibility: visible;}
.action-dropdown{display: flex; position: absolute; z-index: 4; top: 0; right: 0; width: 25px; height: 22px;
border-left: 1px solid #E5E5E5; align-items: center; justify-content: flex-end;
}
.action-dropdown .link{display: block; position: relative; width: 16px; height: 12px;}
.action-dropdown .link:before,
.action-dropdown .link:after { position: absolute;content: "";display: inline-block;width: 12px; height: 2px;
background-color: var(--cr-green); transition: var(--tsition);
}
.action-dropdown .link:before{position: absolute;transform: rotate(45deg);top: 5px;left: -1px;}
.action-dropdown .link:after {position: absolute;transform: rotate(-45deg);top: 5px;left: 6px;}
.action-dropdown .link.active:before {transform: rotate(-45deg);}
.action-dropdown .link.active:after {transform: rotate(45deg);}
.tab-dropdown{position: absolute; z-index: 2; top: 0px; left: 0; right: 0; opacity: 0; visibility: hidden; transition: var(--tsition);}
.tab-dropdown.active{opacity: 1; visibility: visible; }
.tab-dropdown .txt{ font-weight: 500; font-size: 16px; color: var(--cr-gray); line-height: 24px;}
.tab-control:before {display: block;bottom: 0;top: 36px;}
.tab-control:after {content: '';position: absolute;z-index: 3;top: 0;right: 24px;bottom: 0;width: 70px;pointer-events: none;
background: linear-gradient(90deg, rgba(250, 250, 250, 0.00) 0%, #FAFAFA 72.45%); mix-blend-mode: luminosity;
}
.tab{overflow: auto; margin-right: 24px;}
.tab .control{justify-content: flex-start;}
.tab .control:after{content: '';width: 1px;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;max-width: none;}
.tab.active{overflow: visible;}
.tab-control.active:after{display: none;}
@media screen and (min-width: 768px) {
.tab .selector{display: block;}
.tab .control{gap: 48px;}
.tab .control a.active{border-bottom-color: transparent;}
.tab{overflow: visible;}
.tab .control{justify-content: center;}
.tab .control:after{display: none;}
.action-dropdown{display: none;}
.tab-dropdown{display: none;}
}
@media screen and (max-width: 767px) {
::-webkit-scrollbar {display: none;}
}
/*############################ box-info ###################################*/
@media screen and (min-width: 200px) {
.content-slide .box-info{display: flex; flex-direction: column; justify-content: space-between;}
.box-info .box-group{border-top: 5px solid var(--cr-green); background: #FAFAFA; border-radius: 0px 0px 8px 8px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
display: flex; flex-direction: column; justify-content: space-between;
}
.box-info .inner{padding: 24px 16px 40px; position: relative;}
.box-info .row-flex{margin: 0 -8px; display: block;}
.box-info .row-flex > div{padding: 0 8px;}
.box-info .row-flex > div + div{margin-top: 16px;}
.box-info .row-flex + .row-flex > div + div{margin-top: 24px;}
.box-info .row-flex + .row-flex {margin-top: 24px;}
.box-info .row-flex + .s-title{margin-top: 24px;}
.box-info .h-title{font-size: 20px; line-height: 1.5em; color: var(--cr-black); text-align: center; margin-bottom: 16px; display: none;}
.box-info .h-title strong{font-weight: 600;}
.box-info .s-title{font-size: 16px; line-height: 1.5em; color: var(--cr-black); margin-bottom: 8px;}
.box-info .s-title strong{font-weight: 600;}
.box-info .title-txt{margin-bottom: 4px; line-height: 1.5em;}
.box-info p.desc{color: var(--cr-gray); margin-bottom: 0; line-height: 1.9em;}
.box-info p.desc .link{text-decoration: none}
.box-info p.desc .link .icon{position: relative; margin-right: 0px;}
.box-info p.desc .link .txt{text-decoration: underline;}
.box-info ul{position: static; padding-left: 1.3em; margin: 0;}
.box-info ul > li{color: var(--cr-dark); line-height: 1.9em; font-size: 16px; font-weight: 500; font-family: 'kurious-looped';}
.box-info ul > li strong{color: var(--cr-black); font-weight: 600;}
.box-info ul > li .link{font-weight: 600; font-family: 'kurious-looped';}
.box-info ul > li > ul{list-style: disc;}
.box-info ul.check-list{padding-left: 0;}
.box-info ul.check-list > li{position: relative; padding-left: 32px; list-style: none; color: var(--cr-gray);}
.box-info ul.check-list > li:before{content: "\e909"; position: absolute;top: 0; left: 0; font-size: 24px; font-family: 'iconxpc'; color: var(--cr-green);}
.box-info ul + .txt-note-ul{margin-top: 16px;}
.box-info .ol-list{position: static; padding-left: 1.3em; margin: 0;}
.box-info .ol-list > li{color: var(--cr-gray); line-height: 1.9em; font-size: 16px; font-weight: 500; font-family: 'kurious-looped';}
.box-info .ol-list > li > ul{list-style: disc;}
.box-info .ol-list > li > ul > li{color: var(--cr-gray);}
.box-info .ol-list.-num-strong > li{}
.box-info .ol-list.-num-strong{counter-reset:item; padding: 0;}
.box-info .ol-list.-num-strong > li{list-style-type:none; counter-increment:item; position: relative; padding-left: 1.5em;}
.box-info .ol-list.-num-strong > li:before{font-weight:700;content:counter(item) "."; position: absolute; top: 0; left: 0;}
.box-info .ol-list + .txt-note-ul{margin-top: 16px;}
.box-info .link.-pdf{padding-left: 0px; display: inline; text-decoration: none; font-weight: 500; font-family: 'kurious-looped';}
.box-info .link.-pdf .icon{color: var(--cr-green); font-size: 18px; display: inline-block; vertical-align: middle;}
.box-info .link.-pdf .txt{text-decoration: underline; font-size: 16px; font-weight: 600;}
.box-info .txt-note{margin: 16px 0 0; color: var(--cr-dark); line-height: 1.5em; font-size: 13px; }
.box-info .txt-note + ul{margin-top: 16px;}
.box-info .txt-note + .txt-note-ol{margin-top: 8px;}
.box-info .txt-note-ol > li{font-size: 16px;color: var(--cr-gray); line-height: 1.5em; font-size: 13px; font-weight: 500; font-family: 'kurious-looped';}
.box-info .txt-note-ul > li{font-size: 16px;color: var(--cr-gray); line-height: 1.5em; font-size: 13px; font-weight: 500; font-family: 'kurious-looped';}
.box-info .txt-note-remark{font-size: 13px;color: var(--cr-gray); line-height: 1.5em; font-size: 13px; font-weight: 500; font-family: 'kurious-looped'; margin: 0 0 24px;}
.box-info .warning{text-align: center; padding: 12px 16px; background: #F8F8F8; border-radius: var(--radius); display: inline-flex;}
.box-info .warning p{margin: 0; font-size: 13px; font-weight: 500; line-height: 1.8em; font-family: 'kurious-looped';}
.box-info .warning .txt{font-weight: 600; display: inline-block; vertical-align: middle; margin-right: 8px;
border-radius: 4px; padding: 2px 10px 0; background: var(--cr-red); color: var(--cr-light); line-height: 1.5em;
}
.box-info img.icon{width: 26px; margin-right: 4px;}
.box-info .note{padding: 16px; background: rgba(255,255,255,0.6);}
.box-info .note p.desc{font-size: 13px; color: var(--cr-gray);}
.box-info .note p.desc strong{color: var(--cr-black);}
.box-info .note small{font-size: 13px; font-weight: 500; font-family: 'kurious-looped'; color: var(--cr-gray); line-height: 1.5em;position: relative; padding-left: 1em;}
.box-info .note small:before{content: '*'; position: absolute; top: 0; left: 0;}
.box-info .note ul > li{font-size: 13px; color: var(--cr-gray);}
.box-info .note ul.remark{padding: 0;}
.box-info .note ul.remark > li{padding-left: 32px; position: relative; list-style: none;}
.box-info .note ul.remark > li:before {min-width: 32px;background: transparent;position: absolute;top: 0; left: 0;}
.box-info .note ul.remark > li:nth-child(1):before {content: "*";}
.box-info .note ul.remark > li:nth-child(2):before {content: "**";}
.box-info .note ul.remark > li:nth-child(3):before {content: "***";}
.box-info .note ul.remark > li:nth-child(4):before {content: "****";}
.box-info .box-accordion{background: #FAFAFA; padding: 16px; margin: 0 -16px;}
.box-info .box-accordion .accordion-group{padding: 0;}
.box-info .box-accordion .accordion-group .accordion{max-width: inherit;}
}
@media screen and (min-width: 768px) {
.box-info + .box-info{margin-top: 32px;}
.box-info .row-flex{margin: 0 -24px; display: flex;}
.box-info .row-flex + .row-flex{margin-top: 16px;}
.box-info .row-flex > div{padding: 0 24px;}
.box-info .row-flex > div + div{margin-top: 0;}
.box-info .row-flex + .row-flex > div + div{margin-top: 0;}
.box-info .inner{padding: 40px 32px 32px; background: var(--cr-light);}
.box-info .note{padding: 16px 32px; background: #FAFAFA; border-radius: 0 0 8px 8px;}
.box-info .h-title{font-size: 20px; text-align: left; margin-bottom: 16px; display: block;}
.box-info .h-title.a-center{text-align: center;}
.box-info .h-title + .s-title{margin-top: 32px;}
.box-info .s-title{font-size: 18px; margin-bottom: 16px;}
.box-info ul > li{color: var(--cr-gray);}
.box-info .box-accordion{background: transparent; padding: 32px 32px 0; margin: 0;}
}
/*############################ content-slide ###################################*/
@media screen and (min-width: 200px) {
.content-slide .box-info{min-height: calc(100vh - 169px); display: none;}
.content-slide .box-info.active{display: flex;}
.content-slide .box-info .box-group{border-top: none; background: transparent; border-radius: 0px; box-shadow: none; min-height: calc(100vh - 255px);}
.content-slide .box-info .inner{padding: 0px;}
.content-slide .box-info .note{margin: 24px -16px -16px;}
.content-slide .content-slide-nav{position: relative;}
.content-slide .content-slide-nav ul{padding: 0; margin: 0; list-style: none;}
.content-slide .content-slide-nav ul>li{width: 100%; padding: 32px 0;}
.content-slide .content-slide-nav ul>li:last-child{padding-bottom: 0;}
.content-slide .content-slide-nav ul>li+li{border-top: 1px solid #DBDBDB;}
.content-slide .content-slide-nav .nav-mobile-link{display: flex; align-items: center; text-decoration: none; position: relative; }
.content-slide .content-slide-nav .nav-mobile-link:before { content: ""; position: absolute; width: 12px; height: 12px; transform: rotate(45deg); top: 0px; right: 0; bottom: 0;
margin: auto; border-top: 2px solid var(--cr-green); border-right: 2px solid var(--cr-green);
}
.content-slide .content-slide-nav .nav-mobile-link .icon{margin-right: 16px; display: flex; justify-content: center; align-items: center;
width: 24px; height: 24px; font-size: 24px; color: var(--cr-green);
}
.content-slide .content-slide-nav .nav-mobile-link .icon > img{width: 24px; height: 24px;}
.content-slide .content-slide-nav .nav-mobile-link .txt{font-weight: 600; font-family: 'kurious-looped'; font-size: 16px; line-height: 1.5em; color: var(--cr-black);}
.content-slide .content-slide-tab .back-mobile { width: 40px; height: 40px; position: absolute; z-index: 9; top: 16px; left: 16px; transform: rotate(180deg); text-align: center;
background: var(--cr-green); border-radius: 50%; color: var(--cr-light); font-size: 20px; display: flex; align-items: center; justify-content: center;
}
.content-slide .content-slide-tab .back-mobile > span{position: relative; left: 1px;}
.content-slide .content-slide-tab .nav-info-head{display: block; text-align: center;}
.content-slide .content-slide-tab .nav-info-head .txt{font-size: 24px; line-height: 1.5em; color: var(--cr-black); text-align: center; margin-bottom: 24px; display: none;}
.content-slide .content-slide-tab .nav-info-head .txt strong{font-weight: 600;}
.content-slide .content-slide-tab .nav-info-head .txt.active{display: block;}
.content-slide .content-slide-tab{position: fixed; top: 0; left: 100%; height: calc(100vh); width: 100vw; overflow: auto; z-index: 10001;
transition: var(--tsition); padding: 0px 16px 0; pointer-events: none; background: #F0FAF7;
}
.content-slide .content-slide-tab.content-active{left: 0; pointer-events: visible;}
.content-slide .content-slide-head{position: sticky; z-index: 111; top: 0; background: #F0FAF7; margin-left: -16px; margin-right: -16px; padding: 72px 16px 0}
/*############################ content-active ###################################*/
html.content-active,
body.content-active,
body.content-active .icw{overflow: hidden; touch-action: none; pointer-events: none; -ms-touch-action: none;}
.icw .main.content-active{overflow: hidden; touch-action: none; pointer-events: none; -ms-touch-action: none; position: static;}
}
@media screen and (min-width: 768px) {
.content-slide .box-info{display: flex; min-height: inherit;}
.content-slide .box-info .box-group{border-top: 5px solid var(--cr-green); background: #FAFAFA; overflow: hidden;
border-radius: 0px 0px 8px 8px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); min-height: auto;
}
.content-slide .box-info .inner{padding: 40px 32px 32px;}
.content-slide .box-info .note{margin: 0;}
.content-slide .content-slide-nav{display: none;}
.content-slide .content-slide-nav .nav-mobile-link{display: none;}
.content-slide .content-slide-tab .back-mobile {display: none;}
.content-slide .content-slide-tab .nav-info-head{display: none;}
.content-slide .content-slide-tab,
.content-slide .content-slide-tab.content-active{left: 0%; overflow: visible; display: block; position: static; width: auto; height: auto; padding: 0; background: transparent;pointer-events: inherit;}
.content-slide .content-slide-head{position: static; top: 0; background: transparent; margin-left: 0;margin-right: 0; padding: 0;}
html.content-active,
body.content-active,
body.content-active .icw{overflow: inherit; touch-action: inherit; pointer-events: inherit;}
.icw .main.content-active{overflow: inherit; touch-action: inherit; pointer-events: inherit; position: relative;}
}
/*############################ popup ###################################*/
.mfp-bg, .mfp-wrap .mfp-content, .mfp-wrap .mfp-container { opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.mfp-wrap.mfp-ready .mfp-container {opacity: 1; padding: 0;}
.mfp-wrap.mfp-ready .mfp-content {opacity: 1;visibility: visible;}
.mfp-close-btn-in .mfp-close{width: 30px; height: 30px; background-color: #00A950; color:#fff; top: -15px; right: -15px;
display: flex; align-items: center; justify-content: center; border-radius: 50%; opacity: 1; font-size: 0px; transition: var(--transition);
}
.mfp-close-btn-in .mfp-close:before,
.mfp-close-btn-in .mfp-close:after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
width: 18px; height: 2px; background-color: var(--cr-light); margin: auto; transition: var(--transition);
}
.mfp-close-btn-in .mfp-close:before{transform: rotate(45deg);}
.mfp-close-btn-in .mfp-close:after{transform: rotate(-45deg);}
.mfp-close-btn-in .mfp-close:hover:before{background-color: var(--cr-light);}
.mfp-close-btn-in .mfp-close:hover:after{background-color: var(--cr-light);}
.mfp-close-btn-in .mfp-close:active{top: 0px;}
@media screen and (max-width: 767px){
.mfp-close-btn-in .mfp-close {top: 16px; right: 16px;}
}
/*############################ icw-popup-function ###################################*/
.popup-function.mfp-bg {background: rgba(0, 0, 0, 0.8);}
.popup-function.mfp-bg.mfp-ready {opacity: 1; z-index: 10001;}
.popup-function.mfp-wrap{z-index: 10002;}
.popup-function .mfp-container {width: 100%;}
.popup-function .mfp-content{background-color: transparent;max-width: 100%;height: 100%;}
.popup-function .mfp-content{overflow: auto; min-height: 100vh; height: auto; display: flex; align-items: center;}
.popup-function .main-container{margin: 0;}
.popup-function .inner{overflow: hidden; padding: 72px 16px 16px 16px;}
@media screen and (min-width: 992px) {
.popup-function .inner {padding: 48px;}
.popup-function .swiper-button-prev{left: 48px;}
.popup-function .swiper-button-next{right: 48px;}
}
/*############################ icw-popup-function sc-thumb-box ###################################*/
.sc-thumb-box {max-width: 1140px;width: 100%;position: relative;}
.sc-thumb-box {position: relative;background-color: var(--cr-light);box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.04);}
.sc-thumb-box .inner {position: relative;margin: 0 auto;}
.sc-thumb-box .swiper-slide {width: auto;}
.sc-thumb-box .wrapper {display: block;}
.sc-thumb-box .thumb {margin-bottom: 16px;max-width: 700px;margin-left: auto;margin-right: auto;}
.sc-thumb-box .thumb>img {display: block;margin: 0 auto;}
.sc-thumb-box .content {text-align: center;}
.sc-thumb-box .content .title {margin-bottom: 8px;font-size: 13px;font-weight: 600; color: var(--cr-dark);}
.sc-thumb-box .content .desc {font-family: 'kurious-looped';font-size: 16px;font-weight: 500;line-height: 1.5em;margin-bottom: 0;color: var(--cr-dark);}
.sc-thumb-box .content ul.desc {padding: 0;margin-left: 20px;text-align: left;}
.sc-thumb-box .content ul.desc>li {width: 100%;}
.sc-thumb-box .content ul.desc>li>ul {padding: 0;margin-left: 20px;}
.sc-thumb-box .content ul.desc>li>ul>li {position: relative;list-style: none;}
.sc-thumb-box .content ul.desc>li>ul>li:before {content: '-';position: absolute;top: 0;left: -18px;}
.sc-thumb-box .content .link {color: var(--cr-green);font-weight: 600;font-family: 'kurious-looped';text-decoration: underline;}
@media screen and (min-width: 768px) {
.sc-thumb-box {width: 95.24%; margin: 80px auto;border-radius: var(--radius);}
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1200px) {
}
/*############################ accordion ###################################*/
.accordion-action{position: relative; margin: 0 -16px;}
.accordion-action .link{height: 64px; display: flex; align-items: center; background: var(--cr-light); padding: 16px; position: relative; text-decoration: none;}
.accordion-action .link > .txt{font-size: 16px; font-weight: 600; color: var(--cr-dark);}
.accordion-action .link > .ic-nvg{font-size: 32px; color: var(--cr-green); margin-right: 8px;}
.accordion-action .link:before,
.accordion-action .link:after {position: absolute; content: "";display: inline-block;width: 12px; height: 2px;
background-color: var(--cr-green); transition: var(--tsition); top: 0; bottom: 0; margin: auto;
}
.accordion-action .link:before{position: absolute;transform: rotate(45deg); right: 23px;}
.accordion-action .link:after {position: absolute;transform: rotate(-45deg); right: 16px;}
.accordion-action.active .link:before {transform: rotate(-45deg);}
.accordion-action.active .link:after {transform: rotate(45deg);}
.accordion-group{padding: 16px 0 24px; list-style: none; margin: 0}
.accordion-group.active{display: block;}
.accordion-group + .accordion-group{margin-top: 16px;}
.accordion-group .s-title{margin-bottom: 24px; text-align: center; line-height: 1.5em;}
.accordion-group .accordion + .s-title{margin-top: 40px;}
.accordion-group .accordion{max-width: 850px; margin-left: auto; margin-right: auto; list-style: none;}
.accordion-group .accordion + .accordion{margin-top: 16px;}
.accordion {position: relative; border-radius: var(--radius);background: var(--cr-light);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);}
.accordion .accordion-title { position: relative; padding: 16px 50px 16px 16px; cursor: pointer; color: var(--cr-black); word-wrap: break-word;
font-size: 16px; font-weight: 600; font-family: 'kurious-looped'; border-radius: 8px 8px 0 0; background-color: transparent;
transition: var(--transition);
}
.accordion .accordion-title:after {font-family: 'iconavigation'; content: "\e906"; font-size: 16px; line-height: 1; width: 18px; height: 18px; margin: auto;
position: absolute; right: 16px; top: 18px; bottom: 0; display: flex; justify-content: center; align-items: center;
}
.accordion .accordion-title.active:after {content: "\e907";}
.accordion .accordion-title:after,
.accordion .accordion-title:hover{color: var(--cr-green);}
.accordion .accordion-title.active {color: var(--cr-light); background-color: var(--cr-green);}
.accordion .accordion-title.active:after {color: var(--cr-light);}
.accordion .accordion-content{padding: 16px;}
.accordion .accordion-content a{color: var(--cr-green); text-decoration: none; font-weight: 600; word-break: break-all;}
.accordion .accordion-content p{line-height: 1.5em; font-family: 'kurious-looped'; color: var(--cr-gray);}
.accordion .accordion-content p strong{font-weight: 600;}
.accordion .accordion-content p .link{font-weight: 600; font-family: 'kurious-looped';}
.accordion .accordion-content p:last-child{margin-bottom: 0;}
.accordion .accordion-content ul{margin: 0 0 0.6em 1.2em !important;padding: 0;}
.accordion .accordion-content ul:last-child{margin-bottom: 0;}
.accordion .accordion-content ul > li{position: relative; list-style-type: disc; font-family: 'kurious-looped'; font-size: 16px; font-weight: 500; line-height: 1.5em; color: var(--cr-gray);}
.accordion .accordion-content ul > li+li{margin-top: 5px;}
.accordion .accordion-content ol{margin: 0 0 0.6em 1.2em; padding: 0;}
.accordion .accordion-content ol:last-child{margin-bottom: 0;}
.accordion .accordion-content ol > li{position: relative; list-style-type: decimal; font-family: 'kurious-looped'; font-size: 16px; font-weight: 500; line-height: 1.5em; color: var(--cr-gray);}
.accordion .accordion-content ol > li+li{margin-top: 5px;}
.accordion .accordion-content .icon{margin-right: 5px; position: relative; top: -2px;}
.accordion .accordion-content .link-tel{color: var(--cr-light); white-space: nowrap; text-decoration: none; background-color: var(--cr-green);
align-items: center; justify-content: center; height: 40px; padding: 0 24px; border-radius: var(--radius); font-size: 16px; font-weight: 600;
display:inline-flex; font-family: 'kurious-looped'; margin: 8px 0; margin-right: 16px;
}
.accordion .accordion-content .link-tel .icon{position: relative; top: -1px; margin-right: 8px;}
.accordion .accordion-content .link-tel + .link-tel{margin-right: 0;}
.accordion .accordion-content .no-phone{pointer-events: none; color: inherit; text-decoration: none;}
.accordion .accordion-content a[x-apple-data-detectors].no-phone {
color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important;
font-weight: inherit !important;line-height: inherit !important;
}
.accordion-group {
margin-left: 0 !important;
margin-right: 0 !important;
}
.howto-mb .content-btn {
min-height: auto;
}
/*.accordion .accordion-content ul.sublist{counter-reset: item}
.accordion .accordion-content ul.sublist > li{}
.accordion .accordion-content ul.sublist > li{content: counters(item, ".") " "; counter-increment: item }*/
@media screen and (min-width: 768px) {
.accordion-action{display: none;}
.accordion-group{padding-top: 0; padding-bottom: 32px;}
.accordion .accordion-title{font-size: 18px;}
.accordion .accordion-content .link-tel{display: none;}
.accordion .accordion-content a{word-break: keep-all;}
}
@media screen and (min-width: 992px) {
.accordion .accordion-content{padding: 16px 24px;}
}
@media screen and (min-width: 1200px) {
.accordion .accordion-title{padding: 16px 50px 16px 24px;}
}
/*############################ sc-highlight-banner ###################################*/
.sc-highlight-banner{position: relative; overflow: hidden;}
.sc-highlight-banner .swiper-pagination{position: absolute; padding: 0; bottom: 16px; right: 0; left: 0; width: 100%;}
.sc-highlight-banner .swiper-slide{position: relative;}
.sc-highlight-banner .image{position: relative; z-index: 1;}
.sc-highlight-banner .image img{width: 100%;}
.sc-highlight-banner .content{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: flex-end;}
.sc-highlight-banner .action{padding-bottom: 56px; text-align: center;}
.sc-highlight-banner .action .btn{height: 40px; padding: 0 30px;}
.sc-highlight-banner .action .btn.hide-w767{display: none;}
.sc-highlight-banner .action .btn.show-w767{display: inline-flex;}
@media screen and (min-width: 768px) {
.sc-highlight-banner .swiper-pagination{bottom: 5.5%; right: 16px; left: auto; width: auto;}
.sc-highlight-banner .action{padding-bottom: 24px; text-align: left;}
.sc-highlight-banner .action .btn.hide-w767{display: inline-flex;;}
.sc-highlight-banner .action .btn.show-w767{display: none;}
}
@media screen and (min-width: 992px) {
.sc-highlight-banner .swiper-pagination{bottom: 6%;}
.sc-highlight-banner .action{padding-bottom: 32px;}
.sc-highlight-banner .action .btn{height: 48px;}
}
@media screen and (min-width: 1200px) {
.sc-highlight-banner .swiper-pagination{bottom: 7.5%; right: 11%;}
}
.mfp-wrap.mfp-ready .mfp-content { margin: 120px auto;}
@media screen and (max-width: 1199px){
.promotion-list .thumb {max-width: 580px;}
.promotion-list .content{height: 348px; padding: 40px 48px 48px;}
/* .promotion-thumb .swiper-slide.swiper-slide-thumb-active .thumb{transform: scale(1.0);} */
/* .promotion-thumb .swiper-slide:hover .thumb{transform: scale(1);} */
.promotion-popup .mfp-container{width: 96%;}
}
@media screen and (max-width: 991px){
.promotion-list{padding: 0; margin: 0; overflow: visible; margin-right: -16px;}
.promotion-list .swiper-slide{opacity: 1; pointer-events: visible;}
.promotion-list .swiper-slide.swiper-slide-active{opacity: 1; pointer-events: visible;}
/* .promotion-list.swiper-free-mode>.swiper-wrapper{justify-content: center;} */
.promotion-list .swiper-pagination{display: block; padding-top: 16px;}
.promotion-list .swiper-slide{width: auto;}
.promotion-list .wrapper{display: block; width: 100%; max-width: 300px; margin: 0 auto;}
.promotion-list .thumb{border-radius: 8px 8px 0 0; max-width: 100%;}
.promotion-list .content{padding: 24px; border-radius: 0 0 8px 8px; height: auto;}
.promotion-thumb{display: none;}
.promotion-popup .promotion-header{display: block; padding: 48px;}
.promotion-popup .promotion-header .thumb > img{width: 470px; display: block; margin: 0 auto;}
.promotion-popup .promotion-header .content{padding-left: 0; padding-top: 24px;}
.mfp-wrap.mfp-ready .mfp-content {max-width: 96vw; margin: auto;}
.promotion-popup .promotion-content .hint-scroll {display: flex;}
.promotion-list .content .c-g{ height: 5.4em; -webkit-line-clamp: 4;}
.promotion-list .content .action .btn.btn-pay{width: 100%;}
}
@media screen and (max-width: 767px){
.sc-promotion .sc-heading{margin-bottom: 32px;}
.sc-promotion .sc-inner{padding: 40px 0;}
.promotion-list.swiper-free-mode>.swiper-wrapper{justify-content: inherit;}
/* .promotion-list .swiper-pagination{padding-top: 16px;} */
.promotion-list .swiper-slide{width: auto;}
.promotion-list .wrapper{max-width: 300px;}
.promotion-list .content{padding: 16px 24px 24px;}
.promotion-list .content h3{font-size: 18px; margin-bottom: 10px;}
.promotion-list .content .action .btn.btn-pay{width: 100%;}
.promotion-popup .mfp-container{width: 100%; margin: 0;}
.promotion-popup .mfp-container:before{display: none;}
.promotion-popup .modal-dismiss{top: 16px; right: 16px;}
.promotion-popup .promotion-header{padding: 80px 16px 16px 16px; border-radius: 0; width: 100vw;}
.promotion-popup .promotion-header .action{padding-top: 24px;}
.promotion-popup .promotion-header .action .btn{display: block;}
.mfp-wrap.mfp-ready .mfp-content {max-width: 100vw;}
.promotion-popup .promotion-content{max-width: 100vw; padding: 32px 16px 16px;border-radius: 0; padding-top: 72px; height: 100%;}
#popup-des.promotion-popup .promotion-content{height: 100vh;}
.promotion-popup .promotion-content .pro-title{font-size: 20px;}
.promotion-popup .promotion-content ul.pro-subtitle{margin-bottom: 24px;}
.promotion-popup .promotion-content .table th{font-size: 13px;}
.promotion-popup .promotion-content .table td{font-size: 13px;}
.promotion-popup .promotion-content .mcscroll + .title {margin-top: 24px;}
.promotion-popup .promotion-content .mcscroll + .list {margin-top: 24px;}
.promotion-popup .promotion-content .mcscroll + .desc{margin-top: 24px;}
.promotion-popup .promotion-end{padding: 16px; border-radius: 0; width: 100vw;}
}
/*########################### mCustomScrollbar ###################################*/
.mCustomScrollbar{touch-action: initial;}
.mCSB_scrollTools .mCSB_draggerContainer:before{
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 0;
margin: auto;
margin: 0;
height: 3px;
background-color: #ebebeb;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container{/* margin-bottom: 0; */}
.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom: 0;/* top: 0; *//* height: 3px; */opacity: 1;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin: 0 15px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {height: 3px; margin: 0px auto; background-color: #00A94F;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 0px;margin: 0;}
@media screen and (max-width: 991px) {
/* .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-top: 24px;} */
}
/*############################ hint-scroll ###################################*/
.hint-scroll { display: none; justify-content: center; align-items: center; font-weight: 500; color: var(--cr-dark); margin-bottom: 16px;}
.hint-scroll .icon-swipe {font-size: 32px; color: var(--cr-green); }
.hint-scroll .txt {margin-left: 8px; font-size: 16px; font-weight: 500; font-family: 'kurious'; line-height: 1.5; color: var(--cr-dark);}
@media screen and (max-width: 991px){
.hint-scroll {display: flex;}
}
/*############################ sc-articles ###################################*/
@media screen and (min-width: 200px) {
.icw .bg-wait::after {
content: "รà¸à¸‚้à¸à¸¡à¸¹à¸¥ K-Vietnam";
color: #fff;
font-family: "kurious-looped";
font-size: 20px;
font-weight: 600;
line-height: 50px;
position: absolute;
background: rgba(0, 0, 0, 0.80);
z-index: 99;
width: 100%;
height: 100%;
top: 0;
display: flex;
justify-content: center;
align-items: center;
}
.icw .bg-wait2::after {
content: "รà¸à¸‚้à¸à¸¡à¸¹à¸¥";
color: #fff;
font-family: "kurious-looped";
font-size: 33px;
font-weight: 600;
line-height: 50px;
position: absolute;
background: rgba(0, 0, 0, 0.80);
z-index: 99;
width: 100%;
height: 100%;
top: 0;
display: flex;
justify-content: center;
align-items: center;
}
.icw .caption-10{font-family: 'kurious-looped'; font-size: 10px; font-weight: 500; line-height: 1.5em;}
.icw .caption-10 strong{font-weight: 600;}
.sc-articles .caption-10 {
margin-bottom: 8px !important;
}
.sc-articles .caption {
margin-bottom: 0 !important;
}
.sc-articles{background: #EFF5F4; overflow: hidden;}
.sc-articles .sc-heading{text-align: center; margin-bottom: 36px;}
.sc-articles .sc-heading .title{margin-bottom: 0; line-height: 1.5em;}
.sc-articles .articles-list{position: relative;}
.sc-articles .item-list{margin: 0; padding: 0; list-style: none;}
.sc-articles .item-list > li{padding: 0; float: none; list-style: none;}
.sc-articles .wrapper{display: block; position: relative;}
.sc-articles .thumb{border-radius: 8px 8px 0 0; overflow: hidden; position: relative; padding-bottom: 60.165%;}
.sc-articles .thumb > img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: top center;}
.sc-articles .content{border-radius: 8px; background: #E6F0EF; padding: 8px 14px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);}
.sc-articles .content .title{color: var(--cr-dark); height: 2.9em; overflow: hidden; display: -webkit-box; line-height: 1.5em; margin-bottom: 8px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.sc-articles .content .desc{color: var(--cr-gray); height: 2.9em; overflow: hidden; display: -webkit-box; line-height: 1.5em; margin-bottom: 42px;
-webkit-line-clamp: 2; font-family: kurious-looped; font-weight: 500;
-webkit-box-orient: vertical;
}
.sc-articles .content .link{color: var(--cr-green); text-decoration: underline; font-weight: 600;}
.sc-articles .action{text-align: center; margin-top: 32px;}
.sc-articles .action .btn{height: 40px; line-height: 40px; min-width: 167px;}
}
@media screen and (min-width: 768px) {
.sc-articles .sc-heading{margin-bottom: 40px;}
.sc-articles .item-list{margin: 0; display: flex; justify-content: start;}
/* .sc-articles .item-list > li{width: calc(100%/2); padding: 12px;} */
.sc-articles .container .sc-content {overflow: hidden;}
.sc-articles .action{margin-top: 40px;}
}
@media screen and (min-width: 992px) {
/* .sc-articles .item-list > li{width: calc(100%/3);} */
}
@media screen and (min-width: 1200px) {
.sc-articles .wrapper .thumb > img{transition: var(--tsition); transform: scale(1.0);}
.sc-articles .wrapper:hover .thumb > img{transform: scale(1.1);}
}
/*############################ sc-recommend ###################################*/
@media screen and (min-width: 200px) {
.sc-recommend .sc-content {
margin-bottom: 10px;
}
.sc-recommend{background: #fff; overflow: hidden;}
.sc-recommend .sc-heading{text-align: center; margin-bottom: 36px;}
.sc-recommend .sc-heading .title{margin-bottom: 0; line-height: 1.5em;}
.sc-recommend .articles-list{position: relative;}
.sc-recommend .item-list{margin: -8px; padding: 0; list-style: none;}
.sc-recommend .item-list > li{width: calc(100%); padding: 8px; float: none;}
.sc-recommend .wrapper{display: block; position: relative;}
.sc-recommend .thumb{border-radius: 8px 8px 0 0; overflow: hidden; position: relative; padding-bottom: 60.165%;}
.sc-recommend .thumb > img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: top center;}
.sc-recommend .content{border-radius: 0 0 8px 8px; background: var(--cr-light); padding: 24px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);}
.sc-recommend .content .title{color: var(--cr-dark); height: 2.9em; overflow: hidden; display: -webkit-box; line-height: 1.5em; margin-bottom: 8px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.sc-recommend .content .desc{color: var(--cr-gray); height: 2.9em; overflow: hidden; display: -webkit-box; line-height: 1.5em; margin-bottom: 42px;
-webkit-line-clamp: 2; font-family: kurious-looped; font-weight: 500;
-webkit-box-orient: vertical;
}
.sc-recommend .content .link{color: var(--cr-green); text-decoration: underline; font-weight: 600;}
.sc-recommend .action{text-align: center; margin-top: 32px;}
.sc-recommend .action .btn{height: 40px; line-height: 40px; min-width: 167px;}
}
@media screen and (min-width: 768px) {
.sc-recommend .sc-heading{margin-bottom: 40px;}
.sc-recommend .item-list{margin: -12px; display: flex; justify-content: start;}
.sc-recommend .item-list > li{width: calc(100%/2); padding: 12px;}
.sc-recommend .action{margin-top: 40px;}
}
@media screen and (min-width: 992px) {
.sc-recommend .item-list > li{width: calc(100%/3);}
}
@media screen and (min-width: 1200px) {
.sc-recommend .wrapper .thumb > img{transition: var(--tsition); transform: scale(1.0);}
.sc-recommend .wrapper:hover .thumb > img{transform: scale(1.1);}
}
/*############################ sc-fund ###################################*/
.sc-fund {
background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
}
.sc-fund .tab-icon {
display: flex;
gap: 16px;
justify-content: end;
margin: 24px 0;
}
.sc-fund .tab-icon i {
font-size: 24px;
}
.sc-fund .tab-icon a:hover {
color: #00A94F;
}
.sc-fund .tab-icon a.active {
color: #00A94F;
}
.sc-fund .sc-content .title {
text-align: center;
}
.sc-fund .sc-heading {
padding-bottom: 32px;
margin-bottom: 32px;
border-bottom: 1px solid #DBDBDB;
}
.sc-fund .sc-heading h1.title {
margin-bottom: 16px;
}
.sc-fund .sc-heading h2.desc {
margin-bottom: 24px;
}
.icw .box-item {
border-radius: 8px;
background: #FFF;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
padding: 24px;
font-family: kurious-looped;
}
.icw .box-item .fund {
color: #33BA72;
font-size: 13px;
font-weight: 600;
line-height: 20px;
margin-bottom: 8px;
}
.icw .box-item .fundName {
color: #111;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
margin-bottom: 0;
}
.icw .sc-fund .container {
padding-bottom: 2px;
}
.icw .box-item .fundSubname {
color: #333;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 8px;
padding: 2px 0;
/* margin-top: 4px; */
/* height: 2.8em;
overflow: hidden;
display: -webkit-box;
line-height: 1.4em;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; */
}
.icw .box-item .fundDesc {
color: #666;
font-size: 16px;
font-weight: 500;
line-height: 24px;
margin-bottom: 8px;
/* height: 72px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; */
}
.icw .box-item .risk {
color: #FFF;
font-size: 13px;
font-weight: 600;
line-height: 20px;
border-radius: 12px;
background: #40525D;
width: fit-content;
padding: 2px 8px;
display: inline-block;
margin-bottom: 8px;
}
#navigation-page-sticky .btn-green {
padding: 0;
}
.box-risk {
/* height: 56px; */
margin-bottom: 16px;
}
.icw .box-item .b-green {
background: #316360;
}
.fund-thumb {
width: 100%;
border-radius: 8px;
margin-bottom: 16px;
}
.cards-fund {
display: grid;
grid-template-columns: 100%;
gap: 24px;
margin-top: 24px;
/* margin-bottom: 32px; */
}
td .f-13 {
font-family: kurious-looped;
font-size: 13px;
font-weight: 500;
line-height: 27px;
}
.icw .text-scroll {
text-align: center;
margin-bottom: 10px;
}
.icw .text-scroll img {
width: 20px;
height: 20px;
margin-right: 5px;
position: relative;
top: -4px;
display: inline;
}
.icw .text-scroll p {
display: inline;
position: relative;
top: -7px;
font-size: 16px;
}
.ic-slide:before{
font-size: 32px;
color: #00A94F;
}
.point-table {
border-collapse: collapse;
border-radius: 8px;
overflow: hidden;
margin: 0 !important;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15) !important;
width: 100%;
}
.point-table td:first-child {
position: sticky;
left: 0;
z-index: 2;
overflow: hidden;
border-top-left-radius: 8px;
}
.icw .point-table tr.w-td td,.icw .point-table td {
padding: 16px !important;
text-align: center;
vertical-align: middle;
}
.icw .point-table tr:not(.w-td) td:first-child {
padding: 16px 24px !important;
white-space: nowrap;
}
.icw .point-table tr.w-td td, .icw .point-table td {
font-size: 13px;
border-right: 1px solid #E8E8E8;
border-bottom: 1px solid #E8E8E8;
}
/* .icw .point-table tr.w-td td:last-child, .icw .point-table td:last-child {
border-right: 0;
}
.icw .point-table tr:last-child td {
border-bottom: 0;
} */
.point-table tbody td.none:first-child {
width: 14%;
}
.point-table tbody tr.w-td td:last-child {
overflow: hidden;
border-top-right-radius: 8px;
}
.point-table tbody tr:last-child td:first-child {
overflow: hidden;
border-bottom-left-radius: 8px;
}
.point-table tbody tr:last-child td:last-child {
overflow: hidden;
border-bottom-right-radius: 8px;
}
.table2 .point-table {
overflow-x: auto;
}
.point-table tbody tr:nth-child(odd) td {
background: #F5FBFA;
}
.point-table tbody tr:nth-child(even) td {
background: #fff;
}
.hl-green {
color: #34A950 !important;
font-weight: 600 !important;
}
.hl-bold-green {
color: #34A950 !important;
font-weight: 600 !important;
}
.icw .hl-table-green {
background-color: #00A94F !important;
color: #FFFFFF !important;
font-size: 13px;
font-family: kurious-looped;
font-weight: 600;
}
.icw .hl-table-green.hl-table-green2 {
color: #FFF;
text-align: center;
font-family: kurious-looped;
font-size: 18px;
font-weight: 600;
line-height: 27px;
/* 150% */
}
.hl2-table-green {
background-color: #E7F5ED;
color: #2A903A;
}
.g-txt {
display: grid;
grid-template-columns: auto auto;
row-gap: 8px;
column-gap: 32px;
text-align: left;
}
.g-txt p {
margin-bottom: 0 !important;
}
.icw .date-td {
color: #666;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
text-align: left;
margin-top: 8px;
margin-bottom: 0 !important;
}
a.btn.btn-radius-wealth {
width: 100%;
min-width: 230px;
height: 40px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
border-radius: 8px;
line-height: 40px;
padding: 0;
background-color: #00a94f;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px !important;
color: #fff;
white-space: nowrap;
/* margin: auto;
margin-top: 25px; */
/* padding-top: 11px; */
}
a.btn.btn-radius-wealth:hover,a.btn.btn-radius-wealth:active:focus {
background-color: #0BC160 !important;
color: #fff;
}
a.btn3.btn-radius-wealth {
background-color: #008661;
}
a.btn3.btn-radius-wealth:hover,a.btn3.btn-radius-wealth:active:focus {
background-color: #00986e !important;
}
.box-ll a.btn3.btn-radius-wealth {
margin-top: 16px;
}
a.btn.btn-radius-wealth img {
position: relative;
top: -1px;
}
.mr-8 {
margin-right: 8px !important;
}
.content-btn {
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: center;
gap: 16px;
margin-top: 16px;
}
.promotion-content .content-btn {
min-height: unset !important;
}
.box-ll .content-btn {
display: block;
margin: auto;
min-height: auto;
}
.btn-more-mb {
padding-top: 16px;
border-top: 1px solid #d9d9d9;
}
.btn-more-mb p {
margin-bottom: 0;
}
.box-more {
display: none;
transition: .3s ease-in-out;
}
#navigation-page-sticky a.sticky-anchor {
font-family: kurious-looped !important;
}
.box-more p {
margin-bottom: 0;
font-size: 13px;
line-height: 1.5;
color: #333;
}
.box-more .content-btn .link {
font-size: 16px !important;
}
.des-flex {
display: flex;
justify-content: flex-start;
align-items: start;
gap: 8px;
margin-top: 8px;
margin-bottom: 8px;
}
.des-flex p {
position: relative;
top: -3px;
}
.box-more .text-gray {
margin-top: 8px;
margin-bottom: 16px;
}
.box-item {
display: flex;
flex-direction: column;
height: 100%;
}
.box-item .box-more {
justify-content: space-between;
height: 100%;
}
.rate-fund {
display: flex;
margin-top: 8px;
justify-content: space-between;
padding: 0 8px;
flex-flow: row wrap;
}
.rate-fund-inner p {
display: block;
text-align: left;
color: #333;
font-weight: 600;
}
hr {
border-left: solid 1px #D9D9D9;
height: 30px;
}
@media screen and (min-width: 768px) {
.content-btn {
min-height: 136px;
}
.box-more {
display: flex;
flex-direction: column;
}
.cards-fund {
grid-template-columns: 48% 48%;
}
.btn-more-mb {
display: none;
}
/* .box-more {
display: block;
} */
.point-table tbody td.none:first-child {
width: 16%;
}
.icw .box-item .fundSubname {
height: 44px;
overflow: hidden;
display: -webkit-box;
line-height: 1.4em;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.icw .box-item .fundDesc {
height: 72px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.box-risk {
height: 56px;
}
}
@media screen and (min-width: 992px) {
.cards-fund {
grid-template-columns: 31.67% 31.67% 31.67%;
/* margin-top: 40px;
margin-bottom: 40px; */
}
.point-table {
width: 100%;
min-width: none;
}
.icw .point-table td {
padding: 16px 24px !important;
}
.icw .point-table tr.w-td td {
padding: 24px !important;
}
.icw .point-table tr.w-td td {
font-size: 18px;
}
.icw .point-table td {
font-size: 16px;
}
.g-txt p {
font-size: 16px;
}
}
@media screen and (min-width: 1200px) {
}
/* ###### component overflow ###### */
.compn-overflow .compn-overflow-wrapper {
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: none;
scrollbar-width: none;
/* margin: 0 -25px; */
}
.compn-overflow .compn-overflow-wrapper::-webkit-scrollbar {
display: none;
}
.compn-overflow .compn-overflow-wrapper .compn {
min-width: 1140px;
}
.compn-overflow .compn-overflow-scroll-wrapper {
width: 100%;
height: 3px;
border-radius: 3px;
position: relative;
/* margin-bottom: 15px; */
background: #F1F1F1;
display: block;
overflow: hidden;
}
.compn-overflow .compn-overflow-scroll-wrapper .compn-overflow-scroll {
width: 10%;
height: 3px;
border-radius: 3px;
position: absolute;
background: #00A950;
}
.icw .compn-overflow .compn-overflow-wrapper .compn {
min-width: 1000px;
/* min-width: 800px; */
padding: 0 1px;
margin-top: 0;
/* border: solid 1px rgb(232, 232, 232, 0.4); */
border-radius: 8px;
}
.compn-overflow-scroll-wrapper {
margin-top: 16px;
}
.title-table {
font-size: 16px;
text-align: center;
margin-top: 25px !important;
}
.box-ll {
margin-top: 40px;
}
.box-l,
.box-ll {
display: none;
}
.box-l.active,
.box-ll.active {
display: block;
}
.main-detail .link {
color: #00A950 !important;
text-decoration: underline !important;
font-size: 16px !important;
}
.main-detail .link:hover {
color: #00873F !important;
}
.main-detail .link-m {
color: #00A950 !important;
text-decoration: underline !important;
font-size: 16px !important;
}
.main-detail .link-m:before {
content: "\e900";
font-family: 'iconavigation' !important;
display: inline-block;
margin-right: 8px;
transform: rotate(180deg);
font-size: 10px;
position: relative;
top: -2px;
}
.main-detail .link-m:hover {
color: #00873F !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.icw .accordion-title span {
font-size: 18px;
font-family: kurious-looped;
}
.text-sub {
color: #FFF;
text-align: center;
font-family: kurious-looped;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: normal;
position: absolute;
/* bottom: 40px; */
left: 13px;
}
.text-sub {
color: #FFF;
text-align: center;
font-family: kurious-looped;
font-size: 16px;
font-weight: 600;
/* margin-top: 12px !important; */
margin-bottom: 0 !important;
left: 0;
right: 0;
}
#navigation-widgets [data-tooltip]::before, #navigation-page-sticky.stickyNav .h4 {
font-family: kurious-looped !important;
}
@media screen and (max-width:767px) {
/* .w-td td:nth-child(1) {
width: 23%;
}
.w-td td:nth-child(2) {
width: 60%;
}
.w-td td:nth-child(3) {
width: 17%;
} */
.mb-30-w767-only {
margin-bottom: 30px !important;
}
.article {
padding-bottom: 48px;
}
.icw .accordion-title span {
font-size: 16px;
font-family: kurious-looped;
}
}
@media screen and (min-width: 1170px) {
.compn-overflow .compn-overflow-scroll-wrapper {
display: none;
}
}
/* ###### end component overflow ###### */
/* ###### popup scan ####### */
.scan .mfp-content {
padding: 48px 48px 0;
max-width: 1000px;
width: 100%;
border-radius: 10px;
z-index: 10058;
}
.scan .mfp-content .mfp-close {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
background: #00a850;
color: #fff;
text-align: center;
position: absolute;
top: -15px !important;
right: -15px !important;
z-index: 20;
opacity: 1;
}
.scan {
z-index: 10055;
}
.scan .mfp-content .mfp-close:after {
font-size: 12px;
font-weight: bold;
}
.img-phone {
position: relative;
z-index: 2;
}
.scan-phone {
max-width: 300px;
width: 100%;
margin: auto;
display: block;
position: relative;
bottom: -1px;
}
.qrcode {
position: absolute;
width: 100%;
top: 39px;
left: 55px;
margin: auto;
}
.qrcode img,.qrcode canvas {
position: absolute;
max-width: 190px;
width: 100%;
}
.qrcode2 {
position: relative;
max-width: 282px;
width: 100%;
top: auto;
left: auto;
margin: auto;
border-radius: 10px;
background: #FFF;
padding: 4px;
}
.qrcode2 img,.qrcode2 canvas {
position: relative;
max-width: 282px;
width: 100%;
image-rendering: pixelated;
}
.txt-phone {
color: #FFF;
text-align: center;
font-family: kurious-looped;
font-size: 16px;
font-weight: 600;
line-height: 24px;
position: absolute;
bottom: 21px;
left: 0;
right: 0;
margin: auto;
display: block;
}
.scan-content {
display: flex;
/* gap: 172px; */
justify-content: space-between;
align-items: center;
}
.scan-content .title {
color: #333;
font-family: kurious-looped;
font-size: 33px;
font-weight: 600;
line-height: 50px;
margin-bottom: 16px;
margin-top: 0;
}
.scan-content .des2 .title {
color: #00A94F;
font-family: kurious-looped;
font-size: 26px;
font-weight: 600;
line-height: 39px;
}
.scan-content .sub-title {
color: #333;
font-family: kurious-looped;
font-size: 26px;
font-weight: 600;
line-height: 28px;
margin-top: 0;
}
.scan-content .des2 .sub-title {
color: #666;
font-family: kurious-looped;
font-size: 18px;
font-weight: 500;
line-height: 27px;
}
.scan-content2 {
display: flex;
align-items: center;
padding: 48px 48px 96px;
}
.w-50 {
width: 50%;
}
.pl-96 {
padding-left: 96px;
}
.scan-content2:after {
width: 50%;
height: 100%;
content: "";
position: absolute;
z-index: 0;
top: 0;
right: 0;
border-radius: 0 8px 8px 0;
background: linear-gradient(96deg, #2EAA99 0.54%, #2A9489 100%);
}
.white-popup {
background: #FFF;
}
._popup-contact {
display: flex;
align-items: center;
}
._popup-contact .col-l {
background-color: #FFF;
width: 50%;
padding: 0 66px;
}
._popup-contact .col-r {
width: 50%;
padding: 96px 66px;
text-align: center;
}
._popup-contact.line .col-r {
background: #00A94F;
background: linear-gradient(9deg, #272425 -168.55%, #00A94F -63.1%, #66CAAE 89.22%);
position: relative;
}
.icw .pos-ab {
position: absolute;
top: 32px;
left: 0;
right: 0;
max-width: 83px;
width: 100%;
margin: auto;
display: block;
}
._popup-contact.tel .col-r {
background: #66CAAE;
background: linear-gradient(16deg, #66CAAE -47.42%, #E9FDF2 77.16%);
}
._popup-contact.kwealth .col-r {
background: #A78677;
background: url(../img/bg-kplus.png),linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(96deg, #A78677 0.54%, #E6E0BF 100%);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
._popup-contact.kplus .col-r {
background: #66CAAE;
background: url(../img/bg-popup-scanqr.jpg),radial-gradient(128.98% 36.06% at 85.96% 97.79%, rgba(0, 169, 79, 0.30) 0%, rgba(0, 169, 79, 0.00) 100%), linear-gradient(142deg, #345C61 31.93%, rgba(45, 85, 89, 0.00) 90.7%), linear-gradient(0deg, rgba(76, 214, 195, 0.20) 0%, rgba(76, 214, 195, 0.20) 100%), linear-gradient(143deg, rgba(52, 70, 82, 0.00) -0.44%, #22343E 86.66%), linear-gradient(313deg, #1F313A -1.62%, #465968 100%), linear-gradient(9deg, #272425 -168.55%, #00A94F -63.1%, #66CAAE 89.22%);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
._popup-contact.wealth-plus .col-r {
background: #66CAAE;
background: url(../img/bg-popup-scanqr_Wealth-PLUS.jpg);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
._popup-header {
font-size: 26px;
line-height: 39px;
color: #00A94F;
margin-bottom: 16px;
font-weight: 700;
font-family: kurious-looped;
}
._popup-desc {
font-size: 18px;
line-height: 27px;
color: #666;
position: relative;
font-family: kurious-looped;
}
/* ._popup-desc > img {
position: absolute;
bottom: 0;
right: -8px;
} */
.mfp-content {
padding: 0;
/* background-color: transparent; */
max-width: 1000px;
}
.mfp-content:has(.white-popup) {
padding: 0 !important;
}
.mfp-wrap {
z-index: 10056;
}
.mfp-bg {
z-index: 10055;
}
@media screen and (min-width: 1024px) {
.white-popup {
padding: 0;
border-radius: 8px;
overflow: hidden;
}
}
.d-none {
display: none !important;
}
.d-block {
display: block !important;
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-block {
display: block !important;
}
}
@media screen and (min-width: 768px) {
.mfp-wrap.mfp-ready .mfp-content {border-radius: 8px;}
.mb-md-4, .my-md-4 {
margin-bottom: 1.5rem !important;
}
}
@media screen and (min-width: 320px) {
.icw .fw-600 {
font-weight: 600;
}
.icw .h2 {
font-size: 33px;
font-weight: 600;
line-height: 1.5em;
}
/* .accordion-content ul, */
.section ul {
margin: 5px 15px;
}
.section ul li {
list-style-type: disc;
}
.icw .fw-600 {
font-weight: 600;
}
}
@media screen and (min-width: 320px) {
@media (max-width: 768px) {
.icw h2, .icw .h2 {
font-size: 24px;
line-height: 1.5em;
}
.icw h3, .icw .h3 {
font-size: 20px;
line-height: 1.5em;
}
.icw h3, .icw .h3.date {
font-size: 18px;
}
}
}
/*############### kfin-feature ###############*/
.icw .kfin-feature .btn-popup {
font-size: 20px;
line-height: 30px;
}
.icw .btn-popup {
padding: 9px 32px;
border-radius: 8px;
background: #00a94f;
color: #ffffff !important;
font-weight: 600;
display: inline-block;
/* margin: 0 auto 64px; */
width: fit-content;
font-family: kurious-looped;
font-size: 20px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
}
.swiper-button-next.custom,
.swiper-button-prev.custom {
background: rgba(255, 255, 255, 1);
top: 52%;
}
.swiper-button-next.custom:before,
.swiper-button-prev.custom:before {
border-top: 2px solid #333;
border-left: 2px solid #333;
}
.swiper-button-prev {
left: 0%;
}
.sc-feature-swiper {
overflow: hidden;
}
.swiper-button-prev.custom:before {
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(315deg);
}
.swiper-button-next.custom:before {
left: 45%;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.sc-feature {
background: url(../../../../../SiteCollectionDocuments/personal/digital-banking/hunt-theme/img/finplus/bg-feature-dt.png) no-repeat;
background-size: cover;
overflow: hidden;
margin-top: -1px;
}
.section.sc-feature .text-header{
margin-bottom: 40px;
text-align: center;
}
.kfin-feature .swiper-slide {
position: relative;
}
.kfin-feature-header__title {
text-align: center;
color: #fff;
font-size:42px;
}
.kfin-feature__content {
display: flex;
flex-direction: row;
gap: 32px;
}
.kfin-feature__image {
width: 50%;
/* height:508px; */
}
.kfin-texticon {
height: 55px;
margin: 0 16px 10px;
}
.icw .kfin-feature__text {
width: 50%;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
/* row-gap: 24px; */
}
.icw .kfin-feature__subtitle {
font-size: 20px;
font-weight: 600;
font-family: kurious-looped;
line-height: 30px;
margin-bottom: 24px;
padding-right: 50px;
}
.kfin-texticon-sm {
height: 16px;
margin: 0 8px;
}
.kfin-feature__text .kfin-texticon-sm{
margin-bottom: 3px;
}
.kfin-feature__title {
/* font-size: 33px;
font-family: kurious-looped;
line-height: 50px;
font-weight: 700; */
color: #fff;
margin-bottom: 24px;
}
.kfin-feature__subtitle{
font-size: 20px;
font-weight:600;
font-family: kurious-looped;
line-height: 30px;
margin-bottom: 24px;
padding-right: 50px;
}
.icw .kfin-feature__list{
margin-bottom: 24px;
padding-right: 35px;
}
.icw .kfin-feature__list > li {
font-family: kurious-looped;
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
}
.icw .kfin-feature__list > li >h3 {
font-family: kurious-looped;
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}
.icw .kfin-feature__list > li >h4 {
font-family: kurious-looped;
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
color: #fff;
}
@media screen and (max-width: 767px) {
.kfin-texticon {
height: 35px;
margin: 0;
}
.sc-feature {
background: url(../../../../../SiteCollectionDocuments/personal/digital-banking/hunt-theme/img/finplus/bg-feature-mb.png)
no-repeat;
background-size: cover;
}
.icw .section.sc-feature ul{
/* margin:0; */
padding: 0 2px;
margin-left:0;
margin-right:0;
margin-bottom:24px;
list-style-position: inside;
}
.icw .kfin-feature__content {
flex-direction: column;
}
.icw .kfin-feature__image {
width: 100%;
/* height: 317px; */
}
.icw .kfin-feature__text {
width: 100%;
/* row-gap: 32px; */
align-items: center;
text-align: center;
}
.icw .kfin-feature__title {
font-family: kurious-looped;
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0em;
text-align: center;
margin-bottom:8px;
}
.icw .kfin-feature__list {
text-align: center;
list-style-position: inside;
list-style: none;
padding-right: 0;
}
.icw .kfin-feature__list > li {
font-family: kurious-looped;
font-size: 16px;
font-weight: 400;
line-height: 24px;
/* text-align: center; */
/* list-style: disc; */
/* padding-left: 20px; */
/* margin-left: 8px; */
}
.icw .kfin-feature__list > li >h3 {
font-size: 16px;
text-align: center;
display: inline;
}
.icw .kfin-feature__list > li >h4 {
font-size: 16px;
text-align: center;
display: inline;
}
.icw .kfin-feature__subtitle{
font-size: 16px;
font-weight:500;
font-family: kurious-looped;
line-height: 24px;
margin-bottom: 32px;
padding-right: 0;
}
}
/*############### kfin-feature ###############*/
.sc-contact {
background-color: #F5F6F5;
background: url(../img/bg2.png);
background-size: cover;
background-repeat: no-repeat;
/* padding: 48px 16px; */
}
.sc-contact .sc-content {
position: relative;
}
.sc-contact .sc-content .coin1,.sc-contact .sc-content .coin2 {
display: none;
}
.contact-card {
background-color: #33424A;
border-radius: 8px;
overflow: hidden;
padding: 24px;
position: relative;
}
.card-img {
text-align: center;
}
.sc-contact .contact-card .title {
color: #FFF;
font-weight: 600;
font-size: 20px;
line-height: 30px;
margin-top: 8px;
}
.sc-contact p {
color: #FFF;
margin: 8px 0 0;
line-height: 24px;
}
.contact-card.green {
background-color: #08554D;
margin-top: 16px;
}
.icw .card-tel {
font-size: 16px;
line-height: 24px;
color: #FFF;
margin-top: 8px;
}
.con-flex {
display: flex;
justify-content: space-between;
gap: 16px;
flex-direction: column;
}
.btn-tel {
border-radius: 8px;
background: #00A94F;
display: inline-flex;
padding: 8px 24px;
justify-content: center;
align-items: center;
gap: 8px;
color: #FFF !important;
text-align: center;
font-family: kurious-looped;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin: 8px 0;
transition: .3s ease-in-out;
}
.btn-tel:active{
color: #FFF !important;
}
.btn-tel:hover {
background: #0BC160;
color: #FFF;
}
.promotion-popup .mfp-close {
display: none;
}
@media screen and (min-width: 992px) {
.sc-contact .sc-content .coin1,.sc-contact .sc-content .coin2 {
display: block;
}
.sc-contact .sc-content .coin1 {
max-width: 123px;
width: 100%;
position: absolute;
top: 35px;
left: 30px;
}
.sc-contact .sc-content .coin2 {
max-width: 113px;
width: 100%;
position: absolute;
bottom:41px;
right: 41px;
}
.sc-inner-contact {
display: flex;
align-items: baseline;
gap: 16px;
}
.contact-card {
width: 50%;
height: 260px;
position: relative;
}
.contact-card.green {
margin-top: 0;
}
}
@media screen and (min-width: 768px) {
.contact-card:first-child .card-img {
position: absolute;
right: 0;
bottom: 0;
}
.contact-card {
padding-right: 160px;
}
.contact-card.green .card-img {
position: absolute;
right: 16px;
bottom: 0;
}
.btn-tel {
display: none;
}
/* .card-img {
position: relative;
right: 0;
bottom: 0;
} */
.sc-contact .contact-card .title {
font-size: 26px;
}
.con-flex {
display: flex;
justify-content: space-between;
gap: 16px;
flex-direction: column;
height: 212px;
}
}
/*############################ wealth-plus-series ###################################*/
.sc-wealth-plus-series h2 {
text-align: center;
}
.sc-wealth-plus-series h3 {
font-size: 20px;
line-height: 30px;
font-weight: 600;
text-align: center;
margin-top: 8px;
color: #1E1E1E;
}
.sc-wealth-plus-series p {
text-align: center;
margin-top: 8px;
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
color: #333;
}
.hint-scroll {
display: flex;
}
.hint-scroll i {
margin-right: 8px;
}
.img-graph {
overflow-x: auto;
text-align: center;
}
.img-graph img {
width: 800px;
max-width: 800px;
}
.sc-wealth-plus-series .text-remark {
font-size: 13px;
line-height: 20px;
color: #333;
margin: 0;
}
.hide-w767 {
display: block;
}
.show-desktop {
display: none;
}
@media screen and (min-width: 768px) {
.graph {
position: relative;
max-width: 800px;
margin: 0 auto;
}
/* .hide-w767 {
display: none;
} */
.show-desktop {
display: block;
}
.hint-scroll {
display: none;
}
.sc-wealth-plus-series p {
margin-bottom: 32px;
}
}
/* ######################product2########################### */
/* swiper arrow */
/* .click-more i {
display: none;
} */
.howto-mb {
margin-top: 16px;
}
/* .howto-mb .swiper-slide {
max-width: 220px;
width: 100%;
} */
/*
.howto-mb {
position: relative;
max-width: 220px;
margin: 0 auto;
} */
/* .swiper-wrapper {
overflow: hidden;
} */
.content-slide .contentDes .number {
color: #333;
text-align: center;
font-family: kurious-looped;
font-size: 13px;
font-weight: 700;
line-height: 20px;
margin: 16px 0;
margin-bottom: 8px;
}
.howto-mb .content-slide .image img {
max-width: 220px;
width: 100%;
margin: auto;
display: block;
}
.content-slide .contentDes .f-p {
color: #333;
text-align: center;
font-family: kurious-looped;
font-size: 16px;
font-weight: 500;
line-height: 24px;
margin-top: 8px;
}
.content-slide .contentDes ul li {
list-style-type: disc;
list-style-position: inside;
}
.content-slide a.btn.btn-radius-wealth {
font-size: 16px !important;
font-weight: 600 !important;
line-height: 40px !important;
width: fit-content;
margin: auto;
margin-top: 8px;
padding: 0 48px;
}
/* .howto-mb .open-popup-gallery {
pointer-events: none;
} */
.swiper-button-next,
.swiper-button-prev {
display: none;
transition: ease-in-out;
}
.howto-mb:hover .swiper-button-next,
.howto-mb:hover .swiper-button-prev {
display: flex;
}
/* .swiper-slide {
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: .3s ease-in-out;
} */
/* .swiper-slide.swiper-slide-next,
.swiper-slide.swiper-slide-next+.swiper-slide,
.swiper-slide.swiper-slide-active {
opacity: 1;
pointer-events: visible;
visibility: visible;
} */
.click-more i {
display: inline;
}
.click-more {
color: #00A94F;
text-align: center;
font-family: kurious-looped;
font-size: 16px;
font-weight: 600;
line-height: 26px;
}
/* @media screen and (max-width:767px) {
.swiper-slide.swiper-slide-next,
.swiper-slide.swiper-slide-next+.swiper-slide {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
} */
.icw-popup-function .mfp-content {
width: 100%;
max-width: 1170px;
margin: 65px 0;
/* margin: 230px 0 0; */
background-color: #fff;
border-radius: 8px;
padding: 48px 0;
height: initial;
}
/* .icw-popup-function .mfp-content .gallery2{
margin: 65px 0;
} */
.howto-mb2 .swiper-slide .image {
width: fit-content;
margin: auto;
}
.howto-mb2 .swiper-pagination {
margin-top: 59px;
}
.mfp-close-btn-in .mfp-close {
border-radius: 100%;
background: #00A94F;
color: #fff;
opacity: 1;
height: 40px;
width: 40px;
line-height: 40px;
top: -20px;
right: -20px;
}
.sc-img {
overflow: hidden;
}
.icw-popup-function {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2002;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 1;
}
.mfp-close-btn-in .mfp-close:after {
font-size: 13px;
font-weight: 600;
}
.mfp-close-btn-in .mfp-close:hover:after {
color: #fff;
}
/* .open-popup-gallery {
pointer-events: none;
} */
/* .howto-mb .content-slide .swiper-slide {
max-width: 220px;
} */
.howto-mb {
position: relative;
overflow: hidden;
/* margin: 0 -15px; */
}
.content-wrapper {
padding-bottom: 8px;
}
@media screen and (max-width:767px) {
.howto-mb .swiper-button-next,
.howto-mb .swiper-button-prev {
display: none !important;
}
.howto .tab-container {
padding-bottom: 48px;
}
.howto-mb .content-slide .swiper-slide {
max-width: 220px;
width: 100% !important;
}
.icw p.title-fund{
font-size: 20px;
line-height: 30px;
}
.howto .tab-container.protection-active{
/* overflow: visible; */
}
}
@media screen and (min-width:768px) {
.j-center {
justify-content: center !important;
}
.howto-mb {
overflow: hidden;
}
#popup-howto .howto-mb {
margin-bottom: 24px;
}
/* .howto-mb .content-slide .swiper-slide {
max-width: 328px;
width: 100% !important;
} */
/* .howto-mb .content-slide .contentDes .number {
max-width: 328px;
width: 100% !important;
margin: auto;
display: block;
}
.howto-mb .content-slide .contentDes .f-p {
max-width: 328px;
width: 100%;
margin: auto;
display: block;
} */
}
/* sc-wealth-qr */
.wealth-qr {
background: #E7F5ED;
}
.box-white {
background: #fff;
border-radius: 8px;
padding: 64px;
padding-top: 77px;
position: relative;
overflow: hidden;
}
.box-white .h3 {
margin-bottom: 16px;
}
.box-white p,
.box-white .content-btn {
z-index: 2;
position: relative;
}
.box-white img {
z-index: 1;
position: absolute;
}
.box-white .content-inner {
width: 60%;
}
.box-white .img-left {
bottom: 80px;
left: 0;
max-width: 600px;
width: 100%;
}
.box-white .img-right {
bottom: 0;
right: 0;
max-width: 525px;
width: 100%;
}
.box-white a.btn.btn-radius-wealth {
max-width: 303px;
/* font-size: 20px !important; */
}
.img-mb {
display: none;
}
.box-gray {
position: relative;
}
.icw .img-icon {
position: absolute;
max-width: 272px;
width: 100%;
right: 0;
bottom: 121px;
}
a.btn.btn-radius-wealth:hover,
a.btn.btn-radius-wealth:active:focus,
a.btn.btn-radius-wealth:active:active {
background-color: #0BC160 !important;
color: #fff !important;
}
.box-white .content-btn {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 24px;
/* margin-bottom: 40px; */
margin-top: 32px;
flex-direction: row;
min-height: auto;
}
.qrcode3 {
position: absolute;
width: 100%;
top: 21%;
left: 11px;
margin: auto;
}
.qrcode3 img,
.qrcode3 canvas {
position: absolute;
max-width: 143px;
width: 100%;
border-width: 10px
}
@media screen and (max-width:991px) {
.icw .img-icon {
max-width: 133px;
bottom: -37px;
}
.box-white .content-inner {
/* padding: 0 16px; */
width: 100%;
background: url(../img/bg-wealth-mb-2.png);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
padding: 32px 16px;
}
.box-white {
padding: 0;
}
.box-white .h3 {
margin-bottom: 8px;
}
.box-white .img-left,
.box-white .img-right {
display: none;
}
.box-white .img-mb {
display: block;
position: relative;
width: 100%;
}
.box-white .content-btn {
width: 100%;
flex-direction: column;
justify-content: center;
}
}
@media screen and (max-width:767px) {
.text-flex {
margin-bottom: 16px;
flex-direction: column;
}
.text-flex .h3:first-child {
margin-right: 0;
padding-right: 0;
border-right: 0;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #ccc;
width: 100%;
}
.box-gray .f-13 {
margin-top: 16px;
}
}
.mobile-cont{
margin-top: 16px;
}
.mobile-cont p{
margin-bottom: 4px;
margin-top: 0;
}
.sc-tel{
display: flex;
align-items: center;
gap: 8px;
}
.mobile-cont .sc-tel .btn-badge{
display: inline-flex;
position: relative;
width: 24px;
height: 24px;
overflow: hidden;
border-radius: 50%;
background-color: #00A94F;
color: #FFF;
justify-content: center;
align-items: center;
}
.mobile-cont .sc-tel p{
margin-bottom: 0px;
}
.mobile-cont .btn-tel{
margin: 16px 0 0px;
width: 100%;
}
/* ################ sc-faq ################ */
.sc-faq {
background: url('../../../../SiteCollectionDocuments/promotion/mutual-fund-fundback-campaign/img/sc-faq-bg-dt.jpg') no-repeat right bottom;
background-size: cover;
}
.sc-faq .sc-inner {
padding: 64px 0;
}
.sc-faq .faq-title {
font-size: 26px;
line-height: 1.5;
margin-bottom: 16px;
color: #1E1E1E;
}
.sc-faq .faq-list {
margin: 0 0 24px 1.3em;
line-height: 2;
color: rgba(0, 0, 0, 0.8);
}
.sc-faq .fund-table-container .fund-table-title {
margin-bottom: 24px;
font-size: 20px;
line-height: 1.5;
color: #111111;
}
.sc-faq .fund-table-wrapper {
overflow-x: auto;
overflow-y: hidden;
border-radius: 8px 0px 0px 8px;
}
.sc-faq table.fund-table {
border-collapse: collapse;
box-shadow: 0px 1px 3px 0px #0000001A;
margin: 0;
width: 100%;
min-width: 840px;
overflow: auto;
}
.sc-faq .fund-table-container table.fund-table {
min-width: 840px;
}
.sc-faq .fund-table th {
background: #00A94F;
color: #E8E8E8;
padding: 24px;
text-align: center;
vertical-align: middle;
border: 1px solid #E8E8E8;
font-weight: 600;
}
.sc-faq .fund-table td {
background: #FFFFFF;
color: #666666;
padding: 16px 0;
text-align: center;
border: 1px solid #E8E8E8;
vertical-align: middle;
}
.sc-faq .fund-table tr:first-child th:first-child {
border-top-left-radius: 8px;
}
.sc-faq .fund-table tr:first-child th:last-child {
border-top-right-radius: 8px;
}
.sc-faq .fund-table tr:last-child td:last-child {
border-bottom-right-radius: 8px;
}
.sc-faq .fund-table tr:last-child td:first-child {
border-bottom-left-radius: 8px;
}
.sc-faq .fund-table-container .fund-table tr:first-child td:first-child {
border-bottom-left-radius: 8px;
}
.sc-faq .fund-table-container .fund-table tr:last-child td:first-child {
border-bottom-left-radius: 0;
}
.sc-faq .fund-table-wrapper {
/* padding: 2px; */
box-shadow: 0px 1px 3px 0px #0000001A;
padding-bottom: 0 !important;
border-radius: 8px !important;
}
.sc-faq table.fund-table {
box-shadow: none;
}
.sc-faq .fund-table th:last-child {
border-right: 0;
}
.sc-faq .fund-table tr:last-child th {
border-bottom: 0;
}
.sc-faq .fund-table td:last-child {
border-right: 0;
}
.sc-faq .fund-table tr:last-child td {
border-bottom: 0;
}
.sc-faq .fund-table th:first-child {
border-left: 0;
}
.sc-faq .fund-table tr:first-child th {
border-top: 0;
}
.sc-faq .fund-table td:first-child {
border-left: 0;
}
.sc-faq .fund-table tr:first-child td {
border-top: 0;
}
/* .sc-faq .fund-table th:nth-child(1),
.sc-faq .fund-table td:nth-child(1) {
min-width: 161px;
position: sticky;
left: -1px;
z-index: 2;
} */
/* .sc-faq .fund-table th:nth-child(2),
.sc-faq .fund-table td:nth-child(2) {
width: 60%;
min-width: 420px;
}
.sc-faq .fund-table th:nth-child(3),
.sc-faq .fund-table td:nth-child(3) {
min-width: 92px;
} */
/* custom scrollbar */
.sc-faq .fund-table-wrapper {
padding-bottom: 16px;
margin-bottom: 16px;
}
.sc-faq .fund-table-wrapper::-webkit-scrollbar {
height: 3px;
display: block;
}
.sc-faq .fund-table-wrapper::-webkit-scrollbar-thumb {
height: 3px;
border-radius: 8px;
background: #00A94F;
}
.sc-faq .fund-table-wrapper::-webkit-scrollbar-track {
border-radius: 8px;
background: rgba(0, 0, 0, 0.15);
}
.fund-table-container {
margin-top: 24px;
}
@media screen and (max-width:991px) {
.sc-faq {
background: url('../../../../SiteCollectionDocuments/promotion/mutual-fund-fundback-campaign/img/sc-faq-bg-mb.jpg');
background-size: cover;
}
.sc-faq .text-scroll {
margin-bottom: 16px;
}
.sc-faq .fund-table-container .fund-table-title {
margin-bottom: 16px;
}
.sc-faq .fund-table th {
padding: 16px;
}
.sc-faq .fund-table td {
padding: 8px 16px;
}
.sc-faq .fund-table-wrapper {
padding: 2px;
box-shadow: none;
padding-bottom: 16px !important;
border-radius: 0 !important;
}
.sc-faq table.fund-table {
box-shadow: 0px 1px 3px 0px #0000001A;
/* padding: 2px; */
border-radius: 8px;
}
.icw .point-table .link {
font-size: 13px;
}
}
@media screen and (max-width:767px) {
/* .sc-faq .fund-table-container .fund-table-wrapper {
margin-right: -16px;
} */
.sc-faq table.fund-table {
min-width: 640px;
}
.sc-faq .fund-table-container table.fund-table {
min-width: 840px;
}
}
/* ################ sc-social ################ */
.sc-social {
background: #FFFFFF;
}
.sc-social .sc-inner {
padding: 40px 0;
}
.sc-social .sc-content {
display: flex;
flex-direction: column;
gap: 23px;
margin-bottom: 23px;
}
.sc-social .sc-content h6 {
font-size: 16px;
font-weight: 500;
line-height: 2;
color: #1E1E1E;
}
.sc-social .social-tag {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
flex-direction: column;
border-top: 1px solid #DBDBDB;
padding-top: 20px;
}
.sc-social .social-tag .alltag {
display: block;
}
.sc-social .social-tag .tag {
border-radius: 20px;
border: 1px solid #CCEEDC;
background: #FFF;
padding: 2px 12px;
color: #33BA72;
text-align: center;
font-size: 13px;
font-weight: 600;
line-height: 20px;
display: inline-flex;
margin-bottom: 8px;
}
.sc-social .social-tag .tag:hover {
border: 1px solid #00A94F;
color: #00A94F;
}
.sc-social .social-share {
display: flex;
justify-content: space-between;
align-items: center;
}
.sc-social .text-share i {
color: #666;
font-size: 16px;
position: relative;
top: 2px;
}
.sc-social .text-share span {
color: #333;
font-family: kurious-looped;
font-size: 16px;
font-weight: 600;
padding-right: 16px;
margin-right: 16px;
border-right: 1px solid #E6E6E6;
}
.sc-social .share-item i {
color: #FFF !important;
font-size: 16px;
}
.sc-social .share-item {
border-radius: 100px;
background: #00A94F;
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 8px;
}
.sc-social .share-item:hover {
background: #0BC160;
}
.sc-social .share-item:last-child {
margin-right: 0;
}
@media screen and (min-width:767px) {
.sc-social .social-tag {
flex-direction: row;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
}
}