@font-face {
    font-family: ng;
    src: url(font/NanumGothic.eot);  /* IE 9 */
	src:local(※), url(NanumGothic.woff) format('woff');
}

/* Initialize */
* {padding:0;margin:0;border:0;}
html, body {width:100%;height: 100%;}
li {list-style:none;}
img{max-width:100%;max-height:100%}
table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;}
th, td {padding:0px;}
h1, h2, h3, h4, table, ul, li, p {font-family: san-serif, 나눔고딕, NanumGothic, ng;}

/* Container */
.container {position:relative;width:1280px;margin:0px auto;}

/* Header */
.header {position:relative;width:100%;background:#000;}
.header > div {position:relative;width:90%;margin:0px auto;}
.header-logo-1 {position:relative;top:0px;left:0px;width:179px;height:76px;padding-top:20px;cursor:pointer;}
.header-logo-2 {position:absolute;top:93px;left:100%;width:69px;height:103px;margin-left:-69px;}
.header-logo-2 > img {float:right;}

/* GNB */
.gnb {position:relative;width:100%;height:50px;margin-top:50px;color:#55554b;}
.gnb ul {height:100%;}
.gnb ul > li {margin-right:2%;float:left;cursor:pointer;}
.gnb ul > li:last-child {margin-right:0px;}
.gnb ul > li:hover {color:#fff;}

/* LNB */
.lnb {position:relative;width:100%;height:50px;padding-left:5%;padding-right:5%;background:#131313;}
.lnb ul {color:#55554b;display:none;}
.lnb ul > li {margin-right:60px;float:left;cursor:pointer;}
.lnb ul > li:last-child {margin-right:0px;}
.lnb ul > li:hover {color:#fff;}

/* Footer */
.footer {position:relative;width:100%;height:90px;color:#fff;background:#000;}
.footer > div {position:relative;width:100%;margin:0px auto;}
.footer > div > table {position:relative;top:20px;width:100%;}
.footer > div > table tr {vertical-align:middle;}
.footer > div > table td.first {text-align:right;}
.footer > div > table td.first > p{margin-right:1%;}
.footer > div > table td.last {text-align:left;border-left:1px solid #fff;}
.footer > div > table td.last > p {margin-left:1%;}

/* Content */
.content {position:relative;width:100%;}
.content > div {width:100%;display:none;}

.content-main-slider {position:relative;top:0px;left:0px;width:100%;background:url(../image/background_white.png) no-repeat;}
.content-main-slider h2 {color:#fff;}
.content-main-view {position:relative;top:0px;left:0px;width:100%;height:480px;background:url(../image/background_white.png) no-repeat;} /* 480 */
.content-main-view-1 {position:relative;top:0px;left:0px;width:100%;height:560px;background:url(../image/background_white.png) no-repeat;} /* 560 */
.content-main-view-2 {position:relative;top:0px;left:0px;width:100%;height:510px;background:url(../image/background_white.png) no-repeat;} /* 560 */

/* Content - Main */
.content-main-1 {position:relative;top:7%;left:0px;width:90%;height:90%;margin:0px auto;}
.content-main-1 table {width:100%;height:100%;text-align:left;}
.content-main-1 table tr {vertical-align:middle;}
.content-main-1 table tr:last-child td:first-child{width:75%;  border: }
.content-main-1 table tr:last-child td:last-child{width:25%;text-align:right; }
.content-main-1 table tr td img.resize{width:80%; height:auto;}
.content-main-1 table h1 {color:#A9AFB7;}
.content-main-1 table p {color:#8A8A8A; }
/*  white-space:pre-line; white-space:nowrap;  border:1px solid #acccd6;*/


.content-main-2 {position:relative;top:10%;left:0px;width:90%;height:80%;margin:0px auto;}
.content-main-2 table {width:100%;height:100%;text-align:left;}
.content-main-2 table tr {vertical-align:middle;}
.content-main-2 table tr td:first-child{width:55%;text-align:center;}
.content-main-2 table tr td:last-child{width:45%;}
.content-main-2 table tr td img.resize{width:90%; height:auto;}
.content-main-2 table h1 {color:#A9AFB7;}
.content-main-2 table p {color:#8A8A8A;}

.content-main-3 {position:relative;top:10%;left:0px;width:90%;height:80%;margin:0px auto;}
.content-main-3 table {width:100%;height:100%;text-align:left;}
.content-main-3 table tr {vertical-align:middle;}
.content-main-3 table tr:last-child td:first-child{width:65%;}
.content-main-3 table tr:last-child td:last-child{width:35%;text-align:center;}
.content-main-3 table tr td img.resize{width:80%; height:auto;}
.content-main-3 table h1 {color:#A9AFB7;}
.content-main-3 table p {color:#8A8A8A;}

/* Content - Company */
#loaded-company {width:100%;}
#loaded-company > div{position:relative;top:0px;left:0px;width:100%;}
#loaded-company > div > div {position:relative;top:0px;left:0px;width:90%;height:100%;margin:0px auto;padding:5% 0px 5% 0px;}

.content-company-summary-1 {color:#83888F;background:url(../image/background_white.png) no-repeat;}
.content-company-summary-1 > div > h1 {}
.content-company-summary-1 > div > p {margin-top:40px;}

.content-company-summary-2 {background:#222;color:#fff;}
.content-company-summary-2 > div > table {width:100%;height:100%;}
.content-company-summary-2 > div > table tr {vertical-align:middle;border-bottom:1px solid #333;}
.content-company-summary-2 > div > table tr td{padding:15px 0px 15px 0px;vertical-align:top;border-top:1px solid #444;border-bottom:1px solid #444;}

/*.content-company-vision {background:url(../image/background_casual.png) no-repeat;}*/
.content-company-vision {background:url(../image/background_gray1.png) no-repeat;}
/*.content-company-vision > div > h1 {width:130px;color:#fff;background:#000;padding:5px 0px 5px 20px;text-align:left;}*/
.content-company-vision > div > h1 {color:#83888F}
.content-company-vision > div > h4 {color:#83888F}
/*.content-company-vision > div > h4 {width:480px;color:#fff;background:#000;margin-top:10px;padding:10px 0px 10px 0px;text-align:center;}*/
.content-company-vision > div > div {width:100%;margin-top:3%;text-align:center;}

.content-company-history {background:url(../image/background_white.png) no-repeat;}
.content-company-history > div > div.translate {text-align:right;}
.content-company-history > div > div.translate img{cursor:pointer;}
.content-company-history > div > img.resize{width:80%; height:auto;}
.content-company-history > div > table {width:100%;color:#83888F}
.content-company-history > div > table tr.first{vertical-align:top;width:100%;color:#83888F}
.content-company-history > div > table tr.last{vertical-align:bottom;width:100%;color:#83888F}
.content-company-history > div > table td p {padding:1% 0px 1% 0px;}
.content-company-history > div > img {position:absolute;top:105%;left:105%;margin-top:-458px;margin-left:-359px;}

/*.content-company-organization {background:url(../image/background_casual.png) no-repeat;}*/
.content-company-organization {background:url(../image/background_gray2.png) no-repeat;}
.content-company-organization > div > h1 {color:#83888F}
/*.content-company-organization > div > h1 {width:240px;color:#fff;background:#000;padding:20px 0px 20px 20px;text-align:left;}*/
.content-company-organization > div > div {width:100%;height:100%;margin-top:8%;text-align:center;}

/* Content - Business */
#loaded-business {width:100%;}
#loaded-business > div{position:relative;top:0px;left:0px;width:100%;}
#loaded-business > div > div {position:relative;top:0px;left:0px;width:90%;height:100%;margin:0px auto;padding:5% 0px 5% 0px;}

.content-business-imageprocessing {background:url(../image/background_white.png) no-repeat; background-size:cover;}
.content-business-imageprocessing > div > h1 {color:#83888F;}
.content-business-imageprocessing > div > table {width:100%;margin-top:30px;}
.content-business-imageprocessing > div > table tr {vertical-align:top;}
.content-business-imageprocessing > div > table tr.trSpacing{height:30px;}
.content-business-imageprocessing > div > table tr td{text-align:center;}
.content-business-imageprocessing > div > table tr td.first {width:50%; text-align:left;}
.content-business-imageprocessing > div > table tr td.first-2 {width:45%; text-align:left;}
.content-business-imageprocessing > div > table tr td.last {width:50%; text-align:right;}
.content-business-imageprocessing > div > table tr td.last-2 {width:50%; text-align:left;}
.content-business-imageprocessing > div > table tr td.last-3 {width:55%; text-align:left; margin-left:20px;}
.content-business-imageprocessing > div > table tr td.last-4 {width:50%; text-align:center;}
.content-business-imageprocessing > div > table tr td img.resize {width:90%; height:auto;}
.content-business-imageprocessing > div > table p {color:#8A8A8A;}
.content-business-imageprocessing > div > h3 {margin-top:10px;color:#000;}
.content-business-imageprocessing > div > h4 {margin-top:20px;color:#83888F;}
.content-business-imageprocessing > div > p{margin-top:20px;color:#83888F;}

.content-business-green {background:url(../image/background_white.png) no-repeat; background-size:cover;}
.content-business-green > div > h1 {color:#83888F;}
.content-business-green > div > table {width:100%;margin-top:30px;}
.content-business-green > div > table tr {vertical-align:top;}
.content-business-green > div > table tr.trSpacing{height:30px;}
.content-business-green > div > table tr td{text-align:left;}
.content-business-green > div > table tr td.first {width:50%; text-align:left;}
.content-business-green > div > table tr td.last {width:50%; text-align:right;}
.content-business-green > div > table tr td.last-2 {width:50%; text-align:left;}
.content-business-green > div > table tr td img.resize {width:90%; height:auto;}
.content-business-green > div > table p {color:#8A8A8A;}
.content-business-green > div > h3 {margin-top:10px;color:#000;}
.content-business-green > div > h4 {margin-top:20px;color:#83888F;}
.content-business-green > div > p{margin-top:20px;color:#83888F;}

.content-business-iot {background:url(../image/background_white.png) no-repeat;}
.content-business-iot > div > h1 {color:#83888F;}
.content-business-iot > div > table {width:100%;margin-top:30px;}
.content-business-iot > div > table tr {vertical-align:top;}
.content-business-iot > div > table tr.trSpacing{height:30px;}
.content-business-iot > div > table tr td{text-align:left;}
.content-business-iot > div > table tr td.first {width:50%; text-align:left;}
.content-business-iot > div > table tr td.last {width:50%; text-align:right;}
.content-business-iot > div > table tr td.first-2 {width:50%; text-align:left;}
.content-business-iot > div > table tr td.last-2 {width:50%; text-align:left;}
.content-business-iot > div > table tr td.last-3 {width:50%; text-align:right; vertical-align:middle;}
.content-business-iot > div > table tr td img.resize {width:90%; height:auto;}
.content-business-iot > div > table p {color:#8A8A8A;}
.content-business-iot > div > h3 {margin-top:10px;color:#000;}
.content-business-iot > div > h4 {margin-top:20px;color:#83888F;}
.content-business-iot > div > p{margin-top:20px;color:#83888F;}

.content-business-iot-vod > div {background:#222;}
.content-business-iot-vod > div h1.top {color:#fff;}
.content-business-iot-vod > div h1.bottom {color:#222;}
.content-business-iot-vod > div > div {width:80%;height:80%;margin:0px auto;text-align:center;}

/* Content - Solution */
#loaded-solution {width:100%;}
#loaded-solution > div{position:relative;top:0px;left:0px;width:100%;}
#loaded-solution > div > div {position:relative;top:0px;left:0px;width:90%;height:100%;margin:0px auto;padding:5% 0px 5% 0px;}

.content-solution-imageprocessing {background:url(../image/background_white.png) no-repeat;}
.content-solution-imageprocessing > div > h1 {color:#83888F;}
.content-solution-imageprocessing > div > table {width:100%;margin-top:30px;}
.content-solution-imageprocessing > div > table tr {vertical-align:top;}
.content-solution-imageprocessing > div > table.table-1 tr td.first {width:45%;text-align:left;}
.content-solution-imageprocessing > div > table.table-1 tr td.last {width:55%;text-align:right;}
.content-solution-imageprocessing > div > table.table-2 tr td.first {width:55%;text-align:left;}
.content-solution-imageprocessing > div > table.table-2 tr td.last {width:45%;text-align:left;}
.content-solution-imageprocessing > div > table.table-3 tr td.first {width:45%;text-align:left;}
.content-solution-imageprocessing > div > table.table-3 tr td.last {width:55%;text-align:right;}
.content-solution-imageprocessing > div > table p {color:#8A8A8A;}
.content-solution-imageprocessing > div > h3 {margin-top:25px;color:#000;}
.content-solution-imageprocessing > div > p{margin-top:20px;color:#83888F;}

.content-solution-mobile-1 {background:url(../image/background_white.png) no-repeat;}
.content-solution-mobile-1 > div > h1 {color:#83888F;}
.content-solution-mobile-1 > div > h1 ~ p{margin-top:30px;color:#83888F;}
.content-solution-mobile-1 > div > div{width:100%;text-align:center;margin:50px 0px 50px 0px;}
.content-solution-mobile-1 > div > h3 {color:#83888F;}
.content-solution-mobile-1 > div > h3 ~ p{margin-top:20px;color:#83888F;}

.content-solution-mobile-2 {background:#222;}
.content-solution-mobile-2 > div > h1 {color:#fff;}
.content-solution-mobile-2 > div > div {width:80%;height:80%;margin:0px auto;text-align:center;}

.content-solution-virtualfitting-1 {background:url(../image/background_white.png) no-repeat;}
.content-solution-virtualfitting-1 > div > h1 {color:#83888F;}
.content-solution-virtualfitting-1 > div > h1 ~ p{margin-top:30px;color:#83888F;}
.content-solution-virtualfitting-1 > div > div{width:100%;text-align:center;margin:50px 0px 50px 0px;}
.content-solution-virtualfitting-1 > div > h3 {color:#83888F;}
.content-solution-virtualfitting-1 > div > h3 ~ p{margin-top:20px;color:#83888F;}

.content-solution-virtualfitting-2 {background:#222;}
.content-solution-virtualfitting-2 > div > h1 {color:#fff;}
.content-solution-virtualfitting-2 > div > div {width:80%;height:80%;margin:0px auto;text-align:center;}

/* Content - References */
#loaded-references {width:100%;}
#loaded-references > div{position:relative;top:0px;left:0px;width:100%;}
#loaded-references > div > div {position:relative;top:0px;left:0px;width:90%;height:100%;margin:0px auto;padding:5% 0px 5% 0px;}

.content-references-references {background:url(../image/background_white.png) no-repeat;}
.content-references-references > div > h1 {color:#83888F;}
.content-references-references > div > div {margin-top:30px;}
.content-references-references > div > div > p {margin-bottom:20px;color:#565858;}
.content-references-references > div > div > p > strong {margin-bottom:15px;color:#000;}

.content-references-partners {background:#222;color:#fff;}
.content-references-partners > div > h1 {color:#fff;}
.content-references-partners > div > table {width:100%;margin-top:30px;}
.content-references-partners > div > table tr {vertical-align:middle;border-bottom:1px solid #333;}
.content-references-partners > div > table tr td {padding:10px 0px 10px 0px;border-top:1px solid #444;border-bottom:1px solid #444;text-align:center;}
.content-references-partners > div > table tr td.first{width:300px;}
.content-references-partners > div > table tr td.last {text-align:left;padding-left:5%;}

/* Content - Contact */
#loaded-contact {width:100%;}
#loaded-contact > div{position:relative;top:0px;left:0px;width:100%;}
#loaded-contact > div > div {position:relative;top:0px;left:0px;width:90%;margin:0px auto;padding:5% 0px 5% 0px;}

.content-contact {background:url(../image/background_white.png) no-repeat;}
.content-contact > div > h1 {color:#83888F;}
.content-contact > div > div.translate {text-align:right;}
.content-contact > div > div.translate img{cursor:pointer;}
.content-contact > div > div.first {width:90%;margin:0px auto;text-align:center;padding-top:5%;}
/*.content-contact > div > div.last {width:80%;margin:0px auto;padding-top:5%;}*/
.content-contact > div > div.last {width:62%;margin:0px auto;padding-top:5%;}
.content-contact iframe {position:relative;top:0%;width:100%;height:500px;}

.content-recruit {background:url(../image/background_white.png) no-repeat; background-size:cover;}
.content-recruit > div > h1 {color:#83888F;}
.content-recruit > div > table {width:100%;margin-top:30px;}
.content-recruit > div > table tr {vertical-align:top;}
.content-recruit > div > table tr.trSpacing{height:30px;}
.content-recruit > div > table tr td{text-align:left;}
.content-recruit > div > table p {color:#8A8A8A;}
.content-recruit > div > h3 {margin-top:10px;color:#000;}
.content-recruit > div > h4 {margin-top:20px;color:#83888F;}
.content-recruit > div > p{margin-top:20px;color:#83888F;}

/* Custom */
.menu-clicked {color:#fff;}
.menu-clicked-not {color:#55554b;}
.vod-size {margin-top:15px;width:640px;height:480px;}

/* Slider - Content */
.slider-content-view {position:relative;top:5%;left:0px;width:90%;height:90%;margin:0px auto;}
.slider-content-view table {width:100%;height:100%;text-align:left;}
.slider-content-view table tr {vertical-align:middle;}
.slider-content-view table tr td.first-1 {width:50%;text-align:center;}
.slider-content-view table tr td.last-1 {width:50%;text-align:left; padding-right:5%;}
.slider-content-view table tr td.first-2 {width:50%;text-align:left; padding-left:5%;}
.slider-content-view table tr td.last-2 {width:50%;text-align:center;}
.slider-content-view table tr td.first-3 {width:40%;text-align:center;}
.slider-content-view table tr td.last-3 {width:60%;text-align:left; padding-left:5%;}
.slider-content-view h1 {color:#fff;padding-bottom:20px;}
.slider-content-view p {color:#d5d7db;}