.main-container {width:100%;margin:0 auto;position:relative; }
.first_module {
  height: 317px;
  margin-bottom: 20px;
}
.main_top_slider {
}
.bx-wrapper{position:relative;padding:0;*zoom:1;text-align:center;}
.bx-wrapper .bxslider { font-size:0; }
.bx-wrapper img{max-width:100%;width: 100%;/*height:346px;*/vertical-align: top;}
.bxslider li a > img{ 
	border-radius:12px;
	width: 630px;
	height: 290px;
	margin-left: 0px;
}
.bxslider li a.on > img{ /*animation:animar_fondo 50s linear infinite alternate;*/ }
@keyframes animar_fondo2 {
	from {transform: scale(1.5) translate(50px);}
	to {transform: scale(1.0) translate(0px);}
}


.container {
    display: flex;
    gap: 10px; /* ¿ä¼Ò »çÀÌÀÇ °£°ÝÀ» 10px·Î ¼³Á¤ */
    width: 100%;
    box-sizing: border-box;
    justify-content: flex-start; /* ¿ä¼ÒµéÀÌ ¿ÞÂÊ¿¡¼­ºÎÅÍ Ã¤¿öÁöµµ·Ï ¼³Á¤ */
}



.first_module_main {
    width: calc(50% - 0px); /* µÎ °³ÀÇ ¸ðµâÀÌ ³ª¶õÈ÷ ³õÀ̵µ·Ï ³Êºñ ¼³Á¤ */
}



.bx-pager .bx-pager-item {
  float: left;
  position: relative;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  color: transparent;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}

.bx-pager .bx-pager-item {
  margin: 0 2px;
}

.bx-pager .bx-pager-item .active {
  background-color: #e3bd88;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.bx-controls-direction .bx-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  color: #69748a;
  font-size: 20px;
}

.bx-controls-direction .bx-prev::before {
  content: '';
  width: 40px;
  height: 40px;
  background-color: rgba(49, 64, 74, 0.5);
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
}

.bx-controls-direction .bx-next::before {
  content: '';
  width: 40px;
  height: 40px;
  background-color: rgba(49, 64, 74, 0.5);
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
}

.bx-controls-direction .bx-next {
  position: absolute;
  top: 145px;
  right: 5px;
  color: #69748a;
  transform: rotate(180deg);
}

.bx-controls-direction .bx-next .iconfont,
.bx-controls-direction .bx-prev .iconfont {
  font-size: 30px;
}

.mainBoard {margin-left:-25px;margin-right: 0;}
.event_list {
  width: calc(50% - 25px);
  height: 320px;
  float: left;
  margin-left: 25px;
}

.event_list .con_1 {
	background:#905421  !important;
	color: #FFFFFF !important;
}

.event_list .con_2 {
	background:#905421  !important;
	color: #FFFFFF !important;;
}

.event_list div:nth-child(1) {

  height: 50px;
  width: 100%;
  color: #ffffff;
  line-height: 50px;
  font-size: 16px;
  padding:0 10px;
}

.event_list div:nth-child(1) span {
	padding-left: 10px;
	font-weight: 800 !important;
}
.event_list div span.read_more {line-height: 50px;}

.event_list .read_more {
  float: right;
  color: #000000;
  font-size: 12px;
}
.event_list .read_more i { color:#000000; }

.event_list .iconfont {
  vertical-align:top;
  font-size: 27px;
  position: relative;
  top: 1px;
  color: #FFFFFF;
}

.event_list div:nth-child(2) {
  width: 100%;
  height: 210px;
  background-color: #161616;
  padding: 15px 0;
  border-radius: 10px;
  overflow: hidden;
}

.event_list div:nth-child(2)>ul {
  padding-left: 18px;
  overflow: hidden;
  height: 185px;
}

.event_list div:nth-child(2)>ul>li {
	height: 30px;
	line-height: 30px;
	color: #e3bd88;
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
    opacity: 1;
    transform: translateY(0); /* Ãʱ⠻óÅ */
	font-weight: bold;
}
.event_list div:nth-child(2)>ul>li.hide {
    transform: translateY(-100%); /* À§·Î À̵¿ */
    opacity: 0; /* Åõ¸íÇØÁü */
    visibility: hidden; /* visibility¸¦ »ç¿ëÇÏ¸é ¿ä¼Ò´Â ³²¾ÆÀÖµÇ º¸ÀÌÁö ¾ÊÀ½ */
}
.event_list.noDot div:nth-child(2)>ul>li { list-style:none; font-weight: bold;}
.event_list div:nth-child(2)>ul>li a {color:#fff;font-size: 14px;}
.event_list div:nth-child(2)>ul>li a:hover { text-decoration: underline; color:#e3bd88; }
.event_list div:nth-child(2)>ul>li a .dot { color:#e3bd88; font-size:14px; margin-right:2px; }

.event_list div:nth-child(2)>ul>li a .iconfont {
  float: right;
  font-size: 12px;
  padding-right: 15px;
  color: #52565e;
  display: none;
}
.event_list.noDot div:nth-child(2)>ul>li a span.yellow{ color:#e3bd88; }
.event_list div:nth-child(2)>ul>li a:last-child {
  float: right;
  font-size: 12px;
  padding-right: 15px;
}

.event_list div:nth-child(2)>ul>li a:nth-child(1):hover {
  color: #e3bd88;
  text-decoration: underline;
}

.second_module {
  width: 100%;
  margin-bottom: 20px;
}

.second_module ul li {
  float: left;
  margin-left: 20.5px;
}

.second_module ul li:nth-child(1) {
  margin-left: 0px;
}

.third_module {
  width: 100%;
  margin-bottom:20px;
}
.third_module .right { float:right; }

.mainItem { margin-top:15px; }
#container #content .mainItem h2.title { margin:0px; padding:0 0 8px 12px; font-size:16px; color:#ffffff; }
#container #content .mainItem h2.title .iconfont { position:relative; top:-5px; vertical-align: top; font-size:26px; color:#b8b8b8; margin-right:5px; }

.mainItem ul {
    display: flex;
    justify-content: space-between; /* li ¿ä¼ÒµéÀÌ ±ÕµîÇÏ°Ô ¹èÄ¡µÇµµ·Ï ¼³Á¤ */
    padding: 0;
    margin: 0;
    list-style: none; /* ±âº» ¸®½ºÆ® ½ºÅ¸ÀÏ Á¦°Å */
    gap: 20px; /* °¢ li »çÀÌ °£°ÝÀ» 20px·Î ¼³Á¤ */
}

.mainItem ul li {
    flex: 1; /* °¢ li ¿ä¼Ò°¡ °¡·Î °ø°£À» ±ÕµîÇÏ°Ô Â÷ÁöÇϵµ·Ï ¼³Á¤ */
    width: calc(100% / 5 - 20px); /* ºÎ¸ð ¿ä¼ÒÀÇ 5µîºÐ Å©±â¿¡¼­ °£°Ý 20pxÀ» »« °ªÀ» ÃÖ´ë ³Êºñ·Î ¼³Á¤ */
    box-sizing: border-box; /* ÆеùÀ» Æ÷ÇÔÇÑ Å©±â °è»ê */
	padding-right: 0; /* padding-right Á¦°Å */
}

.mainItem ul li .thumb {
    height: 240px; /* .thumb ¿ä¼ÒÀÇ °íÁ¤ ³ôÀ̸¦ ¼³Á¤ */
    overflow: hidden; /* À̹ÌÁö°¡ À߸®Áö ¾Ê°Ô ¼û±è ó¸® */
}

.mainItem ul li .thumb img {
    width: 100%;
    height: 100%; /* ºÎ¸ðÀÇ ³ôÀÌ¿¡ ¸ÂÃç À̹ÌÁö Å©±â¸¦ ÀÚµ¿ Á¶Á¤ */
    object-fit: cover; /* À̹ÌÁö°¡ ºÎ¸ð ¿ä¼Ò¿¡ ¸Â°Ô ²Ë Â÷°Ô Á¶Á¤µÇ¸é¼­µµ ºñÀ²À» À¯Áö */
	padding-bottom: 33px;
}



.mainItem ul li .thumb {padding:40px 0; position:relative; margin-bottom:20px; text-align: center; overflow:hidden; /*border-radius:12px;*/ }
.mainItem ul li .thumb .bg { position:absolute; left:0; top:0; transition: all 0.2s linear;}

.mainItem ul li:hover .thumb .bg { 
    transform: scale(1.2) translateY(-10px); /* 1.2¹è Ä¿Áö¸é¼­ À§·Î 10px ¿Ã¶ó°¨ */
    transition: transform 0.3s ease-in-out; /* ºÎµå·¯¿î ¾Ö´Ï¸ÞÀÌ¼Ç */
}

.mainItem ul li .thumb .logo,
.mainItem ul li .thumb .engTitle { position:relative; z-index:2; text-align: center; }
.mainItem ul li .thumb .logo img { display:none; }
.mainItem ul li .thumb .engTitle { font-size:50px; color:#e3bd88; margin-top:44px; }
.mainItem ul li .info { color:#ffffff; font-size:16px; margin-bottom:10px; }
.mainItem ul li .detail { height:36px; color:#b8b8b8; font-size:13px; line-height:18px; margin-bottom:12px; text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical }
.mainItem ul li .btnGo {display:block;border-radius: 10px;background:#cbedf9;;color:#000000;font-size:16px;line-height:40px;text-align: center;}
.mainItem ul li .btnGo.noBg { background:transparent; }

.mainItem ul li .thumb,
.mainItem ul li .btnGo {
    width: 100%; /* liÀÇ Àüü ³Êºñ¸¦ Â÷ÁöÇϵµ·Ï ¼³Á¤ */
    box-sizing: border-box; /* Æеù°ú º¸´õ¸¦ Æ÷ÇÔÇÑ Å©±â °è»ê */
}

.mainItem ul li .btnGo {
    width: 100%; /* ¹öÆ°ÀÌ ºÎ¸ðÀÇ Àüü ³Êºñ¸¦ Â÷ÁöÇϵµ·Ï ¼³Á¤ */
}

.mainItem .flexGrid4{display:flex;margin-left:-18.666px;margin-bottom:10px}
.mainItem .flexGrid4 li{flex:auto;width:calc(25% - 18.666px);margin-left:18.666px;padding:0;}