@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');


/* variable */
:root {
	/* Font */
	--font-nanum-gothic: 'Nanum Gothic', sans-serif;
	--font-noto: 'Noto Sans KR', sans-serif;
	--font-awesome5: 'Font Awesome 5 Free';
	--font-bootstrap: 'bootstrap-icons';
	
	/* Color */
	--color-nomal: #505050;
	--color-blue: #008FD3;
	
	/* Size */
	--el-height: 30px;
	--el-radius: 4px;
	--el-gap: 4px;
	--el-pd: .5em;
}


/* Reset */
* { margin: 0; padding: 0; font:inherit; color:inherit; box-sizing: border-box; }
*::before, *::after { box-sizing: border-box; }
html { position: relative; margin: 0; min-height: 100vh; }
html, body { min-height: 100%; align-items: center; /*overflow: hidden;*/ }
body { color: var(--color-nomal); width: 100%; height: 100vh; font-family: var(--font-noto), sans-serif; font-size: 10pt; }
a { color: inherit; outline: none; text-decoration-line: none; }
a, a:link, a:visited, a:hover, a:active { color: inherit; outline: none; text-decoration: none; color: inherit; }
ul, li { list-style: none; }
ol, ul { padding-left: 0; margin-top:0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
input, select { padding: 0 .2em; border: 1px solid #CED4DA; border-radius: var(--el-radius); }
/*.btn {
	padding: var(--el-pd);
	width: 100%;
	font-size: 1rem;
	background-color: #FFF;
	border: 1px solid #D9D9D9;
	border-radius: var(--el-radius);
}*/


.container {
	padding: .5em;
	height: 100vh;
}

.container-inner {
	background-color: #F2F2F2;
	padding: .5em;
	height: 100%;
	word-break: keep-all;
	overflow-y: auto;
}

.container section {
	margin-bottom: 16px;
}

.guide-wrap {
	
}

.guide-wrap span {
	font-weight: bold;
}

.content-wrap {
	
}

.content-wrap .title {
	font-weight: bold;
}

.content-wrap .descript {
	/*margin-bottom: 6px;*/
}

.content-wrap .sub-title {
	
}

.content-wrap .content {
	margin-left: 12px;
	padding: 0 4px;
	text-indent: -20px;
}

.content-wrap .content::before,
.info-guide-wrap .content::before {
	content: ' \00B7';
	margin: 0 6px 0 10px;
}


/* 취소 및 환불 규정 */
.info-wrap {
	margin-top: 20px;
	margin-bottom: 20px !important;
	text-align: center;
}

.info-wrap p {
	margin-bottom: .2em;
	font-size: 11pt;
}

.info-guide-wrap {
	
}

.info-guide-wrap .title {
	margin-bottom: 4px;
	font-weight: bold;
}

.info-guide-wrap .content-wrap {
	padding: 6px;
	border-radius: 4px;
	background-color: #FFF;
}

.info-guide-wrap .content {
	
}

.info-guide-wrap .descript {
	margin-top: 4px;
	color: #DC3545;
	font-size: 9pt;
}