*{
	margin: 0;
	padding: 0;
	color: #393939;
	font-weight: 400;
	font-size: 16px;
	font-family: pretendard;
	line-height: 125%;
	box-sizing: border-box;
}

html{
	width: 100%;
	height: 100%;
}

body{
	max-width: 500px;
	min-height: 100%;
	margin: 0 auto;
	box-shadow: 8px 0 16px 16px #F5F5F5;
}

a{
	text-decoration: none;
	cursor: pointer;
}

button{
	border: 0;
	background-color: transparent;
	vertical-align: top;
	outline: 0;
	cursor: pointer;
}

dialog{
	border: 0;
}

fieldset{
	border: 0;
}

hr{
	border: 0;
}

input{
	background-color: #FFFFFF;
	vertical-align: top;
	outline: 0;
}

input:read-only{
	background-color: #FAFAFA;
}

input::placeholder{
	color: #A8A8A8;
}

input[type="checkbox"]{
	width: 20px;
	height: 20px;
	cursor: pointer;
}

input[type="date"]{
	height: 60px;
	padding: 0 18px;
	border: 1px solid #E0E0E0;
}

input[type="number"]{
	height: 60px;
	padding: 0 18px;
	border: 1px solid #E0E0E0;
}

input[type="password"]{
	height: 60px;
	padding: 0 18px;
	border: 1px solid #E0E0E0;
}

input[type="tel"]{
	height: 60px;
	padding: 0 18px;
	border: 1px solid #E0E0E0;
}

input[type="text"]{
	height: 60px;
	padding: 0 18px;
	border: 1px solid #E0E0E0;
}

label{
	cursor: pointer;
}

label input[type="checkbox"]{
	margin-right: 4px;
	vertical-align: -4px;
}

ol{
	list-style: none;
}

select{
	height: 60px;
	padding: 0 18px;
	border: 1px solid #E0E0E0;
	background-color: #FFFFFF;
	vertical-align: top;
	outline: 0;
}

table{
	table-layout: fixed;
}

textarea{
	padding: 12px;
	border: 1px solid #E0E0E0;
	vertical-align: top;
	outline: 0;
	resize: none;
}

ul{
	list-style: none;
}

.cols-128{
	width: 128px;
}

.cols-full{
	width: 100%;
}

.rows-256{
	height: 256px;
}

.global{
	padding-top: 64px;
}

.global header{
	z-index: 10;
	position: fixed;
	width: 100%;
	max-width: 500px;
	height: 64px;
	top: 0;
	left: 50%;
	margin-left: -250px;
	padding: 22px 24px;
	background-color: #FFFFFF;
	box-shadow: 0 0 16px 8px #F5F5F5;
}

@media(max-width: 500px){
	.global header{
		left: 0;
		margin-left: 0;
	}
}

.global header h1{
	position: relative;
	text-align: center;
}

.global header h1 strong{
	font-weight: 600;
	font-size: 20px;
}

.global header h1 a{
	position: absolute;
	top: 4px;
}

.global header h1 a:first-child{
	left: 0;
}

.global header h1 a:last-child{
	right: 0;
}

.global header h1 i{
	font-size: 20px;
}

.global nav{
	padding: 48px 24px;
}

.global nav li{
	border-bottom: 1px solid #F0F0F0;
}

.global nav a{
	display: block;
	position: relative;
	line-height: 60px;
}

.global nav i{
	position: absolute;
	top: 20px;
	right: 0;
	color: #C6C6C6;
}

.global form{
	padding: 48px 0;
}

.global form hr{
	height: 12px;
	margin: 48px 0;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	background-color: #F5F5F5;
}

.global form ol{
	margin: 0 24px 48px 24px;
	padding: 18px;
	border: 1px solid #E0E0E0;
}

.global form ol li{
	position: relative;
	padding-right: 36px;
}

.global form ol li:first-child{
	margin-bottom: 12px;
}

.global form ol li span{
	color: #A8A8A8;
}

.global form ol li a{
	position: absolute;
	top: 50%;
	right: 4px;
	margin-top: -12px;
}

.global form ol li i{
	color: #E0E0E0;
	font-size: 24px;
}

.global form blockquote{
	margin-top: -36px;
	margin-bottom: 48px;
	padding: 0 24px;
}

.global form fieldset div{
	margin-top: 24px;
	padding: 0 24px;
}

.global form fieldset div:first-child{
	margin-top: 0;
}

.global form fieldset div p{
	margin-top: 12px;
}

.global form fieldset div p:first-child{
	margin-top: 0;
}

.global form fieldset div p.button{
	position: relative;
	padding-right: 102px;
}

.global form fieldset div p.span{
	position: relative;
	padding-right: 60px;
}

.global form fieldset div p.center{
	text-align: center;
}

.global form fieldset div p.right{
	text-align: right;
}

.global form fieldset div p u{
	color: #FF0000;
	text-decoration: none;
}

.global form fieldset div p strong{
	font-weight: 600;
}

.global form fieldset div p span{
	color: #A8A8A8;
}

.global form fieldset div p span i{
	font-size: 16px;
	vertical-align: 0px;
}

.global form fieldset div p label{
	display: block;
	position: relative;
	padding-left: 30px;
}

.global form fieldset div p label input{
	position: absolute;
	top: 0;
	left: 0;
}

.global form fieldset div i{
	margin-left: 4px;
	color: #A8A8A8;
	font-size: 12px;
	vertical-align: 1px;
}

.global form fieldset div button{
	height: 60px;
	border: 1px solid #E0E0E0;
}

.global form fieldset div p.button button{
	position: absolute;
	width: 96px;
	top: 0;
	right: 0;
}

.global form fieldset div p.span span{
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	right: 0;
	border: 1px solid #E0E0E0;
	border-left: none;
	background-color: #FAFAFA;
	line-height: 60px;
	text-align: center;
}

.global form ul{
	margin-top: 48px;
	padding: 0 24px;
}

.global form ul:after{
	display: block;
	clear: both;
	content: '';
}

.global form ul li{
	float: left;
	width: 50%;
}

.global form ul li:first-child{
	padding-right: 3px;
}

.global form ul li:last-child{
	padding-left: 3px;
}

.global form ul a{
	display: block;
	height: 60px;
	border: 1px solid #6F6F6F;
	line-height: 60px;
	text-align: center;
}

.global form ul button{
	height: 60px;
	background-color: #6F6F6F;
	color: #FFFFFF;
}

.global form ul i{
	margin-right: 4px;
}

.global form ul button i{
	color: #FFFFFF;
}

.global main{
	padding: 48px 24px;
}

.global main ul li{
	position: relative;
	margin-top: 48px;
}

.global main ul li:first-child{
	margin-top: 0;
}

.global main ul span{
	display: block;
}

.global main ul strong{
	display: block;
	font-weight: 500;
	font-size: 20px;
}

.global main ul a{
	position: absolute;
	width: 60px;
	height: 40px;
	top: 2px;
	right: 64px;
	border: 1px solid #6F6F6F;
	border-radius: 4px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}

.global main ul a.disabled{
	border: 1px solid #E0E0E0;
	color: #C6C6C6;
	cursor: default;
}

.global main ul u{
	position: absolute;
	width: 60px;
	height: 40px;
	top: 2px;
	right: 0;
	border: 1px solid #6F6F6F;
	border-radius: 4px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}

.global main ul div{
	margin-top: 12px;
	padding: 18px;
	border-radius: 8px;
	border: 1px solid #F0F0F0;
	background-color: #FAFAFA;
}

.global main ul dl{
	margin-top: 12px;
}

.global main ul dl.delivery{
	position: relative;
	padding-right: 78px;
}

.global main ul dl:first-child{
	margin-top: 0;
}

.global main ul dl:after{
	display: block;
	clear: both;
	content: '';
}

.global main ul dt{
	float: left;
	padding-right: 6px;
	color: #8D8D8D;
}

.global main ul dl.fixed dt{
	width: 80px;
}

.global main ul dd{
	display: block;
	float: left;
	color: #8D8D8D;
}

.global main ul dl.fixed dd{
	width: calc(100% - 80px);
}

.global main ul small{
	position: absolute;
	width: 60px;
	height: 20px;
	top: 0;
	right: 0;
	border-radius: 4px;
	background-color: #6F6F6F;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.global main ul small.active{
	background-color: #18C2C7;
}

.global main ul p{
	padding: 288px 0;
	text-align: center;
}

.global main ul p i{
	color: #C6C6C6;
	font-size: 32px;
}

.global main ul p em{
	display: block;
	margin-top: 24px;
	color: #A8A8A8;
	font-style: normal;
}

.global article{
	padding: 48px 24px;
}

.global article ul li{
	padding: 24px 0;
	border-bottom: 1px solid #F0F0F0;
}

.global article ul li:first-child{
	padding-top: 0;
}

.global article ul li:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}

.global article ul a{
	display: block;
	position: relative;
	padding-right: 48px;
}

.global article ul strong{
	display: block;
	font-weight: 500;
}

.global article ul span{
	display: block;
	margin-top: 6px;
	color: #A8A8A8;
}

.global article ul i{
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -8px;
	color: #C6C6C6;
}

.global article ol li{
	padding: 24px 0;
	border-bottom: 1px solid #F0F0F0;
}

.global article ol li:first-child{
	padding-top: 0;
}

.global article ol li:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}

.global article ol a{
	display: block;
}

.global article ol figure{
	display: block;
}

.global article ol img{
	width: 100%;
	border-radius: 8px;
}

.global article ol strong{
	display: block;
	margin-top: 6px;
	font-weight: 500;
}

.global article ol span{
	display: block;
	color: #A8A8A8;
}

.global article div{
	margin-bottom: 12px;
	font-weight: 500;
	text-align: center;
}

.global article div a{
	margin: 0 24px;
}

.global article div a i{
	color: #A8A8A8;
	vertical-align: -1px;
}

.global article table{
	width: 100%;
	border-collapse: collapse;
}

.global article table th{
	width: 14.28%;
	height: 48px;
	border: 1px solid #E0E0E0;
	background-color: #FAFAFA;
	font-size: 14px;
}

.global article table th:first-child{
	color: #FF0000;
}

.global article table th:last-child{
	color: #0066CC;
}

.global article table td{
	height: 96px;
	padding: 6px;
	border: 1px solid #E0E0E0;
	vertical-align: top;
}

.global article table td p{
	color: #A8A8A8;
	font-size: 14px;
}

.global article table td p.active{
	color: #393939;
	text-decoration: underline;
}

.global article table td:first-child p{
	color: #FF0000;
}

.global article table td:last-child p{
	color: #0066CC;
}

.global article table td a{
	display: block;
	margin-top: 12px;
	width: 100%;
	font-size: 14px;
}

.global article dl dt{
	padding-bottom: 24px;
	border-bottom: 1px solid #F0F0F0;
}

.global article dl dt strong{
	display: block;
	font-weight: 500;
}

.global article dl dt span{
	display: block;
	margin-top: 6px;
	color: #A8A8A8;
}

.global article dl dt a{
	display: block;
	margin-top: 6px;
	color: #18C2C7;
	text-align: right;
	text-decoration: underline;
}

.global article dl dd{
	overflow: hidden;
	padding-top: 24px;
}

.global aside{
	padding: 48px 24px;
}

.global aside ul:after{
	display: block;
	clear: both;
	content: '';
}

.global aside ul li{
	float: left;
	width: 50%;
}

.global aside ul li:first-child{
	padding-right: 3px;
}

.global aside ul li:last-child{
	padding-left: 3px;
}

.global aside ul li span{
	display: block;
	height: 48px;
	border: 1px solid #E0E0E0;
	border: 1px solid #E0E0E0;
	color: #8D8D8D;
	line-height: 48px;
	text-align: center;
}

.global aside ul li.active span{
	border: 1px solid #393939;
	background-color: #393939;
	color: #FFFFFF;
}

.global aside div{
	display: none;
}

.global aside div table{
	width: 100%;
	margin: 12px 0;
	border-collapse: collapse;
}

.global aside div table tr th{
	width: 35%;
	height: 48px;
	border: 1px solid #E0E0E0;
	background-color: #FAFAFA;
}

.global aside div table tr th:first-child{
	width: 25%;
}

.global aside div table tr th:last-child{
	width: 40%;
}

.global aside div table tr td{
	padding: 12px 0;
	border: 1px solid #E0E0E0;
	text-align: center;
}

.global aside div table tr.active td{
	background-color: #F5F5F5;
	font-weight: 500;
}

.global aside div table tr.active td p{
	font-weight: 500;
}

.global aside small{
	display: block;
	margin-top: 6px;
	font-size: 14px;
}