/* 인사말 */
.greet .top_box {position: relative;width: 100%;height: 9.5rem;padding: 3.75rem 0 0 6.85rem;background: #e3f5f9;border-radius: 8rem 1.5rem 1.5rem 1.5rem;}
.greet .top_box::before { content: ''; display: block; width: 2.25rem; height: 2.65rem; background: url('/images/template/02363/sub/greet_bg1.png') no-repeat center / contain; position: absolute; top: 4.45rem; right: 3.1rem; z-index: 1;}
.greet .top_box > p {font-size: 1.5rem;font-weight: 700;color: #085cb7;line-height: 2.1rem;word-break: keep-all;width: 100%;} /* 240523 */
.greet .top_box > p span { color: #085cb7;}
.greet .top_box .img { width: 22.5rem; height: 9.2rem; border-radius: 0.5rem 5rem 0.5rem 0.5rem; overflow: hidden; box-shadow: 0.5rem 0.5rem 1rem rgba(10,83,162,0.3); position: absolute; bottom: -1.25rem; right: 4rem; z-index: 2;}
.greet .top_box .img img{ width: auto; height: 100%;}
.greet .txt { position: relative; margin-top: 3.25rem; padding: 0 5.5rem 0 6.75rem;}
.greet .txt::before { content: ''; display: block; width: 1.95rem; height: 1.95rem; background: url('/images/template/02363/sub/greet_bg2.png') no-repeat center / contain; position: absolute; top: 7rem; right: 10.9rem; z-index: -1;}
.greet .txt > p {margin-top: 1rem;line-height: 1.2rem;color: #333;font-size: .9rem;} /* 240523 */
.greet .txt > p > span { font-weight: 600;}
.greet .txt ul { margin-top: 1rem;}
.greet .txt ul li { font-weight: 600; font-size: 0.9rem;} /* 240523 */
.greet .txt ul li .num { position: relative; padding-right: 0.6rem; width: 1.2rem; display: inline-block;}
.greet .txt ul li .num::before { content: ''; display: block; width: 0.65rem; height: 0.65rem; border-radius: 50%; background: #c7eaf3; position: absolute; top: 0; right: 0.35rem; z-index: -1;}
.greet .sign { font-size: 0.9rem; color: #333; font-weight: 600; text-align: right; margin-top: 1.6rem;} 
.greet .sign span { font-size: 0.8rem; font-weight: 400; color:#085cb7; }

/* 학교상징 */
.symbol_wrap .sbl ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.symbol_wrap .sbl ul li { width: 32%; border: 1px solid #d9d9d9; border-radius: 1rem; position: relative; text-align: center; padding: 6.3rem 1.3rem 1rem; margin-top: 4rem;}
.symbol_wrap .sbl ul li .img { width: 10rem; height: 9.5rem; overflow: hidden; border-radius: 50%; box-shadow: 0.25rem 0.25rem 0.5rem rgba(0,0,0,0.2); position: absolute; top: -4rem; left:calc(50% - 5rem);}
.symbol_wrap .sbl ul li > p { font-size: 0.9rem; color: #222; font-weight: 500;}
.symbol_wrap .sbl ul li > strong { font-size: 1rem; color: #0a53a2; font-weight: 700;}
.symbol_wrap .sbl ul li > span { display: block; margin-top: 0.7rem; padding-top: 1rem; position: relative; line-height: 1.1rem; font-size: 0.8rem; color: #333;}
.symbol_wrap .sbl ul li > span::before { content: ''; display: block; width: 1.2rem; height: 0.2rem; background: url('/images/template/02363/sub/symbol_dot.png') no-repeat center / contain; position: absolute; top: 0; left: calc(50% - 0.6rem);}
.symbol_wrap .song { border: 1px solid #d9d9d9; border-radius: 1rem; padding: 1.5rem 1rem; margin-top: 2rem;}
.symbol_wrap .song .tit { text-align: center; font-size: 0.9rem; color: #222; font-weight: 500; margin-top: 0.5rem;}

/* 학과소개 */
.dpt_intro { position: relative; border-radius: 2rem; border: 2px solid #e5eff9; padding: 3rem 2rem 2rem 2rem; margin-top: 3rem;}
.dpt_intro h3 { position: absolute; top: -1.5rem; left: 50%; transform: translateX(-50%); line-height: 3rem; width: 17rem; text-align: center; font-size: 1.2rem; font-weight: 600; background: #283c82; color: #fff; border-radius: 1rem 1rem 0 1rem;}
.dpt_intro > ul { position: relative; margin-top: 1.4rem;}
.dpt_intro > ul::before { content: ''; display: block; width: 100%; height: 4px; background: url('/images/template/02363/sub/0107_pttrn.png'); border-radius: 1rem; }
.dpt_intro > ul > li { display: flex; align-items:center; min-height: 8rem; border-bottom: 1px solid #f2f2f2; padding: 1rem 0;}
.dpt_intro > ul > li .ico { width: 5.5rem; height: 5.5rem; background: #f3f9fd; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center;}
.dpt_intro > ul > li .tit { width: 10.5rem; padding-left: 2rem; font-size: 1.1rem; font-weight: 600; color: #333;}
.dpt_intro > ul > li > ul { width: calc(100% - 16rem);}

/* 찾아오시는 길 */ 
.map_wrap .map { height: 22.5rem; background: rgba(0,0,0,0.1); overflow: hidden; border-radius: 1rem 1rem 0 0;   border: 1px solid #d9d9d9; border-bottom: none;}
.map_wrap > .txt { border-radius: 0 0 1rem 1rem; border: 2px solid #e5eff9; padding:2rem; display: flex; justify-content: space-between; align-items: center;}
.map_wrap > .txt p { font-family: 'SCDream'; font-weight: 600; font-size: 1.6rem; color: #222; text-align: center; line-height: 1.2;}
.map_wrap > .txt p span { font-weight: 400; font-size: 0.97rem;}
.map_wrap > .txt ul { width: 29.5rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.map_wrap > .txt ul li:nth-child(1) { width: 100%; margin-bottom: 0.5rem;}
.map_wrap > .txt ul li i { display: inline-block; width: 2rem; height: 2rem; border-radius: 50%; background: #00a1c7; color: #fff; text-align: center; line-height: 2rem; font-size: 0.9rem; vertical-align: middle; margin-right: 0.7rem;}
.map_wrap > .txt ul li span { vertical-align: middle; color: #444; font-size: 0.9rem;}
.map_wrap > ul {margin-top: 1.25rem; padding-left: 2rem;}
.map_wrap > ul > li + li { margin-top: 0.5rem;}
.map_wrap > ul > li > p { display: inline-block; width: 5rem; vertical-align: middle; font-size: 0.9rem; font-weight: 600; color: #085eba; }
.map_wrap > ul > li > span.txt { position: relative; vertical-align: middle; color: #333; font-size: 0.8rem; padding-left: 0.5rem;}
.map_wrap > ul > li > span.txt::before { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #1963d1; position: absolute; left: 0; top: 7px;}
.map_wrap > ul > li > span.txt > em { color: #00a1c7; display: inline-block; margin: 0 0.3rem;}

/* 발명교육센터_소개 */
.topBox{ position:relative; width:calc(100% - .5rem); margin-top:3.5rem; z-index:0;}
.topBox:first-of-type { margin-top:0; }
.topBox h3 { position:absolute; left: 50%; transform: translateX(-50%); top: -1.5rem; display:inline-block; min-width:13rem; padding:0 1.5rem; line-height: 3rem; font-size:1.2rem; text-align:center; color:#fff; font-weight:600; background:#283c82; border-radius:1rem 1rem 0 1rem; z-index:1;}
.topBox .inner{ display: flex; align-items: center; justify-content: space-between; position:relative; padding:2.5rem 3.9rem 1.5rem; border:2px solid #e5eff9; border-radius:2rem; background:#fff;}
.topBox .inner:before{ content:""; position:absolute; left:0.5rem; top:0.5rem; width:100%; height:100%; border-radius:0rem 1rem 1rem 1rem; z-index:-1;}
.topBox .inner p { font-size: 0.8rem; width: calc(100% - 11rem);}

/* 학교 홍보 동영상 */
.schl_vid video { max-width: 100%;}

/* 정보공개제도안내 */
/* 탭스타일 */ 
.defaultTab { padding:0.5rem 0; overflow:hidden; border:2px solid #ddd; margin-bottom:2rem; }
.defaultTab > br { display:none; }
.defaultTab li { width:25% !important; float:left; padding:0 1rem; }
.defaultTab li a { position:relative; display:block; padding:.5rem 0 .5rem 1.25rem; line-height:1rem; font-size:.8rem; color:#999; font-weight: 600; -webkit-transition:all .3s ease; transition:all .3s ease; }
.defaultTab li a:after { position:absolute; top:1rem; left:0; font-weight: 400; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:'xeicon'; color:#797979; font-size:1rem; content:'\e92c'; -webkit-transition:color .3s; transition:color .3s; }
.defaultTab li a:hover, .tab_list li a:focus { color:#333; }
.defaultTab li.active a {color: #000;}
.defaultTab li.active a:after {color: #1161bc; content:'\e92b'; }

.tblTy01 { position:relative; width:100%; background:#fff; overflow:hidden; margin-top:0.25rem; }
.tblTy01 > table {position:relative; width:100%; margin-left:-1px; text-align:center; border-top:2px solid #1963d1 !important; -webkit-overflow-scrolling:touch; word-break:break-all; /* word-break:break-all; 강제 줄바꿈 */ }
.tblTy01 > table th {font-family:'Pretendard' !important; padding:0.5rem 0.3rem; color:#000; font-weight:600; vertical-align:middle; line-height:1.4; border-bottom:1px solid #d7d7d7 !important; border-left:1px solid #d7d7d7 !important; background:#f5fbff !important; }
.tblTy01 > table td { padding:0.5rem 0.3rem; line-height:1.5; color:#333; border-bottom:1px solid #d7d7d7 !important; border-left:1px solid #d7d7d7 !important; }
.tblTy01 > table thead th { background:#f3f8fe; padding:1rem 0.5rem;  }
.tblTy01 > table tbody th { background:#f9f9f9; }
.tblTy01 > table tfoot th { background:#f9f9f9; }
.tblTy01 { margin-top:1rem;}

.txt_box {line-height: 1.4; padding: 15px; border: 1px solid #c8d1db;}
.txt_box a {color: #00539f; text-decoration: underline; background: url(/images/comm/popup/bu_link.png) no-repeat left 2px;}
.txt_box a:before {content: "\e980"; display: inline-block; font-size: 0.75rem; font-family: 'xeicon'; padding-right: 0.15rem;}

.bu_arr{ position:relative; padding-left:10px; margin-top:0.25rem; color:#333; }
.bu_arr:before {content:''; position:absolute; top:0.5rem; left:0; width:4px; height:4px; border-radius:50%; background: #085eba; }

.bu_list_01 > li{ position:relative; padding-left:10px; margin-top:0.25rem; color:#333; }
.bu_list_01 > li:before {content:''; position:absolute; top:0.5rem; left:0; width:4px; height:4px; border-radius:50%; background: #085eba; }
.bu_list_03 > li{ position:relative; padding-left:10px; margin-top:0.25rem; color:#333; }
.bu_list_03 > li:before {content:''; position:absolute; top:0.5rem; left:0; width:4px; height:4px; border-radius:50%; background: #085eba; }

.tit_02{ position:relative; color:#085eba; font-size:0.9rem; margin-top:2rem; margin-bottom:0.5rem; }

/* 철도차량과 240509 */
.banner {width:100%; position:relative;}
.banner a {display:inline-block; }
.banner a img {width:297px; height:68px; background:#000;}

/*********************** 기능페이지 ***********************/
/* 게시판 상단 안내박스 */
.inform_bg { position:relative; padding:1.5rem 1.5rem 1.5rem 8rem !important; border-radius:1.5rem 0.5rem 0.5rem 0.5rem; margin: 50px 0 20px 0 !important;}
.inform_bg:before { content:""; position:absolute; left:1.5rem; top:-1.5rem; display:block; width:5.5rem; height:5.5rem; background: #fff url('/images/template/02278/con_com/ico_boxImg4.png') no-repeat center; border:2px solid #e5eff9; border-radius:1rem 1rem 0 1rem; box-shadow:3px 3px 7px rgba(0,133,216,0.05);  }
.inform_bg img { display:none !important; }
.inform_bg ul { padding:0 !important; font-family: 'Pretendard' !important; }
.inform_bg ul + ul { margin-top:1rem !important; }
.inform_bg ul li { font-size: 0.72rem !important;}
 
.deptCharge_title { color:#333 !important; font-size:1.1rem !important;  margin-bottom:0.5rem !important; padding-left:1.4rem !important; background:url('/images/template/02363/con_com/bu_tit2.png') no-repeat left top 0.2rem !important;line-height: 1.3 !important; font-weight: 700 !important;  font-family: 'Pretendard' !important;}
.deptCharge_tableTy1 {  border-top:2px solid #1963d1 !important; }
.deptCharge_tableTy1 table.deptCharge_data th { color:#000 !important; font-size:0.75rem !important; line-height:1.4 !important; background-color:#f3f8fe !important;}


/* 학교행사일정, 오늘의 급식 커스텀*/ 
.calendar_txt{ height:auto !important; font:0.8rem "Pretendard" !important; color:#333 !important;padding:4px !important; background: url('/images/template/02363/con_com/box_ptrn1.png') !important; } 
.calendar_txt p{width:100% !important;float:none !important; letter-spacing:0 !important; position:relative; padding:1rem !important; background:#fff; overflow:hidden; }
.calendar_txt .calendar_btn { top: 18px !important; }
.calendar_txt .calendar_btn li.orange{ background:transparent !important; border: none !important;}
.calendar_txt .calendar_btn li a {  padding: 0.4rem .9rem !important; color:#fff; display:block; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; display:inline-block; border:2px solid #0085d8; background: #0085d8; border-bottom:0; line-height:1rem !important;font-family:"Pretendard"; font-size:0.8rem; }
.calendar_txt .calendar_btn li a:hover { background:#fff; color:#0085d8 !important;}
.boxTab ul li + li { margin-left: 0.2rem;}
.boxTab li { float:left; width:auto !important; border-bottom:none !important; }
.boxTab li a { display:inline-block !important; border:2px solid #0085d8 !important; background: #0085d8; border-bottom:0; line-height:1rem !important; font-family:"Pretendard" !important; font-size:0.8rem !important; color:#fff !important; padding: 0.4rem .9rem; vertical-align:middle; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
.boxTab li a:hover, 
.boxTab li a.on { background:#fff; color:#0085d8 !important;}

/* 민원안내, 정보공개 커스텀 */
.ff_NG .tit_01{ position:relative; color:#085eba; font-size:1.2rem; margin-top:2rem; margin-bottom:0.5rem; line-height:1.3; font-weight:700; margin-top:3rem; }
.ff_NG .tit_02{ position:relative; color:#333; font-size:1.1rem;  margin-top:1.5rem; margin-bottom:0.5rem; padding-left:1.4rem; background:url('/images/template/02363/con_com/bu_tit2.png') no-repeat left top 0.2rem; line-height:1.3; font-weight:700; }
.ff_NG .tit_03{ position:relative; color:#085eba; font-size:0.9rem; margin-top:1rem; margin-bottom:0.5rem; }
.ff_NG a.viewer { display:inline-block; margin:3px 1px; padding:.25rem .5rem; vertical-align:middle; line-height:1rem; font-weight:400; -webkit-transition:background-color 0.3s ease; transition:background-color all 0.3s ease; color:#fff; background:#0085d8; border:2px solid #0085d8; margin-left: 0.5rem;}
.ff_NG a.viewer:hover { background:#fff; color:#0085d8;}

/*사진게시판 썸네일 스타일*/
.board-imgTxt li div{top:2px !important;}

/*게시글 만료*/
#poptitle {font-size:0.5rem;}

@media (max-width:1420px) {
    /* 인사말 */
    .greet .top_box { padding: 3rem 0 0 3.75rem; border-radius: 5rem 1.5rem 1.5rem 1.5rem; }
    .greet .txt { padding: 0 3.75rem;}
}

@media (max-width:900px) {
    /* 인사말 */
    .greet .top_box { padding: 3rem 0 0 2.8rem; }
    .greet .top_box .img { right: 2rem; width: 20rem; }
    .greet .txt { padding: 0 2.8rem;}

    /* 찾아오시는 길 */ 
    .map_wrap .txt { flex-direction: column; align-items: flex-start; padding: 1rem;}
    .map_wrap .txt p { font-size: 1.2rem; }
    .map_wrap .txt p span { font-weight: 400; font-size: 0.77rem;}
    .map_wrap .txt ul { width: 100%; margin-top: 1rem;}
    .map_wrap .txt ul li:nth-child(1) { margin-bottom: 0.2rem;}
    .map_wrap .txt ul li i { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.8rem; margin-right: 0.5rem;} 
    .map_wrap .txt ul li span { font-size: 0.8rem;}
    .map_wrap > ul {margin-top: 1rem; padding-left: 1rem;}
    .map_wrap > ul > li + li { margin-top: 0.2rem;}

    /* 발명교육센터_소개 */
    .topBox{ margin-top:3rem; } 
    .topBox h3 { top: -1rem; padding:0 1.5rem; line-height: 2rem; font-size:1rem; }
    .topBox .inner{ padding:2.5rem 1.5rem 1.5rem; border-radius:1.5rem; }
}

@media (max-width:768px) {
    /* 인사말 */
    .greet .top_box { height: auto; padding: 1.5rem 2rem; border-radius: 2.5rem 1rem 1rem 1rem;}
    .greet .top_box::before { top: 0.5rem; right: 2rem; }
    .greet .top_box > p { font-size: 1.2rem; line-height: 1.6rem; position: relative; z-index: 2; width: 100%;}
    .greet .top_box > p br { display: none;}
    .greet .top_box .img { display: none; }
    .greet .txt { padding: 0 2.8rem; margin-top: 1.5rem; padding: 0 1rem;}
    .greet .txt::before { right: 3rem; }

    /* 학교상징 */ 
    .symbol_wrap .sbl ul li { width: 100%; margin-top: 5rem;}

    /* 학과소개 */ 
    .dpt_intro > ul > li .ico { display: none;}
    .dpt_intro > ul > li .tit { width: 8rem; padding-left: 1rem; font-size: 0.95rem; }
    .dpt_intro > ul > li > ul { width: calc(100% - 8rem);}

    /* 갤러리게시판 */
	.board-imgTxt li { height:auto; padding:1rem 0 !important;  } 
	.board-imgTxt li div { position:relative !important; top:0 !important; width:100% !important; height:110px !important; margin:0 auto 1rem; }
	.board-imgTxt li div img { height:100% !important; width:auto !important;}
	.board-imgTxt li a { height:100%; }
}
@media (max-width:640px) {
     /*********************** 기능페이지 ***********************/
	/* 게시판 상단 안내박스 */
	.inform_bg { padding:1rem !important; }
	.inform_bg:before { position:relative; left:auto; top:auto; width:4.5rem; height:4.5rem; margin:-2.5rem auto 1rem; background-size:3rem 3rem; }

    /* 탭스타일 */  
	.defaultTab li { width:50% !important;}
}
@media (max-width:600px) {

  

       /* 발명교육센터_소개 */
    .topBox h3 { min-width: auto; }
    .topBox .inner{ flex-direction: column;}
    .topBox .inner p { width: 100%;}
    .topBox .inner .img { margin-top: 1rem;}

}
@media (max-width:520px) {
    /* 학교행사일정 */  
    .calendar_txt .calendar_btn {position: relative !important;top: 0 !important;left: 50% !important;transform: translateX(-50%);margin: 8px auto 0;display: inline-block;}
    .calendar_txt .calendar_btn::after { content: ''; display: block; clear: both; }
}
@media (max-width:450px) {
 
    /* 학과소개 */
    .dpt_intro { border-radius: 1rem; padding: 2.5rem 1rem 1rem 1rem; margin-top: 2.5rem;}
    .dpt_intro h3 { top: -1rem;  line-height: 2rem; width: calc(100% - 2rem); font-size: 1rem; padding: 0 1rem;} 
    .dpt_intro > ul > li { flex-direction: column; min-height: auto;}
    .dpt_intro > ul > li .tit { width: 100%; padding-left: 0; text-align: center; }
    .dpt_intro > ul > li > ul { width: 100%;}

    /* 찾아오시는 길 */
    .map_wrap .txt ul { margin-top: 0.7rem;}
    .map_wrap .txt ul li { width: 100%; margin-bottom: 0.2rem;}
    .map_wrap > ul { padding: 0 0.5rem;}
    .map_wrap > ul > li > p { width: 4rem; display: block; line-height: 1.2; }
    .map_wrap > ul > li + li { margin-top: 0.7rem;}
}