@charset "utf-8";

/* font : color */
.black{color:#25282e;}
.gray{color:#727780;}
.gray2{color:#a1a2a4;}
.red{color:#ed174b;}
.red_b{color:#ed174b; font-weight:700;}

/* font : size */
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f15b{font-size:15px; font-weight:600;}
.f16{font-size:16px; line-height:16px;}
.f18{font-size:18px; line-height:18px; font-weight:normal;}
.f18b{font-size:18px; line-height:18px; font-weight:700;}
.f20{font-size:20px; line-height:20px;}
.f25{font-size:25px; line-height:25px;}
.f30{font-size:30px; line-height:30px;}
.f35{font-size:35px; line-height:35px;}

/* font : weight */
.fb700{font-weight:700;}
.fb0{font-weight:normal;}

/* font : family */
.fnn{font-family: 'Nanum Gothic';}
.fns{font-family: 'Noto Sans KR';}

/* line : height */
.line130{line-height:130%;}
.line140{line-height:140%;}

/* letter : spacing */
.lts1{letter-spacing:-0.05em;}
.lts2{letter-spacing:-0.1em;}

/* text : align */
.tta_c{text-align:center;}
.tta_l{text-align:left;}
.tta_r{text-align:right;}
.img_vm{vertical-align:middle;}

/* margin */
.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt40{margin-top:40px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}

/* padding */
.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}

/* float, clear */
.flt_l{float:left;}
.flt_r{float:right;}
.cle_b{clear:both;}

/* block/inline */
.dis_b{display:block;}
.dis_i{display:inline;}
.dis_ib{display:inline-block;}

/* input : form */
.max_it, .it{display:block; height:auto; padding:10px; font:normal 13px 'Nanum Gothic'; border:1px solid #d8d8d8; border-radius:2px;}
.it_order{padding:8px 10px; font:normal 12px 'Nanum Gothic'; border:1px solid #d8d8d8;}

/* select : form */
.max_st{padding:10px; font:normal 13px 'Nanum Gothic'; border:1px solid #d8d8d8; border-radius:2px; background:url("../image/product/arrow_btm.html") no-repeat; -webkit-appearance:none;}

/* textarea : form */
.max_ta{display:block; height:auto; padding:10px; font:normal 13px 'Nanum Gothic'; border:1px solid #d8d8d8; border-radius:2px;}

/* checkbox : form */
.max_ck{width:20px; height:20px;}

/* button */
.max_btns{float:left; width:100%; height:auto; text-align:center; margin:60px 0 0 0;}
.max_btns_le{float:left; width:100%; height:auto; margin:20px 0 0 0;}
.max_btns_rg{float:right; width:auto; height:auto; margin:20px 0 0 0;}
.max_btns_pstA{width:auto; height:auto; position:absolute;}
button{display:inline-block; background:none; border:0; cursor:pointer;}
.btn_type01{background:#ed174b; color:#fff; font-size:16px; width:169px; height:50px;}
.btn_type02{background:#323232; color:#fff; font-size:16px; width:169px; height:50px;}
.btn_type03{background:#fff; color:#323232; border:1px solid #919191; text-align:center; font-size:13px; font-weight:400; border-radius:3px; padding:10px 20px;}
.btn_type03:hover{background:#919191; color:#fff; border:1px solid #828282;}
.btn_type04{background:#ed174b; color:#fff; border:1px solid #b7113a; text-align:center; font-size:13px; font-weight:400; border-radius:3px; padding:10px 20px;}
.btn_type04:hover{background:#d51543; color:#fff; border:1px solid #a40f34;}
.bt_m_style01{background:#ed174b; color:#fff; font-weight:300; font-size:16px;}

.max_board_button{display:inline-block; background:#ed174b; color:#fff; border:1px solid #b7113a; text-align:center; font:normal 12px 'Nanum Gothic','나눔고딕'; padding:15px 50px; border-radius:5px;}
.max_board_button:hover{background:#d51543; color:#fff; border:1px solid #a40f34;}

/* button : form */
.max_it_bt_type1{background:#fff; color:#323232; border:1px solid #919191; text-align:center; font:normal 13px 'Nanum Gothic','나눔고딕'; border-radius:3px; padding:10px 20px;}
.max_it_bt_type1:hover{background:#ed174b; color:#fff; border:1px solid #b7113a;}
.max_bt_submit{color:#ed174b; border:1px solid #ed174b; text-align:center; font-size:16px; font-weight:500; border-radius:3px; padding:15px 50px;}
.max_bt_submit:hover{background:#ed174b; color:#fff; border:1px solid #b7113a;}

/* table */
.max_table{width:100%; height:auto; border-top:1px solid #000;}
.max_table table{width:100%;}
.max_table tbody th{background:#f7f7f7; border-bottom:1px solid #e5e5e5; text-align:center; font-weight:bold; padding:15px 0; width:15%; font-weight:400;}
.max_table tbody td{border-bottom:1px solid #e5e5e5; padding:15px;}

.max_table_b{width:100%;}
.max_table_b thead th{border-top:1px solid #000; border-bottom:1px solid #e5e5e5; text-align:center; padding:15px 0; color:#000; font-weight:normal; font-size:15px;}
.max_table_b tbody th{text-align:center; border-bottom:1px solid #e5e5e5; padding:15px; font-weight:normal; font-size:15px;}
.max_table_b tbody td{border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:15px; font-size:15px; color:#797979;}
.max_table_b tbody th a{font-size:15px;}

/* membership :  tabmenu */
.max_member_tab li{float:left; text-align:center;}
.max_member_tab li a{float:left; background:#f5f5f5; border:1px solid #d9d9d9; border-bottom:1px solid #000; display:block; color:#444; padding:15px 0;}
.max_member_tab li a.on{background:#fff; border:1px solid #000; border-bottom:1px solid #fff;}

/* tabmenu : common */
.max_tabmenu{width:100%; height:auto; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; text-align:center; padding:30px 0; background:#fff;}
.max_tabmenu li{display:inline; padding:0 20px;}
.max_tabmenu li a{font-weight:400;}
.max_tabmenu li a span{font-weight:400;}
.max_tabmenu li a.on{background:#fff; font-weight:400; border-bottom:1px solid #fff;}
.max_tabcontents{float:left; width:100%; height:auto;}

/* tabmenu : member, mypage */
.max_tabmenu_mem{float:left; width:100%; height:auto;}
.max_tabmenu_mem li{float:left; margin-right:10px;}
.max_tabmenu_mem li a{display:block; float:left; width:218px; height:auto; padding:15px 0; text-align:center; border-top:1px solid #080808; border-bottom:1px solid #d9d9d9; color:#000; background:#f5f5f5; font-size:15px;}
.max_tabmenu_mem li a.on{background:#fff; font-weight:700; border-top:1px solid #ed174b; border-bottom:1px solid #ed174b; color:#ed174b;}
.max_tabcontents{float:left; width:100%; height:auto; margin:30px 0 0 0;}

/* max coupon */
.max_coupon_box{background:url("../images/shop/img_cp2.html") 0 0 no-repeat; width:130px; height:59px; position:relative;}
.max_coupon_box > span{display:block; font:normal 8px 'Tahoma'; position:absolute; top:12px; left:55px; color:#bebebe;}
.max_coupon_box > em{font-weight:600; color:#db5858; display:block; text-align:center; position:absolute; top:23px; left:10px; width:100%; font-size:14px; line-height:14px;}

/* icon */
.ico_btStyle1{font-size:11px; letter-spacing:-0.05em; background:#62a3cc; color:#fff; display:inline-block; padding:3px 5px;}
.ico_btStyle2{font-size:11px; letter-spacing:-0.05em; background:#2257ac; color:#fff; display:inline-block; padding:3px 5px;}
.ico_type_Astyle{border-radius:3px; border:1px solid #e2e2e2; font-size:14px; letter-spacing:-0.05em; display:inline-block; padding:10px 20px; color:#666;}
.ico_type_Bstyle{border-radius:3px; border:1px solid #f8a8bb; font-size:14px; letter-spacing:-0.05em; display:inline-block; padding:10px 20px; color:#e65075;}

/* pagenate */
.max_pagenate{float:left; width:100%; height:auto; text-align:center; padding-bottom:50px; margin:50px 0 0 0;}
.max_pagenate .max_page{float:right; position:relative; left:-50%; margin-right:-200px;}
.max_pagenate a{float:left; width:44px; height:45px; display:block; background:url("../image/bg_pagenate.gif") 0 0 no-repeat; text-align:center; font-weight:bold; line-height:45px; text-decoration:none;}
.max_pagenate a span{font-size:14px;}
.max_pagenate a .page_on{display:block; width:44px; height:43px; background:#ed174b; border:1px solid #b7113a; color:#fff; line-height:43px;}

/* no data */
.max_no_data{clear:both; width:100%; height:auto; padding:20px 0; text-align:center; border-bottom:1px solid #e2e2e2; font-size:15px;}

/* board */
.max_lst_total{padding-bottom:7px; border-bottom:1px solid #e2e2e2;}
.max_board{width:100%; height:auto;}
.max_board thead th{border-bottom:1px solid #e2e2e2; padding:15px 0; text-align:center; font-size:15px; font-weight:400; background:#f5f5f5;}
.max_board tbody th{border-bottom:1px solid #e2e2e2; padding:15px 0; font-weight:normal; text-align:center; font-size:15px; font-weight:400; color:#797979;}
.max_board tbody td{border-bottom:1px solid #e2e2e2; padding:15px 0; text-align:center; font-size:15px; font-weight:400; color:#797979;}
.max_board tbody td.tta_l{text-align:left; padding-left:15px;}
.max_board tbody td a{font-size:15px; font-weight:400;}
.max_board .w10{width:10%;}

/* captcha */
.max_captcha { display: -moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:bottom; }
.max_captcha .max_captcha_image {float:left; border:1px solid #CCC; vertical-align:bottom; width:80px;}
.max_captcha .max_captcha_reload_btn {float:left; height: 37px; width:20px; border:1px solid #CCC; border-left:0; background:#FFF; overflow:hidden; position:relative; vertical-align:bottom; padding:10px 20px;}
.max_captcha .max_captcha_reload_btn span { position:absolute; left:0; right:0; bottom:0; top:0; background:url('../image/reload.png') 50% 50% no-repeat #FFF; cursor:pointer;}
.max_captcha .max_captcha_key_input { margin:0; margin-left:10px; padding: 0 5px; width:70px; height: 36px; border: 1px solid #b8c9c2; background: #FFF; font-size:15px; font-weight: bold; text-align: center; vertical-align:bottom;}

/* 다음 주소 */
#admin_skin_view { position:fixed; left:0; top:0; background:#000; color:#FFF; text-align:center; padding:10px; z-index:999999;}
#admin_skin_view p { font-size:120%; font-weight:600; }
#admin_skin_view a { display:block; background:#222; }

/* 에디터 관련 */
div#editor_image_div {overflow: hidden; position: relative; width:130px; height: 30px; margin-top:20px; margin-left:14px; float:left;}
input#editor_image { height: 30px; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 2; opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=0); /* IE lt 8 */ -ms-filter: "alpha(opacity=0)"; /* IE 8 */ -khtml-opacity: 0.0; /* Safari 1.x */ -moz-opacity: 0.0; /* FF lt 1.5, Netscape */ margin-top:-300px;}
div#closebtn { 
	width:120px;
	height:28px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	border:1px solid #b1b1b1;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) rgba(0,0,0,0.25);
	position:relative;
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

	background-color:#d9d9d9;

	background-image:-moz-linear-gradient(top, #fff, #d9d9d9);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d9d9d9));
	background-image:-webkit-linear-gradient(top, #fff, #d9d9d9);
	background-image:-o-linear-gradient(top, #fff, #d9d9d9);
	background-image:linear-gradient(to bottom, #fff, #d9d9d9);

	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd9d9d9', GradientType=0);
	zoom:1;

	color:#666;
	text-shadow:1px 1px #fff;
	
	text-align:center;

	line-height:28px;
	cursor:pointer;

	margin-top:20px; 
	margin-left:10px;
}
#addbtn { 
	width:120px; 
	height:28px; 
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	border:1px solid #b1b1b1;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) rgba(0,0,0,0.25);
	position:relative;
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

	background-color:#0041C2;

	background-image:-moz-linear-gradient(top, #0085CC, #0041C2);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0085CC), to(#0041C2));
	background-image:-webkit-linear-gradient(top, #0085CC, #0041C2);
	background-image:-o-linear-gradient(top, #0085CC, #0041C2);
	background-image:linear-gradient(to bottom, #0085CC, #0041C2);

	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0085CC', endColorstr='#ff0041C2', GradientType=0);
	zoom:1;

	color:#fff;
	text-shadow:1px 1px #333;
	
	text-align:center;

	line-height:28px;
	cursor:pointer;
}
/* 이미지 업로드 프로세스 바 */
.progress { 
	width:260px; 
	height:24px; 
	position:relative; 
	margin:15px auto;
	border:1px solid #b1b1b1;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) rgba(0,0,0,0.25);
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	
	background-color:#f0f0f0;
	
	background-image:-moz-linear-gradient(top, #d9d9d9, #fff);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d9d9d9), to(#fff));
	background-image:-webkit-linear-gradient(top, #d9d9d9, #fff);
	background-image:-o-linear-gradient(top, #d9d9d9, #fff);
	background-image:linear-gradient(to bottom, #d9d9d9, #fff);

	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9d9d9', endColorstr='#ffffffff', GradientType=0);
	zoom:1;

	margin-left:14px;
}

.hide_progress {
	width:260px; 
	height:24px; 
	position:absolute; 
	left:50%; 
	margin-left:-130px;
	top:50%;
	margin-top:12px;
	border:1px solid #b1b1b1;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) rgba(0,0,0,0.25);
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	
	background-color:#f0f0f0;
	
	background-image:-moz-linear-gradient(top, #d9d9d9, #fff);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d9d9d9), to(#fff));
	background-image:-webkit-linear-gradient(top, #d9d9d9, #fff);
	background-image:-o-linear-gradient(top, #d9d9d9, #fff);
	background-image:linear-gradient(to bottom, #d9d9d9, #fff);

	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9d9d9', endColorstr='#ffffffff', GradientType=0);
	z-index:999999;
	zoom:1;
}
/*.progress_text { width:280px; height:24px; line-height:24px; text-align:center; color:#666; font-weight:bold; position:absolute; left:0; top:0; }*/
/*.progress_per { width:0px; height:24px; background:#66ff99; } */
.progress_per {
	width:0px;
	height:24px;

	display:inline-block;
	*display:inline;
	*zoom:1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	background-color:#0041C2;

	background-image:-moz-linear-gradient(top, #0085CC, #0041C2);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0085CC), to(#0041C2));
	background-image:-webkit-linear-gradient(top, #0085CC, #0041C2);
	background-image:-o-linear-gradient(top, #0085CC, #0041C2);
	background-image:linear-gradient(to bottom, #0085CC, #0041C2);

	background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0085CC', endColorstr='#ff0041C2', GradientType=0);
	zoom:1;
}