@charset "UTF-8";

@media screen  and (max-width: 1600px)  {
	#body_box #header .headerBox{width:100%;}
	#body_box #header .logo{left:30px;}
	#body_box #header .mgnb{margin-left:0px;left:450px;}
	#body_box #header .m_btn{right:30px}
	body #header #global{right:100px}
	#body_box #header .mgnb .gnb li p a{padding: 0px 30px;}
	#section_n1 .pbox{width:100%;}
	#section_n1{padding-left:30px;padding-right:30px;padding-top:50px;}
	#section_n2 .pbox{width:100%;overflow:hidden}
	#section_n2{padding-left:30px;padding-right:30px;padding-top:50px;}
	#section_n3{padding-top:50px;}
	#section_n3 .pbox{width:auto;padding-left:20px;}
	#quick_area ul{display:none}
	#section_n4 .pbox{width:100%;padding-left:0px;padding-right:0px;overflow:hidden}
	#footer_area .copyright_box .box1{width:auto;padding-left:20px;}
	#section_n1 .pbox .area .big_card{width:600px;}
	#section_n1 .pbox .area .big_card img{width:100%;}
	#section_n1 .pbox .area .thum_card{left:600px;right:auto;width:auto}
	#section_n1 .pbox .area .big_card li a{display:block;}

	#section_n1 .pbox .area .thum_card li{margin-bottom:15px;width:24%;margin-left:1%;}
	#section_n1 .pbox .area .thum_card li.full{width:24%;margin-left:1%;}
	#section_n1 .pbox .area .thum_text{display:none}


	#section_n1 .pbox .area .thum_card li{margin-bottom:15px;}
	#section_n1 .pbox .area .thum_card li .box{width:100%;}
	#section_n1 .pbox .area .thum_card li .box a img{width:100%;height:auto}
	#section_n1 .pbox .area .thum_card li .box a:hover .bg span, #section_n1 .pbox .area .thum_card li .box a.active .bg span, #section_n1 .pbox .area .thum_card li .box a.on .bg span{padding-top:60px;font-size:20px;}

	#section_n2 .pbox .main_title_form{padding-bottom:50px;width:900px;margin:0 auto}
	#section_n2 .pbox .main_title_form select{width:700px}

	#section_n3 .map .map_box{margin-left:0px;}
	#section_n3 .map .map_box a{display:block;text-align:Center;}
	#section_n3 .pbox .main_title_form .select_area select{width:400px;}

	#section_n4 {padding-top:80px;padding-bottom:80px;}
	#section_n4 .pbox {width:auto;padding:30px;}
	#section_n4 .pbox .main_title{position:relative;left:auto;top:auto;}
	#section_n4 .pbox .news{padding-left:0px;}
	#section_n4 .pbox .news li .box .image{top:40px;}

	.sb_contents{width:100%;overflow:hidden}
	.sub_contents{width:auto;padding-left:30px;padding-right:30px;}


	#sub01_01 .text{padding-left:600px;}
	#sub01_01 h3{font-size:28px}
	#sub01_01 .bg{padding-left:40px;margin-top:30px;}
	#sub01_01 .bg p{}
	
	#sub01_03 .text{padding-left:600px;}
	#sub01_03 h3{font-size:28px}
	#sub01_03 .bg{padding-left:40px;margin-top:30px;}
	#sub01_03 .bg p{}
	#sub01_04 .partner{margin-left:0px;}
	#sub01_04 .partner ul{width:100%;}
	#sub01_04 .partner ul li{width:19%;margin-right:1%;}
	#sub01_04 .partner ul li img{width:100%;}

	#sub01_05 iframe{width:100%;height:450px;}
	#brand_main ul{width:100%;}


	#bbs_body .tab_list ul li{width:10%;}
	#bbs_body .tab_list ul li a{display:block;width:auto;font-size:18px;}

	#brand_list .tab_list ul li{width:10%;}
	#brand_list .tab_list ul li a{display:block;width:auto;font-size:18px;}
	#brand_list .brand_list ul{width:100%;}
	#brand_list .brand_list ul li{width:25%;margin-right:0px;}
	#brand_list .brand_list ul li a{width:auto;display:block;}
	#brand_list .brand_list ul li a .image{padding:10px;}
	#brand_list .brand_list ul li a .image img{width:100%;}
	#brand_list .brand_list ul li a p{font-size:16px;width:100%}
	#brand_list .brand_list ul li a:hover p{font-size:20px;width:100%}
	#brand_list .brand_list ul li a p:after {right:10px;}
	#brand_list .brand_list ul li a:hover p:after{right:30px;}

	#brand_detail{width:auto;padding-left:30px;padding-right:30px;}
	#brand_detail .brand_detail{margin-left:520px;}
	#brand_detail .brand_detail .btn_area_detail a{padding-right:5px;padding-left:5px;}

	#sub02_06 img{width:100%;}
	#sub02_06 a{display:block;text-align:center;}
	#sub02_06 a img{width:auto;}

	#sub02_07 .engineering .engine_area_bg{padding:20px 20px;}
	#sub02_07 .engineering .engine_area_bg .engine_area{width:auto}
	#sub02_07 .engineering .engine_area_bg .engine_area.engine_area2{position:relative;left:auto;top:auto;margin-top:20px;right:auto}


	#partner_list .partner_map_area{left:0px;padding:0px 0px;width:500px;}
	#partner_list .partner_map_area img{width:100%;}
	#partner_list{padding-left:500px;}

	#partner_detail{padding-left:0px;}
	#partner_detail .map_area{position:relative;left:auto;top:auto;margin-top:20px;}
	#partner_detail #map_daum{width:100%;}
}
@media screen  and (max-width: 1500px)  {
	#partner_list .partner_map_area{width:300px;}
	#partner_list{padding-left:330px;}
	#partner_list .partner_map_area a{font-size:14px;line-height:20px;}
}
@media screen  and (max-width: 1400px)  {
	#partner_list .board_area .board_ttl .board_num{width:40px;}
	#partner_list .board_area .board_ttl .board_name{width:146px;}
	#partner_list .board_area .board_ttl .board_address{width:441px;}
	#partner_list .board_area .board_ttl .board_tel{width:133px;}
	#partner_list .board_area .board_ttl .board_etc{width:96px;}

	#partner_list .board_area .board_body .board_num{width:40px;}
	#partner_list .board_area .board_body .board_name{width:146px;text-align:center;font-weight:700;}
	#partner_list .board_area .board_body .board_address{width:441px;}
	#partner_list .board_area .board_body .board_tel{width:133px;}
	#partner_list .board_area .board_body .board_etc{width:96px;text-align:center;position:relative}


}
@media screen  and (max-width: 1300px)  {
	#body_box #header .mgnb .gnb li p a{padding: 0px 20px;font-size:18px;}

	#section_n3{padding-top:30px;margin-top:30px;}
	#section_n3 .pbox{height:auto}
	#section_n3 .pbox .main_title{padding-top:20px;}
	#section_n3 .pbox .form_area{width:auto;}
	#section_n3 .pbox .main_title_form{padding-top:50px;padding-bottom:50px;}
	#section_n3 .map{position:relative;height:auto;left:auto;width:auto;top:auto;}

	#section_n3 .map .map_box {padding:0px 0px 20px 0px;}
	#section_n3 .map .map_box a{display:block;text-align:center;padding-left:10px;padding-right:10px;}
	
	#section_n3 .map .map_box a img{}


	#sub01_01 .bg p{font-size:18px;}
	#sub01_03 .bg p{font-size:18px;}

	#brand_main ul li{margin-right:1%;width:32%;}
	#brand_main ul li a img{width:100%;}
	
	#partner_list .board_area .board_ttl{height:40px;}
	#partner_list .board_area .board_ttl div{font-size:16px;line-height:40px;}
	#partner_list .board_area .board_body div{font-size:14px;}

	#partner_list .board_area .board_ttl .board_num{width:40px;}
	#partner_list .board_area .board_body .board_num{width:40px;}

	#partner_list .board_area .board_ttl .board_tel{width:120px;}
	#partner_list .board_area .board_body .board_tel{width:120px;}


	#brand_main ul li a .bg_area .text1{z-index:5;font-size:20px;padding-top:32px;}
	#brand_main ul li a .bg_area .text2{z-index:5;font-size:30px;padding-top:20px;}
	#brand_main ul li a:hover .bg_area .text1{padding-top:80px;}


}
@media screen  and (max-width: 1200px)  {
	#body_box #header .logo{width:200px;height:25px;top:38px}
	#body_box #header .logo a{background-size:100%;}
	#body_box #header.on .logo a,#body_box #header:hover .logo a,#body_box #header.active .logo a{background:url('../images/new/logo.png') no-repeat;background-size:100%;}
	#body_box #header .mgnb{margin-left:0px;left:250px;}
	#body_box #header .mgnb .gnb li ul li a{font-size:14px;}
	
	#footer_area .copyright_box{height:auto;}
	#footer_area .copyright_box .box1{padding:30px;}
	#footer_area .copyright_box .box2{top:30px;}
	#footer_area .copyright_box .box2 .footer_menu > li{height:34px;}
	#footer_area .copyright_box .box2 .footer_menu ul li a{font-size:14px;}
	#footer_area .copyright_box .box2 .footer_menu p a{font-size:14px;}
	#footer_area .copyright_box .box1 .sns{margin-top:10px;height:50px;}


	#section0{width:100%;overflow:hidden}

	#sub01_01 .image{width:400px;}
	#sub01_01 .image img{width:100%;}
	#sub01_01 h3{padding-left:0px;font-size:20px;}
	#sub01_01 .text{padding-left:420px;}
	#sub01_01 .bg p{font-size:16px;}


	#sub01_03 .image{width:400px;}
	#sub01_03 .image img{width:100%;}
	#sub01_03 h3{padding-left:0px;font-size:20px;}
	#sub01_03 .text{padding-left:420px;}
	#sub01_03 .bg p{font-size:16px;}

	#brand_detail .brand_detail ul li span{display:block;position:relative;left:auto;top:auto;margin-bottom:5px;}
	#brand_detail .brand_detail ul li{padding-left:0px;}
	#brand_detail .brand_detail ul li p{padding:10px 8px;}

	#partner_list{padding-left:0px;}
	#partner_list .partner_map_area{position:relative;left:auto;top:auto;width:40%;margin:0 auto;margin-top:20px;}
	#partner_list .partner_form_area .form_tab{padding:15px;padding-left:40px;}
	#partner_list .partner_form_area .form_tab ul li {width:18%;margin-right:1%;}
	#partner_list .partner_form_area .form_tab ul li a{width:100%;line-height:40px;font-size:15px;}
	.form_checkbox .check_box input[type="checkbox"] + label{font-size:15px;}
	#partner_list .form_btn button{height:45px;}
	#partner_list .board_area .board_ttl .board_num{width:5%;}
	#partner_list .board_area .board_ttl .board_name{width:15%;}
	#partner_list .board_area .board_ttl .board_address{width:53%;}
	#partner_list .board_area .board_ttl .board_tel{width:15%;}
	#partner_list .board_area .board_ttl .board_etc{width:12%;}

	#partner_list .board_area .board_body .board_num{width:5%;}
	#partner_list .board_area .board_body .board_name{width:15%;}
	#partner_list .board_area .board_body .board_address{width:53%;}
	#partner_list .board_area .board_body .board_tel{width:15%;}
	#partner_list .board_area .board_body .board_etc{width:12%;}
}

@media screen  and (max-width: 1000px)  {
	#body_box #header .headerBox{height:70px;}
	#body_box #header .logo{width:180px;top:25px;left:15px}
	#body_box #header .mgnb{left:0px;width:auto}
	#body_box #header .mgnb ul{padding-left:240px;}
	#body_box #header .mgnb .gnb li p a{line-height:70px;font-size:15px;padding:0px 10px;}
	body #header #global{top:26px;}
	#body_box #header .m_btn{top:23px;}
	#body_box #header .mgnb{display:none;}
	#util_menu{display:none}

	#section0 .visual-item .text{top:200px;}
	#section0 .visual-item .text .text1{font-size:60px;}
	#section0 .visual-item .text .text2{font-size:80px;}
	#section0 .visual-item .text .text3{font-size:20px;}
	#section0 .lSSlideOuter .lSPager.lSpg > li a{font-size:20px;}


	#section_n1 .pbox .area .thum_card li .box a:hover .bg span, #section_n1 .pbox .area .thum_card li .box a.active .bg span, #section_n1 .pbox .area .thum_card li .box a.on .bg span{padding-top:50px;font-size:16px;}
	#section_n1 .pbox .area .thum_card li .box a .bg span{font-size:20px;}

	#section_n2 .pbox .main_title_form{padding-bottom:50px;width:600px;margin:0 auto}
	#section_n2 .pbox .main_title_form select{width:400px}

	#section_n1 .pbox .main_title{font-size:24px;}
	#section_n1 .pbox .main_title:after{width:20px;background-size:100%;height:20px;margin-left:10px;margin-top:5px;background-position:center bottom}
	#section_n1 .pbox .main_title_exp{font-size:16px;}
	#section_n1 .pbox .area{display:none}
	#section_n1 .main_m_business_area{display:block;margin-top:20px;}

	#section_n1 .pbox .area .big_card{width:400px;}
	#section_n1 .pbox .area .thum_card li .box{width:100%}
	#section_n1 .pbox .area .thum_card{left:400px;}
	#section_n1 .pbox .area .thum_card li{margin-bottom:15px;width:24%;margin-left:1%;}
	#section_n1 .pbox .area .thum_card li.full{width:24%;margin-left:1%;}
	#section_n1 .pbox .area .thum_text{display:none}
	#section_n2 .pbox .main_title a{font-size:24px;}
	#section_n2 .pbox .main_title a:after{}
	#section_n2 .pbox .main_title_short{font-size:14px;}
	#section_n2 .pbox .main_title_exp{font-size:16px;}



	#section_n3 .pbox {padding:30px;}
	#section_n3 .pbox .main_title a{font-size:24px;}
	#section_n3 .pbox .main_title_exp{font-size:16px;}
	#section_n3 .pbox .main_title_form{width:600px;margin:0 auto}
	#section_n3 .pbox .main_title_form select{width:400px}
	#section_n3 .pbox .main_title_form a{margin-left:0px;}

	#section_n4 .pbox .main_title{font-size:24px;}
	#section_n4 .pbox .news li .box .title{line-height:130%;}
	#section_n4 .pbox .news li .box .text{font-size:18px;line-height:160%;height:55px;}
	#section_n4 .pbox .news li .box .image{top:90px;}

	#footer_area .footer_go{height:auto;padding-top:50px;padding-bottom:50px;width:100%;overflow:hidden}
	#footer_area .footer_go span.title{padding-top:80px;font-size:40px;}
	#footer_area .footer_go p{font-size:18px;margin-top:20px;}
	#footer_area .footer_go .fbtn_area{padding-top:50px;}
	#footer_area .footer_go .fbtn_area a{width:35%;margin-left:5%;margin-right:5%;}
	#footer_area .footer_go .fbtn_area a span:after{left:40px;}
	#footer_area .footer_go .fbtn_area a.btn02 span:after{right:40px;}


	#footer_area .copyright_box .box2{display:none}

	#footer_area .copyright_box .box1 .logo{margin:0 auto}
	#footer_area .copyright_box .box1 .cp_name{text-align:center;}

	#footer_area .copyright_box .box1 .sns li{float:none;display:inline-block;}

	#sub01_01{height:auto}
	#sub01_01 .image{position:relative;left:auto;top:auto;width:80%;margin:0 auto;}
	#sub01_01 .text{padding-left:0px;width:80%;margin:0 auto;padding-top:30px;}
	
	#sub01_02 .history{margin-left:0px;}
	#sub01_02 .history .year_area{padding-left:300px;}
	#sub01_02 .history .year_area h4{background-image:url('');width:280px;}
	#sub01_02 .history .year_area h4:after{content:'';position:absolute;right:50px;height:100%;width:60px;    background: url(../images/new/history_line.png) no-repeat left center;}
	#sub01_02 .history .year_area h4:before{content:'';position:absolute;right:0px;height:100%;width:60px;    background: url(../images/new/history_line.png) no-repeat right center;}

	#sub01_03{height:auto}
	#sub01_03 .image{position:relative;left:auto;top:auto;width:80%;margin:0 auto;}
	#sub01_03 .text{padding-left:0px;width:80%;margin:0 auto;padding-top:30px;}
	

	#sub01_04 .partner ul li{width:24%;}

	#sub01_05 h3{font-size:20px;}
	#sub01_05 .bg p{font-size:16px;}

	#brand_list .brand_list ul li{width:32%;}

	#brand_list .tab_list ul li{width:24%;margin-bottom:10px;margin-right:1%;}

	#brand_detail .bimage{padding:30px;}
	#brand_detail .bimage img{width:280px;}
	#brand_detail .brand_detail{margin-left:350px;padding-top:30px;}
	#brand_detail .brand_detail .title{font-size:20px;}
	#brand_detail .brand_detail .title span{font-size:13px;}
	#brand_detail .brand_detail ul li span{line-height:30px;font-size:16px;}
	#brand_detail .brand_detail ul li p{font-size:14px;}
	#brand_detail .brand_detail .btn_area_detail a{border:1px solid #000000;font-size:14px;padding:7px 5px;}

	#sub02_07 .engineering .s_title{font-size:20px;}
	#sub02_07 .engineering .engine_area_bg .engine_area h4{font-size:20px;}
	#sub02_07 .engineering .engine_area_bg .engine_area .engine_text{font-size:16px;}

	
	#bbs_body .tab_list ul li{width:24%;margin-bottom:10px;margin-right:1%;}


	#partner_list .board_area .board_ttl .board_num{width:5%;}
	#partner_list .board_area .board_ttl .board_name{width:15%;}
	#partner_list .board_area .board_ttl .board_address{width:45%;}
	#partner_list .board_area .board_ttl .board_tel{width:20%;}
	#partner_list .board_area .board_ttl .board_etc{width:15%;}

	#partner_list .board_area .board_body .board_num{width:5%;}
	#partner_list .board_area .board_body .board_name{width:15%;}
	#partner_list .board_area .board_body .board_address{width:45%;}
	#partner_list .board_area .board_body .board_tel{width:20%;}
	#partner_list .board_area .board_body .board_etc{width:15%;}
	#partner_list .board_area .board_body{height:50px;}
	#partner_list .board_area .board_body div{line-height:50px;}
	#partner_list .board_area .board_body .board_etc a.go{top:10px;}


	#partner_detail{padding-top:30px;}
	#partner_detail #map_daum{height:250px;}

}
@media screen  and (max-width: 800px)  {
	#section_n4{padding-top:30px;padding-bottom:30px;width:100%;overflow:hidden}
	.sub_visual{height:300px;}
	.sub_visual .top_title{top:140px;}
	.sub_visual .sub_title{top:230px;}

	#brand_list .brand_list ul li{width:49%;}
	#brand_list .brand_list ul li a p{margin-top:5px;line-height:40px;font-size:14px;}
	#brand_list .brand_list ul li a:hover p{margin-top:25px;line-height:40px;font-size:14px;}
	#brand_list .brand_list ul li a p:after {right:20px;}
	#brand_list .brand_list ul li a:hover p:after{top:10px;}

	#brand_detail{padding:0px;}
	#brand_detail .bimage{position:relative;left:auto;top:auto;padding:30px;text-align:center;}
	#brand_detail .bimage img{width:80%}
	#brand_detail .brand_detail{margin-top:30px;margin-left:0px;}
	#brand_detail .brand_detail ul li span{width:100px;}


	#partner_list .board_area .board_ttl .board_num{display:none}
	#partner_list .board_area .board_ttl .board_name{width:25%;}
	#partner_list .board_area .board_ttl .board_address{width:55%;}
	#partner_list .board_area .board_ttl .board_tel{display:none}
	#partner_list .board_area .board_ttl .board_etc{width:20%;}

	#partner_list .board_area .board_body .board_num{display:none}
	#partner_list .board_area .board_body .board_name{width:25%;}
	#partner_list .board_area .board_body .board_address{width:55%;}
	#partner_list .board_area .board_body .board_tel{display:none}
	#partner_list .board_area .board_body .board_etc{width:20%;}

	#section_n1 .pbox .area .big_card{width:300px;}
	#section_n1 .pbox .area .thum_card li .box{width:100%}
	#section_n1 .pbox .area .thum_card{left:300px;}
	
}

@media screen  and (max-width: 700px)  {
	#section_n2 .pbox .main_title_form{padding-bottom:50px;width:400px;margin:0 auto}
	#section_n2 .pbox .main_title_form select{width:250px}
	#section_n2 .pbox .main_title_form a{width:80px;}

	#section_n1 .pbox .area .big_card{width:100%;}
	#section_n1 .pbox .area .thum_card{position:relative;left:0px;top:auto;margin-top:10px;}


	#section_n3 .pbox .main_title_form{width:400px;margin:0 auto}
	#section_n3 .pbox .main_title_form .select_area select{width:250px}
	#section_n3 .pbox .main_title_form a{width:80px;}


	#sub01_02 .history .year_area{padding-left:240px;}
	#sub01_02 .history .year_area h4{font-size:30px;line-height:30px;width:220px;}
	#sub01_02 .history .year_area h4:before{height:30px;top:-5px;}
	#sub01_02 .history .year_area h4:after{height:30px;top:-5px;}
	#sub01_02 .history .year_area ul{margin-top:0px;}

	#brand_main ul li a .bg_area .text1{font-size:20px;}
	#brand_main ul li a .bg_area .text2{font-size:25px;}


	#brand_main ul li a .bg_area .text1{padding-top:22px;}
	#brand_main ul li a .bg_area .text2{padding-top:10px;}
	#brand_main ul li a:hover .bg_area .text1{padding-top:40px;font-size:24px;}

}

@media screen  and (max-width: 600px)  {
	#body_box #header .headerBox{height:60px;}
	#body_box #header .logo{width:173px;height:15px;top:23px;}
	#body_box #header .logo a{background-size:100%}
	#body_box #header.on .logo a,#body_box #header:hover .logo a,#body_box #header.active .logo a{background-size:100%}
	#body_box #header .m_btn{top:17px}
	body #header #global{top:19px;}

	#section0 .lSSlideOuter .lSPager.lSpg > li a{width:25px;height:25px;line-height:25px;font-size:13px;}
	#section0 .visual-item .text{top:30%}
	#section0 .visual-item .text .text1{font-size:30px;height:auto;}
	#section0 .visual-item .text .text2{font-size:40px;top:0px;}
	#section0 .visual-item .text .text3{font-size:16px;top:150px;}
	
	#section_n3 .map .map_box a img{width:60%;}

	#section_n4 .pbox .news li .box{padding-right:0px;}
	#section_n4 .pbox .news li .box .image{position:relative;right:auto;top:auto;padding-bottom:15px;display:block}
	#section_n4 .pbox .news li .box .image img{width:100%;height:auto}
	#section_n4 .pbox .news li .box .date{font-size:16px;}
	#section_n4 .pbox .news li .box .title{font-size:18px;}
	#section_n4 .pbox .news li .box .text{font-size:14px;height:66px;}

	#footer_area .footer_go span.title{padding-top:30px;font-size: 30px;}
	#footer_area .footer_go p{font-size:14px;padding-left:30px;padding-right:30px;line-height:180%}
	#footer_area .footer_go .fbtn_area a{line-height:50px;border-radius:50px;border:1px solid #fff;font-size:15px;}
	#footer_area .footer_go .fbtn_area a span{padding-right:20px;}
	#footer_area .footer_go .fbtn_area a span:after{background-size:100%;width:30px;top:18px;left:20px;}
	#footer_area .footer_go .fbtn_area a.btn02 span{padding-left:20px;}
	#footer_area .footer_go .fbtn_area a.btn02 span:after{background-size:100%;width:30px;top:18px;right:20px;}

	#footer_area .copyright_box .box1 .logo{width:300px;background-size:100%}
	#footer_area .copyright_box .box1 .cp_name{padding-top:20px;}
	#footer_area .copyright_box .box1 .cp_name p{font-size:14px;font-weight:400;margin-bottom:5px;}
	#footer_area .copyright_box .box1 .sns li{margin-right:0px;}
	#footer_area .copyright_box .box1 .sns li a{height:40px;padding-right:10px;padding-left:10px;}
	#footer_area .copyright_box .box1 .sns li a img{height:100%;}
	

	#body_box #subMenu .s_box .mgnb .sgnb li.f1 p a{font-size:20px;}
	#body_box #subMenu .s_box .mgnb .sgnb li.f1 ul li a{font-size:14px;}


	.sub_visual{height:250px;}
	.sub_visual .top_title{top:130px; font-size:30px;line-height:110%}
	.sub_visual .sub_title{top:180px;font-size:18px;}


	.sb_contents{padding-top:30px;}
	.sb_contents .sub_title span{font-size:13px;}
	.sb_contents .sub_title{font-size:24px;padding-bottom:10px;margin-bottom:20px;}
	.sb_contents .sub_title p{font-size:14px;padding-top:10px;}



	#sub01_01 .image{width:100%;}
	#sub01_01 .text{width:100%;}
	#sub01_01 h3{text-align:center;font-size:18px;}
	#sub01_01 .bg{padding:20px;font-size:14px;}
	#sub01_01 .bg p{font-size:14px;}

	#sub01_02 .history .year_area h4{position:relative;left:auto;top:auto;text-align:Center;width:100%;display:block;padding-bottom:20px;	}
	#sub01_02 .history .year_area h4:before{display:none}
	#sub01_02 .history .year_area h4:after{display:none}
	#sub01_02 .history .year_area{padding-left:0px;}
	#sub01_02 .history .year_area ul li strong{font-size:16px;}
	#sub01_02 .history .year_area ul li p{font-size:16px;}


	#sub01_03 .image{width:100%;}
	#sub01_03 .text{width:100%;}
	#sub01_03 h3{text-align:center;font-size:18px;}
	#sub01_03 .bg{padding:20px;font-size:14px;}
	#sub01_03 .bg p{font-size:14px;}

	#sub01_03 .bg2 span{font-size:20px;}

	#sub01_04 .partner ul li{margin-bottom:10px;}

	#sub01_05 h3{font-size:16px;}
	#sub01_05 .bg p{font-size:14px;}
	#sub01_05 iframe{height:300px;}

	#brand_main ul li a .bg_area .text1{font-size:16px;padding-top:10px;}
	#brand_main ul li a .bg_area .text2{font-size:20px;}
	#brand_main ul li a:hover .bg_area .text1{font-size:17px;}

	#brand_list .brand_list ul li{width:100%;margin-right:0px;}
	#brand_list .brand_list ul li a .image{padding:20px;}

	#brand_list .tab_list ul li a{font-size:13px;line-height:30px;}
	#brand_list .tab_list{padding-bottom:5px;}
	#brand_list .tab_list ul{padding-left:4%;}

	#bbs_body .tab_list ul li a{font-size:13px;line-height:30px;}
	#bbs_body .tab_list{padding-bottom:5px;}
	#bbs_body .tab_list ul{padding-left:4%;}

	#bbs_body .tab_list ul.two li{width:45%;margin-right:3%}



	#sub02_07 .engineering .s_title{font-size:22px;}
	#sub02_07 .engineering .engine_area_bg .engine_area{padding:15px 10px;border-radius:10px;}
	#sub02_07 .engineering .engine_area_bg .engine_area h4{font-size:16px;line-height:32px;height:32px;padding-left:17px;padding-right: 17px;}
	#sub02_07 .engineering .engine_area_bg .engine_area .engine_text{padding:30px 10px;font-size:13px;}
	#sub02_07 .engineering .engine_area_bg .engine_area .engine_text li{font-size:14px;}
	#sub02_07 .engineering .engine_image{height:200px;}
	#sub02_07 .engineering .bg{margin-top:0px;;padding-top:10px;padding-right:10px;font-size:22px;}
	#sub02_07 .engineering .bg p{margin-bottom:30px;color:#363535;font-size:18px;font-family:'NanumSquare';line-height:160%}



	#sub06_01 .eng_row,.eng_head {grid-template-columns: 1fr;}
	#sub06_01 .eng_head {display: none;}
	#sub06_01 .eng_cell {position: relative;padding: 12px 16px 12px 110px;border-bottom: 1px dashed #e5e7eb;}
	#sub06_01 .eng_cell::before {content: attr(data-th);position: absolute;left: 16px;top: 12px;width: 90px;font-size: 12px;font-weight: 600;color: #6b7280;}
	#sub06_01 .eng_row {border-bottom: 8px solid #f1f5f9;}
	#sub06_01 .eng_row:last-child {border-bottom: none;}


	#partner_list .partner_map_area a{font-size:12px;}
	#partner_list .partner_form_area .form_tab ul li a{font-size:12px;line-height:30px;}
	#partner_list .partner_form_area .form_tab ul li{width:23%}
	#partner_list .partner_form_area .form_tab{padding-left:10px;padding:10px;}
	.form_checkbox{padding-left:15px;}
	.form_checkbox .check_box input[type="checkbox"] + label{font-size:13px;}
	#partner_list .form_btn button{width:100%;font-size:14px;}
	#partner_list .partner_map_area{width:80%;}

	#partner_detail .partner_detail_area .title{font-size:20px;}
	#partner_detail .partner_detail_area .title span{font-size:13px;top:3px;}
	#partner_detail .partner_detail_area .detail{padding-top:20px;}
	#partner_detail .partner_detail_area .detail ul li strong{position:relative;left:auto;top:auto;display:block;font-size:16px;height:30px;line-height:30px;margin-bottom:10px;}
	#partner_detail .partner_detail_area .detail ul li p{margin-left:0px;font-size:14px;line-height:160%}

	#partner_detail .btn_area{padding-top:40px;}
	#partner_detail .btn_area a{width:100%;line-height:40px;height:40px;font-size:16px;}
}
@media screen  and (max-width: 500px)  {
	#section_n2 .pbox .main_title_form{width:300px;margin:0 auto}
	#section_n2 .pbox .main_title_form select{width:150px}
	#section_n2 .pbox .main_title_form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:50px;}
	#section_n2 .pbox .main_title_form .select2-container--default .select2-selection--single .select2-selection__arrow{top:10px;}
	#section_n2 .pbox .main_title_form .select2-container--default .select2-selection--single{height:50px;}

	#section_n2 .pbox .main_title_form a{width:60px;line-height:50px;}

	#section_n1 .pbox .area .thum_card li{width:24%;margin-right:1%;margin-left:0px;}
	#section_n1 .pbox .area .thum_card li.full{width:24%;margin-right:1%;margin-left:0px;}
	#section_n1 .pbox .area .thum_card li .box{width:100%;}
	#section_n1 .pbox .main_title_exp{font-size:14px;}
	#section_n2 .pbox .main_title_exp{font-size:14px;}
	#section_n3 .pbox .main_title_exp{font-size:14px;}

	#section_n3 .pbox .main_title_form{width:300px;margin:0 auto}
	#section_n3 .pbox .main_title_form .select_area select{width:150px}
	#section_n3 .pbox .main_title_form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:50px;}
	#section_n3 .pbox .main_title_form .select2-container--default .select2-selection--single .select2-selection__arrow{top:10px;}
	#section_n3 .pbox .main_title_form .select2-container--default .select2-selection--single{height:50px;}
	#section_n3 .pbox .main_title_form a{width:60px;line-height:50px;}

	#sub01_04 .partner ul li{width:32%;}
	#brand_main ul li{width:49%;}
	#brand_main ul li a .bg_area .text1{font-size:13px;padding-top:20px;}
	#brand_main ul li a .bg_area .text2{font-size:18px;}
	#brand_main ul li a:hover .bg_area .text1{font-size:14px;}

	
	#sub02_06 a img{width:70%;}


	#partner_list .board_area .board_ttl .board_name{width:30%;}
	#partner_list .board_area .board_ttl .board_address{width:70%;}
	#partner_list .board_area .board_ttl .board_etc{display:none}

	#partner_list .board_area .board_body .board_name{width:30%;}
	#partner_list .board_area .board_body .board_address{width:70%;text-align:left;}
	#partner_list .board_area .board_body .board_etc{position:absolute;right:0px;top:30px;width:50%}
	#partner_list .board_area .board_body {height:80px;position:relative}
	#partner_list .board_area .board_body div{font-size:12px;}
	#partner_list .board_area .board_body .board_etc ul{position:absolute;top:1px;right:0px;width:100%;text-align:right}
	#partner_list .board_area .board_body .board_etc ul li{float:none;display:inline-block;text-align:right}
	#partner_list .board_area .board_body .board_etc ul li span{font-size:12px;}
	#partner_list .board_area .board_ttl div{font-size:13px;}
	#partner_list .board_page{padding:20px 0px;}

	
}
@media screen  and (max-width: 400px)  {
	#body_box #header .m_btn {
	  position: absolute;
	  width: 25px;
	  height: 16px;
	  background-size:100%;
	  top:20px;
	  right:20px;
	}	
	#body_box #header.on .m_btn,#body_box #header:hover .m_btn{background-size:100%}
	body #header #global{right:60px;}

	#sub01_02 .history .year_area ul li{padding-left:60px;}
	#sub01_02 .history .year_area ul li strong{top:5px;}
	#sub01_02 .history .year_area h4{font-size:22px;}

	#body_box #subMenu .s_box{width:280px;}

	#sub01_04 .partner ul li{width:49%;}
	#sub01_05 iframe{height:200px;}
	#brand_list .tab_list ul li{width:32%;}
	#bbs_body .tab_list ul li{width:32%;}

}