@charset "utf-8"; body{min-width:1200px;} /*2016_09_21 추가*/ #nd_overlay{top: 125px; /* left: 242px; */ width:670px; height:225px; opacity: 0.95; background-color: #bcc0c4; z-index: 100; position: absolute; color:#ffffff; text-align: center; font-size: 10pt; padding-top: 80px; display: none;} #nd_overlay a{color:#ffffff} #ch_overlay{top: 125px; /* left: 242px; */ width:670px; height:225px; opacity: 0.95; background-color: #bcc0c4; z-index: 100; position: absolute; color:#ffffff; text-align: center; font-size: 10pt; padding-top: 80px; display: none;} #ch_overlay a{color:#ffffff} #jp_overlay{top: 125px; /* left: 242px; */ width:670px; height:225px; opacity: 0.95; background-color: #bcc0c4; z-index: 100; position: absolute; color:#ffffff; text-align: center; font-size: 10pt; padding-top: 80px; display: none;} #jp_overlay a{color:#ffffff} /* CSS Document */ #contents{width:100%; height:auto; /*background:url(/images/inc/contents/back_img.jpg) repeat-x;*/ } /* #contents{position:relative; top:0; width:100%; height:auto; background:url(../../images/inc/contents/back_img.jpg) repeat-x; } *//*2016_09_21 속성부분 추가*/ #contents #contents_range{width:1024px; height:auto; margin:0 auto; /*border:1px solid #cccccc; background:#FFF;*/ position:relative; overflow:hidden;} /*배송대행 메인 시작*/ #shipping_main{width:1024px; height:auto;} /*메인배너*/ #shipping_main #main_bnr_con{width:1024px; height:422px; position:relative;} #shipping_main #main_bnr_con .mc_banner{ width:1024px; height:422px; overflow:hidden;} #touchSlider_Banner{ position: absolute; padding-top:0px; width:1024px; height: 422px; float:left; overflow:hidden;} /*슬라이더 이미지*/ /*슬라이더 제어 버튼*/ #shipping_paging_dot{width:450px; height:30px; position:absolute; top:280px; left:111px; z-index:10; text-align: center;} #shipping_paging_dot .btn_page {zoom: 1;text-align:center;margin-left:15px; *text-indent:0 !important;*font-size:0px !important;*line-height:0% !important;display:inline-block; *display:inline; *zoom:1; background:url(/images/mypage/shipping/btn_main_bnr_circle.png) 0 0 no-repeat; width:13px; height:13px; cursor: pointer;} #shipping_paging_dot .on {background:url(/images/mypage/shipping/btn_main_bnr_circle_over.png) no-repeat;} /*공지사항 및 고시환율 시작 */ #shipping_main #notice_exchange_rage_con{width:340px; height:auto; position:absolute; top:0px; right:0; } /*공지사항/고시환율 탭제어*/ #shipping_main #notice_exchange_rage_con #tab_notice{width:340px; height:59px; float:left;} #shipping_main #notice_exchange_rage_con #tab_notice li{width:170px; height:59px; float:left;} /*공지사항 시작*/ #notice_exchange_rage_con #notice_con, #notice_exchange_rage_con #exchange_rage_con{width:339px; height:253px; background:url(/images/mypage/shipping/info_back.png) no-repeat; margin-top:59px; } #notice_con ul{width:310px; height:225px; margin:0; padding-top:15px;} #notice_con ul li{padding-top:10px; color:#265380; width:340px; } #notice_con ul a em{color:#265380; text-indent:265px; display: table-cell;} #notice_con ul a em:hover{font-weight: bold;} #notice_con ul li .notice_contention a{display:block;} #notice_con ul li .notice_contention a:hover{font-weight:bold;} #notice_con ul li .notice_contention{padding-top:2px; margin-top: 2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width: 100%;} #notice_con ul li .notice_contention a .left{width:305px; color:#4d4d4d;} /*고시환율 시작*/ #exchange_rage_con #exchange_rage_list {padding: 30px;} #exchange_rage_con #exchange_rage_list .exchange_list{width:270px; height:180px; margin-left: 10px;} #exchange_rage_con #exchange_rage_list .exchange_list tr{color:#3939 39;} #exchange_rage_con #exchange_rage_list .exchange_list tr th{width:30px;} #exchange_rage_con #exchange_rage_list .exchange_list .state_USD{ background:url(/images/mypage/shipping/ico_usa.gif) no-repeat 0;} #exchange_rage_con #exchange_rage_list .exchange_list .state_GBP{ background:url(/images/mypage/shipping/ico_uk.gif) no-repeat 0;} #exchange_rage_con #exchange_rage_list .exchange_list .state_JPY{ background:url(/images/mypage/shipping/ico_japan.gif) no-repeat 0;} #exchange_rage_con #exchange_rage_list .exchange_list .state_CNY{ background:url(/images/mypage/shipping/ico_cny.gif) no-repeat 0;} #exchange_rage_con #exchange_rage_list .exchange_list .state_HKD{ background:url(/images/mypage/shipping/ico_hongkong.gif) no-repeat 0;} #exchange_rage_con #exchange_rage_list .exchange_list .state_EUR{ background:url(/images/mypage/shipping/ico_eur.gif) no-repeat 0;} #exchange_rage_con #exchange_rage_list .exchange_list .state_nme{width:26px;} #exchange_rage_con #exchange_rage_list .exchange_list .state_ex{width:153px; text-align:right;} #exchange_rage_con #exchange_rage_list .exchange_list .state_ud{width:61px; text-align:right;} #exchange_rage_con #exchange_rage_list .exchange_list tr td span{ font-weight:bold; color:#e12823; margin-right: 3px;} #exchange_rage_con #exchange_rage_list .exchange_list tr td em{font-weight:normal; color:#4b6ba8;} #exchange_rage_con p{width:113px; height:25px; position:absolute; bottom:106px; right:2px;} /*2015_09_16 통합회원 전환하기 팝업 추가 */ #comb_join_popup{width:339px; height:251px; background:url(/images/mypage/shipping/bargainzon_gocash_popup_join.png) no-repeat; position:absolute; top:60px; right:0; z-index:15;} /*#comb_join_popup{width:339px; height:251px; background:url(/images/mypage/shipping/gocash_popup_join.png) no-repeat; position:absolute; top:60px; right:0; z-index:15;}/*2017_11_08*/ #comb_join_popup .btn_closer{width:20px; height:20px; float:right; padding:10px; } #comb_join_popup .btn_closer a{font-size:14px; font-weight:bold; color:#054c88;} #comb_join_popup .btn_closer{width:20px; height:20px;} #comb_join_popup .btn_join{width:127px; height:33px; margin:0 auto; padding-top:200px; } /*2015_09_16 통합회원 전환하기 팝업 추가 완료 */ /*connect*/ #notice_exchange_rage_con .connect{width:339px; height:106px; background:url(/images/mypage/shipping/connect_back.png) no-repeat; float:left; } #notice_exchange_rage_con .connect h4{width:60px; height:25px;float:left; margin-left:50px; margin-top:20px; } #notice_exchange_rage_con .connect ul{width:200px; height:25px; float:left; margin-top:15px;} #notice_exchange_rage_con .connect ul li{width:25px; height:25px; float:left; margin-left:7px;} #notice_exchange_rage_con .connect p{clear:both; width:244px; height:40px; margin:0 auto; padding-top:7px;} /*커스터머 센터 시작*/ .customer_con{width:330px; height:430px; float:right; margin-bottom: 20px;} .customer_con ul{width:330px; height:266px; } .customer_con ul li{width:163px; height:88px; float:left; margin:1px;} .customer_con ul li a{display:block; width:163px; height:88px; text-indent:-99999px; background:url(/images/mypage/shipping/btn_benefit.gif) no-repeat;} .customer_con ul li a:hover{background:url(/images/mypage/shipping/btn_benefit_over.gif) no-repeat;} .customer_con ul li.info_b a{background:url(/images/mypage/shipping/btn_mileage.gif) no-repeat;} .customer_con ul li.info_b a:hover{background:url(/images/mypage/shipping/btn_mileage_over.gif) no-repeat;} .customer_con ul li.info_c a{background:url(/images/mypage/shipping/btn_tariff.gif) no-repeat;} .customer_con ul li.info_c a:hover{background:url(/images/mypage/shipping/btn_tariff_over.gif) no-repeat;} .customer_con ul li.info_d a{background:url(/images/mypage/shipping/btn_return.gif) no-repeat;} .customer_con ul li.info_d a:hover{background:url(/images/mypage/shipping/btn_return_over.gif) no-repeat;} .customer_con ul li.info_e a{background:url(/images/mypage/shipping/btn_give_take.gif) no-repeat;} .customer_con ul li.info_e a:hover{background:url(/images/mypage/shipping/btn_give_take_over.gif) no-repeat;} .customer_con ul li.info_f a{background:url(/images/mypage/shipping/btn_hotdeal.gif) no-repeat;} .customer_con ul li.info_f a:hover{background:url(/images/mypage/shipping/btn_hotdeal_over.gif) no-repeat;} .customer_con p.customer_info{width:331px; height:163px;} /*나의 해외 주소 시작*/ #address_customer{width:1024px; height:auto; position:relative; margin-top:20px; margin-left:10px;} #address_customer #address_con{width:672px; height:430px; float:left; margin-bottom: 20px;} #address_con #tab_addr{width:212px; height:126px; float:left; } /*대륙별 탭*/ #address_con #tab_addr #america , #address_con #tab_addr #europe, #address_con #tab_addr #asia{width:212px; height:42px;} #address_con #tab_addr #america a, #address_con #tab_addr #europe a, #address_con #tab_addr #asia a{display:block; width:212px; height:42px; line-height:42px; text-align:center; font-weight:bold; color:#FFF;} #address_con #tab_addr #america a:hover, #address_con #tab_addr #europe a:hover, #address_con #tab_addr #asia a:hover{color:#FFF; background:#ee5563;} #address_con #tab_addr #america a{background:#dedbdb;} #address_con #tab_addr #europe a {background:#c8c7c7;} #address_con #tab_addr #asia a{background:#b2b2b2;} /*거점별 탭*/ #address_con #tab_state{width:459px; height:126px; float:right; background:#f8f8f8; } #address_con #tab_state ul{width:459px; height:126px; } #address_con #tab_state ul li{width:80px; height:79px; float:left; margin-left:10px; margin-top:25px;} #address_con #tab_state ul #addr_con_100001 a{display:block; width:80px; height:79px; text-indent:-9999px; background:url(/images/mypage/shipping/btn_addr_la.gif) no-repeat;} #address_con #tab_state ul #addr_con_100001 a:hover{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_la_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100001 .on{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_la_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100002 a{display:block; width:80px; height:79px; text-indent:-9999px; background:url(/images/mypage/shipping/btn_addr_or.gif) no-repeat;} #address_con #tab_state ul #addr_con_100002 a:hover{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_or_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100002 .on{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_or_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100003 a{display:block; width:80px; height:79px; text-indent:-9999px; background:url(/images/mypage/shipping/btn_addr_nj.gif) no-repeat;} #address_con #tab_state ul #addr_con_100003 a:hover{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_nj_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100003 .on{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_nj_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100004 a{display:block; width:80px; height:79px; text-indent:-9999px; background:url(/images/mypage/shipping/btn_addr_germany.gif) no-repeat;} #address_con #tab_state ul #addr_con_100004 a:hover{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_germany_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100004 .on{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_germany_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100005 a{display:block; width:80px; height:79px; text-indent:-9999px; background:url(/images/mypage/shipping/btn_addr_uk.gif) no-repeat;} #address_con #tab_state ul #addr_con_100005 a:hover{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_uk_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100005 .on{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_uk_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100006 a{display:block; width:80px; height:79px; text-indent:-9999px; background:url(/images/mypage/shipping/btn_addr_japan.gif) no-repeat;} #address_con #tab_state ul #addr_con_100006 a:hover{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_japan_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100006 .on{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_japan_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100007 a{display:block; width:80px; height:79px; text-indent:-9999px; background:url(/images/mypage/shipping/btn_addr_france.gif) no-repeat;} #address_con #tab_state ul #addr_con_100007 a:hover{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_france_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100007 .on{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_france_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100008 a{display:block; width:80px; height:79px; text-indent:-9999px; background:url(/images/mypage/shipping/btn_addr_hongkong.gif) no-repeat;} #address_con #tab_state ul #addr_con_100008 a:hover{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_hongkong_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100008 .on{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_hongkong_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100009 a{display:block; width:80px; height:79px; text-indent:-9999px; background:url(/images/mypage/shipping/btn_addr_spain.gif) no-repeat;} #address_con #tab_state ul #addr_con_100009 a:hover{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_spain_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100009 .on{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_spain_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100010 a{display:block; width:80px; height:79px; text-indent:-9999px; background:url(/images/mypage/shipping/btn_addr_netherlands.gif) no-repeat;} #address_con #tab_state ul #addr_con_100010 a:hover{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_netherlands_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100010 .on{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_netherlands_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100011 a{display:block; width:80px; height:79px; text-indent:-9999px; background:url(/images/mypage/shipping/btn_addr_china.gif) no-repeat;} #address_con #tab_state ul #addr_con_100011 a:hover{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_china_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100011 .on{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_china_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100012 a{display:block; width:80px; height:79px; text-indent:-9999px; background:url(/images/mypage/shipping/btn_addr_chi.gif) no-repeat;} #address_con #tab_state ul #addr_con_100012 a:hover{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_chi_over.gif) no-repeat;} #address_con #tab_state ul #addr_con_100012 .on{display:block; width:80px; height:79px; background:url(/images/mypage/shipping/btn_addr_chi_over.gif) no-repeat;} /*각 거점별 주소 및 물류센터 안내*/ .state_contents{width:670px; height:303px; border:1px solid #ededed; float:left;} .state_contents .left_con{width:211px; height:303px; border-right:1px solid #ededed; float:left;} .state_contents .left_con p{width:211px; height:200px;} .state_contents .left_con ul{text-align:center; margin:20px auto;} .state_contents .left_con ul li{margin-top:5px;} .state_contents .left_con ul li.warehouse_title{font-weight:bold; color:#000;} .state_contents .left_con ul li#date_state{color:#5867b1; margin-bottom:3px;} .state_contents .left_con ul li.office_hour_state{color:#5867b1; margin-bottom:6px;} /*주소*/ .state_contents .right_con{width:457px; height:300px; float:right;} .state_contents .right_con table{width:400px; height:250px; margin:30px auto; border:1px solid #e1dfdf;} .state_contents .right_con table th{width:150px; border:1px solid #e1dfdf; background:#f7f5f5;} .state_contents .right_con table td{padding-left:10px; border:1px solid #e1dfdf; padding-right:10px;} /*제휴사 편리기능 시작 */ /*탭 메뉴*/ #convenience_con{clear:both; float:left; width:1024px; height:auto; margin-top:20px; padding-bottom: 20px;} #convenience_con #tab_convenience{width:1011px; height:56px; margin:0 auto; text-align: center;} #convenience_con #tab_convenience li{float:left; } #convenience_con #convenience_contents{width:1010px; height:auto; margin:0 auto; } #convenience_con #tab_convenience li a{height:56px; text-indent: -9999px; display:block;} #convenience_con #tab_convenience #tab_convenience_a a.tab{background:url(/images/mypage/shipping/tab_gocashback_c.gif) no-repeat; width: 336px;} #convenience_con #tab_convenience #tab_convenience_a a.tab:hover{background:url(/images/mypage/shipping/tab_gocashback_over.gif) no-repeat; width: 336px; } #convenience_con #tab_convenience #tab_convenience_a a.tab_on:hover{background:url(/images/mypage/shipping/tab_gocashback_over.gif) no-repeat; width: 336px; } #convenience_con #tab_convenience #tab_convenience_a a.tab_on{ background:url(/images/mypage/shipping/tab_gocashback.gif) no-repeat; width: 336px; } #convenience_con #tab_convenience #tab_convenience_b a.tab{background:url(/images/mypage/shipping/tab_shipment_schedule_c.gif) no-repeat; width: 336px; } #convenience_con #tab_convenience #tab_convenience_b a.tab:hover{background:url(/images/mypage/shipping/tab_shipment_schedule_over.gif) no-repeat; width: 336px;} #convenience_con #tab_convenience #tab_convenience_b a.tab_on:hover{background:url(/images/mypage/shipping/tab_shipment_schedule_over.gif) no-repeat; width: 336px;} #convenience_con #tab_convenience #tab_convenience_b a.tab_on{background:url(/images/mypage/shipping/tab_shipment_schedule.gif) no-repeat; width: 336px;} #convenience_con #tab_convenience #tab_convenience_c a.tab{ background:url(/images/mypage/shipping/tab_review_c.gif) no-repeat; width: 336px; } #convenience_con #tab_convenience #tab_convenience_c a.tab:hover{ background:url(/images/mypage/shipping/tab_review_over.gif) no-repeat; width: 336px; } #convenience_con #tab_convenience #tab_convenience_c a.tab_on:hover{ background:url(/images/mypage/shipping/tab_review_over.gif) no-repeat; width: 336px; } #convenience_con #tab_convenience #tab_convenience_c a.tab_on{ background:url(/images/mypage/shipping/tab_review.gif) no-repeat; width: 336px; } /* #convenience_con #tab_convenience #tab_convenience_d a.tab{background:url(/images/mypage/shipping/tab_review_c.jpg) no-repeat; width: 336px; } #convenience_con #tab_convenience #tab_convenience_d a.tab:hover{background:url(/images/mypage/shipping/tab_review_over.gif) no-repeat; width: 336px; } #convenience_con #tab_convenience #tab_convenience_d a.tab_on:hover{background:url(/images/mypage/shipping/tab_review_over.gif) no-repeat; width: 336px; } #convenience_con #tab_convenience #tab_convenience_d a.tab_on{background:url(/images/mypage/shipping/tab_review.gif) no-repeat; width: 336px; } */ /*고캐쉬백 컨텐츠 시작*/ #convenience_contents #gocashback_product_con{width:1008px; height:712px; border:1px solid #eae8e8; position:relative;} #convenience_contents #gocashback_product_con .product_page{width:875px; height:630px; margin:20px auto;} #convenience_contents #gocashback_product_con .product_page ul{width:204px; height:300px; background:url(/images/mypage/shipping/gocashback_thumbnail.jpg) no-repeat; float:left; margin-left:10px; margin-bottom:10px;} #convenience_contents #gocashback_product_con .product_page ul li{text-align:center;} #convenience_contents #gocashback_product_con .product_page ul li.cashback{color:#999999; font-weight:bold; margin-top:20px;} #convenience_contents #gocashback_product_con .product_page ul li.cashback span{font-size:16px; color:#ff0033;} #convenience_contents #gocashback_product_con .product_page ul li.humbnail{width:175px; height:175px;} #convenience_contents #gocashback_product_con .product_page ul li.thumbnail a img{width:175px; height:175px;} #convenience_contents #gocashback_product_con .product_page ul li.product_name{width:150px; height:35px; font-weight:bold; color:#184e83; border-top:1px solid #f6f7f5; margin:0 auto; margin-top:5px;} #convenience_contents #gocashback_product_con .product_page ul li.save{color:#ff3300; line-height:20px;} #convenience_contents #gocashback_product_con .product_page ul li.benefit{color:#999999;} /* 페이지 제어 버튼*/ #convenience_contents .prev_next{width:1008px; height:30px; position:absolute; top:270px; left:2px; z-index:11; } #convenience_contents .prev_next .btn_prev a{font-size:50px; position:absolute; top:30px; left:2px; color:#e3e2e2;} #convenience_contents .prev_next .btn_prev a:hover{font-size:50px; color:#999999;} #convenience_contents .prev_next .btn_next a{font-size:50px; position:absolute; top:30px; right:10px; color:#e3e2e2;} #convenience_contents .prev_next .btn_next a:hover{font-size:50px; color:#999999;} /*고캐쉬백 프로모션 코드 팝업*/ /*고캐쉬백 프로모션 코드 팝업*/ /*2015_12_14 변경 시작*/ #event_popup0{width:417px; height:300px; position:absolute; top:22px; left:77px; z-index:12;} #event_popup1{width:417px; height:300px; position:absolute; top:22px; left:505px; z-index:12;} .event_popup0 .btn_closer{width:20px; height:20px; font-size:16px; font-weight:bold; float:right; padding:10px 3px;} .event_popup0 .btn_closer a{color:#FFF;} .event_popup0 .event_popup_con{width:417px; height:222px; background:url(/images/mypage/shipping/gocash_tab_bg1_2015.png) no-repeat;} .event_popup0 .event_popup_con ul{position:absolute;top:102px;width:417px; height:120px; float:left;} .event_popup0 .event_popup_con ul li{text-align:center;line-height:27px;} .event_popup0 .event_popup_con .brand_name{font-size:18px;font-weight:500; color:#FFF;} .event_popup0 .event_popup_con .promotion_code{width:235px; height:34px; margin-top:5px; margin:5px auto;} .event_popup0 .event_popup_con .promotion_code input{width:100%; height:34px; text-align:center;} .event_popup0 .event_popup_con .benefit{margin-top:12px;font-size:18px; color:#f9af01;} .event_popup0 .event_popup_text{width:417px; height:78px;background:url(/images/mypage/shipping/gocash_tab_bg2_2015.png) no-repeat; overflow:hidden;} .event_popup0 .event_popup_text ul{float:left;} .event_popup0 .event_popup_text ul li{width:220px;margin-left:20px;} .event_popup0 .event_popup_text .due_date{padding-top:10px;font-size:13px;line-height:20px;color:red;} .event_popup0 .event_popup_text .gift{font-size:12px;line-height:16px;color:#fff;} .event_popup0 .event_popup_text div{float:right; width:112px; height:27px; margin-top:24px; margin-right:18px;} .event_popup0 .event_popup_text div a{display:block;width:112px; line-height:27px;padding:0;cursor:pointer;} /*2015_12_14 변경 끝*/ /*회원 가입 및 로그인 팝업 */ .join_popup{width:900px; height:285px; position:absolute; top:1400px; bottom:10px; z-index:20; } .join_popup .btn_closer{width:20px; height:20px; float:right; padding:10px; } .join_popup .btn_closer a{font-size:14px; font-weight:bold; color:#054c88;} .join_popup #join_popup_con_a{width:418px; height:284px; background:url(/images/mypage/shipping/gocash_popup_join.jpg) no-repeat; position:absolute; top:0; left:300px;} .join_popup #join_popup_con_a ul{width:275px; height:385px; margin:0 auto; padding-top:220px; } .join_popup #join_popup_con_a ul li{width:127px; height:33px; float:left; margin-left:10px;} .join_popup #join_popup_con_b{width:418px; height:284px; background:url(/images/mypage/shipping/gocash_popup_join2.jpg) no-repeat; position:absolute; top:0; left:300px;} .join_popup .btn_closer{width:20px; height:20px;} .join_popup #join_popup_con_b .btn_join{width:127px; height:33px; margin:0 auto; padding-top:230px; } /* 공구 핫딜 */ #hot_con{width:1008px; height:782px; border:1px solid #eae8e8; position:relative;} #hot_con .banner_page{width:950px; height:290px; margin:20px auto;} /*핫딜 상품 리스트 시작 */ #hot_con .hot_deal_product{width:930px; height:300px; margin:0 auto;} /*상품 박스 스타일*/ .hot_deal_product .product{width:220px; height:390px; background:url(/images/mypage/shipping/hotdeal_thumbnail.jpg) no-repeat; float:left; margin:3px; position:relative; } .hot_deal_product .product .product_over{width:220px; height:300px; position:absolute; top:10px; left:5px;} .hot_deal_product .product .product_over a img{width:286px; height:413px;} /* 160901 image size 명시*/ .hot_deal_product .product .count_notice{width:65px; height:25px; background:#de4a4a; text-align:center; color:#FFF; position:absolute; top:20px; right:20px; line-height:25px;} .hot_deal_product .product .thumbnail{width:180px; height:180px; margin:0 auto; margin-top:40px;} .hot_deal_product .product .thumbnail a img{width:180px; height:180px;} .hot_deal_product .product ul{width:180px; height:100px; margin:0 auto; border-bottom:1px solid #efefef;} .hot_deal_product .product ul li{font-weight:bold;} .hot_deal_product .product ul li.brnad_name{color:#999999;} .hot_deal_product .product ul li.product_name{color:#4a59ce; margin-top:3px; overflow: hidden; height: 45px;} /*ellipsis 적용하기 위해 수정 2016.09.22 yyj */ .hot_deal_product .product ul li.cost_price{color:#999999; font-weight:normal; font-size:11px; text-decoration:line-through; margin-top:15px;} .hot_deal_product .product ul li.discount{color:#ed223b;} .hot_deal_product .product ul li.ico_shipping_free{width:76px; height:25px; position:absolute; bottom:65px; right:20px;} .ico_shipping_free img {width:76px; height:25px;} /* 160901 image size 명시*/ .hot_deal_product .hot_deal_time{width:117px; height:24px; background:url(/images/mypage/shipping/hotdeal_time_back.jpg) no-repeat; float:left; margin-left:15px; margin-top:5px; text-align:center; line-height:24px; color:#FFF;} .hot_deal_product .save{width:90px; height:24px; color:#000; float:right; margin-top:8px; margin-right: -8px; } .hot_deal_product .save span{color:#ff0000; font-size:16px; margin-left:5px; font-weight:bold;} /* 페이지 제어 버튼*/ #convenience_contents #hot_con .prev_next{width:1008px; height:30px; position:absolute; top:480px; left:3px;} #convenience_contents #hot_con .prev_next .btn_prev a{font-size:50px; position:absolute; top:50px; left:3px; color:#e3e2e2;} #convenience_contents #hot_con .prev_next .btn_prev a:hover{font-size:50px; color:#999999;} #convenience_contents #hot_con .prev_next .btn_next a{font-size:50px; position:absolute; top:50px; right:10px; color:#e3e2e2;} #convenience_contents #hot_con .prev_next .btn_next a:hover{font-size:50px; color:#999999;} /*항공 스케줄 시작*/ #convenience_contents #shipment_schedule_con{width:1008px; height:650px; border:1px solid #eae8e8; position:relative;} #convenience_contents #shipment_schedule_con .left_con{width:586px; height:620px; float:left; margin-left:20px;} #convenience_contents #shipment_schedule_con .right_con{width:355px; height:620px; float:right;margin-right:20px;} #convenience_contents #shipment_schedule_con .right_con h4{width:355px; height:30px; background:url(/images/mypage/shipping/ico_airplane.gif) no-repeat; text-indent:30px; color:#999999; font-size:12px;} /*입고현황*/ .notice_table #noticeCell{vertical-align:middle; padding-left:5px;} .calendar_top{width:355px; height:20px; margin-top:10px; background:url(/images/mypage/shipping/ico_airplane.gif) no-repeat; text-indent:30px; color:#999999; font-size:12px;} /*end*/ /*입고현황*/ /*2016_11_21 수정 시작*/ #convenience_contents #shipment_schedule_con .right_con .current_status{width:355px; padding-top:30px;} #convenience_contents #shipment_schedule_con .right_con .current_status .current_status_con{width:355px;} #convenience_contents #shipment_schedule_con .right_con .current_status .current_status_con p.current_status_subtitle{width:355px; height:18px; line-height:18px; padding:8px 0; font-size:13px; text-align:center; font-weight:500;} #convenience_contents #shipment_schedule_con .right_con .current_status .current_status_con dl{width:335px; padding:10px 10px; line-height:20px; font-size:13px; border:1px solid #ececec; clear:both;} #convenience_contents #shipment_schedule_con .right_con .current_status .current_status_con dt{float:left; margin-right:10px;} #convenience_contents #shipment_schedule_con .right_con .current_status .current_status_con dd .latest_update, #convenience_contents #shipment_schedule_con .right_con .current_status .current_status_con dd .shipIn_product, #convenience_contents #shipment_schedule_con .right_con .current_status .current_status_con dd .expect_shipDate, #convenience_contents #shipment_schedule_con .right_con .current_status .current_status_con dd .shipIn_percent{color:#ed1313; font-weight:600;} #convenience_contents #shipment_schedule_con .right_con .current_status .current_status_con p.current_status_notice{width:345px; height:18px; line-height:20px; padding:5px 0 5px 10px; font-size:12px; font-weight:500; color:#999999;} /*2016_11_21 수정 끝*/ .calendar_top{width:355px; height:20px; margin-top:10px; background:url(/images/mypage/shipping/ico_airplane.gif) no-repeat; text-indent:30px; color:#999999; font-size:12px;} /*캘린더 */ .left_con #calendar{width:586px; height:490px;} .left_con #calendar .date_choice{width:586px; height:44px; line-height:44px; background:#78838e; text-align:center; font-weight:bold; color:#FFF; margin-top:20px;} .left_con #calendar .date_choice ul{width:120px; margin:0 auto;} .left_con #calendar .date_choice li{float:left; margin-left:15px;} .left_con #calendar table.calendar_table{width:586px; height:410px; border:1px solid #f1f1f1;} .left_con #calendar table.calendar_table th{border:1px solid #f1f1f1; background:#e9e9e9;} .left_con #calendar table.calendar_table td{width:82px; height:74px; border:1px solid #f1f1f1; vertical-align:top; font-weight:bold; color:#afb3b8;} .left_con #calendar table.calendar_table td span{ display:block; width:30px; height:30px; margin:10px 25px;} /*공지 */ .left_con #calendar table.notice_table{width:586px; height:40px; border:1px solid #f1f1f1; margin-top:10px;} .left_con #calendar table.notice_table th{width:150px; background:#eeeeee; color:#78838e;} .left_con #calendar table.notice_table td input{width:98%; border:0;} /* 결제 마감*/ .right_con .cut_off_time{width:350px; } .right_con .cut_off_time h4{margin-top:30px;} .right_con .cut_off_time h4 span{display:block; font-weight:normal; color:#ea5151;} .right_con .cut_off_time .date{width:137px; height:25px; line-height:25px; text-align:center; background:url(/images/mypage/shipping/back_date.gif) no-repeat; margin:0 auto; font-weight:bold; color:#FFF; margin-top:20px;} .right_con .cut_off_time .cut_off_time_con{width:350px; height:90px; border:1px solid #ececec; } .right_con .cut_off_time .cut_off_time_con table{width:270px; height:50px; margin:15px auto;} .right_con .cut_off_time .cut_off_time_con table th{text-align:left; color:#cccccc; height:20px;} .right_con .cut_off_time .cut_off_time_con table td{height:30px;} .right_con .cut_off_time .cut_off_time_con table td input{background:#e3e6e8;} .right_con .cut_off_time .info{width:280px; height:auto; margin-left:30px;} .right_con .cut_off_time .info span{display:block;} .right_con .cut_off_time .info span em{color:#F00; font-weight:bold;} /*오프로드 */ .right_con .off_load{ width:350px; height:150px; margin-top:30px; } .right_con .off_load textarea{width:350px; height:120px; border:1px solid #ececec; } /*입고현황*/ /*거점별 선택*/ #convenience_contents #shipment_schedule_con .left_con #state_choice_tab{width:586px; height:50px; margin-top:20px;} .left_con #state_choice_tab li{width:48px; height:48px; float:left;} .left_con #state_choice_tab li a{display:block; width:48px; height:48px; text-indent:-9999px; background:url(/images/mypage/shipping/tab_la.gif) no-repeat;} .left_con #state_choice_tab li a:hover{background:url(/images/mypage/shipping/tab_la_over.gif) no-repeat;} .left_con #state_choice_tab li a.hover{background:url(/images/mypage/shipping/tab_la_over.gif) no-repeat;} .left_con #state_choice_tab li.or a{background:url(/images/mypage/shipping/tab_or.gif) no-repeat;} .left_con #state_choice_tab li.or a:hover{background:url(/images/mypage/shipping/tab_or_over.gif) no-repeat;} .left_con #state_choice_tab li.or a.hover{background:url(/images/mypage/shipping/tab_or_over.gif) no-repeat;} .left_con #state_choice_tab li.nj a{background:url(/images/mypage/shipping/tab_nj.gif) no-repeat;} .left_con #state_choice_tab li.nj a:hover{background:url(/images/mypage/shipping/tab_nj_over.gif) no-repeat;} .left_con #state_choice_tab li.nj a.hover{background:url(/images/mypage/shipping/tab_nj_over.gif) no-repeat;} .left_con #state_choice_tab li.chi a{background:url(/images/mypage/shipping/tab_chi.gif) no-repeat;} .left_con #state_choice_tab li.chi a:hover{background:url(/images/mypage/shipping/tab_chi_over.gif) no-repeat;} .left_con #state_choice_tab li.chi a.hover{background:url(/images/mypage/shipping/tab_chi_over.gif) no-repeat;} .left_con #state_choice_tab li.uk a{background:url(/images/mypage/shipping/tab_uk.gif) no-repeat;} .left_con #state_choice_tab li.uk a:hover{background:url(/images/mypage/shipping/tab_uk_over.gif) no-repeat;} .left_con #state_choice_tab li.uk a.hover{background:url(/images/mypage/shipping/tab_uk_over.gif) no-repeat;} .left_con #state_choice_tab li.de a{background:url(/images/mypage/shipping/tab_de.gif) no-repeat;} .left_con #state_choice_tab li.de a:hover{background:url(/images/mypage/shipping/tab_de_over.gif) no-repeat;} .left_con #state_choice_tab li.de a.hover{background:url(/images/mypage/shipping/tab_de_over.gif) no-repeat;} .left_con #state_choice_tab li.fr a{background:url(/images/mypage/shipping/tab_fr.gif) no-repeat;} .left_con #state_choice_tab li.fr a:hover{background:url(/images/mypage/shipping/tab_fr_over.gif) no-repeat;} .left_con #state_choice_tab li.fr a.hover{background:url(/images/mypage/shipping/tab_fr_over.gif) no-repeat;} .left_con #state_choice_tab li.es a{background:url(/images/mypage/shipping/tab_es.gif) no-repeat;} .left_con #state_choice_tab li.es a:hover{background:url(/images/mypage/shipping/tab_es_over.gif) no-repeat;} .left_con #state_choice_tab li.es a.hover{background:url(/images/mypage/shipping/tab_es_over.gif) no-repeat;} .left_con #state_choice_tab li.nl a{background:url(/images/mypage/shipping/tab_nl.gif) no-repeat;} .left_con #state_choice_tab li.nl a:hover{background:url(/images/mypage/shipping/tab_nl_over.gif) no-repeat;} .left_con #state_choice_tab li.nl a.hover{background:url(/images/mypage/shipping/tab_nl_over.gif) no-repeat;} .left_con #state_choice_tab li.jp a{background:url(/images/mypage/shipping/tab_jp.gif) no-repeat;} .left_con #state_choice_tab li.jp a:hover{background:url(/images/mypage/shipping/tab_jp_over.gif) no-repeat;} .left_con #state_choice_tab li.jp a.hover{background:url(/images/mypage/shipping/tab_jp_over.gif) no-repeat;} .left_con #state_choice_tab li.cn a{background:url(/images/mypage/shipping/tab_cn.gif) no-repeat;} .left_con #state_choice_tab li.cn a:hover{background:url(/images/mypage/shipping/tab_cn_over.gif) no-repeat;} .left_con #state_choice_tab li.cn a.hover{background:url(/images/mypage/shipping/tab_cn_over.gif) no-repeat;} .left_con #state_choice_tab li.hk a{background:url(/images/mypage/shipping/tab_hk.gif) no-repeat;} .left_con #state_choice_tab li.hk a:hover{background:url(/images/mypage/shipping/tab_hk_over.gif) no-repeat;} .left_con #state_choice_tab li.hk a.hover{background:url(/images/mypage/shipping/tab_hk_over.gif) no-repeat;} /*리뷰 시작*/ #convenience_contents #review_con{width:1006px; height:750px; border:1px solid #eae8e8; position:relative;}/*2017_05_10 가로값수정*/ #convenience_contents #review_con h4{width:616px; height:91px; margin:0 auto; margin-top:5px;} #convenience_contents #review_con .btn_review_go{width:176px; height:31px; position:absolute; top:40px; right:0;} #convenience_contents #review_con .win_con{width:310px; height:475px; float:left; margin-top:10px; margin-left:15px; position:relative;} #convenience_contents #review_con .win_con .photo{width:200px; height:200px; position:relative; margin:0 auto;} #convenience_contents #review_con .win_con .ioc{width:56px; height:55px; position:absolute; top:40px; left:40px; z-index:11;} #convenience_contents #review_con .win_con .photo span{width:200px; height:200px; position:absolute; top:0; left:0;} #convenience_contents #review_con .win_con .photo img{width:200px;} #convenience_contents #review_con .win_con .review_title{width:200px; height:30px; text-align:center; margin:0 auto;font-weight:bold; color:#ec5462;} #convenience_contents #review_con .win_con .review_contents{width:200px; height:170px; text-align:center; margin:0 auto; color:#999999; font-weight:normal;} #convenience_contents #review_con .win_con .btn_review{width:42px; height:42px; margin:0 auto;} #convenience_contents #review_con .review_info{width:1005px; height:163px;} .vertical_line{width:9px; height:412px; float:left;} /* 팝업 배너 이미지 시작*/ .view_main_pop{ position:absolute; z-index:100; margin:0 auto; } .view_main_pop .popup_img{border:1px solid #EAEAEA; border-bottom:black;} .view_main_pop img{vertical-align:bottom;} .view_main_pop .btn_pop{height:30px; background:black;border:1px solid #EAEAEA;border-top:black;} .view_main_pop .btn_pop ul{height:30px; margin-top:8px; float:left; color:white;} .view_main_pop .btn_pop ul li.btn_a_pop{ float:left;padding-left:3px;} .view_main_pop .btn_pop ul li.btn_a_pop input[type=checkbox]{vertical-align:middle; width:15px; height:15px;} .view_main_pop .btn_pop ul li.btn_b_pop{float:right;padding-right:10px;} .view_main_pop .btn_pop ul li.btn_b_pop a{text-decoration:none; color:white;} /* 팝업 배너 이미지 끝 */ /*2017_04_24*/ /*스마트바겐 시작*/ #smartbargain{width:1024px; height:auto; margin-top:20px; clear:both;s} #smartbargain .smartbargain_con{width:1008px; margin:0 auto;} /*2018_08_28 수정 및 추가*/ #smartbargain .smartbargain_con h1{position:relative; padding-left:5px;} #smartbargain .smartbargain_con h1 > span{position:absolute; top:15px; right:12px;} #smartbargain .smartbargain_con h1 > span> a{display: block; font-size: 13px; color: #747474; font-weight: 600;} /*2018_08_28 수정 및 추가 끝*/ #smartbargain .smartbargain_con .product_page_sb ul{float:left; width:204px; height:357px; margin-left:10px; margin-bottom:20px; background:url(/images/mypage/shipping/smartbargain_bg.jpg) no-repeat;} #smartbargain .smartbargain_con .product_page_sb ul li{width:175px; margin:0 auto; text-align:center;} #smartbargain .smartbargain_con .product_page_sb ul li.shopping_mall_brand{line-height:22px; margin:20px auto 3px; font-size:15px; color:#444444; font-weight:bold;}/* 2017_05_16 수정 */ #smartbargain .smartbargain_con .product_page_sb ul li.shopping_mall_brand span{font-size:15px;} #smartbargain .smartbargain_con .product_page_sb ul li.thumbnail{height:175px; margin:0 auto 9px;} #smartbargain .smartbargain_con .product_page_sb ul li.thumbnail img{width:175px; height:175px;} #smartbargain .smartbargain_con .product_page_sb ul li.thumbnail a{display:block; width:100%; height:100%;} #smartbargain .smartbargain_con .product_page_sb ul li.product_name{height:28px; line-height:14px; padding-top:8px; margin:0 auto 10px; font-weight:bold; color:#184e83; border-top:1px solid #f6f7f5; overflow:hidden;} #smartbargain .smartbargain_con .product_page_sb ul li.product_name a{display:block; width:100%; height:100%;} #smartbargain .smartbargain_con .product_page_sb ul li.discount_info{height:33px; margin-bottom:8px; clear:both; overflow:hidden;} #smartbargain .smartbargain_con .product_page_sb ul li.discount_info > div{float:left; font-size:14px; color:#444444;} #smartbargain .smartbargain_con .product_page_sb ul li.discount_info > div.discount_info_price{width:100px; text-align:left;} #smartbargain .smartbargain_con .product_page_sb ul li.discount_info > div.discount_info_price span{display:block;} #smartbargain .smartbargain_con .product_page_sb ul li.discount_info > div.discount_info_price span.original_price{font-size:12px; color:#999999; text-decoration:line-through;} #smartbargain .smartbargain_con .product_page_sb ul li.discount_info > div.discount_info_price span.discount_price{font-size:16px; color:#ff3300; font-weight:600;} #smartbargain .smartbargain_con .product_page_sb ul li.discount_info > div.save_info{width:75px; padding-top:13px; text-align:right; vertical-align:bottom;} #smartbargain .smartbargain_con .product_page_sb ul li.discount_info > div.save_info span{font-size:17px; color:#ff3300; font-weight:bold; letter-spacing:-1px;} #smartbargain .smartbargain_con .product_page_sb ul li.benefit{height:20px; line-height:20px; padding-bottom:3px; color:#878787; font-weight:bold;}/* 2017_05_16 수정 */ /* 페이지 제어 버튼*/ #smartbargain .prev_next{position:absolute; top:250px; left:9px; width:1008px; height:30px;}/* 2017_05_16 수정 */ #smartbargain .prev_next .btn_prev a{position:absolute; top:50px; left:2px; font-size:50px; color:#e3e2e2;} #smartbargain .prev_next .btn_prev a:hover{font-size:50px; color:#999999;} #smartbargain .prev_next .btn_next a{position:absolute; top:50px; right:9px; font-size:50px; color:#e3e2e2;}/* 2017_05_16 수정 */ #smartbargain .prev_next .btn_next a:hover{font-size:50px; color:#999999;} #smartbargain .prev_next_sb .btn_prev_sb a{position:absolute; top:50px; left:2px; font-size:50px; color:#e3e2e2;} #smartbargain .prev_next_sb .btn_prev_sb a:hover{font-size:50px; color:#999999;} #smartbargain .prev_next_sb .btn_next_sb a{position:absolute; top:50px; right:9px; font-size:50px; color:#e3e2e2;}/* 2017_05_16 수정 */ #smartbargain .prev_next_sb .btn_next_sb a:hover{font-size:50px; color:#999999;} /*스마트바겐 2017_04_24 끝*/ /* 서비스 가이드 추가 2017_05_10 */ .service_guide{width:1010px; padding:16px 0 10px; margin:20px auto 6px; border-bottom:1px solid #e9e9e9; clear:both; overflow:hidden; background:url(/images/mypage/shipping/main_service_bg.jpg) no-repeat 0 0;} .service_guide li.service_guide_con{float:left; width:203px; height:135px; border-right:1px dashed #e2e2e2; background-color:#edf1f4;} .service_guide li.service_guide_con:first-child{width:198px;} .service_guide li.service_guide_con:last-child{width:199px; border-right:0;} .service_guide li.service_guide_con div.service_guide_menu{float:left; padding:30px 0 0 8px;} .service_guide li.service_guide_con div.service_guide_menu li a{display:block; font-size:14px; color:#2e2e2e; margin-bottom:12px;} .service_guide li.service_guide_con div.service_guide_menu li:last-child a{margin-bottom:0;} .service_guide li.service_guide_con div.service_guide_menu li a:hover{color:#146ac3; font-weight:600; } .service_guide li.service_guide_con .service_guide_ico{float:left;} .service_guide li.qna_menu{background-color:#dff5f7;} .service_guide li.qna_menu h2{padding-top:14px; text-align:center; font-size:15px; font-weight:600; color:#ec5554;} .service_guide li.qna_menu .qna_menu_con{float:left; padding-top:15px;} .service_guide li.qna_menu .qna_menu_con div.service_guide_menu{padding-top:12px;} /* 서비스 가이드 추가 끝 */ /* 바겐존팝업 2018_08_29 */ #bargainzon_popup{position: relative; top: 0; width:500px; height:100%;}/*20180914 수정*/ #bargainzon_popup .popup_img img{vertical-align:bottom;} #bargainzon_popup .popup_img{width:500px; height:630px; } #bargainzon_popup .popup_img div > a{display:block; width:100%; height:100%;} #bargainzon_popup .popup_img ul{float:left;} #bargainzon_popup .popup_img ul li{float:left;} #bargainzon_popup .bargainzon_btn{width:500px; height:30px; background-color:#cccccc;} #bargainzon_popup .bargainzon_btn ul{width:500px; height:30px; margin-top:8px; float:left; color:#858585;} #bargainzon_popup .bargainzon_btn ul .btn_a{float:left; padding-left:3px;} #bargainzon_popup .bargainzon_btn ul .btn_a label{cursor: pointer !important;} #bargainzon_popup .bargainzon_btn ul .btn_a input{vertical-align:middle; width:15px; height:15px;} #bargainzon_popup .bargainzon_btn ul .btn_b{float:right; padding-right:10px;} #bargainzon_popup .bargainzon_btn ul .btn_b a{text-decoration:none; color:#858585;} #bargainzon_popup .bargainzon_close{position: absolute; top:0; right: -30px;width: 30px; height:30px; font-size: 20px; color: #fff; text-align: center; background-color: #000; }/*20180914 추가*/ #bargainzon_popup .bargainzon_close a{color: #fff; font-weight: 600; text-decoration: none;}/*20180914 추가*/