/*=========================================================== IOS DEFAULT CSS ===========================================================*/
input,button,select,textarea
{outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
#root a:active,#root a:focus,#root input:active,#root input:focus,#root button:active,#root button:focus,#root select:active,#root select:focus,#root textarea:active,#root textarea:focus
{outline: none !important; box-shadow: none !important;}
/*=========================================================== COMMON ===========================================================*/
:root {
    --font-size : 14px;
    --font-family : 'Pretendard';
    --font-weight : 800;
    --font-color : #000;
	--point-color : #1a51e7;
    --bg-color : #fff;
    --line-height : 1.5;
    --line-height-tiny : 1;
    --max-width : 1780px;
    --padding : 0 20px;
    --menu-trigger-right : calc((100% - 1780px)/2);
    --cont-margin-m : 100px 0 0;
    --gap : 50px;
    --gap-m : 30px;
}
/*=========================================================== default-layout ===========================================================*/
* {box-sizing: border-box;}
html,body
{width: 100%; font-size: var(--font-size); line-height: var(--line-height); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none;}
body,p,strong,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select
{margin:0; padding:0; font-family:var(--font-family); font-weight:var(--font-weight);}
body {position: relative; background: var(--bg-color); color:var(--font-color); overflow-x: hidden; overflow-y: scroll !important;}
table {border-collapse: collapse;}
img,fieldset {border: 0;}
img {vertical-align: top;}
ul,ol,li {list-style: none; padding: 0; margin: 0;}
em,address {font-style: normal;}
a {color: inherit; text-decoration: none;}
a:hover,a:visited,a:link,a:active {color: var(--font-color); text-decoration: none;}

.container {max-width: var(--max-width); width: 100%; margin: 0 auto; padding: 0;}
.cont-container {max-width: var(--max-width); width: 100%; margin: 0 auto; padding: 0;}
@media (max-width: 1779.98px) {.container {padding: var(--padding); width:100%;} .cont-container {padding: var(--padding); width:100%;}}
@media (max-width: 1199.98px) {.container {padding: var(--padding); width:100%;} .cont-container {padding: var(--padding); width:100%;}}
/*=========================================================== default-tag-style ===========================================================*/
.bold {font-weight: bold;}
/* font-size */
.font-size-160 {font-size: 160px;}
.font-size-120 {font-size: 120px;} .font-size-100 {font-size: 100px;} .font-size-80 {font-size: 80px;} 
.font-size-70 {font-size: 70px;} .font-size-60 {font-size: 60px;} .font-size-50 {font-size: 50px;} .font-size-40 {font-size: 40px;}
.font-size-34 {font-size: 34px;} .font-size-30 {font-size: 30px;} .font-size-28 {font-size: 28px;} .font-size-24 {font-size: 24px;}
.font-size-20 {font-size: 20px;} .font-size-18 {font-size: 18px;} .font-size-16 {font-size: 16px;} .font-size-14 {font-size: 14px;}
/* padding class 설정 */
.pt-10 {padding-top:10px !important;} .pb-10 {padding-bottom:10px !important;}
.pt-20 {padding-top:20px !important;} .pb-20 {padding-bottom:20px !important;}
.pt-30 {padding-top:30px !important;} .pb-30 {padding-bottom:30px !important;}
.pt-50 {padding-top:50px !important;} .pb-50 {padding-bottom:50px !important;}
.pt-100 {padding-top:100px !important;} .pb-100 {padding-bottom:100px !important;} 
.pt-130 {padding-top:130px !important;} .pb-130 {padding-bottom:130px !important;} 
.pt-150 {padding-top:150px !important;} .pb-150 {padding-bottom:150px !important;} 
.pt-200 {padding-top:200px !important;} .pb-200 {padding-bottom:200px !important;}
/* margin class 설정 */
.mt-10 {margin-top:10px !important;} .mb-10 {margin-bottom:10px !important;}
.mt-20 {margin-top:20px !important;} .mb-20 {margin-bottom:20px !important;}
.mt-30 {margin-top:30px !important;} .mb-30 {margin-bottom:30px !important;}
.mt-50 {margin-top:50px !important;} .mb-50 {margin-bottom:50px !important;}
.mt-100 {margin-top:100px !important;} .mb-100 {margin-bottom:100px !important;}
.mt-200 {margin-top:200px !important;} .mb-200 {margin-bottom:200px !important;}
/* 반응형에 따른 br 설정 */
br.pc {display: inline;}
br.m {display: none;}
@media (max-width:1023.98px){
    br.pc {display: none;}
    br.m {display: inline;}
}
/*=========================================================== Scrollbar ===========================================================*/
/* body.open {overflow-y: hidden;} */
::-webkit-scrollbar {width: 8px; height: 10px; background: transparent;}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {background: var(--point-color);}
body.is-anim::-webkit-scrollbar-thumb {height: 100%;}