@charset "utf-8";


html {height:100%; font-size:15px; line-height: 20px;}

body {height:100%; text-align: left; font-size:15px; color:#292111; line-height:1.5; font-family:'Pretendard', sans-serif; font-weight: 300; overflow: auto;}
body::-webkit-scrollbar {width: 13px;}
body::-webkit-scrollbar-thumb {background-color: #292111; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
body::-webkit-scrollbar-track {background-color:transparent; border-radius: 30px; height: 90%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0; font-weight: 400;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Pretendard', sans-serif; font-size:15px; line-height:20px; font-weight: 400;}
img,fieldset,iframe{border:0}
li{list-style:none;word-break:keep-all}
img,input,select,button,textarea{vertical-align:middle}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{top:1px;position: relative;}
button{margin:0;padding:0}
a {text-decoration: none;}
a:link,a:visited{text-decoration:none;color:#292111}
a:hover,a:focus,a:active{text-decoration:underline;color:#292111}
input:focus, button:focus {outline: none;}
button img{left:-3px;}
hr{display:none}
legend,caption{ visibility:hidden; font-size:0; width:0; height:0; line-height:0}
p {text-align:left; line-height:1.5; font-size: 18px; word-break:keep-all;/* font-weight: 300;*/}
tabl e{width:100%; border-spacing:0;}
table { border-collapse: collapse; border-spacing: 0; }
/* hidden contents */
.skip,.hidden{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1}


/* 웹접근성 - 바로가기 */
#skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:150;} 
#skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} 
#skip_navi a:focus, 
#skip_navi a:active {display:block;top:0;width:100%;height:20px;padding:5px 0;background:#0089d6;}

/* 아이폰 기본 속성 제거 */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0;
}

/* 공통 */
input,
textarea,
button,
select{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    box-sizing:border-box;
}

/* 버튼만 appearance 제거 */
button{
    appearance:none;
    -webkit-appearance:none;
}

/* 체크박스/라디오만 개별 처리 */
input[type="checkbox"],
input[type="radio"]{
    appearance:none;
    -webkit-appearance:none;
}

/* 파이어폭스 초기화 */
input[type=number] {
    -moz-appearance: textfield;
}


/* 포커스 테두리 초기화 */
input:focus, textarea:focus{ border:0; outline: none; }
input[type="button"]:focus{ outline: none;}

input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"]{

    height:60px;

    background:#fff !important;

    border:1px solid #dcdcdc !important;

    padding:0 18px !important;

    box-sizing:border-box !important;

    appearance:auto !important;
    -webkit-appearance:auto !important;

    outline:none !important;
    box-shadow:none !important;
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus{

    border:1px solid #111 !important;
}


/* 기본 체크박스 / 라디오 복구 */

/* 공통 체크박스 */

input[type="checkbox"]{

    width:20px;
    height:20px;

    border:1px solid #cfcfcf;
    background:#fff;

    cursor:pointer;
    position:relative;

    appearance:none !important;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;

    display:inline-block;
    vertical-align:middle;

    box-sizing:border-box;

    flex-shrink:0;
}

input[type="checkbox"]:checked{

    background:#000;
    border-color:#000;
}


input[type="checkbox"]:checked::after{

    content:'';

    position:absolute;

    left:6px;
    top:1px;

    width:5px;
    height:11px;

    border:solid #fff;
    border-width:0 2px 2px 0;

    transform:rotate(45deg);
}
/* 라디오 */

input[type="radio"]{

    width:20px;
    height:20px;

    appearance:none;
    -webkit-appearance:none;

    border:1px solid #bbb;
    border-radius:50%;

    position:relative;
    cursor:pointer;

    background:#fff;
}

input[type="radio"]:checked{

    border-color:#111;
}

input[type="radio"]:checked::after{

    content:'';

    width:10px;
    height:10px;

    border-radius:50%;
    background:#111;

    position:absolute;

    top:50%;
    left:50%;

    transform:translate(-50%, -50%);
}
/* ==================================================================
    Animation 및 효과 설정부분
===================================================================== */

/* ========== Aos (fade) ========== */
[data-aos=fade-up2] { transform: translate3d(0, 30px, 0); }
[data-aos=fade-down2] { transform: translate3d(0, -30px, 0); }
[data-aos=fade-right2] { transform: translate3d(-30px, 0, 0); }
[data-aos=fade-left2] { transform: translate3d(30px, 0, 0); }
[data-aos=fade-up-right2] { transform: translate3d(-30px, 30px, 0); }
[data-aos=fade-up-left2] { transform: translate3d(30px, 30px, 0); }
[data-aos=fade-down-right2] { transform: translate3d(-30px, -30px, 0); }
[data-aos=fade-down-left2] { transform: translate3d(30px, -30px, 0); }
[data-aos=fade-in] { transform: translate3d(0, 0, 0); }
/* ========== Aos (zoom) ========== */
[data-aos*="bg-zoom-out"]{transform: scale(1.1)}
[data-aos*="bg-zoom-out"].aos-animate {transform: scale(1);}
[data-aos*="bg-zoom-in"]{transform: scale(1)}
[data-aos*="bg-zoom-in"].aos-animate {transform: scale(1.1);}

/* ========== Aos (reveal) ========== */
[data-aos="reveal-line"]{clip-path:polygon(0 0,0 0,0 100%,0 100%);}
[data-aos="reveal-line"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}
[data-aos="reveal-line-revers"]{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)}
[data-aos="reveal-line-revers"].aos-animate {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)}

[data-aos="reveal-line-half"]{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);}
[data-aos="reveal-line-half"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}
[data-aos="reveal-line-half-revers"]{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);}
[data-aos="reveal-line-half-revers"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)}

[data-aos="reveal-top"]{clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}
[data-aos="reveal-top"].aos-animate {clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);}
[data-aos="reveal-bottom"]{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
[data-aos="reveal-bottom"].aos-animate {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
[data-aos="reveal-circle"]{clip-path: circle(0% at 50% 50%);}
[data-aos="reveal-circle"].aos-animate {clip-path:  circle(100% at 50% 50%);}
[data-aos="reveal-open"]{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%)}
[data-aos="reveal-open"].aos-animate {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)}


/* ========== Aos (animation 효과로 설정) ========== */
[data-aos="title"]{ opacity: 0;}
[data-aos="title"].aos-animate {animation: title 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
[data-aos="tit_mini"]{ opacity: 0;}
[data-aos="tit_mini"].aos-animate {animation: tit_mini 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
[data-aos="focus"]{ opacity: 0;}
[data-aos="focus"].aos-animate {animation: focus 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

/* ========== Animation ========== */
@keyframes title    {0% {letter-spacing: -0.5em;opacity: 0;} 40% {opacity: 0.6;}  100% {opacity: 1;} }
@keyframes tit_mini {0% {letter-spacing: 0.5em;opacity: 0;}  40% {opacity: 0.6;}  100% {letter-spacing: 0;opacity: 1;}}
@keyframes focus    {0% {-webkit-filter: blur(12px);filter: blur(12px);opacity: 0;}  100% {-webkit-filter: blur(0px);filter: blur(0px);opacity: 1;}}
@keyframes cycleM   {0% {transform:  translateY(0) scale(1);}    100% {transform: translateY(1.5rem) scale(0.95)}}
@keyframes rotate   {from{ transform: rotate(0); }to{ transform: rotate(360deg); }}
@keyframes scroll   {0% {transform: translate(-50%, 0);opacity: 0;} 40% {opacity: 1;}80% {transform: translate(-50%, 1.4rem);opacity: 0;}100% {opacity: 0;}}
@keyframes bigger   {0%{transform: scale(0); opacity:1;} 100%{transform: scale(5); opacity:0;}}
@keyframes bounce   {to {transform: translateX(2rem);opacity: 0;}}