@charset "utf-8";


/* 공통 */
button{cursor: pointer;}
.txt01{font-size: 20px; color: #333333; font-weight: bold; line-height: 20px;}
.txt_b{font-size: 17px; color: #333333; font-weight: bold;}
.txt_b02{font-size: 17px; color: #333333;}
.txt_b03{font-size: 17px; color: #333333; margin-top: 25px;}
.txt_l{word-spacing: 2px;}
.txt_g{color: #58bdb5;}
.txt01 img {margin-right: 8px}
.do{padding-left: 10px;}



/* 모집요강 */
.rec_guideWrap01{margin-bottom: 65px;}
.rec_guideWrap01 .rec_txt_box01{margin: 15px 0 0 0;}
.rec_guideWrap01 .rec_table01_wrap{margin-top: 20px;}
.rec_guideWrap01 .rec_table01_wrap .rec_table01{width: 920px; margin-top: 10px; text-align: left; border-top: 2px solid; border-top: 2px solid #038d76;}
.rec_guideWrap01 .rec_table01_wrap .rec_table01 th{background: #f5fdfc; text-align: center; font-weight: bold; padding: 15px 0;}
.rec_guideWrap01 .rec_table01_wrap .rec_table01 th + th{border-left: 1px solid #cecece;}
.rec_guideWrap01 .rec_table01_wrap .rec_table01 td{border-collapse: collapse; box-sizing: border-box; text-align: left; border-left: hidden;  padding: 15px 0 15px 30px; }
.rec_guideWrap01 .rec_table01_wrap .rec_table01 td + td{border-left: 1px solid #cecece; border-right: hidden;}
.rec_guideWrap01 .rec_table01_wrap .rec_txt01{font-size: 17px;}
.rec_guideWrap01 .rec_table01_wrap .rec_txt02{margin-top: 30px; font-size: 17px;}

.rec_guideWrap01 .rec_table01_wrap .rec_table02{width: 920px; margin-top: 10px; text-align: left; border-top: 2px solid; border-top: 2px solid #038d76;}
.rec_guideWrap01 .rec_table01_wrap .rec_table02 th{background: #f5fdfc; text-align: center; font-weight: bold; padding: 15px 0; border-bottom: 1px solid #cecece;}
.rec_guideWrap01 .rec_table01_wrap .rec_table02 th + th{border-left: 1px solid #cecece;}
.rec_guideWrap01 .rec_table01_wrap .rec_table02 td{border-collapse: collapse; box-sizing: border-box; text-align: left; border-right: hidden;  padding: 15px 0 15px 30px; line-height: 30px; word-spacing: 3.5px;}
.rec_guideWrap01 .rec_table01_wrap .rec_table02 td + td{border-left: 1px solid #cecece; border-right: hidden;}

.rec_guideWrap01 .rec_table01_wrap .rec_table03{width: 920px; margin-top: 10px; text-align: left; border-top: 2px solid; border-top: 2px solid #038d76;}
.rec_guideWrap01 .rec_table01_wrap .rec_table03 th{width: 171px; background: #f5fdfc; text-align: center; font-weight: bold; padding: 15px 0; border-bottom: 1px solid #cecece;}
.rec_guideWrap01 .rec_table01_wrap .rec_table03 th + th{border-left: 1px solid #cecece;}
.rec_guideWrap01 .rec_table01_wrap .rec_table03 td{border-collapse: collapse; box-sizing: border-box; text-align: left; border-right: hidden;  padding: 15px 0 15px 30px; line-height: 30px; word-spacing: 3.5px;}
.rec_guideWrap01 .rec_table01_wrap .rec_table03 td + td{border-left: 1px solid #cecece; border-right: hidden;}


/* 시설배치도 */
.fac_wrap{width: 920px;}
.fac_wrap .img01{margin: 0 auto; width: 920px; height: 687px;}



/* 학교운영목표 */
.sch_obj_wrap01{width: 920px;}
.sch_obj_wrap02{width: 920px;}
.sch_obj_wrap02 img{margin: 60px 32px;}



/* 교육목표 */
.edu_wrap{width: 920px; height: 50px; margin-bottom: 35px;}
.edu_to_wrap{width: 920px;}
.edu_to_wrap2{width: 920px; height: auto;}
.edu_to_wrap3{width: 920px; height: auto;}
.edu_to_wrap4{width: 920px; height: auto;}
.edu_wrap .edu_box01{outline: none; width: 222px; height: 50px; border: 1px solid #cecece; text-align: center; padding: 14px 0; box-sizing: border-box; float: left; margin-right: 10.5px; cursor: pointer; color: #333333; font-size:15px;}
.edu_wrap .edu_box01:last-child{margin: 0; float: right}
.edu_wrap .edu_box01:hover,
.edu_wrap .edu_box01:focus{border: 2px solid #58bdb5; background:#58bdb5; transition:all .2s; color:#fff; font-size: 15px; font-weight: bold;}
.edu_text_wrap{width: 920px; height: 100px; margin-bottom: 50px;}
.edu_text_wrap .edu_text_box{width: 920px; height: 100px; background: #fefde2; text-align: center; padding: 35px 0; box-sizing: border-box;}
.edu_text_wrap .edu_text_box .edu_text{font-size: 20px; color: #333333; font-weight: bold;}
.ed_txt_wrap{width: 100%; margin-bottom: 65px;}
.ed_txt_wrap .ed_txt01{margin: 13px 0 0 0; font-size: 17px; color: #333333;word-spacing: 1px;}
.ed_txt_wrap .ed_txt02{padding-left: 10px;word-spacing: 1px;}
.ed_txt_wrap .ed_txt01{margin: 13px 0 0 0; font-size: 17px; color: #333333;word-spacing: 1px;}


/* 학교상징 및 교가 */
.sch_symbol_wrap{width: 920px; margin-bottom: 85px;}
.sch_symbol_wrap .sch_le_wrap{width: 920px;}
.sch_symbol_wrap .txt01 img{margin-right: 8px; float: left;}
.sch_symbol_wrap .sch_le_wrap .sym_img01{margin: 45px auto 0;}
.sch_symbol_wrap .sch_fl_wrap{width: 920px; height: 275px; border: 1px solid #cecece; padding: 30px 33px; box-sizing: border-box; margin-top: 35px;}
.sch_symbol_wrap .sch_fl_wrap .sym_img02{margin-right: 42px; width: 261px; float: left;}
.sch_symbol_wrap .sch_fl_wrap .fl_txt_box{float: left;}
.sch_fl_wrap .fl_txt_box .fl_txt_b{margin-bottom: 30px;}
.sch_fl_wrap .fl_txt_box .fl_txt01{height: 18px; padding-left: 7px; margin-bottom: 10px; line-height: 20px; border-left: 3px solid #58bdb5; font-size: 17px; font-weight: bold; color: #333333;}
.sch_fl_wrap .fl_txt_box .fl_txt02{padding-left: 10px; line-height: 26px;}
.sch_symbol_wrap .sch_mu_wrap{width: 920px; height: 617px; border: 1px solid #cecece; margin-top: 35px;}
.sch_symbol_wrap .sch_mu_wrap .sym_img03 img{float: left; margin: 65px 20px;}
.sch_symbol_wrap .sch_mu_wrap .mu_txt_box{width: 276px; height: 617px; background: #f1f1f1; float: right; padding: 48px 20px; box-sizing: border-box;}
.sch_mu_wrap .mu_txt_box .mu_txt01{height: 18px; padding-left: 7px; margin-bottom: 15px; line-height: 20px; border-left: 3px solid #58bdb5; font-size: 17px; font-weight: bold; color: #333333;}
.sch_mu_wrap .mu_txt_box .mu_txt02{padding-left: 10px; line-height: 29.5px; font-size: 17px; letter-spacing: -0.5px;}
.sch_mu_wrap .mu_txt_box .mu_txt_b{margin-bottom:45px;}



/* 학교 투어 */
.tour_Info_wrap{width: 920px; height: 180px; background: #fefde2; margin-bottom:50px;}
.tour_Info_wrap img{margin: 25px 33px 0 0; float: left;}
.tour_Info_wrap .tour_Info_txt{float: left; padding: 30px 0;}
.tour_Info_wrap .tour_Info_txt .tour_txt02{font-size: 17px; color: #333333; margin-top: 20px;}
.tour_Info_wrap .tour_Info_txt .tour_txt03{color: #58bdb5; font-weight: bold;}
.sch_Tour_wrap{width: 920px;}
.sch_Tour_wrap .sch_tour01{width: 920px; height: 260px; margin-bottom:65px;}
.sch_Tour_wrap .sch_tour01 .tour_img01 img{margin: 20px 42px 0 27px; position: relative; z-index: 1; float: left;}
.sch_Tour_wrap .sch_tour01 .tour_box01{position: relative; top: -32px; width: 800px; height: 135px; border: 1px solid #cecece; float: right; padding: 50px 35px 0 35px; box-sizing: border-box;}
.sch_Tour_wrap .sch_tour01 .tour_box01 .to_box_txt01{font-size: 17px; color: #333333;}
.sch_Tour_wrap .sch_tour01 .tour_box01 .to_box_txt02{font-size: 17px; color: #999999; margin-top: 3px; line-height: 20.5px; word-spacing: 1px;}
.sch_Tour_wrap .sch_tour01 .btn_wrap02{width: 100%; position: relative; margin-top: 67px;}
.sch_tour01 .btn_wrap02 .button02{position: relative; width: 250px; height: 55px; font-size: 17px; border: 1px solid #038d76; color: #038d76; outline:none; font-weight: bold; background: #fff;}
.sch_tour01 .btn_wrap02 .button02:focus{position: relative; width: 250px; height: 55px; font-size: 17px; border: 1px solid #038d76; color: #fff; font-weight: bold; background: #038d76;}
.sch_tour01 .btn_wrap02 .button02:hover{position: relative; width: 250px; height: 55px; font-size: 17px; border: 1px solid #038d76; color: #fff; outline:none; font-weight: bold; background: #038d76; transition:all .2s;}



/* 학교 홍보 영상 */
.video_wrap{display:block; width: 100%;}
.m_video_wrap{display:none;}
.video_wrap img{margin: 0 35px;}
.btn_wrap{width: 100%; position: relative; text-align: center; margin-top: 85px;}
.btn_wrap .button01{position: relative; width: 250px; height: 55px; font-size: 17px; border: 1px solid #038d76; color: #038d76; outline:none;font-weight: bold;}
.btn_wrap .button01:focus,
.btn_wrap .button01:hover{position: relative; width: 250px; height: 55px; font-size: 17px; border: 1px solid #038d76; background:#038d76; color: #fff; outline:none; font-weight: bold; transition:all .2s;}



/* 학생회 */
.stu_table01_wrap{width: 100%; margin-top: 60px;}
.stu_table01_wrap table {border-top: 2px solid #038d76; border-bottom: 1px solid #cecece;}
.stu_table01_wrap th,  td {border : 1px solid #cecece; border-collapse: collapse; box-sizing: border-box; text-align: center; padding: 10px 0;}
.stu_table01_wrap th{background: #f5fdfc; border-right:0; }
.stu_table01_wrap td{border-left:0; }
.stu_table01_wrap .stu_td{border-right: 0;}
.stu_table01_wrap .stu_th{border-left: 0;}
.stu_table01_wrap .stu_table01{width: 100%; height: 90px;}
.stu_table01_wrap .stu_table02{width: 100%; height: 125px; margin-bottom: 105px; border: #ffffff;}


/* 시간표 */
.sn_tab{width: 920px; height: 50px; }
.sn_tab ul{list-style:none; margin:0; padding:0;}
.sn_tab li{text-align: center;}
.sn_tab li button{width: 153px; height: 50px; border-bottom: 1px solid #038d76;  border-top: 1px solid #cecece;   border-right: 1px solid #cecece;   border-left: 1px solid #cecece;  margin: 0 0 0 0; font-size: 17px; padding: 13px 0; box-sizing: border-box; float: left; cursor: pointer; background: #f1f1f1; color: #333333;}
.sn_tab li button:focus{background: #fff; border: 1px solid #038d76; border-bottom: 0; outline:none; color: #038d76;}
.sn_schedule{margin-top: 60px; width: 920px; height: auto;}

.stud_schedule{width: 920px; margin: 35px 0 80px 0;}
.stud_schedule table{width: 100%; border-top: 2px solid #038d76; }
.stud_schedule table th,
.stud_schedule table td{text-align: center; width: 153px; font-size: 18px;}
.stud_schedule table th{background: #f5fdfc; height: 60px; font-weight: bold; border-bottom: 1px solid #cecece; border-right: 1px solid #cecece;} 
.stud_schedule table td{height: 70px; border: 1px solid #cecece; border-right: none;}
.stud_schedule table .a{border-right: none;}


/* 학교연혁 */
.sch_history_wrap{width: 920px; height: 100px;}
.sch_history_wrap .his_box01{margin: 30px 10px 0 0; outline: none; width: 300px; height: 50px; border: 1px solid #cecece; text-align: center; padding: 13px 0; box-sizing: border-box; float: left; cursor: pointer;}
.sch_history_wrap .his_box01:last-child{margin-right: 0;}
.sch_history_wrap .his_box01:hover,
.sch_history_wrap .his_box01:focus{border: 2px solid #58bdb5; font-weight: bold;}
.sch_history_wrap .his_box01 .edu_txt01{font-size: 15px; font-weight: bold; color: #333333;}

.sch_history_wrap02{width: 920px; margin: 35px 0 0 0; text-align: center; padding: 0 113px;}

.sch_history_wrap03{margin: -8px 0 50px 0; position: relative; width: 920px; height: 100%;}
.sch_history_wrap03 .hist_wrap{width: 100%; height: auto;}
.sch_history_wrap03 .hist_wrap02{width: 100%; height: auto; margin: 75px 0 0 0;}
.sch_history_wrap03 .hist_txt01{font-size: 20px; font-weight: bold;}
.sch_history_wrap03 .hist_txt02{font-size: 20px; font-weight: bold; text-align: right; padding: 0 32px 0 0;}
.sch_history_wrap03 .sp{padding-bottom: 11px;}
.sch_history_wrap03 .sp01{padding: 20px 0 0 0;}
.sch_history_wrap03 .pa{padding: 22px 0 0 22px;}
.sch_history_wrap03 table{ }
.sch_history_wrap03 table td{border: 0; text-align: left; font-size: 15px;}
.sch_history_wrap03 .hist{width:420px; border: 1px solid #cecece; box-sizing: border-box; padding: 26px 0px 50px 25px;}
.sch_history_wrap03 .hist02{width:420px; border: 1px solid #cecece; box-sizing: border-box; float: right;padding: 26px 0px 50px 32px; }

.line{width: 460px; height: 97.3%; border-right: 1px solid #cecece; position: absolute; z-index: -999;}
.line02{width: 460px; height: 50px; border-right: 1px solid #cecece;}
.line03{position: relative; left: 45.6%; top: 27px; width: 32px; color: #cecece;}
.line04{position: relative; left: 50.7%; top: -53px; width: 32px; color: #cecece;}
.line_01{width: 460px; height: 85.3%; border-right: 1px solid #cecece; position: absolute; z-index: -999;}
.incircle{margin: auto; background-color: #d3f5ef; width:7px; height:7px; border-radius: 50px;}
.outcircle{display: flex;  background-color: #cecece; width: 15px; height:15px; border-radius: 50px; position: absolute; left: 49.25%;}
.circle01{position: relative;}


.his_to_wrap1{margin: 0px 0px 90px;}
.his_to_wrap2{height: 2165px;}
.his_to_wrap3{margin: 0px 0px 90px;}


/* 학급 및 학생현황 */
.cur_dv_table .n_2{width: 230px}
.cl_sta{margin: 50px 0 55px;}
.cl_sta .n{border-right: hidden;}
.cl_sta .n_1{width: 100px;}
.cl_sta .kp{width: 90px;}
.cl_sta .ko{width: 85px;}
.cl_sta .ki{background: #f1f1f1;}


/* 동아리 */
.ov_wrap{width:920px; height: 100%; margin: 30px 0 0 0;}
.ov_wrap .ov_txt01{font-size: 17px;}
.ov_wrap .ov_txt02{margin-top: 30px; font-size: 17px;}
.ov_wrap .ov_txt_box01{margin: 15px;}
.op{margin: 15px 0 0 0;}

.ov_wrap02{margin: 50px 0 60px 0;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.line03{position: relative; left: -2.6%; top: 27px; width: 32px; color: #cecece;}
	.line03_01{position: relative; left: 20.3%; top: 27px; width: 32px; color: #cecece;}
	.line04{position: relative; left: 2.7%; top: -53px; width: 32px; color: #cecece;}
}

@media (max-width: 767px){
	.sch_obj_wrap01 {width:100%;}
	.sch_obj_wrap02 {width:100%;}
	
	.fac_wrap {width:100%;}
	.fac_wrap .img01 {width:100%; height:100%; margin: 0 auto;}
	
	.sch_symbol_wrap {margin-bottom: 85px; width: 100%;}
	.sch_symbol_wrap .sch_le_wrap {width: 100%;}
	.sch_symbol_wrap .sch_fl_wrap {width: 100%; height: 520px; border: 1px solid #cecece; padding: 30px 33px; box-sizing: border-box; margin-top: 35px;}
	.sch_symbol_wrap .sch_mu_wrap {width: 100%; height: 894px; border: 1px solid #cecece; margin-top: 35px;}
	.sch_symbol_wrap .sch_fl_wrap .sym_img02 {margin-left: 66px; margin-bottom: 25px; width: 100%; float: left;}
	.sch_symbol_wrap .sch_mu_wrap .sym_img03 img {float: left; margin: 65px 20px; width: 91%;}
	.sch_symbol_wrap .sch_mu_wrap .mu_txt_box { width: 100%; height: 418px; background: #f1f1f1;float: right;padding: 48px 20px; box-sizing: border-box;}
	.sch_mu_wrap .mu_txt_box .mu_txt02 br{display:none;}
	
	.video_wrap{display:none;}
	.m_video_wrap{display:block; width:100%; margin-left: 59px;}
	.btn_wrap {width: 100%; position: relative; text-align: center; margin-top: 45px;}
	
	.sch_history_wrap {width: 100%; height: 100px;}
	.sch_history_wrap .his_box01 {margin: 5px 10px 0 0; outline: none; width: 100%; height: 50px; border: 1px solid #cecece; text-align: center; padding: 13px 0; box-sizing: border-box; float: left; cursor: pointer;}
	.sch_history_wrap02 {width: 100%; margin: 96px 0 0 24%; text-align: center; padding:0;}
	.line02 {width: 460px; height: 50px; border-right: 1px solid #cecece; position: relative; right: 25%;}
	.line {width: 460px; height: 97.3%; border-right: 1px solid #cecece; position: absolute; z-index: -999; right: 74.9%;}
	.outcircle {display: flex; background-color: #cecece; width: 15px; height: 15px; border-radius: 50px; position: absolute; left: 24.25%; display:none;}
	.line03 {display: none;}
	.line04 {display: none;}
	.sch_history_wrap03 .hist_wrap {width: 100%; height: auto; margin-left: 25px; background:#fff;}
	.sch_history_wrap03 .hist_wrap02 {width: 100%; height: auto; margin: 75px 0 0 25px; background:#fff;}
	.sch_history_wrap03 .hist02 {width: 420px; border: 1px solid #cecece; box-sizing: border-box; float: left; padding: 26px 0px 50px 32px;}
	
	.rec_guideWrap01 .rec_table01_wrap .rec_table01 {width: 100%; margin-top: 10px; text-align: left; border-top: 2px solid #038d76;}
	.rec_guideWrap01 .rec_table01_wrap .rec_table02 {width: 100%; margin-top: 10px; text-align: left; border-top: 2px solid #038d76;}
	.rec_guideWrap01 .rec_table01_wrap .rec_table03 {width: 100%; margin-top: 10px; text-align: left; border-top: 2px solid #038d76;}
	
	.sn_tab {width: 100%; height: 50px;}
	.stud_schedule {width: 50.5%; margin: 35px 0 80px 0;}
	}