@charset "utf-8";

* { margin: 0; padding: 0; -webkit-text-size-adjust:none; }
body { font-family:"Arial", "verdana","Gulim", "굴림","dotum", "돋음";}
li { list-style:none; }
a {text-decoration:none; }
img { border:0; }

/**** Layout ****/
#wrap { width:100%; }

/**** 헤더 ****/
#headers { position:relative;width:100%;margin:0 auto;z-index:5; background-color:#352d5e; }
#headers_top { position:relative; width:100%; height:100%; }
#headers_top ul { position:relative;}
#headers_top ul li { float:left; }


.topBox { width:100%; }

.topBox li {
	width:25%;
float:left; 

}

.topBox li.logo {
	width:50%;
}

input.type_btn { position:absolute; top:5px; right:0px; display:block; width:65px; height:32px; background:url(../images/button_search.gif) no-repeat; border:0; text-indent:-500em; }

/* 대메뉴 */
.main_menu { width:100%; background:#f6f6f6; text-align:center; overflow:hidden;}
.main_menu li { float:left; width:25%; height:100%; }
.main_menu li a { display:block; border:none; color:#333333; font-size:12px; }
.main_menu li a.tab_m {  }
.main_menu li a.on { color:#cd0000; }

/**** 하단 *******************/

#container_footer { float:left;position:relative;width:100%;}
#container_copyright { float:left;position:relative;width:100%;background-color:#a9a8a8;}
.footer_menu { width:100%; border-bottom:1px solid #666666; border-top:1px solid #666666; background:#555555; text-align:center; overflow:hidden; }
.footer_menu li { float:left; width:25%; height:31px; }
.footer_menu li a { display:block; border:none; height:25px; color:#ffffff; padding-top:10px; font-size:12px; }
.footer_menu li a.tab_m { border-right:1px solid #666666; }
.footer_menu li a.on { color:#ffffff; }

/***********************/

/**** 본문공통 ****/
#container { position:relative; width:100%;margin:0 auto; overflow:hidden; }

/**** 메인 ****/
.container_main_1 { z-index:1; }

#main_img { float:left;position:relative;width:100%;min-height:100px; }

.main_pop { float:left;position:relative;width:100%;margin:0 auto;} 
.main_pop ul { position:relative; width:100%;height:100%; margin:0 auto;padding:0px;background-color:; }
.main_pop ul li { float:left; width:50%;height:200px;margin:0px;padding:0px;text-align:center;padding-bottom:10px; }
.main_pop ul li .imgbox { float:center; width:120px;height:117px;margin:5px;border:1px solid #e6e6e6;overflow:hidden; }

.category_menu { width:90%; background:#f6f6f6; margin:0 auto;text-align:left; }
.category_menu li { float:left; width:100%; height:40px; }
.category_menu li a { display:block; border:none; height:25px; color:#333333; padding-top:12px; font-size:12px;padding-left:10px; background:url(../images/arrow.png) no-repeat right;}
.category_menu li a.tab_m { border:1px solid #dddddd;background-color:#ffffff; }

.sub_menu { width:100%; background-color:#ffffff; text-align:left;overflow:hidden; }
.sub_menu li { float:left; width:25%; height:31px; }
.sub_menu li a { display:block;border:none; height:22px; color:#333333; padding-top:10px;padding-left:16px; font-size:12px; background:url(../images/subarrow.png) no-repeat left;}
.sub_menu li a.tab_m { border-right:0px solid #dddddd; }
.sub_menu li a.on { color:#cd0000; }

.mypage_menu { width:100%; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; background:#f6f6f6; text-align:left;overflow:hidden; }
.mypage_menu li { float:left; width:50%; height:31px; }
.mypage_menu li a { display:block;border:none; height:22px; color:#333333; padding-top:10px;padding-left:16px; font-size:12px; background:url(../images/subarrow.png) no-repeat left;}
.mypage_menu li a.tab_m { border-right:0px solid #dddddd; }
.mypage_menu li a.on { color:#cd0000; }

/* 페이징 */
.page_nav { clear:both; text-align:center; font-size:14px; letter-spacing:-1px; line-height:normal; white-space:nowrap; padding:10px 0; }
.now_p, .page_nav a { display:inline-block; color:#656565; text-decoration:none; width:23px; height:23px; vertical-align:middle; text-align:center; line-height:24px; margin:0 5px 0 0; color:#888; border:1px solid #ddd; }
.page_nav .now_p { border:1px solid #e61f1b; color:#e61f1b; }
.page_nav .numb { display:inline; }
.next_p { border:1px solid #bebebe; box-shadow:0 1px 0 rgba(0, 0, 0, 0); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ebebeb)); /*Safari*/ background: -webkit-linear-gradient(top, #fff, #ebebeb); /*WebKit nightly*/ background: -moz-linear-gradient(top, #fff, #ebebeb); /* Modzilla Firefox */ }
.first_p em { display:block; text-indent:-9999em; background:url(../images/button_first.gif) no-repeat; }
.pre_p em { display:block; text-indent:-9999em; background:url(../images/button_pre.gif) no-repeat; }
.next_p em { display:block; text-indent:-9999em; background:url(../images/button_next.gif) no-repeat; }
.end_p em { display:block; text-indent:-9999em; background:url(../images/button_end.gif) no-repeat; }

/*로그인 */
.login_box { width:90%; background:#f6f6f6; margin:0 auto;text-align:left; }
.login_box li { float:left; width:100%;color:#333333;font-size:12px;border:1px solid #dddddd;background-color:#ffffff; }

.join_box { width:90%; background:#f6f6f6; margin:0 auto;text-align:right; }
.join_box li { float:left; width:100%; height:40px; }
.join_box li a { display:block; border:none; height:25px; color:#333333; padding-top:12px; font-size:12px;padding-right:10px;font-weight:bold; background:url(../images/arrow.png) no-repeat left;}
.join_box li a.tab_m { border:1px solid #dddddd;background-color:#ffffff; }

.joinform_box { width:90%; background:#f6f6f6; margin:0 auto;text-align:left; }
.joinform_box li { float:left; width:100%; height:40px; display:block; border:1px solid #dddddd; color:#333333;font-size:12px;font-weight:bold; background:url(../images/subarrow.png) no-repeat left; }


#Mbbs1 ul { position:relative; margin:0 auto; }
#Mbbs1 > ul > li { color: #ffffff;width:245px;height:10px;background-color:; }
#Mbbs1 > ul > li a{ color: #ffffff;font-family: "Arial", "verdana","Gulim", "굴림","dotum", "돋음";font-size: 12px; }
#Mbbs1 > ul > li a:havor{ color: #ffffff;font-family: "Arial", "verdana","Gulim", "굴림","dotum", "돋음";font-size: 12px; }

#Mphoto1 ul { position:relative; }
#Mphoto1 > ul > li { color: #979ea3;text-align:center; }
#Mphoto1 > ul > li a{ color: #979ea3;font-family: "Arial", "verdana","Gulim", "굴림","dotum", "돋음";font-size: 12px; }
#Mphoto1 > ul > li a:havor{ color: #979ea3;font-family: "Arial", "verdana","Gulim", "굴림","dotum", "돋음";font-size: 12px; }

/**** 서브 ****/
#container_sub { float:left;width:100%;position:relative; margin:0 auto; }
#container_gnb { float:left;position:relative;width:981px; height:34px; background-color:;}
#container_gnb > #sub_menu { float:left;position:absolute;width:700px;padding-left:16px;background-color:; }
#container_gnb > #sub_menu > li { float:left;position:relative;height:34px; }
#container_gnb > #sub_menu > li > a { color:#838383; display:block;padding-top:8px;height:26px;border-right:1px solid #e6e6e6;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
#container_gnb > #sub_menu > li > a:hover { background:#3e6baf;color:#ffffff;}
#container_gnb > #sub_menu > li:first-child { border-left:1px solid #e6e6e6; }
/*
#container_gnb > #sub_menu > li:first-child > a { border-left:1px solid #e6e6e6; }
#container_gnb > #sub_menu > li+li { border-right:1px solid #e6e6e6; }
*/
#container_gnb > #sub_menu > li > a.sel { background:#3e6baf;color:#ffffff;}

#container_gnb > #sub_title { float:right;position:relative;width:291px;background-color:; }
#container_gnb > #sub_title > li { float:left;position:relative;padding-top:8px;width:291px;height:26px; }

#container_sub_section { float:left;position:relative;width:981px;position:relative; margin:0 auto; }

/**** 서브 ****/
#container_login { float:left;position:relative;width:774px;height:100px;border:1px solid #ececec; }
#container_login ul { position:absolute; }
#container_login > ul > li { float:left;position:relative;font-size:0.9em;font-weight:bold; }


.pointIcon {border:1px solid #fc0101;background-color:#fc0101;color:#ffffff;font-weight:bold;font-size:10px;font-family:Arial;padding:1px;}
.cateIcon {border:1px solid #fc0101;background-color:#fb7804;color:#ffffff;font-weight:bold;font-size:12px;font-family:Arial;padding:1px;}
.reviewIcon {border:1px solid #f7aa23;background-color:#f7aa23;color:#ffffff;font-size:12px;font-family:Arial;padding:1px;}
.buyIcon {border:1px solid #fb7804;background-color:#fb7804;color:#ffffff;font-weight:bold;font-size:16px;font-family:Arial;padding:5px 10px 5px 10px;}
.cartIcon {border:1px solid #fb7804;color:#fb7804;font-weight:bold;font-size:16px;font-family:Arial;padding:5px 10px 5px 10px;}
.wishIcon {border:1px solid #e6e6e6;color:#333333;font-weight:bold;font-size:16px;font-family:Arial;padding:5px 10px 5px 10px;}
.searchIcon {float:right;border:1px solid #bc0700;color:#bc0700;font-weight:bold;font-size:14px;font-family:Arial;padding:5px 10px 4px 10px;width:45px;}

/**** footer ****/
#footer { position:relative;width:981px;height:80px;background-color:#edf1f4;margin:0 auto; }
#footer ul { position:relative; margin:0 auto;padding-top:10px;}
#footer ul li { float:left;position:relative;padding-left:10px;}

#back-top { position:fixed;bottom:30px;right:10px; }
#back-top a {
	width: 30px;
	display: block;
	text-align: center;
	font: 11px/100% Gulim, 굴림,dotum,돋음;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #bbb;
}

/* arrow icon (span tag) */
#back-top span {
	width: 30px;
	height: 30px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(/mpage/images/up.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #bbb;
}

/**** 기본링크 ****/
a:link { text-decoration:none;color:#231f20; }
a:visited { text-decoration:none;color:#231f20; }
a:active { text-decoration:none;color:#231f20; }
a:hover { text-decoration:none;color:#231f20; }

a.title:link { text-decoration:none;color:#ffffff; font-family:돋움; font-size:14px;}
a.title:visited { text-decoration:none;color:#ffffff; font-family:돋움; font-size:14px;}
a.title:active { text-decoration:none;color:#ffffff; font-family:돋움; font-size:14px;}
a.title:hover { text-decoration:none;color:#ffffff; font-family:돋움; font-size:14px;}

a.product:link { text-decoration:none;color:#333333; font-family:돋움; font-size:12px;line-height:16px }
a.product:visited { text-decoration:none;color:#333333; font-family:돋움; font-size:12px;line-height:16px }
a.product:active { text-decoration:underline;color:#333333; font-family:돋움; font-size:12px;line-height:16px }
a.product:hover { text-decoration:underline;color:#333333; font-family:돋움; font-size:12px;line-height:16px }

a.goods:link { text-decoration:none;color:#979ea3; }
a.goods:visited { text-decoration:none;color:#979ea3; }
a.goods:active { text-decoration:none;color:#979ea3; }
a.goods:hover { text-decoration:none;color:#979ea3; }

a.cate:link { text-decoration:none;color:#979ea3; }
a.cate:visited { text-decoration:none;color:#979ea3; }
a.cate:active { border:1px solid #fc0101;background-color:#fb7804;color:#ffffff;font-weight:bold;font-size:12px;font-family:Arial;padding:1px; }
a.cate:hover { border:1px solid #fc0101;background-color:#fb7804;color:#ffffff;font-weight:bold;font-size:12px;font-family:Arial;padding:1px; }

a.footer:link { text-decoration:none;color:#ffffff; }
a.footer:visited { text-decoration:none;color:#ffffff; }
a.footer:active { text-decoration:none;color:#ffffff; }
a.footer:hover { text-decoration:none;color:#ffffff; }

/**** 전체공통 ****/
.font_title {
	color: #ffffff;
	line-height: 1.6em;
	letter-spacing: 1.2px;
	font-family: "Arial", "verdana","Gulim", "굴림","dotum", "돋음";
	font-size: 16px;
	font-style: normal;
	font-weight: bold;

}

.font_content {
	color: #999999;
	line-height: 18px;
	font-family: "dotum", "돋음","Arial", "verdana","Gulim", "굴림";
	font-size: 12px;
	font-style: normal;
}

.font_copyright {
	color: #ffffff;
	line-height: 1.6em;
	font-family: "Arial", "verdana","Gulim", "굴림","dotum", "돋음";
	font-size: 12px;
}


.font_product {
	color: #333333;
	font-family: "dotum", "돋음","Arial", "verdana","Gulim", "굴림";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.font_product_title {
	color: #333333;
	font-family: "dotum", "돋음","Arial", "verdana","Gulim", "굴림";
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}

.font_product_infor {
	color: #333333;
	font-family: "dotum", "돋음","Arial", "verdana","Gulim", "굴림";
	font-size: 12px;
	font-style: normal;
}

.font_content2 {
	color: #ffffff;
	line-height: 1.6em;
	letter-spacing: 1.2px;
	font-family: "Arial", "verdana","Gulim", "굴림","dotum", "돋음";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	text-align:justify;
}

.font_content3 {
	color: #979ea3;
	line-height: 1.6em;
	letter-spacing: 1.2px;
	font-family: "Arial", "verdana","Gulim", "굴림","dotum", "돋음";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	text-align:center;
}

.font_content4 {
	color: #979ea3;
	font-family: "Gulim", "굴림";
	font-size: 12px;
	text-align:right;
}

.font_content5 {
	color: #979ea3;
	line-height: 1.6em;
	letter-spacing: 1.2px;
	font-family: "굴림","Arial", "verdana","Gulim", "굴림","dotum", "돋음";
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	text-align:center;
}

.font_content6 {
	color: #979ea3;
	line-height: 1.4em;
	letter-spacing: 1.2px;
	font-family: "Arial", "verdana","Gulim", "굴림","dotum", "돋음";
	font-size: 12px;
	font-style: normal;
	text-align:left;
}

.font_content_login_head {
	color: #222222;
	line-height: 1.6em;
	letter-spacing: 1.2px;
	font-family: "sans-serif","Arial", "verdana","Gulim", "굴림","dotum", "돋음";
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-align:justify;
}

.font_content_login_title {
	color: #4b74b3;
	line-height: 1.6em;
	letter-spacing: 1.2px;
	font-family: "sans-serif","Arial", "verdana","Gulim", "굴림","dotum", "돋음";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align:justify;
}

.font_content_login {
	color: #838383;
	line-height: 1.6em;
	letter-spacing: 1.2px;
	font-family: "sans-serif","Arial", "verdana","Gulim", "굴림","dotum", "돋음";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align:justify;
}

.Left { float:left;}
.Right { float:right; }
.Center { float:middle; }


.w16 { width:16px; }
.w20 { width:20px; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w107 { width:107px; }
.w130 { width:130px; }
.w160 { width:160px; }
.w233 { width:233px; }
.w245 { width:245px; }
.w246 { width:246px; }
.w464 { width:464px; }
.w480 { width:480px; }
.w758 { width:758px; }

.tw123 { text-align:center;width:123px; }
.tw130 { padding-left:0px;width:130px; }
.tw146 { text-align:center;width:146px; }
.tw153 { text-align:center;width:153px; }
.tw184 { text-align:center;width:184px; }
.tw243 { width:243px; }
.tw255 { text-align:center;width:255px; }
.tw366 { width:366px; }

.h70 { height:70px; }
.h285 { height:285px; }
.h550 { height:550px; }

.bpadding70 { padding:0 0 70px 0;}
.tpadding50 { padding:50px 0 0px 0;}

.input_search  {border:1px solid #e5e5e5; background-color:#ffffff;width:180px;height:22px; font-size:10pt;text-align:left;}
.input_sms_phone  {border:1px solid #e5e5e5; background-color:#f7f7f7;width:32px;height:16px; font-size:10pt;text-align:left;}
.input_sms_name  {border:1px solid #e5e5e5; background-color:#f7f7f7;width:108px;height:16px; font-size:10pt;text-align:left;}
.input_sms_nbtye { font-family:굴림; FONT-SIZE: 9pt; border:0px; text-align:right}
.input_login  {padding:5px;border:1px solid #dddddd; background-color:#ffffff;width:95%;height:15px;font-size:10pt;text-align:left;}
.input_pm  { float:left;border-top:1px solid #e0dede;border-bottom:1px solid #e0dede;border-right:0px solid #e0dede;border-left:0px solid #e0dede;background-color:#ffffff;width:30px;height:14px; font-size:10pt;text-align:right;color:#979ea3;padding:2px;}
.input_pm2  { border-top:1px solid #e0dede;border-bottom:1px solid #e0dede;border-right:0px solid #e0dede;border-left:1px solid #e0dede;background-color:#ffffff;width:30px;height:14px; font-size:10pt;text-align:right;color:#6a6868;padding:2px;}
.input_select { position:relative;border:1px solid #e0dede; }
.input_select_option { position:relative;width:150px;border:1px solid #e0dede; }
.input_member  {padding:5px;border:1px solid #dddddd; background-color:#ffffff;height:15px;font-size:10pt;}
.input_member_box  { border:1px solid #e0dede;background-color:#efefef;height:26px; font-size:10pt;color:#979ea3;text-align:center;}

.input_join_next  {border:1px solid #a9a8a8; background-color:#e5e5e5;width:100%;height:30px; font-size:10pt;text-align:center;}

/* pager */
.cycle-pager { position:absolute;margin-top:-43px;text-align:center;width:100%;background:url(../images/main/s_off.png) no-repeat;z-index:2; }
.cycle-pager span { display: inline-block; color:#ffffff;width:16px; height:16px;padding-left:5px; background:url(../images/main/s_off.png) no-repeat; cursor: pointer; }
.cycle-pager span.cycle-pager-active { width:16px; height:16px; background:url(../images/main/s_on.png) no-repeat; }
.cycle-pager > * { cursor: pointer;}

img{width:100%;}

#menu_li_more01 {position:relative;}
#menu_li_more01::before {
/*	left: 0;*/
/*	background-image: url("../images/icon.png");*/
/*	width:30px;*/
/*	height:30px;*/
/*	background-size:100% ;*/
	
/*	content: url("../images/icon.png");*/
/*	position:absolute;*/
/*	display: block;*/
/*	width: 30px;*/
/*	margin-top: 1px;*/
/*	margin-left: 9px;*/

/*background: url('/images/icon3.png') no-repeat ;*/
/*content: "";*/
/*display: inline-block;*/
/*height: 30px;*/
/*width: 30px;*/
/*background-size:100% ;*/
/*position:relative;*/
/*line-height:40px;*/
}

.menu_icon {width:30px;position: absolute;margin-left:-30px; margin-top:-3px}