@charset "UTF-8";

@import url(font.css);
@import url(sub-guide.css);

:root {
	/* common color */
	--color01:#0E1721;
	--color02:#9E9D9D;
	--color03:#858484;
	--color04:#05367B;
	--color05:#121D28;
	--color06:rgba(18, 29, 40, 0);
	--color07:#00BAFF;
	--color08:#D9E7FF;
	--color09:#2E2F31;
	--color10:#6A6868;
	--color11:#DCE9FF;
	--color12:rgba(18, 29, 40, 0.7);
	--color13:#EAF1FF;
	--color14:#023BCF;
	--color15:#121315;
	--color16:#9DBEFF;
	--color17:#797979;
	--color18:#CACACB;
	--color19:rgba(217, 217, 217, 0.5);
	--color20:rgba(220, 233, 255, 0);
	--color21:rgba(121, 121, 121, 0.5);
	--color22:#96BBFB;
	--color23:#FAFAFA;
	--color24:#E8EDF2;
	--color25:#1174FF;
	--color26:rgba(121, 121, 121, 0.3);
	--color27:#595E65;
	--color28:#181B1F;
	--color29:#ECEFF4;
	--color30:#4C4A4A;
	--color31:#FA7F04;
	--color32:#DD0695;
	--color33:rgba(157, 190, 255, 0.12);
	--color34:#EFEFEF;
	--color35:#CACACA;
	--color36:rgba(2, 59, 207, 0.04);
	--color37:#3E444C;
	--color38:#FF3C3C;
	--color39:rgba(2, 59, 207, 0.2);
	--color40:#72767C;
	--color41:#F1F1F1;
	--color42:#DBDCDE;
	--color43:#FB6500;
	--color44:#2E3238;
	--color45:#3569B3;
	--color46:#033D8F;
	--color47:#042F6C;
	--color48:#E2E2E2;
	--color49:rgba(22, 29, 47, 0.2);
	--color50:#161D2F;
	--color51:#C2C4C7;
	--color52:#ECECEC;
	--color53:rgba(250, 250, 250, 0.5);
	--color54:#BDBCC8;
	--color55:#888792;
	--color56:#A4E6FF;
	--color57:#306CED;
	--color58:#D9D9D9;
	--color59:#09A4E1;
	--color60:#040910;
	--color61:#8D9196;
	--color62:#DAE7FA;
	--color63:#F3F4F6;
	--color64:#1A2530;
	
	/* black */
	--black01:#111;
	--black02:#222;
	--black03:#333;
	--black04:#444;
	--black05:#555;
	--black06:#666;
	--black07:#777;
	--black08:#888;
	--black09:#999;

	/* black */
	--black10: rgba(0, 0, 0, 0.1);
	--black12: rgba(0, 0, 0, 0.12);
	--black15: rgba(0, 0, 0, 0.15);
	--black20: rgba(0, 0, 0, 0.2);
	--black25: rgba(0, 0, 0, 0.25);
	--black30: rgba(0, 0, 0, 0.3);
	--black35: rgba(0, 0, 0, 0.35);
	--black40: rgba(0, 0, 0, 0.4);
	--black45: rgba(0, 0, 0, 0.45);
	--black50: rgba(0, 0, 0, 0.5);
	--black55: rgba(0, 0, 0, 0.55);
	--black60: rgba(0, 0, 0, 0.6);
	--black65: rgba(0, 0, 0, 0.65);
	--black70: rgba(0, 0, 0, 0.7);
	--black75: rgba(0, 0, 0, 0.75);
	--black80: rgba(0, 0, 0, 0.8);
	--black85: rgba(0, 0, 0, 0.85);
	--black90: rgba(0, 0, 0, 0.9);
	--black95: rgba(0, 0, 0, 0.95);
	--black100: #000;

	/* white */
	--white10: rgba(255, 255, 255, 0.1);
	--white12: rgba(255, 255, 255, 0.12);
	--white15: rgba(255, 255, 255, 0.15);
	--white20: rgba(255, 255, 255, 0.2);
	--white25: rgba(255, 255, 255, 0.25);
	--white30: rgba(255, 255, 255, 0.3);
	--white35: rgba(255, 255, 255, 0.35);
	--white40: rgba(255, 255, 255, 0.4);
	--white45: rgba(255, 255, 255, 0.45);
	--white50: rgba(255, 255, 255, 0.5);
	--white55: rgba(255, 255, 255, 0.55);
	--white60: rgba(255, 255, 255, 0.6);
	--white65: rgba(255, 255, 255, 0.65);
	--white70: rgba(255, 255, 255, 0.7);
	--white75: rgba(255, 255, 255, 0.75);
	--white80: rgba(255, 255, 255, 0.8);
	--white85: rgba(255, 255, 255, 0.85);
	--white90: rgba(255, 255, 255, 0.9);
	--white95: rgba(255, 255, 255, 0.95);
	--white100: #FFF;

	/* font-weight */
	--font-weight-extralight:200;
	--font-weight-light:300;
	--font-weight-regular:400;
	--font-weight-medium:500;
	--font-weight-semibold:600;
	--font-weight-bold:700;
	--font-weight-extrabold:800;

}

/* common */
html{font-size:10px;}
body{position:relative;font-family:'Roboto', sans-serif;font-weight:var(--font-weight-regular);font-size:1.6rem;color:var(--color01);/* iOS 특정 텍스트 확대 문제 해결 */-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;overflow-x:hidden;}
.font-lgei{font-family: 'LGEIText', sans-serif;}
html.all-fixed,
body.all-fixed{position:relative;overflow:hidden;}
a{word-break:break-word;}
img{max-width:100%;}
address{font-style:normal;}
input[type="text"], input[type="password"], button{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
button{border:none;cursor:pointer;}
select::-ms-expand{display:none;}

.over-hidden{overflow:hidden;}
.hide:not(caption){display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
caption.hide{position:static;width:0;height:0;text-indent:-9999px;}
.pc-hide{display:none !important;}
.no-pd{padding:0 !important;}
.no-pd-t{padding-top:0 !important;}
.no-pd-b{padding-bottom:0 !important;}
.no-mg{margin:0 !important;}
.no-mg-t{margin-top:0 !important;}
.no-mg-b{margin-bottom:0 !important;}
.no-border{border:0 !important;}
.no-before:before{display:none !important;}
.no-after:after{display:none !important;}
.pd-b10{padding-bottom:1rem !important;}
.object-fit img{width:100%;height:100%;object-fit:cover;}
.img-ratio{position:relative;height:0;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.img-ratio img{position:absolute;top:0;left:0;width:100%;height:100%;}

/* 스크롤바 커스터마이징 */
.jini-custom-scrollbar{overflow:auto;}
.jini-custom-scrollbar::-webkit-scrollbar{width:3px;} 
.jini-custom-scrollbar::-webkit-scrollbar:horizontal{height:3px;}
.jini-custom-scrollbar::-webkit-scrollbar-thumb{height:1rem;background-color:var(--color21);border-radius:10px;}
.jini-custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);}
.jini-custom-scrollbar::-webkit-scrollbar-track{background-color:rgba(255,255,255,1);}

/* 마우스 오버 툴팁 */
.jini-tooltip-label{position:absolute;z-index:100;margin:0 0 5px;padding:5px 10px;background:rgba(0, 0, 0, 0.8);border-radius:5px;font-size:1.4rem;color:#fff;transition:all 0.2s;box-sizing:border-box;}
.jini-tooltip-label:after{content:'';display:block;position:absolute;top:100%;left:5px;margin:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0, 0, 0, 0.8);}
.jini-text-ellipsis{text-decoration:underline;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

/* layout  */
.footer-wrap{background-color:var(--color60);}
.sub-visual-outer{position:relative;}
.top-navi-wrap{position:absolute;left:0;bottom:0;width:100%;border-top:1px solid var(--color21);background: linear-gradient(0deg, var(--black40), var(--black40)),linear-gradient(0deg, var(--black30) 62.5%, var(--black20) 85%, rgba(0, 0, 0, 0) 100%);}
.top-navi-wrap .top-navi-box{display:flex;align-items:center;flex-wrap:wrap;margin:0 auto;padding:0 2rem;max-width:112.8rem;box-sizing:border-box;}
.top-navi-wrap .top-navi-box:has(.tab-wrap){justify-content:space-between;}
.top-navi-wrap .top-navi-box:not(:has(.tab-wrap)){justify-content:flex-end;}
.content-wrap{margin:8rem 0 10rem;}
.content-wrap:has(:is(.content-box,.co-board).w-no-mg){margin:0;}
.content-wrap:has(:is(.content-box,.co-board).w-no-mg-t){margin-top:0;}
.content-wrap:has(:is(.content-box,.co-board).w-no-mg-b){margin-bottom:0;}
:is(.content-box,.co-board).bg-blue{padding:8rem 0 10rem;background:var(--color24);}

@media screen and (max-width:1024.98px) {
	/* common */
	.pc-hide{display:block !important;}
	.pc-hide-inline-flex{display:inline-flex !important;}
	.mobile-hide{display:none !important;}

	/* layout */
	.top-navi-wrap{position:static;border-top:none;background:var(--black100);}
	.top-navi-wrap .top-navi-box{flex-direction:column-reverse;padding:0;}
	.top-navi-wrap .top-navi-box .tab-wrap{align-self:flex-start;width:100%;border-top:1px solid var(--color21);}
	.top-navi-wrap .top-navi-box .path-wrap{display:flex;justify-content:flex-end;width:100%;}
	.content-wrap{margin:6.4rem 0 8rem;}
	:is(.content-box,.co-board).bg-blue{padding:6.4rem 0 8rem;}
}