/* BASIC css start */
#editorial-detail {
    width:100%;
    box-sizing:border-box;
    margin: var(--p-4) auto !IMPORTANT;
    padding: var(--p-4) var(--p-2) !IMPORTANT;
    font-size:0;
    transition: all var(--speed);
    opacity: 0;
}
#editorial-detail.active {
    opacity: 1;
}
#editorial-detail .left-box {
    width: calc(50% - 60px);
    display: inline-block; 
    vertical-align: top;
    margin:0 120px 0 0;
    position: sticky;
    left: 0;
    top:100px;
    
}
#editorial-detail .left-box .info  p {
    font-size: var(--f-0); 
    line-height:1; 
    padding:0 0 var(--p-1);    
}
#editorial-detail .left-box .info h2 {
    font-size: var(--f-4);
    line-height:1;
    text-align: left;
}
#editorial-detail .left-box .info span {
    font-size: var(--f-1);
}
#editorial-detail .left-box .con {

}
#editorial-detail .left-box .con *{
    font-size: var(--f-1) !important;
    line-height: 1.5 !IMPORTANT;
    font-family: 'Noto Sans KR','Noto Sans','Nanum Gothic',³ª´®°íµñ,sans-serif !IMPORTANT;
}
#editorial-detail .left-box .con b {
    font-size: var(--f-2) !important;
}


#editorial-detail .right-box {
    width: calc(50% - 60px);
    display: inline-block; 
    vertical-align: top;
}
#editorial-detail .right-box img,
#editorial-detail .right-box video{
    width:100%;
    margin: 0 0 var(--p-3);   
    max-width: max-content;
}
#editorial-detail .bottom-box {
    width: 100%;
    border-top: 1px solid var(--gray);
    padding: var(--p-3) 0;
}
#editorial-detail .bottom-box:before {
    content:"FURTHER READING";
    padding:0 0 var(--p-3);
    font-size: var(--f-2);
    width:100%;
    display:block;
}
#editorial-detail .bottom-box h2 {display:none;}
#editorial-detail .bottom-box ul:nth-of-type(1) {
    display:none;
}
#editorial-detail .bottom-box ul {
    display: flex;
    gap: 20px;
}
#editorial-detail .bottom-box ul li {
    display:none;
}
#editorial-detail .bottom-box ul li:nth-of-type(1),
#editorial-detail .bottom-box ul li:nth-of-type(2),
#editorial-detail .bottom-box ul li:nth-of-type(3),
#editorial-detail .bottom-box ul li:nth-of-type(4),
#editorial-detail .bottom-box ul li:nth-of-type(5),
#editorial-detail .bottom-box ul li:nth-of-type(6){
    display:inline-block;
}
#editorial ul li .img-box {width:100%;}
#editorial ul li .img-box img{width:100%;}
#editorial ul li .text-box {box-sizing: border-box; padding: var(--p-1) 0;}
#editorial ul li .text-box p {font-size: var(--f-0); line-height:1; padding:0 0 var(--p-1);}
#editorial ul li .text-box h2 {font-size: var(--f-3); line-height:1;text-align: left;}
#editorial ul li .text-box span {font-size: var(--f-1);}

#editorial-detail .plus-product {
    font-size: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 0 var(--p-2);
}
#editorial-detail .plus-product h2 {
    padding: var(--p-1) 0;
    font-size: var(--f-2);
    width: 100%;
    display: block;
    border-top: 1px solid var(--gray);
}
#editorial-detail .plus-product ul {
    width: calc(100% + 3px);
}
#editorial-detail .plus-product ul li {
    width: 33.3333%;
    display: inline-block;
    vertical-align: top;
    box-sizing:border-box;
    padding:0 3px 0 0;
}
#editorial-detail .plus-product ul li .img-box {
    width:100%;
}
#editorial-detail .plus-product ul li .img-box img{
    width:100%;
}
#editorial-detail .plus-product ul li .text-box {
    padding: var(--p-0) var(--p-2) var(--p-2);
    font-size: var(--f-1);
    text-align: center;
}
#editorial-detail .plus-product ul li .text-box span{}
#editorial-detail .plus-product ul li .text-box p{}
#editorial-detail .plus-product ul li .text-box sub {display:none;}
#editorial-detail .plus-button {
    margin: 0 auto var(--p-2);
    display: block;
    width: 100px;
    background: #000;
    text-align: center;
    padding: var(--p-0) var(--p-1);
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    transition: all var(--speed);
    color: #fff;
    box-sizing:border-box;
    border:1px solid #000;
        font-size: var(--f-1);
}
#editorial-detail .plus-button:hover {
    background:#fff;
    color:#000;
}




/* BASIC css end */