﻿    /*______________Guide Page____________*/
    .guid-bg-row{
        background-color:var(--w80)
    }
    .guide-head-row{
        margin:30px 0 0 0;
    }
    .guide-head-row .head{
        margin:0;
        font-size:21px;
        font-weight:500;
    }
    .guide-row {
        padding: 0;
        margin-bottom: 45px;
        display:flex;
    }
        .guide-row .right-col {
            width:250px;
            min-width:250px;
           
}
        .guide-row .main-col {
           flex-grow:1;
            padding-top:30px;
        }
        .guide-row .guide-con {
            padding-left: 30px;
            padding-top:30px;
        }
        .guide-row .right-col.is_stuck .guide-con {
            transition: all 0.5s;
            transition-delay: 0.5s;
            transform: translateY(0);
        }
        .guide-row .right-col.is_stuck.down .guide-con {
            transform: translateY(55px);
            transition-delay: 0.2s;
        }
            .guide-row .guide-con .guide-list {
                list-style: none;
                padding: 0;
                margin: 0;
            }
                .guide-row .guide-con .guide-list li {
                    border-bottom: 1px solid var(--b100);
                }
                    .guide-row .guide-con .guide-list li a {
                        font-size: 15px;
                        font-weight: 400;
                        color: var(--b100);
                        background-color: var(--w100);
                        transition: all 0.3s;
                        display: block;
                        padding: 10px 15px;
                    }


    .guide-row .guide-item {
        margin-top: -110px;
        padding-top: 110px;
        margin-bottom: 45px;
    }
    .guide-row .guide-item:last-of-type {
        margin-bottom: 0;
    }
        .guide-row .guide-item .guide-head {
            position: relative;
            margin-bottom: 15px
        }
            .guide-row .guide-item .guide-head .head {
                padding: 0;
                margin: 0;
                font-size: 17px;
                font-weight:500;
                color:var(--b100);
                position: relative;
                z-index: 3;
            }
  .guide-row .guide-item .guide-txt {
          background-color:var(--w100);
          padding:30px;
        }
        .guide-row .guide-item .txt {
            font-weight: 300;
            font-size: 15px;
            line-height:1.7em;
        }

    @media(max-width:1199px) {
    }
@media(max-width:767px) {
    .guide-head-row {
        margin: 15px 0 0 0;
    }
        .guide-head-row .head {
            font-size: 20px;
        }
    .guide-row {
        padding: 0;
        margin-bottom: 45px;
    }
        .guide-row .right-col {
            display: none;
        }
        .guide-row .main-col {
            width: 100%;
            padding-top: 15px;
        }
        .guide-row .guide-item {
            margin-bottom: 30px;
        }
            .guide-row .guide-item:last-of-type {
                margin-bottom: 0;
            }
            .guide-row .guide-item .guide-head {
                margin-bottom: 10px;
            }
                .guide-row .guide-item .guide-head .head {
                    font-size: 15px;
                }
            .guide-row .guide-item .guide-txt {
                padding: 15px;
            }
            .guide-row .guide-item .txt {
                font-size: 13px;
            }
}
