@charset "utf-8";

@import url(font.css);
@import url(popup.css);

:root {
    /*primary color*/
    --color-primary:#163676;
    --color-text-default:#111;
	
	/* common color */
	--color01:#F3F7FA;
	--color02:#747478;
	--color03:#DBEAF5;
	--color04:#464648;
	--color05:#ddd;
	--color06:#E8E8E8;
	--color07:#E4F6FF;
	--color08:#EBF2FF;
	--color09:#E8FFEF;
	--color10:#F1FFDB;
	--color11:#545456;
	--color12:#007CBD;
	--color13:#4274D0;
	--color14:#01892A;
	--color15:#66A900;
	--color16:#DAE5ED;
	--color17:#B4FF00;
	--color18:#2566AF;
	--color19:rgba(243,247,250,0.9);
	--color20:#0094D6;
	--color21:#EFEFEF;
	--color22:#05020F;
	--color23:#D8D8D8;
	--color24:#A0A0A0;
	--color25:#FAFAFA;
	--color26:#CFE8FB;
	--color27:#A62100;
	--color28:#B4C2DE;
	--color29:rgba(232, 232, 232, 0.7);
	--color30:#6AA2BF;
	--color31:#085B86;
	--color32:#849BC7;
	--color33:#194AA6;
	--color34:#7BBD8F;
	--color35:#146B2F;
	--color36:#A8C47C;
	--color37:#416900;
	
	/* 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);
	--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 */
	--white00:rgba(255, 255, 255, 0);
	--white10:rgba(255, 255, 255, 0.1);
	--white12:rgba(255, 255, 255, 0.12);
	--white14:rgba(255, 255, 255, 0.14);
	--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-thin:100;
	--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;
	--font-weight-black:900;
}

/* common */
html{font-size:10px;}
body{position:relative;font-family:'Noto Sans KR', sans-serif;font-weight:400;font-size:1.6rem;letter-spacing:-0.025em;color:var(--color-text-default);/* iOS 특정 텍스트 확대 문제 해결 */-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;overflow-x:hidden;}
html.all-fixed,
body.all-fixed{position:relative;/*height:100vh;*/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;}

.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-border{border:0 !important;}
.no-before:before{display:none !important;}
.no-after:after{display:none !important;}
.object-fit img{width:100%;height:100%;object-fit:cover;}
.object-fit-contain img{width:100%;height:100%;object-fit:contain;}
.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:6px;} 
.jini-custom-scrollbar::-webkit-scrollbar-thumb{width:10%;background-color:rgba(0,0,0,0.1);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;}

.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.text-regular{font-weight:var(--font-weight-regular) !important;}
.text-medium{font-weight:var(--font-weight-medium) !important;}
.text-semibold{font-weight:var(--font-weight-semibold) !important;}
.text-bold{font-weight:var(--font-weight-bold) !important;}
.text-underline{text-decoration:underline !important;}
.color-blue{color:var(--color26) !important}
.pd-t08{padding-top:8px !important;}
.pd-t10{padding-top:1rem !important;}
.pd-t15{padding-top:1.5rem !important;}
.pd-t20{padding-top:2rem !important;}
.pd-t30{padding-top:3rem !important;}
.pd-b10{padding-bottom:1rem !important;}
.pd-b20{padding-bottom:2rem !important;}
.pd-b30{padding-bottom:3rem !important;}
.pd-b40{padding-bottom:4rem !important;}
.pd-tb08{padding-top:8px !important;padding-bottom:8px !important;}
.pd-tb10{padding-top:1rem !important;padding-bottom:1rem !important;}
.pd-tb20{padding-top:2rem !important;padding-bottom:2rem !important;}
.pd-l10{padding-left:1rem !important;}
.pd-l20{padding-left:2rem !important;}
.pd-lr20{padding-left:2rem !important;padding-right:2rem !important;}
.mg-t5{margin-top:5px !important;}
.mg-t10{margin-top:1rem !important;}
.mg-t20{margin-top:2rem !important;}
.mg-t30{margin-top:3rem !important;}
.mg-t50{margin-top:5rem !important;}
.mg-t60{margin-top:6rem !important;}
.mg-t07{margin-top:0.7rem !important;}
.mg-b10{margin-bottom:1rem !important;}
.mg-b12{margin-bottom:1.2rem !important;}
.mg-b20{margin-bottom:2rem !important;}
.mg-b30{margin-bottom:3rem !important;}
.mg-b40{margin-bottom:4rem !important;}
.mg-tb10{margin-top:1rem !important;margin-bottom:1rem !important;}
.mg-tb20{margin-top:2rem !important;margin-bottom:2rem !important;}
.mg-l20{margin-left:2rem !important;}
.no-mg-t{margin-top:0 !important;}
.no-mg-b{margin-bottom:0 !important;}
.no-pd-l{padding-left:0 !important;}

@media screen and (max-width:1024.98px) {
	/* common */
	.pc-hide{display:block !important;}
	.mobile-hide{display:none !important;}
	/* 이미지 확대 축소 버튼 */
	.zoom-in{display:block;position:absolute;bottom:0;right:0;margin:10px;width:30px;height:30px;}
	.zoom-in img{width:100%;}
}