@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/* ==========================================================================
   basic
   ========================================================================== */

body {font-family:'Pretendard','Poppins', 'Malgun Gothic', 'Open Sans', 'Verdana', 'Geneva', sans-serif; line-height: 1.5; font-weight: 500; font-size: 16px; overflow-x: hidden; letter-spacing: -0.03em; word-break: keep-all;}

h1, h2, h3, h4, h5, h6 {font-weight: 400; color: #101010;}
a {color: #333; transition: all 0.3s ease-in-out;text-decoration: none;}
a:hover, a:focus, a:active, a:link, a:visited {color: #333; text-decoration: none !important;outline: none;}
img {max-width: 100%; height: auto;}
ul, li {list-style: none; padding: 0; margin: 0;}
b, strong { font-weight:bold; }
.wh {color:#fff;}
.tr {text-align: right;}
.tl {text-align: left;}
.tc {text-align: center;}
.f14 {font-size:14px;}
h2 {font-size:24px; color:#004ee3; margin-top:0; margin-bottom:20px; line-height: 1.0; letter-spacing: -0.5px;}
h2 span {display: block; font-size: 37px; }
h3 {font-size:20px; color:#231f20; margin-top:0; margin-bottom:10px}
h4 {font-size:18px; color:#231f20; margin-top:0; margin-bottom:10px}

ul {padding-left: 17px;}
.section_spacing {padding: 50px 0;}

/* ==========================================================================
   nav 
   ========================================================================== */
.nav > li { text-align: center; margin:0 10px; }
.nav > li:last-child { margin: 0;}
.nav > li > a { padding: 16px 15px; ext-align: center;}

.logo-brand img { padding: 1em 0 1em 1em; }
.logo-brand {font-size: 32px; font-weight: bold; color: #333; font-family: GMarketSans;}
.logo-brand a {color: #333;}

.navbar-toggle {margin-top:0.5em;}
.navbar-default {background-color: rgba(255, 255, 255, 1); border:none;}

.logo-nav { display: none; }

.navbar-default.stuck .logo_head { display:none; }
.navbar-default.stuck .logo-nav { display:block; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#06aad0; transition: all 0.3s ease-in-out;}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #fff; }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav > li > a:focus {color:#333; font-weight:bold; }
.navbar-default .navbar-nav > li > a:hover { color:#333; }

.navbar-default.stuck .navbar-nav>li>a {border:none;font-size: 20px;}
.navbar-default.stuck .navbar-nav > li > a:hover, .navbar-default.stuck .navbar-nav > li > a:focus {color:#008fbe;}
/* .navbar-default.stuck .navbar-nav > li:nth-child(5) > a:hover, .navbar-default.stuck .navbar-nav > li:nth-child(5) > a:focus {color:#fff;}*/

.navbar-nav .bttn {display: none; border: 0;}
.navbar-default.stuck .navbar-nav .bttn:hover, .navbar-default.stuck .navbar-nav .bttn:focus {background:#008fbe!important; border:0!important; color:#fff;}
.navbar-default.stuck .navbar-nav .bttn {display: inline-block;padding:10px 20px;margin-bottom: 0;background:#000;color: #fff;border-radius: 30px;/* margin-top: 6px; */z-index: 1001;}
.navbar-default.stuck {position: fixed;width: 100%; top: 0; left: 0; z-index: 10; -webkit-animation: fadeInDown 1s both; animation: fadeInDown 1s both;  transition: margin-top 200ms linear; padding: 10px 0;}

@-webkit-keyframes fadeInDown {
	0% {opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}

@keyframes fadeInDown {
	0% {opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px);}
	100% {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
}

/* ==========================================================================
   main_visual
   ========================================================================== */
.main_visual {background: url(../images/aw_korea_bg_04.jpg) center center no-repeat scroll;background-size: cover;padding: 0 0 6em;position: relative;}
.visual_text { text-align: left;padding-top: 85px;  position: relative;}
.visual_text h2 {color: #fff; font-family: GMarketSans;font-size: 115px;font-weight:700;}
.visual_text h2.slogan_year {font-weight:300;font-size: 115px;}
.visual_text h3 {color: #fff; font-size: 24px; padding: 0 0 25px 0; font-family: GMarketSans; font-weight: 500;}
.visual_text h3 span {color: #00ffff;}
.visual_text div {margin-top: 40px;}
.visual_text ul {list-style: none; padding: 0; margin: 0;}
.visual_text ul li {display: flex;font-family: GMarketSans;color: #fff;font-size: 22px;font-weight: 400;margin-bottom: 10px;}
.visual_text ul li span {color: #00ffff;border: 3px solid #00ffff;padding: 3px 15px 0px;font-weight: 500;border-radius: 30px;}
.visual_text ul li span.sty02 {padding: 7px 0 0 19px;color: #fff;border: none;font-weight: 400;}
.visual_text p {/* color: #282828; *//* font-size: 1.38em; */}
.visual_a {position: absolute;top: 280px;left: 528px;}
.visual_x {position: absolute;top: 132px;left: 791px;}
.main_visual_btn {color: #FFFFFF;  background: #1b2024;  border: 2px solid #fff;  font-weight: 700;  padding:.7em 2.71em .5em; letter-spacing: -0.01em;  border-radius: 35px;
  display: inline-block;  white-space: nowrap;  vertical-align: middle;  transition: all 0.3s ease-in-out;  text-shadow: 0 1px rgba(0,0,0,0.1);}
.spot{ overflow:hidden;position:relative;width:100%;height:980px; background-color:#051029;z-index:1;}
.ani_shape{display: block; width: 2240px; height: 6660px; position: absolute; top: 0; left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.ani_shape:after{ content: ""; display: block; width: 100%; height: 100%; margin: 0 auto; background: url("../images/bg_loop.png") no-repeat; background-size: cover; -webkit-background-size: cover; background-position: 50% 50%; animation: ani_moving 50s linear infinite forwards; -webkit-animation: ani_moving 50s linear infinite forwards;}
/* spot 애니메이션 */
@keyframes ani_moving {
    from {
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    to {
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
}

/* ========================================
   1) 텍스트 순차 등장 (왼→오 + 페이드인)
   ======================================== */
.visual_text h3,
.visual_text h2,
.visual_text > p:not(.visual_x):not(.visual_a) {
  opacity: 0;
  transform: translateX(-120px);
  animation: slideInLeft 0.9s ease forwards;
}

.visual_text h3:nth-of-type(1) {
  animation-delay: 0.2s;
}
.visual_text h2:nth-of-type(1) {
  animation-delay: 0.5s;
}
.visual_text h2:nth-of-type(2) {
  animation-delay: 0.8s;
}
.visual_text h2:nth-of-type(3) {
  animation-delay: 1.0s;
}
.visual_text > div:first-of-type {
  animation-delay: 2.3s;
}

@keyframes slideInLeft {
  0%   { opacity: 0; transform: translateX(-120px); }
  100% { opacity: 1; transform: translateX(0); }
}


/* ========================================
   2) visual_x, visual_a 초기 상태 (숨김)
   ======================================== */
.visual_text .visual_x,
.visual_text .visual_a {
  opacity: 0;
  transform: translateX(-80px);
}

/* 슬라이드인 (텍스트 다 나온 뒤 등장) */
.visual_text .visual_x.slide-in {
  animation: slideInLeft 0.9s ease forwards;
}
.visual_text .visual_a.slide-in {
  animation: slideInLeft 0.9s ease forwards;
}

/* 슬라이드인 끝난 뒤 → 둥둥 떠다니기 */
.visual_text .visual_x.floating {
  opacity: 1;
  transform: translateY(0);
  animation: floatX 2s ease-in-out infinite;
}
.visual_text .visual_a.floating {
  opacity: 1;
  transform: translateY(0);
  animation: floatA 1.3s ease-in-out infinite;
}


/* ========================================
   3) 둥둥 떠다니는 키프레임 (각각 다른 리듬)
   ======================================== */
@keyframes floatX {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-16px); }
  100% { transform: translateY(0); }
}

@keyframes floatA {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-20px); }
  100% { transform: translateY(0); }
}




/* ==========================================================================
   about  
   ========================================================================== */   
.about {background: #;padding: 50px 0 0px;}
.about h2 {text-align: center; font-size: 48px; font-weight:700;padding:40px 0; line-height: 1.3}
.about h2 span {display:block}
.about p {font-size: 18px;font-weight: 400;/* line-height: 1.5; *//* letter-spacing: -0.5px; */margin: 0 0 15px 0;/* text-align: justify; */}


/* ==========================================================================
   프로그램
   ========================================================================== */
table {	width:100%; border-collapse:collapse; border: 1px solid #c5d2e5}
.program th { color:#004ee3;text-align: center; background-color: #eef0f9;}  
.program td, .program th {padding:10px 5px; letter-spacing: 0; line-height:1.3; border-top: 1px solid #c5d2e5;border-right: 1px solid #c5d2e5; text-align: center; vertical-align: top;}
.program td:first-child { border-right: 1px solid #c5d2e5}
.program td:last-child {border-right: 0px solid #c5d2e5}
.program td.time {font-size:14px;}
.program .ses {font-weight: 600; word-spacing: -0.01em; font-size: 16px;}
.program tr td:first-child {  font-weight: 600 }
.program .mark {font-weight: 600;  font-size:14px; background-color:#e5f3ff; color:#007cef; padding:0 4px 0 4px; margin-bottom:1px; margin-right:5px; display:inline-block; vertical-align:middle;}
.program .sp {display: block; margin-top:5px; font-size:14px; line-height:1.3; color:#505050; }  
.program .point_bg {background-color: #F3F4FA;}
.track1 {background-color: #032c80; color: #fff;font-weight:bold;}
.track2 {background-color: #2b70f3; color: #fff;font-weight:bold;}
.track3 {background-color: #c52974; color: #fff;font-weight:bold;}

   
/* ==========================================================================
   speaker
   ========================================================================== */
.speaker_tit, .sponsor_tit { border-radius: 5px;  padding: 13px;  text-align: center;}
.general {background: #1F3A5F;}
.track1 {background: #0f1279;}
.track2 {background: #9701ec;}
.track3 {background: #0096C7;}
.track4 {background: #7C3AED;}
.track1_bg {background: #f3f3f8;}
.track2_bg {background: #faf2fe;}
.track3_bg {background: #f2fafc;}
.track4 {background: #7C3AED;}
.speaker_h3, .sponsor_h3 {color: #fff; margin: 0;font-weight: bold;}
.speaker_box {gap:4rem; display:flex;margin: 50px 0; border-bottom: 1px solid #eee; padding-bottom: 50px;}
.speaker_box:first-child {margin-top:0;}
.speaker_box:last-child {border-bottom: 0px solid #eee;margin-bottom: 0;padding-bottom: 0;}
.speaker_pic  {min-width: 150px;padding: 5px 0 0 0;}

.speaker_pic img {width: 100%;height: auto;/* max-height: 100px; *//* object-fit: contain; */}
.speaker_info h3 {color: #303192;font-weight: 700;margin-bottom: 0;}
.speaker_info a {color:#ababab;}
.speaker_info div {font-size: 15px;line-height: 1.5;margin: 10px 0 0 0;}
.speaker_box ul.list, .sponsor_box ul.list {padding: 20px 20px 20px 19px;/* background-color: #f5f7fa; */margin: 0px 0 0 0;}
.speaker_box ul.list li, .sponsor_box ul.list li {list-style: disc;line-height: 1.5;margin-bottom: 7px;font-size: 15px;}
.speaker_info span.name {color:#000;}
.speaker_info span.company {color:#999;margin-left:10px;}

.section_spacing header h2 {margin: 0 0 24px; font-size: 34px; color: #101010; font-weight:800;}

/* ==========================================================================
   sponsor
   ========================================================================== */
.sponsor_tit .general {background: linear-gradient(to right, #011131, #004c93, #011131);}
.diamond {background: linear-gradient(to right, #006D77, #00C6D7, #006D77);}
.plannedum {background: linear-gradient(to right, #4B4F54, #8E9AA0, #4B4F54);}
.gold {background: linear-gradient(to right, #9E7C19, #D4AF37, #9E7C19);}
.silver {background: linear-gradient(to right, #7E7E7E, #C9C9C9, #7E7E7E);}
.bronze {background: linear-gradient(to right, #6E4423, #C07A3A, #6E4423);}
.sponsor_box {gap:4rem; display:flex;margin: 50px 0; border-bottom: 1px solid #eee; padding-bottom: 50px;}
.sponsor_box:first-child {margin-top:0;}
.sponsor_box:last-child {border-bottom: 0px solid #eee;}
.sponsor_logo  {/*flex: 0 0 auto;*/ width: fit-content; min-width: 250px; border-radius: 8px; border: 1px #e0e0e0 solid; text-align: center; padding: 15px 30px; background: #fff; display: flex; align-items: center; justify-content: center;}
.sponsor_logo img {width: 100%; height: auto; max-height: 100px; object-fit: contain;}
.sponsor_info h3 {color: #303192; font-weight: 700;display: inline; padding-bottom:10px;margin:0 15px 10px 0}
.sponsor_info a {color:#ababab;}
.sponsor_info div {font-size: 15px; line-height: 1.5; margin:15px 0 0 0;}


/* ==========================================================================
   등록안내
   ========================================================================== */
.price_spacing { gap: 4rem;  display: flex; }
.price_box {/* padding: 0 30px 30px; */border: 1px solid #ccc;background-color: #fff;border-radius:10px;text-align: center;margin-bottom: 20px;width: 100%;}
.price_box .header {background:#0f1279;padding:  1.23em 0 1.13em;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.price_box .header h4 {margin: 0;font-size: 23px;font-weight: 600;color: #fff;}
.price_features {padding: 27px 30px 34px;}
.price_features li {/* padding: 27px 30px 34px; */font-size:18px;border-bottom: 1px dotted #ddd;padding: 0;}
.price_features li:last-child {border: none;}
.price_features .price {/* margin-bottom: 27px; *//* padding-bottom: 25px; *//* border-bottom: 1px solid #e7e7e7; */line-height: 1;font-size: 35px;color: #373a3e;font-weight: 800;}
.price_features h5 { margin: 10px 0; color: #101010; font-size: 19px; font-weight: 700;}
.price_features p {color: #999;}

/* ==========================================================================
   gift
   ========================================================================== */
.gift_spacing {gap: 4rem; display: flex;}
.gift_box {padding: 0 30px 30px; border: 1px solid #ccc; background-color: #fff; border-radius:10px; text-align: center;margin-bottom: 20px; width: 100%;}
.gift_box img {display: inline-block; margin: 41px 0 32px;}
.notice {font-size: 16px; color:#999;margin-bottom:20px;}

.gift_box .header {background:#253141; padding:  1.23em 0 1.13em;}
.gift_box .header h4 {margin: 0;}


.gift_box .header2 {background: #fff; color: #0f172a; border-radius: 10px 10px 0 0; padding: 2.19em 0 1.5em; border-bottom: 1px solid #e7e7e7;}
.gift_box .header2 h4 {font-size: 24px; margin-bottom: 0; color: #101010; margin-top: 0;}

.gift_box h5 {margin: 0; font-size: 18px; color:#fff; font-weight: 300;}
.gift_box ul li h4 {margin: 0; color:#241a85; font-size: 22px; font-weight: 600;}
.gift_box ul li h5 {margin-top: -5px; margin-bottom: 10px; color:#101010;  font-size: 19px; font-weight: 700;}
.gift_box ul li p {color:#999;  font-size: 16px; font-weight: 500; line-height: 1.18;}

.gift_box .hotel-details p strong {font-size: 20px;}
 
 
 /* ==========================================================================
   10.찾아오시는 길
   ========================================================================== */

.venue {background: url("../images/venue-bg.jpg") center center no-repeat fixed; background-size: cover; position: relative; color: #fff;}
.venue::before { background: rgba(0, 0, 0, 0.5); }
.venue header h2 {font-size: 36px; font-weight: 700; margin-top: 0; color: #fff;}
.venue address p {color: #fff; font-size: 18px;}
.venue address p:first-child {}
.venue address i {padding-right: .3em; font-size: 1.4em;}
.venue address a {color: #fff;}
.venue address .map-link {font-size: 16px; text-decoration: underline; color: #fff;}

.map-link a { color: #fff;display: block; }

.venue .map .root_daum_roughmap {width:100% !important;}
.venue .map .root_daum_roughmap .wrap_map {height:400px !important;}
.root_daum_roughmap .cont {display: none;}
   

/* ==========================================================================
   18.Contact
   ========================================================================== */
.section_spacing header h2 {margin: 0 0 50px;}   



.section_spacing header h3 {font-size: 20px;  margin: 0 0 48px; font-weight: 400; line-height: 1;}   
.section_spacing header h3 span{display: block; font-size: 16px; margin-top: 5px;}   


/* ==========================================================================
   footer
   ========================================================================== */
.footer { background-color: #f8f9fa; padding: 40px 0; border-top: 1px solid #e9ecef; color: #666;  font-size: 14px;  line-height: 1.8;ext-align: center;}
.footer .footer_info span { display: inline-block; margin-right: 15px; position: relative;}
.footer .footer_info span:not(:last-child):after { content: '|'; position: absolute; right: -10px; top: 0; color: #ccc;}

/* 줄바꿈 시 구분선 제거 */
.footer .footer_info br + span:before, .footer .footer_info span:first-child:before { display: none;}
.footer .copyright { margin-top: 20px; font-weight: 600; color: #333; text-transform: uppercase;}


/* ==========================================================================
   스티키 퀵메뉴
   ========================================================================== */

.quick-menu { position: fixed; right: 20px;top: 80%;transform: translateY(-50%); z-index: 99999; display: flex; flex-direction: column; gap: 12px;}
.quick-menu__btn { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 50%; background-color: #a722ce; color: #fff; text-decoration: none; text-align: center; cursor: pointer; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 4px 15px rgba(211, 47, 47, 0.4); -webkit-tap-highlight-color: transparent; outline: none; font-family: inherit;padding: 0;border: none;}
.quick-menu__btn:hover { background-color: #a722ce; transform: scale(1.12); box-shadow: 0 6px 24px rgba(183, 28, 28, 0.55);}
.quick-menu__btn:active { transform: scale(0.96); box-shadow: 0 2px 8px rgba(183, 28, 28, 0.3);}
.quick-menu__text { font-size: 16px; font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; color: #fff; pointer-events: none; word-break: keep-all; font-family: GMarketSans;}
.quick-menu__btn--top .quick-menu__text { font-size: 16px; font-weight: 500; letter-spacing: 0.05em; font-family: GMarketSans;}

/* ===== Mobile (≤768px) ===== */
@media screen and (max-width: 768px) {
  .quick-menu { right: 12px; gap: 8px; }
  .quick-menu__btn { width: 100px; height: 100px; }
  .quick-menu__text {  font-size: 16px; line-height: 1.4; font-weight: 500;}
  .quick-menu__btn--top .quick-menu__text {font-size: 16px; font-weight: 400; }
}
/* ===== Small Mobile (≤480px) ===== */
@media screen and (max-width: 480px) {
  .quick-menu { right: 8px; gap: 6px; }
  .quick-menu__btn { width: 48px; height: 48px; border-width: 1.5px; }
  .quick-menu__text { font-size: 8px; }
  .quick-menu__btn--top .quick-menu__text { font-size: 10px; }

}
/* ==========================================================================
   모달 팝업
   ========================================================================== */
.black_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: black; z-index: 1001; opacity: .80;}
.white_content { display: none; position: fixed;top: 25%; left: 25%; width: 50%; height: 50%; padding: 16px; border: 16px solid #000000; background-color: white; z-index: 1002; overflow: auto;}


/* 모달팝업 */
.modal-open .page-wrapper {-webkit-filter: blur(3px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);	filter: blur(5px);}
.modal-dialog { margin: 30px auto; border: 2px solid #333;}
.modal-content {-webkit-border-radius: 0px;	-moz-border-radius: 0px;border-radius: 0px;}
.modal-header { padding: 15px; border-bottom: 0px solid #e5e5e5;}
.modal-body {padding-bottom: 0;}
.modal-content .modal-header {	background-color: #fff; position: relative;}
.modal-header .btn-close {position: absolute; top: 25px; right: 20px; opacity: 1; background-size: 21px;}
.modal-content .modal-title {font-size: 32px;color: #333;border-bottom: 1px solid #ccc;padding-bottom: 15px;width: 100%;font-weight: 600;}
.modal-footer { padding: 15px; text-align: center; border-top: 0px solid #e5e5e5; display: block;}
.modal-footer .btn {margin: 0; width: 100%; padding: 10px 0; border-radius: 5px; background-color: #004ee3; color: #fff; font-weight: 500; font-size: 16px;}
.pop_co {padding:10px;background-color: #eee;margin-bottom: 10px;}
.close {font-size: 3.5rem;font-weight: 300;line-height: 3.5rem;color: #000;text-shadow: 0 0 BLACK;box-sizing: content-box;width: 1em;height: 1em;padding: 0;position: absolute;top: 0;right: 0;padding: 0 !important;margin: 0 !important;}	
.stb_form_set_input, .stb_form_set_select {  display: block; width: 100%;  height: 4.25rem;  padding: 1rem !important; border: 1px solid #D4D4D4 !important;  background-color: #f9f9f9 !important; border-radius: 0.5rem; font-weight: 400; font-size: 1.5rem!important; transition: all 0.2s ease-in-out; box-sizing: border-box; }
.row_gap_box { column-gap: 1rem; row-gap: 1rem; width: 100%; display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
.row_gap_box label {font-weight: 500; font-size: 14px;margin-bottom:0;}
.input_red {color: #D32F2F;}
.stb_form_policy {padding: 20px 0 0;}
.stb_form_policy label {font-size: 14px; font-weight:400;margin-bottom: 0;}
.stb_asterisk {color: #D00003;padding-left: 5px;}
.form_notice {font-size: 14px; text-align: right; padding: 5px 0; color: #666;}
/* 아코디언 패널 기본 숨김 */
.panel {
    display: none;
    padding: 12px 16px;
    background-color: #f0f4ff;
    border-left: 4px solid #004ee3;
    border-radius: 0 0 6px 6px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    overflow: hidden;
}

/* 트리거 버튼 스타일 */
#trigger-1 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 8px;
    padding: 3px 10px;
    font-size: 13px;
    background-color: #004ee3;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}
#trigger-1:hover {
    background-color: #0039b3;
}

/* 열림 상태 화살표 표시 */
#trigger-1::after {
    content: '▼';
    font-size: 10px;
    transition: transform 0.3s;
    display: inline-block;
}
#trigger-1.active::after {
    transform: rotate(180deg);
}
/* 반응형 */
    @media (max-width: 768px) {
        .row_gap_box {grid-template-columns: 1fr;}
    }
    @media (max-width: 480px) {
        .stb_form_set_input, .stb_form_set_select {font-size: 0.98em; padding: 0.9em;}
    }

/* ==========================================================================
   20.Small devices 
 ========================================================================== */

 @media (max-width:768px) {
	.reg_btn_box {flex-direction: column; gap: 20px; margin-top: 35px;}
	.reg_btn_box p, .reg_input_box {margin: 0;}
	.nav > li > a {padding: 12px 6px; text-align: center;font-size: 18px;}
	.navbar-default.stuck { padding: 5px 0;}
	.logo-brand { font-size: 24px; font-weight: bold; color: #333; display: block; padding: 7px 0 0 20px;}
	.visual_text {padding-top: 0px;}
	 .visual_text h3 { font-size: 18px;}
	 .visual_text h2.slogan_year {/* font-size: 80px; */}
	 .visual_text h2 { font-size: 95px;}
	 .visual_text ul li {font-size: 16px; letter-spacing: 0;}
	 .visual_text ul li span { border: 2px solid #00ffff;}
	 .section_spacing {margin: 30px 0;padding: 0;}
	 .section_spacing header h2 { margin: 30px 0 50px;}
	 
	.hero-section {background: url(file:///D|/01.%EC%97%85%EB%AC%B4/%EB%91%90%EB%B9%84%EC%A6%88/img/bg_top_m.jpg) left 25% center no-repeat scroll;
		background-size: cover; padding: 0 0 9em; position: relative; color: #fff;}
	 
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #0b4dc6;}
	.navbar-default.stuck .navbar-nav .bttn { padding: .75em 2em;  margin-bottom: 1em;  background: #0b4dc6;  color: #fff;}

	
	 
	.visual_text { margin: 3em 0 3em;}
	.visual_text h2 {/* font-size: 22px; *//* font-weight: 500; *//* line-height: 1.3; */}
	.visual_text h3 {/* font-size:37px; *//* font-weight: 700; *//* line-height:1.3; *//* margin-bottom:.8em; */}
	.visual_text p {font-weight: 400; font-size: 18px; display:block; margin-bottom: 5px;}
	.visual_text p span {font-weight: 500; font-size: 20px; margin-left: 13px;}

	.section_spacing h2 {font-size:22px; text-align: left; margin-bottom:1em; line-height:1.4;}

	.section_spacing header h2 {font-size: 22px;}
	.section_spacing header h3 {font-size: 16px;  margin: 0 0 30px;}
	.section_spacing header h3 span {font-size: 15px;}

	.countup {gap: 20px;}
	.countdown_box {width: 105px; height: 115px;}
	.countdown_box span {font-size: 18px;}
	 
	.timeline .time_tit h3 { font-size: 22px;}
	.timeline_box_paddingl  {padding: 0;}
	.timeline_box_padding 	{padding:0;}
	.timeline_box_paddingr  {padding:0;}
	
	.timeline .event1 .txt_box h4 {font-size: 16px;}
	 
	.pricing > .container > .row > .col-md-4 {margin-bottom: 1.5em;} 
	
	.gift_box-features {padding: 0.75em 0;}
	 
	.gift_box h4 { font-size: 18px; font-weight: 500;}
	.gift_box p span {display: inline-block;}
	.gift_box ul li h4 {font-size: 20px;}
	.section_spacing p {font-size: 16px;}
	.gift_box-features li { border-bottom: 1px dotted #ddd; padding: 12px 0; color: #888; font-weight: 300;}
	.gift_box-features li p span {display: block;}
		 
	.gift_box .header2 h4 {font-size: 22px; margin-bottom: 0;}
	.early_text ul li h5 {margin-top: 5px;}
	
    
	.gift_box .gift_name {font-size: 18px; font-weight: 500; margin-top: 1em; margin-bottom: 3px;}
	 
	.section_spacing .pricing_text {margin: 15px 0px 0px; font-size: 16px; color: rgb(236, 75, 78); font-weight: 500;}	 
	.section_spacing .pricing_text span {display: block;}

	.section_spacing p {margin-bottom: .7em;}
	.venue address p {font-size: 17px;}
	.venue address p:last-child {margin-top: 30px;}


	.hero-section {background-position: left 30% center;}

	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {font-weight: 500;}
	.action-btn .bttn:last-child {margin-bottom: 0;}
	.action-btn .bttn:last-child:hover {margin-bottom: 0;}
	.gift_spacing,.price_spacing {gap: none; display: block;}
}

/* ==========================================================================
   21.tablets devices / 768px and up
 ========================================================================== */
@media (min-width: 768px) {
	.hero-section {background: url(file:///D|/01.%EC%97%85%EB%AC%B4/%EB%91%90%EB%B9%84%EC%A6%88/img/bg_top_m.jpg) left 35% center no-repeat scroll;
		background-size: cover; padding: 0 0 9em; position: relative; color: #fff;}
	.action-btn .bttn:last-child {font-size: 24px;}
	.action-btn .bttn:last-child {  margin-bottom: 2em;  background: #2f2f2f;  border: 2px solid #2f2f2f;  color: #fff;}
	
	.logo-brand img {padding: 0; padding-top: 0px; width: 100%;}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-right: -15px;  margin-left: 0;}
	
	/*네비 세팅*/s
	.nav > li > a {padding: 11px 3px; font-size: 16px; font-weight: 300;}	
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {font-weight: 600; border: none;}	  	
	.navbar-default.stuck .navbar-nav .bttn {padding: .7em 1.1em;  background: #0b4dc6;  color: #fff;}	
	
	.visual_text h2 {/* font-size: 23px; *//* font-weight: 500; */}
	.visual_text h3 {/* font-size:52px; *//* line-height:1.3; *//* margin-bottom:.7em; */}
	.visual_text p {/* font-weight: 400; *//* font-size: 20px; *//* display:block; *//* margin-bottom: 3px; */}
	.visual_text p span {font-weight: 500; font-size: 20px; }
	
	.gift_box h4 { font-size: 18px; font-weight: 500;}
	.gift_box p span {display: inline-block;}
	.gift_box ul li .price_spacing {margin-bottom: 25px;}
	.gift_box ul li .price_spacing2 {margin-bottom: 0px;}
	.section_spacing h2 {margin-bottom: 1em;  font-size: 26px;}
	
	.gift_box .header2 h4 {font-size: 22px;}
	.early_text ul li img {max-width: 70%;}
	
	
	.gift_box .gift_name {font-size: 18px;  font-weight: 500; margin-top: 1em; margin-bottom: 3px;}

	
	.event h3 {line-height: 1.5;} 
	

	.venue address p:last-child {margin-top: 50px;}

}

/* ==========================================================================
   22.Medium devices (desktops, 992px and up) 
========================================================================== */
@media (min-width: 992px) {	
	
	.hero-section {background: url(file:///D|/01.%EC%97%85%EB%AC%B4/%EB%91%90%EB%B9%84%EC%A6%88/img/bg_top.jpg) center center no-repeat scroll;
		background-size: cover; padding: 0 0; position: relative; color: #fff; overflow: hidden;}
	
	.action-btn .bttn:last-child { margin-bottom: 5em;}
	
	/*네비 세팅*/
	.nav > li > a {padding: 13px 15px 5px;} 		
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {font-weight:600; color: #2f2f2f; }	 
 	.navbar-default.stuck .navbar-nav .bttn {padding: .75em 1.7em;background: #000;color: #fff;}
	 .navbar-default.stuck .navbar-nav>li>a {color: #2f2f2f;}
	
	
	
	.set2 .visual_text {margin: 0em 0 0;text-align: left;}
	.visual_text h2 {/* font-size: 24px; *//* font-weight: 400; */}
	.visual_text h3 {/* font-size: 65px; *//* line-height:1.12; *//* margin: 0; *//* letter-spacing: -0.03em; *//* font-weight: 700; */}
	.visual_text p {/* font-weight: 500; *//* font-size: 27px; *//* display:block; *//* margin-bottom: 5px; */}
	.visual_text p:last-child { margin-bottom: 0;}
	.visual_text p span {font-weight: 500; font-size: 27px;}
	
	.section_spacing {padding: 3.5em 0 3.5em;}	

	
	
	.gift_box ul li{ font-size: 18px;}
	.gift_box h4 {font-size: 23px;  font-weight: 600; }
	.gift_box .gift_name {font-size: 22px;  font-weight: 700; margin-bottom: 9px;}
	.col-md-12 .gift_box .gift_name {font-size: 23px;  font-weight: 700; margin-bottom: 11px;}
	.gift_box .gift_name strong {color: #098955; font-weight: 700;}
	.gift_box ul li p {margin-bottom: 0;}
	.gift_box ul li .price_spacing {margin-bottom: 25px;}
	.gift_box ul li .price_spacing2 {margin-bottom: 0;}
	.gift_box ul li .price_spacing2 .text_bold {font-weight: 700; color: #0048c5;}

	
	.gift_box .header2 h4 {font-size: 27px; font-weight: 700;}
	
	/*스폰서 패딩*/
	.sponsor_padding {padding-left: 52px;}
	
	/* 부트스트랩 */
	.row {margin-right: -17px;  margin-left: -15px;}
	

	
	
	.site-footer p {font-size: 14px;  color: #abbeca;  margin-bottom: 5px; font-weight: 400;}