@charset "UTF-8";

/*해상도가 1024이하*/
@media(max-width:1200px){
    /* main */
    /* #mainVisual .swiper .desc {right: 10px;}
    #mainVisual .swiper .pageContainer {right: 55px;}
    #mainVisual .swiper .desc .big {font-size: 36px;}
    #mainVisual .swiper .desc {font-size: 18px;}
    #mainVisual .swiper .more {padding: 6px 24px;} */

    /* 기업소개 */
    .intro .company {width: 100%;margin-right: 0;}

    /* 연혁 */
    .history .desc_box > p::before {display: none;}

    /* 조직도 */
    .chart .quality {margin: 60px auto 80px;}
    .chart .quality::after {display: none;}
    .chart h3::before {height: 80px;}

    /* 오시는길 */
    .map .map_info > ul > li {padding: 1rem;}

    /* 사업소개 > 2차전지 */
    .battery_intro .step {padding-left: 15px;}
    .battery_intro .step > li {width: 39%;}

    /* 사업소개 > 소방안전 */
    .fire_intro .tabs > li {width: 42%;margin-bottom: 15px;}
    .fire_intro .tabs > li:nth-of-type(2n) {margin-right: 0;}
    .fire_intro .tabs > li > a {width: auto;}
    .battery_intro .background > li {width: 100%;height: auto;}
    .battery_intro .background > li:first-of-type {margin-right: 0;margin-bottom: 20px;}
    .fire_intro .temp {text-align: center;}
    .fire_intro .temp > li {width: 25%;}
    .fire_intro .from {text-align: center;}
    .fire_intro .capsule .desBx {display: block;margin: 15px auto 15px;}
    .fire_intro .capsule .cpsBx::after {display: none;}
    .fire_intro .capsule .cpsBx::before {display: none;}
    .fire_intro .capsule .cpsBx {margin: 0;}
    .fire_intro.battery_intro .step > li {width: 99%;margin-right: 0;}
    .battery_intro .step > li::after {display: none;}

    /* 적용사례 > 소방안전 */
    .fire_ex .fire_ex_list > li {width: 48%;}
    .fire_ex .fire_ex_list > li:nth-of-type(3n) {margin-right: 1.4%;}
    .fire_ex .fire_ex_list > li:nth-of-type(2n) {margin-right: 0;}

    /* 공지사항 */
    .default_bd_list .m_none {display: none;}
    .default_bd_post label {width: 100%;box-sizing: border-box;}
    .default_bd_post .cont_label {height: 49px;line-height: inherit;}
    .default_bd_post #bd_title {width: 100%;}
    .default_bd_post #cke_bd_content {width: 100%;}
    .default_bd_post .select_del {display: block;padding-top: 10px;padding-left: 10px;}
}

@media(max-width:1024px){

    /* 공지사항 */
    /* .default_bd_list .tit_col {width: 90%;}
    .default_bd_list .date_col {width: auto;}
    .default_bd_list .tbl thead th.date_th {display: none;}
    .default_bd_list td.date {display: none;} */

}

@media all and (min-width: 1024px) and (max-width: 1200px) {
	
}

@media(max-width:970px){
    /* header */
    #header .gnb {display: none;}
    #header .all_menu {display: none;}
    #header .logo {float: left;padding: 1rem;}
    #header #m_gnb_box {display: block;}

    /* footer */
    #footer {text-align: center;}
    #footer .footer_logo {margin-right: 0;margin-bottom: 15px;display: block;}
    #footer .info_box {display: block;}

    /* 기업개요 */
    .intro .vision > ul > li {width: 100%;}
    .intro .vision > ul > li:nth-of-type(2) {margin: 30px 0 30px;}

    /* 연혁 */
    .history .left {float: none;text-align: center;}
    .history .right {float: none;text-align: center;}
    .history .desc_box.right {width: 100%;;margin-right: 0;}
    .history .desc_box.left {width: 100%;margin-left: 0;}
    .history .desc_box > p::after {display: none;}
    .history::before {display: none;}
    .history::after {display: none;}
    .history .future .desc_box {margin-top: 26px;}
}

@media all and (min-width:320px) and (max-width:1023px){

}

@media(max-width:800px) {
    /* 조직도 */
    .chart h3::after {display: none;}
    .chart .team {width: 80%;margin: 0 auto;background-color: #f2f2f2;padding-top: 30px;border-radius: 10px;}
    .chart .team > li {width: 45%;margin-right: 0;margin-bottom: 20px;}
    .chart .team > li::before {display: none;}
    .chart .quality {margin: 60px auto 30px;}

    /* 오시는길 */
    .map .map_info > ul > li img {display: block;margin-right: 0;margin-bottom: 10px;}
    .map .map_info > ul > li br {display: block;} 
    .map .map_info > ul > li i {display: none;}

    /* 사업소개 > 소방안전 */
    .fire_intro .big {text-align: center;}
    .fire_intro .big > li > p {font-size: 16px;}
    .fire_intro .big > li > p > span:first-of-type {font-size: 18px;}

    /* 제품소개 > 소방안전 */
    .battery_pd .pd_banner > p {left: auto;right: 60px;color: #333;text-align: right;}

    /* 적용사례 > 2차전지 */
    .battery_ex .ex_list > li {width: 48%;}
    .battery_ex .ex_list > li:nth-of-type(3n) {margin-right: 1%;}
    .battery_ex .ex_list > li:nth-of-type(2n) {margin-right: 0;}
    
}

@media(max-width:640px){
    .container {width: 95%;}
    .sub_visu h1 {font-size: 36px;top: 64%;}

    /* main */
    /* #mainVisual .swiper .desc {width: 100%;right: 0;box-sizing: border-box;} */

    /* footer */
    #footer li {display: block;padding: 0;margin-bottom: 7px;font-size: 14px;}

    /* 사업분야 */
    .hardwear-list > li {padding-bottom: 3em;}
    .hardwear-list > li .number {width:40px;height:40px;}
    .hardwear-list > li .number span {font-size:1.25em;}
    .hardwear-list > li .textWrap {padding-left:0;}
    .hardwear-list > li .textWrap .sub {font-size:0.75em;height:20px;padding-left:50px;padding-top:0;}
    .hardwear-list > li .textWrap .ttl {font-size:1.125em;line-height:40px;padding-left:50px;}
    .hardwear-list > li .textWrap .sub + .ttl {line-height:20px;padding-bottom:0;}
    .hardwear-list > li .textWrap .point li {width:calc(100% / 2);}
    .hardwear-list > li .imgWrap {padding-left:0; justify-content: center; padding:1em 0;}
    .hardwear-list > li .imgWrap li {height:100px;}
    .hardwear-list > li:nth-child(4) .imgWrap li {height:80px;}
    .list_busi_type2 .con_title .btn_wrap {display: flex; justify-content: center;}

    .default_bd_view .link {width: 100%;
    display: flex;
    justify-content: center;}

    /* 기업개요 */
    .intro .company > ul > li.img_li img {width: 100%;}
    .intro .company > ul > li > span:first-of-type {display: block;}
    .intro .company > ul > li > ul {width: 100%;}
    .intro .business > ul > li {width: 100%;}
    .intro .business > ul > li:nth-of-type(1) {margin-right: 0;margin-bottom: 30px;}

    /* 사업소개 > 2차전지 */
    .battery_intro .step {padding-left: 0;}
    .battery_intro .step > li {width: 100%;margin-right: 0;}
    .battery_intro .step > li::after {display: none;}

    /* 사업소개 > 소방안전 */
    .fire_intro .big > li {width: 100%;margin-bottom: 20px;}
    .fire_intro .vid iframe {height: 343px;}

    /* 제품소개 > 2차전지 */
    .battery_pd .tabs > li {width: 100%;margin-right: 0;margin-bottom: 10px;}
    .battery_pd .tabs > li > a {width: 100%;box-sizing: border-box;}

    /* 시공사례 > 소방안전 */
    .fire_ex .fire_ex_list > li {min-height: 325px;}

}

@media(max-width:480px){
    /* main */
    /* #mainVisual .swiper .desc {bottom: 42%;transform: translateY(50%);border-radius: 0;}
    #mainVisual .swiper .pageContainer {bottom: calc(50% - 117px);transform: translateY(50%);} */

    /* lnb */
    .lnb {display: none;}

    /* 기업개요 */
    .intro .vision > p {font-size: 20px;}

    /* 조직도 */
    .chart .team > li {width: 100%;}

    /* 오시는길 */
    .map .map_box iframe {height: 250px;}

    /* 사업분야 */
    .hardwear-list > li .textWrap .point li {width:100%;}

    /* 사업소개 > 소방안전 */
    .battery_intro .background > li {padding: 20px;}
    .battery_intro .aegisUse > li {width: 45%;}
    .battery_intro .aegisUse > li strong {font-size: 16px;text-align: center;}
    .fire_intro .temp > li {width: 100%;margin-right: 0;margin-bottom: 10px;}
    .fire_intro .small > li {width: 100%;margin-right: 0;}

    /* 제품소개 > 2차전지 */
    .battery_pd > ul > li .pd_tit br {display: block;}

    /* 제품소개 > 소방안전 */
    .battery_pd .use > ul > li {width: 100%;margin-right: 0;}
    .battery_pd .use > ul > li > img {width: 100%;}
    .battery_pd .pd_banner > p {right: 50%;transform: translate(50%, -50%);width: 100%;text-align: center;}

    /* 공지사항 */
    .default_bd_list .tbl thead th {letter-spacing: -0.123rem;}

}

@media(max-width:320px){

}


@media(max-height:720px){
    /* #mainVisual .swiper {height:calc(100vh - 230px);} */
}
