@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


/* 초기화 */
html {overflow-y:scroll;background:#fff;}
body {margin:0;padding:0;font-size:14px;font-family:"Pretendard", Verdana, AppleGothic, UnDotum, sans-serif !important;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"Pretendard", Verdana, AppleGothic, UnDotum, sans-serif !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:"Pretendard", Verdana, AppleGothic, UnDotum, sans-serif !important;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:"Pretendard", Verdana, AppleGothic, UnDotum, sans-serif !important;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
word-break:keep-all;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}
 
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}
 
.placeholdersjs {color:#aaa !important}
/*safari*/
input, textarea {
 /* -webkit-appearance:none; */
 -webkit-border-radius:0;
}


:root {

	--black:#000;
	--pink:#ff3660;

}

.stickyBox { position:sticky; top:0; z-index:2; }

.de01_tab  { width:100%; max-width:1100px; display:flex; align-items:center; padding: 54px 85px 37px; border-bottom: 2px solid #222; box-sizing:border-box; background:#fff; }
.de01_tab li { margin-left: 16px; }
.de01_tab li:first-child { margin-left: -16px; }
.de01_tab li a { width:129px; height:36px; border-radius:500px; background:transparent; font-size:22px; color:#000; font-weight: 600; display:flex; align-items:center; justify-content:center; text-align: center; }
.de01_tab li a.active { color:#fff; background:#000; }

/* .de02_tab { background:#000; padding: 0 8px; display:flex; justify-content:start; }
.de02_tab li { width:auto; }
.de02_tab li:first-child {  }
.de02_tab li a { height:38px; display:flex; align-items:center; justify-content:center; text-align: center; font-size:17px; color:#fff; font-weight: 500; padding: 0 22px; box-sizing:border-box; }
.de02_tab li a.active { color:var(--pink); } */

.de02_tab { display:flex; flex-direction:column; justify-content:start; align-items:start; padding-left: 47px; box-sizing:border-box; margin-top: 57px; position:absolute; }
.de02_tab li { padding: 6px 0; box-sizing:border-box; }
.de02_tab li:first-child { padding-top: 0; }
.de02_tab li a { font-size:18px; color:#000; font-weight: 500; }
.de02_tab li a.active { color:var(--pink); }


.pirce { width:100%; box-sizing:border-box; text-align: center; padding: 40px 0 70px; }
.pirce * { word-break:keep-all; }
.pirce .coming { text-align: center; padding: 100px 0; box-sizing:border-box; font-size:20px; color:#000; }





.close-button {
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
	width:40px; height:40px;
}

.close-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}


::-webkit-scrollbar {
  display: none !important;
}





@media (max-width:1100px){


}


@media (max-width:992px){


}


@media (max-width:768px){


}


@media (max-width:640px){


}


@media (max-width:530px){


}


@media (max-width:425px){


}