/* common */
.sub { width:1200px; margin:0 auto; position:relative; background:#fff;}
#subWrap { width:932px; position:relative; margin:0 0 0 268px;  box-sizing:border-box; }
.contents { padding:130px 99px 111px 99px;}
.contents h3 { font-size:30px; color:#464646; padding:0 53px 30px 0; border-bottom:1px solid #ebebeb; display:inline-block;  font-family:"NanumSquare",나눔스퀘어; font-weight:600;}
.subContents { box-sizing:border-box; position:relative; width:932px; margin:0 auto;}
.contents .title { margin:59px 0 50px 0;}
.contents .title p { font-size:30px; color:#898989; position:relative; font-family:"NanumSquare",나눔스퀘어; font-weight:300;}
.contents .title p span { font-size:36px; font-weight:600;}
.contents .title p:nth-child(2) { margin:0 0 0 204px;}
.contents .title p:nth-child(2):before { content:""; width:97px; height:1px; background:#e6e6e6; position:absolute; bottom:0; left:-109px;}

/*header*/
header.maxWidth { width:auto; margin:0;}
header { width:268px !important; position:fixed !important; height:100%; background:#fff; box-shadow:4px 4px 6px rgba(0,0,0,0.07); z-index:9999;}
.gnb { margin:49px 0 0 0; }
#hd .gnb > ul > li { width:100%; }
#hd .gnb > ul > li.gnbMenu:after { display: block; position: relative; right: 0; top:0;}
#hd .gnb > ul > li:first-child:before {  content:"";}
#hd .gnb > ul > li > a { padding:20px 0; }
#hd .gnb > ul > li.on > a { font-family:"NanumSquare",나눔스퀘어; font-weight:900; font-size:17px;}
#hd .gnb > ul > li .subMenu { position:relative; width:100%; left:0; top:0; border:none; background:#464646; display:none;}
#hd .gnb > ul > li .subMenu > li > a:hover { background:none;}
#hd .gnb > ul > li .subMenu > li {border:none;}
#hd .gnb > ul > li .subMenu > li > a { color:#959595;}
#hd .gnb > ul > li .subMenu > li > a:hover { color:#fff; background:url("../images/gnbSubBg.png") no-repeat 189px center;}
#hd .gnb > ul > li .subMenu:before { content:"";}
#hd .gnb > ul > li .subMenu > li.on a {  background:url("../images/gnbSubBg.png") no-repeat 189px center; color:#fff;}
#hd .gnb > ul > li.gnb04 .subMenu > li a {  background:url("../images/gnbSubBg.png") no-repeat 220px center; }
header .subHdbot { position:absolute; bottom:23px; width:100%;}
header .subHdbot .sns { display:block; text-align:center; padding:0 0 40px 0; border-bottom:1px solid #ebebeb; }
header .subHdbot .copy { display:block; margin:19px 0 0 0; font-size:11px; color:#9c9c9c;}

/*lnb*/
.lnbBox { height:50px; border-bottom:1px solid #ebebeb; box-sizing:border-box;  position:fixed; background:#fff; width:930px; z-index:9999;}
.lnbBox .depth { float:left; border-right:1px solid #ebebeb; width:217px; box-sizing:border-box; height:50px; text-align:center; position:relative; cursor:pointer;}
.lnbBox .depth h2 { font-size:14px; color:#464646; font-family:"NanumSquare",나눔스퀘어; font-weight:300; background:url("../images/lnbBg.gif") no-repeat 199px center; line-height:50px;}
.lnbBox .depth .copy_menu { position:absolute; width:100%; border-top:5px solid #000; top:calc( 100% - 5px );}
.lnbBox .depth .copy_menu li { height:46px;  border-bottom:1px solid #fff;}
.lnbBox .depth .copy_menu li a { line-height:46px; color:#fff; font-size:14px; background:url("../images/gnbSubBg.png") no-repeat 188px center #949494; text-align:left; padding:0 0 0 50px;}
.lnbBox .depth .copy_menu li a:hover { background-color:#252525; }


.lnbBox .lnbhome { width:54px; border-left:1px solid #ebebeb;  padding:16px 0 0 0;}

/*푸터*/
footer { padding:46px 0 54px;}
footer .ftLogo { float:left; padding:0 54px 0 327px;}
footer address { float:left;}
footer address p { font-size:12px; color:#9c9c9c; line-height:22px;}

#wrap { background:url("../images/greetingBg.jpg") no-repeat center top; box-sizing:border-box;/* background-size:cover;*/     background-attachment: fixed;}
.greeting { position:relative; height:981px;}
.greeting .txt { }
.greeting .txt p { line-height:30px; font-size:14px; color:#898989; margin:0 0 30px 0; font-family:"NanumSquare",나눔스퀘어; font-weight:300;}
.greeting .txt p.last { font-size:16px;}

/*contact us*/
.contact h3 { color:#464646; font-weight:300;}
.contact h3 span { font-weight:600;}
.contact .title { margin:25px 0 0 0;}
.contact .title p {font-size:14px; color:#898989; font-weight:300;}
.contact form {}
.contact form .message { margin:52px 0 0 0;}
.contact form .message li { width:356px; float:left; margin:0 22px 24px 0;}
.contact form .message li label { font-size:14px; font-weight:600; color:#363636; margin:0 0 12px 0; display:block; }
.contact form .message li input { width:100%; height:41px; border-radius:3px; border:1px solid #ccc; padding:0 0 0 14px; box-sizing:border-box;}
.contact form .message li:last-child { width:100%;}
.contact form .message li input::placeholder { color: #9b9b9b; font-size:14px; font-weight:600;}
.contact form .message li textarea { width:734px; border-radius:3px; border:1px solid #ccc; padding:5px; box-sizing:border-box; resize:none;}
form .btn { text-align:right; width:734px;}
form .btn input { width:130px; height:42px; text-align:center; color:#fff; background:#464646; border:none; border-radius:5px; font-size:18px; font-family:"NanumSquare",나눔스퀘어; cursor:pointer; padding:0;}
form .btn input:hover { background:#b9b9b9;}


/* service */
.service {}
.service .con {margin:59px 0 0 0;}
.service .con dl { }
.service .con dl dt { font-size:17px; font-family:"NanumSquare",나눔스퀘어;  font-weight:600; color:#464646; margin:0 0 22px 0;}
.service .con dl dd { color:#898989; font-size:14px; font-family:"NanumSquare",나눔스퀘어;  font-weight:300; line-height:39px; margin:0 0 37px 0}
.service .con p { overflow:hidden;}
.service .con p > img { transition:all 1.2s ease-in-out;}
.service .con p > img:hover { transform:scale(1.2); }
.service .con2 {margin:81px 0 0 0;}


/*product*/
.prod .contents { padding:130px 40px 111px;}
.prod .top { padding:0 0 0 56px;}
.prod .top .info { margin:27px 0 0 0;}
.prod .top .info p {  font-size:15px;color:#898989; font-weight:300; font-family:"NanumSquare",나눔스퀘어;  padding:0 0 0 0px; margin:0 0 0 00px; line-height:30px;}
.prod .top .info p span {  color:#464646; font-weight:600; background:url("../images/prodBullet.gif") no-repeat right center;  width:82px; display:inline-block; margin:0 23px 0 0;}
.prod ul.img { margin:42px 0 0 0; position:relative;}
.prod ul.img li { float:left; margin:0 0 30px 0; position:relative; cursor:pointer; overflow:hidden;}
.prod ul.img li .on { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); text-align:center; font-size:0; box-sizing:border-box; padding:100px 0 0 0; opacity:0;}
.prod ul.img li .on p { font-size:14px; color:#fff;}
.prod ul.img li .on p.cate { font-size:11px;}
.prod ul.img li .on .sns { margin:11px 0 0 0;}
.prod ul.img li .on .sns { display:inline-block; position:absolute; left:50%; margin:11px 0 0 -13px;}
.prod ul.img li .on .line { display:inline-block; width:21px; height:1px; background:#959595; margin:10px 0;}
.prod ul.img li:nth-child(odd) { margin:0 27px 30px 0;}
.prod ul.img > li > a { display:block; position:relative; height:100%;}



/*Wholsale application*/

.wholsale {}
.wholsale h4 { font-size:14px; color:#363636; font-weight:600; border-bottom:1px solid #ebebeb; display:inline-block; padding:0 0 3px 0; margin:0 0 24px 0;}
.worldMap { margin:31px 0 16px;}
.wholsale .info ul li { margin:0 0 8px 0; padding:0 0 0 28px; height:41px; font-size:0;}
.wholsale .info fieldset { margin:0 0 48px 0;}
.wholsale label { font-size:14px; font-weight:600; color:#363636; margin:0 0 12px 0; display:inline-block;  box-sizing:border-box; float:left; padding:12px 0 0 0;}
.wholsale label:after { content:"*"; color:#f48053; padding:0 0 0 2px;}
.wholsale input { height:41px; border-radius:3px; border:1px solid #ccc; padding:0 0 0 14px; box-sizing:border-box; display:inline-block; width:584px; float:right;}
.wholsale input::placeholder { color: #9b9b9b; font-size:14px; font-weight:600;}
.wholsale textarea { width:734px; border-radius:3px; border:1px solid #ccc; padding:5px; box-sizing:border-box; resize:none;}
.wholsale textarea::placeholder {  color: #9b9b9b; font-size:16px; font-weight:600;}
.wholsale .info fieldset.business li:last-child input{ width:518px; }
.wholsale .info fieldset.address li { }
.wholsale .info fieldset.address li input {float:left;}
.wholsale .info fieldset.address li.half { float:left; box-sizing:border-box;}
.wholsale .info fieldset.address li label { width:121px;}
.wholsale .info fieldset.address li.half label { }
.wholsale .info fieldset.address li.half input { width:218px }
.wholsale .info fieldset.address li:last-child { clear: left; height:auto; margin:0;}
.wholsale .info fieldset.address li:last-child textarea { width:585px; padding:10px 0 0 14px;}
.wholsale form .btn { margin:22px 0 0 0;}
/* Static export: keep the complete product submenu visible. */
/* #subWrap .lnbBox #lnb_menu { display:block !important; } */