@charset "utf-8";

/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css');
@import url('https://fonts.googleapis.com/css2?family=Anek+Latin:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* * {margin:0; padding:0; border: 0; box-sizing: border-box;}
::before, ::after{box-sizing: border-box;} */
body {background:var(--point-white); color:var(--black-color01); font-style:normal; font-size:var(--text-16); font-family:var(--font-type01); line-height: 1.4; letter-spacing:-0.03em; word-break: keep-all; text-wrap: pretty; overflow-wrap: anywhere;}

div, ul, ol, li, dl, dt, dd, form, fieldset, input,textarea, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td {-webkit-text-size-adjust:none}
img {vertical-align:middle; max-width:100%; max-height: 100%;}
li {list-style:none;}
button{background:transparent; cursor:pointer; vertical-align:middle; }
button, input[type="submit"], input[type="button"] {background:transparent; cursor:pointer;font-family:inherit;}
input, button {-webkit-appearance: none; -webkit-border-radius: 0; }
/* h1, h2, h3, h4, h5, h6{font-size:inherit; letter-spacing: inherit; font-style:normal;} */
dl :is(dt, dd){font-weight: inherit;}


/* table */
table { border-collapse:unset; border-spacing:0; width:100%;table-layout:fixed;}
th {vertical-align:middle;}
th, td { border-collapse:collapse; }
legend, hr { display:none; }
caption{text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0; }

/* form */
form { display:inline; }
select, input, textarea, button{color:inherit;font-family:inherit;font-size:inherit; vertical-align:middle;outline:none;}
fieldset, blockquote, iframe, button { border:none; }
:where(input, select, textarea):focus{outline: none;}

/* font */
i, em, u, cite {font-style:normal;}
em{font-weight:bold;}

/* link */
/* a {color:inherit; text-decoration:none; cursor:pointer;}
a:visited{text-decoration: none}
a:focus{text-decoration: none}
a:active{text-decoration: none}
a:hover{text-decoration: none} */

h2.blind {display:none; font-size:0; letter-spacing:-9999px;}

.file_list img {padding-left:3px;}

.dn{display: none;}


/* 에디터 속성 재정의*/
.view_cont div, .view_cont dl, .view_cont dt, .view_cont dd, .view_cont ul, .view_cont ol, .view_cont li, .view_cont h1, .view_cont h2, .view_cont h3, .view_cont h4, .view_cont h5, .view_cont h6, .view_cont pre, .view_cont code, .view_cont p, .view_cont th, .view_cont td, .view_cont input, .view_cont select, .view_cont button {margin:auto;padding:initial;color:inherit;}
.view_cont i, .view_cont em {font-style:italic;color:initial;}
.view_cont em {font-weight:inherit;}
.view_cont dl, .view_cont ul, .view_cont ul li {list-style:disc;list-style-position:inside;}
.view_cont ol, .view_cont ol li {list-style:decimal;list-style-position:inside;}
.view_cont sup, .view_cont sub {font-size:x-small;}
.view_cont table {border-spacing:initial;border-width:inherit;}
.view_cont th, .view_cont td {border-spacing:initial;border-width:inherit;}


/* custom */
:root{
    --trans-color:transparent;
    --point-white:#fff;
    --point-color01:#473D32;
    --point-color02:#796D61;
    --point-color03:#C2B8AC;
    --point-color04:#B7AA9A;
    --point-color05:#AC9681;
    --point-color06:#AB7843;
    --point-color07:#4C2B08;
    --point-color08:#85593E;
	--border-color01:#ddd;
    --border-color02:#ccc;
	--border-color03:#eee;
    --black-color00:#000;
    --black-color01:#111;
    --black-color02:#222;
    --black-color03:#333;
    --black-color04:#444;
    --black-color05:#555;
    --black-color06:#666;
    --black-color07:#777;
    --black-color08:#888;
    --black-color09:#999;
    --black-color10:#aaa;
	--black-color11:#bbb;
	--black-color12:#121212;
    --gray-bg01:#F5F5F5;
    --gray-bg02:#F8F8F8;
    --gray-bg03:#FAFAFA;
    --gray-bg04:#B8B8B8;
    --font-type01:'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --font-type02:'Anek Latin', 'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --font-type03:'Inter', 'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --filter-white:brightness(0) invert(1);
    --filter-black:brightness(0);
    --clip-poly01:polygon(50% 100%, 0 0, 100% 0);
    --clip-poly02:polygon(100% 0, 0 100%, 100% 100%);
    --radius-40:clamp(20px, 4vw, 40px);
    --radius-30:clamp(15px, 3vw, 30px);
    --radius-20:clamp(10px, 2vw, 20px);
    --radius-16:clamp(8px, 1.6vw, 16px);
    --radius-15:clamp(7.5px, 1.5vw, 15px);
    --radius-14:clamp(7px, 1.4vw, 14px);
    --radius-10:clamp(5px, 1vw, 10px);
    --text-80:clamp(44px, 8vw, 80px);
    --text-70:clamp(42px, 7vw, 70px);
    --text-69:clamp(41px, 6.9vw, 69px);
    --text-68:clamp(41px, 6.8vw, 68px);
    --text-67:clamp(40px, 6.7vw, 67px);
    --text-66:clamp(40px, 6.6vw, 66px);
    --text-65:clamp(39px, 6.5vw, 65px);
    --text-64:clamp(39px, 6.4vw, 64px);
    --text-63:clamp(38px, 6.3vw, 63px);
    --text-62:clamp(38px, 6.2vw, 62px);
    --text-61:clamp(37px, 6.1vw, 61px);
    --text-60:clamp(37px, 6vw, 60px);
    --text-59:clamp(36px, 5.9vw, 59px);
    --text-58:clamp(36px, 5.8vw, 58px);
    --text-57:clamp(35px, 5.7vw, 57px);
    --text-56:clamp(35px, 5.6vw, 56px);
    --text-55:clamp(34px, 5.5vw, 55px);
    --text-54:clamp(34px, 5.4vw, 54px);
    --text-53:clamp(33px, 5.3vw, 53px);
    --text-52:clamp(32px, 5.2vw, 52px);
    --text-51:clamp(31px, 5.1vw, 51px);
    --text-50:clamp(31px, 5vw, 50px);
    --text-49:clamp(30px, 4.9vw, 49px);
    --text-48:clamp(30px, 4.8vw, 48px);
    --text-47:clamp(29px, 4.7vw, 47px);
    --text-46:clamp(29px, 4.6vw, 46px);
    --text-45:clamp(28px, 4.5vw, 45px);
    --text-44:clamp(27px, 4.4vw, 44px);
    --text-43:clamp(27px, 4.3vw, 43px);
    --text-42:clamp(26px, 4.2vw, 42px);
    --text-41:clamp(26px, 4.1vw, 41px);
    --text-40:clamp(25px, 4vw, 40px);
    --text-39:clamp(25px, 3.9vw, 39px);
    --text-38:clamp(24px, 3.8vw, 38px);
    --text-37:clamp(24px, 3.7vw, 37px);
    --text-36:clamp(23px, 3.6vw, 36px);
    --text-35:clamp(23px, 3.5vw, 35px);
    --text-34:clamp(22px, 3.4vw, 34px);
    --text-33:clamp(22px, 3.3vw, 33px);
    --text-32:clamp(21px, 3.2vw, 32px);
    --text-31:clamp(21px, 3.1vw, 31px);
    --text-30:clamp(20px, 3vw, 30px);
    --text-29:clamp(20px, 2.9vw, 29px);
    --text-28:clamp(19px, 2.8vw, 28px);
    --text-27:clamp(19px, 2.7vw, 27px);
    --text-26:clamp(18px, 2.6vw, 26px);
    --text-25:clamp(18px, 2.5vw, 25px);
    --text-24:clamp(17px, 2.4vw, 24px);
    --text-23:clamp(17px, 2.3vw, 23px);
    --text-22:clamp(16px, 2.2vw, 22px);
    --text-21:clamp(16px, 2.1vw, 21px);
    --text-20:clamp(15px, 2vw, 20px);
    --text-19:clamp(15px, 1.9vw, 19px);
    --text-18:clamp(14px, 1.8vw, 18px);
    --text-17:clamp(14px, 1.7vw, 17px);
    --text-16:clamp(13px, 1.6vw, 16px);
    --text-15:clamp(13px, 1.5vw, 15px);
    --text-14:clamp(13px, 1.4vw, 14px);
    --text-13:clamp(12px, 1.3vw, 13px);
    --text-12:clamp(11px, 1.2vw, 12px);
    --row-gap160:clamp(70px, 16vw, 160px);
    --row-gap155:clamp(70px, 15.5vw, 155px);
    --row-gap150:clamp(70px, 15vw, 150px);
    --row-gap145:clamp(70px, 14.5vw, 145px);
    --row-gap140:clamp(70px, 14vw, 140px);
    --row-gap135:clamp(70px, 13.5vw, 135px);
    --row-gap130:clamp(70px, 13vw, 130px);
    --row-gap125:clamp(70px, 12.5vw, 125px);
    --row-gap120:clamp(70px, 12vw, 120px);
    --row-gap115:clamp(70px, 11.5vw, 115px);
    --row-gap110:clamp(70px, 11vw, 110px);
    --row-gap105:clamp(70px, 10.5vw, 105px);
    --row-gap100:clamp(70px, 10vw, 100px);
    --row-gap95:clamp(70px, 9.5vw, 95px);
    --row-gap90:clamp(40px, 9vw, 90px);
    --row-gap85:clamp(40px, 8.5vw, 85px);
    --row-gap80:clamp(40px, 8vw, 80px);
    --row-gap75:clamp(40px, 7.5vw, 75px);
    --row-gap70:clamp(40px, 7vw, 70px);
    --row-gap65:clamp(40px, 6.5vw, 65px);
    --row-gap60:clamp(30px, 6vw, 60px);
    --row-gap55:clamp(30px, 5.5vw, 55px);
    --row-gap50:clamp(30px, 5vw, 50px);
    --row-gap45:clamp(25px, 4.5vw, 45px);
    --row-gap40:clamp(25px, 4vw, 40px);
    --row-gap35:clamp(20px, 3.5vw, 35px);
    --row-gap30:clamp(15px, 3vw, 30px);
    --row-gap25:clamp(15px, 2.5vw, 25px);
    --row-gap20:clamp(12px, 2vw, 20px);
    --row-gap15:clamp(10px, 1.5vw, 15px);
    --row-gap10:clamp(7px, 1vw, 10px);
    --col-gap60:clamp(15px, 3.2vw, 60px);
    --col-gap55:clamp(15px, 2.9vw, 55px);
    --col-gap50:clamp(15px, 2.7vw, 50px);
    --col-gap45:clamp(15px, 2.4vw, 45px);
    --col-gap40:clamp(15px, 2.1vw, 40px);
    --col-gap35:clamp(15px, 1.85vw, 35px);
    --col-gap30:clamp(15px, 1.6vw, 30px);
    --col-gap25:clamp(15px, 1.35vw, 25px);
    --col-gap20:clamp(15px, 1.1vw, 20px);
    --grid-array01:repeat(1, 1fr);
    --grid-array02:repeat(2, 1fr);
    --grid-array03:repeat(3, 1fr);
    --grid-array04:repeat(4, 1fr);
    --grid-array05:repeat(5, 1fr);
    --grid-array06:repeat(6, 1fr);
}

@media (max-width:860px){
    :root{
        --grid-array04:repeat(3, 1fr);
        --grid-array05:repeat(3, 1fr);
        --grid-array06:repeat(3, 1fr);
    }
}
@media (max-width:640px){
    :root{
        --grid-array03:repeat(2, 1fr);
        --grid-array04:repeat(2, 1fr);
        --grid-array05:repeat(2, 1fr);
        --grid-array06:repeat(2, 1fr);
    }
}
@media (max-width:479px){
    :root{
        --grid-array02:repeat(1, 1fr);
        --grid-array03:repeat(1, 1fr);
        --grid-array04:repeat(1, 1fr);
        --grid-array05:repeat(1, 1fr);
        --grid-array06:repeat(1, 1fr);
    }
}