/* BASIC css start */ /* Main */ /*메인타이틀 공통*/ #section_title_01 { width:1200px;margin:0 auto;text-align:center;font-family: 'Noto Sans', sans-serif;font-size:20px;padding:30px 0 10px;color:#999;;margin-bottom:10px; } #section_title_01 .title_line { width:90px;height:2px;margin:0 auto 0px;background:#000 } #section_title_01 .st_01 { font-size:35px;font-weight:bold;padding:0 3px;color:#222;} #section_title_01 .st_02 { font-size:14px;color:#565656;text-align:center;} #section_title_01 .st_03 { font-size:20px;font-weight:bold;letter-spacing:8px;color:#000; } #section_title_01 .st_03 .color_b{ color:#747474; } #section_title_01 .st_04 { font-size:28px;font-weight:bold;color:#000;letter-spacing:1px; } #section_title_01 .white { color:#FFF; } #section_title_01 .thin { font-weight:normal; } #section_title_01 .title_dot { font-family: 'dotum', sans-serif;font-size:51px;letter-spacing:-9px; } #section_01:after {content:""; display:block; clear:both;} #section_01 { position:relative;margin-bottom:30px;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_01 .sec01_box { position:absolute;top:20px;width:359px;left:50%;margin-left:250px;z-index:10} #section_01 .sec01_box .sec01_right { float:right } #section_01 .sec01_box .sec01_right dd:first-child { margin-bottom:13px; } #section_01 .sec01_box .sec01_right dd ul:after {content:""; display:block; clear:both;} #section_01 .sec01_box .sec01_right dd ul {*zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_01 .sec01_box .sec01_right dd li { float:left;margin-right:13px; } #section_01 .sec01_box .sec01_right dd li:last-child { margin:0px } #section_01 .event_bnr { position:absolute;top:-130px;left:50%;margin-left:-740px;z-index:9999} #section_02:after {content:""; display:block; clear:both;} #section_02 { position:relative;width:1200px;margin:0 auto;border-top:1px solid #000;border-bottom:1px solid #ddd; margin-bottom:0px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_02 li { float:left; } #section_02 li:last-child { margin-right:0px; } #section_02 .event_bnr2 { position:absolute;top:0px;left:-270px;z-index:10} #section_03:after {content:""; display:block; clear:both;} #section_03 { width:1200px;margin:0 auto;margin-bottom:40px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_03 dd { float:left;margin-right:14px;; } #section_03 dd ol li { margin-bottom:16px; } #section_03 dd ol li:last-child { margin-bottom:0px; } #section_03 dd:last-child { margin-right:0px; } #section_04:after {content:""; display:block; clear:both;} #section_04 { background:#F0F0F0;padding-top:10px;margin-bottom:40px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_04 .section_title_bg { position:relative;width:1094px;margin:-40px auto 0; } #section_05:after {content:""; display:block; clear:both;} #section_05 { width:1200px;margin:0 auto;margin-bottom:70px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_05 li { position:relative;float:left;margin-right:22px;font-size:15px;color:#222;font-weight:bold;line-height:22px; } #section_05 li .ment_box { margin-top:10px; } #section_05 li .per { color:#FF0000; } #section_05 li .sub_ment { font-family: 'dotum', sans-serif;font-size:11px;color:#999;font-weight:normal; } #section_05 li .arrow { position:absolute;bottom:5px;right:0px;font-size:19px;color:#999;font-weight:normal; } #section_05 li:last-child { float:right;margin-right:0px; } #section_06_bar { height:2px;border-top:1px solid #222;border-bottom:1px solid #222;margin-bottom:40px; } #section_06_bar .sec06_bar_box { position:relative;width:412px;margin:-2px auto; } #section_06:after {content:""; display:block; clear:both;} #section_06 { width:1200px;margin:0 auto; margin-bottom:50px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_07 { height:380px;background:url("/design/artlight/djds/main/sec07_bg.jpg") no-repeat 0;background-position:top center;background-size:cover;background-attachment: fixed;margin-bottom:40px; } #section_07 .sec07_box:after {content:""; display:block; clear:both;} #section_07 .sec07_box { width:1200px;margin:0 auto; margin-bottom:30px;color:#FFF;text-align:center;padding:70px 0; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_07 .sec07_box .sec07_title_01 { font-size:30px;margin-bottom:30px; } #section_07 .sec07_box .sec07_title_02 { width:670px;height:80px;margin:0 auto;line-height:80px;border:2px solid #FFF;font-size:15px;font-weight:bold;letter-spacing:8px;margin-bottom:20px; } #section_07 .sec07_box .sec07_title_03 { font-size:14px;color:#CBCBCB;line-height:20px; } #section_08:after {content:""; display:block; clear:both;} #section_08 { width:1200px;margin:0 auto; margin-bottom:50px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_09 { border-top:1px solid #0b0b0b } #section_09 .sec09_box:after {content:""; display:block; clear:both;} #section_09 .sec09_box { width:1200px;margin:0 auto; margin-bottom:50px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_10 { border-top:1px solid #0b0b0b } #section_10 .sec10_box:after {content:""; display:block; clear:both;} #section_10 .sec10_box { width:1200px;margin:35px auto;border-bottom:2px solid #0b0b0b;padding-bottom:40px;margin-bottom:40px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_10 .sec10_box li { float:left;position:relative;margin-right:11px } #section_10 .sec10_box li .sec10_ment { position:absolute;bottom:0px;left:50%;margin-left:-125px;text-align:center;background:#FFF;width:250px;height:45px;font-family: 'dotum', sans-serif;font-size:11px;color:#777;line-height:19px;padding-top:5px; } #section_10 .sec10_box li:last-child { margin-right:0px; } #section_11:after {content:""; display:block; clear:both;} #section_11 { width:1200px;margin:0 auto; margin-bottom:10px;font-family: 'Noto Sans', sans-serif;letter-spacing:-2px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_11 .sec11_left { float:left;width:280px; } #section_11 .sec11_left .sp_title_bar { width:60px;height:2px;background:#000; } #section_11 .sec11_left .sp_title_01 { font-size:25px;margin:8px 0 10px 0; } #section_11 .sec11_left .sp_title_01 .st01_bold { font-weight:bold; } #section_11 .sec11_left .sp_title_02 ,#section_11 .sec11_left .sp_title_03 { font-size:35px;font-weight:bold;line-height:35px;margin-bottom:3px; } #section_11 .sec11_left .sp_title_03 { color:#dac012; } #section_11 .sec11_left .sp_period { font-size:12px;margin:15px 0 10px 0;letter-spacing:0px; } #section_11 .sec11_right { float:left;width:918px; } #section_12 { border-top:1px solid #0b0b0b } #section_12 .sec12_box:after {content:""; display:block; clear:both;} #section_12 .sec12_box { width:1200px;margin:0 auto; margin-bottom:50px; *zoom1;} /* IE5.5~7 브라우저 대응 Hack */ #section_13:after {content:""; display:block; clear:both;} #section_13 { background:#cbe0e9; } #section_13 .sec13_box { position:relative;width:1200px;margin:0px auto;;*zoom1;} /* IE5.5~7 브라우저 대응 Hack */ /* 상품진열 스타일2 */ .ec-base-product_main_02 { width:101.7%;margin:22px 0 0; } .ec-base-product_main_02 img { vertical-align:middle; } .ec-base-product_main_02 .prdList { display:table; width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; } .ec-base-product_main_02 .prdList > li { display:inline-block; margin:10px 0; color:#757575; vertical-align:top; } /* 마우스오버시 액션 */ .ec-base-product_main_02 .prdList > li.view { overflow: hidden; position: relative; text-align: center; cursor: default; } .ec-base-product_main_02 .prdList > li.view .mask { position: absolute; overflow: hidden; top: 0; left: 0; } .ec-base-product_main_02 .prdList > li.view img { display: block; } .ec-base-product_main_02 .prdList > li.third-effect .mask { width:95%; height:100%; opacity: 0; overflow:visible; background:rgba(0,0,0,0.5); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ec-base-product_main_02 .prdList > li.third-effect:hover .mask { width:95%; height:100%; opacity: 1; background:rgba(0,0,0,0.5); cursor:pointer; } .ec-base-product_main_02 .prdList .chk { display:block; margin:0 0 10px; text-align:center; } .ec-base-product_main_02 .prdList .thumbnail { position:relative; text-align:center; } .ec-base-product_main_02 .prdList .thumbnail a img { width:95%; box-sizing:border-box; } .ec-base-product_main_02 .prdList .thumbnail .wish { text-align:center; cursor:pointer; } .ec-base-product_main_02 .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; } .ec-base-product_main_02 .prdList .description {position:relative; margin:0 auto;padding:30px 50px; font-size:12px; line-height:18px; text-align:center;z-index:14 } .ec-base-product_main_02 .prdList .description .percent { margin:0 auto;width:80px;height:80px;background:#ff0000;border-radius:40px;line-height:80px;font-size:18px;font-weight:bold;color:#FFF;margin-bottom:20px; } .ec-base-product_main_02 .prdList .description .name { display:block; text-align:center;padding-bottom:5px;font-size: 14px;color: #FFF;font-weight: bold; } .ec-base-product_main_02 .prdList .description .name a { font-size: 14px;color: #FFF;font-weight: bold; } .ec-base-product_main_02 .prdList .description .sub_names { font-size: 11px;color: #e1e1e1; } .ec-base-product_main_02 .prdList .description .prd-price strike { font-size: 11px;color: #e1e1e1; } .ec-base-product_main_02 .prdList .description .prd-price .prd-price2 { font-size: 12px;color: #FFF;font-weight: bold; } .ec-base-product_main_02 .prdList .description .icon { margin:0 0 15px; /*border-bottom:1px solid #e8e8e8;*/ vertical-align:middle;text-align:center; } .ec-base-product_main_02 .prdList .description .icon:after { content:""; display:block; clear:both; } .ec-base-product_main_02 .prdList .description .promotion { /*float:left; margin:0 0 4px;*/ text-align:center; } .ec-base-product_main_02 .prdList .description .promotion img { display:inline } .ec-base-product_main_02 .prdList .description .etc_icon2 {position:relative; text-align:center;z-index:15 } .ec-base-product_main_02 .prdList .description .etc_icon2 img { display:inline;} /* 진열방식 */ .ec-base-product_main_02 ul.grid3 > li { width:33.33%; } .ec-base-product_main_02 ul.grid4 > li { width:25%; } .ec-base-product_main_02 ul.grid5 > li { width:20%; } /* 상품진열 스타일 */ .ec-base-product_main_01 { width:102%;margin:22px 0 0; } .ec-base-product_main_01 img { vertical-align:middle; } .ec-base-product_main_01 .prdList { display:table; width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; } .ec-base-product_main_01 .prdList .prame_box { background:#FFFFFF; border:1px solid #e1e1e1;max-width:212px; } .ec-base-product_main_01 .prdList .prame_box:hover { border:1px solid #777; } .ec-base-product_main_01 .prdList > li { display:inline-block; margin:20px 0; color:#757575; vertical-align:top; } .ec-base-product_main_01 .prdList .thumbnail { position:relative; text-align:center; } .ec-base-product_main_01 .prdList .thumbnail a img { width:100%; box-sizing:border-box; } .ec-base-product_main_01 .prdList .thumbnail .etc_icon { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; } .ec-base-product_main_01 .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; } .ec-base-product_main_01 .prdList .description { margin:0 auto; padding:25px; font-size:12px; line-height:18px; text-align:center; } .ec-base-product_main_01 .prdList .description .name { display:block; text-align:center;padding-bottom:5px;font-size: 12px;color: #222222;font-weight: bold; } .ec-base-product_main_01 .prdList .description .name a { font-size: 12px;color: #222222;font-weight: bold; } .ec-base-product_main_01 .prdList .description .sub_names { font-size: 11px;color: #555555; } .ec-base-product_main_01 .prdList .description .prd-price .prd-price2 { font-size: 12px;color: #000000;font-weight: bold; } .ec-base-product_main_01 .prdList .description .spec { font-weight:normal } .ec-base-product_main_01 .prdList .description .icon { margin:0 0 15px; /*border-bottom:1px solid #e8e8e8;*/ vertical-align:middle; } .ec-base-product_main_01 .prdList .description .icon:after { content:""; display:block; clear:both; } .ec-base-product_main_01 .prdList .description .promotion { /*float:left; margin:0 0 4px;*/ text-align:center; } /* 진열방식 */ .ec-base-product_main_01 ul.grid3 > li { width:33.33%; } .ec-base-product_main_01 ul.grid4 > li { width:25%; } .ec-base-product_main_01 ul.grid5 > li { width:20%; } /* 상품진열 스타일 */ .ec-base-product_main_01_left { width:102%;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 #e1e1e1;max-width:372px; } .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:left; } .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 { position:relative;margin:0 auto; padding:25px; font-size:12px; line-height:18px; text-align:left; } .ec-base-product_main_01_left .prdList .description .percent { position:absolute;bottom:20px;right:20px;width:66px;height:66px;text-align:center;background:#e75b5e;border-radius:33px;line-height:66px;font-size:18px;font-weight:bold;color:#FFF;margin-bottom:20px; } .ec-base-product_main_01_left .prdList .description .name { display:block; text-align:left;padding-bottom:5px;font-size: 14px;color: #222222;font-weight: bold; } .ec-base-product_main_01_left .prdList .description .name a { font-size: 14px;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 { font-size: 12px;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;*/ text-align:left; } /* 진열방식 */ .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%; } /* 상품진열 스타일 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; top:0px;left:0px;width:55px;height:55px;background:#646464;line-height:55px;font-size:13px;font-weight:bold;color:#FFF;text-align:center; } .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;font-size: 14px;color: #222222;font-weight: bold; } .ec-base-product_main_01_left .prdList .description .name a { font-size: 14px;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 { font-size: 12px;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 */