@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;}

/* 서브메뉴 */
.page_submenu {
  background-color: #ffffff;
  border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;
}
    .menu { display: flex; flex-direction: row; list-style: none; }
    .menu li { position: relative;border-right: 1px solid #ededed; }
    .menu > li > a {
        min-width: 260px;
      display: block; padding: 15px 20px; text-decoration: none;
    }
    .menu > li > a:after{
	display:block;content:"";
	width:6px;height:6px;
	border-right:2px solid #0d1c4b;border-bottom:2px solid #0d1c4b;
	transform:rotate(45deg);
	position:absolute;right:20px;top:20px;
}
.menu li.gohome_menu a{ min-width:60px!important;}
.menu li.gohome_menu a i {color:#0d1c4b;font-size: 14px; vertical-align: middle;}
.menu li.gohome_menu a:hover {background-color: transparent;}
.menu li.gohome_menu a:after{
	display:none;content:"";
}

    .submenu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      background: #fff;
      list-style: none;
      min-width: 260px;
      z-index: 10;
      border: 1px solid #ededed;
    }
    .submenu li a {
      display: block;
      padding: 10px 15px;
      text-decoration: none;
    }
    .submenu li a:hover {
      background: #ededed;
    }

    /* 데스크탑: hover로 서브메뉴 표시 */
    @media (hover: hover) and (pointer: fine) {
      .menu li:hover > .submenu {
        display: block;
      }
    }

    /* 모바일: submenu 클래스 토글 방식 */
    .menu li.active > .submenu {
      display: block;
    }

@media (max-width: 480px) {
    .menu > li > a {min-width: 186px;padding: 10px;}
    .menu > li > a:after{right: 10px; top:17px;}
    
    .menu li.gohome_menu a{ min-width:25px!important;}
    .menu li.gohome_menu a i {font-size: 12px;}
    .submenu {min-width: 186px;}
      .submenu li a {
      padding: 10px;
    }
    }

/* subcontents */
section {width:100%; display:block;}

section .sub_contents {width: 90%; margin:20px auto;}

.sub_menu_area {width: 98%; margin: 0 auto;}

.sub_top_bg {width: 100%; height:80px; background-color:#0d1c4b; background-image: url("/images/common/sub_top_bg.png") ;background-repeat: repeat-x; background-size:cover; background-position: top center; margin-top:50px;}

@media screen and (min-width:768px)  {
    .sub_top_bg {height:120px;background-size: contain;}
}
@media screen and (min-width:1024px)  { 
/*    section .sub_contents {width: 57%;min-width: 1000px; }*/
    .sub_menu_area {width: 57%;min-width: 1000px; }
}
@media screen and (min-width:1200px)  {
    section .sub_contents {width: 1100px;margin:50px auto;}  
    .sub_menu_area {width: 1100px;}   
    .sub_top_bg { height:150px;margin-top: 80px;}
}
@media screen and (min-width:1400px)  {
    
}
@media screen and (min-width:1440px)  {
   section .sub_contents {width: 1200px;}
    .sub_menu_area {width: 1200px;}   
     .sub_top_bg { height:180px;}
}
@media screen and (min-width:1920px)  {   
   section .sub_contents {width: 1400px;}
    .sub_menu_area {width: 1400px;}  
}

h2 {width: 100%; display: block;  font-size: 20px; font-weight:600; text-align: center; color: #fff; padding-top: 30px;
-webkit-animation: tracking-in-contract 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}

@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 2em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 2em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}

h3.sub_tit {width:100%;font-size:20px; font-weight: 700; text-align: center; margin: 30px auto;}

h4.sub_sm_tit {position: relative;display: block;width:100%; height:70px; margin-top:50px; overflow: hidden;}
h4.sub_sm_tit span {display: block; width: 100%;font-size:18px; font-weight: 700; border-bottom: 1px solid #dedede; padding-bottom: 10px;}
h4.sub_sm_tit span:after {content: ''; position: absolute;top:32px; right:0; width: 42px; height: 20px; display: block; background-image: url("/images/common/sub_tit_icon_g.png"); background-position: right center; background-repeat: no-repeat; background-size: contain;}

h4.sub_sm_tit span.sm_tit_w {display: block; width: 100%;font-size:18px; font-weight: 700; border-bottom: 1px solid #fff; padding-bottom: 10px;}
h4.sub_sm_tit span.sm_tit_w:after {content: ''; position: absolute;top:32px; right:0; width:42px; height: 20px; display: block; background-image: url("/images/common/sub_tit_icon_w.png"); background-position: right center; background-repeat: no-repeat; background-size: contain;}

@media screen and (min-width:768px)  {
    h2 {padding-top: 50px;font-size: 22px;}
}
@media screen and (min-width:1024px)  { 
    h3.sub_tit {font-size:24px;margin: 50px auto;}
    
    h4.sub_sm_tit {height:120px; margin-top:80px;}
   h4.sub_sm_tit span {font-size:20px;}
    h4.sub_sm_tit span:after {top:35px;width: 62px; height: 30px;}
    h4.sub_sm_tit span.sm_tit_w  {font-size:20px;}
    h4.sub_sm_tit span.sm_tit_w:after {top:35px;width: 62px; height: 30px;}
}
@media screen and (min-width:1200px)  {
    
    h2 { font-size: 30px; padding-top: 70px;}
    
    h3.sub_tit {font-size:26px;}
    
    h4.sub_sm_tit span {font-size:26px;}
    h4.sub_sm_tit span.sm_tit_w  {font-size:26px;}
}
@media screen and (min-width:1400px)  {
    
}
@media screen and (min-width:1440px)  {
     h2 { font-size: 40px;}
    h3.sub_tit {font-size:35px;}
    
}

/* 개요 */
.overview_bg {background-image: url("/images/sub/overview_list_bg_mo480.png"); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.overview_bg_en {background-image: url("/images/sub/overview_list_bg_en_mo480.png"); background-position: top center; background-repeat: no-repeat; background-size: cover;}

.overview_area {position: relative;width: 100%;height:730px; display: block; }
.overview_area dl {position: absolute;width:90%; top:220px;left:5%; display: block;}
.overview_area dl dt { display: block;width:100%; height: 30px; line-height:30px;font-size: 16px;font-weight: 700; text-align: center; color: #0d1c4b; margin-bottom: 15px; background-color: #fff; border-radius: 50px; overflow: hidden;}
.overview_area dl dd {display: block; width:100%; height: 30px; font-size: 16px; color: #fff;text-align: center; margin-bottom: 15px;vertical-align: middle;}
.overview_area dl dd span {width: 100%; display: block;}
.overview_area dl dt.over_dt_mg{ margin-top:40px;}
.overview_area dl dd.over_dd_mg { margin-top:20px;}

@media screen and (min-width:768px)  {
    .overview_bg {background-image: url("/images/sub/overview_list_bg_mo.png");}
     .overview_bg_en {background-image: url("/images/sub/overview_list_bg_en_mo.png");}
    
 .overview_area {height:900px;}
 .overview_area dl { top:400px;}
}
@media screen and (min-width:1024px)  { 
    .overview_area {height:1200px;}
    .overview_area dl {width:70%;top:600px;left:18%;right:0px;  }
    .overview_area dl dt {float:left;font-size: 20px;width:150px; height: 40px; line-height: 40px;margin-bottom: 25px;}
    .overview_area dl dd {width: auto; font-size: 20px; height: 40px;text-align: inherit; margin-left:180px;margin-bottom: 25px;}
    .overview_area dl dt.over_dt_mg{ margin-top: 20px;}
    .overview_area dl dd.over_dd_mg { margin-top: 50px;}
}
@media screen and (min-width:1200px)  {
    .overview_bg {background-image: url("/images/sub/overview_list_bg.png");background-size: cover;overflow: hidden;}
     .overview_bg_en {background-image: url("/images/sub/overview_list_bg_en.png");background-size: cover;overflow: hidden;}
    
    .overview_area {border-radius: 20px;height: 550px;}
    .overview_area dl {width: 52%;top:130px;left: inherit;}
}
@media screen and (min-width:1920px)  {
    .overview_bg {background-size: contain;}
    .overview_bg_en {background-size: contain;}
    
    .overview_area {height: 670px;}
    .overview_area dl {width: 48%;top:200px;}
}

/* 키비주얼 */
.keyvi_area {width:100%; display: block; text-align: center;border-bottom: 1px solid #0d1c4b; margin-bottom:30px;overflow: hidden; }
.keyvi_area::after {content: " ";display: table; clear:both;}
.keyvi_area:last-child {margin-right: 0;}
.keyvi_icon p {display: block; width: 100%}
 .keyvi_icon p img {max-width:30%; height: auto;}
.keyvi_icon span {display: block; background-color: #0d1c4b; color: #fff;font-weight:500; border-radius: 30px; padding:7px; }
.keyvi_des { padding-top: 15px; padding-bottom: 15px;font-weight:500;}
.keyvi_des_en { height:auto;padding-top: 15px; padding-bottom: 15px;font-weight:500;}

.keyvi_txt { text-align: center; color: #0d1c4b; margin: 20px auto;}
.keyvi_txt span {display: inline-block;font-size:16px;font-weight:600; line-height: 24px;}


@media screen and (min-width:768px)  {
     .keyvi_txt span {font-size:18px;}
}
@media screen and (min-width:1024px)  { 
    .keyvi_area {float:left;width:23%;margin-right:15px;margin-bottom: 50px;}
    .keyvi_icon p img {max-width:90%;}
     .keyvi_des_en { height:110px;padding-top: 20px; padding-bottom: 0; }
    
    .keyvi_txt  {margin: 25px auto;}
}
@media screen and (min-width:1200px)  {   
    .keyvi_area {margin-right:20px;}
      .keyvi_des_en { height:110px;}
    
    .keyvi_txt span {font-size: 22px;}
}
@media screen and (min-width:1400px)  {
     
}
@media screen and (min-width:1440px)  {
  .keyvi_area {margin-right:23px;}
    .keyvi_des_en { height:90px;}
}
@media screen and (min-width:1920px)  {   
    
}

/* 이니셔티브 */
ul.Initiative_area {width: 100%; display: inline-block;text-align: center;margin: 0 auto;}
ul.Initiative_area li {display: inline-block;text-align: center; width: 100%;height:250px;border-radius: 20px; overflow: hidden; margin-bottom:20px;background-position: center center; background-repeat: no-repeat; background-size: cover;background-color: rgba(13, 28, 75, 0.7); background-blend-mode: multiply;}
ul.Initiative_area li:first-child {background-image: url("/images/sub/overview_img01.jpg");}
ul.Initiative_area li:nth-child(2) {background-image: url("/images/sub/overview_img02.jpg");}
ul.Initiative_area li:last-child {margin-right: 0;background-image: url("/images/sub/overview_img03.jpg");}

ul.Initiative_area li p {width: 100%;font-size:18px; display: block; color: #fff; font-weight: 700;}
 ul.Initiative_area li p:first-child {margin-top:40px;}
ul.Initiative_area li p.initia_fp_en {margin-top:20px;}

ul.Initiative_area li i {width: 100%; display: block;color: #fff; font-size: 35px; margin:30px auto;}
ul.Initiative_area li i.initia_i_en {font-size: 28px;margin:15px auto;}

ul.Initiative_area li p span {width: 100%; display: block; font-size:16px;font-weight:500;}
ul.Initiative_area li p span.initia_sp_en {font-size:14px; line-height:18px; padding: 0 10px;}

/* 슬로건 */
section.slogan_bg {width:100%; height:630px;background-color: rgba(0, 0, 0, 0.7);background-blend-mode: multiply;  background-image: url("/images/sub/slogan_bg.jpg"); background-position:top center; background-repeat: no-repeat; background-size: cover; padding-top:10px;}

ul.slogan_area {width: 100%;display: block;text-align: center;}
ul.slogan_area li {width: 100%; display: block; color: #fff;}
ul.slogan_area li:first-child {font-size: 20px; font-weight: 700; margin-top: 25px; margin-bottom:30px;}
ul.slogan_area li:last-child {margin-top:30px;}
ul.slogan_area li span {display: inline-block;width:32px; height: 32px; padding-left: 5px; padding-right: 5px;}
ul.slogan_area li span img {max-width: 100%; height: auto; vertical-align: middle;}
ul.slogan_area li p {width: 100%; display: block; color: #fff;font-size:16px;}

@media screen and (min-width:768px)  {
    ul.Initiative_area li p.initia_fp_en {margin-top:40px;}
    
    section.slogan_bg { height:500px;padding-top:20px;}
}
@media screen and (min-width:1024px)  { 
    ul.Initiative_area li {width: 30%;height:350px;margin-right:25px; margin-bottom: 30px;padding: 0 30px;}
    ul.Initiative_area li p:first-child {margin-top: 80px;}
    ul.Initiative_area li p.initia_fp_en {margin-top:10px;}
    
    section.slogan_bg {height: 580px; padding-top:20px;}
    ul.slogan_area li:first-child {font-size: 22px;margin-bottom:40px;}
    ul.slogan_area li:last-child {margin-top:40px;}
}
@media screen and (min-width:1200px)  {    
    ul.Initiative_area li{height: 450px;margin-right:50px; padding: 0 20px;}
    ul.Initiative_area li p {font-size: 22px;}
    ul.Initiative_area li p:first-child {margin-top: 130px;}
    ul.Initiative_area li p.initia_fp_en {margin-top:70px;}
    
    ul.Initiative_area li i {font-size: 45px; margin:30px auto;}
    ul.Initiative_area li i.initia_i_en {font-size: 40px;margin: 30px auto;}
    
ul.Initiative_area li p span {font-size:20px;}
    ul.Initiative_area li p span.initia_sp_en {font-size:16px;}
    
     section.slogan_bg {height: 700px; padding-top:20px;}
    ul.slogan_area li:first-child {font-size: 30px;margin-bottom: 60px;}
    ul.slogan_area li:last-child {margin-top:60px;}
    ul.slogan_area li p {font-size:20px;}
}
@media screen and (min-width:1920px)  { 
    section.slogan_bg {height: 680px;}
    ul.Initiative_area li p span.initia_sp_en {font-size:18px; line-height:24px;}
    
}
/*프로그램*/
/*
ul.pro_co_bl {width: 100%; display: inline-block;text-align: right; margin: 30px auto;}
ul.pro_co_bl li {display: inline-block; margin-right: 10px; font-size: 12px;}

ul.pro_co_bl li span {display: inline-block; width: 12px; height: 12px;  margin-right: 5px; vertical-align: middle;}
ul.pro_co_bl li:first-child span {background-color: #b6e3fa;}
ul.pro_co_bl li:nth-child(2) span {background-color: #ffeeba;}
ul.pro_co_bl li:nth-child(3) span {background-color: #e5e5e5;}
*/

.small_txt {width: 100%; display: block; font-size: 12px; color: #0d1c4b; margin-top: 20px;}

.program_table {overflow-x: auto; white-space: nowrap;}

table.pro_table { width:100%;margin:0 auto;border-collapse: separate;
    border-spacing:3px;
    line-height: 2em;}
table.pro_table thead th {font-weight: 700; color: #fff; background-color:#28387b; text-align: center; padding:10px; border-radius:5px;overflow: hidden;}

table.pro_table thead th:first-child {width:10%;}
table.pro_table thead th:nth-child(2) {width:18%;}
table.pro_table thead th:nth-child(3) {width:18%;}
table.pro_table thead th:nth-child(4) {width:18%;}
table.pro_table thead th:nth-child(5) {width:18%;}
table.pro_table thead th:last-child {width:18%;}

table.pro_table tbody th {font-weight: 400; background-color:#f8f8f8; text-align: center; padding:10px; border-radius:5px;overflow: hidden;}
table.pro_table td {text-align:center;padding: 15px; border-radius: 10px; background-color:#f8f8f8; }
table.pro_table td strong {font-size:14px;font-weight: 400; display: block; margin-bottom:5px; background-color: #fff; color:#0d1c4b; border-radius: 20px;padding: 0 15px; text-align: center; overflow: hidden;}
table.pro_table td div {font-size:14px;font-weight: 700; display: block; margin-bottom:5px;}
table.pro_table td div a {width: 100%; height: 100%; display: block; padding: 20px 0;}

table.pro_table td div.pro_sub_mt_tit {margin-bottom:10px; background-color: #fff; color:#0d1c4b; border-radius: 10px;padding:15px; text-align: center; overflow: hidden;}
table.pro_table td div.pro_sub_mt_tit strong {font-weight: 700; margin-bottom: 0;}

table.pro_table td div.td_top_line {border-top:1px dotted #afafaf; padding-top: 15px;} 

table.pro_table td em {font-size:14px;display:inline-block;}
table.pro_table td span {display: inline-block;font-size:12px;}
table.pro_table td em.point {color: #28387b; font-weight: 700;}

table.pro_table td.pro_td_yel {background-color: #ffeeba;}
table.pro_table td.pro_td_blu {background-color: #b6e3fa;}
table.pro_table td.pro_td_gry {background-color: #e5e5e5;}
table.pro_table td.pro_td_pik {background-color: #ffcede;}

@media screen and (min-width:1200px)  {
    table.pro_table {border-spacing:6px;}
    table.pro_table td div a:hover {color: #28387b;}
/*    ul.pro_co_bl li {font-size: 14px;}*/
}
@media screen and (min-width:1400px)  {
    .small_txt {font-size: 14px;}
    
    .program_table {overflow-x: inherit; word-spacing: inherit;}
    table.pro_table {table-layout:auto;}
/*    table.pro_table thead th {font-size:18px;}*/
/*    table.pro_table tbody th {font-size:18px;}*/
/*    table.pro_table thead th em {padding: 0 10px;}*/
/*    table.pro_table td strong {font-size:16px;}*/
     table.pro_table td div {font-size:16px;margin-top:15px;margin-bottom:15px;}
table.pro_table td span {font-size:14px;}
    table.pro_table td div.pro_sub_mt_tit strong {font-size:16px;}
/*
table.pro_table thead th:first-child {width:30%;}
table.pro_table thead th:nth-child(2) {width:40%;}
table.pro_table thead th:last-child {width:30%;}
*/
}

/* 행사장 안내 */
.map_area {width: 100%;margin: 0 auto 20px;}

.map_box { display: block;width:100%; margin-bottom: 20px;}
.map_box span.map_icon_bg {width:100%; color: #0d1c4b; text-align: center; background-color: #ededed; border-radius:20px; overflow: hidden; padding: 5px;}

.map_box i {display: inline-block; font-size: 20px; padding-right: 10px;  }
.map_box span { display:block;text-align: center;vertical-align: middle; margin-top: 20px;}

/* 영문 */
.map_box_en { display: block;width:100%; margin-bottom: 20px;}
.map_box_en span.map_icon_bg {width:100%; color: #0d1c4b; text-align: center; background-color: #ededed; border-radius:20px; overflow: hidden; padding: 5px;}

.map_box_en i {display: inline-block; font-size: 20px; padding-right: 10px;  }
.map_box_en span { display:block;text-align: center;vertical-align: middle; margin-top: 20px;}

section.map_img_bg {clear: both; width:100%; height:340px;background-color: rgba(0, 0, 0, 0.6);background-blend-mode: multiply;  background-image: url("/images/sub/map_imgbg_mo.jpg"); background-position:top center; background-repeat: no-repeat; background-size:cover; padding-top:10px;}

section.map_img_bg_en {clear: both; width:100%; height:401px;background-color: rgba(0, 0, 0, 0.6);background-blend-mode: multiply;  background-image: url("/images/sub/map_imgbg_mo_en.jpg"); background-position:top center; background-repeat: no-repeat; background-size:cover; padding-top:10px;}

.map_img_area {width: 100%;}
.map_img_area p {width: 100%; display: block;font-size: 16px; color: #fff; text-align: center;}
.map_img_area p:first-of-type {margin-bottom: 20px; padding-top:40px;}
.map_img_area a {width:100%; display: block; text-align: center;color: #fff; font-weight: 500; padding: 8px 20px;border-radius: 20px; overflow: hidden;background-color: #0d1c4b; margin-top: 20px;}
.map_img_area a i {padding-right: 20px;}

@media screen and (min-width:768px)  {
    .map_box span.map_icon_bg {width: 100px; height: 100px;border-radius: 100px;padding:25px 0 0; margin-right:15px;}
    
    .map_box i {display:block;font-size: 26px;margin-bottom: 5px; padding-right: 0;}
    .map_box span {display: inline-block; text-align: inherit;margin-top:0px;}
    
    /* 영문 */
    .map_box_en span.map_icon_bg {width: 100px; height: 100px;border-radius: 100px;padding:25px 0 0; margin-right:15px;}
    
    .map_box_en i {display:block;font-size: 26px;margin-bottom: 5px; padding-right: 0;}
    .map_box_en span {display: inline-block; text-align: inherit;margin-top:0px;}
    
    section.map_img_bg {background-image: url("/images/sub/map_imgbg.jpg"); }
    section.map_img_bg_en {background-image: url("/images/sub/map_imgbg_en.jpg"); }
    
    .map_img_area {width: 60%; margin-left:35%;}
    .map_img_area p {text-align: inherit;}
}
@media screen and (min-width:1024px)  {
    .map_area {margin: 0 auto 30px;}
    .map_img_area {width:55%; margin-left:43%;}
    .map_img_area p {font-size:18px;}
    .map_img_area p:first-of-type {padding-top:30px;}
  .map_img_area a {width:80%; }
}
@media screen and (min-width:1200px)  {
    .map_box { float: left;width: 60%; margin-bottom: 50px;}
    .map_box:first-of-type {width: 40%;}
    
    .map_img_area {width:65%; margin-left:37%;}
    .map_img_area p {font-size: 20px;}
     .map_img_area a {width:40%; }
}

@media screen and (min-width:1920px)  {    
    /* 영문 */
    .map_box_en { float: left;width: 60%; margin-bottom: 50px;}
    .map_box_en:first-of-type {width: 40%;}
    
    .map_img_area {width: 55%; margin-left: 42%;}
    .map_img_area a {width:30%; }
}
/* contact */
ul.contact_area {width: 100%; display: inline-block; text-align: center;}
ul.contact_area li {width: 100%; display:block; text-align: center; border-radius: 10px; border: 1px solid #ededed; padding: 20px 5px; margin-bottom: 20px; overflow: hidden;}
ul.contact_area li span {width: 100%; display: block;}
ul.contact_area li a {width: 100%;display: block; font-size: 14px; margin-top: 10px; border-top: 1px dotted #ededed; padding-top: 10px;}
ul.contact_area li a:hover {color: #28387b; }
ul.contact_area li a i {display: inline-block;color: #28387b; font-size: 16px; vertical-align: middle; margin-right: 10px;}

/* en */
ul.contact_area_en {width: 100%; display: inline-block; text-align: center;}
ul.contact_area_en li {width: 100%; display:block; text-align: center; border-radius: 10px; border: 1px solid #ededed; padding: 20px 0; margin-bottom: 20px; overflow: hidden;}
ul.contact_area_en li span {width: 100%; display: block;}
ul.contact_area_en li a {width: 100%;display: block; font-size: 14px; margin-top: 10px; border-top: 1px dotted #ededed; padding-top: 10px;}
ul.contact_area_en li a:hover {color: #28387b; }
ul.contact_area_en li a i {display: inline-block;color: #28387b; font-size: 16px; vertical-align: middle; margin-right: 10px;}

@media screen and (min-width:768px)  {
    
}
@media screen and (min-width:1024px)  {
   
}
@media screen and (min-width:1200px)  {
    ul.contact_area li {width: 24%;display: inline-block;margin-right:5px; margin-bottom: 5px;}
    ul.contact_area li:nth-child(4n) {margin-right: 0;}

    /* en */
    ul.contact_area_en li {width: 24%;display: inline-block;margin-right:5px; margin-bottom: 5px;}
    ul.contact_area_en li:nth-child(4n) {margin-right: 0;}
    ul.contact_area_en li span {height:40px; font-size: 14px;line-height: 40px;}
    
     ul.contact_area_en li:first-child span {line-height: normal;}
}

@media screen and (min-width:1440px)  {
    /* en */
    ul.contact_area_en li span {font-size: 16px;}

}
@media screen and (min-width:1920px)  {
    ul.contact_area li {width: 23%;margin-right: 20px; margin-bottom: 20px;}
     /* en */
    ul.contact_area_en li {width: 23%;margin-right: 20px; margin-bottom: 20px;}
    
   
}

/* 개최지소개 */
.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
        border-radius: 20px; overflow: hidden;
    }

    .mySwiper2 {
      height: 80%;
      width: 100%;margin-bottom: 10px;
    }

    .mySwiper {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.6;cursor: pointer;
    }

    .mySwiper .swiper-slide-thumb-active {
      opacity: 1;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.gallery-title {position: absolute; color: #fff;font-size: 12px; bottom:15px; right:15px;}
.swiper-button-next:after {position: absolute;color: #fff;}
.swiper-button-prev:after {position: absolute;color: #fff;}

section.jeju_txt_bg {background-color: #f5f5f5;}
.jeju_txt_area {width: 100%; margin-top: 20px;  padding: 20px 0;}
.jeju_txt_area p {width: 100%; display: block; font-size: 16px; font-weight: 600;}
.jeju_txt_area span {width: 100%; display: block;  margin: 30px auto;}

.jeju_txt_area a {width:100%; display: block; text-align: center;color: #fff; font-weight: 500; padding:10px 20px;border-radius: 30px; overflow: hidden;background-color: #0d1c4b; margin-top: 30px;}
.jeju_txt_area a i {padding-right: 20px;}

@media screen and (min-width:768px)  {
    .jeju_txt_area p {font-size: 18px;}
    
    .jeju_txt_area i {margin-bottom: 5px; padding-right: 0;}
}
@media screen and (min-width:1024px)  {
    .jeju_txt_area {margin-top: 30px;  padding: 40px 0;}
    .jeju_txt_area p {font-size: 22px;}
    
    .gallery-title {font-size: 16px;bottom:30px; right:30px;}
    
}
@media screen and (min-width:1200px)  {
   .jeju_txt_area a {width:20%; margin-left:40%;}
}

@media screen and (min-width:1440px)  {

}
@media screen and (min-width:1920px)  {
}


/* 베이스 */
p.base_small {display: block; width:100%; font-size:12px;color:#2aa3ff; margin: 30px auto;}
p.base_small span {width:100%; display: block;}

.base_t_btn {display: block;font-size:12px;color: #fff!important;text-align: center; background-color:#111; padding: 5px 20px; border-radius: 5px; overflow: hidden;}

/* 버튼 */
.btn_box {width:100%; text-align: center; margin:50px auto 0;}
.btn_box a {display:block; font-size:16px;padding: 10px 50px;font-weight: 700; text-align: center; border-radius: 30px; overflow: hidden;margin: 10px auto 0;}
.btn_box a span {display: inline-block; vertical-align: middle;margin-left:15px;margin-right:15px;}
.btn_box a i {display: inline-block; vertical-align: middle;}
.btn_box a.btn_blue {background-color: #2aa3ff; color: #fff;border:3px solid transparent;}

.probtn_box {width:100%; text-align: center; margin:0 auto;}
.probtn_box a {display:block; font-size:16px;padding:5px 50px;font-weight: 700; text-align: center; border-radius:20px; overflow: hidden;margin: 10px auto 0;}
.probtn_box a.btn_blue {background-color: #2aa3ff; color: #fff;border:3px solid transparent;}

table.base_table { width:100%;border-collapse: separate;
    line-height: 2em;margin:30px auto;}
table.base_table thead th { font-size:16px;font-weight: 700;color: #fff; padding:10px; border-radius:10px; overflow: hidden;}
table.base_table thead th.th_th00 {background-color: #f7f7f7; color: #111; }
table.base_table thead th.th_th01 {background-color: #2aa3ff;}
table.base_table thead th.th_th02 {background-color: #ffc10f;}
table.base_table thead th.th_th03 {background-color: #00c28f;}
table.base_table thead th.th_th04 {background-color: #c049fe;}

table.base_table tbody th {font-weight:600; padding: 15px 10px;background-color: #f7f7f7;border-radius:10px; overflow: hidden;}
table.base_table td {border-bottom: 1px solid #e5e5e5; text-align: center;padding:10px;}

table.base_table tbody td.mid_td {background-color: #f5f5f5;font-weight:600;border-radius:10px; overflow: hidden;}
table.base_table tbody td.td_tit { background-color: #f7f7f7; border-top:2px solid #111;font-size:16px;font-weight: 700;}
table.base_table tbody td.td_noline {border: 0;}

table.base_table_ver2 { width:100%;border-collapse: separate;
    line-height: 2em;border-spacing:5px;margin:30px auto;}
table.base_table_ver2 tbody th {font-weight:600; padding: 15px 10px;background-color: #f7f7f7;border-radius:10px; overflow: hidden;}
table.base_table_ver2 td {border-bottom: 1px solid #e5e5e5;padding:10px;}
table.base_table_ver2 a i {display: inline-block; margin-left: 10px;}

.base_bot_area {width: 100%; background-color: #fafafa; padding: 30px; border-radius: 10px; overflow: hidden;margin: 30px auto;}
.base_icon_box {display: none;}
.base_notice a {width:100%; text-align: center;display: block;color: #fff; background-color:#2aa3ff; padding: 5px 10px; border-radius: 5px; overflow: hidden;margin-top: 15px;}
.base_notice span {display: block;}

.base_notice_en a {width:100%; text-align: center;display: block;color: #fff; background-color:#2aa3ff; padding: 5px; border-radius: 5px; overflow: hidden;margin-top: 15px;}
.base_notice_en a em {display: block;}

@media screen and (min-width:768px)  {
    .base_txt {font-size: 16px;}
    p.base_small { font-size:14px;}
    .point_blue {font-size:14px;}
    
    .base_t_btn {display: inline-block;font-size:14px; margin-left: 10px; vertical-align: middle;}
    
    .base_bot_area {padding: 30px 50px;border-radius: 20px;}
    .base_icon_box {float:left;display: block;width:20%; height: 100px; text-align: center;padding-top:10px;}
.base_icon_box i {font-size:30px; color: #c2c2c2; vertical-align: middle;}
    .base_notice a {width:50%;}
    
    .base_notice_en a em {display: inline-block;}
    
}
@media screen and (min-width:1024px)  { 
    .base_txt {font-size:18px;}
    
    .btn_box a {display: inline-block;transition:all .3s ease;}
    .btn_box a.btn_blue:hover {background-color: #fff; color:#111; border:3px solid #111;}
    .probtn_box a {display: inline-block;transition:all .3s ease;}
    .probtn_box a.btn_blue:hover {background-color: #fff; color:#111; border:3px solid #111;}
    
    table.base_table {border-spacing:5px;}
    
    .base_notice span {display:inline-block;}
    
    .base_icon_box i {font-size:40px; }
    .base_notice_en a {width:50%;padding: 5px 10px;}
    
}
@media screen and (min-width:1200px)  {
    .base_txt {font-size:20px;}
    .btn_box a {font-size:20px;}
    .probtn_box a {font-size:20px;}
    
    table.base_table thead th {width:20%;font-size:18px; padding: 15px 10px;}
    table.base_table td {padding: 15px 10px;}
    table.base_table tbody td.td_tit {font-size:18px;}
    
    table.base_table_ver2 td {padding: 15px 10px 15px 35px;}
    .base_icon_box {width:15%;}
    .base_notice a {width: 30%;}
    .base_notice_en a {width: 40%;}
}
@media screen and (min-width:1920px)  { 
    .base_icon_box {width:10%;}
    .base_notice a {width: 25%;}
    .base_notice_en a {width: 30%;}
    
}