@charset "utf-8";
/* ============================================================
   로템SRS — reset.css  (빌더2 · 옛 디딤 스킨 이전)
   ① 글꼴 Hd Harmony
   ② 전역 기본값 — 빌더 부품(게시판·양식·팝업)용 가벼운 리셋
   ③ 옛 디딤 리셋 — .rt-scope(로템 헤더·서브상단·푸터·페이지 본문) 안에서만
   ④ :root 변수 — 빌더 공통 변수 + 로템 색(#ad0003)·글꼴
   불러오는 순서: reset.css → custom.css(빌더) → rotem-1-vendor → rotem-2-common
                → rotem-3-sub → rotem-4-skin → rotem-5-builder
   ============================================================ */

/* ① 글꼴 */
@font-face{font-family:'Hd Harmony';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/rotem/HDHarmonyL.woff) format('woff');}
@font-face{font-family:'Hd Harmony';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rotem/HDHarmonyM.woff) format('woff');}
@font-face{font-family:'Hd Harmony';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rotem/HDHarmonyB.woff) format('woff');}

/* ② 전역 기본값 (빌더 부품용) */
body{font-family:var(--font-type01);font-size:var(--text-16);color:var(--black-color03);line-height:1.4;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-0.2px;}
ul, ol{list-style:none;}
img{max-width:100%;border:0;vertical-align:middle;}
a{color:inherit;text-decoration:none;}
button{font:inherit;cursor:pointer;}
:where(input, button, textarea, select):focus{outline:none;}
em, address{font-style:normal;}
video{max-width:100%;}
legend, caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}

/* ③ 옛 디딤 리셋 — .rt-scope 안에서만
   선택자 「html :where(.rt-scope) 태그」 = 우선순위 (0,0,2)
   · Tailwind preflight 와 custom.css 의 태그 규칙(0,0,1)은 이기고
   · 옛 스킨의 클래스·아이디 규칙(0,1,0 이상)에는 진다 → 옛 화면이 그대로 나온다
   · 빼 버린 옛 규칙: button span 숨김, form inline, hr 숨김, 전역 appearance:none(체크박스 사라짐) */
.rt-scope{font-size:13px;color:#666;font-family:var(--font-type01);font-style:normal;line-height:normal;letter-spacing:-0.2px;word-break:normal;overflow-wrap:normal;}
html :where(.rt-scope) :is(*, div){margin:0;padding:0;box-sizing:content-box;}
html :where(.rt-scope) :is(*, div)::before, html :where(.rt-scope) :is(*, div)::after{box-sizing:content-box;}
html :where(.rt-scope) :is(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-size:13px;font-family:var(--font-type01);}
html :where(.rt-scope) img{display:inline;border:0 none;vertical-align:middle;max-width:100%;max-height:none;}
html :where(.rt-scope) :is(svg, canvas, video){display:inline;}
html :where(.rt-scope) :is(li){list-style:none;}
html :where(.rt-scope) button{background:transparent;cursor:pointer;vertical-align:middle;margin:0;font-family:var(--font-type01);font-size:13px;color:inherit;line-height:normal;}
html :where(.rt-scope) input:where([type="submit"], [type="button"]){background:transparent;cursor:pointer;}
html :where(.rt-scope) :is(input, button):where(:not([type="checkbox"]):not([type="radio"])){-webkit-appearance:none;appearance:none;border-radius:0;}
html :where(.rt-scope) :is(h1, h2, h3, h4, h5, h6){font-size:100%;font-style:normal;}

/* table */
html :where(.rt-scope) table{border-collapse:collapse;border-spacing:0;width:100%;}
html :where(.rt-scope) th{vertical-align:middle;}
html :where(.rt-scope) :is(th, td){border-collapse:collapse;}
html :where(.rt-scope) legend{display:none;}
html :where(.rt-scope) caption{position:static;width:auto;margin:0;clip:auto;white-space:normal;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}

/* form */
html :where(.rt-scope) :is(select, input, textarea){color:#666;font-family:var(--font-type02);font-size:inherit;vertical-align:middle;}
html :where(.rt-scope) :is(fieldset, blockquote, iframe, button){border:none;}

/* font */
html :where(.rt-scope) :is(i, em, u, cite){font-style:normal;}
html :where(.rt-scope) em{font-weight:bold;}

/* link */
html :where(.rt-scope) a{color:#666;text-decoration:none;cursor:pointer;}

/* 옛 리셋의 클래스 규칙 (그대로) */
h2.blind{display:none;font-size:0;letter-spacing:-9999px;}
.file_list img{padding-left:3px;}

/* 에디터 속성 재정의 (게시판 본문 .view_cont — 옛 리셋 그대로) */
.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:initial;}
.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;}

/* ④ :root 변수 */
:root{
    --trans-color:transparent;
    --point-white:#fff;
    --point-color01:#ad0003;
    --point-color02:#333333;
    --point-color03:#FAF8F5;
    --point-color04:#EAE7E0;
    --point-color05:#DFD9D1;
    --point-color06:#F5F2EC;
    --point-grad01:linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
    --point-grad02:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
	--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;
    --gray-bg01:#F5F5F5;
    --gray-bg02:#F8F8F8;
    --gray-bg03:#FAFAFA;
    --font-type01:'Hd Harmony','Noto Sans KR','Malgun Gothic','맑은 고딕',dotum,sans-serif;
    --font-type03:'Hd Harmony','Noto Sans KR','Malgun Gothic','맑은 고딕',dotum,sans-serif;
    --point-red02:#ad0003;
    --font-type02:'Noto Sans KR','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%);
	--shadow-01: 0 0 clamp(15px, 2.08vw, 30px) rgb(0 0 0 / 10%);
    --shadow-02: 0 clamp(7.5px, 1.04vw, 15px) clamp(7.5px, 1.04vw, 15px) rgb(0 0 0 / 15%);
    --shadow-03: 0 0 clamp(10px, 1.39vw, 20px) rgb(0 0 0 / 15%);
    --shadow-04: clamp(5px, 0.69vw, 10px) clamp(5px, 0.69vw, 10px) clamp(5px, 0.69vw, 10px) rgb(0 0 0 / 10%);
    --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);
    --radius-06:clamp(4px, 0.8vw, 6px);
    --radius-04:clamp(3px, 0.6vw, 4px);
    --text-90: clamp(68px, 6.25vw, 90px);
    --text-80: clamp(61px, 5.56vw, 80px);
    --text-70: clamp(54px, 4.86vw, 70px);
    --text-69: clamp(53px, 4.79vw, 69px);
    --text-68: clamp(52px, 4.72vw, 68px);
    --text-67: clamp(52px, 4.65vw, 67px);
    --text-66: clamp(51px, 4.58vw, 66px);
    --text-65: clamp(50px, 4.51vw, 65px);
    --text-64: clamp(49px, 4.44vw, 64px);
    --text-63: clamp(49px, 4.38vw, 63px);
    --text-62: clamp(48px, 4.31vw, 62px);
    --text-61: clamp(47px, 4.24vw, 61px);
    --text-60: clamp(47px, 4.17vw, 60px);
    --text-59: clamp(46px, 4.1vw, 59px);
    --text-58: clamp(45px, 4.03vw, 58px);
    --text-57: clamp(45px, 3.96vw, 57px);
    --text-56: clamp(44px, 3.89vw, 56px);
    --text-55: clamp(43px, 3.82vw, 55px);
    --text-54: clamp(42px, 3.75vw, 54px);
    --text-53: clamp(42px, 3.68vw, 53px);
    --text-52: clamp(41px, 3.61vw, 52px);
    --text-51: clamp(40px, 3.54vw, 51px);
    --text-50: clamp(40px, 3.47vw, 50px);
    --text-49: clamp(39px, 3.4vw, 49px);
    --text-48: clamp(38px, 3.33vw, 48px);
    --text-47: clamp(37px, 3.26vw, 47px);
    --text-46: clamp(37px, 3.19vw, 46px);
    --text-45: clamp(36px, 3.13vw, 45px);
    --text-44: clamp(35px, 3.06vw, 44px);
    --text-43: clamp(35px, 2.99vw, 43px);
    --text-42: clamp(34px, 2.92vw, 42px);
    --text-41: clamp(33px, 2.85vw, 41px);
    --text-40: clamp(32px, 2.78vw, 40px);
    --text-39: clamp(32px, 2.71vw, 39px);
    --text-38: clamp(31px, 2.64vw, 38px);
    --text-37: clamp(30px, 2.57vw, 37px);
    --text-36: clamp(30px, 2.5vw, 36px);
    --text-35: clamp(29px, 2.43vw, 35px);
    --text-34: clamp(28px, 2.36vw, 34px);
    --text-33: clamp(27px, 2.29vw, 33px);
    --text-32: clamp(27px, 2.22vw, 32px);
    --text-31: clamp(26px, 2.15vw, 31px);
    --text-30: clamp(25px, 2.08vw, 30px);
    --text-29: clamp(25px, 2.01vw, 29px);
    --text-28: clamp(24px, 1.94vw, 28px);
    --text-27: clamp(23px, 1.88vw, 27px);
    --text-26: clamp(23px, 1.81vw, 26px);
    --text-25: clamp(22px, 1.74vw, 25px);
    --text-24: clamp(21px, 1.67vw, 24px);
    --text-23: clamp(20px, 1.6vw, 23px);
    --text-22: clamp(20px, 1.53vw, 22px);
    --text-21: clamp(19px, 1.46vw, 21px);
    --text-20: clamp(18px, 1.39vw, 20px);
    --text-19: clamp(18px, 1.32vw, 19px);
    --text-18: clamp(17px, 1.25vw, 18px);
    --text-17: 17px;
    --text-16: 16px;
    --text-15: 15px;
    --text-14: 14px;
    --text-13: 13px;
    --text-12: 12px;
    --row-gap180: clamp(130px, 12.5vw, 180px);
    --row-gap160: clamp(116px, 11.11vw, 160px);
    --row-gap155: clamp(112px, 10.76vw, 155px);
    --row-gap150: clamp(109px, 10.42vw, 150px);
    --row-gap145: clamp(105px, 10.07vw, 145px);
    --row-gap140: clamp(102px, 9.72vw, 140px);
    --row-gap135: clamp(98px, 9.38vw, 135px);
    --row-gap130: clamp(94px, 9.03vw, 130px);
    --row-gap125: clamp(91px, 8.68vw, 125px);
    --row-gap120: clamp(87px, 8.33vw, 120px);
    --row-gap115: clamp(84px, 7.99vw, 115px);
    --row-gap110: clamp(80px, 7.64vw, 110px);
    --row-gap105: clamp(77px, 7.29vw, 105px);
    --row-gap100: clamp(73px, 6.94vw, 100px);
    --row-gap95: clamp(70px, 6.6vw, 95px);
    --row-gap90: clamp(66px, 6.25vw, 90px);
    --row-gap85: clamp(62px, 5.9vw, 85px);
    --row-gap80: clamp(59px, 5.56vw, 80px);
    --row-gap75: clamp(55px, 5.21vw, 75px);
    --row-gap70: clamp(52px, 4.86vw, 70px);
    --row-gap65: clamp(48px, 4.51vw, 65px);
    --row-gap60: clamp(45px, 4.17vw, 60px);
    --row-gap55: clamp(41px, 3.82vw, 55px);
    --row-gap50: clamp(38px, 3.47vw, 50px);
    --row-gap45: clamp(34px, 3.13vw, 45px);
    --row-gap40: clamp(30px, 2.78vw, 40px);
    --row-gap35: clamp(27px, 2.43vw, 35px);
    --row-gap30: clamp(23px, 2.08vw, 30px);
    --row-gap25: clamp(20px, 1.74vw, 25px);
    --row-gap20: clamp(16px, 1.39vw, 20px);
    --row-gap15: clamp(13px, 1.04vw, 15px);
    --row-gap10: clamp(9px, 0.69vw, 10px);
    --col-gap60: clamp(45px, 4.17vw, 60px);
    --col-gap55: clamp(41px, 3.82vw, 55px);
    --col-gap50: clamp(38px, 4vw, 50px);
    --col-gap45: clamp(34px, 3.13vw, 45px);
    --col-gap40: clamp(30px, 2.78vw, 40px);
    --col-gap35: clamp(27px, 2.43vw, 35px);
    --col-gap30: clamp(23px, 2.08vw, 30px);
    --col-gap24: clamp(19px, 1.67vw, 24px);
    --col-gap22: clamp(18px, 1.53vw, 22px);
    --col-gap20: clamp(16px, 1.39vw, 20px);
    --col-gap17: clamp(14px, 1.18vw, 17px);
    --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: 1023px) {
    :root {
        --text-90: clamp(48px, 8.5vw, 68px);
        --text-80: clamp(44px, 7.5vw, 61px);
        --text-70: clamp(40px, 6.5vw, 54px);
        --text-69: clamp(40px, 6.4vw, 53px);
        --text-68: clamp(39px, 6.3vw, 52px);
        --text-67: clamp(39px, 6.2vw, 52px);
        --text-66: clamp(38px, 6.1vw, 51px);
        --text-65: clamp(37px, 6vw, 50px);
        --text-64: clamp(36px, 5.9vw, 49px);
        --text-63: clamp(36px, 5.8vw, 49px);
        --text-62: clamp(35px, 5.7vw, 48px);
        --text-61: clamp(34px, 5.6vw, 47px);
        --text-60: clamp(34px, 5.5vw, 47px);
        --text-59: clamp(33px, 5.4vw, 46px);
        --text-58: clamp(32px, 5.3vw, 45px);
        --text-57: clamp(32px, 5.2vw, 45px);
        --text-56: clamp(32px, 5.1vw, 44px);
        --text-55: clamp(31px, 5vw, 43px);
        --text-54: clamp(30px, 4.9vw, 42px);
        --text-53: clamp(30px, 4.8vw, 42px);
        --text-52: clamp(29px, 4.7vw, 41px);
        --text-51: clamp(29px, 4.6vw, 40px);
        --text-50: clamp(29px, 4.5vw, 40px);
        --text-49: clamp(28px, 4.4vw, 39px);
        --text-48: clamp(28px, 4.3vw, 38px);
        --text-47: clamp(27px, 4.2vw, 37px);
        --text-46: clamp(27px, 4.1vw, 37px);
        --text-45: clamp(26px, 4vw, 36px);
        --text-44: clamp(25px, 3.9vw, 35px);
        --text-43: clamp(25px, 3.8vw, 35px);
        --text-42: clamp(24px, 3.7vw, 34px);
        --text-41: clamp(25px, 3.84vw, 33px);
        --text-40: clamp(24px, 3.72vw, 32px);
        --text-39: clamp(24px, 3.72vw, 32px);
        --text-38: clamp(23px, 3.6vw, 31px);
        --text-37: clamp(23px, 3.49vw, 30px);
        --text-36: clamp(22px, 3.49vw, 30px);
        --text-35: clamp(22px, 3.37vw, 29px);
        --text-34: clamp(21px, 3.26vw, 28px);
        --text-33: clamp(21px, 3.14vw, 27px);
        --text-32: clamp(21px, 3.14vw, 27px);
        --text-31: clamp(20px, 3.02vw, 26px);
        --text-30: clamp(20px, 2.91vw, 25px);
        --text-29: clamp(20px, 2.91vw, 25px);
        --text-28: clamp(19px, 2.79vw, 24px);
        --text-27: clamp(19px, 2.67vw, 23px);
        --text-26: clamp(19px, 2.67vw, 23px);
        --text-25: clamp(18px, 2.56vw, 22px);
        --text-24: clamp(18px, 2.44vw, 21px);
        --text-23: clamp(17px, 2.33vw, 20px);
        --text-22: clamp(17px, 2.33vw, 20px);
        --text-21: clamp(16px, 2.21vw, 19px);
        --text-20: clamp(16px, 2.09vw, 18px);
        --text-19: clamp(15px, 2.09vw, 18px);
        --text-18: clamp(15px, 1.98vw, 17px);
        --text-17: clamp(14px, 1.98vw, 17px);
        --text-16: clamp(13px, 1.74vw, 15px);
        --text-15: clamp(13px, 1.74vw, 15px);
        --text-14: clamp(12px, 1.63vw, 14px);
        --text-13: clamp(11px, 1.51vw, 13px);
        --text-12: clamp(10px, 1.4vw, 12px);
        --row-gap180: clamp(80px, 15vw, 130px);
        --row-gap160: clamp(75px, 13vw, 116px);
        --row-gap155: clamp(70px, 12.5vw, 112px);
        --row-gap150: clamp(68px, 12vw, 107px);
        --row-gap145: clamp(65px, 11.5vw, 103px);
        --row-gap140: clamp(65px, 11vw, 102px);
        --row-gap135: clamp(62px, 10.5vw, 98px);
        --row-gap130: clamp(60px, 10vw, 92px);
        --row-gap125: clamp(60px, 9.5vw, 91px);
        --row-gap120: clamp(60px, 9vw, 87px);
        --row-gap115: clamp(55px, 8.5vw, 84px);
        --row-gap110: clamp(55px, 8vw, 80px);
        --row-gap105: clamp(50px, 7.8vw, 77px);
        --row-gap100: clamp(50px, 7.5vw, 71px);
        --row-gap95: clamp(50px, 7.2vw, 68px);
        --row-gap90: clamp(45px, 6.9vw, 64px);
        --row-gap85: clamp(40px, 6.5vw, 60px);
        --row-gap80: clamp(40px, 6vw, 57px);
        --row-gap75: clamp(40px, 5.8vw, 53px);
        --row-gap70: clamp(40px, 5.5vw, 50px);
        --row-gap65: clamp(35px, 5.2vw, 48px);
        --row-gap60: clamp(30px, 4.8vw, 45px);
        --row-gap55: clamp(30px, 4.4vw, 41px);
        --row-gap50: clamp(30px, 4vw, 38px);
        --row-gap45: clamp(25px, 3.6vw, 34px);
        --row-gap40: clamp(25px, 3.2vw, 30px);
        --row-gap35: clamp(20px, 3.14vw, 27px);
        --row-gap30: clamp(15px, 2.67vw, 23px);
        --row-gap25: clamp(15px, 2.33vw, 20px);
        --row-gap20: clamp(12px, 1.86vw, 16px);
        --row-gap15: clamp(10px, 1.51vw, 13px);
        --row-gap10: clamp(6px, 1.05vw, 9px);
        --col-gap60: clamp(28px, 4.8vw, 45px);
        --col-gap55: clamp(26px, 4.4vw, 41px);
        --col-gap50: clamp(24px, 4vw, 38px);
        --col-gap45: clamp(22px, 3.6vw, 34px);
        --col-gap40: clamp(20px, 3.2vw, 30px);
        --col-gap35: clamp(18px, 3.14vw, 27px);
        --col-gap30: clamp(14px, 2.67vw, 23px);
        --col-gap24: clamp(12px, 2.21vw, 19px);
        --col-gap22: clamp(11px, 2.09vw, 18px);
        --col-gap20: clamp(11px, 1.86vw, 16px);
        --col-gap17: clamp(10px, 1.63vw, 14px);
    }
}
@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);
    }
}