/* index */ /* 메인 box */ #content { position: relative; } #content .main-box { background: #f7f7f7; margin-bottom: 39px;} #content .main-box .inner { position: relative; } #content .main-box .main-cate-box { width: 210px; height: 525px; position: relative; } /* 메인 카테고리 */ #content .main-box .main-cate-box .cate-box .depth1 { background: #424242; padding-bottom: 16px; position: relative; z-index: 10;} #content .main-box .main-cate-box .cate-box .depth1 ul li { background: url("../img/common/main_cate_line.jpg") no-repeat left bottom;} #content .main-box .main-cate-box .cate-box .depth1 ul li a { font-size: 14px; color: #cfcfcf; font-weight: 300; display: block; padding: 10px 0 0 16px; height: 36px; background: url("../img/common/main_cate_arrow.png") no-repeat 192px; center; } #content .main-box .main-cate-box .cate-box .depth1 ul li a:hover { color: #ffffff; } #content .main-box .main-cate-box .cate-box .depth1 .more-btn { position: absolute; bottom: 0; } /* 서브페이지 메인카테고리 하단 배너 구분 */ #content .main-box .main-cate-box .btn-box { position: absolute; bottom: 0; background: #ffffff; } #content .main-box .main-cate-box .btn-box .bd-box { border: 1px solid #dddddd; border-bottom: 0; } #content .main-box .main-cate-box .btn-box > div.bd-box > div { width: 104px; text-align: center; padding: 10px 0 13px; 0; border-bottom: 1px solid #dddddd;} #content .main-box .main-cate-box .btn-box > div.bd-box > div img { margin-top: 5px; } #content .main-box .main-cate-box .btn-box > div > div a { display: block; } #content .main-box .main-cate-box .btn-box > div > div span { display: block; font-size: 14px; color: #515151; } #content .main-box .main-cate-box .btn-box > div > div a:hover span { color: #ec6806; } #content .main-box .main-cate-box .btn-box > div > div.box01 span { margin-top: 16px; } #content .main-box .main-cate-box .btn-box > div > div.box02 span { margin-top: 10px; } #content .main-box .main-cate-box .btn-box > div > div.box02 { border-left: 1px solid #dddddd; } #content .main-box .main-cate-box .btn-box > div > div.box03 span { margin-top: 12px; } #content .main-box .main-cate-box .btn-box > div > div.box03 { border-bottom: 0; } #content .main-box .main-cate-box .btn-box > div > div.box04 span { margin-top: 13px; } #content .main-box .main-cate-box .btn-box > div > div.box04 { border-left: 1px solid #dddddd; border-bottom: 0; } /* 메인카테고리 하단 배너 구분 */ #content .main-box .main-cate-box .btn-box-main { position: absolute; bottom: 0; background: #ffffff; } #content .main-box .main-cate-box .btn-box-main .bd-box { border: 1px solid #dddddd; border-bottom: 0; } #content .main-box .main-cate-box .btn-box-main > div.bd-box > div { width: 104px; text-align: center; padding: 10px 0 5px; 0; } #content .main-box .main-cate-box .btn-box-main > div.bd-box > div img { margin-top: 5px; } #content .main-box .main-cate-box .btn-box-main > div > div a { display: block; } #content .main-box .main-cate-box .btn-box-main > div > div span { display: block; font-size: 14px; color: #515151; } #content .main-box .main-cate-box .btn-box-main > div > div a:hover span { color: #ec6806; } #content .main-box .main-cate-box .btn-box-main > div > div.box01 span { margin-top: 16px; } #content .main-box .main-cate-box .btn-box-main > div > div.box02 span { margin-top: 10px; } #content .main-box .main-cate-box .btn-box-main > div > div.box02 { border-left: 1px solid #dddddd; } /* 1차 카테고리 > 2차 카테고리 */ #content .main-box .main-cate-box .cate-box .depth2 { position: absolute; top: 0; z-index: 10; left: 210px;} #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain { width: 1050px; background: #ffffff; border: 1px solid #424242;} #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb { background: #ffffff; width: 165px; padding: 30px 0 30px 0;} #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb h1 { font-size: 15px; font-weight: normal; padding: 0 0 5px 10px;} #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep1 > li { border-top: 1px solid #f2f2f2; position: relative; } #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep1 > li:last-child { border-bottom: 1px solid #f2f2f2; } #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep1 > li:hover { background: #f1f1f1; } #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep1 > li a { display: block; padding: 5px 0 5px 10px; font-family: 'dotum';} #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep2 { display: none; position: absolute; width: 192px; height: auto; border: 1px solid #424242; background: #ffffff; left: 120px; top: 0; z-index: 20; padding: 10px;} #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep2 li a:hover { color: #ef6206; } #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep1 > li:hover .dep2 { display: block; } /* 배너광고 부분 */ #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .banBox { padding: 0 0 10px 12px; width: 883px; background: #f2f2f2; } #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .banBox > div { float: left; margin-right: 10px;} #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .banBox > div:nth-child(4), #content .main-box .main-cate-box .cate-box .depth2 .dep2-contain .banBox > div:nth-child(4) ~ div { margin-top: 10px; } /* 메인 큰 슬라이드 */ #content .main-box .main-slide { width: 1050px; height: 525px; position: relative; } #content .main-box .main-slide .slide-pager { position: absolute; bottom: 18px; text-align: center; width: 100%;} #content .main-box .main-slide .slide-pager a { display: inline-block; width: 122px; height: 28px; line-height: 25px; background: #ffffff; border: 1px solid #dadada; font-size: 14px; color:#656565;} #content .main-box .main-slide .slide-pager a.active, #content .main-box .main-slide .slide-pager a:hover { border: 1px solid #ababab; } /* 상품 리스트 스타일 */ #content .sectionBox01 { margin-bottom: 50px; } /* 베스트 상품 */ #content .sectionBox01 .best-box { width: 210px; margin-right: 10px; } #content .sectionBox01 .best-box .box-tit { display: block; height: 46px; background: #ef6206; color: #ffffff; font-size: 20px; font-weight: normal; text-align: center; line-height: 46px;} #content .sectionBox01 .best-box .gd-contain { border: 1px solid #dadada; border-top: none; height: 328px; } #content .sectionBox01 .best-box .gd-contain .thimg { text-align: center; margin-bottom: 30px; } #content .sectionBox01 .best-box .gd-contain .gd-info { text-align: center; } #content .sectionBox01 .best-box .gd-contain .gd-info p.p-name { font-size: 13px; color: #444444; margin-bottom: 18px; padding: 0 5px; } #content .sectionBox01 .best-box .gd-contain .gd-info p.p-price { font-size: 17px; color: #2f2f2f; letter-spacing: -1px; font-weight: 400; } /* 추천상품 */ #content .sectionBox01 .rcmdt-box { width: 740px; padding: 14px 0 0 0; margin-right: 18px; } #content .sectionBox01 .rcmdt-box .tit { font-size: 21px; font-weight: normal; color: #3c3a3a; margin-bottom: 12px; letter-spacing: -1px; } #content .sectionBox01 .rcmdt-box .gd-section { border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 9px 0 3px 0; } #content .sectionBox01 .rcmdt-box .gd-section .gd-contain { border-left: 1px solid #f2f2f2; float: left; width: 246px; height: auto; position: relative; } #content .sectionBox01 .rcmdt-box .gd-section .gd-contain:first-child { border-left: 0; } #content .sectionBox01 .rcmdt-box .gd-section .gd-contain .thimg { text-align: center; margin-bottom: 5px; } #content .sectionBox01 .rcmdt-box .gd-section .gd-contain .gd-info { text-align: center; } #content .sectionBox01 .rcmdt-box .gd-section .gd-contain .gd-info p.p-name { font-size: 13px; color: #444444; margin-bottom: 8px; padding: 0 5px; height: 30px; } #content .sectionBox01 .rcmdt-box .gd-section .gd-contain .gd-info p.p-price { font-size: 17px; color: #2f2f2f; letter-spacing: -1px; font-weight: 400; } /* 레이어 박스 추가 */ .layer-txt-box { position: absolute; right: 0; top: 0; color: #ffffff; padding: 5px 10px; font-size: 12px; font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; } .layer-txt-box.bg-j { background: rgba(239,98,6,0.8); left: -1px; width: 115px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3); } .layer-txt-box.bg-b { background: rgba(33,33,33,0.9); box-shadow: -1px 1px 1px rgba(0,0,0,0.3); } .layer-txt-box span.b {font-weight: bold; color: #ffffff; } /* 브랜드별 확인하기 */ #content .sectionBox01 .brand-box { width: 278px; padding: 14px 0 0 0; position: relative; } #content .sectionBox01 .brand-box .tit { font-size: 22px; font-weight: normal; color: #3c3a3a; margin-bottom: 12px; letter-spacing: -1px; } #content .sectionBox01 .brand-box .more-btn { position: absolute; right: 0; top: 20px; } #content .sectionBox01 .brand-box .brand-btn-box { overflow: hidden; } #content .sectionBox01 .brand-box .brand-btn-box ul li { float: left; border-left: 1px solid #dddddd; width: 92px; height: 106px; border-bottom: 1px solid #dddddd; } #content .sectionBox01 .brand-box .brand-btn-box ul li:nth-child(3n+1) { border-left: none; } #content .sectionBox01 .brand-box .brand-btn-box ul li:nth-child(7), #content .sectionBox01 .brand-box .brand-btn-box ul li:nth-child(8), #content .sectionBox01 .brand-box .brand-btn-box ul li:nth-child(9) { border-bottom: none; } /* 광고배너3 공지사항*/ #content .sectionBox02 { margin-bottom: 55px; } /* 광고배너3 */ #content .sectionBox02 .prBan-contain { width: 927px; } #content .sectionBox02 .prBan-contain > div { display: inline-block; margin-left: 12px; } #content .sectionBox02 .prBan-contain > div:first-child { margin-left: 0; } /* 공지사항 */ #content .sectionBox02 .Notice-contain { width: 310px; padding: 10px 0 12px 0; border-bottom: 1px solid #dedede; } #content .sectionBox02 .Notice-contain .tHead { position: relative; border-bottom: 1px solid #3c3a3a; padding-bottom: 11px; margin-bottom: 7px;} #content .sectionBox02 .Notice-contain .tHead h1 { font-weight: normal; font-size: 22px; letter-spacing: -1px; color: #3c3a3a; } #content .sectionBox02 .Notice-contain .tHead h1 span { font-size: 13px; color :#888888; font-weight: 300; margin-left: 15px; } #content .sectionBox02 .Notice-contain .tHead .more-btn { position: absolute; right: 0; top: 5px; } #content .sectionBox02 .Notice-contain ul li { padding-left: 15px; margin-bottom: 8px; background: url("../img/common/notice_dot.png") no-repeat 6px center; } #content .sectionBox02 .Notice-contain ul li:last-child { margin-bottom: 0; } #content .sectionBox02 .Notice-contain ul li a { font-size: 14px; color: #686868; font-weight: 300; } #content .sectionBox02 .Notice-contain ul li a:hover { border-bottom: 1px solid #686868; } /* 배너공지 */ #content .sectionBox03 { margin-bottom: 50px; } #content .sectionBox03 .BanerBox { height: 94px; text-align: center; padding: 35px 0 0 0; } #content .sectionBox03 .BanerBox p { font-family: 'NanumSquare'; font-size: 22px; color: #ffffff; text-shadow: 0px 0px 4px rgba(55, 87, 100, 0.5); } /* 제품배너4 광고 */ #content .sectionBox04 { background: #f7f7f7; padding: 70px 0; margin-bottom: 56px; } #content .sectionBox04 .slide-view {position: relative; border: 1px solid #ebebeb; width: 363px; height: 502px;} #content .sectionBox04 .slide-view ul { width: 361px; } #content .sectionBox04 .slide-view .pager-custom { border: none; position: absolute; right: 17px; bottom: 17px; } #content .sectionBox04 .slide-view .pager-custom a { display: inline-block; font-size: 0; line-height: 0; width: 7px; height: 7px; background: #eaeaea; margin-left: 2px;} #content .sectionBox04 .slide-view .pager-custom a.active, #content .sectionBox04 .slide-view .pager-custom a:hover { background: #444444; } #content .sectionBox04 .container { width: 887px; } #content .sectionBox04 .container > div { border: 1px solid #ebebeb; } #content .sectionBox04 .container .box-1 { margin-bottom: 12px;} #content .sectionBox04 .container .box-3 { clear: both; } /* 제품 탭으로 보기 */ #content .sectionBox05 { margin-bottom: 110px; } #content .sectionBox05 .tab-contain h1 { font-size: 30px; color: #2f2f2f; font-weight: normal; margin-bottom: 20px; } #content .sectionBox05 .tab-contain .ban-box { width: 248px; } #content .sectionBox05 .tab-contain .tab-box .tab-cho {height: 50px; width: 100%; background: #f7f7f7;} #content .sectionBox05 .tab-contain .tab-box .tab-cho li { float: left; background: #f7f7f7; border: 1px solid #d7d7d7; border-bottom: 1px solid #444444; border-left: none; border-top: none; width: 250px; text-align: center; height: 49px; line-height: 49px; position: relative; overflow: hidden; } #content .sectionBox05 .tab-contain .tab-box .tab-cho li:first-child { border-left: none; } #content .sectionBox05 .tab-contain .tab-box .tab-cho li:last-child { border-right: none; } #content .sectionBox05 .tab-contain .tab-box .tab-cho li.active { border: 1px solid #444444; border-bottom: 1px solid #d7d7d7;} #content .sectionBox05 .tab-contain .tab-box .tab-cho li a { display: block; font-size: 16px; color: #2f2f2f; font-weight: 300;} #content .sectionBox05 .tab-contain .tab-box .tab-cho li.active a { height: 48px;} /*#content .sectionBox05 .tab-contain .tab-box .tab-cont { width: 1000px; }*/ #content .sectionBox05 .tab-contain .tab-box .tab-cont { width: 1250px; } #content .sectionBox05 .tab-contain .tab-box .tab-cont ul li .gd-box { border: 1px solid #d7d7d7; float: left; width: 250px; height: auto; padding-bottom: 15px; border-left: none; border-top: none; } #content .sectionBox05 .tab-contain .tab-box .tab-cont ul li:first-child .gd-box { border-left: 1px solid #d7d7d7; } #content .sectionBox05 .tab-contain .tab-box .tab-cont ul li .gd-box .thimg { text-align: center; } #content .sectionBox05 .tab-contain .tab-box .tab-cont ul li .gd-box .gd-info { text-align: center; } #content .sectionBox05 .tab-contain .tab-box .tab-cont ul li .gd-box .gd-info p.p-name { font-size: 15px; color: #2f2f2f; letter-spacing: -1px; margin-bottom: 24px; font-weight: 300; } #content .sectionBox05 .tab-contain .tab-box .tab-cont ul li .gd-box .gd-info p.p-price { font-size: 17px; color: #2f2f2f; letter-spacing: -1px; font-weight: 400; } /* 베스트 아이템 */ #content .sectionBox06 { background: #f7f7f7; padding: 54px 0; margin-bottom: 56px; } #content .sectionBox06 .tit-B { text-align: center; font-size: 15px; color: #a1a1a1; font-weight: 300; margin-bottom: 12px; } #content .sectionBox06 h1.tit { font-size: 23px; color: #1b1b1b; font-weight: 500; text-align: center; margin-bottom: 47px;} #content .sectionBox06 .gd-contain .gd-box { float: left; width: 252px;height: 300px; padding-bottom: 15px; border: 1px solid #f0f0f0; background: #ffffff; border-left: none;} #content .sectionBox06 .gd-contain .gd-box:nth-child(5n+1) { border-left: 1px solid #f0f0f0; } #content .sectionBox06 .gd-contain .gd-box .thimg { text-align: center; } #content .sectionBox06 .gd-contain .gd-box .gd-info { text-align: center; } #content .sectionBox06 .gd-contain .gd-box .gd-info p.p-name { height: 36px;font-size: 14px; color: #5a5a5a; letter-spacing: -1px; margin-bottom: 11px;margin-top: 5px;font-weight: 300; } #content .sectionBox06 .gd-contain .gd-box .gd-info p.p-price { font-size: 15px; color: #1b1b1b; letter-spacing: -1px; font-weight: 400; } #content .sectionBox06 .gd-contain .gd-box:nth-child(6), #content .sectionBox06 .gd-contain .gd-box:nth-child(6) ~ .gd-box { border-top: none; } /* 버튼 바로가기 링크 */ #content .sectionBox07 { padding: 0 0 54px 0; } #content .sectionBox07 .linkBtn li { display: inline-block; margin: 0 3px;} #content .sectionBox07 .linkBtn li:first-child { margin-left: 0; } #content .sectionBox07 .linkBtn li:last-child { margin-right: 0; } #content .sectionBox07 .linkBtn li .box { width: 308px; height: 185px; background-position: center; background-repeat: no-repeat; position: relative; text-align: center;} #content .sectionBox07 .linkBtn li .box span { font-size: 0; line-height: 0; text-indent: -9999px; } #content .sectionBox07 .linkBtn li .box .lBtn { margin-top: 135px; display: inline-block; width: 110px; height: 30px; line-height: 28px; border: 1px solid #ffffff; border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -moz-border-radius: 20px; font-size :14px; color:#ffffff; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; } #content .sectionBox07 .linkBtn li .box .lBtn:hover { background: #ffffff; color: #373737; } #content .sectionBox07 .linkBtn li:nth-child(1) .box { background-image: url("../img/main/linkbtn_bg_01.jpg"); } #content .sectionBox07 .linkBtn li:nth-child(2) .box { background-image: url("../img/main/linkbtn_bg_02.jpg"); } #content .sectionBox07 .linkBtn li:nth-child(3) .box { background-image: url("../img/main/linkbtn_bg_03.jpg"); } #content .sectionBox07 .linkBtn li:nth-child(4) .box { background-image: url("../img/main/linkbtn_bg_04.jpg"); } /* subpage */ /* sub box */ #content { position: relative; } #content .sub-main-box { padding-bottom: 40px; position: relative;} #content .sub-main-box .inner { position: relative; } #content .sub-main-box .main-cate-box { width: 210px; position: relative; } /* 이전 페이지 */ .prev-page-btn { position: fixed; left: 5px; top: 50%; background :#c9c9c9; color: #ffffff !important; font-size: 11px; width: 80px ; height: 80px; border-radius: 5px; } .prev-page-btn i { font-size: 7em; } .prev-page-btn span { position: absolute; display: none; top: -20px; color: #000000; text-align: center; width: 100%; } .prev-page-btn:hover span {display: block; } /* sub 메인 카테고리 */ #content .sub-main-box .main-cate-box .cate-box .depth1 { background: #424242; padding-bottom: 16px; position: relative; z-index: 10;} #content .sub-main-box .main-cate-box .cate-box .depth1 ul li { background: url("../img/common/main_cate_line.jpg") no-repeat left bottom;} #content .sub-main-box .main-cate-box .cate-box .depth1 ul li a { font-size: 14px; color: #cfcfcf; font-weight: 300; display: block; padding: 10px 0 0 16px; height: 35px; background: url("../img/common/main_cate_arrow.png") no-repeat 192px; center; } #content .sub-main-box .main-cate-box .cate-box .depth1 ul li a:hover { color: #ffffff; } #content .sub-main-box .main-cate-box .cate-box .depth1 .more-btn { position: absolute; bottom: 0; } #content .sub-main-box .main-cate-box .btn-box { background: #ffffff; } #content .sub-main-box .main-cate-box .btn-box .bd-box { border: 1px solid #dddddd; border-bottom: 0; } #content .sub-main-box .main-cate-box .btn-box > div.bd-box > div { width: 104px; text-align: center; padding: 10px 0 13px; 0; border-bottom: 1px solid #dddddd;} #content .sub-main-box .main-cate-box .btn-box > div.bd-box > div img { margin-top: 5px; } #content .sub-main-box .main-cate-box .btn-box > div > div a { display: block; } #content .sub-main-box .main-cate-box .btn-box > div > div span { display: block; font-size: 14px; color: #515151; } #content .sub-main-box .main-cate-box .btn-box > div > div a:hover span { color: #ec6806; } #content .sub-main-box .main-cate-box .btn-box > div > div.box01 span { margin-top: 16px; } #content .sub-main-box .main-cate-box .btn-box > div > div.box02 span { margin-top: 10px; } #content .sub-main-box .main-cate-box .btn-box > div > div.box02 { border-left: 1px solid #dddddd; } #content .sub-main-box .main-cate-box .btn-box > div > div.box03 span { margin-top: 12px; } #content .sub-main-box .main-cate-box .btn-box > div > div.box03 { border-bottom: 0; } #content .sub-main-box .main-cate-box .btn-box > div > div.box04 span { margin-top: 13px; } #content .sub-main-box .main-cate-box .btn-box > div > div.box04 { border-left: 1px solid #dddddd; border-bottom: 0; } /* 1차 카테고리 > 2차 카테고리 */ #content .sub-main-box .main-cate-box .cate-box .depth2 { position: absolute; top: 0; z-index: 10; left: 210px;} #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain { width: 1050px; background: #ffffff; border: 1px solid #424242;} #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb { background: #ffffff; width: 165px; padding: 30px 0 30px 0;} #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb h1 { font-size: 15px; font-weight: normal; padding: 0 0 5px 10px;} #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep1 > li { border-top: 1px solid #f2f2f2; position: relative; } #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep1 > li:last-child { border-bottom: 1px solid #f2f2f2; } #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep1 > li:hover { background: #f1f1f1; } #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep1 > li a { display: block; padding: 5px 0 5px 10px; font-family: 'dotum';} #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep2 { display: none; position: absolute; width: 192px; height: auto; border: 1px solid #424242; background: #ffffff; left: 120px; top: 0; z-index: 20; padding: 10px;} #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep2 li a:hover { color: #ef6206; } #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .depGnb .dep1 > li:hover .dep2 { display: block; } /* 배너광고 부분 */ #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .banBox { padding: 0 0 10px 12px; width: 883px; background: #f2f2f2; } #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .banBox > div { float: left; margin-right: 10px;} #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .banBox > div:nth-child(4), #content .sub-main-box .main-cate-box .cate-box .depth2 .dep2-contain .banBox > div:nth-child(4) ~ div { margin-top: 10px; } /* sub-content */ .sub-content { width: 1028px; padding: 22px 0 0 0; } /* sub-content > 상품리스트 */ /* sub-content > 상품리스트 > 종류별 선택 */ .kind-contain .tit-box { background: #f5f5f5; border: 1px solid #ebebeb; height: 50px; padding: 0 0 0 20px; position: relative;} .kind-contain .tit-box h1 { margin-top: 14px; } .kind-contain .tit-box .ac-btn { position: absolute; right: 28px; top: 14px;} .kind-contain .container { border: 1px solid #ebebeb; border-top: none; border-bottom: 1px solid #a0a0a0; padding:20px 0 6px 20px; background: #ffffff; } .kind-contain .container.off { display: none; } .kind-contain .container .k-list li { float: left; width: 165px; margin-bottom: 14px; } .kind-contain .container .k-list li a { font-family: gulim; font-size: 13px; letter-spacing: -1px; color: #777777; } .kind-contain .container .k-list li a:hover { text-decoration: underline; } /* sub-content > 상품리스트 > 리스트 영역*/ .sub-content .gdList-contain .hd-box { padding-bottom: 15px; border-bottom: 2px solid #2c2c2c; margin-bottom: 45px;} .sub-content .gdList-contain .hd-box .fl { font-family: gulim; font-size: 13px; color: #1a1a1a; letter-spacing: -1px; } .sub-content .gdList-contain .hd-box .fl span { letter-spacing: 0; margin: 0 2px 0 12px; } .sub-content .gdList-contain .hd-box .fr .sort-filter li { float: left; padding: 0 9px; background: url("../img/common/sort_filter_line.jpg") no-repeat left center; } .sub-content .gdList-contain .hd-box .fr .sort-filter li:first-child { background: none; } .sub-content .gdList-contain .hd-box .fr .sort-filter li a { font-family: gulim; color: #1a1a1a; } .sub-content .gdList-contain .hd-box .fr .sort-filter li.lank a { color: #ef6d00; } .sub-content .gdList-contain .hd-box .fr .sort-filter li.active a, .sub-content .gdList-contain .hd-box .fr .sort-filter li:hover a { color: #ef6d00; } /* 상품진열 스타일 */ .gdList-contain .gdList-box .gdBox { width: 322px; height: 520px; border: 1px solid #ebebeb; float: left; margin-left: 30px; margin-bottom: 30px; background: #ffffff; position: relative;} .gdList-contain .gdList-box .gdBox:hover { border: 1px solid #ef6d00; } .gdList-contain .gdList-box .gdBox:nth-child(3n+1) { margin-left: 0; } .gdList-contain .gdList-box .gdBox .thImg { text-align: center; margin-bottom: 5px; } .gdList-contain .gdList-box .gdBox .gd-info { padding: 0 20px; } .gdList-contain .gdList-box .gdBox .gd-info .gdName { font-size: 15px; color: #2f2f2f; letter-spacing: -1px; margin-bottom: 15px; height: 54px; } .gdList-contain .gdList-box .gdBox .gd-info .gdex { font-size: 13px; color: #8a8a8a; letter-spacing: -1px; margin-bottom: 20px; font-weight: 300; line-height: 1.4; height: 54px; } .gdList-contain .gdList-box .gdBox .gd-info .gdPrice { font-size: 17px; color: #2f2f2f; letter-spacing: -1px;} .gdList-contain .gdList-box .gdBox .layer-txt-box { top: -1px; right: -1px; } /* 상품 상세 보기 */ .title-contain .location-box { margin-top: 10px; } .title-contain .location-box i { margin: -1px 2px 0 0; } .title-contain .location-box span { margin: 0 4px; } .title-contain .location-box a:hover { text-decoration: underline; } .gd-view-contain { border-top: 2px solid #555555; padding: 25px 0 25px 0; } .gd-view-contain .gd-colmn-1 { width: 402px; } .gd-view-contain .gd-colmn-1 .thimg { border: 1px solid #dadada; height: 350px; } .gd-view-contain .gd-colmn-1 .thimg img { max-width: 100%; max-height: 400px; } .gd-view-contain .gd-colmn-1 .box { padding: 15px;border: 1px solid #dadada; border-top: none; } .gd-view-contain .gd-colmn-1 .view-big-btn { border: 1px solid #dddddd; } .gd-view-contain .gd-colmn-1 .view-big-btn.active, .gd-view-contain .gd-colmn-1 .view-big-btn:hover { border-color: #ec6806; } .gd-view-contain .gd-colmn-1 .view-big-btn img { max-width: 100%; } /* 상품관련 제조자. 브랜드 */ .seller-wrap { background: #ebebeb; margin-top: 30px; padding: 25px 15px; overflow: hidden; } .seller-wrap .seller-info { float: left; margin-top: 25px; height: 261px; width: 305px; position: relative; } .seller-wrap .seller-info .seller-name { padding-top: 15%; } .seller-wrap .seller-info .seller-name p { text-align: center; font-size: 15px; } .seller-wrap .seller-info .btn-box { width: 100%; margin-top: 40px; } .seller-wrap .seller-info .btn-box ul li { text-align: center; margin-bottom: 5px; } .seller-wrap .seller-info .btn-box ul li .btn { background: #999999; width: 150px; height: 30px; line-height: 28px; color: #ffffff;} .seller-wrap .seller-gd { margin-top: 25px; float: right; border-left: 1px solid #dddddd; padding-left: 20px; width: 955px;} .seller-wrap .seller-gd .hd { position: relative; margin-bottom: 20px; } .seller-wrap .seller-gd .hd h4 { font-size: 18px; font-weight: 400; padding-left: 17px; } .seller-wrap .seller-gd .hd .more-btn { position: absolute; right: 0; top: 5px; font-size: 14px; font-weight: 300; } .seller-wrap .seller-gd .hd .more-btn i { margin: -2px 0 0 0; } .seller-wrap .seller-gd .hd .more-btn:hover { text-decoration: underline; } .seller-wrap .seller-gd ul li { width: 150px; display: inline-block; margin: 0 17px 25px 17px; } .seller-wrap .seller-gd ul li .gd-info { margin-top: 10px; } .seller-wrap .seller-gd ul li .gd-info .gd-price { text-align: right; margin-top: 5px; } .seller-wrap .seller-gd ul li .gd-info .gd-name { display: inline-block; width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .seller-wrap .seller-gd ul li:hover .gd-name { text-decoration: underline; } .gd-view-contain .gd-colmn-2 { width: 820px; margin-bottom: 20px; position: relative;} .gd-view-contain .gd-colmn-2 .gd-tit { border-bottom: 1px solid #ebebeb; padding-bottom: 20px; position: relative; } .gd-view-contain .gd-colmn-2 .gd-tit h2 { font-size: 22px; font-weight: normal; float: left;} .gd-view-contain .gd-colmn-2 .gd-tit span { font-size: 12px; color: #999999; margin: 10px 0 0 5px; display: inline-block; } .gd-view-contain .gd-colmn-2 .gd-tit .s-des { clear: both; margin-top: 10px; } .gd-view-contain .gd-colmn-2 .op-box { padding: 20px 0 ; border-bottom: 1px solid #ebebeb; } .gd-view-contain .gd-colmn-2 .op-box ul li { margin-bottom: 10px; font-size: 14px; font-weight: 400; color: #333333;} .gd-view-contain .gd-colmn-2 .op-box ul li:last-child { margin-bottom: 0; } .gd-view-contain .gd-colmn-2 .op-box ul li em.label { margin: 0 20px 0 0; width: 150px; display: inline-block; font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; } .gd-view-contain .gd-colmn-2 .op-box ul li .defult-btn { margin: -3px 0 0 5px; padding: 2px; font-size: 11px;} .gd-view-contain .gd-colmn-2 .op-box ul li em.small { font-size: 12px; } .gd-view-contain .gd-colmn-2 .op-box ul li strong { font-size: 24px; } .gd-view-contain .gd-colmn-2 .op-box ul li .clr-r { color: #e90000; font-size: 16px; } .gd-view-contain .gd-colmn-2 .op-box .plusminus .mp-wrap { position: relative; display: inline-block; top: -15px; } .gd-view-contain .gd-colmn-2 .op-box .plusminus .in-txt-s2 { width: 30px; height: 18px; position: absolute; left: 20px; top: 0; text-align: center;} .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer button { background: none; width: 22px; height: 18px; border: 1px solid #dadada; position: absolute; } .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer button.btn-plus { left: 50px; } .gd-view-contain .gd-colmn-2 .op-box .plusminus button { background: none; width: 22px; height: 18px; border: 1px solid #dadada; position: absolute; } .gd-view-contain .gd-colmn-2 .op-box .plusminus button.btn-plus { left: 50px; } .gd-view-contain .gd-colmn-2 .op-box .label { display: block; font-size: 14px; font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;} .gd-view-contain .gd-colmn-2 .op-box .op-contain { position: relative; } .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer { border: 1px solid #555555; font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; background: #ffffff; margin-top: 15px;} .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer.off { display: none; } .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer .hd { height: 45px; line-height: 45px; padding: 0 10px; background: #999999; position: relative; border-bottom: 1px solid #555555; } .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer .hd p { color: #ffffff; font-size: 15px; } .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer > div .hd { background: #ebebeb;} .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer > div .hd p { color: #555555; } .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer > div.gd-chang { border-top: 1px solid #555555; border-bottom: 1px solid #555555;} .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer > div.gd-op-plus { border-top: 1px solid #555555;} .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer > div .box { padding: 15px 15px 10px 15px; } .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer > div .box select { width: 100%; height: 35px; margin-bottom: 5px; } .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer > div .box .label { display: inline-block; width: auto; font-size: 12px; margin-bottom: 5px;} .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer > div .box i { margin-right: 4px; color: #ec6806; } .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer > div .box .wp-70 { width: 70%; } .gd-view-contain .gd-colmn-2 .op-box .op-contain .op-layer > div .box .mg { margin-top: 8px; } /* 옵션 선택시 가격변경 */ .gd-view-contain .op-ch-contain { clear: both; padding: 25px 15px 20px 15px; background: #f9f9f9; } .gd-view-contain .op-ch-contain .result-ch .box-dan .clr-r { color: #e90000; font-size: 15px; margin-right: 15px; } .gd-view-contain .op-ch-contain .result-ch .box-dan .price { margin-right: 10px; } .gd-view-contain .op-ch-contain .result-ch .mp-wrap { position: relative; display: inline-block;} .gd-view-contain .op-ch-contain .result-ch .in-txt-s2 { width: 30px; height: 18px; text-align: center; margin: 0 -4px 0 -4px;} .gd-view-contain .op-ch-contain .result-ch button { background: none; width: 22px; height: 18px; border: 1px solid #dadada; background: #ffffff; } .gd-view-contain .op-ch-contain .result-ch .tit {font-size: 15px; margin-right: 15px; font-weight: bold; margin-bottom: 5px;} .gd-view-contain .op-ch-contain .result-ch .box-dan { margin-bottom: 5px; border-bottom: 1px solid #dddddd; padding-bottom: 5px; } .gd-view-contain .op-ch-contain .result-ch .box-dan > div:nth-child(1) { float: left; width: 78%; } .gd-view-contain .op-ch-contain .result-ch .box-dan .bdnone { border: none; } .gd-view-contain .op-ch-contain .result-ch .box-dan i.i-cancel { border:1px solid #7a7a7a; padding: 0 2px; margin: -6px 0 0 4px; } .gd-view-contain .op-ch-contain .result-ch .box-dan i.i-cancel:hover { color: #e90000; border-color: #e90000; } .gd-view-contain .op-ch-contain .result-ch .box-dan a.link { color: #ec6806; } .gd-view-contain .op-ch-contain .result-ch .box-dan a.link:hover { text-decoration: underline; } .gd-view-contain .op-ch-contain .op-todal { margin-top: 20px; } .gd-view-contain .op-ch-contain .op-todal span { margin-left: 10px; font-size: 14px; font-weight: bold; } .gd-view-contain .op-box.tp { padding: 15px; } .gd-view-contain .op-box.tp span { color: #e90000; font-weight: bold; font-size: 24px; margin-left: 5px;} .gd-view-contain .pay { margin-top: 15px; } .gd-view-contain .pay .pay-box { display: inline-block; } /* 위시리스트, 장바구니 담기, 구매하기 */ .gd-view-contain .btnBox { margin-top: 15px; } .gd-view-contain .btnBox button { font-size: 15px; line-height: 48px; } .gd-view-contain .btnBox button i { margin-top: -2px; } .gd-view-contain .btnBox button i.white { color: #ffffff; } /* 제품정보, 배송안내, A/S안내, 교환 환불안내 */ .gd-view-bt-contain { padding: 30px 0; } .gd-view-bt-contain .gd-bt-tab ul li { float: left; width: 25%; text-align: center; } .gd-view-bt-contain .gd-bt-tab ul li.active { border-bottom: 3px solid #ec6806; } .gd-view-bt-contain .gd-bt-tab ul li.active a { color: #ec6806; } .gd-view-bt-contain .gd-bt-tab ul li a { display: block; font-weight: bold; font-size: 20px; height: 55px; line-height: 53px; } .gd-view-bt-contain .gd-bt-tab .tab-cont-box { border-top: 1px solid #ebebeb; } .gd-view-bt-contain .gd-bt-tab .tab-cont-box .tab-box { padding: 25px 15px; font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;} /* 플로우 시키기 */ .gd-view-bt-contain .gd-bt-tab .gd-tab-ul.scroll-to-fixed-fixed { background: #ffffff; border-bottom: 1px solid #dddddd; box-shadow: 0 10px 10px 0px rgba(0,0,0,0.1); top: 0 !important; } /* 상품후기, 문의 */ /* 싱품후기 */ .gd-view-bt-contain .review-contain { margin-bottom: 40px; } .gd-view-bt-contain .review-contain .hd { margin-bottom: 10px; border-bottom: 1px solid #dddddd; padding-bottom: 15px; } .gd-view-bt-contain .review-contain .hd h1 { font-weight: 400; } .gd-view-bt-contain .review-contain .box { border-bottom: 1px solid #dddddd; padding-bottom: 10px; } .gd-view-bt-contain .review-contain .box .info { margin-bottom: 10px; padding-top: 15px; font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;} .gd-view-bt-contain .review-contain .box .info .review-gd { font-size: 13px; } .gd-view-bt-contain .review-contain .box .info .review-gd i { margin: -2px 2px 0 0; } .gd-view-bt-contain .review-contain .box .info .review-name { font-weight: 300; } .gd-view-bt-contain .review-contain .box .info .review-name span { margin: 0 0 0 5px; } .gd-view-bt-contain .review-contain .box .gd-info-review .thImg { width: 100px; } .gd-view-bt-contain .review-contain .box .gd-info-review .cont-box {font-weight: 200; width: 1130px; line-height: 1.4; font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; } /* 상품문의 */ .gd-view-bt-contain .gd-qna-contain .inner > .hd { margin-bottom: 10px; border-bottom: 1px solid #dddddd; padding-bottom: 15px; } .gd-view-bt-contain .gd-qna-contain .inner > .hd h1 { font-weight: 400; } .gd-view-bt-contain .gd-qna-contain .list-box .hd { margin: 15px 0; } .gd-view-bt-contain .gd-qna-contain .list-box .tb-box { clear: both; } .gd-view-bt-contain .gd-qna-contain .btn-box { margin-top: 10px; } .gd-view-bt-contain .gd-qna-contain .btn-box .btn { font-size: 16px; background: #ebebeb; padding: 5px 20px; } /* 장바구니 */ .title-contain .tit i { margin: -7px 10px 0 0; } .title-contain .location-box .cart-step { margin-top: -8px; float: right; } .title-contain .location-box .cart-step li { float: left; font-size: 15px; margin-left: 10px; } .title-contain .location-box .cart-step li .step-cle { width: 30px; height: 30px; background: #212121; display: inline-block; text-align: center; line-height: 30px; color: #ffffff; font-size: 13px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .title-contain .location-box .cart-step li i { margin-left: 10px; } .title-contain .location-box .cart-step li .step-cle.active { background: #ec6806; } .cart-contain { padding: 25px 0; border-top: 2px solid #717171; } /* 장바구니 > 테이블 */ .cart-info { line-height: 1.4; } .cart-info .gd-box .thimg { text-align: center; margin-right: 10px; } .cart-info .gd-box .thimg img { border: 1px solid #e3e3e3; } .cart-info .gd-box .view-big-btn { display: block; padding: 5px 0; border: 1px solid #e3e3e3; margin-top: 2px;} .cart-info .gd-box .gd-info { padding: 10px 0 0 0; } .cart-info .gd-box .gd-info .p-name a { font-size: 13px; } .cart-info .gd-box .gd-info .p-name a:hover { text-decoration: underline; } .cart-info .gd-box .gd-info .op-info { margin: 4px 0 8px 0; padding: 4px 0 0 5px; border-top: 1px dotted #e3e3e3; } .cart-info .gd-box .gd-info .op-info li { font-size: 11px; color: #777777; margin-bottom: 2px;} .cart-info .gd-box .gd-info .op-ch { padding: 2px 4px; font-size: 11px; margin-top: 8px;} .opts {color:#69b6fc} .cart-info .mp-wrap { position: relative; width: 100%; height: 18px;} .cart-info .mp-wrap .in-txt-s2 { width: 38px; height: 18px; position: absolute; right: 26px; top: 0; text-align: center;} .cart-info .mp-wrap button { background: none; width: 22px; height: 18px; border: 1px solid #dadada; position: absolute; } .cart-info .mp-wrap button.btn-plus { right: 5px; } .cart-info .mp-wrap button.btn-minus { left: 5px; } .cart-info .clr-r { color: #ea0000; font-weight: bold; } .cart-info .box-bottom { margin-top: 15px; font-family: dotum, '돋움', sans-serif; padding: 0 0 15px 0; } .cart-info .box-bottom .num { font-weight: bold; margin-right: 10px; } /* 장바가구니 총 금액 */ .priceChek-contain { border: 1px solid #555555; border-top-width: 2px; margin-top: 25px; display: table; } .priceChek-contain .chek-colmn { width: 419px; padding: 15px 15px; display: table-cell; } .priceChek-contain .chek-colmn.col-1 { background :#fafafa; border-right: 1px solid #cecece;} .priceChek-contain .chek-colmn .bx-1 { padding: 10px 0; border-bottom: 1px solid #cecece; } .priceChek-contain .chek-colmn .bx-1 dl dt { font-weight: bold; font-size: 14px; color: #212121; } .priceChek-contain .chek-colmn .bx-1 dl dd { float: right; margin-top: -21px; font-size: 24px; color: #212121; } .priceChek-contain .chek-colmn .bx-2 { padding: 10px 0;} .priceChek-contain .chek-colmn .bx-2 ul li { line-height: 1.8; } .priceChek-contain .chek-colmn.col-2 { background :#fafafa; border-right: 1px solid #cecece;} .priceChek-contain .chek-colmn.col-2 i { margin-top: -2px; } .priceChek-contain .chek-colmn.col-3 { background :#ffebdd; } .priceChek-contain .chek-colmn.col-3 i { margin-top: -2px; } .priceChek-contain .chek-colmn.col-3 .clr-r { color: #ea0000; } /* 버튼 */ .cart-contain .box-bottom .btnBox button.btn { font-size: 15px; } /* 장바구니 - 주문/결제 */ .hd-msg { margin-bottom: 5px; } .msg { font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; line-height: 1.8; } .msg .btn { padding: 2px 5px; background :#fcfcfc;} .tb-style-1 thead tr th.bd-right { border-right: 1px solid #d8d8d8 !important; } .p-int input.in-txt-s2 { text-align: right; width: 70px; padding-right: 5px; font-weight: bold; } .p-int input[readonly] { border-bottom-color: #c5c5c5; border-right-color: #c5c5c5; } /* 배송지 입력 */ .delivery-contain { position: relative; } .delivery-tb { border-top: 2px solid #555555; width: 100%; border-bottom: 1px solid #555555; font-size: 13px;} .delivery-tb tr th, .delivery-tb tr td { padding: 15px 20px; font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; } .delivery-tb tr th { text-align: left;border-left: 1px solid #555555; } .delivery-tb tr td { border-right: 1px solid #555555; } .delivery-tb .bd th, .delivery-tb .bd td { border-bottom: 1px solid #cecece; } .delivery-tb tr:first-child th, .delivery-tb tr:first-child td { background : #fafafa; } .delivery-tb tr td input[type=radio] { vertical-align: middle; margin: -1px 4px 0 0; } .delivery-tb tr td label { margin: 0 10px 0 0; } .delivery-tb tr td .btn { padding: 3px 8px; } .delivery-tb tr td .data-ch { border: 1px solid #c5c5c5; background: #eeeeee; padding: 2px 4px; margin-left: 10px;} .delivery-tb tr td input[type=text] { height: 30px; padding: 0 0 0 5px; } .delivery-tb tr td .name-txt { width: 180px; } .delivery-tb tr td .num-txt { width: 80px; height: 30px; } .delivery-tb tr.show-check p { margin-bottom: 5px; } .delivery-tb tr td .addr-1-txt { width: 100px; } .delivery-tb tr td .addr-2-txt { width: 500px; } /*.delivery-tb .show-check { display: none; }*/ /* 배송지 목록 */ .delivery-list { position: absolute; right: 0; width: 800px; border: 1px solid #515151; padding: 20px 20px; background: #ffffff; top: 82px; display: none; z-index: 10;} .delivery-list .hd-tit { font-size: 14px; font-weight: 500; border-bottom: 1px solid #eeeeee; padding-bottom: 10px; } .delivery-list .close-btn { position: absolute; right: 30px; top: 20px;} .delivery-list .close-btn i { font-size: 1.4em; } .delivery-tb-2 { width: 100%; margin-top: 10px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .delivery-tb-2 thead th { padding: 10px 0 7px; background: #ebebeb; font-size: 12px; font-weight: 500; border-left: 1px solid #cccccc; } .delivery-tb-2 tbody td { padding: 12px 0 10px; border-top: 1px solid #d8d8d8; border-left: 1px solid #ebebeb; text-align: center; } .delivery-tb-2 thead th:first-child, .delivery-tb-2 tbody tr td:first-child { border-left: none; } .delivery-list .btn-box { margin-top: 10px; } .delivery-list .btn-box .btn { padding: 5px 10px; } .delivery-list .btn-box .delivery-btn { border: 1px solid #ea0000; color: #ea0000; } /* 결제 방법 선택 */ .delivery-contain .row > div { border: 1px solid #515151; border-top-width: 2px;} .delivery-contain .col-mn-1 { width: 800px; padding: 20px; } .delivery-contain .choce-box { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; } .delivery-contain .choce-box label { margin-right: 8px; font-size: 13px; } .delivery-contain .choce-box input[type=radio] { vertical-align: middle; margin: 0 5px; 0 0 } .delivery-contain .show-check { margin-bottom: 10px;} .delivery-contain .show-check .tit { font-size: 14px; margin-bottom: 10px; } .delivery-contain .show-check select {height: 30px; } .delivery-contain .show-check .in-txt-s2 { height: 30px;padding-left: 10px; } .delivery-contain .col-mn-2 { width: 450px; } .delivery-contain .col-mn-2 .box-hd { padding: 15px 0; font-size: 18px; font-weight: bold; background: #fafafa; border-bottom: 1px solid #d8d8d8;} .delivery-contain .col-mn-2 .price { padding: 15px 0; border-bottom: 1px solid #d8d8d8; } .delivery-contain .col-mn-2 .price span {font-size: 28px; font-weight: bold; color: #ea0000;} .delivery-contain .col-mn-2 .check > div { padding: 15px 10px; background: #fafafa;} .delivery-contain .col-mn-2 .check > div p { margin-bottom: 10px; color: #212121; } .delivery-contain .col-mn-2 .check > div .txt-area { width: 100%; padding: 10px; height: 60px; overflow-y: scroll; border: 1px solid #dddddd;} /* 결제완료 */ .order-msg { margin-bottom: 30px; } .order-msg h1 { font-size: 30px; margin-bottom: 10px; color: #ea0000; } .order-msg p { font-size: 14px; } .delivery-contain .m-price span, .delivery-contain .card-price span { color: #ea0000; font-weight: bold; } /* 회원 */ .member-contain { padding: 45px 0; } /* 로그인 */ .member-contain .box-w694 { width: 694px; margin: 0 auto; } .member-contain .hd { border-bottom: 6px solid #e4e4e4; } .member-contain .hd h1 { background: url("../img/common/mem_logo.jpg") no-repeat left 0; padding: 0 0 0 62px; } .member-contain .box-w694 h1 { font-family: arial; font-size: 40px; letter-spacing: -1px; color: #262423; line-height: 1.4; } .member-contain .login-contain { background :#f3f3f3; padding: 47px 0 37px 0; } .member-contain .login-contain .form-box { font-family: dotum,sans-serif; color: #3f3f3f; width: 495px; margin: 0 auto; background: #fafafa; border :1px solid #b4b4b4; padding: 32px 54px 32px 54px;} .member-contain .login-contain .form-box ul .dan1 { margin-bottom: 5px; } .member-contain .login-contain .form-box ul .dan1 label { margin-right: 10px; } .member-contain .login-contain .form-box ul .dan1 label input { margin: -1px 5px 0 0; } .member-contain .login-contain .form-box ul .dan2 { margin-bottom: 15px; } .member-contain .login-contain .form-box ul .dan2 div div p:nth-child(1) { margin: 4px 0 13px 0; } .member-contain .login-contain .form-box ul .dan2 div div p input { width: 252px; padding: 0 0 0 5px; } .member-contain .login-contain .form-box ul .dan2 div div .login-submit { border: none; width: 117px; height: 79px; background: #ef5a00; color: #ffffff; cursor: pointer; font-size: 17px; font-family: dotum,sans-serif; letter-spacing: -1px; } .member-contain .login-contain .form-box ul .dan3 { margin-bottom: 20px; } .member-contain .login-contain .form-box ul .dan4 .link-btn { width: 115px; height: 28px; line-height: 25px; text-align: center; color: #ffffff; font-size: 13px; margin-right: 18px; } .member-contain .login-contain .form-box ul .dan4 .link-btn.clr-1 { background: #47362c; } .member-contain .login-contain .form-box ul .dan4 .link-btn.clr-2 { background: #3f3f3f; } .member-contain .login-contain .form-box ul .dan4 .link-btn:last-child { margin-right: 0; margin-left: -5px; } .member-contain .login-contain .sns-login-box ul { display: table; margin: 14px auto 0 auto; width: auto; } .member-contain .login-contain .sns-login-box ul li { float: left; margin-right: 10px;} .member-contain .login-contain .sns-login-box ul li:last-child { margin-right: 0; } /* 회원가입 */ .member-contain .box-w980 { width: 980px; margin: 0 auto; } .member-contain .box-w980 .hd h1 {font-size: 40px; letter-spacing: -1px; color: #262423; line-height: 1.4; font-weight: 500; } .member-contain .joinLink-box { width: 474px; height: 271px; text-align: center; padding: 60px 0 46px 0;} .member-contain .joinLink-box.bg1 { background: #5996cf; } .member-contain .joinLink-box.bg2 { background: #284868; } .member-contain .joinLink-box h1, .member-contain .joinLink-box p, .member-contain .joinLink-box a.link-btn { color: #ffffff; } .member-contain .joinLink-box h1 { font-size: 30px; letter-spacing: -1px; font-weight: 300; margin-bottom: 40px; } .member-contain .joinLink-box p { font-family: dotum,sans-serif; font-size: 14px; letter-spacing: -1px; margin-bottom: 45px; } .member-contain .joinLink-box a.link-btn { width: 98px; height: 32px; border: 1px solid #ffffff; line-height: 28px; } .member-contain .joinLink-box a.link-btn:hover { text-decoration: underline; } .member-contain .txt-box { margin: 45px 0 20px 0; } .member-contain .txt-box h2 { font-size: 30px; color: #777777; letter-spacing: -1px; font-weight: 300; margin-bottom: 10px; } .member-contain .txt-box .dotum-txt { font-size: 14px; letter-spacing: -1px; color: #737373; } /* 약관 동의 */ .member-contain .agree-box .agreecheck { background :#ef6100; padding: 10px 15px 10px 15px; margin-bottom: 15px;} .member-contain .agree-box .agreecheck .txt h3 { font-weight: 400; color: #ffffff; font-size: 20px; letter-spacing: -1px; } .member-contain .agree-box .agreecheck .check { font-size: 17px; font-weight: 300; color: #ffffff; padding: 2px 0 0 0; } .member-contain .agree-box .agreecheck .check span { border: none; background :#ffffff; width: 19px; height: 19px; margin-left: 8px;} .member-contain .agree-box .agreecheck .check span:before { color: #000000; z-index: 10; } .member-contain .agree-box .textarea-box { background: #f4f4f4; border: 1px solid #d4d4d4; padding: 26px 0 35px 20px; } .member-contain .agree-box .textarea-box .box { margin-bottom: 18px; } .member-contain .agree-box .textarea-box .box .fl { width: 880px; } .member-contain .agree-box .textarea-box .box textarea { width: 100%; border: none; padding: 15px 10px 15px 10px;} .member-contain .agree-box .textarea-box .box .fr { font-size: 14px; position: relative; width: 55px; padding: 60px 0 0 0; color: #737373; letter-spacing: -1px; font-weight: bold;} .member-contain .agree-box .textarea-box .box .fr span { border: 1px solid #a2a2a2; background :#ffffff; width: 23px; height: 23px; margin-left: 8px; display: block; margin: 0 0 14px 4px;} .member-contain .agree-box .textarea-box .box .fr span:before { color: #000000; z-index: 10; left: 4px; top: 4px;} .member-contain .agree-box .btn-box { margin-top: 38px; } .member-contain .agree-box .btn-box .link-btn { font-family: dotum,sans-serif; font-size: 14px; letter-spacing: -1px; color: #ffffff; background :#464646; width: 147px; height: 42px; line-height: 38px; font-weight: bold; } /* 회원가입 */ .member-contain .join-box { background :#fafafa; padding: 42px 0 44px 0; } .member-contain .join-box .formbox { background :#ffffff; width: 814px; margin: 0 auto; padding: 36px 60px 25px 45px; } .member-contain .join-box .formbox table { width: 100%; } .member-contain .join-box .formbox table th { text-align: left; font-family: dotum,sans-serif; font-size: 14px; letter-spacing: -1px; color: #454545; font-weight: bold;} .member-contain .join-box .formbox table th span { background: url("../img/common/req_img.png") no-repeat left 3px; padding-left: 15px } .member-contain .join-box .formbox table td { padding: 14px 0; } .member-contain .join-box .formbox table td input { width: 381px; height: 37px; padding-left: 15px; } .member-contain .join-box .formbox table td input[type=button] { padding-left: 0; } .member-contain .join-box .formbox table td a.pop-btn { width: 66px; height: 37px; line-height: 34px; background: #5c5c5c; color: #ffffff; margin: 1px 0 0 15px; } .member-contain .join-box .formbox .pop-btn { width: 90px; height: 37px; line-height: 34px; background: #5c5c5c; color: #ffffff; margin: 1px 0 0 15px; } .member-contain .btn-box .join-mem-btn { width: 147px; height: 42px; background: #464646; color: #ffffff; font-weight: bold; font-size: 14px; } /* 아이디 패스워드 찾기 */ .member-contain .find-contain { margin-top: 20px; font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; } .member-contain .find-contain .link-tab { overflow: hidden; background: #f8f8f8; margin-bottom: 15px; border: 1px solid #e0dfe5; border-bottom: 1px solid #bfbecc; } .member-contain .find-contain .link-tab li { float: left; width: 200px; height: 50px; font-size: 15px; font-weight: bold; color: #757575; text-align: center; line-height: 48px; border-right: 1px solid #bfbecc; } .member-contain .find-contain .link-tab li a { display: block; } .member-contain .find-contain .link-tab li.active { border: 1px solid #404354; background: #4f5265; } .member-contain .find-contain .link-tab li.active a { color: #ffffff; } .member-contain .find-contain .cont-box .cont .txt { font-size :14px; margin-bottom: 20px; } .member-contain .find-contain .cont-box .cont .hd { margin-bottom: 20px; border: none; } .member-contain .find-contain .cont-box .cont .hd .tit { font-size: 20px; } .member-contain .find-contain .cont-box .cont .hd .tit span { font-size: 15px; } .member-contain .find-contain .cont-box .cont .box { border: 1px solid #bfbecc; border-top: 2px solid #525165; padding: 20px 20px; } .member-contain .find-contain .cont-box .cont .box .tit { text-align:center; font-size: 16px; font-weight: bold; } .member-contain .find-contain .cont-box .cont .box .tit span { color: #ec6806; } .member-contain .find-contain .cont-box .cont .box .select-box { background: #f8f8f8; border: 1px solid #e0dfe5; padding: 15px 30px; margin: 20px 0; } .member-contain .find-contain .cont-box .cont .box .select-box label { margin-right: 20px; } .member-contain .find-contain .cont-box .cont .box .form-box p { padding: 0 0 0 20px; margin-bottom: 5px; } .member-contain .find-contain .cont-box .cont .box .form-box .date { margin-top: 15px; } .member-contain .find-contain .cont-box .cont .box .form-box .date ul li { margin-bottom: 5px; padding: 0 0 0 20px; } .member-contain .find-contain .cont-box .cont .box .form-box .date ul li label { width: 100px; display: inline-block; font-weight: bold; font-size: 13px; position: relative;} .member-contain .find-contain .cont-box .cont .box .form-box .date ul li label em { position: absolute; left: 0; top: -9px; } .member-contain .find-contain .cont-box .cont .box .form-box .date ul li .in-txt-s4 { width: 206px; } .member-contain .find-contain .cont-box .cont .box .form-box .date ul li select { margin-left: -4px; height: 26px; width: 60px; } .member-contain .find-contain .cont-box .cont .box .form-box .date ul li .in-txt-s4.w { width: 60px; } .member-contain .find-contain .cont-box .cont .box .form-box.buisness { display: table; margin: 0 auto; } .member-contain .find-contain .cont-box .cont .box .form-box.buisness .date { padding: 20px 22px; margin: 25px 0; border-top: 1px solid #e0dfe5; border-bottom: 1px solid #e0dfe5; } .member-contain .find-contain .cont-box .btn-box { text-align: center; margin-top: 20px; } .member-contain .find-contain .cont-box .btn-box .btn-submit { background: #525165; color: #ffffff; font-size:15px; font-weight: bold; padding: 10px 20px; border-radius: 2px; } .member-contain .find-contain .cont-box .cont .box .form-box .defult-btn { padding: 4px 10px; } /* 마이페이지 > 주문/배송조회 */ .cate-gnb-contain ul li a.active { font-weight: bold !important; } .my-containBox { font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; } .my-containBox p.txt { font-size: 13px; font-weight: bold; margin-bottom: 10px;} .my-containBox .miniPoket { border: 2px solid #bababa;background :#d7d7d7; } .my-containBox .miniPoket dl { overflow: hidden; display: table; width: 100%; } .my-containBox .miniPoket dl dt { display: table-cell; font-size: 18px; font-weight: bold; width: 20%; vertical-align: middle; border-right: 1px solid #bababa; text-align: center; padding: 30px;} .my-containBox .miniPoket dl dt i { margin: -6px 0 0 0; } .my-containBox .miniPoket dl dd { display: table-cell; vertical-align: middle; width: 70%; border-left: 1px solid #ffffff; padding: 0 150px 0 50px;} .my-containBox .miniPoket dl dd ul li { font-size: 13px; color: #000000; } .my-containBox .miniPoket dl dd ul li span { color: #ff0000; font-weight: bold; margin-left: 5px; } .my-containBox .miniPoket dl dd ul li:nth-child(1) { float: left; } .my-containBox .miniPoket dl dd ul li:nth-child(2) { float:right; } .my-containBox h1 { font-size: 20px; margin-bottom: 10px; font-family: "Noto Sans Kr", UnDotum, sans-serif;} .my-containBox h1 span { color: #ec6806; } .my-containBox .tb-style-1 tr td { background: #ffffff; } .my-containBox .tb-style-1 tr td a.btn { border: 1px solid #bababa; margin: 2px 0; padding: 2px 5px; } .my-containBox .tb-style-1 tr td a.btn:hover { text-decoration: underline; } .my-containBox .tb-style-1 tr td span.b-ok { display: block; color: #ec6806; } .my-containBox .tb-style-1 tbody tr td:nth-child(1) { border-right: 1px solid #d8d8d8; } .my-containBox .tb-style-1 thead tr th:nth-child(1) { border-right: 1px solid #d8d8d8; } .my-containBox .gd-box .thimg { text-align: center; margin-right: 10px; } .my-containBox .gd-box .thimg img { border: 1px solid #e3e3e3; } .my-containBox .gd-box .view-big-btn { display: block; padding: 5px 0; border: 1px solid #e3e3e3; margin-top: 2px;} .my-containBox .gd-box .gd-info { padding: 10px 0 0 0; } .my-containBox .gd-box .gd-info .p-name a { font-size: 13px; } .my-containBox .gd-box .gd-info .p-name a:hover { text-decoration: underline; } .my-containBox .gd-box .gd-info .op-info { margin: 4px 0 8px 0; padding: 4px 0 0 5px; border-top: 1px dotted #e3e3e3; } .my-containBox .gd-box .gd-info .op-info li { font-size: 11px; color: #777777; margin-bottom: 2px;} .my-containBox .gd-box .gd-info .op-ch { padding: 2px 4px; font-size: 11px; margin-top: 8px;} /* 안내말 */ .alert-txt { margin: 15px 0; } .alert-txt ul li { font-family: dotum,sans-serif; line-height: 1.5; font-size: 11px; } .alert-txt ul li.bold { font-weight: bold; } /* 환불/입금내역 */ .my-containBox .hd { border-bottom: 2px solid #bababa; padding-bottom: 5px; } .my-containBox .hd h1 { margin-right: 15px; } .my-containBox .dotum-txt { display: inline-block; } .my-containBox h2.b-tit {margin-right: 15px; font-size: 16px; font-family: "Noto Sans Kr", UnDotum, sans-serif; font-weight: 500; } /* 회원정보 변경/탈퇴 */ .mem-edit dl dd { padding-left: 10px; } .mem-edit dl dd:nth-child(2) { margin: 5px 0 10px 0; } .mem-edit dl dd:nth-child(4) { margin: 5px 0 0 0; } .mem-edit .in-txt-s2 { padding-left: 5px; } .mem-edit .check label { margin-right: 10px; } .mem-edit .check input[type=radio] { margin-right: 5px; } .mem-edit p.txt-1 { margin-top: 5px; color: #999999; line-height: 1.4;} .mem-edit .in-txt-s2 { height: 25px; width: 200px; } .mem-edit .addr-1-txt { width: 100px; } .mem-edit .addr-2-txt { width: 45%; } .mem-edit .dan { margin-bottom: 10px; } .mem-edit p.txt-2 { margin-bottom: 5px;} .my-containBox .mem-btn { margin-top: 30px; } .my-containBox .mem-btn .btn { width: 80px; height: 30px; line-height: 27px; font-size: 13px; font-weight: bold;} /* 마이페이지 정보 */ .my-containBox em.line { color: #cccccc; } .my-containBox .order-info { overflow: hidden; border: 2px solid #bababa;} .my-containBox .order-info .icon-box { width: 900px; padding: 30px 20px; background :#ffffff; } .my-containBox .order-info .icon-box dl { display: inline-block; margin-left: 70px; position: relative; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 900; } .my-containBox .order-info .icon-box dl:first-child { margin-left: 50px; } .my-containBox .order-info .icon-box dl:before { content: '\f105'; position: absolute; right: -40px; top: 20px; font-size: 28px; color: #7e7e7e; } .my-containBox .order-info .icon-box dl:last-child:before{ display: none; } .my-containBox .order-info .icon-box dl dt { font-size: 20px; font-weight: bold; margin-bottom: 10px;} .my-containBox .order-info .icon-box dl dd { font-weight: bold; font-size: 28px; color :#ff0000; padding-left: 10px; } .my-containBox .order-info .icon-box dl dd i { color: #3d3d3d; margin-left: 15px; } .my-containBox .order-info .txt-box { width: 124px; padding: 20px 10px; } .my-containBox .order-info .txt-box ul li { margin-bottom: 20px; text-align: center; font-size: 13px; } .my-containBox .order-info .txt-box ul li:last-child { margin-bottom: 0; } .my-containBox .order-info .txt-box ul li span { font-weight: bold; } /* 고객센터 여기부터 붙여넣기 */ .cus-info { float: left; margin: 15px 0 0 15px; } .cus-info i { font-size: 1.4em; margin: -8px 0 0 0; } .cus-box { font-family: '맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif; overflow: hidden; } .cus-box .faq-serach { margin-top: 10px; border: 1px solid #ec6806; background :#ffffff; padding: 20px 40px; } .cus-box .faq-serach .tit { margin-top: 5px; } .cus-box .faq-serach .tit p { font-weight: bold; font-size: 20px; letter-spacing: -1px; } .cus-box .faq-serach .tit p span { color: #ec6806; } .cus-box .faq-serach .input-srh { margin-left: 20px; } .cus-box .faq-serach .input-srh .input-serach { border: 1px solid #ec6806; width: 400px; height: 25px; padding-left: 10px; } .cus-box .faq-serach .input-srh .btn-serach { width: 80px; height: 25px; margin-top: -1px; line-height: 23px; color: #ffffff; background: #ec6806; border: 1px solid #d35a00; } .cus-box .faq-serach .input-srh .top-5 { margin-top: 5px; } .cus-box .faq-serach .input-srh .top-5 a:hover { text-decoration: underline; } .cus-box .faq-serach .input-srh .top-5 .label { font-size: 11px; font-weight: bold; background: #ec6806; color: #ffffff; display: inline-block; padding: 3px 5px; margin-right: 5px; } .cus-box h1.tit { color: #000000; letter-spacing: -1px; font-size: 20px;} .cus-box h1.tit .clr { color: #ec6806; } .cus-box h1.tit + span { margin: 8px 0 0 10px; display: inline-block; font-weight: bold; } .cus-box .keyword-contain { overflow: hidden; margin-top: 20px; border-top: 2px solid #e76200; border-bottom: 1px solid #aeaeae; display: table; width: 100%; } .cus-box .keyword-contain .keydan { display: table-cell; width: 171px; border-right: 1px dotted #cccccc; background :#ffffff; } .cus-box .keyword-contain .keydan:last-child { border-right: none; } .cus-box .keyword-contain .keydan:first-child { width: 173px; } .cus-box .keyword-contain .keydan p { padding: 10px 0; background: #efefef; font-size: 14px; font-weight: bold; text-align: center; border-bottom: 1px dotted #aeaeae;} .cus-box .keyword-contain .keydan ul { padding: 15px 0 15px 10px; } .cus-box .keyword-contain .keydan ul li { line-height: 20px; } .cus-box .keyword-contain .keydan ul li a:hover { text-decoration: underline; font-weight: bold; } .cus-box .bbs-box { width: 514px; border: 1px solid #aeaeae; background: #ffffff; } .cus-box .bbs-box:first-child { border-right: none; } .cus-box .bbs-box .hd { height: 30px; line-height: 30px; border-bottom: 1px solid#aeaeae; padding: 0 0 0 15px; background: #f3f3f3; position: relative; } .cus-box .bbs-box .hd .tit { font-size: 16px; font-weight: bold; } .cus-box .bbs-box .hd a.more { position: absolute; right: 10px; top: 5px; display: inline-block; background :#ffffff; border: 1px solid #ebebeb; font-size: 11px; line-height: 1.2; padding: 2px 4px;} .cus-box .bbs-box .cont { padding: 20px 0 10px 15px; height: 340px; } .cus-box .bbs-box .cont .label { display: inline-block; width: 15px; padding: 2px 0; margin-right:10px; background: #e76200; color: #ffffff; text-align: center; border: 1px solid #d35a00;} .cus-box .bbs-box .cont ul li { margin-bottom: 10px; } .cus-box .bbs-box .cont ul li a:hover { color: #e76200; } .cus-box .bbs-box .cont.notice ul li { margin-bottom: 15px; padding-left: 15px; position: relative; } .cus-box .bbs-box .cont.notice ul li:before { content: ''; width: 3px; height: 3px; background: #e76200; position: absolute; left: 0; top: 6px;} /* 글 리스트 */ .cus-box h1.tit + span.location { font-weight: normal; font-family: '돋움',dotum,sans-serif; } .cus-box h1.tit + span.location .hit { color: #e76200; font-weight: bold; } .cus-box .keyword-contain .faq-cate { background: #ffffff; padding: 20px 30px; overflow: hidden;} .cus-box .keyword-contain .faq-cate li { float: left; margin-right: 50px; position: relative; padding-left: 8px; } .cus-box .keyword-contain .faq-cate li a.active { font-weight: bold; } .cus-box .keyword-contain .faq-cate li a:hover { text-decoration: underline; color: #e76200; } .cus-box .keyword-contain .faq-cate li:before { content: ''; width: 2px; height: 2px; background: #000000; position: absolute; left: 0; top: 8px;} .faq-list { width: 100%; background: #ffffff; margin-top: 20px; } .faq-list thead th { border-top: 1px solid #d4d4d4; padding: 10px 0; background :#fbfbfb; font-size: 14px; font-weight: bold; color: #000000; }/* border-bottom: 1px solid #d4d4d4;*/ .faq-list thead th:nth-child(1) { width: 15%; } .faq-list thead th:nth-child(2) { width: 85%; } .faq-list tbody tr td { padding: 10px 0; border-top: 1px solid #d4d4d4; }/* border-bottom: 1px solid #d4d4d4; */ .faq-list tbody tr.title td:nth-child(1) { text-align: center; } .faq-list tbody tr.title td a:hover { color: #e76200; } .faq-list tbody tr.answer td { padding: 10px 0 10px 10px; } .faq-list tbody tr td.hdd { padding:0px ; border-bottom:none;border-top:none;} .qna-list { width: 100%; background: #ffffff; margin-top: 20px; } .qna-list thead th { border-top: 1px solid #d4d4d4; padding: 10px 0; background :#fbfbfb; font-size: 14px; font-weight: bold; color: #000000; }/* border-bottom: 1px solid #d4d4d4;*/ .qna-list thead th:nth-child(1) { width: 10%; } .qna-list thead th:nth-child(2) { width: 10%; } .qna-list thead th:nth-child(3) { width: 70%; } .qna-list thead th:nth-child(4) { width: 10%; } .qna-list tbody tr td { padding: 10px 0; border-top: 1px solid #d4d4d4; }/* border-bottom: 1px solid #d4d4d4; */ .qna-list tbody tr.title td:nth-child(1) { text-align: center; } .qna-list tbody tr.title td:nth-child(2) { text-align: center; } .qna-list tbody tr.title td:nth-child(4) { text-align: center; } .qna-list tbody tr.title td a:hover { color: #e76200; } .qna-list tbody tr.answer td { padding: 10px 0 10px 10px; } .req-list { width: 100%; background: #ffffff; margin-top: 20px; } .req-list thead th { border-top: 1px solid #d4d4d4; padding: 10px 0; background :#fbfbfb; font-size: 14px; font-weight: bold; color: #000000; }/* border-bottom: 1px solid #d4d4d4;*/ .req-list thead th:nth-child(1) { width: 10%; } .req-list thead th:nth-child(2) { width: 10%; } .req-list thead th:nth-child(3) { width: 80%; } .req-list tbody tr td { padding: 10px 0; border-top: 1px solid #d4d4d4; }/* border-bottom: 1px solid #d4d4d4; */ .req-list tbody tr.title td:nth-child(1) { text-align: center; } .req-list tbody tr.title td:nth-child(2) { text-align: center; } .req-list tbody tr.title td a:hover { color: #e76200; } .req-list tbody tr.answer td { padding: 10px 0 10px 10px; } .nanum-list { width: 100%; background: #ffffff; margin-top: 20px; } .nanum-list thead th { border-top: 1px solid #d4d4d4; padding: 10px 0; background :#fbfbfb; font-size: 14px; font-weight: bold; color: #000000; }/* border-bottom: 1px solid #d4d4d4;*/ .nanum-list thead th:nth-child(1) { width: 10%; } .nanum-list thead th:nth-child(2) { width: 70%; } .nanum-list thead th:nth-child(3) { width: 10%; } .nanum-list thead th:nth-child(4) { width: 10%; } .nanum-list tbody tr td { padding: 10px 0; border-top: 1px solid #d4d4d4; }/* border-bottom: 1px solid #d4d4d4; */ .nanum-list tbody tr.title td:nth-child(1) { text-align: center; } .nanum-list tbody tr.title td:nth-child(3) { text-align: center; } .nanum-list tbody tr.title td:nth-child(4) { text-align: center; } .nanum-list tbody tr.title td a:hover { color: #e76200; } .nanum-list tbody tr.answer td { padding: 10px 0 10px 10px; } /*댓글*/ #formComment .CommentList{ width: 100%;border:1px solid #dedede;} #formComment .CommentList ul{padding:5px; border-bottom:1px solid #dedede;} #formComment .CommentList ul:last-child{border-bottom:0;} #formComment .CommentList ul li.wri{font-size:12px;} #formComment .CommentList ul li.wri span{font-size:12px; font-weight:bold;} #formComment .CommentList ul li.txt{font-size:12px;} #formComment .btn-default{padding:19px 10px;} #formComment .comment_btn { padding: 18px 15px; border-radius: 2px; border: 1px solid #999999; background: #ffffff; cursor:pointer;} /* 공지사항 */ .cus-box .notice-contain { overflow: hidden;} /* 검색결과 */ .cus-box .faq-result-txt { margin: 10px 0; font-size: 14px; } .cus-box .faq-result-txt .clr-bold { color:#dc2843; font-weight: bold; } .cus-box .faq-list .no-result { text-align: center; } .cus-box .faq-list .no-result i { font-size: 2em; } /* 게시판 카테고리 선택 */ .bbs-category { width: 100%; position: relative; } .bbs-category:before { content: ''; width: 100%; height: 1px; background :#dddddd; position: absolute; bottom: 0;} .bbs-category li { float: left; } .bbs-category li a {font-family: "Noto Sans Kr", UnDotum, sans-serif; border-right: 0; border: 1px solid #dddddd; border-right: none; position: relative; z-index: 1; width: 150px; height: 28px; display: block; line-height: 26px; background: #eeeeee;padding-left: 10px; } .bbs-category li:last-child a { border-right: 1px solid #dddddd; } .bbs-category li.active a { background :#ffffff; border-bottom: none; } .bbs-category li.active a { color: #000000; font-weight: bold; } .bbs-category li a:hover { background :#ffffff; color: #000000; } /* 고객센터 - 공지사항 */ .cus-notice { width: 100%; background: #ffffff; margin-top: 10px;} .cus-notice thead th { color: #616161; height: 40px; border: 1px solid rgba(255,209,175,1); border-left: none; border-right: none; background :rgba(255,209,175,0.2); font-family: "Noto Sans Kr", UnDotum, sans-serif;} .cus-notice tbody td { text-align: center; height: 30px; border-bottom: 1px solid #dddddd; } .cus-notice tbody td .label { display: inline-block; padding: 4px 0; width: 40px; background: #fafafa; border: 1px solid #dddddd; font-size: 11px; border-radius: 2px; } .cus-notice tbody td.txt-left { padding-left: 15px; } .cus-notice tbody td a:hover { text-decoration: underline; } /* 검색 */ .bbs-serach-contain { background: #ffffff; border: 1px solid #dddddd; padding: 20px 20px 20px 20px; overflow: hidden; } .bbs-serach-contain label { display: inline-block; margin-right: 10px; font-size: 13px; font-weight: bold; vertical-align: middle;} .bbs-serach-contain .cont { display: inline-block; vertical-align: middle; } .bbs-serach-contain .cont select { height: 25px; width: 100px; } .bbs-serach-contain .cont .in-txt-s2 { height: 25px; width: 280px; padding-left: 15px; } .bbs-serach-contain .cont .btn-bbs-srh { height: 25px; padding: 0 15px;} /* 이용안내 2018-08-09 */ .sub-content-wf .hd { border-bottom: 1px solid #dddddd; padding-bottom: 5px; margin-bottom: 15px; } .sub-content-wf .hd .tit { font-size: 18px; } .sub-content-wf .hd .tit i { margin: -4px 0 0 0; } .sub-content-wf .use-info-box { font-family: '돋움',dotum,sans-serif; } .sub-content-wf .use-info-box h1.cont-tit { font-family: "Noto Sans Kr", UnDotum, sans-serif; } .sub-content-wf .use-info-box .contain { margin-top: 15px; } .sub-content-wf .use-info-box .contain ul { overflow: hidden; border-bottom: 1px solid #664127; } .sub-content-wf .use-info-box .contain ul li { float: left; width: 180px; text-align: center; height: 40px; line-height: 38px; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; } .sub-content-wf .use-info-box .contain ul li:first-child { border-left: 1px solid #dddddd; } .sub-content-wf .use-info-box .contain ul li a { display: block; } .sub-content-wf .use-info-box .contain ul li.active:first-child { border-left: none !important;} .sub-content-wf .use-info-box .contain ul li.active { background: #664127; border-top-color: #664127; border-right-color: #664127;} .sub-content-wf .use-info-box .contain ul li.active a { color: #ffffff; font-weight: bold; } .sub-content-wf .use-info-box .contain .txt-box { padding: 15px 20px; } .sub-content-wf .use-info-box .contain .txt-box .cont-tit { font-size: 15px; font-weight: 500; margin-bottom: 15px; } /* 상품검색 왼쪽 검색조건 */ .result-txt { font-size: 16px; font-family: '돋움',dotum,sans-serif; } .result-txt i { font-size: 22px; } .filter-contain { width: 210px; position: relative; border: 1px solid #dddddd; font-family: '돋움',dotum,sans-serif; padding: 20px 0;} .filter-contain h1 { font-size: 16px; margin-bottom: 10px; } .filter-contain h2 { font-size: 13px; margin-bottom: 10px; } .filter-contain .search-filter-box { padding: 0 10px; } .filter-contain .filter-box { padding: 0 0 10px 0; border-bottom: 1px solid #dddddd; margin-bottom: 15px; } .filter-contain .filter-box ul { padding: 0 0 0 5px; } .filter-contain .filter-box ul li { margin-bottom: 10px; } .filter-contain .filter-box ul li:hover { color: #664127; } .filter-contain .filter-box .link-box-filter li a:hover { color: #664127; font-weight: bold; } .filter-contain .filter-box .more { padding-left: 5px; color: #ec6806; } .filter-contain .filter-box .link-box-filter .active { color: #ec6806; font-weight: bold; } .filter-contain .filter-box .price-search .in-txt { border: 1px solid #dddddd; width: 50px; height: 25px; padding: 0 5px; } .filter-contain .filter-box .price-search input.in-txt[name=keyword] { width: 100%; } .filter-contain .filter-box .price-search .btn-submit { width: 40px; height: 25px; line-height: 23px; background: #ec6806; border-radius: 2px; color: #ffffff; margin: -1px 0 0 0; } /* 브랜드 */ .price-search .in-txt.w-full { width: 70% !important; } .brand-contain .filter { overflow: hidden; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 15px 0; margin-bottom: 25px; } .brand-contain .filter ul { display: table; margin: 0 auto; } .brand-contain .filter ul li { float: left; margin: 0 15px; } .brand-contain .filter ul li a { font-size: 15px; } .brand-contain .brand-box { padding: 10px 0; border-bottom: 1px solid #dddddd; } .brand-contain .brand-box p.tit { font-size: 32px; margin-bottom: 15px;} .brand-contain .brand-box ul li { float: left; text-align: center; margin: 0 0 15px 36px; } .brand-contain .brand-box ul li:nth-child(6n+1) { margin-left: 0; } .brand-contain .brand-box ul li p { font-size: 14px; margin-top: 5px; } /* 브랜드 두번째 */ .brand-box-b p.tit { font-size: 32px; margin-bottom: 15px;} .brand-box-b ul li { float: left; text-align: center; margin: 0 0 15px 32px; } .brand-box-b ul li:nth-child(5n+1) { margin-left: 0; } .brand-box-b ul li p { font-size: 14px; margin-top: 5px; } /* 상세페이지 장바구니 */ .view-modal { position: absolute; left: 200px; bottom: 55px; z-index: 100; width: 400px; border: 1px solid #666666; background :#ffffff; } .view-modal .hd { height: 40px; padding: 0 15px; position: relative; border-bottom: 1px solid #dddddd; line-height: 38px; } .view-modal .hd a.close-btn { position: absolute; right: 10px; top: -2px;} .view-modal .hd a.close-btn i { font-size: 1.5em; } .view-modal .cont-box { padding: 15px 15px 20px 15px; } .view-modal .cont-box p { text-align: center; } .view-modal .cont-box .b-txt { font-size: 18px; color: #333333; margin-bottom: 5px; } .view-modal .cont-box .s-txt { font-size: 14px; } .view-modal .cont-box .btn-box { text-align: center; margin-top: 10px; } .view-modal .cont-box .btn-box input[type=button] { height: 35px; width: 100px; font-size: 14px; } .view-modal .cont-box .btn-box .btn-modal-sumit { background: #555555; color :#ffffff; } .view-modal .cont-box .btn-box .btn-modal-cansel { background: #ffffff; border: 1px solid #555555;} /* 비회원 구매 안내 */ .be-mem-contain { background: #fafafa; padding: 16px 0; margin-bottom: 40px; } .be-mem-contain .txt-cont { width: 790px; border-right: 1px solid #eeeeee; } .be-mem-contain .txt-cont h1 { text-align: center; position: relative; margin: 15px 0 30px 0; padding-top: 70px; } .be-mem-contain .txt-cont h1:before { content: ''; width: 48px; height: 54px; background: url("../img/common/be_mem_img.png") no-repeat center; position: absolute; left: 47%; top: 0;} .be-mem-contain .txt-cont p { text-align: center; } .be-mem-contain .txt-cont p.txt { font-size: 21px; color: #4c4c4c; line-height: 1.2; font-weight: 300; } .be-mem-contain .txt-cont .clr-txt { margin-top: 60px; font-size: 17px; color :#8f0000; } .be-mem-contain .link-btn { padding: 65px 0 0 108px; } .be-mem-contain .link-btn a { display: block; width: 243px; height: 48px; line-height: 46px; margin: 0 auto; text-align: center; font-size: 19px; font-weight: 300; letter-spacing: -1px; color: #ffffff; } .be-mem-contain .link-btn .clr-btn1 { margin-bottom: 40px; background :#ef5a00; } .be-mem-contain .link-btn .clr-btn2 {background :#47362c; } .agree-contain { margin-bottom: 25px; } .agree-contain .txt-cont { border-bottom: 1px solid #eeeeee; padding-bottom: 5px; } .agree-contain .txt-cont span { margin-right: 20px; font-weight: bold; font-size: 15px; } .agree-contain .txt-cont label{ margin-right: 15px; } .agree-contain .txt { margin-top: 15px; height: 150px; overflow-y: scroll; border: 1px solid #eeeeee; padding: 15px;} /* 주문상세 */ .order-view tr td:nth-child(2) { text-align: right; padding-right: 15px; } .order-view tr td .clr-r { color: #ff0000; font-weight: bold; } .order-view table { background: #ffffff; } .order-view table tr th:nth-child(1), .order-view table tr td:nth-child(1) { border-right: 1px solid #d8d8d8; } .order-view .tb-style-1 tr td span.b-ok { display: block; color: #ec6806; } .order-view .tb-style-1 tr td ul li { color: #69b6fc; } .order-view .tb-style-1 tr td a.btn { border:1px solid #bababa; margin: 4px 0; padding: 2px 5px; } .mem-edit .addr { line-height: 1.4; margin-bottom: 20px; } .mem-edit .gd-info p.in-box { border: 1px solid #d8d8d8; width: 70%; margin-top: 3px; padding: 5px; } /* View QnA Style */ .hideLayout{display:none;} #ViewqnAList {line-height:22px;} dl.qnA_Q{background-color:#F3F3F3; overflow:hidden; clear:both; width:980px; padding-top:20px;} dl.qnA_Q dt{float:left; } dl.qnA_Q dd{width:980px; color:#666; float:left;font:11px Dotum;line-height:18px; padding-left:30px;} dl.qnA_A{border-bottom:1px solid #e5e5e5; overflow:hidden; clear:both;} dl.qnA_A dd{width:900px; float:left;font:11px Dotum;color:#666; line-height:18px;background-color:#fff;margin:20px;padding:20px;} dl.qnA_Q2{background-color:#F3F3F3; overflow:hidden; clear:both; width:760px; padding-top:20px;text-align:left;} dl.qnA_Q2 dt{float:left; } dl.qnA_Q2 dd{width:720px; color:#666; float:left;font:11px Dotum;line-height:18px; padding-left:30px;} dl.qnA_A2 {border-bottom:1px solid #e5e5e5; overflow:hidden; clear:both;text-align:left;} dl.qnA_A2 dd{width:680px; float:left;font:11px Dotum;color:#666; line-height:18px;background-color:#fff;margin:20px;padding:20px;} /* 브랜드 */ /*.chek-search { text-align: right; margin: 5px 0; }*/ .chek-search .btn-submit {margin-top: -3px ; padding: 2px 6px; font-size: 11px; background :#424242; color: #ffffff; border-radius: 2px; } .select-op { padding: 10px; } .select-op .box select { width: 100%; height: 35px; }