@charset "UTF-8";

:root{
	--highlight-color:rgba(255, 255, 255, 0.1);

	/* color - black */
	--co-blk:#000;
	--co-blk1:#1A1A1A;
	--co-blk2:#262626;
	--co-blk3:#343434;
	--co-blk4:#707070;

	/* color - white */
	--co-wht:#FFF;

	/* color - red */
	--co-red1:#EA144E;
	--co-red2:#840A2B;
	--co-red-grd:linear-gradient(128deg, #EA144E, #FFA67E);

	/* color - blue */
	--co-blue1:#14ADEA;
	--co-blue2:#1C95C5;
}

/* css basic settings & assets(add class) */
html, body{width:100%;min-height:100vh;}
body{font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-texts-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0.03);-webkit-tap-highlight-color:var(--highlight-color);-webkit-user-drag:none;user-select:none;line-height:1.2;}

body.not-scrollable{overflow:hidden;}
.inactive{display:none !important;}
.text-hidden{position:absolute !important;top:0 !important;left:0 !important;width:1px !important;min-width:0 !important;height:1px !important;min-height:0 !important;padding:0 !important;margin:0 !important;font-size:0 !important;overflow:hidden !important;clip:rect(0px, 0px, 0px, 0px) !important;clip:rect(0, 0, 0, 0) !important;opacity:0 !important;z-index:-10 !important;border:0 none !important;pointer-events:none !important;}

.vis-hidden{visibility:hidden;}
.overflow_hidden{overflow:hidden;}

a, img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none;}

a, button{touch-action:manipulation;}

input::placeholder, textarea::placeholder{color:var(--holder-color);}
.input_text_disc{-webkit-text-security:disc !important;}

/* clears the 'X' from Internet Explorer */
input.hide-clear[type=search]::-ms-clear,
input.hide-clear[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input.hide-clear[type="search"]::-webkit-search-decoration,
input.hide-clear[type="search"]::-webkit-search-cancel-button,
input.hide-clear[type="search"]::-webkit-search-results-button,
input.hide-clear[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.invisible{visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}

.btn-reset{padding:0;margin:0;background-color:transparent;border:0 none;border-radius:0;box-shadow:none;outline:none;font-family:inherit;text-decoration:none;cursor:pointer;}
.btn-reset:focus{outline:none;}

.cursor_default{cursor:default !important;}
.cursor_pointer{cursor:pointer;}
.cursor_not_allowed{cursor:default !important;cursor:not-allowed !important;}

.block-pointer{pointer-events:none !important;}
.normal-pointer{pointer-events:auto !important;}

.block_{display:block;}
.inline_block_{display:inline-block;}
.flex_{display:-ms-flexbox;display:-moz-flex;display:-o-flex;display:-webkit-flex;display:flex;}
.inline_flex_{display:-webkit-inline-flex;display:-moz-inline-flex;display:inline-flex;}
.tabing{justify-content:center;align-items:center;}
.align_items_start{align-items:flex-start;}
.align_items_center{align-items:center;}
.align_items_end{align-items:flex-end;}
.align_items_baseline{align-items:baseline;}
.align_items_stretch{align-items:stretch;}
.align_self_start{align-self:flex-start;}
.align_self_center{align-self:center;}
.align_self_end{align-self:flex-end;}
.align_self_baseline{align-self:baseline;}
.align_self_stretch{align-self:stretch;}
.justify_start{justify-content:flex-start;}
.justify_center{justify-content:center;}
.justify_end{justify-content:flex-end;}
.justify_between{justify-content:space-between;}
.justify_around{justify-content:space-around;}
.justify_evenly{justify-content:space-evenly;}
.flex_wrap_{flex-wrap:wrap;}
.flex_column_{-moz-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.gap2{gap:2px;}
.gap3{gap:3px;}
.gap4{gap:4px;}
.gap5{gap:5px;}
.gap6{gap:6px;}
.gap7{gap:7px;}
.gap8{gap:8px;}
.gap9{gap:9px;}
.gap10{gap:10px;}
.gap12{gap:12px;}
.gap15{gap:15px;}
.gap20{gap:20px;}
.gap25{gap:25px;}
.gap30{gap:30px;}
.gap5-12{gap:5px 12px;}
.gap5-15{gap:5px 15px;}
.gap7-20{gap:7px 20px;}
.gap10-5{gap:10px 5px;}
.gap10-15{gap:10px 15px;}
.gap10-25{gap:10px 25px;}
.gap15-5{gap:15px 5px;}
.gap15-25{gap:15px 25px;}
.gap20-10{gap:20px 10px;}
.gap20-15{gap:20px 15px;}
.gap30-10{gap:30px 10px;}
.gap30-15{gap:30px 15px;}
.mb-gap10-5{gap:10px;}
.mb-gap12-5{gap:12px;}
.mb-gap15-10{gap:15px;}
.mb-gap20-5{gap:20px;}
.flex1{flex:1;}
.flex1-0{flex:1 0 0%;}
.flexAuto{flex:1 1 auto;}
.shrink0{flex-shrink:0;}
.flexBasis300{flex-basis:300px;}

.line_height_1_2{line-height:1.2;}

.truncated{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.line_clamp2, .line_clamp3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.62em;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.line_clamp2.line_height_1_2{max-height:2.42em;}
.line_clamp3{-webkit-line-clamp:3;max-height:3.92em;}
.line_clamp3.line_height_1_2{max-height:3.62em;}
.text_left{text-align:left;}
.text_center{text-align:center;}
.text_right{text-align:right;}
.white_space_nowrap{white-space:nowrap;}
.white_space_wrap{white-space:normal;}
.white_space_pre_line{white-space:pre-line;}
.word_break_keep{word-break:keep-all;word-wrap:break-word;}
.word_break_word{word-break:break-word;}
.line_through{text-decoration:line-through;}
.transition{transition:all 0.25s ease;}
.hover-underline:hover{text-decoration:underline;}

.bd-radius5{border-radius:5px;}

.ft_weight_light{font-weight:300;}
.ft_weight_normal{font-weight:400;}
.semi_bold{font-weight:500;}
.semi_bold2{font-weight:600;}
.bold{font-weight:700;}
.ft-size-down{font-size:0.875em;}
.ft-size-26{font-size:26px;}
.ft-size-25{font-size:25px;}
.ft-size-24{font-size:24px;}
.ft-size-22{font-size:22px;}
.ft-size-20{font-size:20px;}
.ft-size-18{font-size:18px;}
.ft-size-17{font-size:17px;}
.ft-size-16{font-size:16px;}
.ft-size-14{font-size:14px;}
.ft-size-13{font-size:13px;}
.ft-size-12{font-size:12px;}
.ft-size-11{font-size:11px;}
.ft-size-10{font-size:10px;}
.ft-size-9{font-size:9px;}
.ft-size-8{font-size:8px;}
.ft-size-5{font-size:5px;}
.text-align-center{text-align:center;}

.co_black{color:#000;}
.co_white{color:#FFF;}
.co_sub_common{color:#878787;}
.co_70{color:#707070;}
.co_red1{color:var(--co-red1);}
.co_red2{color:var(--co-red2);}
.co_ab{color:#ABABAB;}
.co_d1{color:#D1D1D1;}

.pos_relative{position:relative;}
.pos_absolute{position:absolute !important;}
.top0{top:0 !important;}
.top50{top:50% !important;transform:translateY(-50%);}
.top100{top:100%;}
.bottom0{bottom:0 !important;}
.bottom100{bottom:100% !important;}
.left0{left:0 !important;right:auto !important;}
.left50{left:50% !important;right:auto !important;transform:translate3d(-50%, 0, 0);}
.right0{right:0 !important;left:auto !important;}

.fullWidth{width:100%;}
.widthAuto{width:auto !important;}
.heightAuto{height:auto !important;}
.minWidth0{min-width:0;}
.minWidth42{min-width:42px;}
.maxWidth100{max-width:100% !important;}
.maxWidth90{max-width:90%;}
.maxHeightMd{max-height:calc(100vh - 20px);}
.maxHeight65{max-height:65vh;max-height:65dvh;}
.maxHeight70{max-height:70vh;max-height:70dvh;}
.minHeight35{min-height:35%;min-height:35vh;min-height:35dvh;}
.minHeight50{min-height:50%;min-height:50vh;min-height:50dvh;}
.minHeight80{min-height:80%;min-height:80vh;min-height:80dvh;}
.minHeight85{min-height:85%;min-height:85vh;min-height:85dvh;}
.minHeight90{min-height:90%;min-height:90vh;min-height:90dvh;}
.minHeight95{min-height:95%;min-height:95vh;min-height:95dvh;}
.minHeight100{min-height:100%;min-height:100vh;}
.aspect1-1{aspect-ratio:1 / 1;}

.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.scrollable_x{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.scrollbar-custom::-webkit-scrollbar{width:5px;}
.scrollbar-custom::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:5px;background-color:rgba(212, 212, 212, 0.4);}

.width1em{width:1em;}
.height1em{height:1em;}

.mgAuto{margin:auto;}
.mglAuto{margin-left:auto;}
.mgrAuto{margin-right:auto;}
.mgtAuto{margin-top:auto !important;}
.mgbAuto{margin-bottom:auto;}
.mgxAuto{margin-left:auto;margin-right:auto;}
.mg0{margin:0 !important;}
.mgl0{margin-left:0 !important;}
.mgr0{margin-right:0 !important;}
.mgt0{margin-top:0 !important;}
.mgb0{margin-bottom:0 !important;}
.mgt1{margin-top:1px !important;}
.mgb1{margin-bottom:1px !important;}
.mgl1{margin-left:1px !important;}
.mgr1{margin-right:1px !important;}
.mgt2{margin-top:2px !important;}
.mgb2{margin-bottom:2px !important;}
.mgl2{margin-left:2px !important;}
.mgr2{margin-right:2px !important;}
.mgt3{margin-top:3px !important;}
.mgb3{margin-bottom:3px !important;}
.mgl3{margin-left:3px !important;}
.mgr3{margin-right:3px !important;}
.mgt4{margin-top:4px !important;}
.mgb4{margin-bottom:4px !important;}
.mgl4{margin-left:4px !important;}
.mgr4{margin-right:4px !important;}
.mgt5{margin-top:5px !important;}
.mgb5{margin-bottom:5px !important;}
.mgl5{margin-left:5px !important;}
.mgr5{margin-right:5px !important;}
.mgt6{margin-top:6px !important;}
.mgb6{margin-bottom:6px !important;}
.mgl7{margin-left:7px !important;}
.mgr7{margin-right:7px !important;}
.mgt7{margin-top:7px !important;}
.mgb7{margin-bottom:7px !important;}
.mgt8{margin-top:8px !important;}
.mgb8{margin-bottom:8px !important;}
.mgt10{margin-top:10px !important;}
.mgb10{margin-bottom:10px !important;}
.mgl10{margin-left:10px !important;}
.mgr10{margin-right:10px !important;}
.mgt11{margin-top:11px !important;}
.mgb11{margin-bottom:11px !important;}
.mgl11{margin-left:11px !important;}
.mgr11{margin-right:11px !important;}
.mgt12{margin-top:12px !important;}
.mgb12{margin-bottom:12px !important;}
.mgl12{margin-left:12px !important;}
.mgr12{margin-right:12px !important;}
.mgt15{margin-top:15px !important;}
.mgb15{margin-bottom:15px !important;}
.mgl15{margin-left:15px !important;}
.mgr15{margin-right:15px !important;}
.mgt20{margin-top:20px !important;}
.mgb20{margin-bottom:20px !important;}
.mgt23{margin-top:23px !important;}
.mgb23{margin-bottom:23px !important;}
.mgt25{margin-top:25px !important;}
.mgb25{margin-bottom:25px !important;}
.mgt30{margin-top:30px !important;}
.mgb30{margin-bottom:30px !important;}
.mgt35{margin-top:35px !important;}
.mgb35{margin-bottom:35px !important;}
.mgt40{margin-top:40px !important;}
.mgb40{margin-bottom:40px !important;}
.mgt50{margin-top:50px !important;}
.mgb50{margin-bottom:50px !important;}
.mgt60{margin-top:60px !important;}
.mgb60{margin-bottom:60px !important;}
.mgt70{margin-top:70px !important;}
.mgb70{margin-bottom:70px !important;}

.mgt-1{margin-top:-1px !important;}
.mgb-1{margin-bottom:-1px !important;}
.mgr-1{margin-right:-1px !important;}
.mgt-2{margin-top:-2px !important;}
.mgb-2{margin-bottom:-2px !important;}
.mgt-3{margin-top:-3px !important;}
.mgb-3{margin-bottom:-3px !important;}
.mgt-4{margin-top:-4px !important;}
.mgt-5{margin-top:-5px !important;}
.mgr-5{margin-right:-5px !important;}

.pd0{padding:0 !important;}
.pd5{padding:5px !important;}
.pd10{padding:10px !important;}
.pd12{padding:12px !important;}
.pd15{padding:15px !important;}
.pd20{padding:20px !important;}

.pdt0{padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}
.pdl0{padding-left:0 !important;}
.pdr0{padding-right:0 !important;}
.pdl1{padding-left:1px !important;}
.pdr1{padding-right:1px !important;}
.pdt1{padding-top:1px !important;}
.pdb1{padding-bottom:1px !important;}
.pdt2{padding-top:2px !important;}
.pdb2{padding-bottom:2px !important;}
.pdl2{padding-left:2px !important;}
.pdr2{padding-right:2px !important;}
.pdt3{padding-top:3px !important;}
.pdb3{padding-bottom:3px !important;}
.pdl3{padding-left:3px !important;}
.pdr3{padding-right:3px !important;}
.pdt4{padding-top:4px !important;}
.pdb4{padding-bottom:4px !important;}
.pdl4{padding-left:4px !important;}
.pdr4{padding-right:4px !important;}
.pdt5{padding-top:5px !important;}
.pdb5{padding-bottom:5px !important;}
.pdl5{padding-left:5px !important;}
.pdr5{padding-right:5px !important;}
.pdt6{padding-top:6px !important;}
.pdb6{padding-bottom:6px !important;}
.pdl6{padding-left:6px !important;}
.pdr6{padding-right:6px !important;}
.pdt7{padding-top:7px !important;}
.pdb7{padding-bottom:7px !important;}
.pdl7{padding-left:7px !important;}
.pdr7{padding-right:7px !important;}
.pd8{padding:8px !important;}
.pdt8{padding-top:8px !important;}
.pdb8{padding-bottom:8px !important;}
.pdt9{padding-top:9px !important;}
.pdb9{padding-bottom:9px !important;}
.pdt10{padding-top:10px !important;}
.pdb10{padding-bottom:10px !important;}
.pdt12{padding-top:12px !important;}
.pdb12{padding-bottom:12px !important;}
.pdl12{padding-left:12px !important;}
.pdr12{padding-right:12px !important;}
.pdt15{padding-top:15px !important;}
.pdb15{padding-bottom:15px !important;}
.pdt20{padding-top:20px !important;}
.pdb20{padding-bottom:20px !important;}
.pdt25{padding-top:25px !important;}
.pdb25{padding-bottom:25px !important;}
.pdt30{padding-top:30px !important;}
.pdb30{padding-bottom:30px !important;}
.pdt40{padding-top:40px !important;}
.pdb40{padding-bottom:40px !important;}
.pdt50{padding-top:50px !important;}
.pdb50{padding-bottom:50px !important;}
.pdl10{padding-left:10px !important;}
.pdr10{padding-right:10px !important;}
.pdl15{padding-left:15px !important;}
.pdr15{padding-right:15px !important;}
.pdl20{padding-left:20px !important;}
.pdr20{padding-right:20px !important;}
.pdl30{padding-left:30px !important;}
.pdr30{padding-right:30px !important;}

.opacity0{opacity:0 !important;}
.opacity1{opacity:1 !important;}
.opacity_8{opacity:0.8;}
.opacity_7{opacity:0.7;}
.opacity_6{opacity:0.6;}
.opacity_5{opacity:0.5;}
.opacity_4{opacity:0.4;}
.opacity_3{opacity:0.3;}

.svg_inner_text svg{width:1em;height:1em;fill:currentColor;}

/* black gradient dim */
.dim_grd{position:absolute;bottom:0;left:0;width:100%;height:42.5%;background:linear-gradient(to top, #000, transparent);}


@media screen and (min-width:768px){
	.mob-vis{display:none !important;}
}


@media screen and (max-width:767px){
	.mb-mgl0{margin-left:0 !important;}
	.mb-mgr0{margin-right:0 !important;}
	.mb-mgt0{margin-top:0 !important;}
	.mb-mgb0{margin-bottom:0 !important;}
	.mb-mgt1{margin-top:1px !important;}
	.mb-mgb1{margin-bottom:1px !important;}
	.mb-mgt2{margin-top:2px !important;}
	.mb-mgb2{margin-bottom:2px !important;}
	.mb-mgt3{margin-top:3px !important;}
	.mb-mgb3{margin-bottom:3px !important;}
	.mb-mgt5{margin-top:5px !important;}
	.mb-mgb5{margin-bottom:5px !important;}
	.mb-mgt10{margin-top:10px !important;}
	.mb-mgb10{margin-bottom:10px !important;}
	.mb-mgt15{margin-top:15px !important;}
	.mb-mgb15{margin-bottom:15px !important;}
	.mb-mgt20{margin-top:20px !important;}
	.mb-mgb20{margin-bottom:20px !important;}
	.mb-mgt25{margin-top:25px !important;}
	.mb-mgb25{margin-bottom:25px !important;}

	.mb-pdt0{padding-top:0 !important;}
	.mb-pdb0{padding-bottom:0 !important;}
	.mb-pdt5{padding-top:5px !important;}
	.mb-pdb5{padding-bottom:5px !important;}
	.mb-pdt10{padding-top:10px !important;}
	.mb-pdb10{padding-bottom:10px !important;}
	.mb-pdt15{padding-top:15px !important;}
	.mb-pdb15{padding-bottom:15px !important;}
	.mb-pdt20{padding-top:20px !important;}
	.mb-pdb20{padding-bottom:20px !important;}
	.mb-pdl10{padding-left:10px !important;}
	.mb-pdr10{padding-right:10px !important;}
	.mb-pdl15{padding-left:15px !important;}
	.mb-pdr15{padding-right:15px !important;}

	.mb-gap10-5, .mb-gap12-5{gap:5px;}
	.mb-gap15-10{gap:10px;}
	.mb-gap20-5{gap:5px;}

	.sm-gap6{gap:6px;}

	.mob-hidden{display:none !important;}
	.ft_sz_14_767x{font-size:0.875em;}
}


@media screen and (max-width:390px){
	.sm-ft-size-26{font-size:26px;}
	.sm-ft-size-25{font-size:25px;}
	.sm-ft-size-24{font-size:24px;}
	.sm-ft-size-22{font-size:22px;}
	.sm-ft-size-20{font-size:20px;}
	.sm-ft-size-18{font-size:18px;}
	.sm-ft-size-17{font-size:17px;}
	.sm-ft-size-16{font-size:16px;}
	.sm-ft-size-14{font-size:14px;}
	.sm-ft-size-13{font-size:13px;}
	.sm-ft-size-12{font-size:12px;}
	.sm-ft-size-11{font-size:11px;}
	.sm-ft-size-10{font-size:10px;}
	.sm-ft-size-9{font-size:9px;}
	.sm-ft-size-8{font-size:8px;}
	.sm-ft-size-5{font-size:5px;}
}