﻿@charset "utf-8";
/* Pretendard (기본) , 더잠실체(포인트) */
@import url('/include/css/font.css');


/* --------------------------------------------------------------------------------
	변수설정
--------------------------------------------------------------------------------- */
:root {
	--color-sub1:#DA291C;
	--color-sub2:#877669;
	--color-sub3:#447E5D;

	--color-gray0:#000;
	--color-gray1:#fff;
	--color-gray2:#9D9D9D;
	--color-gray3:#54585A;
	--color-gray4:#F4F4F4;
	--color-gray5:#E7E4E1 ;
	--color-gray6:#8F9191;
	--color-gray7:#C8C8C8;
	--color-gray8:#E9E9E9;

    --font-family1:"Daeojamjil", serif;
	
	--letter-spacing0: -0.36px;
	--letter-spacing1: -0.48px;
	--letter-spacing2: -0.72px;
	--letter-spacing3: -0.28px;
	--letter-spacing4: -0.64px;
	--letter-spacing5: -0.56px;

}

* {margin:0; padding:0; -webkit-font-smoothing:antialiased;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font:inherit; vertical-align:baseline;}
html, body, main {width:100%; min-width:320px; min-height:100%; box-sizing:border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea {zoom:1; font-family:'Pretendard','AppeGothic','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',Arial,Helvetica,sans-serif; font-size:18px; font-weight:400; color:var(--color-gray0); word-break:keep-all; word-wrap:break-word; letter-spacing:-0.82px;}

legend, caption, .skip, .hide, .hide_txt {overflow:hidden; display:inline-block; position:absolute; z-index:-1; border:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section, caption {display:block;}
ul, ol {list-style-type:none;}
blockquote, q {quotes:none;}
a {text-decoration:none; color:inherit;}
table {border-collapse:collapse; border-spacing:0;}
colgroup {display:table-column-group;}
col {display:table-column;}
em {font-style:italic;}
img {max-width:100%; max-height:100%; vertical-align:top;}

button, input[type="submit"], input[type="button"] {cursor:pointer; display:inline-block; border:none; margin:0; padding:0; width:auto; overflow:visible; background:transparent; box-shadow:none; color:inherit; font:inherit; line-height:normal; letter-spacing:inherit; -webkit-font-smoothing:inherit; -moz-osx-font-smoothing:inherit; -webkit-appearance:none; cursor:pointer;}
/* input[type="submit"], input[type="button"], input[type="text"] {font-family:'Pretendard','AppeGothic','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',Arial,Helvetica,sans-serif; font-size:18px; font-weight:400; color:var(--color-gray0); letter-spacing:-0.82px;} */
select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand {display:none;}
input, select {font-family:'Pretendard','AppeGothic','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',Arial,Helvetica,sans-serif; font-size:18px; font-weight:400; color:var(--color-gray0); background-color:var(--color-gray1); letter-spacing:-0.82px;}

[tabindex]:focus-visible, a:focus-visible, button:focus-visible {outline:3px dotted var(--color-gray6);}
select:focus-visible, textarea:focus-visible {outline:1px dotted var(--color-gray6);}
#NAX_BLOCK.blockUI.blockMsg.blockPage {top:50% !important; transform:translate(0, -50%);}


/* 폰트설정 */
::-webkit-input-placeholder{color:var(--color-gray0); letter-spacing:-1px;}
:-moz-placeholder{color:var(--color-gray0); letter-spacing:-1px;}
::-moz-placeholder{color:var(--color-gray0); letter-spacing:-1px;}
:-ms-input-placeholder{color:var(--color-gray0); letter-spacing:-1px;}
::placeholder{color:var(--color-gray0); letter-spacing:-1px;}
a {cursor:pointer;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.fl {float:left;}
.fr {float:right;}
.dpYes {display:block !important;}
.dpNo {display:none !important;}
.ly_dim {display:none; position:fixed; z-index:80; width:100%; height:100%; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.6);}
.ly_dim2 {display:none; position:fixed; z-index:80; width:100%; height:100%; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.6);}
.clfix{*zoom:1}
.clfix:after,.clfix:before{display:table;line-height:0;content:""}
.clfix:after{clear:both}
.wrapHidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
/* layout */
#skipnavi {width:100%; position:relative; z-index:99999;}
#skipnavi a {position:absolute; left:0; top:-40px; display:block; width:100%; background:var(--color-gray0); color:var(--color-gray1); text-align:center; outline:none; line-height:40px;}
#skipnavi a:active, #skipnavi a:focus-visible {top:0; text-decoration:none; cursor:pointer; zoom:1; outline:3px dotted var(--color-gray6);}

.editor-content {font-family:'Pretendard','AppeGothic','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕',Arial,Helvetica,sans-serif; font-size:18px; font-weight:400; color:var(--color-gray0); line-height:28px; letter-spacing:-0.82px; word-break:keep-all; word-wrap:break-word;}
.editor-content,
.editor-content * {box-sizing:border-box;}
.editor-content p {margin:0 0 18px;}
.editor-content strong, .editor-content b {font-weight:600;}
.editor-content em {font-style:italic;}
.editor-content a {color:inherit; text-decoration:underline;}
.editor-content h1 {font-size:36px; line-height:48px; margin:0 0 24px; font-weight:600;}
.editor-content h2 {font-size:28px; line-height:40px; margin:0 0 22px; font-weight:600;}
.editor-content h3 {font-size:22px; line-height:32px; margin:0 0 20px; font-weight:600;}
.editor-content ul,
.editor-content ol {margin:0 0 18px 22px; padding:0;}
.editor-content ul {list-style:disc;}
.editor-content ol {list-style:decimal;}
.editor-content li {margin-bottom:8px;}
.editor-content img {max-width:100%; height:auto; vertical-align:top;}
.editor-content table {width:100%; border-collapse:collapse; margin:0 0 18px;}
.editor-content th,
.editor-content td {border:1px solid var(--color-gray2, #ddd); padding:10px; font-size:18px; line-height:26px;}
.editor-content blockquote {margin:0 0 18px; padding:14px 18px; background:var(--color-gray1, #f7f7f7); border-left:4px solid var(--color-gray3, #ccc);}
.editor-content p:empty {display:none;}
@media (max-width:768px){
	.editor-content {font-size:16px; line-height:24px;}
	.editor-content h1 {font-size:30px; line-height:40px;}
	.editor-content h2 {font-size:24px; line-height:34px;}
	.editor-content h3 {font-size:20px; line-height:30px;}
}