/***********************************
* Project : °ø¹«¿ø ¸ÞÀÎ ¸®´º¾ó
* Filename : main.css
* Date : 2025-11-19
***********************************/

@charset "euc-kr";

/* »ó´Ü ·¹À̾ƿô */

.top_PMG .myInfo ul.pmgStart {float: none;position: absolute;left: 0;top: 12px;}
.top_PMG .myInfo {padding-top: 24px;}
.top_PMG .pmgInfo .logo_PMG {    padding: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

#Top_banner {position: relative;z-index: 99996;}
#Top_banner::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 50px;background: #00103a;z-index: -1;}

.top_PMG .SearchBox {margin-right: 5px;}
.top_PMG .SearchSimple a {border: 1px solid #000;border-radius: 5px;}

.depth_PMG .Wrapper980 > ul li > a::after {display: block;padding-top: 3px;content: '';border-bottom: solid 2px #000;transform: scaleX(0);transition: transform 250ms ease-in-out;}
.depth_PMG .Wrapper980 > ul li > a:hover::after  {transform: scaleX(1);}
.depth_PMG .pmg_top_siteall .online_tbl_siteall td a {line-height: 1.8;position: relative;}
.depth_PMG .pmg_top_siteall .online_tbl_siteall td a:hover {font-weight: bold;}
.depth_PMG .pmg_top_siteall .online_tbl_siteall td a::before {content: "";position: absolute;left: 0;bottom: -2px;width: 0;height: 1px;background: #000;transition: width 0.25s ease;}
.depth_PMG .pmg_top_siteall .online_tbl_siteall td a:hover::before {width: 100%;}
.depth_PMG .pmg_siteall_close {top: 405px !important;}
.depth_PMG .pmg_siteall_close a {}

.depth_PMG .pmg_top_acadall {top: 26px;}

.smenu_wp .sdepth > li > a {}
.smenu_wp .sdepth > li > a:hover {color:#000;font-weight: bold;}
.smenu_wp .sdepth > li > a::before {content: "";position: absolute;left: 0;bottom: -2px;width: 0;height: 1px;background: #000;transition: width 0.25s ease;}
.smenu_wp .sdepth > li > a:hover::before {width: 55%;}


/* »ó´Ü (ÁÂ/¿ì) ¹è³Ê */
div.top_left_bnr {position: absolute;top: 53px;left: 0;    z-index: 999;}
div.top_right_bnr {position: absolute;top: 38px;right: -250px;z-index: 999;}

div.depth_PMG {background: #FFF;border: 0;border-bottom: 1px solid #eee;}

.depth_PMG .pmg_top_siteall {top: 51px !important;border: 1px solid #eee;}

.depth_PMG ul {}
.depth_PMG ul li {margin-right: 20px;}
.depth_PMG ul li:last-child {margin-right: 0;}
.depth_PMG .Wrapper980 > ul li > a,
.depth_PMG ul li.SiteAllWrap a {color:#000;padding: 0px 0px 0px 0;height: 40px;line-height: 40px;}

.depth_PMG ul.menuTop_right {}
.depth_PMG ul.menuTop_right li {margin-right: 5px;}
.depth_PMG ul.menuTop_right li:last-child {margin-right: 0;} 

.depth_PMG .Wrapper980 > ul li > a:hover {}
/* Çܹö°Å ¾ÆÀÌÄÜ ±âº» ½ºÅ¸ÀÏ */
.hamburger-icon {
display: inline-block;
width: 15px;
height: 16px; /* ³ôÀ̸¦ ÁÙ¿© ¼¼ ÁÙÀÌ Àß ¸Âµµ·Ï */
position: relative;
}
.hamburger-icon span {
display: block;
width: 15px;
height: 2px;
background: #000;
margin: 3px 0; /* °£°Ý Á¶Á¤ */
transition: transform 0.3s, opacity 0.3s;
}
/* X Ç¥½Ã »óÅ */
.hamburger-icon.active span:nth-child(1) {
transform: rotate(45deg) translate(4px, 4px);
}
.hamburger-icon.active span:nth-child(2) {
opacity: 0;
}
.hamburger-icon.active span:nth-child(3) {
transform: rotate(-45deg) translate(3px, -3px);
}

/* »ó´Ü ÇÖ´º½º */
div.m_Hot_news {position: absolute;right: -120px;bottom: 5px;}
div.m_Hot_news p { margin: 2px 0; }
div.m_Hot_news p a {color: #000;font-size: 10px;width: 240px;height: 23px;display: block;line-height: 21px;border: 1px solid #e3e3e3;text-align: center;border-radius: 5px;background: #FFF;letter-spacing: 0px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
div.m_Hot_news p a span {    color: #e83928;}

/* ¸ÞÀÎ ·¹À̾ƿô */
.quick_zone {top: 1124px !important;}

/* ÄÁÅÙÃ÷ ½½¶óÀ̵å#1 */
div.middle_contents01 {display: flex;justify-content: center;gap: 20px;margin-bottom: 27px;}

/* ÄÁÅ×ÀÌ³Ê Å©±â °íÁ¤ */
.middle_contents01 .m_slide_wrap {position: relative;width: 645px;height: 216px;overflow: hidden; /* Áß¿ä */margin: 0;}
.middle_contents01 .m_slide_wrap::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    pointer-events: none;
    background: linear-gradient(to top, rgb(0 0 0 / 91%) 0%, rgb(0 0 0 / 42%) 40%, rgba(0, 0, 0, 0) 100%);
    z-index: 25;
    border-radius: 0 0 10px 10px;
}

/* fade È¿°ú ±¸Çö  Swiper ±âº» ±ÔÄ¢ */
.middle_contents01 .m_slide_wrap .swiper-slide {width: 645px;height: 216px;opacity: 0;transition: opacity 0.6s;}

/* ÇöÀç È°¼º ½½¶óÀ̵常 º¸À̱â */
.middle_contents01 .m_slide_wrap .swiper-slide.swiper-slide-active {opacity: 1;}

/* wrapper´Â position:relative ·Î À¯Áö */
.middle_contents01 .m_slide_wrap .swiper-wrapper {position: relative; width: 645px;height: 216px;}

/* ½½¶óÀ̵å */
.middle_contents01 .m_slide_wrap ul {margin: 0; padding: 0;}
.middle_contents01 .m_slide_wrap ul li {list-style: none;}
.middle_contents01 .m_slide_wrap ul li img {display: block;}
.middle_contents01 .m_slide_wrap  .swiper-wrapper {width: 645px;height: 216px;}

.swiper-fade .swiper-slide {width: 645px;height: 216px;}

/* ³×ºñ°ÔÀÌ¼Ç */
.m_slide_navi {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 26;}
.m_slide_navi ol {display: flex;justify-content: space-between;padding: 0;margin: 0;}
.m_slide_navi ol li {
	list-style: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    padding: 10px 0;
    flex: 1;
    color: #dbdbdb;
    display: flex;
    justify-content: center;
    flex-direction: column;
	position: relative;
	font-weight: 300;
}
.m_slide_navi ol li::after {    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background: #FFF;
    position: absolute;
    right: 0;
    top: 15px;}
.m_slide_navi ol li:last-child::after {display:none;}
.m_slide_navi ol li.on,
.m_slide_navi ol li:hover {color: #fff;font-weight: 500;}

div.middle_contents01 .middle01_bnr {position:relative;}
/* ¸µÅ©/Ä«µå ±âº» ½ºÅ¸ÀÏ */
div.middle_contents01 .middle01_bnr p a {
    display: block;
    position: relative;
    overflow: hidden; /* À̹ÌÁö°¡ ³Ñ¾î°¡Áö ¾Êµµ·Ï */
    border-radius: 20px;
}

/* À̹ÌÁö ±âº» »óÅ */
div.middle_contents01 .middle01_bnr p a img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease; /* ºÎµå·´°Ô È®´ë */
}

/* hover ½Ã À̹ÌÁö È®´ë */
div.middle_contents01 .middle01_bnr p a:hover img {transform: scale(1.02); /* 10% È®´ë */}


/* ÄÁÅÙÃ÷ ½½¶óÀ̵å#2 */
div.middle_contents02 {margin-bottom: 28px;height: 215px;}
div.middle_contents02 .m_cont02_01 {float: left;margin-right: 23px;}
div.middle_contents02 .m_cont02_01 ul {display: flex;gap: 25px;justify-content: flex-start;}
div.middle_contents02 .m_cont02_01 ul li {position: relative;}
div.middle_contents02 .m_cont02_01 ul li a {}


div.middle_contents02 .m_cont02_01 ul li a {
    display: block;
    position: relative;
    overflow: hidden; /* À̹ÌÁö°¡ ³Ñ¾î°¡Áö ¾Êµµ·Ï */
    border-radius: 20px;
}

/* À̹ÌÁö ±âº» »óÅ */
div.middle_contents02 .m_cont02_01 ul li a img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease; /* ºÎµå·´°Ô È®´ë */
    image-rendering: -webkit-optimize-contrast; /* Å©·Ò ¼±¸í ó¸® */
    transform: translateZ(0); /* GPU ·»´õ¸µ ¹ö±× ¹æÁö */

}

/* hover ½Ã À̹ÌÁö È®´ë */
div.middle_contents02 .m_cont02_01 ul li a:hover img {
    transform: scale(1.02); /* 10% È®´ë */
}



div.m_cont02_free_swipe_box {position: relative;float: left;width: 310px;;}
div.middle_contents02 .m_cont02_free_swipe {border: 1px solid #e3e3e3;border-radius: 10px;position: relative;width: 310px;height: 215px;}

div.middle_contents02 .m_cont02_free_swipe_box .free_title {
    font-size: 16px;
    color: #FFF;
    background: #000;
    position: absolute;
    width: 104px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%);
    top: -15px;
    z-index: 10;
}

/* Swiper wrapper */
div.middle_contents02 .m_cont02_free_swipe .swiper-wrapper {}

/* °³º° ½½¶óÀ̵å */
div.middle_contents02 .m_cont02_free_swipe .swiper-slide {text-align: center;height: 215px;}

/* ³»ºÎ ±¸Á¶ ±âÁ¸ À¯Áö */
div.middle_contents02 .m_cont02_free_swipe dl { padding: 20px 0 0; }
div.middle_contents02 .m_cont02_free_swipe dt { width: 175px; height: 96px; margin: 0 auto; border-radius: 10px; overflow: hidden; position: relative; }

/* ¹è°æ»ö 3Á¾ */
div.middle_contents02 .m_cont02_free_swipe dt.bg01 { background: linear-gradient(to top, rgb(255 211 115), rgb(254 242 216), rgb(254 247 232)); }
div.middle_contents02 .m_cont02_free_swipe dt.bg02 { background: linear-gradient(to top, rgb(235 243 255), rgb(235 243 255), rgb(235 243 255 / 8%)); }
div.middle_contents02 .m_cont02_free_swipe dt.bg03 { background: linear-gradient(to top, rgb(255 240 239), rgb(255 240 239), rgb(255 240 239 / 0%)); }

div.middle_contents02 .m_cont02_free_swipe dt img {position: absolute;left: 50%;transform: translate(-50%);top: 0;width: 80%;}

div.middle_contents02 .m_cont02_free_swipe dd { padding-top: 5px; color: #000; font-size: 14px; }
div.middle_contents02 .m_cont02_free_swipe dd span { color: #ff4a4a; display: block; }
div.middle_contents02 .m_cont02_free_swipe dd strong { font-size: 16px; display: block; line-height: 1.0; }

/* ³×ºñ ¹öÆ° À§Ä¡ */

/* ÀÌÀü ¹öÆ° */
.m_cont02_free_swipe .swiper-button-prev {width: 30px;height: 30px;background: url('/user/pno/images/main/2025/swipe_prev.png') no-repeat center center;background-size: contain;left: 20px;}

/* ´ÙÀ½ ¹öÆ° */
.m_cont02_free_swipe .swiper-button-next {width: 30px;height: 30px;background: url('/user/pno/images/main/2025/swipe_next.png') no-repeat center center;background-size: contain;right: 20px;}

/* Swiper ±âº» È­»ìÇ¥ ¼û±â±â */
.m_cont02_free_swipe .swiper-button-prev::after,
.m_cont02_free_swipe .swiper-button-next::after {display: none;}

div.middle_contents03 {clear: both;}
div.middle_contents03 ul {display: flex;justify-content: center;gap: 20px;}
div.middle_contents03 ul li {position:relative;}
div.middle_contents03 ul li a {}
div.middle_contents03 ul li a img {}
div.middle_contents03 ul li a:hover:after {background: #0000003d;content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition-duration: 0.5s;border-radius: 10px;}
<%	' 10.1.100.27 - 2025/11/21 14:14:55 - jouyj1106 %>