@charset "euc-kr";
/* CSS Document */
img{border:0;}
a,img {outline: none;selector-dummy:expression(this.hideFocus=true);}
a,area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; } 

/* body °øÅë¼Ó¼º */
body, table, tr, td, form{margin:0 auto; padding:0; font:normal Verdana, Geneva, sans-serif, dotum,'µ¸¿ò'; color:#6b6b6b; font-size:12px;}
body{background-image:url(/PCver/img/bg.jpg); background-repeat:repeat-x; background-position:top;}
a {outline:none; select-dummy: expression(this.hideFocus=true);}  /* <- ¸µÅ©Å¬¸¯½ÃÁ¡¼±¾È»ý±è*/

body{ overflow-x:hidden; overflow-y:scroll;}   /* <-body¿¡¸¸*/ 


a:link, a:active, a:visited { font-size:12px; color:#6b6b6b; text-decoration:none; }
a:hover { font-size:12px; color: #6b6b6b; text-decoration: underline;}


/* quick */
#container { margin: 0 auto; width: 960px;}
#floatdiv {position:absolute; width:20px; height:32px; left:0px; top:500px; margin-left:10px; visibility:hidden;}




a.notice:link                 {
        font-family: "??", "??";
        font-size: 12px;
        color: #ffffff;
        text-decoration:none;
        font-weight: normal;
}
a.notice:visited         {
        font-family:"??", "??";
        font-size: 12px;
        color: #ffffff;
        text-decoration:none;
        font-weight: normal;
}
a.notice:hover         {
        font-family:"??", "??";
        font-size: 12px;
        color: #ffff00;
        text-decoration:underline;
        font-weight: normal;
}

.notice {
	font-family: "??", "??";
	font-size: 12px;
	font-weight: normal;
	color: #cccccc;
}


/* ================================================= */
/* [Çʼö] È­¸é ³ôÀÌ 100% ä¿ì±â ¹× ¹è³Ê ÇÏ´Ü °íÁ¤ */
/* ================================================= */

/* 1. html°ú body°¡ â Å©±â(100%)¸¦ ´Ù ¾²µµ·Ï ¼³Á¤ */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* 2. body¸¦ ¼¼·Î ¹æÇâ Flex ÄÁÅ×À̳ʷΠ¼³Á¤ */
body {
    display: flex;
    flex-direction: column; /* ¿ä¼ÒµéÀ» ¼¼·Î·Î ¹èÄ¡ */
}

/* ================================================= */
/* [½Å±Ô] ÇÏ´Ü Ä«ÇǶóÀÌÆ® ¹è³Ê ¼³Á¤ */
/* ================================================= */
#copy_banner {
    width: 100%;            /* main_flashó·³ È­¸é °¡·Î¸¦ ²Ë ä¿ò */
    background-color: #222222; /*  (À̹ÌÁö ÁÖº¯ ¿©¹é ó¸®) */
    text-align: center;     /* À̹ÌÁö¸¦ °¡¿îµ¥ Á¤·Ä */
    line-height: 0;         /* À̹ÌÁö ÇÏ´ÜÀÇ ¹Ì¼¼ÇÑ °ø¹é Á¦°Å */
	margin-top: auto;
	flex-shrink: 0;
}

#copy_banner img {
    max-width: 100%;        /* È­¸éÀÌ À̹ÌÁöº¸´Ù ÀÛ¾ÆÁö¸é ÀÚµ¿À¸·Î ÁÙ¾îµê */
    height: auto;           /* ³Êºñ¿¡ ¸ÂÃç ³ôÀÌ ÀÚµ¿ Á¶Àý (ºñÀ² À¯Áö) */
    
    /* (¼±ÅûçÇ×) ¸¸¾à À̹ÌÁö¸¦ ¹«Á¶°Ç È­¸é ²Ë Â÷°Ô ´Ã¸®°í ½Í´Ù¸é ¾Æ·¡ ÁÖ¼®À» Ǫ¼¼¿ä */
    /* width: 100%; */ 
}


/* bg */
.m_bg{
	background-image:url(/PCver/img/m_bg.gif);
	background-repeat:repeat-x;
	background-position: center -100px;
}

.s_bg{
	background-image:url(/PCver/img/sub_bg.gif);
	background-repeat:repeat-x;
	background-position: center -100px;
}

.s_foot_bg{
	background-image:url(/PCver/img/s_foot.gif);
	background-repeat:repeat-x;
	background-position: center top;
}

.s_left_bg{
	background-image:url(/PCver/img/left_bg.gif);
	background-repeat:repeat-y;
	background-position: center top;
}





/* gallery line */  /*»çÁøÅ׵θ®*/
.main_gallery_img{ border:solid #CCC 1px;}





/* font */
.news_font01 {
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 11px;
	color: #666;
}
.news_font02 {
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 11px;
	color: #949393;
}
.page_font01 {
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 11px;
	color: #666;
}
.page_font02 {
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 11px;
	color: #005a9e;
	font-weight: bold;
}


/*--2021-01-20 flaÁ¾·á--*/
body {margin:0px;}
a,img {selector-dummy:expression(this.hideFocus=true);}
a,img {outline: none;selector-dummy:expression(this.hideFocus=true);}
img{border:0px;}

ul{margin:0;padding:0;list-style:none;}
li{text-align:left;padding:0;margin:0;}

/* ¼­ºê ¿ÞÂʸ޴º */
#sub_select{width:194px; height:308px; box-sizing:border-box; padding-top:10px;}
#sub_select li{}
#sub_select li a{display:block; font-size:14px; line-height:26px; color:#6c6c6c;  padding-left:38px; font-family: 'Noto Sans KR', sans-serif; padding-bottom:10px;}
#sub_select li a:hover{color:#fff; background:url("/PCver/img/leftmenu_over.jpg") 0 0 no-repeat; font-weight:bold;}
.sub_active {color:#fff; background:url("/PCver/img/leftmenu_over.jpg") 0 0 no-repeat; font-weight:bold;color:white!important;}
#sub_select li a.on{color:#fff; background:url("/PCver/img/leftmenu_over.jpg") 0 0 no-repeat; font-weight:bold;}

/* ¸ÞÀÎ ºñÁê¾ó */
#main_flash {
    width: 100%;             /* 1930 -> 100% ·Î º¯°æ (È­¸é °¡·ÎÆø ²Ë ä¿ò) */
    height: 830px;           /* ³ôÀÌ´Â °íÁ¤ À¯Áö */    
    /* ¹è°æ ¼³Á¤ ¼öÁ¤ */
    background: url('/PCver/img/main_flash_bg.gif') no-repeat center top; /* À̹ÌÁö¸¦ Áß¾Ó »ó´Ü ±âÁØÀ¸·Î ¹èÄ¡ */
    background-size: cover;  /* ÇÙ½É! â Å©±â¿¡ ¸ÂÃç ¹è°æ À̹ÌÁö¸¦ ºóÆ´¾øÀÌ ²Ë ä¿ò */    
    position: relative;     /* ³»ºÎ ¿ä¼Ò À§Ä¡ ±âÁØÁ¡ */
    overflow: hidden;       /* »ßÁ®³ª°¡´Â °Í ¹æÁö */
}


#main_flash p {
    margin: 0;
    padding: 0;
}

#main_flash p img {
    max-width: 100%;        /* ¡ÚÇÙ½É: À̹ÌÁö°¡ ºÎ¸ð ¹Ú½ºº¸´Ù Å©¸é ÀÚµ¿À¸·Î ÁÙ¾îµê */
    height: auto;           /* ºñÀ² À¯Áö */
}

#main_flash .f_txt01
{
padding:220px 0 0 0px;
background-size: cover;
text-align: left;
}

#main_flash .f_txt02 {
 margin-top: 35px;       /* ù ¹ø° ÅؽºÆ®¿ÍÀÇ °£°Ý */
}



/* ================================================= */
/* [1] ¸ÞÀθ޴º Àüü Ʋ (¸Þ´ºÀÇ ±âÁØÀÌ µÇ´Â ¹Ú½º) */
/* ================================================= */
#gnb_nav {
    list-style: none;       /* ¸®½ºÆ® ¾ÕÀÇ Á¡(ºÒ¸´) Á¦°Å */
    width: 711px;           /* ¸Þ´º ÀüüÀÇ °¡·Î ³Êºñ */
    height: 30px;           /* ¸Þ´ºÀÇ ³ôÀÌ */
    position: relative;     /* À§Ä¡ À̵¿À» À§ÇÑ ±âÁØÁ¡ ¼³Á¤ (left, top »ç¿ë °¡´É) */
    
    margin: 0;              /* ¹Ù±ù ¿©¹é Á¦°Å */
    padding: 0;             /* ¾ÈÂÊ ¿©¹é Á¦°Å */    
    /* ¡å¡å ¸Þ´º Àüü À§Ä¡ À̵¿ ¡å¡å */
    left: 67px;             /* ¿ÞÂÊ¿¡¼­ 55px¸¸Å­ ¶³¾îÆ®¸² */ 
    background: url('/PCver/img/on_bar.png') 0 0px no-repeat; /* ¹è°æ À̹ÌÁö ¼³Á¤ */
    z-index: 100;           /* ´Ù¸¥ ¿ä¼Òµéº¸´Ù Á¦ÀÏ À§¿¡ ¿Àµµ·Ï ¼³Á¤ */
}

/* ================================================= */
/* [2] ¹è°æ¹Ù (¸¶¿ì½º ¿Ã·ÈÀ» ¶§ ³»·Á¿À´Â Èò»ö ¹è°æ) */
/* ================================================= */
.gnb_bg {
    position: absolute;     /* Àý´ë À§Ä¡ »ç¿ë (È­¸é À§¿¡ ¶ä) */
    top: 49.5px;            /* ¸Þ´º ±ÛÀÚ ¹Ù·Î ¾Æ·¡¿¡¼­ ½ÃÀÛ */  
    width: 3000px;          /* È­¸é Çػ󵵺¸´Ù ¹«Á¶°Ç Å©°Ô ¼³Á¤ÇÏ¿© ºóÆ´ ¹æÁö */
    left: -1000px;          /* ¿ÞÂÊÀ¸·Î ´ç°Ü¼­ Áß¾ÓÀ» ¸ÂÃã */    
    height: 0;              /* Æò¼Ò¿¡´Â ³ôÀÌ°¡ 0À̶ó ¾È º¸ÀÓ */
    background-color: #ffffff; /* ¹è°æ»ö Èò»ö */
    box-shadow: 0px 5px 5px rgba(0, 0, 255, 0.2); /* ±×¸²ÀÚ ¼³Á¤: ÆĶõ»ö(Blue) Åõ¸íµµ 0.2 */
    transition: height 0.3s ease; /* ³ôÀÌ°¡ º¯ÇÒ ¶§ 0.3ÃÊ°£ ºÎµå·´°Ô ¿òÁ÷ÀÓ */
    overflow: hidden;       /* ³»¿ëÀÌ ³ÑÄ¡¸é ¼û±è */
    z-index: 1;             /* ±ÛÀÚº¸´Ù´Â µÚ¿¡, ¹Ù´Úº¸´Ù´Â À§¿¡ */
}

/* ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ ¹è°æ¹ÙÀÇ º¯È­ */
#gnb_nav:hover .gnb_bg {
    height: 200px;          /* ¹è°æÀÌ ÀÌ ³ôÀ̸¸Å­ ³»·Á¿È (¿øÇÏ´Â ´ë·Î Á¶Àý °¡´É) */
}

/* ================================================= */
/* [3] 1´Ü°è ¸Þ´º (»ó´Ü ¸ÞÀÎ ±ÛÀÚµé) */
/* ================================================= */
#gnb_nav > li {
    float: left;            /* ¸Þ´º¸¦ °¡·Î·Î ³ª¿­ */
    /*  static ¼³Á¤: ÀÌ°ÍÀ» ¼³Á¤ÇØ¾ß ¼­ºê¸Þ´º°¡ °¢ ¹öÆ°ÀÌ ¾Æ´Ñ 'Àüü Ʋ(#gnb_nav)'À» ±âÁØÀ¸·Î ¶å´Ï´Ù. */
    position: static;    
    z-index: 10;            /* ¹è°æ(.gnb_bg)º¸´Ù À§¿¡ ±ÛÀÚ°¡ ÀÖ¾î¾ß ÇÔ */
    transition: height 0.4s ease; /* ºÎµå·¯¿î È¿°ú */
}

/* 1´Ü°è ¸Þ´º ±ÛÀÚ ÅÂ±× ½ºÅ¸ÀÏ */
#gnb_nav > li > h2 { 
    margin: 0; 
    padding: 0; 
    margin-left: 7px;       /* ±ÛÀÚ »çÀÌ °£°Ý ¹Ì¼¼ Á¶Á¤ */
}

/* 1´Ü°è ¸Þ´º ¸µÅ© ½ºÅ¸ÀÏ */
#gnb_nav > li > h2 > a {
    display: block;         /* Ŭ¸¯ ¿µ¿ªÀ» ¹Ú½º ÇüÅ·Π¸¸µê */
    font-size: 17px;        /* ±ÛÀÚ Å©±â */
    color: #000000;         /* ±ÛÀÚ »ö»ó */
    font-weight: bold;      /* ±ÛÀÚ ±½°Ô */
    padding-bottom: 14px;   /* ¾Æ·¡ÂÊ ¿©¹é */
    font-family: 'Nanum Gothic', sans-serif; /* ÆùÆ® ¼³Á¤ */
    text-decoration: none;  /* ¹ØÁÙ Á¦°Å */
}

/* ¸¶¿ì½º ¿Ã¸®°Å³ª ¼±ÅõǾúÀ» ¶§ ±ÛÀÚ»ö º¯°æ */
#gnb_nav > li > h2 > a.on, 
#gnb_nav > li > h2 > a:hover { 
    color: #005a9e;         /* ÆĶõ»öÀ¸·Î º¯°æ */
}

/* ================================================= */
/* [4] ¼­ºê ¸Þ´º (4µîºÐ & ¼¼·ÎÁÙ & µîÀå È¿°ú) */
/* ================================================= */
#gnb_nav li ul.sub_nav {
    display: none;          /* Æò¼Ò¿¡´Â ¼û°ÜµÒ */
    position: absolute;     /* Àý´ë À§Ä¡·Î ¹èÄ¡ */
    top: 30px;              /* »ó´Ü ¸Þ´º¹Ù ¹Ù·Î ¾Æ·¡ À§Ä¡ */
	/* ¿ø·¡À§Ä¡(49.5) - »õÀ§Ä¡(30) + ¿ø·¡Æеù(10) = 29.5px */
    padding: 35px 0 0 0; 
    /* ¡å¡å ¸¶¿ì½º °¨Áö ¿µ¿ª È®Àå ¡å¡å */
    min-height: 220px; /* ¹è°æ¹Ù(.gnb_bg)ÀÇ ³ôÀÌ(190px)º¸´Ù Å©°Å³ª °°°Ô ¼³Á¤ÇØ¾ß Èò»ö ¹è°æ ¾îµð¿¡ ¸¶¿ì½º¸¦ µÖµµ ¸Þ´º°¡ À¯ÁöµË´Ï´Ù. */
    box-sizing: border-box; /* ÆеùÀÌ ³ôÀÌ¿¡ Æ÷ÇԵǵµ·Ï ¼³Á¤ */
	width: 1500px;
    left: -350px;                /* Àüü ƲÀÇ ¿ÞÂÊ ³¡¿¡ ¸ÂÃã */
  /* È­¸é 3µîºÐ ¼³Á¤ (Grid Layout) */   
    grid-template-columns: 290px 80px 250px 1fr;/* 1¹øÄ­(ÀÎÆ®·Î): 250px / 2¹øÄ­(¸Þ´º): 180px / 3¹øÄ­(À̹ÌÁö): ³ª¸ÓÁö ÀüºÎ(1fr) */
	grid-auto-rows: min-content; /*Çà ³ôÀ̸¦ ³»¿ë¹° Å©±â¸¸Å­¸¸ Àâµµ·Ï ¼³Á¤ */
    z-index: 20;            /* ¹è°æº¸´Ù ÈξÀ À§¿¡ Ç¥½Ã */
    padding-left: 0; /* Ȥ½Ã ¸ð¸¦ ¿©¹é ÃʱâÈ­ */
    opacity: 0;             /* óÀ½¿£ Åõ¸íÇÏ°Ô ½ÃÀÛ (¾Ö´Ï¸ÞÀ̼ǿë) */
}

/* ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ ¼­ºê¸Þ´º º¸À̱â */
#gnb_nav > li:hover ul.sub_nav {
    display: grid;          /* Grid ÇüÅ·Πº¸¿©ÁÜ */    
    /* ½Ã°£Â÷ µîÀå È¿°ú (¹è°æ ¸ÕÀú ³»·Á¿À°í ±ÛÀÚ µîÀå) */
    animation: fadeInText 0.4s ease forwards; /* ¾Æ·¡ Á¤ÀÇÇÑ ¾Ö´Ï¸ÞÀÌ¼Ç ½ÇÇà */
    animation-delay: 0.15s;                   /* 0.15ÃÊ ±â´Ù·È´Ù°¡ ½ÇÇà */
}

/* ¼­ºê¸Þ´º µîÀå ¾Ö´Ï¸ÞÀÌ¼Ç µ¿ÀÛ Á¤ÀÇ */
@keyframes fadeInText {
    from { 
        opacity: 0;                 /* Åõ¸íÇÔ */
      /*  transform: translateY(-5px); ¾à°£ À§¿¡¼­ ½ÃÀÛ */
    }
    to { 
        opacity: 1;                 /* ºÒÅõ¸íÇØÁü(º¸ÀÓ) */
  /*      transform: translateY(0);   /* Á¦ÀÚ¸®·Î ¿È */
    }
}
#gnb_nav li ul.sub_nav li.intro_box {
    grid-column: 1;          /* ¡Ú ¹«Á¶°Ç 1¹ø Ä­¿¡ ¹èÄ¡ ¡Ú */
    grid-row: 1 / span 10;/* ¼¼·Î·Î 10ÁÙÀ» È¥ÀÚ Â÷ÁöÇÏ°Ô ÇÔ (Row Span) */
    /* ³»¿ë¹° Áß¾Ó Á¤·Ä */
    display: flex;
    flex-direction: column;  /* ¼¼·Î Á¤·Ä */
    justify-content: flex-start;
    align-items: center;
    text-align: center;
	/* À§ÂÊ¿¡ ¾à°£ÀÇ ¿©¹éÀ» ÁÖ¾î º¸±â ÁÁ°Ô ¹èÄ¡ (¿øÇÏ´Â ¸¸Å­ Á¶Àý °¡´É) */
    padding-top: 0px; 
    padding-bottom: 20px;
}

/* ¼Ò°³ ¹Ú½º ¾ÈÀÇ ±ÛÀÚ/À̹ÌÁö ½ºÅ¸ÀÏ */
.intro_box img { /* [½Å±Ô Ãß°¡] À̹ÌÁö°¡ ¹Ú½ºº¸´Ù Å©¸é ¾Ë¾Æ¼­ ÁÙ¾îµé°Ô ¼³Á¤ */
    max-width: 100%; 
    height: auto; 
	text-align: center;
    
    /* [¼±ÅûçÇ×] Ȥ½Ã À̹ÌÁö°¡ ³Ê¹« Å©´Ù¸é °­Á¦·Î ³Êºñ ÁöÁ¤ */
  width: 200px;
    
    margin-bottom: 0px; /* ±âÁ¸ ¿©¹é À¯Áö */
}/* À̹ÌÁö ¾Æ·¡ ¿©¹é */

.intro_box h3 { 
margin: 0;     
    margin-bottom: 2px;  /* Á¦¸ñ°ú À̹ÌÁö »çÀÌÀÇ °£°Ý */
    color: #000080; 
    font-size: 25px; 
    font-weight: bold; 
    padding-bottom: 0px; /* ³Ê¹« ¹Ù´Ú¿¡ µü ºÙÀ¸¸é º¸±â ½ÈÀ¸´Ï ¾à°£ ¶ç¿ò */
}

.intro_box p { 
    margin: 1px 0 0 0; 
    color: #666; 
    font-size: 13px; 
}


/* (B) µÎ ¹ø° Ä­: ÀÏ¹Ý ¸Þ´º ¸®½ºÆ® ½ºÅ¸ÀÏ */
/* intro_box°¡ '¾Æ´Ñ' ¸ðµç li´Â 2¹ø Ä­À¸·Î º¸³À´Ï´Ù */
#gnb_nav li ul.sub_nav li:not(.intro_box):not(.sub_banner_box) {
    grid-column: 3;          /* ¡Ú ¹«Á¶°Ç 2¹ø Ä­¿¡ ¹èÄ¡ ¡Ú */
    text-align: auto;
}
/* ¼­ºê¸Þ´º ¸µÅ©(±ÛÀÚ) ½ºÅ¸ÀÏ */
#gnb_nav li ul.sub_nav li a {
    display: block;         /* ÇÑ ÁÙÀ» ´Ù Â÷ÁöÇÏ°Ô ÇÔ */
    font-size: 16px;        /* ±ÛÀÚ Å©±â */
    font-weight: bold;      /* ±ÛÀÚ ±½°Ô */
    color: #000080;         /* ÆĶõ»ö */
    text-decoration: none;  /* ¹ØÁÙ ¾øÀ½ */
    padding: 3px 0;         /* À§¾Æ·¡ °£°Ý */
    font-family: 'Nanum Gothic', sans-serif; /* ÆùÆ® */
}

/* ¼­ºê¸Þ´º¿¡ ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ »ö»ó º¯°æ */
#gnb_nav li ul.sub_nav li a::before {
    content: "+";           /* ±âº»ÀûÀ¸·Î Ç÷¯½º Ç¥½Ã */
    display: inline-block;
    margin-left: 8px;       /* ±ÛÀÚ¿Í ¾ÆÀÌÄÜ »çÀÌ °£°Ý */
    font-size: 19px;        /* ¾ÆÀÌÄÜ Å©±â */
	font-weight: bold;    /* ±½±â Á¶Àý */
    color: #000080;            /* ¾ÆÀÌÄÜ »ö»ó */
   /*  transition: all 0.2s;   ºÎµå·´°Ô ¹Ù²î´Â È¿°ú */
}

#gnb_nav li ul.sub_nav li a:hover {
    color: #ff7f00;         /* ¡Ú ±ÛÀÚ»öµµ ÁÖȲ»öÀ¸·Î º¯°æ ¡Ú */
}

/* ¡å¡å ¸¶¿ì½º ¿Ã·ÈÀ» ¶§(hover) '-'·Î º¯°æ ¡å¡å */
/* li¿¡ ¸¶¿ì½º¸¦ ¿Ã·ÈÀ» ¶§ a µÚÀÇ ³»¿ëÀ» º¯°æ */
#gnb_nav li ul.sub_nav li a:hover::before {
    content: "-";         /* ¸¶À̳ʽº·Î º¯°æ */
    color: #ff7f00;         /* È°¼ºÈ­µÇ¸é ÆĶõ»öÀ¸·Î º¯°æ */
}
/* ================================================= */
/* [¿¹¿Ü ó¸®] ¼Ò°³ ¹Ú½º ¹× ¹è³Ê ¹Ú½º ¾ÈÀÇ ¸µÅ©´Â ¾ÆÀÌÄÜ Á¦°Å */
/* ================================================= */

/* 1. ±âº» »óÅ¿¡¼­ + ¾ø¾Ö±â (intro_box ¿Í sub_banner_box ¸ðµÎ Àû¿ë) */
#gnb_nav li ul.sub_nav li.intro_box a::before,
#gnb_nav li ul.sub_nav li.sub_banner_box a::before {
    content: none !important;   /* ³»¿ë ¾ø¾Ö±â */
    display: none !important;   /* È­¸é¿¡¼­ Áö¿ì±â */
    margin: 0 !important;       /* ¿©¹é ¾ø¾Ö±â */
}

/* 2. ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ - »ý±â´Â °Íµµ ¸·±â */
#gnb_nav li ul.sub_nav li.intro_box a:hover::before,
#gnb_nav li ul.sub_nav li.sub_banner_box a:hover::before {
    content: none !important;
    display: none !important;
}

/* 3. ¸¶¿ì½º ¿Ã·ÈÀ» ¶§ ±ÛÀÚ»ö(À̹ÌÁö Å׵θ® µî) º¯ÇÏ´Â °Í ¸·±â */
#gnb_nav li ul.sub_nav li.intro_box a:hover,
#gnb_nav li ul.sub_nav li.sub_banner_box a:hover {
    color: inherit !important; /* ¿ø·¡ »ö»ó À¯Áö */
}
/* ================================================= */
/* [½Å±Ô Ãß°¡] (C) ¼¼ ¹ø° Ä­: ¹è³Ê À̹ÌÁö ¹Ú½º ½ºÅ¸ÀÏ */
/* ================================================= */
#gnb_nav li ul.sub_nav li.sub_banner_box {
    grid-column: 4;          /* ¡Ú ¹«Á¶°Ç 3¹ø Ä­(°¡Àå ³ÐÀº Ä­)¿¡ ¹èÄ¡ ¡Ú */
    grid-row: 1 / span 10;   /* ¼¼·Î·Î ±æ°Ô Â÷ÁöÇϱâ (ÀÎÆ®·Î¹Ú½º¿Í µ¿ÀÏ) */

    /* ³»ºÎ À̹ÌÁö Á¤·Ä */
    display: flex;
    justify-content: center; /* °¡·Î Áß¾Ó Á¤·Ä */
    align-items: center;     /* ¼¼·Î Áß¾Ó Á¤·Ä (ÇÊ¿ä½Ã flex-start·Î º¯°æ) */
    padding: 10px;           /* ¾à°£ÀÇ ¾ÈÂÊ ¿©¹é */
    height: 120px;            /* ³ôÀ̸¦ ºÎ¸ð¿¡ ¸ÂÃã */
}

/* 3¹øÄ­ ¹è³Ê À̹ÌÁö ÀÚü ½ºÅ¸ÀÏ */
.sub_banner_box img {
    max-width: 100%;         /* Ä­À» ³Ñ¾î°¡Áö ¾Ê°Ô */
    height: auto;            /* ºñÀ² À¯Áö */
    max-height: 180px;       /* (¼±ÅûçÇ×) ¸Þ´º ³ôÀÌ¿¡ ¸ÂÃç ³Ê¹« Å©Áö ¾Ê°Ô Á¦ÇÑ */
    object-fit: cover;       /* (¼±ÅûçÇ×) ¿µ¿ª¿¡ ²Ë Â÷°Ô º¸À̱â */
    border-radius: 5px;      /* (¼±ÅûçÇ×) ¸ð¼­¸® µÕ±Û°Ô */
}