/*-----------------------------------------------------------------*/ /* CSS Table of Contents /*-----------------------------------------------------------------*/ /* 1. Reset 2. Global 2-1. table 2-2. button 2-3. product 3. Layout 3-1. wrapper 3-2. header 3-3. nav 3-4. footer 4. Page 4-1. 메인 4-2. 상점 4-3. 회원 4-4. 마이페이지 4-5. 추가페이지 5. ETC /*-----------------------------------------------------------------*/ /* 1. Reset /*-----------------------------------------------------------------*/ @font-face { font-family:'Roboto'; font-weight:300; src:local(※), url('/_skin/fonts/Roboto-Light.woff') format('woff'), url('/_skin/fonts/Roboto-Light.ttf') format('truetype'); } @font-face { font-family:'Roboto'; font-weight:400; src:local(※), url('/_skin/fonts/Roboto-Regular.woff') format('woff'), url('/_skin/fonts/Roboto-Regular.ttf') format('truetype'); } @font-face { font-family:'Roboto'; font-weight:700; src:local(※), url('/_skin/fonts/Roboto-Medium.woff') format('woff'), url('/_skin/fonts/Roboto-Medium.ttf') format('truetype'); } @font-face { font-family:'NotoSansKR'; font-weight:300; src:local(※), url('/_skin/fonts/notokr-light.woff') format('woff'), url('/_skin/fonts/notokr-light.ttf') format('truetype'); } @font-face { font-family:'NotoSansKR'; font-weight:400; src:local(※), url('/_skin/fonts/notokr-regular.woff') format('woff'), url('/_skin/fonts/notokr-regular.ttf') format('truetype'); } @font-face { font-family:'NotoSansKR'; font-weight:700; src:local(※), url('/_skin/fonts/notokr-medium.woff') format('woff'), url('/_skin/fonts/notokr-medium.ttf') format('truetype'); } @font-face { font-family:'yg-jalnan'; src:url('/_skin/fonts/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; } 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:#1a1a1a; font-family: 'Roboto','NotoSansKR',sans-serif; font-size:12px; line-height:1.4; vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {min-width:320px; word-break:break-all; -webkit-text-size-adjust:none;} 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:top;} 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;} input[type=text], input[type=password], input[type=submit], input[type=button], input[type=search], input[type=tel], input[type=number], input[type=email], textarea {border-radius:0; -webkit-appearance:none;} /*-----------------------------------------------------------------*/ /* 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:20px 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;} .i_info {display:inline-block; position:relative; top:2px; width:15px; height:15px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_info.png') no-repeat center / 10px; font-style:normal; font-weight:normal; line-height:1;} .i_plus {display:inline-block; width:13px; height:13px; background:url('/_gio_on/_skin/m_lnb/icon_plus.gif') no-repeat center / 13px; color:transparent; text-indent:-9999em; vertical-align:middle;} .info_msg li {color:#b2b2b2; letter-spacing:-0.025em;} /* input radiobox & checkbox */ input[type="checkbox"] {-webkit-appearance:none; appearance:none; display:inline-block; overflow:hidden; width:15px; height:15px; margin:-1px 0 0 0; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/checkbox.gif'); background-size:15px; outline:0;} input[type="checkbox"]:checked {background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/checkbox_on.gif');} input[type="radio"] {-webkit-appearance:none; appearance:none; display:inline-block; overflow:hidden; width:15px; height:15px; margin:0; -webkit-border-radius:100%; border-radius:100%; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/radiobox.png'); background-size:15px; outline:0;} input[type="radio"]:checked {background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/radiobox_on.png');} .datepicker {width:44%; height:39px; padding:13px 34px 10px 10px; border:0; border-bottom:1px solid #666; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/datepicker.png') no-repeat center right 10px / 13.5px; color:#b2b2b2; font-family:'Roboto','NotoSansKR',sans-serif;} /* input 기본 스타일 */ .form_input {height:40px; padding:13px 10px; border:0; border-bottom:1px solid #666; background:none; color:#1a1a1a; font-family:'Roboto','NotoSansKR',sans-serif; font-size:1.167rem; transition:all .3s ease;} .form_input:focus {border-color:#1a1a1a; color:#1a1a1a; outline:none !important;} .form_input.block {width:100% !important;} .form_input:-ms-input-placeholder {color:#b2b2b2; font-family:'Roboto','NotoSansKR',sans-serif;} .form_input::-webkit-input-placeholder {color:#b2b2b2; font-family:'Roboto','NotoSansKR',sans-serif;} .form_input::-moz-placeholder {color:#b2b2b2; font-family:'Roboto','NotoSansKR',sans-serif;} .form_input.readonly {color:#b2b2b2; background:#f2f2f2 !important;} .form_input.gray {background:#f2f2f2; color:#b2b2b2;} .form_input.gray:focus {background:#fff;} .form_input.refund {margin-top:18px;} textarea.form_input {height:auto; border:1px solid #666;} /* 셀렉트 */ select {font-family:'Roboto','NotoSansKR',sans-serif; max-width:100%; height:40px; padding:0 28px 0 10px; border:0; border-bottom:1px solid #666; border-radius:0; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/select_arrow.png') no-repeat right 10px center / 8px 5.5px; color:#b2b2b2; font:inherit; font-size:1.167rem; -webkit-appearance:none; outline:none;} select.block {width:100%;} select:focus {border-color:#1a1a1a; color:#1a1a1a;} /* 서브 페이지 타이틀 */ .subtitle {padding:0; font-size:1.417rem; font-weight:700; text-align:center;} /* 페이지 내 타이틀 */ h2.title {position:relative; padding:12px 27px; border-bottom:1px solid #e6e6e6; font-size:1.583rem; text-align:center;} h2.title .back {display:block; position:absolute; top:0; left:0; width:27px; height:100%; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/back.png') no-repeat center / 12px 22px; color:transparent; text-indent:-9999em;} h2.title .share {display:block; position:absolute; top:0; right:0; width:35px; height:100%; background:url('/_gio_on/_skin/m_lnb/icon_share.png') no-repeat center / 15.5px 15px; color:transparent; text-indent:-9999em;} h2.title .b_share {display:none; position:absolute; top:42.5px; right:0; width:35px; padding:8px 0; background:#000; text-align:center;} h2.title .b_share:after {display:block; content:''; position:absolute; top:-4px; left:50%; z-index:5; width:8px; height:4px; margin-left:-4px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/share_arrow.png') no-repeat center top / 8px 4px;} h2.title .b_share ul li a {display:block; color:transparent; text-indent:-9999em;} h2.title .b_share ul li.fb a {height:29.5px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/share_facebook.png') no-repeat center / 8px 13.5px;} h2.title .b_share ul li.story a {height:28.5px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/share_story.png') no-repeat center / 7px 12.5px;} h2.title .b_share ul li.kakao a {height:28px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/share_kakao.png') no-repeat center / 13px 12px;} h3.title {position:relative; overflow:hidden; padding:22px 0; font-size:1.333rem; font-weight:400; text-align:left;} h3.title.center {height:auto; padding:60px 0 20px; text-align:center; line-height:1;} h3.title > span {color:inherit; font:inherit;} h3.title > p {color:#b2b2b2; font-weight:300;} h3.title > a {display:inline-block; position:absolute; top:0; right:0; z-index:5; width:auto; height:100%; padding-right:11px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/right_blk_arrow.png') no-repeat right 1px center / 5.5px 9.5px; line-height:65px;} h3.title .have {position:absolute; top:50%; right:0; padding-top:7px; color:#b2b2b2; font-size:1.083rem; -webkit-transform:translateY(-50%); transform:translateY(-50%);} h3.title .have strong {color:#1a1a1a; font-size:1.333rem;} h3.title .have .unit {font-size:1.333rem;} h3.title .btn {position:absolute; top:50%; right:0; font-size:1.083rem; -webkit-transform:translateY(-50%); transform:translateY(-50%);} h3.title .btn a {position:relative; background:none; line-height:1.4;} /* 타이틀 체크 토글 */ .page_check {position:relative; text-align:center;} .page_check .inner {display:inline-block;} .page_check .inner .title {display:inline-block; height:44px; padding-right:17px; background:url('/_gio_on/_skin/m_lnb/select.png') no-repeat right center / 8px 5.5px; font-size:1.083rem; line-height:44px;} .page_check .inner .check_list {display:none; position:absolute; top:44px; left:50%; z-index:10; width:50%; padding:12px 0; border:1px solid #e6e6e6; background:#fff; text-align:left; -webkit-transform:translateX(-50%); transform:translateX(-50%);} .page_check .inner .check_list a {display:block; padding:5px 34px 5px 10px;} .page_check .inner .check_list li a.active {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_check.png') no-repeat right 10px center / 14px 10.5px;} /* 갯수 문단 */ .title_count {position:relative; top:-46px; height:0; font-size:13px;} .title_count .now {display:inline-block; height:33px; padding-right:20px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/select_arrow.png') no-repeat right 10px center/8px 5.5px; font-size:1.083rem; line-height:33px;} .title_count .count {display:none; position:absolute; top:33px; right:0; z-index:5; min-width:100px; border:1px solid #e6e6e6; background:#fff; text-align:left;} .title_count .count li {border-top:1px solid #e6e6e6;} .title_count .count li:first-child {border-top:0;} .title_count .count li a {display:block; padding:11px 10px; font-size:1.083rem;} /* 페이징 */ .paging * {vertical-align:middle;} .paging {margin:25px 0; font-size:0; text-align:center;} .paging li {display:inline; padding:0 9px; color:#b2b2b2; font-size:1.083rem; vertical-align:middle;} .paging li strong {display:inline-block; color:#1a1a1a; font-size:1.083rem; font-weight:400; text-decoration:underline;} .paging li a {display:inline-block; color:#b2b2b2; font-size:1.083rem;} /* 박스 스타일 - 수량 */ .box_qty {display:inline-block; position:relative; width:110px; vertical-align:top;} .box_qty .form_input {width:100%; height:30px; padding:0 30px; border:0; color:#1a1a1a; text-align:center; line-height:30px;} .box_qty .minus {display:block; position:absolute; left:0; top:0; width:30px; height:30px; border:1px solid #e6e6e6; background:#fff url('/_gio_on/_skin/m_lnb/bullet_minus.png') no-repeat center/11px;} .box_qty .plus {display:block; position:absolute; right:0; top:0; width:30px; height:30px; border:1px solid #e6e6e6; background:#fff url('/_gio_on/_skin/m_lnb/bullet_plus.png') no-repeat center/11px;} /* 컬러칩 리스트 */ .color_option {overflow:hidden; position:relative; top:-3px; font-size:0;} .color_option:after {display:block; clear:both; content:'';} .color_option li {float:left; margin:3px 15px 0 0;} .color_option li a {display:block; width:25px; height:25px; text-align:center; border:1px solid #e6e6e6; border-radius:0%;} .color_option li a.selected {border:1px solid #262626; border-radius:0%;} .color_option li a img {width:25px; height:25px; border-radius:0%; width:19px; height:19px; margin:2px 0;} .color_option li a.selected img {width:19px; height:19px; margin:2px 0;} .color_option li a span {display:none;} .color_option li a.selected span {display:block; position:absolute; bottom:0; left:0; width:100%; text-align:left;} .text_option {overflow:hidden; position:relative; top:-3px; font-size:0;} .text_option:after {display:block; clear:both; content:'';} .text_option li {float:left; margin-top:3px; text-align:left;} .text_option li a {overflow:hidden; display:block; height:30px; margin:0 5px 0 0; padding:0 10px; border:1px solid #e6e6e6; line-height:30px; text-align:center;} .text_option li a.selected {padding:0 9px; border:2px solid #1a1a1a; line-height:28px;} .text_option li a.soldout {padding:0 11px; border:0; background:#f2f2f2; color:#b2b2b2; line-height:32px;} /* 글쓰기 - 주문서, 1:1문의 */ .write > div {margin-bottom:15px; text-align:left;} .write > div:last-child {margin-bottom:0;} .write > div.line {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dcdcdc;} .write > div > label {display:none;} .write > .msg {margin-top:-15px; line-height:35px;} .write > .msg * {vertical-align:middle;} /* 상단 셀렉트 메뉴 */ .top_select_menu {height:40px; border-top:1px solid transparent; border-right:1px solid transparent; border-left:1px solid transparent; background-color:#f1f1f1;} /* 상품리스트 수량, 정렬, 사이즈, 형태 선택 */ .filterbox {position:relative; height:44px; text-align:center;} .filterbox > ul > li {display:inline-block; position:relative; vertical-align:top; margin-right:7px;} .filterbox > ul > li .select {height:44px; text-align:center;} .filterbox > ul > li .select span.filter_name {display:inline-block; padding-right:13px; background:url('/_gio_on/_skin/m_lnb/select.png') no-repeat right center / 8px 6.5px; font-size:1.083rem; line-height:44px;} .filterbox > ul > li .select span.selected_filter {display:inline-block; padding-left:5px; padding-right:0px; font-size:1.003rem; line-height:44px; color:#b2b2b2;} .filterbox > ul > li .list {display:none; position:absolute; top:38px; left:0px; z-index:5; text-align:left;} .filterbox > ul > li .list .checks {overflow-y:scroll; position:relative; width:100%; height:auto; max-height:300px; background:#fff; border:1px solid #e6e6e6;} .filterbox > ul > li .list .checks > li {border-bottom:1px solid #e6e6e6;} .filterbox > ul > li.sortby .list {width:110px; left:0px;} .filterbox > ul > li.sortby .checks > li:last-child {border-bottom:0;} .filterbox > ul > li.size .list {width:170px; margin-left: auto; margin-right: auto; left: 0; right: 0;} .filterbox > ul > li.size .checks > li {float:left; width:50%;} .filterbox > ul > li.size .checks > li:nth-child(odd) {border-right:1px solid #e6e6e6;} .filterbox > ul > li.size .select {} .filterbox > ul > li.color_filter .list {width:200px; left:0px;} .filterbox > ul > li.color_filter .checks {padding: 0 0 7px 0;} .filterbox > ul > li.color_filter .checks > li {float:left; width:40px; height:40px; margin: 7px 0 0 7px;} .filterbox > ul > li.color_filter .checks > li:nth-child(odd) {border-right:1px solid #e6e6e6;} .filterbox > ul > li .list .checks a {display:block; position:relative; height:40px; padding:11px 23px 11px 10px; font-size:1.083rem;} .filterbox > ul > li .list .checks a strong {display:block; color:inherit; font:inherit;} .filterbox > ul > li .list .checks a.checked:after, .filterbox > ul > li .list .checks a strong:after {display:block; content:''; position:absolute; top:0; right:0; z-index:5; width:23px; height:100%; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_check.png') no-repeat left center / 14px 10.5px;} .filterbox > ul > li.color_filter .list .checks a.checked.white:after {display:block; content:''; position:absolute; top:0; right:0; z-index:5; width:26px; height:100%; background:url('/_gio_on/_skin/icon/filter_check_white.png') no-repeat left center / 14px 10.5px;} .filterbox > ul > li.color_filter .list .checks a.checked:after{width:26px;} .filterbox > ul > li.color_filter .list .checks a {padding:12px 0 0 8px; font-size:1rem; border:1px solid #b2b2b2;} .filterbox > ul > li.color_filter .list .checks a.checked {border:1px solid #000000;} .filterbox > ul > li .list .btn {position:relative; top:-1px;} .filterbox > ul > li.list_type {width:56px; height:44px; font-size:0;} .filterbox > ul > li.list_type:after {display:block; content:''; position:absolute; top:50%; left:0; z-index:5; width:1px; height:15px; margin-top:-7.5px; background:#e6e6e6;} .filterbox > ul > li.list_type ul {font-size:0;} .filterbox > ul > li.list_type ul li {display:inline-block; width:14px; height:44px; margin-left:9.5px; vertical-align:top;} .filterbox > ul > li.list_type ul li img {width:13px; height:14px; margin:15px 0;} /* 엔진 - 레이어 딤드(게시판 상품 선택, 퀵프리뷰 팝업) */ #qdBackground {position:fixed !important; width:100% !important; height:100% !important;} /*-----------------------------------------------------------------*/ /* 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;} .tbl_col > tbody > tr > td {padding:15px 0; border-bottom:1px solid #e0e0e0; text-align:center; vertical-align:middle;} .tbl_col > tbody > tr > td * {color:#666;} .tbl_col > tbody > tr > td.tal {padding-left:15px !important;} .tbl_col > tbody > tr > td.img img {width:100px; height:auto;} /* 테이블 스타일 - 가로 - 장바구니, 주문조회 */ .tbl_col.prd > tbody > tr > td {padding:0;} .tbl_col.prd > tbody > tr > td.order_number a {font-weight:bold; text-decoration:underline;} .tbl_col.prd > tbody > tr > td.delete_wish a {display:inline-block; position:relative;} .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:0.917rem; text-decoration:underline; line-height:35px;} /* 테이블 스타일 - 가로 - 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 .best {display:inline-block; margin-right:5px; padding:3px 5px; background:#f00; color:#fff;} .tbl_gray {table-layout:fixed; width:100%; border-bottom:1px solid #e6e6e6; text-align:center;} .tbl_gray thead th {padding:20px 0; border:solid #e6e6e6; border-width:1px 0 0 1px; background:#f2f2f2; font-weight:400; vertical-align:middle;} .tbl_gray thead th:first-child {border-left:0;} .tbl_gray tbody td {padding:20px 0; border:solid #e6e6e6; border-width:1px 0 0 1px; font-size:1.083rem; vertical-align:middle;} .tbl_gray tbody td:first-child {border-left:0;} .tbl_gray tbody td span {color:#b2b2b2;} /* 테이블 스타일 - 세로 */ .tbl_row {table-layout:fixed; width:100%; border-top:1px solid #e6e6e6;} .tbl_row caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_row th {padding:20px 10px; border-bottom:1px solid #e6e6e6; background:#f2f2f2; font-size:1.167rem; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_row td {padding:20px; border-bottom:1px solid #e6e6e6; font-size:1.083rem; 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 #e6e6e6;} .tbl_order th {padding:17px 0 17px 15px; border-bottom:1px solid #e6e6e6; background:#f2f2f2; font-size:1.167rem; font-weight:700; text-align:left; vertical-align:middle;} .tbl_order td {padding:17px 15px 17px 5px; border-bottom:1px solid #e6e6e6; font-size:1.083rem; text-align:right; vertical-align:middle;} .tbl_order td strong.prc, .tbl_order td strong.prc * {font-size:1.250rem; font-weight:700;} .tbl_order.sale {margin:5px 0; border:1px solid #dcdcdc; border-width:1px 0;} .tbl_order .total td .view_info {display:none; margin-top:5px;} .tbl_order .total_price, .tbl_order .total_price * {color:#d53838; font-size:1.333rem;} /* 게시판 검색영역 */ /* 검색영역 block (고객센터메인, faq, 매장안내)*/ .search_type1 {clear:both; margin:30px 0 20px;} .search_type1 form {font-size:0;} .search_type1 .input_box {position:relative; padding-right:45px; border-bottom:1px solid #000; font-size:0; text-align:center;} .search_type1 .form_input {border:0;} .search_type1 .btn_search {display:block; position:absolute; right:0; top:0; z-index:5; width:37px; height:100%; border:0; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_search2.png') no-repeat center / 16.5px; color:transparent; text-indent:-9999em; vertical-align:top;} /* 검색영역 select (공지사항) */ .search_type2 {clear:both; margin:30px 0;} .search_type2 form {font-size:0;} .search_type2 select {display:inline-block; width:80px; border:0; vertical-align:top;} .search_type2 .input_box {display:inline-block; position:relative; width:calc(100% - 100px); margin-left:20px; padding-right:45px; border-bottom:1px solid #000; font-size:0; text-align:center;} .search_type2 .form_input {border:0;} .search_type2 .btn_search {display:block; position:absolute; right:0; top:0; z-index:5; width:37px; height:100%; border:0; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_search2.png') no-repeat center / 16.5px; color:transparent; text-indent:-9999em; vertical-align:top;} .list_board {margin:0; border-top:1px solid #1a1a1a;} .list_board li {padding:17px 0; border-bottom:1px solid #e6e6e6; font-size:0;} .list_board li .no {display:inline-block; width:40px; min-height:14px; font-size:0.917rem; text-align:center; letter-spacing:-0.025em; vertical-align:middle;} .list_board li .subject {display:inline-block; width:calc(100% - 40px); padding:0 10px; text-align:left; vertical-align:middle;} .list_board li .subject .title {overflow:hidden; height:14px; line-height:14px; white-space:nowrap; text-overflow:ellipsis;} .list_board li .subject .title img {width:auto; height:13.5px; vertical-align:top;} .list_board li .subject .stat {padding-top:5px; color:#b2b2b2; font-size:0.917rem;} .list_board li .subject .stat * {color:inherit; font:inherit;} .list_board li .subject .stat img {width:auto; height:10px; vertical-align:top;} .list_cart > li {position:relative; margin-bottom:15px; border-top:1px solid #666; text-align:left;} .list_cart > li > .box {padding:20px 0; border-bottom:1px solid #e6e6e6; font-size:0;} .list_cart > li > .box .check_del {position:relative; margin-bottom:10px;} .list_cart > li > .box .check_del .del a {display:block; position:absolute; top:0; right:0; z-index:5; width:12px; height:12px; background:url('/_gio_on/_skin/m_lnb/delete_s.png') no-repeat center / 12px; color:transparent; text-indent:-9999em;} .list_cart > li > .box .img {display:inline-block; width:26.4%; vertical-align:top;} .list_cart > li > .box .img img {width:100%; height:auto;} .list_cart > li > .box .info {display:inline-block; width:73.6%; padding:0 17px; vertical-align:middle;} .list_cart > li > .box .info .opt {margin-top:11px; color:#b2b2b2;} .list_cart > li > .box .info .total {position:relative; margin-top:16px; padding-right:50px; color:#b2b2b2;} .list_cart > li > .box .info .total span {padding-left:3px;} .list_cart > li > .box .info .total strong {font-size:1.333rem; font-weight:400;} .list_cart > li > .box .info .opt_chg {position:absolute; bottom:-5px; right:-15px; z-index:5;} .list_cart > li > .box .info .cpn_ea {margin-bottom:5px;} .list_cart > li > .stat {padding:11px 5px; border-bottom:1px solid #e6e6e6; color:#b2b2b2; line-height:30px;} .list_cart > li > .stat .btn {float:right; font-size:0;} .list_cart > li > .stat .btn .box_btn {margin-left:5px;} .list_cart > li > .stat:after {display:block; clear:both; content:'';} .list_cart > li > .trace {margin-top:10px;} .list_cart > li > .trace > p {padding-top:5px;} .list_cart > li > .btn {margin-top:10px;} .list_cart > li > .btn .box_btn {position:relative;} .list_cart > li > .btn .box_btn a {padding-left:30px;} .list_cart > li > .btn .wish:before {display:inline-block; position:absolute; left:50%; top:50%; width:13px; height:13px; margin:-7px 0 0 -30px; background:url('/_gio_on/_skin/m_lnb/icon_wish.png') no-repeat; background-size:cover; content:'';} .list_cart > li > .btn .del:before {display:inline-block; position:absolute; left:50%; top:50%; width:13px; height:13px; margin:-7px 0 0 -30px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_delete.png') no-repeat; background-size:cover; content:'';} /* 세트상품 */ .list_cart > li.set {margin-top:-1px; padding-left:30px; background:#fcfcfc url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/shop/icon_set.png') no-repeat left 15px center/8px 6px;} .list_cart > li.set > .box .info .total {margin-top:4px;} .list_cart > li.set > .box .info .opt {margin-top:7px;} #order_detail .list_cart > li{margin-bottom:0px; margin-top:15px;} #order_detail .list_cart > li.set_parent {margin-bottom:0px;} #order_detail .list_cart > li.set {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; margin-bottom:0px; margin-top:0px;} #order_detail .list_cart > li.set > .stat {border-bottom:0px;} #order_detail .total_box {margin-top:15px;} .total_box {padding-top:25px !important; padding-bottom:7px !important; background:#f2f2f2;} .total_box table {table-layout:fixed; width:100%;} .total_box table * {line-height:1;} .total_box table thead th {padding-bottom:15px; text-align:left; vertical-align:middle;} .total_box table tfoot th {padding:15px 0; border-top:1px solid #e6e6e6; text-align:left; vertical-align:middle;} .total_box table thead td {padding-bottom:15px; font-size:1.167rem; text-align:right; vertical-align:middle;} .total_box table tfoot td {padding:15px 0; border-top:1px solid #e6e6e6; font-size:1.167rem; text-align:right; vertical-align:middle;} .total_box table thead td strong, .total_box table thead td strong *, .total_box table tfoot td strong {font-size:2.083rem;} .total_box table tbody th {position:relative; padding:3px 0; color:#666; text-align:left; vertical-align:middle;} .total_box table tbody th .view_info {display:none; position:absolute; top:3px; left:97px; z-index:5; width:200px; padding:15px; border:1px solid #999; background:#fff;} .total_box table tbody th .view_info .close {display:block; position:absolute; top:0; right:0; width:30px; height:30px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/button/layer_close3.png') no-repeat center / 12px; color:transparent; text-indent:-9999em;} .total_box table tbody th .view_info li {margin-top:14px;} .total_box table tbody th .view_info li:first-child {margin-top:0;} .total_box table tbody th .view_info .title {padding-bottom:10px; color:#b2b2b2;} .total_box table tbody td {padding:3px 0; color:#666; font-size:1.167rem; text-align:right; vertical-align:middle;} .total_box table tbody td * {color:inherit; font:inherit;} .total_box table tbody tr:last-child th, .total_box table tbody tr:last-child td {padding-bottom:13px;} .total_box table tbody .milage {padding-top:30px !important; padding-bottom:20px !important; color:#c8883c !important;} .total_box table tbody .milage .view_info {top:12px !important; left:109px !important; width:150px !important;} .total_box table tbody .add_milage th {padding-bottom:5px !important;} .total_box table tbody .add_milage:last-child th {padding-top:10px; line-height:18px;} .total_box table tbody .add_milage:last-child th .i_info {top:3px;} /* 리스트 스타일 */ .list_col {border-top:1px solid #1a1a1a;} .list_col * {letter-spacing:-0.025em;} .list_col.addr > li {padding:20px 10px; border-bottom:1px solid #e6e6e6;} .list_col.addr > li .info {position:relative; padding-right:5px; color:#b2b2b2;} .list_col.addr > li .info * {color:inherit;} .list_col.addr > li .info .basic_address {margin-right:3px; color:#c8883c;} .list_col.addr > li .info .del {display:block; position:absolute; top:0; right:-10px; z-index:5; width:12px; height:12px; background:url('/_gio_on/_skin/m_lnb/delete_s.png') no-repeat center / 12px; color:transparent; text-indent:-9999em;} .list_col.addr > li .subject {padding:6px 0 11px; font-size:1.083rem;} .list_col.prd > li {padding:20px 0; border-bottom:1px solid #e6e6e6; font-size:0;} .list_col.prd > li .img {display:inline-block; width:26.4%; vertical-align:middle;} .list_col.prd > li .img img {width:100%; height:auto;} .list_col.prd > li .del {display:block; position:absolute; top:0; right:-10px; z-index:5; width:12px; height:12px; background:url('/_gio_on/_skin/m_lnb/delete_s.png') no-repeat center / 12px; color:transparent; text-indent:-9999em;} .list_col.prd > li .del2 {text-align:right;} .list_col.prd > li .del2 a {display:inline-block; width:12px; height:12px; background:url('/_gio_on/_skin/m_lnb/delete_s.png') no-repeat center / 12px; color:transparent; text-indent:-9999em;} .list_col.prd > li .info {display:inline-block; width:73.6%; padding:0 17px; vertical-align:middle;} .list_col.prd > li .price {margin-top:5px;} .list_col.prd > li .opt {margin-top:15px; color:#b2b2b2;} .list_col.prd > li .opt * {color:#b2b2b2;} .list_col.prd > li .stat {position:relative; height:30px; margin-top:5px; color:#b2b2b2;} .list_col.prd > li .stat * {color:#b2b2b2;} .list_col.prd > li .stat > span {display:inline-block; line-height:30px; vertical-align:middle;} .list_col.prd > li .status {position:relative; padding-left:17px;} .list_col.prd > li .status:before {display:block; content:''; position:absolute; top:50%; left:8px; width:1px; height:11px; margin-top:-5.5px; background:#e6e6e6;} .list_col.prd > li .status.r0 {color:#b2b2b2;} /* 재입고알림 신청완료 */ .list_col.prd > li .status.r1 {color:#666;} /* 재입고알림 알림완료 */ .list_col.prd > li .status.r2 {color:#e52713;} /* 재입고알림 신청취소 */ .list_col.prd > li .stat .box_btn {position:absolute; top:0; right:-17px; z-index:5;} .list_col.prd > li .btn {padding-top:18px;} /*-----------------------------------------------------------------*/ /* 2-2. button /*-----------------------------------------------------------------*/ /* 버튼스타일 - 기본 */ .box_btn {display:inline-block; text-align:center; vertical-align:top;} .box_btn > * {display:inline-block; margin:0; padding:11px; border:1px solid #1a1a1a; outline:none; background:#1a1a1a; color:#fff !important; font-size:1rem; font-family:'Roboto','NotoSansKR',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;} /* 버튼스타일 - 크기 */ .box_btn.small > * {padding:6px 8px;} .box_btn.large > * {padding:9.5px 16px; font-size:1.167rem; font-weight:700;} .box_btn.huge > * {padding:14.5px !important; font-size:1.167rem; font-weight:700;} /* 버튼스타일 - 가로길이 */ .box_btn.block {display:block;} .box_btn.block > * {width:100%; padding:10px; font-size:1.167rem;} .box_btn.w50 > * {width:50px; padding-right:0; padding-left:0;} .box_btn.w60 > * {width:60px; padding-right:0; padding-left:0;} .box_btn.w75 > * {width:75px; padding-right:0; padding-left:0;} .box_btn.w80 > * {width:80px; padding-right:0; padding-left:0;} .box_btn.w90 > * {width:90px; padding-right:0; padding-left:0;} .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.h50 > * {height:50px; padding:0 !important; line-height:50px;} /* 버튼스타일 - 색상 */ .box_btn.white * {border-color:#b3b3b3; background:#fff; color:#1a1a1a !important;} .box_btn.white2 * {border-color:#ccc; background:#fff; color:#666 !important;} .box_btn.gray * {border-color:#f5f5f5; background:#f5f5f5; color:#666 !important;} .box_btn.gray2 * {border-color:#666; background:#666; color:#fff !important;} .box_btn.gray3 * {border-color:#e6e6e6; background:#e6e6e6; color:#b2b2b2 !important;} /* 버튼스타일 - 텍스트 */ .box_btn.strong * {font-weight:bold;} /* 나열 버튼 */ .btn_col {width:100%;} .btn_col:after {display:block; clear:both; content:'';} .btn_col span {float:left; width:49%;} .btn_col span:last-child {float:right;} .btn_col.col3 span {float:left; width:32%;} .btn_col.col3 span:nth-child(3n-1) {margin:0 2%;} .btn_col2 {width:100%;} .btn_col2:after {display:block; clear:both; content:'';} .btn_col2 span {float:left; width:50%;} .btn_col2 span:last-child {float:right; position:relative; left:-1px;} .btn_col4 {width:100%;} .btn_col4:after {display:block; clear:both; content:'';} .btn_col4 span {float:left; width:25%;} .btn_col4 span:last-child {float:right; position:relative; left:-1px;} /* 상품 더보기 */ .prd_more {padding-top:10px; text-align:center;} .prd_more .btn {display:block; text-align:center; vertical-align:top;} .prd_more .btn > a {display:block; width:100%; height:40px; margin:0; padding:0; border:1px solid #b3b3b3; background:#fff; color:#1a1a1a !important; font-size:1.167rem; text-align:center; line-height:40px; vertical-align:top; -webkit-appearance:none;} .prd_more .btn .more_count {display:inline-block; height:40px; padding-left:7px; color:#b2b2b2; font-size:1.167rem; line-height:40px;} .prd_more .btn .more_count * {color:inherit; font:inherit;} /* 스와이프 페이징 */ .swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px; background:#d1d1d1; opacity:1;} .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#1a1a1a;} /*-----------------------------------------------------------------*/ /* 2-3. product /*-----------------------------------------------------------------*/ /* 상품스타일 - 기본 */ .prd_basic {display:block; width:100%; font-size:0; text-align:left !important;} .prd_basic > li {display:inline-block; padding-bottom:33px; text-align:center; vertical-align:top;} .prd_basic .box {position:relative; width:100%; 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 .prdimg img {width:100%; height:auto;} .prd_basic .box .img .prdimg_ref {transition:all .3s ease;} .prd_basic .box .img .prdimg_ref img {width:100%; height:auto;} .prd_basic .box .img .soldout {display:none;} .prd_basic .box .img .wish {position:absolute; right:0; top:0; z-index:10;} .prd_basic .box .img .wish a {display:block; width:32px; height:32px; background:url('/_gio_on/_skin/m_lnb/icon_wish.png') no-repeat center / 14px 11px;} .prd_basic .box .img .wish a.wish_on {background-image:url('/_gio_on/_skin/m_lnb/icon_wish_on.png');} .prd_basic .box.out .img .prdimg {opacity:.3;} .prd_basic .box.out .img .soldout {display:block; position:absolute; left:0; top:50%; z-index:5; width:100%; font-size:1.167rem; font-weight:bold; text-align:center;} /* 품절시 soldout 출력 */ .prd_basic .box .info {padding:0 10px; text-align:center;} .prd_basic .box .name {padding-top:18px;} .prd_basic .box .name a {color:inherit; font-size:inherit; word-break: keep-all;} .prd_basic .box .summary {margin-top:6px; color:#c8883c; font-size:0.917rem; word-break:break-all; word-wrap:break-word;} .prd_basic .box .price {margin-top:5px; font-size:0;} .prd_basic .box .price span {display:inline-block; word-break:break-all; word-wrap:break-word; vertical-align:middle;} .prd_basic .box .price .sell {color:#1a1a1a; font-size:1.083rem;} .prd_basic .box .price .consumer {padding-left:8px; color:#b2b2b2; font-size:0.917rem; text-decoration:line-through;} .prd_basic .box .colorchip {margin-top:; font-size:0;} .prd_basic .box .color_option {display:inline-block; vertical-align:middle;} .prd_basic .box .color_option li {display:inline-block; margin:0; padding:0 3px 0 4px; vertical-align:middle;} /* .prd_basic .box .color_option li:nth-child(1n+6) {display:none;} .prd_basic .box .colorchip .color_more {display:inline-block; padding:0 10px 0 15px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/shop/color_more.png') no-repeat right center; color:#999; font-size:13px; vertical-align:middle;} .prd_basic .box .icon {margin-top:22px;} .prd_basic .box .icon img {margin:5px 2px 0; vertical-align:top;} */ /* 상품스타일 - 보기갯수 */ .prd_basic.col2 > li {width:49.96%; padding-right:0.7%;} .prd_basic.col2 > li:nth-child(3n) {padding:0 0 33px 0.7%;} .prd_basic.col2 > li:nth-child(3n+1) {width:100%; padding:0 13.88% 33px;} .prd_basic.col3 > li {width:49.96%; padding-right:0.7%;} .prd_basic.col3 > li:nth-child(2n) {padding:0 0 33px 0.7%;} /*-----------------------------------------------------------------*/ /* 2-4. layer /*-----------------------------------------------------------------*/ /* 공통 레이어 레이아웃 */ .layer_layout {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:25;} .layer_layout .layer_dimmed, .layer_layout .layer_dimmed_det {position:fixed; left:0; top:0; z-index:15; width:100%; height:100%; background:rgba(0,0,0,0.7);} .layer_layout .layer_inner {display:block; overflow:scroll; position:absolute; left:5%; top:10%; z-index:20; width:90%; max-height:80%; padding:30px 20px; background:#fff; -webkit-overflow-scrolling:touch;} .layer_layout .layer_inner .close {position:absolute; top:0; right:0; z-index:5; width:37px; height:35px; background:url('/_gio_on/_skin/m_lnb/layer_close.png') no-repeat center / 15px;} .layer_layout .layer_inner .title_layer {padding-bottom:23px; font-size:1.333rem; text-align:center; line-height:1;} .layer_layout .layer_inner .txt {font-size:1.083rem;} .layer_layout .layer_inner .txt p {position:relative; margin-top:4px; padding-left:12px; color:#b2b2b2;} .layer_layout .layer_inner .txt p:first-child {margin-top:14px;} .layer_layout .layer_inner .txt p:after {display:inline-block; content:'※'; position:absolute; top:0; left:0; color:#b2b2b2;} .layer_layout .layer_inner .txt.txt2 {padding-top:13px;} .layer_layout .layer_inner .txt.txt2 p:first-child {margin-top:0;} .layer_layout .layer_inner form > div {margin-top:20px;} .layer_layout .layer_inner form > div:last-child {margin-top:25px;} .layer_layout .layer_inner .box_input.btn {position:relative; margin-top:0;} .layer_layout .layer_inner .box_input.btn .form_input {padding-right:100px;} .layer_layout .layer_inner .box_input.btn .box_btn {position:absolute; top:0; right:0; z-index:5;} .layer_layout .layer_inner .box_input.btn .box_btn * {padding:6px 0;} .layer_layout .layer_inner .check_addr label {display:inline-block; padding-left:5px; vertical-align:top;} .layer_layout .layer_inner .check_addr input {display:inline-block; vertical-align:middle;} .layer_layout .layer_inner .list > li {padding:18px 0; border-bottom:1px dotted #e6e6e6;} .layer_layout .layer_inner .list > li:first-child {padding-top:0;} .layer_layout .layer_inner .list > li p.title {padding-bottom:9px; font-size:1.167rem;} .layer_layout .layer_inner .list > li p.caution {color:#b2b2b2;} .layer_layout .layer_inner .list > li > ul.check_list li {position:relative; padding-left:12px;} .layer_layout .layer_inner .list > li > ul.check_list li:before {display:inline-block; content:'ㆍ'; position:absolute; top:0; left:0; z-index:5;} /* 구매가능매장 확인 */ .layer_layout .layer_inner .list > li .store {position:relative;} .layer_layout .layer_inner .list > li .store span {font-size:1.083rem;} .layer_layout .layer_inner .list > li .store .stock {display:inline-block; position:absolute; top:0; right:0; padding-right:23px; background:no-repeat right center / 13px; background-image:url('/_gio_on/_skin/m_lnb/icon_plus.gif');} .layer_layout .layer_inner .list > li .store.open .stock {background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_minus.gif');} .layer_layout .layer_inner .list > li .store .stock.no {color:#e52713;} .layer_layout .layer_inner .list > li .store_det {display:none; margin-top:5px; padding:15px; background:#f2f2f2;} .layer_layout .layer_inner .list > li .store_det .tel {padding-top:4px;} .layer_layout .layer_inner .list > li .store_det * {color:#666;} /* 배송지 목록 */ .layer_layout .layer_inner .d_address_list li {position:relative; margin-top:5px; padding:18px; border:1px solid #e6e6e6;} .layer_layout .layer_inner .d_address_list li:first-child {margin-top:0;} .layer_layout .layer_inner .d_address_list li * {font-size:1.083rem;} .layer_layout .layer_inner .d_address_list li .d_del a {display:block; position:absolute; top:0; right:0; z-index:5; width:32px; height:32px; background:url('/_gio_on/_skin/m_lnb/delete_s.png') no-repeat center / 12px; color:transparent; text-indent:-9999em;} .layer_layout .layer_inner .d_address_list li > a {display:block;} .layer_layout .layer_inner .d_address_list li .name_tel {padding-bottom:5px;} .layer_layout .layer_inner .d_address_list li .name_tel .basic_address {color:#c8883c;} .layer_layout .layer_inner .d_address_list li .d_tel {padding-left:8px; color:#b2b2b2; font-size:1rem;} .layer_layout .layer_inner .sale_prc {color:#f31e1e; font-size:1.083rem;} .layer_layout .layer_inner .cpn_info {margin-top:4px;} .layer_layout .layer_inner .cpn_info li {font-size:0;} .layer_layout .layer_inner .cpn_info li * {color:#b2b2b2;} .layer_layout .layer_inner .cpn_info li .title {display:inline-block; width:65%; vertical-align:top;} .layer_layout .layer_inner .cpn_info li .cpn_prc {display:inline-block; width:35%; padding-left:1%; text-align:right; vertical-align:top;} .layer_layout .layer_inner .sale_msg {padding-top:15px; color:#b2b2b2;} .layer_layout .layer_inner .size_img img {width:100%; height:auto;} .layer_layout .layer_inner p.msg {padding-bottom:17px; border-bottom:1px solid #e6e6e6; text-align:center;} .layer_layout .layer_inner p.check_msg {margin-top:10px;} .layer_layout .layer_inner p.check_msg input {margin-right:5px;} /* 아래에서 올라오는 레이어 */ .layer_layout .layer_bottom {display:block; position:fixed; bottom:-100%; left:0; z-index:20; width:100%; text-align:left;} .layer_layout .layer_bottom .close {display:block; position:absolute; top:-35px; right:0; z-index:20; width:100%; height:35px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/button/layer_close2.png') no-repeat right 2.78% center / 15px;} .layer_layout .layer_bottom .inner {display:block; position:relative; bottom:0; overflow:auto; width:100%; height:100%; max-height:500px; padding:25px 2.78%; background:#fff; -webkit-overflow-scrolling:touch;} @media only screen and (max-height:375px){ .layer_layout .layer_bottom .inner {max-height:285px;} } .layer_layout .layer_bottom .title_layer {padding-bottom:18px; font-size:1.333rem;} .layer_layout .layer_bottom select {width:100%; margin-top:20px;} .layer_layout .layer_bottom .box_qty {margin-top:20px;} .layer_layout .layer_bottom .box_btn.block {margin-top:40px;} /* 바코드 레이어 */ .layer_layout.layer_full {z-index:150;} .layer_layout.layer_full .layer_inner .close {position:fixed; height:50px;} .layer_layout.layer_full .layer_inner {top:0; left:0; width:100%; height:100%; max-height:100%; background:#fff;} .layer_layout.layer_full .layer_inner .confirm {position:fixed; bottom:0; left:0; z-index:5; width:100%;} .layer_layout.layer_full .layer_inner .barcode_box {overflow:scroll; position:absolute; top:50%; left:0; width:100%; max-height:100%; padding:55px 5.5%; text-align:center; -webkit-transform:translateY(-60%); transform:translateY(-60%); -webkit-overflow-scrolling:touch;} .layer_layout.layer_full .layer_inner .barcode_box .milage {padding-bottom:9px; color:#1a1a1a; font-size:2.083rem; font-weight:700;} .layer_layout.layer_full .layer_inner .barcode_box .name {padding-bottom:23px; color:#666; font-size:1.083rem; font-weight:400;} .layer_layout.layer_full .layer_inner .barcode_box .barcode {padding:20px; border:1px solid #e6e6e6;} .layer_layout.layer_full .layer_inner .barcode_box .barcode img {max-width:100%;} .layer_layout.layer_full .layer_inner .barcode_box .code_num {padding-top:12px; color:#b2b2b2;} /*-----------------------------------------------------------------*/ /* 3. Layout /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 3-1. wrapper /*-----------------------------------------------------------------*/ body {padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left); padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);} body.view_nav, body.view_layer {overflow:hidden;} body.view_nav #dimmed {display:block;} /*-----------------------------------------------------------------*/ /* 3-2. header /*-----------------------------------------------------------------*/ header {width:100%; height:50px; background:#fff; text-align:center;} header .fix {position:fixed; z-index:10; width:100%; height:inherit; border-bottom:0px solid #dbdbdb; background:inherit;} header h1 {display:none; text-align:center;} header h1 img {width:auto; height:15.5px; margin:17px 0;} header h1 a {display:inline-block; height:50px; line-height:50px; text-indent:-9999px;} header h1[class*=main], header h1[class*=prd_page], header h1[class*=page_junior] {display:block;} header h1[class*=main] a {width:164.5px; background:url('/_gio_on/_skin/m_lnb/logo.png') no-repeat center/164.5px auto;} header h1[class*=prd_page] a {width:164.5px; background:url('/_gio_on/_skin/m_lnb/logo.png') no-repeat center/164.5px auto;} header h1[class*=page_junior] a {width:126.5px; background:url('/_gio_on/_skin/m_lnb/junior_logo_main.png') no-repeat center/126.5px auto;} header .subtitle {margin:0; padding:0; border:0; font-size:1.500rem; line-height:50px;} header .gnb li a {display:block; position:absolute; top:0; width:30px; height:49px; background-repeat:no-repeat; background-position:center; background-size:20px; color:transparent; text-align:center;} header .gnb li.category a {left:5px; background-image:url('/_gio_on/_skin/m_lnb/icon_category.png');} header .gnb li.search a {right:35px; background-image:url('/_gio_on/_skin/m_lnb/icon_search.png');} header .gnb li.search a.active {background-image:url('/_gio_on/_skin/m_lnb/close.png'); background-size:15px;} header .gnb li.cart a {right:5px; background-image:url('/_gio_on/_skin/m_lnb/icon_cart.png');} header .gnb li.cart a span {position:absolute; left:0; top:20px; width:100%; font-size:0.833rem; font-weight:700; text-align:center;} header .logo_section {display:none; position:relative; width:100%; height:27px; background:#fff;} header .logo_section:after {position:absolute; bottom:9px; left:50%; width:1px; height:8px; background:#d6d6d6; transform:translate(-50%, 0); content:'';} header .logo_section > ul {font-size:0;} header .logo_section > ul > li {position:relative; display:inline-block; width:50%; vertical-align:top;} header .logo_section > ul > li a {display:block; height:27px; line-height:27px;} header .logo_section > ul > li.tab_child0 a { padding-top:7px;} header .logo_section > ul > li.tab_child1 a {padding-top:8px;} header .logo_section > ul > li.tab_child2 a {padding-top:4px;} header .logo_section > ul > li.tab_child0 > a img {width:127px; height:auto;} header .logo_section > ul > li.tab_child1 > a img {width:84.5px; height:auto;} header .logo_section > ul > li.tab_child2 > a img {width:97px; height:auto;} header .logo_section > ul > li.tab_child2 {display:none;} header .logo_section[class*=main] > ul > li.tab_child1 {display:none;} header .logo_section[class*=main] > ul > li.tab_child2 {display:inline-block;} header .logo_section[class*=page_junior] > ul > li.tab_child0 {display:none;} header .logo_section[class*=page_junior] > ul > li.tab_child2 {display:inline-block;} header .box_search {display:none; position:absolute; left:0; top:50px; z-index:15; width:100%; padding-top:29px; padding-bottom:30px; background:rgba(255,255,255,0.95); text-align:center;} header .box_search .search_type1 {margin-top:0;} header .box_search .recommend_word {margin-top:8px;} header .box_search .recommend_word dt {padding-bottom:7px; font-size:1.250rem;} header .box_search .recommend_word dd a {display:block; padding:6px 0; font-size:1.083rem;} /*-----------------------------------------------------------------*/ /* 3-3. nav /*-----------------------------------------------------------------*/ nav {visibility:hidden; overflow:auto; position:fixed; top:0; z-index:30; width:100%; height:100%; padding-bottom:50px; transition:all 0.3s ease-in-out; -webkit-overflow-scrolling:touch;} nav.lnb {left:-230px; background:#fff; text-align:left;} nav.lnb .inner {padding:0 10px 110px;} nav.lnb .lnb_logo_section {height: 45px; border-bottom: 1px solid #e6e6e6;} nav.lnb .lnb_logo_section li {height:45px; text-align:center; border:1px solid #e6e6e6; border-width:0px 0px 0px 1px; width: 33.33%; float: left; } nav.lnb .lnb_logo_section li:first-child {border-width:0px 0px 0px 0px; width: 33.34%;} nav.lnb .lnb_logo_section li.logo0 {background:#1a1a1a; border-color:#1a1a1a;} nav.lnb .lnb_logo_section li a {display:block; height:45px; background-repeat:no-repeat; background-position:center; line-height:45px;} nav.lnb .lnb_logo_section li.logo0 a {background-image:url('/_gio_on/_skin/m_lnb/lnb_logo0.png'); background-size:90px auto;} nav.lnb .lnb_logo_section li.logo1 a {background-image:url('/_gio_on/_skin/m_lnb/lnb_logo_junior_new_off.png'); background-size:90px auto;} nav.lnb .lnb_logo_section li.logo2 a {background-image:url('/_gio_on/_skin/m_lnb/lnb_logo2.png'); background-size:108px auto;} /* 주니어 메인 - lnb 메뉴 로고 변경 */ nav.lnb[class*=page_junior] .lnb_logo_section li.logo0 a {background-image:url('/_gio_on/_skin/m_lnb/lnb_logo_junior_new_on.png'); background-size:90px auto;} nav.lnb[class*=page_junior] .lnb_logo_section li.logo1 a {background-image:url('/_gio_on/_skin/m_lnb/lnb_gio_bk.png'); background-size:90px auto;} nav.lnb .ctrl {position:relative; height:51px; padding:0 10px; border-bottom:1px solid #e6e6e6;} nav.lnb .ctrl a {display:inline-block; vertical-align:top;} nav.lnb .ctrl a.home {padding-left:30px; background:url('/_gio_on/_skin/m_lnb/icon_home.png') no-repeat left center / 20.5px 16.5px; font-size:1.083rem; line-height:50px;} nav.lnb .ctrl a.close {position:absolute; right:0; top:0; width:37px; height:100%; background:url('/_gio_on/_skin/m_lnb/close.png') no-repeat center / 15px; color:transparent; text-indent:-9999em;} nav.lnb .logoff {padding:20px 0 10px; text-align:left;} nav.lnb .logoff a {display:inline-block; height:30px; padding:0 13px 0 40px; background:url('/_gio_on/_skin/m_lnb/icon_log.png') no-repeat left center / 29.5px, url('/_gio_on/_skin/m_lnb/arrow_log.png') no-repeat right center / 7px 11px; line-height:30px;} nav.lnb .logoff a.join_btn {padding-left:30px; background:url('/_gio_on/_skin/m_lnb/arrow_log.png') no-repeat right center / 7px 11px;} nav.lnb .logon {position:relative; margin-top:7px; padding:13px 60px 13px 45px;} nav.lnb .logon > p > strong {font-size:1.250rem;} /*nav.lnb .logon > a.edit {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right:13px; background:url('/_gio_on/_skin/m_lnb/arrow_log.png') no-repeat right center / 7px 11px; color:#666;}*/ nav.lnb .logon > a.edit {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right:13px; color:#666;} nav.lnb .logon > .barcode {position:absolute; top:23px; right:0; z-index:5; width:55px; height:25px; padding:5px; border:1px solid #e6e6e6; text-align:center;} nav.lnb .logon > .barcode img {width:100%; height:14px;} nav.lnb .have {margin-bottom:20px; padding:15px 0; background:#000;} nav.lnb .have ul {position:relative; font-size:0; text-align:center;} /* nav.lnb .have ul:after {display:block; content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background:#333;} */ nav.lnb .have ul li {display:inline-block; width:25%; vertical-align:top;} nav.lnb .have ul li a {display:block; color:#fff; font-size:1.250rem; font-weight:700;} nav.lnb .have ul li a p {padding-bottom:2px; color:#666; font-weight:400;} nav.lnb .have ul li a .unit {color:#fff; font-weight:700;} nav.lnb .category a {display:block;} nav.lnb .category a.active {text-decoration:underline;} nav.lnb .category ul > li.selected > ul {display:block;} nav.lnb .nav_shop1 > li {position:relative;} nav.lnb .nav_shop1 > li > .more {display:block; position:absolute; top:0; right:0; z-index:5; width:17px; height:38px; background:no-repeat center; background-image:url('/_gio_on/_skin/m_lnb/lnb_cate_open.png'); background-size:15px 8.5px;} nav.lnb .nav_shop1 > li > .more.active {background-image:url('/_gio_on/_skin/m_lnb/lnb_cate_close.png');} nav.lnb .nav_shop1 > li > a {padding:5px 0; font-size:1.217rem; font-weight:700;} nav.lnb .nav_shop2 {display:none; margin:8px 0; padding:0 10px;} nav.lnb .nav_shop2 > li > a {margin-bottom:6px; padding:6px 0; font-size:1.050rem;} nav.lnb .nav_shop3 {display:none; margin-bottom:10px; padding:0 20px;} nav.lnb .nav_shop3 > li > a {padding:5px 0; font-size:1.050rem;} nav.lnb .etc_pc {display:none !important;} nav.lnb .board {margin-top:20px;} nav.lnb .board li a {display:block; padding:6px 0; font-size:1.167rem;} nav.lnb .concepts1 a {display:block; height:39px; margin-top:12px; padding:10px 0; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/concepts1.png') no-repeat left center / 136px 19px; color:transparent; text-indent:-9999em;} nav.lnb .fix {visibility:hidden; position:fixed; bottom:50px; left:-230px; width:100%; height:100px; padding:10px; text-align:center; transition:all 0.3s ease-in-out; -webkit-overflow-scrolling:touch;} nav.lnb .fix ul {border:solid #e6e6e6; border-width:1px 1px 0 0; font-size:0;} nav.lnb .fix ul li {display:inline-block; width:33.3%; vertical-align:top;} nav.lnb .fix ul li.app_down {width:100%;} nav.lnb .fix ul li a {display:block; height:40px; border:solid #e6e6e6; border-width:0 0 1px 1px; color:#1a1a1a; font-size:1.067rem; line-height:41px;} nav.lnb.is_show {visibility:visible; left:0;} nav.lnb.is_show .fix {visibility:visible; left:0;} /*-----------------------------------------------------------------*/ /* 3-4. footer /*-----------------------------------------------------------------*/ footer {clear:both; margin-top:60px; text-align:left;} footer .news_event {overflow:hidden; height:50px; background:#1a1a1a;} footer .news_event .tab_newsevent {float:left; position:relative; width:49%; margin-left:-4px;} footer .news_event .tab_newsevent:after {display:block; content:'/'; position:absolute; top:0; left:46px; color:#666; font-size:1.167rem; font-weight:700; line-height:50px;} footer .news_event .tab_newsevent li {display:inline;} footer .news_event .tab_newsevent li a {display:inline-block; padding:0 4px; color:#666; font-size:1.167rem; font-weight:700; line-height:50px;} footer .news_event .tab_newsevent li a.active {color:#fff;} footer .news_event .tabcnt {float:right; width:51%; text-align:right;} footer .news_event .tabcnt a {display:block; overflow:hidden; position:relative; padding-right:14px; color:#ccc; font-size:1.083rem; line-height:50px; text-overflow:ellipsis; white-space:nowrap;} footer .news_event .tabcnt a:after {display:block; content:''; position:absolute; top:0; right:0; width:14px; height:100%; background:url('/_gio_on/_skin/m_lnb/ft_arrow.png') no-repeat center / 6px 10.5px;} footer h2 {padding:40px 0 11px;} footer h2 img {height:14px;} footer .menu {font-size:0;} footer .menu li {display:inline-block; vertical-align:top;} footer .menu li a {display:inline-block; padding:10px 8px 10px 0; color:#666; vertical-align:top;} footer .menu li:last-child a {padding-right:0;} footer .info, footer .info * {color:#b2b2b2; font-size:0.917rem; font-style:normal;} footer .info span {padding-right:7px;} footer .copyright, footer .copyright * {color:#b2b2b2; font-size:0.833rem;} footer .copyright {padding:10px 0 24px;} footer .copyright a strong {color:#666;} footer .cs_sns {font-size:0;} footer .cs_sns dl dt {padding-bottom:7px; color:#b2b2b2; font-size:0.917rem;} footer .cs_sns .cs {display:inline-block; padding-right:55px; vertical-align:top;} footer .cs_sns .cs dd.tel a {display:inline-block; font-size:1.500rem; line-height:1;} footer .cs_sns .sns {display:inline-block; vertical-align:top;} footer .cs_sns .share li {display:inline; padding-right:23.5px; vertical-align:middle;} footer .cs_sns .share li a {display:inline-block; vertical-align:middle;} footer .cs_sns .share li a img {width:auto; height:17px;} footer .quick {margin-top:40px; border-top:1px solid #e6e6e6; font-size:0; text-align:center;} footer .quick li {display:inline-block; position:relative; width:25%;} footer .quick li:after {display:block; content:''; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background:#e5e5e5;} footer .quick li:first-child:after {display:none;} footer .quick li a {display:block; overflow:hidden; height:50px; font-size:1.083rem; line-height:50px; text-overflow:ellipsis; white-space:nowrap;} footer .btn_scroll {position:fixed; right:2.78%; bottom:73px; z-index:10; width:38px;} footer .btn_scroll a {display:block; height:38px; background-repeat:no-repeat; background-position:center; background-size:12.5px auto; font-size:0; text-align:center;} footer .btn_scroll a.up {background-image:url('/_gio_on/_skin/m_lnb/bullet_scrollup.png');} #dimmed {display:none; position:fixed; left:0; top:0; z-index:15; width:100%; height:100%; background:rgba(0,0,0,0.7);} /*-----------------------------------------------------------------*/ /* 3-5. etc layout /*-----------------------------------------------------------------*/ .cntbody, .wrap_inner {padding:0 2.78%;} /* 컨텐츠 사이즈 */ .swiper_cate {background:#f2f2f2;} .swiper_cate .swiper-slide {display:inline-block; width:auto;} .swiper_cate .swiper-slide a {display:inline-block; padding:13.5px 15px; color:#b2b2b2; font-size:1.167rem; line-height:1;} .swiper_cate .swiper-slide.selected a {color:#1a1a1a;} .swiper_cate .no-swipe {text-align:center;} #ch-plugin {position:relative; z-index:10;} /*-----------------------------------------------------------------*/ /* 4. Page /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 4-1. 메인 /*-----------------------------------------------------------------*/ #main .swiper-slide img {width:100%; height:auto;} #main .txt {padding-bottom:9px;} #main .txt .title {font-size:1.458rem; font-weight:700;} #main .txt .summary {padding-top:5px; color:#b2b2b2; font-size:1.083rem;} #main .txt .summary a {display:inline-block; padding-right:12.5px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/right_gray_arrow.png') no-repeat right center / 5px 9px; color:inherit; font:inherit; vertical-align:top;} #main .swiper-pagination {position:relative; bottom:0; padding-top:9px;} #main .prd .swiper-container .swiper-slide {display:inline-block; width:41.6%;} #main .swiper_visual {/*margin-bottom:46px;*/} #main .swiper_visual .swiper-pagination {position:absolute; bottom:20px;} #main .banner_list {text-align:center;} #main .banner_list .mid_margin {margin:2px 0;} #main .banner_list img {width:100%; height:auto;} #main .special {padding-bottom:21px;} #main .bnr {padding-top:44px; text-align:center;} #main .bnr .img img {width:100%;} #main .new_arrivals {position:relative; margin-top:35px;} #main .new_arrivals .type {padding:0 2.78%; font-size:0;} #main .new_arrivals .type li {display:inline-block; position:relative; height:62px; color:#b2b2b2; font-size:1.458rem; line-height:62px; vertical-align:top;} #main .new_arrivals .type li:first-child {margin-right:15px;} #main .new_arrivals .type li:first-child:after {display:block; content:'/'; position:absolute; top:0; right:-12px; color:#b2b2b2; font-size:1.458rem; font-weight:400; line-height:62px;} #main .new_arrivals .type li.selected {color:#1a1a1a; font-weight:700;} #main .new_arrivals .new_link {display:inline-block; position:absolute; top:0; right:2.78%; height:62px; padding-right:12px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/right_blk_arrow.png') no-repeat right 1px center / 5px 9px; line-height:62px;} #main .wide {margin-top:57px;} #main .wide img {width:100%;} #main .swiper_special {margin-top:50px;} #main .movie {margin-top:50px; text-align:center;} #main .movie .video_wrap {display:block; overflow:hidden; position:relative; width:100%;} #main .movie .video {display:block; overflow:hidden; position:relative; width:100%; padding:0;} #main .movie .video:before {display:block; content:''; padding-top:56.25%;} #main .movie .video iframe, #main .movie .video object, #main .movie .video embed {position:absolute; top:0; left:0; z-index:5; width:100%; height:100%;} #main .instagram {margin:35px 0 20px 0; text-align:center;} #main .instagram .title {height:65px; font-size:1.667rem; font-weight:700; line-height:10px;} #main .instagram .link a {display:inline-block; height:20px; margin-top:10px; border-bottom:1px solid #666; color:#666; font-size:14px; line-height:20px;} #main .instagram .insta_list {position:relative; overflow:hidden;} /*-----------------------------------------------------------------*/ /* 4-2.상점 /*-----------------------------------------------------------------*/ /* 주문배송비메세지 - 장바구니(/shop/cart.php), 주문서(order.php) */ .msg_delivery {position:relative; padding:15px;} .msg_delivery.check {padding-left:45px;} .msg_delivery.check input[type=checkbox] {position:absolute; left:15px; top:17px;} .msg_delivery span, .msg_delivery span * {font-size:0.917rem;} /* 상품목록(/shop/big_section.php) */ #big_section .swiper_cate .big_all, #big_section .swiper_cate .mid_all, #big_section .swiper_cate .small_all {display:none;} #big_section .title_img img {width:100%; height:auto;} /* 상품상세페이지(/shop/detail.php) */ #detail h2.title {height:43px; padding:0 !important; z-index:10; border-bottom:0 !important;} #detail h2.title .category a {display:block; position:absolute; top:0; left:5px; width:30px; height:100%; background:url('/_gio_on/_skin/m_lnb/icon_category.png') no-repeat center / 20px; color:transparent; text-indent:-9999em;} #detail h2.title .fix {position:fixed; top:0; left:0; z-index:10; width:100%; padding:12px 80px; background:#fff;} #detail h2.title .name {display:block; overflow:hidden; font-size:1.167rem; letter-spacing:-0.025em; text-overflow:ellipsis; white-space:nowrap;} #detail h2.title .share {right:35px;} #detail h2.title .b_share {right:35px;} #detail h2.title .wish * {display:block; position:absolute; top:0; right:0; width:35px; height:100%; background:url('/_gio_on/_skin/m_lnb/wish.png') no-repeat center / 17.5px 14.5px; color:transparent; text-indent:-9999em;} #detail h2.title .wish.on * {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/button/wish_on.png') no-repeat center / 17.5px 14.5px;} #detail > .prdimg {overflow:hidden; position:relative; padding:0 9.8%; text-align:center;} /* #detail > .prdimg {overflow:hidden; position:relative; padding:0; text-align:center;} */ #detail > .prdimg img {width:100%; height:auto;} #detail > .prdimg .addimg {display:none;} #detail > .prdimg .addimg .swiper-pagination-fraction {color:#fff; font-size:0.917rem;} #detail > .prdimg .addimg .swiper-pagination-fraction * {color:inherit; font:inherit;} #detail > .prdimg .addimg .swiper-pagination-fraction .swiper-pagination-current {font-size:1.083rem;} #detail .info_wrap {padding:26px 0;} #detail .info_wrap .list_opt > li select, #detail .info_wrap .list_opt > li > input {width:100%;} #detail .info_wrap .order_cnt_gio {margin:0 0 0 0px; height:15px; display:inline-block;} #detail .info_wrap .order_cnt_gio > .order_cnt_gio_inner {margin:0px; line-height:15px; padding:0px 10px; height:15px; overflow:hidden; display:inline-block; background-color:#1a1a1a; color:#ffffff; font-size:11px; border-radius: 5px;} #detail .info_wrap .order_detail_gio {margin:0px; padding:0px; border-top:1px solid #e6e6e6} #detail .info_wrap .order_detail_gio > p {color:#262626; margin-bottom:2px; padding:5px 0 0 0;} #detail .info_wrap .prd_stylecd_gio {color:#b2b2b2; margin-top:5px; padding: 0 2.78%} #detail .info_wrap .summary {color:#c8883c; font-size:0.917rem; word-break:break-all; display:inline-block; margin-top:-7px; vertical-align:middle; margin-right:10px;} #detail .info_wrap .prd_name {position:relative; margin-bottom:10px; font-size:1.333rem; font-weight:400; word-break: keep-all;} #detail .info_wrap .price {position:relative; font-size:0;} #detail .info_wrap .price > * {line-height:1;} #detail .info_wrap .price .sell {display:inline-block;} #detail .info_wrap .price .sell strong {font-size:2.083rem; font-weight:400;} #detail .info_wrap .price del {display:inline-block; margin-left:11px; color:#b2b2b2;} #detail .info_wrap .price .sale {display:inline-block; width:13px; height:13px; margin-left:5px; background:url('/_gio_on/_skin/m_lnb/icon_plus.gif') no-repeat right center / 13px;} #detail .info_wrap .price .coupon {display:inline-block;position: absolute;top: 10px;width:65px;height:17px; background:url('/_gio_on/_skin/m_lnb/download_coupon.png') no-repeat center / 65px 17px;right: 0px;} #detail .pop_coupon .count {padding:10px; background:#fafafa;} #detail .pop_coupon .count p {margin-top:5px; font-size:0.917rem;} #detail .pop_coupon .list {overflow:auto; max-height:200px; margin-top:10px; border-top:1px solid #e0e0e0;} #detail .pop_coupon .list li {position:relative; padding:15px 100px 15px 15px; border-bottom:1px solid #e0e0e0; text-align:left; font-size:11px;} #detail .pop_coupon .list a {position:absolute; right:15px; top:50%; transform: translate(0%, -50%); padding:5px 10px; background:#363636; color:#fff;} #detail .list_wrap.list0 {margin-top:25px; padding:15px 0; border-top:1px solid #e6e6e6;} #detail .list_wrap.list1 {margin-bottom:20px; padding:13px 0 8px 0; background:#f2f2f2;} #detail .list_wrap .list {width:100%;} #detail .list_wrap .list th {padding:5px 0; color:#b2b2b2; font-weight:400; text-align:left; vertical-align:middle;} #detail .list_wrap.list0 .list th {padding:14px 0;} #detail .list_wrap .list td {position:relative; padding:5px 50px 5px 0; text-align:left; vertical-align:middle;} #detail .list_wrap.list0 .list td {padding:14px 10px;} #detail .list_wrap .list td .btn_layer {display:inline-block; position:absolute; top:50%; right:0; z-index:5; height:30px; margin-top:-15px; line-height:30px; text-decoration:underline;} #detail .list_wrap .list td select {width:100%;} #detail .list_wrap .list td .text_option {overflow:hidden; padding-right:50px;} #detail .list_wrap .list td .part_soldout .btn_layer {right:0;} #detail .info_wrap > .list_set {margin-top:20px; padding:0 10px; border-bottom:0px solid #e0e0e0; text-align:left;} #detail .info_wrap > .list_set > h3 {padding:10px 0; border:1px solid #e0e0e0; border-width:1px 0;} #detail .info_wrap > .list_set > .box > ul {margin-bottom:-1px;} #detail .info_wrap > .list_set > .box > ul > li {overflow:hidden; position:relative; padding:15px 0; border-top:1px solid #e0e0e0;} #detail .info_wrap > .list_set > .box > ul > li:first-child {border-top:0;} #detail .info_wrap > .list_set > .box > ul > li > div {margin-left:110px;} #detail .info_wrap > .list_set > .box > ul > li > div.img {float:left; width:90px; margin-left:0;} #detail .info_wrap > .list_set > .box > ul > li > div.img img {width:100%; height:auto;} #detail .info_wrap > .list_set > .box > ul > li > div.info {margin-bottom:7px;} #detail .info_wrap > .list_set > .box > ul > li > div.info * {font-size:1.083rem;} #detail .info_wrap > .list_set > .box > ul > li > div.opt {padding-bottom:7px;} #detail .info_wrap > .list_set > .box > ul > li > div.opt input[type=text], #detail .info_wrap > .list_set > .box > ul > li > div.opt select {width:100%; margin:3px 0;} #detail .info_wrap > .list_set > .box > ul > li > div.btn .quick {position:absolute; top:15px; right:0;} #detail .info_wrap > .list_set > .box > ul > li > div.btn .quick > a {width:34px; height:34px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/shop/icon_set_quick.png') no-repeat center/14px; color:transparent; font-size:0; text-indent:-9999px;} #detail .info_wrap > .list_set.select > .box > ul > li > div.info {padding-right:40px;} #detail .btn_store {display:block; height:40px; border:1px solid #b3b3b3; background:#fff; text-align:center;} #detail .btn_store span {display:inline-block; height:38px; padding-left:21px; background:url('/_gio_on/_skin/m_lnb/icon_store.png') no-repeat left center / 10.5px 12.5px; font-size:1.167rem; font-weight:700; line-height:38px; vertical-align:top;} #detail #det_store .layer_inner .list > li {padding:4px 0; border-bottom:0;} #detail .toggle_wrap {border-bottom:1px solid #e6e6e6;} #detail .toggle_btn {height:53px; padding:0 10px; border-top:1px solid #e6e6e6; background:no-repeat right 10px center / 13px; background-image:url('/_gio_on/_skin/m_lnb/icon_plus_s.png'); font-size:1.167rem; line-height:53px;} #detail .toggle_btn.active {background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_minus_s.png');} #detail .toggle_btn.bg {background:none;} #detail .toggle_cnt {display:none; padding:0 12px; margin-bottom:15px; overflow:auto; max-height:200px;} #detail .toggle_cnt.block {display:block;} #detail .toggle_cnt * {font-size:1.083rem;} #detail .toggle_cnt span {color:#b2b2b2; font-size:inherit;} #detail .toggle_cnt .dot_list li {position:relative; margin-top:3px; padding-left:18px;} #detail .toggle_cnt .dot_list li:first-child {margin-top:0;} #detail .toggle_cnt .dot_list li:before {display:block; content:'ㆍ'; position:absolute; top:0; left:0;} #detail .toggle_cnt .dot_list li > p {font-size:1.167rem; font-weight:700;} #detail .toggle_cnt img {padding:0 10px 10px 0;} #detail .wrap_info {clear:both;} #detail .wrap_info .tab_area > .tab {padding:60px 0 30px; text-align:center; font-size:0;} #detail .wrap_info .tabcnt_detail0 .tab_area > .tab {padding-top:30px;} #detail .wrap_info .tab_area > .tab li {display:inline-block; position:relative; padding:0 7px 0 12px;} #detail .wrap_info .tab_area > .tab li:after {display:block; content:'/'; position:absolute; left:0; top:3px; color:#b2b2b2; font-size:1.333rem;} #detail .wrap_info .tab_area > .tab li:first-child {padding-left:3.5px;} #detail .wrap_info .tab_area > .tab li:first-child:after {display:none;} #detail .wrap_info .tab_area > .tab li a {display:inline-block; color:#b2b2b2; font-size:1.333rem; line-height:28px;} #detail .wrap_info .tab_area > .tab li a.active {color:#1a1a1a; font-weight:700; border-bottom:1px solid #1a1a1a;} #detail .detail_info, #detail .common_info {word-break:break-all;} #detail .detail_info * {font-family:inherit; font-size:inherit; text-align:inherit; line-height:inherit;} #detail .detail_info img, #detail .common_info img {max-width:100%; height:auto; font-size:0; line-height:0;} #detail .rev_qna_btn {text-align:center;} #detail .qna_top_info {margin-top:0;} #detail .rel_prd {padding:20px 0 0;} #detail .title_related {padding:0 0 13px; text-align:center;} #detail .related_prd_view {border-bottom:0; line-height:1.3} #detail .related_prd_view .swiper-wrapper {padding-bottom:0;} #detail .related_prd_view .swiper-slide {display:inline-block; width:41.6%;} #detail .related_prd_view .prd_basic .box .name {padding-top:9px;} #detail .det_fix {position:fixed; bottom:0; left:0; z-index:20; width:100%;} #detail .det_fix .btn_col2 span:first-child * {border-width:1px 0 0 0;} /* 상세 하단 고정 */ #detail .buying .layer_bottom .inner {padding-top:5px;} #detail .buying .layer_bottom .inner > * {display:none;} #detail .buying .layer_bottom .inner .list_wrap.list0 .box_qty {display:block;} #detail .buying .layer_bottom .inner .list_wrap.list0 {display:block;} #detail .buying.layer_layout .layer_bottom .inner > * {display:block;} #detail .buying.layer_layout .list_wrap.list0 {margin:0; padding:0; border-top:0;} #detail .buying.layer_layout .list_wrap.list0 .text_option {padding-right:0px;} #detail .buying.layer_layout .list_wrap .list td .info_size, #detail .buying .list_wrap .list td #det_restock_btn1 {display:none !important;} #detail .buying.layer_layout .list_wrap .list td #det_restock_btn1 {display:inline-block !important; position:absolute; top:14px; right:0;} #detail .buying .selected_list {overflow-y:auto; max-height:112.5px; border-top:0px solid #e6e6e6; padding-top:4px;} #detail .buying .selected_list > li:after {display:block; clear:both; content:'';} #detail .buying .selected_list > li {position:relative; padding:7.5px 30px 7.5px 0;} #detail .buying .selected_list > li .name {float:left; overflow:hidden; width:calc(100% - 115px); font-size:1.083rem; line-height:30px; text-overflow:ellipsis; white-space:nowrap;} #detail .buying .selected_list > li .box_qty {float:right; margin-top:0;} #detail .buying .selected_list > li .del {display:block; position:absolute; top:50%; right:0; z-index:5; width:30px; height:30px; margin-top:-15px; background:url('/_gio_on/_skin/m_lnb/delete_s.png') no-repeat right center / 12px;} #detail .buying .opt_total {clear:both; position:relative; height:67px; margin-top:19.5px; border:1px solid #1a1a1a; border-width:1px 0;} #detail .buying .opt_total:after {display:block; clear:both; content:'';} #detail .buying .opt_total * {line-height:67px;} #detail .buying .opt_total .title {float:left; width:30%; color:#b2b2b2; text-align:left;} #detail .buying .opt_total strong {float:right; width:70%; font-size:1.083rem; font-weight:400; text-align:right;} #detail .buying .opt_total strong * {font-size:2.083rem; font-weight:400;} #detail .buying .opt_total .coupon {display:inline-block; margin-right:5px; padding:2px 20px 2px 5px; border:1px solid #c3c3c3; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/shop/apply_coupon.png') no-repeat 90% center; font-size:11px;} /* 재입고 레이어 */ #detail #det_restock .list_wrap.list0 {margin:0; padding:0; border-top:0; border-bottom:1px solid #e6e6e6;} #detail #det_restock .list_wrap.list0 thead th, #detail #det_restock .list_wrap.list0 thead td {border:solid #e6e6e6; border-width:1px 0;} #detail #det_restock .list_wrap.list0 .list td {padding:7.5px 0 !important;} #detail #det_restock .list_wrap.list0 .list td {padding:7.5px 0 !important;} #detail #det_restock .layer_layout .layer_inner form > div.phone {margin-top:0;} /* 퀵프리뷰 - 팝업(/shop/detail_popup.php) */ #detail_pop {position:relative; padding:0;} #detail_pop #detail > .name .close {display:block; overflow:hidden; position:absolute; right:0; top:0; z-index:5; width:46px; height:100%; background:url('/_gio_on/_skin/m_lnb/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;} /* 장바구니(/shop/cart.php) */ #cart .check_btn {position:relative; height:30px; margin:30px 0 15px; text-align:right;} #cart .check_btn input {position:absolute; top:7.5px; left:0;} #cart .list_cart li {margin-bottom:0; border-top:0;} #cart .list_cart li:first-child {border-top:1px solid #666;} #cart .cpn {margin-top:15px;} #cart .total_box {margin:30px 0 40px;} #cart .total_box table tbody .milage {padding-top:3px !important;} #cart .btn_bottom {margin-bottom:5px;} #cart .continue {margin-top:5px;} #cart .btn_other {margin-top:30px; text-align:center;} #cart .cart_item {margin:24px 0 16px;} #cart .cart_item h2 {padding:0 0 20px 10px; font-size:1.333rem; font-weight:400; letter-spacing:-0.025rem;} /* 장바구니 개별상품 쿠폰적용 */ #cart .cart_prc > .after {display:none;} #cart .cart_prc.is_sale > .before {text-decoration:line-through;} #cart .cart_prc.is_sale > .after {display:block; padding-left:42px;} /* 장바구니 옵션 변경 */ .cart_change_option .img {width:100%;} .cart_change_option .img img {width:100%; height:auto;} .cart_change_option .info {margin:10px;} .cart_change_option .info .opt {padding-top:5px;} .cart_change_option .info .price {padding:10px 0;} .cart_change_option .info .price strong {color:#000; font-size:1.667rem;} .cart_change_option .info .ea {position:relative; height:40px; border:1px solid #d8d8d8;} .cart_change_option .info .ea a {display:block; position:absolute; top:0; width:40px; height:40px; font-size:2em; text-align:center; line-height:40px;} .cart_change_option .info .ea a.plus {left:0; border-right:1px solid #d8d8d8;} .cart_change_option .info .ea a.minus {right:0; border-left:1px solid #d8d8d8;} .cart_change_option .info .ea .box_input {margin:0 40px;} .cart_change_option .info .ea .box_input .form_input {border:0; text-align:center;} .cart_change_option .info .list_opt li {padding-bottom:10px;} .cart_change_option .info .list_opt li select {width:100%;} .cart_change_option .info .total_prc {padding:10px; text-align:right;} .cart_change_option .info .total_prc span {margin-left:3px; color:#000;} .cart_change_option .info .total_prc span .sell_prc_str_total {color:inherit; font-size:1.667rem; font-weight:bold;} /* 프로모션 기획전(/shop/promotion.php) */ .speical_group {margin:0;} .speical_group > .menu {margin-bottom:20px; font-size:0;} .speical_group > .menu > li {display:inline-block; width:50%;} .speical_group > .menu > li > a {display:block; overflow:hidden; margin:-1px -1px 0 0; padding:10px; border:1px solid #d2d2d2; color:#666; text-align:center; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;} .speical_group > .menu > li > a:hover, .speical_group > .menu > li > a.active {position:relative; z-index:2; border:1px solid #535353; color:#333; font-weight:bold;} .speical_group > .intro > .title {position:relative; padding:15px 0; border-bottom:1px solid #d2d2d2;} .speical_group > .intro > .title > h3 {padding-bottom:5px; font-size:1.167rem; font-weight:bold;} .speical_group > .intro > .title > span {color:#666; font-size:1rem;} .speical_group > .intro > .summary {padding:15px 0; border-bottom:0px solid #d2d2d2; text-align:center;} .speical_group > .intro > .summary img {max-width:100%;} .speical_group > .box {border-bottom:0px solid #d2d2d2; text-align:center;} .speical_group > .box > h4 {padding:20px 0 15px; font-size:1.333rem;} .speical_group > .box > .img {padding-bottom:30px;} .speical_group > .box > .img img {max-width:100%;} /* 주문서(/shop/order.php) */ #order h3 {position:relative; padding:14px 2.78%; background:#f2f2f2; font-size:1.333rem; font-weight:400;} #order h3:after {display:block; content:''; position:absolute; right:2.78%; top:50%; width:14px; height:8px; margin-top:-4px; background:no-repeat center / 14px 7.5px; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/arrow_up.png');} #order h3.active:after {background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/arrow_down.png');} #order h4 {margin-top:25px; padding:16px 0; font-weight:400; text-align:left;} #order h4.first {margin-top:0; padding-top:0;} #order h4 span {color:#b2b2b2;} #order h4 span strong {color:#c8883c; font-weight:400;} #order .part_guest .scroll {overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; height:160px; border:1px solid #d9d9d9; border-width:1px 0; background:#fff; -webkit-overflow-scrolling:touch;} #order .part_guest .scroll iframe {position:absolute; top:0; left:0; width:100%; height:100%;} #order .part_guest .agree_guest {padding:15px;} #order .list_cart li {margin-bottom:0; border-top:0;} #order .part {padding-top:30px; padding-bottom:15px;} #order .part_prd {padding-top:0;} #order .part_gift .tbl_col thead {display:none;} #order .part_delivery .addr_ch {font-size:0; text-align:left;} #order .part_delivery .addr_ch li {display:inline-block; padding:0 0 15px 10px;} #order .part_delivery .addr_ch li:first-child {padding-left:0;} #order .part_delivery .addr_ch li label {display:inline-block; padding:0 10px;} #order .part_delivery .addr_list {padding-bottom:20px;} #order .part_delivery .address_area > div {margin-top:15px;} #order .part_delivery .address_area > div.find_zip {margin-top:30px;} #order .part_delivery .address_area > div.find_zip label {display:inline-block; padding:0 16px 0 6px;} #order .part_delivery .address_area .addbtn {position:relative;} #order .part_delivery .address_area .addbtn input {padding-right:100px;} #order .part_delivery .address_area .addbtn .check {display:inline-block; position:absolute; right:0; top:5.5px; width:90px; height:30px; background:#666; color:#fff; line-height:30px; text-align:center;} #order .part_delivery textarea.form_input {height:170px;} #order .part_gift .info {position:relative;} #order .part_gift .gift_layer {display:none; position:absolute; top:0; left:70px; z-index:5; width:240px; padding:15px; border:1px solid #999; background:#fff;} #order .part_gift .gift_layer .close {display:block; position:absolute; top:0; right:0; width:30px; height:30px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/button/layer_close3.png') no-repeat center / 12px; color:transparent; text-indent:-9999em;} #order .part_gift .gift_layer ul li {position:relative; padding:0 10px; color:#b2b2b2;} #order .part_gift .gift_layer ul li:before {display:block; content:'ㆍ'; position:absolute; top:0; left:0; color:#b2b2b2;} #order .part_gift .gift_layer .img {margin-top:12px;} #order .part_gift .gift_layer .img img {width:100%; height:auto;} #order .part_gift .gift_apply {font-size:0; text-align:left;} #order .part_gift .gift_apply label {display:inline-block; padding:0 16px 0 6px;} #order .part_gift .gift_pay {position:relative; padding-right:130px;} #order .part_gift .gift_pay select {width:100%;} #order .part_gift .gift_pay p {display:block; position:absolute; top:0; right:0; width:130px; line-height:40px; text-align:right;} #order .part_discount > div {margin-top:15px;} #order .part_discount > div:first-child {margin-top:0;} #order .part_discount .addbtn2 {position:relative; padding-right:110px;} #order .part_discount .addbtn2 .unit span {display:block; width:100%; height:40px; padding:0 10px; border-bottom:1px solid #666; color:#b2b2b2; font-size:1.167rem; line-height:40px;} #order .part_discount .addbtn2 .box_btn {display:inline-block; position:absolute; right:0; top:0;} #order .part_discount > div:first-child {padding-top:0;} #order .part_discount .order_cpn {display:none;} #order .part_discount .coupon_list {margin-top:10px;} #order .part_discount .coupon_list li {display:block; position:relative; padding:8px 0 8px 25px;} #order .part_discount .coupon_list li label {padding:0; font-size:0; line-height:normal;} #order .part_discount .coupon_list li .check {position:absolute; left:0; top:9px;} #order .part_discount .coupon_list li .name {display:inline; font-size:14px; vertical-align:top;} #order .part_discount .coupon_list li .name label {display:inline;} #order .part_discount .coupon_list li .content {display:inline; position:relative; color:#b2b2b2; vertical-align:top;} #order .part_discount .coupon_list li .content * {color:inherit;} #order .part_discount .coupon_list li .content:before {content:'(';} #order .part_discount .coupon_list li .content:after {content:')';} #order .part_discount .coupon_list li .content span {vertical-align:top;} #order .part_discount .coupon_list li .content span:before {content:' / ';} #order .part_discount .coupon_list li .content span:first-child:before {content:'';} #order .part_discount > div.offcoupon .offbtn {padding-top:10px;} #order .part_discount > div.offcoupon #off_cpn_div2, #order .part_discount > div.offcoupon #off_cpn_img2 {display:none;} #order .total_box {padding-top:0; background:none;} #order .total_box table tbody th {color:#b2b2b2;} #order .total_box table tbody td {color:#1a1a1a;} #order .total_box table tbody tr.add_milage td {font-size:1rem;} #order .part_method {position:relative;} #order .part_method > div {position:relative; margin-top:15px;} #order .part_method > div:nth-child(2) {margin-top:0;} #order .part_method > div > label > input {margin-top:1px;} #order .part_method > div .msg_pay {padding:10px 0 0 0 !important; color:#b2b2b2 !important;} #order .part_method > div .bank_name {display:none;} #order .part_method > div #cash_reg {padding:5px 0 !important;} #order .part_method > div #cash_reg span {color:#b2b2b2 !important;} #order .part_method > div select {width:100%; margin-bottom:5px;} #order .part_method > div.card_benefit {display:inline-block; position:absolute; top:28px; right:2.87%; z-index:5; margin:0; border-bottom:1px solid #1a1a1a;} #order .refund_info {margin-bottom:0px; padding:10px 0 0 10px !important;} #order .refund_info > .title {padding-bottom:1px; color: #b2b2b2 !important; font-size:1.333rem; margin-bottom:0px;} #order .refund_info .msg{margin-top:0px; line-height:30px;} #order .refund_info select {margin-bottom:0px;} #order .refund_info input.refund {margin-top:0px;} #order .refund_info p{margin-top:10px; color:#b2b2b2 !important;} #order .msg_pay {margin-left:10px;} #order .order_cancel_msg {color:#b2b2b2;} #order .reconfirm {border-top:1px solid #e6e6e6;} #order .reconfirm label {display:block; position:relative; padding:10px 0 10px 24px;} #order .reconfirm label > input {position:absolute; left:0; top:10px;} #order .total_box table tbody th .view_info.style2 {display:block; position:static; width:200%; padding:0; border:0; background:none;} #order .total_box table tbody th .view_info.style2 .close {display:none;} #order .total_box table tbody th .view_info.style2 li:first-child {margin-top:0;} #order .total_box table tbody th .view_info.style2 .title {padding-bottom:0px; color:#b2b2b2;} #order .total_box table tbody .order_area_total_sale_prc th {color:#c8883c;} #order .total_box table tbody .order_area_total_sale_prc td {color:#c8883c;} #order .total_box table tbody .order_area_total_sale_prc td {vertical-align:top;} #order .total_box table tbody .order_area_total_sale_prc th li {font-size:0; margin-top: 5px !important} #order .total_box table tbody .order_area_total_sale_prc th li > * {display:inline-block; width:50%;} #order .total_box table tbody .order_area_total_sale_prc th li > *:nth-child(2) {color:#b2b2b2; text-align:right;} #order .total_box table tbody .order_area_total_sale_prc th li > *:nth-child(2) * {color:#b2b2b2;} #order .total_box table tbody .order_area_total_sale_cpn_prc th {color:#c8883c;} #order .total_box table tbody .order_area_total_sale_cpn_prc td {color:#c8883c;} #order .total_box table tbody .order_area_total_sale_cpn_prc td {vertical-align:top;} #order .total_box table tbody .order_area_total_sale_cpn_prc th li {font-size:0; margin-top: 5px !important;} #order .total_box table tbody .order_area_total_sale_cpn_prc th li > * {display:inline-block; width:50%;} #order .total_box table tbody .order_area_total_sale_cpn_prc th li > *:nth-child(2) {color:#b2b2b2; text-align:right;} #order .total_box table tbody .order_area_total_sale_cpn_prc th li > *:nth-child(2) * {color:#b2b2b2;} #order #order1 {padding-top:30px;} #order #order2 {display:none; padding-top:30px; text-align:center;} #order #order2 .total_info {font-size:1.333rem; font-weight:700;} #order #order2 .total_info strong, #order #order2 .total_info strong * {font-size:inherit;} #order #order2 .msg {padding:23px 0; color:#b2b2b2;} /* 주문완료(/shop/order_finish.php) */ #orderfin .info {margin-top:15px;} #orderfin .email {margin-bottom:15px; padding:13px 0; border-bottom:1px solid #e6e6e6; font-size:1.167rem; text-align:center;} #orderfin .email .guest {padding-top:6px; color:#b2b2b2;} #orderfin .list_cart li {margin-bottom:0; border-top:0;} #orderfin .list_cart li:first-child {border-top:1px solid #666;} #orderfin .btn_col {margin-top:40px;} /* 상품검색(/shop/search_result.php) */ #search_result .research {width:100%; text-align:left;} #search_result .research .box {position:relative; padding:5px 50px 5px 0; background:#efeeed;} #search_result .research .box .basic_search {border:0; background:transparent;} #search_result .research .box .btn {position:absolute; right:15px; top:13px; width:18px; height:18px;} #search_result .research .box:after {position:absolute; right:45px; top:13px; width:1px; height:18px; background:#c9c8c8; content:'';} #search_result .research label {display:inline-block; padding:10px 15px 0 15px; color:#888;} #search_result .rank {background:#f1f1f1;} #search_result .rank .title {padding:5px; border:1px solid #dcdcdc; background:#fff; color:#666; text-align:center;} #search_result .rank ol {display:none;} #search_result .rank ol li {float:left; overflow:hidden; width:50%; padding:5px; text-align:left; text-overflow:ellipsis; white-space:nowrap;} #search_result .rank ol li span {display:inline-block; width:18px; height:18px; border-radius:50%; background:#fff; color:#000; text-align:center; font-weight:bold; line-height:18px;} #search_result .rank:after {display:block; clear:both; content:'';} #search_result .result_cate {margin-top:10px;} #search_result .result_cate h3 {padding:5px;} #search_result .result_cate ul {border-top:1px solid #dcdcdc;} #search_result .result_cate ul li {position:relative; float:left; width:33.33%; border:1px solid #dcdcdc; border-width:0 1px 1px 0; font-size:0.917rem;} #search_result .result_cate ul li:nth-child(3n+1) {border-width:0 1px 1px 1px;} #search_result .result_cate ul li a {display:block; overflow:hidden; padding:10px 20px 10px 10px; font-size:inherit; text-overflow:ellipsis; white-space:nowrap;} #search_result .result_cate ul li span {position:absolute; right:10px; top:10px; font-size:inherit;} #search_result .result_cate:after {display:block; clear:both; content:'';} #search_result .prd_normal {margin-top:15px;} /* 상품문의 & 상품후기 */ /* 문의 상단 */ .qna_top_info {margin:30px 0; text-align:center;} .qna_top_info .msg {margin-bottom:40px; padding:20px 18px; border:1px solid #e6e6e6; text-align:left;} .qna_top_info li {position:relative; padding-left:10px; color:#b2b2b2;} .qna_top_info li:before {display:block; content:'ㆍ'; position:absolute; top:0; left:0;} /* 후기 상단 */ .rev_top_info {position:relative; margin-bottom:7.5px; border:1px solid #e6e6e6; font-size:0; text-align:center;} .rev_top_info .score * {display:inline-block; height:60px; line-height:60px; vertical-align:top;} .rev_top_info .score .title {padding-right:15px;} .rev_top_info .score .average {font-size:1.667rem;} .rev_top_info .score .rating {width:85px; margin-left:10px; background:url('/_gio_on/_skin/m_lnb/star_bg.png') repeat-x left center / 17px 14.5px; font-size:0; text-align:left;} .rev_top_info .score .rating img {width:17px; height:14.5px; vertical-align:middle;} /* 후기 정렬 */ .tab_rev_type {position:relative;} .tab_rev_type .total {display:inline-block; color:#b2b2b2; font-family:'NotoSansKR'; font-size:0.917rem; line-height:53px;} .tab_rev_type .total strong {font:inherit; line-height:53px;} .tab_rev_type .now {position:absolute; top:0; right:0; min-width:50px; height:53px; padding-right:20px; background:url('/_gio_on/_skin/m_lnb/select.png') no-repeat right center / 8px 5.5px; line-height:53px; text-align:right;} .tab_rev_type .tab_rev_list {display:none; position:absolute; top:53px; right:0; z-index:5; width:100px; padding:10px 0; border:1px solid #e6e6e6; background:#fff;} .tab_rev_type .tab_rev_list li a {display:block; height:31px; padding-left:18px; font-size:0.917rem; line-height:31px;} .tab_rev_type .tab_rev_list li a.checked {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/check.png') no-repeat right 9px center;} .tab_rev_type:after {display:block; clear:both; content:'';} /* 상품문의 & 상품후기 & 마이페이지 1:1 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */ /* 문의 */ .list_qna {margin-bottom:15px; border-top:1px solid #1a1a1a;} .list_qna > li {border-bottom:1px solid #e6e6e6;} .list_qna.mg > li {margin-bottom:15px; border-top:0px solid #666;} .list_qna > li * {letter-spacing:-0.025em; font-weight:400;} .list_qna > li:first-child {border-top:0;} .list_qna > li .subject {position:relative; padding:18px 57px 18px 45px;} .list_qna > li .subject > .no {display:block; position:absolute; top:50%; left:0; width:45px; padding-right:10px; font-size:0.917rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center;} .list_qna > li .subject > p.title, .list_qna > li .subject > p.title * {font-size:1.083rem;} .list_qna > li .subject > p.title img {width:auto; height:10px; margin-top:4px; vertical-align:top;} .list_qna > li .subject > p.date {padding-top:5px; color:#b2b2b2; font-size:0.917rem;} .list_qna > li .subject > .status {display:block; position:absolute; top:50%; right:0; width:57px; padding-right:10px; color:#b2b2b2; font-size:0.917rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:right;} .list_qna > li .subject > .icon {display:block; position:absolute; top:50%; right:0; width:57px; height:100%; padding-right:10px; background:url('/_gio_on/_skin/m_lnb/icon_plus_s.png') no-repeat center / 13px; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center;} .list_qna > li .content {display:none; padding:20px 0; border-top:1px solid #e6e6e6; background:#f2f2f2;} .list_qna > li .content .question {position:relative; min-height:15px; padding:0 10px 0 45px; color:#666;} .list_qna > li .content .question:before {display:inline-block; position:absolute; left:0; top:1px; width:35px; color:#1a1a1a; font-size:1.250rem; text-align:center; content:'Q'; line-height:1;} .list_qna > li .content .answer {position:relative; min-height:15px; margin-top:20px; padding:0 20px 0 45px; color:#666; word-break:keep-all;} .list_qna > li .content .answer:before {display:inline-block; position:absolute; left:0; top:1px; width:35px; color:#1a1a1a; font-size:1.250rem; text-align:center; content:'A'; line-height:1;} .list_qna > li .content .answer2 {position:relative; min-height:31px; margin-top:20px; padding:0 20px; color:#666;} .list_qna > li .content .answer2:before {display:inline-block; content:''; position:absolute; left:20px; top:-40px; z-index:5; width:22px; height:31px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_answer.png') no-repeat 0 / 22px 31px;} .list_qna > li .content .question img, .list_qna > li .content .answer img, .list_qna > li .content .answer2 img {max-width:100%; height:auto;} .list_qna > li .content .btn {padding-top:20px; text-align:center;} .list_qna > li .content .comment {padding-top:10px;} /* 후기 */ .list_rev {border-top:1px solid #1a1a1a;} .list_rev > li {border-bottom:1px solid #e6e6e6;} .list_rev > li:after {display:block; clear:both; content:'';} .list_rev > li * {letter-spacing:-0.025em; font-weight:400;} .list_rev > li:first-child {border-top:0;} .list_rev > li .subject {padding:19px 0;} .list_rev > li .subject.toggle {padding-right:33px; background:url('/_gio_on/_skin/m_lnb/icon_plus_s.png') no-repeat right 10px center / 13px;} .list_rev > li .prdimg {float:left; width:28%;} .list_rev > li .prdimg img {width:100%; height:auto;} .list_rev > li .subject.prd {float:right; width:70%;} .list_rev > li .subject.prd .title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .list_rev > li .subject .star2 {width:65px; margin-bottom:3px; background:url('/_gio_on/_skin/m_lnb/star2_bg.png') repeat-x left top / 13px 11px; text-align:left;} .list_rev > li .subject .star2 img {width:13px; height:11px;} .list_rev > li .subject > p.title {margin-bottom:12px;} .list_rev > li .subject > p.title, .list_rev > li .subject > p.title * {font-size:1.083rem;} .list_rev > li .subject > p.title img {width:auto; height:10px; margin-top:4px; vertical-align:top;} .list_rev > li .subject .col {font-size:0;} .list_rev > li .subject .col * {display:inline-block; color:#b2b2b2; font-size:0.917rem; line-height:1; vertical-align:top;} .list_rev > li .subject .col span {position:relative; padding-left:25px;} .list_rev > li .subject .col span:after {display:block; content:''; position:absolute; top:50%; left:12.5px; width:1px; height:10px; margin-top:-5px; background:#e6e6e6;} .list_rev > li .subject .col span:first-child {padding-left:0;} .list_rev > li .subject .col span:first-child after {display:none;} .list_rev > li .content {padding:25px 20px; border-top:1px solid #e6e6e6; background:#f2f2f2;} .list_rev > li .content .question {position:relative; min-height:15px; padding:0 10px 0 45px; color:#666;} .list_rev > li .content .question:before {display:inline-block; position:absolute; left:0; top:1px; width:35px; color:#1a1a1a; font-size:1.250rem; text-align:center; content:'Q'; line-height:1;} .list_rev > li .content .answer {position:relative; min-height:15px; margin-top:20px; padding-left:45px; color:#666;} .list_rev > li .content .answer:before {display:inline-block; position:absolute; left:0; top:1px; width:35px; color:#1a1a1a; font-size:1.250rem; text-align:center; content:'A'; line-height:1;} .list_rev > li .content .question img, .list_rev > li .content .answer img {max-width:100%; height:auto;} .list_rev > li .content .btn {padding-top:20px; text-align:center;} .list_rev > li .content .comment {padding-top:10px;} #qnarev_list > .prd {overflow:hidden; position:relative; padding:15px 0;} #qnarev_list > .prd .img {float:left; width:128px;} #qnarev_list > .prd .img img {width:128px; height:auto;} #qnarev_list > .prd .info {float:left; padding-left:10px; text-align:left;} #qnarev_list > .prd .info .name {padding:20px 0 10px; font-weight:bold;} #qnarev_list > .prd .info .name img {padding-right:5px; vertical-align:middle;} #qnarev_list > .prd .info ul li {color:#666;} #qnarev_list > .prd .info ul li .nprice {text-decoration:line-through;} #qnarev_list > .prd .btn_related {clear:both; padding-top:15px;} #qnarev_list_all .more, #qnarev_list > .btn_col {padding:15px 0 20px;} /* 상품문의, 상품후기 - 비밀번호 확인 */ #pwbox {padding:20px; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;} #pwbox h3 {padding-bottom:15px;} #pwbox p {margin-bottom:10px; color:#888;} #pwbox .form_input {margin-bottom:10px;} /* 상품문의 & 상품후기 - 쓰기 */ .qnarev_write fieldset > div {margin-bottom:10px; text-align:left;} .qnarev_write fieldset > div:last-child {margin-bottom:0;} .qnarev_write fieldset > div > label {display:none;} .qnarev_write fieldset > div.grade > label {display:inline-block;} .qnarev_write fieldset > div.name {position:relative; min-height:20px; padding-right:100px; 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:2px;} .qnarev_write fieldset > div.name.nopd {padding-right:0;} .qnarev_write fieldset > div.name:after {display:block; clear:both; content:'';} .qnarev_write fieldset select {width:100%;} .qnarev_write .btn {padding:30px 0; text-align:center;} /* 상품문의 & 상품후기 - 수정 */ #qnarevmod .modi_pwd, #qnarevmod .modi_cnt {display:none;} /* 설문조사(/shop/poll_list.php) */ #poll > .subject {padding:15px 30px; border:1px solid #e0e0e0; border-width:1px 0; text-align:center;} #poll > .box {padding:15px; border-bottom:1px solid #e0e0e0; background:#fbfbfb;} #poll > .box .vote {margin-top:15px; paDding:15px; border:1px solid #e0e0e0; background:#fff;} #poll > .box .vote > ul > li {padding:5px 0;} #poll > .box .vote > ul > li .graph {margin:3px 0; height:5px; background:#b1b1b1;} #poll > .btn {margin:10px 0 20px 0; text-align:right;} #poll .commentdel {padding:20px 0; border:1px solid #e0e0e0; border-width:0 1px; background:#fff; text-align:center;} #poll .commentdel .msg {padding-top:5px;} #poll > .list {border-top:1px solid #dbdbdb;} #poll > .list li {padding:10px 0; border-bottom:1px solid #dbdbdb;} #poll > .list li .no {float:left; width:50px; text-align:center;} #poll > .list li .subject {padding-left:50px; text-align:left;} #poll > .list li .subject .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #poll > .list li .subject .stat {padding:5px 0; font-size:0.917rem;} #poll > .list li .subject .stat * {font-size:0.917rem;} /* 개별상품쿠폰 레이어 */ #prdCouponArea {width:100%; top:50% !important;} #pop_coupon2.layer_layout {display:block;} #pop_coupon2 .box > .list > li {position:relative; border-bottom:1px solid #dbdbdb;} #pop_coupon2 .box > .list > li > .img {display:table-cell; width:60px; margin-right:10px;} #pop_coupon2 .box > .list > li > .img img {width:60px; height:auto;} #pop_coupon2 .box > .list > li > .info {display:table-cell; padding-left:10px; vertical-align:middle;} #pop_coupon2 .box > .list > li > .select {position:relative;} #pop_coupon2 .box .usable_cpn {padding:10px 0; text-align:left;} #pop_coupon2 .box .usable_cpn > li > label {display:block; position:relative; padding:5px 85px 5px 25px;} #pop_coupon2 .box .usable_cpn > li > label .check {position:absolute; left:0; top:8px;} #pop_coupon2 .box .usable_cpn > li > label .overlap {color:#df7e7e;} #pop_coupon2 .box .usable_cpn > li > label .expiry {position:absolute; right:0; top:3px;} /* #pop_coupon2 {position:relative; width:100%; padding:15px; border:1px solid #d9d9d9; background:#fff;} #pop_coupon2 h2 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; color:#000; font-size:1.167rem;} #pop_coupon2 .box {overflow:auto; max-height:300px; margin:-1px 0;} #pop_coupon2 .box > .list > li {position:relative; border-bottom:1px solid #dbdbdb;} #pop_coupon2 .box > .list > li > .img {display:table-cell; width:60px; margin-right:10px;} #pop_coupon2 .box > .list > li > .img img {width:60px; height:auto;} #pop_coupon2 .box > .list > li > .info {display:table-cell; padding-left:10px; vertical-align:middle;} #pop_coupon2 .box > .list > li > .select {position:relative;} #pop_coupon2 .box .usable_cpn {padding:10px 0; text-align:left;} #pop_coupon2 .box .usable_cpn > li > label {display:block; position:relative; padding:5px 85px 5px 25px;} #pop_coupon2 .box .usable_cpn > li > label .check {position:absolute; left:0; top:8px;} #pop_coupon2 .box .usable_cpn > li > label .overlap {color:#df7e7e;} #pop_coupon2 .box .usable_cpn > li > label .expiry {position:absolute; right:0; top:3px;} #pop_coupon2 .btn {padding-top:15px; border-top:1px solid #dbdbdb; text-align:center;} #pop_coupon2 .close {display:inline-block; position:absolute; right:15px; top:10px; width:21px; height:21px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/button/close.png') no-repeat center / 16px; text-indent:-9999px; cursor:pointer;} */ /*-----------------------------------------------------------------*/ /* 4-3. 회원 /*-----------------------------------------------------------------*/ /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */ .box_member {width:100%; padding:0;} .box_member fieldset {position:relative;} .box_member fieldset.login_field {padding-bottom:20px; border-bottom:1px solid #e0e0e0;} .box_member fieldset legend {padding:30px 0 25px; font-size:1.333rem; line-height:1; text-align:center;} .box_member fieldset .fld {margin-bottom:20px; font-size:0;} .box_member fieldset .fld label {display:none;} .box_member fieldset .savessl {position:relative; height:15px; margin-bottom:40px; font-size:0; text-align:right;} .box_member fieldset .savessl li {display:inline-block;} .box_member fieldset .savessl .ssl {position:absolute; top:0; left:0; z-index:5;} .box_member fieldset .savessl .ssl input {background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/ssl.png'); background-size:9.5px 11.5px;} .box_member fieldset .savessl label {display:inline-block; height:15px; padding-left:8px; color:#666; line-height:15px;} .box_member fieldset .select {float:right; margin-top:-40px;} /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */ .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;} /* 로그인(/member/login.php) */ #login .guest_order {margin-top:10px;} #login .joinfind {position:relative; font-size:0; text-align:center;} #login .joinfind li {display:inline-block; position:relative; vertical-align:top;} #login .joinfind li:first-child:after {display:block; content:''; position:absolute; top:50%; right:0; z-index:5; width:1px; height:13px; margin-top:-6.5px; background:#e6e6e6;} #login .joinfind li a {display:inline-block; padding:18px 15px; font-size:1.083rem;} #login .fail {position:relative; margin:15px 0 5px 0; 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:20px 0 15px; border-bottom:1px solid #e0e0e0; color:#666; text-align:center;} #login .simple span, #login .simple a {vertical-align:middle;} #login .simple p {padding-bottom:15px; color:#666;} #login .simple p strong {font-size:1.167rem;} #login .simple a {display:inline-block; width:38px; height:38px; margin:5px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:23px; text-indent:-9999px; transition:all .3s ease;} #login .simple a.naver {background-color:#5ebc67; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/icon_naver.png');} #login .simple a.kakao {background-color:#f4cf50; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/icon_kakao.png');} #login .simple a.apple {background-color:#000; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/icon_apple.png');} #login .benefit {margin-top:50px; padding:50px 0 20px; background:#f2f2f2; text-align:center;} #login .benefit .title {padding-bottom:40px; font-size:1.333rem; line-height:1;} #login .benefit ul {font-size:0;} #login .benefit li {display:inline-block; width:50%; padding:56px 15px 40px; background-repeat:no-repeat; text-align:left; vertical-align:top;} #login .benefit li.coupon {background-position:15px 5px; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/icon_coupon.png'); background-size:48px 29.5px;} #login .benefit li.group {background-position:15px top; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/icon_group.png'); background-size:35px 44px;} #login .benefit li.mail {background-position:15px 7px; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/icon_mail.png'); background-size:43.5px 31px;} #login .benefit li.special {background-position:15px 3px; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/icon_special.png'); background-size:48.5px 35.5px;} #login .benefit li.event {background-position:15px 2px; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/icon_event.png'); background-size:38px 39px;} #login .benefit li.review {background-position:15px 2px; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/icon_review.png'); background-size:43.5px 40px;} #login .benefit li .subject {padding-bottom:4px; font-size:1.167rem;} #login .benefit li .summary {color:#b2b2b2;} /* 아이디/비밀번호 찾기 레이어 */ .pop_find_id {position:fixed; left:50%; top:140px; z-index:1001; width:98%; border:1px solid #dcdcdc; margin-left:-49%; 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:15px;} .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:5px;} .pop_find_id > .box > .box_btn {margin-top:10px;} .pop_find_id > .box > .pop_id_list {padding-top:15px;} .pop_find_id > .box > .pop_id_list .list {overflow:auto; max-height:100px; margin-top:15px; 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:15px; text-align:center;} .pop_find_id > .box > .close {display:inline-block; position:absolute; right:14px; top:14px; width:16px; height:16px; background:url('/_gio_on/_skin/m_lnb/close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} /* 아이디비밀번호 찾기(/member/find_step1.php) */ #find .find_password {margin-top:20px;} /* 비밀번호 변경 */ #modify_pwd .modify_id {padding-bottom:20px; font-size:1.167rem; font-weight:bold;} /* 회원가입 스텝 */ .join_step {background:#f2f2f2; font-size:0; text-align:center;} .join_step li {display:inline-block; position:relative; height:40px; padding:0 14px 0 20px; color:#b2b2b2; line-height:40px;} .join_step li:after {display:block; content:''; position:absolute; top:50%; left:0; width:5px; height:9px; margin-top:-5px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/step_arrow.png') no-repeat center; background-size:5px 9px; line-height:40px;} .join_step li:first-child:after {display:none;} .join_step li.active {color:#1a1a1a;} .join_step li * {color:inherit; font:inherit;} /* 회원가입 약관동의(/member/join_step1.php) */ #join_agree {text-align:left;} #join_agree .check {position:relative; padding:18px 0 18px 24px; border-bottom:1px solid #e6e6e6; text-align:left;} #join_agree .check input {position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%);} #join_agree .check label {display:inline-block; font-size:1.250rem; letter-spacing:-0.025em; vertical-align:top;} #join_agree .check.first label {font-weight:700;} #join_agree .check .more {position:absolute; right:0; top:0; width:33px; height:100%; background:no-repeat center; background-image:url('/_gio_on/_skin/m_lnb/icon_plus_s.png'); background-size:13px; color:transparent; font-size:0;} #join_agree .check .more.active {background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_minus_s.png');} #join_agree .toggle_cnt {display:none; overflow-x:hidden; overflow-y:scroll; position:relative; width:100%; height:225px; margin-top:-1px; border:1px solid #e6e6e6; background:#f2f2f2; -webkit-overflow-scrolling:touch;} #join_agree .toggle_cnt iframe {position:absolute; top:0; left:0; width:100%; height:100%;} #join_agree .toggle_cnt .tbl_row {border-top:0;} #join_agree .toggle_cnt .tbl_row tr:last-child th, #join_agree .toggle_cnt .tbl_row tr:last-child td {border-bottom:0;} #join_agree .select {padding-top:20px; font-size:0;} #join_agree .select > * {display:inline-block; vertical-align:middle;} #join_agree .select dt {width:30%; color:#b2b2b2; font-weight:400;} #join_agree .select dd {width:70%; text-align:right;} #join_agree .select dd label {display:inline-block; height:15px; padding-left:18px; line-height:15px;} #join_agree .select dd input {margin-right:8px;} #join_agree .btn {padding:40px 0 0; text-align:center;} #join_agree .simple {padding:20px 0 15px; border-bottom:1px solid #e0e0e0; color:#666; text-align:center;} #join_agree .simple span, #join_agree .simple a {vertical-align:middle;} #join_agree .simple p {padding-bottom:15px; color:#666;} #join_agree .simple p strong {font-size:1.167rem;} #join_agree .simple a {display:inline-block; width:38px; height:38px; margin:5px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:23px; text-indent:-9999px; transition:all .3s ease;} #join_agree .simple a.naver {background-color:#5ebc67; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/icon_naver.png');} #join_agree .simple a.naver:hover {border-radius:0; background-color:#519c58;} #join_agree .simple a.kakao {background-color:#f4cf50; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/icon_kakao.png');} #join_agree .simple a.kakao:hover {border-radius:0; background-color:#ddbc4b;} #join_agree .simple a.apple {background-color:#000; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/icon_apple.png');} #join_agree .simple a.apple:hover {border-radius:0;} /* 회원가입 정보입력(/member/join_frm.php) */ #join_input fieldset legend {display:block; width:100%; height:70px; padding:0 20px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_check.png') no-repeat left center; background-size:14px 10.5px; font-size:1.333rem; line-height:70px;} #join_input fieldset .box {position:relative; margin-bottom:20px;} #join_input fieldset .box.line {padding-bottom:50px;} #join_input fieldset .box.line:after {display:block; content:''; position:absolute; bottom:0; left:0; z-index:5; width:105.56%; height:1px; background:#e6e6e6; -webkit-transform:translateX(-2.78%); transform:translateX(-2.78%);} #join_input fieldset .box > div {position:relative; margin-bottom:20px;} #join_input fieldset .box > div.mg {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 select {width:100%;} #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 .addbtn input {padding-right:100px;} #join_input fieldset .box .addbtn .check {display:inline-block; position:absolute; right:0; top:5.5px; width:90px; height:30px; background:#666; color:#fff; line-height:30px; text-align:center;} #join_input fieldset .box .addbtn .middle_address {margin:4px 0;} #join_input fieldset .box .address > div {padding-top:10px;} #join_input fieldset .box .address .code {position:relative; padding-right:110px;} #join_input fieldset .box .address .code .box_btn {position:absolute; right:0; bottom:0;} #join_input fieldset .box .email {position:relative;} #join_input fieldset .box .email span {position:absolute; left:40%; top:9px; font-size:1.167rem;} #join_input fieldset .box .email .form_input.first {width:35%;} #join_input fieldset .box .email .form_input.second {float:right; width:53%;} #join_input fieldset .box .email select {width:100%; margin-top:10px;} #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:25%;} #join_input fieldset .box .birth .sl {padding-top:10px;} #join_input fieldset .box .birth .sl input {margin-right:8px;} #join_input fieldset .box .birth .sl label {display:inline-block; height:15px; padding-right:18px; line-height:15px;} #join_input fieldset .box .marketing > div {padding-right:120px;} #join_input fieldset .box .marketing input {margin-right:4px;} #join_input fieldset .box .marketing label {display:inline-block; height:15px; line-height:15px; vertical-align:middle;} #join_input fieldset .box .marketing label:first-child {padding-right:8px;} #join_input fieldset .box .marketing .more {position:absolute; right:0; top:0; text-decoration:underline;} #join_input fieldset .box .type2 {position:relative; margin-bottom:20px;} #join_input fieldset .box .type2 input {margin-right:8px;} #join_input fieldset .box .type2 label {display:inline-block; height:15px; padding-right:18px; line-height:15px;} #join_input fieldset .box .type3 {position:relative; text-align:right;} #join_input fieldset .box .type3 span {display:inline-block; position:absolute; top:0; left:0; color:#b2b2b2; font-size:1.167rem;} #join_input fieldset .box .type3 label {display:inline-block; height:15px; padding-left:8px; line-height:15px; vertical-align:middle;} #join_input fieldset .box .type3 label input {margin-right:8px;} /* 회원가입 정보입력 - 본인인증 선택 */ #join_input fieldset.certification ul {margin-bottom:20px;} #join_input fieldset.certification ul:after {display:block; clear:both; content:'';} #join_input fieldset.certification ul li {float:right; width:49%; border:1px solid #e6e6e6; text-align:center;} #join_input fieldset.certification ul li:first-child {float:left;} #join_input fieldset.certification ul li label, #join_input fieldset.certification ul li a {display:block; padding:93.5px 0 27.5px; font-size:1.083rem; line-height:1;} #join_input fieldset.certification ul li input {display:none;} #join_input fieldset.certification ul li.phone label {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/certification_phone.png') no-repeat center top 27.5px; background-size:29px 56.5px;} #join_input fieldset.certification ul li.ipin a {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/member/certification_ipin.png') no-repeat center top 35.5px; background-size:40px 38px;} /* 회원가입 정보입력 - 기업회원추가입력 */ #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 {font-size:0;} #join_input fieldset.addfd .box > .msg {padding:10px 0; background:#f2f2f2; color:#666; font-size:1rem; text-align:center;} #join_input fieldset.addfd .box > div > label {display:inline-block; width:80px; color:#b2b2b2; font-size:1.167rem; vertical-align:middle;} #join_input fieldset.addfd .box > div > div {display:inline-block; width:calc(100% - 80px); text-align:right; vertical-align:middle;} #join_input fieldset.addfd .box > div > div > input[type=radio] {margin:0 8px 0 18px;} /* 회원가입 정보입력 - 버튼 */ #join_input .btn {padding:20px 0 0 0; text-align:center;} #join_input .withdraw {padding-top:30px; text-align:center;} /* 회원가입 정보입력 - sns회원가입 */ #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 {text-align:center;} #join_finish .first {padding:160px 0 12px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_finish.png') no-repeat center 50px / 83px; color:#1a1a1a; font-size:1.667rem;} #join_finish p {color:#b2b2b2;} #join_finish .btn_col {padding-top:37px;} /* 회원가입 정보입력 - 전화번호 변경 */ #join_input .mg {position:relative;} #join_input .mg .number_chg {position:absolute; bottom:5px; right:0;} /* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php), 회원탈퇴(/member/withdraw_step1.php), 회원탈퇴완료(/member/withdraw_step2.php) */ .edit_info .box {text-align:center;} .edit_info .msg {color:#b2b2b2; font-size:0.917rem; letter-spacing:-0.025em;} .edit_info .msg * {font:inherit;} .edit_info .form_input {margin-top:27px;} .edit_info .check {margin-top:27px; text-align:left;} .edit_info .check .title {color:#b2b2b2;} .edit_info .check .check_list li {padding-top:12px;} .edit_info .check .check_list li input {vertical-align:middle;} .edit_info .check .check_list li label {display:inline-block; padding:0 5px; vertical-align:top;} .edit_info .form_input.txt {width:100%; height:200px; padding:15px 10px; border:1px solid #666;} .edit_info .btn {padding-top:40px; text-align:center;} /* 우편번호 레이어 */ .layer_zip_addr_list {width:100%;} .layer_zip_addr_list .title {position:relative; padding:20px; background:#676767;} .layer_zip_addr_list .title h1 {color:#000; font-size:1.4rem; font-weight:bold; text-align:left;} .layer_zip_addr_list .title .btn {position:absolute; right:15px; top:15px; padding:0 10px;} .layer_zip_addr_list .title .close {display:block; position:relative; z-index:10; width:2px; height:25px; background:#b7b7b7; transform:rotate(45deg);} .layer_zip_addr_list .title .close:after {position:absolute; z-index:20; top:11px; left:-11px; width:25px; height:2px; background:#b7b7b7; content:"";} .layer_zip_addr_list table {table-layout:fixed;} .layer_zip_addr_list caption {display:none;} .layer_zip_addr_list thead th {display:none; padding:10px 0; text-align:center;} .layer_zip_addr_list tbody th {height:34px; padding:10px 0; border-top:1px solid #ddd; color:#000; text-align:center; vertical-align:middle;} .layer_zip_addr_list tbody td {height:34px; padding:10px; border-top:1px solid #ddd; color:#666; text-align:left; vertical-align:middle;} .layer_zip_addr_list tbody td * {color:#666;} .layer_zip_addr_list tbody tr:last-child th, .layer_zip_addr_list tbody tr:last-child td {border-bottom:1px solid #ddd;} .layer_zip_paging * {vertical-align:middle;} .layer_zip_paging {margin:10px 0 20px; text-align:center;} .layer_zip_paging li {display:inline; padding:0 2px; color:#9e9e9e; vertical-align:middle;} .layer_zip_paging li strong {display:inline-block; width:28px; height:28px; border:1px solid #676767; background:#676767; color:#fff; line-height:30px;} .layer_zip_paging li a {display:inline-block; width:28px; height:28px; border:1px solid #ccc; background:#fff; color:#6e6e6e; line-height:30px;} /*-----------------------------------------------------------------*/ /* 4-4. 마이페이지 /*-----------------------------------------------------------------*/ /* 마이페이지 공통 리스트 */ .list_common {padding-bottom:15px;} .list_common > li {padding:17px 10px; border:1px solid #e6e6e6; border-width:0 0 1px 0;} .list_common > li:first-child {border-top:1px solid #1a1a1a;} .list_common > li:after {display:block; clear:both; content:'';} .list_common > li .left_area {float:left; width:85px; color:#888; text-align:left;} .list_common > li .right_area {margin-left:85px; color:#666; text-align:left;} .list_common > li .right_area * {color:inherit;} .list_common > li .right_area > p, .list_common > li .right_area > div {padding-top:5px;} .list_common > li .right_area > p:first-child, .list_common > li .right_area > div:first-child {padding-top:0;} /* 마이페이지 공통 리스트 - 소셜쿠폰 */ .list_common .left_area .point {font-size:1.333rem;} /* 마이페이지 공통 리스트 - 관심상품, 관련상품 */ .list_common.prd > li {padding-left:0;} .list_common.prd .left_area {width:130px;} .list_common.prd .left_area .check {float:left; margin-right:10px;} .list_common.prd .left_area img {width:80px; height:auto;} .list_common.prd .right_area {margin-left:130px;} .list_common.prd .right_area select {width:100%;} /* 마이페이지 공통 리스트 - 주문조회 */ .list_common.orderlist .left_area {width:130px;} .list_common.orderlist .right_area {margin-left:130px;} /* 마이페이지 메인(/mypage/mypage.php) */ #mypage .my_info {padding-top:30px;} #mypage .my_info .info {position:relative; padding-left:115px;} #mypage .my_info .info * {letter-spacing:-0.025em;} #mypage .my_info .info .group {border-radius:50%; position:absolute; top:50%; left:10px; width:80px; height:80px; background:#1a1a1a; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-box-shadow:3px 0 11px 0 rgba(0,0,0,0.3); box-shadow:3px 0 11px 0 rgba(0,0,0,0.0.3);} #mypage .my_info .info .group span {display:block; position:absolute; top:50%; left:0; width:100%; padding:0 5px; color:#fff; font-size:1.667rem; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); line-height:1;} #mypage .my_info .info p.name {font-size:1.333rem; word-break: keep-all;} #mypage .my_info .info p.name strong {font-size:1.667rem; font-weight:400;} #mypage .my_info .info p.membership a {display:inline-block; padding:7px 14px 7px 0; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/right_gray_arrow.png') no-repeat right center / 5px 9px;} #mypage .my_info .info a.edit {display:inline-block; padding:9px 0 9px 17.5px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_edit.png') no-repeat left center / 13px 13.5px;} #mypage .my_info ul {margin:25px 0; border-top:2px solid #1a1a1a; border-bottom:1px solid #e6e6e6; font-size:0; text-align:center;} #mypage .my_info ul li {display:inline-block; width:25%; vertical-align:top;} #mypage .my_info ul li a {display:block; padding:63.5px 0 25px; line-height:1;} #mypage .my_info ul li.order a {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/mypage/icon_my_order.png') no-repeat center 30.5px / 22px;} #mypage .my_info ul li.coupon a {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/mypage/icon_my_coupon.png') no-repeat center 31px / 14px 20.5px;} #mypage .my_info ul li.milage a {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/mypage/icon_my_milage.png') no-repeat center 33px / 23px 14.5px;} #mypage .my_info ul li.wish a {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/mypage/icon_my_wish.png') no-repeat center 32px / 19.5px 17.5px;} #mypage .my_info ul li.review a {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/mypage/icon_my_review.png') no-repeat center 32px / 21px 16.5px;} #mypage .my_info ul li .ea {padding-top:15px; font-size:1.167rem;} #mypage .list li {margin-bottom:15px; border-top:1px solid #1a1a1a; border-bottom:1px solid #e6e6e6;} #mypage .list .no {height:52px; padding:0 15px; border-bottom:1px solid #e6e6e6;} #mypage .list .no a {display:inline-block; padding-right:15px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/right_blk_arrow.png') no-repeat right 1px center / 5.5px 9.5px; font-size:1.333rem; line-height:52px;} #mypage .list .no span {float:right; color:#b2b2b2; line-height:52px;} #mypage .list .info {position:relative; padding:17px 80px 17px 10px;} #mypage .list .info p {font-size:1.083rem;} #mypage .list .info .status {position:absolute; top:50%; right:10px; color:#b2b2b2; -webkit-transform:translateY(-50%); transform:translateY(-50%);} #mypage .ord_latest, #mypage .prd_latest {padding-top:10px;} #mypage .swiper_recent .swiper-slide {width:41.7%; margin-right:10px;} #mypage .swiper_recent .swiper-slide img {width:100%; height:auto;} /* 주문내역(/mypage/order_list.php) */ #order_list .search_order {margin-bottom:30px; padding:16px 10px; background:#f2f2f2; font-size:0; text-align:center;} #order_list .search_order .preset ul {width:100%; font-size:0;} #order_list .search_order .preset li {display:inline-block; width:25%; vertical-align:top;} #order_list .search_order .preset li a {display:block; height:40px; border:1px solid #ccc; border-left:0; background:#fff; line-height:40px;} #order_list .search_order .preset li:first-child a {border-left:1px solid #ccc;} #order_list .search_order .preset li a.active {border:0; background:#666; color:#fff; line-height:42px;} #order_list .search_order .pick {padding:10px 0 20px; font-size:0;} #order_list .search_order .pick .txt {display:inline-block; width:12%; height:39px; line-height:39px; vertical-align:middle;} #order_list .search_order .btn {width:100%; height:40px; border:1px solid #b3b3b3; background:#fff;} #order_list .search_order .btn span {display:inline-block; padding:0 17px 0 27px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/mypage/icon_order_list.png') no-repeat left 11px / 16.5px; font-size:1.167rem; line-height:40px;} #order_list .list li {margin-bottom:15px; border-top:1px solid #666; border-bottom:1px solid #e6e6e6;} #order_list .list .no {height:52px; padding:0 15px; border-bottom:1px solid #e6e6e6;} #order_list .list .no a {display:inline-block; padding-right:15px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/right_blk_arrow.png') no-repeat right 1px center / 5.5px 9.5px; font-size:1.333rem; line-height:52px;} #order_list .list .no span {float:right; color:#b2b2b2; line-height:52px;} #order_list .list .info {position:relative; padding:17px 80px 17px 10px;} #order_list .list .info p {font-size:1.083rem;} #order_list .list .info .status {position:absolute; top:50%; right:10px; color:#b2b2b2; -webkit-transform:translateY(-50%); transform:translateY(-50%);} #order_list .list .btn_col2 {margin:0 0 20px;} #order_list .info_msg {padding:10px 0 22px;} #order_list .step li {position:relative; width:100%; padding:27px 0 27px 15px; margin-bottom:44px; border:1px solid #e6e6e6; font-size:0;} #order_list .step li.finish {border:0; background:#f2f2f2;} #order_list .step li:after {display:block; content:''; position:absolute; top:-30px; left:50%; width:24px; height:13px; margin-left:-12px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/mypage/icon_order_step.png') no-repeat center / 24px 13px;} #order_list .step li:first-child:after {display:none;} #order_list .step li * {display:inline-block; letter-spacing:-0.025em; vertical-align:middle;} #order_list .step li .no {width:25px; font-size:1.167rem; font-weight:700;} #order_list .step li .title {width:80px; font-size:1.167rem; font-weight:700;} #order_list .step li .summary {width:calc(100% - 105px); color:#b2b2b2;} /* 주문상세조회(/mypage/order_detail.php) */ #order_detail .order_no {padding:29px 0 15px; font-size:1.167rem; font-weight:700; text-align:center;} #order_detail h3 {padding:50px 0 20px; font-size:1.333rem; font-weight:400; line-height:1; text-align:left;} #order_detail .tab {margin-bottom:10px;} #order_detail .tab li {float:right; width:49%; margin-bottom:5px; text-align:center;} #order_detail .tab li:nth-child(odd) {clear:both; float:left;} #order_detail .tab li a {display:block; padding:10px 0; border:1px solid #b3b3b3; font-size:1.167rem;} #order_detail .tab:after {display:block; clear:both; content:'';} /* 쿠폰 (/mypage/coupon_down_list.php) */ #coupon .cpn_reg {margin-bottom:15px;} #coupon .cpn_reg form {padding:10px; font-size:0; background:#f2f2f2;} #coupon .cpn_reg .form_input {width:calc(100% - 105px); margin-right:15px;} .list_cpn > li {position:relative; margin-bottom:15px; padding:17px 0; border:1px solid #b3b3b3; border-right:0; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/mypage/bg_cpn.png') repeat-y right top / 3px 14px;} .list_cpn > li:after {display:block; clear:both; content:'';} .list_cpn > li * {letter-spacing:-0.025em;} .list_cpn > li .left_area {margin-right:90px; padding:0 25px; border-right:1px dotted #b3b3b3; color:#888; text-align:left;} .list_cpn > li .left_area p {padding-top:2px; color:#b2b2b2; font-size:0.917rem;} .list_cpn > li .left_area .sale {color:#c8883c; font-size:1.083rem;} .list_cpn > li .left_area .sale strong {color:inherit; font-size:2.083rem; font-weight:400; line-height:1;} .list_cpn > li .left_area .name {padding:10px 0 3px; color:#1a1a1a; font-size:1.083rem;} .list_cpn > li .right_area {position:absolute; top:0; right:0; width:90px; height:100%; text-align:center;} .list_cpn > li .right_area p {position:absolute; top:50%; left:0; width:100%; color:#b2b2b2; transform:translateY(-50%); -webkit-transform:translateY(-50%);} .list_cpn > li .right_area p strong {display:block; padding-top:2.5px; color:#1a1a1a; font-weight:400;} /* 적립금 (/mypage/milage.php) */ .list_milage {padding-bottom:15px;} .list_milage > li {padding:17px 10px; border:1px solid #e6e6e6; border-width:0 0 1px 0;} .list_milage > li:first-child {border-top:1px solid #1a1a1a;} .list_milage > li .date {color:#b2b2b2; line-height:1;} .list_milage > li .det {padding:12px 0 4px; font-size:1.083rem;} .list_milage > li .cnt {font-size:0;} .list_milage > li .cnt li {display:inline-block; position:relative; padding-right:20px; line-height:1;} .list_milage > li .cnt li strong {color:#c8883c;} .list_milage > li .cnt li:after {display:block; content:''; position:absolute; top:50%; left:-10px; width:1px; height:8px; margin-top:-4px; background:#e6e6e6;} .list_milage > li .cnt li:first-child:after {display:none;} /* 관심상품(/mypage/wish_list.php) */ #wish_list .prd_more {padding-top:40px;} /* 1:1문의 글쓰기(/mypage/counsel_step1.php) */ #counsel_write .list_cart {margin-bottom:-1px;} #counsel_write .btn {margin-top:15px;} /* 1:1문의 완료(/mypage/counsel_step2.php) */ #counsel_fin .box {padding:15px; border:1px solid #dedede; color:#888; font-size:1.167rem; text-align:center;} #counsel_fin .box strong {font-size:inherit;} #counsel_fin .btn {margin-top:15px; text-align:center;} /* 출석체크(/mypage/attend_list.php) */ #attend .date {padding:25px 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('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/bullet_arrow_prev.png');} #attend .date a.next {background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/bullet_arrow_next.png');} #attend .date strong {padding:0 5px; color:#040404; font-size:1.667rem; 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-weight:normal; text-align:center;} #attend #calendar table thead th.sun {border-left:0; color:#d53838;} #attend #calendar table thead th.sat {border-right:0; color:#7cb4d1;} #attend #calendar table tbody td {height:50px; padding:5px; border:1px solid #dbdbdb; color:#040404; text-align:left; vertical-align:top;} #attend #calendar table tbody td:first-child {border-left:0;} #attend #calendar table tbody td:last-child {border-right:0;} #attend #calendar .attenY {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/mypage/attend_ok.png') no-repeat center/18px;} #attend #calendar .attenR {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/mypage/attend_today.png') no-repeat center/18px #fbf9ed; font-weight:bold; text-decoration:underline;} #attend .info {background:#fbfbfb; text-align:center;} #attend .info .explain {padding:15px; border-bottom:1px solid #dbdbdb;} #attend .info .sum {padding:15px; border-bottom:1px solid #e0e0e0;} #attend .info .sum:after {display:block; clear:both; content:'';} #attend .info .sum span {float:left;} #attend .info .sum strong {float:right;} /*-----------------------------------------------------------------*/ /* 4-5. 추가페이지 /*-----------------------------------------------------------------*/ /* 이용약관(/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=restock_m) */ #restock .info_msg {padding:25px 0;} #restock .info_msg li {position:relative; padding:5px 0 0 18px; color:#b2b2b2; letter-spacing:-0.025em;} #restock .info_msg li .i_info {position:absolute; top:5px; left:0;} /* 고객센터 메인(/content/content.php?cont=cscenter_m) */ #cscenter .call {margin:10px 0 21px;} #cscenter .call .box {padding:17px 0 23px; background:#f5f5f5; text-align:center;} #cscenter .call .box .info {display:inline-block; padding-left:74px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/etc/icon_cs_call.png') no-repeat left center / 42.5px 44px; text-align:left; vertical-align:top;} #cscenter .call .box .info .tel a {color:#b2b2b2; font-size:1.083rem;} #cscenter .call .box .info .time {padding:2px 0; color:#b2b2b2;} #cscenter .call .box .info .summary {color:#b2b2b2; font-size:0.917rem;} #cscenter .call .msg {padding-top:10px; color:#b2b2b2; font-size:0.917rem;} #cscenter .search_type1 {margin-top:0;} #cscenter .search .type:after {display:block; content:''; clear:both;} #cscenter .search .type li {float:left; width:32%; margin-bottom:2%;} #cscenter .search .type li:nth-child(3n-1) {margin:0 2%;} #cscenter .search .type li a {display:block; height:40px; border:1px solid #b3b3b3; font-size:1.167rem; line-height:40px; text-align:center;} #cscenter .cs_menu {margin:33px 0 15px; padding:20px 0; background:#f5f5f5;} #cscenter .cs_menu ul {background:#fff;} #cscenter .cs_menu li {padding:23px 9%;} #cscenter .cs_menu li:first-child {border-bottom:1px solid #e6e6e6;} #cscenter .cs_menu dl {padding-left:75px; text-align:left;} #cscenter .cs_menu dl.guide {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/etc/icon_cs_guide.gif') no-repeat left center / 35px 44px;} #cscenter .cs_menu dl.qna {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/etc/icon_cs_qna.gif') no-repeat left center / 44px 42.5px;} #cscenter .cs_menu dt a {display:inline-block; padding-right:15px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/right_blk_arrow.png') no-repeat right 1px center / 5.5px 9.5px; font-size:1.167rem;} #cscenter .cs_menu dd {padding-top:7px; color:#b2b2b2; font-size:0.917rem;} /* 회사소개(/content/content.php?cont=company) */ #company .inner {position:relative;} #company .inner > img {width:100%;} #company .inner .txt {position:absolute; top:50%; left:0; z-index:5; width:100%; text-align:center; -webkit-transform:translateY(-50%); transform:translateY(-50%);} #company .inner .txt h3 img {width:auto; height:57px;} #company .inner .aim {padding-top:24px; color:#fff; font-size:1.167rem; line-height:1.8;} #company .sq {position:relative; width:100%; margin-top:20px;} #company .sq li {margin-bottom:5px; padding:25px 0; border:1px solid #e6e6e6;} #company .sq li dl {position:relative; font-size:0; text-align:left;} #company .sq li dl:after {display:block; content:''; position:absolute; top:50%; left:110px; width:1px; height:50px; margin-top:-25px; background:#e6e6e6;} #company .sq li dt {display:inline-block; width:110px; font-size:1.333rem; text-align:center; vertical-align:middle;} #company .sq li dd {display:inline-block; width:calc(100% - 110px); padding:0 16px; font-size:1.083rem; vertical-align:middle;} /* 채용정보(/content/content.php?cont=recruit_m), 대리점문의(/content/content.php?cont=franchise_m), 단체주문(/content/content.php?cont=group_m) */ .page_msg {margin:30px 0 25px; padding:20px 10px; border:1px solid #e6e6e6; text-align:center;} .page_msg p span {color:#b2b2b2;} .page_process ul {padding-bottom:12px;} .page_process .step0 {font-size:0; text-align:left;} .page_process .step0 li {display:inline-block; position:relative; width:95px; height:95px; margin:0 0 10px 27.5px; border:1px solid #e6e6e6; font-size:1.250rem; line-height:95px; text-align:center; vertical-align:top;} .page_process .step0 li:after {display:block; content:''; position:absolute; top:50%; left:-22px; width:12px; height:13px; margin-top:-6px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/right_arrow.png') no-repeat center / 12px;} .page_process .step0 li:first-child {margin-left:0;} .page_process .step0 li:first-child:after {display:none;} .page_process .step0 li.gray {border:0; background:#999; color:#fff;} .page_process .interview > li {margin-bottom:15px; border:1px solid #e6e6e6;} .page_process .interview > li .box {height:49px; padding:0 15px; background:#f2f2f2; font-size:1.250rem; line-height:49px;} .page_process .interview > li > ol {padding:23px 15px 18px;} .page_process .interview > li > ol > li {position:relative; padding:0 0 5px 13px; font-size:1.083rem;} .page_process .interview > li > ol > li .no {position:absolute; top:0; left:0; font-size:1.083rem;} .page_process .card {padding:0 20px 20px; border:1px solid #e6e6e6;} .page_process .card dt {height:55px; margin-bottom:17px; border-bottom:1px dotted #e6e6e6; font-size:1.250rem; font-weight:400; line-height:55px;} .page_process .card dd {padding:3.5px 0 3.5px 20px;} .page_process .card dd a {font-size:1.083rem;} .page_process .card dd.tel {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_tel_s.png') no-repeat left center / 10.5px 10px;} .page_process .card dd.mail {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_mail_s.png') no-repeat left center / 11.5px 9px;} .page_process .step1 {padding-bottom:22px; text-align:center;} .page_process .step1 li {position:relative; height:70px; margin-top:25px; background:#f2f2f2; font-size:1.333rem; line-height:70px;} .page_process .step1 li:before {display:block; content:''; position:absolute; top:-16px; left:50%; width:14px; height:7.5px; margin-left:-7px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/arrow_down.png') no-repeat center / 14px 7.5px;} .page_process .step1 li.black {background:#1a1a1a; color:#fff;} .page_process .step1 li:first-child {margin-top:0;} .page_process .step1 li:first-child:before {display:none;} .page_process .txt {padding-bottom:17px;} .page_process .txt li {position:relative; padding:0 0 5px 13px; font-size:1.167rem; letter-spacing:-0.025em;} .page_process .txt li:before {display:inline-block; content:'ㆍ'; position:absolute; top:0; left:0; font-size:1.167rem;} #franchise .tbl_row {margin-bottom:22px;} #group .card {margin-bottom:22px;} /* 가이드 (/content/content.php?cont=guide_member_m), (/content/content.php?cont=guide_online_m), (/content/content.php?cont=guide_offline_m) */ #guide_new .membership {margin-bottom:15px; border-top:1px solid #e6e6e6;} #guide_new .membership li {border-bottom:1px solid #e6e6e6;} #guide_new .membership .tbl_gray {border-bottom:0;} #guide_new .toggle {position:relative; height:55px; padding:0 10px; font-size:1.167rem; font-weight:400; letter-spacing:-0.025em; line-height:55px;} #guide_new .toggle:after {display:block; content:''; position:absolute; right:2.78%; top:50%; width:14px; height:8px; margin-top:-4px; background:no-repeat center / 14px 7.5px; background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/arrow_down.png');} #guide_new .toggle.active:after {background-image:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/arrow_up.png');} #guide_new .toggle_cnt {display:none;} #guide_new .info_msg {padding-bottom:22px;} #guide_new .join_msg {padding-bottom:22px; font-size:1.167rem;} #guide_new .join_msg strong {color:#c8883c; font-size:inherit; font-weight:400;} #guide_new .btn {padding-top:40px;} #guide_new .info li {position:relative; padding:0 0 6px 13px; font-size:1.167rem; letter-spacing:-0.025em;} #guide_new .info li:before {display:inline-block; content:'ㆍ'; position:absolute; top:0; left:0; font-size:1.167rem;} #guide_new .online {text-align:center;} #guide_new .online img {max-width:100%;} #guide_new .online ol {margin-bottom:22px; border-top:1px solid #e6e6e6; text-align:center;} #guide_new .online ol li {padding:50px 0 46px; border-bottom:1px solid #e6e6e6;} #guide_new .online ol li .img {padding-bottom:23px;} #guide_new .online ol li .img img {width:100%; height:auto;} #guide_new .online ol li .info .no {padding-bottom:6px; font-size:1.667rem;} #guide_new .online ol li .info .des {font-size:1.083rem; letter-spacing:-0.025em;} #guide_new .offline ul {text-align:center;} #guide_new .offline li {margin-bottom:22px;} #guide_new .offline li .des {padding:115px 0 25px; border:1px solid #e6e6e6; font-size:1.083rem;} #guide_new .offline li.order .des {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/etc/guide_offline_order.png') no-repeat center 35px / 66.5px 62px;} #guide_new .offline li.delivery .des {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/etc/guide_offline_delivery.png') no-repeat center 33.5px / 64px 69.5px;} /* 브랜드소개(/content/content.php?cont=brand_m) */ #brand {text-align:center;} #brand h3 {font-weight:400; letter-spacing:0.48em;} #brand .story {position:relative;} #brand .story .banner img {width:100%;} #brand .story .txt {position:absolute; top:0; left:0; width:100%; padding-top:50px;} #brand .story .pursue {padding:40px 3.5% 26px; font-size:0;} #brand .story .pursue li {display:inline-block; width:24%; margin-left:1%; padding:30px 0; background:rgba(255,255,255,0.4); font-weight:700; vertical-align:top;} #brand .story .pursue li:first-child {margin-left:0;} #brand .story .grown {padding:0 3.5%; font-size:1.167rem; line-height:1.7;} #brand .giordano {position:relative; padding:50px 0 55px;} #brand .giordano .no {display:inline-block; overflow:hidden; width:22.5px; height:22.5px; background:#1a1a1a; color:#fff; font-size:1.083rem; font-weight:700; line-height:23.5px; vertical-align:top;} #brand .giordano dl {padding:11px 50px 0;} #brand .giordano dl dt {padding-bottom:9px; font-size:1.333rem;} #brand .giordano dl dd {font-size:1.083rem; line-height:1.8;} #brand .giordano .prev {display:block; position:absolute; top:50%; left:2.78%; z-index:5; width:20px; height:39px; margin-top:-19.5px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/button/swiper_prev.png') no-repeat center / 20px 39px; color:transparent; text-indent:-9999em;} #brand .giordano .next {display:block; position:absolute; top:50%; right:2.78%; z-index:5; width:20px; height:39px; margin-top:-19.5px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/button/swiper_next.png') no-repeat center / 20px 39px; color:transparent; text-indent:-9999em;} #brand .giordano .swiper-pagination {position:relative; bottom:0; padding-top:25px;} #brand .history {padding-top:57px; background:#f2f2f2;} #brand .history .since {padding:75px 0;} #brand .history .since ol {overflow:hidden; position:relative;} #brand .history .since li {padding-bottom:38px;} #brand .history .since li:nth-child(odd) {clear:both; float:right; position:relative; width:50%; padding-left:30px; text-align:left;} #brand .history .since li:nth-child(even) {clear:both; float:left; position:relative; width:50%; padding-right:30px; text-align:right;} #brand .history .since li:nth-child(odd):after {display:block; content:''; position:absolute; top:0; left:-8px; z-index:5; width:17px; height:17px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/etc/brand_dot.png') no-repeat center / 17px;} #brand .history .since li:nth-child(even):after {display:block; content:''; position:absolute; top:0; right:-9px; z-index:5; width:17px; height:17px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/etc/brand_dot.png') no-repeat center / 17px;} #brand .history .since ol li:nth-child(odd):before {display:block; content:''; position:absolute; top:10px; left:0; z-index:5; width:1px; height:100%; background:#1a1a1a;} #brand .history .since ol li:nth-child(even):before {display:block; content:''; position:absolute; top:10px; right:-1px; z-index:5; width:1px; height:100%; background:#1a1a1a;} #brand .history .since ol li:last-child:before {display:none;} #brand .history .since li .year {font-size:1.417rem;} #brand .history .since li .summary {padding-top:8px; font-size:1.083rem;} #brand .history .since li .summary2 {color:#b2b2b2; font-size:1rem;} /* 룩북 (/content/content.php?cont=lookbook_m) */ #lookbook .look {display:none;} #lookbook .look.first {display:block;} #lookbook .video_wrap {display:block; overflow:hidden; position:relative; width:100%;} #lookbook .video {display:block; overflow:hidden; position:relative; width:100%; padding:0;} #lookbook .video:before {display:block; content:''; padding-top:56.25%;} #lookbook .video iframe, #lookbook .video object, #lookbook .video embed {position:absolute; top:0; left:0; z-index:5; width:100%; height:100%;} #lookbook .list {padding:0 5%;} #lookbook .list li {padding-top:30px;} #lookbook .list li img {width:100%;} #lookbook .prd_more {margin-top:40px;} /* 매장안내 (/content/content.php?cont=store_m) */ #store .search {padding-bottom:25px;} #store .search select {min-width:100px; margin-top:4px; border-bottom:0; color:#1a1a1a; font-size:1.083rem;} #store .search .search_type1 {margin:6.5px 0 0 0;} #store .list_store {margin-bottom:15px; border-top:1px solid #1a1a1a;} #store .list_store > li {border-bottom:1px solid #e6e6e6;} #store .list_store > li * {letter-spacing:-0.025em; font-weight:400;} #store .list_store > li:first-child {border-top:0;} #store .list_store > li .subject {position:relative; padding:18px 9px;} #store .list_store > li .subject > p.title {position:relative; padding-right:34px; font-size:1.083rem;} #store .list_store > li .subject > p.title .store {display:inline-block; font:inherit;} #store .list_store > li .subject > p.title .store.active {padding-right:22px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_check.png') no-repeat right 2px / 14px 10.5px;} #store .list_store > li .subject > p.title .open {display:block; position:absolute; top:0; right:0; width:13px; height:13px; background:url('/_gio_on/_skin/m_lnb/icon_plus_s.png') no-repeat center / 13px;} #store .list_store > li .subject > p.title .open.active {background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_minus_s.png') no-repeat center / 13px;} #store .list_store > li .subject > p.summary {padding:8px 0 3px; color:#b2b2b2; font-size:1.083rem;} #store .list_store > li .subject > p.tel {padding:0 0 0 17px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_tel_s2.png') no-repeat left center / 9px; color:#b2b2b2; font-size:0.917rem;} #store .list_store > li .subject > a.tel {padding:0 0 0 17px; background:url('https://www.giordano.co.kr/_skin/m_giordano_20220222/img/common/icon_tel_s2.png') no-repeat left center / 9px; color:#b2b2b2; font-size:0.917rem;} #store .list_store > li .content {display:none; background:#f2f2f2;} #store .list_store > li .content .info {padding:20px; font-size:0.917rem;} #store .list_store > li .content .map {height:190px;} #store .list_store > li .content .map img {width:100%;} /*-----------------------------------------------------------------*/ /* 5. ETC /*-----------------------------------------------------------------*/ /* 댓글 - 리스트(게시판, 상품리뷰) */ .list_comment {position:relative; text-align:left;} .list_comment > ul {margin-bottom:10px;} .list_comment > ul > li {clear:both; overflow:hidden; margin-top:2px; padding:13px 15px; background:#fff; color:#474645; word-break:break-all; word-wrap:break-word;} .list_comment > ul > li:first-child {margin-top:0;} .list_comment > ul > li .name {float:left; width:60%; font-size:1.167rem;} .list_comment > ul > li .name a {color:inherit; font-size:inherit;} .list_comment > ul > li .date {float:right; width:40%; text-align:right;} .list_comment > ul > li .date span {padding-right:5px;} .list_comment > ul > li .date img {margin-top:0; width:12px; height:12px;} .list_comment > ul > li .date2 {padding-top:9px; color:#b2b2b2;} .list_comment > ul > li .content {clear:both; padding:5px 0 0; border:0; background:none;} /* 댓글 - 쓰기(게시판, 상품리뷰) */ .write_comment {overflow:hidden; 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 #b3b3b3; background:#fff; font-size:0; text-align:left;} .write_comment .inputbox textarea.form_input {height:68px; border:0;} .write_comment .inputbox .btn_comment {display:inline-block; position:absolute; right:10px; top:50%; width:50px; height:50px; margin-top:-25px; border:0; background:#666; color:#fff; line-height:50px; text-align:center;} /* 게시판 - 상품연동 - 검색 */ #product_search_frm {width:100% !important; background:#fff;} #product_search_frm .frame {min-height:350px; margin:10px;} #product_search_frm .frame .search {display:flex; display:-webkit-flex; width:100%; padding-bottom:10px;} #product_search_frm .frame .btn {padding:20px 0 5px 0; text-align:center;} /* 게시판 - 상품연동 - 쓰기 */ .related_prd_write {padding:10px 0;} .related_prd_write .swiper-wrapper {margin:10px 0; padding-bottom:30px;} /* 게시판 - 상품연동 - 열람 */ .related_prd_view {border-bottom:1px solid #e6e6e6;} .related_prd_view h3.title {font-size:1.167rem; text-align:center;} .related_prd_view .swiper-wrapper {padding-bottom:30px;} .related_prd_view .prd_basic .box .price {padding-bottom:5px;} .related_prd_view .prd_basic .box .price span {display:block;} .related_prd_view .prd_basic .box .price .consumer {padding-left:0;} .related_prd_view .prd_basic .box .summary {display:none;} .pagecontent_img {margin: 10px 0px } .pagecontent_img img {width: 100% } /* 타이머 */ .box_timer {display:inline-block; margin-top:10px; border:1px solid #dcdcdc; border-radius:20px; font-size:0;} .box_timer > .title {display:inline-block; position:relative; padding:5px; border-radius:20px; background-color:#333; color:#fff; font-size:0; vertical-align:top;} .box_timer > .title:before {display:inline-block; width:13px; height:13px; border:1px solid #fff; border-radius:50%; vertical-align:top; content:'';} .box_timer > .title:after {display:inline-block; position:absolute; left:8px; top:50%; width:4px; height:4px; margin-top:-2px; border:1px solid #fff; border-width:0 1px 1px 0; content:'';} .box_timer > ._timesale_timer {display:inline-block; padding:0 10px 0 5px;} .box_timer > ._timesale_timer * {color:#333; font-size:1rem; line-height:23px;} .box_timer > ._timesale_timer > ._timer_num {font-weight:900;} .box_timer.big > .title {font-size:1rem;} .box_timer.big > .title:before {margin:2px 5px 0 0;} .box_timer.big > ._timesale_timer * {font-size:1.083rem; line-height:26px;} #detail .box_timer {margin: 10px 0 10px 2.78%;} .changeDialog button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { font-size: 0px; margin-right: 3px; } .changeDialog span#ui-id-1 { font-size: 14px; } .dlv_memo_gio_select{width:100%;} /* 빅인 btn resize */ div.bg-intelligence-close{width:30px !important; height: 30px !important; border-radius:15px !important;} /* 게시판 뷰화면 제목*/ h2.title .title_gio {position:relative; padding:12px 27px; border-bottom:0px solid #e6e6e6; font-size:1.5rem; text-align:center;} /* 앱업데이트 토스트*/ .AppUpdateToast .toast-title, .AppUpdateToast .toast-message{color:#ffffff !important;} .AppUpdateToast .toast-bottom-full-width {bottom:0px !important;} .AppUpdateToast .toast-message{padding: 10px 0 !important;} /* 모바일 하단 고정 메뉴 20230126 */ #detail .det_fix {bottom:50px;} .mobile_bottom_bar_gio {position:fixed; bottom:0; left:0; z-index:100; width:100%; background-color: #ffffff;} .mobile_bottom_bar_gio .btn {position:relative;} .mobile_bottom_bar_gio .btn .app_coupon_banner{display:none; position:absolute; left:44%; top:-25px;} .mobile_bottom_bar_gio .btn .app_coupon_banner img{width:41px; margin-top:0px;} .mobile_bottom_bar_gio a{font-size:1.5rem !important;} .mobile_bottom_bar_gio img{width:28px; margin-top:11px;} .mobile_bottom_bar_gio img.bottom_category{width:19px; margin-top:18px;} .mobile_bottom_bar_gio .close_btn img {width: 20px; border: 1px solid #000000; border-radius: 50%; margin-top: 15px; padding: 3px;} .btn_col_gio_5 {width:100%;} .btn_col_gio_5:after {display:block; clear:both; content:'';} .btn_col_gio_5 span {float:left; width:20%;} .btn_col_gio_5 a {border-width: 1px 0 0 0;} .btn_col_gio_6 {width:100%;} .btn_col_gio_6:after {display:block; clear:both; content:'';} .btn_col_gio_6 span {float:left; width:16.666%;} .btn_col_gio_6 span:last-child {width:16.67%;} .btn_col_gio_6 a {border-width: 1px 0 0 0;} .btn_col_gio_4 {width:100%;} .btn_col_gio_4:after {display:block; clear:both; content:'';} .btn_col_gio_4 span {float:left; width:25%;} .btn_col_gio_4 a {border-width: 1px 0 0 0;} #toast-container {z-index:98 !important;} #toast-container .toast-title, #toast-container .toast-message{color:#ffffff;} #toast-container .toast-success{background-color:#000000;} .toast-bottom-full-width {bottom:48px !important;} footer {margin-bottom:50px;} nav.lnb .have ul li span {display:block; color:#fff; font-size:1.250rem; font-weight:700;} /* 모바일 하단 고정 메뉴 20230126 */ .img_slide_2_container_gio {overflow:hidden; position: relative;} .img_slide_2_container_gio .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;} .prd_basic .box .icon {height:30px; line-height:30px;} .prd_basic .box .icon img {vertical-align:middle; margin-right:2px; height:1.4rem;} .prd_basic .box .name.with_icon {padding-top:0px;} header .gnb li.category a.back_btn {background:url('/_gio_on/_skin/bottom_bar/back.png') no-repeat -5px 11px / 30px;} #detail h2.title .category a.back_btn {background:url('/_gio_on/_skin/bottom_bar/back.png') no-repeat -5px 7px / 30px;} h2.title.promotion .category a {display:block; position:absolute; top:0; left:5px; width:30px; height:100%; background:url('/_gio_on/_skin/bottom_bar/back.png') no-repeat -5px 7px / 30px; color:transparent; text-indent:-9999em;} nav.lnb .ctrl a.home {padding-left:30px; background:url('/_gio_on/_skin/bottom_bar/home.png') no-repeat left 13px / 25px; font-size:1.083rem; line-height:54px;} nav.lnb .ctrl a.noti {padding-left:30px; background:url('/_gio_on/_skin/bottom_bar/alert.png') no-repeat left 13px / 25px; font-size:1.083rem; line-height:54px; margin-left:15px;} nav.lnb .ctrl a.setup {padding-left:30px; background:url('/_gio_on/_skin/bottom_bar/setup.png') no-repeat left 13px / 25px; font-size:1.083rem; line-height:54px; margin-left:15px;} nav.lnb {left:-100%;} nav.lnb .fix {left:-100%;} header.category {z-index:100;} h2.title.promotion {padding:0 !important; z-index:10; border-bottom:0 !important;} h2.title.promotion .fix {position:fixed; top:0; left:0; z-index:10; width:100%; padding:12px 80px; background:#fff;} h2.title.promotion .name {display:block; overflow:hidden; font-size:1.167rem; letter-spacing:-0.025em; text-overflow:ellipsis; white-space:nowrap;} /* 구매왕 */ .order_king_list_theme_1_mo {width:80%; margin:0 auto; position:relative; padding-top:33px; max-width:500px;} .order_king_list_theme_1_mo img{vertical-align:middle;} .order_king_list_theme_1_mo .contents{width:100%; /*background-image:url('/_gio_on/_skin/orderkinglist/t1/mo_board_2.png');*/ position:relative; background-size: contain; background-repeat: no-repeat; border: 1px solid #dddddd; border-radius: 5px; background-color: rgba(255,255,255,0.1); padding-top:40px;} .order_king_list_theme_1_mo .contents .glitter{position:absolute;} .order_king_list_theme_1_mo .contents .glitter.left{bottom:52px; left:-16px; background-image:url('/_gio_on/_skin/orderkinglist/t1/mo_left_bottom_glitter.png'); width:37px; height:37px; background-size: contain; background-repeat: no-repeat;} .order_king_list_theme_1_mo .contents .glitter.right{top:-28px; right:-12px; background-image:url('/_gio_on/_skin/orderkinglist/t1/mo_right_top_glitter.png'); width:33px; height:59px; background-size: contain; background-repeat: no-repeat;} .order_king_list_theme_1_mo .title{position: absolute; top: 0px;width:100%;} .order_king_list_theme_1_mo .title div{width:65.5%; margin:0 auto; background-color: #3352C9; max-width:200px;} .order_king_list_theme_1_mo .contents .king{height:40px; line-height:40px !important;} .order_king_list_theme_1_mo .contents .king .king_img{width:74px; height:40px !important; display:inline-block;} .order_king_list_theme_1_mo .contents .king .king_img div{width:28px; text-align:center; float:right;} .order_king_list_theme_1_mo .contents .king .king_img div:first-child{width:42px;} .order_king_list_theme_1_mo .contents .king .king_id{margin-right:3px; width:65%; height:24px !important; display:inline-block; /*background: url('/_gio_on/_skin/orderkinglist/t1/mo_box.png') 0px 8px; background-size: contain; background-repeat: no-repeat;*/ background-color: rgba(255,255,255,0.3);border-radius: 5px; margin: 8px;} .order_king_list_theme_1_mo .contents .king .king_id div{width:50%; text-align:center; float:left; color:#ffffff; font-weight:bold; height:24px; line-height:24px !important;} .order_king_list_theme_1_mo .contents .line{display:block; height:1px; width:90%; margin: 0 auto; background-image:url('/_gio_on/_skin/orderkinglist/t1/pc_line_2.png'); background-size: contain; background-repeat: no-repeat;} .order_king_list_theme_1_mo .contents div:nth-child(11){background-image:none;} /* 타임세일 수량 제목*/ .box_timer > .title_no_icon {display:inline-block; position:relative; padding:4px 5px 5px 5px; border-radius:20px; background-color:#333; color:#fff; font-size:0.8rem; vertical-align:top;} .box_timer.big > .title_no_icon {padding:5px 10px; font-size:12px;} .box_timer.big > .title_no_icon:before {margin:2px 5px 0 0;} /* 자동답변 강조 */ .answer_bold_gio{font-weight:bold; font-size:1.1rem;} .answer_red_gio{color:red; font-size:1.1rem;} /* 상품상세 사이즈 로딩 */ .loading_2nd_option_gio {height:30px; overflow:hidden; display: flex; flex-direction: row; align-items: center; margin-top:0px !important;} .loading_snake_gif{background-image:url('/_gio_on/_skin/icon/loading_snake.gif'); display:inline-block; height:16px; width:16px;} #detail .toggle_cnt .dot_list li.dot_style_2:before {content:'※';} .today_dlv_info_link{text-decoration:underline; font-size: 13px;} .order_dlv_info_str {color: #c8883c; text-align:left; margin-top:-10px;} .refund_info select, .refund_info input { font-size: 1.2rem !important; padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; height:40px !important;} .refund_info p { padding-bottom:0px !important; margin-top:5px !important; line-height:20px !important; } .refund_info #refunt_info_div_gio{margin-bottom:10px;} .refund_info p.msg span{font-size: 12px; color: #c8883c;} .refund_info .agree_refund_account_checkbox{line-height:40px; !important;} .board_comment_more_btn { display: flex !important; align-items: center; justify-content: center; width: 100%; max-width: 500px; margin: 0 auto; padding: 10px; text-align: center; border: 1px solid #929292; cursor: pointer; } .gio_board_scroll{overflow: hidden;} .gio_board_scroll .scroll_on {padding:0; opacity: 0; transition: all 1s;} .gio_board_scroll .scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;} .gio_board_scroll .scroll_on.type_top {transform: translate(0, -50px);} .gio_board_scroll .scroll_on.type_bottom {transform: translate(0, 50px);} .gio_board_scroll .scroll_on.type_left {transform: translate(-50px, 0);} .gio_board_scroll .scroll_on.type_right {transform: translate(50px, 0);} @keyframes BoardSlideGio { 100% { transform: translateX(-50%); } } @keyframes PrdBoxAddCartSlideGio { 100% { transform: translateX(0%); } } .prd_box_add_cart_wapper {position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); width: 50px; height: 40px; z-index: 12; cursor:pointer;} .prd_box_add_cart_div {position: absolute; left: 50%; bottom: 7px; transform: translateX(-50%); background-color: #e2e2e2; border-radius: 50%; width: 20px; height: 20px; overflow: hidden; opacity: 0.5; display: flex; align-items: center; font-size:16px; justify-content: space-around; flex-wrap: nowrap;} .privacy_gio{padding-top:20px;} .privacy_gio *{font-size:11px;} .privacy_gio div{padding:0px; margin:6px 0 0 10px; word-break: keep-all;} .privacy_gio div p {margin-left:10px; word-break: keep-all;} .privacy_gio div p .transparent{opacity:0; display:inline;} .privacy_gio .top_text{font-size:12px; margin-left:10px;} .privacy_gio h3{margin:30px 0px 0px 10px;font-size:12px; font-weight:bold; text-decoration: underline;} .privacy_gio h3 img{vertical-align: middle; height: 30px; margin-right: 5px;} .privacy_gio table {width:95%; border:1px solid #e6e6e6;} .privacy_gio table.consign {width:95%;} .privacy_gio table.tree3 {margin-left:10px;} .privacy_gio table.consign th{padding:10px 0;} .privacy_gio table.consign td{padding:5px 0;} .privacy_gio table.cookie_deny th{padding:10px 0;} .privacy_gio table.cookie_deny td{padding:5px 15px;} .privacy_gio table td, .privacy_gio table th{border:1px solid #e6e6e6; text-align:center; padding-left:0px; padding-right:0px; font-size: 11px; word-break: keep-all;} .privacy_gio table td img{width:70%; max-width:128px;} .privacy_gio .label_desc td{text-align:left; padding-left: 1%; padding-right: 1%; word-break: keep-all;} .privacy_contents {margin-top:10px;} .privacy_history div {margin: 10px 0 0 12px !important; text-align:left !important;} .privacy_history div select {border:1px solid #929292; font-size:11px; height:30px;} .all_coupon_area_gio.no_cpn {margin-bottom:10px;} .cuteAlertTitle{font-weight:bold; font-size:15px; margin-bottom:15px;} .cuteAlert2LineBtnDiv{font-weight: 400; font-size: 15px; color: white; line-height: 1.1;} .cuteAlert2LineBtnDiv.secondLine {font-size: 12px; font-weight: normal;} .mobile_bottom_bar_gio {bottom: 0px; transition:bottom .2s;} .mobile_bottom_bar_gio.hide {bottom: -52px !important;} #detail .det_fix {bottom: 50px; transition:bottom .2s;} #detail .det_fix.hide {bottom: 0px !important;} .prd_basic .box.out.outtype2 .img .prdimg {opacity:unset;} .prd_basic .box.out.outtype2 .img .soldout {width:unset; left:50%; transform:translate(-50%,0); background-color:rgba(255,255,255,0.4); padding:3px 10px 1px 10px; border-radius:10px; font-size:1rem;} .prd_basic .box.out.outtype3 .img .prdimg {opacity:unset;} .prd_basic .box.out.outtype3 .img .soldout {width:unset; left:unset; top:unset; right:10px; bottom:10px; background-color:rgba(255,255,255,0.4); padding:3px 10px 1px 10px; border-radius:10px; font-size:1rem;} .prd_basic .box.out.outtype4 .img .prdimg {opacity:unset;} .prd_basic .img .icon_on_img img { width:50%; vertical-align:bottom !important; } .prd_basic .img .icon_on_img { position: absolute; bottom: 0px; left: 0px; text-align:left; z-index:10;} .layer_layout .layer_inner .store .name.add_str {color:#b2b2b2; font-size:0.95em;} #big_section .title_img {position:relative; overflow:hidden;} .cate_title_text_mo_area{position: absolute; top: 50%; left:50%; width:100%; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translate(-50%, -50%);} .cate_title_text_mo_area div{line-height:1.6em; color:#ffffff; text-align: center;} .cate_title_text_mo_area .text1{font-size:1.7em; line-height:1.1em;} .cate_title_text_mo_area .text2{font-size:3.5em; font-weight:bold; line-height:1.1em; padding: 0.4em 0;} .cate_title_text_mo_area .text3{font-size:1.7em; line-height:1.1em;} .cate_title_text_mo_area .text1.is_junior, .cate_title_text_mo_area .text2.is_junior, .cate_title_text_mo_area .text3.is_junior {font-family: 'yg-jalnan' !important; font-weight:normal !important;} .cate_title_text_mo_area{font-size: calc(100vw * 0.019); } .cate_title_text_mo_area2 { display: flex; flex-direction: column; align-items: center; justify-content: center; } .cate_title_text_mo_area2 .text4{ width:100%; background-color:#1d1d1d; color:#fcfcfc; display:flex; justify-content: center;} .cate_title_text_mo_area2 .text4 div:nth-child(1){ color:#fcfcfc; font-size:1.4em; width: 75%; margin: 0 0 10px 0; border-bottom: 1px solid #fcfcfc; padding: 1em 0 0.6em 0; position:relative; font-weight:bold; cursor:pointer;} .cate_title_text_mo_area2 .text4 div:nth-child(2){ color:#fcfcfc; font-size:0.8em; width: 5%; margin: 0 0 10px 0; border-bottom: 1px solid #fcfcfc; padding: 1.8em 0 0.6em 0; position:relative; font-weight:bold; cursor:pointer; text-align:right;} .cate_title_text_mo_area2 .text5{ width:100%; background-color:#1d1d1d; display:none;} .cate_title_text_mo_area2 .text5 div {display:flex; justify-content: center;} .cate_title_text_mo_area2 .text5 div p{ color:#fcfcfc; font-size:1.1em; max-width: 95%; display:inline-block; padding: 0.8em 0 1em 0; line-height:2em; letter-spacing:-0.1em;} .cate_title_text_mo_area2 .text4, .cate_title_text_mo_area2 .text5 div{font-size: calc(100vw * 0.019); } #manage .cate_title_text_mo_area{font-size: calc(420px * 0.019) !important;} #manage .cate_title_text_mo_area .text1, #manage .cate_title_text_mo_area .text2, #manage .cate_title_text_mo_area .text3 {letter-spacing:0; } #manage .cate_title_text_mo_area2 {width:420px;} #manage .cate_title_text_mo_area2 .text4, #manage .cate_title_text_mo_area2 .text5 div{font-size: calc(420px * 0.019); } #manage .cate_title_text_mo_area2 .text4, #manage .cate_title_text_mo_area2 .text5 div p{zoom: 0.8778} .product_add_image_list {position:relative;} .tooltip_print_gio {width:1px; height:1px; position:absolute;} .prd_tooltip_btn {position:absolute; bottom:10px; background-color: #222222aa; left:10px; color: #ffffff; font-size: 14px; padding: 5px 10px 3px 10px; border-radius: 4px; display:none; cursor:pointer; user-select: none; z-index:11;} .prd_tooltip_gio { text-align: center; color: #fff; background: #222222aa; position: absolute; z-index: 1; padding: 15px; border: 0px solid #ffffff88; border-radius: 4px;} .prd_tooltip_gio::after { width: 10px; height: 10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #222222aa; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px;} .prd_tooltip_gio.top::after { border-top-color: transparent; border-bottom: 10px solid #222222aa; top: -20px; bottom: auto;} .prd_tooltip_gio.left::after { left: 12px; margin: 0;} .prd_tooltip_gio.right::after { right: 12px; left: auto; margin: 0;} .prd_tooltip_btn.white{background-color: #555555aa;} .prd_tooltip_gio.white{background: #555555aa;} .prd_tooltip_gio.white::after{border-top: 10px solid #555555aa;} .prd_tooltip_gio.white.top::after{border-bottom: 10px solid #555555aa; border-top-color: transparent;} /* .prd_tooltip_gio::before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ffffff88; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -12px;} .prd_tooltip_gio.top::before { border-top-color: transparent; border-bottom: 10px solid #ffffff88; top: -20px; bottom: auto;} .prd_tooltip_gio.left::before { left: 12px; margin: 0;} .prd_tooltip_gio.right::before { right: 12px; left: auto; margin: 0;} */ @media screen and (min-width: 1605px) { .prd_tooltip_gio{font-size: 14.68px; padding:7px 10.68px; } } @media screen and (max-width: 1604px) { .prd_tooltip_gio{font-size: 14.02px; padding:6.5px 10.02px; } } @media screen and (max-width: 1504px) { .prd_tooltip_gio{font-size: 13.36px; padding:6px 9.36px; } } @media screen and (max-width: 1404px) { .prd_tooltip_gio{font-size: 12.7px; padding:5.5px 8.7px; } } @media screen and (max-width: 1304px) { .prd_tooltip_gio{font-size: 12.0px; padding:5px 8.04px; } } #manage .prd_tooltip_gio{font-size: 13.36px; padding:6px 9.36px; z-index:101; letter-spacing: 0; box-sizing: border-box; line-height: 1.6;} #manage .prd_tooltip_btn{font-size: 14px; letter-spacing: 0; box-sizing: border-box; line-height: 1.6;} .main_banner_gio_4_mo {position:relative; cursor:pointer;} .main_banner_gio_4_mo .banner_img_area{width:100%;} .main_banner_gio_4_mo .banner_text_area { position: absolute; width: 100%; bottom: 15%; display: flex; flex-direction: column; align-items: center; text-align: center;} .main_banner_gio_4_mo .banner_text_area .text1 {color:#ffffff; display:block; font-size:1.4em; margin-bottom: 0.5em;} .main_banner_gio_4_mo .banner_text_area .text2 {color:#ffffff; display:block; font-size:3.0em; font-weight:bold;} .main_banner_gio_4_mo .banner_text_area .text3 {color:#000000; background-color:#ffffff; display:block; font-size:1.3em; margin-top:1.1em; padding: 0.45em 1.5em 0.35em 1.5em; font-weight: bold;} .main_banner_gio_4_mo .banner_text_area .text4 {color: #ffffff; display: block; font-size: 1.0em; margin-bottom: 0.5em;} .main_banner_gio_4_mo .banner_text_area .text5 {color:#000000; background-color:#ffffff; display:block; font-size:1.3em; margin-top:1.1em; padding: 0.45em 1.5em 0.35em 1.5em; font-weight: bold;} .main_banner_gio_4_mo .banner_text_area {font-size: calc(100vw * 0.025); } .swiper_flashbanner .main_banner_gio_4_mo .banner_text_area .text2 {text-shadow: 0px 0px 5px #000;} .main_banner_gio_4_mo.junior .banner_text_area .text1 {font-family: 'yg-jalnan' !important; font-size:1.3em !important; margin-bottom: 0.5em;} .main_banner_gio_4_mo.junior .banner_text_area .text2 {font-family: 'yg-jalnan' !important; font-size:2.5em !important; font-weight:normal;} .main_banner_gio_4_mo.junior .banner_text_area .text3 {font-size:1.1em !important; margin-top:1.2em !important;}