/* product.css */
@import url('font.css');
@import url('common.css');
body{word-break:keep-all; background: #fff;}
a{text-decoration: none;color: #000;}
ul{padding:0;}
li{list-style: none;}
img{width: 100%;}
br.mo{display: none;}
.pc{display: block;}
.mo{display: none;}

.sub_banner{max-width: 1920px; min-width: 280px; width: 100%; margin: 0 auto; padding-top: 80px; text-align: center;}
.tit_section{max-width: 1920px; min-width: 280px; width: 100%; font-family: 'Inter', sans-serif;; margin: 0 auto; color: #000;}
.tit_section .inner{text-align: center;}
.tit_section .inner .product_tit{font-size: 88px; font-weight: 800; letter-spacing: -0.04px; margin-top: 103px;}
.tit_section .inner .product_txt{margin-top: 40px;}
.tit_section .inner .product_txt p{font-family: 'Noto Sans KR'; font-size: 22px; font-weight: 400; letter-spacing: -0.04px;  line-height: 1.65; margin-top: 23px; word-break: keep-all;}
.tit_section .inner .product_txt p:first-child{margin-top: 0;}
.tit_section .inner .product_num_ul{display: flex;  max-width: 1200px; width: 100%; margin: 76px auto 0;}
.tit_section .inner .product_num_ul > li{width: calc(100%/3); text-align: center; }
.tit_section .inner .product_num_ul > li .num{font-size: 64px; font-weight: 700;letter-spacing: -0.04px; line-height: 1;}
.tit_section .inner .product_num_ul > li .txt{font-family: 'Noto Sans KR'; font-size: 18px; font-weight: 400; letter-spacing: -0.04px; line-height: 1.5; margin-top: 21px;word-break: keep-all;}
.tit_section .inner ul.product_img{max-width: 1071px; width: 100%; margin: 0 auto; margin-top: 102px;}
.tit_section .inner ul.product_img > li{margin-top: 0; font-size: 0; vertical-align: top; }
.tit_section .inner ul.product_img > li img{display: block; object-fit: cover; box-sizing: border-box;}

.product_section{font-family: 'Inter', sans-serif; color: #000;}
.product_section .inner{max-width: 1071px; min-width: 280px; width: 100%; margin: 0 auto; text-align: center;}
.product_section .inner .tit_wrap{}
.product_section .inner .tit_wrap .tit_main{font-size: 60px;font-weight: 800;letter-spacing: -0.04px; line-height: 1;}
.product_section .inner .tit_wrap .tit_sub{font-family: 'Noto Sans KR'; font-size: 22px;font-weight: 400;letter-spacing: -0.04px; line-height: 1.65; margin-top: 33px;}
.product_section .inner .cont_wrap{margin-top: 70px;}
.product_section .inner .cont_wrap .video_box{display: flex; gap: 41px;;}
.product_section .inner .cont_wrap .video_box .video_img{font-size: 0; vertical-align: top;}
.product_section .inner .cont_wrap .video_box .video_txt{position: relative; text-align: left; padding-top: 13px;}
.product_section .inner .cont_wrap .video_box .video_txt .tit_box{font-family: 'Inter', sans-serif; font-size: 32px; font-weight: 500;letter-spacing: -0.04px; line-height: 1;}
.product_section .inner .cont_wrap .video_box .video_txt .tit_box span{display: inline-block; font-family: 'Noto Sans KR'; font-size: 24px; font-weight: 500; margin-top: 9px;}
.product_section .inner .cont_wrap .video_box .video_txt .txt{font-family: 'Noto Sans KR'; font-size: 16px; font-weight: 500; letter-spacing: -0.96px; margin-top:21px; line-height: 1.64;word-break: keep-all;}
.product_section .inner .cont_wrap .video_box .video_txt  a.video_view{position: absolute; left: 0; bottom:26px; display: inline-block; max-width: 160px; width: 100%; font-family: 'Noto Sans KR'; font-size: 18px; font-weight: 700; line-height: 41px; background: #000;; border-radius: 59px; text-align: center; color: #fff;}
.product_section .inner .cont_wrap .gameimage_ul{display: flex; column-gap:27px; row-gap: 37px; flex-wrap: wrap; margin-top: 69px;}
.product_section .inner .cont_wrap .gameimage_ul > li{width: calc(100%/3 - 18px); }
.product_section .inner .cont_wrap .tit_wrap2{padding-bottom:145px;}
.product_section .inner .cont_wrap .tit_wrap2 .head{font-size: 33px;font-weight: 500;line-height: 1; letter-spacing: -0.04px;}
.product_section .inner .cont_wrap .tit_wrap2 .head span{display: inline-block; font-size: 44px; font-weight: 700; margin-top: 18px; letter-spacing: -0.04px;}
.product_section .inner .cont_wrap .tit_wrap2 .link_box{width: 100%; margin-top:52px;}
.product_section .inner .cont_wrap .tit_wrap2 .link_box a{display: block; max-width: 384px; width: 100%; line-height: 82px; font-size: 32px;font-weight: 500; letter-spacing: -0.02px; background: #000;border-radius: 59px;color: #fff; margin:30px auto 0;}
.product_section .inner .cont_wrap .tit_wrap2 .link_box a.blue{background: #4246dd;}
.product_section .inner .cont_wrap .tit_wrap2 .link_box a:first-child{margin-top: 0;}
.product_section .inner .line{width: 100%; height: 0.5px; background: #000; margin:90px auto 85px;}



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

    
.tit_section .inner .product_tit{font-size: 78px; margin-top: 85px;}
.tit_section .inner .product_txt{margin-top: 30px;}
.tit_section .inner .product_txt p{font-size: 20px;margin-top: 18px;}
.tit_section .inner .product_num_ul{max-width: 1071px;margin: 70px auto 0;}
.tit_section .inner .product_num_ul > li .num{font-size: 54px;}
.tit_section .inner .product_num_ul > li .txt{font-size: 16px; margin-top: 16px;}
.tit_section .inner ul.product_img{max-width: 1071px; margin-top: 150px;}

.product_section .inner{max-width: 1071px;}
.product_section .inner .tit_wrap .tit_main{font-size: 52px;}
.product_section .inner .tit_wrap .tit_sub{font-size: 20px; margin-top: 26px;}
.product_section .inner .cont_wrap{margin-top: 60px;}
.product_section .inner .cont_wrap .video_box{gap: 30px;}
.product_section .inner .cont_wrap .video_box .video_txt .tit_box{font-size: 28px;}
.product_section .inner .cont_wrap .video_box .video_txt .tit_box span{font-size: 18px; margin-top: 5px;}
.product_section .inner .cont_wrap .video_box .video_txt .txt{font-size: 14px; margin-top:20px;}
.product_section .inner .cont_wrap .video_box .video_txt  a.video_view{bottom:20px; font-size: 16px;line-height: 40px; }
.product_section .inner .cont_wrap .gameimage_ul{column-gap:18px; row-gap: 28px; margin-top: 58px;}
.product_section .inner .cont_wrap .gameimage_ul > li{width: calc(100%/3 - 12px); }
.product_section .inner .cont_wrap .tit_wrap2{padding-bottom:120px;}
.product_section .inner .cont_wrap .tit_wrap2 .head{font-size: 28px;}
.product_section .inner .cont_wrap .tit_wrap2 .head span{font-size: 38px; margin-top: 14px;}
.product_section .inner .cont_wrap .tit_wrap2 .link_box{margin-top:42px;}
.product_section .inner .cont_wrap .tit_wrap2 .link_box a{max-width: 300px; line-height: 72px; font-size: 28px; margin:25px auto 0;}
.product_section .inner .line{margin:71px auto 68px;}

}

@media screen and (max-width:1280px) {
    .tit_section .inner .product_tit{font-size: 65px; margin-top: 75px;}
    .tit_section .inner .product_txt{margin-top: 24px;}
    .tit_section .inner .product_txt p{font-size: 16px;margin-top: 12px;}
    .tit_section .inner .product_num_ul{max-width: 1071px; margin: 70px auto 0;}
    .tit_section .inner .product_num_ul > li .num{font-size: 44px;}
    .tit_section .inner .product_num_ul > li .txt{font-size: 14px; margin-top: 12px;}
    .tit_section .inner ul.product_img{max-width: 1071px; margin-top: 100px;}
    
    .product_section .inner .tit_wrap .tit_main{font-size: 45px;}
    .product_section .inner .tit_wrap .tit_sub{font-size: 16px; margin-top: 16px;}
    .product_section .inner .cont_wrap{margin-top: 50px;}
    .product_section .inner .cont_wrap .video_box{gap: 28px;}
    .product_section .inner .cont_wrap .video_box .video_txt .tit_box{font-size: 26px;}
    .product_section .inner .cont_wrap .video_box .video_txt .tit_box span{font-size: 16px; margin-top: 3px;}
    .product_section .inner .cont_wrap .video_box .video_txt .txt{font-size: 14px; margin-top:20px;}
    .product_section .inner .cont_wrap .gameimage_ul{column-gap:10px; row-gap: 28px; margin-top: 48px;}
    .product_section .inner .cont_wrap .gameimage_ul > li{width: calc(100%/3 - 6.666px); }
    .product_section .inner .cont_wrap .tit_wrap2{padding-bottom:100px;}
    .product_section .inner .cont_wrap .tit_wrap2 .head{font-size: 22px;}
    .product_section .inner .cont_wrap .tit_wrap2 .head span{font-size: 30px; margin-top: 10px;}
    .product_section .inner .cont_wrap .tit_wrap2 .link_box{margin-top:36px;}
    .product_section .inner .cont_wrap .tit_wrap2 .link_box a{max-width: 250px; line-height: 60px; font-size: 22px; margin:20px auto 0;}
    
}
@media screen and (max-width:1200px) {
.sub_banner{padding-top: 50px;}
}

@media screen and (max-width:1080px) {
    .tit_section .inner .product_tit{font-size: 55px; margin-top: 62px;}
    .tit_section .inner .product_txt{margin-top: 24px;}
    .tit_section .inner .product_txt p{font-size: 16px;margin-top: 12px;}
    .tit_section .inner .product_num_ul{max-width: 820px;margin: 60px auto 0;}
    .tit_section .inner .product_num_ul > li .num{font-size: 36px;}
    .tit_section .inner .product_num_ul > li .txt{font-size: 14px; margin-top: 12px;}
    .tit_section .inner ul.product_img{max-width: 820px; margin-top: 80px;}

    .product_section .inner{max-width: 820px;}
    .product_section .inner .tit_wrap .tit_main{font-size: 45px;}
    .product_section .inner .tit_wrap .tit_sub{font-size: 16px; margin-top: 16px;}
    .product_section .inner .cont_wrap{margin-top: 50px;}
    .product_section .inner .cont_wrap .video_box{gap: 22px;}
    .product_section .inner .cont_wrap .video_box .video_img {width: 50%;}
    .product_section .inner .cont_wrap .video_box .video_txt .tit_box{font-size: 26px;}
    .product_section .inner .cont_wrap .video_box .video_txt .tit_box span{font-size: 16px; margin-top: 3px;}
    .product_section .inner .cont_wrap .video_box .video_txt  a.video_view{bottom:10px; max-width: 140px; font-size: 14px; line-height: 40px; }
    .product_section .inner .cont_wrap .gameimage_ul{column-gap:10px; row-gap: 28px; margin-top: 42px;}
    .product_section .inner .cont_wrap .gameimage_ul > li{width: calc(100%/3 - 6.666px); }
    .product_section .inner .cont_wrap .tit_wrap2{padding-bottom:90px;}
    .product_section .inner .cont_wrap .tit_wrap2 .head{font-size: 18px;}
    .product_section .inner .cont_wrap .tit_wrap2 .head span{font-size: 24px; margin-top: 7px;}
    .product_section .inner .cont_wrap .tit_wrap2 .link_box{margin-top:26px;}
    .product_section .inner .cont_wrap .tit_wrap2 .link_box a{max-width: 200px; line-height: 50px; font-size: 18px; margin:14px auto 0;}
    
}

@media screen and (max-width:820px) {
    br.mo{display: block;}
    .pc{display: none;}
    .mo{display: block;}

    .tit_section .inner .product_tit{font-size: 38px; margin-top: 62px;}
    .tit_section .inner .product_txt{margin-top: 20px; padding: 0 15px; }
    .tit_section .inner .product_txt p{font-size: 14px;margin-top: 12px;}
    .tit_section .inner .product_num_ul{max-width: initial; width: 100%; ;margin: 50px auto 0; padding: 0 15px;}
    .tit_section .inner .product_num_ul > li .num{font-size: 30px;}
    .tit_section .inner .product_num_ul > li .txt{margin-top: 8px;}
    .tit_section .inner ul.product_img{max-width: initial; width: 100%; margin-top: 50px;}

    .product_section .inner{max-width: initial; width: 100%; padding: 0 15px;}
    .product_section .inner .tit_wrap .tit_main{font-size: 35px;}
    .product_section .inner .tit_wrap .tit_sub{font-size: 14px; margin-top: 10px;}
    .product_section .inner .cont_wrap{margin-top: 40px;}
    .product_section .inner .cont_wrap .video_box{flex-direction: column;gap: 10px;}
    .product_section .inner .cont_wrap .video_box .video_img {width: 100%;}
    .product_section .inner .cont_wrap .video_box .video_txt .tit_box{font-size: 22px;}
    .product_section .inner .cont_wrap .video_box .video_txt .tit_box span{font-size: 16px; margin-top: 3px;}
    .product_section .inner .cont_wrap .video_box .video_txt  a.video_view{position: relative; bottom:initial; left: initial; max-width: initial; width: 100%; margin-top: 15px; }
    .product_section .inner .cont_wrap .gameimage_ul{column-gap:initial; row-gap: 20px; margin-top: 36px;}
    .product_section .inner .cont_wrap .gameimage_ul > li{width: 100%; }
    .product_section .inner .cont_wrap .tit_wrap2{padding-bottom:70px;}
    .product_section .inner .cont_wrap .tit_wrap2 .head{font-size: 16px;}
    .product_section .inner .cont_wrap .tit_wrap2 .head span{font-size: 20px;}
    .product_section .inner .cont_wrap .tit_wrap2 .link_box{margin-top:26px;}
    .product_section .inner .cont_wrap .tit_wrap2 .link_box a{max-width: initial; width: 100%; line-height: 46px; font-size: 16px; margin:12px auto 0;}
    
}

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

    .tit_section .inner .product_tit{font-size: 30px; margin-top: 50px;}
    .tit_section .inner .product_txt{margin-top: 20px; padding: 0 10px; }
    .tit_section .inner .product_num_ul{margin: 50px auto 0; padding: 0 10px;}
    .tit_section .inner .product_num_ul > li .num{font-size: 26px;}

    .product_section .inner{padding: 0 10px;}
    .product_section .inner .tit_wrap .tit_main{font-size: 30px;}
    .product_section .inner .cont_wrap{margin-top: 40px;}
    .product_section .inner .cont_wrap .video_box{flex-direction: column;gap: 10px;}
    .product_section .inner .cont_wrap .video_box .video_img {width: 100%;}
    .product_section .inner .cont_wrap .video_box .video_txt .tit_box{font-size: 20px;}
    .product_section .inner .cont_wrap .video_box .video_txt .tit_box span{font-size: 16px; margin-top: 3px;}
    .product_section .inner .cont_wrap .video_box .video_txt  a.video_view{position: relative; bottom:initial; left: initial; max-width: initial; width: 100%; margin-top: 15px; }
    .product_section .inner .cont_wrap .tit_wrap2{padding-bottom:70px;}
    .product_section .inner .cont_wrap .tit_wrap2 .head{font-size: 14px;}
    .product_section .inner .cont_wrap .tit_wrap2 .head span{font-size: 18px;}
    .product_section .inner .cont_wrap .tit_wrap2 .link_box{margin-top:26px;}
    .product_section .inner .cont_wrap .tit_wrap2 .link_box a{max-width: initial; width: 100%; line-height: 40px; font-size: 14px; margin:12px auto 0;}
    .product_section .inner .line{margin:60px auto 55px;}
    
}

@media screen and (max-width:370px) {
    .product_section .inner .cont_wrap .video_box .video_txt .txt br{display: none;}
}