@charset "utf-8";
/* CSS Document */

/*나의 해외 주소 상단 시작*/
#mp_address{width:100%; height:176px; float:left; background:#f0f0f0;display:none;  } 
/* 나의 해외 주소 시작 */
.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:400px; border:1px solid #e1dfdf; background:#FFF; position:absolute; /* top:18%; */ 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{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; }
#util_menu .address_open{width:195px; height:57px; margin:0 auto; }
#top{width:100%;}
#top .top_con{width:1024px; height:130px; margin:0 auto; }
/*로고 출력 시작*/
#top .top_con h1{width:210px; height:67px; float:left; margin-top:20px;}
/*gnb 시작*/
#top #gnb{width:800px; height:95px; float:right; background:url(/images/inc/gnb/gnb_line.jpg) no-repeat;}
#top #gnb ul{float:right; width:800px; height:82px; margin-top:14px;  }
#top #gnb ul li{float:left; width:133px; height:63px; }
/* 배송대행*/
#top #gnb ul li a{display:block; height:66px; background:url(/images/inc/gnb/gnb_shipping_request.jpg) 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.jpg) 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.jpg) no-repeat;}
#top #gnb ul li.menu6 a:hover{background:url(/images/inc/gnb/gnb_event_over.jpg) no-repeat;}

/*프로모션 코드 시작*/
#top .promotion_code{width:500px; height:20px; margin-top:10px; float:left;  font-weight:bold; }
/*검색창 시작*/
#top .search{width:221px; height:30px; float:right; background:url(/images/inc/search/back_search_img.jpg) no-repeat; }
#top .search ul{width:220px; height:25px; margin:0 auto; }
#top .search ul li{float:left;}
#top .search input{width:180px; height:20px; border:0; background:#fbfaf8; margin-top:2px; margin-left:10px;}

#top .search ul li img{width:21px; height:21px; margin-top:2px;}
/*2015_09_15 로그인 창 추가*/
#login{width:100%; height:180x;/*  margin:30px 0;  */ /*display:none;*/  padding: 20px 0; }
#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{width:695px; float:left; padding-top:10px;}/*2019_03_22 수정*/
#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 로그인 창 추가 완료*/

/* 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 수정 끝 */