html, body {
    overscroll-behavior-y: contain;
}
body { 
scrollbar-3dlight-color: Gainsboro; 
scrollbar-arrow-color: silver; 
scrollbar-base-color: Gainsboro; 
scrollbar-darkshadow-color: Gainsboro; 
scrollbar-face-color: AliceBlue; 
scrollbar-highlight-color: silver; 
scrollbar-shadow-color: silver; 
scrollbar-track-color: Gainsboro; 
overscroll-behavior-y: contain;
} 
A:link {font: 9pt GulimChe,돋움; color: black; text-decoration: none}
A:active {font: 9pt GulimChe,돋움; color: black; text-decoration: none}
A:visited {font: 9pt GulimChe,돋움; color: black; text-decoration: none}
A:hover {text-decoration: underline;}

tdlist_b { COLOR: #000000; border-bottom: 1px #CDCCFD solid; }

td {font:9pt GulimChe,돋움;}

.tdw {font: bold 9pt GulimChe,돋움;}
.font {font: bold 9pt GulimChe,돋움;}
.netist {font: bold 9pt GulimChe,돋움; color: gray;}

.input2 {
font-family: "돋움"; font-size: 9pt; color: #494949; BORDER-RIGHT: #494949 1px solid; BORDER-TOP: #494949 1px solid; BORDER-LEFT: #494949 1px solid; BORDER-BOTTOM: #494949 1px solid;
-webkit-ime-mode:active; 
-moz-ime-mode:active; 
-ms-ime-mode:active; 
ime-mode:active; 
}

.box1 {font-family: "돋움"; font-size: 9pt; color: #494949; BORDER-RIGHT: #494949 1px solid; BORDER-TOP: #494949 1px solid; BORDER-LEFT: #494949 1px solid; BORDER-BOTTOM: #494949 1px solid;}
.box2 {font-family: "돋움"; font-size: 8pt; COLOR: #8080FF; BORDER-RIGHT: #8080FF 1px solid; BORDER-TOP: #8080FF 1px solid; BORDER-LEFT: #8080FF 1px solid; BORDER-BOTTOM: #8080FF 1px solid;}
.box3 {font-family: "돋움"; font-size: 8pt; COLOR: #330000; BORDER-RIGHT: #8080FF 1px solid; BORDER-TOP: #8080FF 1px solid; BORDER-LEFT: #8080FF 1px solid; BORDER-BOTTOM: #8080FF 1px solid;}
.box4 {font-family: "돋움"; font-size: 8pt; COLOR: #0000FF; BORDER-RIGHT: #8080FF 1px solid; BORDER-TOP: #8080FF 1px solid; BORDER-LEFT: #8080FF 1px solid; BORDER-BOTTOM: #8080FF 1px solid;}
.box5 {height:4mm; font-family: "돋움"; font-size: 8pt; COLOR: #330000; BORDER-RIGHT: #8080FF 1px solid; BORDER-TOP: #8080FF 1px solid; BORDER-LEFT: #8080FF 1px solid; BORDER-BOTTOM: #8080FF 1px solid;}


.boxgray {font-family: "돋움"; font-size: 9pt; color: #494949; BORDER-RIGHT: #494949 1px solid; BORDER-TOP: #494949 1px solid; BORDER-LEFT: #494949 1px solid; BORDER-BOTTOM: #494949 1px solid;}
.boxsave {font-family: "돋움"; font-size: 9pt; color: #000000;background-color:#FF9900; BORDER-RIGHT: #494949 1px solid; BORDER-TOP: #494949 1px solid; BORDER-LEFT: #494949 1px solid; BORDER-BOTTOM: #494949 1px solid;}
.boxsaveclose {font-family: "돋움"; font-size: 9pt; color: #FFFFFF;background-color:#336600; BORDER-RIGHT: #494949 1px solid; BORDER-TOP: #494949 1px solid; BORDER-LEFT: #494949 1px solid; BORDER-BOTTOM: #494949 1px solid;}
.boxclose {font-family: "돋움"; font-size: 9pt; color: #FFFFFF;background-color:#0000FF; BORDER-RIGHT: #0000FF 1px solid; BORDER-TOP: #0000FF 1px solid; BORDER-LEFT: #0000FF 1px solid; BORDER-BOTTOM: #0000FF 1px solid;}
.boxcancel {font-family: "돋움"; font-size: 9pt; color: #FFFFFF;background-color:#FF0000; BORDER-RIGHT: #494949 1px solid; BORDER-TOP: #494949 1px solid; BORDER-LEFT: #494949 1px solid; BORDER-BOTTOM: #494949 1px solid;}
.boxselect {font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#8080FF; BORDER: #FF0000 1px solid;}
.boxselectW {font-family: "돋움"; font-size: 10pt; background-color:#FFFFFF; BORDER: #FF0000 1px solid;}
.boxselectW9 {font-family: "돋움"; font-size: 9pt; background-color:#FFFFFF; BORDER: #FF0000 1px solid;}

.boxgray1 {height:7mm; font-family: "돋움"; font-size: 10pt; color: #494949; BORDER-RIGHT: #494949 1px solid; BORDER-TOP: #494949 1px solid; BORDER-LEFT: #494949 1px solid; BORDER-BOTTOM: #494949 1px solid;}
.boxsave1 {height:7mm; font-family: "돋움"; font-size: 10pt; color: #000000;background-color:#FF9900; BORDER-RIGHT: #494949 1px solid; BORDER-TOP: #494949 1px solid; BORDER-LEFT: #494949 1px solid; BORDER-BOTTOM: #494949 1px solid;}
.boxsaveclose1 {height:7mm; font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#336600; BORDER-RIGHT: #494949 1px solid; BORDER-TOP: #494949 1px solid; BORDER-LEFT: #494949 1px solid; BORDER-BOTTOM: #494949 1px solid;}
.boxclose1 {height:7mm; font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#0000FF; BORDER-RIGHT: #494949 1px solid; BORDER-TOP: #494949 1px solid; BORDER-LEFT: #494949 1px solid; BORDER-BOTTOM: #494949 1px solid;}
.boxcancel1 {height:7mm; font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#FF0000; BORDER-RIGHT: #494949 1px solid; BORDER-TOP: #494949 1px solid; BORDER-LEFT: #494949 1px solid; BORDER-BOTTOM: #494949 1px solid;}
.boxselect1 {height:7mm; font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#8080FF; BORDER: #FF0000 1px solid;}
.boxselectW1 {height:7mm; font-family: "돋움"; font-size: 10pt; background-color:#FFFFFF; BORDER: #FF0000 1px solid;}
.boxselectW91 {height:7mm; font-family: "돋움"; font-size: 9pt; background-color:#FFFFFF; BORDER: #FF0000 1px solid;}

.boxgreen {font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#339900; BORDER: #B7B7B7 1px solid;}
.boxblue {font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#0000FF; BORDER: #B7B7B7 1px solid;}
.boxyellow {font-family: "돋움"; font-size: 10pt; color: #000000;background-color:#FFFF99; BORDER: #B7B7B7 1px solid;}
.boxred {font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#FF0000; BORDER: #B7B7B7 1px solid;}
.boxpurple {font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#8000FF; BORDER: #B7B7B7 1px solid;}

.boxgreen1 {height:7mm; font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#339900; BORDER: #B7B7B7 1px solid;}
.boxblue1 {height:7mm; font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#0000FF; BORDER: #B7B7B7 1px solid;}
.boxyellow1 {height:7mm; font-family: "돋움"; font-size: 10pt; color: #000000;background-color:#FFFF99; BORDER: #B7B7B7 1px solid;}
.boxred1 {height:7mm; font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#FF0000; BORDER: #B7B7B7 1px solid;}
.boxpurple1 {height:7mm; font-family: "돋움"; font-size: 10pt; color: #FFFFFF;background-color:#8000FF; BORDER: #B7B7B7 1px solid;}
.boxselect7 {background-color:#0033FF; BORDER: #FF0000 0px solid;}

.h_title {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14pt;
	COLOR: #000000;
	FONT-FAMILY: 돋음, Seoul, Gulim;
}

.h_title20 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 20pt;
	COLOR: #000000;
	FONT-FAMILY: 돋음, Seoul, Gulim;
}

.tds_title {
	COLOR: #000000; background-color: #CDCCFD; border-bottom: 1px #CDCCFD solid; text-align:center;
}
.tds_contents {
	COLOR: #000000; background-color:#FFFFFF; border-bottom: 1px #CDCCFD solid; text-align:left; padding:1;
}

.m_tds_title {
	font-size: 10pt;
	COLOR: #000000;
	background-color:#CDCCFD;
	border-bottom: 1px #CDCCFD solid;
	line-height: 14pt;
	text-align:center;
}
.m_tds_contents {
	font-size: 10pt;
	COLOR: #000000;
	background-color:#FFFFFF;
	border-bottom: 1px #CDCCFD solid;;
	line-height: 14pt;
	text-align:left;
}

.tds_title_L {
	COLOR: #000000; background-color: #E1E0FE; border-top: 2px #CDCCFD solid; border-bottom: 1px #CDCCFD solid; border-left: 2px #CDCCFD solid;border-right: 1px #CDCCFD solid; text-align:center; height:30px;
}
.tds_title_M {
	COLOR: #000000; background-color: #E1E0FE; border-top: 2px #CDCCFD solid; border-bottom: 1px #CDCCFD solid; border-left: 0px #CDCCFD solid;border-right: 1px #CDCCFD solid; text-align:center; height:30px;
}
.tds_title_R {
	COLOR: #000000; background-color: #E1E0FE; border-top: 2px #CDCCFD solid; border-bottom: 1px #CDCCFD solid; border-left: 0px #CDCCFD solid;border-right: 2px #CDCCFD solid; text-align:center; height:30px;
}

.tds_contents_L {
	COLOR: #000000; background-color: #FFFFFF; border-top: 0px #CDCCFD solid; border-bottom: 1px #CDCCFD solid; border-left: 2px #CDCCFD solid;border-right: 1px #CDCCFD solid; text-align:left; height:25px;
}
.tds_contents_M {
	COLOR: #000000; background-color: #FFFFFF; border-top: 0px #CDCCFD solid; border-bottom: 1px #CDCCFD solid; border-left: 0px #CDCCFD solid;border-right: 1px #CDCCFD solid; text-align:left; height:25px;
}
.tds_contents_R {
	COLOR: #000000; background-color: #FFFFFF; border-top: 0px #CDCCFD solid; border-bottom: 1px #CDCCFD solid; border-left: 0px #CDCCFD solid;border-right: 2px #CDCCFD solid; text-align:left; height:25px;
}

.body_contents {
	COLOR: #000000; border-bottom: 1px #CDCCFD solid; height:25px;
}

.tdlist {
	COLOR: #000000; background-color: #FFFFFF; border-bottom: 1px #CDCCFD solid; height:25px;
}

.tdlist_dot {
	COLOR: #000000; background-color: #FFFFFF; border-bottom: 1px #CDCCFD dotted; height:25px;
}


.input_blue {background-color:#CACCFD;border-width:1pt; height:12pt;}
.hot_input {background-color:rgb(240,240,240);border-width:1pt; height:12pt;}
.hot_input1 {background-color:rgb(240,240,240);border-width:1pt; height:16pt;cursor:hand;}
.hot_inpu2 {background-color:white;border-width:1pt; height:16pt;cursor:hand;}
.cm {font-family: "돋움"; font-size: 9pt; color: #494949;background-color:#D5D5D5;border:0px #FFFFFF solid;}

.ziplist {font-family: "돋움"; font-size: 8pt; line-height:5mm;}

<style>
/* =========================
   LOCATION (breadcrumb)
========================= */
.loc{
    width:100%;
    margin:0;
    padding:3px 0;              /* 핵심: header와 붙이기 */
    background:#fff;
    border-bottom:1px solid #eef2f7;
}

/* header 바로 아래 붙이기 */
.hh-header + .loc{
    margin-top:0;
    padding-top:3px;
}

/* 내부 정렬 */
.loc .width_box1{
    margin:0 auto;
    padding:0 16px;
}

/* breadcrumb 리스트 */
.loc ul{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    margin:0;
    padding:0;
    list-style:none;
    font-size:13px;
    color:#6b7280;
}

/* 항목 */
.loc li{
    display:flex;
    align-items:center;
    line-height:1.4;
}

/* 구분자(dot) */
.loc li img{
    vertical-align:middle;
}

/* 링크 */
.loc a{
    color:#6b7280;
    text-decoration:none;
}

.loc a:hover{
    color:#4338ca;
}			
</style>