@charset "utf-8";
/* :::PC버전::: */

    html{font-size:20px; font-family:'Noto Sans KR', sans-serif; -webkit-font-smoothing: subpixel-antialiased; -ms-font-smoothing: subpixel-antialiased; font-smoothing: antialiased}
    body{font-size:1rem;}

    .gift-card-event{width: 100%;  background-color: #fff;}
    .gift-card-event .cn-area{width: 100%; max-width: 1004px; margin: auto;}

    .gift-card-wp .visual{width: 100%;}
	.gift-card-wp .visual .img-w{display: block;}
	.gift-card-wp .visual .img-m{display: none;}
    .gift-card-wp .visual img{width: 100%;}

/*핀번호입력*/
    .gift-card-wp .pin-number-wp{background-color: #c4f6f1; padding: 30px 0 50px;}
    .gift-card-wp .pin-number-wp h2{width: 730px; padding: 0; margin:0 auto; border: none; margin-bottom: 10px; position: relative; left:-1px; top: 0;}
	.gift-card-wp .pin-number-wp h2 img{display: block; width: 100%;}

    .gift-card-wp .pin-number-wp .pin-number-box{max-width: 638px; margin: 0 auto; display: flex; padding: 0;}
    .gift-card-wp .pin-number-wp .pin-number-box li{float: left; flex: 1; width:25%; position: relative; margin-right: 18px; border-radius: 13px;  box-sizing: border-box; border: 3px solid #09304d;}
    .gift-card-wp .pin-number-wp .pin-number-box li:last-of-type{margin-right: 0;}
    .gift-card-wp .pin-number-wp .pin-number-box li input{width: 100%; height: 46px; padding: 8px 8px 10px; font-size: 24px; text-align: center; border-radius:10px; box-sizing: border-box; box-shadow:0 6px 0 3px #09304d; line-height: 1;}
    .gift-card-wp .pin-number-wp .pin-number-box li.dash::after{content: ''; display:block; width: 8px; height: 4px; background: #09304d; position: absolute; top:49%; right:-16px; z-index: 10; border-radius: 30% }

    .gift-card-wp .pin-number-wp .pin-number-btn{box-sizing: border-box; width: 638px; height: 50px; margin: 20px auto 0; border-radius: 13px;  border: 3px solid #09304d; background: #fff; position: relative;}
	.gift-card-wp .pin-number-wp .pin-number-btn button{cursor:pointer; box-sizing: border-box; display: block; width: 100%; height: 50px; border-radius: 10px; box-shadow:0 6px 0 3px #09304d; background-color: #ffdb4e; position: relative;}
	.gift-card-wp .pin-number-wp .pin-number-btn button .img-w{display: block;}
	.gift-card-wp .pin-number-wp .pin-number-btn button .img-m{display: none;}
	.gift-card-wp .pin-number-wp .pin-number-btn button img{width: 100px; margin: auto; display: flex; justify-content: center; align-items: center;}
	.gift-card-wp .pin-number-wp .pin-number-btn button span{display: block; width: 100%; height: 50px; border-radius: 9px; box-shadow:2px 2px #fff inset; position: absolute; top:0; left:0; z-index: 20;}
	.gift-card-wp .pin-number-wp .pin-number-btn button:active{background-color: #ffcb4e}
	.gift-card-wp .pin-number-wp .pin-number-btn button:active img{position: relative; top:2px;}
/*핀번호입력*/

/*등록방법*/
	.gift-card-wp .explanation{padding: 60px 0; background-color: #fff;}
	.gift-card-wp .explanation h2{width: 160px; margin:0 auto 36px; padding: 0;}
	.gift-card-wp .explanation .explanation-list{width: 606px; margin:0 auto;}
	.gift-card-wp .explanation .explanation-list .img-w{display: block;}
	.gift-card-wp .explanation .explanation-list .img-m{display: none;}
	.gift-card-wp .explanation .explanation-list img{width: 100%;}
	.gift-card-wp .explanation .explanation-list .vh{border: 0; padding: 0; margin: 0; position: absolute !important; height: 1px;  width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap}
/*등록방법*/

/*유의사항*/
    .gift-card-wp .notice{margin: 0 auto; color: #000; background-color: #03535a; padding:40px 85px; color:#fff;  word-break: keep-all}
    .gift-card-wp .notice strong{font-size: 1.15rem; letter-spacing: -0.4px; font-weight: 500;}
    .gift-card-wp .notice ul{margin-top: 10px;}
    .gift-card-wp .notice ul li{font-size: 1rem; line-height: 1.5; font-weight: 300;}
    .gift-card-wp .notice ul li:before{content: ''; display:inline-block; width: 4px; height: 4px; background: #fff; border-radius: 50%; margin-right:8px; margin-bottom: 5px;}
/*//유의사항*/


/* :::테블릿 버전::: */ 
@media (min-width:768px) and (max-width:1023px){  
    html{font-size:18px; font-family:'Noto Sans KR';}
    body{font-size:1rem; margin:0; padding:0;}
	
	.gift-card-wp .notice ul li{position: relative; margin-left: 14px; line-height: 1.3; margin-bottom: 5px;}
	.gift-card-wp .notice ul li:before{position: absolute; left:-10px; top:8px;}
}

/* :::모바일 버전::: */   
@media (min-width:0) and (max-width:767px) {
    html {font-size: 16px;background: #fff; font-family:'Noto Sans KR';}
    body {font-size: 1rem; margin: 0; padding: 0;}
	
	.gift-card-wp .visual .img-w{display: none;}
	.gift-card-wp .visual .img-m{display: block;}
	
	/*핀번호입력*/
	.gift-card-wp .pin-number-wp{width: 100%; background:#c4f6f1; padding: 30px 10px 40px;}
    .gift-card-wp .pin-number-wp h2{width: 100%;}
	
    .gift-card-wp .pin-number-wp .pin-number-box{width: 100%;}
    .gift-card-wp .pin-number-wp .pin-number-area{padding: 0 10px;}
	
    .gift-card-wp .pin-number-wp .pin-number-box li{width: 24%; margin-right: 12px; border: 2px solid #09304d;}
    .gift-card-wp .pin-number-wp .pin-number-box li input{height: 36px; border-radius: 10px; padding: 8px 8px 10px; font-size: 1.3rem;  box-shadow:0 4px 0 2px #09304d; }
    .gift-card-wp .pin-number-wp .pin-number-box li.dash::after{content: ''; display:block; width: 6px; height: 3px; background: #09304d; z-index: 10; position: absolute; right:-11px;}
	
	.gift-card-wp .pin-number-wp .pin-number-btn{width: 100%; max-width: 638px; height: 36px; border: 2px solid #09304d;}
	.gift-card-wp .pin-number-wp .pin-number-btn button{height: 36px;  box-shadow:0 5px 0 2px #09304d; }
	.gift-card-wp .pin-number-wp .pin-number-btn button span{height: 36px; border-radius: 11px;}
	.gift-card-wp .pin-number-wp .pin-number-btn button img{width: 80px;}
	/*핀번호입력*/
	
	/*등록방법*/
	.gift-card-wp .explanation{padding: 40px 0;}
	.gift-card-wp .explanation h2{margin-bottom: 26px;}
	.gift-card-wp .explanation .explanation-list{width: 78%; margin: 0 auto; padding: 0 20px;}
	.gift-card-wp .explanation .explanation-list .img-w{display: none;}
	.gift-card-wp .explanation .explanation-list .img-m{display: block;}
	.gift-card-wp .explanation .explanation-list img{width: 100%;}
	/*등록방법*/
	
	/*유의사항*/    
    .gift-card-wp .notice{width: 100%; margin: 0 auto; padding:30px 20px;}
    .gift-card-wp .notice strong{font-size: 1.25rem;}
    .gift-card-wp .notice ul li{font-size: 0.875rem; position: relative; margin-left: 14px; line-height: 1.3; margin-bottom: 5px;}
	.gift-card-wp .notice ul li:before{position: absolute; left:-10px; top:8px;}
	/*유의사항*/    
	
}