@charset "utf-8";

/*---reset---*/
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('../font/PretendardVariable.woff2') format('woff2-variations');
}

*{margin: 0;padding: 0;font-family: inherit;font-size: inherit;font-weight: inherit;font-style: inherit;color: inherit;text-decoration: inherit;box-sizing: border-box;}

html, body{text-size-adjust: none;
    -webkit-text-size-adjust: none; 
    -moz-text-size-adjust: none; 
    -ms-text-size-adjust: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{font-family: 'Pretendard Variable', Pretendard, sans-serif; font-weight: 400;font-size:16px;font-weight:300;font-style: normal;text-decoration: none;color: #000; overflow-x: hidden;}
img {max-width:100%;}
li{list-style: none;}
table{border-spacing: 0;border-collapse: collapse;}
input, select, textarea, button{box-sizing: border-box;}
button{background: none;border: none;cursor: pointer;outline: none;}

.clearfix::after{content: "";clear: both;display: block;}
.bg{background-repeat: no-repeat;background-size: cover;background-position: center center;}

/* inner */
.o_inner01 {width: 92%;max-width: 1580px;margin: 0 auto;}
.o_inner01.sub_navi_inner {max-width:unset; width:100%;}
.o_inner02 {width: 92%;max-width: 1380px;margin: 0 auto;}
.o_inner03 {width: 92%;max-width: 1000px;margin: 0 auto;}
.o_inner04 {width: 100%;max-width: 100%; margin: 0 auto;}
.o_pd01 {padding: 140px 0;}
.o_pd02 {padding: 180px 0 160px;}
.o_pd_bot {padding-bottom:150px;}
.pc_img{display: block;}
.mo_img{display: none;}
html,body {font-family: 'Pretendard Variable';}

.br_1400o {display:none;}
.br_720o {display:none;}
.br_490o {display:none;}

@media screen and (max-width: 1480px){
	.o_pd01 {padding: 100px 0;}
	.o_pd02 {padding: 120px 0 100px;}
	.o_pd_bot {padding-bottom: 100px;}
}
@media screen and (max-width: 1400px){
	.br_1400o {display:block;}
}
@media screen and (max-width: 1080px){
	.o_pd01 {padding: 80px 0;}
	.o_pd02 {padding: 80px 0 80px;}
	.o_pd_bot {padding-bottom: 80px;}

	.br_1080n{display:none;}
}
@media screen and (max-width: 720px){
    .o_pd01 {padding: 60px 0;}
    .o_pd02 {padding: 60px 0;}
    .br_720o {display:block;}
    .br_720n {display:none;}
}
@media screen and (max-width: 490px){
    .br_490o {display:block;}
}

/*font-size*/
.fs_14{font-size: .875rem;}
.fs_15{font-size: .9375rem;}
.fs_16{font-size: 1rem;}
.fs_18{font-size: 1.125rem;}
.fs_20{font-size: 1.25rem;}
.fs_24{font-size: 1.5rem;}
.fs_25{font-size: 1.5625rem;}
.fs_26{font-size: 1.625rem;}
.fs_28{font-size: 1.75rem;}
.fs_30{font-size: 1.875rem;}
.fs_38{font-size: 2.375rem;}
.fs_42{font-size: 2.625rem;}
.fs_45{font-size: 2.8125rem;}
.fs_54{font-size: 3.375rem;}
.fs_60{font-size: 3.75rem;}
.fs_71{font-size: 4.438rem;}
.fs_72{font-size: 4.5rem;}
.fs_92{font-size: 5.75rem;}
@media screen and (max-width: 1820px){
    .fs_28{font-size: 1.5rem;}
}
@media screen and (max-width: 1480px){
    .fs_71{font-size: 3.875rem;}
}
@media screen and (max-width: 1280px){
    .fs_71{font-size: 3rem;}
    .fs_25{font-size: 1.125rem;}
}
@media screen and (max-width: 1080px){
	.fs_28{font-size: 1.25rem;}
	.fs_20{font-size:1.125rem;}
	.fs_14{font-size:0.813rem;}
}
@media screen and (max-width: 720px){
	.fs_92{font-size: 60px;}
	.fs_72{font-size:2.1875rem;}
    .fs_71{font-size: 2.1875rem;}
    .fs_54{font-size: 2rem;}
    .fs_45{font-size: 1.875rem;}
	.fs_42 {font-size: 1.875rem;}
    .fs_28{font-size: 1.125rem;}
    .fs_24{font-size: .875rem;}
    .fs_20{font-size: 16px;}
    .fs_18{font-size: .875rem}
    .fs_16{font-size: .8125rem;}
    .fs_15{font-size: .8125rem;}
    .fs_14{font-size: .75rem;}
}


/* line-height */
.lh_23{line-height: 1.4375rem;}
.lh_26{line-height: 1.625rem;}
.lh_28{line-height: 1.75rem;}
.lh_30{line-height: 1.875rem;}
.lh_38{line-height: 2.375rem;}
.lh_50{line-height: 3.125rem;}
.lh_82{line-height: 5.125rem;}

@media screen and (max-width: 1480px) {
    .lh_82 {line-height: 4.6875rem;}
}
@media screen and (max-width: 1280px) {
    .lh_82 {line-height: 3.75rem;}
    .lh_38{line-height: 1.875rem;}
}
@media screen and (max-width: 1080px){
	.lh_30{line-height: 1.563rem;}
	.lh_26{line-height:1.563rem;}
}
@media screen and (max-width: 720px){
    .lh_82 {line-height: 2.6875rem;}
    .lh_38{line-height: 1.5rem;}
    .lh_28{line-height: 1.375rem;}
}

/*font-weight*/
.font_l{font-weight: 300;}
.font_r{font-weight: 400;}
.font_m{font-weight: 500;}
.font_sb{font-weight: 600;}
.font_b{font-weight: 700;}
.font_eb{font-weight: 800;}
.font_bl{font-weight: 900;}

.font_green {color: #94c11e;}
.font_gray {color:#999;}
.font_w {color:#fff;}
/* ani-delay */
.o_delay_01{transition-delay: .2s !important;}
.o_delay_02{transition-delay: .4s !important;}
.o_delay_03{transition-delay: .6s !important;}
.o_delay_04{transition-delay: .8s !important;}
.o_delay_05{transition-delay: 1s !important;}
.o_delay_06{transition-delay: 1.2s !important;}

/*motion*/
/*t_motion_01 = script // t_motion_02 = hover*/
.t_motion_01 span, .t_motion_02 span{display: block;overflow: hidden;}
.t_motion_01 span i, .t_motion_02 span i{display: inline-block;transform: translateY(101%);transition: all .6s ease-out;}

.t_motion_03, .t_motion_04{transform: translateY(25px);opacity: 0;transition: all .6s ease-out;}

.t_motion_01.on span i{transform: translateY(-0%);}
.t_motion_04.on{transform: translateY(0);opacity: 1;}
.t_motion_02_h:hover .t_motion_02 span i{transform: translateY(0);}
.t_motion_03_h:hover .t_motion_03{transform: translateY(0);opacity: 1;}

.common_01 {transform: translateY(50px); opacity: 0; transition: transform .8s ease, opacity .4s;}
.o_motion.common_motion.on .common_01{ transform: translateY(0); opacity: 1;}

@media screen and (max-width: 920px){
    .pc_img{display: none;}
    .mo_img{display: block;}
}

.mo_br {display:none;}

@media screen and (max-width: 720px){
	.pc_br {display:none;}
    .mo_br{display: block;}
}



/*--- common ---*/
.texc {text-align:center;}