/* BASIC css start */ /*메인타이틀 공통*/ #section_title { position:relative;width:1230px;margin:0 auto;text-align:center;padding:30px 0 10px;margin-bottom:40px; } #section_title .st_line { height:1px;background:#ccc; } #section_title .st_box_01 { position:absolute;left:540px;top:12px;width:129px;height:26px;background:#fff;border:1px solid #000; } #section_title .st_box_02 { position:absolute;left:546px;top:18px;width:130px;height:27px;background:#000;color:#FFF;text-align:center;line-height:27px;font-family: 'Lato', sans-serif; font-size: 11px; } #section_01:after {content:""; display:block; clear:both;} #section_01 { position:relative;width:1920px;left:50%;margin-left:-960px;margin-bottom:20px;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_02:after {content:""; display:block; clear:both;} #section_02 { position:relative;width:1230px;margin:0 auto;margin-bottom:20px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_02 li { float:left;margin-right:18px } #section_02 li:first-child { width:352px; } #section_02 li:last-child { float:right;margin-right:0px; } #section_03:after {content:""; display:block; clear:both;} #section_03 { position:relative;width:1230px;margin:0 auto;margin-bottom:20px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_03 li { float:left;margin-right:20px } #section_03 li:last-child { float:right;margin-right:0px; } #section_03 li:last-child dd { margin-bottom:21px } #section_03 li:last-child dd:last-child { margin-bottom:0px }] #section_04:after {content:""; display:block; clear:both;} #section_04 { width:1230px;margin:0 auto;margin-bottom:30px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_05 { height:433px;background:url("/design/hervor/djds/main/sec05_bg.jpg") no-repeat 0;background-position:top center;background-size:cover;;margin-bottom:40px; } #section_05 .sec05_box:after {content:""; display:block; clear:both;} #section_05 .sec05_box { width:1230px;margin:0 auto; margin-bottom:30px;color:#FFF;text-align:center;padding:133px 0; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_05 .sec05_box .sec05_title_01 { font-size:25px;margin-bottom:10px; } #section_05 .sec05_box .sec05_title_02 { font-family: 'Lato', sans-serif;font-size:11px;color:#f4f6f5;line-height:20px; } #section_05 .sec05_box .sec05_title_03 { margin:60px 0 20px; } #section_05 .sec05_box .sec05_title_03 a{ display:block;width:0px; height:0px;margin:0 auto;border:2px solid #fff;color:#FFFFFF;background: transparent;font-family: 'Lato', sans-serif;font-size:11px; text-align:center; line-height:28px; text-decoration:none} #section_05 .sec05_box .sec05_title_03 a:hover {background:#000000;} #section_06:after {content:""; display:block; clear:both;} #section_06 { width:1230px;margin:0 auto;margin-bottom:30px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_07:after {content:""; display:block; clear:both;} #section_07 { width:1230px;margin:0 auto;margin-bottom:30px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_08:after {content:""; display:block; clear:both;} #section_08 { width:1230px;margin:0 auto;margin-bottom:30px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_08 #instar_title { font-family: 'Lato', sans-serif;text-align:center;border-bottom:1px solid #e1e1e1;margin-bottom:20px; } #section_08 #instar_title .it_line { width:30px;height:2px;background:#000;margin:0 auto 12px; } #section_08 #instar_title .it_title_01 { font-size:21px;color:#000;line-height:21px;margin-bottom:7px } #section_08 #instar_title .it_title_02 { font-size:11px;color:#999;margin-bottom:20px } /* 상품진열 스타일 2 - 박스타입 기본정보 좌측정렬 */ .ec-base-product_main_01_left { width:101.5%;margin:22px 0 0; } .ec-base-product_main_01_left img { vertical-align:middle; } .ec-base-product_main_01_left .prdList { display:table; width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; } .ec-base-product_main_01_left .prdList .prame_box { background:#FFFFFF; border:1px solid #eaeaea;max-width:280px; } .ec-base-product_main_01_left .prdList .prame_box:hover { border:1px solid #777; } .ec-base-product_main_01_left .prdList > li { display:inline-block; margin:20px 0; color:#757575; vertical-align:top; } .ec-base-product_main_01_left .prdList .thumbnail { position:relative; text-align:center; } .ec-base-product_main_01_left .prdList .thumbnail .percent { position:absolute; bottom:0px;left:0px;width:40px;height:40px;background:#444444;line-height:40px;font-size:12px;color:#FFF;text-align:center;z-index:10 } .ec-base-product_main_01_left .prdList .thumbnail a img { width:100%; box-sizing:border-box; } .ec-base-product_main_01_left .prdList .thumbnail .etc_icon { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; } .ec-base-product_main_01_left .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; } .ec-base-product_main_01_left .prdList .description { margin:0 auto; padding:25px; font-size:12px; line-height:18px; text-align:left; } .ec-base-product_main_01_left .prdList .description .name { display:block; padding-bottom:5px;color: #222222;font-weight: bold; } .ec-base-product_main_01_left .prdList .description .name a { color: #222222;font-weight: bold; } .ec-base-product_main_01_left .prdList .description .sub_names { font-size: 11px;color: #555555; } .ec-base-product_main_01_left .prdList .description .prd-price .prd-price2 { ;color: #000000;font-weight: bold; } .ec-base-product_main_01_left .prdList .description .spec { font-weight:normal } .ec-base-product_main_01_left .prdList .description .icon { margin:0 0 15px; /*border-bottom:1px solid #e8e8e8;*/ vertical-align:middle; } .ec-base-product_main_01_left .prdList .description .icon:after { content:""; display:block; clear:both; } .ec-base-product_main_01_left .prdList .description .promotion { /*float:left; margin:0 0 4px;*/ } /* 진열방식 */ .ec-base-product_main_01_left ul.grid3 > li { width:33.33%; } .ec-base-product_main_01_left ul.grid4 > li { width:25%; } .ec-base-product_main_01_left ul.grid5 > li { width:20%;max-width:217px;margin:20px 10px; } /* BASIC css end */