/*박스사이즈 padding상관없이 */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.page-content  { font-size:18px; word-break:keep-all; }
.page-content td ,.page-content span,.page-content p, .page-content h1, .page-content h2, .page-content h3, .page-content h4,.page-content h5, .page-content li { word-break:keep-all;}
.page-content ul {list-style-type: square; padding-left: 30px; line-height:200%;}

.table_s1{border-top: 3px solid #ddd;}

.devide-column {
  padding: 1em;
  -moz-column-count: 3;
  -moz-column-gap: 1em;
  -webkit-column-count: 3;
  -webkit-column-gap: 1em;
  column-count: 3;
  column-gap: 1em;
}

.top_t_1{color:rgba(255,255,255,0.5); font-size: 50px; font-weight:900;}
.top_t_11{color:rgba(255,255,255,0.5); font-size: 40px; font-weight:900;}
.top_t_2{color:#fff; font-size: 20px;}
.top_t_3{color:#fff; font-size: 25px;}

.board-theme { font-size:18px; word-break:keep-all;}

.h_150{height: 150px;}
.valign{vertical-align: top !important;}
.title_l{font-size: ;}
.title_m{font-size: ;}
.title_s{font-size: ;}
.index_l{font-size: ;}
.index_m{font-size:24px ; }
.index_s{font-size: ;}
.d_title_l{font-size:35px;}
.d_title_m{font-size: 24px; padding-bottom: 10px;  border-bottom: 2px solid #000; margin-bottom: 30px; display: inline-block;  }
.d_title_s{font-size:17px; line-height: 180%;}
.d_title_name{font-size: 20px; margin: 20px 0;}
.d_title_jum{padding-left: 0.5em; text-indent: -0.5em ; font-size: 18px;  }
.next_left{padding: 60px 60px 30px 60px ; min-height: 400px;}
.next_right{padding:  60px 60px  30px 60px ; min-height: 400px;}
.font-bdnext{font-size:35px;color: #fff; }
.font-bd2xl{font-size: 27px;color: #fff;}
.font-bdxl{font-size: 19px;color: #fff;}

.table_01 td:nth-child(1){
color: #2d5296;
    font-weight: 600;
    font-size: 19px;
    background-color: #f0f0f0;
    text-align: center;
}

.year td:nth-child(1){
width: 20%;
color: #425a87;
    font-weight:800;
    font-size: 19px;
    background-color: #f9f9f9;
    text-align: center;
}

.time_box {
    background-size: cover;
    background-image: url(http://data.dimode.co.kr/UserData/jjjosu/files/18/298/YmcucG5nZGltb2RlXzg0Mzk3MzFfZW5j.png);

	background-position-y: bottom;
}


.school_box {
    background-size: cover;
    background-image: url(http://data.dimode.co.kr/UserData/junimch/files/82/287/7J207IqsNS5qcGdkaW1vZGVfMTQ0MjI5OF9lbmMc.jpg);
    background-position: 50%,0;
}

.school_total_text{min-height:250px; font-size: 16px;}
.school_box{ -ms-word-break: keep-all; word-break: keep-all;}
.school_pic{border: 3px solid #fff; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}
.school_box_left{padding: 60px 0px 30px 80px;}
.school_box_right{padding: 180px 80px 0; }
.school_box_btitle{display: inline-block;color: #fff; font-size: 45px; line-height: 160%;  padding: 30px 20px ; border: 1px solid #fff; font-weight: 800;}
.school_box_p{color: #fff;}
.school_bottom_text{text-align: right; padding-right:0px;  height:100px; line-height:100px; font-size: 25px; color:#000; font-weight:normal;  letter-spacing:10px ;}

p{line-height:160%;}
#next_pro{font-size:30px; color:#006cb0; text-align:center; line-height:35px; font-family:Noto Sans KR; font-weight:600;}
#unit9737 .slide{aspect-ratio:600/200; overflow:hidden; display: flex; align-items: center;}/*슬라이드*/
#unit9737{padding: 30px 40px !important;}/*슬라이드*/
#unit1489 .slide{aspect-ratio:600/400; overflow:hidden; display: flex; align-items: center;}
#unit8525{aspect-ratio:600/400; overflow:hidden; display: flex;  align-items: center; } /*하단의 이미지*/
.baro1{display:inline-block; width:400px;  background-color:#7fd5da;border-radius:   50px ;display: inline-block;color:#fff; padding:10px; margin:5px 20px; }
.baro2{display:inline-block; width:400px;   background-color:#cc9adc;border-radius:   50px ;display: inline-block;color:#fff; padding:10px; margin:5px  20px; }
.mini{ background-color:rgb(81, 127, 149);border-radius:  5px ;display: inline-block;color:#fff; padding:0px 15px 0 5px; margin:5px 20px 5px 0 }
.parent{display:flex;}


@media (max-width: 1399px){
.parent{display:flex; flex-direction: column;}
#unit4985, #unit4996,#unit1826,#unit4531 {width:100%;}

}


@media (max-width: 991px){
.parent{display:flex; flex-direction: column;}
#unit4985, #unit4996,#unit1826,#unit4531{width:100%;}

}

@media (max-width:767px) { 

	.page-content  { font-size:15px; word-break:keep-all; }
	.page-content td ,.page-content span,.page-content p, .page-content h1, .page-content h2, .page-content h3, .page-content h4,.page-content h5, .page-content li { word-break:keep-all;}
	.page-content ul {list-style-type: square; padding-left: 5px; font-size: 14px; }


	.top_t_1{color:rgba(255,255,255,0.5); font-size: 40px; font-weight:900;}
	.top_t_2{color:#fff; font-size: 15px;}
	.top_t_3{color:#fff; font-size: 18px;}



.h_150{height:unset;}

.h_150{height: 150px;}
.valign{vertical-align: top !important;}
.title_l{font-size: ;}
.title_m{font-size: ;}
.title_s{font-size: ;}
.index_l{font-size: ;}
.index_m{font-size:20px ; }
.index_s{font-size: ;}
.d_title_l{font-size:24px;}
.d_title_m{font-size: 20px; padding-bottom: 10px;  border-bottom: 2px solid #000; margin-bottom: 30px; display: inline-block;  }
.d_title_s{font-size:15px; line-height: 180%;}
.d_title_name{font-size:18px; margin: 20px 0;}
.d_title_jum{padding-left: 0.5em; text-indent: -0.5em ; font-size: 15px;  }


.school_total_text{min-height:unset; font-size: 14px;}
.school_box{background-position:70%,0 !important;}
.school_box_left{padding: 60px 30px 0px;}
.school_box_right{padding: 20px 30px !important; }
.school_box_btitle{display: inline-block;color: #fff; font-size: 35px;  padding: 40px 20px ; border: 1px solid #fff; font-weight: 800; margin: 0 auto;}
.school_box_p{color: #fff; }
.school_bottom_text{padding-left: 0;padding-right: 0; text-align: center; height:100px; line-height:100px; font-size: 15px;font-weight:normal;  letter-spacing:10px ;}
.next_left{padding: 30px 30px 15px 30px ; min-height: 200px;}
.next_right{padding: 30px 30px 15px 30px ; min-height: 200px;}
.font-bdnext{font-size:25px;color: #fff; }
.font-bd2xl{font-size: 22px;color: #fff;}
.font-bdxl{font-size: 17px;color: #fff;}

.parent{display:flex; flex-direction: column;}
#unit4985, #unit4996{padding: 30px 40px !important;}
.col-sm-12{padding-right:0; padding-left:0;}
#unit8525{aspect-ratio:600/300; overflow:hidden; padding:0 50px !important;} 
#next_pro{font-size: 20px;}

	}