@import url(base.css);

/*컨텐츠*/
.mcont {position:relative; max-width:1200px; width:100%; margin:0 auto;}


/*푸터
#footer {width:100%; background-color:#fff;  padding-top:30px; border-top:3px solid #000; margin-top:80px;}
#footer dl dt{color:#342c2c; font-size:15px;  padding-bottom:5px; font-weight:bold; padding-left:10px;}
#footer dl dd {line-height:22px; font-size:14px; color:#a0a0a0; padding-left:10px;}*/


/*메인슬라이드*/
.section00 {overflow:hidden;width:100%; }
.section00 .section00_txt1 {font-size:50px; font-weight:bold; margin-top:0px; color:#000000; letter-spacing:-2px; text-transform:uppercase; line-height:50px;}
.section00 .section00_txt2 {text-align:right; color:#707070; font-size:14px; margin-top:15px; }
.section00 .section00_txt2 p {font-size:22px; color:#494949; font-weight:500; margin-bottom:15px;}


/*ABOUT*/
.section01 {margin-top:-68px; position:relative;}

.slider_box{width:938px;margin:40px auto;height:400px;overflow:hidden;position:relative; padding-top:50px;}
.silder_con{height:400px;overflow:hidden;position:absolute;}
.silder_panel{width:938px;height:400px;overflow:hidden;float:left;position:relative;}
.silder_panel img{width:938px;height:;display:block;overflow:hidden;}

.silder_nav{width:350px;height:50px;right:0; top:0px;position:absolute;overflow:hidden; border:0px solid #f00; z-index:1;}
.silder_nav li{float:left;height:50px;font-size:12px;font-weight:normal;text-align:center;padding:0px;margin-right:1px;line-height:50px;}
.silder_nav li .icon02 {display:inline-block; color:#a7a7a7; padding:0 10px;  }
.silder_nav li a{ color:#252323;}

.silder_nav li.current a {color:#25aae1 !important; }
.slider_box a.prev,.slider_box a.next{display:none;width:45px;height:100px;overflow:hidden;text-indent:-999px;position:absolute;cursor:pointer;margin:85px 0 0 0;}	
.slider_box a.prev{left:0;background-position:left 0;}
.slider_box a.next{right:0;background-position:right 0;}
/*.slider_box a.prev,.slider_box a.next{display:block;width:45px;height:100px;overflow:hidden;text-indent:-999px;position:absolute;cursor:pointer;margin:85px 0 0 0;background:url(<?=$latest_skin_url?>/img/silder_btn.gif) no-repeat;}	
.slider_box a.prev{left:0;background-position:left 0;}
.slider_box a.next{right:0;background-position:right 0;}*/


/*BUSINESS*/
.section02 {margin-top:100px; position:relative;}
.section02 dt {font-size:20px; color:#000; font-weight:bold; padding-bottom:15px; border-bottom:3px solid #000;}
.section02 dd {margin-top:-50px; }

.slider_box2{width:938px;height:370px;overflow:hidden;position:relative; padding-top:115px;}
.silder_con2{height:238px; height:370px;overflow:hidden;position:absolute;}
.silder_panel2{width:938px;height:246px;overflow:hidden;float:left;position:relative;}
.silder_panel2 img{width:938px;height:246px;display:block;overflow:hidden;}

.silder_nav2{width:360px;height:50px;right:0; top:0px;position:absolute; z-index:1;}
.silder_nav2 li{float:left;height:50px;font-size:12px;font-weight:normal;text-align:center;padding:0px;margin-right:1px;line-height:50px;}
.silder_nav2 li .icon02 {display:inline-block; color:#a7a7a7; padding:0 10px;  }
.silder_nav2 li a{ color:#252323;}

.silder_nav2 li.current a {color:#25aae1 !important; }
.slider_box2 a.prev,.slider_box2 a.next{display:none;width:45px;height:100px;overflow:hidden;text-indent:-999px;position:absolute;cursor:pointer;margin:85px 0 0 0;}	


/*PORTFOLIO*/
.section03 {margin-top:150px; position:relative;}
.section03 dt {font-size:20px; color:#000; font-weight:bold; padding-bottom:15px; border-bottom:3px solid #000;}
.section03 dd {padding-top:55px;}

.btn_more {position:absolute; top:0px; right:0; font-weight:bold;color:#ddd;}
.btn_more  .icon02 {display:inline-block; color:#a7a7a7; padding:0 10px;  }

/*6개*/
.portfolio_list {width:938px; margin:auto; overflow:hidden;}
.portfolio_list li {width:295px; float:left; margin-right:26px;}
.portfolio_list li .mg0{margin-right:0px;}
.portfolio_list li img {width:295px; background-color:#000; opacity:1;}
.portfolio_list li img:hover {opacity:0.8; background-color:#000; }
.portfolio_list li span {color:#797979; font-size:12px; display:block; margin-top:5px; font-weight:400;}


/*4개*/
/*
.portfolio_list {width:823px; margin:auto; overflow:hidden;}
.portfolio_list li {width:359px;  }
.portfolio_list li img {width:359px; background-color:#000; opacity:1;}
.portfolio_list li img:hover {opacity:0.8; background-color:#000; }
.portfolio_list li span {color:434343; font-size:14px; display:block; margin-top:7px}

*/

.board_tit {font-size:30px; color:#000; font-weight:bold; padding-bottom:15px; border-bottom:3px solid #000; margin-bottom:20px;}

@media only screen and  (max-width:1024px) { 
	.board_tit {font-size:3vw; padding-bottom:1.5vw; border-width:0.3vw; margin-bottom:2vw;}
}

@media only screen and  (max-width:768px) { 
	.board_tit {font-size:4vw; padding-bottom:2.5vw; border-width:0.5vw; margin-bottom:3vw;}
}

@media only screen and  (max-width:480px) { 
	.board_tit {font-size:5vw; padding-bottom:3.5vw; border-width:0.7vw; margin-bottom:4vw;}
}



#discover_main{position:relative;margin:-6px -6px 0 -6px; min-height:300px;}
.discover_card{position:relative; border:0px solid #e0dfdf;display:none; margin:0 6px; padding:cursor:pointer}
.discover_card-imageHolder{overflow:hidden;position:relative; z-index:5}
.discover_card-image{width:100%; display:none;position:absolute;}
.discover_card-tagHolder{text-align:right;margin:0 0 -7px 0; }
.discover_card-tag{width:18px;height:18px; position:absolute; top:10%; right:7px;z-index:9}
.discover_card-textHolder{width:80%; margin:0 auto; text-align:center; margin-top:7%;padding-bottom:5%; margin-bottom:4%;background:url(/images/sub03/mn_line.gif) repeat-x 0 bottom}
.discover_card-textHolder2{width:80%; margin:0 auto; text-align:center; margin-top:7%;padding-bottom:5%; margin-bottom:4%;}
.card_ytlt {color:#a4a4a4; font-size:1.1em; padding-bottom:1.5%}
.card_htlt {color:#434343; font-size:13px; font-weight:400; text-align:left;}
.menu_btn {position:absolute; bottom:5%; left:6%}

#discover_loadMore{display:none}


/*CLIENTS*/
.section04 {margin-top:130px; position:relative;}
.section04 dt {font-size:20px; color:#000; font-weight:bold; padding-bottom:15px; border-bottom:3px solid #000;}
.section04 dd {padding-top:55px;}


/*CONTACT*/
.section05 {margin-top:130px; position:relative;}
.section05 dt {font-size:20px; color:#000; font-weight:bold; padding-bottom:15px; border-bottom:3px solid #000;}
.section05 dd {padding-top:20px;}

.contact_txt {overflow:hidden; width:100%; margin:30px 0 0 0px;}
.contact_txt ul li {width:50%; float:left; font-size:14px; color:#979797;}
.contact_txt ul li span {display:block; font-weight:normal; font-size:16px; color:#000;}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*메인하단 배너*/
.sponsor{width:1200px; margin:auto; overflow:hidden; margin:30px auto;   }
.sponsor li{float:left; margin-left:10px}
.sponsor li:first-child {color:#656565; font-size:20px;  padding:28px 25px;}

/* =========================================================
   MAIN HERO (VIDEO) + HOST LINES + QUICK MENU (REPLACE ALL)
   - PC: 주최/주관 1줄 나란히, 후원 아래
   - <=1024: 주최 1줄 / 주관 1줄 / 후원 2줄(5개=3+2)
   - 항상 "모여있는" 중앙정렬 느낌 유지
   - 후원 라벨: 첫번째 로고 라인 중앙
   - 후원 2번째 줄: 로고끼리 좌측정렬(첫 줄 시작점 동일)
   ========================================================= */

/* ---------- quick menu height ---------- */
:root{ --quickH: 180px; }             /* PC */
@media (max-width:1024px){ :root{ --quickH: 160px; } }
@media (max-width:768px){  :root{ --quickH: 150px; } }
@media (max-width:480px){  :root{ --quickH: 140px; } }

/* ---------- section1 split 100vh ---------- */
#section1{
  position:relative;
  height:100vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:url(/images/main/main_img_26.jpg) no-repeat 50% 50%;
  background-size:cover;
}

#section1 .main_mvBox{
  position:relative;
  flex:1;
  min-height:0;
  overflow:hidden;
  color:#fff;
  padding-top:18px; /* 상단 잘림 방지 */
  box-sizing:border-box;
}

/* ---------- video ---------- */
#section1 .main_mv{ position:relative; height:100%; overflow:hidden; }
#section1 .main_mv:after{
  content:""; position:absolute; inset:0;
  background:rgba(0,0,0,0.30);
  z-index:1;
}
#section1 .main-video,
#section1 .video-bg,
#section1 #mainVideo,
#section1 #background.player,
#section1 .video-bg .player,
#section1 .inline-YTPlayer{ height:100% !important; }
#section1 .main_mv .video-bg .player{ padding-bottom:0 !important; }

/* ---------- overlay text ---------- */
#section1 .main_mv_apBox{
  position:absolute;
  left:50%;
  top:54%;
  transform:translate(-50%,-50%);
  width:100%;
  text-align:center;
  z-index:2;
  padding:0 16px;
  box-sizing:border-box;
}
#section1 .main_mvtxt .txt01{ margin-bottom:10px; }
#section1 .main_mvtxt .txt02{ margin-bottom:12px; }

#section1 .main_mvtxt .txt01 img{ height: clamp(42px, 4.2vw, 90px); width:auto; }
#section1 .main_mvtxt .txt02 img{ height: clamp(95px, 9.5vw, 200px); width:auto; }
#section1 .main_mvtxt .txt03 img{ height: clamp(46px, 4.8vw, 95px); width:auto; }

@media (max-width:480px){
  #section1 .main_mv_apBox{ top:55%; }
  #section1 .main_mvtxt{ padding:0 10px; box-sizing:border-box; }
  #section1 .main_mvtxt .txt01 img,
  #section1 .main_mvtxt .txt02 img,
  #section1 .main_mvtxt .txt03 img{
    width:min(92vw, 420px);
    max-width:100%;
    height:auto !important;
    display:block;
    margin:0 auto;
  }
  #section1 .main_mvtxt .txt01 img {max-width:70% !important;}
  #section1 .main_mvtxt .txt03 img {max-width:80% !important;}
}

/* =========================================================
   HOST / DIRECTOR / SPONSOR (CLEAN SINGLE SOURCE OF TRUTH)
   ========================================================= */

#section1 .main_mvBox .txt_btnBox{
  margin-top: clamp(10px, 2.2vw, 26px);
  width:100%;
  text-align:center;
}

/* 전체 라인들을 "모여있는 중앙정렬"로 */
#section1 .main_mvBox .hostBox{
  width:min(92vw, 900px);
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:12px 28px;
}

/* 라벨 */
#section1 .main_mvBox .tlt{
  margin:0 !important;
  padding:0 !important;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
#section1 .main_mvBox .tlt:after{ display:none !important; }

/* 리스트 reset */
#section1 .main_mvBox .hostBox ul{ margin:0; padding:0; list-style:none; }
#section1 .main_mvBox .hostBox li{ margin:0 !important; padding:0 !important; list-style:none; }

/* ---------- PC(>=1025) ---------- */

/* 주최/주관: 라벨 + 로고 한 줄 */
#section1 .main_mvBox .host_lBox{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;                 /* 라벨↔로고 간격 */
}
#section1 .main_mvBox .host_lBox ul{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:12px;                 /* 로고간 간격 */
}

/* 후원: "라벨 고정폭 + 로고영역" 2열로 만들어
   라벨↔로고 간격을 주최/주관과 동일하게 고정 */
#section1 .main_mvBox .hostBox_hw{
  width:100%;
  display:grid;
  grid-template-columns: 34px auto; /* 라벨폭 고정 */
  column-gap: 12px;                /* ★ 주최/주관과 동일한 라벨↔로고 간격 */
  justify-content:center;          /* 덩어리 자체 중앙 */
  align-items:start;
  margin-top:8px;
}

/* 후원 라벨: "첫번째 로고 라인 중앙" */
#section1 .main_mvBox .hostBox_hw .tlt{
  align-self:start;
  position:relative;
  top: 14px;                       /* PC 기준 첫 줄 중앙(필요시 12~16px 미세조정) */
}

/* 후원 로고: wrap + 두 줄 모두 "좌측 시작점" 고정 */
#section1 .main_mvBox .hostBox_hw ul{
  display:flex;
  align-items:center;
  justify-content:flex-start;      /* ★ 두번째 줄도 좌측정렬 */
  flex-wrap:wrap;
  gap:12px;                        /* 로고간 간격 */

}

/* 3+2 구성(PC에서도 유지되게) */
#section1 .main_mvBox .hostBox_hw li{
  display:flex;
  justify-content:flex-start;
}

/* 로고 높이 통일(PC) */
#section1 .main_mvBox .host_lBox img{ max-height:34px; }
#section1 .main_mvBox .hostBox_hw img{ max-height:34px; } /* 주최/주관과 동일 */


/* ---------- <=1024 (태블릿/모바일) ---------- */
@media (max-width:1024px){

  #section1 .main_mvBox .hostBox{
    width:min(92vw, 560px);
    flex-direction:column;
    align-items:center;
    gap:10px;
  }

  /* 주최/주관도 2열 grid로 통일해서
     라벨↔로고 간격을 항상 동일하게 */
  #section1 .main_mvBox .host_lBox{
    width:100%;
    display:grid;
    grid-template-columns: 34px auto;
    column-gap: 12px;
    justify-content:center;
    align-items:center;
  }
  #section1 .main_mvBox .host_lBox ul{
    display:flex;
    align-items:center;
    justify-content:flex-start;   /* 시작점 고정(모여있는 느낌) */
    flex-wrap:nowrap;
    gap:12px;
  }

  /* 후원 */
  #section1 .main_mvBox .hostBox_hw{
    width:100%;
    display:grid;
    grid-template-columns: 34px auto;
    column-gap: 12px;             /* ★ 라벨↔로고 간격 통일 */
    justify-content:center;
    align-items:start;
    margin-top:0;
  }

  #section1 .main_mvBox .hostBox_hw ul{
    display:flex;
    align-items:center;
    justify-content:flex-start;   /* ★ 2번째 줄도 좌측정렬 */
    flex-wrap:wrap;
    gap:12px;
    max-width:360px;              /* 3+2 유지 */
  }

  #section1 .main_mvBox .hostBox_hw li{

    display:flex;
    justify-content:flex-start;
  }

  /* 후원 라벨: 첫줄 중앙 */
  #section1 .main_mvBox .hostBox_hw .tlt{
    top: 10px;                    /* 태블릿 기준(필요시 9~12px) */
  }

  /* 로고 높이 통일 */
  #section1 .main_mvBox .host_lBox img,
  #section1 .main_mvBox .hostBox_hw img{
    max-height:26px;
  }
}

@media (max-width:480px){

  /* 로고 높이 통일(모바일) */
  #section1 .main_mvBox .host_lBox img,
  #section1 .main_mvBox .hostBox_hw img{
    max-height:18px;
  }

  /* 더 좁은 모바일에서 3+2 유지 */
  #section1 .main_mvBox .hostBox_hw ul{
    max-width:260px;
  }

  /* 후원 라벨: 첫줄 중앙 */
  #section1 .main_mvBox .hostBox_hw .tlt{
    top: 7px;                     /* 모바일 기준(필요시 6~9px) */
  }
}

/* =========================================================
   GREEN QUICK MENU (bottom, no overlap)
   ========================================================= */
#section1 .section07{
  position:relative;
  height:var(--quickH);
  flex-shrink:0;
  width:100%;
  background:#6cba4e;
  overflow:hidden;
}
#section1 .section07 .qiuckBox{
  height:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
#section1 .section07 .qiconUl,
#section1 .section07 .qiconUl li{
  display:inline-block;
  vertical-align:middle;
}
#section1 .section07 .qiconUl li{ margin-left:80px; }
#section1 .section07 .qiconUl li:nth-child(1){ margin-left:0; }

#section1 .section07 .qiconUl li div{
  width:100px; height:100px;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}
#section1 .section07 .qiconUl li img{ width:36%; }
#section1 .section07 .qiconUl p{
  margin-top:12px;
  color:#fff;
  font-size:18px;
  font-weight:600;
}

/* quick menu responsive */
@media (max-width:1024px){
  #section1 .section07 .qiconUl li{ margin-left:6vw; }
  #section1 .section07 .qiconUl li div{ width:10vw; height:10vw; min-width:70px; min-height:70px; }
  #section1 .section07 .qiconUl p{ font-size:2vw; margin-top:1.2vw; }
}
@media (max-width:768px){
  #section1 .section07 .qiconUl li{ margin-left:5vw; }
  #section1 .section07 .qiconUl li div{ width:12vw; height:12vw; min-width:64px; min-height:64px; }
  #section1 .section07 .qiconUl p{ font-size:2.6vw; }
}
@media (max-width:480px){
  #section1 .section07 .qiconUl li{ margin-left:3.5vw; }
  #section1 .section07 .qiconUl li div{ width:14vw; height:14vw; min-width:58px; min-height:58px; }
  #section1 .section07 .qiconUl p{ font-size:3.6vw; }
}


/*메인공통*/
.main_tit { font-size:38px; color:#010101;  font-weight:400;line-height:1.5em}
.main_tit span { color:#363636; font-size:22px;}
.main_tit02 { font-size:38px; color:#010101;  font-weight:400;line-height:1.5em; position:relative;}
.main_tit02:before {display:block;content:'';clear:both;  position:absolute;  top:-60px;  left:50%;  width:1px; height:45px; background:#c0c0c0;}
.main_tit02 span { color:#363636; font-size:22px;}
.main_tit03 { font-size:42px; color:#010101;  font-weight:400;line-height:1.5em}
.main_tit03 span { color:#363636; font-size:26px;}

.main_stit {font-size: 18px; color:#7d7d7d;}
.main_sstit a {background:#0066b3; padding:10px 15px; border-radius:3px; color:#fff; display:inline-block; font-size:16px; margin-top:15px;}
.wid_1200 { position:relative; overflow:hidden;width:1200px; margin:auto; }

@media all and (max-width:1220px) {
	.wid_1200 {width:94%;}
}

@media all and (max-width:1024px) {
	.main_tit {font-size:3.8vw}
	.main_tit span {font-size:2.2vw;}
	.main_tit02 {font-size:3.8vw;}
	.main_tit02:before {top:-6vw; height:4.5vw;}
	.main_tit02 span {font-size:2.2vw;}
	.main_tit03 {font-size:4.2vw;}
	.main_tit03 span {font-size:2.6vw;}

	.main_stit {font-size:1.8vw;}
	.main_sstit a {padding:1vw 1.5vw; border-radius:0.3vw; font-size:1.6vw; margin-top:1.5vw;}
}

@media all and (max-width:768px) {
	.main_tit {font-size:4.8vw}
	.main_tit span {font-size:3.2vw;}
	.main_tit02 {font-size:4.8vw;}
	.main_tit02:before {top:-7vw; height:5.5vw;}
	.main_tit02 span {font-size:3.2vw;}
	.main_tit03 {font-size:5.2vw;}
	.main_tit03 span {font-size:3.6vw;}

	.main_stit {font-size:2.8vw;}
	.main_sstit a {padding:2vw 2.5vw; border-radius:0.5vw; font-size:2.6vw; margin-top:2.5vw;}
}

@media all and (max-width:480px) {
	.main_tit {font-size:5.8vw}
	.main_tit span {font-size:4.2vw;}
	.main_tit02 {font-size:5.8vw;}
	.main_tit02:before {top:-8vw; height:6.5vw;}
	.main_tit02 span {font-size:4.2vw;}
	.main_tit03 {font-size:6.2vw;}
	.main_tit03 span {font-size:4.6vw;}

	.main_stit {font-size:3.8vw;}
	.main_sstit a {padding:3vw 3.5vw; border-radius:0.7vw; font-size:3.6vw; margin-top:3.5vw;}
}


/*about*/
.section02_about {position:relative; overflow:hidden;width:1200px; margin: auto; padding:80px 0;}
.about_txt {font-size:20px; color:#414141; line-height:28px; margin-top:35px; }

/*banner*/
.section02_banner  {background:url(/images/main/banner_bg.jpg) no-repeat center top;  height:223px;}
.section02_banner .section02_banner_tit{color:#fff; font-size:20px;  margin-left:550px; margin-top:70px;}
.section02_banner .section02_banner_txt{color:#fff;font-size:28px ; margin-left:550px; margin-top:7px; line-height:34px;}

/*point*/
.section02_point  {position:relative; overflow:hidden; max-width:1200px; margin:80px auto; }
.section02_point_tit { font-size:25px; color:#00439e;  padding: 10px 0 50px 0; text-align:center; font-weight:400; letter-spacing:-2px; line-height:1.5em;}
.section02_point_tit .big {font-size:36px; font-weight:600; line-height:1.5em;}
.section02_point ul li { width:362px; height:338px; float:left; }
.section02_point ul li  dl {margin: 80px 0 0 30px}
.section02_point ul li  dl span { color:#ffdc00; font-size:16px; font-weight:500;}
.section02_point ul li  dl dt {font-size:24px; color:#fff; line-height:1.5em; font-weight:500; margin-top:10px;}
.section02_point ul li  dl dd {font-size:18px; color:#fff; margin-top:1.5em; line-height:24px;}

.section02_point  .section02_point01 {background:url(/images/main/giftbg_01.jpg) no-repeat center 0; margin-right:57px;}
.section02_point  .section02_point02 {background:url(/images/main/giftbg_02.jpg) no-repeat center 0; margin-right:57px;}
.section02_point  .section02_point03 {background:url(/images/main/giftbg_03.jpg) no-repeat center 0;}

.section02_point2  {position:relative; overflow:hidden; max-width:1200px; margin:80px auto; }
.section02_point2_tit {font-size:25px; color:#00439e;  padding: 10px 0 50px 0; text-align:center; font-weight:400; letter-spacing:-2px; line-height:1.5em;}
.section02_point2_tit .big {font-size:36px; font-weight:600; line-height:1.5em;}
.section02_point2 ul li { width:285px; height:410px; float:left; }
.section02_point2 ul li  dl {text-align:center; margin: 8px 0 0 10px}
.section02_point2 ul li  dl span {color:#232a2f; font-size:16px; font-weight:500;}
.section02_point2 ul li  dl dt {text-align:center; font-size:30px; color:#232a2f; line-height:1.5em; font-weight:500; margin-top:10px;}
.section02_point2 ul li  dl dd {text-align:center; font-size:17px; color:#232a2f; line-height:1.5em; letter-spacing:-1px; margin-top:240px;}

.section02_point2  .section02_point01 {background:url(/images/main/giftbg_001.jpg) no-repeat center 0; margin-right:20px;}
.section02_point2  .section02_point02 {background:url(/images/main/giftbg_002.jpg) no-repeat center 0; margin-right:20px;}
.section02_point2  .section02_point03 {background:url(/images/main/giftbg_003.jpg) no-repeat center 0; margin-right:20px;}
.section02_point2  .section02_point04 {background:url(/images/main/giftbg_004.jpg) no-repeat center 0;}


/*new_point*/
.section02_point3  {position:relative; overflow:hidden; max-width:1200px; margin:80px auto; }
.section02_point_tit3 {font-size:25px; color:#00439e;  padding: 10px 0 50px 0; text-align:center; font-weight:400; letter-spacing:-2px; line-height:1.5em;}
.section02_point_tit3 .big {font-size:36px; font-weight:600; line-height:1.5em;}

.section02_point_listUl {text-align:center}
.section02_point_listUl li {display:inline-block; vertical-align:top; width:23%; margin-right:1%;}
.section02_point_listUl li:last-child {margin-right:0}
.section02_point_listUl .section02_point_list > div {position:relative; z-index:2}

.section02_point_listUl {color:#232a2f;}
.section02_point_listUl .num {font-size:16px; font-weight:500; line-height:1.3em;}
.section02_point_listUl .tlt {text-align:center; font-size:30px; line-height:1.3em; font-weight:600; margin-top:10px}
.section02_point_listUl .imgBox {margin:5px 0; z-index:1 !important}
.section02_point_listUl .imgBox img {width:100%}
.section02_point_listUl .txtBox {font-size:17px; letter-spacing:-1px; line-height:1.5em}


@media all and (max-width:1220px) {
	.section02_point2 ul {text-align:center; margin:0 auto}
	.section02_point2 ul li {width:23.5%}
}

@media all and (max-width:1024px) {
	.section02_point {max-width:94%; margin:8vw auto;}
	.section02_point_tit {font-size:2.5vw; padding:1vw 0 5vw 0; letter-spacing:-0.2vw;}
	.section02_point_tit .big {font-size:3.6vw;}

	.section02_point2 {max-width:94%; margin:8vw auto;}
	.section02_point2_tit {font-size:2.5vw; padding:1vw 0 5vw 0; letter-spacing:-0.2vw;}
	.section02_point2_tit .big {font-size:3.6vw;}

	.section02_point3 {max-width:94%; margin:8vw auto;}
	.section02_point_tit3 {font-size:2.5vw; padding:1vw 0 5vw 0; letter-spacing:-0.2vw;}
	.section02_point_tit3 .big {font-size:3.6vw;}

	.section02_point_listUl li {width:48%; margin:0 1.5% 5vw 0}
	.section02_point_listUl li:nth-child(2n) {margin-right:0}
	.section02_point_listUl .num {font-size:1.6vw;}
	.section02_point_listUl .tlt {font-size:3vw; margin-top:1vw}
	.section02_point_listUl .imgBox {margin:0.5vw 0}
	.section02_point_listUl .txtBox {font-size:1.7vw;}
}

@media all and (max-width:768px) {
	.section02_point {margin:9vw auto; }
	.section02_point_tit {font-size:3.5vw; padding:2vw 0 6vw 0; letter-spacing:-0.4vw;}
	.section02_point_tit .big {font-size:4.6vw;}

	.section02_point2 {margin:9vw auto;}
	.section02_point2_tit {font-size:3.5vw; padding:2vw 0 6vw 0; letter-spacing:-0.4vw;}
	.section02_point2_tit .big {font-size:3.6vw;}

	.section02_point3 {margin:9vw auto;}
	.section02_point_tit3 {font-size:3.5vw; padding:2vw 0 6vw 0; letter-spacing:-0.4vw;}
	.section02_point_tit3 .big {font-size:3.6vw;}

	.section02_point_listUl li {margin-bottom:6vw}
	.section02_point_listUl .num {font-size:2.6vw;}
	.section02_point_listUl .tlt {font-size:4vw; margin-top:1vw}
	.section02_point_listUl .imgBox {margin:0.7vw 0}
	.section02_point_listUl .txtBox {font-size:2.7vw;}	
}

@media all and (max-width:480px) {
	.section02_point {margin:10vw auto; }
	.section02_point_tit {font-size:4.5vw; padding:3vw 0 7vw 0; letter-spacing:-0.6vw;}
	.section02_point_tit .big {font-size:5.6vw;}

	.section02_point2 {margin:10vw auto; }
	.section02_point2_tit {font-size:4.5vw; padding:3vw 0 7vw 0; letter-spacing:-0.6vw;}
	.section02_point2_tit .big {font-size:5.6vw;}

	.section02_point3 {margin:10vw auto; }
	.section02_point_tit3 {font-size:4.5vw; padding:3vw 0 7vw 0; letter-spacing:-0.6vw;}
	.section02_point_tit3 .big {font-size:5.6vw;}

	.section02_point_listUl li {width:100%; margin:0 0 2vw 0}
	.section02_point_listUl .num {font-size:3.6vw;}
	.section02_point_listUl .tlt {font-size:5vw; margin-top:1vw}
	.section02_point_listUl .imgBox {margin:1vw 0}
	.section02_point_listUl .txtBox {font-size:3.7vw;}	
}


/*lineup*/
.section03_lineup {background:url(/images/main/lineup_bg.jpg) no-repeat center top; padding:85px 0 100px; background-size:cover}
.section03_lineup .yellow_btn  ul {overflow:hidden; text-align:center; position:relative;}
.section03_lineup .yellow_btn  ul li {border:2px solid #000; display:inline-block;  font-size:20px; text-align:center; font-weight:500; padding: 13px 35px;  background:#ffdc00; }
.section03_lineup .yellow_btn  ul li a {color:#000;  display:block; }

@media all and (max-width:1024px) {
	.section03_lineup {padding:8.5vw 0 10vw}
	.section03_lineup .yellow_btn ul li {font-size:2vw; padding:1.3vw 3.5vw;}
}

@media all and (max-width:768px) {
	.section03_lineup {padding:9.5vw 0 11vw}
	.section03_lineup .yellow_btn ul li {font-size:3vw; padding:2.3vw 4.5vw;}
}

@media all and (max-width:480px) {
	.section03_lineup {padding:10.5vw 0 12vw}
	.section03_lineup .yellow_btn ul li {font-size:4vw; padding:3.3vw 5.5vw;}
}


/*6단*/
.section03_lineup .section03_lineup_con { overflow:hidden; text-align:center; position:relative; margin-top:50px;}
.section03_lineup .section03_lineup_con ul {max-width:1200px; margin:auto; }
.section03_lineup .section03_lineup_con ul li {display:inline-block; vertical-align:top; margin-right:50px;}
.section03_lineup .section03_lineup_con ul li:last-child {margin-right:0}
.section03_lineup .section03_lineup_con ul li dl dt { font-size:20px; color:#ffdc00; margin-top:25px; font-weight:500; line-height:1.3em}
.section03_lineup .section03_lineup_con ul li dl dd {color:#fff; font-size:16px; margin-top:18px;}
.section03_lineup .section03_lineup_con ul li dl img {height:180px;}

@media all and (max-width:1220px) {
	.section03_lineup .section03_lineup_con ul {max-width:94%}
	.section03_lineup .section03_lineup_con ul li {margin-right:20px}
	.section03_lineup .section03_lineup_con ul li dl img {height:160px;}
}

@media all and (max-width:1024px) {
	.section03_lineup .section03_lineup_con {margin-top:5vw;}
	.section03_lineup .section03_lineup_con ul li {margin-right:2vw;}
	.section03_lineup .section03_lineup_con ul li dl dt {font-size:2vw; margin-top:2.5vw;}
	.section03_lineup .section03_lineup_con ul li dl dd {font-size:1.6vw; margin-top:1.8vw;}
	.section03_lineup .section03_lineup_con ul li dl img {height:16vw;}
}

@media all and (max-width:768px) {
	.section03_lineup .section03_lineup_con {margin-top:6vw;}
	.section03_lineup .section03_lineup_con ul li {width:30%; margin-right:0; margin-bottom:5vw}
	.section03_lineup .section03_lineup_con ul li dl dt {font-size:3vw; margin-top:3.5vw;}
	.section03_lineup .section03_lineup_con ul li dl dd {font-size:2.6vw; margin-top:2.8vw;}
	.section03_lineup .section03_lineup_con ul li dl img {height:24vw;}
}

@media all and (max-width:480px) {
	.section03_lineup .section03_lineup_con {margin-top:7vw;}
	.section03_lineup .section03_lineup_con ul li {width:49%; margin-right:0; text-align:center; margin-bottom:6vw}
	.section03_lineup .section03_lineup_con ul li dl dt {font-size:4vw; margin-top:4.5vw;}
	.section03_lineup .section03_lineup_con ul li dl dd {font-size:3.6vw; margin-top:3.8vw;}
	.section03_lineup .section03_lineup_con ul li dl img {height:36vw;}
}


/*4단*/
.section03_lineup .section03_lineup_con2 { overflow:hidden; text-align:center; position:relative; margin-top:80px;}
.section03_lineup .section03_lineup_con2 ul {max-width:1200px; margin:auto; }
.section03_lineup .section03_lineup_con2 ul li {display:inline-block; vertical-align:top; margin-right:50px}
.section03_lineup .section03_lineup_con2 ul li:last-child {margin-right:0}
.section03_lineup .section03_lineup_con2 ul li dl dt {font-size:20px; color:#ffdc00; margin-top:25px; font-weight:500; line-height:1.3em}
.section03_lineup .section03_lineup_con2 ul li dl dd {color:#fff; font-size:16px; margin-top:18px;}
.section03_lineup .section03_lineup_con2 ul li dl img {height:180px;}

@media all and (max-width:1220px) {
	.section03_lineup .section03_lineup_con2 ul {max-width:94%}	
	.section03_lineup .section03_lineup_con2 ul li {margin-right:20px}
	.section03_lineup .section03_lineup_con2 ul li dl img {height:160px;}
}

@media all and (max-width:1024px) {	
	.section03_lineup .section03_lineup_con2 {margin-top:8vw;}
	.section03_lineup .section03_lineup_con2 ul li {margin-right:2vw}
	.section03_lineup .section03_lineup_con2 ul li dl dt {font-size:2vw; margin-top:2.5vw;}
	.section03_lineup .section03_lineup_con2 ul li dl dd {font-size:1.6vw; margin-top:1.8vw;}
	.section03_lineup .section03_lineup_con2 ul li dl img {height:16vw;}
}

@media all and (max-width:768px) {
	.section03_lineup .section03_lineup_con2 {margin-top:9vw;}
	.section03_lineup .section03_lineup_con2 ul li {width:30%; margin-right:0; margin-bottom:5vw}
	.section03_lineup .section03_lineup_con2 ul li dl dt {font-size:3vw; margin-top:3.5vw;}
	.section03_lineup .section03_lineup_con2 ul li dl dd {font-size:2.6vw; margin-top:2.8vw;}
	.section03_lineup .section03_lineup_con2 ul li dl img {height:24vw;}
}

@media all and (max-width:480px) {
	.section03_lineup .section03_lineup_con2 {margin-top:10vw; text-align:left}
	.section03_lineup .section03_lineup_con2 ul li {width:49%; margin-right:0; text-align:center; margin-bottom:6vw}
	.section03_lineup .section03_lineup_con2 ul li dl dt {font-size:4vw; margin-top:4.5vw;}
	.section03_lineup .section03_lineup_con2 ul li dl dd {font-size:3.6vw; margin-top:3.8vw;}
	.section03_lineup .section03_lineup_con2 ul li dl img {height:36vw;}
}


/*program*/
.section04_program  {position:relative; width:1200px; margin: auto; padding:120px 0 80px 0; }
.section04_program_con { overflow:hidden;}
.section04_program_con ul li { float:left; width:290px;  margin-right:12px; margin-top:50px;}
.section04_program_con  ul li p{ text-align:center; font-size:20px; margin-top:20px;}

.section04_program_con ul li  .circle {display:block; }
.section04_program_con ul li .circle_on {display:none; }
.section04_program_con ul li:hover .circle{display:none;}
.section04_program_con ul li:hover .circle_on{display:block; position:relative; }
.section04_program_con ul li:hover .circle_on span { position:absolute; color:#fff; font-weight:bold;  text-align:center;font-size:16px; font-weight:400; right:0; left:0; top:170px;}

.section04_program_txt {color:#868686; font-size:14px; text-align:right; margin-top:30px;}

/*6개*/
.section04_program_con2 {overflow:hidden;}
.section04_program_con2 ul li { float:left; width:290px;  margin-right:12px; margin-top:50px;}
.section04_program_con2 ul li  .circle {display:block; position:relative; }
.section04_program_con2 ul li  .circle_on { position:absolute; color:#fff; font-weight:bold;  text-align:center; font-weight:400; right:0; left:0;  z-index:1;}
.section04_program_con2 ul li .circle_on .program_date {position:relative; color:#fff; font-weight:500; font-size:20px; margin-bottom:10px;}
.section04_program_con2 ul li  .circle_on p { position:relative; color:#ffdc00; font-weight:normal; font-size:28px; line-height:34px;}
.section04_program_con2 ul li  .circle_on .tit { position:relative; color:#ffdc00; font-weight:normal; font-size:24px; line-height:28px;}
.section04_program_con2 ul li  .circle_on span { position:relative; color:#fff; font-size:16px; display:block; margin-top:15px;}
.section04_program_con2 ul li  .circle_on .txt { position:relative; color:#fff; font-size:14px; display:block; margin-top:10px; line-height:20px;}


/*gallery*/
.section05_gallery {background:#f4f4f4; width:100%; padding:80px 0; position:relative;}
.section05_gallery_con span {font-size:18px;}
/*.section05_gallery .section05_gallery_con {margin-top:50px;}
.section05_gallery .section05_gallery_con ul {overflow:hidden; }
.section05_gallery .section05_gallery_con ul li { float:left; margin-right:10px; position:relative;}
.section05_gallery .section05_gallery_con ul  li img {position:relative;  opacity:0.8}
.section05_gallery .section05_gallery_con ul  li img:hover {opacity:1}
.section05_gallery_con .section05_gallery_txt {position:absolute; top:15px; left:15px; z-index:9999; font-size:18px; color:#fff;}*/

.section05_gallery .page img {width:100%; height:100%;}

.section05_gallery .gallery_wrap {width:1200px; height:auto; position:relative; margin:10px auto;}
.section05_gallery .gallery_wrap .frame {width:1200px; height:auto; margin:0px; overflow:hidden;}
.section05_gallery .gallery_wrap .inner {}
.section05_gallery .gallery_wrap .page {float:left; width:100%; height:auto;}
.section05_gallery .gallery_wrap .page li {float:left; margin-right:20px; overflow:hidden;}
.section05_gallery .gallery_wrap .page li:last-child {margin-right:0px !important;}

.section05_gallery .gallery_wrap2 {width:1200px; height:auto; position:relative; margin:10px auto;}
.section05_gallery .gallery_wrap2 .frame {width:1200px; height:auto; margin:0px; overflow:hidden;}
.section05_gallery .gallery_wrap2 .inner {}
.section05_gallery .gallery_wrap2 .page {float:left; width:100%; height:auto;}
.section05_gallery .gallery_wrap2 .page li {float:left; margin-right:20px; overflow:hidden;}
.section05_gallery .gallery_wrap2 .page li:last-child {margin-right:0px !important;}

.section05_gallery .btnP, .section05_gallery .btnN {width:40px; height:40px; text-align:center; line-height:40px; font-size:16px; background:rgba(0,0,0,0.7); color:#fff; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; z-index:99999; transition:all 0.3s} 
.section05_gallery .btnP {left:-50px;}
.section05_gallery .btnN {right:-50px;}
.section05_gallery .gallery_wrap:hover .btnP, .section05_gallery .gallery_wrap2:hover .btnP {left:0}
.section05_gallery .gallery_wrap:hover .btnN, .section05_gallery .gallery_wrap2:hover .btnN {right:0}

.section05_gallery .row li {flex:0 0 auto; width:285px; height:240px; margin-right:20px; overflow:hidden}

@media all and (max-width:1220px) {
	.section05_gallery .gallery_wrap {width:100%}
	.section05_gallery .gallery_wrap2 {width:100%}

	.section05_gallery .btnP {left:0;}
	.section05_gallery .btnN {right:0;}
}

@media all and (max-width:1024px) {
	.section05_gallery {padding:8vw 0;}
	.section05_gallery_con span {font-size:1.8vw;}

	.section05_gallery .btnP, .section05_gallery .btnN {width:4vw; height:4vw; line-height:4vw; font-size:1.6vw;}
	.section05_gallery .row li {width:28.5vw; height:24vw; margin-right:2vw;}
}

@media all and (max-width:768px) {
	.section05_gallery {padding:9vw 0;}
	.section05_gallery_con span {font-size:2.8vw;}

	.section05_gallery .btnP, .section05_gallery .btnN {width:6vw; height:6vw; line-height:6vw; font-size:2.6vw;}
	.section05_gallery .row li {width:38.5vw; height:34vw; margin-right:3vw;}
}

@media all and (max-width:480px) {
	.section05_gallery {padding:10vw 0;}
	.section05_gallery_con span {font-size:3.8vw;}
	
	.section05_gallery .btnP, .section05_gallery .btnN {width:8vw; height:8vw; line-height:8vw; font-size:3.6vw;}
	.section05_gallery .row li {width:48.5vw; height:44vw; margin-right:4vw;}
}


/* item 모드일 때 .inner > .row가 가로로 쭉 나열되도록 */
.section05_gallery .inner { display:flex; }   /* page 모드에서도 문제 없음 */
.section05_gallery .row   { display:flex; }   /* item 모드 트랙 */
.section05_gallery .row li img { width:100%; height:240px; object-fit:cover; display:block; }

/*주최주관후원*/
.footer_sponsor {max-width:1140px; margin: 0px auto; padding:40px 0;}
.footer_sponsor div img {border:1px solid #ddd; }

@media all and (max-width:1220px) {
	.footer_sponsor {max-width:94%;}
	.footer_sponsor div {margin-right:10px}
	.footer_sponsor div img {width:100%}
}

@media all and (max-width:1024px) {
	.footer_sponsor {padding:4vw 0;}
}

@media all and (max-width:768px) {
	.footer_sponsor {padding:5vw 0;}
}

@media all and (max-width:480px) {
	.footer_sponsor {padding:6vw 0;}
}


/*location*/
.section06_location  {position:relative; overflow:hidden;width:1200px; margin: auto; padding:120px 0 40px 0; border-bottom:1px solid #ddd; }
.section06_location_txt {font-size:26px;  padding-bottom:15px; border-bottom:1px solid #e6e6e6;}
.section06_location_box {float:left; margin:50px 0 0 50px;   height:542px; width:480px; background:#f7f7f7; color:#010101; padding:40px; box-sizing:border-box; font-size:16px;}
.section06_location_box dt {font-weight:500; disply:block; width:200px; margin-top:20px;}
.section06_location_box dd { disply:block; margin-top:3px; }

/*갤러리 수정*/
 .galery_in {width:100%; margin:auto; overflow:hidden;}
 .galery_in  li {float:left; width:14.2%;  overflow:hidden; background:#000;}
 .galery_in  li img {width:100%;}