/*-----------------------------------------------------------------*/ /* 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. content 3-4. footer 4. Page 4-1. 메인 4-2. 상점 4-3. 회원 4-4. 마이페이지 4-5. 추가페이지 top_bnr 5. ETC /*-----------------------------------------------------------------*/ /* 1. Reset /*-----------------------------------------------------------------*/ @font-face { font-family:'Roboto'; font-weight:300; src:url('/_skin/fonts/Roboto-Light.eot'); src:local(※), url('/_skin/fonts/Roboto-Light.woff') format('woff'); } @font-face { font-family:'Roboto'; font-weight:400; src:url('/_skin/fonts/Roboto-Regular.eot'); src:local(※), url('/_skin/fonts/Roboto-Regular.woff') format('woff'); } @font-face { font-family:'Roboto'; font-weight:700; src:url('/_skin/fonts/Roboto-Medium.eot'); src:local(※), url('/_skin/fonts/Roboto-Medium.woff') format('woff'); } @font-face { font-family:'NotoSansKR'; font-weight:300; src:url('/_skin/fonts/NotoSansKR-Light.eot'); src:local(※), url('/_skin/fonts/NotoSansKR-Light.woff') format('woff'); } @font-face { font-family:'NotoSansKR'; font-weight:400; src:url('/_skin/fonts/NotoSansKR-Regular.eot'); src:local(※), url('/_skin/fonts/NotoSansKR-Regular.woff') format('woff'); } @font-face { font-family:'NotoSansKR'; font-weight:700; src:url('/_skin/fonts/NotoSansKR-Medium.eot'); src:local(※), url('/_skin/fonts/NotoSansKR-Medium.woff') format('woff'); } @font-face { font-family:'PTSans'; font-weight:700; src:url('/_skin/fonts/PTSans-Regular.eot'); src:local(※), url('/_skin/fonts/PTSans-Regular.woff') format('woff'); } @font-face { font-family:'PTSans'; font-weight:300; src:url('/_skin/fonts/PTSans-Regular.eot'); src:local(※), url('/_skin/fonts/PTSans-Regular.woff') format('woff'); } @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', Malgun Gothic, '맑은 고딕', Dotum, '돋움', sans-serif; font-size:12px; line-height:1.6; vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {line-height:1.6;} ol, ul, li {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} table {border-collapse:collapse; border-spacing:0;} img {vertical-align:top;} input[type=radio], input[type=checkbox] {vertical-align:middle;} input[type=text], input[type=email], input[type=password] {vertical-align:top;} input[type=button] {font-family:'Roboto', 'NotoSansKR', Malgun Gothic, '맑은 고딕', Dotum, '돋움', sans-serif} a, a:hover, a:active, a:focus {text-decoration:none;} *, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*-----------------------------------------------------------------*/ /* 2. Global /*-----------------------------------------------------------------*/ .dn {display:none !important;} .hidden {visibility:hidden; overflow:hidden; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0; line-height:0;} .tac {text-align:center !important;} .tal {text-align:left !important;} .tar {text-align:right !important;} .align_t {vertical-align:top;} .align_m {vertical-align:middle;} .align_b {vertical-align:bottom;} .empty {padding:100px 0 !important; font-size:14px; text-align:center;} .fl {float:left !important;} .fr {float:right !important;} .clear {clear:both;} .bc {display:block; margin-left:auto; margin-right:auto;} .p_color {color:#d53838 !important;} .p_cursor {cursor:pointer;} .i_info {display:inline-block; position:relative; top:1px; width:11px; height:11px; margin-right:4px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/icon_info.png') no-repeat center; font-style:normal; font-weight:normal; line-height:1;} .info_msg {padding:20px 0;} .info_msg li {color:#b2b2b2; font-size:13px;} .i_plus {display:inline-block; position:relative; top:1px; width:13px; height:13px; margin-left:7px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/plus_s.gif') no-repeat center;} /* input 기본 스타일 */ .form_input {height:50px; padding:0 10px; border:0; border-bottom:1px solid #666; background:#fff; color:#1a1a1a; font-size:16px; transition:all .3s ease; font-family:'Roboto', 'NotoSansKR', Malgun Gothic, '맑은 고딕', Dotum, '돋움', sans-serif;} .form_input:focus {color:#1a1a1a !important; outline:none !important;} .form_input.block {width:100% !important;} .form_input:-ms-input-placeholder {color:#b2b2b2; font-family:'Roboto', 'NotoSansKR', Malgun Gothic, '맑은 고딕', Dotum, '돋움', sans-serif;} .form_input::-webkit-input-placeholder {color:#b2b2b2; font-family:'Roboto', 'NotoSansKR', Malgun Gothic, '맑은 고딕', Dotum, '돋움', sans-serif;} .form_input::-moz-placeholder {color:#b2b2b2; font-family:'Roboto', 'NotoSansKR', Malgun Gothic, '맑은 고딕', Dotum, '돋움', sans-serif;} .form_input.readonly {background:#f2f2f2 !important;} .form_input.gray {background:#fafafa;} .form_input.gray:focus {background:#fff;} input[type=file].form_input {height:auto; padding:10px;} textarea.form_input {height:auto; border:1px solid #666;} .form_input.refund {margin-top:11px;} /* input radiobox & checkbox */ input[type="checkbox"] {-webkit-appearance:none; appearance:none; overflow:hidden; display:inline-block; width:16px; height:16px; margin:0; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/checkbox.gif') no-repeat center; cursor:pointer;} input[type="checkbox"]:checked {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/checkbox_on.gif');} input[type="radio"] {-webkit-appearance:none; appearance:none; overflow:hidden; display:inline-block; width:16px; height:16px; margin:0; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/radiobox.png') no-repeat center; cursor:pointer;} input[type="radio"]:checked {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/radiobox_on.png');} input[type="checkbox"]:focus, input[type="radio"]:focus {outline:none !important;} .datepicker {width:160px; height:58px; padding:0 33px 0 10px; border:0; border-bottom:1px solid #666; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/datepicker.png') no-repeat center right 10px;} /* 셀렉트 */ select {font-family:'Roboto', 'NotoSansKR', Malgun Gothic, '맑은 고딕', Dotum, '돋움', sans-serif; max-width:100%; height:34px; padding:4px 6px; border:0; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/select.png') no-repeat right center; color:#1a1a1a; font-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none;} select::-ms-expand {display:none;} select:focus {border-color:#000; outline:none !important;} /* 서브 페이지 타이틀 */ h2.subtitle {padding:0 0 38px; font-size:25px; font-weight:400; text-align:center; line-height:1;} .subtitle_img {padding-bottom:28px; text-align:center;} .subtitle_img img {max-width:100%; height:auto;} h2.subtitle.gray{color:#b2b2b2;} h2.subtitle a {color:inherit; font:inherit;} h2.subtitle a.now {color:#1a1a1a;} /* 페이지 내 타이틀 */ h3.title {padding:80px 0 40px; font-size:20px; line-height:1;} h3.title * {font:inherit; line-height:1;} h3.title.first {padding-top:0;} h3.title.first > p {padding-top:12px; color:#b2b2b2; font-size:13px; font-weight:300;} h3.title.first > p.msg {line-height:1.6;} /* 타이틀 체크 토글 */ .page_check {text-align:center;} .page_check .inner {display:inline-block; position:relative; min-width:194px;} .page_check .inner .title {display:inline-block; height:44px; padding-right:25px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/select.png') no-repeat right 9px; font-size:25px; line-height:1;} .page_check .inner .check_list {display:none; position:absolute; top:44px; left:0; z-index:10; width:100%; padding:12px 0; border:1px solid #e6e6e6; background:#fff; text-align:left;} .page_check .inner .check_list a {display:block; padding:4px 30px 3px 19px; font-size:14px; cursor:pointer;} .page_check .inner .check_list li a.active {background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/check.png') no-repeat right 10px center;} /* 타이틀 체크 탭 3단 */ .page_check .tab {height:70px; border-bottom:1px solid #1a1a1a;} .page_check .tab li {float:left; position:relative; width:400px; height:69px;} .page_check .tab li:after {display:block; content:''; position:absolute; top:0; right:0; z-index:1; width:1px; height:100%; background:#e6e6e6;} .page_check .tab li:first-child:before {display:block; content:''; position:absolute; top:0; left:0; z-index:1; width:1px; height:100%; background:#e6e6e6;} .page_check .tab li a {display:block; height:68px; border-top:1px solid #e6e6e6; background:#fff; color:#b2b2b2; font-size:20px; line-height:70px;} .page_check .tab li.active a {position:absolute; top:0; left:-1px; z-index:5; width:calc(100% + 1px); *width:100%; height:70px; border:1px solid #1a1a1a; border-bottom:0; color:#1a1a1a; line-height:70px;} .page_check .tab li.active:after, .page_check .tab li.active:before {display:none;} /* 타이틀 체크 탭 2단 */ .page_check .tab.col2 li {float:left; position:relative; width:600px; height:69px;} /* 갯수 문단 */ .title_count {position:relative; top:-54px; height:0; font-size:13px;} .title_count strong {font-size:13px;} .title_count ul {float:right; height:0; font-size:0;} .title_count ul li {float:left; position:relative; padding-left:21px; color:#b2b2b2; font-size:14px;} .title_count ul li:after {display:block; content:''; position:absolute; top:50%; left:10px; z-index:5; width:1px; height:12px; margin-top:-6px; background:#e6e6e6;} .title_count ul li:first-child:after {display:none;} .title_count ul li.active {color:#1a1a1a;} .title_count ul li * {color:inherit; font:inherit;} /* 상품리스트 수량,정렬선택 */ .total_sort {clear:both; height:35px; margin:10px 0;} .total_sort .total {float:left; font-size:11px; line-height:35px;} .total_sort .sort {float:right;} /* 상품리스트 수량, 정렬, 사이즈, 형태 선택 */ .filterbox {position:relative; height:77px; line-height:77px;} .filterbox .total {color:#b2b2b2; font-size:14px; line-height:77px;} .filterbox > ul {position:absolute; top:0; right:0; z-index:5;} .filterbox > ul > li {float:left; position:relative; width:94px;} .filterbox > ul > li.size {margin-right:10px;} .filterbox > ul > li .select {width:90px; height:77px; text-align:center;} .filterbox > ul > li .select span.filter_name {display:inline-block; padding-right:18px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/select.png') no-repeat right center; font-size:14px; line-height:77px;} .filterbox > ul > li .select span.selected_filter {display:inline-block; padding-left:20px; padding-right:10px; font-size:14px; line-height:77px; color:#b2b2b2;} .filterbox > ul > li .list {display:none; position:absolute; top:56px; left:50%; z-index:5; width:149px; margin-left:-80px;} .filterbox > ul > li .list .checks {overflow-y:scroll; position:relative; width:100%; height:auto; max-height:300px; padding:14px 0; border:1px solid #e6e6e6; background:#fff; font-size:0;} .filterbox > ul > li .list .checks a {display:inline-block; padding:4px 0 4px 20px; font-size:14px; vertical-align:top;} .filterbox > ul > li .list .checks a.checked, .filterbox > ul > li .list .checks a strong {display:inline-block; padding-right:22px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/filter_check.png') no-repeat right center; color:inherit; font-size:14px; font-weight:400;} .filterbox > ul > li.size .list {width:244px; margin-left:-122px;} .filterbox > ul > li.size .list .checks {padding:0;} .filterbox > ul > li.size .list .checks:after {display:block; content:''; position:absolute; top:0; left:50%; z-index:5; width:1px; height:100%; background:#e6e6e6;} .filterbox > ul > li.size .list .checks > li {float:left; width:50%; border-bottom:1px solid #e6e6e6;} .filterbox > ul > li.size .list .checks > li a {display:block !important; height:32px; padding:0 40px 0 20px; line-height:33px;} .filterbox > ul > li.size .list .checks a.checked {background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/filter_check.png') no-repeat right 20px center;} .filterbox > ul > li.list_type {position:relative; width:65px; margin-top:30px; padding-left:9px;} .filterbox > ul > li.list_type:after {display:block; content:''; position:absolute; top:50%; left:0; z-index:5; width:1px; height:12px; margin-top:-6px; background:#e6e6e6;} .filterbox > ul > li.list_type ul li {float:left; width:14px; height:13px; margin-left:12px;} .filterbox > ul > li.color_filter .list {width:214px; margin-left:-100px;} .filterbox > ul > li.color_filter .list .checks {padding:0;} .filterbox > ul > li.color_filter .list .checks > li a {display:block !important; height:40px; line-height:15px;} .filterbox > ul > li.color_filter .list .checks a.checked {background:url('/_gio_on/_skin/icon/filter_check.png') no-repeat right 13px center;} .filterbox > ul > li.color_filter .list .checks a.checked.white {background:url('/_gio_on/_skin/icon/filter_check_white.png') no-repeat right 13px center;} .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.color_filter .list .checks {padding: 0 0 7px 0;} .filterbox > ul > li.color_filter .list .checks > li {float:left; width:40px; height:40px; margin: 7px 0 0 7px;} /* 페이징 */ .paging {padding-top:40px; font-size:0; text-align:center;} .paging * {display:inline-block; vertical-align:middle;} .paging li {padding:0 10px;} .paging li strong {position:relative; padding:0 4px; color:#262626; font-size:16px;} .paging li strong:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000; content:'';} .paging li a {padding:0 4px; color:#b2b2b2; font-size:16px;} .paging li:first-child a, .paging li:last-child a {color:#262626; font-size:17px;} /* 박스 스타일 - 수량 */ .box_qty {display:inline-block; position:relative; vertical-align:top;} .box_qty .form_input {width:97px; height:25px; padding:0 25px; border:0; font-size:14px; line-height:25px; text-align:center;} .box_qty a {display:block; position:absolute; top:0; width:25px; height:25px; border:1px solid #e6e6e6; background-repeat:no-repeat; background-position:center;} .box_qty a.ea_up {right:0; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/bullet_arrow_up.png')} .box_qty a.ea_down {left:0; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/bullet_arrow_down.png')} /* 컬러칩 리스트 */ .color_option {margin-top:-4.5px; font-size:0;} .color_option:after {display:block; clear:both; content:'';} .color_option li {float:left; margin:4.5px 10px 4.5px 0;} .color_option li a {display:block; width:24px; height:24px; 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:24px; height:24px; border-radius:0%; width:18px; height:18px; margin:2px 0;} .color_option li a.selected img {width:18px; height:18px; margin:2px 0;} .color_option li a span {display:none;} .color_option li a.selected span {display:block; position:absolute; top:6px; right:0; max-width:121px; color:#b2b2b2; font-size:13px; text-align:left;} .text_option {margin-top:-4.5px; font-size:0;} .text_option:after {display:block; clear:both; content:'';} .text_option li {float:left; text-align:left;} .text_option li a {overflow:hidden; display:block; height:25px; margin:4.5px 10px 4.5px 0; padding:0 10px; border:1px solid #e6e6e6; line-height:25px; text-align:center;} .text_option li a.selected {padding:0 9px; border:2px solid #1a1a1a; line-height:23px;} .text_option li a.soldout {border:1px solid #f2f2f2; background:#f2f2f2; color:#b2b2b2;} .list_set .text_option {margin-top:0px;} .list_set .color_option {margin-top:0px;} /* 하단 줄 */ .underline {display:inline-block; position:relative;} .underline:after {position:absolute; left:50%; bottom:-3px; width:0; height:1px; background:#333; content:''; transition:all .3s ease;} .underline:before {position:absolute; right:50%; bottom:-3px; width:0; height:1px; background:#333; content:''; transition:all .3s ease;} .underline:hover:after, .underline:hover:before {width:50%;} /*-----------------------------------------------------------------*/ /* 2-1. table /*-----------------------------------------------------------------*/ /* refund */ .refund_page .refund_title {color:#1a1a1a; font-size:20px; letter-spacing:-0.025rem;} .refund_page .order_num {padding-bottom:13px;} .refund_page .order_num, .refund_page .order_num > span {color:#1a1a1a; font-size:16px; letter-spacing:-0.025rem;} .refund_page .refund_reason > .refund_title {padding:74px 0 32px 0;} .refund_page .refund_reason > .refund_title.style2 {padding:30px 0;} .refund_page .tbl_refund {width:100%; border-top:1px solid #e6e6e6;} .refund_page .tbl_refund tbody > tr > th, .refund_page .tbl_refund tbody > tr > td {padding:18px 0; border-bottom:1px solid #e6e6e6;} .refund_page .tbl_refund tbody > tr > th {padding-left:50px; background:#f2f2f2; color:#1a1a1a; font-size:16px; letter-spacing:-0.025rem; vertical-align:middle;} .refund_page .tbl_refund tbody > tr > td {padding-left:29px;} .refund_page .tbl_refund tbody > tr > td > select {max-width:300px; height:auto; padding:0 25px 17px 10px; border-bottom:1px solid #666; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/select.png') no-repeat right 10px center; color:#1a1a1a; font-size:16px;} .refund_page .tbl_refund tbody > tr > td > textarea {width:790px; height:60px; border:1px solid #666;} .refund_page .tbl_refund tbody > tr > td > label {padding-left:10px; color:#1a1a1a; font-size:16px;} .refund_page .tbl_refund tbody > tr > td > input.last {margin-left:30px;} .refund_page .tbl_refund tbody > tr > td > label, .refund_page .tbl_refund tbody > tr > td > input {vertical-align:middle;} .refund_page .tbl_refund tbody > tr > td input.input_zipcode {width:789px;} .refund_page .tbl_refund tbody > tr > td p.zip {position:relative;} .refund_page .tbl_refund tbody > tr > td p.zip > .box_btn {position:absolute; top:9px; right:162px;} .refund_page .refund_total {margin-bottom:30px; padding:30px 80px; border:1px solid #1a1a1a; font-size:0;} .refund_page .refund_total .total_section, .refund_page .refund_total .total_section2 {display:inline-block; width:50%; vertical-align:middle;} .refund_page .refund_total .total_section {position:relative; padding-right:80px;} .refund_page .refund_total .total_section:after {position:absolute; top:50%; right:0; width:1px; height:108px; margin-top:-54px; background:#e6e6e6; content:'';} .refund_page .refund_total .total_section2 {padding-left:80px;} .refund_page .refund_total .total_section .tbl_total, .refund_page .refund_total .total_section2 .tbl_total2 {width:100%;} .refund_page .refund_total .total_section .tbl_total tr > td, .refund_page .refund_total .total_section2 .tbl_total2 tr > td {text-align:right;} .refund_page .refund_total .total_section .tbl_total tr > th {color:#1a1a1a; font-size:16px;} .refund_page .refund_total .total_section2 .tbl_total2 tr > th {color:#1a1a1a; font-size:20px;} .refund_page .refund_total .total_section .tbl_total tr > td {color:#1a1a1a; font-size:14px;} .refund_page .refund_total .total_section .tbl_total tr > td > span {padding-right:5px; color:#1a1a1a; font-size:20px;} .refund_page .refund_total .total_section2 .tbl_total2 tr > td {color:#c8883c; font-size:14px;} .refund_page .refund_total .total_section2 .tbl_total2 tr > td > span {padding-right:5px; color:#c8883c; font-size:30px;} .refund_page .refund_notice {padding:18px 0; color:#000000; font-size:14px; font-weight:700;} ._refundInvInfoBox {display:none;} /* 테이블 스타일 - 가로 */ .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 #1a1a1a; border-bottom:1px solid #e6e6e6; color:#b2b2b2; font-size:13px; font-weight:normal; text-align:center; vertical-align:middle;} .tbl_col > tbody > tr > td {padding:15px 0; border-bottom:1px solid #e6e6e6; font-size:16px; text-align:center; vertical-align:middle; cursor:pointer;} .tbl_col > tbody > tr > td * {font-size:16px;} .tbl_col > tbody > tr > td.tal {padding-left:15px !important;} .tbl_col > tbody > tr > td.img img {width:100px; height:auto;} .tbl_col > tbody > tr > td.order_number {color:#b2b2b2; font-size:14px; letter-spacing:-0.025em;} .tbl_col > tbody > tr > td.order_number a {color:inherit; font:inherit;} .tbl_col > tbody > tr > td.no, .tbl_col > tbody > tr > td.date, .tbl_col > tbody > tr > td.stat {color:#b2b2b2; font-size:13px; letter-spacing:-0.025em;} .tbl_col > tbody > tr > td.btn_edit2 {font-size:0;} .tbl_col > tbody > tr > td.btn_edit2 a {display:inline-block; padding:0 5px; vertical-align:middle;} /* 테이블 스타일 - 가로 - 장바구니 */ .tbl_col.prd > tbody > tr > td {padding:30px 0;} .tbl_col.prd > tbody > tr > td.tal {padding-left:0 !important;} .tbl_col.prd > tbody > tr > td .opt p, .tbl_col.prd > tbody > tr > td .opt p * {color:#b2b2b2; font-size:14px;} .tbl_col.prd > tbody > tr > td .btn_edit {display:inline-block; padding-top:21px; vertical-align:top;} .tbl_col.prd > tbody > tr > td .btn_edit a {display:inline-block; height:18px; padding-left:18px; border-bottom:1px solid #1a1a1a; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_opt_chg.gif') no-repeat left center; font-size:13px; line-height:18px;} .tbl_col.prd > tbody > tr > td .normal_prc, .tbl_col.prd > tbody > tr > td .normal_prc * {color:#b2b2b2;} .tbl_col.prd > tbody > tr > td .btn_ea {display:inline-block; height:18px; margin-top:9px; border-bottom:1px solid #1a1a1a; font-size:13px; line-height:18px; vertical-align:top;} .tbl_col.prd > tbody > tr > td.delete a {display:inline-block; position:relative;} .tbl_col.prd > tbody > tr > td .status {color:#b2b2b2; font-size:13px;} .tbl_col.prd > tbody > tr > td .status.r0 {color:#b2b2b2;} /* 재입고알림 신청완료 */ .tbl_col.prd > tbody > tr > td .status.r1 {color:#666;} /* 재입고알림 알림완료 */ .tbl_col.prd > tbody > tr > td .status.r2 {color:#e52713;} /* 재입고알림 신청취소 */ .tbl_col.prd > tbody > tr > td .r_cancel {padding-top:5px;} .tbl_col.prd > tbody > tr > td .delivery, .tbl_col.prd > tbody > tr > td .delivery * {color:#3d85cc; font-size:13px;} .tbl_col.prd > tbody > tr > td.img {padding:30px 10px;} .tbl_col.prd > tbody > tr > td img {max-width:100%; height:auto; vertical-align:middle;} /* 테이블 스타일 - 가로 - 장바구니, 세트상품 */ .tbl_col.prd tr.set {background-color:#fdfdfd;} .tbl_col.prd tr.set td {padding-top:10px; padding-bottom:10px;} .tbl_col.prd tr.set td.prdimg {padding-left:40px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_set.png') no-repeat 15px 50%;} .tbl_col.prd > tbody > tr.set > td.tal {padding-left:20px !important;} .tbl_col_quick.prd tr.set {background-color:#fdfdfd;} .tbl_col_quick.prd tr.set td {padding-top:5px; padding-bottom:5px;} .tbl_col_quick.prd tr.set td.prdimg {padding:5px 0 5px 70px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_set.png') no-repeat 45px 50%;} .tbl_col_quick.prd tr.set td.prdimg img {max-height:90px; width:auto;} .tbl_col_quick.prd > tbody > tr.set > td.info {padding-left:40px !important;} .quickcart .list .frame table td.info .quick_price > .after {display:none;} .quickcart .list .frame table td.info .quick_price.is_sale > .before {text-decoration:line-through; color:#b2b2b2;} .quickcart .list .frame table td.info .quick_price.is_sale > .after {display:inline;} /* 테이블 스타일 - 가로 - qna, review, 고객센터 (공지사항, FAQ), 마이페이지 (1:1문의) */ .tbl_col.board > thead > tr > th {display:none;} .tbl_col.board > tbody > tr > td {position:relative; padding:26px 0 24px; border-bottom:1px solid #e6e6e6;} .tbl_col.board > tbody > tr:first-child > td {border-top:1px solid #1a1a1a;} .tbl_col.board > tbody > tr > td.no {font-size:14px;} .tbl_col.board > tbody > tr > td.notice {background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/etc/icon_notice.png') no-repeat center; color:transparent; font-size:0;} .tbl_col.board > tbody > tr > td.date {color:#b2b2b2; font-size:14px;} .tbl_col.board > tbody > tr > td.notice_cnt {padding:0; border:0;} .tbl_col.board > tbody > tr > td.notice_cnt .notice_cnt_frame {display:none; padding:15px; border-bottom:1px solid #e0e0e0; background:#fafafa; text-align:left; word-break:break-all; word-wrap:break-word;} .tbl_col.board > tbody > tr > td.subject .prdname {padding-bottom:5px;} .tbl_col.board > tbody > tr > td.subject img {vertical-align:middle;} .tbl_col.board > tbody > tr > td .best {display:inline-block; margin-right:5px; padding:3px 5px; background:#f00; color:#fff;} .tbl_col.board > tbody > tr > td .icon {color:#262626; font-size:20px;} .tbl_col.board > tbody > tr > td .icon.answer {display:inline-block; position:absolute; left:15px; top:0; width:37px; height:60px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/etc/icon_answer.png') no-repeat left top; color:#fff; text-align:center; line-height:48px;} .tbl_col.board > tbody > tr.faqcnt {background:#f2f2f2;} .tbl_col.board > tbody > tr.faqcnt > td {padding:46px 0 46px;} .tbl_col.board > tbody > tr.faqcnt > td .contents, .tbl_col.board > tbody > tr.faqcnt > td .contents * {color:#262626 !important; font-size:16px !important; line-height:24px !important;} .tbl_col.board > tbody > tr.faqcnt > td .btn {margin-top:20px;} .tbl_gray {table-layout:fixed; width:100%; text-align:center;} .tbl_gray td {border-left:1px solid #e6e6e6;} .tbl_gray thead th, .tbl_gray thead td {padding:18px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#f2f2f2; font-size:16px; font-weight:400; text-align:center; vertical-align:middle;} .tbl_gray tbody th {padding:18px 0 18px 50px; border-bottom:1px solid #e6e6e6; background:#f2f2f2; font-size:16px; font-weight:400; text-align:left; vertical-align:middle;} .tbl_gray tbody td {padding:18px 10px; border-bottom:1px solid #e6e6e6; font-size:16px; vertical-align:middle;} /* 테이블 스타일 - 세로 */ .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 {position:relative; padding:17px 0 18px 3.8%; border-bottom:1px solid #e6e6e6; background:#f2f2f2; font-size:16px; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_row th * {color:inherit; font:inherit; vertical-align:middle;} .tbl_row th .cpn_alert {font-size:11px;} .tbl_row td {padding:17px 10px 18px 3%; border-bottom:1px solid #e6e6e6; font-size:14px; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word;} .tbl_row.tbl_order td {padding:17px 11px 18px 39px;} .tbl_row td * {vertical-align:middle;} .tbl_row td span {color:#b2b2b2; font-size:inherit;} .tbl_row td .dot_list li {position:relative; padding-left:18px; font-size:14px;} .tbl_row td .dot_list li:before {display:block; content:'ㆍ'; position:absolute; top:0; left:0;} .tbl_row td .form_input {width:300px; margin-right:30px;} .tbl_row td textarea.form_input {height:100px;} .tbl_row td label {padding-left:6px; font-size:14px; cursor:pointer;} .tbl_row td.addr_ch {position:relative;} .tbl_row td.addr_ch ul {font-size:0;} .tbl_row td.addr_ch ul li {display:inline-block; margin-right:20px; font-size:14px;} .tbl_row td.addr_ch .box_btn {position:absolute; top:50%; right:11px; z-index:5; margin-top:-13px;} .tbl_row td.address p {margin-top:10px;} .tbl_row td.address p:first-child {margin-top:0;} .tbl_row td.address .form_input {width:270px; margin-right:0;} .tbl_row td.address .form_input.addr1 {margin-right:6px;} .tbl_row td.address .zip {position:relative;} .tbl_row td.address .zip .input_zipcode {width:100%; padding-right:130px;} .tbl_row td.address .zip .box_btn {position:absolute; top:50%; right:0; z-index:5; margin-top:-16px;} .tbl_row td.milage {color:#b2b2b2;} .tbl_row td.milage .own {display:inline-block; position:relative; top:-1px; padding-left:5px; font-size:14px;} .tbl_row td.milage .form_input {width:219px;} .tbl_row td.milage .box_btn {margin-left:26px;} .tbl_row td.offcpn .cpn_code {position:relative; width:380px;} .tbl_row td.offcpn .cpn_code .form_input {width:100%; padding-right:70px;} .tbl_row td.offcpn .cpn_code .box_btn {position:absolute; top:9px; right:0; z-index:5;} .tbl_row th span.plus {display:inline-block; padding-right:19px; color:inherit; font:inherit; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/plus_s.gif') no-repeat right center; vertical-align:top; cursor:pointer;} .tbl_row th .gift_layer {display:none;} .tbl_row th:hover > .gift_layer {display:block; position:absolute; top:29px; left:117px; z-index:5; min-width:315px; padding:20px; border:1px solid #999; background:#fff;} .tbl_row th:hover > .gift_layer ul {padding-bottom:10px;} .tbl_row th:hover > .gift_layer ul li {color:#b2b2b2; font-size:13px;} .tbl_row td .gift_apply {font-size:0;} .tbl_row td .gift_apply li {display:inline-block;} .tbl_row td .gift_apply li label {padding:0 30px 0 11px;} .tbl_row td.gift_pay select {width:120px; height:48px; margin-right:10px; border-bottom:1px solid #666; cursor:pointer; background-color: #ffffff;} .tbl_row td.gift_pay select:disabled {background-color: #efefef;} .tbl_row td.gift_pay p {display:none; font-size:14px; line-height:1; vertical-align:middle;} .tbl_row td.gift_pay p > span.gift_price {display:inline-block; margin-top:-4px; color:#1a1a1a; font-size:inherit; line-height:1; vertical-align:middle;} /* 테이블 스타일 - 주문서, 주문상세조회, 장바구니 */ .tbl_order2 {table-layout:fixed; width:100%; margin:0 auto;} .tbl_order2 caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_order2 th {position:relative; padding:0; color:#b2b2b2; font-size:14px; font-weight:normal; text-align:left; vertical-align:middle;} .tbl_order2 th.total {color:#1a1a1a;} .tbl_order2 td {padding:0; color:#b2b2b2; font-size:14px; text-align:right; vertical-align:middle;} .tbl_order2 td * {color:inherit; font:inherit;} .tbl_order2 .total_prc th {padding-bottom:14px;} .tbl_order2 .total_prc td {position:relative; padding-bottom:14px; color:#1a1a1a;} .tbl_order2 .total_prc td strong {color:#1a1a1a; font-size:30px; font-weight:400;} .tbl_order2 .order_area_total_milage th {padding:21px 0; color:#c8883c;} .tbl_order2 .order_area_total_milage td {padding:21px 0; color:#c8883c;} .tbl_order2 .add_milage th {padding-bottom:3px; font-size:12px;} .tbl_order2 .add_milage th.f_13 {font-size:13px;} .tbl_order2 .add_milage td {padding-bottom:3px; font-size:13px;} .tbl_order2 .add_milage:last-child th {padding:15px 0 0 0;} .tbl_order2 th .info_wrap {display:inline-block; position:relative; color:#b2b2b2; font-size:14px;} .tbl_order2 .order_area_total_milage th .info_wrap {color:#c8883c;} .tbl_order2 th .view_info {display:none; position:absolute; top:20px; left:88%; z-index:5; padding:20px; border:1px solid #999; background:#fff;} .tbl_order2 th .view_info.style2 {display:block; position:static; margin-bottom:10px; padding:0px; border:0; background:none;} .tbl_order2 th .view_info table {width:100%; text-align:left;} .tbl_order2 th .view_info.w274 table {width:274px;} .tbl_order2 th .view_info.w166 table {width:166px;} .tbl_order2 th .view_info table th {padding:0; color:#b2b2b2; font-size:13px; text-align:left; vertical-align:top;} .tbl_order2 th .view_info.style2 table th {font-size:12px;} .tbl_order2 th .view_info table td {padding:0; color:#1a1a1a; font-size:13px; text-align:left; vertical-align:top;} .tbl_order2 th .view_info.style2 table td {padding-right:16px; text-align:right;} .tbl_order2 th:hover .view_info {display:block;} .tbl_order2 td .order_area_total_gift_prc {display:inline !important;} .total_box {clear:both; padding-top:60px;} .total_box > ul {border:1px solid #1a1a1a; font-size:0; text-align:center;} .total_box > ul > li {display:inline-block; position:relative; width:25%; padding:47px 0 36px; vertical-align:middle;} .total_box > ul > li:after {display:block; content:''; position:absolute; top:50%; left:0; z-index:5; width:18px; height:18px; margin-top:-9px; background:no-repeat center;} .total_box > ul > li.plus:after {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_cart_plus.png');} .total_box > ul > li.minus:after {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_cart_minus.png');} .total_box > ul > li.equal:after {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_cart_equal.png');} .total_box > ul > li .title {padding-bottom:4px; font-size:14px;} .total_box > ul > li .cart_check {display:inline-block; position:relative; font-size:14px;} .total_box > ul > li .cart_check.sale > p {display:inline-block; padding:0 19px 0 0; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/plus_s.gif') no-repeat right center; font-size:14px; vertical-align:top; cursor:pointer;} .total_box > ul > li .cart_check.sale .sale_info {display:none; position:absolute; right:-271px; top:30px; z-index:5; width:284px; padding:20px; border:1px solid #999; background:#fff;} .total_box > ul > li .cart_check.sale .sale_info table {width:100%; text-align:left;} .total_box > ul > li .cart_check.sale .sale_info table th {color:#b2b2b2; font-size:13px; vertical-align:top;} .total_box > ul > li .cart_check.sale .sale_info table td {font-size:13px; vertical-align:top;} .total_box > ul > li .cart_check.sale:hover .sale_info {display:block;} .total_box > ul > li .cart_check span.num {font-size:20px;} .total_box > ul > li .cart_check strong.price {font-size:30px;} /*-----------------------------------------------------------------*/ /* 2-2. button /*-----------------------------------------------------------------*/ /* 버튼스타일 - 기본 */ .box_btn {display:inline-block; text-align:center; vertical-align:top;} .box_btn > * {display:inline-block; margin:0; padding:8px 12px; border:1px solid #1a1a1a; outline:none; background:#1a1a1a; color:#fff !important; font-size:13px !important; 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 > *:hover, .box_btn > *:active, .box_btn > *:focus {background:#333;} /* 버튼스타일 - 크기 */ .box_btn.small > * {padding:4px 2px;} .box_btn.large > * {padding:12px 16px; font-size:14px !important;} .box_btn.huge > * {padding:13px 20px; font-size:16px !important; font-weight:700;} .box_btn.huge2 > * {padding:18px 20px; font-size:16px !important; font-weight:700;} /* 버튼스타일 - 가로길이 */ .box_btn.block {display:block;} .box_btn.block > * {width:100%;} .box_btn.w50 > * {width:50px;} .box_btn.w60 > * {width:60px;} .box_btn.w75 > * {width:75px;} .box_btn.w90 > * {width:90px;} .box_btn.w100 > * {width:100px;} .box_btn.w120 > * {width:120px;} .box_btn.w125 > * {width:125px;} .box_btn.w150 > * {width:150px;} .box_btn.w175 > * {width:175px;} .box_btn.w180 > * {width:180px;} .box_btn.w200 > * {width:200px;} .box_btn.w225 > * {width:225px;} .box_btn.w237 > * {width:237px;} .box_btn.w240 > * {width:240px;} .box_btn.w250 > * {width:250px;} .box_btn.w257 > * {width:257px;} .box_btn.w275 > * {width:275px;} .box_btn.w300 > * {width:300px;} .box_btn.w325 > * {width:325px;} .box_btn.w350 > * {width:350px;} .box_btn.w358 > * {width:358px;} /* 버튼스타일 - 세로높이 */ .box_btn.h30 > * {height:30px; padding:0; line-height:28px;} .box_btn.h40 > * {height:40px; padding:0; line-height:38px;} .box_btn.h50 > * {height:50px; padding:0; line-height:48px;} .box_btn.h60 > * {height:60px; padding:0; line-height:58px;} /* 버튼스타일 - 색상 */ .box_btn.white * {border-color:#ccc; background:#fff; color:#1a1a1a !important;} .box_btn.white:hover *, .box_btn.white:active *, .box_btn.white:focus * {background:#f5f5f5;} .box_btn.white2 > * {border-color:#b3b3b3; background:#fff; color:#1a1a1a !important;} .box_btn.white2:hover *, .box_btn.white2:active *, .box_btn.white2:focus * {background:#f5f5f5;} .box_btn.white3 > * {border-color:#ccc; background:#fff; color:#666 !important;} .box_btn.white3:hover *, .box_btn.white3:active *, .box_btn.white3:focus * {background:#f5f5f5;} .box_btn.clear * {border-color:#ccc; background:none; color:#1a1a1a !important;} .box_btn.clear:hover *, .box_btn.clear:active *, .box_btn.clear:focus * {background:#f5f5f5;} .box_btn.gray * {border-color:#e6e6e6; background:#e6e6e6; color:#1a1a1a !important;} .box_btn.gray:hover *, .box_btn.gray:active *, .box_btn.gray:focus * {background:#dadada;} .box_btn.gray2 > * {border-color:#666; background:#666; color:#fff !important;} .box_btn.gray2:hover *, .box_btn.gray2:active *, .box_btn.gray2:focus * {background:#dadada;} .box_btn.gray3 > * {border-color:#e6e6e6; background:#e6e6e6; color:#b2b2b2 !important;} .box_btn.gray3:hover *, .box_btn.gray3:active *, .box_btn.gray3:focus * {background:#dadada;} .box_btn.dgray > * {border-color:#666; background:#666; color:#fff !important;} .box_btn.dgray:hover *, .box_btn.dgray:active *, .box_btn.dgray:focus * {background:#1a1a1a;} /* 버튼스타일 - 텍스트 */ .box_btn.strong * {font-weight:bold;} .box_btn.mt {margin-top:5px;} /* 버튼스타일 - 폰트사이즈 */ .box_btn.fs14 > * {font-size:14px !important;} .box_btn.fs15 > * {font-size:15px !important;} .box_btn.fs16 > * {font-size:16px !important;} /* 버튼스타일 - 정렬 */ .btn_col:after {display:block; clear:both; content:'';} .btn_col.col2 > .box_btn {float:right;} .btn_col.col2 > .box_btn {width:49.5%;} .btn_col.col2 > .box_btn:first-child {float:left;} /*-----------------------------------------------------------------*/ /* 2-3. product /*-----------------------------------------------------------------*/ /* 상품스타일 - 기본 */ .prd_basic {display:block; clear:both; font-size:0; text-align:left !important;} .prd_basic > li {display:inline-block; padding-bottom:47px; text-align:center; vertical-align:top;} .prd_basic .box {position:relative; 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 img {width:100%; height:auto;} .prd_basic .box .img .soldout {display:none;} .prd_basic .box.out .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;} .prd_basic .box.out .img .soldout {display:block; position:absolute; left:0; top:50%; z-index:5; width:100%; color:#000; font-size:14px; font-weight:bold; text-align:center; cursor:pointer;} /* 품절시 soldout 출력 */ .prd_basic .box .img .quick {position:absolute; left:50%; bottom:40px; z-index:5; width:160px; height:60px; margin-left:-70px; font-size:0; opacity:0; transition:opacity 0.4s; -webkit-transition:opacity 0.4s; -moz-transition:opacity 0.4s;} .prd_basic .box .img:hover .quick {opacity:1;} .prd_basic .box.out .img .quick {display:none !important;} .prd_basic .box .quick li {display:inline-block; padding:0 10px; text-align:center; vertical-align:top;} .prd_basic .box .quick li a {display:block; width:60px; height:60px; border-radius:50%; background-color:rgba(255,255,255,0.6); background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;} .prd_basic .box .quick li a:hover {background-color:#f6f6f6;} .prd_basic .box .quick li.preview a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_preview.png');} .prd_basic .box .quick li.wish a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_wish.png');} .prd_basic .box .quick li.wish a.wish_on {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_wish_on.png');} .prd_basic .box .check {position:absolute; top:20px; left:20px; z-index:2;} .prd_basic .box .info {text-align:center;} .prd_basic .box .name {padding-top:35px; color:#262626; font-size:16px;} .prd_basic .box .name.with_icon {padding-top:0px;} .prd_basic .box .name a {color:inherit; font-size:inherit; word-break: keep-all;} .prd_basic .box .summary {margin-top:1px; color:#c8883c; font-size:14px; word-break:break-all; word-wrap:break-word;} .prd_basic .box .price {padding-top:9px; font-size:0;} .prd_basic .box .price span {display:inline-block; word-break:break-all; word-wrap:break-word; vertical-align:top;} .prd_basic .box .price .sell {color:#1a1a1a; font-size:16px;} .prd_basic .box .price .consumer {padding:2px 0 0 9px; color:#b2b2b2; font-size:14px; text-decoration:line-through;} .prd_basic .box .colorchip {margin-top:21px; font-size:0; opacity:0; transition:opacity 0.4s; -webkit-transition:opacity 0.4s; -moz-transition:opacity 0.4s;} .prd_basic .box:hover .colorchip {opacity:1;} .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 img {width:14px; height:14px; border-radius:0%;} .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/giordano_20220222/img/shop/color_more.png') no-repeat right center; color:#999; font-size:13px; vertical-align:middle;} .prd_basic .box .icon {height:36px; line-height:36px;} .prd_basic .box .icon img {vertical-align:middle; margin-right:2px; height:1.7rem;} .prd_basic .box .opt select {width:100%; margin-top:10px;} /* 상품스타일 - 기본 - 레이어 */ .prd_basic.mini {width:100%; text-align:center;} .prd_basic.mini .box .img .prdimg {transition:none;} .prd_basic.mini .box .img .icon_best {position:absolute; left:10px; top:10px; width:40px; height:40px; border-radius:50%; background:#fff; line-height:40px;} .prd_basic.mini .box .info {display:none; position:absolute; left:50%; bottom:10px; z-index:5; width:100%; margin-left:-50%; background:transparent; text-align:center;} .prd_basic.mini .box:hover .info {display:block;} .prd_basic.mini .box:hover .img .prdimg {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity:.3;} .prd_basic.mini .box .price .consumer, .prd_basic.mini .box .summary, .prd_basic.mini .box .count, .prd_basic.mini .box .icon {display:none;} /* 상품 그리드 */ .prd_basic.col2 {margin-left:-27px;} .prd_basic.col2 > li {width:50%; padding-left:27px;} /* .prd_basic.col2 > li:nth-child(3n+1) {width:100%;} .prd_basic.col2 > li:nth-child(3n+1) .box {width:50%;} */ .prd_basic.col3 {margin-left:-27px;} .prd_basic.col3 > li {width:33.33%; padding-left:27px;} .prd_basic.col4 {margin-left:-27px;} .prd_basic.col4 > li {width:25%; padding-left:27px;} .prd_basic.col4.style2 {margin-left:-13px;} .prd_basic.col4.style2 > li {width:25%; padding-left:13px;} .list_type .chage_prdlist1 {display: none;} .list_type .chage_prdlist2 img {width:13px; height:13px;} /* 상품스타일 - 기본 - 슬라이드 */ .prd_basic.slide {display:none; height:0;} .prd_basic.slide.slick-initialized {display:block; height:auto;} .prd_basic.slide .slick-prev {position:absolute; left:-62px; top:50%; z-index:5; width:28px; height:55px; margin-top:-27.5px; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/slide_prev.png');} .prd_basic.slide .slick-next {position:absolute; right:-36px; top:50%; z-index:5; width:28px; height:55px; margin-top:-27.5px; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/slide_next.png');} .prd_basic.slide[class*=col] {margin-left:0; margin-right:-27px;} .prd_basic.slide.col4 .item {width:25%; padding-right:27px;} /* 상품스타일 - 관심상품, 관련상품 */ .prd_related {table-layout:fixed; clear:both; width:100%; border-top:1px solid #e0e0e0; border-collapse:collapse;} .prd_related > thead {display:none;} .prd_related > tbody > tr > td {border-bottom:1px solid #e0e0e0; vertical-align:middle; text-align:center;} .prd_related > tbody > tr > td.img img {width:120px; height:auto;} .prd_related > tbody > tr > td.tal, .prd_related > tbody > tr > td.opt {padding-left:15px; text-align:left;} .prd_related > tbody > tr > td.opt select {display:block; min-width:130px; margin:5px 0;} .prd_related > tbody > tr > td .soldout {display:none; color:#d53838;} .prd_related > tbody > tr > td .soldout.out {display:inline;} .prd_related > tbody > tr > td .summary {color:#888; font-size:11px;} /* 상품 더보기 */ .prd_more {padding-top:56px; text-align:center;} .prd_more .btn {display:inline-block; text-align:center; vertical-align:top;} .prd_more .btn > a {display:inline-block; width:180px; height:50px; margin:0; padding:0; border:1px solid #b3b3b3; background:#fff; color:#1a1a1a !important; font-size:14px; text-align:center; line-height:50px; vertical-align:top; cursor:pointer; -webkit-appearance:none; transition:all .2s ease;} .prd_more .btn > a:hover, .prd_more .btn > a:active, .prd_more .btn > a:focus {background:#f5f5f5;} .prd_more .btn .more_count {display:inline-block; height:50px; padding-left:7px; color:#b2b2b2; font-size:14px; line-height:50px;} .prd_more .btn .more_count * {color:inherit; font:inherit;} /*-----------------------------------------------------------------*/ /* 2-4. layer /*-----------------------------------------------------------------*/ /* 공통 레이어 레이아웃 */ .layer_layout {display:none; position:absolute; left:50%; top:auto; z-index:110; width:840px;} .layer_layout.layer_layout_s {width:640px;} .layer_layout.layer_layout_m {width:720px;} .layer_layout.layer_layout_l {width:880px;} .layer_layout .layer_inner {display:block; position:absolute; left:0; top:0; z-index:10; width:100%; padding:50px 100px 50px; background:#fff; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -webkit-box-shadow:19px 0px 40px 0px rgba(0,0,0,0.2); -moz-box-shadow:19px 0px 40px 0px rgba(0,0,0,0.2); box-shadow:19px 0px 40px 0px rgba(0,0,0,0.2);} .layer_layout .layer_inner .close {position:absolute; top:0; right:0; z-index:5; width:55px; height:55px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/layer_close.gif') no-repeat center; cursor:pointer;} .layer_layout .layer_inner .title_layer {padding-bottom:30px; font-size:20px; font-weight:700; text-align:center; line-height:1;} .layer_layout .layer_inner .size_img {text-align:center;} .layer_layout .layer_inner .size_img img {max-width:100%;} .layer_layout .layer_inner .msg {padding-bottom:26px; border-bottom:1px solid #e6e6e6;} .layer_layout .layer_inner .msg li {font-size:14px;} .layer_layout .layer_inner .box_search .box {position:relative; width:100%; height:52px; margin:27px auto 0; padding-right:43px; border-bottom:1px solid #000; text-align:left;} .layer_layout .layer_inner .box_search .box .basic_search {height:51px; padding:0; border:0; background:transparent; font-size:16px; line-height:51px;} .layer_layout .layer_inner .box_search .box .basic_search:-ms-input-placeholder {color:#b2b2b2;} .layer_layout .layer_inner .box_search .box .basic_search::-webkit-input-placeholder {color:#b2b2b2;} .layer_layout .layer_inner .box_search .box .basic_search::-moz-placeholder {color:#b2b2b2;} .layer_layout .layer_inner .box_search .box .btn {position:absolute; right:0; top:0; z-index:5; width:33px; height:100%; border:0; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/hd_search.png') no-repeat center; color:transparent; text-indent:-9999px;} .layer_layout .layer_inner .list {padding:11px 0; border-bottom:1px solid #e6e6e6;} .layer_layout .layer_inner .list li {margin-top:11px;} .layer_layout .layer_inner .store {position:relative; height:31px; line-height:31px;} .layer_layout .layer_inner .store * {display:inline-block; font-size:14px; line-height:31px;} .layer_layout .layer_inner .store .stock {display:inline-block; position:absolute; top:0; right:0; z-index:1; padding-right:22px; background:no-repeat right center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/plus_s.gif'); line-height:31px; cursor:pointer;} .layer_layout .layer_inner .store.open .stock {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/minus_s.gif');} .layer_layout .layer_inner .store .stock.no {color:#e52713;} .layer_layout .layer_inner .store_det {display:none; padding:20px; background:#f2f2f2; color:#666; font-size:13px;} .layer_layout .layer_inner .store_det * {color:inherit; font-size:inherit;} .layer_layout .layer_inner .paging {margin-top:20px;} .layer_layout .layer_inner .btn_col {margin-top:40px;} .layer_layout .layer_inner .tbl_layer {width:100%; border-top:1px solid #e6e6e6; text-align:left;} .layer_layout .layer_inner .tbl_layer thead th {padding:17px 0; border-bottom:1px solid #e6e6e6; color:#b2b2b2; font-size:14px; font-weight:400; vertical-align:middle;} .layer_layout .layer_inner .tbl_layer thead td {padding:17px 0; border-bottom:1px solid #e6e6e6; font-size:16px; vertical-align:middle;} .layer_layout .layer_inner .tbl_layer tbody th {padding:7px 0; color:#b2b2b2; font-size:14px; font-weight:400; vertical-align:middle;} .layer_layout .layer_inner .tbl_layer tbody td {position:relative; padding:7px 100px 7px 0; font-size:13px; vertical-align:middle;} .layer_layout .layer_inner .tbl_layer tbody tr:first-child th, .layer_layout .layer_inner .tbl_layer tbody tr:first-child td {padding-top:17px;} .layer_layout .layer_inner .tbl_layer tbody td .color_option li a.selected span {top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} .layer_layout .layer_inner .tbl_layer tbody td .btn_layer {display:none;} .layer_layout .layer_inner .phone {margin-top:9px; padding-top:21px; border-top:1px solid #e6e6e6;} .layer_layout .layer_inner .phone .form_input {padding:0;} .layer_layout .layer_inner .phone .check_msg {padding-top:15px;} .layer_layout .layer_inner .phone .check_msg * {vertical-align:middle; cursor:pointer;} .layer_layout .layer_inner .phone .check_msg label {padding-left:10px; font-size:14px;} .layer_layout .layer_inner .tbl_addr {width:100%; border-top:1px solid #e6e6e6;} .layer_layout .layer_inner .tbl_addr td {padding:25px 0; border-bottom:1px solid #e6e6e6; font-size:16px; text-align:center; vertical-align:middle;} .layer_layout .layer_inner .tbl_addr td.tal {padding-left:5px;} .layer_layout .layer_inner .tbl_addr td.tel {color:#b2b2b2; font-size:14px; text-align:center;} .layer_layout .layer_inner .box_input {margin-top:30px;} .layer_layout .layer_inner .box_input.first {margin-top:0;} .layer_layout .layer_inner .box_input.btn {position:relative;} .layer_layout .layer_inner .box_input.btn .form_input {padding-right:120px;} .layer_layout .layer_inner .box_input.btn .box_btn {position:absolute; top:0; right:0; z-index:5;} .layer_layout .layer_inner .check_addr {padding-top:20px;} .layer_layout .layer_inner .check_addr label {padding-left:10px; font-size:14px; cursor:pointer;} .layer_layout .layer_inner .btn_col.w439 {width:439px; margin:40px auto 0;} .layer_layout .layer_inner .txt {padding:35px 40px; border:1px solid #e9e9e9; font-size:16px; letter-spacing:-0.025em;} .layer_layout .layer_inner .txt p {position:relative; padding:11px 0 0 16px; color:#b2b2b2; font-size:14px;} .layer_layout .layer_inner .txt p:after {display:inline-block; content:'※'; position:absolute; top:11px; left:0; color:#b2b2b2; font-size:14px;} .minipop {display:none; position:absolute; right:-1px; top:23px; z-index:20; width:480px; border:1px solid #e6e6e6; border-top:2px solid #1a1a1a; background:#fff; text-align:left; -webkit-box-shadow:5px 0px 4px 0px rgba(0,0,0,0.05); -moz-box-shadow:5px 0px 4px 0px rgba(0,0,0,0.05); box-shadow:5px 0px 4px 0px rgba(0,0,0,0.05);} .minipop .pop_close {position:absolute; right:29px; top:26px; width:16px; height:15px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/layer_close.gif') no-repeat center; cursor:pointer;} .minipop .pop_title {height:66px; padding:0 0 0 28px; border-bottom:1px solid #e6e6e6; font-size:16px; line-height:66px !important;} .minipop .pop_cnt {padding:0 30px;} .minipop .pop_cnt table {table-layout:fixed; width:100%;} .minipop .pop_cnt table * {line-height:1.6 !important;} .minipop .pop_cnt table th, .minipop .pop_cnt table td {padding:20px 0 !important; border-top:1px dotted #e6e6e6 !important; color:#1a1a1a !important; font-size:14px !important; font-weight:400 !important; vertical-align:top !important;} .minipop .pop_cnt table th.gray {color:#b2b2b2 !important;} .minipop .pop_cnt table tr:first-child th, .minipop .pop_cnt table tr:first-child td {border-top:0 !important;} .minipop .pop_cnt table td p {color:#b2b2b2; font-size:13px;} .minipop .pop_cnt table td li {color:#1a1a1a; font-size:14px;} .minipop .pop_cnt table td .sale_prc {display:block; position:relative; top:-3px; color:#f31e1e; font-size:16px;} .minipop .pop_cnt table td .cpn_date {color:#1a1a1a; font-size:14px;} .minipop .pop_cnt table td ul.cpn_info {width:285px; padding-top:5px;} .minipop .pop_cnt table td ul.cpn_info li {position:relative; padding-right:70px; color:#1a1a1a; font-size:13px !important; line-height:1.3 !important;} .minipop .pop_cnt table td ul.cpn_info li > span {position:absolute; top:-1px; right:0; font-size:13px !important; line-height:1.3 !important;} /*-----------------------------------------------------------------*/ /* 3. Layout /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 3-1. wrapper /*-----------------------------------------------------------------*/ #wrapper {overflow:hidden; position:relative; min-width:1300px; text-align:left;} #cnt {min-height:800px;} #cnt .cntbody {width:1900px; margin:0 auto; padding:140px 60px 120px 340px; min-height:1000px;} .wrap_inner {width:100%; min-width:1200px; max-width:1900px; margin:0 auto;} .wrap_inner:after {display:block; clear:both; content:'';} .wrap_inner2 {width:100%; max-width:1200px; margin:0 auto;} .wrap_inner2:after {display:block; clear:both; content:'';} .wrap_inner3 {width:100%; max-width:1600px; margin:0 auto; font-size:0;} /* 메인 */ .wrap_inner3:after {display:block; clear:both; content:'';} /*-----------------------------------------------------------------*/ /* 3-2. header /*-----------------------------------------------------------------*/ #top_bnr {display:none; position:relative; height:40px; background:#fff; color:#000; line-height:42px; text-align:center;} #top_bnr a {display:inline-block; color:inherit; font:inherit; line-height:inherit;} #top_bnr .close {position:absolute; top:0; right:0; width:50px; height:100%; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/top_bnr_close.png') no-repeat center; color:transparent; text-indent:-9999px;} .top_brand {position:relative; z-index:200; width:100%; height:40px; background:#1a1a1a;} .top_brand > ul {height:40px; padding-left:70px; font-size:0;} .top_brand > ul > li {display:inline-block; position:relative; padding:0 20px; vertical-align:top;} .top_brand > ul > li:first-of-type {padding-left:0;} .top_brand > ul > li:after {position:absolute; top:50%; right:0; width:1px; height:10px; background:#4d4d4d; content:''; transform:translate(0,-50%);} .top_brand > ul > li.last:after {display:none;} .top_brand > ul > li a {display:block; height:40px;} .top_brand > ul > li a img {padding-top:16px;} .top_brand > ul > li.last a img {padding-top:11px;} /* 20220218 lnb 수정 */ #header {position:relative; z-index:100; width:100%; max-width:1900px; height:124px; margin:0 auto;} #header .hgroup {position:relative; width:100%; height:100%; padding:0 60px;} #header .hgroup .logo {position:absolute; left:50px; top:0; z-index:90; background:#fff; width:280px;} #header[class*=prd_page] .hgroup .logo, #header[class*=cont] .hgroup .logo {} #header[class*=main] .hgroup .logo, #header[class*=page_junior] .hgroup .logo {background:transparent !important;} #header .hgroup .logo a {display:block; width:243px; height:124px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/logo/logo.png') no-repeat left center; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;} #header .hgroup .logo.page_junior a {width:244px; height:124px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/logo/junior_logo.png');} #header .hgroup .fix_home_menu {display:none;} #header .hgroup .gnb {position:absolute; right:50px; top:39px; padding:10px 15px;} #header .hgroup .gnb > ul > li {float:left;} #header .hgroup .gnb > ul > li + li {position:relative; margin-left:20px;} #header .hgroup .gnb > ul > li > a {display:block; height:24px; color:inherit; line-height:24px; transition:all 0.1s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;} #header .hgroup .gnb > ul > li.icon > a {background:no-repeat center; cursor:pointer;} #header .hgroup .gnb > ul .quick_cart_parent {display:inline-block !important; position:relative; margin-left:20px; padding-bottom:0px; cursor:pointer;} #header .hgroup .gnb > ul .quick_cart_parent > a {display:block; width:22px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/gnb_icon_cart.png'); background-position:center; text-align:center;} #header .hgroup .gnb > ul .quick_cart_parent > a span {display:block; padding-top:6px; font-size:11px;} #header .hgroup .gnb > ul > li.icon.h_search > a {width:22px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/gnb_icon_search.png'); background-position:center 2px;} /* #header .lnb {position:absolute; left:50px; top:142px; width:100%; max-width:350px; min-height:70px; padding-right:70px; transition:all .1s ease;} */ /* #header .lnb {position:absolute; left:50px; top:142px; min-height:70px; padding-right:70px; transition:all .1s ease;} */ /* #header .lnb {position:absolute; left:50px; top:142px; min-height:70px; padding-right:70px; transition:all .1s ease;} */ /* #header #lnb_prd_page {position:absolute; left:0; top:0; width:100%; max-width:350px; min-height:70px; padding-right:70px; transition:all .1s ease;} */ /* #header[class*=fix] {position:fixed; top:0; left:0; width:350px; height:100%; z-index:100; } */ /* #header .lnb {position:fixed; top:0; left:0; width:350px; height:100%; min-height:70px; padding-right:70px; } #header .lnb > .category {position:absolute; top:181px; left:50px; } */ /* 20220218 lnb 수정 */ #header #lnb_prd_page, #header #lnb_page_junior, #header #lnb_main {position:absolute; left:0; top:0; width:100%; max-width:330px; min-height:70px; padding-right:70px; transition:all .1s ease;} #header .lnb > .category {display:block; position:absolute; top:140px; left:0; width:100%; max-width:330px; padding-left:50px;} #header #lnb_cscenter, #header #lnb_mypage {position:absolute; left:50px; top:142px; min-height:70px; padding-right:70px; transition:all .1s ease; width:100%; max-width:350px;} #header .lnb > .category a.active {text-decoration:underline;} #header .lnb > .category ul > li > a {display:block; line-height:1; cursor:pointer; font-weight:300; font-family: PTSans, 'Roboto', 'NotoSansKR', Malgun Gothic, '맑은 고딕', Dotum, '돋움', sans-serif;} #header .lnb > .category ul > li.selected > ul {display:block !important;} #header .lnb > .category ul > li.tgg > ul {display:none;} #header .lnb > .category ul > li.tgg.tgg_open > ul {display:block;} #header .lnb > .category ul.nav_shop1 > li {padding:6px 0;} #header .lnb > .category ul.nav_shop1 > li > a {font-size:16px;} #header .lnb > .category ul.nav_shop1 > li > .more {display:none;} #header .lnb > .category ul.nav_shop1 > li > ul.nav_shop2 {display:none;} #header .lnb > .category ul.nav_shop2 {padding:5px 9px 12px;} #header .lnb > .category ul.nav_shop2 > li {padding:6px 0;} #header .lnb > .category ul.nav_shop2 > li > a {font-size:15px;} #header .lnb > .category ul.nav_shop2 > li > ul.nav_shop3 {display:none;} #header .lnb > .category ul.nav_shop3 {padding:5px 7px;} #header .lnb > .category ul.nav_shop3 > li {padding:6px 0;} #header .lnb > .category ul.nav_shop3 > li > a {font-size:14px;} #header .lnb > .category ul.nav_shop3 > li > ul.nav_shop4 {display:none;} #header .lnb > .category ul.nav_shop4 {padding:5px 7px;} #header .lnb > .category ul.nav_shop4 > li {padding:6px 0;} #header .lnb > .category ul.nav_shop4 > li > a {font-size:12px;} #header .lnb > .category .etc_m {display:none !important;} #header .lnb .concepts1 {display:none; position:relative; margin-top:33px; padding-top:35px;} #header .lnb .concepts1:before {display:block; content:''; position:absolute; top:0; left:1px; z-index:5; width:30px; height:1px;} #header .lnb .nav_title a {font-size:18px; font-weight:700; line-height:1;} #header .lnb > .group {position:absolute;} #header .lnb > .group ul.nav {padding:24px 0 0 8px;} #header .lnb > .group ul.nav > li > a {font-size:16px; cursor:pointer;} #header .lnb > .group ul.nav_sub {padding:0 0 19px 10px;} #header .lnb > .group ul.nav_sub > li {padding-top:2px;} #header .lnb > .group ul.nav_sub > li > a {font-size:14px;} #header .lnb > .group ul.nav > li.selected > a, #header .lnb > .group ul.nav_sub > li.selected > a {text-decoration:underline;} #header #lnb_member > .category, #header #lnb_mypage > .category, #header #lnb_cscenter > .category {display:none !important;} /* 고정 */ /* 20220218 lnb 수정 */ #header[class*=fix] {position:fixed; left:50%; top:40px; height:0; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0);} #header[class*=fix] .hgroup {position:absolute; left:0; top:0;} #header[class*=fix] .hgroup .gnb.bg_fix {background:rgba(255,255,255,0.8); border-radius:15px;} /* 메인체크(브랜드 메인포함) */ #header[class*=main] {position:absolute; left:50% !important; top:40px; width:100% !important; height:0; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0);} #header[class*=main] .hgroup {position:absolute; left:0; top:40px; left:0px !important;} #header[class*=main] .hgroup .logo a {width:243px; height:124px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/logo/logo.png');} /* #header[class*=main] .hgroup .logo a {width:243px; height:124px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/logo/logo_main.png');} */ #header[class*=main] .hgroup .menu_btn {display:none;} #header[class*=main] .hgroup * {color:#151515;} /*#header[class*=main] .hgroup * {color:#fff;}*/ #header[class*=main] .hgroup .gnb {background:none !important; color:#fff;} #header[class*=main] .hgroup .gnb > ul > li.icon.cart > a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/gnb_icon_cart.png'); background-position:left center;} #header[class*=main] .hgroup .gnb > ul > li.icon.h_search > a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/gnb_icon_search.png');} /*#header[class*=main] .hgroup .gnb > ul > li.icon.cart > a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/gnb_icon_cart_main.png'); background-position:left center;} #header[class*=main] .hgroup .gnb > ul > li.icon.h_search > a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/gnb_icon_search_main.png');}*/ #header[class*=main] .lnb * {color:#151515; left:0px !important;} /*#header[class*=main] .lnb * {color:#fff !important;}*/ #header[class*=main] .lnb .concepts1 {display:block;} #header[class*=main] .lnb .concepts1:before {background:rgba(255,255,255,0.4);} #header[class*=main] .lnb .concepts1 a {display:block; width:165px; height:22px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/lnb_concepts1_main_dark.png') no-repeat center; color:transparent; text-indent:-9999px;} /*#header[class*=main] .lnb .concepts1 a {display:block; width:165px; height:22px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/lnb_concepts1_main.png') no-repeat center; color:transparent; text-indent:-9999px;}*/ /* 주니어체크 */ #header[class*=page_junior] {position:absolute; left:50% !important; top:40px; width:100% !important; height:0; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0);} /* #header[class*=fix] {position:fixed; top:0; left:0; width:350px; height:100%; z-index:100; } */ #header[class*=page_junior] .hgroup {position:absolute; left:0; top:40px; left:0px !important;} #header[class*=page_junior] .hgroup .logo a {width:244px; height:124px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/logo/junior_logo.png');} /* #header[class*=page_junior] .hgroup .logo a {width:243px; height:124px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/logo/logo_main.png');} */ #header[class*=page_junior] .hgroup .menu_btn {display:none;} #header[class*=page_junior] .hgroup * {color:#151515;} /*#header[class*=page_junior] .hgroup * {color:#fff;}*/ #header[class*=page_junior] .hgroup .gnb {background:none !important; color:#fff;} #header[class*=page_junior] .hgroup .gnb > ul > li.icon.cart > a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/gnb_icon_cart.png'); background-position:left center;} #header[class*=page_junior] .hgroup .gnb > ul > li.icon.h_search > a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/gnb_icon_search.png');} /*#header[class*=page_junior] .hgroup .gnb > ul > li.icon.cart > a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/gnb_icon_cart_main.png'); background-position:left center;} #header[class*=page_junior] .hgroup .gnb > ul > li.icon.h_search > a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/gnb_icon_search_main.png');}*/ #header[class*=page_junior] .lnb * {color:#151515;} #header[class*=page_junior] .lnb .category{left:0px !important;} /*#header[class*=page_junior] .lnb * {color:#fff !important;}*/ /*#header[class*=page_junior] .lnb .concepts1 a {display:block; width:165px; height:22px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/lnb_concepts1_main.png') no-repeat center; color:transparent; text-indent:-9999px;}*/ #box_search {display:none; position:fixed; left:0; top:0; z-index:300; width:100%; padding:50px 0; background:rgba(255,255,255,0.95); text-align:center;} #box_search .close {display:block; position:absolute; top:0; right:0; z-index:5; width:55px; height:55px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/hd_search_close.png') no-repeat center;} #box_search form .box {position:relative; width:950px; height:55px; margin:0 auto; padding-right:33px; border-bottom:1px solid #000; text-align:left;} #box_search form .box .basic_search {height:54px; padding:0; border:0; background:transparent; font-size:20px; line-height:54px;} #box_search form .box .basic_search:-ms-input-placeholder {color:#b2b2b2;} #box_search form .box .basic_search::-webkit-input-placeholder {color:#b2b2b2;} #box_search form .box .basic_search::-moz-placeholder {color:#b2b2b2;} #box_search form .box .btn {position:absolute; right:0; top:0; z-index:5; width:33px; height:100%; border:0; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/hd_search.png') no-repeat center; color:transparent; text-indent:-9999px;} #box_search .recommend_word {max-width:950px; margin:0 auto; text-align:center;} #box_search .recommend_word dl {padding-top:27px; font-size:0;} #box_search .recommend_word dl dt {display:inline-block; padding-right:20px; font-size:16px; vertical-align:top;} #box_search .recommend_word dl dd {display:inline-block; vertical-align:top;} #box_search .recommend_word dl dd a {display:inline-block; padding:2px 10px; color:#999; font-size:14px; vertical-align:top;} /* 네비게이션 */ /* 20220218 lnb 수정 */ .navi {padding:50px 60px 68px 340px; background:#fff; color:#b2b2b2; font-size:14px; text-align:center;} /* .navi {position:fixed; top:40px; left:0; width:100%; padding:50px 60px 68px 340px; background:#fff; color:#b2b2b2; font-size:14px; text-align:center;} */ .navi * {color:inherit; font-size:inherit;} .navi a:last-child {color:#1a1a1a;} .navi span {display:inline-block; padding:0 4px; vertical-align:top;} /*-----------------------------------------------------------------*/ /* 3-3. footer /*-----------------------------------------------------------------*/ #footer {clear:both;} #footer .board {overflow:hidden; position:relative; height:60px; background:#1a1a1a; font-size:0; text-align:center;} #footer .board:after {display:block; content:''; position:absolute; top:50%; left:50%; width:1px; height:20px; margin-top:-10px; background:#3c3c3c;} #footer .board * {color:#fff; vertical-align:top;} #footer .board .news {display:inline-block; position:relative; width:290px; margin-right:40px; font-size:0; vertical-align:top; text-align:left;} #footer .board .event {display:inline-block; position:relative; width:290px; margin-left:40px; font-size:0; vertical-align:top; text-align:left;} #footer .board .title {display:inline-block; width:64px; color:#fff; font-size:14px; font-weight:700; line-height:60px;} #footer .board .slide_wrap {display:inline-block; width:226px;} #footer .board .slide {overflow:hidden; width:100%; height:60px;} #footer .board .slide .slick-slide {display:block;} #footer .board .slide .slick-slide a {display:block; overflow:hidden; color:#ccc; font-size:14px; line-height:60px; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; word-wrap:break-word;} #footer .board .ctrl {position:absolute; top:50%; right:0; z-index:5; width:33px; height:18px; margin-top:-9px; border:1px solid #999;} #footer .board .ctrl:after {display:block; content:''; position:absolute; top:0; left:50%; width:1px; height:16px; background:#999;} #footer .board .ctrl .prev {position:absolute; top:0; left:0; z-index:5; width:15px; height:16px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/board_ft_prev.png') no-repeat center;} #footer .board .ctrl .next {position:absolute; top:0; right:0; z-index:5; width:15px; height:16px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/board_ft_next.png') no-repeat center;} #footer .board .up {display:block; position:absolute; top:0; right:58px; z-index:5; width:50px; height:60px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/scroll_top.png') no-repeat left center; color:#fff; font-size:15px; line-height:60px; text-align:right;} #footer .bottom {position:relative; background:#fff; z-index:999; padding:40px 60px; text-align:left;} #footer .shopinfo h2.logo a {display:block; width:171px; height:17px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/logo/logo_ft.png') no-repeat center;} #footer .shopinfo .link {padding:20px 0 6px; font-size:0; text-align:left;} #footer .shopinfo .link > li {display:inline-block; vertical-align:top;} #footer .shopinfo .link > li + li {margin-left:20px;} #footer .shopinfo .link > li > a {display:block; padding:5px 0; color:#666; font-size:14px;} #footer .shopinfo .info {padding-right:300px; color:#b2b2b2; font-style:normal; font-size:13px;} #footer .shopinfo .info * {color:inherit; font:inherit;} #footer .shopinfo .info span {padding:0 12px 0 0;} #footer .shopinfo .info span.escrow a {padding-right:12px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/ft_escrow.png') no-repeat right center;} #footer .shopinfo .copyright {padding:7px 0 28px; color:#b2b2b2;} #footer .shopinfo .copyright a {color:#b2b2b2;} #footer .shopinfo .copyright a span {color:#1a1a1a;} #footer .shopinfo .copyright a:hover span {color:#3fc0e5;} #footer .shopinfo .copyright .caution {display:block; color:#aaa;} #footer .shopinfo .sns {font-size:0; text-align:left;} #footer .shopinfo .sns li {display:inline-block; margin-right:16px; vertical-align:top;} #footer .shopinfo .sns li a {display:block; width:20px; height:20px; background:no-repeat center;} #footer .shopinfo .sns li.instagram a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/ft_sns_instagram.png');} #footer .shopinfo .sns li.facebook a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/ft_sns_facebook.png');} #footer .shopinfo .sns li.youtube a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/ft_sns_youtube.png');} #footer .shopinfo .sns li.kakao_channel a {background-image:url('/_gio_on/_skin/icon/ft_sns_kakao_channel_2.png'); background-size: contain; width:34px;} #footer .bottom .area_right {position:absolute; right:60px; top:40px; z-index:5;} #footer .bottom .area_right .cs {padding-bottom:20px; color:#b2b2b2; font-size:13px;} #footer .bottom .area_right .cs a {display:inline-block; padding-left:6px; color:#1a1a1a; font-size:22px; vertical-align:middle;} #footer .bottom .area_right .menu {overflow:hidden;} #footer .bottom .area_right .menu ul {float:right; padding-left:30px; text-align:right;} #footer .bottom .area_right .menu ul li {padding-top:3px;} #footer .bottom .area_right .menu ul li a {color:#666; font-size:16px;} /* 공통 레이아웃 제어 */ @media only screen and (max-width:1900px) { #cnt .cntbody {width:100%;} .wrap_inner {width:100%;} } /* 20200304 lnb 자동축소 주석처리 */ /* @media only screen and (max-width:1539px) { #cnt .cntbody {padding:140px 0 120px;} #header .hgroup .logo, .lnb {display:none; padding:10px 15px; background:rgba(255,255,255,0.8); border-radius:15px;} #header .hgroup .fix_home_menu {display:block; position:relative; z-index:100;} #header .hgroup .fix_home_menu .home {position:absolute; top:49px; left:0;} #header .hgroup .fix_home_menu .home a {display:block; width:25px; height:27px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/hd_home.png') no-repeat center;} #header .hgroup .fix_home_menu .menu_btn {position:absolute; top:49px; left:45px; z-index:100; width:24px; height:27px; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/hd_menu.png'); color:transparent; text-indent:-9999px; cursor:pointer;} #header .hgroup .menu_btn.active {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/hd_menu_close.png');} #wrapper[class*=main] #header .hgroup .logo, #wrapper[class*=main] .lnb {display:block; padding:0; background:none; border-radius:0;} #wrapper[class*=main] #header .hgroup .fix_home_menu {display:none !important;} } */ /* 메인 레이아웃 */ #wrapper[class*=main] {padding:0 !important;} #wrapper[class*=main] #cnt .cntbody {width:100%; padding:0 !important;} #wrapper[class*=page_junior] {padding:0 !important;} #wrapper[class*=page_junior] #cnt .cntbody {width:100%; padding:0 !important;} /* 좌측메뉴 없는 레이아웃 */ #wrapper[class*=none_lnb] #header .hgroup .fix_home_menu .menu_btn, #wrapper[class*=none_lnb] .lnb {display:none !important;} #wrapper[class*=none_lnb] .navi {display:none; height:0; padding:0;} #wrapper[class*=none_lnb] #cnt .cntbody {padding:140px 0 120px;} /* 좌측메뉴 없고 여백 있는 레이아웃 */ #wrapper[class*=only_space] #header .hgroup .fix_home_menu .menu_btn, #wrapper[class*=only_space] .lnb {display:none !important;} /* 상품리스트, 상품상세, 검색결과 레이아웃 */ #wrapper[class*=prd_page] #header .navi {padding-left:350px; padding-right:268px;} #wrapper[class*=prd_page] #cnt .cntbody {padding:140px 50px 120px 350px;} #wrapper[class*=prd_page] #cnt .cntbody.g_depth1 {padding:0 129px 0 250px;} /* @media only screen and (max-width:1280px) { #header .hgroup .logo, #wrapper .lnb {display:none;} #cnt .cntbody {width:1200px; margin:0 auto; padding:0 !important;} #header .hgroup .fix_home_menu {display:block; position:relative; z-index:100;} #header .hgroup .fix_home_menu .home {position:absolute; top:49px; left:0;} #header .hgroup .fix_home_menu .home a {display:block; width:25px; height:27px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/hd_home.png') no-repeat center;} #header .hgroup .fix_home_menu .menu_btn {position:absolute; top:49px; left:45px; z-index:100; width:24px; height:27px; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/hd_menu.png'); color:transparent; text-indent:-9999px; cursor:pointer;} #header .hgroup .menu_btn.active {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/hd_menu_close.png');} } */ /*-----------------------------------------------------------------*/ /* 4. Page /*-----------------------------------------------------------------*/ /*-----------------------------------------------------------------*/ /* 4-1. 메인 /*-----------------------------------------------------------------*/ #main {padding-bottom:40px; text-align:center;} #main .visual_main {position:relative; clear:both; overflow:hidden; position:relative; width:100%; max-width:1904px; height:1000px; margin:0 auto 50px;} #main .visual_main .slide {position:absolute; top:0; left:50%; z-index:5; margin-left:-952px; width:1904px; height:1000px;} #main .visual_main .slide li {width:1904px; height:1000px;} #main .visual_main .slide li a img {width:100%;} /* #main .visual_main .ctrl {position:absolute; top:50%; left:50%; z-index:90; width:100%; height:55px; transform:translate(-50%,-50%); text-align:center;} */ #main .visual_main .pagination {display:none !important; color:#151515; font-size:14px;} /*#main .visual_main .pagination {padding:38px 0; color:#fff; font-size:14px;}*/ #main .visual_main .prev, #main .visual_main .next {position:absolute; top:50%; z-index:200; width:35px; height:55px; transform:translate(0,-50%);} #main .visual_main .prev {left:16%; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/visual_prev_b.png') no-repeat center/100%;} #main .visual_main .next {right:3%; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/visual_next_b.png') no-repeat center/100%;} /*#main .visual_main .prev {position:absolute; top:-10px; left:0; z-index:10; width:100%; height:30px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/visual_prev.png') no-repeat center;} #main .visual_main .next {position:absolute; bottom:-10px; left:0; z-index:10; width:100%; height:30px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/visual_next.png') no-repeat center;}*/ #main .video {display:block; overflow:hidden; position:relative; width:100%; height:1000px; padding:0;} #main .video .play {position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.8); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; cursor:pointer;} #main .video .play .btn {position:absolute; top:50%; left:50%; z-index:5; width:70px; height:70px; margin:-35px 0 0 -35px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/video_play.png') no-repeat center; cursor:pointer;} #main .bnr_list0 {overflow:hidden; margin:0 auto 150px;} #main .bnr_list0 li {float:left; position:relative; width:50%;} #main .bnr_list0 li img {width:100%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;} #main .bnr_list0 li:hover img {opacity:0.5;} #main .bnr_list0 li a.txt {display:inline-block; position:absolute; top:50%; left:50%; z-index:5; height:34px; font-size:30px; font-weight:500; line-height:34px; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); color:#ffffff;} #main .bnr_list0 li a.txt:after {display:block; content:''; position:absolute; bottom:0; left:0; z-index:5; width:0; height:2px; background:#ffffff; opacity:0; -webkit-transition:width 0.5s; -moz-transition:width 0.5s; -o-transition:width 0.5s; transition:width 0.5s;} #main .bnr_list0 li:hover a.txt:after {width:100%; opacity:1;} #main .wide {position:relative; width:100%; margin-bottom:150px; /*height:320px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/wide.jpg?20190822') no-repeat center; background-size:cover;*/} #main .wide .txt {position:absolute; top:73%; left:52%; z-index:5; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} #main .wide .txt .title {color:#fff; font-size:30px; font-weight:700;} #main .wide .txt .summary {margin:8px 0 55px; color:#fff; font-size:20px;} #main .wide img {width:100%; height:auto;} #main .new_bnr {overflow:hidden; margin-bottom:147px; font-size:0;} #main .new_bnr .img {display:inline-block; width:68.75%; max-width:1100px; vertical-align:middle;} #main .new_bnr .img img {width:100%;} #main .new_bnr .txt {display:inline-block; width:31.25%; max-width:500px; padding:0 20px; vertical-align:middle;} #main .new_bnr .txt .cate {color:#b2b2b2; font-size:14px;} #main .new_bnr .txt .title {padding:50px 0 3px; font-size:30px; font-weight:700;} #main .new_bnr .txt .summary {padding-bottom:40px; font-size:16px;} #main .new_arrivals {position:relative;} #main .new_arrivals .prd_basic .item {opacity:0; height:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;} #main .new_arrivals .prd_basic .item.cycle-slide {opacity:1; height:auto;} #main .new_arrivals .title {position:relative; padding-bottom:45px;} #main .new_arrivals .title h3 {position:relative; font-size:30px; font-weight:700; text-align:left; line-height:1;} #main .new_arrivals .title .type {position:absolute; top:0; right:0; z-index:5;} #main .new_arrivals .title .type li {float:left; height:39px; color:#b2b2b2; font-size:16px; line-height:39px; cursor:pointer;} #main .new_arrivals .title .type li:first-child {margin-right:16px;} #main .new_arrivals .title .type li.selected {color:#262626;} #main .new_arrivals .title .type:after {display:block; content:'/'; position:absolute; top:0; left:39px; color:#b2b2b2; font-size:16px; line-height:39px;} #main .new_arrivals .new_prd {visibility:hidden; opacity:0; height:0;} #main .new_arrivals .prd_basic.col4 {margin-left:0 !important;} #main .new_arrivals .prd_basic .box .summary, #main .new_arrivals .prd_basic .box .colorchip, #main .new_arrivals .prd_basic .box .box_timer, #main .new_arrivals .prd_basic .box .icon {display:none;} #main .new_arrivals .prev {position:absolute; left:-62px; top:50%; z-index:5; width:28px; height:55px; margin-top:-27.5px; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/slide_prev.png'); opacity:0; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;} #main .new_arrivals .next {position:absolute; right:-62px; top:50%; z-index:5; width:28px; height:55px; margin-top:-27.5px; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/slide_next.png'); opacity:0; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;} #main .movie {overflow:hidden; margin-top:150px; padding:0; background:#ffffff;} #main .movie .wrap_inner2 {font-size:0;} #main .movie .txt {display:inline-block; width:31.25%; max-width:500px; padding:0 20px; vertical-align:middle;} #main .movie .txt .cate {color:#b2b2b2; font-size:14px;} #main .movie .txt .title {padding:50px 0 3px; font-size:30px; font-weight:700;} #main .movie .txt .summary {padding-bottom:40px; font-size:16px;} #main .movie .video_wrap {display:inline-block; overflow:hidden; position:relative; width:68.75%; max-width:1100px; vertical-align:middle;} #main .movie .video_frame {display:block; overflow:hidden; position:relative; width:100%; padding:0;} #main .movie .video_frame:before {display:block; content:''; padding-top:56.25%;} #main .movie .video_frame img, #main .movie .video_frame iframe, #main .movie .video_frame object, #main .movie .video_frame embed {position:absolute; top:0; left:0; z-index:5; width:100%; height:100%;} #main .movie .video_frame img {height: auto !important;} #main .instagram {margin-top:150px;} #main .instagram .title {padding:0 0 50px 0; font-size:30px; font-weight:700;} #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;} #main .instagram .api:after {display:block; clear:both; content:'';} #main .instagram .api img {padding:0 10px;} #main .instagram .prev {position:absolute; top:50%; left:1.5%; z-index:5; width:28px; height:55px; margin-top:-27.5px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/instagram_prev.png') no-repeat center;} #main .instagram .next {position:absolute; top:50%; right:1.5%; z-index:5; width:28px; height:55px; margin-top:-27.5px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/instagram_next.png') no-repeat center;} /* junior */ #junior_main {padding-bottom:40px; text-align:center;} #junior_main .visual_main {clear:both; overflow:hidden; position:relative; width:100%; max-width:1904px; height:1000px; margin:0 auto 50px;} #junior_main .visual_main .slide {position:absolute; top:0; left:50%; z-index:5; margin-left:-952px; width:1904px; height:1000px;} #junior_main .visual_main .slide li {width:1904px; height:1000px;} #junior_main .visual_main .slide li a img {width:100%;} /* #junior_main .visual_main .ctrl {position:absolute; top:50%; left:50%; z-index:90; width:100%; height:55px; transform:translate(-50%,-50%); text-align:center;} */ #junior_main .visual_main .pagination {display:none !important; color:#151515; font-size:14px;} #junior_main .visual_main .prev, #junior_main .visual_main .next {position:absolute; top:50%; z-index:200; width:35px; height:55px; transform:translate(0,-50%);} #junior_main .visual_main .prev {left:16%; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/visual_prev_b.png') no-repeat center/100%;} #junior_main .visual_main .next {right:3%; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/visual_next_b.png') no-repeat center/100%;} #junior_main .video {display:block; overflow:hidden; position:relative; width:100%; height:1000px; padding:0;} #junior_main .video .play {position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.8); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; cursor:pointer;} #junior_main .video .play .btn {position:absolute; top:50%; left:50%; z-index:5; width:70px; height:70px; margin:-35px 0 0 -35px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/video_play.png') no-repeat center; cursor:pointer;} #junior_main .bnr_list0 {overflow:hidden; margin:0 auto 0} #junior_main .bnr_list0 li {float:left; position:relative; width:50%;} #junior_main .bnr_list0 li img {width:100%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;} #junior_main .bnr_list0 li:hover img {opacity:0.5;} #junior_main .bnr_list0 li a.txt {display:inline-block; position:absolute; top:50%; left:50%; z-index:5; height:34px; font-size:30px; font-weight:500; line-height:34px; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); color:#ffffff} #junior_main .bnr_list0 li a.txt:after {display:block; content:''; position:absolute; bottom:0; left:0; z-index:5; width:0; height:2px; background:#ffffff; opacity:0; -webkit-transition:width 0.5s; -moz-transition:width 0.5s; -o-transition:width 0.5s; transition:width 0.5s;} #junior_main .bnr_list0 li:hover a.txt:after {width:100%; opacity:1;} #junior_main .wide {position:relative; width:100%; margin-top:90px; /*height:320px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/wide.jpg?20190822') no-repeat center; background-size:cover;*/} #junior_main .wide .txt {position:absolute; top:73%; left:52%; z-index:5; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} #junior_main .wide .txt .title {color:#fff; font-size:30px; font-weight:700;} #junior_main .wide .txt .summary {margin:8px 0 55px; color:#fff; font-size:20px;} #junior_main .wide img {width:100%; height:auto;} #junior_main .new_bnr {overflow:hidden; margin-bottom:147px; font-size:0;} #junior_main .new_bnr .img {display:inline-block; width:68.75%; max-width:1100px; vertical-align:middle;} #junior_main .new_bnr .img img {width:100%;} #junior_main .new_bnr .txt {display:inline-block; width:31.25%; max-width:500px; padding:0 20px; vertical-align:middle;} #junior_main .new_bnr .txt .cate {color:#b2b2b2; font-size:14px;} #junior_main .new_bnr .txt .title {padding:50px 0 3px; font-size:30px; font-weight:700;} #junior_main .new_bnr .txt .summary {padding-bottom:40px; font-size:16px;} #junior_main .new_arrivals {position:relative; margin-top:90px;} #junior_main .new_arrivals .prd_basic .item {opacity:0; height:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;} #junior_main .new_arrivals .prd_basic .item.cycle-slide {opacity:1; height:auto;} #junior_main .new_arrivals .title {position:relative; padding-bottom:45px;} #junior_main .new_arrivals .title h3 {position:relative; font-size:30px; font-weight:700; text-align:left; line-height:1;} #junior_main .new_arrivals .title .type {position:absolute; top:0; right:0; z-index:5;} #junior_main .new_arrivals .title .type li {float:left; height:39px; color:#b2b2b2; font-size:16px; line-height:39px; cursor:pointer;} #junior_main .new_arrivals .title .type li:first-child {margin-right:16px;} #junior_main .new_arrivals .title .type li.selected {color:#262626;} #junior_main .new_arrivals .title .type:after {display:block; content:'/'; position:absolute; top:0; left:39px; color:#b2b2b2; font-size:16px; line-height:39px;} /* #junior_main .new_arrivals .new_prd {visibility:hidden; opacity:0; height:0;} */ #junior_main .new_arrivals .prd_basic.col4 {margin-left:0 !important;} #junior_main .new_arrivals .prd_basic .box .summary, #junior_main .new_arrivals .prd_basic .box .colorchip, #junior_main .new_arrivals .prd_basic .box .icon {display:none;} #junior_main .new_arrivals .prev {position:absolute; left:-62px; top:50%; z-index:5; width:28px; height:55px; margin-top:-27.5px; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/slide_prev.png'); opacity:1; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;} #junior_main .new_arrivals .next {position:absolute; right:-62px; top:50%; z-index:5; width:28px; height:55px; margin-top:-27.5px; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/slide_next.png'); opacity:1; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;} #junior_main .movie {overflow:hidden; margin-top:145px; padding:150px 0; background:#ffffff;} #junior_main .movie .wrap_inner2 {font-size:0;} #junior_main .movie .txt {display:inline-block; width:31.25%; max-width:500px; padding:0 20px; vertical-align:middle;} #junior_main .movie .txt .cate {color:#b2b2b2; font-size:14px;} #junior_main .movie .txt .title {padding:50px 0 3px; font-size:30px; font-weight:700;} #junior_main .movie .txt .summary {padding-bottom:40px; font-size:16px;} #junior_main .movie .video_wrap {display:inline-block; overflow:hidden; position:relative; width:68.75%; max-width:1100px; vertical-align:middle;} #junior_main .movie .video_frame {display:block; overflow:hidden; position:relative; width:100%; padding:0;} #junior_main .movie .video_frame:before {display:block; content:''; padding-top:56.25%;} #junior_main .movie .video_frame img, #junior_main .movie .video_frame iframe, #junior_main .movie .video_frame object, #junior_main .movie .video_frame embed {position:absolute; top:0; left:0; z-index:5; width:100%; height:100%;} #junior_main .instagram .title {padding:90px 0 50px; font-size:30px; font-weight:700;} #junior_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;} #junior_main .instagram .insta_list {position:relative;} #junior_main .instagram .api:after {display:block; clear:both; content:'';} #junior_main .instagram .api img {padding:0 10px;} #junior_main .instagram .prev {position:absolute; top:50%; left:1.5%; z-index:5; width:28px; height:55px; margin-top:-27.5px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/instagram_prev.png') no-repeat center;} #junior_main .instagram .next {position:absolute; top:50%; right:1.5%; z-index:5; width:28px; height:55px; margin-top:-27.5px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/main/instagram_next.png') no-repeat center;} /*-----------------------------------------------------------------*/ /* 4-2. 상점 /*-----------------------------------------------------------------*/ /* 상품목록(/shop/big_section.php) */ #big_section .first_depth .slick-prev {position:absolute; left:-48px; top:50%; z-index:100; width:28px; height:55px; margin-top:-27.5px; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/slide_prev.png');} #big_section .first_depth .slick-next {position:absolute; right:-48px; top:50%; z-index:100; width:28px; height:55px; margin-top:-27.5px; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/slide_next.png');} #big_section .cate_visual, #big_section .under_depth {display:none;} #big_section .title_img {text-align:center;} #big_section .title_img img {max-width:100%;} #big_section .cate_visual img {width:100%; max-width:1500px; height:auto; margin:0 auto;} /* 상품상세페이지(/shop/detail.php) */ #detail .wrap_prd {position:relative;} #detail .wrap_prd:after {display:block; clear:both; content:'';} #detail .wrap_prd > .prdimg {float:left; width:49.334%;} #detail .wrap_prd > .prdimg .img {overflow:hidden; width:100%; height:auto; text-align:center;} #detail .wrap_prd > .prdimg .img img {width:100%; max-width:740px; height:auto;} #detail .wrap_prd > .prdimg .addimg {display:none; position:relative; width:100%;} #detail .wrap_prd > .prdimg .addimg .add_slide {width:100%;} #detail .wrap_prd > .prdimg .addimg .big {overflow:hidden; position:relative; max-height:945px;} #detail .wrap_prd > .prdimg .addimg .big img {width:100%;} #detail .wrap_prd > .prdimg .addimg .thumb {overflow:hidden; position:relative; width:100%; max-height:127px; margin:20px auto 0;} #detail .wrap_prd > .prdimg .addimg .thumb .slides {padding:0 6%;} #detail .wrap_prd > .prdimg .addimg .thumb img {width:100%;} #detail .wrap_prd > .prdimg .addimg .thumb .slick-slide {margin:0 5px; cursor:pointer;} #detail .wrap_prd > .prdimg .addimg .thumb .slick-slide.slick-current {position:relative;} #detail .wrap_prd > .prdimg .addimg .thumb .slick-slide.slick-current:after {display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #1a1a1a; background:transparent;} #detail .wrap_prd > .prdimg .addimg .slick-prev {display:block; position:absolute; z-index:10; background:no-repeat center; color:transparent; text-indent:-9999px; cursor:pointer;} #detail .wrap_prd > .prdimg .addimg .slick-next {display:block; position:absolute; z-index:10; width:28px; height:55px; background:no-repeat center; color:transparent; text-indent:-9999px; cursor:pointer;} #detail .wrap_prd > .prdimg .addimg .big .slick-prev {top:50%; left:30px; width:28px; height:55px; margin-top:-27.5px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/det_thumb_prev.png');} #detail .wrap_prd > .prdimg .addimg .big .slick-next {top:50%; right:30px; width:28px; height:55px; margin-top:-27.5px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/det_thumb_next.png');} #detail .wrap_prd > .prdimg .addimg .thumb .slick-prev {top:0; left:0; width:9px; height:100%; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/det_add_prev.png');} #detail .wrap_prd > .prdimg .addimg .thumb .slick-next {top:0; right:0; width:9px; height:100%; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/det_add_next.png');} #detail .wrap_prd > .info {float:left; width:32%; margin-left:11.334%; padding-top:14px;} #detail .wrap_prd > .info > .order_cnt_gio {margin:0px; height:22px;} #detail .wrap_prd > .info > .order_cnt_gio > .order_cnt_gio_inner {margin:0px; line-height:22px; padding:0px 10px; height:22px; overflow:hidden; display:inline-block; background-color:#1a1a1a; color:#ffffff; font-size:12px; border-radius: 5px;} #detail .wrap_prd > .info > .order_detail_gio {margin:0px; padding:0px; border-top:1px solid #1a1a1a;} #detail .wrap_prd > .info > .order_detail_gio > p {color:#262626; margin-bottom:2px; padding:5px 0 0 0;} #detail .wrap_prd > .info > .prd_stylecd_gio {color:#b2b2b2; margin-top:10px;} #detail .wrap_prd > .info > .summary {margin-bottom:10px; color:#c8883c; font-size:14px; word-break:break-all;} #detail .wrap_prd > .info > h3 {position:relative; margin-bottom:20px; color:#262626; font-size:20px; font-weight:400; word-break: keep-all; padding-right: 30px; word-break: keep-all;} #detail .wrap_prd > .info > h3 .wish {position:absolute; top:50%; right:0; width:19px; height:17px; margin-top:-8.5px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_wish.png'); background-repeat:no-repeat; background-position:center;} #detail .wrap_prd > .info > h3 .wish.on {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_wish_on.png');} #detail .wrap_prd > .info > .price {position:relative; padding-right:93px; font-size:0;} #detail .wrap_prd > .info > .price * {line-height:1;} #detail .wrap_prd > .info > .price .sell {display:inline-block; font-size:14px;} #detail .wrap_prd > .info > .price .sell strong {font-size:30px; font-weight:400;} #detail .wrap_prd > .info > .price del {display:inline-block; padding-left:9px; color:#b2b2b2; font-size:14px;} #detail .wrap_prd > .info > .price .sale {display:inline-block; padding:0 18px 0 11px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/plus_s.gif') no-repeat right center;} #detail .wrap_prd > .info > .price .coupon {display:inline-block; position:absolute; bottom:0; right:0; z-index:5; width:83px; height:22px; margin-top:-3px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/download_coupon.png') no-repeat center; cursor:pointer;} #detail .wrap_prd > .info .pop_coupon {display:none; position:fixed; left:50%; top:100px; z-index:1001; width:568px; padding:40px; border:1px solid #d9d9d9; margin-left:-325px; background:#fff;} #detail .wrap_prd > .info .pop_coupon h2 {color:#000; font-size:22px;} #detail .wrap_prd > .info .pop_coupon .count {margin-top:20px; padding:15px 20px; background:#fafafa; line-height:1.6;} #detail .wrap_prd > .info .pop_coupon .count p {margin-top:5px; font-size:11px; line-height:1.4;} #detail .wrap_prd > .info .pop_coupon .list {overflow:auto; max-height:200px; margin-top:10px; border-top:1px solid #e0e0e0;} #detail .wrap_prd > .info .pop_coupon .list li {position:relative; padding:15px 100px 15px 15px; border-bottom:1px solid #e0e0e0; text-align:left;} #detail .wrap_prd > .info .pop_coupon .list a {position:absolute; right:15px; top:10px; padding:5px 10px; background:#363636; color:#fff; cursor:pointer;} #detail .wrap_prd > .info .pop_coupon .close {display:inline-block; position:absolute; right:20px; top:20px; width:21px; height:21px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} #detail .wrap_prd > .info > .list_wrap.list0 {margin-top:40px; padding:27px 0 22px; border-top:1px solid #e6e6e6;} #detail .wrap_prd > .info > .list_wrap.list1 {padding:22px 0 20px; border-top:1px solid #e6e6e6;} #detail .wrap_prd > .info > .list_wrap .list {width:100%;} #detail .wrap_prd > .info > .list_wrap .list th {padding:1px 0; color:#b2b2b2; font-size:14px; font-weight:400; text-align:left; vertical-align:middle;} #detail .wrap_prd > .info > .list_wrap.list1 .list th {padding:10px 0;} #detail .wrap_prd > .info > .list_wrap .list td {position:relative; padding:1px 80px 1px 0; font-size:14px; text-align:left; vertical-align:top;} #detail .wrap_prd > .info > .list_wrap.list1 .list td {padding:8px 0;} #detail .wrap_prd > .info > .list_wrap .list td .btn_layer {display:inline-block; position:absolute; top:50%; right:0; z-index:5; height:16px; margin-top:-8.5px; line-height:16px; text-decoration:underline; cursor:pointer;} #detail .wrap_prd > .info > .list_wrap .list td select {width:100%;} #detail .wrap_prd > .info > .list_wrap .list td .color_option {margin-top:-4.5px; padding-right:130px;} #detail .wrap_prd > .info > .list_wrap .list td .text_option {margin-top:-4.5px;} #detail .wrap_prd > .info > .list_wrap .list td .part_soldout {padding-right:60px;} #detail .wrap_prd > .info > .list_wrap .list td .part_soldout .btn_layer {} #detail .wrap_prd > .info > .list_wrap .list td .part_soldout .box_btn {position:absolute; top:50%; right:0; z-index:5; margin-top:-14px; text-decoration:underline; cursor:pointer;} #detail .wrap_prd > .info > .multi_opt {margin-top:0; border-top:px solid #e6e6e6;} #detail .wrap_prd > .info > .multi_opt .selected_list > li {position:relative; padding:5px 0; font-size:0;} #detail .wrap_prd > .info > .multi_opt .selected_list > li:first-child {padding-top:33px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li:last-child {padding-bottom:33px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .name {display:inline-block; width:52%; word-break:break-all;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .box_qty {display:inline-block; width:97px;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price {display:inline-block; width:calc(48% - 97px); text-align:right;} #detail .wrap_prd > .info > .multi_opt .selected_list > li * {vertical-align:middle;} #detail .wrap_prd > .info > .multi_opt .selected_list > li .price .del img {padding-left:7px; vertical-align:middle;} #detail .wrap_prd > .info > .multi_opt .opt_total {overflow:hidden; position:relative; top:-1px; height:85px; border:1px solid #1a1a1a; border-width:0px 0 0; text-align:right; line-height:85px;} #detail .wrap_prd > .info > .multi_opt .opt_total .title {position:absolute; left:0; top:50%; margin-top:-45px; color:#b2b2b2; font-size:14px; line-height:90px;} #detail .wrap_prd > .info > .multi_opt .opt_total strong {font-size:14px; font-weight:400; line-height:85px;} #detail .wrap_prd > .info > .multi_opt .opt_total strong * {font-size:30px; font-weight:700;} #detail .wrap_prd > .info > .btn {font-size:0;} #detail .wrap_prd > .info > .btn .box_btn {width:49%; font-size:0;} #detail .wrap_prd > .info > .btn .box_btn * {width:100%;} #detail .wrap_prd > .info > .btn .buy {margin:0 0 0 2%;} #detail .wrap_prd > .info > .btn .btn_store {display:block; width:100%; height:50px; margin-top:20px; background:#e6e6e6; text-align:center; line-height:50px;} #detail .wrap_prd > .info > .btn .btn_store:hover {background:#dadada;} #detail .wrap_prd > .info > .btn .btn_store span {display:inline-block; height:50px; padding-left:21px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_store.png') no-repeat left center; font-size:14px; font-weight:700; line-height:50px;} #detail .wrap_prd > .info > .btn .btn_restock {display:inline-block; width:49%; margin:0 0 0 2%;} #detail .wrap_prd > .info > .btn .btn_restock a {display:inline-block; width:100%; height:60px; background:#1a1a1a; text-align:center; line-height:50px;} #detail .wrap_prd > .info > .btn .btn_restock a:hover {background:#333;} #detail .wrap_prd > .info > .btn .btn_restock a span {display:inline-block; height:60px; padding-left:25px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_restock.png') no-repeat left center; color:#fff; font-size:14px; font-weight:700; line-height:60px;} #detail .wrap_prd > .info > .btn .pay {text-align:left;} #detail .wrap_prd > .info > .btn .pay .npay {margin-top:30px;} #detail .wrap_prd > .info > .btn .pay .payco {margin-top:15px;} #detail .wrap_prd > .info > .toggle_detail {border-top:1px solid #e6e6e6;} #detail .wrap_prd > .info > .toggle_detail .section {border-bottom:1px solid #e6e6e6;} #detail .wrap_prd > .info > .toggle_detail .title {height:56px; padding:0 11px; background:no-repeat right center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/toggle_plus.png'); font-size:16px; line-height:56px; cursor:pointer;} #detail .wrap_prd > .info > .toggle_detail .section.open .title {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/toggle_minus.png');} #detail .wrap_prd > .info > .toggle_detail .cnt {display:none; padding:0 11px 25px; overflow:auto; max-height:200px; margin-bottom:20px;} #detail .wrap_prd > .info > .toggle_detail .cnt img {padding:0 10px 10px 0;} #detail .wrap_prd > .info > .count_share {position:relative; margin-top:43px; font-size:0;} #detail .wrap_prd > .info > .count_share:after {display:block; content:''; position:absolute; top:50%; left:50%; width:1px; height:12px; margin-top:-6px; background:#e6e6e6;} #detail .wrap_prd > .info > .count_share .title {display:inline-block; /*width:70px;*/ color:#b2b2b2; font-size:13px;} #detail .wrap_prd > .info > .count_share .count {display:inline-block; width:50%; color:#888; vertical-align:middle;} #detail .wrap_prd > .info > .count_share .count * {display:inline-block; vertical-align:middle;} #detail .wrap_prd > .info > .count_share .count .star {/*width:80px;*/ margin-right:11px; font-size:0;} #detail .wrap_prd > .info > .count_share .count .star img {width:16px; height:13px; margin-top:-1px;} #detail .wrap_prd > .info > .count_share .count .ea {font-size:14px;} #detail .wrap_prd > .info > .count_share .count .ea strong {font-size:14px; text-decoration:underline;} #detail .wrap_prd > .info > .count_share .sns {display:inline-block; width:50%; padding-left:40px; vertical-align:middle;} #detail .wrap_prd > .info > .count_share .sns a {display:inline-block; width:35px; height:18px; background-repeat:no-repeat; background-position:center; text-indent:-9999px; vertical-align:middle;} #detail .wrap_prd > .info > .count_share .sns a.facebook {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_facebook.png');} #detail .wrap_prd > .info > .count_share .sns a > span.kakao {display:block; height:100%; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_kakao.png') no-repeat center;} #detail .wrap_prd > .info > .count_share .sns a > span.kakaostory {display:block; height:100%; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_kakaostory.png') no-repeat center;} #detail .wrap_info {clear:both;} #detail .wrap_info .tab_area > .tab {padding:141px 0 60px; text-align:center; font-size:0;} #detail .wrap_info .tabcnt_detail0 .tab_area > .tab {padding-top:90px;} #detail .wrap_info .tab_area > .tab li {display:inline-block; position:relative; padding:0 8px 0 16px;} #detail .wrap_info .tab_area > .tab li:after {display:block; content:'/'; position:absolute; left:0; top:2px; color:#b2b2b2; font-size:20px;} #detail .wrap_info .tab_area > .tab li:first-child:after {display:none;} #detail .wrap_info .tab_area > .tab li a {display:inline-block; height:39px; color:#b2b2b2; font-size:20px; line-height:39px; cursor:pointer;} #detail .wrap_info .tab_area > .tab li a.active, #detail .wrap_info .tab_area > .tab li a:hover {color:#1a1a1a; border-bottom:1px solid #1a1a1a;} #detail .wrap_info .btn_bottom {margin-top:20px; text-align:right;} #detail .wrap_info .detail_info, #detail .wrap_info .common_info {word-break:break-all;} #detail .wrap_info .detail_info {margin-bottom:30px;} #detail .wrap_info .detail_info * {font-size:inherit; text-align:inherit; line-height:inherit;} #detail .wrap_info .detail_info img, #detail .wrap_info .common_info img {max-width:100%; height:auto; font-size:0; line-height:0;} #detail .wash_info {margin:50px auto 0; text-align:center;} #detail .wash_info .title {height:76px; font-size:25px; line-height:76px;} #detail .wash_info .cnt img {padding:0 10px 10px;} #detail .rel_prd {padding-top:94px;} #detail .rel_prd .title_related {padding-bottom:25px; color:#262626; font-size:20px; text-align:center;} #detail .rel_prd .title_related .rel_ea {font-size:inherit;} #detail .rel_prd .prd_basic.slide .slick-prev {left:20px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/det_thumb_prev.png');} #detail .rel_prd .prd_basic.slide .slick-next {right:47px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/det_thumb_next.png');} #detail #sale_info {top:40px;} /* 퀵프리뷰 - 팝업(/shop/detail_popup.php) */ #detail_pop {position:relative; padding:50px 100px; -webkit-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 40px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 40px 0px rgba(0,0,0,0.2);} #detail_pop #detail {margin-top:0;} #detail_pop .close {display:inline-block; position:absolute; right:20px; top:20px; z-index:10; width:21px; height:21px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} #detail_pop #detail .wrap_prd > .prdimg {width:436px;} #detail_pop #detail .wrap_prd > .prdimg .img {display:block;} #detail_pop #detail .wrap_prd > .info {float:right; width:480px; margin-left:0;} #detail_pop .minipop {position:fixed; top:50% !important; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} /* 상품이미지줌 - 팝업(/shop/zoom.php) */ #zoomimg {text-align:center;} #zoomimg h2 {padding:10px 60px 10px 20px; background:#676767; color:#fff; font-size:14px; text-align:left;} #zoomimg .img {margin:40px auto 10px;} #zoomimg .img img {max-width:500px; max-height:500px;} #zoomimg .list {width:500px; margin:10px auto 0;} #zoomimg .list li {float:left; margin:0 0 10px 10px;} #zoomimg .list li:nth-child(5n+1) {margin-left:0 !important;} #zoomimg .list li img {max-width:92px; max-height:92px;} #zoomimg .list:after {display:block; clear:both; content:'';} #zoomimg .box_btn {position:absolute; right:10px; top:7px;} /* 상품갯수 - 장바구니(/shop/cart.php), 주문서(/shop/order.php) */ .enterprise {padding-top:30px;} .enterprise.headY {padding-top:0;} .enterprise .msg_delivery {padding-bottom:10px;} /* 장바구니(/shop/cart.php) */ #cart .area_left {float:left; width:63%; margin-top:30px;} #cart .area_left .msg {margin-top:60px; padding-left:25px;} #cart .area_left .msg dt {padding-bottom:10px; font-weight:bold;} #cart .area_left .msg dd {color:#888; font-size:11px; line-height:1.8;} #cart .area_right {float:right; margin-top:30px;} #cart .area_right .box {width:360px; padding:40px; background:#f8f8f8;} #cart .area_right .box.mim {border:1px solid #c3c3c3; background:#fff;} #cart .area_right .box .box_btn {margin-top:10px;} #cart .btn_list {padding-top:80px; text-align:center;} #cart .pay {clear:both; padding-top:30px; text-align:center;} #cart .pay > div {padding-bottom:10px;} #cart .cart_item {margin:60px 0 70px;} #cart .cart_item h2 {margin-bottom:32px; font-size:24px; font-weight:400; letter-spacing:-0.025rem;} #cart .cart_item .slick-slider {margin:0 0 0 -15px;} #cart .cart_item .slick-slide {position:relative; text-align:center; margin-left:15px;} #cart .cart_item .slick-prev {position:absolute; top:158px; left:35px; z-index:99; width:28px; height:55px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/icon_prev5.png')no-repeat center;} #cart .cart_item .slick-next {position:absolute; top:158px; right:20px; z-index:99; width:28px; height:55px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/icon_next5.png')no-repeat center;} /* 장바구니 옵션 변경 */ .cart_change_option {width:480px; padding:40px 50px;} .cart_change_option h3 {font-size:20px; font-weight:normal;} .cart_change_option .opt {margin-bottom:15px; padding:5px 0 15px; border-bottom:1px solid #e0e0e0;} .cart_change_option .opt span {display:inline-block; padding:5px; border-radius:5px; background:#eee; color:#666;} .cart_change_option table {width:100%; table-layout:fixed;} .cart_change_option table > thead {display:none;} .cart_change_option table > tbody > tr > th {padding:5px 0 5px 23px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/bullet_check.png') no-repeat 7px center; font-weight:normal; text-align:left; line-height:34px;} .cart_change_option table > tbody > tr > td {padding:5px; vertical-align:middle;} .cart_change_option table > tbody > tr > td select {width:100%;} .cart_change_option table > tbody > tr > td .box_qty {width:100%;} .cart_change_option .total {position:relative; margin-top:15px; padding:15px 10px; border:1px solid #e0e0e0; border-width:1px 0;} .cart_change_option .total .price {position:absolute; right:15px; top:8px;} .cart_change_option .total .price strong {font-size:20px;} .cart_change_option .btns {margin-top:20px; text-align:center;} /* 장바구니 입점몰 계산 박스 */ #cart .cart_sum {position:relative; padding:30px 60px; border-bottom:1px solid #dadada; background:#f8f8f8; text-align:right;} #cart .cart_sum:after {display:block; clear:both; content:'';} #cart .cart_sum .delivery_msg {position:absolute; left:30px; top:50%; z-index:10; margin-top:-7px; text-align:left; font-weight:bold;} #cart .cart_sum table {width:25%; float:right;} #cart .cart_sum table th {padding:5px 0; color:#666; font-weight:normal; text-align:left;} #cart .cart_sum table td {padding:5px 0; color:#666; text-align:right;} /* 장바구니 개별상품 쿠폰적용 */ #cart .cart_prc > .after {display:none;} #cart .cart_prc.is_sale > .before {text-decoration:line-through;} #cart .cart_prc.is_sale > .after {display:block;} /* 주문서(/shop/order.php) */ #order:after {display:block; clear:both; content:'';} #order .guest {padding-bottom:40px;} #order .guest .agree_guest {padding-bottom:20px;} #order .guest .box_frame {border:1px solid #ebebeb;} #order .guest .box_frame iframe {width:100%; height:162px; border:0;} #order .print_receipt {padding-bottom:10px; text-align:right; line-height:30px;} #order h3.title {position:relative; padding:74px 0 33px;} #order h3.title .box_btn {position:absolute; bottom:31px; right:0; z-index:5;} #order .area_left {float:left; width:780px;} #order .area_right {float:right; margin-top:80px;} #order .area_right .inner.fixed {position:fixed; right:50%; top:0; z-index:20;} #order .tbl_order2 .order_area_total_sale_prc td {color:#c8883c; vertical-align:top;} #order .tbl_order2 .order_area_total_sale_prc td span {color:#c8883c;} #order .tbl_order2 .order_area_total_sale_prc th .info_wrap {color:#c8883c;} #order .tbl_order2 .order_area_total_sale_prc th td {color:#b2b2b2;} #order .tbl_order2 .order_area_total_sale_prc th td span {color:#b2b2b2;} #order .tbl_order2 .order_area_total_sale_cpn_prc td {color:#c8883c; vertical-align:top;} #order .tbl_order2 .order_area_total_sale_cpn_prc td span {color:#c8883c;} #order .tbl_order2 .order_area_total_sale_cpn_prc th .info_wrap {color:#c8883c;} #order .tbl_order2 .order_area_total_sale_cpn_prc th td {color:#b2b2b2;} #order .tbl_order2 .order_area_total_sale_cpn_prc th td span {color:#b2b2b2;} @media only screen and (min-width:1540px) { /* #order .area_right .inner.fixed {margin-right:-740px;} */ #order .area_right .inner.fixed {margin-right:-600px;} } @media only screen and (max-width:1539px) { #order .area_right .inner.fixed {margin-right:-600px;} } #order .area_right .box {width:340px; padding:40px; border:1px solid #1a1a1a; background:#fff;} #order .area_right .box .title {padding-bottom:2px; font-size:16px;} #order .area_right .box .line {margin-top:13px; padding:25px 0 22px; border-top:1px solid #dfdfdf;} #order .area_right .box .line.refund {padding:25px 0 0 0;} #order .offcpn #off_cpn_div2, #order .offcpn #off_cpn_img2 {display:none;} #order .offcpn #off_cpn_div2 p {margin-bottom:5px;} #order .offcpn #off_cpn_div2 .offbtn {text-align:right;} #order .offcpn .box_btn.small a {min-width:89px;} #order .method {position:relative;} #order .method > div {position:relative; padding:25px 0 6px;} #order .method > div.card_benefit {position:absolute; top:0; right:0; z-index:20; padding:0;} #order .method > div.card_benefit .btn {display:inline-block; text-decoration:underline; cursor:pointer;} #order .method > div.card_benefit .minipop .pop_cnt {overflow:auto; max-height:400px;} #order .method > div > label {position:absolute; left:0; top:0; font-size:14px; cursor:pointer;} #order .method > div .msg_pay {padding:0 !important; color:#b2b2b2 !important; font-size:13px;} #order .method > div .bank_name {display:none;} #order .method > div #cash_reg {padding:5px 0 !important;} #order .method > div #cash_reg span {color:#b2b2b2 !important;} #order .method > div select {width:100%; height:50px; margin-bottom:5px;} #order .refund_info {} #order .refund_info > p {padding:8px 0; color:#b2b2b2; font-size:13px;} #order .order_cancel_msg {color:#666;} #order #order1 {margin-top:17px; padding-top:5px; border-top:1px solid #e6e6e6;} #order #order1 > label {display:block; position:relative; padding:15px 0 15px 26px; font-size:14px; cursor:pointer;} #order #order1 > label > input {position:absolute; left:0; top:18px;} #order #order1 .box_btn {margin-top:10px;} #order #order2 {display:none; clear:both; margin-top:30px; padding:50px 0; border:1px solid #dedede; text-align:center;} #order #order2 .total_info {font-size:16px; font-weight:bold;} #order #order2 .total_info strong, #order #order2 .total_info strong * {font-size:inherit;} #order #order2 .msg {padding:23px 0; color:#888;} #order .coupon_list li {position:relative; margin-top:10px; padding-left:25px;} #order .coupon_list li:first-child {margin-top:0;} #order .coupon_list li label {padding:0; font-size:0; line-height:normal;} #order .coupon_list li .check {position:absolute; left:0; top:5px; cursor:pointer;} #order .coupon_list li .box {font-size:14px; vertical-align:top;} #order .coupon_list li .content {display:inline; position:relative; color:#b2b2b2; font-size:14px; vertical-align:top;} #order .coupon_list li .content:before {content:'(';} #order .coupon_list li .content:after {content:')';} #order .coupon_list li .content span {vertical-align:top;} #order .coupon_list li .content span:before {content:' / ';} #order .coupon_list li .content span:first-child:before {content:'';} /* 주문완료(/shop/order_finish.php) */ #orderfin {text-align:center;} #orderfin h3 {padding-bottom:33px; font-size:20px; font-weight:400; text-align:left;} #orderfin h4 {padding-bottom:33px; font-size:20px; font-weight:400; text-align:left;} #orderfin .tbl_row td.total strong {font-size:16px; font-weight:500;} #orderfin .tbl_row td.total span {color:#1a1a1a;} #orderfin .box {margin-bottom:30px; padding:40px 80px; background:#f5f5f5;} #orderfin .info {padding:74px 0 72px;} #orderfin .info .bank {padding-bottom:20px; color:#888;} #orderfin .info .email {position:relative; top:-1px; padding:35px 0; border:solid #e6e6e6; border-width:1px 0; font-size:16px;} #orderfin .info .email strong {font-size:16px; font-weight:400;} #orderfin .info .email p {color:#b2b2b2; font-size:14px;} #orderfin .box_gift .box_btn {margin-top:20px;} #orderfin .btn {padding-top:60px;} /* 상품검색(/shop/search_result.php) */ #search_result .re_search {position:relative; width:63%; height:55px; margin:48px auto 67px auto; padding-right:33px; border-bottom:1px solid #000; text-align:left;} @media only screen and (max-width:1539px) { #search_result .re_search {margin:110px auto 67px;} } #search_result .re_search .basic_search {height:54px; padding:0; border:0; background:transparent; font-size:20px; line-height:54px;} #search_result .re_search .basic_search:-ms-input-placeholder {color:#b2b2b2;} #search_result .re_search .basic_search::-webkit-input-placeholder {color:#b2b2b2;} #search_result .re_search .basic_search::-moz-placeholder {color:#b2b2b2;} #search_result .re_search .btn {position:absolute; right:0; top:0; z-index:5; width:33px; height:100%; border:0; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/hd_search.png') no-repeat center; color:transparent; text-indent:-9999px;} #search_result .category {border:solid #e6e6e6; border-width:1px 0;} #search_result .result_cate {overflow:hidden;} #search_result .result_cate .list {font-size:0; text-align:center;} #search_result .result_cate .list li {display:inline-block; position:relative; padding:19px 29px 19px 30px; text-overflow:ellipsis; white-space:nowrap;} #search_result .result_cate .list li:after {display:block; content:''; position:absolute; top:50%; left:0; z-index:5; width:1px; height:14px; margin-top:-7px; background:#e8e8e9;} #search_result .result_cate .list li:first-child:after {display:none;} #search_result .result_cate .list li a {display:inline-block; color:#b2b2b2; font-size:14px;} #search_result .result_cate .list li span {color:#b2b2b2; font-size:14px;} #search_result .result_cate .list li a.selected {color:#1a1a1a; font-size:14px;} #search_result .result_cate .list li a.selected + span {color:#1a1a1a; font-size:14px;} /* 상품문의 & 상품후기 - 상품정보(/shop/product_review_list.php & /shop/product_qna_list.php) */ /* QA 상단 */ .qna_top_info {position:relative; padding:26px 120px 25px 60px; border:1px solid #e6e6e6;} .qna_top_info .msg li {position:relative; padding-left:7px; color:#b2b2b2; font-size:16px; line-height:24px;} .qna_top_info .msg li:after {display:block; position:absolute; left:0; top:10px; width:2px; height:2px; background:#b2b2b2; content:'';} .qna_top_info .msg li a {color:#000; font-size:16px;} .qna_top_info .box_btn {position:absolute; right:60px; top:50%; margin-top:-25px;} /* 리뷰 상단 */ .rev_top_info {position:relative; height:100px; margin-bottom:74px; border:1px solid #e6e6e6; font-size:0; text-align:center;} .rev_top_info .total {position:absolute; top:0; left:4%; z-index:5; height:98px; color:#b2b2b2; font-size:16px; line-height:98px;} .rev_top_info .total strong {color:#1a1a1a; font:inherit;} .rev_top_info .score * {display:inline-block; height:98px; font-size:0; line-height:98px; vertical-align:top;} .rev_top_info .score .title {padding-right:18px; font-size:16px;} .rev_top_info .score .average {font-size:30px;} .rev_top_info .score .rating {width:145px; margin-left:10px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/star_bg.png') repeat-x left center; text-align:left;} .rev_top_info .score .rating img {width:29px; height:24px; vertical-align:middle;} .rev_top_info .box_btn {position:absolute; top:50%; right:4%; z-index:5; margin-top:-25px;} /* 후기 정렬 */ .tab_rev_type {float:right; position:relative; width:103px; cursor:pointer;} .tab_rev_type .now {height:53px; padding-right:20px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/select.png') no-repeat right center; font-size:16px; line-height:53px; text-align:right;} .tab_rev_type .tab_rev_list {display:none; position:absolute; top:44px; right:0; z-index:5; width:103px; 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:14px; line-height:31px;} .tab_rev_type .tab_rev_list li a.checked {background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/check.png') no-repeat right 9px center;} .tab_rev_type:after {display:block; clear:both; content:'';} #qnarev_list_all > .btn {position:relative; bottom:-30px; height:0;} #qnarev_list_all > .btn .box_btn {position:absolute; right:0; top:0;} #qnarev_list_all .board_search {clear:both; text-align:center;} #qnarev_list_all .board_search form {display:inline-block; margin:30px auto 0; padding:5px; border:1px solid #dcdcdc; text-align:center;} #qnarev_list_all .board_search select {border:0;} #qnarev_list_all .board_search input.form_input.search {width:300px; border-width:0 1px;} #qnarev_list_all .board_search .btn_search {display:inline-block; width:34px; height:34px; border:0; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/search_s.png') no-repeat center; vertical-align:top; text-indent:-9999px; cursor:pointer;} /* 상품문의 & 상품후기 & 마이페이지 상품문의 & 마이페이지 상품후기 - 상품정보(/shop/product_review.php & /shop/product_qna.php) */ .qnarev_list .tbl_col.board > tbody > tr > td, .qnarev_list .tbl_col.board > tbody > tr > td > * {color:#b2b2b2; font-size:14px;} .qnarev_list .tbl_col.board > tbody > tr > td .star2 {width:80px; margin-left:17%; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/star2_bg.png') repeat-x left top; text-align:left;} .qnarev_list .tbl_col.board > tbody > tr > td.no, .qnarev_list .tbl_col.board > tbody > tr > td.cate, .qnarev_list .tbl_col.board > tbody > tr > td.cate * {color:#1a1a1a; font-size:16px;} .qnarev_list .tbl_col.board > tbody > tr > td.subject {color:#262626; font-size:16px;} .qnarev_list .tbl_col.board > tbody > tr > td.subject > * {color:#262626; font-size:inherit;} .qnarev_list .tbl_col.board > tbody > tr > td .date {position:relative;} .qnarev_list .tbl_col.board > tbody > tr > td .date:before {display:block; content:''; position:absolute; top:50%; left:0; z-index:5; width:1px; height:12px; margin-top:-6px; background:#e6e6e6;} .qnarev_list .tbl_col.board > tbody > tr > td.reply {font-size:13px;} .qnarev_list .tbl_col.board > tbody > tr > td .tel {display:inline-block; padding-left:20px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/icon_tel.png') no-repeat left center;} .qnarev_list .tbl_col.board > tbody > tr > td .open {display:inline-block; width:13px; height:13px; background:no-repeat center; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/toggle_plus.png'); cursor:pointer;} .qnarev_list .tbl_col.board > tbody > tr > td .open.active {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/toggle_minus.png');} .qnarev_list .prd {overflow:hidden; position:relative; min-height:150px; padding:40px 50px; margin-bottom:32px; background:#fafbfb; color:#474645;} .qnarev_list .prd .img {float:left; width:150px;} .qnarev_list .prd .img img {width:150px; height:auto;} .qnarev_list .prd .info {float:left; padding-left:40px; text-align:left;} .qnarev_list .prd .info .name {padding-bottom:20px; font-weight:bold;} .qnarev_list .prd .info .name img {padding-right:5px; vertical-align:middle;} .qnarev_list .prd .info ul li {padding:5px 0; color:#666;} .qnarev_list .prd .info ul li .nprice {text-decoration:line-through;} .qnarev_list .prd .btn_related {padding-top:20px;} .qnarev_list .btn {padding-top:20px; text-align:right;} .qnarev_list .qnarev_cnt {padding:0 !important; border:0 !important;} .qnarev_list .qnarev_cnt > div {display:none; padding:37px 85px 40px; border-bottom:1px solid #e0e0e0; background:#f2f2f2; text-align:left; word-break:break-all; word-wrap:break-word;} .qnarev_list .qnarev_cnt > div img {max-width:650px !important; height:auto !important;} .qnarev_list .qnarev_cnt .question, .qnarev_list .qnarev_cnt .answer {position:relative; min-height:26px; padding-left:54px;} .qnarev_list .qnarev_cnt .question img {max-width:100%; height:auto;} .qnarev_list .qnarev_cnt .answer {margin-top:35px;} .qnarev_list .qnarev_cnt .icon {display:inline-block; position:absolute; left:0; top:0; font-size:30px !important; line-height:1;} .qnarev_list .qnarev_cnt .btn {margin-top:10px; text-align:center;} .qnarev_list .qnarev_cnt .comment {padding-top:40px;} /* 상품문의, 상품후기 - 비밀번호 확인 */ #pwbox {padding:20px 0; border:1px solid #e0e0e0; background:#fafafa; text-align:center !important;} #pwbox h3 {padding-bottom:15px;} #pwbox p {margin-bottom:20px; color:#888;} #pwbox .form_input {width:330px; margin-bottom:20px;} /* 상품문의 & 상품후기 - 쓰기 */ .qnarev_write {width:100%; margin:28px 0; background:#fff; text-align:center;} .qnarev_write > div {border-bottom:1px solid #e6e6e6;} .qnarev_write > div > form {display:inline-block; width:800px; margin:0 auto;} .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; padding:0 10px 0 5px; vertical-align:middle; cursor:pointer;} .qnarev_write fieldset > div {position:relative; margin-bottom:10px;} .qnarev_write fieldset > div.contents {margin-bottom:20px;} .qnarev_write fieldset > div.name {min-height:34px; padding-right:100px; line-height:34px; font-weight:bold;} .qnarev_write fieldset > div.name .check {position:absolute; right:0; top:5px; font-size:14px;} .qnarev_write .type_subject {margin-bottom:40px; font-size:0;} .qnarev_write .type_subject > div {display:inline-block; vertical-align:middle;} .qnarev_write .type_subject label {display:none;} .qnarev_write .type_subject .type {width:160px; margin-right:20px;} .qnarev_write .type_subject .type select {width:100%; height:50px; border:0; border-bottom:1px solid #666; color:#b2b2b2; font-size:16px;} .qnarev_write .type_subject .subject {width:620px;} .qnarev_write .btn {padding:30px 0 50px; text-align:center !important;} .qnarev_write textarea.form_input {padding:30px; border:1px solid #666;} /* 상품문의 & 상품후기 - 수정 */ #qnarevmod .modi_pwd, #qnarevmod .modi_cnt {display:none;} #qnarevmod .modi_cnt .qnarev_write > form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;} /* 설문조사(/shop/poll_list.php) */ #poll .subject {padding:15px 30px; border:1px solid #e0e0e0; border-width:1px 0; text-align:left;} #poll .subject strong {padding-left:40px;} #poll .box {padding:30px; border-bottom:1px solid #e0e0e0; background:#fbfbfb;} #poll .box .vote {margin-top:30px; padding:30px; border:1px solid #e0e0e0; background:#fff;} #poll .box .vote table {width:100%; margin:0 auto; table-layout:fixed;} #poll .box .vote table > thead {display:none;} #poll .box .vote table > tbody > tr > td {padding:2px 0;} #poll .box .vote table > tbody > tr > td .graph {height:5px; background:#b1b1b1;} #poll .btn {margin:10px 0 40px 0; text-align:right;} #poll .commentdel {padding:20px 0; border:1px solid #e0e0e0; border-bottom:0; background:#fff; text-align:center;} #poll .commentdel .msg {padding-top:5px;} /* 퀵카트 */ .quickcart {position:relative;} .quickcart > a {display:inline-block; padding:0 10px; color:#666; font-size:11px; line-height:30px;} .quickcart > a:hover {color:#d53838;} .quickcart .list {position:absolute; right:0; z-index:99; width:430px; background:#fff; box-shadow: 0px 19px 40px 0px rgba(0, 0, 0, 0.2);} .quickcart .list .frame {overflow:auto; padding-bottom:20px; max-height:467px;} .quickcart .list .frame table {table-layout:fixed; clear:both; width:100%; border-collapse:collapse;} .quickcart .list .frame table caption {padding:26px 30px 0px; color:#1a1a1a; font-size:14px; font-weight:400; text-align:left;} .quickcart .list .frame table thead {display:none;} .quickcart .list .frame table td {position:relative; padding:10px 0 0 30px; text-align:center; vertical-align:middle;} /*.quickcart .list .frame table td img {width:100%; height:auto;}*/ .quickcart .list .frame table td.info {padding:0 10px 0 20px; text-align:left;} .quickcart .list .frame table td.info .quick_name a {overflow:hidden; color:#1a1a1a; font-size:14px; text-overflow:ellipsis; white-space:nowrap; display:inline-block; width:100%;} .quickcart .list .frame table td.info .quick_opt {padding-bottom:10px; color:#b2b2b2; font-size:14px;} .quickcart .list .frame table td.info .quick_price, .quickcart .list .frame table td.info .quick_price > span {color:#1a1a1a; font-size:14px;} .quickcart .list .frame table td.info .quick_price > span {padding-left:6px;} .quickcart .list .frame table td.info .mall {font-size:11px;} .quickcart .list .frame table td .del {position:absolute; right:0; top:10px;} .quickcart .list .box_price {padding:30px; padding-bottom:0; border-top:1px solid #000; background:#fff;} .quickcart .list .btn {padding:30px; padding-top:26px;} .quickcart .list .btn > span {margin-top:10px;} .tbl_quick {table-layout:fixed; width:100%; margin:0 auto;} .tbl_quick caption {padding-bottom:20px; font-weight:bold; text-align:left;} .tbl_quick th {padding:0; color:#1a1a1a; font-size:14px; font-weight:400; text-align:left; vertical-align:middle;} .tbl_quick td {padding:0; color:#1a1a1a; font-size:14px; font-weight:400; text-align:right; vertical-align:middle;} .tbl_quick td > * {color:#1a1a1a; font-size:14px; font-weight:400;} .tbl_quick td > span {padding-right:6px;} .tbl_quick .total {padding-top:10px;} .tbl_quick .total td {position:relative; padding-top:10px;} .tbl_quick .total td .view_info {display:none; margin-top:5px;} .tbl_quick .total .price {font-size:20px;} /* 개별상품쿠폰 레이어 */ #prdCouponArea {margin-left:-325px !important;} #pop_coupon2 {position:relative; width:700px; padding:40px; border:1px solid #d9d9d9; background:#fff;} #pop_coupon2 h2 {padding-bottom:10px; border-bottom:1px solid #dbdbdb; color:#000; font-size:22px;} #pop_coupon2 .box {overflow:auto; max-height:400px; margin:-1px 0;} #pop_coupon2 .box .tbl_col td {padding:0 !important;} #pop_coupon2 .box .tbl_col .img {padding-right:10px;} #pop_coupon2 .box .tbl_col .img img {width:60px; height:auto;} #pop_coupon2 .box .usable_cpn {padding:8px 0 0 10px; text-align:left;} #pop_coupon2 .box .usable_cpn > li {position:relative; padding:2px 100px 2px 0;} #pop_coupon2 .box .usable_cpn > li > label {display:inline-block; cursor:pointer; width:490px;} #pop_coupon2 .box .usable_cpn > li > label > span {color:#df7e7e;} #pop_coupon2 .box .usable_cpn > li > label > span.expiry {color:#888;} #pop_coupon2 .box .usable_cpn > li > .sale_prc_gio { color:#b2b2b2; font-size:12px; position:absolute; top:12px; right:5px; text-align:right; line-height:1;} #pop_coupon2 .box .usable_cpn > li > .sale_prc_gio strong{font-size:16px; color:#c8883c;} #pop_coupon2 .btn {padding-top:30px; border-top:1px solid #dbdbdb; text-align:center;} #pop_coupon2 .close {display:inline-block; position:absolute; right:20px; top:20px; width:21px; height:21px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} /*-----------------------------------------------------------------*/ /* 4-3. 회원 /*-----------------------------------------------------------------*/ /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 */ .box_member {width:520px; margin:0 auto;} .box_member fieldset {position:relative;} .box_member fieldset legend {padding:25px 0; font-weight:bold;} .box_member fieldset .fld {margin-bottom:30px; font-size:0;} .box_member fieldset .fld label {display:none;} .box_member fieldset .savessl {position:relative; margin:37px 0 75px;} .box_member fieldset .savessl label {display:inline-block; padding:0 20px 0 5px; color:#666; font-size:14px; vertical-align:middle;} .box_member fieldset .savessl .member_ssl {padding-left:18px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/member/ssl.png') no-repeat left center;} .box_member fieldset .savessl .link {position:absolute; right:0; top:0; font-size:14px;} .box_member fieldset .savessl .select label {line-height:16px;} .box_member .tab_box {padding:0 0 71px; font-size:0; text-align:center;} .box_member .tab_box li {display:inline-block; position:relative; padding:0 7px 0 18px; vertical-align:middle;} .box_member .tab_box li:after {display:block; position:absolute; left:0; top:0; color:#b2b2b2; font-size:25px; content:'/';} .box_member .tab_box li:first-child:after {display:none;} .box_member .tab_box li a {color:#b2b2b2; font-size:25px; cursor:pointer;} .box_member .tab_box li a.active {color:#1a1a1a; font-weight:700;} .tabcnt_member {display:none;} .tabcnt_member0 {display:block;} /* 로그인 & 아이디 비밀번호 찾기 & 비밀번호 변경 - 인풋 기본 스타일 */ .box_member .form_input.member {height:50px; padding:0 10px; border:0; border-bottom:1px solid #666; font-size:16px;} .box_member .form_input.member:focus {border-color:#000;} .box_member .form_input.member:-ms-input-placeholder {color:#b2b2b2;} .box_member .form_input.member::-webkit-input-placeholder {color:#b2b2b2;} .box_member .form_input.member::-moz-placeholder {color:#b2b2b2;} .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-bottom:30px;} #login .fail {position:relative; margin-bottom:20px; padding:18px 10px; border-radius:10px; background:#fae4e8; color:#d53838; text-align:center;} #login .fail:after {position:absolute; left:50%; bottom:-6px; width:0; height:0; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:6px solid #fae4e8; content:'';} #login .simple {margin-top:43px; padding-top:33px; border-top:1px solid #e6e6e6; font-size:0; text-align:center;} #login .simple > * {display:inline-block; *displya:inline; *zoom:1;} #login .simple dt, #login .simple dd {vertical-align:middle;} #login .simple dt {padding-right:30px; font-size:14px;} #login .simple dd {padding-left:30px; font-size:0;} #login .simple a {display:inline-block; width:44px; height:44px; margin:0 10px; border-radius:50%; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;} #login .simple a.naver {background-color:#5ebc67; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/member/icon_naver.png');} #login .simple a.naver:hover {border-radius:0; background-color:#519c58;} #login .simple a.kakao {background-color:#f4cf50; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/member/icon_kakao.png');} #login .simple a.kakao:hover {border-radius:0; background-color:#ddbc4b;} #login .simple a.apple {background-color:#000; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/member/icon_apple.png');} #login .simple a.apple:hover {border-radius:0;} #login .joinorder {padding-top:25px; font-size:0; text-align:center;} #login .joinorder span {position:relative; display:inline-block; padding:0 20px 0 22px;} #login .joinorder span:after {display:block; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#e5e5e5; content:'';} #login .joinorder span:first-child:after {display:none;} #login .joinorder span a {font-size:16px;} /* 비밀번호 변경 */ #modify_pwd .modify_id {padding-bottom:20px; font-size:14px; font-weight:bold;} /* 회원가입 스텝 */ .join_step {margin-bottom:80px; background:#f2f2f2; font-size:0; text-align:center;} .join_step li {display:inline-block; position:relative; height:70px; padding:0 42px 0 46px; color:#b2b2b2; font-size:16px; line-height:70px;} .join_step li:after {display:block; position:absolute; left:0; top:50%; width:7px; height:12px; margin-top:-6px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/member_arrow_right.png') no-repeat left center; content:'';} .join_step li:first-child:after {display:none;} .join_step li.active {color:#1a1a1a;} /* 회원가입 약관동의(/member/join_step1.php) */ #join_agree {width:520px; margin:0 auto;} #join_agree .allcheck {padding-bottom:37px; border-bottom:1px solid #e6e6e6;} #join_agree .allcheck input {margin-right:9px;} #join_agree .allcheck label {display:inline-block; font-size:20px; vertical-align:middle; cursor:pointer;} #join_agree .check {position:relative; padding:15px 0 17px; border-bottom:1px solid #e6e6e6; text-align:left;} #join_agree .check input {margin-right:9px;} #join_agree .check label {display:inline-block; padding-left:10px; font-size:16px; cursor:pointer; vertical-align:middle;} #join_agree .check .more {position:absolute; right:0; top:0; width:13px; height:13px; padding:22px 10px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/icon_plus_s.png') no-repeat center; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; color:transparent; font-size:0; cursor:pointer;} #join_agree .check .more.active {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/icon_minus_s.png');} #join_agree .toggle_cnt {display:none;} #join_agree iframe {width:100%; height:300px; padding:0 30px; border:1px solid #e6e6e6; border-top:0; background:#f2f2f2;} #join_agree .tbl_row {border-top:0;} #join_agree .select {padding-top:30px; font-size:0;} #join_agree .select > * {display:inline-block; width:50%; vertical-align:middle;} #join_agree .select dt {color:#b2b2b2; font-size:14px;} #join_agree .select dd {text-align:right;} #join_agree .member_type input[type="radio"] {margin-left:39px;} #join_agree .member_type label {display:inline-block; padding-left:10px; font-size:14px; vertical-align:middle;} #join_agree .btn {margin-top:80px; text-align:center;} #join_agree .simple {margin-top:43px; padding-top:33px; border-top:1px solid #e6e6e6; font-size:0; text-align:center;} #join_agree .simple > * {display:inline-block; *displya:inline; *zoom:1;} #join_agree .simple dt, #join_agree .simple dd {vertical-align:middle;} #join_agree .simple dt {padding-right:30px; font-size:14px;} #join_agree .simple dd {padding-left:30px; font-size:0;} #join_agree .simple a {display:inline-block; width:44px; height:44px; margin:0 10px; border-radius:50%; background-repeat:no-repeat; background-position:center; text-indent:-9999px; transition:all .3s ease;} #join_agree .simple a.naver {background-color:#5ebc67; background-image:url('https://www.giordano.co.kr/_skin/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/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/giordano_20220222/img/member/icon_apple.png');} #join_agree .simple a.apple:hover {border-radius:0;} /* 회원가입 정보입력(/member/join_frm.php) */ #join_input {width:520px; margin:0 auto;} #join_input fieldset {position:relative; margin-top:80px;} #join_input fieldset legend {margin-bottom:28px; padding-left:30px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/icon_check.png') no-repeat left center; font-size:20px;} #join_input fieldset legend span {position:absolute; right:0; top:6px; font-size:14px;} #join_input fieldset .box > div {position:relative; margin-bottom:30px;} #join_input fieldset .box > div:last-child {margin-bottom:0;} #join_input fieldset .box > div > label {display:none;} #join_input fieldset .box .warning {display:none; position:relative; padding:5px; border-radius:5px; background:#fae4e8; color:#d53838;} #join_input fieldset .box .warning:after {position:absolute; left:15px; top:-6px; width:0; height:0; margin-left:-8px; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fae4e8; content:'';} #join_input fieldset .box input:focus+.warning {display:none;} #join_input fieldset .box select {height:50px; padding:0 10px; border:0; border-bottom:1px solid #666; color:#b2b2b2; font-size:16px;} #join_input fieldset .box .msg, #join_input fieldset .box .msg * {color:#999; font-size:11px;} #join_input fieldset .box .addbtn .form_input {padding-right:120px;} #join_input fieldset .box .addbtn .check {position:absolute; right:0; top:5px;} #join_input fieldset .box .addbtn .middle_address {margin:2px 0;} #join_input fieldset .box .email .form_input.first {width:165px;} #join_input fieldset .box .email .form_input.second {width:165px;} #join_input fieldset .box .email span {margin:0 17px 0 9px; line-height:50px;} #join_input fieldset .box .email select {position:absolute; right:0; top:0; width:139px;} #join_input fieldset .box .birth {position:relative; margin-bottom:10px;} #join_input fieldset .box .birth > label {display:none;} #join_input fieldset .box .birth select {width:20%;} #join_input fieldset .box .birth .sl {position:absolute; right:0; top:50%; margin-top:-20px;} #join_input fieldset .box .birth .sl input {margin-left:20px;} #join_input fieldset .box .birth .sl label {height:50px; padding-left:10px; font-size:14px; line-height:50px;} #join_input fieldset .box .marketing > label {display:inline-block; padding:0 20px 0 8px; font-size:14px; vertical-align:middle;} #join_input fieldset .box .marketing .more {position:absolute; right:0; top:0; font-size:14px; text-decoration:underline;} #join_input fieldset .box .type2 {margin-bottom:10px;} #join_input fieldset .box .type2 .select label {display:inline-block; margin:0 20px 0 10px; font-size:14px; vertical-align:middle;} #join_input fieldset .box .line {margin-bottom:30px; padding-bottom:80px; border-bottom:1px solid #dcdcdc;} /* 회원가입 정보입력 - 본인인증 선택 */ #join_input fieldset.certification ul:after {display:block; clear:both; content:'';} #join_input fieldset.certification ul li {float:right; width:250px; 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:124px 0 42px; background-repeat:no-repeat; font-size:20px; cursor:pointer;} #join_input fieldset.certification ul li input {display:none;} #join_input fieldset.certification ul li.phone label {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/member/certification_phone.png'); background-position:center top 49px;} #join_input fieldset.certification ul li.ipin a {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/member/certification_ipin.png'); background-position:center top 52px;} /* 회원가입 정보입력 - 기업회원추가입력 */ #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.biz .addr > p {margin-top:30px;} /* 회원가입 정보입력 - 추가필드리스트 */ #join_input fieldset.addfd .box > div {margin-bottom:30px; font-size:0;} #join_input fieldset.addfd .box > div > label {display:inline-block; width:100px; color:#b2b2b2; font-size:16px; vertical-align:middle;} #join_input fieldset.addfd .box > div > div {display:inline-block; width:420px; font-size:14px; vertical-align:middle;} #join_input fieldset.addfd .box > div > div select {width:100%;} /* 회원가입 정보입력 - 버튼 */ #join_input .btn {margin-top:50px; 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;} /* 회원가입 정보입력 - 회원탈퇴링크 */ #join_input .withdraw {padding-top:45px; text-align:center;} #join_input .withdraw a {font-size:16px; text-decoration:underline;} /* 회원가입완료(/member/join_step3.php) */ #join_finish {width:520px; margin:0 auto; text-align:center;} #join_finish h3 {padding-top:142px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/member/icon_finish.png') no-repeat center top; font-size:30px;} #join_finish .summary {padding-top:11px; color:#b2b2b2; font-size:16px; line-height:26px;} #join_finish .box_btn {margin-top:73px;} /* 회원가입 정보입력 - 전화번호 변경 */ #join_input .member_phone_section {position:relative;} #join_input .member_phone_section .number_chg {position:absolute; bottom:12px; right:0;} /* 정보수정(/member/edit_step1.php), 정보수정완료(/member/edit_step3.php), 회원탈퇴(/mypage/withdraw_step1.php), 회원탈퇴완료(/mypage/withdraw_step2.php) */ .edit_info .box {padding:0 0 80px; text-align:center;} .edit_info .msg {font-size:14px;} .edit_info .form_input {width:520px; margin-top:54px;} .edit_info .btn {padding-top:0; text-align:center;} .edit_info .frame {width:520px; margin:0 auto;} .edit_info .frame .check {padding:35px 0 10px;} .edit_info .frame .check .title {padding-bottom:12px; color:#b2b2b2; font-size:14px; text-align:left;} .edit_info .frame .check_list {font-size:0; text-align:left;} .edit_info .frame .check_list li {display:inline-block; cursor:pointer;} .edit_info .frame .check_list li label {padding:0 20px 0 9px; font-size:14px; cursor:pointer;} .edit_info .frame textarea {height:400px; margin-top:30px;} /* 우편번호 찾기(/common/zip_search.php) */ .zipcode {width:420px; padding:20px; text-align:center;} .zipcode h1 {padding-bottom:20px; font-size:20px; font-weight:bold;} .zipcode .tab {height:32px; text-align:center;} .zipcode .tab li {float:left; width:50%; vertical-align:bottom;} .zipcode .tab a {display:block; height:34px; margin:10px 0 0 -1px; border:1px solid #dcdcdc; background:#f8f8f8; color:#181818; line-height:34px;} .zipcode .tab a.selected {height:44px; margin-top:0; border-bottom:0; background:#fff; font-weight:bold; line-height:49px;} .zipcode .ex {clear:both; padding:20px 0; color:#666; text-align:left;} .zipcode .ex span {display:block; color:#888;} .zipcode .search {position:relative; padding-right:60px;} .zipcode .search input{height:36px;} .zipcode .search .box_btn {position:absolute; right:0; top:0;} .zipcode table {table-layout:fixed; width:100%; margin-top:20px; border-top:1px solid #e0e0e0;} .zipcode table th {font-size:0;} .zipcode table td {padding:10px 0; border-bottom:1px solid #d7d7d7; color:#888; text-align:center; vertical-align:middle;} .zipcode table td.addr {text-align:left;} .zipcode table td font {color:#d53838;} /*-----------------------------------------------------------------*/ /* 4-4. 마이페이지 /*-----------------------------------------------------------------*/ /* 마이페이지 탭 & 회원정보 */ .my_info {display:none;} .my_info table {width:100%; margin-bottom:74px; border:solid #e6e6e6; border-width:1px 0;} .my_info table tbody th {padding:50px 10px; text-align:left; vertical-align:top;} .my_info table tbody th .info {position:relative; padding-left:180px;} .my_info table tbody th .info .group {border-radius:50%; position:absolute; top:50%; left:0; width:140px; height:140px; background:#1a1a1a; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-box-shadow:5px 0px 22px 0px rgba(0,0,0,0.3); -moz-box-shadow:5px 0px 22px 0px rgba(0,0,0,0.0.3); box-shadow:5px 0px 22px 0px rgba(0,0,0,0.0.3);} .my_info table tbody th .info .group span {display:block; position:absolute; top:50%; left:0; width:100%; padding:0 5px; color:#fff; font-size:32px; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); line-height:1.2;} .my_info table tbody th .info p.name {font-size:30px; word-break: keep-all;} .my_info table tbody th .info p.membership {padding:7px 0 18px;} .my_info table tbody th .info p.membership a {color:#666; font-size:13px;} .my_info table tbody td {position:relative; padding:50px 0; text-align:center; vertical-align:top;} .my_info table tbody td:after {display:block; content:''; position:absolute; top:50%; left:0; z-index:5; width:1px; height:60px; margin-top:-30px; background:#e6e6e6;} .my_info table tbody td.first:after {display:none;} .my_info table tbody td .title {padding:42px 0 19px; background:no-repeat center top; line-height:1;} .my_info table tbody td .title.order {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/mypage/icon_my_order.png')} .my_info table tbody td .title.coupon {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/mypage/icon_my_coupon.png')} .my_info table tbody td .title.milage {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/mypage/icon_my_milage.png')} .my_info table tbody td .title.wish {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/mypage/icon_my_wish.png')} .my_info table tbody td .title.review {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/mypage/icon_my_review.png')} .my_info table tbody td .ea {font-size:20px;} .my_info table tbody td .ea span {font-size:30px;} .my_info table tbody td .old_order a {display:inline-block; padding-right:17px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/mypage/old_order.png') no-repeat right center; color:#666; font-size:13px;} .my_info {border-top:1px solid #e6e6e6; padding-top:40px;} .my_info .info {position:relative; padding-left:180px;} .my_info .info .group {border-radius:50%; position:absolute; top:50%; left:0; width:140px; height:140px; background:#1a1a1a; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-box-shadow:5px 0px 22px 0px rgba(0,0,0,0.3); -moz-box-shadow:5px 0px 22px 0px rgba(0,0,0,0.0.3); box-shadow:5px 0px 22px 0px rgba(0,0,0,0.0.3);} .my_info .info .group span {display:block; position:absolute; top:50%; left:0; width:100%; padding:0 5px; color:#fff; font-size:32px; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); line-height:1.2;} .my_info .info p.name {font-size:30px; word-break: keep-all;} .my_info .info p.membership {padding:7px 0 18px;} .my_info .info p.membership a {color:#666; font-size:13px;} .my_info .membership_info{margin-top:50px;} @media only screen and (max-width:1499px) { .my_info table {border-top:0px; margin-top:28px;} .my_info table tbody td {width:25%; padding: 5px 0;} .my_info {position: relative;} .my_info .info2 {width: 470px; position: absolute; right: 0px; top: 64px;} .my_info table tbody td .title {padding: 30px 0 3px;} .my_info table tbody td .ea {font-size: 15px;} .my_info table tbody td .ea span {font-size: 20px;} #order_list .search_order .pick{padding: 0 25px;} #order_list .search_order .pick .datepicker{width:115px;} #order_list .search_order .preset li a{width:90px !important;} } @media only screen and (min-width:1500px) { .my_info .info {width:55%; display:inline-block;} .my_info .info2 {width:45%; float:right;} .my_info table {margin-top:10px; border-top:0px;} .my_info table tbody td {width:25%; padding: 5px 0;} .my_info .membership_info{margin-top:50px;} } /* 마이페이지 메인(/mypage/mypage.php) */ #mypage .prd_basic.slide .slick-prev {left:20px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/det_thumb_prev.png');} #mypage .prd_basic.slide .slick-next {right:47px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/det_thumb_next.png');} /* 주문리스트(/mypage/order_list.php) */ #order_list .search_order {margin-bottom:40px; padding:35px 0; background:#f2f2f2; font-size:0; text-align:center;} #order_list .search_order * {display:inline-block; vertical-align:middle;} #order_list .search_order .preset ul {font-size:0;} #order_list .search_order .preset li {display:inline; padding-left:5px;} #order_list .search_order .preset li a {display:inline-block; width:100px; height:40px; border:1px solid #ccc; background:#fff; font-size:14px; line-height:40px;} #order_list .search_order .preset li a.active {border:0; background:#666; color:#fff;} #order_list .search_order .pick {padding:0 40px;} #order_list .search_order .btn {width:150px; height:50px; border:0; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/mypage/icon_order_list.png') no-repeat 44px center #1a1a1a; color:#fff; font-size:15px; line-height:50px; text-indent:26px; cursor:pointer;} #order_list .step {font-size:0; text-align:left;} #order_list .step li {display:inline-block; position:relative; width:190px; height:190px; margin-left:62px; padding:34px 10px 0 30px; border:1px solid #e6e6e6; vertical-align:top;} #order_list .step li.last {border:0; background:#f2f2f2;} #order_list .step li:after {display:block; content:''; position:absolute; top:86px; left:-38px; width:16px; height:30px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/mypage/icon_order_step.png') no-repeat center;} #order_list .step li:first-child {margin-left:0;} #order_list .step li:first-child:after {display:none;} #order_list .step li .no {font-size:16px; font-weight:700;} #order_list .step li .title {padding:13px 0 11px; font-size:16px;} #order_list .step li .summary {color:#b2b2b2; font-size:14px;} #order_list .tal {cursor:pointer;} /* 주문상세조회(/mypage/order_detail.php) */ #order_detail .ord_number {display:inline-block; height:50px; font-size:16px; line-height:50px; vertical-align:top;} #order_detail .ord_number span {font:inherit; text-decoration:underline;} #order_detail h4 {padding:74px 0 33px;font-size:20px; font-weight:400;} #order_detail .total_box li {width:21%;} #order_detail .total_box li.last {width:16%;} #order_detail .backtolist {padding:40px 0; text-align:center;} /* 쿠폰내역(/mypage/coupon_down_list.php) */ #coupon .box {margin-bottom:40px; padding:35px 0; background:#f2f2f2; font-size:0; text-align:center;} #coupon .box * {display:inline-block; vertical-align:middle;} #coupon .box .have {height:40px; padding-right:60px; border-right:1px solid #e6e6e6; font-size:16px; line-height:40px;} #coupon .box .have span {width:34px; height:34px; margin-left:18px; border:1px solid #1a1a1a; border-radius:50%; font-size:16px; font-weight:700; line-height:34px;} #coupon .box .cpn_reg {padding-left:60px; font-size:0; text-align:left;} #coupon .box .cpn_reg * {height:50px; line-height:50px;} #coupon .box .cpn_reg .title {font-size:16px;} #coupon .box .cpn_reg .form_input {width:400px; margin:0 20px; padding:0 13px; background:none;} #coupon .box .cpn_reg .box_btn * {padding:0;} /* 소셜쿠폰(/mypage/sccoupon.php) */ #sccoupon .box_mp .form_input {width:270px; margin-top:20px;} #sccoupon .btn {text-align:center;} /* 관심상품(/mypage/wish_list.php) */ #wish_list .btn {position:relative; top:-60px; height:0; font-size:0; text-align:right;} #wish_list .btn .box_btn {padding-left:2px;} #wish_list .btn2 {position:relative; top:40px; height:0; font-size:0; text-align:right;} #wish_list .btn2 .box_btn {padding-left:2px;} #wish_list .paging {border-top:1px solid #e6e6e6;} /* 최근본상품(/shop/click_prd.php) */ #click_prd .colorchip {display:none;} #click_prd .paging {border-top:1px solid #e6e6e6;} /* 1:1문의 내역(/mypage/counsel_list.php & /mypage/order_detail.php) */ #counsel {clear:both;} #counsel .content {padding:30px; border-bottom:1px solid #aeaeae; text-align:left; word-break:break-all; word-wrap:break-word;} #counsel .content .question {padding-bottom:25px;} #counsel .none_style {margin:0 !important; padding:0 !important; border:0 !important;} #counsel .cnt_hidden {display:none; overflow:hidden; padding:20px; border-bottom:1px solid #d7d7d7;} #counsel .cnt_hidden .qna_subject {clear:both; float:left; width:10%; padding:10px 0; color:#181818; font-weight:bold; text-align:left; vertical-align:top;} #counsel .cnt_hidden .qna_cnt {float:left; width:90%; padding:10px 0; text-align:left; vertical-align:top;} #counsel .btn {padding-top:40px; font-size:0; text-align:left;} #counsel .btn .box_btn {margin-right:4px;} #counsel .btn .box_btn.fr {margin-right:0;} #counsel2 {margin-top:60px;} /* 1:1문의 글쓰기(/mypage/counsel_step1.php) */ #counsel_write {margin:20px auto; background:#f5f5f5; text-align:center;} #counsel_write > form {display:inline-block; width:72%; margin:0 auto; padding:40px 0; text-align:left;} #counsel_write fieldset > table {margin-bottom:-1px;} #counsel_write fieldset > div {position:relative; margin-bottom:10px; text-align:left;} #counsel_write fieldset > div:last-child {margin-bottom:0;} #counsel_write fieldset > div > label {display:none;} #counsel_write fieldset textarea {height:250px;} #counsel_write .btn {padding:20px 0; text-align:center !important;} /* 1:1문의 완료(/mypage/counsel_step2.php) */ #counsel_fin {margin:0 auto;} #counsel_fin .box {margin-bottom:40px;padding: 35px 30px;background:#f2f2f2;font-size:16px;text-align:center;word-break: keep-all;} #counsel_fin .box strong {font-size:inherit;} #counsel_fin .btn {text-align:center;} /* 출석체크(/mypage/attend_list.php) */ #attend .date {padding:25px 0; border:1px solid #dbdbdb; border-bottom:0; text-align:center; vertical-align:top;} #attend .date a {display:inline-block; width:18px; height:18px; border:1px solid #dbdbdb; background-repeat:no-repeat; background-position:center;} #attend .date a.prev {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/bullet_arrow_prev.png');} #attend .date a.next {background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/bullet_arrow_next.png');} #attend .date strong {padding:0 5px; color:#040404; font-size:20px; line-height:20px; text-align:center; vertical-align:top;} #attend #calendar table {width:100%;} #attend #calendar table thead th {padding:10px 0; border:1px solid #dbdbdb; background:#fbfbfb; color:#666; font-weight:normal; text-align:center;} #attend #calendar table thead th.sun {color:#d53838;} #attend #calendar table thead th.sat {color:#7cb4d1;} #attend #calendar table tbody td {height:100px; padding:10px; border:1px solid #dbdbdb; color:#040404; text-align:left; vertical-align:top;} #attend #calendar .attenY {background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/mypage/attend_ok.png') no-repeat center;} #attend #calendar .attenR {background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/mypage/attend_today.png') no-repeat center #fbf9ed; font-weight:bold; text-decoration:underline;} #attend .info {overflow:hidden; padding:30px 50px; border:1px solid #dbdbdb; border-top:0; background:#fbfbfb; text-align:left;} #attend .info .explain {float:left; text-align:left;} #attend .info .sum {float:right;} /* 배송지관리 (/content/content.php?cont=d_address) */ #d_address > .btn {position:relative; top:-60px; height:0; font-size:0; text-align:right;} #d_address > .btn .box_btn {padding-left:2px;} #d_address > .tbl_col .box_btn * {cursor:text;} /* 적립금 (/mypage/milage.php) */ #milage .box {margin-bottom:40px; padding:35px 0; background:#f2f2f2; font-size:0; text-align:center;} #milage .box * {display:inline-block; vertical-align:middle;} #milage .box .have {height:40px; padding-right:60px; font-size:16px; line-height:40px;} #milage .box .have span {margin-left:18px; font-size:16px; font-weight:700; line-height:40px;} /*-----------------------------------------------------------------*/ /* 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; cursor:pointer;} #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=cscenter) */ #cscenter .search .box {position:relative; width:950px; height:51px; margin:0 auto; padding-right:45px; border-bottom:1px solid #000;} #cscenter .search .box .form_input {border:0;} #cscenter .search .box .btn {position:absolute; right:0; top:0; width:23px; height:24px; padding:13px 11px; border:0; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/cs_search.png') no-repeat center; color:transparent; font-size:0; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} #cscenter .search .type {width:950px; margin:0 auto; font-size:0; text-align:center;} #cscenter .search .type li {display:inline-block; vertical-align:middle;} #cscenter .search .type li a {display:block; padding:10px 15px; font-size:16px;} #cscenter .cs_menu {margin-top:80px; font-size:0;} #cscenter .cs_menu > div {display:inline-block; vertical-align:top;} #cscenter .cs_menu .left_area {width:65%; padding:0 0 76px; background:#f5f5f5;} #cscenter .cs_menu .left_area ul {font-size:0; width:585px; margin:0 auto; display:block;} #cscenter .cs_menu .left_area ul li {display:inline-block; vertical-align:middle; padding:0 15px;} #cscenter .cs_menu .left_area ul li dl {background-repeat:no-repeat;} #cscenter .cs_menu .left_area ul li dl.guide {padding-left:88px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/etc/icon_cs_guide.png'); background-position:left top 80px;} #cscenter .cs_menu .left_area ul li dl.qna {padding-left:98px; background-image:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/etc/icon_cs_qna.png'); background-position:left top 90px;} #cscenter .cs_menu .left_area ul li dl dt, #cscenter .cs_menu .left_area ul li dl dt * {font-size:25px;} #cscenter .cs_menu .left_area ul li dl dt {padding:72px 0 8px;} #cscenter .cs_menu .left_area ul li dl dd {color:#b2b2b2; font-size:14px;} #cscenter .cs_menu .right_area {width:35%; padding:0 0 48px; background:#1a1a1a;} #cscenter .cs_menu .right_area dl{width:267px; display:block; margin:0 auto;} #cscenter .cs_menu .right_area dl dt {padding:46px 0 16px; color:#fff; font-size:13px; opacity:0.2;} #cscenter .cs_menu .right_area dl dd {color:#fff;} #cscenter .cs_menu .right_area dl dd.tel {padding-bottom:8px; font-size:30px;} #cscenter .cs_menu .right_area dl dd.time {font-size:14px; line-height:18px;} #cscenter .cs_menu .right_area dl dd.summary {color:#999; font-size:13px; line-height:18px;} #cscenter h3.title {position:relative; margin-top:74px; padding:0 0 34px;} #cscenter h3.title .more {position:absolute; right:0; top:3px; font-size:13px;} /* 회사소개(/content/content.php?cont=company) */ #company {position:relative; height:799px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/etc/company_bg.jpg') no-repeat center top;} #company .inner {position:absolute; top:50%; left:50%; z-index:5; width:1200px; margin:0 auto 0 -600px; text-align:center; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} #company .inner .aim {padding:40px 0 90px; color:#fff; font-size:18px; line-height:2;} #company .inner .sq {position:relative; width:100%; padding:50px 0; background:#fff; font-size:0; text-align:left;} #company .inner .sq:after {display:block; content:''; position:absolute; top:50%; left:50%; width:1px; height:80px; margin-top:-40px; background:#e6e6e6;} #company .inner .sq li {display:inline-block; position:relative; width:50%; padding:0 92px 0 220px; vertical-align:middle;} #company .inner .sq li dt {position:absolute; top:3px; left:92px; font-size:20px; line-height:1;} #company .inner .sq li dd {font-size:16px; line-height:1.8;} /* 채용정보(/content/content.php?cont=recruit), 대리점문의(/content/content.php?cont=franchise) */ .page_msg {margin-top:40px; padding:39px 0; border:1px solid #e6e6e6; font-size:14px; text-align:center;} .page_msg p {padding-bottom:6px; font-size:20px;} .page_process {padding-top:60px;} .page_process table {width:100%; border-top:1px solid #1a1a1a;} .page_process table th {padding:40px 20px; border-bottom:1px solid #e6e6e6; font-size:20px; font-weight:400; vertical-align:middle;} .page_process table td {padding:40px 0; border-bottom:1px solid #e6e6e6; font-size:16px; vertical-align:middle;} .page_process table td ul {font-size:0; text-align:left;} .page_process table td ul.step0 li {display:inline-block; position:relative; width:130px; height:130px; margin-right:50px; background:#f2f2f2; font-size:16px; line-height:130px; text-align:center; vertical-align:top;} .page_process table td ul.step0 li .box {position:absolute; top:50%; left:0; width:100%; padding:0 10px; font-size:16px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} .page_process table td ul.step0 li .box p {color:#b2b2b2; font-size:14px;} .page_process table td ul.step0 li.black {background:#1a1a1a; color:#fff;} .page_process table td ul.step0 li:after {display:block; content:''; position:absolute; top:50%; left:-28px; width:9px; height:14px; margin-top:-7px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/arrow_black.png') no-repeat center;} .page_process table td ul.step0 li:first-child:after {display:none;} .page_process table td ul.step1 li {display:inline-block; position:relative; width:155px; height:220px; margin: 5px 19px 5px 0px; border:1px solid #e6e6e6; text-align:center; vertical-align:top;} .page_process table td ul.step1 li .box {position:absolute; top:57px; left:0; width:100%; padding:0 10px; font-size:16px; text-align:center;} .page_process table td ul.step1 li .box p {font-size:15px;} .page_process table td ul.step1 li .box p.title {position:relative; margin-bottom:20px; padding-bottom:14px;} .page_process table td ul.step1 li .box p.title:after {display:block; content:''; position:absolute; bottom:0; left:50%; width:26px; height:1px; margin-left:-13px; background:#1a1a1a;} .page_process table td ul.step1 li .box p.add {color:#b2b2b2; font-size:14px;} .page_process table td ul.interview > li {margin-top:10px; font-size:0; text-align:left;} .page_process table td ul.interview > li:first-child {margin-top:0;} .page_process table td ul.interview > li .box {display:inline-block; position:relative; width:130px; height:130px; margin-right:50px; background:#f2f2f2; vertical-align:middle;} .page_process table td ul.interview > li .box .in {position:absolute; top:50%; left:0; width:100%; padding:0 10px; font-size:16px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); text-align:center;} .page_process table td ul.interview > li .box .in p {color:#b2b2b2; font-size:14px;} .page_process table td ul.interview > li > ol {display:inline-block; vertical-align:middle;} .page_process table td ul.interview > li > ol > li {font-size:16px; line-height:1.9;} .page_process table td .tel {display:inline-block; margin:0 35px 0 55px; padding-left:23px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/icon_tel_s.png') no-repeat left center; font-size:16px;} .page_process table td .mail {display:inline-block; padding-left:20px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/icon_mail_s.png') no-repeat left center; font-size:16px;} .page_process table td ul.txt li {font-size:16px;} /* 가이드 (/content/content.php?cont=guide_member), (/content/content.php?cont=guide_online), (/content/content.php?cont=guide_offline) */ #guide_new .join_msg {font-size:16px;} #guide_new .join_msg strong {color:#c8883c; font-size:16px;} #guide_new .btn {padding-top:60px; text-align:center;} #guide_new .online {text-align:center;} #guide_new .online img {max-width:100%;} /* #guide_new .online ol {border-top:1px solid #e6e6e6;} #guide_new .online ol li {padding:60px 0 60px 20px; border-bottom:1px solid #e6e6e6; font-size:0; text-align:left;} #guide_new .online ol li .img {display:inline-block; width:680px; vertical-align:middle;} #guide_new .online ol li .info {display:inline-block; width:500px; padding-left:60px; vertical-align:middle;} #guide_new .online ol li .info .no {padding-bottom:24px; font-size:25px;} #guide_new .online ol li .info .des {font-size:16px; letter-spacing:-0.025em;} */ #guide_new .offline {padding-top:60px;} #guide_new .offline ul {font-size:0; text-align:center;} #guide_new .offline li {display:inline-block; width:580px; height:440px; padding-top:78px; border:1px solid #e6e6e6; vertical-align:top;} #guide_new .offline li:first-child {margin-right:40px;} #guide_new .offline li .title {position:relative; margin-bottom:25px; padding:97px 0 30px; font-size:20px;} #guide_new .offline li .title:after {display:block; content:''; position:absolute; bottom:0; left:50%; width:26px; height:1px; margin-left:-13px; background:#1a1a1a;} #guide_new .offline li.order .title {background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/etc/guide_offline_order.png') no-repeat center 2px;} #guide_new .offline li.delivery .title {background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/etc/guide_offline_delivery.png') no-repeat center top;} #guide_new .offline li .des {font-size:16px; letter-spacing:-0.025em;} #guide_new .info li {font-size:16px;} /* 브랜드소개(/content/content.php?cont=brand) */ #brand {text-align:center;} #brand h3 {padding:37px 0 43px; color:#b2b2b2; font-size:14px; font-weight:400; letter-spacing:0.48em; text-align:center;} #brand .pursue {font-size:0;} #brand .pursue ul {display:inline-block; font-size:0;} #brand .pursue li {display:inline-block; position:relative; width:120px; height:120px; margin:0 13px 0 22px; border:1px solid #e6e6e6; font-size:14px; font-weight:700; line-height:120px;} #brand .pursue li:after {display:block; content:''; position:absolute; top:50%; left:-22px; width:11px; height:11px; margin-top:-6px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/etc/brand_pursue.png') no-repeat center;} #brand .pursue li:first-child:after {display:none;} #brand .grown {padding:50px 0 90px; font-size:18px; line-height:2;} #brand .giordano {text-align:center;} #brand .giordano ul {text-align:left;} #brand .giordano li {display:inline-block; padding:90px 60px 144px; vertical-align:top;} #brand .giordano li .no {display:block; padding-bottom:8px; font-size:20px; font-weight:700;} #brand .giordano li dl dt {padding-bottom:38px; font-size:20px; font-weight:700;} #brand .giordano li dl dd {font-size:16px;} #brand .history {width:100%; position:relative; left:-340px; padding:110px 60px 150px 340px; background:#f2f2f2; box-sizing:content-box;} #brand .history .since {position:relative; margin-top:90px; padding-left:100px;} #brand .history .since:after {display:block; content:''; position:absolute; top:83px; left:105px; z-index:5; width:100%; height:1px; background:#1a1a1a;} #brand .history .since ol {display:table; font-size:0; text-align:left;} #brand .history .since li {display:table-cell; width:5%; vertical-align:top;} #brand .history .since li .year {position:relative; height:92px; font-size:30px; line-height:1;} #brand .history .since li .year:after {display:block; content:''; position:absolute; bottom:0; left:0; z-index:10; width:17px; height:17px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/etc/brand_dot.png') no-repeat center;} #brand .history .since li .summary {padding-top:54px; font-size:16px;} #brand .history .since li .summary2 {padding-top:10px; color:#666; font-size:13px;} /* 룩북 (/content/content.php?cont=lookbook) */ #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 {width:1240px; margin:20px auto 0; font-size:0; text-align:center;} #lookbook .list li {display:inline-block; width:580px; margin:0 20px; padding-top:60px; vertical-align:top;} #lookbook .list li.wide {width:100%; margin:0;} /* 매장안내 (/content/content.php?cont=store) */ #store .search {padding:33px 0 34px; border:1px solid #e6e6e6; font-size:0; text-align:center;} #store .search select {display:inline-block; min-width:100px; padding-right:20px; margin-right:30px; vertical-align:middle;} #store .search .box {display:inline-block; position:relative; width:300px; height:53px; margin-left:50px; padding-right:51px; border-bottom:1px solid #000; text-align:left; vertical-align:middle;} #store .search .box:after {display:block; content:''; position:absolute; top:50%; left:-50px; z-index:1; width:1px; height:20px; margin-top:-10px; background:#e6e6e6;} #store .search .box .form_input {border:0;} #store .search .box .btn {position:absolute; right:0; top:0; width:51px; height:100%; border:0; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/store_search.png') no-repeat center transparent; color:transparent; font-size:0;} #store .tbl_col.board tr.content {display:none;} #store .tbl_col.board td.name .store {display:inline-block; padding-right:23px; background:none; color:#262626;} #store .tbl_col.board td.name .store.active {background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/common/check.png') no-repeat right center;} #store .tbl_col.board td .txt {padding:27px 64px; color:#1a1a1a; font-size:14px;} #store .tbl_col.board .cont_store {padding:0 !important;} #store .tbl_col.board .cont_store > div {background:#f2f2f2; text-align:left;} #store .map {width:100%; height:375px;} /*-----------------------------------------------------------------*/ /* 5. ETC /*-----------------------------------------------------------------*/ /* 댓글 - 리스트(게시판, 상품리뷰) */ .list_comment {position:relative; width:100%; max-width:1100px; margin:0 auto; text-align:left;} .list_comment > ul {margin-bottom:20px;} .list_comment > ul > li {margin-top:2px; padding:17px 30px 16px 75px; background:#fff; color:#474645; word-break:break-all; word-wrap:break-word; display:flex;} .list_comment > ul > li:first-child {margin-top:0;} .list_comment > ul > li .name {width:160px; flex:none;} .list_comment > ul > li .name a {color:inherit; font-size:inherit;} .list_comment > ul > li .content {width:100%; padding:0 1%; word-break: keep-all;} .list_comment > ul > li .date {width:150px; font-size:0; text-align:right; flex:none;} .list_comment > ul > li .date:before {display:none !important;} .list_comment > ul > li .date span {padding-right:23px; color:#888; font-size:14px; vertical-align:top;} .list_comment > ul > li .date img {margin-top:2px; vertical-align:top;} /* 댓글 - 쓰기(게시판, 상품리뷰) */ .write_comment {overflow:hidden; width:100%; max-width:1100px; margin:0 auto; padding:28px 75px; 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:120px; border-bottom:1px solid #666; text-align:left;} .write_comment .inputbox textarea.form_input {height:44px; border:0; background:none; line-height:44px;} .write_comment .inputbox .btn_comment {display:inline-block; position:absolute; right:0; top:0; width:120px; height:40px; text-align:center; border:0; background:#666; color:#fff; font-size:14px; line-height:40px; cursor:pointer;} /* 게시판 - 상품연동 - 검색 */ #product_search_frm {background:#fff;} #product_search_frm .frame {min-height:600px; margin:10px;} #product_search_frm .frame .search {padding-bottom:10px;} #product_search_frm .frame .btn {padding:15px 0 10px 0; text-align:center;} /* 게시판 - 상품연동 - 쓰기 */ .related_prd_write {padding:20px 0;} .related_prd_write > ul {margin:20px 0;} /* 게시판 - 상품연동 - 열람 */ .related_prd_view {border-bottom:1px solid #e6e6e6;} .related_prd_view .title {padding:60px 0 30px; font-size:22px; font-weight:700; text-align:center;} /* 아이디/비밀번호 찾기 레이어 */ .pop_find_id {position:fixed; left:50%; top:100px; z-index:1001; width:400px; border:1px solid #dcdcdc; margin-left:-200px; background-color:#fff;} .pop_find_id h1 {height:49px; padding:0 10px; background-color:#676767; color:#fff; font-size:16px; font-weight:normal; line-height:49px;} .pop_find_id > .box {padding:30px;} .pop_find_id > .box > h2 {color:#333; font-size:20px; font-weight:normal;} .pop_find_id > .box > .msg {padding-top:15px;} .pop_find_id > .box > .input {position:relative; height:50px; margin-top:15px; padding-right:113px; background-color:#f5f5f5;} .pop_find_id > .box > .input:after {position:absolute; right:113px; top:50%; width:1px; height:22px; margin-top:-11px; background-color:#dbdbdb; content:'';} .pop_find_id > .box > .input > .input_number {width:100%; height:50px; padding:0 10px; border:0; background-color:transparent;} .pop_find_id > .box > .input > .btn {position:absolute; right:0; top:0; width:113px; height:50px; border:0; background-color:#f5f5f5; font-weight:bold; cursor:pointer;} .pop_find_id > .box > .form_input {height:50px; margin-top:10px;} .pop_find_id > .box > .box_btn {margin-top:20px;} .pop_find_id > .box > .pop_id_list {padding-top:25px;} .pop_find_id > .box > .pop_id_list .list {overflow:auto; max-height:100px; margin-top:10px; padding:5px 0; border:1px solid #d2d2d2; border-width:1px 0; background-color:#f5f5f5;} .pop_find_id > .box > .pop_id_list .list li {position:relative; padding:5px; text-align:left;} .pop_find_id > .box > .pop_id_list .btn {padding-top:20px; text-align:center;} .pop_find_id > .box > .close {display:inline-block; position:absolute; right:14px; top:14px; width:21px; height:21px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/button/hd_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;} /* 비밀번호 변경 */ #modify_pwd .modify_id {padding-bottom:20px; font-size:14px; font-weight:bold;} #modify_pwd .msg_chgpw {border:1px dashed #000; margin-bottom:20px; padding:10px; text-align:left;} .pagecontent_img {margin: 10px 0px } .pagecontent_img img {width: 100% } /* 프로모션 기획전(/shop/promotion.php) */ .speical_group {margin:1px 1px 0 0;} .speical_group > .menu {margin-bottom:20px; font-size:0;} .speical_group > .menu > li {display:inline-block; width:25%;} .speical_group > .menu > li > a {display:block; margin:-1px -1px 0 0; padding:10px; border:1px solid #d2d2d2; color:#666; text-align:center;} .speical_group > .menu > li > a:hover, .speical_group > .menu > li > a.active {position:relative; z-index:5; border:1px solid #535353; color:#333; font-weight:bold;} .speical_group > .intro > .title {position:relative; padding:15px 0; border-bottom:0px solid #d2d2d2;} .speical_group > .intro > .title > h3 {padding-right:160px; font-size:16px; font-weight:bold;} .speical_group > .intro > .title > span {position:absolute; right:0; top:50%; margin-top:-12px; color:#666; font-size:14px;} .speical_group > .intro > .summary {padding:30px 0; border-bottom:1px solid #d2d2d2;} .speical_group > .box {border-bottom:0px solid #d2d2d2; text-align:center;} .speical_group > .box > h4 {padding:40px 0 30px; font-size:20px;} .speical_group > .box > .img {padding-bottom:30px;} /* 타이머 */ .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:2px 10px; border-radius:20px; background-color:#333; color:#fff; font-size:11px; vertical-align:top;} .box_timer > .title:before {display:inline-block; width:13px; height:13px; margin:2px 5px 0 0; border:1px solid #fff; border-radius:50%; vertical-align:top; content:'';} .box_timer > .title:after {display:inline-block; position:absolute; left:13px; top:50%; width:4px; height:4px; margin-top:-4px; border:1px solid #fff; border-width:0 1px 1px 0; content:'';} .box_timer > ._timesale_timer {display:inline-block; padding:0 10px 0 7px;} .box_timer > ._timesale_timer * {color:#333; font-size:12px; line-height:21px;} .box_timer > ._timesale_timer > ._timer_num {font-weight:900;} .box_timer.big > .title {padding:5px 10px; font-size:12px;} .box_timer.big > .title:before {margin-top:3px;} .box_timer.big > ._timesale_timer * {font-size:13px; line-height:29px;} #detail .box_timer {} .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%;} .box_btn.w70 > * {width:70px;} #detail .wrap_prd > .info > .list_set {text-align:left;} #detail .wrap_prd > .info > .list_set > h3 {padding:10px 0; font-size:15px;} #detail .wrap_prd > .info > .list_set > .box {} #detail .wrap_prd > .info > .list_set > .box > ul {margin-bottom:-1px;} #detail .wrap_prd > .info > .list_set > .box > ul > li {display:table; border-top:1px solid #e0e0e0;} #detail .wrap_prd > .info > .list_set > .box > ul > li:first-child {border-top:0;} #detail .wrap_prd > .info > .list_set > .box > ul > li > div {display:table-cell; padding:10px 0; vertical-align:middle;} #detail .wrap_prd > .info > .list_set > .box > ul > li > div.img {width:17%; padding:0; text-align:center;} #detail .wrap_prd > .info > .list_set > .box > ul > li > div.img img {width:auto; height:auto; max-height:100px; margin:5px;} #detail .wrap_prd > .info > .list_set > .box > ul > li > div.info {width:59%; padding:10px 0;} #detail .wrap_prd > .info > .list_set > .box > ul > li > div.info * {font-size:14px;} #detail .wrap_prd > .info > .list_set > .box > ul > li > div.info .value {font-size:13px;} #detail .wrap_prd > .info > .list_set > .box > ul > li > div.opt {width:24%;} #detail .wrap_prd > .info > .list_set > .box > ul > li > div.opt input[type=text], #detail .wrap_prd > .info > .list_set > .box > ul > li > div.opt select {width:100%; height:35px; margin:2px 0;} #detail .wrap_prd > .info > .list_set > .box > ul > li > div.btn {width:29%; font-size:0; text-align:center;} #detail .wrap_prd > .info > .list_set > .box > ul > li > div.btn .box_btn {margin:0 2px;} #detail .wrap_prd > .info > .list_set > .box > ul > li > div.btn .box_btn * {padding:8px 0;} #detail .wrap_prd > .info > .list_set > .box > ul > li > div.btn .quick > a {width:34px; height:34px; background:url('https://www.giordano.co.kr/_skin/giordano_20220222/img/shop/icon_set_quick.png') no-repeat center; color:transparent; font-size:0; text-indent:-9999px;} #detail .wrap_prd > .info > .list_set.select > .box > ul > li > div.info {width:30%;} #detail .wrap_prd > .info > .list_set .color_option{ position:relative; padding-right:130px;} .qdBackground {z-index: 1000 !important;} /* 상품리스트 이미지 흐림 방지 20220511 */ .image_rendering_gio img {image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;} /* 빅인 btn resize */ div.bg-intelligence-close{width:30px !important; height: 30px !important; border-radius:15px !important;} /* 상품상세 옵션쪽 해상도 조절*/ @media only screen and (max-width:1500px) { #detail .wrap_prd > .info > .list_wrap .list td .color_option { margin-top: 20px; padding-right:0px; } .color_option li a.selected span { left:1px; max-width: initial;} #detail .wrap_prd > .info { width:41%; margin-left:8%;} #detail .wrap_prd > .info > .list_wrap .list td .part_soldout { padding-right:0px; } #detail .wrap_prd > .info > .list_wrap .list td .info_size {bottom:0px; left:1px; top:unset; padding-top:12px; position:relative;} #det_restock_btn1{ margin-top: 12px; } .list_set .color_option {margin-top:20px;} .list_set .color_option li a.selected span {top:-20px;} } #det_restock_btn1{margin-left: 100px; } @media only screen and (max-width:1317px) { #header[class*=fix] .hgroup {width:1300px;} } .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;} /* 구매왕 */ .order_king_list_theme_1_pc {} .order_king_list_theme_1_pc img{vertical-align:middle;} .order_king_list_theme_1_pc .contents{margin:0 auto; width:743px; height:670px; background-image:url('/_gio_on/_skin/orderkinglist/t1/pc_board.png'); position:relative;} .order_king_list_theme_1_pc .contents .glitter{position:absolute;} .order_king_list_theme_1_pc .contents .glitter.left{bottom:160px; left:10px; background-image:url('/_gio_on/_skin/orderkinglist/t1/pc_left_bottom_glitter.png'); width:107px; height:107px;} .order_king_list_theme_1_pc .contents .glitter.right{top:0px; right:0px; background-image:url('/_gio_on/_skin/orderkinglist/t1/pc_right_top_glitter.png'); width:103px; height:173px;} .order_king_list_theme_1_pc .contents .title{height:165px;} .order_king_list_theme_1_pc .contents .title img{margin: 21px 0 0 5px;} .order_king_list_theme_1_pc .contents .king{height:88px; line-height:88px !important; padding-left:15px;} .order_king_list_theme_1_pc .contents .king .king_img{width:182px; height:88px !important; display:inline-block;} .order_king_list_theme_1_pc .contents .king .king_img div{width:56px; text-align:center; float:right;} .order_king_list_theme_1_pc .contents .king .king_img div:first-child{width:84px;} .order_king_list_theme_1_pc .contents .king .king_id{margin-left:-50px; width:488px; height:88px !important; display:inline-block; background: url(/_gio_on/_skin/orderkinglist/t1/pc_box.png) 0px -11px;} .order_king_list_theme_1_pc .contents .king .king_id div{width:181px; text-align:center; float:left; color:#ffffff; font-weight:bold;} .order_king_list_theme_1_pc .contents .king .king_id div:first-child{margin-left:63px;} .order_king_list_theme_1_pc .contents .line{display:block; height:1px; width:511px; margin: 0 auto; background-image:url('/_gio_on/_skin/orderkinglist/t1/pc_line_2.png');} .order_king_list_theme_1_pc .contents div:nth-child(11){background-image:none;} /* 타임세일 수량 제목*/ .box_timer > .title_no_icon {display:inline-block; position:relative; padding:2px 10px; border-radius:20px; background-color:#333; color:#fff; font-size:11px; vertical-align:top;} .box_timer.big > .title_no_icon {padding:5px 10px; font-size:12px;} .box_timer.big > .title_no_icon:before {margin-top:3px;} /* 자동답변 강조 */ .answer_bold_gio{font-weight:bold; font-size:17px;} .answer_red_gio{color:red; font-size:17px;} /* 상품상세 사이즈 로딩 */ .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;} .tbl_row td .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:-20px;} .tbl_col.board > tbody > tr.faqcnt > td .contents{padding-right: 10%; word-break: keep-all;} .tbl_col.board > tbody > tr.faqcnt > td .contents p{padding-right: 10%; word-break: keep-all;} .tbl_col.board > tbody > tr.faqcnt > td .btn {display:none;} .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; } .refund_info #refunt_info_div_gio{margin-bottom:10px;} .refund_info p.msg span{font-size: 13px; color: #c8883c;} .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; } .list_type .chage_prdlist1 {display: none;} .list_type .chage_prdlist2 img {width:13px; height:13px;} .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%); } } .prd_box_add_cart_div {position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%); background-color: #ffffff; border-radius: 50%; width: 25px; height: 25px; overflow: hidden; opacity: 0.5; display: flex;justify-content: center; align-items: center; cursor:pointer; font-size:16px; justify-content: space-evenly; flex-wrap: wrap; align-content: space-between;} .layer_layout.layer_layout_size_common {position:fixed; top:10px; z-index:1002;} .layer_layout.layer_layout_size_common .layer_inner {padding: 40px 80px 10px 80px;} .privacy_gio{padding-top:20px;} .privacy_gio *{font-size:14px;} .privacy_gio div{padding:0px; margin:6px 0 0 40px; word-break: keep-all;} .privacy_gio div p {margin-left:20px; word-break: keep-all;} .privacy_gio div p .transparent{opacity:0; display:inline;} .privacy_gio .top_text{font-size:16px; margin-left:10px;} .privacy_gio h3{margin:30px 0px 0px 10px;font-size:16px; font-weight:bold; text-decoration: underline;} .privacy_gio h3 img{vertical-align: middle; height: 34px; margin-right: 10px;} .privacy_gio table {width:70%; border:1px solid #e6e6e6; min-width:840px;} .privacy_gio table.consign {width:50%; min-width:600px;} .privacy_gio table.tree3 {margin-left:20px;} .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: 14px; word-break: keep-all;} .privacy_gio table td img{width:70%; max-width:128px;} .privacy_gio .label_desc td{text-align:left; padding-left: 3%; padding-right: 3%; word-break: keep-all;} .privacy_contents {margin-top:10px;} .privacy_history div {margin: 10px 0 0 40px !important; text-align:left !important;} .privacy_history div select {border:1px solid #929292; font-size:12px; height:30px; padding:4px 20px 4px 10px; background-position: 95% center;} .all_coupon_area_gio.no_cpn {color: #b2b2b2;} .cuteAlertTitle{font-weight:bold; font-size:17px; margin-bottom:15px;} .cuteAlert2LineBtnDiv{font-weight: 400; font-size: 15px; color: white; line-height: 1.1;} .cuteAlert2LineBtnDiv.secondLine {font-size: 12px; font-weight: normal;} .prd_basic .box.out.outtype2 .img .prdimg {-ms-filter:unset; filter:unset; 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 0px 10px; border-radius:10px;} .prd_basic .box.out.outtype3 .img .prdimg {-ms-filter:unset; filter:unset; opacity:unset;} .prd_basic .box.out.outtype3 .img .soldout {width:unset; left:unset; right:10px; bottom:10px; top:unset; background-color:rgba(255,255,255,0.4); padding:3px 10px 0px 10px; border-radius:10px;} .prd_basic .box.out.outtype4 .img .prdimg {-ms-filter:unset; filter:unset; opacity:unset;} .prd_basic .img .icon_on_img img { width:50%; vertical-align:bottom;} .prd_basic .img .icon_on_img { position: absolute; bottom: 0px; left: 0px; text-align:left; z-index:10; line-height: 0;} .layer_layout .layer_inner .store .name.add_str {color:#b2b2b2; font-size:13px;} #header .lnb > .category ul > li.expanded > ul {display:block !important;} #big_section .title_img {position:relative;} .cate_title_text_pc_area{position: absolute; top: 50%; left:50%; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: translate(-50%, -50%);} .cate_title_text_pc_area div{line-height:1.4em; color:#ffffff; text-align: center;} .cate_title_text_pc_area .text1{font-size:1.1em; line-height:1.1em;} .cate_title_text_pc_area .text2{font-size:2.3em; font-weight:bold; line-height:1.1em; padding: 0.4em 0;} .cate_title_text_pc_area .text3{font-size:1.1em; line-height:1.1em;} .cate_title_text_pc_area .text1.is_junior, .cate_title_text_pc_area .text2.is_junior, .cate_title_text_pc_area .text3.is_junior {font-family: 'yg-jalnan' !important;} @media screen and (min-width: 1905px) { .cate_title_text_pc_area{font-size: 20px; } } @media screen and (max-width: 1904px) { .cate_title_text_pc_area{font-size: calc(100vw * 0.010504); } } @media screen and (max-width: 1300px) { .cate_title_text_pc_area{font-size: 13.65px; } } .cate_title_text_pc_area2 { display: flex; flex-direction: column; align-items: center; justify-content: center; } .cate_title_text_pc_area2 .text4{ width:100%; background-color:#1d1d1d; color:#fcfcfc; display:flex; justify-content: center;} .cate_title_text_pc_area2 .text4 div:nth-child(1){ color:#fcfcfc; font-size:1.4em; width: 50%; 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_pc_area2 .text4 div:nth-child(2){ color:#fcfcfc; font-size:0.8em; width: 6%; 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_pc_area2 .text5{ width:100%; background-color:#1d1d1d; display:none; } .cate_title_text_pc_area2 .text5 div{display:flex; justify-content: center;} .cate_title_text_pc_area2 .text5 div p{ color:#fcfcfc; font-size:1.1em; width: 56%; margin: 0 auto; padding: 0.8em 0 1em 0; line-height:2em;} @media screen and (min-width: 1905px) { .cate_title_text_pc_area2 .text4, .cate_title_text_pc_area2 .text5 div {font-size: 12.38px; } } @media screen and (max-width: 1904px) { .cate_title_text_pc_area2 .text4, .cate_title_text_pc_area2 .text5 div {font-size: calc(100vw * 0.0065); } } @media screen and (max-width: 1300px) { .cate_title_text_pc_area2 .text4, .cate_title_text_pc_area2 .text5 div {font-size: 8.45px; } } #manage .cate_title_text_pc_area{font-size: 13.65px !important;} #manage .cate_title_text_pc_area .text1, #manage .cate_title_text_pc_area .text2, #manage .cate_title_text_pc_area .text3 {letter-spacing:0; } #manage .cate_title_text_pc_area2 {width:900px;} #manage .cate_title_text_pc_area2 .text4, #manage .cate_title_text_pc_area2 .text5 div {font-size: 8.45px; } .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: 0; height: 0; 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_pc {position:relative; cursor:pointer;} .main_banner_gio_4_pc .banner_text_area { position: absolute; left: 30%; top: 40%; display: flex; flex-direction: column; align-items: center; text-align: center;} .main_banner_gio_4_pc .banner_text_area .text1 {color:#ffffff; display:block; font-size:22px;} .main_banner_gio_4_pc .banner_text_area .text2 {color:#ffffff; display:block; font-size:48px; font-weight:bold;} .main_banner_gio_4_pc .banner_text_area .text3 {color:#000000; background-color:#ffffff; display:block; font-size:20px; margin-top:30px; padding: 5px 30px 5px 30px; font-weight: bold;} .main_banner_gio_4_pc .banner_text_area .text4 {margin-top: -10px; color: #ffffff; display: block; font-size: 18px;} .main_banner_gio_4_pc .banner_text_area .text5 {color:#000000; background-color:#ffffff; display:block; font-size:20px; margin-top:30px; padding: 5px 30px 5px 30px; font-weight: bold;} .swiper_flashbanner .main_banner_gio_4_pc .banner_text_area .text2 {text-shadow: 0px 0px 5px #000;} .main_banner_gio_4_pc.junior .banner_text_area { left: 25%; top: 40%;} .main_banner_gio_4_pc.junior .banner_text_area .text1 {font-family: 'yg-jalnan' !important; line-height: 1.2;} .main_banner_gio_4_pc.junior .banner_text_area .text2 {font-family: 'yg-jalnan' !important;}