@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{	
	padding:0px;
	margin:0px;
	vertical-align:top;	
	white-space:normal;
	word-wrap: break-word;
	word-break: break-all;
}
html {font-family:'Noto Sans KR', sans-serif;font-weight:400;text-align:left;font-size:16px;line-height:1;word-break:break-all;overflow-y:auto}
html, body {width:100%;height:100%;-webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{min-width:1280px;background-color:#000;}
ul, ol {list-style-type:none}
h1,h2,h3,h4,h5,h6,th{font-weight:500}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0;outline:none}
label {cursor:pointer}
i, em, address {font-style:normal}
caption,legend{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px}
img{max-width:100%}

/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}

input,
select {font-family:'Noto Sans KR', sans-serif;font-weight:400;}
button {font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:16px; padding:0; border:none; outline:none; background:none; cursor:pointer;}
a {text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
a:link, a:visited {text-decoration:none;color:inherit;}
a:hover, a:focus, a:active{background:none;text-decoration:none;}
/* 공통 > 비디오 컨텐츠 */
.iframe-video-player {position:relative; max-width:59.37vw; margin:0 auto; border:1px solid #000;}
.iframe-video-player .btn-pop-close {}
.iframe-video-player .video-wrap {background:#000;}
.iframe-video-player .video-wrap iframe {border:none; outline:none;}

.video-wrap {position:relative;}
.video-player {position:relative; padding-top:56.25%;}
.video-player iframe,
.video-player object,
.video-player video,
.video-player embed{position:absolute;top:0;left:0;width:100%;height:100%}

/* 공통 > 팝업 */
.pop-wrap {position:fixed; top:0; left:100%; width:100%; height:100%; z-index:9999; overflow:hidden; transition:left 0s 0.35s ease;}
.pop-wrap.actived {left:0;transition-delay:0s;}
.pop-wrap.actived .cover {opacity:1;}
.pop-container {position:absolute;top:0;left:0;width:100%;height:100%; overflow-y:auto;z-index:10;}
.pop-parents {position:relative; display:table; width:100%; height:100%;z-index:5;table-layout:fixed;}
.pop-children {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; padding:50px 53px;}
.pop-wrap .cover {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8); opacity:0; transition:opacity 0.45s 0s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.btn-pop-close {position:absolute; left:100%; top:0; width:41px; height:36px; margin:0px 0 0 24px; z-index:10; background:url(../images/btn_pop_close2.png) center center no-repeat;}
.btn-pop-close2 {position:absolute; right:63px; top:82px; width:41px; height:36px; margin:0px 0 0 24px; z-index:10; background:url(../images/btn_pop_close2.png) center center no-repeat;}

.pop-wrap.actived .pop-basic-data {transform:scale(1); opacity:1; transition:transform 0.25s 0.05s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.25s 0s ease;}
.pop-basic-data {position:relative; display:inline-block; transform:scale(0.3); opacity:0; transition:transform 0.25s 0s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity 0.25s 0s ease; box-sizing:border-box;}
.pop-basic-data.full {display:block;width:100%;height:100%;}
.video-pop-data {display:block;}

/* 공통 > 헤더 */
.footer-wrap {position:absolute;bottom:0;left:0;width:100%;z-index:15;}
.footer-outer {position:relative; width:100%; height:120px; transform:translate(0 , 0); transition:transform 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.footer-inner {position:relative; max-width:720px; margin:0 auto; height:100%; display:flex; align-items:center;}
.btn-footer-nav {position:absolute; bottom:100%; right:50px; transform:translate(0px , -86px); display:inline-flex; font-size:14px; color:rgba(255,255,255,0.5); font-weight:300; align-items:center;transition:bottom 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940), transform 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.btn-footer-nav .arrow {margin-left:5px; transform:rotate(-90deg); transition:transform 0.25s ease;}
.footer-left {flex:1; display:flex; align-items:center;}
.footer-logo {flex:0 0 auto;}
.footer-logo + .footer-logo {margin-left:38px;}
.footer-right {flex:1;  box-sizing:border-box; padding:0 16px; text-align:left;}
.footer-menu {display:flex;}
.footer-menu-cell {flex:0 0 auto; position:relative;}
.footer-menu-cell + .footer-menu-cell {padding-left:13px; margin-left:13px;}
.footer-menu-cell + .footer-menu-cell:before {content:''; position:absolute;top:50%;left:-1px;margin-top:-1px; display:block; width:2px;height:2px;background:#f5f6fa;}
.footer-menu-cell > a {font-size:14px;line-height:20px;color:#e7e7e7; font-weight:300;}
.footer-menu-cell > a > em {color:#edc06a; font-weight:700;}
.footer-copy {font-size:12px; line-height:16px; margin-top:7px; color:#7e7e7e; white-space:nowrap;}

#header {position:fixed;top:0;left:0;width:100%;height:74px;background:rgba(0,0,0,0.6); z-index:1500;}
.header-wrap {position:relative; height:100%; margin:0 auto; max-width:1560px;}
.header-wrap h1 {position:absolute;top:0;left:0;width:224px;height:100%;display:flex;align-items:center;justify-content:center; z-index:5;}
.header-side-menu {position:absolute;top:0;right:0;display:flex;height:100%; align-items:center;}
.header-side-menu > li {}
.header-side-menu > li > a {font-size:16px;display:block;color:#fff;font-weight:500;}
.header-side-menu > li + li {position:relative;padding-left:20px;margin-left:20px;}
.header-side-menu > li + li:before {content:'';position:absolute;top:50%;left:0;display:block;width:1px;height:16px;margin-top:-8px; background:rgba(255,255,255,0.3);}

#gnb {width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
#gnb > button {position:relative; display:flex; align-items:center; justify-content:center; height:100%; font-size:24px; font-weight:300; color:#fff; padding:0 48px;}
#gnb > button.actived {font-weight:500; color:#caa350;}

#sideBanner {position:fixed;top:50%;right:0; z-index:1500;}
#sideBanner > ul {transform:translate(0% , -50%);}
#sideBanner > ul > li {}
#sideBanner > ul > li + li {margin-top:3px;}
#sideBanner > ul > li > a {display:block;}

.btn-transparent {position:absolute;font-size:0;line-height:1;background:rgba(255,255,255,0);}

.main {position:relative;width:100%}
.main .txt-group {display:inline-flex; height:100%; position:absolute;left:50%;top:0; align-items:center; text-align:center;}
.main .txt-group .txt-2 {margin-top:44px;}
.main .txt-group .txt-3 {margin-top:46px;display:flex; justify-content:center;}
.main .txt-group .txt-3 > a {margin:0 5px;}
.main .btn-1 {top:41.2%;left:46.1%;width:7.8%;height:13.8%;}
.main .btn-2 {top:82.5%;left:41.7%;width:16.4%;height:7.4%;}


.benefit {width:100%}
.event-1 {position:relative;width:100%;}
.event-1 .btn-1 {top:88.6%;left:41.3%;width:17.4%;height:7.3%;}
.event-2 {position:relative;width:100%;}
.event-2:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:283px;background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 14%, rgba(0,0,0,0) 100%);display:block;}
.event-2 .btn-1 {top:74.4%;left:42.2%;width:15.5%;height:7.3%;}
.event-2 .btn-2 {top:82.3%;left:49.4%;width:6.8%;height:4.1%;}

.stage-wrap {position:relative;}


img.con-img {width:100%; max-width:none;}