@charset "utf-8";

/* Noto Sans KR */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('//bimg.mk.co.kr/2024/kpopstar/font/NotoSansKR-Light.ttf') format('truetype'),
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('//bimg.mk.co.kr/2024/kpopstar/font/NotoSansKR-Regular.ttf') format('truetype'),
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('//bimg.mk.co.kr/2024/kpopstar/font/NotoSansKR-Medium.ttf') format('truetype'),
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('//bimg.mk.co.kr/2024/kpopstar/font/NotoSansKR-Bold.ttf') format('truetype'),
}

/* NanumSquareNeo */
@font-face {
  font-family: 'NanumSquareNeo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('//bimg.mk.co.kr/2024/economy_forum/font/NanumSquareNeo-bRg.ttf') format('truetype'),
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,figure{margin:0;padding:0;}
fieldset,img{border:0 none;}
dl,ul,ol,menu,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
input,select,textarea,button{border-radius:0;vertical-align:middle;}
input::-ms-clear{display:none;}
hr{display:none;}
button{border:0 none;background-color:transparent;cursor:pointer;}
button,input{border-radius:0;border:0;-webkit-border-radius:0;}
table{border-collapse:collapse;border-spacing:0;border:0;}
caption{display:none;}
body{direction:ltr;word-break:keep-all;word-wrap:break-word;-webkit-text-size-adjust:none;}
body,th,td,input,select,textarea,button{font-size:100%;font-family:"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;line-height:1;color:#212121;}
a{color:#212121;text-decoration:none;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
img{vertical-align:middle;}
.is_blind{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0, 0, 0, 0);white-space:nowrap;}
.clearfix::after {display:block;clear:both;content:"";}

/* common */
html {scroll-behavior: smooth;}
body {
  background-color: #fff;
  color: var(--c-txt);
}
:root {
  --c-bg: #fff;
  --c-bg-b: #000;
  --c-txt: #212121;
  --c-txt-gray-d: #555;
  --c-txt-gray: #777;
  --c-txt-gray-l: #bbb;
  --c-line: #eee;
  --c-box: #f5f5f5;
  --c-blue: #006ae2;
  --c-point: #ff294b;
  --c-point-d: #d31b39;
  --c-point-l: #ffe2e7;
  --c-highlihgt : #fff600
}
a {transition: 0.3s ease;}
img {width: 100%;}
section * {
  line-height: 1.4;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  transition: 0.3s ease;
}
.inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.txt_point {color: var(--c-point);}
.txt_bold {font-weight: bold;}
.btn_link {
  position: relative;
  display: block;
  width: 100%;
  max-width: 160px;
  padding: 14px 35px 14px 40px;
  background-color: var(--c-point);
  border-radius: 50px;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  color: var(--c-bg);
  transition: 0.3s ease;
}
.btn_link:hover {background-color: var(--c-point-d);}
.ic {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.btn_link .ic.ic_arrow {
  top: 1px;
  vertical-align: -3px;
}
.ic.ic_arrow { background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/ic_arrow_forward.svg);}
.ic.ic_priority {background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/ic_priority.svg);}
.ic.ic_location {background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/ic_location_gray.svg);}
.ic.ic_phone {background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/ic_phone.svg);}
.ic.ic_mail {background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/ic_mail.svg);}

/*-------------------------------------------------------------------
  ## header
-------------------------------------------------------------------*/
header {
  background-color: var(--c-bg-b);
  color: var(--c-bg);
}
.header_wrap {
  position: relative;
  background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/im_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.header_wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/im_bgtop.png);
  background-repeat: no-repeat;
}
.header_wrap .top_ttl_box {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 40px 0 150px;
}
.header_wrap .top_ttl_box .top_ttl {margin-top: 180px;}
.header_wrap .top_ttl_box .top_logo {
  width: 270px;
  height: 20px;
  background: url(//bimg.mk.co.kr/2024/economy_forum/images/l_economybiz.svg) left center no-repeat;
}
.header_wrap .top_ttl .ttl_badge span {
  display: inline-block;
  padding: 8px 15px;
  background-color: var(--c-point-l);
  border-radius: 5px;
  font-size: 13px;
  font-weight: bold;
  color: var(--c-point);
}
.header_wrap .top_ttl h1 {
  width: 400px;
  height: 50px;
  margin: 20px 0;
  background: url(//bimg.mk.co.kr/2024/economy_forum/images/im_ttl.svg) left center no-repeat;
}
.header_wrap .top_ttl p {
  width: 32%;
  font-family: 'NanumSquareNeo';
  font-size: 18px;
  line-height: 1.6;
  color: #ccc;
}
.header_wrap .btn_link {margin-top: 70px;}
.gnb {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: var(--c-bg-b);
  z-index: 100;
}
.gnb ul {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 400px;
  margin: 0 auto;
}
.gnb ul li {width: 33.333%;}
.gnb ul li a {
  position: relative;
  display: block;
  color: var(--c-bg);
  padding: 18px 0;
  font-weight: 400;
  text-align: center;
  opacity: 0.5;
  transition: 0.3s ease;
}
.gnb ul li:hover a,
.gnb ul li:focus a {
  opacity: 1;
  font-weight: bold;
}
.gnb ul li a::after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--c-bg);
  transition: 0.3s ease;
}
.gnb ul li:hover a::after,
.gnb ul li:focus a::after {width: 100%;}

/*-------------------------------------------------------------------
  ## container
-------------------------------------------------------------------*/
section.cont_box {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px 20px;
  box-sizing: border-box;
  scroll-margin-top: 50px;
}
.cont_box .cont_wrap {text-align: center;}
.cont_box .cont_wrap .cont_ttl .cont_ttl_badge {
  display: inline-block;
  padding: 8px 16px;
  background-color: var(--c-point);
  border-radius: 50px;
  font-size: 12px;
  font-weight: bold;
  color: var(--c-bg);
}
.cont_box .cont_wrap .cont_ttl h2 {
  margin: 5px 0;
  font-size: 30px;
  letter-spacing: -0.5px;
}
.cont_box .cont_wrap .cont_ttl p {color: var(--c-txt-gray);}

/* intro */
section.cont_box.top_wrap {padding-top: 50px;}
.top_wrap .cont_overview {
  max-width: 800px;
  margin: 0 auto;
}
.top_wrap .cont_overview .cont_txt_wrap {
  position: relative;
  overflow: hidden;
  padding: 130px 20px;
  background: url(//bimg.mk.co.kr/2024/economy_forum/images/im_overview.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  text-align: center;
  color: var(--c-bg);
}
.top_wrap .cont_overview .cont_txt_wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
.top_wrap .cont_overview .cont_txt_wrap .cont_txt {
  position: relative;
  z-index: 1;
}
.top_wrap .cont_overview .cont_txt_wrap .cont_txt .ic.ic_priority {
  width: 35px;
  height: 35px;
  background-color: var(--c-point);
  background-size: 22px;
  background-position: 7px center;
  border-radius: 100%;
}
.top_wrap .cont_overview .cont_txt_wrap .cont_txt h2 {
  margin: 10px 0 5px;
  font-size: 25px;
}
.top_wrap .cont_overview .cont_txt_wrap .cont_txt p {
  font-size: 17px;
  font-weight: 300;
}
.top_wrap .cont_overview .cont_txt_wrap .cont_txt p .txt_point {font-weight: 500;}
.top_wrap .cont_overview .cont_desc_wrap {
  display: flex;
  max-width: 650px;
  margin: 25px auto 0;
}
.top_wrap .cont_overview .cont_desc_wrap p {
  padding-right: 50px;
  font-weight: bold;
}
.top_wrap .cont_overview .cont_desc_wrap span.cont_desc_txt {
  font-size: 15px;
  color: var(--c-txt-gray-d);
}
.top_wrap .cont_overview .cont_desc_wrap span.cont_desc_txt>span {
  line-height: 1.8;
  word-break: break-word;
}
.top_wrap .cont_overview .cont_desc_wrap .txt_point {font-weight: bold;}
.top_wrap .cont_overview .cont_info_wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
  margin-top: 100px;
}
.top_wrap .cont_overview .cont_info_wrap .cont_info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  height: 250px;
  padding: 35px 40px;
  background-color: var(--c-box);
  border-radius: 10px;
}
.top_wrap .cont_overview .cont_info_wrap .cont_info::before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  right: 30px;
  width: 60px;
  height: 60px;
  background-image : url(//bimg.mk.co.kr/2024/economy_forum/images/ic_map.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.top_wrap .cont_overview .cont_info_wrap .cont_info .sub_badge {
  font-size: 13px;
  font-weight: bold;
}
.top_wrap .cont_overview .cont_info_wrap .cont_info .sub_ttl {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
}
.top_wrap .cont_overview .cont_info_wrap .cont_info .sub_desc {
  font-size: 15px;
  color: var(--c-txt-gray-d);
}
.top_wrap .cont_overview .cont_info_wrap .cont_info .sub_desc_box {
  display: flex;
  align-items: center;
  margin-top: 4px;
  padding: 7px 10px;
  background-color: var(--c-bg);
  border-radius: 8px;
  font-size: 13px;
  color: var(--c-txt-gray);
}
.top_wrap .cont_overview .cont_info_wrap .cont_info .sub_desc_box .ic.ic_location {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  line-height: 1;
}
.top_wrap .cont_overview .cont_info_wrap .cont_info.cont_info_point {
  background-color: var(--c-blue);
  color: var(--c-bg);
}
.top_wrap .cont_overview .cont_info_wrap .cont_info.cont_info_point::before {
  top: 30px;
  right: 32px;
  width: 52px;
  height: 52px;
  background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/ic_calender.svg);
}
.top_wrap .cont_overview .cont_info_wrap .cont_info.cont_info_point .sub_desc {color: var(--c-bg);}
.top_wrap .cont_overview .cont_info_wrap .cont_info:last-child {margin-top: 110px;}

/* program */
section.cont_box.mid_wrap {
  max-width: 100%;
  padding: 90px 0;
  background-color: var(--c-box);
}
.mid_wrap .cont_wrap {
  max-width: 1200px;
  margin: 100px auto 0;
  padding: 0 20px;
}
.mid_wrap .cont_wrap:first-child {margin-top: 0;}
.mid_wrap .cont_wrap.cont_instructor .swiper_inst {margin-top: 40px;}
.mid_wrap .cont_wrap.cont_instructor .swiper_inst .swiper-slide {
  overflow: hidden;
  position: relative;
  padding-bottom: 20px;
  border-radius: 10px;
}
.mid_wrap .cont_wrap.cont_instructor .swiper_inst .swiper-slide img {
  height: 100%;
  object-fit: cover;
}
.mid_wrap .cont_wrap.cont_instructor .swiper_inst .inst_wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  color: var(--c-bg);
}
.mid_wrap .cont_wrap.cont_instructor .swiper_inst .inst_wrap::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 150px;
  background: linear-gradient(to top, var(--c-bg-b) 10%, transparent);
  z-index: -1;
}
.mid_wrap .cont_wrap.cont_instructor .swiper_inst .inst_wrap .inst_name {
  padding: 35px 20px 0;
  font-size: 22px;
  font-weight: bold;
}
.mid_wrap .cont_wrap.cont_instructor .swiper_inst .inst_wrap .inst_txt {
  display: inline-block;
  padding: 0 20px 35px;
  color: var(--c-txt-gray-l);
  font-size: 15px;
}
.mid_wrap .cont_wrap.cont_instructor .swiper_inst .swiper-pagination-bullet {background-color: var(--c-blue);}
.mid_wrap .cont_wrap.cont_program .program_wrap {
  overflow: hidden;
  width: 100%;
  max-width: 800px;
  margin: 15px auto 0;
  background-color: var(--c-bg);
  border-radius: 10px;
}
.mid_wrap .cont_wrap.cont_program .program_wrap thead tr {background-color: var(--c-blue);}
.mid_wrap .cont_wrap.cont_program .program_wrap thead th {
  padding: 15px 10px;
  color: var(--c-bg);
}
.mid_wrap .cont_wrap.cont_program .program_wrap tbody tr {
  border-bottom: 1px solid var(--c-line);
  font-weight: 500;
}
.mid_wrap .cont_wrap.cont_program .program_wrap tbody tr:last-child {border-bottom: 0;}
.mid_wrap .cont_wrap.cont_program .program_wrap tbody tr.bg_blue {background-color: rgb(0 106 226 / 9%)}
.mid_wrap .cont_wrap.cont_program .program_wrap tbody tr.bg_blue td {color: var(--c-blue);}
.mid_wrap .cont_wrap.cont_program .program_wrap tbody th,
.mid_wrap .cont_wrap.cont_program .program_wrap tbody td {
  padding: 20px 10px;
  font-size: 15px;
}
.mid_wrap .cont_wrap.cont_program .program_wrap tbody th {font-weight: 500;}
.mid_wrap .cont_wrap.cont_program .program_wrap tbody td.pro_ttl {font-weight: bold;}
.mid_wrap .cont_wrap.cont_program .program_wrap tbody .pro_person_com {
  font-size: 13px;
  color: var(--c-txt-gray);
  font-weight: 400;
}

/* infomation */
.cont_box.bottom_wrap .cont_wrap .cont_ttl .cont_ttl_badge {
  background-color: var(--c-point-l);
  color: var(--c-point);
}
.bottom_wrap .info_wrap {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 25px;
}
.bottom_wrap .info_wrap .info_box {text-align: left;}
.bottom_wrap .info_wrap .info_box.info_apply {
  width: 70%;
  padding-right: 20px;
}
.bottom_wrap .info_wrap .info_box.info_contact {
  width: 30%;
  text-align: center;
}
.bottom_wrap .info_wrap .info_box.info_parking {
  width: 100%;
  padding-top: 20px;
}
.bottom_wrap .info_wrap .info_box .info_box_cont {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 350px;
  border: 2px solid var(--c-line);
  border-radius: 10px;
}
.bottom_wrap .info_wrap .info_box .info_box_img {
  width: 35%;
  max-width: 200px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bottom_wrap .info_wrap .info_box.info_apply .info_box_img {
  background-position: -300px center;
  background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/im_apply.jpg);
  transform: rotateY(180deg);
}
.bottom_wrap .info_wrap .info_box .info_box_txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 35px;
}
.bottom_wrap .info_wrap .info_box .info_box_txt .txt_badge {
  position: relative;
  padding: 0 2px;
  font-size: 13px;
  font-weight: bold;
}
.bottom_wrap .info_wrap .info_box .info_box_txt .txt_badge::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--c-point);
}
.bottom_wrap .info_wrap .info_box .info_box_txt .info_txt {
  margin-top: 75px;
  color: var(--c-txt-gray);
}
.bottom_wrap .info_wrap .info_box .info_box_txt .info_txt h3 {
  color: var(--c-bg-b);
  margin-bottom: 15px;
}
.bottom_wrap .info_wrap .info_box .info_box_txt .info_txt li {
  position: relative;
  margin-bottom: 4px;
  padding-left: 25px;
  font-size: 15px;
}
.bottom_wrap .info_wrap .info_box .info_box_txt .info_txt li:last-child {margin-bottom: 0;}
.bottom_wrap .info_wrap .info_box .info_box_txt .info_txt li::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 18px;
  height: 18px;
  padding-top: 1px;
  background-color: var(--c-box);
  border-radius: 100%;
  font-size: 11px;
  text-align: center;
  box-sizing: border-box;
}
.bottom_wrap .info_wrap .info_box .info_box_txt .info_txt li:first-child::before {content: "1";}
.bottom_wrap .info_wrap .info_box .info_box_txt .info_txt li:nth-child(2)::before {content: "2";}
.bottom_wrap .info_wrap .info_box .info_box_txt .info_txt li .txt_point {font-weight: bold;}
.bottom_wrap .info_wrap .info_box .info_box_txt .btn_link {
  margin-top: 20px;
  padding: 10px 35px 14px 40px;
}
.bottom_wrap .info_wrap .info_box.info_apply .info_box_txt,
.bottom_wrap .info_wrap .info_box.info_parking .info_box_txt {padding: 35px 40px;}
.bottom_wrap .info_wrap .info_box.info_contact .info_box_cont {
  background-color: var(--c-box);
  border-color: var(--c-box);
}
.bottom_wrap .info_wrap .info_box.info_contact .info_box_txt .info_txt h3 {margin-bottom: 30px;}
.bottom_wrap .info_wrap .info_box.info_contact .info_box_txt .info_txt li {
  overflow: hidden;
  background-color: var(--c-bg);
  border-radius: 10px;
  padding-left: 0;
}
.bottom_wrap .info_wrap .info_box.info_contact .info_box_txt .info_txt li:first-child {margin-bottom: 10px;}
.bottom_wrap .info_wrap .info_box.info_contact .info_box_txt .info_txt li::before {content: none;}
.bottom_wrap .info_wrap .info_box.info_contact .info_box_txt .info_txt li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 12px 10px;
  text-align: center;
  opacity: 0.7;
}
.bottom_wrap .info_wrap .info_box.info_contact .info_box_txt .info_txt li:hover a {opacity: 1;}
.bottom_wrap .info_wrap .info_box.info_contact .info_box_txt .info_txt li .ic {
  position: relative;
  top: 2px;
  margin-right: 1px;
  transition: 0.3s ease;
}
.bottom_wrap .info_wrap .info_box.info_contact .info_box_txt .info_txt li .ic.ic_mail {
  top: 3px;
  background-size: 18px;
}
.bottom_wrap .info_wrap .info_box.info_parking .info_box_cont {height: 430px;}
.bottom_wrap .info_wrap .info_box.info_parking .info_box_img {
  background-position: -42px center;
  background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/im_parking.jpg);
}
.bottom_wrap .info_wrap .info_box.info_parking .info_txt .ic.ic_priority {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: var(--c-point);
  background-size: 12px;
  background-position: 4px center;
  vertical-align: -4px;
}
.bottom_wrap .info_wrap .info_box.info_parking .info_box_txt .info_txt h3 {margin-bottom: 10px;}
.bottom_wrap .info_wrap .info_box.info_parking .info_box_txt .info_txt>div>span {position: relative;}
.bottom_wrap .info_wrap .info_box.info_parking .info_box_txt .info_txt>div>span::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: var(--c-highlihgt);
  z-index: -1;
}
.bottom_wrap .info_wrap .info_box.info_parking .info_loca {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.bottom_wrap .info_wrap .info_box.info_parking .info_loca li {
  width: 33.333%;
  text-align: center;
  margin-right: 20px;  
}
.bottom_wrap .info_wrap .info_box.info_parking .info_loca li:last-child {margin-right: 0;}
.bottom_wrap .info_wrap .info_box.info_parking .info_loca li>div {
  overflow: hidden;
  padding: 30px 20px;
  background-color: var(--c-bg);
  border-radius: 10px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}
.bottom_wrap .info_wrap .info_box.info_parking .info_loca .ic.ic_location {
  width: 24px;
  height: 24px;
  margin-bottom: 5px;
  background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/ic_location.svg);
}
.bottom_wrap .info_wrap .info_box.info_parking .info_loca .info_loca_ttl {
  margin-bottom: 1px;
  font-weight: bold;
}
.bottom_wrap .info_wrap .info_box.info_parking .info_loca .info_loca_sub {
  font-size: 14px;
  color: var(--c-txt-gray);
}

/*-------------------------------------------------------------------
  ## footer
-------------------------------------------------------------------*/
footer {
  padding: 40px 20px;
  background-color: var(--c-bg-b);
  text-align: center;
  font-size: 13px;
  color: var(--c-txt-gray-l);
  box-sizing: border-box;
}

/*----------------------------------------------------
    ## top button
----------------------------------------------------*/
.btn_totop_wrap {
  max-width: 1210px;
  margin: 0 auto;
}
.btn_totop {
  position: fixed;
  right: 2%;
  bottom: 2%;
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--c-bg);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  z-index: 1000;
}
.btn_totop .ic_arw {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(//bimg.mk.co.kr/2024/kpopstar/images/ic_top.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/*-------------------------------------------------------------------
  ## Media queries
-------------------------------------------------------------------*/
/* tablet */
@media only screen and (max-width: 768px) {
  /* header */
  .header_wrap {background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/im_bg_m.jpg);}
  .header_wrap::before {
    width: 100%;
    height: 40%;
    top: auto;
    bottom: 0;
    background-position: bottom center;
    background-size: cover;
    background-image: url(//bimg.mk.co.kr/2024/economy_forum/images/im_bgtop_m.png);
  }
  .header_wrap .top_ttl_box {
    align-items: center;
    padding-bottom: 170px;
  }
  .header_wrap .top_ttl_box .top_logo {
    width: 100%;
    height: 16px;
    background-position: center;
    background-size: contain;
  }
  .header_wrap .top_ttl_box .top_ttl {
    margin-top: 100px;
    text-align: center;
  }
  .header_wrap .top_ttl .ttl_badge span {
    margin-right: 5px;
    padding: 6px 15px;
    font-size: 12px;
  }
  .header_wrap .top_ttl .ttl_badge span:last-child{margin-right: 0;}
  .header_wrap .top_ttl h1 {
    width: 100%;
    height: 36px;
    margin: 20px auto 17px;
    background-size: contain;
    background-position: center;
  }
  .header_wrap .top_ttl p {
    width: 95%;
    margin: 0 auto;
    font-size: 15px;
  }
  .btn_link {
    font-size: 14px;
    padding: 14px 25px 14px 30px;
  }
  .header_wrap .btn_link {margin: 30px auto;}
  .gnb ul li a {
    padding: 18px 0;
    font-size: 15px;
  }

  /* intro */
  section.cont_box {padding: 50px 20px;}
  section.cont_box.top_wrap {padding-top: 20px;}
  .top_wrap .cont_overview {max-width: 100%;}
  .top_wrap .cont_overview .cont_txt_wrap {
    padding: 100px 20px;
    background-position: center;
  }
  .top_wrap .cont_overview .cont_txt_wrap .cont_txt h2 {
    width: 60%;
    margin: 10px auto 8px;
    font-size: 22px;
  }
  .top_wrap .cont_overview .cont_txt_wrap .cont_txt p {
    width: 80%;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.5;
  }
  .top_wrap .cont_overview .cont_desc_wrap {
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 20px;
  }
  .top_wrap .cont_overview .cont_desc_wrap p {padding-right: 0;}
  .top_wrap .cont_overview .cont_desc_wrap span.cont_desc_txt {
    width: 90%;
    margin: 15px auto 0;
  }
  .top_wrap .cont_overview .cont_desc_wrap span.cont_desc_txt>span {display: block;}
  .top_wrap .cont_overview .cont_info_wrap {
    flex-direction: column;
    gap: 10px;
    margin-top: 60px;
  }
  .top_wrap .cont_overview .cont_info_wrap .cont_info {
    width: 100%;
    max-width: 400px;
    height: 210px;
    padding: 30px 35px;
    margin: 0 auto;
  }
  .top_wrap .cont_overview .cont_info_wrap .cont_info:last-child {margin-top: 0;}
  .top_wrap .cont_overview .cont_info_wrap .cont_info .sub_badge {font-size: 11px;}
  .top_wrap .cont_overview .cont_info_wrap .cont_info .sub_ttl {margin-bottom: 2px;}
  .top_wrap .cont_overview .cont_info_wrap .cont_info::before {
    width: 45px;
    height: 45px;
  }
  .top_wrap .cont_overview .cont_info_wrap .cont_info.cont_info_point::before {
    width: 42px;
    height: 42px;
  }

  /* program */
  section.cont_box.mid_wrap {padding: 45px 0 50px 0;}
  .mid_wrap .cont_wrap {padding: 0;}
  .cont_box .cont_wrap .cont_ttl .cont_ttl_badge {
    padding: 6px 15px;
    font-size: 11px;
  }
  .cont_box .cont_wrap .cont_ttl h2 {font-size: 25px;}
  .cont_box .cont_wrap .cont_ttl p {
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
  }
  .mid_wrap .cont_wrap.cont_instructor .swiper_inst {
    margin-top: 25px;
    padding: 0 20px 35px;
  }
  .mid_wrap .cont_wrap.cont_instructor .swiper_inst .swiper-pagination {bottom: 0;}
  .mid_wrap .cont_wrap.cont_program {
    margin-top: 60px;
    padding: 0 20px;
  }
  .mid_wrap .cont_wrap.cont_program .program_wrap {
    max-width: 500px;
    background-color: transparent;
  }
  .mid_wrap .cont_wrap.cont_program .program_wrap colgroup col {width: 100%;}
  .mid_wrap .cont_wrap.cont_program .program_wrap thead {
    border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
  }
  .mid_wrap .cont_wrap.cont_program .program_wrap tbody tr,
  .mid_wrap .cont_wrap.cont_program .program_wrap tbody th,
  .mid_wrap .cont_wrap.cont_program .program_wrap tbody td {display: block;}
  .mid_wrap .cont_wrap.cont_program .program_wrap tbody tr {
    overflow: hidden;
    margin-bottom: 10px;
    background-color: var(--c-bg);
    border-bottom: 0;
    border-radius: 10px;
  }
  .mid_wrap .cont_wrap.cont_program .program_wrap tbody th {
    padding: 12px 10px;
    background-color: var(--c-blue);
    color: var(--c-bg);
  }
  .mid_wrap .cont_wrap.cont_program .program_wrap tbody td:first-of-type {
    padding: 15px 10px 2px;
    font-size: 15px;
  }
  .mid_wrap .cont_wrap.cont_program .program_wrap tbody td:last-of-type {
    padding: 0 10px 15px;
    font-size: 14px;
    color: var(--c-txt-gray);
  }
  .mid_wrap .cont_wrap.cont_program .program_wrap tbody .pro_person_com {font-size: 14px;}
  .mid_wrap .cont_wrap.cont_program .program_wrap tbody td p {display: inline;}
  .mid_wrap .cont_wrap.cont_program .program_wrap tbody tr.bg_blue td:first-of-type {padding: 20px 10px;}
  .mid_wrap .cont_wrap.cont_program .program_wrap tbody tr.bg_blue td:last-of-type {display: none;}

  /* infomation */
  .bottom_wrap .info_wrap {
    max-width: 400px;
    margin: 25px auto 0;
    flex-direction: column;
  }
  .bottom_wrap .info_wrap .info_box {margin-bottom: 10px;}
  .bottom_wrap .info_wrap .info_box:last-child {margin-bottom: 0;}
  .bottom_wrap .info_wrap .info_box.info_apply,
  .bottom_wrap .info_wrap .info_box.info_contact,
  .bottom_wrap .info_wrap .info_box.info_parking {
    width: 100%;
    padding: 0;
  }
  .bottom_wrap .info_wrap .info_box .info_box_cont,
  .bottom_wrap .info_wrap .info_box.info_parking .info_box_cont {
    height: auto;
    text-align: center;
  }
  .bottom_wrap .info_wrap .info_box.info_parking {padding: 0;}
  .bottom_wrap .info_wrap .info_box .info_box_cont {
    position: relative;
    display: block;
  }
  .bottom_wrap .info_wrap .info_box.info_apply .info_box_txt, 
  .bottom_wrap .info_wrap .info_box.info_parking .info_box_txt {padding: 35px 25px 155px;}
  .bottom_wrap .info_wrap .info_box .info_box_txt {
    position: relative;
    padding: 35px 25px;
    z-index: 1;
  }
  .bottom_wrap .info_wrap .info_box .info_box_txt .info_txt li {
    margin-bottom: 15px;
    text-align: left;
  }
  .bottom_wrap .info_wrap .info_box .info_box_txt .btn_link {
    margin: 30px auto 0;
    padding: 12px 30px 12px 35px;
  }
  .bottom_wrap .info_wrap .info_box .info_box_img {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    height: 200px;
  }
  .bottom_wrap .info_wrap .info_box .info_box_img::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, var(--c-bg), transparent);
  }
  .bottom_wrap .info_wrap .info_box.info_apply .info_box_img {background-position: center;}
  .bottom_wrap .info_wrap .info_box.info_parking .info_box_txt .info_txt>div {
    display: flex;
    align-items: flex-start;
  }
  .bottom_wrap .info_wrap .info_box.info_parking .info_txt .ic.ic_priority {
    flex: 0 0 20px;
    margin: 4px 8px 0 0;
    vertical-align: inherit;
  }
  .bottom_wrap .info_wrap .info_box.info_parking .info_box_txt .info_txt>div>span {
    text-align: left;
    font-size: 15px;
    line-height: 1.8;
  }
  .bottom_wrap .info_wrap .info_box.info_parking .info_box_txt .info_txt>div>span::after {content: none;}
  .bottom_wrap .info_wrap .info_box.info_parking .info_box_txt .info_txt .txt_point {position: relative;}
  .bottom_wrap .info_wrap .info_box.info_parking .info_box_txt .info_txt .txt_point::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: var(--c-highlihgt);
    z-index: -1;
  }
  .bottom_wrap .info_wrap .info_box.info_parking .info_loca {
    margin-top: 25px;
    flex-direction: column;
  }
  .bottom_wrap .info_wrap .info_box.info_parking .info_loca li {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .bottom_wrap .info_wrap .info_box.info_parking .info_box_img {background-position: center;}
  .bottom_wrap .info_wrap .info_box.info_parking .info_loca .ic.ic_location {margin-bottom: 2px;}
  .bottom_wrap .info_wrap .info_box.info_parking .info_loca .info_loca_ttl {font-size: 15px;}
  .bottom_wrap .info_wrap .info_box.info_parking .info_loca .info_loca_sub {font-size: 13px;}
 
  /* footer */
  footer {font-size: 12px;}

  /* top button */
  .btn_totop {
    right: 15px;
    bottom: 15px;
  }
}