/*------------------------------------------------------Hover------------------------------------------------------*/
/*
.RInfo-TS-HoverAbox:hover {
box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5);
z-index:3;
}
.RInfo-TS-HoverBbox:hover {
box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.5);
z-index:3;
}
.RInfo-TS-HoverAbox {
z-index:2;
}
.RInfo-TS-HoverBbox {
z-index:2;
}*/
/*------------------------------------------------------Effect------------------------------------------------------*/
.tiledBackground img {
object-fit: cover;
object-position: center 75%;
height:250px;
}
.tiledBackground-Oline img {
object-fit: contain;
object-position: center center;
height:850px;
}
.tiledBackground-Nline img {
object-fit: contain;
object-position: center center;
height:950px;
}
.tiledBackground-R img {
object-fit: cover;
object-position: right 75%;
height:386.5px;
}
.tiledBackground-C img {
object-fit: cover;
object-position: center 75%;
height:386.5px;
}
.tiledBackground img {
object-fit: cover;
object-position: center 75%;
height:250px;
}
.tiledBackground-100 img {
object-fit: cover;
object-position: center 75%;
height:100%;
}
.FT-ST2 {
filter: contrast(90%) brightness(130%) saturate(120%);
}
.FT-ST {
filter: saturate(30%);
}
.FT-ST3 {
filter: saturate(60%);
}
/*------------------------------------------------------Banner------------------------------------------------------*/
.RInfo-TS-BannerBox {
display:flex;
align-content:center;
font-size:12px;
font-family:GmarketSansMedium;
border-bottom:1px solid rgba(255,255,255,0.2);
}
.RInfo-TS-BannerImg {
flex:0 0 60px;
padding-left:15px;
margin-bottom:-1px;
}
.RInfo-TS-BannerText {
flex:1 1 auto;
text-align:right;
padding:1px 8px 0px;
margin-bottom:-1px;
line-height:100%;
align-content:center;
min-width:max-content;
}
/*------------------------------------------------------Title------------------------------------------------------*/
.RInfo-TS-TitleBox {
display:flex;
align-content:center;
background:#444;
color:white;
font-family:Pretendard JP Variable;
padding:7px 15px;
line-height:100%;
}
.RInfo-TS-TitleImg {
flex:0 0 55px;
margin-bottom:-5px;
}
.RInfo-TS-TitleText {
flex:1 1 auto;
text-align:right;
align-content:center;
font-size:20px;
padding-top:2px;
min-width:max-content;
}
.RInfo-TS-TitleSub {
color:#999;
font-size:12px;
margin-top:8px;
}
/*------------------------------------------------------Content------------------------------------------------------*/
.RInfo-TS-ContentBox {
background:#ede8df;
color:#333;
padding:12px 15px 0px;
border:none;
text-align:left;
font-size:10px;
line-height:120%;
border-top:3px solid #fff;
font-family:GmarketSansMedium;
}
.RInfo-TS-ContentImg {
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.RInfo-TS-ContentText {
display:inline-block;
font-size:20px;
vertical-align:bottom;
line-height:19px;
font-weight:bold;
}
.RInfo-TS-ContentSub {
display:inline-block;
vertical-align:bottom;
margin-left:4px;
color:#666;
font-size:11px;
}
/*------------------------------------------------------Detail------------------------------------------------------*/
.RInfo-TS-DetailBox {
text-align:center;
line-height:150%;
padding:10px;
border-left:none;
background:#ede8df;
color:#444;
font-family:GmarketSansMedium;
vertical-align:top;
padding-bottom:10px;
}
.RInfo-TS-DetailTitle {
border-bottom:1px solid #444;
border-top:1px solid #444;
text-align:left;
margin-right:0px;
margin-bottom:10px;
font-size:85%;
padding-left:5px;
background:#444;
color:#FFF;
}
.RInfo-TS-DetailBar {
display:flex;
font-size:10px;
border-bottom:4px solid #ede8df;
line-height:0px;
min-width:max-content;
}
.RInfo-TS-DetailLeft {
flex:0 0 65px;
text-align:left;
padding:5px;
border-right:1px solid #444;
align-content: center;
min-width:max-content;
}
.RInfo-TS-DetailRight {
flex:0 0 65px;
text-align:right;
padding:5px;
border-left:1px solid #444;
align-content: center;
min-width:max-content;
}
.RInfo-TS-DetailArrow {
flex:0 0 30px;
text-align:center;
opacity:.5;
align-content: center;
}
.RInfo-TS-Detail {
flex:1 0 auto;
text-align:left;
align-content: center;
}
.RInfo-TS-DetailImg {
display:inline-block;
vertical-align:middle;
margin:-2px 0px 2px;
padding:3px 0px;
}
.RInfo-TS-Tclass {
display:inline-block;
vertical-align:middle;
background:#e71f19;
border-radius:8px;
padding:2px 5px 0px;
font-size:10px;
color:white;
line-height:100%;
margin-bottom:1px;
font-family:Pretendard JP Variable;
}