li{
    list-style-type: none;
}
.non-show{
    display: none !important;
}
#pbview:not(iframe #pbview){
    /* height: 100%;
    overflow: auto; */
}
.main-container{
    display: inline-flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100vh;
    text-align: center;
    justify-content: space-between;
    background-color: #f2f2f7;
    overflow: hidden;
}
.header{
    display: inline-flex;
    flex-direction: row;
    width: var(--Max-dash-width);
    height:88px;
    align-items: center;
    justify-content: space-between;
}
.mainlogo{
    display: inline-block;
    width: 200px;
    min-width: 200px;
    height:65px;
    margin: 0 20px;
    background: url("../../img/kitri/btob-02.svg")no-repeat ;
    box-sizing: border-box;
    cursor: pointer;
    background-size: 100% 65px;
}
.menubox{
    display: inline-flex;
    flex-direction: column;
    width: 55%;
    height:80px;
    justify-content: center;
    margin: 0 0px;

}
.menu_media{
    display: inline-flex !important;
    align-items:flex-start;
    justify-content: center;
    height: 400px !important;
    opacity: 1 !important;
    transition:none;
}
.menubox li{
    font-size: 1.7rem;
    min-width:140px;
    cursor: pointer;
    transition: all .35s;
}
.non-max-w .intable,.non-max-w .content-box,.non-max-w .contant{
    max-width: none !important;
}
.menubox li:hover{

}
.blueBox2{
    width: 4px;
    height: 22px;
    background: #15BADC;
    margin-right: 4px;
}
.idea-box > :nth-child(2){
    width: 380px;
    
}
.lev1-menu {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    /* margin: 0 30px;   */
}
.lev1-menu > li.Active{
    position: relative;
    transition: all .0s;
}
.lev1-menu > li.Active::after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0px;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: #00d25a;
}
.menubox2{
    display: inline-flex;
    align-items:flex-start;
    justify-content: space-between;
    position: absolute;
    top:88px;
    left: 0;
    opacity: 0;
    /* padding: 0 30px 0 85px; */
    text-align: center;
    width: 100%;
    background-color: white;
    height: 0px;
    /* height: 400px; */
    /* box-shadow: 0px 5px 22px #afafaf inset; */
    box-sizing: border-box;
    z-index: 10;
    border-bottom: 1px solid gainsboro;
    overflow: hidden;
    transition: none;
}
.menubox2.menu_media{
    transition: all .55s;
}
.menubox2.mobile{
    display: none;
}
.lev2-menu {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    /* min-width: 960px; */
    height: 100%;
    /* margin: 0 30px 0 250px; */
    margin:0 0;
    transition: all .35s;
}
.menubox2.menu_media::-webkit-scrollbar,.main-container.mob::-webkit-scrollbar{
    width: 0 !important;
    height: 0 !important;
}
.menubox2.menu_media::before,.menubox2::before{
    content: '';
    margin: 0 15px;
    min-width:200px;
    width: 200px;
    max-width: 200px;
}
.menubox2.menu_media::after,.menubox2::after{
    content: '';
    min-width: 180px;    max-width: 180px;    margin: 0 40px;
}
.lev2-menu > li:first-child{
    border-left: 1px solid gainsboro;
}
.lev2-menu > li{
    display: inline-flex;
    flex-direction: column;
    margin: 0 0 0 0;
    cursor: pointer;
    text-align: left;
    align-items: center;
    border-color: gainsboro;
    padding: 0px;
    margin: 0 0px;
    min-width: 140px;
    box-sizing: border-box;
    border-top: 3px solid transparent;
    border-right: 1px solid gainsboro;
    /* border-left: 1px solid gainsboro; */
    transition: all .35s;
}
.lev2-menu > li:hover{
    border-top: 3px solid #14badd;
}
.lev2-menu > li >p{
    display: none;
}
.lev2-menu > li > ul{
    display: inline-flex;
    align-items: center;
    text-align: center;
    position: relative;
    padding: 10px 0;
    margin: 0px 0px;
    font-size: 1.4rem;
}
.lev2-menu > li > ul.Active::before{
    content: '';
    display: inline-block;
    position: absolute;
    width: 5px;
    left:-10px;
    height: 5px;
    border-radius: 100%;
    background: rgba(63 ,147, 214,1);
}
.lev2-menu > li > ul:hover,.lev2-menu > li > ul.Active{
    color: #14badd;
    /* font-weight: bold; */
    transition: none;
}
.menu_Service{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    min-width: 180px;
    max-width: 180px;
    margin: 0 40px;
    justify-content: space-between;
    font-size: 14px;
}
.menu_Service > li{
    cursor: pointer;
    transition: all .35s;
    padding-right: 35px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.userInfo > span{
    max-width: 100px;
    display: inline-block;
    overflow: hidden;
    margin-right: 5px;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
}
.l-menu-lev1 > li::before{
    background-repeat: no-repeat;
}
.menu_Service *{
    font-size: 1.4rem !important;
}
.menu_Service > li:hover{
    /*color: rgba(17, 122, 220,1);*/
}
/* body .headerposition,.control-sec-box{
    display: none !important;
} */
form,form > #user1,#pbview:not(iframe #pbview){
    display: inline-flex;
    flex-direction: column;
}
.headerposition{
    position: relative;
    /* height: 88px !important; */
    background: #ffffff;
    /* position: fixed; */
    z-index: 99;
    width: 100%;
    /* mix-blend-mode: hard-light; */
    /* color: white; */
}
.headerposition:has(:hover){
    background: white;
}
.scrollUp-container{
    position: fixed;
    font-size: 1.2rem;
    top: 20px;
    right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: transparent;
    color: gainsboro;
    cursor: pointer;
    text-shadow: 1px 1px 1px black;
    text-align: center;
    transition: all .35s;
}
.scrollUp-container:hover{
}
@media (max-width: 1280px){
    *{
        max-width: 100%;
    }
    body,html{
        width:100vw !important;
        /* min-width: unset !important; */
    }
    table{
        box-sizing: border-box;
    }
    .menu_Service > li{
        padding: 0 10px !important;
    }
        html,body{
            /* min-width: 570px !important; */
            width: 99%;
        }
        .right_footer{
            /* display: none; */
        }
        .footer{
            height: 100%;
            padding-top: 100px;
            padding-bottom: 300px;
        }
        .footer_contain{
            height: 260px;
        }
        .footer__content {
            flex-direction: column !important;
            justify-content: space-between;
            padding: 10px;
            box-sizing: border-box;
            height: 75%;
        }
        .footer__content > div:nth-child(2){
            order:3;
        }
        .footer__content > div:nth-child(3){
            order:2;
            margin: 10px 0;
        }
        .left_footer{
            width: 100% !important;
            align-items: center;
        }
        .main-line-left {
            position: absolute;
            left: -435px !important;
            top: -521px;
        }
        .main-line-right {
            position: absolute;
            top: 80px !important;
            right: -502px !important;
        }
        .main__bannerimg{
            position: absolute;
            width: 100%;
            height: 748px;
            left: 0px;
            top: -1px;
            z-index: 1;
            background: url('../../dsimg/main_screenBanner.png') no-repeat;
            background-size: 117%;
            background-position: center;
        }
        .main-container.mob{
            overflow-y: auto;
        }
        .go-step3{display: none;}
        .go-step3.mob{display: inline-flex !important;}
        .mob-lev1-menu{
            display: block;
        }
        .menubox{
            display: none;
        }
        .menubox2.mobile{
            /* display: inline-flex; */
        }
        .menubox,.menubox2{
            flex-direction: column;
            position: relative;
            left: 0px;
            top: -14px;
            width: 100%;
            box-sizing: border-box;
            margin: 0px;
            z-index: 999;
        }
        .lev2-menu{
            min-width: 100%;
            max-width: 100% ;
            height: auto;
            
        }
        .menubox *,.menubox2,.menubox2 *{
            flex-direction: column;
            flex-wrap: nowrap;
            left:0;
            top: -20px;
        }
        .menubox2{
            position: relative;
            height: 0vh !important;
            overflow-y: auto;
        }
        .menubox2.menu_media{
            height: 100vh !important;
            min-height: 100vh;
            transition: none;
            z-index: 9999;
            display: flex;
            flex-direction: column;
        }
        .lev2-menu{
            position: absolute;
            margin: 0;
            top:0;
            z-index: 9999;
        }
        .lev2-menu > li {
            display: inline-flex;
            margin: 0 ;
            cursor: pointer;
            text-align: left;
            border-color: transparent;
            background: rgba(255, 255, 255, 0.5);
            padding: 0px;
            box-sizing: border-box;
            flex-wrap: wrap;
            flex-direction: column;
            align-content: space-around;
            justify-content: center;
            align-items: center;
            /* overflow: scroll; */
        }
        .lev2-menu > li:hover{
            border-top: 3px solid transparent;
        }
        .userInfo > span{
            max-width: 95px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .menu_Service {
            width: 33%;
            max-width: 220px;
        }
        .lev2-menu > li >p{
            display: block;
            font-size: 3.3rem;
            font-weight: bold;
            border-bottom: 4px double gainsboro;
            color: #000000;
        }
        .lev2-menu > li > ul {
            padding: 10px 0;
            margin: 3px 10px;
            width: 100%;
            border-radius: 4px;
            font-size: 3rem;
            color: #1d1d1d;
            /* box-shadow: 0 0px 39px inset #e0e0e0; */
        }
        .bgr{
            width: 30px;
            /* margin-left: 35%; */
            text-align: center;
            box-sizing: border-box;
            display: inline-block;
        
        }
        .menu-trigger span {
            display: inline-block;
            transition: all .4s;
            box-sizing: border-box;
          }
          .circle-box.gold{
              min-height: 230px ;
          }
          .circle-box.gold > :nth-child(2)
        {
            font-size: 40px;
        }
        .intro-tab > label {
            margin: 0 5px !important;
            font-size: 1.1rem;
        }
          .menu-trigger {
            display: inline-flex;
            position: relative;
            width: 34px;
            height: 25px;
            margin-top: 5px;
            cursor: pointer;
          }
          .menu-trigger.active {
            /* position: relative;
            width: 25px;
            height: 25px;
            border: 1px solid black;
            border-radius: 100%; */
            transition: none;
          }
          
          .menu-trigger span {
            position: absolute;
            left: 4px;
            width: 76%;
            height: 2px;
            background-color: black;
            border-radius: 4px;
          }
          
          .menu-trigger span:nth-of-type(1) {
            top: 0px;
          }
          
          .menu-trigger span:nth-of-type(2) {
            top: 10px;
          }
          
          .menu-trigger span:nth-of-type(3) {
            bottom: 3px;
          }
          .menu-trigger.active span:nth-of-type(1) {
            top: 1px;
          }
          
          .menu-trigger.active span:nth-of-type(2) {
            top: 10px;
          } 
          
          .menu-trigger.active span:nth-of-type(3) {
            bottom: 4px;
          }  
          .menu-trigger.active span{
                background: #cecece !important;
          }
          .menu-trigger.active span:nth-of-type(1) {
            /* -webkit-transform : translateY(20px) rotate(-45deg);
            transform : translateY(5px) rotate(-45deg);
            width: 42%; */
            
          }
          .menu-trigger.active span:nth-of-type(2) {
            /* left: 20%;
            top: 45%;
            width:66%;
            opacity: 1;
            -webkit-animation : active-menu-bar12-01 .2s forwards;  
            animation : active-menu-bar12-01 .2s forwards; */
          }
          .menu-trigger.active span:nth-of-type(3) {
            /* -webkit-transform : translateY(-20px) rotate(45deg);
            transform : translateY(-2px) rotate(45deg);
            width: 42%; */
          }
          .body__content2{
              padding:50px 0;
          }
          .content2 {
            flex-direction: column !important;
            min-width: 100% !important;
            min-height: 290px;
            /* padding:30px 0; */
            justify-content: center;
            align-items: center;
        }
        .f-col.custom{
            padding: 45px 0px !important;
        }
        .testSupport{
            flex-direction: column !important;
        }
        .testSupport > .mentor{
            width: 100%;
        }
        .item-box {
            margin:20.5px;
        }
        .item-box >div > label{
            white-space: nowrap;
        }
        .notice-list-box{
            padding: 50px 20px;
        }
        .circle-box.gold:nth-child(2) {
            width: 250px;
            /* height: 240px; */
            margin-left: 60px;
            top:-85px;
        }
        .circle-box.gold:nth-child(1) {
            top: -110px;
            /* height: 250px; */
        }
        .main_banner{
            padding: 0 !important;
        }
        .body > *{
            /* padding:0 25px; */
            padding:0 0px;
            box-sizing: border-box;
        }
        .f1dot5{
            font-size:1.2rem;
        }
        .congratulation{
            margin-top: 100px;
        }
        .congratulation+div{
            padding:0 50px;
        }
        .main-title-box >h2 {
            font-size: 2.5rem;
        }
        .content2__right-box{
            width: 100% !important;
        }
        .content2 > .content2__left-box > h2 {
            text-align: center;
        }
        .content2:nth-child(1) > :nth-child(1){
            width: 100%;
            margin-bottom: 80px;
            justify-content: center;
            text-align: center;
            align-items: center;
        }
        .more-btn {
            margin: 30px 0px 16px 0;
            -webkit-appearance: none !important;
        }
        .col-2{
            width: 100% !important;
            margin: 0px 10px 40px 10px !important;
            /* padding:20px 0; */
        }
        .body__content2 > label {
            display: block;
            /* width: 248px; */
            height: 61px;
            margin: 0 0 60px 0;
        }
        .congratulation >img {
            width: 280px;
        }
        .col-1{
            margin: 20px 0px 0 0px;
        }
        .community_box{
            padding: 10px;
            box-sizing: border-box;
        }
        .community-lev1 > .community-text::after ,.community-lev1.expended > .community-text::after{
            right: 5px;
        }
        #group24>.circle-box:nth-child(1){transform: translate(0, 0px) !important;}
        #group24>.circle-box:nth-child(2){transform: translate(0, 0px) !important;}
        #group24>.circle-box:nth-child(3){transform: translate(0, 0px) !important;}
        #group24>.circle-box:nth-child(4){transform: translate(0, 0px) !important;}

        .mainView {
            /* justify-content: right !important; */
        }
        .bankInfomation{
            flex-direction: column;
        }
        .bankInfomation > div{
            width: 50%;
            margin:10px 0;
            justify-content: space-between;
        }
        #div_mentor,.mentorLive,.mentorLive table{
            width: 100% !important;
        }
        .m__column{
            flex-direction: column !important;
        }
        .boxcon{
            margin-left: 0px !important;
            margin-right: 0px !important;
            width: 100%;
        }
        .contbox{
            margin-top: 10px !important;
            margin-bottom: 5px !important;
        }
        
        .pcVersion #grid1_gdiv
        {
   	        display : none;
        }
        
        .unvisible {
            display : inline !important;
        } 
       
        .QandA
        {
           	display: inline-flex;
            text-align: end;
            width: 100% !important;
        }
        
         .register_1
        {  
          display : none !important;
        }
        .circle-box.gold::after{
            content: '';
            display: inline-block;
            position: absolute;
            bottom: -75px;
            text-align: center;
            width: 117%;
            left: -25px;
            height: 250px;
            background: url('../../dsimg/icon/그룹 231.png') no-repeat;
            background-size: 100% 220px;
        }
        .circle-box.gold::before {
            content: '과제별 1개사';
            display: inline-block;
            position: absolute;
            bottom: -320px;
            text-align: center;
            font-size: 26px;
            width: 100%;
            height: 250px;
            
        }
        .circle-box.gold:nth-child(2)::before {
            bottom: -310px;
        }
        img.nextpre {
            width: 20px;
            margin-top: 3px;
        }
        /*.QandA
        {
          display : inline !important;        
        }*/
             
}
@media (max-width: 900px){
    /* *{
        max-width: 100%;
    } */
    .headerposition{
        /* position: relative !important; */
    }
}
/*모바일*/