@charset "utf-8";
#warp	{position:relative;margin:0 auto;}
#warp:after	{content:"";display:block;clear:both;}
header {width:100%;}
nav {width:100%; position:relative;}
article:after {content:''; display:block; clear:both;}
footer {margin-top:70px}
/*.layout_center_top {height:57px;}

.site_sub_layout {  display: table;width: 100%; padding-top:57px;}
.site_sub_layout .lnb_area {width:190px; display:table-cell;}
.site_sub_layout .contents {width:auto; padding-left:30px; display:table-cell;}*/


/*sub layout*/
.lnb_area {width:181px; float:left;}
.contents {width:870px; float:right;}

/*.png24 {tmp:expression(setPng24(this));}*/
.png24 {_behavior:url(/js/iepngfix.htc);}
/*.png24bg {tmp:expression(setPng24Bg(this));}*/


/*site_width*/
.layout_w {position:relative;width:1080px; margin:0px auto;}
.laytout_w2 {width:1080px !important;}
/*simple border_color*/

.bor_A_m {border:1px solid #e91839 !important;}
.bor_T_m {border-top:1px solid #444032;}
.bor_B_m {border-bottom:1px solid #444032 !important;}

.bor_A_b {border:1px solid #444032 !important;}
.bor_T_b {border-top:1px solid #444032 !important;}
.bor_B_b {border-bottom:1px solid #444032 !important;}


.bor_A_g {border:1px solid #e1e1e1;}
.bor_B_g {border-bottom:1px solid #e1e1e1;}
.bor_L_g {border-left:1px solid #e1e1e1;}
.bor_R_g {border-right:1px solid #e1e1e1;}
.bor_T_g {border-top:1px solid #e1e1e1;}

.bor_A_r {border:1px solid red;}

/*simple font*/
.font_family_e {    font-family: Georgia,Times,Times New Roman,serif !important;}
.font_family_e > a {  font-family: Georgia,Times,Times New Roman,serif !important;}

#delivery_policy_template img {display:none;}
/*main color*/
.main_color {color:#e91839 !important;}
.sub_color {color:#555;}
.sub_color2 {color:#666 !important;}
.sub_color3 {color:#999;}

.rgb_point {color:#e91839;}

/*background*/

.main_back {background:#000000 !important;}


/*input common*/
.input_common {
  border:1px solid #e1e1e1 ;
  padding:7px 0px 7px 6px;
  width:100%;
  box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
}/*height:28px;*/

.input_common2 {
  border: 1px solid #e1e1e1;
  padding:7px;
  box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
}/*height:28px;*/



.input_common3 {
  border: 1px solid #a29e91;
  padding:9px 0px 10px;
  padding-left: 5px;
  box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
}/*height:28px;*/


/*sub memu css*/
.sub_title_box {
	border-top:2px solid #424242;
	height:97px;
	padding-left:20px;
	cursor:pointer;
}

.sub_menu {border-bottom:1px solid #e1e1e1;}
.sub_title_box > dl > dt {font-size:12px; color:#666666; font-weight:normal; margin-bottom:7px; margin-top:24px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#999999;}
.sub_title_box > dl > dd {font-size:29px; color:#000; font-weight:normal; color:#333333; font-family: 'Noto Sans', sans-serif;}

.left_menu_style {}
.left_menu_style > dt {  padding:0px 0 0px 20px; line-height:44px; height:44px;background:url('../images/left_deno_on.gif') right center no-repeat; font-weight: bold; font-size:14px;  border-top: 1px solid #d0cec8;     font-family: 'Noto Sans', sans-serif; }

.left_menu_style > dt.on {  padding:0px 0 0px 20px; line-height:44px; height:44px;background:url('../images/left_deno_off.gif') right center no-repeat; font-weight: bold; font-size:14px;  border-top: 1px solid #d0cec8; }

.left_menu_style > dt a {color:#333;}
.left_menu_style > dd {border-top: 1px solid #d0cec8;}
.left_menu_style > dd {display:none;}
.left_menu_style > dd.on {display:block;}
.left_menu_style > dd > ul {padding-bottom:15px; background:#f5f5f5;}
.left_menu_style > dd > ul > li a {color:#6f643c;}
.left_menu_style > dd > ul > li a:hover {text-decoration:underline; color:#555;}
.left_menu_style > dd > ul > li a.on {text-decoration:underline; color:#555;}
.type_2_left > li {line-height:45px;}


/*select*/
.select_class {border:1px solid #e1e1e1; background:url('../images/search_buttom.png') right center no-repeat;}
.select_class2 {border:1px solid #a29e91; background:url('../images/btns/search_buttom.png') right center no-repeat; padding:5px 0px;}
.select_class input{width: 105px !important;}

/*box_size*/
.box_size {
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
}


/*text gap*/
.text_gap {width:20px;text-align:center;  font-size:14px; line-height:23px;}
.text_gap2 {width:30px;text-align:center;  line-height:30px;}
.text_gap3 {width:20px;text-align:center;  line-height:28px;}

/*buttom*/
.main_buttom {
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	background:#444032;
	font-size:12px;
	text-align:center;
	display:inline-block;
}

.main_ks_buttom {
	color:#fff !important;
	background:#444032;
	border:1px solid #444032;
	font-size:12px;
	text-align:center;
	display:inline-block;
	box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}


.main_k_buttom {
	color:#fff !important;
	background:#444032;
	border:1px solid #444032;
	font-size:14px;
	text-align:center;
	display:inline-block;
	box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}

.main2_k_buttom {
	color:#fff !important;
	background:#e91839;
	font-size:14px;
	text-align:center;
	display:inline-block;
}

.main_km_buttom {
	color:#fff !important;
	background:#444032;
	font-size:16px;
	text-align:center;
	display:inline-block;
	box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}


.sub_ks_buttom {
	border:1px solid #858585;
	color:#666 !important;
	background:#fff;
	font-size:12px;
	text-align:center;
	display:inline-block;
	box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}


.sub_k_buttom {
	border:1px solid #858585;
	color:#666 !important;
	font-size:14px;
	text-align:center;
	display:inline-block;
	 box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}

.sub_k2_buttom {
	border:1px solid #858585;
	color:#666;
	font-size:15px;
	text-align:center;
	display:inline-block;
	 box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}

.sub_km_buttom {
	border:1px solid #858585;
	color:#666;
	font-size:16px;
	text-align:center;
	display:inline-block;
	box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}

.rgb_2_buttom {
	color:#f13650 !important;
	font-size:11px;
	text-align:center;
	border:1px solid #f13650;
	display:inline-block;
	 box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}

.rgb_buttom {
	color:#fff !important;
	background:#e61e3e;
	border:1px solid #e61e3e;
	font-size:12px;
	text-align:center;
	display:inline-block;
	box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}

.rgb_buttom2 {
	color:#f13650 !important;
	font-size:12px;
	text-align:center;
	border:1px solid #f13650;
	display:inline-block;
	 box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}

.g_k_buttom {
	color:#fff !important;
	background:#a29e90;
	font-size:12px;
	border:1px solid #a29e90;
	text-align:center;
	display:inline-block;
	box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}

.new_btn_buttom {
	color:#5d8dcd !important;
	background:#fff;
	font-size:12px;
	border:1px solid #5d8dcd;
	text-align:center;
	display:inline-block;
	box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}


/*buttom_size*/
.buttom_ssss {width:32px; height:20px; line-height:20px; cursor:pointer;/* border-radius:3px;*/}
.buttom_ss {width:67px; height:23px; line-height:23px; cursor:pointer; /* border-radius:3px;*/}
.buttom_sss {width:80px; height:36px; line-height:36px; cursor:pointer; /* border-radius:3px;*/}
.buttom_s {width:100px; height:28px; line-height:28px; cursor:pointer; /* border-radius:3px;*/}
.buttom_m {width:120px; height:37px; line-height:37px;/* border-radius:5px;*/ cursor:pointer; /* border-radius:3px;*/}
.buttom_L {width:144px; height:50px; line-height:50px; cursor:pointer; /* border-radius:3px;*/}



.buttom_p_s {padding:6px 9px; /* border-radius:3px;*/}
.buttom_p_ms {  padding: 16px 30px;display: inline-block; /* border-radius:3px;*/}
.buttom_p_ms2 {  padding: 11px 30px;display: inline-block; /* border-radius:3px;*/}


/*buttom_radio*/
.bor_radius {border-radius:3px;}
.bor_radius_none {border-radius:0px !important;}
/*table coommon*/


.common_table  .table_header {border:1px solid #e1e1e1; text-align:center; color:#555555; height:45px;}
.no_content_class {text-align:center; padding:50px 0px !important; font-size:13px; border-bottom:1px solid #d0cec8; width:100% !important; margin-left:0px !important; margin-right:0px !important;}
.common_table  .content_text {border-bottom:1px solid #a29e91; text-align:center; height:45px;}
.common_table .content_review > td {border-bottom:1px solid #a29e91; padding:12px 0px;}

.thead strong {font-size:12px;}


.common_table2  .table_header {border:1px solid #e1e1e1; text-align:center; color:#555555; height:45px;}
.common_table2 > tbody > tr > td {border-bottom:1px solid #e2e2e2; padding:20px 0px; text-align:center; color:#555;}

.common_table3 {border-top:1px solid #828282;}
.common_table3 th, .common_table3 td {border-bottom:1px solid #e2e2e2; padding:14px 0px; text-align:left;}
.common_table3 th span , .common_table3 td span {margin-left:15px; color:#555;}
.common_table3 th {background:#f4f4f4;}
.common_table3 td  {border-left:1px solid #e2e2e2;}

.common_table4  .table_header {border:1px solid #e1e1e1; text-align:center; color:#555555; height:45px;}
.common_table4 > tbody > tr > td {border-bottom:1px solid #e2e2e2;height:45px; text-align:center; font-size:14px; line-height:150%;}


.common_table5 th { height:33px;}
.common_table5 > tbody > tr > td {padding:10px 0px; text-align:center;}


.common_write {border-top:1px solid #e1e1e1;}
.common_write > tbody > tr > th, .common_write > tbody > tr > td {border-bottom:1px solid #e2e2e2; padding:11px 0px; text-align:left;} 
.common_write > tbody > tr > th.vertical_top { vertical-align:top;}
.common_write > tbody > tr > th.vertical_top span {position:relative; top:3px;}
.common_write th > span {margin-left:20px; color:#000; color:#555555; font-size: 14px;  font-family: 'Noto Sans', sans-serif;}
.common_write th  em {margin-left:5px; display:none;}


/*promotion_tap class 는 상세페이지 or 로그인 or 회원정책 or 아이디찾기 or 마이페이지하단 페이지에 같이 사용됨 수정시 유의 바람*/
.promotion_tap {position:relative;}
.promotion_tap:after {content:''; display:block; clear:both;}
.promotion_tap ul { background:#fff url('../images/common/promotion_tap.gif') right 0 repeat-y;}
.promotion_tap:before {content:''; display:block; width:100%; height:1px; background:#dadada; position:absolute; bottom:-1px; left:0px; z-index:-1;}
/*.promotion_tap li:nth-child(6) {width:17%; }*/
.promotion_tap li {position:relative;width:16.6%; cursor:pointer; height:42px; line-height:42px; }
.promotion_tap li:first-child:before {content:''; display:block; width:1px; height:100%; position:absolute; top:0px; left:0px; z-index:1; background:#dadada; color:#848070;}
.promotion_tap li > div {position:absolute; top:0px; left:0px; height:100%; width:100%; background:#fff url('../images/common/promotion_tap.gif') right 0 repeat-y; border-bottom:1px solid #dadada;  color:#848070; } 


.promotion_tap li.on > div {background:#f5f5f5  url('../images/common/promotion_tap.gif') right 0 repeat-y; position:relative; border-bottom:0px;}

.promotion_tap li.on div > div {position:relative; background:#f5f5f5 ;  margin:0px 1px;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.promotion_tap li.on:first-child div > div { }

.promotion_tap li.on div > div:after {content:''; display:block; clear:both; width:100%; height:1px; position:absolute; left:-1px; bottom:-1px; background:#f5f5f5 ; padding-right:1px;}
.promotion_tap li.on:first-child div > div:after {content:''; display:block; clear:both; width:100%; height:1px; position:absolute; left:0px; bottom:-1px; background:#f5f5f5 ; padding-right:0px;}

/*
.promotion_tap li.on div:after {content:''; display:block; clear:both; width:100%; position:absolute; bottom:0px; left:0px; height:1px; background:red;}
*/
/*
.promotion_tap li.on div{background:#fff url('../images/common/promotion_tap.gif') right 0 repeat-y;border-bottom:1px solid #fff;font-weight:bold; color:#222;}
*/


.promotion_tap2 {position:relative;}
.promotion_tap2:after {content:''; display:block; clear:both;}
.promotion_tap2 ul { background:#fff url('../images/common/promotion_tap.gif') right 0 repeat-y;}
.promotion_tap2:before {content:''; display:block; width:100%; height:1px; background:#dadada; position:absolute; bottom:-1px; left:0px; z-index:-1;}
/*.promotion_tap li:nth-child(6) {width:17%; }*/
.promotion_tap2 li {position:relative;width:16.6%; cursor:pointer; height:42px; line-height:42px; }
.promotion_tap2 li:first-child:before {content:''; display:block; width:1px; height:100%; position:absolute; top:0px; left:0px; z-index:1; background:#dadada; color:#848070;}
.promotion_tap2 li > div {position:absolute; top:0px; left:0px; height:100%;   font-size:16px; font-family: 'Noto Sans', sans-serif;width:100%; background:#f5f5f5 url('../images/common/promotion_tap.gif') right 0 repeat-y; border-bottom:1px solid #dadada;  color:#848070; } 


.promotion_tap2 li.on > div {background:#fff url('../images/common/promotion_tap.gif') right 0 repeat-y; position:relative; border-bottom:0px;}

.promotion_tap2 li.on div > div {position:relative;  margin:0px 1px;  font-weight:bold; color:#000; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.promotion_tap2 li.on:first-child div > div { }

.promotion_tap2 li.on div > div:after {content:''; display:block; clear:both; width:100%; height:1px; position:absolute; left:-1px; bottom:-1px; background:#fff; padding-right:1px;}
.promotion_tap2 li.on:first-child div > div:after {content:''; display:block; clear:both; width:100%; height:1px; position:absolute; left:0px; bottom:-1px; background:#fff; padding-right:0px;}



.promotion_tap3 {position:relative;}
.promotion_tap3:after {content:''; display:block; clear:both;}
.promotion_tap3 ul { background:#f5f5f5 url('../images/common/promotion_tap.gif') right 0 repeat-y;}
.promotion_tap3:before {content:''; display:block; width:100%; height:1px; background:#dadada; position:absolute; bottom:-1px; left:0px; z-index:-1;}
/*.promotion_tap li:nth-child(6) {width:17%; }*/
.promotion_tap3 li {position:relative;width:16.6%; cursor:pointer; height:42px; line-height:42px; }
.promotion_tap3 li:first-child:before {content:''; display:block; width:1px; height:100%; position:absolute; top:0px; left:0px; z-index:1; background:#dadada; color:#848070;}
.promotion_tap3 li > div {position:absolute; top:0px; left:0px; height:100%; width:100%; background:#f5f5f5; border-bottom:1px solid #dadada;  color:#848070; } 

.promotion_tap3 li.on > div:before {content:''; display:block; clear:both; width:1px; height:100%; position:absolute; left:0px; top:0px; background:#dadada ;}

.promotion_tap3 li.on > div {background:#fff  url('../images/common/promotion_tap.gif') right 0 repeat-y; position:relative; border-bottom:0px; border-bottom:1px solid #fff;}

.promotion_tap3 li.on div > div:before {content:''; display:block; clear:both; width:1px; height:100%; background:#dadada; position:absolute; top:0px; left:-1px;}
.promotion_tap3 li.on div > div {position:relative; background:#fff ;  margin:0px 1px;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:14px; color:#000; font-weight:bold;}
.promotion_tap3 li.on:first-child div > div { }

.promotion_tap3 li.on div > div:after {content:''; display:block; clear:both; width:100%; height:1px; position:absolute; left:-1px; bottom:-1px; background:#fff ; padding-right:1px;}
.promotion_tap3 li.on:first-child div > div:after {content:''; display:block; clear:both; width:100%; height:1px; position:absolute; left:0px; bottom:-1px; background:#fff ; padding-right:0px;}



.promotion_tap4 {position:relative;}
.promotion_tap4:after {content:''; display:block; clear:both;}
.promotion_tap4:before {content:''; display:block; width:100%; height:1px; background:#dadada; position:absolute; bottom:-1px; left:0px; z-index:-1;}


.promotion_tap4 ul { background:#f5f5f5 url('../images/common/promotion_tap.gif') right 0 repeat-y; position:relative; float:left;}
/*
.promotion_tap4 ul:before {content:''; display:block; clear:both; position:absolute; top:0px; left:0px; width:2px; height:100%; background:#dadada; z-index:45;}
*/

/*.promotion_tap li:nth-child(6) {width:17%; }*/
.promotion_tap4 li {position:relative;width:16.6%; cursor:pointer; height:42px; line-height:42px; }
.promotion_tap4 li:first-child:before {content:''; display:block; width:1px; height:100%; position:absolute; top:0px; left:0px; z-index:1; background:#dadada; color:#848070;}
.promotion_tap4 li > div {position:absolute; top:0px; left:0px; height:100%; width:100%; background:#f5f5f5; border-bottom:1px solid #dadada;  color:#848070; } 

.promotion_tap4 li.on > div:before {content:''; display:block; clear:both; width:1px; height:100%; position:absolute; left:0px; top:0px; background:#dadada ;}

.promotion_tap4 li.on > div {background:#fff  url('../images/common/promotion_tap.gif') right 0 repeat-y; position:relative; border-bottom:0px; border-bottom:1px solid #fff;}

.promotion_tap4 li.on div > div:before {content:''; display:block; clear:both; width:1px; height:100%; background:#dadada; position:absolute; top:0px; left:-1px;}
.promotion_tap4 li.on div > div {position:relative; background:#fff ;  margin:0px 1px;  box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:14px; color:#000; font-weight:bold;}
.promotion_tap4 li.on:first-child div > div { }

.promotion_tap4 li.on div > div:after {content:''; display:block; clear:both; width:100%; height:1px; position:absolute; left:-1px; bottom:-1px; background:#fff ; padding-right:1px;}
.promotion_tap4 li.on:first-child div > div:after {content:''; display:block; clear:both; width:100%; height:1px; position:absolute; left:0px; bottom:-1px; background:#fff ; padding-right:0px;}

/*
.promotion_tap li.on div:after {content:''; display:block; clear:both; width:100%; position:absolute; bottom:0px; left:0px; height:1px; background:red;}
*/
/*
.promotion_tap li.on div{background:#fff url('../images/common/promotion_tap.gif') right 0 repeat-y;border-bottom:1px solid #fff;font-weight:bold; color:#222;}
*/


/*page*/
.Page_class {text-align:center;}


/*point_text*/
.point_text {font-size:12px; position:relative;  padding-left:18px;}
.point_text:after {content:''; width:2px; height:2px; background:#7b7b7b; display:block; clear:both; position:absolute; top:6px; left:5px;}

/*textarea*/
.textarea_class {    border: 1px solid #e1e1e1;
    padding:7px; box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;}

/**/
.phone_box:after {content:''; display:block; clear:both;}
.phone_box li {float:left; }
.phone_box li.content {width:75px;}
.phone_box li.gap {text-align:center; font-size:13px; width:15px; line-height:28px;}
.email_box li {float:left;}
.email_box li.gap {width:20px;  font-size:13px; text-align:center; line-height:28px;}
.email_box li.content {width:126px;}
.email_box li.content2 {width:100px; margin-left:6px;}




.paging {text-align:center; margin:45px 0px;}
.paging span {color:#999999; font-size:14px; width:30px; height:24px; color:#898989; text-align:center; line-height:24px; display:inline-block; cursor:pointer;}
.paging span.on {color:#000; font-weight:bold; /*background:url('../images/page_deco.gif') center bottom no-repeat; */position:relative; font-weight:bold;} 
/*
.paging span.on:after {content:''; display:block; clear:both; width:6px; height:1px; position:absolute; top:0px; left:50%;  background:#444032; margin-left:-3px;
}*/
.paging img {margin:0px 4px;}



.paging .first, .paging .last {display:none;}