@charset "utf-8";
/* ======== */
/* ▼ .newsList */
.newsList {
/* width: 100%; */
/* max-width: 1200px; */
padding: var(--padding3);
border-radius: var(--bs-border-radius);
background-color: rgb(255, 255, 255, 0.92);
/* box-shadow: 0 9px 60px 0 var(--bs-border-color); */
margin: 0 auto;
border: var(--border1);
}
.newsList .item {
padding-bottom: 1.25rem;
margin-bottom: 1.65rem;
border-bottom: 1px dashed var(--bs-gray-400);
}
.newsList .item:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom:none;
}
.newsList .item a {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
}
.newsList .item a > div {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1rem;
}
.newsList .category {
display: inline-flex;
background-color: var(--bs-gray-500);
color: #fff;
border-radius: var(--bs-border-radius);
padding: 0.375rem 1rem 0.35rem;
font-size: 0.85rem;
margin: 0 1rem 0 0;
white-space: pre;
transition: 0.25s;
}
.newsList .item:hover .category {background-color: var(--hoverC2);}
.newsList .date {
display: inline-flex;
font-family: sans-serif;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 1;
color: var(--bs-gray-500);
padding: 0.215rem 0 0;
margin: 0 1.5rem 0 0;
white-space: pre;
transition: 0.25s;
}
.newsList .item:hover .date {color: var(--hoverC2);}
.newsList .item:hover .IMG {box-shadow: 0 0 0 3px var(--transparentW3), 0px 5px 13px 4px rgba(0, 0, 0, 0.08);}
.newsList .TXT h4 {font-size: 1rem;}

@media (min-width: 768px) {
.newsList .item {
padding-bottom: 0.75rem;
margin-bottom: 0.85rem;
}
.newsList .item a {
align-items: center;
flex-direction: row;
}
.newsList .item a > div {margin-bottom: 0;}
.newsList .TXT h4 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1;
}
}

/* ======== */
/* .i_newsTXT2 */
.i_newsTXT2 > .bg {width: 55%;}
.i_newsTXT2 > .bg::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(270deg, #ffffff 1%, transparent 80%);
pointer-events: none;
}
.i_newsTXT2 > div {
position: relative;
z-index: 3;
}
.i_newsTXT2 > div > div {
margin: 0 0 0 auto;
width: 50%;
}
.i_newsTXT2 .item {
border-left: var(--border1);
padding: 10px 15px 0 30px;
}
.i_newsTXT2 .date {
font-family: fantasy, sans-serif;
letter-spacing: 0.5px;
line-height: 1;
color: var(--bs-gray-400);
margin-bottom: 0.5rem;
transition: 0.25s;
}
.i_newsTXT2 .item:hover .date {color: var(--hoverC2);}
.i_newsTXT2 .date .day {
font-size: 1.85rem;
letter-spacing: 1.5px;
padding-right: 0.5rem;
}
.i_newsTXT2 .date .month {font-size: 1.05rem;}
.i_newsTXT2 .date .year {
padding-left: 1.5rem;
position: relative;
}
.i_newsTXT2 .date .year::after {
content: "";
position: absolute;
top: 8px;
left: 0.35rem;
width: 0.65rem;
height: 1px;
background-color: var(--bs-gray-500);
}
.i_newsTXT2 .TXT .category {
display: inline-block;
background-color: var(--bs-gray-400);
color: #fff;
border-radius: var(--bs-border-radius);
padding: 0.375rem 1rem 0.35rem;
font-size: 0.85rem;
transition: 0.25s;
}
.i_newsTXT2 .item:hover .TXT .category {background-color: var(--hoverC2);}
.i_newsTXT2 .TXT h4 {
text-align: left;
padding: 0.75rem 0 0;
}

@media (min-width: 1200px) {
.i_newsTXT2 .TXT h4 {
height: 105px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
}

@media (max-width: 767px) {
.i_newsTXT2 > .bg {width: 100%;opacity: 0.5;}
.i_newsTXT2 > .bg::before {display: none;}
.i_newsTXT2 > div > div {
margin: 0;
width: 100%;
}
.i_newsTXT2 .item {
border: none;
padding: 27px 26px 21px;
background-color: var(--wordW);
border-radius: var(--bs-border-radius);
}
}

/* ▼ i_newsIMGTXT */
.i_newsIMGTXT1 .IMG > span, .i_newsIMGTXT1 .IMG {
display: block;
aspect-ratio: 16 / 9;
overflow: hidden;
}
.i_newsIMGTXT1 .IMG > span {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
}
.i_newsIMGTXT1 > div {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.i_newsIMGTXT1 > div > .title {width: 100%;}
.i_newsIMGTXT1 .n_L, .i_newsIMGTXT1 .n_R {width: calc(50% - 15px);}
.i_newsIMGTXT1 .n_L .item .TXT {padding-top: 1.5rem;}
.i_newsIMGTXT1 .n_R .item {
padding-bottom: 0.785rem;
margin-bottom: 0.75rem;
border-bottom: 1px dashed var(--bs-gray-500);
}
.i_newsIMGTXT1 .n_R .item:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.i_newsIMGTXT1 .n_R .item > a {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
transition: 0.35s;
}
.i_newsIMGTXT1 .n_R .item .IMG {width: 215px;}
.i_newsIMGTXT1 .n_R .item .IMG > span {min-height: 115px;}
.i_newsIMGTXT1 .n_R .item .TXT {
width: calc(100% - 215px);
padding: 1.5rem 0 0.35rem 1.5rem;
}
.i_newsIMGTXT1 .TXT h4 {text-align: left;}
.i_newsIMGTXT1 .n_R .TXT h4 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dateCategory {
display: flex;
align-items: flex-end;
justify-content: flex-end;
flex-direction: row-reverse;
flex-wrap: wrap;
padding-bottom: 0.75rem;
line-height: 1;
}
.dateCategory p {
margin: 0;
display: inline-flex;
}
.dateCategory .yC {
align-items: center;
justify-content: center;
background-color: var(--bs-gray-400);
color: #fff;
border-radius: var(--bs-border-radius);
padding: 0.375rem 1rem 0.35rem;
font-size: 0.8rem;
transition: background 0.25s;
}
.item:hover .dateCategory .yC {background-color: var(--hoverC2);}
.dateCategory .year {
font-family: sans-serif;
padding-right: 1rem;
position: relative;
top: 1.5px;
}
.dateCategory .year::after {
content: "";
position: absolute;
top: 4px;
right: 0.25rem;
width: 0.45rem;
height: 1px;
background-color: #fff;
}
.dateCategory .mD {
width: 115px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.dateCategory .month, .dateCategory .day {
font-family: fantasy, sans-serif;
font-size: 2.25rem;
font-weight: 600;
letter-spacing: 1.5px;
color: var(--transparentW7);
-webkit-text-stroke: 0.25px var(--bs-gray-400);
position: relative;
bottom: -3px;
width: 45px;
display: flex;
justify-content: center;
transition: 0.25s;
}
.item:hover .dateCategory .month, .item:hover .dateCategory .day {
color: var(--hoverC2);
-webkit-text-stroke: 0.25px #fff;
}
.dateCategory .line {
width: 7px;
height: 2px;
background-color: var(--bs-gray-500);
position: relative;
top: 6px;
margin: 0 0.225rem 0 0.15rem;
opacity: 0.65;
transition: background 0.25s;
}
.item:hover .dateCategory .line {background-color: var(--hoverC2);}
.dateCategory .c-name {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--bs-gray-400);
color: #fff;
border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
padding: 0.375rem 1rem 0.35rem 1.25rem;
font-size: 0.8rem;
position: relative;
left: -1.25rem;
transition: 0.25s;
}
.item:hover .dateCategory .c-name {
background-color: var(--hoverC2);
}
.dateCategory .YMD {
font-family: sans-serif;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 1;
color: var(--bs-gray-400);
-webkit-text-stroke: 0.25px var(--transparentW7);
display: flex;
justify-content: center;
transition: 0.25s;
}
.item:hover .dateCategory .YMD {color: var(--hoverC2);}

@media (max-width: 1199px) {
.i_newsIMGTXT1 .n_R .item .IMG {display: none;}
.i_newsIMGTXT1 .n_R .item .TXT {
width: 100%;
padding: 0 0 0.35rem;
}
}

@media (max-width: 991px) {
.i_newsIMGTXT1 .n_L, .i_newsIMGTXT1 .n_R {width: 100%;}
.i_newsIMGTXT1 .n_R {padding-top: 3rem;}
.i_newsIMGTXT1 .n_R .item {
padding-bottom: 1.25rem;
margin-bottom: 1.65rem;
border-bottom: 1px dashed var(--bs-gray-500);
}
.i_newsIMGTXT1 .n_R .item:last-child {
padding-bottom: 1.25rem;
border-bottom: 1px dashed var(--bs-gray-500);
}
.i_newsIMGTXT1 .n_R .item .TXT {padding: 0;}
.dateCategory .yC {
flex-direction: column;
border-radius: var(--bs-border-radius);
padding: 0.65rem 0.8rem 0.5rem;
}
.dateCategory {
justify-content: flex-start;
flex-direction: row;
}
.dateCategory .year {
padding-right: 1.25rem;
padding-bottom: 0.15rem;
top: 0;
}
.dateCategory .year::after {right: 0;}
.dateCategory .mD {
width: 105px;
justify-content: flex-end;
padding-bottom: 0.35rem;
}
.dateCategory .line {top: 1px;}
.dateCategory .month, .dateCategory .day {
font-size: 1.85rem;
bottom: 0;
width: 40px;
}
}

/* ======== */
/* ▼ #productRow */
#productRow {padding: 0 5rem;}
#productRow .item > a {
position: relative;
z-index: 3;
}
#productRow::after {
content: "";
position: absolute;
top: -1.25rem;
left: 3.75rem;
z-index: -1;
width: calc(100% - (3.75rem * 2));
height: calc(100% + (1.25rem * 2));
border: var(--border1);
padding: var(--padding2);
background-color: #fff;
opacity: 0.75;
pointer-events: none;
}
#productRow .TXT {padding-top: 0.9375rem;}
#productRow .owl-nav {
width: 100%;
left: 0;
}

@media (max-width: 767px) {
#productRow {padding: 0;}
#productRow::after {display: none;}
#productRow .item {
border: var(--border1);
padding: var(--padding2);
background-color: rgba(255, 255, 255, 0.75);
}
#productRow .owl-nav {
width: 120px;
height: auto;
position: relative;
bottom: initial;
left: initial;
margin: 0.75rem auto 0;
}
}

/* ======== */
/* ▼ .i_qaAccordion1 */
body > section.i_qaAccordion1 > .bg {
width: 100%;
background-size: auto 100%;
background-position: 0% 50%;
}
.i_qaAccordion1 .container-fluid.max-c-f {
padding-top: 5.5rem;
padding-bottom: 5rem;
}
.i_qaAccordion1 .container-fluid.max-c-f::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 88%;
height: 100%;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 48%, rgba(255, 255, 255, 0) 100%);
pointer-events: none;
}
.i_qaAccordion1 .container-fluid.max-c-f > div {
position: relative;
z-index: 3;
}
.i_qaAccordion1 .title2 {
width: calc(50% - 0.9375rem);
margin-left: auto;
}
#faqAccordion {
width: calc(50% - 0.9375rem);
margin: 0 0 0 auto;
}

@media (max-width: 1199px) {
body > section.i_qaAccordion1 > .bg {
top: 0;
bottom: initial;
width: 100%;
height: 80%;
background-position: 50% 100%;
opacity: 0.15;
}
.i_qaAccordion1 .container-fluid.max-c-f {
padding-top: 100px;
padding-bottom: 24px;
}
.i_qaAccordion1 .container-fluid.max-c-f::after {
width: 100%;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.i_qaAccordion1 .title2, #faqAccordion {width: 100%;}
}

/* ======== */
/* ▼ .i_albumGRID1 */
#i_albumGRID1 .TXT h4 {text-align: center;}

#productRow {}
#productRow .TXT h4 {text-align: center;}
#productRow .TXT h4 + p {justify-content: center;}

#i_productROW1 #productRow::after {display: none;}

#i_productGRID1 .item {background-color: #fff;}
#i_productGRID1 .TXT h4 {text-align: center;}
#i_productGRID1 .TXT h4 + p {justify-content: center;}