/*메인*/
#dimodePage{display: block!important;}
.main-section1, .main-section2, .main-section3, .main-section4, .main-section5, .main-section6{overflow:hidden;}

/*메인 bg와 슬라이드*/
.section1{background-image:url(/UserData/daebang2020/Layouts/daebang2020_Layout/Images/main/slider_bg.png);}
.section1 .container{padding:0px;}
#header-slider{margin-top:105px;}
/*main container no-padding*/

/*section1*/

/*section2*/
.section2 {position:relative;}
.sec2-wrap{position:relative; width:100%; height:425px;}
.sec2-wrap .container{padding: 0;}
.sec2-wrap>.container>div:nth-child(1){margin-left:0px;text-align:left;}
.sec2-wrap>.container>div:nth-child(1)>div:nth-child(1){width:100%;}
.sec2-wrap>.container>div:nth-child(1)>div:nth-child(2){width:100%;}
.sec2-wrap>.container>div:nth-child(6){margin-right:0px;text-align:right;}
.sec2-wrap>.container>div:nth-child(6)>div:nth-child(1){right:0px;width:97%;}
.sec2-wrap>.container>div:nth-child(6)>div:nth-child(2){right:0px;width:97%;}
.img-text-bg{position: absolute;background-color: rgba( 0, 0, 0, 0.8 );width: 100%;height: 20%;bottom: 0;}
.sec2-wrap .container .img-box{margin-right:7.5px;margin-left:7.5px;margin-top:95px;margin-bottom:95px; width:220px;padding:0px;}
.sec2-wrap .container .img-box img{width:100%; height:100%;}
/*슬라이드 설정css*/
.sec3-wrap{margin-top:400px;position:relative;}
.sec4-wrap{margin-top:100px;padding:100px 0px; height:570px; text-align:center;background-size:100% 100%; background:url(/UserData/daebang2020/Layouts/daebang2020_Layout/Images/main/generation_bg.png);}
.sec5-wrap{padding:60px 0px;}

/*탭*/
.tab-header li{word-break:keep-all; text-align:center; width:25%;float:left; border:2px solid #f1f1f1;}
.tab-header li:nth-child(1){border-right:0px!important;}
.tab-header li:nth-child(2){border-right:0px!important;}
.tab-header li:nth-child(3){border-right:0px!important;}
.tab-header li a{padding:15px 25px;  color:black; font-size:18px;font-weight:700;display: inline-block;text-decoration:none; width: 100%;}
.tab-header li.active a{background:#385890;  color:white; transition:0.3s all;}

.tab-content{display: inline-block; width: 100%; padding-top: 30px;}
.tab-content .board-list1{padding:15px 0px;border-bottom:2px solid #f1f1f1;}


.tab-wrap-left{padding-right:30px;}
.tab-wrap-right{padding-left:30px;}

.board-list1-title{font-size:20px; font-weight:400;margin:0px;}
.board-list1-date{color:#ababab; font-size:14px;margin:0px;}

/*탭 끝*/
.img-box {
    position: relative;
    text-align:center;
}

.img-text-wrap{padding: 12px 0px;bottom: 0;text-align: center;position: absolute;width: 100%;}
.img-text-wrap .img-title{font-size:16px; color:white;}
.img-text-wrap .img-sub-title{font-size:16px; color:white;}
.img-text-wrap .img-content{font-size:16px; color:white;}

.box-title{font-size:40px; font-weight:700; color:white;}
.box-sub-title{font-size:20px; color:white; margin-bottom:60px;}
@media (min-width:1200px) and (max-width:1499px) {
    .sec2-wrap .container .img-box{margin-right: 3px;margin-left: 3px;
                                   margin-top: 35px;margin-bottom: 35px;width: 190px;padding: 0px;}
    .sec2-wrap .container .img-box:nth-child(4) .img-text-wrap .img-sub-title{display:block;}
    .sec2-wrap .container .img-box:nth-child(4) .img-text-bg{height: 30%;}
    .sec2-wrap{height:inherit;}
}
@media (min-width:992px) and (max-width:1199px) {
    .sec2-wrap .container .img-box{margin-right: 7px;margin-left: 7px;
                                   margin-top: 95px;margin-bottom: 95px;width: 150px;padding: 0px;}
    .sec2-wrap .container .img-box .img-text-wrap .img-sub-title{display:block;}
    .sec2-wrap .container .img-box .img-text-bg{height: 40%;}

}
@media (min-width:768px) and (max-width:991px) {
    .sec2-wrap>.container>div:nth-child(1){margin-left: 7.5px;}
    .sec2-wrap>.container>div:nth-child(6){margin-right: 7.5px;}
    .sec2-wrap{height: 535px; margin-top: 45px;}
    .sec2-wrap .container .img-box{margin-right: 7.5px; width: 235px;margin-left: 7.5px;margin-bottom: 15px;
    margin-top:0px;}
    }
@media(max-width:767px) {
    .sec2-wrap>.container>div:nth-child(1){margin-left: 7px;}
    .sec2-wrap>.container>div:nth-child(6){margin-right: 7px;}
    .sec2-wrap{height: 270px; margin-top: 20px;}
    .sec2-wrap .container .img-box{margin-right: 7px; width: 29.5%;margin-left: 7px;margin-bottom: 15px;
    margin-top:0px;}
    .sec2-wrap .container .img-box .img-text-wrap .img-sub-title{display:block;}
    .sec2-wrap .container .img-box .img-text-bg{height: 40%;}
    .img-text-wrap{padding: 2px 0px;}
}