/**
* File Name : index_layout.css
* Description : 메인스타일시트
* Author : Wed Project Team / Design
* Update : 2020.09.06
**/

@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');


/* Layout Selector */
html, body {padding:0; margin:0; width:100%; height:100%;  box-sizing: border-box; font-family: 'Noto Sans KR',' sans-serif','Nanum Gothic','NanumBarunGothic', 'NanumSquare','Malgun Gothic','dotum', 'NanumSquareRound', 'Lato', 'Helvetica', }
#wrap {position:relative; width:100%; margin: 0; }
#contents { width:100%; margin:0 auto;  position: relative; margin-bottom:50px;}
#contents:after { content:""; display:block; clear:both;}


/*side banner
#floating{width:100%;  position:relative; z-index:10;}
.float_in{width:1200px; margin:auto; position:relative;}
.sideb {width:140px; position:absolute;}
.sideb_left{left:-210px; /*top:944px;/ top:1059px;}
.sideb_right{right:-170px; top:1059px; }
.sideb li{margin-bottom:0px; padding:0;}
.sideb li:first-child{margin-top:0;}



#hdevent {width:100%; height:115px; background:#000000;  position:relative; z-index:10;}
#hdevent .event_img {width:1200px; height:115px; margin:0 auto; text-align:center;}
*/

/* Link */
a { font-family: 'Noto Sans KR','sans-serif','Nanum Gothic','NanumBarunGothic','Malgun Gothic','dotum', 'NanumSquareRound', 'Lato', 'Helvetica' ; text-decoration:none;   outline: none }
a:link a:visited {color:#000; text-decoration:none;}
a:hover, a:active { color:#000; text-decoration:none;}



/* 헤더 */
#topline { width:100%; height:48px; background:#2d2d2d; position:relative; }
.topList {width:1200px; height:50px; margin:0 auto; list-style:none; }
.topList .topline_left { float:left; width:50%;}
.topList .favor  {float:left; width:140px; height:48px;  text-align:left; line-height:48px; font-size:12px; color:#cbcbcb;    }
.topList .favor a { color:#cbcbcb; text-decoration:none;}
.topList .favor a:hover { color:#cbcbcb; text-decoration:none; }
.topList .call_num  {float:left; height:48px;  text-align:left; line-height:44px; }

.topList .topline_right { float:right; width:50%;}
.topList .mbmenu  {float:right; width:100%; list-style:none; text-align:right;  }
.topList .mbmenu li {float:none; display:inline; margin-left:15px; line-height:48px; font-size:12px; color:#cbcbcb; font-weight:500; }
.topList .mbmenu li a {color:#cbcbcb; text-decoration:none; }
.topList .mbmenu li a:hover { text-decoration:none; }


/*
#navigation {width:100%; height:120px; margin:0 auto; top:48px; position:fixed; z-index:10; }
.navin {width:1200px; height:120px; margin:0 auto;}
.navin .logo {float:left; width:20%; line-height:120px; }
.navin .gnb_menu {float:right; width:auto; list-style:none; text-align:right;}
.navin .gnb_menu li {float:left; width:; margin-left:40px; font-size:17px; color:#fff; line-height:120px; font-weight:400; }
*/

#navigation { width:100%; height:120px; margin:0 auto; top:48px; position:fixed; z-index:100;  transition:.5s ease-in-out; }
.topNavbox { width:1200px; height:120px; margin:0 auto; }
#navigation.fixed { position:fixed; top:0px;  box-shadow: 1px 1px 1px rgba(0,0,0,0.6); background:gold;}
 a{ text-decoration:none; color:black; }
/*
#navigation .logo {float:left; width:20%; line-height:120px; text-align:left; display:inline-block; }
#navigation ul { float:right; height:120px; list-style:none; text-align:right;}
#navigation ul li { float:left;  margin-left:40px; font-size:17px; color:#fff; line-height:120px; font-weight:400;}


#main_navi_wrap {width:100%; height:120px; margin:0 auto; top:48px; position:fixed; z-index:10; background:#000; transition:.5s ease-in-out;}
#main_navi_wrap.fixed { position:fixed; top:0px;  box-shadow: 1px 1px 1px rgba(0,0,0,0.6); background:gold;}
*/
#main_navi_wrap { width:100%; height:120px; margin:0 auto; top:48px; position:fixed; z-index:100; background: rgba(14, 14, 14, 0.0);    transition:.4s ease-in-out; }
#main_navi_wrap:hover { background: gold;   }
#main_navi_wrap.fixed { position:fixed; top:0px;  box-shadow: 1px 1px 1px rgba(0,0,0,0.6); background:#4a4a4a;}
.nav-wrap { width:1200px; margin:0 auto; z-index:1 ; color:#333; }
.nav-wrap .nav-logo { float:left; margin-right:80px;  line-height:120px; text-align:left; display:inline-block;}
.nav-wrap .main-nav { display: block; height:120px; }

.nav-wrap .main-nav li {float:left; text-align:right;  height:120px; margin-left:56px;  list-style:none;  list-style-type: none;	display: inline; }
.nav-wrap .main-nav li a {font-family: NanumSquare,sans-serif; display: block;  text-align:center;  font-size:17px; color:#fff; line-height:120px; font-weight:400; text-decoration:none; }
.nav-wrap .main-nav li a:hover { font-weight:500;	color: #2a2a2a	;}


.nav-down-content { width:100%; height:auto; }
.sub-nav {width:100%; height:auto; }
.sub-nav>li { float:left; display: block; background:#FFF; width:100%;	 text-decoration:none; z-index:10; }


.nav-item-content {padding: 30px 0 0 0;  color: black; width:1200px; margin:0 auto;   }
.nav-item-content a {color: black;}

.nav-chunk {display: block;	width: 180px; text-align:left; margin-bottom:30px;	float: left;}
.nav-chunk_title {float:left;  display: block;	width: 220px; text-align:left; margin-bottom:30px;	float: left;}
.nav-chunk_title subnavi_nm { float:left; font-size: 24px;	font-weight: 500; text-align:left; }
.nav-chunk_img {display: block;	width: 240px; text-align:left; margin-bottom:30px;	float: left;}
.nav-chunk ul li {font-size: 15px; display: block; line-height:30px;  text-decoration:none;}
.nav-chunk ul li a {font-size: 15px; display: block;   text-decoration:none;}
.sub-nav {position: relative;}
.sub-nav>li {position: absolute; top:-20px; text-decoration:none;	display: none;}



#main_slider {width:100%; margin:0 auto; height:960px; top:48px; /*background:url('../images/index/main_sl1.jpg') no-repeat center ; background-size:cover;*/ position: absolute;  clear:both;  }
.slider_tit { margin:0 auto; text-align:center; line-height:50px; font-size:84px; color:#FFF; padding-top:380px; opacity:0.7; }
.slider_desc { text-align:center; font-size:18px; font-weight:100; line-height:20px; color:#dbdbdb; padding-top:20px; }
.slider_boxbt { width:200px; margin:0 auto; height:45px; border:1px solid #6a6564; text-align:center; font-size:16px; font-weight:100; line-height:45px; color:#e0dfdf; margin-top:30px; text-decoration:none; }
.slider_boxbt a {  text-decoration:none; color:#e3e3e3;  font-weight:300;}
.slider_boxbt a:hover {  text-decoration:none; color:#e3e3e3;  font-weight:300;}


#section_bg3_3_slider {       width: 100%;
    margin: 0 auto;
    top: 0px;
    position: absolute;
    clear: both; }


.imgtxt02 { width:1200px; margin: 0 auto; padding-top:230px  }
.imgtxt02 .slider_txtimg {  width:1200px; padding-left: 80px; }

.tcb-bs-fullscreen { height: 100%;}
.tcb-bs-fullscreen .carousel,
.tcb-bs-fullscreen .item,
.tcb-bs-fullscreen .active {  height: 100%;}
.tcb-bs-fullscreen .carousel-inner {  height: 100%;}
.mvimg_txt_wrap { width:1200px; margin:0 auto; height:auto;}
.imgtxt01 { width:1200px; padding-top:176px; margin: 0 auto; text-align:center;}
.red_button {
  width:330px;
  height:80px;
  text-align:center;
  line-height:70px;
  border:0;
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  background:#FF0000;
  font-size:28px;
  color:#FFF;
  font-weight:600;
  letter-spacing:-0.5px;
  margin-top:60px;
  }



/****************************
USE BACKGROUND IMAGES IN CAROUSEL SLIDER
*****************************/
.carousel-bg .carousel-inner .item {
  background-color: darkslategrey;
  background-size: cover;
  background-position: center;
  min-height: 922px;
}








/*메인컨텐츠*/

#index_wrap {width:100%; height:100%; margin-top:960px; position:relative; clear:both; }
.section {width:100%; height:auto; position:relative; }

.section_h2 { font-size:60px; font-weight:700; color:#000000; padding-top:96px; text-align:center;}
.section_h2_line {width:1200px; margin:0 auto; background:url(../images/index/section_h2_dot.png) center bottom no-repeat; height:160px;}

.edu_solution {width:1200px; margin:0 auto; padding-top:110px; height:auto;}
.eduleft {float:left; width:50%; height:123px;}
.eduright {float:right; width:50%; height:123px;}
.eduline_box_rminus {border:1px solid #dfdfdf; border-right:none; }
.eduline_box_basic {border:1px solid #dfdfdf;  }
.edu_pictog {float:left; width:32%; height:100%; padding-top:30px; text-align:center; border-right:1px solid #dfdfdf; }
.edu_hak_point {float:left; width:auto; padding:30px 0 0 30px; text-align:left; text-align:left; line-height:30px;  }
.edu_hak_point_desc {float:left; width:auto; text-align:left; font-size:18px; color:#787878;  text-align:left; line-height:20px;  }

.edu_studyin { width:1200px; margin:0 auto; background:url(../images/index/index_edu_sol_img.png) no-repeat center; height:235px; clear:both; }
.edu_studyin .edu_study_inner { padding:0 0 0 600px;}
.edu_studyin .edu_study_inner .edu_st_h1{ font-size:30px; font-weight:300; color:#3f3f3f; line-height:36px; text-align:left; padding-top:54px;}
.edu_studyin .edu_study_inner .edu_st_h2{ font-size:16px; font-weight:300; color:#707070; line-height:24px; text-align:left; padding-top:6px;}
.edu_study_why {width:1200px; margin:0 auto; height:220px; font-weight:300; font-size:24px; color:#222222; line-height:34px; padding-top:80px; text-align:center;}



.section_bg1_1 {width:100%; height:618px; background:url(../images/index/section_1_1_bg.png) no-repeat; background-size:cover;    text-align: center;}
.section_bg1_1  > .tit{    position: absolute;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 36px;
    letter-spacing: -1px;top: 70px;}

.section_bg1 {width:100%; height:618px; background:url(../images/index/section_bg1.jpg) no-repeat; background-size:cover;}
.edu_tree-box { width:1303px; margin:0 auto; height:auto; position:relative;}
.edu_tree-box { list-style:none;}
.edu_tree-box li { float:left; width:380px; height:414px; border-bottom:3px solid #333; background:#fff; margin-right:30px; margin-top:100px; padding:44px 44px 0 44px; text-align:center; }
.edu_tree-box li:last-child { float:left; width:380px; height:414px; border-bottom:3px solid #000; margin-right:0; }
.edu_tree_h2 {font-size:25px; font-weight:300; color:#222; padding-top:60px; text-align:center;}


.edu_Industry {width:1200px; margin:0 auto; height:200px; font-weight:200; font-size:26px; color:#4a4a4a; line-height:40px; padding-top:60px; text-align:center; letter-spacing:-0.5px;}
.section_bg2 {width:100%; height:690px; background:url(../images/index/section_bg2.jpg) no-repeat; background-size:cover;}

.edu_Industry_h2 {font-size:36px; line-height:46px;  font-weight:500; color:#222222; padding-top:80px; text-align:center;}

.edu_Industry_tree-box { width:948px; margin:0 auto; height:auto; position:relative;}
.edu_Industry_tree-box { list-style:none;}
.edu_Industry_tree-box .edu_Industry_one {
  float:left;
  width:296px;
  height:287px;
  border-bottom:4px solid #00dbe0;
  background:#fff;
  margin-right:30px;
  margin-top:40px;
  padding:30px 30px 0 30px;
  font-weight:300;
  text-align:center;
  letter-spacing:-0.5px;
 }

.edu_Industry_tree-box .edu_Industry_two {
  float:left;
  width:296px;
  height:287px;
  border-top:4px solid #ff5450;
  background:#fff;
  margin-right:30px;
  margin-top:40px;
  padding:30px 30px 0 30px;
  font-weight:300;
  text-align:center;
  letter-spacing:-0.5px;
 }

.edu_Industry_tree-box .edu_Industry_tree {
  float:left;
  width:296px;
  height:287px;
  border-bottom:4px solid #00dbe0;
  background:#fff;
  margin-right:0px;
  margin-top:40px;
  padding:30px 30px 0 30px;
  font-weight:300;
  text-align:center;
  letter-spacing:-0.5px;
 }


.edu_Industry_tree_h2 {font-size:20px; font-weight:300; color:#fff; padding-top:40px; text-align:center; letter-spacing:-0.6px; clear:both;}


/*section 3 */

.jmedu_pt01 {width:100%; margin:0 auto; padding-bottom:80px;  }
.line_grey {width:1200px; margin:0 auto;  height:60px; background:url(../images/index/line_grey.png) ; }
.linebox {width:360px; margin: 0 auto;  height:60px; text-align:center; line-height:60px; color:#222; font-weight:300; border:1px solid #999; background:#fff; font-size:23px;  }
.jmpt_img01 { padding:60px 0 40px 0; text-align:center;}
.jmpt_img02 { padding:20px 0 40px 0; text-align:center;}
.jmpt_img_heading {font-size:36px; font-weight:600; letter-spacing:-0.7px; line-height:50px; padding-top:30px;  color:#000; text-align:center;}
.jmpt_img_desc {font-size:22px; font-weight:200; line-height:40px;  color:#4a4a4a; text-align:center;}
.jmpt_img03 { padding:40px 0 40px 0; text-align:center;}
.jmpt_img_bting {font-size:28px; font-weight:400; letter-spacing:-0.7px; line-height:40px; padding-top:30px;  color:#000; text-align:center;}

.jmedu_pt02 {width:100%; margin:0 auto; padding-bottom:80px; clear:both;  }
.jmpt_img_heading2 {font-size:44px; font-weight:400; letter-spacing:-0.7px; line-height:60px; padding-top:60px;  color:#000; text-align:center;}
.jmpt_img_heading2 span {font-weight:300;  color:#535353;}
.jmedu_pt02_jmpt_img02 { width:100%; padding:60px 0 40px 0; text-align:center; margin:0 auto;  z-index:1; }

.jmedu_pt03 {width:100%; margin:0 auto; padding-bottom:80px; clear:both;  }
.jmedu_pt03_jmpt_img01 { width:100%; padding:60px 0 40px 0; text-align:center; margin:0 auto;  z-index:1; }

.jmedu_pt04 {width:100%; margin:0 auto; padding-bottom:80px; clear:both;  }
.jmpt_img_heading3 {font-size:36px; font-weight:400; letter-spacing:-0.7px; line-height:60px; padding-top:60px;  color:#000; text-align:center;}
.jmpt_img_heading3 span {font-weight:300;  color:#535353;}
.jmedu_pt04_jmpt_img01 { width:100%; padding:60px 0 40px 0; text-align:center; margin:0 auto;  z-index:1; }
.jmedu_pt04_img_desc {font-size:22px; font-weight:200; line-height:40px;  color:#4a4a4a; text-align:center;}


.section_bg3_1 {width:100%; height:1130px; background:url(../images/index/section_3_1_bg.png) no-repeat; background-size:cover; clear:both;    text-align: center;}
.section_bg3_1 > .tit{    text-align: center;
    position: absolute;
    margin-top: 90px;
    width: 100%;}
.section_bg3_1 > .slide_bg{
  position: absolute;
  width: 100%;
  height: 600px;
  background: #222222;
  top: 440px;
}

.section_bg3_3 {width:100%; text-align: center;}
.recommend_type2 {     width: 100%;
    margin: 0 auto;
    list-style: none;
    padding-top: 70px;
    color: #fff;
    text-align: center;}
.recommend_type2 .recommand_its{
  position: relative;
      margin: auto;
      width: 80%;
      height: 500px;
      text-align: center;
}
.recommend_type2 .recommand_it{
  position: relative;
  width: 50%;
  height: 500px;
  border: 0px solid;
  margin: auto;
  float: left;
}
.recommend_type2 ul{    margin-top: 0;
    margin-bottom: 10px;
    width: 100%;}


.recommend_type2 li {        float: left;
    width: 50%;
    height: 496px;
    text-align: center; }


.section_bg3_4 {        width: 100%;
    height: auto;
    position: relative;
    text-align: center;    padding-bottom: 50px;}

.line_banner{width:100%; height:248px; background:url(../images/index/line_banner_bg.png) no-repeat; background-size:cover; clear:both;    padding-top: 80px; text-align: center;}
.line_banner .line_banner_img{}
/*section 4 */
.section_bg3 {width:100%; height:1000px; background:url(../images/index/section_bg3.jpg) no-repeat; background-size:cover; clear:both;}
.edu_youtube_h2 {font-size:45px; line-height:60px;  font-weight:200; color:#fff; padding-top:150px; text-align:center; letter-spacing:-0.3px}
.edu_youtube_h2 h2bold { font-weight:400;  }
.edu_youtube_div {font-size:0;margin:0 auto; width:1280px; padding-top:100px;box-sizing: border-box;}
.v-1, .v-2 {width:49.5%; height:auto; display:inline-block; vertical-align: middle;}
.v-1 {margin-right: 1%;}
.section_bg3_2 {width:100%; height:240px; background:url(../images/index/section_bg3_2.jpg) repeat-x; background-size:cover; clear:both;}
.section_bg3_2 .pendemic_t { text-align:center; line-height:240px;}


/*section 5 */
.mentor_lineup {width:1200px; margin:0 auto; padding-top:100px; }
.line_grey2 {width:1200px; margin:0 auto;  height:230px;  background:url(../images/index/line_grey2.png) ; padding-top:88px; }
.linebox2 {width:360px; margin:0 auto;  height:60px;  text-align:center; line-height:60px; color:#222; font-weight:300; border:1px solid #999; background:#fff; font-size:23px;  }
.mentor_lineup_heading {font-size:36px; font-weight:200; letter-spacing:-0.7px; line-height:48px; padding-top:60px;  color:#222; text-align:center;}
.mentor_lineup_heading fontb {font-weight:400; color:#000;}
.mentor_samList {width:1200px; margin:0 auto; padding-top:50px; list-style:none;}
.mentor_samList .mentor_figure { float:left; width:293px; height:auto; display:block; margin-right:9px; margin-bottom:30px; }
.mentor_samList .mentor_figure2 { float:right; width:293px; height:auto; display:block; margin-right:0; margin-bottom:30px;}
.mentor_samList .mentor_nm { float:left; width:100%; text-align:left; padding:20px 8px 0px 8px; font-size:20px; }
.mentor_samList .mentor_nm gspan {  text-align:left; font-size:18px; color:#666; }
.mentor_samList .mentor_info { float:left; width:100%;  text-align:left; padding:0 8px 20px 8px; font-size:15px;  font-weight:300; color:#8a8d91; }


/*section 6 */
.section_bg4 {width:100%; height:1184px; background:url(../images/index/section_bg4.jpg) repeat-x; }
.jmchatbot_img01 { padding:100px 0 40px 0; text-align:center;}
.jmchatbot_heading {font-size:30px; font-weight:200; letter-spacing:-0.7px; line-height:48px; padding-bottom:60px;  color:#fff; text-align:center;}
.jmchatbot_img02 { padding:0px 0 40px 0; text-align:center;}
.jmchatbot_desc {font-size:30px; font-weight:300; letter-spacing:-0.7px; line-height:48px; padding-top:10px; color:#fff; text-align:center;}
.jmchatbot_desc2 {font-size:20px; font-weight:200; letter-spacing:-0.7px; line-height:48px; color:#fff; text-align:center;}

/*section 7 */
.statistical_chart { width:1200px; margin:0 auto; padding:100px 0 100px 0; }


/*section 8 */
.section_bg5 {width:100%; height:1520px; background:url(../images/index/section_5_bg_2.png) no-repeat; background-size:cover; }
.recommend_h2 {font-size:65px; font-weight:200; letter-spacing:-0.7px; line-height:75px; padding-top:110px;  color:#3d3300; text-align:center;}
.recommend_h2 recom_bold {font-weight:500; }
.recommend_img01 { padding:60px 0 40px 0; text-align:center;}
.recommend_type { width:1250px; margin:0 auto; list-style:none;  padding-top:40px;}
.recommend_type li {     float: left;    width: 394px;    height: 370px;    margin-right: 30px;    margin-bottom: 30px; }
.recommend_type :nth-child(3){ float:left; width:297px; height:329px; margin-right:0px;  margin-bottom: 30px ; }
.recommend_type :nth-child(6){ float:left; width:297px; height:329px; margin-right:0px;  margin-bottom: 30px ; }
.recommend_heading {font-size:24px; font-weight:200; letter-spacing:-0.7px; line-height:33px; padding-top:30px;  color:#544423; text-align:center; clear:both;}


/*section 9 */
.postwrap {width:100%; height:840px; position:relative; }
.postwr_desc {font-size:22px; font-weight:100; letter-spacing:-0.7px; line-height:33px; padding-top:40px;  color:#878787; text-align:center; clear:both;}
.postwr_list {width:1200px; margin: 0 auto; list-style:none; padding-top:60px;}
.post-item {
  width:380px;
  height:366px;
  background:#fff;
  border:1px solid #e4e4e4;
  border-bottom:56px solid #00b5f6;
  position:relative;
 }
.post-item2 {
  width:380px;
  height:366px;
  margin-right:0px;
  background:#fff;
  border:1px solid #e4e4e4;
  border-bottom:56px solid #00b5f6;
  position:relative;
 }
.post-item .post_title, .post-item2 .post_title { font-size:22px; font-weight:bold; color:#333; line-height:50px; text-align:left; margin:25px 25px 0 25px; }
.post-item .post_desc, .post-item2 .post_desc { font-size:16px; font-weight:300; color:#666; line-height:24px; text-align:left; margin:0 25px 25px 25px; }
.post-item .post_nick, .post-item2 .post_nick { font-size:14px; font-weight:300; color:#666; line-height:22px; text-align:left; margin:25px 25px 0 25px; }
.post-item .post_timebox, .post-item2 .post_timebox { bottom:0; right:30px; left:32px; top:330px; font-size:12px; font-weight:100; color:#fff; line-height:20px; text-align:left; position:absolute; z-index:1 }
.post-item .post_morebt, .post-item2 .post_morebt { float:right; }

#outer {overflow: hidden; position: relative; width: 100%; min-height: 100vh; padding: 0; }
#inner {max-width: 1200px; padding: 60px 0 0 0; margin: 0 auto; background: #ffffff;}
#inner .postwrap  {width: 100%; margin: 0 auto ;}
#eclipse .eclipse-slides {opacity: 1;}
#eclipse .eclipse-active-2 {opacity: 1;}


#outer2 {overflow: hidden; position: relative; width: 100%; min-height: 100vh; padding: 0; }
#inner2 {max-width: 1200px; padding: 60px 0 0 0; margin: 0 auto; }
#inner2 .postwrap  {width: 100%; margin: 0 auto ;height: 500px; }
#eclipse2 .eclipse-slides {opacity: 1;}
#eclipse2 .eclipse-active-2 {opacity: 1;}
#eclipse2 .eclipse-auto-play, #eclipse2 .eclipse-auto-stop {display: none;}
.mentor_sec .postwrap { overflow: hidden; }

/*section 10 */
.experience { background:#05a2ff; width:100%;}
.expconsult_process { width:1200px; margin:0 auto; padding-top:100px; }
.experience_img01 {text-align:center;}
.experience_img02 { padding:40px 0 40px 0; text-align:center;}
.experience_img03 { padding:40px 0 40px 0; text-align:center;}
.experience_heading {font-size:22px; font-weight:300; letter-spacing:-0.7px; line-height:48px;  color:#e0edff; text-align:center;}
.experience_consult {  margin:0 auto; width:1200px; padding:0 0 100px 0 ; text-align:center; clear:both;}
.experience_consult .exper_btn { background:#ffe44d; color:#333; width:380px; height:82px; font-size:22px; font-weight:300; line-height:84px; text-align:center; border:0; border-radius: 50px;  }
.experience_consult .exper_btn:hover { background:#fff; color:#333; width:380px; height:82px; font-size:22px; font-weight:400; line-height:84px; text-align:center; border:0; border-radius: 50px;  }




/*section 11 */
.jmnews_desc {font-size:22px; font-weight:100; letter-spacing:-0.7px; line-height:33px; padding-top:30px;  color:#4a4a4a; text-align:center; clear:both;}
.jmnews_inner { width:100%; height:auto;  padding-bottom:100px ;}
.jmnews_data { width:1200px;height:auto;  margin:0 auto; padding-top:60px ; list-style:none}
.jmnews_data li { float:left; width:380px; height:auto; margin-right:30px; display:block; }
.jmnews_data li:last-child { float:left; width:380px; height:auto; margin-right:0px; display:block; }
.jmnews_data .jmntit { font-size:20px; color:#000; font-weight:500; line-height:80px; }
.jmnews_data .jmn_bodata { font-size:15px; height:180px; border-bottom:1px solid #CCC; padding-bottom:20px; color:#878787; font-weight:300; line-height:22px; }
.jmnmore { width:1200px;height:auto; text-align:center;  margin:0 auto; padding-top:80px ; clear:both; }
.jmnmore .newsbt{ width:200px; height:50px;  text-align:center; line-height:50px; color:#666; background:#fff; border:1px solid #d1d1d1; }


/*section 12 */
.mcscenter { background:#8576d4; width:100%; height:440px; }
.mcsct_inner {width:1200px; margin: auto; height:auto; padding-top:100px; }
.mcsct_heading {width:1200px; margin: 0 auto; height:auto; text-align:center; padding-top:30px;}
.mcsct_heading .scinfo_txt { text-align:center; color:#fff; font-size:14px; line-height:30px; height:30px; border-bottom:1px #a095d7 solid; }



/*section 13 */
.mnotice_wrap {width:100%; height:50px; clear:both; }
.mnotice_inner {width:1200px; margin:0 auto;}
.mnotice_lt {float:left; width:70%; height:50px;  }
.mnotice_lt .notice_img { margin-right:10px;  }
.mnotice_lt .notice_data { text-align:left; line-height:50px; }
.mnotice_lt .notice_data a { color:#333; text-decoration:none; }
.mnotice_lt .notice_data a:hover { color:#4a79ca; text-decoration:none;}
.mnotice_lt .notice_data { text-align:left; line-height:50px; }
.mnotice_rt {float:right; width:30%; text-align:right; display:inline-block;  }




/*하단무료신청폼*/

#footbanner { background: #4FC2E5;
  background:url(../images/index/fixed_form_bg.png) no-repeat center;
  color: #FFF;
  width: 100%;
  height: 0px;
  position: fixed;
  z-index: 300;
  bottom: 0;
  overflow: none;
  left: 0;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

#footbanner.show {
  height: 527px;
  border-top:0 solid #3BB0D6;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}


.free_consult { width:1200px; margin: 0 auto; padding:232px 0 0 544px ;}
.free_consult .fform_tit {font-size:30px; line-height:30px; font-weight:500; color:#000; letter-spacing:-0.5px;}
.free_consult .fform_desc {font-size:16px; line-height:30px; font-weight:300; color:#8b7e33;}

.free_consult .fform_wrap {list-style:none; width:656px;  height:auto;}
.free_consult .fform_left  {float:left; width:55%; }
.free_consult .name_input {width:100%; border:0px solid #CCC; padding:10px; background:#fff; text-align:left;  height:60px; color:#333; font-size:16px; margin-bottom:5px; }
.free_consult .hp_input {width:100%; border:0px solid #CCC; padding:10px; background:#fff; text-align:left;  height:60px; color:#333; font-size:16px; }
.free_consult .fform_right {float:left; width:45%; }
.free_consult .fform_btn { width:235px; border:0; background:#ff5a00; color:#fff; font-size:18px; font-weight:400; text-align:center; height:125px; line-height:110%; margin-left:5px; }
.free_consult .agree_check {width:656px; height:auto; padding:10px 0 10px 0; clear:both;}
.free_consult .agree_check .acheck { float:left; width:20px; height:20px; border:1px solid #CCC; padding:3px; background:#fff; border-radius:2px;  }
.free_consult .agree_check .acheck_font { float:left;  color:#333; text-align:left; line-height:28px; margin-left:10px;  }
.free_consult .agree_check .agree_viewbt { float:left;  text-align:left; line-height:26px; margin-left:10px; cursor:pointer;  }



/* 카피라이터 */

#footwrap {width:100%; height:650px; background:#ededed; clear:both; }
.ftin {width:1200px; height:auto; margin:0 auto;  }
.ftin .footmn { padding-top:50px; }
.ftin .footmn li {list-style:none; font-size:14px; font-weight:400; color:#373737; padding-right:20px; line-height:30px;  text-align:left; display:inline;}
.ftin .footmn li a {color:#333; text-decoration:none;  }
.ftin .footmn li a:hover {color:#333; text-decoration:none; }
.ftin .footmn li a:active { color:#333; text-decoration:none; }

.ftin .ftcopy { padding-top:20px; }
.ftin .ftcopy .copyinfo { float:left; width:70%; font-weight:300; font-size:13px; color:#919191; text-align:left; line-height:24px;}
.ftin .ftcopy .copyinfo spanbar {margin-left:15px;}
.ftin .ftcopy .copyinfo eng_copy { font-size:12px; color:#b5b5b5; font-weight:200; text-align:left; }
.ftin .ftcopy .snslink { float:right; width:30%; margin-top:0px; text-align:right; }
.ftin .ftcopy .snslink .snsimg { margin-left:10px; }



/* 큐레이션 – 지역교육뉴스 Top 뉴스만 */
.news_section {
    min-width: 1200px;
    padding: 91px 0 88px;
    background-color: #333;
}
.news_section .page_inner {
    width: 1200px;
    margin: 0 auto;
    padding: 0 100px;
}
.news_section h1 {
    margin: 0;
    font-family: "Roboto";
    font-size: 54px;
    font-weight: bold;
    color: #fff;
}
.news_section h1 > span {
    display: inline-block;
    margin: 13px 0 13px 15px;
    padding: 4px 0 6px 15px;
    border-left: 1px solid #cdcdcd;
    font-size: 26px;
    font-family: "Noto Sans KR";
    font-weight: 500;
    vertical-align: top;
}
.news_section .news_list {
    margin-top: 25px;
    background-color: #2c2c2c;
}

.news_section .news_list:after {
    display: block;
    content: "";
    clear: both;
}
.news_section .news_list > li {
    float: left;
    width: 50%;
}
.news_section .news_list > li > a {
    display: block;
    padding: 24px 25px 15px;
    border: 1px solid #484848;
}
.news_section .news_list > li > a:hover {
    border-color: #34efd5;
}
.news_section .news_list .news_rank {
    font-size: 20px;
    color: #34efd5;
}
.news_section .news_list .news_rank .number {
    font-size: 24px;
    font-family: "Robots";
    vertical-align: top;
    line-height: 27px;
}
.news_section .news_list .news_info {
    margin-left: 20px;
    font-size: 20px;
    color: #c8c8c8;
}
.news_section .news_list .news_title {
    margin-top: 9px;
    padding-top: 12px;
    border-top: 1px solid #484848;
    font-size: 26px;
    color: #fff;
}
.ellipsis {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
