:root {
	--column-padd: 0rem;

    --color-white: #fff;
	--color-black: #000;
	--color-red: #f40f0f;
	--color-dark-gray: #222;
	--color-gray: #666;
	--color-main:#4b28fa; 
	--color-sub:#077cf5; 
	--color-brown:#67625d;
	--color-light-blue:#3a6ce9;
	--color-blue:#1568f3;
	--color-dark-blue:#0a266f;
	--color-yellow:#ffea00;

}

*,
*:after,
*:before {	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

body,div,p,a,dt,dd,th,td,input,select,textarea,button,select {font-family:'pretendard', 'sans-serif', 'xeicon', 'Malgun Gothic' ,'맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-size:14px;line-height:1.3;color:#555;font-weight:normal;font-style:normal;}
body.popup {min-width:auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,strong,span,button {margin:0;padding:0;}
fieldset,img {border:0 none;vertical-align:middle;}
caption {display:none;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
table {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;}
dl, dt, dd {font-family:inherit;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;font-family:'pretendard'}
a {color:#333;text-decoration:none; }
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
select::-ms-expand {display: none;} 
dl,dt,dd {color:inherit; font-family:inherit; letter-spacing:inherit; }
ul,li {list-style:none;}

	

@font-face {font-family: 'Pretendard';font-weight: 900; src: local('Pretendard Black'), url('/font/Pretendard-Black.woff2') format('woff2'), url('/font/woff/Pretendard-Black.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 800; src: local('Pretendard ExtraBold'), url('/font/Pretendard-ExtraBold.woff2') format('woff2'), url('./woff/Pretendard-ExtraBold.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 700; src: local('Pretendard Bold'), url('/font/Pretendard-Bold.woff2') format('woff2'), url('./woff/Pretendard-Bold.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 600; src: local('Pretendard SemiBold'), url('/font/Pretendard-SemiBold.woff2') format('woff2'), url('./woff/Pretendard-SemiBold.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 500; src: local('Pretendard Medium'), url('/font/Pretendard-Medium.woff2') format('woff2'), url('./woff/Pretendard-Medium.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 400; src: local('Pretendard Regular'), url('/font/Pretendard-Regular.woff2') format('woff2'), url('./woff/Pretendard-Regular.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 300; src: local('Pretendard Light'), url('/font/Pretendard-Light.woff2') format('woff2'), url('./woff/Pretendard-Light.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 200; src: local('Pretendard ExtraLight'), url('/font/Pretendard-ExtraLight.woff2') format('woff2'), url('./woff/Pretendard-ExtraLight.woff') format('woff');}
@font-face {font-family: 'Pretendard';font-weight: 100; src: local('Pretendard Thin'), url('/font/Pretendard-Thin.woff2') format('woff2'), url('./woff/Pretendard-Thin.woff') format('woff');}

.agreement {position:relative; width:100%; margin:0 auto; padding:1.5rem 1rem; font-weight:400;	}
.agreement h1 {font-size:1.25rem; font-weight:400; color:#111; padding-bottom:2rem;}
.agreement h2 {font-size:1.1rem; font-weight:600; color:#111; margin:2.5rem 0 0rem}
.agreement h2.mg0 {margin:0;}
.agreement p {font-size:.925rem; color:#666; line-height:1.5em; padding:.85rem 0;}
.agreement p.stitle {  padding-bottom:0;}
.agreement .list { list-style-type : decimal ; padding-inline-start: 1.85rem;display:flex; flex-direction: column; gap:.65rem; }
.agreement .list li {color:#555; font-size:.95rem;list-style-type : decimal ;}
.agreement .list li a {display:block; font-size:inherit;}
.agreement ol {list-style-position: inside; padding-inline-start: .85rem;display:flex; flex-direction: column; gap:.5rem;}
.agreement ol li {color:#777; font-weight:400; font-size:.9rem;list-style-type : disc ;}
.agreement ol li::marker {font-size:10px;}
.table {width:100%; font-size:.85rem; line-height:1.4em;color:#666; margin:.5rem 0;}
.table th {background-color:#F3F3F3; color:#111; font-size:.8rem; border:1px solid #ccc; padding:.35rem; text-align:left;}
.table td {border:1px solid #ccc; padding:.35rem; vertical-align:top;}
.table.center th{text-align:center;}

@media screen and (max-width: 640px) {
   .agreement{width:100%;}
}