/*서브 공통*/ /*개인정보 보호정책*/ #mainContents .personalData { width:100%;line-height:1.6; } #mainContents .personalData h2 { width:100%;font-family:"맑은 고딕",'Malgun Gothic'; font-size:20px; font-weight:bold; color:#333;margin-bottom:10px; } #mainContents .personalData ul {} #mainContents .personalData ul li {padding-left:10px; background:url(/images/2015/sub_common/personal/bullet.gif) no-repeat left 7px; } /*보드*/ /* 게시판 상단 페이지, 검색폼*/ .page_form {width:100%; float:left; margin-bottom:10px; } .page_form .page {width:320px; float:left;padding-top:7px; line-height:100%; } .page_form .page .blue { color:#0066cb; font-weight:bold; } .page_form .page strong { font-weight:bold; } .page_form form { float:right; } .page_form form #list_top_sel { width:80px; float:left; margin-right:3px;height:30px; border:1px solid #d5d5d5; } .page_form form #list_top_text { width:235px; float:left; height:26px; padding-top:2px;padding-left:3px;border:1px solid #d5d5d5; margin-right:3px; } .page_form form input[type="submit"] { float:left; border:0px; background:#4f5052; color:#fff; width:80px; height:30px; padding-top:5px; } /*게시판 페이징*/ .paging { width:100%; text-align:center; padding-bottom:30px; } .paging a { display:inline-block; vertical-align:top; margin:0 1px; } .paging a.num {line-height:100%; color:#8e8e8e; font-weight:bold; border:1px solid #e1e1e1;width:28px; height:18px; padding-top:10px; } .paging a:hover {background:#8e8e8e; color:#fff; text-decoration:none; } .paging a.hover {background:#8e8e8e; color:#fff; text-decoration:none; } .paging a.img { background:none; height:30px; width:30px; } /*게시판 테이블*/ .boardTable {width:100%; border-top:1px solid #aaa; clear:both; padding-bottom:30px; } .boardTable table {width:100%; border-collapse:collapse; } .boardTable table thead th {padding:15px; 10px;background:#f5f5f5; text-align:center; font-weight:bold; color:#666; } .veiwTable table thead th { font-size:16px; text-align:left; } .boardTable table thead th.line { background:url(/images/2015/sub_common/board/board_bar.gif) no-repeat left 15px #f5f5f5; } .boardTable table .textLeft { text-align:left; } .boardTable table tbody td { color:#666; text-align:center; padding:15px 10px; border-bottom:1px solid #d1d1d1; } .veiwTable table tbody td { text-align:left; } .boardTable table tbody td a { font-size:14px; color:#666; } .boardTable table tbody td a:hover {color:#333; } .boardTable table tbody .info span {padding-right:30px; display:block; float:left; } .boardTable table tbody span.line {padding-left:30px; background:url(/images/2015/sub_common/board/board_bar.gif) no-repeat left top ; } .boardTable table tbody td span.prevText { padding-left:30px; background:url(/images/2015/sub_common/board/board_pre.gif) no-repeat left 2px;padding-right:30px; font-size:14px; } .boardTable table tbody td span.nextText { padding-left:30px; background:url(/images/2015/sub_common/board/board_next.gif) no-repeat left 4px;padding-right:30px; font-size:14px; } .boardTable table tbody td a.font12 {font-size:12px; } /*검색조회 글쓰기폼*/ .write { width:100%; position:relative;margin-bottom:30px; clear:both; } .write .write_table_wrap { width:100%; border-collapse:collapse; border-top:1px solid #aaa; } .write .write_table { width:100%; border-collapse:collapse; } .write .write_table tbody th { padding:8px 10px 3px 10px; font-weight:bold; vertical-align:middle; color:#666;text-align:left; background:#f5f5f5; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; } .write .write_table tbody td { padding:8px 10px 3px 10px;border-bottom:1px solid #d5d5d5; } .write .write_table tbody input { width:100%;border:1px solid #d5d5d5; height:30px; } .write .write_table tbody textarea { width:805px; height:300px; overflow-y:auto; } /*겔러리 게시판*/ #mainContents .galleryList { width:960px; margin-left:-20px; float:left; } #mainContents .galleryList li { float:left;margin-left:20px; padding-left:0px; background:none; width:218px; border:1px solid #e1e1e1; margin-bottom:30px; } #mainContents .galleryList li a { float:left; width:218px; display:block; } #mainContents .galleryList li a .img { width:218px;float:left; height:218px;border-bottom:1px solid #e1e1e1; } #mainContents .galleryList li a .img img { width:218px;float:left; height:218px; } #mainContents .galleryList li a span { color:#666; float:left; } #mainContents .galleryList li a .text {float:left;display:block; width:198px; padding:20px 10px; } #mainContents .galleryList li a .text .title { width:198px;font-size:14px; color:#333; margin-bottom:5px; } #mainContents .galleryList li a .text .name { width:198px;font-size:12px; margin-bottom:5px; } #mainContents .galleryList li a .text .date { width:198px;font-size:12px; margin-bottom:5px; } #mainContents .galleryList li a:hover {background:#4f5052; } #mainContents .galleryList li a:hover .text .title { color:#fff; } #mainContents .galleryList li a:hover span { color:#fff; } /*게시판 버튼 공통*/ .btnWrap { width:100%; float:left; } .boardBtn { } .boardBtn * { vertical-align:middle; } .boardBtn a { display:inline-block; background:#4f5052; color:#fff; width:130px; height:27px; padding-top:13px; font-weight:bold; font-size:14px; text-align:center; margin-left:5px; } .boardBtn input[type="submit"] { display:inline-block;line-height:46px; background:#4f5052; color:#fff; width:130px; height:40px; border:none; font-weight:bold; font-size:14px; text-align:center; margin-left:5px; } .btnMleft a { margin-left:5px; } .btnMRight a { margin-right:5px; } .btnMCenter { text-align:center;width:100%; float:none; } .btnMCenter a { margin-right:2px;margin-right:2px; } .boardBtn a.case02 {background:#a0a0a2; } /*로그인*/ .loginWrap { width:938px; border:1px solid #e1e1e1; padding:30px 0px;float:left; margin-bottom:20px; } .loginWrap .member { float:left; width:408px; border-right:1px solid #e1e1e1; padding:0px 30px; } .loginWrap .guest { padding:0px 30px; float:left; width:409px; } .loginWrap h2 { width:100%;font-family:"맑은 고딕",'Malgun Gothic'; font-size:20px; font-weight:bold; color:#333;margin-bottom:10px; } .loginWrap p { color:#333; margin-bottom:10px; } .loginWrap form { float:left; width:423px; } .loginWrap form .formTop { float:left; width:423px; margin-bottom:15px; } .loginWrap form .inputText { float:left; width:308px; } .loginWrap form .inputText input { color:#000; float:left; width:302px; padding-left:5px; border:1px solid #e1e1e1; border-right:0px; height:43px;font-size:14px; } .loginWrap form .inputText input[type="password"] {font-family:"돋움",dotum; color:#000; border-top:0px; height:44px; } .loginWrap form input[type="submit"] { float:left; width:100px; border:0px; background:#888; color:#fff; height:90px; font-size:14px; text-align:center; } .loginWrap form .formBottom{ width:100%; } .loginWrap form .formBottom label { float:left; } .loginWrap form .formBottom input[type="checkbox"] { float:left; margin-right:5px; } .loginInfo {width:878px;float:left; border:1px solid #e1e1e1; padding:30px 30px 20px;background:#f5f5f5; } .loginInfo p { float:left; width:868px;margin-bottom:10px; padding-left:10px; background:url(/images/2015/sub_common/personal/bullet.gif) no-repeat left 10px; color:#333; } .loginInfo p span { float:left;padding-top:5px; display:block; } .loginInfo p a { float:right; display:block; width:150px; height:22px; border:1px solid #e1e1e1; color:#333; text-align:center; background:#fff; padding-top:8px; } /*아이디 비밀번호 찾기*/ .findWrap { } .findWrap p {margin-bottom:10px; } .findWrap form { width:938px; border:1px solid #e1e1e1; padding:30px 0px;float:left; margin-bottom:20px; } .findWrap form .formTop { padding:0px 30px 20px; border-bottom:1px solid #e1e1e1; float:left; width:878px; } .findWrap form .formTop input[type="radio"] {float:left;margin-right:3px; } .findWrap form .formTop label {float:left; margin-right:10px; font-size:14px; color:#333; font-weight:bold; } .findWrap form .formBottom {padding:20px 30px 0px; float:left; width:878px; } .findWrap form .formBottom label { font-size:14px; color:#333; font-weight:bold; width:50px; display:inline-block; } .findWrap form .formBottom input { width:180px; height:27px;padding-left:10px; padding-top:3px; border:1px solid #e1e1e1; } .findWrap form .formBottom select { width:190px; height:30px; border:1px solid #e1e1e1; } .findWrap form .formBottom .left { width:720px;float:left; } .findWrap form .formBottom input[type="submit"] { float:right; width:100px; height:90px;border:0px;padding-left:0px; padding-top:0px; background:#4f5052; color:#fff; font-size:14px; text-align:center; } /*회원가입*/ .joinWrap {width:100%; float:left; } .joinWrap .joinTop {float:left; margin-bottom:30px; } .joinWrap .joinTop .provisionText { width:898px; border:1px solid #e1e1e1; overflow:auto; height:160px; padding:20px; margin-top:10px; margin-bottom:10px; } #mainContents .joinWrap .joinTop .provisionText h3 { padding-left:0px; background:none; width:100%;font-family:"맑은 고딕",'Malgun Gothic'; font-size:16px; font-weight:bold; color:#333;margin-bottom:10px; } .joinWrap .joinTop .agree { width:100%;float:left; } .joinWrap .joinTop .agree input{ margin-right:5px; float:left; } .joinWrap .joinTop .agree label{ float:left; } .joinWrap .joinBottom .joinTable { width:100%;margin-top:10px; border:collapse:collapse; border:1px solid #e1e1e1; margin-bottom:30px; } .joinWrap .joinBottom .joinTable * { vertical-align:middle; line-height:25px; } .joinWrap .joinBottom .joinTable tbody th { padding:10px 10px 10px 30px; width:130px; border-right:1px solid #e1e1e1; text-align:left; } .joinWrap .joinBottom .joinTable tbody th label { font-size:14px; color:#555; font-weight:bold; } .joinWrap .joinBottom .joinTable tbody td { padding:10px 10px 10px 30px; width:730px; } .joinWrap .joinBottom .joinTable tbody td input[type="text"] { margin:3px 0px; width: 185px; padding-left:3px; border:1px solid #e1e1e1; height:27px; padding-top:3px; } .joinWrap .joinBottom .joinTable tbody td input[type="password"] { width: 185px; padding-left:3px; border:1px solid #e1e1e1; height:27px; padding-top:3px; } .joinWrap .joinBottom .joinTable tbody td input.phone { width:130px; } .joinWrap .joinBottom .joinTable tbody td .checkBtn { display:inline-block; padding:5px 20px 0px 20px; height:27px; background:#3f4346; color:#fff; } .joinWrap .joinBottom .joinTable tbody td input[type="button"] { display:inline-block;vertical-align:middle; padding:5px 20px 0px 20px; height:32px; border:0px; background:#3f4346; color:#fff; } .joinWrap .joinBottom .joinTable tbody td select { width:150px; height:32px; border:1px solid #e1e1e1; } .joinWrap .joinBottom .joinTable tbody td select.birth { width:100px; } .joinWrap .joinBottom .joinTable tbody td input.longInput { width:300px; } /*상품카테고리*/ .categoryList { float:left; width:100%; } .categoryList .list { float:left; width:235px; height:330px; text-align:center;margin-bottom:25px; } .categoryList .list .img { border:1px solid #e1e1e1; margin-left:-1px; padding:16px 0px; margin-bottom:20px; } .categoryList .list .img img { width:220px; height:220px; } .categoryList .list .name a { color:#666; } .categoryList .list .kind { color:#16918e; margin-bottom:5px; } .categoryList .list .price { color:#000;font-weight:bold; } /*카테고리 상세보기 */ #mainContents .categoryWrap {} #mainContents .categoryWrap .categoryTop { float:left; width:100%;margin-bottom:65px; } #mainContents .categoryWrap .categoryTop .img { float:left; margin-right:40px; width:443px; height:443px; position:relative; border:1px solid #e1e1e1; } #mainContents .categoryWrap .categoryTop .img img { float:left; } #mainContents .categoryWrap .categoryTop .img .productImg img {float:left; width:433px; height:433px; } #mainContents .categoryWrap .categoryTop .img span { position:absolute; bottom:0px; right:0px; } #mainContents .categoryWrap .categoryTop .productText { float:left; width:455px; position:relative; height:445px; } #mainContents .categoryWrap .categoryTop .productText .productInfo { float:left;margin-bottom:30px; width:100%; border-bottom:1px solid #e1e1e1; padding-bottom:30px; } #mainContents .categoryWrap .categoryTop .productText h2 { width:100%;font-family:"맑은 고딕",'Malgun Gothic'; font-size:22px; font-weight:normal; color:333; padding-bottom:10px; border-bottom:1px solid #e1e1e1; margin-bottom:30px; } #mainContents .categoryWrap .categoryTop .productText dl { width:100%; float:left; margin-bottom:15px; } #mainContents .categoryWrap .categoryTop .productText dl dt { width:100px; float:left; } #mainContents .categoryWrap .categoryTop .productText dl dd { width:355px; float:left; } #mainContents .categoryWrap .categoryTop .productText dl dd strong { font-weight:bold; font-size:14px; color:#333; } #mainContents .categoryWrap .categoryTop .productText dl dd.amount { float:left; } #mainContents .categoryWrap .categoryTop .productText dl dd.amount a { float:left; } #mainContents .categoryWrap .categoryTop .productText dl dd.amount input { float:left; } #mainContents .categoryWrap .categoryTop .productText dl dd.amount span {float:left; display:inline-block; width:80px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding-top:5px; text-align:center; height:23px; } #mainContents .categoryWrap .categoryTop .productText dl dd.amount input[type="text"] {float:left; display:inline-block; width:80px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding-top:5px; text-align:center; height:23px; } #mainContents .categoryWrap .categoryTop .productText .price { text-align:right;margin-bottom:30px; } #mainContents .categoryWrap .categoryTop .productText .price strong { font-weight:bold; } #mainContents .categoryWrap .categoryTop .productText .price span {font-family:"맑은 고딕",'Malgun Gothic';font-size:14px; color:#fe0000; font-weight:bold; } #mainContents .categoryWrap .categoryTop .productText .price span strong {font-size:26px; } #mainContents .categoryWrap .categoryTop .productText .productBtn { position:absolute; bottom:0px; right:0px;text-align:center; float:none; } #mainContents .categoryWrap .categoryTop .productText .productBtn a {float:left; margin-right:2px;margin-right:2px; font-family:"돋움",dotum; display:inline-block; background:#4f5052; color:#fff; width:110px; height:27px; padding-top:13px; font-weight:bold; font-size:14px; } #mainContents .categoryWrap .categoryTop .productText .productBtn a.buy { background:url(/images/2015/sub_common/category/icon_buy.png) no-repeat 20px 15px #16918e; } #mainContents .categoryWrap .categoryTop .productText .productBtn input[type="button"] {float:left; margin-right:2px;margin-right:2px; display:inline-block; line-height:45px; font-family:"돋움",dotum;background:#4f5052; color:#fff; padding-left:20px; padding-right:20px; height:40px;border:0px; font-weight:bold; font-size:14px; } #mainContents .categoryWrap .categoryTop .productText .productBtn input[type="submit"] {float:left; margin-right:2px;margin-right:2px; display:inline-block; line-height:45px; font-family:"돋움",dotum; background:#4f5052; color:#fff; padding-left:20px; padding-right:20px; height:40px;border:0px; font-weight:bold; font-size:14px; } #mainContents .categoryWrap .categoryTop .productText .productBtn input[type="button"]:hover {text-decoration:underline; } #mainContents .categoryWrap .categoryTop .productText .productBtn input[type="submit"]:hover { text-decoration:underline; } #mainContents .categoryWrap .categoryTop .productText .productBtn input.buy { background:#16918e; } #mainContents .categoryWrap .categoryTop .productText .productBtn .soldout { background:#16918e; display:block; color:#fff; width:455px; padding-top:13px; height:27px;border:0px; text-align:center; font-weight:bold; font-size:14px;} #mainContents .categoryWrap .categoryBottom { clear:both; } #mainContents .categoryWrap .categoryBottom .cateTab { float:left;background:url(/images/2015/sub_common/category/tap_bar.gif) no-repeat left 31px; padding-bottom:30px; } #mainContents .categoryWrap .categoryBottom .cateTab li { float:left;height:30px;line-height:1; padding-left:0px; background:none; } #mainContents .categoryWrap .categoryBottom .cateTab li a { display:block;height:22px;background:#f0f0f0; padding-top:8px;font-size:14px; color:#555; border-collapse:collapse; float:left; text-align:center; width:187px;margin-left:-1px; border-top:1px solid #bfbfbf;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf; } #mainContents .categoryWrap .categoryBottom .cateTab li.hover a { background:#fff; color:#333; text-decoration:none; height:23px; font-size:14px; font-weight:bold; border-top:1px solid #4f5054;width:186px; margin-right:1px; border-right:1px solid #4f5054; border-left:1px solid #4f5054; } #mainContents .categoryWrap .categoryBottom .productContents {position:relative; padding-bottom:30px; clear:both; } #mainContents .categoryWrap .categoryBottom .productContents p.productBtn { position:absolute; bottom:60px;right:0px; } #mainContents .categoryWrap .categoryBottom .productContents p.productBtn a { display:block; border:1px solid #bfbfbf; color:#333; width:130px; height:21px;text-align:center; padding-top:9px; } #mainContents .categoryWrap .categoryBottom .productContents .state { position:absolute; top:15px; right:0px; }