<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url('https://fonts.cdnfonts.com/css/a-big-deal');
figure {margin:0}
/* #hd{background:none;position: relative;transition: 0.6s;}
.fixed #hd{background-color: #fff;}
.fixed #hd #gnb a{color:#000} */
/* .sticky{ background-color: rgba(0, 0, 0, 0.5);} */
#gnb a{color:#fff}
.gnb_1dli:nth-of-type(4) .gnb_1da{color: #fbc100 !important;}
.gnb_1da::after{background-color: #fff;}
#container {padding:initial;position:initial;background:initial;min-height:initial}
#container:after {display:initial;visibility:initial;clear:initial;content:initial}

.subTitleWrap.subTitle_pc_view {position:relative;left:0;z-index: 1;width:100%;height:33vw;background: url(../../../../img/mobile/s10/s10TitleBg.png);background-repeat: repeat-x;background-size:contain;}
/* top:-120px; */

.titleGroup{display:flex;justify-content: center;align-items:center;height:100%;overflow: hidden;}
.titleGroup p.s10Title{color:#fff;font-size:84px;font-family: 'a Big Deal', sans-serif;}
.titleGroup img{width:30%;max-width:100%;}
@media (max-width: 969px){
    .subTitleWrap.subTitle_pc_view::after{display: none;}
}
.subTitleWrap p{font-size:18px;font-family: 'Arial Regular';line-height: 1.3;text-align: left;}
#container_title {color:#000; line-height: initial;font-size:84px;font-family: 'a Big Deal', sans-serif;}

@media (max-width: 969px){
    #ctt_con {padding:0 3rem}
}
@media (max-width:639px){ 
.subTitle_m_view #container_title{line-height:55px;border-bottom:1px solid hsl(0, 0%, 93%);color:#000;font-family: 'Arial Bold';font-size:1em;text-align:left;padding:0 20px;background:none}
}

/* 내용관리 */
/* #ctt {margin:10px 0;padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} */
#ctt{}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#ctt_con{max-width:1200px;margin:0 auto;}
#ctt_con&gt;p {display:none}

.ctt_con_inner {display: flex;align-items: center;justify-content: center;flex-direction:column;}
.ctt_img {text-align:left}

.titleEn{font-family: 'Arial Black'; font-size:40px;color:#000;}
.titleKo{font-family: "Noto Sans KR";font-size:22px;color:#000;letter-spacing: -2.8px;font-weight:700;}
.caption{color:#000;font-family: "Noto Sans KR";font-size:18px;letter-spacing: -1px;font-weight:500;line-height: 1.7;}

.middleTitle .en{font-family: 'Arial Black'; font-size:40px;color:#000;}
.middleTitle .ko{font-family: "Noto Sans KR";font-size:30px;color:#000;letter-spacing: -1.8px;font-weight:600;}
.middleTitle .text{line-height:2;font-size:18px;letter-spacing: -1.8px;font-weight:400;}

.ctt_con_inner figure{display: flex;justify-content: space-between;margin-bottom: 20%;}
.ctt_con_inner figure{margin-bottom:0}
.ctt_con_inner figure.reverse{flex-direction: row-reverse;}
figure.reverse, .group02{margin-top: 20%;}
.ctt_con_inner figure img{max-width:100%;width:609px; max-height:100%;height:576px;}
.ctt_con_inner figure.reverse img{max-width:100%;width:787px; max-height:100%;height:541px;}
.ctt_con_inner figure .item{flex-basis: 50%;padding-left: 6%;display: flex;flex-direction: column;justify-content: center;}
.ctt_con_inner figure.reverse figcaption{padding-left:0;}

.ctt_con_inner figure.gameMeca{max-width:100%;margin-top:180px;padding-bottom:118px;border-bottom:1px solid #707070}
.ctt_con_inner figure.gameMeca img{width:336px;max-width:100%;height:336px;max-width:100%}
.ctt_con_inner figure.gameMeca .item{flex-basis:initial}

.ctt_con_inner figure figcaption p.titleEn{font-family: 'Arial Black'; font-size:40px;color:#000;}
.ctt_con_inner figure figcaption p.titleKo{font-family: "Noto Sans KR";font-size:22px;color:#000;letter-spacing: -1.8px;font-weight:700;}
.ctt_con_inner figure figcaption p.caption{color:#000;font-family: "Noto Sans KR";font-size:18px;letter-spacing: -1px;font-weight:500;line-height: 1.7;}


.group01{margin-top:100px}
.group01 .middleTitle{margin-bottom:80px;}

.group4{width:100%}
.group4 .flexWrap{justify-content: space-between;}

.group4 dl{max-width: 495px;width: 495px; min-height: 490px;height: 530px;border: 1px solid #000;padding:0 40px }
.group4 p.title{display:flex;justify-content: center;align-items: center;font-family: 'Arial Black';font-size:25px;color:#fff;width:100%;height:60px;background-color: #000;}

.group4 dl dt{position:relative;margin-left:13px;margin-bottom: 5px;font-size:16px;font-weight:600;}
.group4 dl dt::before{position:absolute;top:0;left:-11px;width:8px;height:8px;top: 50%;transform: translate(0, -25%);border-radius: 50%;background-color: #000;content:''}

.group4 dl dd{position:relative;margin-left:13px;font-size:15px;color:#000;letter-spacing: -0.8px;line-height:1.7}
.group4 dl dd::before{position:absolute;top:-1px;left:-10px;content:'-'}


.btnMore p.title{font-family: "Noto Sans KR";font-size:30px;font-weight:600;letter-spacing: -2px;}
.btnMore p.text{margin-top:18px;font-family: "Noto Sans KR";font-size:18px;letter-spacing: -0.5px;font-weight:500;line-height: 2;}


@media (max-width: 1200px){
    #ctt_con{padding:0 3rem}

    .ctt_con_inner figure{flex-wrap:wrap;flex-direction: column;}
    .ctt_con_inner figure .item{flex-basis: 0;padding-left:0;margin-top: 5%;}

    figure.reverse, .group02{margin-top:10%}
    .ctt_con_inner figure.reverse {flex-direction: column;}
    .ctt_con_inner figure.gameMeca{margin-top:10%}
}




/* 

@media (max-width: 1100px){
    .standard, .premium {width:100%;}
    .group4 p.title{display:flex;justify-content: center;align-items: center;font-family: 'Arial Black';font-size:25px;color:#fff;width:100%;height:60px;background-color: #000;}
    .group4 dl{width:100%; max-width: 100%; min-height: initial;border: 1px solid #000;padding: 0 40px 40px;}
    .premium dl {padding: 20px 40px 40px;}
}

@media (max-width: 1086px){
    #ctt_con{background-position:205% 78%}
    .group01 figure{justify-content: center;}
    .group01 figure figcaption {display: flex; flex-direction: column;padding:0;max-width: 496px;}
    .group01 figure .item{flex-basis:initial}
    .group01 figure:nth-child(odd) figcaption, .group02 .group01 figure:nth-child(even) figcaption {padding:0}
} */


@media (max-width: 969px){
    #ctt_con{margin-top:0;padding: 0 3rem}
 
}

@media (max-width:639px){ 
    #ctt{padding-top:0}
    #hd{position:relative;background-color: #000;}
    .ctt_con_inner{overflow: hidden;}
    .group01{margin-top:0;}
    .group01 figure img {width:100%}
    .group01 figure:nth-child(odd) figcaption{padding-right:0}
    .group01 .middleTitle{margin-bottom:40px}
    .ctt_con_inner figure.gameMeca img{display: none}
    .ctt_con_inner figure img, .ctt_con_inner figure.reverse img{max-width:100%;width:100%;max-height:100%;height:100%;}
    }






</pre></body></html>