@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');

@font-face {  /* Adobe Garamond Pro */
	font-family: MyAdobeGaramondPro;
	src: url('https://www.saltyclassic.com/resources/51157ad3dd3870275b23205b1fe962bf.woff') format('woff'),
		url('https://www.saltyclassic.com/resources/51157ad3dd3870275b23205b1fe962bf.woff2') format('woff2'),
		url('https://www.saltyclassic.com/resources/51157ad3dd3870275b23205b1fe962bf.ttf') format('truetype');
}

@font-face {	/* Apple SD Gothic Neo */
	font-family: MyAppleSDGothicNeo;
	src: url('https://www.saltyclassic.com/resources/67680f2eb947c5cbd58b40961b4a61e9.woff') format('woff'),
		url('https://www.saltyclassic.com/resources/67680f2eb947c5cbd58b40961b4a61e9.woff2') format('woff2'),
		url('https://www.saltyclassic.com/resources/67680f2eb947c5cbd58b40961b4a61e9.ttf') format('truetype');
}

@font-face {	/* AppleMyungjo-regular */
	font-family: MyAppleMyungjo;
	src: url('https://saltyclassic.com/resources/applemyungjo-regular.woff2') format('woff2'),
	url('https://saltyclassic.com/resources/applemyungjo-regular.ttf') format('truetype');
}

@font-face {	/* Apple Chancery */
	font-family: MyAppleChancery;
	src: url('https://saltyclassic.com/resources/AppleChancery.woff') format('woff'),
		url('https://saltyclassic.com/resources/AppleChancery.ttf') format('truetype');
}
@font-face {	/* Garamond */
	font-family: MyGaramond;
	src: url('https://saltyclassic.com/resources/2bf40ab72ea4897a3fd9b6e48b233a19.woff') format('woff'),
		url('https://saltyclassic.com/resources/2bf40ab72ea4897a3fd9b6e48b233a19.woff2') format('woff2'),
		url('https://saltyclassic.com/resources/2bf40ab72ea4897a3fd9b6e48b233a19.ttf') format('truetype');
}
	
* {font-size: 14px; font-family:"Nanum Barun Gothic", consolas;}
html {overflow-y: auto;}
html, body {background-color: #F5F1E5; background-image: url('/resources/img/bg_paper.png') }
html, body, form {margin: 0; padding: 0}
body {max-width: 1190px; margin: 0 auto;}

.addeng {font-size: 10px}
.nmtext {font-family: '나눔명조','Nanum Myeongjo'}
.ngtext {font-family: '나눔바른고딕','Nanum Barun Gothic','NanumBarunGothic'}
.amtext {font-family: 'MyAppleMyungjo','나눔명조','Nanum Myeongjo'}
.actext {font-family: 'MyAppleChancery'}
.agtext {font-family: 'MyGaramond'}
.agptext {font-family: 'MyAdobeGaramondPro'}
.asdgntext {font-family: 'MyAppleSDGothicNeo'}
.font10 {font-size: 10px}
.font12 {font-size: 12px}
.font16 {font-size: 16px}
.font18 {font-size: 18px}
.font20 {font-size: 20px}
.font24 {font-size: 24px}
.font26 {font-size: 26px}
.font28 {font-size: 28px}
.font30 {font-size: 30px}
.font32 {font-size: 32px}
.font34 {font-size: 34px}
.font36 {font-size: 36px}
.font40 {font-size: 40px}
.font50 {font-size: 50px}
.font60 {font-size: 60px}
.font65 {font-size: 65px}
.dot_on {height: 8px; width: 8px; background-color: #7c7c7c; border-radius: 50%; display: inline-block}
.dot_off {height: 8px; width: 8px; background-color: #c7c7c7; border-radius: 50%; display: inline-block}
.boxBtn {border: 1px dashed #2c2c2c; padding: 5px 20px; display: inline-block; cursor: pointer}
.boxBtn:hover {background-color: #333333; border: 1px solid #333333; color: #ffffff}
.scaleBtn {cursor: pointer;}
.scaleBtn:hover {transform: scale(1.05, 1.05);}
.textBtn {cursor: pointer;}
.textBtn:hover {text-decoration: underLine}
.btn {cursor: pointer}

a:link, a:visited, a:hover, a:active {color: black; text-decoration: none}

#headerbody {text-align: center; padding: 40px 0 20px 0; border-bottom: 1px solid #333333}
#headerbody > nav {padding-left: 30px}
#headerbody > nav div {display: inline-block; margin: 30px 0 0 50px; padding: 0; height: 37px; vertical-align: middle}


main { 
	background-image: url('/resources/img/stamp1.png');
	background-position: 140% 108%;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}

footer {margin-top: 0px; background-color: #2C2C2C; color: #F5F1E5; padding: 20px; position: relative}
footer > div {display: inline-block}
footer > div:nth-child(2) {float: right; text-align: right}
footer > div:nth-child(2) div {display: block}
footer > div:nth-child(2) div:first-child {margin-top: 40px}
footer > div:nth-child(2) > div:last-child {color: #888888}
footer span {font-size: 10px;}
.topBtn {position: absolute; text-align: center; top: -25px; background-color: #222222; color: #FFFFFF; width: 50px; height: 50px; line-height: 42px; left: 100%; margin-left: -70px; cursor: pointer}
.topBtn:hover {background-color: #000000}
.forMobile {display: none}
@media (max-width: 805px) {
	main { background-image: none;	}
	.forWeb {display: none}
	.forMobile {display: block}


	footer > {margin-top: 30px; background-color: #313131; color: #ffffff; padding: 20px; position: relative}
	footer > div {display: block; width: 100%; text-align: center}
	footer > div:nth-child(2) {float: none; text-align: center}
	footer > div:nth-child(2) div {display: block}
	footer > div:nth-child(2) div:first-child {margin-top: 40px}
	footer > div:nth-child(2) > div:last-child {color: #b6af9c}
	footer span {font-size: 12px;}
	.topBtn {position: absolute; text-align: center; top: -25px; background-color: #222222; color: #FFFFFF; width: 50px; height: 50px; line-height: 42px; left: 100%; margin-left: -70px; cursor: pointer}
	.topBtn:hover {background-color: #000000}
}

@media (max-width: 451px) {
	/* .space#lat {display: none}*/
}


@media (max-width: 361px) {
	footer > span {font-size: 11px;}
}