/*639ÀÌ»ó*/
@media screen and (min-width: 640px) {
	.companyBox_03 dl.web {display:block;}
	.companyBox_03 dl.mobile {display:none;}
	.companyBox_03 dl.map {width: 100%;}
	.companyBox_03 dl dt.map {width: 66%; text-align:left; }
	.companyBox_03 dl dd.map {width: 34%;}
	.subbannerPC {display:block;}
	.subbannerMobile {display:none;}

	#wrap-40{height: 640px;}
}
/*1024ÀÌÇÏ*/
@media screen and (max-width: 1024px) {
	.navBox,
	.footerBox,
	.navBox_2,
	.contentWrap article,
	.brandBox_01 p img,
	.companyBox_01 ,
	.companyBox_02 { width:100%; }
	.subbannerPC {display:block;}
	.subbannerMobile {display:none;}

	#wrap-40{height: 640px;}
}
/*Å×ºí¸´*/
@media screen and (min-width: 640px) and (max-width: 1100px) {
	.navBox,
	.footerBox,
	.navBox_2,
	.contentWrap article,
	.brandBox_01 p img,
	.companyBox_01 ,
	.companyBox_02 { width:100%;}

	.navBox { display:none; }
	.m_navBox { display:block; }

	.bannerBox ul li { height:50rem; }
	.navBox ul { width:10rem; }
	.swiper-container2 { width:75%; float:right; overflow:hidden; position:relative; }
	.collectionWrap ul li:first-child span { width: 3rem; height: 3rem; top: 2rem;right: 2rem;}
	.collectionWrap dl { width:49%; height:auto; margin-left:0; }
	.collectionWrap dl:nth-child(even) { margin-left:2%; }
	.footerBox ul { padding-left:1.6rem; }
	.footer { padding:3rem 1rem; }
	.footerBox p { font-size:1.3em; }
	.contentWrap .titWrap { margin-bottom:4rem; }
	.companyBox_01 { background-size:60%; }
	.companyBox_02 { background-size:40%; }
	.companyBox_03 dl dt img, .companyBox_03 dl dd img { width:35rem; }
	#wrap-06 > .companyBox_03 dl dd { float:left; }
	#wrap-06 > .companyBox_03 dl dt img { margin:0 auto; }
	#wrap-06 > .companyBox_03 dl dt { width:100%; float:left; text-align:center; }

	.recruitBox_01 ul { width:50%; }
	.recruitBox_01 ul:nth-child(odd) { border-left:0; }
	.recruitBox_01 ul:nth-child(even) { border-left:1px dotted #e6e6e6; }
	.recruitBox_01 ul:nth-child(1) { border-bottom:1px dotted #e6e6e6; }

	#wrap-02 > .tabBox ul li { width:16.6%; float:left; border:1px solid #fff; }
	.corpBox { font-size:1.1em; }

	.subbannerPC {display:block;}
	.subbannerMobile {display:none;}

	#wrap-40{height: 600px;}

}
/*¸ð¹ÙÀÏ*/
@media screen and (min-width:320px) and (max-width: 639px) {
	body { font-size:11px; }
	.blue_20 { font-size:1.4em !important; line-height:150%; }
	.gray_16_b { font-size:1.2em !important; }

	.contentWrap .titWrap { margin-bottom:4rem; }

	.navBox,
	.footerBox,
	.navBox_2,
	.contentWrap article,
	.brandBox_01 p img,
	.companyBox_01 ,
	.companyBox_02 { width:100%; }

	.navBox { display:none; }
	.m_navBox { display:block; }
	.navWrap, .m_navBox { height:5rem; }
	.navWrap_2 { height:5rem;}
	.swiper-container2 { width:75%; float:right; overflow:hidden; position:relative; }
	.navBox_2 ul { line-height:5rem; float:right; }
	.navBox_2 p img { width:80%; }
	.menuWrap { padding:2rem 3rem; }
	.menuWrap h3 span { top:1.5rem; right:1.5rem; background-size:70%; }
	.menuWrap ul li { padding:1.5rem 0 1.5rem; font-size:.8em; }

	.contentWrap .step_01,
	.contentWrap .step_02,
	.contentWrap .step_03 { padding-top:0; padding-bottom:4rem; padding-top:4rem; }

	.m_navBox ul li img { width:35%; }
	.m_navBox .menuIcon { top:.3rem; left:.5rem; }
	.m_navBox .spicon { top:.4rem; right:.5rem; }
	.m_navBox .menuIcon img,
	.m_navBox .spicon img { width:70%; }

	.contentWrap .titWrap dt { font-size:3rem; }

	.bannerBox ul li { height:35rem; }
	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom:3rem; }
	.subbannerBox ul li { width:100%; border:0; }
	.subbannerPC {display:none;}
	.subbannerMobile {display:block;}
	.swiper-container { margin-bottom:.5rem; }

	.searchBox,
	.searchBox input { width:100%; }

	#wrap-02 > .tabBox ul li { width:16.6%; float:left; border:1px solid #fff; padding:1rem 0; }
	.tabBox_2 ul li {width:50%;float: left;border: 1px solid #fff;}

	.collectionWrap dl { width:100%; margin-left:0; height:auto; }
	.collectionWrap ul { padding:0 1rem; }
	.collectionWrap ul li:first-child span { width: 3rem; height: 3rem; top: 2rem;right: 2rem;}
	.collectionWrap ul li img { width:100%; }
	.collectionWrap ul li:first-child { padding:8rem 0 6rem; }
	.collectionWrap dl dd span { font-size:2.2rem; }
	.tableBox_2 th { font-size:1.8em; }
	.tableBox_2 td { font-size:1.3em; }

	.companyBox_01,
	.companyBox_02 {height:auto; background-position: top;background-size: 90%; margin-top:0; }
	.companyBox_02 {background-size: 60%; }

	.footer { padding:3rem 0; }
	.footerBox p {font-size: 1.3em;padding:0 1rem 1rem;border-bottom:1px solid #ccc;letter-spacing: -1.5px; height:5.5rem; }
	.footerBox span { padding:0 1rem; margin-top:1rem; }
	.footerBox ul { font-size:1.4em; }
	.footerBox ul li:first-child > span { display:block;  margin-top:0;}

	.footerBox ul { width:100%; padding:0; border-bottom:1px solid #ccc; min-height: unset; }
	.footerBox ul li { display:none; padding:.5rem 1.7rem; }
	.footerBox ul li:first-child { display:block; padding:1.2em 1rem; }
	.footerBox ul li:last-child { padding-bottom:1.8rem; }

	.navBox_2 p { width:25%; float:left; padding-top:1rem; line-height:200%; font-size:1.5rem; }
	.tableBox_2 th > .black_11 { display:none; }
	.brandBox_01 ul li { font-size:1.4em; }
	.contentWrap .titWrap dt .icon_01,
	.contentWrap .titWrap dt .icon_02 { width:2rem; }
	.companyBox_03 dl.web {display:none;}
	.companyBox_03 dl.mobile {display:block;}
	.companyBox_03 dl dt img, .companyBox_03 dl dd img { width:100%; }
	.companyBox_03 dl dt, .companyBox_03 dl dd { width:100%; float:left; }
	.companyBox_03 dl dt.map,
	.companyBox_03 dl dd.map { width:100%;}
	.companyBox_03 dl dt img, .companyBox_03 dl dd img { border:1px solid #e1e1e1; }
	.companyBox_03 dl dd > ul { padding-left:0; }
	.companyBox_03 dl dt > ul { padding-right:0; }
	.companyBox_03 dl dt, .companyBox_03 dl dd img { text-align:left; }
	.companyBox_03 dl dt > ul li:first-child:after { left:0; }
	.companyBox_03 dl dt > ul li:first-child, .companyBox_03 dl dd > ul li:first-child { font-size:1.4em; }
	.whtieBtn { width:100%; }

	.recruitBox_01 ul { width:100%; height:auto; border-left:0; border-top:0; }
	.recruitBox_01 ul:nth-child(4), .recruitBox_01 ul:nth-child(5), .recruitBox_01 ul:nth-child(6) { border-top:0; }
	.corpBox { font-size:1.1em; }
	.tableBox_4 td select { width:100%; }
	.tableBox_4 td .s_input { width:100% !important; }
	.fileBox { width:100%; }
	.fileBox button { width:100%; position:initial; margin-top:0.5rem; }
	.induBox ul li:first-child { margin-bottom:1rem; }
	.induBox ul li:first-child input[type=checkbox] { vertical-align:middle; }
	.companyBox_01 ul,
	.companyBox_02 ul  { width:100%; padding-top:23rem; }

	.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image:url(/images/nexticon.png); background-size:50%; background-position:1rem 50%; }
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image:url(/images/previcon.png); background-size:50%; }
	.menuWrap ul dd { color:#fff; }
	
	#wrap-40{height: 280px;}
}