@charset "UTF-8";


.popup_layer {display: none;}
.question_layer {display: none;}
.gnb > li > a {color: #000;}
.gnb_header.on {background-color: #fff;}

.head_logo {position:absolute; left:0; top:50%; width: 210px; height: 48px; z-index:1; margin-top:-21px;}
.head_logo a {display: block; width: 100%; height: 100%; background: url('/images/common/head_logo2.png') center center no-repeat;}
.head_sch_btn {background-image: url('/images/common/sch_ico.png') center center no-repeat;}

.head_sch_btn:hover {background-color: #fff;}


/* main_con main_con1 */
#main_con1 {position: relative; top: -120px; height: 780px; padding-top: 120px; background: url('/images/main/main_visu_img2.jpg') center center/cover no-repeat;}

#main_con1 .main_visu_wrap {position: relative; padding-bottom: 129px;}
#main_con1 #main_visu {position: relative; z-index: 2;}
#main_con1 #main_visu .item {position: relative; height: 270px;}
#main_con1 #main_visu .item a {display: block;  text-align: center;}
#main_con1 #main_visu .item a:after {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
#main_con1 #main_visu .item a .box {display: inline-block; max-width: 760px; vertical-align: middle; text-align: center;}
#main_con1 #main_visu .item a .tit1 {font-size: 1.444em; line-height: 1.2; color: #fff; text-align: center; font-weight: 300; word-break: keep-all; }
#main_con1 #main_visu .item a .tit1 {display: -webkit-box; overflow: hidden; height: 2.5em; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word;}
#main_con1 #main_visu .item a .txt1 {display: none;}

#main_con1 #main_visu .item a {position: absolute; right: 0; top:50%; width: 350px; height: 100px; margin-top: -50px; border-bottom: 5px solid #e32c51;}
#main_con1 #main_visu .item.prev a {position: absolute; left: 0; right: auto; top:50%; width: 350px; height: 100px; margin-top: -50px; padding-left: 30px;}
#main_con1 #main_visu .item.next a {position: absolute; right: 0; top:50%; width: 350px; height: 90px; height: 100px; margin-top: -50px; padding-right: 30px; }

#main_con1 #main_visu .item.slick-center a {position: relative; top:auto; width: 100%; margin-top: 0; border-bottom: none;}
#main_con1 #main_visu .item.slick-center a .tit1 {margin-bottom: 40px; font-size: 3.000em; line-height: 1.4; height: 2.9em; color: #fff; text-align: center; font-weight: 700; word-break: keep-all; }
#main_con1 #main_visu .item.slick-center a .txt1 {display: block; font-size: 1.222em; color: #fff;}
#main_con1 #main_visu .slick-list {padding: 0 !important;}

#main_con1 .main_visu_index {position: relative; margin-top: 65px; margin-bottom: 30px; text-align: center; z-index: 3;}
#main_con1 .main_visu_index .num_box {display: inline-block; margin: 0 auto;}
#main_con1 .main_visu_index .num_box button {position: relative; width: 70px; height: 100px; padding-top: 20px; overflow: hidden; color: #fff; }
#main_con1 .main_visu_index .num_box button:after {content: ''; position: absolute; left: 0; bottom: -10px; height: 0px; width: 100%; z-index: -1;}
#main_con1 .main_visu_index .num_box button:after {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#main_con1 .main_visu_index .num_box button:after {-ms-transform: matrix(1, 0.2, 0, 1, 0, 0); /* IE 9 */
  -webkit-transform: matrix(1, 0.2, 0, 1, 0, 0); /* Safari prior 9.0 */
  transform: matrix(1, 0.2, 0, 1, 0, 0); /* Standard syntax */}
#main_con1 .main_visu_index .num_box button.on:after {height: 100%; background-color: #e32c51;}

#main_con1 .slide_ctrl_box {position: absolute; width: 100%; top:50%; padding: 0 370px; margin-top: -33px;}
#main_con1 .slide_ctrl_box .box {width: 100%; max-width: 1065px; margin: 0 auto;}
#main_con1 .slide_ctrl_box button {position: relative; width: 42px; height: 66px; z-index: 3;}
#main_con1 .slide_ctrl_box button.left_btn {float: left;}
#main_con1 .slide_ctrl_box button.right_btn {float: right;}

.main_visu_bg2 {position: absolute;left: 50%;top: 50%; width: 740px;height: 430px; margin-left: -370px; margin-top: -240px; background: url('/images/main/main_visu_bg2.png') center center no-repeat;z-index: 1;}

.slick-dots {display: none !important;}



/* main_con main_con2 */
#main_con2 {position: relative; margin-top: -50px;}
.main_tit1 {float: left; font-size: 2em; font-weight: 500;}

.main_tit_box {position: relative; margin-bottom: 30px; }
.main_tit_box .container {position: relative; overflow: hidden;}
.main_tit_box .more_btn {position: absolute; right: 0; bottom: 5px; color: #999999;}
.schedule_month {margin-bottom: 55px; overflow: hidden;}
.schedule_month .month {float: left; width: 8.33%; text-align: center;}
.schedule_month .month button {width: 70px; height: 70px; margin-bottom: 10px; text-align: center; line-height: 70px; background-color: #fff; border: 1px solid #dedede;     border-radius: 50%; font-size: 17px; color: #000;}
.schedule_month .month button.on {background-color: #e32c51; color: #fff; box-shadow:3px 4px 12px 0px #bfbebe	}



.edu_schedule_list {margin-bottom: 50px;}

.main_schedule_wrap {position: relative;}
.main_schedule_wrap .scroll_box {width: 100%; height: 220px;}



.cal_tbl {width: 100%; border-collapse: collapse; table-layout: fixed;}
.cal_tbl tbody tr {border-bottom: 1px solid #d5d5d5;}
.cal_tbl tbody td {padding: 15px 5px; text-align: center;}
.cal_tbl tbody td.dday {color: #777; font-size: 0.813em; }
.cal_tbl tbody td.dday strong {display: block; font-size: 1em; font-weight: 700; text-align: left;}
.cal_tbl tbody td.dday1 strong {color: #e32c51;}
.cal_tbl tbody td.dday2 strong {color: #506aa3;}
.cal_tbl tbody td.dday3 strong {color: #777;}
.cal_tbl tbody td.sort span{font-size: 0.833em; font-weight: 500;}
.cal_tbl tbody td.sort span {background-color: #e32c51; color: #fff; padding: 0px 7px; border-radius: 5px;}
.cal_tbl tbody td.sort1 span {background-color: #e32c51;}
.cal_tbl tbody td.sort2 span {background-color: #2c8ce3;}
.cal_tbl tbody td.tit {text-align: left; font-size: 1em; font-weight: 500;}
.cal_tbl tbody td.tit a {display: block; color: #494949;}
.cal_tbl tbody td.tit span {display: inline-block; width: 54px; height: 24px; line-height: 22px; margin-right: 15px; color: #fff; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Noto Sans KR'; font-size: 0.778em; font-weight: 400;}
.cal_tbl tbody td.tit .itu_r {background-color: #506aa3; }
.cal_tbl tbody td.tit .itu_t {background-color: #26a69a; }
.cal_tbl tbody td.tit .itu_d {background-color: #b388ff;}
.cal_tbl tbody td.location {color: #777; font-size: 0.833em; text-align: left;}
.cal_tbl tbody td.period p {display: inline-block; padding-left: 22px; background: url('/images/main/period_ico.jpg') no-repeat 2px 6px; text-align: left; color: #8e99a7; font-size: 0.833em;}
.cal_tbl tbody td.btn a {display: inline-block; vertical-align: middle;}
.scroll_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 6px; background-color: #868686;}
.scroll_box .mCSB_scrollTools .mCSB_draggerRail {width: 6px; background-color: #dcdcdc;}
.schedule_bg {position: absolute; left: 0; top:40px; width: 100%; height: 100%; background-color: #f5f5f5;}

/* main_con3 */
#main_con3 {margin-top: 100px;}
#main_con3 .main_tit_box {padding-bottom: 6px; border-bottom: 1px solid #dedede;}
#main_con3 .fac_more_box {float: right;}
#main_con3 .fac_more_box a {position: relative; float: left; display: block; margin-right: 30px; margin-top: 17px; z-index: 3;}
#main_con3 .fac_more_box a:after {content: ''; position: absolute; display: block; right: -15px; top: 7px; width: 1px; height: 15px; background-color: #dedede; z-index: 2;}
#main_con3 .fac_more_box a:last-child {margin-right: 0;}
#main_con3 .fac_more_box a:last-child:after {display: none}
#main_con3 .fac_more_box a.on {color: #e32c51;}
#main_con3 .fac_more_box a.on:before {content: ''; position: absolute; display: block; bottom: -25px; left: 50%; width: 10px; height: 10px; background-color: #e32c51; z-index: 2; border-radius: 50%;}

.fac_box_wrap {display: none; padding-bottom: 40px;}
.fac_box_wrap.on {display: block;}
.fac_box_wrap .fac_box {position: relative; float: left; width: 32%; margin-right: 2%; border: 2px solid #fff;}
.fac_box_wrap .fac_box a {position: relative; display: block; border: 1px solid #dedede;}
.fac_box_wrap .fac_box:last-child {margin-right: 0;}
.fac_box_wrap .fac_box:hover {box-shadow: 6px 6px 8px #adadad61; border: 2px solid #e32c51}
.fac_box_wrap .fac_box:hover a {border: 1px solid #e32c51;}
.fac_box_wrap .fac_box .img_box {position: relative; z-index: 1; overflow: hidden; margin-bottom: 15px; padding-bottom: 65%; background-color: #f7f7f7; text-align: center;}
.fac_box_wrap .fac_box .img_box .inner_box {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; font-size: 0;}
.fac_box_wrap .fac_box .img_box .inner_box img {display: inline-block; width: 100%; height: 100%; vertical-align: middle;}
.fac_box_wrap .fac_box .img_box .over_box {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.fac_box_wrap .fac_box .img_box .over_box p {opacity: 0; position: absolute; left: 50%; top:50%; width: 145px; height: 45px; line-height: 45px; color: #fff; background-color: #e32c51; font-size: 16px; text-align: center; z-index: 3;}
.fac_box_wrap .fac_box .img_box .over_box p {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.fac_box_wrap .fac_box:hover .img_box .over_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 3;}
.fac_box_wrap .fac_box:hover .img_box .over_box p {opacity: 1; position: absolute; left: 50%; top:50%; width: 145px; height: 45px; line-height: 45px; color: #fff; background-color: #e32c51; font-size: 16px; text-align: center; z-index: 3;}
.fac_box_wrap .fac_box:hover .img_box .over_box p {-webkit-transform:  translate(-50%, -50%); -moz-transform:  translate(-50%, -50%);-ms-transform:  translate(-50%, -50%);-o-transform:  translate(-50%, -50%);transform:  translate(-50%, -50%);}
.fac_box_wrap .fac_box:hover .img_box .over_box p:after {content: ''; position: absolute; right: 0; top: 0; width: 14px; height: 14px; background: url('/images/main/over_box_arr.png') center center no-repeat;}
.fac_box_wrap .fac_box .txt_box {text-align: center;}
.fac_box_wrap .fac_box .txt_box h1 {font-size: 1.333em; color: #333333; font-weight: 700;}
.fac_box_wrap .fac_box .txt_box p { margin-bottom: 20px; padding: 0 15px; font-size: 0.889em; color: #999999;}


/* main_con4 */
.link_btn_wrap {overflow: hidden; padding-bottom: 60px;}
.link_btn_wrap .btn_box {float: left; width: 10%; margin-right: 5%; font-size: 0.944em; text-align: center;}
.link_btn_wrap .btn_box:last-child {margin-right: 0;}

/* main_con5 */
.main_con5 {border-top: 1px solid #dedede; padding: 15px 0;}
.family_list_wrap {position: relative; padding-left: 20px;}
.family_list_wrap.noslide {padding-left: 0;}
.family_list_wrap .family_slide_btn {position: absolute; left: 0; top:0;}
.family_list_wrap .family_slide_btn.slick-hidden {display: none;}
.family_list_wrap .family_slide_btn button {display: block; width: 18px; height: 18px; border: 1px solid #dedede; font-size: 8px;}
.family_list_wrap .family_slide_btn button.slick-hidden {display: none;}
.family_list_wrap .family_slide_btn button.left_btn {border-bottom: none;}
.family_list_wrap .family_slide_btn button.play_btn {display: none;}
.family_list_wrap .family_slide_btn button.right_btn {border-top: none;}
.family_list_wrap div a {display: block; padding: 5px 0; text-align: center;}
.family_list_wrap div a img {margin: 0 auto;}