/* reset */
body{margin:0}
button{padding:0;margin:0;border:0;background:transparent;outline:0;cursor:pointer}
table,table th,table td{border-spacing:0;border-collapse:collapse}
p{margin:0;padding:0}
body,input,select,textarea,a,th,td,caption,h1,h2,h3,h4,h5,h6{font:normal 12px/1.2 NanumBarunGothic, gulim, sans-serif}
a:hover{text-decoration:none}

/* global */
.imart{display:block;float:none}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.clearfix::after{display:block;content:'';clear:both}
.ts,.ts::after,.ts::before{-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}

/* layout */
#imartMain{display:block;float:none}
.layout{position:relative;width:1170px;margin:0 auto}
#comHeadOutloginExpend{z-index:100}

body:has(.headmenu-full) #invenBookmark {z-index: 201;}
body:has(.headmenu-full) div#invenBookmarkForm {z-index: 202;}
.imart.top_bar aside {z-index: 100;}
.imart.top_bar .headmenu-full {min-width: 1170px;}
.imart.wrap .imart.top_bar aside .header-nav {border-bottom-color: #f0f0f0}

.col_layout{margin-bottom:60px}
.col_layout .left{float:left}
.col_layout .right{float:right}

.footer{border-top:1px solid #d7d7d7}
.footer .line{border-bottom:1px solid #d7d7d7}

.sub_layout{position:relative;width:1100px;margin:0 auto;padding-top:30px}
.sub_layout::before{display:block;content:'';position:absolute;top:30px;left:0;bottom:0;width:210px;background:#f4f4f4;z-index:10}
.sub_layout .aside{position:relative;float:left;width:210px;margin-right:30px;z-index:10}
.sub_layout .section{float:left;width:730px;margin-bottom:10px}

.full_layout{position:relative;width:1170px;margin:0 auto;}



/* module */
.sub_title{height:50px;margin-bottom:20px;padding-left:30px;background:#800f2f;color:#fff;font-size:17px;font-weight:bold;line-height:50px}

.gnb .col{position:relative;float:left;margin-right:25px;z-index:40}
.gnb .col:last-child{margin-right:0}
.gnb .link{display:block;height:60px;color:#fff;font-size:16px;font-weight:bold;text-align:center;line-height:60px}
.gnb .depth02{display:none;position:absolute;top:100%;left:50%;width:150px;padding:5px 0;margin-left:-75px;background:#f4f4f4;box-sizing:border-box;-webkit-box-shadow: 0 3px 6px 1px rgba(0,0,0,0.7); -moz-box-shadow: 0 3px 6px 1px rgba(0,0,0,0.7); -ms-box-shadow: 0 3px 6px 1px rgba(0,0,0,0.7); box-shadow: 0 3px 6px 1px rgba(0,0,0,0.7);}
.gnb .row{padding:0}
.gnb .sub_link{color:#7b7b7b;display: block;padding: 5px 10px;}
.gnb .sub_link:hover{color:#f4f4f4;background-color: #7b7b7b;}
.gnb .sub_link:hover::before{content: "\25b6";padding-right: .5em;}
.gnb .sub_link .icon { vertical-align: -4px; padding-left: 4px; }
.gnb .link.act,
.gnb .col:hover .link{color:#ffd000}
.gnb .col:hover .depth02{display:block}
.gnb-sub-total {width:1170px;margin:20px auto 0;}
.gnb-sub-total tr {height:30px}
.gnb-sub-total caption {font-size:18px}
.gnb-sub-total th {font-size:16px}
.gnb-sub-total td {font-size:14px}
.footer_menu .col{float:left;margin-right:35px}
.footer_menu .col.right{float:right}
.footer_menu a{display:block;height:57px;color:#6e6e6e;font-size:13px;line-height:57px}
.footer_menu .btn_top{position:relative;padding-top:20px;margin-top:15px;color:#333949;font:bold 12px/1.2 dotum, sans-serif}
.footer_menu .btn_top::before{display:block;content:'';position:absolute;top:0;left:0;width:0;height:0;margin-top:-12px;border:12px solid transparent;border-bottom-color:#858994}

.aside .menu_name{height:50px;background:#b71544;color:#fff;font-size:17px;font-weight:bold;text-align:center;line-height:50px}
.aside .menu_list{padding:0 0 10px;background:#f4f4f4}
.aside .menu_list li{padding:0}
.aside .menu_list .link{color:#7b7b7b;display: block;padding: 12px 20px;}
.aside .menu_list .link:hover {color: #ffffff;background-color: #800f2f;}
.aside .menu_list .link:hover::before{content: "\25b6";padding-right: .5em;}

.hot_area{padding:13px 0 20px;background:#e8ecef}
.hot_area .banner_area{padding-bottom:3px}
.hot_area .banner_area .item{float:left;width:582px;height:189px;margin-bottom:6px;overflow:hidden}
.hot_area .banner_area .item:nth-child(2n){float:right}
.hot_area .banner_area .item img{width:100%;height:100%}
.hot_area .event_rolling{position:relative}
.hot_area .event_rolling .btn{display:none;position:absolute;top:50%;width:12px;height:22px;margin-top:-11px;color:transparent;font-size:0;overflow:visible}
.hot_area .event_rolling .btn.act{display:block}
.hot_area .event_rolling .btn::before{display:block;content:'';position:absolute;top:0;left:0;width:10px;height:10px;border:3px solid transparent;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.hot_area .event_rolling .btn_left{left:-28px}
.hot_area .event_rolling .btn_left::before{border-left-color:#959595;border-bottom-color:#959595}
.hot_area .event_rolling .btn_right{right:-28px}
.hot_area .event_rolling .btn_right::before{border-right-color:#959595;border-top-color:#959595}
.hot_area .event_rolling .rolling_wrap{position:relative;height:73px;overflow:hidden}
.hot_area .event_rolling .list{position:absolute;top:0;left:0}
.hot_area .event_rolling .list[data-position="1"]{transform:translateX(-390px)}
.hot_area .event_rolling .list[data-position="2"]{transform:translateX(-780px)}
.hot_area .event_rolling .list[data-position="3"]{transform:translateX(-1170px)}
.hot_area .event_rolling .list[data-position="4"]{transform:translateX(-1560px)}
.hot_area .event_rolling .list[data-position="5"]{transform:translateX(-1950px)}
.hot_area .event_rolling .list[data-position="6"]{transform:translateX(-2340px)}
.hot_area .event_rolling .list[data-position="7"]{transform:translateX(-2730px)}
.hot_area .event_rolling .list .item{float:left;width:390px;height:73px}
.hot_area .event_rolling .list .link{display:block}
.hot_area .event_rolling .list .link span{display:block}
.hot_area .event_rolling .list .d_day{float:left;width:84px;height:73px;background:#e9e9e9;color:#7b7b7b;font-size:15px;font-weight:bold;text-align:center;line-height:71px;border:1px solid #bfbebe;border-right:0;box-sizing:border-box}
.hot_area .event_rolling .list .text_area{position:relative;float:left;width:306px;height:73px;padding:18px 65px 0 20px;background:url('//static.inven.co.kr/image_2011/imart/renewal/bg_event01.jpg') no-repeat 0 0;color:#7b7b7b;font-size:14px;font-weight:bold;line-height:1.4;box-sizing:border-box;border:1px solid #bfbebe;border-left:0;box-sizing:border-box}
.hot_area .event_rolling .list .text_area .cost {
	position: absolute;
	top: 17px;
	right: 15px;
	width: 39px;
	height: 31px;
	padding-top: 3px;
	border: 1px solid #4a4a4a;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgb(193,193,193);
	background: -moz-linear-gradient(124deg, rgba(193,193,193,1) 0%, rgba(77,77,77,1) 100%);
	background: -webkit-linear-gradient(124deg, rgba(193,193,193,1) 0%, rgba(77,77,77,1) 100%);
	background: linear-gradient(124deg, rgba(193,193,193,1) 0%, rgba(77,77,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c1c1c1",endColorstr="#4d4d4d",GradientType=1);
	font-size: 11px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 0 #686868, 1px -1px 0 #686868, -1px 1px 0 #686868, -1px -1px 0 #686868, 1px 0px 0 #686868, 0px 1px 0 #686868, -1px 0px 0 #686868, 0px -1px 0 #686868;
}

.hot_area .event_rolling .list .link.act,
.hot_area .event_rolling .list .link:hover{ }
.hot_area .event_rolling .list .link.act .d_day,
.hot_area .event_rolling .list .link:hover .d_day{background:#f8a700;color:#fff;border:1px solid #f8a700;border-right:0}
.hot_area .event_rolling .list .link.act .text_area,
.hot_area .event_rolling .list .link:hover .text_area{background:#275aab;color:#fff;border:1px solid #275aab;border-left:0}
.hot_area .event_rolling .list .link.act .text_area .cost,
.hot_area .event_rolling .list .link:hover .text_area .cost {
	border: 1px solid #710095;
	background: rgb(214,156,233);
	background: -moz-linear-gradient(124deg, rgba(214,156,233,1) 0%, rgba(116,0,154,1) 100%);
	background: -webkit-linear-gradient(124deg, rgba(214,156,233,1) 0%, rgba(116,0,154,1) 100%);
	background: linear-gradient(124deg, rgba(214,156,233,1) 0%, rgba(116,0,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d69ce9",endColorstr="#74009a",GradientType=1);
	color: #fff;
	text-shadow: 1px 1px 0 #8315a8, 1px -1px 0 #8315a8, -1px 1px 0 #8315a8, -1px -1px 0 #8315a8, 1px 0px 0 #8315a8, 0px 1px 0 #8315a8, -1px 0px 0 #8315a8, 0px -1px 0 #8315a8;
}

.venishop{margin:15px 0 30px}
.venishop .title{height:45px;line-height:45px}
.venishop .title p{float:left;color:#d83049;font-size:18px;font-weight:bold}
.venishop .title .more{float:right;color:#474747;font-size:14px;line-height:45px}
.venishop .content_area{position:relative;border:1px solid #bfbebe}
.venishop .btn_area{position:relative;width:98px;min-height:622px;z-index:20}
.venishop .btn_area .name,
.venishop .btn_area .btn{width:98px;border:1px solid #bfbebe;box-sizing:border-box}
.venishop .btn_area .btn{height:174px;background:#f9f9f9}
.venishop .btn_area .btn .icon{display:inline-block;width:38px;height:38px;background:url('//static.inven.co.kr/image_2011/imart/renewal/icon_coin01.png') no-repeat center center}
.venishop .btn_area .btn .number{display:block;color:#222;font-size:20px;font-weight:bold}
.venishop .btn_area .btn .text{display:block;color:#7b7b7b;font-size:14px;font-weight:bold}
.venishop .btn_area .btn .text span{color:#d32140}
.venishop .btn_area .btn.act{position:relative;background:#d83049;overflow:visible;z-index:20}
.venishop .btn_area .btn.act::before{display:block;content:'';position:absolute;top:0;left:-2px;right:-2px;bottom:0;border:3px solid #ffd000}
.venishop .btn_area .btn.act::after{display:block;content:'';position:absolute;top:50%;left:100%;width:0;height:0;margin:-10px 0 0 2px;border:10px solid transparent;border-left-color:#ffd000}
.venishop .btn_area .btn.act .number,
.venishop .btn_area .btn.act .text,
.venishop .btn_area .btn.act .text span{color:#fff}
.venishop .btn_area .btn.act .icon{background-image:url('//static.inven.co.kr/image_2011/imart/renewal/icon_coin02.png')}
.venishop .btn_area .name{height:100px;color:transparent;font-size:0}
.venishop .btn_area .name .img{display:block;width:100%;height:100%;background:url('//static.inven.co.kr/image_2011/imart/renewal/btn_point01_off.png') no-repeat center center}
.venishop .btn_area .name.act .img {background-image: url('//static.inven.co.kr/image_2011/imart/renewal/btn_point01_on.png')}
#veni-shop-items {position:absolute;top:0;left:98px;bottom:0;right:0;z-index:10}
.venishop .list_area{padding:10px 9px;border-left:1px solid #bfbebe;box-sizing:border-box;}
.venishop .list_area .item{float:left;width:190px;padding:10px}
.venishop .list_area .link span,
.venishop .list_area .link{display:block}
.venishop .list_area .link .img_area{position:relative;width:190px;height:200px}
.venishop .list_area .link .img_area .label{position:absolute;top:0;left:0;width:36px;height:36px;padding:5px 0;background:#ff6042;color:#fff;font-size:12px;text-align:center;box-sizing:border-box}
.venishop .list_area .link .img_area img{width:100%;height:100%;border:1px solid #eee}
.venishop .list_area .link .text_area{padding-top:5px}
.venishop .list_area .link .text_area .caption{float:left;width:100%;margin-bottom:5px;color:#7b7b7b}
.venishop .list_area .link .text_area .name{float:left;width:140px;height:16px;margin-bottom:5px;color:#222;font-size:14px;font-weight:bold;font-family:나눔고딕;letter-spacing:-1px}
.venishop .list_area .link .text_area .commnet{float:right;min-width:28px;height:16px;padding:0 2px 0 17px;margin-bottom:5px;background:#00a5e9 url('//static.inven.co.kr/image_2011/imart/renewal/icon_comment01.png') no-repeat 0 0;color:#fff;border:1px solid #1a89b7;border-radius:3px;text-align:right;line-height:18px;box-sizing:border-box}
.venishop .list_area .link .text_area .d_day{float:left;min-width:30px; max-width:45px; height:16px;margin-right:10px;background:#ff8700;color:#fff;font-weight:bold;text-align:center;line-height:18px; padding: 0 5px;}
.venishop .list_area .link .text_area .quick{float:left;width:60px;height:16px;margin-right:10px;background:#4d84ff;color:#fff;font-weight:bold;text-align:center;line-height:18px}
.venishop .list_area .link .text_area .count{float:left;height:16px;font-weight:bold;line-height:16px}
.venishop .list_area .link .text_area .count span{display:inline;color:#3891f6}
.venishop .list_area .link .text_area .veni{float:left;width:100%;margin-top:5px;color:#fe434c;font-weight:bold}

.banner_area02{margin-bottom:25px}
.banner_area02 .item{float:left;width:381px;margin-right:13px}
.banner_area02 .item:last-child{margin-right:0}

.pointshop{margin-bottom:20px}
.pointshop .title{height:45px;padding:0 20px;background:#efefef;border:1px solid #c5c5c5;margin-bottom:12px;line-height:45px}
.pointshop .title p{float:left;color:#222;font-size:18px;font-weight:bold}
.pointshop .title p span{color:#d83049}
.pointshop .title .more{float:right;color:#474747;font-size:14px;line-height:45px}
.pointshop .list_area .item{float:left;width:214px;margin-right:25px;font-size:12px;text-align:left}
.pointshop .list_area .item:last-child{margin-right:0}
.pointshop .list_area .link span,
.pointshop .list_area .link{display:block}
.pointshop .list_area .link .img_area{position:relative;width:214px;height:214px}
.pointshop .list_area .link .img_area .label{position:absolute;top:0;left:6px;width:36px;height:36px;padding:5px 0;background:#ff6042;color:#fff;font-size:12px;text-align:center;box-sizing:border-box}
.pointshop .list_area .link .img_area img{width:100%;height:100%} 
.pointshop .list_area .link .text_area{padding-top:5px}
.pointshop .list_area .link .text_area .caption{float:left;width:100%;margin-bottom:5px;color:#7b7b7b}
.pointshop .list_area .link .text_area .name{float:left;width:175px;margin-bottom:5px;color:#222;font-size:14px;font-weight:bold}
.pointshop .list_area .link .text_area .commnet{float:right;min-width:28px;height:16px;padding:0 2px 0 17px;margin-bottom:5px;background:#00a5e9 url('//static.inven.co.kr/image_2011/imart/renewal/icon_comment01.png') no-repeat 0 0;color:#fff;border:1px solid #1a89b7;border-radius:3px;text-align:right;line-height:18px;box-sizing:border-box}
.pointshop .list_area .link .text_area .d_day{float:left;width:40px;height:16px;margin-right:10px;background:#ff8700;color:#fff;font-weight:bold;text-align:center;line-height:18px}
.pointshop .list_area .link .text_area .count{float:left;font-weight:bold}
.pointshop .list_area .link .text_area .count span{display:inline;color:#3891f6}
.pointshop .list_area .link .text_area .veni{float:right;color:#fe434c;font-weight:bold}
.pointshop .list_area .link .text_area .entry{float:left;width:100%;height:25px;margin-top:5px;background:#f9f9f9;color:#7b7b7b;font-size:11px;line-height:25px}
.pointshop .list_area .link .text_area .entry .left{float:left;padding-left:20px;background:url('//static.inven.co.kr/image_2011/imart/dataninfo/icon_watch1.png') no-repeat left 4px}
.pointshop .list_area .link .text_area .entry .right{float:right}

.evemt_list{margin-bottom:20px}
.evemt_list .title{height:45px;line-height:45px}
.evemt_list .title p{float:left;color:#d83049;font-size:18px;font-weight:bold}
.evemt_list .title .more{float:right;color:#474747;font-size:14px;line-height:45px}
.evemt_list .list_area .item{float:left;width:374px;height:210px;margin:0 24px 20px 0}
.evemt_list .list_area .item:nth-child(3n){margin-right:0}
.evemt_list .list_area .link span,
.evemt_list .list_area .link{display:block}
.evemt_list .list_area .img_area{float:left;width:187px;height:210px}
.evemt_list .list_area .img_area img{width:100%;height:100%}
.evemt_list .list_area .text_area{float:right;width:187px;height:210px;padding:10px;background:#e7e7e7;box-sizing:border-box}
.evemt_list .list_area .text_area .name{min-height:46px;color:#222;font-size:17px;font-weight:bold;line-height:1.4}
.evemt_list .list_area .text_area .date{height:25px;margin:10px 0 0;background:#aeaeae;color:#fff;font-size:14px;text-align:center;line-height:25px}
.evemt_list .list_area .text_area .caption{padding-top:10px;color:#7b7b7b;line-height:1.8}

.floating_menu{position:absolute;top:45px;right:-151px;width:100px}
.floating_menu.sub{top:30px;right:0}
.floating_menu .title{padding:10px 0;background:#f85d65;color:#fff;font-size:15px;font-weight:bold;text-align:center}
.floating_menu .title img{margin-top:10px}
.floating_menu .user_info{padding:5px 10px;background:#f9f9f9}
.floating_menu .user_info .name{padding:5px 0;color:#222;font-size:13px;font-weight:bold}
.floating_menu .user_info .point{padding:3px 0;color:#d83049;font-weight:bold}
.floating_menu .user_info .point .gray{color:#7b7b7b}
.floating_menu .menu_list{background:#f9f9f9}
.floating_menu .menu_list img{width:100%}
.floating_menu .menu_list .btn_top{background:#ddd}



#imartHappy {}
#imartHappy .filter {height:29px;padding:2px 10px 0;background-color: #999;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size:0;}
#imartHappy .filter label {display: inline-block; padding: 0 4px;color:#fff;font-size:12px;font-weight: bold;line-height:29px;cursor:pointer;}
#imartHappy .filter input {margin: 0;vertical-align: middle;}
#imartHappy .list {width: 100%;border-top: 2px solid #d83049;}
#imartHappy .list col.giftimage {width: 10%;}
#imartHappy .list col.type {width: 10%;}
#imartHappy .list col.title {width: 50%;}
#imartHappy .list col.nickname {width: 10%;}
#imartHappy .list col.date {width: 20%;}
#imartHappy .list thead td {height: 32px;background-color: #ededed;}
#imartHappy .list td {height: 60px;border-bottom: 1px solid #ccc;text-align: center;}
#imartHappy .list td.left {text-align: left;}
#imartHappy .list td img.pimg {width:40px;height: 40px;}
#imartHappy .paging { width: 727px; height: 12px; _height: 32px; padding: 10px 0; clear: both; text-align: center; margin: 10px 0 20px; background-color: white; }
#imartHappy .paging .basetext { padding-top: 1px; }
#imartHappy .paging a { padding: 1px 5px 0;  }
#imartHappy .paging a:hover { font-weight: bold; letter-spacing: -1px; text-decoration: none; }
#imartHappy .paging .currentpg { color: #ff0000; font-size: 20px; font-weight: bold; letter-spacing: -1px; padding: 1px 5px 0; }
#imartHappy .paging .prevtext { padding: 1px 5px 0 18px; background: url('//static.inven.co.kr/image_2011/fifaonline3/dataninfo/simul_list_prev_btn.png') no-repeat left top; }
#imartHappy .paging a.prevtext { padding: 0; background: none; }
#imartHappy .paging .nexttext { padding: 1px 18px 0 5px; background: url('//static.inven.co.kr/image_2011/fifaonline3/dataninfo/simul_list_next_btn.png') no-repeat right top; }
#imartHappy .paging a.nexttext { padding: 0; background: none; }

/* FOOTER  BANNER */
body.b1170 #comAdTailBanner {float:none; display:block;margin:10px auto 0;}