@charset "utf-8";

@font-face{
	font-family:GMM;
	src:url("/fonts/GmarketSansTTFMedium.eot");
	src:local("※"), url("/fonts/GmarketSansTTFMedium.woff") format("woff"), url("/fonts/GmarketSansTTFMedium.ttf") format("truetype")
}

@font-face{
	font-family:ASGB;
	src:url("/fonts/AppleSDGothicNeoB.eot");
	src:local("※"), url("/fonts/AppleSDGothicNeoB.woff") format("woff"), url("/fonts/AppleSDGothicNeoB.ttf") format("truetype")
}

@font-face{
	font-family:ASGEB;
	src:url("/fonts/AppleSDGothicNeoEB.eot");
	src:local("※"), url("/fonts/AppleSDGothicNeoEB.woff") format("woff"), url("/fonts/AppleSDGothicNeoEB.ttf") format("truetype")
}

@font-face{
	font-family:ASGH;
	src:url("/fonts/AppleSDGothicNeoH.eot");
	src:local("※"), url("/fonts/AppleSDGothicNeoH.woff") format("woff"), url("/fonts/AppleSDGothicNeoH.ttf") format("truetype")
}

@font-face{
	font-family:ASGL;
	src:url("/fonts/AppleSDGothicNeoL.eot");
	src:local("※"), url("/fonts/AppleSDGothicNeoL.woff") format("woff"), url("/fonts/AppleSDGothicNeoL.ttf") format("truetype")
}

@font-face{
	font-family:ASGM;
	src:url("/fonts/AppleSDGothicNeoM.eot");
	src:local("※"), url("/fonts/AppleSDGothicNeoM.woff") format("woff"), url("/fonts/AppleSDGothicNeoM.ttf") format("truetype")
}

@font-face{
	font-family:ASGR;
	src:url("/fonts/AppleSDGothicNeoR.eot");
	src:local("※"), url("/fonts/AppleSDGothicNeoR.woff") format("woff"), url("/fonts/AppleSDGothicNeoR.ttf") format("truetype")
}

@font-face{
	font-family:ASGSB;
	src:url("/fonts/AppleSDGothicNeoSB.eot");
	src:local("※"), url("/fonts/AppleSDGothicNeoSB.woff") format("woff"), url("/fonts/AppleSDGothicNeoSB.ttf") format("truetype")
}

@font-face{
	font-family:ASGT;
	src:url("/fonts/AppleSDGothicNeoT.eot");
	src:local("※"), url("/fonts/AppleSDGothicNeoT.woff") format("woff"), url("/fonts/AppleSDGothicNeoT.ttf") format("truetype")
}

@font-face{
	font-family:ASGUL;
	src:url("/fonts/AppleSDGothicNeoUL.eot");
	src:local("※"), url("/fonts/AppleSDGothicNeoUL.woff") format("woff"), url("/fonts/AppleSDGothicNeoUL.ttf") format("truetype")
}

body {font-size:12px;font-family:ASGR, sans-serif;color:#000}
body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:normal;font-family:inherit}
ul{list-style:none}
a{text-decoration:none}
a:link, a:visited, a:hover, a:active{color:inherit;text-decoration:none}
button{border:0px;background:none;cursor:pointer;font-family:inherit}
img{border:0px;vertical-align:top}
address{font-style:normal}
header, nav, section, article, footer{display:block}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select{vertical-align:middle}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
table{border-spacing:0px;border-collapse:collapse}
em{font-style:normal}
fieldset{border:0}
select::-ms-expand {display:none}

.clear:after{display:block;content:"";clear:both}
.area{margin:0 16px}

body{background:#fafafa}
.wrap{max-width:500px;margin:0 auto;background:#fff;padding-bottom:80px}
.wrap .common_close{margin-top:55px}
.wrap #main .cnt1 .c1_top .img img{width:100%;height:auto}
.wrap #main .cnt1 .area .c1_btm{position:relative;width:100%;background:linear-gradient(146deg, rgba(0,157,255,1) 0%, rgba(177,139,204,1) 50%, rgba(255,112,101,1) 100%);-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;padding-bottom:20px;margin-top:-17%;z-index:1}
.wrap #main .cnt1 .area .c1_btm > h2{font-size:24px;color:#fff;font-family:ASGM, sans-serif;text-align:center;line-height:30px;letter-spacing:0.48px;padding-top:31px;padding-bottom:24px}
.wrap #main .cnt1 .area .c1_btm ul{margin:0 15px}
.wrap #main .cnt1 .area .c1_btm ul li{text-align:center;border-top:1px solid rgba(255,255,255,0.2);padding-top:17px}
.wrap #main .cnt1 .area .c1_btm ul li:first-child{border-top:0;padding-top:0;padding-bottom:17px}
.wrap #main .cnt1 .area .c1_btm ul li > *{display:inline-block;}
.wrap #main .cnt1 .area .c1_btm ul li h3{font-size:15px;color:#fff;font-family:ASGL, sans-serif;line-height:30px;letter-spacing:-0.36px;;margin-right:13px;text-align:left}
.wrap #main .cnt1 .area .c1_btm ul li h3 strong{display:block;font-weight:normal;font-size:24px;letter-spacing:-0.48px;font-family:ASGEB, sans-serif;}
.wrap #main .cnt1 .area .c1_btm ul li .coupon_tag{width:149px;height:81px;background:#fff;-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;box-shadow:0px 3px 6px rgba(0, 0, 0, .16);}
.wrap #main .cnt1 .area .c1_btm ul li .coupon_tag h4{font-family:ASGM, sans-serif;font-size:14px;color:#ff7065;text-align:center;padding-top:14px}
.wrap #main .cnt1 .area .c1_btm ul li .coupon_tag h4 span{letter-spacing:2.8px;}
.wrap #main .cnt1 .area .c1_btm ul li .coupon_tag strong{font-weight:normal;display:block;font-family:ASGEB, sans-serif;font-size:30px;letter-spacing:-0.6px;text-align:center}
.wrap #main .cnt2{margin-top:54px}
.wrap #main .cnt2 .area > h2{font-family:GMM, sans-serif;font-size:18px;padding-bottom:15px}
.wrap #main .cnt2 .area ul li{width:100%;height:172px;background:#fbfbfb;border:1px solid #eee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;margin-right:10px}
.wrap #main .cnt2 .area ul li:first-child{margin-left:0}
.wrap #main .cnt2 .area ul li > *{padding-left:12px}
.wrap #main .cnt2 .area ul li .dou_quo{display:block;padding-top:16px}
.wrap #main .cnt2 .area ul li .dou_quo img{width:19px;height:auto}
.wrap #main .cnt2 .area ul li p{font-size:17px;letter-spacing:-0.34px;color:#484848;line-height:24px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;padding-top:7px}
.wrap #main .cnt2 .area ul li .user_info{padding-top:6px}
.wrap #main .cnt2 .area ul li .user_info > *{float:left;font-size:14px;color:#b6b6b6;letter-spacing:-0.28px;}
.wrap #main .cnt2 .area ul li .user_info h3{}
.wrap #main .cnt2 .area ul li .user_info .bar{width:1px;height:9px;background:#b6b6b6;margin:4px 8px 0}
.wrap #main .cnt2 .area .bx-wrapper{overflow:hidden;}
.wrap #main .cnt2 .area .bx-viewport{width:90% !important;overflow:visible !important}
.wrap #main .cnt3{margin-top:54px}
.wrap #main .cnt3 .area .box{border:1px solid #eee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding-bottom:32px}
.wrap #main .cnt3 .area .box .tit .logo2{display:block;text-align:center;padding:25px 0 18px}
.wrap #main .cnt3 .area .box .tit .logo2 img{width:60px;height:auto}
.wrap #main .cnt3 .area .box .tit h2{text-align:center;font-size:20px;font-family:ASGM, sans-serif;line-height:26px;letter-spacing:-0.4px;}
.wrap #main .cnt3 .area .box .txt{margin-top:20px}
.wrap #main .cnt3 .area .box .txt ul li{margin-top:12px;}
.wrap #main .cnt3 .area .box .txt ul li:first-child{margin-top:0}
.wrap #main .cnt3 .area .box .txt ul li .num{display:block;width:28px;height:28px;line-height:32px;overflow:hidden;background:#ff7065;-webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px;margin:0 auto;color:#fff;font-size:20px;font-family:ASGM, sans-serif;text-align:center}
.wrap #main .cnt3 .area .box .txt ul li h3{font-size:24px;font-family:ASGB, sans-serif;text-align:center;letter-spacing:-0.48px;color:#ff7065;padding-top:10px}
.wrap #main .cnt3 .area .box .txt ul li p{font-size:18px;font-family:ASGM, sans-serif;letter-spacing:-0.36px;text-align:center;color:#666;padding-top:8px}
.wrap #main .cnt3 .area .talk_cousel{display:block;width:100%;height:50px;line-height:50px;border:1px solid #dcdcdd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;font-size:17px;letter-spacing:-0.34px;text-align:center;margin-top:20px}
.wrap #main .cnt3 .area .talk_cousel img{margin-top:8px;margin-right:2px}
.wrap #main .floating_banner{position:fixed;bottom:10px;left:50%;height:50px;line-height:50px;background:#ff7065;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}
.wrap #main .floating_banner a{display:block;color:#fff;font-size:17px;letter-spacing:-0.34px;text-align:center}