@CHARSET "UTF-8";
html, body { width:100%; height:100%; min-width:320px; }
* { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
body { -webkit-text-size-adjust:none; }
#skipNavi { position:absolute; left:0; top:0; z-index:40; width:100%; z-index:2000;}
#skipNavi a { position:absolute; left:0; top:-50px; display:block; width:100%; padding:10px 0; font-size:1.3em; line-height:1.5em; color:#242220; text-align:center; z-index:200; background:#ffffff; }
#skipNavi a:active, #skipNavi a:focus { top:0; }
#wrapper {min-width:768px;}
#header {position:relative; z-index:2000; background:#fff;}
#header.gnbOn {position:relative;}
#header .headerBody {max-width:1680px; margin:0 auto; height:100px; padding:0 40px; *zoom:1;}
#header .headerBody:after {content:""; display:block; clear:both;}
#header h1 {float:left; line-height:100px; width:143px;}
#header h1 a {}
#header h1 img {width:143px; vertical-align:middle;}
#header .btn_gnbOpen {display:none;}
#header .btn_gnbClose {display:none;}
#gnbArea {float:right; padding-top:41px;}
#gnbArea .gnb {float:left; margin-right:10px; *zoom:1;}
#gnbArea .gnb > li {float:left; padding:0 30px; line-height:24px;}
#gnbArea .gnb > li > a {display:block; padding: 10px; line-height:24px; font-size:15px; color:#4b4e55;padding-bottom: 25px;}
#gnbArea .utilNav {float:left; margin-right:20px;}
#gnbArea .utilNav > li {float:left; line-height:24px;}
#gnbArea .utilNav > li > a {display:block; padding:0 0px; line-height:24px; font-size:12px; font-weight:300;}
#gnbArea .utilNav > li.worldwide {position:relative;}
#gnbArea .utilNav > li.worldwide:after {content:"|"; float:left; padding:0 30px; color:#d7d4d0; line-height:24px;}
#gnbArea .utilNav > li.worldwide > a {float:left; padding-left:18px; background:url(../images/ico_ww.png) no-repeat 0 50%;}
#gnbArea .utilNav > li.worldwide.layerOpen {}
#gnbArea .utilNav > li.worldwide .worldwideCont {display:none; position:absolute; left:-30px; top:35px; width:150px; border-bottom:1px solid #c1c1c1;}
#gnbArea .utilNav > li.worldwide.layerOpen .worldwideCont {display:block;}
#gnbArea .utilNav > li.worldwide .worldwideCont strong {display:block; background:#bcbcbc; color:#fff; font-size:11px; line-height:44px; text-align:center;}
#gnbArea .utilNav > li.worldwide .worldwideCont strong.typeA {background:#bcbcbc;}
#gnbArea .utilNav > li.worldwide .worldwideCont strong.typeB {background:#bcbcbc;}
#gnbArea .utilNav > li.worldwide .worldwideCont ul {padding:15px; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1; background:#fff;}
#gnbArea .utilNav > li.worldwide .worldwideCont ul li {line-height:20px;}
#gnbArea .utilNav > li.worldwide .worldwideCont ul li a {color:#707070; font-size:12px; line-height:20px;}
#gnbArea .utilNav li.contactUs {}
#gnbArea .utilNav li.contactUs a {padding-left:18px; color:#800039; background:url(../images/ico_mail.png) no-repeat 0 50%;}
.subDepthArea {display:none; position:absolute; left:0; top:100px; width:100%; border-bottom:1px solid #bebebe; background:#fff url(../images/bg_subDepth1.gif) repeat-x 0 0; text-align:center; z-index:50;}
.subDepthArea .over {position:absolute; left:-700px; top:0; background:#800039; width:265px; height:50px; -webkit-transition:all 0.2s ease-in-out; /* -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; */}
.gnb > li.on {}
.gnb > li.on .subDepthArea {display:block;}
.subDepth1 {position:relative; max-width:1680px; margin:0 auto; *zoom:1;}
.subDepth1:after {content:""; display:block; clear:both;}
.subDepth1 > .section {position:relative; float:left; width:25%; padding:0px 0 0px 0; vertical-align:top; text-align:left; z-index:5;}
.subDepth1 > .section > a {position:relative; display:table; width:100%; table-layout:fixed; height:48px; padding-right:0px; line-height:48px; background:url(../images/line_subDepth1.gif) no-repeat 100% 5px; border-bottom:1px solid #5a5a5a; font-weight:500; font-size:14px; z-index:5; }
.subDepth1 > .section > a > span {display:table-cell; padding-left:20%; padding-right:15px; line-height:16px; height:49px; vertical-align:middle; border-bottom:1px solid #fff; box-sizing:border-box;}
.subDepth1 > .section.on > a {color:#fff;}
/*.subDepth1 > .section:first-child {background:url(../images/line_subDepth1.gif) no-repeat 0 5px;}*/
.subDepth1 > .section:first-child > a {}
.subDepth1 > .section a:hover {text-decoration:none;}
.subDepth1 > .section > ul {display:none; padding:20px 10px 14px 20%;}
.subDepth1.on > .section > ul {display:block;}
.subDepth1 > .section > ul > li {padding:3px 0; line-height:14px;}
.subDepth1 > .section > ul > li > a {font-size:12px; color:#7e7e7e; }
.subDepth1 > .section.on > ul > li > a {color:#d5abbe;}
.subDepth1 > .section.on > ul > li.on > a {color:#fff;}
.subDepth1 > .section.on > ul > li > a:hover {color:#fff;}
.subDepth2 .lastGnb {display:none;}
.subDepth3 {clear:both; border-top:1px solid #bebebe; text-align:left;}
.subDepth3 a:hover {text-decoration:underline;}
.gnbMenu1 .subDepth3 {display:none;}
.gnbMenu1 .subDepth3 .lastGnb {max-width:1680px; margin:0 auto; text-align:center;}
.lastGnb {padding:40px 0 30px;}
.lastGnb .navi {display:inline-block; *zoom:1; height:34px;}
.lastGnb .navi:after {content:""; display:block; clear:both;}
.lastGnb .navi li {display:inline-block; width:112px; margin-right:8px; text-align:left;}
.lastGnb .navi li.on {}
.lastGnb .navi li a {display:block; padding:5px 0 5px 2px; font-size:14px; font-weight:500; color:#7e7e7e; border-bottom:1px solid #7e7e7e; line-height:18px;}
.lastGnb .navi li.on a {color:#800039; border-bottom:4px solid #800039;}
.lastGnb .navi li.all {padding:0; width:auto; margin:0;}
.lastGnb .navi li.all a {display:block; padding:7px; width:30px; height:30px; border-bottom:none; text-align:left; background:url(../images/all.gif) no-repeat 50% 50%; text-indent:-3000em;}
.lastGnb .navi li.noSub a:hover,
.lastGnb .navi li.noSub a:focus {color:#800039; border-bottom:4px solid #800039; text-decoration:none;}
.lastGnb .lastGnbCont {display:none; padding-top:10px; *zoom:1;}
.lastGnb .lastGnbCont:after {content:""; display:block; clear:both;}
.lastGnb .lastGnbCont > ul {text-align:center; *zoom:1;}
.lastGnb .lastGnbCont > ul:after {content:""; display:block; clear:both;}
.lastGnb .lastGnbCont > ul > li {position:relative; float:left; text-align:left; line-height:20px; font-size:14px; padding-top:40px;}
.lastGnb .lastGnbCont > ul > li > a {display:block; width:100%; text-align:center; color:#2e2c2c; font-size:14px; line-height:20px; border-right:1px solid #e1e1e1;}
.lastGnb .lastGnbCont > ul > li:first-child > a {border-left:1px solid #e1e1e1;}
/* .lastGnb .lastGnbCont > ul > li:after {position:absolute; right:0; top:0; content:"|"; color:#e1e1e1;}
.lastGnb .lastGnbCont > ul > li:first-child:before {position:absolute; left:0; top:0; content:"|"; color:#e1e1e1;} */
.lastGnb .g_himacsSpace > ul {max-width:1280px; width:auto; margin:0 auto;}
.lastGnb .g_himacsSpace > ul > li {width:25%;}
.lastGnb .g_himacsSpace > ul > li.lastMenu1 {background:url(../images/icon1.gif) no-repeat 32% 0;}
.lastGnb .g_himacsSpace > ul > li.lastMenu2 {background:url(../images/icon2.gif) no-repeat 29% 0;}
.lastGnb .g_himacsSpace > ul > li.lastMenu3 {background:url(../images/icon3.gif) no-repeat 24% 0;}
.lastGnb .g_himacsSpace > ul > li.lastMenu4 {background:url(../images/icon4.gif) no-repeat 24% 0;}
.lastGnb .g_himacsSpace > ul > li > a {text-align:left; padding-left:20%;}
.lastGnb .g_himacsSpace > ul > li ul {padding-left:20%; padding-top:5px;}
.lastGnb .g_himacsSpace > ul > li ul li {color:#7e7e7e; font-size:12px; line-height:18px;}
.lastGnb .g_himacsSpace > ul > li ul li a {color:#7e7e7e; font-size:12px; line-height:18px;}
.lastGnb .g_himacsProduct > ul {max-width:1024px; width:auto; margin:0 auto;}
.lastGnb .g_himacsProduct > ul > li {width:17%;}
.lastGnb .g_himacsProduct > ul > li:first-child {width:15%;}
.lastGnb .g_viateraSpace > ul {width:150px; margin:0 auto;}
.lastGnb .g_viateraSpace > ul > li {width:100%;}
.lastGnb .g_viateraProduct > ul {width:150px; margin:0 auto;}
.lastGnb .g_viateraProduct > ul > li {width:100%;}
.lastGnb .g_flooringSpace > ul > li {width:20%;}
.lastGnb .g_flooringSpace > ul > li.lastMenu1 {background:url(../images/iconflooring1.gif) no-repeat 26% 0;}
.lastGnb .g_flooringSpace > ul > li.lastMenu2 {background:url(../images/iconflooring2.gif) no-repeat 28% 0;}
.lastGnb .g_flooringSpace > ul > li.lastMenu3 {background:url(../images/iconflooring3.gif) no-repeat 23% 0;}
.lastGnb .g_flooringSpace > ul > li.lastMenu4 {background:url(../images/iconflooring4.gif) no-repeat 24% 0;}
.lastGnb .g_flooringSpace > ul > li.lastMenu5 {background:url(../images/iconflooring5.gif) no-repeat 28% 0;}
.lastGnb .g_flooringSpace > ul > li > a {text-align:left; padding-left:20%;}
.lastGnb .g_flooringSpace > ul > li ul {padding-left:20%; padding-top:5px;}
.lastGnb .g_flooringSpace > ul > li ul li {color:#7e7e7e; font-size:12px; line-height:18px;}
.lastGnb .g_flooringProduct {width:1200px; margin:0 auto; *zoom:1;}
.lastGnb .g_flooringProduct:after {content:""; display:block; clear:both;}
.lastGnb .g_flooringProduct .section {position:relative; float:left; width:50%; margin-top:20px; text-align:left;}
.lastGnb .g_flooringProduct .section:first-child {border-right:1px solid #e1e1e1;}
.lastGnb .g_flooringProduct .sectionSheet {padding-left:80px;}
.lastGnb .g_flooringProduct .sectionTile {padding-left:140px;}
.lastGnb .g_flooringProduct .section strong {display:block; position:absolute; left:0; top:0; width:88px; height:68px; padding-top:45px; font-size:15px; font-weight:500; color:#2e2c2c; line-height:17px; text-align:center;}
.lastGnb .g_flooringProduct .sectionSheet strong {background:url(/images/icon/sheet.gif) no-repeat 50% 7px;}
.lastGnb .g_flooringProduct .sectionTile strong {left:60px; background:url(/images/icon/tile.gif) no-repeat 50% 5px;}
.lastGnb .g_flooringProduct .section > ul {*zoom:1;}
.lastGnb .g_flooringProduct .section > ul:after {content:""; display:block; clear:both;}
.lastGnb .g_flooringProduct .section > ul > li {float:left; margin-left:40px; font-size:15px; color:#2e2c2c; line-height:18px; white-space:nowrap;}
.lastGnb .g_flooringProduct .section > ul > li > a {color:#2e2c2c; white-space:nowrap;}
.lastGnb .g_flooringProduct .section > ul > li > ul {padding-top:3px;}
.lastGnb .g_flooringProduct .section > ul > li > ul > li {padding:2px 0; font-size:12px; color:#979797; line-height:16px;}
.lastGnb .g_flooringProduct .section > ul > li > ul > li > a {color:#979797;}
.lastGnb .g_flooringProduct .section > ul > li > ul > li ul {padding-left:2px;}
.lastGnb .g_flooringProduct .section > ul > li > ul > li ul li {font-size:12px; color:#707070; line-height:16px;}
.lastGnb .g_flooringProduct .section > ul > li > ul > li ul li a {color:#707070;}
.lastGnb .g_flooringProduct .section > ul > li > ul > li ul li a:before {content:"-"; margin-right:2px; color:#707070;}
.gnbMenu2 .subDepth1 {height:250px;}
.gnbMenu2 .subDepth1 .section {width:20%;}
.gnbMenu2 .subDepth1 .comMenu {position:absolute; left:0; /*background:url(../images/line_subDepth1.gif) no-repeat 0 5px;*/}
.gnbMenu2 .subDepth1 .comMenu2 {top:50px;}
.gnbMenu2 .subDepth1 .comMenu3 {top:100px;}
.gnbMenu2 .subDepth1 .comMenu4 {top:150px;}
.gnbMenu2 .subDepth1 .comMenu5 {top:200px;}
.gnbMenu2 .subDepth1 .comMenu5 > a {border-bottom:none;}
.gnbMenu2 .subDepth1 > .section > ul {display:block !important;height: 200px;}
.gnbLocation {display:none; position:absolute; right:0; bottom:-30px; width:100%; height:30px;}
.gnbLocation .body {max-width:1680px; margin:0 auto; text-align:right;}
.gnbLocation .cont {display:inline-block; padding:0 30px 0 20px; background:#800039; color:#c891aa; line-height:30px;}
.gnbLocation a {color:#c891aa; font-size:12px; line-height:30px;}
.gnbLocation a:last-child {color:#fff; font-weight:500;}
.gnbLocation span:last-child {color:#fff; font-weight:500;}
.gnbLocation span:before {content:">"; padding:0 4px; color:#c891aa;}
.gnbLocation span:first-child:before {content:""; padding:0;}
#container {max-width:1680px; margin: 0 auto; padding-bottom:80px;}
.fullPage #wrapper {position:relative; height:100%;}
.fullPage #container {position:relative; height:100%; margin:-100px auto -80px; padding-bottom:0;}
.fullPage #container .containerBody {height:100%; padding:100px 0 80px 0;}
.fullPage #location {top:100px; z-index:20;}
.minFullPage #wrapper {position:relative; height:100%;}
.minFullPage #container {position:relative; min-height:100%; margin:-100px auto -80px; padding-bottom:0;}
.minFullPage #container .containerBody {min-height:100%; padding:100px 0 160px 0;}
.minFullPage #location {top:100px; z-index:20;}
#location {position:absolute; right:0; top:0; height:30px; padding:0 30px 0 0px; background:#800039 url(../images/menu.gif) no-repeat 12px 50%; color:#c891aa; line-height:30px;}
#location a {padding-left:30px; background:url(../images/menu.gif) no-repeat 12px 50%; white-space:nowrap;}
#location span {color:#c891aa;}
#location span:before {content:">"; padding:0 4px; color:#c891aa;}
#location span:first-child:before {content:""; padding:0;}
#location .lastLoca {color:#fff; font-size:12px; line-height:30px; font-weight:500; padding-right:20px;}
#location .lastLoca:after {display:block; position:absolute; right:20px; top:12px; content:""; width:13px; height:7px; background:url(../images/arrow_d.png) no-repeat 0 0}
/* #location a:last-child {color:#fff; font-weight:500;} */
#footer {position:relative; max-width:1680px; margin:0 auto; background:#e7e7e7;}
#footer .footBody {position:relative; padding:27px 40px; margin:0 auto; text-align:right;background: #ffffff;}
#footer .footBody .fLogo {position:absolute; left:40px; top:0px; line-height:26px; width:113px;}
#footer .footBody .fLogo a {}
#footer .footBody .fLogo img {width:113px;}
#footer .footBody .footNavi {display:inline-block; text-align:center; margin-right:20px;}
#footer .footBody .footNavi li {display:inline-block; line-height:26px;}
#footer .footBody .footNavi li a {color:#777; font-size:12px;}
#footer .footBody .footNavi li:before {content:"|"; padding:0 15px; color:#cfcfcf;}
#footer .footBody .footNavi li:first-child:before {content:""; padding:0;}
#footer .footBody .copyright {display:inline-block; line-height:26px; font-weight:300; color:#777; font-size:10px; vertical-align:top;}
@media all and (min-width:1025px) and (max-width:1280px){
.subDepth1 {max-width:1024px;}
.lastGnb .lastGnbCont > ul {max-width:1024px; width:auto; margin:0 auto;}
.lastGnb .g_himacsSpace > ul {max-width:1024px; width:auto;}
.lastGnb .g_himacsSpace > ul > li {width:20%;}
.lastGnb .g_himacsSpace > ul > li:nth-child(6):before {position:absolute; left:0; top:0; content:"|"; color:#e1e1e1;}
.lastGnb .g_flooringProduct {max-width:1024px; width:auto;}
.lastGnb .g_flooringProduct .sectionTile {padding-left:85px;}
.lastGnb .g_flooringProduct .sectionTile strong {left:5px;}
.lastGnb .g_flooringProduct .section > ul > li {margin-left:20px;}
#footer .footBody {padding:27px 20px;}
#footer .footBody .fLogo {left:20px;}
#footer .footBody .footNavi {margin-right:15px;}
#footer .footBody .footNavi li:before {padding:0 10px;}
}
@media all and (max-width:1024px){
#header .headerBody {height:80px; padding:0 0 0 20px;}
#header h1 {line-height:80px;}
#gnbArea {padding-top:30px;}
.subDepthArea {top:80px !important;}
#gnbArea .gnb > li {padding:0 20px;}
#gnbArea .utilNav {height:80px; margin:-29px 0 0 0;}
#gnbArea .utilNav > li {height:80px; border-left:1px solid #dbdbdb;}
#gnbArea .utilNav > li > a {width:90px; text-align:center;}
#gnbArea .utilNav > li.worldwide > a {padding:43px 0 0 0; background:url(../images/ico_ww2.png) no-repeat 50% 22px;}
#gnbArea .utilNav > li.worldwide.layerOpen > a {background:url(../images/close2.gif) no-repeat 50% 22px;}
#gnbArea .utilNav > li.worldwide:after {padding:0; content:'';}
#gnbArea .utilNav > li.worldwide .worldwideCont {left:0px; top:80px; width:181px;}
#gnbArea .utilNav > li.contactUs a {padding:43px 0 0 0; background:url(../images/ico_mail2.png) no-repeat 50% 24px;}
.lastGnb .g_himacsSpace > ul {width:100%;}
.lastGnb .g_himacsSpace > ul > li {width:20%;}
.lastGnb .g_himacsSpace > ul > li:nth-child(6):before {position:absolute; left:0; top:0; content:"|"; color:#e1e1e1;}
.lastGnb .g_himacsProduct > ul {width:100%;}
.lastGnb .g_flooringProduct {width:100%; padding:10px 30px 0;}
.lastGnb .g_flooringProduct .section {float:none; width:660px; margin:0 auto; padding:30px 0;}
.lastGnb .g_flooringProduct .section:first-child {border-bottom:1px solid #e1e1e1; border-right:none;}
.lastGnb .g_flooringProduct .sectionSheet {padding-left:150px;}
.lastGnb .g_flooringProduct .sectionTile {padding-left:150px;}
.lastGnb .g_flooringProduct .section strong {display:block; position:absolute; left:0; top:30px; width:88px; height:68px; padding-top:45px; font-size:15px; font-weight:500; color:#2e2c2c; line-height:17px; text-align:center;}
.lastGnb .g_flooringProduct .sectionSheet strong {left:30px;}
.lastGnb .g_flooringProduct .sectionTile strong {left:30px;}
.lastGnb .g_flooringProduct .section > ul { }
.lastGnb .g_flooringProduct .section > ul > li {margin-left:0px; width:170px; font-size:15px; color:#2e2c2c; line-height:18px; white-space:nowrap;}
.fullPage #container {position:relative; height:100%; margin:-80px auto -80px; padding-bottom:0;}
.fullPage #container .containerBody {height:100%; padding:80px 0 80px 0;}
.fullPage #location {display:none;}
#footer .footBody {height:80px; padding:0px 0px;text-align:center; overflow:hidden;}
#footer .footBody .fLogo {display:none;}
#footer .footBody .footNavi {display:block; padding-top:18px; text-align:center;}
#footer .footBody .footNavi li:before {padding:0 10px;}
#footer .footBody .copyright {display:block; text-align:center;}
}
.gnbMenu2 .subDepth1 .comMenu5 {
top: 200px;
}
@media all and (max-width:767px){
/* #header {position:static; height:50px;}
#header h1 {float:none; text-align:center; line-height:50px;}
#header h1 img {height:20px;}
#header .headerBody {height:auto;}
#header .btn_gnbOpen {position:absolute; left:0; top:0; display:block;}
#gnbArea {position:absolute; float:none; right:auto; left:-300px; top:0; width:300px; height:100%; padding:0; background:#fff; z-index:50;}
#gnbArea .gnb {float:none;}
#gnbArea .gnb:after {content:""; float:none; padding:0; color:#d7d4d0; line-height:0px;}
#gnbArea .gnb > li {float:none; padding:0 20px; line-height:24px;}
#gnbArea .gnb > li > a {display:block; padding:0 10px; line-height:24px; font-size:15px; color:#4b4e55;}
#gnbArea .utilNav {float:none; margin-right:0;}
#gnbArea .utilNav li {float:none; line-height:24px;}
#gnbArea .utilNav li a {display:block; padding:0 0px; line-height:24px; font-size:12px; color:#800039; font-weight:300;}
#gnbArea .utilNav li.contactUs {}
#gnbArea .utilNav li.contactUs a {padding-left:25px; background:url(/images/icon/ico_mail.png) no-repeat 0 50%;} */
/* #footer .footBody {padding:30px 20px;}
#footer .footBody .fLogo {position:static;}
#footer .footBody .footNavi {padding-top:10px; text-align:left;}
#footer .footBody .footNavi li a {color:#777; font-size:12px;}
#footer .footBody .footNavi li:before {padding:0 8px 0 4px;}
#footer .footBody .copyright {position:static;} */
}