/* body{
    overflow: hidden;
} */
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    font-size: 18px;
    color:#173582;
    padding-right: 1rem;
    padding-left: 1rem;
}
.navbar-light .navbar-nav .nav-link.active.nav-login{
    color:#fff;
}
.navbar-light .navbar-nav .nav-link {
    /* color: rgba(0,0,0,.55); */
    color:#173582;
}
.nav-link.active.nav-login {
    background-color: #093687;
    color: #fff;
    border-radius: 4px;
}
.navbar-light .navbar-nav .nav-link {
    /* color:#3a5891; */
    font-size: 18px;
}
    /* color: rgba(0,0,0,.55); */

.navbar-expand-md{
    height:100px;
    border-bottom: 1px solid #d6d6d6;
    background-color: #fff;
}

.container-fluid{
    max-width: 1170px;
}
@media screen and (max-width:1399px){
    .container-fluid{
        max-width: 1044px;
    }
}
@media screen and (max-width:1300px){
    .container-fluid{
        max-width: 1050px;
    }
}

@media screen and (max-width:1199px){
    .container-fluid{
        max-width: 900px;
    }
}
@media screen and (max-width:987px){
    .container-fluid{
        max-width: 694px;
    }
}

@media screen and (max-width:960px){
    .container-fluid{
        max-width: 680px;
    }
}
@media screen and (max-width:767px){
    .container-fluid{
        max-width: 530px;
    }
}
.nav_albup_logo{
    width:90px;
}
@media screen and (max-width:767px){
    .nav_albup_logo{
        width:70px;
    }
}
.navbar-nav li{
    color:#093687;
    font-size: 14px;
    font-weight: bold;
}
.navbar-nav li .nav-logout.nav-link{
    /* background-color:#093687; */
    color: #2e3949;
    border-radius: 4px;
}
.navbar-expand-lg .navbar-nav li .nav-link{
    padding-right: 1rem; 
    padding-left: 1rem;
    font-size: 18px;
}

.navbar-nav li:nth-child(1){
    margin-right:5px;
}

.navbar-collapse{
    flex-grow: 0;
}

.bg-light{
    background-color: #fff!important;
    margin:0 auto;
    border-bottom: 1px solid #e2e2e2;
}

.navbar-light .navbar-toggler{
    border:0;
}

.navbar-toggler:focus{
    box-shadow: none;
}

/*알법로고수정*/
.navbar-brand{
    letter-spacing:-0.04em;
    padding: 5px 25px;
}
.albup-center{
    text-align: center;
    padding-bottom: 20px;
}
.albup-center img{
    width:100px;
}


#index-wrap{   
    min-width: 100%;
}
.section_tit{
    font-size: 2.85em;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    padding: 3% 0;
    color: #242B45;
    line-height:135%;
}
.section_sub_tit{
font-size: 1.1em;
width: 100%;
text-align: center;
padding: 1% 0;
font-weight: 300;
}
.section01-visual{
    max-width: 100%;
    height:auto;
    background-color: #f9faff;
    position: relative;
    padding-bottom: 88px;
}

.section01-visual-inner{
    max-width:1280px;
    margin: 0 auto;
}

.section01-visual-inner .text-box{
    display: inline-block;
}

.section01-visual-inner .text-box .m-text{
    font-size: 33px;
    font-weight: 500;
    padding-top:180px;
}

.section01-visual-inner .text-box p .num{
    color:#093687;
    font-size: 43px;
    font-weight: bold;
}

.section01-visual-inner .text-box .s-text{
    font-size: 25px;
    padding-top:80px;
}

.section01-visual-inner .text-box .s-text .blue{
    color:#093687;
    font-size: 30px;
    font-weight: 600;
}

.section01-visual-inner .text-box img{
    position: absolute;
    top:51%;
    left:44%;
}

.section01-visual-inner .login-box{
    width:506px;
    height:462px;
    background-color: #fff;
    float: right;    
    border-radius: 31px;
    box-shadow: 0px 0px 20px 0px #f0f0f0;
    margin-top: 80px;
    padding:30px 23px;
    position: relative;
}

.section01-visual-inner .login-box .login_email{
    margin-bottom: 30px;
}

.section01-visual-inner .login-box label{
    font-size:16px;
    width:100%;
}

.section01-visual-inner .login-box input{
    width:100%;
    height:43px;
    border:1px solid #e9e9e9;
    margin-top:5px;
}

.section01-visual-inner .login-box input::placeholder,
.section01-visual-inner .login-box input[type=text]{
    font-size: 13px;
}

.section01-visual-inner .login-box .login_btn{
    margin-top:30px;
}

.password_search { width:100%; margin:10px auto; text-align:center; font-size:1.2em; line-height:1.7em; }
.password_search a:hover { color:#333; }

.section01-visual-inner .login-box .login_btn input{
    height:77px;
    font-size:20px;
    font-weight: bold;
}

.section01-visual-inner .login-box .login_btn .login_bt{
    background-color: #093687;
    color:#fff;
    
}

.section01-visual-inner .login-box .login_btn .join_bt{
    background-color: #e9e9e9;
    color:#093687;
}

.clearfix{
    clear: both;
    content: "";
    display: block;
}

.section02-container .section02-visual{
    max-width: 100%;
    background-color: #ebebeb;
    height:auto;
    padding:90px 0;
}

.section02-inner{
    max-width:1280px;
    height:647px;
    margin: 0 auto;
    background-color: #fff;
}

/****0901 index 수정***/

.main_wrap{
    max-width: 1204px;
    margin: 0px auto;
    padding: 0 20px;
    font-size: 1.17em;
}
.main_wrap::before{
    position: absolute;
    content: '';
    width: 100%;
    background: #fbfbfb;
}
.main_wrap section{
    margin-bottom: 5%;
}
.main_wrap section h3{
    font-size: 2.5em;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
.si_tit .idx_tit_bold{
    font-weight: bold;
}

.main_wrap .ind_sec_cont{
    padding: 3% 0;
    letter-spacing:-0.04em;
    /* margin-top: 3%; */
}
.main_wrap .ind_sec_cont>li{
    width: 49%;
    display: inline-block;
    padding: 0.42em;
}

.sec_tit_wrap{
    font-size: 3.5em;
    color: #242B45;
    
    margin: 0;
    padding-left: 0;
    padding-bottom: 3%;
    line-height:135%;
}
.sec_tit_wrap h2{
    font-weight: bold;
    line-height:135%;
}
.sec_tit_wrap h2 span{
    font-weight:300;
}
.main_wrap .ind_sec_cont .ind_match_info{
    font-size: 1.5em;
    color:#173582;
    font-weight: bold;
    margin:0;
    padding-left: 0;
    padding-right: 3%;
    padding-bottom: 3%;
}
.main_wrap .ind_sec_cont .ind_txt{
    font-size: 1.7em;
    color:#2D374A;
    font-weight: bold;
}
.main_wrap .ind_sec_cont .ind_mi_tit{
    color: #242B45;
    font-size: 1.25em;
    line-height: 150%;
    margin-top: 10%;
    font-weight:300;
    width: 33.33em;
    font-weight: 300;
}
.si_bg{
    display: inline-block;
    text-align: center; 
    width: 100%;
}
.si_tit{
    padding: 5% 7%;
}
.si_bg>li{
    display: inline-block;
    width: 49%;
}
.si_tit_pic{
    width: 47.33em;
}
.si bg:nth-child(2){
    width: 8.33em;
}
.si bg:nth-child(2)>img{
    width:25em;
}
.si_tit h1{
    text-align: left;
    font-size: 1.91667em;
    letter-spacing:-0.04em;
    color:#242b45;
    margin-bottom: 15px;
    font-weight: 300;
    line-height:135%;
}

.si_tit h2{
    text-align: left;
    font-size: 4em;
    line-height: 135%;
    font-weight: bold;
    color: #242b45;
    margin-bottom:15px;
    letter-spacing:-0.04em;
} 
.si_btn_wrap{
    float: left;
    margin-top: 5%; 
    width:100%;
    height: 50px;
}
.si_btn_wrap a{
    display: block;
    max-width: 216px;
    background-color: #242b45;
    color: #fff;
    border-radius: 5px;
    padding:10px 0;
    font-size: 1.67em;
    letter-spacing:-0.04em;
    text-align: center;
    height:50px;
    line-height: 30px;
    font-weight: bold;
}
.si_btn_wrap a.se { max-width:120px; display:none; }

.si_si_txt_wrap{
    margin-top: 2%;
    float:left;
    width:100%;
}
.si_pride_bg{
    width: 100%;
    background-color: #d6e6fe;
}
.si_pride{
    font-size: 1.9em;
    color:#173582;
    font-weight: bold;
    
}
.si_si_txt_wrap .si_info_txt{
    line-height: 17px;
}
.si_pride >ul{
    max-width: 800px;
    display: flex;
    text-align: center;
    vertical-align: middle;
    justify-content: space-around;
    align-items: center;
}
.si_pride li{
    text-align: center;
    display: inline-block;
    padding: 1% 0;
    vertical-align: middle;
}
.si_pride li:last-child{
    margin-left: 1%;
    padding: 1% 0;
    letter-spacing: -0.04em;
}
.si_pride img{
    width:210px;
    margin-right: 4px;
}


.ind_mi_tit{
    font-size:1.25em;
    font-weight:300;
    color: #242B45;
    line-height: 150%;
}

.ind_matching_tit{
    display:none;
    width: 100%;
    padding-top: 7%;
    text-align: center;
}
.ind_matching_tit>h3{
    font-size: 2.2em;
    font-weight: bold;
}
.ind_matching_tit>h4{
    font-size: 1.1em;
    width: 100%;
    text-align: center;
    padding: 1% 0;
    font-weight: 300;
}

.ind_matching li{
    display: inline-block;
}
.ind_matching li:nth-child(1){

}
.match_img{
    width: 380px;
    margin: 15px 0px;
    margin: 30px 0px;
}
.match_img img {
    display:block;
    width: 100%;
}
.new_ctn{
    display: flex;
    justify-content: space-around;
    align-items: center;
}



@media screen and (max-width:1200px){
    .match_img{
        margin: 30px auto 0px;
        width: 300px;
    }
    .go_btn_position{
        margin: 0 auto;
    }
    .map_tit{
        font-size: 2.999999em;
    }
    .case_tit{
        font-size: 2.992em;
    }
    .section_tit{
        font-size:2.5em;
    }
    .ul.ind_tabs li{
        font-size:1.5em;
    }
    .down_p{
        font-size:2em !important;
    }
    .p_white{
        font-size:2.4em !important;
    }
    .free-yellow-btn{
        font-size: 1.69em !important;
    }
}
@media screen and (max-width:991px){
    .si_tit h2{
        font-size:2.8em;
    }
    .si_tit h1{
        font-size: 1.7em;
    }
    .sec_tit_wrap{
        font-size:2.8em;
    }
    
    .match_img{
        margin: 30px auto 0px;
    }
    .go_btn_position{
        margin: 0 auto;
    }

    .down_p{
        font-size: 1.8em !important;
    }
    .idx_download-btn{
        font-size: 1.3em !important;
    }
    .p_white{
        font-size: 2.1em !important;
    }
    .free-yellow-btn {
        font-size: 1.5em !important;
    }
}
    


.ind_matching .gray_area{
    background-color: #fbfbfb;
    border-radius: 10px;
    padding-bottom: 10%;
    letter-spacing:-0.04em;
}
.ind_match_left{
    width: 55%;
}
.ind_matching li:last-child{
    

}
.sec_new_wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    margin: 0 auto;
    padding: 3% 0%;
}
.sec_new_wrap li:first-child{
    position: relative;
    margin-right: 20px;
}
.albup_video{
    position: absolute;
    top: 17%;
    left: 8%;
    /*max-width: 83.7%;*/
}
.ipad-img{
    position: relative;
    display: block;
    width: 800px;
}
.ipad-img img{
    display: block;
    width: 100%;
}
@media screen and (max-width:1200px) {
    .sec_new_wrap{
        flex-direction: column;
        padding: 11% 0%;
    }
    .ipad-img{
        width: 800px;
        min-width: 300px;
        min-height: 180px;
        height: 50%;
        margin: 0 auto;
        transform: translateX(0px);
        margin: 0 auto;
    }
    .ipad-img img{
        width: 100%;
        height: 50%;
        margin: 0 auto;
        transform: translateX(0px);
    }
    .sec_tit_wrap{
        margin: 0 auto;
    }
    .sec3_map{
        padding: 11% 0 !important;
    }
    .ind_sec_cont{
        padding: 11% 0 !important;
    }
    .ind_faq{
        padding: 11% 0 !important;
    }
    .index_download{
        padding: 10% 0 !important;
    } 
    
}
@media screen and (max-width:991px){
    .ipad-img{
        width: 80%;
        height: 50%;
        min-width: 200px;
        margin: 0 auto;
        transform: translateX(0px);
    }
}

@media screen and (min-width:640px) and (max-width:499px) {
    .ipad-img{
        width: 80%;
        height: 50%;
        margin: 0 auto;
        transform: translateX(0px);
    }
}
@media screen and (max-width:320px){
    .si_pride_bg{
        
        
    }
}


.ind_matching h4{
    font-size: 1.3em;
    width: 100%;
    text-align: center;
    padding: 1% 0;
    font-weight: 300;
}
.ind_match_info{
    display: flex;
    margin: 8% 0;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    font-size: 1.5em;
}

.ind_icon{
    display: inline-flex;
    width:30px;
    height: 30px;
    border-radius: 30px;
    font-size: 1.3em;
    background: #093687;
    color:white;
    margin:2%;
    justify-content: center;
}
.ind_match_info .ind_txt{
    padding-left:3%;
}
.ind_match_info .ind_mi_tit{
    font-size: 1.3em;
    font-weight: bold;
}
.ind_match_info .ind_mi_txt{
    font-size: 0.9em;
}

/***새로추가된 지도부분**/
.sec3_map{
    padding:3% 0;
    font-size: 12px;
}
.map_tit{
    font-size: 4em;
    color: #242B45;
    margin: 0;
    padding-left: 0;
    padding-bottom: 3%;
    line-height: 135%;
    font-weight: bold;
    text-align: left;
}
.map_list{
    width: 100%;
    display:flex;
    justify-content: space-between;
}
.index_mapimg{
    min-width: 300px;
    max-width: 500px;
    text-align: right;
}
.index_mapimg img{
    display:block;
    width:100%;
}
.map_list li:first-child{
    text-align: center;
    margin-left: 70px;
    padding-top: 90px;
}
.map_list li:first-child p{
    font-size: 2em;
    color: #242B45;
    line-height:135%;
    margin-bottom: 15px;
    font-weight: 300;
    text-align: left;
}
@media screen and (max-width:991px){
    .new_ctn{
        flex-direction: column;
    }
    .map_list{
        flex-direction: column;
    }
    .sec_tit_wrap{
        text-align: center;
        margin: 0 auto;
        transform: translateX(0%);
    }
    .map_list li:first-child p{
        text-align: center;
        margin: 0 auto;
        padding-top: 0px;
        font-size: 1.5em;
    }
    .map_list li:first-child{
        transform: translateY(0%);
        padding-top: 0px;
    }
    .map_tit{
        font-size: 2.7em;
        text-align: center;

    }
    .index_mapimg{
        margin: 0 auto;
    }

    ul.ind_tabs li{
        font-size: 1.2em !important;
        padding: 5px 10px !important;
    }
    .map_list li:first-child{
        margin-bottom: 30px;
    }
    .case_tit{
        font-size:2.5em !important;
    }
    .section_tit{
        font-size: 2.31em;
    }
}
@media screen and (max-width:820px){
    .map_list li:first-child{
        margin-left: 0px;
        padding-top: 0px;
    }
    .index_mapimg{
        margin: 0 auto;
        width:250px;
    }
    .case_tit{
        font-size:2.31em !important;
    }
    .si_pride img {
        width:150px;
    }
    .si_pride li:last-child{
        font-size:12px;
    }

}
.ind_new_announ{

}
.ind_new_announ > ul{
    margin-left: -2%;
}
.ind_new_announ > ul > li {
    float: left;
    width: 50%;
    padding: 0 0 2% 2%;
	cursor:pointer;
}
.ind_na_box{
    border: 2px solid #777777;
    padding: 4%;
    border-radius: 10px;
}
.ind_na_box > div:not(.ind_nab_date){
    margin-bottom: 3%;
}
.ind_nab_tit{
	position:relative;
    font-weight: bold;
    font-size: 1.1em;
}
.ind_nab_tit p.more_announ { font-size:0.9em; font-weight:100; position:absolute; top:10px; right:10px; }
.ind_new_announ .ind_nab_tit span{
    width: 30%;
    letter-spacing: 3px;
}
.ind_nab_tit span{
    font-weight: 300;
    display: inline-block;
    text-align: center;
    padding: 1% 1% 1% 2%;
    background-color: #173582;
    color: #fff;
    border-radius: 20px;
    margin-right: 2%;
}
.ind_nab_cont ul li{
    float: left;
    padding: 0 2%;
    position: relative;
    color: gray;
    font-weight: 300;
}
.ind_nab_cont ul li:first-child{
    padding-left: 0;
}
.ind_nab_cont ul li:first-child::after{
    content: "";
}
.ind_nab_cont ul li::after{
    content: "|";
    position: absolute;
    left: -2px;
    color: gray;
}
.ind_nab_date ul li{
    float: left;
    margin-right: 4%;
    font-size: 14px;
    font-weight: 300;
}

.ind_howto >p{
    margin-bottom: 2%;
    font-size: 1.1em;
    width: 100%;
    text-align: center;
    padding: 1% 0;
    font-weight: 300;
}
.ind_ht_wrap{
    display: flex;
    padding: 3% 0;
}
@media screen and (max-width:991px){
    .ind_ht_wrap{
        /* max-width:280px; */
        margin: 0 auto;
    }
    .ind_ht_wrap li{
        margin-bottom:5%;
    }

}
@media screen and (max-width:1200px){
    .ind_ht_box_top p{
        font-size: 1.2em !important;
        line-height: 1 !important;
    }

}
.case_tit{
    text-align: center;
    font-size:2.9em;
    color: #242B45;
    font-weight: bold;
    line-height:135%;
    padding: 3% 0;
}
.ind_ht_box_top{
    display: flex;
    height:95px;
    background-color:#242B45;
    justify-content: center;
    align-items: center;
}
.ind_ht_box_top p{
    font-size: 1.71em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height:95px;
}
.ind_ht_box_bottom{
    height:160px;
    background-color:#F5F8FA;
}
.ind_ht_box_bottom p{
    font-size: 1.07em;
    font-weight:300;
    color: #242B45;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    text-align: left;
    transform: translateY(20px);
}

/* .ind_ht_wrap{
    margin-left: -2%;
} */
.ind_ht_wrap li{
    float: left;
}
.ind_ht_wrap li .ind_ht_box:hover{
    transform: translateY(-5px);
    box-shadow: 0 10px 7px -3px #b7bbbe;
}
.ind_ht_wrap li .ind_ht_box{
    border: 1px solid #e1e1e1;
    padding: 24px 22px;
    transition: 0.3s ease;
    border-radius: 10px;
}
.ind_ht_wrap li:first-child .howto_icon{
    height:50px !important;
}

.howto_icon{
    width:40px;
    margin-right: 20px;
}
.howto_icon img{
    display: block;
    width: 100%;
}

.ind_ht_img_wrap{
    width: 100%;
    border-radius: 5px;
    height: 293px;
    margin: 6% 0;
}
.ind_ht_wrap li:first-child .ind_ht_box .ind_ht_img_wrap{
    background:url(/theme/Bootstrap5/img/index_ht_img1.jpg);
    background-size: cover;
}
.ind_ht_wrap li:nth-child(2) .ind_ht_box .ind_ht_img_wrap{
    background:url(/theme/Bootstrap5/img/index_ht_img2.jpg);
    background-size: cover;
}
.ind_ht_wrap li:nth-child(3) .ind_ht_box .ind_ht_img_wrap{
    background:url(/theme/Bootstrap5/img/index_ht_img3.jpg);
    background-size: cover;
}
.ind_ht_tit{
    color:#173582 ;
    font-size: 1.2em;
    line-height: 2em;
    font-weight: 500;
}
.ind_ht_box .ind_ht_sub_tit{
    color:#333 ;
    font-size: 1.8em;
    line-height: 2em;
    font-weight: bold;
}
.ind_ht_txt{
    white-space: normal;
    word-break:break-all;
}
.main_wrap .ind_sec_cont{
    position: relative;
}
.swiper-container{
    position:static !important;
}
.swiper-wrapper{
    position:static !important;
}

.swiper-button-next {
    background:url(/theme/Bootstrap5/img/howtoright_arr.png) no-repeat !important;
    background-position: center;
    background-size: 20px !important;
    right: -84px !important;
    top: 342px !important;
}
  
.swiper-button-prev {
    background: url(/theme/Bootstrap5/img/howtoleft_arr.png) no-repeat !important;
    background-size: 20px !important;
    left: -84px !important;
    top: 342px !important;
}
  
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}
@media screen and (max-width:1300px){
    .swiper-button-next,.swiper-button-prev{
        display: none;
    }
}
@media screen and (max-width:991px){
    .swiper-button-next{
        display: none;
    }
    .swiper-button-prev{
        display:none;
    }
}





.main_wrap section h3.ind_cooper_tit{
    text-align: center;
}
.cooper_wrap ul li{
    float: left;
    width: 20%;
    text-align: center;
}
.cooper_wrap ul li .ind_cp_box{
    padding: 6% 0;
    width: 50%;
    margin: 0 auto;
    transition: 0.3s ease;
}
.cooper_wrap ul li:hover .ind_cp_box{
    background-color: #f5f5f5;
    transform: translate(0, -5px);
}
.cooper_wrap ul li .ind_cp_box img{
    width: 54px;
    height: 54px;
    margin-bottom: 4%;
}


ul.ind_tabs{
    margin-bottom: 3%;
    padding: 0px;
    list-style: none;
    text-align: center;
}
ul.ind_tabs li{
    background: none;
    color: #242B45;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 24px;
    font-weight:bold;
}

ul.ind_tabs li.current{
    background-color: #173582;
    color: #fff;
    border-radius: 25px;
}

.ind_tab_content{
    display: none;
}

.ind_tab_content.current{
    display: inherit;
}
.qna_wrap{
    border:1px solid #e1e1e1;
    border-top: none;
}
.qna_wrap:first-child{
    border-top: 1px solid #e1e1e1;
}
  
.que{
  position: relative;
  padding: 20px 22px;
  cursor: pointer;
  font-size: 1.1em;
}
.que span{
    font-weight: bold;
}
.anw {
  display: none;
  overflow: hidden;
  padding: 27px 22px;
}
.anw{
    font-size: 15px;
}
.que span{
    font-size:1em;
    font-weight: bold;
    color: #242B45;
}
.arrow-wrap {
  position: absolute;
  top:45%; right: 10px;
  transform: translate(0, -50%);
  font-size: 2.0em;
}

.qna_more_view {
    border: 1px solid #e1e1e1;
    width: 200px;
    padding: 12px;
    font-size: 1.2em;
    border-radius: 7px;
    background-color: #fff;
    display: none;
    /* display: block; */
    margin: 2% auto;
    text-align: center;
}
/*정리된 자료가 필요하신가요?*/
.index_download{
    padding: 5% 0;
}
.down_p{
    font-size: 3.42em;
    color: #242B45;
    font-weight: bold;
    line-height:135%;
    text-align: center;
    margin: 0 auto;
}
.down_none{
    text-align: center;
    font-size: 1.43em;
    color: #242B45;
}
.idx_download-btn{
    display: flex;
    margin: 3% auto;
    padding: 10px 15px;
    height:50px;
    color: #fff;
    font-size: 1.43em;
    text-align: center;
    border: none;
    background-color: #242B45;
}
.idx_download-btn span{
    padding-left: 10px;
    transform:translateY(3px);
}

/*지금바로시작하세요*/
.index_start{
    padding:3% 0 5% 0%;
}
.idx_blackbox{
    max-width:1200px;
    background-color: #242B45;
    margin: 0 auto;
    padding: 4% 0;
}
@media screen and (max-width:1200px){
    .idx_blackbox{
        padding: 10% 0;
    }
    .idx_black-txtbox {
    }
}


.p_white{
    font-size: 4em;
    color: #fff;
    font-weight: bold;
    line-height: 135%;
    text-align: center;
    margin: 0 auto;
}
.idx_black-txtbox{
}
.free-yellow-btn{
    width: 216px;
    display: flex;
    margin: 3% auto;
    justify-content: center;
    height: 50px;
    color: #242B45;
    font-size: 1.67em;
    text-align: center;
    border: none;
    background-color: #fff;
    align-items: center;
}
.free-yellow-btn span{
    padding-left: 10px;
}
/*푸터*/
.footer-box{
    position: relative;
}

#footer {
	width: 100%;
	height: auto;
	background: #fff;
    border-top: 1px solid #e1e1e1;
	clear: both;
	padding: 30px 0;
    position: absolute;
}

#footer .foot_logo{
   margin-bottom: 2%;
   position: absolute;
   width: 15%;
   right: 10%;
}

#footer .foot_center{
    width:80%;
}

#footer .foot_right{
    width:20%;
}

.footer-con-txt{
	width: 100%;
	height: auto;
	text-align: left;
}

.footer-con-txt p{
	padding-bottom: 5px;
}

.footer-con-txt p:last-child{
	padding-bottom: 0;
}

.foot_logo .footer-con-txt{
    margin-bottom: 0;
}
.footer-con-txt-right p{

    display: inline-block;
    margin-right: 2%;
}

.footer-con-txt-right p:last-child{
	padding-bottom: 0;
}
.m_closed_hamb{
    display: none;
}
@media screen and (max-width:1400px) {
    .section01-visual{
        height: 850px;
    }

    .section01-visual-inner{
        max-width:1140px;
    }

    .section01-visual-inner .text-box{
        text-align: center;
        display: inline;
    }

    .section01-visual-inner .text-box img{
        position: absolute;
        top:31%;
        left:74%;
    }

    .section01-visual-inner .login-box{
        transform: translate(-50%,-10%);
        position: absolute;
        left:50%;
    }

    .section01-visual-inner .text-box .m-text{
        padding-top:70px;
    }

    .section01-visual-inner .text-box .s-text{
        text-align: center;
    }

    .section02-inner{
        margin: 0 20px;
    }

    .foot-text01{
        padding-left:50px;
    }
}

@media screen and (max-width:1200px){


    .section01-visual-inner{
        max-width:960px;
    }

    .foot_center{
        width:50%;
    }

    .footer-con-txt{
		margin-bottom: 20px;
    }
    .ind_matching li:nth-child(1){
        width: 100%;
        margin-right:0px;
    }
    .ind_match_video> video {
        position: absolute;
        top: 53%;
        left: 51%;
        padding: 5% 33%;
    }
    .si_bg {
        background-size: 50%;
        background-position: 80% 90%;
        background: #f5f8fa;
    }

    .si_bg_box {
        top: 37%;
        left: 45%;
    }
    .si_bg::after {
        position: absolute;
        left: 0;
        bottom: 4px;
        content: '';
    }

    .si_pride {
        width:96%;
        font-size: 1.5em;
        bottom:15px;
    }
    .ind_match_info{
        display: block;
        text-align: center;
    } 

    .ind_matching li:last-child {
        text-align: center;
        width: 100%;
    }

}

@media screen and (max-width:991px){
    .main_wrap{
        width: 100%;
    }
    .navbar-light{
        margin: 0;
        border-bottom: 1px solid #e9e9e9;
    }
    
    .section01-visual-inner{
        max-width:720px;
    }
    #footer .foot_logo{
        width:100%;
        position: inherit;
    }

    #footer .foot_center{
        width:100%;
    }

    #footer .foot_right{
        width:100%;
        text-align: center;
    }

    .footer-con-txt p,
    .footer-con-txt-right p{
        font-size: 12px;
    }
    
    .navbar-collapse{
        position: fixed;
        top: 0;
        right: 0;
        width: 40%;
        min-width: 270px;
        z-index: 499;
        box-shadow: 7px -14px 17px #000;
    }
    .navbar-nav{
        height: 100vh;
        background-color: #fff;
        padding-top: 48%;
    }
    .navbar-nav li .nav-logout.nav-link{
        background-color: inherit;
        color: initial;
        border: none;
    }
    .navbar-expand-lg .navbar-nav li .nav-link{
        font-size: 17px;
        padding: 1em;
    }
    .navbar-collapse.collapse.show .m_closed_hamb{
        display: block;
        position: absolute;
        right: 20px;
        top: 2%;
    }
    .m_closed_hamb img{
        width: 30px;
        height: 30px;
    }
    .ind_new_announ > ul > li,
    .ind_ht_wrap li{
        width: 100%;
    }
    .si_tit{
        width: 100%;;
    }
    .si_tit_pic{
        width: 100%;
    }
}
@media screen and (max-width:820px){
    .ind_matching li{
        width: 100%;
    }
    .ind_match_video,
    .ind_matching li:last-child{
        padding: 0;
        width: 100%;
    }
    .main_wrap .ind_sec_cont>li{
        width: 100%;
    } 
}
@media screen and (min-width:767px) and (max-width:639px){
    .navbar-brand img{
        width:150px;
        height: auto;
    }

    .navbar-expand-md{
        height:70px;
    }

    .section01-visual-inner{
        max-width:100%;
        height:auto;
        padding:0 20px;
    }

    .section01-visual-inner .text-box img{
        display: none;
    }

    .section01-visual-inner .login-box{
        width: 90%;
        height: auto;
    }

    .section01-visual-inner .login-box .login_btn{
        margin-top:20px;
    }

    .section01-visual-inner .login-box .login_btn input{
        height:50px;
        font-size: 15px;
    }

    .section01-visual-inner .login-box label{
        font-size:13px;
    }

    .section01-visual-inner .login-box .login_email{
        margin-bottom:20px;
    }

    .section01-visual-inner .text-box .m-text{
        font-size: 20px;
    }
    
    .section01-visual-inner .text-box p .num{
        font-size: 30px;
    }
    
    .section01-visual-inner .text-box .s-text{
        font-size: 20px;
    }
    
    .section01-visual-inner .text-box .s-text .blue{
        font-size: 25px;
    }

    .ind_matching li:nth-child(1){
        width: 100%;;
    }
    .ind_match_video> video {
        position: absolute;
        top: 53%;
        left: 53%;
        transform: translate(-50%,-50%);
        padding: 7% 22%;
    }
    .si_bg {
        background-size: 50%;
        background-position: 80% 90%;
    }

    .si_bg_box {
        top: 25%;
        left: 40%;
    }
    .si_bg::after {
        position: absolute;
        left: 0;
        bottom: 4px;
        content: '';
    }

    .si_pride {
        width:96%;
        font-size: 1.5em;
        bottom:15px;
    }
    .si_tit{
        width:100%;
     }
     .si_tit h2{
        font-size: 3em;

    }


}

@media screen and (min-width:640px) and (max-width:499px) {
    .cooper_wrap ul li{
        width: 33.3%;
    }
    .cooper_wrap ul li .ind_cp_box{
        width: 100%;
    }
    .footer-con-txt-right{
        margin-bottom: 4%;
    }
    .ind_matching li:nth-child(1){
        width: 100%;
    }
    .ind_match_video> video {
        position: absolute;
        top: 53%;
        left: 47%;
        transform: translate(-50%,-50%);
        padding: 9% 16%;
    }
    .si_bg {
        background-size: 50%;
        background-position: 80% 90%;
    }

    .si_bg_box {
        top: 25%;
        left: 50%;
        transform: translate(-50%,-36%);
    }
    .si_bg::after {
        position: absolute;
        left: 0;
        bottom: 4px;
        content: '';
    }

    .si_pride {
        font-size: 1.5em;
    }

}

@media screen and (min-width:500px) and (max-width:319px)  {

    .si_tit h2 {
        font-size:2em;
        line-height: 2em;
        font-weight: bold;
        color: #173582;
    }
    .si_si_txt_wrap .si_info_txt{
        margin-bottom: 2%;
    }
    .si_si_txt_wrap, .si_pride{
        margin-top: 5%;
    }
    .main_wrap section h3{
        font-size: 1.2em;
    }
    .ind_matching h4{
        font-size: 1.1em;
    }
    .ind_tabs li{
        font-size: 1.0em;
        padding: 3px 10px;
    }
    .que{
        font-size: 1.0em;
    }
    .ind_nab_tit p.more_announ{
        top: -14px;
        right: -8px;
    }
    .si_pride{
       overflow: hidden;
    }
    .si_pride img {
        width: 180px;
        padding: 4px;
    }
    .si_tit{
        font-size: 2em;
    }
    .si_tit h2 {
        font-size: 2em;
    }

}
@media screen and (max-width:320px) {
    .si_bg {
        position: relative;
        text-align: center;
        width: 100%;
        height: 648px;
        background: url(../img/main_top_img.png)no-repeat;
        background-size: 80%;
        background-position: 70% 90%;
        top: 0;
        left: 0;
        z-index: 1100;
    }
    .si_bg_box {
        padding: 0 3%;
        top: 31%;
        left: 50%;
        transform: translate(-45%,-50%);
    }
    .si_tit h1 {
        font-size: 1.2em;
        line-height: 1.2em;
        color: #9a9a9a;
        word-break: break-all;
    }
    .si_pride img {
        width: 150px;
    }
    .si_tit h2 {
        font-size: 2.2em;
        line-height: 2.2em;
        font-weight: bold;
        color: #173582;
    }
    .si_pride {
        bottom: 13px;
        width: 100%;
        /* margin: 0 auto; */
        font-size: 1em;
        color: #173582;
        font-weight: bold;
    }
}