@charset "utf-8";

.mobile .main{margin-top: 60px;}
.mobile .bnr_video .vd_frame{padding-bottom: 0;height: 100%;}
.mobile .main_bnr_swiper iframe{pointer-events: auto;}

/*반응형*/
@media(max-width: 1900px){
}

@media(max-width: 1500px){
	.inner{max-width: 100%;padding-left: 50px;padding-right: 50px;}

	.main > article + article{padding-bottom: 100px;}
	.main2{padding-top: 100px;}
	.at_tit{margin-bottom: 40px;}
	.main_bnr_swiper .swiper-slide:not(.bnr_video){padding-bottom: 40px;}
	.swiper-horizontal.main_bnr_pagination > .swiper-pagination-bullets,
	.main_bnr_pagination.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom, .swiper-pagination-fraction{bottom: 60px;}
	.bnr_box{padding: 40px 40px 60px;}
	.bnr_txt{font-size: 36px;}
	.bnr_desc{font-size: 22px;margin-top: 15px;}
	.product_ul{margin: 0 -10px -20px;}
	.product_ul > li{padding: 0 10px;margin-bottom: 20px;}
	.industry_ul{margin: 0 -10px;}
	.industry_ul > li{padding: 0 10px;}
	.reference_ul{margin: 0 auto -20px;max-width: 855px;}
	.reference_ul > li{margin-bottom: 20px;}
	.client_btn{position: relative;top: auto;transform: none;}
	.client_prev{right: auto;transform: rotate(180deg);}
	.client_next{left: auto;}
	.client{display: flex;align-items: center;}
	.client_swiper{margin:  0 20px;}

	#sub_div > .inner{padding-top: 100px;padding-bottom: 100px;}
	.about > article + article{margin-top: 100px;}
	.about_1 .thum{margin-top: 60px;}
	.about_tit{font-size: 36px;}
	.about_ul{margin-left: -10px;margin-right: -10px;}
	.about_ul > li{padding: 0 10px;}
	.about_ul .item{padding: 60px 0;}
	.about_ul .tit{font-size: 24px;}
	.about_3{padding: 100px 0;}
	.about_4 .thum{width: 20%;max-width: 280px;min-width: 110px;margin-right: 40px;}

	.product_view .at_tit{margin-top: 150px;}
	.pd_thum_swiper{margin-top: 10px;}
	.vd_wrap.w50 > .vd_frame {width: 49%;padding-bottom: calc(56.25% * 0.49);}

	.contact .about_tit{margin-bottom: 60px;}
}

@media(max-width: 1440px){
	.menu > li > a{padding: 0 35px;}
	.about_3 .nbsp{display: none;}
	.about_3 .nbsp2{display: block;}
}

@media(max-width: 1280px){
	.header{height: 80px;}
	.header .logo{width: 100px;}
	.menu > li > a{padding: 0 24px;font-size: 18px;}
	.submenu{padding-top: 24px;}
	.submenu > li + li{margin-top: 10px;}
	.submenu > li > a{font-size: 16px;}
	.header.menu_on .menu_bg, .header.menu_on .submenu{height: 280px;}
	.lang_wrap{font-size: 13px;}
	.current_lang{width: 107px;height: 34px;}
	.lang_wrap .icons{margin-right: 5px;font-size: 18px;}
	.lang_ul > li > a{padding: 5px 10px;}

	.main{margin-top: 20px;}
	.at_tit > span:before,
	.at_tit > span:after{left: calc(100% + 30px);}
	.main_bnr_swiper .swiper-slide:not(.bnr_video){padding-bottom: 30px;}
	.swiper-horizontal.main_bnr_pagination > .swiper-pagination-bullets,
	.main_bnr_pagination.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom, .swiper-pagination-fraction{bottom: 50px;}
	.bnr_box{padding: 40px 40px 50px;}
	.bnr_txt{font-size: 28px;}
	.bnr_desc{font-size: 20px;margin-top: 12px;}
	.bnr_box .yw_btn{font-size: 18px;}

	#sub_div{margin-top: 80px;}
	.about_ul{margin-top: 40px;}
	.about_ul .item{padding: 40px 20px;}
	.about_ul .thum{height: 60px;}
	.about_ul .thum img{transform: scale(0.9);transform-origin: center bottom;}
	.about_ul .tit{font-size: 22px;margin-top: 30px;margin-bottom: 15px;}
	.about_ul .desc{}
	.about_3 .desc, .about_4 .desc{font-size: 18px;}

	.product_view .at_tit{margin-top: 100px;}
	.pd_v_txt{padding-left: 40px;}
	.pd_v_txt .txtbox + .txtbox{margin-top: 50px;}

	.pop_Inds .yw_btn{font-size: 18px;}
}

@media(max-width: 1100px){
	.about_ul > li:nth-child(3) .desc br{display: none;}
}

@media(max-width: 1080px){
	.inner{padding-left: 20px;padding-right: 20px;}
	.header{height: 60px;}
	.header .logo{width: 85px;}
	.mo_ham, .mo_header{display: block;}
	.menu_wrap, .menu_bg{display: none;}
	.current_lang {width: auto;}
	.lang_wrap .icons{display: none;}
	.lang_wrap img{margin-left: 10px;}

	.main{margin-top: 0;}
	.main > article + article{padding-bottom: 80px;}
	.main2{padding-top: 80px;}
	.at_tit{margin-bottom: 30px;}
	.client_btn .icons{font-size: 20px;}

	#sub_div{margin-top: 60px;}
	#sub_div > .inner{padding-top: 80px;padding-bottom: 80px;}
	.about > article + article{margin-top: 80px;}
	.about_1 .thum{margin-top: 40px;}
	.about_tit{font-size: 32px;}
	.about_3{padding: 80px 0;}
	.about_4 .d_flex{display: block;}
	.about_4 .thum{margin-right: 0;margin-bottom: 20px;}

	.product_view .at_tit{margin-top: 80px;}

	.contact .about_tit{margin-bottom: 40px;}

	#ctt_con .p01{font-size: 17px;}
	#ctt_con .p02{font-size: 15px;}
	#ctt_con .p03{font-size: 14px;}
}

@media(max-width: 991px){
	/*태블릿 시작, hover 제거*/
	.lang_ul > li:hover{background: #fff;}
	.main_bnr_btn{color: #fabe00;}
	.industry_ul .item:hover .thum img,
	.reference_ul .item:hover .icons,
	.reference_ul .item:hover .thum img {transform: none;}
	/*태블릿 시작, hover 제거*/
	.main_bnr_swiper .swiper-slide:not(.bnr_video){padding-bottom: 20px;}
	.swiper-horizontal.main_bnr_pagination > .swiper-pagination-bullets,
	.main_bnr_pagination.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom, .swiper-pagination-fraction{bottom: 30px;}
	.bnr_box{padding: 40px;}
	.bnr_txt{font-size: 24px;}
	.bnr_desc{font-size: 18px;}
	.bnr_box .yw_btn{padding: 12px 26px;}
	.item .txt{font-size: 18px;}
	.product_ul{margin: 0 -5px -10px;}
	.product_ul > li{padding: 0 5px;margin-bottom: 10px;width: 50%;}
	.industry_ul{flex-direction: column;align-items: center;margin: 0 auto -10px;}
	.industry_ul > li{padding: 0;margin-bottom: 10px;}
	.reference_ul{margin-bottom: -10px;}
	.reference_ul > li{padding: 0 5px;margin-bottom: 10px;width: 33.33%;}
	.reference_ul .item{min-width: auto;}
	.reference_ul .yw_box{width: 50px;}
	.at_tit > span{font-size: 26px;}
	.at_tit > span:before,
	.at_tit > span:after{left: calc(100% + 20px);}
	.footer{font-size: 15px;padding: 35px 0;}
	.ft_div{flex-direction: column;}
	.sns_ul{margin-top: 24px;}
	.footer .btm{margin-top: 24px;}
	.term_ul{order: -1;margin-bottom: 24px;}

	.about_ul{display: block;max-width: 500px;margin-left: auto;margin-right: auto;}
	.about_ul > li{margin-bottom: 20px;padding: 0;}
	.about_ul > li:nth-child(3) .desc br{display: block;}

	.product_view .at_tit{margin-top: 60px;}
	.pd_v_top {display: block;}
	.pd_v_top > *{width: 100%;}
	.pd_v_thum{max-width: 700px;margin: 0 auto;}
	.pd_v_txt{padding-left: 0;margin-top: 40px;}
	.vd_wrap.w50{display: block;}
	.product .vd_wrap:not(.w50){max-width: 90%;}
	.vd_wrap.w50 > .vd_frame{width: 100%;padding-bottom: 56.25%;}
	.vd_wrap.w50 > .vd_frame + .vd_frame{margin-top: 20px;}
	.tit_1{font-size: 24px;}

	.contact{max-width: 560px;margin: 0 auto;}
	.ct_info{margin-right: 0;}

	.pop_Inds{padding: 30px;aspect-ratio: 1140 / 500;}
	.pop_Inds .thum{margin-right: 30px;}
	.pop_Inds .tit{font-size: 20px;}
	.pop_Inds .desc{font-size: 16px;margin-bottom: auto;}
	.pop_Inds .yw_btn{padding: 13px 24px;margin-top: 30px;}
	.yw_btn .plus{margin-left: 15px;}
}

@media(max-width: 768px){
	.inner{padding-left: 15px;padding-right: 15px;}
	.main > article + article{padding-bottom: 60px;}
	.main2{padding-top: 60px;}
	.main_bnr_swiper{min-height: auto;height: 56.25%;}
	.bnr_video .vd_frame{padding-bottom: 56.25%;}
	.main_bnr_swiper .swiper-slide:not(.bnr_video){padding-bottom: 15px;}
	.swiper-horizontal.main_bnr_pagination > .swiper-pagination-bullets,
	.main_bnr_pagination.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom, .swiper-pagination-fraction{bottom: 25px;}
	.main_bnr_pagination .swiper-pagination-bullet{width: 40px;height: 5px;}
	.bnr_box{padding: 30px 30px 35px;}
	.bnr_txt{font-size: 22px;}
	.bnr_desc{font-size: 16px;margin-top: 15px;}
	.bnr_box .yw_btn{font-size: 17px;padding: 11px 22px;margin-left: 30px;}
	.reference_ul{justify-content: flex-start;}
	.reference_ul > li{width: 50%;}
	.at_tit > span{font-size: 24px;}
	.footer{font-size: 14px;}
	.ft_info p{display: block;}
	.ft_info br{display: none;}

	.mobile .main_bnr_swiper{height: 56.25vw;}
	.desc,
	.about_3 .desc,
	.about_4 .desc{font-size: 16px;}

	#sub_div > .inner{padding-top: 60px;}
	.about > article + article{margin-top: 60px;}
	.about_1 .thum{margin-top: 20px;}
	.about_tit{font-size: 28px;}
	.about_ul{max-width: 400px;}
	.about_ul .item{padding: 30px;}
	.about_ul .thum{height: 40px;}
	.about_ul .thum img{transform: scale(0.7);}
	.about_ul .tit{font-size: 19px;margin-top: 20px;margin-bottom: 10px;}
	.about_3{padding: 60px 0;}
	.tit_1,
	.tit_2{font-size: 20px;}

	.contact .about_tit{margin-bottom: 20px;}

	.pop_Inds{flex-direction: column;width: 500px;aspect-ratio: 1 / 1.4;}
	.pop_Inds .thum{width: auto;margin: 0 auto 20px;max-width: 100%;}
	.pop_Inds .txt{height: 60%;}
	.pop_Inds .tit{margin-bottom: 20px;}
	.pop_Inds .yw_btn{font-size: 16px;padding: 12px 18px;margin-top: 20px;}
}

@media(max-width: 580px){
	.bnr_txt{font-size: 20px;}
	.bnr_desc{font-size: 15px;margin-top: 10px;}
	.bnr_box .yw_btn{font-size: 16px;padding: 10px 20px;}
	.yw_btn .plus{margin-left: 15px;}
	.item .txt{font-size: 16px;}
	.product_ul .item{padding: 20px;}
	.reference_ul .yw_box{width: 40px;}
	.client_btn .icons{font-size: 18px;}

	.about_tit{font-size: 24px;}
	.product_ul .txt{margin-top: 15px;}

	.ct_div.half{width: 49%;}
}

@media(max-width: 540px){
	.bnr_box{padding: 20px 20px 35px;}
}	

@media(max-width: 480px){
	.item .txt{font-size: 15px;}
}

@media(max-width: 450px){
	.item .txt{font-size: 14px;}

	.pop_Inds{padding: 40px 20px 20px;}
	.pop_Inds .tit{font-size: 18px;}
	.pop_Inds .desc{font-size: 14px;}
}

@media(max-width: 400px){
	.reference_ul .txt{height: 50px;}
}