@charset "utf-8";

#wrap{position:relative; width:100%;margin:auto}
#wrap_new {position:relative; overflow:hidden; width:100%; min-width:1145px; padding:128px 0 0}

.leveltest_wrap{position:relative; overflow:hidden}

/*231019-추가*/
#q_banner_wrap_pc{display:none;}

.slick-list{width:640px !important; display:inline-block; margin:53.5px auto 0; margin-left:-16px}
#slide_0 .slick-list{margin:0 auto}
#slide_3 .slick-list{margin-left:-15px}
.slick-prev:before{content:url(../images/contents/left_arrow.png);}
.slick-next:before{content:url(../images/contents/right_arrow.png);}
.slick-prev:hover:before{content:url(../images/contents/left_arrow.png);}
.slick-next:hover:before{content:url(../images/contents/right_arrow.png);}
.slick-prev{left:20px; z-index:997}
.slick-next{right:60px; z-index:997}
.slick-prev, .slick-next{width:93px; height:93px}
#slide_0 .slick-prev:before{content:'';}
#slide_0 .slick-next:before{content:'';}

#pop_box{position:relative}
.pop_none1{position:absolute; right:24%; top:55%; display:none}
.p_can_btn{position:absolute; top:11%; right:10%; cursor:pointer}
.pop_none2{position:absolute; right:24%; top:119%; display:none}
#pop_box ::-webkit-scrollbar {display:none;}

#pop_box{position:absolute; top:8.36%; right:calc(50% - 600px)}

.award_title{position:absolute; z-index:90;}

#bao_char{
    position:absolute; 
    top:-106px; 
    right:271%;
    animation-name: jump3; 
    animation-timing-function: cubic-bezier(0.28, 0.84, 0.85, 1.1);
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    top:106px;
}
#ted_char{position:absolute; top:215px; left:351px; animation:moveup 3s infinite; top:415px; }

.chin_01{overflow:hidden; width:100%; height:436px; padding:0; margin:0 auto; background:url(../images/bg/01_bg_1.png) no-repeat center; margin-top:192px;}
.chin_01_w{width:914px; margin:0 auto}


.chin_02{overflow:hidden; width:100%; height:608px; padding:0; margin:0; background:#fff url(../images/bg/02_bg_2.png) no-repeat center 0}
.chin_02_w{width:1291px; height:626px; margin:0 auto; /*background:url(../images/contents/china_02_1.png)no-repeat 0 247px*/}
.pop_link{margin-top:-165px}
.chin_02_w iframe{width:640px; height:360px; margin-top:30px; border:10px solid #2c0704; box-sizing:border-box}
#slide_0{border:10px solid #2c0704; box-sizing:border-box; display:inline-block; height:380px; position:relative}
div#vod_player{display:inline-block}
div#vod_player-Container{border:7px solid #2c0704; background:#000}

.chin_03{overflow:hidden; width:100%; padding:0; margin:0 auto; background:#fff}
.chin_03_w{width:1075px; margin:0 auto}
#tabs-menu{display:flex; justify-content:space-around; width:1075px; margin:45px auto 0}
#tabs-menu li{display:inline-block; cursor:pointer; width:358px}
.tabs_content_wrap{width:1075px; margin:25px auto 0}
.cont1{width:358px; height:169px; background:url(../images/contents/02_1_off.png)no-repeat center center}
.cont2{width:358px; height:169px; background:url(../images/contents/02_2_off.png)no-repeat center center}
.cont3{width:358px; height:169px; background:url(../images/contents/02_3_off.png)no-repeat right center}
.active .cont1{width:358px; height:169px; background:url(../images/contents/02_1_on.png)no-repeat center center}
.active .cont2{width:358px; height:169px; background:url(../images/contents/02_2_on.png)no-repeat center center}
.active .cont3{width:358px; height:169px; background:url(../images/contents/02_3_on.png)no-repeat center center}
.cont1:hover{width:358px; height:169px; background:url(../images/contents/02_1_on.png)no-repeat center center}
.cont2:hover{width:358px; height:169px; background:url(../images/contents/02_2_on.png)no-repeat center center}
.cont3:hover{width:358px; height:169px; background:url(../images/contents/02_3_on_1.png)no-repeat center center}


.chin_04{overflow:hidden; width:100%; height:988px; padding:0; margin:0 auto; background:url(../images/bg/03_bg.png) no-repeat center}
.chin_04_w{width:914px; margin:0 auto}


.chin_05{overflow:hidden; width:100%; height:930px; padding:0; margin:0 auto; background:url(../images/bg/04_bg.png) no-repeat center}
.chin_05_w{width:998px; margin:0 auto}
#slide_1{width:998px; height:544px; background:url(../images/contents/china_04_12.png)no-repeat center}


.chin_06{overflow:hidden; width:100%; height:1015px; padding:0; margin:0 auto; background:url(../images/bg/05_bg.png)no-repeat center}
.chin_06_w{width:998px; margin:10px auto 0}
#slide_2{width:998px; height:525px; position:relative; background:url(../images/contents/china_05_12.png)no-repeat center}
#c05_icon1{position:absolute; top:-110px; left:-28px}
#c05_icon2{position:absolute; bottom:0px; right:-135px}


.chin_07{overflow:hidden; width:100%; height:1214px; padding:0; margin:0 auto; background:url(../images/bg/06_bg.png) no-repeat center bottom}
.chin_07_w{width:998px; margin:0 auto}
#slide_3{width:998px; height:582px; position:relative; background:url(../images/contents/china_06_12.png)no-repeat center}
#c06_icon1{position:absolute; top:-99px; right:-43px}


.chin_08{overflow:hidden; width:100%; height:1065px; padding:0; margin:0 auto; background:url(../images/bg/07_bg.png) no-repeat center bottom}
.chin_08_w1{width:1087px; margin:0 auto}
.chin_08_w2{width:998px; margin:0 auto}
#slide_4{width:998px; height:535px; position:relative; background:url(../images/contents/china_07_12.png)no-repeat center}
#c07_icon1{position:absolute; bottom:47px; right:32px}


.chin_09{overflow:hidden; width:100%; padding:30px 0 0 0; margin:0 auto; background:#fff}
.chin_09_w{width:996px; margin:50px auto 0}


.chin_10{overflow:hidden; width:100%; padding:30px 0 80px; margin:0 auto; background:#fff}
.chin_10_w{width:996px; margin:0 auto}
#china_08_3{cursor:pointer}
#china_08_4{display:none}


.chin_11{overflow:hidden; width:100%; height:897px; padding:0; margin:0 auto; background:url(../images/bg/08_bg.png)no-repeat center}
.chin_11_w{width:993px; margin:0 auto}


.chin_12{overflow:hidden; width:100%; height:771px; padding:0; margin:0 auto; background:url(../images/bg/09_bg.png)no-repeat center}
.chin_12_w{width:1000px; margin:0 auto}




/* counsel */
.china_top{width:100%}

.chin_13{overflow:hidden; width:100%; height:869px; padding:0; margin:0 auto; background:url(../images/bg/11_bg.png) no-repeat center}
.chin_13 .chin13_in{width:1000px; height:869px; margin:0 auto; background:url(../images/contents/letsgo_china_39.png)no-repeat center}
.chin13{display:block; float:left; height:auto; max-width:447px; width:100%; padding:0; margin:115px 0 0 19px; padding-bottom:55px; background-color:#fff; border:6px solid #590600; box-sizing:border-box}
.chin13_1{display:none}
.chin13_bt{display:none}
.b_14{display:none}

.mt50{overflow:hidden}

.bot_con {overflow:hidden; width:100%; height:530px; padding:0; margin:0; background:#ffffff}
.bot_con_in {width:702px; margin:0 auto}

.counsel2 {width:90%; margin:50px auto 0; padding:0}
.counsel2 .tbl {width:100%; border-collapse:collapse; border-spacing:0; font-weight:bold}
.counsel2 .col30 {width:30%}
.counsel2 .tbl th { padding:4px 5px 4px 0; letter-spacing:-0.5px; font-size:14.5px; line-height:36px; font-weight:700; color:#333; text-align:right}
.counsel2 .tbl td {padding:4px 0; text-align:left; letter-spacing:-0.5px; font-size:15px; line-height:36px;  color:#333}
.counsel2 .tbl td input { padding:0 5px; height:30px; font-size:14px; line-height:36px;  color:#333; font-weight:bold; border:1px solid #d5d5d5}
.counsel2 .tbl td select  { padding:0 0 0 10px; height:32px;font-size:14px; line-height:36px; font-weight:bold; color:#666;  border:1px solid #d5d5d5}

.counsel2 .tbl td input[type='radio'] { display:none;height:20px;background-color:#f6bb23}
.counsel2 .tbl td input[type='radio']+ label span {display:inline-block; width:19px;height:19px;background:url(../images/contents/check_radio_sheet.png) left top no-repeat; vertical-align:middle; padding-bottom:3px}
.counsel2 .tbl td input[type='radio']:checked+ label span {background:url(../images/contents/check_radio_sheet.png) -19px top no-repeat}


.chin_13 .counsel2 .chk {width:100%; overflow:hidden; text-align:center; display:block; height:30px; padding:15px 0 0 0px; margin:13px -18px 0 0; font-size:14px; /*line-height:18px;*/  color:#333;  letter-spacing:-1px; border-top:3px solid #fdcc03}
.counsel2 .chk {overflow:hidden; /*text-align:left;*/ display:block; height:30px; padding:15px 0 0 20px; margin:13px -13px 0 0; font-size:13.5px; /*line-height:18px;*/  color:#333;  letter-spacing:-1px; border-top:1px solid #ff5a5a}
.counsel2 .chk label {float:none; font-weight:bold}
.counsel2 .chk input {vertical-align:-1.5px}

.counsel2 input[name='free_tel1'] {width:25%}
.counsel2 input[name='free_tel2'] {width:25%}
.counsel2 input[name='free_tel3'] {width:25%}

.counsel2 .chk input[type="checkbox"]{display:inline-block}
.counsel2 .chk a {float:none}
.bt_go2 {display: block; margin:0 auto; margin-top:15px; width:320px; /*height:81px;*/}
.bt_go2 img {max-width:100%}
.bt_view2 {display:inline-block; width:60px; font-size:14px; border:none; color:#000; text-align:center; background-color:#fdcc03; padding:5px 0; font-weight:bold}

.go_prr{width:55px; font-weight:700; color:#222; padding:3px 7px; border:1px solid #fdcc03;  border-radius:10px; margin-right:10px}



/***** animation *****/

/** jump_1 **/
@-webkit-keyframes jump {
    0%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40%{
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }
    50%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    60%{
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    80%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes jump {
    0%{
        transform: translateY(0);
    }
    20%{
        transform: translateY(0);
    }
    40%{
        transform: translateY(-30px);
    }
    50%{
        transform: translateY(0);
    }
    60%{
        transform: translateY(-15px);
    }
    80%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(0);
    }
}

/** jump_2 **/

@keyframes jump2 {
    0% {
        transform: translate( -50%, 0 );
    }

    50% {
        transform: translate( -50%, -100% );
    }

    100% {
        transform: translate( -50%, 0 );
    }
}

/** jump_3 **/

@keyframes jump3 {
    0% {
        transform: scale(1,1);
        transform: translateY(0);
    }
    10% {
        transform: scale(1,1)
            translateY(0);
    }
    30% {
        transform: scale(1,1)
            translateY(-100px);
    }
    50% {
        transform: scale(1.08,.95)
            translateY(0);
    }
    57% {
        transform: scale(1,1)
            translateY(-7px);
    }
    64% {
        transform: scale(1,1)
            translateY(0);
    }
    100% {
        transform: scale(0,0);
        transform: translateY(0);
    }
}

/** ted animation **/

@keyframes moveup {
    50% {transform: translateY(-15px)}
}