@charset "utf-8";

/* PC */
.web		{display:block !important;}
.mobile		{display:none;}
.tablet		{display:none;}

#main_content							{position:relative;}
#section.sec01							{position:relative; height:100vh;}

/* 비주얼 */
.visual_slide							{}
.visual_slide .bg						{height: 100vh; position:relative;}
.visual_slide .bg .inner.tit_in			{position:absolute;width:100%;top: 45%;left: 50%;transform: translate(-50%, -50%); padding: 0 40px;}
.visual_slide .bg .txt_wrap				{}
.visual_slide .bg .txt_wrap .sec01_tit	{font-size: 64px; font-weight: 200; color:#fff; line-height:1.2; margin-bottom: 30px;}
.visual_slide .bg .txt_wrap .sec01_tit > b {}
.visual_slide .bg .txt_wrap .sec01_sub	{color:#fff; font-size: 24px; font-weight:300; line-height:1.4;}
.visual_slide .slick-dots				{position:absolute; top:58%; left: 100px; transform:translateY(-50%); display: flex; flex-wrap:wrap; gap: 5px;}
.visual_slide .slick-dots li			{width: 30px; height: 6px; background: rgba(221,221,221,0.3);}
.visual_slide .slick-dots li > button	{display: none;}
.visual_slide .slick-dots li.slick-active {background: #fff;}

/* 공지, 퀵메뉴 */
.noti_quick								{width: 1780px; max-width:100%; box-sizing: border-box; padding: 0 40px; position: absolute; bottom:60px; left: 50%; transform: translateX(-50%); display: flex; flex-wrap:wrap;}
.noti_wrap								{width: 50%; box-sizing: border-box; background: rgba(255,255,255,.6); backdrop-filter: blur(3px); padding: 30px 35px;}
.noti_wrap .noti_tit					{display: flex; flex-wrap:wrap; justify-content: space-between; font-size: 16px; color:#707070; font-weight:600;}
.noti_wrap .noti_tit > a				{font-size: 16px; color:#707070; font-weight:600; display: inline-flex; align-items: stretch;}
.noti_wrap .noti_tit > a > span			{display: inline-block; width: 22px; height: 22px; background: url('/new/_img/web/main/more_ico.svg')no-repeat center / contain;  transition: .3s;}
.noti_wrap .noti_tit > a:hover > span	{background-position-x: 5px;}
.noti_wrap .noti_slide					{width: calc(100% + 70px); overflow-x: hidden; box-sizing: border-box;}
.noti_wrap .noti_slide .slick-dots		{display: none;}
.noti_wrap .noti li						{margin-right: 70px; margin-top: 10px;}
.noti_wrap .noti li:first-child			{position:relative;}
.noti_wrap .noti li:first-child:after	{position:absolute; content:''; width: 1px; height: 50px; background: rgba(153,153,153,.6); top: 0; right: -35px;}
.noti_wrap .noti li:hover a > span		{text-decoration: underline;}
.noti_wrap .noti li.slick-track			{margin-right:0;}
.noti_wrap .noti li a > span			{font-size: 20px; color:#222; font-weight: 600; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical; white-space: nowrap; display:block;}
.noti_wrap .noti li a > em				{font-style: normal; display: block;font-size: 16px; color: #444; font-weight: 300; margin-top: 10px;}

.quick_wrap								{width: 50%; background: rgba(38,43,51,.7); backdrop-filter: blur(3px); word-break:keep-all;}
.quick_wrap ul							{display: flex; flex-wrap:wrap; height: 100%;}
.quick_wrap ul li						{width:25%; box-sizing: border-box;}
.quick_wrap ul li:hover a				{background: #222;}
.quick_wrap ul li:hover a em			{color:#fff;}
.quick_wrap ul li:not(:last-child)		{border-right: 1px solid rgba(255,255,255,0.05);}
.quick_wrap ul li a						{transition: .5s; display: flex; flex-wrap:wrap; flex-direction: column; align-items: center; gap: 10px; text-align:center;width:100%; height: 100%; padding: 30px 20px;}
.quick_wrap ul li a .ico				{display: block; width: 60px; height: 60px;}
.quick_wrap ul li a .ico.ico01			{background: url('/new/_img/web/main/sec_icon01.svg')no-repeat center / cover;}
.quick_wrap ul li a .ico.ico02			{background: url('/new/_img/web/main/sec_icon02.svg')no-repeat center / cover;}
.quick_wrap ul li a .ico.ico03			{background: url('/new/_img/web/main/sec_icon03.svg')no-repeat center / cover;}
.quick_wrap ul li a .ico.ico04			{background: url('/new/_img/web/main/sec_icon04.svg')no-repeat center / cover;}
.quick_wrap ul li a em					{transition: .5s; font-style: normal; display: block; font-size: 17px; color: #c7c7c7; font-weight: 400;}
.quick_wrap ul li a em:has(.link_ico)	{display: flex; align-items:center; gap:2px;}
.quick_wrap ul li a em i.link_ico		{display: block; width: 24px; height: 24px; background: url('/new/_img/web/main/link_ico.svg')no-repeat;}

/* 기념로고 */
.anniver_logo							{position:absolute; top:35%; right: 10%; transform:translateY(-50%);}
.anniver_logo > span					{display: flex; align-items:center; justify-content: center; position:relative;}
.anniver_logo > span > img				{width: 112px;}
.anniver_logo > span:before				{position:absolute; content:''; background: url('/new/_img/web/main/anni_circle.svg')no-repeat center / cover; width: 188px; height: 188px; animation: rotate-image 20s linear infinite;}

@keyframes rotate-image {
    100% {
        transform: rotate(360deg);
    }
}


@media only screen and (max-width:1299px) {


.visual_slide .bg .txt_wrap .sec01_tit	{font-size: 52px;}
.visual_slide .bg .txt_wrap .sec01_sub	{font-size: 20px;  word-break:keep-all;}

/* 공지, 퀵메뉴 */
.noti_wrap								{padding:20px 25px;}
.noti_wrap .noti_slide					{width:100%;}
.noti_wrap .noti_slide li:after			{display: none;}
.noti_wrap .noti_slide .slick-dots		{display: flex; flex-wrap:wrap; gap: 5px; justify-content:center; margin-top: 10px;}
.noti_wrap .noti_slide .slick-dots > li {background: rgba(255,255,255,.4); width: 18px; height: 4px; margin-right:0;}
.noti_wrap .noti_slide .slick-dots > li.slick-active {background: #fff;}
.noti_wrap .noti_slide .slick-dots > li > button {display: none;}

.quick_wrap ul li a						{padding: 20px 15px; gap:5px;}
.quick_wrap ul li a em					{font-size: 15px;}


}


@media only screen and (max-width:1200px) {

.noti_wrap								{width: 40%;}
.quick_wrap								{width: 60%;}

}


/* Tablet */
@media only screen and (max-width:1024px) {

.tablet		{display:block !important;}
.mobile		{display:none;}
.web		{display:none;}

.visual_slide .bg .inner.tit_in {top:38%;}

.noti_quick								{flex-direction: column;}
.noti_wrap								{width: 100%;}
.noti_wrap .noti_tit, 
.noti_wrap .noti_tit > a, 
.noti_wrap .noti li a > em				{font-size: 15px;}
.noti_wrap .noti li a > em				{margin-top:5px;}
.noti_wrap .noti li						{margin-top: 5px;}
.noti_wrap .noti li a > span			{font-size: 18px;}
.noti_wrap .noti_slide .slick-dots		{margin-top:5px;}

.quick_wrap								{width: 100%;}

.anniver_logo							{top:30%; right:8%;}
.anniver_logo > span > img				{width: 92px; }
.anniver_logo > span:before				{width: 158px; height: 158px;}


}


/* Mobile */
@media only screen and (max-width: 768px) {	

.tablet		{display:none;}
.mobile		{display:block !important;}
.web		{display:none !important;}

#section.sec01							{height:100dvh;}
.visual_slide .bg						{height:100dvh;}
.visual_slide .bg .inner.tit_in			{padding: 0 15px; top:32%}

.visual_slide .bg .txt_wrap .sec01_tit	{font-size: 30px; margin-bottom:15px;}
.visual_slide .bg .txt_wrap .sec01_sub	{font-size: 16px;}
#main_content:has(.anniver_logo) .bg .txt_wrap .sec01_sub{padding-right:80px}

.noti_quick								{padding: 0 15px; bottom:20px; top:;}
.noti_wrap								{padding: 18px 20px;}
.noti_wrap .noti li						{margin-right:0;}
.noti_wrap .noti_tit, 
.noti_wrap .noti li a > em				{font-size: 14px;}
.noti_wrap .noti_tit > a				{font-size: 0;}
.noti_wrap .noti_tit > a > span			{width:26px; height:26px;}
.noti_wrap .noti li a > span			{font-size: 16px;}

.quick_wrap ul li						{width: 50%;}
.quick_wrap ul li a						{flex-direction: row; padding: 16px 10px;}
.quick_wrap ul li a .ico				{width: 24px; height:24px;}
.quick_wrap ul li a em					{width: calc(100% - 33px); text-align:left; line-height: 1.3; font-size: 14px;}
.quick_wrap ul li a em i.link_ico		{display: none;}
.quick_wrap ul li:nth-child(-n+2)		{border-bottom: 1px solid rgba(255,255,255,0.05);}

.anniver_logo							{top:42%;}
.anniver_logo > span > img				{width: 50px; }
.anniver_logo > span:before				{width: 90px; height: 90px;}


}