/* euc-kr ¹®¼­¸¦ À§ÇÑ ±âº» ¼³Á¤ */
@charset "euc-kr";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800&family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

* {
	font-family: "Noto Sans KR", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size : 16px;
	margin: 0;
    padding: 0;
}
ol, ul {
    list-style: none outside none;
}

label {
    /*display: none;*/
}

select {
	background:#ffffff;
	border: 1px solid #cccccc;
    color: #262626;
	padding: 5px 8px;
}
input {
	background:#ffffff;
	border: 1px solid #cccccc;
    color: #262626;
	padding: 5px 8px;
    border-radius: 4px;
}

/* Universal Box Sizing */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    line-height: 1.6;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

/* --- Header Section --- */
#main-header {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    position: relative;
    z-index: 100;
}

.header-content {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.header-left img {
width:285px;
}

.header-center {
    flex-grow: 1;
    text-align: center;
}

.case-search {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.case-search select,
.case-search input {
    padding: 5px 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
}
.case-search input {width:110px;}
.case-search .takyeong-text {
    font-weight: 600;
    color: #555;
}
.case-search .sagunnum-text {
color:#0070C0;
    font-weight: 600;
}
.case-search .search-button {
    background-color: #0070C0;
    color: #ffffff;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.2s ease;
}

.case-search .search-button:hover {
    background-color: #005a9e;
}

.header-right .text-menu {
    margin-left: 15px;
    font-size: 16px;
    padding: 5px 0;
	font-weight: 600;
}

.header-right .login {
    color: #104862;
}
.header-right .join {
    color: #104862;
}.header-right .mytaein {
    color: #104862;
}
.header-right .remote-support {
    color: #C04F15;
}
.header-right .goto-back {
    color: #19237b;
    background: #e7e7e7;
    padding: 5px 10px;
    border-radius: 5px 5px;
}

/* --- GNB Section --- */
#gnb-nav {
    width: 100%;
    min-width: 1200px;
    background-color: #0F2491;
    color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 99;
}

#gnb-nav.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 101;
	    padding: 2px 0 3px 0;
}

.gnb-menu {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    position: relative;
}

.gnb-menu li {
    position: relative;
    padding: 0 5px;
    height: 100%;
    display: flex;
    align-items: center;
}

.gnb-menu li a {
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
    white-space: nowrap;
    display: block;
    padding: 11px 8px 10px 8px;
}
.gnb-menu li:hover {
}
.gnb-menu li:hover > a {
    opacity: 1;
	color: red;
	background: #fff;
    border-radius: 5px 5px 0 0;
	width:100%;
    padding: 6px 8px 10px 8px;
	margin-top: 6px
}
.gnb-menu li a.hamburger-link {
	margin-top:0px;
	}
.gnb-menu li:hover a.hamburger-link {
	margin-top:0px;
	padding:5px;
    border-radius: 0 0;
	}
	.gnb-menu li a.scroll-home-link {
	margin-top:0px;
	}
		.gnb-menu li:hover a.scroll-home-link {
			margin-top:0px;
			padding:5px;
			border-radius: 0 0;
			}
#gnb-nav .gnb-menu.fixed-gnb-menu {
    background-color: #0F2491;
	transform: translateY(-100%);
	height:0px;
}

/* --- Fixed GNB specific styles --- */
#gnb-nav.fixed .gnb-menu.fixed-gnb-menu {
    background-color: #0F2491;
	transform: translateY(0%);
	height:50px;
	animation-duration: 0.25s;
	animation-name: slidein;
}
@keyframes slidein {
  from {
    margin-top: -50px;
    height: 50px;
  }
  to {
    margin-top: 0;
    height:0%;
  }
}
.gnb-menu.fixed-gnb-menu li {
    padding: 0 10px;
}

.gnb-menu.fixed-gnb-menu li a {
    font-size: 19px;
}
.gnb-menu .hamburger-link {
	padding:5px;
	border:solid 1px #333333;
	background:#fff;
}
.gnb-menu .scroll-home-link{
	padding:5px;
}
.gnb-menu .hamburger-link .material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 600,
  'GRAD' -25,
  'opsz' 24
}
.gnb-menu .hamburger-link .material-symbols-outlined {
  color:#333;
}
.gnb-menu.fixed-gnb-menu .scroll-home {
    min-width: 53px;
    vertical-align: top;
    text-align: right;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	position: absolute;
    top: 0;
    left: -50px;
}
.gnb-menu li a.scroll-home {
background:unset !important;
}
.gnb-menu.fixed-gnb-menu .has-submenu-side {
    min-width: 53px;
    vertical-align: top;
    text-align: right;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	position: absolute;
    top: 0;
    right: -150px;
}
.gnb-menu.fixed-gnb-menu .has-submenu-side-right {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
}
.gnb-menu.fixed-gnb-menu .has-submenu-side-right .has-submenu-side-li {
padding: 0 3px;
}
.gnb-menu.fixed-gnb-menu .has-submenu-side-right .has-submenu-side-li:hover {
	background: #0f2491;
	color:yellow;
	margin-top: 0px
}
.gnb-menu.fixed-gnb-menu .has-submenu-side-right .has-submenu-side-li a {
	color: #a3dcff;
    font-size: 14px;
}
.gnb-menu.fixed-gnb-menu .has-submenu-side-right .has-submenu-side-li a:hover {
	background: #0f2491;
	color:yellow;
	padding: 11px 8px 10px 8px;
	margin-top: 0px
}
.case-search-fixed {
	width:300px;
	display: inline-flex;
    align-items: center;
    gap: 3px;
    border-radius: 20px 20px;
    background: #fff;
    padding: 3px 20px;
}
.case-search-fixed select,
.case-search-fixed input {
    padding: 3px 5px;
    border: 0;
    border-radius: 2px;
	font-size:14px;
}
.case-search-fixed input {
	width:110px;
}
.case-search-fixed .sagunnum-text {
color:#333;
	font-size:14px;
}
.case-search-fixed .takyeong-text-fixed {
    font-weight: bold;
    color: #333;
	font-size:14px;
}
.case-search-fixed .search-button-fixed {
    background-color: #0070C0;
    color: #ffffff;
    border: none;
    padding: 2px 10px;
    border-radius: 23px;
    cursor: pointer;
	font-size:14px;
}
.case-search-fixed .search-button-fixed:hover {
    background-color: #005a9e;
}
.case-search-fixed .search-button-fixed .material-symbols-outlined {font-size:18px;}


/* --- All Sub-Menu Container Styling --- */
#all-submenus-container {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background-color: #39547b;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    padding: 20px 20px 40px 20px;
    box-sizing: border-box;
    z-index: 90;
    min-height: 100px;
	    overflow-x: auto;
    max-height: 560px;
}
#all-submenus-container .submenus-container-box {
		width: 1200px;
	    margin: 0 auto;
	}
/* °³º° ¼­ºê¸Þ´º ³»¿ëÀ» ´ã´Â ÄÁÅ×ÀÌ³Ê */
.submenu-content {
    display: none;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 30px;
}
/* active Ŭ·¡½º°¡ ºÎ¿©µÈ ¼­ºê¸Þ´º¸¸ º¸À̵µ·Ï */
.submenu-content.active {
    display: flex;
}

.submenu-column {
    flex: 0 0 auto;
    min-width: 170px;
    padding-right: 0px;
}

.submenu-column h4.submenu-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 3px;
    color: #fff2b0;
	padding: 4px 6px;
	border-bottom:solid 1px #cccccc;
}
	.submenu-column.blank h4.submenu-title {
		border-bottom:solid 0px #cccccc;
	}

/* Specific Sub-menu Title Color */
.submenu-column h4.stat-color {

}

.submenu-column ul {
    list-style: none;
	display: flex;
    flex-direction: column;
}

.submenu-column li a {
    padding: 0;
    white-space: nowrap;
    display: block;
	color: #fff;
    padding: 2px 5px;
    border-radius: 4px;
    display: inline-flex !important;
    align-items: center;
	width: 100%;
    border: 1px solid #00000000;
	    font-size: 18px;
}

.submenu-column li a.highlight-link {
    /*color: #0070C0 !important;
    background-color: #D4EDF8;
    border: 1px solid #6dcdf1;
    padding: 2px 5px;
    border-radius: 4px;
    display: inline-flex !important;
    align-items: center;
	width:100%*/
}

/**/
.submenu-column li a:hover{
    color: #0070C0 !important;
    background-color: #D4EDF8;
    border: 1px solid #6dcdf1;
    padding: 2px 5px;
    border-radius: 4px;
    display: inline-flex !important;
    align-items: center;
	width:100%
}
/* Specific Sub-menu Item Styles */
.submenu-column li .dark-text {
    color: #fff; /*#404040;*/
}

.popular-tag {
    background-color: #000;
    color: #ffffff;
    font-size: 12px;
    padding: 1px 7px;
    border-radius: 18px;
    margin-left: 5px;
	margin-top: 4px
    vertical-align: middle;
    display: flex;
    align-items: center;
	    justify-content: center;
        width: 40px;
}
.onthehouse-tag {
    background-color: #1533C9;
    color: #ffffff;
    font-size: 12px;
    padding: 1px 7px;
    border-radius: 18px;
    margin-left: 5px;
	margin-top: 4px
    vertical-align: middle;
    display: flex;
    align-items: center;
	    justify-content: center;
        width: 40px;
}

.highlight-link .selection-indicator {
    margin-left: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #0070C0;
}

/* --- Full Menu Specific Styling (Hamburger Menu Sub-menu) --- */
.full-menu-content-display {
    width: 100%;
    /* ³»ºÎ Ä«Å×°í¸®µéÀ» °¡·Î·Î ³ª¿­ */
    display: flex;
    flex-wrap: wrap; /* Ä«Å×°í¸®°¡ 7°³ ÃÊ°ú ½Ã ´ÙÀ½ ÁÙ·Î */
    justify-content: flex-start;
    gap: 30px; /* Ä«Å×°í¸® °£ °£°Ý */
    padding: 0; /* submenu-container¿¡¼­ ÀÌ¹Ì Æеù ÁֹǷΠ¿©±â¼­´Â Á¦°Å */
}

.full-menu-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* 7°³ Ä«Å×°í¸®¸¦ ±ÕµîÇÏ°Ô ºÐ¹è */
    width: 100%; /* Àüü ³Êºñ Â÷Áö */
}

.full-menu-category {
    /* °¢ Å« Ä«Å×°í¸® (°æ¸Å, °ø¸Å µî) */
    flex: 1 1 calc(100% / 7 - 20px); /* ÃÖ´ë 7°³ °¡·Î ³ª¿­, °£°Ý °í·Á */
    min-width: 120px; /* ³Ê¹« Á¼¾ÆÁöÁö ¾Êµµ·Ï ÃÖ¼Ò ³Êºñ */
    margin-bottom: 20px; /* Ä«Å×°í¸® ¾Æ·¡ ¿©¹é */
}

.full-menu-category .category-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc; /* border-bottom 1px #ccc */
    color: #fff; /* Ä÷¯ #215F9A */
}

.full-menu-category .category-columns {
    display: flex;
    gap: 10px; /* 2´Ü°è ¸Þ´º Ä÷³ °£ °£°Ý */
    margin-top: 10px;
}

.full-menu-category .menu-column-2nd {
    /* 2´Ü°è ¸Þ´º Ä÷³ */
    flex: 1; /* Ä÷³ ³»¿¡¼­ ±Õµî ºÐ¹è */
}

.full-menu-category .menu-2nd-item {
    /* 2´Ü°è ¸Þ´º Ç׸ñ (¿¹: °æ¸Å°Ë»ö) */
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 8px;
}

.full-menu-category .menu-2nd-link {
    /* 2´Ü°è ¸Þ´º ¸µÅ© ½ºÅ¸ÀÏ */
    display: block;
    padding: 3px 0;
    color: #fff2b0; /* 2´Ü°è ¸Þ´º ¸µÅ© ±âº» »ö»ó */
}

.full-menu-category .menu-2nd-link:hover {
    color: #ffe200; /* È£¹ö ½Ã »ö»ó */
}

.full-menu-category .menu-3rd-level {
    /* 3´Ü°è ¸Þ´º ul */
    list-style: none;
    padding-left: 0;
    margin-top: 5px;
}

.full-menu-category .menu-3rd-level li a {
    /* 3´Ü°è ¸Þ´º ¸µÅ© */
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 1.5; /* ÁÙ °£°Ý 150% */
    display: block;
    padding: 2px 0;
	    display: flex;
    align-items: center;
}

.full-menu-category .menu-3rd-level li a:hover {
    color: #ffe200;
}


/* Remove unused hamburger menu overlay styles from previous iteration */
/* (These were already commented out in the previous step, ensuring they are gone) */

/*right float menu*/

.float_quickmenu_wrap {
	width: 100%;
    display: flex;
    justify-content: center;
	background: #0f2491;
	position: absolute;
	top: 0;
}
	.float_quickmenu_wrap .newface_right_wing {
		margin-top:20px;
	}
	.float_quickmenu_wrap .quickmenu_wrap {
		position: fixed;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		margin-right:35px;
		height: 1px;
		align-items: flex-end;
		z-index:9;
	}
		.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 {
			width:135px;
			border: solid 2px #ffffff;
			border-radius: 10px 10px;
			box-shadow: 3px 3px 9px 0px #000;
			padding: 10px 10px;
			background: #ffffff;
			display: inline-flex;
			flex-direction: column;
			    align-items: center;
		margin-top: 155px;
		}
			.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .recent_saw {
				padding: 7px 7px 0px 7px;
					border-radius: 5px 5px;
					background: #ffffff;
				border-bottom: solid 0px #dddddd;
			}
			.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .hadsaw {
				background: #eeeeee;
				border-radius: 10px 10px;
				padding: 10px 0px;
				display: inline-flex;
				flex-direction: column;
			}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .hadsaw .hadsaw_li {

					display: inline-flex;
					flex-direction: column;
					    align-items: center;
				}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .hadsaw .hadsaw_li a {
					font-size: 11px;
					text-align: center;
					display: inline-flex;
					flex-direction: column;
					width: 105px;
					align-items: center;
				}
					.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .hadsaw .hadsaw_li a img {
						width:80px;
						height:60px;
						    border-radius: 5px 5px;
					}
					.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .hadsaw .hadsaw_li a:hover {
						color:#0070C0;
					}
					.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .hadsaw .hadsaw_li a:visited {
						color:#0070C0;
					}
					.hadsaw .hadsaw_li .quick_imgBox {
						position:relative
					}
						.hadsaw .hadsaw_li .quick_imgBox .quick_imgCont  {
							position:absolute;
						    right: 130px;
							top:-40px
						}
							.hadsaw .hadsaw_li .quick_imgBox .quick_imgCont .quick_imgMg {
								width:120px;
								border-radius:5px 5px;
							}
			.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 > div {
				display: inline-flex;
				color: #707070;
				font-weight: 600;
				letter-spacing: -1px;
				padding: 3px 0;
				border-bottom: solid 1px #dddddd;
				text-align: center;
				flex-direction: row;
				justify-content: center;
					width: 105px;

			}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 > div > a {
					color: #707070;
					padding: 2px 5px;
					border-radius: 5px 5px;
					background: #ffffff;
						text-decoration:none;
				}
					.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 > div > a:hover {
						color:#ffffff;
						background:#0070C0;
						text-decoration:none;
					}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 > div > span > a {
					color: #b50000;
					padding: 5px 0;
					border-radius: 5px 5px;
					background: #ffffff;
					width: 140px;
				}
			.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .quick_jebo {
				display: inline-flex;
				flex-direction: column;
				align-items: center;
				width: 100px;
			}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .quick_jebo > a {
					padding: 5px 0;
					border-radius: 5px 5px;
					background: #c00000;
					width: 100px;
					color: #ffffff;
						text-decoration:none;
				}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .quick_jebo > a:hover {
					padding: 5px 0;
					border-radius: 5px 5px;
					background: #c00000;
					width: 100px;
					color: yellow;
						text-decoration:none;
				}

			.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .quick_arrow {
				color: #707070;
				font-weight: 600;
				letter-spacing: -1px;
				padding: 8px 0;
				border-bottom: solid 0px #cccccc;
				display: inline-flex;
				justify-content: center;
				align-items: center;
			}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .quick_arrow span {
					border:solid 1px #cccccc;
					padding:4px 2px;
					cursor:pointer;
				}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .quick_arrow span.frst {
					margin-right:13px;
				}
.ico_quick_alert {width: 38px; margin-bottom:5px;}
.arrow-up{
  width: 0;
  height: 0;
  border-left: 6px solid white;
  border-right: 6px solid white;
  border-bottom: 7px solid #666666;

}
.arrow-down{
	width: 0;
	height: 0;
	border-top: 7px solid #666666;/* È­»ìÇ¥ */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
@media screen and (max-width: 1400px) {
    #top_warpvNew .ci2v2 {
        display: none;
		-webkit-appearance: none;
    }
	.float_quickmenu_wrap {
		display: none;
		-webkit-appearance: none;
	}
}
@media screen and (max-width: 1475px) {
    .float_quickmenu_wrap .quickmenu_wrap{
	margin-right: 5px;
	}
}
@media print {
	.float_quickmenu_wrap {display:none;-webkit-appearance: none;}
}

/* Safari 10.1+ (alternate method) */

@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance:none) {

	.float_quickmenu_wrap {
		display: -webkit-box;
		-webkit-box-pack: center;
			min-width:990px;
	}
		.float_quickmenu_wrap .quickmenu_wrap {
			-webkit-transform: translateZ(0);
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-box-pack: start;
			-webkit-box-align: end;

		}
			.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-box-align: center;
			}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .recent_saw {
				}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .btntopgo {
					display: -webkit-box;
				}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .hadsaw {
					display: -webkit-box;
					 -webkit-box-orient: vertical;
				}
					.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .hadsaw .hadsaw_li {
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-box-align: center;
					}
					.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .hadsaw .hadsaw_li a {
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-box-align: center;
					}

						.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .hadsaw .hadsaw_li a img {

								display: -webkit-box;
						}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 > div {
					display: -webkit-box;
					-webkit-box-orient: horizontal;
					-webkit-box-pack: center;
				}
					.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 > div > a {
						display: -webkit-box;
						-webkit-box-pack: center;
					}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .quick_jebo {
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-box-align: center;
				}
					.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .quick_jebo > a {
						display:-webkit-box;
						-webkit-box-pack: center;
					}
				.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .quick_arrow {
					display: -webkit-box;
					-webkit-box-pack: center;
					-webkit-box-align: center;
				}
					.float_quickmenu_wrap .quickmenu_wrap .quickmenu_v24 .quick_arrow span {

						display: -webkit-box;
					}
	.ico_quick_alert {
	display:-webkit-box;
	}

	@media screen and (max-width: 1040px) {
		#top_warpvNew .ci2v2 {
			display: none;
			-webkit-appearance: none;
		}
		.float_quickmenu_wrap {
			display: none;
			-webkit-appearance: none;
		}
	}

}}



/* --- Main Content Section (GNB ¹Ù·Î ¾Æ·¡ºÎÅÍ ½ÃÀÛ) --- */
#main-content-section {
    width: 100%; /* °¡·Î Ç®·Î »ç¿ë */
    background-image: url('/images/bg_main_top.png'); /* ¹è°æ À̹ÌÁö URL hero-bkgd.jpg*/
    background-size: cover; /* À̹ÌÁö°¡ ¼½¼ÇÀ» ²Ë ä¿ìµµ·Ï */
    background-position: center; /* À̹ÌÁö¸¦ Áß¾Ó¿¡ ¹èÄ¡ */
    background-repeat: no-repeat;
    padding: 40px 0; /* »óÇÏ Æеù */
    color: #fff; /* ÄÜÅÙÃ÷ ÅؽºÆ® »ö»ó (¹è°æ À̹ÌÁö¿¡ µû¶ó Á¶Á¤) */
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3); /* ÅؽºÆ® °¡µ¶¼ºÀ» À§ÇÑ ±×¸²ÀÚ */

    min-width: 1200px;
}
#main-notice-section, #main-qmenu-section,#main-livestreams-section, #main-recom-item-section, #main-partner-academy-section {
	width: 100%; /* °¡·Î Ç®·Î »ç¿ë */
    padding: 20px 0 0px 0; /* »óÇÏ Æеù */

    min-width: 1200px;
}
.content-wrapper {
    width: 1200px; /* Çì´õ¿Í µ¿ÀÏÇÑ ³»ºÎ ³Êºñ */
    margin: 0 auto;
    display: flex; /* 3°³ÀÇ ÆÄÆ®¸¦ °¡·Î·Î Á¤·Ä */
    gap: 20px; /* ÆÄÆ® »çÀÌÀÇ °£°Ý */
    align-items: flex-start; /* ÆÄÆ®ÀÇ »ó´Ü Á¤·Ä */
}

.content-area {

    color: #333; /* ³»ºÎ ÅؽºÆ® »ö»ó */
    text-shadow: none; /* ³»ºÎ ÅؽºÆ® ±×¸²ÀÚ Á¦°Å */
}

.left-content-area {
    flex: 1.3; /* 1 ºñÀ² */
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.center-content-area {
    flex: 1.7; /* 2 ºñÀ² */
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 20px;
	    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 1); /* ¹ÝÅõ¸í Èò»ö ¹è°æ */
}

.right-content-area {
    flex: 1; /* 1 ºñÀ² */
    display: flex;
    flex-direction: column;

    padding: 20px;
	    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 1); /* ¹ÝÅõ¸í Èò»ö ¹è°æ */
}
/* --- Left Content Area: Login Box --- */

.login-box.before {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 20px 10px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    text-align: center;
    background-color: rgba(255, 255, 255, 1); /* ¹ÝÅõ¸í Èò»ö ¹è°æ */
}
.login-box.after {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 20px 20px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    text-align: center;
    background-color: rgba(255, 255, 255, 1); /* ¹ÝÅõ¸í Èò»ö ¹è°æ */
}

.left-content-area .banner-image {
    border-radius: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	}
.login-prompt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd; /* ±¸ºÐ¼± */
}
.login-left {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	    width: 59%;
	}
	.login-left span {color:#777}
.login-prompt .user-icon {
	width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #f1f4fb;/* Placeholder for actual icon */
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-left .material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' -25,
  'opsz' 24
}
.login-left .material-symbols-outlined {
	font-size:64px;
	color:#d5d5d5;
	margin-bottom:1rem
}
.login-buttons {
    display: flex;
    flex-direction: column;
    gap: 7px;
        margin: 0px 0 20px 0;
}
.login-buttons .naver-btn::before {
    content: '';
    background: url(/images/icon/ico_naver_brown_24.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}
.login-buttons .kakao-btn::before {
    content: '';
    background: url(/images/icon/ico_kakao_brown_24.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.login-buttons .btn {
	padding: 8px 24px;
    border: none;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    width: 100%;
    display: flex;
    align-items: center;
	font-weight:600;
	justify-content: center;
}
/* ·Î±×ÀÎ ÈÄ */
.login-box.after .login-prompt {
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 18px;
    color: #333;
    margin-bottom: 0px;
    border-bottom: 0px solid #ddd;
    flex-direction: column;
	font-weight: 600;
}
	.login-box.after .login-prompt .login-top span {
		color:#7f7f7f
	}
	.login-box.after .login-prompt .login-number {
		display: flex;
		justify-content: space-between;
		width: 95%;
	}
		.login-box.after .login-prompt .login-number .login_num_box {
			display: flex;
			flex-direction: column;
			background: #e3eff9;
			padding: 15px 10px;
			border-radius: 8px;
			line-height: 150%;
			width: 30%;
		}
		.login-box.after .login-prompt .login-number .login_num_box:hover {
			background: #f9eae3;
		}
			.login-box.after .login-prompt .login-number .login_num_box .number {
				color: #156082;
				font-size: 25px;
				font-weight: 800;
			}
			.login-box.after .login-prompt .login-number .login_num_box .text {
				font-size: 14px;
			}
		.login-box.after .login-prompt .login-info-ul {
			list-style:disc;
			    width: 95%;
		}
		.btn_atallview {}
		.login-box.after .login-prompt .login-info-ul li {
			font-size:14px;
			color:#404040;
			text-align: left;
			    line-height: 185%;
				display:flex;
				    align-items: center;
		}
		.login-box.after .login-prompt .login-info-ul li:before {
			content:'¡Ü';
			width:10px;
			margin-right:15px;
			font-size:10px;
			list-style-type: disc;
			zoom:0.5;

		}
		.login-box.after .login-prompt .login-info-ul li .btn_atallview {
			background: #f2f2f2;
			padding: 6px 10px;
			margin-left: 5px;
			font-size: 12px;
			line-height: 1;
		}
		.login-box.after .login-prompt .login-info-ul li span, .login-box.after .login-prompt .login-info-ul li a {font-size:14px;}
		.login-box.after .login-prompt .login-info-ul li span.gamaeng_btn {
			margin-left: auto;
			display: flex;
			align-items: center;
			margin-top:3px;
		}
		.login-box.after .login-prompt .login-info-ul li span.gamaeng_btn .btn_gamaeng,
		.login-box.after .login-prompt .login-info-ul li span.gamaeng_btn .btn_gamaeng-home {
			padding: 5px 6px;
			border-radius: 3px 3px;
			color: #fff;
			font-size: 12px;
			display: flex;
			align-items: center;
			justify-content: center;
			line-height: 1;
			cursor:pointer;
		}
		.login-box.after .login-prompt .login-info-ul li span.gamaeng_btn .btn_gamaeng {
			background: #d85f30;
		}
		.login-box.after .login-prompt .login-info-ul li span.gamaeng_btn .btn_gamaeng-home {
			background: #fc850a;
			margin-left:3px;
		}
			.login-box.after .login-prompt .login-info-ul li span.gamaeng_btn .btn_gamaeng:hover{
				background: #b94d22;
			}
			.login-box.after .login-prompt .login-info-ul li span.gamaeng_btn .btn_gamaeng-home:hover {
				background: #c16608;
			}
.login-box.after .login-prompt .ico_naver_login {
    background: #09aa5c;
    width: 19px;
    height: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 3px 3px;
}
.login-box.after .login-prompt .ico_naver_login.offline {
    background: #b9b9b9;
}
.login-box.after .login-prompt .ico_naver_login::before {
    content: '';
    background: url(/images/icon/ico_naver_brown_24.png);
    background-repeat: no-repeat;
	background-size: 11px 11px;
    display: inline-flex;
    width: 11px;
    height: 11px;
}
.login-box.after .login-prompt .ico_kakao_login {
    background: #fee500;
    width: 19px;
    height: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    border-radius: 3px 3px;
}
.login-box.after .login-prompt .ico_kakao_login.offline {
    background: #b9b9b9;
}
.login-box.after .login-prompt .ico_kakao_login::before {
    content: '';
    background: url(/images/icon/ico_kakao_brown_24.png);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    display: inline-flex;
    width: 12px;
    height: 12px;
}


.btn.primary-btn {
    background-color: #0070C0;
    color: #fff;
}
.btn.primary-btn:hover {
    background-color: #005a9e;
}

.btn.kakao-btn {
    background-color: #FEE500;
    color: #3C1E1E;
}
.btn.kakao-btn:hover {
    background-color: #e6cd00;
}

.btn.naver-btn {
    background-color: #03C75A;
    color: #fff;
}
.btn.naver-btn:hover {
    background-color: #02a04a;
}

.login-links {
    font-size: 13px;
    color: #999;
}
.login-links a {
    color: #999;
    margin: 0 5px;
}
.login-links a:hover {
    color: #0070C0;
    text-decoration: underline;
}

.login-links .login-join {
    color: #000;
	font-weight:600;
}
.banner-image img {
    width: 100%;
    height: 97px;
	border-radius:15px;
}

/*ÃÖ±Ù ·Î±×ÀÎ*/
	.mainlogin.used-last-wrap {
		position: relative;
		width: 100%;
		height: 1px;
	}
	.mainlogin.used-last-wrap .used-last-icon {
		position: absolute;
		right: -18px;
		border-radius: 5px 5px;
		align-items: center;
		display: none;
	}
	.mainlogin.used-last-wrap .used-last-icon-before {
		background-color: #000000;
		padding: 2px 5px;
		border-radius: 5px 5px;
		color: #fff;
		font-size: 12px;
		    line-height: 1.4;
	}
	.mainlogin.used-last-wrap .used-last-icon-triangle {
		width: 0px;
		height: 0px;
		border-right: 6px solid #000;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
	}
	.mainlogin.used-last-wrap .used-last-icon.sys-id {
		top: 19px;
		display: flex;
	}
	.mainlogin.used-last-wrap .used-last-icon.sys-naver {
		top: 66px;
		display: flex;
	}
	.mainlogin.used-last-wrap .used-last-icon.sys-kakao {
		top: 113px;
		display: flex;
	}

/* --- Center Content Area: Tab Menu, Search, Counters --- */
.tab-menu {
    display: flex;
	align-items: center;
    margin-bottom: 15px;
}
	.tab-menu .material-symbols-outlined {
    font-size: 8px;
	color:#ccc;
	}

	.tab-menu .material-symbols-outlined {
	  font-variation-settings:
	  'FILL' 1,
	  'wght' 400,
	  'GRAD' -25,
	  'opsz' 24
	}

.tab-button {
    background-color: transparent;
    border: none;
    padding: 5px 15px;
    font-size: 18px;
    font-weight: bold;
    color: #666;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
    font-weight:400;
}
.tab-button:hover {
    color: #000;
    font-weight:400;
}
.tab-button.active {
    font-weight:600;
    color: #000;
}

.tab-content {
    display: none; /* JS will control this */
}
.tab-content.active {
    display: block;
}
	.tab-content .search-row {
	    display: flex;
		align-items: center;
		justify-content: space-between;
	}
		.tab-content .search-row.region select {
			width:31.5%;
			gap:8px;
			padding: 6px 8px;
			background: #f5f5f5;

		}
		.tab-content .search-row.court select {
		width:100%;
			padding: 6px 8px;
			background: #f5f5f5;
			}
			.tab-content select{
				-webkit-appearance: none;  /* Å©·Ò È­»ìÇ¥ ¾ø¾Ö±â */
				-moz-appearance: none; /* ÆÄÀ̾îÆø½º È­»ìÇ¥ ¾ø¾Ö±â */
				appearance: none;  /* È­»ìÇ¥ ¾ø¾Ö±â */
			}
	.tab-content .search-row.kind {
    display: flex;
    flex-wrap: wrap;
	margin-top:0.8rem;
	}
	.usage-select-region {

	}
	.usage-select-kind {
		display: flex;
		align-items: center;
		width: 77.6%;
		padding: 6px 8px;
		background: #f5f5f5;
		border: 1px solid #cccccc;
		color:#0070c0;
	}
		.search-row.kind select {
			border:0;
			background: #f5f5f5;
			padding: 0 0 0 7px;
			border-radius: 4px;
			width: 77%;
		color:#0070c0;
		}
		.search-row.kind select:focus-visible {
		  border: 0px ;
		  outline: none;
		}
		.search-row.kind .search-button {
		    background-color: #404040;
			color: #fff;
			padding: 7px 30px;
		}
.search-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    align-items: center;
}
.search-form .search-select {
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    flex: 1; /* Makes them take equal space, or specify width */
    min-width: 100px; /* Prevent them from becoming too narrow */
}
.search-form .btn.search-btn {
    background-color: #0F2491;
    color: #fff;
    padding: 8px 15px;
    flex-shrink: 0; /* Prevents button from shrinking */
}
.search-form .btn.search-btn:hover {
    background-color: #0a1b6b;
}

.case-number-search {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
	margin-top: 10px;
	    justify-content: space-between;
}
.case-number-search select,
.case-number-search input {
    padding: 0px;
    border: 0;
    border-radius: 0px;
    font-size: 16px;
	    background: #ffffff00;
}
.case-number-search input.case-number-input-lg {
	width:95px
}
input#g1Text.case-number-input-lg {
	width:200px
}
.case-number-search .takyeong-text {
    font-weight: bold;
    color: #555;
    font-size: 16px;
}
	.case-number-search .case-number-input-lg:focus-visible {
		  border: 0px ;
		  outline: none;
		}
.case-number-search .btn.search-btn-lg {
    background-color: #404040;
    color: #fff;
    padding: 7px 30px;
	cursor:pointer;
}
.case-number-search .btn.search-btn-lg:hover, .search-row.kind .search-button:hover {
	background-color: #005a9e;
}
.case-number-search label {
    display: flex;
    align-items: center;
	gap: 5px;
	cursor:pointer;
}
.case-number-search .number-search-select {
	display: flex;
	align-items: center;
	padding: 8px 8px;
	background: #f5f5f5;
	border: 1px solid #cccccc;
	color: #262626;
	gap: 10px;
	height:40px;
	width:77.6%;
}
.case-number-search .number-search-input {
	display: flex;
	align-items: center;
	padding: 8px 8px;
	background: #f5f5f5;
	border: 1px solid #cccccc;
	color: #262626;
	gap: 10px;
	height:40px;
}
.case-year-select {margin-left:10px;}
.status-counters {
    display: flex;
    justify-content: flex-end;
    text-align: center;
    padding: 15px;
    border-radius: 8px;
    gap: 25px;
    width: 100%;
    margin: 0 auto;
}
.counter-item {
    display: flex;
    flex-direction: column;
	align-items: flex-start;
	width: 28%;
    border-right: 1px solid #d9d9d9;
}
.counter-item:last-child {
    border-right: 0px solid #d9d9d9;
}
.counter-number {
    font-size: 28px;
    font-weight: 600;
    color: #0070c0;
    /* margin-bottom: 5px; */
    letter-spacing: -1px;
    line-height: 100%;
	}
.counter-number.gong {
    color: #262626;
	}
	.counter-number .counter-text {margin-left:5px;color: #262626; font-size:16px; font-weight:600;}
.counter-label {
    font-size: 14px;
    color: #7f7f7f;
    white-space: nowrap;
    font-weight: 600;
}

/* --- Right Content Area: Icon Links and Banner --- */
.icon-links {
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 23px;
    padding: 10px 0;
}

.banner-image-right {
    width: 270px;
    height: 176px;
	    position: relative;
	    overflow: hidden;
}
.banner-image-right .bg-bn-right {
	width: 100%;
    height: 100%;
	position: relative;
    overflow: hidden;
}
.banner-image-right .image-wrapper {
    display: flex;
    width: max-content;
    height: 100%;
    position: absolute;
    left: 0;
    transition: left 1.0s ease-in-out;
    will-change: left;
}
.banner-image-right .image-wrapper a {
    flex-shrink: 0;
    width: 270px;
    height: 176px;
    display: block;
}

.banner-image-right .image-wrapper img {
    width: 100%;
    height: 100%;
    display: block;
}
.banner-image-right .jtion-bn-right {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    top: 10px;
    z-index: 10;
    right: 10px;
}
.banner-image-right .jtion-bn-right .right-bn-jtion {
    display: block;
	width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.3);
    cursor: pointer;
    margin: 0 2px;
}
.banner-image-right .jtion-bn-right .right-bn-jtion.check,
.banner-image-right .jtion-bn-right .right-bn-jtion:hover {
	border-color: #333;
    background: #333;
}
.icon-link-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    color: #555;
    font-size: 14px;
    font-weight: bold;
}
.icon-link-item img {
    width: 50px;
    height: 50px;
     /* Placeholder for actual icons */
}
.icon-link-item:hover {
    color: #0070C0;
    cursor: pointer;
}
.icon-link-item span {
font-size:14px;
}


/*°øÁö»çÇ×*/
/* Your existing CSS for notice-box, notice-label, etc. remains the same */
.notice-box {
    width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 0px auto;
    display: flex;
    align-items: center;
    padding: 5px 20px;
    font-size: 14px;
    font-family: sans-serif;
    border-radius: 40px 40px;
    border: solid 1px #ccc;
}

.notice-label {
    font-weight: bold;
    margin-right: 10px;
    white-space: nowrap;
    display: flex;
    align-items: center;
	    color: #ff0000;
}
.notice-label .material-symbols-outlined {
    background: #ff0000;
    border-radius: 50%;
    padding: 5px;
    color: #fff;
    margin-right: 10px;
}
.notice-container {
	position: relative;
	height: 24px; /* ÇÑ ÁÙ ³ôÀÌ */
	overflow: hidden;
	width:25%
}

.notice-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: top 0.6s ease;
	color:#000;
	font-weight:600;
}

.notice-item {
	height: 24px;
	line-height: 24px;
	white-space: nowrap;
}

.notice-buttons {
	margin-left: 10px;
	display: flex;
	    flex-direction: row;
}

.notice-buttons button {
	background: none;
	border: none;
	font-size: 14px;
	cursor: pointer;
	padding: 2px;
	color:#999;
}
.notice-link {
	margin-left:20px;
    display: flex;
    align-items: center;
}
.notice-link-a {
	display: flex;
    align-items: center;
	margin-left:25px;
}
.notice-link-a:hover {

}
.notice-link .material-symbols-outlined {
    background: #7f7f7f;
    border-radius: 50%;
    padding: 5px;
    margin-right: 10px;
    color: #fff;
	font-size: 18px;
}

/*»çÀÌÆ® Äü¸Þ´º*/
 .button-row {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap;
      gap: 10px;
      overflow-x: auto;
      padding: 20px 0;
    }

    .icon-button {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      width: 100px;
      border: none;
      background: none;
      cursor: pointer;
      text-align: center;
      font-family: sans-serif;
    }
		.icon-button:hover span {
		  color: #ff3e29; /* hover½Ã »ö»ó */
		}
    .icon-button img {
      width: 60px;
      height: 60px;
      object-fit: cover;
      border-radius: 8px;
      margin-bottom: 5px;
    }
	.icon-button:hover img { filter: brightness(80%)}
    .icon-button span {
      font-size: 16px;
      color: #3f3aff;
	  font-weight:600;
	  letter-spacing : -2px
    }

    /* ½ºÅ©·Ñ¹Ù °¨Ãã (¼±ÅÃ) */
    .button-row::-webkit-scrollbar {
      display: none;
    }


/* ÀÔÂû°á°ú */
.live-streams {
	width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 0px auto 40px;
    display: flex;
    align-items: flex-start;
    padding: 20px 20px;
    font-size: 14px;
    font-family: sans-serif;
    border-radius: 20px 20px;
    border: solid 1px #ccc;
    justify-content: space-between;
	gap: 15px;
}

.new-mulgun {
    width: 21%;
    border-right: solid 1px #e8e8e8;
    padding-right: 15px;
}
	.new-mulgun-title {
	    color: #156082;
		font-weight: 600;
		margin: 0 10px 10px 10px;
		font-size: 18px;
	}
	.new-mulgun-date {
    display: flex;
    align-items: center;
    background: #dceaf7;
    padding: 5px 10px;
	    justify-content: space-between;
	}
	.new-mulgun-date .today_date {
		margin-right:10px;
		font-weight: 600;
	}
		.new-mulgun-date .material-symbols-outlined.arrow {
			font-variation-settings:
			'FILL' 1,
			'wght' 400,
			'GRAD' -25,
			'opsz' 24;
			padding: 2px;
			background: #1a4377;
			color: #fff;
			font-size: 18px;
			margin-right:10px;
			border-radius: 3px 3px;

			cursor: pointer;
		}
		.new-mulgun-date .material-symbols-outlined.calendar {
			font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' -25,
			'opsz' 24;

			cursor: pointer;
		}
	.new-mulgun-list {
	    display: flex;
		flex-direction: column;
		padding: 10px;
		background: #f9f9f9;
		font-weight: 600;
		margin-top: 10px;
		border-radius: 8px 8px;
		padding-left: 15px;
		padding-right: 15px;
		    height: 150px;
    overflow-x: auto;
	}
		.new-mulgun-list li {
			display: flex;
			align-items: center;
			line-height: 1.2;
			width: 90%;
			cursor:pointer;
			padding:1px 3px;
		}
			.new-mulgun-list li span:first-child {
			}
			.new-mulgun-list li span:last-child {
				margin-left:auto;
				    color: #0070c0;
			}
		.new-mulgun-list li:before {
			content:'¡¤';
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-weight:800;
			font-size:18px;
				margin-right:5px;
		}
.bet-schedule {width:47%}
	.bet-schedule-title {
		color: #156082;
		font-weight: 600;
		margin: 0 10px 10px 10px;
		font-size: 18px;
	}
			.bet-schedule-title .count_num {
				color: #C00000;font-size: 18px;
			}
	.bet-schedule-date {
	    display: flex;
		align-items: center;
		background: #dceaf7;
		padding: 5px 10px;
		    justify-content: center;
	}
		.bet-schedule-date .today_date {
		margin-right:10px;
		font-weight: 600;
	}
		.bet-schedule-date .material-symbols-outlined.arrow {
			font-variation-settings:
			'FILL' 1,
			'wght' 400,
			'GRAD' -25,
			'opsz' 24;
			padding: 2px;
			background: #1a4377;
			color: #fff;
			font-size: 18px;
			margin-right:10px;
			border-radius: 3px 3px;

			cursor: pointer;
		}
		.bet-schedule-date .material-symbols-outlined.calendar {
			font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' -25,
			'opsz' 24;

			cursor: pointer;
		}
	.bet-schedule-list {
		display: flex;
		flex-direction: row;
    font-weight: 600;
    margin-top: 20px;
    flex-wrap: wrap;
    row-gap: 4px;
    width: 100%;
    height: 136px;
    align-items: flex-start;
    overflow-x: auto;
    align-content: flex-start;
	}
		.bet-schedule-list li {
			display: flex;
			align-items: center;
			line-height: 1.3;
			width: 25%;
			cursor: pointer;
			background: #fff;
			padding: 2px 7px;
		}
				.bet-schedule-list li.main-center-loadimg {
				width:100%;
				text-align:center;
				display:flex;
				align-items: center;
				justify-content: center;
				}
			.bet-schedule-list li span:last-child {
				font-size: 15px;
			}
			.bet-schedule-list li:hover, .bet-schedule-list li.select, .new-mulgun-list li:hover, .bet-schedule-list li.jewel_yellow {
				background: #fff2c0;
			}
		.bet-schedule-list li .ico_compl {
			background: #fff;
			color: #ff0000;
			font-weight: 600;
			font-size: 10px;
			padding: 1px 4px;
			border: solid 1px #ff0000;
			border-radius: 2px 2px;
			margin-right:3px;
		}
		.bet-schedule-list li .ico_input {
			background: #fff;
			color: #0000ff;
			font-weight: 600;
			font-size: 10px;
			padding: 1px 4px;
			border: solid 1px #0000ff;
			border-radius: 2px 2px;
			margin-right:3px;
		}
		.bet-schedule-list li .ico_prev {
			background: #fff;
			color: #006912;
			font-weight: 600;
			font-size: 10px;
			padding: 1px 4px;
			border: solid 1px #006912;
			border-radius: 2px 2px;
			margin-right:3px;
		}
.bet-result {
	width: 33%;
	display: flex;
	align-items: center;
	    flex-direction: column;
}
.bet-result .on_time {
	display: none;
}
.bet-result .off_time {
	display: flex;
	justify-content: space-between;
}
.bet-result.focus .on_time {
	display: flex;
	justify-content: space-between;
}
.bet-result.focus .off_time {
	display: none;
}
	.bet-result-title {
	    color: #7f7f7f;
		font-weight: 600;
		margin: 0 10px 6px 10px;
		    display: flex;
    align-items: center;
	width: 100%;
	}
		.bet-result.focus .bet-result-title {
	    color: #e50540;
		font-weight: 600;
		margin: 0 10px 6px 10px;
		    display: flex;
    align-items: center;
	width: 100%;
	}
		.bet-result-title .ico_live_img {background:url('/images/icon/ico_live_off.png') 0 0 no-repeat; width: 45px;margin-right:10px; height: 29px; background-size: cover;}
		.bet-result.focus .bet-result-title .ico_live_img {background:url('/images/icon/ico_live_on.gif') 0 0 no-repeat; width: 45px;margin-right:10px; height: 29px; background-size: cover;}
		.bet-result-title .btn_allview {
		    margin-left: auto;
			padding: 1px 14px;
			background: #7f7f7f;
			color: #fff;
			font-size: 14px;
			border-radius: 3px 3px;
			cursor: pointer;
		}
		.bet-result.focus .bet-result-title .btn_allview {
			background: #e50540;
			color: #fff;
		}

/*20250825 by song ½½¶óÀ̵å ó¸®*/

        .bet-result-wrapper {
            position: relative;
            overflow: hidden;
            width: 368px;
            height: 195px;
            border-radius: 12px;
        }

        .bet-result-box {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .bet-result-box .bet-result-date {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #ffffff;
            padding: 20px;
            text-align: center;
            flex-shrink: 0;
            border-radius: 12px;

        }

        .bet-result-box .bet-result-date h3 {
            margin: 0 0 10px 0;
            color: #333;
        }

        .bet-result-box .bet-result-date p {
            margin: 0;
            color: #666;
            line-height: 1.5;
        }

	.bet-result-date {
		width: 100%;
		padding: 15px;
		background: #eee;
		border-radius: 10px 10px;
		height: 195px;
	}
	.bet-result.focus .bet-result-date {
		width: 100%;
		padding: 15px;
		background: #156082;
		border-radius: 10px 10px;
		height: 195px;
	}
		.bet-result .bet-result-date-title {
			font-size: 16px;
			font-weight: 600;
			display:flex;
		}
			.bet-result .bet-result-date-title .txtdkredbold {
				font-weight: 800;
				color:#c00000;
			}
		.bet-result.focus .bet-result-date-title {
			display:none;
		}
		.bet-result.focus .bet-result-date-title-on {
			display: flex;
			align-items: center;
			font-size: 16px;
			color: #fff;
			font-weight: 600;
			justify-content: center;
		}
		.bet-result .bet-result-date-title-on { display:none;}
			.bet-result.focus .bet-result-date-title-on .kind {
				color: #156082;
				background: #fff;
				border-radius: 5px 5px;
				padding: 2px 10px;
				margin: 0 10px 0 10px;    font-size: 14px;
			}
			.bet-result.before.focus .bet-result-date-title-on .kind {
				padding: 2px 19px;
			}
				.bet-result.before.focus .bet-result-date-title-on .kind .txtfocus {
					color: #e50540;
					font-weight: 600;
				}
	.bet-result-list {
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: flex-start;
		    margin-top: 10px;
	}
	.bet-result.focus .bet-result-list {
		display: none;
	}
		.bet-result-list li {
			font-size:16px;
		}
			.bet-result-list li:hover {
				text-decoration:underline;
				text-decoration-color: rgb(0 112 192 / 70%);
			}
			.bet-result-list li.line:hover {
				text-decoration:none;
			}
			.bet-result-list li.line:after {
				content:'£ü';
				color:#7f7f7f;
				font-size:14px;
				margin-left:2px;
			}
			.bet-result-list li.line:last-child:after {
				content:'';
			}
			.bet-result-list li span{
				font-size:16px;
			}
		.bet-result-list-title {margin-right:4px; color:#7f7f7f}
		.bet-result-list-num {color:#7f7f7f; font-weight:600 }
		.bet-result-list-num.red {color:#fa0646}
		.bet-result-list-num.blue {color:#0070c0}
		.bet-result-list-num.black {color:#000000}
	/*°á°ú ÀÔ·ÂÁß*/
	.bet-result-pick {
	    background: #fff;
		padding: 10px;
		margin-top: 10px;
		display: flex;
		align-items: flex-start;
		    width: 100%;
	}
		.bet-result-pick .bet-result-pick-img {
		width:95px;
		height:80px;
		margin-right:10px;
		}
		.result-pick-info-text {
				font-size:14px;
				color:#7F7F7F;
			}
		.bet-result-pick .bet-result-pick-info {width: 100%;}
		.bet-result-pick .bet-result-pick-info li  {
			line-height:1.6;
			    width: 100%;
		}
		.bet-result-pick .bet-result-pick-info li span {

			font-size:14px;
		}
		.bet-result-pick-info .result-pick-info-title {
			color:#7f7f7f;
			width: 88px;
			display: inline-block;
		}
			.bet-result-pick-info .result-pick-info-title.gam {
				color:#000000;
				font-weight:400;
			}
			.bet-result-pick-info .result-pick-info-title.choi {
				color:#0070C0;
				font-weight:400;
			}
			.bet-result-pick-info .result-pick-info-title.nack {
				color:#FF0000;
				font-weight:400;
			}
		.bet-result-pick-info .result-pick-info-value {
			color:#000;
			font-weight:600;
			width: 50%;
			display: inline-block;
			text-align:center
		}
		.bet-result.focus .bet-result-pick-info .result-pick-info-title {

			width: 40px;
		}
		.bet-result.focus .bet-result-pick-info .result-pick-info-value {
			width: 80%;
			text-align:right;
			letter-spacing:-1px;
		}

		.bet-result-pick-info .result-pick-info-value.gam {color:#000000;}
		.bet-result-pick-info .result-pick-info-value.choi {color:#0070C0;}
		.bet-result-pick-info .result-pick-info-value.nack {color:#FF0000;}
/*°á°ú ÀÔ·ÂÀü*/
	.bet-result-before {
	    background: #fff;
		padding: 5px 10px;
		margin-top: 10px;
		display: flex;
		align-items: flex-start;
		width: 100%;
		height: 100px;
		overflow-x: auto;
	}
		.bet-result-date .result-before-timeline {
			color: #fff;
			font-size: 14px;
			text-align: center;
			margin: 5px 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.bet-result-date .result-before-timeline span {
			font-size:14px;
		}
		.bet-result-date .result-before-timeline span.ico_arrowdr {
			color:yellow;
			font-size:20px;
			margin:0 5px;
		}
		.bet-result-before .bet-result-before-img {
		width:95px;
		height:80px;
		margin-right:10px;
		}
		.result-before-info-text {
				font-size:14px;
				color:#7F7F7F;
			}
		.bet-result-before .bet-result-before-info {
			width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-items: flex-start;
		}
		.bet-result-before .bet-result-before-info li  {
			line-height:1.6;
			    width: 50%;
				color:#156082;
			font-size:14px;
		}
		.bet-result-before .bet-result-before-info li .before-info-li-text {
			margin-left:10px;
			font-weight:600;
			font-size:14px;
		}
		.bet-result-before-info .result-before-info-title {
			color:#7f7f7f;
			width: 88px;
			display: inline-block;
		}
			.bet-result-before-info .result-before-info-title.gam {
				color:#000000;
				font-weight:400;
			}
			.bet-result-before-info .result-before-info-title.choi {
				color:#0070C0;
				font-weight:400;
			}
			.bet-result-before-info .result-before-info-title.nack {
				color:#FF0000;
				font-weight:400;
			}
		.bet-result-before-info .result-before-info-value {
			color:#000;
			font-weight:600;
			width: 50%;
			display: inline-block;
			text-align:center
		}
		.bet-result.focus .bet-result-before-info .result-before-info-title {

			width: 40px;
		}
		.bet-result.focus .bet-result-before-info .result-before-info-value {
			width: 80%;
			text-align:right
		}

		.bet-result-before-info .result-before-info-value.gam {color:#000000;}
		.bet-result-before-info .result-before-info-value.choi {color:#0070C0;}
		.bet-result-before-info .result-before-info-value.nack {color:#FF0000;}


/* ÅÂÀÎÃßõ¹°°Ç */
#main-recom-item-section {
    background: #f7f8fc;
	    padding: 10px 0 20px 0;
}
.recom-item {
	width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 15px auto;
    display: flex;
    align-items: flex-start;
    padding: 30px 30px;
    font-size: 14px;
    font-family: sans-serif;
    border-radius: 15px 15px;
    border: solid 1px #ccc;
    justify-content: space-between;
	gap: 20px;
	    background: #fff;
}

.recom-item-title {
	width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 20px auto 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	gap: 10px;
	font-weight:600;
}
	.recom-item-title .item-title {
		font-size: 22px;
		font-weight: 800;
		}
	.recom-item-title .logo_shape {color: #bfbfbf;}
	.recom-item-title .ico-free-item {
		background: #1533c9;
		color: #fff;
		border-radius: 5px 5px;
		padding: 2px 12px;
		font-size: 14px;
	}
	.recom-item-title .btn-item-more {
		padding: 5px 12px;
		background: #fff;
		color: #7f7f7f;
		font-size: 14px;
		border: solid 1px #cccccc;
		margin-left:auto;
	}
		.recom-item-title .btn-item-more:before {
			content:'+';
			font-weight:600;
			color:#c00000;
			margin-right:5px;
		}
.recom-item-ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 1rem;
    justify-content: space-between;
    width: 100%;
}
	.recom-item-ul .recom-item-li {
	    width: 22.9%;
		background: #ffffff;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-items: center;
		margin-bottom: 1rem;
		cursor: pointer;
		position: relative;
		color:#7f7f7f;
	}
		.recom-item-li .title {
		    position: absolute;
			padding: 4px 10px;
			width: 46%;
			max-width: 200px;
			background: #0F9ED5;
			border: solid 3px #ffffff;
			color: #ffffff;
			font-weight: 600;
			border-radius: 20px 20px;
			text-align: center;
			box-sizing: border-box;
		}
		.recom-item-li .sanum {
			position: absolute;
			padding: 4px 10px;
			width: 100%;
			background: #00000075;
			color: #ffffff;
			border-radius: 0px 0px 10px 10px;
			text-align: center;
			box-sizing: border-box;
			top: 197px;
			display: flex;
			justify-content: space-between;
		}
		.recom-item-li .thum {
			width: 100%;
			height: 220px;
			margin-top: 20px;
		}
			.recom-item-li .thum img {
				width: 100%;
				border-radius: 10px 10px;
				height: 210px;
			}
		.recom-item-li .infom {width: 100%;}
		.recom-item-li .text_area {
			list-style: none;
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
		}
			.recom-item-li .text_area li{
			width: 100%;
			}
					.recom-item-li .text_area .addr {
					}
					.recom-item-li .text_area .gam_price{
						display: flex;
						align-items: flex-start;
						justify-content: space-between;
					}
					.recom-item-li .text_area .gam_price .ttl {
					}
					.recom-item-li .text_area .gam_price .gm_price {
						font-weight:600;
						color:#000
					}

					.recom-item-li .text_area .choi_price {
						display: flex;
						align-items: flex-start;
						justify-content: space-between;
					}
					.recom-item-li .text_area .choi_price .ttl {
					}
					.recom-item-li .text_area .choi_price .ch_price {
						font-weight:600;
						color:#4E95D9
					}
					.recom-item-li .text_area .area {
						display: flex;
						align-items: flex-start;
						justify-content: space-between;
					}
					.recom-item-li .text_area .area .land .value {
						color:#c00000;
					}
					.recom-item-li .text_area .area .build .value {
						color:#c00000;
					}
/*°æ¸ÅÇпø ½ºÅ©·Ñ ¹è³Ê*/
.partner-academy {
   width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #fff;
    border-radius: 15px;
    padding: 0;
    position: relative;
    font-size: 14px;
}

.partner-academy-title {
	width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 20px auto 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	gap: 10px;
	font-weight:600;
}
.partner-academy-title.second-line {
	width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 20px auto 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	gap: 10px;
	font-weight:600;
	}
.partner-academy-title.second-line .item-title {
        font-size: 16px;
    font-weight: 600;
    background: #0b76a0;
    border-radius: 15px 15px;
    padding: 3px 15px;
    color: #fff;
	margin-left:43px;
}
.partner-academy-title.second-line .item-title:after {
    content:'¡æ';
	font-size: 16px;
    font-weight: 800;
	margin-left:6px;
}
.partner-academy-title .item-title {
    font-size: 22px;
    font-weight: 800;
}
.partner-academy-title .btn-item-more {
    padding: 5px 12px;
    background: #fff;
    color: #7f7f7f;
    font-size: 14px;
    border: solid 1px #cccccc;
    margin-left: auto;
	cursor:pointer;
}
.partner-academy-title .btn-item-more:before {
    content: '+';
    font-weight: 600;
    color: #c00000;
    margin-right: 5px;
}

.partner-academy .material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' -25,
  'opsz' 24;
  color: inherit;
}
.partner-academy button {
height: 180px;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    background: #f0f0f0;
    color: #333;
    padding: 0 0px;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
}
.partner-academy.second-line button {
    height: 180px;
    border: 0;
    border-radius: 5px 5px;
	cursor:pointer;
}
.partner-academy button:hover, .partner-academy button:hover > .material-symbols-outlined {
	color:#fff;
    background: #444;
}
.partner-academy-ul {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
    justify-content: flex-start;
    width: max-content;
    position: relative;
    left: 0;
    height: 180px;
	will-change: left, transform;
}
.partner-academy-ul .partner-academy-li {
	flex-shrink: 0;
    width: 270px;
    background: #ffffff;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer;
    color: #7f7f7f;
}
.partner-academy-li .thum {
    width: 100%;
    height: 180px;
}
.partner-academy-li .thum img {
    width: 100%;
    border-radius: 5px 5px;
    height: 180px;
}
.partner-academy-li.second-line .thum {
    width: 100%;
    height: 180px;
}
.partner-academy-li.second-line .thum img {
    width: 100%;
    border-radius: 5px 5px;
    height: 180px;
}
.partner-academy-li .infom {
    width: 100%;
}

.partner-academy-li .infom .ttl {
	color:#338dcd;
}
/*°æ¸ÅÇпø °­ÀÇ ½ºÅ©·Ñ ¹è³Ê*/
.partner-class {
	width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #fff;
    border-radius: 15px;
    padding: 0;
    position: relative;
}

.partner-class-title {
	width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 20px auto 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	gap: 10px;
	font-weight:600;
}
.partner-class-title.second-line {
	width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 20px auto 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	gap: 10px;
	font-weight:600;
	}
.partner-class-title.second-line .item-title {
        font-size: 16px;
    font-weight: 600;
    background: #0b76a0;
    border-radius: 15px 15px;
    padding: 3px 15px;
    color: #fff;
	margin-left:43px;
}
.partner-class-title.second-line .item-title:after {
    content:'¡æ';
	font-size: 16px;
    font-weight: 800;
	margin-left:6px;
}
.partner-class-title .item-title {
    font-size: 22px;
    font-weight: 800;
}
.partner-class-title .btn-item-more {
    padding: 5px 12px;
    background: #fff;
    color: #7f7f7f;
    font-size: 14px;
    border: solid 1px #cccccc;
    margin-left: auto;
	cursor:pointer;
}
.partner-class-title .btn-item-more:before {
    content: '+';
    font-weight: 600;
    color: #c00000;
    margin-right: 5px;
}

.partner-class .material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' -25,
  'opsz' 24
}
.partner-class button {
	height: 180px;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    background: #f0f0f0;
    color: #000;
    padding: 0 ;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-class.second-line button {
    height: 270px;
    border: 0;
    border-radius: 5px 5px;
	cursor:pointer;
}
.partner-class button:hover {
    background: #444;
    color: #fff;
}
.partner-class button .material-symbols-outlined {
    font-size: 24px;
    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' -25,
        'opsz' 24;
    color: inherit;
}

.partner-class-ul {
    display: flex;
      flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
    justify-content: flex-start;
    width: 100%; /* ÀÌ ºÎºÐÀº max-content·Î ÅëÀÏÇÒÁö, 100%¸¦ À¯ÁöÇÒÁö °í¹Î ÇÊ¿ä */
    position: relative;
    left: 0;
    height: 270px;
    will-change: left, transform;
}

.partner-class-ul .partner-class-li {
    flex-shrink: 0;
    width: 270px;
    background: #ffffff;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer;
    color: #7f7f7f;
}
.partner-class-li .thum {
    width: 100%;
    height: 100px;
}
.partner-class-li .thum img {
    width: 100%;
    border-radius: 5px 5px;
    height: 100px;
}
.partner-class-li.second-line .thum {
    width: 100%;
    height: 270px;
}
.partner-class-li.second-line .thum img {
    width: 100%;
    border-radius: 5px 5px;
    height:270px;
}
.partner-class-li .infom {
    width: 100%;
}

.partner-class-li .infom .ttl {
	color:#338dcd;
}
.scroll-wrap {
    flex-grow: 1;
    overflow: hidden;
}

/* Specific scroll-wrap heights based on their parent container */
.partner-academy .scroll-wrap {
    height: 180px; /* Explicitly sets height for academy's scroll wrap */
	overscroll-behavior-x: none;

}
.partner-class .scroll-wrap {
    height: 270px; /* Explicitly sets height for class's scroll wrap */
}

/* --- ºñÈ°¼ºÈ­µÈ ¹öÆ° ½ºÅ¸ÀÏ (»õ·Î Ãß°¡Çϰųª ¼öÁ¤) --- */
button:disabled {
    opacity: 0.5; /* ¹öÆ° ÀüüÀÇ Åõ¸íµµ¸¦ ³·Ãç¼­ ºñÈ°¼ºÈ­µÈ ´À³¦ ÁÖ±â */
    background: #e0e0e0; /* ºñÈ°¼ºÈ­ ½Ã ¹è°æ»öÀ» ´õ ¹àÀº ȸ»öÀ¸·Î º¯°æ */
    color: #a0a0a0; /* ºñÈ°¼ºÈ­ ½Ã ±ÛÀÚ»öÀ» ´õ È帰 ȸ»öÀ¸·Î º¯°æ */
    border: 1px solid #d0d0d0; /* °æ°è¼± Ãß°¡ (¼±Åà »çÇ×) */
}

/* ºñÈ°¼ºÈ­µÈ ¹öÆ° ³»ºÎÀÇ Material Symbols Outlined ¾ÆÀÌÄÜ »ö»ó º¯°æ */
button:disabled .material-symbols-outlined {
    color: #a0a0a0 !important; /* ¾ÆÀÌÄÜ »ö»óµµ ±ÛÀÚ»ö°ú ¸ÂÃç¼­ º¯°æ */
}


/*°æ¸Åij½ºÆ®*/
#main-kyeong-cast-section {
	width: 100%;
    padding: 20px 0 0px 0;
}
.kyeong-cast {
    width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    padding: 0px 0px;
    font-family: sans-serif;
    justify-content: space-between;
    gap: 20px;
    background: #fff;
}
.main-kyeong-cast-bn {
    width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    padding: 10px 0px 20px 0px;
    font-family: sans-serif;
    justify-content: space-between;
    gap: 20px;
    background: #fff;
}
	.kyeong-cast .kyeong-cast-board,
	.kyeong-cast .kyeong-consult-board {
	width: 50%;
	max-width:590px;
		margin: 15px auto;
		display: flex;
		align-items: flex-start;
		padding: 15px 15px;
		font-size: 14px;
		border-radius: 15px 15px;
		border: solid 1px #ccc;
		justify-content: space-between;

		background: #fff;
		flex-direction: column;
	}
		.kyeong-cast .kyeong-cast-board .title-line {
				width: 100%;

				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				padding: 5px 5px 5px 10px;
				border-bottom: solid 1px #e7e7e7;
		}
		.kyeong-cast .kyeong-consult-board .title-line{
			width: 100%;
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			padding: 5px 5px 5px 10px;
			border-bottom: solid 1px #e7e7e7;
			gap:10px;
		}
		.kyeong-cast .kyeong-cast-board ul,
		.kyeong-cast .kyeong-consult-board ul{
			width: 100%;
			display: flex;
			align-items: flex-start;
			padding: 5px 5px;
			justify-content: space-between;
			flex-direction: column;
		}
			.kyeong-cast .kyeong-cast-board ul li,
			.kyeong-cast .kyeong-consult-board ul li{
				width: 100%;
				display: flex;
				align-items: center;
				padding: 5px 5px 5px 0px;
				border-bottom: solid 1px #e7e7e7;
				justify-content: flex-start;
				cursor: pointer;
			}
			.kyeong-cast .kyeong-cast-board ul li span.date {margin-left:auto;    padding-left: 5px;}
				.kyeong-cast .kyeong-consult-board ul li .situation {
					padding: 1px 5px;
					color:#fff;
					background: #bfbfbf;
					border-radius: 3px 3px;
					font-size: 14px;
					    margin-left: auto;
				}
				.kyeong-cast .kyeong-consult-board ul li .complete {
					padding: 1px 5px;
					color:#fff;
					background: #4ea72e;
					border-radius: 3px 3px;
					font-size: 14px;
					    margin-left: auto;
				}
			.kyeong-cast .kyeong-cast-board ul li:last-child,
			.kyeong-cast .kyeong-consult-board ul li:last-child{
				border-bottom: solid 0px #e7e7e7;
			}
				.kyeong-cast .kyeong-cast-board ul li span {
					font-size: 16px;
				}
				.kyeong-cast .kyeong-cast-board ul li > span:first-child {
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					display: flex;
					align-items: center;
				}
				.kyeong-cast .kyeong-consult-board ul li > span:first-child {
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
	.kyeong-cast .kyeong-cast-board .title-line .title {
		font-weight:600;
		color:#0070c0;
	}
	.kyeong-cast .kyeong-cast-board .title-line .btn_more {
		cursor:pointer;
	}
	.kyeong-cast .kyeong-consult-board .title-line .btn_more {
		cursor:pointer;
		margin-left:auto
	}
	.kyeong-cast .kyeong-cast-board .title-line .btn_more:before,
	.kyeong-cast .kyeong-consult-board .title-line .btn_more:before  {
		content: '+';
		font-weight: 600;
		color: #c00000;
		margin-right: 5px;
	}
	.kyeong-cast .kyeong-cast-board ul li .ico_new,
	.kyeong-cast .kyeong-consult-board ul li .ico_new {
    color: #fff;
    background: #ff4141;
    padding: 1px 3px;
    margin-left: 4px;
    border-radius: 45px 45px;
    display: block;
    line-height: 1.3;
    width: 33px;
    height: 18px;
    font-size: 11px;
    text-align: center;
	}
		.kyeong-cast .kyeong-cast-board ul li .cate_ico {
			background: #f2f2f2;
			padding: 3px 10px;
			font-size: 13px;
			margin-right:4px;
		}
	.kyeong-cast .kyeong-consult-board  {
		width: 50%;
		margin: 15px auto;
		display: flex;
		align-items: flex-start;
		padding: 15px 15px;
		font-size: 14px;
		font-family: sans-serif;
		border-radius: 15px 15px;
		border: solid 1px #ccc;
		justify-content: space-between;
		background: #fff;
		flex-direction: column;
	}
	.kyeong-cast .kyeong-consult-board .title-line .title {
		font-weight:600;
		color:#0070c0;
	}
		.kyeong-cast .kyeong-consult-board .title-line .ico-free-item {
			background: #000;
			color: #fff;
			border-radius: 5px 5px;
			padding: 1px 10px;
			font-size: 14px;
    cursor: pointer;
		}

			.kyeong-cast .kyeong-consult-board .title-line .logo_shape {color: #bfbfbf;}
	.kyeong-cast-title {
		width: 100%;
		max-width: 1200px;
		min-width: 1200px;
		margin: 20px auto 0px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 10px;
		font-weight:600;
	}
.kyeong-cast-title .item-title {
    font-size: 22px;
    font-weight: 800;
}
.kyeong-cast-title .btn-item-more {
    padding: 5px 12px;
    background: #fff;
    color: #7f7f7f;
    font-size: 14px;
    border: solid 1px #cccccc;
    margin-left: auto;
    cursor: pointer;
}
.kyeong-cast-title .btn-item-more:before {
    content: '+';
    font-weight: 600;
    color: #c00000;
    margin-right: 5px;
}

/*³«ÂûÅë°è*/
#main-nakchal-statistics-section {
	width: 100%; /* °¡·Î Ç®·Î »ç¿ë */
    padding: 20px 0 0px 0; /* »óÇÏ Æеù */
}
.nakchal-statistics {
    width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    padding: 0px 0px;
    font-family: sans-serif;
    justify-content: space-between;
    gap: 20px;
    background: #fff;
}
.nakchal-statistics-title {
    width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 20px auto 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-weight: 600;
}
.nakchal-statistics-title .item-title {
    font-size: 22px;
    font-weight: 800;
}
.nakchal-statistics-bn {
    width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    padding: 10px 0px 0px 0px;
    font-family: sans-serif;
    justify-content: space-between;
    gap: 20px;
    background: #fff;
}
/*ÁÂÃø Áöµµ ¿µ¿ª*/
.map_stat_wrap {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
	margin-top:20px;
	justify-content: space-between;
	    width: 100%;
}
	.map_stat_wrap .map_stat_map_box {
	    background: #e7f4fd;
		width: 590px;
		height: 320px;
		padding: 30px 40px;
		box-sizing: border-box;
		border-radius: 10px 10px;
	}
		.map_stat_wrap .map_stat_map_box .map_stat_map {
		    background: url(/images/korea_map_wht.png) no-repeat;
			background-size: 41%;
			background-position: 63% top;
			display: flex;
			justify-content: space-between;
			width: 100%;
		}
			.map_stat_map .left_part {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				width: 50%;
			}
				.map_stat_map .left_part .title {
					font-weight:600;
					color:#28677f;
					margin-bottom:20px;
					display:inline-block
				}
			.map_stat_wrap .area_list {


			}
				.map_stat_map .left_part .area_list.left {
					width: 100%;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
				}
				.map_stat_map .right_part .area_list.right {
				    display: flex;
					width: 40%;
					flex-direction: column-reverse;
					align-items: flex-end;
					margin-left: 10px ;
				}
				.map_stat_wrap .area_list li {
					width:101px;
					display: inline-flex;
					flex-direction: row;
					flex-wrap: wrap;
					margin-bottom: 10px;
					border:solid 1px #2a87ad;
					color:#1e5e77;
					border-radius: 6px 6px;
					box-sizing: border-box;
					padding:6px 11px;
					background:#ffffff;
					font-size:14px;
					align-items: center;
					justify-content: space-between;
				}
					.map_stat_wrap .area_list li.topped {
						background: #fdf0e9;
						color: #ff5b5a;
						border: solid 1px #ff5b5a;
					}
					.map_stat_wrap .area_list li.secnd {
						background: #fff3cd;
						color: #b08600;
						border: solid 1px #f9c111;
					}
					.map_stat_wrap .area_list li.thrd {
						background: #e8f8f5;
						color: #28907b;
						border: solid 1px #96dfd2;
					}
					.map_stat_wrap .area_list li.lowed {
						background: #f7f7f7;
						color: #828282;
						border: solid 1px #cccccc;
					}
				.map_stat_wrap .area_list.left li {
					margin-right: 10px;
				}
				.map_stat_wrap .area_list.right li {
					margin-right: 0px;
				}
				.map_stat_wrap .area_list li .num {
					font-weight:800;
					font-size:14px;
					    margin-left: 4px;
				}
				.map_stat_map .right_part {
					display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				    justify-content: flex-end;
				width: 50%;
				}

		.map_stat_wrap .map_stat_graph {
	    background: #e7f4fd;
		width: 590px;
		height: 320px;
		padding: 30px 40px;
		box-sizing: border-box;
		border-radius: 10px 10px;
		}
			.map_stat_graph .top_line {
			    display: flex;
				justify-content: space-between;
				width: 100%;
				margin:  0;
					box-sizing: border-box;
			}
				.map_stat_graph .top_line .title {
					font-weight: 600;
					color: #28677f;
					margin-bottom: 20px;
					display: inline-block;
				}
				.map_stat_graph .top_line .select {
				    border: 1px solid #cccccc;
					color: #444444;
					border-radius: 3px 3px;
					padding:5px 10px;
					width:120px;
					box-sizing: border-box;
				}
			.map_stat_graph .graph_line {
				width:100%;
				height: 220px;
				margin-bottom:13px;
				box-sizing: border-box;
			    background: #e7f4fd;
			}
			.map_stat_graph .text_line {
			    background: #f7f7f7;
				color: #777777;
				padding: 3px 8px;
				border-radius: 4px 4px;
					width:100%;
					box-sizing: border-box;
					text-align:center
			}
.access_banner {
	    background: #0b76a0;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 20px 0 20px 30px;
		color: #ffffff;
		font-weight: 600;
		align-items: center;
		box-sizing: border-box;
		margin: 10px 0 20px 0;
		cursor:pointer;
		width: 100%;
	}
	.access_banner .leftprt {}
	.access_banner .leftprt .top {font-weight: 600;font-size:23px;}
	.access_banner .leftprt .bottom {
	font-weight: 500;
    font-size: 18px;
	color:yellow;}
	.access_banner .rightprt {
	display: flex;
    align-items: center;
	}
		.access_banner .rightprt li {
		    padding: 15px 10px;
			border: solid 5px #ffffff;
			border-radius: 40px 40px;
			margin-right: 20px;
			 position: relative;
			 width:125px;
			box-sizing: border-box;
			text-align: center;
		}
		.access_banner .rightprt li:after {
			content: "";
			position: absolute;
			bottom: 22px;
			left: 120px;
			right: 0;
			width: 20px;
			height: 0.5em;
			border-top: 5px solid white;
		}

/*°í°´¼¾ÅÍ*/
#main-custom-center-section {
    background: #f7f8fc;
    padding: 20px 0 20px 0;
    min-width: 1200px;
}
.custom-item {
    width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 15px auto;
    display: flex;
    align-items: flex-start;
    padding: 30px 30px;
    font-size: 14px;
    font-family: sans-serif;
    border-radius: 15px 15px;
    border: solid 1px #ccc;
    justify-content: space-between;
    gap: 15px;
    background: #fff;
}
.custom-title {
	font-size: 20px;
    font-weight: 600;
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
.custom-contact {
display: flex;
flex-direction: column;
	width:30%;
	border-right:solid 1px #e1e1e1
}
	.custom-contact .phone {
		font-weight: 600;
		color:#156082;
		font-size:33px;
		line-height: 1.1;
	}
	.custom-contact .time {color:#7f7f7f; font-size:14px;}
	.custom-contact .btn_contact {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
    gap: 24px;

	}
		.custom-contact .btn_contact li {
			cursor:pointer
		}
		.custom-contact .btn_contact li.ktalk {

		}
		.custom-contact .btn_contact li.ntalk {

		}
		.custom-contact .btn_contact li.nblog {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 5px;
			border: solid 1px #e1e1e1;
			border-radius: 4px 4px;
			width:36px;
			height:36px;
		}
		.custom-contact .btn_contact li.sgram {

		}

		.custom-contact .btn_contact li.ktalk img, .custom-contact .btn_contact li.ntalk img, .custom-contact .btn_contact li.sgram img {
			width:36px;
			height:36px;
			border-radius: 4px 4px;
		}
		.custom-contact .btn_contact li.nblog img {
			width:28px;
		}
.custom-question {
	width:30%;
	border-right:solid 1px #e1e1e1
	}
	.custom-question .custom-sub-title {
		font-weight:800;
	    margin-bottom: 5px;
	}
.custom-notice {
	width:30%;}
	.custom-notice .ico-new{
	color:#c00000;
	font-weight:600;
	margin-left:5px;
	font-size:14px;
	}
	.custom-notice .custom-sub-title {
	font-weight:800;
	}
		.custom-notice .custom-item-ul .custom-item-li {
			cursor:pointer;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			max-width:320px;
		}
		.custom-question .custom-item-ul .custom-item-li {
			cursor:pointer;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			max-width:320px;
		}
			.custom-question .custom-item-ul .custom-item-li:before {
			content:'>';
			margin-right:5px;
			}
			.custom-notice .custom-item-ul .custom-item-li:before {
			content:'';
			margin-right:0px;
			}
/* °æ¸Å¼Óº¸ Æ˾÷ */
#main-pop-result {
	position: absolute;
    display: flex;
    z-index: 99;
	width: 300px !important;
    top: 155px;
	left:-350px;
	animation-duration: 0.35s;
	animation-delay: 1s;
  animation-fill-mode: forwards;
	animation-name: slideinleft;
}
.result-pop-wrap {
    background-color: #eee;
    border-radius: 15px;
    padding: 0px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    text-align: center;
    margin-left: 20px;
    display: flex;
        flex-direction: column;
    border: solid 3px #1c335f;
	color:#666;
	font-weight:600;
}
	.result-pop-wrap .title {
		display:flex;
		padding:5px 20px;
		background: #1c335f;
		color: #f3c114;
		border-radius: 8px 8px;
		justify-content: center;
		margin: 20px 20px 10px 20px;
	}
	.result-pop-wrap .content {
		text-align:center;
		padding:15px;
		background: #fff;
		border-radius: 5px 5px;
		flex-direction: column;
		white-space: nowrap;
		justify-content: center;
		margin: 10px 20px 0px 20px;
		border: solid 3px #1c335f;
		line-height: 1.7;
		}
		.date {
			color:#0070c0;
		}
		.rednum, .redtxt {
			color:#c00000;
		}
		.redtxt {
			text-decoration:underline;
		}
	.result-pop-wrap .btn-detail-go {
		display: flex;
		padding: 5px 20px;
		background: #0c0689;
		color: #ffffff;
		border-radius: 8px 8px;
		margin: 15px auto;
		font-size: 14px;
		width: 45%;
		justify-content: center;
			cursor:pointer;
	}
	.result-pop-wrap .btn-close {
		display: flex;
		padding: 0px 0px;
		background: #fff;
		color: #1c335f;
		border-radius: 0 0 15px 15px;
		margin: 0px;
		width: 100%;
		align-items: center;
		justify-content: space-between;
	}
		.result-pop-wrap .btn-close span {
			border-right:solid 1px #ccc;
			width:50%;
			display: flex;
			justify-content: center;
			height: 45px;
			align-items: center;
			cursor:pointer;
		}
		.result-pop-wrap .btn-close span:last-child {
			border-right:solid 0px #ccc;
		}
		.result-pop-wrap .btn-close span:hover {

		}
/*footer*/
#footer-section {
    background: #404040;
    color: #D9D9D9;
	padding: 20px 0 20px 0;
    width: 100%;

    min-width: 1200px;
}
.footer-item {
    width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 15px auto;
    display: flex;
    align-items: flex-start;
    padding: 0px;
    font-size: 14px;
    font-family: sans-serif;footer-menu
    border-radius: 15px 15px;
    justify-content: space-between;
    gap: 15px;
	    flex-direction: column;
}
	.footer-item .footer-menu {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
		.footer-item .footer-menu li:before {
			content:'¤Ó';
			margin-right:10px;

		}
		.footer-item .footer-menu li:first-child:before {
			content:'';

		}
		.footer-item .footer-menu a:hover {
		color:yellow
		}
		.footer-item .footer-menu li a span {
		color:yellow
		}
	.footer-info {
		margin: 0 auto;
		display: flex;
		align-items: center;
		gap:24px;
		width: 100%;
	}
		.footer-info .logo-gray {
			width: 15%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
			.footer-info .logo-gray img {width:90px;}
		.footer-info .cmpany-info {}
		.footer-info .cmpany-info .title {}
		.footer-info .cmpany-info .contt {font-size: 14px; padding-top: 30px;}
		.footer-info .cmpany-info .copyright {}




/* copyright */

#footer {
	width: 1200px;
    margin: 10px 0 0 0;
    display: flex;
    flex-direction: column;
	}

/* bottom */
#footer .footer_menu{ display: flex; align-items: center;width:1090px; height:37px; border-top:2px solid #3a3a3a; border-bottom:1px solid #beb5b6; background-color:#f7f7f7;}
#footer .footer_menu .menu_left{ margin-top:0px;}
#footer .footer_menu .menu_left ul{ display: flex; align-items: center;}
#footer .footer_menu .menu_left ul li{background:url("/image/footer_img/foot_line.gif") no-repeat 100% 1px;background-position: 0 5px; padding:0 15px;}
#footer .footer_menu .menu_left ul li.line_none{background-image:none;}
#footer .footer_menu .menu_right{ margin-right:10px; margin-left:auto}

#footer .footer_address{width:1090px; height:80px; position:relative;}
#footer .footer_address .footer_logo{position:absolute; left:9px; top:21px;}
#footer .footer_address .address_left{position:absolute; left:160px; top:18px;  white-space:nowrap;}
#footer .footer_address .address_left address{width:770px !important; font-family:"µ¸¿ò"; font-style:normal; font-size:11px; letter-spacing:-1px;}
#footer .footer_address .address_left address .line{color:#999999;}
#footer .footer_address .address_left address .btn_info{display:inline-block; padding-top:2px; vertical-align:bottom;}
#footer .footer_address .address_left .copy{width:770px !important; font-family:"Tahoma"; color:#666666;}
.com_img {
	vertical-align:middle;
    color: #000;
    padding: 2px 6px;
    background: #dedede;
    font-size: 12px;
    margin-left: 5px;
    border-radius: 3px 3px;
	cursor:pointer;
	}

.com_img:hover {
background:yellow;
}


/* common */
.txtblue { color:#0070C0;}
.txtred { color:#FF0000;}

.txtbold {font-weight:600;}


/*loader*/
/* HTML: <div class="loader"></div> */
.loader_bar {
  width: 120px;
  height: 18px;
  border-radius: 20px;
  color: #156082;
  border: 2px solid;
  position: relative;
  margin:0 auto;
}
.loader_bar::before {
  content: "";
  position: absolute;
  margin: 2px;
  inset: 0 100% 0 0;
  border-radius: inherit;
  background: currentColor;
  animation: l6 2s infinite;
}
@keyframes l6 {
    100% {inset:0}
}

@keyframes slideinleft {
  from {
    left: -350px;
    width: 0;
  }
  to {
    left: 0px;
    width:100%;
  }
}