/**************************** /* Name: Geniezip_LHN /* Version: 1.0 /* Design: LHN *****************************/ @charset "utf-8"; a { cursor:pointer;} /*나의 해외 주소 상단 시작*/ #mp_address{width:100%; height:176px; float:left; background:#f0f0f0; } /* 나의 해외 주소 시작 */ .mp_address_con{width:1027px; height:174px; margin:0 auto; border:1px solid #dfdede; background:#FFF; position:relative;} .mp_address_con .btn_closer{width:26px; height:27px; position:absolute; top:5px; right:10px;} .mp_address_con h4{width:495px; height:40px; margin:0 auto;} .mp_address_con #btn_addr{width:940px; height:105px; margin:12px auto;} .mp_address_con #btn_addr li{width:77px; height:105px; float:left; margin-left:1px;} .mp_address_con #btn_addr li a{display:block; width:77px; height:105px; text-indent:-9999px; font-size:0; background:url(/images/inc/utilmenu/btn_usa_la.gif) no-repeat;} .mp_address_con #btn_addr li a:hover{background:url(/images/inc/utilmenu/btn_usa_la_over.gif) no-repeat;} .mp_address_con #btn_addr #btn_or a{background:url(/images/inc/utilmenu/btn_usa_or.gif) no-repeat;} .mp_address_con #btn_addr #btn_or a:hover{background:url(/images/inc/utilmenu/btn_usa_or_over.gif) no-repeat;} .mp_address_con #btn_addr #btn_nj a{background:url(/images/inc/utilmenu/btn_usa_nj.gif) no-repeat;} .mp_address_con #btn_addr #btn_nj a:hover{background:url(/images/inc/utilmenu/btn_usa_nj_over.gif) no-repeat;} /* */ .mp_address_con #btn_addr #btn_chi a{background:url(/images/inc/utilmenu/btn_usa_chi.gif) no-repeat; } .mp_address_con #btn_addr #btn_chi a:hover{background:url(/images/inc/utilmenu/btn_usa_chi_over.gif) no-repeat;} /* */ .mp_address_con #btn_addr #btn_uk a{background:url(/images/inc/utilmenu/btn_uk.gif) no-repeat;} .mp_address_con #btn_addr #btn_uk a:hover{background:url(/images/inc/utilmenu/btn_uk_over.gif) no-repeat;} .mp_address_con #btn_addr #btn_germany a{background:url(/images/inc/utilmenu/btn_germany.gif) no-repeat;} .mp_address_con #btn_addr #btn_germany a:hover{background:url(/images/inc/utilmenu/btn_germany_over.gif) no-repeat;} .mp_address_con #btn_addr #btn_france a{background:url(/images/inc/utilmenu/btn_france.gif) no-repeat;} .mp_address_con #btn_addr #btn_france a:hover{background:url(/images/inc/utilmenu/btn_france_over.gif) no-repeat;} .mp_address_con #btn_addr #btn_spain a{background:url(/images/inc/utilmenu/btn_spain.gif) no-repeat;} .mp_address_con #btn_addr #btn_spain a:hover{background:url(/images/inc/utilmenu/btn_spain_over.gif) no-repeat;} .mp_address_con #btn_addr #btn_natherlands a{background:url(/images/inc/utilmenu/btn_natherlands.gif) no-repeat;} .mp_address_con #btn_addr #btn_natherlands a:hover{background:url(/images/inc/utilmenu/btn_natherlands_over.gif) no-repeat;} .mp_address_con #btn_addr #btn_japan a{background:url(/images/inc/utilmenu/btn_japan.gif) no-repeat;} .mp_address_con #btn_addr #btn_japan a:hover{background:url(/images/inc/utilmenu/btn_japan_over.gif) no-repeat;} .mp_address_con #btn_addr #btn_china a{background:url(/images/inc/utilmenu/btn_china.gif) no-repeat;} .mp_address_con #btn_addr #btn_china a:hover{background:url(/images/inc/utilmenu/btn_china_over.gif) no-repeat;} .mp_address_con #btn_addr #btn_hongkong a{background:url(/images/inc/utilmenu/btn_hongkong.gif) no-repeat;} .mp_address_con #btn_addr #btn_hongkong a:hover{background:url(/images/inc/utilmenu/btn_hongkong_over.gif) no-repeat;} /*나의 해외 주소 열기,닫기 버튼 */ #mp_address .address_open{width:195px; height:57px; margin:0 auto; } #mp_address .address_open{width:195px; height:57px; margin:0 auto; } /*나의 해외 주소 거점별 팝업 시작*/ #address_popup{width:555px; height:372px; border:1px solid #e1dfdf; background:#FFF; position:absolute; /*top:18%;*/ /*20190916 top수정*/ left:35%; z-index:11; display:none;} #address_popup .address_con{width:500px; height:350px; margin:20px auto;} #address_popup .address_con h4{width:500px; height:44px;} #address_popup .address_con h4 img{width:44px; height:44px; margin-right:15px;} #address_popup .address_con .btn_closer{width:26px; height:27px; position:absolute; top:10px; right:10px;} #address_popup .address_con table{width:480px; height:250px; margin:20px auto; border:1px solid #e1dfdf; } #address_popup .address_con table th{width:200px; border:1px solid #e1dfdf; background:#f7f5f5;} #address_popup .address_con table td{padding-left:10px; border:1px solid #e1dfdf;} /*유틸 메뉴 시작*/ #util_menu{ width:100%; background:#f0f0f0; } #util_menu #util_con{clear:both;width:1027px; height:35px; margin:0 auto; } #util_menu #util_con ul{/* width:250px; */ height:20px; float:right; margin-top:10px; color:#b5b5b5;} #util_menu #util_con ul li{float:left; margin-left:8px;} #util_menu #util_con ul li a{color:#b5b5b5;} #util_menu #util_con ul li a:hover{font-weight:bold;} /*나의 해외 주소 열기,닫기 버튼 */ #util_menu .address_open{width:195px; height:57px; margin:0 auto; } /*2015_09_15 로그인 창 추가*/ #login{width:100%; padding: 20px 0; /*height:180px; margin:30px 0; display:none;*/} #login .login_con{width:1027px; height:125px; margin:0 auto; border:1px solid #d8d8d8;} #login .login_con h3{width:1000px; height:25px; margin:10px auto; text-align:center; font-weight:bold; color:#285481; border-bottom:1px dotted #d8d8d8; font-size:14px;} #login .login_con .login_input{width:695px; height:80px; float:left; padding-top:10px;} #login .login_con .login_input li{float:left; margin-left:10px;} #login .login_con .login_input li em{display:block; margin-left:80px; margin-top:10px;} #login .login_con .login_input li span{color:#f00808; font-weight:bold; vertical-align:middle;} #login .login_con .login_input li .wid_150{width:150px; height:30px;} .convenience_navi{width:280px; height:80px; float:right;} .convenience_navi p{width:200px; height:37px; margin:5px auto;} .convenience_navi ul{width:240px; height:30px; margin:0 auto; color:#c4c3c3; } .convenience_navi ul li{float:left; margin-left:3px;} .convenience_navi ul li a{color:#d6d6d6;} .convenience_navi ul li a:hover{color:#465e8e;} /*2015_09_15 로그인 창 추가 완료*/ #top{width:100%; border-bottom:1px solid #c8c8c8;}/*2017_01_18 색상변경*/ #top .top_con{width:1024px; height:87px; margin:0 auto 6px; } /*로고 출력 시작*/ #top .top_con h1{width:210px; height:67px; float:left; margin:10px 0;}/*2016_10_12 마진값 수정*/ /*gnb 시작*/ #top #gnb{width:800px; height:87px; float:right; background: none;}/*2016_10_12 백그라운드 삭제*/ #top #gnb ul{float:right; width:798px; height:67px; margin-top:14px; } #top #gnb ul li{float:left; width:133px; height:63px; } /* 배송대행*/ #top #gnb ul li a{display:block; width:133px; height:66px; background:url(/images/inc/gnb/gnb_shipping_request.gif) no-repeat; font-size:0; color:white; text-indent:-9999px;} #top #gnb ul li.menu1 a:hover{background:url(/images/inc/gnb/gnb_shipping_request_over.gif) no-repeat;} /*안내페이지 리뉴얼에 의해 수정된 부분 시작*/ /* 지니샵*/ #top #gnb ul li.menu2 a{background:url(/images/inc/gnb/gnb_genie_shop.jpg) no-repeat;} #top #gnb ul li.menu2 a:hover{background:url(/images/inc/gnb/gnb_genie_shop_over.jpg) no-repeat;} /* 러브컬쳐*/ #top #gnb ul li.menu3 a{background:url(/images/inc/gnb/gnb_love_culture.jpg) no-repeat;} #top #gnb ul li.menu3 a:hover{background:url(/images/inc/gnb/gnb_love_culture_over.jpg) no-repeat;} /* 핫딜 */ /* #top #gnb ul li.menu3 a{background:url(/images/inc/gnb/gnb_genie_deal.gif) no-repeat;} #top #gnb ul li.menu3 a:hover{background:url(/images/inc/gnb/gnb_genie_deal_over.jpg) no-repeat;}*/ /*이용안내*/ #top #gnb ul li.menu4 a{background:url(/images/inc/gnb/gnb_use_info.jpg) no-repeat;} #top #gnb ul li.menu4 a:hover{background:url(/images/inc/gnb/gnb_use_info_over.jpg) no-repeat;} /*고객센터*/ #top #gnb ul li.menu5 a{background:url(/images/inc/gnb/gnb_customer_service.jpg) no-repeat;} #top #gnb ul li.menu5 a:hover{background:url(/images/inc/gnb/gnb_customer_service_over.jpg) no-repeat;} /*이벤트*/ #top #gnb ul li.menu6 a{background:url(/images/inc/gnb/gnb_event.gif) no-repeat;} #top #gnb ul li.menu6 a:hover{background:url(/images/inc/gnb/gnb_event_over.gif) no-repeat;} /*안내페이지 카테고리*/ .gnb .category{width:100%; height:35px; border-top:1px solid #f0f0f0;} .gnb .category img{width:100%; vertical-align:top;} .gnb .category_con{position:relative; top:0; left:0;width:1026px; margin:0 auto; clear:both;/* z-index:100; */} .gnb .category_con ul > li{float:left;} .gnb .category_con .categoryMenu{position:relative;top:0; left:0; display:block; width:108px; height:35px; text-indent:-9999px;} .gnb .category_con .category01{width:174px; background:url(/images/guide/category_01.jpg) no-repeat 0 0;} .gnb .category_con .category02{width:121px;background:url(/images/guide/category_02.jpg) no-repeat 0 0;} .gnb .category_con .category03{width:171px;background:url(/images/guide/category_03.jpg) no-repeat 0 0;} .gnb .category_con .category04{width:133px;background:url(/images/guide/category_04.jpg) no-repeat 0 0;} .gnb .category_con .category05{width:148px;background:url(/images/guide/category_05.jpg) no-repeat 0 0;} .gnb .category_con .category06{width:159px; background:url(/images/guide/category_06.jpg) no-repeat 0 0;} .gnb .category_con .category07{width:120px; background:url(/images/guide/category_07.jpg) no-repeat 0 0;} /*카테고리 뎁스1 호버시*/ .gnb .category_con .category01.on{background:url(/images/guide/category_01_hover.jpg) no-repeat 0 0;} .gnb .category_con .category02.on{background:url(/images/guide/category_02_hover.jpg) no-repeat 0 0;} .gnb .category_con .category03.on{background:url(/images/guide/category_03_hover.jpg) no-repeat 0 0;} .gnb .category_con .category04.on{background:url(/images/guide/category_04_hover.jpg) no-repeat 0 0;} .gnb .category_con .category05.on{background:url(/images/guide/category_05_hover.jpg) no-repeat 0 0;} .gnb .category_con .category06.on{background:url(/images/guide/category_06_hover.jpg) no-repeat 0 0;} .gnb .category_con .category07.on{background:url(/images/guide/category_07_hover.jpg) no-repeat 0 0;} /*고객센터페이지 카테고리*/ .gnb .category.customService{width:100%; height:35px; border-top:1px solid #f0f0f0;} .gnb .category.customService img{width:100%; vertical-align:top;} .gnb .customService_con{position:relative; top:0; left:0; width:1026px; margin:0 auto; clear:both; overflow:hidden; /* z-index:100; */}/*2017_02_28 수정*/ /*.gnb .customService_con ul{float:right;}*//*2017_02_28 삭제*/ .gnb .customService_con ul > li{float:left;} .gnb .customService_con .custom_categoryMenu{position:relative;top:0; left:0; display:block; width:108px; height:35px; text-indent:-9999px;} .gnb .customService_con .category01{width:98px; background:url(/images/guide/cuctom_category_01.jpg) no-repeat 0 0;} .gnb .customService_con .category02{width:121px;background:url(/images/guide/cuctom_category_02.jpg) no-repeat 0 0;} .gnb .customService_con .category03{width:122px;background:url(/images/guide/cuctom_category_03.jpg) no-repeat 0 0;} .gnb .customService_con .category04{width:176px;background:url(/images/guide/cuctom_category_04.jpg) no-repeat 0 0;} /*2017_02_20 추가*/ .gnb .customService_con .category05{width:201px;background:url(/images/guide/cuctom_category_05.jpg) no-repeat 0 0;} /*2017_02_20 추가 끝*/ /*고객센터 시간 */ .service_time01 {margin-right: 22px;} .service_time02 {margin-left: 93px;} .break_time {margin-right: 25px;} /*카테고리 뎁스1 호버시*/ .gnb .customService_con .category01.on{background:url(/images/guide/cuctom_category_01_hover.jpg) no-repeat 0 0;} .gnb .customService_con .category02.on{background:url(/images/guide/cuctom_category_02_hover.jpg) no-repeat 0 0;} .gnb .customService_con .category03.on{background:url(/images/guide/cuctom_category_03_hover.jpg) no-repeat 0 0;} .gnb .customService_con .category04.on{background:url(/images/guide/cuctom_category_04_hover.jpg) no-repeat 0 0;} /*2017_02_20 추가*/ .gnb .customService_con .category05.on{width:201px;background:url(/images/guide/cuctom_category_05_hover.jpg) no-repeat 0 0;} /*2017_02_20 추가 끝*/ /*안내페이지 리뉴얼에 의해 수정된 부분 끝*/ /* 2019_03_22 수정 */ .convenience_navi{width:324px; float:right;} .convenience_navi div{padding-top:10px;} .convenience_navi div a{margin-right:5px;} .convenience_navi ul{width:240px; /* margin-top:10px; */ color:#c4c3c3; clear:both; overflow:hidden;} .convenience_navi ul li{float:left; margin-left:3px;} /* 2019_03_22 수정 끝 */