@charset "utf-8";

/* 
SUMMARY :

01 HTML
02 BODY
03 COMMON
04 ICON
05 LOGIN
06 BOARD
*/

/* HTML */

/* .sub_visual {
    background-color: #ccc !important;
} */

/* BODY */

body {
    background: transparent;
}

/* COMMON */

.grids {
    display: grid;
}

.flexs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flexs>div {
    width: 50%;
}

.fxs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.fxe {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.fxc {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fxsb {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.jcsb {
    justify-content: space-between;
}

.jcse {
    justify-content: space-evenly;
}

.fdc {
    flex-direction: column;
}

/* ICON */

i.i_com {
    flex-shrink: 0;
    display: inline-block;
    /* margin: 0 10px 0 0; */
}

i.i_flus {
    width: 10px;
    height: 11px;
    background: url(../img/main/ico_flus.png) no-repeat 0 0;
}

i.i_arr {
    width: 12px;
    height: 21px;
    background: url(../img/main/ico_arr.png) no-repeat 0 0;
}

i.i_t1 {
    width: 42px;
    height: 41px;
    margin: 0 14px 0 0;
    background: url(../img/main/ico_t1.png) no-repeat 0 0;
}

i.i_t2 {
    width: 42px;
    height: 41px;
    margin: 0 14px 0 0;
    background: url(../img/main/ico_t2.png) no-repeat 0 0;
}

i.i_t3 {
    width: 42px;
    height: 41px;
    margin: 0 14px 0 0;
    background: url(../img/main/ico_t3.png) no-repeat 0 0;
}