/*##################################################*/ /* wing_freshsqure_temp_temp.css */ @charset "utf-8"; /*-----------------------------------------------------------------*/ /* CSS Table of Contents /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 1. Reset /*-----------------------------------------------------------------*/ /* webfont - Noto Sans KR */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;color:#444;font-family: 'Noto Sans KR', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;font-size:12px;line-height:1.6;vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {line-height:1.6;min-width: 1334px;} ol, ul, li {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} table {border-collapse:collapse; border-spacing:0;} img {vertical-align:top;} input[type=radio], input[type=checkbox] {vertical-align:middle;} input[type=text], input[type=email], input[type=password] {vertical-align:top;} a, a:hover, a:active, a:focus {text-decoration:none;} *, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*-----------------------------------------------------------------*/ /* 2. Global /*-----------------------------------------------------------------*/ .dn {display:none !important;} .hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;} .tac {text-align:center !important;} .tal {text-align:left !important;} .tar {text-align:right !important;} .empty {padding:100px 0 !important; text-align:center;} .fl {float:left !important;} .fr {float:right !important;} .clear {clear:both;} .bc {display:block; margin-left:auto; margin-right:auto;} .p_color {color:#d53838 !important;} .p_cursor {cursor:pointer;} .i_info {display:inline-block; position:relative; top:4px; width:16px; height:16px; background:url('/design/jsnlab/common/icon_info.png') no-repeat center; font-style:normal; font-weight:normal; line-height:1;} .form_input {height:34px; padding:4px 10px; border:1px solid #dcdcdc; background:#fff; color:#666; font-family:'Lato', 'Noto Sans KR', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-size:12px; transition:all .3s ease;} .form_input:focus {border-color:#000; outline:none !important;} .form_input.block {width:100% !important;} .form_input:-ms-input-placeholder {color:#666; font-family:'Lato', 'Noto Sans KR', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;} .form_input::-webkit-input-placeholder {color:#666; font-family:'Lato', 'Noto Sans KR', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;} .form_input::-moz-placeholder {color:#666; font-family:'Lato', 'Noto Sans KR', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;} .form_input.readonly {background:#e0e0e0 !important;} .form_input.gray {background:#fafafa;} .form_input.gray:focus {background:#fff;} textarea.form_input {height:auto;} select {max-width:100%; height:34px; padding:4px 6px; border:1px solid #dcdcdc; background:#fff; color:#666; font:inherit;} select:focus {border-color:#000; outline:none !important;} h2.subtitle {text-align: center;font-size: 25px;color: #212121;font-weight: 700;margin-bottom: 10px;padding: 0;line-height: 1;margin-top: 35px;} h2.subtitle strong {font-size: 25px;color: #212121;font-weight: 700;} h2.subtitle.mar {margin-bottom: 35px;} h3.title.first {padding-top:0;} h3.title {padding:30px 0 20px;} .title_count {position:relative; top:-36px; height:0; color:#999; font-size:11px;} .title_count strong {color:#343434; font-size:11px;} .total_sort {clear:both; height:35px; margin:10px 0;} .total_sort .total {float:left; font-size:11px; line-height:35px;} .total_sort .sort {float:right;} .paging * {vertical-align:middle;} .paging {margin-top:30px; font-size:0; text-align:center;} .paging li {display:inline; padding:0 2px; color:#9e9e9e; vertical-align:middle;} .paging li strong {display:inline-block; width:34px; height:34px; border:1px solid #676767; background:#676767; color:#fff; line-height:34px;} .paging li a {display:inline-block; width:34px; height:34px; border:1px solid #e0e0e0; background:#fff; color:#6e6e6e; line-height:34px;} .box_qty {display:inline-block; position:relative; vertical-align:top;} .box_qty .form_input {width:59px; padding-right:22px;} .box_qty .btn_ea {position:absolute; right:0; top:0; width:24px; height:34px;} .box_qty .btn_ea a {display:block; width:24px; height:17px; background-repeat:no-repeat; background-position:center;} .box_qty .btn_ea a.ea_up {background-image:url('/design/jsnlab/common/bullet_arrow_up.png')} .box_qty .btn_ea a.ea_down {background-image:url('/design/jsnlab/common/bullet_arrow_down.png')} .color_option {font-size:0;} .color_option:after {display:block; clear:both; content:'';} .color_option li {float:left;} .color_option li a {display:block; width:17px; height:17px; margin:1px; border:1px solid #fff;} .color_option li a.selected {border:1px solid #fff; outline:1px solid #ff1111;} .color_option li a img {width:15px; height:15px;} .text_option {font-size:0;} .text_option:after {display:block; clear:both; content:'';} .text_option li {float:left; text-align:left;} .text_option li a {overflow:hidden; display:block; height:20px; margin:1px; padding:0 6px; border:1px solid #d8d8d8; line-height:20px; text-align:center;} .text_option li a.selected {border:1px solid #ff1111;} .text_option li a.soldout {background:#ff1111; color:#fff;} .underline {display:inline-block; position:relative;} .underline:after {position:absolute; left:50%; bottom:-3px; width:0; height:1px; background:#333; content:''; transition:all .3s ease;} .underline:before {position:absolute; right:50%; bottom:-3px; width:0; height:1px; background:#333; content:''; transition:all .3s ease;} .underline:hover:after, .underline:hover:before {width:50%;} /*-----------------------------------------------------------------*/ /* 2-1. table /*-----------------------------------------------------------------*/ .tbl_col {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;} .tbl_col caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_col > thead > tr > th {padding:15px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:center; vertical-align:middle;background: #fbfafa;font-size: 15px;} .tbl_col > tbody > tr > td {padding:15px 0; border-bottom:1px solid #e0e0e0; text-align:center; vertical-align:middle;font-size: 15px;} .tbl_col > tbody > tr > td * {color:#666;font-size: 15px;} .tbl_col > tbody > tr > td img {max-width:100%; height:auto; vertical-align:middle;} .tbl_col > tbody > tr > td.tal {padding-left:15px !important;} .tbl_col > tbody > tr > td .bprice {font-size: 15px;font-weight: bold;} .tbl_col > tbody > tr > td.tal a {font-size: 15px;color: #353535;font-weight: bold;} .tbl_col > tbody > tr > td.img img {width:100px; height:auto;} .tbl_col > tbody > tr > td.order_number a {font-weight:bold; text-decoration:underline;} .tbl_col.prd > tbody > tr > td {padding:0;} .tbl_col.prd.order_tbl > tbody > tr > td {padding: 15px 0;} .tbl_col.prd > tbody > tr > td.delete_wish a {display:inline-block; position:relative;font-size: 11px;} /*.tbl_col.prd > tbody > tr > td.delete_wish a:first-child:after {position:absolute; right:0; top:8px; width:1px; height:15px; background:#e0e0e0; content:'';}*/ .tbl_col.prd > tbody > tr > td .btn_edit {display:inline-block; vertical-align:top;} /*.tbl_col.prd > tbody > tr > td .btn_edit a {font-size:11px; text-decoration:underline; line-height:35px;}*/ .tbl_col.prd > tbody > tr > td .btn_delivery {margin:4px 0;} .tbl_col.prd > tbody > tr > td img {vertical-align:middle;} /*- qna, review */ .tbl_col.board > tbody > tr > td.notice_cnt {padding:0; border:0;} .tbl_col.board > tbody > tr > td.notice_cnt .notice_cnt_frame {display:none; padding:15px; border-bottom:1px solid #e0e0e0; background:#fafafa; text-align:left; word-break:break-all; word-wrap:break-word;} .tbl_col.board > tbody > tr > td.subject .prdname {padding-bottom:5px;} .tbl_col.board > tbody > tr > td.subject img {vertical-align:middle;} .tbl_col.board > tbody > tr > td .best {display:inline-block; margin-right:5px; padding:3px 5px; background:#f00; color:#fff;} .tbl_row {table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;} .tbl_row caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_row th {padding:15px 0 15px 30px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_row td {padding:15px 10px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word;} .tbl_order {table-layout:fixed; width:100%; margin:0 auto; border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;} .tbl_order caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_order th {padding:20px; border:1px solid #e0e0e0; border-width:0 1px 1px 0; font-weight:normal; text-align:left; vertical-align:middle;background: #fbfafa;} .tbl_order td {padding:20px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle;} .tbl_order td .form_input {width:260px;} .tbl_order td .msg {color:#999; font-size:11px;} .tbl_order td .own_mileage, .tbl_order td .own_deposit {color:#ff6600; line-height:35px;} .tbl_order td.edit {line-height:30px;} .tbl_order td.address p {margin-top:10px;} .tbl_order td.address p:first-child {margin-top:0;} .tbl_order td.address .zip .form_input {width:158px;} .tbl_order2 {table-layout:fixed; width:100%; margin:0 auto;border: 1px solid #ddd;} .tbl_order2 caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_order2 th {padding: 20px;border: 1px solid #e0e0e0;border-width: 0 1px 1px 0;font-weight: normal;text-align: left;vertical-align: middle;background: #fbfafa;} .tbl_order2 td {padding: 20px;border-bottom: 1px solid #e0e0e0;text-align: left;vertical-align: middle;} .tbl_order2 td .price {color: #ff6600;font-size: 20px;font-weight: bold;} .tbl_order2 td.pricea strong {color: #888888;font-size: 20px;font-weight: bold;} #dlv_prc_cart {font-size: 20px;font-weight: bold;} .tbl_order2.sale {border:1px solid #dcdcdc; } .tbl_order2 .total td {position:relative;} .tbl_order2 .total td .view_info {display:none; margin-top:5px;} .tbl_order2 .total_price, .tbl_order2 .total_price * {color:#ff6600;} .tbl_prdinfo {table-layout:fixed; width:100%; margin-bottom:20px;} .tbl_prdinfo caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_prdinfo th {padding:10px; border:1px solid #e0e0e0; background-color:#fafafa; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_prdinfo td {padding:10px; border:1px solid #e0e0e0; text-align:left; vertical-align:middle;} /*-----------------------------------------------------------------*/ /* 2-2. button /*-----------------------------------------------------------------*/ .box_btn {display:inline-block; text-align:center; vertical-align:middle;} .box_btn > * {display:inline-block; margin:0; border:1px solid #676767; outline:none; background:#666; color:#fff; font-size:12px; font-family:'Lato', 'Noto Sans KR', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif; font-weight:normal; text-align:center; vertical-align:middle; line-height:1.4; white-space:nowrap; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;padding: 8px 7px;} .box_btn > *:hover, .box_btn > *:active, .box_btn > *:focus {background:#333;} .box_btn.small > * {padding:4px 8px;} .box_btn.large > * {padding:12px 16px; font-size:14px;} .box_btn.huge > * {padding:16px 20px; font-size:16px;} .box_btn.block {display:block;} .box_btn.block > * {width:100%;} .box_btn.w50 > * {width:50px;} .box_btn.w75 > * {width:75px;} .box_btn.w100 > * {width:100px;} .box_btn.w125 > * {width:125px;} .box_btn.w150 > * {width:150px;} .box_btn.w175 > * {width:175px;} .box_btn.w200 > * {width:200px;} .box_btn.w225 > * {width:225px;} .box_btn.w250 > * {width:250px;} .box_btn.w275 > * {width:275px;} .box_btn.w300 > * {width:300px;} .box_btn.w325 > * {width:325px;} .box_btn.w350 > * {width:350px;} .box_btn.white * {border-color:#c3c3c3; background:#fff; color:#666 !important;} .box_btn.white:hover *, .box_btn.white:active *, .box_btn.white:focus * {background:#f5f5f5;} .box_btn.gray * {border-color:#f5f5f5; background:#f5f5f5; color:#666;} .box_btn.gray:hover *, .box_btn.gray:active *, .box_btn.gray:focus * {background:#dadada;} .box_btn.strong * {font-weight:bold;} .box_btn.mt {margin-top:5px;} /*-----------------------------------------------------------------*/ /* 2-3. product /*-----------------------------------------------------------------*/ .prd_basic {display:table; width:100%; font-size:0; text-align:left !important;} .prd_basic > li {display:inline-block; padding-bottom:60px; text-align:center; vertical-align:top;} .prd_basic.col2 > li {width:50%;} .prd_basic.col3 > li {width:33.33%;} .prd_basic.col4 > li {width:25%;} .prd_basic.col5 > li {width:20%;} .prd_basic .box {position:relative; width:285px; margin:0 auto;} .prd_basic .box .img {overflow:hidden; position:relative; z-index:1; width:100%; margin:0 auto; text-align:center;} .prd_basic .box .img .prdimg {transition:all .3s ease;} .prd_basic .box .img:hover .prdimg {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .prd_basic .box .img .soldout {display:none;} .prd_basic .box.out .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;} .prd_basic .box.out .img .soldout {display:block; position:absolute; left:0; top:50%; z-index:5; width:100%; color:#000; font-size:14px; font-weight:bold; text-align:center; cursor:pointer;} /* �덉젅�� soldout 異쒕젰 */ .prd_basic .box .info {text-align:center;} .prd_basic .box .name, .prd_basic .box .name * {font-size:17px;} .prd_basic .box .name {padding:25px 0 9px;} .prd_basic .box .summary {padding-bottom:13px; color:#aaa; font-size:14px; line-height:18px; word-break:break-all; word-wrap:break-word;} .prd_basic .box .price {font-size:0;} .prd_basic .box .price p, .prd_basic .box .price p * {font-size:17px; font-weight:400;} .prd_basic .box .price p {display:inline-block; *display:inline; *zoom:1; word-break:break-all; word-wrap:break-word;} .prd_basic .box .price .consumer {padding-right:14px; color:#aaa; font-size:13px; text-decoration:line-through;} .prd_basic .box .icon {padding-top:20px;} .prd_basic .box .icon img {margin:0 2px;} .prd_basic .box .quick {padding:20px 0 0 2px; padding-left:2px; font-size:0;} .prd_basic .box .quick li {display:inline-block; text-align:center; vertical-align:top;} .prd_basic .box .quick li a {display:block; width:32px; height:32px; margin-left:-1px; border:1px solid #dbdbdb; background-color:#fff; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;} .prd_basic .box .quick li a:hover {background-color:#f6f6f6;} .prd_basic .box .quick li.preview a {background-image:url('/design/jsnlab/shop/icon_preview.png');} .prd_basic .box .quick li.cart a {background-image:url('/design/jsnlab/shop/icon_cart.png');} .prd_basic .box .quick li.wish a {background-image:url('/design/jsnlab/shop/icon_wish.png');} .prd_basic .box .count {padding-top:20px; font-size:0;} .prd_basic .box .count li {display:inline; position:relative; padding:0 10px; color:#888; font-size:11px;} .prd_basic .box .count li:after {position:absolute; left:0; top:3px; width:1px; height:10px; background:#d2d2d2; content:'';} .prd_basic .box .count li:first-child:after {display:none;} .prd_basic.mini {width:100%; text-align:center;} .prd_basic.mini .box .img .prdimg {transition:none;} .prd_basic.mini .box .img:hover .prdimg {-ms-transform:none; -webkit-transform:none; transform:none;} .prd_basic.mini .box .img .icon_best {position:absolute; left:10px; top:10px; width:40px; height:40px; border-radius:50%; background:#fff; line-height:40px;} .prd_basic.mini .box .info {display:none; position:absolute; left:50%; bottom:10px; z-index:5; width:100%; margin-left:-50%; background:transparent; text-align:center;} .prd_basic.mini .box:hover .info {display:block;} .prd_basic.mini .box:hover .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;} .prd_basic.mini .box .price .consumer, .prd_basic.mini .box .summary, .prd_basic.mini .box .count, .prd_basic.mini .box .icon {display:none;} .prd_basic.mini.best .box .img, .prd_basic.mini.best .box .info {width:205px;} .prd_basic.mini.best .box .info {margin-left:-102.5px;} .prd_basic.slide {display:none;} .prd_basic.slide.slick-initialized {display:block;} .prd_basic.slide .slick-prev {position:absolute; left:-44px; top:50%; width:24px; height:88px; margin-top:-44px; background:url('/design/jsnlab/button/slide_prev.png') no-repeat center;} .prd_basic.slide .slick-next {position:absolute; right:-44px; top:50%; width:24px; height:88px; margin-top:-44px; background:url('/design/jsnlab/button/slide_next.png') no-repeat center;} /*- NEW ARRIVAL */ .prd_basic.slide.new .box .img, .prd_basic.slide.new .box .info {width:285px;} .prd_basic.slide.new .slick-prev {left:-67px; top:128px; width:16px; height:30px; margin-top:0; background-image:url('/design/jsnlab/main/slide_prev.png');} .prd_basic.slide.new .slick-next {right:-67px; top:128px; width:16px; height:30px; margin-top:0; background-image:url('/design/jsnlab/main/slide_next.png');} .prd_related {table-layout:fixed; clear:both; width:100%; border-top:1px solid #e0e0e0; border-collapse:collapse;} .prd_related > thead {display:none;} .prd_related > tbody > tr > td {border-bottom:1px solid #e0e0e0; vertical-align:middle; text-align:center;} .prd_related > tbody > tr > td.img img {width:120px; height:auto;} .prd_related > tbody > tr > td.tal, .prd_related > tbody > tr > td.opt {padding-left:15px; text-align:left;} .prd_related > tbody > tr > td.opt select {display:block; min-width:130px; margin:5px 0;} .prd_related > tbody > tr > td .soldout {display:none; color:#d53838;} .prd_related > tbody > tr > td .soldout.out {display:inline;} .prd_related > tbody > tr > td .summary {color:#888; font-size:11px;} /*-----------------------------------------------------------------*/ /* 3. Layout /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 3-1. wrapper /*-----------------------------------------------------------------*/ #wrapper {position:relative; text-align:left;min-width: 1334px;} #container {overflow:hidden;} .wrap_inner {width:1334px; margin:0 auto;} /*-----------------------------------------------------------------*/ /* 3-2. header /*-----------------------------------------------------------------*/ #topbnr {overflow:hidden; position:relative; max-width:1900px; min-width:1334px; height:70px; margin:0 auto;} #topbnr .img {position:absolute; left:50%; top:0; width:1900px; height:70px; margin-left:-950px;} #topbnr .img img {width:100%;} #header {width:100%; min-width:1335px; height:160px; z-index:999; /* 20.02.04 transition:all .2s ease; */ border-bottom:1px solid rgba(0,0,0,0);} #header .gnb {position:absolute; left:0; top:0; z-index:15; width:100%; height:160px;} #header .gnb .inner {position:relative; padding:20px 60px; height: 160px;} #header .gnb h1 {display:inline-block; height:120px; vertical-align: top;} #header .gnb h1 a {display:inline-block; *display:inline; *zoom:1; height:100%;} #header .gnb h1 a img {height: 100%;} #header .gnb .inner > ul {font-size:0; text-align:center;} #header .gnb .inner > ul > li {display:inline-block; *display:inline; *zoom:1; position:relative;} #header .gnb .inner > ul > li > a {display:inline-block; *display:inline; *zoom:1;font-family: 'NanumSquare';} #header .gnb .inner > ul .list {display:none; width:100px; margin-left:-50px; background:rgba(255,255,255,0.7); position:absolute; left:50%; top:80px; padding:20px 10px;} #header .gnb .inner > ul .list li {padding:4px 0;} #header .gnb .inner > ul .list li a {display:inline-block; position:relative; padding:1px 0; font-size:13px; letter-spacing:-1px;} #header .gnb .inner > ul .list li a:hover:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#444; content:'';} #header .gnb .inner > ul > li.viewsub:hover .list {display:block;} #header .gnb ul.category {display:inline-block; vertical-align: top; margin-left:30px; z-index: 1;} #header .gnb ul.category.right{float:right;} #header .gnb ul.category > li > a {padding:0 15px; color:#000; font-family: 'NanumSquare'; font-size:18px; line-height:120px; vertical-align:bottom;} #header .gnb ul.category > li > a:hover {color:#aaa;} #header .gnb ul.category > li.barprev > a {padding-right:39px;} #header .gnb ul.category > li.bar > a {padding-left:40px;} #header .gnb ul.category > li.bar > a:after {display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#2e3192; content:'';} #header .gnb ul.category li.cart a span {font-size:inherit; color:inherit;} #header .gnb ul.category li.search a {width:18px; background-repeat:no-repeat; font-size:0; background-position:center; color:transparent; background-image:url('/design/jsnlab/button/search2.png'); cursor:pointer;} #header .gnb ul.category li.search a.active {background-image:url('/design/jsnlab/button/search_close.png');} #header .box_search {display:none; position:fixed; right:98px; top:60px; z-index:15;} #header .box_search .box {position:relative; width:360px; height:40px; padding-right:42px; border:1px solid #444; background:#fff; text-align:left;} #header .box_search .box .basic_search {width:100%; height:38px; border:0; background:transparent; color:#aaa; font-size:13px;} #header .box_search .box .btn {position:absolute; right:0; top:0; padding:9px 11px 10px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} /*-----------------------------------------------------------------*/ /* 3-3. content /*-----------------------------------------------------------------*/ #cnt {min-height:500px;border-top: 1px solid #000000;} #cnt.nob {border-top: none;} #maincnt {min-height:500px;} #quick {display:none; position:fixed; right:0; top:50%; z-index:20; width:50px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);} #quick ul li {font-size:0;} #quick ul li a {display:inline-block; *display:inline; *zoom:1; width:50px; height:50px; background-repeat:no-repeat; background-position:center; color:transparent; font-size:0;} #quick ul li.wish a {background-image:url('/design/jsnlab/button/quick_wish.png');} #quick ul li.recent a {position:relative; background-image:url('/design/jsnlab/button/quick_recent.png'); cursor:pointer;} #quick ul li.recent a span {position:absolute; right:10px; top:10px; color:#fff; font-size:10px;} #quick ul li.order a {background-image:url('/design/jsnlab/button/quick_delivery.png');} #quick ul li.top a {background-image:url('/design/jsnlab/button/btn_up.png');} #quick ul li.bottom a {background-image:url('/design/jsnlab/button/btn_down.png');} #quick .quick_menu li a {border-bottom:1px solid #666; background-color:#444;} #quick .btn_scroll {border-top:1px solid #ccc;} #quick .btn_scroll li a {border:1px solid #ccc; border-top:0; background-color:#fff; cursor:pointer;} #recent_layer {display:none; position:fixed; right:50px; top:50%; z-index:10; width:330px; height:200px; margin-top:-74px; border:1px solid #ccc; border-right:0; background:#fff;} #recent_layer .inner {position:relative;} #recent_layer .close {position:absolute; right:0; top:0; width:16px; height:15px; padding:18px; background:url('/design/jsnlab/button/recent_close.png') no-repeat center; color:transparent; font-size:0; cursor:pointer; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} #recent_layer .title {padding:14px 25px 19px; font-size:15px;} #recent_layer .list > div {margin:0 auto;} #recent_layer .latest {font-size:0; text-align:center;} #recent_layer .latest:after {display:block; clear:both; content:'';} #recent_layer .latest li {float:left; margin:0 5px;} #recent_layer .ctrl {padding:20px 0 18px; font-size:0; text-align:center;} #recent_layer .ctrl a {display:inline-block; *display:inline; *zoom:1; width:9px; height:13px; margin:0 6px; background-repeat:no-repeat; background-position:center; color:transparent; font-size:0;} #recent_layer .ctrl a.prev {background-image:url('/design/jsnlab/button/recent_prev.png');} #recent_layer .ctrl a.next {background-image:url('/design/jsnlab/button/recent_next.png');} /*-----------------------------------------------------------------*/ /* 3-4. footer /*-----------------------------------------------------------------*/ #footer {margin-top:50px;} #footer .quick {padding-bottom:56px; border-top:1px solid #f7f7f7; border-bottom:1px solid #eee;} #footer .quick .wrap_inner:after {display:block; clear:both; content:'';} #footer .quick .wrap_inner > div {float:left;} #footer .quick .wrap_inner > div h4 {padding:74px 0 24px; font-size:14px; font-weight:400;} #footer .quick .wrap_inner .cs {width:333px;} #footer .quick .wrap_inner .cs strong {font-size:24px; font-weight:700;} #footer .quick .wrap_inner .cs p {margin-top:4px; color:#aaa; font-size:13px; line-height:20px;} #footer .quick .wrap_inner .bank {width:361px;} #footer .quick .wrap_inner .bank ul li {font-size:13px; font-weight:300; line-height:22px;} #footer .quick .wrap_inner .bank ul li span {display:inline-block; *display:inline; *zoom:1; width:90px;} #footer .quick .wrap_inner .return {width:365px;} #footer .quick .wrap_inner .return dl dt {font-size:13px; font-weight:700;} #footer .quick .wrap_inner .return dl dd {font-size:13px; font-weight:300; line-height:22px;} #footer .quick .wrap_inner .return p {margin-top:26px;} #footer .quick .wrap_inner .return p a {display:inline-block; *display:inline; *zoom:1; position:relative; margin-left:15px;} #footer .quick .wrap_inner .return p a:first-child {margin-left:0;} #footer .quick .wrap_inner .return p a:after {display:block; width:100%; height:1px; background:#444; content:'';} #footer .quick .wrap_inner .share {width:140px;} #footer .quick .wrap_inner .share ul li {display:inline-block; *display:inline; *zoom:1; margin-left:12px; font-size:0; vertical-align:middle;} #footer .quick .wrap_inner .share ul li:first-child {margin-left:0;} #footer .quick .wrap_inner .share ul li a {display:inline-block; *display:inline; *zoom:1; height:19px; background-repeat:no-repeat; background-position:center; color:transparent; font-size:0; vertical-align:middle;} #footer .quick .wrap_inner .share ul li.insta a {width:19px; background-image:url('/design/jsnlab/common/sns_insta.png');} #footer .quick .wrap_inner .share ul li.fb a {width:9px; background-image:url('/design/jsnlab/common/sns_fb.png');} #footer .quick .wrap_inner .share ul li.blog a {width:14px; background-image:url('/design/jsnlab/common/sns_blog.png');} #footer .quick .wrap_inner .share ul li.story a {width:9px; background-image:url('/design/jsnlab/common/sns_story.png');} #footer .quick .wrap_inner .share ul li.youtube a {width:25px; background-image:url('/design/jsnlab/common/sns_youtube.png');} #footer .shopinfo {text-align:center;} #footer .shopinfo .menu {padding:38px 0 14px; font-size:0;} #footer .shopinfo .menu li {display:inline-block; *display:inline; *zoom:1;} #footer .shopinfo .menu li a {display:inline-block; *display:inline; *zoom:1; padding:0 7px; color:#aaa; font-size:13px; font-weight:300;} #footer .shopinfo .menu li a strong {color:#aaa; font-size:13px; font-weight:700;} #footer .shopinfo .info, #footer .shopinfo .info * {color:#aaa; font-size:13px; font-weight:300; font-style:normal; line-height:24px;} #footer .shopinfo .info span {padding-right:13px;} #footer .shopinfo .info span.last {padding-right:0;} #footer .shopinfo .copyright, #footer .shopinfo .copyright * {color:#aaa; font-size:13px;} #footer .shopinfo .copyright {padding:16px 0 38px;} #footer .shopinfo .copyright a strong, #footer .shopinfo .copyright a:hover {color:#3fc0e5;} #footer .btn_scroll {display:none; position:fixed; right:0; top:50%; z-index:20; width:44px; margin-top:-44px; border:1px solid #dbdbdb;} #footer .btn_scroll a {display:block; width:44px; height:44px; background-repeat:no-repeat; background-position:center; background-color:#fff; font-size:0; text-align:center; cursor:pointer;} #footer .btn_scroll a:hover {background-color:#f5f5f5;} #footer .btn_scroll a.up {border-bottom:1px solid #dbdbdb; background-image:url('/design/jsnlab/common/bullet_scrollup.png');} #footer .btn_scroll a.down {background-image:url('/design/jsnlab/common/bullet_scrolldown.png');} /*-----------------------------------------------------------------*/ /* 4. Page /*-----------------------------------------------------------------*/ #main {text-align:center;} #main .brand-wrap {background-image:url('/design/jsnlab/banner/brand.jpg');padding:120px 0;background-attachment:fixed;background-size:cover;} #main .brand-wrap a {font-size:12px; transition:0.2s; border:1px solid #444; padding:10px 15px; margin-top:30px; display:inline-block; *display:inline; *zoom:1;} #main .brand-wrap a:hover {color:white; background: #444;} #main .brand-wrap .brand {text-align:left;} #main .brand-wrap .brand dt {font-family: 'NanumSquare'; font-weight: bold; font-size:24px; text-align:center;} #main .brand-wrap .brand dd {font-size:16px; line-height:140%; padding-top:30px; text-align:center;} #main h3 {padding:120px 0 60px; font-size:26px; font-weight: normal;} #main h3 p {color:#aaa; font-size:15px; font-weight:400;} #main .banner {max-width:1900px; margin:120px auto 0;} #main .banner:after {display:block; clear:both; content:'';} #main .banner img {width:100%; height:auto;} #main .banner .bnr {position:relative;} #main .banner .bnr .img {transition:all .3s ease;} #main .banner .bnr:hover .img {-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} #main .banner .bnr .txt {position:absolute; left:0;} #main .banner .left_area {overflow:hidden; float:left; width:50%;} #main .banner .left_area .bnr .txt {bottom:0; padding:0 60px; text-align:left;} #main .banner .left_area .bnr .txt .big {padding-bottom:35px; font-size:40px; font-weight:900; line-height:normal;} #main .banner .left_area .bnr .txt .small {padding-bottom:53px; font-family:'Noto Sans KR'; font-size:30px; font-weight:100; line-height:40px;} #main .banner .right_area {float:left; width:50%;} #main .banner .right_area .col2:after {display:block; clear:both; content:'';} #main .banner .right_area .col2 li {overflow:hidden; float:left; width:50%;} #main .banner .right_area .col2 li .txt, #main .banner .right_area .col2 li .txt * {color:#fff;} #main .banner .right_area .col2 li .txt {top:50%; width:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-align:center;} #main .banner .right_area .col2 li .txt .big {padding-bottom:16px; font-size:30px; font-weight:700;} #main .banner .right_area .col2 li .txt .small {padding-bottom:26px; font-size:20px; font-weight:300; line-height:28px;} #main .banner .right_area .col2 li .txt .box_btn > * {width:130px; height:40px; padding:0; border:1px solid #fff; background:transparent; font-size:14px; line-height:38px;} #main .best .tab_best {margin-bottom:60px; font-size:0;} #main .best .tab_best li {display:inline-block; *display:inline; *zoom:1; padding:0 25px;} #main .best .tab_best li a {display:inline-block; *display:inline; *zoom:1; padding:2px 0; color:#aaa; font-size:17px; font-weight:300; cursor:pointer;} #main .best .tab_best li a.active {position:relative; color:#444;} #main .best .tab_best li a.active:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#444; content:'';} #main .best .tabcnt_best {display:none;} #main .best .tabcnt_best0 {display:block;} #main .md {margin-top:60px; background:url('/design/jsnlab/main/md.jpg') no-repeat left top/100% auto;} #main .md .bnr {display:none; margin-bottom:20px;} #main .md .bnr0 {display:block;} #main .md .big_slide {margin-bottom:20px;} #main .md .small_slide .slick-slide:hover img {opacity:.6;} #main .md .small_slide .slick-arrow {position:absolute; top:50%; width:16px; height:30px; margin-top:-15px; background-repeat:no-repeat; background-position:center; background-color:transparent;} #main .md .small_slide .slick-prev {left:-50px; background-image:url('/design/jsnlab/main/slide_prev.png');} #main .md .small_slide .slick-next {right:-50px; background-image:url('/design/jsnlab/main/slide_next.png');} #main .special .fullbnr {max-width:1900px; height:160px; margin:120px auto 60px;} #main .special .fullbnr p img {width:100%; height:auto;} #main .special .prd_basic {width:1220px; margin-left:-20px;} #main .special .prd_basic > li {width:285px; margin-left:20px;} #main .special .prd_basic > li.no_1, #main .special .prd_basic > li.no_2 {width:590px; padding-bottom:20px} #main .special .prd_basic > li.no_1 .box, #main .special .prd_basic > li.no_2 .box {width:590px;} #main .special .prd_basic > li.no_1 .info, #main .special .prd_basic > li.no_2 .info {position:absolute; left:0; bottom:0; z-index:5; width:100%; padding:0 40px; background-color:rgba(255,255,255,0.8); text-align:left;} #main .special .prd_basic > li.no_1 .name, #main .special .prd_basic > li.no_1 .name *, #main .special .prd_basic > li.no_2 .name, #main .special .prd_basic > li.no_2 .name * {font-size:24px;} #main .special .prd_basic > li.no_1 .name, #main .special .prd_basic > li.no_2 .name {padding:33px 0 11px;} #main .special .prd_basic > li.no_1 .summary, #main .special .prd_basic > li.no_2 .summary {padding-bottom:15px; font-size:15px; line-height:20px;} #main .special .prd_basic > li.no_1 .price, #main .special .prd_basic > li.no_1 .price *, #main .special .prd_basic > li.no_2 .price, #main .special .prd_basic > li.no_2 .price * {font-size:24px;} #main .special .prd_basic > li.no_1 .price, #main .special .prd_basic > li.no_2 .price {padding-bottom:32px;} #main .special .prd_basic > li.no_1 .price .consumer, #main .special .prd_basic > li.no_2 .price .consumer {font-size:13px;} #main .special .prd_basic .box .img .prdimg img {width:100%; height:auto;} #main .snack {padding-bottom:60px; border-bottom:1px solid #ddd;} #main .snack .fullbnr {margin-top:60px;} #main .review {min-height:750px; margin-bottom:120px;} #main .review .review_list {position:relative; padding-left:811px;} #main .review .review_list > li {padding-bottom:20px;} #main .review .review_list .box:after {display:block; clear:both; content:'';} #main .review .review_list .box .img {float:left; width:124px; height:124px;} #main .review .review_list .box .img img {width:100%; height:auto;} #main .review .review_list .box .info {float:left; width:265px; padding-left:16px; text-align:left;} #main .review .review_list .box .star {padding-bottom:10px;} #main .review .review_list .box .subject_name {position:relative; margin-bottom:10px; padding:0 30% 10px 0; border-bottom:1px solid #ddd;} #main .review .review_list .box .subject, #main .review .review_list .box .subject *, #main .review .review_list .box .name {font-size:13px;} #main .review .review_list .box .subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #main .review .review_list .box .name {position:absolute; right:0; top:0; color:#aaa;} #main .review .review_list .box .content {color:#aaa; font-size:13px; line-height:20px;} #main .review .review_list > li:first-child, #main .review .review_list > li:nth-child(2) {position:absolute; top:0;} #main .review .review_list > li:first-child {left:0;} #main .review .review_list > li:nth-child(2) {left:405px;} #main .review .review_list > li:first-child .box .img, #main .review .review_list > li:nth-child(2) .box .img, #main .review .review_list > li:first-child .box .info, #main .review .review_list > li:nth-child(2) .box .info {float:none; width:386px; height:auto;} #main .review .review_list > li:first-child .box .info, #main .review .review_list > li:nth-child(2) .box .info {padding-left:0;} #main .review .review_list > li:first-child .star, #main .review .review_list > li:nth-child(2) .star {padding:30px 0 5px;} #main .review .review_list > li:first-child .box .subject_name, #main .review .review_list > li:nth-child(2) .box .subject_name {margin-bottom:13px; padding:0 30% 10px 0;} #main .review .review_list > li:first-child .box .subject, #main .review .review_list > li:first-child .box .subject * , #main .review .review_list > li:nth-child(2) .box .subject, #main .review .review_list > li:nth-child(2) .box .subject * {font-size:17px;} #main .instagram {padding-bottom:100px; background:#f7f7f7;} #main .instagram .insta_list {width:1220px; margin-left:-20px;} #main .instagram .insta_list:after {display:block; clear:both; content:'';} #main .instagram .insta_list li {float:left; width:224px; margin:0 0 20px 20px;} /* (/shop/big_section.php) */ #big_section .best_area {clear:both; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #e0e0e0;} #big_section .sub_category {text-align:center;} #big_section .sub_category li {display:inline; padding:0 10px;} #big_section .sub_category li a {color:#888;} #big_section .sub_category li a:hover {color:#333;} /* (/shop/detail.php) */ #detail {margin-top:50px;} #detail .wrap_prd {overflow:hidden; position:relative;margin-bottom: 50px;} #detail .wrap_prd > .prdimg {float:left; width:734px;} #detail .wrap_prd > .prdimg .img {overflow:hidden; width:100%; text-align:right;padding: 15px 30px 0 0;} #detail .wrap_prd > .prdimg .img img {max-width:500px; max-height:500px;margin: 0 auto;} #detail .wrap_prd > .prdimg .addimg {margin-top:10px;} #detail .wrap_prd > .prdimg .addimg .box_add_slide {overflow:hidden; width:500px;} #detail .wrap_prd > .prdimg .addimg .add_slide {display:none; width:510px;} #detail .wrap_prd > .prdimg .addimg .add_slide.slick-initialized {display:block;} #detail .wrap_prd > .prdimg .addimg .add_slide > div img {width:92px; height:92px;} #detail .wrap_prd > .prdimg .addimg .add_slide > div img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: .5;} #detail .wrap_prd > .prdimg .addimg .add_slide .slick-prev {position:absolute; left:0; top:0; z-index:5; height:92px; background:url('/design/jsnlab/common/bullet_arrow_prev.png') no-repeat center; background-color:rgba(200,200,200,0.5)} #detail .wrap_prd > .prdimg .addimg .add_slide .slick-next {position:absolute; right:10px; top:0; z-index:5; height:92px; background:url('/design/jsnlab/common/bullet_arrow_next.png') no-repeat center; background-color:rgba(200,200,200,0.5)} #detail .wrap_prd > .info {float:right; width:600px;padding-left: 50px;} #detail .wrap_prd > .info > h3 {color:#000; font-size:28px;padding-bottom: 5px;} #detail .wrap_prd > .info > .price {padding-bottom: 15px;} #detail .wrap_prd > .info > .price .sell .price {font-size: 27px;color: #ff6600;} #detail .wrap_prd > .info > h3 > img {margin:0 2px; vertical-align:middle;} #detail .wrap_prd > .info > .price del {color:#ccc;display: inline-block;margin-right: 10px;font-size: 22px;} #detail .wrap_prd > .info > .price .dis {display: inline-block;font-size: 22px;padding: 0 0 0 10px;color: #4a4a4a;} #detail .wrap_prd > .info > .price .dis span {display: inline-block;font-size: 22px;color: #4a4a4a;} #detail .wrap_prd > .info > .price .sell, #detail .wrap_prd > .info > .price .sell * {color:#111; font-size:27px;} #detail .wrap_prd > .info > .price .sell strong {color: #ff6600;} #detail .wrap_prd > .info > .price .sell strong span {color: #ff6600;} .delivery_txt {font-size: 20px;color: #707070;} #detail .wrap_prd > .info > .price .coupon {display:inline-block; padding-right:20px; background:url('/design/jsnlab/shop/download_coupon.png') no-repeat 90% center #676767; cursor:pointer;} #detail .wrap_prd > .info > .price .coupon strong {display:inline-block; padding:2px 5px; background:#363636; color:#fff; font-size:11px; font-weight:normal; letter-spacing:-1px;} #detail .wrap_prd > .info .pop_coupon {display:none; position:fixed; left:50%; top:100px; z-index:1001; width:568px; padding:40px; border:1px solid #d9d9d9; margin-left:-325px; background:#fff;} #detail .wrap_prd > .info .pop_coupon h2 {color:#000; font-size:22px;} #detail .wrap_prd > .info .pop_coupon .count {margin-top:20px; padding:15px 20px; background:#fafafa;} #detail .wrap_prd > .info .pop_coupon .list {overflow:auto; max-height:200px; margin-top:10px; border-top:1px solid #e0e0e0;} #detail .wrap_prd > .info .pop_coupon .list li {position:relative; padding:15px 100px 15px 15px; border-bottom:1px solid #e0e0e0; text-align:left;} #detail .wrap_prd > .info .pop_coupon .list a {position:absolute; right:15px; top:10px; padding:5px 10px; background:#363636; color:#fff; cursor:pointer;} #detail .wrap_prd > .info .pop_coupon .close {display:inline-block; position:absolute; right:20px; top:20px; width:21px; height:21px; background:url('/design/jsnlab/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} #detail .wrap_prd > .info > .summary {padding-bottom: 10px;padding-top: 0;font-size: 15px;color: #999;} #detail .wrap_prd > .info > .list {width:100%; margin-top:0;} #detail .wrap_prd > .info > .list th {padding:5px 5px 5px 15px; background:url('/design/jsnlab/common/bullet_check.png') no-repeat left center; color:#666; font-weight:normal; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info > .list td {padding:5px 0 0 0; color:#888; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info > .list td select {width:100%;height: 40px;border: 1px solid #9da0a5;border-radius: 0;background: #fff;font-size: 15px;} #detail .wrap_prd > .info > .list td .box_qty .form_input {width:130px;} #detail .wrap_prd > .info > .list .milage_info {display:inline-block; position:relative;} #detail .wrap_prd > .info > .list .milage_info .info {display:none; position:absolute; left:20px; top:-8px; z-index:10; width:150px; padding:5px 10px; border:1px solid #dcdcdc; background:#fff;} #detail .wrap_prd > .info > .list .milage_info:hover .info {display:block;} #detail .wrap_prd > .info > .multi_opt {margin-top:0;} #detail .wrap_prd > .info > .multi_opt .selected_list > li {position:relative; padding:15px 20px; border-top:1px solid #ebebeb; background:#fafafa;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .name {display:inline-block; width:270px; word-break:break-all;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price {float:right;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price span {margin-left:30px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price .del img {margin-top:3px; vertical-align:top;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty {position:absolute; left:300px; top:7px;} #detail .wrap_prd > .info > .multi_opt .opt_total {position:relative; padding:35px 0 35px 0; border:1px solid #e0e0e0; border-width:1px 0; text-align:right;border-top: 1px solid #9a9ba0;} #detail .wrap_prd > .info > .multi_opt .opt_total .title {font-weight: bold;position:absolute; left:0; top:50%; margin-top:-15px;font-size: 20px;} #detail .wrap_prd > .info > .multi_opt .opt_total strong, #detail .wrap_prd > .info > .multi_opt .opt_total strong * {color:#222; font-size:20px;} #detail .wrap_prd > .info > .multi_opt .opt_total .coupon {display:inline-block; margin-right:5px; padding:2px 20px 2px 5px; border:1px solid #c3c3c3; background:url('/design/jsnlab/shop/apply_coupon.png') no-repeat 90% center; font-size:11px; cursor:pointer;} #detail .wrap_prd > .info > .multi_opt .opt_total .coupon:hover {background-color:#f5f5f5;} #detail .wrap_prd > .info > .btn {margin-top:20px; font-size:0;} #detail .wrap_prd > .info > .btn .box_btn {font-size:0;} #detail .wrap_prd > .info > .btn .buy * {width:229px; margin:0 8px;height: 66px;line-height: 66px;font-size: 25px;font-weight: bold;background: #000;color: #fff;text-align: center;border: 0;padding: 0;float: left;box-sizing: border-box;} #detail .wrap_prd > .info > .btn .cart * {width:238px;height: 66px;line-height: 66px;font-size: 25px;font-weight: bold;background: #fff;color: #000;text-align: center;border: 0;padding: 0;float: right;box-sizing: border-box;border: 1px solid #707070;} #detail .wrap_prd > .info > .btn .wish * {width:66px; height:66px; background-image:url('/design/jsnlab/button/wish.png'); background-repeat:no-repeat; background-position:center; text-indent:-9999px;} #detail .wrap_prd > .info > .btn .wish.on * {background-image:url('/design/jsnlab/button/wish_on.png');} #detail .wrap_prd > .info > .btn .pay {text-align:right;} #detail .wrap_prd > .info > .btn .pay > div {margin-top:10px;} #detail .wrap_prd > .info > .count_share {margin-top:20px;display: none;} #detail .wrap_prd > .info > .count_share:after {display:block; clear:both; content:'';} #detail .wrap_prd > .info > .count_share .count {float:left; color:#888;} #detail .wrap_prd > .info > .count_share .count span {text-decoration:underline;} #detail .wrap_prd > .info > .count_share .sns {float:right;} #detail .wrap_prd > .info > .count_share .sns a {display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:center; text-indent:-9999px;} #detail .wrap_prd > .info > .count_share .sns a > span.kakao {display:block; height:100%; background:url('/design/jsnlab/shop/icon_kakao.png') no-repeat center;} #detail .wrap_prd > .info > .count_share .sns a > span.kakaostory {display:block; height:100%; background:url('/design/jsnlab/shop/icon_kakaostory.png') no-repeat center;} #detail .wrap_prd > .info > .count_share .sns a.facebook {background-image:url('/design/jsnlab/shop/icon_facebook.png');} #detail .wrap_prd > .info > .count_share .sns a.twitter {background-image:url('/design/jsnlab/shop/icon_twitter.png');} #detail .wrap_info {clear:both; margin-top:100px; } #detail .wrap_info .tab_area {height:120px;} #detail .wrap_info .tab_area > .tab {overflow: hidden;padding: 0; text-align:center; font-size:0;border-bottom: 2px solid #000;border-left: solid 1px #ddd;border-right: solid 1px #ddd;} #detail .wrap_info .tab_area > .tab li {display:block;float: left;width: 33.333333333%; position:relative; background: #fff;border-left: solid 1px #ddd;border-top: solid 1px #ddd;box-sizing: border-box;border-bottom: none;} #detail .wrap_info .tab_area > .tab li:after {display:none; position:absolute; left:0; top:3px; width:1px; height:10px; background:#dedede; content:'';} #detail .wrap_info .tab_area > .tab li:first-child:after {display:none;} #detail .wrap_info .tab_area > .tab li a {color:#9da0a5;font-size:18px;height: 58px;line-height: 58px;font-weight: 400;transition:all .3s ease; cursor:pointer;display: block;text-decoration: none;} #detail .wrap_info .tab_area > .tab li a span {color:#9da0a5; font-size:18px;transition: all .3s ease;} #detail .wrap_info .tab_area > .tab li a.active {color:#fff;background-color: #000;font-weight: 500;} #detail .wrap_info .tab_area > .tab li a.active span {color:#fff;font-weight: 500;} #detail .wrap_info .tab_area > .tab li a:hover {color:#fff;background-color: #000;font-weight: 500;} #detail .wrap_info .tab_area > .tab li a:hover span {color:#fff;font-weight: 500;} #detail .wrap_info .tab_area > .tab.fixed {position:fixed; left:50%; top:0; z-index:10;width: 1334px;margin-left: -667px;border-bottom:1px solid #e0e0e0; background:#fff;} #detail .wrap_info .tabcnt_detail {padding-top:50px;} #detail .wrap_info .tabcnt_detail.tabcnt_detail0 {padding-top:0;} #detail .wrap_info .btn_bottom {margin-top:20px; text-align:right;} #detail .wrap_info .detail_info, #detail .wrap_info .common_info {word-break:break-all;} #detail .wrap_info .detail_info {margin-bottom:30px;} #detail .wrap_info .detail_info * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;} #detail .wrap_info .detail_info img, #detail .wrap_info .common_info img {max-width:100%; height:auto; font-size:0; line-height:0;} #detail .wrap_info .title_related {padding:12px 0; font-style:italic; font-size:18px; font-weight:normal; text-align:center;} /* (/shop/detail_popup.php) */ #detail_pop {position:relative; padding:30px;} #detail_pop #detail {margin-top:0;} #detail_pop .close {display:inline-block; position:absolute; right:20px; top:20px; z-index:10; width:21px; height:21px; background:url('/design/jsnlab/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} /* (/shop/zoom.php) */ #zoomimg {text-align:center;} #zoomimg h2 {padding:10px 60px 10px 20px; background:#676767; color:#fff; font-size:14px; text-align:left;} #zoomimg .img {margin:40px auto 10px;} #zoomimg .img img {max-width:500px; max-height:500px;} #zoomimg .list {width:500px; margin:10px auto 0;} #zoomimg .list li {float:left; margin:0 0 10px 10px;} #zoomimg .list li:nth-child(5n+1) {margin-left:0 !important;} #zoomimg .list li img {max-width:92px; max-height:92px;} #zoomimg .list:after {display:block; clear:both; content:'';} #zoomimg .box_btn {position:absolute; right:10px; top:7px;} /* (/shop/cart.php), (/shop/order.php) */ .enterprise {padding-top:30px;} .enterprise.headY {padding-top:0;} .enterprise .msg_delivery {padding-bottom:10px;} /* (/shop/cart.php) */ #cart .area_left {margin-top:20px;} #cart .area_left .btn {overflow: hidden;} #cart .area_left .btn .ac_left {float: left;} #cart .area_left .btn .ac_right {float: right;} #cart .area_left .msg {margin-top:60px; padding-left:25px;} #cart .area_left .msg dt {padding-bottom:10px; font-weight:bold;} #cart .area_left .msg dd {color:#888; font-size:11px; line-height:1.8;} #cart .area_right {margin-top:30px;} #cart .area_right .box {background:#f8f8f8;} #cart .area_right .box.mim {border:1px solid #c3c3c3; background:#fff;} #cart .area_right .box .box_btn {margin-top:10px;} #cart .pay {clear:both; text-align:right;} #cart .pay > div {padding-top:10px;} .cart_change_option {width:480px; padding:40px 50px;} .cart_change_option h3 {font-size:20px; font-weight:normal;} .cart_change_option .opt {margin-bottom:15px; padding:5px 0 15px; border-bottom:1px solid #e0e0e0;} .cart_change_option .opt span {display:inline-block; padding:5px; border-radius:5px; background:#eee; color:#666;} .cart_change_option table {width:100%; table-layout:fixed;} .cart_change_option table > thead {display:none;} .cart_change_option table > tbody > tr > th {padding:5px 0 5px 23px; background:url('/design/jsnlab/common/bullet_check.png') no-repeat 7px center; font-weight:normal; text-align:left; line-height:34px;} .cart_change_option table > tbody > tr > td {padding:5px; vertical-align:middle;} .cart_change_option table > tbody > tr > td select {width:100%;} .cart_change_option table > tbody > tr > td .box_qty {width:100%;} .cart_change_option .total {position:relative; margin-top:15px; padding:15px 10px; border:1px solid #e0e0e0; border-width:1px 0;} .cart_change_option .total .price {position:absolute; right:15px; top:8px;} .cart_change_option .total .price strong {font-size:20px;} .cart_change_option .btns {margin-top:20px; text-align:center;} #cart .cart_sum {position:relative; padding:30px 60px; border-bottom:1px solid #dadada; background:#f8f8f8; text-align:right;} #cart .cart_sum:after {display:block; clear:both; content:'';} #cart .cart_sum .delivery_msg {position:absolute; left:30px; top:50%; z-index:10; margin-top:-7px; text-align:left; font-weight:bold;} #cart .cart_sum table {width:25%; float:right;} #cart .cart_sum table th {padding:5px 0; color:#666; font-weight:normal; text-align:left;} #cart .cart_sum table td {padding:5px 0; color:#666; text-align:right;} #cart .cart_prc > .after {display:none;} #cart .cart_prc.is_sale > .before {text-decoration:line-through;} #cart .cart_prc.is_sale > .after {display:block;} /* (/shop/order.php) */ #order:after {display:block; clear:both; content:'';} #order .guest {padding-bottom:40px;} #order .guest .agree_guest {padding-bottom:20px;} #order .guest .box_frame {border:1px solid #ebebeb;} #order .guest .box_frame iframe {width:100%; height:162px; border:0;} #order .print_receipt {padding-bottom:10px; text-align:right; line-height:30px;} #order .area_left {} #order .area_right {} #order .area_right .inner.fixed {position:fixed; right:50%; top:0; margin-right:-600px;} #order .area_right .box {} #order .area_right .box .line {border-bottom:1px solid #dfdfdf;} #order .coupon_list li {position:relative; margin-top:10px; padding-left:25px;} #order .coupon_list li:first-child {margin-top:0;} #order .coupon_list li .check {position:absolute; left:0; top:-2px;} #order .coupon_list li .name {font-weight:bold;} #order .coupon_list li .content {font-size:11px;} #order .offcpn #off_cpn_div2, #order .offcpn #off_cpn_img2 {display:none;} #order .offcpn #off_cpn_div2 p {margin-bottom:5px;} #order .offcpn #off_cpn_div2 .offbtn {text-align:right;} #order .offcpn .box_btn.small a {min-width:89px;} #order .title_delivery h3.title {display:inline-block;} #order .title_delivery label.msg {margin-left: 5px;} #order .method > div {position:relative; padding:25px 0 10px 25px;} #order .method > div > label {position:absolute; left:0; top:0; cursor:pointer;} #order .method > div .msg_pay {padding:0 !important; color:#999 !important;} #order .method > div .bank_name {display:none;} #order .method > div #cash_reg {padding:5px 0 !important;} #order .method > div #cash_reg span {color:#999 !important;} #order .method > div select {width:100%; margin-bottom:5px;} #order .order_cancel_msg {color:#666;} #order #order1 {margin-top:25px; padding-top:25px; border-top:1px solid #dfdfdf;} #order #order1 > label {display:block; position:relative; padding:15px 15px 15px 40px; background:#e7e7e7; cursor:pointer;} #order #order1 > label > input {position:absolute; left:15px; top:15px;} #order #order1 .box_btn {margin-top:10px;} #order #order2 {display:none; clear:both; margin-top:30px; padding:50px 0; border:1px solid #dedede; text-align:center;} #order #order2 .total_info {font-size:16px; font-weight:bold;} #order #order2 .total_info strong, #order #order2 .total_info strong * {font-size:inherit;} #order #order2 .msg {padding:23px 0; color:#888;} /* (/shop/order_finish.php) */ #orderfin {width:640px; margin:0 auto; text-align:center;} #orderfin h3 {padding-bottom:20px; text-align:left;} #orderfin .box {margin-bottom:30px; padding:40px 80px; background:#f5f5f5;} #orderfin .info {padding-bottom:30px;} #orderfin .info .bank {padding-bottom:20px; color:#888;} #orderfin .info .email {color:#888;} #orderfin .box_gift .box_btn {margin-top:20px;} #orderfin .btn {padding-top:20px; text-align:center;} /* (/shop/search_result.php) */ #search_result .re_search {position:relative; height:60px; padding-right:60px; background:#fafafa;} #search_result .re_search:after {display:inline-block; position:absolute; right:60px; top:17px; width:1px; height:25px; background:#d5d5d5; content:'';} #search_result .re_search .form_input.search {height:60px; border-color:#fafafa; background:transparent; font-size:14px;} #search_result .re_search .btn {position:absolute; right:0; top:0; padding:17px;} #search_result .check {padding:10px 0;} #search_result .rank {position:relative; z-index:2; width:220px; padding:18px 0;} #search_result .rank ol {overflow:hidden; position:absolute; right:0; top:0; width:124px; height:45px; border:1px solid #fff; padding:10px 0; background:url('/design/jsnlab/common/arrow_down.png') no-repeat 95% center #fff;} #search_result .rank ol li {overflow:hidden; padding:5px 8px; text-overflow:ellipsis; white-space:nowrap;} #search_result .rank ol li span {display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%; background:#ebebeb; font-size:11px; font-weight:bold; text-align:center; line-height:18px;} #search_result .rank ol:hover {height:auto; border:1px solid #dcdcdc; background-image:none;} #search_result .category {border:1px solid #e0e0e0; background:#fff;} #search_result .result_cate {overflow:hidden; padding:0 25px; border-top:1px solid #e0e0e0;} #search_result .result_cate:first-child {border-top:0;} #search_result .result_cate:after {clear:both;} #search_result .result_cate .kind {float:left; line-height:38px;} #search_result .result_cate .list {width:85%; margin-left:15%; text-align:left;} #search_result .result_cate .list li {overflow:hidden; text-overflow:ellipsis; float:left; width:20%; height:40px; white-space:nowrap; line-height:38px;} #search_result .result_cate .list li a {color:#777; font-size:11px;} #search_result .result_cate .list li a.selected {font-weight:bold;} #search_result .result_cate .list li span {color:#aaa; font-size:11px;} /* (/shop/product_review_list.php & /shop/product_qna_list.php) */ #qnarev_list_all > .btn {position:relative; bottom:-30px; height:0;} #qnarev_list_all > .btn .box_btn {position:absolute; right:0; top:0;} #qnarev_list_all .board_search {clear:both; text-align:center;} #qnarev_list_all .board_search form {display:inline-block; margin:30px auto 0; padding:5px; border:1px solid #dcdcdc; text-align:center;} #qnarev_list_all .board_search select {border:0;} #qnarev_list_all .board_search input.form_input.search {width:300px; border-width:0 1px;} #qnarev_list_all .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('/design/jsnlab/button/search_s.png') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;} /* (/shop/product_review.php & /shop/product_qna.php) */ .qnarev_list .prd {overflow:hidden; position:relative; min-height:150px; padding:40px 50px; margin-bottom:32px; background:#fafbfb; color:#474645;} .qnarev_list .prd .img {float:left; width:150px;} .qnarev_list .prd .img img {width:150px; height:auto;} .qnarev_list .prd .info {float:left; padding-left:40px; text-align:left;} .qnarev_list .prd .info .name {padding-bottom:20px; font-weight:bold;} .qnarev_list .prd .info .name img {padding-right:5px; vertical-align:middle;} .qnarev_list .prd .info ul li {padding:5px 0; color:#666;} .qnarev_list .prd .info ul li .nprice {text-decoration:line-through;} .qnarev_list .prd .btn_related {padding-top:20px;} .qnarev_list .btn {padding-top:20px; text-align:right;} .qnarev_list .qnarev_cnt {padding:0; border:0;} .qnarev_list .qnarev_cnt > div {display:none; padding:40px; border-bottom:1px solid #e0e0e0; text-align:left; word-break:break-all; word-wrap:break-word;} .qnarev_list .qnarev_cnt .question, .qnarev_list .qnarev_cnt .answer {position:relative; min-height:40px; padding-left:50px;} .qnarev_list .qnarev_cnt .question {padding:0 0 20px 50px; border-bottom:1px solid #e5e5e5;} .qnarev_list .qnarev_cnt .question img {max-width:100%; height:auto;} .qnarev_list .qnarev_cnt .answer {margin-top:20px;} .qnarev_list .qnarev_cnt .icon {display:inline-block; position:absolute; left:0; top:0; width:28px; height:28px; border-radius:50%; background:#777474; color:#fff; font-family:'arial'; text-align:center; line-height:28px;} .qnarev_list .qnarev_cnt .answer .icon {background:#ef6363;} .qnarev_list .qnarev_cnt .btn {text-align:left;} .qnarev_list .qnarev_cnt .comment {padding-top:20px;} #pwbox {padding:40px 0; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;} #pwbox h3 {padding-bottom:15px;} #pwbox p {margin-bottom:20px; color:#888;} #pwbox .form_input {width:330px; margin-bottom:20px;} .qnarev_write {width:100%; margin:20px 0; background:#f5f5f5; text-align:center;} .qnarev_write > div > form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;} .qnarev_write fieldset > div {position:relative; margin-bottom:10px;} .qnarev_write fieldset > div:last-child {margin-bottom:0;} .qnarev_write fieldset > div > label {display:none;} .qnarev_write fieldset > div.name {min-height:34px; padding-right:100px; line-height:34px; font-weight:bold;} .qnarev_write fieldset > div.name .form_input {float:left; width:49%;} .qnarev_write fieldset > div.name .form_input.pw {float:right;} .qnarev_write fieldset > div.name .check {position:absolute; right:0; top:5px;} .qnarev_write fieldset > div.name.nopd {padding-right:0;} .qnarev_write fieldset > div.contents {background:#fff;} .qnarev_write fieldset > div.grade > label {display:inline-block; vertical-align:middle;} .qnarev_write fieldset select {width:100%;} .qnarev_write .btn {padding:20px 0; text-align:center !important;} #qnarevmod .modi_pwd, #qnarevmod .modi_cnt {display:none;} #qnarevmod .modi_cnt .qnarev_write > form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;} /* (/shop/poll_list.php) */ #poll .subject {padding:15px 30px; border:1px solid #e0e0e0; border-width:1px 0; text-align:left;} #poll .subject strong {padding-left:40px;} #poll .box {padding:30px; border-bottom:1px solid #e0e0e0; background:#fbfbfb;} #poll .box .vote {margin-top:30px; padding:30px; border:1px solid #e0e0e0; background:#fff;} #poll .box .vote table {width:100%; margin:0 auto; table-layout:fixed;} #poll .box .vote table > thead {display:none;} #poll .box .vote table > tbody > tr > td {padding:2px 0;} #poll .box .vote table > tbody > tr > td .graph {height:5px; background:#b1b1b1;} #poll .btn {margin:10px 0 40px 0; text-align:right;} #poll .commentdel {padding:20px 0; border:1px solid #e0e0e0; border-bottom:0; background:#fff; text-align:center;} #poll .commentdel .msg {padding-top:5px;} .quickcart {position:relative;} .quickcart > a {display:inline-block; padding:0 10px; color:#666; font-size:11px; line-height:30px;} .quickcart > a:hover {color:#d53838;} .quickcart .list {position:absolute; right:0; z-index:20; width:300px; padding:10px; border:1px solid #e0e0e0; background:#fff;} .quickcart .list .frame {overflow:auto; max-height:300px;} .quickcart .list .frame table {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;} .quickcart .list .frame table caption {padding:10px 0; color:#181818; font-weight:bold; text-align:left;} .quickcart .list .frame table thead {display:none;} .quickcart .list .frame table td {position:relative; padding:10px 0; border-top:1px solid #e0e0e0; text-align:center; vertical-align:middle;} .quickcart .list .frame table td.info {padding:0 10px; text-align:left;} .quickcart .list .frame table td.info .mall {font-size:11px;} .quickcart .list .frame table td .del {position:absolute; right:0; top:10px;} .quickcart .list .box_price {padding:10px; border:1px solid #e0e0e0; border-width:1px 0; background:#f8f8f8;} .quickcart .list .btn > span {margin-top:10px;} #prdCouponArea {margin-left:-325px !important;} #pop_coupon2 {position:relative; width:568px; padding:40px; border:1px solid #d9d9d9; background:#fff;} #pop_coupon2 h2 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; color:#000; font-size:22px;} #pop_coupon2 .box {overflow:auto; max-height:400px; margin:-1px 0;} #pop_coupon2 .box .tbl_col .img img {width:60px; height:auto;} #pop_coupon2 .box .usable_cpn {padding:8px 0; text-align:left;} #pop_coupon2 .box .usable_cpn > li {position:relative; padding:2px 60px 2px 0;} #pop_coupon2 .box .usable_cpn > li > label {display:inline-block; cursor:pointer;} #pop_coupon2 .box .usable_cpn > li > label > span {color:#df7e7e;} #pop_coupon2 .box .usable_cpn > li > .expiry {position:absolute; right:0; top:2px; color:#888;} #pop_coupon2 .btn {padding-top:30px; border-top:1px solid #dbdbdb; text-align:center;} #pop_coupon2 .close {display:inline-block; position:absolute; right:20px; top:20px; width:21px; height:21px; background:url('/design/jsnlab/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} .box_member_wrap {overflow: hidden;width: 1240px;margin: 50px auto 0 auto;} .box_member {width:520px;position: relative;float:left;margin-right: 20px;} .box_member_guide {float: left;width: 700px;margin-top: 46px;} .box_member fieldset {position:relative;} .box_member fieldset.login_field {border-bottom:1px solid #e0e0e0;padding-right: 175px;} .login_btn {position: absolute;right: 0;top: 0;} .login_btn a {width: 160px;height: 129px;background-color: #000;font-size: 20px;text-align: center;line-height: 129px;color: #fff;padding: 0;} .box_member fieldset .fld input {width: 100%;height: 58px;line-height: 58px;font-size: 15px;box-sizing: border-box;padding: 0 15px!important;color: #4a4a4a;background-color: #fff;border: 1px solid #d9d9d9;} .box_member fieldset legend {padding:25px 0; font-weight:bold;} .box_member fieldset .fld {margin-bottom:13px; font-size:0;} .box_member fieldset .fld label {display:none;} .box_member fieldset .savessl {margin-bottom:15px;} .box_member fieldset .savessl label {color:#999; font-size:11px;} .box_member fieldset .select {position:absolute; right:0; top:23px;} .box_member .form_input.member {height:50px; padding:0 10px; border-color:#f5f5f5; background:#f5f5f5;} .box_member .form_input.member:focus {border-color:#000;} .box_member .form_input.member.number_first {width:32%;} .box_member .form_input.member.number {width:33%; margin-left:1%;} .box_member .find_id_item_2, .box_member .find_id_item_3, .box_member .find_pw_item_2, .box_member .find_pw_item_3 {display:none;} .box_member_wrap .subtitle {font-size: 30px;padding: 0 0 10px 0;text-align: left;color: #2e2e2e;} .savessl .MS_security_checkbox {margin-right: 5px;} #chk_save_id {margin: 0 5px;} .login-find {padding: 40px 0 45px;text-align: center;} .login-find li {float: none;display: inline-block;padding: 0 27px;background: none;font-size: 13px;color: #484848;position:relative;} .login-find li:after {content: "";display: block;background-color: #eeeeee;width: 1px;height: 19px;position: absolute;right: 0;top: 0;} .login-find li.last:after {display: none;} .login-find li a {color: #2e2e2e;font-size: 13px;} .snsArea {overflow: hidden;margin: 0 -5px;} .snsArea li {padding-right: 5px;padding-left: 5px;float: left;width: 50%;} .snsArea li a {display: block;width: 100%;height: 45px;line-height: 45px;font-size: 13px;color: #474747;border: 1px solid #d4d4d4;font-size: 13px;text-align: center;} .snsArea li a span {display: inline-block;padding-left: 30px;position: relative;} .snsArea li a span:before {display: block;content: "";position:absolute;left:0;} .snsArea li a.kakao span:before {width: 18px;height: 17px;background: url('/design/jsnlab/img/sub/login_kakao.png') no-repeat 0 0;top:1px;} .snsArea li a.naver span:before {width: 15px;height: 14px;background: url('/design/jsnlab/img/sub/login_naver.png') no-repeat 0 0;top:2px;} /* (/member/login.php) */ #login .guest_order {margin-bottom:30px;} #login .fail {position:relative; margin-bottom:20px; padding:18px 10px; border-radius:10px; background:#fae4e8; color:#d53838; text-align:center;} #login .fail:after {position:absolute; left:50%; bottom:-6px; width:0; height:0; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:6px solid #fae4e8; content:'';} #login .simple {padding:30px 0; border-bottom:1px solid #e0e0e0; color:#666; text-align:center;} #login .simple p {padding-bottom:20px; color:#666;} #login .simple p strong {font-size:14px;} #login .simple a {display:inline-block; width:44px; height:44px; margin:0 5px; border-radius:50%; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;} #login .simple a.naver {background-color:#5ebc67; background-image:url('/design/jsnlab/member/icon_naver.png');} #login .simple a.naver:hover {border-radius:0; background-color:#519c58;} #login .simple a.facebook {background-color:#5e85bc; background-image:url('/design/jsnlab/member/icon_facebook.png');} #login .simple a.facebook:hover {border-radius:0; background-color:#4f709f;} #login .simple a.kakao {background-color:#f4cf50; background-image:url('/design/jsnlab/member/icon_kakao.png');} #login .simple a.kakao:hover {border-radius:0; background-color:#ddbc4b;} #login .simple a.payco {background-color:#e72a2d; background-image:url('/design/jsnlab/member/icon_payco.png');} #login .simple a.payco:hover {border-radius:0; background-color:#d73a3c;} #login .simple a.wonder {background-color:#1a1a1c; background-image:url('/design/jsnlab/member/icon_wonder.png');} #login .simple a.wonder:hover {border-radius:0; background-color:#000;} #login .joinfind {padding-top:30px;} #login .joinfind p {position:relative; margin:7px 0; color:#666; font-size:12px;} #login .joinfind p a {position:absolute; right:0; top:0; text-decoration:underline;} .pop_find_id {position:fixed; left:50%; top:100px; z-index:1001; width:400px; border:1px solid #dcdcdc; margin-left:-200px; background-color:#fff;} .pop_find_id h1 {height:49px; padding:0 10px; background-color:#676767; color:#fff; font-size:16px; font-weight:normal; line-height:49px;} .pop_find_id > .box {padding:30px;} .pop_find_id > .box > h2 {color:#333; font-size:20px; font-weight:normal;} .pop_find_id > .box > .msg {padding-top:15px;} .pop_find_id > .box > .input {position:relative; height:50px; margin-top:15px; padding-right:113px; background-color:#f5f5f5;} .pop_find_id > .box > .input:after {position:absolute; right:113px; top:50%; width:1px; height:22px; margin-top:-11px; background-color:#dbdbdb; content:'';} .pop_find_id > .box > .input > .input_number {width:100%; height:50px; padding:0 10px; border:0; background-color:transparent;} .pop_find_id > .box > .input > .btn {position:absolute; right:0; top:0; width:113px; height:50px; border:0; background-color:#f5f5f5; font-weight:bold; cursor:pointer;} .pop_find_id > .box > .form_input {height:50px; margin-top:10px;} .pop_find_id > .box > .box_btn {margin-top:20px;} .pop_find_id > .box > .pop_id_list {padding-top:25px;} .pop_find_id > .box > .pop_id_list .list {overflow:auto; max-height:100px; margin-top:10px; padding:5px 0; border:1px solid #d2d2d2; border-width:1px 0; background-color:#f5f5f5;} .pop_find_id > .box > .pop_id_list .list li {position:relative; padding:5px; text-align:left;} .pop_find_id > .box > .pop_id_list .btn {padding-top:20px; text-align:center;} .pop_find_id > .box > .close {display:inline-block; position:absolute; right:14px; top:14px; width:21px; height:21px; background:url('/design/jsnlab/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} #modify_pwd .modify_id {padding-bottom:20px; font-size:14px; font-weight:bold;} /* (/member/join_step1.php) */ #join_agree {width:640px; margin:0 auto; text-align:center;} #join_agree .check {padding-bottom:17px; text-align:left;} #join_agree .check label {font-weight:bold; cursor:pointer;} #join_agree iframe {width:100%; height:222px; margin-bottom:40px; border:1px solid #d9d9d9; background:#fff;} #join_agree .member_type {padding:20px 0 30px;} #join_agree .member_type label {margin:0 10px;} #join_agree .btn {text-align:center;} #join_agree .simple {padding:30px 0; text-align:center;} #join_agree .simple a {display:inline-block; width:44px; height:44px; margin:0 5px; border-radius:50%; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;} #join_agree .simple a.naver {background-color:#5ebc67; background-image:url('/design/jsnlab/member/icon_naver.png');} #join_agree .simple a.naver:hover {border-radius:0; background-color:#519c58;} #join_agree .simple a.facebook {background-color:#5e85bc; background-image:url('/design/jsnlab/member/icon_facebook.png');} #join_agree .simple a.facebook:hover {border-radius:0; background-color:#4f709f;} #join_agree .simple a.kakao {background-color:#f4cf50; background-image:url('/design/jsnlab/member/icon_kakao.png');} #join_agree .simple a.kakao:hover {border-radius:0; background-color:#ddbc4b;} #join_agree .simple a.payco {background-color:#e72a2d; background-image:url('/design/jsnlab/member/icon_payco.png');} #join_agree .simple a.payco:hover {border-radius:0; background-color:#d73a3c;} #join_agree .simple a.wonder {background-color:#1a1a1c; background-image:url('/design/jsnlab/member/icon_wonder.png');} #join_agree .simple a.wonder:hover {border-radius:0; background-color:#000;} /* �뚯썝媛��� �뺣낫�낅젰(/member/join_frm.php) */ #join_input {width:640px; margin:0 auto;} #join_input fieldset {margin:30px 0;} #join_input fieldset legend {margin-bottom:20px; font-size:12px; font-weight:bold;} #join_input fieldset .box {padding:50px 46px; background:#fafafa;} #join_input fieldset .box > div {position:relative; margin-bottom:10px;} #join_input fieldset .box > div:last-child {margin-bottom:0;} #join_input fieldset .box > div > label {display:none;} #join_input fieldset .box .warning {display:none; position:relative; padding:5px; border-radius:5px; background:#fae4e8; color:#d53838;} #join_input fieldset .box .warning:after {position:absolute; left:15px; top:-6px; width:0; height:0; margin-left:-8px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fae4e8; content:'';} #join_input fieldset .box input:focus+.warning {display:block;} #join_input fieldset .box .msg, #join_input fieldset .box .msg * {color:#999; font-size:11px;} #join_input fieldset .box .addbtn .check {display:inline-block; position:absolute; right:0; top:0; height:34px; padding:0 13px; font-weight:bold; line-height:35px;} #join_input fieldset .box .addbtn .check:hover {color:#d53838;} #join_input fieldset .box .addbtn .check:after {position:absolute; left:0; top:6px; width:1px; height:22px; background:#e5e5e5; content:'';} #join_input fieldset .box .addbtn .middle_address {margin:2px 0;} #join_input fieldset .box .email .form_input.first {width:35%;} #join_input fieldset .box .email .form_input.second {width:35%;} #join_input fieldset .box .email span {margin:0 3px; line-height:35px;} #join_input fieldset .box .email select {position:absolute; right:0; top:0; width:25%;} #join_input fieldset .box .birth {position:relative; margin-bottom:10px;} #join_input fieldset .box .birth > label {display:none;} #join_input fieldset .box .birth select {width:20%;} #join_input fieldset .box .birth .sl {position:absolute; right:0; top:5px;} #join_input fieldset .box .type2 {position:relative; margin-bottom:10px;} #join_input fieldset .box .type2 > label {display:block; padding-bottom:5px; font-weight:bold;} #join_input fieldset .box .type2 .select {position:absolute; right:0; top:0;} #join_input fieldset .box .type2 .select label {margin-left:10px;} #join_input fieldset .box .line {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #dcdcdc;} #join_input fieldset.biz .licensee_num .form_input {width:32%;} #join_input fieldset.biz .licensee_num .form_input.second {margin:0 2%;} #join_input fieldset.addfd .box > div {margin-bottom:20px;} #join_input fieldset.addfd .box > div > label {display:block; font-weight:bold;} #join_input .btn {margin-top:30px; text-align:center;} #join_input.simple fieldset .box .name {position:relative; margin-bottom:10px;} #join_input.simple fieldset .box .name label {display:none;} #join_input.simple fieldset .box .type2.line {margin-bottom:0; padding-bottom:0; border-bottom:0;} /* (/member/join_step3.php) */ #join_finish {width:640px; margin:0 auto;} #join_finish h3 {margin-bottom:20px; font-size:13px;} #join_finish .box {padding:45px 0; border:1px solid #dedede; color:#888; text-align:center; line-height:3;} #join_finish .box > .agree {width:80%; margin:0 auto; padding:15px; color:#666; background-color:#f0f0f0;} #join_finish .box > .agree > span {display:block;} #join_finish .box strong {font-size:14px;} #join_finish .btn {margin-top:30px; text-align:center;} /* (/member/edit_step1.php), (/member/edit_step3.php) */ .edit_info .box {padding:60px 0; background-color:#f5f5f5; text-align:center;} .edit_info .box > .msg {color:#666;} .edit_info .box > .agree {width:50%; margin:20px auto 0; padding:15px; color:#666; background-color:#fff;} .edit_info .box > .agree > span {display:block;} .edit_info .form_input {width:50%; margin-top:15px;} .edit_info .btn {padding-top:30px; text-align:center;} /* (/common/zip_search.php) */ .zipcode {width:420px; padding:20px; text-align:center;} .zipcode h1 {padding-bottom:20px; font-size:20px; font-weight:bold;} .zipcode .tab {height:32px; text-align:center;} .zipcode .tab li {float:left; width:50%; vertical-align:bottom;} .zipcode .tab a {display:block; height:34px; margin:10px 0 0 -1px; border:1px solid #dcdcdc; background:#f8f8f8; color:#181818; line-height:34px;} .zipcode .tab a.selected {height:44px; margin-top:0; border-bottom:0; background:#fff; font-weight:bold; line-height:49px;} .zipcode .ex {clear:both; padding:20px 0; color:#666; text-align:left;} .zipcode .ex span {display:block; color:#888;} .zipcode .search {position:relative; padding-right:60px;} .zipcode .search .box_btn {position:absolute; right:0; top:0;} .zipcode table {table-layout:fixed; width:100%; margin-top:20px; border-top:1px solid #e0e0e0;} .zipcode table th {font-size:0;} .zipcode table td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#888; text-align:center; vertical-align:middle;} .zipcode table td.addr {text-align:left;} .zipcode table td font {color:#d53838;} .tbl_mypage {width:100%; margin-bottom:40px; border:1px solid #d7d7d7;} .tbl_mypage thead th {padding:16px 0; border-right:1px solid #dadada; border-bottom:1px solid #dadada; color:#181818; font-weight:bold; text-align:center;font-size: 15px;} .tbl_mypage tbody td {padding:13px 0 17px 0; border-right:1px solid #dadada; text-align:center;} .tbl_mypage tbody td ul li {padding:5px 0;} .tbl_mypage tbody td ul li a { color:#888;font-size: 15px;} .tbl_mypage tbody td ul li a:hover {color:#333;} .tbl_mypage .last {border-right:0;} .box_mp {margin-bottom:30px; padding:30px; background:#f8f8f8; text-align:center; line-height:35px;} .box_mp:after {display:block; clear:both; content:'';} .box_mp .have {color:#666;} .box_mp .have span {display:block; padding-top:5px; color:#333; font-family:'arial'; font-size:24px; font-weight:bold;} /* (/mypage/mypage.php) */ #mypage .my_info {margin-bottom:40px; background:#f8f8f8;} #mypage .my_info ul {display:table; margin:0 auto; padding:60px 0;} #mypage .my_info ul li {display:table-cell; position:relative; width:145px; color:#666; text-align:center;} #mypage .my_info ul li:after {position:absolute; left:0; top:0; width:1px; height:100%; background:#e5e5e5; content:'';} #mypage .my_info ul li:first-child:after {display:none;} #mypage .my_info ul li a {display:block;} #mypage .my_info ul li span {display:block; height:30px; margin-top:20px; font-size:18px; font-weight:bold;} #mypage .latest {width:100%; font-size:0;} #mypage .latest li {display:inline-block; width:12.5%; margin-bottom:10px; text-align:center;} #mypage .latest li img {width:96%; height:auto;} /* (/mypage/order_detail.php) */ #order_detail .stat {padding-bottom:20px; font-size:0; text-align:center;} #order_detail .stat li {display:inline; padding:0 5px;} #order_detail .trace {padding-top:20px;} #order_detail .trace .number {padding-left:10px; line-height:35px;} #order_detail .area_left {float:left; width:63%;} #order_detail .area_right {float:right; margin-top:30px;} #order_detail .area_right .box {width:360px; padding:40px; background:#f8f8f8;} #order_detail .area_right .box .line {margin-top:25px; border-top:1px solid #dfdfdf;} #order_detail .total_price {font-size:14px;} #order_detail .backtolist {padding:30px 0; text-align:center;} /* (/mypage/sccoupon.php) */ #sccoupon .box_mp .form_input {width:270px; margin-top:20px;} #sccoupon .btn {text-align:center;} /* (/mypage/wish_list.php) */ #wish_list .btn {padding-top:30px; font-size:0; text-align:left;} #wish_list .btn .box_btn {margin-right:5px;} #wish_list .btn .box_btn.fr {margin-right:0;} /* (/mypage/counsel_list.php & /mypage/order_detail.php) */ #counsel {clear:both;} #counsel .content {padding:30px; border-bottom:1px solid #aeaeae; text-align:left; word-break:break-all; word-wrap:break-word;} #counsel .content .question {padding-bottom:25px;} #counsel .none_style {margin:0 !important; padding:0 !important; border:0 !important;} #counsel .cnt_hidden {display:none; overflow:hidden; padding:20px; border-bottom:1px solid #d7d7d7;} #counsel .cnt_hidden .qna_subject {clear:both; float:left; width:10%; padding:10px 0; color:#181818; font-weight:bold; text-align:left; vertical-align:top;} #counsel .cnt_hidden .qna_cnt {float:left; width:90%; padding:10px 0; text-align:left; vertical-align:top;} #counsel .btn {padding-top:30px; font-size:0; text-align:left;} #counsel .btn .box_btn {margin-right:5px;} #counsel .btn .box_btn.fr {margin-right:0;} /* (/mypage/counsel_step1.php) */ #counsel_write {width:100%; margin:20px 0; background:#f5f5f5; text-align:center;} #counsel_write > form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;} #counsel_write fieldset > table {margin-bottom:-1px;} #counsel_write fieldset > div {position:relative; margin-bottom:10px; text-align:left;} #counsel_write fieldset > div:last-child {margin-bottom:0;} #counsel_write fieldset > div > label {display:none;} #counsel_write fieldset textarea {height:250px;} #counsel_write .btn {padding:20px 0; text-align:center !important;} /* (/mypage/counsel_step2.php) */ #counsel_fin {width:640px; margin:0 auto;} #counsel_fin h3 {margin-bottom:20px; font-size:13px;} #counsel_fin .box {padding:80px 0; border:1px solid #dedede; color:#888; font-size:14px; text-align:center; line-height:3;} #counsel_fin .box strong {font-size:inherit;} #counsel_fin .btn {margin-top:30px; text-align:center;} /* (/mypage/attend_list.php) */ #attend .date {padding:25px 0; border:1px solid #dbdbdb; border-bottom:0; text-align:center; vertical-align:top;} #attend .date a {display:inline-block; width:18px; height:18px; border:1px solid #dbdbdb; background-repeat:no-repeat; background-position:center;} #attend .date a.prev {background-image:url('/design/jsnlab/common/bullet_arrow_prev.png');} #attend .date a.next {background-image:url('/design/jsnlab/common/bullet_arrow_next.png');} #attend .date strong {padding:0 5px; color:#040404; font-family:'arial'; font-size:20px; line-height:20px; text-align:center; vertical-align:top;} #attend #calendar table {width:100%;} #attend #calendar table thead th {padding:10px 0; border:1px solid #dbdbdb; background:#fbfbfb; color:#666; font-family:'arial'; font-weight:normal; text-align:center;} #attend #calendar table thead th.sun {color:#d53838;} #attend #calendar table thead th.sat {color:#7cb4d1;} #attend #calendar table tbody td {height:100px; padding:10px; border:1px solid #dbdbdb; color:#040404; text-align:left; vertical-align:top;} #attend #calendar .attenY {background:url('/design/jsnlab/mypage/attend_ok.png') no-repeat center;} #attend #calendar .attenR {background:url('/design/jsnlab/mypage/attend_today.png') no-repeat center #fbf9ed; font-weight:bold; text-decoration:underline;} #attend .info {overflow:hidden; padding:30px 50px; border:1px solid #dbdbdb; border-top:0; background:#fbfbfb; text-align:left;} #attend .info .explain {float:left; text-align:left;} #attend .info .sum {float:right;} /* (/mypage/withdraw_step1.php), (/mypage/withdraw_step2.php) */ .withdraw .box {padding:60px 0; background:#f5f5f5; text-align:center;} .withdraw .msg {margin-bottom:10px; color:#666;} .withdraw .frame {width:50%; margin:0 auto;} .withdraw .frame textarea {height:250px; margin-top:10px;} .withdraw .btn {padding-top:30px; text-align:center;} /* (/content/content.php?cont=uselaw) */ #uselaw > ol > li > dl > dt {padding:30px 0 10px; font-weight:bold;} #uselaw > ol > li > dl > dd {padding-left:10px; color:#666;} #uselaw > ol > li > dl > dd > ul, #uselaw > ol > li > dl > dd > ol {padding-left:10px; color:#666;} /* (/content/content.php?cont=privacy) */ #privacy > ul > li > dl > dt {padding:30px 0 10px; font-weight:bold;} #privacy > ul > li > dl > dd {padding-left:10px; color:#666;} #privacy > ul > li > dl > dd > ul, #privacy > ul > li > dl > dd > ol {padding-left:10px; color:#666;} /* (/content/content.php?cont=guide) */ #guide .tab {text-align:center;} #guide .tab li {display:inline;} #guide .tab li a {padding:0 15px;} #guide .tab li a:hover {text-decoration:underline;} #guide > dl > dt {padding:30px 0 10px; font-weight:bold;} #guide > dl > dd {padding-left:10px; color:#666;} #guide > dl > dd > ul, #guide > dl > dd > ol {padding-left:10px; color:#666;} /* (/content/content.php?cont=company) */ #company {padding-top:300px; background:url('/design/jsnlab/etc/company.jpg') no-repeat left top/100% auto; text-align:left;} #company:after {display:block; clear:both; content:'';} #company > dl {float:left; width:30%;} #company > dl:nth-child(2) {margin:0 5%;} #company > dl > dt {padding:30px 0 10px; font-size:14px; font-weight:bold;} #company > dl.location {clear:both; float:none; width:100%;} /*-----------------------------------------------------------------*/ /* 5. ETC /*-----------------------------------------------------------------*/ .list_comment {position:relative; text-align:left;} .list_comment > ul {border:1px solid #e5e5e5; border-top:0;} .list_comment > ul > li {clear:both; overflow:hidden; padding:15px 30px; border-top:1px solid #e5e5e5; color:#474645; word-break:break-all; word-wrap:break-word;} .list_comment > ul > li .name {float:left; width:12%;} .list_comment > ul > li .name a {color:inherit; font-size:inherit;} .list_comment > ul > li .content {float:left; width:73%;} .list_comment > ul > li .date {float:right; width:15%; text-align:right;} .list_comment > ul > li .date span {padding-right:5px; color:#888;} .list_comment > ul > li .date img {margin-top:3px;} .write_comment {overflow:hidden; margin-top:-1px; padding:20px; border:1px solid #e5e5e5; background:#fff;} .write_comment .user {overflow:auto; padding-bottom:10px; text-align:left;} .write_comment .user span {float:left; width:50%;} .write_comment .user span.name {padding-right:5px;} .write_comment .user span.pw {padding-left:5px;} .write_comment .inputbox {position:relative; padding-right:70px; border:1px solid #e2e2e2; background:#fafafa; text-align:left;} .write_comment .inputbox textarea.form_input {height:60px; border:0; border-right:1px solid #e2e2e2;} .write_comment .inputbox .btn_comment {display:inline-block; position:absolute; right:0; top:0; width:70px; height:100%; text-align:center; border:0; background:#fafafa; font-weight:bold; line-height:100%; cursor:pointer;} #product_search_frm {background:#fff;} #product_search_frm .frame {min-height:600px; margin:10px;} #product_search_frm .frame .search {padding-bottom:10px;} #product_search_frm .frame .btn {padding:15px 0 10px 0; text-align:center;} .related_prd_write {padding:20px 0;} .related_prd_write > ul {margin:20px 0;} .related_prd_view {border-bottom:1px solid #e0e0e0;} .related_prd_view .title {padding:60px 0 30px; font-size:22px; font-weight:500; text-align:center;} /* wing_freshsqure_temp_temp.css */ /*##################################################*/ .img-responsive {max-width: 100%;display: block;} .icontainer {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} .icontainer:before {content: " ";display: table;} .icontainer:after {content: " ";display: table;clear: both;} .icontainer {min-width: 1364px;max-width: 1364px;} .cntbody {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} .cntbody:before {content: " ";display: table;} .cntbody:after {content: " ";display: table;clear: both;} .cntbody {min-width: 1364px;max-width: 1364px;} /* header */ #nheader {background-color: #fff;} a.top_banner {display: block;background-color: #000000;color: #fff;font-size: 20px;font-weight: 400;text-align: center;padding: 10px 0;} a.top_banner strong {font-size: 20px;font-weight: 700;color: #fff;} .info {padding: 0;overflow: hidden;padding-top: 10px;} .info .ileft {float: left;} .info .iright_wrap {float: right;position: relative;padding-right: 166px;} .info .iright {} .searchArea {position:absolute; bottom:0px; right:0; width:150px; z-index:9999; border-bottom:1px solid #000; } .searchArea .MS_search_word { padding:0 5px; width:100%; height:30px; line-height:30px; border:none; vertical-align:top; color:#424242; font-size:14px; font-weight:normal; } .searchArea a { position:absolute; top:0; right:0px; display:block; width:30px; height:30px; text-indent:-9999em; background-image:url(/design/jsnlab/img/common/ico_main_top_search.png);background-position: center center;background-repeat: no-repeat;background-size:18px auto;} .info .ileft a {font-size: 16px;color: #222;font-weight: 500;} .info .iright li {margin-right: 34px;float: left;} .info .iright li.last {margin-right: 0;} .info .iright li a {font-size: 16px;color: #222;font-weight: 500;font-family: 'Noto Sans KR', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;} .info .iright li a span {font-size: inherit;font-family: 'Noto Sans KR', Malgun Gothic, '맑은 고딕', AppleGothic, Dotum, '돋움', sans-serif;} .logo_area {text-align: center;position: relative;padding-bottom: 10px;font-size: 0;} .logo_area h1 {display: inline-block;} .logo_area .la_left {float: left;padding-top: 38px;} .logo_area .la_left span {display: inline-block;font-size: 18px;color: #545555;font-weight: 500;position: relative;padding-left: 73px;padding-top: 13px;line-height: 1.3;} .logo_area .la_left span:before {content: "";display: block;width: 55px;height: 74px;background: url('/design/jsnlab/img/common/hiseoul_mark.png') no-repeat 0 0;position: absolute;left: 0;top: 0;} .logo_area .la_right {float: right;padding-top: 38px;} .logo_area .la_right span {line-height: 1.2;text-align: right;display: inline-block;font-size: 18px;color: #545555;font-weight: 500;padding-right: 128px;padding-top: 13px;} .logo_area .la_right span strong {font-size: 18px;color: #ff0000;font-weight: 500;} .logo_area .la_right span:before {content: "";display: block;width: 112px;height: 55px;background: url('/design/jsnlab/img/common/truck.png') no-repeat 0 0;position: absolute;right: 0;top: 44px;} .ncategory_wrap {text-align: center;font-size: 0;} .ncategory_wrap .ncategory {display: block;width: 100%;} .ncategory_wrap .ncategory:before {content: "";display: table;} .ncategory_wrap .ncategory:after {content: "";display: table;clear: both;} .ncategory_wrap .ncategory > li {float: left;position: relative;width: 16.666666667%;} .ncategory_wrap .ncategory > li > a {display: block;color: #212121;font-size: 22px;font-weight: 700;padding: 18px 0 17px 0;font-family: 'Montserrat', sans-serif;font-weight: 600;} .ncategory_wrap .ncategory > li.on > a{color: #c9252c;} .ncategory .viewsub .list {display: none;z-index: 20;position: absolute;width: 100%;left: 0;top: 70px;background-color: #fff;border: 1px solid #ececec;} .ncategory .viewsub .list li a {font-size: 15px;color: #212121;font-weight: 500;padding: 10px 15px;display: block;text-align: center;} .ncategory .viewsub.hover .list {display: block;} .mcategory_wrap {visibility: hidden;overflow: auto;position: fixed;top: 0;z-index: 30;width: 100%;height: 100%;transition: all 0.3s ease-in-out;-webkit-overflow-scrolling: touch;background: #fff;left: -100%;background: #fff;z-index: 999;} .navigation-visible .mcategory_wrap {visibility: visible;left: 0;} .mcategory_wrap .top {position: relative;padding: 18px 10px;border-bottom: 1px solid #ddd;height: 60px;} .mcategory_wrap .top ul {overflow: hidden;padding-left: 30px;background: url('/design/jsnlab/common/lnb_my_icon.png') no-repeat left center/14px auto;} .mcategory_wrap .top ul li {float: left;} .mcategory_wrap .top ul li:first-child {position: relative;margin-right: 12px;padding-right: 12px;} .mcategory_wrap .top ul li:first-child:after {position: absolute;top: 50%;right: 0;width: 1px;height: 10px;margin-top: -5px;background: #444;content: '';} .mcategory_wrap .top ul li a {font-size: 1.250rem;} .mcategory_wrap .top .close {display: inline-block;position: absolute;top: 50%;right: 5px;width: 30px;height: 30px;margin-top: -15px;background: url('/design/jsnlab/button/lnb_close.png') no-repeat center;background-size: 14px auto;text-indent: -9999px;} .mcategory {padding: 0 10px;} .mcategory .big .ba {display: block;height: 45px;color: #000;font-size: 1.250rem;line-height: 45px;} .mcategory .big .list {padding: 0 10px;} .mcategory .big .list li a {font-size: 1rem;display: block;padding: 5px 0;} /* bottom */ .footer_in {margin-top: 100px;padding: 55px 0 70px;} .footer_in:before {content: "";display: table;} .footer_in:after {content: "";display: table;clear: both;} .footer_in .fitem {width: 25%;float: left;min-height: 1px;} .footer_in .fitem .tit {font-size: 20px;color: #222222;font-weight: 500;margin-bottom: 15px;} .footer_in .fitem .tel {line-height: 1.3;font-size: 30px;color: #222222;font-weight: 700;} .footer_in .fitem p {font-size: 18px;color: #555555;font-weight: 300;} .footer_in .fitem p span {font-size: 18px;color: #555555;font-weight: 500;display: inline-block;margin-right: 10px;} .footer_in .fitem .sns {overflow: hidden;} .footer_in .fitem .sns li {float: left;margin-right: 10px;} .footer_in .fitem .sns li.last {margin-right: 0;} .copyright {max-width: 1920px;margin: 0 auto;text-align: center;border-top: 1px solid #aaaaaa;padding: 45px 0 100px 0;} .copyright p {font-size: 16px;color: #555555;font-weight: 400;letter-spacing: -0.5px;margin-bottom: 5px;} .copyright p a {font-size: 16px;color: #555555;font-weight: 400;letter-spacing: -0.5px;} .copyright .link {margin-bottom: 5px;} .copyright .link a {font-size: 16px;color: #555;font-weight: 400;display: inline-block;padding: 0 10px;} .copyright .link a strong {font-size: 16px;color: #555;font-weight: 700;display: inline-block;padding: 0 10px;} /* scroll */ .top_chat {display: none;position: fixed;right: 10px;bottom: 10%;z-index: 20;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);} .top_chat .link {display: block;margin-bottom: 10px;} .top_chat .link.last {margin-bottom: 0;} #kakaopf-footer-chat-button a {width: 77px;height: 77px;background: url(/design/jsnlab/img/common/icon_chat.png) 0 0 / 77px;display: block;} #kakaopf-footer-chat-button a img {display: none;} .tmenu_wrap {display:none;position:absolute;top:11px;right:0px;z-index:10;} a.tmenu {display: block;position:relative;width:30px;height:30px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;} a.tmenu span {display:inline-block;position:absolute;left:50%;margin-left:-10px;top:50%;margin-top:-1px;width:20px;height:2px;background-color:#000;} a.tmenu span:before {position:absolute;width:20px;height:2px;left:50%;margin-left:-10px;top:-6px;background-color:#000;width:;height:;content:"";display:block;} a.tmenu span:after {position:absolute;width:20px;height:2px;left:50%;margin-left:-10px;top:6px;background-color:#000;width:;height:;content:"";display:block;} a.tmenu span, a.tmenu span:before, a.tmenu span:after {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;} .navigation-visible a.tmenu span {background:none;} .navigation-visible a.tmenu span:before {top: 0;transform: rotate(45deg);} .navigation-visible a.tmenu span:after {top: 0;transform: rotate(-45deg);} .board_tab {text-align: center;font-size: 0;line-height: 0;margin-bottom: 35px;margin-top: 35px;} .board_tab ul {display: inline-block;} .board_tab ul li {float: left;} .board_tab ul li a {font-size: 25px;color: #ccc;font-weight: 400;margin: 0 45px;font-family: 'Montserrat', sans-serif;} .board_tab ul li.active a, .board_tab ul li.active a {font-weight: 700;color: #212121;} .board_tab ul li a.red {color: #c9252c;} #reviewBoard .review-wrap .reply {height: auto !important;line-height: auto !important;;}