솔루션 - 블로그체험단 웹사이트 제작

블로그체험단 운영 홈페이지 제작

악세사리 -S1L1
악세사리 -S1L16
악세사리 모델 착용 이미지-S1L4
악세사리 -S1L15
DETAIL VIEW
악세사리 -S1L17
악세사리 상품상세 이미지-S1L5
악세사리 -S1L19
악세사리 상품상세 이미지-S1L6
악세사리 -S1L20
악세사리 상품상세 이미지-S1L7
악세사리 -S1L21
악세사리 상품상세 이미지-S1L8
악세사리 -S1L22
악세사리 상품상세 이미지-S1L9
악세사리 -S1L23
악세사리 -S1L24
/* skin1 */ /* edinfo-studio reset */ .edinfo-studio div, .edinfo-studio dl, .edinfo-studio dt, .edinfo-studio dd, .edinfo-studio ul, .edinfo-studio ol, .edinfo-studio li, .edinfo-studio h1, .edinfo-studio h2, .edinfo-studio h3, .edinfo-studio h4, .edinfo-studio h5, .edinfo-studio h6, .edinfo-studio pre, .edinfo-studio code, .edinfo-studio form, .edinfo-studio fieldset, .edinfo-studio legend, .edinfo-studio input, .edinfo-studio textarea, .edinfo-studio p, .edinfo-studio blockquote, .edinfo-studio th, .edinfo-studio td, .edinfo-studio img { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } .edinfo-studio ul, .edinfo-studio ol, .edinfo-studio dl, .edinfo-studio li { list-style:none; } .edinfo-studio img, .edinfo-studio fieldset { border:0; max-width:60%; vertical-align:top; } .edinfo-studio table { table-layout:fixed; width:100%; border:0; border-spacing:0; border-collapse:collapse; } .edinfo-studio table img { vertical-align:middle; } .edinfo-studio th, .edinfo-studio td { border:0; word-wrap:break-word; } .edinfo-studio label { cursor:pointer; } .edinfo-studio legend, .edinfo-studio caption, .edinfo-studio hr.layout, .edinfo-studio .blind { overflow:hidden; text-indent:120%; white-space:nowrap; width:0; height:0; font-size:0; line-height:0; } .edinfo-studio address { font-style:normal; } .edinfo-studio em,.edinfo-studio i { font-style:italic; } .edinfo-studio div,.edinfo-studio p,.edinfo-studio em,.edinfo-studio span,.edinfo-studio b,.edinfo-studio i{font-family:inherit;font-size:inherit;} .edinfo-studio .mBoard { padding:0; border:none; background:#fff; } .-pc.edinfo-studio{font-size:12px;letter-spacing:-1px;} .-pc.edinfo-studio { margin:0 auto; font-size:12px; font-family:Helvetica,Arial,sans-serif; line-height:1.2; color:#242424; } .-pc.edinfo-studio .productDetail { max-width:880px; margin:0 auto; } .-pc.edinfo-studio .productInfo { min-width:320px; max-width:800px;margin:0 auto;padding:20px 0;} .-pc.edinfo-studio .productInfo div, .-pc.edinfo-studio .productInfo span, .-pc.edinfo-studio .productInfo object, .-pc.edinfo-studio .productInfo iframe, .-pc.edinfo-studio .productInfo h1, .-pc.edinfo-studio .productInfo h2, .-pc.edinfo-studio .productInfo h3, .-pc.edinfo-studio .productInfo h4, .-pc.edinfo-studio .productInfo h5, .-pc.edinfo-studio .productInfo h6, .-pc.edinfo-studio .productInfo p, .-pc.edinfo-studio .productInfo del, .-pc.edinfo-studio .productInfo dfn, .-pc.edinfo-studio .productInfo em, .-pc.edinfo-studio .productInfo img, .-pc.edinfo-studio .productInfo ins, .-pc.edinfo-studio .productInfo kbd, .-pc.edinfo-studio .productInfo q, .-pc.edinfo-studio .productInfo samp, .-pc.edinfo-studio .productInfo small, .-pc.edinfo-studio .productInfo strong, .-pc.edinfo-studio .productInfo b, .-pc.edinfo-studio .productInfo i, .-pc.edinfo-studio .productInfo dl, .-pc.edinfo-studio .productInfo dt, .-pc.edinfo-studio .productInfo dd, .-pc.edinfo-studio .productInfo ol, .-pc.edinfo-studio .productInfo ul, .-pc.edinfo-studio .productInfo li, .-pc.edinfo-studio .productInfo fieldset, .-pc.edinfo-studio .productInfo form, .-pc.edinfo-studio .productInfo label, .-pc.edinfo-studio .productInfo table, .-pc.edinfo-studio .productInfo tbody, .-pc.edinfo-studio .productInfo tfoot, .-pc.edinfo-studio .productInfo thead, .-pc.edinfo-studio .productInfo tr, .-pc.edinfo-studio .productInfo th, .-pc.edinfo-studio .productInfo td, .-pc.edinfo-studio .productInfo article, .-pc.edinfo-studio .productInfo aside, .-pc.edinfo-studio .productInfo footer, .-pc.edinfo-studio .productInfo header, .-pc.edinfo-studio .productInfo nav, .-pc.edinfo-studio .productInfo section, .-pc.edinfo-studio .productInfo article{font-family:"malgun Gothic",arial,sans-serif;} .-pc.edinfo-studio .mFigure { text-align:center; } .-pc.edinfo-studio .mFigure img { max-width:100%; } .-pc.edinfo-studio .mClip { max-width:100%; margin:0 auto; } .-pc.edinfo-studio .mTextField { width:100%; margin:0 auto; font-family: 'Malgun Gothic'; } .-pc.edinfo-studio .mTextField .inner { min-height: 55px; padding:18px 25px; line-height:1.6; box-sizing:border-box; } .-pc.edinfo-studio .imgTitle { display:block; text-align:center; } .-pc.edinfo-studio .imgTitle img { width:151px; height:15px; padding:10px 30px; } .-pc.edinfo-studio .imgProduct { position:relative; margin:20px 0; text-align:center; } .-pc.edinfo-studio .imgProduct.default img { width:350px; height:auto; } .-pc.edinfo-studio .mSize { position:relative; } .-pc.edinfo-studio .mSize .unit { position:absolute; right:0px; top:-31px; padding:6px 8px; border:1px solid transparent;/*width:60px;*/text-align:right;} /* mBoard */ .-pc.edinfo-studio .mBoard { } .-pc.edinfo-studio .productInfo .mBoard { margin-top:40px; } .-pc.edinfo-studio .productInfo .mBoard.typeWear { margin-top:21px; position: relative; } .-pc.edinfo-studio .mBoard table { position:relative; border:1px solid #dadadc; border-width:0 1px 1px 0; font-size:12px; text-align:left; } .-pc.edinfo-studio .mBoard table .cell { display:block; position:relative; min-height:16px; text-align:center; box-sizing:border-box; } .-pc.edinfo-studio .productInfo .mBoard table .cell { -height:26px; line-height:26px; } .-pc.edinfo-studio .mSize .mBoard table .cell { -height:26px; line-height:26px; } .-pc.edinfo-studio .mBoard table th { color:#303030; background:#f9f9fa; } .-pc.edinfo-studio .mBoard thead th { padding:5px 5px 6px; border:1px solid #dadadc; border-width:1px 0 0 1px; font-weight:bold; vertical-align:middle; line-height:120%; } .-pc.edinfo-studio .mBoard thead th:first-child { border-left:1px solid #dadadc; } .-pc.edinfo-studio .mBoard tbody th { border-width:1px 0 0 1px; font-weight:bold; text-align:center; } .-pc.edinfo-studio .mBoard tbody th, .-pc.edinfo-studio .mBoard tbody td { overflow:hidden; min-height:28px; padding:5px 5px 6px; border:1px solid #dadadc; line-height:140%; } .-pc.edinfo-studio .mBoard tbody td { color:#303030; } .-pc.edinfo-studio .mBoard.typeWear tbody td { vertical-align: middle; } .-pc.edinfo-studio .mSize .mBoard tbody th { background:#fff; } .-pc.edinfo-studio .mBoard .chk { position:relative; -margin-left:20px;margin-left:12%; width:auto;} .-pc.edinfo-studio .mBoard .chk .icoChk { display:inline-block; width:11px; height:11px; -margin:0 11px 0 0; margin:0 6% 0 0; border:1px solid #d6d6d6; box-sizing:border-box; vertical-align:middle; } .-pc.edinfo-studio .mBoard .chk.checked .icoChk { border:1px solid transparent; background:#fb5555; } /* mTitle */ .edinfo-studio .productInfo .mTitle { color:#303030; font:bold 15pt "Malgun Gothic"; text-align:center; padding:20px 0 10px } /* mList */ .-pc.edinfo-studio .mList { position:relative; margin:0; padding:16px 10px; color:#636363; font-size:12px; line-height:1.5; white-space:pre-line; text-align:left;} .-pc.edinfo-studio .mList:before { display:none; } /* mProduct */ .-pc.edinfo-studio .mProduct { margin-top:40px; position: relative; } .-pc.edinfo-studio .mProduct .info { position:relative; padding:19px 21px 21px; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background:#f9f9fa; } .-pc.edinfo-studio .mProduct .info li { font-family:'Malgun Gothic';margin:2px 0 0 0; clear:both; color:#303030; display:flex;flex-wrap:wrap; text-align:left;} .-pc.edinfo-studio .mProduct li .title { position:relative;float:left; margin:3px 2px 0 0; line-height:22px;padding-right:10px; } .-pc.edinfo-studio .mProduct li .title:after {content:':';position:absolute;top:-1px;right:0;} .-pc.edinfo-studio .mProduct li .item { overflow:hidden; line-height:22px; flex:1; } .-pc.edinfo-studio .mProduct li .item .desc { display:block; position:relative; padding:2px 5px; border:1px solid transparent; } /* 세탁방법 */ .-pc.edinfo-studio .mThumbList { width:auto; } .-pc.edinfo-studio .mThumbList.typeHor.washing { margin:0 0 12px 0; padding:10px 0 0; clear:both;width:100%;} .-pc.edinfo-studio .mThumbList.typeHor.washing li { display:inline-block; position:relative; width:72px; margin:4px 4px 0 0; text-align:center; vertical-align:top; } .-pc.edinfo-studio .mThumbList.typeHor.washing li .text { display:block; margin:4px 0 12px; font-size:11px; } .-pc.edinfo-studio .mThumbList.typeHor.washing li img { width:40px; height:40px; }
----------------------------------------------------
악세사리 -S1L1
악세사리 -S1L16
악세사리 모델 착용 이미지-S1L4
악세사리 -S1L15
DETAIL VIEW
악세사리 -S1L17
악세사리 상품상세 이미지-S1L5
악세사리 -S1L19
악세사리 상품상세 이미지-S1L6
악세사리 -S1L20
악세사리 상품상세 이미지-S1L7
악세사리 -S1L21
악세사리 상품상세 이미지-S1L8
악세사리 -S1L22
악세사리 상품상세 이미지-S1L9
악세사리 -S1L23
악세사리 -S1L24