@charset "utf-8"; #header #search { float:right; width:612px; margin-top:15px; } #header #search fieldset { float:left; } #header #search fieldset input { float:left; width:224px; height:13px; padding:5px 0 3px 10px; } #header #search fieldset a { float:left; margin-left:1px; } #header #search ul { float:right; margin-top:11px; } #header #search ul li { float:left; margin-left:13px; } #header #search ul li a { display:block; height:11px; background:url('/images/common/header.gif') no-repeat; } #header #search ul li a span { overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; } #header #search ul li.type1 a { width:66px; background-position:0 -109px; } #header #search ul li.type2 a { width:60px; background-position:0 -122px; } #header #search ul li.type3 a { width:50px; background-position:0 -135px; } #header #search ul li.type4 a { width:60px; background-position:0 -148px; } #header #box-gnb { float:left; width:100%; margin-top:0px; } #header #box-gnb ul { float:left; width:290px; height:38px; background:#19B6C3; } #header #box-gnb #gnb { width:960px; background:#000; } #header #box-gnb ul li { position:relative; display:inline; float:left; margin-left:40px; z-index:100; } #header #box-gnb ul li a { display:block; padding:0px 0 0px 0; } #header #box-gnb #gnb li a { } #header #box-gnb #gnb li { margin:0; } #header #box-gnb #gnb li #gnb_2ch_one { display:none; position:absolute; top:36px; left:0; overflow:hidden; float:none; width:960px; height:auto; padding:19px 0 10px 0; border:2px solid #e41e26; background:#fff; } #header #box-gnb #gnb li #gnb_2ch { display:none; position:absolute; top:36px; left:0; overflow:hidden; float:none; width:178px; height:auto; padding:19px 0 10px 0; border:1px solid #E6E6E6; background:#fff; } #header #box-gnb #gnb li #gnb_2ch_one li { display:block; float:none; width:900px; margin:0 0 8px 20px; vertical-align:top; } #header #box-gnb #gnb li #gnb_2ch li { display:block; float:none; width:158px; margin:0 0 8px 20px; vertical-align:top; } #header #box-gnb #gnb li ul { display:none; position:absolute; top:30px; left:0; overflow:hidden; float:none; width:178px; height:auto; padding:19px 0 10px 0; border:1px solid #E6E6E6; background:#fff; } #header #box-gnb #gnb li ul li { display:block; float:none; width:158px; margin:0 0 8px 20px; vertical-align:top; } #header #box-gnb #gnb li ul li a { display:inline; padding:0; } #header #box-gnb #gnb li ul li a:hover { color:#000; } .container_border{ border:5px solid #3B88FC; border-bottom:33px solid #3B88FC; } #MyContents .MyPageTitle { font-size: 30px; color: #000; padding: 70px 50px 30px; } #MyContents .MyOrdMenu { color: #000; text-align: center; } #MyContents .MyOrdMenu .UserLevelText { font-size: 15px; margin: 15px 0; display: inline-block; _letter-spacing: -1.5px; word-spacing: 4px; background-color: #000; padding: 10px; width: 150px; } #MyContents .MyOrdMenu .MyLevelBadgeImg { margin: 24px 0 0 0; } #MyContents .MyOrdMenu .fa-question-circle { font-size: 22px; padding-bottom: 6px; position: absolute; margin: 11px -19px; } #MyContents .MyOrdMenu .tooltip .tooltip-inner { max-width: 700px !important; padding: 10px; text-align: left; } #MyContents .MyOrdMenu h3 { font-size: 14px; margin: 12px 0; } #MyContents .MyOrdMenu h3.MyMail { font-size: 12px; margin: 10px 0; } #MyContents .MyOrdMenu .btn { color: #666666; margin-top: 5px; padding: 3px 5px; } #MyContents .MyOrdMenu .MyInforBtn{ margin-right: 5px } #MyContents .MyLeft_Bar1 { height: 1px; background-color: #e6e6e6; margin: 30px 0px 0; padding: 0 !important; } #MyContents .MyLeft_Bar2 { height: 1px; background-color: #e6e6e6; margin: 13px 0px 0; padding: 0 !important; } /* MessageAllDiv */ #MessageAllDiv{ display: none; z-index: 9999999; _border: 1px solid #e3e3e3; box-shadow: 1px 7px 5px #4e4e4e; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px 60px; background-color: var(--col-primary); color: #fff; font-size: 20px; border-radius: 5px; } #MessageSaveDiv{ display: none; z-index: 9999999; _border: 1px solid #e3e3e3; box-shadow: 1px 7px 5px #4e4e4e; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px 60px; background-color: #121212; color: #fff; font-size: 20px; border-radius: 5px; } /* MessageAllDiv */ .thumb-list-funding { max-width: 1200px;} .thumb-list-funding div.list_item_box_top { _margin-top: 30px;position: relative;} .thumb-list-funding div li { float:left;width:240px;} .thumb-list-funding div li.list_item_box { float: left;width: 281px;height: 445px; margin: 0 0 25px 25px; background: #fff; list-style:none; overflow: hidden; } .thumb-list-funding div li.first { margin-left: 0px;} .thumb-list-funding div li div { overflow:hidden;width:279px; height: 279px; margin:0 auto;} .thumb-list-funding div li div img { width:100%; height: 100%; } .thumb-list-funding div li strong { display: block; font-size:15px; font-weight:600; margin: 15px 10px; } .thumb-list-funding div li span{ display:block;line-height:20px; font-size: 15px;} .thumb-list-funding div li span strong{ font-weight: 800; margin:0; display:inline-block;} .thumb-list-funding div li span.type1 { color:#656565; font-size: 12px; height: 40px; overflow: hidden; margin: 0 10px; } .thumb-list-funding div li div.fd_state_bar { height: 6px; background-color: #c8c8c8; width:92%; border-radius:8px; margin: 10px auto; } /* bar 수정부분 */ .thumb-list-funding div li .fd_state th { border-bottom:0px; border: 1px solid #fff !important; font-size: 14px; padding: 0px;} .thumb-list-funding div li .fd_state th:nth-child(1){ text-align:left; padding-left:10px;} .thumb-list-funding div li .fd_state th:nth-child(2){ text-align:center; width:80px;} .thumb-list-funding div li .fd_state th:nth-child(3){ text-align:right; padding-right:10px; width:80px;} .thumb-list-funding div li .fd_state td { border-bottom:0px; border: 1px solid #fff !important; font-size: 14px; padding: 0px; color: rgb(34, 34, 34); font-weight: 600; _width:62%;} .thumb-list-funding div li .fd_state td:nth-child(1){ text-align:left; padding-left:10px;} .thumb-list-funding div li .fd_state td:nth-child(2){ text-align: right; padding-right: 10px; } .thumb-list-funding div li .fd_state td:nth-child(3){ text-align:right; padding-right:10px; } .thumb-list-funding div li .fd_state td .rs_tot_price{ text-align:left; float:right; _width:80px; font-size:15px; color:#666; letter-spacing: -0.5px;} .thumb-list-funding div li .fd_state td .rs_percent{ text-align:left; float:left; _width:45px; color: #f16062; font-size:22px; font-weight: 700; letter-spacing: -1.0px; } .proj_fail{ font-size:20px;} .thumb-list-funding div li span img { vertical-align:middle;} .thumb-list-funding div li em{ display:block;line-height:16px;text-align:center;height: 45px;} #snb #mgt10 {padding-top:20px;} #snb { float:left; width:220px; border: 1px solid #e6e6e6; margin-top: 24px; padding: 0 25px; } #snb h2 { margin-left:10px; } #sub-container.type { overflow: hidden; width: 1200px; margin: 0 auto; } /*#sub-container.type h2 { width:200px; height:160px; margin:0; background:#6e6e6e; }*/ #sub-container.type strong.menu { display:block; margin:20px 0 0 20px; } #snb ul { width:100%; padding:25px 0 13px 0; border-bottom:1px solid #E6E6E6; } #snb ul.mypage { width:100%; padding:0 !important; border:none; } #snb ul li { position:relative; width:100%; vertical-align:top; z-index:2; letter-spacing: -0.3px; } #snb ul li.selected2 { z-index:1; } #snb ul.mypage li { padding:15px 0 15px 0px; } #snb ul.mypage li h3 { font-size: 14px; line-height: 16px; margin-bottom: 10px; } #snb ul.mypage li h3 a { display:inline; width:auto; margin:0; padding:0; background:none; } #snb ul li a { display:block; margin-left:10px; padding:5px 0 5px 9px; background:url('/images/common/icon/bl_notice02.gif') no-repeat left 10px; text-decoration:none !important; } #snb ul li.selected2 a, #snb ul li.selected a { background:url('/images/common/bg_snb.gif') no-repeat left 9px; color:#000; font-weight:bold; letter-spacing:-1px; } #snb ul.mypage li ul li a:hover, #snb ul.mypage li ul li.selected a{ background:url('/images/order/my_page_point2.png') no-repeat left 6px; color:#042bde; letter-spacing:0px; padding: 5px 0 5px 12px; } #snb ul li div { display:none; position:absolute; top:-8px; left:157px; overflow:hidden; width:170px; background:url('/images/common/bg_snb02.gif') no-repeat left bottom; z-index:2; } #snb ul li.selected2 div { position:relative; top:0; left:0; display:block; width:100%; padding-top:10px; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; background:#F6F6F6; z-index:1; } #snb ul li.selected div { display:block; } #snb ul li ul { width:100%; padding:11px 0 0 0; border:none; background:url('/images/common/bg_snb01.gif') no-repeat; z-index:2; } #snb ul li.selected2 div ul { width:150px; margin-left:30px; padding:0; background:none; } #snb ul.mypage li ul { margin-top:4px; padding:0 0 0 12px !important; } #snb ul.mypage li h3 { padding:0; margin: 10px 0 10px 10px; color: #000; } #snb ul.mypage li ul { background:none; } #snb ul li ul li { margin-bottom:9px; padding-left:15px; font:11px/13px ; } #snb ul li.selected2 div ul li { padding:0; } #snb ul.mypage li ul li { margin:0; } #snb ul.mypage li ul li { border:none; font:12px/14px; padding: 1px 0 0 3px; } #snb ul.mypage li ul li a { margin:0; background:none; padding: 5px 0 5px 12px; } #snb ul li.selected2 div ul li a { display:inline; margin:0; padding:0; background:none; color:#888; font-weight:normal; letter-spacing:0; } #snb ul li.selected2 div ul li.selected a, #snb ul li ul li a:hover { color:#000; text-decoration:underline; } #snb ul li ul li a:hover { text-decoration:underline !important; } #snb ul.mypage li ul li a:hover { text-decoration:none !important; } #snb ul li.selected ul li a { display:inline; padding:0; background:none; color:#888; font-weight:normal; letter-spacing:0; } #snb ul li.selected ul li a:hover { color:#000; } #snb ul.mypage .RegGoodBtn { padding: 0; border: 0; text-align: center;} #snb ul.mypage .RegGoodBtn .btn { height: 40px; width: 100%; font-weight: 600; border: solid 1px #e6e6e6; margin: 3px 0; border-radius: 0; } #snb ul.mypage .RegGoodBtn .btn-primary { font-size: 16px; background-color: #0050b0; } #snb ul.mypage .RegGoodBtn .btn-default { font-size: 14px; background-color: #fff; color:#0050b0; } #snb ul.mypage .RegGoodBtn .fun-btn { background-color: #294375; } #snb ul.customer { overflow:hidden; } #snb ul.customer li { margin: 15px 0 15px 10px ; } #snb ul.customer li h3{ font-size: 14px; } /* 고객센터 좌측 안내문 */ #snb .left_contact {margin: 20px 0 0 0px;} #snb .left_contact {font-size: 14px; display: block; color: #000; margin-bottom: 25px; margin-left:14px; } #snb .left_contact span.tel {display: inline-block; font-size: 20px; color: #000; font-weight: 600; margin-top: 7px; } #snb .left_contact ul { padding: 5px 0 16px 0; font-size: 10px; color: #666; border: 0; } #snb .left_contact ul li {list-style: none;} #MyPage_Top_Txt{ height: 15px; } #MyPage_Top_Txt h3 { margin: 15px auto; color: #777777; width: 1200px; } #MyPage_Top_Txt h3 span { font-weight: 700; } /* mypage */ div.box-views { overflow:hidden; margin-bottom: 10px;/**/ } div.box-views span.case { margin-top:0px; } div.box-views span.case .SelDate1, .SelDate2 { width: 110px; list-style: none;float: left; border: 1px solid #ccc; } div.box-views span.case .SelDate1_2 { list-style: none; float: left; width: 7px; font-size: 15px; margin: 6px 6px; } div.box-views span.case #RegDateChange1, #RegDateChange2{ width: 85px; font-size: 13px; border: 1px solid #FFF; height: 31px; padding: 0 0 0 5px; } div.box-views .interval_btn { top: -11px; position: relative; margin-left: 5px; } div.box-views .interval_btn .btn{border-radius: 0px;} div.box-views .interval_txt { font-size: 12px; padding-left: 10px; color: #000; margin-left: 20px;} div.box-views .interval_txt .SeOrderNum{ width: 150px; font-size: 12px; padding: 5px; border: 1px solid #ccc; } div.box-views .interval_txt .SeOrderName{ width: 75px; font-size: 12px; padding: 5px; border: 1px solid #ccc; } div.box-views .OrderSearchBtn{ background-color: #fff; border: 0; } div.box-views span.interval { margin-right:60px; } div.box-views span input.radio {width:12px;height:12px;margin:0;padding:0;vertical-align:-2px;*vertical-align:0; text} div.box-views span input.text { height:15px; padding:5px 0 2px 5px;border:1px solid #E6E6E6; } div.box-views span img, div.box-views span input {vertical-align:middle; } /* 주문서 구매내역 */ #mypage_contents { position:relative; float:right; width:950px; } #mypage_contents .OrderDatePri{ display: flex; justify-content: space-evenly; gap: 560px; list-style-type: none; margin-bottom: 5px; font-size: 13px; } #mypage_contents .OrderDatePri .OrderDate{ font-weight: 600; text-align: left; } #mypage_contents .OrderDatePri .OrderTotPri{ margin: 0px; font-weight: 600; text-align: right; } #mypage_contents .OrderStateTxt{ margin: 0px; display: block; font-weight: 600; color: var(--col-secondary);} #mypage_contents .MyPage_Sub_Txt{ margin: 8px 50px 0 0; font-size: 16px; font-weight: 600; color: #333333; letter-spacing: -2px; float: left; } #mypage_contents .my_order_table{ width: 100%; } #mypage_contents .my_order_table th{text-align: center; font-size: 12px; font-weight: var(--ft-bold); padding: 12px 0 9px 0; background-color: #f7f7f7;border-bottom: 1px solid #ccc; } #mypage_contents .my_order_table th .fas{ font-size:18px; padding-bottom: 6px; } #mypage_contents .my_order_table th .tooltip { _left: 749.844px !important; } #mypage_contents .my_order_table th.last {} #mypage_contents .my_order_table tr{ border: 1px solid #cccccc; } #mypage_contents .my_order_table tr.OrderSumArea{ height: 50px; border: 0; } #mypage_contents .my_order_table tr.OrderSumArea td{ vertical-align: top; padding-top: 10px; font-weight: 600; } #mypage_contents .my_order_table tr.OrderSumArea td.CancelBtn{ text-align: right; } #mypage_contents .my_order_table tr.OrderSumArea td.OrderTotPri{ text-align: right; } #mypage_contents .my_order_table td{text-align: center; border-bottom: 1px solid #ccc; padding: 0; } #mypage_contents .my_order_table td li{ display: block; text-align: left; font-size: 14px; _font-weight: 500; _padding: 5px; } #mypage_contents .my_order_table td li.OptPrice{ display: block; height: 25px; } #mypage_contents .my_order_table td .GsOrdNum { float: left; display: inline-block; } #mypage_contents .my_order_table td .GsOrdPri { float: right; font-size: 14px; } #mypage_contents .my_order_table td .AddOptPrice { _border-top: 1px solid #efefef; padding-bottom: 3px; } #mypage_contents .my_order_table td .AddOptPrice li{ display: inline-block; color: #6b6b6b;; } #mypage_contents .my_order_table td .AddOptPrice li.AddOptName{ width: 100%; } #mypage_contents .my_order_table td .AddOptPrice li.AddOptNum{ position: absolute; margin-top: 0px; margin-left: -32px; } #mypage_contents .my_order_table td .AddOptPrice li.AddOptPri{ width: 100%; text-align: right; top: -18px; position: relative; height: 0;font-size: 14px;} #mypage_contents .my_order_table td .OrdImage{ margin: 0 2px; } #mypage_contents .my_order_table td canvas{ margin: 0 auto; cursor: pointer; } #mypage_contents .my_order_table td .OrdImage img { width: 65px;cursor: pointer; } #mypage_contents .my_order_table td .goods .OrderListImg span {float:none;} #mypage_contents .my_order_table td .goods .OrderListImg span.s2 {width: 100%; margin-left: 0; font-size: 12px; color: #777;} #mypage_contents .my_order_table td .goods.kind.s2 span.s2 {padding-top:8px;} #mypage_contents .my_order_table th:nth-child(1){width:220px;} #mypage_contents .my_order_table th:nth-child(2){} #mypage_contents .my_order_table th:nth-child(3){width:170px;} #mypage_contents .my_order_table th:nth-child(4){width:170px;} #mypage_contents .my_order_table th:nth-child(5){width:100px;} #mypage_contents .my_order_table th.bankNum{width:250px ;} #mypage_contents .my_order_table td { vertical-align: middle; font-size: 14px; } #mypage_contents .my_order_table td span.DeliveryCom { display: block; } #mypage_contents .my_order_table td div span.OrderListImg{ width: auto; margin: 0; } #mypage_contents .my_order_table td .bil_print{ margin: 0; float: none; } #mypage_contents .my_order_table td .sapnOrderDate{ font-size: 12px; padding: 5px 0px; font-weight: 600; } #mypage_contents .my_order_table td .btn{ margin-top: 10px; background-color: #dbdbdb; font-size: 12px; padding: 5px 15px; font-weight: 600; } #mypage_contents .my_order_table td .btn-OrdReceipt{ margin-top: 5px; padding: 2px 15px; border: 1px solid #dcd6d6; background-color: #ffffff; font-weight: 400; } #mypage_contents .my_order_table td .btn-OrdCancel{ margin: 10px 0; padding: 2px 15px; border: 1px solid #dcd6d6; background-color: #ffffff; } #mypage_contents .my_order_table td .bil_print a{ color: #e73606; font-size: 12px; } #mypage_contents .my_order_table td .trans_infor{ margin: 0; list-style: none; } #mypage_contents .my_order_table td .trans_infor a{ font-size: 11px; color: #8a8a8a; } #mypage_contents .my_order_table td .CancelBtn{ text-align: right; } #mypage_contents .my_order_table td .btn-OrdInfor{ background-color: #fff; border: solid 1px #ccc; margin-top: 0px; padding: 5px; font-size: 11px; font-weight: 500;} #mypage_contents .my_order_table td .btn-Review{ background-color: #fff; border: solid 1px #ccc; padding: 5px; font-size: 11px; font-weight: 600; margin-top: 0px;} #mypage_contents .my_order_table td .PartGsPri{ margin: 0px; display: block; font-weight: 600; } #mypage_contents .my_order_table td .SubCancelBtn{ } #mypage_contents .my_order_table td .fa-cloud-download-alt{ font-size: 30px; cursor: pointer; } #mypage_contents .my_order_table td .fa-edit{ font-size: 30px; color: #505050; cursor: pointer; } #mypage_contents .my_order_table td .btn-OrdDownLoad-first{ color: #1f359b; } #mypage_contents .my_order_table td span.OrdFundingTxt{ display: block; } #mypage_contents .my_order_table #Order_Zero{ height: 600px; border: 0; font-size: 20px; color: #000; } #mypage_contents .my_order_table td .OrdListGsName{ text-align: center; } /* 주문서 취소/검수 */ #mypage_contents { position:relative; float:right; width:950px; } #mypage_contents .MyPage_Sub_Txt{ margin: 8px 50px 0 0; font-size: 16px; font-weight: 600; color: #333333; letter-spacing: -2px; float: left; } #mypage_contents .my_order_ta{ width: 100%; } #mypage_contents .my_order_ta th{text-align: center; font-size: 11px; color: #222222; padding: 12px 0 9px 0; border-top: 1px solid #222; border-bottom: 1px solid #ccc; background-color: #f7f7f7; } #mypage_contents .my_order_ta th .fas{ font-size:18px; padding-bottom: 6px; } #mypage_contents .my_order_ta th .tooltip { _left: 749.844px !important; } #mypage_contents .my_order_ta th.last {} #mypage_contents .my_order_ta td{text-align: center; font-size: 13px; border-bottom: 1px solid #ccc; padding: 0; height: 40px; } #mypage_contents .my_order_ta td li{ display: block; text-align: left; } #mypage_contents .my_order_ta td li:nth-child(1){ margin-top: 5px; } #mypage_contents .my_order_ta td li.OptPrice{ display: block; height: 25px; } #mypage_contents .my_order_ta td .GsOrdNum { float: left; display: inline-block; } #mypage_contents .my_order_ta td .GsOrdPri { float: right; font-size: 14px; } #mypage_contents .my_order_ta td .AddOptPrice { border-top: 1px solid #efefef; padding-bottom: 3px; } #mypage_contents .my_order_ta td .AddOptPrice li{ display: inline-block; color: #6b6b6b;; } #mypage_contents .my_order_ta td .AddOptPrice li.AddOptName{ width: 100%; } #mypage_contents .my_order_ta td .AddOptPrice li.AddOptNum{ position: absolute; margin-top: 5px; margin-left: -32px; } #mypage_contents .my_order_ta td .AddOptPrice li.AddOptPri{ width: 100%; text-align: right; top: -18px; position: relative; height: 0;font-size: 14px;} #mypage_contents .my_order_ta td .OrdImage{ margin: 0 2px; } #mypage_contents .my_order_ta td canvas{ margin: 0 auto; cursor: pointer; } #mypage_contents .my_order_ta td .OrdImage img { width: 65px;cursor: pointer; } #mypage_contents .my_order_ta td .goods .OrderListImg span {float:none;} #mypage_contents .my_order_ta td .goods .OrderListImg span.s2 {width: 100%; margin-left: 0; font-size: 12px; color: #777;} #mypage_contents .my_order_ta td .goods.kind.s2 span.s2 {padding-top:8px;} #mypage_contents .my_order_ta th:nth-child(1){ width: 70px;} #mypage_contents .my_order_ta th:nth-child(2){ width: 240px;} #mypage_contents .my_order_ta th:nth-child(3){} #mypage_contents .my_order_ta th:nth-child(4){ width:180px;} #mypage_contents .my_order_ta th:nth-child(5){width:70px;} #mypage_contents .my_order_ta th:nth-child(6){width:100px;} #mypage_contents .my_order_ta th.bankNum{width:250px ;} #mypage_contents .my_order_ta td .OrderDate{ font-size: 12px;text-align: center; } #mypage_contents .my_order_ta td .OrdListGsName{ text-align: center; } #mypage_contents .my_order_ta td div span.OrderListImg{ width: auto; margin: 0; } #mypage_contents .my_order_ta td .bil_print{ margin: 0; float: none; } #mypage_contents .my_order_ta td .sapnOrderDate{ font-size: 12px; padding: 5px 0px; font-weight: 600; } #mypage_contents .my_order_ta td .btn-OrdReceipt{ margin-top: 5px; padding: 2px 5px; border: 1px solid #dcd6d6; background-color: #ffffff; font-weight: 400; } #mypage_contents .my_order_ta td .btn-OrdCancel{ margin-top: 5px; padding: 2px 5px; border: 1px solid #dcd6d6; background-color: #ffffff; } #mypage_contents .my_order_ta td .bil_print a{ color: #e73606; font-size: 12px; } #mypage_contents .my_order_ta td .trans_infor{ margin: 0; list-style: none; } #mypage_contents .my_order_ta td .trans_infor a{ font-size: 11px; color: #8a8a8a; } #mypage_contents .my_order_ta td .btn-OrdInfor{ background-color: #fff; border: solid 1px #ccc; padding: 2px 10px; font-size: 11px; font-weight: 500; margin-bottom: 5px;} #mypage_contents .my_order_ta td .OrderTotPri{ margin: 10px 0; display: block; font-weight: 600;} #mypage_contents .my_order_ta td .OrderStateTxt{ margin: 10px 0; display: block; font-weight: 600;} #mypage_contents .my_order_ta td .fa-edit{ font-size: 30px; color: #505050; } #mypage_contents .my_order_ta td .btn-OrdDownLoad-first{ color: #1f359b; } #mypage_contents .my_order_ta td span.OrdFundingTxt{ display: block; } #mypage_contents .my_order_ta #Order_Zero{ height: 600px; border: 0; font-size: 20px; color: #000; } /* 주문변경 */ #mypage_contents .TabCancelStep{ font-size: 30px; color: #505050; } #mypage_contents .TabCancelStep{ width: 100%; } #mypage_contents .TabCancelStep th{text-align: center; font-size: 12px; font-weight: var(--ft-bold); vertical-align: middle;padding: 5px 0; background-color: #f7f7f7;border-bottom: 1px solid #ccc; } #mypage_contents .TabCancelStep th .fas{ font-size:18px; padding-bottom: 6px; } #mypage_contents .TabCancelStep th .tooltip { _left: 749.844px !important; } #mypage_contents .TabCancelStep th.last {} #mypage_contents .TabCancelStep tr{ border: 1px solid #cccccc; } #mypage_contents .TabCancelStep tr.OrderSumArea{ height: 50px; border: 0; } #mypage_contents .TabCancelStep tr.OrderSumArea td{ vertical-align: top; padding-top: 10px; font-weight: 600; } #mypage_contents .TabCancelStep tr.OrderSumArea td.CancelBtn{ text-align: right; } #mypage_contents .TabCancelStep tr.OrderSumArea td.OrderTotPri{ text-align: right; } #mypage_contents .TabCancelStep td{text-align: center; border-bottom: 1px solid #ccc; padding: 0; } #mypage_contents .TabCancelStep td li{ display: block; text-align: left; font-size: 14px; _font-weight: 500; _padding: 5px; } #mypage_contents .TabCancelStep td li.OptPrice{ display: block; height: 20px; } #mypage_contents .TabCancelStep td .GsOrdNum { float: left; display: inline-block; } #mypage_contents .TabCancelStep td .GsOrdPri { float: right; font-size: 14px; } #mypage_contents .TabCancelStep td .AddOptPrice { _border-top: 1px solid #efefef; padding-bottom: 3px; } #mypage_contents .TabCancelStep td .AddOptPrice li{ display: inline-block; color: #6b6b6b; margin: 3px 0; } #mypage_contents .TabCancelStep td .AddOptPrice li.AddOptName{ width: 70%; float: left; } #mypage_contents .TabCancelStep td .AddOptPrice li.AddOptNum{ margin-top: -3px; margin-left: -13px; } #mypage_contents .TabCancelStep td .AddOptPrice li.AddOptPri{ margin-left: -52px; text-align: right; width: 70px; float: right;} #mypage_contents .TabCancelStep td .OrdImage{ margin: 0 2px; } #mypage_contents .TabCancelStep td canvas{ margin: 0 auto; cursor: pointer; } #mypage_contents .TabCancelStep td .OrdImage img { width: 65px;cursor: pointer; } #mypage_contents .TabCancelStep td .goods .OrderListImg span {float:none;} #mypage_contents .TabCancelStep td .goods .OrderListImg span.s2 {width: 100%; margin-left: 0; font-size: 12px; color: #777;} #mypage_contents .TabCancelStep td .goods.kind.s2 span.s2 {padding-top:8px;} #mypage_contents .TabCancelStep th:nth-child(1){width:40px;} #mypage_contents .TabCancelStep th:nth-child(2){width:220px;} #mypage_contents .TabCancelStep th:nth-child(3){} #mypage_contents .TabCancelStep th:nth-child(4){width:250px;} #mypage_contents .TabCancelStep th:nth-child(5){width:100px;} #mypage_contents .TabCancelStep th:nth-child(6){width:100px;} #mypage_contents .TabCancelStep th.bankNum{width:250px ;} #mypage_contents .TabCancelStep td { vertical-align: middle; font-size: 14px; } #mypage_contents .TabCancelStep td div span.OrderListImg{ width: auto; margin: 0; } #mypage_contents .TabCancelStep td .bil_print{ margin: 0; float: none; } #mypage_contents .TabCancelStep td .sapnOrderDate{ font-size: 12px; padding: 5px 0px; font-weight: 600; } #mypage_contents .TabCancelStep td .btn{ background-color: #dbdbdb; font-size: 12px; padding: 5px 15px; font-weight: 600; } #mypage_contents .TabCancelStep td .btn-OrdReceipt{ margin-top: 5px; padding: 2px 15px; border: 1px solid #dcd6d6; background-color: #ffffff; font-weight: 400; } #mypage_contents .TabCancelStep td .btn-OrdCancel{ margin: 10px 0; padding: 2px 15px; border: 1px solid #dcd6d6; background-color: #ffffff; } #mypage_contents .TabCancelStep td .bil_print a{ color: #e73606; font-size: 12px; } #mypage_contents .TabCancelStep td .trans_infor{ margin: 0; list-style: none; } #mypage_contents .TabCancelStep td .trans_infor a{ font-size: 11px; color: #8a8a8a; } #mypage_contents .TabCancelStep td .CancelBtn{ text-align: right; } #mypage_contents .TabCancelStep td .btn-OrdInfor{ background-color: #fff; border: solid 1px #ccc; padding: 5px; font-size: 11px; font-weight: 600; margin-top: -6px; margin-left: 367px;} #mypage_contents .TabCancelStep td .PartGsPri{ margin: 0px; display: block; font-weight: 600; } #mypage_contents .TabCancelStep td .SubCancelBtn{ } #mypage_contents .TabCancelStep td .fa-cloud-download-alt{ font-size: 30px; cursor: pointer; } #mypage_contents .TabCancelStep td .fa-edit{ font-size: 30px; color: #505050; cursor: pointer; } #mypage_contents .TabCancelStep td .btn-OrdDownLoad-first{ color: #1f359b; } #mypage_contents .TabCancelStep td span.OrdFundingTxt{ display: block; } #mypage_contents .TabCancelStep #Order_Zero{ height: 600px; border: 0; font-size: 20px; color: #000; } #mypage_contents .TabCancelStep td .OrdListGsName{ text-align: center; } #mypage_contents .TabCancelStep .CheckBoxContainer input:checked ~ .checkmark { background-color: #2196F3; } #mypage_contents .TabCancelStep tr { border-bottom: 1px solid #c2c2c2; } #mypage_contents .TabCancelStep tr.first { border-top: 0px ; } #mypage_contents .TabCancelStep .checkmark { height: 20px; width: 20px; background-color: #eee; border: 1px solid #dcdbdb; } #mypage_contents .TabCancelStep td li.OptPrice{ display: block; } #mypage_contents .TabCancelStep td li.OptPrice .SelOptName{ font-weight: 600; font-size: 12px; float: left; } #mypage_contents .TabCancelStep td li.OptPrice .GsOrdNumSpace{ } #mypage_contents .TabCancelStep td li.OptPrice .GsOrdNum{ display: inline-block; } #mypage_contents .TabCancelStep td .GsOrdPri{ display: inline-block; font-weight: var(--ft-semibold); font-size: var(--ft-size14); position: relative; text-align: right; width: 95px;} #mypage_contents .TabCancelStep td.GsOrdPri{ font-weight: 600; font-size: 12px; text-align: right; width: 134px; display: inline-block; top: -9px; position: relative;} #mypage_contents .TabCancelStep td li.OptPrice .SelOptPri{ font-weight: 600; font-size: 12px; float: right; } #mypage_contents .TabCancelStep td li.OptPrice .sOptionText{ color: #2d2d2d; font-weight: 600; } #mypage_contents .TabCancelStep td li.OptPrice .with100 { width: 100%; } #mypage_contents .TabCancelStep td li.OptPrice .optMin { font-size:8px; border-radius: 0; left: 1px; position: relative; float: left; border: 1px solid #bdbdbd; width: 23px; height: 23px; padding: 0px; background:#a9a9a9;} #mypage_contents .TabCancelStep td li.OptPrice .inp_OptOrdNum { width: 40px; text-align: center; height: 23px; padding-top: 0px; border: 1px solid #bdbdbd; margin-left: 0px; float: left; } #mypage_contents .TabCancelStep td li.OptPrice .optPlus{ font-size:8px; border-radius: 0; left: -1px; position: relative; float: left; border: 1px solid #bdbdbd; background:#a9a9a9; width: 23px; height: 23px; padding: 0px;} #mypage_contents .TabCancelStep td li input{ width: 50px; } #mypage_contents .TabCancelStep td .AddOptPrice li.AddOptPriceHidden{ display: none; } #mypage_contents .TabCancelStep td .AddOptPrice li.SelOptName{ font-weight: 600; font-size: 12px; float: left; } #mypage_contents .TabCancelStep td .AddOptPrice .GsOrdNum{ float: left; display: inline-block;} #mypage_contents .TabCancelStep td .AddOptPrice .GsOrdPri{ float: right; font-weight: 600; font-size: 12px;} #mypage_contents .TabCancelStep td .AddOptPrice li.SelOptPri{ font-weight: 600; font-size: 12px; float: right; } #mypage_contents .TabCancelStep td .AddOptPrice li.sOptionText{ color: #2d2d2d; font-weight: 600; } #mypage_contents .TabCancelStep td .AddOptPrice .optMin { font-size:8px; border-radius: 0; left: 1px; position: relative; float: left; border: 1px solid #bdbdbd; width: 23px; height: 23px; padding: 0px; background:#efefef;} #mypage_contents .TabCancelStep td .AddOptPrice .inp_OptOrdNum { width: 40px; text-align: center; height: 23px; padding-top: 0px; border: 1px solid #bdbdbd; margin-left: 0px; float: left; } #mypage_contents .TabCancelStep td .AddOptPrice .optPlus{ font-size:8px; border-radius: 0; left: -1px; position: relative; float: left; border: 1px solid #bdbdbd; background:#efefef; width: 23px; height: 23px; padding: 0px;} #mypage_contents .TabCancelStep td .AddOptPrice .GsPrice { font-size: 14px; text-align: right; font-weight: 600; margin: 5px 0 0px 0; width: 302px; } #mypage_contents .TabCancelStep td .TransPrice { font-weight: var(--ft-semibold); font-size: var(--ft-size14); } #mypage_contents .TabCancelStep td .TransTxt { font-size: 11px; text-align: center; margin-top: 5px; display: block;} #mypage_contents .TabCancelStep td .TransTxt .arrTransTxt{ display: block;} #mypage_contents .TabCancelStep td button.DelCartItem{ } #mypage_contents .TabCancelStep tr.trPlusMiddlePrice{ border-top: 1px solid #c2c2c2; height: 40px; } #mypage_contents .TabCancelStep td .PlusMiddleText{ color: #003586; font-size: 14px; font-weight: 600; } #mypage_contents .TabCancelStep td .PlusMiddleWon{ color: #003586; font-size: 15px; font-weight: 600; top: 2px; position: relative; } #mypage_contents .TabCancelStep td .fn_order_totalPri_Org{ text-align: right; padding-top: 5px; margin-top: 5px; text-decoration: line-through; font-weight: var(--ft-semibold); font-size: var(--ft-size14); color: #8f92b6; height: 30px; } #mypage_contents .TabCancelStep td .GsPrice{ text-align: right; padding-top: 5px; margin-top: 5px; font-weight: var(--ft-semibold); font-size: var(--ft-size15); color: #12358f; height: 30px; } #mypage_contents .TabCancelStep td.tdPlusMiddlePrice{ text-align: right; } #mypage_contents .TabCancelStep td.tdPlusMiddlePrice span{ margin-right: 10px; } #mypage_contents .TabCancelStep td.tdPlusMiddlePrice #VirBankTxt{ font-weight: var(--ft-semibold); font-size: var(--ft-size15); color: #12358f; } #mypage_contents .TabCancelStep td.tdPlusMiddlePrice #UserName{ } #mypage_contents .TabCancelStep td.tdPlusMiddlePrice #BankCode{ border: 1px solid #656565; padding: 6px; } #mypage_contents .TabCancelStep td.tdPlusMiddlePrice #AccountNumber{ border: 1px solid #656565; padding: 5px; } #mypage_contents .TabCancelStep .footTr td div.EndRefundCalu{ padding: 2px 8px; display: grid; grid-template-columns: 70% 30%; align-items: center;} #mypage_contents .TabCancelStep .footTr td li:nth-child(1) span{ margin-right: 20px; } #mypage_contents .TabCancelStep .footTr td li:nth-child(2){ text-align: right; } #mypage_contents .TabCancelStep .footTr td li #ReturnPoi{ display: none; } #mypage_contents .TabCancelStep .footTr #ReturnPoint{ display: none; } /* 찜 */ #mypage_contents { position:relative; float:right; width:950px; } #mypage_contents .my_saved_ta{ width: 100%; } #mypage_contents .my_saved_ta tbody{ border-bottom: 1px solid #ddd; } #mypage_contents .my_saved_ta th{ text-align: center; font-weight: var(--ft-bold); padding: 12px 0 9px 0; border-top: 1px solid #222; border-bottom: 1px solid #ccc; background-color: #f7f7f7; } #mypage_contents .my_saved_ta th:nth-child(1){ width: 60px; } #mypage_contents .my_saved_ta th:nth-child(2){ width: 100px; } #mypage_contents .my_saved_ta th:nth-child(3){ width: 100px; } #mypage_contents .my_saved_ta td{ text-align: center; vertical-align: middle; } #mypage_contents .my_saved_ta td.name img{ width: 65px;cursor: pointer; } #mypage_contents .my_saved_ta td:nth-child(4){ text-align: left; } /* 구매자 Qna, 후기 */ #mypage_contents .OrdQnABoardList{ width: 100%; } #mypage_contents .OrdQnABoardList th{text-align: center; padding: 12px 0 9px 0; border-top: 1px solid #222; border-bottom: 1px solid #ccc; background-color: #f7f7f7; } #mypage_contents .OrdQnABoardList th.last {width:0px;} #mypage_contents .OrdQnABoardList th:nth-child(1) {width:80px;} #mypage_contents .OrdQnABoardList th:nth-child(2) {width: auto;} #mypage_contents .OrdQnABoardList th:nth-child(3) {width:100px;} #mypage_contents .OrdQnABoardList th:nth-child(4) {width:100px;} #mypage_contents .OrdQnABoardList td{ text-align: center; vertical-align: middle; } #mypage_contents .OrdQnABoardList td .btn-OrdReviews{ background-color: #fff; border: solid 1px #ccc; padding: 2px 4px; font-size: 11px; font-weight: 500; margin-top: 2px; }/* 후기작성 */ #mypage_contents .OrdQnABoardList td .btn-OrdReWrited{ background-color: #dbdbdb; } #mypage_contents .OrdQnABoardList td .goods.kind { text-align: center; } #mypage_contents .OrdQnABoardList td .goods.kind div{ border: solid 1px #ccc; width: 65px; height: 65px; } #mypage_contents .OrdQnABoardList td .goods.kind div img { width: 65px; height: 65px; } #mypage_contents .OrdQnABoardList td .goods.kind .postsc{ width: 585px; margin-top: 20px; } #mypage_contents .OrdQnABoardList td.linebar1 { border-bottom: 1px solid #ccc; } #mypage_contents .OrdQnABoardList td.comment2 { padding:0; background:#F6F6F6; text-align:left;} #mypage_contents .OrdQnABoardList td.comment2 .QuesTxt { padding:10px 30px; } #mypage_contents .OrdQnABoardList td.comment2 .AnswerTxt { padding:10px 30px; border-bottom: 1px solid #ccc; } #mypage_contents .OrdQnABoardList td.comment2 .AnswerTxt span{ font-size: 14px; font-weight: 800; color: #0C7CEA; display: block; } #mypage_contents .OrdQnABoardList td.comment2 .QuesTxt span{ font-size: 14px; font-weight: 800; color: #0C7CEA; display: block; } /* 구매자 Qna, 후기 */ /* 판매자 Qna */ #mypage_contents .QnABoardList{ width: 100%; } #mypage_contents .QnABoardList th{text-align: center; font-size: 11px; color: #222222; padding: 12px 0 9px 0; border-top: 1px solid #222; border-bottom: 1px solid #ccc; background-color: #f7f7f7; } #mypage_contents .QnABoardList th.last {width:0px;} #mypage_contents .QnABoardList th:nth-child(1) {width:100px;} #mypage_contents .QnABoardList th:nth-child(2) {width:auto;} #mypage_contents .QnABoardList th:nth-child(3) {width:150px;} #mypage_contents .QnABoardList td:nth-child(2) { text-align:left; } #mypage_contents .QnABoardList td{text-align: center; font-size: 13px; height: 35px; } #mypage_contents .QnABoardList td.linebar1{ height: 1px; } #mypage_contents .QnABoardList td .goods.kind div{ border: solid 1px #ccc; width: 65px; height: 65px; margin: 20px 0; } #mypage_contents .QnABoardList td .goods.kind div img { width: 65px; height: 65px; } #mypage_contents .QnABoardList td .goods.kind .postsc{ width: 585px; margin-top: 20px; } #mypage_contents .QnABoardList td.linebar1 { border-bottom: 1px solid #ccc; } #mypage_contents .QnABoardList td.comment2 { padding:0; background:#F6F6F6; text-align:left; height: 1px; } #mypage_contents .QnABoardList td.comment2 .QuesTxt { padding:10px 30px; } #mypage_contents .QnABoardList td.comment2 .AnswerTxt { padding:10px 30px; border-bottom: 1px solid #ccc; } #mypage_contents .QnABoardList td.comment2 .AnswerTxt span{ font-size: 14px; font-weight: 800; color: #0C7CEA; display: block; } #mypage_contents .QnABoardList td.comment2 .QuesTxt span{ font-size: 14px; font-weight: 800; color: #0C7CEA; display: block; } /* 판매자 Qna */ /* 판매자 요청/문의 */ #mypage_contents .QnABoardList td.comment2 .QuesTxt .li_QuesTxt{ border-bottom: solid 1px #ccc; padding: 5px 0; } #mypage_contents .QnABoardList td.comment2 .QuesTxt .li_QuesBtn{ margin-top: 5px; } #mypage_contents .QnABoardList td.comment2 .QuesTxt li{ list-style: none; } #mypage_contents .PreSelDocBtn{ text-align: right; margin-top: 25px; } #mypage_contents .SelQnaWri { width: 100%; } #mypage_contents .SelQnaWri th { width: 100px; padding: 10px 0; } #mypage_contents .SelQnaWri .DocTitle{ width: 100%; border: 1px solid #d4d4d4; padding: 5px; font-size: 12px; } #mypage_contents .SelQnaWri .DocType{ width: 100px; border: 1px solid #d4d4d4; padding: 5px; font-size: 12px; } #mypage_contents .SelQnaWri .DocType option{ line-height: 20px; } #mypage_contents .Left_ListDocBtn{ float: left; margin-top: 20px; } #mypage_contents .Right_SelQnaWri{ float: right; margin-top: 20px; } /* 판매자 요청/문의 */ /* 주문관리 #mypage_contents .box-views .interval_btn { } #mypage_contents .box-views .interval_btn .btn{border-radius: 0px;} */ #mypage_contents .OrderListTa{ width: 100%; } #mypage_contents .OrderListTa th{text-align: center; font-size: 11px; color: #222222; padding: 12px 0 9px 0; border-top: 1px solid #222; border-bottom: 1px solid #ccc; background-color: #f7f7f7; } #mypage_contents .OrderListTa th.last {width:0px;} #mypage_contents .OrderListTa td{text-align: center; font-size: 13px; border-bottom: 1px solid #ccc; padding: 0; height: 35px;} #mypage_contents .OrderListTa td a{ text-decoration: none !important; } #mypage_contents .OrderListTa td .goods.kind div{ border: solid 1px #ccc; width: 65px; height: 65px; margin: 20px 0; } #mypage_contents .OrderListTa td .goods.kind div img { width: 65px; height: 65px; } #mypage_contents .OrderListTa td .goods .OrderListImg span {float:none;} #mypage_contents .OrderListTa td .goods .OrderListImg span.s2 {width: 100%; margin-left: 0; font-size: 12px; color: #777;} #mypage_contents .OrderListTa td .goods.kind.s2 span.s2 {padding-top:8px;} /* #mypage_contents .OrderListTa th:nth-child(1){width:100px;} #mypage_contents .OrderListTa th:nth-child(2){} #mypage_contents .OrderListTa th:nth-child(3){width:100px;} #mypage_contents .OrderListTa th:nth-child(4){width:85px;} #mypage_contents .OrderListTa th:nth-child(5){width:130px;} */ /* #mypage_contents .OrderListTa th:nth-child(2) {width:450px;} #mypage_contents .OrderListTa th:nth-child(3) {width:auto;} #mypage_contents .OrderListTa th:nth-child(4) {width:100px;} */ #mypage_contents .OrderListTa th:nth-child(1){width:14%;} #mypage_contents .OrderListTa th.bankNum{width:250px ;} #mypage_contents .OrderListTa td .bil_print{ margin: 0; float: none; } #mypage_contents .OrderListTa td .btn{ margin-top: 10px; background-color: #dbdbdb; font-size: 12px; padding: 5px 15px; font-weight: 600; } #mypage_contents .OrderListTa td .bil_print a{ color: #e73606; font-size: 12px; } #mypage_contents .OrderListTa td .trans_infor{ margin: 0; list-style: none; } #mypage_contents .OrderListTa td .trans_infor a{ font-size: 11px; color: #8a8a8a; } #mypage_contents .OrderListTa td .btn-OrdInfor{ background-color: #fff; border: solid 1px #ccc; padding: 2px 10px; font-size: 11px; font-weight: 500; margin-top: 2px; } #mypage_contents .OrderListTa td .btn-OrdCancel{ background-color: #fff; border: solid 1px #ccc; padding: 2px 18px; font-size: 11px; font-weight: 500; margin-top: 2px; } /* 주문관리 */ #mypage_contents ul.nav-tabs { _margin-top: 20px; margin-bottom: 5px; padding-left: 1px; /* border:none; */ } #mypage_contents .fade { display: none; z-index: 10000; } #mypage_contents .active { display: block; } #mypage_contents ul.nav-tabs li{ background-color: #f7f7f7; border: solid 1px #9f9f9f; margin-left: -1px; font-weight: 600; width: 190px; font-size: 13px; } #mypage_contents ul.nav-tabs li a{ color: #777; padding: 10px 10px; text-align: center; font-size:15px; } #mypage_contents ul.nav-tabs li.active{ height:42px; border-bottom-color: #FFF; background-color: #FFF; } #mypage_contents ul.nav-tabs li.active a{ border: 0; margin: 0; color: #042bde; } #mypage_contents .event_contents_txt{ font-size: 24px; text-align: center; margin: 50px 0 0; color: #333; } #mypage_contents .event_contents_month{ font-size: 24px; text-align: center; margin: 25px 0; } #mypage_contents .event_contents_month .btn{ cursor: auto;font-size: 50px; font-weight: 800; width: 130px; height: 65px;border-radius: 45px;background-color: #e73606; } #mypage_contents .event_contents_month .btn span{ font-size: 20px; margin-top: 20px; position: absolute; } #mypage_contents .wait {margin-top:60px;} #mypage_contents .wait h5 { font-size: 30px; font-weight: 400; text-align: center; padding: 30px 0px 30px 40px; color: #555; margin-bottom:10px; background: url(/images/mypage/ico_hand.png) 220px 50% no-repeat; position:relative; } #mypage_contents .wait h5:before { content: ""; width: 180px; height: 2px; background: url(/images/mypage/line.jpg) 0 0 repeat; position: absolute; top: 50%; left: 6px; } #mypage_contents .wait h5:after { content: ""; width: 190px; height: 2px; background: url(/images/mypage/line.jpg) 0 0 repeat; position: absolute; top: 50%; right: 6px; } #mypage_contents .wait li { margin-bottom: 24px; margin-left: 18px; position: relative; font-size: 16px; font-family: 나눔바른고딕;} #mypage_contents .wait li:before {content:''; width:10px; height:10px; background:url(/images/mypage/ico_li.png) 0 0 no-repeat; position:absolute; top:4px; left:-16px;} #mypage_contents.customer table tr, #mypage_contents.customer table th, #mypage_contents.customer table td {border:1px solid #ccc; padding:14px 10px; border-collapse:collapse; font-size:13px;} #mypage_contents.customer table th {background:#f8f8f8; text-align:center;} #mypage_contents.customer table.tdl {width:100%;} #mypage_contents h4{ font-size: 21px; margin: 23px 0 36px 1px; color: #000; } #mypage_contents .btn-center { text-align: center; } #mypage_contents #diveRegMemTit { font-size: 18px; font-weight: 600; } #mypage_contents #nsite_login_div .login_etc_buttons { width: 100%; } #mypage_contents #nsite_login_div .Catetxt .CatOne { font-weight: 900; } /* 회원탈퇴 */ #mypage_contents .LeaveTxt li{ margin: 11px 0px; } #mypage_contents .LeaveTab td input { display: inline-block; } /* 상품 정보 변경 사황 CManager/GoodsChange.php */ #mypage_goodssub { position:relative; width:100%; margin-top: 10px; } #mypage_goodssub .MyPage_Sub_Txt{ margin: 8px 50px 0 0; font-size: 16px; font-weight: 600; color: #333333; letter-spacing: -2px; float: left; } #mypage_goodssub .MyGsSubList{ width: 100%; } #mypage_goodssub .MyGsSubList th{text-align: center; font-size: 11px; color: #222222; padding: 12px 0 9px 0; border-top: 1px solid #222; border-bottom: 1px solid #ccc; background-color: #f7f7f7; } #mypage_goodssub .MyGsSubList th.last {width:0px;} #mypage_goodssub .MyGsSubList td{text-align: center; font-size: 13px; border-bottom: 1px solid #ccc; padding: 0; } #mypage_goodssub h4 { font-size: 18px; color: #333; font-weight: 700; border-bottom: 1px solid #333; padding-bottom: 10px; margin: 5px 0px 20px 0px; } #sub-container .customer_left{ padding-top: 0px; } #sub-container .customer_left .mypage { margin-top: 0px; } #contents { position:relative; } #contents.displayt {width:1200px; margin:0 auto;} #contents.displayt .displayt_tit { font-size: 32px; color: #fff; border: 1px solid #e6e6e6; margin: 20px 0 15px; height: 175px; overflow: hidden; background-color: #c7c7c7; } h3.displayt_tit {margin-top: 50px; font-size: 22px; padding-bottom: 16px; color: #333;} #contents div.location { position:relative; font:12px/13px ; margin-left: -210px; } #contents div.location h2 { overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; } #contents div.location .home { padding-left:16px; margin-right:3px; background:url('/images/common/icon/ic_home.png') no-repeat left 0; } #contents div.location .num{ position:absolute; top:14px; color:#F00; font-weight:bold; right:0; } #contents div.location .sel-location{ position:absolute; top:9px; } #contents div.location .sel-location select{ border:1px #ddd solid; width:170px; height:20px; } #contents div.location .sel-location option:hover{ font-weight:bold; } #contents #cont { /* overflow:hidden;*/ width:100%; padding-top:18px; } #event_contents { position:relative; float:left; width:100%; } #event_contents ul.nav-tabs { padding-top: 35px; margin-top: 15px; padding-left: 1px; border-bottom:1px solid #9f9f9f; } #event_contents .fade { display: none; } #event_contents .active { display: block; } #event_contents ul.nav-tabs li{ background-color: #f7f7f7; border: solid 1px #9f9f9f; margin-left: -1px; font-weight: 600; width: 144px; font-size: 14px; } #event_contents ul.nav-tabs li a{ color: #777; padding: 10px 10px; text-align: center; } #event_contents ul.nav-tabs li.active{ height:42px; border-bottom-color: #FFF; background-color: #FFF; } #event_contents ul.nav-tabs li.active a{ border: 0; margin: 0; color: #e73606; } #event_contents .event_contents_txt{ font-size: 24px; text-align: center; margin: 50px 0 0; color: #333; } #event_contents .event_contents_month{ font-size: 24px; text-align: center; margin: 25px 0; } #event_contents .event_contents_month .btn{ cursor: auto;font-size: 50px; font-weight: 800; width: 130px; height: 65px;border-radius: 45px;background-color: #e73606; } #event_contents .event_contents_month .btn span{ font-size: 20px; margin-top: 20px; position: absolute; } /* 이벤트 상세*/ #event_contents #contentsBody{ width: 100%; text-align: center; } #sub-container.type div.location { font:11px/13px; padding-top:25px; word-spacing: 5px; color: #000; } #sub-container.type div.location h2 { overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; } #sub-container.type div.location .home { /*padding-left:16px; background:url('/images/common/icon/icon_home.gif') no-repeat left 0;*/ padding-left:9px; background:none; } #sub-container.type #cont { overflow:hidden; width:100%; _margin-top:10px; } #sub-container div.location.new {display:none; width:100%; height:50px; margin:0 auto;} #sub-container div.location.new .selectbox {position:relative; border-bottom:1px solid #ddd; padding:20px 0;} #sub-container div.location.new p.sel-location {/*position:absolute; top:9px;*/ display:none;} /* #wrap #quick { position:fixed; _position:absolute; top:170px; _top:expression(eval(document.documentElement.scrollTop+120)); overflow:hidden; width:120px; left:50%; margin-left:520px; background:url('/images/common/quick_bg.jpg') repeat-y; } #quick .shopping { width:63px; margin:0 auto; padding-bottom:10px; } #quick .coupon li { width:63px; height:11px; text-align:center; padding-bottom:10px; } #quick .favorites li { height:25px; text-align:center; } */ .quick_img {text-align:center;} .weiget {padding-top:10px;} #quick ul.statistics { overflow:hidden; width:61px; margin:0 auto; } #quick ul.statistics li { font:11px/13px ; letter-spacing:-1px; text-align:center; } #quick ul.statistics li a { color:#CC0008; font-weight:bold; } #quick div.box-goods { position:relative; overflow:hidden; width:100%; margin-top:3px; padding-bottom:1px; } #quick div.box-goods ul { overflow:hidden; width:100%; margin-top:10px; } #quick div.box-goods ul li { font-size:0; line-height:0; text-align:center; } #quick div.box-goods ul li img { width:50px; height:50px; } #quick div.box-goods div { position:absolute; top:0; left:0; overflow:hidden; width:100%; } #quick div.box-goods div a { float:left; } #quick .top { display:block; margin:8px 0 0 1px; text-align:center; } .boxSample1 { width: 959px; float:right; text-align:center; border-width:thin; border-style:groove; border-color:#333; padding:3pt; background-color:#eee; margin:2em;} /*.test_22 { background-color:#색상; border-left:1px solid #ff0000; - 왼쪽 테두리 값과 색상 지정. border-right:1px solid #ff0000; - 오른쪽 테두리 값과 색상 지정. border-top:1px solid #ff0000; - 위쪽 테두리 값과 색상 지정. border-bottom:1px solid #ff0000; - 밑쪽 테두리 값과 색상 지정. }*/ /************** 추가 **************/ #quick_area {position:relative; width:120px;} #weiget {position:relative; width:120px; padding:15px 0 0 0; } #widget_wrap .area {padding:7px 0 2px 0;} #widget_wrap li {_ ; font-size: 12px; color: #808080; line-height: 150%;} #widget_wrap .line {border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc} #widget_wrap {width:76px; height:22px; overflow:hidden; position:relative;} #widget_wrap .widget1 {position:absolute; left:-30px; top:-116px} #widget_wrap .widget2 {position:absolute; left:-30px; top:-190px} /** quick **/ #quickmenu {position:absolute; left:49.2%; top:125px; width:120px; margin-left:495px; } #quickLeftBanner {position:absolute; top:0px; left:-105px; width:90px} /** 입점안내 **/ #icon {position:relative; margin:0px;} /** 쿠폰 **/ #coupon {position:relative; width:78px; text-align:center; background-color:#eee;} #coupon li {_ ; font-size: 12px; color: #808080; line-height: 150%; } #coupon li a{font-size:12px; line-height:150%; color:#858585; letter-spacing:-1px; margin:5px 0 0 0;} #coupon li a:hover{font-size:12px; color:#000; line-height:150%; text-decoration:none; letter-spacing:-1px;} #coupon .area {padding:7px 0 0 0;} #coupon .line {border-bottom:1px solid #ccc;} /** 즐겨찾기 **/ #enjoy {position:relative; width:76px; text-align:center; background-color:#f2f2f2; border-right:1px solid #ccc; border-left:1px solid #ccc } #enjoy li {_ ; font-size: 12px; color: #808080; line-height: 150%;} #enjoy li a{font-size:12px; line-height:150%; color:#808080; letter-spacing:-1px; margin:5px 0 0 0;} #enjoy li a:hover{font-size:12px; color:#000; line-height:150%; text-decoration:none; letter-spacing:-1px;} #enjoy .area {padding:7px 0 2px 0;} #enjoy .line {border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc} /** 장바구니 **/ #cart {position:relative; width:76px; text-align:center; background-color:#f2f2f2; border-right:1px solid #ccc; border-left:1px solid #ccc } #cart li { ; font-size: 12px; color: #808080; line-height: 150%;} #cart li a{font-size:12px; line-height:150%; color:#808080; letter-spacing:-1px; margin:5px 0 0 0;} #cart li a:hover{font-size:12px; color:#000; line-height:150%; text-decoration:none; letter-spacing:-1px} #cart .area {padding:7px 0 2px 0;} #cart .line {border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc} /** 오늘본 상품**/ #product {position:relative; width:76px; text-align:center; background-color:#f2f2f2; border-right:1px solid #ccc; border-left:1px solid #ccc } #product li { ; font-size: 12px; color: #808080; line-height: 150%;} #product li a{font-size:12px; line-height:150%; color:#808080; letter-spacing:-1px; margin:5px 0 0 0;} #product li a:hover{font-size:12px; color:#000; line-height:150%; text-decoration:none; letter-spacing:-1px} #product .area {padding:7px 0 0 0;} #product_List {position:relative; overflow:hidden; width:76px; background-color:#f2f2f2; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; } #product_List ul {overflow:hidden; width:78px; margin-top:5px; } #product_List ul li {font-size:0; line-height:0; padding:0 0 8px 0; text-align:center; } #product_List ul li img {width:50px; height:50px; } /** 테이블 css **/ .media_text {text-align:center; } .media_text a{font-size:13px; line-height:17px; color:#777; letter-spacing:-1px;} .media_text a:hover{font-size:13px; text-decoration:none; line-height:17px; color:#777; letter-spacing:-1px; } .media_area {padding:7px 0 5px 0;} .media_area_title {text-align:left} .media_line {padding:12px 0 12px 0;} .media_img {padding-top:18px;} .media_view_bg {background:url('/images/media/bar_bg.jpg') repeat-x;} .media_view_area {padding:5px 0 0 0;} .media_view_textarea {padding:15px 0 0 0;} .media_view_btn {text-align:right; padding-top:15px;} .media_view_btn li {padding:0 5px 0 0; float:right;} .LoginText { ; font-size: 12px; color: #2F2F2F; line-height:170%; margin-left:60px;} /* 2차 좌측 카테고리 */ #newsnblist{ _float:left; z-index:100; letter-spacing:-0.5px; color:#333; line-height:130%; margin-bottom: 25px; } #newsnblist h2{ margin: 42px 0 15px 5px; font-size: 16px; font-weight: 800; letter-spacing: -2px;} #newsnblist a{ color:#000; text-decoration:none; display:block; height:100%; width:100%; } #newsnblist a:hover{ color:#fff; } /*#newsnblist dl#itemlist{ width:200px; border:1px #ddd solid; border-top:0px;}*/ #newsnblist dl#itemlist dt{ letter-spacing:-1px; font-weight:bold; font-size:16px; padding:11px 10px; background:#555; color:#fff; } #newsnblist dl#itemlist dt strong{display:none; font-size:18px; font-family:Geneva, Verdana, sans-serif; letter-spacing:-1px; color:#333; } #newsnblist dl#itemlist dd{ padding: 11px 12px; margin: 0 21px 5px 0; width: 180px; border: 1px #ddd solid; cursor: pointer; display: inline-flex; border-top:1px #ddd solid; position:relative; list-style: none; } #newsnblist dl#itemlist dd:nth-child(6n){ margin-right: 0; } #newsnblist dl#itemlist dd li { display: inline-block; } #newsnblist dl#itemlist dd li.Category_text { } #newsnblist dl#itemlist dd li.Category_list { position:absolute; right:7px; font-size:16px; font-weight: 600; color:#555; } #newsnblist dl#itemlist dd a{letter-spacing: 0px;} #newsnblist dl#itemlist dd ul li {padding:11px 0; line-height:15px; color: #000; } #newsnblist dl#itemlist dd ul li a{letter-spacing: -1px;} #newsnblist dl#itemlist dd.select_dd{ background-color: #555; position:relative;} #newsnblist dl#itemlist dd.select_dd a {color:#fff;} #newsnblist dl#itemlist dd.select_dd .Category_list:after{ position: absolute; top: -3px; right: 0px; content: '\f107'; font-family: 'font awesome 5 free'; color: #fff; } #newsnblist dl#itemlist dd ul{ display:none; } #newsnblist dl#itemlist dd:hover{ background:#555; color:#fff; } #newsnblist dl#itemlist dd:hover .Category_text a{ color:#fff; } #newsnblist dl#itemlist dd:hover .Category_list{ color:#fff; } #newsnblist dl#itemlist dd.select_dd .Category_text{ color:#fff; font-weight: 600; } #newsnblist dl#itemlist dd:hover ul{ display:block; position:absolute; background:#fff; border:1px #ddd solid; padding:3px; top:37px; width:180px; z-index:1000; margin-left: -13px; } #newsnblist dl#itemlist dd:hover ul li:first-child{margin-top: 0;} #newsnblist dl#itemlist dd:hover ul li{ padding:8px 5px; _border-bottom:1px #ddd dashed; display: block; } #newsnblist dl#itemlist dd:hover ul li a{ color:#7d7d7d; font-weight:normal; display:block; height:100%; width:100%; } #newsnblist dl#itemlist dd:hover ul li:hover{ background:#afafaf; } #newsnblist dl#itemlist dd ul li:hover{ background:#f153000; color:#fff;} #newsnblist dl#itemlist dd ul li:hover a{ color:#fff; font-weight:bold; } #newsnblist dl#brandlist{ width:220px; border:1px #ddd solid; border-top:3px #000 solid; } #newsnblist dl#brandlist dt{ letter-spacing:-1px; font-weight:bold; padding:11px 10px; background:#ddd; color:#333; } #newsnblist dl#brandlist dt strong{ font-size:18px; color:#333; } #newsnblist dl#brandlist dd{ border-top:1px #ddd solid; padding:0; position:relative; height:37px; cursor:pointer; } #newsnblist dl#brandlist dd:hover{ background:#00aaf1; font-weight:bold; color:#fff; } #newsnblist dl#brandlist dd:hover a{ color:#fff; } #newsnblist dl#brandlist dd img:hover{ filter: url(filters.svg#grayscale); /* Firefox */ filter: gray; /* IE */ -webkit-filter: grayscale(1); /* Webkit */ filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.3; } /* 3차 상단 카테고리 */ #topsnblist{ /*padding-bottom:1px;margin-bottom:30px; width:980px; float:left; margin-left:20px; margin-top: -30px;*/} #topsnblist dt{ background:#f3f3f3; color:#000; font-weight:bold; padding:12px 10px 10px 10px; } #topsnblist dd{ width:197px; display: inline-block; margin:0px; border:1px #ddd solid; overflow:hidden; cursor:pointer; } #topsnblist dd.top_subMenu{ background-color: #fff;font-weight: 600; border-color:#2331ac;} #topsnblist dd.top_subMenu a:hover {background-color:#fff;} #topsnblist dd.top_subMenu a {color:#2331ac;} #topsnblist dd a{ display:block; height:35px; line-height:35px; padding:0 0 0 10px;letter-spacing:-0.5px;} /* #topsnblist dd:nth-of-type(4n) {border-right:1px solid #ddd;} #topsnblist dd:nth-of-type(even) {margin-left:-1px;} #topsnblist dd:nth-of-type(even) a {border-right:0px;} */ #topsnblist dd a:hover{ background:#eee; font-weight:bold; text-decoration:none;} #topsnblist dd a.sel{ background:#333; color:#fff; font-weight:bold; letter-spacing:-1px; } #topsnblist h4 {font-size: 16px; color: #333; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom:10px; margin-top:0px !important;} /* 검색결과 리스트 */ #SearchResultslist{ overflow:hidden; padding:0 0 1px 0; clear:both; margin:5px 0 30px 0; } #SearchResultslist .displayt_tit{ margin-top: 25px; } #SearchResultslist p{ background:#f1c100; color:#333; padding:10px 10px 8px 10px; font-weight:bold; width:171px; text-align:center; letter-spacing:3px; font-size:13px } #SearchResultslist ul{ overflow:hidden; padding-bottom:1px; } #SearchResultslist ul li { padding: 10px 12px; margin: 0 21px 5px 0; width: 182px; border: 1px #ddd solid; cursor: pointer; display: inline-block; border-top: 1px #ddd solid; position: relative; list-style: none; } #SearchResultslist ul li:nth-child(6n) { margin-right: 0; } #SearchResultslist ul li:hover{ background:#333; color:#fff; font-weight:bold; } #SearchBrandlist{ margin:32px 0 30px 0; border-bottom:1px #ddd solid; overflow:hidden; } #SearchBrandlist p{ background:#f1c100; color:#333; padding:10px 10px 8px 10px; font-weight:bold; width:169px; text-align:center; letter-spacing:3px; font-size:13px; } #SearchBrandlist ul{ border-top:2px #333 solid; border-left: 1px #ddd solid; overflow:hidden; padding-bottom:1px; overflow-y:scroll; height:95px; } #SearchBrandlist ul li{ width:20%; height:28px; float:left; } #SearchBrandlist ul li a{ display:block; height:10px; padding: 10px; border-right:1px #ddd solid; border-bottom:1px #ddd solid; letter-spacing:0px; } #SearchBrandlist ul li a:hover{ background:#333; color:#fff; font-weight:bold; } #SearchBrandlist ul li a.sel{ background:#333; color:#fff; font-weight:bold; letter-spacing:-2px; } #SearchViewType{ padding-bottom: 10px; } #SearchGsthumbList{ margin-top: 10px; } #SearchGsthumbList li{ float: left; width: 290px; _margin-right: 13px; margin: 0px 13px 13px 0px; min-height: 480px; } #SearchGsthumbList li:nth-child(4n) { margin-right: 0px !important; } #SearchGsthumbList li div.thumb { display: block; position: relative; overflow: hidden; width: 100%; border: 1px solid #ddd; } #SearchGsthumbList li div.thumb a { display: block; width: 100%; height: 100%; } #SearchGsthumbList li div a img { display: block; position: relative; overflow: hidden; width: 100%; height: 290px; text-align: center;} #SearchGsthumbList li div.thumb .thumb_up_icon { margin: -40px 0 0px 0px; text-align: left; position: absolute; left: 120px; width: 70px; display: none; } #SearchGsthumbList li div.thumb .thumb_up_icon il { display: inline-block; margin: 0 -1px; } #SearchGsthumbList li div.thumb .thumb_up_icon .GsSelBag { width: 30px; height: 30px; } #SearchGsthumbList li div.thumb .thumb_up_icon .GoodSel { margin: -30px 0 0 1px; position: absolute; } #SearchGsthumbList li div.thumb .thumb_up_icon .InterSel { margin: -30px 0 0 1px; position: absolute; } #SearchGsthumbList li div.thumb .thumb_up_icon span { cursor: pointer; font-size: 18px; color: #fff; } #SearchGsthumbList li div.thumb .thumb_up_icon span img{ height: auto; border: 0px; } #SearchGsthumbList li a.txt { display: block; padding: 0px 8px; } #SearchGsthumbList li span, #SearchGsthumbList li em, #SearchGsthumbList li strong { display: block; line-height: 16px; text-align: left; } #SearchGsthumbList .type_Name { font-weight: 600; color: #000; font-size: 13.5px; padding-top: 15px; } #SearchGsthumbList .TextGsinfor { font-weight: 300; color: #000; padding: 10px 0px 15px 0px; } #SearchGsthumbList .InterPoint{ padding: 5px 0px 8px 0px; } #SearchGsthumbList .InterPoint div.IntPoDiv_L{ display: inline; } #SearchGsthumbList .InterPoint div.IntPoDiv_R{ float: right; } #SearchGsthumbList .InterPoint div.IntPoDiv_R .fas{ font-size: 15px; color: #ff0000; } #SearchGsthumbList .InterPoint i.fa-star{ font-size: 15px; color: #888888; } #SearchGsthumbList .InterPoint i.blue-star{ color: #50a6ff; } #SearchGsthumbList .price_wrap {padding-top:15px;} #SearchGsthumbList .price_wrap span {display:inline-block;} #SearchGsthumbList .price_wrap .type2 img {margin-left:10px;} #SearchGsthumbList .new_price {color: #000; font-weight: 800; font-size: 15px;} #SearchGsthumbList .GoodsPrice {color: #000; font-weight: 600; font-size: 15px; display:inline-block;} #SearchGsthumbList span.type_Brand {color:#bbb; } #SearchGsthumbList .type_SubName {_margin-top:10px;} #SearchGsthumbList .InterPoint div.IntPoDiv_L { display: inline-flex; margin-right: 20px; } #SearchGsthumbList .InterPoint div.IntPoDiv_L img { width: auto; margin-right: 5px; } #SearchGsthumbList .InterPoint div.IntPoDiv_L span { font-size: 11.5px; } #SearchGsthumbList .InterPoint div.GsMkNickNa { font-size: 11px; padding-top: 10px; } #SearchGsthumbList .GsMkNickNa { font-size: 11px; margin-left: 10px; } #SearchGsthumbList li.list_item_box { float: left;width: 290px;height: 445px; margin: 0px 13px 13px 0px; _border: 1px solid #d6dade; background: #fff; list-style:none; border-radius: 12px; overflow: hidden; } #SearchGsthumbList li.first { margin-left: 0px;} #SearchGsthumbList li.SpaceBox { border: 0; } #SearchGsthumbList li.list_item_box div{ overflow: hidden; width: 100%; height: 280px; margin: 0 auto; } #SearchGsthumbList li.list_item_box strong { display: block; font-size: 15px; font-weight: 600; margin: 15px 10px; } #SearchGsthumbList li.list_item_box span.type1 { color: #656565; font-size: 12px; height: 40px; overflow: hidden; margin: 0 10px; } #SearchGsthumbList li.list_item_box div.fd_state_bar { height: 6px; background-color: #c8c8c8; margin: 10px auto; width: 92%; border-radius: 8px; } #SearchGsthumbList li.list_item_box .fd_state th { border-bottom:0px; border: 1px solid #fff !important; font-size: 14px; padding: 0px;} #SearchGsthumbList li.list_item_box .fd_state th:nth-child(1){ text-align:left; padding-left:10px;} #SearchGsthumbList li.list_item_box .fd_state th:nth-child(2){ text-align:center; width:80px;} #SearchGsthumbList li.list_item_box .fd_state th:nth-child(3){ text-align:right; padding-right:10px; width:80px;} #SearchGsthumbList li.list_item_box .fd_state td { border-bottom:0px; border: 1px solid #fff !important; font-size: 14px; padding: 0px; color: #000; font-weight: 600;} #SearchGsthumbList li.list_item_box .fd_state td:nth-child(1){ text-align:left; padding-left:10px;} #SearchGsthumbList li.list_item_box .fd_state td:nth-child(2){ text-align:center; } #SearchGsthumbList li.list_item_box .fd_state td:nth-child(3){ text-align:right; padding-right:10px; } #SearchGsthumbList li.list_item_box .fd_state td .rs_tot_price{ text-align:left; float:left; _width:94px; } #SearchGsthumbList li.list_item_box .fd_state td .rs_percent{ text-align:left; float:left; _width:45px; color: #f16062; font-weight: 700; font-size: 22px; margin-right: 5px; } #SearchGsthumbList li.list_item_box span img { vertical-align:middle;} #SearchGsthumbList li.list_item_box em{ display:block;line-height:16px;text-align:center;height: 45px;} /* 브랜드 존 BrandZone.php */ /* #brandZoneList{ overflow:hidden; margin:20px auto 0 auto; width:970px; } #brandZoneList h2{ margin:0 0 20px 0; } #brandZoneList ul{ width:970px; } #brandZoneList ul li{ height:113px; padding:10px 10px 0 0; float:left; } #brandZoneList ul li a:hover{ text-decoration:underline; color:#444; } #brandZoneList ul li .txt{ text-align:center; color:#444; padding:4px 0 0 0; display:block; letter-spacing:0;} */ /* 브랜드 존 181016 */ #brandZoneList{ overflow:hidden; margin:30px auto; width:1200px;} #brandZoneList ul li {float: left; width: 208px; height: 216px; border: 1px solid #CCC; margin: 0px 10px 10px 0; overflow: hidden; text-align: center;} #brandZoneList ul li.last {margin-right:0px;} #brandZoneList ul li .txt{ text-align:center; color:#444; padding:22px 0 0 0; display:block; letter-spacing:0; height: 60px; background: #fafafa;} /*빠른주문 181019 */ #FastOrder{ overflow:hidden; margin:30px auto; width:1200px;} #FastOrder ul{ float: left;} #FastOrder .FastTitDiv li:nth-child(1){ width: 750px !important; height: 30px; text-align: left;border: 0; } #FastOrder .FastTitDiv li:nth-child(2){ width: 340px !important; height: 30px; text-align: right; text-align: right;margin-top: -11px;border: 0; } #FastOrder h2{font-size: 25px; color: #000; border-bottom: solid 1px #000; padding-bottom: 20px; margin-bottom: 20px;} #FastOrder ul li{float: left; text-align: center; border-bottom: 1px solid #CCC; height: 60px; font: normal 12px/14px ; } #FastOrder ul li:nth-child(1){ width: 20px; } #FastOrder ul li:nth-child(2){ width: 70px; } #FastOrder ul li:nth-child(2) img{ width: 60px; height: 60px; } #FastOrder ul li:nth-child(3){ width: 100px; } #FastOrder ul li:nth-child(4){ width: 100px; } #FastOrder ul li:nth-child(5){ width: 260px; } #FastOrder ul li:nth-child(5) span{ float: left; width: 100%; text-align: left; } #FastOrder ul li:nth-child(6){ width: 80px; } #FastOrder ul li:nth-child(7){ width: 110px; } #FastOrder ul li:nth-child(8){ width: 60px; } #FastOrder ul li:nth-child(9){ width: 90px; } #FastOrder ul li:nth-child(10){ width: 110px; } #FastOrder ul li:nth-child(11){ width: 60px; } #FastOrder ul li:nth-child(9) ul{ float: left; height: 25px; border: solid 1px #7a7a7a; } #FastOrder ul li:nth-child(9) .optMin{padding: 0px 0 0 0; font-size: 20px; border-color: #7a7a7a; font-size: 20px; height: 25px; width: 25px; _margin-top: -13px; _position: absolute; border: 0; } #FastOrder ul li:nth-child(9) .optMin:focus{ box-shadow: 0 0 0 .2rem #b7b7b7; } #FastOrder ul li:nth-child(9) .inp_OptOrdNum{ width: 30px; _margin-left: -5px; text-align: center; height: 24px; padding-top: 0px; _margin-top: -13px; _position: absolute; border: 0; } #FastOrder ul li:nth-child(9) .optPlus{padding: 0px 0 0 0; _margin-left: -6px; border-color: #7a7a7a; font-size: 20px; height: 25px; width: 25px; _margin-top: -13px; _position: absolute; border: 0; } #FastOrder ul li:nth-child(9) .optPlus:focus{ box-shadow: 0 0 0 .2rem #b7b7b7; } #FastOrder ul li .DocNumber{ margin-top: 25px; } #FastOrder ul li .GsDefInfor{ margin-top: 25px; } #FastOrder ul li .GsInfor{ margin-top: 24px; } #FastOrder ul li .GsPrice{ margin-top: 25px; } #FastOrder ul li .GsCatInvenVal{ margin-top: 25px; } #FastOrder ul li .OrderNum{ margin-top: 15px; } #FastOrder ul li .gs_cal_pri{ margin-top: 25px; } #FastOrder ul li .GsDelBtn{ margin-top: 15px; } #FastOrder ul li .GsDelBtn button{font-size: 12px; font-weight: 600;} #FastOrder ul.DocTitle li{float: left; text-align: center; border-top: 1px solid #222222; border-bottom: 1px solid #CCC; height: 25px; padding-top: 10px; font-weight: 600; color: #545454; background-color: #f6f6f6;} #FastOrder ul.AddPriDiv li { font-size: 15px; font-weight: 800; border: none; margin-top: 20px; } #FastOrder ul.AddPriDiv li .btn{ font-size: 15px; font-weight: 800; border: none; } #FastOrder ul.AddPriDiv li:nth-child(1){ width: 100px; text-align: left; } #FastOrder ul.AddPriDiv li:nth-child(2){ width: 550px; } #FastOrder ul.AddPriDiv li:nth-child(3){ width: 100px; text-align: center; margin-top: 21px; } #FastOrder ul.AddPriDiv li:nth-child(4){ width: 150px; text-align: center; } #FastOrder ul.AddPriDiv li:nth-child(4) #gs_totalPri{ color: #CC0008; font: bold 18px/20px ; } #FastOrder ul.AddPriDiv li:nth-child(5){ width: 120px; text-align: right; } #FastOrder ul.AddPriDiv .gs_totalPri{ text-align: right; } #FastOrder ul.DocFooter li { font-size: 15px; font-weight: 800; border: none; } #FastOrder ul.DocFooter li .btn{ font-size: 15px; font-weight: 800; border: none; } #FastOrder ul.DocFooter li:nth-child(1){ width: 700px; } #FastOrder ul.DocFooter li:nth-child(2){ width: 100px; text-align: center; } #FastOrder ul.DocFooter li:nth-child(3){ width: 100px; text-align: center; } #FastOrder ul.DocFooter li:nth-child(4){ width: 180px; text-align: right; } .fast-pop-container{ padding-top: 110px; } .fast-pop-container .tab_2 li{ text-align: center; padding: 10px 0px 0px 0px; color: #000; } /* .fast-pop-container .tab_2 li:nth-child(1) {width: 50px;} .fast-pop-container .tab_2 li:nth-child(2) {width: 120px;} .fast-pop-container .tab_2 li:nth-child(3) {width: 120px;} .fast-pop-container .tab_2 li:nth-child(4) {width: 510px;} .fast-pop-container .tab_2 li:nth-child(5) {width: 150px;} .fast-pop-container .tab_2 li:nth-child(6) {width: 150px;} */ .fast-pop-container .tab_2 li:nth-child(1) {width: 27px;} .fast-pop-container .tab_2 li:nth-child(2) {width: 100px;} .fast-pop-container .tab_2 li:nth-child(3) {width: 120px;} .fast-pop-container .tab_2 li:nth-child(4) {width: 452px;} .fast-pop-container .tab_2 li:nth-child(5) {width: 150px;} .fast-pop-container .tab_2 li:nth-child(6) {width: 114px;} .fast-pop-container .paging_btn ul{ width: 100%;text-align: center; } .fast-pop-container .paging_btn ul li{ margin: 25px auto; } .fast-pop-container .paging_btn ul li .btn{margin:0 10px;} /* 빠른주문 검색팝업 */ .thumb-list_seach_fa label{font-weight: 500;} .thumb-list_seach_fa li.hover:hover {background:#F9F9F9;} .thumb-list_seach_fa li{ height:34px; border-bottom: solid 1px #dadada; padding:4px 0px; display:table; } .thumb-list_seach_fa li div{float: left;} .thumb-list_seach_fa li span{float: left; _margin: 5px 10px 0 5px; color: #000; display:table-cell; margin-top:10px;} .thumb-list_seach_fa li .CheckBoxDiv{ float: left; width: 50px; _margin: 5px 0; text-align: center; } .thumb-list_seach_fa li .GsImg img{ width: 65px; height: 60px; } .thumb-list_seach_fa li .GsCatNo { width: 120px; } .thumb-list_seach_fa li .GsBrand { width: 120px; } .thumb-list_seach_fa li .GsName { width: 470px; } .thumb-list_seach_fa li .GsPrice { width: 130px; text-align: right; margin-top:2px; } .thumb-list_seach_fa li .OptUnit { width: 130px; text-align: center; } .thumb-list_seach_fa li .GsPrice .new_price{ width: 80px; text-align: right; } .thumb-list_seach_fa li .GsPrice .discount { width: 80px; float: left; } .thumb-list_seach_fa li .GsPrice .GoodsPrice { width: 80px; float: left; } .thumb-list_seach_fa label{ margin-bottom: 0; } /* 상세 디자인 선택 */ .more-info #info .divDesignAr{ border: 1px solid #ccc; padding: 10px; border-radius: 5px; box-shadow: 0px 3px 5px #b7b7b7; } .more-info #info .divDesignAr .spanDesSub{ font-size: 14px; font-weight: 600; color: #000; display: block; } .more-info #info .divDesignAr .box-design-img{ display: inline-block; width: 184px; margin-bottom: 15px; } .more-info #info .divDesignAr .box-design-img .btnGsDes{ margin-bottom: 5px; padding: 0px; border: 1px solid #ccc; display: inline-block; } .more-info #info .divDesignAr .box-design-img .btnGsDes img{ width: 100%;display: inline-block; cursor:zoom-in;} .more-info #info .divDesignAr .box-design-img .DesName{ width: 100%; display: inline-block; text-align: center; font-size: 12px; font-weight: 600; color: #000; cursor: pointer;} /* 상세 디자인 선택 */ /* 일반상품 옵션 선택 list */ .buy_sel_option.view { transition: ease-out .25s; transform: translateY(0px); width:300px; height:100%; } .buy_sel_option { _transition: ease-in .25s; -webkit-backface-visibility: hidden; width: 330px; bottom: 180px; top: 197px; position: fixed; z-index: 90; text-align: center; display: inline-block; vertical-align: top; margin: 10px 0 0px 10px; } /* ------------- 내 맘대로 버튼 ------------- */ /*.uxeditEditor{ display: none; margin: 70px auto; z-index: 2001; background-color: #fff; position: absolute; top: 40px; left: 30px; !*transform: translate(-50%, -50%); 이걸 사용하면 편집기가 흐려짐*! width: 97%; bottom: -185px; }*/ .uxeditEditor{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2001; } .uxeditEditor .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; } .uxeditEditor #uxeditEditorCloseBtn{ position: inherit; z-index: 2001; background-color: #fff; right: 25px; top: 5px; color: #a5b8ff; height: 35px; width: 40px; border-radius: 3px 3px 0px 0px; padding: 6px 4px 0 0; } .uxeditEditor #uxeditEditorCloseBtn i.close{ width: 30px; height: 40px; background-image: url(/image/shop/close.svg); } .uxeditEditor .uxeditEditorContent{ margin: 0 auto; z-index: 2001; background-color: #fff; position: relative; width: 97%; display: block; top: 40px; box-shadow: 0px 0px 14px rgb(255 255 255 / 100%); } .uxeditEditor #SiteLogo{ position: fixed; margin: 12px 0 0 60px; background: linear-gradient( to right, #5972f0, #5c6ce5 ); } .uxeditEditor #iframe_ips{ width: 100% ; height: 100%; _border: 5px solid #12358f; _border-radius: 10px; } @keyframes changeColor { 0% { background-color: red; } 50% { background-color: blue; } 100% { background-color: green; } } .buy_sel_option .SelfDesBtnArea{ width: 95%; border-bottom: 1px solid #ededed; _height: 65px; margin: 5px auto; } .buy_sel_option .SelfDesBtnArea button.btnEditor { color: #fff; _background-color: #00445e; border-color: #565e64; width: 100%; height: 40px; font-size: 14px; font-weight: 600; border-radius: 5px; box-shadow: 1px 1px 3px #878db9; position: relative; z-index: 10; border: 0; animation: changeColor 5s infinite; } .buy_sel_option .SelfDesBtnArea button.btnEditor:hover{ background-color: #006185; } .buy_sel_option .RsSelfDesign { border-bottom: 1px solid #a3c8ff; padding-bottom: 5px; margin-bottom: 3px; } .buy_sel_option .RsSelfDesign .divDesignAr li.SelfDesImgTwo{ width: 90px !important; } .buy_sel_option .tit_design { margin: 5px auto -1px; border: 1px solid #a3c8ff; vertical-align: middle; display: block; padding: 10px 10px; text-align: left; font-size: 13px; color: #003686; font-weight: 600; z-index: 5; } .buy_sel_option .tit_design .tit_option_icon{ font-size: 24px; float: right; top: 0px; position: relative; } .buy_sel_option .tit_option { margin: 5px auto -1px; border: 1px solid #a3c8ff; vertical-align: middle; display: block; padding: 10px 10px; text-align: left; font-size: 13px; color: #003686; font-weight: 600; z-index: 4; } .buy_sel_option .tit_option .tit_option_icon{ font-size: 24px; float: right; top: 0px; position: relative; } .buy_sel_option .GsRegTabOpt{ margin: 5px auto -1px; border: 1px solid #a3c8ff; vertical-align: middle; display: block; padding: 10px 10px 5px; z-index: 2; text-align: left; font-size: 13px; color: #003686; font-weight: 600; display: inline-block; width: 100%; position: sticky; max-height: 230px; overflow-x: hidden; overflow-y: auto; } .buy_sel_option #RegSelOptBtn { margin-top: 4px; position: sticky; z-index: 2; } .buy_sel_option .GsRegTabOpt .GsOptListDiv{ border-bottom: 0px; border-top:1px solid #ececec;} .buy_sel_option .GsRegTabOpt .GsOptListDiv:first-child{ border-bottom: 0px; border-top:0px solid #ececec;} .buy_sel_option .GsRegTabOpt .GsOptListDiv li{ color: #000;} .buy_sel_option .GsRegTabOpt .GsOptListDiv li:nth-child(1) { font-size: 12px; text-align: left; font-weight: 600; padding: 4px 0px 0 0; display: inline-block; } .buy_sel_option .GsRegTabOpt .GsOptListDiv li:nth-child(2) { font-size: 12px; text-align: left; float: right; font-weight: 600; padding: 4px 0px 0 0; display: inline-block; } .buy_sel_option .GsRegReqTxt { margin: 5px auto -1px; border: 1px solid #a3c8ff; padding: 5px 10px; z-index: 2; width: 100%; } .buy_sel_option .GsRegReqTxt .ReqTxtDiv{ } .buy_sel_option .GsRegReqTxt .ReqTxtDiv input{ width: 100%; border: 0px solid #c3c3c3; padding: 2px; } .buy_sel_option .RegSelOpt .btn_add_option{ width: 100%; height: 40px; margin: 0; padding: 0; color: #ffffff; font-size: 14px; outline: 1px solid #ffffff; background: #444444; } .buy_sel_option .active .buy_sum_btn_txt{ display: none; } .buy_sel_option .buy_des_area_active{ width: 100%; position: absolute; display: none; border: 1px solid #a3c8ff; z-index: 5; background-color: #fff; overflow-x: hidden; overflow-y: auto; top: calc((1 * 55px) - 11px); bottom: -60px; } .buy_sel_option .buy_des_area_active .divDesignAr { width: 100%; border-bottom: 1px solid #ededed; text-align: left; } .buy_sel_option .buy_des_area_active .divDesignAr:last-child { border-bottom:0px solid #ededed; } .buy_sel_option .buy_des_area_active .divDesignAr:hover { background: #e5e5e5; cursor: pointer; } .buy_sel_option .buy_des_area_active .divDesignAr li{ display: inline-block; vertical-align: middle; } .buy_sel_option .buy_des_area_active .divDesignAr li.DesName{ width: 180px; display: inline-block; color: #000; font-weight: 600; } .buy_sel_option .buy_des_area_active .divDesignAr li.DesName img{ min-height: 50px; } .buy_sel_option .buy_des_area_active .divDesignAr li button{ border: 0; background: bottom; } .buy_sel_option .buy_des_area_active .divDesignAr li .btnGsDes img { width: 80px; _min-height: 50px; } .buy_sel_option .buy_des_area_active .divDesignAr li .btnGsDes img:hover { cursor: zoom-in; } .buy_sel_option .buy_opt_area_active{ width: 100%; position: absolute; display: none; border: 1px solid #a3c8ff; z-index: 4; background-color: #fff; overflow-x: hidden; overflow-y: auto; top: calc((1 * 15px) - -74px); bottom: -45px; } /* 옵션 선택시, 선택한 이미지 뷰*/ .buy_sel_option .View_SelOpt{ margin: 5px auto -1px; border-bottom: 1px solid #a3c8ff; vertical-align: middle; display: block; padding: 5px 5px; text-align: left; font-size: 13px; color: #003686; z-index: 4; } .buy_sel_option .View_SelOpt .btn-opt-close { position: absolute; z-index: 6; right: 5px; margin-top: -5px; font-size: 11px; overflow: hidden; border: 1px solid #999999; background-color: #181818; border-radius: 20px; padding: 2px; width: 18px; text-align: center; color: #fff; cursor: pointer; } .buy_sel_option .View_SelOpt .box-opt-img { border-bottom: 1px solid #ededed; display: inline-block; _width: 30%; vertical-align: top; } .buy_sel_option .View_SelOpt .box-opt-img:hover { background: #e5e5e5; cursor: pointer; } .buy_sel_option .View_SelOpt .box-opt-img button{ border: 0; background: bottom; } .buy_sel_option .View_SelOpt .box-opt-img :nth-child(2){ width: 180px; text-align: left; color: #000; font-weight: 600; } .buy_sel_option .View_SelOpt .box-opt-img img { width: 80px; } .buy_sel_option .View_SelOpt .with100 { width: 100%; } .buy_sel_option .View_SelOpt .box-opt-text { display: inline-block; } .buy_sel_option .View_SelOpt .box-opt-text li{ display: block; margin: 0 0 3px 5px;color: #6b6b6b; width: 210px; } .buy_sel_option .View_SelOpt .box-opt-text li .SelOptName{ font-weight: 600; font-size: 12px; float: left; } .buy_sel_option .View_SelOpt .box-opt-text .GsOrdNum{ display: inline-block;} .buy_sel_option .View_SelOpt .box-opt-text .GsOrdPri{ font-weight: 600; font-size: 12px; text-align: right; width: 134px; display: inline-block; top: -9px; position: relative;} .buy_sel_option .View_SelOpt .box-opt-text li .SelOptPri{ font-weight: 600; font-size: 12px; float: right; } .buy_sel_option .View_SelOpt .box-opt-text li .sOptionText{ color: #2d2d2d; font-weight: 600; } .buy_sel_option .View_SelOpt .with100 { width: 100%; } .buy_sel_option .View_SelOpt .box-opt-text .optMin { font-size:8px; border-radius: 0; left: 1px; position: relative; float: left; border: 1px solid #bdbdbd; width: 23px; height: 23px; padding: 0px; background:#efefef;} .buy_sel_option .View_SelOpt .box-opt-text .inp_OptOrdNum { width: 30px; text-align: center; height: 23px; padding-top: 0px; border: 1px solid #bdbdbd; margin-left: 0px; float: left; } .buy_sel_option .View_SelOpt .box-opt-text .optPlus{ font-size:8px; border-radius: 0; left: -1px; position: relative; float: left; border: 1px solid #bdbdbd; background:#efefef; width: 23px; height: 23px; padding: 0px;} .buy_sel_option .View_SelOpt .box-addopt-text { border-top: 1px solid #efefef; padding: 7px 0; border-bottom: 1px solid #efefef; } .buy_sel_option .View_SelOpt .box-addopt-text li{ display: inline-block; color: #6b6b6b;; } .buy_sel_option .View_SelOpt .box-addopt-text li.AddOptName{ width: 145px; top: -6px; position: relative; } .buy_sel_option .View_SelOpt .box-addopt-text li.AddOptNum{ } .buy_sel_option .View_SelOpt .box-addopt-text li.AddOptPri{ width: 74px; text-align: right; top: -6px; position: relative; } .buy_sel_option .View_SelOpt .box-addopt-text li .SelOptName{ font-weight: 600; font-size: 12px; float: left; } .buy_sel_option .View_SelOpt .box-addopt-text .GsOrdNum{ float: left; display: inline-block;} .buy_sel_option .View_SelOpt .box-addopt-text .GsOrdPri{ float: right; font-weight: 600; font-size: 12px;} .buy_sel_option .View_SelOpt .box-addopt-text li .SelOptPri{ font-weight: 600; font-size: 12px; float: right; } .buy_sel_option .View_SelOpt .box-addopt-text li .sOptionText{ color: #2d2d2d; font-weight: 600; } .buy_sel_option .View_SelOpt .box-addopt-text .optMin { font-size:8px; border-radius: 0; left: 1px; position: relative; float: left; border: 1px solid #bdbdbd; width: 23px; height: 23px; padding: 0px; background:#efefef;} .buy_sel_option .View_SelOpt .box-addopt-text .inp_OptOrdNum { width: 30px; text-align: center; height: 23px; padding-top: 0px; border: 1px solid #bdbdbd; margin-left: 0px; float: left; } .buy_sel_option .View_SelOpt .box-addopt-text .optPlus{ font-size:8px; border-radius: 0; left: -1px; position: relative; float: left; border: 1px solid #bdbdbd; background:#efefef; width: 23px; height: 23px; padding: 0px;} .buy_sel_option #Sel_image { width: 100%; position: absolute; border: 1px solid #a3c8ff; background-color: #fff; overflow-x: hidden; overflow-y: auto; bottom: -60px; z-index: 1; } .buy_sel_option .Sel_image { top: calc((1 * 15px) - -120px); } .buy_sel_option .Sel_image0 { top: calc((1 * 15px) - -120px); } .buy_sel_option .Sel_image1 { top: calc((1 * 15px) - -164px); } .buy_sel_option .Sel_image2 { top: calc((1 * 15px) - -192px); } .buy_sel_option .Sel_image3 { top: calc((1 * 15px) - -220px); } .buy_sel_option .Sel_image4 { top: calc((1 * 15px) - -248px); } .buy_sel_option .Sel_image5 { top: calc((1 * 15px) - -274px); } .buy_sel_option .Sel_image6 { top: calc((1 * 15px) - -301px); } .buy_sel_option .Sel_image7 { top: calc((1 * 15px) - -328px); } .buy_sel_option .Sel_image8 { top: calc((1 * 15px) - -355px); } .buy_sel_option .Sel_image9 { top: calc((1 * 15px) - -282px); } .buy_sel_option .Sel_image10 { top: calc((1 * 15px) - -409px); } .buy_sel_option .Sel_image11 { top: calc((1 * 15px) - -436px); } .buy_sel_option .Sel_image12 { top: calc((1 * 15px) - -463px); } .buy_sel_option .Sel_image13 { top: calc((1 * 15px) - -490px); } .buy_sel_option .Sel_image14 { top: calc((1 * 15px) - -517px); } .buy_sel_option .Sel_image15 { top: calc((1 * 15px) - -544px); } .buy_sel_option .Sel_image16 { top: calc((1 * 15px) - -571px); } .buy_sel_option .Sel_image17 { top: calc((1 * 15px) - -599px); } .buy_sel_option .Sel_image18 { top: calc((1 * 15px) - -625px); } .buy_sel_option .Sel_image19 { top: calc((1 * 15px) - -652px); } .buy_sel_option .Sel_image20 { top: calc((1 * 15px) - -680px); } .buy_sel_option .Sel_image21 { top: calc((1 * 15px) - -706px); } /* 일반상품 옵션 선택 list */ /* 셋트상품 옵션 선택 list */ .set_sel_option.view { transition: ease-out .25s; transform: translateY(0px); width:300px; height:100%; } .set_sel_option { _transition: ease-in .25s; -webkit-backface-visibility: hidden; width: 300px; bottom: 180px; top: 140px; position: fixed; z-index: 90; text-align: center; display: inline-block; vertical-align: top; margin: 10px 0 0px 40px; } .set_sel_option .tit_SetGoods { margin: 5px auto -1px; border: 1px solid #a3c8ff; vertical-align: middle; display: block; padding: 10px 10px; text-align: left; font-size: 13px; color: #003686; font-weight: 600; z-index: 5; } .set_sel_option .tit_SetGoods .tit_option_icon{ font-size: 24px; float: right; top: 0px; position: relative; } .set_sel_option .tit_design { margin: 5px auto -1px; border: 1px solid #a3c8ff; vertical-align: middle; display: block; padding: 10px 10px; text-align: left; font-size: 13px; color: #003686; font-weight: 600; z-index: 5; } .set_sel_option .tit_design .tit_option_icon{ font-size: 24px; float: right; top: 0px; position: relative; } .set_sel_option .tit_option { margin: 5px auto -1px; border: 1px solid #a3c8ff; vertical-align: middle; display: block; padding: 10px 10px; text-align: left; font-size: 13px; color: #003686; font-weight: 600; z-index: 4; } .set_sel_option .tit_option .tit_option_icon{ font-size: 24px; float: right; top: 0px; position: relative; } .set_sel_option .GsRegTabOpt{ margin: 5px auto -1px; border: 1px solid #a3c8ff; vertical-align: middle; display: block; padding: 10px 10px 0; z-index: 2; text-align: left; font-size: 13px; color: #003686; font-weight: 600; display: inline-block; width: 100%; position: sticky; } .set_sel_option #RegSelOptBtn { margin-top: 4px; position: sticky; z-index: 2; } .set_sel_option .GsRegTabOpt .GsOptListDiv li{ color: #000;} .set_sel_option .GsRegTabOpt .GsOptListDiv li:nth-child(1) { font-size: 13px; text-align: left; font-weight: 600; padding: 3px 0px; display: inline-block; } .set_sel_option .GsRegTabOpt .GsOptListDiv li:nth-child(2) { font-size: 14px; text-align: left; float: right; font-weight: 600; padding: 2px 0px; display: inline-block; } .set_sel_option .RegSelOpt .btn_add_option{ width: 100%; height: 40px; margin: 0; padding: 0; color: #ffffff; font-size: 14px; outline: 1px solid #ffffff; background: #444444; } .set_sel_option .active .buy_sum_btn_txt{ display: none; } .set_sel_option .buy_goods_area_active{ width: 100%; position: absolute; display: none; border: 1px solid #a3c8ff; z-index: 5; background-color: #fff; overflow-x: hidden; overflow-y: auto; top: calc((1 * 55px) - 10px); bottom: -45px; } .set_sel_option .buy_goods_area_active .divDesignAr { width: 100%; border-bottom: 1px solid #ededed; } .set_sel_option .buy_goods_area_active .divDesignAr:hover { background: #e5e5e5; cursor: pointer; } .set_sel_option .buy_goods_area_active .divDesignAr li{ display: inline-block; } .set_sel_option .buy_goods_area_active .divDesignAr li button{ border: 0; background: bottom; } .set_sel_option .buy_goods_area_active .divDesignAr li:nth-child(2){ width: 180px; text-align: left; color: #000; font-weight: 600; } .set_sel_option .buy_goods_area_active .divDesignAr li img { width: 80px; } .set_sel_option .buy_des_area_active{ width: 100%; position: absolute; display: none; border: 1px solid #a3c8ff; z-index: 5; background-color: #fff; overflow-x: hidden; overflow-y: auto; top: calc((1 * 55px) - -34px); bottom: -45px; } .set_sel_option .buy_des_area_active .divDesignAr { width: 100%; border-bottom: 1px solid #ededed; } .set_sel_option .buy_des_area_active .divDesignAr:hover { background: #e5e5e5; cursor: pointer; } .set_sel_option .buy_des_area_active .divDesignAr li{ display: inline-block; } .set_sel_option .buy_des_area_active .divDesignAr li button{ border: 0; background: bottom; } .set_sel_option .buy_des_area_active .divDesignAr li:nth-child(2){ width: 180px; text-align: left; color: #000; font-weight: 600; } .set_sel_option .buy_des_area_active .divDesignAr li img { width: 80px; } .set_sel_option .buy_opt_area_active{ width: 100%; position: absolute; display: none; border: 1px solid #a3c8ff; z-index: 4; background-color: #fff; overflow-x: hidden; overflow-y: auto; top: calc((1 * 15px) - -119px); bottom: -45px; } /* 옵션 선택시, 선택한 이미지 뷰*/ .set_sel_option .View_SelOpt{ margin: 5px auto -1px; border-bottom: 1px solid #a3c8ff; vertical-align: middle; display: block; padding: 10px 10px; text-align: left; font-size: 13px; color: #003686; z-index: 4; } .set_sel_option .View_SelOpt .btn-opt-close { position: absolute; z-index: 6; right: 5px; margin-top: -10px; font-size: 11px; overflow: hidden; border: 1px solid #999999; background-color: #181818; border-radius: 20px; padding: 2px; width: 18px; text-align: center; color: #fff; cursor: pointer; } .set_sel_option .View_SelOpt .box-opt-img { border-bottom: 1px solid #ededed; display: inline-block; width: 30%; vertical-align: top; } .set_sel_option .View_SelOpt .box-opt-img:hover { background: #e5e5e5; cursor: pointer; } .set_sel_option .View_SelOpt .box-opt-img button{ border: 0; background: bottom; } .set_sel_option .View_SelOpt .box-opt-img :nth-child(2){ width: 180px; text-align: left; color: #000; font-weight: 600; } .set_sel_option .View_SelOpt .box-opt-img img { width: 80px; } .set_sel_option .View_SelOpt .box-opt-text { display: inline-block; width: 70%; vertical-align: middle; } .set_sel_option .View_SelOpt .box-opt-text li{ display: block; margin: 0 0 3px 5px;color: #2d2d2d; } .set_sel_option .View_SelOpt .box-opt-text .optMin {font-size:8px; float: left; border: 1px solid #bdbdbd; width: 24px; height: 24px; padding: 0px; background:#efefef;} .set_sel_option .View_SelOpt .box-opt-text .inp_OptOrdNum { width: 30px; text-align: center; height: 24px; padding-top: 0px; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; border-left: 0px; border-right: 0px; margin-left: 0px; float: left; } .set_sel_option .View_SelOpt .box-opt-text .optPlus{float: left; font-size:8px; border: 1px solid #bdbdbd; background:#efefef; width: 24px; height: 24px; padding: 0px;} .set_sel_option .View_SelOpt .box-opt-text li.GsPrice { font-size: 14px; text-align: right; font-weight: 600; } .set_sel_option .View_SelOpt .box-addopt-text { display: inline-block; width: 70%; vertical-align: middle; } .set_sel_option .View_SelOpt .box-addopt-text li{ display: block; margin: 0 0 3px 5px;color: #2d2d2d; } .set_sel_option .View_SelOpt .box-addopt-text .optMin {font-size:8px; float: left; border: 1px solid #bdbdbd; width: 24px; height: 24px; padding: 0px; background:#efefef;} .set_sel_option .View_SelOpt .box-addopt-text .inp_OptOrdNum { width: 30px; text-align: center; height: 24px; padding-top: 0px; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; border-left: 0px; border-right: 0px; margin-left: 0px; float: left; } .set_sel_option .View_SelOpt .box-addopt-text .optPlus{float: left; font-size:8px; border: 1px solid #bdbdbd; background:#efefef; width: 24px; height: 24px; padding: 0px;} .set_sel_option .View_SelOpt .box-addopt-text li.GsPrice { font-size: 14px; text-align: right; font-weight: 600; } .set_sel_option #Sel_image { width: 100%; position: absolute; border: 1px solid #a3c8ff; background-color: #fff; overflow-x: hidden; overflow-y: auto; bottom: -45px; z-index: 1; } .set_sel_option .Sel_image0 { top: calc((1 * 15px) - -170px); } .set_sel_option .Sel_image1 { top: calc((1 * 15px) - -220px); } .set_sel_option .Sel_image2 { top: calc((1 * 15px) - -255px); } .set_sel_option .Sel_image3 { top: calc((1 * 15px) - -245px); } .set_sel_option .Sel_image4 { top: calc((1 * 15px) - -280px); } /* 셋트상품 옵션 선택 list */ /* Fn 옵션 선택 list */ .fn_sel_option.view { transition: ease-out 0.5s; transform: translateX(0px); bottom:0px; width: 400px; } .fn_sel_option { transition: ease-in 0.5s; -webkit-backface-visibility: hidden; _height: 100%; background:#e2e2e2; transform: translateX(21.5em); position: fixed; _left: 1800px; right: 0px; z-index: 1000; text-align: center; bottom: 0px; width: 0; top: 0; } .fn_sel_option .tit_img_pre { _background-image: url(/images/icons/ps_icons_pre_fn.png ); background-repeat: no-repeat; width: 66px; position: initial; cursor: pointer; } .fn_sel_option .tit_img_pre_active { display: none; } /* Fn 옵션선택 */ .fn_pr_buy_sum_btn{ float: right; display: none; } .fn_pr_buy_sum_btn .re_button{ position: fixed; } .fn_pr_buy_sum_btn .re_button button{ height: 120px; } .fn_pr_buy_sum_btn .re_button span{ writing-mode: vertical-lr; } .fn_sel_option .active { background-repeat: no-repeat; background-position: 97% 50%; height: 8px; } .fn_sel_option .active .buy_sum_btn_txt{ display: none; } .fn_sel_option .buy_opt_area_active .opt_select{ width: 100%; margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden; height: 100%; padding-bottom: 150px; } .fn_sel_option .buy_sum_btn { transition: ease .25s; -webkit-backface-visibility: hidden; background: #444444; margin: -93px 0 0 965px; padding: 2px; display: inline-block; vertical-align: middle; line-height: 2.7em; color: #fff; cursor: pointer; _border-radius: 10px 10px 0px 0px; width: 235px; font-size: 16px; font-weight: 600; } .fn_sel_option .buy_sum_btn::before { transition: ease-in .25s; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-left:5px; } .fn_sel_option .buy_sum_btn.active::before { transition: ease-in .25s; } .fn_sel_option .buy_opt_area { border: 1px solid #d7d7d7; background: none; _height: 100%; position: fixed; top: 0; bottom: 0;} .fn_sel_option .buy_opt_area .btn { padding: 5px 10px 3px; font-size: 13px; } .fn_sel_option .buy_opt_area .btn-group-vertical{ margin: 10px; float: left; } .fn_sel_option .buy_opt_area .divSaveSelect{ display: none; float: left; margin: 10px 0; min-width: 10em; } .fn_sel_option .buy_opt_area .opt_select{ min-height: inherit; margin: 0; vertical-align: top; width: auto; display: inline-block; _padding-right: 15px; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; bottom: 0; } .fn_sel_option .fn_order_btns{ z-index: 999; /*overflow: auto; display: inline-block; width: 240px; vertical-align: bottom; margin-left:35px; margin-top:85px;*/ position: absolute; left: 1px; width: 100%; bottom: 0px; height: 150px; background-color: #fff; overflow: initial; display: initial; margin: 0; position: fixed; bottom: 0; } .fn_sel_option .fn_order_btns .flr{ margin: -50px 15px 0 0; float: right; } .fn_sel_option .fn_order_btns .fn_order_totalPri{ font-size: 32px; font-weight: 600; color: #f12a7e; display: block; height: 50px; text-align: left; margin: 0px 30px; letter-spacing: -2px; float: none; } .fn_sel_option .fn_order_btns .fn_order_btn{ _float: right; _margin-right: 0.5em; } .fn_sel_option .fn_order_btns .fn_order_btn .btn_add_cart, .btn-gs-order{ display: inline-block; width: 99%; height: 44px; color: #3e3d3c; font-size: 16px; outline: 1px solid #cccccc; background: #ffffff; font-weight: bold; width: 215pxpx; -webkit-appearance: button; -webkit-writing-mode: horizontal-tb !important; background-color: -internal-light-dark-color(rgb(239, 239, 239), rgb(74, 74, 74)); border-width: 0px; margin: 3px 0; } .fn_sel_option .fn_order_btns .fn_order_btn .btn{ font-weight: 600; border-radius: 0px; font-size: 15px; padding: 10px 15px;} .fn_sel_option .fn_order_btns .price_wrap {_float:left;} .fn_sel_option .fn_order_btns .price_wrap span{ } .fn_sel_option .fn_order_btns .price_wrap span.ment { display: block;font-size:16px; color:#333; line-height:48px; text-align: left; margin: 15px 30px 0px 30px; font-weight: 600; float: initial; } .fn_sel_option .fn_order_btns .price_wrap span.won {display:inline-block; font-size:16px; color:#333; margin-left:4px;} .fn_sel_option .fn_order_btns .btn.white {background:#fff; border:1px solid #0c0c0c; color:#122b40;} .fn_sel_option .fn_order_btns .btn.bk { border-radius: 0px; font-size: 24px; padding: 10px 60px;background:#fff; border:1px solid #777; color:#777; } .fn_sel_option .fn_order_btns.cartview { width: 100%; margin: 15px 0 0 0; text-align: right; } .fn_sel_option .fn_order_btns.cartview .btn { border-radius: 0px; font-size: 13px; padding: 10px 30px; } .fn_sel_option .fn_order_btns.cartview .btn.order { border: 1px solid #0c0c0c; color: #0c0c0c; } .fn_order_btns .fn_order_btn .fn-btn{ font-weight: 600; background: #047c90 !important; border-radius: 0px; font-size: 24px; padding: 10px 60px;} .fn_sel_option .fn_reward_btn_active { background: #444444; display: inline-block; line-height: 2.7em; color: #fff; cursor: pointer; width: 20px; position: absolute; left: -20px; top: 50%; padding: 30px 0; border-radius: 7px 0px 0 7px; } /* 옵션선택 */ .buy_sum_btn { transition: ease .25s; -webkit-backface-visibility: hidden; background:#1dd350; display: inline-block; vertical-align: middle; line-height: 3.6em; cursor: pointer; _border-radius: 10px 10px 0px 0px; width: 235px; _box-shadow: 0px -1px 3px 0px #515151; } .buy_sum_btn .buy_sum_btn_txt { font-size: 16px; font-weight: 600; color:#fff; /* margin-left: -30px; */ } .buy_sum_btn .fas{ font-size: 38px; position: absolute; margin: 8px 0 0 10px; color:#fff; display:none; } .tit_img{ margin: 0px 0 0 1000px; display: none; } .buy_sum_btn::before { transition: ease-in .25s; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-left:5px; } .buy_sum_btn.active::before { transition: ease-in .25s; /*content: "close \f106";*/ } .buy_opt_area { margin: 0px auto 0; padding: 0px; border: 1px solid #a3c8ff; position: relative; overflow: hidden; overflow-x: hidden; overflow-y: auto; } .buy_opt_area .btn { padding: 5px 10px 3px; font-size: 13px; } .buy_opt_area .btn-group-vertical{ margin: 10px; float: left; } .buy_opt_area .divSaveSelect{ display: none; float: left; margin: 10px 0; min-width: 10em; } .buy_opt_area .divSaveBtn{ display: none; float: left; margin: 10px 0; } .buy_opt_area .divToday_10low{ float: left; margin: 10px; } .buy_opt_area .divSaveSelect p { margin: 0px 0px 5px; font-size: 1.2em; text-align: left; } .buy_opt_area .divSaveSelect p .btn { padding: 5px 5px; font-size: 0.8em; } .buy_opt_area .divSaveSelect p .sapn_StBibTxt_subj, p .sapn_EndBibTxt_subj { margin-left: 0.4em; } .buy_opt_area .divSaveSelect .sapn_StBibTxt{ margin: 0 10px; } .buy_opt_area .opt_select{ margin:5px; } .buy_opt_area .opt_select .Ta_uOptSelect { width: 100%;} .buy_opt_area .opt_select .Ta_uOptSelect ul{ float: left; border-bottom:1px solid #dadada; width: 100%; } .buy_opt_area .opt_select .Ta_uOptSelect ul:hover { background: #e5e5e5; cursor: pointer; } .buy_opt_area .opt_select .Ta_uOptSelect li{ font-size: 12px; color: #2d2d2d; } .buy_opt_area .opt_select .Ta_uOptSelect li:nth-child(1){ font-size: 13px; text-align: left; float: left; padding: 5px 5px;} .buy_opt_area .opt_select .Ta_uOptSelect li:nth-child(2){ font-size: 14px; text-align: left; float: right; font-weight: 600; padding: 5px 5px;} .buy_opt_area .opt_select .Ta_uOptSelect li:nth-child(3){ } .buy_opt_area .opt_select .Ta_uOptSelect li:nth-child(4){ _width: 120px; } .buy_opt_area .opt_select .Ta_uOptSelect li:nth-child(5){ _width: 90px; } .buy_opt_area .opt_select .Ta_uOptSelect li:nth-child(6){ _width: 90px; } .buy_opt_area .opt_select .Ta_uOptSelect li:nth-child(7){ _width: 90px; } .buy_opt_area .opt_select .Ta_uOptSelect li:nth-child(8){ _width: 90px; } .buy_opt_area .opt_select .Ta_uOptSelect li:nth-child(9){ _width: 90px; } /*.buy_opt_area .opt_select .Ta_uOptSelect td:nth-child(8){ text-align: left; }*/ .buy_opt_area .opt_select .Ta_uOptSelect li .b-panel_title{ font-size: 25px; font-weight: 600; } .buy_opt_area .opt_select .Ta_uOptSelect li .b-panel_subtitle{ color: #6b6b6b; } .buy_opt_area .opt_select .Ta_uOptSelect li .b-panel_subtitle .sOptionText{ font-weight: 600; color: #2d2d2d; } .buy_opt_area .opt_select .Ta_uOptSelect li .b-panel_price{ font-size: 15px; font-weight: 600; } .buy_opt_area .opt_select .Ta_uOptSelect li .b-panel_subject{ font-size: 12px; font-weight: 600; } .buy_opt_area .opt_select .Ta_uOptSelect tr.OptOff td{ color: #e6e6e6; } .buy_opt_area .opt_select .Ta_uOptSelect .optMin {font-size:8px; float: left; border: 1px solid #bdbdbd; width: 24px; height: 24px; padding: 0px; background:#efefef;} .buy_opt_area .opt_select .Ta_uOptSelect .inp_OptOrdNum { width: 30px; text-align: center; height: 24px; padding-top: 0px; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; border-left: 0px; border-right: 0px; margin-left: 0px; float: left; } .buy_opt_area .opt_select .Ta_uOptSelect .optPlus{float: left; font-size:8px; border: 1px solid #bdbdbd; background:#efefef; width: 24px; height: 24px; padding: 0px;} /* The container */ .buy_opt_area .opt_select .Ta_uOptSelect .CheckBoxContainer { display: block; position: relative; _padding-left: 35px; margin: 3px 0 8px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .buy_opt_area .opt_select .Ta_uOptSelect .CheckBoxContainer .checktext{ padding-top: 4px; display: block; text-align: right; } .buy_opt_area .opt_select .Ta_uOptSelect .CheckBoxContainer .fu_checktext{ padding-left: 4px; } /* Hide the browser's default checkbox */ .buy_opt_area .opt_select .Ta_uOptSelect .CheckBoxContainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .buy_opt_area .opt_select .Ta_uOptSelect .checkmark { position: absolute; top: 0; left: 0; height: 27px; width: 27px; background-color: #eee; border: 1px solid #dcdbdb; } /* On mouse-over, add a grey background color */ .buy_opt_area .opt_select .Ta_uOptSelect .CheckBoxContainer:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .buy_opt_area .opt_select .Ta_uOptSelect .CheckBoxContainer input:checked ~ .checkmark { background-color: #2196F3; } /* Create the checkmark/indicator (hidden when not checked) */ .buy_opt_area .opt_select .Ta_uOptSelect .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .buy_opt_area .opt_select .Ta_uOptSelect .CheckBoxContainer input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .buy_opt_area .opt_select .Ta_uOptSelect .CheckBoxContainer .checkmark:after { left: 10px; top: 7px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* 펀딩 */ .buy_opt_area .opt_select .OptSel_checkbox{ margin: 5px auto 5px; } .buy_opt_area .opt_select .funding-opt-sel{ background-color: #fff; border-radius: 7px; width: 370px; } .buy_opt_area .opt_select .funding-opt-sel:hover{ background-color: #ccf3f3; } .buy_opt_area .opt_select .funding-opt-sel tr:first-child{ _border-top: solid 1px #dadada; } .buy_opt_area .opt_select .funding-opt-sel tr td{ padding: 25px 10px; } .buy_opt_area .opt_select .funding-opt-sel tr td:nth-child(1){ width: 50px; font-size: 15px; font-weight: 600; } .buy_opt_area .opt_select .funding-opt-sel tr td:nth-child(2){ text-align: left; _width: 400px; } .buy_opt_area .opt_select .funding-opt-sel tr td:nth-child(3){ text-align: left; } .buy_opt_area .opt_select .funding-opt-sel tr td:nth-child(4){ _width: 220px; letter-spacing: -0.5px; } .buy_opt_area .opt_select .funding-opt-sel tr td:nth-child(5){ width: 80px; } .buy_opt_area .opt_select .funding-opt-sel tr td .b-panel_title{ font-size: 25px; font-weight: 600; margin-bottom: 15px; float: left; } .buy_opt_area .opt_select .funding-opt-sel tr td .b-panel_subject{ font-size: 14px; font-weight: 600; margin-bottom: 10px; float: left; width: 100%;} .buy_opt_area .opt_select .funding-opt-sel tr td .b-panel_subject_infor{ font-size: 12px; float: left; } .buy_opt_area .opt_select .funding-opt-sel tr td .b-panel_select_infor{ margin-top: 0; font-size: 12px; width: 120px; text-align: right; float: right; } .buy_opt_area .opt_select .funding-opt-sel tr:nth-of-type(odd) {background:none !important;} .buy_opt_area .opt_select .funding-opt-sel tr { border-bottom: none; } .buy_opt_area .opt_select .funding-opt-sel .checkmark { top: -8px; } .fn_order_btns{ width: 300px; bottom: 0px; position: fixed; z-index: 90; text-align: center; border: 0px solid; display: inline-block; margin: 0px 0 0 30px; height: 120px; background-color: #fff; } .fn_order_btns .flr{ } .fn_order_btns .fn_order_totalPri_Org{font-size: 26px; color: #6c6c6c; display: block; float:right; height: 25px; margin-top: 3px; text-decoration: line-through;} .fn_order_btns .fn_order_totalPri_Dis{font-size: 32px; font-weight: 600; color: #f12a7e; display: block; float:right; height: 50px; margin-top: 3px;} .fn_order_btns .fn_order_totalPri{font-size: 32px; font-weight: 600; color: #f12a7e; display: block; float:right; height: 50px; margin-top: 3px;} .fn_order_btns .order_btn{ width: 100%; display: inline-block; } .fn_order_btns .order_btn .btn_add_cart, .btn-gs-order{ display: inline-block; width: 140px; height: 45px; color: #3e3d3c; font-size: 15px; outline: 1px solid #cccccc; background: #ffffff; font-weight: bold; width: 215pxpx; -webkit-appearance: button; -webkit-writing-mode: horizontal-tb !important; background-color: -internal-light-dark-color(rgb(239, 239, 239), rgb(74, 74, 74)); border-width: 0px; margin: 3px 0; } .btn-gs-order{ background: #1dd350; color:#fff;} .fn_order_btns .order_btn .btn{ font-weight: 600; border-radius: 0px; font-size: 18px; padding: 10px 60px; margin-bottom: 5px;} .fn_order_btns .price_wrap {_float:left;} .fn_order_btns .price_wrap span.ment { display: inline-block; font-size: 16px; color: #333; width: 80px; float: left; margin: 15px 0 20px 10px; font-weight: 800; } .fn_order_btns .price_wrap span.won {display:inline-block; font-size:16px; color:#333; margin-left:4px;} .fn_order_btns .btn.white {background:#fff; border:1px solid #0c0c0c; color:#122b40;} .buy_opt_area .opt_select .span_search{ font-size: 1.2em; } .buy_opt_area .opt_select .s_contents{ width: 150px; display: inline; } .buy_opt_area .opt_select .btn{ font-weight: 600; background: #ffffff; border: 1px solid #c5c4c4; margin: 0px; border-radius: 0px;} .fn_order_btns .btn.bk { border-radius: 0px; font-size: 24px; padding: 10px 60px;background:#fff; border:1px solid #777; color:#777; } .fn_order_btns.cartview { width: 100%; margin: 15px 0 0 0; text-align: right; } .fn_order_btns.cartview .btn { border-radius: 0px; font-size: 13px; padding: 10px 30px; } .fn_order_btns.cartview .btn.order { border: 1px solid #0c0c0c; color: #0c0c0c; } #sub-container .ProSubTitle { height: 50px; text-align: center; padding-top: 5px; font-size: 16px; background-image: url(/images/somethingbg.gif); line-height: 44px; border-bottom: 0px solid #000000; margin-top: 20px; color: #000000; font-weight: 800; } /**기획전 4개상품 간격조정**/ #sub-container .thumb-event-list-st0{ display: inline-block; margin-top: 10px; } #sub-container .thumb-event-list-st0 li { float: left; width: 290px; margin: 0px 13px 25px 0px; text-align: left; } #sub-container .thumb-event-list-st0 li div.thumb { display: block; position: relative; overflow: hidden; width: 100%; height: 290px; border: 1px solid #ddd; } #sub-container .thumb-event-list-st0 li div.thumb a { display: block; width: 100%; height: 100%; } #sub-container .thumb-event-list-st0 li div.thumb img { _width: 200px; _height: 180px; width: 100%; vertical-align: top; } #sub-container .thumb-event-list-st0 li:nth-child(4n) { margin-right: 0px; } #sub-container .thumb-event-list-st0 li a { display: block; padding: 0px 8px; } #sub-container .thumb-event-list-st0 li span { display: block; line-height: 16px;} #sub-container .thumb-event-list-st0 .type_Name { font-weight: 600; color: #555; font-size:16px; margin-top: 15px; padding-bottom:6px; } #sub-container .thumb-event-list-st0 .TextGsinfor { font-weight: 300; color: #818181; _margin: 0 10px; padding:6px 0px 8px 0px;} #sub-container .thumb-event-list-st0 .InterPoint{ padding: 5px 0px 8px 0px; } #sub-container .thumb-event-list-st0 .InterPoint div.IntPoDiv_L{ display: inline; } #sub-container .thumb-event-list-st0 .InterPoint div.IntPoDiv_R{ float: right; } #sub-container .thumb-event-list-st0 .InterPoint div.IntPoDiv_R .fas{ font-size: 15px; color: #ff0000; } #sub-container .thumb-event-list-st0 .InterPoint i.fa-star{ font-size: 15px; color: #888888; } #sub-container .thumb-event-list-st0 .InterPoint i.blue-star{ color: #50a6ff; } #sub-container .thumb-event-list-st0 .price_wrap {_padding-top:10px;} #sub-container .thumb-event-list-st0 .price_wrap span {display:inline-block;} #sub-container .thumb-event-list-st0 .price_wrap .type2 img {margin-left:10px;} #sub-container .thumb-event-list-st0 .new_price {color: #3c6fff; _margin-top: 10px; font-weight: 600; font-size: 14px;} #sub-container .thumb-event-list-st0 .GoodsPrice {color: #3c6fff;font-weight: 600; font-size: 14px; display:inline-block;} #sub-container .thumb-event-list-st0 span.type_Brand {color:#bbb; } #sub-container .thumb-event-list-st0 .type_SubName {_margin-top:10px;} /* #sub-container .thumb-event-list-st0 li em, .thumb-event-list-st1 li span {margin-top:1px} #sub-container .thumb-event-list-st0 li div {margin-bottom:10px} #sub-container .thumb-event-list-st0 li .GoodsPrice {color:#343434} #sub-container .thumb-event-list-st0 li div img{ width: 250px; height: 250px; } #sub-container .thumb-event-list-st0 li span{ display: block; } */ /**기획전 5개상품 간격조정**/ #sub-container .thumb-event-list-st1 .GsImg9_hidden { display: none; } #sub-container .thumb-event-list-st1 li { float: left; width:200px; margin:0 10px 0 10px; height:300px; text-align: center;} #sub-container .thumb-event-list-st1 li em, .thumb-event-list-st1 li span {margin-top:1px} #sub-container .thumb-event-list-st1 li div {margin-bottom:10px} #sub-container .thumb-event-list-st1 li .GoodsPrice {color:#343434} #sub-container .thumb-event-list-st1 li div img{ width: 190px; height: 190px; } #sub-container .thumb-event-list-st1 li span{ display: block; } /**기획전 6개상품 간격조정**/ #sub-container .thumb-event-list-st2 li { float: left; width:173px; margin:0 5px 0 5px; height:280px; text-align: center;} #sub-container .thumb-event-list-st2 li em, .thumb-event-list-st1 li span {margin-top:1px} #sub-container .thumb-event-list-st2 li div {margin-bottom:10px} #sub-container .thumb-event-list-st2 li .GoodsPrice {color:#343434} #sub-container .thumb-event-list-st2 li div img{ width: 160px; height: 160px; } #sub-container .thumb-event-list-st2 li span{ display: block; } /**기획전 1개상품 왼쪽 이미지 간격조정**/ #sub-container .thumb-event-list-st5 li { float: left; width:100%; margin-left:10px; margin-right:10px;height:380px; text-align: left;} #sub-container .thumb-event-list-st5 li em, .thumb-event-list-st1 li span {margin-top:1px} #sub-container .thumb-event-list-st5 li div {margin-bottom:10px} #sub-container .thumb-event-list-st5 li .GoodsPrice {color:#343434} #sub-container .thumb-event-list-st5 li div img{ width: 250px; height: 250px; } #sub-container .thumb-event-list-st5 li span.GsImg9{ float: right; width: auto; } #sub-container .thumb-event-list-st5 li span.GsImg9 img{ height: auto; width: 800px; } #sub-container .thumb-event-list-st5 li span, #sub-container .thumb-event-list-st5 li strong{ display: block; text-align: center; width: 250px; } /**기획전 1개상품 오른쪽 이미지 간격조정**/ #sub-container .thumb-event-list-st6 li { float: left; width:100%; margin-left:10px; margin-right:10px;height:380px; text-align: left;} #sub-container .thumb-event-list-st6 li em, .thumb-event-list-st1 li span {margin-top:1px} #sub-container .thumb-event-list-st6 li div {margin-bottom:10px} #sub-container .thumb-event-list-st6 li div a{ float: right; } #sub-container .thumb-event-list-st6 li .GoodsPrice {color:#343434} #sub-container .thumb-event-list-st6 li div img{ width: 250px; height: 250px; } #sub-container .thumb-event-list-st6 li span.GsImg9{ float: left; width: auto; } #sub-container .thumb-event-list-st6 li span.GsImg9 img{ height: auto; width: 800px; } #sub-container .thumb-event-list-st6 li span{float: right;display: block; text-align: center; width: 250px; } #sub-container .thumb-event-list-st6 li strong{ float: right; display: block; text-align: center; width: 250px; } /* 181023 브랜드검색 브랜드페이지 */ .brand_info {width:100%; border-bottom:1px solid #3d3d3d; height:108px; overflow:hidden; padding-bottom:34px;} .brand_info .logo { text-align: center; width: 175px; height: 100px; float:left; border: 1px solid #ddd; overflow: hidden; margin-top: 20px;} .brand_info .logo img {margin-top:-28px;} .brand_info .text {float:left; margin:24px 0 0 30px;} .brand_info .text .brand {font-size: 16px; font-weight: 700;} .brand_info .text .cont { font-weight: 600; margin-bottom: 14px;} .brand_info .text .info { margin-bottom: 6px;} .brand_info .text .url {} .prod_list {} .prod_list span.type_Brand {color:#fe8729; font-weight:normal; text-align:left; margin-top:12px;} .prod_list .thumb-list4_2 li { float: left; width: 290px; margin-right: 13px;} .prod_list .thumb-list4_2 li:nth-child(4n) {margin-right:0px;} .prod_list .thumb-list4_2 { min-height: 400px; } .prod_list a:hover {text-decoratoin:none;} .total_count {padding: 10px 0; font-size: 14px;} .total_count span {color:#f33508; font-size:16px; font-weight:600;} .prod_list h4 {font-weight:700; font-size:20px; color:#333; padding-top:20px; border-top: 1px solid #ddd; } /* 181023 브랜드검색 브랜드페이지 끝 */ /* 181108 메인 입점브랜드 */ .MateComList {position:relative; display:none;} .MateComList ul.nav.restyle {position:absolute; right:0; top:-38px;} .MateComList ul.nav.restyle li {float:left;} .MateComList ul.nav.restyle li a {border: 1px solid #ddd;font-weight: 500; font-size: 20px;box-sizing: border-box; padding: 2px 12px 3px 12px; color: #555;} .MateComList ul.nav.restyle li a:hover {background:none;} .MateComList ul.nav.restyle li.prev {margin-right:4px;} p.event_list_ar a {color:#fff;} p.event_list_ar a img {margin-left:10px;} #NewHeader div.TopMiddle1 div.EventBanner1 .FastOrd {} div.goods span.OrderListImg a {line-height:20px;} /* 버튼 */ .btn:hover {text-decoration:none;} .btn.type1 {font-size: 11px; color: #555; border: 1px solid #999; background: #fff; padding: 4px 10px; border-radius:0px; text-decoration: none !important; line-height:inherit;} .btn.type2 {font-size: 16px; color: #555; border: 1px solid #999; background: #fff; padding: 4px 10px; border-radius:0px; text-decoration: none !important; line-height:inherit;} .btn.red {border-color:#f33a08; color:#f33a08;} .btn.red:hover {color:#f33a08 !important;} /* pdf 테스트 */ .pdfstyle {font-family:'Nanum Gothic';} .GsView {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;} .GsView .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} .GsView .pop-GsView {display:block;} .pop-GsView {display:none; position: absolute; top: 50%; left: 50%; width: 100%; height:90%; background-color:#fff; border: 5px solid #3571B5; z-index: 10;} .pop-GsView .pop-container {padding: 10px;} .pop-GsView p.ctxt {color: #666; line-height: 25px;} .pop-GsView .btn-r {width: 100%; margin:0px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;} .OrderView {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;} .OrderView .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} .OrderView .pop-OrderView {display:block;} .pop-OrderView {display:none; position: absolute; top: 50%; left: 50%; width:100%; height:90%; background-color:#fff; border: 5px solid #3571B5; z-index: 10;} .pop-OrderView .pop-container {padding: 5px;} .pop-OrderView p.ctxt {color: #666; line-height: 25px;} .pop-OrderView .btn-r {width: 100%; margin:-37px 0 20px; padding-top: 10px; text-align:right;z-index: 900;} a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;} a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;} /* 로그인 프레임*/ .LoginView {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:2000;} .LoginView .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} .LoginView .pop-layer {display:block;} /* 이미지크게 보기 프레임*/ .LagImgView {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:2000;} .LagImgView .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} .LagImgView .pop-layer {display:block;} .pop-layer_LagImgView {display:block; position: absolute; top: 50%; left: 50%; box-shadow: 0px 0px 14px rgb(255 255 255 / 100%); } /* 컴플레인 프레임*/ .ComplainWrite {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:2000;} .ComplainWrite .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} .ComplainWrite .pop-layer {display:block;} .ComplainDiv { display: block; position: absolute; top: 50%; left: 50%; _width: 700px; background-color: #fff; width: 750px; z-index: 10; } /* 후기작성 프레임*/ .ReviewWrite {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:2000;} .ReviewWrite .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} .ReviewWrite .pop-layer {display:block;} .ReviewDiv { display: block; position: absolute; top: 50%; left: 50%; width: 820px; background-color: #fff; _border: 1px solid #0D797B; z-index: 10; } .ReviewDiv .divReviewWrite .pop-ReviewWrite{ padding-top: 0px; margin-top: -20px; width: 100%; } /* 상품등록 프레임*/ .RegGoods {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:2004;} .RegGoods .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} .RegGoods #RegGoods_iframe { display:block; position: absolute; top: 50%; left: 50%; width: 900px; background-color:#fff; border: 1px solid #0D797B; z-index: 10; } .RegGoods #RegGoods_iframe .pContents {color: #666; line-height: 25px; _height:600px;} .LogOut {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;} .pop-layer_login {display:block; position: absolute; _top: 50%; left: 50%; width: 750px; _height: 730px; background-color:#fff; _border: 1px solid #0D797B; z-index: 10; } /*.pop-layer .pop-container {padding: 20px 25px;}*/ .pop-layer_login p.ctxt {color: #666; line-height: 25px;} .pop-layer_login .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;} .pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 750px; background-color:#fff; border: 1px solid #0D797B; z-index: 10; } /*.pop-layer .pop-container {padding: 20px 25px;}*/ .pop-layer p.ctxt {color: #666; line-height: 25px; height:600px;} .pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;} /* RayerPopup 프레임*/ #RayerPopup {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:2000;} #RayerPopup .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} #RayerPopup #s1_Rayer {display:block; position: absolute; top: 50%; left: 50%; width: 700px; background-color:#fff; border: 1px solid #0D797B; z-index: 10; } #RayerPopup #s1_Rayer p.ctxt {color: #666; line-height: 25px;} #RayerPopup #s1_Rayer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;} #RayerPopup #s1_Rayer #pop_btn_close_div{height: 0px; background: transparent url("/images/login20151030/close_btn.png") repeat scroll 0px 0px; padding: 19px 9px 0px; cursor: pointer; float: right; position: relative; top: 25px; margin-right:25px } /* #RayerPopup .pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 100%; background-color:#fff; border: 1px solid #0D797B; z-index: 10; } #RayerPopup .pop-layer p.ctxt {color: #666; line-height: 25px; height:600px;} #RayerPopup .pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;} */ /* 스케줄 프레임*/ .ScheduleView {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;} .ScheduleView .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} .ScheduleView .pop-ScheduleView {display:block; } .pop-ScheduleView {display:none; position: absolute; top: 50%; left: 50%; width: 100%; height:auto; background-color:#fff; border: 1px solid #0D797B; z-index: 10;} /*.pop-layer .pop-container {padding: 20px 25px;}*/ .pop-ScheduleView p.ctxt {color: #666; line-height: 25px; height:750px;} .pop-ScheduleView .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;} .pop-ScheduleView .btn_rsSchView_close_div{height: 0px; background: transparent url("/images/login20151030/close_btn.png") repeat scroll 0px 0px; padding: 19px 9px 0px; cursor: pointer; float: right; z-index: 999; position: relative; top: 35px; margin-right:30px; } .CridOrdView {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1001;} .CridOrdView .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} .CridOrdView .pop-layer {display:block;} .pop-layer p.CritxtTit {color: #666; line-height: 25px; _height:25px; margin: 35px 53px 15px; font-size: 20px; font-weight: 600; } .pop-layer p.Critxt {color: #666; line-height: 25px; height:550px;margin: 0px 55px 30px;} /* 결제창 */ #CridView #rsSetTyVa_image.yCard{ text-align: center; margin: 100px 0; } #CridView #rsSetTyVa_image.yCard p{ font-weight: 600; font-size: 30px; margin: 0px 0 60px 0; } /* login button*/ .Order_div_close{text-align: right; margin-left: 885px; width: 10px;} .login_div_close{text-align: right; margin-left: 395px; width: 10px;} .title_login_div{margin: 0 auto; text-align: center; padding: 0px; border-bottom: 2px solid #616161;} .btn_login_div{margin: 0 auto; text-align: center; padding: 5px;} .btn_login_close_div{height: 0px; background: transparent url("/images/login20151030/close_btn.png") repeat scroll 0px 0px; padding: 19px 9px 0px; cursor: pointer; float: right; position: relative; top: 86px; margin-right:50px; } .btn_login_txt_div{margin: 10px auto; text-align: center; padding-top: 30px; font-size: 12px;} .btn_login_div a { padding:5px; } .txt_login_div{margin: 0 auto; text-align: center; padding: 5px; margin-top: 20px; font-size: 11px; color: #aeaeae;} .title_order_login_div{margin: 0 auto; width:350px; text-align: left; padding: 5px; margin-bottom: 20px;} .btn_order_login_div{margin: 0 auto; width:350px; text-align: center; padding: 5px;} .btn_order_login_div #OrderName{ width:60px;} .btn_order_login_div #pop_order_num{ padding:0 0 0 15px;} .btn_order_login_div #OrderNum{ width:135px;} .btn_order_login_div a { padding:5px; } .txt_order_login_div{margin: 0 auto; width:350px; text-align: center; padding: 5px; margin-top: 40px;} /* login button*/ .Order_div_close{text-align: right; margin-left: 885px; width: 10px;} .login_div_close{text-align: right; margin-left: 395px; width: 10px;} .title_login_div{margin: 0 auto; width:100%; text-align: center; padding: 0px; border-bottom: 2px solid #616161;} .btn_login_div{margin: 0 auto; width:100%; text-align: center; padding: 5px;} .btn_login_div #btn_login{margin: 0 auto;width: 250px;} #site_login_div{ display: none; width: 100%; margin-top: 15px; } #site_login_div .box-line{ margin: 0 auto; width: 320px; } #site_login_div .box-line ul{ float: left; } #site_login_div .box-line ul li { margin: 3px 0;} #site_login_div .box-line ul li label{ width: 50px; } #site_login_div .box-line .login{ float: right; } .LoginTitleTxtDiv{ position: relative; float: left; padding: 10px 0 0 30px; font-size: 20px; font-weight: 800; overflow: hidden; width: 100%; height: 55px; border-top: 4px solid #6e6e6e; background: #6e6e6e; color: #fff; } .btn_login_close_div{ height: 0px; background: transparent url("/images/popup/btn_close.gif") repeat scroll 0px 0px; padding: 17px 8px 0px; cursor: pointer; float: right; position: relative; top: -35px; margin-right:25px } .btn_CridOrd_close_div{height: 0px; background: transparent url("/images/login20151030/close_btn.png") repeat scroll 0px 0px; padding: 18px 9px 0px; cursor: pointer; float: right; position: relative; top: 30px; margin-right:50px } /* 컴플레인 작성 */ #nsite_compl_div{ margin: 15px 20px; } #nsite_compl_div ul{ float: left; margin: 0; padding: 0; } #nsite_compl_div ul.compl_ul{ width: 690px; overflow: auto; height: 510px; } #nsite_compl_div ul.compl_ul .title_compl{ font-size: 20px; font-weight: 600; color: #52a5e0; } #nsite_compl_div ul.compl_ul .box-line { margin-top: 10px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul { float: inherit; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul .ConTitTxt{ color: #000; font-size: 15px; font-weight: 600; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul li { margin: 10px 0px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul li .red{ color: red; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul li input { display: inline-block; position: relative; width: 260px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul li .AdminRead{ margin-right: 3px; color: #fff; background-color: #4794d7; padding: 5px 7px; border-radius: 4px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul li .ReadState1{ margin-right: 3px; color: #000; background-color: #c4c4c4; padding: 5px 7px; border-radius: 4px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul li .ReadState2{ margin-right: 3px; color: #000; background-color: #c0c1ff; padding: 5px 7px; border-radius: 4px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul li .ReadState3{ margin-right: 3px; color: #000; background-color: #ffbcbc; padding: 5px 7px; border-radius: 4px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul li .ReadState9{ margin-right: 3px; color: #000; background-color: #63b7ff; padding: 5px 7px; border-radius: 4px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul .preView{ padding: 5px 0; color: #002858; border-bottom: solid 1px #c2c6ca; cursor: pointer; font-weight: 600; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul .hiddenView{ display: none; padding-left: 15px; margin-right: 3px; color: #000000; background-color: #c2c6ca; padding: 2px 7px; border-radius: 4px; margin-left: 14px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul .hiddenView .btn{padding: 2px 7px;} #nsite_compl_div ul.compl_ul .box-line .box-line-ul .subhiddenView{ display: none; padding-left: 15px; margin-right: 3px; color: #000000; background-color: #e6e6e6; padding: 7px 7px; border-radius: 4px; margin-left: 28px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul .subhiddenView .ContWiter{ font-size: 13px; font-weight: 600; color: #1d63b7; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul .subhiddenViewBtn{ background-color: #fff; padding-bottom: 15px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul .subhiddenView .btn{padding: 2px 7px;} #nsite_compl_div ul.compl_ul .box-line .box-line-ul .WriteTel, .WriteMail { padding: 5px 8px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul .ComplainTxt { margin: 5px 0px; padding: 5px 8px; width: 100%; height: 100px; } #nsite_compl_div ul.compl_ul .box-line .box-line-ul .BankAccHolderTxt { margin: 5px 0px; padding: 5px 8px; width: 100%; height: 50px; }/* 주문취소시 */ #nsite_compl_div ul.compl_ul .box-line .box-line-ul .ComplTxt { color: #337ab7; } #nsite_compl_div ul.compl_ul .btnCompWriBottom{ /*height: 0px; background: transparent url(/images/login20151030/close_btn.png) repeat scroll 0px 0px; position: relative; padding: 19px 9px 0px; */ cursor: pointer; float: left; top: 240px; margin: 10px 0; /*margin-right: 25px;*/ } .btn_complain_close_div{height: 0px; background: transparent url("/images/popup/btn_close.png") repeat scroll 0px 0px; padding: 17px 8px 0px; cursor: pointer; float: right; position: relative; top: 35px; margin-right:25px } .btn_review_qna_close_div{height: 0px; background: transparent url("/images/popup/btn_close.png") repeat scroll 0px 0px; padding: 17px 8px 0px; cursor: pointer; float: right; position: relative; top: 35px; margin-right:25px } /* 회원가입 / 로그인 */ #nsite_login_div{ _width: 300px; display: flex; justify-content: center; align-items: center; } #nsite_login_div ul{ margin: 0; padding: 0; } #nsite_login_div ul.login_ul{ width: 350px; } #nsite_login_div ul.login_verti_line{ border-left: solid 1px #000; height: 255px; margin: 0 30px; } #nsite_login_div ul.login_ul .title_login{text-align: right;} #nsite_login_div .box-line{ margin: 0 auto; width: 343px; } #nsite_login_div .box-line ul{ float: left; margin: 0; padding: 0;} #nsite_login_div .box-line ul li { margin: 0;} #nsite_login_div .box-line ul li label{ margin: 0; } #nsite_login_div .box-line .login{ float: right; } #nsite_login_div .box-line #userId{ padding: 12px 15px; width: 140px; } #nsite_login_div .box-line #PWD{ padding: 12px 15px; width: 140px; margin-top: 8px; } #nsite_login_div .btn_unmemb_div{ text-align: center; margin-top: 25px; } #nsite_login_div .btn_unmemb_div button{ font-weight: 600; color: #5c5c5c; padding: 13px 13px; margin-top: 5px;letter-spacing: -2px;margin-right: 14px; } #nsite_login_div .btn_idfind_div{ text-align: right; margin-top: 25px; } #nsite_login_div .login_etc_buttons{ width: 600px; margin-top: 60px; } #nsite_login_div .login_etc_buttons .login_btn_txt{ height: 10px; display: block; } #nsite_login_div .login_etc_buttons .btn_memb{ margin: 10px 0; } #nsite_login_div .login_etc_buttons .btn_naver{margin: 10px 0 0 0; } #nsite_login_div .login_etc_buttons .btn_daum{margin: 10px 0 0 0; } #nsite_login_div .login_etc_buttons .btn_daum .kakao-login-btn{ cursor: pointer;} #nsite_login_div .login_etc_buttons .btn_google{margin: 10px 0 0 0; border-radius: 4px; } #nsite_login_div .login_etc_buttons .btn_google div .abcRioButtonIcon{ padding: 10px !important; } #nsite_login_div .login_etc_buttons .btn_google div .abcRioButtonContents{ font-size: 15px !important; line-height: 40px !important; font-weight: 600 !important; font-family: 'Nanum Gothic'; display: inline-block; margin-top: 10px;} #nsite_login_div .login_etc_buttons .btn_google div .abcRioButtonContents span{ visibility: hidden; line-height: 0; } #nsite_login_div .login_etc_buttons .btn_google div .abcRioButtonContents span:before { visibility: visible; content: '구글ID로 로그인'; line-height: 1.2em; } #nsite_login_div .login_etc_buttons .auth-options .btn { /* padding: 11px 20px; */ font-size: 14px; width: 100%; height: 48px; text-align: left; margin-bottom: 10px; } #nsite_login_div .login_etc_buttons .auth-options .member-guest{ margin-top: 20px; } #nsite_login_div .login_etc_buttons .auth-options .separator{ position:relative; margin:16px 0; text-align: center; line-height: 16px; font-size: 12px; } #nsite_login_div .login_etc_buttons .auth-options .separator::before{ position: absolute; top:50%; left:0; background: rgb(0,0,0,.13); width:100%; height:1px; content:""; } #nsite_login_div .login_etc_buttons .auth-options .separator span{ display: inline-block; position:relative; background: #fff; padding:0 16px; color:rgb(0,0,0,.54); } #nsite_login_div .login_etc_buttons .auth-options .btn .icon-wrapper { float: left; width: 24px; height: 24px; margin-right: 12px; font-size: 20px; text-align: center; } #nsite_login_div .login_etc_buttons .auth-options .btn .icon-wrapper .fas { margin-top: 2px; } #nsite_login_div .login_etc_buttons .auth-options .btn .icon-wrapper .br-icon-google { background-image: url(/images/login20151030/google.svg); } #nsite_login_div .login_etc_buttons .auth-options .btn .icon-wrapper .br-icon-facebook { background-image: url(/images/login20151030/facebook.svg); } #nsite_login_div .login_etc_buttons .auth-options .btn .icon-wrapper .br-icon-twitter { background-image: url(/images/login20151030/twitter.svg); } #nsite_login_div .login_etc_buttons .auth-options .btn .icon-wrapper .br-icon-naver { background-image: url(/images/login20151030/naver.svg); } #nsite_login_div .login_etc_buttons .auth-options .btn .icon-wrapper .br-icon-kakao { background-image: url(/images/login20151030/kakao.svg); } #nsite_login_div .login_etc_buttons .auth-options .btn .icon-wrapper .br-icon-site { background-image: url(/images/login20151030/site.svg); } [class*="br-icon-"] { display: inline-block; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain; } #nsite_login_div .login_etc_buttons .auth-options .btn .br-icon-text { font-weight: 800; margin-top: 2px; } #nsite_login_div .login_etc_buttons .auth-options #UserEmail { width: 100%; padding: 10px; margin-bottom: 10px; } #nsite_login_div .login_etc_buttons .auth-options #UserPWD { width: 100%; padding: 10px; margin-bottom: 10px; } #nsite_login_div .login_etc_buttons .auth-options #UserName { width: 100%; padding: 10px; margin-bottom: 10px; } #nsite_login_div .login_etc_buttons .auth-options #btn-login-email { text-align: center; /* font-weight: 800; */ background: #0050b0; /* border-radius: 0px; */ font-size: 18px; color: #fff; } #diveRegMemTopBtn{ width: 100%; text-align: right; position: absolute; top: 0; } #diveRegMemTopBtn .btn-regMem-left{ text-align: left; width: 400px; display: inline-block; } #diveRegMemTopBtn .btn-regMem-left img{ width: 100px; } #diveRegMemTopBtn .btn-regMem-right{ text-align: right; width: 390px; display: inline-block; margin-right: 10px; } #diveRegMemTit{ font-size: 26px; color: #000; font-weight: 800; margin: 10px 0; } #diveRegMemTxt{ _width: 425px; margin: 15px auto; font-size: 12px; color: #000; } #divSiteMemberTxtTopLog{ width: 425px; margin: 75px auto 0; font-size: 15px; color: #000; text-align: center; } #divSiteMemberTxtBottom{ _width: 270px; margin: 30px auto; } #divSiteMemberTxtBottom a{ text-decoration: underline; color: #0050b0; font-size: 13px; font-weight: 600; } #nsite_login_div .logout_etc_buttons .logout_btn_txt{ height: 110px; display: block; } #nsite_login_div .logout_etc_buttons #div_google_logout{ border: 1px solid transparent; height: 42px; width: 250px; font-size: 15px !important; line-height: 40px !important; font-weight: 600 !important; font-family: 'Nanum Gothic'; display: inline-block; margin-top: 10px; } #nsite_login_div .login_etc_buttons .btn_facebook{margin: 10px 0 0 0; } #nsite_login_div .login_etc_buttons .btn_bann{ margin: 20px 0 0 0;} /* 회원가입 완료 */ #EndRegUserImg { margin: 10px 0; } #nsite_regmem_div{ width:650px ; margin: 70px auto; } #nsite_login_div .Catetxt { display: flex; align-items: flex-start; margin: -1px 0; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; padding: 6px 0;} #nsite_login_div .Catetxt .CatOne{ width: 140px; color: #c00; font-weight: 900; font-size: 16px; white-space: nowrap; letter-spacing: -1px; margin: 6px 10px 0 0; } #nsite_login_div .Catetxt .CatTwo{ flex: 1; display: flex; flex-wrap: wrap; gap: 6px 10px; } #nsite_login_div .Catetxt .CatTwo li{ padding: 1px 0; } #nsite_login_div .Catetxt .CatTwo input[type="radio"] { appearance: none; -webkit-appearance: none; width: 16.1px; height: 16.1px; background: #f9caca; border: inset 2px #a66; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3); margin-right: 4px; position: relative; } #nsite_login_div .Catetxt .CatTwo input[type="radio"]::before { content: ""; display: block; width: 100%; height: 100%; background-color: transparent; position: absolute; top: 0; left: 0; } #nsite_login_div .Catetxt .CatTwo input[type="radio"].selected::before { content: "\2713"; color: #000; font-size: 30px; font-weight: 800; position: absolute; top: -14px; left: -5px; } #nsite_login_div .Catetxt .CatTwo label{ margin: 0; } #nsite_login_div .InforTxt{ margin-top: 15px; font-size: 14px; color: #333; text-align: center; } #nsite_login_div #RegUserEdnForm li { } #nsite_login_div #RegUserEdnForm nput[type="radio"] { appearance: none; -webkit-appearance: none; width: 16.1px; height: 16.1px; background: #f9caca; border: inset 2px #a66; box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3); margin-right: 4px; position: relative; } #nsite_login_div #RegUserEdnForm input[type="radio"]::before { content: ""; display: block; width: 100%; height: 100%; background-color: transparent; position: absolute; top: 0; left: 0; } #nsite_login_div #RegUserEdnForm input[type="radio"].selected::before { content: "\2713"; color: #000; font-family: 'Pretendard', sans-serif; font-size: 10px; font-weight: bold; position: absolute; top: 1px; left: 3px; } #nsite_login_div #RegUserCateForm .RegMemLayerBtn{ padding: 20px 0; display: table; margin: 0 auto; } #nsite_login_div #RegUserCateForm .btn-primary { padding: 30px 0; display: table; margin: 0 auto; padding: 8px 40px; font-size: 16px; font-weight: 600; background-color: #0050b0; margin-left: 10px; color: #fff; background-color: #337ab7; border-color: #2e6da4; } /* 회원가입 / 로그인 */ #nsite_login_div .logout_etc_buttons { position: absolute; left: -21%; }/*로그아웃 */ /* 비회원 로그인 */ #login_div{ width: 630px; margin: 30px auto; } #login_div div{ float: left; } #login_div div.tab-content{ padding-top: 20px; } #login_div div.login_ul{ width: 350px; } #login_div div.login_ul .nav-tabs li { background-color: #f7f7f7; border: solid 1px #9f9f9f; margin-left: -1px; font-weight: 600; width: 144px; height: 38px; margin-left: -4px; } #login_div div.login_ul .nav-tabs li a { color: #777; padding: 10px 10px; text-align: center; border-radius: 0; margin-right: 0px; } #login_div div.login_verti_line{ border-left: solid 1px #000; height: 255px; margin: 0 25px; } #login_div div.login_ul .title_login{text-align: right;} #login_div .box-line{ margin: 0 auto; width: 343px; } #login_div .box-line ul{ float: left; } #login_div .box-line ul li { margin: 0;} #login_div .box-line ul li label{ margin: 0; } #login_div .box-line .login{ float: right; } #login_div .box-line #userId{ padding: 12px 15px; } #login_div .box-line #PWD{ padding: 12px 15px; margin-top: 8px; } #login_div .box-line #OrderName{ padding: 12px 15px; width: 125px;} #login_div .box-line #MobileNum{ padding: 12px 15px; width: 125px; margin-top: 8px; } #login_div .box-line #OrderMail{ padding: 12px 15px; width: 125px; margin-top: 8px; } #login_div .btn_unmemb_div{ text-align: center; margin-top: 10px; } #login_div .btn_unmemb_div button{ font-weight: 600; color: #5c5c5c; padding: 13px 13px; margin-top: 5px;letter-spacing: -2px;margin-right: 14px; } #login_div .btn_idfind_div{ text-align: right; margin-top: 25px; width: 94%; } #login_div .login_etc_buttons{ width: 190px; } #login_div .login_etc_buttons .login_btn_txt{ color: #2331ac; } #login_div .login_etc_buttons .btn_memb{ margin: 10px 0; } #login_div .login_etc_buttons .btn_naver{margin: 10px 0 0 0; } #login_div .login_etc_buttons .btn_daum{margin: 5px 0 0 0; } #login_div .login_etc_buttons .btn_daum .kakao-login-btn{ cursor: pointer;} #login_div .login_etc_buttons .btn_bann{ margin: 20px 0 0 0;} /* 비회원 로그인 */ /* 패스워드 찾기 */ #container .FindPassWd{ width: 80%; margin: 100px auto; } #container .FindPassWd .box-FindPassWd{ overflow: hidden; margin-top: 10px; padding: 20px 0; border: 1px solid #E6E6E6; } #container .FindPassWd .box-FindPassWd ul {} #container .FindPassWd .box-FindPassWd ul li { margin: 10px 0 0 280px; } #container .FindPassWd .box-FindPassWd ul li strong { width: 45px; font-size: 13px; display: inline-block; } #container .FindPassWd .box-FindPassWd ul li span { width: 246px; } #container .FindPassWd .box-FindPassWd ul li span input { height: 35px; padding: 5px; border: 1px solid #E6E6E6; vertical-align: middle; } #RsMailSendText{ font-size: 16px; text-align: center; margin-top: 50px; } } /* 패스워드 찾기 */ /* paging */ .paging_wrap{position:relative;} .paging_wrap .btn{position:absolute;bottom:0;right:0;} .paging{margin-top:30px;text-align:center;font-size:0;float: left; margin: 30px auto; width: 100%;} .paging span{position:relative;display:inline-block;font-size:13px;line-height:26px;vertical-align:top;} .paging span.direction{width:30px;height:30px;background:url(/images/actions/btn_paging.gif) 8px 8px no-repeat;line-height:0;font-size:0;} .paging span.direction a{display:block;width:28px;height:28px;background:url(/images/actions/btn_paging.gif) -48px 8px no-repeat;text-indent:-9999px;} .paging span.direction.prev{margin-left:1px;background-position:-17px 8px;} .paging span.direction.prev a{background-position:-73px 8px;} .paging span.direction.next{background-position:-17px -22px;} .paging span.direction.next a{background-position:-73px -22px;} .paging span.direction.last{margin-left:1px;background-position:8px -22px;} .paging span.direction.last a{background-position:-48px -22px;} .paging span.paging_no{overflow:hidden;margin:0 1px;border-left:none;} .paging span.paging_no strong, .paging span.paging_no a{display:block;float:left;width:28px;height:28px;line-height: 30px;} .paging span.paging_no a:hover {text-decoration:none;} .paging span.paging_no strong{background:#ececec;color:#323232; border-radius:5px;} /* 장바구니에 넣고 나서 나오는창 */ .div_basket {width: 360px; text-align: center; position: fixed;top:50%;left:50%;transform:translate(-50%, -50%); overflow: hidden; z-index: 999; } .div_basket div.basket { border: 1px solid #a4a4a4; overflow: hidden; background: #fff; margin: 0 auto; border-radius: 5px; box-shadow: inset 0px 0px 3px 0px rgb(130 130 130); } .basket p { margin-top:20px; padding: 78px 0 20px; background:url('/images/exhibit/bg_basket.gif') no-repeat 50% top; text-align:center; } .basket span { font-weight: var(--ft-bold); font-size: var(--ft-size16); letter-spacing: -0.02em;display: flex; justify-content: center;} .basket .cartBtn { width: 100%; height: 45px;border-color: #e5e5e5; margin: 20px 10px; font-size: var(--ft-size16); } .basket .close { margin: -210px 10px 0 0; }