/**/

@charset "utf-8";

@media screen and (max-width:1400px){
	.inner{padding-left:50px !important; padding-right:50px  !important; max-width:100%}
	.inner.innerx {padding-left:0px !important; padding-right:0px !important}
	.company .area3 .box iframe {width:600px}
	.company .area3 .box {justify-content:space-between}
	.pro_all .absbox {width:90%; }
	

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




@media screen and (max-width:1023px){
	.hamburger{display:grid;margin-left: -30px;}
	#header .top_mn{display:none}
	.company .area3 .box {flex-direction: column;}
	.company .area3 .box iframe {width:100%; height: 400px;}
	.company .area3 .box .cont.cont1 {width: 100%;}
	.company .area3 .box {align-items: flex-start;}
	.comm_area .input_area {flex-direction: column; gap: 10px;}
	.comm_area .input_area .txt{width: 100%;}
	.comm_area .input_area input[type="text"], 
	.comm_area .input_area .selectbox, 
	.comm_area .input_area textarea {width: 100%; padding:10px}
	.comm_area .box {gap:50px}
	.comm_area .cont.cont2 {padding: 50px 30px;}
	.comm_area .submit {font-size: 15px;}
	.technology .area2 .area2-ul > li {width:44%}
	.product_2 .txt1 {font-size: 24px; padding-bottom: 20px;}
	.product_2 .txt2 {font-size: 14px;}
	.product_1 .area1 .objtxt {font-size: 16px;}
	.product_1 .area1 .box {padding:50px}
	.product_1 .area.area3 .ul-txt {font-size: 13px;}
	.product_1 .area4 .ul-txt2 {font-size: 16px;}
	.product_1 .area4 .ul-txt3 {font-size: 12px;}
	.product_1 .area4 .area4-ul {gap:20px}
	.popcon {width: 80%; height:70%}
	.popcon .pop_cont .specbox {flex-direction: column; padding: 0 20px;}
	.popcon .pop_cont .specbox.bt_specbox{flex-direction: column-reverse;}
	.popcon .pop_cont .specbox .pop_lt { width: 100%;}
	.popcon .pop_cont .specbox .img {width: 50%;margin:auto;}
	.popcon .pop_cont{overflow-y: scroll; height: 100%;}
	.popcon .pop_cont .specbox .pop_rt{width:100%}
	.popcon .pop_cont .specbox .icontbox > li > img {width: 50%;}
	.popcon .pop_cont .specbox .icontbox {flex-wrap: wrap; gap:10px;}
	.popcon .pop_cont .specbox .icontbox > li .img {width:100%}
	.popcon .pop_cont .specbox .icontbox > li {margin-bottom:15px}
	.popcon .pop_cont .specbox .icontbox > li {width:25%}


}/*~테블릿 가로*/

@media screen and (max-width:767px){
	.inner{padding-left:20px !important; padding-right:20px  !important;}
	.main_p {font-size: 30px;}
	.footer .inner {flex-direction: column-reverse; align-items: flex-start; gap:20px}
	.ft_right {text-align: left;}
	.all .tit {font-size: 32px;}
	.txt_type1 {font-size: 15px; padding: 40px 0;}
	.company .txt1 {font-size: 14px; padding-top:20px}
	.technology .area2 .area2-ul > li {margin:0 10px 20px 10px; width: 47%;}
    .technology .area2 .area2-ul {margin: 80px -10px 0px -10px;}
	.product_2 .box {flex-direction: column; align-items: flex-start; gap:50px}
	.product_2 .cont.cont1 {width: 100%;}
	.product_2 .box.box2 {flex-direction: column-reverse; align-items: flex-end;}
	.product_1 .area1 .objtxt {font-size: 13px;}
	.product_1 .area1 .objbox p+p {padding-top: 20px;}
	.product_1 .area3 .area3-ul > li {text-align: center; width: 25%;}
	.product_1 .area3 .area3-ul {flex-wrap: wrap;}
	.product_1 .area3 .area3-ul > li:nth-child(5) .ul-txt:before,
	.product_1 .area3 .area3-ul > li:nth-child(7) .ul-txt:before{display:none}
	.product_1 .area3 .area3-ul > li:nth-child(6) .ul-txt:before{width: 300%;left: -100%;}
	.product_1 .area3 .area3-ul > li:nth-child(n+5){margin-top:30px}
	
	


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


@media screen and (max-width:480px){
 #header .top_logo img{width: 120px;}
 .main_p {width:80%; font-size:23px}
 .flatbox li {width: 40px; height: 40px; margin-bottom:10px}
 .flatbox li:nth-child(1) a:hover:after{display: none;}
 .flatbox li:nth-child(2) a:hover:after{display: none;}
 .flatbox li:nth-child(3) a:hover:after{display: none;}
 .flatbox li a > img{width:50%}
 .main_tit {font-size: 28px; padding-bottom: 10px;}
 .main_tit img{width: 60%;}
 .main_con1_ul {padding-top: 30px; flex-direction: column;}
 .main_con1_ho_t1 {font-size: 11px;}
 .main_txt {font-size: 17px;}
 .main_txt .mo_br{display:block}
 .main_con1_hobox.on .main_con1_ho_t1 {height: 50px;}
 .main_txt2 {line-height: 1.5;}
 .main_con3_ul {display:none}
 .product_swiper{display:block}
 .main_con1_hobox {opacity:1}
 .ft_right_txt2 {font-size:11px; padding:10px 0}
 .ft_right_txt1, 
 .ft_left_txt1{font-size:11px}
 .all .tit {font-size: 26px; line-height: 1.5;}
 .company .area1-ul {flex-wrap: wrap;}
 .company .area1-ul > li {width: 46%;}
 .all .area {padding:80px 0}
 .company .area3 .map_info {padding-top: 30px;}
 .company .area3 .map_info+.map_info {padding-top: 20px}
 .company .area2 .box {flex-direction: column;}
 .company .area2 .cont.cont1,
 .company .area2 .cont.cont2 {width:100%}
 .comm_area .box {flex-direction: column;padding-top:50px}
 .all .comm_area .tit.tit2 {text-align: center;}
 .all .comm_area .tit.tit2::before {left: 50%; transform: translateX(-50%);}
 .all .comm_area .txt_type1.txt_type2 {text-align:center}
 .comm_area {padding-bottom:50px}
 .sub_top {height: 250px; font-size:25px}
 .company .map_txt {font-size: 15px;}
 .technology .area1 .box{padding: 20px; margin-top: 50px;}
 .technology .area1 .box+.box {margin-top: 20px;}
 .technology .area1 .txt {font-size: 14px;}
 .technology .area1 p+p { padding-top: 15px;}
 .technology .area2 .area2-ul > li {width: 100%;}
 .visual_swp_box .swiper-btn{display:flex}
 .product_2 .box {gap:30px}
 .sub_top.sub_back3, 
 .sub_top.sub_back4{height:300px; font-size:20px; }
  .sub_top.sub_back4{background-position: 85% center;}
 .pro_all .absbox {top: 45px; padding:20px}
 .pro_all .abs_tit {font-size: 21px;}
 .pro_all .abs_detail {font-size: 14px;}
 .pro_all .area1 { padding-top: 200px;}
 .technology .area2 .area2-ul .txtbox {position: absolute;height:100%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;}
 .technology .area2 .area2-ul .detail { position: relative; opacity: 1; font-size:12px}
 .technology .area2 .area2-ul .cont-tit > span{display:none}
 .company .area1-ul > li .img > img{width:46%}
 .product_1 .area1 .objtxt {font-size: 11px; gap:10px}
 .product_1 .area1 .cont {gap:20px; width:100%}
 .product_1 .area1 .box.box1 .objbox.objbox1 {width: 82%;}
 .product_1 .area1 .box {padding:50px 20px}
 .product_1 .area2 .area2-ul {flex-direction: column;}
 .product_1 .area2 .area2-ul > li{width:100%}
 .product_1 .area.area3 .ul-txt {padding-top:20px; font-size: 11px;}
 .product_1 .area2 .area2-ul > li:not(:last-child){margin-bottom:70px}
 .product_1 .area2 .area2-ul > li+li:before {top: -50%; left: 50%; transform: rotate(90deg) translate(25%, 25%);}
 .product_1 .area4 .po_tit {font-size:17px}
 .product_1 .area4 .area4-ul {flex-direction: column;}
 .product_1 .area4 .area4-ul > li {padding:20px 10px; align-items: flex-start; gap:15px}
 .product_1 .area4 .ul-txt2 {text-align:left; font-size: 12px;}
 .product_1 .area4 .ul-txt3 {text-align:left}
 .product_1 .area4 .ul-txt3 .pc_br{display:none}
 .product_1 .area4 .box.box2 .img{text-align:center; width: 80%;}
 .popcon {width: 90%; padding: 50px 20px;}
 .popcon .pop_cont .tit_txt {font-size: 21px;}
 .popcon .pop_cont .tit_txt > span {font-size: 15px;}
 .popcon .pop_cont .specbox {gap:20px}
 .popcon .pop_cont .txt1 {font-size: 11px;}
 .popcon .pop_cont .specbox .icontbox {margin-left:0; margin-right:0}
 .popcon .pop_cont .specbox .icontbox > li {margin-left:0; margin-right:0}
 .popcon .pop_cont .specbox .icontbox > li {width: 30%;}
 .product_intro .area1 .box {flex-direction: column; align-items: center;gap:30px}
 .product_intro .area1 .cont {width: 80%;}
 .product_intro .area1 .cont > a .txt {font-size: 22px;}
 .txt_type1 .mo_br,
 .company .txt1 .mo_br,
 .all .tit .mo_br,
 .pro_all .abs_detail .mo_br{display:block}
 .txt_type1 .pc_br,
 .all .comm_area .txt_type1.txt_type2 .pc_br,
 .technology .area2 .area2-ul .detail .pc_br{display:none}
 .product_1 .area .ul-txt {padding-top:20px}
 .popcon .pop_cont .specbox .pop_lt .img {min-width: 100%;}
 .popvideo {width:90%}
 .main_con2 {background-position: 65% center;}
 .product_1 .area5 .ul-txt4 {font-size: 14px; padding-top: 30px;}
 .product_1 .area5 .area5-ul {}
 .product_1 .area5 .area5-ul > li {width: 100%;}
 .product_1 .sub_product_sw {margin-left: 0px; margin-right:0px;}
 .product_1 .sub-swiper-btn span {font-size:28px}
 .product_1 .sub-swiper-btn {z-index:10}
 .main_con1_hobox{background: rgba(0,0,0,0.4);}
 .main_con1_hobox .main_con1_ho_t1 {height: 50px;}




}/*~모바일*/