@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300); @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700); @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); @import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900); @import url('https://fonts.googleapis.com/css?family=Arbutus+Slab'); @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } /* ======================================================================== RESET ======================================================================== */ /* global rest */ html, body { height: 100%; } html, body, pre, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, menu, nav, section, hgroup, article, header, aside, footer, input, select, textarea, button { margin: 0; padding: 0; } body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a { font-size: 12px; line-height: 1.25; color: #777; font-family: Dotum, AppleGothic, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } img, fieldset,button { border:0 none; } img { vertical-align: top; } li { list-style: none; } hr, caption, legend { display: none; } a { color: #787878; text-decoration: none; } a:hover { } button { overflow: hidden; cursor: pointer; } button span { visibility: hidden; } address, em { font-style: normal; } button, input, select, textarea, a { vertical-align: middle; } select { line-height: 18px; height: 18px; } input:focus { outline: none; } table { /*width: 100%;*/ border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; } /* ======================================================================== 공통 class ======================================================================== */ /* image replace, hidden text */ .ir *, .blind { z-index:-1; position: absolute; display: block; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -9999px; } /* file add trick */ .file-wrap { display: inline-block; overflow: hidden; position: relative; height: 23px; width: 280px; vertical-align: middle; background: url(/images/btn/h20_trick_fileadd.gif) no-repeat right 0; } .file-wrap .file-txt { float: left; border: 0 none; height: 18px; font-size: 12px; line-height: 18px; width: 198px; border: 1px solid #ccc; } .file-wrap .file-trick { cursor: pointer; position: absolute; right: 0px; top: 0; right: 0; width: 100px; height: 20px; background: none; border: 0 none; opacity: 0; filter: alpha(opacity=0); } /* bold */ .bold { font-weight: bold; } /* table */ table img { vertical-align: middle; display:inline-block; text-align:center; } .tb-bold { font-weight: bold; } .tb-left, .tb-center, .tb-right { padding: 0 10px; } .tb-btn { padding: 0; } .tb-left { text-align: left; } .tb-center { text-align: center; } .tb-right { text-align: right; } .tb-label-r5 label { margin-right: 5px; } .tb-label-r10 label { margin-right: 10px; } .tb-label-r10 label.last, .tb-label-r5 label.last{ margin-right: 0; } /* table-type-1 */ .table-type-1 { border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; } .table-type-1 th, .table-type-1 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; } .table-type-1 tr.nbg th, .table-type-1 tr.nbg td { background-image: none; } .table-type-1 tr.bg th, .table-type-1 tr.bg td { background-color: #f8f8f8; } .table-type-1 th { font-weight: normal; } /* table-type-2 */ .table-type-2 { border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; } .table-type-2 th, .table-type-2 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; } .table-type-2 th { font-weight: normal; } .table-type-2 tr.nbg th, .table-type-2 tr.nbg td { background-image: none; } /* 상품리스트 (메인/검색/상품리스트) */ .prd-list { margin-top: 10px; } .prd-list table td { border: 0; vertical-align: top; } .prd-list table .tb-center { padding: 0 10px; } .prd-list table .info { padding: 5px 0; } .prd-list .thumb { width: 196px; height: 196px; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; border: 2px solid #f2f4f3; } .prd-list .thumb a, .prd-list .thumb img { display: block; width: 100%; height: 100%; } .prd-list .dsc { margin-top: 15px; font-weight: bold; } .prd-list .price { margin-top: 5px; font-weight: bold; color: #333; } /* 마이페이지 디자인 타입2 테이블 리스트, 타이틀 */ .tit-tb-list { margin-top: 30px; font-size: 12px; color: #5f5f5f; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h3_sqr_gray.gif) no-repeat 0 45%; } .table-d2-list { border-top: 2px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } .table-d2-list thead th { padding: 6px 0; background-color: #ededed; border-bottom: 2px solid #cdcdcd; } .table-d2-list tbody td { padding: 6px 0 5px; border-bottom: 1px solid #e3e3e3; } /* 마이페이지 디자인 타입2 테이블 뷰 */ .table-d2-view { margin-top: 5px; border: 2px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } .table-d2-view th, .table-d2-view td { padding: 6px 0 5px; border-bottom: 1px solid #cdcdcd; } .table-d2-view th { font-weight: bold; border-right: 1px solid #e3e3e3; background-color: #ededed; } /* 페이지 타이틀 */ /* 타입 1*/ #content .tit-page { position: relative; margin-top: 20px; font-size: 0; line-height:0; padding-bottom: 12px; border-bottom: 1px solid #d0d0d0; } #content .tit-page .dsc { position: absolute; right: 0px; top: 15px; font-size: 11px; color: #a5a5a5; letter-spacing: -1px; } #content .tit-page .dsc em { color:#333; } /* 타입 2 */ #content .tit-page-2 { position: relative; margin-top: 15px; padding-bottom: 6px; border-bottom: 1px solid #d0d0d0; } #content .tit-page-2 .dsc { letter-spacing: -1px; display: inline-block; padding-top: 2px; margin-left: 30px; color: #9b9b9b; } /* 상품 total/정렬 */ .total-sort { zoom: 1; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } /* total */ .total-sort .total { float: left; width: auto; } .total-sort .total dt, .total-sort .total dd { display: inline; } .total-sort .total dd { font-weight: bold; } .total-sort .total dt { text-transform: capitalize; } /* sort */ .total-sort .sort { float: right; width: auto; display: inline; margin-right: 20px; } .total-sort .sort li, .total-sort .sort li a { float: left; width: auto; } .total-sort .sort li { display: inline; margin-left: 10px; } /* 게시판 총게시글,PAGE */ .total-page { zoom: 1; overflow: hidden; } .total-page .total { float: left; width: auto; } .total-page .page { float: right; width: auto;} /* 회원 등급 표시 */ /* 타입 1 */ .mem-lvl { zoom: 1; overflow: hidden; padding: 15px 50px 15px 180px; background-color: #ededed; } .mem-lvl .lvl-img, .mem-lvl p { position: relative; float: left; } .mem-lvl .lvl-img { left: -120px; margin-right: -120px; width: 120px; } .mem-lvl p { width: 100%; padding-top: 10px; line-height: 16px; } .mem-lvl p em { color: #be101a; font-weight: bold; } .mem-lvl span.MS_group_reserve_msg, .mem-lvl span.MS_group_dc_msg { color:#F26622; } /* 타입 2 */ .mem-lvl-2 { zoom: 1; overflow: hidden; padding: 15px 50px 15px 150px; border: 5px solid #ededed; } .mem-lvl-2 .lvl-img, .mem-lvl-2 p { position: relative; float: left; } .mem-lvl-2 .lvl-img { left: -130px; margin-right: -130px; width: 120px; border-right: 1px solid #ededed; } .mem-lvl-2 p { width: 100%; padding-top: 10px; line-height: 16px; } .mem-lvl-2 p em { color: #be101a; font-weight: bold; } .mem-lvl-2 span.MS_group_reserve_msg, .mem-lvl-2 span.MS_group_dc_msg { color:#F26622; } /* 마이페이지 상단 메시지 박스 */ .t-box-msg { padding: 10px 20px; border: 5px solid #ededed; } .t-box-msg strong { color: #0178d3; } /* ======================================================================== 공통 - 레이어 ======================================================================== */ /* ======================================================================== 공통 - 레아웃 ======================================================================== */ /* 상품 미리보기 레이어 */ #detailpage { position: absolute; top: 100px; display: block; width: 640px; padding: 10px 10px 40px; border: 3px solid #93a4b3; background-color: #fff; } #detailpage .loc { zoom: 1; overflow: hidden; } #detailpage .loc span { float: right; width: auto; } /* #detailpage .loc span { float: right; width: auto; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h5_arow_blue.gif) no-repeat 0 6px; } */ #detailpage .hd { margin-top: 10px; padding: 5px 10px 5px 30px; border: 1px solid #becbd7; background: #e0e6ec url(/images/d3/modern_simple/common/bull_h11_sqr_arow.gif) no-repeat 10px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #detailpage .hd h2 { font-weight: bold; font-size: 16px; color: #666; } #detailpage .detail { zoom: 1; overflow: hidden; margin-top: 20px; padding-left: 300px; } #detailpage .thumb-wrap, #detailpage .txt-wrap { position: relative; float: left; } #detailpage .close-layer { position: absolute; right: 0px; bottom: 0px; _bottom: -1px; } /* thumb-wrap */ #detailpage .thumb-wrap { width: 300px; left: -300px; margin-right: -300px; text-align: center; } #detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;} #detailpage .thumb-wrap .btns a { margin-left: 5px; } #detailpage .thumb-wrap .thumb img { width: 250px; } /* txt-wrap */ #detailpage .txt-wrap { width: 100%; } #detailpage .txt-wrap .ptit { font-weight: bold; font-size: 14px; color: #333; border-bottom:2px solid #ccc; } #detailpage .txt-wrap .opt { margin-top: 5px; } #detailpage .txt-wrap .opt li { padding: 3px 0; } #detailpage .txt-wrap .opt li.s-price { color: #a00000; } #detailpage .txt-wrap .f-btns { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; font-size: 0; line-height: 0; } #detailpage .txt-wrap .f-btns a { margin-right: 5px; } /* opt-spin */ #detailpage .opt-spin { display: inline-block; position: relative; width: 36px; height: 20px; } #detailpage .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #acacac; font-size: 11px; text-align: right; } #detailpage .opt-spin .btns { position:absolute; left: 35px; top:0px; width: 12px; height: 20px; } #detailpage .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; } #detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;} #detailpage .thumb-wrap .btns a { margin-left: 5px; } /* 게시판 공통 - 일반, 겔러리, 컨텐츠링크, 자료실, 미니홈피, 방명록, 동영상 */ /* 상단 */ .bbs-hd { padding: 0px 0 20px; background: url(/images/d3/modern_simple/common/dot_bbs_hd.gif) repeat-x 0 bottom; } .bbs-hd .link { text-align: center; font-size: 0; line-height: 0; } .bbs-hd .link li { display: inline; } .bbs-hd .link li a { padding: 0 8px; color: #9c9c9c; letter-spacing: -0.5px; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%; } .bbs-hd .link li.last a { background-image: none; } /* 타이틀 */ .bbs-tit { margin-bottom: 30px; margin-top: 20px; text-align: center; } .bbs-tit .braket { padding: 0 15px; font-weight: bold; color: #cfcfcf; font-size: 14px; vertical-align: middle; } .bbs-tit em { margin-left: 10px; font-size: 11px; color: #898989;} /* 검색 */ .bbs-sch { margin-top: 20px; margin-bottom : 10px; text-align: right; } .bbs-sch label { margin-right: 10px; } .bbs-sch .key-wrap { font-size: 0; line-height: 0; } .bbs-sch .key-wrap, .bbs-sch .keyword, .bbs-sch img { vertical-align: middle; } .bbs-sch .keyword { width: 125px; height: 14px; padding: 2px 0 0 2px; margin-right: 3px; line-height: 14px; border: 1px solid #ededed; } /* 게시판 글쓰기, 목록 이동 링크 */ .bbs-link { font-size: 0; line-height: 0; } .bbs-link a { display: inline-block; padding: 0 5px; font-size: 11px; line-height: 14px; color: #9b9b9b; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') no-repeat left 45%; } .bbs-link a.write { padding-left: 23px; background: url(/images/d3/modern_simple/common/icon_bbs_write_link.gif) no-repeat 0 45%; } /* 게시판 글쓰기, 목록 이동 링크 */ .bbs-link a.none { background: url('');} .bbs-link span { font-size:11px; color:#555; line-height:14px;} /* 게시판 한줄공지 */ .bbs-online-notice { margin-top: 10px; margin-bottom: -10px; padding: 7px 10px; color: #9d9d9d; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } /* 게시판 타입 - 리스트 */ .bbs-table-list { margin-top: 5px; } .bbs-table-list thead th, .bbs-table-list tbody td { padding: 6px 0;} .bbs-table-list thead th { color: #9d9d9d; font-weight: bold; font-size: 11px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .bbs-table-list tbody td { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;} /* 게시판 타입 - 보기 */ .bbs-table-view { margin-top: 10px; } .bbs-table-view thead th, .bbs-table-view tbody td { padding: 6px 0;} .bbs-table-view thead th { color: #9d9d9d; font-weight: bold; font-size: 11px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .bbs-table-view tbody td.line { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;} .bbs-table-view .btn-dwn { margin-top:15px;} /* 미니홈피, 방명록 게시글 뷰 */ /* 상단 */ .visit-vhd { margin-top: 10px; border-top: 1px solid #e5e5e5; } .visit-vhd th, .visit-vhd td { padding: 3px 0; border-bottom: 1px solid #e5e5e5; font-family: Dotum; } .visit-vhd .tb-left{ padding: 0 3px; } .visit-vhd td .tb-no { color: #9c9c9c; } .visit-vhd td .tb-ctrl, .visit-vhd td .tb-ctrl a { font-size: 11px; color: #9c9c9c; } /* 내용*/ .visit-vcont { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom; } .visit-vcont th, .visit-vcont td { padding: 6px 0; border-bottom: 1px solid #e5e5e5;} .visit-vcont th { font-weight: normal; font-family: Dotum; color: #9d9d9d; } .visit-vcont tr.no-line th, .visit-vcont tr.no-line td { padding-bottom: 0; border-bottom: 0; } .visit-vcont tr.dot-line th, .visit-vcont tr.dot-line td { padding-top: 2px; border-bottom: 1px dotted #e5e5e5; } .visit-vcont tr.info td .tb-left { padding-left: 0; color: #555;} .visit-vcont .tb-left{ padding: 0 3px; } .visit-vcont td .tb-cont { padding: 5px 0; min-height: 250px; _height: 250px; } .visit-vcont td .tb-cont img { max-width: 100%; } /* 코멘트 */ .visit-vcmt th, .visit-vcmt td { padding: 6px 0; vertical-align: top; border-bottom: 1px solid #e5e5e5; } .visit-vcmt th { color: #c5c5c5; } .visit-vcmt .tb-tit { font-weight: bold; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y right 0; } .visit-vcmt td .tb-txt { min-height: 30px; _height: 30px; padding-left: 10px; color: #555; } .visit-vcmt td .date, .visit-vcmt td .ctrl { display: block; font-size: 11px; } .visit-vcmt td .date { color: #555; } .visit-vcmt td .ctrl { margin-top: 5px; } .visit-vcmt td .ctrl a { margin-left: 2px; margin-right: 2px; color: #999; font-size: 11px; } /* 작성 */ .vist-vcmt-reg { margin-top: 10px; border-bottom: 1px solid #e5e5e5; } .vist-vcmt-reg th, .vist-vcmt-reg td ,#comment_reply_input th { padding: 6px 0;} .vist-vcmt-reg th ,#comment_reply_input th { font-weight: normal; color: #9d9d9d; font-family: Dotum; } .vist-vcmt-reg .tb-left ,#comment_reply_input .tb-left{ padding: 0 3px; } .vist-vcmt-reg th .tb-left { padding-left: 10px; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 45%; } /* 게시판 타입 - 쓰기 */ .bbs-table-write { margin-top:10px;} .bbs-table-write tbody th, .bbs-table-write tbody td { padding:6px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#9d9d9d; font-weight:normal; font-size:11px;} /* 공통으로 쓰는거 */ textarea { width:600px; height:47px; padding:2px; border:1px solid #EDEDED;} .input-style { padding:2px; height:14px; line-height:14px; border:1px solid #EDEDED;} /* 게시판 회원 게시글 검색 */ .search_id { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DADADA; display: block; padding: 3px; position: absolute; width: 90px; } /* style_code common class */ .line-hd { border-bottom: 1px solid #bbb; } .item-hd { position: relative; width: 100%; margin-top: 30px; padding-bottom: 5px; } .item-hd .tit { zoom: 1; overflow: hidden; } .item-hd .tit dt, .item-hd .tit dd { float: left; } .item-hd .tit dt { padding-left: 40px; background: url(/images/d3/style_code/common/bul_hd_h10.gif) no-repeat 0 45%; } .item-hd .tit dd { padding: 10px 0 0 10px; color: #b8b8b8; font-size: 11px; font-weight: bold; } .item-hd .odr { position: absolute; top: 5px; right: -10px; width: 210px; } .item-hd .odr ul { zoom: 1; overflow: hidden; } .item-hd .odr li { float: left; margin-right: 10px; } .item-hd .odr li a { color: #777; font-size: 11px; line-height: 1.5; } .item-hd .btn { position: absolute; top: -5px; right: 0; width: 186px; text-align: right; } .item-list { zoom: 1; overflow: hidden; padding: 0 10px 20px; } .item-list:after { content: ""; clear: both; display: block; } .item-list .item { float: left; width: 260px; margin-top: 10px; text-align: center; } .item-list .item .thumb { margin: 0 auto 20px; width: 240px; height: 300px; } .item-list .item .thumb img { width: 100%; height: 100%; } .item-list .item .info { width: 240px; margin: 0 auto; } .item-list .item .info li { margin-bottom: 5px; color: #7b7b7b; } .item-list .item .info .price { display: inline-block; padding-left: 4px; color: #94b09f; font-weight: bold; } .item-page { margin: 60px 0; text-align: center; } .item-page a { padding: 0 4px; color: #666; } .item-page a:hover, .item-page a.now { font-weight: bold; letter-spacing: -1px; } .item-none { margin: 20px 0; text-align: center; } /*---------------------------------------------- 공통 CSS 시작 ----------------------------------------------*/ .clear {*zoom:1;} .clear:after { clear:both; content:""; display:block;} .fl { float:left;} .fr { float:right;} div, ul, li, ol, dl, dt, dd, p, span, table, td, th, a, input, select, textarea {font-family: 'Nanum Gothic';} a:hover {text-decoration:none;} /*** 레이아웃 - 측면메뉴 있을 경우의 레이아웃설정은 해당 측면메뉴 CSS에 있음 ***/ #layerWrap { z-index: 1; } #wrap {z-index:1;} #header, #layerWrap, #contentWrap, #ftLink .link, #footer, #contentWrapper { position:relative; padding-bottom:40px;} #contentWrap:after { content: "";display:block; clear:both; } /* custom layout */ #contentWrapper {min-width:1200px;} #contentWrapper, #header, #footer, .w_layout {width:100%;text-align:center;margin:0;padding:0;} #content, .w_custom {margin:0 auto;text-align:left;width:1200px;}/*custom 사이즈 기입*/ div#content {padding-bottom:40px; } #contentWrap{width:1200px; margin:0 auto;} /*** 정렬 ***/ .ta_left {text-align:left !important;} .ta_center {text-align:center !important;} .ta_right {text-align:right !important;} .tb-left { text-align: left; } .tb-center { text-align: center; } .tb-right { text-align: right; } .v_top {vertical-align:top !important;} .v_mid {vertical-align:middle !important;} .v_bot {vertical-align:bottom !important;} /*** border 컬러 ***/ .bor_top2_33 {border-top:2px #333 solid;} .bor_top_00 {border-top:1px #000 solid;} .bor_top_d6 {border-top:1px #d6d6d6 solid;} .bor_all_d3 {border:1px #d3d3d3 solid;} .bor_top_d3 {border-top:1px #d3d3d3 solid;} .bor_bot_d3 {border-bottom:1px #d3d3d3 solid;} .bor_rig_d3 {border-right:1px #d3d3d3 solid;} .bor_bot_dot_d3 {border-bottom:1px #d3d3d3 dotted;} .bor_bot2_00 {border-bottom:2px #000 solid;} .bor_bot_e5 {border-bottom:1px #e5e5e5 solid;} .bor_none {border:0 none !important;} .bor_bot_none {border-bottom:0 none !important;} .bor_lef_none {border-left:0 none !important;} .bor_rig_none {border-right:0 none !important;} /*** background 컬러 ***/ .back_f9 {background-color:#f9f9f9;} .back_fc {background-color:#fcfcfc;} .back_none {background:none !important;cursor:default !important;} /*** 폰트 패밀리 ***/ .ff_nanum, .ff_nanum a, .ff_nanum a:hover {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight: 400;} .ff_nanumB, .ff_nanumB a, .ff_nanumB a:hover {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-weight: 700;} .ff_nanumEB, .ff_nanumEB a, .ff_nanumEB a:hover {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;font-weight: 800;} .ff_open, .ff_open a, .ff_open a:hover {font-family: 'Open Sans',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;} .ff_notoKr, .ff_notoKr a, .ff_notoKr a:hover {font-family: 'Noto Sans KR', 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;} .ff_notoKr_B, .ff_notoKr_B a, .ff_notoKr_B a:hover {font-family: 'Noto Sans KR', 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:500;} .ff_noto, .ff_noto a, .ff_noto a:hover {font-family: 'Noto Sans',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;} .ff_lato, .ff_lato a, .ff_lato a:hover {font-family: 'Lato',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;} .ff_mont, .ff_mont a, .ff_mont a:hover {font-family: 'Montserrat',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;} /*** 폰트 컬러 ***/ .fc_point {color:#d51414 !important;}/*서브페이지 red 컬러*/ .fc_red, .fc-red {color:#ef544d;} .fc_basic {color:#666;} .fc_1f {color:#1f2022;} .fc_22 {color:#222;} .fc_33 {color:#333 !important;} .fc_3e {color:#3e3e3c !important;} .fc_99 {color:#999;}/*소비자가*/ .fc_bk {color:#000 !important;} .fc-blue { color: #ef544d; } .fc_orange {color:#ff6418 !important;} .MS_option_price { color: #FF3C00; } /*** 폰트 사이즈 ***/ .fs_12 {font-size:12px !important;} .fs_13 {font-size:13px !important;} .fs_14 {font-size:14px !important;} /*** display ***/ .dis_block {display:block;} .dis_none {display:none !important;} /*** input box 모음 ***/ /* form */ .txt-right { text-align: right; } .txt-input1 { padding: 2px 0 0 2px; height: 17px; line-height: 17px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; } .txt-input2 { padding: 2px 0 0 2px; height: 17px; line-height: 17px; border: 1px solid #dcdcdc; } .MS_input_txt { margin-right:5px; padding: 2px 0 0 2px; line-height: 17px; border: 1px solid #dcdcdc; } .MS_input_select {border:1px #dcdcdc solid;color:#555;font-size:12px;height:20px;line-height:20px;padding:0 0 0 5px;} .txt-disabled { background-color: #f6f6f6; } .chk-rdo { width: 13px; height: 13px; vertical-align: middle; } .txt-area1 { overflow-y: scroll; padding:0 0 0 10px; line-height:20px; font-size:12px; border:1px solid #dcdcdc; } .area_w96p {width:96%;} .area_w98p {width:98%;} .area_h100 {height:98px;} .area_h280 {height:278px;} input.input_w208 {width:208px; height:20px; line-height:20px; padding:0; border:0 none; background-color:#fff;font-size:14px;color:#888;margin:0;text-align:left;font-family:"Nanum GothicB";float:left;} input.input_w178 {width:178px; line-height:19px; padding:10px 0 9px 0; text-indent:10px; border:1px #ddd solid; background-color:#fff;font-size:13px;color:#aaa;margin:0;text-align:left;font-family:"Nanum GothicB";float:left;} input.input_w239 {width:239px; line-height:19px; padding:10px 0 9px 0; text-indent:10px; border:1px #ddd solid; background-color:#fff;font-size:13px;color:#aaa;margin:0;text-align:left;font-family:"Nanum GothicB";float:left;} input.input_w100 {width:120px;height:20px;line-height:20px;padding:0;text-indent:5px;} input.input_w110 {width:108px;height:20px;line-height:20px;padding:0;text-indent:5px;} input.input_w150 {width:150px;height:20px;line-height:20px;padding:0;text-indent:5px;} input.input_w185 {width:183px;height:20px;line-height:20px;padding:0;text-indent:5px;} input.input_w30 {width:30px;height:20px;line-height:20px;padding:0;text-indent:5px;} input.input_w220 {width:220px;height:20px;line-height:20px;padding:0;text-indent:5px;} input.input_w136 {width:134px;height:28px;line-height:28px;padding:0;text-indent:10px;font-size:12px;color:#000;} input.input_w205 {width:203px;height:23px;line-height:23px;padding:0;text-indent:10px;font-size:12px;color:#000;} input.input_w310 {width:308px;height:28px;line-height:28px;padding:0;text-indent:10px;font-size:12px;color:#000;} input.input_w350 {width:350px;height:20px;line-height:20px;padding:0;text-indent:5px;} input.input_w415 {width:415px;height:20px;line-height:20px;padding:0;text-indent:5px;} input.input_w460 {width:460px;height:20px;line-height:20px;padding:0;text-indent:5px;} input.input_w137 {width:137px;height:20px;line-height:20px;padding:0;text-indent:5px;} input.input_w50 {width:50px;height:20px;line-height:20px;padding:0;text-indent:5px;} input.input_w440 {width:438px !important;height:28px;line-height:28px;border:1px #ccc solid;color:#666;font-size:12px;text-indent:10px;padding:0;margin:0;} /*로그인,비번찾기,비번재확인*/ input#user_password {width:156px;line-height:24px;height:24px;border:1px #d3d3d3 solid;padding:0;text-indent:10px;font-size:12px;color:#666;} /*회원가입정보입력, 주문서*/ input.input_w100 {width:98px;height:20px;line-height:20px;border:1px #dcdcdc solid;padding:0;text-indent:10px;font-size:12px;color:#555;} input.input_w150 {width:148px;height:20px;line-height:20px;border:1px #dcdcdc solid;padding:0;text-indent:10px;font-size:12px;color:#555;} input.input_w220 {width:218px;height:20px;line-height:20px;border:1px #dcdcdc solid;padding:0;text-indent:10px;font-size:12px;color:#555;} input.input_w227 {width:225px;height:20px;line-height:20px;border:1px #dcdcdc solid;padding:0;text-indent:10px;font-size:12px;color:#555;} input.MS_input_file, input.input_w486 {width:484px;height:20px;line-height:20px;border:1px #dcdcdc solid;padding:0;text-indent:10px;font-size:12px;color:#555;} select.MS_birthday {height:20px;line-height:20px;border:1px #dcdcdc solid;padding:0 0 0 5px;text-indent:0px;font-size:12px;color:#555;margin:0 3px 0 5px;} .select_day select {height:20px;line-height:20px;border:1px #dcdcdc solid;padding:0 0 0 5px;text-indent:0px;font-size:12px;color:#555;margin:0 3px 0 5px;} input.MS_radio {margin-left:13px;margin-right:3px;} .mlr_radio input {margin-right:3px;} #join input#email, #join input#etcphone, #order input#etcphone, input#hphone, input#ophone {width:225px;height:20px;line-height:20px;border:1px #dcdcdc solid;padding:0;text-indent:10px;font-size:12px;color:#555;} input#hpost1, input#hpost2, input#opost1, input#opost2, input#emergency11, input#emergency12, input#emergency13, input#emergency21, input#emergency22, input#emergency23, input#emergency31, input#emergency32, input#emergency33, input#post1, input#post2. #join input#hpost, #join input#etcphone2, #join input#etcphone3, #join input#hphone2, #join input#hphone3 {width:60px;margin-left:2px;margin-right:3px;height:20px;line-height:20px;padding:0;text-indent:5px;border:1px #dcdcdc solid;} #message {height:60px;line-height:20px;border:1px #dcdcdc solid;font-size:12px;color:#555;} input#email1 {width:98px;height:20px;line-height:20px;border:1px #dcdcdc solid;padding:0;text-indent:10px;font-size:12px;color:#555;} #join .MS_input_tel {width:98px;margin-left:2px;margin-right:3px;height:20px;line-height:20px;padding:0;text-indent:5px;border:1px #dcdcdc solid;} /*회원가입시 고객 선택형일 경우, td에 selcet_wrap 클래스 추가*/ #join .selcet_wrap .MS_input_tel {width:60px;margin-left:2px;margin-right:3px;height:20px;line-height:20px;padding:0;text-indent:5px;border:1px #dcdcdc solid;} #join .MS_input_txt {margin-right:3px;height:20px;line-height:20px;padding:0;text-indent:5px;border:1px #dcdcdc solid;} #join .input_zip_wrap input.MS_input_txt {width:60px;margin-left:2px;margin-right:3px;height:20px;line-height:20px;padding:0;text-indent:5px;border:1px #dcdcdc solid;} select#hphone1, select#etcphone1 {width:90px;height:20px;line-height:20px;border:1px #dcdcdc solid;padding:0 0 0 10px;font-size:12px;color:#555;} select#email2 {width:110px;height:20px;line-height:20px;border:1px #dcdcdc solid;padding:0 0 0 10px;font-size:12px;color:#555;} input.input_w180 {border:1px #d3d3d3 solid;background:#fff;color:#333;line-height:34px;height:34px;text-indent:5px;width:178px;margin:0;text-align:left;padding:0;font-size:13px;}/* .log_box */ input.input_w240 {border:1px #d3d3d3 solid;background:#fff;color:#333;line-height:34px;height:34px;text-indent:5px;width:238px;margin:0;text-align:left;padding:0;font-size:13px;} input.input_w275, input.input_w275 {border:1px #d3d3d3 solid;background:#fff;color:#333;line-height:33px;height:33px;text-indent:5px;width:273px;text-align:left;padding:0;font-size:13px;} .privercy-contract textarea {padding:10px 0 10px 10px;height:60px;width:800px;} textarea.input_w96p {width:96%;} textarea.input_h280 {height:280px;} /*** 버튼 모음 ***/ .btn_wrap {text-align:center;padding:50px 0 0 0;vertical-align:middle;font-size:0;} .btn_wrap a, .btn_wrap input {margin:0 3px 0 3px;vertical-align:middle;font-size:12px;} .pagediv {position:relative;} .pagediv .btn_wrap {position:absolute;top:20px;right:0;} .pagediv .btn_wrap.btn_a_left {left:0;right:auto;} .pagediv .btn_wrap a {padding-left:0 !important;padding-right:0 !important;margin-right:0;margin-left:6px;} .pagediv .btn_wrap.posi_left {position:absolute;left:0;top:30px;width:250px;} .pagediv .btn_wrap.posi_left a {margin-right:6px;margin-left:0;} .pagediv .btn_wrap.posi_left .btn_first {display:inline-block;margin:0;padding:0;} .pagediv .btn_wrap.posi_left .btn_first a {margin-right:6px;margin-left:0;} .pagediv .btn_wrap.ta_right {right:0;} .pagediv .btn_wrap.btn_board_v1 {left:0;font-size:0;} .pagediv .btn_wrap.btn_board_v1 a:first-child {margin-left:0;} .pagediv .btn_wrap.btn_board_v2 {right:0;font-size:0;} .pagediv .btn_wrap.btn_board_v2 a:last-child {margin-right:0;} .btn_w60, input.btn_w60 {width:58px;line-height:22px;height:22px;text-align:center;text-indent:0;padding:0;font-size:11px;display:inline-block;cursor:pointer;vertical-align:middle;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} input.btn_w60 {width:60px;line-height:17px;padding:4px 0 3px 0;height:24px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .btn_w70 {width:68px;line-height:28px;height:28px;text-align:center;text-indent:0;padding:0;font-size:13px;display:inline-block;cursor:pointer;vertical-align:middle;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .btn_w75 {width:73px;line-height:28px;height:28px;text-align:center;text-indent:0;padding:0;font-size:13px;display:inline-block;cursor:pointer;vertical-align:middle;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .btn_w80 {width:78px;line-height:28px;height:28px;text-align:center;text-indent:0;padding:0;font-size:13px;display:inline-block;cursor:pointer;vertical-align:middle;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .btn_w90 {width:88px;line-height:22px;height:22px;text-align:center;text-indent:0;padding:0;font-size:11px;display:inline-block;cursor:pointer;vertical-align:middle;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .btn_w95 {width:93px;line-height:22px;height:22px;text-align:center;text-indent:0;padding:0;font-size:11px;display:inline-block;cursor:pointer;vertical-align:middle;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .btn_w100, input.btn_w100 {width:98px;line-height:33px;height:33px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block;cursor:pointer;vertical-align:middle;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} input.btn_w100 {width:100px;line-height:18px;padding:8px 0 7px 0;height:35px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .btn_w105, input.btn_w105 {width:103px;line-height:33px;height:33px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block;cursor:pointer;vertical-align:middle;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} input.btn_w105 {width:105px;line-height:18px;padding:8px 0 7px 0;height:35px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .btn_w110, input.btn_w110, input.btn_w110 {width:108px;line-height:38px;height:38px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block;cursor:pointer;vertical-align:middle;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} input.btn_w110, input.btn_w110 {width:110px;line-height:18px;padding:10px 0 12px 0;height:40px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .btn_w110_b, input.btn_w110_b, input.btn_w110_b {width:108px;height:38px;line-height:38px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block;cursor:pointer;vertical-align:middle;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .btn_w130, input.btn_w130 {width:128px;line-height:38px;height:38px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block;cursor:pointer;vertical-align:middle;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} input.btn_w130 {width:130px;line-height:18px;padding:10px 0 12px 0;height:40px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .btn_h20 {line-height:18px;height:18px;font-family: 'Nanum Gothic' !important;font-size:11px !important;} .btn_h22 {line-height:20px;height:20px;font-family: 'Nanum Gothic' !important;font-size:12px !important;} .btn_h30 {line-height:28px;height:28px;font-family: 'Nanum Gothic' !important;font-size:12px;} .btn_h40 {line-height:38px;height:38px;font-family: 'Nanum Gothic' !important;font-weight:700;font-size:12px;} input.btn_h40 {line-height:40px;height:40px;} .btn_h60 {display:inline-block;line-height:58px;height:58px;font-family: 'Nanum Gothic' !important;font-size:15px;} .bc_bk, a.bc_bk, .bc_bk:hover, input.bc_bk {background-color:#084e9d;color:#fff !important;border:1px #084e9d solid;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .bc_wh, a.bc_wh, .bc_wh:hover, input.bc_wh {background-color:#fff;color:#3e4348 !important;border:1px #272727 solid;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .bc_gy, a.bc_gy, .bc_gy:hover, input.bc_gy {background-color:#888;color:#fff !important;border:1px #888 solid;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .bc_8d, a.bc_8d, .bc_8d:hover, input.bc_8d {background-color:#8d8d8d;color:#fff !important;border:1px #8d8d8d solid;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .bc_wh2, a.bc_wh2, .bc_wh2:hover, input.bc_wh2 {background-color:#fff;color:#666 !important;border:1px #8d8d8d solid;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} /*상세페이지 구매버튼*/ .bc_cart_img, .bc_cart_img:hover {margin-right:8px;width:176px;height:62px;line-height:62px;background:#fff url(/design/logona/2016img/icon_btn_wish.png) no-repeat 45px 21px;border:1px #272727 solid;color:#3e4348 !important;font-size:16px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;text-indent:75px;text-align:left;} .bc_wish_img, .bc_wish_img:hover {margin-right:8px;width:176px;height:62px;line-height:62px;background:#5c5c5c url(/design/logona/2016img/icon_btn_cart.png) no-repeat 34px 21px;border:1px #5c5c5c solid;color:#fff !important;font-size:16px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;text-indent:67px;text-align:left;} .bc_buy_img, .bc_buy_img:hover {width:266px;height:62px;line-height:62px;background:#084e9d url(/design/logona/2016img/icon_btn_buy.png) no-repeat 80px 21px;border:1px #084e9d solid;color:#fff !important;font-size:16px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;text-indent:80px;text-align:left;} .btn_ok {width:107px;line-height:22px;text-align:center;text-indent:0;padding:30px 0 28px 0;margin:0;font-size:15px;display:inline-block;cursor:pointer;background:#084e9d;border:1px #084e9d solid;color:#fff;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .btn_ok.ok_search {background:#1f2022;} .btn_ok2 {width:118px;line-height:24px;text-align:center;text-indent:0;padding:57px 0 57px 0;margin:0;font-size:18px;display:inline-block;cursor:pointer;background:#084e9d;border:1px #084e9d solid;color:#fff;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .bc_wh_log, .bc_gy_log {display:inline-block;width:137px;text-align:center;height:28px;line-height:28px;padding:0;margin:0;} .bc_wh_log, .bc_wh_log:hover {border:1px #272727 solid;background:#fff url(/design/logona/2016img/icon_log_arrow_g.png) no-repeat 119px 11px;color:#3e4348;} .bc_gy_log, .bc_gy_log:hover {border:1px #5c5c5c solid;background:#5c5c5c url(/design/logona/2016img/icon_log_arrow_w.png) no-repeat 119px 11px;color:#fff;} .btn_non, .btn_non:hover {width:193px;line-height:30px;height:30px;text-align:left;text-indent:18px;padding:0;margin:0;font-size:13px;display:inline-block;cursor:pointer;background-color:#fff;border:1px #585858 solid;color:#444;} .btn_find, .btn_find:hover {width:92px;line-height:30px;height:30px;text-align:center;text-indent:0;padding:0;margin:0;font-size:13px;display:inline-block;cursor:pointer;background-color:#fff;border:1px #222 solid;color:#222;} .btn_orders, input.btn_orders {background:#646464;text-align:center;font-size:13px;color:#fff;display:inline-block;height:32px;line-height:32px;vertical-align:middle;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;padding:0;margin:0;} .btn_join, .btn_join, .btn_join:hover {display:inline-block;width:148px;text-align:left;background:#084e9d;color:#fff;font-size:13px;height:36px;text-align:center;line-height:36px;margin-right:49px;} /*첨부파일 버튼*/ input.MS_input_file_button {background:url(/design/logona/2016img/btn_board_file.gif) no-repeat left top;height:20px;line-height:20px;width:55px;text-align:center;padding:0;margin:0 0 0 5px;border:0;text-indent:9999px;overflow:hidden;} /*** 간격 조절 ***/ .mt_10 {margin-top:10px !important;} .mt_-10 {margin-top:-10px !important;} .mt_15 {margin-top:15px !important;} .mt_17 {margin-top:17px !important;} .mt_20 {margin-top:20px !important;} .mt_25 {margin-top:25px !important;} .mt_28 {margin-top:28px !important;} .mt_30 {margin-top:30px !important;} .mt_35 {margin-top:35px !important;} .mt_40 {margin-top:40px !important;} .mt_50 {margin-top:50px !important;} .mt_60 {margin-top:60px !important;} .mb_0 {margin-bottom:0px !important;} .mb_10 {margin-bottom:10px !important;} .mb_12 {margin-bottom:12px !important;} .mb_13 {margin-bottom:13px !important;} .mb_15 {margin-bottom:15px !important;} .mb_16 {margin-bottom:16px !important;} .mb_20 {margin-bottom:20px !important;} .mb_25 {margin-bottom:25px !important;} .mb_27 {margin-bottom:27px !important;} .mb_30 {margin-bottom:30px !important;} .mb_35 {margin-bottom:35px !important;} .mb_40 {margin-bottom:40px !important;} .mb_45 {margin-bottom:45px !important;} .mb_50 {margin-bottom:50px !important;} .mb_53 {margin-bottom:53px !important;} .mb_55 {margin-bottom:55px !important;} .mb_60 {margin-bottom:60px !important;} .mb_65 {margin-bottom:65px !important;} .mb_75 {margin-bottom:75px !important;} .mb_120 {margin-bottom:120px !important;} .mr_0 {margin-right:0px !important;} .mr_5 {margin-right:5px !important;} .mr_8 {margin-right:8px !important;} .mr_5p {margin-right:5% !important;} .mr_6p {margin-right:6% !important;} .mr_10 {margin-right:10px !important;} .mr_15 {margin-right:15px !important;} .mr_20 {margin-right:20px !important;} .mt_-16 {margin-top:-16px !important;} .ml_0 {margin-left:0 !important;} .ml_2 {margin-left:2px !important;} .ml_-4 {margin-left:-4px !important;} .ml_5 {margin-left:5px !important;} .ml_10 {margin-left:10px !important;} .ml_15 {margin-left:15px !important;} .ml_20 {margin-left:20px !important;} .ml_30 {margin-left:30px !important;} .mr-5 { margin-right: 5px;} .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .pt_0 {padding-top:0px !important;} .pt_8 {padding-top:8px !important;} .pt_10 {padding-top:10px !important;} .pt_13 {padding-top:13px !important;} .pt_15 {padding-top:15px !important;} .pt_20 {padding-top:20px !important;} .pt_25 {padding-top:25px !important;} .pt_26 {padding-top:26px !important;} .pt_28 {padding-top:28px !important;} .pt_30 {padding-top:30px !important;} .pt_35 {padding-top:35px !important;} .pt_38 {padding-top:38px !important;} .pt_40 {padding-top:40px !important;} .pt_45 {padding-top:45px !important;} .pt_50 {padding-top:50px !important;} .pt_60 {padding-top:60px !important;} .pt_65 {padding-top:65px !important;} .pt_80 {padding-top:80px !important;} .pl_0 {padding-left:0px !important;} .pl_2 {padding-left:2px !important;} .pl_5 {padding-left:5px !important;} .pl_10 {padding-left:10px !important;} .pl_13 {padding-left:13px !important;} .pl_15 {padding-left:15px !important;} .pl_20 {padding-left:20px !important;} .pl_30 {padding-left:30px !important;} .pl_200 {padding-left:300px !important;} .pl_3p {padding-left:3% !important;} .pl_4p {padding-left:4% !important;} .pl_5p {padding-left:5% !important;} .pl_8p {padding-left:8% !important;} .pl_10p {padding-left:10% !important;} .pl_11p {padding-left:11% !important;} .pl_13p {padding-left:13% !important;} .pl_14p {padding-left:14% !important;} .pl_15p {padding-left:15% !important;} .pl_20p {padding-left:20% !important;} .pr_0 {padding-right:0px !important;} .pr_10 {padding-right:10px !important;} .pr_20 {padding-right:20px !important;} .pb_0 {padding-bottom:0px !important;} .pb_3 {padding-bottom:3px !important;} .pb_5 {padding-bottom:5px !important;} .pb_7 {padding-bottom:7px !important;} .pb_10 {padding-bottom:10px !important;} .pb_13 {padding-bottom:13px !important;} .pb_16 {padding-bottom:16px !important;} .pb_20 {padding-bottom:20px !important;} .pb_25 {padding-bottom:25px !important;} .pb_30 {padding-bottom:30px !important;} .pb_35 {padding-bottom:35px !important;} .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-30 { padding-left: 30px; } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } /*** 공통으로 사용되는 서브 영역 CSS 시작 ***/ /*** 네비게이션 영역 ***/ .loc_navi {padding:0;margin:0px 0 47px 0;position:relative;padding-top:170px;} .loc_navi.on{padding-top:240px;} .loc_navi dt {color:#010101;font-size:32px;line-height:40px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;letter-spacing:0.12em;text-align:center;width:100%;margin:34px 0 0 0;} .loc_navi dt a, .loc_navi dt a:hover {color:#010101;font-size:32px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;} .loc_navi dd {line-height:18px;padding:0;margin-top:-70px;color:#666;font-size:9px;font-family: 'Nanum Gothic';vertical-align:top;} .loc_navi dd a, .loc_navi dd strong, .loc_navi dd span {color:#666;display:inline-block;padding:0 5px;font-size:12px;font-family: 'Nanum Gothic';height:18px;line-height:18px;vertical-align:top;} .loc_navi dd a.home {color:#666;} .loc_navi dd strong, .loc_navi dd a:last-child {padding-right:0;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;color:#000;vertical-align:top;} /* 상세 네비게이션 */ .detail_wrap .loc_navi {margin-top:16px;} .detail_wrap .loc_navi dd {margin-top:0px;} /*** 페이징 영역 ***/ ol.paging { padding-top:30px; text-align: center; line-height:19px; font-size:0;position:relative;} ol.paging li { display: inline;} ol.paging li a {display:inline-block;cursor:pointer;padding:0 9px;width:auto;margin:0px;line-height:19px;font-size:13px;color:#666;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} ol.paging li a:hover, ol.paging li.now a {color:#1f2022 !important;} ol.paging li.first a, ol.paging li.prev a, ol.paging li.next a, ol.paging li.last a {overflow:hidden;} ol.paging li.prev a, ol.paging li.next a {text-align:left;width:35px;padding:0;} ol.paging li.next a {text-align:right;} ol.paging li.first a, ol.paging li.last a {width:10px;text-indent:999px;height:19px;overflow:hidden;} ol.paging li.first a {background:#fff url(/design/logona/2016img/btn_page_pre.gif) no-repeat center 50%;margin-right:13px;} ol.paging li.prev a {background:#fff url(/design/logona/2016img/bg_page.gif) no-repeat right 50%;margin-right:10px;} ol.paging li.next a {background:#fff url(/design/logona/2016img/bg_page.gif) no-repeat left 50%;margin-left:10px;} ol.paging li.last a {background:#fff url(/design/logona/2016img/btn_page_next.gif) no-repeat center 50%;margin-left:13px;} /*** 서브 step 영역 / 회원가입, 주문서작성 ***/ .step_box {height:97px;margin:0 0 30px 0;} .step_box dl {border:1px #d3d3d3 solid;} .step_box dt {margin-left:3.2%;width:47%;text-align:left;} .step_box dt.join_yac {background:url(/design/logona/2016img/icon_step_yac_tit.png) no-repeat left 24px;} .step_box dt.join_form {background:url(/design/logona/2016img/icon_step_form_tit.png) no-repeat left 24px;} .step_box dt.join_com {background:url(/design/logona/2016img/icon_step_com_tit.png) no-repeat left 24px;} .step_box dt.order_cart {background:url(/design/logona/2016img/icon_step_cart_tit.png) no-repeat left 24px;} .step_box dt.order_form {background:url(/design/logona/2016img/icon_step_form_tit.png) no-repeat left 24px;} .step_box dt.order_com {background:url(/design/logona/2016img/icon_step_com_tit.png) no-repeat left 24px;} .step_box dt.order_fail {background:url(/design/logona/2016img/icon_step_fail_tit.png) no-repeat left 24px;} .step_box dt strong {color:#3e3e3c;font-size:26px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;display:block;margin:22px 0 1px 65px;line-height:32px;} .step_box dt span {color:#888;font-size:14px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;display:block;margin:0 0 0 65px;line-height:22px;} .step_box dd {padding:23px 0 22px 0;width:49.4%;} .step_box dd ul {width:100%;} .step_box dd ul li {background:url(/design/logona/2016img/bg_step_line.gif) no-repeat right 50%;vertical-align:middle;width:33.3%;} .step_box dd ul li.last {background:none;} .step_box dd ul li p {display:inline-block;padding-left:38%;color:#ccc;font-size:14px;line-height:22px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .step_box dd ul li p .num {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;display:block;font-size:25px;line-height:28px;color:#ccc;} .step_box dd ul li.join01 p {background:url(/design/logona/2016img/icon_step_yac.png) no-repeat 15% 50%;} .step_box dd ul li.join02 p {background:url(/design/logona/2016img/icon_step_form.png) no-repeat 15% 50%;} .step_box dd ul li.join03 p {background:url(/design/logona/2016img/icon_step_com.png) no-repeat 15% 50%;} .step_box dd ul li.join01_ov p {background:url(/design/logona/2016img/icon_step_yac_r.png) no-repeat 15% 50%;} .step_box dd ul li.join02_ov p {background:url(/design/logona/2016img/icon_step_form_r.png) no-repeat 15% 50%;} .step_box dd ul li.join03_ov p {background:url(/design/logona/2016img/icon_step_com_r.png) no-repeat 15% 50%;} .step_box dd ul li.join01_ov p, .step_box dd ul li.join02_ov p, .step_box dd ul li.join03_ov p {color:#888;} .step_box dd ul li.join01_ov p .num, .step_box dd ul li.join02_ov p .num, .step_box dd ul li.join03_ov p .num {color:#1f2022;} .step_box dd ul li.order01 p {background:url(/design/logona/2016img/icon_step_cart.png) no-repeat 15% 50%;} .step_box dd ul li.order02 p {background:url(/design/logona/2016img/icon_step_order.png) no-repeat 15% 50%;} .step_box dd ul li.order03 p {background:url(/design/logona/2016img/icon_step_com.png) no-repeat 15% 50%;} .step_box dd ul li.order01_ov p {background:url(/design/logona/2016img/icon_step_cart_r.png) no-repeat 15% 50%;} .step_box dd ul li.order02_ov p {background:url(/design/logona/2016img/icon_step_order_r.png) no-repeat 15% 50%;} .step_box dd ul li.order03_ov p {background:url(/design/logona/2016img/icon_step_com_r.png) no-repeat 15% 50%;} .step_box dd ul li.order01_ov p, .step_box dd ul li.order02_ov p, .step_box dd ul li.order03_ov p {color:#888;} .step_box dd ul li.order01_ov p .num, .step_box dd ul li.order02_ov p .num, .step_box dd ul li.order03_ov p .num {color:#1f2022;} /*** 상품관련 영역 ***/ /* 갤러리형-테두리형 *3 */ .good_list_wrap .pr_wrap {margin:0 42px 30px 0;width:372px;position:relative;z-index:1;cursor:pointer;height:100%;text-align:center;} .good_list_wrap .pr_wrap .link_thume {z-index:5;position:absolute;left:0;top:0;bottom:0;width:372px;height:100%;display:block;background:#fff;opacity:0;box-sizing:border-box;} .good_list_wrap .pr_wrap .link_thume.hover {border:2px #ffb646 solid;} .good_list_wrap .pr_wrap.last {margin-right:0;} .good_list_wrap .pr_wrap .num {position:absolute;left:0;top:0;width:50px;height:50px;line-height:50px;text-align:center;display:inline-block;color:#fff;font-size:16px;background:#fbc700;} .good_list_wrap .pr_wrap .num strong {font-size:24px;} .good_list_wrap .pr_wrap .num.num01 {background:#fbc700;} .good_list_wrap .pr_wrap .info_wrap {border-left:1px #d3d3d3 solid;border-right:1px #d3d3d3 solid;border-bottom:1px #d3d3d3 solid;padding:14px 0 13px 0;width:372px;box-sizing:border-box;} .good_list_wrap .pr_wrap .icon_wrap {text-align:left;height:17px;line-height:17px;margin:2px 0 2px 0;overflow:hidden;vertical-align:middle;} .good_list_wrap .pr_wrap .icon_wrap img {vertical-align:middle;} .good_list_wrap .pr_wrap .pr_name, .good_list_wrap .pr_wrap .pr_sub, .good_list_wrap .pr_wrap .pr_price {width:330px;margin-left:auto;margin-right:auto;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;box-sizing:border-box;} .good_list_wrap .pr_wrap .pr_name {font-size:15px;text-align:center;line-height:22px;height:22px;padding:0;} .good_list_wrap .pr_wrap .pr_name a {font-size:15px;color:#333;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .good_list_wrap .pr_wrap .pr_sub {font-size:13px;color:#666;text-align:center;line-height:19px;height:19px;padding:0;} .good_list_wrap .pr_wrap .pr_sub a, .pr_wrap .pr_sub a:hover {color:#666;} .good_list_wrap .pr_wrap .pr_price {color:#1f2022;font-size:17px;margin-bottom:0px; text-align:center;line-height:22px;height:22px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;} .good_list_wrap .pr_wrap .pr_price_con {color:#666;font-size:12px;text-decoration:line-through;display:inline-block;line-height:22px;margin-right:5px;} .good_list_wrap .pr_wrap .thum {width:372px;vertical-align:top;margin:0;padding:0;text-align:center;border:1px #d3d3d3 solid;border-bottom:0 none;box-sizing:border-box;} .good_list_wrap .pr_wrap .thum a.link_thume {display:block;} .good_list_wrap .pr_wrap .thum img {max-width:370px;width:auto;height:300px;} /* 갤러리형-테두리형 *4 */ .good3_list_wrap {} .good3_list_wrap .pr_wrap {margin:0 20px 30px 0;width:285px;position:relative;z-index:1;cursor:pointer;height:100%;text-align:center;box-sizing:border-box;} .good3_list_wrap .pr_wrap:hover{border:1px solid #fbc700; margin:0 20px 28px 0;} .good3_list_wrap .pr_wrap .thum{overflow:hidden;} .good3_list_wrap .pr_wrap:hover .thum img{max-width:101%; margin-top:-1px; margin-left:-1px;} .good3_list_wrap .pr_wrap .link_thume {position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;display:block;background:#fff;opacity:0;z-index:5;box-sizing:border-box;} .good3_list_wrap .pr_wrap.last {margin-right:0;} .good3_list_wrap .pr_wrap .info_wrap {padding:14px 0 13px 0;width:100%;box-sizing:border-box;} .good3_list_wrap .pr_wrap .icon_wrap {text-align:left;height:17px;line-height:17px;margin:2px 0 2px 0;overflow:hidden;vertical-align:middle;} .good3_list_wrap .pr_wrap .icon_wrap img {vertical-align:middle;} .good3_list_wrap .pr_wrap .pr_name, .good3_list_wrap .pr_wrap .pr_sub, .good3_list_wrap .pr_wrap .pr_price {width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;} .good3_list_wrap .pr_wrap .pr_name {font-size:15px;text-align:center;line-height:22px;height:22px;padding:0;} .good3_list_wrap .pr_wrap .pr_name a {display:block; font-size:15px;color:#333;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;width:100%;padding:0 10px; box-sizing:border-box; text-align:center;} .good3_list_wrap .pr_wrap .pr_sub {font-size:13px;color:#666;margin:0 0 7px 0;text-align:center;line-height:19px;height:19px;padding:0;} .good3_list_wrap .pr_wrap .pr_sub a, .pr_wrap .pr_sub a:hover {color:#666;} .good3_list_wrap .pr_wrap .pr_price {color:#1f2022;font-size:17px;margin-bottom:0px; text-align:center;line-height:22px;height:22px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;} .good3_list_wrap .pr_wrap .pr_price_con {color:#666;font-size:12px;text-decoration:line-through;display:inline-block;line-height:22px;margin-right:5px;} .good3_list_wrap .pr_wrap .thum {width:100%;vertical-align:top;margin:0;padding:0;text-align:center;box-sizing:border-box;} .good3_list_wrap .pr_wrap .thum a.link_thume {display:block;} .good3_list_wrap .pr_wrap .thum img {max-width:100%;width:auto;height:auto;} /* 갤러리형-일반형 */ .good2_list_wrap .good_lists {width:195px;margin:0;text-align:center; } .good2_list_wrap .good_lists .pr_wrap {width:160px;margin:0 17px 0 18px;} .good2_list_wrap .good_lists .thum { margin:0 0 11px 0; width:160px; } .good2_list_wrap .good_lists .thum img {width:158px;height:auto;border:1px #d9d9da solid; } .good2_list_wrap .good_lists .info { width:160px;margin:0 auto;text-align:center;} .good2_list_wrap .good_lists .info li {margin-bottom:4px;line-height:19px;color:#666;font-size:12px; } .good2_list_wrap .good_lists .info li a {display:inline-block;color:#666;font-size:12px;} .good2_list_wrap .good_lists .info li .MK-product-icons {display:inline-block;line-height:20px;vertical-align:middle;} .good2_list_wrap .good_lists .info li .MK-product-icons img {vertical-align:middle;margin-left:4px;} .good2_list_wrap .good_lists .info .price {color:#333;font-weight:bold; } .good2_list_wrap .good_lists .info .price strike {color:#666;font-size:11px;font-weight:normal;display:inline-block;margin-right:6px;} .good3_list_wrap .pr_wrap:hover .pr_per{display:block;} .pr_per { /* display: none; */ font-size: 17px; line-height: 29px; padding: 16px 0 15px; color: #fff; background: #fbc700; width: 60px; height: 60px; font-style:italic; left: 0; top: 0; z-index: 1; position: absolute; text-align: center; box-sizing: border-box; display:none; font-family: 'Arbutus Slab', serif !important; } .pr_per em{font-size:25px;} /*** 서브페이지 h3 요소 ***/ h3.sub_title {font-size:16px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;color:#000;line-height:23px;padding:0 0 10px 0;text-align:left;position:relative;border-bottom:1px #000 solid;letter-spacing:-0.03em} h3.sub_title a, h3.sub_title a:hover {font-size:16px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;color:#000;} h3.sub_title .btn_more {position:absolute;right:0;top:4px;display:inline-block;width:25px;height:25px;background:url(/shop/data/skin/designart/img/2016img/icon_my_more.gif) no-repeat top center;border:0;box-shadow:0;padding:0;margin:0;} h3.sub_title .btn_more:hover, h3.sub_title .btn_more.ov {background:url(/shop/data/skin/designart/img/2016img/icon_my_more_r.gif) no-repeat top center;} h3.sub_title .selected {color:#666;font-size:12px;display:inline-block;margin-left:10px;} h3.sub_title label {font-size:12px;font-family: 'Nanum Gothic';padding-top:5px;line-height:18px;} h2.box_title {font-size:40px;font-weight:700;color:#333;line-height:46px;padding:0 0 21px 0;text-align:center;letter-spacing:-0.05em;} h2.box_title span {letter-spacing:0.03em;color:#555;font-size:15px;line-height:21px;height:21px;display:block;font-weight:400;padding:16px 0 0 0;background:url(/shop/data/skin/designart/img/2016img/bg_log_title.gif) no-repeat center 4px;} h3.box_title {font-size:16px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;color:#000;line-height:23px;padding:0 0 10px 0;text-align:left;position:relative;} h3.box_title .sub_info {font-size:12px;font-family: 'Nanum Gothic';font-weight:normal;color:#666;display:inline-block;line-height:23px;vertical-align:bottom;margin-left:10px;} h3.box_title .sub_info strong {color:#000;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} h3.box_title .btn_more {position:absolute;right:0;top:4px;display:inline-block;width:25px;height:25px;background:url(/shop/data/skin/designart/img/2016img/icon_my_more.gif) no-repeat top center;border:0;box-shadow:0;padding:0;margin:0;} h3.box_title .btn_more:hover, h3.box_title .btn_more.ov {background:url(/shop/data/skin/designart/img/2016img/icon_my_more_r.gif) no-repeat top center;} /*** 서브페이지 table 관련 CSS ***/ .total_page {color:#666;font-size:11px;line-height:20px;} .total_page .total {} .total_page .page {} /* table type A - faq, 마이페이지 */ .table_typeA {border-collapse:collapse;width:100%;} .table_typeA caption {display:none;} .table_typeA th, .table_typeA td {border-bottom:1px #ddd solid;font-size:12px;line-height:22px;padding:10px 0 10px 0;text-align:center;} .table_typeA th {background-color:#fbfbfb;border-top:1px #000 solid;color:#222;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-weight:bold;text-align:center;padding:7px 0 7px 0;} .table_typeA td {color:#666;} .table_typeA td a, .table_typeA td a:hover {color:#666;} .table_typeA td strong {color:#000;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .table_typeA .reple {text-indent:0;} .table_typeA .reple strong {background-image:url(/shop/data/skin/designart/img/2016img/icon_reple.png);background-repeat:no-repeat;background-position:left 50%;text-indent:0px;display:inline-block;margin:0;width:auto;text-align:left;padding:0 0 0 22px;} .table_typeA span.reple {display:inline-block;width:51px;text-align:left;} .table_typeA span.reple strong {margin:0;} .table_typeA td a.thume_s, .table_typeP td a.thume_s {display:inline-block;margin:0px auto;border:1px #d3d3d3 solid;}/* table type P 도 추가 */ .table_typeA td p.goods_nm {line-height:18px;vertical-align:middle;margin-bottom:5px;} .table_typeA td p.goods_nm img {vertical-align:middle;margin-left:10px;} .table_typeA td p.goods_sj {line-height:18px;vertical-align:middle;} .table_typeA .price_wrap {border-bottom:1px #d3d3d3 solid;color:#000;font-size:12px;line-height:20px;background:url(/shop/data/skin/designart/img/2016img/bg_order_tbody.gif) repeat left top;padding-top:24px;padding-bottom:24px;padding-right:27px;} .table_typeA .price_wrap strong {color:#d51414;font-size:14px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .table_typeA .price_wrap .reserve {} .table_typeA .pl_goods_qna {padding-left:23.5%;padding-top:12px;padding-bottom:12px;} /* 게시판이나 특정페이지에서 글자색이 모두 검정일 때 사용 */ .table_typeA.ft_bk th, .table_typeA.ft_bk td, .table_typeA.ft_bk td a, .table_typeA.ft_bk td strong {color:#000 !important;} /* FAQ 클릭시 내용 펼쳐지는 게시글의 내용 영역 */ #faqWrap .table_typeA td { cursor:pointer; } .table_typeA tr.slide-hide td { border-bottom:0px; } .table_typeA tr.slide-hide, .table_typeA tr.slide-hide dl { display:none; } .table_typeA tr.slide-show { display:table-rows; *display:block; } .table_typeA tr.slide-show dl { display:block; } .table_typeA tr.slide-hide td, .table_typeA tr.slide-show td { padding:0; cursor:default; background-color:#fbfbfb; } .table_typeA .tb-slide { padding:9px 0; } .table_typeA .tb-slide a { text-decoration:underline; color:#666; } .table_typeA .tb-slide ol, .table_typeA .tb-slide ul { } .table_typeA .tb-slide dl { position:relative; width:100%; } .table_typeA td .tb-slide dl dt, .table_typeA td .tb-slide dl dd {padding:0; line-height:18px;} .table_typeA td .tb-slide dl dt { } .table_typeA td .tb-slide dl dd { text-align:left;margin-left:9px;} .table_typeA td .tb-slide dl.adv { margin-top:3px; } .table_typeA .icon_q {background-color:#000;color:#fff;font-size:12px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-weight:bold;width:18px;height:18px;line-height:18px;vertical-align:middle;display:inline-block;text-align:center;} .table_typeA .icon_a {background-color:#d60404;color:#fff;font-size:12px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-weight:bold;width:18px;height:18px;line-height:18px;vertical-align:middle;display:inline-block;text-align:center;} /* 장바구니 */ .table_typeA td .tb-delivery .MS_tb_delivery {z-index:999;} .table_typeA td .tb-opt {background:url(/design/logona/2016img/icon_arrow_bb.gif) no-repeat left 5px;padding-left:18px;} .table_typeA td .tb-opt img {margin-right:11px;} .table_typeA td.price_wrap {background:url(/design/logona/2016img/bg_order_tbody.gif) repeat left top;} /* 장바구니 수량 컨트롤 */ .table_typeA .opt-spin { position:relative; width:74px; height:18px; margin-left:auto; margin-right:auto; } .table_typeA .opt-spin .txt-spin {width:22px; height:16px; padding:0; border: 1px solid #ccc; font-size:11px; text-align:right; text-indent:4px; } .table_typeA .opt-spin .btns { width:7px; height:18px; margin:0 4px; position:relative;} .table_typeA .opt-spin .btns img.btn-up {position:absolute;left:0;top:0;} .table_typeA .opt-spin .btns img.btn-dw {position:absolute;left:0;bottom:0;} /* 마이페이지 - 간격 변경 */ .mplist .table_typeA td {padding:14px 0;} .mplist .table_typeA td .point {color:#000;} /* table type B - 회원정보입력 */ .table_typeB {border-collapse:collapse;width:100%;} .table_typeB caption {display:none;} .table_typeB th, .table_typeB td {font-size:12px;line-height:22px;padding:8px 0;vertical-align:middle;border-bottom:1px #ddd solid;text-align:left;} .table_typeB td a, .table_typeB td input {vertical-align:middle;} .table_typeB th {font-size:12px;color:#333;background:#f9f9f9;padding-left:25px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-weight:bold;vertical-align:top;} .table_typeB td {padding-left:15px;color:#555;} .table_typeB td a, .table_typeB td a:hover {color:#555;display:inline-block;line-height:22px;} .table_typeB td a img {vertical-align:top;} .table_typeB td strong {color:#000;} .table_typeB td .typeB_span {display:inline-block;line-height:22px;vertical-align:middle;text-align:left;} .table_typeB td .typeB_div {display:inline-block;line-height:22px;vertical-align:middle;text-align:left;width:100%;} .table_typeB.td_ft_33 td, .table_typeB.td_ft_33 td a, .table_typeB.td_ft_33 td a:hover {color:#333;} /* 회원약관 */ #content #terms .new-privercy-contract .contract-tbl {border-collapse:collapse;margin-bottom:-1px;} #content #terms .new-privercy-contract .contract-tbl th, #content #terms .new-privercy-contract .contract-tbl td {font-size:12px;line-height:38px;vertical-align:middle;border:1px #ddd solid;border-collapse:collapse;} #content #terms .new-privercy-contract .contract-tbl th div, #content #terms .new-privercy-contract .contract-tbl td div {font-size:12px;line-height:22px;height:22px;vertical-align:middle;padding:0;margin:8px 0;} #content #terms .new-privercy-contract .contract-tbl td div {line-height:22px;height:auto;vertical-align:middle;padding:0;margin:8px 0;} #content #terms .new-privercy-contract .contract-tbl th {font-size:13px;color:#333;background:#f9f9f9;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-weight:bold;vertical-align:top;height:38px;} #content #terms .new-privercy-contract .contract-tbl td {color:#555;} /* 회원정보입력 - table_typeB td 안의 table 영역 */ .table_typeB td.table_typeB_2 {padding:0 0 0 12px;} .table_typeB td.table_typeB_2 table {} .table_typeB td.table_typeB_2 th, .table_typeB td.table_typeB_2 td {padding:8px 0 8px 3px;background:#fff;} .table_typeB td.table_typeB_2 th {} .table_typeB td.table_typeB_2 td {} .table_typeB td.table_typeB_2 tr.no_board td, .table_typeB td.table_typeB_2 th.no_board, .table_typeB td.table_typeB_2 td.no_board {border:0 none;} /* 마이페이지 높이값 조절 (일대일문의 보기) */ .table_typeB td.tb_cont { min-height:110px; height:110px; } /* 결제하기 */ .table_typeB_div {border-bottom:1px #d3d3d3 solid;font-size:12px;line-height:22px;padding:12px 0 12px 0;text-align:center;color:#666;} .table_typeB_div a, .table_typeB_div a:hover {color:#666;} .table_typeB_div strong {color:#000;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .table_typeB_div label, .table_typeB_div input {vertical-align:middle;} /* 주문서 개인정보 영역 */ .table_typeB .new-privercy-contract {text-align:left;} .table_typeB .new-privercy-contract p {margin:0 0 10px 0;text-align:left;line-height:18px;font-size:12px;color:#333;font-weight:bold; } .table_typeB .privercy-contract-tap { position: relative; height:40px; } .table_typeB .privercy-contract-tap ul { list-style: none; margin: 0; padding: 0; position: absolute; bottom: -1px; *bottom: -2px; } .table_typeB .privercy-contract-tap li { border: 1px solid #ddd; border-right: none; background: #f5f5f5; float:left; display: inline-block; color:#000;} .table_typeB .privercy-contract-tap li a { display: block; padding: 10px 10px; text-decoration: none; color:#000; } .table_typeB .privercy-contract-tap li.end { border-right: 1px solid #ddd; } .table_typeB .privercy-contract-tap li.sel { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; } .table_typeB .privercy-contract { clear: both; } .table_typeB .privercy-contract textarea { clear: both; border: 1px solid #ddd; height: 60px; background: #FFFFFF; padding:10px 0 10px 10px; width:988%; } .table_typeB .privercy-agree { margin: 10px 0; } .table_typeB .privercy-agree label{ margin-right: 10px; } /* 게시판 작성 */ .table_typeB td.typeB_content {height:380px;position:relative;z-index:99;margin-top:5px;margin-bottom:8px;} .table_typeB td.typeB_content textarea {width:100%;height:350px;line-height:19px;font-size:12px;color:#666;font-family: 'Nanum Gothic';} .table_typeB td.typeB_file {padding-top:0;padding-bottom:0;} .table_typeB td.typeB_file table {} .table_typeB td.typeB_file td {padding:5px 0 5px 0;font-family: 'Nanum Gothic';font-size:12px;color:#666;border-bottom:0 none;} .table_typeB td.typeB_file div {padding:7px 0;font-size:12px;line-height:20px;color:#666;font-family: 'Nanum Gothic';} .table_typeB td.typeB_captch {} .table_typeB td.typeB_captch table {} .table_typeB td.typeB_captch td, .table_typeB td.typeB_captch div {padding:0;border-bottom:0;font-size:12px;line-height:20px;color:#666;font-family: 'Nanum Gothic';} .table_typeB td.typeB_captch td input {border:1px #dcdcdc solid;width:148px;height:20px;line-height:20px;text-indent:10px;margin:0;padding:0;} .table_typeB.border_top_bk th {vertical-align:middle;} /* 게시판 작성에서 상품 정보영역-일반형에서만나옴 */ /* 상품 상단 정보 */ .prd-tinfo { zoom: 1; overflow: hidden; padding: 10px 0 10px 80px; border: 3px solid #e0e0e0; margin-top: 20px; } .prd-tinfo dt, .prd-tinfo dd { position: relative; float: left; } .prd-tinfo dt { left: -70px; margin-right: -70px; width: 60px; height: 60px; } .prd-tinfo dt img { width: 100%; height: 100%; } .prd-tinfo dd { width: 100%; } .prd-tinfo dd ul { padding: 15px 0 0 10px; min-height: 45px; _height: 45px; border-left: 1px solid #e0e0e0; } .prd-tinfo dd ul li { padding: 1px 0; } .prd-tinfo dd ul li .tit { display: inline-block; width: 55px; } .prd-tinfo dd ul li.name .tit { letter-spacing: 1px; } /* 게시판 보기 */ .cont-sub-des { position:relative;} .cont-sub-des span { margin-right:15px; color:#000; line-height:22px;font-size:12px;} .cont-sub-des span em { color:#666;} .cont-sub-des .hit { position:absolute; top:15px; right:0;} .cont-sub-des .hit span { margin-right:0;} /* 게시판 보기에서 코멘트 영역 */ .comment-box {} .comment-box td {line-height:22px;font-size:12px;color:#666;vertical-align:top;padding:5px 0 12px 0;border-bottom:1px #d3d3d3 solid;} .comment-box .com-name {color:#888;margin:0 20px;text-align:left;background: url('/design/logona/2016img/bg_board_line.gif') no-repeat right 5px;} .comment-box .bbs-link {position:relative;} .comment-box .bbs-link span {display:inline-block;padding:2px 0 0px 0;} .comment-box .bbs-link a.delete {display:inline-block;margin-top:6px;background:url(/design/logona/2016img/btn_comment_del.gif) no-repeat right top;width:10px;height:10px;overflow:hidden;text-indent:999px;} .comment-box .bbs-link a.reply { padding:0;} .comment-box td.com-wrt-box {border-bottom:1px #d3d3d3 solid;background:#fbfbfb;padding:28px 0 34px 0;} .comment-box td.com-wrt-box label {color:#222;font-size:12px;font-weight:bold;text-align:left;line-height:18px;display:inline-block;width:100%;text-align:left;} .comment-box td.com-wrt-box span {display:inline-block;text-align:left;margin:0;padding:0;} .comment-box td.com-wrt-box .wrt .input_w110 {margin-top:6px;} .comment-box td.com-wrt-box .wrt textarea {margin-top:6px;height:80px;} .comment-box td.com-wrt-box .wrt {margin:0;padding:0;} .comment-box td.com-wrt-box .wrt_left {width:12.8%;margin-left:3.2%;} .comment-box td.com-wrt-box .wrt_right {width:68%;} .comment-box td.com-wrt-box .bc_bk {margin-right:4.2%;width:110px;line-height:80px;height:80px;text-align:center;margin-top:27px;} .view-link { padding:12px 0;} /* 게시판 보기 옵션 */ /* 개인정보보호정책 동의 */ #bbsData .privercy-contract textarea { height: 60px; width: 660px; } #bbsData .privercy-contract-tap { height:30px; } #bbsData .privercy-contract-tap li a { padding: 7px 10px; } /* 개인정보 수집 이용 */ #bbsData .privercy-contract .tbl { width:100%; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; } #bbsData .privercy-contract .tbl caption { display:none; } #bbsData .privercy-contract .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; } #bbsData .privercy-contract .tbl th, #bbsData .privercy-contract .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px; } #bbsData .privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; } /* 관련 상품 목록 */ #bbsData .fixed-img-collist { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;} #bbsData .list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;} #bbsData .fixed-img-collist ul { padding:15px 11px 0;} #bbsData .fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;} #bbsData .fixed-img-collist ul li a { display:block; width:150px; font-size:11px; color:#9d9d9d;} #bbsData .fixed-img-collist ul li a span.prd img { width:142px; height:142px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;} #bbsData .fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;} /* table type C - 주문내역상세 */ .table_typeC {border-collapse:collapse;width:100%;border-bottom:1px #ddd solid;} .table_typeC caption {display:none;} .table_typeC th, .table_typeC td {font-size:12px;line-height:22px;vertical-align:middle;text-align:left;} .table_typeC td a, .table_typeC td input {vertical-align:middle;} .table_typeC th.title {font-size:16px;color:#333;background:#fbfbfb;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-weight:bold;vertical-align:top;text-align:right;padding:14px 40px 14px 0;} .table_typeC th.title strong {font-size:25px;color:#3e3e3c;display:block;line-height:32px;} .table_typeC td.order_box {padding:28px 37px 29px 37px;color:#555;} .table_typeC td a, .table_typeC td a:hover {color:#555;} .table_typeC td strong {color:#555;} .table_typeC_sub {} .table_typeC_sub th, .table_typeC_sub td {text-align:left;line-height:22px;color:#333;font-size:12px;} .table_typeC_sub th {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-weight:bold;} .table_typeC_sub td {} .table_typeC_select th, .table_typeC_select td {padding-top:3px;padding-bottom:3px;} /* table type D - 상세 */ .table_typeD {border-collapse:collapse;width:100%;border-bottom:1px #d6d6d6 solid;} .table_typeD caption {display:none;} .table_typeD th, .table_typeD td {background:url(/design/logona/2016img/bg_tableD_dot.gif) repeat-x left top;font-size:12px;line-height:22px;padding:6px 0 7px 0;text-align:center;} .table_typeD th {background:#fcfcfc;color:#666;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-weight:bold;text-align:center;border-top:1px #d3d3d3 solid;border-bottom:1px #d3d3d3 solid;} .table_typeD td {color:#666;} .table_typeD td a, .table_typeD td a:hover {color:#666;} .table_typeD td strong {color:#666;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .table_typeD tr.first td {background:none;} .table_typeD td.back_none {cursor:none;} .table_typeD td .review_star {font-size:14px;} /* table type P - 최근본상품 */ .table_typeP {border-top:1px #000 solid;} .table_typeP th, .table_typeP td {font-size:12px;line-height:22px;border-bottom:1px #d3d3d3 solid;text-align:center;vertical-align:middle;} .table_typeP th {color:#000;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-weight:bold;padding:7px 0 7px 0;background:#f9f9f9;} .table_typeP td {padding:10px 0;} .table_typeP td strong {color:#000;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} /* 게시판 상세 */ .table_typeV {border-top:1px #000 solid;} .table_typeV th, .table_typeV td {color:#000;font-family: 'Nanum Gothic';padding:6px 0 6px 20px;font-size:12px;text-align:left;line-height:22px;} .table_typeV th {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;background:#fff;font-size:12px;border-bottom:1px #d3d3d3 solid;} .table_typeV.V_gallery th {padding:0;font-size:0;margin:0;line-height:0;border-bottom:0;} .table_typeV.V_gallery th.view, .table_typeV.V_gallery td {color:#000;font-family: 'Nanum Gothic';padding:5px 0 5px 20px;text-align:left;line-height:22px;} .table_typeV.V_gallery th.view {color:#000;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;background:#fbfbfb;display:block;font-size:12px;border-bottom:1px #d3d3d3 solid;} .table_typeV th img {vertical-align:middle;} .table_typeV th a {color:#000;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .table_typeV th span.ta_right {float:right;margin-right:20px;line-height:20px;display:inline-block;vertical-align:middle;} .table_typeV td {vertical-align:middle;} .table_typeV td strong{} .table_typeV td#contents {height:200px;padding-top:28px;padding-bottom:28px;vertical-align:top;border-bottom:1px #d3d3d3 solid;} .table_typeV td#contents table, .table_typeV td#contents td {margin:0;padding:0;vertical-align:top;border-bottom:0;} .table_typeV_coment {} .table_typeV_coment tr:first-child th {border-top:1px #000 solid;} .table_typeV_coment th, .table_typeV_coment td {line-height:22px;padding:9px 15px 9px 15px;color:#999;font-size:12px;text-align:left;} .table_typeV_coment th {background:url(/shop/data/skin/designart/img/2016img/bg_comment_dot.gif) repeat-x left bottom;} .table_typeV_coment th strong {color:#000;} .table_typeV_coment th img {vertical-align:middle;} .table_typeV_coment th span.ta_right {float:right;display:inline-block;line-height:22px;color:#999;font-size:12px;} .table_typeV_coment td {border-bottom:1px #d6d6d6 solid;background:#fff;} .table_typeV_write {border-top:1px #000 solid;border-bottom:1px #d3d3d3 solid;background:#fbfbfb;} .table_typeV_write td {line-height:22px;padding:16px 0px 16px 20px;color:#999;font-size:12px;text-align:left;} .table_typeV_write td strong {display:inline-block;line-height:22px;height:22px;margin-bottom:5px;font-size:12px;color:#333;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .table_typeV_write td span.linebg {border:1px #ccc solid;display:inline-block;} .table_typeV_write td input.linebg {width:94%;font-size:12px;color:#333;background:#fff;margin-left:5%;} .table_typeV_write td textarea {border:1px #ccc solid;padding:5px 0 5px 5px;line-height:20px;font-size:12px;color:#333;height:65px;width:98%;background:#fff;} .table_typeV_write td.btn_wrap {padding:43px 0 0 0;vertical-align:top;} .table_typeV_write td.btn_wrap input {margin-left:0;} .table_typeV_write td .typeB_captch table {} .table_typeV_write td .typeB_captch table td, .table_typeV_write td .typeB_captch div {padding:0;border-bottom:0;font-size:12px;line-height:20px;color:#666;font-family: 'Nanum Gothic';} .table_typeV_write td .typeB_captch input {border:1px #dcdcdc solid;width:148px;height:20px;line-height:20px;text-indent:10px;margin:0;padding:0;} .table_typeV_write td .typeB_captch .stxt {margin-bottom:5px;} .table_typeV_write td .typeB_captch .stxt a {margin-left:5px;} /* 게시판 갤러리형 목록 */ .table_gallery {padding:0;} .table_gallery ul {}/*width:1236px;margin-right:-36px;*/ .table_gallery ul li {text-align:center;width:320px;margin-right:120px;margin-bottom:30px;}/*width:376px;margin-right:36px;*/ .table_gallery ul li.last {margin-right:0;} .table_gallery ul li .wrap {position:relative;border-bottom:2px #000 solid;padding:0;} .table_gallery ul li .wrap a {display:inline-block;width:100%;min-height:210px;height:100%;position:absolute;left:0;top:0;overflow:hidden;vertical-align:top;border:1px #f2f2f2 solid;border-bottom:0;box-sizing:border-box;} .table_gallery ul li .wrap img {vertical-align:top;width:auto;height:auto;} .table_gallery ul li .wrap a .board_thume {width:auto;height:auto;} .table_gallery ul li .wrap a .noimg {border-bottom:1px #f2f2f2 solid;color:#999;font-weight:bold;font-size:14px;background:#fcfcfc;text-align:center;vertical-align:middle;display:inline-block;width:100%;height:100%;line-height:100%;padding-top:100px;} .table_gallery ul li .wrap p {text-align:left;padding:22px 15px 0 15px;} .table_gallery ul li .wrap p span {margin:0 0 9px 0;width:100%;overflow:hidden;display:block;height:19px;line-height:19px;text-align:center;font-size:16px;color:#333;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;box-sizing:border-box;} .table_gallery ul li .wrap div.con {height:36px;line-height:19px;font-size:13px;color:#666;margin:0;padding:0;} .table_gallery ul li .wrap div.con a {display:inline-block;width:273px;margin:0 15px;overflow:hidden;text-overflow: ellipsis;height:36px;line-height:19px;} .table_gallery ul li .wrap p span a {color:#333;font-size:16px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;display:inline-block;height:24px;line-height:24px;width:288px;overflow:hidden;text-overflow: ellipsis;} /* 게시판 갤러리형 목록 4줄 변형*/ .table_gallery ul li.bbs_step4 {margin-right:26px;width:280px;} .table_gallery ul li.bbs_step4.last {margin-right:0;} .table_gallery ul li.bbs_step4 .wrap img {width:100%;height:auto;} .table_gallery ul li.bbs_step4 .wrap p span {} .table_gallery ul li.bbs_step4 {} /* 게시판 보기페이지 bg */ .board_list_bg {border-top:1px #000 solid;padding-top:50px;margin-top:40px;} /* 게시판 갤러리형 보기 리스트 */ .table_gallery_list {border-top:1px #000 solid;} .table_gallery_list li {border-bottom:1px #d3d3d3 solid;padding:10px 0;line-height:22px;font-size:12px;} .table_gallery_list li a, .table_gallery_list li strong {display:inline-block;} .table_gallery_list li a {} .table_gallery_list li strong {width:10%;text-align:center;} /*** 서브페이지 search 요소 ***/ .sub_sch_box {border:1px #d3d3d3 solid;text-align:center;margin:0 0 20px 0;padding:2px 0 20px 0;} .sub_sch_box table {width:915px;margin:0 auto;} .sub_sch_box table th, .sub_sch_box table td {font-size:12px;line-height:29px;color:#666;vertical-align:middle;font-weight:normal;} .sub_sch_box table th strong, .sub_sch_box table th span {font-size:14px;color:#000;} .sub_sch_box table td {line-height:30px;padding:0;vertical-align:middle;} .sub_sch_box table td select {margin:0;border:1px #ccc solid;background:#fff;width:136px;line-height:28px;height:28px;text-align:left;text-indent:10px;padding:0;font-size:12px;color:#666;} .sub_sch_box table td .btn_w60 {height:28px;line-height:28px;} .sub_sch_box table td input.input-price, .sub_sch_box table td input.input-keyword {margin:0;border:1px #ccc solid;background:#fff;width:136px;line-height:28px;height:28px;text-align:left;text-indent:10px;padding:0;font-size:12px;color:#666;} .sub_sch_box table td input.input-price {width:68px;margin:0 3px;} .sub_sch_box table td select {width:108px;border:1px #d3d3d3 solid;height:30px;line-height:30px;font-size:12px;color:#000;text-indent:0;padding-left:10px;} .sub_sch_box table.table_w580 {width:580px;} .sub_sch_box table.table_w580 th strong {font-size:12px;} .sub_sch_box table.table_wauto {width:auto;margin:0 auto;} .sub_sch_box table.table_wauto .board_radio {} .sub_sch_box table.table_wauto .board_radio label {font-size:12px;color:#222;font-weight:bold;line-height:30px;vertical-align:middle;margin-right:10px;} .sub_sch_box table.table_wauto .board_radio label input {vertical-align:middle;margin-right:5px;} /* 게시판 일반형 검색박스 */ .sub_sch_box.ta_right {border:0;text-align:right;margin:0;padding:0 0 20px 0;} .sub_sch_box.ta_right table {margin:0 0 0 auto;} .sub_sch_box.ta_right table th, .sub_sch_box.ta_right table td {line-height:25px;height:25px;} .sub_sch_box.ta_right table .btn_w60 {height:23px;line-height:23px;} /*** 서브페이지 타이틀요소 ***/ h3.tit_join {color:#333;padding:0 0 7px 0;line-height:24px;font-size:16px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;border-bottom:1px #000 solid;} .yac_wrap .tit_join {margin:0px 0 -30px -15px;} .yac_wrap .tit_join a, .yac_wrap .tit_join a:hover {color:#333;font-size:16px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .new-privercy-contract h4.tit {margin:40px 0 0 0;color:#333;padding:0 0 7px 0;line-height:24px;font-size:16px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;border-bottom:1px #000 solid;} /*** 서브페이지 text box 요소 / 가입완료,비밀번호재확인,마이페이지_적립금내역 등 ***/ .sub_info_title {font-size:26px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;color:#000;line-height:33px;text-align:center;margin-top:-5px;margin-bottom:28px;} .sub_info_title p {font-size:15px;color:#888;line-height:22px;padding-top:8px;} .sub_info_title p strong {color:#000;} .sub_info_box {border:10px #f7f7f7 solid;margin:0 0 0 0;text-align:center;font-size:14px;line-height:21px;color:#666;} .sub_info_box p {color:#666;font-size:14px;line-height:21px;text-align:center;padding:26px 0 36px 0;font-family: 'Nanum Gothic';} .sub_info_box p span.info_title {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-size:30px;display:inline-block;text-align:center;line-height:38px;padding-bottom:19px;color:#222;width:auto !important;} .sub_info_box p strong {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;display:inline-block;line-height:22px;} .sub_info_box p strong.info_sub {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-size:16px;display:inline-block;padding-bottom:0px;color:#000;margin-top:-2px;} /*게시판 비밀번호*/ .sub_info_box table.table_w235 {width:235px;margin:0 auto;margin-top:30px;} .sub_info_box table th, .sub_info_box table td {line-height:26px;padding:0;text-align:left;font-size:13px;color:#666;} .sub_info_box table th {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;color:#000;} .sub_info_box table td input {width:165px;height:24px;line-height:24px;text-indent:10px;color:#666;font-size:13px;padding:0;margin:0;} /*비밀번호 재확인*/ .sub_info_box table.table_wauto {width:auto;margin:27px auto 5px auto;} /*그룹 메세지*/ #order .sub_info_box p span.info_title {font-family: 'Nanum Gothic';font-size:22px;line-height:30px;padding-bottom:14px;color:#666;} #order .sub_info_box p span.info_title strong {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;color:#000;} .sub_info_box span.MS_group_content {line-height:22px;font-size:13px;} .sub_info_box span.MS_group_content .MS_group_hname {} .sub_info_box span.MS_group_content .username {} .sub_info_box span.MS_group_content .MS_group_maxmoney {} .sub_info_box span.MS_group_content .MS_group_condition {} .sub_info_box span.MS_group_content .MS_group_msg {} .sub_info_box span.MS_group_content .MS_group_msg font {} /* 마이페이지_적립금내역 */ div.emoney_box {text-align:center;} div.emoney_box p {background-image:url(/shop/data/skin/designart/img/2016img/bg_my_reserve.gif);background-repeat:no-repeat;background-position:left 50%;display:inline-block;margin:25px auto;padding:3px 0px 4px 56px;line-height:19px;font-size:13px;color:#000;} div.emoney_box p strong {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} div.emoney_box p .point {color:#e00303;} /*** 서브페이지 radio 버튼 영역, textarea 영역 ***/ .sub_textbox {width:100%;} .sub_textbox textarea {border:1px #ddd solid;border-top:0 none;margin:0;padding:16px 0 16px 16px;line-height:18px;font-size:12px;color:#555;height:250px;overflow-y:scroll;} .sub_textbox.textbox_1000 textarea {width:100%;box-sizing:border-box;} .radio_wrap {line-height:18px;font-size:12px;color:#000;vertical-align:middle;text-align:center;margin:17px 0 40px 0;} .radio_wrap input {vertical-align:middle;} /* 주문하기 */ .sub_textbox_wrap {border-bottom:1px #ddd solid;padding:26px 27px 16px 27px;} .sub_textbox_wrap .sub_textbox {border:1px #e4e4e4 solid;margin-bottom:12px;background:#fff;color:#888;height:130px;} .sub_textbox_wrap p {padding:0 0 6px 0;line-height:18px;font-size:12px;color:#666;} .sub_textbox_wrap p a {color:#666;} .sub_textbox_wrap .radio_wrap {margin-bottom:0;} .content_why_wrap .table_typeB td{text-align:center;} #MS_WritenBySEB > table > tbody > tr > td{text-align:center;} #MS_WritenBySEB{text-align:center;} .notice_board #MS_WritenBySEB{text-align:left;} .qna_board_content #MS_WritenBySEB{text-align:left;} .best_review #MS_WritenBySEB{text-align:left;} /*---------------------------------------------- 공통 CSS 끝 ----------------------------------------------*/ /*---------------------------------------------- 서브 영역 CSS 시작 / ----------------------------------------------*/ /*** 주문관련 ***/ #cartWrap .wish-opt { color: #FFA500; } #cartWrap .tit-cart { margin-top: 30px; } /* 회원 등급 표시 */ #cartWrap .mem-lvl { zoom: 1; overflow: hidden; margin-top: 45px; } /* 배송 메세지 */ #cartWrap .delivery { margin-top: 20px; text-align: center; } /* 주문 컨트롤 버튼 */ #cartWrap .btn-order-ctrl { margin-top: 20px; text-align: center; font-size: 0; line-height: 0; } #cartWrap .btn-order-ctrl a { margin-right: 10px; } .order_price_box {border:1px #000 solid;width:100%;} .order_price_box td {background-image:url(/design/logona/2016img/bg_order_dot.gif);background-position:right top;background-repeat:repeat-y;} .order_price_box td .price_box {position:relative;padding:27px 0 18px 0;font-size:14px;color:#000;line-height:20px;text-align:center;} .order_price_box td .price_box .icon_plus {background-image:url(/design/logona/2016img/icon_order_plus.gif);background-position:left top;background-repeat:no-repeat;display:inline-block;width:29px;height:29px;position:absolute;top:45px;right:-14px;} .order_price_box td .price_box .icon_result {background-image:url(/design/logona/2016img/icon_order_resert.gif);background-position:left top;background-repeat:no-repeat;display:inline-block;width:29px;height:29px;position:absolute;top:45px;right:-14px;} .order_price_box td .price_box p {padding:10px 0 0 0;line-height:32px;font-size:16px;} .order_price_box td .price_box p strong {font-size:26px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;color:#666;} .order_price_box td .price_box #paper_delivery {display:inline-block;line-height:32px;font-size:26px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;color:#666;} .order_price_box td .price_box #paper_settlement {display:inline-block;line-height:32px;font-size:26px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;font-weight:800;color:#d51414;} /* 주문 - 주문정보 테이블 */ .table-order-info {} /* 주문하기 */ #order .stit { zoom: 1; margin-top: 30px; line-height: 0; } #order .stit:after { content: ""; display: block; clear: both; } #order .stit img { float: left; } #order .stit label { float: right; } #order .mem-lvl { margin-top: 45px; } #order .table-order-info li { padding: 3px 0; } #order .table-order-info dl dt { font-weight: bold; } #order .table-order-info dl dd { margin-top: 5px; } #order .cnt-box {padding:8px 0 8px 30px; border-bottom:1px solid #ddd; line-height:20px; vertical-align:middle;} #order .cnt-box input, #order .cnt-box img { vertical-align: middle; } #order .width100 {width:100px;} #order .width150 {width:150px;} #order .width30 {width:30px;} #order .width350 {width:350px;} #order .width50 {width:50px;} #order .delivery-select { text-align:right; margin-top:10px; } #order .reserve-select { text-align:right; margin-top:10px; } #order .privercy-contract-tap li a { display: block; padding: 5px 10px; text-decoration: none; } #order .privercy-contract textarea { padding:10px; height: 60px; width: 590px; } #order .tbl { width:100%; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; } #order .tbl caption { display:none; } #order .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; } #order .tbl th, #order .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px; } #order .new-privercy-contract .tbl td { background:#ffffff; } #order .tbl td ul, #order .tbl td ul li { padding:0; margin:0; list-style:none; } #order .tbl td .txt-l { padding:5px 0 3px 5px; margin:0; text-align:left; } #order .admin-msg { text-align:center; color:#444;font-size:12px;line-height:20px; } #order .bank_name { color: #0054a6 } #chkwrap { position:relative; } #chkwrap label { font-weight:bold; } #chkwrap .input-chk { width:12px; height:12px; padding:0; margin:0; margin-top:-3px; } #chkwrap .all-chk { height:30px; line-height:32px; } #chkwrap .cont { position:relative; } #chkwrap .cont ul:after { clear: both; content: ""; display: block; } #chkwrap .cont ul li { float:left; width:50%; height:30px; line-height:32px; } #chkwrap .cont ul li a { display:inline-block; height:16px; padding:0 5px; margin-top:-2px; line-height:18px; font-weight:normal; font-size:11px; border:1px solid #bdbec7; background:#fafafa; } #chkwrap .chk-cont-layer { display:none; position:absolute; bottom:0; left:0; width:430px; padding:0; margin:0; background:#fff; border:1px solid #b8b8b8; z-index:10;} #chkwrap .chk-cont-layer .l-close { position:absolute; top:10px; right:10px; } #chkwrap .chk-cont-layer .l-tit { height:40px; line-height:42px; padding-left: 15px; background:#a4a4a4; font-size:14px; color:#fff; font-weight:bold; } #chkwrap .chk-cont-layer .l-cont { overflow-x:hidden; overflow-y:auto; padding:15px; } #chkwrap .chk-cont-layer .l-cont .fc-blue { padding-bottom:5px; color:#0082f0; } #chkwrap .chk-cont-layer .l-cont textarea { width:99%; height:400px; border:0; font-size:11px; color:#777; } #chkwrap .chk-cont-layer .l-cont .l-tbl { width:100%; border-spacing:0; border-collapse:collapse; } #chkwrap .chk-cont-layer .l-cont .l-tbl th, #chkwrap .chk-cont-layer .l-cont .l-tbl td { border:1px solid #cbcbcb; text-align:center; font-size:11px; } #chkwrap .chk-cont-layer .l-cont .l-tbl th { color:#000; font-weight:bold; } #chkwrap .chk-cont-layer .l-cont .l-tbl td { color:#777; } #chkwrap .chk-cont-layer .l-cont .l-tbl th div, #chkwrap .chk-cont-layer .l-cont .l-tbl td div { padding:5px 0 3px; } #chkwrap .chk-cont-layer .l-cont .l-tbl td .tb-left { padding-left:10px; text-align:left; } #chkwrap .marketing { clear:both; border-top:1px dashed #dadada; } #chkwrap .marketing .mk-wrap { height:30px; line-height:32px; } /*** 고객센터 이용안내,FAQ 영역 ***/ .yac_dl {border:1px #e4e4e4 solid;border-top:1px #000 solid;background:#fbfbfb;} .yac_dl dt {display:none;} .yac_dl dd {padding:24px 0 13px 0;} .yac_dl dd ul {} .yac_dl dd ul.yac_sec01 {margin:0 0 0 70px;} .yac_dl dd ul.yac_sec02 {margin:0 80px 0 0;} .yac_dl dd ul.yac_sec03 {margin:0 0 0 0;} .yac_dl dd ul.yac_sec04 {margin:0 0 0 0;} .yac_dl dd ul.guide_sec01 {width:205px;margin-left:70px;} .yac_dl dd ul.guide_sec02 {width:285px;} .yac_dl dd ul.guide_sec03 {width:245px;} .yac_dl dd ul li {margin:0 70px 0 0;line-height:18px;text-align:left;padding:0 0 7px 0;font-size:12px;color:#666;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .yac_dl dd ul.yac_sec04 li {margin-right:0;} .yac_dl dd ul li a {display:inline-block;line-height:18px;height:18px;margin:0;padding:0;} .yac_dl dd ul li a, .yac_dl dd ul li a:hover {font-size:12px;color:#666;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .yac_wrap {line-height:20px;color:#666;font-size:12px;padding-left:15px;padding-top:36px;} .guide_wrap {} .guide_wrap ul, .guide_wrap ol {margin-left:-15px;} .guide_wrap ul li, .guide_wrap ol li {color:#666;font-size:13px;line-height:20px;text-align:left;} .guide_wrap ul li a, .guide_wrap ol li a {color:#666;} /* FAQ 페이지 */ #MS_WritenBySEB P { margin-top:7px; margin-bottom:7px;} #faqWrap BLOCKQUOTE { margin-left:15px; } #faqWrap BLOCKQUOTE.q1, #faqWrap BLOCKQUOTE.q2, #faqWrap BLOCKQUOTE.q3, #faqWrap BLOCKQUOTE.q4, #faqWrap BLOCKQUOTE.q5, #faqWrap BLOCKQUOTE.q6, #faqWrap BLOCKQUOTE.q7{ padding:10px; margin-left:15px; margin-right:15px;} #faqWrap BLOCKQUOTE.q1{ padding:0 10px; border-left:2px solid #ccc;} #faqWrap BLOCKQUOTE.q2{ padding:0 10px; background:url(/images/d3/modern_simple/common/bg_qmark.gif) no-repeat;} #faqWrap BLOCKQUOTE.q3{ border:1px solid #d9d9d9;} #faqWrap BLOCKQUOTE.q4{ border:1px solid #d9d9d9; background:#fbfbfb;} #faqWrap BLOCKQUOTE.q5{ border:2px solid #707070;} #faqWrap BLOCKQUOTE.q6{ border:1px dashed #707070;} #faqWrap BLOCKQUOTE.q7{ border:1px dashed #707070; background:#fbfbfb;} /* FAQ검색 폼 */ #faqWrap .faq-search { text-align: center; border: 1px solid #d8d8d8; background-color: #FFFFFF; } #faqWrap .search-wrap { position: relative; height: 118px; width: 455px; margin-left: auto; margin-right: auto; } #faqWrap .search-wrap .keyword, #faqWrap .search-wrap .select-category, #faqWrap .search-wrap .btn-submit { position: absolute; } #faqWrap .search-wrap .keyword { left: 240px; top: 23px; width: 137px; padding-left: 3px; border: 3px solid #555; } #faqWrap .search-wrap .keyword input { float: left; height: 100%; border: 0; height: 15px; font-size: 11px; line-height: 15px; } #faqWrap .search-wrap .select-category { top: 23px; width:110px; left: 125px; height: 23px; } #faqWrap .search-wrap .btn-submit { left: 390px; top: 23px; } #faqWrap .search-wrap .best_keyword {text-align:center;} #faqWrap .best_keyword {} #faqWrap .best_keyword dt, #faqWrap .best_keyword dd, #faqWrap .best_keyword dd ul, #faqWrap .best_keyword dd ul li { display:inline; width:auto; height:20px; line-height:20px; font-size:14px; color:#000; } #faqWrap .best_keyword dt strong { font-weight: bold; } #faqWrap .best_keyword dd ul li a {color:#000; vertical-align:top; line-height:18px; font-size:12px; margin:2px 4px 0 4px; } /* faq 메뉴 */ #faq_category {} #faqWrap .faq_menu {width:auto;} #faqWrap .faq_menu li {width:14.18%; height:38px;line-height:38px;border:1px #d3d3d3 solid;background:#f8f8f8;text-align:center;margin-left:-1px;} #faqWrap .faq_menu li a {display:inline-block; width:100%; height:38px;line-height:38px; color:#444; font-size:13px;} #faqWrap .faq_menu li a { color: #999; font-weight: bold; padding-right: 20px; white-space: nowrap; } #faqWrap .faq_menu li.now {border:1px #1f2022 solid;background:#1f2022;} #faqWrap .faq_menu li.now a {color:#fff;} #faqWrap .faq_menu li.non {border:1px #d3d3d3 solid;background:#f8f8f8;} #faqWrap .faq_menu li.non a {color:#444;} /* 고객센터 메인 */ .cs_box_wrap {border:1px #d3d3d3 solid;} .cs_box_wrap .sub_title {color:#222;font-size:20px;position:relative;line-height:26px;padding:32px 0 27px 0;margin:0 19px 0 19px;border-bottom:0;} .cs_box_wrap .sub_title .cs_more {position:absolute;right:0;top:39px;width:14px;height:14px;display:inline-block;background:url(/design/logona/2016img/icon_btn_more.gif) no-repeat right 30%;} .cs_box_wrap .cs_box_best {width:298px;height:298px;} .cs_box_wrap .cs_box_quick {width:599px;border-left:1px #d3d3d3 solid;border-right:1px #d3d3d3 solid;height:298px;} .cs_box_wrap .cs_box_cs {width:299px;background:url(/design/logona/2016img/bg_cs_call.jpg) no-repeat left top;height:298px;} .cs_box_wrap .cs_box_quick .sub_title {color:#222;font-size:20px;position:relative;line-height:26px;padding:32px 0 27px 0;margin:0 0 0 39px;} .cs_box_wrap .cs_box_quick .sub_title span {color::#666;font-size:13px;display:inline-block;margin-left:15px;line-height:19px;height:19px;font-weight:normal;font-family: 'Nanum Gothic';} .cs_box_wrap .cs_box_cs .sub_title {color:#222;font-size:16px;line-height:19px;margin:34px 0 0 19px;padding:0;} .cs_box_wrap p {padding:0px 0 23px 0;margin-left:19px;margin-right:19px;} .cs_box_wrap p a {font-size:12px;color:#444;line-height:19px;display:inline-block;width:100%;} .cs_box_wrap p a .board_cate {color:#000;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;display:inline-block;font-size:12px;width:61px;text-align:left;} .cs_box_wrap p a .board_date {color:#999;display:inline-block;text-align:right;width:72px;} .cs_box_wrap .cs_box_quick ul {border-top:1px #d3d3d3 solid;background:#fbfbfb;padding:25px 0 24px 0;} .cs_box_wrap .cs_box_quick ul li {border-right:1px #d3d3d3 solid;width:199px;} .cs_box_wrap .cs_box_quick ul li.quick03 {border-right:0;} .cs_box_wrap .cs_box_quick ul li a {display:block;color:#1f2022;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-size:15px;line-height:22px;padding:106px 0 32px 0;text-align:center;} .cs_box_wrap .cs_box_quick ul li.quick01 a {background:url(/design/logona/2016img/icon_cs_order.gif) no-repeat center 37px;} .cs_box_wrap .cs_box_quick ul li.quick02 a {background:url(/design/logona/2016img/icon_cs_delivery.gif) no-repeat center 37px;} .cs_box_wrap .cs_box_quick ul li.quick03 a {background:url(/design/logona/2016img/icon_cs_returned.gif) no-repeat center 37px;} .cs_box_wrap .text {font-size:12px;color:#666;padding:0;margin:0 19px;line-height:18px;text-align:left;} .cs_box_wrap .text .call {color:#1f2022;font-size:28px;display:inline-block;line-height:34px;height:34px;letter-spacing:-0.04em;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;} .cs_box_wrap .text .bank {color:#666;font-size:12px;display:inline-block;line-height:18x;height:36px;letter-spacing:-0.03em;margin-top:14px;} /*** 회원영역 ***/ /* 개인정보보호정책 동의 */ .new-privercy-contract {text-align:left;} .new-privercy-contract p {margin:0;margin:0 0 40px 0;text-align:left;line-height:18px;font-size:12px; } .privercy-contract-tap { position: relative; height:40px; } .privercy-contract-tap ul { list-style: none; margin: 0; padding: 0; position: absolute; bottom: -1px; *bottom: -2px; } .privercy-contract-tap li { border: 1px solid #ddd; border-right: none; background: #f5f5f5; float:left; display: inline-block; color:#000;} .privercy-contract-tap li a { display: block; padding: 10px 10px; text-decoration: none; color:#000; } .privercy-contract-tap li.end { border-right: 1px solid #ddd; } .privercy-contract-tap li.sel { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; } .privercy-contract { clear: both; } .privercy-contract textarea { clear: both; border: 1px solid #ddd; height: 60px; background: #FFFFFF; padding:10px 0 10px 10px; width:988%; } .privercy-agree { margin: 10px 0; } .privercy-agree label{ margin-right: 10px; } /* 회원가입영역 */ #terms .privercy-contract-tap { height:35px; } #terms .privercy-contract textarea { height: 150px; width: 650px; } #terms .privercy-agree { margin-bottom: 20px; } #content #terms .new-privercy-contract .p10 {padding:0 0 0 0;} #terms .new-privercy-contract h3 { position:relative; font-weight: bold; margin:30px 0 5px 0; text-align: left; } #terms .new-privercy-contract h3 span { color:#0f6efc; } #terms .new-privercy-contract h3 .check { position:absolute; top:0; right:0; width:70px; } #terms .new-privercy-contract h3 .check input { width:12px; height:12px; vertical-align:top; } #terms .privercy-contract-tap { height:35px; } #terms .privercy-contract textarea { height: 150px; width:988px; } #terms .privercy-agree { margin-bottom: 20px; } #terms .tbl { width:100%; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; } #terms .tbl caption { display:none; } #terms .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; } #terms .tbl th, #terms .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px; } #terms .new-privercy-contract .tbl td { background:#ffffff; } #terms .tbl td ul, #terms .tbl td ul li { padding:0; margin:0; list-style:none; } #terms .tbl td ul { width:70px; margin:5px auto; } #terms .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; } #terms .tbl td .mr15 { margin-right:15px; } /* 약관 동의 */ .new-privercy-contract #chkwrap { border:1px solid #ddd; background: #fff; } .new-privercy-contract #chkwrap .all-chk { height:38px; line-height:38px; padding-left:20px; font-size:13px; font-weight:bold; color:#000; border-bottom:1px solid #ddd; } .new-privercy-contract #chkwrap .all-chk .input-cbox { width:14px; height:14px; *margin-top:0; } .new-privercy-contract #chkwrap .cont ul:after { clear: both; content: ""; display: block; } .new-privercy-contract #chkwrap .cont ul { padding-bottom:10px; } .new-privercy-contract #chkwrap .cont ul li { float:left; width:270px; line-height:18px; color:#000; } .new-privercy-contract #chkwrap .cont ul li.ml-30 {margin-left:20px;} .new-privercy-contract #chkwrap .cont ul li a { display:inline-block; width:60px; height:16px; line-height:16px; *line-height:18px; margin:0 0 0 5px; font-weight:normal; font-size:11px; border:1px solid #ddd; background:#f5f5f5; text-align:center; } .new-privercy-contract #chkwrap .cont strong { color:#000; } .new-privercy-contract #chkwrap .cont label { font-weight:bold; line-height:18px;height:18px;vertical-align:middle; } .new-privercy-contract #chkwrap .cont .marketing { padding-left:20px;border-top:1px dotted #ddd; line-height:18px; } .new-privercy-contract #chkwrap .cont .marketing .mk-wrap { height:38px; line-height:38px; color:#666;} .new-privercy-contract #chkwrap .cont .marketing .mk-wrap label.mk-all strong {color:#666;} .new-privercy-contract #chkwrap .cont .marketing .mk-wrap input { margin-top:-1px; *margin-top:0; } /* 개인정보 수집이용, 제3제공, 취급위탁 테이블 */ #terms .contract-tbl { width:100%; border-spacing:0; border-collapse:collapse; } #terms .contract-tbl th, #terms .contract-tbl td { border:1px solid #e0e0e0; text-align:center; } #terms .contract-tbl th { background: #fcfcfc; } #terms .contract-tbl th div { height:41px; line-height:43px; } #terms .contract-tbl tbody th { font-weight:normal; } .btm-msg { padding-top:30px; line-height:18px; } /* 회원가입/수정폼 */ div.passwordStrenth {background-color:#FFFFFF; border:1px #CCCCCC solid; padding:10px; width:263px;display:none; position:absolute;} div.passwordStrenth p {margin:0;padding:5px 0 0 0; font-size:11px; font-family:dotum;color:#616161; } div.passwordStrenth dl {margin:0;padding:0 6px 0 0;color:#373737; font-weight:bold;font-size:11px; font-family:dotum; } div.passwordStrenth dl dt, div.passwordStrenth dl dd {display:inline;font-size:11px; font-family:dotum;margin:0;height:15px;line-height:15px;} div.passwordStrenth dl dt {color:#363636; font-weight:bold; width:95px;} div.passwordStrenth dl dd {text-indent:0px;font-size:12px; width:110px;background:url('../img/common/password_level.gif') no-repeat top left;} div.passwordStrenth dl dd.lv0 {color:#F52D00;background-position:20px 0;} div.passwordStrenth dl dd.lv1 {color:#F52D00;background-position:20px -29px;} div.passwordStrenth dl dd.lv2 {color:#F52D00;background-position:20px -44px;} div.passwordStrenth dl dd.lv3 {color:#F52D00;background-position:20px -59px;} div.passwordStrenth dl dd.lv4 {color:#F52D00;background-position:20px -59px;} #pwdManual { border:2px solid #BFBFBF; display:none; position:absolute; width:410px; background:#ffffff;margin-top:10px; } #pwdManual p { background:#F1F1F1 url('../img/common/blt_tip_gr.gif') no-repeat 10px center;margin:0;padding:12px 10px 12px 50px;color:#373737;font-weight:bold;} #pwdManual p.close { background:none;padding:0px 10px 5px 0;margin:0;text-align:right;} #pwdManual ul {list-style:none;margin:0;padding:15px;} #pwdManual ul li {color:#6E6E6E; font-size:11px; line-height:17px;letter-spacing:-1px;} #ipinManual { border:2px solid #BFBFBF; display:none; position:absolute; width:560px; z-index:999; } #ipinManual .ipinmTop { background-color:#F1F1F1; color:#373737; font-weight:bold; padding:7px; } #ipinManual .ipinmBottom { background-color:#FFFFFF; padding:10px 0px; } #ipinManual .ipinmBottom .ipinmbText { color:#6E6E6E; font-size:11px; line-height:17px; margin-left:20px; } #ipinManual .ipinmBottom .ipinmbText a { color:#6E6E6E; font-size:11px; font-weight:bold; line-height:17px; } #ipinManual .ipinmBottom .ipinmbDotted { border-top:1px dotted #C0C0C0; margin:10px 20px; } #ipinManual .ipinmBottom .ipinmbSolid { border-top:1px solid #C0C0C0; margin:10px 20px; } #ipinManual .ipinmBottom .ipinmbTerm { margin:10px 20px; } #ipinManual .ipinmBottom .ipinmbButton { margin:15px 10px 5px 10px; text-align:center; } /*** 로그인,아이디찾기,비번찾기 영역 ***/ .log_box {width:830px;margin:0 auto;} .log_box .box_sec01 {margin:0;padding:0;border-bottom:1px #ddd solid;border-top:2px #242c43 solid;text-align:center;position:relative;} .log_box .box_sec01 .box_form, .log_box .box_sec01 .box_btn {text-align:left;margin:0 auto;} .log_box .box_sec01 h2.box_title {} .log_box .box_sec01 .box_form {background:#fbfbfb;padding:50px 0 ;border-bottom:1px #bbb dotted;width:830px;margin:0;margin-bottom:30px;text-align:center;} .log_box .box_sec01 .box_form table {width:460px;margin:0 auto;text-align:left;} .log_box .box_sec01 .box_form th, .log_box .box_sec01 .box_form td {line-height:40px;text-align:left;} .log_box .box_sec01 .box_form th {color:#333;font-size:13px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .log_box .box_sec01 .box_form td {} .log_box .box_sec01 .box_form th.h26, .log_box .box_sec01 .box_form td.h26 {line-height:26px;} .log_box .box_sec01 .box_form td.h26 label {color:#666;display:inline-block;margin-right:12px;} .log_box .box_sec01 .box_findpw th, .log_box .box_sec01 .box_findpw td {line-height:35px;}/*비밀번호 찾기*/ .log_box .box_sec01 .box_btn {text-align:center;padding:0 0 20px 0;} .log_box .box_sec01 .box_btn table {width:524px;margin:0 auto;text-align:left;} .log_box .box_sec01 .box_btn th, .log_box .box_sec01 .box_btn td {line-height:30px;height:30px;vertical-align:middle;font-size:12px;text-align:left;padding:0 0 10px 0;color:#666;} .log_box .box_sec01 .box_btn th {background:url(/design/logona/2016img/icon_log_dot.gif) no-repeat 0 14px;text-indent:8px;} .log_box .box_sec01 .box_btn td {} .log_box .box_sec01 .box_btn .box_sub_wrap {} .log_box .box_sec01 .box_btn .box_sub_wrap .box_join.fl {width:418px;} .log_box .box_sec01 .box_btn .box_sub_wrap .box_join.fr {border-left:1px #d3d3d3 solid;width:419px;} .log_box .box_sec01 .box_btn .box_sub_wrap .box_join.fl a, .log_box .box_sec01 .box_btn .box_sub_wrap .box_join.fr a {margin-left:49px;margin-top:17px;} .log_box .box_sec02 {margin:20px 0 0 0;padding:17px 0 20px 0;border-top:1px #d3d3d3 solid;border-bottom:1px #d3d3d3 solid;background:#fff;text-align:center;} .log_box .box_sec02 h3.box_title, .log_box .box_sec02 table {width:700px;margin:0 auto;text-align:left;} .log_box .box_sec02 table {} .log_box .box_sec02 table th, .log_box .box_sec02 table td {vertical-align:middle;line-height:36px;} .log_box .box_sec02 table th {color:#000;font-size:13px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .log_box .box_sec02 table td {} /* 메샵 SNS 로그인영역 */ /* simpleLogin */ #simpleLogin { position: relative; } #simpleLogin .sns-login { margin-top: 30px; text-align: center; font-size: 0; line-height: 0; } #simpleLogin .sns-login p { margin-bottom: 30px; } #simpleLogin .sns-login a { display: inline-block; margin: 0 4px; } /* 아이디/비번찾기 아이핀영역 */ #findIdPwd input.input-txt { width: 180px; height: 17px; border: 1px solid #e3e3eb; } #findIdPwd .btn-area { margin-top: 20px; text-align: center; } #findIdPwd .btn-area a { font-size: 0; } #findIdPwd .ipin-confirm { padding: 45px 0; border: 3px solid #d4d4d4; text-align: center; background-color: #fdfdfd; } #findIdPwd .ipin-confirm dt { margin-bottom: 25px; font-size: 14px; } #findIdPwd .ipin-confirm a.ipin-svc { font-size: 14px; font-weight: bold; color: #ff3333; text-decoration: underline; margin:0 10px; } /*** 마이페이지 영역 ***/ /* 마이페이지 메인 */ .my_box {} .my_box li {background:#f5f5f5;width:15.8%;margin-right:1.04%;} /* 5개 박스 */ .my_box li {width:19.16%;} /* 4개 박스 */ .my_box li {width:24.2%;} /* 3개 박스 .my_box li {width:32.6%;}*/ .my_box li.first {} .my_box li.last {} .my_box li:last-child {margin-right:0;} .my_box li a {display:inline-block;width:64%;min-width:64%;padding:26px 0 28px 0;margin:0 18%;color:#888;font-size:12px;line-height:17px;} .my_box li a .title {display:inline-block;line-height:22px;color:#333;font-size:15px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;margin-bottom:4px;} .my_box li a strong {display:inline-block;line-height:22px;color:#666;font-size:18px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;margin-top:16px;} .my_box li .member_icon {display:inline-block;margin:30px 3% 21px 18%;width:26.6%;height:42px;overflow:hidden;background:url(/design/logona/2016img/bg_member.gif) no-repeat center top;} .my_box li .member_group {display:inline-block;margin:26px 0 0 0;width:47.4%;line-height:26px;font-size:12px;color:#666;letter-spacing:-0.05em;font-family: 'Nanum Gothic';border:0 none;} .my_box li .member_group strong {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;color:#000;font-size:15px;} .my_box li a.btn_member {display:inline-block;margin:0 0 30px 18%;width:93px;padding:0;font-size:12px;height:28px;line-height:28px;color:#000;border:1px #000 solid;background:#f5f5f5;text-align:center;} /* 마이페이지 메인 그룹박스 */ .my_main_box {border:1px #000 solid;text-align:center;font-size:13px;color:#111;line-height:20px;} .my_main_box span.box_title {display:inline-block;font-size:16px;line-height:26px;} .my_main_box span.MS_group_reserve_msg {color:#e00303;} /* 마이페이지 내게시글 */ .board_menu {width:100%;} .board_menu td {height:38px;line-height:38px;border:1px #000 solid;text-align:center;} .board_menu td a {display:inline-block; width:100%; height:38px;line-height:38px; color:#333; font-size:13px;} /* 마이페이지 쿠폰내역 */ .use_dsc {} .use_dsc dt {line-height:20px;} .use_dsc dd {line-height:22px;} /* 마이페이지 적립금, 출석체크 적립금내역 */ .reserve_box_wrap {} .reserve_box_wrap .reserve_box_left {border:1px #ddd solid;width:49%;text-align:left;background:url(/design/logona/2016img/bg_my_reserve.gif) no-repeat 93% 32px;} .reserve_box_wrap .reserve_box_right {border:1px #ddd solid;width:49%;text-align:left;background:url(/design/logona/2016img/bg_my_reserve2.gif) no-repeat 93% 32px;} .reserve_box_wrap dl {padding:17px 0 15px 0;margin:0 6%;} .reserve_box_wrap dt {color:#333;font-size:15px;line-height:22px;padding-bottom:2px;font-weight:bold;} .reserve_box_wrap dd {color:#888;font-size:12px;line-height:20px;} .reserve_box_wrap dd strong {color:#000;font-size:15px;display:inline-block;padding-top:4px;line-height:22px;} /* 마이페이지 예치금, 포인트내역 */ .money_box_wrap {} .money_box_wrap .money_box_left {width:49%;text-align:left;} .money_box_wrap .money_box_right {border-left:1px #ddd solid;width:49%;text-align:left;background:url(/design/logona/2016img/bg_my_reserve2.gif) no-repeat 93% 32px;} .money_box_wrap dl {padding:17px 0 15px 0;margin:0 6%;} .money_box_wrap dt {color:#333;font-size:15px;line-height:22px;padding-bottom:2px;font-weight:bold;} .money_box_wrap dd {color:#888;font-size:12px;line-height:20px;} .money_box_wrap dd strong {color:#000;font-size:15px;display:inline-block;padding-top:4px;line-height:22px;} .money_box_wrap p {padding:17px 0 15px 0;margin:0 6%;} .money_box_wrap p span {display:inline-block;margin:5px 0 10px 0;} .mplist { padding:0px;} .today_view_wrap {position:relative;height:489px;} .mplist #latelyList {position:absolute;left:-1px;top:40px;width:1210px;overflow:hidden;} .mplist table {} .mplist table.slidetbl {width:100%;padding-top:30px;border-top:1px solid #000;} .mplist table.slidetbl td {} .mplist table.slidetbl td .btn_wrap {position:relative;width:1px;height:100%;line-height:100%;margin:0;padding:0;vertical-align:middle;z-index:3;} .mplist table.slidetbl td.prev { vertical-align:top;width:1px; } .mplist table.slidetbl td.prev .slidebtn {position:absolute;left:-3px;top:142px;vertical-align:middle;} .mplist table.slidetbl td.prev .slidebtn a {} .mplist table.slidetbl td.next { vertical-align:top;width:1px; } .mplist table.slidetbl td.next .btn_wrap {width:1px;} .mplist table.slidetbl td.next .slidebtn { position:absolute;right:10px;top:142px;vertical-align:middle;} .mplist table.slidetbl td.next .slidebtn a {} #scrolling_latelySlide { margin-left:0px;} .nodata { text-align:center; } .nodata_div { height:220px; border-top:1px solid #000; border-bottom:1px solid #e5e5e5; text-align:center; line-height:220px; color:#555; font-size:12px; } /* 마이페이지 상품후기 하단 */ .add_info {color:#7f7e7e;font-size:12px;text-align:center;line-height:18px;padding-top:27px;} .add_info a {color:#7f7e7e;} /* 마이페이지 최근본상품 */ table.pr_list_top {} table.pr_list_top td {line-height:30px;vertical-align:middle;} table.pr_list_top td a, table.pr_list_top td a:hover {display:inline-block;padding:0 9px 0 8px;background-image:url(/design/logona/2016img/bg_list_select.gif);background-repeat:no-repeat;background-position:right 50%;line-height:30px;vertical-align:middle;height:30px;font-size:12px;color:#666;} table.pr_list_top td a.ov, table.pr_list_top td a:hover {color:#000;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} table.pr_list_top td a.last {background:none;} /* 마이페이지 회원탈퇴 */ .sub_text_box {border:1px #e4e4e4 solid;border-top:1px #000 solid;margin-bottom:35px;} .sub_text_box p {color:#666;font-size:12px;line-height:20px;text-align:left;margin:0px 15px;padding:17px 0 23px 0;} /*---------------------------------------------- 서브 영역 CSS 끝 / ----------------------------------------------*/ /*---------------------------------------------- 분류,상세 영역 CSS 시작 / ----------------------------------------------*/ .category_best {padding:0px 0 20px 0;} .category_best .num_best {position:absolute;left:0;top:0;display:inline-block;width:50px;text-align:center;height:50px;line-height:50px;background:#5c6269;color:#fff;font-size:16px;} .category_best .num_best strong {font-size:24px;} .category_best .num_01 {background:#222;} .sub_cate_wrap {text-align:center;margin-bottom:38px;} .sub_cate {} .sub_cate li {line-height:18px;text-align:center;display:inline;font-size:0;} .sub_cate li.on {} .sub_cate li a {color:#666;font-size:12px;display:inline-block;text-align:center;line-height:18px;padding:0 18px 0 17px;background:url(/design/logona/2016img/bg_box_line.gif) no-repeat right 4px;} .sub_cate li a:hover, .sub_cate li.on a {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;color:#000;} .sub_cate li:last-child a {background:none;} .sub_list_wrap {width:865px;} .list_txt {font-size:12px; line-height:18px; font-family:'Nanum Gothic', sans-serif; color:#666;} .list_txt span, .list_txt span a{font-size:13px;color:#000;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .sort_box {line-height:18px; height:18px; position:relative;} .sort_box a{display:inline-block; padding:0 10px 0 9px; line-height:18px; height:18px; text-align:center; color:#666; font-size:12px; float:left; background:url(/design/logona/2016img/bg_box_line.gif) no-repeat right 4px;} .sort_box a.ov {color:#000; font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .sort_box a.ov_n {} .sort_box a.last {background:none;padding-right:0;} /* 상세 */ #productDetail .page-body { padding-bottom: 50px; } /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { zoom: 1; overflow: hidden; } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } /* 섬네일 */ #productDetail .thumb-info .thumb-wrap { float: left; width:480px; } #productDetail .thumb-info .thumb { width:480px; } #productDetail .thumb-info .thumb .zoom_img img { display: block; width:478px; height:auto;border:1px #ddd solid;} #productDetail .thumb-info .thumb dl {} #productDetail .thumb-info .thumb dl dt {} #productDetail .thumb-info .thumb dl dt img {width:478px; height:auto;border:1px #ddd solid;} #productDetail .thumb-info .thumb dl dd {} #productDetail .thumb-info .thumb dl dd img {border:1px #ddd solid;margin-right:10px;} #productDetail .thumb-info .zoom {display:block;margin:0 auto;text-align:center;padding:20px 0 0 0;} #productDetail .thumb-info .zoom img {margin:0 auto;} /* 상품옵션 정보 */ #productDetail .prd-btns, #productDetail .sns-btns {} #productDetail .prd-btns {border-top:1px #d3d3d3 solid;} #productDetail .prd-btns a {display:inline-block;} #productDetail .sns-btns {font-size:0;} #productDetail .sns-btns img {margin:0 3px 0 0;} #productDetail .thumb-info .info { float:right; width:640px; margin:0; padding:22px 0 0 0; border-top:2px #222 solid;} #productDetail .thumb-info .info .detail_name {border-bottom:1px #d3d3d3 solid;padding:0 0 16px 0;margin:0 0 17px 0;} #productDetail .thumb-info .info .detail_name p {color:#666;font-size:16px;line-height:22px;padding-bottom:12px;} #productDetail .thumb-info .info .detail_name h3 {color:#222;font-size:26px;line-height:38px;} #productDetail .thumb-info .info .table-opt {} #productDetail .thumb-info .info .table-opt table {margin-bottom:0px;} #productDetail .thumb-info .info .table-opt th, #productDetail .thumb-info .info .table-opt td { padding:8px 0 9px 0; line-height:23px;font-size:12px;color:#444;text-align:left;font-family: 'Nanum Gothic'; } #productDetail .thumb-info .info .table-opt th {color:#666;font-size:13px;} #productDetail .thumb-info .info .table-opt th .tb-left {padding-left:20px;} #productDetail .thumb-info .info .table-opt th.g, #productDetail .thumb-info .info .table-opt td.g {color:#353227;} #productDetail .thumb-info .info .table-opt td.bgs {} #productDetail .thumb-info .info .table-opt td .tb-left {padding-left:0px;} #productDetail .thumb-info .info .table-opt table td #deliverycase td {padding:3px 0 0 0;line-height:16px;font-size:11px;} #productDetail .thumb-info .info .table-opt table td #deliverycase table {margin-bottom:0;border-top:0 none;border-bottom:0 none;} /* 판매가격 */ #productDetail .thumb-info .info .table-opt #price_text, #productDetail .thumb-info .info .table-opt table td.price, #productDetail .thumb-info .info .table-opt table td .price {font-weight:800; font-size:18px !important; } #productDetail .thumb-info .info .table-opt .price .won { display:inline-block;line-height:22px;margin-left:2px; font-size:12px; font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;letter-spacing:0;} #productDetail .thumb-info .info .table-opt .price strike {font-size:12px;color:#333;font-family: 'Nanum Gothic';letter-spacing:0;} #productDetail .thumb-info .info .table-opt table td.price .price_s {font-size:12px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} #productDetail .thumb-info .info .table-opt td.s_price, #productDetail .thumb-info .info .table-opt td.s_price .tb-left {line-height:24px;font-size:12px;color:#000;font-weight:normal;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} #productDetail .thumb-info .info .table-opt td.s_price .won {margin-left:0;line-height:24px;font-size:12px;color:#000;font-weight: normal;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} /* 주문수량 #goods_amount { float:left;border:1px #ccc solid; height:17px;} #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width:49px; height:19px; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .info .table-opt .opt-spin .btns { float: left; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { width:31px; height:19px; border: 0; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width:16px; height:19px; margin-left:0px;} #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height:10px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { background:url(/design/procycle/2016img/detail_btn_up.gif) no-repeat left top;} #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw {background:url(/design/procycle/2016img/detail_btn_down.gif) no-repeat left top;height:9px;} */ /* 주문수량 */ #goods_amount { float: left; width: 32px; border: 0; } #productDetail .thumb-info .info .table-opt .opt-spin { position:relative; width:70px; height:24px; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .info .table-opt .opt-spin .btns { float: left; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { width:32px; height:24px; border: 0; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin input.MS_amount_basic {border:1px #ddd solid;width:30px;height:22px;line-height:22px;padding:0;margin:0;} #productDetail .thumb-info .info .table-opt .opt-spin .btns { width:7px; height:24px; margin:0 4px 0 5px;} #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height:12px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { background: url(/design/procycle/2016img/detail_up.gif) no-repeat 50% 0px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url(/design/procycle/2016img/detail_down.gif) no-repeat 50% 0px; } #productDetail .thumb-info .info .table-opt .opt-spin .count_text {display:block;width:14px;height:24px;line-height:24px;color:#000;} /* 통합옵션 */ #productDetail .thumb-info .info .table-opt .opt-wrap { width:100%; padding:0;margin:0;} #productDetail .thumb-info .info .table-opt .opt-wrap .tit { padding:8px 0 9px 0;padding-left:20px; color:#666;font-size:13px;font-weight:bold;line-height:23px; } #productDetail .thumb-info .info .table-opt .opt-wrap .chu_tit {padding-top:18px;} #productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; } #productDetail .thumb-info .info .table-opt .opt-wrap dt { float: left; width:97px; padding:8px 0 9px 0;margin-left:20px;line-height:23px;color:#666;font-size:13px;font-weight:bold;} #productDetail .thumb-info .info .table-opt .opt-wrap dt span {display:inline-block;width:45px;line-height:23px;} #productDetail .thumb-info .info .table-opt .opt-wrap dd { float: left; width:383px; padding:8px 0 9px 0;line-height:23px;color:#444;font-size:12px;} #productDetail .thumb-info .info .table-opt .opt-wrap select { width: 240px; height:21px; line-height:21px; border: 1px solid #e6e6e6; float:left; color:#444; font-size:12px; font-family: 'Nanum Gothic';} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn { padding-left: 10px; text-align: center; float:left;} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a {display:block;text-align:center;line-height:21px;height:21px;width:74px;border:1px #6b07aa solid;background:#6b07aa;color:#fff;font-size:12px;} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a, #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:hover {color:#fff;font-size:12px;} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position: relative; width:87px; line-height:23px; height:23px; overflow:hidden;} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns:after_div {clear:both;content:"";display:block;} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { float:left;width:41px;height:21px;line-height:21px;padding:0;border:1px solid #e6e6e6;color:#444;font-size:12px;font-family: 'Nanum Gothic';margin:0 0 0 22px;text-align:center !important;} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-up {margin:0;padding:0;position:absolute;right:0;top:0;} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-dw {margin:0;padding:0;position:absolute;left:0;top:0;} #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count select { float: left; width: 180px; } #productDetail .thumb-info .info .table-opt .opt-wrap input.basic_option {width:180px;height:21px;line-height:21px;padding:0;border: 1px solid #bfbfbf;color:#333;font-size:12px;text-indent:5px;} #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns { float: left;margin-left:10px;position: relative; width: 85px; height: 21px; border: 1px solid #ddd;} /* 상품 상세 이미지 */ #productDetail .prd-detail table { table-layout: auto; } #productDetail .prd-detail { margin-top: 15px; width: 100%; overflow: hidden; text-align:center;} #productDetail .prd-detail img { max-width: 100%; } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { color: #666; font-size: 11px; line-height: 13px; font-family: Dotum;} .MK_optAddWrap li { list-style: none; } /* 옵션선택 */ #MK_optAddList { overflow: hidden; *zoom: 1; } #MK_optAddList li { float: left; width: 100%; margin-top: 5px; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div, #MK_optAddList .MK_st { float: left; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div { font-size: 11px; line-height: 16px; } #MK_optAddList .MK_tit { width: 65px; margin-right: 5px; } #MK_optAddList .MK_div { width: 5px; text-align: center; } #MK_optAddList .MK_st { width: 205px; } #MK_optAddList .MK_st .MK_btn-add { cursor: pointer; } #MK_optAddList .MK_st select { margin-left: 5px; width: 195px; height: 18px; } /* 옵션선택PP */ #MK_optAddListPP { overflow: hidden; *zoom: 1; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float: left; width: auto; } #MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; } /* 옵션 결과 리스트 */ #MK_innerOptWrap { margin-top:0; position:relative;border-top:1px #d3d3d3 solid;padding-top:10px;} #MK_innerOptWrap #MK_innerOptScroll {background:#f0f0f0;} #MK_innerOptWrap .line_bg {width:450px;display:inline-block;height:1px;font-size:0;line-height:1px;margin:0;padding:0;position:absolute;left:-20px;top:-10px;z-index:2;} #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm {} #MK_innerOptWrap .MK_inner-opt-cm li { *zoom: 1; position:relative; min-height:23px; _height:23px;font-size:13px;color:#666;*margin-bottom: -4px;padding:8px 0 9px 0; font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display: block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { right:20px; top:15px; color:#000; font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700; font-size:13px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right:4px; top:13px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option { margin:0 0 0 22px;border:1px #e6e6e6 solid; background:#fff;height:21px;line-height:21px;width:41px;color:#444;font-size:13px;font-family: 'Nanum Gothic';text-align:center !important;} /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { margin-right:204px;padding-top:5px; margin-left:20px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700; font-size:13px;color:#666; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { top:8px; *top:7px; right:118px;width:87px;height:23px;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl:after {clear:both;content:"";display:block;position:relative;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count {float:left;width:41px; margin:0; height:21px; line-height:21px; padding:0; border:1px #e6e6e6 solid; color:#444;font-size:13px;font-family: 'Nanum Gothic'; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a {display:inline-block; font-size: 0;line-height:23px; width:22px;height:23px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { vertical-align: top;display:none; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up {position:absolute;top:0;right:0;background:url(/design/logona/2016img/btn_count_up.gif) no-repeat left top; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw {position:absolute;left:0;top:0;background:url(/design/logona/2016img/btn_count_down.gif) no-repeat left top;} /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 146px; font-family: 'Nanum Gothic', AppleGothic, sans-serif, Dotum; font-size:13px;color:#333; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl{ top:8px; *top:7px; right: 145px;width:65px;height:24px;} #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl:after {clear:both;content:"";display:block;position:relative;} #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count {float:left; width:48px; margin:0; height: 22px; line-height:22px; padding:0; border:1px #e6e6e6 solid; border-right:0; color:#444;font-size:13px;font-family: 'Nanum Gothic'; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl .addition_option {margin-left:22px;float:left; width:41px; height:21px;line-height:21px; padding:0; border:0 none;color:#444;font-size:13px;font-family: 'Nanum Gothic'; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a {display:inline-block; font-size: 0; line-height:23px; width:22px;height:23px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a img { vertical-align: top;display:none; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up {position:absolute;top:0;right:0;background:url(/design/logona/2016img/btn_count_up.gif) no-repeat left top; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw {position:absolute;right:0;bottom:0;background:url(/design/logona/2016img/btn_count_down.gif) no-repeat left top;} #MK_innerOptWrap .MK_inner-opt-cm li:first-child {} #MK_innerOptWrap #MK_innerOpt_01 li:first-child .MK_qty-ctrl { top:9px; *top:8px; } #MK_innerOptWrap .MK_inner-opt-cm li:first-child .MK_price { top:12px; } #MK_innerOptWrap .MK_inner-opt-cm li:first-child .MK_btn-del { top:10px; } /* 총합계 */ #MK_innerOptTotal {margin-top:10px;margin-bottom:-8px;padding:14px 0 0 0;line-height:34px; font-size:13px; color:#666; text-align:right; font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;position:relative;} #MK_innerOptTotal .line_bg {background:url(/design/tdic/2015img/detail_td.gif) repeat-x 0 0px;width:450px;display:inline-block;height:1px;font-size:0;line-height:1px;margin:0;padding:0;position:absolute;left:0px;top:0px;z-index:2;} #MK_innerOptTotal .MK_txt-total {display:inline-block;width:100px;line-height:34px;margin-right:20px;} #MK_innerOptTotal .MK_txt-won { color: #444; font-size:16px; font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} #MK_innerOptTotal .MK_total { color: #000; font-size:30px; font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;letter-spacing:-0.015em;} /* 소리뷰 */ #sorivu { position: relative; margin-top: 20px; } /* 상품 일반정보(상품정보제공 고시) */ #productWrap { margin: 10px 0; } #productWrap h3.tb-tit { margin-bottom: 10px; text-align: left; } #productWrap table { width: 100%; font-size: 12px; border-collapse: collapse; border-width: 1px 0 1px 0; border-color: #b4b4b4; border-style: solid; table-layout: fixed; } #productWrap table th { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #f8f8f8; color: #3b3b3d; text-align: left; padding: 10px 0 10px 15px; } #productWrap table td { color: #8b8b8b; border-bottom: 1px solid #e0e0e0; word-break: break-all; text-align: left; padding: 10px 0 10px 17px; } .sel-btn a {display:block;text-align:center;line-height:18px;padding:2px 0 2px 0;width:68px;margin:0px;font-size:12px;letter-spacing:-0.04em;font-family: 'Nanum Gothic', AppleGothic, sans-serif, Dotum;font-weight:700;} .sel-btn .list_write {background:#81c341;color:#fff;border:1px #6cb327 solid;} .sel-btn .list_write:hover {color:#fff;} /* 상세 관련상품 영역 */ .related_wrap {border:1px #d9d9da solid;} .related_wrap h3 {font-size:16px;color:#333;line-height;23px;} .related_wrap .good2_list_wrap {margin-left:13px;} /* 상세 코멘트 리뷰 작성박스 영역 */ .review-write {border:1px #e1e1e1 solid;padding:20px 0;text-align:center;} .review-write table {width:93%;margin:0 auto;} .review-write th, .review-write td {text-align:left;line-height:20px;font-size:12px;color:#000;} .review-write th {font-weight:normal;} .review-write td {} .review-write td .review_star {font-size:14px;} .review-write .score {display:inline-block;width:41px;line-height:28px;font-family: 'Nanum Gothic', AppleGothic, sans-serif, Dotum;font-weight:700;} .review-write .frm-w input { width: 150px; height:18px; line-height:18px; border: 1px solid #e1e1e1; } .review-write textarea.MS_review_content_box { height:54px; line-height:17px; border:1px #ddd solid; float:left; width:720px;} .review-write .comment_btn {display:block;margin-left:10px;float:left;width:118px;text-align:center;height:58px;line-height:58px;background:#333;color:#fff;border:1px #333 solid;font-size:12px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} /* 댓글리스트 공통 */ #productDetail .table-slide {} #productDetail .table-slide th, #productDetail .table-slide td {cursor: pointer;} #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.nbg td, #productDetail .table-slide td.nbg { background-image: none; border-bottom:0 none; } #productDetail .table-slide tr.ndata td { border-bottom: 1px solid #ddd; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } #productDetail .table-slide .MS_review_mark .MS_review_mark_title {display:none;} /* 상세 탭타이틀 영역*/ .detail_tit {margin:90px 0 40px 0;} .detail_tit table {border-collapse:collapse;width:100%;} .detail_tit td {width:25%;z-index:1;background:#fcfcfc;border:1px #d3d3d3 solid;} .detail_tit td.ov {z-index:3;background:#fff;border:1px #d3d3d3 solid;border-top:1px #222 solid;border-bottom:1px #fff solid;} .detail_tit td a {display:block;width:100%;line-height:20px;padding:10px 0 9px 0;text-align:center;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-size:13px;color:#666;font-weight:700;z-index:1;} .detail_tit td.ov a {z-index:3;padding:9px 0 9px 0;color:#222;border-top:1px #222 solid;} .detail_tit td.ov a font {} /* 공통정보 영역 */ .delivery_wrap {padding:0 0 40px 0;margin:0 0px;} .detail_delivery {padding:0;text-align:left;} .detail_delivery dt {color:#333;font-size:13px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;line-height:20px;padding:0 0 6px 0;text-align:left;} .detail_delivery dd {color:#666;font-size:12px;line-height:25px;text-align:left;} .delivery_sec01 {width:100%;margin-bottom:35px;} .delivery_sec02 {width:100%;} #d01{display:block; position:relative; top:-250px;} #d02{display:block; position:relative; top:-250px;} #d03{display:block; position:relative; top:-250px;} #d04{display:block; position:relative; top:-250px;} .del table{width:100% !important;} /*---------------------------------------------- 분류,상세 영역 CSS 끝 / ----------------------------------------------*/ /*---------------------------------------------- 측면 영역 CSS 시작 / ----------------------------------------------*/ /*** 마이페이지 측면,공통상단메뉴 ***/ .top_my_wrap {padding:0 0 30px 0;} .top_my_wrap ul {border-top:2px #222 solid;} .top_my_wrap ul li {padding-right:0.8%;border-bottom:1px #d3d3d3 solid;} /*12개,11개,6개*/ .top_my_wrap ul li {width:16%;} .top_my_wrap ul li.my_menu06, .top_my_wrap ul li.my_menu12 {padding-right:0;} /*10개,9개,5개*/ .top_my_wrap ul li {width:19.36%;} .top_my_wrap ul li:nth-child(5), .top_my_wrap ul li:nth-child(10) {padding-right:0;} /*8개,7개,4개*/ .top_my_wrap ul li {width:24.4%;} .top_my_wrap ul li:nth-child(4), .top_my_wrap ul li:nth-child(8), .top_my_wrap ul li:nth-child(12) {padding-right:0;} .top_my_wrap ul li a {display:block;width:100%;margin:10px 0;text-align:center;font-size:12px;color:#666;line-height:18px;padding:72px 0 23px 0;background-repeat:no-repeat;background-position:center 30px;font-family: 'Nanum Gothic';} .top_my_wrap ul li.my_menu01 a {background-image:url(/design/logona/2016img/icon_left_my_order.png);} .top_my_wrap ul li.my_menu02 a {background-image:url(/design/logona/2016img/icon_left_my_coupon.png);} .top_my_wrap ul li.my_menu03 a {background-image:url(/design/logona/2016img/icon_left_my_reserve.png);} .top_my_wrap ul li.my_menu04 a {background-image:url(/design/logona/2016img/icon_left_my_chul.png);} .top_my_wrap ul li.my_menu05 a {background-image:url(/design/logona/2016img/icon_left_my_point.png);} .top_my_wrap ul li.my_menu06 a {background-image:url(/design/logona/2016img/icon_left_my_emoney.png);} .top_my_wrap ul li.my_menu07 a {background-image:url(/design/logona/2016img/icon_left_my_today.png);} .top_my_wrap ul li.my_menu08 a {background-image:url(/design/logona/2016img/icon_left_my_wish.png);} .top_my_wrap ul li.my_menu09 a {background-image:url(/design/logona/2016img/icon_left_my_myboard.png);} .top_my_wrap ul li.my_menu10 a {background-image:url(/design/logona/2016img/icon_left_my_email.png);} .top_my_wrap ul li.my_menu11 a {background-image:url(/design/logona/2016img/icon_left_my_1to1.png);} .top_my_wrap ul li.my_menu12 a {background-image:url(/design/logona/2016img/icon_left_my_out.png);} .top_my_wrap ul li.ov a, .top_my_wrap ul li.selec a, .top_my_wrap ul li a:hover {color:#fff !important;background-color:#1c264a !important;font-family: 'Nanum Gothic';}/*1f2022*/ .top_my_wrap ul li.my_menu01.ov a, .top_my_wrap ul li.my_menu01.selec a{background-image:url(/design/logona/2016img/icon_left_my_order_r.png) !important;} .top_my_wrap ul li.my_menu02.ov a, .top_my_wrap ul li.my_menu02.selec a{background-image:url(/design/logona/2016img/icon_left_my_coupon_r.png) !important;} .top_my_wrap ul li.my_menu03.ov a, .top_my_wrap ul li.my_menu03.selec a{background-image:url(/design/logona/2016img/icon_left_my_reserve_r.png) !important;} .top_my_wrap ul li.my_menu04.ov a, .top_my_wrap ul li.my_menu04.selec a{background-image:url(/design/logona/2016img/icon_left_my_chul_r.png) !important;} .top_my_wrap ul li.my_menu05.ov a, .top_my_wrap ul li.my_menu05.selec a{background-image:url(/design/logona/2016img/icon_left_my_point_r.png) !important;} .top_my_wrap ul li.my_menu06.ov a, .top_my_wrap ul li.my_menu06.selec a{background-image:url(/design/logona/2016img/icon_left_my_emoney_r.png) !important;} .top_my_wrap ul li.my_menu07.ov a, .top_my_wrap ul li.my_menu07.selec a{background-image:url(/design/logona/2016img/icon_left_my_today_r.png) !important;} .top_my_wrap ul li.my_menu08.ov a, .top_my_wrap ul li.my_menu08.selec a{background-image:url(/design/logona/2016img/icon_left_my_wish_r.png) !important;} .top_my_wrap ul li.my_menu09.ov a, .top_my_wrap ul li.my_menu09.selec a{background-image:url(/design/logona/2016img/icon_left_my_myboard_r.png) !important;} .top_my_wrap ul li.my_menu10.ov a, .top_my_wrap ul li.my_menu10.selec a{background-image:url(/design/logona/2016img/icon_left_my_email_r.png) !important;} .top_my_wrap ul li.my_menu11.ov a, .top_my_wrap ul li.my_menu11.selec a{background-image:url(/design/logona/2016img/icon_left_my_1to1_r.png) !important;} .top_my_wrap ul li.my_menu12.ov a, .top_my_wrap ul li.my_menu12.selec a{background-image:url(/design/logona/2016img/icon_left_my_out_r.png) !important;} /*마이페이지 측면일 경우*/ .left_my_wrap {width:200px;overflow:hidden;} .left_my_wrap .title {background:#000;color:#fff;font-size:12px;line-height:18px;text-indent:20px;padding:11px 0 11px 0;} .left_my_wrap .title strong {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .left_my_wrap .my_box {border-collapse:collapse;margin-bottom:10px;} .left_my_wrap .my_box th, .left_my_wrap .my_box td {line-height:20px;padding:6px 0;font-size:11px;color:#000;border:1px #d3d3d3 solid;border-top:0;} .left_my_wrap .my_box th {text-indent:20px;border-right:0;text-align:left;} .left_my_wrap .my_box td {padding-right:20px;border-left:0;text-align:right;} .left_my_wrap .my_menu {border-collapse:collapse;} .left_my_wrap .my_menu th {border:1px #d3d3d3 solid;color:#000;font-size:12px;line-height:32px;height:32px;padding:0;z-index:3;background:url(/shop/data/skin/designart/img/2016img/icon_toggle_down.gif) no-repeat 175px 50%;text-align:left;position:relative;} .left_my_wrap .my_menu th a, .left_my_wrap .my_menu th span {display:block;width:100%;line-height:20px;padding:6px 0;text-indent:20px;position:absolute;left:-1px;top:-1px;} .left_my_wrap .my_menu th.ov, .left_my_wrap .my_menu th span.ov, .left_my_wrap .my_menu th a.ov {border:1px #000 solid;} .left_my_wrap .my_menu th a:hover {} .left_my_wrap .my_menu th.step1 {background:url(/shop/data/skin/designart/img/2016img/icon_toggle_up.gif) no-repeat 175px 50%;} .left_my_wrap .my_menu td {border:1px #d3d3d3 solid;background:#f9f9f9;font-size:12px;padding:6px 0;z-index:1;text-align:left;} .left_my_wrap .my_menu td span {display:block;margin:0 20px;color:#666;line-height:20px;} .left_my_wrap .my_menu td span a.ov, .left_my_wrap .my_menu td span a:hover {color:#000;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} /*---------------------------------------------- 측면 영역 CSS 끝 / ----------------------------------------------*/ /*---------------------------------------------- 개별페이지 영역 CSS 시작 / ----------------------------------------------*/ .about_tit {border-bottom:1px #1c264a solid;width:100%;} .about_tit td {text-align:center;border:1px #aaa solid;border-bottom:0px none;background:#fff;} .about_tit td a {display:inline-block;text-align:center;height:43px;line-height:43px;width:100%;font-size:14px;color:#222;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .about_tit td.on, .about_tit td.ov {border:1px #1c264a solid;border-bottom:0px none;background:#1c264a;} .about_tit td a:hover, .about_tit td.on a, .about_tit td.ov a {color:#fff;} /* about logona - brand story */ .about_info {color:#444;font-size:14px;text-align:center;line-height:23px;} .about_info strong {color:#1c264a;} .about_history {padding:27px 0 0 0; width:1000px; margin:0 auto;} .about_history dt {background:url(/design/logona/2016img/bnr_company_about01.gif) no-repeat center top;text-align:center;color:#fff;font-size:20px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;line-height:21px;padding:38px 0 34px 0;} .about_history dt strong {font-size:22px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;} .about_history dd {position:relative;padding:0 0 27px 0;} .about_history dd ol {position:relative;padding-top:18px;background:url(/design/logona/2016img/bg_company_line.gif) repeat-y 500px 0px;} .about_history dd ol li {color:#444;font-size:14px;line-height:20px;} .about_history dd ol li strong {color:#364067;font-size:24px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;line-height:30px;display:block;padding:0 0 5px 0;} .about_history dd ol li.year_l {width:506px;text-align:right;} .about_history dd ol li.year_r {width:504px;} .about_history dd ol li.year_l p {margin-right:77px;} .about_history dd ol li.year_r p {margin-left:77px;} .about_history dd ol li.year_1975 {background:url(/design/logona/2016img/bg_company_about_bar.gif) no-repeat right 12px;} .about_history dd ol li.year_1978 {background:url(/design/logona/2016img/bg_company_about_bar2.gif) no-repeat left 12px; position:absolute;right:0;top:67px;} .about_history dd ol li.year_1981 {background:url(/design/logona/2016img/bg_company_about_bar.gif) no-repeat right 12px;} .about_history dd ol li.year_1984 {background:url(/design/logona/2016img/bg_company_about_bar2.gif) no-repeat left 12px; position:absolute;right:0;top:390px;} .about_history dd ol li.year_1985 {background:url(/design/logona/2016img/bg_company_about_bar2.gif) no-repeat left 12px; position:absolute;right:0;top:470px;} .about_history dd ol li.year_1986 {background:url(/design/logona/2016img/bg_company_about_bar.gif) no-repeat right 12px;} .about_history dd ol li.year_1988 {background:url(/design/logona/2016img/bg_company_about_bar2.gif) no-repeat left 12px; position:absolute;right:0;top:760px;} .about_history dd ol li.year_1994 {background:url(/design/logona/2016img/bg_company_about_bar2.gif) no-repeat left 12px; position:absolute;right:0;top:1100px;} .about_history dd ol li.year_2000 {background:url(/design/logona/2016img/bg_company_about_bar.gif) no-repeat right 12px;} .about_history dd ol li.year_2001 {background:url(/design/logona/2016img/bg_company_about_bar2.gif) no-repeat left 12px; position:absolute;right:0;top:1210px;} .about_history dd ol li.year_2003 {background:url(/design/logona/2016img/bg_company_about_bar.gif) no-repeat right 12px;} .about_history dd ol li.year_2005 {background:url(/design/logona/2016img/bg_company_about_bar2.gif) no-repeat left 12px; position:absolute;right:0;top:1550px;} .about_history dd ol li.year_2008 {background:url(/design/logona/2016img/bg_company_about_bar.gif) no-repeat right 12px;} .about_history dd ol li.year_2010 {background:url(/design/logona/2016img/bg_company_about_bar2.gif) no-repeat left 12px; position:absolute;right:0;top:1850px;} .about_history dd ol li.year_2011 {background:url(/design/logona/2016img/bg_company_about_bar.gif) no-repeat right 12px;} .about_history dd ol li.year_2012 {background:url(/design/logona/2016img/bg_company_about_bar2.gif) no-repeat left 12px; position:absolute;right:0;top:2150px;} .about_history dd ol li.year_2013 {background:url(/design/logona/2016img/bg_company_about_bar.gif) no-repeat right 12px;} .about_history dd ol li.year_20161 {background:url(/design/logona/2016img/bg_company_about_bar2.gif) no-repeat left 12px; position:absolute;right:0;top:2500px;} .about_history dd ol li.year_2016 {background:url(/design/logona/2016img/bg_company_about_bar.gif) no-repeat right 12px;} .about_history dd ol li.year_2017 {background:url(/design/logona/2016img/bg_company_about_bar2.gif) no-repeat left 12px;position:absolute;right:0;top:2700px;} .about_history dd ol li.year_2018 {background:url(/design/logona/2016img/bg_company_about_bar.gif) no-repeat right 12px;} .about_history dd ol li.year_2019 {background:url(/design/logona/2016img/bg_company_about_bar2.gif) no-repeat left 12px;position:absolute;right:0;top:3100px;} .about_history dd ol li.year_1975 p {background:url(/design/logona/2016img/bnr_company_about01.jpg) no-repeat right bottom;padding-bottom:197px;} .about_history dd ol li.year_1978 p {background:url(/design/logona/2016img/bnr_company_about02.jpg) no-repeat left bottom;padding-bottom:197px;} .about_history dd ol li.year_1981 p {background:url(/design/logona/2016img/bnr_company_about03.jpg) no-repeat right bottom;padding-bottom:197px;} .about_history dd ol li.year_1984 p {} .about_history dd ol li.year_1985 p {background:url(/design/logona/2016img/bnr_company_about04.jpg) no-repeat left bottom;padding-bottom:197px;} .about_history dd ol li.year_1986 p {background:url(/design/logona/2016img/bnr_company_about05.jpg) no-repeat right bottom;padding-bottom:385px;} .about_history dd ol li.year_1988 p {background:url(/design/logona/2016img/bnr_company_about06.jpg) no-repeat left bottom;padding-bottom:197px;} .about_history dd ol li.year_1994 p {} .about_history dd ol li.year_2000 p {background:url(/design/logona/2016img/bnr_company_about07.jpg) no-repeat right bottom;padding-bottom:197px;} .about_history dd ol li.year_2001 p {background:url(/design/logona/2016img/bnr_company_about08.jpg) no-repeat left bottom;padding-bottom:197px;} .about_history dd ol li.year_2003 p {} .about_history dd ol li.year_2005 p {background:url(/design/logona/2016img/bnr_company_about14.jpg) no-repeat left bottom;padding-bottom:197px;} .about_history dd ol li.year_2008 p {background:url(/design/logona/2016img/bnr_company_about09.jpg) no-repeat right bottom;padding-bottom:105px;} .about_history dd ol li.year_2010 p {background:url(/design/logona/2016img/bnr_company_about10.jpg) no-repeat left bottom;padding-bottom:200px;} .about_history dd ol li.year_2011 p {background:url(/design/logona/2016img/bnr_company_about16.jpg) no-repeat right bottom;padding-bottom:200px;} .about_history dd ol li.year_2012 p {background:url(/design/logona/2016img/bnr_company_about15.jpg) no-repeat left bottom;padding-bottom:200px;} .about_history dd ol li.year_2013 p {background:url(/design/logona/2016img/bnr_company_about12.jpg) no-repeat right bottom;padding-bottom:200px;} .about_history dd ol li.year_20161 p {background:url(/design/logona/2016img/bnr_company_about17.jpg) no-repeat left bottom;padding-bottom:110px;} .about_history dd ol li.year_2016 p {background:url(/design/logona/2016img/bnr_company_about18.jpg) no-repeat right bottom;padding-bottom:197px;} .about_history dd ol li.year_2017 p {background:url(/design/logona/2016img/bnr_company_about19.jpg) no-repeat left bottom;padding-bottom:200px;} .about_history dd ol li.year_2018 p {background:url(/design/logona/2016img/bnr_company_about21.jpg) no-repeat right bottom;padding-bottom:230px;} .about_history dd ol li.year_2019 p {background:url(/design/logona/2016img/bnr_company_about20.jpg) no-repeat left bottom;padding-bottom:200px;} .about_history dd ol li.year_now {padding:27px 0 28px 0; background:url(/design/logona/2016img/bnr_company_about02.gif)no-repeat center top; text-align:center; color:#fff; font-size:16px; font-family:'Nanum Gothic';font-weight:700; line-height:22px;} /* about logona - Philosophy */ .about_ph {} .about_ph dt {background:url(/design/logona/2016img/bnr_company_philo01.gif) no-repeat center top;text-align:center;color:#fff;font-size:17px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;line-height:21px;padding:42px 0 44px 0;position:relative;z-index:2;} .about_ph dd {position:relative;background:url(/design/logona/2016img/bg_company_line.gif) repeat-y 500px 0px;z-index:1;} .about_ph dd ol {position:relative;background:url(/design/logona/2016img/bnr_company_philo02.gif) no-repeat 427px bottom;padding-bottom:196px;} .about_ph dd ol li {margin-bottom:35px;} .about_ph dd ol li p {height:138px;display:inline-block;} .about_ph dd ol li strong {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;display:inline-block;color:#6fa20e;font-size:20px;line-height:26px;padding-top:98px;padding-bottom:7px;vertical-align:bottom;} .about_ph dd ol li p span.wrap {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-size:15px;line-height:20px;color:#fff;display:inline-block;} .about_ph dd ol li.ph_01 {background:url(/design/logona/2016img/bar_company_philo_01.gif) no-repeat right bottom;width:464px;margin-left:42px;margin-top:-43px;} .about_ph dd ol li.ph_02 {background:url(/design/logona/2016img/bar_company_philo_02.gif) no-repeat left bottom;width:464px;position:absolute;left:495px;top:43px;} .about_ph dd ol li.ph_03 {background:url(/design/logona/2016img/bar_company_philo_03.gif) no-repeat right bottom;width:444px;margin-left:62px;} .about_ph dd ol li.ph_04 {background:url(/design/logona/2016img/bar_company_philo_04.gif) no-repeat left bottom;width:444px;position:absolute;left:494px;top:216px;} .about_ph dd ol li.ph_05 {background:url(/design/logona/2016img/bar_company_philo_05.gif) no-repeat right bottom;width:424px;margin-left:82px;} .about_ph dd ol li.ph_06 {background:url(/design/logona/2016img/bar_company_philo_06.gif) no-repeat left bottom;width:424px;position:absolute;left:494px;top:389px;} .about_ph dd ol li.ph_07 {background:url(/design/logona/2016img/bar_company_philo_07.gif) no-repeat right bottom;width:404px;margin-bottom:0;margin-left:102px;} .about_ph dd ol li.ph_01 p {background:url(/design/logona/2016img/bg_company_philo_01.gif) no-repeat right bottom;width:347px;} .about_ph dd ol li.ph_02 p {background:url(/design/logona/2016img/bg_company_philo_02.gif) no-repeat left bottom;width:347px;} .about_ph dd ol li.ph_03 p {background:url(/design/logona/2016img/bg_company_philo_03.gif) no-repeat right bottom;width:347px;} .about_ph dd ol li.ph_04 p {height:140px;background:url(/design/logona/2016img/bg_company_philo_04.gif) no-repeat left bottom;width:347px;} .about_ph dd ol li.ph_05 p {background:url(/design/logona/2016img/bg_company_philo_05.gif) no-repeat right bottom;width:347px;} .about_ph dd ol li.ph_06 p {background:url(/design/logona/2016img/bg_company_philo_06.gif) no-repeat left bottom;width:347px;} .about_ph dd ol li.ph_07 p {background:url(/design/logona/2016img/bg_company_philo_07.gif) no-repeat right bottom;width:347px;} .about_ph dd ol li.ph_01 p .wrap {margin-right:118px;padding-top:27px;} .about_ph dd ol li.ph_02 p .wrap {margin-left:0px;padding-top:36px;} .about_ph dd ol li.ph_02 p .num {display:inline-block;width:160px;text-indent:116px;text-align:left;line-height:42px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;font-size:35px;color:#fff;} .about_ph dd ol li.ph_03 p .wrap {margin-right:0px;padding-top:44px;} .about_ph dd ol li.ph_03 p .num {display:inline-block;width:170px;text-indent:6px;text-align:left;line-height:38px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;font-size:30px;color:#fff;} .about_ph dd ol li.ph_04 p .wrap {margin-left:118px;padding-top:46px;} .about_ph dd ol li.ph_05 p .wrap {margin-right:118px;padding-top:46px;} .about_ph dd ol li.ph_06 p .wrap {margin-left:118px;padding-top:57px;} .about_ph dd ol li.ph_07 p .wrap {margin-right:118px;padding-top:46px;} .about_ph dd ol li.ph_l {text-align:right;} .about_ph dd ol li.ph_r {text-align:left;} .about_ph dd ol li.ph_01 strong {width:34px;margin-right:83px;text-align:right;} .about_ph dd ol li.ph_02 strong {width:117px;text-indent:84px;} .about_ph dd ol li.ph_03 strong {width:34px;margin-right:63px;text-align:right;} .about_ph dd ol li.ph_04 strong {width:97px;text-indent:63px;} .about_ph dd ol li.ph_05 strong {width:34px;margin-right:43px;text-align:right;} .about_ph dd ol li.ph_06 strong {width:77px;text-indent:44px;} .about_ph dd ol li.ph_07 strong {width:34px;margin-right:23px;text-align:right;} /* about logona - logona korea */ .about_logona {} .about_logona dt {color:#084e9d;font-size:26px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;padding:0 0 8px 0;line-height:32px;} .about_logona dt span {color:#777;font-size:16px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;display:inline-block;margin-left:10px;line-height:32px;} .about_logona dd {} .about_logona dd p {color:#777;font-size:14px;line-height:23px;margin-bottom:11px;} .about_logona dd p strong {color:#555;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .about_logona dd .society_info {width:550px;padding-bottom:38px;} .about_logona dd .society_img {} .about_logona dd .society_img img {border:5px #eee solid;} .about_logona dd p.society {color:#555;font-size:17px;line-height:26px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;padding-bottom:10px;} .about_logona dd ul.society {} .about_logona dd ul.society li {color:#777;font-size:14px;text-indent:12px;background:url(/design/logona/2016img/icon_company_dot.gif) no-repeat left 7px;line-height:20px;margin-bottom:10px;} .about_logona dd p.doctor {padding-bottom:7px;color:#555;font-size:24px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;line-height:30px;} .about_logona dd p.doctor strong {color:#084e9d;} .about_logona dd div.doctor {width:710px;background:#364067 url(/design/logona/2016img/bg_company_logona.gif) no-repeat left top;color:#fff;font-size:15px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;margin-bottom:10px;height:39px;line-height:39px;} .about_logona dd div.doctor strong {font-size:18px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;margin-left:31px;width:214px;display:inline-block;} .about_logona dd div.doctor_wrap {width:710px;} .about_logona dd div .doctor_pic {margin-right:10px;} .about_logona dd div .doctor_pic img {border:5px #eee solid;} .about_logona dd div .doctor_pro {border:1px #ddd solid;width:558px;height:158px;} .about_logona dd div .doctor_pro dt {color:#364067;font-size:22px;margin-left:29px;width:101px;padding:26px 0 0 0;} .about_logona dd div .doctor_pro dd {padding:26px 0 0 0;} .about_logona dd div .doctor_pro dd ul {} .about_logona dd div .doctor_pro dd ul li {background:url(/design/logona/2016img/icon_substance_check2.gif) no-repeat left 4px;text-indent:22px;color:#555;font-size:14px;line-height:20px;margin-bottom:8px;} /* about logona - World Wide */ .about_ww_img {margin-bottom:11px;} .about_ww_img img {} .about_ww_info {border:1px #ccc solid;background:#fafafa;text-align:center;padding:26px 0 23px 0;} .about_ww_info p {line-height:23px;font-size:14px;color:#555;} .about_ww_info p strong {color:#222;font-size:17px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;display:inline-block;padding-bottom:9px;} .about_ww_info p strong .point {color:#084e9d;} .about_ww_list {border:1px #ccc solid;border-top:0 none;padding:0 0 0 36px;} .about_ww_list ul {padding:27px 0 20px 0;} .about_ww_list ul li {line-height:20px;background:url(/design/logona/2016img/icon_company_dot.gif) no-repeat left 8px;padding:0 51px 11px 13px;color::#777;font-size:14px;} .about_ww_list ul li a, .about_ww_list ul li a:hover {color::#777;font-size:14px;} .about_ww_list ul.last li {padding-right:0px;} /* 성분사전 - 인증마크 */ .subs_mark_wrap {border:1px #ccc solid;border-bottom:2px #ccc solid;background:url(/design/logona/2016img/bg_substance_mark01.gif) no-repeat 766px 55px;padding:4px 0;} .subs_mark_wrap .subs_mark_pic {margin-left:4px;} .subs_mark_wrap .subs_mark_text {margin-left:40px;padding:70px 0 0 0;color:#777;font-size:14px;line-height:23px;} .subs_mark_wrap .subs_mark_text strong {color:#084e9d;font-size:26px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;display:inline-block;padding:0 0 9px 0;} .subs_mark_list {border:1px #ccc solid;border-bottom:3px #ccc solid;} .subs_mark_list li {padding-left:180px;} .subs_mark_list li p {line-height:23px;font-size:14px;color:#777;} .subs_mark_list li p strong.mark_tit {color:#084e9d;font-size:26px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;display:inline-block;line-height:32px;padding-bottom:9px;} .subs_mark_list li.mark_01 p strong.mark_tit {margin-top:-5px;} .subs_mark_list li.mark_05 p strong.mark_tit {margin-top:-7px;} .subs_mark_list li dl {} .subs_mark_list li dl dt {background:url(/design/logona/2016img/bg_substance_bar.gif) no-repeat left top;line-height:25px;height:25px;vertical-align:middle;color:#fff;font-size:14px;text-indent:11px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .subs_mark_list li dl dd {padding:12px 0 0 0;} .subs_mark_list li dl dd ul {} .subs_mark_list li dl dd ul.first {width:417px;} .subs_mark_list li dl dd ul li {background:url(/design/logona/2016img/icon_substance_check.gif) no-repeat left 4px;text-align:left;padding-left:25px;color:#555;font-size:14px;line-height:20px;padding-bottom:10px;} .subs_mark_list li.mark_01 {background:url(/design/logona/2016img/bnr_substance_mark02.gif) no-repeat 34px 0px;} .subs_mark_list li.mark_02 {background:url(/design/logona/2016img/bnr_substance_mark03.gif) no-repeat 34px 0px;padding-top:5px;padding-bottom:4px;} .subs_mark_list li.mark_03 {background:url(/design/logona/2016img/bnr_substance_mark04.gif) no-repeat 34px 0px;padding-top:5px;} .subs_mark_list li.mark_04 {background:url(/design/logona/2016img/bnr_substance_mark05.gif) no-repeat 34px 0px;padding-top:6px;} .subs_mark_list li.mark_05 {background:url(/design/logona/2016img/bnr_substance_mark06.gif) no-repeat 34px 0px;} .subs_mark_list li.mark_06 {background:url(/design/logona/2016img/bnr_substance_mark07.gif) no-repeat 34px 14px;} .subs_mark_list li.mark_07 {background:url(/design/logona/2016img/bnr_substance_mark08.gif) no-repeat 34px 36px;} /* 성분사전 - 로고나 성분사전 */ .subs_dic_wrap {background:url(/design/logona/2016img/bg_substance_dic01.gif) no-repeat 0px 0px;border:5px #eee solid;padding:0 0 0 291px;height:210px;color:#666;font-size:18px;line-height:24px;} .subs_dic_wrap strong {color:#333;} .subs_dic_wrap .subs_dic_tit {margin:42px 0 22px 0;display:inline-block;border-bottom:2px #222 solid;padding:0 0 9px 0;line-height:40px;color:#1c264a;font-size:28px;} .subs_dic_wrap .subs_dic_tit strong {font-size:32px;color:#084e9d;} .subs_dic_btn {text-align:center;font-size:0;} .subs_dic_btn li {width:33px;text-align:center;margin-right:6px;float:none !important;display:inline-block;vertical-align:top;} .subs_dic_btn li.dic04, .subs_dic_btn li.dic06, .subs_dic_btn li.dic08, .subs_dic_btn li.dic10, .subs_dic_btn li.dic14, .subs_dic_btn li.dic16, .subs_dic_btn li.dic18, .subs_dic_btn li.dic20, .subs_dic_btn li.dic26 {margin-right:5px;} .subs_dic_btn li.last {margin-right:0;} .subs_dic_btn li font, .subs_dic_btn li a {display:inline-block;width:31px;line-height:31px;height:31px;border:1px #aaa solid;color:#555;font-size:15px;} .subs_dic_btn li a:hover {border:1px #084e9d solid;color:#084e9d;} .subs_dic_info {width:1000px;margin:0 auto;position:relative;z-index:1;} .subs_dic_info a.dic_link_btn {position:absolute;left:0;top:-240px;} .subs_dic_info dt {color:#fff;font-size:60px;text-indent:58px;line-height:120px;height:120px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;background:url(/design/logona/2016img/bg_substance_dic_title.gif) no-repeat 0px 0px;position:relative;} .subs_dic_info dt span {position:absolute;right:0;top:0;width:755px;height:120px;} .subs_dic_info dd {text-align:left;padding:26px 0 30px 0;} .subs_dic_info dd p {color:#777;font-size:14px;line-height:20px;padding-bottom:18px;letter-spacing:-0.01em;} .subs_dic_info dd p strong {display:inline-block;background:url(/design/logona/2016img/icon_substance_arrow.gif) no-repeat left 7px;padding-left:12px;color:#222;font-size:15px;line-height:22px;padding:0 0 4px 12px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .dic_info01 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_a.jpg) no-repeat right top;} .dic_info02 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_b.jpg) no-repeat right top;} .dic_info03 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_c.jpg) no-repeat right top;} .dic_info04 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_d.jpg) no-repeat right top;} .dic_info05 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_e.jpg) no-repeat right top;} .dic_info06 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_f.jpg) no-repeat right top;} .dic_info07 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_g.jpg) no-repeat right top;} .dic_info08 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_h.jpg) no-repeat right top;} .dic_info09 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_i.jpg) no-repeat right top;} .dic_info10 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_j.jpg) no-repeat right top;} .dic_info11 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_k.jpg) no-repeat right top;} .dic_info12 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_l.jpg) no-repeat right top;} .dic_info13 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_m.jpg) no-repeat right top;} .dic_info14 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_n.jpg) no-repeat right top;} .dic_info15 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_o.jpg) no-repeat right top;} .dic_info16 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_p.jpg) no-repeat right top;} .dic_info17 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_q.jpg) no-repeat right top;} .dic_info18 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_r.jpg) no-repeat right top;} .dic_info19 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_s.jpg) no-repeat right top;} .dic_info20 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_t.jpg) no-repeat right top;} .dic_info21 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_u.jpg) no-repeat right top;} .dic_info22 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_v.jpg) no-repeat right top;} .dic_info23 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_w.jpg) no-repeat right top;} .dic_info24 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_x.jpg) no-repeat right top;} .dic_info25 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_y.jpg) no-repeat right top;} .dic_info26 dt span {background:url(/design/logona/2016img/bnr_substance_dic_title_z.jpg) no-repeat right top;} /* 성분사전 - 유해성분 리스트 */ .subs_list_wrap {width:100%;text-align:center;} /* 성분사전 - 원료별 제품 */ /* 멤버쉽 */ .member_wrap {background:url(/design/logona/2016img/membership_03.jpg) no-repeat left top;color:#fff;padding-left:40px;font-size:40px;height:321px;} .member_wrap .member_tit {color:#fff;font-size:22px;line-height:30px;display:inline-block;padding:92px 0 4px 0;} .member_title {background:url(/design/logona/2016img/bg_member_title.gif) no-repeat left top;font-size:22px;color:#fff;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;height:52px;line-height:52px;padding-left:20px;} .member_box {border:1px #2d3558 solid;padding:41px 0 38px 0;text-align:center;} .member_box img {margin-bottom:22px;} .member_box p {color:#1c264a;font-size:22px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;line-height:28px;} .member_box p span.box_text {display:inline-block;padding:14px 0 0 0;line-height:20px;color:#333;font-size:14px;background:url(/design/logona/2016img/icon_member_dot.gif) no-repeat left 22px;text-indent:10px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .member_box p span.box_money {display:inline-block;background:#1c264a;color:#fff;padding:0 5px;line-height:28px;height:28px;font-size:21px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .member_box p span.box_coupon {display:inline-block;background:#c8314d;color:#fff;padding:0 5px;line-height:28px;height:28px;font-size:21px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .member_group {border:1px #242c4f solid;} .member_group th, .member_group td {padding:5px 0;vertical-align:middle;border:1px #d3d3d3 solid;text-align:center;} .member_group th {background:#eee;color:#222;font-size:15px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;line-height:22px;} .member_group td.lebel_img {padding:29px 0 30px 0;} .member_group td.lebel {background:#fafafa;color:#555;font-size:14px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;line-height:20px;padding:21px 0 21px 0;} .member_group td span.sales {color:#777;font-size:13px;line-height:22px;display:inline-block;padding:13px 0 11px 0;} .member_group td span.sales font {color:#333;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .member_group td span.sales strong {color:#555;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;font-size:14px;} .member_group td span.sales strong font {color:#084e9d;font-size:18px;} .member_group td span.point_01 {color:#555;font-size:13px;line-height:21px;display:inline-block;padding:13px 0 14px 0;} .member_group td span.point_01 strong {font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .member_group td span.point_01 font {color:#084e9d;font-size:15px;} .member_group td p.point_02 {color:#222;font-size:17px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;line-height:25px;padding:14px 0 12px 0;} .member_group td p.point_02 font {color:#084e9d;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:800;font-size:20px;} .member_group td p.point_02 strong {font-size:20px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;display:inline-block;line-height:27px;} .member_group td p.point_03 {color:#222;font-size:14px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;line-height:20px;padding:13px 0 15px 0;} .member_group td p.point_03 strong {color:#084e9d;font-size:15px;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;display:inline-block;line-height:21px;} .member_group td .coupon_wrap {display:inline-block;padding:26px 0 0 0;line-height:21px;font-size:15px;color:#222;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .member_group td .coupon_wrap img {margin-bottom:6px;} .member_group td .coupon_wrap font {color:#e74561;} /* 게시판 상단 */ .content_list {padding:0 0 26px 0;} .content_list ul {text-align:center;font-size:0;} .content_list ul li {display:inline;} .content_list ul li a {color:#666;display:inline-block;padding:0 18px 0 17px;background:url(/design/logona/2016img/bg_board_bar.gif) no-repeat right 5px;font-size:13px;line-height:19px;} .content_list ul li a:hover, .content_list ul li a.now {color:#084e9d;font-family: 'Nanum Gothic',Malgun Gothic, "맑은 고딕", AppleGothic,Dotum, "돋움", sans-serif;font-weight:700;} .content_list ul li.last a {background:none;} .content_baby_wrap, .content_yesno_wrap, .content_star_wrap {padding-left:125px;} .content_why_wrap {padding-right:325px;} .content_baby_wrap {background:url(/design/logona/2016img/bnr_board_baby.jpg) no-repeat 50% top;height:271px;} .content_baby_wrap .content_tit {font-size:34px;color:#084e9d;line-height:44px;display:inline-block;padding:82px 0 0 0;font-weight:bold;letter-spacing:-0.03em;} .content_baby_wrap .content_info {color:#666;font-size:18px;line-height:24px;display:inline-block;padding:11px 0 0 0;letter-spacing:-0.03em;} .content_baby_wrap .content_info strong {color:#444;font-weight:bold;} .content_why_wrap {background:url(/design/logona/2016img/bnr_board_skin.jpg) no-repeat 50% top;height:271px;text-align:right;} .content_why_wrap .content_tit {font-size:40px;color:#084e9d;line-height:48px;display:inline-block;width:100%;padding:47px 0 0 0;font-weight:bold;letter-spacing:-0.03em;} .content_why_wrap .content_tit strong {color:#364067;font-size:45px;font-weight:600;} .content_why_wrap .content_info {color:#666;font-size:17px;line-height:23px;display:inline-block;width:100%;padding:10px 0 0 0;letter-spacing:-0.03em;font-weight:600;} .content_why_wrap .content_info strong {color:#444;font-weight:bold;} .content_why_wrap .content_info2 {color:#555;font-size:17px;line-height:24px;text-align:right;display:inline-block;width:100%;padding-top:43px;} .content_why_wrap .content_info2 strong {color:#084e9d;display:inline-block;margin-right:11px;padding-right:11px;background:url(/design/logona/2016img/bg_board_bar.gif) no-repeat right 6px;background-size:1px 15px;} .content_yesno_wrap {background:url(/design/logona/2016img/bnr_board_yes_no.jpg) no-repeat 50% top;height:271px;} .content_yesno_wrap .content_tit {font-size:30px;color:#364067;line-height:42px;display:inline-block;width:100%;padding:81px 0 0 0;font-weight:bold;letter-spacing:-0.03em;} .content_yesno_wrap .content_tit strong {color:#084e9d;font-size:36px;} .content_yesno_wrap .content_info {color:#666;font-size:18px;line-height:24px;display:inline-block;width:100%;padding:11px 0 0 0;letter-spacing:-0.03em;} .content_yesno_wrap .content_info strong {color:#555;font-weight:bold;} .content_star_wrap {background:url(/design/logona/2016img/bnr_board_star.jpg) no-repeat 50% top;height:271px;} .content_star_wrap .content_tit {font-size:30px;color:#fff;line-height:42px;display:inline-block;width:100%;padding:81px 0 0 0;font-weight:bold;letter-spacing:-0.03em;} .content_star_wrap .content_tit strong {color:#fff;font-size:36px;} .content_star_wrap .content_info {color:#666;font-size:18px;line-height:24px;display:inline-block;width:100%;padding:11px 0 0 0;letter-spacing:-0.03em;} .content_star_wrap .content_info strong {color:#555;font-weight:bold;} .content_media_wrap .content_tit {font-size:30px;color:#fff;line-height:42px;display:inline-block;width:100%;padding:90px 0 0 0;font-weight:bold;letter-spacing:-0.03em;} .content_media_wrap .content_tit strong {color:#fff;font-size:33px;} .content_media_wrap .content_info {color:#666;font-size:17px;line-height:24px;display:inline-block;width:100%;padding:11px 0 0 0;letter-spacing:-0.03em;} .content_media_wrap .content_info strong {color:#666666;font-weight:bold;} .content_baby_wrap.baby_bnr2{width:1200px; height:271px; background:url('/design/logona/2016img/baby_bnr2.jpg') no-repeat 0 0; padding-left:80px;} .content_baby_wrap.baby_bnr2 .content_tit{padding:70px 0 10px;} .content_why_wrap.why_bnr2{width:1200px; height:271px; background:url('/design/logona/2016img/bnr_board_skin.jpg') no-repeat 0 0; padding-right:270px; box-sizing:border-box;} .content_why_wrap.why_bnr2 strong.tit{display:block; margin-bottom:20px; font-size:34px; color:#084e9d;} .content_why_wrap.why_bnr2 .content_tit{padding:40px 0 10px;} .content_yesno_wrap.yesno_bnr2{width:1200px; height:271px; background:url('/design/logona/2016img/yesno_bnr2.jpg') no-repeat 0 0; padding-left:80px;} .content_yesno_wrap.yesno_bnr2 .content_tit{padding:70px 0 10px;} .content_star_wrap.star_bnr2{width:1200px; height:271px; background:url('http://www.logona.co.kr/design/logona/2016img/star_bnr.jpg') no-repeat 50% top; padding-left:80px; box-sizing:border-box;} .content_star_wrap.star_bnr2 .content_tit{padding:70px 0 10px;} .content_media_wrap{width:1200px; height:271px; background:url('/design/logona/2016img/media_bnr2.jpg') no-repeat 0 0; padding-left:819px; box-sizing:border-box;} /*---------------------------------------------- 개별페이지 영역 CSS 끝 / ----------------------------------------------*/ /*---------------------------------------------- 2018.06.12 메인 리뉴얼 CSS 시작 / ----------------------------------------------*/ #preview_wrap {display:none !important;} .dn {display:none;} /* #prdBrand, .page-body {text-align:center;} #prdBrand div, .page-body div, #prdBrand span, .page-body span, #prdBrand p, .page-body p, #prdBrand li, .page-body li, #prdBrand ul, .page-body ul {text-align:inherit} .good3_list_wrap {margin:0 auto;display:inline-block;} */ .ta_center {text-align:center;} /*** 상단 영역 시작 ***/ .top_banner {position:fixed;left:0;top:0;z-index:50;width:100%;background:#fef9db;text-align:center;height:auto;} .top_banner.on {display:block;} .top_banner.off {display:none;} .top_banner p {position: absolute; right:150px; top: 25px; margin-right: -142px;line-height:19px;text-align:right;vertical-align:top; display:none;} .top_banner p a {font-size:12px;color:#333;font-weight:400;} .top_banner p img {vertical-align:top;margin-top:3px;} .top_banner .one_close {position:absolute;left:50%;transform:translateX(664px);top:24px;cursor:pointer;} #hdWrap {z-index:10;position:relative;width:100%;height:166px;margin:0;padding:0;font-size:0;vertical-align:top;position:fixed; z-index:999;height:166px;} /*#hdWrap.on {margin-top:70px;}*/ #productDetail .thumb-info{padding-top:170px;} #productDetail .thumb-info.on{padding-top:250px;} #header {width:100%;height:166px;font-size:0;vertical-align:top;} #header.bg_on {background: rgba(255, 255, 255, 0.8);} .head_sec01 {height:113px;position:relative;z-index;10;} .head_sec01 .w_custom {position:relative;z-index:1;} .head_sec01 .head_logo {position:absolute;left:526px;top:40px;width:auto;} .head_sec01 .head_sns, .head_sec01 .head_gnb {margin:54px 0 0 0;} .head_sec01 .head_sns ul, .head_sec01 .head_gnb ul {line-height:16px;height:16px;} .head_sec01 .head_sns ul li, .head_sec01 .head_gnb ul li {line-height:16px;height:16px;} .head_sec01 .head_sns ul li a, .head_sec01 .head_sns ul li a:hover, .head_sec01 .head_gnb ul li a, .head_sec01 .head_gnb ul li a:hover {font-size:12px;color:#333;font-weight:400;vertical-align:top;font-family: 'Lato','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .head_sec01 .head_sns ul li a, .head_sec01 .head_gnb ul li a {display:inline-block;line-height:16px;height:16px;} .head_sec01 .head_sns ul {text-align;left;} .head_sec01 .head_sns ul li {} .head_sec01 .head_sns ul li img {vertical-align:top;margin-top:1px;} .head_sec01 .head_sns ul li a {font-size:13px;} .head_sec01 .head_sns ul li + li {margin-left:30px;} .head_sec01 .head_sns ul li.bookmark {width:80px;background:url(/design/logona/2016img/main/icon_hd_star.png) no-repeat 0 2px;padding-left:18px;} .head_sec01 .head_gnb {} .head_sec01 .head_gnb ul {text-align:right;} .head_sec01 .head_gnb ul li {position:relative;z-index:1;} .head_sec01 .head_gnb ul li + li {margin-left:25px;} .head_sec01 .head_gnb ul li a > em {vertical-align:top;margin-left:4px;background:#ffd01a;color:#333;font-size:12px;font-weight:400;width:16px;height:16px;line-height:14px;border-radius:8px;text-align:center;display:inline-block;font-family: 'Lato','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .head_sec01 .head_gnb ul li .join_box {-webkit-animation: join 0.8s alternate infinite;animation: join 0.8s alternate infinite;transform:translateX(-50%);left:50%;top:21px;font-size:10px;width:60px;height:22px;line-height:22px;border-radius:3px;background:#57595b;color:#fff;text-align:center;position:absolute;display:inline-block;} .head_sec01 .head_gnb ul li .join_box:before {background:url(/design/logona/2016img/main/bg_hd_join_arrow.png) no-repeat 0 0;width:8px;height:4px;margin-left:-4px;top:-4px;left:50%;position:absolute;content:"";display:inline-block;} .head_sec01 .head_gnb ul li .join_box em {font-size:12px;font-weight:400;font-family: 'Lato','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} #header > div.head_sec02 > div > ul > li:nth-child(1) > a{margin-left:0px;} @-webkit-keyframes join{ 0%{top:21px;} 100% {top:25px;} } @keyframes join{ 0% {top:21px;} 100%{top:25px;} } .head_sec02 {height:53px;position:relative;z-index;10;} .head_sec02 .head_lnb {} .head_sec02 .head_lnb li.lnb_step1 {line-height:53px;height:53px;padding:0;} .head_sec02 .head_lnb li.lnb_step1 a.lnb_01 {line-height:23px;margin:15px 30px;padding-left:0;height:53px;box-sizing:border-box;display:inline-block;} .head_sec02 .head_lnb li.lnb_step1 + li.lnb_step1 a.lnb_01 {margin-left:17px;} .head_sec02 .head_lnb li:nth-child(1) a{margin-left:0px;} .head_sec02 .head_lnb li.lnb_step1.last a.lnb_01 {} .head_sec02 .head_lnb li.lnb_step1 a.lnb_01{position:relative;} .head_sec02 .head_lnb li.lnb_step1 a.lnb_01, .head_sec02 .head_lnb li.lnb_step1 a.lnb_01:hover {color:#333;font-size:14px;font-weight:700;} .head_sec02 .head_lnb li.lnb_step1 a:after {width:100%;height:8px;background:#ffe78c;position:absolute;left:0%; bottom:32px;z-index:-1;display:inline-block;content:"";display:none;} .head_sec02 .head_lnb li.lnb_step1 a:hover:after{display:block;} .head_sec02 .head_lnb li.lnb_step1.ov .lnb_01:after {width:100%;height:8px;background:#ffe78c;position:absolute;left:0%; bottom:32px;z-index:-1;display:inline-block;content:"";display:block;} .head_sec02 .head_lnb li.lnb_search {width:28px;height:53px;line-height:53px;overflow:hidden;} .head_sec02 .head_lnb li.lnb_search a {background:url(/design/logona/2016img/main/btn_hd_search.png) no-repeat 100% 50%;width:28px;height:53px;padding:15px 0;line-height:23px;box-sizing:border-box;display:inline-block;font-size:0;} .head_sec02 .head_lnb li .lnb_02_layer {border-top:1px #ccc solid;left:0;top:53px;padding:0px;margin:0;width:100%;background:#fff;position:absolute;display:none;border-bottom:1px solid #ccc;} .head_sec02 .head_lnb li .lnb_02_layer .wrap {border:0;border-left:1px #ccc solid;height:320px;width:1200px;*zoom:1;box-sizing:border-box;margin:0 auto;position:relative;z-index:1;border-right:1px solid #ccc;} .head_sec02 .head_lnb li .lnb_02_layer .wrap:after {clear:both;content:"";display:block;} .head_sec02 .head_lnb li .lnb_02_layer .wrap dl {width:200px;padding:30px 0 0 44px;height:auto;box-sizing:border-box;background:none;margin:0;} .head_sec02 .head_lnb li .lnb_02_layer .wrap dl:after {width:1px;height:100%;background:#ccc;left:201px;top:0;position:absolute;display:inline-block;content:"";} .head_sec02 .head_lnb li .lnb_02_layer .wrap dl + dl {margin-left:0px;} .head_sec02 .head_lnb li .lnb_02_layer .wrap dl + dl:after {left:401px;} .head_sec02 .head_lnb li .lnb_02_layer .wrap dt {padding:0 0 14px 0;line-height:29px;height:43px;box-sizing:border-box;text-align:left;} .head_sec02 .head_lnb li .lnb_02_layer .wrap dt a {height:29px;display:inline-block;} .head_sec02 .head_lnb li .lnb_02_layer .wrap dt, .head_sec02 .head_lnb li .lnb_02_layer .wrap dt a, .head_sec02 .head_lnb li .lnb_02_layer .wrap dt a:hover {color:#222;font-size:13px;font-weight:700;} .head_sec02 .head_lnb li .lnb_02_layer .wrap dt + dt {margin-top:-14px;} .head_sec02 .head_lnb li .lnb_02_layer .wrap dd {line-height:18px;margin:0;padding:0;font-size:0;} .head_sec02 .head_lnb li .lnb_02_layer .wrap dd a {line-height:18px;width:auto;padding:5px 5px;color:#666;display:inline-block;font-weight:400;position:relative;z-index:1;} .head_sec02 .head_lnb li .lnb_02_layer .wrap dd a:hover {color:#333;font-weight:700;} .head_sec02 .head_lnb li .lnb_02_layer .wrap dd a:after {} .head_sec02 .head_lnb li .lnb_02_layer .wrap dd:hover a:after {width:100%;height:8px;background:#ffe78c;position:absolute;left:0;bottom:6px;z-index:-1;display:inline-block;content:"";} .head_sec02 .head_lnb li .lnb_02_layer .wrap .text_css dt{} .head_sec02 .head_lnb li .lnb_02_layer .wrap .text_css dt a{font-weight:400;position:relative;} .head_sec02 .head_lnb li .lnb_02_layer .wrap .text_css dt a:hover {color:#333;font-weight:700;} .head_sec02 .head_lnb li .lnb_02_layer .wrap .text_css dt:hover a:after {width:100%;height:8px;background:#ffe78c;position:absolute;left:0;bottom:12px;z-index:-1;display:inline-block;content:"";} .head_sec02 .head_lnb li .lnb_02_layer .wrap div.fr {margin:20px 25px 20px 20px;;position:relative;} .head_sec02 .head_lnb li .lnb_02_layer .wrap div.fr img {} .head_sec02 .head_lnb li .lnb_02_layer .wrap div.fr a {position:absolute;left:0;top:0;bottom:0;width:100%;text-align:center;height:100%;line-height:100%;margin:0;vertical-align:middle;} .head_sec02 .head_lnb li .lnb_02_layer .wrap div.fr a span {display:none;} .head_sec02 .head_lnb li .lnb_02_layer .wrap div.fr a.ov {background:url(/design/logona/2016img/bg_layer_back.png) repeat left top;} .head_sec02 .head_lnb li .lnb_02_layer .wrap div.fr a.ov span {display:inline-block;width:100%;font-size:15px;line-height:18px;font-weight:bold;color:#fff;text-align:center;} #header > div.head_sec02 > div > ul > li:nth-child(2) > div > div > div > a > span.name{margin-top:36%;} .head_sec02 .head_lnb li .lnb_02_layer .wrap div.fr a.ov span.name {margin-top:41%;margin-bottom:14px;padding-bottom:16px;background:url(/design/logona/2016img/bg_layer_bar.png) no-repeat center bottom;} .head_sec02 .head_lnb li .lnb_02_layer .wrap div.fr a.ov span.price {font-size:14px;} .head_sec02 .head_lnb li .lnb_02_layer .wrap div.fr a.ov span strike {font-size:13px;} .head_sec02 .head_lnb li .layer01 {left:0px;} .head_sec02 .head_lnb li .layer02 {left:0px;} .head_sec02 .head_lnb li .layer03 {left:0px;} .head_sec02 .head_lnb li .layer04 {left:0px;} .head_sec02 .head_lnb li .layer05 {left:0px;} .head_sec02 .head_lnb li .layer06 {left:0px;} /*** 상단 영역 끝 ***/ /*** 스크롤배너 영역 시작 ***/ #scroll-right {position:fixed;top:236px;right:30px;transition:all 0s ease 0s;z-index:5;} #scroll-right.fixed {top:236px;} .quick_menu {} .quick_menu ul {} .quick_menu ul li {position:relative; margin:0 0 10px;} .quick_menu ul li h3 {position:relative; z-index:100;} .quick_menu ul li h3 a {display:block; width:35px; height:35px; text-indent:-9999px;} .quick_menu ul li.quick01 h3 a {background:url("/design/logona/2016img/main/quick_cart.png") no-repeat left top;} .quick_menu ul li.quick01:hover h3 a {background:url("/design/logona/2016img/main/quick_cart_r.png") no-repeat left top;} .quick_menu ul li.quick02 h3 a {background:url("/design/logona/2016img/main/quick_talk.png") no-repeat left top;} .quick_menu ul li.quick02:hover h3 a {background:url("/design/logona/2016img/main/quick_talk_r.png") no-repeat left top;} .quick_menu ul li.quick03 h3 a {background:url("/design/logona/2016img/main/quick_member.png") no-repeat left top;} .quick_menu ul li.quick03:hover h3 a {background:url("/design/logona/2016img/main/quick_member_r.png") no-repeat left top;} .quick_menu ul li span.ff_mont {position:absolute;left:-7px;top:0;display:inline-block;width:18px;height:18px;line-height:18px;color:#fff;font-size:11px;font-weight:600;text-align:center;border-radius:100%;z-index:100;} .quick_menu ul li:hover span.ff_mont {display:none;} .quick_menu ul li.quick01 span.ff_mont {background:#ffd01a;} .quick_menu ul li.quick02 span.ff_mont {background:#333;} .quick_menu ul li:hover .cont {display:block !important;} .quick_menu ul li .cont {position:absolute; left:-120px; top:0; width:130px; height:35px; line-height:35px; background:#444; border-radius:20px; z-index:1; padding-left:20px;} .quick_menu ul li .cont p {color:#fff; font-size:12px; font-weight:600;} .quick_menu ul li .cont p em {display:inline-block;width:18px;height:18px;line-height:18px;color:#fff;font-size:11px;font-weight:600;text-align:center;border-radius:100%;margin-left:6px;} .quick_menu ul li.quick01 .cont p em {background:#ffd01a;} /*** 스크롤배너 영역 끝 ***/ /*** 하단 영역 시작 ***/ #footer {} .foot_sec01 {border-top:2px #333 solid;padding:50px 0 70px 0;} .foot_sec01 .w_custom {position:relative;padding:55px 0 0 0;} .foot_sec01 .ft_bnr {display:inline-block;margin-top:53px;} .foot_sec01 .foot_board {width:601px;position:relative;} .foot_sec01 .foot_board .board_wrap {width:550px;} .foot_sec01 .foot_board .board_wrap li {height:42px;padding:11px 0;box-sizing:border-box;line-height:20px;} .foot_sec01 .foot_board .board_wrap li + li {background:url(/design/logona/2016img/main/bg_ft_bbs.gif) repeat-x 0 0;} .foot_sec01 .foot_board .board_wrap li a {line-height:20px;display:inline-block;width:100%;} .foot_sec01 .foot_board .board_wrap li a .info {width:264px;display:inline-block;font-size:13px;color:#333;} .foot_sec01 .foot_board .board_wrap li a .date {width:80px;display:inline-block;font-size:13px;color:#999;text-align:right;} .foot_sec01 .foot_cs {width:545px;margin-left:50px;position:relative;} .foot_sec01 .foot_cs strong.call {color:#333;font-size:30px;line-height:30px;display:inline-block;width:100%;text-align:left;padding:7px 0 11px 0;} .foot_sec01 .foot_cs p {line-height:22px;padding:0 0 10px 0;text-align:left;color:#333;font-size:13px;font-weight:700;} .foot_sec01 .foot_cs p span {display:inline-block;color:#999;font-size:13px;line-height:20px;text-align:left;height:40px;} .foot_sec01 .foot_quick {width:350px;margin-left:50px;} .foot_sec01 .foot_quick p {padding:11px 0 0 0;line-height:20px;font-size:13px;color:#888;font-weight:400;text-align:left;background:url(/design/logona/2016img/main/bg_ft_map.gif) no-repeat 100% 34px;} .foot_sec01 .foot_quick p a {display:inline-block;line-height:20px;margin:30px 0 0 0;color:#333;font-size:13px;font-weight:400;padding-right:29px;background:url(/design/logona/2016img/main/bg_ft_arrow.gif) no-repeat 100% 5px;} .foot_sec01 .foot_title {color:#333;font-size:20px;line-height:28px;height:28px;text-align:left;margin-bottom:9px;} .foot_sec01 .foot_title a, .foot_sec01 .foot_title a:hover {color:#333;font-size:20px;} .foot_sec01 .foot_board:after, .foot_sec01 .foot_cs:after {height:152px;width:1px;background:#ccc;position:absolute;right:-1px;top:5px;display:inline-block;content:"";} .foot_sec02 {border-top:1px #ccc solid;border-bottom:1px #ccc solid;padding:0;} .foot_sec02 .w_custom {position:relative;z-index:1;} .foot_sec02 .btn_top {position:absolute;right:0;top:0;} .foot_sec02 .foot_gnb {padding:18px 0;line-height:22px;height:58px;box-sizing:border-box;font-size:0;text-align:left;} .foot_sec02 .foot_gnb li {line-height:22px;display:inline-block;} .foot_sec02 .foot_gnb li + li {padding:0 0 0 14px;} .foot_sec02 .foot_gnb li + li:before {width:1px;height:12px;background:#ccc;margin:5px 14px 5px 0;vertical-align:top;content:"";display:inline-block;} .foot_sec02 .foot_gnb li a, .foot_sec02 .foot_gnb li a:hover {color:#333;font-size:13px;font-weight:400;} .foot_sec02 .foot_gnb li a.on, .foot_sec02 .foot_gnb li a.on:hover {color:#fbb700;font-weight:700;} .foot_sec03 {padding:45px 0 50px 0;} .foot_sec03 .foot_logo {padding-top:5px;width:211px;} .foot_sec03 .foot_info {width:925px;} .foot_sec03 .foot_info .info {color:#888;font-size:13px;line-height:22px;} .foot_sec03 .foot_info .info a, .foot_sec03 .foot_info .info a:hover {color:#888;font-size:13px;} .foot_sec03 .foot_info .info span {display:inline-block;margin:5px 11px;vertical-align:top;width:1px;height:11px;background:#ccc;} .foot_sec03 .foot_info .copy {color:#ccc;font-size:12px;line-height:19px;padding-top:11px;} .foot_sec03 .foot_info .copy a, .foot_sec03 .foot_info .copy a:hover {color:#ccc;font-size:12px;} .foot_sec03 .foot_es {padding-top:5px;text-align:right;} /*** 하단 영역 끝 ***/ /*---------------------------------------------- 메인 영역 CSS 시작 / ----------------------------------------------*/ #contentWrapper.main, #contentWrap.main {vertical-align:top;font-size:0;} #content.main {width:100%;margin:0 auto;vertical-align:top;font-size:0;} #contentWrapper.main {} /* slick css */ .slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;} .slick-slide {float: left;height: 100%;min-height: 1px;} /* 메인 타이틀 */ .title_line {text-align:center;background:#fff url(/design/logona/2016img/main/bg_main_title_line.gif) repeat-x 0 15px;} .title_line em, .title_line span {display:inline-block;width:auto;vertical-align:top;font-style:normal;text-align:center;} .title_line em {padding:0 44px;line-height:35px;color:#333;font-size:28px;font-weight:900;background:#fff;font-family: 'Lato','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .title_line span {line-height:28px;color:#777;font-size:16px;font-weight:400;font-family: 'Noto Sans KR','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .title_basic {} .title_basic {text-align:center;} .title_basic em, .title_line span {display:inline-block;width:auto;vertical-align:top;font-style:normal;text-align:center;} .title_basic em {padding:0 44px;line-height:35px;color:#333;font-size:28px;font-weight:900;font-family: 'Lato','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .title_basic span {line-height:28px;color:#777;font-size:16px;font-weight:400;font-family: 'Noto Sans KR','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} /* 메인 비주얼 대배너 */ .main_visual_wrap {vertical-align:top;width:100%;height:750px;margin:0 auto;overflow:hidden;position:relative;z-index:1; } /* .main_visual_wrap.on{padding-top:70px;} */ .main_visual_wrap:after {width:100%;height:1px;background:#ccc;position:absolute;left:0;bottom:0px;z-index:1;display:inline-block;content:"";} .main_visual_wrap .main_visual {position:absolute;left:50%;width:2000px;margin-left:-1000px;bottom:54px;height:696px;} .main_visual_wrap .main_visual ul.visual_slick {position:relative;} .main_visual_wrap .main_visual ul.visual_slick li.slick-slide {min-width:2000px;height:696px;} .main_visual_wrap .main_visual ul.visual_slick li.slick-slide a {display:inline-block;width:2000px;height:696px;margin:0 auto;font-size:0;} /*.main_visual_wrap .main_visual ul.visual_slick li.visual1 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_20257banner01.jpg) no-repeat 50% 100%;} /* 에이지 특가전 */ .main_visual_wrap .main_visual ul.visual_slick li.visual5 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_250829banner01.jpg) no-repeat 50% 100%;} /* 11월 이벤트*/ .main_visual_wrap .main_visual ul.visual_slick li.visual2 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_250829banner02.jpg) no-repeat 50% 100%;} /*적립금 사용*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual10 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_2008banner02.jpg) no-repeat 50% 100%;} /*rPET 재활용 용기*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual6 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_2110banner04.jpg) no-repeat 50% 100%;} /*헤어2+1*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual5 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_2006banner07.jpg) no-repeat 50% 100%;} /*VIP*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual2 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_2103banner06.jpg) no-repeat 50% 100%;} /*주중*/ .main_visual_wrap .main_visual ul.visual_slick li.visual4 a {background:url(/design/logona/2016img/main/bnr_main_visual04.jpg) no-repeat 50% 100%;} /*앱푸시*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual3 a {background:url(/design/logona/2016img/main/bnr_main_visual03.jpg) no-repeat 50% 100%;} /*포토후기*/ .main_visual_wrap .main_visual ul.visual_slick li.visual7 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_2110banner02.jpg) no-repeat 50% 100%;} /*주말배너*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual2 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_2107banner07.jpg) no-repeat 50% 100%;} /*주중배너*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual9 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_2103banner02.jpg) no-repeat 50% 100%;} /*오늘만4시간특가*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual11 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_2009banner03.jpg) no-repeat 50% 100%;} /*알로에수분젤 샘플증정*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual8 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_2012banner06.jpg) no-repeat 50% 100%;} /*체험단*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual12 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_2009banner08.jpg) no-repeat 50% 100%;} /*추석선물세트*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual13 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_2009banner09.jpg) no-repeat 50% 100%;} /*추석릴레이하루특가*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual6 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_1903banner03.jpg) no-repeat 50% 100%;} /*플친맺기이벤트*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual5 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_2002banner03.jpg) no-repeat 50% 100%;} /*카카오이벤트*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual6 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_1903banner09.jpg) no-repeat 50% 100%;} /*3기서포터즈*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual3 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_logonaday.jpg) no-repeat 50% 100%;} /*로고나데이*/ /*.main_visual_wrap .main_visual ul.visual_slick li.visual7 a {background:url(http://imglogna.cafe24.com/renewal_2014/main/main_appday.jpg) no-repeat 50% 100%;} /*앱데이*/ .main_visual_wrap .main_visual .slick-dots {width:1094px;z-index:10;position:absolute;left:50%;bottom:-54px;margin-left:-547px;height:54px;line-height:54px;vertical-align:top;display:inline-block;font-size:0;text-align:center;} .main_visual_wrap .main_visual .slick-dots li {width:547px;height:54px;line-height:54px;vertical-align:top;padding:0;margin:0 !important;overflow:hidden;display:inline-block;position:relative;z-index:1;} .main_visual_wrap .main_visual .slick-dots li + li {width:547px;} .main_visual_wrap .main_visual .slick-dots li + li:before {left:0;top:50%;margin:-10px 0 0 0;height:20px;width:1px;background:#ccc;position:absolute;display:inline-block;content:"";} .main_visual_wrap .main_visual .slick-dots li.slick-active {} .main_visual_wrap .main_visual .slick-dots li.slick-active + li:before {background:#fff;} .main_visual_wrap .main_visual .slick-dots li + li.slick-active:before {background:#ffd01a;} .main_visual_wrap .main_visual .slick-dots li a {cursor:pointer;width:100%;height:54px;background:#fff;vertical-align:top;outline:0;margin:0;padding:11px 10px;line-height:30px;font-size:14px;color:#888;border:0 none;border-bottom:1px #ccc solid;font-weight:400;text-align:center;box-sizing:border-box;display:inline-block; word-break:keep-all;} .main_visual_wrap .main_visual .slick-dots li.slick-active a {background:#ffd01a;border-bottom:1px #ffd01a solid;color:#333;} .main_visual_wrap .main_visual .slick-dots li a.dots0 {border-left:1px #ccc solid;} .main_visual_wrap .main_visual .slick-dots li.slick-active a.dots0 {border-left:1px #ffd01a solid;} .main_visual_wrap .main_visual .slick-dots li a.dots4 {line-height:30px;} .main_visual_wrap .main_visual .slick-dots li:last-child a {border-right:1px #ccc solid; line-height:30px;} .main_visual_wrap .main_visual .slick-dots li.slick-active a.dots3 {border-right:1px #ffd01a solid;} .main_visual_wrap .main_visual .slick-arrow {outline:0;z-index:5;left:50%;bottom:-54px;position:absolute;display:inline-block;width:53px;height:54px;line-height:54px;text-indent:999px;overflow:hidden;margin:0;padding:0;} .main_visual_wrap .main_visual .slick-prev {margin-left:-600px;background:url(/design/logona/2016img/main/btn_main_visual_prev.gif) no-repeat 0 0;} .main_visual_wrap .main_visual .slick-next {margin-left:547px;background:url(/design/logona/2016img/main/btn_main_visual_next.gif) no-repeat 0 0;} /* 메인 베너 */ .main_top_bnr {padding:70px 0 0 0 ;} .main_top_bnr ul {font-size:0;width:100%;} .main_top_bnr ul li {display:inline-block;} .main_top_bnr ul li + li {margin-left:30px;} /* 메인 베스트 */ .main_best {padding:90px 0 105px 0;} .main_best .title_line {padding-bottom:29px;} .main_best .best_bnr {font-size:0;text-align:center;} .main_best .best_bnr li {width:270px;height:418px;overflow:hidden;display:inline-block;font-size:0;} .main_best .best_bnr li a {display:inline-block;width:100%;height:100%;font-size:0;} .main_best .best_bnr li + li {margin-left:40px;} .main_best .best_bnr li.best01 {background:url(http://imglogna.cafe24.com/renewal_2014/BestProduct/bnr_main_best01_lavapowder.jpg) no-repeat 0 0;} .main_best .best_bnr li.best02 {background:url(http://imglogna.cafe24.com/renewal_2014/BestProduct/bnr_main_best02_avocadooil.jpg) no-repeat 0 0;} .main_best .best_bnr li.best03 {background:url(http://imglogna.cafe24.com/renewal_2014/BestProduct/bnr_main_best03_rosehand.jpg) no-repeat 0 0;} .main_best .best_bnr li.best04 {background:url(http://imglogna.cafe24.com/renewal_2014/BestProduct/bnr_main_best04_agenight.jpg) no-repeat 0 0;} .main_best .best_bnr li.best01:hover {background:url(http://imglogna.cafe24.com/renewal_2014/BestProduct/bnr_main_best01_lavapowder_on.jpg) no-repeat 0 0;} .main_best .best_bnr li.best02:hover {background:url(http://imglogna.cafe24.com/renewal_2014/BestProduct/bnr_main_best02_avocadooil_on.jpg) no-repeat 0 0;} .main_best .best_bnr li.best03:hover {background:url(http://imglogna.cafe24.com/renewal_2014/BestProduct/bnr_main_best03_rosehand_on.jpg) no-repeat 0 0;} .main_best .best_bnr li.best04:hover {background:url(http://imglogna.cafe24.com/renewal_2014/BestProduct/bnr_main_best04_agenight_on.jpg) no-repeat 0 0;} /* 메인 리뷰 */ .main_review {padding:0;background:#f5f2ec;height:526px;} .main_review .title_review {font-weight:400;font-size:13px;line-height:20px;color:#c7c7c8;padding:54px 0 0 0;background:#57595b url(/design/logona/2016img/main/bg_main_review_title.gif) no-repeat 0 335px;width:282px;height:526px;text-align:center;position:relative;z-index:1;box-sizing:border-box;font-family: 'Noto Sans KR','Noto Sans','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .main_review .title_review:after {background:url(/design/logona/2016img/main/bg_main_review.gif) no-repeat 0 0;width:302px;height:20px;left:0;top:-20px;position:absolute;display:inline-block;content:"";} .main_review .title_review strong, .main_review .title_review em, .main_review .title_review span {color:#fff;display:inline-block;} .main_review .title_review strong, .main_review .title_review em {width:100%;font-family: 'Lato','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .main_review .title_review strong {color:#fff;line-height:22px;font-size:20px;font-weight:400;} .main_review .title_review em {padding:0 0 23px 0;line-height:37px;font-size:28px;font-weight:900;position:relative;} .main_review .title_review em:after {width:30px;height:1px;background:#fff;left:50%;margin-left:-15px;bottom:0;position:absolute;display:inline-block;content:"";} .main_review .title_review a {position:absolute;left:0;bottom:0;width:100%;height:100%;} .main_review .title_review span {letter-spacing:-1.5px;font-size:15px;font-weight:400;width:226px;height:36px;line-height:34px;border:1px #8a8b8d solid;margin:30px 28px 16px 28px;box-sizing:border-box;font-family: 'Noto Sans KR','Noto Sans','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .main_review .review_box_wrap {width:868px;height:390px;margin:76px 0 60px 50px;} .main_review .review_box_wrap h4 {margin-bottom:35px;position:relative;z-index:1;height:31px;width:100%;text-align:left;font-size:28px;font-weight:900;color:#333;font-family: 'Lato','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .main_review .review_box_wrap h4 a {background:url(/design/logona/2016img/main/btn_main_more.png) no-repeat 100% 5px;display:inline-block;width:31px;height:31px;line-height:31px;overflow:hidden;position:absolute;right:0;top:0;font-size:0;} .main_review .review_box {position:relative;z-index:1;overflow:hidden;width:878px;height:390px;margin-left:-10px;} .main_review .review_box .review_slick {} .main_review .review_box .review_slick li .content_wrap.first:before{content:"";display:block; width:50px; height:50px; position:absolute; top:10px; left:10px; background:url('/design/logona/2016img/review_king.png') no-repeat 0 0;} {} .main_review .review_box .review_slick li .content_wrap {position:relative;} .main_review .review_box .review_slick li .content_wrap:hover .content_txt{display:block;} .main_review .review_box .review_slick li .content_wrap .content_txt {box-shadow:0px 5px 10px rgba(0, 0, 0, 0.14);text-align:center;width:274px;;height:100%;background:#fff;border-top:3px #57595b solid;padding:30px 15px;text-align:center;box-sizing:border-box;font-size:0; display:none; position:absolute; left:0px; top:0px;} .main_review .review_box .review_slick li .content_wrap .content_txt .txt_star {background:url(/design/logona/2016img/main/icon_review_on.gif) no-repeat 0 0;width:103px;height:16px;line-height:16px;text-indent:999px;overflow:hidden;margin:0 auto;display:inline-block;} .main_review .review_box .review_slick li .content_wrap .content_txt p {word-break:keep-all;color:#333;font-size:12px;font-weight:400;margin:25px auto 15px;line-height:18px;letter-spacing:-0.5px;} .main_review .review_box .review_slick li .content_wrap .content_txt p em {margin-top:14px;line-height:15px;color:#999;font-size:12px;font-weight:400;display:inline-block;} .main_review .review_box .review_slick li .content_wrap .content_txt a {font-size:13px;font-weight:400;width:90px;height:36px;line-height:34px;box-sizing:border-box;display:inline-block;} .main_review .review_box .review_slick li .content_wrap .content_txt a.txt_more {border:1px #57595b solid;color:#333; position:absolute; bottom:33px; left:50%; margin-left:-45px;} .main_review .review_box .review_slick li .content_wrap .content_txt a.txt_gd {margin-left:6px;border:1px #fbc700 solid;background:#fbc700;color:#333;} .main_review .review_box .review_slick li .content_wrap .content_img {width:274px; text-align:right;font-size:0;} .main_review .review_box .review_slick li .content_wrap .content_img a {display:inline-block;} .main_review .review_box .review_slick li .content_wrap .content_img a + a {margin-left:24px;} .main_review .review_box .slick-dots {width:auto;position:absolute;left:50%;top:308px;transform:translateX(-50%);height:12px;line-height:12px;vertical-align:top;display:inline-block;font-size:0;text-align:center;} .main_review .review_box .slick-dots li {width:12px;height:12px;line-height:12px;vertical-align:top;padding:0;margin:0 5px !important;overflow:hidden;display:inline-block;} .main_review .review_box .slick-dots li + li {} .main_review .review_box .slick-dots li.slick-active {} .main_review .review_box .slick-dots li button {width:12px;height:12px;border-radius:6px;background:#bbb;vertical-align:top;outline:0;margin:0;padding:0;border:0 none;line-height:12px;font-size:0;} .main_review .review_box .slick-dots li.slick-active button {background:#333;} .main_review .review_box .slick-arrow {outline:0;z-index:5;top:304px;position:absolute;display:inline-block;width:40px;height:20px;line-height:20px;text-indent:999px;overflow:hidden;margin:0;padding:0;} .main_review .review_box .slick-prev {left:10px;background:url(/design/logona/2016img/main/btn_main_review_prev.png) no-repeat 0 0;} .main_review .review_box .slick-next {right:0;background:url(/design/logona/2016img/main/btn_main_review_next.png) no-repeat 0 0;} .main_review .review_box .slick-prev:hover {background:url(/design/logona/2016img/main/btn_main_review_prev_on.png) no-repeat 0 0;} .main_review .review_box .slick-next:hover {background:url(/design/logona/2016img/main/btn_main_review_next_on.png) no-repeat 0 0;} /* 메인 비디오 */ .main_video {padding:80px 0 0 0;} .main_video .fl {margin:13px 0 0 0;width:790px;height:340px;background:#eee;text-align:right;box-sizing:border-box;padding:20px;} .main_video .fl .title_video {width:270px;padding:91px 30px 0 30px;box-sizing:border-box;text-align:left;display:inline-block;float:left;} .main_video .fl .title_video em, .main_video .fl .title_video span {display:inline-block;color:#333;font-family: 'Lato','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .main_video .fl .title_video em {letter-spacing:2px;margin-bottom:21px;line-height:38px;font-size:38px;font-weight:900;} .main_video .fl .title_video span {letter-spacing:0.5px;line-height:21px;font-size:18px;font-weight:400;} .main_video .fr {} /* 메인 투데이핫 */ .main_hot {padding:94px 0 0 0;position:relative;} .main_hot .title_line {padding-bottom:33px;} .main_hot .hot_pr_box {width:1222px;margin:0 -11px;overflow:hidden;} .main_hot .hot_pr_box .good_lists {width:282px;margin:0;text-align:center;} .main_hot .hot_pr_box .good_lists .pr_wrap {width:282px;margin:0 auto;position:relative;z-index:1;} .main_hot .hot_pr_box .good_lists .pr_wrap .pr_per {display:none;font-size:17px;line-height:29px;padding:16px 0 15px;color:#fff;background:#fbc700;width:60px;height:60px;left:0;top:0;z-index:1;position:absolute;text-align:center;box-sizing:border-box;font-family: 'Arbutus Slab', serif; } .main_hot .hot_pr_box .good_lists .pr_wrap .pr_per em {font-size:25px;vertical-align:bottom;} .main_hot .hot_pr_box .good_lists:hover .pr_wrap .pr_per {display:inline-block;} .main_hot .hot_pr_box .good_lists .pr_wrap > a {border:1px #fbc700 solid;width:100%;height:100%;position:absolute;left:0;top:0;bottom:0;box-sizing:border-box;display:none;} .main_hot .hot_pr_box .good_lists:hover .pr_wrap > a {display:inline-block;} .main_hot .hot_pr_box .good_lists .thum { margin:0 0 11px 0; width:100%; } .main_hot .hot_pr_box .good_lists .thum img {width:100%;height:auto; } .main_hot .hot_pr_box .good_lists .info {padding:0 25px 27px 25px;width:100%;margin:0;box-sizing:border-box;text-align:center;} .main_hot .hot_pr_box .good_lists .info li {line-height:18px;} .main_hot .hot_pr_box .good_lists .info li a {color:#333;font-size:13px;font-weight:400;width:100%;line-height:18px;display:inline-block;overflow:hidden;text-overflow:ellipsis;} .main_hot .hot_pr_box .good_lists .info li.sub {padding:4px 0;line-height:18px;} .main_hot .hot_pr_box .good_lists .info li.sub a {color:#999;height:18px;white-space:nowrap; font-size:12px;} .main_hot .hot_pr_box .good_lists .info li.name {} .main_hot .hot_pr_box .good_lists .info li.name a {height:36px;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .main_hot .hot_pr_box .good_lists .info li .MK-product-icons {display:inline-block;line-height:18px;vertical-align:middle;} .main_hot .hot_pr_box .good_lists .info li .MK-product-icons img {vertical-align:middle;margin-right:4px;} .main_hot .hot_pr_box .good_lists .info .price {color:#333;font-size:15px;font-weight:700;margin-top:12px;line-height:22px;} .main_hot .hot_pr_box .good_lists .info .price em, .main_hot .hot_pr_box .good_lists .info .price span {display:inline-block;vertical-align:top;font-style:normal;} .main_hot .hot_pr_box .good_lists .info .price span {color:#aaa;font-size:12px;font-weight:700;margin-right:9px;position:relative;z-index:1;} .main_hot .hot_pr_box .good_lists .info .price span:after {background:#aaa;width:100%;height:1px;top:50%;left:0;position:absolute;display:inline-block;content:"";} .main_hot .hot_pr_box .good_lists .info .price em {font-weight:700;font-family: 'Lato','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .main_hot .hot_pr_box .good_lists .info .price > em {font-size:17px;color:#333;font-weight:900;} .main_hot .hot_pr_box .good_lists .info .price span em {font-size:13px;color:#aaa;} .main_hot .hot_pr_box .slick-arrow {outline:0;z-index:5;top:366px;position:absolute;display:inline-block;width:50px;height:50px;line-height:50px;text-indent:999px;overflow:hidden;margin:0;padding:0;} .main_hot .hot_pr_box .slick-prev {left:0;background:url(/design/logona/2016img/main/btn_main_hot_prev.png) no-repeat 0 0;} .main_hot .hot_pr_box .slick-next {right:0;background:url(/design/logona/2016img/main/btn_main_hot_next.png) no-repeat 0 0;} .main_hot .hot_pr_box .slick-prev:hover {background:url(/design/logona/2016img/main/btn_main_hot_prev_on.png) no-repeat 0 0;} .main_hot .hot_pr_box .slick-next:hover {background:url(/design/logona/2016img/main/btn_main_hot_next_on.png) no-repeat 0 0;} /* 메인 와이드베너 */ .main_wide {padding:100px 0;text-align:center;font-size:0;} .main_wide ul {vertical-align:top;font-size:0;text-align:center;} .main_wide ul li {position:relative;z-index:1;display:inline-block;width:50%;height:300px;margin:0;padding:0;box-sizing:border-box;} .main_wide ul li.half {} .main_wide ul li.wide {} .main_wide ul li.left_info {} .main_wide ul li.right_info {} .main_wide ul li a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;} .main_wide ul li div {width:250px;transform:translateY(-50%);top:50%;position:absolute;margin:0;padding:0;box-sizing:border-box;z-index:1;} .main_wide ul li div h4 {margin-bottom:20px;text-align:left;position:relative;padding:0 0 19px 0;width:100%;line-height:34px;font-size:22px;font-weight:500;color:#333;font-family: 'Noto Sans KR','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .main_wide ul li div h4 em {display:inline-block;width:100%;line-height:18px;font-size:13px;font-weight:400;color:#333;font-family: 'Lato','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .main_wide ul li div h4:after {left:0;bottom:0;width:30px;height:1px;background:#333;position:absolute;content:"";display:inline-block;} .main_wide ul li div p {letter-spacing:-0.5px;text-align:left;line-height:19px;color:#888;font-size:13px;font-weight:400;} .main_wide ul li div p strong {color:#333;font-size:13px;font-weight:500;width:100%;padding:0 0 5px 0;line-height:19px;display:inline-block;} .main_wide ul li div p strong font {font-style:italic;} .main_wide ul li.wide1 {background:url(/design/logona/2016img/main/bg_main_step4_01.jpg) no-repeat 100% 0;} .main_wide ul li.wide2 {background:url(/design/logona/2016img/main/bg_main_step4_02.jpg) no-repeat 0 0;} .main_wide ul li.wide3 {background:url(/design/logona/2016img/main/bg_main_step4_05.jpg) no-repeat 100% 0;} .main_wide ul li.wide4 {background:url(/design/logona/2016img/main/bg_main_step4_06.jpg) no-repeat 0 0;} .main_wide ul li.wide1 div {right:0;} .main_wide ul li.wide2 div {left:50px;} .main_wide ul li.wide3 div {right:50px;} .main_wide ul li.wide4 div {left:50px;} .main_wide ul li.wide3 div h4, .main_wide ul li.wide3 div p {text-align:right;} .main_wide ul li.wide3 div h4:after {left:auto;right:0;} /* 메인 퀄리티 */ .main_quality {background:#eee;padding:64px 30px 30px 30px;box-sizing:border-box;position:relative;} .main_quality .title_basic {padding-bottom:24px;} .main_quality a {position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block;} .main_quality ul {text-align:center;font-size:0;padding:50px 14px;background:#fff;} .main_quality ul li {width:14.2%;line-height:16px;color:#888;font-size:13px;font-weight:400;font-family: 'Noto Sans KR','Noto Sans','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;text-align:center;display:inline-block;} .main_quality ul li + li {} .main_quality ul li img {margin-bottom:15px;} /* 메인 컨텐츠 */ .main_content {padding:94px 0 0 0;} .main_content .title_line {padding-bottom:33px;} .main_content .bnr_content3 {padding-bottom:58px;font-size:0;} .main_content .bnr_content3 li {display:inline-block;width:380px;height:230px;position:relative;} .main_content .bnr_content3 li + li {margin-left:30px;} .main_content .bnr_content3 li > a {transition:0.3s;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/design/logona/2016img/main/bg_main_content_ov.png);background-repeat:no-repeat;background-position:50% 144px;} .main_content .bnr_content3 li p {position:absolute;left:50%;bottom:-2px;margin-left:-159px;width:318px;height:88px;box-sizing:border-box;color:#888;font-size:14px;font-weight:400;line-height:20px;background:#fff;text-align:center;z-index:2;} .main_content .bnr_content3 li p a {display:inline-block;width:100%;height:88px;box-sizing:border-box;padding:14px 0 0 0;} .main_content .bnr_content3 li p strong, .main_content .bnr_content3 li p em {vertical-align:top;display:inline-block;width:auto;text-align:center;} .main_content .bnr_content3 li p strong {line-height:23px;height:23px;margin-bottom:8px;color:#333;font-size:13px;font-weight:500;font-family: 'Noto Sans KR','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;} .main_content .bnr_content3 li p em {position:relative;padding:0 7px;line-height:23px;height:23px;color:#333;font-size:17px;font-weight:400;font-family: 'Noto Sans KR','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;z-index:1;} .main_content .bnr_content3 li p em:after {transition:0.3s;display:none;position:absolute;width:100%;height:8px;background:#fbc700;content:"";left:0;bottom:2px;z-index:-1;} .main_content .bnr_content3 li:hover > a {background: rgba(0, 0, 0, 0.5);background-image:url(/design/logona/2016img/main/bg_main_content_ov.png);background-repeat:no-repeat;background-position:50% 57px;} .main_content .bnr_content3 li:hover p em:after {display:inline-block;} .main_content .bnr_content2 {font-size:0;text-align:center;} .main_content .bnr_content2 li {display:inline-block;position:relative;z-index:1;width:585px;height:200px;} .main_content .bnr_content2 li + li {margin-left:30px;} .main_content .bnr_content2 li a {transition:0.3s;display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0;} .main_content .bnr_content2 li a div {transition:0.3s;width:567px;height:182px;padding:76px 0 0 0;color:#fff;font-size:22px;line-height:28px;font-weight:500;text-align:center;display:block;margin:9px;;box-sizing:border-box;border:0 none;font-family: 'Noto Sans KR','Nanum Gothic','돋움',Dotum,AppleGothic,sans-serif;vertical-align:top;} .main_content .bnr_content2 li a div .arrow {background:url(/design/logona/2016img/main/icon_main_content_arrow.png) no-repeat 0 50%;margin-left:30px;width:18px;line-height:28px;height:28px;display:inline-block;vertical-align:top;} .main_content .bnr_content2 li:hover a {background: rgba(0, 0, 0, 0.5);} .main_content .bnr_content2 li:hover a div {outline:1px #fff solid;} /* 메인 인스타 */ .main_insta {padding:100px 0 0 0;} .main_insta h3 {text-align:center;padding:0 0 32px 0;} .main_insta h3 span, .main_insta h3 a {display:inline-block;box-sizing:border-box;margin-top:12px;vertical-align:top;} .main_insta h3 span {padding-left:45px;color:#504e4f;font-size:14px;font-weight:700;width:150px;height:34px;line-height:34px;background:url(/design/logona/2016img/main/bnr_main_instagram.gif) no-repeat 0 0;} .main_insta h3 a {width:84px;height:34px;line-height:32px;color:#333;font-size:14px;font-weight:700;text-align:center;border:1px #333 solid;} .main_insta ul {width:1205px;margin-left:-5px;font-size:0;} .main_insta ul .insta_box {display:inline-block;margin:5px 0 0 5px;width:236px;height:236px;overflow:hidden;} .main_insta ul .insta_box a {display:inline- block;width:100%;height:100%;} .main_insta ul .insta_box a img {width:100%;height:auto;} #instaPics > div:nth-child(n+11){display:none;} /*---------------------------------------------- 메인 영역 CSS 끝 / ----------------------------------------------*/ /*---------------------------------------------- 2018.06.12 메인 리뉴얼 CSS 끝 / ----------------------------------------------*/ /*1808018*/ .sub_sch_box table td{position:relative;} .sub_sch_box table td .placeholder{position:absolute; top:0px; left:0px;} .event_tab{padding:0 0 20px;} .event_tab ul{text-align:center;} .event_tab ul li{display:inline-block; padding:0 12px 0 14px; line-height:12px; position:relative;} .event_tab ul li + li:before{content:"";display:block;position:absolute;left:0px;top:50%;margin-top:-5px;width:1px;height:10px;background:#333;} .event_tab ul li a{display:block; font-size:13px; color:#333;} .event_tab ul li.on a{color:rgb(8, 78, 157);font-weight:700;} .media_tab{padding:0 0 20px;} .media_tab ul{text-align:center;} .media_tab ul li{display:inline-block; padding:0 12px 0 14px; line-height:12px; position:relative;} .media_tab ul li + li:before{content:"";display:block;position:absolute;left:0px;top:50%;margin-top:-5px;width:1px;height:10px;background:#333;} .media_tab ul li a{display:block; font-size:13px; color:#333;} .media_tab ul li.on a{color:rgb(8, 78, 157);font-weight:700;} .comment-box{width:100%;}