@charset "utf-8";
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb); 
*/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

hr {display:none}
form, fieldset {border:0 none}
html,body {border:0 none;width:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
ul,ol,li,dl,dt,dd,table,th,td {font-weight:normal;text-align:left;line-height:100%;}
ul,ol,li {list-style:none}
a {text-decoration:none; color:#333333;}
a,img,input.type-image {border:0 none}
table {border:0;border-spacing:0;border-collapse:collapse}
em {font-style:normal}

body,h1,h2,h3,h4,input,button {font-family:NanumGothic,dotum,Helvetica,sans-serif;color:#383d41;font-size:12px}
#header { background:#fff; }
#header .header_top {width:100%;height:30px;background:#f8f8f8;border-bottom:1px solid #e1e1e1;font-size:11px}
#header .header_menu {margin:0 auto;width:990px}
#header .header_inner .header_banner2 .usermenu {text-align:right; float:right }
#header .header_inner .header_banner2 .usermenu .top-menu {float:left; text-align: center; position: relative; top: -30px; width: 70px;}
#header .header_inner .header_banner2 .usermenu .top-menu a:hover{color: #df0000;font-size:13px;font-weight:bold;}
#header .header_inner .header_banner2 .usermenu .top-menu img {width: 35px;}
#header .header_inner .header_banner2 .usermenu .top-menu .signup-1 {width: 32px; margin-top: 3px;}
#header .header_inner .header_banner2 .usermenu .top-menu .delivery-1 {width: 43px; margin-top: -8px;} 
#header .header_inner .header_banner2 .usermenu .change-menu {position: relative; bottom: 49px; left: 80px;}
#header .header_inner .header_banner2 .cart {}
#header .header_inner .header_banner2 .cart,
#header .header_top .eng {font-weight:bold}
#header .header_inner {margin:0 auto;width:1140px; position:relative }
#header .header_inner .logo {float:left;width:210px;background:url(../images/header.png) 10px 12px}
#header .header_inner .logo h1 {font-size:0;line-height:0}
#header .header_inner .logo a { display:block;width:200px;height:85px;}
#header .header_inner .search { position:relative;float:left;width:540px;padding:30px 0 0 50px;height:33px; vertical-align:top;z-index:49;}
#header .header_inner .main_search {width:420px;padding:0 0 0 10px;height:35px;border:2px solid #d61311; border-radius: 20px; margin: -10px 0 0 30px;background-color: transparent;}
#header .header_inner .main_search:focus {outline:none;}
#header .header_inner .search_div {background-repeat: no-repeat;background-position: 45px -10px;}
#header .header_inner .btn_main_search {vertical-align:top;font-size:0;line-height:0}
#header .header_inner .btn_main_search img {width:30px; position: relative; right: 50px; bottom: 6px;}
#header .header_inner .search_lst { position:absolute; border:2px solid #d61311; border-top:1px solid #999; border-radius: 0 0 20px 20px; width:430px; min-height: 300px; background:#fff; z-index:50; margin: -3px 0 0 30px;}
#header .search .search-line {border : 0.1px solid #dadada; margin: 0 10px 0 10px;}
#header .search .search_lst img {width: 30px; position: relative; left: 386px; bottom: -2px;}
#header .search .recent-search {text-align: center; padding-top:115px; color:#606060;}
#header .search .recent-search-title { color:#333; margin: 10px 0 10px 10px; font-size: 16px; font-family: 'Nanum Gothic'; font-weight: bold;}
#header .search .recent-search-list {font-family: 'Nanum Gothic'; padding: 5px 0 10px 10px; font-size: 14px; color:#333;}
#header .search .search_lst .x-text {right: 20px; position: absolute;}

#header .header_inner .header_banner { position:absolute; top:14px; right:15px;}
#header .header_inner .header_banner2 { position:absolute; top:35px; right:0px;}
#header .header_gnb {width:100%; z-index:15; position:relative; border-top: 1px solid #dadada;border-bottom: 1px solid #df0000;}
#header .header_gnb .header_gnb_wrap {margin:0 auto;width:1140px; height:46px; position:relative}
#header .header_gnb .gnb { position:absolute; margin-left: 65px;}
#header .header_gnb .gnb ul {}
#header .header_gnb .gnb ul li { float:left; margin:14px 0; padding:0 20px; text-align: center;}
#header .header_gnb .gnb ul li:not(:first-child) { border-left:1px solid #ff4e48}
#header .header_gnb .gnb ul a { height:18px; display:block; cursor:pointer; /* background:url(../images/gnb.png) no-repeat */}
#header .header_gnb .gnb ul a.btn_gnb01 {width:60px;}
#header .header_gnb .gnb ul a.btn_gnb02 {width:70px;}
#header .header_gnb .gnb .gnb_text {font-family:NanumGothic,sans-serif;white-space:nowrap;font-size:15px; font-weight:600; line-height:18px; color: #505050;}
#header .header_gnb .gnb .on {font-size:16px; font-weight:bold; color: #df0000;}
#header .header_gnb .gnb .gnb_ul li a:hover {font-size:16px; color: #df0000;}

#header .header_gnb li.mooc {margin-left: 900px; padding-top: 15px;}
#header .category { position:absolute; left:0; width:50px; height: 46px; background-color:#df0000;}
#header .category .btn_cate_view {}
#header .category .btn_cate_view .line {background-color: white; width:30px; height:3px; border-radius:2px; margin:9px 0 0 10px; position: relative;}
#header .category .category_wrap { padding:20px 0; width:420px; border:2px solid #d10000; background:url(../images/bg_category.gif) repeat-y 205px 0; background-color:#fff; }
#header .category .depth1 {position:relative;}
#header .category .depth1 li {}
#header .category .depth1 li a { display:block; padding:0 0 0 35px; width:171px; line-height:28px; font-size:12px; color:#383838; background:url(../images/category.png) no-repeat 0 -46px;}
#header .category .depth1 li.open a { background:url(../images/category.png) no-repeat 0 -74px; color:#ea3636; font-weight:bold}
#header .category .depth2 {position:absolute; display:block; top:0; left:205px; width:174px;}
#header .category .depth2 li a { font-size:12px; padding:0 0 0 26px; width:145px}
#header .category .depth2 li a,
#header .category .depth1 li.open .depth2 li a { background:none}
#header .category .depth1 li.open .depth2 li a { font-weight:normal; color:#838383}
#header .category .depth1 li.open .depth2 li a:hover { color:#ea3636; font-weight:bold}
#header .header_inner:after,
#header:after {content:" ";display:block;clear:both}


#container {width:100%;background-color:#f9f9fa; z-index:30;}
.sub_cont { padding:0 0 30px 0; }
#container #contents {margin:0 auto;width:1140px;}
#container #contents:after {content:" ";display:block;clear:both}
#footer { clear:both; background:#ececed; border-top:1px solid #c8c8c8}
#footer .footer_inner { padding:25px 0;margin:0 auto;width:990px; }
#footer .footer_logo { float:left;background:url(../images/footer.png) no-repeat 55px 10px; width:250px; height:83px }
#footer .footer_info {margin:0 0 0 280px}
#footer .footer_menu {width:100%; height:20px}
#footer .footer_menu li { display:inline-block;float:left;padding:0 10px 0 10px; background:url(../images/footer.png) -200px 0 no-repeat;}
#footer .footer_menu li.fst { background:none; padding:0 10px 0 0;}
#footer .footer_menu a { font-size:12px; color:#666666; font-weight:bold;}
#footer .company_info {width:100%;color:#8a8a8a; font-size:11px; height:40px}
#footer .company_info address:before {content:" ";display:block;clear:both}
#footer .company_info address span,
#footer .company_info span { display:inline-block;padding:3px 5px; background:url(../images/footer.png) -200px -25px no-repeat;}
#footer .company_info span.fst { background:none; padding:3px 5px 3px 0;}
#footer .company_info a {color:#8a8a8a;}
#footer .copyright {width:100%;font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#9a9a9a}
#footer .footer_menu:after {content:" ";display:block;clear:both}
#footer .partner_contact { margin:15px 0 0; /* background-color:#e2e2e2; border:1px solid #d8d8d8; width:400px; padding:8px 10px;*/ font-size:12px; color:#464646}
#footer .partner_contact strong { color:#577ea3; margin-right:10px}
#footer .partner_contact span { margin-right:5px}
#footer .partner_contact a {color:#464646}
#footer .footer_marks  { margin:20px 0 0; background:url(../images/footer_mark.png) no-repeat; width:552px; height:36px;}
#footer .footer_marks a { display:block; height:36px; float:left;}
#footer .footer_marks .mark1 { width:79px}
#footer .footer_marks .mark2 { width:105px}
#footer .footer_marks .mark3 { width:107px}
#footer .footer_marks .mark4 { width:143px}
#footer .footer_marks .mark5 { width:118px}

.blind {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;white-space:nowrap;font-size:0;line-height:0}


.num {font-family:Tahoma, Geneva, sans-serif;font-weight:bold;letter-spacing:-1px; font-size: 20px;}
.num12 {font-family:Tahoma, Geneva, sans-serif;font-weight:bold;letter-spacing:-1px; font-size: 12px;}
.num14 {font-family:Tahoma, Geneva, sans-serif;font-weight:bold;letter-spacing:-1px; font-size: 14px;}
.btn {display:inline-block; font-size:0; line-height:0; background:url(../images/btn.png) no-repeat}
.tl {text-align:left !important}
.tr {text-align:right !important} 

.btn_center_box { text-align:center; padding:20px 0; clear:both }
.btn_center_box .btn { margin:0 5px }

/* 최근 본 상품 */
.recently_view { position:
  fixed; top:168px; right:50%; margin-right:-710px; width:130px; background-color:#fff; z-index:10; letter-spacing:-1px; border-bottom:1px solid #ccc;}
.recently_view dt { font-size:13px; line-height:30px; color:#606060; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.recently_view dd { border-left:1px solid #ccc; border-right:1px solid #ccc}
.recently_view .prd_lst {}
.recently_view .prd_lst .no_item { color:#777; font-size:11px; line-height:14px; padding:100px 10px}
.recently_view .prd_lst li { text-align:center; padding:10px 0 0}
.recently_view .prd_lst img  { width:100px; height:100px; border:1px solid #eeeeee}
.recently_view .side_link { display:block; padding:7px 0; font-size:13px; line-height:13px; color:#606060; text-align:center; border:1px solid #ccc;}
.recently_view .link_point_gift { height:40px; background:url(../images/side.png) no-repeat #4b5362; }
.recently_view .link_point_gift em { color:#FFDF55; font-weight:bold }
.recently_view .link_coupon_reg { border-bottom:none;}
.recently_view .link_coupon_reg:hover{color: #df0000}
.recently_view .link_coupon { }
.recently_view .link_cart { border-bottom:none; }
.recently_view .link_cart:hover{color: #df0000}
.recently_view .viewlst_tools { position:relative; padding:8px 8px 7px; height:15px; text-align:center}
.recently_view .viewlst_tools a { position:absolute; top:6px; margin:0 10px; font-size:0; line-height:0; background:url(../images/side.png) no-repeat; width:18px; height:15px }
.recently_view .viewlst_tools .btn_prev {left:0; background-position:0 -70px }
.recently_view .viewlst_tools .btn_next {right:0; background-position:-18px -70px }
.recently_view .viewlst_tools .viewlst_pag { font-size:11px; color:#a2a2a2;}
.recently_view .viewlst_tools .viewlst_pag strong { font-weight:bold; color:#4b5362}

/* 레이어팝업 css */
#mask {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  border:1px solid #e4e4e4;
  left:50%;
  top:0;
  width:700px;
  height:100%;
  max-height:100%;
  display:none;
  z-index:9999;
  background:#fff;
}

#boxes #dialog {
  position:fixed;
  top:0;
  width:700px; 
  height:100%;
  max-height:420px;
  overflow-y:auto;
  background-color:#ffffff;
 
}

#boxes #dialog2 {
  position:fixed;
  top:0;
  width:560px; 
  height:100%;
  max-height:350px;
  overflow-y:auto;
  background-color:#ffffff;
}

#boxes #dialog3 {
  position:fixed;
  top:0;
  width:560px; 
  height:100%;
  max-height:350px;
  overflow-y:auto;
  background-color:#ffffff;
}

/* 0912 추가 */
#boxes #dialog5 {
  position:fixed;
  left:50%;
  top:0;
  margin-left:-3%;
  width:350px; 
  height:100%;
  font-size:26px;
  text-align:center;
  color:yellow;
  font-weight:bold;
  max-height:350px;
  overflow-y:auto;
  padding:10px;
  background-color:red;
 }