@charset "utf-8";
   
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

@font-face {
    font-family:'TmonMonsori';
    src: url('/html/font/TmonMonsori.ttf.eot');
    src: url('/html/font/TmonMonsori.eot?#iefix') format('embedded-opentype'),
         url('/html/font/TmonMonsoriBlack.woff') format('woff'),
         url('/html/font/TmonMonsoriBlack.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'NanumSquareEB';
    src: url('/html/font/NanumSquareEB.eot');
    src: url('/html/font/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
         url('/html/font/NanumSquareEB.woff') format('woff'),
         url('/html/font/NanumSquareEB.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {font-family: 'Noto Sans KR','Nanum Square', 'NanumSquareEB', 'TmonMonsori'}
.clear{overflow:hidden;}
.clear:after{content:'';display:block;clear:both}
.color{color:#ff4967}
.color1{color:#f68f29}

header span.btn_prev{display: none;}
.content{padding-bottom:0;}
.m_sub_content .sub_inner{margin-bottom: -4px;}
.m_sub_content .sub_inner img{width: 100%;}

h3{font-family:'TmonMonsori'}

header{height:100px;padding:0}
header h1.logo a img{height:auto;margin-top:17px}
header span.btn_menu{padding:28px 0 0 25px}
header span.btn_menu a img{height:auto}
header span.btn_menu_join{padding:21px 25px 0 0;position:absolute;top:0;right:0}

div.allWrap{top:0}
div.all-menu{width:65.6%}
div.all-menu h2{padding:20px 0;background:#3ca8c2;text-align:center}
div.all-menu ul.gnb{padding-bottom: 25px;}
div.all-menu ul.gnb > li{background:#fff url(/html/images/mobile/bng_btn.jpg)95% 23px no-repeat;}
div.all-menu ul.gnb > li.on{background: #d1d1d1;}
div.all-menu ul.gnb > li > a{color:#333}
div.all-menu ul.gnb > li .gnb_ul{display:none;padding:10px 0;background:#efefef}
div.all-menu ul.gnb > li .gnb_ul li{}
div.all-menu ul.gnb > li .gnb_ul li a{padding:0 0 0 30px;line-height:40px;color:#666}

div.all-menu .gnb_sns{overflow: hidden;text-align: center;}
div.all-menu .gnb_sns:after{content: '';display: block;clear: both;}
div.all-menu .gnb_sns li{display: inline-block;width: 35px;height: 35px;margin-left: 15px;}
div.all-menu .gnb_sns li a img{width: 100%;height: 100%;}

#mask img{position:absolute;top:41px;right:36px}

.slidesjs-pagination{margin-left:-44px;left:50%}
.slidesjs-pagination li.slidesjs-pagination-item a{width:11px;height:11px;border:2px solid #399ab1;border-radius:20px}
.slidesjs-pagination li.slidesjs-pagination-item a.active{width:38px;background:#399ab1}

.m_sec1{}
.m_sec1 .conbox{padding:30px 25px;box-sizing:border-box}
.m_sec1 .conbox:after{content:'';display:block;clear:both}
.m_sec1 .conbox .box{width:47.967%;margin-bottom:30px;float:left;}
.m_sec1 .conbox .box2,
.m_sec1 .conbox .box10,
.m_sec1 .conbox .box5,
.m_sec1 .conbox .box7,
.m_sec1 .conbox .box9 {margin-left:4%}
.m_sec1 .conbox .box10.box8 {margin-left: 0;}
.m_sec1 .conbox .box .img_box{position:relative;padding-bottom:56%;overflow:hidden}
.m_sec1 .conbox .box .img_box span{display:block;position:absolute}
.m_sec1 .conbox .box .img_box span.img_bg{width:100%;height:100%;background:rgba(0,0,0,0.8);text-align:center}
.m_sec1 .conbox .box .img_box span.img_bg img{padding-top:36%}
.m_sec1 .conbox .box .img_box span.img1 img{width:100%}
.m_sec1 .conbox .box .txt_box .tit{padding:15px 0 5px;font-size:20px;font-weight:500;color:#333}
.m_sec1 .conbox .box .txt_box .tit .tte{margin-left:10px;padding:0 5px;background:#ff4967;font-size:13px;font-weight:200;color:#fff;word-break:keep-all}
.m_sec1 .conbox .box2 .txt_box .tit .tte,.m_sec1 .conbox .box1 .txt_box .tit .tte{background:#0d2571}
.m_sec1 .conbox .box4 .txt_box .tit .tte,
.m_sec1 .conbox .box9 .txt_box .tit .tte,
.m_sec1 .conbox .box8 .txt_box .tit .tte, 
.m_sec1 .conbox .box5 .txt_box .tit .tte {background: #fea00c;}
.m_sec1 .conbox .box3 .txt_box .tit .tte{background:#17c7f1}
.m_sec1 .conbox .box6 .txt_box .tit .tte {background:#16c7f1}
.m_sec1 .conbox .box7 .txt_box .tit .tte{background:#fea00c}
.m_sec1 .conbox .box10 .txt_box .tit .tte {background: #164882 !important;}
.m_sec1 .conbox .box .txt_box .con {color:#666;padding-bottom: 10px;/*background-color: #3ca8c2;*/ height: 42px;}
.m_sec1 .conbox .box .txt_box .con . {color:#666;padding-bottom: 10px;/*background-color: #3ca8c2; */}


.m_sec2{padding:65px 20px 50px;background:#f4f4f4;color:#000;text-align:center}
.m_sec2 h3{font-size:35px;line-height:1}
.m_sec2 > h3 .color{position:relative;font-size:50px}
.m_sec2 > h3 .color:before{content:'';display:block;width:33px;height:29px;background:url(/html/images/mobile/con2_conbg1.png)0 0 no-repeat;position:absolute;top:-20px;left:-20px}
.m_sec2 .s_tit{padding:20px 0 0;font-size:25px;line-height:35px;font-family:'TmonMonsori'}
.m_sec2 .s_tit .color{}

.m_sec2 .m_sec_inner{margin:30px 0 0;padding:45px 25px 50px;position:relative}
.m_sec2 .m_sec_inner .num{display:block;width:55px;height:53px;margin-left:-25px;padding:10px 0 0 10px;background:url(/html/images/mobile/con3_conbg.png)0 0 no-repeat;position:absolute;top:0;left:25px;font-size:17px;color:#fff;text-align:left}
.m_sec2 .m_sec_inner .link{display:inline-block;background:#ff4967;border-radius:50px;}
.m_sec2 .m_sec_inner .link a{display:inline-block;padding:14px 50px 14px 80px;background:url(/html/images/mobile/tv_icon1.png)40px center no-repeat;font-size:22px;line-height:1;color:#fff}

.m_sec2 .m_sec_inner1{background:#154882}
.m_sec2 .m_sec_inner1 h4{font-size:30px;line-height:37px;color:#fff;font-family:'TmonMonsori'}
.m_sec2 .m_sec_inner1 h4 .color1{font-size:35px}
.m_sec2 .m_sec_inner1 ul{margin:40px 0;padding:40px 5.4%;background:#fff}
.m_sec2 .m_sec_inner1 ul li{width:29.8%;margin-left:5.3%;float:left}
.m_sec2 .m_sec_inner1 ul li:first-child{margin-left:0}
.m_sec2 .m_sec_inner1 ul li span{display:block}
.m_sec2 .m_sec_inner1 ul li .img{}
.m_sec2 .m_sec_inner1 ul li .con{padding-top:20px;font-size:20px;line-height:25px;font-family:'TmonMonsori';word-break:keep-all}

.m_sec2 .m_sec_inner2{background:url(/html/images/mobile/main_mobile_con3-2bg.jpg)0 0/cover no-repeat}
.m_sec2 .m_sec_inner2 h3{font-size: 30px;color: #fff;}
.m_sec2 .m_sec_inner2 h3 .color{}
.m_sec2 .m_sec_inner2 ul{margin:-1%;margin-top: 40px;padding:5.5% 1%;}
.m_sec2 .m_sec_inner2 ul li{display:inline-block;width:17%;margin:0.5%;}
.m_sec2 .m_sec_inner2 ul li img{width: 100%;/* box-shadow:5px 5px 5px #999; */}
.m_sec2 .m_sec_inner2 .tit{margin: 35px 0 30px;font-size: 25px;line-height: 35px;color: #fff;font-family:'TmonMonsori';text-shadow:0 0 15px #fa7e0e;}
.m_sec2 .m_sec_inner2 .tit .s_txt{font-size: 21px;font-family:'Open Sans'}
.m_sec2 .m_sec_inner2 .link a{background:url(/html/images/mobile/tv_icon2.png)40px center no-repeat}

.m_sec2 .m_sec_inner3{background:url(/html/images/mobile/main_mobile_con4bg.jpg)center center/100% 100% no-repeat}
.m_sec2 .m_sec_inner3 h3{}
.m_sec2 .m_sec_inner3 h3 .color{}

.m_sec2 .m_sec_inner3 .conbox{margin-top: 20px;padding: 25px 0;}
.m_sec2 .m_sec_inner3 .conbox .con{font-size: 20px;line-height: 30px;font-weight: 600;letter-spacing: -2px;}
.m_sec2 .m_sec_inner3 .conbox .con.color{padding:12px 0 0;font-size: 18px;line-height: 25px;}

.m_sec2 .m_sec_inner3 .conbox1{margin-top: 40px;background:url(/html/images/mobile/main_mobile_con4-1bg.jpg)center center/100% 100% no-repeat;}
.m_sec2 .m_sec_inner3 .conbox1 .con{font-size: 20px;line-height: 30px;}
.m_sec2 .m_sec_inner3 .conbox2{background:url(/html/images/mobile/main_mobile_con4-2.jpg)center center/100% 100% no-repeat;}
.m_sec2 .m_sec_inner3 .conbox2 .con{}
.m_sec2 .m_sec_inner3 .conbox3{background:url(/html/images/mobile/main_mobile_con4-3.jpg)center center/100% 100% no-repeat;}
.m_sec2 .m_sec_inner3 .conbox3 .con{}

.m_sec2 .m_sec_inner3 .box{margin: 45px 0 0;}
.m_sec2 .m_sec_inner3 .box h4{margin-top: 15px;font-size: 25px;line-height: 35px;word-break:keep-all}

.m_sec2 .m_sec_inner3 .link{margin-top: 40px;}

footer{height:100px;background:#fff;border-top:none}
.btn_footer{width:100%;padding:15px 0 12px;background:rgba(0,0,0,0.8);position:fixed;bottom:0;}
.btn_footer button{padding:0;border-radius:0;background:none;border:none;width: 15%;overflow: hidden;margin: 0 5px;}
.btn_footer .foot_button {margin:0 5px;width: 20%;overflow: hidden;display: inline-block;box-sizing: border-box;vertical-align: middle;}
.btn_footer .foot_button img {max-width: 100%;}
/*메인*/
@media screen and (max-width:600px){
	.m_sec2 .m_sec_inner3 .conbox .con{font-size: 16px;}
	.m_sec2 .m_sec_inner3 .conbox .con.color{font-size: 14px;}
}
@media screen and (max-width:590px){
	.m_sec2 h3{font-size: 30px;}
	.m_sec2 > h3 .color{font-size: 40px;}
	.m_sec2 .s_tit{font-size: 20px;line-height: 30px;}
	.m_sec2 .m_sec_inner1 h4{font-size: 25px;}
	.m_sec2 .m_sec_inner1 h4 .color1{font-size: 30px;}
	.m_sec2 .m_sec_inner1 ul li .img img{width: 100%;}
	.m_sec2 .m_sec_inner1 ul li .con{font-size: 16px;}
	
	.m_sec2 .m_sec_inner3 .box h4{font-size: 20px;}
}
@media screen and (max-width:515px){
	.m_sec1 .conbox .box .txt_box .tit{font-size:16px}
	.m_sec1 .conbox .box .txt_box .tit .tte{font-size:12px}
	.m_sec1 .conbox .box .txt_box .con{font-size:13px}
}
@media screen and (max-width:470px){
	.m_sec2 h3{font-size: 20px;}
	.m_sec2 > h3 .color{font-size: 30px;}
	.m_sec2 .s_tit{font-size: 16px;line-height: 20px;}
	.m_sec2 .m_sec_inner1 h4{font-size: 16px;line-height: 20px;}
	.m_sec2 .m_sec_inner1 h4 .color1{font-size: 20px;}
	.m_sec2 .m_sec_inner1 ul li .con{font-size: 14px;line-height: 20px;}
	.m_sec2 .m_sec_inner .link a{font-size: 14px;}

	.m_sec2 .m_sec_inner3 .conbox{padding-right: 10px;padding-left: 10px;}
	.m_sec2 .m_sec_inner3 .conbox .con{font-size: 14px;line-height: 20px;}

	.btn_footer button img{height: 50px;}
	.btn_footer a img{height: 50px;}
}
@media screen and (max-width:450px){ 
	header{height:80px}
	header h1.logo a img{height:45px}
	header span.btn_menu{padding-top:20px}
	header span.btn_menu a img{height:50px}
	
	header span.btn_menu_join{padding-top:20px}
	header span.btn_menu_join a img{height:50px}
}
@media screen and (max-width:430px){
	.m_sec1 .conbox .box{margin-bottom:15px}
	.m_sec1 .conbox .box .img_box span.img_bg img{height:60px}
	.m_sec1 .conbox .box .txt_box .tit{font-size:14px}
	.m_sec1 .conbox .box .txt_box .tit .tte{margin-left:5px}
	.m_sec1 .conbox .box .txt_box .con{font-size:12px}
}
@media screen and (max-width:400px){
	.m_sec1 .conbox{padding:20px 15px}
	.m_sec1 .conbox .box4 .txt_box .con,
	.m_sec1 .conbox .box5 .txt_box .con,
	.m_sec1 .conbox .box6 .txt_box .con{font-size:11px}
}
@media screen and (max-width:385px){
	.m_sec1 .conbox .box .img_box span.img_bg img{height:40px}
	.m_sec1 .conbox .box .txt_box .tit .tte{display:block;width:45px;margin:5px 0 0}
	
	.m_sec1 .conbox .box1 .txt_box .tit .tte,
	.m_sec1 .conbox .box2 .txt_box .tit .tte,
	.m_sec1 .conbox .box10 .txt_box .tit .tte {width:25px}
	.m_sec1 .conbox .box3 .txt_box .tit .tte,
	.m_sec1 .conbox .box10.box8 .txt_box .tit .tte,
	.m_sec1 .conbox .box6 .txt_box .tit .tte{width:50px}

	.m_sec1 .conbox .box1 .txt_box .con{font-size:11px}
	
	.m_sec2 .s_tit{font-size: 14px;}
	.m_sec2 .m_sec_inner1 h4{font-size: 14px;}
	.m_sec2 .m_sec_inner1 h4 .color1{font-size: 18px;}
	.m_sec2 .m_sec_inner1 ul li .con{font-size: 13px;}
	.m_sec2 .m_sec_inner1 ul li .con br{display: none;}

	.m_sec2 .m_sec_inner2 h3{font-size: 16px;}
	.m_sec2 .m_sec_inner2 .tit{font-size: 16px;line-height: 20px;}
	.m_sec2 .m_sec_inner2 .tit .s_txt{font-size: 14px;}

	.m_sec2 .m_sec_inner3 .conbox .con{font-size: 13px;}
}
@media screen and (max-width:365px){
	.m_sec2 .m_sec_inner3 .conbox .con{font-size: 12px;}
	.m_sec1 .conbox .box3 .txt_box .con{letter-spacing:-1px}

	.btn_footer button img{height: 40px;}
	.btn_footer a img{height: 40px;}
}
@media screen and (max-width:355px){
	.m_sec2 .m_sec_inner3 .box img{height: 35px;}
	.m_sec1 .conbox .box3 .txt_box .con{letter-spacing:-2px}
}
@media screen and (max-width:345px){
	.m_sec1 .conbox .box4 .txt_box .con br{display:none}
}
@media screen and (max-width:340px){
	.m_sec1 .conbox{padding:20px 10px}

	.m_sec2 .m_sec_inner3 .conbox .con{word-break:keep-all}
	.m_sec2 .m_sec_inner3 .conbox .con br{display: none;}
}
/*//메인*/

/*서브 라인강2*/
.company_video{padding:19.5% 4% 9.5%;background:url(/html/images/mobile/sub2-2.jpg)0 0/100% no-repeat;}
.company_video iframe{height: 330px;}
/*//서브 라인강2*/

/*강의소개 동영상*/
.img_box .video_box1{width:100%;padding:0 7.8%;position:absolute;top: 9%;left:0;right:0;text-align:center;box-sizing:border-box}
.img_box .video_box1 iframe{height:330px}
.img_box .video_box2{top:6.3%}
.img_box .video_box5{top:5.3%}
.img_box .video_box6{top:7.5%}
/*//강의소개 동영상*/

/*서브 수강신청*/
.m_sub_content .sub_inner{position: relative;overflow: hidden;}
.m_sub_content .sub_inner .btn_box_a{width: 100%;padding:0 15%;position: absolute;bottom: 21vmin;text-align: center;box-sizing:border-box}
.m_sub_content .sub_inner .btn_box_a2 {width: 100%;padding:0 15%;position: absolute;bottom: 11vmin;text-align: center;box-sizing:border-box}
.m_sub_content .sub_inner .btn_box_a a img{max-width:441px;width: 100%;}
.m_sub_content .sub_inner .btn_box_a2 a img{max-width:441px;width: 100%;}

.m_sub_content .sub_inner .box{width: 100%;padding:0 25px;position: absolute;box-sizing:border-box}
.m_sub_content .sub_inner .box .btn_box_a{max-width: 30%;padding:0 2%;float: left;position: static;}
.m_sub_content .sub_inner .box1{bottom: 6%;}
.m_sub_content .sub_inner .box2{bottom: 7%;}
.m_sub_content .sub_inner .box3{bottom: 7%;}

/*패키지*/
.pack_con .img_box {position: relative;margin-top: -1px;}
.pack_con .img_box .btn_box_a {width: 85%;position: absolute;bottom: 10%;margin: 0 auto;left: 0;right: 0;}
.pack_con .img_box  img {vertical-align: top;}
.pack_con .btn_box_l {position: absolute;bottom: 7%;left: 32%;width: 16%;}
.pack_con .btn_box_r {position: absolute;bottom: 7%;right: 4%;width: 16%;}

.sub6_box{margin-top:-3px;padding:8% 4%;background:url(/html/images/mobile/sub/sub6-2bg.jpg)0 0/cover no-repeat;box-sizing:border-box}
#sub6_1,
#sub6_2,
#sub6_3,
#sub6_4,
#sub6_5,
#sub6_6,
#sub6_3_1,
#sub6_3_2 {position: relative;}
#sub6_2,
#sub6_3,
#sub6_4,
#sub6_5,
#sub6_6,
#sub6_3_1,
#sub7_1,
#sub7_3,
#sub10_3,
#sub6_8,
#sub6_13,
#sub6_3_2 {margin-bottom:5%;position: relative;}

.m_sub_content .sub_inner .sub6_box .box{width: 100%;padding:0 25px;position: absolute;box-sizing:border-box}
.m_sub_content .sub_inner .sub6_box .box .btn_box_a{max-width: 25%;padding:0 1%;float: left;position: static;}
.m_sub_content .sub_inner .sub6_box .box .btn_box_a a img{width: 100%;}
/*//서브 수강신청*/

/* 서브 수강신청 책 */
.register2_sec{padding:30px 0}
.register2_sec .book_box{padding:0 3% 5%}
.register2_sec .book_box .img_box{width:200px;margin:0 auto 30px}
.register2_sec .book_box .table_box{border-top:2px solid #333}
.register2_sec .book_box .table_box table tr{border-bottom:1px solid #ccc;font-size:15px;line-height:23px;color:#333;word-break:keep-all}
.register2_sec .book_box .table_box table tr.last_tr{border-bottom:1px solid #aaa}
.register2_sec .book_box .table_box table tr th{width:20%;background:#eee;border-right:1px solid #ccc;text-align:center}
.register2_sec .book_box .table_box table tr td{padding:10px 0 10px 20px}
.register2_sec .book_link_box{float:right;margin-top:15px}
.register2_sec .book_link_box a{display:inline-block;padding:9px 25px;background:#fff;border:1px solid #aaa;font-size:16px;color:#333}
/* //서브 수강신청 책 */

.m_sec_inner4 .img_box {position: relative;}
.m_sec_inner4 .img_box > img {width: 100%;}
.m_sec_inner4 .img_box .btn_box_a {position: absolute;bottom: 10%;left: 0;right: 0;margin:0 auto;text-align: center;}
.point-1 {background-color: #3ca8c2;}
.point-1 > p {color: #fff !important;padding-left: 5px !important;}
.point-1 > p.con {color: #eee !important;}
@media screen and (max-width:575px){
.company_video iframe{height: 300px;}
.img_box .video_box1 iframe{height:300px}
}
@media screen and (max-width:525px){
.company_video iframe{height: 270px;}
.img_box .video_box1 iframe{height:270px}
}
@media screen and (max-width:475px){
.company_video iframe{height: 240px;}
.img_box .video_box1 iframe{height:240px}
}
@media screen and (max-width:450px){
footer{height:80px}
}
@media screen and (max-width:430px){
.company_video iframe{height: 210px;}
.img_box .video_box1 iframe{height:210px}
}
@media screen and (max-width:375px){
.company_video iframe{height: 180px;}
.img_box .video_box1 iframe{height:180px}
}
@media screen and (max-width:325px){
.company_video iframe{height: 150px;}
.img_box .video_box1 iframe{height:150px}
}


/*최강패키지*/
.newpack .img_box {position: relative;}
.newsec2 .btn_st1 {position: absolute;top: 13%;left: 0;right: 0;margin: 0 auto;width: 45%;}
.newsec2 .btn_st2 {position: absolute;width: 45%;left: 34%;right: 0;margin: 0 auto;bottom: 5.5%;}
.newsec3 .btn_st1 {position: absolute;top: 25.5%;right: 19%;width: 19%;}
.newsec3 .btn_st2 {position: absolute;top: 42.8%;right: 19%;width: 19%;}
.newsec3 .btn_st3 {position: absolute;top: 58.8%;right: 19%;width: 19%;}
.newsec3 .btn_st4 {position: absolute;bottom: 7%;left: 0;right: 0;margin: 0 auto;width: 45%;}
.newsec_video .video_box1 {top: 27%;}
.newsec4 .btn_st1 {position: absolute;bottom: 29%;width: 15%;left: 10%;}
.newsec4 .btn_st2 {position: absolute;bottom: 29%;width: 15%;right: 41.8%;}
.newsec4 .btn_st3 {position: absolute;bottom: 29%;width: 15%;right: 10%;}
.newsec5 .btn_st1 {position: absolute;top: 34%;left: 0;right: 0;margin: 0 auto;width: 43%;}
#sub7_1 {position: relative;}


/* 라인강 리뉴얼 2018.10 */
/* s: 헤더영역 리뉴얼 */
header span.btn_menu.renewal { padding: 28px 0 0 20px; }
header span.btn_menu.renewal a img { height: 45px; }
header span.btn_menu_join.renewal { padding: 25px 20px 0 0; }
header span.btn_menu_join.renewal a img { height: 49px; }
@media screen and (max-width: 450px) {
	header span.btn_menu.renewal { padding-top: 23px; }
	header span.btn_menu.renewal a img { height: 36px; }
	header span.btn_menu_join.renewal { padding-top: 21px; }
	header span.btn_menu_join.renewal a img { height: 40px; }
}

div.all-menu.renewal { width: 70%; }
div.all-menu.renewal div.t_wrap h2 img { width: 90px; }
div.all-menu.renewal ul.gnb > li { background-size: 11px auto; }
div.all-menu.renewal .gnb_sns li.first { margin-left: 0; }

.all-menu.renewal .quick-menu {
	padding: 12px 0;
	background: #f2f2f2;
	border-bottom: 1px solid #d0cece;
	overflow: hidden;
}
.all-menu.renewal .quick-menu li {
	position: relative;
	width: 25%;
	height: 40px;
	float: left;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
}
.all-menu.renewal .quick-menu li.one { line-height: 40px; }
.all-menu.renewal .quick-menu span { display: block; }
.all-menu.renewal .quick-menu a {
	height: 100%;
	display: block;
	color: #000;
}
.all-menu.renewal .quick-menu .ico {
	width: 1px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	background: #d0cece;
}
/* e: 헤더영역 리뉴얼 */


span.m_price { float:right; color:#ff3728;font-size:16px; text-align:right;line-height:30px;margin-top:-4px;}
span.m_price b { color:#000000;font-size:22px;font-weight:bold;}
span.m_price2 { float:right;color:#ff3728; font-size:11px; text-align:right;line-height:20px;}
span.m_price2 b { color:#000000;font-size:15px;font-weight:bold;}


#single_wrap { position:relative; margin: 0 auto; padding: 0 10%; overflow: hidden; clear:both; background: #f3f4f7; }
@media all and (max-width:750px) {
	#single_wrap { padding: 0; background: #fff; }
}

.main-v2,
.main-v2 h3 { font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; }
.main-v2 img { width: 100%; }
.main-v2 .blind-v2 {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	margin: -1px;
	width: 1px;
	height: 1px;
}

.mm-section1-course { background: #f3f4f7; }
.mm-section1-course .sec1-heading { padding: 0; }
@media all and (max-width:750px) {
	.mm-section1-course .sec1-heading { padding: 0 0.8em; }
}
.mm-section1-course .sec1-heading h3 {
	padding: 1em 0 0.6em;
	color: #000;
	font-size: 15px;
	letter-spacing: -0.06em;
	text-align: center;
}
.mm-section1-course .sec1-heading h3 img {
	width: 46px;
	vertical-align: -4px;
}
.mm-section1-course .sec1-body { padding: 0 0 0.8em; }
@media all and (max-width:750px) {
	.mm-section1-course .sec1-body { padding: 0 0.8em 0.8em; }
}

.mm-section1-course ul {
	display: block;
	margin: 0 -1%;
	overflow: hidden;
}
.mm-section1-course ul li {
	width: 48%;
	float: left;
	margin: 0 1% 0.8em;
	background: #fff;
}
.mm-section1-course ul li > a {
	display: block;
	color: #000;
}
.mm-section1-course ul li .course-info {
	padding: 0.6em 0.45em 0.8em;
	font-size: 13px;
	line-height: 1.3em;
}
.mm-section1-course ul li .course-info h4 {
	margin-bottom: 5px;
	font-size: 16px;
	letter-spacing: -0.7px;
}
.mm-section1-course ul li .course-info h4.en { letter-spacing: -0.2px; }
.mm-section1-course ul li .course-info p {
	height: 37px;
	min-height: 37px;
	margin-bottom: 4px;
	color: #555;
	line-height: 18px;
	letter-spacing: -1px;
}
@media all and (max-width:750px) {
	.mm-section1-course ul li .course-info p { min-height: 54px; }
}
.mm-section1-course ul li .course-info .badge-sm {
	display: inline-block;
	height: 1.8em;
	padding: 0 8px;
	color: #4c2cd6;
	font-size: 11px;
	background: #fff;
	line-height: 1.8em;
	letter-spacing: -0.02em;
	border: 1px solid #4c2cd6;
}
.mm-section1-course ul li .course-info .badge-sm.basic {
	color: #777;
	border-color: #777;
}
.mm-section1-course ul li .course-info .badge-sm.best {
	color: #ec3571;
	border-color: #ec3571;
}

@media all and (max-width:750px) {
	.mm-section1-course ul.package-group li { width: 98%; float: none; }
	.mm-section1-course ul.package-group li .course-info p { min-height: 28px; }
}

.mm-section2-point {
	color: #000;
	background: #fff;
	text-align: center;
}

.mm-section2-point .btn-base.full {
	width: 100%;
	height: 3.4em;
	display: block;
	line-height: 3.4em;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	background: #ec3571;
}

.mm-section2-point .point-heading { padding: 24px 0 20px; }
.mm-section2-point .point-heading h2 {
	margin: 4px 0 10px;
}
.mm-section2-point .point-heading em {
	font-size: 11px;
	letter-spacing: 0;
}
.mm-section2-point .point-heading img { width: 210px; }
.mm-section2-point .point-heading li {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.5em;
}

.mm-section2-point .point-box1 {
	padding: 0 7% 28px;
	background: #d0e9f2 url(/html/images/renewal/mobile/main2_box1_bg.png) no-repeat left top;
	background-size: 52px auto;
}
.mm-section2-point .point-box1 h3 { padding: 20px 0 15px; }
.mm-section2-point .point-box1 h3 img {
	width: 165px;
}
.mm-section2-point .point-box1 ul {
	margin: 0 -1%;
	display: block;
	overflow: hidden;
}
.mm-section2-point .point-box1 ul li {
	width: 48%;
	margin: 0 1% 15px;
	float: left;
	font-size: 14px;
	font-weight: 500;
	word-break: keep-all;
	line-height: 1.3em;
	background: #fff;
}
.mm-section2-point .point-box1 ul li em {
	display: block;
	color: #f96d97;
}
.mm-section2-point .point-box1 .inner-content {
	min-height: 135px;
	padding: 15px 10px 20px;
}
.mm-section2-point .point-box1 .inner-content h4 {
	margin-bottom: 10px;
}
.mm-section2-point .point-box1 .inner-content.in-01 img { width: 192px;  }
.mm-section2-point .point-box1 .inner-content.in-02 img { width: 183px;  }
.mm-section2-point .point-box1 .inner-content.in-03 img { width: 240px;  }
.mm-section2-point .point-box1 .inner-content.in-04 img { width: 176px;  }

@media all and (max-width:1024px) {
	.mm-section2-point .point-box1 .inner-content { min-height: 170px; }
}

@media all and (max-width:750px) {
	.mm-section2-point .point-box1 ul { margin: 0; }
	.mm-section2-point .point-box1 ul li {
		width: 100%;
		margin: 0 0 15px;
		float: none;
	}
	.mm-section2-point .point-box1 .inner-content { min-height: auto; }
}

.mm-section2-point .point-box2 {
	padding: 0 7% 28px;
	background: #fedb60 url(/html/images/renewal/mobile/main2_box2_bg.png) no-repeat left top;
	background-size: 52px auto;
}
@media all and (max-width:750px) {
	.mm-section2-point .point-box2 { padding: 0 4% 28px; }
}
.mm-section2-point .point-box2 h3 {
	padding: 24px 0 18px;
}
.mm-section2-point .point-box2 h3 img { width: 159px; }
.mm-section2-point .point-box2 .con-img { max-width: 550px; }

.mm-section2-point .point-box2 p { margin: 14px 0 10px; }
.mm-section2-point .point-box2 p span { font-size: 13px; }
.mm-section2-point .point-box2 p strong { display: block; }
.mm-section2-point .point-box2 .btn-base.full { background: #000; }

.mm-section2-point .point-box3 {
	padding: 0 7% 28px;
	background: #d0e9f2 url(/html/images/renewal/mobile/main2_box3_bg.png) no-repeat left top;
	background-size: 52px auto;
}
@media all and (max-width:750px) {
	.mm-section2-point .point-box3 { padding: 0 4% 28px; }
}

.mm-section2-point .point-box3 h3 { padding: 24px 0 18px; }
.mm-section2-point .point-box3 h3 img { width: 174px; }
.mm-section2-point .point-box3 ul li {
	min-height: 70px;
	margin-bottom: 10px;
	padding: 8px 8px 8px 115px;
	position: relative;
	font-size: 14px;
	text-align: left;
	background: #fff;
	line-height: 1.3em;
}
.mm-section2-point .point-box3 ul li .box3-thumb {
	width: 100px;
	position: absolute;
	left: 8px;
	top: 8px;
}
.mm-section2-point .point-box3 ul li p em {
	display: block;
	margin-top: 8px;
	color: #ec3571;
	font-size: 14px;
}
.mm-section2-point .point-box3 .con-foot { margin: 20px 0 15px; }
.mm-section2-point .point-box3 .con-foot .ico { width: 122px; }
.mm-section2-point .point-box3 .con-foot .txt-zone { display: block; }
.mm-section2-point .point-box3 .con-foot .txt-zone img { width: 260px; }

.mm-section2-point .point-box4 {
	padding-top: 20px;
	background: #3e509c url(/html/images/renewal/mobile/main2_box4_bg.png) no-repeat left top;
	background-size: 52px auto;
}
.mm-section2-point .point-box4 a { display: block; }
.mm-section2-point .point-box4 a img {
	display: block;
	width: 80%;
	max-width: 570px;
	margin: 0 auto;
}

/* s: 메인 슬라이드 리뉴얼 */
.slidesjs-pagination { bottom: 13px; }
.slidesjs-pagination li.slidesjs-pagination-item a {
	width: 8px;
	height: 8px;
	border-color: #c8cacf;
	background: none;
}
.slidesjs-pagination li.slidesjs-pagination-item a.active { background: #c8cacf; }
/* e: 메인 슬라이드 리뉴얼 */

/* s: 모바일 서브 리뉴얼 */
.course-wrap-type1 img {
	width: 100%;
	display: block;
	vertical-align: top;
}
.course-wrap-type1 .blind-v2 {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	margin: -1px;
	width: 1px;
	height: 1px;
}
.course-wrap-type1 .view-box {
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
}
.course-wrap-type1 .view-box > a { display: block; }
.course-wrap-type1 .video-wrap { background: #101079; }
.course-wrap-type1 .video-wrap .course-youtube {
	position: relative;
	width: 94%;
	height: 0;
	margin: 0 3%;
	/* padding-bottom: 56.25%; /* 유튜브 영상 일때 */
	padding-bottom: 52.48%;
}
.course-wrap-type1 .video-wrap .course-youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* e: 모바일 서브 리뉴얼 */


.list_gallery { padding:0px 1% 15px 1%; width:98%; display:inline-block;}
.list_gallery li { float:left; width:46%; margin:0% 2% 4% 2%; font-size:14px; line-height:20px;  }
.list_gallery li .gal_img { position:relative;width:100%; padding-bottom:70%; overflow:hidden;}
.list_gallery li .gal_img a img { position:absolute;width:100%; height:100%; border:1px #dedede solid; box-sizing:border-box; }
.list_gallery li .gal_tit { height:40px; overflow:hidden;margin-top:5px; }
.list_gallery li .gal_tit a { display:block;font-weight:bold;color:#333333; text-align:center;font-size:14px;line-height:20px; padding:0px 0px 0px 0; }


.img_box_pack3 { margin-top:-5px;width:100%;position: relative;}
.img_box_pack3 img {width:100%;}

.img_box_pack3_3 { width:90%;position: relative; padding:0px 5% 10% 5%;margin-top:-5px; background:#d6e6f9;}
.img_box_pack3_3 ul{ width:100%;display:inline-block; background:url('/html/images/mobile/pack3_img3_bg.png') 50% 50% no-repeat;}
.img_box_pack3_3 li { float:left; width:50%;}
.img_box_pack3_3 li img { width:90% !important;}
.img_box_pack3_3 li:first-child { text-align:left;}
.img_box_pack3_3 li:last-child { text-align:right;}
.img_box_pack3_3 img {width:100%;margin-top:5%;}

.img_box_pack3_4 { width:100%;position: relative; padding:70px 50px;margin-top:-5px; box-sizing:border-box;}
.img_box_pack3_4 img {width:100%;margin-top:-5px;}

.img_box_pack3_5 { width:100%; background:#282828;position:relative; display:inline-block;margin-top:-5px; box-sizing:border-box;}
.img_box_pack3_5 img {width:100%;position: absolute; left:0%;top:0;}
.img_box_pack3_5 .ibp_movie5 { position: relative;width:84%; padding-bottom:47%; margin:52% 8% 40% 8%;z-index:1000;}
.img_box_pack3_5 .ibp_movie5 iframe { position: absolute; left:0%;top:0; width: 100%; height: 100%; }

.img_box_pack3_8 { width:100%; background:#288ad8;position:relative; display:inline-block;margin-top:-5px;  box-sizing:border-box;}
.img_box_pack3_8 img {width:100%;}
.img_box_pack3_8 .ibp_movie8 { position: relative;width:84%; padding-bottom:47%; margin:0% 8% 10% 8%;}
.img_box_pack3_8 .ibp_movie8 iframe { position: absolute; left:0%;top:0; width: 100%; height: 100%; }


/* 19.09 footer add */
.m-footer-v2 {
	padding: 25px 10% 10px;
	font-size: 12px;
	line-height: 1.3em;
	background: #fff;
}
.m-footer-v2 ul li { margin-bottom: 15px; }
@media all and (max-width:750px) {
	.m-footer-v2 { padding: 25px 4% 10px; background: #f1f1f1; }
}