@charset "utf-8";


#head h1.member_info{text-align:left; border:none; font-size:1.5em;  line-height:20px; font-weight:normal; min-height:inherit;}
#head p{font-weight:bold; text-indent:15px; padding:3px;}
#head p span.point{font-size:1.3em; color:#f0cb15;}
#head h1.noRightnav{padding-right:0;}




div.CateList{clear:both; position:relative;}
div.CateList div.list{clear:both; position:relative; }
div.CateList div.list h2{color:#75260d; font-size:1.4em; background:#e8e7e3; border-top:1px solid #a4a39c; height:30px; line-height:30px; padding-left:10px;}
div.CateList div.list div.map_view{position:absolute; right:7px; top:3px; height:25px; }
div.CateList div.list div.map_view img{height:25px;}
div.CateList div.list dl{position:relative; min-height:110px; padding:10px 100px 55px 110px;}
div.CateList div.list dl dt{width:95px; height:130px; overflow:hidden; outline:1px solid #dcdcdc; background:#f1f1f1 url('../images/listimg.png') no-repeat; position:absolute; left:5px; top:5px; text-align:center;}
div.CateList div.list dl dt span.image{display:table-cell; vertical-align:middle; height:130px; width:95px;}
div.CateList div.list dl dt img{width:100%;}
div.CateList div.list dl dd{margin-bottom:5px;}
div.CateList div.list dl dd span.title{font-weight:bold;}
div.CateList div.list dl dd>span.pay_method{padding-left:8px; background:url('../images/paymethod_middot.gif') left center no-repeat; }
div.CateList div.list dl dd>span.pay_method img{vertical-align:middle;}
div.CateList div.list dl dd span.title+span.pay_method{padding-left:0; background:none;}
div.CateList div.list dl dd strong{color:#af0f03;}
div.CateList div.list dl dd.benefit{width:55px; height:30px; padding-top:6px; position:absolute; left:5px; top:5px; background:url('../images/discount_bg2.png') center center no-repeat; text-align:center; background-size:100%;}
div.CateList div.list dl dd.benefit span.title{font-size:1.2em; font-weight:bold; color:red; text-shadow:0 0 5px #fff; display:none;}
div.CateList div.list dl dd.benefit span.title:before{content:url("../images/discount_bar.png");}
div.CateList div.list dl dd.benefit span.title:first-child:before{content:normal;}
div.CateList div.list dl dd.benefit span.discount{display:block; text-shadow:0px 0px 2px #fff; font-size:2em; font-weight:bold; color:red;}
div.CateList div.list dl dd.benefit span.discount:after{content:url("../images/discount_percent2.png");}
div.CateList div.list dl dd.benefit span.discount img{height:12px;}

div.CateList div.list ul.list_nav{position:relative; padding-left:120px; padding-right:100px;  z-index:10; bottom:60px; margin-bottom:-50px; clear:both; overflow:hidden; }
div.CateList div.list ul.list_nav li{font-weight:bold; text-align:center; float:left; margin-bottom:3px; 
margin-left:1%; max-width:24%; }
div.CateList div.list ul.list_nav li img{width:100%; max-width:42px; max-height:25px;}
/*div.CateList div.list ul.list_nav li{font-weight:bold; text-align:center; float:left; padding:3px 4px; margin-bottom:3px; margin-left:4px; background:#f38626; border:2px solid #fff; box-shadow:1px 1px 3px #000; border-radius:5px; }
div.CateList div.list ul.list_nav li a{ color:#fff; font-size:1.1em; }
div.CateList div.list ul.list_nav li.pay_phone{float:right; background:red;}
div.CateList div.list ul.list_nav li.call_there{ text-indent:20px; background:#00a651 url('../images/tel.png') 6px center no-repeat;}*/

div.CateList div.list div.call_there{right:15px; top:60px; position:absolute;}
div.CateList div.list div.pay_phone{right:5px; bottom:63px; height:25px; padding:3px 4px; position:absolute; z-index:10; }
div.CateList div.list div.pay_phone a{color:#fff; font-size:1.1em; font-weight:bold;}
div.CateList div.list div.pay_phone img{height:100%;}

/**/


div.main{background:#fdf1cf; clear:both; overflow:hidden; padding:10px 25px;}
div.main div.banner_boxes, div.main div.main_nav{float:left; }
div.main div.banner_boxes{width:44%;}
div.main div.main_nav{width:51%; margin-left:5%;}
div.main div.main_nav li{margin:1% 0;}
div.main div.main_nav li:first-child{margin-top:0;}
div.main div.main_nav li:last_child{margin-bottom:0;}



div.main div.banner_boxes div.banner{
	clear:both; overflow:hidden; margin-bottom:10px; 
	background:#f1f1f1 url('../images/main_banner_bg.png'); background-size:100%; 
	padding:2px; position:relative;
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#f1f1f1), color-stop(50%,#b9b9b9), color-stop(100%,#f1f1f1));
	background:-o-gradient(linear, left top, right bottom, color-stop(0%,#f1f1f1), color-stop(50%,#b9b9b9), color-stop(100%,#f1f1f1));
	background:-moz-gradient(linear, left top, right bottom, color-stop(0%,#f1f1f1), color-stop(50%,#b9b9b9), color-stop(100%,#f1f1f1));
	background:gradient(linear, left top, right bottom, color-stop(0%,#f1f1f1), color-stop(50%,#b9b9b9), color-stop(100%,#f1f1f1));
}
div.main div.banner_boxes div.banner h2{position:absolute; left:4px; top:0px; width:30%; z-index:15;}
div.main div.banner_boxes div.banner h2 img{width:100%;}
div.main div.banner_boxes div.banner ul{ display:block; height:100%; overflow:hidden; position:relative; }
div.main div.banner_boxes div.banner ul li{position:absolute; left:100%; top:0;}
div.main div.banner_boxes div.banner ul li:first-child{position:relative; left:0;}
div.main div.banner_boxes div.banner ul li img{width:100%; }


div.main div.main_nav ul{}
div.main div.main_nav ul li{padding:5px;}
div.main div.main_nav ul li img{width:100%;}


/*common*/
p.imgWrap_paragragh img{width:100%;}


/*서치맵박스 css*/
div.searchWrap{margin-top:20px; position:relative;}
div.searchWrap div.top_btn{clear:both; height:40px; padding:0 5px; position:absolute; right:0; top:-3px; z-index:100;}
div.searchWrap div.top_btn ul{float:right; }
div.searchWrap div.top_btn ul li{float:left; margin-left:5px;}

div.searchWrap div.search_box{clear:both; position:relative; padding:10px 48px 0 15px; height:65px;}
div.searchWrap div.search_box dl.search_option{width:45%; margin-right:5%; float:left; }
div.searchWrap div.search_box div.btn{position:absolute; right:15px; top:30px; z-index:10;}
div.searchWrap div.search_box div.btn input{height:35px; }

div.searchWrap div.search_box dl.search_option dt{height:25px; font-size:1.2em;}
div.searchWrap div.search_box dl.search_option dd input{height:22px; width:100%; background:#f0f0f0; border-radius:5px;}
div.searchWrap div.search_box dl.search_option dd select{
	-webkit-appearance:none; 
	-moz-appearance:none;
	appearance:none;
	height:28px; margin-top:-2px; width:100%; background:#f0f0f0; 
	border:1px solid #fff; border-radius:5px; box-shadow:1px 1px 2px rgba(0,0,0,0.7) inset;
	
}

div.searchWrap div.present_area{clear:both; height:35px; background:url('../images/address_bg.gif') repeat-x; margin:0 5px 10px 5px; position:relative;}
div.searchWrap div.present_area h4{width:66px; height:35px; text-indent:-200px; background:url('../images/address_title.gif') left top no-repeat; position:absolute; left:0; top:0;}
div.searchWrap div.present_area address{display:block; padding-left:70px; height:35px; background:url('../images/address_bg_rt.gif') right top no-repeat; font-style:normal; vertical-align:middle; color:#336666; font-size:1.2em; line-height:35px; overflow:hidden; text-overflow:ellipsis;}



/*카테고리 메뉴들*/
div.cat_table{margin:10px 0 0 3%;}
div.cat_table ul{overflow:hidden;}
div.cat_table ul li{float:left; width:32%; border-right:1px solid #000; border-top:1px solid #000; position:relative;}
div.cat_table ul li.top{width:32%;border-width:1px 1px 1px 0;}
div.cat_table ul li.bar0, div.cat_table ul li.bar3{border-left:1px solid #000;}
div.cat_table ul li.bar5{border-left:1px solid #000;border-bottom:1px solid #000;}
div.cat_table ul li.bar6, div.cat_table ul li.bar7{border-bottom:1px solid #000;}
div.cat_table ul li img{width:100%;}
div.cat_table ul li span.title{position:absolute; width:100%; display:block; bottom:0; text-align:center; font-size:1.2em; font-weight:bold; padding:4px 0; letter-spacing:-1px;}


/*고객센터*/
div.form{padding:10px 0; }/*background:#fdf1cf; */
div.form p.info{font-size:1.3em; font-weight:bold; padding-left:10px; margin-bottom:10px;}
div.form dl.tel{display:box; display:-moz-box; display:-webkit-box; padding:0 10px;}
div.form dl.tel dt{width:60%; font-weight:bold; font-size:1.3em; }
div.form dl.tel dd{width:40%;}
div.form dl.tel dd img{width:100%;}
div.form h2{padding-left:10px; margin-top:10px;}
div.form ul.radio_list{padding:10px; clear:both; overflow:hidden; }
div.form ul.radio_list li{font-weight:bold; float:left; width:30%; margin-bottom:5px; }
div.form div.text_wrap{margin:10px; }
div.form div.text_wrap textarea{width:100%; height:80px; border:1px solid #dcdcdc; border-radius:5px; }
div.form dl.tel_info{padding:10px;}
div.form dl.tel_info dt{font-size:1.3em; font-weight:bold;}
div.form dl.tel_info dd{display:-moz-box; display:-webkit-box; display:box; }
div.form dl.tel_info dd select, div.form dl.tel_info dd input.input_tel{border-radius:5px; background:#fefefe; border:1px solid #dcdcdc; height:30px; width:25%; font-size:1.3em;  }
div.form div.btn_box{ padding:25px 10px; text-align:center;}
div.form div.btn_box p img{width:70%;}
div.form div.btn_box input{width:50%; }


/*마이포인트*/
div.mypoint{ }
div.mypoint div.lnb{margin:15px 0;}
div.mypoint div.lnb ul{clear:both; overflow:hidden;}
div.mypoint div.lnb ul li{width:32%; margin-left:2%; float:left; }
div.mypoint div.lnb ul li:first-child{margin-left:0; border:2px solid #888; width:30%; background:#f2f2f2;}
div.mypoint div.lnb ul li img{width:100%;}
div.mypoint div.lnb ul li.profileImg{border-radius:5%; overflow:hidden; width:inherit; }
div.mypoint div.lnb ul li.hasImg{  } /*섬네일 등록 안될시 등록할 백그라운드 대신 이미지로 대처해서 공란*/
div.mypoint div.lnb ul li.hasImg div.img{
	display:table-cell; height:100%; width:100%; text-align:center; vertical-align:middle; 
	display:box; display:-moz-box; display:-webkit-box; 
	-moz-box-align:center; -webkit-box-align:center; box-align:center;
	-moz-box-pack:center; -webkit-box-pack:center; box-pack:center;
}

div.mypoint dl.id_info{
	margin:0 15px 15px 15px; border:2px solid #888; border-radius:5px; 
	background:#f1f1f1;
	background:-webkit-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	background:-moz-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	background:gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	padding:10px 0; position:relative;
	font-size:1.4em; font-weight:bold;
}
div.mypoint dl.id_info dd{padding-left:100px; word-break:break-all;}
div.mypoint dl.id_info dt{position:absolute; left:15px; width:100px;}

div.mypoint span.green{color:#588244; }

div.mypoint hr{display:none;}
div.mypoint div.section{background:#fff; padding:15px;}
div.mypoint div.section div.info{padding:5px 15px; margin:15px 0; font-size:1.2em; line-height:180%; border-radius:5px; background:#f1f1f1; border:1px solid #ccc;}
div.mypoint div.section div.info strong{font-size:1.5em; color:#339933;}
div.mypoint ul.point_info{
	border:2px solid #888; border-radius:5px; 
	background:#f1f1f1;
	background:-webkit-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	background:-moz-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	background:gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
}
div.mypoint ul.point_info li{padding:10px 0 10px 135px; position:relative; font-size:1.2em; border-bottom:2px solid #888;}
div.mypoint ul.point_info li:last-child{border-bottom:none;}
div.mypoint ul.point_info li span.title{position:absolute; left:15px; width:120px; font-weight:bold;}
div.mypoint ul.point_info li input:not(.inputFile), div.mypoint ul.point_info li select{border:1px solid #ccc; background:#fff; height:25px; line-height:25px; margin-bottom:3px; border-radius:5px; width:70%;}
div.mypoint ul.point_info li input.inputCard{width:23%;}
div.mypoint ul.point_info li input.inputAddress{width:95%;}

div.mypoint ul.point_info li.noboth{padding-left:10px;}
div.mypoint ul.point_info li.noboth span.title{position:inherit; display:block; left:0;}


div.mypoint div.btn{text-align:center; padding-top:15px;}
div.mypoint div.btn img, div.mypoint div.btn input{max-width:40%; max-height:55px;}

div.mypoint dl.config_location{
	margin-top:10px;
	/*border:2px solid #888; border-radius:5px; 
	background:#f1f1f1;
	background:-webkit-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	background:-moz-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	background:gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));*/
	position:relative;
	/*padding:5px 10px;
	padding-left:135px;*/
}
div.mypoint dl.config_location dt{/*position:absolute; width:125px; left:10px; top:9px; */font-weight:bold; font-size:1.5em; }
div.mypoint dl.config_location dt span.hidden{display:none;}
div.mypoint dl.config_location dd{
	border-radius:5px; border:2px solid #ffcc00; 
	background:#ffff99; color:#555; font-weight:bold; 
	height:35px; text-align:center; font-size:25px; 
	line-height:35px; margin:5px 0;
}
div.mypoint dl.config_location dd select{width:100%; -webkit-appearance:none; height:25px; border:1px solid #dcdcdc; border-radius:5px; font-size:1.2em; }
div.mypoint dl.config_location dd.selected{background:#7bae1f; color:#fff; border-color:#669900;}

div.mypoint p.damoa{margin:10px 0; }
div.mypoint p.damoa img{width:100%;}

div.mypoint ul.btn_wrap{text-align:center;}
div.mypoint ul.btn_wrap li{ display:inline;}
div.mypoint ul.btn_wrap li img{width:40%;}

div.mypoint div.btn_configLocation{height:35px; line-height:35px;  text-align:center; font-size:1.5em; font-weight:bold; border-radius:5px; background:#7bae1f; border:2px solid #6da028; color:#fff;}
div.mypoint div.btn_configLocation_hover{background:#ff5400; border-color:#a04128;}

div.mypoint ul.btn_configLocation li{ float:left; width:50%; margin-bottom:30px; padding-top:5px; background:#dcdcdc; border-bottom:2px solid #7bae1f; }
div.mypoint ul.btn_configLocation li a{display:block; background:#dcdcdc; color:#888; font-weight:bold; font-size:1.5em; text-align:center; height:35px; line-height:35px; width:100%; border:1px solid #666600; border-width:0 0 1px 0; }
div.mypoint ul.btn_configLocation li.selected a{position:relative; z-index:2; background:#7bae1f; color:#fff; border-width:1px 1px 0 1px; border-radius:15px 15px 0 0;}



 /*마이포인트환전/후원*/
 dl.cardinfo{ font-size:1.8em; font-weight:bold; text-shadow:0 0 2px white; margin:20px 15px;}
 dl.cardinfo dt img{height:1.5em;}
 dl.cardinfo dd{margin-top:10px;}
 dl.cardinfo dd span{
	padding:1px 2px; border:1px solid #888; margin:1px; 
	border-radius:3px;
	background-color:#fff;
	background:-webkit-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	background:-moz-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	background:gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
 }
 dl.cardinfo dd span.first{margin-left:5px;}

 div.point_info{margin:0 15px;}
 div.point_info ul{
	border:2px solid #888; border-radius:5px; 
	background:#f1f1f1;
	background:-webkit-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	background:-moz-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	background:gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
}
div.point_info ul li{padding:10px 10px 10px 135px; height:22px; line-height:22px; position:relative; font-size:1.2em; border-bottom:2px solid #888; text-align:right;}
div.point_info ul li:last-child{border-bottom:none; }
div.point_info ul li span.title{position:absolute; left:15px; width:120px; font-weight:bold; text-align:left;}
div.point_info ul li input{ height:22px; font-size:1.2em; border:1px solid #ccc; border-radius:5px; width:100%;}
div.point_info span.red{color:red;}
div.point_info span.green{color:green;}


div.pointForm{ margin:20px 15px 10px 15px; border-radius:5px; border:2px solid #999; 
	background:#f1f1f1;
	background:-webkit-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	background:-moz-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
	background:gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#ccc));
}
div.pointForm dl{position:relative; padding:7px 10px 7px 135px; height:22px; line-height:22px; border-top:2px solid #888; font-size:1.2em;}
div.pointForm dl:first-child{border-top:0;}
div.pointForm dl dt{position:absolute; width:125px; left:15px;}
div.pointForm dl dd{}
div.pointForm dl dd input{border:1px solid #ccc; border-radius:5px; width:100%; height:22px;  }
div.pointForm dl dd select{
	width:100%; 
	-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; 
	height:25px; border:1px solid #dcdcdc; border-radius:5px; font-size:1.2em; 
	text-align:center; 
	border:0; background:none;
	box-shadow:1px 1px 3px #555;

}

div.pointMsg{padding:10px 15px;}
div.pointMsg p{font-size:1.2em; font-weight:bold; text-align:center; line-height:170%;}
div.pointMsg p b{color:red;}
div.pointMsg div.warn{margin-top:15px; padding:10px 10px 10px 10px; position:relative; border:1px solid #cc850a; border-radius:5px; overflow:hidden; background:#fae1b6;}
div.pointMsg div.warn p{width:70%; padding:10px 0; float:left; text-align:left; font-size:1.1em; line-height:150%; color:#996666;}
div.pointMsg div.warn div.btn_pointExc{float:right; width:28%;}
div.pointMsg div.warn div.btn_pointExc input{width:100%; height:inherite;}


/*div.btn_pointExc{margin:0 15px; height:40px; background:url('../images/btn_bg.gif') left top repeat-x; text-align:center; border-radius:5px; box-shadow:1px 1px 3px rgba(0,0,0,0.5);}*/
/*div.btn_pointExc input{width:100%; height:100%; background:url('../images/btn_point.png') center center no-repeat;}*/

div.pointTable{margin:20px 15px; border:1px solid #999; background:#fff; border-radius:5px;}
div.pointTable h2{
	margin-top:-2px;
	padding:10px; border-radius:5px; border:1px solid #999; border-width:1px 0; font-size:1.3em; text-align:center; background-color:#f1f1f1;
	background:-webkit-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#dcdcdc));
	background:-moz-gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#dcdcdc));
	background:gradient(linear,left top, left bottom, color-stop(0%,#fff),color-stop(100%,#dcdcdc));
}
div.pointTable table{border-collapse:collapse; width:100%;}
div.pointTable table tr td{padding:5px 10px; border-top:1px dotted #ccc; font-size:1.2em;  font-weight:bold;}
div.pointTable table tr:first-child td{border-top:none;}
div.pointTable table tr td:last-child{text-align:right;}
div.pointTable table tr td span.cash{color:#ff6600; font-size:0.8em;}
div.pointTable span.nopointBook{display:block; padding:40px 20px; font-size:1.2em; font-weight:bold; text-align:center;}
 /*마이포인트환전/후원end*/




/*카톡추천 및 마이포인트 상자*/
div.info_btnbox{position:relative;}
div.info_btnbox ul{text-align:center; padding:10px 0; width:100%; z-index:10;}
div.info_btnbox ul li{display:inline;}
div.info_btnbox ul li img{width:40%;}

div.info_btnbox div#require_login{
	position:absolute; background:#fff; border:2px solid #dcdcdc; border-radius:5px; box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	bottom:10px; left:0; margin:auto;  padding-top:20px; text-align:left;
}
div.info_btnbox div#require_login h3, div.info_btnbox div#require_login p{margin:0 15%;}
div.info_btnbox div#require_login h3{font-size:1.4em; padding-bottom:10px;}
div.info_btnbox div#require_login p{padding:5px 0; 1.2em;}
div.info_btnbox div#require_login p.em{color:#0099cc; font-weight:bold; }

/**/

div.join{background:#fff; padding-bottom:20px;}
div.join>p{padding:10px;}
div.join h2{padding:7px 0; text-indent:15px; color:#fff; font-size:1.4em; background:#402b12;}
div.join ul.form_list{padding:5px;}
div.join ul.form_list>li{border-bottom:1px dotted #333333; padding:5px; position:relative; padding-left:100px; overflow:hidden;}
div.join ul.form_list>li span.label{display:block; position:absolute; left:10px; top:10px; width:80px; color:#888; margin-bottom:15px;}
div.join ul.form_list>li span.label label{color:#333; font-size:1.1em;}
div.join ul.form_list>li.wide{padding-left:5px;}
div.join ul.form_list>li.wide span.label{position:inherit; width:inherit;}

div.join ul.form_list>li.id_profile_pic{padding-left:130px; min-height:140px;}
div.join ul.form_list span.profile_picture{display:block; position:absolute; left:10px; top:5px; width:110px; border:1px solid #ccc; text-align:center;}
div.join ul.form_list span.profile_picture img{max-width:110px; max-height:130px;}
div.join span.info_txt{display:block; padding:7px 2px; font-size:1.1em;}

div.join ul.cardnum{padding-left:10px;}
div.join ul.cardnum li{float:left; width:25%;}
div.join ul.cardpass{clear:both;}
div.join ul.cardpass li{float:left; width:50%; text-align:left; position:relative;}
div.join ul.cardpass li label{ top:5px; }/*width:28%; position:absolute;*/
div.join ul.cardpass li input{width:70%;}

div.join div.btn{text-align:center; padding-top:10px;}
div.join div.btn input.submit{width:30%;background-image:url("./images/login_confirm_bg.png") no-repeat;}
div.join a.btn img{max-width: 35%; max-height: 35px; vertical-align: bottom; }


div.join input:not(.submit), div.join select{border:1px solid #ccc; background:#f2f2f2; height:25px; line-height:25px; margin-bottom:3px; border-radius:5px;}
div.join input.inputId{width:100%;}
div.join select.selectTel, div.join input.inputTel{width:25%;}
div.join select.selectAddress{width:32%; float:left; margin-right:1%;}
div.join input.inputAddress{clear:both; width:98%;}
div.join input.inputCard{width:95%;}
div.join input.inputRecom{width:60%;}

div.join div.agree_text{padding:5px 10px; }
div.join div.agree_text:first-child{padding-top:20px;}
div.join div.agree_text p, div.join div.agree_text textarea{width:100%; border:1px solid #dcdcdc; height:300px; background-color:#fff;}
div.join a.agree img{max-width:45%; max-height:55px;}
div.join a.disagree img{max-width:30%; max-height:55px;}

/*join02*/
div.join02{background:#fff; padding-bottom:20px;}
div.join02>p{padding:10px;}
div.join02 h2{padding:7px 0; text-indent:15px; color:#fff; font-size:1.4em; background:#402b12;}
div.join02 ul.form_list{padding:5px;}
div.join02 ul.form_list>li{padding:5px; position:relative; overflow:hidden;}
div.join02 ul.form_list>li span.label{display:block; position:absolute; left:10px; top:10px; width:80px; color:#888; margin-bottom:15px;}
div.join02 ul.form_list>li span.label label{color:#333; font-size:1.1em;}
div.join02 ul.form_list>li.wide{padding-left:5px;}
div.join02 ul.form_list>li.wide span.label{position:inherit; width:inherit;}

div.join02 ul.form_list>li.id_profile_pic{padding-left:130px; min-height:140px;}
div.join02 ul.form_list span.profile_picture{display:block; position:absolute; left:10px; top:5px; width:110px; border:1px solid #ccc; text-align:center;}
div.join02 ul.form_list span.profile_picture img{max-width:110px; max-height:130px;}
div.join02 span.info_txt{display:block; padding:7px 2px; font-size:1.1em;}

div.join02 ul.cardnum{padding-left:10px;}
div.join02 ul.cardnum li{float:left; width:25%;}
div.join02 ul.cardpass{clear:both;}
div.join02 ul.cardpass li{float:left; width:50%; text-align:left; position:relative;}
div.join02 ul.cardpass li label{ top:5px; }/*width:28%; position:absolute;*/
div.join02 ul.cardpass li input{width:89%;margin-left:5%;}

div.join02 div.btn{text-align:center; padding-top:10px;}
div.join02 div.btn input.submit{width:30%;background-image:url("./images/login_confirm_bg.png") no-repeat;}
div.join02 a.btn img{max-width: 45%; max-height: 47px; vertical-align: bottom; }


div.join02 input:not(.submit), div.join select{border:1px solid #ccc; background:#f2f2f2; height:45px; line-height:25px; margin-bottom:3px; border-radius:5px;}
div.join02 input.inputId{width:94%;margin-left:3%;}
div.join02 select.selectTel, div.join input.inputTel{width:25%;}
div.join02 select.selectAddress{width:32%; float:left; margin-right:1%;}
div.join02 input.inputAddress{clear:both; width:98%;}
div.join02 input.inputCard{width:95%;}
div.join02 input.inputRecom{width:60%;}

div.join02 div.agree_text{padding:5px 10px; }
div.join02 div.agree_text:first-child{padding-top:20px;}
div.join02 div.agree_text p, div.join div.agree_text textarea{width:100%; border:1px solid #dcdcdc; height:300px; background-color:#fff;}
div.join02 a.agree img{max-width:45%; max-height:55px;}
div.join02 a.disagree img{max-width:30%; max-height:55px;}


/*세부메뉴보기*/

div.detailNav{
	background:#f1f1f1;
	width:100%;
	padding:5px 0 5px 0;
	min-height:45px;
	position:relative;
	display:box; display:-webkit-box;  
	box-align:center; -webkit-box-align:center; 
}
div.detailNav div.detailMenu{width:100%; }
div.detailNav ul{padding-right:80px; overflow:hidden;}
div.detailNav ul li{float:left; width:31%;}
div.detailNav ul li img{width:100%;}
div.detailNav div.detailInfo{width:80px; position:absolute; right:0; top:0; height:100%;  display:box; display:-webkit-box; 
	box-align:center; -webkit-box-align:center;  }
div.detailNav dl{}
div.detailNav dl dt{display:none;}
div.detailNav dl dd{color:#1a6eb3; font-size:1.0em; font-weight:bold; margin-bottom:5px; text-align:right; }
div.detailNav dl dd strong{padding:2px 4px; margin:2px; border:1px solid #dcdcdc; background:#fff; color:red; font-size:1.2em;}


div.detailMenu{clear:both; position:relative;}
div.detailMenu img{width:100%;}
div.GoSponse{position:absolute; bottom:10px; padding-right:10px; text-align:right;}
div.GoSponse img{width:40%;}

/*세부메뉴보기 > 약속잡기*/
div.promise_form{}
div.promise_form ul{padding-top:20px;}
div.promise_form ul li{position:relative; padding-left:120px; padding-right:15px; min-height:22px; font-size:1.4em; margin-bottom:5px;}
div.promise_form ul li:not(.nogap) span.title{position:absolute; width:120px; left:15px; top:0;}
div.promise_form ul li.nogap{padding-left:15px;}
div.promise_form ul li input{border: 1px solid #ccc; background: #f2f2f2; height: 25px; line-height: 25px; margin-bottom: 3px; border-radius: 5px; width:100%;}
div.promise_form ul li textarea{border: 1px solid #ccc; background: #f2f2f2; height: 60px; line-height: 25px; margin-bottom: 3px; border-radius: 5px; width:100%;}
div.promise_form div.btn{text-align:center; padding-top:10px;}
div.promise_form div.btn input{max-width:40%; max-height:50px;}
div.promise_form div.btn img{max-width:40%; max-height:50px;}

/*세부메뉴보기 > 이전 다음버튼*/
ul.Shop_detail_button li{position:fixed; top:60%; z-index:100; margin-top:-25px;}
ul.Shop_detail_button li a{display:block; width:50px; height:40px; background:rgba(0,0,0,0.3); text-align:center; color:#fff; font-weight:bold; padding:5px 0;}
ul.Shop_detail_button li.btn_lt{left:0; }
ul.Shop_detail_button li.btn_lt a{border-radius:0 10px 10px 0;}
ul.Shop_detail_button li.btn_rt{right:0;}
ul.Shop_detail_button li.btn_rt a{border-radius:10px 0 0 10px;}
ul.Shop_detail_button li.active a{background:rgba(255,0,0,0.5);}



/*로그인*/
div.login{ padding:30px 15px;}
div.login ul{border-radius:5px; background:url('../images/login_bg.gif') left top repeat-x; background-size:1px 100%; box-shadow:1px 1px 5px rgba(0,0,0,0.5); padding:20px 15px; position:relative;}
div.login ul li{ position:relative; padding-left:110px; height:35px; margin:4px 0;}
div.login ul li label{position:absolute; left:0; top:0; line-height:35px; height:35px; text-indent:5px; font-size:1.3em; font-weight:bold;}
div.login ul li input.text_input{height:35px; width:100%; border:1px solid #ccc; border-radius:5px; background:#fff; font-size:1.3em; text-indent:5px;}
div.login div.btn{margin-top:20px; background:#669933 url('../images/btn_bg.gif') left top repeat-x; height:50px; border-radius:5px; box-shadow:1px 1px 5px rgba(0,0,0,0.5); text-align:center; }
div.login div.btn input.button{width:100%; height:50px; background:url('../images/login_confirm.png') center center no-repeat;}



/*모바일결제*/
#head.pay_head{
	border-color:#c8a477;
	background:#e2cdb1; 
	background: -moz-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1dcc1), color-stop(100%,#d7c1a1)); 
	background: -o-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: -ms-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
}
#head.pay_head h1{
	color:#ab292e;
}
#head.pay_head h1.inc_back{-webkit-box-pack:center; -moz-box-pack:center; box-pack:center; -ms-flex-pack:center; padding-right:0;}
#head.pay_head h1.inc_back+a.btn_back{ position: absolute; left: 10px; top: 50%; width: 60px; height:35px; margin-top: -17px; line-height: 35px; text-indent:0.3em; color:#ab292e; text-align: center; background: url('../images/ico_back.png') center center no-repeat; background-size: contain; }
#content.pay_content{background:#fffaf4;}

div.pay_mobile{}
div.pay_mobile h2{background-color:#fee5d0; color:#773525; height:40px; line-height:40px; text-indent:10px; border-bottom:1px solid #ccc;}
 /*모바일결제 > 메뉴선택*/
div.pay_mobile ul.list{}
div.pay_mobile ul.list li{min-height:20px; line-height:20px; font-size:1.2em; text-indent:10px; border-bottom:1px solid #caa579; padding:15px 0; padding-right:85px; position:relative; color:#773525; }
div.pay_mobile ul.list li a{color:#773525; }
div.pay_mobile ul.list li span.price, div.pay_mobile ul li span.cart{position:absolute;}
div.pay_mobile ul.list li span.title{display:block; padding-right:100px;}
div.pay_mobile ul.list li span.price{right:85px; top:15px; text-align:right; }
div.pay_mobile ul.list li span.cart {right:20px;  top:4px; width:65px; height:40px;}
div.pay_mobile ul.list li span.cart img{width:100%;}
div.pay_mobile ul.list li.arr{background:url('../images/pay_arr.png') right center no-repeat; padding-right:15px; background-origin:content-box; background-size:contain;}

 /*모바일결제 > 옵션선택*/
div.pay_mobile h3{color:#cc0000; font-size:2em; font-weight:bold; padding:10px 15px;}
div.pay_mobile ul.add_cart{margin:10px;}
div.pay_mobile ul.add_cart li{min-height:35px; line-height:35px; padding:8px 10px; border-bottom:1px dotted #000; text-align:right; font-size:1.3em; position:relative;}
div.pay_mobile ul.add_cart li span.title{position:absolute; left:10px; top:8px; font-weight:bold;}
div.pay_mobile ul.add_cart li span.title.noabs{position:relative; display:block; left:0; top:0; text-align:left;}
div.pay_mobile ul.add_cart li span.price{color:#cc0000;}
div.pay_mobile ul.add_cart li label{display:block; text-align:left; padding:3px; }
div.pay_mobile div.btn{text-align:center;}
div.pay_mobile div.btn img{max-height:50px;}
div.pay_mobile input.input{height:35px; border-radius:5px; border:1px solid #ccc; margin:0; vertical-align:top;}
div.pay_mobile input.number{width:50px; font-size:1.2em;}
div.pay_mobile span.min_num, div.pay_mobile span.add_num{display:inline-block; width:30px; height:30px; border-radius:30px; background:#777; color:#fff; font-weight:bold; text-align:center; line-height:30px; }

 /*모바일결제 > 배달정보*/
div.pay_mobile div.pay_info{background-color:#fee5d0; padding-top:10px; }
div.pay_mobile div.pay_info ul{margin:0 10px 10px 10px;}
div.pay_mobile div.pay_info ul li{position:relative; min-height:35px; line-height:35px; font-size:1.2em; padding-right:100px;}
div.pay_mobile div.pay_info ul li span.price{position:absolute; right:0; text-align:right;}
div.pay_mobile div.pay_info ul li span.number{display:inline-block; margin-left:6px;}
div.pay_mobile div.pay_info ul li span.point{display:inline-block; font-size:0.9em; color:#fff; width:15px; height:15px; border-radius:30px; background:#000; line-height:15px; text-align:center;}
div.pay_mobile div.pay_info ul li input.input{position:absolute; right:0;}
div.pay_mobile div.pay_info dl.total{background:#fff; padding:10px; font-size:1.6em; color:#cc0000; position:relative; font-weight:bold;}
div.pay_mobile div.pay_info dl.total dt{position:absolute; left:10px; top:10px;}
div.pay_mobile div.pay_info dl.total dd{text-align:right;}

div.pay_mobile div.delivery{}
div.pay_mobile div.delivery h2{background:#ccc; text-align:center;}
div.pay_mobile div.delivery ul.deli_list{margin:10px;}
div.pay_mobile div.delivery ul.deli_list li{min-height:35px; line-height:35px; padding-top:4px; padding-left:120px; position:relative; font-size:1.3em;}
div.pay_mobile div.delivery ul.deli_list li.notitle{padding-left:0;}
div.pay_mobile div.delivery ul.deli_list li span.title{position:absolute; left:0;}
div.pay_mobile div.delivery ul.deli_list li input.text{width:100%;}
div.pay_mobile div.delivery ul.deli_list li select{height:35px; border-radius:5px; border:1px solid #ccc; width:100%;}
div.pay_mobile div.pay_select{}
div.pay_mobile div.pay_select ul{margin:10px; }
div.pay_mobile div.pay_select ul li{width:50%; float:left;}
div.pay_mobile div.pay_select ul li img{width:100%;}

/*주문현황*/
div.order_history{}
div.order_history ul.date_list{clear:both; overflow:hidden; margin:10px 20px 0 20px;}
div.order_history ul.date_list li{float:left; width:33%;}
div.order_history ul.date_list li select{
border: 1px solid #ccc;
background: #f2f2f2;
height: 25px;
line-height: 25px;
margin-bottom: 3px;
border-radius: 5px;
width:100%; 
}
div.order_history ul.date_list li input{height: 25px;margin-bottom: 3px;}
div.order_history span.history_total{clear:both; display:block; padding-top:20px; padding-left:10px; font-size:1.2em; font-weight:bold;}
div.order_history span.history_total span.number{color:red;}
div.order_history div.history_list{margin:10px;}
div.order_history div.history_list table{border-collapse:collapse; width:100%; }
div.order_history div.history_list table th{height:30px; border-top:1px solid #333; border-bottom:2px solid #333; background:#ccc;}
div.order_history div.history_list table td{padding:6px 5px; text-align:center;}
div.order_history div.history_list table td span.status{display:block;  border-radius:5px; padding:3px; color:#fff; background:#ccc; margin-bottom:1px;}
div.order_history div.history_list table td span.status.recent{background:red; }
div.order_history div.history_list table td span.date{display:block; padding:3px 0;}
div.order_history div.history_list table td.pay{color:red; font-weight:bold;}
div.order_history div.history_list table td a{display:inlne-block; background:#9ad9e9; border-radius:5px; padding:3px 7px;}
div.order_history div.history_list table tr:nth-child(1n+1) td{border-bottom:1px solid #ccc;}
div.order_history div.history_list table.ghska tr:nth-child(1n+1) td{border-bottom:1px solid #ccc;}


/*order_info 결제정보*/
div.order_info{font-size:1.3em; overflow:hidden; padding-bottom:20px;}
div.order_info input.input, div.order_info select{border:1px solid #caa579; border-radius:3px; height:35px;}
div.order_info select, div.order_info input.text{width:100%;}
div.order_info input.radio{vertical-align: middle; margin: 0 10px;}
div.order_info ul.order_from{margin-top:7px; margin-bottom:15px;}
div.order_info ul.order_from li{position:relative; padding-left:80px; padding-right:10px; margin-bottom:3px;}
div.order_info ul.order_from li.notlt{padding:0 10px;}
div.order_info ul.order_from li span.title{color:#773525; position:absolute; left:10px; top:0; line-height:35px;}
div.order_info ul.order_from li span.info{position:relative; left:-70px; margin-right:-70px; margin-top:5px; margin-bottom:5px;  background:#7c321e; color:#fff; font-size:0.8em; display:block; padding:5px;}
div.order_info ul.order_from li span.title_long{color:#773525; display:block; line-height:35px;}

div.order_info h2{
margin-bottom:3px; 
border-top:1px solid #c8a477; border-bottom:1px solid #c8a477; 
background: #e2cdb1;
background: -moz-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1dcc1), color-stop(100%,#d7c1a1));
background: -o-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
background: -ms-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
background: linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
padding: 2px;
position: relative; color: #ab292e;
min-height:40px; line-height:40px;
font-size:1em;
text-indent:10px;
}
div.order_info h2 small{color:#000; font-size:0.6em;}

div.order_info div.textareaWrap{margin:5px 15px; padding:5px; background:#fff; border-radius:5px; border:2px solid #cfad78;}
div.order_info div.textareaWrap textarea{width:100%; height:70px; border:0;}

div.order_info ul.order_products{padding:10px 0;}
div.order_info ul.order_products li{position:relative; text-align:right; margin-left:10px; margin-right:10px; margin-bottom:5px;}
div.order_info ul.order_products li span.title{position:absolute; text-align:left; left:0;}
div.order_info ul.order_products li span.title span.number{display:inline-block; margin-left:5px;}
div.order_info ul.order_products li:not(:first-child):not(.total):not(.pay) span.price:before{content:'  ';}
div.order_info ul.order_products li.total{font-size:1.3em; font-weight:bold;color:#cc0000;}
div.order_info ul.order_products li.use_point{
	border-top:1px solid #c8a477; border-bottom:1px solid #c8a477; 
	background: #e2cdb1;
	background: -moz-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1dcc1), color-stop(100%,#d7c1a1));
	background: -o-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: -ms-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	padding: 2px 15px 2px 2px; padding-left:200px; margin:0 0 5px 0;
	position: relative; 
	min-height:30px; line-height:30px;
	font-size:1em;
	text-indent:10px;}
	div.order_info ul.order_products li.red{color:#cc0000;}
	total.use_point span.point{display:inline-block; border-radius:15px; width:15px; height:15px; background:black; color:white; font-size:0.7em; text-align:center; font-weight:bold; line-height:15px; margin-left:3px;
}
div.order_info ul.order_products li.use_point span.title{top:8px;}
div.order_info ul.order_products li.pay{ min-height:35px; border-radius:4px; background:#ec1f27 url('../images/pay_cash_bg.png') left top repeat-x; background-size:1px 35px;}
div.order_info ul.order_products li.pay span.price{color:#fff; padding-right:15px; line-height:35px; font-weight:bold; font-size:1.2em;}
div.order_info ul.order_products li.pay img{height:35px;}

/*div.order_info dl.pay_option{float:left; width:48%; margin:5px 1%; outline:2px solid #caa579;}
div.order_info dl.pay_option dt{text-align:center; color:#682d1f; font-size:1.3em; font-weight:bold; margin:0.65em 0; height:1.2em; overflow:hidden;}
div.order_info dl.pay_option dd{margin:5px 10px;}
div.order_info dl.pay_option dd img{width:100%;}*/
div.order_info dl.pay_option{margin:5px 10px; outline:2px solid #caa579; position:relative; zoom:1;}
div.order_info dl.pay_option:after{display:block; content:""; clear:both;}
div.order_info dl.pay_option dt{
	text-align:center; color:#fbe7de; font-size:1em; padding:0.4em 0; font-weight:bold; 
	background: #e4bbab;
	/*background: -moz-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1dcc1), color-stop(100%,#d7c1a1));
	background: -o-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: -ms-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);*/
}
/*div.order_info dl.pay_option dt span.pay_now{position:absolute; top:0; width:90%; background:url('../images/ico_paynow.png') center top no-repeat; background-size:contain; background-origin:content-box; padding-top:5%; padding-left:5%; padding-right:5%; height:70%;  left: 0; text-align: center;}
div.order_info dl.pay_option dt em{position:absolute; bottom:5px; font-style:normal; width:100%; left:0; }
div.order_info dl.pay_option dt span.pay_visit{position:absolute; height:2em; margin-top: -0.5em; top: 50%; width: 100%; left: 0; text-align: center; }*/
div.order_info dl.pay_option dd{float:left; width:48%; margin:3px 1%;}
div.order_info dl.pay_option dd img{width:100%;}

div.order_info p.order_memo{margin:10px 15px; line-height:1.4em;}

div.order_info ul.order_info_detail{margin:5px 10px; line-height:1.4em;}
div.order_info ul.order_info_detail>li{padding:0.65em 0; border-bottom:1px dotted #caa579;}
div.order_info ul.order_info_detail>li>span.title{display:inline-block; width:120px; color:#ed1c24;}
div.order_info ul.order_info_detail ul{}
div.order_info ul.order_info_detail ul li{position:relative; text-align:right;}
div.order_info ul.order_info_detail ul li.em{font-size:1.1em; font-weight:bold;}
div.order_info ul.order_info_detail ul li span.title{text-align:left; position:absolute; left:10px;}

div.order_info div.btn{text-align:center;}
div.order_info div.btn a img{width:40%; min-height:40px;}

/*사용자 푸쉬 캐쉬정보*/
div.order_info div.cash_info{
	margin:5px 10px; border:2px solid #caa579; border-radius:5px; padding:10px 5px 5px 5px; background:#ed1c24 url('../images/bd_white.gif') left 5px repeat-x;
}
div.order_info div.cash_info dl{
	color:#fff; font-weight:bold; padding-left:30%;
	background:url('../images/ico_won.png') left center no-repeat; background-size:contain; background-origin:padding-box; }
div.order_info div.cash_info dl dt{font-size:1.5em;}
div.order_info div.cash_info dl dd{font-size:2em;}

   /*동의박스*/
div.order_info div.use_info_agree{position:relative; zoom:1;}
div.order_info div.use_info_agree:after{content:""; clear:both; display:block;}
div.order_info div.use_info_agree h2{color:#7d321f; border:none; background:none;}
div.order_info div.use_info_agree a.btn_zoom{
	position:absolute; right:15px; top:10px;
	width:60px; height:25px; border:1px solid #cfad78; border-radius:5px; line-height:25px; text-align:center; color:#7d321f;
	background: #e2cdb1;
	background: -moz-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1dcc1), color-stop(100%,#d7c1a1));
	background: -o-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: -ms-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
}
div.order_info div.use_info_agree div.textareaWrap{margin:0 15px; padding:5px; border-radius:5px; border:2px solid #cfad78; background:#fff;}
div.order_info div.use_info_agree textarea{width:100%; height:80px; border:0;}
div.order_info div.use_info_agree input.checkbox{margin-right:5px;}
div.order_info div.use_info_agree label{text-align:right; display:block; color:#7d321f; padding-right:15px; margin-top:5px;}

div.order_info div.use_info_agree div.btn_group{float:left;margin:5px 15px; }
div.order_info div.use_info_agree div.btn_group a.btn2{
	display:inline-block; padding:0.65em 10px; border-radius:5px; border:1px solid #cfad78; text-align:center;
	background: #e2cdb1;
	background: -moz-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1dcc1), color-stop(100%,#d7c1a1));
	background: -o-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: -ms-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
}
div.order_info div.use_info_agree div.btn_group a.btn1 label{
	display:inline-block; padding:0.65em 10px; border-radius:5px; border:1px solid #cfad78; text-align:center;
	background: #e2cdb1;
	background: -moz-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1dcc1), color-stop(100%,#d7c1a1));
	background: -o-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: -ms-linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
	background: linear-gradient(top, #f1dcc1 0%, #d7c1a1 100%);
}



/*회원정보*/
div.member{}
div.member div.member_head{margin:15px;}
div.member div.member_head ul{
	border-radius:10px;
	background: linear-gradient( to bottom, #C90000,#FF0000);border:1px solid #C90000;
	
}
div.member div.member_head ul:after{clear:both; content:""; display:block;}
div.member div.member_head ul li{float:left; width:25%; text-align:center; padding:1em 0;}
div.member div.member_head ul li a{color:#fff; font-weight: bold;display:block; border-left:1px solid #f39800; border-right:1px solid #fff462;}
div.member div.member_head ul li:first-child a{border-left:0;}
div.member div.member_head ul li:last-child a{border-right:0;}
div.member div.member_head ul li.selected a{color:#FFE400;font-weight: bold;}

div.member div.member_body{}
div.member div.member_body div.point_info{
	margin:10px 15px; border:1px solid #ccc; border-radius:10px;
	padding:5px 10px; text-align:right; color:#f08200; 
	background:#e0e0e1;
	background: -moz-linear-gradient(top, #ededed 0%, #ededed 20%, #dadadb 21%, #dadadb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(20%,#ededed), color-stop(21%,#dadadb), color-stop(100%,#dadadb)); 
	background: -o-linear-gradient(top, #ededed 0%, #ededed 20%, #dadadb 21%, #dadadb 100%);
	background: -ms-linear-gradient(top, #ededed 0%, #ededed 20%, #dadadb 21%, #dadadb 100%);
	background: linear-gradient(top, #ededed 0%, #ededed 20%, #dadadb 21%, #dadadb 100%);
}
div.member div.member_body div.point_info h2{font-size:1.1em; color:#f08200; text-align:left; }
div.member div.member_body div.point_info span.number{color:#4c7f38; font-size:2.5em; font-weight:bold;}

div.member div.member_body div.list_info{margin:10px 15px;}
div.member div.member_body div.list_info h2{color:#f08200; font-size:1.2em; margin-bottom:5px;}
div.member div.member_body div.list_info h2 span.info{color:#000; font-size:0.8em;}
/*div.member div.member_body div.list_info div.list_wrap{
	padding-bottom:10px; border-radius:10px;
	box-shadow:2px 1px 0 #ccc;
	background:#317bbf;
	background: -moz-linear-gradient(left, #3079be 0%, #96d4dd 50%, #3079be 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3079be), color-stop(50%,#96d4dd), color-stop(100%,#3079be)); 
	background: -o-linear-gradient(left, #3079be 0%, #96d4dd 50%, #3079be 100%);
	background: -ms-linear-gradient(left, #3079be 0%, #96d4dd 50%, #3079be 100%);
	background: linear-gradient(left, #3079be 0%, #96d4dd 50%, #3079be 100%);
}*/
div.member div.member_body div.list_info div.list_wrap+div.list_wrap{margin-top:10px;}
div.member div.member_body div.list_info div.list_wrap ul{
	padding:10px 5px 10px 10px; 
	
	/*border-radius:10px 10px 0 0;
	background:#e0e0e1;
	background: -moz-linear-gradient(top, #d5d6d6 0%, #f0f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d6d6), color-stop(100%,#f0f1f1)); 
	background: -o-linear-gradient(top, #d5d6d6 0%, #f0f1f1 100%);
	background: -ms-linear-gradient(top, #d5d6d6 0%, #f0f1f1 100%);
	background: linear-gradient(top, #d5d6d6 0%, #f0f1f1 100%);*/
}
div.member div.member_body div.list_info div.list_wrap ul li{/*position:relative; */padding:0.65em 10px;width:100%; /*border-left:1px solid #9fa0a0;*/}
div.member div.member_body div.list_info div.list_wrap ul li span.title{color:#63AA00;  width:40%; text-align:left; padding:0.65em 0; top:0; font-weight:bold;}
div.member div.member_body div.list_info div.list_wrap ul li span.title2{margin-left:5%;text-align:right; padding:0.65em 0; top:0; font-weight:bold;}

div.member div.member_body div.list_info div.list_wrap ul li input.text{width:100%; padding:0.3em 0; text-indent:4px; border:2px groove #ccc; margin-top:-0.65em; margin-bottom:-0.65em;}



   /*회원정보 - 거래내역*/
div.member div.member_body div.history_nav{}
div.member div.member_body div.history_nav ul{margin:10px 15px;}
div.member div.member_body div.history_nav ul li{
	float:left; width:22%; margin:0 1%; text-align:center; padding:0.65em 0; cursor:pointer;
	border-radius:5px;/* box-shadow:0 0 5px rgba(0,0,0,0.5); */color:#fff;
	background: linear-gradient( to bottom, #515151,#878787);border:1px solid #515151;
	/*background:#3dbef0;
	background: -moz-linear-gradient(top, #bbe3f9 0%, #01b4ed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbe3f9), color-stop(100%,#01b4ed)); 
	background: -o-linear-gradient(top, #bbe3f9 0%, #01b4ed 100%);
	background: -ms-linear-gradient(top, #bbe3f9 0%, #01b4ed 100%);
	background: linear-gradient(top, #bbe3f9 0%, #01b4ed 100%);*/
}
div.member div.member_body div.history_nav ul li.selected{
	color:#fff;font-weight:bold;
	background: linear-gradient( to bottom, #008000,#35B62C);border:1px solid #008000;
	/*background:#f5a64d;
	background: -moz-linear-gradient(top, #f08301 0%, #fbd4a7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f08301), color-stop(100%,#fbd4a7)); 
	background: -o-linear-gradient(top, #f08301 0%, #fbd4a7 100%);
	background: -ms-linear-gradient(top, #f08301 0%, #fbd4a7 100%);
	background: linear-gradient(top, #f08301 0%, #fbd4a7 100%);*/
}
div.member div.member_body div.history_nav ul:after{content:""; clear:both; display:block;}

div.member div.member_body div.history_list{}
div.member div.member_body div.history_list h2{display:none;}
div.member div.member_body div.history_list table{border-collapse:collapse; width:100%; border-bottom:1px solid #ccc;}
div.member div.member_body div.history_list table tr th{background:#CFCFCF; padding:0.65em 0;}
div.member div.member_body div.history_list table tr th:nth-child(3)~th{border-left:1px solid #ccc;}
div.member div.member_body div.history_list table tr td{text-align:center; padding:0.65em 4px;}
div.member div.member_body div.history_list table tr td:nth-child(3)~td{border-left:1px solid #ccc; text-align:left;}
div.member div.member_body div.history_list table tr td:nth-child(3)~td:nth-child(5){text-align:right; }

   /*회원정보 - 환전하기*/
div.member div.member_body p.bank_info{color:#1e2188; margin:10px 15px; line-height:1.7em;}
div.member div.member_body div.btn{text-align:center; display:table;width:100%;}
div.member div.member_body div.btn a{display:table-cell; text-align:center; padding:0 7px;}
div.member div.member_body div.btn a:first-child{padding-right:0;}
div.member div.member_body div.btn img{max-width:100%; max-height:70px; }
div.member div.member_body div.btn input{max-width:100%; max-height:70px; }

   /*회원정보 - 더보기*/
div.member div.member_body div.mInfo_list dl{margin:10px 15px;}
div.member div.member_body div.mInfo_list dl dt{color:#f08200; text-indent:5px;}
div.member div.member_body div.mInfo_list dl dd{border-radius:5px; border:2px solid #000; margin:4px 0; padding:1em 10px; font-size:1.1em; font-weight:bold; position:relative; background:url('../images/ico_arr.png') right center no-repeat; background-origin:content-box;}
div.member div.member_body div.mInfo_list dl dd a{display:block; position:relative; padding:1em 10px;margin:-1em -10px;}
div.member div.member_body div.mInfo_list dl dd span.new{position:absolute; right:30px; top:50%; margin-top:-0.5em; color:#f29428;}
div.member div.member_body div.mInfo_list dl dd.version{padding-right:25%; background:none; position:relative;}
div.member div.member_body div.mInfo_list dl dd.version span{display:inline-block; width:32%;}
div.member div.member_body div.mInfo_list dl dd.version span.btn{
	display:block; position:absolute; width:inherit; right:10px; top:0.2em; padding:0.65em 6px; border-radius:5px; border:1px solid #f08200; color:#fff;
	background:#fac000;
	background: -moz-linear-gradient(top, #ffdc00 0%, #f5a600 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdc00), color-stop(100%,#f5a600)); 
	background: -o-linear-gradient(top, #ffdc00 0%, #f5a600 100%);
	background: -ms-linear-gradient(top, #ffdc00 0%, #f5a600 100%);
	background: linear-gradient(top, #ffdc00 0%, #f5a600 100%);
}
div.member div.member_body div.mInfo_list dl dd.version span.btn a{color:#fff;}
div.member div.member_body div.mInfo_list dl dd.version span.green{color:#009944;}
div.member div.member_body div.mInfo_list dl dd.version span.orange{color:#f08200;}


/*회원정보- 포인트후원하기*/
div.member div.member_body div.sponsor_box{margin:15px; position:relative; padding-right:20%; min-height:60px;}
div.member div.member_body div.sponsor_box a.btn{position:absolute; width:20%; height:100%; right:0; top:0;}
div.member div.member_body div.sponsor_box a.btn img{max-width:100%; max-height:100%; min-height:60px; }
div.member div.member_body div.sponsor_box p{
	border-radius:5px; border:1px solid #ccc; padding:10px 15px; color:#1e2188; line-height:1.6em;
	background:#ededed;
	background: -moz-linear-gradient(top, #fdfdfd 0%, #dedfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#dedfdf)); 
	background: -o-linear-gradient(top, #fdfdfd 0%, #dedfdf 100%);
	background: -ms-linear-gradient(top, #fdfdfd 0%, #dedfdf 100%);
	background: linear-gradient(top, #fdfdfd 0%, #dedfdf 100%);
}

div.member div.member_body div.textarea{
	margin:10px 15px; padding:5px; border-radius:5px;
	border:1px solid #ccc;
	background:#ededed;
	background: -moz-linear-gradient(top, #fdfdfd 0%, #dedfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#dedfdf)); 
	background: -o-linear-gradient(top, #fdfdfd 0%, #dedfdf 100%);
	background: -ms-linear-gradient(top, #fdfdfd 0%, #dedfdf 100%);
	background: linear-gradient(top, #fdfdfd 0%, #dedfdf 100%);
}
div.member div.member_body div.textarea textarea{width:100%; border:0; height:80px;}

div.member div.member_body div.phonecall{margin:10px 15px; position:relative; padding-right:20%; margin-bottom:20px;}
div.member div.member_body div.phonecall:after{content:""; display:block; clear:both;}
div.member div.member_body div.phonecall h2{margin-bottom:10px;}
div.member div.member_body div.phonecall a.btn{position:absolute; width:20%; height:100%; right:0; top:0;}
div.member div.member_body div.phonecall a.btn img{max-width:100%; max-height:100%; min-height:60px; }
div.member div.member_body div.phonecall select,
div.member div.member_body div.phonecall span.tel_wrap{float:left; width:33%; height:25px; }
div.member div.member_body div.phonecall select,
div.member div.member_body div.phonecall input{border-radius:5px; border:1px solid #000;}
div.member div.member_body div.phonecall input{ width:85%; height:25px; line-height:25px;}
div.member div.member_body div.phonecall span.tel_wrap:before{content:" - "; float:left; line-height:25px; display:inline-block; width:10%; text-align:center; }



/*결제완료페이지*/
div.pay_success{margin:20px 15px; padding:30px 0 10px 0; border-radius:10px; border:5px solid #f4f4f4; box-shadow:0 0 2px #7aa318;}
div.pay_success h2{padding-top:115px; background:url('../images/pay_sucess_ico.png') center top no-repeat; font-size:1.7em;  text-align:center;}
div.pay_success h3{padding:0.3em 0; font-size:1.2em; color:#777; text-align:center;}
div.pay_success div.pay_info{margin:10px 0; padding:10px 20px; background:#f4f4f4;}
div.pay_success div.pay_info dl{display:table; width:100%; }
div.pay_success div.pay_info dl dt{display:table-cell; width:115px; padding:0.45em 0;}
div.pay_success div.pay_info dl dd{display:table-cell; padding:0.45em 0; color:#333; }
div.pay_success div.pay_info dl dd span.red{color:#ff0000;}
div.pay_success div.btns{text-align:center;}
div.pay_success div.btns a{display:inline-block; width:45%;  background:url('../images/btn_bg.gif') left top repeat-x; height:50px; border-radius:5px; line-height:50px; font-weight:bold; color:#fff; font-size:1.3em;}