@charset "utf-8";

.youtube {border:7px solid #8429ff}


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


/*#move_b{position:fixed; left: calc(50% - 770px);  top:51%; display:inline-block}*/
/*240305-기존에 있던 학습 바로가기 픽스버튼 수정*/
/*#fix_b{position:fixed; left:5%; top:75%; z-index:9999; display:inline-block;}*/
/****** 학습 바로가기 버튼 PC ******/
#q_banner_wrap_pc_grammar{width:100%; height:auto; position:fixed; bottom:0; z-index:1000; box-sizing:border-box; padding:0; margin:0 auto;}
#q_banner_wrap_pc_grammar .q_body_pc{width:100%; height: auto;}
#q_banner_wrap_pc_grammar .q_body_pc div{
    width:100%;
    height:auto;
    border-radius:20px 20px 0 0;
    background:#009cff;
    float:left;
    padding:1.5rem 0;
    }
#q_banner_wrap_pc_grammar .q_body_pc div a{
    width:100%;
    color:#222222;
    font-size:1.85vw;
    /*font-weight:600;*/
    font-weight:800;
    line-height:1;
    text-align:center;
    vertical-align: middle;
    }

#q_banner_wrap_pc_grammar .q_body_pc .b_bg{background:#ffec48; text-align:center;}

#q_banner_wrap_pc_grammar .q_body_pc img{width:1.8vw; height:100%; margin-left:0.5vw; vertical-align:middle; margin-top:-1px;}

#q_banner_wrap_pc_grammar #q_img{
    position:absolute;
    /*bottom:30%;*/
    bottom:43%;
    /*left:39%;*/
    left:38.5%;
    width:4.5vw;
    height:auto;
    }
#q_banner_wrap_pc_grammar #q_img a{width:100%; height:100%;}
#q_banner_wrap_pc_grammar #q_img img{width:100%;}
/****** 학습 바로가기 버튼 PC end ******/
#q_banner_wrap_pc{display:none;}

.show_01{overflow:hidden; width:100%; height:513px; padding:0; margin:0 auto; background:url(../images/web/180731_G-Show_web_background_01.png) no-repeat center}
.show_01_w{width:893px; margin:0 auto; padding-top:30px}
.show_01_m{display:none}

/*.gmvideo{position:relative; padding-bottom:56.25%; margin-top:7%; height:0; overflow:hidden; font-size:0;}*/
.gmvideo{position:relative; padding-bottom:34%; margin-top:6.5%; height:auto; /*overflow:hidden;*/ font-size:0; border:0px solid red;}
.gmvideo iframe,
.gmvideo object,
.gmvideo embed{position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:100%; border:0px solid blue;}
.gmvideo .youtube_gm{width:43%; height:71.1%;  border:10px solid #8429ff; background-color:#8429ff;/*border-radius:30px;*/}

.show_02{overflow:hidden; width:100%; height:498px; padding:0; margin:0; background:url(../images/web/180731_G-Show_web_background_02.png) no-repeat center 0}
.show_02_w{width:839px; margin:0 auto; padding-top:55px}
.show_02_m{display:none}


.show_03{overflow:hidden; width:100%; height:649px; padding:0; margin:0 auto; background:url(../images/web/180731_G-Show_web_background_03.png) no-repeat center}
.show_03_w{width:839px; margin:0 auto; padding-top:60px}
.show_03_m{display:none}


.show_04{overflow:hidden; width:100%; height:308px; padding:0; margin:0 auto; background:url(../images/web/180731_G-Show_web_background_04.png) no-repeat center}
.show_04_w{width:839px; margin:0 auto; padding-top:20px}
.show_04_m{display:none}


.show_05{overflow:hidden; width:100%; height:330px; padding:0; margin:0 auto; background:url(../images/web/180731_G-Show_web_background_05.png) no-repeat center}
.show_05_w{width:1000px; margin:0 auto}
.show_05_v1{width:49.5%; display:inline-block; vertical-align:top}
.show_05_v2{width:49.5%; display:inline-block; vertical-align:top}
.show_05_m{display:none}
.show_05_w .youtube{margin:0 auto; width:466px; height:261px}


.show_06{overflow:hidden; width:100%; height:262px; padding:0; margin:0 auto; background:url(../images/web/180731_G-Show_web_background_06.png) no-repeat center}
.show_06_w{width:839px; margin:0 auto}
.show_06_m{display:none}


.show_07{overflow:hidden; width:100%; height:921px; padding:0; margin:0 auto; background:url(../images/web/180731_G-Show_web_background_07.png) no-repeat center}
.show_07_w{width:839px; margin:0 auto; padding-top:20px}
.show_07_m{display:none}


.show_08{overflow:hidden; width:100%; height:120px; padding:0; margin:0 auto; background:url(../images/web/180731_G-Show_web_background_08.png) no-repeat center}
.show_08_w{width:839px; margin:0 auto}
.show_08_m{display:none}


