@charset "UTF-8";

/* 그래머 */
#grammar .section_title{background: url(/images/renewal_project/program/grammar_bg.png)center / cover no-repeat;}
#grammar .section_title .title_txt{padding-top: 145px;color:#fff;}
#grammar .mdi{position: relative;width: 100%;}
#grammar .tab{position: absolute;top: -60px;left:50%;width: 480px;height: 60px;margin-left: -240px;}
#grammar .tab li{float: left;width:240px;height:100%;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom:2px solid #ffcc00;line-height: 3;font-size:20px;background:#efefef;text-align: center;cursor: pointer;}
#grammar .tab li.on{border:2px solid #ffcc00;border-bottom:0;color:#ffcc00;font-weight: bold;text-decoration: underline;background:#fff;}
#grammar .wrap section .quotation{position: relative;width: 800px;height: 150px;border: 2px solid #ffcc00;border-radius: 100px;margin: 50px auto;font-size: 20px;line-height: 1.5;text-align: center;padding: 30px 0;}
#grammar .wrap section .quotation:before {content: "";position: absolute;top: -25px;left: 50px;width: 87px;height: 66px;background: url(/images/renewal_project/program/quot_left.png);}
#grammar .wrap section .quotation:after {content: "";position: absolute;bottom: -25px;right: 50px;width: 87px;height: 66px;background: url(/images/renewal_project/program/quot_right.png);}
#grammar .wrap section .quotation span.small{font-size: 16px;line-height: 2;}
#grammar .wrap section .power{padding-top: 100px;width: 100%;}
#grammar .wrap section .power .left{float: left;}
#grammar .wrap section .power .right{float: left;margin-left: 50px;}
#grammar .wrap section .power .right li{line-height: 2;}
#grammar .wrap section .power .right li h3{font-size: 22px;}
#grammar .wrap section .power .right li + li{margin-top: 50px;}
#grammar .wrap section.section.wave{padding-top:0;}
#grammar .wrap section.section.wave div.wave{width:100%;height:100px;}
#grammar .timing{padding-top: 100px;}
#grammar .timing > h3{text-align: center;font-size: 20px;}
#grammar .timing .step{margin: 50px 0;}
#grammar .timing .step li{float: left;width: 340px;background: #fff;height: 340px;border-radius: 50%;position: relative;text-align: center;}
#grammar .timing .step li + li {margin-left: 90px;}
#grammar .timing .step li h3{font-size: 22px;padding: 80px 0;}
#grammar .timing .step li p{font-weight: 600;line-height: 1.5;}
#grammar .timing .step li + li:before{content:"";position: absolute;top: 50%;left: -80px;width: 140px;height: 10px;background: url(/images/renewal_project/program/step_arrow.png)center no-repeat;}
#grammar .timing .step li:nth-child(3){background:#ffcc44;}
#grammar .timing .step li:nth-child(3):after{content: "";position: absolute;top:-25px;left:50%;width:102px;height: 66px;margin-left:-51px;background:url(/images/renewal_project/program/hope_sticker.png)center no-repeat;}
#grammar .timing .tip{width: 375px;margin: 0 auto;text-align: center;}
#grammar .timing .tip p{text-align: center;line-height: 2;position: relative;display:inline-block;padding: 0 10px;}
#grammar .timing .tip img{z-index: -1;position: absolute;top: 10px;left: 0;width: 100%;}
#grammar .img_box{width: 100%;margin-top: 50px;}
#grammar .img_box .item{width: 25%;float: left;text-align: center;}
#grammar .img_box .item h3{font-size: 22px;line-height: 3;}
#grammar .img_box .item p{line-height: 1.5}
#grammar .class .class_tab{width: 80%;margin: 80px auto 30px;}
#grammar .class .class_tab li{width: calc(33.33% - 20px);height: 96px;text-align: center;line-height: 4;float: left;background: #c9c9c9;border-radius: 50px;color: #fff;font-size: 26px;font-weight: bold;}
#grammar .class .class_tab li + li{margin-left: 30px;}
#grammar .class .class_tab li.on{background: #08b37a;}
#grammar .class .list{text-align: right;}
#grammar .class table{border-top: 2px solid #333;width: 100%;}
#grammar .class td{text-align: center;border-bottom: 1px solid #ddd;height: 60px;vertical-align: middle;padding:1rem 0;}
#grammar .class tr:hover td{background:#f6f6f6;cursor: pointer;}
#grammar .class tr:hover td.btn button{background:#fff;}
#grammar .class td.no{font-weight: bold;}
#grammar .class td.title{text-align: left;}
#grammar .class td.show button{overflow: visible;position: relative;font-weight: 600;background: none;}
#grammar .class td.show button:hover{color:#ffcc44;}
#grammar .class td.show button:before {content: "";position: absolute;top: 0;left: -33px;width: 35px;height: 19px;background: url(/images/renewal_project/program/show_btn.png)center no-repeat;}
#grammar .class td.btn button{width: 80%;height:40px;border-radius: 50px;padding: 10px;font-weight: 600;background:#efefef;}
#grammar .class td.btn button:hover{color:#ffcc44;border:2px solid #ffcc44;background:#fff;}
#grammar .class .download{display: inline-block;position: relative;margin: 50px;padding: 17px 68px 17px 30px;background: #6e6e6e;color: #fff;font-weight: 600;font-size: 20px;border-radius: 50px;}
#grammar .class .download:after {content: "";position: absolute;top: 14px;right: 28px;width: 30px;height: 25px;background: url(/images/renewal_project/program/download_btn.png)bottom center / contain no-repeat;}
/* //그래머 */

/* 슬리핑 */
#sl_main {width:100%;height:820px;border-bottom:2.5px solid #ffcc44;background-image: url("/images/renewal_project/program/sleeping_info_bg2.png");background-repeat: no-repeat;}
.sl_main {width:1200px;height:820px;margin:0 auto;color:#fff;text-align:center;position:relative;}
.sl_ma_txt {position:absolute;top:240px;left:450px;font-size:28px;z-index:3;}
.sl_ma_txt2 {position:absolute;top:285px;left:370px;font-size:70px;font-weight:bold;z-index:2}
.sl_ma_txt3 {position:absolute;top:390px;left:435px;font-size:24px;font-weight:normal;letter-spacing: -0.5px;}
.sl_ma_txt4 {position:absolute;color:#fbea5e;top:425px;left:545px;font-size:24px;z-index:2}
.sl_ma_txt5 {position:absolute;top:0;left:0;z-index:1;}
.sl_ma_txt6 {position:absolute;top:455px;left:550px;}
.sl_ma_txt7 {position:absolute;bottom:0;left:45px;width:1110px;height:300px;overflow:hidden;}
.sl_ma_txt8 {position:absolute;bottom:0;width:555px;height:450px;overflow:hidden;right:-120px;}
.sl_tab {width:240px;height:61px;overflow:hidden;position:absolute;bottom:-2.5px;left:360px;color:#323232;line-height:65px;font-size:20px;font-weight:bold;position:absolute;cursor:pointer;}
.sl_tab2 {overflow:hidden;width:240px;height:61px;position:absolute;bottom:-2.5px;left:600px;color:#323232;line-height:65px;font-size:20px;font-weight:bold;position:absolute;cursor:pointer;}
#sl_section {width:1200px;height:330px;margin:0 auto;position:relative;}
.sl_ct_txt {font-size:36px;font-weight:bold;text-align:center;letter-spacing: -0.5px;padding-top: 120px;}
.sl_ct_img {position:absolute;top:100px;right:225px;}
.sl_ct_txt2 {text-align:center;margin-top:30px;font-size:20px;font-weight:normal;color:#808080;}
.sl_ct_txt3 {color:#ffcc44;}
#sl_phone {width:1200px;height:400px;position:relative;margin:0 auto;}
#sl_phone .left{position: relative;width: 711px;height: 384px;}
#sl_phone .left .frame{z-index: 10;position: absolute;top:0;left: 0;}
#sl_phone .left .slider{position: absolute;top:7px;left:12px;width:615px;margin: 0;width: 100%;height: 100%;}
#sl_phone .slick-list{width: 613px;}
#sl_phone .slick-slide{height:75%}
#sl_phone .slick-track{height:100%;}
.phone_img {margin-left:25px;}
#sl_phone p.title{position: absolute;top: 75px;right: 95px;font-size: 28px;font-weight: bold;}
#sl_phone .phone_txt {position:absolute;right:46px;top:113px;color:#323232;}
#sl_phone .phone_txt p{font-size: 20px;font-weight: 600;line-height: 2.6;}
#sl_phone .slick-dots{z-index: 10;width: 620px;left: 0;}
#sl_phone .slick-dots li{width: 13px;height: 13px;}
#sl_phone .slick-dots li button{width: 13px;height: 13px;padding: 5px;}
#sl_phone .slick-dots li button:before{content: "";width: 13px;height: 13px;background:#ccc;border-radius: 50%;}
#sl_phone .slick-dots li.slick-active button:before{background:#eb6100;}
#sl_phone .slick-slide img {width: 613px;height: 100%;margin-top: 9px;}
.tab_box{position: relative;}
.tab_box > ul{width: 480px;position: absolute;top: -60px;left: 50%;margin-left: -240px;}
.tab_box > ul > li{width: 50%;float: left;height: 60px;border-top-left-radius: 30px;border-top-right-radius: 30px;line-height: 3;font-size: 20px;text-align: center;background: #f6f6f6;font-weight: 600;border-bottom:2.5px solid #ffcc44;cursor: pointer;}
.tab_box li.on{background: #fff;border:2.5px solid #ffcc44;border-bottom: 0;color:#ffcc44;text-decoration: underline;}
.ph_box {position:absolute;right:25px;top:104px;z-index:-1;color:#323232;}
.ph_box1, .ph_box2, .ph_box3 {margin-top:30px;}
.ph_box_img {position:absolute;top:-13.5px;height:320px;overflow:hidden;left:36px;}
#sl_tw_sction {width:100%;height:1210px;background-image: url("/images/renewal_project/program/sleeping_info_s_bg.png");background-repeat: no-repeat;}
.sl_t_txt {width:1200px;height:200px;color:#323232;margin:0 auto;text-align:center;position:relative;}
.sl_sp {padding-top:140px;font-size:36px;font-weight:bold;}
.sl_img {position:absolute;right:280px;bottom:0;}
.sl_sp2 {font-size:20px;margin-top:25px;color:#808080;}
.sl_sp3 {color:#ffcc44;}
.sl_sp_img {margin-top:100px;text-align:left;}
.sl_sp_img > img{margin-left:50px;}
.sl_engT {position:absolute;color:#323232;top:420px;right:40px;z-index:5;text-align:left;line-height:50px;}
.sl_engT2 {font-size:28px;font-weight:bold;}
.sl_engT3 {font-size:20px;font-weight:600;}
.engT_box {position:absolute;top:592px;right:224px;}
.engT_box2 {margin-top:27px;margin-right:27px;}
.in_inf {position:absolute;top:900px;right:220px;}
#sl_dep {width:1200px;height:53px;position:relative;margin:0 auto;text-align:center;}
.sl_dep_txt {margin-top:120px;font-weight:bold;font-size:36px;}
.sl_dep_txt2 {font-size:20px;margin-top:25px;font-weight:600;color:#808080;}
.sl_dep_txt3 {color:#ffcc44;}
.sl_dep_img {position:absolute;bottom:0;right:300px;}
#sl_dep2 {width:1200px;margin:0 auto;}
.dep2_img {margin-left:80px;}
.dep_im2 {margin-top:100px;}
#sl_dep3 {width:1200px;height:420px;position:relative;margin:0 auto;color:#323232;}
.dep3_img {margin-top:150px;margin-bottom:-135px;}
.sleep_go {width:245px;height:55px;border-radius: 2em;border:2px solid #403171;background:#403171;position:absolute;bottom:40px;line-height:52px;right:280px;text-align:center;}
.sleep_go2 {position:absolute;right:200px;bottom:115px;}
.sleep_go > a {display: block;width: 100%;height: 100%;color:#fff;font-weight:bold;}
.sleep_go:hover {background:#fff;color:#ffcc44;border:2px solid #ffcc44;}
.sleep_go:hover > a{color:#ffcc44;}
.sleep_go3 {font-size:22px;font-weight:bold;}
.sleep_go4 {margin-top:10px;font-size:16px;line-height:30px;transform:rotate(0.1deg);}
#funct_section {width:1200px;height:330px;margin-bottom:135px;margin:0 auto;}
.funct_ct_txt {font-size:36px;font-weight:bold;text-align:center;letter-spacing: -0.5px;padding-top: 120px;}
.funct_ct_txt2 {text-align:center;margin-top:25px;font-size:20px;font-weight:normal;color:#808080;}
#funct_ex {width:1200px;margin:0 auto;}
.ex_01_img, .ex_02_img, .ex_03_img, .ex_04_img {margin-left:70px;}
.ex_02_img, .ex_03_img, .ex_04_img {margin-top:130px;}
#funct_ex2 {position: relative;width:100%;height:1017px;}
.funct_main {position: absolute;top: 18%;left: 50%;margin-left: -600px;width:1200px;height:80px;text-align:center;}
.func_txt {font-size:36px;font-weight:bold;color:#fff;}
.func_txt2 {font-size:20px;margin-top:20px;color:#fff;}
#funct_dep4 {width:1200px;height:420px;position:relative;margin:0 auto;color:#323232;margin-top:130px;}
.sleep2_go {width:247px;height:55px;border:2px solid #403171;border-radius: 2em;background:#403171;position:absolute;bottom:40px;line-height:52px;right:280px;font-size: 19px;text-align:center;}
.dep4_img {margin-bottom:-135px;}
.sleep2_go2 {position:absolute;bottom:115px;right:200px;}
.sleep2_go > a {color:#fff;font-weight:600;}
.sleep2_go:hover {background:#fff;color:#ffcc44;border:2px solid #ffcc44;}
.sleep2_go:hover > a{color:#ffcc44;}
.sleep2_go3 {font-size:22px;font-weight:bold;}
.sleep2_go4 {margin-top:10px;font-size:16px;line-height:30px;transform:rotate(0.1deg);}
/* //슬리핑 */