html {
    font-size:62.5%!important;
}

section{overflow: hidden;}
div { transition:ease-in-out; -webkit-transition:ease-in-out; -moz-transition:ease-in-out; -ms-transition:ease-in-out; -o-transition:ease-in-out; }


canvas {display: none!important;}
.mo_only, .mo_br {display: none;}


@media (max-width:1600px) and (min-width:992px) {
    html {font-size:50.5%!important;}
}


@media (max-width:991px) and (min-width:769px) {
    html {font-size:45.5%!important;}
}





@media (max-width:768px) {
    .mo_only, .mo_br {display: block;}
    .pc_only, .pc_br {display: none!important;}
}


@font-face {
    font-family: 'RiaSans-ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Freesentation-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Freesentation-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}



@font-face {
    font-family: 'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}





.riaF {
    font-family: 'RiaSans-ExtraBold';
}

.pp5F {
    font-family: 'Paperlogy-5Medium';
}

.pp6F {
    font-family: 'Paperlogy-6SemiBold';
}

.pp7F {
    font-family: 'Paperlogy-7Bold';
}

.pp8F {
    font-family: 'Paperlogy-8ExtraBold';
}

.free5F {
    font-family: 'Freesentation-5Medium';
}
.freeF {
    font-family: 'Freesentation-6SemiBold';
}

.txtEffect {
    overflow: hidden;
}

.acaImg {}

.acaImg img {width:100%; height: auto;}


/* +++++++++++++++ header START ~ +++++++++++++++ */

.toyHeader {
    top:0;
    width:100%;
    z-index: 100;
    position: fixed;
    background:#1d478f;
}

.toyHeaderInner {
    width: 100%;
    max-width: 1680rem;
    padding: 3.1rem 2rem;
    display: flex;
    justify-content: center;
}
.toyHeaderT {
    text-align: center;
    font-size: 3rem;
    letter-spacing: -0.025em;
    color: #fef200;
    display: flex;
    align-items: center;
    justify-content: center;
}

.smbOnly {display: none;}
@media (max-width:767px) {
    .toyHeaderT {font-size: 1.3rem;}
}

@media (max-width:300px) {
    .smbOnly {display: block;}
}
/* +++++++++++++++ ~ header END // +++++++++++++++ */


/* +++++++++++++++ sec01 START ~ +++++++++++++++ */

#sec01 {
    width: 100%;
    overflow: hidden;
    background: #98bfdc;
    height: 108rem;
    POSITION: RELATIVE;
}

#sec01 .contInner {
    width: 100%;
    display: flex;
    max-width: 168rem;
    padding: 17.8rem 2rem 0;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

.sec01Stitle {
    width:100%;
    max-width:51.1rem;
}

.sec01Stitle img {
    width:100%;
    height: auto;
}


.sec01Title {
    width:100%;
    max-width:55.7rem;
    margin-top:2.2rem;
}

.sec01Title img {
    width:100%;
    height: auto;
}


.sec01Txt {
    color:#000000;
    margin-top:3.6rem;
    font-size: 4.2rem;
    letter-spacing: -0.05em;
}
.sec01Stxt {
    color:#000000;
    margin-top:1.4rem;
    font-size:2.5rem;
    letter-spacing: -0.01em;
}
.logoImg {
    width:100%;
    margin-top:4.8rem;
    max-width:53.8rem;
}
.logoImg img {
    width:100%;
    height: auto;
}


.sec01Botm {
    position: relative;
    margin-top: 14rem;
    z-index: 1;
}
.sec01Object {
    width: 100%;
    max-width: 108.5rem;
    z-index: 1;
    position: relative;
    transform: translateY(-54%) translateX(-2.5%);
}
.sec01Object img {
    width:100%;
    height: auto;
}

.sec01BotmCircle {
    width: 206.6rem;
    height: 0;
    background: #fef200;
    border-radius: 999%;
    -webkit-border-radius: 999%;
    -moz-border-radius: 999%;
    -ms-border-radius: 999%;
    -o-border-radius: 999%;
    padding-bottom: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.particle01 {
    position: absolute;
    left: 0;
    bottom:0;
    z-index: 0;
}

.particle02 {
    position: absolute;
    bottom: 0;
    z-index: 0;
    right: 0;
}

.sec01BotmConIce {
    position: absolute;
    left: 50%;
    BOTTOM: 0;
    z-index: 1;
    transform: translate(-51%, -0%);
	width:37rem;
}

.sec01BotmConIce img {
	width:100%;
	height:auto;
}


.sec01Object img {
    opacity: 00;
}

.sec01ObjectLeft {
    position: absolute;
    left: -2%;
    width: 40%;
    z-index: 1;
    top: -27.6%;
	transition:none;
}


.sec01ObjectLeft img {
    width: 100%;
	height:auto;
}


.sec01ObjectCenter {
    position: absolute;
    top: -44%;
    left: 37%;
    z-index: 1;
    width: 24.3rem;
	transition:none;
}

.sec01ObjectCenter img {
	width:100%;
	height:auto;
}

.sec01ObjectCenter img {
	width:100%;
	height:auto;
}

.sec01ObjectRight {
    position: absolute;
    right: 0;
    top: -22.2rem;
    width: 40%;
    z-index: 1;
	transition:none;
}


.sec01ObjectRight img {
    width: 100%;
	height:auto;
}



@media (max-width:768px) {
    #sec01 {height: auto;}
    #sec01 .contInner {padding: 8.9rem 2rem 0;}

    .sec01Txt {margin-top: 2rem; font-size: 2.1rem;}
    .sec01Stxt {margin-top: 0.9rem; font-size: 1.2rem;}

    .logoImg {margin-top: 5.3rem; max-width: 24.3rem;}



    .sec01Stitle {width: 100%; max-width: 24.33rem;}
    .sec01Title {
        width: 80.5%;
        max-width: 26.95rem;
        margin-top: 1.2rem;
    }


    .acaImg {
        width: 8.5rem;
    }


    .toyHeaderInner {
        padding: 1.3rem 2rem 1.1rem;
    }


    .particle01 {width:100%; bottom: 12rem;}
    .particle02 {width:100%;}

    .particle01 img {width:100%; height: auto;}
    .particle02 img {width:100%; height: auto;}



    .sec01BotmConIce {
        position: absolute;
        left: 50%;
        BOTTOM: 0;
        z-index: 1;
        transform: translate(-50%, -0%);
        width: 50%;
    }

    .sec01BotmConIce img {width:100%;}
	
	.sec01ObjectCenter {
		left: calc(50% - 15%);
		width: 30%;
	}


	.sec01BotmCircle {
		width: 89.6rem;
	
	}
	
	
	.sec01ObjectRight {
	
		right: -11px;
		top: -38%;
		width: 40%;
	
	}
}

/* +++++++++++++++ ~ sec01 END // +++++++++++++++ */

.rollTextArea {
    z-index: 1;
    position: relative;
}
.marquee-container {
    width: 100%;
    overflow: hidden;
    background: #dc0008;
    white-space: nowrap;
    padding:1.8rem 0 1.5rem;
}

.marquee-track {
    display: flex;
    width: max-content;
}


.marquee-container img {
    width:100%;
    height: auto;
}

/* +++++++++++++++ ~ sec02 START // +++++++++++++++ */
#sec02 {
    position: relative;
    background: linear-gradient(-180deg, #FFF 5%, #c3ddf1 95%);
    overflow: hidden;
}
.sec02Inner {
    padding:13.4rem 2rem 0;
}

.sec02Cont {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sec02Stitle {
    font-size:3.6rem;
    letter-spacing: -0.025em;
}

.sec02StitleBox {
    text-align: center;
    background: #204688;
    border-radius: 4.2rem;
    padding:2.6rem 3.5rem 2.3rem 3.5rem;
}

.sec02Stitle.pp8F {
    color: #fff;
    font-size: 4rem;
    line-height: 1;
}
.sec02Stitle.pp8F .noy.riaF {
    font-size: 5rem;
    color: #fff200;
    line-height: 0.25;
}
.sec02TitleBox {
    color:#000;
    font-size:3.6rem;
    letter-spacing: -0.025em;
}

.sec02TitleBox {
    margin-top:5.4rem;
}

.sec02TitleBoxT {
    text-align: center;
    color:#204688;
    font-size:7.2rem;
    line-height: 9.5rem;
    letter-spacing: -0.05em;
}

.sec02Txt {
    color:#000;
    font-size:3.5rem;
    margin-top:4.3rem;
    letter-spacing: -0.025em;
}

.sec02Logo {
    width:100%;
    height: auto;
    max-width:61.1rem;
}

.sec02Logo img {
    width:100%;
    height: auto;
}


.plusList {
    width: 100%;
    max-width: 102.3rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top:9.8rem;
}

.plusList li {
    position: relative;
    max-width: 31.2rem;
    width: calc(100%/3 - 2.866rem);
    border-radius: 58px;
    box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.07);
}

.plusList li img {
    width:100%;
    height: auto;
}

.plusList li::before {
    content: '';
    width: 8.2rem;
    height: 8.2rem;
    padding-bottom: 0;
    background: url(../img/toyImages/s02_plusIcon.png) no-repeat center / cover;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(-25%,-50%);
    z-index: 1;
    border-radius: 50%;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.07);
}

.plusList.aos-animate li::before{
    animation: stampBounce 1s ease-out forwards;
    -webkit-animation: stampBounce 1s ease-out forwards;
}


.plusList li:last-child::before {
    display: none;
}



.sec02Ice {
    position: absolute;
    height: auto;
    z-index: 0;
    animation: sec02Ice01Ani 3s ease-in-out infinite;
    -webkit-animation: sec02Ice01Ani 3s ease-in-out infinite;
}

.sec02Ice.sec02Ice02 { animation-delay: 0.5s;}

.sec02Ice.sec02Ice03 { animation-delay: 0.7s;}


.sec02Ice img {width:100%; height: auto;}
.sec02Ice01 {
    width: 20.5rem;
    top: 0%;
    left: 14%;
}

.sec02Ice02 {
    width: 20.5rem;
    top: 20%;
    right: 5%;
}


.sec02Ice03 {
    width: 16.6rem;
    top: 33%;
    left: 9%;
}

.sec02Ice04 {
    width: 17.7rem;
    bottom: 27%;
    right: 0%;
}

.sec02Botm {
    margin-top: 0;
    padding-top: 50rem;
    position: relative
}

.sec02Object {
    width: 100%;
    max-width: 113.8rem;
    margin: 0 auto;
    transform: translateY(15rem );
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,15rem );
}
.sec02Object img {
    width:100%;
    height: auto;
}
.sec02Circle {
    width:100%;
    height: auto;
}

.sec02Circle img {
    width:100%;
    height: auto;
}


@media (max-width:768px) {
    .sec02Inner {padding: 9.4rem 2rem 0;}

    .sec02TitleBox {margin-top: 2.3rem;}

    .sec02Stitle.pp8F {
        font-size: 1.7rem;
    }


    .sec02Stitle.pp8F .noy.riaF {
        font-size: 2rem;
        line-height: 3.7rem;
    }

    .sec02StitleBox {
        border-radius: 4.2rem;
        padding: 1rem 1.5rem 0.7rem 1.3rem;
    }

    .sec02TitleBoxT {
        font-size: 3.2rem;
        line-height: 5rem;
        letter-spacing: -0.05em;
    }

    .sec02Logo {
        max-width: 25.5rem;
        margin-top: 1rem;
    }

    .sec02Txt {
        font-size: 1.5rem;
        margin-top: 1.8rem;
    }

    .plusList {
        margin-top: 3.8rem;
    }

    .plusList {
        width: 100%;
        max-width: 102.3rem;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: 3.8rem;
        flex-direction: column;
        align-items: center;
    }

    .plusList li:first-child {margin-top:0;}
    .plusList li {
        width:100%;
        max-width: 17.6rem;
        margin-top: 1.7rem;
    }


    .plusList li::before {
        width: 4.4rem;
        height: 4.4rem;
        left: 45%;
        top: unset;
        bottom: -75%;
    }

    .sec02Botm {
        margin-top: 0;
        padding-top: 5.9rem;
        position: relative;
    }


    .sec02Object {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        z-index: 1;
    }


    .sec02Circle {
        width: 240%;
        height: auto;
        transform: unset;
        height: auto;
        position: absolute;
        bottom: 0;
        z-index: 0;
        left: 50%;
        transform: translateX(-50%);
    }


    .sec02Ice02 {
        width: 9rem;
        top: -1%;
        right: 5%;
    }

    .sec02Ice03 {
        width: 7.7rem;
        top: 50%;
        left: -10%;
    }
    .sec02Ice04 {
        width: 6.7rem;
        bottom: unset;
        right: 0%;
        top: 31%;
    }

}

/* +++++++++++++++ ~ sec02 END // +++++++++++++++ */




/* +++++++++++++++ sec03 START ~  // +++++++++++++++ */
#sec03 {
    position: relative;
}

#sec03::before {
    content: '';
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(360deg, #FFF 5%, #c3ddf1 95%);
    z-index: -1;
}

#sec03::after {
    content: '';
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(360deg, #FFF 5%, #fef200 95%);
    z-index: -1;
}

.sec03Inner {
    width: 100%;
    max-width: 157rem;
    padding: 13.7rem 2rem 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.sec03Left, .sec03Right {
    width:50%;
}

.sec03Title {
    text-align: center;
    font-size: 7rem;
    line-height: 8.7rem;
    letter-spacing: -0.025em;
    color: #204688;
}

.sec03Title .redT {
    color:#dc0008;
}

.sec03Title.marTop {
    margin-top:1rem;
}


.sec03StroeGroup {
    width:100%;
    margin-top:9rem;
    position: relative;
}


.sec03StroeGroup .sec03Stroe {
    width: 50%;
    margin: 0 auto;
    max-width: 65.7rem;
    transform: translateX(-3rem);
}

.sec03StroeGroup .sec03Stroe img {
    width:100%;
    height: auto;
}

.leftTBoxGroup {
    position: absolute;
    left: 0;
    top: 0;
}

.RightTBoxGroup {
    position: absolute;
    right: 0;
    top: 0; 
}

.leftTBox {
    background: url(../img/toyImages/s03_talkBox.png) no-repeat center / contain;
    display: inline-block;
    padding: 0;
    height: 14.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0.6rem;
    width: 43rem;
}

.RightTBoxGroup .leftTBox {
    background: url(../img/toyImages/s03_talkBoxBlue.png) no-repeat center / contain;
}


.leftTBox:last-child {
    margin-top:5.3rem;
}

.leftTBoxT {
    font-size:4.2rem;
    letter-spacing: -0.025em;
    color:#fef200;
}
.leftTBoxT span {
    color: #FFF;
    font-size: 5.2rem;
    margin-left: 1rem;
}


@media (max-width:768px) {
    .sec03Inner {
        padding: 5.4rem 2rem 2rem;
    }

    #sec03::before {
        content: '';
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: 29%;
        background: linear-gradient(360deg, #fef200 3%, #c3ddf1 25%);
        z-index: -1;
    }

    #sec03::after {
        content: '';
        width: 100%;
        position: absolute;
        right: 0;
        top: 29%;
        height: 50%;
        background: linear-gradient(360deg, #FFF 5%, #fef200 37%);
        z-index: -1;
    }



    .sec03Left, .sec03Right {
        width: 100%;
    }


    .sec03Left.fade-Left {
        margin-bottom: 10.8rem;
    }

    .sec03Title {
        font-size: 3.2rem;
        line-height: 4rem;
        letter-spacing: -0.025em;
    }


    .sec03StroeGroup .sec03Stroe {
        width: 82.1%;
        margin: 0 auto;
        max-width: 65.7rem;
        transform: unset;
    }



    .leftTBox {
        height: 5.1rem;
        padding-bottom: 0;
        width: 14.4rem;
        box-shadow: 0px 3px 0px rgba(0,0,0,0.09);
        border-radius: 2.55rem;
    }

    .leftTBoxT {
        font-size: 1.6rem;
        letter-spacing: -0.025em;
        color: #fef200;
    }

    .leftTBoxT span {
        font-size: 2rem;
        margin-left: 0.5rem;
    }

    .leftTBox:last-child {
        margin-top: 2.1rem;
    }


    .leftTBoxGroup {
        position: relative;
        left: unset;
        top: unset;
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .RightTBoxGroup {
        position: relative;
        right: unset;
        top: unset;
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .moTalkBox {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-top: 4.8rem;
    }


    .leftTBox {
        background: url(../img/toyImages/s03_talkBox_mo.png) no-repeat center / contain;
    }

    .RightTBoxGroup .leftTBox {
        background: url(../img/toyImages/s03_talkBoxBlue_mo.png) no-repeat center / contain;
    }


    .sec03StroeGroup {
    width: 100%;
    margin-top: 4.6rem;
    position: relative;
}

}


/* +++++++++++++++ ~ sec03 END // +++++++++++++++ */

/* +++++++++++++++ sec04 & sec06 START ~  +++++++++++++++ */

#sec04 {
    overflow: hidden;
    position: relative;
    background: linear-gradient(360deg, #fffa98 5%, #fef200 95%);
}
#sec04 .sec04Inner {
    padding: 14.2rem 2rem 19.3rem;
    position: relative;
    z-index: 1;
}
#sec04 .marquee-container {
    width: 22rem;
    overflow: hidden;
    background: none;
    white-space: nowrap;
    padding: 0;
}

.uptoFlow {
    flex: flex;
    flex-direction: column;
    display: flex;
    align-items: center;
    width: 100%;
}
.sec04TitleBox {
    text-align: center;
}

.sec04Title {
    font-size:7.5rem;
    color:#204688;
    letter-spacing: -0.05em;
}


.sec04Title span.blue {
    color:#2083c7;
}

.sec04STxt {
    font-size:3.6rem;
    letter-spacing: -0.025em;
    color:#000;
    margin-top:4.5rem;
}

.brandColabo {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 12rem;
}


.brand01 {width: 100%; max-width: 61.1rem;}
.brand01 img {width:100%; height: auto;}

.brandX {width: 9.3rem; margin: 4.5rem 0;}
.brandX img {width:100%; height: auto;}

.brand02 {width:100%; max-width:59.1rem;}
.brand02 img {width:100%; height: auto;}


#sec04 .marquee-container img {
    width:100%;
    height: auto;
}


.rollTextArea.left {
    width: 22rem;
    position: absolute;
    left: 5%;
    height: 100%;
    top: 0;
}

.rollTextArea.right {
    width: 22rem;
    position: absolute;
    right: 5%;
    height: 100%;
    top: 0;
}

.sec04Botm {
    position: absolute;
    bottom: 0;
    z-index: 0;
}

.sec04Botm img {width:100%;}


#sec06 {
    overflow: hidden;
    position: relative;
    background: linear-gradient(360deg, #dff1ff 5%, #b3dfff 95%);
}
#sec06 .sec04Inner {
    padding: 14.2rem 2rem 19.3rem;
    position: relative;
    z-index: 1;
}

#sec06 .marquee-container {
    width: 22rem;
    overflow: hidden;
    background: none;
    white-space: nowrap;
    padding: 0;
}

#sec06 .brand02 {width:100%; max-width:48.6rem;}
#sec06 .brand02 img {width:100%;}



#sec08 {
    overflow: hidden;
    position: relative;
    background: linear-gradient(360deg, #fffbca 5%, #fff584 95%);
}
#sec08 .sec04Inner {
    padding: 14.2rem 2rem 19.3rem;
    position: relative;
    z-index: 1;
}

#sec08 .marquee-container {
    width: 22rem;
    overflow: hidden;
    background: none;
    white-space: nowrap;
    padding: 0;
}

#sec08 .brand02 {
    width: 100%;
    max-width: 52.9rem;
}


@media (max-width:768px) {

    .marquee-container {
        padding: 0.4rem 0 0.2rem;
    }


    .marquee-text {
        margin-right:3rem;
        height: 3.2rem;
    }

    .marquee-text img {
        width: auto;
        height: 100%;
    }

    .brand01 {max-width: 25.1rem;}
    .brandX {width: 3.8rem; margin: 1.8rem 0 2rem;}

    .sec04Title {font-size: 3.2rem;}
    .sec04STxt {font-size: 1.5rem; margin-top: 1.9rem;}

    .rowToys {width: 100%; padding: 0 2rem; position: absolute; top: 1.2rem;}
    .rowToys img {width:100%; height: auto;}


    /* sec04 */
    #sec04 .sec04Inner {padding: 14.2rem 2rem 14.7rem;}


    .brand02 {max-width: 24.2rem;}

    /* sec06 */
    #sec06 .sec04Inner {padding: 14.5rem 2rem 13.8rem;}
    #sec06 .brand02 {width:100%; max-width:22rem;}


    /* sec08 */
    #sec08 .sec04Inner {padding: 14.5rem 2rem 13.6rem;}
    #sec08 .brand02 {width: 100%; max-width: 20.1rem;}

    .brandColabo { margin-top: 6.3rem;}


    #sec08 .sec04Botm {
        width:100%;
    }
    #sec08 .sec04Botm img {
        width:100%;
        height: auto;
    }

}

/* +++++++++++++++ ~ sec04 & sec06 & sec08 END // +++++++++++++++ */


/* +++++++++++++++ sec05 START ~ +++++++++++++++ */
#sec05 {
    position: relative;
    background: url(../img/toyImages/s05_bg.jpg) no-repeat center / cover;
    overflow: hidden;
}

.sec05Bg {
    position: absolute;
    z-index: 0;
    opacity: 0.2;
    width: 100%;
    left: 50%;
    top: 0;
    transform: translate(-50%,0%);
}

.sec05Bg img {
    width:100%;
}

.sec05Inner {
    z-index: 1;
    position: relative;
    max-width: 116rem;
    margin: 0 auto;
    padding:15rem 2rem 0;
}

#sec05::Before {
    content:'';
    width:100%;
    height:21.5rem;
    background: #f0e10a;
    position: absolute;
    bottom:0;
}


#sec05::after {
    content:'';
    width:100%;
    height:3.6rem;
    background: url(../img/toyImages/s05_botmBar.jpg) no-repeat center / cover;
    position: absolute;
    bottom:0;
}

.cacImg {
    max-width: 46.2rem;
    width: 100%;
    margin: 4.7rem auto 6.2rem;
}

.cacImg img {
    width:100%;
    height: auto;
}

.sec05Air {
    position: absolute;
    left: -10%;
    top: 32%;
    width: 100%;
    max-width: 36.9rem;
}

.sec05Air img {
    width:100%;
    height: auto;
}

.sec05Botm {
    display: flex;
    justify-content: center;
    z-index: 1;
    position: relative;
    padding-bottom: 24.8rem;
}


.sec05Car {
    position: absolute;
    left: 0%;
    bottom: 14%;
}

.sec05Car img {
    width:100%;
    height: auto;
}

.sec05Stemp {
    width: 100%;
    max-width: 51.1rem;
}

.sec05Stemp img {
    width: 100%;
    height: auto;
}


.sec05Car img {
    width:100%;
    height: auto;
}

.sec05Robot {
    position: absolute;
    right: 0;
    bottom: 22%;
}

.sec05Robot img {
    width:100%;
    height: auto;
}

@media (max-width:768px) {

    #sec05::Before {
        height: 10.5rem;
    }

    .sec05Inner {
        padding: 5.5rem 2rem 0;
    }

    .sec05Botm {
        padding-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 23rem;
    }

    .sec05BotmMo.mo_only {
        display: flex;
        justify-content: flex-end;
    }

    .cacImg {
        max-width: 19.8rem;
        width: 100%;
        margin: 2.5rem auto 2.7rem;
    }

    .sec05Stemp {
        width: 57.34%;
        max-width: 51.1rem;
    }

    .sec05Car {
        width: 51%;
        left: -1%;
        bottom: unset;
        position: absolute;
        top: 55%;
    }

    .sec05Robot {
        width: 40.6%;
        right: 12%;
        bottom: unset;
        position: absolute;
        bottom: 3.3rem;
        z-index: 1;
    }

    .sec05RobotBox {
        width: 35%;
        height: auto;
        position: absolute;
        right: 0;
        bottom: 20%;
    }

    .sec05RobotBox img {
        width:100%;
        height: auto;
    }


    #sec05::after {
        height: 1.4rem;
    }


}

/* +++++++++++++++ ~ sec05 END // +++++++++++++++ */


/* +++++++++++++++ sec07 START ~  +++++++++++++++ */
#sec07 {background: #98bfdc;}
.sec07Inner {
    width: 100%;
    margin:0 auto;
    max-width:150rem;
    padding:13.7rem 2rem 13.9rem;
}
.sec07Title {
    color:#204688;
    font-size:7.2rem;
    text-align: center;
    line-height: 9.5rem;
    letter-spacing: -0.05em;
}
.sec07Title span.red {color:#dc0008;}

.sec07Cont {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8.6rem;
}

.whiteBox {
    width: 45.55%;
    height: auto;
    background: url(../img/toyImages/s07_whiteBox.png) no-repeat center / cover;
    text-align: center;
    display: flex;
    justify-content: center;
    max-width: 66.5rem;
    height: 0;
    padding-bottom: 32.34%;
    position: relative;
    z-index: 1;
    transform: translateX(3.1rem );
}

.whiteBox img {
    width:100%;
    height: 100%;
}
.sec07ContT {
    font-size: 4.7rem;
    letter-spacing: -0.025em;
    text-align: center;
    width: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 7.4%;
    line-height: 1.2;
}

.wbTTali.wbTTali01 {
    position: absolute;
    left: -1.7rem;
    top: 38%;
}

.wbTTali.wbTTali02 {
    position: absolute;
    right: -3.7%;
    top: 29%;
}

/* .wbTTali img {} */
.yellowBox {
    z-index: 0;
    width: 54.19%;
    right: 3.1rem;
    position: relative;
}
.yellowBox img {
    width:100%;
    height: auto;
}

.sec07BTxt01 {
    font-size: 3.6rem;
    color: #000;
    letter-spacing: -0.025em;
    margin-top: 5rem;
    text-align: center;
}

.sec07BTxtLi {
    width: 100%;
    display: flex;
    margin-top:3.6rem;
    justify-content: center;
}
.sec07BTxtLi li {
    font-size:1.8rem;
    letter-spacing: -0.025em;
    color:#696969;
    display: inline-block;
}

.sec07BTxtLi li:last-child {
    margin-left:2rem;
}



@media (max-width:768px) {

    .sec07Inner {
        padding: 5.5rem 2rem;
    }
    .sec07Title {
        font-size: 3.2rem;
        line-height: 4rem;
        letter-spacing: -0.05em;
    }

    .sec07Cont {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 8.6rem;
        flex-direction: column;
    }

    .whiteBox {
        width: 62%;
        transform: none;
        border-radius: 85px;
        padding-bottom: 44.01%;
        background: url(../img/toyImages/s07_whiteBoxMo.png) no-repeat center / cover;
        box-shadow:none;
    }

    

    .sec07ContT {
        font-size: 1.5rem;
    
    }

    .wbTTali.wbTTali01 {
        position: absolute;
        left: -1.7rem;
        top: 38%;
        max-width: 8.1rem;
    }

    .wbTTali.wbTTali02 {
        position: absolute;
        right: -3.7%;
        top: 29%;
        width: 8.1rem;
    }
    .yellowBox {
        z-index: 0;
        width: 76.42%;
        right: unset;
        position: relative;
        transform: none;
        margin-top: 1.6rem;
        border-radius: 81.5px;
        box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.09);
    }

    .yellowBox {
        background: url(../img/toyImages/sec07_yellowBoxMo.png) no-repeat center / cover;
        box-shadow: none;
    }
    .sec07BTxt01 {font-size: 1.6rem; margin-top: 3.9rem;}
    .sec07BTxtLi {
        width: 100%;
        margin-top: 1.3rem;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .sec07BTxtLi li {font-size: 1rem; line-height: 1.2rem;}
    .sec07BTxtLi li:last-child {margin-left: 0;}
}

/* +++++++++++++++ ~ sec07 END // +++++++++++++++ */

/* +++++++++++++++ sec09 START ~  +++++++++++++++ */

#sec09 {
    overflow: hidden;
    position: relative;
    background: url(../img/toyImages/s09_bg.png) no-repeat center / cover;
}

/* 코인 */
.s09Coin {position: absolute; height: auto; opacity: 0;}
.s09Coin.s09Coin01 {
    width: 22.8rem;
    left: 2%;
}

.s09Coin.s09Coin02 {
    width: 18.5rem;
    right: 12%;
    top: 8%;
}

.s09Coin.s09Coin03 {
    width: 20rem;
    left: 2%;
    top: 50%;
}

.s09Coin.s09Coin04 {
    width: 14rem;
    right: 0;
    bottom: 15%;
}



.s09Coin img {width:100%; height: auto;}

.sec09Inner {
    width: 100%;
    max-width: 120rem;
    padding: 13.9rem 2rem 22.5rem;
    margin: 0 auto;
}
.sec09TxtBox {
    margin-top: 12rem;
    position: relative;
}
.sec09Bee01 {
    width: 23.2rem;
    height: auto;
    position: absolute;
    top: -50%;
    animation: sec02Ice01Ani 3s ease-in-out;
    -webkit-animation: sec02Ice01Ani 3s ease-in-out infinite;
}
.sec09Bee01 img {
    width:100%; 
    height: auto;
}

.sec09Bee02 {
    width: 31.8rem;
    height: auto;
    position: absolute;
    right: -16%;
    top: -100%;
    transform: translateY(-50%);
    animation: sec02Ice01Ani 3s ease-in-out infinite;
    animation-delay: 0.5s;
}
.sec09Bee02 img {
    width:100%; 
    height: auto;
}


.sec09Title {
    font-size: 7.5rem;
    color: #204688;
    letter-spacing: -0.05em;
    margin-top:3.4rem;
}


.bonusTiem {
    letter-spacing: -0.05em;
}


.sec09Txt {
    color: #3c2408;
    font-size: 5.5rem;
    letter-spacing: -0.025em;
    text-align: center;
}
.sec09TxtB {
    font-size:7.2rem;
    color:#ff4e00;
}

.sec09ListGroup {
    margin-top: 10.8rem;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.sec09List {
    background: url(../img/toyImages/s09_listBg.png) no-repeat center / cover;
    border-radius: 30px;
    width: calc(100%/3 - 3.066rem);
    padding: 2.8rem 1rem 5.2rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.14);
}
.sec09List .num {
    position: relative;
    width: 4.6rem;
    height: 4.6rem;
    font-size: 2.8rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    padding-bottom: 0.3rem;
    font-family: "Pretendard";
}
.sec09List .num:before {
    content:'';
    z-index: -1;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width: 4.6rem;
    height: 4.6rem;
    background: url(../img/toyImages/s09_numCircle.png) no-repeat center / cover;
}
.sec09List .txt {
    margin-top: 2.5rem;
    font-size: 3.6rem;
    color: #3c2408;
    text-align: center;
    line-height: 4.8rem;
}
.sec09List .txt span {
    color:#ff4e00;
}


.sec09Swiper {
    height: auto!important;
    display: inline-flex!important;
    width: 100%;
}

@media (max-width:768px) {

    .bonusTiem {width: 12.8rem; margin: 0 auto;}
    .bonusTiem img {width: 100%; height:auto;}

    .sec09Title {
        font-size: 3.2rem;
        margin-top: 2rem;
        line-height: 4rem;
    }


    .sec09TxtBox {
        margin-top: 3rem;
        position: relative;
    }

    .sec09Txt {
        font-size: 2.2rem;
        /* line-height: 3.5rem; */
    }

    .sec09TxtB {
        font-size: 2.9rem;
        color: #ff4e00;
    }

    .sec09List .txt {
        margin-top: 1.8rem;
        font-size: 2.5rem;
        line-height: 3.293rem;
    }

    .sec09List .num {
        width: 3.1rem;
        height: 3.1rem;
        font-size: 2rem;
        line-height: 3.1rem;
        padding-bottom: 0.2rem;
        color:rgba(0,0,0,0);
    }

    .sec09List .num:before {
        width: 3.1rem;
        height: 3.1rem;
        background-size: contain;
        display: none;
    }

    .sec09List .num.one {
        background: url(../img/toyImages/s09_numCircleNum01.png) no-repeat center / contain;
    }

    .sec09List .num.two {
        background: url(../img/toyImages/s09_numCircleNum02.png) no-repeat center / contain;
    }

    .sec09List .num.three {
        background: url(../img/toyImages/s09_numCircleNum03.png) no-repeat center / contain;
    }

    

    .sec09Swiper {
        height: auto!important;
        display: inline-flex!important;
        width: 80%;
        margin-top: 4.8rem;
    }



    .sec09SwiperWrap {
        display: flex;
        justify-content: center;
    }


    .sec09Swiper {
        overflow: unset!important;
    }

    .sec09List {
        padding: 1.9rem 1rem 3.4rem;
        margin: 0 auto;
    }

    .s09Coin.s09Coin01 {
        width: 6.1rem;
        left: 8%;
    }

    .sec09Inner {
        width: 100%;
        max-width: 120rem;
        padding: 5.9rem 2rem 15rem;
        margin: 0 auto;
    }


    .s09Coin.s09Coin04 {
        width: 6rem;
        right: 0;
        bottom: unset;
        top: 43%;
    }


    .s09Coin.s09Coin03 {
        width: 11.6rem;
        left: 2%;
        top: unset;
        bottom: 3%;
    }

    .sec09Bee02 {
        right: 1rem;
        bottom: 1.5rem;
        top: unset;
        width: 13rem;
        z-index: 1;
    }

}



/* +++++++++++++++ ~ sec09 END // +++++++++++++++ */ 


/* +++++++++++++++ sec10 START ~  // +++++++++++++++ */ 
#sec10 {
    background: #93bfe0;
}

.sec10Inner {
    width:100%;
    margin:0 auto;
    max-width:124rem;
    padding:15rem 2rem 16rem;
    
}

.sec10Box {
    border-radius: 1.5rem;
    padding: 3rem 11.3rem 3rem 11.2rem;
    background: url(../img/toyImages/s10_boxBg.png) no-repeat center / cover;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 1.5rem;
    margin-bottom: 4.2rem;
    position: relative;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.15);
    height: 30.4rem;
    height: auto;
    min-height: 30.4rem;
}

.sec10Box:last-child {
    margin-bottom:0;
}

.sec10BoxTitle {
    font-size: 4.8rem;
    letter-spacing: -0.01em;
    color: #204688;
    word-break: keep-all;
}

.sec10BoxTitle span.skyblue {
    font-size:4.8rem;
    color:#4170f4;
}

.sec10BoxTitle span.highlight {
    color:#204688;
    position: relative;
    z-index: 0;
}

.sec10Box01  .sec10BoxTitle span.highlight {
    margin-right:0.7rem;
}

.sec10BoxTitle span.highlight::before {
    content: '';
    width: 104%;
    height: 110%;
    background: yellow;
    position: absolute;
    left: -2%;
    top: 0;
    z-index: -1;
}
.sec10BoxTxt {
    font-size: 2rem;
    color: #204688;
    margin-top: 3.2rem;
    letter-spacing: -0.01em;
    font-family: "Pretendard";
    font-weight: 500;
    line-height: 2.6rem;
    word-break: keep-all;
}

.sec10BoxImg img {
    width:100%;
}

.sec10Box01 .sec10BoxImg{
    width:15.4rem;
}

.sec10Box.sec10Box02 {
    justify-content: flex-end;
}
.sec10Box02 .sec10BoxTxtGroup {
    text-align: right;
}



.sec10Box02 .sec10BoxImg {
    width:33.6rem;
}

.sec10Box02 .sec10BoxImg {
    width: 33.6rem;
    position: absolute;
    left: 6rem;
    top: 50%;
    transform: translateY(-50%);
}

.sec10Box03 .sec10BoxImg {
    width:27rem;
}

.sec10Box.revers {
    flex-direction: row-reverse;
}

@media (max-width:768px) {

    .sec10Inner {
        width: 100%;
        margin: 0 auto;
        max-width: 124rem;
        padding: 5rem 2.9rem 5rem 3rem;
    }

    .sec10Box {
        border-radius: 1.5rem;
        padding: 2.6rem 1.5rem 2.2rem 1.5rem;
        border-radius: 1.5rem;
        margin-bottom: 2.3rem;
        position: relative;
        height: auto;
        min-height: 16.7rem;
    }


    .sec10BoxTitle {
        font-size: 1.9rem;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .sec10BoxTitle span.skyblue {
        font-size: 1.9rem;
    }

    .sec10BoxTxt {
        font-size: 1.1rem;
        margin-top: 1.3rem;
        line-height: 1.56rem;
        text-align: left;
    }


    .sec10Box01 .sec10BoxImg {
        width: 6.8rem;
        min-width: 6.8rem;
        margin-right: 1.7rem;
    }

    .sec10Box.revers {
        flex-direction: row;
        justify-content: flex-start;
    }
    .sec10Box.sec10Box02 {
        justify-content: space-evenly;
    }
    .sec10Box02 .sec10BoxImg {
        width: 7.8rem;
        position: relative;
        left: unset;
        top: unset;
        transform: unset;
        margin-right: 1.5rem;
        min-width: 7.8rem;
    }

    .sec10Box03 .sec10BoxImg {
        width: 7.6rem;
        margin-right: 0.8rem;
    }

    .sec10Box01  .sec10BoxTitle span.highlight {
        margin-right: 0.5rem;
    }


}

/* +++++++++++++++ ~ sec10 End // +++++++++++++++ */ 

/* +++++++++++++++ sec11 START ~  // +++++++++++++++ */ 
#sec11 {
    overflow: hidden;
}
.sec11Inner {
    width:100%;
    margin:0 auto;
    max-width:120rem;
    padding:13.2rem 2rem 22.3rem;
}
.sec11TitleBox {text-align: center;}
.sec11STxt {
    font-size: 3.6rem;
    letter-spacing: -0.025em;
    margin-top: 4.4rem;
}

.sec11Title {
    color: #204688;
    font-size: 7.2rem;
    margin-top: 2.6rem;
    letter-spacing: -0.05em;
}

.sec11ContGroup {
    margin-top: 4rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sec11CBox {
    width: calc(100%/3 - 5.666rem);
    padding-top: 5.5rem;
    position: relative;
	background: url(../img/toyImages/s11_bg.png) no-repeat right bottom / cover;
    border-radius: 30px;
    position: relative;
    padding: 11.5rem 1rem 5.8rem;
    margin-top: 13rem;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.06);
}

.sec11CBox img {
    width:100%;
    height: auto;
}

.sec11CBoxCircle {
    width: 13.5rem;
    height: 13.5rem;
    border-radius: 999%;
    background: #fef204;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-45%);
    box-shadow: 4px 4px 2.5px rgba(0, 0, 0, 0.06);
    -webkit-transform: translate(-50%,-45%);
    -moz-transform: translate(-50%,-45%);
    -ms-transform: translate(-50%,-45%);
    -o-transform: translate(-50%,-45%);
}

.sec11CBoxT {
    font-size: 3.2rem;
    letter-spacing: -0.025em;
    text-align: center;
}
.sec11CBoxT.Bold {
    font-size:3.8rem;
    letter-spacing: 0;
    margin-top:2.7rem;
}


.sec11ListGroup {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:8.5rem;
    
}

.sec11List {
    width: calc(100%/3 - 5.666rem);
    color: #FFF;
    font-size: 4.6rem;
    letter-spacing: -0.025em;
    padding: 3.9rem 1rem 4.1rem;
    background: url(../img/toyImages/s11_bboxBg.png) no-repeat center / cover;
    text-align: center;
    line-height: 4rem;
    opacity: 0;
    box-shadow: 4px 6px 0px rgba(0, 0, 0, 0.06);
    border-radius: 6.2rem;
}

@media (max-width:768px) {
    .sec11Inner {
        max-width: 120rem;
        padding: 5.5rem 2.4rem 4.8rem;
    }

    .sec11STxt {
        font-size: 1.5rem;
        letter-spacing: -0.025em;
        margin-top: 0rem;
    }

    .sec11Title {
        font-size: 3.2rem;
        line-height: 4rem;
        margin-top: 1.7rem;
    }

    .sec11CBox {
        width: calc(100%/2 - 0.7rem);
        padding-top: 5.5rem;
        position: relative;
        border-radius: 25px;
        padding: 4.3rem 1.9rem 2.8rem 2rem;
        margin-top: 4.3rem;
		box-shadow: 2px 3px 1.5px rgba(0, 0, 0, 0.06);
    }

    .sec11CBoxCircle {
        width: 5.4rem;
        height: 5.4rem;
    }

    .sec11CBoxT {
        font-size: 1.3rem;
    }


    .sec11ContGroup {
        margin-top: 2rem;
        padding: 0;
    }


    .sec11List {
        width: calc(100%/3 - 0.466666rem);
        font-size: 1.5rem;
        padding: 1.2rem 1rem 1.3rem 1rem;
        line-height: 1;
        box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.06);
        border-radius: 6.2rem;
    }


    .sec11ListGroup {
        margin-top: 4.5rem;
    }

}

/* +++++++++++++++ ~ sec11 End // +++++++++++++++ */ 


/* +++++++++++++++ sec12 START ~  // +++++++++++++++ */ 

#sec12 {background: #c3ddf1;}
.sec12Inner {
    width:100%;
    margin:0 auto;
    max-width:120rem;
    padding:13.2rem 2rem 11.6rem;
}

.sec12ContGroup {
    margin-top: 16.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sec12ContGroup.mo_only {
    display: none!important;
}

.sec12CBox {
    position: relative;
    width: calc(100%/3 - 4.266rem);
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.06);
    border-radius: 30px;
}

.sec12CBox:nth-child(2),
.sec12CBox:nth-child(3),
.sec12CBox:nth-child(5) {
    margin-left:6.4rem;
}


.sec12CBox:nth-child(4),
.sec12CBox:nth-child(5) {
    margin-top:6.4rem;
}

.sec12CBox .numBox {
    width: 9rem;
    height: 9rem;
    border-radius: 999%;
    background: url(../img/toyImages/s12_numBg.png) no-repeat center / cover;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.8rem;
    color: #000;
    padding-left: 0.5rem;
    position: absolute;
    left: 0%;
    top: 0%;
    transform: translate(-50%,-50%);
    box-shadow: 2px 2px 2.5px rgba(0, 0, 0, 0.14);
}
.sec12CBTitle {
    background: url(../img/toyImages/s12_bg01.png) no-repeat right / cover;
    text-align: center;
    padding: 3.3rem 1rem 2.8rem;
    border-radius: 30px 30px 0 0;
    font-size: 3.8rem;
    color: #204688;
}

.sec12CBTxt {
    width:100%;
	background: url(../img/toyImages/s12_bg02.png) no-repeat right / cover;
    border-radius: 0 0 30px 30px;
    text-align: center;
    font-size:2.5rem;
    letter-spacing: -0.025em;
    line-height: 3.5rem;
    padding: 3.5rem 1rem 3.8rem 1rem;
}

@media (max-width:768px) {
    .sec12Inner {
        padding: 5.5rem 4.5rem 4.9rem;
    }

    .sec12ContGroup {
        margin-top: 5.1rem;
        justify-content: space-between;
    }

    .sec12ContGroup.mo_only {
        display: block!important;
    }

    #sec12 .sec11Title {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    #sec12 .sec11STxt {
        font-size: 1.5rem;
        letter-spacing: -0.025em;
        margin-top: 1.7rem;
    }

    .sec12Swiper {
        overflow: unset;
        width: 86%;
    }
    .sec12CBox .numBox {
        width: 3.8rem;
        height: 3.8rem;
        font-size: 1.4rem;
        padding-left: 0;
        font-family: 'Paperlogy-8ExtraBold',"Pretendard";
    }

    .sec12CBox {
        position: relative;
        border-radius: 15px;
        width: 100%;
    }

    .sec12CBTitle {
        padding: 2.5rem 1rem 2rem;
        border-radius: 15px 15px 0 0;
        font-size: 2.8rem;
    }

    .sec12CBTxt {
        font-size: 1.7rem;
        line-height: 2.5rem;
        border-radius: 0 0 15px 15px;
        padding: 2.6rem 1.1rem 2.9rem 1.1rem;
        min-height: 6.5rem;
        letter-spacing: -0.025em;
    }

    .sec12CBox:nth-child(2), .sec12CBox:nth-child(3), .sec12CBox:nth-child(5) {
        margin-left: 0;
    }

    .sec12CBox:nth-child(3), .sec12CBox:nth-child(4), .sec12CBox:nth-child(5) {
        margin-top: 2.6rem;
        margin-left:0;
    }

    .sec12CBox:nth-child(5) {
        position: relative;
        left: 25%;
    }
}


/* +++++++++++++++ ~ sec12 End // +++++++++++++++ */ 

/* +++++++++++++++ sec13 START ~  // +++++++++++++++ */ 

#sec13 {
    background: #93bfe0;
    position: relative;
}

.sec13IceL {
    position: absolute;
    right: 0;
    top: 0;
    width: 22%;
}
.sec13IceL img {width: 100%; height: auto;}

.sec13IceR {
    position: absolute;
    left: 0;
    bottom:0;
    width:30%;
}

.sec13IceR img {width: 100%; height: auto;}


.sec13Inner {
    width: 100%;
    max-width: 89.5rem;
    padding: 13.3rem 2rem 30rem;
    margin: 0 auto;
}
.sec13TitleBox {
    text-align: center;
}

.sec13STxt {
    font-size:5.2rem; 
}

.sec13Title {
    color: #204688;
    font-size: 7.2rem;
    letter-spacing: -0.05em;
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top:4.3rem;
}

.sec13logo {
    width: 44.4rem;
    height: auto;
    margin-right: 1.2rem;
}
.sec13logo img {
    width :100%;
    height: auto;
}


.sec13ListG {
    margin-top:11.2rem;
}
.sec13List {
    position: relative;
    margin-bottom:9.3rem;
}
.sec13List::before {
    content: '';
    width: 6.2rem;
    height: 3.3rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 200%);
    background: url(../img/toyImages/s13_arrow.png) no-repeat center / cover;
    -webkit-transform: translate(-50%, 200%);
    -moz-transform: translate(-50%, 200%);
    -ms-transform: translate(-50%, 200%);
    -o-transform: translate(-50%, 200%);
}
.sec13List:last-child {
    margin-bottom:0;
}
.sec13List:last-child::before {
    display: none;
}
.sec13TBox {
    position: relative;
    padding: 5.3rem 2rem;
    background: url(../img/toyImages/s13_boxBg.png) no-repeat center / cover;
    box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.15);
    border-radius: 74.88px;
}
.sec13ListT {
    text-align: center;
    color: #204688;
    font-size: 4.6rem;
    letter-spacing: -0.05em;
    padding-left: 1.4rem;
}

.sec13Circle {
    width: 17.819rem;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-25%);
    z-index: 1;
    border-radius: 999%;
    box-shadow: 0 8px 0 rgba(0,0,0,0.05);
}
.sec13Circle img {
    width:100%;
    height: auto;
}


@media (max-width:768px) {

    .sec13Inner {
        width: 100%;
        padding: 5.5rem 5.4rem 8.6rem 6.9rem;
    }


    .sec13STxt {
        font-size: 1.5rem;
        letter-spacing: -0.015em;
    }

    .sec13Title {
        font-size: 3.2rem;
        letter-spacing: -0.05em;
        line-height: 3.971rem; 
        margin-top: 1.4rem;
        flex-direction: column;
    }

    .sec13logo {
        width: 19.3rem;
        height: auto;
        margin-right: 0rem;
    }

    .sec13Title p {margin-top:0.8rem;}

    .sec13TBox {
        position: relative;
        padding: 2.1rem 3.2rem 2rem 2rem;
        border-radius: 2.72rem;
        box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15);
        /* text-align: right; */
    }

    .sec13ListT {
        font-size: 1.672rem;
        letter-spacing: -0.05em;
        padding-left: 4rem;
    }

    .sec13List:last-child .sec13ListT {
        padding-left:2rem;
    }

	.sec13Circle {
		width: 6.4rem;
		box-shadow: none;
	}

    .sec13ListG {
        margin-top: 4.1rem;
    }

    .sec13List {
        position: relative;
        margin-bottom: 4.9rem;
    }

    .sec13List::before {
        width: 3.4rem;
        height: 1.9rem;
    }

}

/* +++++++++++++++ ~ sec13 End // +++++++++++++++ */ 


/* +++++++++++++++ sec14 START ~ // +++++++++++++++ */ 
#sec14 {
    background: #fff;
}
.sec14Inner {
    width: 100%;
    padding: 12.3rem  2rem;
    max-width: 102.6rem;
    margin: 0 auto;
}
.sec14TitleBox {
    text-align: center;
}
.sec14Title {
    color: #204688;
    font-size: 7.2rem;
    letter-spacing: -0.05em;
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: 4.3rem;
    justify-content: center;
}
.sec114logo {
    width: 44.4rem;
    height: auto;
    margin-right: 1.2rem;
}

.sec114logo img {width:100%; height: auto;}

.secTable {margin-top:6.4rem; width:100%; height: auto;}
.secTable img {width:100%; height: auto;}

#sec14 .flashBox {
    width: 120px;
    height: 46px;
    background: #0da37b;
    position: absolute;
    bottom: 16%;
    right: 26%;
	opacity:1;
}


@media (max-width:768px) {
    .sec14Inner {
        width: 100%;
        padding: 5.6rem 1.4rem 4.9rem 1.3rem;
        max-width: 102.6rem;
        margin: 0 auto;
    }

    .sec14Title {       
        font-size: 3.2rem;
        line-height: 3.971rem;
        margin-top: 0;
        flex-direction: column;
        justify-content: center;
    }

    .sec114logo {
        width: 19.3rem;
        height: auto;
        margin-right: 0;
    }

    .sec14Title p {
        margin-top:0.8rem;
    }

    .secTable {
        margin-top: 4.1rem;
        width: 100%;
        height: auto;
    }
	
	#sec14 .flashBox {
		width: 20%;
		height: 8%;
		bottom: 14%;
		right: 24%;
	}

    
}
/* +++++++++++++++ ~ sec14 End // +++++++++++++++ */ 

/* +++++++++++++++ sec15 START ~ +++++++++++++++ */ 

#sec15 {background: #f1f1f1;}
#sec15 .sec15Inner {
    width: 100%;
    margin:0 auto;
    max-width:121rem;
    padding:12.3rem 2rem 14.2rem;
}

#sec15 .sec14Title {
    color: #204688;
    font-size: 7.2rem;
    letter-spacing: -0.05em;
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: 0;
    justify-content: center;
}

.inqFormBox {
    width:100%;
    height: auto;
    padding:7rem;
    background:#FFF;
    border-radius: 10px;
    margin-top:7.4rem;
}


@media (max-width:768px) {
    #sec15 .sec15Inner {
        width: 100%;
        margin:0 auto;
        max-width:121rem;
        padding:5.6rem 1.8rem 6.8rem 1.7rem;
    }

    #sec15 .sec14Title {
        font-size:3.2rem;
    }

    .inqFormBox {
        padding: 0;
        background: #FFF;
        border-radius: 0;
        margin-top: 3.9rem;
    }


}


/* +++++++++++++++ ~ sec15 End // +++++++++++++++ */ 









/*==================== footer start ~ ==================== */

#footer {
    background: #000;
    color: #a6a5a5;
    font-size: 1.6remx;
    line-height: 1.6em;
    padding: 7rem 0;
}
#footer .inner {
    width: 100%;
    display: flex;
    max-width: 124rem;
    padding: 0 2rem;
    margin: 0 auto;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.footerCont {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
}

#footer .inner .cleft {
    width: 66%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#footer .inner .cleft li {
    color:#858585;
    font-size:1.6rem;
    line-height: 3rem;
    letter-spacing: -0.05em;
    font-family: "Pretendard";
    padding-right:1rem;
}

#footer .inner .right {
    margin-bottom: 20px;
    height: auto;
    display: inline-block;
    margin-bottom: 0;
}


ul.private {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#footer .private li {
    font-size: 1.6rem;
    line-height: 3.4rem;
    letter-spacing: -0.05em;
    color: #FFF;
    font-family: "Pretendard";
}
#footer .private li:first-child {
    font-weight: 700;
    color: #fff200;
    padding-right:2rem;
    position: relative;
}

#footer .private li:first-child::before {
    content: '';
    width: 0.4rem;
    height: 0.4rem;
    background-color: #FFF;
    border-radius: 999%;
    position: absolute;
    right: 0.46rem;
    top: 50%;
    transform: translate(-50%,-50%);
}

#footer .inner .cleft li span {
    font-weight: 500;
    color: #d5d5d5;
    padding-left: 0.5em;
}


.copyright {
    width: 100%;
    margin-top: 3.3rem;
    font-size: 1.5rem;
    letter-spacing: -0.075em;
}


@media (max-width:768px) {

    #footer {
        font-size:1.4rem;
        padding:3rem 0;
    }

    .footerCont {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }


    #footer .inner .cleft {
        width: 100%;
        justify-content: center;
    }


    #footer .inner .cleft {
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: center;
    }


    #footer .inner .cleft li {
        font-size: 1.3rem;
        line-height: 2.5rem;
        letter-spacing: -0.05em;
        padding-right: 0rem;
    }

    .copyright {
        width: 100%;
        margin-top: 2.5rem;
        font-size: 1.2rem;
        letter-spacing: -0.075em;
        text-align: center;
    }


    #footer .private li {
        font-size: 1.2rem;
        line-height: 3.4rem;
        letter-spacing: -0.05em;
        margin-bottom: 1rem;
    }
}

/*==================== ~ footer END ==================== */

/* inquiry_wrap */



/* 창업상담란 */




#inquiry .moneygraphy {
    font-size: 3.2rem;
    letter-spacing: -0.05;
    font-family: 'Recipekorea';
    line-height: 1;
}


.inquiry-wrap button[type="button"] {
    background-color: #ff7f00;
}



.inquiry-wrap form .field input[type="text"] {
    width: 220px;
    height: 100%;
    border-radius: 0;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 0 20px;
    font-size: 16px;
    height: 48px;
    color: #222;
    font-family: 'Pretendard';
}

.open .inquiry-wrap.gradient.fixed-footer {
    position: absolute!important;
}

.inquiry-wrap.gradient.fixed-footer {
    position: relative!important;
}





#inquiry {height: 7.8rem;width:100%;background:#4c78e6; z-index: 30;}
.inquiry-wrap .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 122rem;
    height: 7.8rem;
    padding: 0 1rem;
}

#inquiry .inquiry-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction:column;
    width:100%;
    z-index: 80;
    max-width:192rem;
    background:#4c78e6;
}
#inquiry .inquiry-wrap {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
#inquiry .inquiry-wrap .inner {
    flex-grow: 1;
    width: 100%;
    max-width: 120rem;
    height: 7.8rem;
    margin: 0 auto;
}


.pc_show.pc_inquiry_img {
    display: flex;
    align-items: center;
}

img.inquiry_img {
    width: 15.5rem;
    margin-right:0;
}


#inquiry .gmcb {
    /* font-size: 2.1rem; */
    font-size: 3.1rem;
    line-height: 9rem;
    color: #fff;
    letter-spacing: -0.03em;
    font-family: 'RiaSans-ExtraBold';
}

/* footer에 닿았을 때 */
#inquiry.fixed-footer .inquiry-wrap {position: relative;width: 100%;}
.inquiry-wrap .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inquiry-tab {display: flex;justify-content: flex-start;align-items: stretch;pointer-events: none;margin-right:15px;font-family: 'TTTtangsbudaejjigaeB',sans-serif;}
.inquiry-tab > div {flex-grow: 1;display: flex;justify-content: center;align-items: center;line-height: 1.2em;}
.inquiry-tab > div * {letter-spacing: -0.025em; }
.inquiry-tab > div:first-child { display: none; }
.inquiry-tab > div:last-child {
    display: none;
    font-size: 3.6rem;
    letter-spacing: -0.025em;
    color: #FFF;
    white-space: nowrap;
    background: #0da37b;
}
.inquiry-tab img { margin-right: 10px; }
.inquiry-tab span { margin-top: 0.1em;font-size:16px;}

/* 성함 전화번호 창업희망지역 */
.inquiry-wrap form {height: 100%; display: flex; justify-content: flex-start;align-items: center;font-family: 'Pretendard';font-weight: 400;}
.inquiry-wrap form .field {padding: 1.5rem 0; display: flex; justify-content: center; align-items: center; }
.inquiry-wrap form .field + .field { margin-left: 1.8rem;}
.inquiry-wrap form .field input[type="text"] {
    width: 16rem;
    height: 100%;
    border-radius: 0;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 0 2rem;
    font-size: 1.6rem;
    height:4.8rem;
    color:#222;
    font-family: 'Pretendard';
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.inquiry-wrap form .field input[type="text"]::placeholder {color: #222; font-size: 16px;font-family: 'Pretendard';}

/* 개인정보수집 동의하기 */
.inquiry-wrap .checkbox {position: relative; margin-right:3.5rem;}
.inquiry-wrap .checkbox input {
    width: 100%;
    height: 100%;
    position: absolute;
    inset:0;opacity:0;cursor: pointer;
    /* position: absolute;inset:0;opacity:0;cursor: pointer;color:#fcf6ef; */
}
.inquiry-wrap .checkbox input + label {display: flex;justify-content: flex-start;align-items: center;color: #fcf6ef;font-size: 14px;font-weight: 300;}
.inquiry-wrap .checkbox input + label a {
    color: #fff;
    word-break: keep-all;
}


.inquiry-wrap .checkbox input + label:before {
    flex-shrink: 0;
    content: "";
    width: 28px;
    height: 28px;
    /* margin-right: 10px; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    background: url('https://toyice.co.kr/skin/board/board_qa2/img/icon_agree_chk.png') no-repeat left 0;
    background-size: 28px;
    border-radius: 999%;
    overflow: hidden;
}


.inquiry-wrap .checkbox input + label span:first-child {border-bottom: 1px solid currentColor;padding-bottom: 2px; display: inline-block;}
.inquiry-wrap .checkbox input:checked + label {color: #fff;}
.inquiry-wrap .checkbox input:checked + label:before {background-image: url('/STATIC/img/icon/checked_cm.png');}

/* 상담신청 */
.inquiry-wrap button[type="button"] {
    font-size: 1.8rem;
    font-weight: 700;
    width: 17rem;
    height: 5rem;
    border-radius: 0;
    background-color: #0da37b;
    color: #351100;
    border: 0;
    margin: 1.5rem 0;
    font-family: "Pretendard";
    font-weight: 500;
    color: #FFF;
}

.top_wrap {
	/* position:absolute;cursor:pointer;right:2em; */
	/* top:50%;transform:translateY(-50%) */
	/* top:-6em; */
}
.top_wrap img {}
@media (max-width:1920px){
    #inquiry {width:100%;}
    #inquiry .inquiry-wrap {max-width:100%;}
}

@media (max-width:1400px) and (min-width:768px) {
    #inquiry .inquiry-wrap .inner {
        max-width: 130rem;
        justify-content: center;
    }

    img.inquiry_img {
        width: 15.5rem;
        margin-right:0;
    }
}

@media (max-width:768px){
	.top_wrap {display: none;}
	.pc_inquiry_img {display: none!important;}
	#inquiry .ft_inquiry_img {width: 9.3750vw;}
    #top_btn {display: none;}
    #inquiry {
        position: relative;
        height: auto;
        margin-top: 37px;
    }
	#inquiry .inquiry-wrap {
        transition: max-height 0.5s ease-out;
        overflow: hidden;
        -webkit-transition: max-height 0.5s ease-out;
        -moz-transition: max-height 0.5s ease-out;
        -ms-transition: max-height 0.5s ease-out;
        -o-transition: max-height 0.5s ease-out;
    }
	#inquiry.fixed-footer .inquiry-wrap {
        position: absolute;
        /* left: 0; */
        bottom: 0;
        width: 100%;
    }
    #inquiry form {
        display: none;
        width: 100%;
        background: #FFF;
        padding: 2.9rem 3.4rem 1.7rem 3.5rem;
    }
    #inquiry .inquiry-wrap { height: auto; }
    #inquiry .inquiry-wrap .inner {max-width: 100.0000vw;height: auto;margin-top: 0.0000vw;gap:0;}
    .inquiry-wrap .inner { flex-direction: column; padding:0;}
    .inquiry-tab {margin-right: 0; flex-grow: 1; width: 100%; pointer-events: inherit; }
    .inquiry-tab img { width:100%;margin-right:0;}
    .inquiry-tab > div {overflow: hidden;width:50%;height:10.4167vw;}
	/* .inquiry-tab > div:first-child {background:#d6b066;} */
	.inquiry-tab > div:first-child a {display:flex;align-items:center;gap:0;width:100%;height:100%;justify-content:center;}
	.inquiry-tab > div:first-child .inquiry_m_name {width: 17.4479vw;}
	.inquiry-tab > div .inquiry_m_name2 {width: 26.6927vw;}
	.inquiry-tab > div:first-child .inquiry_m_tel {width: 25.6510vw;}
	.inquiry-tab > div:last-child {gap:0}

    .inquiry-tab > div:last-child .toggleBtnTxt {
        font-size: 4.6875vw;
        letter-spacing: -0.05em;
        color: #fff;
        font-weight: 700;
        padding-right: 1rem;
    }

    .inquiry-tab > div:first-child a {
        font-size: 4.6875vw;
        font-family: "Pretendard";
        color: #fff;
        font-weight: 500;
        line-height: 1;
    }
    .inquiry-tab > div:first-child a span {
        font-size: 4.6875vw;
        font-family: "Pretendard";
        color: #fff;
        font-weight: 700;
        margin-right: 1.2rem;
    }
    .inquiry-tab > div:first-child,.inquiry-tab > div:last-child {
        display: flex;
        position:relative;
        
    }




    .inquiry-wrap form { height: auto; flex-wrap: wrap;}
    .inquiry-wrap form .field {flex-shrink: 0;background:#fff;width: 100%;display:block;padding: 0;margin-bottom:2.6042vw;}

    .inquiry-wrap form .field + .field { margin-left: 0; margin-top:0; }
    .inquiry-wrap form .field + .field:nth-child(4) { background:transparent;padding:0.5rem} 

    .inquiry-wrap form .field input[type="text"] {
        height: 10.4167vw;
        width: 100%;
        font-size: 3.6458vw;
        padding-left: 5.2083vw;
        color: #222;
        border: 1px solid #9e9e9e;
    }


    .inquiry-wrap form .field input[type="text"]::placeholder { font-size: 3.6458vw;color:#222; }
    .inquiry-wrap .checkbox input + label {justify-content: center;width:100%;color:#fff;}
    .inquiry-wrap .checkbox input + label span:last-child {border-bottom: 1px solid currentColor;padding-bottom: 2px; display: inline-block;}
    .inquiry-wrap .checkbox input:checked + label {color: #fff;}
    .inquiry-wrap .checkbox input:checked + label:before {background-image: url('/STATIC/img/icon/checked2.png');}
    .inquiry-wrap .checkbox input + label br { display: none; }
    .inquiry-wrap .checkbox input + label:before {
		width: 18px;
		height: 18px;
		max-width: 18px;
		background-size: 18px;
	}
    .inquiry-wrap .checkbox input + label a { padding: 0.5rem 0; border-bottom: 0; margin-right: 0; color: #1c1c1c;}
    .inquiry-wrap .checkbox input + label p { padding: 0.5rem 0; border-bottom: 0; margin-right: 0; }
    .inquiry-wrap button[type="button"] { margin: 0; width: 100%; height: 11.7188vw; font-size:4.4271vw; color: #fff;background: #0da37b;}

    .inquiry-wrap .checkbox {position: relative; margin-right:0px;}
	
	.inquiry-tab span { margin-top: 0;font-size:5.2083vw;font-weight:normal;line-height:1;}

    #plusIcon {
        opacity: 1;position: absolute;top: 50%;right:3.9063vw;transform: translateY(-50%) rotate(0deg);
        z-index: 99;width: 3.6458vw;height: auto;transition: 0.5s;
    }
    #plusIcon.on {transform: translateY(-50%) rotate(45deg);}
}



iframe#embeded-content {
    height: auto!important;
    min-height: 710px;
}

@media (max-width:1600px) {
    iframe#embeded-content {
        height: auto!important;
        min-height: 755px;
    }
}

@media (max-width:768px) {
	iframe#embeded-content {
    height: 100%!important;
    min-height: 915px;
}
}

@media (max-width:600px) {
    iframe#embeded-content {
        min-height: 780px;
    }
}

@media (max-width:563px) {
    iframe#embeded-content {
        min-height: 500px;
    }
}


/************** policy layer s *************/
.policy_wrap {
	position: fixed;
	/* keeps the policy_wrap window in the current viewport */
	top: 0;left: 0;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000);
	text-align: center;z-index: 999999;font-family: 'Pretendard', sans-serif;
}
.policy_wrap .policy-wrapper {
	overflow: hidden;margin: 50px auto;position: absolute;left:50%;top:50%;
    -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
	box-shadow: 0 0 25px #111;-webkit-box-shadow: 0 0 25px #111;-moz-box-shadow: 0 0 25px #111;
	width: 90%;background-color: #fff;border: 1px solid #999;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box;max-width: 820px;border-radius: 10px;
}
.close-popup {
	position: absolute;top: 20px;right: 20px;background-color: #fff;font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;font-weight: bold;line-height: 1;color: #ccc;text-shadow: 0 1px 0 #fff;border: none;
}
.policy_wrap .policy-wrapper h4 {
    padding: 15px;border-bottom: 1px solid #e5e5e5;font-size: 18px;font-weight: 500;font-family: var(--font-family-ptd);
}
.policy_wrap .policy {overflow-y: auto;padding: 30px;text-align: left;line-height: 163%;font-size: 12px;}
form a.popup-trigger {
    display: inline-block;padding: 0 5px;line-height: 1.25;text-indent: 0;color: #fff;background-color: #8C8984;font-size: 12px;
    vertical-align: middle;
}