@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(2) .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:47vw;background: url(../../../../img/mobile/s6/s6TitleBg.png);background-repeat: repeat-x;background-size:contain;}
/* top:-120px; */

.titleGroup{display:flex;flex-direction: column;align-items:flex-end;overflow: hidden;}
.titleGroup img{margin-top:14%;margin-right:20%;width:30%;max-width:100%;vertical-align:top;height:auto}
@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;font-weight: 400;}

@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 #eee;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:100%;height:auto;background: url(../../../../img/mobile/s6/s6SubBg02.png) no-repeat 0 0;background-size:1159px 1168px;background-position: -10% 78%;
}


.ctt_con_inner {max-width:1200px;background: url(../../../../img/mobile/s6/s6SubBg01.png) no-repeat 50% 0;background-size:708px 713px;}
.ctt_img {text-align:center}
.group01{margin-top: 120px;}
.group01 .subtitle p{font-family: "Noto Sans KR";font-weight:600;text-align: center;}
.group01 .subtitle p:first-child{font-size:40px;letter-spacing: -3px;}
.group01 .subtitle p:last-child{margin-top:25px;font-size:22px;line-height:1.5;letter-spacing: -1px;}

.group02 {display: flex; flex-direction: column;margin-top:8%;padding-bottom:5%;}

figure{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 8%;}
figure:nth-child(odd){flex-direction: row-reverse;}
figure figcaption {margin-top:50px;}
figure:nth-child(odd) figcaption{padding-right: 120px;}
figure:nth-child(even) figcaption{padding-left: 60px;}
figure .item{flex-basis: 50%;}
figure img{max-width:496px; max-height:315px}

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

.group03{margin-top:85px; padding-top: 8%;border-top:1px solid #707070;}
.group04{padding:11% 0 8% 0;background: url(../../../../img/mobile/s6/s6MoreBg.png) no-repeat 0 0;background-size:100% 100%;text-align: center;}
.group04 {}
.ctt_con_inner p.title{font-family: "Noto Sans KR";font-size:30px;font-weight:600;letter-spacing: -2px;}
.group04 p.title{color:#fff}
.ctt_con_inner 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: 1086px){
    #ctt_con{background-position:205% 78%}
    figure{justify-content: center;}
    figure figcaption {display: flex; flex-direction: column;padding:0;max-width: 496px;}
    figure .item{flex-basis:initial}

    figure:nth-child(odd) figcaption, figure:nth-child(even) figcaption {padding:0}
}

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


@media (max-width:639px){ 
    #hd{position:relative;background-color: #000;}
    #ctt{padding-top:0}
    #ctt_con{margin-top:0;}
    .ctt_con_inner{background: none;}
    .group02{overflow: hidden;}
    .group02 figure img{max-width:100%; max-height:auto}
    figure{margin-bottom:25%}
    figure figcaption{margin-top:30px;}
    .group02 figure figcaption p.titleEn{font-size:30px;}
    }