@charset "utf-8";


html {
    scroll-behavior: smooth;
}

.header{
    background:rgba(255, 255, 255, 0.7);
    height:8rem;
    border-bottom:1px solid #3c3c3c;
    width:100%;
    position:fixed;
    z-index: 100;
}

.contBox{
    width:128rem;
    margin:0 auto;
}

.header .contBox{
    display: flex;
    justify-content: space-between;
}

.logoBox{
    display: inline-block;
    height:8rem;
    /* text-indent: -9999px; 이미지 삽입 후 적용*/
    width:15rem;
    font-size:3rem;
    font-weight:600;
    line-height:8rem;
    letter-spacing: -0.1rem;
}

.menuBox{
    font-size:1.8rem;
}

.menuBox li{
    display: inline-block;
    padding:0 5rem;
}

.menuBox li a{
    display: block;
    height:8rem;
    line-height:8rem;
    font-weight:500;
}

.menuBox li a:hover{
    color:#201e1e;
}

.menuBox li:last-child{
    padding-right:0;
}

.cnt-1-area{
    text-align:center;
    padding:19.5rem 0 12rem;
}

h1{
    font-size:10.6rem;
    line-height:1;
}

h2{
    font-size:4.8rem;
    line-height:1;
}

.cnt-1-area h2 span{
    display: block;
}

.cnt-1-area h2 b{
    display: inline-block;
    line-height:9rem;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
}

.img_clap{
    width:9rem;
    height:9rem;
    background-image:url(../img/ico_clap.png);
    margin:0 1rem;
    text-indent:-9999px;
}

.img_thumb{
    width:9rem;
    height:9rem;
    background-image:url(../img/ico_thumb.png);
    text-indent:-9999px;
}

.img_circle{
    width:16rem;
    height:9rem;
    background-image:url(../img/ico_circle.png);
}

.cnt-1-area h1{
    display: inline-block;
    margin: 3rem 0;
    letter-spacing: -0.3rem;
    position:relative;
}

.img_pro{
    display: inline-block;
    text-indent: -9999px;
    width:11rem;
    height:11rem;
    background-image:url(../img/ico_pro.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
}
.cnt-1-area p{
    font-size:3rem;
}

.cnt-1-area p:last-child{
    margin-top:4.7rem;
}

.c777{
    color:#777;
}

.img_pick{
    display: inline-block;
    width:9.5rem;
    height:9.5rem;
    background-image:url(../img/ico_pick.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    position:absolute;
    top:-5rem;
    left:-6rem;
}

.cnt-2-area{
    background:#f7f9ff;
    box-shadow:inset 0 2.8rem 6.5rem rgba(0, 0, 0, 0.08);
    padding:20rem 0 8rem;
    position:relative;
}

.cnt-2-back-txt{
    color:rgba(0, 0, 0, 0.03);
    font-size:7.4rem;
    font-weight:600;
    position:absolute;
    top:17rem;
    letter-spacing: -0.1rem;
}

.cnt_team{
    margin-bottom:15rem;
}

.wheel-slider .slick-dots{
    position: absolute;
    top:0;
    left:0;
    width: 35%;
    text-align: inherit;
    margin-top:3rem;
}

.wheel-slider .slick-dots li {
    display: inline-block;
    width: 100%;
    height: auto;
    min-height:6rem;
    margin: 0 0 6rem;
}

.wheel-slider .slick-dots li a{
    display: inline;
    width:auto;
    text-align:initial;
    font-size:3.5rem;
    font-weight:400;
    color:rgba(0, 0, 0, 0.4);
    line-height:1;
    opacity: 1;
}

.wheel-slider .slick-dots li.slick-active a{
    font-size:4.8rem;
    font-weight:600;
    color:#000;
    letter-spacing: -0.2rem;
    position:relative;
}

.wheel-slider .slick-dots li.slick-active a::after{
    content:'';
    display: inline-block;
    width:1.5rem;
    height:1.5rem;
    border-radius:50%;
    background:#ff5b00;
    position:absolute;
    right:-2rem;
    bottom:3.2rem;
}

.wheel-slider{
    padding-left:40%;
    margin:1rem 0;
}

.wheel-slider .slick-list{
    height:60rem !important;
}

.wheel-slider .slick-slide > div{
    padding-right:2rem;
}

.teamBox{
    height:59rem;
    margin-bottom:2rem;
    padding-top:3rem;
    box-sizing: border-box;
}

.teamBox > div{
    padding:4.5rem;
    background:#132112;
    border-radius:2rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    position:relative;
    box-sizing: border-box;
}

.teamBox h3{
    color:#fff;
    font-size:3rem;
    margin-bottom:3rem;
}

.teamBox p{
    color:#bcbcbc;
    font-size:2.6rem;
}

.teamBox span[class^="ico"]{
    display: inline-block;
    width:9rem;
    height:9rem;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    position:absolute;
    right:5rem;
    top:-3.5rem;
}

.ico_puzzle{
    background-image:url(../img/ico_puzzle.png);
}

.ico_bracket{
    background-image:url(../img/ico_bracket.png);
}

.ico_badge{
    width:10rem;
    height:10rem;
    background-image:url(../img/ico_badge.png);
}

.ico_check{
    background-image:url(../img/ico_check.png);
}


.cnt_field{
    display: flex;
    margin-bottom:11rem;
}

.cnt_field .flex_tit{
    display: inline-block;
    width:30rem;
    
}

.cnt_field .flex_inner{
    width:calc(100% - 30rem);
    display: inline-block;
    overflow: hidden;
}

.slideWrap{
    padding:0 2rem 2rem;
}

.slideWrap > div{
    background:#fff;
    border-radius: 2rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    overflow: hidden;
    width:40rem;
    box-sizing:border-box;
    min-height:45rem;
}

.imgBox{
    overflow: hidden;
    display: block;
    width:100%;
    height:25rem;
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
}

.txtBox{
    padding:4rem;
    width:40rem;
    box-sizing:border-box;
}

.txtBox h3{
    font-size:2.8rem;
    margin-bottom:2rem;
    letter-spacing: -0.06rem;
}

.txtBox p{
    font-size:2.4rem;
    color:#7f7f7f;
}

.single-item{
    padding:10rem 5rem 5rem;
}

.single-item > div{
    position:relative;
    padding-top:10rem;
    background:#fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius:2rem;
    padding:5rem;
    min-height:15rem;
}

.people-img{
    position:absolute;
    bottom:0;
    left:5%;
    width:23.6rem;
}

.wordBox{
    margin-left:30rem;
    text-align: right;
}

.wordBox p{
    font-size:3rem;
    margin-bottom:2.4rem; 
    line-height:1.1;
    font-weight:600;
}

.wordBox b{
    color:#7f7f7f;
    font-size:2.4rem;
    font-weight:400;
}

.slick-prev::before, .slick-next::before{
    display: none;
}

.cnt_word .slick-prev,
.cnt_word .slick-next{
    width: 6rem;
    height: 6rem;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center;
}

.cnt_word .slick-next{
    transform:scaleX(-1);
    margin-top:-3rem;
}

.cnt-3-area{
    position:relative;
    padding:20rem 0 18rem;
}

.cnt-3-area h2{
    line-height:1.4;
}

.cnt-3-back-txt{
    color: rgba(0, 0, 0, 0.03);
    font-size: 7.4rem;
    font-weight: 600;
    position: absolute;
    top: 13rem;
    letter-spacing: -0.1rem;
}

.img_underLine{
    padding:0 1rem 1rem 0;
    background-image:url(../img/ico_ubderLinepng.png);
    background-size:contain;
    background-position:bottom;
    background-repeat: no-repeat;
    position:relative;
}

.img_underLine::before{
    content:'';
    display:inline-block;
    width:6.8rem;
    height:6.4rem;
    background-image:url(../img/ico_star.png);
    background-size:contain;
    background-position:bottom;
    background-repeat: no-repeat;
    position:absolute;
    left:-6.8rem;
    top:-1rem;
}

.img_underBracket{
    display: inline-block;
    width:8rem;
    height:8rem;
    margin-left:1.5rem;
    text-indent: -9999px;
    background-image:url(../img/ico_underBracket.png);
    background-size:contain;
    background-position:bottom;
    background-repeat: no-repeat;
}

.list_2type{
    margin-top:10rem;
    display: grid;
    grid-template-columns: 50% 50%;
    gap:1%;
}

.list_2type li{
    background:#fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius:2rem;
    padding:4rem;
    margin-bottom:1rem;
}

.list_2type h3{
    font-size:3rem;
    margin-bottom:1.5rem;
}

.list_2type p{
    font-size:2.2rem;
    color:#717171;
    width:65%;
}

.list_2type li{
    background-repeat: no-repeat;
}

.list_2type li:nth-child(1){
    background-image:url(../img/benefit01.png);
    background-size:27rem;
    background-position:120% 130%;
}

.list_2type li:nth-child(2){
    background-image:url(../img/benefit02.png);
    background-size:20rem;
    background-position:right bottom;
}

.list_2type li:nth-child(3){
    background-image:url(../img/benefit03.png);
    background-size:24rem;
    background-position:right bottom;
}

.list_2type li:nth-child(4){
    background-image:url(../img/benefit04.png);
    background-size:16rem;
    background-position:right bottom;
}

.footer{
    background:#1a1919;
}

.terms-box{
    border-bottom:1px solid #393a3a;
    padding:3rem 0;
}

.terms-box li{
    display: inline-block;
}

.terms-box a{
    color:#48443b;
    font-size:2rem;
    margin: 0 3rem;
}

.terms-box li:first-child a{
    margin-left:0;
}

.c999{
    color:#999 !important;
}

address{
    padding:3.5rem 0;
}

address p{
    color:#464545;
    font-size:2rem;
    margin-bottom:0.5rem;
}

address p span{
    margin-right:3.5rem;
}

address p:last-child{
    margin-bottom:0;
}

.footer_point, .footer_point a{
    color:#83898c;
    font-size:2.6rem;
    font-weight:600; 
    margin-bottom:2rem;
}

.copyright{
    margin-top:2.5rem; 
}

.hide_tit{
    display: none;;
}


@media (max-width: 1280px) {
    .contBox{
        width: auto;
        margin:0 1rem;
    }
}

@media (max-width: 768px) {
    .logoBox {
        width: 12rem;
    }

    .menuBox li {
        padding: 0 2rem;
    }

    .menuBox {
        font-size: 1.5rem;
    }

    .cnt-1-area {
        padding: 14.5rem 0 7rem;
    }

    h2{
        font-size:2.8rem;
    }

    .img_clap, .img_thumb {
        width: 6rem;
        height: 6rem;
        margin:0 0;
    }

    .cnt-1-area h2 b{
        line-height:6rem;
    }

    .img_circle{
        width:11rem;
        height:6rem;
    }

    h1 {
        font-size: 6rem;
    }

    .cnt-1-area h1{
        margin:0 0 3rem;
    }

    .img_pick{
        top: -1rem;
        left: -2rem;
        height: 5rem;
    }

    .img_pro{
        width:7rem;
        height:7rem;
    }

    .cnt-1-area p{
        font-size:1.8rem;
        line-height:1.2;
    }

    .cnt-1-area br{
        display: none;
    }

    .cnt-1-area p:last-child {
        margin-top: 2rem;
    }

    .cnt-1-area p:not(.c777){
        font-weight:500;
        font-size:2rem;
    }

    .cnt-2-area {
        padding: 6rem 0 2rem;
    }

    .cnt-2-back-txt{
        position:inherit;
        font-size:4rem;
        margin-left:2.3rem;
    }

    .wheel-slider {
        padding-left: 0;
        margin: 0 0;
    }

    .teamBox{
        padding-top:0;
    }

    .hide_tit{
        display: block;
        font-size:2.5rem;
        font-weight:600;
        color:#132112;
        letter-spacing: -0.15rem;
        margin:0 5rem 0 2.1rem;
        line-height:1.2;
    }

    .teamBox > div {
        padding: 2.5em;
        border-radius: 1.6rem;;
    }

    .teamBox h3 {
        font-size: 2rem;
        margin-bottom: 1.2rem;
        line-height: 1.1;
    }

    .teamBox p{
        font-size:1.8rem;
    }

    .teamBox span[class^="ico"] {
        width: 7rem;
        height: 7rem;
        right: 1rem;
        top: -4.5rem;
    }

    .teamBox {
        height: auto;
    }

    .cnt_team {
        margin-bottom: 8rem;
    }

    .cnt_field{
        flex-direction: column;
        margin-bottom:0;
    }

    .cnt_field h2{
        margin-bottom:2.2rem;
    }

    .cnt_field .slick-prev, .cnt_field .slick-next{
        display: none;
    }

    .slideWrap {
        padding: 0 0 2rem;
    }

    .cnt_field .flex_inner {
        width: auto;
    }

    .slideWrap > div{
        display: flex;
        min-height:auto;
        width:auto;
        border-radius: 1.6rem;
    }

    .imgBox {
        width: 10rem;
        height:auto;
    }

    .txtBox{
        padding:2rem;
        width:calc(100% - 10rem);
    }

    .txtBox h3 {
        font-size: 2rem;
        margin-bottom:0.5rem;
    }

    .txtBox p {
        font-size: 1.8rem;
        line-height:1.1;
    }

    .single-item {
        padding: 6rem 2rem 3rem;
    }

    .single-item > div {
        padding-top: 10rem;
        border-radius: 1.6rem;
        padding: 2.5rem;
        min-height: auto;
    }

    .people-img {
        left: 1rem;
        width: 11.5rem;
    }

    .people-img img{
        width:100%;
    }

    .wordBox {
        margin-left: 11rem;
    }

    .wordBox p {
        font-size: 1.8rem;
        margin-bottom:1.6rem;
        letter-spacing: -0.1rem;
        line-height:1.5;
    }

    .wordBox p br{
        display: none;
    }

    .wordBox b {
        font-size:1.3rem;
    }

    .cnt_word .slick-prev, .cnt_word .slick-next{
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background-size:60%;
    }

    .slick-prev {
        left: -1rem;
        z-index:1;
    }

    .slick-next {
        right: -1.2rem;
        z-index:1;
    }

    .cnt_word .slick-next{
        transform:scaleX(-1);
        margin-top: -2rem;
    }

    .cnt-3-area {
        padding: 11rem 0 8rem;
    }

    .cnt-3-back-txt{
        top: 7rem;
        font-size:4rem;
    }

    .cnt-3-area h2 {
        padding-left: 1.5rem;
    }

    .img_underLine::before {
        width: 3rem;
        height: 3rem;
        left: -2rem;
        top: -1rem;
    }

    .img_underBracket {
        width: 4rem;
        height: 4rem;
        margin-left:0.5rem;
    }

    .list_2type {
        margin-top: 3rem;
        display: inherit;
    }

    .list_2type h3 {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

    .list_2type li{
        padding: 2.2rem;
    }

    .list_2type p {
        font-size: 1.8rem;
        line-height:1.1;
    }

    .list_2type li:nth-child(1) {
        background-size: 17rem;
    }

    .list_2type li:nth-child(2) {
        background-size: 13rem;
    }

    .list_2type li:nth-child(3) {
        background-size: 17rem;
    }

    .list_2type li:nth-child(4){
        background-size: 11rem;
    }

    .terms-box a {
        color: #48443b;
        font-size: 1.4rem;
        margin: 0 1rem;
    }

    address {
        padding: 1.5rem 0;
        text-align: center;;
    }

    .footer_point, .footer_point a {
        font-size: 1.4rem;
        font-weight: 400;
        margin-bottom: 1rem;
    }

    address p {
        font-size: 1.4rem;
        line-height:1;
    }

    .copyright {
        margin-top: 1.5rem;
    }

    .terms-box {
        padding: 2rem 0;
        text-align: center;
    }







}