@import url(/_lib/addon/coupon/css/noto.css);
@import url(/_lib/addon/coupon/css/lato.css);
@import url(/_lib/addon/coupon/css/nanum-barun-gothic.css);

*{margin:0;padding:0;}
ul,ol,li{list-style:none outside;}
#wrapper { margin:0px auto}

img,fieldset{border:0} ul,ol{list-style:none}
textarea, input,select	{font-size:12px; color:#555555;}
select{padding:3px 5px;}
button{border:0 none;background-color:transparent;cursor:pointer}

a:link		{text-decoration:none; color:#555555;}
a:visited	{text-decoration:none; color:#555555;}
a:hover		{text-decoration:none; color:#000;}
a:active	{text-decoration:none; color:#555555;}

ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
img{vertical-align:middle;}
li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

a {onFocus: this.blur()}

img
{border:0;}

BODY
{
    COLOR: #000000;
   font-family: 'NotoKrR' !important;
    FONT-SIZE: 9pt;
		margin:0;
		/*background: url('../images/main/back_bg.jpg') repeat-x top center; */
	
}
@font-face { 
    font-family: 'Metropolis'; font-style: normal; font-weight: 200;
    src: url('/_lib/addon/coupon/fonts/Metropolis-Thin.eot'); 
    src: url('/_lib/addon/coupon/fonts/Metropolis-Light.woff') format('woff'), 
}

@font-face { 
    font-family: 'Metropolis'; font-style: normal; font-weight: 300; 
    src: url('/_lib/addon/coupon/fonts/NMetropolis-Regular.eot'); 
    src: url('/_lib/addon/coupon/fonts/Metropolis-Regular.woff') format('woff'), 
	url('/_lib/addon/coupon/fonts/Metropolis-Regular.otf') format('opentype');
}

@font-face { 
    font-family: 'Metropolis'; font-style: normal; font-weight: 500; 
    src: url('/_lib/addon/coupon/fonts/Metropolis-Bold.eot'); 
    src: url('/_lib/addon/coupon/fonts/Metropolis-Bold.woff') format('woff'), 
	url('/_lib/addon/coupon/fonts/Metropolis-Bold.otf') format('opentype');
}
.table_cartlist08 .pay_detail, .table_cartlist08 .account_info{padding: 8px 10px 2px 20px !important;}
.table_cartlist08 .pay_input{margin-top:4px !important;}
.table_cartlist08 .pay_label{width: 95px !important; line-height: 24px;}
.svlink li{width:20% !important}
.svlink li+li+li+li+li.on a{background-position: 30px -185px;}
.svlink li+li+li+li+li a{background-position: 30px -185px;}
.svlink li+li+li+li+li a:hover{background-position: 30px -185px;}
.cubox{display:inline-block; margin-right: 37px; margin-bottom:50px; vertical-align: top;}
.cubox:nth-child(3n+3){margin-right:0}
.cubox .over_count small{font-size:14px; letter-spacing: 0; color:#000000; font-family: 'NotoKrR';}
.coupon-inner{margin:30px 0}
.coupon-inner .couponinfo{margin-top:10px; font-size: 15px; font-weight: 600; font-family:"NotoKrR" !important; }
.coupon-inner .coupondate{margin-top:5px; display:block; font-size: 12px; color:#6c6c6c; margin-right:20px; float:left; font-family:"NotoKrR" !important;}
.cuboxbottom{display:inline-block; margin:10px 0; vertical-align: top;}
.cuboxbottom .over_count small{font-size:14px; letter-spacing: 0; color:#000000; font-family: 'NotoKrR';}
.coupon-radio{display: inline-block; margin:0 10px}
.coupon-radio input{width:25px; height:25px}
.coupon-inner .view01{
	margin-top: 3px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background: #fd9831;
    padding: 2px 10px;
    border-radius: 3px;
}
.coupon-inner .view02{
	margin-top: 3px;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background: #4597eb;
    padding: 2px 10px;
    border-radius: 3px;
}
.coupon_box1 .inbox {
    position: relative;
    display: block;
    width: 300px;
    height: 139px;
    padding-left: 17px;
    margin: 0 auto;
    text-align: left;    
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
}
.coupon_box1  .apply {
    display: block;
    color: #c23222;
    font-size: 0;
}
.coupon_box1  .apply strong {
   font-family: Metropolis,"sans-serif";
}
.coupon_box1  .apply strong {
    display: inline-block;
    height: 54px;
    padding-top: 9px;
    font-size: 45px;
    font-weight: normal;
    line-height: 63px;
    letter-spacing: -2px;
    vertical-align: top;
}
.coupon_box1  .info {
    display: block;
    padding: 2px 0 0 2px;
    font-size: 19px;
    line-height: 28px;
    font-weight: 600;
    color: #424242;
}
.coupon_box1  .addtxt {
    display: block;
    padding: 2px 0 0 2px;
    color: #757575;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.26px;
}
.coupon_box1  .addtxt .goods {
    display:inline-block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:middle;
}
.coupon_box1  .addtxt .remains {
    display:inline-block;
	vertical-align:middle;
}
.coupon_box1  .addtxt2 {
    display: block;
    padding: 5px 0 0 74px;
    color: #000000;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.26px;
}


.coupon_box2 .inbox {
    position: relative;
    display: block;
    width: 300px;
    height: 139px;
    padding-left: 17px;
    margin: 0 auto;
    text-align: left;   
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
}
.coupon_box2  .apply {
    display: block;
    color: #c23222;
    font-size: 0;
}
.coupon_box2  .apply strong {
   font-family: Metropolis,"sans-serif";
}
.coupon_box2  .apply strong {
    display: inline-block;
    height: 54px;
    padding-top: 9px;
    font-size: 45px;
    font-weight: normal;
    line-height: 63px;
    letter-spacing: -2px;
    vertical-align: top;
}
.coupon_box2  .info {
    display: block;
    padding: 2px 0 0 2px;
    font-size: 24px;
    line-height: 38px;
    font-weight: 600;
    color: #424242;
}
.coupon_box2  .addtxt {
    display: block;
    padding: 2px 0 0 2px;
    color: #757575;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.26px;
}
.coupon_box2  .addtxt .goods {
    display:inline-block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:middle;
}
.coupon_box2  .addtxt .remains {
    display:inline-block;
	vertical-align:middle;
}
.coupon_box2  .addtxt2 {
    display: block;
    padding: 5px 0 0 74px;
    color: #000000;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.26px;
}

/******/
.coupon_box3 .inbox {
    position: relative;
    display: block;
    width: 300px;
    height: 139px;
    padding-left: 17px;
    margin: 0 auto;
    text-align: left;    
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
}
.coupon_box3 .apply {
    display: block;
	color:#c23222 !important;
    font-size: 0;
}
.coupon_box3 .apply strong {
    color:#c23222 !important;
}
.coupon_box3  .apply strong {
   font-family: Metropolis,"sans-serif";
}
.coupon_box3  .apply strong {
    display: inline-block;
    height: 54px;
    padding-top: 9px;
    font-size: 45px;
    font-weight: normal;
    line-height: 63px;
    letter-spacing: -2px;
    vertical-align: top;
}
.coupon_box3  .info {
    display: block;
    padding: 2px 0 0 2px;
    font-size: 24px;
    line-height: 38px;
    font-weight: 600;
    color: #424242;
	font-family: "NotoKrR" !important;
}
.coupon_box3  .addtxt {
    display: block;
    padding: 2px 0 0 2px;
    color: #757575;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.26px;
}
.coupon_box3  .addtxt2 {
    display: block;
    padding: 5px 0 0 74px;
    color: #000000;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.26px;
	font-family:"NotoKrR" !important;
}
.coupon_box3 > div > div { font-family:"NotoKrR" !important; }
/******/
.coupon_box4 .inbox {
    position: relative;
    display: block;
    width: 300px;
    height: 139px;
    padding-left: 17px;
    margin: 0 auto;
    text-align: left;    
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
}
.coupon_box4  .apply {
    display: block;
    color: #c23222;
    font-size: 0;
}
.coupon_box4  .apply strong {
   font-family: Metropolis,"sans-serif";
}
.coupon_box4  .apply strong {
    display: inline-block;
    height: 54px;
    padding-top: 15px;
    font-size: 45px;
    font-weight: normal;
    line-height: 63px;
    letter-spacing: -2px;
    vertical-align: top;
}
.coupon_box4  .info {
    display: block;
    padding: 2px 0 0 2px;
    font-size: 30px;
    line-height: 50px;
    font-weight: 600;
    color: #424242;
}
.coupon_box4  .addtxt {
    display: block;
    padding: 2px 0 0 2px;
    color: #757575;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.26px;
}
.coupon_box4  .addtxt2 {
    display: block;
    padding: 5px 0 0 74px;
    color: #000000;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.26px;
}
/******/
.coupon_box5 .inbox {
    position: relative;
    display: block;
    width: 300px;
    height: 139px;
    padding-left: 17px;
    margin: 0 auto;
    text-align: left;    
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
}
.coupon_box5  .apply {
    display: block;
    color: #c23222;
    font-size: 0;
}
.coupon_box5  .apply strong {
   font-family: Metropolis,"sans-serif";
}
.coupon_box5  .apply strong {
    display: inline-block;
    height: 54px;
    padding-top: 15px;
    font-size: 45px;
    font-weight: normal;
    line-height: 63px;
    letter-spacing: -2px;
    vertical-align: top;
}
.coupon_box5  .info {
    display: block;
    padding: 2px 0 0 2px;
    font-size: 30px;
    line-height: 50px;
    font-weight: 600;
    color: #424242;
}
.coupon_box5  .addtxt {
    display: block;
    padding: 2px 0 0 2px;
    color: #757575;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.26px;
}
.coupon_box5  .addtxt2 {
    display: block;
    padding: 5px 0 0 74px;
    color: #000000;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.26px;
}
.coupontab{overflow: hidden;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
	margin-top:20px;
	}
.coupontab li a {
    display: inline-block;
    width: 300px;
    height: 50px;
    border: 1px solid #444;
    border-bottom: none;
    border-left: none;
    background: #f1f1f1;
    line-height: 50px;
    color: #444;
    letter-spacing: 0;
    text-align: center;
    font-size: 15px;
	font-family:"NotoKrR" !important;
}
.coupontab li{float:left}
.coupontab .on a{background: #c23222; font-weight: bold; color: #fff; border: 1px solid #c23222;}
.coupon_savebtn{text-align:center; margin:20px 0}
.coupon_savebtn a{background:#fd9831; padding:5px 20px; font-size:16px; color:#fff; border-radius: 5px;}

.couponwrap{width:100%; position: relative;}
.get-coupon{text-align:center}
.gecoupon{
    width: 123px;
    height: 54px;
    background: #fd9831;
    border: 1px solid #fd9831;
    border-radius: 5px;
    font-weight: normal;
    font-size: 18px;
	padding:11px 20px;
    color: #fff !important;
    line-height: 52px;
}

.coupon-text{
	font-size: 18px;
    display: inline-block;
	width: calc(100% - 172px);
    margin-right: 6px;
    border: 2px solid #fd9831;
    border-radius: 5px;
    padding: 10px 16px;
    color: #fd9831;
    text-align: left;
    font-weight: 600;
    margin-bottom: 20px;
}

.coupon-btn{position: absolute; right:0; top:0}

@media screen and (max-width:501px) {
	.coupon-inner{text-align:center}
	.cubox{margin-right:0}
	.coupon-inner .couponinfo{text-align:left}
	.coupontab li{width:50%; float:left}
	.coupontab li a{width:100%}
	.coupon-text {
	width:calc(100% - 160px);
	margin-bottom:10px;
    padding:9px 10px 5px;
    font-size: 13px;
    position: relative;
    float: left;
    top: 5px;
    line-height: 24px;
}
	.coupon-btn {
    position: relative; 
    left: auto; 
    top: auto;
    float: left;
}	
	.ordercoupon_btn{
	float: right;
    width: 110px !important;
    height: 39px;
    margin: 0;
    padding: 12px 10px;
	text-align:center;
    font-size: 14px;
    color: #fff !important;
    background: #aaa;
    border: none;
    border-radius: 0px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    appearance: none;
	line-height: 16px;
	}
	.ordercoupon_txt{line-height:34px; font-size:15px}
}

.apply_coupon img { vertical-align:middle; }