@charset "utf-8";


#es_header_zone { position:relative; width:100%; min-width:1100px; z-index:19; }

/* 상단고정배너 */
#es_topBanner { margin:0; width:100%; height:95px; overflow:hidden; clear:both; padding:0; border-bottom:1px solid #ddd;}
#es_topBanner .es_banCont { position:relative; width:100%; height:95px; padding:0; margin:0 auto; text-align:center; }


/* ------------- 최상단 메뉴 ------------- */
#es_header_zone .es_header_top { height:40px; margin:0 auto; border-bottom:1px solid #ddd; font-family:Nanum Gothic,"나눔고딕"; }
#es_header_zone .es_header_top_cont { position:relative; height:40px; width:1100px; margin:0 auto; }
#es_header_zone .es_header_top_cont:after{display:block; clear:both; content:"";}
#es_header_zone .es_header_top_cont .es_tnb_left { position:absolute; left:0; top:11px; height:40px; }
#es_header_zone .es_header_top_cont .es_tnb_left > a { float:left; display:block;}
#es_header_zone .es_header_top_cont .es_tnb_left > a { padding:1px 7px 0 8px; color:#666; font-size:12px; text-decoration:none; background:url("../img/topgnb_ico.png") no-repeat 0px 4px;}
#es_header_zone .es_header_top_cont .es_tnb_left > .es_totalmall { padding:2px 7px 3px 20px; margin-right:10px; color:#fff; font-weight:700; background:#525252 url("../img/eshop1/es_totalmall_ico.png") no-repeat 3px 2px; border-radius:3px;-webkit-border-radius:3px; -moz-border-radius:3px; }
#es_header_zone .es_header_top_cont .es_tnb_left > .es_favorite { padding:1px 7px 0 15px; font-weight:700; background:url("../img/eshop1/es_favorite_ico.png") no-repeat 0px 2px; }
#es_header_zone .es_header_top_cont .es_tnb_left > span img { vertical-align:middle; }
#es_header_zone .es_header_top_cont .es_tnb_right { position:absolute; right:0; top:10px; height:40px; overflow:hidden; }
#es_header_zone .es_header_top_cont .es_tnb_right li { float:left; }
#es_header_zone .es_header_top_cont .es_tnb_right > li > a { display:block; padding:1px 10px 0 10px; color:#666; font-size:12px; text-decoration:none; background:url("../img/topgnb_ico.png") no-repeat 0px 4px; }
#es_header_zone .es_header_top_cont .es_tnb_right > li:first-child a { background:none;}

/* ------------- 상단 로고영역 ------------- */
#es_header_zone .es_header_bottom { position:relative; width:1100px; margin:0 auto; }
#es_header_zone .es_header_bottom:after { content:""; display:block; clear:both; }
#es_header_zone .es_header_bottom .es_inner { position:relative; overflow:hidden; height:110px; padding:0; }
#es_header_zone .es_header_bottom .es_inner:after { content:""; display:block; clear:both; }
#es_header_zone .es_header_bottom .es_inner .es_logotop { float:left; width:280px; margin:0 70px 0 0; text-align:center; }
#es_header_zone .es_header_bottom .es_inner .es_logotop a { width:280px; height:110px; overflow:hidden; display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex;
	align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; justify-content:flex-start; -webkit-justify-content:flex-start; -moz-justify-content:flex-start; -ms-justify-content:flex-start; }
#es_header_zone .es_header_bottom .es_inner .es_logotop img { max-height:110px; }
#es_header_zone .es_header_bottom .es_inner .es_searchWrap { float:left; background:#fff;text-align:left; padding:17px 0;}
#es_header_zone .es_header_bottom .es_inner .es_searchHeader { width:375px; height:40px; text-align:left; background:#e4e4e4;}
#es_header_zone .es_header_bottom .es_inner .es_searchHeader fieldset { padding:0; margin:0; }
#es_header_zone .es_header_bottom .es_inner .es_searchHeader #top_keyword { float:left; width:325px; height:40px; padding:0 0 0 10px; border:0; font-size:14px; font-weight:700; background:#e4e4e4; }
#es_header_zone .es_header_bottom .es_inner .es_searchWrap .es_hitsearch { display:block; overflow:hidden; margin-top:8px;}
#es_header_zone .es_header_bottom .es_inner .es_searchWrap .es_hitsearch .hitT { display:inline-block; color:#fff; padding:2px 5px; margin-right:7px; background:#555; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#es_header_zone .es_header_bottom .es_inner .es_searchWrap .es_hitsearch a {display:inline-block; margin-right:10px; color:#555; font-size:12px; font-family:Nanum Gothic,"나눔고딕";}
#es_header_zone .es_header_bottom .es_inner .es_searchWrap .es_hitsearch a span { display:inline-block; padding:1px 4px; margin-right:5px; color:#fff; background:#f13542; border-radius:2px;-webkit-border-radius:2px; -moz-border-radius:2px; }
#es_header_zone .es_header_bottom .es_inner .es_rightTel { float:right; width:280px; padding:17px 0; }
#es_header_zone .es_header_bottom .es_inner .es_rightTel .RTtel_inner { display:block; overflow:hidden; height:75px; width:300px; font-family:Nanum Gothic,"나눔고딕";}
#es_header_zone .es_header_bottom .es_inner .es_rightTel .RTtel_inner .right_tel {float:left; width:50px; padding:10px 10px 0 0; text-align:right; }
#es_header_zone .es_header_bottom .es_inner .es_rightTel .RTtel_inner .right_txt {float:left; max-width:240px; padding:5px 0 10px; line-height:28px; }
#es_header_zone .es_header_bottom .es_inner .es_rightTel .RTtel_inner .right_txt p { color:#414141; font-size:16px; font-weight:700; }
#es_header_zone .es_header_bottom .es_inner .es_rightTel .RTtel_inner .right_txt strong { color:#01a289; font-size:30px; font-weight:800; letter-spacing:-1px; }


/* fixed 상단 카테고리 */
#es_fixed_cate { position:relative; width:100%; height:50px; background-color:#01a289; color:#fff; margin:0 auto; z-index:20; box-shadow:0px 4px 11px rgba(88,88,88,0.1); font-family:Nanum Gothic,"나눔고딕";} 
#es_fixed_cate #es_all_cate { width:1100px; height:50px; margin:0 auto; }

/* ---------------------------------------------- */
/* all_cate*/
/* --------------------------------------------- */
.es_gnb_all { float:left; display:block; width:180px; color:#fff; background-color:#01826e; border:0; margin:0; box-sizing:border-box; }
.es_gnb_all:after { content:''; display:block; clear:both; }
.es_gnb_all .es_allcate_title { display:block; cursor:pointer; line-height:50px; font-size:14px; font-weight:700; background:rgba(0,0,0,0.2); }
.es_gnb_all .es_allcate_title.bgchange { background:#333; }
.es_allcate_icon { position:relative; float:left; display:inline-block; width:20px; height:50px; margin:0 10px 0 25px; background-color:transparent; }
.es_allcate_icon span,
.es_allcate_icon span:before,
.es_allcate_icon span:after { cursor:pointer; height:2px; width:20px; background:#fff; position:absolute; left:0; top:48%; display:block;
    content:'';
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
}
.es_allcate_icon span:before { left:0; top:-6px; }
.es_allcate_icon span:after { left:0; top:6px; }
.es_allcate_icon.active span { background-color:transparent; }
.es_allcate_icon.active span:before,
.es_allcate_icon.active span:after { top:0; }
.es_allcate_icon.active span:before {
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
}
.es_allcate_icon.active span:after {
    transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    -moz-transform:rotate(-135deg);
}

/* 주력카테고리 */
#es_category {float:left; width:920px; height:50px; border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box;}
#es_category #es_cnb {float:left; text-align:center; }
#es_category #es_cnb .es_m1 {display:table; width:100%; overflow:hidden; }
#es_category #es_cnb .es_m1 li { float:left; display:table-cell; text-align:center; border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box; }
#es_category #es_cnb .es_m1 li:last-child { border-right:none; }
#es_category #es_cnb .es_m1 li a { display:inline-block; height:50px; color:#fff; font-size:14px; font-weight:700; line-height:48px; padding:0 18px; }
#es_category #es_cnb .es_m1 li:last-child a { border-right:none; }
#es_category #es_cnb .es_m1 li a:hover { color:rgba(255,255,255,0.7); }

/* ---------------------------------------------- */
/* 전체메뉴표시 */
/* ---------------------------------------------- */
.es_gnball { position:absolute; background-color:#fff; top:50px; left:50%; margin-left:-550px; width:1100px; display:none;
    border:2px solid #01826e; color:#101010; box-sizing:border-box; border-top:none;
    transform:translate(0,10%);
    -webkit-transform:translate(0,10%);
    -ms-transform:translate(0,10%);
    -o-transform:translate(0,10%);
    -moz-transform:translate(0,10%);
    transition:all 0.2s ease-in;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
}
.es_menuopen {
    display:block;
    transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    -moz-transform:translate(0,0);
    z-index:99999;
}
.es_gnball_cont {  }
.es_gnball_cont:after { content:''; display:block; clear:both; }
.es_gnball_cont .row { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
.es_gnball_cont .row:before, .es_gnball_cont .row:after { content:""; display:table; clear:both; }
.es_gnball_cont .columns { width:100%; display:table; border-bottom:1px solid #ddd; box-sizing:border-box; background:#e7e7e7; }
.es_gnball_cont .columns:after { content:''; display:block; clear:both; }
.es_gnball_cont .columns:last-child { border-bottom:none; }
.es_gnball_cont .columns > a { float:left; display:table-cell; display:block; width:15%; padding:1.5%; }
.es_gnball_cont .columns > a > h3 { font-size:13px; color:#414141; font-weight:700; }
.es_gnball_cont .columns .sub_columns { float:left; display:table-cell; width:79%; padding:1.5%; background:#fff; }
.es_gnball_cont .columns .sub_columns > a { display:inline-block; text-decoration:none; color:#888; font-size:12px; padding:0 5px; line-height:20px; }
.es_gnball_cont .columns .sub_columns > a:hover { color:#111; text-decoration:underline; }


#es_main { margin:0; padding:0;}
#es_main_zone, #es_banner_zone { position:relative; width:100%; margin:15px auto 0; }
#es_banner_zone {  z-index:99; }
#container { position:relative; width:1370px; margin:0 auto; *zoom:1; font-family:Nanum Gothic,"나눔고딕";}
#container:after { content:""; display:block; clear:both; }
#contents { position:relative; width:1100px; margin:0 auto; }

#fixed_left { position:absolute; top:0; left:0; width:120px; }
#fixed_right { position:absolute; top:0; right:0; width:120px; }
#fixed_left .banner, #fixed_right .banner { margin-bottom:5px;}
#fixed_right .recent_item { padding-bottom:15px; background:#fff; border:1px solid #c1c1c1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#fixed_right .recent_item:after { content:""; display:block; clear:both; }
#fixed_right .recent_item .recent_title { text-align:center; padding:12px 0; color:#818181; font-size:13px; font-weight:bold; }
#fixed_right .recent_item .item_list { width:82px; margin:0 auto; text-align:center; }
#fixed_right .recent_item .item_list li { text-align:center; margin-bottom:7px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#fixed_right .recent_item .list_pager { display:block; width:80px; margin:0 auto; height:20px; text-align:center }
#fixed_right .recent_item .list_pager span {display:inline-block; margin:0 2px; }

#es_footer_zone { position:relative; width:100%; margin:15px auto 0; font-family:Nanum Gothic,"나눔고딕"; }
#es_footer_zone:after { content:""; display:block; clear:both;}

/* 하단메뉴 */
.es_fmenuW { overflow:hidden; width:100%; background:#555; margin:40px auto 0; }
.es_fmenuW .es_fmenu { position:relative; width:1100px; margin:0 auto; }
.es_fmenuW .es_fmenu li { float:left; padding:12px 0; border-right:1px solid rgba(255,255,255,0.15); box-sizing:border-box; }
.es_fmenuW .es_fmenu li a { padding:0 25px 0 24px; color:rgba(255,255,255,0.7); font-size:13px; }
.es_fmenuW .es_fmenu li a:hover { color:rgba(255,255,255,1); }
.es_fmenuW .es_fmenu li.home { border-left:1px solid rgba(255,255,255,0.15); }

/* 하단고객센터 */
#es_footer_zone .es_footerW { width:100%; border-bottom:1px solid #ddd; }
#es_footer_zone .es_footerW .es_fcsW { position:relative; width:1100px; min-height:250px; padding:0; margin:0 auto; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#es_footer_zone .es_footerW .es_fcsW:after { content:""; display:block; clear:both; }
/* cs center */
.es_f_cs { float:left; width:330px; min-height:250px; padding:20px; border-right:1px solid #e9e9e9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.es_f_cs h3 { padding:0 0 10px 0; color:#111; font-size:21px;font-weight:700; margin-top:0 !important; }
.es_f_cs p { color:#818181; font-size:12px; line-height:17px; }
.es_f_cs .es_BcsPhone { width:100%; margin-bottom:5px; overflow:hidden; }
.es_f_cs .es_BcsPhone:after { content:""; clear:both; display:block; }
.es_f_cs .es_BcsPhone .es_Btel { float:left; width:50px; }
.es_f_cs .es_BcsPhone .es_Btxt { float:left; }
.es_f_cs .es_BcsPhone .es_Btxt strong { color:#01a289; font-size:23px; font-weight:800; letter-spacing:-1px; }/*20220504 ksy 수정*/
.es_f_cs .es_BcsPhone .es_Btxt p { color:#818181; font-size:12px; font-weight:400; }
.es_f_cs .es_subT1 { position:relative; display:block; padding:3px 0 0px 12px !important; color:#333; font-size:13px; font-weight:bold; line-height:18px; }
.es_f_cs .es_subT1:before { content:""; height:4px; width:4px; background:#01a289; position:absolute; left:0; top:9px; display:block; }
/* bank info */
.es_f_bank { float:left; width:250px; padding:20px; height:100%; }
.es_f_bank h3 { padding:0 0 10px 0; color:#111; font-size:21px; font-weight:700; margin-top:0 !important; }
.es_f_bank .es_bank_pro {  }
.es_f_bank .es_bank_pro p strong { color:#414141; font-size:14px; font-weight:800; }
.es_f_bank .es_bank_pro .es_bank_name { color:#999; font-size:13px; }
.es_f_bank p { color:#666; line-height:22px; }
.es_f_bank .es_f_bankquick { margin-top:15px; }
.es_f_bank .es_f_bankquick:after { content:""; display:block; clear:both; }
.es_f_bank .es_f_bankquick li { float:left; width:100px; padding:5px 0; margin:0 4px 4px 0; border:2px solid #01a289; box-sizing:border-box; text-align:center; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; overflow:hidden; }
.es_f_bank .es_f_bankquick li a { font-weight:800;}

/* 하단회사정보 */
#es_footer_company { float:left; width:475px; min-height:250px; padding:0 20px 20px; color:#818181; font-size:12px; overflow:hidden; border-left:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#es_footer_company .es_logobt { max-width:100%; height:110px; overflow:hidden; display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex;
	align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; justify-content:flex-start; -webkit-justify-content:flex-start; -moz-justify-content:flex-start; -ms-justify-content:flex-start; }
#es_footer_company .es_logobt img { max-height:110px; }
#es_footer_company .es_address { line-height:1.5; }
#es_footer_company .es_address span { display:inline-block; margin-right:20px;}
#es_footer_company .es_address span a { color:#818181; }
#es_footer_company .es_address span.copyright { color:#9d9d9d; }
#es_footer_company .es_address span.bsNum { font-size:11px; padding:1px 5px; border:1px solid #cbcbcb; box-sizing:border-box; }
#es_footer_company .es_address span.bsNum:hover { background:#ddd;}
#es_footer_company .es_address span.bsNum a { color:#818181; }
.es_f_escrow { width:1100px; margin:12px auto; }
.es_f_escrow img { margin:0 3px;}


/* 메인슬라이드하단 배너영역 */
.es_msbBan { position:relative; width:100%; margin:30px auto 0; }
.es_msbBan:after { content:''; clear:both; display:block; }
.es_msbBan .msbBanLeft { float:left; width:625px; margin-right:5px; overflow:hidden; }
.es_msbBan .msbBanRight { float:left; width:470px; overflow:hidden; }
.es_msbBan .msbBanRight li { margin-bottom:5px; }
.es_msbBan .msbBanRight li:last-child { margin-bottom:0px; }
.es_msbBan .msbBanLeft img, .es_msbBan .msbBanRight img { max-width:100%;}
.es_msbBan .msbBan100 { width:100%; overflow:hidden; }
.es_msbBan .msbBan25 { overflow:hidden; }
.es_msbBan .msbBan25 li { float:left; width:25%; text-align:center; overflow:hidden; }


/* 메인 타이틀 */
.es_mainTitle_line { position:relative; width:1100px; margin:30px auto 0px; padding-bottom:10px; border-bottom:2px solid #474747; }
.es_mainTitle_lineb1 { position:relative; width:1050px; margin:30px auto 0px; padding-bottom:10px; border-bottom:2px solid #474747; }
.es_mainTitle_lineb1 h3, .es_mainTitle_line h3 { color:#414141; font-size:28px; font-weight:700; letter-spacing:-1px; font-family:Nanum Gothic,"나눔고딕"; }
.es_mainTitle_lineb1 h3 .es_stitle, .es_mainTitle_line h3 .es_stitle { padding-left:10px; color:#818181; font-size:17px; font-weight:400; }
.es_mainTitle_lineb1 .es_main_morebtn, .es_mainTitle_line .es_main_morebtn { position:absolute; top:10px; right:0; width:80px; text-align:center; background:#fff; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.es_mainTitle_lineb1 .es_main_morebtn a, .es_mainTitle_line .es_main_morebtn a { display:inline-block; width:100%; padding:4px 0; color:#414141; font-size:12px; font-family:Nanum Gothic,"나눔고딕"; text-align:center; }
.es_mainTitle_lineb1 .es_main_morebtn:hover, .es_mainTitle_line .es_main_morebtn:hover { border:1px solid #555; }

/* 상품 */
.es_productArea { position:relative; min-width:1050px; margin:0 auto; font-size:0; padding:15px 0 15px; }
.es_prd_listbg { width:1050px; margin:0 auto; }
.es_prd_listbg:after { content:""; display:block; clear:both; }
.es_prd_listbg li { position:relative; float:left; width:18%; margin:0 1% 20px; padding:0px; text-align:center; }
.es_prd_listbg li:hover a .prd_thumb { border:1px solid #717171; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.es_prd_listbg li a { display:block; width:100%; text-align:center; }
.es_prd_listbg li a .prd_thumb { border:1px solid #eaeaea; height:187px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.es_prd_listbg li a .prd_thumb .thumb_img {width:100%; height:100%;  background:#fff;
	display:flex; display:-webkit-flex;
	align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center;
}
.es_prd_listbg li a .prd_thumb .thumb_img img {width:100%; height:auto; max-height:100%; overflow:hidden; }
.es_prd_listbg li a .prd_disc { display:block; margin-top:3px; line-height:19px; min-height:90px; max-height:120px;  }
.es_prd_listbg li a .prd_disc .prd_code { display:block; width:100%; padding:2px 0 5px; color:#5d99dc; font-size:12px; font-weight:800; text-align:center; border-bottom:1px solid #cbcbcb; box-sizing:border-box; }
.es_prd_listbg li a .prd_disc .prd_code span { padding-right:5px; }
.es_prd_listbg li a .prd_disc .prd_name { width:100%; max-height:40px; height:40px; padding-top:5px; color:#111; font-size:13px; text-overflow:ellipsis; -ms-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; overflow:hidden;	
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;	
}
.es_prd_listbg li a .prd_disc .prd_price { color:#d01212; font-size:16px; font-weight:bold; line-height:25px; }

.size_inner100p { position:relative; width:100%; margin:0 auto; }
.size_inner1060 { position:relative; width:1060px; margin:0 auto; }