@charset "utf-8";

/* Reset */
html {}
html,body{ width:100%;height:100%; }
body { font-size:13px; line-height:20px; font-family:"NanumGothic",'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;color:#362f2d;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h3,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-text-size-adjust:none; }
img,fieldset{border:0}
ul,ol,li{list-style:none;}
h1,h2,h3,h3,h5,h6 { font-weight:normal; }
hr {display:none;}
a,a:visited {text-decoration:none;cursor:pointer;color:#111;}
a:hover,a:focus{text-decoration:underline;}
em,i,address {font-style:normal; font-weight:normal;}
legend,caption {display:none; clear:both;}
input,textarea,select,button,table{ font-size:inherit;font-family:inherit;line-height:inherit; }/**font-size:100%;*/
table{border-collapse:collapse}
textarea {outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
textarea {resize:none;padding:5px 10px;border:solid 1px #bcbcbc;background-color:#fff;color:#666;}
label,button { cursor:pointer; }

select {font-size:12px;line-height:20px;border:solid 1px #b2b2b2;-webkit-border-radius:3px;}
input,select,.btn {vertical-align:middle;color:#666;}
input[type="text"],
input[type="password"] {padding:8px 10px;border:solid 1px #bcbcbc;background-color:#fff;font-size:12px;line-height:12px;color:#666;}
input[type="file"] {height:30px;}

@font-face{
 	font-family:"NanumGothic";
 	src:url('../fonts/NanumGothic.eot');
	src:url('../fonts/NanumGothic.eot') format('embedded-opentype'), url('../fonts/NanumGothic.woff') format('woff'), url('../fonts/NanumGothic.ttf') format('truetype');
}

@font-face{
 	font-family:"NanumGothicB";
 	src:url('../fonts/NanumGothicBold.eot');
	src:url('../fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumGothicBold.woff') format('woff'), url('../fonts/NanumGothicBold.ttf') format('truetype');
}

@font-face{
 	font-family:"NanumGothicEB";
 	src:url('../fonts/NanumGothicExtraBold.eot');
	src:url('../fonts/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumGothicExtraBold.woff') format('woff'), url('../fonts/NanumGothicExtraBold.ttf') format('truetype');
}

/* blind */
.hidden{visibility:hidden;position:absolute;overflow:hidden;height:0;width:0;font-size:0}
.skipnavigation a:focus,
.skipnavigation a:active {left:0;padding:5px 0;background:#000;color:#fff; }
.skipnavigation a{width:100%;display:block;position:absolute;left:-3000%;top:0;text-align:center;z-index:2;}

/* float */
.f_left{float:left!important}
.f_right{float:right!important}
.clear{clear:both!important}

/* align */
.left{text-align:left!important}
.right{text-align:right!important}
.center,.center td,.center th{text-align:center}
.middle{vertical-align:middle!important}
.top{vertical-align:top!important}

/* float 해제 */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
* html .f-clear { height:1%; }
.clearfix { display:block; }


/*layout*/
#header {position:fixed;top:0;left:0;width:100%;height:76px;min-width:1200px;background:url("../images/common/header_bg.png") 0 0 repeat-x;z-index:1000;}
#header .headerWrap {position:relative;width:1108px;margin:0 auto;}
#header .headerWrap h1 a {position:absolute;top:0;left:0;display:block;width:128px;height:70px;background:url("../images/common/topLogo.png") 0 0 no-repeat;}
#header .headerWrap .gnbWrap {position:absolute;top:32px;left:308px;z-index:1001;}
#header .headerWrap .gnbWrap > li {float:left;height:38px;margin-right:48px;background-position:0 0;background-repeat:no-repeat;}
#header .headerWrap .gnbWrap > li > a {display:block;height:13px;font-size:0;line-height:0;overflow:hidden;}
#header .headerWrap .gnbWrap > li.gnbS01 > a {width:42px;background-image:url("../images/common/gnbMenu_01.png");}
#header .headerWrap .gnbWrap > li.gnbS02 > a {width:38px;background-image:url("../images/common/gnbMenu_02.png");}
#header .headerWrap .gnbWrap > li.gnbS03 > a {width:60px;background-image:url("../images/common/gnbMenu_03.png");}
#header .headerWrap .gnbWrap > li.gnbS04 > a {width:31px;background-image:url("../images/common/gnbMenu_04.png");}
#header .headerWrap .gnbWrap > li.gnbS05 > a {height:15px;width:47px;background-image:url("../images/common/gnbMenu_05.png");}
#header .headerWrap .gnbWrap > li.gnbS06 > a {width:49px;background-image:url("../images/common/gnbMenu_06.png");}
#header .headerWrap .gnbWrap > li:last-child {margin-right:0;}
#header .headerWrap .gnbWrap > li > a:hover {background-position:0 -13px;}
#header .headerWrap .gnbWrap > li.gnbS05 > a:hover {background-position:0 -15px;}
#header .headerWrap .gnbWrap .gnbSub {display:none;position:fixed;top:70px;left:0;width:100%;height:150px;background:url("../images/common/bg_subMenu.png") 0 0 repeat;color:#fff;text-align:center;z-index:100;}
#header .headerWrap .gnbWrap .gnbSub h2 {margin:40px auto 0 auto;max-width:1108px;}
#header .headerWrap .gnbWrap .gnbSub h2 span {display:inline-block;height:30px;vertical-align:top;border-bottom:solid 1px #fff;font-size:27px;}
#header .headerWrap .gnbWrap .gnbSub ul {margin:20px auto 0 auto;max-width:1108px;}
#header .headerWrap .gnbWrap .gnbSub ul li {display:inline-block;margin-right:30px;}
#header .headerWrap .gnbWrap .gnbSub ul li:last-child {margin-right:0;}
#header .headerWrap .gnbWrap .gnbSub ul li a {font-size:15px;color:#fff;text-decoration:none;}
#header .headerWrap .gnbWrap .gnbSub ul li a:hover {color:#ff782f;}
#header .headerWrap .gnbWrap .arrow {display:none;position:absolute;top:38px;left:12px;width:20px;height:14px;background:url("../images/common/subMenu_topArrow.png") 50% 0 no-repeat;z-index:1001;}
#header .headerWrap .gnbWrap .gnbS02 .arrow {left:98px;}
#header .headerWrap .gnbWrap .gnbS03 .arrow {left:195px;}
#header .headerWrap .gnbWrap .gnbS04 .arrow {left:290px;}
#header .headerWrap .gnbWrap .gnbS05 .arrow {left:375px;}
#header .headerWrap .gnbWrap .gnbS06 .arrow {left:473px;}
#header .headerWrap .gnbWrap li:hover .gnbSub, #header .headerWrap .gnbWrap li.on .gnbSub {display:block;}
#header .headerWrap .gnbWrap li:hover .arrow, #header .headerWrap .gnbWrap li.on .arrow {display:block;}
#header .headerWrap .gnbWrap > li.on > a {background-position:0 -13px;}
#header .headerWrap .gnbWrap > li.gnbS05.on > a {background-position:0 -15px;}
#header .headerWrap .gnbWrap .gnbSub ul li.on a {color:#ff782f;}

#header .headerWrap .util {position:absolute;top:24px;right:0;}
#header .headerWrap .util a {display:block;width:102px;height:22px;background:url("../images/btn/btn_goMall.png") 0 0 no-repeat;}

#contents {padding-top:70px;min-width:1200px;} 

#footer {width:100%;min-width:1200px;background-color:#414143;}
#footer .footer_contact {height:170px;background-color:#f2f2f2;}
#footer .footer_contact address {position:relative;width:1108px;height:170px;margin:0 auto;background:url("../images/common/footer_contact.jpg") 0 0 no-repeat;}
#footer .footer_contact address .btnMapView {position:absolute;top:90px;left:455px;display:block;width:180px;height:30px;background:url("../images/btn/btn_mapView.gif") 0 0 no-repeat;}
#footer .footer_siteMap {padding:30px 0;border-bottom:solid 1px #666667;}
#footer .footer_siteMap .siteMapWrap {position:relative;width:1108px;margin:0 auto;}
#footer .footer_siteMap .siteMapWrap .siteMapSection > li {float:left;width:125px;}
#footer .footer_siteMap .siteMapWrap .siteMapSection > li h5 {padding-bottom:20px;font-size:14px;color:#ebebeb;}
#footer .footer_siteMap .siteMapWrap .siteMapSection > li h5 a {font-size:14px;color:#ebebeb;}
#footer .footer_siteMap .siteMapWrap .siteMapSection > li ul li a {font-size:13px;color:#acacac;}
#footer .footer_siteMap .siteMapWrap .util {position:absolute;top:0;right:0;} 
#footer .footer_siteMap .siteMapWrap .util li {float:left;padding:0 10px;color:#acacac;}
#footer .footer_siteMap .siteMapWrap .util li a {color:#acacac;}
#footer .footer_siteMap .siteMapWrap .util li.youtube a {display:block;width:26px;height:22px;background:url("../images/common/footer_util_youtube.png") 0 0 no-repeat;}
#footer .footer_siteMap .siteMapWrap .util li.facebook a {display:block;width:19px;height:22px;background:url("../images/common/footer_util_facebook.png") 0 0 no-repeat;}
#footer .footer_siteMap .siteMapWrap .util li.blog a {display:block;width:29px;height:22px;background:url("../images/common/footer_util_blog.png") 0 0 no-repeat;}
#footer .footer_copyright {position:relative;width:1108px;margin:0 auto;height:50px;} 
#footer .footer_copyright .logo {display:inline-block;width:95px;height:50px;background:url("../images/common/footer_logo.gif") 0 0 no-repeat;}
#footer .footer_copyright .copyright {display:inline-block;margin-left:50px;font-size:12px;color:#acacac;line-height:50px;vertical-align:top;}
#footer .footer_copyright .familySite {position:absolute;top:12px;right:0;width:190px;height:25px;background:url("../images/common/familysite.gif") 0 0 no-repeat;cursor:pointer;}
#footer .footer_copyright .familySite ul {display:none;position:absolute;bottom:24px;width:188px;padding:10px 0;border:solid 1px #666;background-color:#414143;}
#footer .footer_copyright .familySite ul li {padding-left:15px;}
#footer .footer_copyright .familySite ul li a {font-size:11px;color:#b0b0b0;line-height:18px;}
#footer .footer_copyright .familySite:hover ul {display:block;}

#asideGuide {position:fixed;top:50%;left:0;margin-top:-151px;z-index:100;}
#asideGuide li {width:78px;height:73px;background:url("../images/common/asideGuide.png") 0 0 no-repeat;font-size:0;line-height:0;cursor:pointer;}
#asideGuide li.guide01 {height:79px;background-position:0 0;}
#asideGuide li.guide02 {background-position:0 -79px;}
#asideGuide li.guide03 {background-position:0 -152px;}
#asideGuide li.guide04 {height:78px;background-position:0 -225px;}
#asideGuide li:hover {width:136px;}
#asideGuide li.guide01:hover {height:79px;background-position:-78px 0;}
#asideGuide li.guide02:hover {background-position:-78px -79px;}
#asideGuide li.guide03:hover {background-position:-78px -152px;}
#asideGuide li.guide04:hover {height:78px;background-position:-78px -225px;}

.mainVisualWrap {width:100%;min-width:1200px;}
.mainVisualWrap .visualSection {position:relative;width:100%;}  
.mainVisualWrap .visualSection .visual img {width:100%;}
.cd-full-width .cont {position:absolute;bottom:0;left:50%;width:1108px;margin-left:-554px;}
.cd-full-width .cont h2 {position:absolute;bottom:90px;right:0;font-size:65px;color:#fff;font-family:"NanumGothicEB";text-shadow:rgba(0,0,0,0.8) 1px 1px 5px;text-align:right;max-width:none;}
.cd-full-width .cont p {position:absolute;bottom:50px;right:0;font-size:23px;font-family:"NanumGothicB";color:#fff799;letter-spacing:-1px;text-shadow:rgba(0,0,0,0.8) 1px 1px 3px;text-align:right;max-width:none;}

.contentWrap {width:100%;min-width:1200px;padding:120px 0 90px 0;background-position:0 0;background-repeat:no-repeat;}
.contentWrap.no {width:100%;min-width:1200px;padding:00px 0 0px 0;background-position:0 0;background-repeat:no-repeat;}
.contentWrap.sub {}
.contentWrap.bg {background-color:#ebebeb;}
.contentWrap.bg2 {background-color:#eeede4;}
.contentWrap.bg3 {height:400px;background-color:#ffffff;}
.contentWrap.bg.org {background-color:#ff6c00;}
.contentWrap.bg.org01 {background-color:#ff8100;}
.contentWrap.bg.org02 {background-color:#ff8332;}
.contentWrap.bg.org03 {background-color:#ef5e29;}
.contentWrap.bg.org04 {background-color:#c7b299;}
.contentWrap.bg.org05 {background-color:#ff8100;}
.contentWrap.bg.gray01 {background-color:#e5e4e3;}
.contentWrap.bg.gray02 {background-color:#f2f2f2;}
.contentWrap.bg.grayD {background-color:#f9f9f6;}
.contentWrap.bg.grayDark {height:600px;background-color:#bebebd;}
.contentWrap.bg.skill {background:#d3d3d3 url("../images/guide/guide_skill_bg.png") 0 0 repeat-x;}
.contentWrap.bg_pattern {padding-bottom:0;}
.contentWrap.bg_pattern.wood {height:550px;background:url("../images/main/main_bg_01.jpg") 0 0 repeat-x;}
.contentWrap.bg_pattern.woods {height:512px;background:url("../images/main/bg_wood.jpg") 0 0 repeat-x;}
.contentWrap.bg_pattern.wood01 {background:url("../images/main/bg_wood2.jpg") 0 0 repeat-x;}
.contentWrap.bg_pattern.woodDark {background:url("../images/guide/guideInfo_wood.jpg") 0 0 repeat-x;}
.contentWrap.bg_pattern.woodOrg {background:url("../images/products/pattern_wood_org.jpg") 0 0 repeat-x;}
.contentWrap.bg_pattern.grayImage {height:464px;background:#ebebeb url("../images/main/main_bg_02.jpg") 50% 0 no-repeat;}
.contentWrap.bg_pattern.grayImage01 {height:658px;background:#909090 url("../images/products/image_bg.jpg") 50% 0 no-repeat;}
.contentWrap .contentBox {position:relative;width:1108px;margin:0 auto;text-align:center;}
.contentBox h2 {height:34px;font-size:32px;color:#534741;font-family:"NanumGothicEB";}
.contentBox h2 span {display:inline-block;height:34px;font-size:32px;border-bottom:solid 2px #ff7900;}
.contentBox .title_text {padding:30px 0 40px 0;font-size:16px;color:#534741;}

.contentWrap.wood .contentBox {width:1120px;}
.contentWrap.wood .contentBox h2,
.contentWrap.wood .contentBox .title_text {color:#fff;} 
.contentWrap.org .contentBox h2 {color:#fff;}
.contentWrap.org .contentBox h2 span {border-bottom-color:#fff;}

.mainGuideWrap li {float:left;height:273px;}
.imageLayoutWrap li {float:left;margin:0 20px 20px 0;} 
.imageLayoutWrap li.last {margin-right:0;}
.imageLayoutWrap li img {display:block;}
.imageLayoutWrap.mainService li {width:364px;height:280px;margin:0;cursor:pointer;}
.imageLayoutWrap.mainService li.first {background:url("../images/main/service_img_01.png") 0 0 no-repeat;}
.imageLayoutWrap.mainService li.middle {width:380px;background:url("../images/main/service_img_02.png") 0 0 no-repeat;}
.imageLayoutWrap.mainService li.last {margin:0;background:url("../images/main/service_img_03.png") 0 0 no-repeat;}
.imageLayoutWrap.mainService li p {margin-top:180px;font-size:16px;line-height:24px;color:#362f2d;letter-spacing:-1px; }

.imageLayoutWrap.grid {margin-top:40px;}
.imageLayoutWrap.grid li {position:relative;background-color:#fff;cursor:pointer;}
.imageLayoutWrap.grid li .visual img {display:block;}
.imageLayoutWrap.grid li .cont {position:absolute;bottom:0;left:0;display:block;text-align:left;background-color:#fff;}
.imageLayoutWrap.grid li .cont h4 {position:absolute;margin:0;color:#ff7900;letter-spacing:-1px;}
.imageLayoutWrap.grid li .cont p {position:absolute;color:#534741;letter-spacing:-1px;}
.imageLayoutWrap.grid li:hover .cont {transition-property:height;transition-duration:0.5s;transition-delay:0.3s;}

.imageLayoutWrap.grid.news li {width:356px;height:404px;margin-bottom:50px;}
.imageLayoutWrap.grid.news li .visual img {}
.imageLayoutWrap.grid.news li .cont {width:356px;height:162px;}
.imageLayoutWrap.grid.news li .cont h4 {top:20px;left:10px;font-size:15px;}
.imageLayoutWrap.grid.news li .cont p {top:60px;left:10px;padding-right:10px;font-size:13px;}
.imageLayoutWrap.grid.news li .cont span {position:absolute;left:10px;bottom:15px;display:block;padding-top:10px;font-size:13px;color:#534741;background:url("../images/common/news_bar.gif") 0 0 no-repeat;}
.imageLayoutWrap.grid.news li:hover .cont {height:202px;}

.imageLayoutWrap.grid.case li {width:262px;height:445px;}
.imageLayoutWrap.grid.case li .cont {width:262px;height:183px;}
.imageLayoutWrap.grid.case li .cont .logo {position:absolute;top:10px;right:0;display:block;width:125px;height:47px;}
.imageLayoutWrap.grid.case li .cont h4 {bottom:75px;left:15px;display:block;height:30px;margin:0;font-size:18px;color:#ff8100;background:url("../images/common/case_bar.gif") 0 bottom no-repeat;}
.imageLayoutWrap.grid.case li .cont p {bottom:25px;left:15px;padding-top:10px;font-size:15px;}
.imageLayoutWrap.grid.case li:hover .cont {height:218px;}
.imageLayoutWrap.grid.main li {margin-bottom:0;}

.imageLayoutWrap.grid.case.type01 li {height:392px;}
.imageLayoutWrap.grid.case.type01 li .cont {height:130px;}
.imageLayoutWrap.grid.case.type01 li .cont .group {position:absolute;bottom:10px;right:20px;width:31px;height:19px;background:url("../images/gallery/icon_group.png") 0 0 no-repeat;}
.imageLayoutWrap.grid.case.type01 li:hover .cont {height:196px;}
.imageLayoutWrap.grid.case.type01 li:hover .cont h4 {top:25px;bottom:auto;}

.imageLayoutWrap.grid3 {margin-top:60px;}
.imageLayoutWrap.grid3 li {position:relative;width:356px;margin-right:20px;background-color:#fff;}
.imageLayoutWrap.grid3 li .visual img {display:block;}
.imageLayoutWrap.grid3 li .cont {display:block;padding-top:40px;text-align:left;background-color:#fff;}
.imageLayoutWrap.grid3 li .cont h4 {height:35px;margin:0;color:#ff7900;font-size:16px;letter-spacing:-1px;background:url("../images/common/case_bar.gif") 0 bottom no-repeat;}
.imageLayoutWrap.grid3 li .cont p {padding-top:10px;color:#534741;letter-spacing:-1px;}
.imageLayoutWrap.grid3 li.last {margin-right:0;}

.imageLayoutWrap.grid.machine li {width:356px;height:357px;}
.imageLayoutWrap.grid.machine li .visual img {}
.imageLayoutWrap.grid.machine li .cont {width:356px;height:88px;}
.imageLayoutWrap.grid.machine li .cont h4 {top:15px;left:20px;font-size:18px;line-height:30px;color:#362f2d;background:url("../images/common/news_bar.gif") 0 bottom no-repeat;}
.imageLayoutWrap.grid.machine li .cont p {top:45px;left:20px;padding-right:10px;font-size:16px;color:#707070;}
.imageLayoutWrap.grid.machine li .cont span.go2 {display:none;position:absolute;right:10px;bottom:10px;width:130px;height:30px;background:url("../images/products/go2.gif") 0 0 no-repeat;}
.imageLayoutWrap.grid.machine li:hover .cont {height:115px;}
.imageLayoutWrap.grid.machine li:hover .cont span.go2 {display:block;}

.imageLayoutWrap.grid.tool li {width:356px;height:520px;margin-bottom:20px;}
.imageLayoutWrap.grid.tool li .visual img {width:356px;height:356px;}
.imageLayoutWrap.grid.tool li .cont {position:relative;width:356px;height:auto;}
.imageLayoutWrap.grid.tool li .cont h4 {position:relative;padding:10px 0 0 0;font-size:16px;line-height:30px;color:#754c24;}
.imageLayoutWrap.grid.tool li .cont h5 {font-size:14px;}
#contents.products .contentWrap .imageLayoutWrap.grid.tool li .cont p {position:relative;font-size:13px;line-height:24px;color:#707070;}
.imageLayoutWrap.grid.tool li .cont span.go2 {position:absolute;top:10px;right:5px;width:130px;height:30px;background:url("../images/products/go2.gif") 0 0 no-repeat;}
.imageLayoutWrap.grid.tool.tab02 li {width:544px;height:560px;margin-bottom:20px;}
.imageLayoutWrap.grid.tool.tab02 li .visual img {width:544px;height:325px;}
.imageLayoutWrap.grid.tool.tab02 li .cont {width:544px;}


/*case*/
#contents.case .contentWrap {padding-top:160px;background:url("../images/main/main_bg_01.jpg") 0 0 repeat;}

/*gallery*/
#contents.gallery .contentWrap {padding-top:40px;background-color:#4a4a4a;}
#contents.gallery .mainVisualWrap .visualSection .cont {position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
#contents.gallery .mainVisualWrap .visualSection .cont div {position:absolute;top:50%;left:50%;margin-left:-221px;}
#contents.gallery .mainVisualWrap .visualSection .cont h3 {position:relative;right:auto;bottom:auto;font-size:40px;color:#fff;}
.iconGroup {position:absolute;top:-40px;right:0;padding-left:42px;font-size:16px;color:#ffa200;line-height:19px;background:url("../images/gallery/icon_group.png") 0 -19px no-repeat;}
.gallery_explain {margin-top:40px;text-align:center;color:#ff8100;font-size:14px;line-height:30px;}

/*about*/
#contents.about .contentWrap {padding:0;background:#f2f2f2 url("../images/about/about_bg.gif") 0 0 repeat-x;}
.aboutInfoSection {width:1108px;height:600px;margin:0 auto; 0 0 no-repeat;}
.aboutInfoSection.bg {width:1108px;height:600px;margin:0 auto; background-color:#f9f9f6;}
.aboutInfoSection p {padding:50px 0 0 395px;color:#fff;font-size:16px;line-height:35px;}
.aboutBusinessSection {width:1108px;margin:0 auto;background-color:#f9f9f6;}
.aboutBusinessSection li {width:526px;height:352px;padding-left:582px;background:url("../images/about/about_business.jpg") 0 0 no-repeat;}
.aboutBusinessSection li .ly {display:table-cell;padding:0 55px 0 32px;height:352px;vertical-align:middle;}
.aboutBusinessSection li .ly h2 {font-size:17px;line-height:30px;color:#ff7900;}
.aboutBusinessSection li .ly p {font-size:14px;line-height:24px;color:#362f2d;}
.aboutBusinessSection li.right {padding-right:582px;padding-left:0;text-align:left !important;}
.aboutBusinessSection li.right .ly {padding:0 55px;}  
.aboutBusinessSection li.b02 {background-position:right -352px;}
.aboutBusinessSection li.b03 {background-position:0 -704px;}
.aboutBusinessSection li.b04 {background-position:right -1056px;}
.aboutBusinessSection li.b05 {background-position:0 -1408px;}
.ceoGreetingSection {width:100%;margin-top:20px;background-color:#fff;}
.ceoGreetingSection .greetingCont {width:1108px;height:470px;padding:50px 0 50px 0;margin:0 auto;background:url("../images/about/about_ceoGreeting.jpg") 0 50px no-repeat;}
.ceoGreetingSection .greetingCont p {padding:75px 0 0 310px;font-size:13px;line-height:24px;}

/*about*/
#contents.about01 .contentWrap bg {padding:0;background:#f2f2f2 url("../images/about/about_bg2.gif") 0 0 repeat-x;}

#contents.aboutStory .contentWrap {padding:0 0 90px 0;}
.aboutStory .wisysStoryGraph .contentBox h2 {padding:60px 0 25px 0;font-family:"NanumGothic";color:#111;}
.aboutStory .wisysStoryGraph .contentBox p {padding:70px 0 0 0;font-size:16px;line-height:40px;color:#fff;}
.wisysMapLayout {padding-top:110px;}
.wisysMapLayout .address {padding:25px;color:#fff;font-size:16px;}
.wisysMapLayout .mapSection {margin-top:10px;}

/*guide*/
#contents.guideBasic .contentWrap {padding:60px 0;}
#contents.guideBasic .contentWrap.org04 {padding:180px 0 60px 0;}
.guideInfoLayout {background:url("../images/guide/guideInfo_text01.png") center 0 no-repeat;}
.guideInfoLayout p {font-size:16px;line-height:36px;color:#fff;}
.guideInfoLayout .p0 {padding-top:0;}
.guideInfoLayout .p70 {padding-top:67px;}
.guideInfoLayout .p90 {padding-top:90px;}
.contentWrap.woodDark .guideInfoLayout {background:url("../images/guide/guideInfo_text02.png") center 0 no-repeat;}
.contentWrap.woodDark .guideInfoLayout p {color:#fff;}
.guideInfoLayout table {margin:30px auto 35px auto;background-color:#fff;}
.guideInfoLayout table tbody td {border:solid 5px #774920;line-height:42px;font-size:15px;color:#0092cf;text-align:center;}
#contents.guideBasic .wood {background-repeat:repeat;height:auto;}
#contents.guideBasic .wood p {margin-bottom:45px;font-size:15px;line-height:36px;color:#fff;}
.contentWrap.arrow {background:#fff url("../images/guide/basic_arrow_org01.png") center 0 no-repeat;}
.contentWrap.arrow01 {background:#fff url("../images/guide/basic_arrow_gray01.png") center 0 no-repeat;}
.contentWrap.arrow02 {background:#e5e4e3 url("../images/guide/high_arrow_org01.png") center 0 no-repeat;}
.contentWrap.arrow03 {background:#e5e4e3 url("../images/guide/expert_arrow_org01.png") center 0 no-repeat;}
.contentWrap.arrow04 {background:#fff url("../images/guide/create_arrow_brown.png") center 0 no-repeat;}
.contentWrap.arrow05 {background:#e1e1e1 url("../images/guide/create_arrow_white.png") center 0 no-repeat;}
.contentWrap.arrow06 {background:#fff url("../images/guide/create_arrow_org.png") center 0 no-repeat;}
.contentWrap.arrow07 {background:#fff url("../images/guide/expert_arrow_khaki.png") center 0 no-repeat;}
.guideBasicListLayout .listTitle {margin:50px auto 10px auto;width:790px;background-color:#ffa200;line-height:30px;color:#fff;}
.guideBasicListLayout .toolListLayout {width:790px;margin:0 auto;}
.guideBasicListLayout .toolListLayout li {float:left;width:150px;height:200px;margin:0 10px 10px 0;background-color:#a7a7a7;} 
.guideBasicListLayout .toolListLayout li p {color:#fff;padding:5px;text-align:left;}
.guideBasicListLayout .toolListLayout li.last {margin-right:0;}
.toolBuyLayout {position:relative;height:375px;width:258px;margin:0 auto;background:url("../images/guide/guide_buy_text.png") 0 0 no-repeat;}
.toolBuyLayout a {position:absolute;top:173px;left:53px;}
.CouncelLayout {position:relative;height:376px;width:341px;margin:0 auto;background:url("../images/guide/guide_create_click.png") 0 30px no-repeat;}
.CouncelLayout a {position:absolute;top:86px;left:90px;}
.CouncelLayout a.btn02 {top:220px;}
.contentWrap.skill h3 {font-size:22px;color:#362f2d;letter-spacing:-1px;font-weight:bold;}
.skillLayout {width:990px;margin:25px auto 0 auto;}
.skillLayout li .head {position:relative;height:40px;margin-bottom:2px;background-color:#736357;text-align:left;cursor:pointer;} 
.skillLayout li .head span {display:inline-block;line-height:40px;}
.skillLayout li .head span.number {width:100px;font-size:12px;color:#fff;text-align:center;}
.skillLayout li .head span.title {color:#fff;}
.skillLayout li .head button.arrow {position:absolute;top:0;right:10px;border:0;width:40px;height:40px;background-color:transparent;background:url("../images/guide/guide_skill_arrow.png") 0 -40px no-repeat;}
.skillLayout li.on .head {background-color:#c99a5e;}
.skillLayout li.on .head button.arrow {background-position:0 0;}
.skillLayout li .skillCont {display:none;margin-bottom:2px;padding:45px 100px;background-color:#fff;text-align:left;} 
.skillLayout li .skillCont h4 {margin:0 0 20px 0;font-size:22px;color:#c68532;height:35px;border-bottom:solid 1px #dedede;letter-spacing:-1px;}
.skillLayout li .skillCont p {margin-bottom:30px;font-size:15px;color:#555;line-height:24px;letter-spacing:-1px;}
.skillLayout li .skillCont p.second {margin-top:30px;}
.skillLayout li .skillCont p strong {display:block;}
.skillLayout li .skillCont dl {width:780px;height:133px;margin-bottom:10px;}
.skillLayout li .skillCont dl dt {float:left;width:155px;}
.skillLayout li .skillCont dl dd {float:left;width:625px;}
.skillLayout li .skillCont dl dd strong, .skillLayout li .skillCont dl p {margin:0;font-size:15px;color:#555;line-height:24px;letter-spacing:-1px;}
.skillLayout li .skillCont.type01 dl {height:100px;margin-bottom:30px;}
.skillLayout li .skillCont.type01 dl.h120 {height:120px;}
.skillLayout li .skillCont.type01 dl dt {width:220px;}
.skillLayout li .skillCont.type01 dl dd {width:560px;}
.skillLayout li .skillCont.type02 dl {height:502px;}
.skillLayout li .skillCont.type02 dl dt {width:451px;margin-right:20px;}
.skillLayout li .skillCont.type02 dl dd {width:309px;}
.skillLayout li .skillCont.type03 dl dt {width:185px;}
.skillLayout li .skillCont.type03 dl dd {width:595px;}
.skillLayout li .skillCont .sTitle {margin-bottom:40px;text-align:center;font-size:20px;line-height:32px;color:#959595;letter-spacing:-1px;}
.skillLayout li .skillCont .sTitle strong {display:block;font-size:16px;color:#ff7900;}
.skillLayout li .skillCont table {width:100%;}
.skillLayout li .skillCont table tbody th {padding-bottom:20px;}
.skillLayout li .skillCont table tbody td {vertical-align:top;padding-bottom:20px;}
.skillLayout li .skillCont table tbody td p {margin-bottom:0;}
.skillLayout li.on .skillCont {display:block;} 

.org05 p {font-size:20px;color:#fff;line-height:45px;}
.org05 .visual {margin-top:45px;}
.contentWrap.brown {background:#534741 url("../images/guide/create_arrow_org.png") center 0 no-repeat;}
.contentWrap.brown p {font-size:18px;line-height:45px;color:#fff;}
.contentWrap.brown p.p01 {margin-top:50px;color:#ffc000;}
.contentWrap.arrow05 p {margin-top:45px;font-size:18px;}

/*service*/
#contents.service.academy {background-color:#ff7900;}
#contents.service .contentWrap {padding:60px 0;}
#contents.service .contentWrap h2 {font-size:24px;margin-bottom:30px;}
#contents.service .contentWrap h3 {font-size:20px;color:#fff;margin-bottom:30px;letter-spacing:-1px;}
#contents.service .contentWrap p {font-size:16px;color:#fff;line-height:36px;}
#contents.service .contentWrap .visual {margin-top:40px;}
#contents.service .contentWrap .visual.b65 {margin-bottom:65px;}
#contents.service .academyWrap {position:absolute;top:440px;left:50%;width:630px;padding:35px 60px;margin-left:-375px;background:#fff url("../images/service/service_05_02.jpg") 60px bottom no-repeat;;} 
#contents.service .academyWrap h2 {font-family:"NanumGothicEB";text-align:center;font-size:22px;color:#ff7900;margin-bottom:30px;}
#contents.service .academyWrap p {font-size:16px;color:#111;line-height:34px;letter-spacing:-1px;}
#contents.service .academyWrap .visual {margin:30px 0 180px 0;}
#contents.service .academyWrap .text {}

/*products*/
#contents.products .contentWrap {padding:60px 0;}
#contents.products .contentWrap p {font-size:15px;color:#362f2d;line-height:30px;}
.contentWrap.mean h2 {height:auto;font-size:28px;}
#contents.products .contentWrap.mean p {margin-top:50px;font-size:16px;color:#fff;}
.reasonLayout {height:116px;padding-left:200px;background:url("../images/products/as_img_01.png") 44px 0 no-repeat;font-size:16px;line-height:36px;color:#fff;text-align:left;letter-spacing:-1px;}
.contentWrap.wishroom {background-color:#323537;}
.contentWrap.woodOrg {height:300px;}
.contentWrap.woodOrg h2 {color:#fff;}
#contents.products .contentWrap h2 {font-size:30px;}
#contents.products .contentWrap.woodOrg p {color:#fff;line-height:42px;}
.contentWrap.tool h2 {padding-bottom:10px;font-size:24px;color:#ff7900;border-bottom:solid 1px #e2e2e2;}
.tabUI_tool {margin:20px 0;}
.tabUI_tool li {display:inline-block;margin-right:20px;font-size:18px;color:#898989;letter-spacing:-1px;cursor:pointer;}
.tabUI_tool li:last {margin-right:0;}
.tabUI_tool li.on {color:#ff7900;text-decoration:underline;}

.tabUI {margin-top:30px;}
.tabUI li {float:left;width:366px;height:60px;margin-right:5px;background:#666 url("../images/common/tab_arrow.png") right 0 no-repeat;text-align:left;cursor:pointer;}
.tabUI li span {display:inline-block;padding-left:40px;font-size:20px;color:#ccc;line-height:59px;}
.tabUI li:last-child {margin-right:0;}
.tabUI li.t01.on {background:#ece9dd url("../images/common/tab_arrow.png") right -60px no-repeat;}
.tabUI li.t01.on span {color:#0092cf;}
.tabUI li.t02.on {background:#ece9dd url("../images/common/tab_arrow.png") right -120px no-repeat;}
.tabUI li.t02.on span {color:#9baa05;}
.tabUI li.t03.on {background:#ece9dd url("../images/common/tab_arrow.png") right -180px no-repeat;}
.tabUI li.t03.on span {color:#e0a900;}
.tabContentWrap {padding:60px 40px;background-color:#ece9dd;}
.tabContentWrap .title h4 {margin:30px 0 10px 0;font-size:24px;letter-spacing:-1px;}
#contents.products .contentWrap .tabContentWrap .title p {padding-top:10px;border-top:solid 1px #fff;color:#ff7900;}
.tabContentWrap .grade {margin-top:30px;}
.tabContentWrap .grade img {display:inline-block;margin-right:10px;}
.tabContentWrap .grade img:last-child {margin-right:0;}
.tabContentWrap .ad {margin:70px 0;}
.tabContentWrap .comment {text-align:right;}
.tabContentWrap .specialLayout {padding-left:140px;text-align:left;}
.tabContentWrap .specialLayout.ebo {background:url("../images/products/product_ebo_05.png") 0 0 no-repeat;}
.tabContentWrap .specialLayout.spi {background:url("../images/products/product_spi_05.png") 0 0 no-repeat;}
.tabContentWrap .specialLayout.pur {background:url("../images/products/product_pur_05.png") 0 0 no-repeat;}
.tabContentWrap .specialLayout ul {border-left:solid 2px #fff;}
.tabContentWrap .specialLayout ul li {padding-left:34px;margin-bottom:30px;background:url("../images/common/bul_5x5_gray.gif") 20px 7px no-repeat;}
.tabContentWrap .specialLayout ul li span {display:block;color:#ff7900;font-size:15px;font-weight:bold;}

.pointLayout li {float:left;width:297px;height:297px;margin:15px 30px;background:url("../images/products/point_rnd.png") 0 0 no-repeat;text-align:center;}
.pointLayout li strong, .pointLayout li span {display:block;}
.pointLayout li strong {margin-top:100px;font-size:12px;color:#a67c52;}
.pointLayout li span {display:block;margin-top:10px;font-size:16px;color:#707070;line-height:38px;letter-spacing:-1px;font-weight:bold;}
.pointLayout li span em {font-size:22px;color:#0092cf;letter-spacing:-1px;}

.solutionListLayout li {float:left;margin:0 20px 20px 0;width:356px;height:356px;background-color:#fff;cursor:pointer;}
.solutionListLayout li.big {width:732px;}
.solutionListLayout li.last {margin-right:0;}
.solutionListLayout li div {padding:20px 0 0 20px;text-align:left;font-size:15px;line-height:24px;}

/*popup*/
#popup {opacity: 0;display:none;position:fixed;width:auto;height:100%;padding:0 50px;background-color: #fff;overflow-y:scroll;}
#popup .content {width:900px;padding:25px 0;}
#popup .content .b-iframe {width:900px;}
#popup .b-close {position:absolute;top:30px;right:50px;width:30px;height:30px;background:url("../images/btn/btn_popClose.gif") 0 0 no-repeat;font-size:0;line-height:0;cursor:pointer;}
.popupWrapper {} 
.popupWrapper .popupHeader {width:900px;}
.popupWrapper .popupHeader h1 {display:block;width:100%;font-size:22px;height:53px;line-height:53px;color:#707070;letter-spacing:-1px;}
.popupWrapper .popupHeader .title {position:relative;height:47px;border-style:solid;border-color:#ff7900;border-width:2px 0 1px 0;}
.popupWrapper .popupHeader .title .left, .popupWrapper .popupHeader .title .center {font-family:"NanumGothicEB";font-size:22px;line-height:47px;color:#ff7900;}
.popupWrapper .popupHeader .title .right {position:absolute;top:13px;right:0;color:#555;}
.popupWrapper .popupHeader .title .right em {display:inline-block;height:19px;padding-left:37px;background:url("../images/gallery/icon_group.png") 3px 0 no-repeat;}
.popupWrapper .popupHeader .title .center {display:block;}
.popupWrapper .popupHeader.news .title .left {font-family:"NanumGothic";font-size:15px;color:#707070;}
.popupWrapper .popupContent {padding:35px 0;}
.popupWrapper .popupContent p {padding-bottom:35px;font-size:16px;color:#707070;line-height:30px;}
.popupWrapper .popupContent .visual {text-align:center;width:900px;}
.popupWrapper .popupContent .visual img {display:inline-block;margin-bottom:30px;}
.popupWrapper .popupContent .detail {margin-bottom:30px;padding:20px 30px;background-color:#f2f2f2;}
.popupWrapper .popupContent .detail span {display:inline-block;height:20px;padding:0 60px 0 10px;line-height:20px;font-size:14px;vertical-align:top;background:url("../images/common/bul_4x4.gif") 0 28px no-repeat;}
.popupWrapper .popupContent .detail span strong {font-weight:normal;}
.popupWrapper .popupContent .detail strong {color:#ff7900;font-size:14px;}
.popupWrapper .popupContent .detail p {padding-bottom:0;font-size:14px;line-height:22px;}
.popupWrapper .popupContent .detail .url {padding-top:20px;}
.popupWrapper .popupContent .detail .url a {color:#ff7900;font-size:14px;} 
.popupWrapper .popupContent .layoutStyle01 {width:900px;height:400px;}
.popupWrapper .popupContent .layoutStyle01 dt {float:left;width:400px;height:400px;}
.popupWrapper .popupContent .layoutStyle01 dd {float:left;margin-left:30px;width:470px;}
.popupWrapper .popupContent .layoutStyle01 dd ul li {padding:10px 0;font-size:15px;color:#636363;}
.popupWrapper .popupContent .layoutStyle01 dd ul li span {display:inline-block;vertical-align:top;}
.popupWrapper .popupContent .layoutStyle01 dd ul li .th {width:50px;padding-left:15px;background:url("../images/common/bul_5x5_org.gif") 0 center no-repeat;color:#ff7900;font-size:15px;}
.popupWrapper .popupContent .layoutStyle01 dd ul li .cont {width:400px;}
.popupWrapper .popupContent .layoutStyle01 dd ul li.line02 .th {}
.popupWrapper .popupContent .layoutStyle01 dd ul li.line02 .cont {width:400px;}
.popupWrapper .popupContent .layoutStyle01 dd p {padding-top:10px;}
.popupWrapper .popupContent .layoutStyle02 .date {display:block;text-align:right;}
.popupWrapper .popupContent .layoutStyle02 p {text-align:center;}
.popupWrapper .popupContent .newsPopLayout h3 {margin-bottom:30px;text-align:center;font-family:"NanumGothicEB";font-size:22px;line-height:36px;color:#ff7900;letter-spacing:-1px;}
.popupWrapper .popupContent .newsPopLayout p {font-size:14px;line-height:27px;color:#707070;}
.popupWrapper .popupContent .layoutStyle01.products dt {width:520px;height:460px;}
.popupWrapper .popupContent .layoutStyle01.products dd {width:350px;}
.popupWrapper .popupContent .layoutStyle01.products dd table {width:100%;}
.popupWrapper .popupContent .layoutStyle01.products dd table th {height:18px;background-color:#ff9900;color:#fff;font-size:12px;}
.popupWrapper .popupContent .layoutStyle01.products dd table td {height:20px;border-bottom:solid 1px #e4e4e4;background-color:#f7f7f7;text-align:center;font-size:12px;color:#707070;}
.popupWrapper .popupContent .layoutStyle01.products dd table td.text {background-color:#fff;text-align:left;padding-left:10px;}


.videoLayout {width:100%;max-height:700px;overflow:hidden;margin:0 auto;}  
.videoLayout video {margin:0 0 -4px -2px;}
.videoLayout.products video {margin-top:-10%;}