/* 메인화면 라이트모드*/
.ruliplus {
    width: 100%;
    height: 525px;
    box-sizing: border-box;
}

.ruliplus .ruliplus_inner {
    padding: 10px;
}

.ruliplus>strong {
    font-size: 15px;
    padding: 7px 0;
}

.ruliplus .ruli_choose {
    width: 100%;
    display: flex;
    margin-top: 2px;
}

.ruliplus .ruli_choose .ruliplus_btn1 {
    flex: 1;
    border: 1px solid #ddd;
    background-color: white;
    text-align: center;
    padding: 3px 0;
    cursor: pointer;
}

.ruliplus .ruli_choose .ruliplus_on1 {
    background-color: rgb(26, 112, 220);
    color: #ddd;
}

.ruliplus .ruliplus_list_off1 {
    display: none;
}

.ruliplus .ruliplus_list_on1 {
    display: block;
}

.ruliplus .ruliplus_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

.ruliplus .ruliplus_list .ruliplus_item {
    width: 48%;
    margin: 15px 0 5px;
    cursor: pointer;
}
.ruliplus .ruliplus_list .ruliplus_item:hover strong,
.ruliplus .ruliplus_list .ruliplus_item:hover p{
    text-decoration: underline;
}
.ruliplus .ruliplus_list .ruliplus_item img {
    width: 100%;
    margin-bottom: 5px;
}


.ruliplus .ruliplus_list .ruliplus_item p {
    color: rgb(26, 112, 220);
    margin-top: -3px;
    margin-bottom: -5px;
}

.ruliplus .ruliplus_banner img {
    width: 100%;
    margin-top: 5px;
}

/* 메인화면 라이트모드*/

/* 메인화면 다크모드*/
body.dark_mode .ruliplus {
    width: 100%;
    height: 525px;
    color: white;
    box-sizing: border-box;
}

body.dark_mode .ruliplus .ruliplus_inner {
    padding: 10px;
}

body.dark_mode .ruliplus>strong {
    font-size: 15px;
    padding: 7px 0;
}

body.dark_mode .ruliplus .ruli_choose {
    width: 100%;
    display: flex;
    margin-top: 2px;
}

body.dark_mode .ruliplus .ruli_choose .ruliplus_btn1 {
    flex: 1;
    border: 1px solid #3d3d3d;
    background-color: #545454;
    text-align: center;
    padding: 3px 0;
    cursor: pointer;
    color: #fff;
}
body.dark_mode .ruliplus .ruli_choose .ruliplus_on1 {
    background-color: rgba(26,112,220,.3490196078);
    color: #ddd;
}

body.dark_mode .ruliplus .ruliplus_list_off1 {
    display: none;
}

body.dark_mode .ruliplus .ruliplus_list_on1 {
    display: block;
}

body.dark_mode .ruliplus .ruliplus_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

body.dark_mode .ruliplus .ruliplus_list .ruliplus_item {
    width: 48%;
    margin: 15px 0 5px;
    cursor: pointer;
    color: #fff;
    font-weight: lighter;
}
body.dark_mode .ruliplus .ruliplus_list .ruliplus_item:hover strong,
body.dark_mode .ruliplus .ruliplus_list .ruliplus_item:hover p{
    text-decoration: underline;
}
body.dark_mode .ruliplus .ruliplus_list .ruliplus_item img {
    width: 100%;
    margin-bottom: 5px;
}


body.dark_mode .ruliplus .ruliplus_list .ruliplus_item p {
    color: #5894da;
    margin-top: -3px;
    margin-bottom: -5px;
}

body.dark_mode .ruliplus .ruliplus_banner img {
    width: 100%;
    margin-top: 5px;
}

/* 메인화면 다크모드*/

/* 핫딜게시판 라이트모드*/
.ruliplus_2.light_mode {
    width: 1024px;
    height: 225px;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    position: relative;
}

.ruliplus_2.light_mode .ruliplus_2_top {
    padding: 5px;
    display: flex;
    background-color: #ececec;
    border-bottom: 1px solid #ddd;
}

.ruliplus_2.light_mode .ruliplus_2_top>strong:nth-child(1) {
    color: rgb(26, 112, 220);
    font-size: 13px;
    margin-left: 5px;
}

.ruliplus_2.light_mode .ruliplus_2_top .ruli2_gnb {
    width: 355px;
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
}

.ruliplus_2.light_mode .ruliplus_2_top .ruli2_gnb .ruli2_btn1 {
    border-right: 1px solid black;
    padding-right: 14px;
    height: 16px;
    cursor: pointer;
    color: #333;
}
.ruliplus_2.light_mode .ruliplus_2_top .ruli2_gnb .ruli2_btn1:hover{
    text-decoration: underline;
}
.ruliplus_2.light_mode .ruliplus_2_top .ruli2_gnb .ruli2_btn1:last-child {
    border: none;
}

.ruliplus_2.light_mode .ruliplus_2_top .ruli2_gnb .ruli2_on1 {
    font-weight: bold;
}

.ruliplus_2.light_mode .ruliplus_2_top .ruli2_plus {
    cursor: pointer;
    border: 1px solid #ddd;
    width: 19px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    position: absolute;
    right: 5px;
    color: #555;
}

.ruliplus_2.light_mode .ruli2_bottom{
    padding: 5px;
    display: flex;
    justify-content: space-between;
}
.ruliplus_2.light_mode .ruli2_bottom .ruli2_item_off1{
    display: none;
}
.ruliplus_2.light_mode .ruli2_bottom .ruli2_item_on1{
    display: block;
}
.ruliplus_2.light_mode .ruli2_bottom .ruli2_item_list{
    display: flex;
    justify-content: space-around;
}
.ruliplus_2.light_mode .ruli2_bottom .ruli2_item{
    width: 22%;
    flex: 1;
    text-align: center;
    cursor: pointer;
    margin: 15px 5px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ruliplus_2.light_mode .ruli2_bottom .ruli2_item:hover strong,
.ruliplus_2.light_mode .ruli2_bottom .ruli2_item:hover p{
    text-decoration: underline;
}
.ruliplus_2.light_mode .ruli2_bottom .ruli2_item img{
    width: 130px;
}
.ruliplus_2.light_mode .ruli2_bottom .ruli2_item p{
    margin-top: -3px;
    color: rgb(26, 112, 220);
}






.ruliplus_2.light_mode .ruli2_bottom .ruli2_hot{
    display: none;
    width: 40%;
    padding: 5px;
}
.ruliplus_2.light_mode .ruli2_bottom .ruli2_hot strong{
    font-size: 15px;
}
.ruliplus_2.light_mode .ruli2_bottom .ruli2_hot .ruli2_hot_list{
    height: 90%;
    margin-top: 5px;
}
.ruliplus_2.light_mode .ruli2_bottom .ruli2_hot .ruli2_hot_list .list{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 3px 0;
}
.ruliplus_2.light_mode .ruli2_bottom .ruli2_hot .ruli2_hot_list .list:hover p{
    text-decoration: underline;
}
.ruliplus_2.light_mode .ruli2_bottom .ruli2_hot .ruli2_hot_list .list span{
    margin-right: 3px;
    color: rgb(26, 112, 220);
}


/* 핫딜게시판 라이트모드*/


/* 핫딜게시판 다크모드*/
.ruliplus_2.dark_mode {
    width: 1024px;
    height: 225px;
    border: 1px solid #545454;
    position: relative;
    color: #ddd;
}

.ruliplus_2.dark_mode .ruliplus_2_top {
    padding: 5px;
    display: flex;
    background-color: #585858;
    border-bottom: 1px solid #585858;
}

.ruliplus_2.dark_mode .ruliplus_2_top>strong:nth-child(1) {
    color: #ddd;
    font-size: 13px;
    margin-left: 5px;
}

.ruliplus_2.dark_mode .ruliplus_2_top .ruli2_gnb {
    width: 355px;
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
}

.ruliplus_2.dark_mode .ruliplus_2_top .ruli2_gnb .ruli2_btn2 {
    border-right: 1px solid #ddd;
    padding-right: 14px;
    height: 16px;
    cursor: pointer;
}
.ruliplus_2.dark_mode .ruliplus_2_top .ruli2_gnb .ruli2_btn2:hover{
    text-decoration: underline;
}
.ruliplus_2.dark_mode .ruliplus_2_top .ruli2_gnb .ruli2_btn2:last-child {
    border: none;
}

.ruliplus_2.dark_mode .ruliplus_2_top .ruli2_gnb .ruli2_on2 {
    font-weight: bold;
}

.ruliplus_2.dark_mode .ruliplus_2_top .ruli2_plus {
    cursor: pointer;
    width: 19px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    position: absolute;
    right: 5px;
    background-color: #1a1d21;
}

.ruliplus_2.dark_mode .ruli2_bottom{
    padding: 5px;
    display: flex;
    justify-content: space-between;
}
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_item_off2{
    display: none;
}
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_item_on2{
    display: block;
}
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_item_list{
    display: flex;
    justify-content: space-around;
}
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_item{
    width: 22%;
    flex: 1;
    text-align: center;
    cursor: pointer;
    margin: 15px 5px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ddd;
}
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_item:hover strong,
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_item:hover p{
    text-decoration: underline;
}
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_item img{
    width: 130px;
}
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_item p{
    margin-top: -3px;
    color: #5894da;
}








.ruliplus_2.dark_mode .ruli2_bottom .ruli2_hot{
    display: none;
    width: 40%;
    padding: 5px;
}
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_hot strong{
    font-size: 15px;
}
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_hot .ruli2_hot_list{
    height: 90%;
    margin-top: 5px;
}
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_hot .ruli2_hot_list .list{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 3px 0;
    color: #ddd;
}
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_hot .ruli2_hot_list .list:hover p{
    text-decoration: underline;
}
.ruliplus_2.dark_mode .ruli2_bottom .ruli2_hot .ruli2_hot_list .list span{
    margin-right: 3px;
    color: #5894da;
}


/* 핫딜게시판 다크모드*/

/* 모바일 메인 라이트모드 */

.ruliplus_mobile1 {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 6px solid #ddd;
}
.ruliplus_mobile1 .title {
    font-family: "Malgun Gothic","맑은 고딕",sans-serif;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #1a70dc;
    font-size: 16px;
    padding: 2px;
    padding-left: 10px;
}
.ruliplus_mobile1 .ruliplus_mo_gnb{
    display: flex;
}
.ruliplus_mobile1 .ruliplus_mo_gnb .ruli_mo1{
    flex: 1;
    text-align: center;
    color: rgb(26, 112, 220);
    font-size: 13px;
    font-weight: bold;
    padding: 2px 0;
    border: 1px solid #ddd;
}
.ruliplus_mobile1 .ruliplus_mo_gnb .ruli_mo_on1{
    border-bottom: none;
}

.ruliplus_mobile1 .ruli_mo_off1{
    display: none;
}
.ruliplus_mobile1 .ruli_mo_on1{
    display: block;
}
.ruliplus_mobile1 .ruli_mo_list{
    display: flex;
    justify-content: space-around;
    margin-top:10px;
}
.ruliplus_mobile1 .ruli_mo_list .ruli_mo_item{
    width: 30%;
    text-align: center;
}
.ruliplus_mobile1 .ruli_mo_list .ruli_mo_item img{
    width: 100%;
}
.ruliplus_mobile1 .ruli_mo_list .ruli_mo_item p{
    margin-top: -3px;
    color: rgb(26, 112, 220);
}




/* 모바일 메인 라이트모드*/

/* 모바일 메인 다크모드*/

body.dark_mode .ruliplus_mobile1 {
    width: 100%;
    padding-bottom: 10px;
    background-color: #1a1d21;
    border-bottom: 6px solid #000;
    color: #ddd;
}
body.dark_mode .ruliplus_mobile1 .ruliplus_mo_gnb{
    display: flex;
}
body.dark_mode .ruliplus_mobile1 .ruliplus_mo_gnb .ruli_mo1{
    flex: 1;
    text-align: center;
    color: .5894da;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 0;
    background-color: #3e3e3e;
    border: 1px solid #3e3e3e;
}
body.dark_mode .ruliplus_mobile1 .ruliplus_mo_gnb .ruli_mo_on1{
    border-bottom: none;
    background-color: #1a1d21;
}

body.dark_mode .ruliplus_mobile1 .ruli_mo_off1{
    display: none;
}
body.dark_mode .ruliplus_mobile1 .ruli_mo_on1{
    display: block;
}
body.dark_mode .ruliplus_mobile1 .ruli_mo_list{
    display: flex;
    justify-content: space-around;
    margin-top:10px;
}
body.dark_mode .ruliplus_mobile1 .ruli_mo_list .ruli_mo_item{
    width: 30%;
    text-align: center;
    color: #ddd;
}
body.dark_mode .ruliplus_mobile1 .ruli_mo_list .ruli_mo_item img{
    width: 100%;
}
body.dark_mode .ruliplus_mobile1 .ruli_mo_list .ruli_mo_item p{
    margin-top: -3px;
    color: #5894da;
}




/* 모바일 메인 다크모드*/


.ruli2_hot.on{
    display: block !important;
}