/* 와이드 pc */ /* sub2 공통 css s */ .sub2_banner { background: url(/img/oem/sub2_banner.jpg) no-repeat center; background-size: cover; height: 250px; } .sub2_banner .banner_wrap { max-width: 1200px; margin: 0 auto; } .sub2_banner .banner_wrap h2 { color: #fff; font-size: 48px; font-weight: 400; padding-top: 85px; } #menu_wrap { max-width: 1200px; margin: 0 auto 80px auto; border-bottom: 1px solid #ccc; } #menu_wrap .menu { overflow: hidden; } #menu_wrap .menu li { float: left; background: url(/img/oem/2depth_dot.png) no-repeat center right; } #menu_wrap .menu li:nth-child(4) { background: none; } #menu_wrap .menu li a { font-size: 18px; color: #666; padding: 30px ; display: block; position: relative; line-height: 22px; letter-spacing: -1px; font-weight: 400; } #menu_wrap .menu li a.on { color:#0f573e; } /* sub2_content1 css s */ #sub2_content1 { max-width: 1200px; margin: 0 auto 150px auto; } #sub2_content1 .summary { background: url(/img/oem/sub_bar.jpg) no-repeat left; height: auto; padding: 2% 0 2% 35px; margin-bottom: 60px; } #sub2_content1 .summary p { font-size: 16px; } #sub2_content1 .value_4 { margin-bottom: 80px; } #sub2_content1 .value_4 h3 { font-size: 24px; margin-bottom: 60px; text-align: center; font-weight: 500; } #sub2_content1 .value_4 ul { overflow: hidden; } #sub2_content1 .value_4 ul li { float: left; width: 23.5%; margin-right: 2%; } #sub2_content1 .value_4 ul li.last { margin-right: 0; } #sub2_content1 .value_4 ul li img { margin-bottom: 30px; } #sub2_content1 .value_4 ul li p { padding: 0 6%; } #sub2_content1 .certify { overflow: hidden; } #sub2_content1 .certify .certify_img { float: left; width: 49%; margin-right: 2%; } #sub2_content1 .certify .certify_text { float: left; width: 49%; background: #f0f0f0; height: 395px; } #sub2_content1 .certify .certify_text .text_wrap { padding: 80px 6% 0 6%; } #sub2_content1 .certify .certify_text .text_wrap h3 { text-align: center; margin-bottom: 40px; font-size: 24px; font-weight: 500; } #sub2_content1 .certify .certify_text .text_wrap p { text-align: center; font-size: 16px; } #sub2_content1 .certify .certify_text .text_wrap .more { text-align: center; margin-top: 10%; } #sub2_content1 .certify .certify_text .text_wrap .more .btn { border: 1px solid #999; border-color: rgba(153,153,153,.5); border-radius: 50px; line-height: 20px; font-size: 15px; padding: 10px 20px; color: #666; font-weight: 300; } #sub2_content1 .certify .certify_text .text_wrap .more a.btn:hover { background: #07442f; color:#fff; text-decoration:none; } #sub2_content1 .certify .certify_text .text_wrap .more .btn .fa-angle-right { padding: 2px; } /* sub2_content2 css s */ #sub2_content2 { max-width: 1200px; margin: 0 auto 150px auto; } #sub2_content2 .summary { background: url(/img/oem/sub_bar.jpg) no-repeat left; height: auto; padding: 2% 0 2% 35px; margin-bottom: 60px; } #sub2_content2 .summary p { font-size: 16px; } #sub2_content2 .more { text-align: center; margin-top: 60px; } #sub2_content2 .more .btn { border: 1px solid #999; border-color: rgba(153,153,153,.5); border-radius: 50px; line-height: 20px; font-size: 15px; padding: 10px 20px; color: #666; font-weight: 300; } #sub2_content2 .more a.btn:hover { background: #07442f; color:#fff; text-decoration:none; } #sub2_content2 .more .btn .fa-angle-right { padding: 2px; } /* sub2_content3 css s */ #sub2_content3 { max-width: 1200px; margin: 0 auto 150px auto; } #sub2_content3 .summary { background: url(/img/oem/sub_bar.jpg) no-repeat left; height: auto; padding: 2% 0 2% 35px; margin-bottom: 60px; } #sub2_content3 .summary img { margin-bottom: 10px; } #sub2_content3 .summary p { font-size: 18px; } #sub2_content3 .certify_wrap { } #sub2_content3 .certify_wrap ul { overflow: hidden; } #sub2_content3 .certify_wrap ul li { width: 15.833%; margin: 0 1% 20px 0; float: left; } #sub2_content3 .certify_wrap ul li:nth-child(6) { margin-right: 0; } #sub2_content3 .certify_wrap ul li:nth-child(12) { margin-right: 0; } /* sub2_content5 css s */ #sub2_content5 { max-width: 1200px; margin: 0 auto 150px auto; } #sub2_content5 .summary { background: url(/img/oem/sub_bar.jpg) no-repeat left; height: auto; padding: 2% 0 2% 35px; margin-bottom: 60px; } #sub2_content5 .summary p { font-size: 16px; } #sub2_content5 .develop_inquiry { } #sub2_content5 .develop_inquiry .develop_inquiry_wrap { max-width: 1200px; height: 60px; background: #01593b; margin-bottom: 40px; } #sub2_content5 .develop_inquiry .develop_inquiry_wrap h3 { color: #fff; font-size: 24px; font-weight: 500; padding: 10px 0 0 40px; } #sub2_content5 .develop_inquiry .write_box { } #sub2_content5 .develop_inquiry .write_box table { width: 100%; border-top: 3px solid #01593b; border-bottom: 3px solid #01593b; } #sub2_content5 .develop_inquiry .write_box table tbody tr th { text-align: left; padding-left: 2%; border-right: 1px solid #ccc; padding: 1%; border-bottom: 1px solid #ccc; line-height: 2em; vertical-align: middle; font-weight: 400; font-size: 18px; } #sub2_content5 .develop_inquiry .write_box table tbody tr td { padding: 1% 2%; border-bottom: 1px solid #ccc; vertical-align: middle; font-size: 16px; } #sub2_content5 .develop_inquiry .write_box table tbody tr td ul { } #sub2_content5 .develop_inquiry .write_box table tbody tr td ul li { float: left; margin-left: 6%; } #sub2_content5 .develop_inquiry .write_box table tbody tr td ul li.first { float: left; margin-left: 0; } #sub2_content5 .develop_inquiry .write_box table tbody tr td .input_box { border: 1px solid #ccc; height: 2.5em; box-sizing: border-box; } #sub2_content5 .develop_inquiry .write_box table tbody tr td .select_box { border: 1px solid #ccc; height: 2.1em; box-sizing: border-box; padding: 0 1%; background-color: #fff; border: 1px solid #ccc; font-size: 16px; } #sub2_content5 .develop_inquiry .write_box table tbody tr td .textarea_box { border: 1px solid #ccc; padding: 1%; resize: none; box-sizing: border-box; } #sub2_content5 .develop_inquiry .write_box table tbody tr td div.file_inputs { position: relative; float: left; max-width: 500px; width: 100%; height: 2.1em; } #sub2_content5 .develop_inquiry .write_box table tbody tr td div.file_inputs input.file { cursor: pointer; width: 100%; position:relative; opacity:0; z-index: 2; vertical-align: top; line-height: 2.2em; } #sub2_content5 .develop_inquiry .write_box table tbody tr td div.file_inputs .fakefile { position: absolute; top:0; left: 0px; z-index:1; width: 100%; height: 100%; } #sub2_content5 .develop_inquiry .write_box table tbody tr td div.file_inputs .fakefile input { border: 1px solid #ccc; width: 70%; height: 2.5em; margin-right: 5px; vertical-align: top; padding: 0 1%; } #sub2_content5 .develop_inquiry .write_box table tbody tr td div.file_inputs .fakefile button { max-width: 8em; width: 35%; height: 2.2em; line-height: 1em; vertical-align: top; padding: 0.5em; float: right; font-size: 16px; } #sub2_content5 .develop_inquiry .write_box table tbody tr td .wp100 { width: 100%; } #sub2_content5 .develop_inquiry .write_box table tbody tr td .wp10 { width: 10%; } #sub2_content5 .develop_inquiry .btn_area { position: relative; margin-top: 40px; height:2.6em; } #sub2_content5 .develop_inquiry .btn_area .ta-c { text-align: center; } #sub2_content5 .develop_inquiry .btn_area .btn_box { cursor: pointer; } #sub2_content5 .develop_inquiry .btn_area .btn_box .btn_pack { text-align: center; min-width: 60px; max-width: 120px; border-width: 1px; border-color: #ccc; display: inline-block; padding: 13px 3%; background-repeat: no-repeat; background-color: #01593b; color: #fff; font-size: 18px; } #sub2_content5 .develop_inquiry .btn_area .btn_box .btn_pack.color { background: #999; } /* 일반 pc */ @media screen and (max-width:1280px) { /* sub2 공통 css s */ .sub2_banner .banner_wrap h2 { padding-left: 4%; } /* sub2_content1 css s */ #sub2_content1 { padding: 0 2%; } #sub2_content1 .certify { overflow: hidden; } #sub2_content1 .certify .certify_img { float: none; width: 100%; text-align: center; } #sub2_content1 .certify .certify_text { float: none; width: 100%; background: none; } #sub2_content1 .certify .certify_text .text_wrap { padding: 50px 10% 20px 10%; } #sub2_content1 .certify .certify_text .text_wrap h3 { text-align: center; margin-bottom: 20px; font-size: 24px; font-weight: 500; } #sub2_content1 .certify .certify_text .text_wrap p { text-align: center; font-size: 16px; } #sub2_content1 .certify .certify_text .text_wrap .more { text-align: center; margin-top: 10%; } #sub2_content1 .certify .certify_text .text_wrap .more .btn { border: 1px solid #999; border-color: rgba(153,153,153,.5); border-radius: 50px; line-height: 20px; font-size: 15px; padding: 10px 20px; color: #666; font-weight: 300; } #sub2_content1 .certify .certify_text .text_wrap .more a.btn:hover { background: #07442f; color:#fff; text-decoration:none; } #sub2_content1 .certify .certify_text .text_wrap .more .btn .fa-angle-right { padding: 2px; } /* sub2_content2 css s */ #sub2_content2 { padding: 0 2%; } /* sub2_content3 css s */ #sub2_content3 { padding: 0 2%; } /* sub2_content5 css s */ #sub2_content5 { padding: 0 2%; } } /* 테블릿 */ @media screen and (max-width:1024px) { /* sub2 공통 css s */ .sub2_banner { height: auto; } .sub2_banner .banner_wrap { max-width: 1024px; margin: 0 auto; } .sub2_banner .banner_wrap h2 { font-size: 30px; font-weight: 400; padding: 50px 0 50px 5%; } } /* 소형 테블릿 */ @media screen and (max-width:768px) { /* sub2 공통 css s */ #menu_wrap .menu li { background: none; width: 25%; height: 80px; } #menu_wrap .menu li a { font-size: 16px; text-align: center; } #menu_wrap .menu li a.on { color: #333; } /* sub2_content1 css s */ #sub2_content1 .summary p { font-size: 15px; } #sub2_content1 .value_4 ul { overflow: hidden; margin-bottom: 60px; } #sub2_content1 .value_4 ul li { float: left; width: 49%; margin-right: 2%; margin-bottom:30px; } #sub2_content1 .value_4 ul li:nth-child(2) { margin-right: 0; } #sub2_content1 .value_4 ul li:nth-child(4) { margin-right: 0; } #sub2_content1 .value_4 ul li img { margin-bottom: 30px; } #sub2_content1 .value_4 ul li p { padding: 0 6%; } /* sub2_content2 css s */ #sub2_content2 .summary p { font-size: 15px; } /* sub2_content3 css s */ #sub2_content3 .certify_wrap { } #sub2_content3 .certify_wrap ul { overflow: hidden; } #sub2_content3 .certify_wrap ul li { width: 32.666%; margin: 0 1% 20px 0; float: left; } #sub2_content3 .certify_wrap ul li:nth-child(3) { margin-right: 0; } #sub2_content3 .certify_wrap ul li:nth-child(6) { margin-right: 0; } #sub2_content3 .certify_wrap ul li:nth-child(9) { margin-right: 0; } /* sub2_content5 css s */ #sub2_content5 .summary { height: auto; padding: 2% 0 0 35px; margin-bottom: 60px; } #sub2_content5 .summary p { font-size: 15px; } } /* 모바일 */ @media screen and (max-width:640px) { /* sub2 공통 css s */ #menu_wrap { max-width: 1200px; margin: 0 auto 40px ; border-bottom: 1px solid #ccc; } /* sub2_content1 css s */ #sub2_content1 { padding: 0 4%; margin-bottom: 60px; } #sub2_content1 .certify .certify_text .text_wrap { padding: 50px 2% 20px 2%; } /* sub2_content2 css s */ #sub2_content2 { padding: 0 4%; } /* sub2_content3 css s */ #sub2_content3 { padding: 0 4%; margin: 0 auto 60px auto; } #sub2_content3 .summary { background: url(/img/oem/sub_bar.jpg) no-repeat left; height: auto; padding: 2% 0 2% 35px; margin-bottom: 40px; } #sub2_content3 .summary p { font-size: 16px; } /* sub2_content5 css s */ #sub2_content5 { padding: 0 4%; margin: 0 auto 60px auto; } #sub2_content5 .summary { height: auto; padding: 0 0 0 35px; margin-bottom: 60px; } #sub2_content5 .develop_inquiry { } #sub2_content5 .develop_inquiry .develop_inquiry_wrap { height: 40px; background: #01593b;} #sub2_content5 .develop_inquiry .develop_inquiry_wrap h3 { color: #fff; font-size: 18px; font-weight: 400; padding: 5px 0 0 40px; } #sub2_content5 .develop_inquiry .write_box { } #sub2_content5 .develop_inquiry .write_box table { width: 100%; border-top: 3px solid #01593b; } #sub2_content5 .develop_inquiry .write_box table tbody tr th { text-align: left; padding-left: 2%; border-right: 1px solid #ccc; padding: 1%; border-bottom: 1px solid #ccc; line-height: 2em; vertical-align: middle; font-weight: 400; font-size: 16px; } #sub2_content5 .develop_inquiry .write_box table tbody tr td { padding: 1% 2%; border-bottom: 1px solid #ccc; vertical-align: middle; font-size: 14px; } #sub2_content5 .develop_inquiry .write_box table tbody tr td ul { } #sub2_content5 .develop_inquiry .write_box table tbody tr td ul li { float: left; margin-left: 6%; } #sub2_content5 .develop_inquiry .write_box table tbody tr td ul li.first { float: left; margin-left: 0; } #sub2_content5 .develop_inquiry .write_box table tbody tr td .input_box { border: 1px solid #ccc; height: 2.5em; box-sizing: border-box; } #sub2_content5 .develop_inquiry .write_box table tbody tr td .select_box { border: 1px solid #ccc; height: 2.5em; box-sizing: border-box; padding: 0 1%; background-color: #fff; border: 1px solid #ccc; font-size: 14px; } #sub2_content5 .develop_inquiry .write_box table tbody tr td .textarea_box { border: 1px solid #ccc; padding: 1%; resize: none; box-sizing: border-box; } #sub2_content5 .develop_inquiry .write_box table tbody tr td div.file_inputs { position: relative; float: left; max-width: 500px; width: 100%; height: 2.1em; } #sub2_content5 .develop_inquiry .write_box table tbody tr td div.file_inputs input.file { cursor: pointer; width: 100%; position:relative; opacity:0; z-index: 2; vertical-align: top; line-height: 2.2em; } #sub2_content5 .develop_inquiry .write_box table tbody tr td div.file_inputs .fakefile { position: absolute; top:0; left: 0px; z-index:1; width: 100%; height: 100%; } #sub2_content5 .develop_inquiry .write_box table tbody tr td div.file_inputs .fakefile input { border: 1px solid #ccc; width: 65%; height: 2.5em; margin-right: 5px; vertical-align: top; padding: 0 1%; } #sub2_content5 .develop_inquiry .write_box table tbody tr td div.file_inputs .fakefile button { max-width: 8em; width: 30%; height: 2.5em; line-height: 1em; vertical-align: top; padding: 0.5em; float: right; font-size: 14px; } #sub2_content5 .develop_inquiry .write_box table tbody tr td .wp100 { width: 100%; } #sub2_content5 .develop_inquiry .write_box table tbody tr td .wp10 { width: 10%; } } /* 최소 사이즈 처리 */ @media screen and (max-width:480px) { /* sub2 공통 css s */ #wrap { min-width:260px; } .sub2_banner { height: 80px; } .sub2_banner .banner_wrap h2 { font-size: 23px; padding: 25px; 0 0 0 } #menu_wrap .menu li { height: 60px; } #menu_wrap .menu li a { font-size: 14px; padding: 15px 0; } /* sub2_content1 css s */ #sub2_content1 { margin: 0 auto 60px auto; } #sub2_content1 .summary { background: url(/img/oem/sub_bar_b.jpg) no-repeat left; height: auto; padding: 0 0 0 20px; margin-bottom: 80px; } #sub2_content1 .value_4 h3 { margin-bottom: 40px; font-size: 20px; } #sub2_content1 .certify .certify_text .text_wrap h3 { font-size: 20px; } #sub2_content1 .certify .certify_text .text_wrap .more { text-align: center; margin-top: 10%; } #sub2_content1 .certify .certify_text .text_wrap .more .btn { font-size: 12px; padding: 8px 12px; color: #666; font-weight: 300; } #sub2_content1 .certify .certify_text .text_wrap .more a.btn:hover { background: #07442f; color:#fff; text-decoration:none; } #sub2_content1 .certify .certify_text .text_wrap .more .btn .fa-angle-right { padding: 4px; } /* sub2_content2 css s */ #sub2_content2 { margin: 0 auto 60px auto; } #sub2_content2 .summary { background: url(/img/oem/sub_bar_b.jpg) no-repeat left; height: auto; padding: 0 0 0 20px; margin-bottom: 100px; } /* sub2_content5 css s */ #sub2_content5 { margin: 0 auto 60px auto; } #sub2_content5 .summary { background: url(/img/oem/sub_bar_b.jpg) no-repeat left; height: auto; padding: 2% 0 2% 20px; margin-bottom: 60px; } #sub2_content5 .develop_inquiry .btn_area { position: relative; margin-top: 40px; height:2.6em; } #sub2_content5 .develop_inquiry .btn_area .ta-c { text-align: center; } #sub2_content5 .develop_inquiry .btn_area .btn_box { cursor: pointer; } #sub2_content5 .develop_inquiry .btn_area .btn_box .btn_pack { text-align: center; min-width: 60px; max-width: 120px; border-width: 1px; border-color: #ccc; display: inline-block; padding: 10px 2.5%; background-repeat: no-repeat; background-color: #01593b; color: #fff; font-size: 16px; } #sub2_content5 .develop_inquiry .btn_area .btn_box .btn_pack.color { background: #999; } }