/**/

@charset "utf-8";

@media screen and (max-width:1400px){
	.inner{width:100%; padding-left:50px; padding-right:50px}
	.main_swiper {padding-left:50px; padding-right:50px}
	.index_sec2 .conbox1 .col-box1 {left:0%; top: 45%;}
	.index_sec3 {margin: 0 50px; margin-bottom: 50px !important;;}

}/*~pc 낮은 해상도*/

@media screen and (max-width:1200px){
	.product {width:100%}
}


@media screen and (max-width:1023px){
	.header .gnb > li {font-size:15px}
	.header .gnb {gap:50px}
	.footer .flexbox {gap: 0px 50px;}
	
	/*서브*/
	.company .box2_ul {gap:50px}
	.company .con_box3 {gap:50px}
	.info .info_ul {gap: 20px; flex-direction: column;}

}/*~테블릿 가로*/

@media screen and (max-width:767px){
	.inner{padding-left:20px; padding-right:20px}
	.index_sec3 {margin: 0 20px;}
    .header .gnb, 
	.header .lagnbox {display:none}
	.hamburger {display: grid;}
	.main_swiper {padding-left:20px; padding-right:20px}
	.index_sec2 .conbox {flex-direction:column}
	.index_sec2 .conbox.conbox2{flex-direction:column-reverse;}
	.index_sec2 .designbox {flex: auto}
	.index_sec2 .conbox {align-items: flex-start;}
	.index_sec2 .txtbox {padding-left: 40px; padding-top: 40px !important; position: relative; z-index: 3;}
	.index_sec2 .conbox2 .img1 {width: 75%;}
	.index_sec2 .conbox2 .img2 {width: 100%;}
	.index_sec2 .designbox {margin-top:60px}
	.index_sec2 .conbox.conbox1 .designbox {margin-top:0}
	.index_sec2 .conbox .designbox img{width:100%}
	.lnb > li > a {font-size: 15px;}
	
	/*sub*/
	.company .con_box1 {flex-direction: column;}
	.company .img {height:200px}
	
	.brand .con_box1 {flex-direction: column; padding-top: 0;}
	.brand .con_box1 .imgbox {width:100%}
	.brand .con_box1 .txtbox {margin-left: 0; width:100%}
	.brand .con_box2 {flex-direction: column-reverse;}
	.brand .con_box2 .imgbox {width:100%; padding-top:0}
	.brand .con_box2 .txtbox {margin-right:0; width:100%}
	.brand .con_box2 .designbox {display:none}

	.product .sec2 {    flex-direction: column;}
	.lnb {width:100%;}

}/*~모바일 가로, 태블릿*/


@media screen and (max-width:500px){
	.intervar150 {padding: 80px 0;}
	.intervar100 {padding: 80px 0;}
	.main_swiper .visual_swiper {height: 500px;}
	.main_swiper .visual_swiper.pc_sw{display:none}
	.main_swiper .visual_swiper.mo_sw{display:block}
	.main_swiper .cust_fraction span {width:40px; height:40px}
	.index_sec2 .conbox1 .designbox {height: 390px;}
	.index_sec2 .txtbox {padding-left: 0;}
	.index_sec2 .conbox1 .col-box2 {top:65%}
	.index_sec2 .conbox1 .col-box1 {left: 3%; top: 55%;}
	.index_sec2 .index_sec_tit {font-size: 27px;}
	.index_sec2 .index_sec_detail {font-size: 17px;}
	.index_sec2 .conbox2 .col-box1 {bottom:-14%}
	.index_sec2 .index_sec_detail .pc_br{display:none}
	.index_sec3 .sec3_tit {font-size: 22px;}
	.index_sec3 .patner_swiper li {padding:10px}
	.footer .fbox.coumnbox {align-items: flex-start; padding: 5px 0;}
	.footer .fbox.coumnbox .infotxt{line-height: 1.5; width: calc(100% - 65px);}
	.footer .copy{padding-top:20px}
	
	/*sub*/
	.company .con_box1{padding-top: 50px;}
	.sub .pc_br{display:none}
	.sub_tit {font-size: 26px; padding: 50px 0 60px;}
	.sub_tit:after{bottom:32px}
	.company .dot_txt{font-size: 16px;}
	.company .com_tit {font-size: 24px;padding:15px 0}
	.company .con_box1 {gap:10px}
	.company .his_ul > li{padding-left: 60px;}
	.company .detailbox {font-size: 14px;}
	.company .tit_detail {font-size: 15px;}
	.company .box2_ul {gap: 50px; flex-direction: column;}
	.company .box2_tit {min-height:auto}
	.company .box2_tit {font-size: 16px; padding:15px 0}
	.company .box2_detail {font-size: 14px;line-height: 1.6;}
	.company .con_box3 {gap: 50px; flex-direction: column;}
	.company .his_ul .year_tit {font-size: 17px;}
	.company .his_ul .year_txt {font-size:14px}
	.company .his_ul .year_txt+.year_txt {padding-top: 15px;}
	.brand .txt {font-size: 14px;padding: 20px 0;line-height: 1.6;}
	.brand .txtbox {padding: 50px 25px;}
	.brand .con_box3 .img {margin-top: 50px;}
	.brand .con_box3 {padding-bottom: 80px;}
	.info .intervar150 {padding:50px 0}
	.info .box {padding:50px 20px}
	.info .con_box2 .txt {font-size: 15px;}
	.info .con_box2 a {padding: 15px; font-size: 14px;}
	.info .info_txt {font-size:15px}
	.info .info_ul {gap: 10px}
	.header .mo_lang > li > a{font-size: 16px;}
	
	.product .sec1 {flex-direction: column;}
	.product .chartxt > span {font-size: 13px;padding-top: 10px;display: block;}
	.product .txtbox {text-align: center;}
	.product .img {width: 100%;}
	.product .stit {font-size: 15px;}
	.product .gtit {font-size: 16px; padding: 10px 0;}
	.product .ptit {font-size: 24px;}
	.product .infotit {font-size:16px}
	.product .chartxt {font-size: 14px;padding-top: 18px; padding-left: 25px;}
	.product .chartxt:before {font-size:11px; width: 18px; height: 18px;}
	.product .chart > li {font-size: 13px;}
	.product .chart {grid-template-columns: 1fr;}
	.product .chart > li:nth-child(2) {border-top:0}
	.brand .con_box3 .detail{font-size: 15px;line-height: 1.6;}
	
	.mo_nav{display: block; border: 1px solid var(--90); background: #fff; border-radius: 15px; font-size: 15px; padding: 10px 30px; position: relative; animation:mo_aos 1s ;}
	.mo_nav:after {content: "\e313"; font-family: "Material Symbols Outlined"; position: absolute; right: 20px; font-size: 23px; color: var(--primary1); transition: .3s;  font-weight: 300; line-height: 1;}
	.mo_nav.on:after { transform: rotate(180deg);}
	.lnb {flex-direction: column; background: #fff; border: 1px solid var(--primary1); font-size: 18px; gap: 0px; position: absolute; width: calc(100% - 40px); left: 0; transform: scaleY(0); opacity: 0; transform-origin: top;  transition: .3s; z-index: 1;border-radius: 20px; margin-left: 20px; margin-right: 20px;}
	.mo_nav.on + .lnb{opacity: 1; transform: scaleY(1);}
	


}/*~모바일*/


@media (max-width: 650px){
	.header{height: 65px;}
	.hd_logo img{width: 100%;max-width: 150px;}
	.index_sec2 .conbox2 .img1{width: 100% !important;}
	.main_swiper{padding:  0 !important;}
	.index_sec2 .index_sec_tit{font-size: 24px !important;}
	.index_sec2 .index_sec_detail{font-size: 15px !important;}
	.index_sec3{margin: 0 !important}
	.company .img{border-radius:20px }
	.product .addTxt {font-size:14px}
}