/*--------------------기본레이아웃--------------------*/ #wrap {width:100%;} /*#header{width:100%;} */ #header{width:100%; height:100%; top:0px; left:0px; z-index:1000; text-align:center;} #contents {width:100%;} #botton_link {width:100%; } #footer {width:100%;border-top:2px solid #ddd} .default_w { width:1200px;min-height:300px; margin:0 auto; } .default_w2 { width:1200px;min-height:300px; margin:40px auto; } /*------이벤트 default 추가 (170626) -------*/ .default_e { width:100%;position:relative;} .default_e2 { width:1100px;margin:0 auto;position:relative;} /*------다국어 default 추가 (170711) -------*/ .default_lang { width:1200px;margin:0 auto;position:relative;} /*--------------------기본레이아웃--------------------*/ /*--------------------폰트기타 style--------------------*/ .font_11_s { font-size:11px; letter-spacing:-1px; font-family:tahoma,'돋움',Dotum,'굴림',Gulim,'맑은고딕',NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;} .font_number {font-family:tahoma,'굴림',Gulim,'돋움',Dotum,'맑은고딕',NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif} .font_14_g { font-size:14px; font-family:굴림;} .font_20_mark { font-family:tahoma,'맑은고딕',NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif; font-size:20px; } .font_mark { font-family:tahoma,'굴림'; letter-spacing:-1px; } .font_nanum { font-family:NanumGothic; } .letter_s { letter-spacing:-1px; } .font_50 { font-size:50px; letter-spacing:-1px; } .font_11_s_a { font-size:11px; letter-spacing:-1px; font-family:tahoma,'돋움',Dotum,'굴림',Gulim,'맑은고딕',NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;} .font_11_s_a a:link { font-size:11px; letter-spacing:-1px; color:#b0b3b6; font-family:tahoma,'돋움',Dotum,'굴림',Gulim,'맑은고딕',NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;} .font_11_s_a a:visited { font-size:11px; letter-spacing:-1px; color:#b0b3b6; font-family:tahoma,'돋움',Dotum,'굴림',Gulim,'맑은고딕',NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;} .font_11_s_a a:active { font-size:11px; letter-spacing:-1px; color:#b0b3b6; font-family:tahoma,'돋움',Dotum,'굴림',Gulim,'맑은고딕',NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;} .font_11_s_a a:hover { font-size:11px; letter-spacing:-1px; color:#b0b3b6; font-family:tahoma,'돋움',Dotum,'굴림',Gulim,'맑은고딕',NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;} .ellip_p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .sub_menu_color a { coglor:#b0aaaa; } /*--------------------폰트기타 style--------------------*/ /*--------------------input_style--------------------*/ .input_style_board input[type=text] { border:0px; background:#f3f3f3; padding-left:5px; height:33px; line-height:33px; margin:2px 0; } .input_style_board input[type=password] { border:0px; background:#f3f3f3; padding-left:5px; height:33px; line-height:33px; margin:2px 0; } .input_style_board input[type=file] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:30px; line-height:29px; margin:2px 0; } .input_style_board select { padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; } .input_style_board textarea { border:0px; background:#f3f3f3; padding:5px; height:200px; } .input_style_board input[type=checkbox] .input_style_board input[type=radio] { vertical-align:middle; margin:-2px 0 1px; cursor:pointer; } .input_style input[type=text] { border:0px; background:#f3f3f3; padding-left:5px; height:30px; line-height:27px; margin:2px 0; } .input_style input[type=password] { border:0px; background:#f3f3f3; padding-left:5px; height:30px; line-height:27px; margin:2px 0; } .input_style input[type=file] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:30px; line-height:29px; margin:2px 0; } .input_style select { padding:5px; border:0px; height:30px; line-height:24px;background:#f3f3f3; } .input_style textarea { border:1px solid #bdbdc0; background:#f3f3f3; padding:5px; height:200px; } .input_style input[type=checkbox] .input_style input[type=radio] { vertical-align:middle; margin:-2px 0 1px; cursor:pointer; } .input_style_rank select { padding:5px; border:1px solid #bdbdc0; font-size:11px; color:#ffffff; background:#9b9b9b; border:1px solid #7b7b7b; } .input_style_rank_list select { padding:5px; border:1px solid #bdbdc0; font-size:11px; color:#ffffff; background:#9b9b9b; border:1px solid #7b7b7b; width:180px; } .input_style_nomal select { padding:5px; border:1px solid #bdbdc0; border:1px solid #e3e3e5; border-bottom:1px solid #a4a4a4; height:250px; } .input_style_simply select { border:none; height:200px; color:#121212; border:1px dashed #dedede; padding:10px; } .input_style_down select { border:none; width:370px; color:#121212; border:1px dashed #dedede; padding:10px; } .input_style_add input[type=text] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0; width:250px;} .input_style_add input[type=password] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0; width:250px; } .input_style_add input[type=file] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:30px; line-height:29px; margin:2px 0; width:250px; } .input_style_add select { padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; width:250px; } .input_style_add textarea { border:1px solid #bdbdc0; background:#f3f3f3; padding:5px; height:200px; width:95%; } .input_style_add input[type=checkbox] .input_style_add input[type=radio] { vertical-align:middle; margin:-2px 0 1px; cursor:pointer; } .input_style_bonus select { padding:5px; border:1px solid #bdbdc0; height:30px; width:300px; line-height:24px; } /*--------------------input_style--------------------*/ .m_faq_img {display:none} /*--------------------이미지위 투명레이어--------------------*/ .alpha_layer1 { position:absolute; top:138px; z-index:0; left:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer2 { position:absolute; top:178px; z-index:0; left:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer3 { position:absolute; top:60px; z-index:0; right:0; background-color:#ff6c00; filter:alpha(opacity=70); -moz-opacity:0.8; opacity:0.8; } .alpha_layer4 { position:absolute; top:0; z-index:0; right:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer5 { position:absolute; top:0; z-index:0; right:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer6 { position:absolute; top:0; z-index:0; right:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer7 { position:absolute; top:0; z-index:0; right:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer8 { position:absolute; top:0; z-index:0; right:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer9 { position:absolute; top:0; z-index:0; right:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer10 { position:absolute; top:173px; z-index:0; right:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer11 { position:absolute; top:173px; z-index:0; right:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer12 { position:absolute; top:173px; z-index:0; right:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer13 { position:absolute; top:0; z-index:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer14 { position:absolute; top:123px; z-index:0; left:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } .alpha_layer15 { position:absolute; top:123px; z-index:0; left:0; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.7; opacity:0.7; } /*--------------------이미지위 투명레이어--------------------*/ /*-------------------- 상단 header css --------------------*/ .header_wrap .header_menu_t {position:relative; width:100%; } .header_menu_t { /*border-top:3px solid #333;*/ } .header_menu_t .h_menu_t {position:relative; width:1100px; margin:0 auto;} .header_wrap .header_menu_b {position:relative; width:100%;min-width:1100px; } .header_menu_b{ } .header_menu_b .h_menu_b {position:relative; width:1100px; margin:0 auto;} .tab-bg{ width:100%;height:130px;background:url(/img/main/bg-green-tea.jpg) no-repeat; } .fix-logo{ float:left;position:absolute;top:-20px;left:-580px;width:1100px;height:50px;display:none; } .color_line{ width:100%;height:2px;display:block;margin-top:15px;clear:both;margin:0 auto; } .color_line > .gray_line{ background:#8e8e8e;width:25%;float:left;height:2px; } .color_line > .black_line{ background:#444;width:50%;float:left;height:2px; } .color_line > .pink_line{ background:#e93b82;width:25%;float:left;height:2px; } #header .gnb{position:relative;top:auto;left:auto;width:100%;min-width:1100px;height:45px;overflow:hidden;} #header .gnb > div{position:relative;max-width:1100px;height:45px;margin:0 auto;} #header .gnb > div > ul{display:inline-block;zoom:1;*display:inline;} #header .gnb > div > ul > li{position:relative;float:left;} #header .gnb > div > ul > li > a{display:inline-block;zoom:1;*display:inline;padding:0 24px;height:50px;line-height:50px;font-size:13px;letter-spacing:1px;overflow:hidden} #header .gnb > div > ul > li > a > span{display:block;margin:0 auto} #header .gnb > div > ul > li > a > span.kor{font-weight:bold;text-align: center;font-size:13px;color:#e93b82;border-bottom:3px solid #e93b82;box-sizing:border-box;font-weight:bold;} #header .gnb > div > ul > li > a > span.fw{text-align: center;} #header .gnb > div > ul > li > a > span.eng{font-weight:400;color:#444;text-align: center;font-size:13px;} #header .gnb > div > ul > li > div{position:absolute;left:0;top:62px;padding-left:24px;text-align:left;line-height:24px;color:#fff;} #header .gnb > div > ul > li > div p{padding-top:15px;padding-bottom:5px;} #header .gnb > div > ul > li > div a{font-size:13px;color:#fff;opacity:0.5;} #header .gnb > div > ul > li > div a:hover{opacity:1;} #header .gnb > div > ul > li.actived > a{ } #header .gnb > div > ul > li.actived > a > span.eng{ } #header .gnb > div > ul > li:hover > a > span.eng{margin-top:-50px;} #header .gnb_wrap .menu01{ width:121px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_about02.jpg); } #header .gnb_wrap .menu01-on{ width:121px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_about02_over.jpg); } #header .gnb_wrap .menu01:hover{ width:121px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_about02_over.jpg); } #header .gnb_wrap .menu02{ width:110px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_product02_03.jpg); } #header .gnb_wrap .menu02-on{ width:110px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_product02_over_03.jpg); } #header .gnb_wrap .menu02:hover{ width:110px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_product02_over_03.jpg); } #header .gnb_wrap .menu03{ width:86px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_gallery02.jpg); } #header .gnb_wrap .menu03-on{ width:86px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_gallery02_over.jpg); } #header .gnb_wrap .menu03:hover{ width:86px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_gallery02_over.jpg); } #header .gnb_wrap .menu04{ width:100px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_review02.jpg); } #header .gnb_wrap .menu04-on{ width:100px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_review02_over.jpg); } #header .gnb_wrap .menu04:hover{ width:100px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_review02_over.jpg); } #header .gnb_wrap .menu05{ width:128px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_event02.jpg); } #header .gnb_wrap .menu05-on{ width:128px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_event02_over.jpg); } #header .gnb_wrap .menu05:hover{ width:128px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_event02_over.jpg); } #header .gnb_wrap .menu06{ width:116px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_column02.jpg); } #header .gnb_wrap .menu06-on{ width:116px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_column02_over.jpg); } #header .gnb_wrap .menu06:hover{ width:116px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_column02_over.jpg); } #header .gnb_wrap .menu07{ width:131px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_tip.jpg); } #header .gnb_wrap .menu07:hover{ width:131px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_tip_over.jpg); } #header .gnb_wrap .menu08{ width:85px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_event_02.jpg); } #header .gnb_wrap .menu08-on{ width:85px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_event_over_02.jpg); } #header .gnb_wrap .menu08:hover{ width:85px;height:45px;background:url(http://webimg.calobye.com/img/main/menu_event_over_02.jpg); } #header .scroll_logo{position:absolute;top:-62px;left:0;width:110px;height:60px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;opacity:0;} #header .scroll_logo a{display:block;position:absolute;top:50%;left:0;text-align:center;margin-top:-15px;width:100%} #header .scroll_logo img{width:70px} #header .h_notice{position:absolute;left:0;top:10px;height:17px;overflow:hidden;letter-spacing:-0.5px;color:#444; } #header .h_notice .h_slider{padding-left:16px;} #header .h_notice li{text-align:left;line-height:16px;} #header .h_notice .next{position:absolute;left:0;top:0;} #header .h_notice .next img{vertical-align:middle} #header .bookmark{ float:left;background:#444;color:#fff;position:absolute;padding:10px;border-radius:2px; } #header .h_banner{ position:absolute; } #header .global_menu{position:absolute;top:10px;right:0;} #header .global_menu > li{position:relative;float:left;padding:0 10px;height:52px;/*background:url(/img/common/global_line.gif) left top no-repeat*/} #header .global_menu > li:first-child{background:none;} #header .global_menu > li.last{padding-right:0} #header .global_menu > li > a{display:block;font-size:12px;line-height:12px;} #header .global_menu > li > a img{vertical-align: middle;margin-top: -1px;} #header .global_menu > li.top_my{padding:0 15px} #header .global_menu > li.top_cs{padding:0 15px} #header .global_menu .user_name{color:#c1894c} /*#header .global_menu .topCart{height:12px;display:block;float:right;padding:2px 5px;margin-top:-2px;margin-left:5px;font-size:12px;font-weight:400;color:#fff;background:#555;border-radius:8px;}*/ /* #header .global_menu .topCart{display:block;width:35px;height:29px;padding-top:9px;margin-top:8px;line-height:19px;font-size:12px;font-weight:400;color:#fff;background:url(/img/common/cart.png) left top no-repeat} */ /* #header .global_menu .topCart em {position:absolute; top:3px; right:5px; font-size:12px; font-weight:normal; }*/ #header .global_menu .select_list{position:absolute;top:52px;left:0;width:100%;text-align:left;border:1px solid #d9d9d9;display:none} #header .global_menu .select_list li{border-top:1px solid #d9d9d9;background:#fff;padding:0 14px} #header .global_menu .select_list li:first-child{border-top:none} #header .global_menu .select_list a{line-height:38px;} #header .global_menu .select_list a:hover{color:#333} #header .gnb.fix .fix_cart{display:block} /* ----- gnb 상단 로그인 바 ----- */ .top-bar-wrap{ width:100%;height:30px;background:#fff;position:relative; } .top-bar{ width:1100px;height:30px;margin:0 auto; } .top-bar .top-bar-left{ float:left; } .top-bar li{ float:right;right:0;line-height:30px;height:30px;padding:0 10px; } .top-bar li:first-child{ } .top-bar-wrap .top-bar span{height:13px;display:block;float:right;padding:2px 5px;margin-top:-2px;margin-left:5px;margin-top:8px;font-size:12px;font-weight:400;color:#fff;background:#555;border-radius:8px;line-height:13px;} /* paging */ .number-box{ float:left; width:25px; height:25px;text-align:center;line-height:25px;cursor:pointer; } .number-box:hover{ background:#444;color:#fff;font-weight:bold;border-radius:25px; } .number-box:active{ background:#444;color:#fff;font-weight:bold;border-radius:25px;cursor:pointer; } /*--------------------탭메뉴관련 css--------------------*/ /* main 랭킹 탭메뉴CSS */ table.tab { color:#565656; height:35px; line-height:35px; font-family:tahoma,'굴림';} table.tab td { text-align:center; cursor:pointer; height:35px; line-height:35px; font-family:tahoma,'굴림';} .selectBox { border:1px solid #eaeaea; border-bottom:none; border-right:none;height:35px; line-height:35px; font-family:tahoma,'굴림';} .selectBox span { color:#ed6f3a;font-family:tahoma,'굴림'; } .noSelectBox { border:1px solid #eaeaea; background-color:#f8f8f8; border-right:none; height:35px; line-height:35px;font-family:tahoma,'굴림';} /* main 베스트회원 탭메뉴CSS */ .selectBox2 { border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; border-bottom:1px solid #ffffff; border-right:none; letter-spacing:0px; height:35px; line-height:35px; color:#ed723e; } .selectBox2 a { color:#ed723e; } .selectBox2 a:hover { color:#ed723e; } .noSelectBox2 { border:1px solid #eaeaea; border-right:none; background-color:#f8f8f8; height:35px; line-height:35px; letter-spacing:0px; } /* main 쇼핑찬스 탭메뉴CSS */ table.tab3 { color:#565656; height:47px; line-height:47px; } table.tab3 td { cursor:pointer; height:47px; line-height:47px; padding-left:20px; } .selectBox3 { height:47px; line-height:47px; color:#e0e0e0; width:170px; background:url('../img/bg_spch_tab.gif') no-repeat; } .selectBox3 a { color:#ffffff; } .selectBox3 a:hover { color:#ffffff; } .noSelectBox3 { background-color:#f8f8f8; height:47px; line-height:47px; width:170px; background:url('../img/bg_spch_tab_off.gif') no-repeat; color:#6b6b6b; } /* 탭메뉴 */ table.tab4 { color:#565656;height:35px;line-height:35px; } table.tab4 td { text-align:center; cursor:pointer;height:35px;line-height:35px; } .selectBox4 { border:1px solid #eaeaea;border-bottom:none;border-right:none;height:35px;line-height:35px;font-weight:bold;color:#464646; } .selectBox4 span { color:#464646; } .noSelectBox4 { border:1px solid #eaeaea;background-color:#f8f8f8;border-right:none;height:35px;line-height:35px;color:#8c8b8b; } /* 쇼핑지식 오픈마켓 탭메뉴 */ table.tab1_sub { color:#565656;height:27px;line-height:27px; } table.tab1_sub td { text-align:center; cursor:pointer;height:27px;line-height:27px; } .selectBoxSub01 { border:1px solid #eaeaea;border-bottom:none;border-right:none;height:27px;line-height:27px;font-weight:bold;color:#464646; } .selectBoxSub01 span { color:#464646; } .noSelectBoxSub01 { border:1px solid #eaeaea;background-color:#f8f8f8;border-right:none;height:27px;line-height:27px;color:#8c8b8b; } /* 쇼핑이야기 탭메뉴 */ table.tab2_sub { color:#565656;height:45px;line-height:45px; font-weight:bold; } table.tab2_sub td { text-align:left; cursor:pointer;height:45px;line-height:45px; border-bottom:1px solid #eaeaea; font-weight:bold; } .selectBoxSub02 { border-bottom:1px solid #eaeaea; height:45px;line-height:45px;font-weight:bold; color:#ca3310; font-weight:bold;} .selectBoxSub02 a { color:#ca3310; font-weight:bold; } .noSelectBoxSub02 { height:45px;line-height:45px;color:#8c8b8b; border-bottom:1px solid #eaeaea; font-weight:bold; } /* 쇼핑가이드 탭메뉴 */ table.tab3_sub { color:#565656; height:45px;line-height:45px; font-weight:none; } table.tab3_sub td { text-align:center; cursor:pointer;height:45px;line-height:45px; border-bottom:1px solid #eaeaea; color:#565656; } table.tab3_sub a { color:#464646; font-weight:bold; } table.tab3_sub a:hover { color:#464646; font-weight:bold; } table.tab3_sub .selectBox { border:1px solid #eaeaea; background-color:#fff; border-bottom:none; border-right:none;height:45px; line-height:45px; } table.tab3_sub .selectBox span { color:#ed6f3a; } table.tab3_sub .noSelectBox { border:1px solid #eaeaea; background-color:#f8f8f8; border-right:none; height:45px; line-height:45px; } /* 오픈마켓 카테고리 탭메뉴 */ table.tab4_sub { color:#565656; height:45px;line-height:45px; font-weight:none; } table.tab4_sub td { text-align:center; cursor:pointer;height:45px;line-height:45px; border-bottom:1px solid #eaeaea; color:#565656; } table.tab4_sub a { color:#464646; } table.tab4_sub a:hover { color:#464646; } table.tab4_sub .selectBox { border:1px solid #eaeaea; background-color:#fff; border-bottom:none; border-right:none;height:45px; line-height:45px; } table.tab4_sub .selectBox span { color:#ed6f3a; } table.tab4_sub .noSelectBox { border:1px solid #eaeaea; background-color:#f8f8f8; border-right:none; height:45px; line-height:45px; } /* 전체보기 탭메뉴 */ table.tab5 { color:#7d7d7d; } table.tab5 td { cursor:pointer; } table.tab5 .selectBox5 { color:#7d7d7d;} table.tab5 .selectBox5 a { color:#ed6931; } table.tab5 .noSelectBox5 { color:#7d7d7d; } /* 마이페이지 커뮤니티 탭메뉴 */ table.tab5_sub { color:#565656; height:35px;line-height:35px; font-weight:none; } table.tab5_sub td { text-align:center; cursor:pointer;height:35px;line-height:35px; border-bottom:1px solid #eaeaea; color:#9d9d9d; } table.tab5_sub a { color:#9d9d9d; } table.tab5_sub a:hover { color:#9d9d9d; } table.tab5_sub .selectBox { border:1px solid #eaeaea; background-color:#fff; border-bottom:none; border-right:none; height:35px; line-height:35px; } table.tab5_sub .selectBox a { font-weight:bold; color:#ed6931; } table.tab5_sub .noSelectBox { border:1px solid #eaeaea; background-color:#f8f8f8; border-right:none; height:35px; line-height:35px; } /*--------------------탭메뉴관련 css--------------------*/ /*--------------------그 외--------------------*/ .right_bg { background:url('../img/bg_right_scroll.gif') repeat-x bottom; padding:18px 0 18px 12px; } .right_bg_off { background:url('../img/bg_right_scroll.gif') repeat-x bottom; height:45px; line-height:45px; } .right_count { background:#000; line-height:20px; padding:0 5px 0 5px; background:url('../img/bg_btn_round_center.png') repeat-x; height:20px; } .bg_round_left { background:url('../img/bg_btn_round_left.png') no-repeat; width:3px; height:20px; } .bg_round_right { background:url('../img/bg_btn_round_right.png') no-repeat; width:3px; height:20px; } .menu_line table td { border-left:1px solid #ededed; } .menu_count01_left { background:url('../img/bg_menu_count_left.png') no-repeat; height:21px; width:5px; vertical-align:top; } .menu_count01_center { background:url('../img/bg_menu_count_center.png'); color:#fff; padding:0 5px 0 3px; vertical-align:top; } .menu_count01_right { background:url('../img/bg_menu_count_right.png') no-repeat; height:21px; width:1px; vertical-align:top; } .menu_count02_left { background:url('../img/bg_menu_count_left2.png') no-repeat; height:21px; width:5px; vertical-align:top; } .menu_count02_center { background:url('../img/bg_menu_count_center2.png'); color:#fff; padding:0 5px 0 3px; vertical-align:top; } .menu_count02_right { background:url('../img/bg_menu_count_right2.png') no-repeat; height:21px; width:1px; vertical-align:top; } #tb_line_title_50_02 { width:120px; } #tb_line_title_100_02 { width:120px; } #tb_line_content_50_02 { width:232px; } #tb_line_content_100_02 { width:660px; } #tb_line_title_50_02 { width:168px; } #tb_line_title_100_03 { width:168px; } #tb_line_content_50_03 { width:232px; } #tb_line_content_100_03 { width:660px; } #tb_line_title_50_04 { width:168px; } #tb_line_title_100_04 { width:168px; } #tb_line_content_50_04 { width:232px; } #tb_line_content_100_04 { width:560px; } .bg_dotline { background:url('../img/bg_dotline.gif') repeat-x; height:20px; } .bg_dotline_sub { background:url('../img/bg_sub_top.png') repeat-x; height:20px; } .guide_txt { font-size:11px; color:#888; } .location_st { color:#b3b3b3; } .location_st a { color:#b3b3b3; } .location_st a:hover { color:#b3b3b3; } .right_img img{ margin-right:10px; } .right_img iframe{ margin-right:10px; } .right_img_pri img{ margin-right:10px; margin-top:2px;} .left_img img{ margin-left:10px; } .left_img iframe{ margin-left:10px; } .event_count { border:1px solid #ddd; background:url('../img/bg_event_count.gif') repeat-x; height:16px; line-height:16px; text-align:center; } .searchGtext { width:62px; border:1px solid #bfbfbf; height:18px; line-height:18px; font-size:11px; color:#ababab; } .searchLeft p { margin-bottom:10px; } .searchLeft dd { padding-bottom:5px; } .top_img img{ margin-top:10px; } /* 판매종료시간 */ .timer input {width:300px; color:#e83c00; font-family:tahoma,'돋움';} .timer_auction input{border-style:none; color:#ffffff; font-family:tahoma,'돋움'; font-size:16px; text-align:right; width:300px; font-weight:bold; background-color:transparent;} .detail_td { background:#f9f9f9; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:10px; width:150px; line-height:18px; } .detail_td2 { padding:10px; border-bottom:1px solid #e7e7e7; } #tab_keyword_menu2 { margin: 0px; padding: 0px; list-style-type: none; } #tab_keyword_menu2 li a { display: block; border-top:1px solid #dcdcdc; padding:8px; width:168px; height:21px; line-height:22px; font-size: 12px; font-family: 굴림; color: #969696; text-decoration: none; letter-spacing:-1px; background:url('../img/icon_keyword_off.gif') no-repeat 96% 50%; } #tab_keyword_menu2 li a.selected { background:url('../img/icon_keyword_on.gif') no-repeat; width:168px; color:#fff; border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4; height:21px; line-height:22px; } .add_help { font-size:11px; letter-spacing:-1px; color:#909090; } .border_line { border-bottom:1px solid #e6e6e6; color:#595959; height:26px; } .border_R_line { width:60px; border-right:1px solid #e0e0e0; } .border_R_line2 { width:60px; border-right:1px solid #e0e0e0; line-height:20px; } .border_R_line_end { width:60px; line-height:20px; } .border_Rbuy_line { width:110px; border-right:1px solid #e0e0e0; } .border_Rbuy_line2 { width:110px; border-right:1px solid #e0e0e0; line-height:20px; } .border_Rbuy_line_end { width:110px; line-height:20px; } .ipchal_bg { background:#ffebeb; } .my_line { border-bottom:1px solid #f0f0f0; height:30px; color:#929292; } .my_line a { color:#929292; } .my_line a:hover { color:#929292; } .community_menu { background:#474545; color:#b0aaaa; height:35px; padding-left:15px; } .community_menu a { color:#b0aaaa; } .community_menu a:hover { color:#b0aaaa; } .community_menu_c { color:#b0aaaa; } .my_menu_line { background:url('../img/bg_sub_menu_line.gif') repeat-x; height:2px; } .line_jung { border-bottom:1px solid #d9d9da; border-right:1px solid #d9d9da; } .line_jung_n { border-bottom:1px solid #d9d9da; } .happy_multi_tab_paging input { width:11px; height:11px; margin-left:8px; background-color:#DFDFDF; cursor:pointer; } .happy_multi_tab_paging input.on { background-color:#EC6A33; } .sub_rank { position:absolute; top:0; left:0; width:33px; height:45px; line-height:29px; background:url('../img/icon_gr_rank2.png') no-repeat; } .sub_rank_text { width:30px; color:#fff; font-weight:bold; font-size:14px; text-align:center; } .font_st_05 a{font:12px '돋움'; color:#595959;} .font_st_05 a:hover{font:12px '돋움'; color:#595959;} .font_st_06 a{font:11px '돋움'; color:#444444; line-height:13px;} .font_st_06 a:hover{font:11px '돋움'; color:#444444; line-height:13px;} .font_st_07 a{font:bold 14px '돋움'; color:#333333; line-height:16px;} .font_st_07 a:hover{font:bold 14px '돋움'; color:#333333; line-height:16px;} .font_st_08 a{font:12px '돋움'; color:#999999; line-height:16px;} .font_st_08 a:hover{font:12px '돋움'; color:#999999; line-height:16px;} /*--------------------그 외--------------------*/ /*--------------------오픈마켓 상세관련--------------------*/ .bg_layer_left { background:url('../img/market_detail/bg_layer_bar_left.png') no-repeat; width:6px; height:40px; } .bg_layer_center { background:#444446; } .bg_layer_right { background:url('../img/market_detail/bg_layer_bar_right.png') no-repeat; width:6px; height:40px; } .line_layer_bg { width:2px; background:url('../img/market_detail/bg_layer_line.png') repeat-y; } .border_b { border-bottom:1px solid #d2d2d2; padding-bottom:20px; } .layer_p_l { padding-left:20px; padding-bottom:10px; } .layer_p_r { padding-right:20px; padding-bottom:10px; } .layer_p_s { padding-top:20px; } .layer_p_e { padding-bottom:20px; } .layer_pl_no { padding-left:20px; padding-bottom:10px; } .layer_pr_no { padding-right:20px; padding-bottom:10px; } .input_style_layer input[type=text] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0; } .input_style_layer input[type=password] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0; } .input_style_layer input[type=file] { border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:30px; line-height:29px; margin:2px 0; } .input_style_layer select { padding:5px; width:375px; border:1px solid #bdbdc0; height:30px; line-height:24px; } .input_style_layer textarea { border:1px solid #bdbdc0; background:#f3f3f3; padding:5px; height:200px; } .input_style_layer input[type=checkbox] .input_style_layer input[type=radio] { vertical-align:middle; margin:-2px 0 1px; cursor:pointer; } .input_style_type1 select { padding:5px; width:170px; border:1px solid #bdbdc0; height:30px; line-height:24px; } .layer_option td { height:37px; border-bottom:1px solid #e9e9e9; } .tb_right { border-right:1px solid #dbdbdb; } .tb_rightTop { border-right:1px solid #dbdbdb; border-top:1px solid #dbdbdb; } .tb_Top { border-top:1px solid #dbdbdb; } .event_img img { padding-top:20px; } .ta_top_line { background:#f8f8f8; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; height:30px; color:#6c6c6c; } .dot_line { border-bottom:1px dashed #bfbfbf; } .type1_option_line { border-bottom:1px solid #e9e9e9; height:35px; } .detail_img_pc img { max-width:720px; } .event_img img { padding-bottom:15px; margin:0;} .event_top img { padding-top:20px; } .right_img_review { padding-right:15px; } .board_list_help { width:390px; margin-top:10px; letter-spacing:-1px; border:1px dashed #dbdbdb; text-align:center; color:#aaa; height:35px; line-height:35px; } .input_style_size { width:225px; } .mini_step01 { background:url('../img/bg_mini_step_01.gif') repeat-x; height:181px; color:#ffecd6; padding:12px 0 0 12px; line-height:20px; letter-spacing:-1px; } .mini_step02 { background:url('../img/bg_mini_step_02.gif') repeat-x; height:181px; color:#ffe8ce; line-height:20px; padding:12px 0 0 12px; letter-spacing:-1px; } .mini_step03 { background:url('../img/bg_mini_step_03.gif') repeat-x; height:181px; color:#ffd2bf; line-height:20px; padding:12px 0 0 12px; letter-spacing:-1px; } .mini_step03 div { color:#ffd2bf; } .mini_step04 { background:url('../img/bg_mini_step_04.gif') repeat-x; height:181px; color:#b3b3b3; line-height:20px; padding:12px 0 0 12px; letter-spacing:-1px; } .step_mini_title { margin:0 0 25px 0; } .mini_step { margin-top:10px; } .rows_img_right img{margin-right:20px;} .skin_memo td { border:1px solid #dedede; height:35px; } .skin_meno_bg { background:#f2f2f2; } /*-------------------- 관련상품 수정 --------------------*/ #result_search_product_all .div_related_box:hover {background:#f7f7f7;} #result_search_product_checked .div_related_box {background:#ebf9ff;} /*-------------------- 관련상품 수정 --------------------*/ .wys_upload_img img{margin:2px;} .wys_upload_img {text-align:center; padding:5px 0;} /* ----- 2016 new calobye ----- */ /* --- main header --- */ /* Header */ #header_menu{ width:100%;min-width:1100px;height:80px;background-color:#e30e5c;box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;position:relative;z-index:1000; } #header_menu .header-1280{ width:1100px;height:80px;margin:0 auto; } #header_menu .header-1280 .header-logo{ float:left;width:110px;height:57px;padding:15px 0 0 20px; } #header_menu .header-1280 ul{ float:right;width:750px;height:50px;padding-top:30px; } #header_menu .header-1280 ul li{ float:left;width:150px;height:15px;border-left:1px solid #f572a2;box-sizing:border-box;font-size:11px; } #header_menu .header-1280 ul li:last-child{ border-right:1px solid #f572a2; } #header_menu .header-1280 ul li a{ font-size:14px;font-weight:bold;color:#fff; } /* header (ver.2) */ #header_menu_ver2{ width:100%;min-width:1100px;height:80px;background-color:#fff;box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;position:relative;z-index:1000; } } #header_menu_ver2 .header-1280{ width:1100px;height:80px;margin:0 auto; } #header_menu_ver2 .header-1280 .header-logo{ float:left;width:110px;height:57px;padding:10px 0 0 20px; } #header_menu_ver2 .header-1280 ul{ float:right;height:50px;padding:35px 15px 0 0; } #header_menu_ver2 .header-1280 ul li{ float:left;height:15px;font-size:11px;text-align:right;padding:0 35px; } #header_menu_ver2 .header-1280 ul li:last-child{ padding-right:0px; } #header_menu_ver2 .header-1280 ul li .active{ padding-bottom:5px;border-bottom:2px solid #e30e5c; } #header_menu_ver2 .header-1280 ul li a{ font-size:14px;font-weight:bold;color:#333; } #header_menu_ver2 .header-pink-line{ width:100%;height:4px;background:#e30e5c; } /* Header - scroll fix (white) */ .header{ width:100%;height:100px;background-color:#e30e5c; } #header-scroll{ width:100%;height:40px;background-color:rgb(255,255,255);box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;position:fixed;z-index:1000; } #header-scroll .header-1280{ width:1024px;height:70px;margin:0 auto; } #header-scroll .header-1280 .header-logo{ float:left;width:120px;height:57px;padding:10px 0 0 20px; } #header-scroll .header-1280 .header-logo img{ height:25px; } #header-scroll .header-1280 ul{ float:right;width:750px;height:50px;padding-top:10px; } #header-scroll .header-1280 ul li{ float:left;width:150px;height:15px;border-left:1px solid #888;box-sizing:border-box;font-size:11px; } #header-scroll .header-1280 ul li:last-child{ border-right:1px solid #888; } #header-scroll .header-1280 ul li a{ font-size:14px;font-weight:bold;color:#333; } #header_menu_hidden {width:100%;height:100px;display:none;} /* main - fix(상세연결) */ .buy-now-fix{ width:127px;height:133px;position:fixed;z-index:999;right:10%;top:25%;cursor:pointer; } /* main banner */ .product_visual{position:relative;} .product_visual .product_slide li{position:relative;display:block;width:100%;min-width:1100px;height:400px;background-repeat:no-repeat;background-position:center top;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .product_visual .product_slide .txt{position:absolute;top:50%;left:50%;margin-top:-98px;display:block;text-align:center} .product_visual .product_slide .txt span{display:block;font-weight:300;color:#666;} .product_visual .product_slide .txt span.sort{padding-bottom:8px;font-size:30px;} .product_visual .product_slide .txt span.name{padding-bottom:12px;font-size:100px;font-weight:100} .product_visual .product_slide .txt span.slogan{font-size:20px;letter-spacing:1px} .product_visual .product_slide li.product01 .txt{margin-left:125px;text-align:left} .product_visual .product_slide li.product01 .txt span.name{color:#000} .product_visual .product_slide li.product01 .txt span.slogan{color:#000} .product_visual .bx-controls{height:0;} .product_visual .bx-controls-direction{position:absolute;top:50%;left:50%;margin-left:-800px;width:1600px;margin-top:-28.5px;z-index:10} .product_visual .bx-controls-direction a{position:absolute;top:0;text-indent:0;margin-top:0} .product_visual .bx-controls-direction .bx-prev{left:30px;} .product_visual .bx-controls-direction .bx-next{right:30px;} .product_visual .bx-pager{position:relative;left:0;top:auto;bottom:25px;margin-top:0;z-index:10;width:100%;} .product_visual .bx-pager-item{margin:0} .product_visual .bx-pager-item a{display:inline-block;zoom:1;*display:inline;width:10px;height:10px;margin:0 5px;border-radius:50%;font-size:0;text-indent:-9999px;background:#d6d1c7;} .product_visual .bx-pager-item a.active{background:#8a8272} /* main banner - tab (메인배너 동영상 탭) */ .product_visual .product_slide .main-banner-tab-wrap{ width:79px;height:265px;position:absolute;z-index:998;left:50%;margin-left:-551px;top:50%;margin-top:-90px; } /* 본편 */ .product_visual .product_slide .main-banner-tab-wrap #tab01{ width:64px;height:45px;background:url('http://webimg.calobye.com/img/main/main-banner-tab01.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab01:hover{ width:79px;height:45px;background:url('http://webimg.calobye.com/img/main/main-banner-tab01-hover.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab01.active{ width:64px;height:45px;background:url('http://webimg.calobye.com/img/main/main-banner-tab01-active.png');background-repeat:no-repeat;cursor:pointer;float:right; } /* white */ .product_visual .product_slide .main-banner-tab-wrap #tab02{ width:64px;height:41px;margin-top:3px;background:url('http://webimg.calobye.com/img/main/main-banner-tab02.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab02:hover{ width:79px;height:41px;background:url('http://webimg.calobye.com/img/main/main-banner-tab02-hover.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab02.active{ width:64px;height:41px;background:url('http://webimg.calobye.com/img/main/main-banner-tab02-active.png');background-repeat:no-repeat;cursor:pointer;float:right; } /* black */ .product_visual .product_slide .main-banner-tab-wrap #tab03{ width:64px;height:41px;margin-top:3px;background:url('http://webimg.calobye.com/img/main/main-banner-tab03.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab03:hover{ width:79px;height:41px;background:url('http://webimg.calobye.com/img/main/main-banner-tab03-hover.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab03.active{ width:64px;height:41px;background:url('http://webimg.calobye.com/img/main/main-banner-tab03-active.png');background-repeat:no-repeat;cursor:pointer;float:right; } /* blue */ .product_visual .product_slide .main-banner-tab-wrap #tab04{ width:64px;height:41px;margin-top:3px;background:url('http://webimg.calobye.com/img/main/main-banner-tab04.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab04:hover{ width:79px;height:41px;background:url('http://webimg.calobye.com/img/main/main-banner-tab04-hover.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab04.active{ width:64px;height:41px;background:url('http://webimg.calobye.com/img/main/main-banner-tab04-active.png');background-repeat:no-repeat;cursor:pointer;float:right; } /* 더보기 */ .product_visual .product_slide .main-banner-tab-wrap #tab05{ width:64px;height:41px;margin-top:3px;background:url('http://webimg.calobye.com/img/main/main-banner-tab05.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab05:hover{ width:79px;height:41px;background:url('http://webimg.calobye.com/img/main/main-banner-tab05-hover.png');background-repeat:no-repeat;cursor:pointer;float:right; } /* 자신감 */ .product_visual .product_slide .main-banner-tab-wrap #tab06{ width:64px;height:41px;margin-top:3px;background:url('http://webimg.calobye.com/img/main/main-banner-tab06.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab06:hover{ width:79px;height:41px;background:url('http://webimg.calobye.com/img/main/main-banner-tab06-hover.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab06.active{ width:64px;height:41px;background:url('http://webimg.calobye.com/img/main/main-banner-tab06-active.png');background-repeat:no-repeat;cursor:pointer;float:right; } /* 자신감 - 170510 */ .product_visual .product_slide .main-banner-tab-wrap #tab06-02{ width:64px;height:45px;margin-bottom:3px;background:url('http://webimg.calobye.com/img/main/main-banner-tab06-02.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab06-02:hover{ width:79px;height:45px;background:url('http://webimg.calobye.com/img/main/main-banner-tab06-hover-02.png');background-repeat:no-repeat;cursor:pointer;float:right; } .product_visual .product_slide .main-banner-tab-wrap #tab06-02.active{ width:64px;height:45px;background:url('http://webimg.calobye.com/img/main/main-banner-tab06-active-02.png');background-repeat:no-repeat;cursor:pointer;float:right; } /* main wing banner*/ .main-wing-banner{ width:44px;height:176px;position:fixed;right:0;top:50%;margin-top:-88px;z-index:999; } .main-wing-banner ul li{ width:44px;height:44px;float:left;background:#000;color:#fff;border-bottom:1px solid #333;text-align:center;font-size:10px; } .main-wing-banner ul li.top{ border:none;background:#fff;color:#000; } /* container */ #container {position:relative; width:100%; height:100%; display:block; margin:0 auto; padding:0;} .main_product {position:relative; width:1280px; margin:30px auto 0; } .product_intro {position:relative; width:1280px; margin:0 auto; text-align:center;} .product_intro .product_tab {display:inline-block;text-align:center;} .product_intro .product_tab li{float:left;padding:0 15px; line-height:20px;} .product_intro .product_tab li a{display:inline-block;font-size:18px;font-weight:bold; color:#666;line-height:40px; } .product_intro .product_tab li.active a{color:#000;border-bottom:1px solid #000; } .product_wrap{width:1045px;height:400px;display:block;margin:0 auto;clear: both; padding-top: 52px;padding-bottom:60px;margin:0 auto;} .product_wrap .thumbnails{width:190px;height:273px; } .product_wrap .product{width:190px;float:left;margin:0 auto;padding-right:95px;} .product_wrap .product:last-child{padding:0px;} .product_wrap .last{padding:0px;} .product_wrap .product .product_text{width:190px;margin:0 auto;} .product_wrap .product .product_text >.product_name{color:#000;font-size:19px;text-align:center;padding-top:35px;padding-bottom:10px;} .product_wrap .product_info{text-align:center;} .product_wrap .price{text-align:center;color:#000;font-size:20px;font-weight:bold;padding-top:8px;} /*--- middle ---*/ /* 오른쪽 픽스 */ .buy-now-fix2{ width:123px;height:228px;position:fixed;z-index:1001;right:5%;top:30%;cursor:pointer; } .middle { width:1100px;height:546px;margin:0 auto;margin-bottom:55px; } .middle2 { width:1100px;margin:55px auto 55px;overflow:hidden; } #middle-bottom{ width:100%;margin-top:55px;margin-bottom:55px; } /* Line */ .middle .line{ width:1100px;height:1px;margin:0 auto;margin-bottom:50px; } /* main slide*/ #container .product-event-slide-bg{ width:100%; min-width:1100px; height:250px;background:#f9f9f9; } #container .product-event-slide-wrap{ width:1100px;height:250px;margin:0 auto; } #container .product-event-slide-wrap ul{ float:left; } #container .product-event-slide-wrap ul li{ width:165px;height:200px;float:left;margin:25px auto;line-height:200px;text-align:center;cursor:pointer; } #container .product-event-slide-wrap .arrow{ width:55px;height:200px;float:left;margin:25px auto;line-height:200px;text-align:center;cursor:pointer; } #container .product-event-slide-wrap ul li img{ vertical-align:middle;cursor:pointer; } /* main slide (ms=test)*/ #container .product-event-slide-bg{ width:100%;height:250px;background:#f9f9f9; } #container .product-event-slide-wrap2{ width:1100px;height:250px;margin:0 auto; } #container .product-event-slide-wrap2 ul{ float:left;overflow:hidden; } #container .product-event-slide-wrap2 ul li{ width:165px;height:200px;float:left;margin:25px auto;line-height:200px;text-align:center;cursor:pointer; } #container .product-event-slide-wrap2 .arrow{ width:55px;height:200px;float:left;margin:25px auto;line-height:200px;text-align:center;cursor:pointer; } #container .product-event-slide-wrap2 ul li img{ vertical-align:middle;cursor:pointer; } /* Middle banner */ .middle .banner-middle{ width:1100px;height:490px;margin:0 auto;float:left; } .middle .banner-middle .left-banner-wrap{ width:516px;height:490px;margin-right:32px;float:left; } .middle .banner-middle .left-banner-wrap .banner-middle01{ width:300px;height:240px;float:left;margin-bottom:25px;border:1px solid #eee;box-sizing:border-box;overflow:hidden; } .middle .banner-middle .left-banner-wrap .banner-middle02{ width:190px;height:240px;float:left;margin-left:25px;border:1px solid #eee;box-sizing:border-box;text-align:center;cursor:pointer; } .middle .banner-middle .left-banner-wrap .banner-middle02 .product-img{ width:160px;height:160px;margin:15px auto;background:#ddd;border:none; } .middle .banner-middle .left-banner-wrap .banner-middle02 .product-name{ font-weight:bold; } .middle .banner-middle .left-banner-wrap .banner-middle02 .product-price{ line-height:25px;font-weight:bold;color:#cf316b; } .middle .banner-middle .left-banner-wrap .banner-middle02 .label-banner{ position:relative;top:-226px;left:-31px; } .middle .banner-middle .left-banner-wrap .banner-middle02 .product-price span{ color:#999;text-decoration:line-through;font-weight:normal; } .middle .banner-middle .left-banner-wrap .banner-middle03{ width:516px;height:225px;float:left;border:1px solid #eee;box-sizing:border-box;cursor:pointer;overflow:hidden; } .middle .banner-middle .left-banner-wrap .banner-middle03 .banner-title{ font-size:15px;margin:20px 0 0 20px; } .middle .banner-middle .left-banner-wrap .banner-middle03 ul{ width:100%;height:170px;margin:10px 10px 20px 10px; } .middle .banner-middle .left-banner-wrap .banner-middle03 ul li{ width:158px;float:left;height:170px; } .middle .banner-middle .left-banner-wrap .banner-middle03 ul li img{ margin-left:20px;max-width:135px;max-height:120px;min-width:120px;min-height:120px;overflow:hidden; } .middle .banner-middle .left-banner-wrap .banner-middle03 ul li p{ margin-left:20px; } .middle .banner-middle .left-banner-wrap .banner-middle03 ul li .review-text{ width:120px;height:14px;overflow:hidden;color:#999;text-overflow:ellipsis;white-space:nowrap; } .middle .banner-middle .left-banner-wrap .banner-middle04{ display:none;width:150px;height:225px;float:right;border:1px solid #eee;box-sizing:border-box;cursor:pointer; } .middle .banner-middle .center-banner-wrap{ width:260px;height:490px;margin-right:32px;float:left; } .middle .banner-middle .center-banner-wrap .banner-middle05{ width:260px;height:490px;border:1px solid #eee;box-sizing:border-box;overflow:hidden; } .middle .banner-middle .right-banner-wrap{ width:260px;height:490px;float:right; } .middle .banner-middle .right-banner-wrap .banner-middle06{ width:260px;height:240px;margin-bottom:25px;border:1px solid #eee;box-sizing:border-box;padding:30px 25px; } .middle .banner-middle .right-banner-wrap .banner-middle06 .banner-title{ font-size:15px;font-weight:bold; } .middle .banner-middle .right-banner-wrap .banner-middle06 ul{ width:240px;height:150px;margin-top:15px;overflow:hidden; } .middle .banner-middle .right-banner-wrap .banner-middle06 ul li{ width:210px;line-height:22px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .middle .banner-middle .right-banner-wrap .banner-middle06 ul li:hover{ text-decoration:underline; } .middle .banner-middle .right-banner-wrap .banner-middle06 span{ text-align:right;float:right;color:#ccc;font-size:10px; } .middle .banner-middle .right-banner-wrap .banner-middle07{ width:260px;height:225px;border:1px solid #eee;box-sizing:border-box;padding:30px 25px;background:#fafafa; } .middle .banner-middle .right-banner-wrap .banner-middle07 img{ float:left; } .middle .banner-middle .right-banner-wrap .banner-middle07 .banner-title{ font-size:15px;margin-left:80px; } .middle .banner-middle .right-banner-wrap .banner-middle07 .banner-phone-number{ font-size: 26px;color: #cf316b;margin-top:5px;margin-left:80px;letter-spacing:-2px;font-weight:bold; } .middle .banner-middle .right-banner-wrap .banner-middle07 .banner-line{ width:50px;height:2px;background:#eee;margin:20px auto; } .middle .banner-middle .right-banner-wrap .banner-middle07 .banner-time{ text-align:center; } .middle .banner-middle .right-banner-wrap .banner-middle07 .banner-time span{ color:#ccc; } /* 1577-6456 상담 레이어 */ #dialog {position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:1901;} #mask {position:absolute;left:0;top:0;z-index:1900;background-color:#000;} label{ cursor:pointer; } .fix {overflow:hidden} .right-area{ position:fixed;right:0;top:0;width:400px;height:100%;background-color:#f8f8f8;z-index:1902;color:#fff; } .right-area .right-customer{ width:350px;margin:20px auto; } .right-area .right-customer p{ padding:3px 0 3px;color:#333;font-weight:bold;width:100%;height:30px;line-height:30px;font-size:15px; } .right-area .right-customer p span{ padding:4px;background:#333; } .right-area-close{ width:50px;height:50px;position:absolute;right:420px;top:20px;z-index:1999;cursor:pointer; } .customer-info-submit-btn{ width:350px;height:50px;background:#cf316b;margin:0 auto;color:#fff;font-weight:bold;cursor:pointer; } .customer-info-input-style{ width:200px;height:30px;border:1px dotted #ddd;margin-left:10px;text-indent:10px; } .customer-agree-label{ margin-left:10px; } /* line banner */ #middle-bottom .line-banner-wrap{ width:100%;height:340px;background:#efe5df; } /* Instagram */ .middle2 .instargram{ width:100%;margin-top:55px; } .middle2 .instagram .title{ width:100%;height:35px;margin:0 auto;padding-top:25px;padding-bottom:15px;text-align:center;color:#333;font-size:30px;font-weight:bold; } .middle2 .instagram .insta_line{ width:48px;height:2px;background-color:#333;margin:0 auto; } .middle2 .instagram .insta_img_group{ width:100%;margin:40px auto; } .middle2 .instagram .insta_img_group ul > li.insta_img{ width:16.6%;float:left;border:0px;margin:0px; } .middle2 .instagram .insta_img_group ul > li.insta_img img { width:100%; } /* Instagram-170329-셀럽추가 */ .instagram-line-add{ width:100%; min-width:1100px; } .instagram-line-add .title{ width:100%; min-width:1100px; height:35px;margin:0 auto;padding-top:25px;padding-bottom:15px;text-align:center;color:#333;font-size:30px;font-weight:bold; } .instagram-line-add .insta_line{ width:48px;height:2px;background-color:#333;margin:0 auto; } .instagram-line-add .insta-sne-bg{ width:100%; min-width:1100px; height:212px;background:#eaebec;margin-top:40px;background-image:url('http://webimg.calobye.com/img/main/son_backimg.png');overflow:hidden;background-position:center bottom;background-repeat:no-repeat;background-attachment: fixed;} .instagram-line-add .insta-sne-bg .insta-sne-bg-text{ width:304px;height:128px;position:absolute;left:50%;margin-top:44px;margin-left:-385px;} .instagram-line-add .insta-celebline-wrap{ width:100%;height:301px;background:#f9f9f9;margin-bottom:29px; } .instagram-line-add .insta-celebline-wrap .insta-1100px{ width:1100px;height:301px;margin:0 auto; } .instagram-line-add .insta-celebline-wrap .insta-1100px .insta-arrow{ width:50px;height:301px;float:left;cursor:pointer; } .instagram-line-add .insta-celebline-wrap .insta-1100px .insta-arrow img{ width:12px;height:28px;vertical-align:middle;margin-top:136px;margin-left:19px; } .instagram-line-add .insta-celebline-wrap .insta-1100px ul{ width:1000px;height:301px;margin:0 auto} .instagram-line-add .insta-celebline-wrap .insta-1100px ul li{ width:200px;height:301px;float:left; } .instagram-line-add .insta-celebline-wrap .insta-1100px ul li a{ border:none; } .instagram-line-add .insta-celebline-wrap .insta-1100px ul li img{ width:171px;height:171px;margin:20px 15px 0 15px; } .instagram-line-add .insta-celebline-wrap .insta-1100px ul li .insta-celeb-id{ width:200px;text-align:center;font-size:15px;color:#333;font-weight:bold;margin-top:10px; } .instagram-line-add .insta-celebline-wrap .insta-1100px ul li .insta-middle-line{ width:30px;height:1px;background:#333;margin:10px auto; } .instagram-line-add .insta-celebline-wrap .insta-1100px ul li .insta-tag{ text-align:center;color:#888; } /* top */ .top-fix{ width:42px;height:43px;position:fixed;top:90%;left:50%;margin-left:670px; } /* project calobye */ #middle .middle_wrap .project_calobye{ width:100%;height:710px;background:url(../img/main/product_calobye_bg.jpg) no-repeat; } #middle .middle_wrap .project_calobye .banner{ width:1210px;height:450px;display:block;margin:0 auto;padding-top:200px; } #middle .middle_wrap .project_calobye .banner .banner_1st{ background:url(../img/main/product_calobye_banner_1.jpg) no-repeat;clear:both;float:left;width:402px;height:225px; } #middle .middle_wrap .project_calobye .banner .banner_1st > ul{ margin:0 auto;padding-top:90px; } #middle .middle_wrap .project_calobye .banner .banner_1st > ul > li{ font-size:24px;text-align:center;color:#fff;padding-bottom:16px;font-weight:bold; } #middle .middle_wrap .project_calobye .banner .banner_2nd{ background-color:#fff;float:left;width:402px;height:225px; } #middle .middle_wrap .project_calobye .banner .banner_2nd > p{ font-size:24px;text-align:center;color:#000;padding-bottom:16px;font-weight:bold;padding-top:80px; } #middle .middle_wrap .project_calobye .banner .banner_2nd > ul > li{ text-align:center; } #middle .middle_wrap .project_calobye .banner a.banner_3rd{ background:url(../img/main/product_calobye_banner_3.jpg) no-repeat;float:left;width:402px;height:225px; } #middle .middle_wrap .project_calobye .banner a.banner_3rd > .banner_wrap{ margin:0 auto;padding-top:37px;padding-right:25px; } #middle .middle_wrap .project_calobye .banner a.banner_3rd > .banner_wrap > .banner_title{ text-align:right;color:#fff;font-weight:bold;padding-bottom:13px;font-size:20px; } #middle .middle_wrap .project_calobye .banner a.banner_3rd > .banner_wrap > .banner_sub > div{ text-align:right;color:#fff;font-size:16px; } #middle .middle_wrap .project_calobye .banner a.banner_3rd > .banner_wrap > .banner_link{ text-align:right;color:#fff;font-weight:bold;font-size:16px;padding-top:75px; } #middle .middle_wrap .project_calobye .banner a.banner_4th{ background-color:#fff;clear:both;float:left;width:402px;height:225px; } #middle .middle_wrap .project_calobye .banner .banner_4th > p{ font-size:24px;text-align:center;color:#000;padding-bottom:16px;font-weight:bold;padding-top:80px; } #middle .middle_wrap .project_calobye .banner .banner_4th > ul > li{ text-align:center; } #middle .middle_wrap .project_calobye .banner a.banner_5th{ background:url(../img/main/product_calobye_banner_5.jpg) no-repeat;float:left;width:402px;height:225px; } #middle .middle_wrap .project_calobye .banner a.banner_5th > .banner_wrap{ margin:0 auto;padding-top:30px;padding-left:11px; } #middle .middle_wrap .project_calobye .banner a.banner_5th > .banner_wrap > .banner_title{ text-align:left;color:#fff;font-weight:bold;padding-bottom:13px;font-size:20px; } #middle .middle_wrap .project_calobye .banner a.banner_5th > .banner_wrap > .banner_sub > div{ text-align:left;color:#fff;font-size:16px; } #middle .middle_wrap .project_calobye .banner a.banner_5th > .banner_wrap > .banner_link{ text-align:left;color:#fff;font-weight:bold;font-size:16px;padding-top:55px; } #middle .middle_wrap .project_calobye .banner a.banner_6th{ background-color:#fff;float:left;width:402px;height:225px; } #middle .middle_wrap .project_calobye .banner .banner_6th > p{ font-size:24px;text-align:center;color:#000;padding-bottom:16px;font-weight:bold;padding-top:80px; } #middle .middle_wrap .project_calobye .banner .banner_6th > ul > li{ text-align:center; } /* banner_more */ #middle .middle_wrap .banner_more{ width:100%;height:250px; } #middle .middle_wrap .banner_more ul{ width:1315px;padding-top:72px;margin:0 auto;display:block; } #middle .middle_wrap .banner_more ul > li.more_img_1{ width:305px;height:102px;clear:both;float:left;margin-right:30px; } #middle .middle_wrap .banner_more ul > li.more_img_2{ width:305px;height:102px;float:left;margin-right:30px; } #middle .middle_wrap .banner_more ul > li.more_img_3{ width:305px;height:102px;float:left;margin-right:30px; } #middle .middle_wrap .banner_more ul > li.more_img_4{ width:305px;height:102px;float:left; } /* icon */ #middle .middle_wrap .icon{ width:100%;height:185px; } #middle .middle_wrap .icon ul{ width:710px;height:106px;display:block;padding-top:17px;margin:0 auto;display:block; } #middle .middle_wrap .icon ul > li.icon_f{ clear:both;float:left; } #middle .middle_wrap .icon ul > li.icon_m{ float:left; } /* Instagram */ /* #middle .instargram{ width:100%; } #middle .instagram .title{ width:1500px;height:35px;margin:0 auto;padding-top:25px;padding-bottom:15px;text-align:center;color:#000;font-size:35px;font-weight:bold; } #middle .instagram .insta_line{ width:48px;height:2px;background-color:#000;margin:0 auto; } #middle .instagram .insta_img_group{ width:100%;height:250px;padding:25px;display:block;margin:0 auto; } #middle .instagram .insta_img_group ul > li.insta_img{ width:250px;height:250px;float:left;border:0px;margin:0px; } */ /*---- Footer -----*/ #footer { clear:both;width:100%;height:230px;background:#fff;bottom:0px; } #footer .footer_top{ width:1100px;height:15px;margin:0 auto;padding-top:35px;padding-bottom:23px; } #footer .footer_top ul li{ border-right:1px solid #b6b6b6;float:left;padding:0 12px; } #footer .footer_top ul li:last-child{ border:0px; } #footer .footer_top ul li.last{ border:0px; } #footer .line{ width:100%;height:1px; background:#ccc; margin:0 auto; } #footer .footer_bottom{ width:100%;height:165px;clear:both;background-color:#fff; } #footer .footer_bottom .bottom_wrap{ width:1100px;height:90px;margin:0 auto;display:block;padding-top:17px; } #footer .footer_bottom .bottom_wrap a.calobye_logo{ display:block;width:120px;height:90px;float:left;margin:0 40px;/*background:url(../img/main/footer_logo.jpg) no-repeat center;*/background:url(../img/common/new_logo.png) no-repeat center;background-size:contain; } #footer .footer_bottom .bottom_wrap .calobye_info{ width:620px;float:left; } #footer .footer_bottom .bottom_wrap .calobye_info ul{ padding-bottom:19px; } #footer .footer_bottom .bottom_wrap .cs_center{ width:170px;float:left;text-align:right; } #footer .footer_bottom .bottom_wrap .cs_center .number{ padding-top:5px; } #footer .footer_bottom .bottom_wrap .cs_center .number .phone{ color:#494949;font-size:20px;font-weight:bold; } #footer .footer_bottom .bottom_wrap .cs_center ul{ padding-top:7px; } #footer .footer_bottom .bottom_wrap .cs_center ul > li{ padding-top:5px;font-size:8px; } #footer .footer_bottom .bottom_wrap .inicis{ width:246px;height:49px;float:right;background:url(../img/main/inicis.jpg) no-repeat; } #footer .footer-gray{ width:100%;min-width:1100px;height:2px;background:#ddd; } #footer .footer-contents{ width:1100px;height:350px;margin:0 auto; } #footer .footer-contents .contents-top{ width:1100px;height:160px; } #footer .footer-contents .contents-top .top-title{ color:#444;font-weight:bold;margin-bottom:15px; } #footer .footer-contents .contents-top p{ line-height:18px; } #footer .footer-contents .contents-top .top1{ width:20%;height:129px;float:left;margin-top:29px; } #footer .footer-contents .contents-top .top2{ width:20%;height:129px;float:left;margin-top:29px; } #footer .footer-contents .contents-top .top3{ width:40%;height:129px;float:left;margin-top:29px; } #footer .footer-contents .contents-top .top4{ width:20%;height:129px;float:left;margin-top:29px; } #footer .footer-contents .contents-top .icon{ width:30px;height:30px;background:#444;border-radius:30px;text-align:center;color:#fff;font-weight:bold;float:left;line-height:30px;margin:5px; } #footer .footer-contents .contents-top .icon:hover{ background:#111; } #footer .footer-line{ width:100%;height:1px;background:#ddd; } #footer .footer-contents .contents-bottom{ width:1100px;height:200px; } #footer .footer-contents .contents-bottom ul{ width:442px;height:55px;margin:10px auto; } #footer .footer-contents .contents-bottom ul > li{ height:40px;line-height:40px;float:left;text-align:center;margin:5px 20px 10px;font-weight:bold;color:#444 } #footer .footer-contents .contents-bottom .company-info{ clear:both;text-align:center;line-height:20px; } #footer .inicis2{ text-align:center;color:#aaa;margin:30px auto; } #footer .inicis2 > span{ background:#aaa;padding:3px;color:#fff;font-weight:bold;border-radius:3px; } #footer .copyright{ width:100%;min-width:1100px;height:50px;background:#f1f1f1;text-align:center;line-height:50px;margin-top:10px; } #footer .main-top{ width:40px;height:40px;background:#000;color:#fff;line-height:40px;text-align:center;font-weight:bold;position:absolute;left:50%;margin-top:-20px;margin-left:-20px;border-radius:40px; behavior: url( "./PIE.htc" );} #footer .main-top a{ color:#fff; } /* ----- 칼로바이란 ? about calobye ----- */ .about01{ width:100%;min-width:1280px;height:850px;background:url(../img/main/about-calobye_01.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;-ms-behavior:url('../backgroundsize.min.htc'); } .about01 .about01-logo{ background:url(../img/main/about-logo.png);background-repeat:no-repeat;background-position:center center;width:301px;height:97px;position:absolute;top:65%;left:50%;margin-top:-80px;margin-left:-150px; } .about01 .about01-logo-sub{ background:url(../img/main/about-logo-sub.png);background-repeat:no-repeat;background-position:center center;width:301px;height:17px;position:absolute;top:65%;left:50%;margin-top:30px;margin-left:-150px; } /* ----- 브랜드 스토리 - 리뉴얼 KSW ----- */ .about_tab_wrap .tabs { border-left: 1px solid #e5e5e5;width: 100%;font-size:0;padding:30px 0;background:#f9f9f9;text-align:center} .about_tab_wrap .tabs li {box-sizing:border-box;display:inline-block;text-align:center;cursor: pointer;width:220px;border: 1px solid #e5e5e5;border-left: none;font-weight: bold;background: #fff;overflow: hidden;position: relative;} .about_tab_wrap .tabs li a {color:#777;display:block;padding:12px 0} .about_tab_wrap .tabs li.active a.tab1 {background: #ddd;color:#777} .about_tab_wrap .tabs li.active a.tab2 {background: #ff4898;color:#fff} .about_tab_wrap .tabs li.active a.tab3 {background: #c01e25;color:#fff} .about_tab_wrap .tabs li.active a.tab4 {background: #031b57 !important;color:#fff} .about_tab_wrap .tabs li.active a.tab5 {background: #0e8a41;color:#fff} .about_tab_wrap #tab2 > div {width:100%;min-width:1200px;background-size:cover;} .brand_story_link a {display:inline-block;width:219px;height:425px;position:absolute;bottom:646px} /* ----- 로그인 ----- */ /* 로그인 타이틀 */ #member-login .login_title{ width:400px;height:80px;margin:55px auto 33px; } #member-login .login_title > .main_text{ color:#333;font-size:30px;text-align:center;margin-bottom:10px; } #member-login .login_title > .box{ background:#e93b82;width:30px;height:3px;margin:0 auto; } #member-login .login_title > .sub_text{ font-size:13px;margin-bottom:33px;text-align:center;margin-top:25px; } #member-login .color_line{ width:1000px;height:3px;display:block;margin-top:15px;clear:both;margin:0 auto; } #member-login .color_line > .gray_line{ background:#8e8e8e;width:20%;float:left;height:3px; } #member-login .color_line > .black_line{ background:#333;width:60%;float:left;height:3px; } #member-login .color_line > .pink_line{ background:#e93b82;width:20%;float:left;height:3px; } #member-login .member-login-title{ color:#444;text-align:center;margin-top:50px;font-weight:bold;letter-spacing:2px; } #member-login .gray-line{ width:30px;height:2px;background:#ddd;margin:15px auto 30px; } #member-login .gray-line-long{ width:100%;height:1px;background:#eee;margin:20px auto 20px; } /* 로그인 박스 */ #member-login { width:1200px;height:600px;background:url('http://webimg.calobye.com/img/main/join-us-bg02.jpg') no-repeat center center; } #member-login .login-box{ width:480px;height:420px;margin:0 auto 55px; } #member-login .login-box .left{ width:380px;height:350px;float:left;padding:0 50px 50px 50px; } #member-login .login-box .left .login-wrap{ width:380px;height:300px; } #member-login .login-box .left .login-wrap .new-login-wrap{ } #member-login .login-box .left .login-wrap .new-login-wrap .new-login-title{ margin:10px 0;padding-bottom:10px;border-bottom:2px solid #cf316b; } #member-login .login-box .left .login-wrap .new-login-wrap .new-login-title img{ width:50px; } #member-login .login-box .left .login-wrap .new-login-wrap .new-login-box{ width:260px;height:80px;float:left;padding-top:10px; } #member-login .login-box .left .login-wrap .new-login-wrap .new-login-box .id-wrap{ width:260px;height:40px;float:left; } #member-login .login-box .left .login-wrap .new-login-wrap .new-login-box .id-wrap .id-left-title{ width:60px;height:40px;float:left;line-height:40px;padding-left:10px; } #member-login .login-box .left .login-wrap .new-login-wrap .new-login-box .id-wrap .id-middle-input{ width:190px;height:40px;float:left; } #member-login .login-box .left .login-wrap .new-login-wrap .new-login-box .id-wrap .id-middle-input input{ width:190px;height:30px;background:#fff;margin-top:5px;line-height:28px;text-indent:10px;box-sizing:border-box;border:1px solid #eee;border-radius:5px; } #member-login .login-box .left .login-wrap .new-login-wrap .new-login-box .pw-wrap{ width:260px;height:40px;clear:both;float:left; } #member-login .login-box .left .login-wrap .new-login-wrap .new-login-box .pw-wrap .pw-left-title{ width:60px;height:40px;float:left;line-height:40px;padding-left:10px;; } #member-login .login-box .left .login-wrap .new-login-wrap .new-login-box .pw-wrap .pw-middle-input{ width:190px;height:40px;float:left; } #member-login .login-box .left .login-wrap .new-login-wrap .new-login-box .pw-wrap .pw-middle-input input{ width:190px;height:30px;background:#fff;margin-top:5px;line-height:28px;text-indent:10px;box-sizing:border-box;border:1px solid #eee;border-radius:5px; } #member-login .login-box .left .login-wrap .new-login-wrap .login-submit-btn{ width:90px;height:70px;float:right;margin-top:15px; } #member-login .login-box .left .login-wrap .new-login-wrap .login-submit-btn .log-in-button{ width:90px;height:70px;color:#fff;font-weight:bold;cursor:pointer;background:#cf316b;border-radius:5px; } #member-login .login-box .left .login-wrap .new-login-wrap .save-id-check{ clear:both;width:280px;height:20px;padding-left:70px;padding-top:5px; } #member-login .login-box .left .login-wrap .new-login-wrap .find-box{ width:270px;height:15px;margin:15px auto 10px;font-weight:bold; } #member-login .login-box .left .login-wrap .new-login-wrap .find-box li{ width:33.3%;height:15px;float:left;margin-top:10px;border-right:1px solid #eee; } #member-login .login-box .left .login-wrap .new-login-wrap .find-box li:last-child{ border:none; } #member-login .login-box .left .login-wrap .new-login-wrap .find-box li span{ color:#cf316b; } #member-login .login-box .left .login-wrap .social-login-box{ width:100%;height:120px;clear:both; } #member-login .login-box .left .login-wrap .social-login-box .social-login-title{ width:100%;height:30px;line-height:30px;border-top:1px solid #eee;margin-top:40px; } #member-login .login-box .left .login-wrap .social-login-box ul{ padding:10px 0 0 0; } #member-login .login-box .left .login-wrap .social-login-box ul li{ width:120px;height:60px;border:1px solid #eee;box-sizing:border-box;margin-right:10px;line-height:58px;cursor:pointer;border-radius:5px;font-weight:bold; } #member-login .login-box .left .login-wrap .social-login-box ul li.last{ margin:0; } #member-login .login-box .left .middle-login{ width:380px;height:200px;margin:0 auto; } #member-login .login-box .left ul{ } #member-login .login-box .left ul li{ width:33.3%;height:14px;line-height:14px;text-align:center;color:#333;float:left;border-right:1px solid #eee;box-sizing:border-box; } #member-login .login-box .left ul li:last-child{ border:0; } #member-login .login-box .left ul li a:hover{ text-decoration:underline; } #member-login .login-box .left form .ld{ width:1280px;height:50px;margin-bottom:5px; } #member-login .login-box .left form .ld > #id{ width:380px;height:50px;background:#fff;border:1px solid #e4e4e4;box-sizing:border-box;text-indent:10px;line-height:50px; } #member-login .login-box .left form .ld > #id:focus{ border:1px solid #e93b82; } #member-login .login-box .left .password{ width:380px;height:50px; } #member-login .login-box .left .password > #pass{ width:380px;height:50px;border:1px solid #e4e4e4;box-sizing:border-box;text-indent:10px;background:#fff;line-height:50px; } #member-login .login-box .left .password > #pass:focus{ border:1px solid #e93b82; } #member-login .login-box .left .auto-login{ width:380px;height:26px; } #member-login .login-box .left .auto-login > label{ line-height:26px;color:#272727;letter-spacing:-1px;cursor:pointer;margin-left:3px; } #member-login .login-box .left .auto-login .save_login{ margin-left:20px; } #member-login .login-box .left .login-button{ cursor:pointer;margin-top:10px; } #member-login .login-box .left .login-button > input{ width:380px;height:50px;border:1px solid #cf316b;background:#fff;color:#cf316b;font-weight:bold;text-align:center;line-height:50px; } #member-login .login-box .left .sns-login{ width:128px;height:50px;background:#fff;text-align:center;line-height:50px;letter-spacing:2px;margin-top:10px;font-weight:bold; } #member-login .login-box .left .sns-login > p{ float:left; } #member-login .login-box .left .sns-login > .sns-login-title{ width:180px;text-align:right;color:#333;margin-right:20px; } #member-login .login-box .left .sns-login > .facebook-login{ width:30px;height:30px;background:#f5f5f5;color:#000;font-weight:bold;line-height:30px;margin:10px 5px;cursor:pointer;text-align:center;border-radius:30px; } #member-login .login-box .left .search-id-pw{ margin-top:30px; } #member-login .login-box .left .search-id-pw p{ width:380px;height:30px;font-size:12px;color:#888;letter-spacing:-0.5px;line-height:30px;border-bottom:1px solid #ddd; } #member-login .login-box .left .search-id-pw p > span{ font-size:12px;color:#555;margin-left:10px;font-weight:bold;} #member-login .login-box .right{ width:120px;height:116px;float:right; } #member-login .login-box .right > .log-in-button{ width:120px;height:90px;background:#e93b82;line-height:90px;text-align:center;color:#fff;font-weight:bold;font-size:15px;cursor:pointer;border:0px; } /* SNS 회원가입 */ #member-login .sns-joinus-wrap{ width:100%;height:170px;margin-top:10px; } #member-login .sns-joinus-box{ height:50px;;border-right:1px solid #fff;box-sizing:border-box;cursor:pointer;color:#fff;font-weight:bold;text-align:center;line-height:50px;margin-bottom:5px; } #member-login img{ vertical-align:middle;margin-right:15px; } #member-login .facebook-joinus{ background:#3b5998;box-sizing:border-box; } #member-login .google-joinus{ background:#4285F4; } #member-login .twitter-joinus{ background:#55acee; } #member-login .kakao-joinus{ background:#ffd700; } #member-login .naver-joinus{ background:#1aa919; } /* 아이디 비밀번호 찾기 박스 */ #member-login .search-box{ width:380px;height:210px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;box-sizing:border-box;padding-bottom:80px;margin:0 auto; } #member-login .search-box > .id-search{ width:380px;height:60px;background:#f8f8f8;border-bottom:1px solid #e4e4e4;box-sizing:border-box; } #member-login .search-box > .id-search > .left{ width:380px;height:60px;float:left; } #member-login .search-box > .id-search > .left > p{ color:#000;font-weight:bold;text-indent:30px;line-height:60px;text-align:left; } #member-login .search-box > .id-search > .right{ width:200px;height:60px;float:right; } #member-login .search-box > .id-search > .right .id-search-button{ width:150px;height:28px;background:#828282;margin:16px; } #member-login .search-box > .id-search > .right .id-search-button > .text01{ margin:7px 0;text-indent:15px;color:#fff;font-weight:bold;text-align:left;float:left; } #member-login .search-box > .id-search > .right .id-search-button > .text02{ margin:7px 0;margin-right:15px;color:#fff;font-weight:bold;text-align:right;float:right; } #member-login .search-box > .pass-search{ width:380px;height:60px;background:#f8f8f8;border-bottom:1px solid #e4e4e4;box-sizing:border-box; } #member-login .search-box > .pass-search > .left{ width:380px;height:60px;float:left; } #member-login .search-box > .pass-search > .left > p{ color:#000;font-weight:bold;text-indent:30px;line-height:60px;text-align:left; } #member-login .search-box > .pass-search > .right{ width:200px;height:60px;float:right; } #member-login .search-box > .pass-search > .right .pass-search-button{ width:150px;height:28px;background:#828282;margin:16px; } #member-login .search-box > .pass-search > .right .pass-search-button > .text01{ margin:7px 0;text-indent:15px;color:#fff;font-weight:bold;text-align:left;float:left; } #member-login .search-box > .pass-search > .right .pass-search-button > .text02{ margin:7px 0;margin-right:15px;color:#fff;font-weight:bold;text-align:right;float:right; } #member-login .search-box > .go_member{ width:380px;height:90px; } #member-login .search-box > .go_member > .left{ width:280px;height:90px;float:left; } #member-login .search-box > .go_member > .left > .text{ margin:22px 0; } #member-login .search-box > .go_member > .left > .text > p{ color:#000;font-weight:bold;text-indent:30px;line-height:20px;text-align:left; } #member-login .search-box > .go_member > .right{ width:200px;height:90px;float:right; } #member-login .search-box > .go_member > .right .join-button{ width:150px;height:44px;background:#333;margin:22px 16px; } #member-login .search-box > .go_member > .right .join-button > .text01{ margin:15px 0;text-indent:15px;color:#fff;font-weight:bold;text-align:left;float:left; } #member-login .search-box > .go_member > .right .join-button > .text02{ margin:15px 0;margin-right:15px;color:#fff;font-weight:bold;text-align:right;float:right; } /* ----- 아이디 찾기 ----- */ .lost-id-title{ color:#444;text-align:center;margin-top:100px;font-weight:bold;letter-spacing:2px; } .lost-id-sub-title{ color:#888;text-align:center;margin-top:5px; } .gray-line{ width:30px;height:2px;background:#ddd;margin:15px auto 30px; } #lost-id-wrap{ width:700px;height:420px;margin:20px auto 120px;border:1px solid #eee;box-sizing:border-box;padding:60px 50px; } #lost-id-wrap form{ width:598px;height:160px; } #lost-id-wrap form input:focus{ border:1px solid #e30e5c; } #lost-id-wrap form .find-id-name-input{ width:598px;height:50px;border:1px solid #ddd;box-sizing:border-box;font-size:13px;line-height:50px;text-indent:15px;color:#888; } #lost-id-wrap form .find-id-mail-input{ width:598px;height:50px;border:1px solid #ddd;box-sizing:border-box;font-size:13px;line-height:50px;text-indent:15px;margin-top:5px;color:#888; } #lost-id-wrap form .find-id-submit-button{ width:598px;height:50px;background-color:#333;font-size:14px;font-weight:bold;line-height:50px;text-align:center;margin-top:5px;color:#fff; } #lost-id-wrap .find-id-notice{ color:#888;margin-top:20px;font-size:11px; } #lost-id-wrap .gray-line-long{ width:100%;height:1px;background:#eee;margin:40px auto 20px; } #lost-id-wrap ul{ width:100%;height:15px; } #lost-id-wrap ul li{ float:left;width:50%;border-right:1px solid #eee;box-sizing:border-box;text-align:center; } #lost-id-wrap ul li span{ color:#e30e5c;font-weight:bold; } #lost-id-wrap ul li:hover{ text-decoration:underline; } #lost-id-wrap ul li:last-child{ border:none; } /* ----- 비밀번호 찾기 ----- */ .lost-pass-title{ color:#444;text-align:center;margin-top:100px;font-weight:bold;letter-spacing:2px; } .lost-pass-sub-title{ color:#888;text-align:center;margin-top:5px; } #lost-pass-wrap{ width:700px;height:420px;margin:20px auto 120px;border:1px solid #eee;box-sizing:border-box;padding:60px 50px; } #lost-pass-wrap form{ width:598px;height:160px; } #lost-pass-wrap form input:focus{ border:1px solid #e30e5c; } #lost-pass-wrap form .find-pass-name-input{ width:598px;height:50px;border:1px solid #ddd;box-sizing:border-box;font-size:13px;line-height:50px;text-indent:15px;color:#888; } #lost-pass-wrap form .find-pass-mail-input{ width:598px;height:50px;border:1px solid #ddd;box-sizing:border-box;font-size:13px;line-height:50px;text-indent:15px;margin-top:5px;color:#888; } #lost-pass-wrap form .find-pass-submit-button{ width:598px;height:50px;background-color:#333;font-size:14px;font-weight:bold;line-height:50px;text-align:center;margin-top:5px;color:#fff; } #lost-pass-wrap .find-pass-notice{ color:#888;margin-top:20px;font-size:11px; } #lost-pass-wrap .gray-line-long{ width:100%;height:1px;background:#eee;margin:40px auto 20px; } #lost-pass-wrap ul{ width:100%;height:15px; } #lost-pass-wrap ul li{ float:left;width:50%;border-right:1px solid #eee;box-sizing:border-box;text-align:center; } #lost-pass-wrap ul li span{ color:#e30e5c;font-weight:bold; } #lost-pass-wrap ul li:hover{ text-decoration:underline; } #lost-pass-wrap ul li:last-child{ border:none; } /* ----- 회원가입 ----- */ /* --- 간편 회원가입 --- */ .join-us-wrap{ width:1200px;height:950px;background:url('http://webimg.calobye.com/img/main/join-us-bg02.jpg') no-repeat bottom center; } #member-joinus{ width:570px;margin:15px auto 45px; } /* 회원가입 타이틀 */ #member-joinus .member-joinus-title{ text-align:center;color:#000;margin-top:60px;margin-bottom:15px;font-size:15px;font-weight:bold;letter-spacing:-1px;line-height:20px; } #member-joinus .gray-line{ width:30px;height:2px;background:#ddd;margin:5px auto 20px; } /* SNS 회원가입 */ #member-joinus .joinus-sub-title{ width:100%;height:30px;line-height:30px;text-align:center;color:#333;font-size:15px;background:url('../img/main/join-us-line-bg.png') } #member-joinus .joinus-sub-title span{ font-weight:bold;color:#cf316b; } #member-joinus .joinus-sub-title2{ width:100%;line-height:20px;margin-bottom:20px;text-align:center;color:#888; } #member-joinus .sns-joinus-wrap{ width:100%;height:60px;margin-bottom:20px;border-radius:10px; } #member-joinus .sns-joinus-box{ width:32.66%;height:60px;float:left;border:1px solid #ddd;box-sizing:border-box;border-radius:10px;cursor:pointer;color:#333;font-weight:bold;text-align:center;line-height:60px; } #member-joinus img{ vertical-align:middle;margin-right:15px; } #member-joinus .naver-joinus{ background:#fff;margin-right:1%;/*background:#1aa919;*/ } #member-joinus .facebook-joinus{ background:#fff;margin-right:1%/*background:#3b5998;*/ } #member-joinus .google-joinus{ background:#fff;/*background:#4285F4;*/ } #member-joinus .twitter-joinus{ background:#fff;/*background:#55acee;*/ } #member-joinus .kakao-joinus{ background:#fff;/*background:#ffd700;*/ } /* 회원정보입력 */ #member-joinus .member-joinus-input-wrap{ width:100%;border:1px solid #ddd;box-sizing:border-box;border-radius:10px;overflow:hidden; } #member-joinus .input-table{ background:rgba(255,255,255,0.8);padding:50px; } /* 정책 약관 동의 */ #member-joinus .agree-wrap{ width:100%;border:1px solid #ddd;box-sizing:border-box;border-radius:10px;margin-top:10px;padding:20px 30px; } #member-joinus .agree-contents{ height:470px;padding:35px 50px; } #member-joinus .agree-contents .box{ width:480px;height:300px;float:left; } #member-joinus .agree-contents .box .title{ font-size:15px;margin:17px 0;color:#000;font-weight:bold; } #member-joinus .agree-contents .box .scroll-box{ width:100%;height:200px;overflow-y:scroll;background:#f8f7f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;line-height:20px;padding:17px;margin:0 auto; } #member-joinus .agree-contents .box .checkbox{ text-align:right;margin-top:10px;padding-bottom:20px; } #member-joinus .agree-contents .box .checkbox label{ cursor:pointer; } #member-joinus .agree-contents .box2{ width:480px;height:300px;float:right; } #member-joinus .agree-contents .box2 .title{ font-size:15px;margin:17px 0;color:#000;font-weight:bold; } #member-joinus .agree-contents .box2 .scroll-box{ width:100%;height:200px;overflow-y:scroll;background:#f8f7f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;line-height:20px;padding:17px;margin:0 auto; } #member-joinus .agree-contents .box2 .checkbox{ text-align:right;margin-top:10px;padding-bottom:20px; } #member-joinus .agree-contents .box2 .checkbox label{ cursor:pointer; } /* 다음단계 버튼 */ #member-joinus .all-agree-check{ clear:both;width:100%;line-height:18px;font-size:12px; } #member-joinus .all-agree-check label{ cursor:pointer; } #member-joinus .all-agree-check label a{ color:#cf316b;font-weight:bold;text-decoration:underline; } #member-joinus .all-agree-first{ margin-bottom:5px; } #member-joinus .join-us-btn-wrap{ clear:both;width:100%;margin:20px auto 100px;text-align:center; } #member-joinus .button .next{width:236px;height:58px;background:#7c7c7c;border:1px solid #6b6b6b;box-sizing:border-box;color:#fff;text-align:center;font-size:15px;line-height:58px;margin:0 auto; } #member-joinus .button .next:hover{ background:#444;cursor:pointer; } /* --- 간편 회원가입 (완료페이지) --- */ #member-joinus-finish{ margin:70px auto;border:1px solid #ddd;border-radius:10px; } /* 회원가입 완료 멘트 */ #member-joinus-finish .big-ment{ font-size:28px;color:#333;text-align:center;margin:100px 0 30px 0;font-weight:bold; } #member-joinus-finish .color_line{ width:700px; } #member-joinus-finish .small-ment{ font-size:16px;text-align:center;margin:40px auto; } #member-joinus-finish .small-ment span{ color:#cf316b; } #member-joinus-finish .1px-gray-line{ width:700px;height:1px;background:#eee;margin:0 auto; } /* 로그인 페이지로 버튼 */ #member-joinus-finish .login-button{ width:236px;height:58px;margin:0 auto 90px; } /* --- STEP 01 약관동의 --- */ /* 회원가입 타이틀 */ #joinus{ width:1280px;height:auto;margin:45px auto; } #joinus > .join_title > .main_text{ color:#333;font-size:30px;float:left;padding-right:9px; } #joinus > .join_title > .sub_text{ float:left;font-size:16px;border-left:1px solid #ccc;padding-left:16px;margin-top:13px; } #joinus > .join_title > .right_text{ float:right;font-size:13px;margin-top:15px; } #joinus > .color_line{ width:100%;height:3px;display:block;margin-top:15px;clear:both; } #joinus > .color_line > .gray_line{ background:#8e8e8e;width:20%;float:left;height:3px; } #joinus > .color_line > .black_line{ background:#333;width:60%;float:left;height:3px; } #joinus > .color_line > .pink_line{ background:#e93b82;width:20%;float:left;height:3px; } #joinus .member-joinus-title{ text-align:center;color:#000;margin-top:60px;margin-bottom:30px;font-size:15px;font-weight:bold;letter-spacing:-1px;line-height:20px; } /* step3 */ #joinus > .step{ width:100%;height:92px;border-top:2px solid #999;border-bottom:1px solid #e4e4e4;margin-bottom:63px; } #joinus > .step > .step01{ width:33.3%;height:92px;border-right:1px solid #e4e4e4;float:left;box-sizing:border-box;line-height:92px;text-indent:40px;background:url('../img/main/step01-active.png')no-repeat 343px 23px; } #joinus > .step > .step01 > span{ font-weight:bold; } #joinus > .step > .step02{ width:33.3%;height:92px;border-right:1px solid #e4e4e4;float:left;box-sizing:border-box;line-height:92px;text-indent:40px;background:url('../img/main/step02.png')no-repeat 343px 23px; } #joinus > .step > .step02 > span{ font-weight:bold; } #joinus > .step > .step03{ width:33.3%;height:92px;float:left;box-sizing:border-box;line-height:92px;text-indent:40px;background:url('../img/main/step03.png')no-repeat 343px 23px; } #joinus > .step > .step03 > span{ font-weight:bold; } /* 이용약관 체크 동의 */ #joinus > .agree-title{ width:100%;height:53px;margin:60px 0 21px;border-bottom:1px solid #e4e4e4; } #joinus > .agree-title > h1{ color:#000;text-indent:5px;line-height:53px;font-size:17px;float:left; } #joinus > .agree-title > p{ float:right;line-height:53px; } #joinus > .agree-title > p > span{ color:#000; } #joinus > .agree-contents{ width:100%;height:auto;margin:0 auto; } #joinus > .agree-contents .box{ width:1280px;height:300px;margin:20px auto; } #joinus > .agree-contents .box .title{ font-size:15px;margin:17px 0;color:#000;font-weight:bold; } #joinus > .agree-contents .box .scroll-box{ width:1280px;height:200px;overflow-y:scroll;background:#f8f7f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;line-height:20px;padding:17px;margin:0 auto; } #joinus > .agree-contents .box .checkbox{ text-align:right;margin-top:10px;padding-bottom:20px; } #joinus > .agree-contents .box .checkbox label{ cursor:pointer; } #joinus > .agree-contents .box2{ width:1280px;height:270px;margin:20px 0 0 0; } #joinus > .agree-contents .box2 .title{ font-size:15px;margin:17px 0;color:#000;font-weight:bold; } #joinus > .agree-contents .box2 .scroll-box{ width:1280px;height:200px;overflow-y:scroll;background:#f8f7f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;line-height:20px;padding:17px;margin:0 auto; } #joinus > .agree-contents .box2 .checkbox{ text-align:right;margin-top:10px;padding-bottom:20px; } #joinus > .agree-contents .box2 .checkbox label{ cursor:pointer; } /* SNS 로그인 박스 */ #joinus > .sns-box{ background:#f8f7f5;width:1280px;height:123px;;margin-top:20px; } /* 다음단계 버튼 */ #joinus .all-agree-check{ width:1280px;height:58px;margin:40px auto 0;text-align:center;font-size:14px;cursor:pointer;border-top:2px solid #ddd;padding-top:50px; } #joinus .all-agree-check label{ cursor:pointer; } #joinus .button{width:1280px;height:58px; } #joinus .button .next{width:236px;height:58px;background:#7c7c7c;border:1px solid #6b6b6b;box-sizing:border-box;color:#fff;text-align:center;font-size:15px;line-height:58px;margin:0 auto; } #joinus .button .next:hover{ background:#444;cursor:pointer; } /* --- STEP 02 회원정보입력 --- */ #joinus2{ margin:45px auto; } /* 회원가입 타이틀 */ #joinus2 .join_title > .main_text{ color:#333;font-size:30px;float:left;padding-right:9px; } #joinus2 .join_title > .sub_text{ float:left;font-size:16px;border-left:1px solid #ccc;padding-left:16px;margin-top:13px; } #joinus2 .join_title > .right_text{ float:right;font-size:13px;margin-top:15px; } #joinus2 .color_line{ width:1280px;height:3px;display:block;margin-top:15px;clear:both; } #joinus2 .color_line > .gray_line{ background:#8e8e8e;width:20%;float:left;height:3px; } #joinus2 .color_line > .black_line{ background:#333;width:60%;float:left;height:3px; } #joinus2 .color_line > .pink_line{ background:#e93b82;width:20%;float:left;height:3px; } #joinus2 .member-joinus-title{ text-align:center;color:#000;margin-top:60px;margin-bottom:30px;font-size:15px;font-weight:bold;letter-spacing:-1px;line-height:20px; } #joinus2 .gray-line{ width:30px;height:2px;background:#ddd;margin:15px auto 20px; } /* step3 */ #joinus2 .step{ width:1280px;height:92px;border-top:2px solid #ccc;border-bottom:1px solid #e4e4e4;margin-bottom:63px; } #joinus2 .step > .step01{ width:33.3%;height:92px;border-right:1px solid #e4e4e4;float:left;box-sizing:border-box;line-height:92px;text-indent:40px;background:url('../img/main/step01.png')no-repeat 343px 23px; } #joinus2 .step > .step01 > span{ font-weight:bold; } #joinus2 .step > .step02{ width:33.3%;height:92px;border-right:1px solid #e4e4e4;float:left;box-sizing:border-box;line-height:92px;text-indent:40px;background:url('../img/main/step02-active.png')no-repeat 343px 23px; } #joinus2 .step > .step02 > span{ font-weight:bold; } #joinus2 .step > .step03{ width:33.3%;height:92px;float:left;box-sizing:border-box;line-height:92px;text-indent:40px;background:url('../img/main/step03.png')no-repeat 343px 23px; } #joinus2 .step > .step03 > span{ font-weight:bold; } /* --- STEP 03 회원가입 완료 --- */ #joinus3{ margin:45px auto; } /* 회원가입 타이틀 */ #joinus3 .join_title > .main_text{ color:#333;font-size:30px;float:left;padding-right:9px; } #joinus3 .join_title > .sub_text{ float:left;font-size:16px;border-left:1px solid #ccc;padding-left:16px;margin-top:13px; } #joinus3 .join_title > .right_text{ float:right;font-size:13px;margin-top:15px; } #joinus3 .color_line{ width:1280px;height:3px;display:block;margin-top:15px;clear:both; } #joinus3 .color_line > .gray_line{ background:#8e8e8e;width:20%;float:left;height:3px; } #joinus3 .color_line > .black_line{ background:#333;width:60%;float:left;height:3px; } #joinus3 .color_line > .pink_line{ background:#e93b82;width:20%;float:left;height:3px; } #joinus3 .member-joinus-title{ text-align:center;color:#000;margin-top:60px;margin-bottom:30px;font-size:15px;font-weight:bold;letter-spacing:-1px;line-height:20px; } /* step3 */ #joinus3 .step{ width:1280px;height:92px;border-top:2px solid #ccc;border-bottom:1px solid #e4e4e4;margin-bottom:63px; } #joinus3 .step > .step01{ width:33.3%;height:92px;border-right:1px solid #e4e4e4;float:left;box-sizing:border-box;line-height:92px;text-indent:40px;background:url('../img/main/step01.png')no-repeat 343px 23px; } #joinus3 .step > .step01 > span{ font-weight:bold; } #joinus3 .step > .step02{ width:33.3%;height:92px;border-right:1px solid #e4e4e4;float:left;box-sizing:border-box;line-height:92px;text-indent:40px;background:url('../img/main/step02.png')no-repeat 343px 23px; } #joinus3 .step > .step02 > span{ font-weight:bold; } #joinus3 .step > .step03{ width:33.3%;height:92px;float:left;box-sizing:border-box;line-height:92px;text-indent:40px;background:url('../img/main/step03-active.png')no-repeat 343px 23px; } #joinus3 .step > .step03 > span{ font-weight:bold; } /* 회원가입 완료 멘트 */ #joinus3 .big-ment{ font-size:28px;color:#000;text-align:center;margin:90px 0 40px 0; } #joinus3 .small-ment{ font-size:16px;text-align:center;margin-bottom:60px; } /* 로그인 페이지로 버튼 */ #joinus3 .login-button{ width:236px;height:58px;margin:0 auto;padding-bottom:100px; } /* ----- 상품 카테고리 리스트 페이지 ----- */ #page{ width:100%;min-height:500px;margin:0 auto;margin-bottom:100px; } #page > .page-title{ width:100%;height:120px;background:#444; } /* 카테고리 타이틀 */ #page > .product_list{ position:relative;width:100%;height:100%;margin:0 auto;padding-top:45px; } #page > .product_list > .category_title{ height:30px; } #page > .product_list > .category_title > .main_text{ color:#333;font-size:30px;float:left;padding-right:9px; } #page > .product_list > .category_title > .sub_text{ float:left;font-size:16px;border-left:1px solid #ccc;padding-left:16px;margin-top:13px; } #page > .product_list > .category_title > .right_text{ float:right;font-size:13px;margin-top:15px; } /* 컬러라인*/ #page > .product_list > .color_line{ width:100%;height:3px;display:block;margin-top:15px; } #page > .product_list > .color_line > .gray_line{ background:#8e8e8e;width:20%;float:left;height:3px; } #page > .product_list > .color_line > .black_line{ background:#333;width:60%;float:left;height:3px; } #page > .product_list > .color_line > .pink_line{ background:#e93b82;width:20%;float:left;height:3px; } /* 상품 리스트 */ #page > .product_list > .list_wrap{ position:relative;width:100%;height:100%;display:inline-block; } #page > .product_list > .list_wrap ul{ margin-top:50px; } #page > .product_list > .list_wrap > ul > li.product{ width:33.3%;height:436px;float:left;background:#fff;box-sizing:border-box;margin:15px 0; } #page > .product_list > .list_wrap > ul > .product > a{ text-align:center; } #page > .product_list > .list_wrap > ul > .product > a > .thumb_img{ width:309px;height:310px;text-align:center;margin:0 auto; } #page > .product_list > .list_wrap > ul > .product > a > .text_wrap{ margin-top:18px; } #page > .product_list > .list_wrap > ul > .product > a > .text_wrap > .product_name{ font-size:22px; } #page > .product_list > .list_wrap > ul > .product > a > .text_wrap > .product_info{ margin-top:9px; } #page > .product_list > .list_wrap > ul > .product > a > .text_wrap > .price_wrap{ padding-top:20px;margin:0 auto;width:311px;text-align:center; } #page > .product_list > .list_wrap > ul > .product > a > .text_wrap > .price_wrap > .price{ font-size:17px;color:#000;font-weight:bold; } #page > .product_list > .list_wrap > ul > .product > a > .text_wrap > .price_wrap > .before{ font-size:17px;color:#ccc;margin-right:12px;text-decoration: line-through; } #page > .product_list > .border_line{ width:100%;height:1px;background:#e5e5e5;margin:10px 0; } #page > .product_list > .list_number{ width:100%;height:28px; } #page > .product_list > .list_number > ul { width:600px;margin:0 auto; } #page > .product_list > .list_number > ul > li{ float:left;width:28px;height:28px; } #page > .product_list > .list_number > ul > li a:hover{ display:block;width:28px;height:28px;background:#444;color:#fff;font-size:15px;text-align:center;font-weight:bold;line-height:28px; } #page > .product_list > .list_number > ul > li.allow{ width:28px;height:28px;font-size:11px;text-align:center;font-weight:bold;line-height:28px; } #page > .product_list > .list_number > ul > li.number{ width:28px;height:28px;font-size:13px;text-align:center;font-weight:bold;line-height:28px;margin:0 5px; } /* 상품 페이지 아이콘 */ #page .icon_md{ width:77px;height:77px;background:#ff349c;opacity:0.9;position:absolute;z-index: 2;top: 83px;left:12px; } #page .icon_md .text{ width:45px;height:45px;color:#fff;font-size:18px;text-align:center;letter-spacing:2px;margin:16px; } #page .icon_best{ width:77px;height:77px;background:#5c80be;opacity:0.9;position:absolute;z-index:2;top:83px;left:345px; } #page .icon_best .text{ width:45px;height:45px;color:#fff;font-size:18px;text-align:center;letter-spacing:2px;margin:16px; } #page .icon_sale{ width:77px;height:77px;background:#ee6640;opacity:0.9;position:absolute;z-index:2;top:83px;left:678px; } #page .icon_sale .text{ width:45px;height:45px;color:#fff;font-size:18px;text-align:center;letter-spacing:2px;margin:16px; } /* ----- 상품 상세 뷰 페이지 ----- */ #product-view{ width:100%;height:auto;margin:45px auto; } /* --- left --- */ #product-view > .left{ width:720px;float:left; } #product-view > .left .product-top .big-image{ width:720px;height:720px; } #product-view > .left .product-top .big-image img{ width:720px;height:720px;background:#f0f0f0; } /* 상단 좌측 고정 */ #product-view .top2{ width:800px;height:133px;background-color:#fff;border-bottom:1px solid #ccc;display:none; } #product-view .top2 .product-big-name{ width:478px;height:14px;font-size:14px;color:#444;font-weight:bold;margin-bottom:10px;padding-top:30px; } #product-view .top2 .product-kor-name{ width:478px;height:14px;font-size:17px;color:#444;margin-bottom:17px;} #product-view .top2 .product-sub-info{ width:478px;height:12px;color:#ccc;margin-bottom:19px;font-size:13px; } #product-view .top2 .product-sub-info2{ color:#ccc;margin-bottom:28px; } #product-view .top2 .price{ width:478px;height:25px;margin-bottom:20px; } #product-view .top2 .price .before-sale-price{ font-size:14px;color:#ccc;float:left;text-decoration:line-through;padding:9px 20px 0 0; } #product-view .top2 .price .real-price{ font-size:25px;color:#000;font-weight:bold;float:left; } #product-view .top2 .top-image{ float:left;width:95px;height:95px;margin:10px 20px 10px 10px;padding:5px;border:1px #eaeaea solid; } #product-view .top2 .top-image img{ width:95px;height:95px; } /* --- right --- */ #product-view > .right{ width:440px;float:right; } /* --- 쿠폰 레이어 --- */ #dialog .close {background-image:url(../img/overlay/close.png);position:absolute; right:20px; top:20px;cursor:pointer;height:40px;width:40px;-webkit-transition:width 1s, height 1s, background-color 1s, -webkit-transform 2s; transition:width 1s, height 1s, background-color 1s, transform 1s; } #dialog .close:hover{ transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);animation-duration:1s;animation-iteration-count:1;animation-timing-function:linear; } #dialog .coupon-title{ width:750px;height:40px;line-height:40px;font-size:15px;border-bottom:1px solid #888;color:#333;font-weight:bold; } #dialog .coupon-area{ width:750px;height:50px;border-bottom:2px solid #888;margin:10px auto; } #dialog .coupon-area-title{ width:180px;height:40px;line-height:40px;float:left;text-align:right;margin-right:20px; } #dialog .coupon-area-input{ width:540px;height:40px;line-height:40px;float:left;color:#cf316b;font-weight:bold;margin-left:10px } #dialog .coupon-area-input input{ width:250px;height:30px;border:1px solid #eee;line-height:30px;text-indent:10px;float:left;margin-top:5px;box-sizing:border-box; } #dialog .coupon-area-input input:focus{ border:1px solid #cf316b; } #dialog .coupon-area-input .input-submit-btn{ width:40px;height:30px;background:#333;float:left;margin:5px;color:#fff;text-align:center;line-height:30px;cursor:pointer; } #dialog .coupon-submit-btn-wrap{ width:200px;height:40px;margin:30px auto 0; } #dialog .middle-price-wrap{ width:700px;height:100px;margin:40px auto 20px; } #dialog .coupon-submit-btn{ width:200px;height:40px;line-height:40px;text-align:center;background:#333;color:#fff;font-weight:bold;margin:0 auto;cursor:pointer; } #dialog .icon-wrap{ width:50px;height:100px;float:left;line-height:100px;text-align:center;vertical-align:middle; } #dialog .icon-wrap img{ width:30px;height:30px;margin:35px auto; } #dialog .price-wrap{ width:200px;height:100px;float:left; } #dialog .price-wrap .price-title{ width:200px;height:30px;line-height:30px;text-align:center;color:#333;font-weight:bold; } #dialog .price-wrap .price-product{ width:200px;height:70px;line-height:70px;text-align:center;font-size:20px;font-weight:bold; } #dialog .price-wrap .price-color{ color:#cf316b; } /* 우측 고정 픽스 */ #product-view .right-fix{width:440px;height:816px;background:#fff;margin-left:1px;left:50%; } #product-view .right-fix .top{ width:440px; } #product-view .right-fix .top .name-wrap{ width:100%;height:25px; } #product-view .right-fix .top .name-wrap .product-big-name{ height:25px;line-height:25px;font-size:16px;color:#444;font-weight:bold;float:left;clear:both;letter-spacing:2px; } #product-view .right-fix .top .name-wrap .product-kor-name{ height:25px;line-height:25px;font-size:12px;color:#444;float:left;margin-left:7px; } #product-view .right-fix .top .name-wrap .product-right{ float:right; } #product-view .right-fix .top .product-info-box{ width:440px;height:112px; } #product-view .right-fix .top .product-info-box tr{ height:14px;margin:20px auto; } #product-view .right-fix .top .product-info-box .box-left{ width:115px;color:#666;font-weight:300;padding:10px 0; } #product-view .right-fix .top .product-info-box .box-right{ width:335px;color:#666;padding:10px 0; } #product-view .right-fix .top .product-info-box .box-right-2{ width:335px;color:#666;padding:10px 0; } #product-view .right-fix .top .product-info-box .sell-banner-box{ width:440px;height:52px; } #product-view .right-fix .top .price{ width:478px;height:25px;margin-bottom:20px;clear:both; } #product-view .right-fix .top .price .before-sale-price{ font-size:14px;color:#666;float:left;text-decoration:line-through;padding:9px 20px 0 0; } #product-view .right-fix .top .price .real-price{ font-size:25px;color:#666;font-weight:bold;float:left; } #product-view .right-fix .top .line{ background:#aaa;width:100%;height:1px;margin:10px auto;} #product-view .right-fix .top .line2{ background:#aaa;width:100%;height:1px;margin:10px auto 0px;} #product-view .right-fix .bottom{ width:440px;height:119px;margin-left:-1px; } #product-view .right-fix .bottom .box{ width:200px;height:30px;margin-bottom:17px;margin-top:10px;float:left; } #product-view .right-fix .bottom .box .plus{ width:30px;height:30px;border:1px solid #eaeaea;float:left;box-sizing:border-box;font-size:17px;text-align:center;line-height:30px;cursor:pointer; } #product-view .right-fix .bottom .box #view-ea{ float:left;width:30px;height:30px;text-align:center;vertical-align:middle;line-height:20px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;box-sizing:border-box; } #product-view .right-fix .bottom .box .minus{ width:30px;height:30px;border:1px solid #eaeaea;float:left;box-sizing:border-box;font-size:24px;text-align:center;line-height:30px;cursor:pointer; } #product-view .right-fix .bottom .last-price{ float:right;line-height:26px;text-align:right;font-weight:bold;font-size:15px;margin-top:6px;margin-bottom:6px; } #product-view .right-fix .bottom .button{ width:478px;height:60px;margin-top:10px; } #product-view .right-fix .bottom .button .buy{ float:left; } #product-view .right-fix .bottom .button .cart{ float:left; } #product-view .right-fix .bottom .button .wish{ float:left; } /* 우측 고정 픽스 - 다국어 */ #product-view .right-fix-lang{width:440px;height:215px;background:#fff;margin-left:-2px;} /* --- 추천 상품 (179) --- */ #product-view .right-fix-3{width:440px;height:325px;background:#fff;margin-left:-2px; } #product-view .other-product-wrap-179{ width:100%; background-color:#fff; height:272px; margin:5% 0; } #product-view .other-product-wrap-179 ul{ width:100%; height:auto; } #product-view .other-product-wrap-179 li{ width:33.3%; height:auto; float:left; box-sizing:border-box; padding:2.3%; border:3px solid #fff; box-sizing:border-box; cursor:pointer; } #product-view .other-product-wrap-179 li.active{ border:3px solid #ff4898; } #product-view /*.other-product-wrap-179 li:nth-child(3){ border: none; }*/ #product-view .other-product-wrap-179 ul li .product-img{ width:100%; height:0; padding-bottom:100%;background:#dcd; } #product-view .other-product-wrap-179 ul li .product-img img{ width:100%; height:100%; border:none; } #product-view .other-product-wrap-179 ul li .product-title{ font-size:13px; color:#333; line-height:20px; margin-top:10px; margin-bottom:5px; font-weight:bold; } #product-view .other-product-wrap-179 ul li .product-price-low-wrap{ width:100%; height:3.6em; font-size:11px; color:#888; border-bottom:1px solid #f1f1f1; clear:both; line-height:1.8em; } #product-view .other-product-wrap-179 ul li .product-price-low{ width:100%; height:1.8em; clear:both; font-size:11px; color:#888; line-height:1.8em; } #product-view .other-product-wrap-179 ul li .product-price-low .price-left{ width:40%; float:left; } #product-view .other-product-wrap-179 ul li .product-price-low .price-right{ width:60%; float:left; text-align:right; } #product-view .other-product-wrap-179 ul li .product-price-low .price-right span{ font-weight:bold; color:#333; } #product-view .other-product-wrap-179 ul li .product-price-low .price-line{ text-decoration:line-through; } #product-view .other-product-wrap-179 ul li .calobye-list-icon{ width:100%; height:auto; clear:both; padding-top:5px; } #product-view .other-product-wrap-179 ul li .calobye-list-icon img{ } /* --- 추천 상품 (192 / 181) --- */ #product-view .right-fix-2{width:440px;height:325px;background:#fff;margin-left:-2px; } #product-view .other-product-wrap{ width:100%; background-color:#fff; height:299px; margin:5% 0; } #product-view .other-product-wrap ul{ width:100%; height:auto; } #product-view .other-product-wrap li{ width:33.3%; height:auto; float:left; box-sizing:border-box; padding:2.3%; border:3px solid #fff; box-sizing:border-box; cursor:pointer; } #product-view .other-product-wrap li.active{ border:3px solid #ff4898; } #product-view /*.other-product-wrap li:nth-child(3){ border: none; }*/ #product-view .other-product-wrap ul li .product-img{ width:100%; height:0; padding-bottom:100%;background:#dcd; } #product-view .other-product-wrap ul li .product-img img{ width:100%; height:100%; border:none; } #product-view .other-product-wrap ul li .product-title{ font-size:13px; color:#333; line-height:20px; margin-top:10px; margin-bottom:5px; font-weight:bold; } #product-view .other-product-wrap ul li .product-price-low-wrap{ width:100%; height:5.4em; font-size:11px; color:#888; border-bottom:1px solid #f1f1f1; clear:both; line-height:1.8em; } #product-view .other-product-wrap ul li .product-price-low{ width:100%; height:1.8em; clear:both; font-size:11px; color:#888; line-height:1.8em; } #product-view .other-product-wrap ul li .product-price-low .price-left{ width:40%; float:left; } #product-view .other-product-wrap ul li .product-price-low .price-right{ width:60%; float:left; text-align:right; } #product-view .other-product-wrap ul li .product-price-low .price-right span{ font-weight:bold; color:#333; } #product-view .other-product-wrap ul li .product-price-low .price-line{ text-decoration:line-through; } #product-view .other-product-wrap ul li .calobye-list-icon{ width:100%; height:auto; clear:both; padding-top:5px; } #product-view .other-product-wrap ul li .calobye-list-icon img{ } /* 함께하면 좋은 상품 -> hidden */ #product-view .with-product{ width:440px;height:272px;margin-top:32px;margin-bottom:72px;border-top:1px solid #999;border-bottom:1px solid #999; } #product-view .with-product > h1{ font-size:15px;margin-top:15px;margin-left:5px;font-weight:bold; } #product-view .with-product > .slide{ margin-top:47px; } #product-view .with-product > .slide > ul{ width:100%;height:205px; } #product-view .with-product > .slide > ul > .arrow-left{ width:10%;height:162px;float:left;background:url('/img/main/arrow-left.jpg') no-repeat;background-position:left center; } #product-view .with-product > .slide > ul > .product{ width:20%;height:205px;overflow:hidden;float:left;margin:0 auto; } #product-view .with-product > .slide > ul > .product > .thumb-img{ width:112px;height:162px;margin:0 auto; } #product-view .with-product > .slide > ul > .product > .name{ font-size:13px;font-weight:bold;text-align:center;margin-top:20px; } #product-view .with-product > .slide > ul > .arrow-right{ width:10%;height:162px;float:right;background:url('/img/main/arrow-right.jpg') no-repeat;background-position:right center; } /* 상품페이지 게시판 (문의&리뷰) */ #product-view .qna{ width:100%; } #product-view .qna > .board-list{ clear:both;width:98%;margin:30px 0 5px; } #product-view .qna > .board-list .title{ font-weight:bold;width:440px;font-size:14px;line-height:40px; } #product-view .qna > .board-list table{ width:440px;height:;border-top:1px solid #444;border-bottom:1px solid #444;box-sizing:border-box; } #product-view .qna > .board-list tr{ width:440px; } #product-view .qna > .board-list tr td{ height:20%;border-bottom:1px solid #ddd;line-height:34px;box-sizing:border-box; } #product-view .qna > .board-list .list-title{ width:280px;height:35px;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer; } #product-view .qna > .board-list .list-user-id{ width:20%;text-align:center; } #product-view .qna > .board-list .list-star{ width:20%;text-align:center; } #product-view .qna > .board-list .list-date{ width:20%;text-align:center; } #product-view .qna > .board-list .list-wrap .list-number{ width:100%;height:25px; margin:15px 0 25px 0;float:left; } #product-view .qna > .board-list .list-wrap .list-number > ul{ } #product-view .qna > .board-list .list-wrap .list-number > ul > li.number-box{ float:left; width:25px; height:25px;text-align:center;line-height:25px;cursor:pointer; } #product-view .qna > .board-list .list-wrap .list-number > ul > li.number-box:hover{ background:#444;color:#fff;font-weight:bold;border-radius:25px; } #product-view .qna > .board-list .list-wrap .list-number > ul > li.active{ background:#444;color:#fff;font-weight:bold;border-radius:25px;cursor:pointer; } #product-view .qna .button{ width:75px; height:25px;text-align:center;line-height:22px;float:right; border:1px solid #ddd;box-sizing:border-box;cursor:pointer; } #product-view .qna .button:hover{ background:#444;color:#fff;font-weight:bold; } /* 상세 원료 / 배송 테이블 */ #product-view .ingre-info{ width:98%;margin:40px auto; } #product-view .ingre-info .title{ font-weight:bold;width:100%;font-size:14px;line-height:40px; } #product-view .ingre-info table{ width:100%;height:;border-top:1px solid #444;border-bottom:1px solid #444;box-sizing:border-box; } #product-view .ingre-info tr{ width:100%;border-bottom:1px solid #ddd; } #product-view .ingre-info td.table1{ width:20%;text-align:center;font-weight:bold;background:#fafafa; } #product-view .ingre-info td.table2{ width:75%;background:#fff;padding:10px 20px;line-height:17px; } #product-view .ingre-info td.table2 > span{ font-weight:bold; } #product-view .delivery-info{ width:98%;margin:40px auto; } #product-view .delivery-info .title{ font-weight:bold;width:100%;font-size:14px;line-height:40px; } #product-view .delivery-info table{ width:100%;height:;border-top:1px solid #444;border-bottom:1px solid #444;box-sizing:border-box; } #product-view .delivery-info tr{ width:100%;border-bottom:1px solid #ddd; } #product-view .delivery-info td.table1{ width:20%;text-align:center;font-weight:bold;background:#fafafa; } #product-view .delivery-info td.table2{ width:75%;background:#fff;padding:10px 20px;line-height:17px; } #product-view .delivery-info td.table2 > span{ font-weight:bold; } .fix {overflow:hidden} #overlay {height:620px;display:none;} div.contentWrap {height:590px;overflow-y:auto;padding:20px; } .apple_overlay {display:none;background-image:url(/img/main/review-bg.png);width:1000px;padding:20px;font-size:11px;} .apple_overlay .close {background-image:url(../img/overlay/close.png);position:absolute; right:40px; top:25px;cursor:pointer;height:40px;width:40px;-webkit-transition:width 1s, height 1s, background-color 1s, -webkit-transform 2s; transition:width 1s, height 1s, background-color 1s, transform 1s; } .apple_overlay .close:hover{ transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);animation-duration:1s;animation-iteration-count:1;animation-timing-function:linear; } /* 다국어 페이지 국가별 배송요금 테이블표 */ #shipping_table h2 {text-align:center;font-size:18px;margin-bottom:30px} #shipping_table .bg {background:#f4f4f4} #shipping_table table {width:100%;height:100%;border-top:1px solid #333;border-bottom:1px solid #333} #shipping_table table th {background:#eee;padding:10px 5px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} #shipping_table table th:fisrt-child {border-left:1px solid #ddd} #shipping_table table td {border-top:1px solid #ededed;border-right:1px solid #ededed;padding:8px 2px;text-align:center;} #shipping_table table td:first-child {border-left:1px solid #ededed} /* 리뷰 작성하기+ view //board */ .review-add-wrap { } .review-add-wrap h1{ line-height:40px;font-size:15px; } .review-add-wrap .review-add{ width:960px;} .review-add-wrap .review-add .review-info{ height:40px;} .review-add-wrap .review-add .review-info-co{ min-height:400px;border:0px;} .review-add-wrap .review-add tr td{ height:40px;line-height:39px;border-bottom:1px solid #eee;box-sizing:border-box;padding-left:10px; } .review-add-wrap .review-add tr th{ width:120px;height:40px;line-height:39px;border-bottom:1px solid #eee;box-sizing:border-box; } .review-add-wrap .review-add #bbs_title{ width:400px;height:20px;line-height:20px;border:1px #ccc solid;text-indent:10px; } .review-add-wrap .review-add #bbs_pass{ width:100px;height:20px;line-height:20px;border:1px #ccc solid;text-indent:10px; } .review-add-wrap .review-add .review-right{ width:840px;max-width:840px;padding-left:20px;overflow:hidden; } .review-add-wrap .review-add .review-contents img{ max-width:500px !important; } .review-add-wrap .review-add .review-contents{ padding:20px;vertical-align:top;height:350px;line-height:20px;padding:20px; } .review-add-wrap .review-add .review-add-contents{ padding:20px;vertical-align:top;height:200px;line-height:20px;; } .review-add-wrap .board-bt{ width:210px;height:30px;float:right; } .review-add-wrap .board-bt #bt_submit{ width:100px;height:30px;background:#333;color:#fff;text-align:center;line-height:30px; } .review-add-wrap .board-bt #bt_cancel{ width:100px;height:30px;border:1px solid #ddd;text-align:center;line-height:30px;margin-right:5px;box-sizing:border-box; } .review-add-wrap .board-bt #review_edit{ width:100px;height:30px;border:1px solid #ddd;text-align:center;line-height:30px;margin-right:5px;box-sizing:border-box;float:left; } .review-add-wrap .board-bt #review_del{ width:100px;height:30px;background:#333;color:#fff;text-align:center;line-height:30px;float:left; } .black_c_s{ font-size:11px;text-align:left;color:#999;line-height:15px; } .btn-img-add{ width:70px;height:25px;text-align:center;line-height:22px;background:#333;color:#fff;cursor:pointer;float:left; } .btn-img-cancel{ width:70px;height:25px;text-align:center;line-height:22px;border:1px solid #ccc;box-sizing:border-box;background:#fff;cursor:pointer;float:right; } .file_input_div{ float: left;width: 150px;margin-top: -10px;margin-left: 40px; } /* 문의 작성하기+ view //board */ .qna-add-wrap { } .qna-add-wrap h1{ line-height:40px;font-size:15px; } .qna-add-wrap .qna-add{ border-top:1px solid #ccc;border-bottom:1px solid #ccc; } .qna-add-wrap .qna-add .qna-info{ height:40px;} .qna-add-wrap .qna-add .qna-info-co{ min-height:400px;border:0px;} .qna-add-wrap .qna-add tr td{ height:40px;line-height:39px;border-bottom:1px solid #eee;box-sizing:border-box;padding-left:10px; } .qna-add-wrap .qna-add tr th{ width:120px;height:40px;line-height:39px;border-bottom:1px solid #eee;box-sizing:border-box; } .qna-add-wrap .qna-add #bbs_title{ width:400px;height:20px;line-height:20px;border:1px #ccc solid;text-indent:10px; } .qna-add-wrap .qna-add #bbs_pass{ width:100px;height:20px;line-height:20px;border:1px #ccc solid;text-indent:10px; } .qna-add-wrap .qna-add .qna-right{ padding-left:20px; } .qna-add-wrap .qna-add .qna-contents{ padding:20px;vertical-align:top;min-height:200px;line-height:20px; } .qna-add-wrap .qna-add .qna-add-contents{ padding:20px;vertical-align:top;height:200px;line-height:20px;; } .qna-add-wrap .board-bt{ width:210px;height:30px;float:right; } .qna-add-wrap .board-bt #bt_submit{ width:100px;height:30px;background:#333;color:#fff;text-align:center;line-height:30px; } .qna-add-wrap .board-bt #bt_cancel{ width:100px;height:30px;border:1px solid #ddd;text-align:center;line-height:30px;margin-right:5px;box-sizing:border-box; } /* ----- 장바구니 ----- */ /*/* ----- New 주문서 새로 작업 중 ----- */ /*#order{ width:1100px;margin:30px 0; }*/ /**/ /*/* 장바구니 타이틀 */ /*#order .category_title{ height:30px; }*/ /*#order .category_title .main_text{ color:#333;font-size:30px;float:left;padding-right:9px; }*/ /*#order .category_title .sub_text{ float:left;font-size:16px;border-left:1px solid #ccc;padding-left:16px;margin-top:13px; }*/ /*#order .category_title .right_text{ float:right;font-size:13px;margin-top:15px; }*/ /**/ /*/* 장바구니 타이틀 3색라인*/ /*#order .color_line{ width:100%;height:3px;display:block;margin-top:15px; }*/ /*#order .color_line .gray_line{ background:#8e8e8e;width:20%;float:left;height:3px; }*/ /*#order .color_line .black_line{ background:#333;width:60%;float:left;height:3px; }*/ /*#order .color_line .pink_line{ background:#e93b82;width:20%;float:left;height:3px; }*/ /**/ /*/* 주문리스트 - 수정 (171013) */ /*#order .list{ width:100%; }*/ /*#order .sub_title {margin-top:80px;position:relative}*/ /*#order .sub_title h2 {font-size:20px;color:#333;margin-top:}*/ /*#order .sub_title .bar {width:3px;height:20px;background:#333;display:inline-block;vertical-align:middle;margin-right:13px;margin-top:-3px}*/ /*#order .list .title{ background:#fff;width:100%;height:47px; }*/ /*#order .list tr.title td{ border-bottom:1px solid #e4e4e4;box-sizing:border-box; }*/ /*#order .list .title > .title01{ width:592px;height:47px;float:left;color:#000;text-align:center;line-height:47px;font-size:13px; }*/ /*#order .list .title > .title03{ width:151px;height:47px;float:left;color:#000;text-align:center;line-height:47px;font-size:13px; }*/ /*#order .list .title > .title04{ width:111px;height:47px;float:left;color:#000;text-align:center;line-height:47px;font-size:13px; }*/ /*#order .list .title > .title05{ width:104px;height:47px;float:left;color:#000;text-align:center;line-height:47px;font-size:13px; }*/ /*#order .list .title > .title06{ width:142px;height:47px;float:left;color:#000;text-align:center;line-height:47px;font-size:13px; }*/ /**/ /*#order .list .contents{ width:100%; }*/ /*#order .list .contents tr td{ width:100%;height:120px;border-bottom:1px solid #e4e4e4;box-sizing:border-box; }*/ /*#order .list .contents .contents01{ width:150px;height:120px; }*/ /*#order .list .contents .contents01 > .product-img{ float:left;width:100px;height:100px;margin:10px 25px; }*/ /*#order .list .contents .contents01 > .product-img > .img{F width:100px;height:100px;border:1px solid #e4e4e4;box-sizing:border-box;padding:10px; }*/ /*#order .list .contents .contents02{ width:550px;height:120px; }*/ /*#order .list .contents .contents02 .product-name{margin:4px 0 10px;font-weight:bold;font-size:15px;padding-right:10px;box-sizing:border-box }*/ /*#order .list .contents .contents02 .product-option{ margin-top:5px; }*/ /*#order .list .contents .contents03{ width:160px;height:120px;margin-left:23px; }*/ /*#order .list .contents .contents03 .edit-ea{ width:120px;height:30px;margin:0 auto;margin:0px auto; }*/ /*#order .list .contents .contents03 .edit-ea .plus{ width:30px;height:30px;border:1px solid #eaeaea;float:left;box-sizing:border-box;font-size:17px;text-align:center;line-height:30px;cursor:pointer; }*/ /*#order .list .contents .contents03 .edit-ea .ea{ float:left;width:35px;height:30px;text-align:center;background:#eaeaea;vertical-align:middle;line-height:20px; }*/ /*#order .list .contents .contents03 .edit-ea .minus{ width:30px;height:30px;border:1px solid #eaeaea;float:left;box-sizing:border-box;font-size:24px;text-align:center;line-height:30px;cursor:pointer; }*/ /*#order .list .contents .contents04{ width:130px;height:120px;font-size:13px;text-align:center;line-height:120px; }*/ /*#order .list .contents .contents05{ width:130px;height:120px;font-size:13px;text-align:center;line-height:120px; }*/ /*#order .list .contents .contents06{ width:160px;height:120px;font-size:13px;text-align:center;line-height:120px; }*/ /*#order .list .contents .contents06 > .del-button{ width:80px;height:20px;color:#fff;background:#444;text-align:center;line-height:20px;margin:0 auto;cursor:pointer; }*/ /**/ /*/* 주문하기 전에 */ /*#order .notice{ width:907px;height:56px;float:left;padding:10px 0 50px; }*/ /**/ /*/* 결제될 주문 총금액 리스트 */ /*#order .payment{ width:100%;height:134px;margin-top:50px; }*/ /**/ /*#order .payment .pay-title{ width:1280px;height:49px;background:#f5f5f5; }*/ /*#order .payment .pay-title > .title01{ width:200px;height:49px;text-align:center;color:#000;line-height:49px;font-size:13px; }*/ /*#order .payment .pay-title > .title02{ width:200px;height:49px;text-align:center;color:#000;line-height:49px;font-size:13px; }*/ /*#order .payment .pay-title > .title03{ width:200px;height:49px;text-align:center;color:#000;line-height:49px;font-size:13px; }*/ /*#order .payment .pay-title > .title04{ width:628px;height:49px;text-align:right;color:#000;line-height:49px;font-size:13px;padding-right:40px; }*/ /**/ /*#order .payment .pay-contents{ width:1280px;height:100px; }*/ /*#order .payment .pay-contents > .pay-contents01{ width:200px;height:100px;text-align:center;line-height:100px;font-size:17px;border-bottom:1px solid #ccc;box-sizing:border-box; }*/ /*#order .payment .pay-contents > .pay-contents02{ width:200px;height:100px;text-align:center;line-height:100px;font-size:17px;border-bottom:1px solid #ccc;box-sizing:border-box; }*/ /*#order .payment .pay-contents > .pay-contents03{ width:200px;height:100px;text-align:center;line-height:100px;font-size:17px;border-bottom:1px solid #ccc;box-sizing:border-box; }*/ /*#order .payment .pay-contents > .pay-contents04{ width:628px;height:100px;text-align:right;line-height:100px;font-size:22px;padding-right:40px;font-weight:bold;border-bottom:1px solid #ccc;box-sizing:border-box; }*/ /**/ /**/ /*/* 쇼핑 계속하기 / 장바구니 비우기 버튼 */ /*#order .button{ width:373px;height:56px;padding:10px 0 150px;float:right; }*/ /*#order .button > .continue{ background:#fff;width:182px;height:56px;float:left;text-align:center;line-height:56px;font-size:17px;border:1px solid #e4e4e4;box-sizing:border-box; }*/ /*#order .button > .continue:hover{ background:#e4e4e4; }*/ /*#order .button > .cart-clear{ background:#fff;width:182px;height:56px;margin-left:9px;float:left;text-align:center;line-height:56px;font-size:17px;border:1px solid #e4e4e4;box-sizing:border-box; }*/ /*#order .button > .cart-clear:hover{ background:#e4e4e4; }*/ /**/ /*/* 주문자 정보 입력 */ /*#order .input-customer-info{ width:100%;margin-bottom:70px; }*/ /*#order .input-customer-info > .customer-title{ width:30%;height:16px;padding-bottom:15px;font-size:15px;font-weight:bold;color:#000;float:left;border-bottom:1px solid #444; }*/ /*#order .customer-title-sub{ width:70%;height:16px;line-height:16px;padding-bottom:15px;float:right;text-align:right;border-bottom:1px solid #444; }*/ /*#order .customer-info{ width:100%;border-top::1px solid #eaeaea;border-bottom:1px solid #444; }*/ /**/ /*/* 상품 배송지 정보 입력 */ /*#order .input-delivery-add-info{ width:100%;margin-bottom:70px; }*/ /*#order .input-delivery-add-info > .delivery-add-title{ width:100%;height:16px;padding-bottom:15px;font-size:15px;font-weight:bold;color:#000;float:left;border-bottom:1px solid #444;float:left; }*/ /*#order .input-delivery-add-info > .delivery-add-title > input{ margin-left:15px; }*/ /*#order .input-delivery-add-info > .delivery-add-title > label{ margin-left:3px;font-size:12px;color:#777;cursor:pointer; }*/ /*#order .delivery-add-info{ width:100%;border-top::1px solid #eaeaea;border-bottom:1px solid #444; }*/ /**/ /*/* 할인 및 최종 결제 금액 */ /*#order .mileage-payment{ width:100%;margin-bottom:70px; }*/ /*#order .mileage-payment > .mileage-payment-title{ width:100%;height:16px;padding-bottom:15px;font-size:15px;font-weight:bold;color:#000; }*/ /**/ /*#order .mileage-info{ width:100%;height:196px;margin-bottom:45px; }*/ /*#order .mileage-info > .left{ width:630px;height:196px;float:left;border-top:1px solid #444;border-bottom:1px solid #444;box-sizing:border-box; }*/ /*#order .mileage-info > .left > .mileage{ width:630px;height:77px;background:#f5f5f5; }*/ /*#order .mileage-info > .left > .mileage > .title{ width:360px;height:62px;float:left;margin:8px 0; }*/ /*#order .mileage-info > .left > .mileage > .title > p{ width:360px;height:27px;line-height:27px;text-indent:30px;color:#444;font-weight:bold; }*/ /*#order .mileage-info > .left > .mileage > .contents{ width:220px;height:62px;float:right; margin:8px 0;line-height:27px;text-align:right;padding-right:20px; }*/ /**/ /*#order .mileage-info > .left > .select-box{ width:630px;height:119px;border-top:1px solid #ccc;box-sizing:border-box; }*/ /*#order .mileage-info > .left > .select-box > .title{ width:150px;height:80px;float:left;margin:15px 0; }*/ /*#order .mileage-info > .left > .select-box > .title > p{ width:150px;height:40px;line-height:40px;text-indent:30px;color:#444;font-weight:bold; }*/ /*#order .mileage-info > .left > .select-box > .contents{ width:450px;height:89px;float:right;margin:15px 0; }*/ /*#order .mileage-info > .left > .select-box > .contents > p{ width:300px;height:40px;line-height:40px;color:#444; }*/ /*#order .mileage-info > .left > .select-box > .contents > p > #card-type{ width:140px;height:20px;border:1px solid #e4e4e4;box-sizing:border-box;margin:5px 0; }*/ /*#order .mileage-info > .left > .select-box > .contents > p > #card-month{ width:140px;height:20px;border:1px solid #e4e4e4;box-sizing:border-box;margin:5px 0; }*/ /*#order .mileage-info > .left > .other-card{ width:630px;height:524px;border-top:1px solid #ccc;box-sizing:border-box; }*/ /*#order .mileage-info > .left > .other-card > .other-card-title{ margin:23px 0 0 21px;font-weight:bold;color:#444; }*/ /*#order .mileage-info > .left > .other-card > .other-card-contents{ width:726px;height:425px;border:1px solid #e4e4e4;margin:10px 22px 18px 22px;padding:15px; }*/ /**/ /*#order .mileage-info > .right{ width:425px;height:196px;float:right;border-top:1px solid #444;border-bottom:1px solid #444;box-sizing:border-box; }*/ /*#order .mileage-info > .right > .title{ width:425px;height:77px;background:#f5f5f5;font-size:14px;color:#444;line-height:77px;text-align:center;font-weight:bold; }*/ /*#order .mileage-info > .right > .price{ width:425px;height:119px;border-top:1px solid #ccc;box-sizing:border-box;font-size:28px;color:#444;line-height:119px;text-align:center;font-weight:bold; }*/ /*#order .mileage-info > .right > .price input{ width:325px; }*/ /**/ /*/* 비회원 동의 */ /*#order .agree-title{ width:100%;height:16px;padding-bottom:15px;font-size:15px;font-weight:bold;color:#000;float:left;border-bottom:1px solid #444;float:left; }*/ /*#order .agree{ width:1100px;height:350px;border-bottom:1px solid #444;box-sizing:border-box; }*/ /*#order .agree > .contents{ width:100%;height:248px;float:left;margin:40px 0 30px 0;{{MemberRegistPrivate_display}} }*/ /*#order .agree > .contents-last{ width:400px;height:270px;float:right;margin:40px 0 30px; }*/ /*#order .agree > .contents > p{ }*/ /*#order .agree .checkbox{ width:100%;height:20px;font-weight:bold; }*/ /*#order .agree .checkbox-contents{ height:180px;margin-bottom:15px;overflow-y:scroll;background:#f4f4f4;font-size:11px;line-height:18px;padding:15px; }*/ /**/ /**/ /*/* 결제버튼 */ /*#order .final-button{ width:284px;height:55px;margin:50px auto;text-align:center; }*/ /*#order .final-button > .pay-button{ width:135px;height:55px;background:#e93b82;color:#fff;font-size:17px;text-align:center;line-height:55px;border:1px solid #ad225b;box-sizing:border-box;float:right;margin-left:14px; }*/ /*#order .final-button > .cansel-button{ width:135px;height:55px;font-size:17px;text-align:center;line-height:55px;border:1px solid #e4e4e4;float:left;box-sizing:border-box; }*/ /*#order .final-button > .cansel-button:hover{ backgound:#ddd; }*/ /* ----- 주문서 ----- */ #order .customer-info > .gray-title{ background:#fbfbfb;width:1000px;height:46px;border:1px solid #ccc;border-top:1px solid #444;box-sizing:border-box;font-weight:300; } #order .customer-info > .gray-title > .left{ width:134px;height:46px;float:left;text-indent:24px;line-height:46px;color:#000;font-weight:bold; } #order .customer-info > .gray-title > .right{ width:864px;height:46px;float:right; } #order .customer-info > .gray-title > .right > .text{ float:left;line-height:46px; } #order .customer-info > .gray-title > .right > #phone{ width:66px;height:24px;border-radius:1px;background:#444;color:#fff;margin-top:10px;margin-left:13px; } #order .customer-info > .gray-title > .right > #i-pin{ width:66px;height:24px;border-radius:1px;background:#444;color:#fff;margin-top:10px;margin-left:6px; } #order .customer-info > .white-contents{ width:1000px;height:172px;border-bottom:1px solid #444;box-sizing:border-box; } #order .customer-info > .white-contents > .add-title{ width:134px;height:98px;float:left;text-indent:24px;line-height:30px;color:#000;font-weight:bold; } #order .customer-info > .white-contents > .phone-title{ width:134px;height:32px;float:left;text-indent:24px;line-height:30px;color:#000;font-weight:bold; } #order .customer-info > .white-contents > .mail-title{ width:134px;height:42px;float:left;text-indent:24px;line-height:30px;color:#000;font-weight:bold; } #order .customer-info > .white-contents > .customer-info-input{ width:864px;height:172px;clear:both;float:right; } #order .customer-info > .white-contents > .customer-info-input > ul{ margin:10px 0; } #order .customer-info > .white-contents > .customer-info-input > ul > li{ width:860px;height:29px;margin:2px 0; } #order .customer-info > .white-contents > .customer-info-input > ul > li > #add-num{ width:80px;height:20px;border:1px solid #ccc; } #order .customer-info > .white-contents > .customer-info-input > ul > li > #add-search { width:66px;height:22px;border-radius:1px;background:#444;color:#fff;margin-left:13px; } #order .customer-info > .white-contents > .customer-info-input > ul > li > #address{ width:635px;height:20px;border:1px solid #ccc; } #order .customer-info > .white-contents > .customer-info-input > ul > li > #address-other{ width:635px;height:20px;border:1px solid #ccc; } #order .customer-info > .white-contents > .customer-info-input > ul > li > #phone-number-1{ display:block;width:80px;height:20px;border:1px solid #ccc;float:left; } #order .customer-info > .white-contents > .customer-info-input > ul > li > p{ margin:0 7px;float:left;line-height:20px;font-size:15px; } #order .customer-info > .white-contents > .customer-info-input > ul > li > #phone-number-2{ display:block;width:80px;height:20px;border:1px solid #ccc;float:left; } #order .customer-info > .white-contents > .customer-info-input > ul > li > #phone-number-3{ display:block;width:80px;height:20px;border:1px solid #ccc;float:left; } #order .customer-info > .white-contents > .customer-info-input > ul > li > #email-id{ display:block;width:150px;height:20px;border:1px solid #ccc;float:left; } #order .customer-info > .white-contents > .customer-info-input > ul > li > #email-add{ display:block;width:170px;height:20px;border:1px solid #ccc;float:left; } #order .customer-info > .white-contents > .customer-info-input > ul > li > #email-com{ display:block;width:120px;height:22px;border:1px solid #ccc;float:left;margin-left:5px; } /* 배송지 정보 입력*/ #order > .address-title{ clear:both;width:1000px;height:16px;margin-bottom:15px;font-size:15px;font-weight:bold;color:#000; } #order > .delivery-address-info{ width:1000px;height:259px;margin-bottom:45px; } #order > .delivery-address-info > .gray-title{ background:#f4f4f4;width:1000px;height:46px;border:1px solid #ccc;border-top:1px solid #444;box-sizing:border-box; } #order > .delivery-address-info > .gray-title > .left{ width:134px;height:46px;float:left;text-indent:24px;line-height:46px;color:#000;font-weight:bold; } #order > .delivery-address-info > .gray-title > .right{ width:864px;height:46px;float:right; } #order > .delivery-address-info > .gray-title > .right > #delivery-customer-name{ width: 150px;height: 22px;border: 1px solid #ccc;margin-top:10px; } #order > .delivery-address-info > .white-contents{ width:1000px;height:172px;border-bottom:1px solid #444;box-sizing:border-box; } #order > .delivery-address-info > .white-contents > .add-title{ width:134px;height:98px;float:left;text-indent:24px;line-height:30px;color:#000;font-weight:bold; } #order > .delivery-address-info > .white-contents > .phone-title{ width:134px;height:32px;float:left;text-indent:24px;line-height:30px;color:#000;font-weight:bold; } #order > .delivery-address-info > .white-contents > .mail-title{ width:134px;height:42px;float:left;text-indent:24px;line-height:30px;color:#000;font-weight:bold; } #order > .delivery-address-info > .white-contents > .address-info-input{ width:864px;height:172px;clear:both;float:right; } #order > .delivery-address-info > .white-contents > .address-info-input > ul{ margin:10px 0; } #order > .delivery-address-info > .white-contents > .address-info-input > ul > li{ width:860px;height:29px;margin:2px 0; } #order > .delivery-address-info > .white-contents > .address-info-input > ul > li > #delivery-address-number{ width:80px;height:20px;border:1px solid #ccc;float:left; } #order > .delivery-address-info > .white-contents > .address-info-input > ul > li > #delivery-address-search { width:66px;height:22px;border-radius:1px;background:#444;color:#fff;margin-left:13px;float:left; } #order > .delivery-address-info > .white-contents > .address-info-input > ul > li > #add-list-checked{ float:left;margin-top:5px;margin-left:20px; } #order > .delivery-address-info > .white-contents > .address-info-input > ul > li > .add-list{ line-height:29px;margin-left:10px;float:left;font-size:12px;margin-top:-2px; } #order > .delivery-address-info > .white-contents > .address-info-input > ul > li > #delivery-address{ width:635px;height:20px;border:1px solid #ccc; } #order > .delivery-address-info > .white-contents > .address-info-input > ul > li > #delivery-address-other{ width:635px;height:20px;border:1px solid #ccc; } #order > .delivery-address-info > .white-contents > .address-info-input > ul > li > #delivery-address-phone-number-1{ display:block;width:80px;height:20px;border:1px solid #ccc;float:left; } #order > .delivery-address-info > .white-contents > .address-info-input > ul > li > p{ margin:0 7px;float:left;line-height:20px;font-size:15px; } #order > .delivery-address-info > .white-contents > .address-info-input > ul > li > #delivery-address-phone-number-2{ display:block;width:80px;height:20px;border:1px solid #ccc;float:left; } #order > .delivery-address-info > .white-contents > .address-info-input > ul > li > #delivery-address-phone-number-3{ display:block;width:80px;height:20px;border:1px solid #ccc;float:left; } #order > .delivery-address-info > .white-contents > .address-info-input > ul > li > #delivery-letter{ width:635px;height:20px;border:1px solid #ccc; } /* ----- 마이페이지 -----*/ #my-page {width:1200px;height:auto} #my-page .mileage-info > .left_mileage {width:1200px;background:#f9f9f9} #my-page .category_title > .main_text{ color:#333;font-size:30px;float:left;padding-right:9px; } #my-page .category_title > .sub_text{ float:left;font-size:16px;border-left:1px solid #ccc;padding-left:16px;margin-top:13px; } #my-page .category_title > .right_text{ float:right;font-size:13px;margin-top:15px; } #my-page .my-page-title {font-size:20px;color:#333;text-align:left;margin-bottom:38px;margin-top:80px} #my-page .my-page-title .my-page-title-bar {width:3px;background:#333;height:20px;display:inline-block;vertical-align:middle;margin-right:13px;margin-top:-3px} #my-page .mileage{ width:1200px;height:220;background:#f9f9f9;border:1px solid #e5e5e5;padding:10px; } #my-page .mileage .left-box{ width:630px;height:130px;background:#fff;box-sizing:border-box;float:left; } #my-page .mileage .right-box{ width:630px;height:130px;background:#fff;border-left:2px solid #f0f0f0;box-sizing:border-box; float:left; } #my-page .mileage .inner-box{ width:500px;height:80px;margin:25px auto; } #my-page .mileage .inner-box p{ width:500px;height:40px;line-height:40px;border-bottom:1px solid #ccc;box-sizing:border-box; } #my-page .mileage .inner-box p > .search-button{ width:30px;height:20px;background:#444;color:#fff;float:right; text-align:center;line-height:20px;vertical-align: middle;margin-top:13px; } #my-page .mileage .inner-box p > span{ text-align:right;font-weight:bold; float:right; } #my-page .now-table-title{ text-align:center;color:#000;margin-top:60px;margin-bottom:10px;font-size:13px;font-weight:bold;letter-spacing:-1px; } #my-page .now-table{width:100%;background:#f9f9f9;padding:50px 45px;font-weight:bold;border:1px solid #e5e5e5;box-sizing:border-box} #my-page .now-table ul{ width:100%;height:130px;background:#fff;border:1px solid #e5e5e5} #my-page .now-table ul > li{color:#333;float:left;width:20%;height:85px;border-right:1px solid #e5e5e5;box-sizing:border-box;text-align:center;margin:20px 0} #my-page .now-table ul > li:last-child{ bordeR:0px; } #my-page .now-table p {line-height:40px;font-size:13px} #my-page .now-table p a {color:#333} #my-page .now-table .order-number{font-size:30px;font-weight:bold;color:#000;line-height:30px} #my-page .now-table .order-number a {color:#777} #my-page .now-table .order-number .order-number-color{color:#ff4898} #my-page .btns{ width:100%;height:100%;background:#f9f9f9;margin-top:50px;margin-bottom:50px;border:1px solid #e5e5e5;box-sizing:border-box;padding:47px 0;overflow:hidden} #my-page .btns a {display:block;width:250px;height:400px;border:1px solid #e5e5e5;background:#fff;float:left;margin:0 15px;box-sizing:border-box} #my-page .btns a:first-child {margin-left:49px} #my-page .btns .btn-icon{width:80px;height:80px;border-radius:80px;background:#ddd;margin:50px auto 35px} #my-page .btns .btn-order{background:url(/img/main/mypage-order-icon.png) top center} #my-page .btns .btn-member{background:url(/img/main/mypage-member-icon.png) top center} #my-page .btns .btn-wish{background:url(/img/main/mypage-wish-icon.png) top center} #my-page .btns .btn-board{background:url(/img/main/mypage-board-icon.png) top center} #my-page .btns .btn-title{color:#333;text-align:center;letter-spacing:2px;font-weight:bold;line-height:20px;font-size:14px} #my-page .btns .btn-title > span {font-size:13px;letter-spacing:0} #my-page .btns .btn-text{width:100%;height:60px;text-align:center;margin:20px auto;color:#777;line-height:17px} #my-page .btns .view-more{margin-top:30px;text-align:center} /* --- 마이페이지 > 회원정보수정 --- */ #member-info-modify{ width:100%;margin-bottom:50px; } #member-info-modify .modify-title{ text-align:center;color:#444;margin-bottom:10px;font-size:13px;font-weight:bold;letter-spacing:-1px; } #member-info-modify .gray-line{ width:30px;height:2px;background:#ddd;margin:15px auto; } #member-info-modify .member-bye-btn{ width:50px;height:20px;text-align:center;line-height:20px;font-size:11px;border:1px solid #ccc;color:#ccc;float:right; } /* ----- 마이페이지 > 주문 현황 (입금대기/입금확인중/배송전/배송중/구매완료/구매환불완료/판매자취소내역/판매자취소완료내역/반품요청/반품성사/반품환불완료) ----- */ #my-buy{ margin-bottom:80px; } #my-buy .my-buy-title{ text-align:center;color:#444;margin-top:20px;margin-bottom:10px;font-size:13px;letter-spacing:1px;font-weight:bold; } #my-buy .my-buy-sub{ text-align:left;color:#888;margin-top:20px;margin-bottom:10px;font-size:12px; } #my-buy .gray-line{ width:30px;height:2px;background:#ddd;margin:15px auto 20px;; } #my-buy .now-table-title{ text-align:center;color:#444;margin-top:60px;margin-bottom:10px;font-size:13px;font-weight:bold;letter-spacing:-1px; } #my-buy .now-table{ width:1100px;height:130px;background:#f4f4f4;font-weight:bold;border-top:2px solid #333; } #my-buy .now-table ul{ width:1100px;height:130px; } #my-buy .now-table ul > li{ float:left; width:20%;height:70px;border-right:2px solid #fff;box-sizing:border-box;text-align:center;margin-top:30px;margin-bottom:30px; } #my-buy .now-table ul > li:last-child{ border:0; } #my-buy .now-table p{ line-height:30px; } #my-buy .now-table .order-number{ font-size:25px;font-weight:bold;color:#444;line-height:40px; } /* ----- 마이페이지 > 내가 찜한 상품 ----- */ #my-zzim-view { width:100%;margin-bottom:50px; } #my-zzim-view .my-zzim-title{ text-align:center;color:#444;margin-top:20px;margin-bottom:10px;font-size:13px;letter-spacing:1px;font-weight:bold; } #my-zzim-view .my-zzim-sub{ text-align:left;color:#888;margin-top:20px;margin-bottom:10px;font-size:12px; } #my-zzim-view .gray-line{ width:30px;height:2px;background:#ddd;margin:15px auto 20px;; } /* ----- 마이페이지 > 게시물관리 ----- */ #my-write-list { width:100%;margin-bottom:50px; } #my-write-list .my-write-title{ text-align:center;color:#444;margin-top:20px;margin-bottom:10px;font-size:13px;letter-spacing:1px;font-weight:bold; } #my-write-list .gray-line{ width:30px;height:2px;background:#ddd;margin:15px auto 20px;; } #my-write-list .now-table-title{ text-align:center;color:#444;margin-top:60px;margin-bottom:10px;font-size:13px;font-weight:bold;letter-spacing:-1px; } #my-write-list .now-table{ width:1200px;height:130px;background:#f4f4f4;font-weight:bold;margin-bottom:30px;border-top:2px solid #333; } #my-write-list .now-table ul{ width:1100px;height:130px; } #my-write-list .now-table ul > li{ float:left; width:20%;height:70px;border-right:2px solid #f0f0f0;box-sizing:border-box;text-align:center;margin-top:30px;margin-bottom:30px;cursor:pointer; } #my-write-list .now-table ul > li:last-child{ border:0px; } #my-write-list .now-table p{ line-height:30px; } #my-write-list .now-table .order-number{ font-size:25px;font-weight:bold;color:#444;line-height:40px; } /* ----- 고객센터 ----- */ #customer-center{ margin-bottom:80px; } #customer-center .customer-center-title{ text-align:center;color:#444;margin-top:20px;margin-bottom:10px;font-size:13px;letter-spacing:1px;font-weight:bold; } #customer-center .gray-line{ width:30px;height:2px;background:#ddd;margin:15px auto 20px;; } #customer-center .cs-top-box{ width:1100px;height:200px;margin-bottom:30px; } #customer-center .cs-top-box .left-box{ width:630px;height:200px;float:left;border-top:2px solid #333;box-sizing:border-box;background:#f6f6f6; } #customer-center .cs-top-box .left-box .little-box{ float:left;width:50%;height:180px; } #customer-center .cs-top-box .left-box .little-box p{ text-align:center;margin:20px 0;color:#333;font-size:14px; } #customer-center .cs-top-box .left-box .little-box p > span { font-size:12px;color:#aaa; } #customer-center .cs-top-box .left-box .little-box div { width:100px;height:100px;background:#fff;border-radius:100px;margin:25px auto 0; } #customer-center .cs-center-board{ width:1020px;margin:20px auto;padding:40px 40px 0 40px; } #customer-center .cs-center-board span{ color:#cf316b;font-weight:bold; } #customer-center .cs-top-box .right-box{ width:430px;height:200px;float:right;border-top:2px solid #333;box-sizing:border-box;background:#f6f6f6; } #customer-center .cs-top-box .right-box .title{ margin:20px 30px 10px;font-size:14px;color:#333; } #customer-center .cs-top-box .right-box .title > span{ font-size:12px;color:#aaa; } #customer-center .cs-top-box .right-box .number{ margin:20px 30px 0;font-size:45px;color:#cf316b; } #customer-center .cs-top-box .right-box .time{ margin:10px 30px;font-size:11px; } #customer-center .cs-top-box .right-box .time > span{ color:#aaa; } #customer-center .cs-center-btn-wrap{ width:100%; height:50px;margin:0 auto; } #customer-center .cs-center-btn-wrap li{width:33.3%;height:50px;margin:0 auto; float:left; line-height:50px; text-align:center; font-weight:bold; color:#fff; } #customer-center .cs-center-btn-wrap li a{width:100%; height:50px; cursor:pointer; color:#fff; background:#333; padding:15px 100px;} #customer-center .cs-center-btn-wrap li a:hover{width:100%; height:50px; cursor:pointer; color:#fff; background:#111111; padding:15px 100px; transition: all 0.3s ease;} #customer-center .cs-center-btn-wrap2{ width:100%; height:50px;margin:60px auto 0; } #customer-center .cs-center-btn-wrap2 li{width:33.3%;height:50px;margin:0 auto; float:left; line-height:50px; text-align:center; font-weight:bold; color:#fff; } #customer-center .cs-center-btn-wrap2 li a{width:100%; height:50px; cursor:pointer; color:#333; background:#fff; border:1px solid #ccc; padding:15px 100px;} #customer-center .cs-center-btn-wrap2 li a:hover{width:100%; height:50px; cursor:pointer; color:#fff; background:#333; padding:15px 100px; transition: all 0.3s ease;} /* ----- 회사 소개 ----- */ #company{ width:1100px;margin:50px auto; } #company .company-title{ text-align:left;color:#000;margin-top:60px;margin-bottom:10px;font-size:15px;font-weight:bold;letter-spacing:-1px;line-height:20px;text-indent:15px; } #company .company-title span{ color:#aaa;font-size:10px;line-height:20px;margin-right:15px; } /* ----- 체험단 ----- */ #wrap .experience-wrap{ width:100%;background:#fff; } #wrap .experience-wrap .experience-title{ font-size:15px;text-align:center;color:#333;padding-top:50px; } #wrap .experience-wrap .experience-sub{ font-size:30px;text-align:center;font-weight:bold;color:#333; } #wrap .experience-wrap .experience-buy-button{ width:150px;height:44px;color:#333;border:2px solid #333;cursor:pointer;margin:20px auto 10px;box-sizing:border-box;line-height:40px;text-align:center; } #wrap .experience-wrap .experience-buy-button:hover{ background:#333;color:#fff; } #wrap .experience-wrap .experience-more-button{ width:180px;height:44px;color:#333;border:2px solid #333;cursor:pointer;margin:0 auto;box-sizing:border-box;line-height:40px;text-align:center; } #wrap .experience-wrap .experience-more-button:hover{ background:#333;color:#fff; } #wrap .experience-wrap .experience-img{ width:1280px;margin:60px auto; } /* ----- 무통장 주문완료 ----- */ #no-member-buy-bank-end{ width:1200px;margin:80px 0 30px; } /* 무통장 주문완료 타이틀 */ #no-member-buy-bank-end .category_title{ height:30px; } #no-member-buy-bank-end .category_title > .main_text{ color:#333;font-size:30px;float:left;padding-right:9px; } #no-member-buy-bank-end .category_title > .sub_text{ float:left;font-size:16px;border-left:1px solid #ccc;padding-left:16px;margin-top:13px; } #no-member-buy-bank-end .category_title > .right_text{ float:right;font-size:13px;margin-top:15px; } /* 무통장 주문완료 3색라인*/ #no-member-buy-bank-end .color_line{ width:100%;height:3px;display:block;margin-top:15px; } #no-member-buy-bank-end .color_line > .gray_line{ background:#8e8e8e;width:20%;float:left;height:3px; } #no-member-buy-bank-end .color_line > .black_line{ background:#333;width:60%;float:left;height:3px; } #no-member-buy-bank-end .color_line > .pink_line{ background:#e93b82;width:20%;float:left;height:3px; } /* 내용 */ #no-member-buy-bank-end .contents-wrap{ width:100%;} #no-member-buy-bank-end .contents-wrap .bank-end-notice{ text-align:center;font-size:30px;color:#333;margin-top:50px;font-weight:bold; } #no-member-buy-bank-end .contents-wrap .order-number{ text-align:center;font-size:18px;color:#e93b82;margin-top:20px;font-weight:bold; } #no-member-buy-bank-end .contents-wrap .order-notice{ width:750px;height:250px;padding:40px;margin:35px auto;background:#f9f9f9; } #no-member-buy-bank-end .contents-wrap .order-notice .bank-title{ text-align:center;font-size:14px;font-weight:bold; } #no-member-buy-bank-end .contents-wrap .order-notice .bank-sub-title{ text-align:center;color:#888;line-height:23px; } #no-member-buy-bank-end .contents-wrap .account_name {display:block;text-align:center;color:#333;font-size:13px;font-weight:bold;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:10px 0;width:500px;margin:0 auto} #no-member-buy-bank-end .contents-wrap .order-notice .bank-number{ text-align:center;line-height:28px;color:#777;padding:10px;font-weight:bold;} #no-member-buy-bank-end .contents-wrap .order-notice .bank-number li {font-size:15px} #no-member-buy-bank-end .contents-wrap .order-notice .order-notice-contents{ margin-top:20px;text-align:center } #no-member-buy-bank-end .shopping-go-btn{ width:250px;height:50px;background:#333;color:#fff;text-align:center;line-height:50px;font-size:14px;margin:40px auto; } #no-member-buy-bank-end .shopping-go-btn a{ color:#fff; } /* ----- 신용카드 주문완료 ----- */ #buy-creditcard-end{ width:1200px;margin:80px 0; } /* 비회원 무통장 주문완료 타이틀 */ #buy-creditcard-end .category_title{ height:30px; } #buy-creditcard-end .category_title > .main_text{ color:#333;font-size:30px;float:left;padding-right:9px; } #buy-creditcard-end .category_title > .sub_text{ float:left;font-size:16px;border-left:1px solid #ccc;padding-left:16px;margin-top:13px; } #buy-creditcard-end .category_title > .right_text{ float:right;font-size:13px;margin-top:15px; } /* 비회원 무통장 주문완료 3색라인*/ #buy-creditcard-end .color_line{ width:100%;height:3px;display:block;margin-top:15px; } #buy-creditcard-end .color_line > .gray_line{ background:#8e8e8e;width:20%;float:left;height:3px; } #buy-creditcard-end .color_line > .black_line{ background:#333;width:60%;float:left;height:3px; } #buy-creditcard-end .color_line > .pink_line{ background:#e93b82;width:20%;float:left;height:3px; } /* 내용 */ #buy-creditcard-end .contents-wrap{ width:100%} #buy-creditcard-end .contents-wrap .bank-end-notice{ text-align:center;font-size:30px;color:#333;margin-top:50px;font-weight:bold; } #buy-creditcard-end .contents-wrap .order-number{ text-align:center;font-size:18px;color:#e93b82;margin-top:20px;font-weight:bold; } #buy-creditcard-end .contents-wrap .order-notice{ width:600px;height:85px;padding:20px 40px;margin:20px auto;border:1px dotted #ddd; } #buy-creditcard-end .contents-wrap .order-notice .bank-title{ text-align:center;font-size:14px;font-weight:bold; } #buy-creditcard-end .contents-wrap .order-notice .bank-sub-title{ text-align:center;color:#888;line-height:23px; } #buy-creditcard-end .contents-wrap .order-notice .bank-number{ text-align:center;line-height:23px;font-size:20px;background:#e93b82;color:#fff;padding:10px;font-weight:bold;margin-top:10px; } #buy-creditcard-end .contents-wrap .order-notice .order-notice-contents{ margin-top:20px;} #buy-creditcard-end .shopping-go-btn{ width:250px;height:50px;background:#333;color:#fff;text-align:center;line-height:50px;font-size:14px;margin:40px auto 80px; } #buy-creditcard-end .shopping-go-btn a{ color:#fff;display:block} /* 갤러리 - 리뉴얼 (171012 KSW)*/ #gallery {position:relative;width:100%;height:100%} #gallery .gallery_top_wrap {width:100%;height:350px;background:#f9f9f9 url(http://webimg.calobye.com/img/ver2/gallery_bg02.jpg) no-repeat center;min-width:1200px;} #gallery .gallery_top {width:1200px;margin:0 auto;position:relative} #gallery .gallery_top dl {position:absolute;top:189px;left:118px} #gallery .gallery_top dd {margin-top:42px} #gallery .gallery_title h2 {font-size:20px;color:#333;margin-top:45px} #gallery .gallery_title .gallery_title_bar {width:3px;background:#333;height:20px;display:inline-block;vertical-align:middle;margin-right:13px;margin-top:-3px} #gallery .paging {width:100%;text-align:center;font-size:0;padding:50px 0} #gallery .paging span {font-size:15px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;width:29px;height:29px;line-height:29px;display:inline-block;box-sizing:border-box;color:#888;cursor:pointer} #gallery .paging span:first-child{border-left:0} #gallery .paging img {cursor:pointer;vertical-align:top} #gallery .paging span.on {border-bottom:2px solid #ff4898} #sne-gallery-wrap {width:1220px;margin:50px auto;overflow:hidden} #sne-gallery-wrap p{cursor:pointer} #sne-gallery-wrap span{cursor:pointer} #sne-gallery-wrap img{cursor:pointer;vertical-align:middle} #sne-gallery-wrap .sne-mov{ width:390px;height:189px;float:left;margin:0 0 10px 10px;background:#000;position:relative} #sne-gallery-wrap > div:hover .playing-text {display:block} #sne-gallery-wrap > div:hover .viewing_txt {display:block} #sne-gallery-wrap .sne-mov .sne-mov-thumb:hover{ opacity:0.3;filter: alpha(opacity=30);/* For IE8 and earlier */cursor:pointer} #sne-gallery-wrap .sne-mov .sne-mov-thumb {width:100%} #sne-gallery-wrap .sne-img .sne-img-thumb {width:100%} #sne-gallery-wrap .sne-img{ width:190px;height:190px;float:left;background:#000;margin:0 0 10px 10px} #sne-gallery-wrap .sne-img img {width:100%;height:100%} #sne-gallery-wrap .sne-img:hover img{opacity:0.3;filter: alpha(opacity=30);/* For IE8 and earlier */cursor:pointer} #sne-gallery-wrap .sne-img:hover .playing-text{display:block !important;color:#fff; } #sne-gallery-wrap .play-btn{width:30px;height:30px;position:absolute;bottom:15px;left:15px;margin:0 !important} #sne-gallery-wrap .play-btn:hover{opacity:none} #sne-gallery-wrap .mov-title{position:absolute;margin-top:-48px;margin-left:50px;font-weight:bold;color:#fff} #sne-gallery-wrap .mov-sub-text{position:absolute;margin-top:-30px;margin-left:50px;color:#f9f9f9;font-size:11px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;height:15px;width:300px;overflow:hidden;} #sne-gallery-wrap .playing-text{display:none;position:absolute;font-size:15px;margin-top:-100px;margin-left:150px;font-weight:bold;color:#fff} #sne-gallery-wrap .viewing_txt{display:none;position:absolute;color:#fff;font-size:15px;margin-top:-95px;margin-left:55px;color:#fff} /* ----- 안지현 컬럼 ------ */ .dr-an-top-banner{width:100%;height:180px;background-color:#f9f9f9} /* ----- 이벤트 SNS 공유하기 ----- */ .sns_wrap {position:absolute} .sns_wrap li, .sns_wrap2 li {display:inline-block} .sns_wrap2 {width:1100px;margin:0 auto;z-index:999;text-align:center;} .global-zeroclipboard-container {height:35px !important} .sns_wrap li a, .sns_wrap2 li a {position:relative;;display:block;height:35px} .sns_wrap li span, .sns_wrap2 li span {visibility:hidden;top:45px;right:-70px;position:absolute;background:#fff;border:1px solid #ddd;z-index:999;width:130px;padding:3px;text-align:center} .sns_wrap li a:hover .box, .sns_wrap2 li a:hover .box {visibility:visible;} .box_url {width:100px !important;} .box {font-weight:bold} /* --- 종료된 이벤트 리스트 페이징 (170829리뉴얼) --- */ .event-list-wrap .event-list-paging-wrap{width:1100px; height:30px; margin:30px auto 100px; clear:both;} .event-list-paging-wrap .event-list-paging{ width:100%; height: 30px; margin:0 auto;text-align:center} .event-list-paging-wrap .event-list-page-number-on{display:inline-block; background-color:#ededed; width:26px; height:26px; font-size:12px; text-align:center; font-weight:bold; line-height: 26px; color:#333; } .event-list-paging-wrap .event-list-page-number{display:inline-block; background-color:#fff; width:26px; height:26px; font-size:12px; text-align:center; line-height:26px; color:#333;} .event-list-paging-wrap .event-list-page-number:hover{ text-decoration:underline; } /* ----- board 리스트 ----- */ .board-page-number-on{ display:block;background-color:#ededed;width:26px;height:26px;font-size:12px;text-align:center;border:1px solid #cccccc;font-weight:bold;line-height: 26px;float:left;color:#333; } .board-page-number{ display:block;background-color:#fff;width:26px;height:26px;font-size:12px;text-align:center;border:1px solid #ccc;line-height:26px;float:left;color:#333; } /* ----- 404 page ----- */ .last-line{ width:100%;height:1px;background:#000; } .404-page-logo { width:120px;height:auto; } /* ----- 리뷰리스트 ----- */ /* ------ 카테고리 타이틀 ----- */ .category_title > .main_text{ color:#333;font-size:30px;float:left;padding-right:9px;font-weight:bold; } .category_title > .sub_text{ float:left;font-size:16px;border-left:1px solid #ccc;padding-left:16px;margin-top:13px; } .category_title > .right_text{ float:right;font-size:13px;margin-top:15px; } /* ------ 제휴문의 페이지 ----- */ .contact-us-bg{ width:100%;height:auto;/*background-image:url('http://webimg.calobye.com/img/subpage/contact-us-bg.png');background-position:center top; background-repeat:no-repeat; background-size:100% 40%;*/ } .contact-us-wrap{ width:1100px;height:250px;border:1px solid #f1f1f1;box-sizing:border-box;padding:25px 50px;margin-bottom:25px; } .contact-us-wrap01{ width:1100px;height:200px;border:1px solid #f1f1f1;box-sizing:border-box;padding:25px 50px;margin-bottom:25px; } .contact-us-wrap02{ width:100%; min-width:1100px; height:401px;background:#f9f9f9;border:1px solid #f1f1f1;box-sizing:border-box;overflow:hidden; } .contact-us-wrap03{ width:1100px;height:500px;border:1px solid #f1f1f1;box-sizing:border-box;padding:25px 50px;margin-bottom:25px; } .contact-us-sub-title{ font-size:16px;color:#888;margin:30px 0 10px 0;font-weight:bold;text-align:center; } .calobye-info-title{ text-align:center;font-size:#888;margin-top:20px;line-height:35px;font-size:20px;color:#888; } .calobye-info{ font-size:20px;color:#888;font-weight:bold;text-align:center;line-height:35px;margin-top:5px; } .calobye-info span{ font-size:22px;color:#cf316b;text-decoration:underline; } .contact-us-title-label{ width:213px;height:43px;position:relative;left:-10px;top:56px; } .e-mail-copy{ width:430px;height:50px;margin:20px auto; } .calobye-info01{ width:350px;height:50px;float:left;border:5px solid #f1f1f1;font-size:17px;color:#888;font-weight:bold;text-align:center;line-height:40px;box-sizing:border-box;background:#fff; } .calobye-info01 span{ color:#cf316b; } .copy-button{ width:70px;height:50px;float:left;background:#cf316b;color:#fff;cursor:pointer;line-height:48px;font-size:15px;text-align:center;margin-left:10px;font-weight:bold;border:1px solid #c02d63;box-sizing:border-box; } .calobye-info-contents{ text-align:center;margin-top:20px;line-height:20px; } .contact-us-icon-img{ width:50px;height:50px;margin:20px auto; } .contact-us-step-img{ width:800px;height:200px;margin:0 auto; } .contact-us-sne-img{ width:250px;height:250px;margin:0 auto;margin-top:15px; } /* --- 언론보도 --- */ .news_banner {width:100%;height:350px;background:#f9f9f9 url(http://webimg.calobye.com/img/ver2/news_bg_02.jpg) no-repeat center;overflow:hidden;min-width:1200px;margin-bottom:30px} .news_list {width:25%;float:left;height:300px;margin-top:60px} .news_list ul {width:270px} .news_list .thumbnail {height:190px;border:1px solid #e5e5e5;box-sizing:border-box;margin-bottom:20px} .news_list .thumbnail img {width:100%;height:100%;vertical-align:top} .news_list dl {padding:0 10px;text-align:center} .news_title {font-family:'Nanum Gothic', sans-serif;font-weight:bold;font-size:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;line-height:18px;height:36px;} .news_title a {color:#333} .news_title a:hover {text-decoration:underline;color:#333} .news_txt span{font-size:14px;color:#777;padding:0 5px;} .news_txt {color:#333;font-weight:bold;margin-top:20px} /* --- 언론보도 리스트 페이징 (170829리뉴얼) --- */ .news-list-paging-wrap{width:925px; height:30px; margin:30px auto 100px; clear:both;} .news-list-paging-wrap .news-list-paging{ width:100%; height: 30px; margin:0 auto;text-align:center} .news-list-paging-wrap .news-list-page-number-on{display:inline-block; background-color:#ededed; width:26px; height:26px; font-size:12px; text-align:center; font-weight:bold; line-height: 26px; color:#333; } .news-list-paging-wrap .news-list-page-number{display:inline-block; background-color:#fff; width:26px; height:26px; font-size:12px; text-align:center; line-height:26px; color:#333;} .news-list-paging-wrap .news-list-page-number:hover{ text-decoration:underline; } /* 구매하기 리뉴얼 - 리스트 (170928 KSW) */ #sell_list {position:relative;width:100%;height:100%;padding-bottom:100px} #sell_list .sell_list_top {background:#f9f9f9;text-align:center;width:100%;height:100px;font-size:0} #sell_list .sell_list_top span {display:inline-block;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fff;font-size:12px;text-align:center;height:40px;line-height:40px;width:128px;margin-top:30px;color:#777;cursor:pointer} #sell_list .sell_list_top span:first-child{border-left:1px solid #e5e5e5} #sell_list .sell_list_top span.on {color:#fff;font-weight:bold;background:#ff4898} #sell_list .sell_list_title .sell_list_title_bar {width:3px;background:#333;height:20px;display:inline-block;vertical-align:middle;margin-right:13px} #sell_list .sell_list_title h2 {font-size:20px;color:#333;margin-top:45px} #sell_list .sell_list_title .sell_list_category {text-align:right;width:100%;margin:80px 0 0} #sell_list .sell_list_title .sell_list_category span {font-size:11px;font-family:'Gulim';display:inline-block;margin-left:30px} #sell_list .sell_list_title .sell_list_category span a {color:#999} #sell_list .sell_list_title .sell_list_category span a.on {text-decoration:underline} #sell_list .sell_list_title .sell_list_category span a:hover {text-decoration:underline} #sell_list .sell_list_wrap {width:1215px;margin:0 auto;position:relative;} #sell_list .sell_list_wrap:after {display:block;clear:both;content:"";} #sell_list .sell_list_wrap .sell_list {float:left;width:400px;padding:12px;margin-top:35px;text-align:center;box-sizing:border-box} #sell_list .sell_list_wrap .sell_list a {display:block;width:375px;border:1px solid #e5e5e5;height:580px;box-sizing:border-box} #sell_list .sell_list_wrap .sell_list a:hover {border:1px solid #ff4898;box-sizing:border-box} #sell_list .sell_list_wrap .sell_list .img {width:350px;height:350px;line-height:350px;margin:0 auto;position:relative;text-align:center;padding-top:12px} #sell_list .sell_list_wrap .sell_list .img span {position:absolute;top:12px;left:0;width:65px;height:65px;line-height:65px;background:#ff4898;color:#fff;font-weight:bold;font-size:22px} #sell_list .sell_list_wrap .sell_list .img img {vertical-align:top;width:350px;height:350px;border:1px solid #f1f1f1;box-sizing:border-box} #sell_list .sell_list_wrap .sell_list .title {font-size:15px;color:#565656;font-weight:bold;font-weight:bold;margin-top:30px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} #sell_list .sell_list_wrap .sell_list .txt {font-size:15px;color:#888;margin-top:5px;padding:0 20px;line-height:21px} #sell_list .sell_list_wrap .sell_list .txt img {vertical-align:middle} #sell_list .sell_list_wrap .sell_list .fuction {padding: 5px;margin: 13px auto 3px;width: 60%;background: #f9f9f9;font-weight: bold;color:#333;} #sell_list .sell_list_wrap .sell_list .price {margin-top:15px} #sell_list .sell_list_wrap .sell_list .price .price_txt {font-size:14px;color:#888;text-decoration:line-through;} #sell_list .sell_list_wrap .sell_list .price .total {font-size:20px;color:#ff4898;font-weight:bold;margin-left:20px} #sell_list .wrap {width:1200px;margin:0 auto;position:relative} #sell_list .op {background:url('http://webimg.calobye.com/img/ver2/overlay_bg2.png') repeat;background-size:cover} #sell_list .paging {width:100%;text-align:center;font-size:0;padding:65px 0 0} #sell_list .paging > a.paging-number {font-size:15px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;width:29px;height:29px;line-height:29px;display:inline-block;box-sizing:border-box;color:#888;cursor:pointer} #sell_list .paging > a.paging-number:first-child{border-left:0} #sell_list .paging img {cursor:pointer;vertical-align:top} #sell_list .paging .on {border-bottom:2px solid #ff4898 !important} /* 수신거부 페이지 */ #sell_tab #sell_tab2 {margin-top:126px} #sell_tab .sell_tab2 {width:100%;height:920px;background:#f9f9f9;padding:50px} #sell_tab .sell_tab2 .sell_tab2_wrap {background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;width:1100px;height:100%;padding-top:30px} #sell_tab .sell_tab2 .sell_tab2_wrap ul {overflow:hidden;} #sell_tab .sell_tab2 .sell_tab2_wrap > ul {margin-top:15px} #sell_tab .sell_tab2 .sell_tab2_wrap > ul:first-child {margin:0} #sell_tab .sell_tab2 .sell_tab2_wrap ul > li {float:left;font-size:13px;color:#333;line-height:23px} #sell_tab .sell_tab2 .sell_tab2_wrap ul > li.title {width:140px;font-weight:bold;text-align:right;margin-right:60px} #sell_tab .sell_tab2 .sell_tab2_wrap ul > li .table {border:1px solid #e5e5e5;padding:15px 0;width:700px} #sell_tab .sell_tab2 .sell_tab2_wrap ul > li .table dl {width:100%;font-size:15px} #sell_tab .sell_tab2 .sell_tab2_wrap ul > li .table dt {background:#eee;padding:10px 0;font-weight:bold} #sell_tab .sell_tab2 .sell_tab2_wrap ul > li .table dd {line-height:30px} #sell_tab .sell_tab2 .sell_tab2_wrap ul > li .table_left {width:120px !important} #sell_tab .sell_tab2 .sell_tab2_wrap ul > li .table_left dt{padding-left:29px} #sell_tab .sell_tab2 .sell_tab2_wrap ul > li .table_left dd{padding-left:29px} #sell_tab .sell_tab2 .sell_tab2_wrap ul > li .table_right {width:165px !important} #sell_tab .sell_tab2 .sell_tab2_wrap ul > li .table_right dt{padding-right:50px} #sell_tab .sell_tab2 .sell_tab2_wrap ul > li .table_right dd{padding-right:50px}