@charset "UTF-8";


#real_contents {position: relative;}
/* sub_common */
.sub_each {margin-bottom:90px;}
.sub_each:last-of-type {margin-bottom:0;}


.sub_tit1 {position:relative; margin: 0 0 30px;  padding: 15px 0 0; color:#333; font-size:36px; line-height: 1; font-weight:700;}
.sub_tit1:after {content:''; display:block; position:absolute; left:0; top:0; width:35px; height:5px; background-color:#36beff;}
.sub_tit2 {margin-bottom:10px; color: #0062b2; font-size: 24px; font-weight: 500;}

.img_test_box { text-align: center;}

/* sub_layout */
.sub_con {position: relative; }
.sub_con.dev {padding: 80px 1px 100px;}
/* .sub_con.cont {padding-top: 200px;} */
.sub_con.cont {padding-top: 110px;}
.agree_box .sub_con.cont {padding-top: 0;}
.on_1080 {display: none;}
.none_1080 {display: block;}


/* sub_top */
.sub_top {position: relative; width: 100%; margin: 0 0 90px;}

/* 서브탑 메뉴명 부분 */
.sub_top .sub_page_tit_wrap { width: 100%; height: 200px; padding: 60px 0 50px; background: url('/template/cms/academy/images/sub/sub_top_bg.png') no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}

.sub_top_tit {display: block;}
.sub_top_tit.sub_top_depth1 {margin: 0 0 20px 0; color: rgba(0,0,0,0.6); font-size: 20px; font-weight: 700; line-height: 1;}
.sub_top_tit.sub_top_depth2 { color: #000; font-size: 46px; font-weight: 700; line-height: 1;}

.btn_list {position: absolute; right: 0; bottom: 0; }
.btn_list ul li {float: left; width: 45px; height: 45px; margin: 0 0 0 5px;}
.btn_list ul li a {display: block; width: 45px; height: 45px; background-color: rgba(255,255,255,0.3); line-height: 45px; border-radius: 50%; overflow: hidden; text-align: center;}
.btn_list ul li a:hover {background-color: #fff;}

/* 서브탑 링크 */
.sub_page_gnb_wrap {position: absolute; bottom: -75px; width: 100%; padding:50px 0 0 0;}
.sub_page_gnb_wrap .sub_page_gnb {display: none; overflow: hidden;}
.sub_page_gnb_wrap .sub_page_gnb li {float: left;}
.sub_page_gnb_wrap .sub_page_gnb li:first-child:after {display: none;}
.sub_page_gnb_wrap .sub_page_gnb li:after {content: '|'; position: relative; top: -2px; float: left; display: block; width: 40px;  text-align: center; color: #cccccc;}
.sub_page_gnb_wrap .sub_page_gnb li a { font-size: 20px; color: rgba(0,0,0,0.5); font-weight: 700; line-height: 1;}
.sub_page_gnb_wrap .sub_page_gnb li a.on {color: #000;}


/* 컨텐츠 페이지 공통 레이아웃 */
.page_content {margin-bottom: 100px;}




.info_page_content.type1 {position: relative; margin:0 0 80px;}
.info_page_content.type1:after {content: ""; display: block; width: 0; height: 0; font-size: 0; clear: both;}

.info_page_content.type1 .box {float: left; }

.info_page_content.type1 .box.txt_box_wrap {width: 640px;}
.info_page_content.type1 .box.txt_box_wrap .tit1 {margin-bottom: 40px; font-size: 36px; font-weight: 700; color: #88dcff; word-break: keep-all;}
.info_page_content.type1 .box.txt_box_wrap .tit2 {margin-bottom: 40px; font-size: 60px; font-weight: 700; line-height: 1.333em; word-break: keep-all;}
.info_page_content.type1 .box.txt_box_wrap .txt {font-size: 24px; line-height: 1.667em; word-break: keep-all;}
.info_page_content.type1 .box.txt_box_wrap .txt span {color: #009be5; font-weight: 700;}
  
.info_page_content.type1 .box.img_box_wrap {position: relative; width: calc(100% - 640px);}
.info_page_content.type1 .box.img_box_wrap .img_box {position: relative; margin: -80px 0 0 33px;}
.info_page_content.type1 .box.img_box_wrap .img_box img {max-width: none; max-height: none;}



/* table_list */
.tour_table_list {text-align:center;}
.tour_table_list table {display: table; border-collapse: collapse; table-layout: fixed;background: #fff;width:90%;margin:0 auto;}
.tour_table_list table td,.tour_table_list table th {border:1px solid #ddd;padding:10px;}
.tour_table_list table th {background-color: #f9f9f9;border:1px solid #ddd;}
.tour_table_list table td {text-align:left;word-break:break-all;}

.top_tour {width:100%;margin:0 auto;margin-bottom:15px;}
.top_tour:after {content:'';display:block;width:100%;clear:both;}
.top_tour h3 {float:left;font-size:20px;font-weight:bold;}
.top_tour select {float:right;padding-right:30px;height:35px;background-color:#fff;border:1px solid #ddd;}
/* 아카데미 - 아카데미 소개 */


/* info_page_content2 */
#info_wrap .page_content2 {position: relative; margin-bottom: 100px;}
#info_wrap .page_content2:after {content: ""; display: block; width: 0; height: 0; font-size: 0; clear: both;}
#info_wrap .page_content2 .box {position: relative; float: left; width: 32%; height: 400px; margin-right: 1.9%; padding: 90px 30px 60px 45px; background-color: #fff; border-bottom: 5px solid; -webkit-box-shadow: 7px 8px 24px 0px rgba(0, 0, 0, 0.17); box-shadow: 7px 8px 24px 0px rgba(0, 0, 0, 0.17);}
#info_wrap .page_content2 .box.box3 {margin-right: 0;}
#info_wrap .page_content2 .box .icon {position: absolute; left: 40px; top: -47px;}
#info_wrap .page_content2 .box .tit {margin-bottom: 30px; font-size: 25px; font-weight: 700;}
#info_wrap .page_content2 .box .txt {font-size: 20px; line-height: 1.800em; word-break: keep-all;}
#info_wrap .page_content2 .box .txt span {font-weight: 700;}

#info_wrap .page_content2 .box1 {border-color: #009be5;}
#info_wrap .page_content2 .box1 .txt span {color: #009be5;}

#info_wrap .page_content2 .box2 {border-color: #0069ab;}
#info_wrap .page_content2 .box2 .txt span {color: #0069ab;}

#info_wrap .page_content2 .box3 {border-color: #00bad6;}
#info_wrap .page_content2 .box3 .txt span {color: #00bad6;}


/* page_content3 */
#info_wrap .page_content3 {width: 100%; margin-bottom: 0; padding: 80px 0 70px; background-image: url('/template/cms/academy/images/sub/info_page_content3_bg.png'); -webkit-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat;}
#info_wrap .page_content3 .img_wrap {text-align: center;}
#info_wrap .page_content3 .img_wrap img {width: 45.417vw; max-width: 872px; margin: 0 auto;}
#info_wrap .page_content3 .txt_box {text-align: center; }
#info_wrap .page_content3 .txt_box p {font-size: 24px; line-height: 1.667em; color: #fff; font-weight: 700; }

/* page_content4 */
#info_wrap .page_content4 {position: relative; padding-top: 100px;}
#info_wrap .page_content4 .content_main_txt {font-size: 23px;}
#info_wrap .page_content4 .img_box_wrap {padding: 70px 0 0; overflow: hidden;}
#info_wrap .page_content4 .box {float: left; width: 16%;}
#info_wrap .page_content4 .box .icon {display: block; width: 79px; height: 73px; margin: 0 auto 30px; text-align: center;}
#info_wrap .page_content4 .box .icon img {vertical-align: middle;}
#info_wrap .page_content4 .box .tit {margin-bottom: 20px; text-align: center;}
#info_wrap .page_content4 .box .k_name {margin-bottom: 5px; font-size: 25px; color: #0062b2; font-weight: 700;}
#info_wrap .page_content4 .box .e_name {position: relative; display: inline-block; font-size: 20px; color: #0062b2;}
#info_wrap .page_content4 .box .e_name em {font-weight: 700;}
#info_wrap .page_content4 .box .e_name:after {content: ''; position: absolute; left: -20px; top: 50%; width: 42px; height: 36px; margin-top: -18px; background: url('/template/cms/academy/images/sub/e_name_icon.png') no-repeat; }

#info_wrap .page_content4 .box .txt {font-size:16px; line-height:1.667em ; text-align: center;}
#info_wrap .page_content4 .content_text_bg {position: absolute; top: 0px; right: 0; font-size: 470px; font-weight: 900; line-height: 1; z-index: -1;}

#info_wrap .page_content5 {padding-top: 60px;}

#info_wrap .page_content5.info_page_content.type1 .box.img_box_wrap .img_box {margin: -25px 0 0 -200px;}
#info_wrap .page_content5.info_page_content.type1 .box.img_box_wrap .img_box img {width: 100%;}
#info_wrap .page_content5.info_page_content.type1 .box.txt_box_wrap .txt {padding: 20px 0; font-size: 17px; line-height: 1.800em;}
#info_wrap .page_content5.info_page_content.type1 .box.txt_box_wrap .message {padding: 25px 0 0; font-size: 22px; font-weight: 700; text-align: right;}


/* 연혁 */
.history_page_content  { margin-bottom: 0; padding-bottom: 90px;}
#history_wrap .history_year_row {overflow: hidden;}
#history_wrap .history_year_row .box {float: left; }
#history_wrap .history_year_row .year_box {width: 27%; padding: 0 70px 0 0;}
#history_wrap .history_year_row .year_box .year {font-size: 120px; line-height: 1; color: #fff;
text-shadow: -2px 0 #009be5, 0 2px #009be5, 2px 0 #009be5, 0 -2px #009be5;
-moz-text-shadow: -2px 0 #009be5, 0 2px #009be5, 2px 0 #009be5, 0 -2px #009be5;
-webkit-text-shadow: -2px 0 #009be5, 0 2px #009be5, 2px 0 #009be5, 0 -2px #009be5;}

#history_wrap .history_year_row .month_box {position: relative; width: 73%; padding:  50px 0 80px 55px;}
#history_wrap .history_year_row .month_box:before {content: ''; position: absolute; left: 0 ; top: 0px; width: 5px; height: 100%; background-color: #eeeeee;}
#history_wrap .history_year_row .month_box:after {content: ''; position: absolute; left: -13px; top: 50px; width: 16px; height: 16px; background-color: #009be5; border: 8px solid #eaf8ff; border-radius: 50%;}


#history_wrap .history_year_row:first-child .month_box:before {top: 50px;}
#history_wrap .history_year_row .month_box .month_row {padding: 0 0 30px;}
#history_wrap .history_year_row .month_box .month_row .month {display: inline-block; width: 90px; font-size: 24px; font-weight: 700;}
#history_wrap .history_year_row .month_box .month_row .txt {display: inline-block; font-size: 24px;}

#history_wrap .Polygon_img {position: absolute; }
#history_wrap .Polygon_img1 {top: 0; right: 0;}
#history_wrap .Polygon_img2 {top: 0; left: 0;}
#history_wrap .Polygon_img3 {bottom: 0; left: 50%;}




/* 아카데미 BI */
#bi_wrap {}
#bi_wrap .bi_content1_box {width: 100%; height: 27.604vw; background: url('/template/cms/academy/images/sub/bi_content1_bg.png') no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center bottom;}
#bi_wrap .bi_content1_box .tit1 {margin-bottom: 15px; font-size: 36px; font-weight: 700; text-align: center;}
#bi_wrap .bi_content1_box .tit1 span {color: #0062b2;}
#bi_wrap .bi_content1_box .tit2 {font-size: 24px; text-align: center;}

#bi_wrap .bi_info_wrap {margin-bottom: 130px; overflow: hidden;}
#bi_wrap .bi_info_wrap .left {float: left; width: 50%;}
#bi_wrap .bi_info_wrap .right {float: left; width: 50%;}
#bi_wrap .bi_info_wrap > div {padding: 0 50px;}
#bi_wrap .bi_info_wrap > div p {margin-bottom: 100px; font-size: 24px; color: #009be5; font-weight: 500;}
#bi_wrap .bi_info_wrap > div .img_wrap {text-align: center;}





/* bi 다운로드 버튼 */
.bi_download_btn {display: inline-block; width: 270px; height: 80px; margin: 0 10px; line-height: 80px; background: url('/template/cms/academy/images/sub/bi_download_btn_bg.png') no-repeat; border-radius: 30px; color: #fff; font-size: 22px; text-align: center;}
.bi_download_btn i {margin-left: 5px;}

.content_btn {display: inline-block; width: 270px; height: 80px; margin: 0 10px; line-height: 80px; background: url('/template/cms/academy/images/sub/bi_download_btn_bg.png') no-repeat; border-radius: 30px;color: #fff; font-size: 22px; text-align: center;}
.content_btn i {margin-left: 5px;}

/* 운영진 리스트 */

#manager_wrap {}
.manager_list {overflow: hidden;}
.manager_list > li {float: left; width: 21%; margin: 0 5.3% 40px 0; padding: 0 0 40px 0; text-align: center;}
.manager_list > li:nth-child(4n) {margin: 0 0 40px 0;}
.manager_list > li:nth-child(4n+5) {clear: both; margin: 0;}
.manager_list > li .img_box { position: relative; margin: 0 0 35px 0 ; padding-bottom: 100%; border-radius: 50%; overflow: hidden;}
.manager_list > li .img_box .inner {position: absolute; width: 100%; height: 100%;}
.manager_list > li .img_box > img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.manager_list > li .img_box .default_img {display: block;}
.manager_list > li .img_box .over_img {display: none;}

.manager_list > li .img_box:hover .default_img {display: none;}
.manager_list > li .img_box:hover .over_img {display: block;}

.manager_list > li .tit {line-height: 1; margin-bottom: 12px; font-size: 30px; font-weight: 700;}
.manager_list > li .txt {line-height: 1; color: #6f6f6f;}


/* 오시는길 */
#contact_wrap {padding-bottom: 150px;}
.contact_wrap .map_box {margin-bottom: 35px; padding: 10px; border: 1px solid #dcdcdc; -webkit-box-shadow: 5px 6px 17px 0px rgba(0, 0, 0, 0.18); box-shadow: 5px 6px 17px 0px rgba(0, 0, 0, 0.18);}
.contact_wrap .map_box .inner_box {}
.contact_wrap .map_box .inner_box .map {width: 100% !important;}
.contact_wrap .txt_box {margin-bottom: 100px; padding-left: 30px; overflow: hidden;}
.contact_wrap .txt_box .ico {float: left; width: 80px;}
.contact_wrap .txt_box .tit {float: left; width: calc(100% - 80px); margin-bottom: 7px; font-size: 30px; font-weight: 700;}
.contact_wrap .txt_box .txt {float: left; width: calc(100% - 80px);}
.contact_wrap .txt_box .txt .txt1 {float: left; margin-right: 60px;}
.contact_wrap .txt_box .txt .txt2 {float: left; }
.contact_wrap .txt_box .txt > p span {display: inline-block; color: #848484;}
.contact_wrap .txt_box .txt > p span.left {font-weight: 500; color: #000;}
.contact_wrap .txt_box .txt > p span.left:after {content: '|'; position: relative; top: -2px; display: inline-block; width: 40px; color: #dbdbdb;  font-size: 14px; text-align: center;}
.contact_wrap .txt_box .txt > p span.right {}


/* 42서울 */
#seoul42_wrap {position: relative;}

#seoul42_wrap .info_page_content.type1 {margin-bottom: 120px;}
#seoul42_wrap .info_page_content.type1 .box.txt_box_wrap {width:720px ;}
#seoul42_wrap .info_page_content.type1 .box.txt_box_wrap .tit2 {font-size: 60px;}
#seoul42_wrap .info_page_content.type1 .box.txt_box_wrap .txt {margin-bottom: 50px;}
#seoul42_wrap .info_page_content.type1 .box.txt_box_wrap .txt:last-child {margin-bottom: 80px;}
#seoul42_wrap .info_page_content.type1 .box.txt_box_wrap .content_btn {margin: 0;}
#seoul42_wrap .info_page_content.type1 .box.img_box_wrap .img_box {margin: -110px 0 0 33px;}

#seoul42_wrap .info_page_content.type1 .box.img_box_wrap {width: calc(100% - 720px)}



#seoul42_wrap .hexagon_img_wrap {width: calc(100% + 25px);}
#seoul42_wrap .hexagon_img_wrap .hexagon_img {float: left; width: 31%; margin: 0 3% 0 0;}
#seoul42_wrap .hexagon_img_wrap .hexagon_img3 {margin: 0;}


#seoul42_wrap .txt_bg {position: absolute; left: 0; top: -80px;}
#seoul42_wrap .edu_system {position: relative;}
#seoul42_wrap .edu_system:after {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; margin-top: 30px; background-color: #009be5;}

.edu_schedule {padding: 90px 0; background-color: #ececec;}
.edu_schedule .edu_schedule_box_wrap {overflow: hidden;}
.edu_schedule .edu_schedule_box_wrap .edu_schedule_box {position: relative; float: left; width: 21.87%; height: 260px;  margin:0 4.1% 0 0; padding: 65px 0px; background-color: #fff;}
.edu_schedule .edu_schedule_box_wrap .edu_schedule_box4 {margin: 0;}

.edu_schedule .edu_schedule_box_wrap .edu_schedule_box:after {content: ''; position: absolute; top: 50%; left: 100%;  width: 74px; height: 70px; margin: -25px 0 0 -30px; background-image: url('/template/cms/academy/images/sub/box_arr.png'); background-repeat: no-repeat; background-position: left top;}
.edu_schedule .edu_schedule_box_wrap .edu_schedule_box4:after {display: none;}

.edu_schedule .edu_schedule_box_wrap .edu_schedule_box .tit {display: table; width: 100%; margin-bottom: 25px; text-align: center;}
.edu_schedule .edu_schedule_box_wrap .edu_schedule_box .tit p {display: table-cell; height: 75px; padding: 0 25px; font-size: 25px; font-weight: 500; text-align: center; word-break: keep-all; vertical-align: middle;}
.edu_schedule .edu_schedule_box_wrap .edu_schedule_box .txt {font-size: 20px; color: #009be5; text-align: center;}

.edu_schedule .edu_schedule_box_wrap .edu_schedule_arr {float: left; clear: both; width: 100%; padding-top: 20px;}
.edu_schedule .edu_schedule_box_wrap .edu_schedule_arr .arr {display: block; width: 100%; height: 50px; background-image: url('/template/cms/academy/images/sub/edu_schedule_arr.png'); background-repeat: no-repeat; background-position: right center;}
.edu_schedule .edu_schedule_box_wrap .edu_schedule_arr p {font-size: 20px; color: #0abfd1; font-weight: 500; text-align: center;}

#seoul42_wrap .page_content4 {padding-top: 60px;}
#seoul42_wrap .page_content4.info_page_content.type1 .box.img_box_wrap {width: calc(100% - 640px);}
#seoul42_wrap .page_content4.info_page_content.type1 .box.img_box_wrap .img_box {margin: -25px 0 0 -200px;}
#seoul42_wrap .page_content4.info_page_content.type1 .box.img_box_wrap .img_box img {width: ;}

#seoul42_wrap .page_content4.info_page_content.type1 .box.txt_box_wrap {width: 640px;}
#seoul42_wrap .page_content4.info_page_content.type1 .box.txt_box_wrap .txt {padding: 20px 0; font-size: 20px; line-height: 1.800em;}
#seoul42_wrap .page_content4.info_page_content.type1 .box.txt_box_wrap .message {padding: 25px 0 0; font-size: 22px; font-weight: 700; text-align: right;}

#seoul42_wrap .page_content4.info_page_content.type1 .dot_list {}
#seoul42_wrap .page_content4.info_page_content.type1 .dot_list li {padding-left: 25px; background: url('/template/cms/academy/images/bull/bull_dot.jpg') 2px 13px no-repeat; margin-bottom: 30px; font-size: 24px;}


.edu_map_content {padding: 95px 0; background-image: url('/template/cms/academy/images/sub/edu_map_content_bg.png'); background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.edu_map_content .tit {text-align: center;}
.edu_map_content .tit .tit1 {margin-bottom: 25px; font-size: 36px; color: #11b7ea; font-weight: 700;}
.edu_map_content .tit .tit2 {margin-bottom: 60px; font-size: 60px; color: #fff; font-weight: 700;}

.edu_map_content .img_wrap {margin-bottom: 20px; text-align: center;}

.edu_map_content .txt {text-align: center; }
.edu_map_content .txt p {position: relative; display: inline-block; font-size: 30px ; color: #fff; line-height: 1.600em;}
.edu_map_content .txt .ico {position: absolute; display: block; top: 15px; width: 40px; height: 35px; background-repeat: no-repeat;}
.edu_map_content .txt .left_ico {position: absolute; left: -80px; background-image: url('/template/cms/academy/images/sub/edu_left_ico.png');}
.edu_map_content .txt .right_ico {position: absolute; right: -80px; background-image: url('/template/cms/academy/images/sub/edu_right_ico.png')}

.edu_map_content .m_edu_list {display: none;}
.edu_map_content .m_edu_list .dot_list.white {overflow: hidden;}
.edu_map_content .m_edu_list .dot_list.white li {float: left; width: 50%; background: url('/template/cms/academy/images/bull/bull_dot_white.jpg') 2px 50% no-repeat; color: #fff; line-height: 2.643em; font-size: 3.889vw;}




/* 프로젝트 x */
#projectx_wrap {position: relative;}

#projectx_wrap .info_page_content.type1 {margin-bottom: 120px;}
#projectx_wrap .info_page_content.type1 .box.txt_box_wrap {width:700px ;}
#projectx_wrap .info_page_content.type1 .box.txt_box_wrap .tit2 {font-size: 60px;}
#projectx_wrap .info_page_content.type1 .box.txt_box_wrap .txt {margin-bottom: 50px;}
#projectx_wrap .info_page_content.type1 .box.txt_box_wrap .txt:last-child {margin-bottom: 80px;}
#projectx_wrap .info_page_content.type1 .box.txt_box_wrap .content_btn {margin: 0;}
#projectx_wrap .info_page_content.type1 .box.img_box_wrap .img_box {margin: 0 0 0 33px;}

#projectx_wrap .info_page_content.type1 .box.img_box_wrap {width: calc(100% - 700px)}



#projectx_wrap .hexagon.page_content {position: relative;}
#projectx_wrap .hexagon.page_content .hexagon_img_wrap {position: relative; width: calc(100% + 30px);}
#projectx_wrap .hexagon.page_content:after {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; margin-top: 30px; background-color: #009be5;}
#projectx_wrap .m_hexagon {display: none;}

#projectx_wrap .txt_bg {position: absolute; left: 0; top: -80px;}

#projectx_wrap .edu_process {padding: 90px 0; background-color: #ececec;}
#projectx_wrap .edu_process .pc_img_wrap {display: block; text-align: center;}
#projectx_wrap .edu_process .m_img_wrap {display: none; text-align: center;}

#projectx_wrap .page_content4 {padding-top: 60px;}
#projectx_wrap .page_content4.info_page_content.type1 .box.img_box_wrap {width: calc(100% - 640px);}
#projectx_wrap .page_content4.info_page_content.type1 .box.img_box_wrap .img_box {margin: -25px 0 0 -200px;}
#projectx_wrap .page_content4.info_page_content.type1 .box.img_box_wrap .img_box img {width: ;}

#projectx_wrap .page_content4.info_page_content.type1 .box.txt_box_wrap {width: 640px;}
#projectx_wrap .page_content4.info_page_content.type1 .box.txt_box_wrap .txt {padding: 20px 0; font-size: 20px; line-height: 1.800em;}
#projectx_wrap .page_content4.info_page_content.type1 .box.txt_box_wrap .message {padding: 25px 0 0; font-size: 22px; font-weight: 700; text-align: right;}

#projectx_wrap .page_content4.info_page_content.type1 .dot_list {}
#projectx_wrap .page_content4.info_page_content.type1 .dot_list li {padding-left: 25px; background: url('/template/cms/academy/images/bull/bull_dot.jpg') 2px 13px no-repeat; margin-bottom: 30px; font-size: 24px;}

#projectx_wrap .page_content4.info_page_content.type1 .dot_list li strong {font-weight: 700;}


#projectx_wrap .project_table_wrap .top {margin-bottom: 70px; text-align: center;}
#projectx_wrap .project_table_wrap .top .layout {position: relative; display: inline-block;}
#projectx_wrap .project_table_wrap .top .txt1 {margin-bottom: 20px; font-size: 36px; color: #88dcff; font-weight: 700;}
#projectx_wrap .project_table_wrap .top .txt2 {font-size: 60px; font-weight: 700;}
#projectx_wrap .project_table_wrap .top .ico {position: absolute; width: 39px; height: 33px;}
#projectx_wrap .project_table_wrap .top .ico.left {left: -90px; top: 50%; margin-top: -12px;}
#projectx_wrap .project_table_wrap .top .ico.right {right: -90px; top: 50%; margin-top: -12px;}

#projectx_wrap .project_table {width: 100%;  border-spacing: 0}
#projectx_wrap .project_table thead {}
#projectx_wrap .project_table thead th {height: 80px; background-color: #234575; font-size: 24px; border-right: 3px solid #e5e5e5; border-bottom: 3px solid #e5e5e5; color: #ffff; vertical-align: middle;}
#projectx_wrap .project_table thead th:nth-child(1) {background-color: #395c8e; border-right: none;}
#projectx_wrap .project_table thead th:last-child {border-right: none;}
#projectx_wrap .project_table tbody {}
#projectx_wrap .project_table tbody th,#projectx_wrap .project_table tbody td {padding: 40px 25px; border-bottom: 3px solid #e5e5e5;  }
#projectx_wrap .project_table tbody th {background-color: #f19fbe; vertical-align: middle; font-size: 24px;}
#projectx_wrap .project_table tbody td { border-right: 3px solid #e5e5e5; background-color: #f5f5f5; vertical-align: top;}
#projectx_wrap .project_table tbody td:last-child {border-right: none;}
#projectx_wrap .project_table tbody tr:nth-child(2) th,#projectx_wrap .project_table tbody tr:nth-child(2) td {border-bottom: none;}
#projectx_wrap .project_table tbody td .dot_list {}
#projectx_wrap .project_table tbody td .dot_list li {position: relative; margin-bottom: 20px; background: none; font-size: 20px;}
#projectx_wrap .project_table tbody td .dot_list li:before {content: ''; position: absolute; left: 0; top: 10px; display: block; width:4px; height: 4px; border-radius: 50%; background-color: #000; }

#projectx_wrap .code_your_journey_mobile {display: none;}
#projectx_wrap .codyssey_naming_mobile {display: none;}
#projectx_wrap .codyssey_edu_features_mobile {display: none;}
#projectx_wrap .codyssey_system_setup_mobile {display: none;}
#projectx_wrap .codyssey_brandstory_mobile {display: none;}


#projectx_wrap .what_is_codyssey { width: 49%; margin-right: 1.5%; }
#projectx_wrap .codyssey_slogan { width: 49%; }
#projectx_wrap .what_slogan_codyssey { margin-bottom: 200px; }

#projectx_wrap .what_is_codyssey_mobile { display: none; }
#projectx_wrap .codyssey_slogan_mobile { display: none; }

/* 소프트웨어 생태계 지원사업 */
#business_wrap .info_page_content.type1 {margin-bottom: 120px;}
#business_wrap .info_page_content.type1 .box.txt_box_wrap {width:720px ;}
#business_wrap .info_page_content.type1 .box.txt_box_wrap .tit2 {font-size: 60px;}
#business_wrap .info_page_content.type1 .box.txt_box_wrap .txt {margin-bottom: 50px; word-break: keep-all;}
#business_wrap .info_page_content.type1 .box.txt_box_wrap .txt:last-child {margin-bottom: 80px;}
#business_wrap .info_page_content.type1 .box.txt_box_wrap .content_btn {margin: 0;}
#business_wrap .info_page_content.type1 .box.img_box_wrap .img_box {margin: 0 0 0 33px;}

#business_wrap .info_page_content.type1 .box.img_box_wrap {width: calc(100% - 720px)}

#business_wrap .hexagon.page_content {position: relative;}
#business_wrap .hexagon.page_content .hexagon_img_wrap {position: relative; width: calc(100% + 30px);}
#business_wrap .hexagon.page_content:after {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; margin-top: 30px; background-color: #009be5;}
#business_wrap .m_hexagon {display: none;}

#business_wrap .txt_bg {position: absolute; left: 0; top: -140px;}
#business_wrap .txt_bg img {width: 3010px; max-width: none; max-height: none; }





/* 공간예약 */
#reservation_wrap {}
.reservation_box_btn {display: block; width: 100%; height: 180px; background: url('/template/cms/academy/images/sub/reservation_box_btn_bg.jpg') no-repeat; background-position: center center;}
.reservation_box_btn > a {float: left; display: table; width: 50%; height: 180px;}
.reservation_box_btn > a p {display: table-cell; width: 100%; font-size: 30px; color: #fff; text-align: center; vertical-align: middle;}
.reservation_box_btn > a p i {position: relative; left: 10px; transition: left 0.2s}
.reservation_box_btn > a:hover p i {left: 50px;}


.calendar_ctrl_wrap {position: relative; margin: 0 0 15px 0;  padding: 10px 0 15px; text-align: center;}

.calendar_ctrl_wrap .date { display: inline-block; margin: 0 75px; font-size: 60px; line-height: 1; font-weight: 500;} 
.calendar_ctrl_wrap .calendar_ctrl {position: relative; display: inline-block; height: 50px; color: #c7c7c7;}
.calendar_ctrl_wrap .calendar_ctrl i {line-height: 50px; font-size: 48px;}
.calendar_ctrl_wrap .calendar_ctrl:hover i {color: #000;}
.calendar_ctrl_wrap .calendar_ctrl_prev {}
.calendar_ctrl_wrap .calendar_ctrl_next {}



/*btn_box*/
.calendar_ctrl_wrap .btn_box {display: block; width: 100%; overflow: hidden;}
.calendar_ctrl_wrap .btn_box button {float: left; width: 230px; height: 45px; margin-right: 10px; padding: 0 35px; border: 2px solid #0060af;}
.calendar_ctrl_wrap .btn_box button span {display: block; width: 100%; text-align: left; font-size: 18px; color: #0060af;}
.calendar_ctrl_wrap .btn_box button span i {position: relative; float: right; top: 5px;}

.calendar_ctrl_wrap .btn_box button.on {background-color: #0060af;}
.calendar_ctrl_wrap .btn_box button.on span {color: #fff;}

/*category_box_wrap*/
.calendar_ctrl_wrap .category_box_wrap {position: absolute; left: 0; bottom:0; overflow: hidden;}
.calendar_ctrl_wrap .category_box_wrap .category_box {float: left; display: inline-block; width: 160px; margin:0 25px 15px 0;}
.calendar_ctrl_wrap .category_box_wrap .category_box .color_box {float: left; width: 20px; height: 20px; margin-right: 13px;}

/* category1 = 내부행사 = #26c7a6 */
/* category2 = 외부행사 = #707eed */
/* category3 = 교육    = #ff8181 */
.calendar_ctrl_wrap .category_box_wrap .category_box.category3 {clear: both;margin-bottom: 0;}
.calendar_ctrl_wrap .category_box_wrap .category_box.category4 {margin-bottom: 0;}
  
.calendar_ctrl_wrap .category_box_wrap .category_box.category1 .color_box {background-color: #26c7a6;}
.calendar_ctrl_wrap .category_box_wrap .category_box.category2 .color_box {background-color: #ffcc00;}
.calendar_ctrl_wrap .category_box_wrap .category_box.category3 .color_box {background-color: #707eed;}
.calendar_ctrl_wrap .category_box_wrap .category_box.category4 .color_box {background-color: #ff8181;}
.calendar_ctrl_wrap .category_box_wrap .category_box p {float: left;  font-size: 16px;}

/*right_slt_wrap*/
.calendar_ctrl_wrap .right_slt_wrap {position: absolute; right: 0; bottom: 0px; overflow: hidden;}
.calendar_ctrl_wrap .right_slt_wrap .slt_box {float: left; margin-right: 7px;}
.calendar_ctrl_wrap .right_slt_wrap .slt_box .sch_slt {width: 120px; height: 40px; border: 1px solid #a0a0a0; font-size: 17px;}




/*calendar_table*/
.calendar_table {width: 100%; margin-bottom: 170px; border-spacing: 0px; border: 1px solid #dddddd; border-left: none; border-right: none; border-top: 3px solid #636363; border-bottom: none; table-layout: fixed;}
.calendar_table thead {}
.calendar_table thead th {height: 62px; line-height: 62px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-size: 19px;}
.calendar_table thead th:first-child {color: #e93052;}
.calendar_table thead th:last-child {border-right: none; color: #274ecb;}

.calendar_table tbody td {position: relative; width: 200px; height: 150px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.calendar_table tbody td:nth-child(7) {border-right:none;}
.calendar_table tbody td > div {position: relative; width: 100%; height: 100%; padding-top: 30px; border: 1px solid #fff;}
.calendar_table tbody td p.day {position: absolute;  top: 3px; right: 8px;}
.calendar_table tbody td:first-child > div p {color: #e93052;}
.calendar_table tbody td:nth-child(7) > div p {color: #274ecb;}



.calendar_table tbody td > div .schedule_cont {display: none; position: absolute; width: 320px; padding: 35px 30px; background-color: rgba(49,49,49,0.9); z-index: 10;}


.calendar_table tbody td > div.on:after {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url('/template/cms/admin/image/schedule_cont_plus.png') no-repeat; }
.calendar_table tbody td > div.on:hover {border: 1px solid #000;}
.calendar_table tbody td > div.on:hover .schedule_cont {display: block; left: -1px; top: 100%;}

.calendar_table tbody tr td:nth-child(1n+6) > div.on:hover .schedule_cont {left: auto; right: -1px;}
.calendar_table tbody tr:nth-child(1n+3) td > div.on:hover .schedule_cont {display: block; top: auto; bottom: 100%;}

.calendar_table tbody td .schedule_tit {padding: 20px;}

.calendar_table tbody td .category_box {position: relative; margin-bottom: 13px; padding-left: 25px; word-break:keep-all; }
.calendar_table tbody td .category_box:nth-child(1n+3) {display: none;}
.calendar_table tbody td .category_box .color_box {position: absolute; left: 0; top: 4px; width: 15px; height: 15px;}

/* .calendar_table tbody td .category_box.category1 .color_box {background-color: #26c7a6;}
.calendar_table tbody td .category_box.category2 .color_box {background-color: #707eed;}
.calendar_table tbody td .category_box.category3 .color_box {background-color: #ff8181;} */


.calendar_table tbody td .category_box.category1 .color_box {background-color: #26c7a6;}
.calendar_table tbody td .category_box.category2 .color_box {background-color: #ffcc00;}
.calendar_table tbody td .category_box.category3 .color_box {background-color: #707eed;}
.calendar_table tbody td .category_box.category4 .color_box {background-color: #ff8181;}




.calendar_table tbody td .category_box p {font-size: 17px;}


.calendar_table tbody td > div .schedule_cont .cont {margin: 0 0 30px; }
.calendar_table tbody td > div .schedule_cont .cont:last-child {margin-bottom: 0;}
.calendar_table tbody td > div .schedule_cont .cont .tit {margin-bottom: 7px; font-size: 17px; font-weight: 500; color: #fff;}
.calendar_table tbody td > div .schedule_cont .cont .time {margin-bottom: 3px; color: #fff; font-size: 15px;}




/* bg_box */
.bg_box {background-color: #f6f6f6;}



/* agree_box */
.total_agree_box {padding: 20px 0; border-top: 2px solid #777; border-bottom: 1px solid #bbb;}
.agree_box {margin-bottom: 20px;}
.agree_box:last-child {margin-bottom: 0;}
.agree_tit {margin-bottom: 15px; font-size: 22px;}
.agree_box .scroll_box {overflow-y:auto; height:200px; margin-bottom:20px; padding:20px; background-color: #fff; border:1px solid #ccc;}

.agree_box .chk_txt {height: 24px; text-align:right;}

.agree_box .agree_chk label {position: relative; display: block; padding-right: 40px; font-size:17px; line-height: 24px; color: #2a2a2a; cursor: pointer;}
.agree_box .agree_chk label:after {content: ''; position: absolute; right: 0; top: -1px; width: 22px; height: 22px; border: 2px solid #d2d2d2;}
.agree_box .agree_chk label:before {content: ''; display: none; position: absolute; right: 2px; top: 1px; width: 22px; height: 22px; background: url('/template/cms/admin/image/basic/checkbox_label_ico.png') no-repeat; background-position: center center; -webkit-background-size: 18px 13px; background-size:18px 13px ;}

.agree_box .agree_chk input[type="checkbox"]{display: none;  width: 24px; height: 24px; border: 2px solid #d2d2d2; vertical-align: middle;}
.agree_box .agree_chk input[type="checkbox"]:checked + label:after {}
.agree_box .agree_chk input[type="checkbox"]:checked + label:before {display: block;}

.admin_real_contents {padding: 80px 0 0;}
.admin_real_contents .office_rantal_step_wrap {margin: 0 0 90px; text-align: center;}
.admin_real_contents .office_rantal_step_wrap .step_box {float: left; width: 130px; height: 150px; background: url('/template/cms/academy/images/sub/step_box_bg.png') no-repeat; text-align: center;}



/*office_schedule_warp*/
.office_schedule_warp { padding: 18px 0 0; border-top: 3px solid #000;}
.office_schedule_warp .office_schedule_row {margin: 0 0 20px; padding: 24px; border: 1px solid #d2d2d2; }
.office_schedule_warp .office_schedule_row .info_box {margin-bottom: 25px; overflow: hidden;}
.office_schedule_warp .office_schedule_row .info_box .tit {float: left; width: 340px; font-size: 24px; font-weight: 700;}
.office_schedule_warp .office_schedule_row .info_box .info_txt {float: left;}
.office_schedule_warp .office_schedule_row .info_box .info_txt p {display: inline-block; margin-right: 80px; font-size: 16px;}
.office_schedule_warp .office_schedule_row .info_box .info_txt p span:nth-child(1) {}
.office_schedule_warp .office_schedule_row .info_box .info_txt p span:nth-child(2) {color: #9b9b9b;}

.office_schedule_row .schedule_box {overflow: hidden;}
.office_schedule_row .schedule_box .left_box {position: relative; float: left; width: 140px; height: 160px; border: 1px solid #7d7d7d;}
.office_schedule_row .schedule_box .left_box p {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center;}
.office_schedule_row .schedule_box .left_box p span.top {display: block; font-size: 16px; color: #1e1e1e;}
.office_schedule_row .schedule_box .left_box p span.bottom {display: block; font-size: 21px	; color: #009be5;}


.office_schedule_row .schedule_box .time_list {float: left; width: calc(100% - 140px);  overflow: hidden;}
.office_schedule_row .schedule_box .time_list li {position: relative; float: left; width: 8.33%;  height: 80px; border: 1px solid #7d7d7d; border-left: none; text-align: center;}
.office_schedule_row .schedule_box .time_list li:nth-last-child(-n+13) {border-top: none;}
.office_schedule_row .schedule_box .time_list li button {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:#fff; z-index: 2;}
.office_schedule_row .schedule_box .time_list li p {position: absolute; left: 50%; top: 50%; width:100%; line-height: 1.2; -webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 17px; z-index: 1; }


.office_schedule_row .schedule_box .time_list li .office_sort {display: block; width: 100%; height: 100%;}
.office_schedule_row .schedule_box .time_list li .office_sort.on {background-color: #ffee7f;}
.office_schedule_row .schedule_box .time_list li .office_sort.off {background-color: #f2f2f2;}
.office_schedule_row .schedule_box .time_list li button.on {background-color: #ffee7f;}


.office_schedule_row .schedule_box .time_list li .office_select.active {background-color: #ffee7f;}


.complete_box_wrap {padding: 80px 0; border: 1px solid #313131; -webkit-box-shadow: 3px 4px 9px 0px rgba(0, 0, 0, 0.13); ;
box-shadow: 3px 4px 9px 0px rgba(0, 0, 0, 0.13); ;}



#room_info_wrap { padding-bottom: 180px;}
#room_info_wrap.fixed {padding-bottom: 0px;}
#room_info_wrap.fixed .room_link_box_scroll_wrap {position: relative;}

.room_info_list {margin-bottom: 90px; border-top: 3px solid #000;}
.room_info_list > li {padding: 25px 0 ; border-bottom: 1px solid #dedede; overflow: hidden;}
.room_info_list > li .left_cont {display: table-cell; width: 310px; vertical-align: middle;}
.room_info_list > li .left_cont .img_box {position: relative; padding-bottom: 70.13%; background-color: #717171;}
.room_info_list > li .left_cont .img_box .floor {position: absolute; width: 50px; height: 40px; line-height: 40px; color: #009be5; background-color: #fff; text-align: center; z-index: 2;}
.room_info_list > li .left_cont .img_box .inner {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0;}
.room_info_list > li .left_cont .img_box .inner img {}

.room_info_list > li .right_cont {display: table-cell; width: calc(100% - 310px); padding-left: 50px; vertical-align: top;}

.room_info_list > li .right_cont .tit {position: relative; display: inline-block; margin: 0 0 10px 0; padding: 4px 130px 4px 0; font-size: 36px; font-weight: 700; line-height: 1.667em;  vertical-align: middle;}
.room_info_list > li .right_cont .tit a {position: absolute;  top: 22px; right: 0; display: inline-block; width: 100px; height: 28px; line-height: 26px; font-size: 14px; background-color: #313131; border: 1px solid #313131; border-radius: 14px; color: #fff; text-align: center; font-weight: 300;}
.room_info_list > li .right_cont .tit a:hover {background-color: #fff; color: #313131;  font-weight: 500;} 

.room_info_list > li .right_cont .txt {margin-bottom: 28px; font-size: 20px; line-height: 1.600em;}
.room_info_list > li .right_cont .room_info {font-size: 20px; line-height: 1.350em; color: #009be5;}



.room_link_box_scroll_wrap {position: fixed; left: 0; bottom: 0px; width: 100%; padding:0 0 25px 0; overflow: hidden; z-index: 20;}

.room_link_box_scroll_wrap .room_link_box {position: relative; width: 100%; max-width: 1280px; margin: 0 auto; z-index: 3;}
.room_link_box_scroll_wrap .room_box {float: left; width: 48%; margin-right: 0.7%; border-spacing:0px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.19);}
.room_link_box_scroll_wrap .room_box.room_box2 {width: 15%;}
.room_link_box_scroll_wrap .room_box.room_box3 {width: 16%;}
.room_link_box_scroll_wrap .room_box th, .room_link_box_scroll_wrap .room_box td { text-align: center; vertical-align: middle;}
.room_link_box_scroll_wrap .room_box th {height: 50px; background-color: #26c7a6; color: #000;}
.room_link_box_scroll_wrap .room_box td {height: 45px; background-color: #fff; border-right: 1px solid #000;}
.room_link_box_scroll_wrap .room_box td a {display: block;}
.room_link_box_scroll_wrap .room_box td:last-child {border-right: none;}
.room_link_box_scroll_wrap .reservation_apply_link {float: left; width: 18%; height: 95px; line-height: 95px; background-color: #ec3e5f; font-size: 30px; color: #fff;text-align: center;  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.19);}

.room_link_box_scroll_wrap .box_scroll_bg {position: absolute; left: 0; top: 25px; width: 100%; height: 100%; background-color: #000; z-index: 1;}



#event_list {padding-bottom: 40px; border-bottom: 1px solid #e5e5e5;}
#event_list .img_box {margin-bottom: 22px;}

#event_list .img_box .mark {left: 14px; top: 12px; width: 65px; height: 28px; border-radius: 14px; background-color: #e93052; line-height: 28px; text-align: center;}

#event_list li.state1 .img_box .mark {background-color: #014099;}
#event_list li.state2 .img_box .mark {background-color: #e93052;}
#event_list li.state3 .img_box .mark {background-color: #313131;}

#event_list .txt_box {margin-bottom: 27px;}
#event_list .txt_box h3 {font-size: 22px; line-height: 1.273em; font-weight: 500;}

#event_list .info_box {height: auto; margin-bottom: 35px; color: #000;}
#event_list .info_box > p {position: relative; margin-bottom: 5px; padding-left: 14px; overflow: hidden;}
#event_list .info_box > p:after {content: ''; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; background-color: #000; border-radius: 50%}
#event_list .info_box > p span {font-size: 16px; }
#event_list .info_box > p span.info_box_tit {float: left; width: 59px; height: 19px; overflow: hidden; text-align: justify;}  
#event_list .info_box > p span.info_box_tit:after {content: ""; display: inline-block; width: 100%;}
#event_list .info_box > p span.info_box_txt {float: right; width: calc(100% - 75px);}  
#event_list .info_box span:before {display: none;}

#event_list .link_box {}
#event_list .link_box {display: block; width: 100%; height: 50px; background-color: #fff; border: 1px solid #009be5; line-height: 48px; color: #009be5; font-size: 16px; text-align: center;}


#event_list li:hover .link_box {background-color: #009be5; color: #fff;}
#event_list li.state3 .link_box {background-color: #e5e5e5; border-color: #e5e5e5; color: #a1a1a1;}

.event_list_more_btn {display: block; width: 45px; margin: 0 auto;}
.event_list_more_btn > div {display: block; width: 45px; height: 45px; margin-bottom: 10px; border: 2px solid #000; border-radius: 50%; line-height: 41px; text-align: center;font-size: 25px; }
.event_list_more_btn p {font-size: 14px; font-weight: 700; text-align: center;}

.event_list_more_btn:hover > div {background-color: #54c8ff;}



#benefit_list.hi_board_list > li {width: 31.25%; margin:0 3.125% 55px 0;}
#benefit_list.hi_board_list > li:nth-child(3n) {margin: 0 0 35px 0;}
#benefit_list.hi_board_list > li:nth-child(4n) {margin: 0 3.125% 55px 0;}
#benefit_list.hi_board_list > li:nth-child(4n+1) {clear: none;}

#benefit_list .img_box {padding-bottom:75% ;margin-bottom: 22px;}
#benefit_list .txt_box {margin-bottom: 27px;}
#benefit_list .txt_box h3 {font-size: 22px; line-height: 1.273em; font-weight: 500;}

#benefit_list .img_box img { width: auto; height: auto; max-width: 100%;  max-height: 100%;}



#news_list.hi_board_list > li {width: 31.25%; margin:0 3.125% 55px 0;}
#news_list.hi_board_list > li:nth-child(3n+0) {margin: 0 0 35px 0;}
#news_list.hi_board_list > li:nth-child(4n+1) {clear: none;}

#news_list.hi_board_list.keep .img_box {padding-bottom: 53.08%;}
#news_list .img_box {margin-bottom: 22px;}
#news_list .txt_box {margin-bottom: 15px;}
#news_list .txt_box h3 {font-size: 22px; line-height: 1.273em; font-weight: 500;}


.event_view {margin-bottom: 60px; overflow: hidden;}
.event_view .left {float: left; width: 39%;}
.event_view .left .big_img {width: 100%; margin-bottom: 30px; border: 1px solid #d5d9de; }
.event_view .right {float: left; width: 61%; padding-left: 65px; }
.event_view .left .big_img .img_box {position: relative; z-index: 1; overflow: hidden;padding-bottom: 75%; background-color: #fff; text-align: center;}
.event_view .left .big_img .img_box .inner_box { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; font-size: 0;}
.event_view .left .big_img .img_box img {width: auto; height: auto; vertical-align: middle;}
.event_view .left .img_box {position: relative; z-index: 1; overflow: hidden; padding-bottom: 67%; background-color: #fff; text-align: center;}
.event_view .left .img_box .inner_box { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; font-size: 0;}
.event_view .left .img_box img {width: auto; height: 100%; vertical-align: middle;}


.event_view .right {}
.event_view .right .tit_box {padding:0 0 45px; }

.event_view .right .tit_box h1 {position: relative; display: -webkit-box; padding-left: 90px; overflow: hidden; max-height: 2.4em; margin-bottom: 15px; line-height: 1.2em; font-size: 33px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; font-weight: 700;}

.event_view .right .tit_box h1 .state {position: absolute; left: 0; top: 4px; width: 77px; height: 33px; line-height: 33px; border-radius: 17px; text-align: center; color: #fff; font-size:  17px; font-weight: 400;}
.event_view .right .tit_box h1 .state1 {background-color: #e93052;}

.event_view .right .txt_box dl {width: 100%; min-height: 25px; margin-bottom: 15px; overflow: hidden; color: #2a2a2a; font-size: 18px; }
.event_view .right .txt_box dl:last-child {margin-bottom: 0;}
.event_view .right .txt_box dl .txt_left {float: left; display: block; width: 120px; min-height: 25px; font-weight: 700;}
.event_view .right .txt_box dl .txt_left:before {content: '·'; position: relative; margin-right: 6px;}
.event_view .right .txt_box dl .txt_right {float: left; display: block; width: calc(100% - 135px); min-height: 25px;}
.event_view .right .txt_box dl .txt_right span {color: #e93052;}
.event_view .right .txt_box dl .txt_right a {display: inline-block; color: #0062b2; border-bottom: 1px solid #0062b2;}

.event_view .right .btn_wrap .common_btn {min-width: 170px;}

.public_view_con {padding: 40px 0; border-top: 2px solid #313131; border-bottom: 1px solid #dedede;}

.benefit_view .right .tit_box {padding:0 0 20px; }
.benefit_view .right .tit_box h1 {padding-left: 0;}
.benefit_view .right .txt_box .main_txt {margin-bottom: 30px; font-size: 20px; color: #8f8f8f; word-break: keep-all}


.tour_date_area {padding:20px;background:#f7f7f7;border:1px solid #ddd;margin-bottom:10px;}
.tour_date_area:before {content:'';display: inline-block; background:url(/template/cms/academy/images/sub/ico_date.png) no-repeat 0 0;width:30px;height:30px;background-size:100%; vertical-align: top;margin-right:10px;}
.tour_with_name .middle_input {margin:3px 0;width:180px;border:1px solid #ddd;text-align:center;}

/* news_letter */
.news_letter {padding: 90px 20px; text-align: center;}
.news_letter .txt {margin-bottom: 70px; font-size: 36px; font-weight: 700; word-break:keep-all;}
.news_letter .txt span {color: #009be5;}
.news_letter .input_wrap {position: relative; width: 100%; max-width: 650px; height: 80px; margin: 0 auto; padding-right: 240px; background-color: #fff; border-radius:30px; overflow: hidden; -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.24); box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.24);}
.news_letter .input_wrap .left {width: 100%; height: 80px; padding:10px 20px 10px 30px;}
.news_letter .input_wrap .left input {width: 100%; height: 60px; border: none; font-size: 20px;}
.news_letter .input_wrap button {position: absolute; right: 0; top: 0; display: block; width: 240px; height: 80px; line-height: 80px; background: url(/template/cms/academy/images/sub/bi_download_btn_bg.png) no-repeat; -webkit-background-size: cover; background-size: cover;  border-radius: 30px; color: #fff; font-size: 22px; text-align: center;}

.table_block {}
.table_block ul li {border:1px solid #ddd;padding:1.2rem;line-height: 1.6;margin-bottom:1rem;}

.table_block ul li > div {display:inline-block;vertical-align:middle;}
.table_block ul li > div.detail_info {margin-left:20px;}
.table_block ul li > div.detail_info .tit {margin: 0 10px;}
.table_block ul li > div.time {width:120px;text-align:center;color:#009be5;font-size:1.3rem;font-weight: bold;}
.table_block ul li > div.btn_area {float:right;}
.table_block dt {width:100px;color:#888;}
.table_block dd {color:#000;}
.table_block dd:before {content:':';display:inline-block;vertical-align:top;margin-right:10px;}
.table_block dt, .table_block dd {display: inline-block;vertical-align:top;line-height: 2;}
 .table_block dd p {display: inline-block;margin-right: 10px;}
.table_block .btn_area a,
.table_block .btn_area button {display:block;width:130px;height:40px;margin-bottom:10px;line-height: 40px;text-align:center;}
.btn_gray {background-color:#666;color:#fff;}
.btn_blue1 {background-color:#009be5;color:#fff;}
.btn_blue2 {background-color:#124b98;color:#fff;}

.col_blue {color: #006bae}
.point {color:#ff0000;}
.col_gray {color:#888;}

.ml_10 {margin-left:10px;}