@charset "UTF-8";

@import url("font.css");
@import url("oia-table.css");
@import url("oia-sub-guide.css");
@import url("oia-board.css");
@import url("oia-search.css");

:root {
	/* common color */
	--color01:#545454;
	--color02:#767676;
	--color03:#C0C0C0;
	--color04:#F7F7F7;
	--color05:#D9D9D9;
	--color06:#003DA5;
	--color07:#002C63;
	--color08:#0048A0;
	--color09:rgba(0, 91, 194, 0.2);
	--color10:#005BC2;
	--color11:rgba(0, 72, 160, 0.4);
	--color12:#C0C0C0;
	--color13:#262626;
	--color14:rgba(0, 61, 165, 0.05);
	--color15:#6BBDE4;
	--color16:#BCBCBC;
	--color17:#003B84;
	--color18:#143365;
	--color19:rgba(107, 189, 228, 0.6);
	--color20:#0074B5;
	--color21:#F4F8FC;
	--color22:#0053CF;
	--color23:#BBBBBB;
	--color24:rgba(247, 247, 247, 0.6);
	--color25:#0360B4;
	--color26:rgba(20, 51, 101, 0.4);
	--color27:#ED1C24;
	--color28:#9E9E9E;
	--color29:#1A1F3D;
	--color30:#0056B9;
	--color31:#F4F4F4;
	--color32:rgba(118, 118, 118, 0.7);


	/* black */
	--black00:#000;
	--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);
	--black54: rgba(0, 0, 0, 0.54);
	--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);
	--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);
	--white33: rgba(255, 255, 255, 0.33);
	--white34: rgba(255, 255, 255, 0.34);
	--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-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;top:0 !important;font-family:'Paperlogy',sans-serif;font-weight:var(--font-weight-regular);font-size:1.6rem;color:var(--text-color01);/* iOS 특정 텍스트 확대 문제 해결 */-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;overflow-x:hidden;}
.font-playfair{font-family:'Playfair Display SC',sans-serif;}

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;}
/*input[type="checkbox"]{appearance:checkbox;-webkit-appearance:checkbox;-moz-appearance:checkbox;}*/
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;}
.pc-hide768{display:none !important;}
.pc-hide468{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-contain img{width:100%;height:100%;object-fit:contain;}
.txt-center,
.img-box{text-align:center;}
.justify-center{justify-content:center;}
.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%;}
.use-br{visibility:hidden;}
.fr-video{display:block;position:relative;padding-bottom:55%;width:100%; height:100%;overflow:hidden;}
.fr-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
/* 스크롤바 커스터마이징 */
.jini-custom-scrollbar{overflow:auto;}
.jini-custom-scrollbar::-webkit-scrollbar{width:2px;height:5px;} 
.jini-custom-scrollbar::-webkit-scrollbar-thumb{background-color:red;border-radius:10px;}
.jini-custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--color03);}
.jini-custom-scrollbar::-webkit-scrollbar-track{background-color:var(--color28);}

/* 마우스 오버 툴팁 */
.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;}

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

@media screen and (max-width:768px) {	
	.pc-hide768{display:block !important;}
	.mobile-hide768{display:none !important;}
}

@media screen and (max-width:480px){
	.pc-hide468{display:block !important;}
}