@charset "utf-8"; /*나눔고딕*/ @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css"); @import url("//fonts.googleapis.com/earlyaccess/nanumbrushscript.css"); @import url("//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css"); @import url("//fonts.googleapis.com/earlyaccess/nanummyeongjo.css"); @import url("//fonts.googleapis.com/earlyaccess/nanumpenscript.css"); /*나눔명조 Nanum Myeongjo*/ @import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /* 초기화 */ html {overflow-y:scroll} body {margin:0;padding:0; font-family: "RixSinGoSePro", "AstoriaSansRoman", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: "RixSinGoSePro", "AstoriaSansRoman", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} ul, dl,dt,dd {margin:0;padding:0;list-style:none} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle;font-size:1em} input, button {margin:0;padding:0;font-family: "AstoriaSansRoman", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} input[type="submit"] {cursor:pointer} button {cursor:pointer} textarea, select {font-family: "RixSinGoSePro", "AstoriaSansRoman", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;} select {margin:0} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a {color:#000;text-decoration:none} *, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } input[type=text],input[type=password], textarea { -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; outline:none; } input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {} .placeholdersjs {color:#aaa !important} #hd, #wrapper, #ft {min-width:1200px} #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width: 100%; max-width:1200px;} /*safari*/ input, textarea { /*-webkit-appearance:none; -webkit-border-radius:0;*/ } .en{font-family: 'AstoriaSansRoman'; font-weight: 400;} /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;} .hd_pops img{display:block;max-width:100%} .hd_pops_con {} .hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:center;position:relative;display:flex;} /*.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}*/ .hd_pops_footer button {width:50%;padding:15px;border:0;font-size:17px;line-height:1.4;color:#fff;background:#1d1d1d;border-right:1px solid #999;word-break:keep-all;} .hd_pops_footer button:last-child {border-right:0;} .hd_pops_footer button:hover {background:#333;} /*.hd_pops_footer .hd_pops_reject{background:#000;} .hd_pops_footer .hd_pops_close{background:#393939;}*/ /* [CSS] 작성 */ /* 공통 */ html {font-size: 10px;} body {background:#FCF7F1; color:#000; font-size: 1.2rem; line-height: 1.6667; width: 100%;} .font_out {font-family: "Outfit", "RixSinGoSePro", "AstoriaSansRoman", sans-serif !important;} .ab {display: block; background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer} .inp {display: block; background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible;} .scrx::-webkit-scrollbar {display: none;} .scrx {-ms-overflow-style: none; scrollbar-width: none; } .line {text-decoration: underline; text-underline-offset: 3px;} .tac {text-align: center;} .pc_only {display: block !important;} .mo_only {display: none !important;} .hidden{visibility: hidden;overflow: hidden;position: absolute;width: 0px !important;height: 0px !important;font-size: 0;line-height: 0;margin: 0 !important;padding: 0 !important;clip: rect(1px 1px 1px 1px);flex: none;} @media (max-width: 800px) { .pc_only {display: none !important;} .mo_only {display: block !important;} } button{font-family: 'RixSinGoSePro',Sans-serif;} .btn_black {display: block; background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer; font-family: 'RixSinGoSePro', Sans-serif;} .btn_black {position: relative; width: 100%; height: 40px; background-color: #1a1a1a; border: 1px solid #1a1a1a; color: #fff; text-align: center; line-height: 40px; font-size: 1.3rem; font-weight: 500; border-radius: 5px; transition: all 0.2s;} .btn_black.sml {height: 40px; line-height: 40px;} .btn_black.line {background-color: #fff; color: #1a1a1a; text-decoration:none !important;} .btn_black:hover {opacity: 0.8;} .btn_black > img {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); height: 20px;} .form_box { } .form_box .form_list_df {display : flex; gap:8px;} .form_box .form_list_df > .form_list:nth-child(1) {width: 130px;} .form_box .form_list_df > .form_list:nth-child(2) {flex:1;} .form_box .form_list {} .form_box .form_list > li + li {margin-top: 24px;} .form_box .form_list.sml > li + li {margin-top: 10px;} .form_box .form_list > li .tit {display : flex; align-items: center; margin-bottom: 8px; font-size: 1.2rem; font-weight: 400; line-height: 1.3;} .form_box .form_list > li .tit .ab {margin-left: auto; font-size: 1.3rem;color: #000; font-weight: 400; line-height: 1.3; text-decoration: underline; text-underline-offset: 3px;} .form_box .form_list > li .tit.req > span::after {content: '*';} .form_box .form_list > li .desc {display : flex;} .form_box .form_list > li .desc + .desc {margin-top: 8px;} .form_box .form_list > li .desc input {display: block; background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; } .form_box .form_list > li .desc input {width: 100%; height: 40px; border: 1px solid #000; border-radius: 5px; padding: 0 10px; font-size: 1.3rem; font-weight: 500;} .form_box .form_list > li .desc input::placeholder {color: #808080;} .form_box .form_list > li .desc input:disabled {background-color: #F4F4F4; color: #808080;} .form_box .form_list > li .desc input:focus{border-color: #9D2A1E;} .form_box .form_list > li .desc > .btn_black {margin-left: 8px; width: auto; padding: 0 20px; white-space: nowrap;} .form_box .form_list > li .desc select {display: block; background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; color: #000; } .form_box .form_list > li .desc select::-ms-expand { display: none;} .form_box .form_list > li .desc select {-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .form_box .form_list > li .desc select::-ms-expand { display: none;} .form_box .form_list > li .desc select {width: 100%; height: 50px; background: url('../img/icon_select_arr.svg') calc(100% - 20px) center no-repeat; border: 1px solid #000; border-radius: 6px; padding: 0 20px; font-size: 1.3rem;} .form_box .form_list > li .desc #btnFoldWrap{display: none;} .form_box .form_list > li.err .tit {color: #F23F3F;} .form_box .form_list > li.err .desc input {border-color: #F23F3F;} .form_box .form_list > li.err::after {content: attr(errMsg); display: block; margin-top: 8px; padding-left: 20px; color: #F23F3F; font-size: 1.2rem; font-weight: 400; line-height: 16px; background: url('../img/icon_err.svg') no-repeat 0% 50% / 16px;} .form_box .form_ck_list {} .form_box .form_ck_list li {} .form_box .form_ck_list li.line {} .form_box .form_ck_list li + li {margin-top: 20px;} .form_box .form_ck_list li input[type="checkbox"] {display: none;} .form_box .form_ck_list li input[type="checkbox"] + label {display : flex; align-items: center; font-size: 1.4rem; font-weight: 400; cursor: pointer;} .form_box .form_ck_list li input[type="checkbox"] + label::before {content: ''; display: block; min-width: 16px; height: 16px; margin-right: 12px; background: url('../img/icon_ck.svg') no-repeat 50% 50% / cover; transition: all 0.2s;} .form_box .form_ck_list li input[type="checkbox"]:checked + label::before {background: url('../img/icon_ck_active.svg') no-repeat 50% 50% / cover;} .form_box .form_list li{position: relative;} .form_box .form_list li input[type="checkbox"] {position: absolute; opacity: 0; width: 100%;} .form_box .form_list li input[type="checkbox"] + label {display : flex; align-items: center; font-size: 1.4rem; font-weight: 400; cursor: pointer;} .form_box .form_list li input[type="checkbox"] + label::before {content: ''; display: block; min-width: 16px; height: 16px; margin-right: 12px; background: url('../img/icon_ck.svg') no-repeat 50% 50% / cover; transition: all 0.2s;} .form_box .form_list li input[type="checkbox"]:checked + label::before {background: url('../img/icon_ck_active.svg') no-repeat 50% 50% / cover;} .form_box .form_ck_depth {} .form_box .form_ck_depth .all {position: relative; margin-bottom: 16px; padding-right: 16px;} .form_box .form_ck_depth .all::after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(180deg); width: 16px; height: 16px; background: url('../img/icon_ck_arr.svg') no-repeat 50% 50% / cover;} .form_box .form_ck_depth.active .all::after {transform: translateY(-50%) rotate(0deg); } .form_box .form_ck_depth .all > input[type="checkbox"] {display: none;} .form_box .form_ck_depth .all > input[type="checkbox"] + label {display : flex; font-size: 1.4rem; font-weight: 400; cursor: pointer;} .form_box .form_ck_depth .all > input[type="checkbox"] + label::before {content: ''; display: block; min-width: 16px; height: 16px; margin-right: 12px; margin-top: 4px; background: url('../img/icon_ck.svg') no-repeat 50% 50% / cover; transition: all 0.2s;} .form_box .form_ck_depth .all > input[type="checkbox"]:checked + label::before {background: url('../img/icon_ck_active.svg') no-repeat 50% 50% / cover;} .form_box .form_ck_depth .form_ck_depth_list {display: none; padding-left: 20px;} .form_box .form_ck_depth .form_ck_depth_list > li + li {margin-top: 16px;} .form_box .form_ck_depth .form_ck_depth_list > li input[type="checkbox"] {display: none;} .form_box .form_ck_depth .form_ck_depth_list > li input[type="checkbox"] + label {display : flex; font-size: 1.4rem; font-weight: 400; cursor: pointer;} .form_box .form_ck_depth .form_ck_depth_list > li input[type="checkbox"] + label::before {content: ''; display: block; min-width: 16px; height: 16px; margin-right: 12px; margin-top: 4px; background: url('../img/icon_ck.svg') no-repeat 50% 50% / cover; transition: all 0.2s;} .form_box .form_ck_depth .form_ck_depth_list > li input[type="checkbox"]:checked + label::before {background: url('../img/icon_ck_active.svg') no-repeat 50% 50% / cover;} .form_box .form_ck_depth .content {margin-top: 4px; padding-left: 28px; color: #808080; font-size: 1.1rem; font-weight: 400; line-height: 1.3;} .form_box .form_ck_depth .form_ck_depth_list > li input[type="checkbox"] + label > a::before {content: '자세히 ';} .form_box .form_ck_depth .form_ck_depth_list > li input[type="checkbox"] + label > a.active::before {content: '간단히 ';} .form_box .form_ck_depth .form_ck_depth_list > li .content {display: none;} @media (max-width: 800px) { .form_box .form_ck_list li input[type="checkbox"] + label {display : flex; align-items: center; line-height: 1.6; word-break: keep-all;} .form_box .form_ck_list li input[type="checkbox"] + label::before {margin-top: 0;} } /* 레이아웃 크기 지정 */ .inner {width: 100%;margin:0 auto;} .inner_2 {padding-left: 30px; padding-right: 30px;} .w400_box {max-width: 400px; width: 100%; margin: 0 auto;} .w375_box {max-width: 380px; width: 100%; margin: 0 auto;} .empty_box {margin: 60px 0; font-size: 1.4rem; font-weight: 400; text-align: center;} /* 헤더 */ #header {position: relative; top: 0; left: 0; z-index: 100; width: 100%; background:#FCF7F1;} #header .inner_2 {margin-left: 2.5rem; margin-right: 2.5rem; padding: 0;} #header.scroll{position: sticky;} #header .icon_menu {display : flex; align-items: center; justify-content: flex-end; height: 5.8rem; border-bottom: 1px solid #d7d7d7;} #header .icon_menu > li + li {margin-left: 41px;} #header .icon_menu > li > a {display : flex; align-items: center; justify-content: center; width: 20px; height: 20px; cursor: pointer;} #header .icon_menu > li.mypage > a {background: url('../img/icon_my_black.svg') no-repeat 50% 50% / 20px;} #header .icon_menu > li.cart > a {background: url('../img/icon_cart_black.svg') no-repeat 50% 50% / 20px;} #header .icon_menu > li.ham_btn > a {background: url('../img/icon_menu_black.svg') no-repeat 50% 50% / 20px;} #header .icon_menu > li > button {display : flex; border: none; align-items: center; justify-content: center; width: 20px; height: 20px; cursor: pointer;} #header .icon_menu > li.mypage > button {background: url('../img/icon_my_black.svg') no-repeat 50% 50% / 20px;} #header .icon_menu > li.cart > button {background: url('../img/icon_cart_black.svg') no-repeat 50% 50% / 20px;} #header .icon_menu > li.ham_btn > button {background: url('../img/icon_menu_black.svg') no-repeat 50% 50% / 20px;} #header .menu_box{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 19.5rem;} #header .logo {} #header .logo > a {display: block; width: 252px; height: 27px; background: url('../img/re_logo.png') no-repeat; background-size: contain; margin: 0 auto;} #header .menu_box .pc_only{width: 100%;} #header .menu_box .menu {display : flex; align-items: center; justify-content: center; gap: 0 8.8rem; margin-top: 5.7rem;} #header .menu_box .menu > li{position: relative;} #header .menu_box .menu > li > a {color: #000; font-family: 'AstoriaSansRoman'; font-size: 1.8rem; font-weight: 400; line-height: 1.1;} #header .menu > li:hover .inbx{left:50%;transform:translateX(-50%);display: block;position: absolute;top:100%;width: 140px;} .inbx{display: none;padding: 5px 0 0;width: 100%;} .inbx .in-grp{display: flex;flex-direction: column;gap:0;background: #fff;padding: 10px 0;margin-top: 10px;} .inbx .in-grp > li > a{width: 100%;padding: 10px;font-size: 14px;text-align: center;display: flex;align-items: center;justify-content: center;} /* 메인 */ #main .main_bnr {} #main .main_bnr > li {height: 100dvh;} #main .main_bnr .swiper-slide{width: 100%; height: calc(var(--vh, 1vh) * 100);} #main .main_sec01{height: 100vh; position: relative;} #main .main_sec01 .img{width: 100%; height: 100%;} #main .main_sec01 img{width: 100%; height: 100%; object-fit: cover;} #main .main_sec01 .txt{position: absolute; top: 45%; width: 100%; text-align: center; transform: translateY(-45%); font-weight: 300; font-size: 2rem; line-height: 2.4rem; color: #fff;} #main .main_sec02{width: 100%; max-width: 63rem; margin: 0 auto; padding-bottom: 8.6rem; } #main .main_sec02 .desc{padding: 27.7rem 0 20rem 0; font-size: 2.7rem; line-height: 3.24rem; font-weight: 300; text-align: center;} #main .main_sec02 ul li + li{margin-top: 12.1rem;} #main .main_sec02 ul li .img, #main .main_sec02 ul li .img img{width: 100%;} #main .main_sec02 ul li p{ font-size: 1.8rem;font-weight: 400;text-align: center;margin: 10rem 0 6rem 0;} #main .main_sec02 ul li .btn_black{width: 29.6rem; margin: 0 auto;} #main .main_sec03{width: 100%; height: 31.1rem; background: url("../img/main_bt.png")no-repeat center; background-size: cover; position: relative;} #main .main_sec03 p{position: absolute; top: 50%; width: 100%; text-align: center; color: #fff; transform: translateY(-50%); font-size: 2.2rem; font-weight: 400; line-height: 2.64rem;} .ft_btm.mm{display: none;} /* 푸터 */ #footer {padding: 80px 30px; display: flex; justify-content: space-between; background: #fff; gap: 0 2.5rem;background: #FCF7F1;} #footer .ft_top {} #footer .ft_menu {display : flex; gap: 0 80px;} #footer .ft_menu > li {width: max-content;} #footer .ft_menu > li > a {font-size: 1.4rem; font-weight: 700; line-height: 1.8; } #footer .ft_menu > li > .ft_submenu {margin-top: 15px;} #footer .ft_menu > li > .ft_submenu > li + li {margin-top: 5px;} #footer .ft_menu > li > .ft_submenu > li > a {font-size: 1.1rem; font-weight: 300; line-height: 2.3;} .ft_btm {} .ft_btm .ft_lang {position: absolute; top: 24px; right: 24px; } .ft_btm .ft_lang > select {display: block; width: 36px; height: 36px; background: url('../img/icon_language.svg') no-repeat 50% 50% / 20px; color: transparent;} .ft_btm .ft_lang > select option {color: #1a1a1a;} #footer .ft_logo {margin-bottom: 20px;} #footer .ft_logo img {height: 12px;} #footer .ft_cont {display : flex; flex-wrap: wrap; margin-bottom: 20px; word-break: keep-all; text-align: right; max-width: 73rem; width: 100%;} #footer .ft_cont > li {display : flex; align-items: center; font-size: 1.3rem; font-weight: 400; line-height: 1.5; color: #929292;} /*#footer .ft_cont > li + li::before {content: ''; width: 1px; height: 8px; margin: 0 5px; background-color: #B3B3B3;}*/ #footer .ft_copy {font-size: 1.3rem; font-family: 'AstoriaSansRoman'; font-weight: 400; line-height: 2.3;color: #929292; text-align: right;} .news{background: #FCF7F1; padding: 2.9rem 0; text-align: center;} .news b{font-size: 1.5rem; lineh-height: 2.6rem;} .news p{font-size: 1.4rem; line-height: 2.6rem; margin: 1.5rem 0;} .news .btn_black{width: 21rem; margin: 0 auto; background: #FCF7F1;} .ui-widget-header{background: #fff !important;} .ui-widget.ui-widget-content{width: 22rem !important; padding: 1rem !important;} .ui-state-default, .ui-widget-content .ui-state-default{background: #fff !important; color: #333 !important; text-align: center !important; border: none !important;} .ui-state-active, .ui-widget-content .ui-state-active{background: #000 !important; color: #fff !important; border-radius: 100%; border: none !important;} .ui-datepicker td{padding: 2px !important;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{border:none !important;} @media (max-width: 1400px) { #footer .ft_menu{gap:0 60px;} } @media (max-width: 1200px) { /*#header .logo > a {width: 193px; height: 20px;} #header .menu{margin-left: 20px;}*/ /*#header .icon_menu {gap:8px;}*/ /*#header .icon_menu > li + li {margin-left: 0px;}*/ /*#header .icon_menu > li > a {width: 32px; height: 32px; background-size: 16px !important;}*/ } @media (max-width: 800px) { .inner_2 {padding-left: 12px;padding-right: 12px;} .w375_box {padding-left: 16px;padding-right: 16px;} .nonmember-page .w375_box {padding-left: 0; padding-right: 0;} /*header mo*/ #header.scroll.scroll-transition {transform: translateY(-54px)} #header .inner_2{margin-left: 1.5rem; margin-right: 1.5rem;} #header .menu_box{display: none;} #header .icon_menu{position: relative; border-bottom: none;} #header .icon_menu > li + li{margin-left: 2rem;} #header .icon_menu > li.mypage {order: -1;} #header .icon_menu > li > a{width: 15px; height: 15px;} #header .icon_menu > li.mypage > a, #header .icon_menu > li.ham_btn > a, #header .icon_menu > li.cart > a{background-size: 15px auto;} #header .icon_menu > li > button{width: 15px; height: 15px;} #header .icon_menu > li.mypage > button, #header .icon_menu > li.ham_btn > button, #header .icon_menu > li.cart > button{background-size: 15px auto;} #header .logo{position: absolute;top: 50%; left: 0; transform: translateY(-50%); } #header .icon_menu > li.logo > a{width: 115px; height: 12.27px; background-size: contain;} #footer { padding: 0; flex-wrap: wrap; } #footer .ft_top { width: 100%; } #footer .ft_menu { display: block; } #footer .ft_menu > li { width: 100%; } #footer .ft_menu > li > .ft_submenu { margin-top: 24px; } #footer .ft_menu > li > .ft_submenu > li + li { margin-top: 17px; } #footer .ft_menu > li > .ft_submenu > li > a { color: #808080; } #footer .ft_btm { width: 100%; padding: 3.2rem 1rem; } #footer .ft_btm img{margin: 0 auto; width:10.8rem; margin-bottom: 21.5px;} #footer .ft_btm .ft_lang { display: none; } #footer nav { padding: 1.6rem 1.6rem 3rem 1.6rem; width: 100%; } #footer nav ul { display: flex; justify-content: space-between; } #footer nav ul li { } #footer nav ul li a { font-weight: 100; color: #929292; } #footer .ft_logo {margin-bottom: 20px;} #footer .ft_cont {margin: 0;text-align: center;word-break: normal;justify-content: center; } #footer .ft_cont > li::after {content: '';width: 1px;height: 8px;margin: 0 5px;background-color: #B3B3B3;position: relative;bottom: 1px;} #footer .ft_cont > li:last-child::after, #footer .ft_cont > li + li::before {display: none;} #footer .ft_copy {text-align: left;} .news{padding: 4.5rem 0;} /* 메인*/ #main .mo-sec01 .img, #main .mo-sec01 .img img{width: 100%;} #main .mo-sec01 .txt{padding: 1.4rem 1.6rem 2rem; text-align: center; } #main .mo-sec01 .txt p{font-size: 1.2rem; line-height: 2rem; margin-top: 1.6rem;} #main .main_sec01{height: 66rem;} #main .main_sec01 .txt{font-size: 1.4rem; line-height: 1.68rem;} #main .main_sec02{padding-bottom: 0;} #main .main_sec02 .desc{font-size: 1.4rem; line-height: 2.16rem; padding: 14.4rem 0; color: #444;} #main .main_sec02 .desc span{margin-top: 3rem;} #main .main_sec02 ul li + li{margin-top: 4rem;} #main .main_sec02 ul li p{font-size: 1.4rem; margin-top: 4rem; margin-bottom: 2.6rem;} #main .main_sec02 ul li .btn_black{width: 90%;} #main .main_sec03{height: 15.5rem; background: url("../img/m_main_bt.png")no-repeat center; background-size: cover;} #main .main_sec03 p{font-size: 1.4rem; line-height: 2.4rem;} } /* 장바구니 */ .common_pop {opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; z-index: 200; width: 100%; height: 100%;transition:all 0.2s} .common_pop.open{transition:all 0.6s} .common_pop .common_pop_bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background-color: rgba(0,0,0,0.5);} .common_pop .common_pop_cont {display : flex; flex-direction: column; position: absolute; top: 0; right: -443px; z-index: 3;width: 443px; height: 100%; overflow: auto;background-color: #fff; transition: all 0.7s;} .common_pop .menu_top{display : flex; align-items: center; justify-content: space-between; height: 54px; background: #FCF7F1;} .common_pop.menu_mp .common_pop_cont.menu_pop_cont.open{ background: #FCF7F1;} .common_pop .my_top{width: 100%; justify-content: flex-end; padding: 0 16px;} .common_pop .my_menu_list .tit{padding: 30px 0 20px 0; color: #000; font-weight: 700; font-size: 1.6rem; line-height: 1.15;} .common_pop .my_menu_list li{border-bottom: 1px solid #f1f1f1;} .common_pop .my_menu_list li a{color: #929292; font-weight: 500; font-size: 1.4rem; padding: 20px 0; } .common_pop .cart_mid{flex: auto; display: flex; justify-content: center; font-size: 14px; color: #8d8d8d; margin-top: 30px;} .common_pop .menu_top .tit {display : flex; align-items: center; font-size: 1.8rem; font-weight: 600; line-height: 1.3;} .common_pop .menu_top .tit .ab {margin-right: 8px;} .common_pop .menu_top .tit .ab > img {display: block;} .common_pop.open {opacity: 1; visibility: visible;} .common_pop.menu_mp.open {opacity: 1; visibility: visible;} .common_pop .common_pop_cont.open {right: 0px; padding-top: 0; background: #fff;} .common_pop.menu_mp .common_pop_cont.open {right: 0px;} .common_pop .common_pop_btm {margin-top: auto; padding-top: 24px;} .cart_pop .cart_list{width:100%; } .cart_pop .price_list{padding: 20px 0 16px 0 !important; position: relative;} .cart_pop .price_list::before{content: ''; display: block; position: absolute; top: 0; left: -5%; width: 110%; height: 1px; background: #f1f1f1;} .cart_pop .price_btn{height: 45px; line-height: 45px; border-radius: 0; background: #2F0B0A; font-size: 1.3rem; font-weight: 300;} /*.cart_pop .cart_list li{padding: 1rem; border: 1px solid #f1f1f1;}*/ .cart_pop .cart_list li + li{margin-top: 1rem;} .cart_pop .cart_list .box{padding: 1rem; border: 1px solid #f1f1f1;} .cart_pop .btn_box{display: flex; gap: 1.5rem;} .cart_pop .btn_box li{width: 100%;} .cart_pop .btn_box li img{aspect-ratio: 120 / 50; width: 6rem;} .cart_pop .btn_box li a{border-radius: 5px; display: flex; align-items: center; justify-content: center; background: #000;} .cart_pop .btn_box li button{border-radius: 5px; display: flex; align-items: center; justify-content: center; background: #000;} /*.cart_pop .btn_box li button{border: none; border-radius: 5px; width: 100%; height: 4.5rem; display: flex; align-items: center; justify-content: center;color: #000; font-size: 1.4rem; font-weight: 500;}*/ /*.cart_pop .btn_box li .btn-naver{background-color: #00de5a; }*/ /*.cart_pop .btn_box li .btn-kakao{background-color: #FFEB00;}*/ .mypage.mo{display: none;} .cart_top, .delivery_top, .delivery_edit_top{display: flex; align-items: center; justify-content: space-between; height: 60px; } .cart_top .tit, .delivery_top .tit, .delivery_edit_top .tit{font-size: 1.8rem; font-weight: 500; line-height: 1.3; display: flex;} .delivery_edit_top{margin-bottom: 30px;} .cart_pop .cart_empty {padding: 100px 0; text-align: center; color: #808080; font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .cart_pop_cont{padding:20px;} .cart_pop_cont.on{background:#FCF7F1; } .cart_pop_cont .cart_list > li .box .cont{margin-left: 10px;} .cart_pop_cont .cart_list > li .box .cont .tit{font-size: 1.4rem; font-weight: 600;} .cart_pop_cont .cart_list > li .box .cont .desc{font-size: 1.4rem; font-weight: 500; margin-top: 7px; color: #929292;} .cart_pop_cont .cart_list > li .box .cont .dt_carve{ display: flex; align-items: flex-end; color: #595959; margin-top: 2rem;} .cart_pop_cont .cart_list > li .box .cont .dt_carve p{position: relative;margin: 0 1.7rem 0 0.6rem; border-bottom: 1px solid; line-height: 1;} .cart_pop_cont .cart_list > li .box .cont .dt_carve i{display: inline-block; width: 1.7rem; height: 1.7rem; background: url("../img/gift/cart_carve.png")no-repeat center; background-size: contain;} .cart_pop_cont .cart_list > li .box .cont .dt_carve button{color: #595959; border: none; background: transparent; border-bottom: 1px solid;} .cart_pop_cont .cart_list > li .box .cont .price{font-size: 1.4rem; font-weight: 400; margin-top: 5px; color: #000; font-family: 'AstoriaSansRoman';} .cart_pop_cont .info{display: flex; color: #929292; font-size: 1.4rem; padding: 1.7rem 0; border-bottom: 1px solid #f1f1f1;} .cart_pop_cont .info i{font-style: normal; margin-right: 1.6rem; display: inline-block;} .cart_pop_cont .info .txt b{display: block; color: #595959; margin-bottom: 0.4rem;} .cart_pop_cont .info .txt p{word-break: keep-all;} /*.cart_list {background-color: #fff;}*/ .cart_list > li.none{height: 100%; display: flex; align-items: center; border: none;} .cart_list > li .box {display : flex; padding: 20px 0; } .cart_list > li .box .thum {min-width: 8.6rem; height: 8.6rem;width: 8.6rem;} .cart_list > li .box .thum img {width: 100%; height: 100%; object-fit: cover;} .cart_list > li .box .cont {display: flex; flex-direction: column; margin-left: 16px;} .cart_list > li .box .cont .tit {font-size: 1.6rem; font-weight: 500; line-height: 1.3;} .cart_list > li .box .cont .desc {margin-top: 4px; color: #808080; font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .cart_list > li .box .cont .price {margin-top: 4px; font-size: 1.6rem; font-weight: 500; line-height: 1.3;} .cart_list > li .box .cont .ea_box {display : flex; align-items: center; width: 100px; height: 30px; margin-top: auto; border-radius: 30px;} .cart_list > li .box .cont .ea_box span{color: #929292; font-size: 1.4rem; font-weight: 500; background: transparent; border: none;} .cart_list > li .box .cont .qty_control{gap: 10px;} .cart_list > li .box .cont .ea_box span.qty_fixed{padding:0; color: #000;} .cart_list > li .box .cont .ea_box span.qty_fixed::after{content: '개'; color: #929292; margin-left: 5px;} .cart_list > li .box .cont .ea_box select{font-weight: 400; color: #000; font-size: 1.4rem;border: none;appearance:none;-webkit-appearance : none; -webkit-appearance : none; background:url('../img/chevron-down.svg') no-repeat right; padding-right: 20px;} .present_txt{color:#929292;} .cart_list > li .box .cont .ea_box .ea_btn {display: flex; align-items: center; justify-content: center; width: 15px; height: 15px;} .cart_list > li .box .cont .ea_box .inp {width: 50px; height: 28px; font-size: 1.4rem; font-weight: 400; text-align: center;} .cart_list > li .box .delete {margin-left: auto; margin-top: auto;} .cart_list > li .box .add {margin-left: auto; margin-top: auto; font-size: 1.4rem; font-weight: 400; line-height: 1.3; white-space: nowrap;} .cart_pop .add_bag {position: relative; margin-top: auto;} .cart_pop .add_bag .bag_tit {display: flex; align-items: center; padding: 16px 0; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; background-color: #fff; font-size: 1.4rem; font-weight: 400; cursor: pointer;} .cart_pop .add_bag .bag_tit::after {content: ''; width: 18px; height: 18px; margin-left: auto; background: url('../img/icon_add_18.svg') no-repeat 50% 50% / cover;} .cart_pop .add_bag .add_bag_wrap {position: static; width: 100%; bottom: 100%; left: 0; z-index: 2;} .cart_pop .add_bag .add_bag_wrap .cart_list {display: none;} .cart_pop .add_bag.active .bag_tit::after {background: url('../img/icon_minus_18.svg') no-repeat 50% 50% / cover; } .cart_pop .add_bag.active .add_bag_wrap {position: absolute;} .cart_pop .cart_btm .price_list {padding: 32px 0;} .cart_pop .cart_btm .price_list > li {display : flex; align-items: center; justify-content: space-between;} .cart_pop .cart_btm .price_list > li + li {margin-top: 10px;} .cart_pop .cart_btm .price_list > li b {font-size: 1.4rem; color: #929292; font-weight: 500; line-height: 1.3;} .cart_pop .cart_btm .price_list > li span {font-size: 1.4rem; font-weight: 500; line-height: 1.3;} .cart_pop .cart_btm .price_list > li.total b {color: #000; font-size: 1.4rem; font-weight: 500;} .cart_pop .cart_btm .price_list > li.total span {font-size: 1.8rem;} .delivery_pop_cont .delivery_set > li .ab{margin-top: 0; color: #000;} .delivery_pop_cont .delivery_set > li .numb{font-weight: 500;} .delivery_pop_cont .delivery_set > li .addr1, .delivery_pop_cont .delivery_set > li .addr2{margin-bottom: 5px;} .delivery_edit_pop .btn_wine, .delivery_pop .btn_wine{width: 100%; border: none; color: #fff; position: relative; text-align: center; transition: all 0.2s; font-size: 1.3rem; font-weight: 300;background: #2F0B0A; height: 45px; line-height: 45px; border-radius: 5px;} .delivery_pop .btn_wine{background: #000;} /* 메뉴 */ .menu_pop .menu_pop_cont {padding-left: 0 !important; padding-right: 0 !important; background: #fff !important; } .menu_pop .menu_pop_cont .menu_top, .menu_pop .menu_pop_cont .mid_menu_list{background: #fff;} .menu_pop .menu_top .close {margin-right: 20px;} .mid_menu_list {padding: 0 1.6rem; background: #FCF7F1;} .mid_menu_list > li {border-bottom: 1px solid #EDEDED;} .mid_menu_list > li.otherLi .libox{display: flex; padding: 20px; font-size: 1.6rem; font-weight: 600; line-height: 1.3; align-items: center; justify-content: space-between;} .mid_menu_list > li.otherLi span{transition:all .3s} .mid_menu_list > li.active .otherLi span{rotate:180deg} .mid_menu_list > li .re-minus{display:none} .mid_menu_list > li.active span.re{display:none} .mid_menu_list > li.active span.re-minus{display:block} .mid_menu_list .mo_submenu{} .mid_menu_list .mo_submenu > li+li{padding-top: 10px;} .mid_menu_list .mo_submenu > li > a{width: 100%; display: block; line-height: 1.5; font-weight: 300; padding: 0 20px; font-size:15px} .mid_menu_list > li a {display: flex;padding: 2rem 0; font-size: 1.4rem; font-weight: 500; line-height: 1.2;} .mid_menu_list > li .sbj{color: #929292; margin-left: 1rem; font-size: 1.4rem; font-weight: 500; line-height: 1.1; font-family: 'RixSinGoSePro';} .mid_menu_list > li .txt{width: 100%;display: flex;align-items: center; font-weight:500} .mid_menu_list .mo_submenu{display:none; margin-left: -20px; padding: 0px 0 10px 20px;} .libox2{padding: 20px;display: flex;align-items: center;justify-content: space-between;font-size: 1.6rem;font-weight: 600;line-height: 1.3;} .mid_menu_list .mo_submenu2{width: 100%;margin-left: 0;padding: 0;} .mid_menu_list .mo_submenu2 > li > a{background: #F7F7F7;height: 70px;display: flex;align-items: center;justify-content: space-between;padding: 20px;} .mid_menu_list .mo_submenu2 > li+li{padding: 0;} .mid_menu_list .mo_submenu2 > li > a img{rotate:0deg} .mid_menu_list .mo_submenu2 > li{border-bottom:1px solid #e6e6e6} .mid_menu_list .mo_submenu2 > li:last-child{border:none;} .menu_pop_cont .btm_menu_list {margin-top: auto; padding: 0 16px; position: absolute; bottom: 70px; left: 0; width: 100%; } .btm_menu_list > li + li {margin-top: 20px;} .btm_menu_list > li > .ab, .btm_menu_list > li > a {font-size: 1.4rem; font-weight: 400; line-height: 1.3; color:#000; cursor: pointer;} .btm_menu_list > li > select.ab::-ms-expand { display: none;} .btm_menu_list > li > select.ab {-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .mid_menu_list > li > select.ab::-ms-expand { display: none;} @media (max-width: 800px) { .cart_top, .delivery_top, .delivery_edit_top{padding: 15px 0;} .common_pop .common_pop_cont {right: -100%; width: 100%;} .common_pop .btm_menu_list{padding: 30px 16px; bottom: 0;} .common_pop .btm_menu_list a{font-weight: 500;} .cart_pop_cont .info{font-size: 1rem; padding: 1.7rem 0.7rem;} .cart_pop_cont .info i{font-size: 1.4rem; } .cart_pop_cont .cart_list > li .box .cont .dt_carve p, .cart_pop_cont .cart_list > li .box .cont .dt_carve button{font-size: 1.2rem;} .present_txt{font-size: 1.2rem;} .cart_pop .cart_btm {padding-bottom: 20px;} } @media(max-width:650px){ .common_pop.open{transform: translateX(0);} .common_pop{transform: translateX(100%);height: calc(var(--vh, 1vh) * 100);} .common_pop .common_pop_bg,.cart_pop_bg,.menu_pop_bg,.common_pop_bg {background:none !important;} .common_pop.open .common_pop_bg{background:none !important;} .common_pop .common_pop_cont,.common_pop .common_pop_cont.open{right: none !important;right: unset !important; transition: .3s; padding: 0 0.9rem; box-sizing: border-box; width: 100%; overflow-x: hidden; } .common_pop .cart_mid{margin-top: 0; padding-bottom: 10px;} .cart_pop .cart_list .box{padding: 1rem 1.7rem;} .cart_pop_cont .cart_list > li .box .cont .tit, .cart_pop_cont .cart_list > li .box .cont .desc, .cart_pop_cont .cart_list > li .box .cont .price, .cart_list > li .box .cont .ea_box span{font-size: 1.2rem;} .cart_pop_cont .cart_list > li .box .cont .dt_carve{margin-top: 1.5rem;} .cart_pop_cont .cart_list > li .box .cont .price{margin-top: 0.9rem;} .cart_list > li .box .cont .ea_box{margin-top: 0.6rem; height: auto;} } /* 서브 */ #sub_div { background: #FCF7F1; min-height: 1000px; margin-top: 3.2rem;} .sub_common_title {padding:25px 0 25px 30px; font-size: 1.8rem; font-weight: 300; line-height: 1.3; color:#9EA1A3; display: flex; align-items: center; gap: 0 1rem;} .sub_common_title .en{color: #000; font-size: 2.2rem; font-family: 'AstoriaSansRoman';} /*.sub_common_title span{font-size: 1.8rem; color:#929292; font-weight: 400; line-height: 1.2; margin-left: 10px;}*/ .mypage_page_wrap {padding-top: 68px; padding-bottom: 120px; min-height: 680px;} .common_page_wrap {padding-bottom: 120px;} .sub_inner{width: 90%; max-width: 1400px; margin: 0 auto;} #login_page .btn_black.line{background: #FCF7F1;} /* 상품리스트 */ #product_list_page {margin-bottom: 174px;} #product_list_page.medi .product_category{padding-top: 3.3rem;} #product_list_page.medi .product_category .tab{padding-top: 3.3rem;} #product_list_page .product_category.on{position: sticky; top: 76px; left: 0; width: 100%; z-index: 55;} #product_list_page .product_category > .inner_2 {display: flex; align-items: center; padding: 0; flex-wrap: wrap;} #product_list_page .product_category .sub_common_title{padding: 0; width: 100%; justify-content: center; flex-wrap: wrap; text-align: center; color: #1a1a1a; } #product_list_page .product_category .sub_common_title .en{font-size: 2.4rem; font-weight: 500;} #product_list_page .product_category .sub_common_title p{width: 100%; font-size: 1.4rem; margin-top: 1.5rem;} #product_list_page .product_category .tab{width: 100%; padding: 6.4rem 0 0 0; display: flex; justify-content: center;} #product_list_page .product_category .tab li{padding: 0 2rem; color: #808080; font-size: 1.6rem; font-weight: 500; position: relative;} /*#product_list_page .product_category .tab li:nth-child(2)::before{content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 60%; background: #808080; left: 0;}*/ #product_list_page .product_category .tab li::after{content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 60%; background: #808080; right: 0;} #product_list_page .product_category .tab li:nth-child(4)::after{content: none;} #product_list_page .product_category .tab li a{ color: #808080;} #product_list_page .product_category .tab li.active a{font-weight: 700; color: #000;} /*#product_list_page .product_category .tab {display : flex; align-items: center; width: 100%; margin-top: 1rem; background: #FCF7F1; }*/ /*!*#product_list_page .product_category .tab.on{position:fixed; left:0; top:0; z-index: 88; margin-top: 0; padding: 1rem 1.6rem;transform: translate3d(0, 0, 0);transition: transform .3s ease-out; transition-delay: 5ms;}*!*/ /*#product_list_page .product_category .tab > li + li {margin-left: 8px;}*/ /*#product_list_page .product_category .tab > li > a {display: block;font-weight: 300; border-radius: 120px; color: #929292; font-size: 1.3rem; padding: 0 20px; height: 37px; line-height: 37px;}*/ /*#product_list_page .product_category .tab > li.active > a {background-color: #2F0B0A; color: #fff;}*/ #product_list_page .product_wrap {padding: 0 20px; margin-top:2.4rem;} #product_list_page .product_list li{position: relative;} #product_list_page .product_list li .list_cart_btn{position: absolute; top:30px; right: 30px; width: 38px; height: 38px; z-index: 1;} #product_list_page .product_list li .list_cart_btn button{background: url("../img/list_cart_icon.svg") no-repeat center; background-size: contain; width: 100%; height: 100%; border: none;} #product_list_page .product_list .price{font-family: 'AstoriaSansRoman'; font-size: 1.6rem; font-weight: 400;line-height: 1.3;text-align: left;} .product_list {display : flex; width: 100%; flex-wrap: wrap; gap: 6rem 0.5%; } .product_list > li {width: 33%;} .product_list > li.col1 {width: 100%;} .product_list > li.col2 {width: 50%;} .product_list > li.col3 {width: 33.3333%;} .product_list > li.col4 {width: 25%;} .product_list > li.col5 {width: 20%;} .item_box {width: 100%;} .item_box .thum {position: relative; width: 100%; height: 0; padding-top: 100%;} .item_box .thum > a {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; overflow: hidden;} .item_box .thum img {width: 100%; height: 100%; object-fit: cover; scale: 1.1;} .item_box .cont {padding: 1.6rem; text-align: center;} .item_box .cont .tit {margin-bottom: 0.8rem; font-size: 1.6rem; font-weight: 500; line-height: 1.15; text-align: left;} .item_box .cont .desc {margin-bottom: 13px; font-size: 1.4rem; color: #808080; font-weight: 400; line-height: 1.3; text-align:left;} .item_box .cont .tag {display : flex; flex-wrap: wrap; justify-content: flex-start; color: #808080; font-weight: 500; font-size: 1.4rem; margin-bottom: 0.4rem; line-height: 1.3;} .item_box .cont .tag > span {display : flex; align-items: center;} .item_box .cont .tag > span + span::before {content: ''; width: 1px; height: 12px; margin: 0 6px; background-color: #d9d9d9;} #product_list_page .list_thum{position: relative; overflow: hidden;} #product_list_page .list_thum ul{} #product_list_page .swiper-slide a{ display: block; max-width: 827px; overflow: hidden; height: 90%; max-height: 1004px;aspect-ratio: 632 / 632;} #product_list_page .list_thum img{width: 100%; height: 100%; object-fit: cover;} #product_list_page .list_thum .swiper-button-next, #product_list_page .list_thum .swiper-button-prev{background-image: none; width: 35px; height: 35px; } #product_list_page .list_thum .swiper-button-next{right: 30px;} #product_list_page .list_thum .swiper-button-prev{left: 30px;} #product_list_page .list_thum .swiper-button-next::after{content: ''; display: block; width: 38px; height: 38px; background: url("../img/list_next_arrow.svg") no-repeat center; background-size: contain; opacity: 0;} #product_list_page .list_thum .swiper-button-prev::after{content: ''; display: block; width: 38px; height: 38px; background: url("../img/list_prev_arrow.svg") no-repeat center; background-size: contain;opacity: 0;} #product_list_page .list_thum:hover .swiper-button-next::after, #product_list_page .list_thum:hover .swiper-button-prev::after{opacity: 1; transition: .3s;} #product_list_page .list_thum .swiper-pagination{position: absolute; bottom:1rem; z-index: 1;display: flex; justify-content: center; width: 100%; gap: 0 5px;} #product_list_page .list_thum .swiper-pagination-bullet-active{background: #000;} /*.product_list_row {border-top: 1px solid #f4f4f4;}*/ .product_list_row > li {padding: 20px 0;} .order_step4_finish .product_list_row > li{border-bottom: 1px solid #F1F1F1;} .order_step4_finish .product_list_row > li:last-child{border-bottom: none;} .product_list_row > li .box {display : flex; align-items: center;} .product_list_row > li .box .thum {min-width: 120px;width: 120px; height: 120px; margin-right: 20px;} .product_list_row > li .box .thum a{display: block;max-width: 270px;overflow: hidden;max-height: 270px;aspect-ratio: 270 / 270;} .product_list_row > li .box .thum img {width: 100%; height: 100%; object-fit: cover; scale: 1.1} .product_list_row > li .box .cont .tit {margin-bottom: 5px; font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .product_list_row > li .box .cont .price {margin-bottom: 18px; font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .product_list_row > li .box .cont .stt {font-size: 1.4rem; font-weight: 600; line-height: 1.3;} #product_order_page .order_step4_finish .order_info01{margin-bottom: 0;} .order_sum .product_list_row > li{border-bottom: none;} .order_step4_finish .finish_info{padding-top: 1rem;font-size: 1.3rem;color: #000;line-height: 1.2; } .order_result .order_step4_finish {border: 1px solid #f1f1f1; padding: 5rem; display: flex; flex-wrap: wrap;} @media (max-width: 800px) { .order_result .order_step4_finish{padding: 0 !important; border: none !important;} } @media (max-width: 800px) { #sub_div{margin-top: 0; min-height: 500px;} .sub_inner{width: 100%; padding-left: 16px; padding-right: 16px;} .sub_common_title {font-size: 1.4rem; padding: 1.6rem; font-weight: 500; line-height: 0} .sub_common_title .en{ line-height: 1;padding-top: 1px;} .sub_common_title .ab {line-height: 1; display: inline !important; vertical-align: text-top;} .sub_common_title .ab img {height: 19px;} .mypage_page_wrap {padding-top: 32px; padding-bottom: 32px;} .common_page_wrap {padding-bottom: 32px;} #product_list_page {margin-bottom: 32px;} #product_list_page .product_category{padding-top: 4rem;} #product_list_page .product_category .sub_common_title .en{font-size: 1.8rem; margin-top: 0;} #product_list_page .product_category .sub_common_title p{line-height: 1.5; font-size: 1.2rem; margin-top: 1.9rem;} #product_list_page .product_category .tab{padding: 4rem 0 0 0;} #product_list_page .product_category .tab li{font-size: 1.2rem; padding: 0 1.2rem;} #product_list_page .product_wrap{padding: 0 4px; margin-top: 2.8rem;} #product_list_page .list_thum .mo_only{position: absolute;bottom:0; width: 100%; height: 15px; z-index: 1;} .product_list {gap: 2.8rem 1%;} .product_list > li {width: 49.5%;} .item_box .cont {padding: 1rem;} .item_box .cont .tit {margin-bottom: 0.65rem; font-size: 1.2rem; font-weight: 500; line-height: 1.4;} .item_box .cont .desc {margin-bottom: 0.5rem; font-size: 1rem; font-weight: 400;} #product_list_page.medi .product_category .sub_common_title{padding: 0 1.6rem;} .item_box .cont .tag {font-size: 1rem; margin-bottom: 0.3rem;} .item_box .cont .tag > span {display : flex; align-items: center;} .item_box .cont .tag > span + span::before {height: 10px;} #product_list_page .product_list .price{font-size: 1.1rem; margin-top: 0.55rem;} #product_list_page .list_thum .swiper-pagination{gap: 0 8px;} #product_list_page .list_thum .swiper-pagination-bullet{width: 5px; height: 5px;} #rolldate-month li{font-size: 0;} #rolldate-month li::before{font-size: 1.8rem;display: block;} #rolldate-month li[data-index="0"]::before {content: 'January';} #rolldate-month li[data-index="1"]::before {content: 'February';} #rolldate-month li[data-index="2"]::before {content: 'March';} #rolldate-month li[data-index="3"]::before {content: 'April';} #rolldate-month li[data-index="4"]::before {content: 'May';} #rolldate-month li[data-index="5"]::before {content: 'June';} #rolldate-month li[data-index="6"]::before {content: 'July';} #rolldate-month li[data-index="7"]::before {content: 'August';} #rolldate-month li[data-index="8"]::before {content: 'September';} #rolldate-month li[data-index="9"]::before {content: 'September';} #rolldate-month li[data-index="10"]::before {content: 'November';} #rolldate-month li[data-index="11"]::before {content: 'December';} } /* 상품상세 */ #product_detail_page {display : flex; margin-bottom: 6rem;} #product_detail_page .thum_area_wrap {width: 65%; max-width: 1400px; margin-left: 50px; position: relative;} #product_detail_page .thum_area_wrap .thum_area{box-sizing: border-box; display: flex; align-items: flex-start;} #product_detail_page .thum_area_wrap .thum_area img{width: 100%; height: 100%; object-fit: cover;} #product_detail_page .thum_area_wrap .thum_area .detail_thum1{width:20%; max-width: 200px; height: 640px; overflow: hidden; margin-right: 50px;} #product_detail_page .thum_area_wrap .thum_area .detail_thum1 .swiper-slide-thumb-active{border:1px solid #000; box-sizing: border-box;} #product_detail_page .thum_area_wrap .thum_area .detail_thum2{width: 72%; max-width: 952px; overflow: hidden;} #product_detail_page .thum_area_wrap .thum_area .detail_thum2 li{ max-width: 788px; max-height: 788px;overflow: hidden;height: 90%;aspect-ratio: 788 / 788;} #product_detail_page .thum_area_wrap .thum_area .detail_thum2 li.swiper-slide-next{opacity: 0 !important;} #product_detail_page .detail_area {width: 35%; position: relative; padding: 0; margin-bottom: 30px;} #product_detail_page.gift_dt .detail_area{margin-bottom: 2.4rem;} #product_detail_page .detail_area .ca_id4{margin-top: 1.3rem; position: relative;} #product_detail_page .detail_area .ca_id4 input{display: none;} #product_detail_page .detail_area .ca_id4 label{border:1px solid #e8e8e8; background: #fff; color: #949494; padding: 0 25px; font-weight: 400; font-size: 1.3rem; line-height: 35px; height: 35px; display: inline-block; border-radius: 120px; cursor: pointer;} #product_detail_page .detail_area .ca_id4 input[type="radio"]:checked + label{border-color: #2F0B0A; color: #2F0B0A; background-color: #fff;} #product_detail_page .detail_area .ca_id4 label.sixplus{position: relative; color: #000;} #product_detail_page .detail_area .ca_id4 label.sixplus::after{content: '+'; display: block; position: absolute; top: -0.6rem; right: 1.5rem; font-weight: bold; font-family: 'AstoriaSansRoman';} #product_detail_page .detail_area .ca_id4 label.sixplus i{font-style: normal;} #product_detail_page .present_wrap{position: relative;} #product_detail_page .present_wrap .txt{margin: 1.5rem 0 1.2rem 0; font-weight:300; color: #000; line-height: 2.4rem; font-size: 1.3rem; padding: 0.5rem 1.5rem;} #product_detail_page .present_wrap .txt b{font-size:1.4rem;font-weight:400;} .present_pop{display: none; opacity: 0; z-index: 5; box-shadow: 0 0 13px rgba(0, 0, 0, .25); transition: .5s; width:25rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,255,247,.9); border-radius: 0.8rem; font-size: 1.2rem; color: #151515; line-height: 1.5; padding:2.2rem 0; text-align: center; } .present_pop.on{display: block; opacity: 1; } #product_detail_page .present_wrap .present_list{display: flex;} #product_detail_page .present_wrap .present_list .present_swiper{width: 50%; overflow: hidden; position: relative;} #product_detail_page .present_wrap .present_list .present_swiper .swiper-slide{aspect-ratio:172 / 138; box-sizing: border-box; width: 100%;} #product_detail_page .present_wrap .present_list .present_swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;} #product_detail_page .present_wrap .present_list .present_swiper .swiper-pagination{bottom: 0;} #product_detail_page .present_wrap .present_list .present_swiper .swiper-pagination-bullet-active{background: #2F0B0A;} #product_detail_page .present_wrap .present_list ul{display: flex; flex-wrap: wrap; border: 1px solid #B5B5B5; width:50%;} #product_detail_page .present_wrap .present_list ul li{width:100%; text-align: center; } #product_detail_page .present_wrap .present_list ul li label{display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;} #product_detail_page .present_wrap .present_list ul li + li{border-top: 1px solid #b5b5b5;} #product_detail_page .present_wrap .present_list ul li input[type="radio"]:checked + .img{border: 2px solid #2F0B0A; } #product_detail_page .present_wrap .present_list ul li p{font-size: 1.2rem;} #product_detail_page .present_wrap .present_list ul li label.checked {background: #EBEBEB;} .thum_area .dot_list {position: fixed; left: 16px; top: 50%; z-index: 2; transform: translateY(-50%);} .thum_area .dot_list > li {width: 8px; height: 8px; background-color: #B3B3B3; border-radius: 30px; transition: all 0.2s; cursor: pointer;} .thum_area .dot_list > li.active {background-color: #1a1a1a;} .thum_area .dot_list > li + li {margin-top: 12px;} .thum_area .thum_list > li + li {margin-top: 4px;} .thum_area .thum_list > li img {width: 100%; height:100%} .detail_area {display : flex; align-items: flex-start; padding: 80px 0 80px 160px;} .detail_area form{width: 80%; max-width: 600px;} .detail_area .detail_area_df {width: 100%; max-width: 600px; /* position: sticky; top: 154px; */} .detail_area .dt_name {margin-bottom: 10px; font-size: 1.6rem; font-weight: 500; line-height: 1.15; } .detail_area .dt_txt {margin-bottom: 36px;font-size: 16px;font-weight: 500; line-height: 1.5; } .detail_area .dt_price {margin-bottom: 1.3rem; font-family: 'AstoriaSansRoman'; font-size: 1.4rem; font-weight: 400; line-height: 1.2;} .detail_area .dt_price span{font-weight: 500;} /*.detail_area .dt_cont_box {margin-bottom: 40px;}*/ .detail_area .dt_cont {} .detail_area .dt_cont > li + li {margin-top: 1.3rem;} .detail_area .dt_cont > li .tit, #product_detail_page .detail_area .ca_id4 .tit{display: flex;align-items: center;gap:8px;margin-bottom: 10px; font-size: 1.4rem; font-weight: 400; line-height: 1.3; cursor: pointer;} /*#product_detail_page .detail_area .ca_id4 .box{display: none;}*/ #product_detail_page .detail_area .ca_id4 .box.on{display: block;} .detail_area_df .dt_cont_box .ca_id4 .tit{border-bottom: 1px solid #EAE2E2; padding-bottom: 1.3rem; display: flex; align-content: center; justify-content: space-between; } .detail_area_df .dt_cont_box .ca_id4 .tit::after{content: '';width: 2rem;height: 2rem;margin-left: auto;background: url(../img/faq_add.svg) no-repeat center;background-size: contain;} .detail_area_df .dt_cont_box .ca_id4 .tit.on::after{background: url('../img/detail_minus.svg') no-repeat center;background-size: contain;} .detail_area .dt_cont > li .tit{gap:0;} .detail_area .dt_cont > li .tit > span{color: #D3D3D3;} .detail_area .dt_cont > li .desc {font-size: 1.4rem; font-weight: 500; color: #666; line-height: 1.7;} .detail_area .dt_btn {display : flex; margin-bottom: 40px; width: 100%;padding-top:2rem; border-top:1px solid #EAE2E2; } .detail_area .dt_btn > li {flex:1;} .detail_area .dt_btn > li + li {margin-left: 8px;} .detail_area .dt_qna_box {width: 100%;} /*.detail_area .dt_qna_box .dt_qna {border-top: 1px solid #f4f4f4;}*/ .detail_area .dt_qna_box .dt_qna > li {border-bottom: 1px solid #EAE2E2;} .detail_area .dt_qna_box .dt_qna > li + li {} .detail_area .dt_qna_box .dt_qna > li .dt_q {display : flex; align-items: center; padding: 12px 0; font-size: 1.5rem; font-weight: 500; line-height: 1.3; cursor: pointer;} .detail_area .dt_qna_box .dt_qna > li .dt_q.active{font-weight: 700;} .detail_area .dt_qna_box .dt_qna > li .dt_q::after {content: ''; width: 2rem; height: 2rem; margin-left: auto; background: url('../img/faq_add.svg') no-repeat center; background-size: contain } .detail_area .dt_qna_box .dt_qna > li .dt_q.active::after {background: url('../img/detail_minus.svg') no-repeat center; background-size: contain; } .detail_area .dt_qna_box .dt_qna > li.pd_rnd .dt_q.active{padding-bottom: 24px;} .detail_area .dt_qna_box .dt_qna > li .dt_a {display: none; padding-bottom: 20px;} .detail_area .dt_qna_box .dt_qna > li .dt_a .dt_thum {display : flex; gap:8px} .detail_area .dt_qna_box .dt_qna > li .dt_a .dt_thum img {display: block; width: 100%; height: 100%; object-fit: cover;} .detail_area .dt_qna_box .dt_qna > li .dt_a .dt_thum .dt_thum_first {width: 74.375%;} .detail_area .dt_qna_box .dt_qna > li .dt_a .dt_thum .dt_thum_list {display: flex; flex-wrap: wrap; } .detail_area .dt_qna_box .dt_qna > li .dt_a .dt_thum .dt_thum_list li{width: 50%;} .detail_area .dt_qna_box .dt_qna > li .dt_a .dt_thum .dt_thum_list li:nth-child(n+5){display: none;} .detail_area .dt_qna_box .dt_qna > li .dt_a .dt_more {display: inline-block; margin-bottom: 12px; color: #808080; font-size: 1.4rem; font-weight: 400; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;} .detail_area .dt_qna_box .dt_qna > li .dt_a .dt_desc {font-family: "RixSinGoSePro" !important; font-size: 1.4rem; font-weight: 400; line-height: 1.7; word-break: keep-all; background-color: transparent !important;} .detail_area .dt_qna_box .dt_qna > li .dt_a .dt_desc b {font-weight: 700;} .detail_area .dt_qna_box .dt_qna > li .dt_a .dt_desc + .dt_desc {margin-top: 32px;} .detail_area .dt_qna_box .dt_qna > li .dt_a span{font-family:"RixSinGoSePro" !important; } .detail_area .dt_info{padding: 10px 0; color: #000; font-weight: 300; font-size: 1.3rem; line-height: 1.8rem; margin-top: 10px;} .detail_area .dt_btn {} .detail_area .dt_btn .btn_black.line{background: #000; color: #fff; font-weight: 500; font-size: 1.3rem; border-radius: 0; border-radius: 5px;} .detail_area .dt_btn .btn_black.line:hover{opacity: 1;} .dt_price_tit{font-size: 18px;font-weight: 600;margin-bottom: 12px;} .detail_area .dt_price.dt_price2{font-size: 16px;} .dt_item{margin:36px 0;display: flex;gap:0 2.6rem;} .dt_item > li{width: 100%;max-width: 114px;display: flex;flex-direction: column;gap:12px;} .dt_item2 > li{max-width: 236px;} .dt_item > li.addbx{width: 100%;max-width: 114px;display: flex;align-items: start;justify-content: start;} .dt_item > li.addbx > img{width: 100%;} .dt_item > li .imgbx{position: relative;aspect-ratio:1;} .dt_item > li .imgbx > img{width: 100%;height:100%;object-fit:cover;} .dt_item > li .imgbx > button{border:none;background:none;position: absolute;right: 0.5rem;top:0px} /*.dt_item > li .imgbx > button > img{transform:rotate(45deg)}*/ .dt_item .tit{font-size: 12px;font-weight: 500;color: #1A1A1A;} .product_dottom{padding: 40px 60px;display: flex;align-items: center;justify-content: center;} .list-grp{width: 100%;display: flex;gap:30px; justify-content: center;} .list-grp > li {width: 100%;max-width: 270px;display: flex;flex-direction: column;gap:12px;} .list-grp > li .imgbx{position: relative;aspect-ratio:1;} #product_detail_page.gift_dt .detail_area .list-grp > li .imgbx{max-width: 270px;overflow: hidden;max-height: 270px;aspect-ratio: 270 / 270;} .list-grp > li .imgbx img{width: 100%;height:100%;object-fit:cover;} .list-grp > li .imgbx button{position: absolute;border:none;background: none;right: 1rem;top:0.5rem;} .list-grp > li .tit{line-height: 100%;margin-bottom: 4px;font-size: 12px;font-weight: 500;color: #1A1A1A;} .list-grp > li .txt{color: #808080;font-size: 10px;font-weight: 400;} .procut_dtbx img{width: 100%;} /*추가팝업*/ .popbg{width:100%; height: 100%;background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0; display:none;z-index:100} .popcon{background :#fff;position:fixed; z-index:100; left: 50%; top: 50%; transform: translate(-50%, -50%);; display:none; padding: 50px 30px 30px 30px; border-radius: 5px;} .popcon .closebox{text-align: right;position: absolute; top: 10px; right: 15px;} .popcon .closebox .icons{color: #1a1a1a; cursor:pointer} .scrollLock { overflow: hidden; touch-action: none;} .popcon .popconTxt{text-align: center; font-size: 15px; font-weight: 600; margin-bottom: 30px;} .popcon .popSelbox{display: flex; justify-content: center; gap: 10px;} .popcon .popSelbox button{font-size: 15px; border-radius: 5px; border: 1px solid #1a1a1a; background: none; width: 150px; padding: 10px 0; color:#1a1a1a} .popcon .popSelbox button.popY{} .popcon .popSelbox button.popN{background:#1a1a1a; color:#fff} /*기프트 가이드 */ .gift_dt{width: 100%; padding: 0 2rem; box-sizing: border-box;} .gift_dt .detail_area .detail_area_df{width: auto; max-width: unset;} #product_detail_page{width: 100%; max-width: 1600px; margin: 0 auto; margin-bottom: 5rem; overflow-x: hidden;} #product_detail_page .thum_area_wrap{width: 60%; margin-left: 0; max-width: unset; } #product_detail_page .thum_area_wrap .thum_area{gap: 0 2.7rem;} #product_detail_page .thum_area_wrap .thum_area .detail_thum1{max-width: 144px; margin-right: 0; height: auto;} #product_detail_page .thum_area_wrap .thum_area .detail_thum1 .swiper-wrapper{transform: translate3d(0, 0, 0) ;} #product_detail_page .thum_area_wrap .thum_area .detail_thum1 .swiper-slide{height: auto !important;} #product_detail_page .thum_area_wrap .thum_area .detail_thum1 .swiper-slide img{width: 100%; aspect-ratio: 1;} #product_detail_page .thum_area_wrap .thum_area .detail_thum2{max-width: unset; width: 80%; position: relative;} #product_detail_page .thum_area_wrap .thum_area .detail_thum2 li{max-width: 749px; max-height: 803px; aspect-ratio: 749 / 803;} /* #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum2 .swiper-button-next{background-image: url(../img/next_arrow.png);width: 4rem;background-size: 30%;height: 4rem;right: 3.9rem;} #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum2 .swiper-button-prev{background-image: url(../img/prev_arrow.png);width: 4rem;background-size: 30%;height: 4rem;left: 3.9rem;} */ #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum2 .swiper-button-next { width: 2rem; height: 2rem; right: 3.9rem; background: transparent; border: solid rgb(255, 255, 255); border-width: 0 3px 3px 0; display: inline-block; padding: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum2 .swiper-button-next::after { display: none; /* 기본 화살표 숨기기 */ } #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum2 .swiper-button-prev { width: 2rem; height: 2rem; left: 3.9rem; background: transparent; border: solid rgb(255, 255, 255); border-width: 0 3px 3px 0; display: inline-block; padding: 5px; transform: rotate(135deg); -webkit-transform: rotate(135deg); cursor: pointer; } #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum2 .swiper-button-prev::after { display: none; /* 기본 화살표 숨기기 */ } #product_detail_page .detail_area{width: 40%;} #product_detail_page .detail_area form{width: 100%; max-width: unset; box-sizing: border-box;padding: 8rem 7.65rem;} #product_detail_page.gift_dt .detail_area .dt_name{font-size: 2.4rem; font-weight: 600; margin-bottom: 0.8rem;} #product_detail_page.gift_dt .detail_area .dt_txt{color:#797979; font-size: 1.4rem; font-weight: 600; margin-bottom: 3.6rem;} #product_detail_page.gift_dt .detail_area .dt_cont > li .tit{font-size: 1.8rem; gap: 0 1.6rem; color:#969696; font-weight: 600; margin-bottom: 1.2rem;} #product_detail_page.gift_dt .detail_area .dt_cont > li .tit{font-size: 1.8rem; gap: 0 1.6rem; color:#969696; font-weight: 600; margin-bottom: 1.2rem;} #product_detail_page.gift_dt .detail_area .dt_cont > li .desc{font-size: 1.4rem; color: #969696; line-height: 1.6;} #product_detail_page.gift_dt .detail_area .dt_price.dt_price2{margin-bottom: 1.2rem;} .gift_dt .detail_area .dt_carve{width: 100%; display: flex; align-items: center; justify-content: space-between;} .gift_dt .detail_area .dt_carve p{margin-top: 1.2rem; font-size: 1.2rem; color: #969696;} .gift_dt .detail_area .dt_carve_box{ margin-top: 3.1rem; padding-top: 1.6rem; border-top: 1px solid #A3A3A3;} .gift_dt .detail_area .carve_btn{ background: #FCF7F1; color: #000; cursor: pointer; width: 100%;} .gift_dt .detail_area .carve_btn .carve_p1{font-size: 1.4rem;color: #000; display: flex; align-items: center; padding-top: 0;margin: 0;} .gift_dt .detail_area .carve_btn .carve_p1::before{content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; background: url("../img/gift/carve_icon.png") no-repeat center; background-size: contain; margin-right: 0.8rem;} .gift_dt .detail_area .carve_btn .carve_p1 span{font-size: 1.2rem; margin-left: auto; color: #969696;} .gift_dt .detail_area .carve_btn .carve_p1 span::after{content: ''; display: inline-block; width: 0.4rem; height: 0.8rem; background: url("../img/gift/arrow-gray.png")no-repeat center; background-size: contain; margin-left: 0.64rem; } .gift_dt .detail_area .carve_btn .carve_p2{color: #000; font-size: 1.3rem; margin-top: 0; margin-left: 2.4rem;} /*.gift_dt .detail_area .carve_btn .carve_ico{display: inline-block; width: 9px; height: 12px; background: url("../img/gift/carve_icon.png") no-repeat center; background-size: contain; margin-right: 1rem;}*/ /*.gift_dt .detail_area .carve_btn.on{justify-content: flex-start;}*/ /*.gift_dt .detail_area .carve_btn span{color: #595959;}*/ .dt_carve_box{position: relative;} .dt_carve_box .edit{font-style: normal; cursor: pointer; color: #808080; font-size: 1.3rem; margin-left: auto;/* position: absolute; top: 1rem; right: 2rem; */display: none; width: 4rem;} .dt_carve_box.on .edit{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .dt_carve_box.on .carve_btn{justify-content: flex-start;} /*.detail_area .carve_btn .edit::before{content: '편집'; font-style: normal; text-decoration: underline; color: #4A4A4A;}*/ .gift_dt .detail_area .dt_btn{padding-top: 4rem; border-top: none;} .gift_dt .detail_area .dt_btn button{background: #1A1A1A; border: none; font-weight: 400;} .gift_dt .detail_area .dt_btn button:hover{opacity: 1;} .gift_dtbx{width: 100%; height: 80rem; display: flex; align-items: center; background: #ededed; margin-top: 13.5rem; justify-content: center;} .gift_dtbx .img, .gift_dtbx .img img{width: 100%;} .gift_dtbx .left{width: 50%; height: 100%} .gift_dtbx .left img{width: 100%; height: 100%; object-fit: cover;} .gift_dtbx .right{width: 50%; display: flex; flex-wrap: wrap; justify-content: center; padding-left: 6rem;} .gift_dtbx .right .tit{ width: 100%;font-size: 1.6rem; font-weight: 400;} .gift_dtbx .right .tit b{display: block; margin-bottom: 1.3rem; font-weight: 700} .gift_dtbx .right ul{margin-top: 5rem; width: 100%;} .gift_dtbx .right ul li{font-size: 1.6rem; line-height: 1.6;} .gift_dtbx .right ul li + li{margin-top: 6rem;} .gift_dtbx .right ul li b{display: block; margin-bottom: 0.3rem;} .gift_dtbx .right ul li p + p{margin-top: 1.3rem;} .gift_desc{padding: 21.4rem 0; text-align: center;} .gift_desc p{color: #A6A6A6; font-size: 1.6rem; line-height: 1.5; } .gift_desc .btn_black{background: #F6F1EB; border-color: #A6A6A6; color: #A6A6A6; width: 19rem; margin: 2rem auto 0 auto; border-radius: 0; font-size: 1.6rem; height: 4.4rem; line-height: 4.4rem;} .gift_bottom{width: 100%; overflow: hidden; margin-bottom: 9.25rem; position: relative;} .gift_bottom img{width: 100%;} .gift_bottom .swiper-pagination{bottom: 2.4rem !important;} .gift_bottom .swiper-pagination-bullet{background: #fff; opacity: 1;} .gift_bottom .swiper-pagination-bullet-active{background: #2F0B0A;} .gift_carve{position: fixed; background:#FCF7F1;bottom: 0; z-index: 10; right:0; z-index: 999; display: none; max-width: 36rem; max-height: 72rem; height: 85%; overflow-y: auto;} .gift_carve.on{display: block;} .gift_carve .close_btn{position: absolute; z-index: 1; cursor: pointer; width: 1.5rem; height: 1.5rem; background: url("../img/close_btn.gif") no-repeat center; background-size: contain; top: 1.4rem; right: 1.4rem;} .gift_carve .box{} .gift_carve .box .img, .gift_carve .box .img img{width: 36rem; height: 36rem; object-fit: cover; position: relative;} .gift_carve .box .txt_box{padding: 0 2.1rem; box-sizing: border-box;} .gift_carve .box .tit{text-align: center; padding: 4.1rem 0 4.3rem 0;} .gift_carve .box .tit b{font-size: 1.6rem; font-weight: 500; color: #1a1a1a;} .gift_carve .box .tit p{font-size: 1.2rem; font-weight: 500; color: #969696; line-height: 1.4; margin-top: 0.5rem;} .gift_carve .box .txt{} .gift_carve .box .txt label{position: relative;} .gift_carve .box .txt input{width: 100%; border: none; border-bottom: 1px solid #4c4c4c; padding-bottom:0.8rem; color: #8F8F8F; font-size: 1.4rem; font-weight: 500;background:#FCF7F1; padding-right: 40px;} .gift_carve .box .txt span{position: absolute; top: 0; transform: translateY(-50%); right: 0; font-size: 1.2rem; color: #8f8f8f; font-weight: 500;} .gift_carve .box .txt span i{font-style: normal;} .gift_carve .box ul li{color:#8F8F8F; font-size: 1.2rem; line-height: 1.6; font-weight: 500; position: relative; padding-left: 2rem; } .gift_carve .box ul li::before{ content: '';display: inline-block;width: 4px;height: 4px;background: #8f8f8f;border-radius: 100%;position: absolute;top: 50%;transform: translateY(-50%); left: 1rem;} .gift_carve .box ul li.on::before{background: red;} .gift_carve .box ul{margin-top: 1.2rem;} .gift_carve .box .btn_black{height: 4.2rem; background: #A3A3A3; border-color: #e8e8e8; color: #fff; font-size: 1.6rem; font-weight: 400; margin-top: 6.2rem;} .gift_carve .box .btn_black.on{background: #000; color: #fff;} /*#gift_carve .box ul li::before{content: ''; display: block; position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 100%; background: #8F8F8F;}*/ @media (max-width: 1500px) { #product_detail_page .thum_area_wrap{ width: 55%; } #product_detail_page .thum_area_wrap .thum_area .detail_thum1{margin-right: 20px;} #product_detail_page .thum_area_wrap .thum_area .detail_thum1 .swiper-slide{height: auto !important;} #product_detail_page .thum_area_wrap .thum_area .detail_thum1 img{height: auto;} #product_detail_page .detail_area{width: 45%;} .detail_area .detail_area_df, .detail_area form{width:95%; } #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum1 .swiper-slide{height: auto !important;max-width: 198px;max-height: 205px;overflow: hidden;height: 90%;aspect-ratio: 198 / 205;} #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum1 img{width: 100%; height: 100%; object-fit: cover;} #product_detail_page .detail_area form{padding: 0 2rem;} /*.gift_dtbx .left{width: 40%; }*/ .gift_dtbx .right{padding-left: 3%;} /*.gift_dtbx .right .tit{font-size: 1.8rem;}*/ /*.gift_dtbx .right ul li{font-size: 1rem;}*/ .gift_carve{height: 100%;} } @media (max-width: 1080px) { .detail_area .dt_info{margin-top: 1.5rem; padding: 1.5rem;} } @media (max-width: 800px) { #product_detail_page {display : block; padding-top: 0; margin-bottom: 0;} #product_detail_page .thum_area {width: 100%;} #product_detail_page .detail_area {width: 100%; padding: 0 16px; margin-top: 16px; position: relative; margin-bottom: 50px;} .detail_area .detail_area_df, .detail_area form{max-width: 100%;} .detail_area .detail_area_df{display: flex; flex-wrap: wrap;} #product_detail_page .detail_area .dt_cont_box2{height: 400px; order: 1; width: 100%;} #product_detail_page .detail_area .dt_cont_box2 .dt_item{overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap; width: 100%;} #product_detail_page .detail_area .dt_cont_box2 .dt_item > li{min-width: 114px; cursor: pointer;} #product_detail_page.gift_dt .detail_area .dt_cont_box2 .dt_item li{width: 47%; max-width: unset;} #product_detail_page.gift_dt .detail_area .dt_cont_box2 .dt_item > li .imgbx{ max-width: 270px;overflow: hidden;max-height: 270px; aspect-ratio: 270 / 270;} #product_detail_page.gift_dt .detail_area .dt_cont_box2 .dt_item > li .imgbx > img{scale: 1.1;} #product_detail_page .detail_area .pr_dottom{position:absolute; top:350px; order: 2; padding: 0; width: 100%;} .product_dottom{padding: 0;} .product_dottom .list-grp > li{min-width: 114px;} .gift_dt .detail_area .detail_area_df .dt_cont_box{order: 3;} .gift_dt .detail_area .detail_area_df .dt_price_all{order:2;} #product_detail_page .present_wrap .txt{margin: 1.5rem 0 1.9rem 0; padding: 0;} #product_detail_page .detail_area .ca_id4 label.sixplus::after{right: 0.6rem;} #product_detail_page.gift_dt .detail_area .pr_dottom.on{display: block !important;} #product_detail_page.gift_dt .detail_area .pr_dottom{display: none !important;} #product_detail_page.gift_dt .detail_area .pr_dottom .list-grp{flex-wrap: wrap; justify-content: space-between; gap:0 12px; padding: 0 12px; } #product_detail_page.gift_dt .detail_area .pr_dottom .close_btn{border: none; width: 1.5rem; height: 1.5rem; background: url("../img/close_black.png") no-repeat center; background-size: contain;} #product_detail_page.gift_dt .product_dottom{margin-bottom: 10rem;} #product_detail_page.gift_dt .product_dottom .list-grp{height: 100%;} #product_detail_page.gift_dt .product_dottom .list-grp > li{margin-right: 0; max-width: 47%; box-sizing: border-box; transition: 0.2s; overflow: hidden;} #product_detail_page.gift_dt .product_dottom .list-grp > li .imgbx img{scale: 1.1;} #product_detail_page.gift_dt .product_dottom .list-grp > li.on .imgbx{border: 2px solid #808080;} #product_detail_page.gift_dt .product_dottom .list-grp > li .tbx{padding: 0 1.2rem 1.2rem; padding-left:0;} #product_detail_page.gift_dt .product_dottom .list-grp > li .plus-ico{display: none;} #product_detail_page.gift_dt .detail_area .pr_dottom .pr_top{padding: 2.2rem 1.5rem 1.5rem 1.5rem; height: 5.4rem; box-sizing: border-box; position: relative; display: flex; justify-content: space-between;} #product_detail_page.gift_dt .detail_area .pr_dottom .pr_top .btn_box{order: 2;} #product_detail_page.gift_dt .detail_area .pr_dottom .pr_top p{font-size: 1.4rem; line-height: 1.3; color: #1A1A1A; order: 1;} #product_detail_page.gift_dt .detail_area .pr_dottom .btn_box2{background: #FCF7F1; position: fixed; bottom: 0; left: 0; width: 100%; padding: 3rem 1.2rem;} #product_detail_page.gift_dt .detail_area .pr_dottom .btn_box2 .btn_black{background: #A3A3A3; border: none; font-weight: 400;} #product_detail_page.gift_dt .detail_area .pr_dottom .btn_box2 .btn_black.on{background: #000;} .detail_swp {overflow: hidden; position: relative;} .detail_swp .swiper-slide img {width: 100%; height: 100%;} .detail_swp .detail_pg {display : flex; justify-content: center; position: absolute; left: 0; bottom: 20px; z-index: 2;} .detail_swp .detail_pg > span {width: 8px; height: 8px; margin: 0; padding: 0; background-color: rgba(0,0,0,0.3); border-radius: 6px; opacity: 1; margin: 0 8px !important;} .detail_swp .detail_pg > span + span {margin-left: 8px;} .detail_swp .detail_pg > span.swiper-pagination-bullet-active {background-color: rgba(0,0,0,1);} /*#product_detail_page .detail_swp .swiper-button-next{background: none; width: 30px; height: 30px; opacity: 1;}*/ /*#product_detail_page .detail_swp .swiper-button-prev{background: none; width: 30px; height: 30px; opacity: 1;}*/ /*#product_detail_page .detail_swp .swiper-button-next::after{content: ''; display: block; width: 30px; height: 30px; background: url("../img/list_next_arrow.svg") no-repeat center; background-size: contain; }*/ /*#product_detail_page .detail_swp .swiper-button-prev::after{content: ''; display: block; width: 30px; height: 30px; background: url("../img/list_prev_arrow.svg") no-repeat center; background-size: contain; }*/ #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum1 .swiper-slide{aspect-ratio: 1;} .detail_area {padding: 32px 20px 50px;} .detail_area .detail_area_df, .detail_area form{width: 100%; position: static;} .detail_area .dt_name {font-size: 1.6rem; line-height: 1; font-weight: 500; margin-bottom: 5px; width: 100%;} .dt_item .tit, .list-grp > li .tit{white-space: normal; line-height: 1.2;} .gift_dt .detail_area .dt_txt{font-size: 1.2rem} .gift_dt .detail_area .dt_cont > li .desc{font-size: 1.2rem;} .detail_area .dt_price {margin-bottom: 1.3rem; font-size: 1.4rem; line-height: 2.2rem;} .detail_area .dt_cont_box {margin-bottom: 0; width: 100%;} .detail_area .dt_cont {} .detail_area .dt_cont > li .tit {margin-bottom: 1.4rem; font-size: 1.4rem;} .detail_area .dt_cont > li .tit2{margin-bottom: 0;} .detail_area .dt_cont > li .desc{line-height: 2.4rem;} .detail_area .dt_btn{padding-top: 1.3rem;} .detail_area .dt_btn > li {flex:1;} .detail_area .dt_btn > li + li {margin-left: 8px;} .detail_area .dt_qna_box {} .detail_area .dt_qna_box .dt_qna {border-top: none;} .detail_area .dt_qna_box .dt_qna > li + li {} .detail_area .dt_qna_box .dt_qna > li .dt_q {font-weight: 400;} .detail_area .dt_qna_box .dt_qna > li .dt_a {padding: 0; padding-bottom: 12px;} .detail_area .dt_qna_box .dt_qna > li .dt_a .dt_thum {display : block;} .detail_area .dt_qna_box .dt_qna > li .dt_a .dt_thum .dt_thum_first {width: 100%; margin-bottom: 8px;} .detail_area .dt_cont > li + li{margin-top: 2.6rem;} /*#product_detail_page .detail_area .ca_id4 .tit{margin-bottom: 0;padding-bottom: 2px;}*/ #product_detail_page .detail_area .ca_id4 .box{margin-top: 1.5rem; padding-bottom: 0;} #product_detail_page .detail_area .ca_id4 label{padding: 0 15px;} .detail_area .dt_info{margin-top: 0; padding: 1.1rem 0 1.1rem 0; padding-left: 0; word-break: keep-all; font-size: 1.2rem;} #product_detail_page.gift_dt .detail_swp .swiper-slide{max-width: 785px;max-height: 785px;overflow: hidden;height: 90%;aspect-ratio: 785 / 785;} #product_detail_page{padding: 0;} #product_detail_page .thum_area_wrap{width: 100%;} #product_detail_page .thum_area_wrap .thum_area{flex-wrap: wrap; width: 100%;} #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum1{order: 2; width: 100%; max-width: 100%; margin-top: 1.2rem; margin-left: 1.2rem; } #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum1 .swiper-wrapper{} #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum1 img{height: unset;} #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum2{order: 1; width: 100%; width: 100% !important;} #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum2 .swiper-button-next{right: 1.8rem} #product_detail_page.gift_dt .thum_area_wrap .thum_area .detail_thum2 .swiper-button-prev{left:1.8rem;} #product_detail_page .detail_area{width: 100%; padding: 0 1.6rem; margin-bottom: 0; margin-top: 3rem;} #product_detail_page .detail_area form{padding: 0;} #product_detail_page.gift_dt .detail_area .dt_name{font-size: 1.8rem; margin-bottom: 1.6rem; font-weight: 700;} #product_detail_page.gift_dt .detail_area .detail_area_df .dt_price_all, #product_detail_page.gift_dt .detail_area .detail_area_df .dt_cont_box, #product_detail_page.gift_dt .detail_area .dt_cont_box2{order: unset;} #product_detail_page.gift_dt .detail_area .dt_cont > li .tit{display: none;} #product_detail_page.gift_dt .detail_area .dt_price.dt_price2{margin-bottom: 0; line-height: 1.7;} #product_detail_page.gift_dt .detail_area .dt_txt{margin-bottom: 1.9rem; line-height: 1.7;} #product_detail_page.gift_dt .detail_area .dt_cont_box2{height: auto;margin-top: 3rem;} #product_detail_page.gift_dt .detail_area .dt_cont_box2 .dt_item{gap: 0 2rem; width: 100%; padding: 0 2.3rem; gap: 15px 12px; overflow: unset;flex-wrap: wrap; justify-content: space-between; margin-bottom: 0; } /*#product_detail_page.gift_dt .detail_area .dt_cont_box2 .dt_item > li{width: 50%; max-width: 50%; }*/ #product_detail_page.gift_dt .detail_area .pr_dottom{position: fixed; width: 100%; height: 100%; overflow-y: auto; top: 0; left: 0; background: #FCF7F1; z-index: 999;} #product_detail_page.gift_dt .detail_area .pr_dottom .list-grp{padding-bottom: 0;} .gift_dt .detail_area .dt_carve p{text-align: center; margin-top: 2.8rem;} .gift_dt .detail_area .carve_btn .carve_p1{font-size: 1.3rem; line-height: 1;} .gift_dt .detail_area .dt_btn{padding-top: 2.4rem; margin-bottom: 0;} .gift_dtbx{margin-top: 0; height: auto;} .gift_dtbx{flex-wrap: wrap; background:#FCF7F1;} .gift_dtbx .txt_box{width: 100%; padding: 2.9rem 0 6rem 0;} .gift_dtbx .txt_box ul{width: 20rem; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 1.8rem 0; color: #969696; font-size: 1.4rem; font-weight: 600;} .gift_dtbx .txt_box li{width: 50%; text-align: right; padding: 0 1.8rem; position: relative;} .gift_dtbx .txt_box li:nth-child(2n){text-align: left;} .gift_dtbx .txt_box li:nth-child(2n)::before{content: ''; display: block; width: 1px; height: 70%; background: #969696; position: absolute; top: 50%; transform: translateY(-50%); left: 0;} .gift_dtbx .left, .gift_dtbx .right{width: 100%;} .gift_dtbx .right{ padding:6rem 3rem; background: #ededed;} .gift_dtbx .right .tit{font-size:1.2rem; padding-right: 0;} .gift_dtbx .right .tit b{margin-bottom: 0.5rem;} .gift_dtbx .right ul li{font-size: 1.2rem;} .gift_dtbx .right ul, .gift_dtbx .right .tit {width: 100%;} .gift_dtbx .right ul, .gift_dtbx .right ul li + li{margin-top: 2.7rem;} .gift_desc{padding: 10.6rem 0;} .gift_desc .btn_black{margin-top: 6rem;} .gift_carve{ max-width: 100%; width: 100%; max-height: 100vh; padding-bottom: 8rem;} .gift_carve .close_btn{top:5%; right: 5%;} .gift_carve .box{width: 100%; bottom: unset; right: 0; } .gift_carve .box .txt_box{padding: 0 2rem;} .gift_carve .box .tit b{font-size: 1.6rem; line-height: 1.3;} .gift_carve .box .tit p{font-size: 1rem; line-height: 1;} .gift_carve .box .txt{margin: 0 0 6.2rem 0;} .gift_carve .box .txt input{font-size: 1.4rem; border-radius: 0;} .gift_carve .box .txt span{font-size: 1rem;} .gift_carve .box ul li{font-size: 1rem;} .gift_carve .box .btn_black{height: 4.2rem; margin-top: 5.9rem; } .gift_bottom{margin-bottom: 0;} .gift_dt .detail_area .carve_btn .carve_p2{font-size: 1.1rem; margin-top: 0.8rem; line-height: 1; text-align: left;} .gift_carve .box .img, .gift_carve .box .img img{width: 100%; height: 90vw;} .ca_id4 .present_pop{top: 93%;} } .order_content{} .order_content .step{display: flex; justify-content: space-between;} .order_content .form_box_wrap{width: 70%;} .order_box{max-width: 900px; width: 60%} .orderform_tit{font-size: 1.4rem; font-weight: 500; margin-bottom: 30px;} .orderform_tit2{font-size: 1.6rem; font-weight: 500; margin-bottom: 35px;} /* 주문내역 */ .order_page {display : flex; justify-content: space-between; width: 100%; margin: 0 auto; padding: 58px 0 390px 0;} .order_page .order_step {max-width: 177px; overflow: hidden; height: auto !important; width: 15%; padding-left: 30px;} .order_page .order_step li::before{content:'1'; display: inline-block; margin-right: 10px;} .order_page .order_step li:nth-child(2)::before{content:'2'; display: inline-block; } .order_page .order_step li:nth-child(3)::before{content:'3'; display: inline-block; } .order_page .order_step li:nth-child(4)::before{content:'4'; display: inline-block; } .order_page .order_content {max-width: unset !important;} .order_page .order_sum {max-width: 643px; margin-right: 50px; width: 30%} #product_order_page .order_sum .sub_common_title{font-size: 1.8rem; padding-left: 0; font-weight: 500;} .order_page .order_btn .btn_black{height: 45px; } .order_page .order_step3_paytype .order_btn .btn_black{background: #000; border-color: #000; color: #fff;} .order_page .order_step3_paytype .order_btn .btn_black.line{background: #fff; border-color: #1a1a1a; color: #1a1a1a;} /*.order_page .form_box .form_ck_list li:first-child input[type="checkbox"] + label,*/ /*#imsi_frm .form_box .form_ck_list li:first-child input[type="checkbox"] + label{font-size: 1.4rem; font-weight: 300;}*/ .order_page .form_box .form_ck_list li input[type="checkbox"] + label{font-size: 1.2rem; line-height: 1.8rem; font-weight: 300; position: relative;} .order_step1_info .form_box .form_ck_list li input[type="checkbox"] + label{align-items: flex-end;} .form_box .form_ck_list li .form_a{margin-left: 0.3rem;} /* 주문내역 스텝 */ .step_list {} .step_list > li {color: #929292; font-size: 2rem; font-weight: 500; line-height: 1.3;} .step_list > li.active {color: #1a1a1a;} .step_list > li + li {margin-top: 50px;} @media (max-width: 1500px) { .order_page .order_sum {margin-left: 0;} .order_step.pc_only .step_list {overflow: hidden;} .order_step.pc_only .step_list > li {float: left;} /*.order_step.pc_only .step_list > li + li {margin-top: 0; margin-left: 20px;}*/ } @media (max-width: 1400px) { .order_page{flex-wrap: wrap; width: 80%;} .order_page .order_step{max-width: 100%; width: 100%; padding-left: 0;} .order_page .order_step .step_list{display: flex; align-items: center; gap: 0 2rem; margin-bottom: 2rem;} .order_box{max-width: 100%; width: 100%; margin-right: 0;} .step_list > li + li {margin-top: 0;} /*.order_page .order_content{margin-top: 20px;}*/ #product_order_page .order_sum{max-width: 100%; width: 100%; margin-right: 0;} #product_order_page .order_sum .sub_common_title{padding-left: 0;} .order_content .step{flex-wrap: wrap;} .order_content .form_box_wrap{width: 100%;} } @media (max-width: 800px) { #product_order_page{padding:0 0 50px 0;} .order_page {width: 100%; display : block;} .order_page .order_step_mo {width: 100%; max-width: 100%; margin-left: 0;display: flex; align-items: center; gap: 0 2rem;} .order_page .order_step_mo li::before, .order_page .order_step_mo li:nth-child(2)::before, .order_page .order_step_mo li:nth-child(3)::before, .order_page .order_step_mo li:nth-child(4)::before{content: none;} .order_page .order_content {width: 100%; margin-left: 0; padding: 0;} .order_page .order_sum {margin-bottom: 48px;} .step_list {overflow: hidden;} .step_list > li {display: flex; align-items: center; float:left; font-size: 1.4rem; font-weight: 500; line-height: 1.3;} #product_order_page .form_box, #product_order_page .paytype_list{padding: 0 16px;} /*.step_list > li + li::before {content: '\e93f'; font-family : xeicon; margin: 0 5px;}*/ .order_page .order_step_mo .step_list{margin-bottom: 0; padding: 20px 16px; width: 100%;width: 100%; max-width: 100%; margin-left: 0;display: flex; align-items: center; gap: 0 2rem; border-bottom: 1px solid #F6F1EB;} .orderform_tit2{margin: 2rem 0; padding: 0 16px;} .form_box .form_list > li .tit{font-size: 1.3rem;} #imsi_frm .form_box .form_list > li .desc input{font-size: 1.3rem;} .order_step1_info .orderform_tit2, .order_step2_delivery .orderform_tit2{padding: 0;} } /* 주문내역 주문요약 */ .order_sum .sum_item_list {} .order_sum .sum_item_list > li + li {margin-top: 24px;} .order_sum .sum_item_list > li .box {display : flex; align-items: flex-start;} .order_sum .sum_item_list > li .box .thum {width: 120px; height: 120px; margin-right: 18px;min-width:120px;} .order_sum .sum_item_list > li .box .thum img {width: 100%; height: 100%; object-fit: cover;} .order_sum .sum_item_list > li .box .cont .tit {margin-bottom: 4px; font-size: 1.4rem; font-weight: 500; line-height: 1.3;} .order_sum .sum_item_list > li .box .cont .tit b{font-weight: 500;} .order_sum .sum_item_list > li .box .cont .desc{color: #929292; font-size: 1.4rem; margin: 5px 0;} .order_sum .sum_item_list > li .box .cont .price {margin-bottom: 20px; font-size: 1.4rem; font-weight: 500; line-height: 1.3; color: #929292;} .order_sum .sum_item_list > li .box .cont .ea {font-size: 1.4rem; font-weight: 500; line-height: 1.3; color: #929292;} .order_sum .sum_item_list > li .box .cont .ea b {margin-right: 8px; color: #929292; font-weight: 400;} .order_sum .sum_item_list > li .box .cont .ea span{color: #000; margin-right: 5px;} .order_sum .sum_price_list {margin-top: 148px; padding-top: 20px;} .order_sum .sum_price_list.mo_list{border-bottom: 1px solid #dfdfdf; padding: 20px 0; border-top: 1px solid #dfdfdf; margin-top: 20px;} .order_sum .sum_price_list > li {display : flex; align-items: center; justify-content: space-between;} .order_sum .sum_price_list > li + li {margin-top: 10px;} .order_sum .sum_price_list > li > b {color: #929292; font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .order_sum .sum_price_list > li > span {font-size: 1.4rem; font-weight: 600; line-height: 1.3;} .order_sum .sum_price_list > li.total > b , .order_sum .sum_price_list > li.total > span {color: #000; font-size: 1.8rem; font-weight: 500;} /* 주문내역 영양제 권장 가이드 */ .order_step0_guide {} .order_step0_guide .order_guide_list {} .order_step0_guide .order_guide_list > li + li {margin-top: 40px;} .order_step0_guide .order_guide_list > li .tit {margin-bottom: 10px; padding-bottom: 10px; font-size: 2.2rem; font-weight: 600; line-height: 1.3; border-bottom: 1px solid #e7e7e7;} .order_step0_guide .order_guide_list > li .desc {font-size: 1.4rem; font-weight: 500; line-height: 2.1; color:#444;} .order_step0_guide .order_guide_list > li .desc b {font-weight: 700;} .order_step0_guide .order_btn {margin-top: 30px;} .order_step0_guide .guide_swp_wrap {position: relative; margin-top: 40px;} .order_step0_guide .guide_swp_wrap .guide_swp {overflow: hidden;} .order_step0_guide .guide_swp_wrap .guide_swp_arr {position: absolute; top: 70px; z-index: 2; cursor: pointer;} .order_step0_guide .guide_swp_wrap .guide_swp_arr.swiper-button-disabled {opacity: 0 !important;} .order_step0_guide .guide_swp_wrap .guide_swp_arr img {display: block;} .order_step0_guide .guide_swp_wrap .guide_swp_prev {left: -32px;} .order_step0_guide .guide_swp_wrap .guide_swp_next {right: -32px;} .order_step0_guide .guide_swp_wrap .item_box .cont {padding: 12px 12px 0;} @media (max-width: 800px) { /*#sub_div {overflow: hidden;}*/ .order_sum .sum_item_list {border: none;} .order_sum .sum_item_list > li {border: none;} .order_sum .sum_item_list > li + li {margin-top: 12px;} .order_sum .sum_item_list > li .box .thum {margin-right: 16px;} .order_step0_guide .order_guide_list {margin-top: 0;} .order_step0_guide .order_guide_list > li .tit {font-size: 1.4rem;} .order_step0_guide .order_guide_list > li .desc {font-size: 1.4rem;} .order_step0_guide .guide_swp_wrap {} .order_step0_guide .guide_swp_wrap .guide_swp {overflow: visible;} .order_step0_guide .guide_swp_wrap .swiper-slide {width: 140px !important;} .order_step0_guide .guide_swp_wrap .guide_swp_arr {top: 50%; transform: translateY(-50%);} .order_step0_guide .guide_swp_wrap .guide_swp_prev {left: 0px;} .order_step0_guide .guide_swp_wrap .guide_swp_next {right: 0px;} .order_step3_paytype .orderform_tit2{margin-bottom: 1.5rem;} .order_step3_paytype .order_sum{margin-bottom: 0;} .order_step3_paytype .order_sum .sum_item_list{padding: 0 1.6rem;} .order_step3_paytype .order_sum .sum_item_list > li{padding-top: 0} .order_step3_paytype .order_sum .sum_item_list > li .box .thum{margin-right: 1rem;} .order_step3_paytype .order_sum .sum_item_list > li .box .cont .desc{margin-bottom: 3px; margin-top: 0;} .order_step3_paytype .order_sum .sum_item_list > li .box .cont .price{margin-bottom: 5px;} .order_step3_paytype .order_sum .sum_item_list > li .box .cont .ea{margin-bottom: 5px;} .order_step3_paytype .order_sum .sum_item_list > li .box .cont .ea_txt{margin-top: 3.3rem; margin-bottom: 0;} #product_order_page .paytype_list{padding-top: 1.5rem; position: relative;} #product_order_page .paytype_list::before{content: ''; display: block; width: 90%; height: 1px; background: #f1f1f1; position: absolute; top: 0; left: 5%;} } /* 주문자 정보를 확인해주세요. */ .order_content .info_list {margin-top: 45px; padding: 20px 15px; color: #929292;} .order_content .info_list > li {font-size: 1.1rem; font-weight: 300; position: relative; padding-left: 10px; color: #000;} .order_content .info_list > li::before {content: ''; position: absolute; left: 0; top: 7px; display: block;width: 4px; height: 4px; background-color: #808080; border-radius: 10px; } .order_content .info_list > li + li {margin-top: 8px;} #product_order_page .order_step1_info .sub_common_title{font-size: 1.6rem; margin-bottom: 35px;} .order_step1_info .form_box .form_ck {margin-top: 40px;} .order_step1_info .order_btn {margin-top: 40px;} #imsi_frm .form_box .form_list > li .tit{margin-bottom: 10px;} #imsi_frm .form_box .form_list > li .desc{position: relative;} #imsi_frm .form_box .form_list > li .desc input{font-size: 1.2rem; font-weight: 500;} #imsi_frm .form_box .form_list > li .desc .ico-pw{cursor: pointer; width: 3.5rem; height: 3.5rem; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; background: url("../img/ico-pw.png") no-repeat center; background-size: contain;} .form_box .form_list > li .desc textarea{width: 100%; border-radius: 5px; resize: none; padding: 13px 10px;} #imsi_frm .form_box .form_list > li + li, #imsi_frm .order_step1_info .form_box .form_ck{margin-top: 30px;} #imsi_frm .form_box .form_ck_list li input[type="checkbox"] + label{font-size: 1.2rem; align-items: center; margin-top: 0; line-height: 1.8rem;} #imsi_frm .order_step1_info .order_btn{margin-top: 45px;} #imsi_frm .form_box .form_ck_list li #ord_ck2 + label{font-size: 1.2rem; line-height: 1;} .form_box .form_ck_list li #ord_ck4 + label{font-size: 1.3rem;} /* 배송 정보를 확인해주세요. */ #product_order_page .order_step2_delivery .sub_common_title{font-size: 1.6rem;} .order_step2_delivery .form_box .form_ck {margin-top: 32px;} .order_step2_delivery .form_box .form_ck_list li + li{margin-top: 15px;} .order_step2_delivery .order_btn {display : flex; margin-top: 45px;} .order_step2_delivery .order_btn > button + button {margin-left: 8px;} .order_step2_delivery .delivery_last_form {margin-top: 24px;} .order_step2_delivery .form_box .form_list > li .desc select{padding:0 10px; font-size: 1.2rem; height: 40px; color: #000; background-color: #fcf7f1;} .delivery_set > li {padding: 16px; border: 1px solid #1a1a1a; border-radius: 4px; font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .delivery_set > li + li {margin-top: 20px;} .delivery_set > li .numb {display : flex; margin-bottom: 10px; align-items: center; font-weight: 600; font-size: 1.4rem; color: #000;} .delivery_set > li .numb > span {margin-left: 8px; padding: 4px 9px; background-color: #ececec; color: #929292; font-size: 1.1rem; font-weight: 400; line-height: 1.3; border-radius: 4px;} .delivery_set > li .addr1 {margin-bottom: 6px;} .delivery_set > li .addr2 {margin-bottom: 6px;} .delivery_set > li .ab {margin-top: 20px; margin-left: auto; text-align: right; font-weight: 300; text-decoration: underline; text-underline-offset: 3px; color: #000;} .delivery_set .corrBox{display: flex; gap: 10px; justify-content: flex-end;} .delivery_set > li .corrBox .ab{margin-left: inherit; color: #000;} #pop_layer_addr .delivery_set li{color:#929292; font-size: 1.2rem; background: #fff;} #pop_layer_addr .delivery_set li.no_data{background: transparent; border: none;} .common_pop .common_pop_cont.delivery_pop_cont.open{background: #FCF7F1;} /* 결제 수단을 선택해 주세요 */ .paytype_list {width: 100%;} .paytype_list > li {} .paytype_list > li + li {margin-top: 10px;} .paytype_list > li input {display: none;} .paytype_list > li input + label {display : flex; align-items: center; font-size: 1.3rem; padding: 12.5px 10px; font-weight: 500; border: 1px solid #d4d4d4; border-radius: 6px; transition: all 0.2s; cursor: pointer;} .paytype_list > li input + label::before {content: ''; display: block; margin-right: 12px; width: 16px; height: 16px; background: url('../img/icon_radio.svg') no-repeat center; background-size: contain transition: all 0.2s;} .paytype_list > li input + label .ico-box{display: flex; gap: 1rem; align-items: center;} .paytype_list > li input + label .ico-box img{width: 4rem;} .paytype_list > li input + label .ico-box img:last-child{width: 7rem;} .paytype_list > li input:checked + label {border: 1px solid #a1a1a1;} .paytype_list > li input:checked + label::before {background: url('../img/icon_radio_active.svg') no-repeat center; background-size: contain;} #product_order_page .order_step3_paytype .sub_common_title{font-size: 1.6rem; margin-bottom: 35px;} #product_order_page .order_step3_paytype .form_box .form_ck {margin-top: 60px;} #product_order_page .order_step3_paytype .order_btn {display : flex; margin-top: 40px;} #product_order_page .order_step3_paytype .order_btn > button + button {margin-left: 8px;} #product_order_page .order_step3_paytype .txt{margin-top:10px; font-size: 1.3rem;} #product_order_page .order_step3_paytype .form_box p{font-size: 1.1rem; line-height:1.8rem; font-weight: 300; color:#0F0F0F; margin-top: 10px; display: flex; align-items: center; justify-content: space-between;} #product_order_page .order_step3_paytype .form_box p span{color: #0F0F0F; font-weight: 700;} #product_order_page .order_step3_paytype .form_box .form_ck_list li + li{margin-top: 15px;} #product_order_page .order_step3_paytype .tap4_bank ul{margin-top: 25px;} #product_order_page .order_step3_paytype .tap4_bank ul li{display: flex; flex-wrap: wrap; justify-content: space-between;} #product_order_page .order_step3_paytype .tap4_bank ul li .tit{width: 100%;} #product_order_page .order_step3_paytype .tap4_bank ul li .refund_bank_box{width:80%;} #product_order_page .order_step3_paytype .tap4_bank ul li .desc:nth-of-type(2){width:19%;} #product_order_page .order_step3_paytype .tap4_bank ul li .desc:nth-of-type(2) select{height: 40px;} #product_order_page .order_step3_paytype .tap4_bank ul li .refund_box{width:100%;} @media (max-width: 800px) { .order_content .info_list {margin-top: 0; padding: 20px 16px;} .order_content .info_list2{padding: 15px 0;} .order_step1_info .form_box .form_ck {margin-top: 32px;} .order_step1_info .order_btn {margin-top: 32px;} .order_step2_delivery .form_box .form_ck {margin-top: 0px;} .order_step2_delivery textarea{margin-bottom: 2rem;} .order_step2_delivery .order_btn {display : flex; margin-top: 20px;} #product_order_page .order_step3_paytype .form_box .form_ck {margin-top: 32px;} .order_step3_paytype .order_btn {display : flex; margin-top: 32px;} #product_order_page .order_step3_paytype .tap4_bank ul li .refund_bank_box{width: 70%;} #product_order_page .order_step3_paytype .tap4_bank ul li .desc:nth-of-type(2){width: 29%;} #product_order_page .order_step3_paytype .tap4_bank ul li .desc:nth-of-type(2) select{padding: 0 0.5rem;background-position:calc(100% - 2px) center;} .order_content .info_list > li{font-size: 1.3rem; line-height: 1.8rem; color: #000;} .form_box .form_ck_list li #ord_ck4 + label{font-size: 1.2rem;} #imsi_frm .order_step1_info .order_btn{ margin: 1rem 16px 0 16px;} #product_order_page .order_step3_paytype .order_btn{margin: 2rem 1.6rem 0 1.6rem;} #product_order_page .order_step3_paytype .form_box p{position: relative;} #product_order_page .order_step3_paytype .form_box p span{position: absolute; bottom: 0; right: 0;} /*#product_order_page .order_step3_paytype .form_box p{flex-wrap: wrap;}*/ /*#product_order_page .order_step3_paytype .form_box p span{margin-left: auto;}*/ } /* 주문 완료 */ .order_result .order_step4_finish {border: 1px solid #f1f1f1; padding: 5rem; display: flex; flex-wrap: wrap;} .order_result .order_info01 .box{padding: 0 !important; border: none !important;} .order_step4_finish .finish_numb {display : flex; align-items: center; padding: 16px 0; border-top: 1px solid #cecece; font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .order_step4_finish .finish_numb b {display: flex; align-items: center;} .order_step4_finish .finish_numb b::after{content: ''; display: block; width: 1px; height: 10px; background-color: #b3b3b3; margin: 0 8px;} .finish_wrap .cont{display: flex; flex-wrap: wrap;} .finish_wrap .cont .tit{font-weight: 500; order: 1; width: 100%;} .finish_wrap .cont .price{font-weight: 400; width: 100%;order: 3; color: #929292; font-size: 1.4rem;margin-bottom: 0; display: flex; line-height: 1 !important; margin-top: 0.5rem; font-family: 'AstoriaSansRoman';} .finish_wrap .cont .price .qty{ display: inline-block;padding-left: 5px;margin-left: 5px;border-left: 1px solid;} .finish_wrap .cont .basic{width: 100%; order: 2; margin: 5px 0; font-weight: 500; color: #c0c0c0; font-size: 1.4rem; line-height: 1.2;} .finish_wrap .cont .basic.carve{color: #929292; display: flex; align-items: center;margin-bottom: 5px; margin-top: -5px;} #order_detail_page .order_step4_finish .desc{color: #929292; display: flex; align-items: center;margin-bottom: 5px;} .finish_wrap .cont .basic.carve i, #order_detail_page .order_step4_finish .desc i{display: inline-block; width: 2rem; height: 2rem; margin-right: 0.5rem; background: url("../img/gift/cart_carve.png")no-repeat center; background-size: contain; } .finish_wrap .cont .stt{display: none;} .finish_btn ul{display: flex; align-items: center; gap: 0 10px;} .finish_btn ul li{width: 50%;} .finish_btn ul li:nth-child(2) a{background: #000; color: #fff;} .finish_introduce .intro_list ul.desc{display: flex; flex-wrap: wrap; } .finish_introduce .intro_list ul.desc li{width: 100%;} #order_detail_page .finish_introduce .intro_list > li, #product_order_page .finish_introduce .intro_list > li{border-top: none;} .finish_introduce .intro_list > li {border-top: 1px solid #cecece; padding: 40px 50px; margin: 10px 0;} .finish_introduce .intro_list > li:first-child {border-top: 0; margin-top: 0;} .finish_introduce .intro_list > li .tit {display : flex; margin-bottom: 20px; padding-bottom: 20px; align-items: center; justify-content: space-between; border-bottom: 1px solid #cecece;} .finish_introduce .intro_list > li .tit > span {font-size: 2rem; font-weight: 500; line-height: 1.6;} .finish_introduce .intro_list > li .ab {font-size: 1.3rem; font-weight: 500; line-height: 3.2rem;text-underline-offset: 3px; padding: 0 14px; height: 3.2rem; border: 1px solid #000; border-radius: 5px; color: #000;} .finish_introduce .intro_list > li .cont {} .finish_introduce .intro_list > li .cont ul.desc {} .finish_introduce .intro_list > li .cont ul.desc > li {display : flex;} .finish_introduce .intro_list > li .cont ul.desc > li + li {margin-top: 15px;} .finish_introduce .intro_list > li .cont ul.desc > li > b {width: 100px; color: #929292; font-size: 1.4rem; font-weight: 500; line-height: 1.7;} .finish_introduce .intro_list > li .cont ul.desc > li > span {width: calc(100% - 100px); font-size: 1.5rem; font-weight: 400; line-height: 1.7; margin-left: 4rem; color: #000;} .finish_introduce .intro_list > li .cont ul.price {} .finish_introduce .intro_list > li .cont ul.price > li {display : flex; align-items: center; justify-content: space-between;} .finish_introduce .intro_list > li .cont ul.price > li + li {margin-top: 10px;} .finish_introduce .intro_list > li .cont ul.price > li > b {color: #808080; font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .finish_introduce .intro_list > li .cont ul.price > li > span {font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .finish_introduce .intro_list > li .cont ul.price > li.total > b {font-size: 1.6rem; font-weight: 700; color: #000;} .finish_introduce .intro_list > li .cont ul.price > li.total > span {color: #000; font-size: 1.8rem; font-weight: 700;} .finish_introduce .intro_list > li .cont .link {display : flex; justify-content: flex-end; margin-top: 36px;} .finish_introduce .intro_list > li .cont .link + .link {margin-top: 16px;} #order_detail_page .link{margin-top: 40px;} #order_detail_page .link .ab {font-size: 1.3rem; background: #fff; font-weight: 500; text-decoration: none; text-underline-offset: 3px; width: 100%; text-align: center; padding: 12.5px 0; border: 1px solid #000; border-radius: 5px;} .order_step4_finish .oredr_capt {margin-top: 40px;} .order_step4_finish .oredr_capt .capt_tit {margin-bottom: 28px; font-size: 1.4rem; font-weight: 700; line-height: 1.4;} .order_step4_finish .oredr_capt .oredr_capt_list {} .order_step4_finish .oredr_capt .oredr_capt_list > li + li {margin-top: 26px;} .order_step4_finish .oredr_capt .oredr_capt_list > li .tit {margin-bottom: 12px; font-size: 1.4rem; font-weight: 500; line-height: 1.3;} .order_step4_finish .oredr_capt .oredr_capt_list > li .desc > li {position: relative; padding-left: 20px; font-size: 1.4rem; font-weight: 500; color: #929292; line-height: 1.7; word-break: keep-all;} .order_step4_finish .oredr_capt .oredr_capt_list > li .desc > li::before {content: ''; position: absolute; left: 7px; top: 10px; display: block;width: 4px; height: 4px; background-color: #929292; border-radius: 10px; } .order_step4_finish .info_list_box {margin-top: 28px; padding: 24px 12px; background-color: #cecece; text-align: center; font-size: 1.2rem; font-weight: 400; color: #808080;} .order_step4_finish .finish_introduce .intro_list > li::before{content: none;} .order_step4_finish .finish_introduce .intro_list > li{border-top: 1px solid #f1f1f1 !important;} /* 마이페이지 메뉴 */ #sub_div.mypage_menu {position: relative; min-height: 600px;} .mypage_menu_box {position: absolute; left: 15%; top: 170px; width: 130px;} .mypage_menu_box .mypage_menu_tit {margin-bottom: 50px; font-size:2rem; font-weight: 700; line-height: 1.3;} .mypage_menu_box .mypage_menu_list {} .mypage_menu_box .mypage_menu_list > li {font-size: 1.6rem; font-weight: 500; line-height: 1.3; color: #929292;} .mypage_menu_box .mypage_menu_list > li.active a{color: #000;} .mypage_menu_box .mypage_menu_list > li + li {margin-top: 30px;} .mypage_menu_box .mypage_menu_list > li > a {font-size: 1.6rem; font-weight: 500; line-height: 1.3; color: #929292;} /* 주문 배송 페이지 */ #order_list_page{padding: 10rem 0 0 0;} #order_list_page .sub_inner{margin-bottom: 10rem;} #order_list_page .common_table table td .box .cont{padding-left: 10px;} #order_list_page .common_table table td .box{padding:0; border: none;} /* 주문취소 페이지 */ #order_cancle_page .order_step4_finish{max-width: 1000px; margin: 0 auto; width: 100%;} #order_cancle_page .order_step4_finish .order_info01{padding: 5rem; } #order_cancle_page .order_step4_finish .order_info02{padding: 5rem; margin: 10px 0;} #order_cancle_page .order_step4_finish .order_info02 .tit{font-size: 2rem; font-weight: 500; margin-bottom: 20px;} #order_cancle_page .product_list_row > li .box .cont .desc{color: #929292;} #order_cancle_page .product_list_row > li .box .cont .price{color: #929292;} #order_cancle_page .order_step4_finish .order_info02 select{color: #000; width: 100%; background: url('../img/icon_select_arr.svg') calc(100% - 20px) center no-repeat; border-radius: 5px;padding: 12.5px;background-color: #EFEFEF;-webkit-appearance: none; -moz-appearance: none;appearance: none;border: 1px solid #ccc; box-sizing: border-box; } #order_cancle_page .btn_box ul{display: flex; align-items: center; justify-content: space-between; gap: 0 10px; margin-top: 40px;} #order_cancle_page .btn_box ul li{box-sizing: border-box; width: 50%;} #order_cancle_page .btn_box ul li a{display: block; width: 100%; text-align: center; font-size: 1.3rem; font-weight: 500; border:1px solid #000; border-radius: 5px; padding: 12.5px 0; } #order_cancle_page .btn_box ul li:last-child a{background: #000; color: #fff; border:none;} /* 기본 테이블 */ .common_table {} .common_table table {width: 100%; border-collapse: collapse; } .common_table table th, .common_table table td {font-size: 1.4rem; font-weight: 500; line-height: 1.3; text-align: center; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;} .common_table table th {padding: 16px 0;} .common_table table td {padding: 12px 0;} .common_table table td .box {display : flex; padding: 0 20px; align-items: center;} .common_table table td .box .thum {width: 60px; height: 60px;min-width: 60px;} .common_table table td .box .thum img {width: 100%; height: 100%; object-fit: cover;} .common_table table td .box .cont {padding-left: 10px;} /* 페이징 */ .paging_wrap {margin-top: 32px;} .paging_wrap .paging_list {display : flex; align-items: center; justify-content: center;} .paging_wrap .paging_list > li + li {margin-left: 8px;} .paging_wrap .paging_list > li > a {display : flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; border-radius: 8px; font-size: 1.6rem; line-height: 19px;} .paging_wrap .paging_list > li > a.active {background-color: #1a1a1a; color: #fff;} .paging_wrap .paging_list > li > a.arr {padding: 0 12px; gap:8px;} .paging_wrap .paging_list > li > a.prev img {display: block; transform:rotate(180deg)} .paging_wrap .paging_list > li > a.disabled {opacity: 0.6; cursor: default;} @media (max-width: 800px) { .common_table_list {border-top: 1px solid #cecece;} .common_table_list > li {border-bottom: 1px solid #cecece;} .common_table_list > li .top {display : flex; padding: 8px 0; border-bottom: 1px solid #cecece; align-items: center; justify-content: space-between;} .common_table_list > li .top .date {font-size: 1.2rem; font-weight: 400; line-height: 1.3;} .common_table_list > li .top .dt {display : flex; align-items: center; font-size: 1.2rem; font-weight: 400; line-height: 1.3;} .common_table_list > li .mid {display : flex; align-items: center; padding: 12px 0;} .common_table_list > li .mid .thum {min-width: 120px;width: 120px; height: 120px; margin-right: 20px;} .common_table_list > li .mid .thum a{display: block;} .common_table_list > li .mid .thum img {width: 100%; height: 100%; object-fit: cover;} .common_table_list > li .mid .cont {width: calc(100% - 140px);} .common_table_list > li .mid .cont .tit {margin-bottom: 5px; font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .common_table_list > li .mid .cont .pri {margin-bottom: 18px; font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .common_table_list > li .mid .cont .stt {font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .order_page .order_btn .btn_black{height: 40px; line-height: 40px;} #order_list_page .common_table_list > li .mid .thum{margin-right: 10px;} .order_step4_finish .finish_introduce .intro_list > li{background: transparent;} .order_result .order_step4_finish{padding: 0; border: none;} } /* 회원정보 */ .member_intro_list {} .mypage_page_wrap .member_intro_list > li {font-size: 1.4rem; font-weight: 500; line-height: 2.1;} .mypage_page_wrap .member_intro_btn {margin-top: 30px; width: 240px;} .mypage_page_wrap .leave_btn {margin-top: 10px; text-align: right;} .mypage_page_wrap .leave_btn > .ab {font-size: 1.4rem; font-weight: 500; color: #929292; line-height: 1.7; text-decoration: underline; text-underline-offset: 3px; display: inline-block;} /*#member_join_page.member_join_edit{background: #FCF7F1;}*/ /*회원탈퇴*/ .member_intro_re p{font-weight: 300; font-size: 1.3rem; margin-bottom: 30px;} .member_intro_re .sns_btn{width: 240px; margin-bottom: 10px;} .member_intro_re .member_intro_list{width: 240px;} .member_intro_re .member_intro_list input{width: 100%; height: 40px; border: 1px solid #000; border-radius: 5px; padding: 0 10px; font-size: 1.3rem; font-weight: 500;margin-bottom: 10px;} .member_intro_re .black_btn{height: 40px; width: 100%; font-weight: 500; background: #000; color: #fff; border: 1px solid #000; border-radius: 5px; color: #fff; text-align: center; line-height: 40px; font-size: 1.3rem; display: block; } .mem_intro_pop{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 99;} .mem_intro_pop .pop_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 600px; height: 350px; padding: 30px 16px 50px 16px; box-sizing: border-box;} .mem_intro_pop .pop_wrap .tit{font-weight: 700; padding-bottom: 20px; border-bottom: 1px solid #cecece; font-size: 1.6rem;} .mem_intro_pop .pop_wrap .pop_inner{width: 400px; margin: 50px auto 0 auto;} .mem_intro_pop .pop_wrap .pop_inner p{font-weight: 300; font-size: 1.3rem; line-height: 1.5; margin-bottom: 30px;} .mem_intro_pop .pop_wrap .pop_inner .intro_chk_box input{display: none;} .mem_intro_pop .pop_wrap .pop_inner .intro_chk_box input[type="checkbox"] + label{display: flex; align-items: center;font-size: 1.4rem;font-weight: 300;cursor: pointer; text-decoration: none;} .mem_intro_pop .pop_wrap .pop_inner .intro_chk_box input[type="checkbox"] + label::before{ content: '';display: block;min-width: 16px;height: 16px;margin-right: 12px;background: url(../img/icon_ck.svg) no-repeat 50% 50% / cover;transition: all 0.2s;} .mem_intro_pop .pop_wrap .pop_inner .intro_chk_box input[type="checkbox"]:checked + label::before{background: url('../img/icon_ck_active.svg') no-repeat 50% 50% / cover} .mem_intro_pop .pop_wrap .pop_inner .intro_btn{display: flex;margin-top: 40px; gap: 0 10px;} .mem_intro_pop .pop_wrap .pop_inner .intro_btn li{width: 50%;} #member_join_page .form_box .form_ck_depth .form_ck_depth_list > li input[type="checkbox"] + label{font-size: 1.2rem !important;} /* 본인 인증 */ #identity_ck_page .identity_ck_cont {font-size: 1.3rem; font-weight: 400; line-height: 1.3;} #identity_ck_page .identity_ck_btn {margin-top: 32px;} /* 로그인 */ /*#login_page,*/ /*#member_join_page,*/ /*#find_id_page,*/ /*#find_pw_page{background: #FCF7F1;}*/ #login_page .sub_common_title, #member_join_page .sub_common_title{margin-bottom: 10px} /*#login_page{padding: 28rem 0;}*/ /*#login_page .sub_common_title{padding:0 0 2.3rem 0; font-size: 1.6rem; font-weight: 600; border-bottom: 1px solid #f1f1f1; margin-bottom: 10px;}*/ /*.login_page_btn {margin-top: 10px; }*/ .mypage_page_wrap{padding: 28rem 0;} .mypage_page_wrap .sub_common_title{padding:0 0 2rem 0; font-size: 1.6rem; font-weight: 600; border-bottom: 1px solid #F6F1EB; margin-bottom: 10px; color: #000000; } .login_page_btn {margin-top: 3rem; } .login_page_btn .btn_black ~ .btn_black {margin-top: 1rem;} .login_page_link {display : flex; margin-top: 10px; justify-content: center;} .login_page_link > li {display : flex; align-items: center; font-size: 1.2rem; font-weight: 400; line-height: 1.3;} .login_page_link > li a{color: #929292;} .login_page_link > li + li::before {content: ''; width: 1px; height: 8px; background-color: #b3b3b3; margin: 0 8px;} .login_social_btn {margin-top: 4.4rem;} .login_social_btn > li {} .login_social_btn > li + li {margin-top: 10px;} .login_social_btn img{width: 14px; height: 14px;} /* 회원가입 */ #member_join_page .form_box {margin-top: 32px;} .member_join_txt {font-size: 1.3rem; font-weight: 400; line-height: 1.5;word-break: keep-all; font-weight: 300;} .member_join_btn {margin-top: 26px;} .member_join_or {position: relative; margin-top: 26px; text-align: center; padding-top: 20px;} .member_join_or::before {content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 1px;} .member_join_or > span {color: #929292; font-size: 1.2rem; font-weight: 400; line-height: 1.3; padding: 0 8px;} #member_join_page .phone_edit {margin-top: 32px;} #member_join_page .phone_edit p {margin-top: 8px;} .join_top_box {} .join_top_box .cont {display : flex;} .join_top_box .cont > li {width: 120px;} .join_top_box .cont > li .tit {margin-bottom: 2px; color: #808080; line-height: 1.3;} .join_top_box .cont > li .desc {font-size: 1.4rem; font-weight: 400; line-height: 1.3;} .join_top_box > p {margin-top: 12px; line-height: 1.3;} #member_join_page .form_ck {margin-top: 32px;} #member_join_page .login_social_btn{margin-top:10px;} /* 아이디 찾기 */ #find_id_page .sub_common_title{flex-wrap: wrap;} #find_id_page .sub_common_title > p {margin-top: 8px; font-size: 1.2rem; font-weight: 400; line-height: 1.3; width: 100%;} #find_id_page .sub_common_title{display: flex; align-items: center;} #find_id_page .sub_common_title img{margin-right: 5px;} .find_id_list {} .find_id_list > li {display: flex; padding: 20px 17px; background-color: #F4F4F4; border-radius: 4px; font-size: 1.3rem; font-weight: 400; line-height: 16px;} .find_id_list > li + li {margin-top: 8px;} .find_id_list > li img {display: block; margin-right: 12px;} .find_id_btn {margin-top: 32px;} .find_id_btn > li + li {margin-top: 8px;} /* 비밀번호 찾기 */ #find_pw_page .sub_common_title > p {margin-top: 8px; font-size: 1.2rem; font-weight: 400; line-height: 1.3;} #find_pw_page .txt{padding-top: 20px; margin-bottom: 40px; font-size: 1.3rem; font-weight: 300;} #find_pw_page .find_pw_btn {margin-top: 32px;} @media (max-width: 1800px) { .mypage_menu_box{left: 10%;} } @media (max-width: 1600px) { .mypage_menu_box{left: 3%;} } @media (max-width: 1200px) { .mypage_menu_box{display: none;} } @media (max-width: 800px){ /*로그인*/ #login_page .sub_common_title{margin-bottom: 40px;} /*회원가입*/ .mypage_page_wrap{padding: 3rem 0 28rem 0;} .mypage_page_wrap .sub_common_title{margin-bottom: 4rem; background: transparent;} /* 회원정보 */ .mypage_page_wrap .member_intro_btn{margin-top: 24px; width: 100%;} .mypage_page_wrap .leave_btn{text-align: left; margin-top: 20px;} /* 회원탈퇴 */ .member_intro_re p{margin-bottom: 50px;} .mem_intro_pop .pop_wrap{width: 300px;} .mem_intro_pop .pop_wrap .pop_inner{width: 100%;} .mem_intro_pop .pop_wrap .pop_inner p{font-size: 1.2rem; margin-bottom: 40px;} .mem_intro_pop .pop_wrap .pop_inner .intro_chk_box input[type="checkbox"] + label{font-size: 1.1rem;} /*비번 찾기*/ #find_pw_page .form_box .form_list > li .desc + .desc{margin-top: 4.2rem;} } @media (max-width: 375px) { .member_intro_re .sns_btn, .member_intro_re .member_intro_list{width: 100%;} } /* R&D */ #rnd_page{position: relative; min-height: 900px;} #rnd_page .sub_common_title{display: flex; padding-left: 0; padding-bottom: 0;} #rnd_page > .inner{width: 100%; max-width: 1420px; margin: 0 auto;} #rnd_page .rnd_bg{width: 100%; max-width: 1254px; margin: 0 auto; display: flex; flex-wrap: wrap; border-top: 1px solid #000000;} #rnd_page .rnd_bg img{width: 50%; cursor: pointer;} #rnd_page .rnd_bg.all {width: 100%; border-top: none;} #rnd_page .rnd_bg.all img , #rnd_page .rnd_bg.all picture, #rnd_page .rnd_bg.all source {width: 100%; cursor: default} #rnd_page .rnd_pop_wrap{display: none; position:fixed; top: 0; left: 0; background: rgba(0,0,0,.7); width: 100%; height: 100%; z-index: 120;} #rnd_page .rnd_pop_wrap .rnd_pop{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 730px; overflow: hidden; padding-bottom: 30px; height: 90%; max-height: 1004px; aspect-ratio: 965 / 1328;} #rnd_page .rnd_pop_wrap .rnd_pop img{width: 100%; height: 100%;} #rnd_page .rndsub-swiper .swiper-wrapper{background: saddlebrown;} #rnd_page .rndsub-swiper .swiper-wrapper .swiper-slide{width: auto!important;} #rnd_page .product_category .img{width: 100%; height: auto;} #rnd_page .product_category img{width: 100%;height: auto;} #rnd_page .rnd_pop_wrap .swiper-pagination .swiper-pagination-bullet-active{background: #000;} #rnd_page .rnd_pop_wrap .rnd_close{position: absolute; top: 32px; right: 32px; background: url("../img/rnd_close.svg")no-repeat center; background-size: contain; z-index: 121; width: 33px; height: 33px; border: none;} #rnd_page .rnd_pop_wrap .swiper-button-next{background-image: none; right: 25%} #rnd_page .rnd_pop_wrap .swiper-button-prev{background-image: none; left: 25%;} #rnd_page .rnd_pop_wrap .swiper-button-next:after{color: #fff; font-size: 2rem;} #rnd_page .rnd_pop_wrap .swiper-button-prev:after{color: #fff; font-size: 2rem;} #rnd_page .rnd_tab_wrap{width: 100%; margin: 10.5rem 0 6.5rem;} #rnd_page .rnd_tab_inner{display: flex; align-items: center; justify-content: center; } #rnd_page .rnd_tab_wrap{max-width: 722px; width: 100%; font-family:'Pretendard', sans-serif;} #rnd_page .rnd_main_tab{display: flex; align-items: center;justify-content: center; padding-bottom: 10px; border-bottom: 1px solid #000;} #rnd_page .rnd_tab_wrap a{display: block; line-height: 1.4; color: #808080; font-size: 2rem; font-weight: 500;} #rnd_page .rnd_tab_wrap li:not(:first-of-type){display: flex; align-items: center;} #rnd_page .rnd_tab_wrap li:not(:first-of-type):before{content: '|'; color: #808080; display:inline-block; width: 7px; text-align: center; margin: 0 20px;} #rnd_page .rnd_main_tab li.active a{ color: #000; font-weight:500;} #rnd_page .rnd_sub_tab{display: flex; padding: 10px 0 0; scrollbar-width: none; position:relative; } #rnd_page .rnd_sub_tab li{position: relative; } #rnd_page .rnd_sub_tab li a {display: block; color: #808080; white-space: nowrap; font-size: 16px; font-weight: 500; line-height: 2;} #rnd_page .rnd_sub_tab li.active a{position: relative; color: #000;} .sub_tab_wrap{ display: flex;overflow-x: auto;scroll-behavior: smooth;scroll-padding-left: 0;margin: 0 auto;max-width: 100%;width: fit-content;} ul.rnd_sub_tab.rnd_sub_tab2 li{display: flex; align-items: center; justify-content: center; } ul.rnd_sub_tab.rnd_sub_tab2 li::before{content: '|'; display: block; width: 6px; height: 21px; text-align: center; color: #808080; margin: 0 20px;} .rnd_news{text-align: center;} .rnd_news p{font-size: 1.4rem;font-weight: 400;text-align: center; margin-bottom: 3rem;} .rnd_news .btn_black{width: 21rem; margin: 0 auto;} #rnd_page .rnd_sub_tab::-webkit-scrollbar { display: none; /* Chrome, Safari, Edge */ } /*#rnd_page {padding-bottom: 150px;}*/ .rnd_tab_dp1 {width: 100%; overflow-y: auto;} .rnd_tab_dp1 > ul {display: flex; gap: 5px;} .rnd_tab_dp1 > ul > li {} .rnd_tab_dp1 > ul > li > a {display: block; height: 35px; padding: 0 12px; border: 1px solid #949494; border-radius: 50px; color: #949494; white-space: nowrap; font-size: 13px; font-weight: 400; line-height: 35px;} .rnd_tab_dp1 > ul > li > a.active {border-color: #2F0B0A; color: #2F0B0A;} .rnd_tab_dp2 {margin-top: 16px; border-top: 1px solid #ddd; width: 100%;} .rnd_tab_dp2 > ul {align-items: center;padding:16px 0;display: flex; gap: 8px; width: 100%; overflow-x: auto;} .rnd_tab_dp2 > ul > li {} .rnd_tab_dp2 > ul > li > a {display: block; height: 33px; padding: 0 12px; background-color: #f1f1f1; border: 1px solid #f1f1f1; border-radius: 50px; color: #808080; white-space: nowrap; font-size: 1.4rem; font-weight: 400; line-height: 33px;} .rnd_tab_dp2 > ul > li > a.active {background-color: #fff; color: #1a1a1a; font-weight: 500; border: 1px solid #1a1a1a;} .rnd_content {margin-top: 32px; word-break: keep-all;} .rnd_content section {margin: 40px 0;} .rnd_content h3 {margin: 12px 0; font-size: 1.8rem; font-weight: 600; line-height: 1.3;} .rnd_content p {margin: 12px 0; font-size: 1.4rem; font-weight: 400; line-height: 1.7; word-break: keep-all;} .rnd_content p b {font-weight: 700;} .rnd_content ul {padding-left: 15px; font-size: 1.4rem; font-weight: 400; line-height: 1.7;} .rnd_content ul > li {list-style: outside; } .rnd_content img {display: block; width: 100%; margin: 24px 0;} .rnd_content hr {display: block; margin: 60px 0; background: #DDD;} .swiper_box {position: relative;} .swiper_box ul {padding: 0; line-height: 1;} .swiper_box ul > li {list-style: none;} .swiper_box img {width: auto; margin: 0;} .swiper_box .rnd_swp {overflow: hidden;} .swiper_box .rnd_arr {cursor: pointer;} .swiper_box .rnd_arr.swiper-button-disabled {opacity: 0; cursor: default;} .swiper_box .rnd_prev2, .swiper_box .rnd_next2 {position: absolute; top: 50%; transform: translateY(-50%);} .swiper_box .rnd_prev2 {left: -32px;} .swiper_box .rnd_next2 {right: -32px;} .swiper_box .rnd_swp2 .swiper-slide {cursor: pointer;} .swiper_box .rnd_swp2 .swiper-slide > span {overflow: hidden; display: block;border: 1px solid #e4e4e4; border-radius: 4px;} .swiper_box .rnd_swp2 .swiper-slide img {width: 100%;} .swiper_box .rnd_swp2 .swiper-slide.last {position: relative;} .swiper_box .rnd_swp2.initial-view .swiper-slide.last::after {content:attr(data-numb)'+'; position: absolute; top: 0; left: 0; display : flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 1.6rem; font-weight: 600; line-height: 1.3;} .swiper_pop {display: none; position: fixed; top: 0; left: 0; z-index: 200; width: 100%; height: 100vh;} .swiper_pop .swiper_pop_bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 201; background-color: rgba(0,0,0,0.5);} .swiper_pop .swiper_pop_close {position: absolute; top: 32px; right: 32px; z-index: 202; width: 40px; height: 40px; display : flex; align-items: center; justify-content: center; cursor: pointer;} .swiper_pop .swiper_pop_close img {width: 24px;} .swiper_pop .swiper_box {position: absolute; top: 50%; left: 50%; z-index: 203; width: 508px; transform: translate(-50%, -50%);} .swiper_pop .swiper_box .swiper-slide {} .swiper_pop .swiper_box .swiper-slide img {width: 100%;} .swiper_pop .rnd_prev1, .swiper_pop .rnd_next1 {position: absolute; top: 50%; transform: translateY(-50%);} .swiper_pop .rnd_prev1 {left: -64px;} .swiper_pop .rnd_next1 {right: -64px;} .swiper_pop .cust_fraction{position: absolute; bottom: -40px;color: #fff; width: 80px; left: 50%; transform: translateX(-50%); font-size: 15px; background: rgba(0, 0, 0, 0.5); border-radius: 100px; padding: 10px 0; line-height: 1;} @media (max-width: 1500px) { #rnd_page .rnd_pop_wrap .swiper-button-next{right: 15%;} #rnd_page .rnd_pop_wrap .swiper-button-prev{left: 15%;} } @media (max-width: 1300px) { #rnd_page .rnd_pop_wrap .swiper-pagination{gap: 0 10px;} #rnd_page .rnd_pop_wrap .swiper-button-next{right: 3rem;} #rnd_page .rnd_pop_wrap .swiper-button-prev{left: 3rem;} } @media (max-width: 800px) { .sub_common_title .en{font-size: 1.7rem; box-sizing: border-box;} /*rnd*/ #rnd_page{min-height: 400px;} #rnd_page .inner_2{padding:0;} #rnd_page .sub_common_title{ padding: 2rem 0 2rem 1.6rem; border-bottom: 1px solid #F6F1EB;} #rnd_page .sub_common_title .en{} #rnd_page .inner{width: 100%; padding: 0 16px; margin: 0; margin-top: 2rem;} #rnd_page .rnd_pop_wrap .rnd_pop{width: 85%; height: auto;} #rnd_page .rnd_pop_wrap .rnd_close{width: 24px; height: 24px;} #rnd_page .rnd_pop_wrap .swiper-pagination{gap: 0 8px;} #rnd_page {padding-bottom: 0;} .swiper_pop .swiper_pop_close {top: 20px; right: 20px;} .swiper_pop .swiper_box {width: 248px;} .swiper_pop .rnd_prev1 {left: -40px;} .swiper_pop .rnd_next1 {right: -40px;} #identity_ck_page {text-align: center;} #rnd_page .product_category .img{aspect-ratio: 375/153;} #rnd_page .product_category img{width: 100%; height: 100%;} #rnd_page .rnd_tab_wrap{width: 100%; margin: 4rem 0 1.6rem; padding: 0 20px;} #rnd_page .rnd_main_tab{padding: 0.2rem 0; margin-bottom: 0; border-bottom:none;} #rnd_page .rnd_tab_wrap a{font-size: 1.3rem; height: 27px; line-height: 27px;} #rnd_page .rnd_sub_tab li a{padding: 0 2px; font-size: 1.2rem; height: 24px; line-height: 24px;} #rnd_page .rnd_sub_tab{ /*overflow-x: auto;*/ -webkit-overflow-scrolling: touch; white-space: nowrap; padding: 0.42rem 0 0;} #rnd_page .rnd_tab_wrap .sub_tab_wrap{scrollbar-width: none; -ms-overflow-style: none;} .sub_tab_wrap::-webkit-scrollbar {display: none; } #rnd_page .rnd_tab_wrap .sub_tab_wrap li:not(:first-of-type):before{margin: 0 10px;} #rnd_page .rnd_pop_wrap .swiper-button-next{right: 0;} #rnd_page .rnd_pop_wrap .swiper-button-prev{left: 0;} /*#rnd_page .rnd_sub_tab1{padding-right:0;}*/ #rnd_page .rnd_sub_tab2{padding-left: 0;} ul.rnd_sub_tab.rnd_sub_tab2 li::before{margin: 0 7px;} .rnd_news{padding: 4.5rem 0;} .rnd_news .btn_black{width: 90%;} } @media (max-width: 560px) { #rnd_page{padding-bottom: 0;} #rnd_page .rnd_sub_tab li a{padding: 0;} #rnd_page .inner{padding: 0;} } /*리뉴얼 about*/ .sub_inner2{width: 100%; padding: 0 4.5rem;} #re_about_page{padding-bottom: 3.2rem;} #re_about_page .thum{height: 663px;width:100%;} #re_about_page .thum img {display: block; width: 100%; height: 100%; object-fit: cover;} #re_about_page .cont{margin-top: 20.3rem;} #re_about_page .cont1 .desc{text-align: center; color: #000; font-size: 1.8rem; word-break: keep-all; line-height: 1.6} /*#re_about_page .cont2 > ul{display: flex; gap: 1.8rem;}*/ #re_about_page .cont2 > ul{width: 50.8rem; margin: 0 auto;} #re_about_page .cont2 > ul li{flex: 1;} #re_about_page .cont2 > ul li .img, #re_about_page .cont2 > ul li .img img{width: 100%;} #re_about_page .cont2 .disc li{padding-left: 2rem; position: relative;} #re_about_page .cont2 .disc li::before{content: ''; display: block; position: absolute; top: 20%; left: 1rem; width: 4px; height: 4px; border-radius: 100%; background: #444;} #re_about_page .about_box .cont2 .tit{margin-top: 3.9rem; font-size: 2.2rem; font-family: 'AstoriaSansRoman'; border-bottom: 1px solid #E7E7E7; padding-bottom: 1rem;} #re_about_page .about_box .cont2 .tit span{color: #444; font-size: 1.4rem; display: block; margin-top: 1rem;} #re_about_page .about_box .cont2 .txt{margin-top: 1rem; line-height: 3rem; font-size: 1.4rem; color: #444;} #re_about_page .about_box .cont2 .txt > ul li + li{margin-top: 2.1rem;} #re_about_page .about_box .cont3 ul{display: flex;} #re_about_page .about_box .cont3 li{flex: 1;} #re_about_page .about_box .cont3 li img{width: 100%; } /* apha */ #apha_page .sub_common_title{font-weight: 500;} #apha_page .sub_common_title > p {margin-top: 20px; font-size: 1.4rem; font-weight: 400; line-height: 1.7; color: #444;} .apha_box {word-break: keep-all;} .apha_box .thum{position: relative;} .apha_box .thum img {display: block; width: 100%;} .apha_box .thum .txt{position: absolute; top:13%; left: 23%; font-weight: 500;} .apha_box .thum .txt b{font-size: 2.4rem; display: block; margin-bottom: 20px; line-height: 1.5; color: #000; font-weight: 500;} .apha_box .thum .txt p{font-size: 16px; color: #444; line-height: 1.4; font-weight: 500;} .apha_box .apha_toggle {margin: 60px auto; max-width: 1400px; width: 100%;} .apha_box .apha_toggle > li {margin-bottom: 8px;} .apha_box .apha_toggle > li:last-child(1){margin-bottom: 0;} .apha_box .apha_toggle > li .tit {display : flex; align-items: center; font-size: 1.6rem; font-weight: 500; line-height: 1.5; cursor: pointer; background-color: #f6f6f6; padding: 20px;} .apha_box .apha_toggle > li .tit span{font-weight: 700; font-size: 1.8rem; margin-right: 8px;} .apha_box .apha_toggle > li .tit.active{background-color: #2F0B0A; color: #fff; font-weight: 700;} .apha_box .apha_toggle > li .tit::after {content: ''; width: 15px; height: 10px; margin-left: auto; background: url('../img/aphp_arrow_down.svg') no-repeat; background-size: contain;} .apha_box .apha_toggle > li .tit.active::after {background: url('../img/aphp_arrow_up.svg') no-repeat; background-size: contain} .apha_box .apha_toggle > li .cont {display: none; margin-top: 8px; font-size: 1.4rem; font-weight: 300; line-height: 1.7; padding: 20px 20px 40px 20px;} .apha_box .desc {font-size: 1.4rem; font-weight: 400; line-height: 1.7;max-width: 1400px; width: 100%; margin: 0 auto;} /* 자주 묻는 질문 */ #qna_page {} #qna_page .rnd_tab_dp1 {margin-top: 30px; margin-bottom: 30px;} #qna_page .rnd_tab_dp1 {width: 100%; overflow-y: auto;} #qna_page .rnd_tab_dp1 > ul {display: flex; gap: 5px; width: 100%; overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;overflow-y: hidden;} #qna_page .rnd_tab_dp1 > ul::-webkit-scrollbar { display: none; /* Chrome, Safari, Edge */ } #qna_page .rnd_tab_dp1 > ul > li {} #qna_page .rnd_tab_dp1 > ul > li > a {display: block; height: 35px; padding: 0 12px; border: 1px solid #e8e8e8; border-radius: 50px; color: #929292; white-space: nowrap; font-size: 13px; font-weight: 400; line-height: 35px;} #qna_page .rnd_tab_dp1 > ul > li > a.active {border-color: #2F0B0A; color: #2F0B0A;} #qna_page #faq_wrap ol{border-top: none;} #qna_page #faq_wrap li{border-bottom-color: #cecece;} #qna_page #faq_wrap li h3{ position: relative; } #qna_page #faq_wrap li h3::after{content: ''; width: 18px; height: 18px; background: url("../img/faq_add.svg") no-repeat center; background-size: contain; display: block; position: absolute; top: 0; right: 0; pointer-events: none;} #qna_page #faq_wrap li h3.faq_li_open::after{background: url("../img/faq_minus.svg") no-repeat center; background-size: 14px 14px;} #qna_page #faq_wrap li h3 > a, #faq_wrap li h3.faq_li_open > a{font-size: 1.4rem; font-weight: 500;} #qna_page #faq_wrap li h3 > a p{width: 95%;} #qna_page #faq_con .con_inner{font-size: 1.3rem; font-weight: 300;} @media (max-width: 1400px) { .apha_box .apha_toggle, .apha_box .desc{max-width: 80%;} } @media (max-width: 800px) { /*#about_page .thum{height: 47.7rem;}*/ /*.about_box .cont .tit {margin-top: 2rem;font-size: 1.8rem; padding-bottom:1rem;}*/ /*.about_box .cont .tit:nth-of-type(3){border-bottom:none;}*/ /*.about_box .cont .name{font-weight: 500;}*/ /*.about_box .cont .desc{font-size:1.4rem;}*/ /*.about_box .cont2{display: unset}*/ /*.about_box .cont2 .left{width: 100%; padding-right:0;}*/ /*.about_box .logobox{margin-bottom:1rem;}*/ /*.about_box .cont2 .right{display: none;}*/ /*!*.about_box .thum {width: calc(100% + 24px); margin-left: -12px;}*!*/ /*!*.about_box .logobox {padding: 52px 0;}*!*/ /*!*.about_box .logobox img {height: 126px;}*!*/ /*!*.apha_box .thum {width: calc(100% + 24px); margin-left: -12px;}*!*/ /*리뉴얼 about 모바일*/ #re_about_page{padding-bottom: 0;} #re_about_page .thum{height: 47.7rem;} #re_about_page .cont{margin-top: 3.5rem;} #re_about_page .cont1{padding-left: 3rem; padding-right: 3rem; margin-top: 3.5rem;} #re_about_page .cont1 .desc{font-size: 1.3rem; line-height: 2.2rem;} #re_about_page .cont2{display: flex; padding-left: 1.4rem; padding-right: 1.4rem;} #re_about_page .cont2 > ul{flex-wrap: wrap; gap: 7.1rem 0;} #re_about_page .cont2 > ul li{flex: 1 1 100%;} #re_about_page .about_box .cont2 .tit{margin-top: 3.5rem; font-size: 1.4rem; padding-bottom: 1rem;} #re_about_page .about_box .cont2 .txt{font-size: 1.3rem;line-height: 2.2rem;} #re_about_page .about_box .cont3 ul{flex-wrap: wrap;} #re_about_page .about_box .cont3 ul li{flex: 1 1 50%;} #re_about_page .cont2 .disc li::before{top:15%;} /* apha */ .apha_box .thum{display: flex; flex-wrap: wrap; padding: 0 16px;} .apha_box .thum .txt{position: relative; top: 0; left: 0; order: 1} .apha_box .thum .mo_only{order:2; width: 100%;} .apha_box .thum .txt{margin-bottom:15px;} .apha_box .thum .txt b{font-size: 1.8rem; line-height: 1.2; margin-bottom: 10px;} #apha_page .sub_common_title > p{font-weight: 700; margin-top: 10px;} .apha_box .apha_toggle{margin: 20px 0 30px 0; max-width: 100%;} .apha_box .apha_toggle > li{margin-bottom: 1px;} .apha_box .apha_toggle > li .tit{font-size: 1.5rem; padding: 15px;} .apha_box .apha_toggle > li .cont{padding:20px; line-height: 2;} .apha_box .desc{max-width: 100%; font-weight: 300; line-height: 2; padding: 0 16px;} #qna_page .rnd_tab_dp1 {margin-top: 0; margin-bottom: 30px; height: 40px; overflow-x:scroll; width: 100%;} } /* 쇼핑몰 회원가입 */ #container .register{margin-bottom:30px} #register_form .register_form_inner{background:#fff} .register #register_form{background-color:initial} /* 쇼핑몰 비회원 주문조회 */ #mb_login_od_wr {margin:20px auto 0;border:1px solid #dde7e9;width:360px;background:#fff;text-align:center} #mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px} /*#mb_login_od_wr #mb_login_od {padding:0 35px}*/ #mb_login_od_wr .frm_input {width:100%;margin:10px 0 0} #mb_login_od_wr .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em} #mb_login_od_wr p {background:#f3f3f3;margin:20px 0 0;padding:15px 20px;line-height:1.5em} /*#mb_login #sns_login {margin-top:0;border-color:#edeaea;padding:25px} #mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""} #mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #mb_login #sns_login .sns-wrap {margin:0 !important} #mb_login #sns_login .sns-icon {width:49% !important;float:left !important} #mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%} #mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}*/ /*쇼핑몰 비회원 구매*/ #mb_login_notmb {width:360px;margin:30px auto;padding:20px 30px;background:#fff;border:1px solid #dde7e9} #mb_login_notmb h2 {font-size:1.25em;margin:10px 0;text-align:center} #mb_login_notmb p {text-align:left} #mb_login_notmb label {text-align:left} #guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto} #mb_login_notmb .btn_submit {display:block;text-align:center;margin-top:10px;line-height:45px} /* 쇼핑몰 로그인 */ .mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center} .mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e} .mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""} .mbskin .chk_box input[type="checkbox"] + label span{position:relative} /* 새글 */ .is_community .tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;border-left:0 none;line-height:1.4em;height:60px;word-break:break-all} /* 글쓰기 및 글보기 */ .is_community .chk_box input[type="checkbox"] + label span{top:2px;left:0} .is_community .bo_fx{margin-bottom:20px} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* 이미지 등비율 리사이징 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 -pc */ #captcha {display:inline-block;position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} #captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} #captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* ckeditor 단축키 */ .cke_sc {margin:0 0 5px;text-align:right} .btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center} .cke_sc_def dl {margin:0 0 5px;text-align:left} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:20%;font-weight:bold} .cke_sc_def dd {width:30%} /* ckeditor 태그 기본값 */ #bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con li {display:list-item} /* Mobile화면으로 */ #mobile_cng {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} /* 목록 바로가기 */ .sanchor {margin:30px 0 20px;padding:0} .sanchor:after {display:block;visibility:hidden;clear:both;content:""} .sanchor li {float:left;width:20%;text-align:center;list-style:none} .sanchor li a {display:block;position:relative;height:60px;margin-left:-1px;background-color:#f7f7f7;border:1px solid #cdcdcd;border-bottom:1px solid #000;font-size:1.25em;color:#666;line-height:58px;text-align:center;z-index:1} .sanchor li .sanchor_on {margin:0 0 0 -1px;border:1px solid #000;background:#fff;z-index:2;border-bottom-color:#fff;color:#000;font-weight:bold} .sanchor li a .item_qa_count,.sanchor li a .item_use_count {display:inline-block;background:#aaa;padding:0 5px;line-height:23px;border-radius:15px;color:#fff;min-width:23px;font-size:12px} .sanchor li .sanchor_on .item_qa_count,.sanchor li .sanchor_on .item_use_count {background:#55bfb1} /* 콘텐츠별 스타일 */ .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 버튼 */ a.btn,.btn {display:inline-block;vertical-align:middle;line-height:40px;height:40px;padding:0 10px;border:none;text-align:center;font-size:13px;font-weight:400;transform:skew(-0.1deg);text-decoration:none;} a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:right} /* 서식단계 진행 */ .btn_submit {border:0;background:#333;color:#fff;cursor:pointer;} .btn_close {border:1px solid #dcdcdc;cursor:pointer;background:#fff} a.btn_close {text-align:center;line-height:50px} a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {} button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01,.btn_b01 {background:#333;color:#fff;} a.btn_b02,.btn_b02 {background:#253dbe;color:#fff;} a.btn_b03, .btn_b03 {background:#fff;border:1px solid #b9bdd3;color:#646982;line-height:38px;} a.btn_b04, .btn_b04 {background:#fff;border:1px solid #ccc;color:#707070;line-height:38px;} a.btn_admin,.btn_admin {background:#333;color:#fff;} /* 관리자 전용 버튼 */ /* 선택수정 버튼 */ /*.btn_list {margin:0 auto;width:93%} .btn_list input, .btn_list button {background:none repeat scroll 0 0 #617D46;border:0 none;color:#FFFFFF;height:28px;line-height:2.2em;padding:0 15px;vertical-align:middle}*/ /* 기본테이블 */ .tbl_wrap {font-family:'Pretendard', 'Noto Sans KR', dotum, sans-serif;transform:skew(-0.1deg);} .tbl_wrap table {width:100%;border-collapse:collapse;background:#fff;border-top:2px solid #ccc;} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:15px 0;font-weight:500;color:#333;text-align:center;border-bottom:1px solid #ddd;background:#fff;font-size:16px;line-height:1.2;} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8} .tbl_head01 td {padding:15px 5px;font-weight:00;color:#333;border-bottom:1px solid #ecf0f1;background:#fff;font-size:16px;line-height:1.5;word-break:break-all} .tbl_head01 a:hover {text-decoration:underline} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:7px;background:#f3f3f3;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head02 td {padding:5px 3px;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head02 a {} .tbl_head03 {margin:0 0 10px} .tbl_head03 table {border-bottom:1px solid #d3d3d3} .tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head03 thead th {padding:20px 0;border-top:2px solid #959da6;border-bottom:1px solid #d3d3d3;color:#383838;font-size:1.2em;text-align:center;letter-spacing:-0.1em} .tbl_head03 thead a {color:#383838} .tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head03 td {background:#fff;background-clip:padding-box;padding:25px 15px;border-top:1px solid #ccd2d9;border-left:1px solid #f6f6f6;line-height:1.5em;word-break:break-all} .tbl_head03 td:first-child {border-left:0} .tbl_head03 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:90px;padding:5px 10px;background:none;text-align:right;font-weight:normal} .tbl_frm01 td {padding:5px 10px;background:transparent} .wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)} .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:40px} .full_input, .frm_address {width:100%} .half_input {width:49.5%} .tbl_frm01 textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_address {margin-top:5px} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /*기본리스트*/ .list_01 li {position:relative;border:1px solid #dbdbdb;border-radius:3px;margin:8px 0;padding:10px 15px;list-style:none} .list_01 li:after {display:block;visibility:hidden;clear:both;content:""} .list_01 li:hover {background:#f9f9f9} .list_02 ul:after {display:block;visibility:hidden;clear:both;content:""} .list_02 li {float:left;width:225px;margin:10px 0 20px 18px} .list_02 li:nth-child(5n+1) {clear:both;margin-left:0} /*폼 리스트*/ .form_01 h2 {margin:0 0 10px;font-size:1.25em} .form_01 li {margin:10px 0} .form_01 li:after {display:block;visibility:hidden;clear:both;content:""} .form_01 li .right_input {float:right} .form_01 textarea {height:100px;width:100%} .form_01 .frm_label {display:inline-block;width:130px} .form_01 .form_left {float:left;width:49.5%} .form_01 .form_right {float:right;width:49.5%} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center;} .empty_list {padding:50px 0 !important;color:#666;text-align:center;font-size:16px;transform:skew(-0.1deg);} /* 필수입력 */ .required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important} /* 테이블 그리드 padding 0 5px 고려한 넓이 */ .grid_1 {width:40px} .grid_2 {width:90px} .grid_3 {width:140px} .grid_4 {width:190px} .grid_5 {width:240px} .grid_6 {width:290px} .grid_7 {width:340px} .grid_8 {width:390px} .grid_9 {width:440px} .grid_10 {width:490px} .grid_11 {width:540px} .grid_12 {width:590px} .grid_13 {width:640px} .grid_14 {width:690px} .grid_15 {width:740px} .grid_16 {width:790px} .grid_17 {width:840px} .grid_18 {width:890px} /* 테이블 항목별 정의 */ .td_board {width:120px;text-align:center} .td_chk {width:30px;text-align:center} .td_date {width:60px;text-align:center} .td_datetime {width:110px;text-align:center} .td_default {width:60px;text-align:center} .td_dvr {width:100px;text-align:center} .td_group {width:100px;text-align:center} .td_imgsmall {width:60px;text-align:center} .td_num {width:80px;text-align:center} .td_numbig {width:100px;text-align:center} .td_nick {width:100px;text-align:center} .td_name {width:100px;text-align:left} .td_namesmall {width:50px;text-align:left} .td_mb_id {width:100px;text-align:center} .td_mng {width:80px;text-align:center} .td_mngsmall {width:100px;text-align:center} .td_statsmall {width:50px;text-align:center} .text_left {text-align:left !important} .text_center {text-align:center !important} .text_right {text-align:right !important} /* 새창 기본 스타일 */ .new_win {position:relative;background:#fff} .new_win .tbl_wrap {margin:0 20px} .new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); -moz-box-shadow:0 1px 10px rgba(0,0,0,.1); box-shadow:0 1px 10px rgba(0,0,0,.1)} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .win_ul {margin-bottom:15px;padding:0 20px} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px} .new_win .win_ul li:first-child {margin-left:0} .new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3} .new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5} .new_win .win_ul .selected a {color:#fff;font-weight:bold} .new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px} .new_win .win_desc i {font-size:1.2em;vertical-align:baseline} .new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px} .new_win .frm_info {font-size:0.92em;color:#919191} .new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px} .new_win .new_win_con {margin:20px 0;padding:20px} .new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} .new_win .new_win_con2 {margin:20px 0 0} .new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_btn {text-align:center;padding-bottom:30px} .new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer} .new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} #validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰 */ .sv_wrap {display:inline-block;position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111} .sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important} .sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important} .sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {margin:10px 0 30px;text-align:center} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {text-align:center} .pg_page, .pg_current,.qa_page {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page,.qa_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px} .pg_page:hover,.qa_page:hover {background-color:#fafafa} .pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee} .pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa} .pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px} /* 팁 */ .tooltip_icon {display:inline-block;vertical-align:middle;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer} .tooltip_icon:hover {color:#448bf5} .tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:20px} .tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000} .tooltip_txt {position:relative;text-align:left;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;padding:0 20px;border-radius:5px;font-weight:bold} .tooltip_txt:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453} .tooltip_txt i {font-size:1.2em;vertical-align:middle} /* ########## 쇼핑몰 컨텐츠 ########## */ /* 인덱스 이미지 출력 */ #sidx_img {margin:0 0 20px} #sidx_img img {max-width:100%;height:auto} /* 상품 메일 추천하기 */ #sit_rec_new {} #sit_rec_new th, #sit_rec_new td {display:block;width:100%} #sit_rec_new th {text-align:left;margin-top:20px;margin-bottom:5px} #sit_rec_new textarea {width:100%;min-height:100px} #sit_rec_new .win_btn {margin:20px 0} /* 마이페이지 */ .mypage_page_wrap{padding: 10rem 0; } .mypage_page_wrap .sub_inner{max-width: 1000px; width: 100%; box-sizing: border-box; margin: 0 auto; min-height: 750px;} .mypage_page_wrap .sub_inner .box{padding: 5rem; border: 1px solid #f1f1f1;} .mypage_page_wrap .sub_common_title{font-size: 2.2rem; font-weight: 500; margin-bottom: 30px;} .mypage_page_wrap .common_table table th, .mypage_page_wrap .common_table table td{border-top: none; border-bottom: none; font-size: 1.2rem; font-weight: 400; padding: 10px 0;} .mypage_page_wrap .common_table table th{border-bottom: 1px solid #000;} .mypage_page_wrap .common_table table td{color:#929292; font-size: 1.2rem; font-weight: 400;} .mypage_page_wrap .common_table table td.order_price{color: #000; font-family: 'AstoriaSansRoman';} #order_detail_page .order_step4_finish{max-width: 1000px; margin: 0 auto; width: 100%; padding: 5rem; border: 1px solid #f1f1f1;} #order_detail_page .order_step4_finish .order_info01, #product_order_page .order_info01{padding: 5rem; margin-bottom: 10px;} #order_detail_page .order_step4_finish .desc{font-size: 1.4rem; font-weight: 500; color: #929292; margin-bottom: 5px;} .mypage_page_wrap .order_step4_finish .sub_common_title{border-bottom: none; margin-bottom: 0;} .mypage_page_wrap .order_step4_finish .finish_numb{border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; font-weight: 300; font-size: 1.4rem;} .mypage_page_wrap .order_step4_finish .finish_numb b{font-weight: 300;} #order_detail_page .product_list_row > li .box .cont{position: relative; width: 100%;} #order_detail_page .product_list_row > li .box .cont .tit{font-weight: 500;} .product_list_row > li .box .cont .tit span{color: #c4c4c4; display: block; margin-top: 5px;} #order_detail_page .product_list_row > li .box .cont .tit .qty{display: none; } #order_detail_page .product_list_row > li .box .cont .price{font-size: 1.4rem; font-weight: 400; color: #929292; font-family: 'AstoriaSansRoman'; line-height: 1;} #order_detail_page .product_list_row > li .box .cont .price .qty{display: inline-block; padding-left: 5px; margin-left: 5px; border-left: 1px solid;} #order_detail_page .product_list_row > li .box .cont .stt{position:absolute; right: 0; top: 50%; transform: translateY(-50%); font-weight: 500;} .order_page .order_sum .sum_item_list > li + li{margin-top: 0 ;} .order_page .order_sum .sum_price_list > li > b, .order_page .order_sum .sum_price_list > li > span{font-weight: 500;} .order_page .order_page .order_sum .sum_price_list > li > b{font-size: 1.4rem;} .mypage_page_wrap .login_sub_tit{font-weight: 700; font-size: 1.6rem; display: flex; align-items: center; color: #000000;} .mypage_page_wrap .login_sub_tit img{margin-right: 5px;} @media (max-width: 800px) { .mypage_page_wrap{padding: 0;} .mypage_page_wrap .sub_inner{padding: 0 16px;} .mypage_page_wrap.nonmember-page {padding-top: 20px;} .mypage_page_wrap .sub_inner .box{padding: 0 0 5rem 0; border: none;} .mypage_page_wrap .sub_common_title{margin: 2rem 0; font-size: 1.6rem; font-weight: 700;} .mypage_page_wrap .common_table_list > li .top{padding: 11px 0;color: #000;} .mypage_page_wrap .common_table_list > li .top .dt, .mypage_page_wrap .common_table_list > li .top .date{ font-size: 1.3rem; } .mypage_page_wrap .common_table_list > li .mid .cont .tit, .mypage_page_wrap .common_table_list > li .mid .cont .stt{font-weight: 500;} .mypage_page_wrap .common_table_list > li .mid .cont .desc{color: #929292;} .mypage_page_wrap .common_table_list > li .mid .cont .pri{color: #929292; font-family: 'AstoriaSansRoman';} #order_detail_page .order_step4_finish{padding: 0 16px; border: none;} #order_detail_page .order_step4_finish .order_info01{padding: 0; margin-bottom: 30px; } .order_step4_finish .finish_numb{padding: 13px 0; font-size: 1.3rem;} .finish_introduce .intro_list > li{padding: 3rem 0; position: relative;} .finish_introduce .intro_list > li::before, #order_cancle_page .order_step4_finish .order_info02::before{content:''; display: block; position: absolute; top:0; left: -5%;width: 110%; height: 1px; background: #f1f1f1; } .finish_introduce .intro_list > li .tit{border-bottom: 0; padding-bottom: 0; margin-bottom: 18px;} .product_list_row > li{padding: 10px 0 20px 0;} .finish_introduce .intro_list > li .tit > span{font-size: 1.4rem; font-weight: 700;} .finish_introduce .intro_list > li .cont ul.desc > li > b, .finish_introduce .intro_list > li .cont ul.desc > li > span, .order_step4_finish .oredr_capt .capt_tit, .order_step4_finish .oredr_capt .oredr_capt_list > li .desc > li{font-size: 1.3rem;} .finish_introduce .intro_list > li .cont ul.desc > li + li{margin-top: 10px;} .finish_introduce .intro_list > li .cont ul.price > li.total > b{font-size: 1.4rem;} .order_step4_finish .oredr_capt{padding: 20px 15px; margin-bottom: 5rem;} #order_detail_page .product_list_row > li .box .cont .stt{position: relative; top: unset; transform: translateY(0);} .product_list_row > li .box .cont .stt{font-weight: 500;} } #smb_my {position:relative;margin-bottom:30px} #smb_my:after {display:block;visibility:hidden;clear:both;content:""} /* 마이페이지 aside */ #smb_my_ov {position:relative;float:left;margin:0 10px 0 0;width:265px;border:1px solid #e8e8e8;background:#fff;margin-right:20px} #smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #smb_my_ov .smb_me {display:block;background:#fff;border-bottom:1px solid #e8e8e8;padding:20px;text-align:center;font-size:1.167em} #smb_my_ov .smb_me img {width:45px;border-radius:50%} #smb_my_ov .smb_me .my_ov_name {display:inline-block;margin-bottom:10px;line-height:28px} #smb_my_ov .smb_me a {display:inline-block;font-size:0.85em;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#8a8a8a;border-radius:2px;padding:2px 5px} #smb_my_ov .smb_me a.smb_info {color:#3a8afd} #smb_private:after {display:block;visibility:hidden;clear:both;content:""} #smb_private {padding:10px 0} #smb_private li {text-align:left;position:relative;text-align:left} #smb_private a {display:block;background:#fff;color:#465168;line-height:20px;padding:10px 20px 10px 25px} #smb_private a strong {display:inline-block;float:right;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;color:#3a8afd;padding:0 5px;border-radius:15px;font-size:0.92em} #smb_private a:hover strong {background:#4b8bff} #smb_private li a:hover {color:#4b8bff} #smb_private li a:hover:after {position:absolute;left:0;top:0;width:2px;height:100%;background:#3a8afd;content:""} #smb_private li i {width:25px;color:#8c9eb0;margin-right:5px} #smb_private li:hover i {color:#3a8afd} #smb_private .win_point strong {background:#37bc9b;color:#fff} #smb_private .win_memo strong {background:#ff8b77;color:#fff} #smb_private .win_scrap strong {background:#8cc152;color:#fff} #smb_private .win_coupon strong {background:#a352c1;color:#fff} #smb_my_ov h3 {font-size:1.2em;padding:20px 20px 10px;border-top:1px solid #e8e8e8} #smb_my_ov .op_area {border-top:0;padding:0 20px;line-height:18px;color:#555} #smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""} #smb_my_ov .op_area dt {margin:5px 0;padding-top:5px;font-weight:bold;color:#8c9eb0;line-height:20px} #smb_my_ov .op_area dd {margin:5px 0;padding-bottom:10px;border-bottom:1px dashed #e5e5e5} #smb_my_ovaddt {border-bottom:0 !important} #smb_my_ovaddd {border-bottom:0 !important} .withdrawal {display:block;padding:10px 20px;border-top:1px solid #e8e8e8;color:#c7c7c7} /* 마이페이지 list */ #smb_my_list {float:left;width:915px} #smb_my_od h2 {margin:0 0 10px;font-size:1.25em} #smb_my_od {position:relative;margin:0 0 50px} .smb_my_od {background:#fff} .smb_my_od li {padding:15px;border-bottom:1px solid #ececec} .smb_my_od li:last-child {border-bottom:0} .smb_my_od li:after {display:block;visibility:hidden;clear:both;content:""} .smb_my_od li:hover {background:#fff6f6} .smb_my_od .smb_my_od_li {float:left;line-height:18px} .smb_my_od .smb_my_od_li1 {width:140px;text-align:center} .smb_my_od .smb_my_od_li2 {width:75%;padding:0 20px} .smb_my_od .smb_my_od_li3 {width:80px;float:right;text-align:center} .smb_my_od .ord_num, .smb_my_od .ord_name {font-size:1.2em;font-weight:bold;letter-spacing:-0.5px} .smb_my_od .date {color:#b5b5b5} .smb_my_od .cost {color:#3a8afd;font-weight:bold} .smb_my_od .misu {color:#6d6d6d} #smb_my_wish {position:relative;margin-bottom:30px} #smb_my_wish h2 {font-size:1.25em;padding:0 0 20px;border-bottom:1px solid #d9dde2} #smb_my_wish li {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px} #smb_my_wish li:after {display:block;visibility:hidden;clear:both;content:""} #smb_my_wish .smb_my_chk {display:inline-block;float:left;margin-right:10px;color:red} #smb_my_wish .smb_my_img {float:left;margin-right:20px} #smb_my_wish .smb_my_tit {margin:5px 0;font-size:1.167em;font-weight:bold} #smb_my_wish .smb_my_price {font-weight:bold;font-size:1.2em;margin-bottom:30px} #smb_my_wish .smb_my_date {font-size:1em;color:#777} .smb_my_more {position:absolute;top:0;right:0} .smb_my_more a {display:block;background:url('../img/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:30px} #smb_my_wish li .wish_del {position:absolute;right:20px;top:50px;font-size:1.4em;color:#b2b2b2} #smb_ws_act {text-align:center;margin:20px 0 30px} #smb_ws_act .btn01 {width:180px;height:50px;font-weight:bold;font-size:1.167em;border:1px solid #98a3b3;border-radius:3px} #smb_ws_act .btn02 {width:180px;height:50px;font-weight:bold;font-size:1.167em;border:1px solid #1c70e9;border-radius:3px;background:#3a8afd} /* 장바구니 주문서 공통 */ .od_prd_list .td_chk {} .od_prd_list .td_prd {border-left:0;position:relative;padding-left:120px;min-height:100px} .od_prd_list .td_prd .sod_img {position:absolute;top:25px;left:20px} .od_prd_list .td_prd .sod_name {min-height:80px} .od_prd_list .td_prd .prd_name {font-size:1.4em} .od_prd_list .total_prc {color:#000;font-weight:bold;font-size:1.4em} .sod_opt {margin:5px 0} .sod_opt ul {display:inline-block;margin:0;padding:0;list-style:none} .sod_opt li {color:#000;padding:3px 0;line-height:1.3em} .sod_opt li:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;padding:3px;border-radius:3px;background:#e2eaf6;line-height:1em;color:#3a8afd} .sod_option_btn .mod_options {height:30px;margin:5px 0 0;padding:0 5px;border:1px solid #d4d6db;color:#606060;background:#fff;border-radius:3px} .cp_btn {padding:0 10px;border:1px solid #d4d6db;color:#3a8afd;background:#fff;height:26px;border-radius:3px} .cp_cancel {padding:0 10px;border:1px solid #aaa;color:#666;background:#fff;height:26px;border-radius:3px} /* 장바구니 */ /*#product_order_page .sub_common_title{font-size: 1.4rem; font-weight: 500; line-height: 1.4; margin-bottom: 30px; padding: 0 0;}*/ #product_order_page .sub_inner{padding: 0; background: transparent;} #product_order_page .finish_box{margin-top: 10px;} #product_order_page .finish_box .btn_black{margin-top: 40px;} #sod_bsk {margin-bottom:30px} .btn_cart_del {padding:20px 0;border-bottom:1px solid #ccd2d9} .btn_cart_del button {height:30px;padding:0 10px;border:1px solid #d4d6db;border-radius:5px;background:#fff;color:#666} #sod_bsk_list {position:relative} #sod_bsk #sod_bsk_tot {border:1px solid #212a37;margin:20px 0} #sod_bsk #sod_bsk_tot ul:after {display:block;visibility:hidden;clear:both;content:""} #sod_bsk #sod_bsk_tot li {float:left;width:33.333%;background:#4a505a;color:#fff;border-left:1px solid #212a37;text-align:right;padding:25px;font-size:1.167em} #sod_bsk #sod_bsk_tot li:first-child {border:0} #sod_bsk #sod_bsk_tot li span {display:inline-block;float:left} #sod_bsk #sod_bsk_tot .sod_bsk_cnt {width:33.335%;background:#212a37} #sod_bsk_act {text-align:center;margin-bottom:30px} #sod_bsk_act .btn_submit {height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em} #sod_bsk_act .btn01 {height:50px;line-height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em} #sod_bsk_act p {margin:0 0 10px} /* 장바구니 선택사항수정 */ #sod_bsk_list #mod_option_frm {z-index:10000;position:fixed;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-280px; margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit} #sod_bsk_list .mod_option_bg {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:block;z-index:9999} #mod_option_frm h2 {border-bottom:1px solid #e8e8e8;padding:0 20px;line-height:50px;font-size:1.25em} .option_wr {padding:20px 20px 0} .option_wr h3 {font-size:1.167em;margin-bottom:10px} .option_wr .get_item_options, .option_wr .get_item_supply {margin-bottom:10px} .option_wr label {display:block;margin:10px 0 5px} .option_wr select {width:100%;border:1px solid #d4d4d4;height:48px} #sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none} #sit_opt_added li {padding:10px 15px;background:#f9f9f9;border:1px solid #e6e9ed;margin:10px 0;position:relative} #sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""} #sit_opt_added li .opt_name {line-height:28px;font-weight:bold} #sit_opt_added li .opt_count {} #sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em} #sit_opt_added button:hover {color:#000} #sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center} #sit_opt_added .sit_opt_del {position:absolute;right:0;top:0;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed} #sit_opt_added .sit_opt_del:hover {color:#be334a} #sit_opt_added .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold} #mod_option_frm #sit_sel_option {margin:20px 20px 10px} #mod_option_frm #sit_tot_price {float:left;display:inline-block;margin:0 20px 20px} #mod_option_frm #sit_opt_added {} #mod_option_frm .btn_confirm {float:right;display:inline-block;margin:0 20px 20px;background:yellow} #mod_option_frm .btn_confirm .btn_submit {width:100px;height:40px;font-size:1.167em;font-weight:bold;cursor:pointer} #mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;font-size:1.25em;border-radius:0} #mod_option_frm .btn_confirm .btn_close:hover {background:#f3f3f3} @media (max-width: 800px){ /* 마이페이지 */ /* 주문 배송 페이지 */ #order_list_page{padding: 0 0 0 0;} #order_list_page .sub_inner{margin-bottom: 0;} #order_list_page .sub_common_title{margin-bottom: 0;} /* 주문취소페이지 */ #order_cancle_page .order_step4_finish{padding: 0 16px;} #order_cancle_page .order_step4_finish .order_info01, #product_order_page .order_info01{padding:0; margin-bottom: 30px; background: transparent;} #order_cancle_page .order_step4_finish .order_info02{padding: 0; margin: 0; padding: 3rem 0; position: relative; background: transparent;} #product_order_page .order_info01 .box{padding-bottom: 0;} #order_cancle_page .order_step4_finish .order_info02 .tit{font-size: 1.4rem; font-weight: 700;} /* 주문완료 */ #product_order_page .sub_inner{padding: 0 16px;} .order_result .price{font-size: 1.4rem; color: #929292; font-weight: 400;} } /* 주문서 작성 */ #sod_frm {} #sod_frm p {margin:0 0 10px} #sod_frm .od_prd_list {margin-bottom:20px} #sod_list {position:relative} #sod_list #cp_frm {z-index:10000;position:absolute;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-270px;margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit} .od_coupon h3{border-bottom: 1px solid #cdcdcd;padding: 0 20px;line-height: 50px;margin: 0 0 15px;font-size: 1.25em;text-align:left; -webkit-box-shadow: 1px 2px 2px #eee; -moz-box-shadow: 1px 2px 2px #eee; box-shadow: 1px 2px 2px #eee;} .od_coupon .btn_close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;border: 0;background: none;border-left: 1px solid #cdcdcd;font-size: 1.25em;} .od_coupon .btn_close:hover{background:#f3f3f3} .od_coupon .tbl_head02{margin:20px} .od_coupon .cp_apply{padding: 0 5px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;} .od_coupon td,#sod_frm_pay .od_coupon td{text-align:left;border-left:0;padding:7px} #sod_frm_pay .od_coupon th{width:auto;text-align:center;padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;} .od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig{text-align:center;} .od_coupon .td_mngsmall{width:60px} /* 주문서 작성 - 왼쪽 */ .sod_left {display:inline-block;float:left;width:840px;margin-right:20px;vertical-align:top} /* 주문서 작성 - 주문하시는 분 */ #sod_frm .tbl_frm01 {padding:20px 10px} #sod_frm .tbl_frm01 th,#sod_frm .tbl_frm01 td {text-align:left;padding:10px;vertical-align:top} #sod_frm .tbl_frm01 th{padding:0px 10px} #sod_frm .tbl_frm01 td input {width:100%} #sod_frm .tbl_frm01 td .addr input {width:20%} #sod_frm .tbl_frm01 td .addr button {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px} /* 주문서 작성 - 받으시는 분 */ #sod_frm_taker .tbl_frm01 {padding:20px 10px} #sod_frm_taker .tbl_frm01 .choice_place {display:block;background:#edf3fc;padding:10px 15px;border:1px solid #d1ddee;margin:0 10px 10px} #sod_frm_taker .tbl_frm01 .choice_place:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm_taker .tbl_frm01 .choice_place .chk_box {float:left;display:inline-block;width:85%;line-height:30px} #sod_frm_taker .tbl_frm01 .choice_tit {float:left;display:inline-block;width:15% !important;line-height:30px} #sod_frm_taker .tbl_frm01 .choice_place input[type="radio"] + label span {top:7px} #sod_frm_taker .tbl_frm01 .choice_place input, #sod_frm_taker .tbl_frm01 .choice_place label {margin-left:10px} #sod_frm_taker .tbl_frm01 .btn_frmline {width:80px;height:30px;line-height:28px;background:#fff;border:1px solid #d4d6db;color:#606060;text-align:center;float:right} #sod_frm_taker .tbl_frm01 td input {width:100%} #sod_frm_taker .tbl_frm01 td .addr input {width:20%} #sod_frm_taker .tbl_frm01 td .addr button {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px} #sod_frm_taker .tbl_frm01 td .ad_choice {padding:5px 0} #sod_frm_taker .tbl_frm01 td .ad_choice input {width:auto} #sod_frm_orderer, #sod_frm_taker {margin:0 0 30px;border:1px solid #e3e5e8;background:#fff} #sod_frm section h2 {border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px} #sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0} /* 5.4.1.3 버전이후 추가 css */ #sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01{padding:0px 10px !important} #sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td{padding:10px;line-height:45px} #sod_frm .tbl_frm01 th{width:94px} #sod_frm #od_name,#sod_frm #od_tel,#sod_frm #od_hp,#sod_frm #od_pwd,#sod_frm #od_b_name,#sod_frm #od_b_tel,#sod_frm #od_b_hp,#sod_frm #ad_subject,#sod_frm #od_hope_date{width:40%} #sod_frm #od_zip,#sod_frm #od_b_zip{width:90px} #sod_frm .tbl_frm01 td .btn_address {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px} #sod_frm #od_memo{min-height:100px} #sod_frm_taker .order_choice_place{position:relative;background:#edf3fc;border:1px solid #d1ddee;padding-left:10px} #sod_frm_taker .tbl_frm01 .btn_frmline{float:none;position:absolute;top:8px;right:10px} #sod_frm #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm #sod_bsk_tot li{position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0} #sod_frm #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm #sod_bsk_tot li span{display:block;color:#777;margin-bottom:5px;font-weight:bold} #sod_frm #sod_bsk_tot .sod_bsk_sell,#sod_frm #sod_bsk_tot .sod_bsk_coupon{border-right:1px solid #e7ebf1} #sod_frm #sod_bsk_tot .sod_bsk_point,#sod_frm #sod_bsk_tot .sod_bsk_cnt{width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right} #sod_frm #sod_bsk_tot li:last-child {border-bottom:0 none} #sod_frm #sod_bsk_tot .sod_bsk_point span,#sod_frm #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0} #sod_frm #sod_bsk_tot .sod_bsk_coupon:before{display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;} #sod_frm #sod_bsk_tot .sod_bsk_dvr:before{display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;} #sod_frm #sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em} #sod_frm_pay {position:relative;margin:10px 0} #sod_frm #sod_frm_pay h2 {position:absolute;border:0;font-size:0;line-height:0;content:""} #sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse} #sod_frm_pay .pay_tbl th{text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777} #sod_frm_pay .pay_tbl td{text-align:right;padding: 10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff} #sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px} #sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 0;} #od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px} #od_tot_price span{float:left;font-weight:bold} #od_tot_price strong{font-size:1.5em;color:#ff006c} #sod_frm #sod_frm_pt_alert {margin:5px 0;color:#38b2bb } #od_pay_sl h3{font-size:1.167em;margin:20px 0 5px} #od_pay_sl input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;} #od_pay_sl .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1} #od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3} #sod_frm_paysel {} #sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .PAYCO, #sod_frm_paysel .paycopay_icon{background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .inicis_lpay, #sod_frm_paysel .lpay_icon{background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .inicis_kakaopay{position:relative;overflow:hidden;text-indent:-999px} #sod_frm_paysel .inicis_kakaopay em{position:absolute;top:15px;left:45px;width:70px;height:30px;background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px} #sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .naverpay_icon{background:url('../../../img/ico-default-naverpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .samsungpay_icon{background:url('../../../img/samsungpay.png') no-repeat 50% 50% #fff;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_paysel .ssgpay_icon{background:url('../../../img/ssgpay_icon.png') no-repeat 50% 50% #fff;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_paysel .skpay_icon{background:url('../../../img/skpay11_icon.png') no-repeat 50% 50% #fff; background-size: 70px;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_paysel .bank_icon{background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff} #sod_frm_paysel .vbank_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff} #sod_frm_paysel .iche_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff} #sod_frm_paysel .hp_icon{background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff} #sod_frm_paysel .card_icon{background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff} #forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} #forderform .od_pay_buttons_el{margin-top:20px;border:1px solid #e3e5e8;background:#fff;padding:10px} #forderform .od_pay_buttons_el h3{font-size:1.167em;margin:0px 0 5px} #forderform #sod_frm_pt{border-top:1px solid #e3e5e8} .sod_right .pay_tbl{border:1px solid #e3e5e8;border-bottom:0 none} .sod_right #od_tot_price{border:1px solid #e3e5e8} #sod_frm_pay .od_pay_buttons_el:after{display:block;visibility:hidden;clear:both;content:""} #sod_frm_pay .sod_frm_point{margin-top:20px;border:1px solid #e3e5e8} #sod_frm_pay .sod_frm_point div{background:#fff;padding:10px;text-align:left;text-align:right} #sod_frm_pay .sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''} #sod_frm_pay .sod_frm_point div label{float:left;line-height:30px;font-weight:bold} #sod_frm_pay .sod_frm_point div span{display:block} #sod_frm_pay .sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''} #sod_frm_pay .sod_frm_point div strong{float:left;color:#666} #sod_frm_pay .sod_frm_point .max_point_box em{font-style:normal !important} #sod_frm_pay .sod_frm_point #od_temp_point{height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;} /* 주문서 작성 - 오른쪽 */ .sod_right {display:inline-block;float:left;width:340px;height:100%;vertical-align:top} .sod_right #sod_bsk_tot {border:1px solid #3a8afd} .sod_right #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info li {position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0} .sod_right .sod_info li:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info li span {display:block;color:#777;margin-bottom:5px;font-weight:bold;color:#000} .sod_right .sod_info .sod_bsk_sell, .sod_right .sod_info .sod_bsk_coupon {border-right:1px solid #e7ebf1} .sod_right .sod_info .sod_bsk_coupon:before {display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px} .sod_right .sod_info .sod_bsk_dvr:before {display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px} .sod_right .sod_info .sod_bsk_cnt strong {font-size:1.25em} .sod_right .sod_info_bt {clear:both;padding:10px 15px;background:#fff} .sod_right .sod_info_bt:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info_bt li {} .sod_right .sod_info_bt li:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info_bt li span {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold;color:#000} .sod_right .sod_info_bt li strong {display:inline-block;float:left;width:50%;line-height:28px;text-align:right} .sod_right .sod_info_option {clear:both;border-top:1px solid #e7ebf1} .sod_right .sod_info_option h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .sod_right .sod_info_option ul {padding:10px 15px;background:#fff} .sod_right .sod_info_option li {margin-bottom:5px} .sod_right .sod_info_option li:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info_option .sod_ifop_tit {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold} .sod_right .sod_info_option .sod_ifop_tit .btn_frmline {width:auto;height:30px;color:#3a8afd;background:#fff;border:1px solid #d4d6db} .sod_right .sod_info_option .sod_ifop_tit .cp_cancel {width:auto;height:30px;border:1px solid #d4d6db;padding:0 5px;margin-left:5px;color:#b1b1b1;vertical-align:baseline} .sod_right .sod_info_option .sod_ifop_tit .od_coupon {z-index:10000;position:absolute;top:50%;left:50%;min-width:300px;height:auto !important;height:500px;max-height:500px;margin-left:-200px;margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit} .sod_right .sod_info_option .sod_ifop_tit .od_coupon>td {text-align:left} .sod_right .sod_info_option>td, .sod_right .sod_info_option .sod_ifop_t {display:inline-block;float:left;width:50%;line-height:28px;text-align:right} .sod_right .sod_info_option>td {text-align:right;padding:10px;height:30px} .sod_right .sod_info_option>td .cp_cancel {margin:0 0 0 2px} .sod_right .sod_info_option>td .btn_frmline {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:0} /* 주문서 작성 - 포인트사용 */ #sod_point {clear:both;background:#fff;margin-top:10px;border:1px solid #e3e5e8} #sod_point h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8} #sod_point h2:after {display:block;visibility:hidden;clear:both;content:''} #sod_point .point_tit {vertical-align:baseline;float:left;line-height:28px} #sod_point .point_tit label {vertical-align:baseline} #sod_point .point_ipt {float:right;display:inline-block;margin-left:35px;text-align:left;text-align:right;font-weight:normal} #sod_point .point_ipt:after {display:block;visibility:hidden;clear:both;content:''} #sod_point .point_ipt #od_temp_point {width:100px;height:30px;text-align:right;padding:0 5px;border:1px solid #d0d3db;border-radius:3px} #sod_frm_pt {padding:20px} /* #sod_frm_pt strong {display:inline-block;width:45%;color:#000;line-height:28px;text-align:left} #sod_frm_pt span {display:inline-block;width:55%;color:#000;text-align:right} #sod_frm_pt span:after {display:block;visibility:hidden;clear:both;content:''} */ #sod_frm_pt .max_point_box em {font-style:normal !important} /* 주문서 작성 - 결제수단 */ /* #sod_frm_pay {position:relative;margin:10px 0 0;background:#fff;border:1px solid #e3e5e8} */ #sod_frm_pay {position:relative;margin:10px 0 0} #sod_frm_pay h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8} #sod_frm_pay .tooltip_txt {height:auto;line-height:18px;font-weight:normal;font-size:1em;padding:10px 20px;margin:10px} #sod_frm_pay .tooltip_txt i {float:left;line-height:36px;font-size:2em;margin-right:15px} #sod_frm_pay .tooltip_txt:before {height:100%} #sod_frm_pay input[type="radio"] {} #sod_frm_pay .lb_icon {display:inline-block;position:relative;cursor:pointer;z-index:1} #sod_frm_pay input[type="radio"]:checked+.lb_icon {color:#3a8afd;z-index:3} #sod_frm_pay input[type="radio"] + label span {top:7px} #sod_frm_paysel {} #sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden} /* #sod_frm_paysel .PAYCO {display:inline-block;width:75px;background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #fa1417} #sod_frm_paysel .PAYNOW {display:inline-block;width:75px;background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #c01734} #sod_frm_paysel .kakaopay_icon {display:inline-block;width:60px;background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px} #sod_frm_paysel .KPAY {display:inline-block;width:58px;background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #22096a} #sod_frm_paysel .inicis_lpay {display:inline-block;width:50px;background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #009bd7} */ #sod_frm_paysel ul.pay_way {margin:0;padding:15px} #sod_frm_paysel ul.pay_way input[type="radio"] + label span {top:7px} #sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm_paysel li {position:relative;line-height:28px;text-align:left;list-style:none} #settle_bank {border:1px solid #e3e5e8;border-top:0 none;background:#fff;padding:10px;clear:both;line-height:32px} #settle_bank:after {display:block;visibility:hidden;clear:both;content:''} #settle_bank label {float:left;width:30%;line-height:30px} #settle_bank select, #settle_bank input {width:70%;height:32px;margin:0 0 5px;border:1px solid #e3e5e8;border-radius:3px;text-align:left} #settle_bank option {padding:3px 0} #settle_bank #od_deposit_name {height:32px;padding:0 5px;border:1px solid #e3e5e8} #display_pay_button {background:#fff;padding:20px;border:1px solid #e3e5e8;border-top:0} #display_pay_button .btn_submit {width:100%;height:50px;font-weight:bold;font-size:1.25em;cursor:pointer;border:1px solid #3a8afd} #display_pay_button .btn01 {width:100%;height:50px;line-height:38px;font-weight:bold;font-size:1.25em;margin:5px 0;border:1px solid #ccd1d9} .display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9} .display_setup_message strong {display:block;margin:0 0 10px} #sod_frm_taker td input[type="radio"], #sod_frm_taker td input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial} #sod_frm_taker label {display:inline-block;font-weight:normal;margin-right:1em} #sod_frm_same {margin:0 0 10px} #sod_frm #display_pay_process {text-align:center} #sod_frm #display_pay_process span {display:block;margin:5px 0 0} #od_tot_price {background:#e5f0ff;line-height:20px;text-align:right;padding:15px} #od_tot_price span {float:left;font-weight:bold} #od_tot_price strong {font-size:1.5em;color:#ff006c} #sod_frm_pay_info {margin:0 0 10px} #sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;right:0;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto} #sod_frm_deli {position:relative;line-height:2em} #sod_frm_escrow {margin:30px 0 0} #sod_frm #sod_frm_escrow h2 {margin:0;border:0} #sod_frm #sod_frm_escrow p {margin:5px 0} #display_pay_process {padding:20px;text-align:center} /* 위시리스트 */ #sod_ws {} .sod_ws_img {width:90px;text-align:center} #sod_ws_act {text-align:center;margin:20px 0 30px} #sod_ws_act button {height:50px;width:180px;font-weight:bold;font-size:1.167em;border-radius:3px} #sod_ws_act .btn01 {border:1px solid #98a3b3} #sod_ws_act .btn02 {border:1px solid #1c70e9;background:#3a8afd} #sod_ws li .info_link {display:block;margin:10px 0 5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#646464;font-weight:bold} #sod_ws li .info_date {color:#646464;font-size:0.92em} #sod_ws li .wish_chk {position:absolute;top:0;left:0;width:30px;text-align:center;line-height:35px;color:#f00} #sod_ws li .wish_info {padding:0 35px 10px 30px;position:relative;border-bottom:1px solid #e0e0e0;margin-top:10px;height:45px} #sod_ws li .wish_del {position:absolute;top:0;right:0;width:35px;height:35px;line-height:35px;text-align:center;background:#e6e6e6;display:block;font-size:1.25em;color:#777} #sod_ws li .wish_del:hover {background:#777;color:#fff} /* 배송지 목록 */ #sod_addr .tbl_wrap {margin:30px} #sod_addr .td_mng .sel_address {color:#fff;background:#fff;border:1px solid #19bc9b;color:#19bc9b;padding:0 5px;height:26px;border-radius:3px} #sod_addr .td_mng .del_address {display:inline-block;border:1px solid #aaa;color:#888;padding:0 5px;height:26px;line-height:24px;vertical-align:middle;border-radius:3px} #sod_addr input[type="radio"] {position:absolute;left:0;z-index:-1;visibility:hidden;width:0;height:0;overflow:hidden;text-indent:-999px} #sod_addr .default_lb {display:inline-block;background:#fff;border:1px solid #1c70e9;color:#3a8afd;cursor:pointer;position:relative;padding:0 5px;height:26px;line-height:24px;border-radius:3px} #sod_addr input[type="radio"]:checked+.default_lb {background:#3476be;color:#fff} #sod_addr td {height:40px;vertical-align:top} #sod_addr .td_name {width:100px} #sod_addr .frm_input {height:30px} #sod_addr .td_sbj {width:155px;text-align:left} #sod_addr .td_sbj .chk_box {display:inline-block;float:left} #sod_addr .td_sbj .chk_box input[type="checkbox"]:checked + label span {background:url(../img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} #sod_addr .ad_tel {display:block;color:#666} #sod_addr .td_mng {width:100px;padding:10px} #sod_addr .td_mng .mng_btn {width:100%;margin:2px 0} .delivery_pop_cont, .delivery_edit_pop_cont {background: #fff; padding: 20px 16px;} .delivery_pop_cont .delivery_set > li{padding: 20px; font-size: 1.2rem;} /*@media (max-width: 500px) {*/ /* #_lguplus_popup_ {*/ /* position: fixed;*/ /* top: 0;*/ /* left: 0;*/ /* width: 100%;*/ /* height: 100%;*/ /* z-index: 20000000000000000000000000;*/ /* }*/ /* !* 배경 이미지 반응형 *!*/ /* #_lguplus_popup__div > div:first-child {*/ /* position: absolute;*/ /* top: 0;*/ /* left: 0;*/ /* width: 100%;*/ /* height: 100%;*/ /* background: #000;*/ /* background-image: url('https://checkout-cdn.tosspayments.com/xpay/image/red_v25/common/bg.png?ref=crossplatform_js');*/ /* background-size: cover;*/ /* background-position: center;*/ /* line-height: 450px;*/ /* }*/ /* !* 팝업창 크기 설정: 화면에 맞게 조정 *!*/ /* #_lguplus_popup__div > div:last-child {position: absolute;top: 50%;left: 50%;width: 90%;max-width: 90%; height: 90%;margin-left: 0 !important; margin-top: 0 !important; transform: translate(-50%, -50%);background: #fff;border-radius: 20px;overflow: hidden;}*/ /* #__next .payment-gateway-cache-2sgq1x{padding: 5% !important;}*/ /* !* iframe 반응형 *!*/ /* #_lguplus_popup__iframe {*/ /* width: 100%;*/ /* height: 100%;*/ /* border: none;*/ /* border-radius: 20px;*/ /* }*/ /*}*/ /* 주문내역 */ #sod_v {margin-bottom:30px} #sod_v:after {display:block;visibility:hidden;clear:both;content:''} #sod_v td {text-align:center} #sod_v td a {font-weight:bold} #sod_v .basic_tbl {text-align:center} .status_01 {display:inline-block;background:#edfbde;color:#8cc152;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_02 {display:inline-block;background:#84c93a;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_03 {display:inline-block;background:#e2f6f2;color:#16b494;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_04 {display:inline-block;background:#e2eaf6;color:#3a8afd;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_05 {display:inline-block;background:#3a8afd;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_06 {display:inline-block;background:#fff;color:red;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} /* 주문상세내역 */ #sod_fin {} #sod_fin_no {margin:0 0 20px;padding:15px;border:1px solid #d6e2f4;background:#edf3fc;font-size:1.2em;border-radius:5px;color:#3a8afd} #sod_sts_wrap {margin:0 0 10px;text-align:right} #sod_sts_explan {display:none} #sod_fin_legend {padding:20px;line-height:20px;background:#fff;margin:10px 0;border:1px solid #e9e9e9;text-align:left} #sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''} #sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold} #sod_fin_legend dd {float:left;margin:0} #sod_fin #sod_bsk_tot li {background:#fff;border-bottom:1px solid #e7ebf1;height:40px;padding:0 15px;line-height:40px;text-align:right} #sod_fin #sod_bsk_tot li span {float:left;clear:both;color:#777} #sod_fin #sod_bsk_tot li strong {} #sod_fin #sod_bsk_tot .sod_bsk_cnt strong {color:#ff006c;font-size:1.25em} #sod_bsk_tot2 {border:1px solid #3a8afd;margin-bottom:20px} #sod_bsk_tot2 li {background:#fff;padding:0 15px;line-height:40px;text-align:right} #sod_bsk_tot2 li span {float:left;clear:both;font-size:1em} #sod_bsk_tot2 li strong {font-size:1em} #sod_bsk_tot2 li.sod_fin_tot {background:#e5f0ff;border-top:1px solid #c6d7ef} #sod_bsk_tot2 li#alrdy {border-bottom:0 !important} #sod_bsk_tot2 li#alrdy div {padding:5px 0 15px;text-align:right} #sod_bsk_tot2 li#alrdy div p {position:relative;background:#d6e3f3;padding:0 10px;margin-bottom:1px} #sod_bsk_tot2 li.sod_fin_tot strong {color:#3a8afd;font-size:1.2em} #request_form {position:relative} #request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center} #request_form .frm_input {width:300px;background:#fff !important} #request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important} #request_form .btn_frmline {padding:0 10px;line-height:1.6em} #sod_req_btn {margin:0 0 10px} #sod_req_btn button {background:#626870} #sod_req_log {margin:0 0 20px} #sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none} #sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0} #sod_req_log h3 {margin:20px 0 10px} .sod_req_log_view table {margin:0} .sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em} .sod_req_log_view caption span {color:#ff3061} .sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center} .sod_req_log_view td {background:#fff;color:#000} .sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000} .sod_req_log_view .sod_req_it {width:270px} .sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer} #sod_fin_list h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_list .td_prd {border-left:0;position:relative;padding-left:90px;min-height:100px} #sod_fin_list .sod_img {position:absolute;top:25px;left:20px} #sod_fin_list .sod_name a {font-weight:bold;line-height:1.5em} #sod_fin_list .sod_name .sod_opt:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;padding:3px;border-radius:3px;background:#e2eaf6;line-height:1em;color:#3a8afd} #sod_fin_list #th_itst {width:80px} #sod_fin_view {border:1px solid #e9e9e9} #sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_view h3 {margin:0 0 10px} #sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left} #sod_fin_pay {margin:0 0 20px;background:#fff;border:1px solid #e3e5e8} #sod_fin_pay h3 {background:#fff;font-size:1.167em;padding:15px 20px;border-bottom:1px solid #e3e5e8} #sod_fin_pay ul {margin:0;padding:15px 20px} #sod_fin_pay li {line-height:24px;padding:5px 0} #sod_fin_pay li:after {display:block;visibility:hidden;clear:both;content:""} #sod_fin_pay li>span, #sod_fin_pay li>strong {display:inline-block;float:left} #sod_fin_pay li>strong {margin-right:10px;width:50px} #sod_fin_pay li>span {width:238px} #sod_fin_pay li .letter-2px{letter-spacing:-2px} a.btn_frmline.is-long-text{height:auto;width:160px} #sod_fin_orderer, #sod_fin_receiver, #sod_fin_dvr {margin:0 0 20px} #sod_fin_orderer .tbl_wrap, #sod_fin_receiver .tbl_wrap, #sod_fin_dvr .tbl_wrap {padding:20px} #sod_fin_dvr .tbl_wrap {padding:20px} #sod_fin .sod_left h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin .sod_left h3 {background:#fff;font-size:1.167em;padding:15px 20px;border:1px solid #e3e5e8;border-bottom:0} #sod_fin .sod_left .tbl_head01 {background:#fff;border:1px solid #e3e5e8} #sod_fin .sod_left th {padding:10px 0;border:0;text-align:left;width:100px;color:#666;background:#fff} #sod_fin .sod_left td {padding:10px 0;border:0;background:#fff} #sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline} #sod_fin_cancel {text-align:center} #sod_fin_cancel .sod_fin_c_btn {height:50px;border:1px solid #bababa;border-radius:3px;font-weight:bold;width:100%;background:none;color:#5e6b6f} #sod_fin_cancel .sod_fin_c_btn:hover {background:#fff} #sod_fin_cancel h2 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left} #sod_fin_cancel p {text-align:center;background:#ffe0e0;border:2px solid #d50c0c;padding:15px;color:#d50c0c;font-size:1.167em;font-weight:bold} #sod_cancel_pop {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999} #sod_fin_cancelfrm {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px} #sod_fin_cancelfrm form {padding:20px} .sod_fin_bg {background:rgba(0,0,0,0.1);width:100%;height:100%} .sod_cls_btn {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff} #sod_fin_cancelfrm .frm_input {background:#fff;margin:0 0 5px;width:100%} #sod_fin_cancelfrm .btn_frmline {background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer} #sod_fin_test {padding:10px} /* 주문상세내역 중 현금영수증 발급 */ #scash {} #scash section {padding:10px 0} #scash h2 {margin:0 0 10px;text-align:center} #scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left} #scash_apply {padding:10px 0 20px;text-align:center} #scash_apply button {padding:10px;border:0;background:#565e60;color:#fff} #scash_copy {text-align:center} /* 배너 인덱스 출력 */ #sbn_idx {} /* 쇼핑몰 이벤트 */ #sev {} .sev_admin {margin:0 0 10px;text-align:right} .sev_admin a {line-height:35px;padding:0 10px} /* 쿠폰 */ #coupon {text-align:center} #coupon h1 {text-align:left} #coupon ul:after {display:block;visibility:hidden;clear:both;content:""} #coupon li {padding:15px;border-bottom:1px solid #ececec;text-align:left} #coupon .cou_top {margin-bottom:10px} #coupon .cou_tit {font-size:1.25em;font-weight:bold} #coupon .cou_pri {font-size:1.25em;color:#3a8afd;font-weight:bold;float:right} #coupon .cou_target {color:#8cc152;background:#edfbde;padding:5px;line-height:20px;font-size:0.92em;border-radius:5px} #coupon .cou_date {float:right;color:#888d92} #coupon .btn_close {margin:20px auto} /* 모바일일때 피시버전 주문폼 */ .sod_frm_mobile .sod_list{margin:10px 0} .sod_frm_mobile .sod_list .sod_li{background:#fff;border-bottom:1px solid #e5e5e5;margin:10px 0} .sod_frm_mobile .sod_list .li_name{font-size:1.083em} .sod_frm_mobile .sod_list .li_op_wr{position:relative;padding:10px 10px 0 110px;min-height:75px} .sod_frm_mobile .sod_list .li_op_wr .chk_box{position:absolute;top:10px;left:10px} .sod_frm_mobile .sod_list .total_img{position:absolute;top:10px;left:35px} .sod_frm_mobile .sod_list .mod_options{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#606060;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em} .sod_frm_mobile .sod_list .li_prqty{padding:10px;border-top:1px solid #f8f8f8} .sod_frm_mobile .sod_list .li_prqty:after{display:block;visibility:hidden;clear:both;content:''} .sod_frm_mobile .sod_list .li_prqty_sp{float:left;width:50%;display:block;line-height:20px;padding:0 5px;text-align:right} .sod_frm_mobile .sod_list .li_prqty_sp span{float:left;color:#696969} .sod_frm_mobile .sod_list .prqty_sc,.sod_frm_mobile .sod_list .prqty_price{border-right:1px solid #e5e5e5} .sod_frm_mobile .sod_list .total_price{background:#f2f7ff;display:block;clear:both;margin:0 10px 10px;text-align:right;padding:5px 10px;line-height:20px} .sod_frm_mobile .sod_list .total_price span{float:left} .sod_frm_mobile .sod_list .total_price strong{font-size:1.25em;color:#3a8afd} .sod_frm_mobile .sod_opt{padding:5px 10px 5px 35px} .sod_frm_mobile .sod_opt li{color:#777;margin:3px 0;line-height:1.3em} .sod_frm_mobile .sod_opt li:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd} .sod_frm_mobile .sod_opt .opt_name:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd} .sod_frm_mobile #sod_frm_orderer,.sod_frm_mobile #sod_frm_taker{margin:0 0 30px;border:1px solid #e3e5e8;background:#fff} .sod_frm_mobile #sod_frm_orderer #od_addr_jibeon,.sod_frm_mobile #sod_frm_taker #od_b_addr_jibeon{display:inline-block;margin:5px 0 0} .sod_frm_mobile #m_sod_bsk_tot{background:#4a505a;color:#fff} .sod_frm_mobile #m_sod_bsk_tot:after{display:block;visibility:hidden;clear:both;content:""} .sod_frm_mobile #m_sod_bsk_tot dt{float:left;width:40%;padding:10px;line-height:20px;clear:both} .sod_frm_mobile #m_sod_bsk_tot dd{float:left;width:60%;padding:10px;text-align:right;line-height:20px} .sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt{font-weight:700;margin-top:5px;line-height:25px;background:#212a37} .sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt strong{color:#3a8afd;font-size:1.25em} .sod_frm_mobile .sod_list .li_op_wr{padding-left:100px} .sod_frm_mobile .sod_list .total_img{left:10px} .sod_frm_mobile .sod_opt{padding-left:10px} .sod_frm_mobile #m_sod_frm_paysel{margin:10px 0} .sod_frm_mobile #m_sod_frm_paysel h3{background:#fff;padding:15px 10px;border:1px solid #e3e5e8;border-bottom:0} .sod_frm_mobile #m_sod_frm_paysel ul{margin:0;background:#fff;padding:10px;border:1px solid #e3e5e8} .sod_frm_mobile #m_sod_frm_paysel ul:after{display:block;visibility:hidden;clear:both;content:""} .sod_frm_mobile #m_sod_frm_paysel li{float:left;padding:5px;width:46%;height:25px} .sod_frm_mobile #m_sod_frm_paysel .KPAY{background:url(../../../img/kpay.png) no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} .sod_frm_mobile #m_sod_frm_paysel .PAYNOW{background:url(../../../img/paynow.png) no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} .sod_frm_mobile #m_sod_frm_paysel .PAYCO{background:url(../../../img/payco.png) no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} .sod_frm_mobile #m_sod_frm_paysel .inicis_lpay{background:url(../../../img/lpay_logo.png) no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} .sod_frm_mobile #m_sod_frm_paysel .inicis_kakaopay{background:url(../../../img/kakao.png) no-repeat 50% 50% #f4dc34;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} .sod_frm_mobile #m_sod_frm_paysel .kakaopay_icon{background:url(../../../img/kakao.png) no-repeat 50% 50% #f4dc34;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} .sod_frm_mobile #m_sod_frm_paysel .naverpay_icon{background:url(../../../img/ico-default-naverpay.png) no-repeat 50% 50% #fff;border-radius:30px;height:22px;width:50px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} .sod_frm_mobile #m_sod_frm_paysel .samsung_pay{margin-left:-23px;background:url(../../../img/samsungpay.png) no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px} .sod_frm_mobile #sod_frm_pay{border-top:1px solid #f3f3f3} .sod_frm_mobile #sod_frm_pay h2{margin:10px 0;font-size:1.25em} .sod_frm_mobile #sod_frm_pay .cp_btn1,.sod_frm_mobile #sod_frm_pay .cp_cancel1{margin-top:0} .sod_frm_mobile .odf_tbl{position:relative} .sod_frm_mobile .odf_tbl table{background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #ccc} .sod_frm_mobile .odf_tbl table th{border-top:1px solid #eceff4;padding:10px;text-align:left;width:120px;font-weight:400} .sod_frm_mobile .odf_tbl table td{border-top:1px solid #eceff4;padding:7px 10px;text-align:right} .sod_frm_mobile#sod_frm #sod_frm_pt_alert{margin:10px 0;text-align:left;color:#fff;line-height:18px;background:#f2838f;padding:10px 10px 10px 13px;border-radius:5px;position:relative} .sod_frm_mobile #sod_frm_pt_alert::before{content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453;height:100%} .sod_frm_mobile#sod_frm .sod_frm_point{padding:10px 0;clear:both;border:0 none} .sod_frm_mobile .sod_frm_point div{background:#fff;border:1px solid #e3e5e8;padding:10px;text-align:right} .sod_frm_mobile .sod_frm_point div:after{display:block;visibility:hidden;clear:both;content:''} .sod_frm_mobile .sod_frm_point div label{float:left;line-height:30px} .sod_frm_mobile .sod_frm_point div span{display:block;margin:5px 0} .sod_frm_mobile .sod_frm_point div span:after{display:block;visibility:hidden;clear:both;content:''} .sod_frm_mobile .sod_frm_point .max_point_box em{font-style:normal!important} .sod_frm_mobile .sod_frm_point div strong{float:left;color:#666;font-weight:400} .sod_frm_mobile .sod_frm_point #od_temp_point{height:30px;border:1px solid #d0d3db;text-align:right;background:#fff;border-radius:3px;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)} .sod_frm_mobile #settle_bank{background:#fff;border:1px solid #e3e5e8;padding:10px;clear:both;line-height:30px} .sod_frm_mobile #settle_bank:after{display:block;visibility:hidden;clear:both;content:''} .sod_frm_mobile #settle_bank select{height:30px;margin:0 0 5px;width:100%;border:1px solid #d0d3db} .sod_frm_mobile #settle_bank #od_deposit_name{height:30px;border:1px solid #d0d3db;text-align:center;border-radius:3px;float:right;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)} .sod_frm_mobile #settle_bank label{float:left;line-height:30px} .sod_frm_mobile #sod_frm_pt_info{border-top:0} .sod_frm_mobile .od_coupon{position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);box-shadow:1px 1px 5px rgba(0,0,0,0.4)} .sod_frm_mobile .od_coupon h3{height:45px;line-height:45px;font-size:1.167em;background:#333;color:#fff;padding:0 15px;text-align:left} .sod_frm_mobile .od_coupon .tbl_head02 .btn_frmline{background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px} .sod_frm_mobile .od_coupon .tbl_head02 td{text-align:left} .sod_frm_mobile .od_coupon .tbl_head02 th{width:auto!important} .sod_frm_mobile .od_coupon .tbl_head02 .td_mngsmall{width:60px;text-align:center} .sod_frm_mobile .od_coupon .tbl_head02 .td_numbig{width:80px;text-align:right} .sod_frm_mobile .od_coupon .btn_confirm{margin:20px} .sod_frm_mobile .od_coupon .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:700;width:100%} .sod_frm_mobile .od_coupon .btn_confirm .btn_close{position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#fff;font-size:1.25em} .sod_frm_mobile .cp_btn,.sod_frm_mobile .cp_btn1{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#3a8afd;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em} .sod_frm_mobile .cp_apply{padding:0 5px;border:1px solid #3a8afd;color:#3a8afd;background:#fff;height:23px;line-height:21px} .sod_frm_mobile .cp_cancel,.sod_frm_mobile .cp_cancel1{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#aaa;background:#fff;line-height:24px;margin:5px 0 0 2px;font-size:.923em} .sod_frm_mobile #sod_frm_escrow{margin:10px} .sod_frm_mobile #sod_frm_escrow h2{font-size:1.25em} .sod_frm_mobile #od_pay_sl h3{font-size:1.25em} .sod_frm_mobile .sod_list .li_name{border-bottom:1px solid #dcdcdc;line-height:1.3em;padding:10px;font-size:1.083em} #sod_frm.sod_frm_mobile .odf_list .frm_input{width:100%!important} #sod_frm.sod_frm_mobile input[type="radio"],.sod_frm_mobile #sod_frm.sod_frm_mobile input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial} #sod_frm.sod_frm_mobile #od_memo{min-height:50px} .sod_frm_mobile .od_prd_list{margin:10px;background:#fff;padding:15px} .sod_frm_mobile .od_prd_list .td_chk{border-left:0} .sod_frm_mobile .od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px} .sod_frm_mobile .od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0} .sod_frm_mobile .od_prd_list .td_prd .sod_name{min-height:80px} .sod_frm_mobile .od_prd_list .td_prd .prd_name{font-size:1.167em} .sod_frm_mobile .od_prd_list .total_prc{color:#ff006c;font-weight:700;font-size:1.167em} .sod_frm_mobile #sod_frm_orderer{padding:10px;border-bottom:1px solid #d6d3d3} .sod_frm_mobile #sod_frm_taker{padding:10px;border-bottom:1px solid #d6d3d3;border-top:1px solid #f3f3f3} .sod_frm_mobile #sod_frm_taker h2,.sod_frm_mobile #sod_frm_orderer h2{margin:10px 0;font-size:1.25em} .sod_frm_mobile .odf_list label,.sod_frm_mobile .odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:400} .sod_frm_mobile .odf_list .frm_input{width:100%;margin:0 0 5px} .sod_frm_mobile .odf_list .dlv_slt{background:#edf3fc;position:relative;border:1px solid #d1ddee;margin:5px 0;padding:10px} .sod_frm_mobile .odf_list .dlv_slt strong{margin:0;font-weight:700;line-height:30px} .sod_frm_mobile .odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#000} .sod_frm_mobile #order_address{display:block;position:absolute;top:5px;right:5px;text-align:center;border:1px solid #d4d6db;background:#fff;border-radius:3px;color:#606060;height:30px;line-height:28px;margin:5px 0 0;padding:0 5px} .sod_frm_mobile .odf_list .ad_default{display:inline-block;margin:0} .sod_frm_mobile .odf_list .btn_addsch{position:absolute;top:5px;right:5px;border-radius:3px;height:30px} .sod_frm_mobile .odf_list .add_num{position:relative;display:block} .sod_frm_mobile .odf_list textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:70px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)} .sod_frm_mobile .sod_ta_wr{background:#fff;margin-bottom:1em} .sod_frm_mobile .btn_confirm{margin:0 0 10px} .sod_frm_mobile .btn_submit{width:100%;height:45px;font-size:1.167em;font-weight:700;margin:5px 0;border-radius:4px} .sod_frm_mobile .btn_cancel,.sod_frm_mobile .btn01{width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight:700;padding:0;border-radius:4px} .sod_frm_mobile #sod_frm_escrow{margin:10px} .sod_frm_mobile #sod_frm_escrow h2{font-size:1.25em} .sod_frm_mobile #od_pay_sl h3{font-size:1.25em} .sod_frm_mobile #od_tot_price{background:none;font-weight:700} html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #sod_frm_pay_info {margin:0 0 10px} /* 네이버페이 */ .itemform-naverpay {margin:15px 0;clear:both} .cart-naverpay {margin-top:15px} /* theme.config.php 파일에서 G5_COMMUNITY_USE 를 false로 한 경우 1:1 문의와 게시판 css 처리 */ #bo_list table td, #fqalist table td {border-left:0;border-right:0} #bo_v_top .btn_admin, #bo_list .btn_admin {padding-top:0} /* 개인결제 */ .pesonal {background:#fff;border:1px solid #e3e5e8;margin-bottom:30px} .pesonal h2 {border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px} .pesonal .tbl_frm01 {padding:20px 10px;margin:0} .pesonal th {text-align:left} .pesonal td {text-align:left;font-weight:bold} .pesonal td input {width:100%} .pesonal .half_tr {width:50%} #personal_pay {background:#fff;border:1px solid #e3e5e8} #personal_pay h2 {background:#fff;border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px} #personal_pay input[type="radio"] {} #personal_pay .lb_icon {position:relative;display:inline-block;cursor:pointer;z-index:1} #personal_pay input[type="radio"]:checked+.lb_icon {z-index:3} #personal_pay legend {position:absolute;font-size:0;line-height:0;overflow:hidden} #personal_pay .KPAY {width:58px;background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #personal_pay .PAYNOW {width:75px;background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px} #personal_pay .PAYCO {width:75px;background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px} #personal_pay .kakaopay_icon {width:60px;background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px} #personal_pay .pay_way {border-bottom:1px solid #e2e4e7} #personal_pay #display_pay_button {border:0} /* input, radio */ .selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} .chk_box {position:relative} .chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70} .chk_box input[type="checkbox"] + label:hover{color:#2172f8} .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px} .chk_box input[type="checkbox"]:checked + label {color:#000} .chk_box input[type="checkbox"]:checked + label span {background:url('../img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} .chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} .chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70} .chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #cdd6df;border-radius:50%} .chk_box input[type="radio"]:checked + label {color:#305af9} .chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#305af9;content:'';position:absolute;top:3px;left:3px;border-radius:50%} #bo_list_total {display:none !important;} * { margin:0; padding:0; outline:none !important} li {list-style:none;} /*팝업 반응형 - max-width 수치 조절해서 사용하세요*/ .hd_pops_con{height: auto !important;} .hd_pops_con iframe{width: 100%;} @media screen and (max-width:1600px){ .hd_pops{top: 10px !important;left: 10px !important;} .hd_pops_con, .hd_pops_con *{max-width: 90vw !important;max-height: 90vh !important;width: auto !important;height: auto !important;} } @media screen and (max-width: 640px){ .hd_pops{top: 5px !important;left: 5px !important;} .hd_pops_footer button{padding: 10px;font-size: 14px;} .delivery_pop_cont{padding: 20px 16px;} /* 배송지 관리 */ .delivery_top{margin-bottom: 20px; padding-top: 2rem;} .delivery_set > li + li{margin-top: 10px;} } .clearfix::after {content:'';display:block;clear:both;} .font_mt{font-family: 'Montserrat', sans-serif !important;} .ab{background: none ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer} /* 공통 */ /* 컬러 */ :root{ --primary1: #FF451C; /*메인컬러*/ /*--sub1: 서브컬러; --bg1: 배경;*/ --error:#FF5B5B; /*주황색*/ --desc:#FA10FF; /*핑크색*/ --like:#E50000; /*빨간색*/ /*그레이스케일*/ --00: #000; --05: #0D0D0D; --10: #1A1A1A; --15: #262626; --20: #333333; --30: #4C4C4C; --40: #666666; --50: #808080; --60: #999999; --70: #B3B3B3; --80: #CCCCCC; --90: #E6E6E6; --95: #F2F2F2; --97: #F7F7F7; --100: #FFFFFF; } .c_00{color: #000;} .c_05{color: #0D0D0D;} .c_10{color: #1A1A1A;} .c_15{color: #262626;} .c_20{color: #333333;} .c_30{color: #4C4C4C;} .c_40{color: #666666;} .c_50{color: #808080;} .c_60{color: #999999;} .c_70{color: #B3B3B3;} .c_80{color: #CCCCCC;} .c_90{color: #E6E6E6;} .c_95{color: #F2F2F2;} .c_97{color: #F7F7F7;} .c_100{color: #FFFFFF;} .border-top{border-top: solid 1px var(--90);} .border-left{border-left: solid 1px var(--90);} .border-right{border-right: solid 1px var(--90);} .border-bottom{border-bottom: solid 1px var(--90);} /*체크박스 커스텀*/ .chkbox_div{} .chkbox_div input{display: none;} .chkbox_div label{display: flex;align-items: center;font-size: .875rem;cursor: pointer;} .chkbox_div label > i{width: 1rem;height: 1rem;border: solid 1px #ccc;margin-right: .625rem;flex: 0 0 auto;background: url('../img/all_ico_check.svg') center/.6rem no-repeat;background-color: #fff;transition: all .2s;} .chkbox_div input:checked + label{} .chkbox_div input:checked + label > i{background-color: var(--primary1);border-color: var(--primary1);} /*라디오 커스텀*/ .radio-grp{display: flex;align-items: center;gap:20px} .radio_bx > input{display: none;} .radio_bx > input + label{color: #4D4D4D;font-size: 1rem;font-weight: 400;display: flex;align-items: center;gap:6px} .radio_bx > input + label > i{position: relative;box-sizing: border-box;width: 20px;height: 20px;background: #fff;border:1px solid #D9D9D9;border-radius:1000px} .radio_bx > input + label > i:before{content:"";border-radius:1000px;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 9px;height: 9px;background: #D9D9D9;} .radio_bx > input:checked + label{color: #000;} .radio_bx > input:checked + label > i{position: relative;background: #fff;border:1px solid var(--primary1);} .radio_bx > input:checked + label > i:before{content:"";border-radius:1000px;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 9px;height: 9px;background: var(--primary1);} .en{font-family: 'AstoriaSansRoman';} #gift_guid .gift, #gift_guid .gift_list{padding: 0 12.7rem;} #gift_guid .gift .sub_common_title{display:unset; text-align: center; color: #000; font-size: 3rem; font-weight: 500; padding: 3.85rem 0 7rem 0;} #gift_guid .gift .sub_common_title p{padding-top:3.85rem;} #gift_guid .gift .sub_common_title span{display: block; padding-bottom: 6.25rem; font-size: 2rem; text-align: center; line-height:1.3; margin-top:2.2rem;} #gift_guid .gift .sub_banner{height: 45.3rem; background: url("../img/gift/gift01.jpg") no-repeat center; background-size: cover;} #gift_guid .desc1{text-align: center; color: #A6A6A6; font-size: 1.6rem; line-height: 1.5; padding: 18rem 0 11rem 0;} #gift_guid .gift_list ul{display: flex; gap: 0 5.8rem;} #gift_guid .gift_list ul li{width: 50%; box-sizing: border-box; position: relative; } #gift_guid .gift_list ul li .img{width: 100%; max-height: 855px; overflow: hidden;aspect-ratio: 855 / 855;} #gift_guid .gift_list ul li .img img{width: 100%; height: 100%; object-fit: cover;} #gift_guid .gift_list ul li .txt{width: 100%; padding-top: 1.6rem; font-weight: 500; line-height: 1.5;} #gift_guid .gift_list ul li .txt .prd_name{ margin-bottom: 0.8rem;font-size: 1.8rem;font-weight: 500;line-height: 1.15; color: #1a1a1a;} #gift_guid .gift_list ul li .txt .prd_desc{display: block; margin-bottom: 1.6rem;font-size: 1.4rem; color: #808080; font-weight: 400;line-height: 1.3; height: 40px} #gift_guid .gift_list ul li .txt .prd_price b{font-size: 1.8rem; color: #1a1a1a; display: block; width: 100%; position: relative;} #gift_guid .gift_list ul li .txt .prd_price .en{ font-size: 1.6rem; margin-top: 1.2rem;} #gift_guid .gift_list ul li .txt a{margin-top: 1.6rem; font-weight: 400;} #gift_guid .desc2{font-size: 3rem; line-height: 1.5; text-align: center; padding: 11rem 0 18rem 0;} #gift_guid .img_box ul{display: flex;} #gift_guid .img_box ul li{flex: 1;} #gift_guid .img_box ul img{width: 100%;} #gift_guid .img_box .txt{padding: 3.2rem 1.2rem 0 1.2rem; } #gift_guid .img_box .txt b{color: #1a1a1a; font-size: 1.8rem; display: block; line-height: 1.5; margin-bottom: 1.3rem;} #gift_guid .img_box .txt p{color: #A6A6A6; font-size: 1.6rem; line-height: 1.5;} #gift_guid .img_box2{padding:0 12.7rem; margin: 18rem 0 7.5rem 0; position: relative; width: 100%; overflow: hidden; } #gift_guid .img_box2 img{width: 100%; height: 57.2rem; object-fit: cover;} #gift_guid .img_box2 p{position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-size: 3rem; line-height: 1.5; width: 100%;} /*#gift_guid .gift_list ul li .txt a{ height: 40px;line-height: 40px;border-radius: 0;background: #2F0B0A;font-size: 1.3rem;font-weight: 300;}*/ /*#gift_guid .gift_list ul li .txt a:hover{opacity: 1;}*/ .gift_tit{font-size: 2.8rem; font-weight: 500; line-height: 1.4; padding: 6rem 3rem;} .gift_tit p{font-size: 1.6rem; color: #444; font-weight: 500; margin-top: 20px; word-break: keep-all;} .gift_box1 ul{display: flex; gap: 0 20px;} .gift_box1 ul li{width: 50%; box-sizing: border-box; position: relative; } .gift_box1 ul li .img{width: 100%; height: 130rem;} .gift_box1 ul li:nth-child(1) .img{background: url("../img/gift/gift02.jpg")no-repeat center; background-size: cover;} .gift_box1 ul li:nth-child(2) .img{background: url("../img/gift/gift03.jpg")no-repeat center; background-size: cover;} .gift_box1 ul li .img{width: 100%;} .gift_box1 ul li .img img{width: 100%;} .gift_box1 ul li .txt{width: 100%; padding: 4rem 3rem; font-weight: 500; line-height: 1.5;} .gift_box1 ul li .txt p{font-size: 2.4rem;} .gift_box1 ul li .txt span{font-size: 1.6rem; margin: 2rem 0; color: #444; display: block;} .gift_box1 ul li .txt a{font-weight: 700; font-size: 1.6rem; color: #444; text-decoration: underline;} .gift_box2{width: 100%;} .gift_box2 .img{width: 100%; height: 100rem; background: url("../img/gift/gift04.jpg") no-repeat center; background-size: cover;} .gift .gift_mv{width: 100%; aspect-ratio: 1346 / 453;} .gift .gift_mv video{width: 100%;} .gift_swiper{height: 80rem;position: relative; overflow: hidden;} .gift_swiper .swiper-wrapper{} .gift_swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover;} .gift_swiper .swiper-button-next{width: 38px; height: 38px; background-image: url("../img/list_next_arrow.svg"); background-size: contain; background-repeat: no-repeat;} .gift_swiper .swiper-button-prev{width: 38px; height: 38px; background-image: url("../img/list_prev_arrow.svg"); background-size: contain; background-repeat: no-repeat;} .innerx{max-width: 100%;padding: 0;} .sub_banner{color: #fff;background: #e5e5e5;height: 400px;display: flex;align-items: center;justify-content: center;} .sub_banner .inner{width: 100%;max-width: 1700px;margin: 0 auto;padding-right: 1rem;padding-left: 1rem;} .sub_banner .tbx{display: flex;flex-direction: column;gap:16px;} .sub_banner .tbx .tit{font-size: 30px;font-weight: 500;} .sub_banner .tbx .txt{font-size: 16px;font-weight: 400;line-height: 1.5;} .sub_btxt{display: none;} .gift_bx{background: #EDEDED;display: flex;flex-direction: column;gap:100px;padding: 100px 0;} .gift_bx .bx{display: flex;gap:100px;align-items: center;} .gift_bx .bx .imgbx{width: 60%; height: 400px;background: #F5F4EA;} .gift_bx .bx .imgbx img{width: 100%;} .gift_bx .bx .tbx{width: 40%;display: flex;flex-direction: column;gap:16px;} .gift_bx .bx.left .tbx{padding-left: 100px;} .gift_bx .bx .tit{font-size: 30px;font-weight: 500;} .gift_bx .bx .txt{font-size: 16px;font-weight: 300;line-height: 1.5;} .gift_bx .bx a{margin-top: 16px;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 400;width: 200px;height: 40px;border-radius: 6px;background: #1A1A1A;color: #fff;} .gift_bx .bx4{justify-content: center;} .gift_bx .bx4 .tit{font-size: 24px;font-weight: 500;} .ft_logo_btn{display: none;} /*#ctt{background-color: #FCF7F1 !important;}*/ #ctt{background:#FCF7F1 !important; position: relative;} #ctt_page{padding-top: 40px; position: relative;} #ctt .his-btn, #ctt_page .his-btn{width: 2.5rem; height: 2.5rem; border: none; position: absolute; top: 0; left: 2rem; background: url("../img/prev-black.png") no-repeat center; background-size: contain;z-index: 1;} #ctt_page .sub_common_title{display: none;} #ctt_con{font-weight: 300; padding: 0 25px;} /*#ctt_con .cont_box {margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #dfdfdf;}*/ #ctt_con .cont_box:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;} #ctt_con .p01 {font-size:14px;line-height:1.7;font-weight:600;color:#000;word-break:keep-all;} #ctt_con .p02 {font-size:14px;line-height:1.7;color:#000;word-break:keep-all;} #ctt_con .p03 {font-size:14px;line-height:1.7;color:#333;word-break:keep-all;} #ctt_con a {color:#333;} #ctt.ctt_provision{padding: 40px 25px 32px 25px; margin: 0;} #ctt.ctt_provision #ctt_con{padding: 0; font-family: 'RixSinGoSePro' !important; font-weight: 400; color: #000; font-size: 1.4rem; line-height: 1.7;} #ctt.ctt_provision #ctt_con .p03{font-family: 'RixSinGoSePro' !important; font-weight: 400; color: #000; font-size: 1.4rem;line-height: 1.7;} /* 드래그막기 */ a {-webkit-user-drag: none; /* Safari 브라우저에서 드래그를 막기 */user-drag: none; /* 일반적인 브라우저에서 드래그를 막기 */} #header .icon_menu .cart{position: relative;} #header .icon_menu .cart .countbx{font-family: 'AstoriaSansRoman'; display: flex; font-size: 10px; font-weight: 500;align-items: center;justify-content: center;position: absolute;bottom:-5px;right:-5px;background: red;color: #fff;width: 16px;height: 16px; line-height: 16px; border-radius:100%;} /* 로그인/비회원 주문조회 화면 */ .login-tab-list {display: flex; align-items: center; justify-content: center; margin-bottom: 30px;} .login-tab-list > button {width: 50%; background: transparent; font-size: 14px; font-weight: 600; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #d9d9d9; padding: 0 0 16px 0; display: flex; align-items: center; justify-content: center; color: #AAAAAA;} .login-tab-list > button.active {border-color: #000000; color: #000;} .tab-content {padding: 0 16px 0 16px;} .tab-pane {display: none;} .tab-pane.open {display: block;} @media (max-width:1200px){ #gift_guid .gift, #gift_guid .gift_list, #gift_guid .img_box2{padding: 0 2.7rem;} } @media (max-width: 800px) { #gift_guid .gift, #gift_guid .gift_list, #gift_guid .img_box2{padding: 0;} #gift_guid .gift .sub_common_title{padding: 5.55rem 0; line-height: normal; font-size: 2rem;} #gift_guid .gift .sub_common_title p{font-size: 1.8rem;} #gift_guid .gift .sub_common_title span{font-size: 1.2rem;} .gift .gift_mv{aspect-ratio: auto;} #gift_guid .desc1{padding: 8.1rem 0; font-size: 1.2rem;} #gift_guid .gift_list ul{flex-wrap: wrap; gap: 2rem 0;} #gift_guid .gift_list ul li{width: 100%;} #gift_guid .gift_list ul li .txt{padding: 1.9rem 1.6rem 0 1.6rem;} #gift_guid .gift_list ul li .txt .prd_name{font-weight: 600; margin-bottom: 1.5rem; font-size: 1.4rem;} #gift_guid .gift_list ul li .txt .prd_desc{font-size: 1.2rem; word-break: keep-all; margin-bottom: 0.9rem;} #gift_guid .gift_list ul li .txt .prd_price b, #gift_guid .gift_list ul li .txt .prd_price .en{font-size: 1.4rem;} #gift_guid .gift_list ul li .txt a{margin-top: 1.3rem;} #gift_guid .gift_box{display: flex; flex-wrap: wrap;} #gift_guid .desc2{order: 2; width: 100%; padding: 10rem 0; font-size: 1.6rem; color: #444444;} #gift_guid .img_box{order:3;} #gift_guid .img_box ul{flex-wrap: wrap;} #gift_guid .img_box ul li{flex: 1 1 50%;} #gift_guid .img_box2{order: 1; margin: 2rem 0 0 0;} #gift_guid .img_box2 p{width: 100%; font-size: 1.8rem; font-weight: 400; width: 100%;} #gift_guid .img_box .txt b{font-size: 1.6rem; font-weight: 400;} #gift_guid .img_box .txt p{font-size: 1.2rem;} .list-grp{gap: 0; padding-right: 5%;} .product_dottom .list-grp > li{margin-right: 15px;} .mypage.pc{display: none;} .mypage.mo{display: block} #footer{border-top: none;} #footer .ft_menu > li > a{display: block; color: #000; padding: 2.4rem 3.2rem; border-top: 1px solid #fcf7f1; font-weight: 700; font-size: 1.4rem;} #ctt_con{padding: 30px 16px 0 16px;} #ctt.ctt_provision{padding: 30px 16px 32px 16px;} #ctt .his-btn, #ctt_page .his-btn{width: 1.5rem; height: 1.5rem; left: 16px;} } @media (max-width: 650px) { .gift_bx{padding: 0;gap:50px} .gift_bx .bx .tit{text-align: center;font-size: 16px;font-weight: 600;color: #1A1A1A;} .gift_bx .bx .txt{text-align: center;font-size: 13px;font-weight: 400;} .gift_bx .bx .txt br{display: none;} .gift_bx .bx a{width: 100%;} .gift_bx .bx{flex-direction: column;gap:30px} .gift_bx .bx.left .tbx{padding-right: 1rem;padding-left: 1rem;} .gift_bx .bx .imgbx{width: 100%;order:1} .gift_bx .bx .tbx{width: 100%;order:2;padding-right: 1rem;padding-left: 1rem;} .sub_btxt{display: block;background: #1A1A1A;padding: 20px 12px;color: #fff;} .sub_btxt .tit{margin-bottom: 8px;font-size: 16px;font-weight: 600;} .sub_btxt .txt{font-size: 13px;font-weight: 400;color: #fff;} .sub_btxt .txt br{display: none;} .sub_banner .tbx{display: none;} .gift_bx .bx1{order:2} .gift_bx .bx2{order:3} .gift_bx .bx3{order:1} .gift_bx .bx4{order:4} .pr_dottom{order: 2;} .list-grp{overflow: auto;padding-bottom: 35px;} .list-grp > li{min-width: 140px;} .gift_dt .detail_area .detail_area_df{display: flex;flex-direction: column;} .gift_dt .detail_area .detail_area_df .dt_cont_box2{order:1} .gift_dt .detail_area .detail_area_df .dt_cont_box{order:3} .gift_dt .detail_area .detail_area_df .dt_price_all{order:2} .gift_dt .detail_area .dt_txt{font-size: 1.2rem;} .gift_dt .detail_area .dt_cont > li .desc{font-size: 1.2rem;} .dt_item{margin-top: 0;margin-bottom: 20px;} /* PC 화면에서 detail_area 높이 증가로 인한 레이아웃 보정 */ .gift_dt .detail_area { align-items: flex-start; min-height: auto; } .product_dottom .list-grp > li{min-width: 114px;} #ctt_page{padding-top: 0;} #footer .ft_top{} .ft_menu > li.active > a {font-weight: bold;} .ft_submenu {display: none;} #footer .ft_menu > li > a{width: 100%;position: relative;display: flex;} #footer .ft_menu > li:nth-child(2) > a:before{display: none;} #footer .ft_menu > li > .ft_submenu > li > a{display: flex;} .rnd_content h3 {font-size: 4.7vw;} .rnd_content p {font-size:3.7vw;} .rnd_content ul {font-size: 3.7vw;} }