@charset "utf-8";

/******************************************
Author : 퍼스트몰(firstmall)
Author URL : http://firstmall.kr
Creation Date : 2018-12-01
Modify Date : 2018-12-10
File : /event/landing/naverpay
*******************************************/

.wrap_pc {text-align:center; overflow:hidden;}
.wrap_pc .inner {width:1180px; margin:0 auto; min-width:320px;}
img {max-width:100%;}
.top_visual {background:url('/images/event/20170701/npay_top_bg.jpg') repeat center; background-size:cover;}
.top_visual .data {width:520px; margin:0 auto; padding-bottom:40px; text-align:left; font-size:14px; color:#c0ffd3; line-height:1.8;}
.top_visual .data .th {color:#fcffa4;}
h3 {font-size:32px; color:#666; letter-spacing:-2px;}
h3 .naver {color:#34C76E;}
h4 {font-size:20px; color:#666; letter-spacing:-1px;}
h4 .naver {font-size:22px; color:#34C76E;}
a.detail {display:inline-block; min-width:300px; border-radius:3px; box-shadow:1px 1px 2px #aaa; background:#34c76e; padding:20px; text-decoration:none; transition:0.5s ease-in-out;}
a.detail .desc {display:block; font-size:14px; color:#fff;}
a.detail .text {display:block; font-size:20px; font-weight:600; color:#333; letter-spacing:-1px;}
a.detail:hover {background:#0ea850;}
a.btn {display:inline-block; vertical-align:middle; margin-bottom:10px; border-radius:50px; background:#2ec66f; padding:5px 15px; font-size:14px; color:#fff; transition:0.5s ease-in-out; text-decoration:none;}

.event01 {width:100%; background:#fff; padding:70px 0; text-align:center;}
.event02 {width:100%; background:#eff3f6; padding:70px 0; text-align:center;}
.event03 {position:relative; width:100%; background:#fff; padding:70px 0; text-align:center;}	
.event01 h3, .event02 h3, .event03 h3 {margin-bottom:20px;}
.event01 h4, .event02 h4, .event02 p, .event03 h4, .event03 p {margin-bottom:60px;}	

.cscenter {width:100%; background:#fff; padding:0 0 50px; text-align:left;}
.cscenter .inner {width:1000px; margin:auto;}
.cscenter h3 {margin-bottom:20px; font-size:20px; font-weight:500; color:#333; line-height:1.4;}
.cscenter .cs > table {float:left; width:70%;}
.cscenter .cs > div {float:right; width:27%; border-top:1px solid #aaa; border-bottom:1px solid #e5e5e5; padding:50px 0;}
.cscenter .cs > div .tit {font-size:16px;}
.cscenter .cs > div .tel {font-size:34px; font-weight:400;}
.cscenter .cs > div .txt {font-size:14px; color:#828282;}
.cscenter .cs > div .txt > p {font-size:inherit; color:inherit;}
.cscenter table {width:100%; margin:0 auto; border-top:1px solid #aaa;}
.cscenter th {width:20%; border-bottom:1px solid #e5e5e5; vertical-align:top; padding-top:25px; min-height:30px; text-align:left; font-size:14px; color:#333;}
.cscenter td {border-bottom:1px solid #e5e5e5; vertical-align:middle; padding:20px 0; text-align:left;}
.cscenter td p {position:relative; padding-left:10px; font-size:14px; color:#828282; letter-spacing:0; line-height:1.6;}
.cscenter td p:before {display:block; content:''; position:absolute; top:10px; left:0; width:3px; height:3px; background:url('/images/common/icon_list.png') no-repeat 0 -109px;}

@media (min-width:0) and (max-width:1024px) {
.wrap_pc .inner,
.cscenter .inner {width:auto; padding:0 20px;}
.top_visual img {margin:0 -20px; max-width:110%;}
}
@media (min-width:0) and (max-width:960px) {
.cscenter .cs > table {width:100%;}
.cscenter .cs > div {width:100%; border-top:0; padding:20px 0;}
}
@media (min-width:0) and (max-width:640px) {
.top_visual .data {padding:20px 0; font-size:12px;}
h3 {font-size:24px;}
h4 {font-size:18px;}
h4 .naver {font-size:20px;}
img.btn {width:80%;}
.cscenter th {width:30%;}
br {display:none;}
}