@charset "utf-8";
/* CSS Document */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#wrap { width:100%; margin:0 auto;}

section {width:100%; display:block;}
section.section_bg {width:100%; height: 508px; display:block; background-image: url("/images/main/pro_bg.png"); background-position: center center; background-repeat:repeat-x; background-size:cover; overflow: hidden;}
section .main_contents {width: 90%; margin:40px auto; }
section .main_contents:after {content: " ";display: table; clear:both;}

h2 {width: 100%; display: block;  font-size: 26px; font-weight:600; text-align: center; margin-bottom:20px; padding-bottom:10px; }
h2 span {display:inline-block;vertical-align: middle;}
h2 a.more_btn {display:inline-block;color:#0d1c4b;width: 25px; height: 25px; background-image: url("/images/common/more_btn.png"); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-left: 30px;vertical-align: middle;}
@media screen and (min-width:768px)  {
    h2 { font-size: 30px;}
}
@media screen and (min-width:1024px)  {  
     section.section_bg {height:480px;}
    h2 {margin-bottom:30px; padding-bottom:20px;}
}
@media screen and (min-width:1200px)  {
     section .main_contents {width: 1100px;margin:50px auto;}
    section.section_bg {height: 608px; background-position: top center;}
    
    h2 { font-size: 36px;margin-bottom: 50px; padding-bottom:40px;}
      h2 a.more_btn {width: 35px; height: 35px;}
   
}
@media screen and (min-width:1440px)  {  
    section .main_contents {width: 1200px;}
}
@media screen and (min-width:1920px)  {     
    section .main_contents {width: 1400px;margin:70px auto;}
    section.section_bg {height: 708px;background-size:contain;}
    
    h2 { font-size: 45px;}
  
}

/* 행사개요 */
.main_overview_box {position: relative; width: 100%;height: 570px;  display: block;}

.main_video_imgbg {position: relative;width: 100%;padding-bottom: 56.25%;}
.main_video_imgbg .main_video_img {position: absolute;width: 100%; height: 100%; border-radius:20px; overflow: hidden; }

.main_video_area {position: relative;width: 100%;
        padding-bottom: 56.25%;}
.main_video_area iframe {position: absolute;width: 100%; height: 100%; border-radius:20px; overflow: hidden; }

.main_overview_area {position:absolute;top:250px; left:0;width:100%;}
.main_tit_area {position:absolute;width: 100%; border-bottom:3px solid #0d1c4b; font-size: 18px; font-weight:600; padding-bottom: 10px;}
.main_tit_area .more_btn {position: absolute;top:0;right: 0; display:block;width: 25px; height: 25px; background-image: url("/images/common/more_btn.png"); background-position: center center; background-repeat: no-repeat; background-size: contain;margin-top: 5px;}

.main_overview_area dl {display: block;width: 100%; margin-top:70px;}
.main_overview_area dl dt {float: left;display: block; width:70px; height: 30px; line-height:30px; font-size: 14px;text-align: center; color: #fff;border-radius: 50px; margin-bottom:5px; background-color:#0d1c4b; vertical-align: middle;}
.main_overview_area dl dt.overview_list_dt { margin-top:30px;}
.main_overview_area dl dd {display: block; width: 80%;height: 40px; font-size: 16px; margin-left:90px; margin-bottom:5px;vertical-align: middle;}
.main_overview_area dl dd.overview_list_dd { margin-top:30px; }
.main_overview_area dl dd.overview_list_dd span {display: block;}
.main_overview_area dl dd span {display:inline-block; letter-spacing: -1px; }

/* 영문 */
.main_overview_box_en {position: relative; width: 100%;height: 630px;  display: block;}

.main_tit_area_en {position:absolute;width: 100%; border-bottom:3px solid #0d1c4b; font-size: 16px; font-weight:600;  letter-spacing: -1px;padding-bottom: 10px;}
.main_tit_area_en .more_btn {position: absolute;top:20px;right: 0; display:block;width: 25px; height: 25px; background-image: url("/images/common/more_btn.png"); background-position: center center; background-repeat: no-repeat; background-size: contain;margin-top: 5px;}
.main_tit_area_en strong { font-weight: 600; display: block;}

dl.main_list_dl_en {display: block;width: 100%; margin-top:100px;}
dl.main_list_dl_en dt {float: left;display: block; width:70px; height: 30px; line-height:30px; font-size: 14px;text-align:center; color: #fff;border-radius: 50px; margin-bottom:5px; background-color:#0d1c4b;vertical-align: middle;}
dl.main_list_dl_en dt.overview_list_dt { margin-top:25px;}
dl.main_list_dl_en dd {display: block; width: 80%;height: 40px; font-size: 16px; margin-left:80px; margin-bottom:5px;vertical-align: middle;}
dl.main_list_dl_en dd.overview_list_dd { margin-top: 25px; }
dl.main_list_dl_en dd.overview_list_dd span {display: block;}
dl.main_list_dl_en dd span {display:inline-block; letter-spacing: -1px; }

dl.main_list_dl_en dt.list_dl_en_dt {margin-top: 30px;}
dl.main_list_dl_en dd.list_dl_en_dd {margin-top: 30px;}

@media screen and (min-width:768px)  {
   .main_overview_box {height: 760px;}

.main_overview_area {;top:420px;}
 .main_tit_area { font-size: 24px;}
    
.main_overview_area dl dt { width:100px; height: 30px; line-height:30px; font-size: 16px;margin-bottom:5px;}
.main_overview_area dl dt.overview_list_dt { margin-top:10px;}
.main_overview_area dl dd { width: 90%;margin-left:130px; margin-bottom:5px;}
.main_overview_area dl dd.overview_list_dd { margin-top: 20px; }
    .main_overview_area dl dd span {letter-spacing: inherit; }
    
        /* 영문 */
       .main_overview_box_en {height: 760px;}
    
     .main_tit_area_en { font-size: 22px;letter-spacing: inherit;}
    .main_tit_area_en .more_btn {top:37px;}
    
         dl.main_list_dl_en {margin-top:110px;}
dl.main_list_dl_en dt { width:100px; height: 30px; line-height:30px; font-size: 16px;text-align: left;margin-bottom:5px;padding-left:20px; }
dl.main_list_dl_en dt.overview_list_dt { margin-top:10px;}
dl.main_list_dl_en dd { width: 90%;margin-left:130px; margin-bottom:5px;}
dl.main_list_dl_en dd.overview_list_dd { margin-top: 20px; }
    
    dl.main_list_dl_en dd span {letter-spacing: inherit; }
    
    dl.main_list_dl_en dt.list_dl_en_dt {margin-top: 0;}
dl.main_list_dl_en dd.list_dl_en_dd {margin-top: 0;}

}

@media screen and (min-width:1024px)  {        
.main_overview_box {height:860px;}

.main_overview_area {top:550px;}

.main_overview_area dl dt.overview_list_dt { margin-top:10px; }
.main_overview_area dl dd.overview_list_dd { margin-top: 12px; }
    
    /* 영문 */
    .main_overview_box_en {height:860px;}
dl.main_list_dl_en dt.overview_list_dt { margin-top:10px; }
dl.main_list_dl_en dd.overview_list_dd { margin-top: 12px; }
}

@media screen and (min-width:1200px)  {
    .main_overview_box {height: inherit;}
    .main_video_area {padding: 0; height:350px;}
    .main_video_area iframe {right: 0;width:500px; height:282px;margin-top:25px;}
    
    .main_video_imgbg {padding: 0; height:350px;}
    .main_video_imgbg .main_video_img {right: 0;width:500px; height:282px;margin-top:25px;}
    
     .main_overview_area {top:0;width:50%; margin-top:20px; }
    
    .main_tit_area .more_btn {width: 35px; height: 35px;}

    .main_overview_area dl {height: 280px;}
    .main_overview_area dl dt {width:100px; height: 30px; line-height: 30px;font-size:18px;margin-bottom: 5px;}
    .main_overview_area dl dt.overview_list_dt { margin-top: 25px;}
    .main_overview_area dl dd {font-size:18px; margin-left:130px; margin-bottom:5px;}
    .main_overview_area dl dd.overview_list_dd { margin-top: 30px;}
    .main_overview_area dl dd span {display: block;width: 100%;}
    
        /* 영문 */
     .main_overview_box_en {height: inherit;}
    .main_tit_area_en .more_btn {width: 35px; height: 35px;}
    
    dl.main_list_dl_en {height: 280px;margin-top:110px;}
    dl.main_list_dl_en dt {width:110px; height: 30px; line-height: 30px;font-size:18px;margin-bottom: 5px;}
    dl.main_list_dl_en dt.overview_list_dt { margin-top: 25px;}
    dl.main_list_dl_en dd {font-size:18px; margin-left:130px; margin-bottom:5px;}
    dl.main_list_dl_en dd.overview_list_dd { margin-top: 30px;}
    dl.main_list_dl_en dd span {display: block;width: 100%;}
   
}
@media screen and (min-width:1440px)  {
    .main_video_area { height:400px;}
    .main_video_area iframe {width:600px; height: 348px;}
    
    .main_video_imgbg {height:400px;}
    .main_video_imgbg .main_video_img {width:600px; height: 348px;}
    
    .main_overview_area { width:46%;}
    
    .main_overview_area dl {height: 340px;margin-top:90px;}
    .main_overview_area dl dt {width:120px; margin-bottom: 15px;}
    .main_overview_area dl dt.overview_list_dt { margin-top: 20px;}
    .main_overview_area dl dd {font-size:18px; margin-left:160px;margin-bottom: 15px;}
    .main_overview_area dl dd.overview_list_dd { margin-top: 40px;}
    
       /* 영문 */
    dl.main_list_dl_en {height: 340px;margin-top:120px;}
    dl.main_list_dl_en dt { margin-bottom: 15px;}
    dl.main_list_dl_en dt.overview_list_dt { margin-top: 25px;}
    dl.main_list_dl_en dd {font-size:18px; margin-left:140px;margin-bottom: 15px;}
    dl.main_list_dl_en dd.overview_list_dd { margin-top: 40px;}

}
@media screen and (min-width:1920px)  { 
    .main_video_area { height:500px;}
    .main_video_area iframe {width: 710px; height: 400px; margin-top: 45px;}
    
    .main_video_imgbg {height:500px;}
    .main_video_imgbg .main_video_img {width: 710px; height: 400px; margin-top: 45px;}
    
    .main_overview_area { width:47%;margin-top: 40px;}
    .main_tit_area { font-size: 30px; padding-bottom: 0;}
    
    .main_overview_area dl dt {width:150px; height: 40px; line-height: 40px;font-size: 24px;margin-bottom: 25px;}
    .main_overview_area dl dt.overview_list_dt { margin-top: 30px;}
    .main_overview_area dl dd {font-size: 24px; margin-left:180px; margin-bottom: 25px;}
    .main_overview_area dl dd.overview_list_dd { margin-top: 60px;}
    
        /* 영문 */
    .main_tit_area_en { font-size: 26px; padding-bottom: 0;}
    
    dl.main_list_dl_en dt {width:130px; height: 40px; line-height: 40px;font-size: 20px;margin-bottom: 20px;}
    dl.main_list_dl_en dt.overview_list_dt { margin-top: 30px;}
    dl.main_list_dl_en dd {font-size: 20px; margin-left:160px; margin-bottom: 20px;}
    dl.main_list_dl_en dd.overview_list_dd { margin-top: 50px;}
   
}
/* 행사안내*/

@media screen and (min-width:768px)  {
   
}

@media screen and (min-width:1024px)  {        

}
@media screen and (min-width:1200px)  {
     
   
}
@media screen and (min-width:1440px)  {  
    
}
@media screen and (min-width:1920px)  {     
   
}

/* 공지*/
.bodmain_top_box {width: 100%;}
.bodmain_top_box a {width: 100%; height: 100%; display: block;}
.bodmain_thumb {display: block;width: 100%; text-align: center; border-radius: 20px; overflow: hidden;}
.bodmain_thumb img {display: block;width: 100%; height:100%;object-fit: cover;}
.img-hover {
  transition: transform 0.3s ease; /* 부드러운 효과를 위한 transition 설정 */
}

.img-hover:hover {
  transform: scale(1.3); /* 마우스 오버 시 이미지 확대 */
}

.bodmain_tit_box { width:100%; display: block;}
.bodmain_tit_box span {width: 100%; display: block;}
.bodmain_tit_box .notice_tit {font-size: 18px; font-weight:500; color: #0c1c4c;  display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;text-overflow:ellipsis;overflow:hidden; margin-bottom: 20px; margin-top: 30px;}
.bodmain_tit_box .notice_txt {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;text-overflow:ellipsis;overflow:hidden;}
.bodmain_tit_box .notice_date {opacity: 0.7; margin-top:10px; }

.bodmain_list_area {display: block;width:100%; margin-top: 30px;}
ul.notice_list {width: 100%; display: block; border-top:2px solid #0d1c4b;}
ul.notice_list li {position: relative; left: 0; top:0; width: 100%;border-bottom:1px solid #0d1c4b; padding:16px 0;}
ul.notice_list li a {width: 70%;display: block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;opacity: 0.7; vertical-align: middle;}
ul.notice_list li a:hover {color: #28387b;}
ul.notice_list li span {position: absolute; right: 0;top:17px; display: block; opacity: 0.7;}

@media screen and (min-width:768px)  {
   .bodmain_tit_box .notice_tit {font-size: 24px;line-height: 40px;}
}

@media screen and (min-width:1024px)  {        

}
@media screen and (min-width:1200px)  {
    .bodmain_thumb {float: left;width: 550px; height: 420px; text-align: inherit;}
    .bodmain_tit_box {float: right; width: 45%;}
      .bodmain_tit_box .notice_tit { margin-top: 0; height:80px;}
    .bodmain_tit_box .notice_txt {font-size: 18px;height:50px;}
    
     .bodmain_list_area {float: right;width:45%;margin-top: 50px;}
   
}
@media screen and (min-width:1440px)  { 
    .bodmain_tit_box {width:48%;}
    .bodmain_tit_box .notice_tit {font-size: 30px; margin-bottom: 30px;}

    .bodmain_list_area {width:48%;}
}
@media screen and (min-width:1920px)  { 
    .bodmain_tit_box {width:55%;}
   .bodmain_list_area {width:55%;}
}
