@charset "utf-8";
@import url("reset.css");

@font-face {
	font-family: 'NotoSansKR-Light';
	src: url('../font/NotoSansKR-Light.eot');
	src: url('../font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),  url('../font/NotoSansKR-Light.woff') format('woff'),  url('../font/NotoSansKR-Light.woff2') format('woff2'),  url('../font/NotoSansKR-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NotoSansKR-Regular';
	src: url('../font/NotoSansKR-Regular.eot');
	src: url('../font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/NotoSansKR-Regular.woff') format('woff'),  url('../font/NotoSansKR-Regular.woff2') format('woff2'),  url('../font/NotoSansKR-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NotoSansKR-Medium';
	src: url('../font/NotoSansKR-Medium.eot');
	src: url('../font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),  url('../font/NotoSansKR-Medium.woff') format('woff'),  url('../font/NotoSansKR-Medium.woff2') format('woff2'),  url('../font/NotoSansKR-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Light';
	src: url('../font/OpenSans-Light.eot');
	src: url('../font/OpenSans-Light.eot?#iefix') format('embedded-opentype'),  url('../font/OpenSans-Light.woff2') format('woff2'),  url('../font/OpenSans-Light.woff') format('woff'),  url('../font/OpenSans-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'oswaldlight';
	src: url('../font/oswald-light.eot');
	src: url('../font/oswald-light.eot?#iefix') format('embedded-opentype'),  url('../font/oswald-light.woff2') format('woff2'),  url('../font/oswald-light.woff') format('woff'),  url('../font/oswald-light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Regular';
	src: url('../font/Roboto-Regular.eot');
	src: url('../font/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/Roboto-Regular.woff2') format('woff2'),  url('../font/Roboto-Regular.woff') format('woff'),  url('../font/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	color: #333333;
	font-style: normal;
	font-size: 15px;
	font-family: 'Roboto-Regular','NotoSansKR-Light', dotum, verdana, arial;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance: none;
	word-break: keep-all;
}

.lay_center	{ position:relative; width:900px; margin:0 auto;}
.lay_center:after	{ content:''; clear:both; display:block; font-size: 0; height: 0px; line-height: 0; }
.pc01	{ color:#ef4f3f}

/*��ܱ���*/
.top_ad	{ height:80px;text-align:center}
.top_ad .cls_wrap {position:absolute; right:10px; top:60px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2)}
.top_ad .ad_web	{}
.top_ad .ad_mobile	{ display:none}

#top_header{ width:100%; height:497px; background:url(../images/new_web/bg_header.png) center top no-repeat; display:inline-block;}
#top_header .visual	.bg_star	{	position:absolute; width:560px; height:398px; top:10px; left:109px; background:url(../images/new_web/star.png); opacity:0;}
#top_header .visual	.pan	{ position:absolute; width:567px; height:394px; left:153px; top:12px; background:url(../images/new_web/pan.png); }
#top_header .visual	.vi_p	{ position:absolute; width:75px; height:86px; left:407px; top:31px; background:url(../images/new_web/vi_p.png)} 
#top_header .visual	.star6	{ position:absolute; width:98px; height:21px; top:141px; left:396px; background:url(../images/new_web/star6.png)}
#top_header .visual	.men	{ position:absolute; width:190px; height:187px; left:522px; top:500px; background:url(../images/new_web/men.png)}
#top_header .visual	.women	{  position:absolute; width:145px; height:232px; top:500px; right:67px; background:url(../images/new_web/women.png)}
#top_header .visual	.supermen	{  position:absolute; width:466px; height:378px; top:23px; left:-218px; background:url(../images/new_web/supermen.png)}


#top_header .logo	{ position:absolute; top:177px; left:286px;}
#top_header .btn_favorite	{ position:absolute; top:273px; left:368px; transition: 0.2s ease-in; transform: scale(0.9)}
#top_header .btn_favorite:hover	{  transform: scale(1)}

#top_header	.cloud	{ position:absolute; top:0; right:-128px;}

#content{  width:100%; height:100%; background:url(../images/new_web/bg_content.png) center top no-repeat #fdb444; z-index:999; z-index:2}




.con_coupon:before	{ content:''; position:absolute; width:1017px; height:177px; top:-177px; left:-57px; background:url(../images/new_web/bg_content_before.png); z-index:999}


.con_coupon ul.coupon_wrap	{ width:100%; display:inline-block;}
.con_coupon ul.coupon_wrap li { padding-bottom: 30px;}
.con_coupon ul.coupon_wrap li:nth-child(odd){ float:left;}
.con_coupon ul.coupon_wrap li:nth-child(even){ float:right;}
.con_coupon ul.coupon_wrap li .cou_innercon{ width:432px; height:286px; background:#f2f2f2; border:1px solid #d1d1d1; padding:20px; box-sizing:border-box}
.con_coupon ul.coupon_wrap li .cou_innercon .coupon_img	{ width:393px; height:162px; padding:9px; background:#d2d2d2; text-align:center; box-sizing:border-box}
.con_coupon ul.coupon_wrap li .cou_innercon .coupon_img img	{ width:376px; height:144px;}
.jungbo		{ width:100%; height:39px; line-height:39px; border-bottom:1px solid #c2c2c2; display:inline-block}
.jungbo li	{ }
.jungbo li:nth-child(1)	{ float:left; background:url(../images/new_web/coin.png) 0 8px no-repeat; padding-left:33px;}
.jungbo li:nth-child(2)	{ float:right !important; font-size:14px}
.cou_numberCon	{ width:100%; margin-top:10px; height:35px; line-height:35px; background:#333; color:#fff; display:inline-block;}
.cou_numberCon	dt	{ float:left; width:95px; background:#ef4f3f; text-align:center}
.cou_numberCon	dd	{ float:left; text-indent:23px;}
a.cou_linkBtn	{ margin-top:8px; width:100%; height:50px; line-height:49px; text-align:center; color:#fff; display:block;  text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-size:1.05em;  letter-spacing:-1px; box-sizing:border-box; background-color:#ef4f3f; background:#ef4f3f url(../images/new_web/blt01.png) 395px 16px/20px no-repeat;  transition: 0.2s ease-in; font-family: 'NotoSansKR-Medium';}
a.cou_linkBtn:hover, a.cou_linkBtn:focus{ text-decoration:none; background-color: #fd7b6d; transform: scale(1.05); line-height:51px;}



.info	{ width:900px; height:255px; margin-top:200px; background:url(../images/new_web/bg_notice.png) top center no-repeat;}
.info ol	{ margin-top:216px; display:inline-block; width:100%; font-family: 'NotoSansKR-Regular'; color:#666; letter-spacing:-0.05em;}
.info ol li	{ float:left; width:300px; padding:0 45px; box-sizing:border-box; line-height:19px; text-align:center}

#footer	{ width:100%; height:50px; padding-top:30px;  background:#ca9036; text-align:center}