/* ¸ÞÀÎ ½½¶óÀ̵å+·Î±×ÀÎ */
	.banner-login-container {  clear:both; display:flex; gap:40px; width:100%; max-width:1100; padding:0 10; margin-top:20px; }
	@media screen and (max-width: 700px) { .banner-login-container { padding: 0px; } }

	.banner-container-custom { width:100%; max-width: 750px; height: 200px; float: left; position: relative; overflow: hidden; border-radius: 12px; }
	@media screen and (max-width: 700px) { .banner-container-custom { border-radius: 0px; } }

	.banner-slide-custom { width:calc(750px * 3); height: 200px; display: flex; transition: transform 0.5s ease-in-out; }

	.banner-custom {  width: 750px; height: 200px; padding: 20px; border-radius: 12px;
		background-repeat: no-repeat; background-position: center; background-size: 110%; position: relative; }
	@media screen and (max-width: 800px) { .banner-custom { border-radius: 0px; } }

	.banner-custom.active { }
	.banner-content-custom  { opacity: 1; position: absolute; top: 15px; left: 20px;  list-style-type: none; padding:0; margin:0 }
	.banner-content-custom2 { opacity: 1; position: absolute; top: 15px; right: 20px; list-style-type: none; padding:0; margin:0 }
        @media screen and (max-width: 1100px) { .banner-content-custom2 { right: auto; left: 200px; } }
        @media screen and (max-width: 900px)  { .banner-content-custom2 { right: auto; left: 100px; } }
        @media screen and (max-width: 800px)  { .banner-content-custom2 { right: auto; left: 20px; } }

	.banner-title-custom { opacity:1; padding:15; border-radius:12px;
		color:#efefef; font-size: 25px; font-weightx: bold; text-shadowx: 1px 1px 1px #efefef;
		margin-top: 10px; margin-bottom: 20px;  
		font-family:GongGo; letter-spacing:2px; }

	.banner-text-custom { opacity:0.7; display: inline-block; padding:5 10; border-radius:12px; margin-bottom:35px;
		background:#EFF8FD; color: #115C87; font-size: 1.5em; margin-top: 0px; text-shadow: 1px 1px 1px #cdcdcd; }

	.banner-buttons-custom span { opacity:1; }
	.banner-buttons-custom A { text-decoration:none !important; }

	.banner-nav-custom { position: absolute; bottom: 5px; right: 5px; display: flex; }
	.nav-dot-custom { width: 20px; height: 20px; border-radius: 50%; margin: 0 3px; cursor: pointer; display: flex; align-items: center; justify-content: center;
		font-size: 14px; color: gray; background-color: #95BBC5;  }
	.nav-dot-custom.active { background-colorz: #333; color: black; }

	.highlighted-text {
		color:#3b5998; font-size: 30px; font-weight: bold; vertical-align:2px;
		text-shadowx: 0 0 1px white, 0 0 2px white, 0 0 3px white, 0 0 4px white; }




/* Ä«Å×°í¸® */

	.category-buttons-container { width: 100%; max-width: 1100px; padding: 10px; margin-top: 10px;
			box-sizing: border-box; overflow: hidden; position: relative;
			}

	.arrow-right { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 24px;
		color: #888; cursor: pointer; display: none; /* Ãʱ⿡´Â ¼û±è */
		}
	@media screen and (max-width: 800px) { .arrow-right { display: block; } }

	.category-buttons-list { list-style: none; padding: 0; margin-top: 0; display: inline-flex; }
	.category-buttons-list li { margin: 5px; }
	.category-buttons-list a { font-size: 14px !important; line-height: 1.5; text-decoration: none !important; color: gray; }
	.category-buttons-list img { height:48; margin:10px 10px 20px 10px; 28; }

	.category-buttons-container a { display: inline-block; align-items: center; justify-content: center; width: 80px; height: 80px; 
		border-radius: 12px; border: solid 1px #bcbcbc;
		transition: background-color 0.3s ease; box-sizing: border-box; text-align: center; background: #fefefe; padding: 5 5px; margin:0 5px;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
		}
	.category-buttons-container a:hover { 
		background-color: #E8E9EA; color: #438AA6; border: solid 1px #438AA6; 
		transform: translateY(-5px); box-shadow: 0 4px 10px rgba(0,0,0,0.15);
		}
	.category-buttons-container::-webkit-scrollbar { display: none; }
	.category-buttons-container { -ms-overflow-style: none; scrollbar-width: none; }
	.category-buttons-container { -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

    


/*±¸±Û±¤°í + ÇÖÀ̽´ */
	.inkiDoc-container { width:100%; max-width:1100; gap:40px; margin-top:30px; margin-bottom:40px; display:flex; }
	.inkiDocTitle { width:100%; height:30px; padding:10;
			background:#efefef; font-size:13px; font-weight:bold;
			display: flex; align-items: center; justify-content: center;
			border:solid 1px #B9B9B9; border-bottom:0px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
	.inkiDocTitle a { font-size:18px !important; text-decoration:none !important; }

	.inkiDocList  { width:270px; line-height:2; padding:20 20; text-align:left; background:#fefefd;
		border:solid 1px #B9B9B9; border-radius: 12px; box-sizing:border-size; }
	.inkiDocList ul  { list-style: none; padding:0; margin:0; }

	@media screen and (max-width: 1100px) {	/* °¡¿îµ¥Á¤·ÄÇϱâÀ§ÇØ*/
		.dv_google {
		    max-width: none !important; /* ÃÖ´ë ³Êºñ Á¦°Å */
		    margin: 0 auto; /* ÁÂ¿ì ¸¶Áø ÀÚµ¿ ¼³Á¤ (°¡¿îµ¥ Á¤·Ä) */
		    float: none !important; /* float ¼Ó¼º Á¦°Å */
		    display: block; /* block ¿ä¼Ò·Î º¯°æ */
		    background: none !important; /* float ¼Ó¼º Á¦°Å */
		}
		}

	.newsArr { float:right; padding:0 3; cursor:pointer; color:#cdcdcd; font-size:18px }
	.newsArr:hover { color:gray; }

	.newsBox { width:270; height:310; padding:5 0; margin-top:15px; overflow: hidden; position: relative; border:solid 0px red }
	.newsBox ul { list-style-type: none; }
	.newsBox li { padding:5 10; display: flex; align-items: center; }