/* DXWAVE main.css */

@charset "utf-8";
@import url("reset.css");
@import url("sub.css");

/* main.css */
@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {font-family: 'esaL';src: local('esamanru-OTF-Light'),url(../font/esamanru-OTF-Light.otf) format('opentype');}
@font-face {font-family: 'esaM';src: local('esamanru-OTF-Medium'),url(../font/esamanru-OTF-Medium.otf) format('opentype');}
@font-face {font-family: 'esaB';src: local('esamanru-OTF-Bold'),url(../font/esamanru-OTF-Bold.otf) format('opentype');}
@font-face {font-family: 'esaL';src: local('esamanru-OTF-Light'),url(../font/esamanru-OTF-Light.ttf) format('truetype');}
@font-face {font-family: 'esaM';src: local('esamanru-OTF-Medium'),url(../font/esamanru-OTF-Medium.ttf) format('truetype');}
@font-face {font-family: 'esaB';src: local('esamanru-OTF-Bold'),url(../font/esamanru-OTF-Bold.ttf) format('truetype');}



html,body{font-family: 'GmarketSans', sans-serif;}
.tb{display:none !important}
.tb_mb{display:none !important}
.mb{display:none !important}


/* header */
header{z-index: 100;position:fixed;width:100%;color:#fff}
.headWrap{width:100%;height:90px;}
.logo{width:1400px;margin:0 auto;position: relative}
.logo a{position:absolute;left:0;top:30px;width:136px;height:28px}
.logo img{display: block;width:100%;height:100%}

/* gnb */
.gnbWrap{width:1400px;margin:0 auto;position:relative;}
.gnbWrap ul{position: absolute;right:0;top:36px}
.gnbWrap li{float: left;margin-left:48px}
.gnbWrap a{color:#fff;font-size:18px;font-weight:500}

/* section */
.mainContent section{position:fixed;width:100%;height:100%;top:0;box-sizing:border-box}
.mainContent .mainTxt{z-index:90;width:1400px;margin:0 auto;color:#fff;left: 0;right: 0;top:40%;word-break:keep-all}
.mainContent .mainTxt ul{float: right;}
.mainTxt li:nth-of-type(1){font-size: 120px;font-weight:700; }
.mainTxt li:nth-of-type(2){font-size: 40px;font-weight: 500; margin-top: 30px; line-height: 1.6;}
.mainContent .videoWrap{width: 100%; height: 100%;}



@media screen and (max-width:1600px){

}
@media screen and (max-width:1500px){
    .logo, .gnbWrap, .gnbWrap, .mainContent .mainTxt{width:90%;}
    .mainTxt li:nth-of-type(1){font-size: 120px}
    .mainTxt li:nth-of-type(2){font-size: 36px}
}


/******************************************* TABLET *******************************************/

@media screen and (max-width:1200px){
.pc{display:none !important}
.tb{display:block !important}
.tb_mb{display:block !important}

.mainTxt li:nth-of-type(1){font-size: 100px}
.mainTxt li:nth-of-type(2){font-size: 24px;line-height: 36px}


}




/******************************************** MOBILE ********************************************/
@media screen and (max-width:780px){

.pc_tb{display:none !important}
.tb{display:none !important}
.mb{display:block !important}


/*gnb*/
.gnbWrap{z-index: 101;position: fixed;width:100%;height:100%;background: #fff}
.gnbWrap a{color:rgba(0,0,0,0.12);font-size:32px}
.gnbWrap a:active{color:#0062FF;background: transparent}
.gnbWrap ul{position: inherit;left:0;right:0;top:25%}
.gnbWrap li{float: none;margin:0 0 80px;text-align: center;}

/*menuBtn*/
.menuBtnWrap{z-index:102;position: relative;width:90%;margin:0 auto;}
.menuBtn{position: absolute;right:0;top:30px}
.menuBtn{width:24px;height:16px;font-size:30px}
.menuBtn .menuBtnOpen{}
.menuBtn .menuBtnClose{}

.mainContent .mainTxt ul{float: none;}
.mainTxt li:nth-of-type(1){font-size:60px}
.mainTxt li:nth-of-type(2){margin-top:24px}


}


@media screen and (max-width:540px){

.mainTxt li:nth-of-type(1){font-size: 54px}

}