@charset "utf-8";

/* top banner */
#top_banner{width:100%; height:155px; position:relative;}
#top_banner a{display:block; font-size:0; width:100%; height:155px;}
#top_banner a.bt_close{display:inline; width:auto; height:auto; position:absolute; top:20px; right:20px;}

/* layout */
.gray_bar{display:block; width:100%; height:3px; background:#5f6062; position:relative;}
.red_bar{display:block; width:228px; height:3px; background:#ed174b; position:absolute; top:0; left:0;}

#wrap{position:relative; width:100%; min-width:1280px; height:auto;}
#header{width:100%; height:90px; position:relative; background:#fff;}
#shop_header{width:100%; height:45px; position:relative;}
#conteiner{width:100%; height:auto;}
#shop_footer{width:100%; height:auto; border-top:3px solid #5f6062; padding-bottom:40px; overflow:hidden; position:relative;}
#footer{float:left; width:100%; height:auto; /* background:#dfdfe0; */ border-top:2px solid #000;}

/* header */
.sta{position:absolute; top:10; left:105px; width:200px; height:auto; padding:0px 0; text-align:center;}

.gnb_area{position:absolute; top:50; right:20px; width:400px;}
.gnb{float:right;}
.gnb li{ float:left; padding:30px 9px 0 9px; }
.gnb li a{font-size:12px; color:#9b9da0; letter-spacing:-0.05em;}
.gnb li a:hover{color:#ed174b;}



.quick{float:right; width:auto; height:auto; margin:16px 0 0 0;}
.quick p{background:url("../images/common/bt_cart.gif") 0 0 no-repeat; width:66px; height:36px; float:left;}
.quick p a{text-align:center; display:block; padding:12px 0 0 25px; color:#fff; font:bold 12px 'Nanum Gothic';}
.quick ul{float:left;}
.quick ul li{float:left; margin:0 2px; position:relative;}

.gnb_area .lang_layer_box{width:100%; height:auto; position:absolute; z-index:999999;}
.gnb_area .lang_layer_box li{text-align:center; margin:5px 0; float:none;}
.gnb_area .lang_layer_box li a{font-weight:bold; font-size:11px; background:#b6b4b6; width:36px; height:36px; line-height:36px; display:block; border-radius:36px; color:#fff;}
.gnb_area .lang_layer_box li a:hover{background:#ed174b;}

.lnb{position:absolute; width:90%; margin-left:140px; height:87px; text-align:center;}
.lnb li{display:inline-block; width:12%; position:relative; text-align:center;}
.lnb li a{display:inline-block; padding:39px 24px; background:url("../images/common/lnb_arrow.png") no-repeat right center; text-decoration:none;}
.lnb li a:hover{background:url("../images/common/lnb_arrow_on.png") no-repeat right center;}
/* .lnb li.snb_no a{background:none;} */
.lnb li.snb_no a{background:#ed174b; padding:12px 24px; border-radius:50px; color:#fff;}

.lnb li .submenu{width:192px; /* box-shadow:0 2px 3px 0 #5f6062; */ background:#fff; position:absolute; z-index:999; top:84px; left:0; /*padding:10px 0;*/ border-top:3px solid #ed174b;}
.lnb li .submenu li{display:block; width:190px; position:static; border:1px solid #eee; border-top:none;}
.lnb li .submenu li a{display:block; padding:15px 0; background:none; font-size:14px; color:#5f6062;}
.lnb li .submenu li a:hover{background:#fef7f8; color:#ed174b;}

.content1 {position:relative; width:1280px; margin:0 auto;}
/* **************************************** *
 * FOOTER
 * **************************************** */
.footer-cont {position:relative; width:100%; height:262px; padding:55px 0; background:url("../images/main/bg_support.jpg") repeat; overflow:hidden;}
.footer-site {float:left; width:850px;}
.footer-site ul {float:left; width:170px;}
.footer-site p.t1 {font-family: Nanum Gothic; font-size:17px; line-height:24px; color:#fff; margin-bottom:9px;}
.footer-site li {font-size:1px; line-height:28px; }
.footer-site li a {color:#bababa;}
.footer-site li a:hover {
	color: #fff;
	-webkit-transition: 300ms ease-in-out; /* Safari */
	-moz-transition: 300ms ease-in-out; /* Safari */
	-o-transition: 300ms ease-in-out; /* Safari */
	-ms-transition: 300ms ease-in-out; /* Safari */
	transition: 300ms ease-in-out;
	font-family: NotoKR, sans-serif;
}
	
.footer-info {position:relative; width:380px; float:left; border-left:1px solid #474747; padding-left:30px; height:262px;}
.footer-info p.flogo {margin:0px 0 24px;}
.footer-info .snswrap {position:absolute; top:2px; left:278px;}
.footer-info .snswrap p {float:left; margin-right:12px;}
.footer-info li {font-size:14px; line-height:28px; color:#fff; letter-spacing:-0.04em;}
.footer-info li span {margin-left:10px;}
.footer-info li span:first-child {
	margin-left: 0;
	color: #fff;
	font-family: NotoKR, sans-serif;
}
.footer-info li.f1 {font-weight:bold;}
.footer-info li.f2 {color:#ababab;}
.footer-info li a {color:#fff;}

.footer {position:relative; background:#fff; padding:41px 0; overflow:hidden;}
.footer p.copyright {font-size:14px; color:#4e4e4e; text-align:center;}

/* footer */
.foot_area_add_site{width:90.66%; height:auto; padding:50px 0; margin:0 auto; overflow:hidden;}
.foot_area_add_site .add{float:left; width:35%; height:auto; }
.foot_area_add_site .add h4{/* color:#fff; */ font-size:18px; font-weight:400;}
.foot_area_add_site .add address{/* color:#fff; */ font-size:15px; padding-top:30px;}
.foot_area_add_site .add ul{width:auto;}
.foot_area_add_site .add ul li{float:left; width:268px; margin:20px 0 0 0;}
.foot_area_add_site .add ul li strong{color:#9a9da3; display:block; float:left; font-size:15px; font-weight:300;}
.foot_area_add_site .add ul li span{display:block; float:left; font-size:15px; /* color:#fff; */}
.foot_area_add_site .add ul li .red{color:#ed174b/*ff89a6*/;}
.foot_area_add_site .add ul li .w60{width:60px;}
.foot_area_add_site .add ul li .w130{width:120px;}

.foot_area_add_site .bk_sitemap{float:right; width:60%;}
.foot_area_add_site .bk_sitemap ul li{float:left; width:auto; padding:0 2%;}
.foot_area_add_site .bk_sitemap ul li h4{/* color:#fff; */ font-weight:400;}
.foot_area_add_site .bk_sitemap ul li ul{float:left; padding-top:10px; padding-right:20px;}
.foot_area_add_site .bk_sitemap ul li ul li{clear:left; width:100%; padding:15px 0 0 0;}
.foot_area_add_site .bk_sitemap ul li ul li a{color:#a5a5a6; font-size:15px;}

.foot_etc{width:100%; height:auto; /* background:#fff; */ padding:28px 0; overflow:hidden; border-top:1px solid #eee;}
.foot_etc .etc{float:center; width:auto; height:auto; padding-left:4%;}
.foot_etc .etc ul li{float:left; padding:0 12px; background:url("../images/common/bul_foot.gif") right center no-repeat;}
.foot_etc .etc ul li a{font-size:15px;}
.foot_etc .etc ul li a.policy{color:#f91e53;}
.foot_etc .etc ul li.last-child{background:none;}
.foot_etc .etc cite{display:block; float:left; width:100%; padding:11px 0 0 0; font-size:14px; color:#5f6062; letter-spacing:1px;}
.foot_etc .etc cite a{font-size:12px; color:#5f6062;}

.foot_etc .sns_mark{float:right; padding-right:1.88%;}
.foot_etc .sns_mark li{float:left; height:46px; margin:0 0 0 9px;}
.foot_etc .sns_mark li img{display:block; padding:5px 0 0 0;}

/* shop_footer */
.bk_add{float:left; padding:40px 0 0 30px; width:43%;}
.bk_add ul li{float:left; margin:0 15px;}
.bk_add ul li a{font-size:13px; color:#2f2f2f;}
.bk_add address{display:block; float:left; padding:8px 0 0 0;}
.bk_add address em{display:block; padding:10px 0 0 0;}
.bk_add address em span{font-size:12px; color:#777c85; padding:0 15px;}
.bk_add cite{display:block; float:left; padding:10px 0 0 15px; font-size:12px; color:#777c85; letter-spacing:0;}
.bk_add cite span{font-size:12px; color:#272a30;}
.bk_add cite a{font-size:12px; color:#777c85;}
.bk_add .bk_prd_memo{display:block; float:left; padding:5px 0 0 15px; font-size:12px; color:#777c85;}

.bk_customer{float:left; width:25%; padding:40px 0 0 0;}
.bk_customer h3{padding-left:10px;}
.bk_customer p{padding:20px 0 0 10px;}
.bk_customer strong{display:block; padding:15px 0 0 0; font-size:12px; color:#777c85; font-weight:300; letter-spacing:0;}
.bk_customer strong span{font-size:12px; color:#777c85; padding:0 10px;}

.bk_bank{float:left; width:23%; padding:40px 0 0 0;}
.bk_bank h3{padding-left:10px;}
.bk_bank p{padding:20px 0 0 0; font-size:12px; color:#777c85;}
.bk_bank p span{font-size:12px; color:#777c85; padding:0 10px;}

#shop_footer .mark{position:absolute; bottom:25px; right:40px;}
#back-top {position: fixed; right:40px; bottom:80px;}
#back-top a {width:50px; height:50px; line-height:50px; display: block; text-align: center; text-decoration: none; color: #fff; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; background:#26292f; font-size:13px; border-radius:40px;}
#back-top a:hover {color: #fff; background:#ed174b;}

/* page_location */
#contents_wrap .path{width:100%; height:auto; text-align:center; padding:50px 0 50px 0; display:none;}
#contents_wrap .path p img{display:inline-block; padding-right:15px;}
#contents_wrap .path span{background:url("../images/common/ico_arrow.png") left center no-repeat; display:inline-block; padding:0 15px; font-size:13px; color:#797979;}
#contents_wrap .path span a{font-size:13px; color:#797979;}
#contents_wrap .path span.black{color:#272a30;}
#contents_wrap .path h1{font-size:45px; text-align:center; padding:0 0 0 0; letter-spacing:-0.07em;}

.shop_page_location{float:left; width:100%; height:auto; background:#f4f4f4; border-bottom:1px solid #e5e5e5; padding:19px 0; overflow:hidden;}
.shop_page_location p{padding-left:55px;}
.shop_page_location p img{display:block; float:left; padding-right:15px;}
.shop_page_location span{background:url("../images/common/ico_arrow.png") left center no-repeat; display:block; float:left; padding:0 15px; font-size:13px; color:#797979;}
.shop_page_location span a{font-size:13px; color:#797979;}
.shop_page_location span.black{color:#272a30;}

/* shop_contents */
#shop_contents{width:93.66%; height:auto; margin:0 auto; position:relative; /* overflow:hidden; */}
#contents_wrap{width:100%; height:auto; /* border-top:1px solid #d7d7d8; */}

/* shop_mypage */
#max_mBoard_area{width:1200px; height:auto; padding-bottom:100px; margin:50px auto; display:block; overflow:hidden;}
#max_board_area{float:right; width:936px; height:auto;}
#max_board_area .tit{font-size:25px; font-weight:400;}

/* sitemap */
.bk_sitemap_wrap{width:1200px; height:auto; padding-bottom:100px; margin:0 auto; overflow:hidden;}
.bk_sitemap_wrap .sub_tit{padding-bottom:20px;}
.bk_sitemap_wrap .sitemap_wrap .txt{text-align:center; color:#797979;}
.bk_sitemap_wrap #company{height:650px;}
.bk_sitemap_wrap .site_menu_group{margin:50px 0 0 0;}
.bk_sitemap_wrap .site_menu{width:200px; height:300px; float:left; margin:20px 30px;}
.bk_sitemap_wrap .site_menu .bar{display:block; background:url("../images/etc/bg_sitemap_bar.png") 0 0 no-repeat #5f6062; width:100%; height:3px;}
.bk_sitemap_wrap .site_menu strong{display:block; font-size:20px; font-weight:500; padding:15px;}
.bk_sitemap_wrap .site_menu .site_snb_m li{padding:10px 15px;}
.bk_sitemap_wrap .site_menu .site_snb_m li a{font-size:15px; color:#797979;}
.bk_sitemap_wrap .site_menu .site_snb_m li a:hover{color:#ed174b;}
.bk_sitemap_wrap .site_menu .site_snb_m li .site_snb_m_s{margin:5px 0 0 0;}
.bk_sitemap_wrap .site_menu .site_snb_m li .site_snb_m_s li{padding:5px;}
.bk_sitemap_wrap .site_menu .site_snb_m li .site_snb_m_s li a{font-size:13px; color:#afafaf; background:url("../images/etc/bul_sitemap_lst.gif") left center no-repeat; display:block; padding-left:6px;}
.bk_sitemap_wrap .site_menu .site_snb_m li .site_snb_m_s li a:hover{color:#000;}
.bk_sitemap_wrap .site_menu.prd_m{width:750px;}
.bk_sitemap_wrap .site_menu.prd_m .site_snb_m li{padding:10px; float:left; width:200px;}


#max_alert_nullpage { position: fixed;
    background: #fff;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: -99999px;}