@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(3) .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/s7/s7TitleBg.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.s789Title{color:#fff;font-size:80px;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 #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:1200px;margin:0 auto;padding: 0 3rem}
#ctt_con>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{margin-top:15px;color:#000;font-family: "Noto Sans KR";font-size:18px;letter-spacing: -1px;font-weight:600;line-height: 1.5;}

.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: -1px;font-weight:400;}

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

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

.group01{margin-top:120px}
.group01, .group02{max-width: 100%;width: 100%;}
.group01 .subtitle p{font-family: 'Arial Black'; font-size:55px;color:#000;}

.group02 .pc_view{margin-top:100px;margin-bottom: 100px;}
.group02 .pc_view .info.flexNoWrap{justify-content: space-around;}
.group02 .pc_view .info .item{position:relative;}
.group02 .pc_view .info .item:last-child{display:flex;flex-direction:column;align-items:center;}
.group02 .pc_view .info .item:first-child:before{display:block;position:absolute;top:-5%;left:-10%;height:120%;border-right:1px solid #C1C1C1;content:'';}
.group02 .pc_view .info .item:after{display:block;position:absolute;top:-5%;right:-6%;height:120%;border-right:1px solid #C1C1C1;content:'';}
.group02 .pc_view .info .item>p{max-width:200px;text-align:center;}

.group3 .middleTitle{margin-bottom:80px;}
.group3 figure img.group3_mo_view{display:none !important}

.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:'-'}

.group5{ max-width: 100%;overflow-x: auto;}
.group5 table {
    border-collapse: collapse;
    overflow-x: scroll;
    min-width: 600px;
  }
  .group5 table th{
    font-size:16px;
    font-weight:600
  }
  .group5 table td,  .group5 table th {
    border: 1px solid #000;
    padding: 10px;
    text-align: center;
    word-break: keep-all;
    font-size:16px
  }
.group6{margin-bottom: 150px;}

.btnMore{padding-top: 8%;max-width: 100%;width: 100%;border-top: 1px solid #707070;}
.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: 1400px){
    .tb_view{display: block !important;}
    .pc_view{display: none !important;}
    .group02 .tb_view .info .item{border-bottom:1px solid #C1C1C1;display: flex;justify-content: space-between;align-items: center;}
    .group02 .tb_view .info .item:last-child{padding-bottom:2%}
    .group02 .tb_view .info .item .iconGroup{min-width: 194px;}
    .group02 .pc_view .info .item .iconGroup img{width:100%}
    .group02 .tb_view .info .item .pWrap{flex-grow: 1;text-align:left;display: flex;align-items: center;margin-left: 20px;}
    }

@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;}
    .group4 .standard dl{height:86%}
    .group4 .premium dl {padding: 20px 40px 40px;height:93%}

}

@media (max-width: 1086px){
    #ctt_con{background-position:205% 78%}
    .group3 figure{justify-content: center;}
    .group3 figure figcaption {display: flex; flex-direction: column;padding:0;max-width: 496px;}
    .group3 figure .item{flex-basis:initial}
    .group3 figure:nth-child(odd) figcaption, .group02 .group3 figure:nth-child(even) figcaption {padding:0}
}
@media (max-width: 999px){
    .group3 figure .item{flex-basis:initial}
    .group3 figure img.group3_mo_view{display:block !important}
    .group3 figure img.group3_pc_view{display:none}
    .group3 figure img{width:496px;height:auto;max-width:initial;max-height:initial;overflow: hidden;}
    .group3 figure:nth-child(odd){flex-direction:initial;padding-right:0;}
    .group3 figure:nth-child(even) figcaption{padding-left:0;}
    .group3 figure figcaption, .group3 figure:nth-child(odd) figcaption{padding-top:4%;}
    .group03 .middleTitle{margin-bottom:40px !important;}   
}


@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;}
    .group02 {padding:0}
    .group02 >img {max-width:300px}
    .group02 .tb_view .info .item .iconGroup{text-align: center;}
    .group02 .tb_view .info .item{display:block;}
    .group02 .tb_view .info .item .pWrap{display: block;}
    .group02 .tb_view .info .item .pWrap{text-align: center; margin-bottom:30px;margin-left:0;}
    .group02 .tb_view .info .item:last-child .pWrap p{padding-top:23px}
    .group02 article.case{padding:0 3rem}
    
    .group02 article.case .logoWrap img:first-child{width:auto; max-height:69px;margin-right:0;margin-bottom:50px;}
    .group02 article.case .logoWrap img:last-child{width:auto; max-height:35px;}

    .group3{overflow: hidden;}
    .group3 figure img {max-width:100%}
    .group3 figure:nth-child(odd) figcaption{padding-right:0}
    .group3 .middleTitle{margin-bottom:40px}
    }