@charset "utf-8";



/*메인*/
#wrapper{
    min-width: 290px;
}
#wrapper:has(.main_visual),#container_wr:has(.main_visual),#container:has(.main_visual){width: 100%; max-width: 100%; overflow-x: hidden;}
/* .main_visual{background: black url(../../../img/main_img1.png) no-repeat center center / cover; height: calc(100vh - 120px);} */
.main_keyword{margin-top: 80px; display: flex; gap: 24px;}
.main_keyword.keyword2{margin-top: 24px;}
.main_keyword .list{display: flex; flex-wrap: nowrap;    line-height: 1; padding: 20px 40px 20px; border: 2px solid #ddd; border-radius: 50px;}
.main_keyword .list p::before{content: "#";}
.main_keyword .list:hover{border-color: #009FE1; background: #009FE1; color: white;}
/* 여백 마진 */
.main_container{padding: 200px 200px 200px;}
.main_container h2{font-size: 5rem; font-weight: 700; margin-bottom: 36px; text-align: center; line-height: 1;}
.main_container h3{font-size: 2rem; margin-bottom: 120px; text-align: center; line-height: 1; font-weight: 400; opacity: 0.8;}
.main_container.con1{background: url(../../../img/main_bg1.png) no-repeat bottom center; padding: 100px 0;}
.labstatusSwiper{max-width: 1920px;}
.main_container.con1 .boxs{margin: 0 auto 0;display: flex;gap: 40px;align-items: flex-start;/* justify-content: center; */max-width: 1760px;}
.main_container.con1 .box{cursor: pointer;border-radius: 60px;padding: 508px 40px 80px;color: white;text-align: center; max-width: 540px;display: flex;flex-direction: column;align-items: center;}
.main_container.con1 .box b{font-size: 2.5rem; font-weight: 700; display: block; line-height: 1; margin-bottom: 24px;}
.main_container.con1 .box p{line-height: 1.5; font-size: 1.25rem; opacity: 0.8;}
.main_container.con1 .box1{background: black url(../../../img/main_img2.png) no-repeat center center / cover; margin-top: 343px;}
.main_container.con1 .box2{background: black url(../../../img/main_img3.png) no-repeat center center / cover;}
.main_container.con1 .box3{background: black url(../../../img/main_img4.png) no-repeat center center / cover; margin-top: 203px;}
.main_container.con1 .box4{background: black url(../../../img/main_img4+1.png) no-repeat center center / cover; margin-top: 364px;}
.main_container.con1 .box5{background: black url(../../../img/main_img4+2.png) no-repeat center center / cover;}
.main_container.con2{background: #003C7D;}
.main_container.con2 h2,.main_container.con2 h3{color: white;}
.main_container.con3{padding-bottom: 120px;}
/* 여백 마진 */
.main_container.con4{padding:0 200px 0;max-width: 1760px;margin: 0 auto;}
.main_container.con4 a{display: block;padding: 77px 80px 57px; position: relative;}
.main_container.con4 a b{font-weight: 700; font-size: 2.5rem; line-height: 1; margin-bottom: 16px; display: block;}
.main_container.con4 a p{font-weight: 400;font-size: 20px;line-height: 1.5;}
.main_container.con4 a::before{content: "*"; position: absolute; top: 30px; left: 40px; color: #003C7D; font-weight: 500; font-size: 4.375rem;}
.main_container.con4 a:first-child{background: url(../../../img/main_img5.png) no-repeat center center / cover; margin-bottom: 40px;}
.main_container.con4 a:nth-child(2){background: url(../../../img/main_img6.png) no-repeat center left 20% / cover;}

/*서브공통*/
body:not(:has(.main_visual)) #hd{border-bottom: 1px solid #ddd; margin-bottom: 160px;}
.subpage_top h2.page_title{line-height: 1; font-size:72px   ; font-weight: 700; margin-bottom: 24px; text-align: center;}
.subpage_top .bread{display: flex; gap: 8px; margin-bottom: 80px; font-weight: 400; line-height: 1; align-items: center; justify-content: center; font-size: 1.125rem;}
.subpage_top .bread b{font-weight: 600;}
/* 여백 마진 */
.subpage_container{padding: 0 200px; max-width: 1760px; margin: 0 auto;}
@media screen and (max-width: 900px) {
    body:not(:has(.main_visual)) #hd{border-bottom: 1px solid #ddd; margin-bottom: 57px;}
    .subpage_top h2.page_title{font-size: 32px;}
    .subpage_top .bread { font-size: 18px; display: flex; align-items: center; justify-content: center; gap: 4px; margin-bottom: 55px; padding: 0 16px;}
    .subpage_top .bread img { width: 16px; height: 16px; vertical-align: middle; }
    .subpage_container{padding:0 20px;}
}


/* 1600px 이하일때 */
@media (max-width: 1600px){
    .con_1600px{width: 1400px;}
}

/* 1400px 이하일때 */
@media (max-width: 1400px){

#gnb #gnb_1dul {padding:0;zoom:1; display: flex; gap: 80px;}
    
    .swiper-button-next:after, .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: 16px !important;
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
    }
    .main_visual .plus img{
        width: 20px;
    }
    div#hd{width: 100%; padding: 0 16px 0;}
    .maintop-slide-content{width: 100%; padding: 0 8% 0; margin-top: 8%;}
    .maintop-title{font-size: 64px;margin-bottom:32px}
    .maintop-slide{background-position: bottom right !important; background-size: auto 80% !important;}
    .maintop-pagination{padding: 0 8% 0; margin-top: -16%;}
    .con_1400px{width: 100%; padding: 0 16px 0;}
    .main_big_text{font-size: 64px;}
    .con_1600px{width:100%;}
    #ft.bri{padding-left: 16px; padding-right: 16px;}
    #ft.bri .bt_bar .infoandlink{width: 100%; padding-left: 16px; padding-right: 80px; height: 40px;}
    #ft.bri .bt_bar .infoandlink .info_group .data2, #ft.bri .bt_bar .infoandlink .info_group .data3, #ft.bri .bt_bar .infoandlink .info_group .data1::after, #ft.bri .bt_bar .infoandlink .info_group .data1::after{display: none;}
    #ft.bri .bt_bar #top_btn{right: 16px;}
    #ft.bri #ft_wr{width: 100%; max-width: 1760px;}
    #ft.bri #ft_wr .left{width: 300px;}
    #ft.bri #ft_wr .right{width: calc(100% - 300px);}
    #ft.bri #ft_wr .left div.btn{width: 286px;}
    #ft.bri #ft_wr .left div:nth-child(2){font-size: 38px;}
    #ft.bri #ft_wr .right div:first-child,#ft.bri #ft_wr .right div:nth-child(2){display: none;}
    .d-flex #gnb #gnb_1dul li.miso{display: none;}
    .con_100per.main05{padding: 32px 0 32px; overflow: hidden; position: relative;}
    .con_1600px .logo-slider{animation: slide-infinite 15s linear infinite;}
    .con_100per.main05 .con_1600px{width: auto; display: flex;}
    .con_1400px .title{font-size: 40px; line-height: 1.2; margin-bottom: 40px;}
    .con_1400px .sub_title{margin-bottom: 40px;}
    #wrapper{margin-top: 0;}
    .main05 ul.d-flex.logo-slider:nth-child(2){display: flex;}
    ul.icon{display: none;}
}

/* 1024px 이하일때 */
@media (max-width: 1024px){
    .subpage_container{padding: 0 16px;}
    .main_container.con4 a p{line-height: 1.5;}
}

@media (max-width: 1300px){
    .subpage_container{padding: 0 20px;}
    #ft_wr {
    width: 100%;
    margin: 0 auto 0;
    padding: 80px 16px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    text-align: left;
    flex-direction: column;
    gap: 20px;
}
}

/* 1400px 이하일때 */
@media (max-width: 1400px){
    #hd_wrapper {
        height: 70px;
    }
    .d-flex:has(#logo){align-items: center; padding: 16px 0 16px;}
    #gnb #gnb_1dul ul.icon {display: flex !important;}
    .d-flex #gnb .gnb_1dli.gnb_al_li_plus{display: none;}
    #ft.bri .bt_bar .infoandlink .info_group span b{display: none;}
    #wrapper{margin-top: 0;}
    .maintop-title{font-size: 52px;}
    #ft.bri .bt_bar .infoandlink .link_group{display: none;}
    #ft.bri #ft_wr{flex-direction: column;}
    #ft.bri #ft_wr .left, #ft.bri #ft_wr .right{width: 100%; text-align: center;}
    #ft.bri #ft_wr .left a{display: inline-block; width: 40%; margin: 0 4px 0;}
    #ft.bri #ft_wr .left div a{width: 100%;}
    #ft.bri #ft_wr .left div.btn{width: 100%;}
    #ft.bri #ft_wr .left div:nth-child(3) span{margin-top: 12px;}
    #ft.bri #ft_wr .right div:nth-child(3){justify-content: center;}
    .maintop-pagination{margin-top: calc(-60px + -20%);}
    .main03 .bg div:first-child{background-position-x: 14px;}
    .main03 .bg div:last-child{background-position: right bottom;background-position-x: 130%;}
    .maintop-slide{background-size: auto 70% !important; background-position: right -80px bottom !important;}
    


}

/* 500px 이하일때 */
@media (max-width: 500px){
    #logo {padding: unset;}
    #gnb .gnb_1dli {float:left;line-height:0;padding:0px;position:relative}
    div.con_100per{padding: 100px 0 100px;}
    .maintop-slide-active .maintop-title{line-height: 1.2; font-size: 32px;}
    .maintop-slide-active .maintop-description br{display: none; font-size: 16px; line-height: 1.4;}
    .main_big_text{font-size: 40px;}
    .main03 .main_small_text, .main03 .main_big_text, .main04 .main_small_text, .main04 .main_big_text{text-align: center;}
    .con_100per.main05{padding: 24px 0 24px;}
    /* .d-flex #logo img{height: 40px; width: auto;} */
    .d-flex #hd_wrapper:has(#logo){height: 32px;}
    .d-flex:has(#logo){align-items: center; padding: 16px 0 16px;}
    #gnb #gnb_1dul ul.icon li{width: 20px;}
    #gnb #gnb_1dul ul.icon li.btn-opn {padding-top: 12px;}
    #ft.bri #ft_wr .left a{width: 45%;}
    #ft.bri .bt_bar .infoandlink .info_group .data1{font-size: 15px; letter-spacing: -0.5px;}
    #ft.bri .bt_bar .infoandlink .info_group span{font-size: 15px; font-weight: 800; padding: 0; letter-spacing: -0.5px; margin-right: 4px;}
    #ft.bri .bt_bar .infoandlink .info_group .smp span{background: none; color: #8DC63F;}
    #ft.bri .bt_bar .infoandlink .info_group .rec span{background: none; color: #157BD5;}
    #ft.bri .bt_bar .infoandlink{padding-right: 64px;}
    #ft.bri .bt_bar .infoandlink .info_group .rec{margin-left: 16px;}
    .maintop-slide-content{margin-top: 16%;}
    div.main_latest div.swiper-slide{padding: 32px;}
    .main_latest div.swiper-slide .item_content{margin-bottom: 16px;}
    div.main_latest div.main-latest-prev.swiper-button-prev{left: -8px;}
    div.main_latest div.main-latest-next.swiper-button-next{right: -8px;}
    #ft.bri #ft_wr .left div.btn{font-size: 16px;}
    #ft.bri #ft_wr .right div:nth-child(3) span{margin: 0 8px 0;}
    #ft.bri #ft_wr .right div:nth-child(4){font-size: 15px; font-weight: normal; line-height: 1.4;}
    #ft.bri #ft_wr .right div:nth-child(5){font-size: 15px;}
    .con_1600px .logo-slider{gap: 8px;}
    .con_1600px .logo-slider img{height: 52px; width: auto;}
    .sub_bann .page_title{font-size: 42px;}
    .sub_bann .crumb{font-size: 16px;}
    .sub_bann{height: 320px;}
    .con_1400px .title{font-size: 36px; line-height: 1.2;}
    .con_1400px .sub_title{font-weight: normal; line-height: 1.4;}
    #maintop_slide{height: calc(90vh - 100px);}
    #ft.bri #ft_wr .left div:nth-child(2){font-size: 32px; margin-top: 8px;}
    .p_title{font-weight: 700;}
    .maintop-slide{background-size: auto 80% !important; background-position: right -140px bottom !important;}
}

#bo_list .tbl_head01{padding: 0 !important;}