.mk-livevid{position:absolute;inset:0;z-index:0;display:none;
  pointer-events:none;overflow:hidden}
body[data-live="video"] .mk-livevid{display:block}
body[data-live="video"] .sec01{background-image:none !important;background-color:#826449}
.mk-livevid{width:100%;height:100%;object-fit:cover;opacity:1}
.mk-vover{transition:none;opacity:0}
@font-face{font-family:"HOL Web EN";font-weight:700;font-display:swap;
  src:url("../font/bootcamp/HeirofLightOTFBold.otf?v=b0aefec5") format("opentype")}
@font-face{font-family:"HOL Web EN";font-weight:400;font-display:swap;
  src:url("../font/bootcamp/HeirofLightOTFRegular.otf?v=38441460") format("opentype")}
.sec01 .center .logo,
.sec01.fp-completely .logo{width:clamp(150px,13.5vw,260px) !important;
  height:auto !important}
.sec01 .center .logo img{width:100% !important;height:auto !important}
.mk-hero{font-family:"HOL Web EN","Malgun Gothic",sans-serif;text-align:center;
  display:flex;flex-direction:column;align-items:center;opacity:0}
.sec01.fp-completely .mk-hero{animation:motion-fade-in .4s ease-out both;
  animation-delay:.3s;will-change:transform}
.mk-eyebrow{font-weight:400;font-size:clamp(15px,1.75vw,34px);letter-spacing:.18em;
  color:#e6dcc6;text-shadow:0 2px 14px rgba(0,0,0,.85);margin-bottom:clamp(10px,1.1vw,20px)}
.mk-title{font-weight:700;font-size:clamp(40px,5.6vw,108px);line-height:1.04;
  letter-spacing:.02em;
  background:linear-gradient(180deg,#fffaf0 0%,#f3e2b6 42%,#c9a227 78%,#8d6b17 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 3px rgba(0,0,0,.55)) drop-shadow(0 10px 30px rgba(0,0,0,.6))}
.mk-rule{width:clamp(280px,24vw,460px);aspect-ratio:379/12;
  margin:clamp(14px,1.7vw,30px) 0 clamp(10px,1.2vw,20px);
  background:url(../image/3/line.png) no-repeat center/100% 100%}
.mk-date{font-weight:700;font-size:clamp(13px,1.15vw,22px);letter-spacing:.14em;
  color:#f0d98a;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.mk-desc{font-weight:400;font-size:clamp(12px,1.05vw,20px);letter-spacing:.08em;
  color:#ddd5c6;margin-top:clamp(5px,.5vw,10px);text-shadow:0 2px 10px rgba(0,0,0,.8)}
.sec01 .center{gap:clamp(14px,2vw,30px) !important}
:root{--mk-btn-w:240px;--mk-btn-gap:14px}
body[data-hdr="top"] #header{position:fixed !important;left:0;right:0;
  top:0;z-index:200;
  height:clamp(44px,3.2vw,56px);display:flex;align-items:stretch;
  background:rgba(8,9,12,.92);border-bottom:1px solid rgba(201,162,39,.34);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body[data-hdr="top"] #header .gnbLeft{position:static !important;transform:none !important;
  top:auto !important;left:auto !important;flex:1;display:flex;align-items:stretch;
  justify-content:center}
body[data-hdr="top"] #header .gnbLeft .gnb{flex-direction:row !important;height:auto !important;
  gap:clamp(4px,1.1vw,22px) !important;align-items:stretch}
body[data-hdr="top"] #header .gnbLeft .gnb li{width:auto !important;height:auto !important;
  display:flex !important;align-items:center}
body[data-hdr="top"] #header .gnbLeft .gnb li a,
body[data-hdr="top"] #header .gnbLeft .gnb li.active a{
  position:static !important;right:auto !important;top:auto !important;
  background:none !important;width:auto !important;height:auto !important;
  display:flex !important;align-items:center;padding:0 clamp(6px,.7vw,14px);
  font-family:"HOL Web EN","Malgun Gothic",sans-serif !important;
  font-size:clamp(11px,.92vw,17px) !important;font-weight:400;line-height:1.25;
  letter-spacing:.02em;color:#cfc9bd;white-space:nowrap;text-decoration:none;
  transition:color .2s}
body[data-hdr="top"] #header .gnbLeft .gnb li a{align-self:stretch}
body[data-hdr="top"] #header .gnbLeft .gnb li a:hover{color:#f0d98a}
body[data-hdr="top"] .mk-hdrbrand{display:flex;align-items:center;
  padding:0 clamp(12px,1.2vw,26px);flex:none}
body[data-hdr="top"] .mk-hdrbrand a{display:block;line-height:0}
body[data-hdr="top"] .mk-hdrbrand img{height:clamp(28px,2.2vw,42px);width:auto;display:block;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
body[data-hdr="top"] #header .gnbLeft .gnb::after{content:none !important;display:none !important}
body[data-hdr="top"] .mainLogo{display:none !important}
body[data-hdr="top"] .goTo{display:none !important}
body[data-hdr="top"] #header .gnbLeft .gnb li.active a{color:#f4e6b4;font-weight:700;
  position:relative !important}
body[data-hdr="top"] #header .gnbLeft .gnb li.active a::after{content:"";position:absolute;
  left:12px;right:12px;bottom:clamp(8px,.8vw,14px);height:2px;
  background:linear-gradient(90deg,transparent,#c9a227,transparent)}
body[data-hdr="top"] #header .gnbLeft .gnb li .bootcamp::before{content:"";
  width:5px;height:5px;border-radius:50%;background:#c0392b;margin-right:5px;
  box-shadow:0 0 6px rgba(192,57,43,.9)}
body[data-hdr="top"] .mk-hdrlinks{display:flex;align-items:center;
  gap:clamp(5px,.45vw,10px);padding:0 clamp(10px,1vw,20px)}
body[data-hdr="top"] .mk-hdrlinks .mk-ico{display:flex;align-items:center;
  justify-content:center;width:clamp(28px,2.2vw,38px);height:clamp(28px,2.2vw,38px);
  padding:0;border:1px solid rgba(201,162,39,.28);border-radius:50%;
  background:rgba(255,255,255,.04);text-decoration:none;color:#cfc9bd;transition:.2s}
body[data-hdr="top"] .mk-hdrlinks .mk-ico:hover{background:rgba(201,162,39,.18);
  border-color:#c9a227;color:#f4e6b4;transform:translateY(-1px)}
body[data-hdr="top"] .mk-hdrlinks svg{width:clamp(14px,1.1vw,19px);
  height:clamp(14px,1.1vw,19px);fill:currentColor;display:block;flex:none}
body[data-hdr="top"] .mk-hdrlinks .mk-ico span{position:absolute;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body[data-hdr="top"] .sec01 .center{padding-top:clamp(44px,3.2vw,56px)}
.sec01 .center .install{display:flex !important;flex-direction:row !important;
  justify-content:center;align-items:center;gap:var(--mk-btn-gap) !important;
  flex-wrap:nowrap}
.sec01 .center .install a{display:block;line-height:0}
.sec01 .center .install img{width:var(--mk-btn-w) !important;height:auto !important;
  display:block}
body[data-live="video"] .mk-vstage{position:absolute;inset:0;z-index:0;display:block;
  background:url("../image/bootcamp/bg/camp2.png?v=06748f5d") center/cover no-repeat}
.mk-vstage{display:none}
.sec01{background-image:url("../image/bootcamp/bg/camp2.png?v=06748f5d") !important;
  background-size:cover !important;background-position:center !important}
.sec-camp{background:#08070a center/cover no-repeat !important}
.sec-camp.mk-bg36{background-image:url("../image/bootcamp/bg/bless1.png?v=1fdc76a5") !important}
.sec-camp.fp-section{height:100vh !important}
.sec-camp .fp-tableCell{height:100vh !important;vertical-align:middle}
.mk-wrap{position:relative;width:100%;height:100vh;overflow:hidden}
.mk-wrap::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
   radial-gradient(62% 68% at 50% 44%,rgba(0,0,0,.86),rgba(0,0,0,.55) 55%,rgba(0,0,0,.18) 78%,transparent 92%),
   linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.15) 22%,transparent 45%,rgba(0,0,0,.3) 72%,rgba(0,0,0,.8))}
.mk-wrap>*{position:relative;z-index:2}
.mk-core{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(940px,52vw);
  height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:3vh 0;overflow:hidden}
.mk-dz{display:none;flex-direction:column;align-items:center}
body[data-mkdz="C"] .mk-dzC{display:flex}
.mk-period{font-family:"HOL Web EN","Malgun Gothic",sans-serif;font-size:clamp(12px,1.1vw,19px);color:#e8e4da;border:1px solid rgba(201,162,39,.4);
  padding:7px 22px;margin-bottom:16px;background:rgba(0,0,0,.45)}
.mk-period b{color:#f0d98a}
.mk-tbd{font-family:"HOL Web EN","Malgun Gothic",sans-serif;color:#e06b6b;font-size:clamp(11px,.7vw,13px);
  border:1px dashed rgba(224,107,107,.5);padding:2px 10px;display:inline-block}
.mk-val{font:800 clamp(12px,.9vw,17px)/1.35 "Malgun Gothic",sans-serif;color:#f0d98a;padding:0 6px}
.sec04 .characterMore .info ul li.arc:hover{background-image:url(../image/en/4/arcSelect.png?v=bea8d5cb) !important}
.sec04 .characterMore .info ul li.arc.active{background-image:url(../image/en/4/arcSelect.png?v=bea8d5cb) !important}
.sec04 .character .characterList .archer .plusBtn:hover{background-image:url(../image/en/4/archerBtn.png?v=08278476) !important}
.sec04 .character .characterList .archer .plusBtn.on{background-image:url(../image/en/4/archerBtn.png?v=08278476) !important}
.sec04 .characterMore .archerCon{background-image:url(../image/en/4/archerMore.png?v=76536814) !important}
.sec04 .character .titleWrap .title,.sec04 .character .titleWrap .title[data-en-bg]{background-image:none !important}
.sec04 .character .titleWrap .title[data-en-bg] [data-en-text]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:159px;height:57px;margin:0 auto;font:700 33px/1 "HOL Web EN",serif;white-space:nowrap;color:#E9CE8C;text-shadow:0 2px 8px rgba(0,0,0,.85);letter-spacing:.03em}
.sec04 .characterMore .info ul li.sor{background-image:url(../image/en/4/nameList1.png?v=a7aa9121) !important}
.sec04 .characterMore .info ul li.arc{background-image:url(../image/en/4/nameList2.png?v=e39e6a92) !important}
.sec04 .characterMore .info ul li.pal{background-image:url(../image/en/4/nameList3.png?v=cb06f6cd) !important}
.sec04 .characterMore .info ul li.warr{background-image:url(../image/en/4/nameList4.png?v=d75cb3c2) !important}
.sec04 .characterMore .info ul li.warl{background-image:url(../image/en/4/nameList5.png?v=9e75f29b) !important}
.sec04 .characterMore .paladinCon{background-image:url(../image/en/4/palMore.png?v=3a046de8) !important}
.sec04 .characterMore .info ul li.pal:hover{background-image:url(../image/en/4/palSelect.png?v=d56cfbd6) !important}
.sec04 .characterMore .info ul li.pal.active{background-image:url(../image/en/4/palSelect.png?v=d56cfbd6) !important}
.sec04 .character .characterList .paladin .plusBtn:hover{background-image:url(../image/en/4/paladinBtn.png?v=940b0916) !important}
.sec04 .character .characterList .paladin .plusBtn.on{background-image:url(../image/en/4/paladinBtn.png?v=940b0916) !important}
.sec04 .characterMore .info ul li.sor:hover{background-image:url(../image/en/4/sorSelect.png?v=23a96f9f) !important}
.sec04 .characterMore .info ul li.sor.active{background-image:url(../image/en/4/sorSelect.png?v=23a96f9f) !important}
.sec04 .character .characterList .sorceress .plusBtn:hover{background-image:url(../image/en/4/sorceressBtn.png?v=42e1257a) !important}
.sec04 .character .characterList .sorceress .plusBtn.on{background-image:url(../image/en/4/sorceressBtn.png?v=42e1257a) !important}
.sec04 .characterMore .sorceressCon{background-image:url(../image/en/4/sorceressMore.png?v=f1bde226) !important}
.sec04 .characterMore .warlockCon{background-image:url(../image/en/4/warlMore.png?v=a1b87d4c) !important}
.sec04 .characterMore .info ul li.warl:hover{background-image:url(../image/en/4/warlSelect.png?v=087732ec) !important}
.sec04 .characterMore .info ul li.warl.active{background-image:url(../image/en/4/warlSelect.png?v=087732ec) !important}
.sec04 .character .characterList .warlock .plusBtn:hover{background-image:url(../image/en/4/warlockBtn.png?v=a0053d2d) !important}
.sec04 .character .characterList .warlock .plusBtn.on{background-image:url(../image/en/4/warlockBtn.png?v=a0053d2d) !important}
.sec04 .characterMore .warriorCon{background-image:url(../image/en/4/warrMore.png?v=4b3fd8cf) !important}
.sec04 .characterMore .info ul li.warr:hover{background-image:url(../image/en/4/warrSelect.png?v=2bd3e565) !important}
.sec04 .characterMore .info ul li.warr.active{background-image:url(../image/en/4/warrSelect.png?v=2bd3e565) !important}
.sec04 .character .characterList .warrior .plusBtn:hover{background-image:url(../image/en/4/warriorBtn.png?v=d4c2c03e) !important}
.sec04 .character .characterList .warrior .plusBtn.on{background-image:url(../image/en/4/warriorBtn.png?v=d4c2c03e) !important}
.sec05 .center .titleWrap .title,.sec05 .center .titleWrap .title[data-en-bg]{background-image:none !important}
.sec05 .center .titleWrap .title[data-en-bg] [data-en-text]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:159px;height:57px;margin:0 auto;font:700 34px/1 "HOL Web EN",serif;white-space:nowrap;color:#E9CE8C;text-shadow:0 2px 8px rgba(0,0,0,.85);letter-spacing:.03em}
.sec07 .center .titleWrap .title,.sec07 .center .titleWrap .title[data-en-bg]{background-image:none !important}
.sec07 .center .titleWrap .title[data-en-bg] [data-en-text]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:251px;height:105px;margin:0 auto;font:700 63px/1 "HOL Web EN",serif;white-space:nowrap;color:#E9CE8C;text-shadow:0 2px 8px rgba(0,0,0,.85);letter-spacing:.03em}
.mk-core{width:min(1120px,86vw);margin:0 auto;overflow:visible;
  padding:calc(3vh + clamp(0px,3.5vh,44px)) 0 3vh}
.mk-dzC{position:relative}
.mk-emb{position:absolute;left:50%;top:50%;z-index:0;pointer-events:none;
  width:clamp(160px,35.6vw,320px);aspect-ratio:280/210;
  transform:translate(-50%,-50%) translateY(.4em);
  background:url(../image/3/emblem.png) center/contain no-repeat;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.85))}
.mk-dzC .mk-t2,.mk-t1,.mk-core>.mk-sep{position:relative;z-index:1}
.mk-t2{font:700 clamp(28px,5.6vw,50px)/1.15 "HOL Web EN","Malgun Gothic",sans-serif;letter-spacing:.025em;
  background:linear-gradient(180deg,#fff8e2,#f0d98a 40%,#c9a227 74%,#8a6812);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 5px 18px rgba(0,0,0,.9))}
.mk-t1{margin-top:0;
  font-family:"Noto Sans KR","Malgun Gothic",sans-serif;font-weight:100;
  font-size:clamp(12px,1.78vw,16px);line-height:1.44;letter-spacing:normal;
  color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.85)}
.mk-t1 p{margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-shadow:inherit}
.mk-sep{width:min(760px,75%);height:12px;margin:clamp(12px,2.4vh,28px) auto;
  background:
    url(../image/3/line.png) center center/auto no-repeat,
    linear-gradient(90deg,transparent,rgba(201,162,39,.55) 18%,rgba(201,162,39,.55) 82%,transparent)
      center center/100% 1px no-repeat;
  position:relative}
.mk-core>.mk-sep{margin-top:clamp(2px,.45vh,5px);margin-bottom:clamp(7px,1.1vh,12px)}
.mk-period{margin-top:clamp(12px,2.4vh,28px)}
.mk-panel{position:relative;width:calc(100% + clamp(40px,5vw,61px));
  margin-left:calc(-1 * clamp(20px,2.5vw,30.5px));
  margin-right:calc(-1 * clamp(20px,2.5vw,30.5px));
  margin-top:clamp(10px,4vh,48px);
  padding:clamp(20px,3vh,40px) clamp(16px,2.6vw,48px) clamp(22px,4vh,52px)}
.mk-panel>*{margin-left:auto;margin-right:auto}
.cc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.15vw,22px)}
.cc-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  word-break:keep-all;
  aspect-ratio:1036/1518;
  background:rgba(32,25,12,.55) url(../image/bootcamp/cards/frame.png?v=7bea271e) center/100% 100% no-repeat;
  padding:13.5% 9% 14%;box-sizing:border-box}
:root{--card-text:clamp(14px,1.53vw,20px)}
.cc-title{display:flex;align-items:center;justify-content:center;gap:10px;
  margin:0 0 clamp(4px,.8vh,8px);
  min-height:calc(var(--card-text) * 2.5)}
.cc-title-tx{font:700 var(--card-text)/1.25 "HOL Web EN","Malgun Gothic",sans-serif;
  letter-spacing:.02em;word-break:keep-all;
  background:linear-gradient(180deg,#fff8e2,#f0d98a 40%,#c9a227 74%,#8a6812);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.85))}
.cc-imgwrap{width:100%;flex:1 1 auto;min-height:0;
  display:flex;align-items:center;justify-content:center;margin:clamp(6px,1vh,12px) 0}
.cc-imgwrap img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}
.cc-card:nth-child(2) .cc-imgwrap img{width:124%;max-width:none;transform:translateX(3.8%)}
.cc-desc{font:700 var(--card-text)/1.45 "HOL Web EN","Malgun Gothic",sans-serif;
  letter-spacing:.02em;color:#ded8c8;text-shadow:0 2px 8px rgba(0,0,0,.85);
  margin:clamp(8px,1.2vh,14px) 0 0}
.cc-desc br{content:""}
.sec-camp .mk-dz,
.sec-camp .mk-core>.mk-sep,
.sec-camp .mk-t1,
.sec-camp .mk-period,
.sec-camp .mk-panel{opacity:0}
.sec-camp.fp-completely .mk-dz,
.sec-camp.fp-completely .mk-core>.mk-sep,
.sec-camp.fp-completely .mk-t1,
.sec-camp.fp-completely .mk-period{animation:motion-fade-in-down .4s ease-in-out both;
  animation-delay:.2s;will-change:transform}
.sec-camp.fp-completely .mk-panel{animation:motion-fade-in .4s ease-in-out both;animation-delay:.4s}
.sec-camp{font-family:"HOL Web EN","Malgun Gothic",sans-serif}
.sec-camp .mk-t1 p{font-family:"HOL Web EN","Malgun Gothic",sans-serif}
.mk-hero .mk-eyebrow:empty,.mk-hero .mk-desc:empty{display:none}
.mk-panel{display:flex;flex-direction:column}