@charset "UTF-8";


/* webfont */

/* @font-face {
    font-family: 'GmarketSansL';
    src: url('../common/font/GmarketSansTTFLight.woff') format('woff');
}

@font-face {
    font-family: 'GmarketSansM';
    src: url('../common/font/GmarketSansTTFMedium.woff') format('woff');
}

@font-face {
    font-family: 'GmarketSansB';
    src: url('../common/font/GmarketSansTTFBold.woff') format('woff');
} */

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-style: normal;
} 


@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-style: normal;
}


#memberWrap {
	height:45px;
	box-sizing:border-box;
	background:#f3f3f3;
	padding:10px 30px;
	border-radius:0 0 15px 15px;
	display:flex;
}

#memberWrap div {
	margin-right:15px;
	color:#333;
	font-size:11px;
	/* border:1px solid #f00; */
}

#memberWrap div:first-child {
	font-weight:600;
	padding-top:6px;
}

#memberWrap div:first-child span {
	display:inline-block;
	color:#e72525;
}

#memberWrap div:nth-child(2) {
	display:flex;
}

#memberWrap div:nth-child(2) > span {
	background:#1d66e9;
	display:inline-block;
	height:24px;
	box-sizing:border-box;
	color:#fff;
	font-size:11px;
	padding:6px 10px 5px 10px;
	border-radius:6px;
}

#memberWrap div:nth-child(2) ul {
	margin:4px 0 0 5px;
}

#memberWrap div:nth-child(2) li {
	display:inline;
	font-weight:600;
	margin:0 12px;
	position:relative;
}

#memberWrap div:nth-child(2) li:after {
	position:absolute;
	content:'/';
	top:0;
	right:0;
	color:#777;
	font-weight:400;
	margin:-1px -16px 0 0; 
}

#memberWrap div:nth-child(2) li:last-child {
	position:static;
}

#memberWrap div:nth-child(2) li:last-child::after {
	display:none;
}

#memberWrap div:nth-child(2) li span {
	display:inline-block;
	font-size:14px;
	color:#e72525;
	margin-left:2px;
}

#memberWrap a {
	display:inline-block;
	background:#fff;
	height:24px;
	box-sizing:border-box;
	color:#777;
	border:1px solid #bbb;
	font-size:11px;
	padding:5px 10px;
	border-radius:6px;
	text-decoration:none;
}

#memberWrap .joinTxt {
	color:#333;
	font-size:14px;
	letter-spacing:-0.4px;
	margin:0 auto;
}

#memberWrap .joinTxt b {
	color:#1b6afc;
}

/* #site-container { position:relative;} */

.top_member { position:relative;}

#classPop {
	position:absolute;
	top:auto;
	width:520px;
	box-sizing:border-box;
	right:20px;
	border:1px solid #5a8ef7;
	border-radius:8px;
	z-index:999;
	background:#fff;
	padding-bottom:22px;
	/* display:none; */
	opacity:0;
	box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.4);
}

#classPop h2 {
	font-size:14px;
	color:#fff;
	font-weight:800;
	background:#5a8ef7;
	border-radius:5px 5px 0 0;
	text-align:center;
	padding:20px 0;
	margin:0;
}

#classPop table {
	width:470px;
	color:#222;
	text-align:center;
	margin:18px 24px 10px 24px;
	border-collapse: collapse; 
	border-spacing: 0;
}

#classPop table tr:first-child th:nth-of-type(1) {
	color:#888;
}

#classPop table tr:first-child th:nth-of-type(2) {
	color:#dc7200;
}

#classPop table tr:first-child th:nth-of-type(3) {
	color:#0061e4;
}

#classPop table tr:first-child th:nth-of-type(4) {
	color:#f3176a;
}

#classPop table th {
	font-size:11px;
	padding:7px 0;
	border:1px solid #cacaca;
}

#classPop table tr:first-child td:nth-of-type(1),
#classPop table tr:nth-of-type(2) td:nth-of-type(1),
#classPop table tr:nth-of-type(3) td:nth-of-type(1) {
	border-left:none;
}

#classPop table tr:first-child th:nth-of-type(4),
#classPop table tr:nth-of-type(2) td:nth-of-type(5),
#classPop table tr:nth-of-type(3) td:nth-of-type(5) {
	border-right:none;
}

#classPop table td {
	font-size:11px;
	border:1px solid #cacaca;
	line-height:140%;
	padding:7px 0;
}

#classPop table td p {
	width:30px;
	display:inline-block;
	text-align:left;
}

#classPop table td span {
	width:40px;
	display:inline-block;
	text-align:right;
}

#classPop table td span b {
	color:#e72525;
}

#classPop > p {
	font-size:11px;
	margin-left:30px;
	line-height:160%;
}


/* ÃæÀüÆäÀÌÁö */

#site-wrap02 {
    position: relative;
    width: 100%;
    height: auto;
    text-align: left;
}

#site-footer {
}

#page-wrap02 {
	width:1000px;
	margin:20px 0 50px 0;
	/* border:1px solid #eee; */
	box-sizing:border-box;
}

#page-wrap02 .bannerWrap img {
	transform:translateX(-1px);
}

#page-wrap02 .payWrap {
	width:910px;
	background:#fff;
	margin:0 auto;
	padding:34px 38px;
	transform:translateY(-46px);
	box-sizing:border-box;
	box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.6);
}

.payWrap .pay01 {
	display:flex;
	justify-content:space-between;
}

.payWrap .pay01 .pay01_title {
	font-family: 'GmarketSansBold';
	font-size:20px;
	color:#333;
	margin-top:10px;
}

.payWrap .pay01 .pay01_title em {
	font-family: 'GmarketSansMedium';
	font-size:16px;
	color:#999;
	font-style:normal;
	display:block;
}

.payWrap .pay01 .pay01_input {
	font-family: 'GmarketSansBold';
	display:flex;
	justify-content:space-between;
	font-size:20px;
	color:#333;
	padding:13px;
	border:1px solid #ccc;
	border-radius:5px;
	vertical-align:middle;
}

.payWrap .pay01 .pay01_input span {
	display:inline-block;
	font-family: 'GmarketSansMedium';
	font-size:18px;
	color:#999;
	margin-right:45px;
	transform:translateY(6px);
}

.payWrap .pay01 .pay01_input b {
	transform:translateY(9px);
}

.payWrap .pay01 .pay01_input input {
	width:410px;
	padding:9px;
	border:none;
	background:#f4f4f4;
	font-size:18px;
	color:#333;
	outline:none;
	text-align:right;
	font-family: 'GmarketSansMedium';
	margin-right:5px;
}

.payWrap .pay01 .pay01_input input::placeholder {
	display:block;
	font-size:18px;
	color:#bababa;
}

.payWrap .pay02 {
	margin-top:30px;
}

.payWrap .pay02 .pay02_top {
	display:flex;
	justify-content:space-between;
	width:100%;
	height:105px;
	padding:35px 40px;
	box-sizing:border-box;
	background:#3366ff;
	color:#fff;
}

.payWrap .pay02 .pay02_top span {
	font-family: 'GmarketSansMedium';
	display:inline-block;
	font-size:24px;
	text-align:right;
}

.payWrap .pay02 .pay02_top span b {
	font-size:36px;
}

.payWrap .pay02 .pay02_top span:first-child {
	font-size:24px;
	transform:translateY(8px);
}

.payWrap .pay02 .pay02_body {
	display:flex;
	justify-content:space-between;
	padding:30px 40px 25px 40px;
	background:#f3f3f3;
}

.payWrap .pay02 .pay02_body .pay02_ex {
	width:350px;
}

.payWrap .pay02 .pay02_body .pay02_ex > span {
	border-bottom:1px solid #999;
	padding:10px 12px;
	display:block;
	font-family: 'GmarketSansMedium';
	font-size:16px;
	color:#555;
	margin-bottom:10px;
}

.payWrap .pay02 .pay02_body .pay02_ex > span em {
	color:#999;
	font-style:normal;
}

.payWrap .pay02 .pay02_body .pay02_ex div {
	width:350px;
	height:36px;
	padding:6px 12px;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
}

.payWrap .pay02 .pay02_body .pay02_ex div:nth-of-type(1) {
	margin-top:15px;
}

.payWrap .pay02 .pay02_body .pay02_ex div span {
	display:inline-block;
	font-family: 'GmarketSansMedium';
	font-size:16px;
	color:#555;
	line-height:180%;
	/* padding-top:3px; */
}

.payWrap .pay02 .pay02_body .pay02_ex div span:first-child {
	color:#999;
	letter-spacing:20px;
}

.payWrap .pay02 .pay02_body .pay02_ex div span:last-child {
	color:#666;
	text-align:right;
}


/* °áÁ¦¹æ¹ý */

.payWrap .pay02 .payOption {
	display:flex;
	margin:40px 0;
}

.payWrap .pay02 .payOption > span {
	width:190px;
	display:inline-block;
	font-family: 'GmarketSansMedium';
	font-size:20px;
	color:#333;
	transform:translateY(14px);
}

.payWrap .pay02 .payOption div {
	display:flex;
}

.payWrap .pay02 .payOption div input {
	display:none;
}

.payWrap .pay02 .payOption label span {
	display:inline-block;
	font-family: 'GmarketSansMedium';
	font-size:16px;
	transform:translateY(-4px);
}

#card + label,
#account + label {
	width:195px;
	height:50px;
	display:inline-block;
	box-sizing:border-box;
	padding:16px;
	border:1px solid #d5d5d5;
	border-radius:5px;
	margin-right:17px;
	background:url('../images/check_off.png') 165px 18px no-repeat;
	background-color:#f4f4f4;
	position:relative;
	cursor:pointer;
	text-decoration:none;
}

#card:checked + label,
#account:checked + label {
	border:1px solid #f3233d;
	background:url('../images/check_on.png') 165px 18px no-repeat;
	background-color:#ffeef0;
	color:#ff3333;
}

/* .payWrap .pay02 .payOption div .option span {
	display:block;
	height:20px;
	font-family: 'GmarketSansMedium';
	font-size:16px;
	transform:translateY(-3px);
}
 */

/* .payWrap .pay02 .payOption div div:after {
	position:absolute;
	content:'';
	top:18px;
	right:15px;
	width:16px;
	height:13px;
	background:url('../images/check_off.png') 0 0 no-repeat;
} */



/* ·Î±×ÀÎ, ÀÔ±ÝÁ¤º¸ */

.payWrap .pay02 .payOption ul {
	width:640px !important;
	margin-top:17px;
}

.payWrap .pay02 .payOption ul li,
.payWrap .pay02 .logOption > div ul li {
	margin-bottom:5px;
	padding-left:12px;
	font-family: 'GmarketSansMedium';
	font-size:14px;
	position:relative;
	color:#222;
}

.payWrap .pay02 .payOption ul li:before,
.payWrap .pay02 .logOption > div ul li:before {
	position:absolute;
	content:'';
	top:9px;
	left:0;
	width:3px;
	height:3px;
	background:#222;
}

.payWrap .pay02 .payOption ul .noteBlue,
.payWrap .pay02 .logOption > div ul li .noteBlue {
	color:#0033ff;
}

.payWrap .pay02 .logOption > div ul li {
	/* width:640px; */
}


.payWrap .pay02 .paylogin {
	margin:40px 0;
	display:flex;
}

.payWrap .pay02 .paylogin div {
	/* width:654px; */
	width:100%;
	height:50px;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
	padding:16px;
	border:1px solid #d5d5d5;
	border-radius:5px;
	background-color:#f4f4f4;
}

.payWrap .pay02 .paylogin div span {
	display:inline-block;
	font-family: 'GmarketSansMedium';
	font-size:15px;
	transform:translateY(-3px);
}

.payWrap .pay02 .logOption {
	margin-top:40px;
	/* display:flex; */
}

.payWrap .pay02 .logOption > span {
	width:190px;
	display:inline-block;
	font-family: 'GmarketSansMedium';
	font-size:20px;
	color:#333;
	float:left;
}

.payWrap .pay02 .logOption > div {
	width:644px;
	/* margin-top:6px; */
	float:right;
	transform:translateY(6px);
	
}

.fixedclear:after {
	content:'';
	display:block;
	clear:both;
}

.payWrap .pay02 .logOption .bankSelect {
	display:flex;
	width:250px;
	margin-top:15px;
}

.payWrap .pay02 .logOption .bankSelect a {
	display:inline-block;
	width:115px;
	height:40px;
	box-sizing:border-box;
	background:#438aff;
	color:#fff;
	text-align:center;
	font-size:13px;
	font-family: 'GmarketSansMedium';
	border-radius:5px;
	padding:10px 0;
	margin-left:10px;
	text-decoration:none;
}

.payWrap .pay02 .logOption .bankList {
	margin-top:20px;
}

.payWrap .pay02 .logOption > div > ul li em {
	font-size:13px;
	font-style:normal;
	display:block;
	color:#888;
}

.payWrap .pay02 .logOption .bankList input {
	display:none;
}

.payWrap .pay02 .logOption label span {
	display:inline-block;
	font-family: 'GmarketSansMedium';
	font-size:15px;
	transform:translateY(-3px);
}

/* .payWrap .pay02 .logOption .bankList .bankOff {
	width:290px;
	height:50px;
	display:inline-block;
	box-sizing:border-box;
	padding:16px;
	border:1px solid #d5d5d5;
	border-radius:5px;
	margin-right:17px;
	background:url('../images/check_off.png') 260px 18px no-repeat;
	background-color:#f4f4f4;
	color:#333;
	position:relative;
	cursor:pointer;
	text-decoration:none;
}

.payWrap .pay02 .logOption .bankList .bankOn {
	width:290px;
	height:50px;
	display:inline-block;
	box-sizing:border-box;
	padding:16px;
	border:1px solid #f3233d;
	border-radius:5px;
	margin-right:17px;
	background:url('../images/check_on.png') 260px 18px no-repeat;
	background-color:#ffeef0;
	color:#ff3333;
	position:relative;
	cursor:pointer;
	text-decoration:none;
} */

/* .payWrap .pay02 .logOption .bankList label {
	width:290px;
	height:50px;
	display:inline-block;
	box-sizing:border-box;
	padding:16px;
	border:1px solid #d5d5d5;
	border-radius:5px;
	margin-right:17px;
	background:url('../images/check_off.png') 260px 18px no-repeat;
	background-color:#f4f4f4;
	position:relative;
	cursor:pointer;
	text-decoration:none;
}

.payWrap .pay02 .logOption .bankList label.bankOn {
	border:1px solid #f3233d;
	background:url('../images/check_on.png') 260px 18px no-repeat;
	background-color:#ffeef0;
	color:#ff3333;
} */

#bank3 + label,
#bank2 + label {
	width:290px;
	height:50px;
	display:inline-block;
	box-sizing:border-box;
	padding:16px;
	border:1px solid #d5d5d5;
	border-radius:5px;
	margin-right:17px;
	background:url('../images/check_off.png') 260px 18px no-repeat;
	background-color:#f4f4f4;
	position:relative;
	cursor:pointer;
	text-decoration:none;
}

#bank3:checked + label,
#bank2:checked + label {
	border:1px solid #f3233d;
	background:url('../images/check_on.png') 260px 18px no-repeat;
	background-color:#ffeef0;
	color:#ff3333;
}

/* Áõºù°ü·Ã °èÁÂÁ¤º¸ */

.payWrap .pay02 .payNote {
	/* width:630px; */
	border:1px solid #e0e0e0;
	border-radius:5px;
	box-sizing:border-box;
	padding:15px 12px;
	margin-top:20px;
	/* margin-left:190px; */
}

.payWrap .pay02 .payNote li {
	padding-left:12px;
	font-family: 'GmarketSansMedium';
	font-size:13px;
	position:relative;
	color:#444;
}

.payWrap .pay02 .payNote li:first-child {
	margin-bottom:10px;
}

.payWrap .pay02 .payNote li em {
	font-style:normal;
	margin-left:10px;
}

.payWrap .pay02 .payNote li:before {
	position:absolute;
	content:'';
	top:8px;
	left:0;
	width:3px;
	height:3px;
	background:#222;
}

.payWrap .pay02 .payNote li:last-child::before {
	top:13px;
}

.payWrap .pay02 .payNote li input {
	width:180px;
	height:30px;
	border:none;
	border-bottom:1px solid #bbb;
	padding:6px 8px 4px 8px;
	box-sizing:border-box;
	font-family: 'GmarketSansMedium';
	font-size:13px;
	margin-left:5px;
	outline:none;
}

.payWrap .pay02 .payNote li input::placeholder {
	display:block;
	font-size:12px;
	color:#aaa;
}

.payWrap .pay02 .payNote li .noteBlue {
	color:#0033ff;
}

.payWrap .pay02 .payNote li a {
	display:inline-block;
	height:30px;
	padding:7px 10px;
	box-sizing:border-box;
	background:#438aff;
	color:#fff;
	border-radius:5px;
	font-family: 'GmarketSansMedium';
	font-size:12px;
	text-decoration:none;
	vertical-align:middle;
	transform:translateX(8px);
}



/* Çʼöµ¿ÀÇ */

/* .payWrap .pay02 .payTerms {
	border:1px solid #e0e0e0;
	border-radius:5px;
	height:64px;
	box-sizing:border-box;
	padding:20px;
	margin-top:30px;
} */

.payWrap .pay02 .payTerms {
	clear:both;	
	margin-top:30px;
}

.payWrap .pay02 .payTerms #c_box {
	display:none;
}

.payWrap .pay02 .payTerms label p {
	display:inline-block;
	font-size:13px;
	font-family: 'GmarketSansMedium';
	transform:translate(10px, 2px);
}

.payWrap .pay02 .payTerms label p b {
	color:#f3233d;
	letter-spacing:-1px;
	margin-right:7px;
}

#c_box + label {
	display:flex;
	width:100%;
	height:64px;
	box-sizing:border-box;
	border:1px solid #e0e0e0;
	border-radius:5px;	
	padding:20px;

	/* display:inline-block;
	border:1px solid #bbb;
	border-radius:3px;
	background:url('../images/termCheck.png') center center no-repeat; */
}

#c_box + label span {
	width:22px;
	height:22px;
	display:inline-block;
	border:1px solid #bbb;
	border-radius:3px;
	background:url('../images/termCheck.png') center center no-repeat;
}

#c_box:checked + label {
	border:1px solid #f3233d;
	background-color:#ffeef0;
}

#c_box:checked + label span {
	background:url('../images/termCheck_on.png') center center no-repeat;
	border:1px solid #f3233d;
	background-color:#f3233d;
}

/* .payWrap .pay02 .payTerms > span {
	display:inline-block;
	font-size:13px;
	transform:translate(10px,-8px);
	font-family: 'GmarketSansMedium';
	font-size:13px;
} */

.payWrap .pay02 .payTerms .payBtn,
.payWrap .pay02 .paylogin .paytxt {
	background:#333;
	color:#fff;
	display:block;
	width:100%;
	height:110px;
	border-radius:15px;
	box-sizing:border-box;
	text-align:center;
	font-family: 'GmarketSansBold';
	font-size:30px;
	text-decoration:none;
	padding:33px 0;
	margin-top:30px;
}

.top_member {
	width:1000px;
	margin:0 auto;
}

.bg_width {
	width:100% !important;
}

#page-wrap03 {
	width:100%;
	min-width:1000px;
	/* margin-top:20px; */
	padding-bottom:50px;
	/* border:1px solid #eee; */
	box-sizing:border-box;
	background:url('../images/paybanner_bg.jpg') center 0 no-repeat;
	background-color:#f3f3f3;
}

#page-wrap03 .bannerWrap {
	width:1000px;
	margin:0 auto;
}

#page-wrap03 .payWrap {
	width:910px;
	background:#fff;
	margin:0 auto;
	padding:34px 38px;
	transform:translateY(-46px);
	box-sizing:border-box;
	box-shadow: 0px 0px 11px -2px rgba(0,0,0,0.6);
}