/*////////////////////////////////////////////////////////////////////////////////////////

	Author: ENGSOFT		URL: http://engsoft.kr

////////////////////////////////////////////////////////////////////////////////////////*/

/*=================================================
	Respond
=================================================*/

@media(max-width: 767px){	
	.popup-atc { position: absolute; left: 10px; top: 80px; z-index: 100; }
	.popup-webina { position: absolute; left: 10px; top: 340px; z-index: 101; }
	.slider .jquery-reslider .slider-direction { zoom: .8; }
	.slider .jquery-reslider .slider-dots { position: absolute; }
	.slider .jquery-reslider .slider-direction.slider-direction-prev { display: none; }
	.slider .jquery-reslider .slider-direction.slider-direction-next { display: none; }
	.intro1 { position: absolute; left: 50%; top: 40%; width: 100%; transform: translate(-50%, -40%); z-index: 2; }
	.copy-big { font-size: 3.5em; }
	.copy-mid { font-size: 1.5em; }
	.copy-small { font-size: 0.875em; }
	.svi1, .svi2, .svi3, .svi4, .svi5 { background-size: auto 100%; }
	h3.tit { position: relative; margin-bottom: 1rem; font-size: 2.000em; font-weight: 700; color: #fff; }
	h3.tit::before { display: none; }
	.con, .con1 { font-size: 0.938em; font-weight: 400; color: #fff; line-height: 1.4em; opacity: 0.9; }
	.mobile-only { display: block; margin: 0; }
	.pc-only { display: inline; }	
	ul.biz-item li, ul.biz-item1 li, ul.biz-item2 li { width: 50%; }
	ul.biz-item li .biz-item-name, ul.biz-item1 li .biz-item-name, ul.biz-item2 li .biz-item-name { margin: 0 0 2rem; color: #fff; }
	ul.biz-item li .biz-item-name span:nth-child(1), ul.biz-item1 li .biz-item-name span:nth-child(1), ul.biz-item2 li .biz-item-name span:nth-child(1) { font-size: 1.500em; }
	ul.biz-item li .biz-item-name span:nth-child(2), ul.biz-item1 li .biz-item-name span:nth-child(2), ul.biz-item2 li .biz-item-name span:nth-child(2) { font-size: 0.875em; opacity: 0.9; }
	.biz-wrap { background: none; }
	.biz-l { float: none; width: 100%; margin: 0 0 2rem; padding: 0; }
	.biz-r { float: none; width: 100%; }
	.biz-dsc { margin: 0 0 1.5rem; }
	.biz-sum { margin: 0 0 3rem; }
	.biz-sum li { float: left; display: block; margin-right: 0.7rem; font-size: 0.688em; color: #999; line-height: 1; }
	.biz-sum-num span { display: inline-block; margin-right: 0.5rem; font-family: 'Lato'; font-size: 2.750em; font-weight: 900; color: #72A201; }
	.biz-output li { float: left; display: inline-block; position: relative; width: 47%; margin: 0 6% 1rem 0; }
	.biz-output li:nth-child(2), .biz-output li:nth-child(4) { margin-right: 0; }
	.biz-effect-l { float: left; width: 30%; padding: 0.2rem 0 0; color: #ccc; }
	.biz-effect-r { float: left; width: 70%; }
	.biz-partner-num { float: left; width: 30%; padding: 0; }
	.biz-partner-name { float: left; width: 70%; }
	.biz-effect { margin: 0; }
	.biz-effect-box { float: none; width: 100%; margin: 0 0 1rem; }
	.biz-process-name span { display: block; }
	.biz-thum { margin: 0; }
	.biz-thum-img { float: none; width: 100%; margin: 0 0 1.5rem; }

	.software-item { position: relative; width: 100%; margin: 0 0 2rem; overflow: hidden; }
	.software-title { float: none; position: relative; width: 100%; margin: 0 0 1rem; }
	.software-title-lg { margin: 0.7rem 0 0.4rem; font-size: 2.000em; }
	.software-title-md { font-size: 1.125em; }
	.software-title-btn { margin: 0.5rem 0 0; }
	.software-img { float: none; width: 100%; }

	.software-title-lg2 { margin: 0; }
	.software-title-lg2 span { display:block; margin: 0.3rem 0 0.7rem; }
	.software-title-md2 { font-size: 1.250em; line-height: 1.4em; }

	.software-title-lg3 { margin: 0.7rem 0 0.4rem; font-size: 2.000em; }
	.software-title-md3 { font-size: 1.125em; }

	.pdf3 { width: 100%; margin: 0 0 0.5rem; }
	.pdf4 { width: 100%; margin: 0 0 0.5rem; }

	.patent-year { float: none; width: 100%; margin: 0 0 1rem; }
	.patent-con { float: none; width: 100%; }
	.patent-num { float: none; width: 100%; margin: 0 0 0.5rem; }
	.patent-name { float: none; width: 100%; margin: 0 0 1rem; }
	.certification-special { position: relative; width: 100%; margin: 0 0 2rem; overflow: hidden; }
	.certification-special span { float: none; display: block; position: relative; width: 100%; margin: 0 0 1rem 0; }
	.certification-special img { width: 100%; }
	.certification-box { margin: 0; }
	.certification-item { float: left; width: 47%; margin: 0 6% 1rem 0; }
	.certification-item:nth-child(3n) { margin-right: 6%; }
	.certification-item:nth-child(2n) { margin-right: 0; }
	.partner-box span { float: left; display: block; width: 32%; height: auto; margin-bottom: 2%; }
	.partner-box span:nth-child(4n) { margin-right: 2%; }
	.partner-box span:nth-child(3n) { margin-right: 0; }
	.organi-wrap { display: none; height: 0; }
	.organi-mobile { display: block; height: auto; margin: 0 0 5rem; padding: 2rem 0 0; border-top: 2px solid #222; background: url('../../image/sub/organi_line.png') center 2rem no-repeat; }

	.mcopy_box { width: 100%; padding: 2rem 0 !important; text-align: center; }
	.mcopy li:nth-child(1),
	.mcopy li:nth-child(2) { font-size: 5.5rem; }
	.mcopy li:nth-child(1) { font-size: 6rem; }
	.mcopy li:nth-child(4) { font-size: 2.250rem; line-height: 3rem; }
	.btn { font-size: 2rem; visibility: visible !important; }

	.mcopy1 li:nth-child(1),
	.mcopy1 li:nth-child(2) { font-size: 5.5rem; }
	.mcopy1 li:nth-child(1) { font-size: 6rem; }
	.mcopy1 li:nth-child(4) { font-size: 2.250rem; line-height: 3rem; }
	.btn-black { font-size: 2rem; visibility: visible !important; }

	.mS1, .mS2, .mS3, .mS4, .mS5 { padding: 3rem 0; }

	.m_title { font-size: 1.5rem; }
	.m_title span { margin-top: 0; font-size:0.750rem; }

	.prbox1 { width: 100% !important; margin: 1rem 0; padding: 2rem; }
	.prbox1 a > ul { color: #ffffff; line-height: 1rem; }
	.prbox1 a > ul li:nth-child(1) { font-size: 1.875rem; line-height: 1.8rem; }
	.prbox1 a > ul li:nth-child(2) { font-size: 0.750rem; }
	.prbox1 a > ul li:nth-child(4) { font-size: 0.875rem; line-height: 1.2rem; }

	.mcase { display: table; width: 100% !important; margin: 0 0 1rem; }
	.mcase_title { margin: 0 0 1rem; padding: 0.6rem 0; font-family: 'Lato'; font-size: 1.250rem; font-weight: 600; color: #ffffff; text-align: center; border-radius: 50px; }
	.mcase_num { display: table; width: 80%; margin: 0 auto; }
	.mcase_num > li { display: table-cell; width:50%; padding: 0 1rem; }
	.mcase_num > li:nth-child(1) { border-right: 1px dotted #cccccc; }
	.mcase_num > li div { color: #111111; text-align: center; }
	.mcase_num > li div:last-child { margin: 0; font-family: 'Lato'; font-size: 3rem; font-weight: 800; }

	.f_logo { display: none !important; }
	.f_address span { display: block; }

	.m-press, .m-press1 { display: none !important; }

}

@media (min-width: 768px) and (max-width: 1023px) {
	.biz-sum { margin: 0 0 3rem; }
	.biz-sum li { float: left; display: block; margin-right: 0.7rem; font-size: 0.750em; color: #999; line-height: 1; }
	.biz-sum-num span { display: inline-block; margin-right: 0.5rem; font-family: 'Lato'; font-size: 3.000em; font-weight: 900; color: #72A201; }
	.biz-output li { float: left; display: inline-block; position: relative; width: 47%; margin: 0 6% 1rem 0; }
	.biz-output li:nth-child(2), .biz-output li:nth-child(4) { margin-right: 0; }
	.biz-effect-l { float: left; width: 24%; padding: 0.2rem 0 0; color: #ccc; }
	.biz-effect-r { float: left; width: 76%; }
	.biz-partner-num { float: left; width: 24%; padding: 0; }
	.biz-partner-name { float: left; width: 76%; }
	.biz-effect { margin: 0; }
	.biz-effect-box { float: none; width: 100%; margin: 0 0 1rem; }
	.biz-process-name span { display: block; }
	.biz-thum { margin: 0; }
	.biz-thum-img { float: none; width: 100%; margin: 0 0 1.5rem; }

	.software-title { float: left; position: relative; width: 40%; }
	.software-title-lg { font-size: 2.000em; }
	.software-title-md { font-size: 1.250em; }
	.software-img { float: right; width: 57%; }
	.software-title-btn1 { position: relative; }

	.pc-only { display: inline; }	
	.tab-only { display: block; }

	.pdf4 { width: 50%; margin: 0 0 0.5rem; }
	.pdf4:nth-child(1), .pdf4:nth-child(3) { width: 48%; margin-right: 2%; }

	.patent-year { float: none; width: 100%; margin: 0 0 1rem; }
	.patent-con { float: none; width: 100%; }
	.patent-num { float: none; width: 100%; margin: 0 0 0.5rem; }
	.patent-name { float: none; width: 100%; margin: 0 0 1rem; }
	.certification-box { margin: 0; }
	.certification-item { float: left; width: 47%; margin: 0 6% 1rem 0; }
	.certification-item:nth-child(3n) { margin-right: 6%; }
	.certification-item:nth-child(2n) { margin-right: 0; }
	.partner-box span { float: left; display: block; width: 32%; height: auto; margin-bottom: 2%; }
	.partner-box span:nth-child(4n) { margin-right: 2%; }
	.partner-box span:nth-child(3n) { margin-right: 0; }
	.organi-wrap { display: none; height: 0; }
	.organi-mobile { display: block; height: auto; margin: 0 0 5rem; padding: 2rem 0 0; border-top: 2px solid #222; background: url('../../image/sub/organi_line.png') center 2rem no-repeat; }
}

@media (min-width: 1024px) and (max-width: 1365px) {
	h3.tit { position: relative; margin-bottom: 1rem; font-size: 2.500em; font-weight: 700; color: #fff; }
	h3.tit::before { content: ''; display: inline-block; position: absolute; left: 50%; top: 50px; width: 1px; height: 13px; background: #fff; opacity: 0.5; }
	.con { margin: 0; padding: 0; }
	.main-btn { margin: 1rem 0 0; }
	.biz-sum { margin: 0 0 3rem; }
	.biz-sum li { float: left; display: block; margin-right: 0.7rem; font-size: 0.750em; color: #999; line-height: 1; }
	.biz-sum-num span { display: inline-block; margin-right: 1rem; font-family: 'Lato'; font-size: 4.500em; font-weight: 900; color: #72A201; }
	.biz-thum { margin: 0 0 2rem; overflow: hidden; }
	.biz-thum:last-child { margin: 0; }
	.biz-thum-img { float: left; display: block; position: relative; width: 47%; margin-right: 6%; }
	
	.software-title { float: left; position: relative; width: 40%; }
	.software-title-lg { font-size: 2.000em; }
	.software-title-md { font-size: 1.250em; }
	.software-img { float: right; width: 57%; }
	.software-title-btn1 { position: relative; }

	.organi-wrap { display: none; height: 0; }
	.organi-mobile { display: block; height: auto; margin: 0 0 5rem; padding: 2rem 0 0; border-top: 2px solid #222; background: url('../../image/sub/organi_line.png') center 2rem no-repeat; }
	
}

@media(max-width: 1366px){	
	#header, #header1 { padding: 0 1rem 0.5rem; }
	#gnb1 { display: none; }
	#gnb2 > ul::before{ top: 0; left: 0; transform: translate(0); -webkit-transform: translate(0); width: 100%; margin-left: 0; background: transparent; }
	#gnb2 > ul { position: absolute; top: 4rem; width: 100%; max-width: inherit; margin: 0 -1rem; color: #333; z-index: 1000; }
	#gnb2 > ul > li { float: none; width: 100%; height: auto; margin: 0; padding: 0; text-align: left; border: 0; }
	#gnb2 > ul > li > a { position: relative; margin-bottom: 0; padding: 1.5rem 4rem; color: #333; background-color: #fff; }
	#gnb2 > ul > li.active > a { color: #e60921; }
	#gnb2 > ul > li > a:before { display: none; }
	#gnb2 > ul > li > a::after { position: absolute; top: auto; left: auto; right: auto; }
	#gnb2 > ul > li.active > a::after { color: #333; }
	#gnb2 > ul > li.active .submenu { visibility: visible; overflow: visible; width: auto; padding: 0 4rem; height: auto; opacity: 1; }
	#gnb2 .control.close::before { color: #333; }
	.contents_util .util .share .item { right: auto; top: auto; z-index: 1; }	
	.section-bg01, .section-bg02, .section-bg03, .section-bg04 { position: relative; padding: 2rem 0; background-size: auto 100%; }	
	.inner_m { position: relative; max-width: 100%; margin: 0 auto; padding: 0 2rem; overflow: hidden; }
	.w-40 { width: 100%; }
}

@media (max-width: 1365px) {
	.inner { padding: 1rem; }
}

@media(max-width: 1599px){	
	#gnb1 > ul { width: calc(100% - 20rem); margin-right: 3rem; }
	#gnb1 > ul > li > a { padding: 0.5rem 1.5rem; font-size: 1.250rem; }
}

@media (max-width: 1279px) {
	#gnb2.active > ul{ width: 100%; }
	#gnb2 > ul{ left: 0; margin-left: 0; }
	#gnb2 > ul > *{ padding-top: 8rem; }

	.prbox1 { width: 48%; }
	.mS2 { background-size: auto 100%; }
	.mS4 { background-size: auto 100%; }
	.mcase { display: table; width: 40%; }
	
	
}