/* webfont */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* --------------------- reset --------------------- */
* { margin:0; padding:0; box-sizing: border-box; }
li {list-style:none;}
a, a:hover, a:visited { text-decoration: none; color:inherit; }
div,span,p			{margin:0; padding:0;}
img					{border:0; vertical-align:middle;}
button				{margin:0;padding:0;background:none;border:0;}
header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
figure,
figcaption			{display:block;}
img,fieldset {border:0}
caption,legend {display:none;}
ul,ol,li {list-style:none;}
table {border-collapse:collapse;}
p { letter-spacing: normal !important; }

/* common */
body { font-family: 'pretendard'; font-size:16px; font-weight:normal; color:#333; line-height: 1.2; }

#event_banner { position:fixed; left:50%; bottom:0; z-index:96; margin-left:-600px; }
#event_banner > span { position:absolute; top:10px; right:10px; z-index:97; cursor:pointer; }

#wrapper { min-width:1440px; }

#layer_wrap { position:absolute; display:none; align-items:center; justify-content:center; width:100vw; height:100vh; background:rgba(0,0,0,0.7); z-index:99; }
.layer_popup2 { display:none; min-width:700px; border-radius:8px; padding:20px; background:#fff; }
.layer_popup2 .title_area { height:34px; display:flex; align-items:center; justify-content:space-between; }
.layer_popup2 .title_area h3 { font-size:18px; font-weight:600; }
.layer_popup2 .title_area .close_btn { cursor:pointer; }
.layer_popup2 .contents_area { height:auto; margin-top:15px; }
.layer_popup2 .contents_area .notice_txt { color:#aaa; font-size:15px; padding-top:20px; }
.layer_popup2 h4 { font-size:18px; font-weight:500; color:#aaa; }
.layer_popup2 .cs_info { margin-top:10px; }
.layer_popup2 .cs_info span { font-size:20px; font-weight:bold; }
.layer_popup2 .cs_info span:last-child { color:#1c6bf4; }

#layer_trriger2 { position:fixed; display:flex; flex-direction:column; align-items:center; justify-content:center; bottom:50px; right:50px; width:60px; height:105px; background:#1c6bf4; color:#fff; border-radius:99px; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.3)); z-index:98; }
#layer_trriger2:hover { background:#0851ce; cursor:pointer; }
#layer_trriger2 span { font-size:12px; text-align:center; margin-top:5px; }

header { display:flex; align-items:center; justify-content:space-between; width:100%; height:90px; padding:0 50px; background:#fff; }
header h1 { display:flex; align-items:center; }
header h1 > span.bar { display:inline-block; width:1px; height:32px; background:#eee; margin:0 30px; }
header h1 > span.description { font-size:24px; font-weight:bold; color:#333; }
header a.login_btn { font-size:20px; font-weight:400; color:#fff; padding:10px 30px; background:#1c6bf4; border-radius:99px; }
header a.login_btn:hover { background:#0851ce; }
header a.login_btn > span { font-weight:700; }

.swiper { width: 100vw; min-width:1440px; height:calc(100vh - 90px); }
.swiper-slide { min-width:1440px; position:relative; display: flex; justify-content: center; align-items: center; background-size:cover !important; }
.swiper-slide > .inner { min-width:1440px; height:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align:center; color:#fff; }
.swiper-slide h2 { font-size:66px; line-height:86px; font-weight:800; margin-bottom:30px; }
.swiper-slide p { font-size:24px; line-height:36px; font-weight:300; color:#eee; }
.swiper-slide ul { display:flex; justify-content:center; flex-wrap:wrap; max-width:900px; }
.swiper-slide ul li { padding:20px; background:#1c6bf4; color:#fff; font-size:20px; border-radius:12px; margin:7px 7px; }
.swiper-slide .img_wrap { margin-top:70px; }
.section_01 { background:url('../img/section_01_bg.png')center no-repeat; }
.section_02 { background:url('../img/section_02_bg.png')center no-repeat; }
.section_03 { background:url('../img/section_03_bg.png')center no-repeat; }
.section_04 { background:url('../img/section_04_bg.png')center no-repeat; }
.section_05 { background:url('../img/section_05_bg.png')center no-repeat; }

.swiper-pagination-bullet { width:40px !important; height:40px !important; background:#fff !important; opacity:1 !important; margin:30px 0 !important; }
.swiper-pagination::before { position:absolute; top:50%; left:50%; content:''; width:1px; height:320px; border-right:1px dashed rgba(255,255,255,0.2); margin-top:-160px; }
.swiper-pagination-bullet-active { background:#1c6bf4 !important; }
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { left:50px !important; right:unset !important; color:#fff; }
.swiper-pagination-bullet { position:relative; }
.swiper-pagination-bullet > span { position:absolute; font-size:18px; }
.swiper-pagination-bullet > .num { display:flex; align-items:center; justify-content:center; width:40px; height:40px; top:50%; left:50%; margin-top:-20px; margin-left:-20px; font-weight:900; color:#BCBCBC; }
.swiper-pagination-bullet > .label_txt { top:50%; left:50px; width:300px; text-align:left; font-weight:bold; margin-top:-11px; opacity:0; }
.swiper-pagination-bullet-active > .num { color:#fff; }
.swiper-pagination-bullet-active > .label_txt { opacity:1 !important; }

.swiper-pagination-bullet:first-child > .num { visibility: hidden; }
.swiper-pagination-bullet:first-child > .num:before { position:absolute; top:0; left:0; content:''; width:40px; height:40px; background:url(../img/bullet_logo_off.png)center no-repeat; visibility: visible; }
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active > .num::before { content:''; background:url(../img/bullet_logo_on.png)center no-repeat; }