@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


html, body {font-size:17px;line-height:1.647;letter-spacing:-.025em;color:#555}
@media all and (max-width:999px){
	html, body {font-size:16px;line-height:1.625}
}
@media all and (max-width:600px){
	html, body {font-size:15px;line-height:1.6}
}

/* header */
#header {position:relative;max-width:1200px;margin:0 auto;height:auto}
.logo img {max-width:100%}
@media all and (max-width:1200px){
	#header {margin:0 30px}
}
@media all and (max-width:768px){
	#header {margin:0 20px}
}
@media all and (max-width:400px){
	#header {margin:0 10px}
}

/* contents */
#contents .conts-in {max-width:1200px;margin:0 auto;word-break:keep-all;position:relative;}
@media all and (max-width:1200px){
	#contents .conts-in {margin:0 30px}
}
@media all and (max-width:768px){
	#contents .conts-in {margin:0 20px}
}
@media all and (max-width:400px){
	#contents .conts-in {margin:0 10px}
}

/* footer */
#footer {max-width:1200px;margin:0 auto;text-align:center;color:#5b6578;font-size:0.882em;padding:50px 0}
.finfo-sec address {display:inline-block}
.finfo-sec .cs-info {display:inline-block;margin-left:11px}
.finfo-sec .cs-info li {display:inline-block}
.finfo-sec .cs-info li:after {display:inline-block;content:"/";margin:0 2px 0 5px}
.finfo-sec .cs-info li:last-child:after {display:none}
@media all and (max-width:1200px){
	#footer {margin:0 30px}
}
@media all and (max-width:768px){
	#footer {margin:0 20px}
}
@media all and (max-width:400px){
	#footer {margin:0 10px}
}