/* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} .hd_pops img {max-width:100%} .hd_pops_con {} .hd_pops_footer { position:relative; padding:0px;background:#000;color:#fff;text-align:left;position:relative} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button {padding:10px;border:0;color:#fff} .hd_pops_footer .hd_pops_reject {background:#000;text-align:left; cursor:pointer;} .hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0; cursor:pointer; } /* 레이아웃 */ #hd { position:relative; } #hd .tnb { background:#eee; } #hd .tnb:after {display:block;visibility:hidden;clear:both;content:""} #hd .tnd_favorite { float:left; } #hd .tnd_favorite a { display:inline-block; line-height:39px; font-weight:bold; color:#333; } #hd .tnd_favorite i.icon_favorite { position:relative; top:3px; margin-right:5px; display:inline-block; width:15px; height:14px; background:url('../img/user/202007/icon_favorite.png') center center no-repeat; } #hd .tnb_mn { float:right; } #hd .tnb_mn ul:after {display:block;visibility:hidden;clear:both;content:""} #hd .tnb_mn li { float:left; padding:12px 0 0; } #hd .tnb_mn li a { display:inline-block; padding:0 3px; } #hd .tnb_mn li:before { content:"|"; padding:0 3px; color:#c5c5c5; } #hd .tnb_mn li.first:before { content:""; padding:0; } #hd .tnb_userinfo { margin-right:10px; } #hd .tnb_userinfo strong { color:#b43721; } #hd_wrapper { position:relative; width:1050px; margin:0 auto; height:89px; overflow:hidden; } #hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #logo { float:left; } #hd_wrapper .hd_banner { float:right; margin-top:15px; } #hd_wrapper .hd_banner ul:after {display:block;visibility:hidden;clear:both;content:""} #hd_wrapper .hd_banner li { float:left; margin-right:5px; } #hd_wrapper li.hd_naver_talk { } #hd_wrapper .hd_seach { position:absolute; top:-23px; left:280px; } #hd_wrapper .hd_seach_info { display:inline-block; margin-top:5px; font-size:13px; } #hd_wrapper .hd_seach_info strong { display:inline-block;font-weight:bold; margin-right:5px; } #top_gnb_wrapper { position:relative; background:#343642; } #top_gnb_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #top_gnb_wrapper ul:after {display:block;visibility:hidden;clear:both;content:""} #top_gnb_wrapper li { float:left; width:20%; } #top_gnb_wrapper li a { display:block; height:40px; line-height:40px; color:#fff; font-size:15px; font-weight:bold; text-align:center; } #top_gnb_wrapper li a:hover { color:#b43721; } #gnb_wrapper { position:relative; background:#fff; border-bottom:1px solid #bab9b9; } #hd_info { position:relative; padding:18px; 0; } /* 상단 시안진행상황 */ #hd_info .order-process {float:left;width:375px;height:100%;box-sizing:border-box; margin-right:35px; } #hd_info .order-process .cs-title {display:inline-block;float:left;color:#333333;font-weight:bold;font-size:15px;} #hd_info .order-process .order-read-more {display:inline-block;float:right;} #hd_info .order-process .order-read-more a {color:#333333;} #hd_info .order-process span {display:block;height:35px;} #hd_info .order-process ul {border-top:2px solid #5D5352;margin:30px 0 0 0;padding:0;} #hd_info .order-process ul li {float:left;list-style:none;height:38px;border-bottom:1px solid #EFEFEF;box-sizing:border-box;overflow:hidden;} #hd_info .order-process ul li a.see-draft {background:#b98d6b;color:#ffffff;box-sizing:border-box;vertical-align:middle;padding:5px 10px;} #hd_info .order-process .ordlist1 { width:88px;line-height:38px;text-align:left;} #hd_info .order-process .ordlist2 { width:98px;line-height:38px;text-align:center;} #hd_info .order-process .ordlist3 { width:98px;line-height:38px;text-align:center;} #hd_info .order-process .ordlist4 { width:88px;line-height:180%;text-align:right;padding:5px 0;} #hd_info .order-process .ordlist3 span {width:80px;height:25px;line-height:24px;margin:5px auto 0 auto;font-weight:bold;} #hd_info .order-process .ordlist3 .process1 { box-sizing:border-box;border:1px solid #574846;} /* 주문접수 */ #hd_info .order-process .ordlist3 .process2 { background:#96806F; color:#ffffff;} /* 시안제작중 */ #hd_info .order-process .ordlist3 .process3 { background:#F1DCCB; } /* 시안확인요 */ #hd_info .order-process .ordlist3 .process4 { background:#96806F; color:#ffffff; } /* 상품제작중 */ #hd_info .order-process .ordlist3 .process5 { background:#6E5D5B; color:#ffffff; } /* 발송완료 */ #hd_info .order-process .ordlist3 .process6 { background:#cab29f; } /* 보류 */ #hd_info .order-process .ordlist3 .process7 { background:#F1DCCB; } /* 수정요청 */ #hd_info .hd_fast_btn { float:left; } #hd_info .hd_fast_btn ul { margin-bottom:8px; } #hd_info .hd_fast_btn ul:after {display:block;visibility:hidden;clear:both;content:""} #hd_info .hd_fast_btn li { float:left; border-left:1px solid #f2f2f2; } #hd_info .hd_fast_btn li:first-child { border-left:0; } #hd_info .hd_account { background:url('../img/user/202007/kb_bank_icon2.jpg') left center no-repeat #f7f7f7; padding-left:93px; padding-right:15px; margin-left:5px; font-size:15px; line-height:45px; } #hd_info .hd_account strong { display:inline-block; font-weight:bold; margin-right:5px; } /* 우측 QUICK */ #r-scroll {position:fixed;width:92px;padding:0;height:100%;background:#716d6c;top:0px;right:0;z-index:99;} #r-scroll .r-scroll-mn {} #r-scroll .r-scroll-mn li { height:38px; line-height:38px; border-top:1px solid #8d8a89; border-bottom:1px solid #494949; text-align:center; overflow:hidden; } #r-scroll .r-scroll-mn li .r-logo { margin-top:3px; } #r-scroll .r-scroll-mn li:first-child { border-top:0; } #r-scroll .r-scroll-mn li a { display:block; color:#fff; } #r-scroll .r-title { height:38px; line-height:38px; border-top:1px solid #8d8a89; border-bottom:1px solid #494949; text-align:center; overflow:hidden; color:#fff;} #r-scroll .r-scroll-tab {width:82px;margin:0 auto;padding:0;box-sizing:border-box;border:1px solid #E2E2E2;border-top:0;background:#ffffff;} #r-scroll .r-scroll-tab .scroll-arrow-up { height:19px;border-bottom:1px solid #E2E2E2;text-align:center;} #r-scroll .r-scroll-tab .scroll-arrow-down {height:19px;border-top:1px solid #E2E2E2;text-align:center;} #r-scroll .r-scroll-tab .scroll-contents {text-align:center;padding:10px 0;} #r-scroll .r-qvtop { width:84px; margin:0 auto; } /* 공통 레이아웃 */ .container { position:relative; width:1050px; margin:0 auto; } .container:after {display:block;visibility:hidden;clear:both;content:""} /* 메인 */ #mainSlider { position:relative; height:433px; text-align:center; overflow:hidden; } #mainSlider li { width:100%; height:433px; } #mainSlider .bx-wrapper .bx-pager, #mainSlider .bx-wrapper .bx-controls-auto { z-index:999; bottom: 20px; } #mainSlider .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; width: 15px; height: 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #mainSlider .bx-wrapper .bx-pager.bx-default-pager a:hover, #mainSlider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #b43721; } #mainSlider .bx-wrapper .bx-prev, #mainSlider .bx-wrapper .bx-next { display:none; } .mainBest20Wrapper { width:100%; height:422px; background:url('../img/user/202007/main/main_best20_bg.jpg') center center no-repeat; } .mainBest20Wrapper h2 { margin:0; padding:0; } .mainBest20Wrapper ul:after {display:block;visibility:hidden;clear:both;content:""} .mainBest20Wrapper li { float:left; margin-left:20px; margin-bottom:20px; } .mainBest20Wrapper li:nth-child(2n-1) {clear:both; margin-left:0;} .mainBest20Wrapper li a:hover img { -moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; } /* 그룹별 리스트 내역 */ .tpl_grp_list01 { width:1050px; margin:0 auto; } .tpl_grp_list01 table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff; table-layout:fixed; } .tpl_grp_list01 td { border:1px solid #ccc; padding:28px; } .tpl_grp_list01 .thumb { width:295px; height:295px; overflow:hidden; } .tpl_grp_list01 .thumb img { width:100%; height:auto; } .tpl_grp_list01 .goodnm_ { font-size:14px; color:#333; font-weight:bold; margin-bottom:8px; } .tpl_grp_list01 .price_ { font-size:14px; color:#333; font-weight:normal; } .tpl_grp_list_big .thumb_big, .tpl_grp_list_big .thumb_sbig:nth-child(1) { border-bottom:0; } .tpl_grp_list_big .thumb_big { position:relative; width:525px; padding:356px 45px 28px 45px; vertical-align:top; } .tpl_grp_list_big .thumb_big .title { position:absolute; top:0; left:0; padding:0; } .tpl_grp_list_big .thumb_big .goodnm_ { font-size:18px; } .tpl_grp_list_big .thumb_big .price_ { font-size:18px; } .tpl_grp_list_big .thumb_big .thumb { width:525px; height:525px; } .tpl_grp_list_big .thumb_sbig .thumb { width:367px; height:367px; } /* 그룹별 리스트 내역 #2 */ .tpl_grp_list02 { width:1050px; margin:0 auto; background:#dad2cb; } .tpl_grp_list02 .tpl_grp_title { padding:0; margin:0; } .tpl_grp_list02 .tpl_grp_wrap { padding:35px 45px 22px !important; } .tpl_grp_list02 .tpl_grp_wrap ul { padding:0; margin:0; } .tpl_grp_list02 .tpl_grp_wrap ul:after {display:block;visibility:hidden;clear:both;content:""} .tpl_grp_list02 .tpl_grp_wrap li { position:relative; float:left; margin-left:30px; margin-bottom:30px; overflow:hidden; } .tpl_grp_list02 .tpl_grp_wrap li.clear { clear:both; margin-left:0; } .tpl_grp_list02 .tpl_grp_wrap .item_wrap { background:#fff; padding:7px; width:286px; } .tpl_grp_list02 .thumb { width:286px; height:286px; overflow:hidden; } .tpl_grp_list02 .info { text-align:center; padding:25px 0; } .tpl_grp_list02 .thumb img { width:100%; height:auto; } .tpl_grp_list02 .goodnm_ { font-size:18px; color:#333; font-weight:bold; margin-bottom:8px; } .tpl_grp_list02 .price_ { font-size:18px; color:#333; font-weight:normal; } .tpl_grp_list02 li.thumb_big .item_wrap { width:507px; } .tpl_grp_list02 li.thumb_big .thumb { width:507px; height:507px; } .tpl_grp_list02 li.thumb_sbig { float:right; } .tpl_grp_list02 li.thumb_sbig .item_wrap { width:381px; } .tpl_grp_list02 li.thumb_sbig .thumb { width:381px; height:381px; } .tpl_grp_list02 li.thumb_sbig .tpl_grp_stitle { margin-bottom:7px; } .tpl_grp_list02 li.thumb_big .info, .tpl_grp_list02 li.thumb_sbig .info { padding:40px 0; } /* 메인탭 상품 */ .mainTablProductList { position:relative; width:1050px; margin:20px auto 30px; } #main_tab_list { margin-bottom:25px; } #main_tab_list ul:after {display:block;visibility:hidden;clear:both;content:""} #main_tab_list li { float:left; width:25%; } #main_tab_list a { position:relative; display:block; background:#f3eddd; color:#343642; border:1px solid #d5d0bd; border-top:1px solid #343642; border-left:0; height:54px; line-height:54px; text-align:center; font-size:15px; font-weight:bold; } #main_tab_list li:first-child a { border-left:1px solid #d5d0bd; } #main_tab_list a:hover, #main_tab_list a.active { background:#343642; border:1px solid #343642; color:#fff; } #main_tab_list a.active i { position:absolute; bottom:-8px; left:50%; margin-left:-7px; width:14px; height:7px; background:url('../img/user/202007/main/main_tab_arrow.jpg') bottom center no-repeat; } .main_tab_product { display:none; } .main_tab_product.active { display:block; } .main_tab_more { margin-top:30px; } #main_tab_product3, #main_tab_product4 { margin-top:76px !important; } .tpl-item-tab-p {} .tpl-item-tab-p td {margin:0;padding:0;cursor:pointer;} .tpl-item-tab-p td.goods-item {position:relative;} .tpl-item-tab-p td.normal {width:100%;width:259px;height:259px;border:1px solid #9E9E9E;} .tpl-item-tab-p td.big {width:522px;height:522px;border:1px solid #9E9E9E;} .tpl-item-tab-p td.big .goods-img {width:522px;height:522px;margin:0;padding:0;} .tpl-item-tab-p td.normal .goods-img {width:259px;height:259px;margin:0;padding:0;} .tpl-item-tab-p .normal img {width:259px;} .tpl-item-tab-p .normal a img {width:259px;} .tpl-item-tab-p .big img {width:522px;} .tpl-item-tab-p .goods-show { display:none; position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:#ffffff;opacity:0.7;} .tpl-item-tab-p .goods-show-wrap { position:relative; top:50%; left:0; width:180px; margin:-30px auto 0; } .tpl-item-tab-p .goods-show-wrap:after {display:block;visibility:hidden;clear:both;content:""} .tpl-item-tab-p .goods-show .goods-show-desc1 {position:absolute;top:0;left:0;width:100%;height:40px;line-height:40px;border:2px solid #333333;font-size:14px;font-weight:bold;box-sizing:border-box;} .tpl-item-tab-p .goods-show .goods-show-desc2 {position:absolute;top:50px;left:0;width:100%;font-weight:bold;font-size:18px;line-height:30px;text-align:center;} .tpl-item-tab-p .goods-show .goods-show-desc3 {position:absolute;top:80px;left:0;width:100%;text-align:center;font-size:14px;line-height:18px;} /* 서브탭 */ .main_tab_sub_list { margin-bottom:15px; } .main_tab_sub_list ul:after {display:block;visibility:hidden;clear:both;content:""} .main_tab_sub_list li { float:left; margin-right:5px; } .main_tab_sub_list a { position:relative; display:block; background:#f3eddd; color:#343642; border-radius:10px; width:140px; height:35px; line-height:35px; text-align:center; font-size:15px; font-weight:bold; } .main_tab_sub_list a:hover, .main_tab_sub_list a.active { background:#be8c67; color:#fff; } .main_tab_product_sub { display:none; } .main_tab_product_sub.active { display:block; } .mainpd_example { position:relative; width:524px; height:259px !important; overflow:hidden; } .mainpd_example h2 { position:relative; background:#be8c67; color:#fff; font-size:14px; height:35px; line-height:35px; padding:0 20px; border-radius:5px;margin:0 0 10px; } .mainpd_example h2 a { position:absolute; right:20px; color:#fff; padding-top:1px; padding-right:25px; font-size:12px; background:url('../img/user/202007/main/btn_plus.jpg') right center no-repeat; } .mainpd_example li { position:relative; border-bottom:1px solid #a6a6a6; padding:5px 15px 5px 75px; height:25px; overflow:hidden; font-size:14px; line-height:25px; -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; } .mainpd_example li:before { position:absolute; top:7px; left:30px; content:"●"; color:#a6a6a6; } .mainpd_example li.active { height:130px; line-height:22px; overflow-y:auto; } .mainpd_example li.active:before { color:#ba8c6c; } .mainpd_example li.bg1 { background:#f4f4f4; } .mainpd_example li textarea { width:100%; height:130px; border:0; font-size:14px; line-height:25px; overflow-y:hidden; background:transparent; } .mainpd_example li.active textarea { line-height:22px; overflow-y:hidden; } .mainpd_example li h3 { display:none; position:relative; top:0; left:0; margin:4px 0 15px; padding:0; line-height:22px; color:#333; font-size:15px; z-index:5; } .mainpd_example li h3 button { position:absolute; right:0; top:0; border:0; padding:0; margin:0; height:24px; background:#fff; cursor:pointer; overflow:hidden;} .mainpd_example li.active h3 { display:block; } .mainpd_example_bg { position:absolute; width:100%; height:100%; z-index:2; }