/* about 컨텐츠부분 */
#newAboutContentsTop-Box {overflow: hidden; width: 100%; margin:0 auto; height: auto; background-color:#fff;}
#newAboutContentsMid-Box {width: 1300px; margin:40px auto 50px auto; height: auto; background-color:#fff; clear:both;}
.newAboutConMid-left {float:left; width: 500px; padding:0 40px 0 6px; margin:100px auto 100px auto; height: auto;}
.newAboutConMid-right {float:right; width: 600px; padding:0; margin:100px auto 100px auto; height: auto;}

.newaboutcm-lefth2 {font-size:48px; color:#666; font-weight:300; text-align:left;}
.newaboutcm-leftp2 {font-size:48px; color:#000; font-weight:600; text-align:left;}

.text-h2wr-big {font-size:25px; color:#444; font-weight:bold; line-height:150%; letter-spacing:-0.2px; text-align:left;}
.text-h2wr-m {font-size:18px; color:#222; font-weight:300; line-height:150%; letter-spacing:-0.2px; text-align:left;}

/* 브랜드로고 5개 */
#newAboutContentsFiveBrand-Box {width: 1300px; margin:0 auto 100px auto; padding:0 0 0 10px; height: auto; text-align:center; background-color:#fff; clear:both;}
.row-newA-brandLogo-five:after {content: ""; display: table; clear: both;}
.column-newA-brandLogo-five-01 {float: left; width: 16%; padding: 15px; margin:0 0.5% 0 0; height: auto; background-color:#fff; border:1px solid #ccc; border-radius:10px;}
.column-newA-brandLogo-five-02 {float: left; width: 16%; padding: 15px; margin:0 0.5% 0 0.5%; height: auto; background-color:#fff; border:1px solid #ccc; border-radius:10px;}
.column-newA-brandLogo-five-03 {float: left; width: 16%; padding: 15px; margin:0 0.5% 0 0.5%; height: auto; background-color:#fff; border:1px solid #ccc; border-radius:10px;}
.column-newA-brandLogo-five-04 {float: left; width: 16%; padding: 15px; margin:0 0.5% 0 0.5%; height: auto; background-color:#fff; border:1px solid #ccc; border-radius:10px;}
.column-newA-brandLogo-five-05 {float: left; width: 16%; padding: 15px; margin:0 0 0 0.5%; height: auto; background-color:#fff; border:1px solid #ccc; border-radius:10px;}

.column-newA-brandLogo-five-01 img {width:205px; height:auto;}
.column-newA-brandLogo-five-02 img {width:205px; height:auto;}
.column-newA-brandLogo-five-03 img {width:205px; height:auto;}
.column-newA-brandLogo-five-04 img {width:205px; height:auto;}
.column-newA-brandLogo-five-05 img {width:205px; height:auto;}


@media all and (min-width: 320px) and (max-width:992px) { 
body {background-color:#fff;}
#newAboutContentsTop-Box {width: 100%; margin:0 auto; height: auto; background-color:#fff;}
.main_rolling_mobile img {width:100%; height:auto; margin-bottom:-100px;}

#newAboutContentsMid-Box {width: 90%; margin:40px auto 100px auto; height: auto; background-color:#fff;}
.newAboutConMid-left {width:100%; padding:0; margin:50px auto 0 auto; height: auto;}
.newAboutConMid-left img {width:100%; padding:0; margin:50px auto 0 auto; height: auto;}
.newAboutConMid-right {width: 100%; padding:0; margin:10px auto 50px auto; height: auto;}

.newaboutcm-lefth2 {font-size:40px; color:#666; font-weight:300; text-align:left;}
.newaboutcm-leftp2 {font-size:30px; color:#000; font-weight:600; text-align:left;}

.text-h2wr-big {font-size:24px; color:#444; font-weight:bold; line-height:160%; letter-spacing:-0.2px; text-align:left;}
.text-h2wr-m {font-size:18px; color:#222; font-weight:300; line-height:160%; letter-spacing:-0.2px; text-align:left;}

/* 브랜드로고 5개 */
#newAboutContentsFiveBrand-Box {width: 90%; margin:0 auto 100px auto; padding:0; height: auto; background-color:#fff; clear:both;}
.row-newA-brandLogo-five {margin-left:-2px;}
.column-newA-brandLogo-five-01 {width: 100%; padding: 0; margin:1% 0 1% 0; height: auto; background-color:#fff; border:1px solid #ccc; border-radius:10px;}
.column-newA-brandLogo-five-02 {width: 100%; padding: 0; margin:1% 0 1% 0; height: auto; background-color:#fff; border:1px solid #ccc; border-radius:10px;}
.column-newA-brandLogo-five-03 {width: 100%; padding: 0; margin:1% 0 1% 0; height: auto; background-color:#fff; border:1px solid #ccc; border-radius:10px;}
.column-newA-brandLogo-five-04 {width: 100%; padding: 0; margin:1% 0 1% 0; height: auto; background-color:#fff; border:1px solid #ccc; border-radius:10px;}
.column-newA-brandLogo-five-05 {width: 100%; padding: 0; margin:1% 0 1% 0; height: auto; background-color:#fff; border:1px solid #ccc; border-radius:10px;}

.column-newA-brandLogo-five-01 img {width:205px; height:auto; padding:10px;}
.column-newA-brandLogo-five-02 img {width:205px; height:auto; padding:10px;}
.column-newA-brandLogo-five-03 img {width:205px; height:auto; padding:10px;}
.column-newA-brandLogo-five-04 img {width:205px; height:auto; padding:10px;}
.column-newA-brandLogo-five-05 img {width:205px; height:auto; padding:10px;}
}


/* OEN, ODM 컨텐츠부분 */
#newOenOdMContentsTop-Box {overflow: hidden; width: 100%; margin:0 auto; height: auto; text-align:center; vertical-align:middle; background-color:#fff;}
#newOenOdMContentsTopM-Box {width: 1300px; margin:100px auto 200px auto; height: auto; text-align:center; vertical-align:middle; background-color:#fff;}
.row-oenOdmProcess {margin: 0 -5px;}
.row-oenOdmProcess:after {content: ""; display: table; clear: both;}
.column-oenOdmProcess {float: left; width: 23%; padding: 0; margin: 1%;}
.card-oenOdmProcess {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);  height:160px; padding: 16px; text-align: center; background-color: #f1f1f1;}

.h2oenOdm-text {font-size:13pt; color:#000; font-weight:normal; letter-spacing:-0.2px; line-height:150%; text-align:center; padding:20px 20px 5px 20px;}
.poenOdm-text {font-size:10pt; color:#666; font-weight:default; line-height:150%; text-align:center; padding:0 10px 10px 10px;}


@media all and (min-width: 320px) and (max-width:992px) { 
#newOenOdMContentsTop-Box {width: 95%; margin:160px auto; height: auto; text-align:center; vertical-align:middle;}
#newOenOdMContentsTopM-Box {width:100%; height:auto; margin:0 auto; padding:0 0 0 0; text-align:center; float:left;}
.column-oenOdmProcess {width: 100%; display: block; margin:0 0 20px -10px;}
}


/* CONTACT US 컨텐츠부분 */
#newContactUsContentsTop-Box {overflow: hidden; width: 100%; margin:0 auto; height: auto; text-align:center; vertical-align:middle; background-color:#fff;}
#newContactUsContentsTopM-Box {width: 1300px; margin:100px auto 200px auto; height: auto; text-align:center; vertical-align:middle; background-color:#fff;}

.contactus-h2-text {font-size:13pt; color:#000; font-weight:normal; line-height:160%; letter-spacing:0.2px;}
.contactus-p-text {font-size:12pt; color:#666; font-weight:normal; line-height:160%; letter-spacing:0.2px;}


@media all and (min-width: 320px) and (max-width:992px) { 
#newContactUsContentsTop-Box {width: 100%; margin:100px auto; height: auto; text-align:center; vertical-align:middle;}
#newContactUsContentsTopM-Box {width: 100%; margin:50px auto 50px auto;}
.contactus-h2-text {font-size:11pt; color:#000; font-weight:normal; line-height:160%; letter-spacing:0.2px;}
.contactus-p-text {font-size:10pt; color:#666; font-weight:normal; line-height:160%; letter-spacing:0.2px;}
}