section.m_m_con02,
section.m_m_con03,
section.m_m_con04,
section.m_m_con05,
section.m_m_con07,
section.m_m_con08,
section.m_m_con09,
section.m_m_con10,
section.m_m_con11,
section.m_m_con12,
section.m_m_con13,
section.m_m_con15,
section.m_m_con16,
section.m_m_con17,
section.m_m_con19 {padding:40px 0; width:100%; overflow: hidden; position: relative;}
div.m_container {width:96%; margin:0 auto; max-width: 750px;}





/*********************************************************************
**********************************************************************
***************************영상보기 팝업*********************************
**********************************************************************
**********************************************************************/
.thumb a > img {width:100%;}
.thumb {position: relative;}
.thumb a {display: block; position: absolute; left:50%; margin-left:-23px; top:50%; margin-top:-23px;}
.thumb > img {width:100%;}
.overlay {background-color: rgba(0, 0, 0, 0.6); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 1;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}
.overlay:target {visibility: visible; opacity: 1;}
.close {height: 20px;
    opacity: 1;
    line-height: 20px;
    position: absolute;
    right: -20px;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 20px;
    background:url(../../sub_img/images/close_btn.png) no-repeat center;
    background-size: contain;}





/*********************************************************************
**********************************************************************
*************************CON01 메인_비주얼***************************
**********************************************************************
**********************************************************************/


/*********************************************************************
**********************************************************************
***************************CON02 메인_실시간후기***********************
**********************************************************************
**********************************************************************/
.m_m_con02 {padding-bottom:0;}
.m_m_con02 div.m_tit {margin-bottom:0;}
.m_m_con02 .m_review_slide {background: url(../../images/review_bg_blue.png)no-repeat center; background-size: 100%;}
.m_m_con02 .m_review_slide .swiper-container {}
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide {padding:40px 50px;}
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide > div {position: relative;}
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide p.review_title {font-size:20px; position:relative; padding:25px 0; color:#fff; margin-bottom:25px;} 
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide p.review_title:before {content:''; display: block; position: absolute; width:25px; height:16px; background:url('../../images/quatation2-1.png') no-repeat center; left:0; top:0; background-size:cover;}
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide p.review_title:after {content:''; display: block; position: absolute; width:27px; height:16px; background:url('../../images/quatation2-2.png') no-repeat center; left:0; bottom:0; background-size:cover;}
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide p.review_id,
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide p.review_text,
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide p.review_date {font-size:16px;}
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide p.review_id {color:#a6e3ff;}
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide p.review_text {color:#fff;}
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide p.review_date {color:#a6e3ff;}
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide a.review_more {display: block; color:#a6e3ff; float: right; margin-top:10px;}
.m_m_con02 .m_review_slide .swiper-container .swiper-wrapper .swiper-slide a.review_more > img {margin-left:15px; width:40%; margin-top:-10%;}

.m_m_con02 .m_review_slide .swiper-container .swiper-pagination-bullet {width:10px; height:10px; background:#ccc;}
.m_m_con02 .m_review_slide .swiper-container .swiper-pagination-bullets {position: absolute; top:5%;}
.m_m_con02 .m_review_slide .swiper-container .swiper-pagination-bullet-active {background:#969696;}

.m_m_con02 .m_review_slide .swiper-container .swiper-button-prev,
.m_m_con02 .m_review_slide .swiper-container .swiper-button-next {background-size:cover; background-position:center; background-repeat:no-repeat; width:20px; height:40px; top: 50%; margin-top: -20px;}
.m_m_con02 .m_review_slide .swiper-container .swiper-button-prev {background-image:url('../images/prev.png'); left:0;}
.m_m_con02 .m_review_slide .swiper-container .swiper-button-next {background-image:url('../images/next.png'); right:0;}



/*********************************************************************
**********************************************************************
**********************CON03 메인_비포/에프터 영상***********************
**********************************************************************
**********************************************************************/


/*비포애프터 영상 팝업*/
.Thumb a img {width:100%;}
.Thumb {position: relative;}
.Thumb a {display: block;}
.youtube {display: inline-block; left: 50%; background-color:#fff; opacity: 0; padding: 10px 10px 7px 10px;; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -webkit-transition: opacity .5s, top .5s;
  -moz-transition: opacity .5s, top .5s;
  -ms-transition: opacity .5s, top .5s;
  -o-transition: opacity .5s, top .5s;
  transition: opacity .5s, top .5s;
}
.overlay:target+.youtube {top: 50%; opacity: 1; visibility: visible;}
.youtube p, 
.youtube div {margin-bottom: 10px;}





/* 서브6_1 수강절차 */
.m_m_con03 .m_container > img {width:100%;}
.m_m_con03 ul.tabs li a {position: relative; }        
.m_m_con03 ul.tabs li a:visited {color: #000;}
.m_m_con03 ul.tabs li a:hover {}
.m_m_con03 ul.tabs li.selected a, 
.m_m_con03 ul.tabs li.selected a:hover {position: relative; top: 0px;}
.m_m_con03 div.tabcontents {}
.m_m_con03 .tabs {position: relative; box-sizing: border-box; margin:0 auto; overflow: hidden;}
.m_m_con03 .tabs-header {position: relative; overflow: hidden;}
.m_m_con03 .tabs-header ul {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width:100%;}
.m_m_con03 .tabs-header li { -webkit-transition: 0.3s ease; transition: 0.3s ease; width:32%; background:#fff; color:#0073f6; margin-left:2%; border-radius:50px;}
.m_m_con03 .tabs-header li:first-child {border-left:1px solid #eee; margin-left:0;}
.m_m_con03 .tabs-header li.active {background:#0073f6; border-color:#0073f6;}
.m_m_con03 .tabs-header li.active a {color:#fff; font-weight:600; text-decoration: none;}
.m_m_con03 .tabs-header a {font-size:14px; line-height: 1; z-index: 1; display: block; box-sizing: border-box; padding:10px; color: #a6a6a6; text-align:center;}
.m_m_con03 .tabs-header a span {display: block; font-size:14px; color:#fff;}
.m_m_con03 .tabs-content {padding-top: 20px; position: relative; -webkit-transition: 0.3s ease; transition: 0.3s ease; overflow: hidden;}
.m_m_con03 .tabs-content .tab {display: none;}
.m_m_con03 .tabs-content .tab.active {display: block;}
.m_m_con03 .tabs-content a img {width:100%;}





/* 쿠익영어 고객센터 */
section.m_m_con04 .m_container .inquire {border:1px solid #ddd; background-color:#f4f4f4; padding:20px;}
section.m_m_con04 .inquire h3 {text-align:center; font-size: 24px; line-height: 1.4em; margin-bottom:10px;}
section.m_m_con04 .inquire h3 strong {color: #0073f6; font-size: 32px; display: block; padding: 5px 0;}
section.m_m_con04 .inquire h3 span {font-weight: 300; font-size: 16px; display: block;}
section.m_m_con04 .inquire p {font-size: 14px; margin-bottom: 15px;}
section.m_m_con04 .inquire p span {font-weight: 600; font-size: 16px; display: block;}

/*********************************************************************
**********************************************************************
**********************CON05 컨설턴트***********************
**********************************************************************
**********************************************************************/
.m_m_con05 .m_container ul.consultant {border-left:2px solid #0073f6; position: relative; margin-bottom:20px; margin-left:20px;}
.m_m_con05 .m_container ul.consultant:before {content:'역할'; display:block; color:#0073f6; position: absolute; top:0; left: -20px; font-size: 16px; font-weight: 600; background-color:#fff;}
.m_m_con05 .m_container ul.consultant li {margin-bottom:15px;}
.m_m_con05 .m_container ul.consultant li p.tit {font-size:18px; color:#0073f6; background-repeat:no-repeat; background-position: 10px center; background-size:contain; line-height:45px; padding-left:85px; margin:0;}
.m_m_con05 .m_container ul.consultant li p.tit strong {color:#0073f6;}
.m_m_con05 .m_container ul.consultant li:nth-child(1) p.tit {background-image: url("../../images/consultant1.png");}
.m_m_con05 .m_container ul.consultant li:nth-child(2) p.tit {background-image: url("../../images/consultant2.png");}
.m_m_con05 .m_container ul.consultant li:nth-child(3) p.tit {background-image: url("../../images/consultant3.png");}
.m_m_con05 .m_container ul.consultant li:nth-child(4) p.tit {background-image: url("../../images/consultant4.png");}
.m_m_con05 .m_container ul.consultant li:nth-child(5) p.tit {background-image: url("../../images/consultant5.png");}
.m_m_con05 .m_container ul.consultant li p.cont {margin:0; padding-left:85px; font-size: 16px; line-height:1.4em;}

section.m_m_con05 .thumb > img {margin-bottom:40px;}
section.m_m_con05 .thumb a {top:45%;}
section.m_m_con05 .m_container .popup_con12 {background-color: #f5f7fa; border: 5px solid #ddd; display: inline-block; left: 50%; opacity: 0; padding: 15px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;

  -webkit-transition: opacity .5s, top .5s;
  -moz-transition: opacity .5s, top .5s;
  -ms-transition: opacity .5s, top .5s;
  -o-transition: opacity .5s, top .5s;
  transition: opacity .5s, top .5s;
}
section.m_m_con05 .m_container .overlay:target+.popup_con12 {top: 50%; opacity: 1; visibility: visible;}


/*********************************************************************
**********************************************************************
**********************CON06 시스템(슬라이드)***************************
**********************************************************************
**********************************************************************/
.m_m_con06 .swiper-slide > img {width:100%;}







/*********************************************************************
**********************************************************************
**********************CON09 협력사들(슬라이드)**************************
**********************************************************************
**********************************************************************/
.m_m_con09 {background-color:#f0faff;}
.m_m_con09 .m_tit {margin-bottom:10px;}
.m_m_con09 .slick-slider button {display: none !important;}


/*********************************************************************
**********************************************************************
**********************CON10 가이우스빈 소개****************************
**********************************************************************
**********************************************************************/
.m_m_con10 {background: #f5f7fa;}
.m_m_con10 .m_container {}
.m_m_con10 .m_container .title_info {line-height: 1.4em; font-weight:normal; font-size:16px;}
.m_m_con10 .m_container .title_info span {color:#fff; background:#0073f6; box-sizing: unset; display: inline-block;}
.m_m_con10 .m_container div.m_tit h3.subtitle {margin-bottom:5px;}
.m_m_con10 .m_container ul.gaius {border-top:3px solid #0073f6;}
.m_m_con10 .m_container ul.gaius li { background-color:#f5f7fa;}
.m_m_con10 .m_container ul.gaius li img {width: 100%;}
.m_m_con10 .m_container ul.gaius li:last-child {padding:20px; background-color:#fff;}
.m_m_con10 .m_container ul.gaius li p {font-size: 16px; margin-bottom:15px;}
.m_m_con10 .m_container ul.gaius li p strong {font-size: 22px;}
.m_m_con10 .m_container ul.gaius li dl {overflow: hidden; margin-bottom:20px; font-size:16px;}
.m_m_con10 .m_container ul.gaius li dl:last-child {margin-bottom:0;}
.m_m_con10 .m_container ul.gaius li dl dt {font-weight: 600;border-bottom: 1px solid #e0e0e0; margin-bottom: 10px; color: #0063d4; }
.m_m_con10 .m_container ul.gaius li dl dd {font-size: 14px;}
.m_m_con10 .m_container ul.gaius li dl:last-child dd {margin-bottom:5px;}
.m_m_con10 .m_container ul.gaius li a {font-size: 14px; text-align: center; display: block;}
.m_m_con10 .m_container ul.gaius li a span {text-align: center; color: #0063d4; display: inline-block; border: 1px solid #0063d4; padding:5px 20px;}

.m_m_con10 .m_container ul.bin {text-align: center;}
.m_m_con10 .m_container ul.bin:after {content: ''; display: block; visibility: hidden; clear: both;}
.m_m_con10 .m_container ul.bin > li {padding:30px; width: 100%;}
.m_m_con10 .m_container ul.bin li.consult {background-color: #0173f7;}
.m_m_con10 .m_container ul.bin li.consult img {display: block; margin:0 auto; width: 50%;}
.m_m_con10 .m_container ul.bin li.consult p { color: #fff; font-size:18px; font-weight:600; padding-top: 20px; margin-bottom: 10px;}
.m_m_con10 .m_container ul.bin li.consult ol {display:inline-block; text-align: left; margin:0 auto;}
.m_m_con10 .m_container ul.bin li.consult ol li {color: #fff; font-size:16px; background:url('../../sub_img/check_mini_white.png') no-repeat left center; padding-left:30px;}
.m_m_con10 .m_container ul.bin li.column {padding-top:40px; background:url('../images/gaius_bin_bg.jpg') no-repeat center; background-size:cover;}
.m_m_con10 .m_container ul.bin li.column p {font-size:16px; color:#fff; display: inline-block; padding:0; line-height:1.6em;}
.m_m_con10 .m_container ul.bin li.column p b {color:#fff; font-weight:600;}
.m_m_con10 .m_container ul.bin li.column span {display: block; color:#fff; font-size:18px; margin-top:20px;}



/*********************************************************************
**********************************************************************
****************CON11 어린이/청소년/성인 교육과정***********************
**********************************************************************
**********************************************************************/
.m_m_con11 {background-color:#dff5fb;}


/* 서브4_1 교육과정 탭 */
.m_m_con11 {background-color:#dff5fb;}
.m_m_con11 .tab_con {}
.m_m_con11 .tab_con ul.tabs {width: 100%; text-align: center; font-size: 16px;}
.m_m_con11 .tab_con ul.tabs:after {content:''; display: block; visibility: hidden; clear: both;}
.m_m_con11 .tab_con ul.tabs li {float: left; cursor: pointer; width:48%; margin-right:4%; position: relative; background-color:#fff; border-radius: 50px; margin-bottom:5px;}
.m_m_con11 .tab_con ul.tabs li:nth-of-type(2),
.m_m_con11 .tab_con ul.tabs li:nth-of-type(4) {margin-right:0;}
.m_m_con11 .tab_con ul.tabs li p {padding:5px 0;}
.m_m_con11 .tab_con ul.tabs li .off { display:block;}
.m_m_con11 .tab_con ul.tabs li .tab_on {display:none;}
.m_m_con11 .tab_con ul.tabs li.active { background-color:#0073f6;  border-color:#0073f6;}
.m_m_con11 .tab_con ul.tabs li.active .tab_on { display:block;color:#fff;}
.m_m_con11 .tab_con ul.tabs li.active .off {display:none;}
.m_m_con11 .tab_con .tab_container {clear: both;   width: 100%; position:relative; top:-2px; z-index:4; }
.m_m_con11 .tab_con .tab_container:after { display:block; content:""; clear:both; }
.m_m_con11 .tab_con .tab_container .tab_content {padding:40px 20px;} 
.m_m_con11 .tab_con .tab_container .tab_content:after { display:block; content:""; clear:both; }
.m_m_con11 .tab_con .tab_container img {width:100%;}
.m_m_con11 .tab_con .tab_container .info_box {margin-bottom: 40px;}
.m_m_con11 .tab_con .tab_container .info_box h4.tit {font-size: 26px; margin: 10px 0 20px;}
.m_m_con11 .tab_con .tab_container .info_box h4.tit span {color: #0073f6; margin-right:5px;}
.m_m_con11 .tab_con .tab_container .info_box p.info_text {margin-bottom: 20px;}
.m_m_con11 .tab_con .tab_container .info_box p.info_text span {display: block; font-weight: 600; font-size: 16px; color: #333; border-bottom: 1px solid #ddd; margin-bottom: 5px;}
.m_m_con11 .tab_con .tab_container .info_box p.info_text b {background:#fffec5;}

/* 서브4_1 교육과정 탭안에 교육과정 표 */
.m_m_con11 .tab_con .tab_container .process_box {}
.m_m_con11 .tab_con .tab_container .process_box > li {text-align: center; line-height: 1.4em; margin-bottom: 40px;}
.m_m_con11 .tab_con .tab_container .process_box > li:last-child {margin-bottom: 0;}
.m_m_con11 .tab_con .tab_container .process_box > li > h4 {margin-bottom: 15px; font-size: 18px; font-weight: 600; background: #0073f7; padding: 8px 30px; border-radius: 50px; text-align: center; color: #fff; display: inline-block;}
.m_m_con11 .tab_con .tab_container .process_box .tg {border-top:2px solid #000; border-bottom:2px solid #000;}
.m_m_con11 .tab_con .tab_container .process_box .tg tr:last-child {border-bottom:2px solid #000;}
.m_m_con11 .tab_con .tab_container .process_box .tg {border-collapse:collapse;border-spacing:0; width:100%; font-size:14px; font-weight:normal;}
.m_m_con11 .tab_con .tab_container .process_box .tg > th:first-child {text-align:center;}
.m_m_con11 .tab_con .tab_container .process_box .tg .subject01 {background-color:#77b6fb; color:#fff; width:30%; font-weight:normal; padding:10px 5px; border-style:solid; border-width:1px; border-color:black; text-align: center;}
.m_m_con11 .tab_con .tab_container .process_box .tg .subject02 {background-color:#3d95f9; color:#fff; width:30%; font-weight:normal; padding:10px 5px; border-style:solid; border-width:1px; border-color:black; text-align: center;}
.m_m_con11 .tab_con .tab_container .process_box .tg .subject03 {background-color:#0173f7; color:#fff; width:30%; font-weight:normal; padding:10px 5px; border-style:solid; border-width:1px; border-color:black; text-align: center;}
.m_m_con11 .tab_con .tab_container .process_box .tg .level {padding:2px 5px; border-style:solid; border-width:1px; border-color:#000; color:#282828; width:20%; text-align: center;}
.m_m_con11 .tab_con .tab_container .process_box .tg .process {padding:2px 5px; border-style:solid; border-width:1px; border-color:#000; color:#282828; text-align: left;}

/* 서브4_1 교육과정 탭안에 교육대상 */
.m_m_con11 .tab_con .tab_container .process_box .more_info {padding:40px 20px; text-align: left; font-size:16px; background: #f6f6f6;}
.m_m_con11 .tab_con .tab_container .process_box .more_info h5 {position: relative; font-size:18px; font-weight:600; margin-bottom:10px;}
.m_m_con11 .tab_con .tab_container .process_box .more_info ul {margin-bottom:20px;}
.m_m_con11 .tab_con .tab_container .process_box .more_info ul li {background: url('../../images/check.jpg') no-repeat left top; padding-left:21px; margin-bottom: 10px; line-height:20px; font-size:14px;}
.m_m_con11 .tab_con .tab_container .process_box .more_info > p {font-size:14px;}






/*********************************************************************
**********************************************************************
*****************************CON12 해외캠프 소개***********************
**********************************************************************
**********************************************************************/
.m_m_con12 .m_container .m_m_con12 {background:url('../../images/main12bg.jpg') no-repeat center; background-size:cover;}
.m_m_con12 .m_container .camp_point {padding-top:20px;}
.m_m_con12 .m_container .camp_point p {font-size:22px; color:#0073f6; font-weight:bold; text-align: center; margin-bottom:20px;}
.m_m_con12 .m_container .camp_point ul {display:table; margin:0 auto;}
.m_m_con12 .m_container .camp_point ul li {font-size:15px; background:url('../../sub_img/check_mini.png') no-repeat left 6px; padding-left:20px; margin-bottom:10px;}
.m_m_con12 .m_container .camp_point ul li span {font-weight: bold; background-color:#cef2ff; padding:0 3px;}

/**************************영상보기 팝업*****************************/
.m_m_con12 .m_container .popup_con12 {background-color: #f5f7fa; border: 5px solid #ddd; display: inline-block; left: 50%; opacity: 0; padding: 15px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;

  -webkit-transition: opacity .5s, top .5s;
  -moz-transition: opacity .5s, top .5s;
  -ms-transition: opacity .5s, top .5s;
  -o-transition: opacity .5s, top .5s;
  transition: opacity .5s, top .5s;
}
.m_m_con12 .m_container .overlay:target+.popup_con12 {top: 50%; opacity: 1; visibility: visible;}




/*********************************************************************
**********************************************************************
*****************************CON13 통역원 소개*************************
**********************************************************************
**********************************************************************/
section.m_m_con13 {background-color:#0073f6; padding-bottom:0;}
section.m_m_con13 .m_container .m_tit .title_bar {color:#85deff;}
section.m_m_con13 .m_container .m_tit .title_bar:before,
section.m_m_con13 .m_container .m_tit .title_bar:after {background:#85deff;}
section.m_m_con13 .m_container .m_tit .subtitle {color:#fff;}
section.m_m_con13 .m_container .m_tit .subtitle b {color:#fff; border-color:#fff;}

section.m_m_con13 .m_container > img {width:100%;}

/***************************영상보기 팝업******************************/
section.m_m_con13 .m_container .popup_con13 {background-color: #f5f7fa; border: 5px solid #ddd; display: inline-block; left: 50%; opacity: 0; padding: 15px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;

  -webkit-transition: opacity .5s, top .5s;
  -moz-transition: opacity .5s, top .5s;
  -ms-transition: opacity .5s, top .5s;
  -o-transition: opacity .5s, top .5s;
  transition: opacity .5s, top .5s;
}
section.m_m_con13 .m_container .overlay:target+.popup_con13 {top: 50%; opacity: 1; visibility: visible;}




/*********************************************************************
**********************************************************************
***********************CON14 언어교육이 미래교육입니다*****************
**********************************************************************
**********************************************************************/
section.m_m_con14 {background:url('../images/m_main_con14_bg.jpg') no-repeat center; background-size:cover;}
section.m_m_con14 p {color:#fff; text-align: center; padding:40px 0; font-size: 20px;}
section.m_m_con14 p span {font-size: 14px; display: block; color:#fff; margin-bottom: 10px; font-weight: 600;}


/*********************************************************************
**********************************************************************
*************************CON15 영상으로 보는 학부모리뷰*****************
**********************************************************************
**********************************************************************/
section.m_m_con15 .m_container div.m_tit {margin-bottom:0;}
section.m_m_con15 .m_container ul.review_parent {position: relative;}
section.m_m_con15 .m_container ul.review_parent li {margin-bottom:40px;}
section.m_m_con15 .m_container ul.review_parent li:last-child {margin:0;}
section.m_m_con15 .m_container ul.review_parent li h4 {background-color:#f2f2f2; position: relative; padding:10px 5px; text-align:center; font-size:16px; border-radius:5px; color:#333; font-weight: 600;}
section.m_m_con15 .m_container ul.review_parent li p {text-align: center; color:#737373; line-height:1.5em;}
section.m_m_con15 .m_container ul.review_parent li p b {color:#0073f6;}
section.m_m_con15 .m_container .thumb a {display: block; position: absolute; left:50%; margin-left:-23px; top:40%;}

/**********이철우(초등2)엄마 인터뷰영상 팝업************/
section.m_m_con15 .m_container .thumb > img {width:90%; padding-top:20px; display: block; margin: 0 auto;}
section.m_m_con15 .m_container .popup_con15_1 {background-color: #f5f7fa; border: 5px solid #ddd; display: inline-block; left: 50%; opacity: 0; padding: 15px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;

  -webkit-transition: opacity .5s, top .5s;
  -moz-transition: opacity .5s, top .5s;
  -ms-transition: opacity .5s, top .5s;
  -o-transition: opacity .5s, top .5s;
  transition: opacity .5s, top .5s;
}
section.m_m_con15 .m_container .overlay:target+.popup_con15_1 {top: 50%; opacity: 1; visibility: visible;}

/**********안명선(중등1)엄마 인터뷰영상 팝업************/
section.m_m_con15 .m_container .popup_con15_2 {background-color: #f5f7fa; border: 5px solid #ddd; display: inline-block; left: 50%; opacity: 0; padding: 15px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;

  -webkit-transition: opacity .5s, top .5s;
  -moz-transition: opacity .5s, top .5s;
  -ms-transition: opacity .5s, top .5s;
  -o-transition: opacity .5s, top .5s;
  transition: opacity .5s, top .5s;
}
section.m_m_con15 .m_container .overlay:target+.popup_con15_2 {top: 50%; opacity: 1; visibility: visible;}

/**********김지선(고등1)엄마 인터뷰영상 팝업************/
section.m_m_con15 .m_container .popup_con15_3 {background-color: #f5f7fa; border: 5px solid #ddd; display: inline-block; left: 50%; opacity: 0; padding: 15px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;

  -webkit-transition: opacity .5s, top .5s;
  -moz-transition: opacity .5s, top .5s;
  -ms-transition: opacity .5s, top .5s;
  -o-transition: opacity .5s, top .5s;
  transition: opacity .5s, top .5s;
}
section.m_m_con15 .m_container .overlay:target+.popup_con15_3 {top: 50%; opacity: 1; visibility: visible;}


/*********************************************************************
**********************************************************************
*************************CON16 영상으로 보는 성인부리뷰*****************
**********************************************************************
**********************************************************************/
section.m_m_con16 {background-color: #f4f4f4; z-index: 0;}
section.m_m_con16 .m_container div.m_tit {margin-bottom:0;}
section.m_m_con16 .m_container ul.review_adult {position: relative; }
section.m_m_con16 .m_container ul.review_adult li {margin-bottom:40px;}
section.m_m_con16 .m_container ul.review_adult li:last-child {margin:0;}
section.m_m_con16 .m_container ul.review_adult li h4 {background-color:#fff; position: relative; padding:10px 5px; text-align:center; font-size:16px; border-radius:5px; color:#333; font-weight: 600;}
section.m_m_con16 .m_container ul.review_adult li p {text-align: center; color:#737373; line-height:1.5em;}
section.m_m_con16 .m_container ul.review_adult li p b {color:#0073f6;}
section.m_m_con16 .m_container .thumb a {display: block; position: absolute; left:50%; margin-left:-23px; top:40%;}



/**********40대 강원진님 인터뷰영상 팝업************/
section.m_m_con16 .m_container .thumb > img {width:90%; padding-top:20px; display: block; margin: 0 auto;}
section.m_m_con16 .m_container .popup_con16_1 {background-color: #f5f7fa; border: 5px solid #ddd; display: inline-block; left: 50%; opacity: 0; padding: 15px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;

  -webkit-transition: opacity .5s, top .5s;
  -moz-transition: opacity .5s, top .5s;
  -ms-transition: opacity .5s, top .5s;
  -o-transition: opacity .5s, top .5s;
  transition: opacity .5s, top .5s;
}
section.m_m_con16 .m_container .overlay:target+.popup_con16_1 {top: 50%; opacity: 1; visibility: visible;}

/**********30대 이지영님 인터뷰영상 팝업************/
section.m_m_con16 .m_container .popup_con16_2 {background-color: #f5f7fa; border: 5px solid #ddd; display: inline-block; left: 50%; opacity: 0; padding: 15px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;

  -webkit-transition: opacity .5s, top .5s;
  -moz-transition: opacity .5s, top .5s;
  -ms-transition: opacity .5s, top .5s;
  -o-transition: opacity .5s, top .5s;
  transition: opacity .5s, top .5s;
}
section.m_m_con16 .m_container .overlay:target+.popup_con16_2 {top: 50%; opacity: 1; visibility: visible;}

/**********20대 박은경님 인터뷰영상 팝업************/
section.m_m_con16 .m_container .popup_con16_3 {background-color: #f5f7fa; border: 5px solid #ddd; display: inline-block; left: 50%; opacity: 0; padding: 15px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 10;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;

  -webkit-transition: opacity .5s, top .5s;
  -moz-transition: opacity .5s, top .5s;
  -ms-transition: opacity .5s, top .5s;
  -o-transition: opacity .5s, top .5s;
  transition: opacity .5s, top .5s;
}
section.m_m_con16 .m_container .overlay:target+.popup_con16_3 {top: 50%; opacity: 1; visibility: visible;}


/*********************************************************************
**********************************************************************
*************************CON17 정부에게 인정받는 쿠익영어*****************
**********************************************************************
**********************************************************************/
section.m_m_con17 {background:url('../images/bottom_bg.jpg') no-repeat center; background-size:cover;}
section.m_m_con17 .m_container .m_tit {margin-bottom:20px;}
section.m_m_con17 .m_container .m_tit h2.title_underbar {color:#fff; font-weight: 400;}
section.m_m_con17 .m_container .m_tit h2.title_underbar:after {background:#fff;}
section.m_m_con17 .m_container .m_tit p {color:#fff; font-size:16px;}
section.m_m_con17 .m_container .m_tit p b {color:#fff; font-weight:500;}
section.m_m_con17 .m_container ul {margin-bottom:20px;}
section.m_m_con17 .m_container ul li {color:#fff; font-size:16px; line-height: 1.4em; text-align: center;}
section.m_m_con17 .m_container ul li b {color:#fff; font-weight: unset;}
section.m_m_con17 .m_container ul li img {width:100%;}
section.m_m_con17 .m_container ul li:last-child {padding:10px; background:rgba(0,0,0,0.3);}

section.m_m_con17 .m_container > div:last-of-type {overflow: hidden;}
section.m_m_con17 .m_container dl {text-align: center; margin-bottom:20px; float:left; width:48%; margin-right:4%;}
section.m_m_con17 .m_container dl:nth-of-type(2),
section.m_m_con17 .m_container dl:nth-of-type(4) {margin-right:0;}
section.m_m_con17 .m_container dl:after {content:''; visibility: hidden; display: block; clear: both;}
section.m_m_con17 .m_container dl dt {width:100%; margin:0 auto 5px; }
section.m_m_con17 .m_container dl dt img {width:100%;}
section.m_m_con17 .m_container dl dd {font-size:14px; color:#fff; padding-left: 0;  line-height:1.4em;}
section.m_m_con17 .m_container dl dd span {display: block; font-size: 16px; color:#d1a570; margin-bottom: 5px;}


/*********************************************************************
**********************************************************************
*************************CON18 푸터 위 이미지6개 **********************
**********************************************************************
**********************************************************************/
section.m_m_con18 ul:after {content:''; display: block; visibility: hidden; clear: both;}
section.m_m_con18 ul li {float: left; width:33.333%;}
section.m_m_con18 ul li img {width:100%;}

@media screen and (max-width: 450px) {
  section.m_m_con18 ul li {width:50%;}
}





.demo .item{
}
.content-slider li{
  background-color: #ed3020;
  text-align: center;
  color: #FFF;
}
.content-slider h3 {
  margin: 0;
  padding: 70px 0;
}
.demo{
  width: 100%;
}



/* 수강후기 */
.m_m_con19 {background-color:#0173f7;}
.m_m_con19 .demo .item .clearfix {padding-top:45px;}
.m_m_con19 .demo .item .clearfix ul#image-gallery li {width:100%; position: relative;}
.m_m_con19 .demo .item .clearfix ul#image-gallery li:after {content:''; display: block; visibility: hidden; clear: both;}
.m_m_con19 .demo .item .clearfix ul#image-gallery li > div.txt_right {text-align: center;padding:10px;}
.m_m_con19 .demo .item .clearfix ul#image-gallery li > div.txt_right h2 {text-align: center; color:#fff; font-size: 20px;}
.m_m_con19 .demo .item .clearfix ul#image-gallery li > div.txt_right p {margin-bottom:10px; display: block; font-size: 14px; color:#fff;}
.m_m_con19 .demo .item .clearfix ul#image-gallery li > div.txt_right img  {width:100%; display: block; margin:0 auto;}

.m_m_con19 .demo .item .clearfix ul#image-gallery li > div.txt_right ol {text-align: left;}
.m_m_con19 .demo .item .clearfix ul#image-gallery li > div.txt_right ol:first-of-type {margin-bottom:10px; margin-top:10px;}
.m_m_con19 .demo .item .clearfix ul#image-gallery li > div.txt_right ol li:first-of-type { margin-bottom:15px; background:#85deff; color:#282828; margin-bottom:5px; padding:0 5px;}
.m_m_con19 .demo .item .clearfix ul#image-gallery li > div.txt_right ol li:first-of-type span {}
.m_m_con19 .demo .item .clearfix ul#image-gallery li > div.txt_right ol li:last-of-type {color:#fff; line-height:20px;}
.m_m_con19 .demo .item .clearfix ul#image-gallery li > div.txt_right ol li:last-of-type b {font-weight:400; color:#fff;}

.m_m_con19 .demo .item .clearfix .lSAction > a {top:unset; bottom:35px; transform: translateY(50%); background-image: url(../images/controls.png);}
.m_m_con19 .m_container > p {color: #737373; text-align: center; font-size: 15px; line-height:1.2em; padding-bottom:20px;}
.m_m_con19 .m_container > ul {overflow: hidden; padding: 10px 0;}
.m_m_con19 .m_container > ul li {position: relative; border-radius: 30px; text-align: center; float:left; width:25%; margin-right:12.5%;}
.m_m_con19 .m_container > ul li:after {content:''; display: block; width:33px; height:20px; background:url('../../images/teacher_process_next.png')no-repeat center; top:50%; transform:translateY(-50%); right:-41%; position: absolute;}
.m_m_con19 .m_container > ul li:nth-child(1) {background-color:#77b6fb;}
.m_m_con19 .m_container > ul li:nth-child(2) {background-color:#3d95f9;}
.m_m_con19 .m_container > ul li:nth-child(3) {background-color:#0272f8; margin-right:0;}
.m_m_con19 .m_container > ul li:nth-child(3):after {display: none;}
.m_m_con19 .m_container > ul li p {color:#fff; font-size:15px; padding:5px; display: inline-block; }
.m_m_con19 .demo .item .clearfix .lSSlideOuter .lSPager.lSGallery {position: absolute; top:15px; left:5%; width:90%; background-color: #85deff; }
.m_m_con19 .demo .item .clearfix .lSSlideOuter .lSPager.lSGallery li {border:1px solid #5fcbf3; width: 33.333% !important; box-sizing: border-box; margin: 0 !important;}
.m_m_con19 .demo .item .clearfix .lSSlideOuter .lSPager.lSGallery li a > img {width:90%; margin:0 auto; padding:5% 2%;}
.m_m_con19 .demo .item .clearfix .lSSlideOuter .lSPager.lSGallery li.active {border-bottom-color:#ddd; background-color:#fff;}
.m_m_con19 .lSAction {display: none !important;}