/* 2025-06-17 13:51:45 */
@media (min-width:1521px)  {
    /* .header div ul.gnb {width:1134px;} */
    .header div ul.gnb {width:1070px;}
}

@media (max-width: 1520px) {
    .wd1520{width:95%;}
    html{font-size:9.4px;}
}

@media (max-width: 1200px) {
    .wd1200{width:95%;}
    html{font-size:9px;}
    .header div ul.gnb{width:60vw;}
    .header div ul.commu li a img{width: 34px;}
    .header div ul.commu li.mmenu a img{width:auto;}
	
    .product-slide .bx-controls.bx-has-controls-direction div a.bx-prev{left:-2.4rem;}
    .product-slide .bx-controls.bx-has-controls-direction div a.bx-next{right:-2.4rem;}
    .footer{padding: 2rem 3rem;text-align: center;}
    .footer .logo-f{max-width: 90%;}
    .footer .callcenter{position:static;width:100%;margin-bottom:4rem;box-sizing: border-box;border-radius:0 0 8px 8px;}

    .sub-content .subintro06 div .con .certification{padding:0 0%;}
    .sub-content .subintro06 div .con .certification ul li{width:33.33%;}
	
	.top{position:static;width:100%;display:block;height:auto;padding:1rem 0;background:transparent;border: 1px solid #606565;border-bottom:0;}
	.top br{display:none;}
}

@media (max-width: 1000px) {
    .header div ul.commu li{display: none;}
    .header div ul.commu li.mmenu{display:inline-block;}
    .header div ul.gnb{display:none;}

    .main-visual #mainSlider div p{font-size:3rem;line-height: 1.2;}
    .main-visual #mainSlider div p b{font-size:1.6em}

    html{font-size:8.7px;}

    .sub-content .subDivide div{overflow:visible;}
    .sub-content .subDivide div h4{float:none;width:100%;text-align:left;border-top:0;margin-bottom:4rem;}
    .sub-content .subDivide div h4 br{display:none;}
    .sub-content .subDivide div h4::before{content:''; height:1px; width:3.7em;background:#333; display:block;margin-bottom:0.3em;}
    .sub-content .subDivide div .con{float:none;width:100%;}

    .sub-content .subemplo01 div .payintro{flex-direction: column;gap:2rem;}
    .sub-content .subemplo01 div .payintro h3{width:100%;padding:1em;margin:0;}
    .sub-content .subemplo01 div .payintro h3 br{display:none;}
    .sub-content .subemplo01 div .payintro .txt{width:100%;text-align:center;}

    .sub-content .subemplo02 div .payintro02 .con{flex-direction: column;}
    .sub-content .subemplo02 div .payintro02 .con .img-p-bbg{width:100%;box-sizing: border-box;}
    .sub-content .subemplo02 div .payintro02 .con .bd-outline{width:100%;box-sizing: border-box;}

    .listProduct li{flex-direction: column;}
    .listProduct li .img{width:600px; max-width:100%; margin:0 auto;}
    .listProduct li .con{width:600px; max-width:100%; margin:0 auto;}

    .pro-intro {flex-direction: column;}
    .pro-intro .img{width:600px; max-width:100%; margin:0 auto;}
    .pro-intro .con{width:600px; max-width:100%; margin:0 auto;}
}

@media (max-width: 767px) {
	.sub-content .subemplo02 div .payintro02 .con .bd-outline .flimg{float:none;margin:2rem auto;display:block;max-width:100%;}
    .sub-content .subintro01 {padding:8rem 0;}
    .sub-content .subintro01 > div{flex-direction: column;}
    .sub-content .subintro01 div span,.sub-content .subintro01 div .txt{width:100%;}
    /*.sub-content .subintro01 div .txt br{display:none;}*/
    .sub-content .subintro01 div span{padding-top:4rem; padding-bottom:4rem;}

    .tb2 colgroup{display:none;}
	.tb2 tr{display:flex;flex-wrap: wrap;padding-top:1em;}
	.tb2 tr th{width:100%;text-align:left;border-bottom:0;padding:0.6em 1em 0.2em 1em;}
	.tb2 tr th br{display:none;}
	.tb2 tr td{width:100%;padding:0;padding:0 1em 1.6em 1em;}

    .tb2 th{width:5em;}
	.tb2 td.wd30 > *{width:calc(33% - 3em) !important;min-width:calc(33% - 3em) !important;}

    .subcustab li{width:100%;}
    .subcustab li a{width:100%;}

    .tbBoardList{border-top:1px solid #333;}
    .tbBoardList thead,.tbBoardList colgroup{display:none;}
    .tbBoardList tbody tr{display:flex; flex-wrap:wrap;padding:1em;}
    .tbBoardList tbody tr td{padding:0.2em;}
    .tbBoardList tbody tr td:nth-child(1){display:none;}
    .tbBoardList tbody tr.notice td:nth-child(2)::before{content:'[공지] ';font-weight:bold;}
}

@media (max-width: 600px) {
    .m02{background:url('../images/m02-bg.png') no-repeat left 40% center / cover;padding:10rem 0 8rem;font-size:1.6rem;overflow:hidden;}

    .m02 .wd1200 div h3{text-align: center;}
    .m02 .wd1200 div{text-align: center;}
    .m02 .wd1200 div .contact-serve .contact-serve-one{padding-left:0;}
    .m02 .wd1200 div .contact-serve .contact-serve-one label{position: static;text-align: left;display:block;width:100%;transform: translateY(0%);}
    .pc600{display:none;}
    .m600{display:block;}

    .sub-content .subintro03 div .con .introSite{flex-direction: column;}
    
    .sub-content .subintro05 div .con .pripurchase .pripur-halfintro{flex-direction: column;}
    .sub-content .subintro06 div .con .certification ul{flex-direction: column;}
    .sub-content .subintro06 div .con .certification ul li{width:100%;}
    .sub-content .subintro06 div .con .certification ul li ~ li{margin-top:3rem;}
    
    .sub-visual.produ.abar{padding-bottom:30rem;}
    .sub-visual.produ.abar .subvi-bottom{flex-wrap: wrap;height:auto;gap:5px;padding-bottom:9rem;}
    .sub-visual.produ.abar .subvi-bottom .subvi-bottom-absol{bottom:1.9rem;top:auto;width:100%;text-align:right;}
    .sub-visual.produ.abar .subvi-bottom select{width:100%;}
    .sub-visual.produ.abar .subvi-bottom .subvi-bottom-absol select{width:auto;}
    .sub-visual.produ.abar .subvi-bottom .search-box{padding:0.3em 1em 0.3em 0.5em;margin-left:0; width:100%;}
    .sub-visual.produ.abar .subvi-bottom .search-box input{width:100%;}

    .sub-content .subpro02 div .con .cunsultDetail .pro-s-box{flex-direction: column;}
    .sub-content .subpro02 div .con .cunsultDetail .pro-s-box .img{width:300px; border-right:0;max-width:100%; margin:0 auto;}
    .sub-content .subpro02 div .con .cunsultDetail .pro-s-box .con{width:100% max-width:100%; margin:0 auto;box-sizing:border-box;border-top:1px solid #ddd;}
}

@media (max-width: 480px) {
    html{font-size:8px;}
    .sub-content .subemplo03 div .payintrotbs h3 br{display:none;}

    .sub-content .subpro01 div .con .privacy .privacy-s-box{flex-direction: column;}
    .sub-content .subpro01 div .con .privacy .privacy-s-box .tit{width:100%;border-right:0;padding:1em 0;order:1;}
    .sub-content .subpro01 div .con .privacy .privacy-s-box .tit br{display:none;}
    .sub-content .subpro01 div .con .privacy .privacy-s-box .con{width:100%;box-sizing:border-box;}
}