@charset "utf-8";

/* width, height, display, float, position, top, left, margin, padding, border, font, color, textalign, lineheight background, overflow */


/*** font ***/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/*** base ***/

* { margin:0; padding:0; }

html, body { font-family: "Nanum Gothic", sans-serif; width:100%; height:100%;}

body { width:100%; height:100%; margin:0; padding:0; font-family: "Nanum Gothic", serif; font-size:14px; color:#222222; text-align:left; line-height:160%; background:#fff; }

a { text-decoration:none; color:#333;}

h1, h2, h3, h4, img, input, div, p, ul, li { margin:0; padding:0; }

ul li { list-style-type:none; }

img { border:0; }

.del { position:absolute; left:-9999%; font-size:0; text-indent:-9999%; line-height:0; overflow:hidden;}
.small_text{font-size:12px;}

fieldset, form {	border:0; }
fieldset legend { position:absolute; left:-9999%; text-indent:-9999%; overflow:hidden; }
input, textarea, select { font-family: "Nanum Gothic", serif; font-size:12px; }

.width100{ width:100%; }
.f_left { float:left; }
.f_right { float:right; }
.f_clear { clear:both; }
.textC { text-align:center; }
.btn_bg {
	display:block;
	width:127px;
	height:33px;
	text-align:center;
	background: url("../images/btn_bg.png") no-repeat 0 0;
}
.btn_bg a {
	display:block;
	width:127px;
	height:23px;
	color:#fff;
	padding:5px 0;
}

/* wrap */
.wrap {
	width:100%;
	/*background:green;*/
}

/* header */

.logo {
	float:left;
	padding-top:20px;
}
.nav_wrap {
	width:100%;
	min-width:1200px;
	height:55px;
	background:#EE4D00; /*url("../images/gnb_sub_bg.gif") repeat-x 0 0;*/
}
.nav {
	width:1200px;
	height:55px;
	margin:0 auto;
}
.gnb {
	width:1170px;
	height:55px;
	margin:0 auto;
}
.gnb li {
	width:166px;
	height:55x;
	float:left;
	font-size:16px;
	text-align:center;
}
.gnb li a {
	display:block;
	width:94%;
	height:20px;
	padding-top:15px;
	padding-bottom:20px;
	padding-left:3%;
	padding-right:3%;
	color:#fff;
	font-weight:bold;
}
.gnb li a img{
	width:28px;
	vertical-align:middle;
	margin-right:7px;
	margin-bottom:4px;
}
li.gnb_active a{
	background:#ffdfc4;
	color:#333;
}
.gnb_sub_wrap{
	display:none;
	position:absolute;
	left:0;
	width:100%;
	background:#ff8b26;
	/*background:url("../images/menu_bar.png") repeat-x left top;*/
	z-index:9998;
}
li.gnb_active .gnb_sub_wrap{
	display:block;
	z-index:9997;
}
.gnb_sub{
	width:1200px;
	height:45px;
	margin:0 auto;
}
.gnb_sub li {
	height:45px;
	width:110px;
}
.gnb_sub li a{
	color:#FFC578;
	background:none;
	padding-top:12px;
	padding-bottom:13px;
	width:110px;
}
.gnb_sub li.gnb_active a, .gnb_sub li a:hover{
	color:#fff;
	background:url('../images/gnb_sub_under2.png')no-repeat center bottom;
}
.nav_search {
	width:175px;
	height:30px;
	float:left;
	padding:20px 0 20px 20px;
}
input.nav_search_text {
	width:120px;
	height:20px;
}
input.nav_search_btn {
	width:40px;
	height:24px;
	background:#382a1d;
	color:#fff;
	border:1px solid #333;
}

/* container */
.container {
	width:100%;
	height:100%;
	background:url('../images/body_bg.jpg') repeat 0 0;
	/*background:yellow;*/
}
.inner_main {
	width:1200px;
	margin:0 auto ;
	padding-bottom:30px;
	/*background:orange;*/
}
.inner {
	width:1198px;
	height:100%;
	margin:0 auto ;
	padding:0;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background:#ff6600;
	/*background:orange;*/
}
.inner:after, .inner_main:after{
	display:block;
	clear:both;
	content:"";
	background:green;
}

/* footer */
.footer{
	clear:both;
	height:100px;
	background:#fff;
	padding:30px 0 20px;
	font-size:12px;
	line-height:140%;
	border-top:1px solid #ddd;
}
.foot_inner{
	width:1200px;
	margin:0 auto;
}
.foot_inner h1{
	width:180px;
	float:left;
}
.foot_inner h1 img{
	width:100%;
}
.foot_link, .foot_address, .foot_copy{
	width:1000px;
	margin-bottom:10px;
	float:right;
}
.foot_link li {
	display:inline; margin-right:10px;
}
.foot_address dt, .foot_address dd{
	display:inline;
}
.foot_address dd{
	margin-right:8px;
}


/* toggle */
.toggle{
	width:200px;
	height:100%;
	position:fixed;
	top:0;
	background:#2C2E31;
	color:#fff;
	padding-top:30px;
	padding-left:40px;
	right:0;
	z-index:9999;
	zoom:1;
}
.toggle_btn{
	width:30px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:#434343;
	color:#fff;
	float:left;
	padding:5px;
	cursor:pointer;
}
.toggle_btn p {
	position:absolute;
	top:350px;
	left:-30px;
	width:70px;
	height:85px;
	line-height:85px;
	background:url("../images/toggle.png") no-repeat 0 0;
	text-indent:16px;
}
.loginTop, .loginTop2 { width:328px; height:198px; position:absolute; top:4px; right:30px;}
.loginTop {background:url(../images/loginBg.png) no-repeat 0 0; }
.loginTop2{background:url(../images/loginBg2.png) no-repeat 0 0; }
div.login { width:200px; height:80px; background:url(../images/loginInput.png) no-repeat 0 0; position:absolute; top:30px; left:30px;}
input.login, input.password { width:170px; height:30px; margin:4px 4px 6px 0; border:0 none; background:transparent; text-align:left;color:#fff;}
input.login_btn { width:87px; height:85px; background:url(../images/loginBtn.png) no-repeat 0 0; cursor:pointer; position:absolute; top:30px; right:30px;border:0;}
.loginFind { position:absolute; width:328px;; height:30px; bottom:35px; left:0; text-align:center; color:#fff; font-weight:bold;}
.loginFind a{ color:#fff; font-weight:bold;}
/*
input.login, input.password{
	width:150px;
	height:24px;
	margin-bottom:4px;
	text-align:left;
}
*/
.login_mile{
	line-height:18px;
}
.login_mile_top, .login_mile_middle, .login_mile_bottom {
	width:155px;
	position:absolute;
	padding:3px 20px 0 0;
	text-align:right;
	color:#fff;
	font-size:12px;
}
.login_mile_top{
	padding-bottom:3px;
	border-bottom:1px solid #666;
	top:40px;
	right:0;
}
.login_mile_top span{
	font-size:18px;
	font-weight:bold;
	color:#ffa100;
}
.login_mile_middle{
	top:90px; right:0;
}
.login_mile_middle span{
	font-size:18px;
	font-weight:bold;
	color:#2cce00;
}
.login_mile_bottom{
	top:134px; right:0;
}
.login_mile_bottom span{
	font-size:18px;
	font-weight:bold;
	color:#2cce00;
}
.vip {
	position:absolute;
	width:50px;
	height:50px;
	top:0;
	left:40px;
}
.apple{
	width:160px; float:left;
	text-align:center;
	padding:0;
	margin:0;
}
.apple img {
	width:125px;
}
.apple_desc {
	width:90%;
	text-align:center;
	margin:13px auto 0px;
	text-align: left;
	border:0 none;
	color:#fff;
}
.apple_desc span{
	color:yellow;
	font-size:18px;
	font-weight:bold;
}
.member {
	margin-top:30px;
}
ul.member_top{
	width:100%;
	height:55px;
}
ul.member_bottom{
	width:100%;
	height:91px;
	background:#00c0c0;
	margin:10px 0 20px;
}
.member_top li, .member_bottom li {
	float:left;
	margin:0;
	padding:0;
}
.member_top li{
	height:55px;
}
.member_bottom li img{
	vertical-align:top;
	margin:0;

}
.member_bottom li{
	width:98px;
	height:45px;
	font-size:12px;
	letter-spacing:-1px;
	line-height:45px;
	margin:0;
	padding:0;
}
.member_bottom li a{
	display:block;
	width:99px;
	height:45px;
	color:#fff;
}

/* 지도 */
.map{
	width:100%;
	min-width:1200px;
	background:#fff;
	min-height:300px;
	font-size:12px;
	margin:0;
	padding:0;
}
ul.map_nav_wrap{
	width:100%;
	height:34px;
	position:absolute;
	top:-9px;
	left:0;
	background:#000;
	float: left;
}
ul.map_nav_wrap li{
	width:5.8%;
	height:34px;
	float:left;
	margin:0;
	color:#fff;
	text-align:center;
}
ul.map_nav_wrap li a{
	display:block;
	width:90%;
	height:20px;
	margin:0;
	padding-top:7px;
	padding-bottom:7px;
	background:#000;
	color:#fff;
	text-align:center;
}
ul.map_nav_wrap li.map_nav_wrap_active a{
	background:#333;
}
ul.map_nav{
	width:100%;
	height:30px;
	position:absolute;
	top:30px;
	left:0;
	background:#333;
	float: left;
	display:none;
}
ul.map_nav li{
	width:5.8%;
	height:30px;
	float:left;
	margin:0;
	background:#333;
	color:#fff;
	text-align:center;
}
ul.map_nav li a {
	display:block;
	width:90%;
	height:16px;
	line-height:90%;
	margin:0;
	padding-left:5%;
	padding-right:5%;
	padding-top:7px;
	padding-bottom:7px;
	background:#333;
	color:#fff;
	text-align:center;
}
ul.map_nav li a:hover{
	background:red;
	color:#fff;
}
ul.map_sub_nav {
	display:none;
	width:100%;
	height:30px;
	position:absolute;
	top:30px;
	left:0;
	background:red;
}
ul.map_sub_nav li{
	width:10%;
	background:#eee;
}
ul.map_sub_nav li a{
	width:94%;
	height:16px;
	padding-right:3%;
	padding-left:3%;
	padding-top:7px;
	padding-bottom:7px;
	color:#fff;
}
.map_sub_nav li ul.map_over{
	position:absolute;
	z-index:9999;
	width:160px;
	margin:0;
	display:none;
}
.map_sub_nav li ul.map_over li{
	display:block;
	width:100%;
	height:24px;
	line-height:24px;
	color:#000;
	background:#d3d3d3;
	border-top:1px solid #fff;
}
.map_sub_nav li ul.map_over li a{
	padding:0;
	line-height:24px;
	color:#000;
	background:#d3d3d3;
}
ul.map_sub_nav li a:hover{
	/*background:#;*/
}
ul.map_nav li.map_nav_active a{
	background:red;
	color:#fff;
}
ul.map_nav li.map_nav_active ul.map_sub_nav {
	display:block;
}
ul.map_sub_nav li.map_sub_nav_active a{
	background:#8e8e8e;
}
#container2 {
	position:relative;
}
.map_list {
	position:absolute;
	top:10px;
	left:50px;
	width:200px;
	height:30px;
	border:1px solid #ccc;
	overflow:hidden;
	z-index:5;
	display:none;
}
.map_list p{
	height:30px;
	line-height:30px;
	cursor:pointer;
	padding:0 5px;
	border-bottom:1px solid #ccc;
}
.map_list ul{
	background:#ff8b26;
	height:0;
}
.map_list ul li {
	height:30px;
	line-height:30px;
	padding:0 5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	cursor:pointer;
}
.map_list ul li:hover{
	background:#fff;
}
.map_list ul li.active{
	background:#fff;
}


/* 로그인 */
.login_title {
	width:90%;
	margin:auto;
	border-bottom:1px solid #99999b;
	font-size:1.5em;
	font-weight:bold;
	position:relative;
	display:block
}
#productsearch {
	position:absolute;
	display:inline;
	top:80px;
	right:87px;
}
#product_search {
	border:1px solid #999;
	height:25px;
	width:150px
}
.loginform {
	width:610px;
	margin:auto;
	margin-top:120px;
	padding:0 35px;
	height:370px;
}
.loginlogo {
	width:123px;
	padding:40px 0 28px 230px;
}
#user_id, #user_pwd {
	display:block;
	width:316px;
	height:42px;
	margin:auto;
	margin-bottom:9px;
	border:1px solid #969696;
}
.login_btn2 {
	display:block;
	margin:auto;
	width:320px;
	height:50px;
	margin-bottom:17px;
	background:#FD5808;
	color:#fff;
	font-size:22px;
	border:none;
}
.findnav {
	width:610px;
	height:32px;
	border-top:1px solid #cacbcd;
	border-bottom:1px solid #cacbcd;
	padding-top:15px;
}
.findlist {
	float:left;
	border-right:1px solid #3b3b3b;
	line-height:1;
	padding:0 10px;
	font-size:1.1em;
}
.findlist:first-child {
	margin-left:157px
}
.findlist a:link, .findlist a:visited {
	color:#3b3b3b
}

.findlist:last-child {
	border-right:0
}



/* 회원가입 */
.join_wrap {
	width:700px;
	margin:0 auto 50px;
}
.join_step {
	width:100%;
	text-align:center;
	margin-top:30px;
}
.join_con form{
	text-align:left;
}
.join_con input {
	height:22px;
	margin-bottom:4px;
	vertical-align:middle;
}
.join_con select{
	padding:3px;
}
.join_con input#submit {
	width:111px;
	height:41px;
	vertical-align:middle;
}
.join_textarea {
	text-align:center;
}
.join_textarea textarea {
	padding:10px;
	margin:10px auto;
	line-height:180%;
}
.join_agree{
	text-align:center;
}
.join_agree_btn {
	margin-top:20px;
	width:120px;
	height:30px;
	background:#eee;
	border:1px solid #ddd;
}
input.selbox05 {
	width:276px;
	margin-top:2px;
}
.join_con table{
	border-collapse:collapse;
}
.join_con table td{
	padding:2px;
}
.info_con table td{
	padding:2px;
}
.info_con table td.jL01{
	background:#FBFBFB;
	padding:2px 0;
}
.jL02 input {
	height:20px;
	margin-bottom:3px;
	vertical-align:middle;
}
.jL02 select{
	padding:4px;
	margin-bottom:3px;
}



	 .my_EvList .my_MileageListTable {background:#f1f1f1;border-top:0px solid #595959;padding:10px;}
	 .my_EvList .my_MileageListTable span.num_txt {font-size: 1.1em;font-family: 'Nanum Gothic';font-weight:500;color:#336699;}
	 .my_EvList .mine {margin:10px auto;width:90%;background:#fff799;padding:15px 5px;font-family: 'Nanum Gothic', sans-serif;font-style: normal;font-weight:700;font-size:12px;color:#000;text-align:center;	-webkit-border-radius: 12px; border-radius: 12px;box-shadow: 1px 2px 0 #e1e1e1;letter-spacing:-1px;}
	 .my_EvList .TableTitle {padding:10px;margin:0;font-family: 'Nanum Gothic', sans-serif;font-style: normal;font-weight:700;font-size:14px;color:#000;text-align:left;letter-spacing:-0.5px;}
	 .my_EvList .TableTitle span {color:#ec008c;}
	 ul#my_MileageListTable_INNER {padding:0;margin:0;border-top:1px solid #e1e1e1;}
	 ul#my_MileageListTable_INNER li {padding:16px 10px;margin:0;background:#fff;font-size: 0.9em;font-family: 'Nanum Gothic';font-weight:600;}
	 ul#my_MileageListTable_INNER li {border:1px solid #e1e1e1;border-top:0px solid #e1e1e1;height:auto;}
	 ul#my_MileageListTable_INNER li.cate {background:#faf8f8;color:#888;padding:7px 10px;}
	 ul#my_MileageListTable_INNER li .titWrap {float:left;padding:0 10px;}
	 ul#my_MileageListTable_INNER li .titWrap .tit {font-family: 'Nanum Gothic';font-weight:400;font-size:14px;color:#717171;text-align:left;padding:5px 0px;}
	 ul#my_MileageListTable_INNER li .titWrap .date {font-family: 'verdana';font-size:10px;font-weight:bold;color:#acacac;letter-spacing:-1.0px;text-align:left;padding:0;}
	 ul#my_MileageListTable_INNER li .gubunWrap {float:left;padding:0 10px;font-size:12px;}
	 ul#my_MileageListTable_INNER li .numWrap {float:left;padding:0 10px;}
	 ul#my_MileageListTable_INNER li .numWrap .tit {font-family: 'Nanum Gothic';font-weight:600;font-size:15px;color:#383838;text-align:right;padding:5px 0px;}

	 #myMileageContainer {background:#4c4d5d;text-shadow:none;}
	 #myMileageContainer .mileageWrap {
										padding:0;
										margin:0;
										
									   }
	 #myMileageContainer .mileageWrap ul {padding:0px;margin:0px;}
	 #myMileageContainer .mileageWrap ul li {padding:0px;margin:0px;}
	 ul span.MileageIcon {width:37px; height:37px; background-position:-240px -40px;text-indent:-30000em;}
 	 #myMileageContainer .mileageWrap .mileageTxt {
											font-family: 'Nanum Gothic';font-weight:700;font-size:13px;color:#fff;
											text-align:left;
											height:50px;
											line-height:55px;
											padding:0 20px;
	 }
 	 #myMileageContainer .mileageWrap .mileageNum {
											height:50px;
											line-height:50px;
											font-family: 'verdana';font-weight:700;font-size:40px;color:#ffdb15;
											text-shadow: 1px 1px 1px #000;
											letter-spacing:-2px;
											text-align:right;
	 }
	  #myMileageContainer .mileageWrap .mileageNum span {font-family: '맑은 고딕';font-weight:500;font-size:35px;color:#ffdb15;}
	 #myMileageContainer .mileageWrap .mileageStatus {padding:5px 0;font-family: '맑은 고딕';font-weight:500;font-size:13px;color:#fff; letter-spacing:-1.5px;text-align:right;}
	 #myMileageContainer .infoWrap {height:60px;border-top:#656673 1px solid;}
	 #myMileageContainer .infoWrap .txt {padding:0 5px;line-height:27px;font-family: 'Nanum Gothic';font-weight:400;font-size:12px;color:#e1e1e1;}
	 #myMileageContainer .infoWrap .btn {
											color:#e1e1e1;
											font-size:11px;
											-o-linear-gradient(top, rgba(65,66,79,1), rgba(37,38,48,1));
											background: -moz-linear-gradient(top, rgba(65,66,79,1), rgba(37,38,48,1));
											background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(65,66,79,1)), color-stop(1, rgba(37,38,48,1)));
											text-shadow:none;
											-webkit-border-radius: 3px; border-radius: 3px;
											border-top:1px solid #3c3e46;
											border-right:1px solid #27272c;
											border-bottom:1px solid #27272c;
											border-left:1px solid #3c3e46;
											padding:5px 10px;
										}
	 #myMileageContainer .infoWrap .btn:active {color:#f1f1f1;font-size:11px;background:#252630;}
	
	 #myMileageContainer #mileageIconWrap {width:100%;height:100px;background: url(http://shop.moongory.com/image/mobile/milege/my/bg_img.jpg) center left no-repeat; background-size:cover;}	
	/*마일리지*/
	.mileageIcon_100 {width:100px;height:100px;background: url(http://shop.moongory.com/image/mobile/milege/b/1.png) center left no-repeat; background-size:contain;}
	.mileageIcon_500 {width:100px;height:100px;background: url(http://shop.moongory.com/image/mobile/milege/b/2.png) center left no-repeat; background-size:contain;}	
	.mileageIcon_1000 {width:100px;height:100px;background: url(http://shop.moongory.com/image/mobile/milege/b/3.png) center left no-repeat; background-size:contain;}	
	.mileageIcon_5000 {width:100px;height:100px;background: url(http://shop.moongory.com/image/mobile/milege/b/4.png) center left no-repeat; background-size:contain;}	
	.mileageIcon_10000 {width:100px;height:100px;background: url(http://shop.moongory.com/image/mobile/milege/b/5.png) center left no-repeat; background-size:contain;}	
	.mileageIcon_50000 {width:100px;height:100px;background: url(http://shop.moongory.com/image/mobile/milege/b/6.png) center left no-repeat; background-size:contain;}	
	.mileageIcon_100000 {width:100px;height:100px;ine-height:30px;background: url(http://shop.moongory.com/image/mobile/milege/b/7.png) center left no-repeat; background-size:cover;}	
	.mileageIcon_500000 {width:100px;height:100px;background: url(http://shop.moongory.com/image/mobile/milege/b/8.png) center left no-repeat; background-size:contain;}	
		
	/* */
	.mileageIcon_100_my {width:125px;height:115px;margin-left:10px;/*background: url(http://shop.moongory.com/image/mobile/milege/my/icon1.png) center left no-repeat; background-size:cover;*/}
	.mileageIcon_500_my {width:125px;height:115px;margin-left:10px;/*background: url(http://shop.moongory.com/image/mobile/milege/my/icon2.png) center left no-repeat; background-size:cover;*/}	
	.mileageIcon_1000_my {width:125px;height:115px;margin-left:10px;/*background: url(http://shop.moongory.com/image/mobile/milege/my/icon3.png) center left no-repeat; background-size:cover;*/}	
	.mileageIcon_5000_my {width:125px;height:115px;margin-left:10px;/*background: url(http://shop.moongory.com/image/mobile/milege/my/icon4.png) center left no-repeat; background-size:cover;*/}	
	.mileageIcon_10000_my {width:125px;height:115px;margin-left:10px;/*background: url(http://shop.moongory.com/image/mobile/milege/my/icon5.png) center left no-repeat; background-size:cover;*/}	
	.mileageIcon_50000_my {width:125px;height:115px;margin-left:10px;/*background: url(http://shop.moongory.com/image/mobile/milege/my/icon6.png) center left no-repeat; background-size:cover;*/}	
	.mileageIcon_100000_my {width:125px;height:115px;margin-left:10px;line-height:30px;/*background: url(http://shop.moongory.com/image/mobile/milege/my/icon7.png) center left no-repeat; background-size:cover;*/}	
	.mileageIcon_500000_my {width:170px;height:180px;margin-left:10px;/*background: url(http://shop.moongory.com/image/mobile/milege/my/icon8.png) center left no-repeat; background-size:cover;*/}	



	#mileageNamePos .mileageNemeTxt {
											font-family: 'Nanum Gothic';font-weight:700;font-size:15px;color:#545557;
											text-align:left;
											height:50px;
											line-height:55px;
											padding:0 20px;	
	}
	#mileageNamePos .mileageNemeTxt span{ font-size:20px;}

	.m_brown {color:#9b0d00;}
	.m_green {color:#078b01;}
	.m_pink {color:#ec008c;}
	.m_red {color:#ff0000;}
	.m_silver {color:#7b7d7a;}
	.m_gold {color:#ffc501;}
	.m_blue {color:#;}
	
ul.head_slider { width:100%; min-width:1200px; height:370px; position:absolute; top:0; left:0; overflow:hidden;}
div.head_slider_wrap {width:100%; height:370px; position:absolute; top:0; left:0; overflow:hidden;}
.head_slider li { min-width:1600px;}