hr.hrClear { clear:both; border:none; } hr.t30 { clear:both; border:none; padding:15px 0;} hr.t50 { clear:both; border:none; padding:25px 0; } hr.t80 { clear:both; border:none; padding:40px 0; } .box_brand h2 { font-size:36px; font-family: 'Raleway', 'Noto Sans KR'; font-weight:300; margin-bottom:10px; letter-spacing:-1px; margin:20px 0} .box_brand img { display:block; margin:20px auto; text-align:center; } .box_brand .floatL { float:left; } .box_brand .floatR { float:right; margin-left:20px; width:250px; } .box_brand q { display:block; font-size:2.0em; FONT-FAMILY: 'Nanum Myeongjo', "나눔명조", NanumMyeongjo, "바탕", Sans-serif; text-align:center; line-height:1.8; margin:70px 0; padding:0 90px; letter-spacing:-2px; } .box_brand p { font-family: 'Noto Sans KR'; font-weight:300; font-size:16px; padding-bottom:10px; } /************ Products Detail - Common type**************/ .g_type1 h2 { font-size:36px; font-family: 'Raleway', 'Noto Sans KR'; font-weight:600; margin-bottom:10px; letter-spacing:-1px; } .g_type1 h2 span { font-size:36px; font-family: 'Raleway', 'Noto Sans KR'; font-weight:100; margin-bottom:0px; letter-spacing:-1px; } .g_type1 h3 { font-family: 'Noto Sans KR'; font-weight:500; font-size:20px; margin:30px 0 10px 0} .g_type1 h3.sub { color:#099eb1; font-size:16px; font-family: 'Open Sans', 'Noto Sans KR'; font-weight:300; margin-bottom:80px; } .g_type1 h4 { font-family: 'Noto Sans KR'; font-weight:500; font-size:16px; margin:25px 0 15px 0px; } .g_type1 p.subhead { color:#099eb1; font-size:16px; font-family: 'Open Sans', 'Noto Sans KR'; font-weight:300; margin-bottom:80px; letter-spacing:3px } .g_type1 p.img_cmt { text-align:center; } .g_type1 img { display:block; margin:30px auto; } .g_type1 p { font-family: 'Noto Sans KR'; font-weight:300; font-size:16px; padding-bottom:10px; line-height:1.8; } .g_type1 ol { padding-left:20px; margin-left:30px; } .g_type1 .spec1 li { font-family: 'Noto Sans KR'; font-weight:400; font-size:13px; line-height:1.5; margin-bottom:10px; list-style-type: square; } .g_type1 .spec2 li { font-family: 'Noto Sans KR'; font-weight:200; font-size:13px; } .g_type1 q {display:block; font-size:2.0em; FONT-FAMILY: 'Nanum Myeongjo', "나눔명조", NanumMyeongjo, "바탕", Sans-serif; text-align:center; line-height:1.8; margin:70px 0; padding:0 90px; letter-spacing:-2px; } /***** Thumnail 좌측***/ .g_type1 .block2 { clear:both; padding:0px 0 0 0; } .g_type1 .block2 h4 {font-size:22px; font-family: 'Open Sans','Noto Sans KR'; font-weight:600; margin-bottom:20px; letter-spacing:0px } .g_type1 .block2 p { font-size:14px; margin-bottom:15px; } .g_type1 .block2 img { float:left; margin:0 15px 15px 0; width:200px; } .g_type1 .dl_type1 { margin-left:30px; } .g_type1 .dl_type1 dt { font-family: 'Noto Sans KR'; font-weight:500; font-size:16px; margin:35px 0 0px 0; } .g_type1 .dl_type1 dd { font-family: 'Noto Sans KR'; font-weight:300; font-size:14px; margin:10px 0 5px 20px; list-style-type:square;} .g_type1 .dl_type2 { margin-left:30px; } .g_type1 .dl_type2 dd { font-family: 'Noto Sans KR'; font-weight:300; font-size:15px; margin:10px 0 5px 20px; list-style-type:square;} .g_type1 .ps { font-family: 'Noto Sans KR'; font-weight:200; font-size:13px; margin:30px 0 0 30px;} .g_type1 .table_spec { width:80%; border-top:2px solid #333; border-bottom:1px solid #333; padding:0; margin:20px auto;} .g_type1 .table_spec caption { text-align:left; font-size:12pt; FONT-FAMILY: "나눔고딕", NanumGothic, "맑은고딕", Sans-serif;} .g_type1 .table_spec th, .g_type1 .table_spec td { margin:0px; padding:5px; border-bottom:1px solid #DDD; } .g_type1 .table_spec th { color:#333; text-align:center; width:40%; background-color:#EEE;} .g_type1 .table_spec td { text-align:center; } .g_type1 .table_spec .border_none { border:none; } .g_type1 .table_spec2 { width:100%; border-top:2px solid #333; border-bottom:1px solid #333; padding:0; margin:20px auto;} .g_type1 .table_spec2 caption { text-align:left; font-size:12pt; FONT-FAMILY: "나눔고딕", NanumGothic, "맑은고딕", Sans-serif;} .g_type1 .table_spec2 th, .g_type1 .table_spec2 td { margin:0px; padding:5px; border-bottom:1px solid #DDD; } .g_type1 .table_spec2 th { color:#333; text-align:center; width:30%; background-color:#EEE;} .g_type1 .table_spec2 td { padding-left:15px; } .g_type1 .table_spec2 .border_none { border:none; } /************ Artnovion Title *******************/ .g_detail h2 { font-size:36px; font-family: 'Raleway', 'Noto Sans KR'; font-weight:100; margin-bottom:10px; letter-spacing:-1px; } .g_detail h2 span { font-size:36px; font-family: 'Raleway', 'Noto Sans KR'; font-weight:600; margin-bottom:0px; letter-spacing:-1px; } .g_detail h3 { color:#099eb1; font-size:16px; font-family: 'Open Sans', 'Noto Sans KR'; font-weight:300; margin-bottom:80px; letter-spacing:3px } .g_detail h4 { font-size:24px; font-family: 'Open Sans','Noto Sans KR'; font-weight:600; margin-bottom:20px; letter-spacing:0px } .g_detail p { font-family: 'Open Sans','Noto Sans KR'; font-weight:300;} .g_detail .g_graph { width: 70%; float:left; } .g_detail .block1 { width:25%; float:right; padding-top:20px; } .g_detail .block1 h4 {font-size:18px; font-family: 'Open Sans','Noto Sans KR'; font-weight:600; margin-bottom:20px; letter-spacing:1px } .g_detail .block1 p { font-size:12px; margin-bottom:3px; letter-spacing:0px; color:#555;} /***** Thumnail 좌측***/ .g_detail .block2 { clear:both; padding:80px 0 0 0; } .g_detail .block2 h4 {font-size:30px; font-family: 'Open Sans','Noto Sans KR'; font-weight:600; margin-bottom:20px; letter-spacing:0px } .g_detail .block2 p { font-size:14px; margin-bottom:15px; } .g_detail .block2 img { float:left; margin:0 15px 15px 0; width:200px; } .g_detail .block3 { clear:both; padding:80px 0 0px 0 ; margin-bottom:140px;} .g_detail .block3 img { float:left; margin:0 15px 15px 0;} .g_detail .block3 h2 { font-family: 'Open Sans','Noto Sans KR'; font-weight:500; font-size:16px; letter-spacing:0; } .g_detail .block3 p { font-size:13px; margin-bottom:3px; letter-spacing:0px } .g_detail .img_center { display:block; margin:20px auto; } /******* Artnovion Overview ********/ .g_detail .block4 { clear:both; padding:20px; background-color:#faf9f2; } .g_detail .block4 img { } .g_detail .block4 img.block4_thumb { float:right; width:250px; margin-right:100px;} .g_detail .block4 h2 { clear:both; margin:50px 0 50px 0; font-size:16px; font-family: 'Open Sans'; font-weight:300; letter-spacing:3px; border-bottom:1px solid #EEE;} .g_detail .block4 h3 { color:#333; margin:50px 0 50px 0; font-size:24px; font-family: 'Open Sans'; font-weight:300; letter-spacing:0px; } .g_detail .block4 dl { color:#333; margin:50px 0 50px 0; font-size:12px; font-family: 'Open Sans'; font-weight:300; letter-spacing:0px; } .g_detail .block4 dt { margin:20px 0 5px 0; font-weight:700; } .g_detail .block4 dd { margin-left:30px; } .g_detail .block4 dd.dtstyle { margin:20px 0 0 0; } .g_detail .block4 dd a { font-weight:bold; text-decoration:underline; } /**************** Artnovion Finish Tile **************/ .g_detail .fns_absorber { clear:both; padding-top:30px; } .g_detail .fns_absorber h3 { margin:50px 0 30px 0; font-size:16px; font-family: 'Open Sans'; } .g_detail .fns_absorber li { float:left; margin:0 1px 1px 0; } .g_detail .fns_absorber li span { display:inline-block; background-color:#000; color:#fff; padding:2px; font-family: 'Open Sans','Noto Sans KR'; font-weight:300; font-size:11px; } .g_detail .fns_absorber li.color1 { width:19%; height:160px; background:url(../img/artnovion/absorber/color1.jpg) no-repeat center center; } .g_detail .fns_absorber li.color2 { width:19%; height:160px; background:url(../img/artnovion/absorber/color2.jpg) no-repeat center center; } .g_detail .fns_absorber li.color3 { width:19%; height:160px; background:url(../img/artnovion/absorber/color3.jpg) no-repeat center center; } .g_detail .fns_absorber li.color4 { width:19%; height:160px; background:url(../img/artnovion/absorber/color4.jpg) no-repeat center center; } .g_detail .fns_absorber li.color5 { width:19%; height:160px; background:url(../img/artnovion/absorber/color5.jpg) no-repeat center center; } .g_detail .fns_absorber li.color6 { width:19%; height:160px; background:url(../img/artnovion/absorber/color6.jpg) no-repeat center center; } .g_detail .fns_absorber li.color7 { width:19%; height:160px; background:url(../img/artnovion/absorber/color7.jpg) no-repeat center center; } .g_detail .fns_absorber li.color8 { width:19%; height:160px; background:url(../img/artnovion/absorber/color8.jpg) no-repeat center center; } .g_detail .fns_absorber li.color9 { width:19%; height:160px; background:url(../img/artnovion/absorber/color9.jpg) no-repeat center center; } .g_detail .fns_absorber li.color10 { width:19%; height:160px; background:url(../img/artnovion/absorber/color10-1.jpg) no-repeat center center; } .g_detail .fns_absorber li.color11 { width:19%; height:160px; background:url(../img/artnovion/absorber/color11.jpg) no-repeat center center; } .g_detail .fns_absorber li.color12 { width:19%; height:160px; background:url(../img/artnovion/absorber/color12.jpg) no-repeat center center; } .g_detail .fns_absorber li.color13 { width:19%; height:160px; background:url(../img/artnovion/absorber/color13.jpg) no-repeat center center; } .g_detail .fns_absorber li.color14 { width:19%; height:160px; background:url(../img/artnovion/absorber/color14.jpg) no-repeat center center; } .g_detail .fns_absorber li.color15 { width:19%; height:160px; background:url(../img/artnovion/absorber/color15.jpg) no-repeat center center; } .g_detail .fns_absorber li.color16 { width:19%; height:160px; background:url(../img/artnovion/absorber/color16.jpg) no-repeat center center; } .g_detail .fns_absorber li.color17 { width:19%; height:160px; background:url(../img/artnovion/absorber/color17.jpg) no-repeat center center; } .g_detail .fns_absorber li.color18 { width:19%; height:160px; background:url(../img/artnovion/absorber/color18.jpg) no-repeat center center; } .g_detail .fns_absorber li.color19 { width:19%; height:160px; background:url(../img/artnovion/absorber/color19.jpg) no-repeat center center; } .g_detail .fns_absorber li.color20 { width:19%; height:160px; background:url(../img/artnovion/absorber/color20.jpg) no-repeat center center; } .g_detail .fns_absorber li.color21 { width:19%; height:160px; background:url(../img/artnovion/absorber/color21.jpg) no-repeat center center; } .g_detail .fns_absorber li.color22 { width:19%; height:160px; background:url(../img/artnovion/absorber/color22.jpg) no-repeat center center; } .g_detail .fns_absorber li.color23 { width:19%; height:160px; background:url(../img/artnovion/absorber/color23.jpg) no-repeat center center; } .g_detail .fns_absorber li.color24 { width:19%; height:160px; background:url(../img/artnovion/absorber/color24.jpg) no-repeat center center; } .g_detail .fns_absorber li.color25 { width:19%; height:160px; background:url(../img/artnovion/absorber/color25.jpg) no-repeat center center; } .g_detail .fns_absorber li.color26 { width:19%; height:160px; background:url(../img/artnovion/absorber/color26.jpg) no-repeat center center; } .g_detail .fns_absorber li.color27 { width:19%; height:160px; background:url(../img/artnovion/absorber/color27.jpg) no-repeat center center; } .g_detail .fns_absorber li.color28 { width:19%; height:160px; background:url(../img/artnovion/absorber/color28.jpg) no-repeat center center; } .g_detail .fns_absorber li.color29 { width:19%; height:160px; background:url(../img/artnovion/absorber/color29.jpg) no-repeat center center; } .g_detail .fns_absorber li.color30 { width:19%; height:160px; background:url(../img/artnovion/absorber/color30.jpg) no-repeat center center; } .g_detail .fns_absorber li.color31 { width:19%; height:160px; background:url(../img/artnovion/absorber/color31.jpg) no-repeat center center; } .g_detail .fns_absorber li.color32 { width:19%; height:160px; background:url(../img/artnovion/absorber/color32.jpg) no-repeat center center; } .g_detail .fns_absorber li.color33 { width:19%; height:160px; background:url(../img/artnovion/absorber/color33.jpg) no-repeat center center; } .g_detail .fns_absorber li.color34 { width:19%; height:160px; background:url(../img/artnovion/absorber/color34.jpg) no-repeat center center; } .g_detail .fns_common { clear:both; padding-top:30px; } .g_detail .fns_common h3 { margin:50px 0 30px 0; font-size:16px; font-family: 'Open Sans'; } .g_detail .fns_common li { float:left; margin:0 1px 1px 0; } .g_detail .fns_common li span { display:inline-block; background-color:#000; color:#fff; padding:2px; font-family: 'Open Sans','Noto Sans KR'; font-weight:300; font-size:11px; } .g_detail .fns_common li.color1 { width:19%; height:160px; background:url(../img/artnovion/common/color1.jpg) no-repeat left top; } .g_detail .fns_common li.color2 { width:19%; height:160px; background:url(../img/artnovion/common/color2.jpg) no-repeat center center; } .g_detail .fns_common li.color3 { width:19%; height:160px; background:url(../img/artnovion/common/color3.jpg) no-repeat center center; } .g_detail .fns_common li.color4 { width:19%; height:160px; background:url(../img/artnovion/common/color4.jpg) no-repeat center center; } .g_detail .fns_common li.color5 { width:19%; height:160px; background:url(../img/artnovion/common/color5.jpg) no-repeat center center; } .g_detail .fns_common li.color6 { width:19%; height:160px; background:url(../img/artnovion/common/color6.jpg) no-repeat center center; } .g_detail .fns_common li.color7 { width:19%; height:160px; background:url(../img/artnovion/common/color7.jpg) no-repeat center center; } .g_detail .fns_common li.color8 { width:19%; height:160px; background:url(../img/artnovion/common/color8.jpg) no-repeat left top; } .g_detail .fns_common li.color9 { width:19%; height:160px; background:url(../img/artnovion/common/color9.jpg) no-repeat center center; } .g_detail .fns_common li.color10 { width:19%; height:160px; background:url(../img/artnovion/common/color10.jpg) no-repeat center center; } .g_detail .fns_basstrap { clear:both; padding-top:30px; } .g_detail .fns_basstrap h3 { margin:50px 0 30px 0; font-size:16px; font-family: 'Open Sans'; } .g_detail .fns_basstrap li { float:left; margin:0 1px 1px 0; } .g_detail .fns_basstrap li span { display:inline-block; background-color:#000; color:#fff; padding:2px; font-family: 'Open Sans','Noto Sans KR'; font-weight:300; font-size:11px; } .g_detail .fns_basstrap li.bianco { width:19%; height:160px; background:url(../img/artnovion/basstrap/bianco.jpg) no-repeat left top; } .g_detail .fns_basstrap li.bordo { width:19%; height:160px; background:url(../img/artnovion/basstrap/bordo.jpg) no-repeat left top; } .g_detail .fns_basstrap li.gentian { width:19%; height:160px; background:url(../img/artnovion/basstrap/gentian.jpg) no-repeat left top; } .g_detail .fns_basstrap li.grigio { width:19%; height:160px; background:url(../img/artnovion/basstrap/grigio.jpg) no-repeat left top; } .g_detail .fns_basstrap li.nebbia { width:19%; height:160px; background:url(../img/artnovion/basstrap/nebbia.jpg) no-repeat left top; } .g_detail .fns_basstrap li.nero { width:19%; height:160px; background:url(../img/artnovion/basstrap/nero.jpg) no-repeat left top; } .g_detail .fns_basstrap li.noce { width:19%; height:160px; background:url(../img/artnovion/basstrap/noce.jpg) no-repeat left top; } .g_detail .fns_diffuser { clear:both; padding-top:30px; } .g_detail .fns_diffuser h3 { margin:50px 0 30px 0; font-size:16px; font-family: 'Open Sans'; } .g_detail .fns_diffuser li { float:left; margin:0 1px 1px 0; } .g_detail .fns_diffuser li span { display:inline-block; background-color:#000; color:#fff; padding:2px; font-family: 'Open Sans','Noto Sans KR'; font-weight:300; font-size:11px; } .g_detail .fns_diffuser li.bianco { width:19%; height:160px; background:url(../img/artnovion/diffuser/bianco.jpg) no-repeat left top; background-size:100%;} .g_detail .fns_diffuser li.nero { width:19%; height:160px; background:url(../img/artnovion/diffuser/nero.jpg) no-repeat left top; background-size:100%;} .g_detail .fns_absorberPro { clear:both; padding-top:30px; } .g_detail .fns_absorberPro h3 { margin:50px 0 30px 0; font-size:16px; font-family: 'Open Sans'; } .g_detail .fns_absorberPro li { float:left; margin:0 1px 1px 0; } .g_detail .fns_absorberPro li span { display:inline-block; background-color:#000; color:#fff; padding:2px; font-family: 'Open Sans','Noto Sans KR'; font-weight:300; font-size:11px; } .g_detail .fns_absorberPro li.foam { width:19%; height:160px; background:url(../img/artnovion/absorber_pro/foam.jpg) no-repeat left top; } .g_type1 .fns_common { clear:both; padding-top:30px; } .g_type1 .fns_common h3 { margin:50px 0 30px 0; font-size:16px; font-family: 'Open Sans'; } .g_type1 .fns_common li { float:left; margin:0 1px 1px 0; } .g_type1 .fns_common li span { display:inline-block; background-color:#000; color:#fff; padding:2px; font-family: 'Open Sans','Noto Sans KR'; font-weight:300; font-size:11px; } .g_type1 .fns_common li.color1 { width:19%; height:160px; background:url(../img/artnovion/common/color1.jpg) no-repeat left top; } .g_type1 .fns_common li.color2 { width:19%; height:160px; background:url(../img/artnovion/common/color2.jpg) no-repeat center center; } .g_type1 .fns_common li.color3 { width:19%; height:160px; background:url(../img/artnovion/common/color3.jpg) no-repeat center center; } .g_type1 .fns_common li.color4 { width:19%; height:160px; background:url(../img/artnovion/common/color4.jpg) no-repeat center center; } .g_type1 .fns_common li.color5 { width:19%; height:160px; background:url(../img/artnovion/common/color5.jpg) no-repeat center center; } .g_type1 .fns_common li.color6 { width:19%; height:160px; background:url(../img/artnovion/common/color6.jpg) no-repeat center center; } .g_type1 .fns_common li.color7 { width:19%; height:160px; background:url(../img/artnovion/common/color7.jpg) no-repeat center center; } .g_type1 .fns_common li.color8 { width:19%; height:160px; background:url(../img/artnovion/common/color8.jpg) no-repeat left top; } .g_type1 .fns_common li.color9 { width:19%; height:160px; background:url(../img/artnovion/common/color9.jpg) no-repeat center center; } .g_type1 .fns_common li.color10 { width:19%; height:160px; background:url(../img/artnovion/common/color10.jpg) no-repeat center center; }