/* @charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Arimo|Noto+Sans+KR&display=swap'); @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(font/NotoSansKR-Bold.woff2) format('woff2'), url(font/NotoSansKR-Bold.woff) format('woff'), url(font/NotoSansKR-Bold.otf) format('opentype'); } */ @font-face { font-family: 'Noto Sans KR'; font-weight: 200; font-style: normal; src: url("https://img.malltail.com/goods_img/font/NotoSansKR-Thin.woff"); } @font-face { font-family: 'Noto Sans KR'; font-weight: 300; font-style: normal; src: url("https://img.malltail.com/goods_img/font/NotoSansKR-Light.woff"); } @font-face { font-family: 'Noto Sans KR'; font-weight: 400; font-style: normal; src: url("https://img.malltail.com/goods_img/font/NotoSansKR-Regular.woff"); } @font-face { font-family: 'Noto Sans KR'; font-weight: 500; font-style: normal; src: url("https://img.malltail.com/goods_img/font/NotoSansKR-Medium.woff"); } @font-face { font-family: 'Noto Sans KR'; font-weight: 700; font-style: normal; src: url("https://img.malltail.com/goods_img/font/NotoSansKR-Bold.woff"); } html, body { height:100%; background:#e4e8ec; font-family: 'Noto Sans KR', 'HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif';} #contents { background:#e4e8ec; } /* 2019-06-25 추가 */ /* body, button, input, select, textarea { color:#000; font-size:1em; font-family:'NotoKr', 'dotum', sans-serif; line-height:1.25; } 2019-06-24 개별폰트 제거 */ body, button, input, select, textarea { color:#000; font-size:1em; line-height:1.25; } a { color:#000; } em, address { font-style:normal; } img { max-width:100%; vertical-align:top;} .blind { position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0; visibility:hidden; color:transparent; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .box-round { -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /*select 화살표*/ #container select{background:url('/img/v4/mytails/select_arr.png') no-repeat 95% 50%/10px;} /* 체크박스 css */ #container input[type="checkbox"] {display: none;} #container input[type="checkbox"] + label {display: inline-block; width:27px; height: 27px; background:url(/img/v4/mytails/select_no.png) no-repeat center/27px 27px; /*cursor:pointer 포인터제거 2019.07.23*/cursor:none; border-radius: 100px;} #container input:after {display:block; clear:both; content:"";} #container input[type="checkbox"]:checked + label {background:url(/img/v4/mytails/select_ok.png) no-repeat center/27px 27px;} #container .all_select {position:relative;} #container input[type="checkbox"] + label span {position: absolute; top:50%;margin-top:-8px; left:36px; display: block; width:max-content;} #container input[type="checkbox"] + label span b{font-weight:normal} /* 라디오박스 css */ #container input[type="radio"] {display: none;} #container input[type="radio"] + label {display: inline-block; width:27px; height: 27px; background:url(/img/v4/mytails/select_no.png) no-repeat center/27px 27px; /*cursor:pointer 포인터제거 2019.07.23*/cursor:none; border-radius: 100px;} #container input:after {display:block; clear:both; content:"";} #container input[type="radio"]:checked + label {background:url(/img/v4/mytails/select_ok.png) no-repeat center/27px 27px;} #container .all_select {position:relative;} #container input[type="radio"] + label span {position: absolute; top:50%;margin-top:-8px; left:36px; display: block; width:max-content;} #container input[type="radio"] + label span b{font-weight:normal} /* 포인터제거 2019.07.23 */ li, a{cursor :none;} /* txt color */ .txt-white {color:white!important;} .txt-black {color:#333!important;} .txt-blue {color:#01b4ff!important;} .txt-green {color:#0eb413!important;} .txt-gray {color:#9f9e9e!important;} .txt-d-gray {color:#666!important;} .txt-l-gray {color:#808080!important;} .txt-red {color:#fd2626!important;} .txt-cyan {color:#6af3ff!important;} .txt-l-yellow {color:#eaff00!important;} .txt-yellow {color:#f4cb4b!important;} .txt-pink {color:#fd9f9f!important;} /* Margin */ .mg0 {margin:0!important;} .mg5 {margin:5px!important;} .mg10 {margin:10px!important;} .mb0 {margin-bottom:0!important;} .mb5 {margin-bottom:5px!important;} .mb7 {margin-bottom:7px!important;} .mb10 {margin-bottom:10px!important;} .mb20 {margin-bottom:20px!important;} .mb30 {margin-bottom:30px!important;} .mb35 {margin-bottom:35px!important;} .mb50 {margin-bottom:50px!important;} .mb100 {margin-bottom:100px!important;} .mt0 {margin-top:0!important;} .mt1 {margin-top:1px!important;} .mt2 {margin-top:2px!important;} .mt3 {margin-top:3px!important;} .mt5 {margin-top:5px!important;} .mt7 {margin-top:7px!important;} .mt10 {margin-top:10px!important;} .mt15 {margin-top:15px!important;} .mt18 {margin-top:18px!important;} .mt20 {margin-top:20px!important;} .mt25 {margin-top:25px!important;} .mt30 {margin-top:30px!important;} .mt40 {margin-top:40px!important;} .mt50 {margin-top:50px!important;} .mt80 {margin-top:80px!important;} .mt100 {margin-top:100px!important;} .mt110 {margin-top:110px!important;} .mt150 {margin-top:150px!important;} .mt200 {margin-top:200px!important;} .ml0 {margin-left:0!important;} .ml5 {margin-left:5px!important;} .ml7 {margin-left:7px!important;} .ml10 {margin-left:10px!important;} .ml15 {margin-left:15px!important;} .ml20 {margin-left:20px!important;} .ml30 {margin-left:30px!important;} .ml40 {margin-left:40px!important;} .ml50 {margin-left:50px!important;} .ml70 {margin-left:70px!important;} .ml80 {margin-left:80px!important;} .ml85 {margin-left:85px!important;} .ml90 {margin-left:90px!important;} .ml100 {margin-left:100px!important;} .ml160 {margin-left:160px!important;} .ml190 {margin-left:190px!important;} .ml300 {margin-left:300px!important;} .mr0 {margin-right:0!important;} .mr5 {margin-right:5px!important;} .mr10 {margin-right:10px!important;} .mr15 {margin-right:15px!important;} .mr30 {margin-right:30px!important;} .mr50 {margin-right:50px!important;} /* Padding */ .pd0 {padding:0!important;} .pg10 {padding:10px!important;} .pl0 {padding-left:0!important;} .pl5 {padding-left:5px!important;} .pl7 {padding-left:7px!important;} .pl10 {padding-left:10px!important;} .pl15 {padding-left:15px!important;} .pl17 {padding-left:17px!important;} .pl20 {padding-left:20px!important;} .pl30 {padding-left:30px!important;} .pl40 {padding-left:40px!important;} .pl50 {padding-left:50px!important;} .pl60 {padding-left:60px!important;} .pr0 {padding-right:0!important;} .pr5 {padding-right:5px!important;} .pr10 {padding-right:10px!important;} .pr11 {padding-right:11px!important;} .pr12 {padding-right:12px!important;} .pr20 {padding-right:20px!important;} .pr60 {padding-right:60px!important;} .pr80 {padding-right:80px!important;} .pr140 {padding-right:140px!important;} .pr150 {padding-right:150px!important;} .pb0 {padding-bottom:0px!important;} .pb5 {padding-bottom:5px!important;} .pb7 {padding-bottom:7px!important;} .pb10 {padding-bottom:10px!important;} .pb15 {padding-bottom:15px!important;} .pb20 {padding-bottom:20px!important;} .pb30 {padding-bottom:30px!important;} .pb35 {padding-bottom:35px!important;} .pb50 {padding-bottom:50px!important;} .pb100 {padding-bottom:100px!important;} .pt0 {padding-top:0!important;} .pt3 {padding-top:3px!important;} .pt5 {padding-top:5px!important;} .pt7 {padding-top:7px!important;} .pt8 {padding-top:8px!important;} .pt10 {padding-top:10px!important;} .pt12 {padding-top:12px!important;} .pt15 {padding-top:15px!important;} .pt20 {padding-top:20px!important;} .pt22 {padding-top:22px!important;} .pt25 {padding-top:25px!important;} .pt30 {padding-top:30px!important;} .pt35 {padding-top:35px!important;} .pt40 {padding-top:40px!important;} .pt50 {padding-top:50px!important;} .pt70 {padding-top:70px!important;} /* Width + height */ .w30 {width:30px!important;} .w35 {width:35px!important;} .w40 {width:40px!important;} .w43 {width:43px!important;} .w45 {width:45px!important;} .w47 {width:47px!important;} .w50 {width:50px!important;} .w53 {width:53px!important;} .w55 {width:55px!important;} .w60 {width:60px!important;} .w70 {width:70px!important;} .w80 {width:80px!important;} .w90 {width:90px!important;} .w100 {width:100px!important;} .w110 {width:110px!important;} .w120 {width:120px!important;} .w130 {width:130px!important;} .w137 {width:137px!important;} .w140 {width:140px!important;} .w150 {width:150px!important;} .w153 {width:153px!important;} .w180 {width:180px!important;} .w200 {width:200px!important;} .w220 {width:220px!important;} .w240 {width:240px!important;} .w300 {width:300px!important;} .w390 {width:390px!important;} .w520 {width:520px!important;} .w600 {width:600px!important;} .w635 {width:635px!important;} .w705 {width:705px!important;} .w745 {width:745px!important;} .w760 {width:760px!important;} .w800 {width:800px!important;} .w845 {width:845px!important;} .w890 {width:890px!important;} .w960 {width:960px!important;} .w970 {width:970px!important;} .h40 {height:40px!important;} .h150 {height:150px!important;} .h160 {height:160px!important;} .h445 {height:445px!important;} .h590 {height:590px!important;} .w25p {width:25%!important;} .w30p {width:30%!important;} .w40p {width:40%!important;} .w49p {width:49%!important;} .w50p {width:50%!important;} .w60p {width:60%!important;} .w70p {width:70%!important;} .w100p {width:100%!important;} .h100p {height:100%!important;} /* etc */ .txt-l {text-align:left!important;} .txt-c {text-align:center!important;} .txt-r {text-align:right!important;} .fl-n {float:none!important;} .fl-l {float:left!important;} .fl-r {float:right!important;} .cb {clear:both!important;} .fs-m {font-size:.8em;} .fs-l {font-size:.875em;} .fs11 {font-size: 11px!important;} .fs12 {font-size: 12px!important;} .fs13 {font-size: 13px!important;} .fs14 {font-size: 14px!important;} .fs16 {font-size: 16px!important;} .fs17 {font-size: 18px!important;} .fs18 {font-size: 18px!important;} .fs20 {font-size: 20px!important;} .d-line {border-bottom: 1px solid #C0C9DA!important;} .bt0 {border-top:0!important;} .border-none {border:none!important;} .bbnone {border-bottom:none!important;} .btnone {border-top:none!important;} .bgnone {background:none!important;} .brnone {border-right:none!important;} .blnone {border-left:none!important;} .b-t-none {border-top:none!important;} .b-t-gray {border-top:2px solid #d4d4d4;} .lh14 {line-height:14px!important;} .lh15 {line-height:15px!important;} .lh16 {line-height:16px!important;} .lh18 {line-height:18px!important;} .lh20 {line-height:20px!important;} .lh22 {line-height:22px!important;} .lh26 {line-height:26px!important;} .lh30 {line-height:30px!important;} .lh36 {line-height:36px!important;} .lh40 {line-height:40px!important;} .bg-w {background:white!important;} .bold {font-weight:bold!important;} .b600 {font-weight:600!important;} .normal {font-weight:normal!important;} .va-t {vertical-align:top;} .bg-w {background:white!important;} .va-tt {vertical-align:text-top!important;} .relative { position:relative!important; } .ib { display:inline-block!important; *display:inline; zoom:1; } .underline { text-decoration:underline!important; } .none { display:none!important; } input{ outline-style:none;} , textarea{ outline-style:none;} .block { display:block; } .table { display: table; border: 1px solid black; } .row { display:table-row; } .cell { display:table-cell; background-clip: padding-box; background-color: gold; border-right: 10px solid transparent; } /* 2019-07-05 더보기 추가 */ .content_more{ clear:both; border-top: 1px solid #c4cad6; margin-top: 10px; background:#fff; } .content_more a{ text-align: center; display: block; padding: 16px 0 22px 0; vertical-align: middle; } .content_more a img{ width: 79px; margin: 2px 12px 0 0; } /* 2019-06-24 개별폰트 제거 @font-face { font-family: 'NotoKr'; font-style: normal; font-weight: 200; src: url('https://img.malltail.com/goods_img/font/notokr-light.eot'); src: url('https://img.malltail.com/goods_img/font/notokr-light.eot?#iefix') format('embedded-opentype'), url('https://img.malltail.com/goods_img/font/notokr-light.woff2') format('woff2'), url('https://img.malltail.com/goods_img/font/notokr-light.woff') format('woff'); } @font-face { font-family: 'NotoKr'; font-style: normal; font-weight: 300; src: url('https://img.malltail.com/goods_img/font/notokr-regular.eot'); src: url('https://img.malltail.com/goods_img/font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('https://img.malltail.com/goods_img/font/notokr-regular.woff2') format('woff2'), url('https://img.malltail.com/goods_img/font/notokr-regular.woff') format('woff'); } @font-face { font-family: 'NotoKr'; font-style: normal; font-weight: 400; src: url('https://img.malltail.com/goods_img/font/notokr-medium.eot'); src: url('https://img.malltail.com/goods_img/font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('https://img.malltail.com/goods_img/font/notokr-medium.woff2') format('woff2'), url('https://img.malltail.com/goods_img/font/notokr-medium.woff') format('woff'); } @font-face { font-family: 'NotoKr'; font-style: normal; font-weight: bold; src: url('https://img.malltail.com/goods_img/font/notokr-bold.eot'); src: url('https://img.malltail.com/goods_img/font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('https://img.malltail.com/goods_img/font/notokr-bold.woff2') format('woff2'), url('https://img.malltail.com/goods_img/font/notokr-bold.woff') format('woff'); } */ #mt_wrapper { overflow:hidden; width:100%; height:auto; /* font-size:.875em; */ } .mt_order_current .swiper-slide{position:relative; /* padding-right:20px; */} /* .mt_order_current .swiper-slide:before { content: ''; color: #999; position: absolute; right: 0px; top: 50%; transform:translate(-50%,0); font-size: 12px; width: 10px; border:1px solid #000; } */ .mt_order_current .swiper-slide:last-child::before{display:none} .l_left{text-align:left;} .l_right{text-align:right; float:right;} .t_red{color:rgba(254, 67, 48, 1);} .t_blue{color:rgba(76, 132, 255, 1);} .t_white{color:white;} .t_gray{color:rgba(168, 181, 203, 1);} .t_green{color:rgba(0, 189, 39, 1);} .l_center{text-align:center;} .mt_title{font-size:0.9em;} /* .more_icon {width:14px; vertical-align:middle;} */ .more_icon_title { padding:0 0 0 2px; width:10px; vertical-align:middle; } /* .more_icon { padding:0 0 0 2px; width:6px; vertical-align:middle; } 2019-07-09 수정 */ .more_icon { padding:0 0 0 2px; width:6px; vertical-align:inherit; } .new_icon{width:14px; vertical-align:middle;} #mt_wrapper:after{display:block; content:""; clear:both;} .mt_userinfo{background:white; padding:15px;} .mt_userinfo:after{display:block; content:""; clear:both;} .mt_info{position:relative;} /* .mt_info .btn-back{ 2019-06-24 수정 */ .mt_info .btn-back_my{ display:block; width:11px; height:20px; position: absolute; top: 5px; left: 3px; /* width: 26px; height: 26px; */ background: url(/img/v4/mytails/btn_arr_l.png) no-repeat; background-size: 7px auto; } /* .mt_info p {margin-left:15px; line-height:1.4; font-size:.875em; } 2019-06-28 수정 */ .mt_info p {margin-left:15px; line-height:1.4; font-size:.755em; } .mt_info p .user_name {font-size:1.125em;} .mt_info p a{border:1px solid black; margin-left:5px; width:60px; height:32px; font-size:1.250em; text-align:center;} .mt_main{position:relative; /* text-align:center; */ margin:30px 0;} .mt_main:after{display:block; content:""; clear:both;} .mt_main ul li { float:left; width:49%; text-align:center; } .mt_main span{ /* clear:both; border-top:1px solid rgba(223, 228, 238, 1); font-weight:bold; padding:25px 0; display:block; */} .mt_main span b{ font-size:1.25em; } .mt_main span a { font-size:1.250em; } .mt_menu li:first-child img:first-child { width:32px; height:39px; } .mt_menu li+li img:first-child { width:38px; height:42px; } .mt_menu > li > a img { margin:0 auto; } /*.mt_menu .more_icon { padding:0 0 0 2px; }*/ /* .mt_menu > li > a img, .mt_menu > li > a span { display:block; } */ .mt_menu > li > a > span { font-size:1.250em; letter-spacing:-2px; } .mt_main li a.mt_graph { display:inline-block; } .mt_main .mt_menu { padding:0 0 15px 5px; border-bottom:1px solid rgba(223, 228, 238, 1); } .mt_main .mt_menu:after{display:block; content:""; clear:both;} .mt_main .mt_graph img{ width:70%; height:auto; vertical-align:inherit; } /* .mt_main .use { padding:0 0 15px 15px; text-align:left; font-size:.875em; } 2019-06-28 수정 */ .mt_main .use { padding:0 0 15px 10px; text-align:left; font-size:.875em; } .mt_main .use b.t_blue { margin-left:10px; } .mt_point{clear:both; margin:20px 0 5px;} .mt_point:after{display:block; content:""; clear:both;} .mt_point ul { margin:0 15px; } .mt_point ul li{float:left; width:33.33%; text-align:center;} .mt_point ul li a{display:inline-block;} .mt_point ul li p b{font-size:1.25em; padding-bottom:5px; display:block; letter-spacing:-0.05em; } .mt_point ul li span { font-size:.875em; } .mt_notice{ background: url(/img/v4/mytails/notice_bg.jpg) no-repeat 0 0; padding:15px 10px;} .mt_notice:after{display:block; content:""; clear:both;} .mt_notice .mt_title span{ line-height:14px; font-size:1em; font-weight:bold;} .mt_notice .l_right.setup { position:absolute; right:0 ;top:0; } .mt_notice .mt_title span.l_left.t_red { display:block; padding:0 0 10px 10px; } /* .mt_notice .mt_notice_content ul li { background: url(/img/v4/mytails/notice_list_bg.png) no-repeat; background-size:100%; margin:0px 0 3px 0; padding:11px 13px 13px;} 2019-06-28 수정 */ /* .mt_notice .mt_notice_content ul li { background: url(/img/v4/mytails/notice_list_bg.png) no-repeat; background-size:100%; margin:0px 0 3px 0; padding:3px 13px 13px;} 2019-07-08 수정 */ .mt_notice .mt_notice_content ul li { background: url(/img/v4/mytails/QredBox.png) no-repeat; background-size:100% 38px; margin:0px 0 3px 0; padding:3px 13px 13px;} /* .mt_notice .mt_notice_content ul li a{display:inline-block; padding:0px 8px 5px 3px; line-height:15px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} 2019-07-08 수정 */ .mt_notice .mt_notice_content ul li a{display:inline-block; padding:0px 8px 5px 7%; line-height:15px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /* .mt_notice img {width:13px;} 2019-07-05 수정 */ .mt_notice img {width:16px;} .mt_notice_content { font-size:1.313em; } .mt_payment{ position:relative; background:white; padding:19px 25px 20px 10px;} .mt_payment:after{display:block; content:""; clear:both;} .mt_payment ul li{float:left; width:20%; text-align:center; font-size:1.313em;} .mt_payment ul li b{font-size:1.6em;} .mt_payment ul li > a > span { font-weight:300; font-size:.875em; } .mt_payment .mt_payment_all{ position:absolute; right:10px; top:15px; /* width:19%; */ padding:8px 0 5px; border:2px solid rgba(254, 67, 48, 1); font-size:1.250em; } .mt_payment .mt_payment_all b{font-size:1em;} .mt_order_emer_current{ background:white; margin-top:5px; font-size:.875em; } .mt_order_emer_current:after{display:block; content:""; clear:both;} .mt_order_emer_current ul li{ float:left; text-align:center; } .mt_order_emer_current ul li p {padding: 12px 15px; text-align:left; font-size:1.313em; letter-spacing:-25%; } .mt_order_emer_current ul li p b{font-size:1em; } .mt_order_emer_current ul li > p > span { font-weight:300; } .mt_order_emer_current ul li img { max-width:106px; height:auto; } .mt_order_emer_current ul li.left span { display:block; border-right:1px solid #dbe1ec; } .mt_order_current{padding:7px; letter-spacing:-0.05em; } .mt_order_current:after{display:block; content:""; clear:both;} .mt_order_current ul li{margin:10px 0;} .mt_order_current .mt_title{font-size:1.625em; margin:15px 0 13px 15px;} .mt_order_current .mt_order_content{background:white;} .mt_order_current .mt_order_content{ padding-bottom:5px;} .mt_order_current .mt_order_content .mt_date .l_left{display:inline-block; font-weight:bold; font-size:1.438em; padding:20px 15px 0;} .mt_order_current .mt_order_content .mt_date .l_right img{width:47px; height:47px;} .mt_order_current .swiper-container{ width:100%; padding:10px 0px 10px 0px;} .mt_order_current .swiper-container img{height:50px;} .mt_order_current .swiper-container .swiper-wrapper{background-size:2px;} .mt_order_current .swiper-slide{width:auto !important;} .mt_order_current .mt_order_content .mt_p_info{ padding:10px 20px;} .mt_order_current .mt_order_content .mt_p_domain{font-size:1em; margin-bottom:5px;} .mt_order_current .mt_order_content .mt_p_name{font-size:1.25em; font-weight:normal;} .mt_order_current .mt_order_content .mt_p_price{margin-top:5px; font-size:.875em; } .mt_order_current .mt_order_content .mt_p_price b{ display:inline-block; padding-right:5px; font-size:1.5em;} .mt_order_current .mt_order_content .mt_product{margin:0px 0 10px 0; padding:0 20px;} .mt_order_current .mt_order_content .mt_product:after{display:block; content:""; clear:both;} .mt_order_current .mt_order_content .mt_product .l_left img{width:11px; vertical-align:-1px; } .mt_order_current .mt_order_content .mt_product .l_left .tie{display:inline-block; border:2px solid rgba(254, 67, 48, 1); margin-top:10px; padding:4px 10px 4px 10px; font-weight:normal; font-size:1.25em; } .mt_order_current .mt_order_content .mt_product .l_left .tied{display:inline-block; border:2px solid rgba(220, 226, 237, 1); margin-top:10px; padding:4px 10px 4px 10px; font-weight:300; font-size:1.25em;} .mt_order_current .mt_order_content .mt_product .l_left .topay{display:inline-block; border:2px solid rgba(254, 67, 48, 1); background:rgba(254, 67, 48, 1); margin-top:10px; padding:4px 10px 4px 10px; font-weight:300; font-size:1.25em; } /* .mt_order_current .mt_order_content .mt_product .l_right img{width:25px;} 2019-06-24 수정 */ .mt_order_current .mt_order_content .mt_product .l_right img{width:44px; height:44px;} .mt_order_current .mt_order_content .mt_product .l_right ul li{margin-left:3px; float:left; border:1px solid #dbe1ec;} .mt_order_current .mt_order_content .mt_msg{background: url(/img/v4/mytails/line_msg_bg.png) no-repeat; background-size:100%; margin:20px 20px 5px;} /* .mt_order_current .mt_order_content .mt_msg span{display:block; padding:4px 10px 10px 29px; font-size:.875em; font-weight:300; } 2019-06-28 수정 */ .mt_order_current .mt_order_content .mt_msg span{display:block; padding:4px 14px 10px 14px; font-size:.655em; font-weight:300; } .mt_order_current .mt_order_content .mt_line{text-align:center; padding:3px 20px;} .mt_more_btn{padding:0 7px 7px; margin-bottom:15px;} .mt_more_btn a{display:block; text-align:center; padding:15px; border:2px solid #b6c1d4; background:#edf0f5; font-weight:bold; font-size:1.5em;} /* 19/06/27 s */ .swiper-slide.on .pointer { /* border:1px solid #4c84ff!important; */ background: #4c84ff!important; color: white!important; } .swiper-slide-active .pointer:after { } .swiper-slide.on .pointer:before { border-left: 11px solid #4c84ff!important; } /* 19/06/27 e */ .swiper-slide .pointer { display: block; /* width: 200px; */ height: 28px; line-height: 25px; padding: 0 10px; position: relative; /* border:1px solid #b6c1d4; */ /* border-right:#edf0f5; */ background: #edf0f5; color: black; font-weight: 300; font-size: 1.188em; } .swiper-slide .pointer:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; } .swiper-slide .pointer:before { content: ""; position: absolute; right: -11px; bottom: 0px; width: 0; height: 0; border-left: 11px solid #edf0f5; border-top: 14px solid transparent; border-bottom: 14px solid transparent; } .swiper-slide p { padding-right:15px; background: url(/img/v4/mytails/dot_pro.png) repeat-x right 13px / 1px 1px; } .swiper-slide:last-child p { background:none; } .progress-area { margin:0 0 0 15px; } .mt_notice2{background:white; padding:20px 15px 15px;} .mt_notice2:after{display:block; content:""; clear:both;} .mt_notice2 .mt_title{margin-bottom:8px;} .mt_notice2 .mt_title p{padding-bottom:11px; border-bottom:1px solid rgba(223, 228, 238, 1); margin:8px 0 0;} .mt_notice2 .mt_title p b{font-size:1.625em;} .mt_notice2 ul li{ padding:10px 10px 5px; } .mt_notice2 ul li a { font-weight:normal;font-size:.875em; } .mt_guide{background:white; width:100%; padding:20px 15px; margin:7px 0;} .mt_guide:after{display:block; content:""; clear:both;} .mt_guide b{font-size:1.625em;} .mt_community{background:white; width:100%; padding:20px 15px; margin:7px 0;} .mt_community:after{display:block; content:""; clear:both;} .mt_community b{font-size:1.625em;} .t_left{text-align:left; padding:11px 10px;} .t_center{text-align:center;} .t_right{text-align:right;} .mtd_delivery, .mtd_order, .mtd_product, .mtd_purchase, .mtd_recipient{background:white; padding:10px 10px; margin-bottom:10px; border-bottom:1px solid #bdc4cc;} .swiper-container {background:white; padding:10px 10px; margin-bottom:10px; } .swiper-container:after, .mtd_delivery:after, .mtd_order:after, .mtd_product:after, .mtd_purchase:after, .mtd_recipient:after, .mtd_btn:after{display:block; content:""; clear:both;} /* 상단 뒤로가기 */ .mtd_back{position:relative; background:white; padding:15px;} /* .mtd_back .btn-back{ 2019-06-25 수정 */ .mtd_back .btn-back_my{ display:block; width:7px; height:15px; position: absolute; top: 20px; left: 15px; /* width: 26px; height: 26px; */ background: url(/img/v4/mytails/btn_arr_l.png) no-repeat left 50%; background-size: 7px auto; } .mtd_back b{font-size:1.125em; margin-left:20px;} /* 주문상세 상태 */ .swiper-container{width:100%; padding:6px 20px 20px 20px; background:white; margin-bottom:0px; } .swiper-container img{height:43px;} .swiper-container .swiper-wrapper{background-size:2px;} .swiper-slide{width:auto ; position:relative;} /* 배송 정보 */ .mtd_delivery .mtd_dlv{display:block; margin-bottom:30px;} .mtd_delivery .mtd_dlv:after{display:block; content:""; clear:both;} .mtd_delivery table{margin-bottom:15px;} .mtd_delivery table tr td{text-align:center; padding:10px 0;} .mtd_delivery table tr td h2 { font-size:1.25em; } .mtd_delivery table dd { font-size:.75em; } .mtd_delivery table tr td a { display:block; } .mtd_delivery .mtd_pay{clear:both;} .mtd_delivery .mtd_pay ul li{float:left;} .mtd_delivery .mtd_pay ul li.mtd_pay_btn.l_left { margin-left:5px; } .mtd_delivery .mtd_pay ul .mtd_pay_btn a{display:inline-block; padding:6px 10px; border:2px solid rgba(254, 67, 48, 1); font-size:.875em; letter-spacing:-0.03em; } .mtd_delivery .mtd_pay a.fs075 { display:inline-block; margin-left:10px; line-height:17px; letter-spacing:-0.1em; } /* 구매상품 리스트 */ .mtd_product .mtd_msg:after{display:block; content:""; clear:both;} .mtd_product .mtd_msg{margin-bottom:15px;} .mtd_product .mtd_msg ul { margin:0 5px; } .mtd_product .mtd_msg ul li{float:left; width:32%; margin-right:1.5%;} .mtd_product .mtd_msg ul li:last-child{ margin-right:0px!important;} .mtd_product .mtd_msg ul li img{height:91px;} .mtd_product .mtd_p_list{clear:both;} .mtd_product .mtd_p_list .mtd_title{font-size:1em; margin:12px 0 10px 0;} .mtd_product .mtd_p_list .mtd_title > b { padding:0px 0 0 5px; } .mtd_product .mtd_p_list tr{border-top:1px solid rgba(170, 184, 207, 1);} .mtd_product .mtd_p_list tr:last-child{border-bottom:1px solid rgba(170, 184, 207, 1);} .mtd_product .mtd_p_list tr td { padding:15px 0 15px 10px;} .mtd_product .mtd_p_list tr td b { font-size:.875em } .mtd_product .mtd_p_list tr td > span { font-size:.75em; } .mtd_product .mtd_p_list tr td.t_center.b_gray { padding-left:0; } .mtd_product .mtd_p_list tr td.t_right { font-size:.875em; } .mtd_product .mtd_p_list img{width:100%;} .mtd_product .mtd_p_list img { border:1px solid #e3e8f0; } .mtd_product .mtd_p_list .t_red{font-weight:bold;} .mtd_product .mtd_p_list .mtd_p_result{width:70%; float:right; margin-top:10px; font-size:.875em; } .mtd_product .mtd_p_list .mtd_p_result tr{border:none;} .mtd_product .mtd_p_list .mtd_p_result tr td{ padding:0; padding-top:0!important; padding-bottom:0!important;} .mtd_product .mtd_p_list .mtd_p_result tr th{ padding:0; padding-top:5px!important; padding-bottom:5px!important;} /* .mtd_product .mtd_p_list td b { font-size:.875em; } */ .mtd_product { letter-spacing:-0.05em; } /* 수령인 정보 */ .mtd_recipient a{display:inline-block; padding:6px 10px; border:2px solid rgba(254, 67, 48, 1);} /* 버튼 */ .mtd_btn ul li{float:left; height:50px; text-align:center;} .mtd_btn ul li a{color:white; font-weight:bold; display:block; padding:10px 0; vertical-align:middle;} .mtd_btn ul .mtd_close a{font-size:1em; line-height:1;} .mtd_btn ul .mtd_abled {background:#4c84ff;} /* 2019-06-25 추가 */ .mtd_btn ul .mtd_disabled {background:#666;} /* 2019-06-25 추가 */ .l_left{text-align:left;} .l_right{text-align:right; float:right;} .t_red{color:rgba(254, 67, 48, 1);} .t_blue{color:rgba(76, 132, 255, 1);} .t_white{color:white;} .t_gray{color:rgba(168, 181, 203, 1);} .t_green{color:rgba(0, 189, 39, 1);} .t_163{font-size:1.63em;} .t_125{font-size:1.25em!important;} .fs100 { font-size:1em!important; } .fs875 { font-size:.875em!important } .fs075 { font-size:.75em!important } .b_gray{background:rgba(236, 239, 244, 1);} .b_pink{background:rgba(255, 224, 229, 1);} .mt_title{font-size:0.9em;} /*.more_icon{width:14px; vertical-align:middle;}*/ .new_icon{width:14px; vertical-align:middle;} .mtd_order { letter-spacing:-0.05em; } .mtd_order th { font-weight:normal; font-size:.875em; } .mtd_order td { font-weight:300; } .mtd_order td.t_right { padding-right:10px; } .ps-area { margin-bottom: 10px; border-bottom: 1px solid #bdc4cc; padding:0 0 20px 0px; background:white; } .ps-area .swiper-container { border-bottom:none; } .ps-area .swiper-slide .pointer { line-height:26px; } .mtd_msg .speech-bubble { position: relative; background: #cbebf9; border-radius: .4em; font-size:.75em; padding:10px 5px; letter-spacing:-0.05em; } .mtd_msg .speech-bubble strong { display:block; margin-top:5px; color:#4c84ff; } .mtd_msg .speech-bubble:after { content: ''; position: absolute; bottom: 0; left: 15%; width: 0; height: 0; border: 10px solid transparent; border-top-color: #cbebf9; border-bottom: 0; border-right: 0; margin-left: -5px; margin-bottom: -10px; } .mtd_msg .speech-bubble a { display:block; } .mtd_purchase th, .mtd_purchase td { font-size:.875em; letter-spacing:-0.03em; } .mtd_purchase th, .mtd_recipient th { font-weight:normal; letter-spacing:-0.03em; } .mtd_recipient th, .mtd_recipient td { font-size:.875em; } .mtd_close a { line-height:28px!important; } .mtd_btn li+li a { padding-top:8px; font-size:.875em; } /* 2019-06-24 개별폰트 제거 #mt_wrapper { font-family: 'NotoKr'!important; } @font-face { font-family: 'NotoKr'; font-style: normal; font-weight: 200; src: url('https://img.malltail.com/goods_img/font/notokr-light.eot'); src: url('https://img.malltail.com/goods_img/font/notokr-light.eot?#iefix') format('embedded-opentype'), url('https://img.malltail.com/goods_img/font/notokr-light.woff2') format('woff2'), url('https://img.malltail.com/goods_img/font/notokr-light.woff') format('woff'); } @font-face { font-family: 'NotoKr'; font-style: normal; font-weight: 300; src: url('https://img.malltail.com/goods_img/font/notokr-regular.eot'); src: url('https://img.malltail.com/goods_img/font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('https://img.malltail.com/goods_img/font/notokr-regular.woff2') format('woff2'), url('https://img.malltail.com/goods_img/font/notokr-regular.woff') format('woff'); } @font-face { font-family: 'NotoKr'; font-style: normal; font-weight: 400; src: url('https://img.malltail.com/goods_img/font/notokr-medium.eot'); src: url('https://img.malltail.com/goods_img/font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('https://img.malltail.com/goods_img/font/notokr-medium.woff2') format('woff2'), url('https://img.malltail.com/goods_img/font/notokr-medium.woff') format('woff'); } @font-face { font-family: 'NotoKr'; font-style: normal; font-weight: bold; src: url('https://img.malltail.com/goods_img/font/notokr-bold.eot'); src: url('https://img.malltail.com/goods_img/font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('https://img.malltail.com/goods_img/font/notokr-bold.woff2') format('woff2'), url('https://img.malltail.com/goods_img/font/notokr-bold.woff') format('woff'); } */ /* 2019-06-28 통관고유부호 css st */ /* #receipt_check_wrapper{position:relative; z-index:11; background:#dce0e9; margin:10px;} 2019-07-03 수정 */ #receipt_check_wrapper{position:relative; z-index:11; background:#dce0e9;} #receipt_check_wrapper h1{background:white; font-size:1.3em; padding:30px 10px 10px 10px; border-bottom:2px solid #caccd8;} #receipt_check_wrapper .rcpt_check{background:white; padding:0 10px 20px 10px;} #receipt_check_wrapper .rcpt_check table tbody tr td{padding:11px; border-bottom:1px solid #d2dae7; border-right:none;} #receipt_check_wrapper .rcpt_check table tbody tr td a{display:inline-block; background:#c4cddd; padding:5px 11px; font-size:0.85em; font-weight:bold;} /* 2019-06-28 통관고유부호 css ed */ /* 19/06/28 s */ /* .mt_point { letter-spacing:-0.05em; } 2019-07-08 수정 */ .mt_point { letter-spacing:-0.08em; } .mt_info p { font-size:.75em; } .mt_info p a { position:absolute; right:0; top:-3px; } .top-mt.relative { margin-left: 15px; line-height: 1.4; /* font-size: .875em; */} .layer-manage-mem { z-index:2; position:absolute; right:0; top:34px; /* transform:translate(73%, 17%); */ border:1px solid #b6c1d4; background:white; } .layer-manage-mem li { border-bottom:1px solid #b6c1d4; } .layer-manage-mem li:last-child { border-bottom:none; } .layer-manage-mem li a { display:block; width:100px; padding:10px 0; text-align:center; font-size:.75em; } /* 19/06/28 e */ /* 19/07/01 mytail receipt popup s*/ .t_163{font-size:1.63em;} .t_0875{font-size: 0.875em;} .t_0895{font-size: 0.895em;} .btn-h20-gray { display:inline-block; height:18px; line-height:18px; padding:0 10px; border:1px solid #dadada; font-size:12px; } .h17{height:17px;} .h28{height:28px; width:auto;} .h23{height:23px;} /* #receipt_wrapper{position:relative; z-index:11; background:#dce0e9; margin:10px;} 2019-07-03 수정 */ #receipt_wrapper{position:relative; z-index:11; background:#dce0e9;} #receipt_wrapper h1{background:white; font-size:1.3em; padding:30px 10px 10px 10px; border-bottom:2px solid #caccd8;} #receipt_wrapper .rcpt_info{background:white; border-bottom:1px solid #bdc4cc; margin-bottom:10px; padding:10px 10px 20px 10px;} #receipt_wrapper .rcpt_info h2{font-size:1.1em; margin-bottom:15px;} #receipt_wrapper .rcpt_info table{font-size:0.85em; letter-spacing:-1px;} #receipt_wrapper .rcpt_info table tbody{border:1px solid #b6c1d4 !important;} #receipt_wrapper .rcpt_info table tbody tr th{background:#edf0f5; padding:11px; border-bottom:1px solid #d2dae7; border-right:none;height:18px;} #receipt_wrapper .rcpt_info table tbody tr td{padding:11px; border-bottom:1px solid #d2dae7; border-right:none;height:18px;} #receipt_wrapper .rcpt_payment{background:white; border-bottom:1px solid #bdc4cc; margin-bottom:10px; padding:10px 10px 20px 10px;} #receipt_wrapper .rcpt_payment h2{font-size:1.1em; margin:20px 0 0 0;} #receipt_wrapper .rcpt_payment h3{font-size:1.1em; margin:25px 0 10px 0; letter-spacing:-1px;} #receipt_wrapper .rcpt_payment ul{border-top:2px solid #dce0e9; border-bottom:2px solid #dce0e9; background:#f4f6f8; padding: 11px 0 15px 0; font-size:0.85em;} #receipt_wrapper .rcpt_payment ul li{margin:0 10px; padding:10px; border-bottom:1px solid #dce0e9;} #receipt_wrapper .rcpt_payment ul .l_last{border-bottom:none;} #receipt_wrapper .rcpt_payment ul li .l_minus{color:red;} #receipt_wrapper .rcpt_payment ul .l_bold {margin:0 10px; padding:10px; border-top:2px solid #dce0e9;} #receipt_wrapper .rcpt_payment ul .l_bold span{font-size:1.1em; font-weight:bold;} /* 19/07/01 mytail receipt popup e*/ /* 2019-07-01 마이테일 주문현황 추가 st */ .mt_order_current .mt_order_content .mt_product .l_left .untie{display:inline-block; border:2px solid rgba(254, 67, 48, 1); margin-top:10px; padding:4px 10px 4px 10px; font-weight:normal; font-size:1.250em; } .mt_order_current .mt_order_content .mt_product .l_left .rereque{display:inline-block; background:#99A6BD; margin-top:10px; padding:4px 10px 4px 10px; font-weight:300; font-size:1.250em; border:2px solid #99A6BD;} .mt_order_current .mt_order_content .mt_product .l_left .search{display:inline-block; background:#B4BFD1; margin-top:10px; padding:4px 10px 4px 10px; font-weight:300; font-size:1.250em; border:2px solid #B4BFD1;} .mt_order_current .mt_order_content .mt_product .l_left .receipt{display:inline-block; background:#0156BF; margin-top:10px; padding:4px 10px 4px 10px; font-weight:300; font-size:1.250em; border:2px solid #0156BF;} /* 2019-07-01 마이테일 주문현황 추가 ed */ /* 상단 컨텐츠 */ #header {z-index:1; padding:0 !important;} #header .sub_header {background:#fff; position:relative; z-index:2; border-bottom:1px solid #caccd8; padding-bottom:3px; } /*#header .sub_header .btn_back {position:absolute; left:12px; top:13px;} #header .sub_header .btn_back img {width:11px; height:auto;} 2019-07-31 수정*/ /* 2023-09-08 추가*/ #header .sub_header .basket-cnt {min-width: 16px;min-height: 16px;border-radius: 20px;color: #fff;font-size: 10px;display: inline-block;background-color: #2276FC;text-align: center;line-height: 14px;position: absolute;top: -6.5px;right: -4px;} /* 2019-07-31 추가 */ #header .sub_header .btn_back{display:block;width:11px; height:17px; position: absolute; top: 12px; left:12px; background: url('/img/v4/mytails/btn_arr_l.png') no-repeat left 50%; background-size: 6.5px auto; } #header .sub_header .info-tit{color:#000; font-size:0.79em; font-weight:bold; letter-spacing:-1.1px; line-height:38px;padding-left:31px;} .today_best .con ol li .prd_shop a{display:inline-block; background-color:#e0eeff; font-size:12px; color:#0072ff; letter-spacing:-1px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; padding:1px 3px 3px 3px; box-sizing:border-box; } /* 2019-07-31 추가 */ #header .sub_header .btn_back{display:block;width:11px; height:17px; position: absolute; top: 12px; left:12px; background: url('/img/v4/mytails/btn_arr_l.png') no-repeat left 50%; background-size: 6.5px auto; } #header .sub_header .info-tit{color:#000; font-size:0.79em; font-weight:bold; letter-spacing:-1.1px; line-height:38px;padding-left:31px;} #header .sub_header .info-tit b{font-size:1.3em;} /* 2019-07-31 제거 /* #header .sub_header h1 {text-align:left; color:#000; font-size:0.79em; letter-spacing:-1.1; line-height:38px; padding-left:31px;} 2019-07-05 수정 #header .sub_header h1 {text-align:left; color:#000; font-size:0.79em; letter-spacing:-1.1px; line-height:38px; padding-left:31px;} /* #header .sub_header h1 b{font-size:1.3em;} 2019-07-05 수정 #header .sub_header .h1 b{font-size:1.3em;} */ .t_519bff{color:#519bff;} .t_c09f38{color:#c09f38;} /* 2019-07-02 쿠폰 추가*/ /* ▼ 쿠폰 추가 CSS ▼ */ .t_3084f6{color:#3084f6 !important;} /* 쿠폰 상단 */ #coupon_top{position:relative; padding:30px 0;background-color:#dce0e9;} #coupon_top dl{text-align:center; font-weight:bold;} #coupon_top dl dt{font-size:1.2em;} #coupon_top dl dd{font-size:1.5em;} #coupon_top dl dd b{font-size:2.2em; color:#3084f6;} #coupon_top span{position:absolute; top:10px; right:10px;} #coupon_top span a{display:inline-block;} /* 본문 컨텐츠 탭 영역 */ .h30{height:30px;} .tab { list-style: none; margin: 0; padding: 0; overflow: hidden; background:#fff; } .tab li { float: left; width:50%; text-align:center; border-bottom:2px solid #caccd8; border-right: 0.5px solid #caccd8; border-top: 0.5px solid #caccd8; box-sizing: border-box; } .tab li a { display: inline-block; color: #000; text-align: center; text-decoration: none; padding: 12px 8px; font-size: 0.875em; transition:0.3s; } .tabcontent {display: none; background-color:#fff; color:#fff;} ul.tab li.current{ border:2px solid #caccd8; border-bottom:none; box-sizing: border-box; } ul.tab li.current a{font-weight:bold;} .tabcontent.current { display: block; } #container .tab_wrap{border-bottom:1px solid #bdc4cc; margin-bottom:10px;} #container .tab_wrap #tab_coupon_01{border-left:none;} #container .tab_wrap #tab_coupon_04{border-right:none;} #container .tab_wrap .tabcontent{padding:20px 10px;} #container .tab_wrap .coupon_upload{margin-bottom:20px; text-align:center;} #container .tab_wrap .tabcontent .coupon_list>li{position:relative; margin-bottom:20px; color:#000;} #container .tab_wrap .tabcontent .coupon_list li>span{position:absolute; top:10px; right:10px;} #container .tab_wrap .tabcontent .coupon_list li dl{padding:20px; border:1px dashed #b6c1d4; border-bottom:0;} #container .tab_wrap .tabcontent .coupon_list li dl dt{margin-bottom:8px;} #container .tab_wrap .tabcontent .coupon_list li dl dt b{font-size:2.2em;} #container .tab_wrap .tabcontent .coupon_list li dl dt span{border:2px solid rgba(254, 67, 48, 1); padding:5px; font-weight:bold; vertical-align: super;} #container .tab_wrap .tabcontent .coupon_list li dl dd b{display:inline-block; font-size:1.2em; margin-bottom:8px;} #container .tab_wrap .tabcontent .coupon_list li dl dd ul li{color:#68707f;} #container .tab_wrap .tabcontent .coupon_list li p{text-align:center; border:1px solid #b6c1d4; font-size:1.2em; font-weight:bold;} #container .tab_wrap .tabcontent .coupon_list li p a{display:block; padding:15px 0;} #container .tab_wrap .tabcontent .coupon_list li .transfer_ok{background:#99a6bd;} #container .tab_wrap .tabcontent .coupon_list li .transfer_ok a{color:white;} /* 쿠폰받기 컨텐츠 영역 */ #tab4 table dl dt{ font-size: 0.93em; letter-spacing: -2; margin-bottom: 7px; } #tab4 table dl dd{ background:url('../../img/v4/mytails/clock_ff5e7d.png') no-repeat 0 50%; padding-left:19px; background-size: 15px; font-size: 0.81em; vertical-align: middle; color: #ff5e7d; margin-bottom: 5px; } #tab4 table tr td{ padding-bottom:15px; } #tab4 table tr td span{ margin-right:11px; display:inline-block; } #tab4 table tr td dl{ border-right:1px solid #e1e6ef; } #tab4 table tr .coupon_down{padding-left:5px;} #tab4 table tr .coupon_down a{ display:inline-block; } /* 팝업 */ .pop_content_wrap {z-index:11; /*display:none;*/ position:absolute; top:-15px; right:0; left:0; margin:15px;} /*display:none으로인해 내용이보이지않는 문제로 주석처리 2019.07.03 ysun0026 */ .pop_content_wrap .btn-hide{text-align:right; margin-bottom:11px;} .pop_content_wrap .btn-hide img{width:40px;} .pop_content_wrap .pop_content{background:#fff;} .pop_content_wrap .pop_content h1{background:white; font-size:1.3em; padding:30px 17px 10px; margin-bottom:10px; border-bottom:2px solid #caccd8;} .pop_content_wrap .pop_content .pop_info{padding: 5px 17px 22px;} .pop_content_wrap .pop_content .pop_info table{margin-bottom:10px;} .pop_content_wrap .pop_content .pop_info table tr td label{position:relative;} .pop_content_wrap .pop_content .pop_info table tr td label input{position:initial; height:42px; width: 100%;box-shadow:none;font-size:1em;line-height:normal; border: 1px solid #e7ebf2; padding-left: 6px; vertical-align: middle; padding-right: 18px;} .pop_content_wrap .pop_content .pop_info table tr td span{margin-left:5px;} .pop_content_wrap .pop_content .pop_info table tr td span a{background:#c4cddd; padding:10px 18px; font-weight:bold; display:inline-block;} .pop_content_wrap .pop_content .pop_info ul li{background:url(../img/v4/mytails/info_bar.png) left 9px no-repeat; background-size: 6px; padding-left:10px; margin-bottom:7px; letter-spacing:-1px;} /* 2019-07-02 쿠폰 추가 */ /* 2019-07-03 마이테일 직구 커뮤니티 st */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display: inline-block;} #white-area > ul > li { padding:15px 12px; border-bottom: 1px solid #c7cfdd; background:white; letter-spacing:-0.03em; } #white-area > ul > li.mt6 { margin-top:6px!important; } #white-area > ul > li > p.tit { font-weight:bold; font-size:1.125em; letter-spacing:-0.08em; } #white-area > ul > li .cont { position:relative; height:106px; margin-top:10px; /* padding:5px 0 0 0; */ } #white-area > ul > li .cont p.thumb img { width:115px; height:auto; } #white-area > ul > li .cont p.thumb { position:absolute; left:0; top:0; } #white-area > ul > li .cont > dl { margin-left:130px; font-size:.75em; } #white-area > ul > li .cont > dl dt p+p { color:#64696e; font-size:.875em; } #white-area > ul > li .cont dd dt, #white-area > ul > li .cont dl dd { float:left; display: inline-flex; } /* dd깨지는문제로 display 옵션 추가 2019.07.03 ysun0026*/ #white-area > ul > li .cont .btn { margin:9px 0 0 130px; } #white-area > ul > li .cont p.cb { margin-left:130px; padding-top:5px; font-size:.75em; } #white-area > ul > li .cont .btn .col2 { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; } #white-area > ul > li .cont .btn .col2 li { overflow:hidden; width: calc(50% - 7px); margin:0 5px 0 0; } #white-area > ul > li .cont .btn .col2 li:last-child { margin-right:0; } #white-area > ul > li .cont .btn li.green { border:2px solid #50a230; } #white-area > ul > li .cont .btn li.blue { border:2px solid #517ccc; } #white-area > ul > li .cont .btn .red { border:2px solid #ff4330; } #white-area > ul > li .cont .btn li a { display:block; padding:5px 15px; text-align:center; font-weight:bold; font-size:.75em; } #white-area > ul > li .cont .btn .one { display:inline-block; } /* 2019-07-03 마이테일 직구 커뮤니티 ed */ /* 2019-07-03 오머니 st */ .t_ff4330{color:#ff4330;} #container .tab_wrap #tab_omoney_01{border-left:none;} #container .tab_wrap #tab_omoney_03{border-right:none;} #container .tab_wrap .tabcontent:after{display:block; content:""; clear:both;} #container .tab_wrap .tabcontent .omoney_charge_list:after{display:block; content:""; clear:both;} #container .tab_wrap .tabcontent .omoney_charge_list li{position:relative; float:left; width:31.33%; margin:8px 1% 0; border:1px solid #567FF3; box-sizing:border-box;} #container .tab_wrap .tabcontent .omoney_charge_list li a{display:block; text-align:center; color:#567FF3; padding:10px 0; font-size:1.5em;} #container .tab_wrap .tabcontent .omoney_charge_list li a.on{background: #3084F6;color: #fff;} #container .tab_wrap .tabcontent .result_text{display:block; text-align:center; padding:20px 0 25px 0; color:#546f8c;} #container .tab_wrap .tabcontent .result_text b{color:#ff4330;} #container .tab_wrap .tabcontent .transfer_ok{background:#99a6bd; text-align:center; border:1px solid #b6c1d4; font-size:1.2em; font-weight:bold;} #container .tab_wrap .tabcontent .transfer_ok a{color:white; display:block; padding:15px 0;} #container .tab_wrap .tabcontent .omoney_list li{border-bottom:1px solid #c4cad6; padding:14px 0;} #container .tab_wrap .tabcontent .omoney_list li table tr td{padding:10px 5px;} #container .tab_wrap .tabcontent .omoney_list li table tr td dl dt{color:#68707f; font-size:0.80em; letter-spacing:-1px;} #container .tab_wrap .tabcontent .omoney_list li table tr td dl dd{color:#000; font-size:1.2em; margin-bottom:5px; font-weight:bold;} #container .tab_wrap .tabcontent .omoney_list li table tr td dl dd span{border:1px solid #dbe1ec; font-size:0.75em; padding: 3px 8px; margin-left: 10px;} #container .tab_wrap .tabcontent .omoney_list li table tr td dl p{color:#546f8c; font-size:0.875em; letter-spacing:-1px;} #container .tab_wrap .tabcontent .omoney_list li table tr .t_right{font-size:1.9em;} #container .tab_wrap .tabcontent .omoney_list li table .omoney_btn_wrap span a{display:block; font-size:1.2em; text-align:center;} #container .tab_wrap .tabcontent .omoney_list li table tr .btn_delete a{border:1px solid #dbe1ec; color:#000; font-weight:bold; padding:15px;} #container .tab_wrap .tabcontent .omoney_list li table tr .btn_pay a{background:#99a6bd; color:#fff; font-weight:bold; padding:15px;} /* 2019-07-03 오머니 ed */ /* 2019-07-03 캐시 st */ #container .tab_wrap #tab_cash_01{border-left:none;} #container .tab_wrap #tab_cash_02{border-right:none;} #container .tab_wrap .tabcontent .cash_list li{border-bottom:1px solid #c4cad6; padding:14px 0;} #container .tab_wrap .tabcontent .cash_list li table tr td{padding:10px 5px;} #container .tab_wrap .tabcontent .cash_list li table tr td dl dt{color:#68707f; font-size:0.80em; letter-spacing:-1px;} #container .tab_wrap .tabcontent .cash_list li table tr td dl dd{color:#000; font-size:1.2em; margin-bottom:5px; font-weight:bold;} #container .tab_wrap .tabcontent .cash_list li table tr td dl dd span{border:1px solid #dbe1ec; font-size:0.75em; padding: 3px 8px; margin-left: 10px;} #container .tab_wrap .tabcontent .cash_list li table tr td dl p{color:#546f8c; font-size:0.875em; letter-spacing:-3px;} #container .tab_wrap .tabcontent .cash_list li table tr .t_right{font-size:2.0em;} /* 기존에 font-size:2.9em;인데, 숫자길어지면 줄바꿈되는 문제때문에 변경 2019.07.05 ysun0026 */ #container .tab_wrap .tabcontent .cash_list li table .omoney_btn_wrap span a{display:block; font-size:1.2em; text-align:center;} #container .tab_wrap .tabcontent .cash_list li table tr .btn_delete a{border:1px solid #dbe1ec; color:#000; font-weight:bold; padding:15px;} #container .tab_wrap .tabcontent .cash_list li table tr .btn_pay a{background:#99a6bd; color:#fff; font-weight:bold; padding:15px;} /* 2019-07-03 캐시 ed */ /* 2019-07-03 몰리 st */ #container .tab_wrap #tab_mallree_01{border-left:none;} #container .tab_wrap #tab_mallree_02{border-right:none;} #container .tab_wrap .tabcontent .mallree_list li{border-bottom:1px solid #c4cad6; padding:14px 0;} #container .tab_wrap .tabcontent .mallree_list li table tr td{padding:10px 5px;} #container .tab_wrap .tabcontent .mallree_list li table tr td dl dt{color:#68707f; font-size:0.80em; letter-spacing:-1px;} #container .tab_wrap .tabcontent .mallree_list li table tr td dl dd{color:#000; font-size:1.2em; margin-bottom:5px; font-weight:bold;} #container .tab_wrap .tabcontent .mallree_list li table tr td dl dd span{border:1px solid #dbe1ec; font-size:0.75em; padding: 3px 8px; margin-left: 10px;} #container .tab_wrap .tabcontent .mallree_list li table tr td dl p{color:#546f8c; font-size:0.875em; letter-spacing:-1px;} #container .tab_wrap .tabcontent .mallree_list li table tr .t_right{font-size:2.9em;} #container .tab_wrap .tabcontent .mallree_list li table .omoney_btn_wrap span a{display:block; font-size:1.2em; text-align:center;} #container .tab_wrap .tabcontent .mallree_list li table tr .btn_delete a{border:1px solid #dbe1ec; color:#000; font-weight:bold; padding:15px;} #container .tab_wrap .tabcontent .mallree_list li table tr .btn_pay a{background:#99a6bd; color:#fff; font-weight:bold; padding:15px;} /* 2019-07-03 몰리 ed */ /*2019-07-03 마이테일 1:1문의 버튼 st */ .btn-mytail-notice { z-index:10; position:fixed; right:10px; bottom:130px; width:44px; height:44px; background:url(/img/v4/mytails/btn_mytail_notice.png) no-repeat 0 0; background-size:44px 44px; text-indent:-9999px; outline:0; } /*2019-07-03 마이테일 1:1문의 버튼 ed */ /*2019-07-05 나의 주문 현황 st */ #contition_wrap select {width: initial;height: initial;} #contition_wrap{background:#fff; margin-bottom:6px;} #contition_wrap:after{content:""; clear:both; display:block;} #contition_wrap .l_left, #contition_wrap .l_right{width:46%} #contition_wrap .l_left{float:left;} #contition_wrap .l_right{margin-right:18px;} #contition_wrap select {padding:17px 23px 17px 18px; border: none; background: url('/img/v4/mytails/option_down.png') no-repeat 99% 50%; background-size:13px;border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} #contition_wrap select::-ms-expand {display: none;} #container .cont_list:after{display:block; content:""; clear:both;} #container .cont_list ul li{background:#fff; margin-bottom:6px;} #container .cont_list ul li.lists__item { padding: 22px 7px; } #container .cont_list ul li:last-child{margin-bottom:0;} #container .cont_list .list_wrap{display:inline-block; border:1px solid #dbe1ec;width:100%;} #container .cont_list .list_wrap .c_date .l_left{display:inline-block; font-size:0.95em; letter-spacing:-1; margin:14px;} #container .cont_list .list_wrap .c_date .l_right img{width:32px;} #container .cont_list .list_wrap .swiper-container{width:100%; background: initial; border: initial; margin-bottom: 26px; padding: 0; } #container .cont_list .list_wrap .swiper-container img{height:28px;} #container .cont_list .list_wrap .swiper-container .swiper-wrapper{background-size:2px;} #container .cont_list .list_wrap .swiper-slide{width:auto !important; height:auto !important; margin: 0 !important; } #container .cont_list .list_wrap .c_info{padding:0 14px;} #container .cont_list .list_wrap .c_info dl dt{font-size:0.85em; margin-bottom:7px; font-weight:bold; font-family: 'Arimo', sans-serif;} #container .cont_list .list_wrap .c_info dl dd p{color:#ff4330; font-size:0.875em; margin:11px 0 15px 0;} #container .cont_list .list_wrap .c_info dl dd p b{font-size:1.55em;} #container .cont_list .list_wrap .c_product{position:relative; padding:0 14px 9px;} #container .cont_list .list_wrap .c_product:after{display:block; content:""; clear:both;} #container .cont_list .list_wrap .c_product .l_left img{width:19px;} #container .cont_list .list_wrap .c_product .l_left{ background:#fff;} #container .cont_list .list_wrap .c_product .l_left a{display:inline-block; padding:7px 12px 7px 26px; font-weight:bold; background:#fff; font-size:0.74em;} #container .cont_list .list_wrap .c_product .l_left .tie{ border:2px solid #ff4735; background:url(/img/v4/mytails/tie.png) no-repeat 9px 50%; background-size:14px; color:#ff4735;} #container .cont_list .list_wrap .c_product .l_left .tied{border:2px solid #dce2ed; background:url(/img/v4/mytails/tied_img.png) no-repeat 9px 50%; background-size:14px; color:#a8b5cb;} #container .cont_list .list_wrap .c_product .l_left a.rereque { display: inline-block; background: #99A6BD; margin-top: 10px; padding: 6px 10px; font-weight: 300; font-size: .875em; } #container .cont_list .list_wrap .c_product .l_left a.topay { display: inline-block; background: rgba(254, 67, 48, 1); margin-top: 10px; padding: 6px 10px; font-weight: 300; font-size: .875em; } #container .cont_list .list_wrap .c_product .l_left .untie{display:inline-block; border:2px solid rgba(254, 67, 48, 1); margin-top:10px; padding:4px 10px; font-weight:normal; font-size:.875em; } #container .cont_list .list_wrap .c_product .l_left .rereque{display:inline-block; background:#99A6BD; margin-top:10px; padding:6px 10px; font-weight:300; font-size:.875em; } #container .cont_list .list_wrap .c_product .l_left .search{display:inline-block; background:#B4BFD1; margin-top:10px; padding:6px 10px; font-weight:300; font-size:.875em; } #container .cont_list .list_wrap .c_product .l_left .receipt{display:inline-block; background:#0156BF; margin-top:10px; padding:6px 10px; font-weight:300; font-size:.875em; } #container .cont_list .list_wrap .c_product .l_right{display:inline-block; float:right;} #container .cont_list .list_wrap .c_product .l_right ul{display:inline-block;} #container .cont_list .list_wrap .c_product .l_right ul li{float:left; width:30px; margin:0 0 0 2px; border:1px solid #dbe1ec; box-sizing:border-box;} #container .cont_list .list_wrap .mt_msg{background: url(/img/v4/mytails/line_msg_bg.png) no-repeat; background-size:100% 100%; margin:0 14px 17px 14px;} #container .cont_list .list_wrap .mt_msg span{display:block; padding:6px 16px; font-size:0.8em;} /*2019-07-05 나의 주문 현황 ed */ /*2019.07.05 인기상점*/ /* 인기상점-헤더 */ .div_shop_list{font-size: 0.7em !important;letter-spacing: -1.5px!important;} .div_shop_list{font-weight:normal;} /* ppt수정사항 2019.07.25 */ .div_shop_list span.big{font-size: 1.3em !important;font-weight:bold;} /* ppt수정사항 2019.07.25 */ /* 인기상점-알림 */ .shop_list.mt_notice{background: url(/img/v4/mytails/notice_bg.jpg) no-repeat 0 0; padding:15px 10px;} .shop_list.mt_notice:after{display:block; content:""; clear:both;} .shop_list.mt_notice .mt_title{padding:0 0 10px 10px;} .shop_list.mt_notice .mt_title span{font-size:1em;font-weight:bold;line-height:14px;} .shop_list.mt_notice .mt_notice_content {font-size:.875em} .shop_list.mt_notice .mt_notice_content ul li{background: url(/img/v4/mytails/notice_list_bg.png) no-repeat; background-size:100% 38px; margin:0px 0 3px 0; padding:3px 13px 13px;} .shop_list.mt_notice .mt_notice_content ul li a{display:inline-block; padding:1px 8px; font-size:1em; line-height:15px; letter-spacing:-1px; } .shop_list.mt_notice img{width:16px;} .shop_list.mt_notice .mt_title span.l_left.t_red{padding:0px;} .shop_list.mt_notice .mt_title span.l_right{position:absolute;right:10px;top:15px;} /* 인기상점-본문 컨텐츠 탭 영역 st */ #container .shop_list.tab_wrap .tabcontent{padding:0px; background-color:#dce0e9;} .shop_list.tab_wrap{padding-bottom:60px;} .shop_list .tab {list-style: none; margin: 0; padding: 0; overflow: hidden; background:#fff;} .shop_list .tab li { position: relative; float: left; width:20%; text-align:center; border-bottom:3px solid #caccd8; border-left: 0.5px solid #caccd8; border-right:0px; border-top: 0.5px solid #caccd8; box-sizing: border-box;border-top-width:0px;}/* border 2px->3px ppt수정사항 2019.07.25 */ ul.tab li.current + li {border-left:0px;} .shop_list .tab li:after { content: ''; position: absolute; left: -1px; right: -1px; bottom: -2px; border-bottom: 2px solid #caccd8; } .shop_list .tab li a {display: inline-block; color: #000; text-align: center; text-decoration: none; padding: 12px 8px; font-size: 0.875em; transition:0.3s;} .shop_list .tabcontent {display: none; background-color:#fff; color:#fff;} ul.tab li.current{border:3px solid #caccd8; border-bottom:none; box-sizing: border-box;} /* border 2px->3px ppt수정사항 2019.07.25 */ ul.tab li.current a{font-weight:bold;} .shop_list .tabcontent.current {display: block;} .shop_list.tab_wrap{border-bottom:1px solid #bdc4cc; margin-bottom:10px;} .shop_list.tab_wrap .tabcontent table tr:nth-child(2n){border-bottom:1px solid #c4c9d3;} .shop_list.tab_wrap .tabcontent table tr:last-child{border-bottom:0;} .shop_list.tab_wrap .tabcontent table tr td{padding:6px 5px; vertical-align: middle;padding-left:8px;}/* padding-left:8px 추가 ppt수정사항 2019.07.25 */ .shop_list.tab_wrap .tabcontent table tr .store_logo a{display:inline-block; margin-top:10px;} .shop_list.tab_wrap .tabcontent table tr td dl dt{font-size:1.2em; font-weight:bold; margin:10px 0 2px 0;} .shop_list.tab_wrap .tabcontent table tr td dl dd{font-size:0.82em; letter-spacing:-2px;} .shop_list.tab_wrap .tabcontent table tr td dl dd span{color:#ff4330;} .shop_list.tab_wrap .tabcontent table .store_bookmark span{display:inline-block; padding-bottom:10px;} .shop_list.tab_wrap .tabcontent table .store_bookmark img{width:20px;} /* width:24px->20px 추가 ppt수정사항 2019.07.25 */ .shop_list.tab_wrap .tabcontent table .btn_wrap span{display:inline-block; padding-bottom:10px;} .shop_list.tab_wrap .tabcontent table .btn_wrap a{font-size:0.875em; border:1px solid #cbd0d9; display:inline-block; padding:4px 7px; font-weight:bold;} .shop_list.tab_wrap .tabcontent table td.t_center.store_bookmark {color:#000; font-weight:bold;} .shop_list ul.tab li a{border:0px;} .shop_list.tab_wrap ul.tab{border-top:0px} .shop_list .t_center.store_bookmark span{vertical-align:middle;} .shop_list .popular-tab #tab_bookmark{background:url('/img/v4/mytails/tab_bookmark.png') no-repeat 50% 20%; background-size:24px; padding-top:26px; border-left:0} .shop_list .popular-tab #tab_usd{background:url('/img/v4/mytails/tab_usa.png') no-repeat 50% 20%; background-size:24px; padding-top:26px;} .shop_list .popular-tab #tab_global{background:url('/img/v4/mytails/tab_global.png') no-repeat 52% 20%; background-size:auto 24px; padding-top:26px;} .shop_list .popular-tab #tab_korea{background:url('/img/v4/mytails/tab_korea.png') no-repeat 50% 20%; background-size:24px; padding-top:26px;} .shop_list .popular-tab #tab_premium{background:url('/img/v4/mytails/tab_premium.png') no-repeat 52% 20%; background-size:auto 24px; padding-top:26px;} .shop_list .popular-tab #tab_travel{background:url('/img/v4/mytails/tab_travel.png') no-repeat 50% 20%; background-size:24px; padding-top:26px;border-right:0} ul.tab.popular-tab li {position: relative;float: left;width:16.666%;text-align: center; border-bottom: 3px solid #caccd8;border-left: 0.5px solid #caccd8;border-right: 0px; border-top: 0.5px solid #caccd8;box-sizing: border-box;border-top-width: 0px;bottom:0;} ul.tab.popular-tab li.current { border: 3px solid #caccd8; border-bottom: none;box-sizing: border-box;} ul.tab.popular-tab li a{padding:12px 8px 12px 8.5px;border-left:0;font-size:0.813em}/*s:190830 edit /*tr[data-currency='won'] td.store_logo img{width:144px; height: 60px; border:1px solid #e1e1e1;}*/ .str_header_title_sub{font-weight:100; letter-spacing:-1.2px;} ul.tab.popular-tab{border-bottom: 3px solid #caccd8; overflow:initial;} ul.tab.popular-tab:after{ content:''; display:block; clear:both;} ul.tab.popular-tab li {position: relative;float: left;/*width:20%;*/text-align: center; border-bottom:0px; border-left: 1px solid #caccd8; border-right: 0px; border-top: 0.5px solid #caccd8; box-sizing: border-box; } ul.tab.popular-tab li:last-child{border-right:1px solid #caccd8;} ul.tab.popular-tab li:after { content: ''; position: absolute; left:0px; right:0px; bottom: -3px; border-bottom: 0px; z-index:3; } ul.tab.popular-tab li.current {padding-top:24px !important; border: 3px solid #caccd8; border-bottom: none;box-sizing: border-box;} ul.tab.popular-tab li.current:after {border-bottom: 3px solid #fff;} ul.tab.popular-tab li a{padding:12px 8px 10px 8.5px;border-left:0;font-size:0.813em;} .popular-tab_wrap{width:100%; overflow:hidden; position:relative;} .popular-tab_wrap .btn_regular{width:100px; height:36px; border:2px solid #ff4330; text-align:center; position:absolute; top:0px; right:10px;} .popular-tab_wrap .btn_regular a{width:100%; height:100%; line-height:34px; display:inline-block; color:#ff4330; text-align:center; font-size:14px; letter-spacing:-0.5px;} /*2019.07.05 인기상점 ed*/ /* 2019-07-09 등급 st */ /* 본문 컨텐츠 - 등급*/ #container .level_wrap{background:#fff; border-bottom:1px solid #bdc4cc; padding:20px 10px; margin-bottom:10px;} #container .level_wrap p{text-align:center; margin:0 0 20px 0;} #container .level_wrap p img{width:125px;} #container .level_wrap table tr{border:1px solid #b6c1d4;} #container .level_wrap table tr td{padding:10px;} #container .level_wrap table tr td span{font-size:0.875em; font-weight:bold; letter-spacing:-1;} /* 2019-07-09 등급 ed */ /* 19/07/02 s */ .white-area.pd0 > ul > li { padding:0; } .white-area.pd0 > ul > li .cont { height:inherit; margin-top:0; } .white-area { padding:6px; border-bottom: 1px solid #c7cfdd; background:white; letter-spacing:-0.03em; } .white-area.mt6 { margin-top:6px!important; } .white-area.fix { position:fixed; min-height:100%; width:100%; } .white-area.last-wrap {width:100%; min-height:100%; border-bottom:0;} .white-area.last-wrap .con1 {padding-bottom:10px;} ul.tab { width:100%; border-top:1px solid #caccd8; } /* ul.tab li { float:left; position:relative; bottom:1px; width:33.33%; text-align:center; border-bottom:2px solid #caccd8; } 2019-07-09 수정 */ ul.tab li { float:left; position:relative; text-align:center; border-bottom:2px solid #caccd8; } ul.tab li.on { position:relative; top:-1px; border-bottom:white; } ul.tab li.on a { font-weight:bold; border-top:2px solid #caccd8; border-right:2px solid #caccd8; border-left:2px solid #caccd8; } ul.tab li a { display:block; padding:15px 0; border-left:1px solid #caccd8; font-size:.875em; } ul.tab li:first-child a { border-left:0;} ul.tab li:last-child a { border-right:none; } .tab-cont dl.con1 { margin:10px 12px; } .tab-cont .con1 dt { padding-bottom:10px; font-weight:bold; font-size:.875em; text-align:left; border-bottom:2px solid #caccd8; } .tab-cont .con1 dd { padding-bottom:10px; border-bottom:1px solid #caccd8; } .tab-cont dd.con1 img { width:20px; height:auto; } .tab-cont dd.con2 img { width:19px; height:auto; } .tab-cont dd.con3 img { width:17px; height:auto; } .tab-cont dd.con4 img { width:24px; height:auto; } .tab-cont dd.con5 img { width:20px; height:auto; } .tab-cont dd.con6 img, .tab-cont dd.con7 img { width:24px; height:auto; } .tab-cont span:first-child { display:inline-block; width:27px; } .tab-cont span { font-size:.875em; } .tab-cont span+span { position:relative; top:2px; } .tab-cont a { display:block; line-height:30px; padding:0px 0; } .tab-cont#tab1 dl dd { background:url('../img/pub/arr_r_blk.png') no-repeat 99% 50% / 7px auto; } .tab-cont dl dd:last-child { padding-bottom:0; /* border-bottom:none; */ } .tab-cont dl dd img { vertical-align:middle; } #tab2.tab-cont > .cont { margin:15px 12px; } #tab2.tab-cont > .cont p.top img { width:100%; height:auto; } #tab2.tab-cont ul { margin:10px -5px 0; } #tab2.tab-cont ul li { float:left; width:50%; margin-bottom:10px; } #tab2.tab-cont ul li a { padding:0 5px; } #tab2.tab-cont ul li dl { margin-top:5px; line-height:18px; } #tab2.tab-cont ul li dl dt { font-size:.75em; } #tab2.tab-cont ul li dl dd { background:none; font-size:.688em; color:#64696e; } #tab3.tab-cont .sch { margin:15px 12px; padding:10px 0; border:1px solid #d5ddea; background:#e7ebf2; } #tab3.tab-cont .sch dl { position:relative; width:100%; } #tab3.tab-cont .sch dt { /* float:left; */ position:absolute; left:10px; top:3px; font-size:.875em; } #tab3.tab-cont .sch dd { /* float:right; */ position:relative; margin-left:100px; margin-right:15px; background:none; } #tab3.tab-cont .sch dd input { width:100%; padding:3px 4px; border:1px solid white; background:white; font-size:.875em; } #tab3.tab-cont .sch dd button { position:absolute; right:0px; top:5px; background-color:transparent; } #tab3.tab-cont .sch dd button img { width:15px; height:auto; } #tab3.tab-cont .white-area > dl { margin:15px 12px; } #tab3.tab-cont .white-area > dl > dt { font-weight:bold; letter-spacing:-0.05em; font-size:.875em; } #tab3.tab-cont .faq-btn-box.top-line{margin-top:20px;} #tab3.tab-cont .faq-btn-box:after{content:''; display:block; clear:both} #tab3.tab-cont .faq-btn-box li{float:left;width:33.333%;height:50px;text-align:center; border:1px solid #bac4d6;box-sizing:border-box;border-left:0;} #tab3.tab-cont .faq-btn-box li.faq-btn{/*cursor:pointer 포인터제거 2019.07.23*/cursor:none} #tab3.tab-cont .faq-btn-box li:first-child{border-left:1px solid #bac4d6} #tab3.tab-cont .faq-btn-box li.on-btn{border-color:#8cbaf8; background:#8cbaf8; } #tab3.tab-cont .faq-btn-box li .prt-btn{display:table;width:100%; height:100%} #tab3.tab-cont .faq-btn-box li .prt-btn p{display:table-cell;width:100%; height:100%; vertical-align:middle;text-align:center; font-size:.875em; color:#000;} #tab3.tab-cont .faq-btn-box li.on-btn .prt-btn{background:#8cbaf8; } #tab3.tab-cont .faq-btn-box li.on-btn .prt-btn p{font-weight:bold; color:#fff} #tab3.tab-cont .chi-btn-box .chi-btn{border:1px solid #8cbaf8} #tab3.tab-cont .chi-btn-box .chi-btn:after{content:''; display:block; clear:both} #tab3.tab-cont .chi-btn-box .chi-btn li{font-size:.875em;float:left;width:33.333%;height:50px;line-height:48px;text-align:center; border:1px solid #bac4d6;border-bottom:0;box-sizing:border-box;border-left:0;} /* #tab3.tab-cont .chi-btn-box .chi-btn li:nth-child(3n+1){border-left:1px solid #bac4d6} */ #tab3.tab-cont .chi-btn-box .chi-btn li:nth-child(1){border-top:0} #tab3.tab-cont .chi-btn-box .chi-btn li:nth-child(2){border-top:0} #tab3.tab-cont .chi-btn-box .chi-btn li:nth-child(3){border-top:0} #tab3.tab-cont .chi-btn-box .chi-btn li.on{background:#1a73e1; color:#fff; font-weight:bold} #tab3.tab-cont .txt-cont{} #tab3.tab-cont .txt-cont .txt-box{} #tab3.tab-cont .txt-cont .txt-box li{border-bottom:1px solid #c4cad6; margin-top:20px; padding-bottom:20px} #tab3.tab-cont .txt-cont .txt-box li:last-child{border-bottom:0} #tab3.tab-cont .txt-cont .txt-box li p.tit{font-size:.875em; color:#1a73e1; line-height:1;font-weight:bold; letter-spacing:-0.05em; } #tab3.tab-cont .txt-cont .txt-box li p.txt{color:#000; font-size:.875em; line-height:1.5;margin-top:10px} ::-webkit-input-placeholder {color: #e7ebf2; font-size:.75em; } :-moz-placeholder {color: #e7ebf2; font-size:.75em; } /* Firefox 18- */ ::-moz-placeholder {color: #e7ebf2; opacity: 1; font-size:.75em; } /* Firefox 19+ 무슨 이유인지는 모르나 반투명처리되어 opacity가 있어야함 */ :-ms-input-placeholder {color: #e7ebf2; font-size:.75em; } /* 19/07/02 e */ /* 19/07/08 s */ .btn-d-blue { display:inline-block; color:black; background:#c4cddd; } .sub_header_new.bbnone a.btn-d-blue {position:absolute;right:10px;top:10px;padding:5px 8px;font-size:.75em;letter-spacing:-0.05em;font-weight:bold;} .sub_header_new.bbnone a.btn-d-blue2 {position:absolute;right:120px;top:8px;padding:5px 8px;font-size:.75em;letter-spacing:-0.05em;font-weight:bold;border:2px solid #cfcfcf;} .tab-flag { background:white; } .tab-flag li { width:14.2857%!important; } .tab-flag li a { padding:10px 0!important; } .tab-flag li.on a { font-weight:bold; } .tab-flag span { display:block; font-size:.75em; } .tab-flag span img { width:22px; height:auto; } .tab-flag span+span { margin-top:5px; } .tb-style.tb-cont { border:1px solid #b6c1d4; } .tb-style.tb-cont tr th, .tb-style.tb-cont tr td { font-size:.875em; border-bottom:1px solid #d2dae7; } .tb-style.tb-cont tr:last-child th, .tb-style.tb-cont tr:last-child td { border-bottom:none; } .tb-style.tb-cont tr th { padding:10px 0 10px 10px; font-weight:normal; background:#edf0f5; text-align:left; } .tb-style.tb-cont tr td { position:relative; padding:12px 10px; } .tb-style.tb-cont tr td a.btn-white { position:absolute; right:10px; top:50%; transform:translateY(-50%); display:inline-block; line-height:inherit; padding:5px 10px; border:1px solid #dbe1ec; color:black; font-size:.75em; } .tab-cont div.exp > p { padding:10px 0 0 0; color:#546f8c; font-size:.75em; letter-spacing:-0.05em; } .tab-cont div.exp > div { width:100%; margin-top:20px; text-align:center; } .tab-cont div.exp > div > span { position:inherit; top:inherit; width:52px; margin:0 5px; } .tab-cont div.exp > div > span > img { width:52px!important; height:auto; vertical-align:middle; } ul.exp2 { position:relative; margin-top:20px; margin-left:0!important; margin-right:0!important; } ul.exp2 li { width:49%; display:inline-block; text-align:center; } ul.exp2 li.divider { width:1px; position:absolute; left:50%; top:0; bottom:0; border-left:1px solid #e1e6ef; } ul.exp2.entry { width:100%; } ul.exp2.entry li { float:left; } ul.exp2.entry li+li { } ul.exp2.entry li p:first-child { } ul.exp2.entry li p.price { font-weight:bold; color:#ff4330; font-size:1.75em; letter-spacing:-0.05em; } ul.exp2.entry li p+p+p { margin-top:10px; color:#546f8c; font-size:.75em; } .w-area { width:100%; background:white; } .w-area.fix { position:fixed; min-height:100%; width:100%; background:white; } .w-area.mt6 { margin-top:6px!important; } .tab-cont.mt6 { margin-top:6px!important; } .exp dl.txt { margin-top:10px; } .exp dl.txt dt { font-size:.875em; font-weight:bold; color:#546f8c; } .exp dl.txt dd { padding:5px 0 0 7px; font-size:.75em; color:#546f8c; } .exp2.entry a.btn-white { position:relative; display:inline-block; line-height:inherit; padding:8px 10px; border:1px solid #dbe1ec; color:black; font-size:.75em; } .btn-white { display:inline-block; line-height:inherit; padding:5px 10px; border:1px solid #dbe1ec; color:black; font-size:.75em; } /* 19/07/08 e */ /* 2019-07-05 내주소 st */ /* 상단 컨텐츠 */ #header2 .sub_header {background:#fff; position:relative; z-index:2; border-bottom:1px solid #caccd8; padding-bottom:3px; height:48px;} #header2 .sub_header .btn_back {position:absolute; top:15px; left:14px;} #header2 .sub_header .btn_back img {width:13px; height:16px;} #header2 .sub_header h1 {text-align:left; color:#000; font-size:0.79em; letter-spacing:-1.1px; line-height:38px; padding-left:31px; display:inline-block;} #header2 .sub_header h1 b{font-size:1.2em; line-height:2.9;} #header2 .sub_header .l_right{display:inline-block; background:#c4cddd; font-size:0.875em; margin:7px 9px 7px 0; padding:8px 9px;} #container2 .tab_wrap ul{width:100%;} #container2 .tab_wrap{margin-bottom: 0px !important; border-bottom:none;} #container2 .tab_wrap .tabcontent{padding:0; background:none;} #container2 .tab_wrap .tabcontent .cont_wrap{border-bottom:1px solid #c7cfdd; margin-bottom:6px; background:white; padding:28px 14px; color:#000;} #container2 .tab_wrap .tabcontent .cont_wrap:after{display:block; content:""; clear:both;} #container2 .tab_wrap .tabcontent .cont_wrap table tbody{border:1px solid #c5cdde;} #container2 .tab_wrap .tabcontent .cont_wrap table tbody tr{border-bottom:1px solid #e2e7ef;} #container2 .tab_wrap .tabcontent .cont_wrap table tbody tr:last-child{border-bottom:none;} #container2 .tab_wrap .tabcontent .cont_wrap table tbody tr th{padding:19px 14px; background:#edf0f5; text-align:left; font-weight:normal; font-size:0.7em; font-family: 'Arimo', sans-serif;} #container2 .tab_wrap .tabcontent .cont_wrap table tbody tr td{padding:19px 2px 19px 14px; font-size:0.7em; font-family: 'Arimo', sans-serif; letter-spacing:-0.5px;} #container2 .tab_wrap .tabcontent .cont_wrap table tbody tr td img{width:51px; height:30px; max-width: fit-content;} #container2 .tab_wrap .tabcontent .cont_wrap table tbody tr .t_right{padding:19px 14px 19px 0;} /* 아이콘 영역 */ #container2 .tab_wrap .tabcontent .cont_info{margin-bottom:6px;} #container2 .tab_wrap .tabcontent .cont_info:after{display:block; content:""; clear:both;} #container2 .tab_wrap .tabcontent .cont_info p{color:#889baf; font-size:0.875em; margin:13px 0 12px 0;} #container2 .tab_wrap #tab3 .cont_info p{color:#889baf; font-size:0.875em; margin:13px 0 3px 0;} #container2 .tab_wrap #tab3 .cont_info span{ display: inline-block; color:#889baf; font-size:0.75em; margin:0 0 12px 0; padding: 0 8px;} #container2 .tab_wrap #tab1 .cont_info ul{width:217px; margin:0 auto 28px auto;} #container2 .tab_wrap #tab2 .cont_info ul{width:145px; margin:0 auto 28px auto;} #container2 .tab_wrap #tab3 .cont_info ul{width:72px; margin:0 auto 28px auto;} #container2 .tab_wrap .tabcontent .cont_info ul li{float:left; margin:0 6.5px;} #container2 .tab_wrap .tabcontent .cont_info ul li img{width:59px;} /* 하단 통관 안내 영역 */ #container2 .tab_wrap #tab1 .ft_info table{background:url('/img/v4/mytails/v_line.png') no-repeat 50% 50%; background-size:2px 80%;} #container2 .tab_wrap #tab2 .ft_info table{background:url('/img/v4/mytails/v_line.png') no-repeat 50% 50%; background-size:2px 80%;} #container2 .tab_wrap #tab3 .ft_info table{background:url('/img/v4/mytails/v_line.png') no-repeat 50% 50%; background-size:2px 80%;} #container2 .tab_wrap .tabcontent .ft_info{background-color:#fff;} #container2 .tab_wrap .tabcontent .ft_info table tbody tr td{padding:28px 31px;} #container2 .tab_wrap .tabcontent .ft_info table tbody tr td dl dt{font-size:1.4em;} #container2 .tab_wrap .tabcontent .ft_info table tbody tr td dl dd{font-size:0.98em; color:#657d97;} #container2 .tab_wrap .tabcontent .ft_info table tbody tr td dl p{font-size:2.2em; font-weight:bold; color:#ff4330; margin-bottom:5px;} #container2 .tab_wrap #tab4 .ft_info table tbody tr td dl p{margin-bottom:27px;} #container2 .tab_wrap #tab4 .ft_info table tbody tr td dl dd span a{display:inline-block; border:1px solid #c3ccdc; padding:12px; font-weight:bold;font-size:1.0em;} #container2 .tab_wrap #tab5 .ft_info table tbody tr td dl p{margin-bottom:27px;} #container2 .tab_wrap #tab5 .ft_info table tbody tr td dl dd span a{display:inline-block; border:1px solid #c3ccdc; padding:12px; font-weight:bold;font-size:1.0em;} #container2 .tab_wrap #tab6 .ft_info table tbody tr td dl p{margin-bottom:27px;} #container2 .tab_wrap #tab6 .ft_info table tbody tr td dl dd span a{display:inline-block; border:1px solid #c3ccdc; padding:12px; font-weight:bold;font-size:1.0em;} #container2 .tab_wrap #tab7 .ft_info table tbody tr td dl p{margin-bottom:27px;} #container2 .tab_wrap #tab7 .ft_info table tbody tr td dl dd span a{display:inline-block; border:1px solid #c3ccdc; padding:12px; font-weight:bold;font-size:1.0em;} /* 구매안전선 팝업 */ #container2 .pop_content_wrap{top:30px;} .pop_content .this_week_title{font-size:0.875em; font-weight:bold; margin-bottom:5px;} .pop_content table tr th{font-size:0.75em; background:#caccd8; padding:5px 0; border-right:1px solid #dcdcdc;} .pop_content table tr th:last-child{border-right:none;} .pop_content table tr td{font-size:0.75em; text-align:center; padding:5px 0; border:1px solid #caccd8;} .pop_content .tip_box ul li:first-child{text-indent: 0px;} .pop_content .tip_box ul li{background-image: none !important; font-size:0.75em; text-indent: -6px; padding:0 10px; letter-spacing: 0px !important;} #container2 .tab_wrap table dl dd{background:unset;padding:0px;} #container2 .tab_wrap table tr td dl{border:0px;} .tab_wrap .tabcontent table .store_bookmark a{display:inline-block; padding-bottom:10px;} .tab_wrap .tabcontent table .store_bookmark img{width:24px;} .tab_wrap #tab_adrs_01{background:url(/img/v4/mytails/tab_usa.png) no-repeat 50% 10px; border-left:0;} .tab_wrap #tab_adrs_02{background:url(/img/v4/mytails/tab_usa.png) no-repeat 50% 10px;} .tab_wrap #tab_adrs_03{background:url(/img/v4/mytails/tab_usa.png) no-repeat 50% 10px;} .tab_wrap #tab_adrs_04{background:url(/img/v4/mytails/tab_germany.png) no-repeat 50% 10px;} .tab_wrap #tab_adrs_05{background:url(/img/v4/mytails/tab_japan.png) no-repeat 50% 10px;} .tab_wrap #tab_adrs_06{background:url(/img/v4/mytails/tab_china.png) no-repeat 50% 10px; } .tab_wrap #tab_adrs_07{background:url(/img/v4/mytails/tab_korea.png) no-repeat 50% 10px; border-right:0;} #container2 .tab li {float: left; width:14.2%; text-align:center;box-sizing: border-box;font-size:.875em;} #container2 .tab li a{padding: 5px 8px 11px 8px; } #container2 .tab_wrap .tab li{background-size:26px !important; padding-top:32px;} #container2 div.ft_info {color:#000;letter-spacing: -2px;} /* 2019-07-05 내주소 ed */ /* 19/07/10 직구가이드 ysun0026 s*/ .beginner_guide ul.tab{border-top:1px solid #caccd8;overflow:unset;} .beginner_guide ul.tab li{float:left;position:relative;bottom:1px;width :33.33%;border-bottom:2px solid #caccd8;border-right:0px;border-top:0px !important;} .beginner_guide ul.tab li.on + li a{border-left: 0 none;} .beginner_guide ul.tab li a{border-left:1px solid #caccd8;font-size:1em;}/* font-size:1em추가 ppt수정사항 2019.07.26 */ .beginner_guide ul.tab li.on{border-bottom:white;top:-1px;position:relative;} .beginner_guide ul.tab li.on a { font-weight:bold; border-top:2px solid #caccd8; border-right:2px solid #caccd8; border-left:2px solid #caccd8; } .beginner_guide ul.tab li:first-child a{border-left:0px;} .beginner_guide ul.tab li:last-child a{border-right:0px;} .beginner_guide #tab3.tab-cont .sch{height:26px;} .beginner_guide .white-area.mt6{ margin-top:0px !important;} .beginner_guide #tab3.tab-cont .faq-btn-box li:nth-child(4n){border-left:1px solid #bac4d6} .beginner_guide ul.txt-box div.txt{font-size:.75em;} .beginner_guide p.txt span{width:100%;} .beginner_guide #tab3.tab-cont .result-txt-cont .txt-box li{border-bottom:1px solid #c4cad6; margin-top:20px; padding-bottom:20px} .beginner_guide #tab3.tab-cont .result-txt-cont .txt-box li:last-child{border-bottom:0} .beginner_guide #tab3.tab-cont .result-txt-cont .txt-box li p.tit{font-size:.875em; color:#1a73e1; line-height:1;font-weight:bold; letter-spacing:-0.05em; } .beginner_guide #tab3.tab-cont .result-txt-cont .txt-box li p.txt{color:#000; font-size:.875em; line-height:1.5;margin-top:10px} .beginner_guide #tab3.tab-cont .chi-btn-box .chi-btn{border : 2px solid #8cbaf8;cursor:unset;} .beginner_guide .txt-cont span:first-child, .beginner_guide .result-txt-cont span:first-child{width:100%;} .beginner_guide .tab-cont p{font-size:.75em;color:#000;line-height:1.5;} .beginner_guide #tab3.tab-cont .sch dd input{font-size:1em;} .beginner_guide #tab3.tab-cont .sch dd button{top:0px;} .beginner_guide .tab-cont#tab1 dl dd { background:url('/img/v4/mytails/arr_r_blk.png') no-repeat 99% 50% / 7px auto; } .beginner_guide .tab-cont .con1 dt{font-size:.95em;} /* font-size 추가 ppt수정사항 2019.07.26 */ .beginner_guide .tab-cont a{line-height:35px;} /* font-size 추가 ppt수정사항 2019.07.26 */ .beginner_guide #tab3.tab-cont .txt-cont .txt-box li p.txt{font-size:.75em;}/* font-size 추가 ppt수정사항 2019.07.26 */ .beginner_guide #tab3.tab-cont .txt-cont .txt-box li p.tit{font-size:.75em;}/* font-size 추가 ppt수정사항 2019.07.26 */ /* 19/07/10 직구가이드 ysun0026 e*/ /* 19/07/12 내주소 ysun0026 s*/ /*2019-07-31 제거 .my_address#header .sub_header_new { background:#fff; position:relative; z-index:2; border-bottom:1px solid #caccd8; padding-bottom:3px; /*height:48px;} .my_address#header .sub_header_new .btn_back {position:absolute; left:12px; top:15px;} .my_address#header .sub_header_new .btn_back img {width:11px; height:auto;} .my_address#header .sub_header_new h1 {text-align:left; color:#000; font-size:0.79em; letter-spacing:-1.1px; line-height:38px; padding-left:31px;} .my_address#header .sub_header_new h1 b{font-size:1.3em;}*/ .my_address.btn-d-blue { display:inline-block; color:black; background:#c4cddd; } .sub_header_new.bbnone a.btn-d-blue { position:absolute; right:10px; top:10px; padding:5px 8px; font-size:.75em; letter-spacing:-0.05em; font-weight:bold; height:unset;line-height:unset;background:#c4cddd; color:black;} .my_address .tab-flag { background:white; } .my_address .tab-flag li { width:14.2857%!important; } .my_address .tab-flag li a { padding:10px 0!important; } .my_address .tab-flag li.on a { font-weight:bold; } .my_address .tab-flag span { display:block; font-size:.75em; } .my_address .tab-flag span img { width:22px; height:auto; } .my_address .tab-flag span img { width:22px; height:auto; } .my_address .tab-flag span+span { margin-top:5px; } .my_address .tb-style.tb-cont { border:1px solid #b6c1d4; } .my_address .tb-style.tb-cont tr th, .my_address .tb-style.tb-cont tr td { font-size:.875em; border-bottom:1px solid #d2dae7; } .my_address .tb-style.tb-cont tr td { font-size:.875em; border-bottom:1px solid #d2dae7; } .my_address .tb-style.tb-cont tr:last-child th, .my_address .tb-style.tb-cont tr:last-child td { border-bottom:none; } .my_address .tb-style.tb-cont tr th { padding:10px 0 10px 10px; font-weight:normal; background:#edf0f5; text-align:left; } .my_address .tb-style.tb-cont tr td { position:relative; padding:12px 10px; } .my_address .tb-style.tb-cont tr td a.btn-white { position:absolute; right:10px; top:50%; transform:translateY(-50%); display:inline-block; line-height:inherit; padding:5px 10px; border:1px solid #dbe1ec; color:black; font-size:.75em; } .my_address .tab-cont div.exp > p { padding:10px 0 0 0; color:#546f8c; font-size:.75em; letter-spacing:-0.05em; } .my_address .tab-cont div.exp > div { width:100%; margin-top:20px; text-align:center; } .my_address .tab-cont div.exp > div { width:100%; margin-top:20px; text-align:center; } .my_address .tab-cont div.exp > div > span { position:inherit; top:inherit; width:52px; margin:0 5px; } .my_address .tab-cont div.exp > div > span > img { width:52px!important; height:auto; vertical-align:middle; } .my_address ul.exp2 { position:relative; margin-top:20px; margin-left:0!important; margin-right:0!important; } .my_address ul.exp2 li { width:49%; display:inline-block; text-align:center; } .my_address ul.exp2 li.divider { width:1px; position:absolute; left:50%; top:0; bottom:0; border-left:1px solid #e1e6ef; } .my_address ul.exp2.entry { width:100%; } .my_address ul.exp2.entry { width:100%; } .my_address ul.exp2.entry li { float:left; } .my_address ul.exp2.entry li+li { } .my_address ul.exp2.entry li p:first-child { } .my_address ul.exp2.entry li p.price { font-weight:bold; color:#ff4330; font-size:1.75em; letter-spacing:-0.05em; } .my_address ul.exp2.entry li p+p+p { margin-top:10px; color:#546f8c; font-size:.75em; } .my_address .w-area { width:100%; background:white; } .my_address .w-area.fix { position:fixed; min-height:100%; width:100%; background:white; } .my_address .w-area.mt6 { margin-top:6px!important; } .my_address .tab-cont.mt6 { margin-top:6px!important; } .my_address .exp dl.txt { margin-top:10px; } .my_address .exp dl.txt dt { font-size:.875em; font-weight:bold; color:#546f8c; } .my_address .exp dl.txt dd { padding:5px 0 0 7px; font-size:.75em; color:#546f8c; } .my_address .exp2.entry a.btn-white { position:relative; display:inline-block; line-height:inherit; padding:8px 10px; border:1px solid #dbe1ec; color:black; font-size:.75em; } .my_address .btn-white { display:inline-block; line-height:inherit; padding:5px 10px; border:1px solid #dbe1ec; color:black; font-size:.75em; } .my_address .white-area.pd0 > ul > li { padding:0; } .my_address .white-area.pd0 > ul > li .cont { /* height:inherit; */ margin-top:0; } .my_address .white-area { padding:15px 12px; border-bottom: 1px solid #c7cfdd; background:white; letter-spacing:-0.03em; } .my_address .white-area.mt6 { margin-top:6px!important; } .my_address .white-area.fix { position:fixed; min-height:100%; width:100%; } .my_address ul.tab { width:100%; border-top:1px solid #caccd8; } .my_address ul.tab li { float:left; position:relative; bottom:1px; width:33.33%; text-align:center; border-bottom:2px solid #caccd8; border-right:0px;} .my_address ul.tab li.on { position:relative; top:-1px; border-bottom:white; } .my_address ul.tab li.on a { font-weight:bold; border-top:2px solid #caccd8; border-right:2px solid #caccd8; border-left:2px solid #caccd8; } .my_address ul.tab li a { display:block; padding:15px 0; border-left:1px solid #caccd8; font-size:.875em; } .my_address ul.tab li:first-child a { border-left:0;} .my_address ul.tab li:last-child a { border-right:none; } .my_address ul.tab li.on + li a { border-left: 0 none; } .my_address .tab-cont dl.con1 { margin:10px 12px 0; padding-bottom:10px; } .my_address .tab-cont .con1 dt { padding-bottom:10px; font-weight:bold; font-size:.875em; text-align:left; border-bottom:2px solid #caccd8; } .my_address .tab-cont .con1 dd { padding-bottom:10px; border-bottom:1px solid #caccd8; } .my_address .tab-cont dd.con1 img { width:20px; height:auto; } .my_address .tab-cont dd.con2 img { width:19px; height:auto; } .my_address .tab-cont dd.con3 img { width:17px; height:auto; } .my_address .tab-cont dd.con4 img { width:24px; height:auto; } .my_address .tab-cont dd.con5 img { width:20px; height:auto; } .my_address .tab-cont span:first-child { display:inline-block; width:27px; } .my_address .tab-cont span { font-size:.875em; } .my_address .tab-cont span+span { position:relative; top:2px; } .my_address .tab-cont a { display:block; line-height:30px; padding:0px 0; } .my_address .tab-cont#tab1 dl dd { background:url('../img/pub/arr_r_blk.png') no-repeat 99% 50% / 7px auto; } .my_address .tab-cont dl dd:last-child { padding-bottom:0; /* border-bottom:none; */ } .my_address .tab-cont dl dd img { vertical-align:middle; } .my_address #tab2.tab-cont > .cont { margin:15px 12px; } .my_address #tab2.tab-cont > .cont p.top img { width:100%; height:auto; } .my_address .group #tab2.tab-cont2 ul { margin:10px -5px 0; } .my_address #tab2.tab-cont.tab-cont2 ul li { float:left; width:50%; margin-bottom:10px; } .my_address #tab2.tab-cont.tab-cont2 ul li a { padding:0 5px; } .my_address #tab2.tab-cont.tab-cont2 ul li dl { margin-top:5px; line-height:18px; } .my_address #tab2.tab-cont.tab-cont2 ul li dl dt { font-size:.75em; } .my_address #tab2.tab-cont.tab-cont2 ul li dl dd { background:none; font-size:.688em; color:#64696e; } .my_address #tab2.tab-cont.tab-cont2 ul li dl dd { background:none; font-size:.688em; color:#64696e; } .my_address #tab3.tab-cont .sch { margin:15px 12px; padding:10px 0; border:1px solid #d5ddea; background:#e7ebf2; } .my_address #tab3.tab-cont .sch dl { position:relative; width:100%; } .my_address #tab3.tab-cont .sch dt { /* float:left; */ position:absolute; left:10px; top:3px; font-size:.875em; } .my_address #tab3.tab-cont .sch dd { /* float:right; */ position:relative; margin-left:100px; margin-right:15px; background:none; } .my_address #tab3.tab-cont .sch dd input { width:100%; padding:3px 4px; border:1px solid white; background:white; font-size:.875em; } .my_address #tab3.tab-cont .sch dd button { position:absolute; right:0px; top:5px; background-color:transparent; } .my_address #tab3.tab-cont .sch dd button img { width:15px; height:auto; } .my_address #tab3.tab-cont .white-area > dl { margin:15px 12px; } .my_address #tab3.tab-cont .white-area > dl > dt { font-weight:bold; letter-spacing:-0.05em; font-size:.875em; } .my_address #tab3.tab-cont .faq-btn-box.top-line{margin-top:20px;} .my_address #tab3.tab-cont .faq-btn-box:after{content:''; display:block; clear:both} .my_address #tab3.tab-cont .faq-btn-box li{float:left;width:33.333%;height:50px;text-align:center; border:1px solid #bac4d6;box-sizing:border-box;border-left:0;} .my_address #tab3.tab-cont .faq-btn-box li.faq-btn{/*cursor:pointer 포인터제거 2019.07.23*/cursor:none} .my_address #tab3.tab-cont .faq-btn-box li:first-child{border-left:1px solid #bac4d6} .my_address #tab3.tab-cont .faq-btn-box li.on-btn{border-color:#8cbaf8; background:#8cbaf8; } .my_address #tab3.tab-cont .faq-btn-box li .prt-btn{display:table;width:100%; height:100%} .my_address #tab3.tab-cont .faq-btn-box li .prt-btn p{display:table-cell;width:100%; height:100%; vertical-align:middle;text-align:center; font-size:.875em; color:#000;} .my_address #tab3.tab-cont .faq-btn-box li.on-btn .prt-btn{background:#8cbaf8; } .my_address #tab3.tab-cont .faq-btn-box li.on-btn .prt-btn p{font-weight:bold; color:#fff} .my_address #tab3.tab-cont .chi-btn-box .chi-btn{border:1px solid #8cbaf8} .my_address #tab3.tab-cont .chi-btn-box .chi-btn:after{content:''; display:block; clear:both} .my_address #tab3.tab-cont .chi-btn-box .chi-btn li{font-size:.875em;float:left;width:33.333%;height:50px;line-height:48px;text-align:center; border:1px solid #bac4d6;border-bottom:0;box-sizing:border-box;border-left:0;/*cursor:pointer 포인터제거 2019.07.23*/cursor:none} /* .my_address #tab3.tab-cont .chi-btn-box .chi-btn li:nth-child(3n+1){border-left:1px solid #bac4d6} */ .my_address #tab3.tab-cont .chi-btn-box .chi-btn li:nth-child(1){border-top:0} .my_address #tab3.tab-cont .chi-btn-box .chi-btn li:nth-child(2){border-top:0} .my_address #tab3.tab-cont .chi-btn-box .chi-btn li:nth-child(3){border-top:0} .my_address #tab3.tab-cont .chi-btn-box .chi-btn li.on{background:#1a73e1; color:#fff; font-weight:bold} .my_address #tab3.tab-cont .txt-cont{} .my_address #tab3.tab-cont .txt-cont .txt-box{} .my_address #tab3.tab-cont .txt-cont .txt-box li{border-bottom:1px solid #c4cad6; margin-top:20px; padding-bottom:20px} .my_address #tab3.tab-cont .txt-cont .txt-box li:last-child{border-bottom:0} .my_address #tab3.tab-cont .txt-cont .txt-box li p.tit{font-size:.875em; color:#1a73e1; line-height:1;font-weight:bold; letter-spacing:-0.1em; } .my_address #tab3.tab-cont .txt-cont .txt-box li p.txt{color:#000; font-size:.75em; line-height:1.5;margin-top:10px} .my_address div.tb-style.tb-cont table p{font-size:0.873em; width:80%;} .my_address .pop_content_wrap{top:unset;} /* 19/07/12 내주소 ysun0026 e*/ /* 19/07/10 s */ ul.tab.member-tab li{width:25%} .password-reck{} .password-reck.off{transition:all 0.3s;height:0;opacity:0;} .password-reck .top-cont{padding:10px 12px 30px 12px;} .password-reck .tit{font-weight: bold;font-size: .875em;text-align: left;} .password-reck .txt{;font-size: .75em;line-height:1.4 ;text-align: left;margin-top:10px} .password-reck .reck-from{margin-top:20px; padding:20px; background:#edf0f5; text-align:center} .password-reck .reck-from:after{content:''; display:block;clear:both} .password-reck .reck-from p{display:inline-block;vertical-align:middle} .password-reck .reck-from p:nth-child(1){} .password-reck .reck-from p:nth-child(2){width:80%} .password-reck .reck-from p img{width:40px;height:auto;} .password-reck .reck-from p input{width: 100%;padding: 3px 4px;border: 1px solid white;background: white;font-size: .875em;} .password-reck .reck-from p input::-webkit-input-placeholder {color:#b6c1d4; font-size:0.875em} .password-reck .reck-from p input::-moz-placeholder {color:#b6c1d4; font-size:0.875em} .password-reck .reck-from p input:-ms-input-placeholder {color:#b6c1d4; font-size:0.875em} .password-reck .reck-from p input:-moz-placeholder {color:#b6c1d4; font-size:0.875em} .password-reck .bot-cont{padding:0} .password-reck .btn{bottom:0;width:100%;background:#99a6bd; height:50px; line-height:50px; text-align:center; } .password-reck .btn a{color:#fff; font-weight:bold;font-size: .875em;display:block;height: 100%;line-height: 50px } .sh-tb-st01{} /*.member-edit{transition:all 0.3s;opacity:0;;height:0;display:none} .member-edit.on{transition:all 0.3s; opacity:1; ; height:auto; }*/ .member-edit{transition:all 0.3s;opacity:0;margin-top:30px;background: #dce0e9;} .member-edit.on{transition:all 0.3s; opacity:1;margin-top:0 } .member-edit .tit{font-weight: bold;font-size: .875em;text-align: left;} .member-edit .txt{;font-size: .75em;line-height:1.4 ;text-align: left;margin-top:10px} .member-edit .add-btn{height:28px; text-align:center; width:90px; line-height:26px;background:#fff; border:1px solid #b6c1d4;margin:0 auto} .member-edit .add-btn a{display:block; font-size: .75em;color:#000;line-height:26px; } .member-edit .more-btn-box{height:40px; text-align:center; width:100%; line-height:42px; background:#edf0f5;border:1px solid #b6c1d4;position:relative;box-sizing: border-box;/*cursor:pointer 포인터제거 2019.07.23*/cursor:none} .member-edit .more-btn-box div{font-size: .75em;color:#000;position:absolute; height:100%; top:50%; margin-top:-20px;width:100%} .member-edit .more-btn-box img{vertical-align:middle; width:10px;margin-top: -3px;} .member-edit .agree-cont{padding:3px;box-sizing: border-box;background:#edf0f5} .member-edit .agree-cont .all-ck{background:#edf0f5;padding:15px} #container .member-edit .agree-cont .all-ck input[type="checkbox"] + label span{left:51px;margin-top:-10px} #container .member-edit .agree-cont .pic-ck input[type="checkbox"] + label span{margin-top:-10px} .member-edit .agree-cont .agree-box{background:#fff; padding:20px} .member-edit .agree-cont .sml-txt{color:#546f8c; font-size:0.75em;text-indent: -8px;padding-left: 40px;} #item-more{height: 154px;overflow: hidden;transition:all 0.6s} #item-more.open{height: 766px;overflow: auto;transition:all 0.6s} table.sh-tb-st01{width:100%} table.sh-tb-st01 input{width:100%;border: 1px solid #e7ebf2;background:#fff;padding:5px;height:30px;font-size: .875em;border-left:0;} table.sh-tb-st01 input::-webkit-input-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st01 input::-moz-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st01 input:-ms-input-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st01 input:-moz-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st01 select{width:100%;border: 1px solid #e7ebf2;background:#fff;padding:5px;height:30px;font-size: .875em;border-left:0} table.sh-tb-st01 li:first-child input{border-left: 1px solid #e7ebf2} table.sh-tb-st01 li:first-child select{border-left: 1px solid #e7ebf2} table.sh-tb-st01 tr{border:1px solid #b6c1d4} table.sh-tb-st01 tr th{;background:#edf0f5;padding:10px;text-align:left;font-weight:normal;font-size: .75em;} table.sh-tb-st01 tr td{;padding:10px;font-size: .75em;} table.sh-tb-st01 tr ul.harf-50{} table.sh-tb-st01 tr ul.harf-50:after{content:''; display:block; clear:both} table.sh-tb-st01 tr ul.harf-50 li{width:50%;float:left} table.sh-tb-st01 tr ul.harf-30{} table.sh-tb-st01 tr ul.harf-30:after{content:''; display:block; clear:both} table.sh-tb-st01 tr ul.harf-30 li{width:33.333%;float:left} table.sh-tb-st02{width:100%} table.sh-tb-st02 input{width:100%;border: 1px solid #e7ebf2;background:#fff;padding:5px;height:30px;font-size: .875em;} table.sh-tb-st02 input::-webkit-input-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st02 input::-moz-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st02 input:-ms-input-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st02 input:-moz-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st02 select{width:100%;border: 1px solid #e7ebf2;background:#fff;padding:5px;height:30px;font-size: .875em;} table.sh-tb-st02 tr{border-top:1px solid #b6c1d4} table.sh-tb-st02 tr:first-child{border-top:0} table.sh-tb-st02 tr th{;background:#edf0f5;padding:15px;text-align:left;font-weight:normal;font-size: .875em;} table.sh-tb-st02 tr td{;padding:15px;font-size: .875em;} table.sh-tb-st02 tr td.code{;padding:15px;font-size: .875em;text-align:right} table.sh-tb-st03{width:100%} table.sh-tb-st03 input{width:80%;border: 1px solid #fff;background:#fff;padding:5px;height:40px;font-size: .875em;} table.sh-tb-st03 input::-webkit-input-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st03 input::-moz-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st03 input:-ms-input-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st03 input:-moz-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st03 select{width:100%;border: 1px solid #fff;background:#fff;padding:5px;height:40px;font-size: .875em;} table.sh-tb-st03 tr{border-top:1px solid #b6c1d4} table.sh-tb-st03 tr:first-child{border-top:0} table.sh-tb-st03 tr th{;background:#edf0f5;padding:15px;text-align:left;font-weight:normal;font-size: .875em;} table.sh-tb-st03 tr td{;padding:10px;font-size: .875em;} table.sh-tb-st04{width:100%} table.sh-tb-st04 input{width:100%;border: 1px solid #e7ebf2;background:#fff;padding:5px;height:30px;font-size: .875em;} table.sh-tb-st04 input::-webkit-input-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st04 input::-moz-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st04 input:-ms-input-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st04 input:-moz-placeholder {color:#b6c1d4; font-size:0.875em} table.sh-tb-st04 select{width:100%;border: 1px solid #e7ebf2;background:#fff;padding:5px;height:30px;font-size: .875em;} table.sh-tb-st04 tr{border-top:1px solid #b6c1d4} table.sh-tb-st04 tr:first-child{border-top:0} table.sh-tb-st04 tr th{;background:#edf0f5;padding:10px;text-align:left;font-weight:normal;font-size: .75em;} table.sh-tb-st04 tr td{;padding:10px;font-size: .75em;} table.sh-tb-st04 tr ul.harf-addr{} table.sh-tb-st04 tr ul.harf-addr:after{content:''; display:block; clear:both} table.sh-tb-st04 tr ul.harf-addr li:first-child{width:35%;float:left;margin-right:5%} table.sh-tb-st04 tr ul.harf-addr li{width:50%;float:left;} table.sh-tb-st04 tr ul.harf-addr li .addr-btn{border:1px solid #dbe1ec; text-align:center; height:30px;width:100%;line-height:28px;box-sizing: border-box;;display:inline-block;background:#fff} table.sh-tb-st04 tr ul.harf-addr li .addr-btn a{display:block; font-size: .875em;color:#000;line-height:28px; } ul.ck-box-st01{width:100%; } ul.ck-box-st01 li{border: 1px solid #b6c1d4;background:#fff;padding:10px;font-size: .75em;border-left:0;width:50%;float:left;box-sizing: border-box;border-top:0 } ul.ck-box-st01 li.bg{background:#f6f8fb} ul.ck-box-st01 li:nth-child(1){border-top:1px solid #b6c1d4} ul.ck-box-st01 li:nth-child(2){border-top:1px solid #b6c1d4} ul.ck-box-st01 li:nth-child(odd){border-left:1px solid #b6c1d4} ul.ck-box-st01:after{content:''; display:block;clear:both} #container ul.ck-box-st01 li input[type="checkbox"] + label span{left:46px} .btn-cont{} .btn-cont:after{content:'';display:block;clear:both} .btn-cont .cencle-btn{width:30%;background:#c4cddd; height:50px; line-height:50px; text-align:center;float:left} .btn-cont .cencle-btn a{color:#fff; font-weight:bold;font-size: .875em;display:block;height: 100%;line-height: 50px } .btn-cont .change-btn{width:70%;background:#99a6bd; height:50px; line-height:50px; text-align:center;float:left;} .btn-cont .change-btn.on{background-color: #1d6de0;} .btn-cont .change-btn a{color:#fff; font-weight:bold;font-size: .875em;display:block;height: 100%;line-height: 50px } .credit-card-mmt .tit{font-weight: bold;font-size: .875em;text-align: left;} .credit-card-mmt .txt{;font-size: .75em;line-height:1.4 ;text-align: left;margin-top:10px} .credit-card-mmt .card-info-box{width:100%} .credit-card-mmt .card-info-box .tit-line{width:100%} .credit-card-mmt .card-info-box .tit-line:after{content:'';display:block; clear:both} .credit-card-mmt .card-info-box .tit-line .ck-box{float:left} .credit-card-mmt .card-info-box .tit-line .btn-box{float:right} .credit-card-mmt .card-info-box .tit-line .btn-box .btn{border:1px solid #dbe1ec; text-align:center; height:36px; width:60px;line-height:38px;box-sizing: border-box;margin-left:5px;display:inline-block} .credit-card-mmt .card-info-box .tit-line .btn-box .btn a{font-size: .75em;} .credit-card-mmt .card-info-box .tit-line .btn-box .btn.save{border:1px solid #c4cddd; background:#c4cddd} .credit-card-mmt .card-info-box .cont-line{border:1px solid #b6c1d4;border-radius:10px;padding:10% 15%;background:#edf0f5;transition:all 0.3s} .credit-card-mmt .card-info-box .cont-line.on{border:1px solid #ff4330;transition:all 0.3s} .credit-card-mmt .card-info-box .cont-line .card-img{width:80px} .credit-card-mmt .card-info-box .cont-line .card-img img{max-width:100%} .credit-card-mmt .card-info-box .cont-line .card-num{font-size: .875em;margin-top:20px} .credit-card-mmt .card-info-box .cont-line .card-day{font-size: .875em;margin-top:20px} .credit-card-mmt .card-info-box .cont-line .card-name{font-size: .875em;margin-top:20px} .credit-card-mmt .add-btn{height:28px; text-align:center; width:110px; line-height:26px;background:#fff; border:1px solid #b6c1d4;margin:0 auto} .credit-card-mmt .add-btn a{display:block; font-size: .75em;color:#000;line-height:26px; } .credit-card-mmt .card-info-box.edit-box input{width:100%;border: 1px solid #e7ebf2;background:#fff;padding:5px;height:30px;font-size: .875em;} .credit-card-mmt .card-info-box.edit-box input::-webkit-input-placeholder {color:#b6c1d4; font-size:0.875em} .credit-card-mmt .card-info-box.edit-box input::-moz-placeholder {color:#b6c1d4; font-size:0.875em} .credit-card-mmt .card-info-box.edit-box input:-ms-input-placeholder {color:#b6c1d4; font-size:0.875em} .credit-card-mmt .card-info-box.edit-box input:-moz-placeholder {color:#b6c1d4; font-size:0.875em} .credit-card-mmt .card-info-box.edit-box .cont-line .card-num {margin-top:10px} .credit-card-mmt .card-info-box.edit-box .cont-line .card-day{margin-top:10px} .credit-card-mmt .card-info-box.edit-box .cont-line .card-name{margin-top:10px} .credit-card-mmt .card-info-box.edit-box .cont-line .card-num input{width:60%} .credit-card-mmt .card-info-box.edit-box .cont-line .card-day input{width:40%} .credit-card-mmt .card-info-box.edit-box .cont-line .card-name input{width:100%} .code-mmt .tit{font-weight: bold;font-size: .875em;text-align: left;} .code-mmt .txt{;font-size: .75em;line-height:1.4 ;text-align: left;margin-top:10px} .code-mmt .code-info-box{width:100%} .code-mmt .code-info-box .tit-line{width:100%} .code-mmt .code-info-box .tit-line:after{content:'';display:block; clear:both} .code-mmt .code-info-box .tit-line .ck-box{float:left} .code-mmt .code-info-box .tit-line .btn-box{float:right} .code-mmt .code-info-box .tit-line .btn-box .btn{border:1px solid #dbe1ec; text-align:center; height:36px; width:60px;line-height:38px;box-sizing: border-box;margin-left:5px;display:inline-block} .code-mmt .code-info-box .tit-line .btn-box .btn a{font-size: .75em;} .code-mmt .code-info-box .tit-line .btn-box .btn.save{border:1px solid #c4cddd; background:#c4cddd} .code-mmt .code-info-box .cont-line{border:1px solid #b6c1d4;background:#edf0f5;transition:all 0.3s} .code-mmt .code-info-box .cont-line.on{border:1px solid #ff4330;transition:all 0.3s} .code-mmt .code-mmt-btn{border:1px solid #c4cddd; text-align:center; height:36px; width:120px;line-height:38px;box-sizing: border-box;;display:inline-block;margin-top:15px;background:#c4cddd} .code-mmt .code-mmt-btn a{font-size: .75em;} .code-mmt .add-btn{height:28px; text-align:center; width:110px; line-height:26px;background:#fff; border:1px solid #b6c1d4;margin:0 auto} .code-mmt .add-btn a{display:block; font-size: .75em;color:#000;line-height:26px; } .addr-mmt .tit{font-weight: bold;font-size: .875em;text-align: left;} .addr-mmt .txt{;font-size: .75em;line-height:1.4 ;text-align: left;margin-top:10px} .addr-mmt .addr-info-box{width:100%} .addr-mmt .addr-info-box .tit-line{width:100%} .addr-mmt .addr-info-box .tit-line:after{content:'';display:block; clear:both} .addr-mmt .addr-info-box .tit-line .ck-box{float:left} .addr-mmt .addr-info-box .tit-line .btn-box{float:right} .addr-mmt .addr-info-box .tit-line .btn-box .btn{border:1px solid #dbe1ec; text-align:center; height:36px; width:60px;line-height:38px;box-sizing: border-box;margin-left:5px;display:inline-block} .addr-mmt .addr-info-box .tit-line .btn-box .btn a{font-size: .75em;} .addr-mmt .addr-info-box .tit-line .btn-box .btn.save{border:1px solid #c4cddd; background:#c4cddd} .addr-mmt .addr-info-box .cont-line{border:1px solid #b6c1d4;background:#edf0f5;transition:all 0.3s} .addr-mmt .addr-info-box .cont-line.on{border:1px solid #ff4330;transition:all 0.3s} .addr-mmt .add-btn{height:28px; text-align:center; width:110px; line-height:26px;background:#fff; border:1px solid #b6c1d4;margin:0 auto} .addr-mmt .add-btn a{display:block; font-size: .75em;color:#000;line-height:26px; } /* 19/07/10 e */ /* 19/07/19 다해줌플러스 ysun0026 s*/ .mytail_plus .pick-cont02 p.img{border:1px solid #d5dbe5; height:182px;} .mytail_plus .pick-cont02 p.img img{margin:auto;} /*.mytail_plus .white-area{padding:20px 12px;} /* padding 15px->20px ppt수정사항 2019.07.25 */ .mytail_plus ul.tab {width:100%; list-style: none;margin: 0;padding: 0;overflow: hidden;background:#fff;border-top:0; padding-top:6px; } .mytail_plus ul.tab li {position:relative; float: left;width:34%;text-align:center;border-bottom:3px solid #caccd8;border-right: 1px solid #caccd8;border-top: 1px solid #caccd8;;box-sizing: border-box;height:50px;line-height:43px} .mytail_plus ul.tab li img{width:20px; vertical-align:middle; margin-right:5px; margin-top:-2px;} .mytail_plus ul.tab li span{border: 1px solid #aeb4c4;display: inline-block;margin:0px auto 0px auto;font-size: 0.875em;text-align: center;height:40px;line-height: 38px;width: 90px;position: relative;float: right;margin-right: 10px;} .mytail_plus ul.tab li span a i{display: block;position: absolute;top: -6px;right: -8px;font-size: 0.75em;background: #ff4330;border-radius: 100%;width: 16px;height: 16px;line-height: 16px;text-align: center;color: #fff;font-style: normal;} .mytail_plus ul.tab li span a b{color:#000000;} .mytail_plus ul.tab li span a{padding:0;margin:0; border:0;height:100%;} .mytail_plus ul.tab li a {display: inline-block;color: #000;text-align: center;text-decoration: none;padding:0;font-size: 0.91em; letter-spacing:-0.5px; transition:0.3s;border-left:0;} .mytail_plus ul.tab li a i{} .mytail_plus ul.tab li a strong{color:#ff4330;} .mytail_plus ul.tab li.current{border:3px solid #caccd8;border-bottom:none;box-sizing: border-box;} .mytail_plus ul.tab li:first-child.current{border-left:0} .mytail_plus ul.tab li.current a{font-weight:bold;} .mytail_plus ul.tab li:last-child{width:31%;line-height:1;border-right:0; border-top:0;border-right:0px;} .mytail_plus ul.tab li .ico_new{width:12px; display:inline-block; position:absolute; top:-5px; left:-7px; display:none;} .mytail_plus ul.tab li .ico_new img{width:100%;} .mytail_plus ul.tab li .all_basket{width:17px; height:17px; line-height:17px; border-radius:50%; display:inline-block; text-align:center; font-size:11px; letter-spacing:-1px; position:absolute; top:-6px; right:-6px;z-index:5; border:2px solid #ff4330; color:#fff; font-weight:bold; background-color:#ff4330;} .mytail_plus .tabcontent {display: none; background: #dce0e9; color:#fff;} .mytail_plus .tabcontent.current {display: block;} .mytail_plus .tab_wrap{/*border-bottom:1px solid #bdc4cc; */} .mytail_plus .tab_wrap .tabcontent table tr:nth-child(2n){border-bottom:1px solid #c4c9d3;} .mytail_plus .tab_wrap .tabcontent table tr:last-child{border-bottom:0;} .mytail_plus .tab_wrap .tabcontent table tr td{padding:6px 5px;} .mytail_plus .tab_wrap .tabcontent table tr .store_logo a{display:inline-block; margin-top:10px;} .mytail_plus .tab_wrap .tabcontent table tr td dl dt{font-size:1.2em; font-weight:bold; margin:10px 0 2px 0;} .mytail_plus .tab_wrap .tabcontent table tr td dl dd{font-size:0.82em; letter-spacing:-2;} .mytail_plus .tab_wrap .tabcontent table tr td dl dd span{color:#ff4330;} .mytail_plus .tab_wrap .tabcontent table .store_bookmark a{display:inline-block; padding-bottom:10px;} .mytail_plus .tab_wrap .tabcontent table .store_bookmark img{width:24px;} .mytail_plus .tab_wrap .tabcontent table .btn_wrap span{display:inline-block; padding-bottom:10px;} .mytail_plus .tab_wrap .tabcontent table .btn_wrap a{font-size:0.875em; border:1px solid #cbd0d9; display:inline-block; padding:4px 7px; font-weight:bold;} .mytail_plus .tab_wrap .tabcontent table tr .store_info img{width:120px;} .mytail_plus .white-area.pd0 > ul > li { padding:0; } .mytail_plus.white-area.pd0 > ul > li .cont { /* height:inherit; */ margin-top:0; } .mytail_plus.white-area { padding:15px 12px; border-bottom: 1px solid #c7cfdd; background:white; letter-spacing:-0.03em; } .mytail_plus.white-area.mt6 { margin-top:6px!important; } .mytail_plus.white-area.fix { position:fixed; min-height:100%; width:100%; } .btn-top{background:url('../img/button_top.png') no-repeat;z-index: 10;position: fixed;right: 10px;bottom: 75px;width: 44px;height: 44px;background-size: 44px 44px;text-indent: -9999px;outline: 0;} .ft_menu{background:#e0e5ee;} .btn_mytail{position:relative;} .btn_mytail img{position:absolute; top:-22px;} @media screen and (max-width:370px){ .tab li span a i{top: -4px;right: -4px;font-size: 0.65em;width: 14px;height: 14px;line-height: 14px;} } /*s: 190715 write*/ .plus-shoping-list-box .logo-box{color:#292929;font-size: 0.938em;letter-spacing:-1px;position:relative;font-weight:bold;height:34px;line-height:34px;}/*s:191016 edit*/ .plus-shoping-list-box .logo-box a.a_link{width:88px; display:inline-block; position:relative; float:left;} .plus-shoping-list-box .logo-box img.logo-img{width:88px; margin-right:5px} .plus-shoping-list-box .logo-box .bookmark-btn{position:absolute;text-align:right;color:#000; font-size:0.875em;top:60%;left:75px;letter-spacing:-0.5px;/* transform: translate(0, -50%); */}/*s:191016 edit*/ .plus-shoping-list-box .logo-box .bookmark-btn3{position:absolute;text-align:right;color:#000; font-size:0.9em;top:50%;right:5px;letter-spacing:-0.5px; transform: translate(0, -50%);} .plus-shoping-list-box .logo-box .bookmark-btn3.ad{right:-18px;} .plus-shoping-list-box .logo-box .bookmark-btn img{width:20px;vertical-align: middle;margin-top:-6px;}/*s:191016 edit*/ #tab1 .plus-shoping-list-box .logo-box .bookmark-btn{ font-size:0.9em}/*s:191016 edit*/ #tab1 .plus-shoping-list-box .logo-box .bookmark-btn a{display:inline-block; white-space:nowrap;} .plus-shoping-list-box .logo-box .bookmark-btn3 a{display:inline-block; white-space:nowrap;} .plus-shoping-list-box .logo-box .bookmark-btn3 a span{position:relative;} .plus-shoping-list-box .logo-box .bookmark-btn3 img{width:16px; vertical-align:middle; margin-top:-6px;} #tab1 .div_ad .plus-shoping-list-box .logo-box .bookmark-btn img{width:20px;}/*2020-09-25 임의 추가*/ #tab1 .plus-shoping-list-box .logo-box .bookmark-btn .bookmark-img .on{top: 4px;}/*s:191016 edit*/ #tab2 .plus-shoping-list-box .logo-box .bookmark-btn{ font-size:1em}/*s:191017 edit*/ .plus-shoping-list-box .logo-box .bookmark-btn a{} .plus-shoping-list-box .logo-box .bookmark-btn .bookmark-img{position:relative;} .plus-shoping-list-box .logo-box .bookmark-btn .bookmark-img .on{transition:all 0.3s;left:0;top: 4px;}/*s:191016 edit*/ .plus-shoping-list-box .logo-box .bookmark-btn .bookmark-img .off{opacity:1; transition:all 0.3s;position:relative; } .plus-shoping-list-box .logo-box .bookmark-btn.on .bookmark-img .on{opacity:1; transition:all 0.3s} .plus-shoping-list-box .logo-box .bookmark-btn.on .bookmark-img .off{opacity:0; transition:all 0.3s} .plus-shoping-list-box .more-box{margin-top:10px;box-sizing:border-box;}/*s:191011 edit*/ /*.plus-shoping-list-box .more-box:after{content:''; display:block; clear:both}*/ .plus-shoping-list-box .more-box .more-btn-box{/*display:flex;flex-wrap:wrap; justify-content:space-between;align-items:center*/box-sizing:border-box;}/*s:191011 edit*/ .plus-shoping-list-box .more-box .more-btn-box:after{content:'';display:block;clear:both}/*s:191011 edit*/ .plus-shoping-list-box .more-box .more-btn-box .btn{width:29%;margin-right:0.5%; height:32px; line-height:31px; border:1px solid #e1e4e9;text-align:center;display:inline-block;background:#fff;transition:all 0.3s;vertical-align:middle;float:left;box-sizing:border-box;}/*s:191011 edit*/ .plus-shoping-list-box .more-box .more-btn-box .btn a{width:100%; height:100%; color:#000; font-size:0.813em;display:block;letter-spacing:-1px; font-weight:normal; overflow:hidden;} .plus-shoping-list-box .more-box .more-btn-box .btn img{width:12px;vertical-align:middle;margin-top: -3px;margin-right:2px} .plus-shoping-list-box .more-box .more-btn-box .btn.btn-barket{} .plus-shoping-list-box .more-box .more-btn-box .btn.btn-barket a{} .plus-shoping-list-box .more-box .more-btn-box .btn.btn-barket a i{display: inline-block;font-size: 0.75em;background: #000;border-radius: 100%; width: 16px;height: 16px;line-height: 16px;text-align: center;color: #fff;font-style: normal;vertical-align:middle; margin-top: -2px;margin-right: 1px;} .plus-shoping-list-box .more-box .more-btn-box .btn.btn-barket a span.arr-box{position:relative;margin-left:5px} .plus-shoping-list-box .more-box .more-btn-box .btn.btn-barket a span.arr-box .down{opacity:0; transition:all 0.3s;position:absolute; top:50%; margin-top:-1px;left:0} .plus-shoping-list-box .more-box .more-btn-box .btn.btn-barket a span.arr-box .up{opacity:1; transition:all 0.3s;position:relative; top:50%; margin-top:-3px;} .plus-shoping-list-box .more-box .more-btn-box .btn.btn-barket.on a span.arr-box .down{opacity:1; transition:all 0.3s} .plus-shoping-list-box .more-box .more-btn-box .btn.btn-barket.on a span.arr-box .up{opacity:0; transition:all 0.3s} .plus-shoping-list-box .more-box .more-btn-box .btn.btn-barket a span img{width:7px;margin-top: 0;margin-right: 0;} /*s:190904 edit*/ .plus-shoping-list-box .more-box .more-btn-box .btn.move-btn{width:30px;position:relative;float:right;margin-right:0}/*s:191011 edit*/ .plus-shoping-list-box .more-box .more-btn-box .btn.move-btn img{width:8px;/*margin-top:9px;*/ margin-right:0} .plus-shoping-list-box .more-box .more-btn-box .btn.move-btn .move-btn-ballon{transition:all 0.3s;position:absolute;color:#7e6722;font-size:0.813em;letter-spacing:-1px;background:#fffbd8;border:1px solid #d6be73; border-radius:8px;padding: 8px 0;top: 50%;width: 180px;text-align: center;right: 35px;margin-left: -90px;opacity: 0.9;transform: translate(0,-50%);} .plus-shoping-list-box .more-box .more-btn-box .btn.move-btn .move-btn-ballon span{font-weight:bold; } .plus-shoping-list-box .more-box .more-btn-box .btn.move-btn .move-btn-ballon:after{content:''; display:block;position: absolute;right: -8px;bottom: 50%; width: 0;height: 0;border-left: 8px solid #fffbd8;border-top: 6px solid transparent;border-bottom: 6px solid transparent; transform: translate(0 , 50%);} .plus-shoping-list-box .more-box .more-btn-box .btn.move-btn .move-btn-ballon:before{content:''; display:block;position: absolute;right: -9px;bottom: 50%;width: 0;height: 0;border-left: 9px solid #d6be73;border-top: 7px solid transparent;border-bottom: 7px solid transparent;transform: translate(0 , 50%);} .plus-shoping-list-box .more-box .more-btn-box .btn.move-btn .move-btn-ballon.off{opacity:0;transition:all 0.3s;height:0;width:0; overflow:hidden;font-size:0;border-color:#fff} /*e:190904 edit*/ .plus-shoping-list-box .event-box{border-top:1px solid #fff; padding-top:10px;margin-top:10px} .plus-shoping-list-box .event-box .event-txt{color:#000; font-size:0.875em} .plus-shoping-list-box .event-box .event-txt img{margin-left:5px;width:6px;vertical-align: initial;} .product-list-box{height:0; overflow:hidden; opacity:0; transition:all 0.3s} .on .product-list-box{height:auto; overflow:hidden; opacity:1; transition:all 0.3s;} .product-list-box .hd-line{width:100%;margin:10px auto} .product-list-box .hd-line:after{content:''; display:block; clear:both} .product-list-box .hd-line .tit{z-index:1;position:relative;color:#000; font-size:0.875em;float:left} .product-list-box .hd-line .tit:after{content:'';display:block; position:absolute; width:100%; ;z-index:-1;height: 6px;bottom: 0px;} .product-list-box .hd-line .btn{float:right; border:1px solid #cbd0d9; display:inline-block; padding:2px 5px 5px 5px; } .product-list-box .hd-line .btn img{margin-left:5px;width:6px; vertical-align: top;margin-top: 7px;} .product-list-box .hd-line .btn a{ font-size:0.75em;} .product-list-box .product-list{} .product-list-box .product-list:after{content:''; display:block;clear:both} .product-list-box .product-list li{box-sizing: border-box;display:inline-block} .product-list-box .product-list li:first-child{} .product-list-box .product-list li img{max-width:100%;} .product-list-box .swiper-container{width:calc(100% - 105px); padding:10px 0px 5px 0px;background: white;margin-bottom: 0px; float:left;} .product-list-box .btn{width:82px; height:27px; height:26px; text-align:center; float:right; border:2px solid #e1e4e9; display:inline-block; margin-top:41px;} .product-list-box .btn img{margin-left:5px;width:6px; vertical-align: top;margin-top: 7px;} .product-list-box .btn a{ font-size:0.75em;} @media screen and (max-width:350px){ /*.plus-shoping-list-box .more-box .more-btn-box{width:73%}*/ /*.plus-shoping-list-box .more-box .bookmark-btn{width:25%;}*/ .plus-shoping-list-box .more-box .more-btn-box .btn{width:85px;} } /*box-style*/ /*s: 190719*/ #tab2 h3.tit01{z-index: 1;position: relative;color: #000;font-size: 0.875em;font-weight:bold;display:inline-block} #tab2 h3.tit01:after{content: '';display: block;position: absolute;width: 100%;z-index: -1;height: 6px;bottom: 0px;background:#fffcd8} #tab2 h3.tit02{;color: #000;font-size: 0.875em;font-weight:bold;display:inline-block} #tab2 h3.tit02 span{color: #000;;position: relative;z-index: 1;display:inline-block} #tab2 h3.tit02 span:after{content: '';display: block;position: absolute;width: 100%;z-index: -1;height: 6px;bottom: 0px;background:#c5dfff} .pick-cont01 .top-line{margin-top:10px} .pick-cont01 .top-line:after{content:'';display:block;clear:both} .pick-cont01 .top-line .big-img{width:65%;margin-right:5%;float:left} .pick-cont01 .top-line .big-img .img{width:100%;position:relative} .pick-cont01 .top-line .big-img .img img{max-width:100%} .pick-cont01 .top-line .big-img .txt{position:absolute; bottom:10px;font-size:0.75em;color:#fff;line-height:1.5;left:0;width:100%;text-align:center;} .pick-cont01 .top-line .big-img .txt strong{font-weight:bold; font-size:1.2em;;color:#fff;display:block} .pick-cont01 .top-line .sml-pro-list{float:right;width:30%} .pick-cont01 .top-line .sml-pro-list .sml-img{width:100%;} .pick-cont01 .top-line .sml-pro-list .sml-img .img{width:100%;position:relative} .pick-cont01 .top-line .sml-pro-list .sml-img .img img{max-width:100%} .pick-cont01 .top-line .sml-pro-list .sml-img .txt{position:absolute; bottom:10px;font-size:0.875em;color:#fff;line-height:1.5;left:0;width:100%;text-align:center; } .pick-cont01 .top-line .sml-pro-list .sml-img:nth-child(2){margin-top: 17.2%;} .pick-cont01 .bot-line{margin-top: 5%} .pick-cont01 .bot-line .sml-pro-list:after{content:'';display:block;clear:both} .pick-cont01 .bot-line .sml-pro-list .sml-img{float:left; width:30%;margin-right:5%} .pick-cont01 .bot-line .sml-pro-list .sml-img:last-child{margin-right:0} .pick-cont01 .bot-line .sml-pro-list .sml-img .img{width:100%;position:relative} .pick-cont01 .bot-line .sml-pro-list .sml-img .img img{max-width:100%} .pick-cont01 .bot-line .sml-pro-list .sml-img .txt{position:absolute; bottom:10px;font-size:0.875em;color:#fff;line-height:1.5;left:0;width:100%;text-align:center;} .more-btn{border-top:1px solid #c4cad6;padding:15px 0 0; text-align:center;margin-top:10px} .more-btn a{ font-size:0.875em;color:#000;} .more-btn a img{width: 6px;vertical-align: middle;margin: -3px 5px 0;} .pick-cont02{} .pick-cont02 .product-list{} .pick-cont02 .product-list:after{content:'';display:block;clear:both} .pick-cont02 .product-list .sml-img{float:left;width:47.5%; margin-right:5%;margin-top:5%;} .pick-cont02 .product-list .sml-img:nth-child(even){margin-right:0} .pick-cont02 .product-list .sml-img .img{position:relative} .pick-cont02 .product-list .sml-img .img img{max-width:100%;display:block} .pick-cont02 .product-list .sml-img .img span{position:absolute; top:0;left:0} .pick-cont02 .product-list .sml-img .img span img{width:30px;} .pick-cont02 .product-list .sml-img .txt-box{border:1px solid #d5dbe5;background:#fff; padding:10%;border-top:0} .pick-cont02 .product-list .sml-img .txt-box .time{color:#1a73e1; font-size:0.875em} .pick-cont02 .product-list .sml-img .txt-box .time img{width:16px;vertical-align:bottom;} .pick-cont02 .product-list .sml-img .txt-box .pro-name{font-size:0.875em;color:#000;margin-top:10px;overflow:hidden;} .pick-cont02 .product-list .sml-img .txt-box .price{color:#ff4330;font-weight:bold; font-size:0.875em;margin-top:10px;} .pick-cont02 .product-list .sml-img .txt-box .price sup{font-size:0.5em} /*e: 190719*/ /* 19/07/19 다해줌플러스 ysun0026 e*/ /* 2019-07-22 직구순위 */ ul.tab.search-ranking {overflow: unset; border-top:0;} /* 2019-07-22 추가 */ /* ul.tab.search-ranking li{width:50%} 2019-07-22 수정 */ ul.tab.search-ranking li{width:50%; border-top:0; border-right:0; bottom: 1px;} ul.tab.search-ranking li.tab01 a img{width:20px;vertical-align:middle;position:absolute; left: 50%;margin-left: -57px;top: 50%;margin-top: -10px } ul.tab.search-ranking li.tab02 a img{width:25px;vertical-align:middle;position:absolute; left: 50%;margin-left: -60px;top: 50%;margin-top: -12.5px;} ul.tab.search-ranking li a img.on{opacity:0;transition:all 0.3s} ul.tab.search-ranking li a img.off{opacity:1;transition:all 0.3s} ul.tab.search-ranking li.on a img.on{opacity:1;transition:all 0.3s} ul.tab.search-ranking li.on a img.off{opacity:0;transition:all 0.3s} table.ranking-table{width:100%} table.ranking-table th{color:#caccd8; font-weight:bold; font-size:0.875em;padding:5px 0;vertical-align:middle;height:30px} table.ranking-table td{vertical-align:middle;padding:5px; font-size:0.875em;color:#000;height:30px;white-space:nowrap;text-overflow:ellipsis} table.ranking-table th a{line-height:1.5;color:#caccd8; font-weight:bold; font-size:0.875em;} table.ranking-table td a{line-height:1.5; font-size:0.875em;color:#000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} table.ranking-table td.top a{font-weight:bold} table.ranking-table th.no img{height:3px} table.ranking-table th img{height:15px} table.ranking-table th.squaer-img img{height:16px} /* 2019-07-22 */ /* 인기상점 배너 영역 */ .sec-ad-bn{margin-top:5px;background:#fff;border-bottom:1px solid #d0d7e2;background:#fff;} .sec-ad-bn .cont-box{padding:15px 15px} .sec-ad-bn .cont-box .bn-img{} .sec-ad-bn .cont-box .bn-img img{max-width:100%; display:block} /* 인기상점 2019.08.28 */ /*.tit-ballon-box{background: #cbebf9;font-size: 0.750em;padding: 6px 10px;display: inline-block;position: relative; width: 85%;top:-5px;left: 15px;border-radius: 5px;letter-spacing: -0.5px; margin-bottom: 10px;}*/ .tit-ballon-box {background: #cbebf9;font-size: 0.750em;padding: 6px 10px;display: inline-block;position: relative; width: 80%;top:0px;left: 35px;border-radius: 5px;letter-spacing: -1px; margin-bottom: 10px;}/*s:190830 edit*/ .tit-ballon-box:after{ content: '';display: block; position: absolute;left:5px;top: -8px;width: 0;height: 0;border-bottom: 8px solid #cbebf9;border-left: 6px solid transparent;border-right: 6px solid transparent;transform: translate(50% , 0);} .tit-ballon-box2{width:100%; height:30px; padding-left:9%; box-sizing:border-box;} .tit-ballon-box3{width:100%; height:55px; padding-left:9%; box-sizing:border-box;} .tit-ballon-box2 > img{margin-right:3px;} .tit-ballon-box2 > img.box2_img01{width:66px; margin-top:-10px;} .tit-ballon-box2 > img.box2_img02{width:78px; margin-top:-5px;} .tit-ballon-box2 > img.box2_img03{width:69px; margin-top:-5px;} .tit-ballon-box2 > img.box2_img04{width:66px; margin-top:-5px;} .tit-ballon-box2 > img.box1_img01{width:85px; margin-top:-10px;} .tit-ballon-box2 > img.box1_img02{width:103px; margin-top:-5px;} .tit-ballon-box2 > img.box1_img03{width:79px; margin-top:-5px;} .tit-ballon-box2 > img.box1_img04{width:97px; margin-top:-10px;} .tit-ballon-box2 > img.box1_img05{width:104px; margin-top:-10px;} .tit-ballon-box2 > img.box1_img03_2{width:79px; margin-top:-10px;} .tit-ballon-box2 > img.box1_img05_2{width:104px; margin-top:-5px;} .tit-ballon-box2 > img.box1_img06{width:72px; margin-top:-10px; padding-bottom:5px;} .tit-ballon-box2 > img.box1_img07{width:99px; margin-top:-5px; padding-bottom:5px;} .tit-ballon-box2 > img.box1_img08{width:78px; margin-top:-5px; padding-bottom:5px;} .tit-ballon-box3 > img.box1_img02{width:103px; margin-top:-5px;} .tit-ballon-box3 > img.box1_img03{width:79px; margin-top:-5px;} .tit-ballon-box3 > img.box1_img04{width:97px; margin-top:-10px;} .tit-ballon-box3 > img.box1_img05{width:115px; margin-top:5px;} /*s:190827 new-css*/ hr.line { height: 5px; margin: 0; background-color: #dce0e9;} .tabcontent .hash-tag-cont{padding:0 10px;margin:10px auto 0; } .tabcontent .hash-tag-cont dl{border-bottom:1px solid #ccc; ;padding:5px 25px 15px;height:auto;min-height: 28px;box-sizing: content-box;}/*s:191018 edit*/ .tabcontent .hash-tag-cont dl dt{display:inline-block; vertical-align:middle;margin-right:5px} .tabcontent .hash-tag-cont dl dt img{width:12px} .tabcontent .hash-tag-cont dl dd{display:inline-block; vertical-align:middle;background:#cbebf9; padding:5px; text-align:center;margin-right:3px;margin-top:2px; margin-bottom:2px}/*s:191018 edit*/ .tabcontent .hash-tag-cont dl dd a{color:#12506b; font-weight:bold;font-size:0.875em;display:block;letter-spacing:-1px} .tabcontent .item-cont{background:#dce0e9} .tabcontent .item-box{padding:15px 10px;position:relative;margin-bottom:5px;border-bottom:1px solid #ccc;background:#fff} .tabcontent .item-box:last-child{border-bottom:0; margin-bottom:0} .tabcontent .item-box .lf-box{display:table-cell;padding-right:10px;vertical-align:middle;} .tabcontent .item-box .lf-box .img-box{text-align:center;} .tabcontent .item-box .lf-box .img-box img{width:94px;max-width:none} .tabcontent .item-box .rt-box{display:table-cell;vertical-align:middle;width:100%} .tabcontent .item-box .rt-box dl{} .tabcontent .item-box .rt-box dl dt{font-size: 1.000em;font-weight: bold;} .tabcontent .item-box .rt-box dl dd{font-size: 0.750em; letter-spacing: -2px;margin: 2px 0 3px;} .tabcontent .item-box .rt-box dl dd a{color: #ff4330;} .tabcontent .item-box .bot-box{/* margin-top:2.5px */} .tabcontent .item-box .bot-box .book-mark{text-align:center; margin:2px auto 5px; line-height: 1;display:inline-block;width:94px;margin-right:5px} .tabcontent .item-box .bot-box .book-mark .book-mark-img{;display:inline-block;vertical-align:middle;position:relative} .tabcontent .item-box .bot-box .book-mark .book-mark-img img{height:16px;max-width:none} .tabcontent .item-box .bot-box .book-mark .book-mark-img .on{opacity: 1;transition: all 0.3s; position: relative;} .tabcontent .item-box .bot-box .book-mark .book-mark-img .off{opacity: 1;transition: all 0.3s; position: relative;} .tabcontent .item-box .bot-box .book-mark.on .book-mark-img .on{opacity: 0;transition: all 0.3s; position: relative;} .tabcontent .item-box .bot-box .book-mark.on .book-mark-img .off{opacity: 0;transition: all 0.3s; position: relative;} .tabcontent .item-box .bot-box .book-mark .total-shop{color:#000; font-weight:bold;font-size:0.875em;display:block;letter-spacing:-1px;display:inline-block;vertical-align:middle} .tabcontent .item-box .bot-box .intro-btn{display:inline-block} .tabcontent .item-box .bot-box .intro-btn a{font-size: 0.813em; border: 1px solid #cbd0d9;display: inline-block;padding: 4px 5px;} /*.tabcontent .item-box .move-btn{position:absolute; right:10px; top:50%;margin-top:-14px}*/ /*s:190904 edit*/ /*.tabcontent .item-box .move-btn{position: absolute;right:0px;top: 50%;margin-top: -16px;height: 34px;line-height: 34px; text-align: center;display: inline-block;background: #fff;transition: all 0.3s;width: 34px; background-color:#e1e4e9; display:none;}*/ .tabcontent .item-box .move-btn{float:right; height: 34px;line-height: 34px; text-align: center;display: inline-block;background: #fff;width: 34px; background-color:#e1e4e9; transform: translateX(50px); display:none;} .tabcontent .item-box .move-btn img{width: 9px;margin-top: -6px; margin-left:1px; vertical-align:middle;} /*e:190904 edit*/ /*s:190828 edit*/ .tabcontent .item-box .move-btn .move-btn-ballon{transition:all 0.3s;position:absolute;color:#7e6722;font-size:0.813em;letter-spacing:-1px;background:#fffbd8;border:1px solid #d6be73; border-radius:8px;padding: 8px 0;top: 50%;width: 180px;text-align: center;right: 40px;margin-left: -90px;opacity: 0.9;transform: translate(0,-50%);} .tabcontent .item-box .move-btn .move-btn-ballon span{font-weight:bold; } .tabcontent .item-box .move-btn .move-btn-ballon:after{content:''; display:block;position: absolute;right: -8px;bottom: 50%; width: 0;height: 0;border-left: 8px solid #fffbd8;border-top: 6px solid transparent;border-bottom: 6px solid transparent; transform: translate(0 , 50%);} .tabcontent .item-box .move-btn .move-btn-ballon:before{content:''; display:block;position: absolute;right: -9px;bottom: 50%;width: 0;height: 0;border-left: 9px solid #d6be73;border-top: 7px solid transparent;border-bottom: 7px solid transparent;transform: translate(0 , 50%);} .tabcontent .item-box .move-btn .move-btn-ballon.off{opacity:0;transition:all 0.3s;height:0;width:0; overflow:hidden;font-size:0;border-color:#fff} /*e:190828 edit*/ /*s:2019.09.02 다해줌플러스*/ .mytail_plus .sec01 .cont-box{} .mytail_plus .sec01 .cont-box .alarm-box{padding:0 10px 10px;background:#fff;} .mytail_plus .sec01 .cont-box .alarm-box .tit{} .mytail_plus .sec01 .cont-box .alarm-box .tit:after{content:'';display:block;clear:both} .mytail_plus .sec01 .cont-box .alarm-box .tit .lf-icon{ font-size: 0.875em; font-weight: 700;color:#ff4330;text-align: left;letter-spacing:-1px} .mytail_plus .sec01 .cont-box .alarm-box .tit .lf-icon img{width: 13.5px;vertical-align: middle;} .mytail_plus .sec01 .cont-box .alarm-box .tit .rt-icon{text-align: right; float: right;} .mytail_plus .sec01 .cont-box .alarm-box .tit .rt-icon img{width: 19px;vertical-align: middle} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont{} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul{} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li{} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .alarm{background-image: url('/img/v4/mytails/notice_list_bg03.png');background-repeat: no-repeat;margin-top: 8px;background-position: bottom right;background-size: 14px;padding-right:0;} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .alarm:after{content:'';display:block; position: absolute; top: 0; right: 0; width: 14px; background: #fffcd8;height: calc(100% - 14px);} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .alarm a{font-size:0.813em;line-height: 1.5;letter-spacing: -1px;display:block;font-weight: 400;background-color: #fffcd8;padding: 12px;padding-right: 0;margin-right:14px} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .alarm i{vertical-align: middle; padding-right: 10px; display: table-cell;} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .alarm i img{width: 42.5px;vertical-align: middle;max-width:none;} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .alarm p{display: table-cell;vertical-align: middle;} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .del-red-bg{position:absolute; width: calc(100% - 14px); left:0;top:0;height:100%; background:#ff1700;margin-top:8px;padding-right:12px;} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .del-red-bg:after{content:'';display:block;clear:both} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .del-red-bg p{text-align:right; color:#fff; font-size:0.813em;font-weight:700;float:right;text-align:center; width:40px;padding-top:15px;letter-spacing:-1px;line-height:1.2;padding-right:12px;} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .del-red-bg{z-index:-1;} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .del-red-bg.bg-on{z-index:0;} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .alarm.product-box p span.txt{overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;position: relative;white-space: normal;} .mytail_plus .sec01 .cont-box .alarm-box .alarm-cont ul li .alarm.product-box p span.more{margin-top:0} /*e:2019.09.02 다해줌플러스*/ /*s:190903 edit*/ .mytail_plus .item-section { padding: 0px 15px 0 15px; } .mytail_plus .item-section-title { position: relative; margin-bottom: -5px; font-size: 1em; font-weight: bold; letter-spacing: -1px; } .mytail_plus .item-section-btn-other { position: absolute; right: 0; top: -3px; display: inline-block; padding: 5px 10px; font-size: .813em; color: #000; border: 1px solid #c7cfdf; } .mytail_plus .item-section-btn-help { margin-left: 3px; vertical-align: -4px; display: inline-block; width: 18px; height: 18px; text-indent: -9999px; background: url(/img/v4/mytails/icon_info.png) no-repeat 0 0; background-size: 100% 100%; } .mytail_plus .item-section-list { } .mytail_plus .item-section-list > li { padding: 15px 0; border-bottom: 1px solid #e1e6ef; } .mytail_plus .item-section-list > li:last-child {border-bottom: 0px; } .mytail_plus .item-section-item .item-thumb { float:left; /*position: absolute; left: 0; top: 0;*/ width: 100px; height: 100px; } /*.mytail_plus .item-section-item .item-thumb { float:left; /*position: absolute; left: 0; top: 0;*/ width: 100px; height: 100px; overflow:hidden }/*s:190906 edit*/*/ .mytail_plus .item-section-item .item-thumb img { width: 100%; height: auto;position: absolute; top: 50%; transform: translate(0, -50%); }/*s:190906 edit*/ .mytail_plus .item-section-item .item-sale { /* letter-spacing: -1px; */ position: absolute; left: -5px; top: 0; display: block; width: 46px; height: 35px; font-size: .875em; font-weight: bold; color: #fff; text-align: center; background: url(/img/v4/mytails/ico_sale.png) no-repeat 0 0; background-size: 100% 100%; } .mytail_plus .item-section-item .item-sale em { margin-left: 1px; font-style: normal; font-weight: normal; font-size: x-small; } .mytail_plus .item-section-item .item-amazon { position: absolute; left: 0; top: 0; display: block; width: 28px; height: 28px; text-indent: -9999px; background: url(/img/v4/mytails/ico_amazon.png) no-repeat 0 0; background-size: 100% 100%; } .mytail_plus .item-section-item .item-info { position: relative; margin-left: 110px; min-height: 100px; } .mytail_plus .item-section-item .item-info .abs-middle {/* margin-top: -2px;*/ width:100%} .mytail_plus .item-section-item .item-info p { line-height: 1.2; } .mytail_plus .item-section-item .item-info .attached-top { margin-top: -6px; } .mytail_plus .item-section-item .item-info span { display: inline-block; } .mytail_plus .item-section-item .item-date { font-size: .750em; color: #08abe7; padding-left: 12px; background: url(/img/v4/mytails/ico_item_date.gif) no-repeat 0 3px; background-size: 10px 10px; } .mytail_plus .item-section-item .item-auth { font-size: .750em; color: #000; margin-left: 5px; padding-left: 10px; background: url(/img/v4/mytails/bull_info_left.gif) no-repeat 0 60%; background-size: 1px 8px; } .mytail_plus .item-section-item .item-name { font-size: .875em; color: #000; font-weight: 700; letter-spacing: 0; margin: 4px 0; } .mytail_plus .item-section-item .item-brand-box { font-size: 0.688em; color: #59c500; font-weight: 400; letter-spacing: 0; margin: 4px 0;/*border:2px solid #88e340*/;padding:4px 0}/*s:190906 edit*/ .mytail_plus .item-section-item .item-brand-name { font-size: 0.813em; color: #f85fb2; font-weight: 700; letter-spacing: 0; margin: 4px 0; } .mytail_plus .item-section-item .item-name-sub { font-size: .875em; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .mytail_plus .item-section-item .item-price { font-size: 1.250em; font-weight: bold; color: #ff4330; letter-spacing: 0; text-shadow: 1px 0px 0px #FF4330; } .mytail_plus .item-section-item .item-price em { font-style: normal; font-size: small; vertical-align: 6px; margin-left: 2px; text-shadow: none; } .mytail_plus .item-section-item .item-price-sub { font-size: .938em; color: #b0b8c1; text-decoration: line-through; margin-left: 5px; letter-spacing: -1px; } .mytail_plus .item-section-item .item-view { margin-top: 5px; color: #64696e; font-size: .750em; /* letter-spacing: -1px; */ } .mytail_plus .item-section-item .item-view strong { color: #000; font-size: larger; padding-left: 5px; } .mytail_plus .item-section-item .item-recomm { letter-spacing: -1px; color: #64696e; font-size: .750em; margin-left: 5px; padding-left: 10px; background: url(/img/v4/mytails/bull_info_left.gif) no-repeat 0 60%; background-size: 1px 12px; } .mytail_plus .item-section-item .item-recomm strong { color: #000; font-size: larger; padding-left: 5px; } .mytail_plus .item-section-item .item-link { } .mytail_plus .item-section-item .item-link a { float:left; /*position: absolute; left: 0; right: 0; top: 0; bottom: 0;*/ display: block; text-indent: -9999px; } .mytail_plus .item-section .item-gallery { margin-right: -10px; margin-top: 5px; } .mytail_plus .item-section .item-gallery > li { float: left; width: 33.33333%; padding: 10px 0; } .mytail_plus .item-section .item-gallery-wrap { position: relative; text-align: center; padding-right: 10px; } .mytail_plus .item-section .item-gallery-thumb {} .mytail_plus .item-section .item-gallery-thumb img { width: 100%; height: auto; } .mytail_plus .item-section .item-gallery-name { letter-spacing: -1px; margin-top: 5px; font-size: .875em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .mytail_plus .item-section .item-gallery-link { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-indent: -9999px; } .mytail_plus .item-section .item-line { display: block; border-bottom: 1px solid #e1e6ef; } .mytail_plus .item-section.all .item-section-item .item-name{font-weight:normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .mytail_plus .item-section.all .item-section-item .item-info p.buy-num{position:absolute;top:10px;right:0;font-size:0.875em; color:#ff9c00;letter-spacing:-0.5px;font-weight:700 } .mytail_plus .item-section.all .item-section-item .item-info p.buy-num span{font-size:0.875em; color:#ff9c00;letter-spacing:-0.5px;font-weight:normal;margin-left:4px} .mytail_plus .item-section.all .item-section-item .item-brand-box {color: #9182ff; font-weight: 400; letter-spacing: 0; margin: 4px 0;/*border:2px solid #bbb2ff;*/padding:4px 0 }/*s:190906 edit*/ .mytail_plus .item-section.all .item-section-item .item-brand-name { font-size: 0.813em; color: #9182ff; font-weight: 700; letter-spacing: 0; margin: 4px 0; } .mytail_plus .more-btn.st02{border-top:0;padding:15px 0 0; text-align:center;margin-top:0} .mytail_plus .more-btn.st02 a{ font-size:0.875em;color:#000;} .mytail_plus .more-btn.st02 a img{width: 6px;vertical-align: middle;margin: -3px 5px 0;} /*e:190903 edit*/ /*s:190930 edit*/ .mytail_plus .tabcontent .hash-tag-cont{padding:0 10px;margin:0px;position: relative;background:#fff;border-bottom:1px solid #ccc;} .mytail_plus .tabcontent .hash-tag-cont dl{border-bottom:unset; ;padding:15px 80px 15px 5px;} .mytail_plus .tabcontent .hash-tag-cont dl dt{display:inline-block; vertical-align:middle;margin-right:10px} .mytail_plus .tabcontent .hash-tag-cont dl dt img{width:12px} .mytail_plus .tabcontent .hash-tag-cont dl dd{display:inline-block; vertical-align:middle;background:#cbebf9; padding:5px; text-align:center;margin-right:3px} .mytail_plus .tabcontent .hash-tag-cont dl dd a{color:#333333; font-weight:bold;font-size:0.875em;display:block;letter-spacing:-1px} .mytail_plus .tabcontent .hash-tag-cont .bookmark-on-bnt{transition:all 0.3s;cursor:pointer;border:1px solid #e1e4e9;color:#000; background:#fff;width:54px; height:30px; text-align:center;font-size:0.813em;line-height:28px;position:absolute; right:10px;top:50%; margin-top:-16px}/*s:190930 add*/ .mytail_plus .tabcontent .hash-tag-cont .bookmark-on-bnt.on{transition:all 0.3s;border:1px solid #ff4330;color:#fff; background:#ff4330;width:54px; height:30px;text-align:center; font-size:0.813em;line-height:28px;position:absolute; right:10px;top:50%; margin-top:-16px}/*s:190930 add*/ .mytail_plus .tabcontent .tab2_state_nav{width:100%; height:40px; background-color:#fff; border-bottom:1px solid #e2e2e2;} .mytail_plus .tabcontent .tab2_state_nav ul{width:100%; height:100%; overflow:hidden;} .mytail_plus .tabcontent .tab2_state_nav ul li{width:calc(100% / 5); height:100%; line-height:40px; font-size:0.91em; text-align:center; float:left;} .mytail_plus .tabcontent .tab2_state_nav ul li a{height:38px; border-bottom:2px solid #fff; display:inline-block;} .mytail_plus .tabcontent .tab2_state_nav ul li.on a{color:#1b73e1; border-bottom:2px solid #1b73e1; font-weight:bold;} .mytail_plus .tabcontent .hash-tag-cont2{width:100%; height:50px; padding:0px 10px; margin:0px; position:relative; background:#fff; border-bottom:1px solid #ccc; margin-bottom:6px;} .mytail_plus .tabcontent .hash-tag-cont2 ul{width:100%; height:30px; line-height:30px; padding-top:9px; overflow:hidden;} .mytail_plus .tabcontent .hash-tag-cont2 ul li{height:30px; display:inline-block; margin-right:5px; float:left;} .mytail_plus .tabcontent .hash-tag-cont2 ul li a{display:inline-block; font-weight:bold; padding:0px 8px; font-size:0.91em} .mytail_plus .tabcontent .hash-tag-cont2 ul li.type01 a{background-color:#f9cbe3; color:#581035;} .mytail_plus .tabcontent .hash-tag-cont2 ul li.type02 a{background-color:#f9edcb; color:#514112;} .mytail_plus .tabcontent .hash-tag-cont2 ul li.type03 a{background-color:#cbebf9; color:#12506b;} .mytail_plus .tabcontent .hash-tag-cont2 ul li.type04 a{background-color:#dbdbdb; color:#444444;} .mytail_plus .tabcontent .bookmark-unlock{cursor:pointer;height:40px; line-height:40px; text-align:center; position:fixed; bottom:0; width:100%;color:#fff; font-weight:bold; font-size:1.125em;background:#ff4330;transform:translate(0,100%);transition:all 0.3s; z-index:9;} .mytail_plus .tabcontent .bookmark-unlock.on{;transition:all 0.3s;transform:translate(0,0)} .mytail_plus .tabcontent .mark-item-box.del-on:last-child{margin-bottom:50px} .mytail_plus .tabcontent .mark-item-box .mark-check-btn input[type="checkbox"]{display:none} .mytail_plus .tabcontent .mark-item-box .mark-check-btn input[type="checkbox"] + label span {background-image:url('/img/v4/mytails/bookmark_check_off.png');width:35px;height:35px;background-size:100%;display:inline-block;cursor:pointer} .mytail_plus .tabcontent .mark-item-box .mark-check-btn input[type="checkbox"]:checked + label span {background-image:url('/img/v4/mytails/bookmark_check_on.png');width:35px;height:35px;background-size:100%;display:inline-block} #container .mytail_plus input[type="checkbox"] + label span {position: absolute;top: unset;margin-top: -3px;left: unset; display: block;width: 8px;} /*e:190930 edit*/ /*s:191011 edit*/ .mytail_plus .tabcontent .mark-item-box{display: flex;flex-wrap: nowrap;overflow: hidden;align-items: center; padding: 15px 15px;}/*s:191011 #2 edit*/ .mytail_plus .tabcontent .mark-item-box .mark-check-btn{transition: all 0.3s;opacity:0; transform: translateX(-35px);} .mytail_plus .tabcontent .mark-item-box.del-on .mark-check-btn{transition:all 0.3s;opacity:1; transform: translateX(0);} .mytail_plus .tabcontent .mark-item-box .mark-item{width: 100%;transform: translateX(-35px);transition:all 0.3s;} .mytail_plus .tabcontent .mark-item-box.del-on .mark-item{width: 100%;transform: translateX(10px);transition:all 0.3s;} .mytail_plus .plus-shoping-list-box{padding:9px 14px 9px 9px;} .mytail_plus #tab2 .plus-shoping-list-box{width:auto;} .mytail_plus #tab3 .plus-shoping-list-box{width:auto;} /*e:191011 edit*/ #shop_list_bookmark hr.line { height: 5px; margin: 0; background-color: #dce0e9;} .shop_list .hash-tag-cont{padding:0 10px;margin:10px auto 0;position: relative; background-color:#fff;}/*s:191011 edit*/ .shop_list .hash-tag-cont dl{height: 28px;box-sizing: content-box;}/*s:191011 edit*/ .shop_list .hash-tag-cont dl dt{display:inline-block; vertical-align:middle;margin-right:10px}/*s:191011 edit*/ .shop_list .hash-tag-cont dl dt img{width:12px} .shop_list .hash-tag-cont dl dd{display:inline-block; vertical-align:middle;background:#cbebf9; padding:5px; text-align:center;margin-right:3px} .shop_list .hash-tag-cont dl dd a{color:#12506b; font-weight:bold;font-size:0.875em;display:block;letter-spacing:-1px} .shop_list .hash-tag-cont .bookmark-on-bnt{transition:all 0.3s;cursor:pointer;border:1px solid #e1e4e9;color:#000; background:#fff;width:54px; height:30px;text-align:center;font-size:0.813em;line-height:28px;position:absolute; right:10px;top:50%; margin-top:-19px}/*s:190930 add*/ .shop_list .hash-tag-cont .bookmark-on-bnt.on{transition:all 0.3s;border:1px solid #ff4330;color:#fff; background:#ff4330;width:54px; height:30px;text-align:center;font-size:0.813em;line-height:28px;position:absolute; right:10px;top:50%; margin-top:-19px}/*s:190930 add*/ .shop_list .tabcontent .item-cont{background:#dce0e9;overflow-x:hidden} .shop_list .tabcontent .item-box{padding:8.5px 10px 4.5px 8px;position:relative;margin-bottom:5px;border-bottom:1px solid #ccc;background:#fff;overflow:hidden;}/*s:191011 edit*/ .shop_list .tabcontent .item-box .mark-check-btn{display: inline-block;vertical-align: middle;/*margin-right:10px;*/transition: all 0.3s;transform: translateX(-45px);/*margin-left: -49px;*/overflow:hidden}/*s:191018 edit*/ .shop_list .tabcontent .item-box.on .mark-check-btn {width:40px; display:inline-block;vertical-align:middle;/*margin-right:5px;*/transition:all 0.3s;/*margin-left:0;*/;transform: translateX(0);}/*s:191018 edit*/ .shop_list .tabcontent .item-box .mark-check-btn input[type="checkbox"]{display:none} .shop_list .tabcontent .item-box .mark-check-btn input[type="checkbox"] + label{display: inline-block;width: 35px !important; height: 35px !important; cursor: none; border-radius: 0 !important;background: none !important;}/*s:191014 edit*/ .shop_list .tabcontent .item-box .mark-check-btn input[type="checkbox"] + label span {position: absolute;;background-image:url('/img/v4/mytails/bookmark_check_off.png');width:35px !important;height:35px; background-size:100%;display:inline-block;cursor:pointer; box-sizing: border-box; top: 50% !important; margin-top: -20px !important;}/*s:191011 edit*/ .shop_list .tabcontent .item-box .mark-check-btn input[type="checkbox"]:checked + label span {background-image:url('/img/v4/mytails/bookmark_check_on.png');width:35px;height:35px;background-size:100%;display:inline-block}/*s:191011 edit*/ .shop_list .tabcontent .item-box:last-child{ margin-bottom:0} .shop_list .tabcontent .item-box .top-box{display:inline-block; vertical-align:middle; width:70%; padding-top:10px; overflow:hidden;}/*s:191018 #2 add*/ .shop_list .tabcontent .item-box.on .top-box{display:inline-block; vertical-align:middle; transform: translateX(10px); transition: all 0.3s; }/*s:191018 add*/ .shop_list .tabcontent .item-box .lf-box{display:inline-block;padding-right:10px;vertical-align:middle; height:100%; width:94px; float:left;} .shop_list .tabcontent .item-box .lf-box .img-box{text-align:center;} /* .shop_list .tabcontent .item-box.on .lf-box .img-box{margin-top:14px;} */ .shop_list .tabcontent .item-box .lf-box .img-box a{width:100%; height:100%; display:inline-block; position:relative;} .shop_list .tabcontent .item-box .lf-box .img-box img{width:94px;max-width:none} .shop_list .tabcontent .item-box .lf-box .save_pointer{height:20px; line-height:20px; padding:0px 10px; background-color:#3e1884; display:inline-block; font-size:11px; color:#fff; border-radius:20px; letter-spacing:-1px; position:absolute; bottom:-15px; left:0px;} .shop_list .tabcontent .item-box .lf-box .save_pointer strong{font-size:13px; font-weight:normal;} .shop_list .tabcontent .item-box .save_pointer{display:inline-block; font-size:10px; color:#3e1884; letter-spacing:-1px;} .shop_list .tabcontent .item-box .save_pointer strong{font-size:12px;letter-spacing:-1px;} .shop_list .tabcontent .item-box .save_pointer img{width:16px; vertical-align:middle; margin:0px 2px 0px 5px;} .shop_list .tabcontent .item-box .rt-box{display:inline-block;vertical-align:middle;width:calc(100% - 104px); height:100%; float:left;}/*s:191011 edit*/ .shop_list .tabcontent .item-box .rt-box dl{} .shop_list .tabcontent .item-box .rt-box dl dt{font-size: 0.9em;font-weight: bold;} .shop_list .tabcontent .item-box .rt-box dl dt a {word-break:keep-all;} .shop_list .tabcontent .item-box .rt-box dl dd{font-size: 0.750em; letter-spacing: -2;margin: 2px 0 3px;} .shop_list .tabcontent .item-box .rt-box dl dd a{color: #ff4330;} .shop_list .tabcontent .item-box .bot-box{ margin-top:2px } .shop_list .tabcontent .item-box .book-mark{text-align:right; margin:5px auto 5px; margin-right:0px; line-height: 1;display:inline-block;position: absolute;right: 0px; top: 50%; height: 30px;transform: translate(0, -50%);}/*s:191014 edit*/ .tabcontent#shop_list_bookmark .item-box .book-mark{text-align:center; margin:0; line-height: 1;display:inline-block;;position:relative;right:auto; top: auto; height: auto;transform: translate(0, -3px);}/*s:191016 edit*/ .tabcontent#shop_list_bookmark .item-box .book-mark .total-shop{font-size:12px;margin-top: 0;}/*s:191016 edit*/ #shop_list_bookmark.tabcontent .item-box .item-box_inner{height:65px;} #shop_list_bookmark.tabcontent .item-box .top-box{display:inline-block; vertical-align:middle;/* transform: translateX(-30px); */transition: all 0.3s; width:calc(600% - 110px);}/*s:191018 #2 edit*/ #shop_list_bookmark.tabcontent .item-box.on .top-box{display:inline-block; vertical-align:middle; transform: translateX(10px); transition: all 0.3s; width:50%; }/*s:191018 #2 edit*/ #shop_list_bookmark.tabcontent .item-box .more_btn {display:inline-block; vertical-align:middle;/* transform: translateX(-23px); */transition: all 0.2s; width:100px;} #shop_list_bookmark.tabcontent .item-box.on .more_btn {display:inline-block; vertical-align:middle; transform: translateX(-5px); transition: all 0.2s; width:50%;} #shop_list_bookmark.tabcontent .item-box.on .more_btn .move-btn{margin-top:12px; margin-right:-3px; ;transform: translateX(0px);} .shop_list .tabcontent .item-box .book-mark .book-mark-img{;display:inline-block;vertical-align:middle;position:relative} .shop_list .tabcontent .item-box .book-mark .book-mark-img img{width:20px;height:20px;max-width:none} .shop_list .tabcontent .item-box .book-mark .book-mark-img .off{opacity: 1;transition: all 0.3s; position: relative;} .shop_list .tabcontent .item-box .book-mark.on .book-mark-img .on{opacity: 1;transition: all 0.3s;position: absolute; left: 0;} .shop_list .tabcontent .item-box .book-mark.on .book-mark-img .off{opacity: 0;transition: all 0.3s; position: relative;} .shop_list .tabcontent .item-box .book-mark .total-shop{color:#000; font-weight:bold;font-size:0.8em;letter-spacing:-1px;display:inline-block;vertical-align:middle;margin-top:0px;}/*s:191016 edit*/ .shop_list .tabcontent .item-box .bot-box .intro-btn{display:inline-block} .shop_list .tabcontent .item-box .bot-box .intro-btn a{font-size: 0.813em; border: 1px solid #cbd0d9;display: inline-block;padding: 4px 5px;} .shop_list .tabcontent .bookmark-unlock{cursor:pointer;height:40px; line-height:40px; text-align:center; position:fixed; bottom:0; width:100%;color:#fff; font-weight:bold; font-size:1.125em; background:#ff4330;transform:translate(0,100%);transition:all 0.3s; z-index:9;} .shop_list .tabcontent .bookmark-unlock.on{;transition:all 0.3s;transform:translate(0,0)} .tabcontent#shop_list_bookmark .item-box .book-mark .book-mark-img img{width:14px;height:14px;}/*s:191016 edit*/ .tabcontent#shop_list_bookmark .item-box .book-mark.type02{width:100%; position:unset; text-align:left; padding-top:5px;} .shop_list .tabcontent .item-box .book-mark.type02{width:auto; height:auto; text-align:right; margin:unset; line-height:unset; position:unset; right:unset; top:unset; display:table-cell; transform:none; vertical-align:middle; padding-left:0px; } .shop_list .tabcontent .item-box .book-mark.type02 .book-mark-img img{width:14px; height:14px; margin-top:1px;} .shop_list .tabcontent .item-box .book-mark.type03{width:auto; height:auto; text-align:right; margin:unset; line-height:unset; position:unset; right:unset; top:unset; display:unset; transform:none; vertical-align:middle; padding-left:0px; position:absolute; left:80px; bottom:5px;} .shop_list .tabcontent .item-box .book-mark.type03 .book-mark-img img{width:20px; height:18px; margin-top:1px;} @media screen and (max-width:350px){ ul.tab.popular-tab li a{font-size:0.688em;letter-spacing:-0.5px}/*s:191018 edit*/ } .cash-save-page hr.line.add-mg { margin-bottom:45px } .cash-save-page header{} .cash-save-page header .sub-hd{position:relative; background:#fff; padding:12.5px 15px;line-height: 1.6;} .cash-save-page header .sub-hd .btn-back2{display:block;width: 9px; height:17px; position: absolute; top: 50%;margin-top:-7px; left:20px;background: url('/img/v4/index/btn_arr_l.png') no-repeat left 50%; background-size: 6.5px auto; } .cash-save-page header .sub-hd p{font-size:1em; margin-left:20px;font-weight:normal;letter-spacing:-1.5px;display:inline-block} .cash-save-page header .sub-hd p.cash-desc {font-size:0.813em; color:#000000;letter-spacing:-0.3px} .cash-save-page header .sub-hd p.cash-desc span{color:#ff0000} .cash-save-page header .sub-hd a{display:inline-block} /*s:190930 edit*/ .cash-save-page .hd-rt_box{float:right;position:relative;margin-top:-2px} .cash-save-page .home-btn{width:23px; display:inline-block; position:absolute; top:2.5px; right:0px;} .cash-save-page .home-btn img{width:23px;} /*e:190930 edit*/ .cash-save-page { min-width: 320px; height: 100%; } .cash-save-page .header { position: relative; padding: 0 15px; height: 42px; line-height: 42px; background-color: #519bff; } .cash-save-page .cash-info{padding:12.5px 15px; border-top:1px solid #b6b6b6;background:#fff} .cash-save-page .cash-info p{font-size:0.813em; color:#000000;letter-spacing:-0.3px} .cash-save-page .cash-info p i{vertical-align:middle;display: inline-block;margin-right:5px} .cash-save-page .cash-info p i img{width:18.5px;display:block} .cash-save-page .cash-info p span{color:#ff0000} .cash-save-page .cash_box{width:100%; height:46px; position:relative;} .cash-save-page .cash-getegory {width:100%; height:45px; position:absolute; top:0px; left:0px; border-bottom: 1px solid #b6b6b6; background: #e7ecf2 ;background:#fff ; text-align:center;} .cash-save-page .cash-getegory .getegory-wrapper{height:100%;} .cash-save-page .cash-getegory .getegory-wrapper .tab{height:100%;} .cash-save-page .cash-getegory.fixed{position:fixed;width:100%; top:0; left:0px; z-index:9;} .cash-save-page .cash-getegory.absolute{position:absolute !important; top:0px; left:0px;} .cash-save-page .cash-getegory a{ width: auto; height:100%; margin:0px 5%; font-size: 1em; font-weight: bold; line-height: 42px; letter-spacing: -1px; } .cash-save-page .cash-getegory a span { vertical-align: middle; } .cash-save-page .cash-getegory a.active { color: #3084f6; font-weight: bold;position:relative; display:inline-block;} .cash-save-page .cash-getegory a.active:after{content:'';display:block; position:absolute;width:100%;height:2px; background:#1b73e1;bottom:0;} .cash-save-page .gnb-swipe-btn { z-index: 2; position: absolute; right: 7px; top: 4px; display: block; width: 42px; height: 42px; text-indent: -9999px; background: url(/img/v4/index/gnb_swipe_btn.gif) no-repeat 50% 50%; background-size: 25px 25px; } .cash-save-page .gnb-swipe-btn:after { z-index: 1; content: ''; position: absolute; left: -26.5px; top: 5px; display: block; width: 35px; height: 30px; background: url(/img/v4/index/bg_grad_right.png) no-repeat 0 50%; background-size: 100% 100%; } .cash-save-page ul.cash-event-list{} .cash-save-page li{padding:15px; border-bottom:1px solid #b6b6b6; background:#fff;} /*.cash-save-page li:last-child{border-bottom:0}*/ .cash-save-page li .img{width:100%} .cash-save-page li .img img{max-width:100%} .cash-save-page li .txt-box{margin-top:15px;position:relative} .cash-save-page li .txt-box .tit{font-size:1.125em; font-weight:bold; } .cash-save-page li .txt-box .tit span{font-size:0.625em;border:1px solid #000; text-align:center; border-radius:25px; padding:1px 5px;vertical-align:middle;margin-left:5px;display: inline-block; margin-top: -3px;font-weight: 400;} .cash-save-page li .txt-box .txt{font-size:0.813em; color:#000; letter-spacing:-0.5px;line-height:1.3;margin-top:5px} .cash-save-page li .view-txt{border-top:1px solid #b6b6b6;margin-top:15px; padding:15px 0 60px;font-size:0.813em;letter-spacing:-0.5px;color:#000;white-space: pre-wrap;width:100%; word-break:keep-all;overflow-x:hidden}/*s:191028 edit#2*/ .cash-save-page li .join-btn{background:#1f75e2;border-radius:3px;text-align:center;height:40px; line-height:40px;color:#fff;font-size:0.813em;letter-spacing:-0.5px;display:block} .cash-save-page .swiper-container{margin:0 auto; position:relative;overflow:hidden;list-style:none;padding:0px 15px;z-index:1;} /*s:191112 edit*/ .cash-save-page { width:100%; min-width: 320px; height: 100%; overflow:hidden; -webkit-overflow-scrolling: touch;} .cash-save-page .header { position: relative; padding: 0 15px; height: 42px; line-height: 42px; background-color: #519bff; } .cash-save-page .cash-info{padding:12.5px 15px; border-top:1px solid #b6b6b6;background:#fff} .cash-save-page .cash-info p{font-size:0.813em; color:#000000;letter-spacing:-0.3px} .cash-save-page .cash-info p i{vertical-align:middle;display: inline-block;margin-right:5px} .cash-save-page .cash-info p i img{width:18.5px;display:block} .cash-save-page .cash-info p span{color:#ff0000} .cash-save-page .cash-getegory-swipe { position: relative; /*padding-right: 40px;*/ border-bottom: 1px solid #b6b6b6; background: #e7ecf2 ;background:#fff ;transition:all 0.3s } .cash-save-page .cash-getegory-swipe.fixed{position:fixed;width:100%; top:0;z-index:9;transition:all 0.3s} .cash-save-page .cash-getegory-swipe .swiper-container{} /* .cash-save-page .cash-getegory-swipe .swiper-wrapper {justify-content: space-between;} */ .cash-save-page .cash-getegory-swipe .swiper-slide { width: auto; margin: 0 5.5%; font-size: 1em; font-weight: bold; line-height: 42px; letter-spacing: -1px; } .cash-save-page .cash-getegory-swipe .swiper-slide span { vertical-align: middle; } .cash-save-page .cash-getegory-swipe .active { color: #3084f6; font-weight: bold;position:relative } .cash-save-page .cash-getegory-swipe .active:after{content:'';display:block; position:absolute;width:100%;height:2px; background:#1b73e1;bottom:0;} .cash-save-page .gnb-swipe-btn { z-index: 2; position: absolute; right: 7px; top: 4px; display: block; width: 42px; height: 42px; text-indent: -9999px; background: url(../img/renewal/gnb_swipe_btn.gif) no-repeat 50% 50%; background-size: 25px 25px; } .cash-save-page .gnb-swipe-btn:after { z-index: 1; content: ''; position: absolute; left: -26.5px; top: 5px; display: block; width: 35px; height: 30px; background: url(../img/bg_grad_right.png) no-repeat 0 50%; background-size: 100% 100%; } .cash-save-page ul.cash-event-list > li > a{width:100%; height:100%; display:inline-block; overflow:hidden;} .cash-save-page li{padding:15px; border-bottom:1px solid #b6b6b6;position:relative} /*.cash-save-page li:last-child{border-bottom:0}*/ .cash-save-page li .img{width:80px;height:80px} .cash-save-page li .img img{max-width:100%;max-height:100%} .cash-save-page li .txt-box{width:calc(100% - 110px); position: absolute;left: 95px;top: 0; padding-left: 15px;padding-top:5px;height: 110px;} .cash-save-page li .txt-box .tit{width:100%;font-size:1.125em; font-weight:bold; line-height:1; position:relative;} .cash-save-page li .txt-box .tit span{font-size:0.625em;border:1px solid #000; text-align:center; border-radius:25px; padding:4px 5px;vertical-align:middle;margin-left:5px; display: inline-block;margin-top: -3px; margin-right:15px; font-weight: 400; float:right; position:absolute; top:2px; right:0px; background-color:#fff;} .cash-save-page li .txt-box .txt{font-size:0.813em; color:#000; letter-spacing:-0.5px;line-height:1.3;margin-top:5px;overflow: hidden;text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .cash-save-page li .txt-box .cash{font-size:0.813em; color:#000; letter-spacing:-0.5px;position: absolute;bottom:40px;left:15px;} .cash-save-page li .txt-box .cash i{display:inline-block;margin-right:2px;vertical-align: middle;margin-top: -2px;} .cash-save-page li .txt-box .cash i img{width:18.5px;display:block} .cash-save-page li .view-txt{border-top:1px solid #b6b6b6;margin-top:15px; padding:15px 0 60px;font-size:0.813em;letter-spacing:-0.5px;color:#000;white-space: pre-wrap;width:100%; word-break:keep-all;overflow-x:hidden}/*s:191028 edit#2*/ .cash-save-page li .join-btn{background:#1f75e2;border-radius:3px;text-align:center;height:40px; line-height:40px;position: fixed; bottom: 10px; width: 92%;left: 4%;}/*s:191028 edit*/ .cash-save-page li .join-btn a{color:#fff;font-size:0.813em;letter-spacing:-0.5px;display:block} /*e:191112 edit*/ ::-webkit-input-placeholder {color: #e7ebf2; font-size:.75em; } :-moz-placeholder {color: #e7ebf2; font-size:.75em; } /* Firefox 18- */ ::-moz-placeholder {color: #e7ebf2; opacity: 1; font-size:.75em; } /* Firefox 19+ 무슨 이유인지는 모르나 반투명처리되어 opacity가 있어야함 */ :-ms-input-placeholder {color: #e7ebf2; font-size:.75em; } /* 테일포인트 2019.11.01 ysun0026*/ .btn-top2{background:url('/img/v4/mytails/button_top.png') no-repeat;z-index: 9999;position: fixed;right: 10px;bottom: 75px;width: 44px;height: 44px;background-size: 44px 44px;text-indent: -9999px;outline: 0;} /* s: 2019.11.11 배송요금표*/ /*.delivery-traecking-page hr.line { height: 5px; margin: 0; background-color: #dce0e9; border:0px; border-top:1px solid #cfcfcf;}*/ /*.delivery-traecking-page header{}*/ /*.delivery-traecking-page header .sub-hd{position:relative; background:#fff; padding:12.5px 15px;line-height: 1.6;}*/ /*.delivery-traecking-page header .sub-hd .btn-back2{display:block;width: 9px; height:17px; position: absolute; top: 50%;margin-top:-7px; left:20px;background: url('/img/v4/index/btn_arr_l.png') no-repeat left 50%; background-size: 6.5px auto; }*/ /*.delivery-traecking-page header .sub-hd p{font-size:1em; margin-left:20px;font-weight:normal;letter-spacing:-1.5px;display:inline-block}*/ /*.delivery-traecking-page header .sub-hd a{display:inline-block}*/ /*.price-flag .detail-btn{;width:60px; height:30px;border:1px solid #cccccc;border-radius:3px;text-align:center;line-height:28px;}*/ /*.price-flag .detail-btn a{display:block; font-size:0.750em; color:#000;}*/ .price-flag{background:#fff; border-bottom: 1px solid #dee2ee;} .price-flag ul.flag-tab{text-align:center;} .price-flag ul.flag-tab:after{content:'';display:block; clear:both} .price-flag ul.flag-tab li{width: 20%;text-align: center;transition: all 0.3s;position:relative; margin:10px auto; display:inline-block;} .price-flag ul.flag-tab li img{width:30px} .price-flag ul.flag-tab li span{font-size:0.875em;text-align:center;display:block;margin-top:5px;transition:all 0.3s} .price-flag ul.flag-tab li.on a span.txt{display:inline-block;position:relative} .price-flag ul.flag-tab li.on a span.txt:after{content:'';position:absolute; display:block;width:100%;height:3px;background:#3084f6;bottom:-11px} .price-flag ul.flag-tab li.on span{color:#3084f6;font-weight:bold} .price-flag header{border-bottom:1px solid #cfcfcf;} .price-flag header .sub-hd{position:relative; background:#fff; padding:10px 10px 10px 16px;} .price-flag header .sub-hd .btn-back2{display:block;width: 9px; height:17px; position: absolute; top: 44%;margin-top:-7px; left:12px;background: url('/img/v4/mytails/btn_arr_l.png') no-repeat left 50%; background-size: 6.5px auto; } .price-flag header .sub-hd p{font-size:1em; margin-left:15px;font-weight:normal;letter-spacing:-1.5px;display:inline-block} .price-flag header .sub-hd a{display:inline-block} .price-flag header .sub-hd .hd-rt_box{float:right;position:relative;margin-top: -2.5px;} .price-flag header .sub-hd .hd-rt_box .detail-btn{position:absolute;top:-3px;right:0px;padding:5px 6px 5px 8px;font-size:1em;letter-spacing:-0.05em;font-weight:bold;border:2px solid #cfcfcf;width:55px;} .price-flag header .sub-hd .hd-rt_box .detail-btn a{display:block; font-size:0.750em; color:#000;} .price-flag ul.flag-tab li.on a span.txt:after{content:'';position:absolute; display:block;width:100%;height:3px;background:#3084f6;bottom:-11px} .delivery-list {position: relative; border-bottom: 1px solid #dde2ee;background: #e7ecf2} .delivery-list:after{content:'';display:block; clear:both} .delivery-list li{float:left;width: 33.3%;text-align:center; font-size:0.813em; font-weight: normal;line-height: 42px;letter-spacing: -1px;} .delivery-list li a{line-height:42px;} .delivery-list li.on a{color: #3084f6;font-weight: bold;} #tab02 .delivery-list li{width:50%} #tab04 .delivery-list li{width:50%} #tab05 .delivery-list li{width:50%} .delivery-cont {} .delivery-cont .del-tab-cont {} .delivery-cont .del-tab-cont .del-cont-box{} .delivery-cont .del-tab-cont .del-cont-box .top-txt-info{width:100%; font-size:11px; padding-bottom:10px; margin-top:-5px;} .delivery-cont .del-tab-cont .del-cont-box .top-txt-info:after{content:""; clear:both; display:block;} .delivery-cont .del-tab-cont .del-cont-box .price-box{padding:25px 15px;position:relative;background:#fff;} .delivery-cont .del-tab-cont .del-cont-box .price-box .top-txt{font-size:0.813em; color:#000;letter-spacing:-0.25px;margin-bottom:10px} .delivery-cont .del-tab-cont .del-cont-box .price-box .top-txt.bd{font-weight:bold} .delivery-cont .del-tab-cont .del-cont-box .price-box .price-table-box{} .delivery-cont .del-tab-cont .del-cont-box .price-box .price-table-box table{margin-top:5px} .delivery-cont .del-tab-cont .del-cont-box .price-box .price-table-box table:first-child{margin-top:0} .delivery-cont .del-tab-cont .del-cont-box .price-box .bot-txt{font-size:0.813em;color:#546f8c;letter-spacing:-0.5px;margin-top:10px} .delivery-cont .del-tab-cont .del-cont-box .price-box .pop-btn{width:120px; height:34px; line-height:32px; text-align:center; border:1px solid #b6c1d4;font-size:0.938em; font-weight:bold;letter-spacing:-0.8px;margin:25px auto 0;cursor:pointer} .delivery-cont .del-tab-cont .del-cont-box .price-box .pop-btn2{width:120px; height:34px; line-height:32px; text-align:center; border:1px solid #b6c1d4;font-size:0.938em; font-weight:bold;letter-spacing:-0.8px;margin:25px auto 0;cursor:pointer} .delivery-cont .del-tab-cont .del-cont-box .price-box .pop-btn.st02{margin:0;width:120px; height:30px; line-height:28px; text-align:center; border:1px solid #c4cddd;background:#c4cddd;font-size:0.813em; font-weight:bold;letter-spacing:-0.5px;cursor:pointer;color:#000;position:absolute; top:45px;right:15px} .delivery-cont .del-tab-cont .del-cont-box .price-box .pop-btn2.st02{margin:0;width:120px; height:30px; line-height:28px; text-align:center; border:1px solid #c4cddd;background:#c4cddd;font-size:0.813em; font-weight:bold;letter-spacing:-0.5px;cursor:pointer;color:#000;position:absolute; top:15px;right:15px} .delivery-cont .del-tab-cont .del-cont-box .price-box .pop-btn2 a{padding-top:2px;} .delivery-cont .del-tab-cont .del-cont-box .warring-box{padding:25px 15px} .delivery-cont .del-tab-cont .del-cont-box .warring-box .tit{font-size:0.875em;font-weight:700; margin-bottom:10px;color:#000;letter-spacing:-0.5px} .delivery-cont .del-tab-cont .del-cont-box .warring-box .txt{margin-bottom:5px;font-size:0.750em; color:#000;letter-spacing:-0.5px;text-indent: -6px;padding-left: 6px;word-break:keep-all} table.price-table-st01{width:100%;border:1px solid #b6c1d4; } table.price-table-st01 tr{border:1px solid #d2dae7} table.price-table-st01 tr th{font-size:0.875em;text-align:center; padding:10px 5px;background:#edf0f5;vertical-align:middle;border:1px solid #d2dae7;letter-spacing:-0.5px} table.price-table-st01 tr td{font-size:0.750em;text-align:center; padding:10px 5px;background:#edf0f5;vertical-align:middle;border:1px solid #d2dae7;letter-spacing:-0.5px} table.price-table-st01 tr td img.icon01{width:17.5px;margin-right:2px;vertical-align:middle} table.price-table-st01 tr td img.icon02{width:9px;margin-right:2px;vertical-align:middle} table.price-table-st01 tr td.app-bg{background:#f7fafe} table.price-table-st01 tr td.no-login{font-size:0.625em} table.price-table-st01 tr td a{color:#5C9BD2;text-decoration:underline;display:block} table.price-table-st02{width:100%;border:1px solid #b6c1d4; } table.price-table-st02 tr{border:1px solid #d2dae7} table.price-table-st02 tr th{font-size:0.813em;font-weight:400;text-align:center; padding:10px 5px;background:#edf0f5;vertical-align:middle;border:1px solid #d2dae7;letter-spacing:-0.5px} table.price-table-st02 tr td{font-size:0.750em;text-align:center; padding:10px 5px;background:#fff;vertical-align:middle;border:1px solid #d2dae7;letter-spacing:-0.5px} table.price-table-st02 tr td img.icon01{width:14px;margin-right:2px;vertical-align:middle} table.price-table-st02 tr td img.icon02{width:12px;margin-right:2px;vertical-align:middle} table.price-table-st02 thead tr td{background:#fafbfd} table.price-table-st02 tr:nth-child(even) td{background:#fafbfd} .price-pop-bg{position:fixed;top:0;left:0;height:100%; width:100%; z-index:8; background:rgba(0,0,0,0.7)} .price-pop{position:fixed;top:50%;left:50%;;width:90%;z-index:9;transform: translate(-50%, -50%);background:#fff;padding:25px 15px} .price-pop .pop-hd{font-size:1.188em; color:#000; letter-spacing:-1.0px; padding-bottom:10px; border-bottom:1px solid #caccd8} .price-pop .pop-table{min-height:150px;height:325px ;overflow-y:scroll;margin-top:15px} .price-pop .pop-txt{font-size:0.813em;color:#546f8c;letter-spacing:-0.5px;margin-top:10px} .price-pop .pop-btn{width:120px; height:34px; line-height:34px; text-align:center; border:1px solid #b6c1d4;margin:25px auto 0;} .price-pop .support-btn{width:120px; height:34px; line-height:34px; text-align:center; border:1px solid #b6c1d4;margin:25px auto 0;} .price-pop .pop-btn a, .price-pop .support-btn a{font-size:0.938em; font-weight:bold;letter-spacing:-0.8px;display:block} .price-pop .pop-close-btn{position:absolute; top:15px; right:15px} .price-pop .pop-close-btn img{width:13.5px} .price-pop .pop-table dl{margin-bottom:8px} .price-pop .pop-table dl:after{content:'';display:block;clear:both} .price-pop .pop-table dl dt{font-size:0.875em; font-weight:bold; letter-spacing:-0.5px; display:inline-block;vertical-align:bottom; margin-top: 5px;} .price-pop .pop-table dl dd{float:right} .price-pop .pop-table dl dd select{width:100px;height:30px;padding-left:5px;background:url('../img/price_select_icon.png') no-repeat 95% 50%; background-size:11px; font-size:0.750em; border:1px solid #b6c1d4; border-radius: 0px;-webkit-appearance: none; -moz-appearance: none;appearance: none;} /* e: 2019.11.11 배송요금표*/ /* s:2019.11.28 배송조회 */ .delivery-traecking-page hr.line { height: 5px; margin: 0; background-color: #dce0e9; border:0px; border-top:1px solid #cfcfcf;} .delivery-traecking-page header{} .delivery-traecking-page header .sub-hd{position:relative; background:#fff; padding:12.5px 15px;line-height: 1.6;} .delivery-traecking-page header .sub-hd .btn-back2{display:block;width: 9px; height:17px; position: absolute; top: 50%;margin-top:-7px; left:20px;background: url('/img/v4/index/btn_arr_l.png') no-repeat left 50%; background-size: 6.5px auto; } .delivery-traecking-page header .sub-hd p{font-size:1em; margin-left:20px;font-weight:normal;letter-spacing:-1.5px;display:inline-block} .delivery-traecking-page header .sub-hd a{display:inline-block} .delivery-traecking-page header .sub-hd .hd-rt_box{float:right;position:relative;margin-top: -2.5px;} .delivery-traecking-page header .sub-hd .hd-rt_box .detail-btn{;width:60px; height:30px;border:1px solid #cccccc;border-radius:3px;text-align:center;line-height:28px;} .delivery-traecking-page header .sub-hd .hd-rt_box .detail-btn a{display:block; font-size:0.750em; color:#000;} .delivery-traecking-page .contents{background:#fff;} .delivery-traecking-page .swiper-container img{height:100%} .delivery-traecking-page { height: 100%; } .delivery-traecking-page .track-txt-sec{padding:15px 10px} .delivery-traecking-page .track-txt-sec .top-line{} .delivery-traecking-page .track-txt-sec .top-line:after{content:'';display:block;clear:both} .delivery-traecking-page .track-txt-sec .top-line .info-txt{font-size:0.875em;color:#1f75e2;;float:left; font-style: italic;position:relative;letter-spacing:-0.8px;background: url('/img/v4/malltails/dt_font_bg_blue.gif') repeat-x 0 14px;background-size: 2px 30%;padding-right: 10px;} .delivery-traecking-page .track-txt-sec .top-line .reload-box{display: inline-block;float: right;} .delivery-traecking-page .track-txt-sec .top-line .reload-box .reload-txt{font-size: 0.688em; color: #999;display: inline-block;vertical-align: middle;} .delivery-traecking-page .track-txt-sec .top-line .reload-box .reload-btn{display: inline-block;vertical-align: middle} .delivery-traecking-page .track-txt-sec .top-line .reload-box .reload-btn a{} .delivery-traecking-page .track-txt-sec .top-line .reload-box .reload-btn a img{width: 27px;display: block;} .delivery-traecking-page .track-txt-sec .cont-line{} .delivery-traecking-page .track-txt-sec .cont-line .tit{font-weight:bold; font-size:1.875em; letter-spacing:-3px;color:#000;margin-bottom:5px} .delivery-traecking-page .track-txt-sec .cont-line .txt {font-size:0.875em; line-height:1.4; letter-spacing:-0.8px;color:#000;word-break:keep-all;padding-right:10px} .delivery-traecking-page .track-txt-sec .cont-line .txt span.blue-txt{font-weight:bold;color:#1f75e2} .delivery-traecking-page .track-txt-sec .cont-line .txt span.black-txt{font-weight:bold} .delivery-traecking-page .track-img-sec{padding:15px 10px} .delivery-traecking-page .track-img-sec .sml-line{} .delivery-traecking-page .track-img-sec .sml-line ul{} .delivery-traecking-page .track-img-sec .sml-line ul:after{content:'';display:block; clear:both} .delivery-traecking-page .track-img-sec .sml-line ul li{position:relative;float:left;width:20%;height: 40px;} .delivery-traecking-page .track-img-sec .sml-line ul li:after{content:'';display:block; background:url('/img/v4/malltails/dt_rt_arr.png') no-repeat;;background-size:cover; width:6.25px; height:10px;position:absolute;top: 50%;margin-top: -5px;} .delivery-traecking-page .track-img-sec .sml-line ul li:first-child:after{display:none} .delivery-traecking-page .track-img-sec .sml-line ul li span{top: 50%; left: 50%;display: block; position: absolute;transform: translate(-50%, -50%); } .delivery-traecking-page .track-img-sec .sml-line ul li .off{opacity:1;transition:all 0.3s} .delivery-traecking-page .track-img-sec .sml-line ul li .on{opacity:0;transition:all 0.3s} .delivery-traecking-page .track-img-sec .sml-line ul li.on .off{opacity:0;transition:all 0.3s} .delivery-traecking-page .track-img-sec .sml-line ul li.on .on{opacity:1;transition:all 0.3s} .delivery-traecking-page .track-img-sec .sml-line ul li.on:before{content:'';display:block;background:url('/img/v4/malltails/dt_balloon_icon01.png') no-repeat;;background-size:cover; width:43.25px; height:17.25px;position:absolute;top: 0;margin-top: -15px;left:50%;transform: translate(-50%, 0); } .delivery-traecking-page .track-img-sec .sml-line ul li img{width:37.5px} .delivery-traecking-page .track-img-sec .big-line{background:#eeeeee;border-radius:3px;box-shadow: 0px 5px 5px rgba(220,220,220) inset;height:320px;overflow-y:scroll;margin-top:5px} .delivery-traecking-page .track-img-sec .big-line .location-box{padding:5px 0} .delivery-traecking-page .track-img-sec .big-line .location-box li{padding:9px 10px} .delivery-traecking-page .track-img-sec .big-line .location-box li:after{content:'';display:block; clear:both} .delivery-traecking-page .track-img-sec .big-line .location-box li .day-box{display: table-cell;vertical-align: middle;text-align:center ;width:60px} .delivery-traecking-page .track-img-sec .big-line .location-box li .day-box .date{font-size:0.813em;color:#000;letter-spacing:-0.5px} .delivery-traecking-page .track-img-sec .big-line .location-box li .day-box .time{font-size:0.688em;color:#999999;letter-spacing:-0.3px} .delivery-traecking-page .track-img-sec .big-line .location-box li .thum-img{display: table-cell; vertical-align: middle;width:60px;text-align:center;position:relative} .delivery-traecking-page .track-img-sec .big-line .location-box li .thum-img:after{content: '';display: block;height: 240%; width: 1px;position: absolute; background: #b6b6b6;left: 50%; margin-left: -0.5px;top: -100%;} .delivery-traecking-page .track-img-sec .big-line .location-box li:last-child .thum-img:after{top: -25%;height:150%} .delivery-traecking-page .track-img-sec .big-line .location-box li .thum-img .img-box{width:15px; height:15px;position:relative;display: inline-block;background: #fff; border-radius: 100%;border: 2px solid #fff;z-index:1;box-shadow: 2px 2px 5px #999999} .delivery-traecking-page .track-img-sec .big-line .location-box li.on .thum-img .img-box{border: 2px solid #1f75e2;} .delivery-traecking-page .track-img-sec .big-line .location-box li .thum-img .img-box img{width:30px; max-width:30px;} .delivery-traecking-page .track-img-sec .big-line .location-box li .thum-img .img-box span{position:absolute;top: 46%;left: 55%;transform: translate(-50%, -50%);} .delivery-traecking-page .track-img-sec .big-line .location-box li .thum-img .img-box span.off{opacity:1;transition:all 0.3s} .delivery-traecking-page .track-img-sec .big-line .location-box li .thum-img .img-box span.on{opacity:0;transition:all 0.3s} .delivery-traecking-page .track-img-sec .big-line .location-box li.on .thum-img .img-box span.off{opacity:0;transition:all 0.3s} .delivery-traecking-page .track-img-sec .big-line .location-box li.on .thum-img .img-box span.on{opacity:1;transition:all 0.3s} .delivery-traecking-page .track-img-sec .big-line .location-box li .info-box{display: table-cell; vertical-align: middle;} .delivery-traecking-page .track-img-sec .big-line .location-box li .info-box .tit{font-size:0.813em;color:#000;letter-spacing:-0.5px;} .delivery-traecking-page .track-img-sec .big-line .location-box li.on .info-box .tit{font-size:0.813em;color:#1f75e2;letter-spacing:-0.5px;font-weight:bold} .delivery-traecking-page .track-img-sec .big-line .location-box li .info-box .txt{font-size:0.688em;color:#999999;letter-spacing:-0.3px} .delivery-traecking-page .bn-sec{} .delivery-traecking-page .bn-sec .bn-slide{} .delivery-traecking-page .bn-sec .bn-slide .swiper-slide{} .delivery-traecking-page .bn-sec .bn-slide .swiper-slide img{width:100%;display:block} .delivery-traecking-page .bn-sec .bn-slide .swiper-pagination{z-index: 9;margin: 0;position: absolute;bottom: 5px;left: 10px;display: inline-block;} .delivery-traecking-page .bn-sec .bn-slide .swiper-pagination span{width:6px; height:6px; border-radius:100%; background:#fff;display:inline-block;margin:0 2px;opacity:0.5;transition:all 0.3s} .delivery-traecking-page .bn-sec .bn-slide .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;transition:all 0.3s} .delivery-traecking-page .goods_info_sec{padding:15px 0 15px} .delivery-traecking-page .goods_info_sec.on{padding:15px 0 0} .delivery-traecking-page .goods_info_sec .tit-line{padding:0 10px} .delivery-traecking-page .goods_info_sec .tit-line:after{content:'';display:block; clear:both} .delivery-traecking-page .goods_info_sec .tit-line .tit{font-size:0.938em; font-weight:bold;color:#000;float:left} .delivery-traecking-page .goods_info_sec .tit-line .tit span{width:23px; height:23px;background:#1f75e2; color:#fff; border-radius:100%; text-align:center; font-size:0.938em;font-weight:bold;display:inline-block;line-height:23px;margin-left:5px;padding-right: 1px;} .delivery-traecking-page .goods_info_sec .tit-line .arr{float:right;width:12px; height:15px;position:relative} .delivery-traecking-page .goods_info_sec .tit-line .arr i{position:absolute;right:0; top:10px} .delivery-traecking-page .goods_info_sec .tit-line .arr i.close{opacity:0} .delivery-traecking-page .goods_info_sec .tit-line .arr i.open{opacity:1;} .delivery-traecking-page .goods_info_sec.on .tit-line .arr i.close{opacity:1} .delivery-traecking-page .goods_info_sec.on .tit-line .arr i.open{opacity:0;} .delivery-traecking-page .goods_info_sec .tit-line .arr i img{width:11.5px;display:block} .delivery-traecking-page .goods_info_sec .cont-line{height:0;overflow:hidden;margin: 0;} .delivery-traecking-page .goods_info_sec.on .cont-line{height:auto;;overflow:auto; } .delivery-traecking-page .goods_info_sec .cont-line table{width:100%} .delivery-traecking-page .goods_info_sec .cont-line table tr{border-bottom:1px solid #c4cad6;} .delivery-traecking-page .goods_info_sec .cont-line table tr:last-child{border-bottom:0} .delivery-traecking-page .goods_info_sec .cont-line table tr th{text-align:left;font-size:0.875em; font-weight:400; color:#000; letter-spacing:-0.5px;padding:15px 0 ;padding-left:10px;vertical-align:middle} .delivery-traecking-page .goods_info_sec .cont-line table tr td{text-align:right;font-size:0.813em;color:#666666;letter-spacing:-0.5px;padding:15px 0;padding-right:10px;vertical-align:middle} .delivery-traecking-page .traking_info_sec{padding:15px 10px 15px} .delivery-traecking-page .traking_info_sec .tit-line{} .delivery-traecking-page .traking_info_sec .tit-line:after{content:'';display:block; clear:both} .delivery-traecking-page .traking_info_sec .tit-line .tit{font-size:0.938em; font-weight:bold;color:#000;float:left} .delivery-traecking-page .traking_info_sec .tit-line .tit span{width:23px; height:23px;background:#1f75e2; color:#fff; border-radius:100%; text-align:center; font-size:0.938em;font-weight:bold;display:inline-block;line-height:23px;margin-left:5px;padding-right: 1px;} .delivery-traecking-page .traking_info_sec .tit-line .arr{float:right;width:12px; height:15px;position:relative} .delivery-traecking-page .traking_info_sec .tit-line .arr i{position:absolute;right:0; top:10px} .delivery-traecking-page .traking_info_sec .tit-line .arr i.close{opacity:0} .delivery-traecking-page .traking_info_sec .tit-line .arr i.open{opacity:1;} .delivery-traecking-page .traking_info_sec.on .tit-line .arr i.close{opacity:1} .delivery-traecking-page .traking_info_sec.on .tit-line .arr i.open{opacity:0;} .delivery-traecking-page .traking_info_sec .tit-line .arr i img{width:11.5px;display:block} .delivery-traecking-page .traking_info_sec .cont-line{height:0;overflow:hidden;margin: 0;} .delivery-traecking-page .traking_info_sec.on .cont-line{margin-top:10px;height:auto;padding-bottom:15px;overflow:auto; } .delivery-traecking-page .traking_info_sec .cont-line table{width:100%} .delivery-traecking-page .traking_info_sec .cont-line table tr th{text-align:left;font-size:0.875em; font-weight:400; color:#000; letter-spacing:-0.5px;padding:2.5px 0 ;vertical-align:middle} .delivery-traecking-page .traking_info_sec .cont-line table tr td{text-align:right;;padding:2.5px 0;vertical-align:middle} .delivery-traecking-page .traking_info_sec .cont-line table tr td .box{position:relative;text-align:left;font-size:0.813em;color:#666666;letter-spacing:-0.5px;height:38px;line-height:36px; border:1px solid #dddddd;border-radius:3px;padding:0 5px} .delivery-traecking-page .traking_info_sec .cont-line table tr td img{height:100%;display:block} .delivery-traecking-page .traking_info_sec .cont-line table tr td .box i{position:absolute; right:0;height:100%; /*padding: 3px;*/} /* e:2019.11.28 배송조회 */ /*북마크 수정 작업*/ .mytail_plus .tabcontent .mark-item-box{padding:6px 15px 6px 14px;} .plus-shoping-list-box .logo-box.logo-box2{width:70%; text-align:left; float:left;} .plus-shoping-list-box .logo-box.logo-box2 img.logo-img{width:88px; margin-right:5px} .plus-shoping-list-box .logo-box.logo-box2 .bookmark-btn{right:auto; left:100px;} .plus-shoping-list-box .more-box.more-box2{width:30%; float:left; margin-top:0px; padding-right:0px; box-sizing:border-box;} .plus-shoping-list-box .more-box.more-box2 .more-btn-box .btn{width:34px; height:34px; line-height:34px; margin-right:5px; border-width:2px; float:right;} .plus-shoping-list-box .more-box.more-box2 .more-btn-box .move-btn{margin-right:0px; margin-left:5px; background-color:#e1e4e9 !important; display:none; transform:translateX(-50px);} .plus-shoping-list-box .more-box.more-box2 .more-btn-box .btn img{width:15px;vertical-align:middle;margin-top: -7px;margin-right:0px;} .plus-shoping-list-box .more-box.more-box2 .more-btn-box .btn.ui-sortable img{width:9px; vertical-align:middle; margin-top: -9.5px;margin-right:0px} .plus-shoping-list-box .more-box.more-box2 .more-btn-box .btn.btn-barket{position:relative;} .plus-shoping-list-box .more-box.more-box2 .more-btn-box .btn.btn-barket a i{position:absolute; top:-3px; left:8.5px;} .plus-shoping-list-box .more-box.more-box2 .more-btn-box .btn.btn-barket a img{width:16px;margin-top: -5px;margin-right:0px;} .plus-shoping-list-box .logo-box.logo-box .bookmark-btn2{right:auto; left:100px; position: absolute;text-align: right;color: #000;top: 50%;letter-spacing: -0.5px; transform: translate(0, -50%); font-size:12px;} .plus-shoping-list-box .logo-box .bookmark-btn2 img{width:16px;vertical-align: middle;margin-top: -3px;} .plus-shoping-list-box .logo-box .bookmark-btn2 .bookmark-img .on{top: 4px;} .plus-shoping-list-box.ebay-box .more-box.more-box2 .more-btn-box .move-btn{background-color:#96cb3a;} .plus-shoping-list-box.gap-box .more-box.more-box2 .more-btn-box .move-btn{background-color:#7bbefd;} .plus-shoping-list-box.ralphlauren-box .more-box.more-box2 .more-btn-box .move-btn{background-color:#7b7dfd;} .plus-shoping-list-box.amazon-box .more-box.more-box2 .more-btn-box .move-btn{background-color:#fca451;} .plus-shoping-list-box.taobao-box .more-box.more-box2 .more-btn-box .move-btn{background-color:#f9e5bb;} .plus-shoping-list-box.joesnewbalanceoutlet-box .more-box.more-box2 .more-btn-box .move-btn{background-color:#ff5e6d;} .plus-shoping-list-box.dyson-box .more-box.more-box2 .more-btn-box .move-btn{background-color:#6cfae2;} .plus-shoping-list-box.zumba-box .more-box.more-box2 .more-btn-box .move-btn{background-color:#d1c68c;} .plus-shoping-list-box.gnc-box .more-box.more-box2 .more-btn-box .move-btn{background-color:#ecf33a;} .plus-shoping-list-box.lowes-box .more-box.more-box2 .more-btn-box .move-btn{background-color:#70cfab;} .plus-shoping-list-box.amazon-box .logo-box.logo-box2 img.logo-img{margin-top:5px;} .plus-shoping-list-box.taobao-box .logo-box.logo-box2 img{margin-left:-3px;} .plus-shoping-list-box.gap-box .logo-box img.logo-img{ vertical-align:middle;} .plus-shoping-list-box.gap-box .logo-box.logo-box2 .bookmark-btn{left:100px;} .btn_best{width:auto !important; height:34px; line-height:28px !important; font-size:0.813em; font-weight:normal; border:2px solid #333 !important; color:#000; padding:0px 7px; margin-right:7px !important; letter-spacing:-1px; display: inline-block; box-sizing: border-box;} .btn_best a{font-weight:bold;} .plus-shoping-list-box .more-box.more-box2 .more-btn-box .btn.btn_best a {font-size:0.9em} .plus-list_text{width:100%; /* height:42px; */ padding:2px 20px 5px 0px; box-sizing:border-box; position:relative;} .plus-list_text .plus-list_text_inner{/* height:25px; */ line-height:24px; color:#6b5916; font-size:0.78em; font-weight:bold; background-color:#eeeeee; border-radius:5px; padding:5px 10px; display:inline-block;} .plus-list_text .plus-list_text_inner:after{content: "";position: absolute; top:-6px; left: 45px; border-width: 0px 5px 10px 5px; border-style: solid; border-color: #eeeeee transparent;display: block;width: 0;} .plus-list_text.type02{padding:10px 20px 5px 0px;} .plus-list_text.type02 .plus-list_text_inner{background-color:#eeeeee;} .plus-list_text.type02 .plus-list_text_inner:after{border-color: #eeeeee transparent; top:1px;} .btn_realtime {width:auto !important; height:34px; line-height:28px !important; font-size:12px; font-weight:normal; border:2px solid #e1e4e9 !important; color:#ff4330 !important; padding:0px 5px; margin-right:7px !important; letter-spacing:-1px; display: inline-block; box-sizing: border-box;} .btn_realtime a {font-weight:bold; color:#000000 !important; font-size:12px !important;} /*쿠폰 페이지 리뉴얼*/ .new_coupon_wrap{width:100%; overflow:hidden;} .new_coupon_wrap .coupon_top{width:100%; padding:0px 15px 15px 15px; box-sizing:border-box; background-color:#fff; overflow:hidden; border-bottom:1px solid #ccc;} .new_coupon_wrap .coupon_top .text_box{width:100%; padding-bottom:20px; position:relative;} .new_coupon_wrap .coupon_top .text_box div{width:100%; height:100%; background-color:#cbebf9; padding:10px; border-radius:5px; box-sizing:border-box; font-size:0.8em;} .new_coupon_wrap .coupon_top .text_box div > h5{font-size:1.2em; padding-bottom:5px;} .new_coupon_wrap .coupon_top .text_box div > span{color:#f50129; font-weight:bold;} .new_coupon_wrap .coupon_top .text_box img{width:20px; position:absolute; bottom:3px; right:20px;} .new_coupon_wrap .top_info{width:100%; padding:0px 10px; box-sizing:border-box; overflow:hidden;} .new_coupon_wrap .top_info .text{width:60%; padding-top:20px; float:left;} .new_coupon_wrap .top_info .text p{font-size:13px;} .new_coupon_wrap .top_info .text p strong{font-size:16px;} .new_coupon_wrap .top_info .text p strong.small{font-size:13px;} .new_coupon_wrap .top_info .text p span{color:#f50129; font-weight:bold;} .new_coupon_wrap .top_info .text p i{font-style:normal; font-size:2em; color:#1b72e3; font-weight:bold; } .new_coupon_wrap .top_info .img{width:40%; float:left;} .new_coupon_wrap .coupon_info_txt {width:100%; padding:5px 15px 0; box-sizing:border-box; background-color:#fff; overflow:hidden;} .new_coupon_wrap .coupon_info_txt p {font-size:13px;} .new_coupon_wrap .coupon_info_txt p:last-child {padding-bottom:5px; border-bottom:1px dashed #caccd8;} .new_coupon_wrap .coupon_banner {display:block; padding-top:5px; margin-bottom:5px; border-bottom:1px solid #ccc; overflow:hidden;} .new_coupon_wrap .coupon_banner.event-list .swiper-wrapper .swiper-slide a img {width:100%; height:auto; vertical-align:middle;} .new_coupon_wrap .coupon_btns{width:100%; margin-bottom:10px; overflow:hidden;} .new_coupon_wrap .coupon_btns ul{width:100%; background-color:#fff6c5;} .new_coupon_wrap .coupon_btns ul li{width:100%; height:60px; line-height:60px; padding:0px 15px; border-bottom:1px solid #ddd5ab; box-sizing:border-box; overflow:hidden;} .new_coupon_wrap .coupon_btns ul li a {width:100%; height:100%; display:block;} .new_coupon_wrap .coupon_btns ul li a i{width:22px; height:100%; text-align:center; display:inline-block; float:left;} .new_coupon_wrap .coupon_btns ul li a i img{margin-top:16px;} .new_coupon_wrap .coupon_btns ul li a span{display:inline-block; color:#6b4906; font-size:1em; text-indent:15px; font-weight:bold; float:left;} .new_coupon_wrap .coupon_btns ul li a em{width:10px; height:100%; display:inline-block; float:right;} .new_coupon_wrap .coupon_btns ul li a em img{margin-top:19px;} .new_coupon_wrap .coupon_info{width:100%; padding:15px; background-color:#fff; box-sizing:border-box; overflow:hidden;} .new_coupon_wrap .coupon_info .info_text{width:70%; float:left;} .new_coupon_wrap .coupon_info .info_text h6{width:100%; font-size:1.0em; font-weight:bold; padding-bottom:20px;} .new_coupon_wrap .coupon_info .info_text h6 span{display:inline-block; background:url('/img/v4/mytails/coupon/text_bg.png') repeat-x 0 14px; background-size:2px 30%;} .new_coupon_wrap .coupon_info .info_text p{font-size:0.9em; padding-bottom:5px;} .new_coupon_wrap .coupon_info .info_text a{height:26px; line-height:26px; border:1px solid #dfdfdf; border-radius:3px; display:inline-block; padding:0 8px; color:#666; font-size:0.688em;} .new_coupon_wrap .coupon_info .info_text a img{width:8px; margin-left:20px; margin-top:6px;} .new_coupon_wrap .coupon_info .info_img{width:30%; float:left;} .new_coupon_wrap .coupon_info .info_img img{margin-top:15px;} .new_coupon_wrap .top_info.type2{width:100%; height:60px; padding:15px 10px; background-color:#fff; overflow:hidden;} .new_coupon_wrap .top_info.type2 .ti_text{width:65%; height:100%; line-height:30px; float:left;} .new_coupon_wrap .top_info.type2 #sort-list{width:35%; float:left;} .new_coupon_wrap .coupon_list{width:100%; overflow:hidden;} .new_coupon_wrap .coupon_list ul{width:100%;} .new_coupon_wrap .coupon_list ul li{width:100%; padding:15px 10px; background-color:#fff; border-bottom:1px solid #d0d6e2; margin-bottom:10px; box-sizing:border-box; overflow:hidden;} .new_coupon_wrap .coupon_list ul li .coupon_img{width:120px; margin-right:15px; position:relative; float:left;} .new_coupon_wrap .coupon_list ul li .coupon_img img{width:100%;} .new_coupon_wrap .coupon_list ul li .coupon_img .ci_price{width:100%; height:40px; font-size:13px; font-weight:bold; position:absolute; top:13px; left:0px; text-align:center;} .new_coupon_wrap .coupon_list ul li .coupon_img .ci_price strong{font-size:33px;} .new_coupon_wrap .coupon_list ul li .coupon_img .ci_text{width:100%; font-size:20px; color:#1b72e3; position:absolute; top:55px; left:0px; text-align:center; font-weight:bold; letter-spacing:-1px;} .new_coupon_wrap .coupon_list ul li .coupon_img .ci_btn{width:100%; height:48px; line-height:48px; position:absolute; bottom:0px; left:0px; background-color:#333; color:#fff; text-align:center;} .new_coupon_wrap .coupon_list ul li .coupon_img .ci_btn a{color:#fff; font-size:15px; letter-spacing:-1px;} .new_coupon_wrap .coupon_list ul li .coupon_img .ci_btn a img{width:6px; margin-top:20px; margin-left:5px;} .new_coupon_wrap .coupon_list ul li .coupon_text{width:calc(100% - 135px); padding-top:5px; float:left;} .new_coupon_wrap .coupon_list ul li .coupon_text h6{width:100%; font-size:1em; padding-bottom:5px;} .new_coupon_wrap .coupon_list ul li .coupon_text p{width:100%; font-size:0.9em; margin-bottom:5px; letter-spacing:-1px;} .new_coupon_wrap .coupon_list ul li .coupon_text a{height:26px; line-height:26px; display:inline-block; border:1px solid #e1e1e1; border-radius:3px; padding:0px 10px; font-size:0.8em; color:#666;} .new_coupon_wrap .coupon_list ul li .coupon_text a img{width:6px; margin-top:8.5px; margin-left:5px;} .detail_popup{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999; display:none;} .detail_popup .dp_inner{width:90%; height:480px; background-color:#fff; position:absolute; top:105%; left:5%; padding:2% 5% 5%; box-sizing:border-box; z-index:3; overflow-y:scroll;} .detail_popup .dp_inner h6{width:100%; height:60px; position:relative; border-bottom:2px solid #000;} .detail_popup .dp_inner h6 .dp_img{width:50px; position:absolute; bottom:-5px; left:10px;} .detail_popup .dp_inner h6 .dp_img img{width:100%;} .detail_popup .dp_inner h6 span{width:100%; height:100%; display:inline-block; line-height:60px; font-size:1.8em; color:#1860ff; font-weight:bold; text-align:center;} .detail_popup .dp_inner h6 .dp_close{width:20px; height:20px; position:absolute; top:10px; right:0px; cursor:pointer;} .detail_popup .dp_inner h6 .dp_close img{width:100%;} .detail_popup .dp_inner ul{width:100%; text-align:center; overflow:hidden; padding-top:15px;} .detail_popup .dp_inner ul li{width:100%; padding:10px 0px; display:inline-block; text-align:center; border-bottom:1px solid #ddd; overflow:hidden; margin-bottom:0;} .detail_popup .dp_inner ul li .dp_tit{width:30%; padding-left:5px; text-align:left; box-sizing:border-box; font-weight:bold; font-size:12px; float:left;} .detail_popup .dp_inner ul li .dp_con{width:70%; text-align:left; font-size:13px; float:left;} .detail_popup .dp_inner .btn_confirm{width:100%; padding:15px 0px; text-align:center;} .detail_popup .dp_inner .btn_confirm a{display:inline-block; padding:5px 50px; background-color:#046ab4; color:#fff; } .detail_popup > .dp_bg{width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0px; left:0px; z-index:2;} .transfer_popup{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999; display:none;} .transfer_popup .tp_inner{width:90%; background-color:#fff; position:absolute; top:105%; left:5%; padding:2% 5% 5%; box-sizing:border-box; z-index:3; overflow-y:scroll;} .transfer_popup .tp_inner h6{width:100%; height:60px; position:relative; border-bottom:2px solid #000;} .transfer_popup .tp_inner h6 .tp_img{width:50px; position:absolute; bottom:-5px; left:10px;} .transfer_popup .tp_inner h6 .tp_img img{width:100%;} .transfer_popup .tp_inner h6 span{width:100%; height:100%; display:inline-block; line-height:60px; font-size:1.8em; color:#1860ff; font-weight:bold; text-align:center;} .transfer_popup .tp_inner h6 .tp_close{width:20px; height:20px; position:absolute; top:10px; right:0px; cursor:pointer;} .transfer_popup .tp_inner h6 .tp_close img{width:100%;} .transfer_popup .tp_inner .tp_con{width:100%;padding:15px; box-sizing:border-box;} .transfer_popup .tp_inner .tp_con .con_inner{width:100%; overflow:hidden;} .transfer_popup .tp_inner .tp_con .con_inner input{width:calc(100% -2px); height:35px; border:1px solid #ddd; border-radius:3px; margin-bottom:10px; text-indent:5px;} .transfer_popup .tp_inner .tp_con .con_inner button{width:100%; height:37px; background-color:#333; color:#fff; border-radius:3px;} .transfer_popup .tp_inner .tp_con .tp_text{width:100%; font-size:12px; color:#000; padding-top:15px; letter-spacing:-1px;} .transfer_popup > .tp_bg{width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0px; left:0px; z-index:2;} .new_coupon_wrap .operation_guide{width:100%; } .new_coupon_wrap .operation_guide dl{width:100%; overflow:hidden;} .new_coupon_wrap .operation_guide dl dt{width:100%; padding:15px; box-sizing:border-box; background-color:#fff; margin-bottom:10px;} .new_coupon_wrap .operation_guide dl dt img{margin-bottom:10px;} .new_coupon_wrap .operation_guide dl span{color:#ff4330; font-weight:bold;} .new_coupon_wrap .operation_guide dl p{font-size:13px; letter-spacing:-1px;} .new_coupon_wrap .operation_guide dl .s_text{color:#999; font-size:12px;} .new_coupon_wrap .operation_guide dl dd{width:100%; padding:20px 15px; margin-bottom:10px; background-color:#fff; box-sizing:border-box;} /*다해줌 플러스 베스트 상품*/ .dh_best_wrap{width:100%; overflow:hidden;} .dh_best_wrap .dh_bset_head{width:100%; background-color:#fff;} .dh_best_wrap .dh_bset_head .dh_head_inner{width:100%; height:50px; padding:0px 15px; border-bottom:2px solid #000; box-sizing:border-box; position:relative;} .dh_best_wrap .dh_bset_head .dh_head_inner .dh_close{width:30px; height:100%; line-height:50px; text-align:left; font-size:32px; overflow:hidden; font-family:'dotum','돋음'; float:left;} .dh_best_wrap .dh_bset_head .dh_head_inner .dh_logo{width:calc(100% - 60px); height:100%; line-height:50px; text-align:center; float:left;} .dh_best_wrap .dh_bset_head .dh_head_inner .dh_logo img{max-height:28px; vertical-align:middle;} .dh_best_wrap .dh_bset_head .dh_head_inner .dh_bmark{width:30px; height:100%; line-height:50px; text-align:right; float:left; cursor:pointer;} .dh_best_wrap .dh_bset_head .dh_head_inner .dh_bmark img{margin-top:10px;} .dh_best_wrap .dh_bset_head .dh_head_inner .dh_tballoon{position:absolute; bottom:-40px; right:10px; z-index:99;} .dh_best_wrap .dh_bset_head .dh_head_inner .dh_tballoon p{height:25px; line-height:24px; color:#000; font-size:0.78em; background-color:#cbf9d5; border-radius:5px; padding:5px 10px; display:inline-block; box-shadow:3px 3px 3px rgba(0,0,0,0.2);} .dh_best_wrap .dh_bset_head .dh_head_inner .dh_tballoon p:after{ content: ""; position: absolute; top: -10px; right:15px; border-width: 0px 5px 10px 5px; border-style: solid; border-color: #cbf9d5 transparent; display: block;width: 0;} .dh_best_wrap .dh_bset_head .dh_head_text{width:100%; padding:15px; box-sizing:border-box; background-color:#ffecea; text-align:center; font-size:13px;} .dh_best_wrap .dh_bset_head .dh_head_nav{width:100%; height:64px; padding:15px 15px; box-sizing:border-box;} .dh_best_wrap .dh_bset_head .dh_head_nav ul{width:100%; height:100%; overflow:hidden; overflow-x:auto; white-space:nowrap; text-align:left; -ms-overflow-style:none; scrollbar-width:none;} .dh_best_wrap .dh_bset_head .dh_head_nav ul::-webkit-scrollbar{display:none;} .dh_best_wrap .dh_bset_head .dh_head_nav ul li{min-width:94px; height:30px; line-height:30px; padding:0 7px; display:inline-block; border:2px solid #e1e4e9; text-align:center; color:#000; font-size:13px; margin-right:2px;} .dh_best_wrap .dh_bset_head .dh_head_nav ul li.active{border:2px solid #ff4330; color:#ff4330;} .dh_best_wrap .dh_content{width:100%; background-color:#f2f2f0; overflow:hidden;} .dh_best_wrap .dh_content ul{width:100%; overflow:hidden; margin-bottom:50px;} .dh_best_wrap .dh_content ul > li{width:100%; padding:15px; box-sizing:border-box; background-color:#fff; margin-bottom:10px; border-bottom:1px solid #dadad8;} .dh_best_wrap .dh_content ul > li .item_list{width:100%;} .dh_best_wrap .dh_content ul > li .item_list h5{width:100%; font-size:20px; font-weight:bold; padding-bottom:20px;} .dh_best_wrap .dh_content ul > li .item_list h5 span{border-bottom:2px solid #000;} .dh_best_wrap .dh_content ul > li .item_list h5 p{font-size:12px; color:#999; font-weight:normal; margin-top:15px; float:right;} .dh_best_wrap .dh_content ul > li .item_list h5 p img{width:14px; vertical-align:middle;} .dh_best_wrap .dh_content ul > li .item_list ol{width:100%;overflow:hidden; overflow-x:auto; white-space:nowrap; text-align:left; -ms-overflow-style:none; scrollbar-width:none;} .dh_best_wrap .dh_content ul > li .item_list ol::-webkit-scrollbar{display:none;} .dh_best_wrap .dh_content ul > li .item_list ol li{width:130px; height:230px; display:inline-block; margin-right:5px;} .dh_best_wrap .dh_content ul > li .item_list ol li a .prd_img{width:130px; height:160px;} .dh_best_wrap .dh_content ul > li .item_list ol li a .prd_img span{width:100%; height:100%; display:inline-block; background-size:cover; background-repeat:no-repeat; background-position:center center;} .dh_best_wrap .dh_content ul > li .item_list ol li a .prd_info{width:100%; padding-top:5px;} .dh_best_wrap .dh_content ul > li .item_list ol li a .prd_info .prd_name{width:100%; height:35px; font-size:14px; white-space:normal;} .dh_best_wrap .dh_content ul > li .item_list ol li a .prd_info .prd_price{width:100%; height:25px; padding-top:5px; font-size:13px;} .dh_best_wrap .dh_content ul > li .item_list ol li a .prd_info .prd_price strong{font-size:20px;} .dh_best_wrap .dh_footer{width:100%; height:50px; position:fixed; bottom:0px; left:0px; z-index:99;} .dh_best_wrap .dh_footer .btns{width:100%; height:100%; overflow:hidden;} .dh_best_wrap .dh_footer .btns p{height:100%; float:left;} .dh_best_wrap .dh_footer .btns p a{width:100%; height:100%; line-height:50px; font-weight:bold; color:#fff; display:inline-block; text-align:center; font-size:16px;} .dh_best_wrap .dh_footer .btns p img{width:18px; vertical-align:middle; margin-top:-3px; margin-right:3px;} .dh_best_wrap .dh_footer .btns .btn_book{width:40%; background-color:#000;} .dh_best_wrap .dh_footer .btns .btn_shop{width:60%; background-color:#ff4330;} .dh_best_wrap .dh_footer .btn01{} .dh_best_wrap .dh_footer .btn02 .btn_shop{width:100%; } /*통합 장바구니*/ .unite_basket{width:100%; height:80px; border-top:1px solid #bbc0cd; margin-top:15px; padding-top:15px;} .unite_basket .ub_inner{width:100%; height:100%; position:relative;} .unite_basket .ub_inner > .ub_btn{width:80px; height:80px; display:inline-block; background-color:#1f75e2; text-align:center; border-radius:3px; position:absolute; top:0px; left:0px;} .unite_basket .ub_inner > .ub_btn a{width:100%; height:100%; display:inline-block; color:#fff;} .unite_basket .ub_inner > .ub_btn a h6{width:100%; font-size:13px; font-weight:bold; padding-top:13px; padding-bottom:5px;} .unite_basket .ub_inner > .ub_btn a span{width:24px; height:24px; display:inline-block; background-color:#fff; border-radius:50%; text-align:center;} .unite_basket .ub_inner > .ub_btn a span img{width:8px; margin-top:5px; margin-right:-1px;} .unite_basket .ub_inner > ol{width:100%; height:80px; padding-left:83px; overflow:hidden; overflow-x:auto; white-space:nowrap; line-height:normal; -ms-overflow-style:none;scrollbar-width:none;} .unite_basket .ub_inner > ol::-webkit-scrollbar{display:none;} .unite_basket .ub_inner > ol li{width:78px; height:78px; display:inline-block; margin-right:0px; border:1px solid #dee4ee;} .unite_basket .ub_inner > ol li a{width:100%; height:100%; display:inline-block;} .unite_basket .ub_inner > ol li a span{width:100%; height:100%; display:inline-block; background-size:cover; background-repeat:no-repeat; background-position:center center;} .plus-shoping-list-box .more-box .more-btn-box .btn.on{background-color:#000; border:2px solid #000;} .ub_cart_wrap{width:100%; overflow:hidden; padding-bottom:200px;} .ub_cart_wrap .ub_cart{width:100%;} /*공통부분*/ /* .ub_cart_wrap .ub_cart .mark-check-btn{width:35px; height:35px; display: inline-block;vertical-align:top; overflow:hidden; position:relative; float:left;} .ub_cart_wrap .ub_cart .mark-check-btn input[type="checkbox"]{display:none} .ub_cart_wrap .ub_cart .mark-check-btn input[type="checkbox"] + label{display: inline-block;width: 35px !important; height: 35px !important; cursor: none; border-radius: 0 !important;background: none !important;} .ub_cart_wrap .ub_cart .mark-check-btn input[type="checkbox"] + label span {position: absolute;;background-image:url('/img/v4/mytails/bookmark_check_off.png');width:35px !important;height:35px; background-size:100%;display:inline-block;cursor:pointer; box-sizing: border-box; top: 50% !important; margin-top: -17.5px !important; left:0px !important;} .ub_cart_wrap .ub_cart .mark-check-btn input[type="checkbox"]:checked + label span {background-image:url('/img/v4/mytails/bookmark_check_on.png');width:35px;height:35px; background-size:100%;display:inline-block} */ .ub_cart_wrap .ub_cart .mark-check-btn{width:25px; height:25px; margin-top:5px; display: inline-block;vertical-align:top; overflow:hidden; position:relative; float:left;} .ub_cart_wrap .ub_cart dd .mark-check-btn{width:35px; height:35px;} .ub_cart_wrap .ub_cart .mark-check-btn input[type="checkbox"]{width:100%; height:100%; display:block !important; opacity:0; position:absolute; top:0px; left:0px; z-index:2;} .ub_cart_wrap .ub_cart .mark-check-btn span{width:100%; height:100%; display:inline-block; position:absolute; top:0px; left:0px; background-image:url('/img/v4/mytails/bookmark_check_off.png'); background-size:100%; } .ub_cart_wrap .ub_cart .mark-check-btn input[type="checkbox"]:checked + span{background-image:url('/img/v4/mytails/bookmark_check_on.png');width:27px;height:27px; background-size:100%;} .ub_cart_wrap .ub_cart dd .mark-check-btn input[type="checkbox"]:checked + span{width:35px;height:35px;} .ub_cart_wrap .ub_cart .cart_top{width:100%; height:55px; padding:10px; position:relative; background-color:#fff; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #d0d6e2;} .ub_cart_wrap .ub_cart .cart_top.fixed{position:fixed; top:0px; left:0px; z-index:99;} .ub_cart_wrap .ub_cart .cart_top h6{ height:100%; line-height:35px; padding-left:10px; display:inline-block;font-size:16px; font-weight:bold; float:left;} .ub_cart_wrap .ub_cart .cart_top h6 i{font-style:normal;} .ub_cart_wrap .ub_cart .cart_top .allDell_btn{width:65px; height:32px; line-height:32px; font-size:13px; border:1px solid #000; text-align:center; letter-spacing:-1px; float:right;} .ub_cart_wrap .ub_cart .cart_top .allOpen_btn{width:72px; height:32px; line-height:32px; font-size:13px; border:1px solid #aaa; text-align:center; letter-spacing:-1px; background-color:#ddd; margin-right:5px; float:right;} .ub_cart_wrap .ub_cart .cart_top .allOpen_btn img{width:16px; margin-right:5px; vertical-align:middle; margin-top:-1px;} .ub_cart_wrap .ub_cart .cart_list{width:100%; overflow:hidden;} .ub_cart_wrap .ub_cart .cart_list dl{width:100%; margin-bottom:7px;} .ub_cart_wrap .ub_cart .cart_list dl dt{width:100%; height:56px; padding:10px; box-sizing:border-box; background-color:#fff; border-bottom:1px solid #d0d6e2; overflow:hidden; } .ub_cart_wrap .ub_cart .cart_list dl dt .list_logo{width:80px; height:100%; line-height:35px; display:inline-block; margin-left:10px; float:left;} .ub_cart_wrap .ub_cart .cart_list dl dt .list_logo img{width:auto; max-height:22px; vertical-align:middle; margin-top:-3px;} .ub_cart_wrap .ub_cart .cart_list dl dt .more_btn{min-width:140.7px; height:100%; display:inline-block; overflow:hidden; border:1px solid #e1e4e9; font-size:13px; margin-top:-1px; float:right;} .ub_cart_wrap .ub_cart .cart_list dl dt .more_btn span{height:100%; line-height:35px; display:inline-block; vertical-align:middle;} .ub_cart_wrap .ub_cart .cart_list dl dt .more_btn span i{font-style:normal; color:#ff4330; font-weight:bold;} /* .ub_cart_wrap .ub_cart .cart_list dl dt .more_btn .more_btn_basket{padding-left:10px;} .ub_cart_wrap .ub_cart .cart_list dl dt .more_btn .more_btn_basket img{width:18px; vertical-align:middle; margin-right:5px;} */ .ub_cart_wrap .ub_cart .cart_list dl dt .more_btn .shop-cnt{padding-left:6px;} .ub_cart_wrap .ub_cart .cart_list dl dt .more_btn .shop-cnt img{width:18px; vertical-align:middle; margin-right:5px; margin-top:-4px;} .ub_cart_wrap .ub_cart .cart_list dl dt .more_btn .open_btn{width:25px; height:35px; text-align:center; float:right;} .ub_cart_wrap .ub_cart .cart_list dl dt .more_btn .open_btn > img{width:12px; margin-top:14px;} .ub_cart_wrap .ub_cart .cart_list dl dd{width:100%; overflow:hidden; display:none;} .ub_cart_wrap .ub_cart .cart_list dl dd .goods-info_inner{width:100%; padding:15px 10px; background-color:#f1f3f6; overflow:hidden; box-sizing:border-box; border-bottom:1px solid #d0d6e2;} .ub_cart_wrap .ub_cart .cart_list dl dd .goods-info_textbox{width:100%; background-color:#fffcd8; color:#6a4807; font-size:12px; padding:10px; box-sizing:border-box;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_btn{width:45px; height:100%; float:left;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_btn >.mark-check-btn{margin-top:26px;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap{width:calc(100% - 45px); height:100%; float:right; overflow:hidden;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_img{width:85px; height:125px; float:left;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_img span{width:83px; height:83px; background-position:center center; background-size:cover; background-repeat:no-repeat; border:1px solid #dee4ee; display:inline-block;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_img i{width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; background-color:rgba(0,0,0,0.5); display:none;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_img .prd_del{width:76px; height:24px; border:1px solid #dedede; background-color:#fff; margin-top:10px; margin-left:3.5px;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_img .prd_del a{width:100%; height:24px; line-height:23px; text-align:center; display:inline-block; font-size:12px; color:#aaa;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info{width:calc(100% - 97px); float:right;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_name{width:100%; font-size:13px; height:33px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_name a{width:100%;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_price{width:100%; height:22px; padding:6px 0px 5px 0px;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_price .price{font-weight:bold; color:#1f75e2; margin-right:8px; font-size:16px;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .goods_option{width:100%; padding-bottom:8px;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .goods_option ul{width:100%;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .goods_option ul li{width:100%; padding:5px 0px; color:#ff4330; border-bottom:1px solid #d0d6e2; font-size:11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .goods_option ul li:last-child{border-bottom:0px;} /*기존 수량*/ /* .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_num{width:100%; padding-bottom:15px; color:#64696e;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_num strong{color:#000;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_btns{width:100%; height:40px; overflow:hidden;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_btns a{color:#fff;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_btns .btn_switch{width:49%; height:100%; line-height:38px; text-align:center; background-color:#000; float:left;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_btns .btn_pay{width:49%; height:100%; line-height:38px; text-align:center; background-color:#ff4330; float:right;} */ .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_option{width:100%; height:30px; overflow:hidden;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_option .prd_num{height:100%; display:inline-block; float:left;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_option .prd_num .num_btn{width:28px; height:28px; line-height:28px; border:1px solid #e1e4e9; text-align:center; font-weight:bold; font-size:20px; background-color:#fff; float:left; cursor:pointer;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_option .prd_num .num_btn.minus{font-size:30px;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_option .prd_num .num_count{width:40px; height:28px; border:1px solid #e1e4e9; border-radius:3px; margin:0px 3px; float:left;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_option .prd_num .num_count input{width:100%; height:28px; text-align:center; font-weight:bold; border:none; font-size:0.9em; line-height:28px;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_btns{width:55px; height:30px; overflow:hidden; float:right;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_btns .btn_switch{width:100%; height:100%; text-align:center; background-color:#c1c2c5; color:#fff; float:left;} .ub_cart_wrap .ub_cart .cart_list dl dd .prd_wrap .prd_info .prd_btns .btn_switch a{width:100%; height:100%; display:inline-block; color:#fff; font-size:12px; letter-spacing:-1px; line-height:30px; } .ub_cart_wrap .ub_cart .cart_list dl dd.on .prd_wrap .prd_img span{opacity:0.5;} .ub_cart_wrap .ub_cart .cart_list dl dd.on .prd_wrap .prd_img a i{display:inline-block;} .ub_cart_wrap .ub_cart .cart_list dl dd.on .prd_wrap .prd_info .prd_price .price{color:#999;} .ub_cart_wrap .ub_cart .cart_list dl dd.on .prd_wrap .prd_info .prd_btns .btn_pay{background-color:#ccc;} .ub_cart_wrap .ub_cart .cart_list dl dd .result_text{width:100%;font-size: 0.875em;overflow:hidden; padding-top:15px;} .ub_cart_wrap .ub_cart .cart_list dl dd .result_text ol{width:100%; padding:5px; background-color: #DEEBF7; overflow:hidden; box-sizing:border-box; } .ub_cart_wrap .ub_cart .cart_list dl dd .result_text ol li{float:left;} .ub_cart_wrap .ub_cart .cart_list dl dd .result_text ol li strong{color: #473f75; font-size:0.85em; display:inline-block;} .ub_cart_wrap .ub_cart .cart_list dl dd .result_text ol li.question_mark{width:20px; float:right;} .ub_cart_wrap .ub_cart .cart_list .goods_cart3{width:100%; box-sizing:border-box; padding:10px; letter-spacing:-1px; font-size:13px;} .ub_cart_wrap .ub_cart .cart_list .goods_cart3 p{margin-bottom:5px;} .ub_cart_wrap .cart_fix_btn{width:100%; height:45px; line-height:43px; background-color:#ff4330; text-align:center; position:fixed; bottom:0px; left:0px; z-index:90;} .ub_cart_wrap .cart_fix_btn a{color:#fff; font-size:15px; font-weight:bold;} .ub_cart_wrap .cart_fix_btn a span{color:#ffff00; font-size:20px; font-weight:bold;} .ub_cart_wrap .cart_fix_btn .btn_pay_text{width:250px; height:30px; position:absolute; top:-35px; left:50%; margin-left:-125px; background-color:rgba(0,0,0,0.8); text-align:center; color:#fff;} .ub_cart_wrap .cart_fix_btn .btn_pay_text p{width:100%; height:100%; line-height:28px; font-size:13px; letter-spacing:-1px;} .ub_cart_wrap .cart_fix_btn .btn_pay_text img{width:20px; position:absolute; bottom:-20px; left:50%; margin-left:-10px;} .ub_cart_wrap .cart_fix_btn .btn_pay_text .pay_text_arr{width:14px; height:2px; display:inline-block; background-color:rgba(0,0,0,0.8); position:absolute; bottom:-2px; left:50%; margin-left:-7.5px;} .ub_cart_wrap .cart_fix_btn .btn_pay_text .pay_text_arr:after{content:''; position:absolute; width:0px; height:0px; border-style:solid; border-width:13px 13px; border-color:#2e2e2f transparent transparent; top:2px; left:-5.25px;} .ub_cart_wrap .cart_fix_btn .btn_point{width:25px; height:25px; position:absolute; right:10px; bottom:10px;} .ub_cart_wrap .btn_point_text{width:50px; height:25px; line-height:25px; position:fixed; right:10px; bottom:10px; z-index:99;} .ub_cart_wrap .btn_point_text a{width:100%; height:100%; display:inline-block; text-align:right; color:#ffff00; font-weight:normal;} .ub_top_text{display:inline-block; padding:8px 9px 2px 10px; background-color:#cbebf9; border-radius:3px; margin-left:28px; margin-bottom:10px; margin-top:-3px; position:relative;} .ub_top_text:after { content: ''; display: block; position: absolute; left: 25px; top: -8px; width: 0; height: 0; border-bottom: 8px solid #cbebf9; border-left: 6px solid transparent; border-right: 6px solid transparent; transform: translate(50% , 0); } .ub_top_text p{font-size:12px; padding-bottom:6px;} .ub_top_text p:first-child{padding-bottom:0px;} /* .ub_cart_wrap .ub_cart .cart_tab{width:100%; padding:0px 10px; background-color:#fff; box-sizing:border-box;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner{width:100%; height:60px; padding:5px; box-sizing:border-box; background-color:#ddd; border-radius:3px; } .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul{width:100%; height:100%;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li{width:calc(100% / 3); height:100%; float:left;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li a{width:100%; height:100%; line-height:50px; display:inline-block; text-align:center; font-size:16px; color:#999;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li a img{width:32px; vertical-align:middle; margin-right:5px; margin-top:-3px;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li.on{background-color:#1f75e2; border-radius:3px; box-shadow:2px 2px 2px rgba(0,0,0,0.4);} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li.on a{color:#fff; font-weight:bold;} */ .ub_cart_wrap .ub_cart .cart_tab{width:100%; background-color:#fff;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner{width:100%; height:63px; } .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul{width:100%; height:60px;border-bottom: 3px solid #caccd8; border-top:0px;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li{width:calc(100% / 5); height:100%; float:left; position: relative;text-align: center; border-bottom: 0px; border-left: 1px solid #caccd8;border-right: 0px; border-top: 0.5px solid #caccd8;box-sizing: border-box;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li:after{content: '';position: absolute;left: 0px;right: 0px;bottom: -3px;border-bottom: 0px;z-index: 3;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li a{width:100%; height:100%; display:inline-block; text-align:center; font-size:16px; color:#000;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li a img{width:30px; margin-top:11%;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li a span{width:100%; margin-top:5px; display:inline-block; font-size:14px;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li.on{border: 3px solid #caccd8;border-bottom: none; box-sizing: border-box;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li.on:after{border-bottom:3px solid #fff;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li.on a{font-weight:bold;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li:first-child{border-left:0px;} .ub_cart_wrap .ub_cart .cart_tab .cart_tab_inner ul li:last-child{border-right:0px;} /* .ub_cart_wrap .ub_cart .tab_con{display:none;} .ub_cart_wrap .ub_cart .tab01{display:block;} */ /*//통합 장바구니*/ /*다해줌 북마크 오류 수정*/ .mytail_plus .tabcontent .mark-item-box{position:relative; padding:0px;} .mytail_plus .tabcontent .mark-item-box .mark-check-btn{position:absolute; top:17px; left:-35px;} .mytail_plus #tab1 .plus-shoping-list-box{width:100%;padding:7.5px 4px;} .mytail_plus #tab1 .plus-shoping-list-box:after{content:""; display:block; clear:both;} .mytail_plus .tabcontent .mark-item-box .mark-item{transform:none; padding:6px; box-sizing:border-box;} .mytail_plus .tabcontent .mark-item-box.del-on .mark-check-btn{left:10px;} .mytail_plus .tabcontent .mark-item-box.del-on .mark-item{transform: translateX(45px);} #container .mytail_plus input[type="checkbox"] + label span{width:11px;} .mytail_plus .plus-shoping-list-box{padding:0px;} .mytail_plus #tab2 .plus-shoping-list-box{padding:7.5px 4px;} .mytail_plus #tab3 .plus-shoping-list-box{padding:7.5px 4px;} /*다해줌 플러스 상단 광고 슬라이더, 인기상점*/ .top_ad_slider{width:100%; padding:0px; border-bottom:1px solid #c7cfdd;} .top_ad_slider .white-area{padding:10px 10px 20px 10px; border-bottom:0px;} .top_ad_slider img{height:auto;} .top_ad_slider .ad_slider_tit{width:30px; height:15px; line-height:15px; position:absolute; top:5px; left:10px; z-index:5; background-color:#6e6e6e; text-align:center; font-size:12px;} .top_ad_slider .ad_inner{padding: 10px 10px 20px 10px; letter-spacing: -0.03em; margin-top:6px;} .top_ad_slider ul{width:100%;} .top_ad_slider ul:after{content:''; display:block; clear:both;} .top_ad_slider ul li{width:100%;} .top_ad_slider .swiper-pagination2{width:100%; height:8px; line-height:0px; position:absolute; bottom:8px; left:0px; z-index:3; text-align:center;} .top_ad_slider .swiper-pagination2 span{margin-left:6px;width: 8px;height: 8px;display: inline-block; border-radius: 100%;background: #ccc;} .top_ad_slider .swiper-pagination2 .swiper-pagination-bullet-active{background-color:#000;} #shop_list_bookmark .div_ad_wrap{background-color:#dce0e9; padding-bottom:5px;} #shop_list_bookmark .top_ad_slider{padding:15px 10px; box-sizing:border-box;} #shop_list_bookmark .top_ad_slider ul li{padding:10px 0px 20px 0px;} #shop_list_bookmark .top_ad_slider .ad_slider_tit{top:-5px; left:0px; } #shop_list_bookmark .top_ad_slider .plus-shoping-list-box .logo-box.logo-box .bookmark-btn2{top:30%;} #shop_list_bookmark .top_ad_slider .white-area{padding:0px;} /* #shop_list_bookmark .top_ad_slider .white-area .plus-shoping-list-box .logo-box .bookmark-btn{right:20px;} */ #shop_list_bookmark .top_ad_slider ul li .plus-shoping-list-box .logo-box .a_link{float:left;} #shop_list_bookmark .top_ad_slider ul li .text_box{width:calc(100% - 88px); height:100%; display:inline-block; position:relative;} #shop_list_bookmark .top_ad_slider ul li .text_box .ad_name{width:100%; height:22px; font-size:1em; line-height:0px; position:absolute; top:8px; left:10px;} #shop_list_bookmark .top_ad_slider ul li .text_box .bookmark-btn2{width:100%; display:inline-block; text-align:left; top:10px !important; left:10px; transform:unset;} .mytail_plus .top_ad_slider ul li .text_box{width:calc(100% - 150px); height:100%; display:inline-block; position:relative;} .mytail_plus .top_ad_slider ul li .text_box .ad_name{width:100%; height:22px; font-size:1em; line-height:0px; position:absolute; top:8px; left:10px;} .mytail_plus .top_ad_slider ul li .text_box .bookmark-btn2{width:100%; display:inline-block; text-align:left; top:10px !important; left:10px; transform:unset;} .mytail_plus .top_ad_slider ul li .bookmark-btn .btn_best{font-size:0.99em;} .mytail_plus .cont-box .mark-item .text_box{width:calc(100% - 140px); height:100%; display:inline-block; position:relative;} .mytail_plus .cont-box .mark-item .text_box .ad_name{width:100%; height:22px; font-size:1em; line-height:0px; position:absolute; top:8px; left:10px;} .mytail_plus .cont-box .mark-item .text_box .bookmark-btn2{width:100%; display:inline-block; text-align:left; top:10px !important; left:10px; transform:unset;} /*200528 인기상점 수정 작업*/ .shop_list .ico_join{width:16px; height:16px; display:inline-block; position:absolute; right:2px; bottom:2px; background-image:url('/img/v4/mytails/ico_join_off.png'); background-size:contain; background-repeat:no-repeat; background-position:center; } .shop_list .ico_join.on{background-image:url('/img/v4/mytails/ico_join_on.png');} .shop_list .text_coin{width:100%; height:15px; line-height:15px; } .shop_list .text_coin > img{width:16px; vertical-align:middle;} .shop_list .text_coin > span{font-size:12px; color:#5c02be; margin-left:3px; font-weight:normal;} .tabcontent .item-box .more_btn {display:inline-block; width:30%; /* transform:translateX(-20px); */} .shop_list .plus-shoping-list-box .text_coin{position:absolute; top:65%; left:100px;} .tabcontent .item-box .btn_best{height:32px; position:absolute; top:50%; right:66px; margin-top:-16px; padding:0px 5px; transition:all 0.3s; transform:translateX(0px);} .tabcontent .item-box .btn_best.type02{transform:translateX(73px);} .tabcontent .item-box.top_ad_slider .btn_best.type02{transform:translateX(43px);} .tabcontent .item-box .btn_best.on{transform:translateX(-34px);} .tabcontent .item-box .btn_oneclick{width:70px; height:32px; background-color:#109623; text-align:left; float:right; margin-left:7px;} .tabcontent .item-box .btn_oneclick.on{transform: translateX(-35px);} .tabcontent .item-box .btn_oneclick img{width:11px; margin:8px 4px 0px 6px;} .tabcontent .item-box .btn_oneclick span{height:100%; display:inline-block; font-size:11px; color:#fff; box-sizing:border-box; padding-top:3px;} .tabcontent .item-box .btn_realtime{width:43px !important; height:47px; line-height:40px !important; padding:0px; text-align:center; float:right; margin-right:0 !important; margin-left:10px; margin-top:7.5px;} .tabcontent .item-box .btn_realtime.on {background-color:#ff4330;} .tabcontent .item-box .btn_realtime.on a {color:#fff !important; font-weight:normal !important;} .tabcontent .item-box .btn_oneclick.one_finish{background-color:#bbb;} .tabcontent .item-box .btn_oneclick.one_finish span{line-height:32px; padding-top:0px;} .tabcontent .item-box .new_btn_wrap{width:100px; height:62px; overflow:hidden; float:right;} .tabcontent .item-box .new_btn_wrap .new_btn{width:45px; height:45px; border:1px solid #dfdfdf; border-radius:5px; margin-right:0px; float:right; transform:translateX(0px); position:relative; margin-top:7.5px;} .tabcontent .item-box.on .new_btn_wrap .new_btn{transform:translateX(50px); transition:all 0.3s;} .tabcontent .item-box .new_btn_wrap .new_btn.btn02{margin-right:0px;} .tabcontent .item-box .new_btn_wrap .new_btn a{width:100%; height:100%; display:inline-block; text-align:center;} .tabcontent .item-box .new_btn_wrap .new_btn a img{width:36px; position:absolute; top:1px; left:5px;} .tabcontent .item-box .new_btn_wrap .new_btn a span{width:100%; height:15px; display:inline-block; text-align:center; font-size:10px; color:#000; position:absolute; bottom:0px; left:0px;} .tabcontent .item-box .new_btn_wrap.type02{position:absolute; top:-9px; right:21px;} .tabcontent .item-box .new_btn_wrap.type02 .new_btn a{line-height:0px !important;} .tabcontent .item-box .new_btn_wrap.type02 .new_btn a span{line-height:15px !important; padding-top:5px; font-weight:normal;} .mytail_plus .new_btn_wrap.type02{position:absolute; top:-9px; right:21px;} .mytail_plus .new_btn_wrap.type02 .btn_realtime a{font-weight:normal;} /*200605 다해줌 팝업*/ .dh_plus_popup{width:96%; padding:15px; box-sizing:border-box; position:absolute; top:60px; left:2%; background-color:rgba(0,0,0,0.7); z-index:5; display:none;} .dh_plus_popup dl{width:100%; overflow:hidden;} .dh_plus_popup dl dt{width:23.5%; height:31px; margin-right:2%; margin-bottom:2%; float:left;} .dh_plus_popup dl dt span{width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid #fff; text-align:center; line-height:26px; font-weight:bold; display:inline-block; font-size:13px;} .dh_plus_popup dl dd{width:23.5%; height:31px; line-height:29px; background-color:#fff; margin-right:2%; margin-bottom:2%; text-align:center; float:left;} .dh_plus_popup dl dd img{max-width:75%; max-height:22px; vertical-align:middle;} .dh_plus_popup dl dd.odd{margin-right:0px;} .dh_plus_popup dl dd.last{margin-bottom:0px;} .dh_plus_popup .dh_plus_popup_close{width:20px; height:20px; position:absolute; bottom:15px; right:15px; cursor:pointer;} .dh_plus_popup dl dd:nth-child(13){margin-bottom:0px;} .dh_plus_popup dl dd:nth-child(14){margin-bottom:0px;} .dh_plus_popup dl dd:nth-child(15){margin-bottom:0px;} /*완료 팝업*/ .popup_complete{width:100%; height:100%; text-align:center; position:fixed; top:0px; left:0px; z-index:999; background-color:rgba(0,0,0,0.7);} .popup_complete > img{width:70%; margin-top:15%;} /*s:200618회원정보*/ .minfo_wrap{width:100%; overflow:hidden; padding-bottom:30px;} .minfo_wrap .minfo_list{width:100%; overflow:hidden;} .minfo_wrap .minfo_list ul{width:100%; margin-top:10px;} .minfo_wrap .minfo_list > ul > li{width:100%; border-bottom:1px solid #d0d6e2; background-color:#fff; margin-bottom:10px;} .minfo_wrap .minfo_list ul li > .inner{width:100%; height:61px; padding:0px 15px; box-sizing:border-box;} .minfo_wrap .minfo_list ul li > .inner a{width:100%; height:100%; display:inline-block;} .minfo_wrap .minfo_list ul li > .inner a span{height:100%; display:inline-block; float:left;} .minfo_wrap .minfo_list ul li > .inner a > .list_img{width:45px;} .minfo_wrap .minfo_list ul li > .inner a > .list_img img{margin-top:13px;} .minfo_wrap .minfo_list ul li > .inner a > .list_text{width:calc(100% - 80px); line-height:58px; color:#000; font-weight:bold; text-indent:10px; font-size:16px;} .minfo_wrap .minfo_list ul li > .inner a > .list_num{width:27px; line-height:58px; padding-right:3px; text-align:right; color:#ff4330; font-weight:bold; font-size:16px;} .minfo_wrap .btn_logout{width:100%; text-align:right; padding:20px 15px; box-sizing:border-box;} .minfo_wrap .btn_logout a{padding-bottom:3px; border-bottom:1px solid #666; color:#666; font-size:16px;} .minfo_wrap .btn_logout a img{width:20px; vertical-align:middle;} #card_banner{border-top:1px solid #d0d6e2; position:relative;} #card_banner .card_arr{width:15px; position:absolute; top:-8px; left:124px;} #card_banner > .swiper-container{padding:0px;} #card_banner > .swiper-container img{height:auto;} #card_banner > .swiper-container p{padding-right:0px; background:none;} #card_banner .item-thumb { width: 115px; height: 62px; position: absolute; left: 0; top: 0;} #card_banner .item-thumb .sale-price { position: absolute; left: 10px; bottom: 3px; font-size: 1.5em; letter-spacing: -1px; } #card_banner .item-thumb.card-hd { background: url(/img/v4/index/bg_card_hd.gif) no-repeat 0 0; background-size: 100% 100%; } #card_banner .item-thumb.card-hd .sale-price { color: #8b74f0; } #card_banner .item-thumb.card-hd .sale-price strong { text-shadow: 1px 0px 0px #8b74f0; } #card_banner .item-thumb.card-kb { background: url(/img/v4/index/bg_card_kb.gif) no-repeat 0 0; background-size: 100% 100%; } #card_banner .item-thumb.card-kb .sale-price { color: #ffa200; } #card_banner .item-thumb.card-kb .sale-price strong { text-shadow: 1px 0px 0px #ffa200; } #card_banner .item-thumb.card-hana { background: url(/img/v4/index/bg_card_hana.gif) no-repeat 0 0; background-size: 100% 100%; } #card_banner .item-thumb.card-hana .sale-price { color: #007870; } #card_banner .item-thumb.card-hana .sale-price strong { text-shadow: 1px 0px 0px #007870; } #card_banner .item-info {min-height: 62px; margin-left: 125px; position: relative;} #card_banner .item-date {color: #8b74f0; background-image: url(/img/v4/index/ico_item_date_purple.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left: 12px;} #card_banner .item-name {font-weight: normal;} #card_banner .item-section-item .item-name-sub { font-size: .875em; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #card_banner .item-section-item .item-price { font-size: 1.250em; font-weight: bold; color: #ff4330; letter-spacing: 0; text-shadow: 1px 0px 0px #FF4330; } #card_banner .item-section-item .item-price em { font-style: normal; font-size: small; vertical-align: 6px; margin-left: 2px; text-shadow: none; } #card_banner .item-section-item .item-price-sub { font-size: .938em; color: #b0b8c1; text-decoration: line-through; margin-left: 5px; letter-spacing: -1px; } #card_banner .item-section-item .item-view { margin-top: 5px; color: #64696e; font-size: .750em; /* letter-spacing: -1px; */ } #card_banner .item-section-item .item-view strong { color: #000; font-size: larger; padding-left: 5px; } #card_banner .item-section-item .item-recomm { letter-spacing: -1px; color: #64696e; font-size: .750em; margin-left: 5px; padding-left: 10px; background: url(/img/v4/index/bull_info_left.gif) no-repeat 0 60%; background-size: 1px 12px; } #card_banner .item-section-item .item-recomm strong { color: #000; font-size: larger; padding-left: 5px; } #card_banner .item-section-item .item-link a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; text-indent: -9999px; } #card_banner .item-section-item .item-info .abs-middle{width:100%;} #card_banner .item-section-item .item-info p{line-height:1.2;} #card_banner .item-section-item .item-info span{display:inline-block;font-size: .750em; background-size: 10px 10px;} #card_banner .card_banner_btn{width:100%; padding:5px 0px; text-align:center;} #card_banner .card_banner_btn span{width:10px; height:10px; border-radius:100%; display:inline-block; background-color:#ccc;margin:0px 4px; border:none;} #card_banner .card_banner_btn span.swiper-pagination-bullet-active{background-color:#000;} /*e:200618회원정보*/ .new_card_renew{width:100%; margin-bottom:10px; border-bottom:1px solid #d0d6e2; box-sizing:border-box; padding:10px 0px; background-color:#fff;} /*s:200618 결제카드 등록*/ .card_mmt_wrap{width:100%; margin-top:10px; overflow:hidden; padding-bottom:30px;} .card_mmt_wrap #card_banner{border-top:0px;} .card_mmt_wrap .cmmt_tab{width:100%; height:60px; background-color:#fff; border-bottom:1px solid #dde2ee; overflow:hidden;} .card_mmt_wrap .cmmt_tab .tab{width:50%; height:100%; text-align:center; float:left;} .card_mmt_wrap .cmmt_tab .tab > a{height:100%; line-height:60px; display:inline-block; color:#000; font-size:15px; box-sizing:border-box;} .card_mmt_wrap .cmmt_tab .tab > a > span{width:22px; height:22px; line-height:21px; display:inline-block; text-align:center; color:#fff; font-weight:bold; border-radius:100%; background-color:#000; vertical-align:middle; margin-top:-2px;} .card_mmt_wrap .cmmt_tab .tab > a.on{color:#1a73e1; font-weight:bold; border-bottom:3px solid #1a73e1; padding:0px 5px;} .card_mmt_wrap .cmmt_tab .tab > a.on span{background-color:#1a73e1; color:#fff;} .card_mmt_wrap .card_list{width:100%; margin-bottom:10px; border-bottom:1px solid #d0d6e2;} .card_mmt_wrap .card_list ul{width:100%; padding:15px; box-sizing:border-box; background-color:#fff;} .card_mmt_wrap .card_list ul li{width:100%; padding:10px 10px 10px 15px; border:1px solid #dfdfdf; border-radius:5px; margin-bottom:10px; box-sizing:border-box;} .card_mmt_wrap .card_list ul li h3{width:100%; min-height:30px; color:#000; font-size:18px; overflow:hidden;} .card_mmt_wrap .card_list ul li h3 .cart_info {float:right;} .card_mmt_wrap .card_list ul li h3 span{color:#ffff00; font-size:13px;} .card_mmt_wrap .card_list ul li h3 span.str_expire {color:#c00004;} .card_mmt_wrap .card_list ul li .card_num{width:100%; height:30px; padding-top:8px;} .card_mmt_wrap .card_list ul li .card_num span{color:#000; font-size:16px;} .card_mmt_wrap .card_list ul li .card_num span i{font-style:normal;} .card_mmt_wrap .card_list ul li .card_num img{width:42px; vertical-align:middle; margin-left:5px;} .card_mmt_wrap .card_list ul li .card_info{width:100%; height:50px; overflow:hidden;} .card_mmt_wrap .card_list ul li .card_info .lt{width:30%; height:40px; padding-top:8px; float:left;} .card_mmt_wrap .card_list ul li .card_info .lt .name{width:100%; height:20px; font-size:14px; color:#000; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .card_mmt_wrap .card_list ul li .card_info .lt .date{width:100%; height:20px; font-size:14px; color:#000;} .card_mmt_wrap .card_list ul li .card_info .rt{width:70%; height:30px; padding-top:18px; text-align:right; float:left;} .card_mmt_wrap .card_list ul li .card_info .rt a{height:28px; line-height:26px; padding:0px 5px; border-radius:3px; display:inline-block; text-align:center; letter-spacing:-1px; font-size:13px;} .card_mmt_wrap .card_list ul li .card_info .rt a.btn_modify{color:#fff; background-color:#333; border:1px solid #333;} .card_mmt_wrap .card_list ul li .card_info .rt a.btn_delete{color:#fff; background-color:#c00004; border:1px solid #c00004;} .card_mmt_wrap .card_list ul li .card_info .rt a.btn_set{color:#333; border:1px solid #ddd;} .card_mmt_wrap .card_list ul li.on{background-color:#2d81ef; border:1px solid #2d81ef; box-shadow:3px 3px 4px rgba(0,0,0,0.3);} .card_mmt_wrap .card_list ul li.on h3{color:#fff;} .card_mmt_wrap .card_list ul li.on .card_num span{color:#fff;} .card_mmt_wrap .card_list ul li.on h3 span.str_expire {color:#fff;} .cmmt_tab02{display:none;} .card_mmt_wrap .register_form{width:100%; padding:15px; overflow:hidden; box-sizing:border-box; background-color:#fff;} .card_mmt_wrap .register_form .top_img{width:100%; text-align:right;} .card_mmt_wrap .register_form .top_img img{width:50px;} .card_mmt_wrap .register_form ul{width:100%;} .card_mmt_wrap .register_form ul li{width:100%; height:50px; overflow:hidden;} .card_mmt_wrap .register_form ul li.card_period{overflow:unset;} .card_mmt_wrap .register_form ul li.card_period:after{content:''; display:block; clear:both;} .card_mmt_wrap .register_form ul li.card_period .con{overflow:unset;} .card_mmt_wrap .register_form ul li.card_period .con:after{content:''; display:block; clear:both;} .card_mmt_wrap .register_form ul li .tit{width:30%; height:100%; line-height:50px; font-size:15px; float:left;} .card_mmt_wrap .register_form ul li .tit span{color:#ff4330; vertical-align:middle;} .card_mmt_wrap .register_form ul li .con{width:70%; height:100%; position:relative; overflow:hidden; float:left;} .card_mmt_wrap .register_form ul li .con input{width:100%; height:40px; border:1px solid #ddd; margin-top:5px; border-radius:3px; box-sizing:border-box;} .card_mmt_wrap .register_form ul li.card_num .con input{padding-right:50px;} .card_mmt_wrap .register_form ul li.card_num .con .card_img{width:50px; position:absolute; top:10px; right:2px;} /* .card_mmt_wrap .register_form ul li.card_period .con input{width:49%;} .card_mmt_wrap .register_form ul li.card_period .con input.year{float:right;} .card_mmt_wrap .register_form ul li.card_period .con select{width:49%; height:40px; border:1px solid #ddd; margin-top:5px; border-radius:3px; box-sizing:border-box;} .card_mmt_wrap .register_form ul li.card_period .con select.year{float:right;} */ .card_mmt_wrap .register_form ul li.card_period .con .select_btn{width:49%; height:40px; border:1px solid #ddd; margin-top:5px; border-radius:3px; box-sizing:border-box; position:relative; cursor:pointer; float:left;} .card_mmt_wrap .register_form ul li.card_period .con .select_btn.year{float:right;} .card_mmt_wrap .register_form ul li.card_period .con .select_btn span{width:100%; height:100%; line-height:38px; font-size:13px; display:inline-block; text-align:left; text-indent:10px;} .card_mmt_wrap .register_form ul li.card_period .con .select_btn span i{font-style:normal;} .card_mmt_wrap .register_form ul li.card_period .con .select_btn span img{width:12px; position:absolute; top:16px; right:10px;} .card_mmt_wrap .register_form ul li.card_period .con .select_btn ul{width:100%; height:205px; overflow-y:scroll; position:absolute; top:-1px; left:-1px; background-color:#fff; z-index:99; border:1px solid #ddd; box-shadow:2px 2px 4px rgba(0,0,0,0.4); display:none;} .card_mmt_wrap .register_form ul li.card_period .con .select_btn ul li{width:100%; height:30px; line-height:30px; text-indent:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; cursor:pointer;} .card_mmt_wrap .register_form ul li.user_name .last_name{width:40%;} .card_mmt_wrap .register_form ul li.user_name .family_name{width:40%;} .card_mmt_wrap .register_form ul li.card_chk .con{line-height:40px;} .card_mmt_wrap .register_form ul li.card_chk .con input{width:30px; height:30px; display:inline-block !important; vertical-align:middle; margin-right:5px; margin-top:-3px;} .card_mmt_wrap .register_btn{width:100%; height:50px; position:fixed; left:0px; bottom:0px; overflow:hidden; z-index:99;} .card_mmt_wrap .register_btn a{height:100%; line-height:50px; display:inline-block; font-size:15px; font-weight:bold; text-align:center; float:left;} .card_mmt_wrap .register_btn a.btn_cancel{width:30%; color:#000; background-color:#eee;} .card_mmt_wrap .register_btn a.btn_edit_cancel{width:30%; color:#000; background-color:#eee;} .card_mmt_wrap .register_btn a.btn_signup{width:70%; color:#fff; background-color:#ff4330;} .card_mmt_wrap .register_btn a.btn_edit{width:70%; color:#fff; background-color:#ff4330;} .ico_rock{width:15px; position:absolute; top:-45px; right:15px;} .ico_rock img{width:100%;} /*e:200618 결제카드 등록*/ /*s:200623 개인통관고유부호 관리*/ .ipl_wrap{width:100%; margin-top:10px; overflow:hidden; padding-bottom:30px;} .ipl_wrap .pass_list{width:100%; background-color:#fff; padding:15px; box-sizing:border-box;} .ipl_wrap .pass_list li{width:100%; border:1px solid #dfdfdf; border-radius:3px; padding:10px; box-sizing:border-box; margin-bottom:15px;} .ipl_wrap .pass_list li h5{width:100%; font-size:18px;} .ipl_wrap .pass_list li h5 span{color:#ffff00; font-size:13px; float:right;} .ipl_wrap .pass_list li > div{width:100%; padding-top:5px; overflow:hidden;} .ipl_wrap .pass_list li > div .pass_num{width:45%; font-size:16px; padding-top:5px; float:left;} .ipl_wrap .pass_list li > div .btns{width:55%; text-align:right; float:right;} .ipl_wrap .pass_list li > div .btns a{height:28px; line-height:26px; padding:0px 8px; border-radius:3px; display:inline-block; text-align:center; letter-spacing:-1px; font-size:13px;} .ipl_wrap .pass_list li > div .btns a.btn_del{background-color:#333; color:#fff;} .ipl_wrap .pass_list li > div .btns a.btn_set{background-color:#fff; border:1px solid #ccc;} .ipl_wrap .pass_list li.on{background-color:#2d81ef; border:1px solid #2d81ef; box-shadow:3px 3px 4px rgba(0,0,0,0.3);} .ipl_wrap .pass_list li.on h5{color:#fff;} .ipl_wrap .pass_list li.on .pass_num{color:#fff;} .ipl_wrap .pass_add{width:100%; padding:15px; box-sizing:border-box;} .ipl_wrap .pass_add a{width:100%; height:60px; line-height:60px; text-align:center; display:inline-block; text-align:center; background-color:#000; border-radius:3px; font-size:15px; color:#fff; font-weight:bold;} .ipl_wrap .pass_add a span{color:#ffff00;} .ipl_wrap .pass_text{width:100%; background-color:#fff; padding-bottom:20px;} .ipl_wrap .pass_text h6{height:50px; line-height:50px; padding:0px 15px; box-sizing:border-box; font-size:16px; font-weight:bold; border-bottom:1px solid #d0d6e2;} .ipl_wrap .pass_text p{width:100%; padding:20px 15px; box-sizing:border-box; font-size:14px; letter-spacing:-1px; line-height:150%;} .ipl_wrap .pass_text p span{color:#2d81ef;} .ipl_wrap .pass_text .btn_new{width:100%; padding:0px 15px; box-sizing:border-box;} .ipl_wrap .pass_text .btn_new a{width:100%; height:50px; line-height:48px; border:1px solid #000; text-align:center; display:inline-block; border-radius:3px; font-size:15px; font-weight:bold;} .ipl_wrap .pass_text .btn_new a img{width:6px; vertical-align:middle; margin:-2px 0px 0px 5px;} .ipl_wrap .pass_popup{width:90%; background-color:#fff; position:fixed; top:15%; left:5%; z-index:11; display:none;} .ipl_wrap .pass_popup h5{width:100%; height:50px; line-height:50px; padding:0px 15px; box-sizing:border-box; font-size:16px; border-bottom:1px solid #d0d6e2;} .ipl_wrap .pass_popup h5 span{width:15px; display:inline-block; float:right;} .ipl_wrap .pass_popup h5 span img{width:100%; margin-top:16px;} .ipl_wrap .pass_popup ul{width:100%; padding:15px; box-sizing:border-box; overflow:hidden;} .ipl_wrap .pass_popup ul li{width:100%; height:50px; overflow:hidden;} .ipl_wrap .pass_popup ul li .tit{width:30%; height:100%; line-height:50px; font-size:16px; float:left;} .ipl_wrap .pass_popup ul li .tit span{color:#ff4330; vertical-align:middle;} .ipl_wrap .pass_popup ul li .con{width:70%; height:100%; position:relative; overflow:hidden; float:left; letter-spacing:-1px;} .ipl_wrap .pass_popup ul li .con input{width:100%; height:40px; border:1px solid #ddd; margin-top:5px; border-radius:3px; box-sizing:border-box;} .ipl_wrap .pass_popup ul li.pass_chk .con{line-height:40px;} .ipl_wrap .pass_popup ul li.pass_chk .con input{width:30px; height:30px; display:inline-block !important; vertical-align:middle; margin-right:5px; margin-top:-3px;} .ipl_wrap .pass_popup .popup_btn{width:100%; height:50px; overflow:hidden;} .ipl_wrap .pass_popup .popup_btn a{height:100%; line-height:50px; text-align:center; display:inline-block; font-size:15px; font-weight:bold;} .ipl_wrap .pass_popup .popup_btn a.btn_cancel{width:30%; background-color:#eee; color:#000; float:left;} .ipl_wrap .pass_popup .popup_btn a.btn_save{width:70%; background-color:#ff4330; color:#fff; float:left;} .ipl_wrap .pass_popup_bg{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:10; background-color:rgba(0,0,0,0.7); display:none;} /*e:200623 개인통관고유부호 관리*/ /*s:200629 직구픽*/ .delivery_pick{width:100%; overflow:hidden;} .delivery_pick > ul{width:100%;} .delivery_pick > ul > li{width:100%; background-color:#fff; border-bottom:1px solid #d0d6e2; margin-bottom:10px;} .delivery_pick > ul > li > a{width:100%; display:inline-block;} .delivery_pick > ul > li > a:after{content:""; display:block; clear:both;} .delivery_pick > ul > li > a > span{width:100%; display:inline-block; margin-top:10px;} .delivery_pick > ul > li > a > h6{width:100%; font-size:0.875em; box-sizing:border-box; padding:10px 0px 0px 22px; color:#222; font-weight:normal;} .delivery_pick > ul > li > a > p{width:100%; font-size:0.75em; color:#8c8c8c; box-sizing:border-box; padding:0px 0px 0px 22px;} .delivery_pick > ul > li > .pick_product{width:100%; overflow:hidden;} .delivery_pick > ul > li > .pick_product ul{width:100%; height:190px; padding:15px 0px 15px 22px; overflow:hidden; box-sizing:border-box; overflow-x:auto; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none;} .delivery_pick > ul > li > .pick_product ul::-webkit-scrollbar{display:none;} .delivery_pick > ul > li > .pick_product ul li{width:100px; height:150px; display:inline-block; margin-right:10px;} .delivery_pick > ul > li > .pick_product ul li a{width:100%; height:100%; display:inline-block;} .delivery_pick > ul > li > .pick_product ul li a .prd_img{width:100px; height:100px; background-repeat:no-repeat; background-position:center center; background-size:contain;} .delivery_pick > ul > li > .pick_product ul li a .prd_name{width:100%; height:35px; padding-top:5px; font-size:14px; color:#333; white-space:normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .delivery_pick > ul > li > .pick_product ul li a .prd_price{width:100%; height:15px; padding-top:5px; font-size:14px; color:#f90000;} /*e:200629 직구픽*/ /*s:200629 실시간&베스트*/ .re_be_tab{width:100%; height:40px; background-color:#fff; border-bottom:1px solid #dde2ee; overflow:hidden;} .re_be_tab.fixed{position:fixed; z-index:999; top:0px; transition:top 0.3s ease-in-out;} .re_be_tab .tab{width:50%; height:100%; text-align:center; float:left;} .re_be_tab .tab > a{height:100%; line-height:40px; display:inline-block; color:#000; font-size:15px; box-sizing:border-box;} .re_be_tab .tab > a.on{color:#1a73e1; font-weight:bold; border-bottom:3px solid #1a73e1; padding:0px 5px;} .re_be_tab .tab > a.on span{background-color:#1a73e1; color:#fff;} .top_gnb_wrap{width:100%; height:53px; margin-bottom:10px;} .top_gnb_wrap .category-gnb-slide{position: relative;border-bottom:1px solid #dce2ee; background: #fff ;margin-top:0;transition:margin-top 0.3s;} .top_gnb_wrap .category-gnb-slide.fixed{position:fixed; top:0px; left:0px; z-index:999; transition:top 0.3s ease-in-out;} .top_gnb_wrap .category-gnb-slide.fixed.up{transition:top 0.3s ease-in-out; top:41px;} .top_gnb_wrap .category-gnb-slide .swiper-container {padding:0px;} .top_gnb_wrap .category-gnb-slide .swiper-wrapper {justify-content: space-between;} .top_gnb_wrap .category-gnb-slide .swiper-slide { width: auto; padding:5px 15px;text-align: center; transition:all 0.3s; cursor:pointer;} .top_gnb_wrap .category-gnb-slide .swiper-slide i {height:22px; text-align:center;display:inline-block;line-height:1;position:relative;margin-bottom:4px} .top_gnb_wrap .category-gnb-slide .swiper-slide i:after{content:'';display:block;position:absolute;width:8px;height:8px;background:#1a73e1;border-radius:100%; z-index:0;bottom:5px;right:5px;opacity:0;transition:all 0.15s} .top_gnb_wrap .category-gnb-slide .swiper-slide i img{max-width:52px; max-height:22px;position:relative; z-index:2} .top_gnb_wrap .category-gnb-slide .swiper-slide i.state img{max-width:24px; max-height:16px; margin-top:3px;} .top_gnb_wrap .category-gnb-slide .swiper-slide i.state2 img{max-width:23px; max-height:20px; margin-top:1px;} .top_gnb_wrap .category-gnb-slide .swiper-slide span { vertical-align: middle;;line-height:1 ;display:block; font-size:0.875em; letter-spacing: -1px;} .top_gnb_wrap .category-gnb-slide .active.swiper-slide span { color: #3084f6; font-weight:bold} .top_gnb_wrap .category-gnb-slide .active.swiper-slide i:after{width:11px;height:11px;bottom:0;right:0;opacity:1;transition:all 0.15s} /* .top_gnb_wrap .category-gnb-slide .swiper-slide.AA i{background-image:url(/img/v4/index/sub_category_icon01.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.UK i{background-image:url(/img/v4/index/sub_category_icon02.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.GK i{background-image:url(/img/v4/index/sub_category_icon03.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.BK i{background-image:url(/img/v4/index/sub_category_icon04.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.JK i{background-image:url(/img/v4/index/sub_category_icon05.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.CK i{background-image:url(/img/v4/index/sub_category_icon06.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AB i{background-image:url(/img/v4/index/sub_category_icon07.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AC i{background-image:url(/img/v4/index/sub_category_icon08.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AD i{background-image:url(/img/v4/index/sub_category_icon09.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AE i{background-image:url(/img/v4/index/sub_category_icon10.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AF i{background-image:url(/img/v4/index/sub_category_icon11.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AG i{background-image:url(/img/v4/index/sub_category_icon12.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AH i{background-image:url(/img/v4/index/sub_category_icon13.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AI i{background-image:url(/img/v4/index/sub_category_icon14.jpg);} */ .top_gnb_wrap .category-gnb-slide .swiper-slide.AA i{background-image:url(/img/v4/index/sub_category_icon01_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.UK i{background-image:url(/img/v4/index/sub_category_icon02_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.GK i{background-image:url(/img/v4/index/sub_category_icon03_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.BK i{background-image:url(/img/v4/index/sub_category_icon04_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.JK i{background-image:url(/img/v4/index/sub_category_icon05_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.CK i{background-image:url(/img/v4/index/sub_category_icon06_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AB i{background-image:url(/img/v4/index/sub_category_icon07_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AC i{background-image:url(/img/v4/index/sub_category_icon08_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AD i{background-image:url(/img/v4/index/sub_category_icon09_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AE i{background-image:url(/img/v4/index/sub_category_icon10_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AF i{background-image:url(/img/v4/index/sub_category_icon11_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AG i{background-image:url(/img/v4/index/sub_category_icon12_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AH i{background-image:url(/img/v4/index/sub_category_icon13_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AI i{background-image:url(/img/v4/index/sub_category_icon14_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AA.active i{background-image:url(/img/v4/index/sub_category_icon01_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.UK.active i{background-image:url(/img/v4/index/sub_category_icon02_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.GK.active i{background-image:url(/img/v4/index/sub_category_icon03_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.BK.active i{background-image:url(/img/v4/index/sub_category_icon04_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.JK.active i{background-image:url(/img/v4/index/sub_category_icon05_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.CK.active i{background-image:url(/img/v4/index/sub_category_icon06_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AB.active i{background-image:url(/img/v4/index/sub_category_icon07_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AC.active i{background-image:url(/img/v4/index/sub_category_icon08_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AD.active i{background-image:url(/img/v4/index/sub_category_icon09_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AE.active i{background-image:url(/img/v4/index/sub_category_icon10_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AF.active i{background-image:url(/img/v4/index/sub_category_icon11_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AG.active i{background-image:url(/img/v4/index/sub_category_icon12_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AH.active i{background-image:url(/img/v4/index/sub_category_icon13_on.jpg);} .top_gnb_wrap .category-gnb-slide .swiper-slide.AI.active i{background-image:url(/img/v4/index/sub_category_icon14_on.jpg);} .top_gnb_wrap .top_gnb_bar.swiper-slide{width:1px; padding:0px;} .top_gnb_wrap .top_gnb_bar{height:53px; display:inline-block; position:relative;} .top_gnb_wrap .top_gnb_bar strong{width:100%; height:33px; margin:10px 0px; background-color:#e7eaf0; display:inline-block;} .realtime_wrap2{width:100%; position:relative;} .realtime_wrap2 .item-section{width:100%; background-color:#fff; padding:10px 15px; box-sizing:border-box;} .realtime_wrap2 .item-section .top_tit{width:100%; overflow:hidden;} .realtime_wrap2 .item-section .top_tit h6{position: relative;margin-bottom: -5px;font-size: 1em; font-weight: bold; letter-spacing: -1px; display:inline-block;} .realtime_wrap2 .item-section .top_tit h6 .font-line-blue{position: relative; line-height: normal; padding: 0 2px;display: inline-block; background: url(/img/v4/index/font_bg_pink.gif) repeat-x 0 14px; background-size: 2px 30%;} .realtime_wrap2 .item-section .top_tit .reload-box{display:inline-block; float:right;} .realtime_wrap2 .item-section .top_tit .reload-box .reload-txt{font-size:0.688em; color:#999; display:inline-block; vertical-align:middle;} .realtime_wrap2 .item-section .top_tit .reload-box .reload-btn{display: inline-block; vertical-align: middle;} .realtime_wrap2 .item-section .top_tit .reload-box .reload-btn a img{width:27px; display: block;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box{height:133px;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .logo-thum{display:table-cell; vertical-align:middle; width:46px; height:100%; text-align:left;position:relative;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .logo-thum img{width:34px;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .logo-thum span{font-size:0.688em;color:#1a73e1; font-weight:bold;display:block;letter-spacing:-0.5px;margin-top:5px; display:none !important} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .logo-thum:after{content:'';display:block;height:60px;width:1px;position:absolute; background:#e7eaf0;left:17.5px;margin-left: -0.5px;top:82px;margin-top:19px;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info {height:100%; display:table-cell;vertical-align:middle; border-bottom:1px solid #e1e6ef;padding-bottom:10px;padding-top:10px; overflow:hidden;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info a{width:100%; height:100%; display:inline-block;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info table{width:100%; height:111px; table-layout: fixed;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info table th{;vertical-align:middle;width:110px;height:110px;overflow:hidden;position:relative} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info table th img{width:110px;height:auto; position:absolute; top:50%; left:0px; transform: translate(0, -50%);} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info table th .prd_thum{width:100%; height:110px; display:inline-block; background-repeat:no-repeat; background-size:cover; background-position:center center;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info table td{line-height:130%;vertical-align:middle;padding-left:10px;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info table td.tit{font-size:0.8em;color:#5195e8;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info table td.tit span{display:inline-block; background-color:#e8f1fc; padding:1px 3px 2px 3px;} /* .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info table td.tit span{margin-left: 5px;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info table td.tit span img{width: 30px;} */ .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info table td.txt{ overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:0.85em;color:#000;padding-top:4px} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box .item-info table td.price{font-size:0.9em;color:#000; font-weight:bold;} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box:last-child .item-info {border-bottom:0} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box:last-child .logo-thum:after{display:none} .realtime_wrap2 .item-section.real-time .real-time-cont .item-box:after{content:'';display:block; clear:both} .realtime_wrap2 .item-section.real-time .days{display: block;text-align: center;color: #999999;font-size: 0.750em;position: relative;height: 20px;line-height: 20px;} .realtime_wrap2 .item-section.real-time .days:after{content:'';display:block;background:#e1e6ef;height:1px;width:35%;right:0;top:50%; margin-top:-0.5px;position:absolute;} .realtime_wrap2 .item-section.real-time .days:before{content:'';display:block;background:#e1e6ef;height:1px;width:35%;;left:0;top:50%; margin-top:-0.5px;position:absolute;} .realtime_wrap2 .intro_textBox{width:115px; height:30px; line-height:29px; border-radius:5px; background-color:rgba(203,235,249,0.8); position:absolute; left:15px; top:36px; z-index:10; font-size:13px; text-align:center; letter-spacing:-1px; box-shadow:2px 2px 2px rgba(0,0,0,0.2);} .realtime_wrap2 .intro_textBox:after{content: ''; position:absolute; width:0px; height:0px; border-style:solid; border-width:8px 5px; border-color:rgba(203,235,249,0.8) transparent transparent; bottom:-15px; left:12px;} .realtime_popup{width:100%; height:100%;top:0px; left:0px; background-color:#dce0e9; overflow:hidden;} .realtime_popup .popup_top{width:100%; height:43px; line-height:40px; border-bottom:1px solid #d0d6e2; margin-bottom:10px; background-color:#fff; padding:0px 15px; box-sizing:border-box;} .realtime_popup .popup_top span.small{font-size:12px; color:#000; font-weight:bold;} .realtime_popup .popup_top span.small img{width:6px; vertical-align:middle; margin:-3px 5px 0px 5px;} .realtime_popup .popup_top span.big{font-weight:bold; color:#1a73e1; font-size:17px;} .realtime_popup .popup_top span.btn_close{width:25px; cursor:pointer; float:right;} .realtime_popup .popup_top span.btn_close img{width:100%; margin-top:8px;} .best_wrap{width:100%; background-color:#fff;} .best_wrap .item-section{width:100%; overflow:hidden;} .best_wrap .item-section-list{} .best_wrap .item-section-list > li{ padding:10px 0; border-bottom: 1px solid #e1e6ef; } .best_wrap .item-section-item{position: relative;} .best_wrap .item-section-item .item-thumb{position: absolute; left: 0; top: 0; width: 100px; height: 100px;} .best_wrap .item-section-item .item-thumb img{width: 100%; height: 100%; } .best_wrap .item-section-item .item-sale {position: absolute; left: -5px; top: 0; display: block; width: 46px; height: 35px; font-size: .875em; font-weight: bold; color: #fff; text-align: center; background: url(/img/v4/index/ico_sale.png) no-repeat 0 0; background-size: 100% 100%; } .best_wrap .item-section-item .item-sale em { margin-left: 1px; font-style: normal; font-weight: normal; font-size: x-small; } .best_wrap .item-section-item .item-info { position: relative; margin-left: 110px; min-height: 100px; } .best_wrap .item-section-item .item-info .abs-middle {width:100%} .best_wrap .item-section-item .item-info p {line-height: 1.2;} .best_wrap .item-section{padding:0px 15px 0px 15px; box-sizing:border-box;} .best_wrap .item-section .item-section-item.rank-style .ranking-info{position:absolute;left:0; top:0; height: 120px; width:35px} .best_wrap .item-section .item-section-item.rank-style .ranking-info span{position:absolute; top:50%;transform: translate(0, -50%);} .best_wrap .item-section .item-section-item.rank-style .ranking-info span.ranking-icon{width:25px; height:25px; background:#b2b2b2; border-radius:100%;text-align:center;line-height: 20px; } .best_wrap .item-section .item-section-item.rank-style .ranking-info span.ranking-icon i{color:#fff;font-size:0.813em;font-style: normal;font-weight: bold;} .best_wrap .item-section .item-section-item.rank-style .ranking-info img{width:28px; } .best_wrap .item-section .item-section-item.rank-style .item-thumb { position: absolute; left: 35px; top: 0; width: 120px; height: 120px; } .best_wrap .item-section .item-section-item.rank-style .item-info { position: relative; margin-left: 165px; min-height: 120px; } .best_wrap .item-section-item .item-price { font-size: 1.15em; color: #ff4330; letter-spacing: 0; text-shadow: 1px 0px 0px #FF4330; font-weight:normal; } .best_wrap .item-section-item .item-price strong{font-weight:bold;} .best_wrap .item-section-item .item-price-sub { font-size: .938em; color: #b0b8c1; text-decoration: line-through; margin-left: 5px; letter-spacing: -1px; } .best_wrap .item-section-item .item-name{width:100%; height:32px; font-weight:normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:0.875em;} .best_wrap .item-section-item .item-info p.buy-num{position:absolute;top:10px;right:0;font-size:0.875em; color:#ff9c00;letter-spacing:-0.5px;font-weight:700 } .best_wrap .item-section-item .item-info p.buy-num span{font-size:0.875em; color:#ff9c00;letter-spacing:-0.5px;font-weight:normal;margin-left:4px} .best_wrap .item-section-item .item-info .attached-top { margin-top: -6px; } .best_wrap .item-section-item .item-info span { display: inline-block; } .best_wrap .item-section-item .item-date { font-size: .750em; color: #08abe7; padding-left: 12px; background: url(/img/v4/index/ico_item_date.gif) no-repeat 0 3px; background-size: 10px 10px; } .best_wrap .item-section-item .item-auth { font-size: .750em; color: #000; margin-left: 5px; padding-left: 10px; background: url(/img/v4/index/bull_info_left.gif) no-repeat 0 60%; background-size: 1px 8px; } .best_wrap .item-section-item .item-brand-box{ font-size: 0.813em;; color: #59c500; font-weight: 700; letter-spacing: 0; margin: 4px 0; padding:4px 0 } .best_wrap .item-section-item .item-brand-box_icon{width:40px; display:inline-block; margin-left:5px; vertical-align:middle;} .best_wrap .item-section-item .item-brand-name { font-size: 0.813em; color: #f85fb2; font-weight: 700; letter-spacing: 0; margin: 4px 0; } .best_wrap .item-section-item .item-link a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; text-indent: -9999px; } .best_wrap .item-section .item-line { display: block; border-bottom: 1px solid #e1e6ef;} .best_wrap .hashtag_box_wrap{width:100%; height:67px; position:relative; margin-bottom:5px;} .best_wrap .hashtag_box_wrap .hashtag_box_inner{width:calc(100% + 30px); height:99px; position:absolute; top:-1px; left:-15px; background-color:#bfbfbf;} .best_wrap .hashtag_box_wrap .hashtag_box_inner .hashtag_box{width:100%; height:67px; padding:5px 0px; margin-top:10px; background-color:#dce0e9; overflow:hidden;} .best_wrap .hashtag_box_wrap .hashtag_box_inner .hashtag_box span{padding:8px; font-size:13px; display:inline-block;} .best_wrap .hashtag_box_wrap .hashtag_box_inner .hashtag_box span.on{font-weight:bold;} .best_wrap .item-section-list > li:nth-child(3n) {margin-bottom:15px;} .best_wrap .item-section-list > li.bottom_item {width:30%; float:left; border-bottom:0; overflow:hidden; padding-bottom:30%; margin-right:5%; position:relative;} .best_wrap .item-section-list > li.bottom_item:nth-child(3n){margin-right:0px; margin-bottom:0px;} .best_wrap .item-section-list > li.bottom_item a{width:100%; height:100%; display:inline-block; position:absolute; top:0px; left:0px;} .best_wrap .item-section-list > li.bottom_item span{width:100%; height:100%; display:inline-block; background-size:contain; background-position:center center; background-repeat:no-repeat; } /*e:200629 실시간&베스트*/ /*s:201109 가입일 확인 팝업*/ .joinCheck_popup{width:90%;background-color:#fff;box-shadow:3px 3px 3px 3px rgba(0,0,0,0.3);position:fixed;top:15%;left:5%;z-index:101;border-radius:3px; display:none;} .joinCheck_popup h5{width:calc(100% - 30px); height:45px; line-height:45px; margin:0px 15px; border-bottom:1px solid #000; position:relative;} .joinCheck_popup h5 .ico{width:60px; position:absolute; top:0px; left:10px;} .joinCheck_popup h5 .ico img{width:60px; margin-top:-36%;} .joinCheck_popup h5 span{width:100%; height:100%; text-align:center; color:#000; display:inline-block; font-weight:bold; font-size:18px;} .joinCheck_popup h5 .joinCheck_close{width:22px; position:absolute; top:10px; right:0px; cursor:pointer;} .joinCheck_popup h5 .joinCheck_close img{width:100%;} .joinCheck_popup .text_box{width:100%; padding:30px 15px; box-sizing:border-box; text-align:center; font-size:16px;} .joinCheck_popup .text_box strong{color:#1860ff;} .joinCheck_popup .btn_confirm{width:100%; height:45px; line-height:45px; text-align:center; background-color:#1860ff; border-radius:0px 0px 3px 3px;} .joinCheck_popup .btn_confirm a{width:100%; height:100%; display:inline-block; color:#fff; font-weight:bold; font-size:15px;} .popup_bg{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:100; background-color:rgba(0,0,0,0.7); display:none;} /*e:201109 가입일 확인 팝업*/ /* s: 210106 제휴카드 신청*/ .card_alliance{width:100%; overflow:hidden; background-color:#fff; padding:15px 15px 0px 15px; box-sizing:border-box;} .card_alliance .inner{width:100%; padding:0px 10px; overflow:hidden; border:1px solid #dfdfdf; box-sizing:border-box; border-radius:3px;} .card_alliance .inner h5{width:100%; height:50px; overflow:hidden; border-bottom:1px solid #ddd;} .card_alliance .inner h5 .card_brand_double{width:95px;height: 50px;line-height:48px; float: left;} .card_alliance .inner h5 .card_brand_double img{width:35px; vertical-align:middle;} .card_alliance .inner h5 .card_brand_double img.brand_img02{width:28px;} .card_alliance .inner h5 .card_brand_double span{width:15px; height:100%; padding-right:2px; text-align:center; font-size:15px; color:#aaa; display:inline-block;} .card_alliance .inner h5 .name{width:calc(100% - 180px); height:100%; line-height:48px; text-indent:5px; font-size:16px; letter-spacing:-0.5px; font-weight:normal; float:left;} .card_alliance .inner h5 .btn{width:80px; height:100%; display:inline-block; float:left;} .card_alliance .inner h5 .btn a{width:78px; height:28px; line-height:28px; border:1px solid #000; border-radius:3px; display:inline-block; font-size:12px; text-align:center; margin-top:8px;} .card_alliance .inner h5 .btn a img{width:5px; margin:-1.5px 0px 0px 3px; vertical-align:middle;} .card_alliance .inner .text_box{width:100%; height:50px; line-height:48px; text-indent:10px; font-size:14px; font-weight:bold; border-bottom:1px solid #ddd;} .card_alliance .inner .text_box.last{border-bottom:0px;} /* e: 210106 제휴카드 신청*/ /*20210219 faq 리뉴얼 작업*/ .new_faq{width:100%; overflow:hidden;} .new_faq .faq_sch{width:100%; height:60px; background-color:#dce0e9;} .new_faq .faq_sch .sch_inner{width:calc(100% - 40px); height:40px; padding:10px 20px; position:relative;} .new_faq .faq_sch .sch_inner input{width:100%; height:100%; border:1px solid #ddd ;border-radius:3px; padding:0px 40px 0px 15px; font-size:16px;} .new_faq .faq_sch .sch_inner button{width:20px; height:20px; position:absolute; top:20px; right:30px; background:none; text-align:center;} .new_faq .faq_sch .sch_inner button img{width:100%;} .new_faq .faq_tab{width:100%;} .new_faq .faq_tab ul{width: 100%; border-bottom: 3px solid #caccd8; overflow:initial; list-style:none; margin:0; padding:0; border-top:1px solid #caccd8; display:flex;} .new_faq .faq_tab ul:after{ content:''; display:block; clear:both;} .new_faq .faq_tab ul li{width:12%; position: relative; float: left; text-align: center; border-bottom:0px; border-left: 1px solid #caccd8; border-right: 0px; border-top: 0.5px solid #caccd8; box-sizing: border-box; height:45px;} .new_faq .faq_tab ul li.odd {width:14%;} .new_faq .faq_tab ul li:last-child{border-right:1px solid #caccd8;} .new_faq .faq_tab ul li:after {content: ''; position: absolute; left:0px; right:0px; bottom: -3px; border-bottom: 0px; z-index:3;} .new_faq .faq_tab ul li.current {border: 3px solid #caccd8; border-bottom: none;box-sizing: border-box;} .new_faq .faq_tab ul li.current:after {border-bottom: 3px solid #fff;} .new_faq .faq_tab ul li a{border-left:0;font-size:0.813em; display: block; color: #000;text-align: center; text-decoration: none; transition: 0.3s; height:100%;} .new_faq .faq_tab ul li a p {max-width:40px; margin:auto; padding:13px 0;} .new_faq .faq_tab ul li a p.odd {padding:6px 0;} .new_faq .faq_cont{width:100%; overflow:hidden;} .new_faq .faq_cont .cont{width:100%;} .new_faq .faq_cont .cont ul{width:100%;} .new_faq .faq_cont .cont ul li{width:100%;} .new_faq .faq_cont .cont ul li dl dt{width:100%; height:45px; border-bottom:1px solid #cfd5e1; cursor:pointer; overflow:hidden;} .new_faq .faq_cont .cont ul li dl dt > div{height:100%; line-height:45px; float:left;} .new_faq .faq_cont .cont ul li dl dt .cont_tit{width:95px; text-align:center; color:#1b73e1; font-size:13px;} .new_faq .faq_cont .cont ul li dl dt .cont_text{width:calc(100% - 123px); font-size:13px; padding-right:10px; box-sizing:border-box; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .new_faq .faq_cont .cont ul li dl dt .cont_text .result{color:#ff4300; background-color:#ffff00;} .new_faq .faq_cont .cont ul li dl dt .cont_ico{width:27px; text-align:left;} .new_faq .faq_cont .cont ul li dl dt .cont_ico img{width:12px; margin-top:19px;} .new_faq .faq_cont .cont ul li dl dd{width:100%; background-color:#f1f2f6; box-sizing:border-box; border-bottom:1px solid #cfd5e1; padding:15px; display:none; font-size:13px;} .new_faq .faq_cont .cont ul li dl dd .result{color:#ff4300; background-color:#ffff00;} .new_faq .faq_cont .no_result {display:none; width:100%; padding:30px 0px; text-align:center; font-size:16px;} /*210406직구샵 실시간 직구 추가*/ .realTime_bar{width:100%; height:5px; background-color:#dce0e9; border-top:1px solid #d0d6e2;} .shop_realTime{width:100%; overflow:hidden; padding-bottom:10px; background-color:#fff;} .shop_realTime .item-section-title{width:100%; box-sizing:border-box; padding:15px 15px 10px 15px; position:relative; font-size:1em; font-weight:bold; letter-spacing:-1px; position:relative;} .shop_realTime .item-section-title a{width:80px; height:28px; line-height:27px; display:inline-block; border:1px solid #e1e4e9; text-align:center; position:absolute; top:12px; right:15px; font-size:13px; font-weight:normal; border-radius:3px;} .shop_realTime .item-section-title a img{width:5px; vertical-align:middle; margin-left:15px; margin-top:-3px;} .shop_realTime .item-section-title .font-line-pink{ position: relative; line-height: normal; padding: 0 2px; display: inline-block; background: url(/img/v4/index/font_bg_pink.gif) repeat-x 0 14px; background-size: 2px 30%; } .shop_realTime .realTime_item{width:calc(100% - 20px); height:100px; margin:5px 10px; overflow:hidden;} .shop_realTime .realTime_item .swiper-wrapper{width:100%; height:100%; } .shop_realTime .realTime_item ul{width:100%; height:100px; box-sizing:border-box;} .shop_realTime .realTime_item ul li{width:calc(100% / 3 - 10px); height:100px; margin:0px 5px; display:inline-block; float:left;} .shop_realTime .realTime_item ul li a{width:100%; height:100%; line-height:100px; display:inline-block; text-align:center; color:#000; font-size:16px; font-weight:bold;} .shop_realTime .realTime_item ul li a span{width:100%; height:100%; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center center;} .shop_realTime .realTime_item ul li a img{width:100%; height:100%;} .shop_realTime .realTime_item ul li.last_more{padding-right:5px; box-sizing:unset;} /*상단 검색창 다해줌샵, 직구샵 */ .sub_srh{width:100%; padding:10px; height:55px; background-color:#fff; box-sizing:border-box; border-bottom:1px solid #d3d5e1; position:relative;} .sub_srh .search_wrap{width:100%; height:100%; position:relative;} .sub_srh .search_wrap .search_inner{width:calc(100% - 95px); height:35px; border:1px solid #afb3bc; border-radius:3px; padding:0px 5px; margin-bottom:2px; box-sizing:border-box; display:inline-block; position:relative; overflow:hidden; float:right;} .sub_srh .search_wrap.type02 .search_inner{width:calc(100% - 80px);} .sub_srh .search_wrap .search_inner span.search_btn{width:30px; height:33px; z-index:1; border:none; background-color:#fff; float:left; position:absolute; top:0px; right:3px; background:url('/img/v4/reviews/btn_search.png') no-repeat center; background-size:18px auto;} .sub_srh .search_wrap .search_inner button img{width:100%; margin-top:-3px;} .sub_srh .search_wrap .search_inner input{width:calc(100% - 42px); height:34px; border:none; float:left; position:absolute; top:-1px; left:0px; line-height:33px; text-indent:0px; padding:0px 0px 0px 10px;} .sub_srh .search_wrap .search_inner input::placeholder{color:#ccc;} .sub_srh .search_wrap .search_inner input::-webkit-input-placeholder{color:#ccc;} .sub_srh .search_wrap .bookmark-on-bnt{width:70px; height:33px; line-height:32px; text-align:center; font-size: 0.9em; font-weight:bold; color:#000; border:1px solid #e3e4e8;} .sub_srh .search_wrap .bookmark-on-bnt.on{color:#ff695a;} .sub_srh .search_wrap .bookmark-on-bnt img{width:15px; vertical-align:middle; margin-right:5px; margin-top:-3px;} /*실시간 상단 베스트 상품*/ .today_best{width:100%; padding:15px; background-color:#fff; overflow:hidden; box-sizing:border-box; margin-bottom:10px;} .today_best .tit{width:100%; overflow:hidden;} .today_best .tit h6{position: relative;margin-bottom:-5px; font-size:1em; font-weight: bold; letter-spacing: -1px; display:inline-block; color:#fe411b;} .today_best .tit h6 span{color:#000;} .today_best .tit .reload-box{display:inline-block; float:right;} .today_best .tit .reload-box .reload-txt{font-size:0.688em; color:#999; display:inline-block; vertical-align:middle; letter-spacing: -0.5px;} .today_best .tit .reload-box .reload-btn{display: inline-block; vertical-align: middle;} .today_best .tit .reload-box .reload-btn a img{width:27px; display: block;} .today_best .con{width:100%; overflow:hidden;} .today_best .con ol{width:100%; height:188px; padding-top:10px; overflow-x:auto; overflow-y:hidden; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none;} .today_best .con ol::-webkit-scrollbar{display:none;} .today_best .con ol li{width:100px; height:100%; display:inline-block; margin-right:15px; overflow:hidden;} .today_best .con ol li .prd_img{width:100%; height:100px;} .today_best .con ol li .prd_img a{width:100%; height:100%; display:inline-block; position:relative;} .today_best .con ol li .prd_img a .rank{width:20px; height:26px; position:absolute; top:1px; left:1px; text-align:center; font-style:normal; color:#815b00; font-size:14px; background-image:url(https://img.malltail.com/goods_img/contents/realtime/ico_medal_M.png); background-size:100% auto; background-repeat:no-repeat; } .today_best .con ol li .prd_img a .rank.type02{ color:#333333; background-image:url(https://img.malltail.com/goods_img/contents/realtime/ico_medal02_M.png); } .today_best .con ol li .prd_img a span{width:100%; height:100%; display:inline-block; background-size:cover; background-position:center center; background-repeat:no-repeat; background-color:#f3f3f3;} .today_best .con ol li .prd_name{width:100%; height:32px; font-size:12px; letter-spacing:-1px; overflow: hidden; white-space:break-spaces; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-top:5px;} .today_best .con ol li .prd_price{width:100%; height:18px; font-size:14px; font-weight:bold; letter-spacing:-1px; padding:4px 0px 8px 0px;} .today_best .con ol li .prd_shop{width:100%; height:20px;} .today_best .con ol li .prd_shop a{display:inline-block; background-color:#e0eeff; font-size:12px; color:#0072ff; letter-spacing:-1px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; padding:1px 3px 3px 3px; box-sizing:border-box; } .today_best .con ol li .prd_shop a.dh_hash {background-color:#fce8e8 !important; color:#e85151;} /* 문건후 주임 230828 회원정보변경*/ @font-face { font-family: 'Noto Sans KR'; font-weight: 200; font-style: normal; src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Thin.woff"); } @font-face { font-family: 'Noto Sans KR'; font-weight: 300; font-style: normal; src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Light.woff"); } @font-face { font-family: 'Noto Sans KR'; font-weight: 400; font-style: normal; src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Regular.woff"); } @font-face { font-family: 'Noto Sans KR'; font-weight: 500; font-style: normal; src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Medium.woff"); } @font-face { font-family: 'Noto Sans KR'; font-weight: 700; font-style: normal; src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Bold.woff"); } @font-face { font-family: 'Pretendard'; font-weight: 900; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-Black.woff') } @font-face { font-family: 'Pretendard'; font-weight: 800; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-ExtraBold.woff'); } @font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-Bold.woff'); } @font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-SemiBold.woff'); } @font-face { font-family: 'Pretendard'; font-weight: 500; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-Medium.woff'); } @font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-Regular.woff'); } @font-face { font-family: 'Pretendard'; font-weight: 300; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-Light.woff'); } @font-face { font-family: 'Pretendard'; font-weight: 200; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-ExtraLight.woff'); } @font-face { font-family: 'Pretendard'; font-weight: 100; font-display: swap; src:url('https://img.malltail.com/goods_img/font/Pretendard-Thin.woff'); } .border-btm { border-bottom:11px solid #DCE0E9; } .member-edit-area__wrapper { margin-bottom:40px;background-color:#fff; } .member-edit-area__item { padding: 0 18px 25px; } .member-edit-area select { appearance: none; padding: 0px 23px 0px 20px; border-radius: 8px; outline: none; } .member-edit-area select { background: url('/img/v4/mytails/select_arr.png') no-repeat calc(100% - 14px) 50%/10px!important } .member-edit-area input[type="number"], .member-edit-area input[type="text"]::-webkit-outer-spin-button, .member-edit-area input[type="number"]:-webkit-inner-spin-button { appearance: none; } .member-edit-area input[type="number"]::placeholder, .member-edit-area input[type="text"]::placeholder,.member-edit-area input[type="password"]::placeholder { olor: #aaa;font-size:16px; } .member-edit-area input[type="checkbox"] { display:inline-block!important;width: 24px; height: 24px; position: relative; appearance: none; margin-right: 9px; vertical-align: text-bottom; } .member-edit-area input[type="checkbox"]::before { content: ""; width: 24px; height: 24px; background-image: url("//img.malltail.com/goods_img/contents/dh_realtimes/check_off01_M.png"); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; left: 0px; background-color: rgb(255, 255, 255); border-radius: 5px; box-sizing: border-box; background-size: contain; } .member-edit-area input[type="checkbox"]:checked::before { content: ""; width: 24px; height: 24px; background-image: url("//img.malltail.com/goods_img/contents/dh_realtimes/check_on01_M.png"); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; left: 0px; box-sizing: border-box; background-size: contain; } .member-edit-area input[type="radio"] { display:inline-block!important; width: 28px; height: 28px; position: relative; appearance: none; margin-right: 10px; vertical-align: middle; } .member-edit-area input[type="radio"]::before { content: ""; width: 28px; height: 28px; background-image: url("//img.malltail.com/goods_img/contents/members/btn_radio_disabled_M.png"); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; left: 0px; background-color: rgb(255, 255, 255); border-radius: 20px; box-sizing: border-box; background-size: contain; } .member-edit-area input[type="radio"]:checked::before { content: ""; width: 28px; height: 28px; background-image: url("//img.malltail.com/goods_img/contents/members/btn_radio_active_M.png"); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; left: 0px; box-sizing: border-box; } .member-edit-area input[type="radio"]:checked + label { content: ""; width: 28px; height: 28px; background-image: url("//img.malltail.com/goods_img/contents/members/btn_radio_active_M.png"); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; left: 0px; box-sizing: border-box; } .member-edit-area select { width: 160px; height: 44px; outline: none; padding: 0px 14px; box-sizing: border-box; text-overflow: ellipsis; border-radius: 8px; border: 1px solid #CCC; color: #000; font-size: 14px; line-height: 16px; letter-spacing: -0.28px; } .member-edit-area select.is-warning, .member-edit-area input[type="number"].is-warning, .member-edit-area input[type="text"].is-warning { border: 1px solid FF4330!important; } .member-edit-area input[type="number"], .member-edit-area input[type="text"],.member-edit-area input[type="password"] {padding:0; width: 100%; height:44px; font-size: 16px; line-height: 16px; letter-spacing: -0.32px; outline: none; border: 1px solid transparent;border-bottom: 1px solid #ccc } .btns-area { font-size: 0px; text-align: center; font-family: Pretendard, "Noto Sans KR"; } .btns-area__item { border-radius: 10px; width: 100%; display: inline-block; height: 60px; line-height: 60px; text-align: center; font-size: 18px; font-style: normal; box-sizing: border-box; color: rgb(255, 255, 255); } .btns-area__item.btns-area__item--primary { background-color: rgb(45, 129, 239); color: rgb(255, 255, 255); font-weight: 700; } .btns-area__item.btns-area__item--secondary { background-color: rgb(255, 255, 255); border: 1px solid rgb(45, 129, 239); color: rgb(45, 129, 239); font-weight: 00; } .btns-area__item.btns-area__item--grey { background-color: rgb(230, 230, 230); color: rgb(102, 102, 102); } .btns-area__item.is-disabled { background-color: #eee; color: #ccc; } .title-area { position: relative; padding-bottom: 24px; padding-top:24px; } .title-area > h2 { font-family: Pretendard, "Noto Sans KR"; color: rgb(0, 0, 0); font-size: 22px; line-height: 22px; font-weight: 700; letter-spacing: -0.44px; } .member-edit-area label span {display: initial;position: initial;min-height: initial;line-height: initial;margin-right: initial;padding-left: initial;font-size: 14px} .member-edit-area label span::before{display:none;} .member-edit-area * { font-family: Pretendard, "Noto Sans KR"; box-sizing: border-box; } .member-table { color: rgb(0, 0, 0); } .member-table__head > * { font-weight: 700; } .member-table .member-table__select { width: fit-content; height: 32px; border-radius: 4px; padding: 0px 25px 0px 10px; position: absolute; right: 0px; bottom: 5px; font-size: 14px; letter-spacing: -0.56px; } .member-table__head { display: flex; font-size: 0px; margin-bottom: 24px; } .member-table__cell { width: 100%; display: inline-block; vertical-align: middle; position: relative; } .member-table__cell:first-of-type { width: 100%; margin-bottom: 8px; line-height: 14px; } .member-table__cell:last-of-type { display: flex; align-items: center; } .member-table__cell .item { position: relative; font-weight: 500; font-size: 14px; line-height: 14px; letter-spacing: -0.28px; } .member-table__cell .info { font-size: 14px; letter-spacing: -0.28px; width: 100%; } .member-table__cell .info p { font-size: 14px; letter-spacing: -0.28px; } .member-table__cell .input.text { display: inline; } .member-table__cell .item.essential::after { content: "*"; color: rgb(255, 0, 34); font-size: 16px; position: absolute; top: 0px; right: -11px; font-weight: 600; } .member-table__row { margin-bottom: 32px; } .member-table__row:last-of-type { margin-bottom:0; } .member-table__cell.member-img { position: relative; background: rgb(255, 255, 255); max-width: fit-content; margin-right: 24px; line-height: initial; } .member-table__cell.member-img > label { cursor: pointer; height: 100px; display: block; position: relative; } .member-table__cell.member-img > label > .user-icon { width: 100px; height: 100px; border-radius:50%; } .member-table__cell.member-img > label input[type="file"] { display: none; } .member-table__cell.member-img > label .file-icon { position: absolute; bottom: 0; right: -8px; } .member-table__cell.member-nickname { padding-left: 0px; font-size: 14px; letter-spacing: -0.28px; font-weight: 500; display: block; } .member-table__cell.member-nickname>input[type='text'] { height: 48px; background: #F6F6F6; border: 1px solid transparent; margin-bottom: 10px; padding: 0 16px; } .member-table__cell.member-nickname .nickname-check-message { color: #FF4330; font-size: 14px; } .member-table__name .info { display: flex; align-items: center; justify-content: space-between; } .member-table__name .info span { margin-right: 10px; } .member-table__name input[type='text'] { width: calc((100% - 10px)/ 2); } .member-table__gender .member-table__cell:first-of-type { margin-bottom: 20px; } .member-table__gender .info>label { display: flex; align-items: center; } .member-table__gender .info { width: 100%; height: 28px; display: flex; } .member-table__mail label { padding: 12px 0; display: block; } .member-table__mail input[type='text'] { width: calc((100% - 28px) / 2); } .member-table__mail select { position: absolute; right: 0; bottom: 0; width: calc((100% - 28px) / 2); } .member-table__mail .info { padding-bottom: 56px; } .member-table__phone-num label { padding: 12px 0; display: block; } .member-table__cell.member-nickname > span { display: block; margin-bottom: 12px; line-height: 14px; } /* 240906 who307 */ .verificationModal input[type='checkbox'] { width: 22px; height: 22px; position: relative; cursor : pointer; display: block!important;} .verificationModal input[type='checkbox']:before { content: ""; width: 22px; height: 22px; background-image: url(//img.malltail.com/goods_img/contents/orders/checkbox_disabled_D.svg); background-repeat : no-repeat; background-position : 50% 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-size: contain; border-radius: 0; } .verificationModal input[type='checkbox']:checked:before { width: 22px; height: 22px; background-image: url(//img.malltail.com/goods_img/contents/orders/checkbox_active_D.svg); } .verificationButton {display: flex;height: 32px;padding: 0 12px;justify-content: center;align-items: center;gap: 4px;border-radius: 5px;border: 1px solid #000;background-color: #fff;font-size: 14px;line-height: 140%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-weight: 500;} .verificationButton.is-success {border: none;color: #2276FC;font-weight: 500;cursor: initial; padding:0;} .verificationButton.is-success>img { display: inline-block; } .verificationModal * { font-family: Pretendard, "Noto Sans KR"; box-sizing: border-box; } .verificationModal {display: none;} .verificationModal__bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.50); z-index: 1;} .verificationModal__container {display: flex;flex-direction: column;gap:20px;width: calc(100% - 36px);max-width: 324px;padding: 20px;color: rgb(0, 0, 0);border-radius: 20px;background: #FFF;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 998;box-sizing: border-box;max-height: 90vh;overflow: auto;} .verificationModal__title { text-align: center; font-size: 20px; font-weight: 700; line-height: 150%; margin-bottom: 20px; } .verificationModal__desc {font-size: 14px;line-height: 150%;} .verificationAgreement__checkAll { border: 1px solid #E0E0E0; border-radius: 5px; margin-bottom: 10px; } .verificationAgreement__label {display: flex;gap:10px;font-size: 14px;line-height: 140%;border-radius: 5px;padding: 16px 40px 16px 16px;cursor: pointer;width: fit-content;} .verificationAgreement__options { display: flex; flex-direction: column; gap: 10px; } .verificationAgreement__option { position: relative; } .verificationAgreement__arrow { background-image: url(//img.malltail.com/goods_img/contents/index/modal_arrow_D.svg); width: 14px; height: 14px; position: absolute; right: 6px; top: 10px; background-size: 14px; background-repeat: no-repeat; background-position: center; cursor: pointer; padding: 10px; box-sizing: content-box; } .verificationAgreement__descBox { display: none; } .verificationAgreement__desc { padding: 13px 6px 13px 14px; background-color: #F7F7F9; border-radius: 5px; } .verificationAgreement__descText {padding-right: 8px;font-size: 14px;line-height: 150%;color: #14171E;min-height: 70px;max-height: 70px;overflow: auto;} .verificationAgreement__descText::-webkit-scrollbar { width: 6px; height:6px; } .verificationAgreement__descText::-webkit-scrollbar-thumb { border-radius: 100px; background-color: #CCC; } .verificationModal__button {display: flex;width: 100%;height: 50px;padding: 0 18px;display: flex;justify-content: center;align-items: center;gap: 4px;border-radius: 5px;background-color: #2276FC;border: none;font-size: 16px;font-weight: 700;color: #fff;line-height: 1;} /* 240906 who307 */ .childrens-table { color: rgb(0, 0, 0); } .childrens-table__head > * { font-weight: 700; } .childrens-table .childrens-table__select { width: fit-content; height: 32px; border-radius: 4px; padding: 0px 25px 0px 10px; position: absolute; right: 0px; bottom: 15px; font-size: 14px; letter-spacing: -0.56px; } .childrens-table__head { display: flex; font-size: 0px; margin-bottom: 24px; } .childrens-table__cell { width: 100%; display: inline-block; vertical-align: middle; position: relative; } .childrens-table__cell:first-of-type { width: 100%; margin-bottom: 8px; line-height: 14px; } .childrens-table__cell:last-of-type { display: flex; align-items: center; } .childrens-table__cell .item { position: relative; font-weight: 500; font-size: 14px; line-height: 14px; letter-spacing: -0.28px; } .childrens-table__cell .info { font-size: 14px; letter-spacing: -0.28px; width: 100%; } .childrens-table__cell .info p { font-size: 14px; letter-spacing: -0.28px; } .childrens-table__cell .input.text { display: inline; } .childrens-table__cell .item.essential::after { content: "*"; color: rgb(255, 0, 34); font-size: 16px; position: absolute; top: 0px; right: -11px; font-weight: 500; } .childrens-table__row { margin-bottom: 32px; } .childrens-table__row:last-of-type { margin-bottom:0; } .childrens-table__gender .childrens-table__cell:first-of-type { margin-bottom: 20px; } .childrens-table__gender .info {display: flex;} .childrens-table__gender .info label{display:flex;align-items: center;} .childrens-table__date select { width: calc((100% - 24px)/ 3); } .childrens-table__date .childrens-table__cell:first-of-type { margin-bottom: 20px; } .childrens-table__date .info { display: flex; align-items: center; justify-content: space-between; } .wish-products { padding-bottom: 13px; } .wish-products__list { font-size: 0; } .wish-products__item { display: inline-flex; padding: 0 15px; align-items: center; border-radius: 99px; border: 1px solid #DDD; background: #FFF; margin-bottom: 2px; font-size: 16px; color: #666; height: 40px; cursor: pointer; margin-right: 9px; } .wish-products__item:last-of-type { margin-right: 0; } .wish-products__item.is-active { color:#2C81EE; border :1px solid #2C81EE; } .member-table__password input[type="password"]::placeholder, .member-table__password-check input[type="password"]::placeholder { font-size: 16px; padding-bottom: px; color: #aaa; font-family: "Noto Sans KR"; } .member-table__password input[type="password"], .member-table__password-check input[type="password"] { color: #000; font-size: 16px; } .agree__area { border-radius: 10px; border: 1px solid #E6E6E6; background: #FFF; overflow: hidden; } .agree .title-area { padding: 24px 0 20px; } .agree__area>p { padding: 16px 16px 0; font-size: 16px; } .agree__area>span { color: #888; font-size: 14px; line-height: 24px; letter-spacing: -0.28px; padding: 0 16px 16px 16px; display: block; } .agree__area>p:first-of-type { background-color: #EDF0F4; border-bottom: 1px solid #E6E6E6; padding: 16px; } .agree__area>p:last-of-type { padding: 16px 16px 12px; } .member-edit-area__btns-area { padding: 0 18px 25px; } .member-edit-area .btns-area__item { width: 100%; height: 60px; line-height: 60px; border-radius: 10px; font-size: 20px; font-weight: 700; letter-spacing: 0px; } /* 문건후 주임 230828 회원정보변경*/ /* ksj2388 */ .childrens-table .childrens_info_wrap ul {} .childrens-table .childrens_info_wrap ul li {border:1px solid #E6E6E6; border-radius:10px; margin-bottom:30px; font-size:14px;} .childrens-table .childrens_info_wrap ul li .childrens_info_row {display:inline-flex; width:100%; border-bottom:1px solid #E6E6E6;} .childrens-table .childrens_info_wrap ul li .childrens_info_row:last-child {border-bottom:0;} .childrens-table .childrens_info_wrap ul li .childrens_info_cell {float:left; width:40%; background-color:#EDF0F4; padding:10px;} .childrens-table .childrens_info_wrap ul li .childrens_info_text {float:left; width:60%; padding:10px;} .childrens-table .childrens-table__wrapper .add_child_box {display:none; position:relative; border:1px solid #DDD; background: #FFF; margin-bottom: 10px; padding:10px; border-radius: 9px; overflow:hidden;} .childrens-table .childrens-table__wrapper .add_child_box.on {display:block;} .childrens-table .childrens-table__wrapper .childrens-table__cell .info .child_birth_y {width:calc((100% - 24px)/ 3); border:1px solid #CCC; border-radius:8px; color:#000; padding:0px 14px; font-size: 14px; line-height: 16px; letter-spacing: -0.28px;} .childrens-table .childrens-table__wrapper span.notice {color: #888; font-size: 14px; line-height: 24px; letter-spacing: -0.28px; display: block;} .childrens-table .childrens-table__wrapper .add_child_box .child_info_del_btn {position: absolute;right: 0;top: 0;display: inline-block;width: 30px;height: 30px;} .childrens-table .add_info_member_etc {text-align:center; margin-top:20px !important;} .childrens-table .add_info_member_etc a {border:1px solid #DDD; border-radius:99px; color:#666; font-size:14px; background:#fff; padding:0 15px;height:35px;display: inline-flex; align-items: center;} .childrens-table .add_info_member_etc a img {width:100%; height:100%;} .wish-shoplist { padding-bottom: 13px; } .wish-shoplist__list { font-size: 0; } .wish-shoplist__item { display: inline-flex; padding: 0 15px; align-items: center; border-radius: 99px; border: 1px solid #DDD; background: #FFF; margin-bottom: 2px; font-size: 16px; color: #666; height: 40px; cursor: pointer; margin-right: 9px; } .wish-shoplist__item:last-of-type { margin-right: 0; } .wish-shoplist__item.is-active { color:#2C81EE; border :1px solid #2C81EE; } /* 250204 who307 */ /* login */ .simpleLogin * { box-sizing: border-box; } .simpleLogin { color: #000; font-size: 14px; font-family: "Pretendard", "Noto Sans KR"; } .simpleLogin__container { width:100%; padding: 24px 0 0; margin: 24px 0 0 0; display: flex; align-items: center; flex-direction: column; gap: 10px; justify-content: space-between; border-top: 1px solid #E0E0E0; } .simpleLogin__title { color: #000; font-size: 16px; font-weight: 700; } .simpleLogin__item { width: 240px; height: 50px; padding: 0 14px; display: flex; justify-content: center; align-items: center; gap: 10px; border: 1px solid #CCC; background: #FFF; border-radius: 5px; max-width: 240px; } .simpleLogin__text { font-size: 16px; font-weight: 500; } /* member tab */ .memberTab { display: flex; border: 1px solid #E0E0E0; margin:40px 0; } .memberTab__item { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; color: #000; border-right: 1px solid #E0E0E0; } .memberTab__item:last-of-type { border-right:1px solid transparent; } .memberTab__item.active { background-color: #000; color: #fff; border-right: 1px solid transparent; } /* gateway */ .gateway * { line-height: 150%; } .gateway__container { background-color: #F8F8F8; padding: 100px 18px; display: flex; align-items: center; flex-direction: column; gap: 40px; min-height: 678px; } .gateway__header { text-align: center; } .gateway__body { width: 100%; display: flex; align-items: center; justify-content: center; gap:10px; flex-direction: column; } .gateway__title { font-size: 22px; font-weight: 700; } .gateway__subtitle { font-size: 16px; margin-top: 6px; } .gateway__button { width: 100%; max-width: 324px; height: 62px; padding: 0 14px; display: flex; justify-content: center; align-items: center; gap: 10px; border: 1px solid #CCC; background: #FFF; border-radius: 5px; font-size:18px; font-weight: 700; line-height:1; } /* simpleLoginSetting */ .simpleLoginSetting * { box-sizing: border-box; } .simpleLoginSetting { color: #000; font-size: 14px; background-color: #fff; font-family: "Pretendard", "Noto Sans KR"; } .simpleLoginSetting button { font-family: "Pretendard", "Noto Sans KR"; } .simpleLoginSetting__container { background-color: #F8F8F8; padding: 40px; display: flex; gap: 20px 10px; justify-content:center; flex-wrap: wrap; } .simpleLoginSetting__item { display: flex; align-items: center; flex-direction: column; justify-content: center; } .simpleLoginSetting__icon { display: flex; width: 62px; height: 62px; justify-content: center; align-items: center; gap: 4px; border-radius: 10px; border: 1px solid #E0E0E0; background: #FFF; margin-bottom: 18px; } .simpleLoginSetting__button { color: #000; background-color: #fff; border: 1px solid #CCC; min-width: 80px; height: 32px; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 14px; border-radius: 5px; line-height: 1; } .simpleLoginSetting__button.active { background-color: #E0E0E0; border: none; color: #666; } /* singup gateway*/ .signupGateway * { box-sizing: border-box; } .signupGateway { color: #000; font-size: 14px; background-color: #fff; font-family: "Pretendard", "Noto Sans KR"; } .signupGateway__container { padding: 100px 18px; display: flex; justify-content: center; background: #F8F8F8; min-height: 678px; } .signupGateway__box { display: flex; flex-direction: column; align-items: center; gap: 40px; border-radius: 10px; width: 100%; } .signupGateway__title { text-align: center; font-size: 22px; font-weight: 700; line-height: 150%; } .signupGateway__desc { text-align: center; font-size: 16px; line-height: 150%; margin-top: 6px; } .signupGateway__list { display: flex; flex-direction: column; gap :10px; } .signupGateway__button { width: 324px; height: 62px; padding: 0 14px; display: flex; justify-content: center; align-items: center; gap: 10px; border: 1px solid #CCC; background: #FFF; border-radius: 5px; font-weight:700; font-size:18px; } .signupGateway__button--border-black { border:1px solid #000; } /* 250204 who307 */