/* BASIC css start */ .jbTop { top:374px !important; } .bannerGroup { top:297px !important; left: -141px !important; } /*장바구니 리스트 폰트 크기. 간격 조절------------------160823---------------*/ .content { font-size:14px; line-height:22px; } /*장바구니 리스트 폰트 크기. 간격 조절------------------160823---------------*/ /*161004 merge 수정*/ #mypage_title { width:1000px; margin:0 auto; } #mypage_title h3 { font-size:30px; font-weight:400; color:#373737; } #mypage_title02 p img { vertical-align:top; margin-right:10px; } #content_wrap { padding-bottom:13px; margin:80px 0 0px; width:100%; border-bottom:1px solid #c9c9c9; } #maincontent_wrap { width:1000px; margin:0 auto;} .mypage_info2 { font-size:15px; font-weight:600; padding:5px 0 2px;} .price_unit { font-size:13px; font-weight:600; color:#252525; } /*최근주문내역_배송현황_배송조회버튼*/ .delivery_btn { width:70px; height:32px; font-size:11.5px; font-weight:600; line-height:32px; color:#000; border:1px solid #d7d7d7; margin-left:22px; } /*최근주문내역_후기작성_후기쓰기버튼*/ .write_btn { width:70px; height:32px; font-size:11.5px; font-weight:600; line-height:32px; color:#000; background:#b7b7b7; margin-left:22px; } .order_detail_btn { margin-top:7px; } /*161004 merge 수정*/ .order_title { font-size:24px; } .order_title02 { font-size:13px; font-weight:500; margin-left:14px; } .order_title03 { font-size:13px; font-weight:500; line-height:19px; display:block; } .order_title03:first-child { margin-top:15px; } .overview { font-size:13px; line-height:36px; color:#f9622e; text-decoration:none;} /*160928 버튼*/ .order_btn { width:98px; height:30px; font-size:11px; line-height:28px; text-align:center; color:#252525; border:1px solid #d7d7d7; background:#fff; } .order_btn02 { width:98px; height:30px; font-size:11px; line-height:28px; text-align:center; color:#252525; border:1px solid #d7d7d7; background:#f7f7f7; } .order_btn2 {width:187px; height:58px; border:1px solid #999; font-size:19px; line-height:57px; text-align:center; color:#252525; background:#fff; } .order_btn3 {width:187px; height:58px; border:1px solid #999; font-size:19px; line-height:57px; text-align:center; color:#fff; background:#4f4f4f; } .order_btn4 {width:187px; height:58px; border:1px solid #999; font-size:19px; line-height:57px; text-align:center; color:#fff; background:#304155; } /*160928 버튼*/ /*160929 네이버 페이 위치*/ #nhn_btn { margin:-12px 0 0 281px !important; } /*160929 네이버 페이 위치*/ .cartTable { border-top:1px solid #252525; } .cartTable th{ background-color:#fafafa; border-bottom:1px solid #d7d6d6 !important;} #mainContent table.cartTable .result { background-color:#f7f7f7 !important; } #mainContent table.cartTable .toptalPrice { font-size:14px; color:#f25623; } #mainContent { min-height:528px !important; border-left:1px solid #d7d7d7 !important; } /*/design/imdak/css/new_mypage5.css*/ @import url(/design/imdak/css/global.css); /* global CSS */ /* @import url(layout.css); /* layout CSS */ /* 0.8em=10px;0.9em=11px;1em=12px=75%;1.2em=14px;1.3em=16px;1.5em=18px;1.7em=20px; 2em=24px; 3em=36px; */ /****** Layout ******/ #container { width:100%; margin:0 auto; text-align:left; } #header { width:100%; position:relative; display:block; clear:both; background:url(/design/imdak/img/bg_header_main.gif) repeat-x; z-index:2000;} #header hgroup { width:1000px; position:relative; display:block; clear:both; margin:0 auto; z-index:2500;} #content { width:100%; position:relative; display:block; clear:both; margin:0 auto; z-index: 500;} .mypageContent { width:1000px; padding:0; margin:0; } #secondaryContent { width:180px; float:left; display:block; border-right:none !important; } #mainContent { width:1000px; position:relative; display:block; padding-top:10px; padding-bottom:120px; margin:0 auto;} /****** Common ******/ dl { /* clear:both; */ } dt { float:left; clear:left; font-weight:bold; } caption { font-size:1.2em; font-weight:bold; color:#f04e23; letter-spacing:-0.05em; padding-bottom:22px; } /****** secondary content ******/ #secondaryContent ul { /* min-height:770px; */ list-style:none outside; margin:0; padding:0; /* border-bottom:solid 1px #d7d7d7; */ } #secondaryContent li { width: 180px; height: 45px; } #secondaryContent li a { width:180px; height:45px; display:block; overflow:hidden; white-space:nowrap; text-decoration:none; cursor:pointer; } #secondaryContent li.menu1 { background:url(/design/imdak/img/btn_mypage_shopping.gif) 0 0 no-repeat; } #secondaryContent li.menu2 { background:url(/design/imdak/img/btn_mypage_cart.gif) 0 0 no-repeat; } #secondaryContent li.menu3 { background:url(/design/imdak/img/btn_mypage_wishlist.gif) 0 0 no-repeat; } #secondaryContent li.menu4 { background:url(/design/imdak/img/btn_mypage_coupon.gif) 0 0 no-repeat; } #secondaryContent li.menu5 { background:url(/design/imdak/img/btn_mypage_point.gif) 0 0 no-repeat; } #secondaryContent li.menu6 { background:url(/design/imdak/img/btn_mypage_orderlist.gif) 0 0 no-repeat; } #secondaryContent li.menu7 { background:url(/design/imdak/img/btn_mypage_article.gif) 0 0 no-repeat; } #secondaryContent li.menu8 { background:url(/design/imdak/img/btn_mypage_modify.gif) 0 0 no-repeat; } #secondaryContent li.menu9 { background:url(/design/imdak/img/btn_mypage_class.gif) 0 0 no-repeat; } #secondaryContent li.menu10 { background:url(/design/imdak/img/btn_mypage_secession.gif) 0 0 no-repeat; } #secondaryContent li.menu1 a:hover { background:url(/design/imdak/img/btn_mypage_shopping.gif) 0 -40px no-repeat; } #secondaryContent li.menu2 a:hover { background:url(/design/imdak/img/btn_mypage_cart.gif) 0 -40px no-repeat; } #secondaryContent li.menu3 a:hover { background:url(/design/imdak/img/btn_mypage_wishlist.gif) 0 -40px no-repeat; } #secondaryContent li.menu4 a:hover { background:url(/design/imdak/img/btn_mypage_coupon.gif) 0 -40px no-repeat; } #secondaryContent li.menu5 a:hover { background:url(/design/imdak/img/btn_mypage_point.gif) 0 -40px no-repeat; } #secondaryContent li.menu6 a:hover { background:url(/design/imdak/img/btn_mypage_orderlist.gif) 0 -40px no-repeat; } #secondaryContent li.menu7 a:hover { background:url(/design/imdak/img/btn_mypage_article.gif) 0 -40px no-repeat; } #secondaryContent li.menu8 a:hover { background:url(/design/imdak/img/btn_mypage_modify.gif) 0 -40px no-repeat; } #secondaryContent li.menu9 a:hover { background:url(/design/imdak/img/btn_mypage_class.gif) 0 -40px no-repeat; } #secondaryContent li.menu10 a:hover { background:url(/design/imdak/img/btn_mypage_secession.gif) 0 -40px no-repeat; } #secondaryContent li.menu1_on { background:url(/design/imdak/img/btn_mypage_shopping.gif) 0 -40px no-repeat; } #secondaryContent li.menu2_on { background:url(/design/imdak/img/btn_mypage_cart.gif) 0 -40px no-repeat; } #secondaryContent li.menu3_on { background:url(/design/imdak/img/btn_mypage_wishlist.gif) 0 -40px no-repeat; } #secondaryContent li.menu4_on { background:url(/design/imdak/img/btn_mypage_coupon.gif) 0 -40px no-repeat; } #secondaryContent li.menu5_on { background:url(/design/imdak/img/btn_mypage_point.gif) 0 -40px no-repeat; } #secondaryContent li.menu6_on { background:url(/design/imdak/img/btn_mypage_orderlist.gif) 0 -40px no-repeat; } #secondaryContent li.menu7_on { background:url(/design/imdak/img/btn_mypage_article.gif) 0 -40px no-repeat; } #secondaryContent li.menu8_on { background:url(/design/imdak/img/btn_mypage_modify.gif) 0 -40px no-repeat; } #secondaryContent li.menu9_on { background:url(/design/imdak/img/btn_mypage_class.gif) 0 -40px no-repeat; } #secondaryContent li.menu10_on { background:url(/design/imdak/img/btn_mypage_secession.gif) 0 -40px no-repeat; } #secondaryContent li.menu11 { height:60px; background:url(/design/imdak/img/btn_ordercheck.gif) 0 0 no-repeat; } #secondaryContent li.menu11 a { height:60px; } /****** main contents ******/ #mainContent h1 { height:80px; font-size:2.1em; color:#00aeff; display:block; overflow:hidden; white-space:nowrap; text-indent:-9999px; text-decoration:none; } #mainContent h1 span { display:block; font-weight:normal; padding-top:5px; } #mainContent h2 { clear:both; width:470px; height:80px; margin:23px 0 15px 0; } #mainContent h4 { color:#a26859; padding-left:16px; background:url(/design/imdak/img/icon_circle2.gif) 0 7px no-repeat; } #mainContent ul { margin-top:23px; } /** shopping **/ #mainContent table.shoppingTable { width:790px; border-top:solid 3px #aaa; border-bottom:solid 2px #d8d8d8; } #mainContent table.shoppingTable thead td { height:29px; background:#faf7f7; border-bottom:solid 1px #e6e6e6; } #mainContent table.shoppingTable th { height:27px; padding-left:15px; border-bottom:dotted 1px #d8d8d8; color:#4c4c4c; text-align:left; } #mainContent table.shoppingTable td { height:34px; position:relative; padding-left:10px; border-bottom:dotted 1px #d8d8d8; padding-top:0px; text-align:left; } #mainContent table.shoppingTable .icon_circle { margin-right:10px; } .btnMore { position:relative; top:0.2em; } .classNotice { padding:10px 0 0 15px; vertical-align:middle; color:#959595; } .classNotice img { float:left; margin-right:26px; } .classNotice p { position:relative; top:1.5em; } /** cart **/ #mainContent table.cartTable { margin-bottom:12px; } #mainContent table.cartTable th { border:none 0; padding:19px 0 18px !important; height:0 !important; font-size:13px; } #mainContent table.cartTable td { height:89px; position:relative; border-bottom:dotted 1px #d8d8d8; padding:0; text-align:center; } #mainContent table.cartTable .content { text-align:left; padding:15px; font-size:12px; font-weight:bold; } #mainContent table.cartTable .content span { display:block; font-size:0.8em; font-weight:normal; } #mainContent table.cartTable .thumnail img { width:61px !important; height:75px !important; padding:10px 0; } #mainContent table.cartTable .numberCheck .cartNO { position:relative; } #mainContent table.cartTable .numberCheck .wishlistNO { position:relative; padding-left:35px; } #mainContent table.cartTable .numberCheck input { float:left; width:33px; height:17px; position:relative; border:solid 1px #b7b7b7; margin-right:3px; text-align:right; } #mainContent table.cartTable .numberCheck .btn { float:left; position:relative; top:4px; } #mainContent table.cartTable .btnUP { position:absolute; top:-6px; left:0px; width:11px; height:12px; border:none 0; } #mainContent table.cartTable .btnDOWN { position:absolute; top:4px; left:0px; width:11px; height:12px; border:none 0; } #mainContent table.cartTable .result { height:67px !important; text-align:left; border-top:2px solid #d7d7d7; border-bottom:1px solid #262626; } #mainContent table.cartTable .txtHope { float:left; color:#716058; font-size:0.9em; padding-left:20px; } #mainContent table.cartTable .toptalPrice { float:right; padding-right:20px; } /** coupon/ point /orderlist **/ #mainContent table.couponTable { width:790px; border-top:solid 3px #aaa; border-bottom:solid 2px #d8d8d8; margin-bottom:30px; } #mainContent table.couponTable thead td { height:29px; position:relative; background:#faf7f7; border-bottom:solid 1px #e6e6e6; text-align:left; } #mainContent table.couponTable th { height:27px; padding-left:15px; text-align:center; } #mainContent table.couponTable td { height:34px; position:relative; padding-left:10px; border-bottom:dotted 1px #d8d8d8; padding-top:0px; text-align:center; } #mainContent table.couponTable .tableTOP { height:33px; border:none 0; padding:0; } #mainContent table.couponTable .content { text-align:left; padding:0 15px; } #mainContent table.couponTable .content a:hover { color:#71a416; text-decoration:underline; } #mainContent table.couponTable span.totalPoint { width:108px; height:18px; background:#71a416; color:#FFF; font-weight:bold; text-align:right; padding:2px 6px 2px 30px; } #mainContent table.couponTable .point { text-align:right; padding-right:80px; } #mainContent table.couponTable .pointGet { font-weight:bold; color:#ee2c3c; } #mainContent table.couponTable .pointUse { font-weight:bold; color:#0078e1; } #mainContent table.couponTable .btnRegcoupon { position:absolute; top:3px; right:0px; } /** article **/ #mainContent table.articleTable { width:790px; border-top:solid 3px #aaa; border-bottom:solid 2px #d8d8d8; margin-bottom:30px; } #mainContent table.articleTable thead td { height:29px; background:#FFF; border-bottom:solid 1px #e6e6e6; text-align:left; } #mainContent table.articleTable th { height:27px; padding-left:15px; text-align:center; } #mainContent table.articleTable td { height:34px; position:relative; padding-left:10px; border-bottom:dotted 1px #d8d8d8; padding-top:0px; text-align:center; } #mainContent table.articleTable .tableTOP { height:33px; background:url(/design/imdak/img/bg_ordertable.gif) repeat-x; color:#FFF; border:none 0; padding:0; } #mainContent table.articleTable .content { text-align:left; padding:0 15px; } #mainContent table.articleTable .content a:hover { color:#666; text-decoration:underline; } #mainContent table.articleTable .totalArticle { float:left; font-weight:bold; font-size:0.9em; } #mainContent table.articleTable .pageNow { float:right; margin-right:10px; font-size:0.9em; } /****** register/modify member ******/ .joinForm { } #mainContent .joinField span { font-size:0.9em; color:#76b702; } #mainContent .joinField dl { clear:both; width:807px; margin:0 auto; } #mainContent .joinField dt label { font-size:1.1em; font-weight:bold; } #mainContent .infoUserBOX { width:807px; margin:0 auto; } #mainContent .infoUserBOX dt { width:143px; height:25px; padding-top:6px; padding-left:7px; color:#FFF; font-weight:bold; background:#8a756b; border-bottom:dotted 1px #a3958e; } #mainContent .infoUserBOX dd { width:642px; height:27px; padding-top:4px; padding-left:15px; border-bottom:dotted 1px #a3958e; } #mainContent .infoUserBOX dd input { width:115px; height:20px; padding-left:6px; } #mainContent .infoUserBOX dd.radio input { width:auto; height:auto; background:none; border:none 0; } #mainContent .infoUserBOX dd.zipcode input { width:43px; padding:0; text-align:center; } #mainContent .infoUserBOX dd.address input { width:281px; } #mainContent .infoUserBOX dd .btnIDOK { float:right; margin-right:445px; } #mainContent .infoUserBOX dd .btnZipcode { float:right; margin-right:449px; } #mainContent .btnJoinArea { margin-bottom:24px; padding-top:20px; } #mainContent .page-body { padding-top: 25px; width: 790px; margin-left: auto; margin-right: auto; } #mainContent .textbox { padding: 20px 0px 35px 45px} #mainContent .btn-foot { margin-top: 15px; font-size: 0; line-height: 0; padding: 0px 0px 00px 45px} #mainContent .btn-foot a { margin-left: 5px; } /***** 151105 *****/ #mypage_side { } #mypage_side .btn { border:1px solid #d9dbdc; } .num02 { background:#d7d7d7;} /*카트프리적용*/ .cart-free-wrap { text-align:center; } .cart-free-wrap .btn-list-open { position:relative; display:none !important; display:inline-block; width:60%; height:50px; line-height:50px; background:#444; color:#fff; font-weight:bold; font-size:14px; text-align:center; } .cart-free-wrap .btn-list-open span { position:absolute; top:20px; right:30px; display:inline-block; width:15px; height:9px; background:url(http://separk.makemall.kr/2016/h18_arr.gif) no-repeat 0 0; } .cart-free-wrap .btn-list-open span.open { background:url(http://separk.makemall.kr/2016/h18_arr.gif) no-repeat 0 -9px; } .cart-free-wrap p { margin:20px 0; font-size:24px; font-weight:bold; } .cart-free-wrap p span { color:#f40000; } .cart-free-wrap .btn-more { display:inline-block; width:29%; height:30px; line-height:30px; margin-top:10px; border:1px solid #383838; background:#fff; color:#383838; font-size: 1em; text-align:center; } .cart-free-wrap .btn-more span { display:inline-block; width:8px; height:5px; margin-left:5px; background:url(/images/d3/m_04/h10_arr.gif) no-repeat 0 0; background-size:100% 100%; vertical-align:middle; } .cart-free-wrap .list-wrap { overflow-x:hidden; overflow-y:auto; padding:15px 14px 30px; margin-top:20px; /*border:1px solid #b7b7b7;*/ display: none; } .cart-free-wrap .list-wrap ul { display: table; table-layout: fixed; width:100%; margin: 0; padding: 0; } .cart-free-wrap .list-wrap ul:after { clear: both; content: ""; display: block; } .cart-free-wrap .list-wrap ul li { word-wrap: break-word; word-break: keep-all; display: inline-block; vertical-align: top; width:33%; list-style: none; } .cart-free-wrap .list-wrap ul li dl { margin:15px 15px 10px; } .cart-free-wrap .list-wrap ul li dl dt { margin-bottom:13px; } .cart-free-wrap .list-wrap ul li dl dt img { width:100%; height:auto; border:0; } .cart-free-wrap .list-wrap ul li dl dd {} .cart-free-wrap .list-wrap ul li dl dd strong { color:#f40000; } .cart-free-wrap .list-wrap ul li dl dd a { display:inline-block; padding:5px 8px 3px; margin-top:8px; border:1px solid #999; color:#666; font-weight:bold; background:#fff; } .put_cart { display:none; } /*카트프리적용*/ /*멀티옵션팝업*/ .uni-opt { display:none; } /*멀티옵션팝업*/ .ordering { margin-left:134px; } /* BASIC css end */