/* 제품목록 */ .depthMenu { border:1px solid #ccc; overflow:hidden; min-height:150px; padding-bottom:18px; } .depthMenu div { width:100%; overflow:hidden; overflow:hidden; border-top:1px solid #bbb; background:url(/img/shop/bg_depthMenu.gif) repeat-x top; } .depthMenu dl { float:left; width:14.28%; text-align:center; letter-spacing:-0.03em; padding-bottom:25px; } .depthMenu dl dt { background:#f5f5f5; height:45px; line-height:45px; border-bottom:1px solid #bbb; font-size:16px; font-weight:600; color:#333; margin-bottom:12px; } .depthMenu dl dd { line-height:30px; font-size:14px; } .depthMenu dl dd.on a { font-weight:bold; color:#124e92; } #pdListBox { width:100%; margin:10px 0 30px; overflow:hidden; } #pdListBox li { float:left; border:1px solid #d7d7d7; width:308px; height:365px; overflow:hidden; margin:0 0 60px 10px; } #pdListBox li.first { margin-left:0; } #pdListBox div { width:308px; margin:0px auto; } #pdListBox div img { width:100%; } #pdListBox dl { width:293px; margin:0 auto; border-top:1px solid #eee; } #pdListBox dl dt { font-size:18px; color:#333; text-indent:2px; margin-top:22px; } #pdListBox dl dd { text-indent:3px; } #pdListBox dl dd.txt { font-size:14px; color:#ccc; margin-top:7px; } #pdListBox dl dd.price { font-size:17px; font-weight:bold; margin-top:20px; color:#333; } #pdListBox li:hover { /*border:1px solid #77b2f5;*/ border:1px solid #999; } /*#pdListBox li:hover dl { border-top:1px solid #999; }*/ #pdListBox li:hover dl dt { color:#236bbc; } #pdListBox li:hover dl dd.txt { color:#236bbc; } #pdListBox li.out:hover { border-color:#d7d7d7; } #pdListBox li.out:hover dl { border-color:#eee; } #pdListBox li.out:hover dl dt { color:#333; } #pdListBox li.out:hover dl dd.txt { color:#ccc; } #pdListBox li.out { position:relative; } #pdListBox li.out > p { position:absolute; z-index:99; top:130px; width:100%; text-align:center; color:#fff; font-weight:bold; font-size:22px; } #pdListBox li.out .outBg { margin:0; position:absolute; top:0; left:0; width:100%; height:100%; background:#cecece; opacity:.60; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); } .depth_Box{ border:1px solid #ccc;margin-bottom:30px; } .depth_Box ul{ margin:0;padding:0;margin:10px 10px 10px 20px; } .depth_Box li{ margin:0;padding:0;float:left;font-size:15px;padding:10px 50px 10px 5px;} .depth_Box li.on a,.depth_Box li.on{ color:#104580;font-weight:bold; } .depth3_Box{ margin:0;padding:0;margin:0px 10px 10px 20px;font-size:15px; } .depth3_Box dt{ height:40px;line-height:40px;padding-top:20px; } .depth3_Box dt.on a,.depth3_Box dd span.on a{ color:#104580;font-weight:bold } .depth3_Box dd{ font-size:13px; } .depth3_Box dd span{ padding:3px 25px 3px 5px;display:inline-block; } /* depth3 */ .depth_Box3 li{ float:left; } .depth_Box3 li.depth2_tit{ width:10%; } .depth_Box3 li.depth2_tit.on{ color:#104580;font-weight:600; } .depth_Box3 li.depth2_con{ width:79%;background-color:blu1e; } .depth_Box3 li.depth2_con span{ border:1px solid #FF00200; padding:0px 15px 12px 0;display:inline-block;font-size:14px; } /* 제품소개 */ .search_tit{ margin-bottom:40px;padding:25px;text-align:center;font-size:17px;font-weight:bold;color:#333;background-color:#f4f4f4; } .search_tit span a{ font-size:24px;color:#28AAE1;padding-right:6px; } .search_tit ul { margin-top:15px; } .search_tit ul li{ font-size:13px;font-weight:normal;width:199px;float:left;text-align:left;padding:5px; } .support_chk{ display:none; } .buy_goods_cntBox{ width:80px !important;height:25px;position:relative;margin-top:7px; } .buy_goods_cntBox input{ background-color:#FFF !important;vertical-align:top; } #pdInfo { border:1px solid #d7d7d7; overflow:hidden; } #pdInfo .pdImg { float:left; width:440px; } #pdInfo .grayInfoBox { float:right; width:500px; background:#f8f8f8; height:100%; min-height:540px; } .pdImg > div.big_img { width:420px; height:380px; margin:35px auto 0; } .pdImg > div.big_img > img{ width:420px;height:380px; } .pdImg > ul { width:420px; margin:10px auto 0; overflow:hidden; } .pdImg > ul li { float:left; width:80px; margin-left:5px; cursor:pointer; } .pdImg > ul li:first-child { margin-left:0; } .pdImg > ul li img { width:100%; } .grayInfoBox dl { width:450px; margin:30px auto 0; overflow:hidden; } .grayInfoBox dl dt { color:#333; font-size:30px; line-height:30px; font-weight:bold; letter-spacing:-0.02em; } .grayInfoBox dl dd { font-size:16px; color:#737373; margin:10px 0 0 0; } .txtPd { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; width:461px; margin:20px auto 0; overflow:hidden; padding:15px 0; } .txtPd li { width:100%; overflow:hidden; font-size:15px; padding:6px 0; } .txtPd li p { float:left; background:url(/img/shop/bullet_pd.gif) no-repeat right center; width:140px; margin-left:5px; color:#333; } .txtPd li span { display:block; float:left; margin-left:20px; } .txtPd li span.price { font-size:19px; color:#236bbc; } .txtPd li span input { border:1px solid #d7d7d7; width:50px; height:23px; line-height:23px; text-align:center; font-size:15px; } #pdInfo { border:1px solid #d7d7d7; overflow:hidden; min-height:520px; } #pdInfo .pdImg { float:left; width:440px; } #pdInfo .grayInfoBox { float:right; width:500px; background:#f8f8f8; height:100%; min-height:540px; } .pdImg > div.big_img { width:420px; height:380px; margin:35px auto 0; } .pdImg > div.big_img > img{ width:420px;height:380px; } .pdImg > ul { width:420px; margin:10px auto 0; overflow:hidden; } .pdImg > ul li { float:left; width:80px; margin-left:5px; cursor:pointer; } .pdImg > ul li:first-child { margin-left:0; } .pdImg > ul li img { width:100%; } .grayInfoBox dl { width:450px; margin:30px auto 0; overflow:hidden; } .grayInfoBox dl dt { color:#333; font-size:30px; line-height:30px; font-weight:bold; letter-spacing:-0.02em; } .grayInfoBox dl dd { font-size:16px; color:#737373; margin:10px 0 0 0; } .txtPd { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; width:461px; margin:20px auto 0; overflow:hidden; padding:15px 0; } .txtPd li { width:100%; overflow:hidden; font-size:15px; padding:6px 0; } .txtPd li p { float:left; background:url(/img/shop/bullet_pd.gif) no-repeat right center; width:140px; margin-left:5px; color:#333; } .txtPd li span { display:block; float:left; margin-left:20px; } .txtPd li span.price { font-size:19px; color:#236bbc; } .txtPd li span input { border:1px solid #d7d7d7; width:50px; height:23px; line-height:23px; text-align:center; font-size:15px; } .btnup { position:absolute; top:0; right:0; cursor:pointer; } .btndown { position:absolute; bottom:0; right:0; cursor:pointer; } p.total { float:left; margin:29px 0 29px 34px; color:#333; font-size:17px; line-height:17px; } p.total em { font-weight:bold; color:#236bbc; font-size:25px; padding-left:7px; } ul.icon { float:right; margin:23px 32px 0 0; } ul.icon li { float:left; margin-left:7px; } ul.btnPd { clear:both; padding:30px 0; overflow:hidden; text-align:center; } ul.btnPd li { width:118px; display:inline-block; *display:inline; zoom:1; margin:0 4px; } ul.btnPd li a { display:block; width:116px; height:43px; line-height:43px; text-align:center; background:#4c4c4c; border:1px solid #393939; color:#fff; font-size:16px; } ul.btnPd li:first-child a { background:#236bbc; border:1px solid #1c589a; } ul.btnPd li.wish a { background:#4c4c4c; border:1px solid #4c4c4c; } #tabPd { margin-top:25px; width:100%; overflow:hidden; } #tabPd > .tabs { border:1px solid #d7d7d7; height:57px; } #tabPd > .tabs li { float:left; border-right:1px solid #d7d7d7; width:168.3px; height:100%; line-height:57px; text-align:center; font-size:17px; cursor:pointer; } #tabPd > .tabs li#tab6{ border-right:none; } #tabPd > .tabs li.on{ background-color:#f2f2f2;color:#104580;font-weight:bold; } #tabPd > .tabs li:first-child { border-left:none; } #tabPd > .tabs li.current { background:#236bbc; color:#fff; font-weight:bold; } #tabPd > .tabscontent { width:100%; overflow:hidden; min-height:300px; margin:35px 0 40px; } .pdS_list { width:100%; overflow:hidden; } .pdS_list li { float:left; border:1px solid #d7d7d7; width:227px; height:330px; overflow:hidden; margin-left:11px; } .pdS_list li:first-child { margin-left:0; } .pdS_list li div { width:210px; margin:10px auto; } .pdS_list li div img { width:100%; } .pdS_list li dl { width:210px; border-top:1px solid #eee; margin:0 auto; font-size:16px; } .pdS_list li dt { color:#333; text-indent:2px; margin-top:20px; } .pdS_list li dd { font-weight:bold; text-indent:2px; margin-top:10px; } .pdS_list li:hover { border-color:#aaa; } .pdS_list li:hover dl { border-color:#aaa; } .pdS_list li:hover dl dt { color:#236bbc; } .pdS_list li.out:hover { border-color:#d7d7d7; } .pdS_list li.out:hover dl { border-color:#eee; } .pdS_list li.out:hover dl dt { color:#333; } .pdS_list li.out { position:relative; } .pdS_list li.out > p { position:absolute; z-index:99; top:100px; width:100%; text-align:center; color:#fff; font-weight:bold; font-size:22px; } .pdS_list li.out .outBg { margin:0; position:absolute; top:0; left:0; width:100%; height:100%; background:#cecece; opacity:.60; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); } .orderBy_Box{ position:relative;margin-bottom:25px; } .orderBy_Box span{ font-size:14px;line-height:33px; } .orderBy_Box ul{ float:right;border:1px solid #ccc; } .orderBy_Box ul li{ float:left;padding:5px 12px;border-right:1px solid #ccc; } .orderBy_Box ul li.last{ border-right:none; } .orderBy_Box ul li.on{ background-color:#f2f2f2; } .orderBy_Box ul li.on a{ color:#104580; } .btc{ border-top:1px solid #ccc; } .btc2 { border-top:2px solid #414141; } .zzim .tit{ font-weight:bold;font-size:17px;padding:20px 0 10px;color:#333; } .inquiry_txt{ font-size:13px;background-color:#f4f4f4;padding:15px 20px;border:1px solid #ddd; } /* 마이페이지 */ /* 마이페이지 */ .mypage-tab .listTopBtn{ float:none;width:100%; } .mypage-tab .listTopBtn ul{ width:280px;margin:0 auto; } .mypage-tab .listTopBtn ul li a{ width:139px; } .mypage-tab .listTopBtn li:first-child{ width:50.4%; } .od_cart { width: 100%;font-size:14px; } .od_cart thead tr {border-top:2px solid #333;} .od_cart thead tr th{background:#757575;padding: 15px; font-size: 15px;color:#fff} .od_cart tbody {} .od_cart tbody tr th{padding: 15px;background:#f5f5f5;border-bottom:1px solid #d7d7d7;} .od_cart tbody tr td { padding: 15px;border-bottom:1px solid #d7d7d7; } .od_cart tbody td.thumb img{width:100px; height:100px;margin-top:9px;} .od_cart tbody td.subject dl dt { font-weight:bold; color:#333; font-size:14px; } .od_cart tbody td.subject dl dd { margin-top:4px; } .od_cart tbody td.subject dl dd.code { color:#333;font-size:12px; } .od_cart tbody td.subject dl dd.code span { color:#104580; } .od_cart tbody td.price { font-weight:700; color:#333; font-size:15px; } .od_cart tbody td.od_num{text-decoration:underline;} a.btn_mod{ display:inline-block;color:#fff;padding:2px 5px;border-radius:3px;font-size:12px; border:1px solid #235f8c; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4694d0+0,307cb6+100 */ background: #4694d0; /* Old browsers */ background: -moz-linear-gradient(top, #4694d0 0%, #307cb6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4694d0 0%,#307cb6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4694d0 0%,#307cb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4694d0', endColorstr='#307cb6',GradientType=0 ); /* IE6-9 */ } .od_cart tbody a.btn_del, a.btn_del_m{ display:inline-block;color:#fff;padding:2px 5px;border-radius:3px;font-size:12px; border:1px solid #307C60; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4694d0+0,307cb6+100 */ background: #46941C; /* Old browsers */ background: -moz-linear-gradient(top, #46941C 0%, #307C64 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #46941C 0%,#307C64 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #46941C 0%,#307C64 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46941C', endColorstr='#307C64',GradientType=0 ); /* IE6-9 */ } .od_cart tbody a.btn_mod2, a.btn_mod2_m{ display:inline-block;color:#fff;padding:2px 5px;border-radius:3px;font-size:12px; border:1px solid #777; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4694d0+0,307cb6+100 */ background: #757575; /* Old browsers */ background: -moz-linear-gradient(top, #aeaeae 0%, #757575 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #aeaeae 0%,#757575 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #aeaeae 0%,#757575 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#757575',GradientType=0 ); /* IE6-9 */ } .od_cart tbody td.od_total{background:#f5f5f5;font-size:16px;} .od_cart tbody td.od_total b{color:#333;} .sh_cart .ntb-tb-view-btn .AXButton{font-size:13px;font-family:'Malgun Gothic';min-height:45px;} .sh_cart .ntb-tb-view-btn .AXButton,.sh_myorderlist .AXButton{font-size:13px;font-family:'Malgun Gothic';min-height:45px;} /* 마이페이지- 주문서 작성/주문조회 */ .login_check{ margin-top:50px; } .login_check ul{overflow:hidden;} .login_check ul li{float:left;width:430px;margin-left:90px;} .login_check .part01{border:1px solid #d7d7d7;padding:50px 0;} .login_check ul>li>a>dl.od_login{background:url(/img/shop/btn_od_login.gif) no-repeat 0 0;padding-left:165px;} .login_check ul>li>a>dl.od_nologin{background:url(/img/shop/btn_od_nologin.gif) no-repeat 0 0;padding-left:165px;} .login_check ul>li>a>dl.od_mem{background:url(/img/shop/btn_od_mem.gif) no-repeat 0 0;padding-left:165px;} .login_check ul>li>a>dl.od_guest{background:url(/img/shop/btn_od_guest.gif) no-repeat 0 0;padding-left:165px;} .login_check ul>li>a>dl{padding:30px 0px;} .login_check ul>li>a>dl dt{font-size:18px;font-weight:700;color:#333;} .login_check ul>li>a>dl dd{font-size:13px;line-height:22px;margin-top:10px;} .login_check .part02{background:#f2f2f2;border:1px solid #d7d7d7;margin-top:5px;padding:30px 0px;} .login_check .part02>ul>li{overflow:hidden;} .login_check .part02>ul>li>span{font-size:14px;line-height:42px;} .login_check .part02>ul>li>span>a{display:inline-block;padding:10px 25px;border-radius:5px;color:#fff;} .login_check .part02>ul>li>span.btn_sign a{background:#104580;} .login_check .part02>ul>li>span.btn_id_pw a{background:#333;} @media only screen and (max-width: 320px){ .login_check .part01{ width:285px;padding:10px 0;} .login_check ul li{float:inherit;width:260px;margin:0 auto;display:block; } .part02 ul li{ text-align:center; } .login_check ul>li>a>dl{ padding:7% 0px; } .login_check ul>li>a>dl.od_mem{background:url(/img/shop/btn_od_mem.gif) no-repeat 0 50%;padding-left:36%;background-size:31%;margin:10px 0; } .login_check ul>li>a>dl.od_guest{background:url(/img/shop/btn_od_guest.gif) no-repeat 0 50%;padding-left:36%;background-size:31%;margin:10px 0; } } @media all and (min-width:321px) and (max-width:480px) { .login_check .part01{ padding:10px 0;} .login_check ul li{float:inherit;max-width:371px;margin:0 auto;width:90%;display:block; } .part02 ul li{ text-align:center; } .btn_sign{ display:block; } .login_check ul>li>a>dl{ padding:7% 0px; } .login_check ul>li>a>dl.od_mem{background:url(/img/shop/btn_od_mem.gif) no-repeat 0 50%;padding-left:36%;background-size:31%;margin:10px 0; } .login_check ul>li>a>dl.od_guest{background:url(/img/shop/btn_od_guest.gif) no-repeat 0 50%;padding-left:36%;background-size:31%;margin:10px 0; } } @media all and (min-width:481px) and (max-width:767px) { .login_check .part01{ padding:30px 0;} .login_check ul li{float:inherit;max-width:430px;margin:0 auto;width:90%;display:block; } .part02 ul li{ padding:10px 0px; } .part02{ padding:20px 0px; } .login_check ul>li>a>dl.od_mem{ background-size:31%; margin:10px 0; } .login_check ul>li>a>dl.od_guest{ background-size:31%; margin:10px 0; } } @media all and (min-width:768px) { .login_check ul{ max-width:1100px; } .login_check ul li{margin-left:5% !important;width:43%;max-width:430px; } /*.login_check ul li{float:left;width:43%;max-width:408px;margin-left:5%;border:1px solid #FF0000;}*/ } /* 마이페이지- 주문서 작성- 회원구매 */ .od_list{margin-bottom:100px;} .od_list .od_tit{margin-top:50px;margin-bottom:20px; color:#333; font-size:20px; font-family:'Nanum Square';} .od_list .od_sign { border-top:2px solid #333;border-bottom:2px solid #d7d7d7; margin-top:5px; font-size:15px; letter-spacing:-0.025em; } .od_list .od_sign th {width:20%;background:#f4f5f7; color:#333;padding:15px 20px; text-align:center;border-bottom:1px solid #d7d7d7;padding:15px 20px;line-height:22px;} .od_list .od_sign td { width:80%;color:#999;text-align:left; padding:15px 20px;border-bottom:1px solid #d7d7d7;line-height:22px; } input.grayTxt { color:#999; font-family:"Malgun Gothic"; font-size:14px; border:1px solid #d7d7d7; height:25px; line-height:21px; padding:0 5px;border-radius:3px } .od_list input.AXInput{font-size:14px;padding:5px 10px;font-family:"Malgun Gothic";} .od_list .orderbt{text-align:center;margin-top:30px;} .od_list .orderbt a{ display:inline-block;color:#fff;padding:15px 50px;border-radius:3px;font-size:16px; border:1px solid #235f8c; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4694d0+0,307cb6+100 */ background: #4694d0; /* Old browsers */ background: -moz-linear-gradient(top, #4694d0 0%, #307cb6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4694d0 0%,#307cb6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4694d0 0%,#307cb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4694d0', endColorstr='#307cb6',GradientType=0 ); /* IE6-9 */ } .phone-order-thumb li{float:left; } @media only screen and (max-width: 320px){ .od_list .od_sign> table{ width:310px !important; } .od_list .od_sign th{ width:83px !important;padding:15px 5px; } .od_list .od_sign > td{ width:135px !important;padding:15px 5px !important; } .od_list .od_sign td { padding:15px 10px !important; } .phone-order-thumb .phone-thumb-img{ width:50px; } .phone-order-thumb .phone-thumb-img img{ width:50px;height:50px; } .fee_tit span.gongsi{ display:block;position:inherit; } .fee_ul > li{ width:100%;float:inherit; } .fee_tbl{ width:185px !important; } .fee_list{ calc(100% - 5px); } .fee_tbl th,.fee_tbl td{ padding:5px !important;width:inherit !important; } .fee_list th,.fee_list td{ padding:5px !important; } .fee_ul_tit{ width:calc(100% - 5px);padding:5px; } } @media all and (min-width:321px) and (max-width:480px) { /*.od_list .od_sign table{ width:310px !important; }*/ .od_list .od_sign th{ width:35% !important;padding:15px 10px; } .od_list .od_sign td{ width:65% !important; } .descriptionTxt1{ display:inline-block; } .phone-order-thumb .phone-thumb-img{ width:50px; } .phone-order-thumb .phone-thumb-img img{ width:50px;height:50px; } .fee_tit span.gongsi{ display:block;position:inherit; } .fee_tbl th,.fee_tbl td{ padding:5px !important; } .fee_list th,.fee_list td{ padding:5px !important; } .fee_ul > li{ width:100%;float:inherit; } } @media all and (min-width:481px) and (max-width:767px) { .od_list .od_sign th{ width:25% !important; } .od_list .od_sign td{ width:75% !important; } .fee_tbl th,.fee_tbl td{ padding:5px !important; } .fee_list th,.fee_list td{ padding:5px !important; } } @media all and (min-width:768px) { } /* 마이페이지 - 주문제품리스트 */ .od_cart-Box{ border-top:2px solid #333;width:100%; } .od_cart-ul{ display:table;border-bottom:1px solid #666;margin:0;padding:0;width:100%; } .od_cart-ul li{ display:block;width:100%;padding-top:5px;font-size:14px; } .od_cart-ul div{ display:table-cell;padding:0px 10px; } .od_cart-ul .thum-img{ padding:10px;width:50px;text-align:center; } .od_cart-ul .thum-img img{ width:50px;height:50px;border:1px solid #ddd; } .od_cart-ul .tit{ padding-left:10px;vertical-align:middle;line-height:23px; } .od_cart-ul .od_cnt{ padding-left:50px;} .od_cart-ul .od_li2{ position:relative;padding-bottom:4px } .od_cart-ul .od_li3{ position:relative;padding-bottom:14px } .od_cnt{ position:absolute;right:10px;bottom:10px; } .od_status{ position:absolute;right:10px;bottom:10px; } .od_cart_total{ width:calc(100% - 33px);border:1px solid #666;background-color:#eee;padding:10px 15px ;font-size:15px;font-weight:700;line-height:27px; } @media only screen and (max-width: 320px){ .od_cart-Box{ width:310px; } .od_cart-ul li{ width:290px; } .od_cart_total{ width:257px !important;} } /* 마이페이지 - 주문내역리스트 */ @media only screen and (max-width: 320px){ .tb_search td span{ display:inline-block;padding:2px 0px; } } @media all and (min-width:321px) and (max-width:480px) { .tb_search td span{ display:inline-block;padding:2px 0px; } } @media all and (min-width:481px) and (max-width:767px) { } @media all and (min-width:768px) { } /* 배송지 관리 */ .delivery-Box{ border-top:2px solid #333;margin-bottom:30px; } .delivery-Box li{ padding:7px 15px;border-bottom:1px solid #666; font-size:14px;} .delivery-Box li div{padding:5px 0px;} .delivery-li1{ position:relative; } .p-aR{ position:absolute;right:0; } /* 팝업- 배송지 */ /* LIST */ .pop_addrWrap{ width:100%; } .pop_addrWrap h1{ height:50px;text-align:center;line-height:50px;font-weight:bold;font-size:20px; } .pop_Box{ padding:20px; } .bbs_tbl{ border-top:1px solid #454545;border-bottom:1px solid #ccc;border-collapse:collapse; } .bbs_tbl th{ font-weight:bold; font-size:13px;height:30px;text-align:center; } .bbs_tbl td{ height:30px;text-align:center; } .bdt{ border-top:1px solid #bbb; } .btn_wrap{ margin-top:30px;text-align:center; } .att { margin-top:25px; font-size:14px; letter-spacing:-0.025em; font-weight:bold; } /* write */ .pop_addrWrap{ width:100%; } .pop_addrWrap h1{ height:50px;text-align:center;line-height:50px;font-weight:bold;font-size:20px; } .pop_Box{ padding:20px; } .bbs_tbl{ border-top:1px solid #454545;border-bottom:1px solid #ccc;border-collapse:collapse; } .bbs_tbl th{ font-weight:bold; font-size:13px;height:30px;text-align:center; } .bbs_tbl td{ height:30px;text-align:center; } .bdt{ border-top:1px solid #bbb; } .btn_wrap{ margin-top:30px;text-align:center; } .btnC-brown{ background:#cbac7b; color:#fff; border:1px solid #cbac7b } .btnC-blue{ background: rgb(123, 136, 203); border: 1px solid rgb(123, 136, 203); border-image: none; color: rgb(255, 255, 255); } .btnC-blue2{ color:#fff;background:#1e73e7;border:1px solid #1e73e7 } .btnC-blue3{ color:#fff;background:#1E87AB;border:1px solid #1E87A0 } .btnC-blue4{ color:#fff;background:#EDF3FB;border:1px solid #EDF3FB } .btnC-reset{ color:#fff;background:#c4c5c9;border:1px solid #c4c5c9 } .btnC-green{ color:#fff;background:#2C9E0D;border:1px solid #2C9E00 } .btnC-gray{ color:#fff;background:#526271;border:1px solid #82898f } .tableStyle2 table{width:100%;} .tableStyle2 th {text-align:center;} .tableStyle2 th { background:#ebebeb; border-bottom:1px solid #d5d5d5; color:#333; font-size:13px; padding:8px 0 8px 0; font-weight:bold;} .tableStyle2 td { border:1px solid #e5e5e5; border-bottom:1px solid #d5d5d5; color:#333; font-size:13px; line-height:23px;padding:10px 0 10px 9px; } .tableStyle2 .last {border-bottom:2px solid #b2b2b2 !important;} .inputStyle {height:21px; padding:0 0 0 10px; line-height:21px; border:1px solid #cecece;} .cmmt {padding:0 0 0 14px; font-size:11px; color:#999; letter-spacing:-1px;} .cmmt2 {padding:0 7px 0 0; font-size:13px; color:#666; letter-spacing:-1px;} .bothtxt {font-size:11px; color:#999; letter-spacing:-1px;} .sh_myorderlist {margin:50px 0 !important;} .sh_myorderlist .AXButton{font-size:13px;font-family:'Malgun Gothic';min-height:45px;} .viewCon .btn { margin-top:50px; width:100%; overflow:hidden; text-align:center; } .viewCon .btn li { display:inline-block; zoom:1; *display:inline; margin:0 5px; font-size:16px; } .viewCon .btn li a { display:block; width:116px; height:43px; line-height:43px; text-align:center; border:1px solid #d7d7d7; background:#f9f9f9; color:#333; } .viewCon .btn li:first-child a { background:#f99531; border:1px solid #dc7a17; color:#fff; } .review_tit{ width:447px;position:absolute;right:0;top:20px; } /* 주문하기 */ .order-list-thum{ width:80px;height:80px; } .order-list-thum img{ width:80px;height:80px; }