@charset "utf-8";
/* CSS Document */
/* com2zoa design KYJ, publishing PJH 26.02.06, content publishing KYJ 26.03.11 */
/* ★ 공통스타일은 common.css에 있음 */

/* Layout */
#subpage .basics_font{font-weight: 500; color:#000}/*기준폰트는 common.css에 있음 [MOBILE : 14px] / [PC : 15px] **규정과 같이 글밥이 많은 경우에는 안씀!(기준은 -1px) */
#sub_left {display: none}
#subpage {min-height: 300px; line-height:150%; margin:0 10px 50px 20px; font-weight:500; color:#000}
.qmu_popup{display: none}

/*Subtop */
#subtop {margin-top: 7px}
#subtop h3{ text-align: center}
#subtop h3 span{display:inline-block; background:url(../images/sub/ico_h3tit.png) no-repeat left top 2px; color:#000; font-weight:600}

/* Guide */
#sub_guide{z-index:500}
#sub_guide .btn_home {display: none}
#sub_guide .submn {display: none}
#sub_guide .guide_wrap {position: relative}

.left_tit h2{box-shadow: 0 -3px 1px rgba(0,0,0,0.05)}

/* Tab01 */
.tabnavi01{margin:0 0 25px}
.tabnavi01 ul{display: flex; flex-wrap: wrap; gap:15px}
.tabnavi01 ul li a{position: relative; display: block; min-width:161px; height:auto; line-height:140%; padding: 8px 60px 8px 15px; background:#fff; border:2px solid #ffdb9d; border-radius:15px 15px 5px 5px; font-weight:500; font-size: 16px; color:#656565; transition: all .3s; box-sizing: border-box}
.tabnavi01 ul li a::after{display: block; content: ''; clear: both; position: absolute; bottom:0; right:0; width:43px; height: 27px; background:url(../images/sub/btn_tab.png)no-repeat; width: 13px; height: 12px; top:15px; right: 18px}
.tabnavi01 ul li.on a,
.tabnavi01 ul li a:hover{border-color:#ffb73a; background: #ffb73a; color:#fff}
.tabnavi01 ul li.on a::after,
.tabnavi01 ul li a:hover::after{background:url(../images/sub/btn_tab_a.png)no-repeat; width: 13px; height: 12px; top:15px; right: 18px}

/* Tab02, boardTab */
.tabnavi02,
.boardTab {width: 100%; padding: 20px; margin:0 0 30px; border:1px solid #ededed; border-radius: 15px; box-sizing: border-box}
.tabnavi02 ul,
.boardTab ul{display: flex; flex-wrap: wrap}
.tabnavi02 ul li{width:calc(100% / 5 - 10px)}
.tabnavi02 ul li a,
.boardTab ul li a{display: block; min-width: 100px; height: 100%; padding:7px 7px 7px 27px; background:url(../images/sub/blt_othertab.png) no-repeat left 8px top 11px; font-size: 1.154em; transition: all .3s; box-sizing: border-box; color: #252525}
.tabnavi02 ul li.on a,
.tabnavi02 ul li a:hover,
.boardTab ul li.on a,
.boardTab ul li a:hover{ background:url(../images/sub/blt_othertab_a.png) no-repeat left 8px top 11px; color:#ffa71d}


/******************************서브컨텐츠 영역**************************************/
/* 컨텐츠 공통 */
/* TIT */
h4.sub_tit4 {line-height:140%; padding:0 0 0 30px; margin:5px 0 13px; background:url(../images/sub/subtit4.png) no-repeat left 0 top 3px; font-size:1.2em; font-weight:600}
h5.sub_tit5 {line-height:140%; padding:0 0 0 30px; margin:5px 0 12px; background:url(../images/sub/subtit5.png) no-repeat left 2px top 4px; font-size:1.067em; font-weight:600}


/*공통화살표*/
.arw_item{margin: 20px 0; text-align: center}

/*공통 텍스트 박스*/
.cont_txtbx{position: relative; margin-bottom: 30px}
.cont_txtbx p.txt_head{margin-bottom: 5px; padding: 10px 0 10px 33px; background:url(../images/sub/ico_txthead.png) no-repeat left top 7px}
.cont_txtbx ul{padding: 13px 15px; border-radius: 10px; border:2px solid #ececec}
.cont_txtbx ul li{position: relative; padding-left: 15px; margin-bottom: 5px; line-height: 150%}
.cont_txtbx ul li:last-child{margin-bottom: 0}
.cont_txtbx ul li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:9px; width: 3px; height: 3px; background: #545454}
/*이미지가 박스 내부에 있을 때*/
.cont_txtbx.imgbx ul{padding-right:180px}
.cont_txtbx.imgbx::after{display: block; clear: both; content: ''; position: absolute}
/*이미지가 박스 외부에 있을 때*/ 
.cont_txtbx.imgbx2::after{display: block; clear: both; content: ''; position: absolute}
/*회색배경 박스*/
.cont_txtbx.gbbx ul{background: #f6f6f6; border:none}


/*페이지 상단 공통 타이틀*/
/**/
.cont_titbx{display:none; position: relative; margin: 45px 0 30px 0; border-top: 2px solid #f1f1f1; text-align: center}
.cont_titbx .eng_tit{position: relative; width: 230px; height: 34px; line-height: 34px; margin: -28px auto 0; border-radius: 10px 10px 5px 5px;  background: #f0f; color:#fff; font-weight: 600; font-size: 1.067em; text-align: center; z-index: 1}
.cont_titbx .eng_tit::before,
.cont_titbx .eng_tit::after{display: block; clear: both; content: ''; position: absolute; top:12px; width:17px; height: 11px}
.cont_titbx .eng_tit::before{left: 15px; background:url(../images/sub/ico_mark01.png) no-repeat center}
.cont_titbx .eng_tit::after{right: 15px; background:url(../images/sub/ico_mark02.png) no-repeat center}
.cont_titbx .page_tit{margin: 20px 5px}
.cont_titbx .bx_txt{padding: 10px; border-radius:50px; background: #ccc}
.cont_titbx.line_type{border-bottom: 1px solid #ebebeb}
/**세부지정**/
/*송정동 인사말*/
.sjd_greeting .eng_tit{background:#86cf77}
.sjd_greeting .bx_txt{background:#effaed}
/*학교소개_연혁*/
.sjd_history .eng_tit{background:#58a9dc}
.sjd_history .cont_titbx::after{display: block; clear: both; content: ''; position: absolute; bottom:-55px; left:0; width: 100%; height: 36px; border-radius: 50px; background: #f5f5f5}
/*학교소개_학교상징 및 교가*/
.sjd_symsong .eng_tit{background:#72d1d4}
/*오시는길*/
.sjd_map .eng_tit{background:#add75b}
/*유치원소개*/
.sjd_presch .eng_tit{background:#ffd339}
/*유치원학급*/
.sjd_preclass .eng_tit{background:#ffd339}
/*늘봄학교*/
.sjd_aftersch .eng_tit{background:#99d181}
/*주요학사일정*/
.sjd_schedule .eng_tit{background:#56c2aa}
/*학습도움실*/
.sjd_support .eng_tit{background:#ffbc5d}
/*영재교육원*/
.sjd_smartedu .eng_tit{background:#d8a6f5}
/*Wee클래스*/
.sjd_weeclass .eng_tit{background:#f9a7d5}
/*송정동 야구부*/
.sjd_baseball .eng_tit{background:#ff6d5a}
/*학생자치회*/
.sjd_union .eng_tit{background:#ffc75a}
/*송정동 도서실*/
.sjd_library .eng_tit{background:#70c6b7}
/*송정동 학부모회*/
.sjd_parent .eng_tit{background:#ffa6b7}
/*교외체험학습*/
.sjd_trip .eng_tit{background:#b8d874}
/*결석신고서*/
.sjd_absence .eng_tit{background:#74cdd8}
/*교육복지*/
.sjd_welfare .eng_tit{background:#75d193}
/*연구학교*/
.sjd_research .eng_tit{background:#6dacd0}
/*교육기본방향_교육상*/
.sjd_education .eng_tit{background:#94cf7c}
/*교육기본방향_목표,중점,특색*/
.sjd_education2 .eng_tit{background:#62b3d4}

/* -------------------컨텐츠 스타일 시작 -------------------*/

/*송정동 인사말*/
.sjd_greeting .cont_titbx{display:block}
.sjd_greeting{padding-bottom: 30px; background:url(../images/sub/gt_btbg.gif) no-repeat center bottom}
.sjd_greeting .cont_titbx::after,
.sjd_greeting .cont_titbx::before{display: block; clear: both; content: ''; position: absolute; top:0}
.sjd_greeting .cont_titbx::after{right:15px; width: 173px; height: 121px; background:url(../images/sub/gt_topbg2.png) no-repeat center bottom}
.sjd_greeting .cont_titbx::before{left:15px; width: 151px; height: 135px; background:url(../images/sub/gt_topbg1.png) no-repeat center bottom}
.sjd_greeting .cont_titbx .page_tit{position: relative; z-index: 1}
.sjd_greeting .gt_tbline{text-align: center}
.sjd_greeting .gt_tbline .gt_txtbx p{margin-bottom: 30px; line-height: 150%}
.sjd_greeting .gt_txtbx p.line_bx{padding: 30px; margin: 0 150px 30px; border-radius:15px; border:2px solid #e9e9e9}


/*학교소개_연혁*/
.sjd_history .cont_titbx{display:block}
/*연도버튼*/
.sjd_history .his_tb{position: relative}
.sjd_history .his_tb::before,
.sjd_history .his_tb::after{content: ""; display: block; clear: both; position: absolute; top:-76px; height: 65px}
.sjd_history .his_tb::before{left:25px; width: 128px; background:url(../images/sub/his_topbg1.png) no-repeat center bottom}
.sjd_history .his_tb::after{right:25px; width: 163px; background:url(../images/sub/his_topbg2.png) no-repeat center bottom}
.sjd_history .his_btn{position: absolute; top:0; width: 33.3%; z-index: 5px}
.sjd_history .his_btn a{position: relative; display: block; width:95%; height: 54px; line-height: 50px; padding: 0 25px; margin: 0 auto; background: #748c9b; border-radius:5px 5px 20px 20px; border:2px solid #748c9b; font-size: 1.133em; font-weight: 600; color:#fff; box-sizing:border-box; z-index: 1}
.sjd_history .his_btn a::after{content: ""; display: block; clear: both; position: absolute; top:12px; right:12px; width:46px; height: 26px; background:url(../images/sub/his_arw.png) no-repeat center #fff; border-radius: 50px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}
.sjd_history .on .his_btn a::after{background:url(../images/sub/his_arw_a.png) no-repeat center}
/*중간타이틀*/
.sjd_history .his_midtit{position: relative; margin-bottom: 25px; font-size: 1.067em; font-weight: 500; text-align: center}
.sjd_history .his_midtit span{display: inline-block; position: relative; padding: 0 30px}
.sjd_history .his_midtit span::before,
.sjd_history .his_midtit span::after{content: ""; display: block; clear: both; position: absolute; top:6px; width: 7px; height: 7px; border-radius: 50px; background: #ccc}
.sjd_history .his_midtit span::before{left:0}
.sjd_history .his_midtit span::after{right:0}
/*버튼세부*/
.sjd_history .his_txtbox{padding-top: 80px}
.sjd_history .his_btn a br{display: none}
.sjd_history .his_year.on .his_btn a,
.sjd_history .his_year.his_btn a:hover{background: #fff; color:#000}
.sjd_history .his_year.on .his_btn a::after{background-repeat:no-repeat}
.sjd_history .his01 .his_btn{left:0}
.sjd_history .his01.on .his_btn a{border-color: #b5d88d}
.sjd_history .his01.on .his_btn a::after{background-color: #b5d88d}
.sjd_history .his01 .his_midtit span::before,
.sjd_history .his01 .his_midtit span::after{background: #b5d88d}
.sjd_history .his02 .his_btn{left:33.3%}
.sjd_history .his02.on .his_btn a{border-color: #f791b8}
.sjd_history .his02.on .his_btn a::after{background-color: #f791b8}
.sjd_history .his02 .his_midtit span::before,
.sjd_history .his02 .his_midtit span::after{background: #f791b8}
.sjd_history .his03 .his_btn{left:66.6%}
.sjd_history .his03.on .his_btn a{border-color: #ffce65}
.sjd_history .his03.on .his_btn a::after{background-color: #ffce65}
.sjd_history .his03 .his_midtit span::before,
.sjd_history .his03 .his_midtit span::after{background: #ffce65}
/*세부내용*/
.sjd_history .his_lstbx{border-bottom: 2px solid #ccc}
.sjd_history .hisbx{margin-bottom: 40px; border-top:1px solid #e4e4e4}
.sjd_history .hisbx .big_year{position: relative; margin-bottom: 20px}
.sjd_history .hisbx .big_year::after{content: "HISTORY"; display: block; clear: both; position: absolute; right:0; top:2px; color:#e4e4e4; font-size: 30px; font-weight: 700}
.sjd_history .hisbx .big_year span{position: relative; display: inline-block; width: 140px; height: 36px; line-height: 36px; background: #ededed; border-radius: 0 0 10px 10px; font-weight: 600; text-align: center}
.sjd_history .hisbx .big_year span::after{display: block; clear: both; content: ''; position: absolute; bottom:-12px; left:50%; width: 0; height: 0; margin-left: -7px; border-top: 6px solid #ededed; border-bottom: 6px solid transparent; border-right: 6px solid transparent; border-left: 6px solid transparent}
.sjd_history .hisbx ul li{margin-bottom: 15px}
.sjd_history .hisbx ul li span{display:block}
.sjd_history .hisbx ul li span.tit{width: 140px; padding: 5px; border-radius: 50px; border:2px solid #ededed; background: #fff; text-align: center; box-sizing: border-box}
.sjd_history .hisbx ul li span.txt{margin: -25px 0 0 150px} 
.sjd_history .hisbx:first-child .big_year span{color:#fff}
.sjd_history .hisbx:first-child span.tit{font-weight: 600}
.sjd_history .his01 .his_lstbx{border-bottom-color: #b5d88d}
.sjd_history .his01 .hisbx:first-child .big_year span{background: #b5d88d}
.sjd_history .his01 .hisbx:first-child .big_year span::after{border-top: 6px solid #b5d88d}
.sjd_history .his01 .hisbx:first-child span.tit{border-color:#e7f5d6; background:#e7f5d6}
.sjd_history .his02 .his_lstbx{border-bottom-color: #f791b8}
.sjd_history .his02 .hisbx:first-child .big_year span{background: #f791b8}
.sjd_history .his02 .hisbx:first-child .big_year span::after{border-top: 6px solid #f791b8}
.sjd_history .his02 .hisbx:first-child span.tit{border-color:#ffeff5; background:#ffeff5}
.sjd_history .his03 .his_lstbx{border-bottom-color: #ffce65}
.sjd_history .his03 .hisbx:first-child .big_year span{background: #ffce65}
.sjd_history .his03 .hisbx:first-child .big_year span::after{border-top: 6px solid #ffce65}
.sjd_history .his03 .hisbx:first-child span.tit{border-color:#fff4d8; background:#fff4d8}


/*학교소개_현황*/
.sjd_situ .situ_infobx{margin-bottom: 30px; border-top:2px solid #83919e}
/*알리미*/
.sjd_situ .situ_alimi{position: relative; display: flex; justify-content: space-between; margin: 15px 0}
.sjd_situ .situ_alimi > p{align-content: space-around}
.sjd_situ .situ_alimi .situ_add span{display: block; padding:5px 0 5px 26px; background:url(../images/sub/situ_addico.png) no-repeat left top 4px}
.sjd_situ .situ_alimi .stu_alimi{width: 250px}
.sjd_situ .situ_alimi .stu_alimi a{position: relative; display: block; padding:10px 15px; border-radius: 50px; background:#69bee5; align-content: space-around; font-weight: 600; color:#fff; box-sizing: border-box; transition: all .3s}
.sjd_situ .situ_alimi .stu_alimi a span{padding:5px 0 5px 30px; background:url(../images/sub/ico_alimi.png) no-repeat left center; transition: all .3s}
.sjd_situ .situ_alimi .stu_alimi a::after{display: block; content: 'GO'; clear: both; position: absolute; top:8px; right:8px; width:42px; height: 24px; line-height: 25px; background:#fff; border-radius: 50px; text-align: center; color:#000; box-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}
.sjd_situ .situ_alimi .stu_alimi a:hover{background: #ffc955} 
/*정보*/
.sjd_situ .info_lst{padding: 15px 15px 5px 15px; border-radius:10px; background: #f7f7f7}
.sjd_situ .info_lst ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.sjd_situ .info_lst ul li{display: flex; width: calc(100% / 2 - 10px); margin-bottom: 10px; gap:10px}
.sjd_situ .info_lst ul li span{display: block; align-content: space-around}
.sjd_situ .info_lst ul li span.tit{width: 130px; height:32px; line-height: 32px; border-radius: 50px; background: #fff; box-sizing: border-box; text-align: center;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); flex-shrink:0} 


/*학교상징 및 교가*/
/*학교상징*/
.sjd_symsong .sym_lstbx{display: flex; flex-wrap: wrap; justify-content: center; gap:30px; margin: 15px 0 40px; text-align: center} 
.sjd_symsong .sym_lstbx > div{min-width: 225px; border-bottom: 2px solid #ccc}
.sjd_symsong .sym_lstbx .sym_tb{position: relative}
.sjd_symsong .sym_lstbx .sym_tb::after{display: block; content: ''; clear: both; position:absolute; top:-65px; left:0; width: 100%; height:80px; background: #00f; border-radius: 20px 20px 5px 5px}
.sjd_symsong .sym_lstbx .sym_img{position: relative; overflow: hidden; width:201px; height: 143px; margin: 0 auto; background: #f8f8f8; border-radius: 25px 25px 10px 10px; align-content: space-around; box-shadow:0 1px 3px rgba(0, 0, 0, 0.15); z-index: 1}
.sjd_symsong .sym_lstbx .sym_tb > p{position: relative; z-index: 1}
.sjd_symsong .sym_lstbx .sym_tit{width: 90px; height: 26px; line-height: 26px; margin: 10px auto; border-radius: 50px; background: #ccc; color:#fff; font-weight: 600}
.sjd_symsong .sym_lstbx .sym_txt{margin-bottom: 10px}
.sjd_symsong .sym_lstbx .sym_mean{margin:0 10px 10px; padding: 10px; background: #ccc; border-radius: 6px; color:#545454}
/*교표*/
.sjd_symsong .sym_lstbx .sym_item1{border-bottom-color: #69b6d7}
.sjd_symsong .sym_item1 .sym_tb::after{background: #9adaf6}
.sjd_symsong .sym_item1 .sym_tit{background: #69b6d7}
/*캐릭터*/
.sjd_symsong .sym_lstbx .sym_item2{border-bottom-color: #3e81b9}
.sjd_symsong .sym_item2 .sym_tb::after{background: #65a3d7}
.sjd_symsong .sym_item2 .sym_tit{background: #3e81b9}
/*교목*/
.sjd_symsong .sym_lstbx .sym_item3{border-bottom-color: #51b2b1}
.sjd_symsong .sym_item3 .sym_tb::after{background: #7acccb}
.sjd_symsong .sym_item3 .sym_tit{background: #51b2b1}
.sjd_symsong .sym_item3 .sym_mean{background: #e3f0f0}
/*교화*/
.sjd_symsong .sym_lstbx .sym_item4{border-bottom-color: #f586bf}
.sjd_symsong .sym_item4 .sym_tb::after{background: #ffc1eb}
.sjd_symsong .sym_item4 .sym_tit{background: #f586bf}
.sjd_symsong .sym_item4 .sym_mean{background: #f8e8f3}
/*자랑*/
.sjd_symsong .sym_lstbx .sym_item5{border-bottom-color: #f05555}
.sjd_symsong .sym_item5 .sym_tb::after{background: #ff8686}
.sjd_symsong .sym_item5 .sym_tit{background: #f05555}
.sjd_symsong .sym_item5 .sym_mean{background: #ffe5e5}
/*교색*/
.sjd_symsong .sym_lstbx .sym_item6{border-bottom-color: #85bc2e}
.sjd_symsong .sym_item6 .sym_tb::after{background: #b4d97a}
.sjd_symsong .sym_item6 .sym_tit{background: #85bc2e}
.sjd_symsong .sym_item6 .sym_mean{background: #e6f3d3}
/*교가*/
.sjd_symsong .song_wrap{position: relative; display: flex; justify-content: space-between;gap:25px} 
#schSong{display:none}
.song_wrap .song_note{position: relative; width: 55%; padding: 28px 20px; border-radius: 20px; border: 2px solid #f1f1f1; background: #fff; text-align: center; box-sizing: border-box; align-content: space-around; z-index: 1}
.song_wrap .song_note img{max-width: 100%; height:auto}
.song_wrap .song_tb{position: relative; width: 45%; padding: 10px 10px 130px; background: url(../images/sub/song_img.png) no-repeat center bottom; border-radius:20px; border:2px solid #ffce4a; box-sizing: border-box; z-index: 1}
.song_wrap .song_tb::before,
.song_wrap .song_tb::after{display: block; content: ''; clear: both; position:absolute; left:-35px; width:43px; height: 10px; background: #e8e8e8; border-radius: 50px; z-index: 5}
.song_wrap .song_tb::before{top:35px}
.song_wrap .song_tb::after{bottom:35px}
.song_wrap .song_area{display: flex; justify-content: space-between; padding: 13px 10px 10px; height: 58px; background: #ffce4a; border-radius: 15px; box-sizing: border-box}
.song_wrap .song_area dt{padding: 8px 0 10px 35px; background: url(../images/sub/ico_song.png) no-repeat left center; font-size:18px; font-weight: 600; color:#fff}
.song_wrap .song_area .btns{display: flex; gap:8px}
.song_wrap .song_area .btns li a{display: block; width: 34px; height: 34px; background: #fff; border-radius: 50px; align-content: space-around; text-align: center; box-shadow:0 2px 1px rgba(0, 0, 0, 0.05)}
.song_wrap .writer{display: flex; justify-content: space-between; padding: 15px 0; margin-bottom: 15px; border-bottom: 1px solid #ddd}
.song_wrap .writer li{width:calc(100% / 2); font-weight: 600; text-align: center}
.song_wrap .writer li span{display: inline-block; padding:2px 15px 1px; margin-right: 8px; border-radius: 50px; background: #a0a8af; color:#fff}
.song_wrap .song_lyrics{text-align: center}
.song_wrap .song_lyrics dt{display: inline-block; padding: 2px 25px; border-radius: 50px; background: #ffce4a; font-weight: 500; color:#fff}
.song_wrap .song_lyrics dd{margin: 5px 0 10px; line-height: 150%}


/*오시는길*/
.sjd_map {clear:both; padding:0; margin:0}
/*지도*/ 
.sjd_map .map_area {width:100%!important; border-radius:20px; border:2px solid #e0e0e0; box-sizing: border-box; background: #fff}
.sjd_map .map_area .root_daum_roughmap { width:100%!important; padding:0; border-radius:20px; background: #fff}
.sjd_map .map_area .root_daum_roughmap .wrap_map {overflow:hidden; height:430px !important; border-radius:20px; background: #fff}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{display: none!important}
/*내용*/
.sjd_map .map_addbx{position: relative; padding:15px 0; margin-bottom: 15px; border-bottom: 2px solid #e9e9e9; z-index: 1}
.sjd_map .map_addbx{display: flex; justify-content: space-between}
.sjd_map .map_addbx > p{align-content: space-around}
.sjd_map .map_addbx .add_txt{padding-left: 40px; background:url(../images/sub/map_addico.png) no-repeat left top 3px; font-size: 1.071em}
.sjd_map .map_addbx .add_btn a{display:flex; justify-content: space-between; width:200px; padding: 5px 7px 6px; border-radius: 50px; background: #ffce49; color:#000; font-size: 15px; box-sizing: border-box; transition: all .3s}
.sjd_map .map_addbx .add_btn a span{display: block; align-content: space-around}
.sjd_map .map_addbx .add_btn span.tit{padding-left: 30px; margin-left: 5px; background:url(../images/sub/ico_kakao.png) no-repeat left 2px; color:#fff}
.sjd_map .map_addbx .add_btn span.btn{display: block; padding: 2px 20px; background:url(../images/sub/btn_kakao.png) no-repeat center #fff; border-radius: 50px; font-size: 0}
.sjd_map .map_addbx .add_btn a:hover{background: #ff5736; border-color:#ff5736} 
.sjd_map .map_txtbx{display: flex; justify-content: space-between; gap:20px}
.sjd_map .map_txtbx dl{display: flex; gap:10px; width: calc(100%/2); padding: 10px; border-radius:10px; background: #f1f1f1; box-sizing: border-box}
.sjd_map .map_txtbx dl dt{flex-shrink:0; width:130px; min-height: 32px; line-height: 32px; padding:0 15px; background:url(../images/sub/map_telico.png) no-repeat left 15px center #3f94c5; border-radius: 20px; color:#fff; font-weight: 600; text-align:right; align-content:space-around; box-sizing: border-box}
.sjd_map .map_txtbx dl:last-child dt{background-color: #38a198}
.sjd_map .map_txtbx dl dd{width: 100%; align-content: space-around; text-align: center; word-break: break-all}


/*유치원소개*/
/*교육의 기본방향*/
.sjd_presch .pres_lstbx{display: flex; flex-wrap: wrap; justify-content: center; gap:30px; margin: 15px 0 40px; text-align: center} 
.sjd_presch .pres_lstbx > div{display:flex; flex-direction:column; flex:1; min-width: 307px; border-bottom: 2px solid #ccc}
.sjd_presch .pres_lstbx .pres_tb{position: relative; display:flex; flex-direction:column; flex:1}
.sjd_presch .pres_lstbx .pres_tb::after{display: block; content: ''; clear: both; position:absolute; top:-65px; left:0; width: 100%; height:90px; background: #00f; border-radius: 20px 20px 5px 5px}
.sjd_presch .pres_lstbx .pres_img{position: relative; overflow: hidden; width:287px; height: 143px; margin: 0 auto; background: #f8f8f8; border-radius: 25px 25px 10px 10px; align-content: space-around; box-shadow:0 1px 3px rgba(0, 0, 0, 0.15); z-index: 1}
.sjd_presch .pres_lstbx .pres_tb > p{position: relative; z-index: 1}
.sjd_presch .pres_lstbx .pres_tit{width: 90px; height: 26px; line-height: 26px; margin: 10px auto; border-radius: 50px; background: #ccc; color:#fff; font-weight: 600}
.sjd_presch .pres_lstbx ul{flex:1; margin:0 10px 10px; padding: 13px; background: #f5f5f5; border-radius: 6px; text-align: left}
.sjd_presch .pres_lstbx ul li{position: relative; padding-left: 12px; margin-bottom: 6px; line-height: 140%}
.sjd_presch .pres_lstbx ul li:last-child{margin-bottom: 0}
.sjd_presch .pres_lstbx ul li::after{display: block; clear: both; content: ''; position: absolute; top:7px; left:0; width: 3px; height: 3px; background: #a2a2a2}
/*어린이상*/
.sjd_presch .pres_lstbx .pres_item1{border-bottom-color: #f48dc6}
.sjd_presch .pres_item1 .pres_tb::after{background: #ffc9e7}
.sjd_presch .pres_item1 .pres_tit{background: #f48dc6}
/*교사상*/
.sjd_presch .pres_lstbx .pres_item2{border-bottom-color: #4fb3d0}
.sjd_presch .pres_item2 .pres_tb::after{background: #81daf3}
.sjd_presch .pres_item2 .pres_tit{background: #4fb3d0}
/*유치원상*/
.sjd_presch .pres_lstbx .pres_item3{border-bottom-color: #81bf4d}
.sjd_presch .pres_item3 .pres_tb::after{background: #acde83}
.sjd_presch .pres_item3 .pres_tit{background: #81bf4d}
/*유치원 연혁*/
.sjd_presch .pres_hisbx{position: relative; padding: 15px 15px 20px; margin-bottom: 40px; border-top:1px solid #e6e6e6; border-bottom: 2px solid #ffd339}
.sjd_presch .pres_hisbx::after{display: block; clear: both; content: ''; position: absolute; bottom:-4px; right:5px; width:271px; height: 162px; background:url(../images/sub/kidhis_bg.png) no-repeat center}
.sjd_presch .pres_hisbx ul li{margin-bottom: 12px}
.sjd_presch .pres_hisbx ul li span{display:block}
.sjd_presch .pres_hisbx ul li span.tit{width: 140px; padding: 5px; border-radius: 50px; border:2px solid #ededed; background: #fff; text-align: center; box-sizing: border-box}
.sjd_presch .pres_hisbx ul li span.txt{margin: -25px 0 0 150px}  
.sjd_presch .pres_hisbx ul li:last-child{margin-bottom: 0}
.sjd_presch .pres_hisbx ul li:first-child{font-weight: 600}
.sjd_presch .pres_hisbx ul li:first-child span.tit{border-color:#ffde69; background:#ffde69}


/*유치원소개*/
/*교육의 기본방향*/
.sjd_preclass .prec_lstbx{display: flex; flex-wrap: wrap; justify-content: center; gap:30px; margin: 15px 0 40px; text-align: center} 
.sjd_preclass .prec_lstbx > div{position: relative; display:flex; flex-direction:column; flex:1; min-width: 307px}
.sjd_preclass .prec_lstbx > div::after{display: block; content: ''; clear: both; position:absolute; left:0; bottom:0; width: 100%; height:40px; border-radius: 10px; background: #ccc}
.sjd_preclass .prec_lstbx > div:hover .prec_img{animation:effect 2s ease infinite}
.sjd_preclass .prec_lstbx .prec_tb{position: relative; display:flex; flex-direction:column; flex:1}
.sjd_preclass .prec_lstbx .prec_tb::after{display: block; content: ''; clear: both; position:absolute; top:-65px; left:0; width: 100%; height:90px; background: #00f; border-radius: 20px 20px 5px 5px}
.sjd_preclass .prec_lstbx .prec_img{position: relative; overflow: hidden; width:145px; height: 145px; margin: 0 auto; background: #f8f8f8; border-radius: 50%; align-content: space-around; box-shadow:0 1px 3px rgba(0, 0, 0, 0.15); z-index: 1}
.sjd_preclass .prec_lstbx .prec_tb > p{position: relative; z-index: 1}
.sjd_preclass .prec_lstbx .prec_tit{width: 90px; height: 26px; line-height: 26px; margin: 10px auto; border-radius: 50px; background: #ccc; color:#fff; font-weight: 600}
.sjd_preclass .prec_lstbx .prec_txt{flex:1; align-content: space-around; padding: 15px 0 5px; line-height:150%}
.sjd_preclass .prec_lstbx .prec_txt span{font-weight: 600}
.sjd_preclass .prec_lstbx .prec_btn a{position: relative; display: block; padding: 12px 20px; margin: 15px; background: #fff; border:2px solid #f0f; border-radius: 50px; font-size: 16px; font-weight: 600; text-align: left; transition: all .3s}
.sjd_preclass .prec_lstbx .prec_btn a:hover{box-shadow:0 1px 3px rgba(0, 0, 0, 0.15); color:#fff}
.sjd_preclass .prec_lstbx .prec_btn a::after{display: block; content: 'GO'; clear: both; position:absolute; top:7px; right:9px; width:62px; height: 30px; line-height: 30px; background: #ccc; border-radius: 50px; color:#fff; text-align: center}
.sjd_preclass .prec_lstbx .prec_age{padding:5px 0 10px; border-bottom:1px solid #e5e5e5; font-weight:600}
/*바다반*/
.sjd_preclass .prec_lstbx .prec_item1::after{background: #53bec2}
.sjd_preclass .prec_item1 .prec_tb::after{background: #92dee1}
.sjd_preclass .prec_item1 .prec_tit{background: #53bec2}
.sjd_preclass .prec_item1 .prec_txt span{color:#3a9fa3}
.sjd_preclass .prec_item1 .prec_btn a{border-color: #53bec2}
.sjd_preclass .prec_item1 .prec_btn a::after{background: #53bec2}
.sjd_preclass .prec_item1 .prec_btn a:hover{background: #3da8ac; border-color: #3da6aa}
.sjd_preclass .prec_item1 .prec_btn a:hover::after{background: #286c6f}
.sjd_preclass .prec_item1 .prec_age{color:#3a9fa3}
/*하늘반*/
.sjd_preclass .prec_lstbx .prec_item2::after{background: #64b6e5}
.sjd_preclass .prec_item2 .prec_tb::after{background: #92d2f7}
.sjd_preclass .prec_item2 .prec_tit{background: #64b6e5}
.sjd_preclass .prec_item2 .prec_txt span{color:#458fba}
.sjd_preclass .prec_item2 .prec_btn a{border-color: #64b6e5}
.sjd_preclass .prec_item2 .prec_btn a::after{background: #64b6e5}
.sjd_preclass .prec_item2 .prec_btn a:hover{background: #3a8dbd; border-color: #3a8dbd}
.sjd_preclass .prec_item2 .prec_btn a:hover::after{background: #235774}
.sjd_preclass .prec_item2 .prec_age{color:#458fba}

/*늘봄학교 프로그램 소개*/
.sjd_aftersch .afico{display: block}
.sjd_aftersch .afico img{width: 60px; height: 60px}


/*학사일정*/
/*내용*/
.sjd_schedule .month_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; gap:50px 30px; margin: 30px 0}
.sjd_schedule .month_bx{display: flex; flex-direction:column; flex:1; min-width: 300px;  position: relative; border-bottom: 2px solid #ccc}
.sjd_schedule .month_bx::after{display: block; clear: both; content: ''; position: absolute; top:-17px; left:0; width:100%; height:30px; border-radius:15px 15px 5px 5px; background: #c0c0c0}
.sjd_schedule .month_bx p.tit{position: relative; width: 85px; height: 24px; line-height: 24px; margin: 0 auto; border-radius: 50px; border-radius: 50px; background: #ccc; color:#fff; font-weight: 600; text-align: center; z-index: 1}
.sjd_schedule .month_bx p.eng{padding: 10px 0; border-bottom:1px solid #e3e3e3; text-transform: uppercase; text-align: center; font-weight: 600}
.sjd_schedule .month_bx dl{display: flex}
.sjd_schedule .date_lst{display:flex; flex-direction:column; flex:1; padding: 10px; margin: 10px 5px; background: #f7f7f7; border-radius: 5px}
.sjd_schedule .date_lst dl{display: flex; justify-content: space-between; padding: 7px 7px 5px; margin-bottom: 12px; border-radius: 4px; background: #fff; font-weight: 600; font-size: 14px}
.sjd_schedule .date_lst dl dt{padding: 5px 0 5px 30px; background:url(../images/sub/ico_classday.png) no-repeat left center}
.sjd_schedule .date_lst dl dd{padding: 0 10px; align-content: space-around}
.sjd_schedule .date_lst li{margin-bottom: 10px}
.sjd_schedule .date_lst li:last-child{margin-bottom: 0}
.sjd_schedule .date_lst li span{display: block}
.sjd_schedule .date_lst li span.date{width:60px; padding: 1px 0; border-radius: 50px; background: #b4b4b4; font-size: 12px; color:#fff; text-align: center}
.sjd_schedule .date_lst li span.txt{margin: -21px 0 0 68px; font-size: 0.929em}
.sjd_schedule .date_lst li.holiday span.date{background: #ff5649}
.sjd_schedule .date_lst li.schday span.date{background: #698493}
/*월별스타일*/
/*1월*/ 
.sjd_schedule .month_bx.month1{border-bottom-color: #d27bf7}
.sjd_schedule .month_bx.month1::after{background: #edc3ff}
.sjd_schedule .month_bx.month1 p.tit{background: #d27bf7}
.sjd_schedule .month_bx.month1 p.eng{color:#d27bf7}
/*2월*/ 
.sjd_schedule .month_bx.month2{border-bottom-color: #f785ed}
.sjd_schedule .month_bx.month2::after{background: #ffc5fa}
.sjd_schedule .month_bx.month2 p.tit{background: #f785ed}
.sjd_schedule .month_bx.month2 p.eng{color:#f785ed}
/*3월*/ 
.sjd_schedule .month_bx.month3{border-bottom-color: #ffcd21}
.sjd_schedule .month_bx.month3::after{background: #ffe17a}
.sjd_schedule .month_bx.month3 p.tit{background: #ffcd21}
.sjd_schedule .month_bx.month3 p.eng{color:#ffcd21}
/*4월*/ 
.sjd_schedule .month_bx.month4{border-bottom-color: #ff95a9}
.sjd_schedule .month_bx.month4::after{background: #ffdae1}
.sjd_schedule .month_bx.month4 p.tit{background: #ff95a9}
.sjd_schedule .month_bx.month4 p.eng{color:#ff95a9}
/*5월*/ 
.sjd_schedule .month_bx.month5{border-bottom-color: #b1d159}
.sjd_schedule .month_bx.month5::after{background: #d3e996}
.sjd_schedule .month_bx.month5 p.tit{background: #b1d159}
.sjd_schedule .month_bx.month5 p.eng{color:#b1d159}
/*6월*/ 
.sjd_schedule .month_bx.month6{border-bottom-color: #63c755}
.sjd_schedule .month_bx.month6::after{background: #9adf90}
.sjd_schedule .month_bx.month6 p.tit{background: #63c755}
.sjd_schedule .month_bx.month6 p.eng{color:#63c755}
/*7월*/ 
.sjd_schedule .month_bx.month7{border-bottom-color: #5accba}
.sjd_schedule .month_bx.month7::after{background: #96e3d7}
.sjd_schedule .month_bx.month7 p.tit{background: #5accba}
.sjd_schedule .month_bx.month7 p.eng{color:#5accba}
/*8월*/ 
.sjd_schedule .month_bx.month8{border-bottom-color: #65b4dd}
.sjd_schedule .month_bx.month8::after{background: #99d7f7}
.sjd_schedule .month_bx.month8 p.tit{background: #65b4dd}
.sjd_schedule .month_bx.month8 p.eng{color:#65b4dd}
/*9월*/ 
.sjd_schedule .month_bx.month9{border-bottom-color: #bf8a3e}
.sjd_schedule .month_bx.month9::after{background: #e1a857}
.sjd_schedule .month_bx.month9 p.tit{background: #bf8a3e}
.sjd_schedule .month_bx.month9 p.eng{color:#bf8a3e}
/*10월*/ 
.sjd_schedule .month_bx.month10{border-bottom-color: #7c9146}
.sjd_schedule .month_bx.month10::after{background: #b2c67e}
.sjd_schedule .month_bx.month10 p.tit{background: #7c9146}
.sjd_schedule .month_bx.month10 p.eng{color:#7c9146}
/*11월*/ 
.sjd_schedule .month_bx.month11{border-bottom-color: #bc5268}
.sjd_schedule .month_bx.month11::after{background: #d18192}
.sjd_schedule .month_bx.month11 p.tit{background: #bc5268}
.sjd_schedule .month_bx.month11 p.eng{color:#bc5268}
/*12월*/ 
.sjd_schedule .month_bx.month12{border-bottom-color: #ff624d}
.sjd_schedule .month_bx.month12::after{background: #ffb6ac}
.sjd_schedule .month_bx.month12 p.tit{background: #ff624d}
.sjd_schedule .month_bx.month12 p.eng{color:#ff624d}


/*학습도움실*/
.sjd_support .cont_txtbx.imgbx::after{right:20px; bottom:-9px; width:142px; height: 141px; background:url(../images/sub/support_img.png) no-repeat center top}


/*영재교육원*/
.sjd_smartedu .cont_txtbx.imgbx::after{right:10px; bottom:-0px; width:149px; height: 114px; background:url(../images/sub/smartedu_img.png) no-repeat center top}


/*Wee클래스*/
.sjd_weeclass .info_txt{text-align: center; line-height: 150%}
.sjd_weeclass .wee_info{display: flex; justify-content: space-between; gap:20px; margin: 30px 0}
.sjd_weeclass .wee_info .weebx{position: relative; width: 100%; padding: 17px; border:2px solid #f1f1f1; text-align: center; box-sizing: border-box}
.sjd_weeclass .wee_info .weebx.item1{border-radius: 5px 30px 30px 5px}
.sjd_weeclass .wee_info .weebx.item2{border-radius: 30px 5px 5px 30px}
.sjd_weeclass .wee_info .weebx.item1::after{display: block; content:''; clear: both; position: absolute; top:12px; right:-29px; width:34px; height: 34px; border-radius: 50px; background:url(../images/sub/ico_plus1.png) no-repeat center #83919e; z-index: 1}
.sjd_weeclass .weebx > p{display: inline-block; position: relative; margin-right: 23px}
.sjd_weeclass .weebx > p::after{display: block; content: ''; clear: both; position: absolute; top:8px; right:-15px; width:9px; height: 9px; background:url(../images/sub/ico_plus2.png) no-repeat center top}
.sjd_weeclass .weebx > p:last-child{margin-right: 0}
.sjd_weeclass .weebx > p:last-child::after{display: none}
.sjd_weeclass .weebx > p span{display: inline-block; width:26px; height: 26px; margin-right: 5px; line-height: 26px; background: #f0f; border-radius: 50px; color:#fff; font-weight: 700}
.sjd_weeclass .weebx > p span.bg_col1{background: #9384ff}
.sjd_weeclass .weebx > p span.bg_col2{background: #ffd300}
.sjd_weeclass .weebx > p span.bg_col3{background: #ffa633}
.sjd_weeclass .cont_txtbx.imgbx::after{right:10px; bottom:0; width:205px; height: 153px; background:url(../images/sub/weeclass_img.png) no-repeat center top}


/*송정동 야구부*/
.sjd_baseball .bsbl_addbx{padding: 5px 0 5px 30px; margin-bottom: 10px; background:url(../images/sub/ico_add.png) no-repeat left top 5px; font-weight: 600}
.sjd_baseball .bsbl_info{position: relative; display: flex; gap:20px; padding: 15px; border-radius:10px; border:2px solid #f1f1f1}
.sjd_baseball .bsbl_logo{width: 106px; border-radius: 10px; background: #000; text-align: center; align-content: space-around}
.sjd_baseball .info_bx ul li{display: flex; gap:13px; margin-bottom: 10px}
.sjd_baseball .info_bx ul li:last-child{margin-bottom: 0}
.sjd_baseball .info_bx ul li span{display: block}
.sjd_baseball .info_bx ul li span.tit{flex-shrink:0; width: 110px; height: 34px; line-height: 32px; background: #f0f0f0; border:2px solid #f0f0f0; border-radius: 50px; text-align: center; font-weight: 600; box-sizing: border-box}
.sjd_baseball .info_bx ul li span.txt{align-content: space-around}
.sjd_baseball .info_bx ul li:first-child{font-weight: 600}
.sjd_baseball .info_bx ul li:first-child span.tit{background: #fff}
.sjd_baseball .bsbl_caric{position: absolute; top:12px; right:25px}
/*버튼세부*/
.sjd_baseball .baseball_tab{position: absolute; top:0; width: 50%; z-index: 5px}
.sjd_baseball .baseball_tab a{position: relative; display: block; width:95%; height: 54px; line-height: 50px; padding: 0 25px; margin: 0 auto; background: #748c9b; border-radius:5px 5px 20px 20px; border:2px solid #748c9b; font-size: 1.133em; font-weight: 600; color:#fff; box-sizing:border-box; z-index: 1}
.sjd_baseball .baseball_tab a::after{content: ""; display: block; clear: both; position: absolute; top:12px; right:12px; width:46px; height: 26px; background:url(../images/sub/his_arw.png) no-repeat center #fff; border-radius: 50px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}
.sjd_baseball .on .baseball_tab a::after{background:url(../images/sub/his_arw_a.png) no-repeat center}
.sjd_baseball .baseball_tab a br{display: none}
.sjd_baseball .sch_baseball.on .baseball_tab a{background: #fff; border-color:#ff6d5a; color:#000}
.sjd_baseball .sch_baseball.on .baseball_tab a::after{background-repeat:no-repeat; background-color: #ff6d5a}
.sjd_baseball .baseball01 .baseball_tab{left:0}   
.sjd_baseball .baseball02 .baseball_tab{left:50%} 
/*내용*/
.sjd_baseball .baseball_tb{position: relative; margin-top: 30px; padding-top: 80px; border-bottom: 2px solid #ff6d5a}
.sjd_baseball .baseball_tb::after{display: block; clear: both; content: ''; position: absolute; top:-10px; left:0; width: 100%; height: 36px; border-radius: 50px; background: #f5f5f5}
.sjd_baseball .bsbl_tit{padding-bottom: 20px; text-align: center; font-size: 17px; font-weight: 600}
.sjd_baseball .bsbl_tit span{display: inline-block; position: relative; padding: 0 30px}
.sjd_baseball .bsbl_tit span::before,
.sjd_baseball .bsbl_tit span::after{display: block; clear: both; content: ''; position: absolute; top:7px; width: 6px; height: 6px; background: #ff6d5a; border-radius: 10px}
.sjd_baseball .bsbl_tit span::before{left:0}
.sjd_baseball .bsbl_tit span::after{right:0}
.sjd_baseball .bsbl_bx{padding: 18px 0; border-top:1px solid #e6e6e6}
/*주요수상경력*/
/*전국대회, 광주대회*/
.sjd_baseball .bsbl_trophy{display: flex; gap:15px; padding: 15px; margin-bottom: 20px; border-radius: 10px; background: #f6f6f6}
.sjd_baseball .bsbl_trophy > div{display: flex; gap:15px; width: 100%}
.sjd_baseball .bsbl_trophy .trop_tit{display: flex; width: 106px; height: 118px; padding: 10px; background:url(../images/sub/img_trophy.jpg) no-repeat center top 10px #fff; border-radius: 8px; justify-content:center; align-items:flex-end; font-weight: 600; box-sizing: border-box}
.sjd_baseball .bsbl_trophy ul{align-content: space-around}
.sjd_baseball .bsbl_trophy ul li{display: flex; gap:13px; margin-bottom: 10px}
.sjd_baseball .bsbl_trophy ul li:last-child{margin-bottom: 0}
.sjd_baseball .bsbl_trophy ul li span{display: block}
.sjd_baseball .bsbl_trophy ul li span.tit{width: 110px; height: 30px; line-height: 30px; background: #fff;  border-radius: 50px; text-align: center; font-weight: 600; box-sizing: border-box;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1)}
.sjd_baseball .bsbl_trophy ul li span.txt{align-content: space-around}
.sjd_baseball .bsbl_trophy ul li:first-child{font-weight: 600}
.sjd_baseball .bsbl_trophy ul li:first-child span.tit{background: #fff}
/*연혁리스트*/
.sjd_baseball .bsbl_hislst ul li{margin-bottom: 12px}
.sjd_baseball .bsbl_hislst ul li span{display:block}
.sjd_baseball .bsbl_hislst ul li span.tit{flex-shrink:0; width: 120px; padding: 3px; border-radius: 50px; border:2px solid #ededed; background: #fff; text-align: center; box-sizing: border-box}
.sjd_baseball .bsbl_hislst ul li:first-child span.tit{background: #ff6d5a; border-color:#ff6d5a; color:#fff}
.sjd_baseball .bsbl_hislst ul li span.txt{margin: -25px 0 0 130px} 
.sjd_baseball .bsbl_hislst ul li:first-child span.txt{font-weight: 600}
/*야구부소개*/
.sjd_baseball .team_img{overflow: hidden; width: 100%; max-height: 355px; border-radius: 10px}
.sjd_baseball .team_img img{width: 100%; height: auto; border-radius: 10px}
.sjd_baseball .team_greet{margin-top: 20px}
.sjd_baseball .gtit{padding: 5px 5px 5px 37px; margin-bottom: 10px; background:url(../images/sub/baseball_ico.png) no-repeat left top 2px; font-size:1.067em; font-weight: 600}
.sjd_baseball .gtit span{color:#ff523b}
.sjd_baseball .gtxt{padding: 15px; margin-bottom: 20px; border-radius:5px; border:2px solid #f1f1f1}
.sjd_baseball .gtxt:last-child{margin-bottom: 0}
.sjd_baseball .gtxt ul li{margin-bottom: 10px}
.sjd_baseball .gtxt ul li:last-child{margin-bottom: 0}


/*학생자치회*/
.sjd_union .uni_moto{margin-bottom: 30px; text-align: center}
/*조직활동 맵*/
.sjd_union .union_map{position: relative; margin-bottom: 40px}
.sjd_union .union_map::before,
.sjd_union .union_map::after{display: block; clear: both; content: ''; position: absolute; z-index: 1}
.sjd_union .union_map::before{top:20px; left:11%; width:91px; height: 81px; background:url(../images/sub/union_img1.png) no-repeat center}
.sjd_union .union_map::after{top:15px; right:11%; width:86px; height: 86px; background:url(../images/sub/union_img2.png) no-repeat center}
.sjd_union .union_map .uni_boss{position: relative; width: 309px; height: 60px; line-height: 60px; margin: 0 auto 20px; border-radius: 30px 30px 10px 10px; background: #45acd3; text-align: center; font-size: 1.067em; font-weight: 600; color:#fff}
.sjd_union .union_map .uni_boss::after{display: block; clear: both; content: ''; position: absolute; bottom:-20px; left:50%; width: 1px; height: 20px; background: #dadada}
.sjd_union .union_map .uni_boss span{display:inline-block; position: relative; padding: 0 20px}
.sjd_union .union_map .uni_boss span::before,
.sjd_union .union_map .uni_boss span::after{display: block; clear: both; content: ''; position: absolute; top:26px; width: 6px; height: 6px; background: #fff; border-radius: 10px}
.sjd_union .union_map .uni_boss span::before{right:0}
.sjd_union .union_map .uni_boss span::after{left:0}
.sjd_union .union_map .uni_lstbx{position: relative; display:flex; gap:20px; padding:20px 0 0;  border-top:1px solid #dadada}
.sjd_union .union_map .uni_lstbx::before,
.sjd_union .union_map .uni_lstbx::after{display: block; clear: both; content: ''; position: absolute; top:-1px; width: 16%; height: 1px; background: #fff}
.sjd_union .union_map .uni_lstbx::before{left:0}
.sjd_union .union_map .uni_lstbx::after{right:0}
.sjd_union .union_map .mid_boss{position: relative; width: calc(100%/3)}
.sjd_union .union_map .mid_boss::after{display: block; clear: both; content: ''; position: absolute; top:-20px; left:50%; width: 1px; height: 20px; background: #dadada}
.sjd_union .union_map .mid_boss > p{ height: 54px; line-height: 54px; margin: 0 auto; border:2px solid #ccc; border-radius: 30px; background: #fff; text-align: center; font-weight: 600}
.sjd_union .union_map .mid_boss.type1 > p{border-color:#ffc23e}
.sjd_union .union_map .mid_boss.type2 > p{border-color:#9dd16f}
.sjd_union .union_map .mid_boss.type3 > p{border-color:#f7a0b2}
.sjd_union .union_map .mid_boss ul{display: flex; gap:20px; margin-top: 20px}
.sjd_union .union_map .mid_boss ul li{position: relative; width: 100%; padding: 15px 5px; border-radius:15px; background: #ccc; text-align: center; box-sizing: border-box}
.sjd_union .union_map .mid_boss ul li::after{display: block; clear: both; content: ''; position: absolute; top:-20px; left:50%; width: 1px; height: 20px; background: #dadada}
.sjd_union .union_map .mid_boss.type1 ul li{background: #ffefc3}
.sjd_union .union_map .mid_boss.type2 ul li{background: #e4f7d4}
.sjd_union .union_map .mid_boss.type3 ul li{background: #ffe7ec}


/*송정동도서실*/
/*이용시간*/
.sjd_library .period_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; gap:40px 30px; margin: 30px 0}
.sjd_library .period_bx{display: flex; flex-direction:column; flex:1; min-width: 200px;  position: relative; border-bottom: 2px solid #ccc}
.sjd_library .period_bx::after{display: block; clear: both; content: ''; position: absolute; top:-17px; left:0; width:100%; height:30px; border-radius:15px 15px 5px 5px; background: #c0c0c0}
.sjd_library .period_bx p.tit{position: relative; width: 85px; height: 24px; line-height: 24px; margin: 0 auto; border-radius: 50px; border-radius: 50px; background: #ccc; color:#fff; font-weight: 600; text-align: center; z-index: 1}
.sjd_library .period_bx p.txt{margin: 20px 5px; line-height: 150%; text-align: center}
/*학기중*/
.sjd_library .period_bx.period1{border-bottom-color:#3d99cf}
.sjd_library .period_bx.period1::after{background: #77cdff}
.sjd_library .period_bx.period1 p.tit{background: #3d99cf}
/*방학중*/
.sjd_library .period_bx.period2{border-bottom-color:#6cad3e}
.sjd_library .period_bx.period2::after{background: #9ad470}
.sjd_library .period_bx.period2 p.tit{background: #6cad3e}
/*대출 및 반납*/
.sjd_library .borrow_bx{position: relative; margin-bottom: 20px}
.sjd_library .borrow_bx::after{display: block; clear: both; content: ''; position: absolute; right:15px; bottom:-5px; width:164px; height: 142px; background:url(../images/sub/library_img.png) no-repeat left center}
.sjd_library .borrow_bx dl{display: flex; gap:15px; margin-bottom: 15px}
.sjd_library .borrow_bx dl dt{flex-shrink:0; width:160px; border-radius: 5px; border:2px solid #ccc; background: #fff; align-content:space-around; text-align: center}
.sjd_library .borrow_bx dl dt span{display: inline-block; padding: 5px 0 5px 60px; font-size:1.067em; font-weight: 600}
.sjd_library .borrow_bx dl dd{width: 100%; padding: 13px; align-content: space-around; background: #f5f5f5; border-radius: 5px; box-sizing: border-box}
.sjd_library .borrow_bx dl dd ul li{position: relative; padding-left: 15px; margin-bottom: 5px; line-height: 150%}
.sjd_library .borrow_bx dl dd ul li:last-child{margin-bottom: 0}
.sjd_library .borrow_bx dl dd ul li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:9px; width: 3px; height: 3px; background: #545454}
/*대출*/
.sjd_library dl.borrow_type1 dt{border-color:#3d99cf}
.sjd_library dl.borrow_type1 dt span{background:url(../images/sub/ico_library_out.png) no-repeat left center}
/*반납*/
.sjd_library dl.borrow_type2 dt{border-color:#7dc04c}
.sjd_library dl.borrow_type2 dt span{background:url(../images/sub/ico_library_in.png) no-repeat left center} 


/*송정동 학부모회*/
.sjd_parent .parent_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; gap:40px 30px; margin: 50px 0 40px}
.sjd_parent .parent_bx{display: flex; flex-direction:column; flex:1; min-width: 200px;  position: relative; border-bottom: 2px solid #ccc}
.sjd_parent .parent_bx::after{display: block; clear: both; content: ''; position: absolute; top:-17px; left:0; width:100%; height:30px; border-radius:15px 15px 5px 5px; background: #c0c0c0}
.sjd_parent .parent_bx p.tit{position: relative; width: 85px; height: 24px; line-height: 24px; margin: 0 auto; border-radius: 50px; border-radius: 50px; background: #ccc; color:#fff; font-weight: 600; text-align: center; z-index: 1}
.sjd_parent .parent_bx p.txt{padding-top: 60px; margin: 20px 5px; line-height: 150%; text-align: center}
/*구성 대상*/
.sjd_parent .parent_bx.parent1{border-bottom-color:#3d99cf}
.sjd_parent .parent_bx.parent1::after{background: #77cdff}
.sjd_parent .parent_bx.parent1 p.tit{background: #3d99cf}
.sjd_parent .parent_bx.parent1 p.txt{background:url(../images/sub/ico_parent1.png) no-repeat center top}
/*임원진*/
.sjd_parent .parent_bx.parent2{border-bottom-color:#6cad3e}
.sjd_parent .parent_bx.parent2::after{background: #9ad470}
.sjd_parent .parent_bx.parent2 p.tit{background: #6cad3e}
.sjd_parent .parent_bx.parent2 p.txt{background:url(../images/sub/ico_parent2.png) no-repeat center top}
/*주요 활동*/
.sjd_parent .parent_bx.parent3{border-bottom-color:#ba85df}
.sjd_parent .parent_bx.parent3::after{background: #dfc2f3}
.sjd_parent .parent_bx.parent3 p.tit{background: #ba85df}
.sjd_parent .parent_bx.parent3 p.txt{background:url(../images/sub/ico_parent3.png) no-repeat center top 9px}
/*동아리 안내*/
.sjd_parent .club_bx{position: relative; margin-bottom: 40px}
.sjd_parent .club_bx dl{display: flex; gap:15px; margin-bottom: 15px}
.sjd_parent .club_bx dl dt{flex-shrink:0; width:160px; border-radius: 5px; border:2px solid #ccc; background: #fff; color:#fff; align-content:space-around; text-align: center}
.sjd_parent .club_bx dl:first-child dt{background: #fff; color:#000}
.sjd_parent .club_bx dl dt span{display: inline-block; padding: 5px 0 5px 60px; font-size:1.067em; font-weight: 600}
.sjd_parent .club_bx dl:nth-child(2) dt span{background:url(../images/sub/ico_pclub3.png) no-repeat left center}
.sjd_parent .club_bx dl:nth-child(3) dt span{background:url(../images/sub/ico_pclub4.png) no-repeat left center}
.sjd_parent .club_bx dl dd{width: 100%; padding: 13px; align-content: space-around; background: #f5f5f5; border-radius: 5px; box-sizing: border-box}
.sjd_parent .club_bx dl dd ul li{position: relative; padding-left: 15px; margin-bottom: 5px; line-height: 150%}
.sjd_parent .club_bx dl dd ul li:last-child{margin-bottom: 0}
.sjd_parent .club_bx dl dd ul li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:9px; width: 3px; height: 3px; background: #545454}
/*녹색학부모회*/
.sjd_parent .club_type1 dl dt{background: #a7d062; border-color:#a7d062} 
.sjd_parent .club_type1 dl:first-child dt span{background:url(../images/sub/ico_pclub1.png) no-repeat left center}
/*학부모 독서회 솔빛마루*/
.sjd_parent .club_type2 dl dt{background: #4fb682; border-color:#4fb682} 
.sjd_parent .club_type2 dl:first-child dt span{background:url(../images/sub/ico_pclub2.png) no-repeat left center}


/*교외체험학습*/
/*신청서 및 보고서 제출 안내*/
.sjd_trip .trip_line01{margin:15px 0 40px}
/*절차*/
.sjd_trip .trip_step{padding: 15px; border-radius: 5px; background: #f5f5f5}
.sjd_trip .trip_step ol{display: flex; flex-wrap: wrap; gap:10px 23px}
.sjd_trip .trip_step ol li{display: flex; flex: 1; min-width: 205px; justify-content: space-between; position: relative; padding: 7px; border-radius: 50px; border:2px solid #dfdfdf; background: #fff}
.sjd_trip .trip_step ol li::after{display: block; clear: both; content: ''; position: absolute; right: -12px; top:17px; width: 12px; height: 19px; background:url(../images/sub/step_arw.png) no-repeat left center}
.sjd_trip .trip_step ol li:last-child::after{display: none}
.sjd_trip .trip_step li .num{width: 38px; height: 38px; line-height: 38px; background: #f0f0f0; border-radius: 50%; text-align: center; font-size: 16px; font-weight: 600}
.sjd_trip .trip_step li .txt{margin-right: 10px; align-content: space-around}
.sjd_trip .trip_step li .txt span{display: inline-block; width: 54px; height: 22px; line-height: 22px; margin-left: 7px; border-radius: 50px; background: #ccc; text-align: center; color:#fff}
.sjd_trip .trip_step li .txt span.bg_col1{background: #fc8f7a}
.sjd_trip .trip_step li .txt span.bg_col2{background: #87b6eb}
/*기본안내*/
.sjd_trip .trip_info{padding: 20px 15px; border-bottom: 2px solid #e4e4e4}
.sjd_trip .trip_info dl{display: flex; gap:20px; padding-bottom:15px; margin-bottom: 15px; border-bottom: 1px solid #f2f2f2}
.sjd_trip .trip_info dl:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none}
.sjd_trip .trip_info dl dt{flex-shrink:0; width: 115px; background:url(../images/sub/ico_tit1.png) no-repeat left top 4px; font-size: 15px; text-align: right; font-weight: 600}
.sjd_trip .trip_info dl dd{align-content: space-around}
/*절차 세부안내*/
.sjd_trip .trip_line02{margin:15px 0 40px}
/*세부안내*/
.sjd_trip .trip_detail > ol > li{display:flex; gap:20px; margin-bottom: 25px}
.sjd_trip .trip_detail > ol > li:last-child{margin-bottom: 0}
.sjd_trip .trip_detail li .num{overflow: hidden; flex-shrink:0; width: 116px; height:108px; background-color: #fff; background-repeat:no-repeat; background-position:right 15px bottom 15px;  border-radius: 5px 30px 5px 30px; border:2px solid #d6e5b8}
.sjd_trip .trip_detail li .num span{display: block; width: 48px; height: 38px; line-height: 36px; border-radius: 0 0 20px 0; background: #d6e5b8; font-weight: 600; text-align: center}
.sjd_trip .trip_detail > ol > li:first-child .num{background-image:url(../images/sub/img_step1.png)}
.sjd_trip .trip_detail > ol > li:nth-child(2) .num{background-image:url(../images/sub/img_step2.png)}
.sjd_trip .trip_detail > ol > li:nth-child(3) .num{background-image:url(../images/sub/img_step3.png)}
.sjd_trip .trip_detail > ol > li:nth-child(4) .num{background-image:url(../images/sub/img_step4.png)}
.sjd_trip .trip_detail > ol > li:nth-child(5) .num{background-image:url(../images/sub/img_step5.png)}
.sjd_trip .trip_detail .txtbx{width: 100%}
.sjd_trip .trip_detail .txtbx .tit{padding: 0 0 13px 20px; margin: 0 0 13px; border-bottom: 1px solid #ededed; background:url(../images/sub/ico_tit2.png) no-repeat left top 3px; font-size: 1.067em; font-weight: 600}
.sjd_trip .trip_detail .txtbx > ul > li{position: relative; margin-bottom: 7px; padding-left: 15px}
.sjd_trip .trip_detail .txtbx > ul > li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:7px; width: 3px; height: 3px; background: #adadad}
.sjd_trip .trip_detail .txtbx > ul > li:last-child{margin-bottom:0}
/*참고사항*/
.sjd_trip .refer_bx{padding: 5px; margin-top: 10px; border-radius: 5px; background: #f3f3f3}
.sjd_trip .refer_bx dl{display: flex; gap:10px; margin-bottom: 5px}
.sjd_trip .refer_bx dl:last-child{margin-bottom: 0}
.sjd_trip .refer_bx dt.rtit{flex-shrink:0; width: 70px; background: #fff; border-radius:5px; align-content: space-around; text-align: center}
.sjd_trip .refer_bx ul{padding: 3px 0}
.sjd_trip .refer_bx ul li{position: relative; padding: 0 0 0 12px; margin-bottom: 3px; font-size: 14px}
.sjd_trip .refer_bx ul li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:8px; width: 4px; height: 2px; background: #a6a6a6}
.sjd_trip .refer_bx ul li:last-child{margin-bottom: 0}
/*유의사항*/
.sjd_trip .essen_bx{display: flex; gap:20px; padding: 10px; margin-top: 20px; border-radius: 10px; border:2px solid #ff7b69}
.sjd_trip .essen_bx .etit{flex-shrink:0; width: 107px; background: #ff7b69; border-radius: 8px; text-align: center; align-content: space-around; color:#fff; font-weight: 600; font-size:1.067em}
.sjd_trip .essen_bx ul li{line-height: 140%; font-weight: 14px}
/*버튼*/
.sjd_trip .go_btn{display: flex; flex-wrap: wrap; gap:10px; padding-top: 35px; justify-content:space-around; border-top:2px solid #e4e4e4}
.sjd_trip .go_btn a{position: relative; display: flex; flex: 1px; min-width: 410px; max-width: 410px; margin-bottom: 10px; padding:10px 10px 10px 20px; border-radius: 50px; background: #9ec44e; font-size: 17px; color:#fff; box-sizing: border-box; box-shadow:0 3px 1px rgba(0, 0, 0, 0.1); transition: all .3s}
.sjd_trip .go_btn a::after{display: block; clear: both; content: 'GO'; position: absolute; right:15px; top:12px; width:56px; height: 34px; line-height: 34px; background: #fff; border-radius: 50px; text-align: center; font-weight: 600; color:#000; box-shadow:0 2px 1px rgba(0, 0, 0, 0.05)}
.sjd_trip .go_btn a > span{display: block; padding: 10px 0 10px 35px; background:url(../images/sub/btn_goarw.png) no-repeat left top 8px}
.sjd_trip .go_btn a:hover{background:#709524}


/*결석신고서*/
/*기본안내*/
.sjd_absence .abs_txt{padding: 5px; border-radius: 5px; background: #f5f5f5}
.sjd_absence .abs_txt p{padding: 10px 10px 10px 40px; background:url(../images/sub/ico_txthead.png) no-repeat left 10px top 7px}
.sjd_absence .abs_info{margin-bottom: 25px; padding: 20px 15px; border-bottom: 2px solid #e4e4e4}
.sjd_absence .abs_info dl{display: flex; gap:20px; padding-bottom:15px; margin-bottom: 15px; border-bottom: 1px solid #f2f2f2}
.sjd_absence .abs_info dl:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: none}
.sjd_absence .abs_info dl dt{flex-shrink:0; width: 80px; background:url(../images/sub/ico_tit1.png) no-repeat left top 4px; font-size: 15px; text-align: right; font-weight: 600}
.sjd_absence .abs_info dl dd{align-content: space-around}
/*버튼*/
.sjd_absence .go_btn{display: flex; flex-wrap: wrap; gap:10px; padding-top: 35px; justify-content:space-around; border-top:2px solid #e4e4e4}
.sjd_absence .go_btn a{position: relative; display: flex; flex: 1px; min-width: 410px; max-width: 410px; margin-bottom: 10px; padding:10px 10px 10px 20px; border-radius: 50px; background: #62bac5; font-size: 17px; color:#fff; box-sizing: border-box; box-shadow:0 3px 1px rgba(0, 0, 0, 0.1); transition: all .3s}
.sjd_absence .go_btn a::after{display: block; clear: both; content: 'GO'; position: absolute; right:15px; top:12px; width:56px; height: 34px; line-height: 34px; background: #fff; border-radius: 50px; text-align: center; font-weight: 600; color:#000; box-shadow:0 2px 1px rgba(0, 0, 0, 0.05)}
.sjd_absence .go_btn a > span{display: block; padding: 10px 0 10px 35px; background:url(../images/sub/btn_goarw.png) no-repeat left top 8px}
.sjd_absence .go_btn a:hover{background:#3f8d97}


/*교육복지*/
.sjd_welfare .welfare_moto{text-align:center}
.sjd_welfare .moto_tel{display: flex; width: 345px; padding: 7px; margin: 20px auto; border-radius: 50px; border:2px solid #e3e3e3; box-sizing: border-box}
.sjd_welfare .moto_tel dt{flex-shrink: 0; width: 64px; padding: 7px; border-radius: 50px; background: #a7a7a7; font-weight: 600; color:#fff}
.sjd_welfare .moto_tel dd{width: 100%; align-content:center}
.sjd_welfare .cont_txtbx.imgbx2::after{right:15px; top:-61px; width:272px; height: 106px; background:url(../images/sub/welfare_img.png) no-repeat center}
/*특별함*/
.sjd_welfare .numtxt_lst{margin-bottom: 35px}
.sjd_welfare .num_txtbx{position: relative; margin-bottom: 15px}
.sjd_welfare p.num_head{display: flex; gap:13px; margin-bottom: 5px; padding: 10px 0}
.sjd_welfare p.num_head .num{flex-shrink:0; display: block; width: 36px; height: 36px; line-height:36px; background: #f0f; color:#fff; border-radius: 50px; text-align: center; font-weight: 600}
.sjd_welfare p.num_head .tit{align-content: space-around; font-size: 1.067em; font-weight: 600}
.sjd_welfare p.num_head.num_type1 .num{background: #7cc1f1}
.sjd_welfare p.num_head.num_type2 .num{background: #9bcc5c}
.sjd_welfare p.num_head.num_type3 .num{background: #b286d9}
.sjd_welfare p.num_head.num_type1 .tit{color:#408cc1}
.sjd_welfare p.num_head.num_type2 .tit{color:#6c9833}
.sjd_welfare p.num_head.num_type3 .tit{color:#9e56d5}
.sjd_welfare .num_txtbx ul{padding: 13px 15px; border-radius: 10px; border:2px solid #ececec}
.sjd_welfare .num_txtbx ul li{position: relative; padding-left: 15px; margin-bottom: 5px; line-height: 150%}
.sjd_welfare .num_txtbx ul li:last-child{margin-bottom: 0}
.sjd_welfare .num_txtbx ul li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:9px; width: 3px; height: 3px; background: #545454}
/*학생맞춤통합지원 운영*/
.sjd_welfare .welfare_step {overflow: hidden; width:100%; margin: 20px 0; text-align: center}
.sjd_welfare .stepinfo{padding: 15px; border-radius:5px; background: #f9f9f9}
.sjd_welfare .stepinfo ul li{display: flex; margin-bottom: 7px; gap:10px}
.sjd_welfare .stepinfo ul li:last-child{margin-bottom: 0}
.sjd_welfare .stepinfo ul li span.tit{flex-shrink:0; width:160px; padding: 3px; border-radius: 10px; background: #b4b4b4; color:#fff; font-weight: 600; text-align: center; align-content: space-around}
.sjd_welfare .stepinfo ul li span.txt{width: 100%; align-content: space-around}


/*연구학교*/
/*기본안내*/
.sjd_research .research_info{margin: 0 0 35px; text-align: center}
.sjd_research .research_info .info_head span{display: inline-block; padding:3px 0 3px 35px; background:url(../images/sub/ico_txthead.png) no-repeat left top 1px; font-size: 1.067em; font-weight: 600}
.sjd_research .research_info ul{margin-top: 15px; padding: 15px; border-radius:5px; border:2px solid #f1f1f1}
.sjd_research .research_info ul li{margin-bottom: 10px; line-height:150%}

/*우리다움*/
.sjd_research .research_moto{position: relative; margin: 0 120px 30px; text-align: center}
.sjd_research .research_moto::after{display: block; clear: both; content: ''; position: absolute; bottom:-10px; left:0; width: 100%; height: 80px; border-radius: 50px; background: #f5f5f5}
.sjd_research .research_moto .moto_slog{position: relative; z-index: 1}
.sjd_research .research_moto .moto_txt{position: relative; display: inline-block; padding: 0 20px; margin: 10px 0; font-size: 1.067em; z-index: 1}
.sjd_research .research_moto .moto_txt::before,
.sjd_research .research_moto .moto_txt::after{display: block; clear: both; content: ''; position: absolute; top:5px; width: 8px; height: 8px; border-radius: 10px; background: #d5d5d5}
.sjd_research .research_moto .moto_txt::before{left:0}
.sjd_research .research_moto .moto_txt::after{right:0}
/*운영과제*/
.sjd_research .proj_bx{display: flex; gap:15px; margin-bottom: 20px; padding: 10px; border-radius: 5px; border:2px solid #f1f1f1}
.sjd_research .proj_bx .tit{flex-shrink:0; width: 138px; border-radius: 5px; background: #ccc; font-size: 1.067em; color:#fff; text-align: center; font-weight: 600; align-content: space-around}
.sjd_research .proj_bx.proj1 .tit{background: #5ebccd}
.sjd_research .proj_bx.proj2 .tit{background: #ffcd63}
.sjd_research .proj_bx.proj3 .tit{background: #a7d576}
.sjd_research .proj_bx .tit span{display:block; margin-top: 15px; font-size: 1.563em; font-weight: 700}
.sjd_research .proj_tb{width: 100%}
.sjd_research .proj_tb .lstit{padding:13px 10px 17px 45px; margin-bottom: 10px; border-bottom: 2px solid #f1f1f1; font-size: 1.133em; font-weight: 600}
.sjd_research .proj_bx.proj1 .proj_tb .lstit{background:url(../images/sub/ico_research1.png) no-repeat left top 6px}
.sjd_research .proj_bx.proj2 .proj_tb .lstit{background:url(../images/sub/ico_research2.png) no-repeat left top 6px}
.sjd_research .proj_bx.proj3 .proj_tb .lstit{background:url(../images/sub/ico_research3.png) no-repeat left top 6px}
.sjd_research .proj_bx.proj1 .proj_tb{background:url(../images/sub/bg_research1.png) no-repeat right 15px bottom 15px}
.sjd_research .proj_bx.proj2 .proj_tb{background:url(../images/sub/bg_research2.png) no-repeat right 15px bottom 15px}
.sjd_research .proj_bx.proj3 .proj_tb{background:url(../images/sub/bg_research3.png) no-repeat right 15px bottom 15px}
.sjd_research .proj_tb ol {padding: 0 0 10px}
.sjd_research .proj_tb ol li{display: flex; gap:10px; margin-bottom: 7px}
.sjd_research .proj_tb ol li:last-child{margin-bottom: 0}
.sjd_research .proj_tb ol li span.num{display: block; width:30px; height: 30px;line-height: 30px; border-radius: 50px; background: #e7e7e7; font-weight: 600; text-align: center}
.sjd_research .proj_tb ol li span.txt{align-content:space-around}


/*교육기본방향_교육상*/
/*송정동 교육상 슬로건*/
.sjd_education .edu_info{text-align: center}
.sjd_education .edu_txt{padding: 15px; margin: 10px 0 20px; border-radius: 5px; background: #f9f9f9; line-height: 160%}
/*송정동 교육상 리스트*/
.sjd_education .edu_lstbx{display: flex; flex-wrap: wrap; justify-content: center; gap:30px; margin: 15px 0 20px; text-align: center} 
.sjd_education .edu_lstbx > div{display:flex; flex-direction:column; flex:1; min-width: 227px; border-bottom: 2px solid #ccc}
.sjd_education .edu_lstbx .edu_tb{position: relative; display:flex; flex-direction:column; flex:1}
.sjd_education .edu_lstbx .edu_tb::after{display: block; content: ''; clear: both; position:absolute; top:-65px; left:0; width: 100%; height:90px; background: #00f; border-radius: 20px 20px 5px 5px}
.sjd_education .edu_lstbx .edu_img{position: relative; overflow: hidden; width:209px; height: 143px; margin: 0 auto; background: #f8f8f8; border-radius: 25px 25px 10px 10px; align-content: space-around; box-shadow:0 1px 3px rgba(0, 0, 0, 0.15); z-index: 1}
.sjd_education .edu_lstbx .edu_tb > p{position: relative; z-index: 1}
.sjd_education .edu_lstbx .edu_tit{width: 90px; height: 26px; line-height: 26px; margin: 10px auto; border-radius: 50px; background: #ccc; color:#fff; font-weight: 600}
.sjd_education .edu_lstbx ul{flex:1; margin:0 10px 10px; padding: 13px; background: #f5f5f5; border-radius: 6px; text-align: left}
.sjd_education .edu_lstbx ul li{position: relative; padding-left: 12px; margin-bottom: 6px; line-height: 140%}
.sjd_education .edu_lstbx ul li:last-child{margin-bottom: 0}
.sjd_education .edu_lstbx ul li::after{display: block; clear: both; content: ''; position: absolute; top:7px; left:0; width: 3px; height: 3px; background: #a2a2a2}
/*학교상*/
.sjd_education .edu_lstbx .edu_item1{border-bottom-color: #83c959}
.sjd_education .edu_item1 .edu_tb::after{background: #b1dd97}
.sjd_education .edu_item1 .edu_tit{background: #83c959}
/*학생상*/
.sjd_education .edu_lstbx .edu_item2{border-bottom-color: #ffac35}
.sjd_education .edu_item2 .edu_tb::after{background: #ffd480}
.sjd_education .edu_item2 .edu_tit{background: #ffac35}
/*교직원상*/
.sjd_education .edu_lstbx .edu_item3{border-bottom-color: #58a8d1}
.sjd_education .edu_item3 .edu_tb::after{background: #9dd4f0}
.sjd_education .edu_item3 .edu_tit{background: #58a8d1}
/*학부모상*/
.sjd_education .edu_lstbx .edu_item4{border-bottom-color: #f48dc6}
.sjd_education .edu_item4 .edu_tb::after{background: #ffc9e7}
.sjd_education .edu_item4 .edu_tit{background: #f48dc6}
/*교육목표*/
.sjd_education .edu_btmbx{display: flex; flex-wrap: wrap; justify-content: space-between; gap:30px}
.sjd_education .edu_btmbx > p{flex: 1; min-width: 280px; padding: 20px; border-radius:5px 5px 40px 40px; border:2px solid #eaeaea; text-align: center; box-sizing: border-box}


/*교육기본방향_목표, 중점, 특색*/
/*교육목표*/
.sjd_education2 .edugoal_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; gap:40px 30px; margin: 40px 0}
.edugoal_wrap .edugoal_bx{display: flex; flex-direction:column; flex:1; position: relative; min-width: 200px; border-bottom: 2px solid #ccc}
.edugoal_wrap .edugoal_bx::after{display: block; clear: both; content: ''; position: absolute; top:-17px; left:0; width:100%; height:30px; border-radius:15px 15px 5px 5px; background: #c0c0c0}
.edugoal_wrap .edugoal_bx p.tit{position: relative; width: 85px; height: 24px; line-height: 24px; margin: 0 auto; border-radius: 50px; border-radius: 50px; background: #ccc; color:#fff; font-weight: 600; text-align: center; z-index: 1}
.edugoal_wrap .edugoal_bx p.txt{padding-top: 60px; margin: 20px 5px; line-height: 150%; text-align: center}
/*도덕인*/
.edugoal_wrap .edugoal_bx.edugoal1{border-bottom-color:#48b398}
.edugoal_wrap .edugoal_bx.edugoal1::after{background: #92e3cf}
.edugoal_wrap .edugoal_bx.edugoal1 p.tit{background: #48b398}
.edugoal_wrap .edugoal_bx.edugoal1 p.txt{background:url(../images/sub/ico_edugoal1.png) no-repeat center top}
/*창조인*/
.edugoal_wrap .edugoal_bx.edugoal2{border-bottom-color:#ce87fb}
.edugoal_wrap .edugoal_bx.edugoal2::after{background: #eac9ff}
.edugoal_wrap .edugoal_bx.edugoal2 p.tit{background: #ce87fb}
.edugoal_wrap .edugoal_bx.edugoal2 p.txt{background:url(../images/sub/ico_edugoal2.png) no-repeat center top 2px}
/*건강인*/
.edugoal_wrap .edugoal_bx.edugoal3{border-bottom-color:#ffae3d}
.edugoal_wrap .edugoal_bx.edugoal3::after{background: #ffe795}
.edugoal_wrap .edugoal_bx.edugoal3 p.tit{background: #ffae3d}
.edugoal_wrap .edugoal_bx.edugoal3 p.txt{background:url(../images/sub/ico_edugoal3.png) no-repeat center top }
/*노력중점*/
.sjd_education2 .edupoint_wrap{display: flex; flex-wrap: wrap; justify-content: space-between; gap:20px; margin: 20px 0 40px}
.edupoint_wrap .edupoint_bx{display: flex; flex-direction:column; flex:1; position: relative; min-width: 220px; padding: 10px; border-radius: 10px; border:2px solid #eaeaea; box-sizing: border-box}
.edupoint_wrap .edupoint_bx .pointit{position: relative; padding:15px 5px 20px; margin-bottom: 10px; border-radius: 8px; background: #95d0ee; text-align: center; line-height: 150%; color:#fff}
.edupoint_wrap .edupoint_bx .pointit::after{display: block; clear: both; content: ''; position: absolute; bottom:0; left:50%; margin-left: -3px; border-top: 7px solid transparent; border-bottom: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent}
.edupoint_wrap .edupoint_bx:nth-child(even) p.pointit{background: #71b8dd}
.edupoint_wrap .edupoint_bx .pointit span{display: block; font-weight: 600}
.edupoint_wrap .edupoint_bx ul{margin:0 5px}
.edupoint_wrap .edupoint_bx ul li{position: relative; padding-left: 12px; margin-bottom: 6px; line-height: 140%}
.edupoint_wrap .edupoint_bx ul li:last-child{margin-bottom: 0}
.edupoint_wrap .edupoint_bx ul li::after{display: block; clear: both; content: ''; position: absolute; top:7px; left:0; width: 3px; height: 3px; background: #a2a2a2}
/*특색교육*/
.sjd_education2 .eduspecial_wrap{ margin: 20px 0 40px; border-top:1px solid #e0e0e0}
.eduspecial_wrap .eduspe_tit{padding: 30px 0 30px 90px}
.eduspecial_wrap .eduspe_txt{position: relative; padding: 23px; border: 2px solid #a3c781; border-radius: 5px; text-align: center; line-height: 150%}
.eduspecial_wrap .eduspe_txt::before,
.eduspecial_wrap .eduspe_txt::after{display: block; clear: both; content: ''; position: absolute}
.eduspecial_wrap .eduspe_txt::before{top:-138px; right:10px; width: 252px; height: 140px; background:url(../images/sub/speedu_img.png) no-repeat center top}
.eduspecial_wrap .eduspe_txt::after{bottom:-22px; right:50%; width: 1px; height: 20px; background:#d9d9d9}
.eduspecial_wrap .eduspe_lst{position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; gap:40px 30px; padding: 15px 0 0; margin: 20px 0 0; border-top:1px solid #d9d9d9}
.eduspecial_wrap .eduspe_lst::before,
.eduspecial_wrap .eduspe_lst::after{display: block; clear: both; content: ''; position: absolute; top:-1px; height: 1px; background: #fff}
.eduspecial_wrap .eduspe_lst::before{left:0; width: 15.6%}
.eduspecial_wrap .eduspe_lst::after{right:0; width: 15.7%}
.eduspecial_wrap .eduspe_lst > div{position: relative; display: flex; flex-direction:column; flex:1; position: relative; min-width: 200px; text-align: center}
.eduspecial_wrap .eduspe_lst > div::after{display: block; clear: both; content: ''; position: absolute; top:-15px; right:50%; width: 1px; height: 15px; background:#d9d9d9}
.eduspecial_wrap .eduspe_lst > div .num{position: relative; display: block; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; background: #f0f; border-radius: 50px; text-align: center; font-size: 1.067em; font-weight: 600; color:#fff; z-index: 1}
.eduspecial_wrap .eduspe_lst > div .txt{padding: 40px 5px 25px; margin-top: -25px; background: #f3f3f3; border-radius:15px 15px 5px 5px; line-height: 150%}
.eduspecial_wrap .eduspe_lst > div.eduspe1 .num{background: #ffcb4e}
.eduspecial_wrap .eduspe_lst > div.eduspe2 .num{background: #ffa1c3}
.eduspecial_wrap .eduspe_lst > div.eduspe3 .num{background: #81c1e9}



/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
/* subVisual */ 
.subvisual{margin-bottom: 0; position: relative; z-index: 1}
.subvisual .visual_wrap {position: relative; width: 100%;  margin: 0 auto}
/*배경색*/
.subvisual .visual_item {width:auto; height:230px}
.subvisual .visual_item::after{display: none}
.subvisual .item1{background:url(../images/sub/v01_p_bg_m.jpg) repeat-x center bottom}
.subvisual .item2{background:url(../images/sub/v02_p_bg_m.jpg) repeat-x center bottom}
.subvisual .item3{background:url(../images/sub/v03_p_bg_m.jpg) repeat-x center bottom}
/*이미지*/
.visual_item .img_box{display: block; position: relative; width:calc(100% - 20px); max-width:1867px; height:166px; margin:0 auto 60px; border-radius: 30px; box-shadow: 2px 2px 2px rgba(0,0,0,0.1)}
.visual_item.item1 .img_box{background:url(../images/sub/sv01_m_n.jpg) no-repeat center top}
.visual_item.item2 .img_box{background:url(../images/sub/sv02_m_n.jpg) no-repeat center top}
.visual_item.item3 .img_box{background:url(../images/sub/sv03_m_n.jpg) no-repeat center top}
/*양쪽모서리*/
.visual_item.item1 .img_box::after{display: block; position: absolute; content: ''; clear: both; width: 48px; height: 48px; bottom:-65px; left:-47px; background: url(../images/main/boder1_left.gif)no-repeat}
.visual_item.item1 .img_box::before{display: block; position: absolute; content: ''; clear: both; width: 48px; height: 48px; bottom:-65px; right:-47px; background: url(../images/main/boder1_right.gif)no-repeat}
.visual_item.item2 .img_box::after{display: block; position: absolute; content: ''; clear: both; width: 48px; height: 48px; bottom:-65px; left:-47px; background: url(../images/main/boder2_left.gif)no-repeat}
.visual_item.item2 .img_box::before{display: block; position: absolute; content: ''; clear: both; width: 48px; height: 48px; bottom:-65px; right:-47px; background: url(../images/main/boder2_right.gif)no-repeat}
.visual_item.item3 .img_box::after{display: block; position: absolute; content: ''; clear: both; width: 48px; height: 48px; bottom:-65px; left:-47px; background: url(../images/main/boder3_left.gif)no-repeat}
.visual_item.item3 .img_box::before{display: block; position: absolute; content: ''; clear: both; width: 48px; height: 48px; bottom:-65px; right:-47px; background: url(../images/main/boder3_right.gif)no-repeat}

/* Layout */
.headerwrap{height:57px}
.header_top{height: 57px; border-bottom: none}
.header_top::before{display: none}
.header_top .header_btn{height:57px; border-bottom:none}
.logo_top a{top:10px}
.header_top .qmu_btnbox{top:10px}
.subconwrap{margin:10px 10px 0}
#subright{position: relative; margin-top: -64px}
#subright.nomargin {margin-top:0 !important}
#subtop{width:100%; height:auto; margin:5px 0 33px; border-radius: 10px 10px 0 0}
#subtop h3{position: relative; height: auto; padding: 15px 0; background:#fff; border-radius:20px 20px 0 0; font-size: 17px; color:#000; font-weight: 600; box-shadow:0 -1px 1px rgba(0,0,0,0.05); z-index: 1}
#subtop h3 span{padding:4px 0 9px 35px; background-size: 23px}
#subpage {margin:50px 0 30px}
#footwrap .add .address p.copy{padding:0 50px}
    
/* MB guide */
#sub_guide {position: absolute; top:55px; left:0; width: 100%; font-size: 14px; z-index:15}
#sub_guide .guide_wrap {padding: 0 0 0 30px; border-radius:10px; background-color: #62b3d4}
#sub_guide .btn_home {display: block; position: absolute; left: 0; top: 0}
#sub_guide .btn_home a {display: block; width: 28px; height: 38px; background:url(../images/sub/btn_mb_home_m.gif) no-repeat center #3b7f9b; border-radius: 10px 0 0 10px; text-indent:-9999999px}
#sub_guide .btn_home span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
#sub_guide .navi_area > ul > li{position: relative; float: left; width: 33.3%;  background:url(../images/sub/btn_mb_arr.gif) no-repeat right 5px center}
#sub_guide .navi_area > ul > li > a {display: block; height: 38px; line-height: 38px; padding:0 33px 0 8px; font-weight: 500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff}
#sub_guide .navi_area > ul > li:last-child a{border-right: none}
#sub_guide .navi_area > ul > li.nav_home{display: none}
#sub_guide .submn {overflow: hidden; position: absolute; left: 0; top: 100%; width:95%;  margin: 0 auto; background: #fff; border:2px solid #4c7085; border-radius:5px 5px 10px 10px; z-index: 10}
#sub_guide .submn ul { padding: 0 6px}
#sub_guide .submn li {padding: 8px 0 8px 5px; border-bottom: 1px solid #ccc; z-index: 150}
#sub_guide .submn li:last-child{border:none}
#sub_guide .submn li a {display: block; line-height: 160%; color: #404040; font-weight: 500}
#sub_guide .submn li a:hover{color:#457c2a; font-weight: 600}
    
/* Tab01 */
.tabnavi01{margin:40px 0 10px; padding-top: 13px}
.tabnavi01 ul li a{min-width:136px; padding: 7px 50px 7px 10px; border-radius:10px 10px 3px 3px; font-size: 15px; background-size: 23px}
.tabnavi01 ul li.on a, .tabnavi01 ul li a:hover{background-size: 23px}
.tabnavi01 ul li a::after{top: 11px}
.tabnavi01 ul li.on a::after, .tabnavi01 ul li a:hover::after{top: 11px}

.tabnavi02{margin:48px 0 10px; padding-top: 13px}
.tabnavi02 ul, .boardTab ul{justify-content: left}
.tabnavi02 ul li{width: auto}
.tabnavi02 ul li a, .boardTab ul li a{font-size: 1.077em}

#footwrap{position: relative}
#footwrap::after{display: block; position: absolute; content: ''; width: 100%; height: 46px; top: 0; left: 0; background: #93a1ac; z-index: -1}
#footwrap .foot_menu .mb_menu{margin-bottom: 13px; height: 46px}
#footwrap .foot_menu .mb_menu li{padding: 10px}
#footwrap .foot_menu .mb_menu li a{color: #fff}
#footwrap .foot_menu .mb_menu li::after{top:17px; background: #fff}
#footwrap .foot_menu .mb_menu li.foot_home a{background-image: url(../images/sub/foot_home_m.gif)}    

/******************************서브컨텐츠 영역**************************************/
/* 컨텐츠 공통 */
h4.sub_tit4 {padding:0 0 0 30px; background-size:23px}
h5.sub_tit5 {padding:0 0 0 29px; margin:5px 0 12px 0; font-size:1.071em; background-position: left top 4px}

/*공통화살표*/
.arw_item{margin: 30px 0 15px; text-align: center}
.arw_item img{width: 100px}

/*공통 텍스트 박스*/ 
.cont_txtbx.imgbx ul{padding-right:0}
.cont_txtbx.imgbx::after{display: none}

/*페이지 상단 공통 타이틀*/
.cont_titbx{margin: 75px 0 20px 0}
.cont_titbx .eng_tit{width: 200px; font-size: 1.000em}
.cont_titbx .bx_txt{border-radius: 10px}
/**세부지정**/
/*학교소개_연혁*/
.sjd_history .cont_titbx::after{bottom:-44px}
    
    
/* -------------------컨텐츠 스타일 시작 -------------------*/

/*송정동 인사말*/ 
.sjd_greeting .gt_tbline .gt_txtbx p{margin-bottom: 20px; line-height: 150%}
.sjd_greeting .gt_txtbx p.line_bx{padding: 20px 10px; margin: 0 0 30px}

    
/*학교소개_연혁*/
/*연도버튼*/
.sjd_history .his_tb::before,
.sjd_history .his_tb::after{top:-76px}
.sjd_history .his_btn a{height: 48px; line-height: 44px}
.sjd_history .his_btn a::after{top:8px}

    
/*학교상징 및 교가*/
/*학교상징*/
.sjd_symsong .sym_lstbx > div{flex: 1}

    
/*오시는길*/
/*지도*/ 
.sjd_map .map_area .root_daum_roughmap .wrap_map {height:250px !important}
/*내용*/
.sjd_map .map_addbx{padding:10px 0}
.sjd_map .map_addbx .add_txt{font-size: 1.000em}
.sjd_map .map_addbx .add_btn a{width:140px; font-size: 13px}
.sjd_map .map_addbx .add_btn span.tit{padding-left: 23px; margin-left: 3px}
.sjd_map .map_addbx .add_btn span.btn{padding: 2px 15px}
.sjd_map .map_txtbx dl dt{width:120px}
.sjd_map .map_txtbx dl dd span{display: block}
    
    
/*송정동 야구부*/
.sjd_baseball .info_bx ul li span.tit{width: 90px}
/*내용*/
.sjd_baseball .bsbl_tit{font-size: 16px}
/*주요수상경력*/
/*전국대회, 광주대회*/
.sjd_baseball .bsbl_trophy ul li span.tit{width: 80px}
/*연혁리스트*/
.sjd_baseball .bsbl_hislst ul li span.tit{width: 90px}
.sjd_baseball .bsbl_hislst ul li span.txt{margin: -25px 0 0 100px} 


/*교외체험학습*/
/*신청서 및 보고서 제출 안내*/
.sjd_trip .trip_line01{margin:15px 0 20px}
/*절차*/
.sjd_trip .trip_step{padding: 10px}
.sjd_trip .trip_step ol{gap:10px}  
.sjd_trip .trip_step ol li::after{display:none} 
.sjd_trip .trip_step li .num{width: 32px; height: 32px; line-height: 32px; font-size: 14px}
.sjd_trip .trip_step li .txt span{width: 45px; margin-left: 5px; font-size: 12px}
/*기본안내*/
.sjd_trip .trip_info{padding: 10px}
.sjd_trip .trip_info dl{padding-bottom:10px; margin-bottom: 10px} 
.sjd_trip .trip_info dl dt{width: 100px; font-size: 14px} 
/*절차 세부안내*/
.sjd_trip .trip_line02{margin:15px 0 20px}
/*세부안내*/
.sjd_trip .trip_detail > ol > li{gap:15px; margin-bottom: 20px}
.sjd_trip .trip_detail li .num{display: none}  
/*참고사항*/  
.sjd_trip .refer_bx dt.rtit{width: 50px}
/*유의사항*/
.sjd_trip .essen_bx{padding: 5px}
.sjd_trip .essen_bx .etit{width: 80px}
/*버튼*/
.sjd_trip .go_btn{padding-top: 20px}    
.sjd_trip .go_btn a{min-width: 280px; max-width:auto; padding: 5px 5px 5px 20px; font-size: 15px}
.sjd_trip .go_btn a::after{right:10px; top:10px; width:46px; height: 28px; line-height: 28px}
.sjd_trip .go_btn a span{padding: 10px 0 10px 25px;background-position:left 2px top 12px; background-size: 15px 16px}


/*결석신고서*/
/*증빙서류안내*/
.sjd_absence .cz_tablebx{margin-bottom: 20px}
/*버튼*/
.sjd_absence .go_btn{padding-top: 20px}    
.sjd_absence .go_btn a{min-width: 280px; max-width:auto; padding: 5px 5px 5px 20px; font-size: 15px}
.sjd_absence .go_btn a::after{right:10px; top:10px; width:46px; height: 28px; line-height: 28px}
.sjd_absence .go_btn a span{padding: 10px 0 10px 25px;background-position:left 2px top 12px; background-size: 15px 16px}


/*교육복지*/
.sjd_welfare .moto_tit img{width: 300px}
.sjd_welfare .moto_tel{width: 100%; padding: 5px; margin: 10px auto 25px}
.sjd_welfare .moto_tel dt{padding: 5px}
.sjd_welfare .cont_txtbx.imgbx2::after{display: none}
/*학생맞춤통합지원 운영*/
.sjd_welfare .welfare_step {overflow-x: auto; margin: 10px 0}
.sjd_welfare .welfare_step .stepimg{min-width:655px}
.sjd_welfare .welfare_step .stepimg img{width: 650px}
.sjd_welfare .stepinfo ul li span.tit{width:100px}


/*연구학교*/
/*기본안내*/
.sjd_research .research_info{margin: 0 0 25px}
/*우리다움*/
.sjd_research .research_moto{margin: 0} 
/*운영과제*/
.sjd_research .proj_bx{margin-bottom: 10px}
.sjd_research .proj_bx .tit{width: 80px} 


/*교육기본방향_교육상*/
/*송정동 교육상 슬로건*/ 
.sjd_education .edu_info .edu_slog img{width: 450px}
.sjd_education .edu_txt br{display: none}
/*교육목표*/
.sjd_education .edu_goalbx{gap:20px}
.sjd_education .edu_goalbx > p{padding: 15px}
.sjd_education .edu_goalbx > p.edu_goal1 img{width:221px}
.sjd_education .edu_goalbx > p.edu_goal2 img{width:151px}


/*교육기본방향_목표, 중점, 특색*/
/*특색교육*/
.eduspecial_wrap .eduspe_tit{padding: 30px 10px}
.eduspecial_wrap .eduspe_tit img{width: 456px; height: 35px}
.eduspecial_wrap .eduspe_txt::before{top:-116px; right:10px; width:211px; height: 117px; background-size: 211px 117px}
}



/* PC LAYOUT */
@media only screen and (min-width:1025px) {
/* Layout */
#subcontainer{position: relative; z-index: 1}
.subcontain{position: relative}
.subconwrap{position: relative; width: 1300px; margin:20px auto; z-index: 1}
.subconbox {position: relative; display: flex; justify-content: space-between}
#sub_left {position: relative; display: block;  margin-bottom: 50px}
#subright {position: relative; width: 1000px}
#subpage{margin:5px 0 70px}

/* subVisual */ 
.subvisual{margin-bottom: 0; position: relative; z-index: 1}
.subvisual .visual_wrap {position: relative; width: 100%;  margin: 0 auto}
.subvisual .visual_item {width:auto; height:568px}
.subvisual .item1{background:url(../images/main/v01_p_bg.gif) repeat-x center bottom}
.subvisual .item1::after{display: block; position: absolute; content: ''; clear: both; width: 280px; height: 161px; bottom: 105px; left: 50%; margin-left:265px; background: url(../images/main/v01_child.png)no-repeat; z-index: 1}
.subvisual .item2::after{display: block; position: absolute; content: ''; clear: both; width: 280px; height: 161px; bottom: 62px; left: 50%; margin-left:-575px; background: url(../images/main/v02_child.png)no-repeat; z-index: 1}
.subvisual .item3::after{display: block; position: absolute; content: ''; clear: both; width: 241px; height: 186px; bottom: 99px; left: 50%; margin-left:220px; background: url(../images/main/v03_child.png)no-repeat; z-index: 1}
.subvisual .item2{background:url(../images/main/v02_p_bg.gif) repeat-x center bottom}
.subvisual .item3{background:url(../images/main/v03_p_bg.gif) repeat-x center bottom}
.visual_item .img_box{display: block; position: relative; width:calc(100% - 40px); max-width:1867px; height:302px; margin:155px auto 60px; border-radius: 30px; box-shadow: 2px 2px 2px rgba(0,0,0,0.1)}
.visual_item.item1 .img_box{background:url(../images/sub/sv01_p_n.jpg) no-repeat center top}
.visual_item.item2 .img_box{background:url(../images/sub/sv02_p_n.jpg) no-repeat left top}
.visual_item.item3 .img_box{background:url(../images/sub/sv03_p_n.jpg) no-repeat center top}
.visual_item .img_box img{width: 100%; height: 352px}
.visual_item.item1 .img_box::after{display: block; position: absolute; content: ''; clear: both; width: 48px; height: 48px; bottom:-111px; left:50%; margin-left:-698px; background: url(../images/main/boder1_left.gif)no-repeat}
.visual_item.item1 .img_box::before{display: block; position: absolute; content: ''; clear: both; width: 48px; height: 48px; bottom:-111px; left:50%; margin-left:-370px; background: url(../images/main/boder1_right.gif)no-repeat}
.visual_item.item2 .img_box::after{display: block; position: absolute; content: ''; clear: both; width: 48px; height: 48px; bottom:-111px; left:50%; margin-left:-698px; background: url(../images/main/boder2_left.gif)no-repeat}
.visual_item.item2 .img_box::before{display: block; position: absolute; content: ''; clear: both; width: 48px; height: 48px; bottom:-111px; left:50%; margin-left:-370px; background: url(../images/main/boder2_right.gif)no-repeat}
.visual_item.item3 .img_box::after{display: block; position: absolute; content: ''; clear: both; width: 48px; height: 48px; bottom:-111px; left:50%; margin-left:-698px; background: url(../images/main/boder3_left.gif)no-repeat}
.visual_item.item3 .img_box::before{display: block; position: absolute; content: ''; clear: both; width: 48px; height: 48px; bottom:-111px; left:50%; margin-left:-370px; background: url(../images/main/boder3_right.gif)no-repeat}

/*재생,일시정지*/
.visual_wrap .btn_visual{bottom:132px}
/*비주얼 이동 블릿*/
.slick-dots {bottom:135px}

/* Subleft */
.left_tit{position: relative; width: 280px; margin: -111px 0 12px; text-align: center; box-sizing: border-box}
.left_tit h2 {position: relative; min-height: 91px; padding:26px 0; border-radius:20px 20px 0 0 ; background:#fff; font-size:1.769em; font-weight: 600; color:#000; box-sizing: border-box}
.left_tit h2::after{display: block; position: absolute; content: 'Songjeongdong Elementary School'; clear: both; bottom:4px;  width: 100%; height: 20px; font-size: 14px; font-weight: 400; color: #d5d5d5}
.leftmn{overflow: hidden; position: relative; width: 280px; border-radius: 20px; border:2px solid #f1f1f1; box-sizing: border-box}
.leftmn .sch_engtxt{padding: 10px 0; background: #efefef; font-size: 12px; text-align: center; color:#fff}
.leftmn > ul{padding: 10px}
.leftmn > ul > li{margin-bottom: 12px}
.leftmn > ul > li:last-child{margin-bottom: 0}
.leftmn > ul > li > a{overflow: hidden; position: relative; display: block; min-height: 48px; line-height: 140%; padding:15px 35px 11px 13px; background:url(../images/main/bg_mn.gif)no-repeat right top #f7f7f7; border-radius: 13px; font-size:1.231em; font-weight:500; color: #000; transition: all .3s; box-sizing: border-box}
.leftmn ul > li > a:hover::after,
.leftmn .leftmenuover > a::after{background-color: #3e5a6b; box-shadow:0 2px 2px rgba(0, 0, 0, 0.1)}
.leftmn ul > li > a:hover,
.leftmn ul > li.leftmenuover > a{background:url(../images/main/bg_mn_a.gif)no-repeat right top #62b3d4; color:#fff; font-weight: 600; text-decoration:none; text-shadow:0 2px 2px rgba(0, 0, 0, 0.1)}
/*MN third*/
.leftmn .third{position: relative; padding:0 7px 0; background: #fff; border-bottom: 2px solid #62b3d4; box-sizing: border-box}
.leftmn .third::before{left:10px}
.leftmn .third::after{right:10px}
.leftmn .third li a{position: relative; display: block; font-size: 1.077em; line-height: 140%; padding:10px 6px 10px 20px; margin-bottom: 4px; border-bottom: 1px solid #e2e2e2; color:#383838; transition: all .3s}
.leftmn .third li:last-child a{border-bottom: none; margin-bottom: 0}
.leftmn .third li:hover a,
.leftmn .third .on a,
.leftmn .third .third_on a {color:#499ec1; font-weight: 600}
.leftmn .third li a::after{display: block; clear: both; content: ''; position: absolute; top:17px; left:5px; width: 6px; height: 6px; background: #b7b7b7; border-radius: 50px}
.leftmn .third li a:hover::after,
.leftmn .third .third_on a::after{background:#3b7f9b}
.leftmn .third li a:hover{background:none; border-color:#e2e2e2; color:#499ec1; font-weight:600; text-shadow:none}

/*Subtop TIT */
#subtop{position: relative; margin-bottom: 20px}
#subtop h3{width: auto; text-align: left}
#subtop h3 span{display: block; padding:5px 0 5px 42px; font-size:1.615em}

/* PC guide*/ 
#sub_guide .guide_wrap{height:34px; margin-top: 20px; align-content: center; border-radius:11px; background: #f7f7f7; z-index: 10}
#sub_guide:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
#sub_guide .navi_area ul {display: flex; text-align: center; justify-content: right}
#sub_guide .navi_area li {display: block; width:auto !important; align-content: space-around}
#sub_guide .navi_area li a {display: block;padding: 0 9px 0 15px; line-height: 19px; background: url(../images/sub/navi_arr_pc.png) 0 50% no-repeat; color:#757575; font-weight:500; font-size: 14px; color: #a2a2a2}
#sub_guide .navi_area li:first-child a {background: none; padding-left: 0}
#sub_guide .navi_area li.m_menu {display: none}
#sub_guide .navi_area li.page_on a{color: #757575}
#sub_guide .navi_area > ul > li.nav_home a{width: 15px; height: 17px; padding:0 9px 0 0}
#sub_guide .navi_area > ul > li.nav_home a img{display: block}

/* subtop_btn */
.subtop_btn {display: flex; justify-content: space-between; position:absolute; top:0; right:10px; z-index: 1}
.subtop_btn dl.font{display: flex; gap:5px}
.subtop_btn dl.font > dt{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.subtop_btn dl.font > dd a{display: block; width: 34px; min-height: 34px; border-radius: 10px; border:1px solid #dbdbdb; background: #fff; text-align: center; box-sizing: border-box; transition: all .2s; align-content: space-around}
.subtop_btn dl.font > dd a:hover{background: #ddd}
.subtop_btn .btn_print a{display:block; width: 34px; height: 34px; padding: 5px 0; margin-left:5px; border-radius:10px; background: url(../images/sub/btn_print.png) center no-repeat #7a8799; font-size: 0; text-indent: -9999px; align-content: space-around; transition: all .3s; box-sizing: border-box}
.subtop_btn .btn_print a:hover{background-color: #aaa}

/*고정 퀵메뉴*/ 
.fixquick_menu{position: absolute; top:-110px; right:0; width: 1000px}

/*고정 퀵메뉴*/  
.fixquick_menu ul li{width:180px; height: 72px}
.fixquick_menu ul li a{height:72px; padding: 15px; align-content: end; font-size: 14px} 
.fixquick_menu ul li span.fq_img{width: 32px; height: 32px; margin: 0; text-align:left}
.fixquick_menu ul li span.fq_img img{width: 32px; height: 32px}
.fixquick_menu ul li span.fq_tit{height:42px; text-align: right; align-content:space-around}
.fixquick_menu ul li span.fq_btn{ height: 32px; padding: 7px 12px; margin-top: 13px}
.fixquick_menu ul li::after,.fixquick_menu ul li:nth-child(3)::after,.fixquick_menu ul li:nth-child(4)::after,.fixquick_menu ul li:nth-child(5)::after{background-size: 28px 30px; width: 50px; height: 50px}
.fixquick_menu ul li:nth-child(2)::after{background-size: 24px 30px; width: 50px; height: 50px}


/*Flyuserqmu*/
#fly_userqmu {top:140px}
#footwrap{position: relative}
#footwrap::before{bottom: -18px}
#footwrap::after{position: absolute; display: block; content: ''; clear: both; top:0; left:0; width: 100%; height: 98px; background: #93a1ac; z-index: -1}
#footwrap .foot_area{padding-top: 16px}
#footwrap .add_area .add{margin-top: 40px}
#footwrap .btn_admin{top: -89px}
#footwrap .foot_logo{top: -92px}

/******************************서브컨텐츠 영역**************************************/
/* 컨텐츠 공통 */



/* -------------------컨텐츠 스타일 시작 -------------------*/  





    

}



/**** ECT LAYOUT ****/
/*교외체험학습 상단 타이틀 영역 (공통스타일은 common.css에 있음)*/
.app_trip{font-weight: 400; margin-top: 40px}
.app_trip .trip_top{position: relative; padding: 15px 0; text-align: center; z-index: 0}
.app_trip .trip_top span{display: block; position: relative; z-index: 5}
.app_trip .trip_top::before, .app_trip .trip_top::after{content: ""; display: block; clear: both; position: absolute; bottom: -30px; z-index:1}
.app_trip .trip_top::before{left:10px; width:333px; height:142px; background:url(../images/sub/trip_left.png) no-repeat 0 center}
.app_trip .trip_top::after{right:10px; width:351px; height:113px; background:url(../images/sub/trip_right.png) no-repeat 0 center}
@media only screen and (max-width:660px) {
.app_trip{margin-top: 0}
.app_trip .trip_top{padding:20px 5px 20px 0; text-align: right}
.app_trip .trip_top img{width: 150px}
.app_trip .trip_top::before, .app_trip .trip_top::after{bottom: -6px}
.app_trip .trip_top::before{display: none}
.app_trip .trip_top::after{width:179px; height: 82px; background:url(../images/sub/trip_mleft.png) ; left:25px}
}
/****교외(개별)체험학습(2.0)-안내페이지 스타일 끝****/


/**** LOWSET FIX ****/
@media only screen and (max-width:850px) {
/*유치원 소개*/
/*유치원 연혁*/
.sjd_presch .pres_hisbx{padding: 15px 0 20px; margin-bottom: 30px}
.sjd_presch .pres_hisbx::after{display: none}
.sjd_presch .pres_hisbx ul li{margin-bottom: 15px; letter-spacing: -0.5px} 
.sjd_presch .pres_hisbx ul li span.tit{width: 108px; padding: 3px; font-size: 13px}
.sjd_presch .pres_hisbx ul li span.txt{margin: -25px 0 0 115px}  

/*송정동도서실*/
/*대출 및 반납*/
.sjd_library .borrow_bx::after{display:none}
.sjd_library .borrow_bx dl{display: block; margin-bottom: 15px}
.sjd_library .borrow_bx dl dt{width:100%; padding: 5px; margin-bottom: 10px; box-sizing: border-box}
.sjd_library .borrow_bx dl dt span{padding: 5px 0 5px 40px} 


/*교육기본방향_목표, 중점, 특색*/
/*특색교육*/
.eduspecial_wrap .eduspe_tit img,
.eduspecial_wrap .eduspe_txt::before,
.eduspecial_wrap .eduspe_txt::after{display: none}
.eduspecial_wrap .eduspe_tit{width:265px; height:62px; margin: 0 auto; background:url(../images/sub/speedu_tit_m.png) no-repeat center}
.eduspecial_wrap .eduspe_lst{display:block; padding: 15px 0 0; margin: 0; border-top:none}
.eduspecial_wrap .eduspe_lst::before,
.eduspecial_wrap .eduspe_lst::after{display: none}
.eduspecial_wrap .eduspe_lst > div{margin-bottom: 15px}
}

@media only screen and (max-width:750px) {
/*학교소개_연혁*/
/*연도버튼*/
.sjd_history .his_btn{position: absolute; top:0; width: 33.3%; z-index: 5px}
.sjd_history .his_btn a{height:auto; line-height: 130%; padding: 10px 5px 45px; text-align: center; font-size: 14px; letter-spacing: -0.8px}
.sjd_history .his_btn a::after{top:inherit; bottom: 5px; right:2.5%; width:95%; height: 26px}
/*버튼세부*/ 
.sjd_history .his_txtbox{padding-top: 100px}
.sjd_history .his_midtit{font-size: 14px}
    
/*학교소개_현황*/
/*알리미*/
.sjd_situ .situ_alimi{display: block}
.sjd_situ .situ_alimi .stu_alimi{width: 100%; margin-top: 10px}
/*정보*/
.sjd_situ .info_lst{padding: 10px 10px 0 10px}
.sjd_situ .info_lst ul li{width: 100%}
.sjd_situ .info_lst ul li span.tit{width: 90px} 

/*학교상징 및 교가*/
/*교가*/
.sjd_symsong .song_wrap{display: block} 
#schSong{display:none}
.song_wrap .song_note{display: none}
.song_wrap .song_tb{width: 100%}
.song_wrap .song_tb::before,
.song_wrap .song_tb::after{display: none}
}

@media only screen and (max-width:670px) {
/*Wee클래스*/
.sjd_weeclass .wee_info{display: block}
.sjd_weeclass .wee_info .weebx.item1,
.sjd_weeclass .wee_info .weebx.item2{border-radius: 30px}
.sjd_weeclass .wee_info .weebx.item1{margin-bottom: 15px}
.sjd_weeclass .wee_info .weebx.item1::after{top:inherit; bottom: -27px; right:50%; margin-right: -10px}

/*송정동 야구부*/ 
.sjd_baseball .bsbl_info{display: block; gap:20px; padding: 10px}
.sjd_baseball .bsbl_logo{width: 100%; padding:5px 0; margin-bottom: 15px}
.sjd_baseball .bsbl_logo img{width:48px; height: 68px}
.sjd_baseball .info_bx ul li{margin-bottom: 7px}
.sjd_baseball .info_bx ul li:last-child{margin-bottom: 0}
.sjd_baseball .info_bx ul li span.tit{width: 70px; height: 30px; line-height: 28px}
.sjd_baseball .bsbl_caric{ top:inherit; bottom: 0; right:10px}
.sjd_baseball .bsbl_caric img{width:62px; height: 75px}    
/*버튼세부*/
.sjd_baseball .baseball_tab{position: absolute; top:0; width: 50%; z-index: 5px}
.sjd_baseball .baseball_tab a{height:auto; line-height: 130%; padding: 10px 5px 45px; text-align: center; font-size: 14px; letter-spacing: -0.8px}
.sjd_baseball .baseball_tab a::after{top:inherit; bottom: 5px; right:2.5%; width:95%; height: 26px}
/*내용*/ 
.sjd_baseball .baseball_tb{padding-top: 100px}
.sjd_baseball .bsbl_tit{font-size: 15px}
.sjd_baseball .bsbl_tit span{padding: 0 20px}
/*주요수상경력*/
/*전국대회, 광주대회*/
.sjd_baseball .bsbl_trophy{display: block}
.sjd_baseball .bsbl_trophy > div:first-child{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dbdbdb}

/*학생자치회*/
.sjd_union .uni_moto{margin-bottom: 20px}
.sjd_union .uni_moto span{display: block; width:100%; height: 104px; background:url(../images/sub/union_moto_m.png) no-repeat center}
.sjd_union .uni_moto img{display: none}
/*조직활동 맵*/
.sjd_union .union_map{ margin-bottom: 30px} 
.sjd_union .union_map::before,
.sjd_union .union_map::after{display: none} 
.sjd_union .union_map .uni_boss{width: 100%; height: 50px; line-height: 50px; margin: 0 auto}
.sjd_union .union_map .uni_boss::after{display: none} 
.sjd_union .union_map .uni_boss span::before,
.sjd_union .union_map .uni_boss span::after{top:22px}
.sjd_union .union_map .uni_lstbx{display: block; border-top:none}
.sjd_union .union_map .uni_lstbx::before,
.sjd_union .union_map .uni_lstbx::after{display: none}
.sjd_union .union_map .mid_boss{width:100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #ccc}
.sjd_union .union_map .mid_boss:last-child{margin: 0; padding-bottom: 0; border-bottom: none}
.sjd_union .union_map .mid_boss.type1{border-bottom-color:#ffc23e}
.sjd_union .union_map .mid_boss.type2{border-bottom-color:#9dd16f}
.sjd_union .union_map .mid_boss > p{ height: 45px; line-height: 45px}  
    
/*송정동 학부모회*/
.sjd_parent .parent_wrap{margin: 30px 0}
/*동아리 안내*/
.sjd_parent .club_bx{position: relative; margin-bottom: 30px}
.sjd_parent .club_bx dl{display: block; }
.sjd_parent .club_bx dl dt{ width:100%; margin-bottom: 5px}


}

@media only screen and (max-width:590px) {
/*송정동 인사말*/ 
.sjd_greeting{padding-bottom: 80px; background:url(../images/sub/gt_btbg_m.gif) no-repeat left bottom}
.sjd_greeting .page_tit{width: 218px; height: 82px; margin: 20px auto; background:url(../images/sub/tit_greet_m_n.png) no-repeat center}
.sjd_greeting .page_tit img{display: none}
.sjd_greeting .bx_txt span{display: block}
.sjd_greeting .gt_tbline .gt_txtbx p br{display: none}
.sjd_greeting .cont_titbx::after{right:0; width: 130px; height:90px; background-size: 130px}
.sjd_greeting .cont_titbx::before{left:0; width: 130px; height: 115px; background-size: 130px}

/*오시는길*/
/*내용*/
.sjd_map .map_addbx{display: block}
.sjd_map .map_addbx .add_txt{padding-left:0; background:none; text-align: center}
.sjd_map .map_addbx .add_btn a{width:100%; margin-top: 10px}
.sjd_map .map_txtbx dl{display: block}
.sjd_map .map_txtbx dl dt{width:100%}
.sjd_map .map_txtbx dl dd{margin-top: 10px} 
}

@media only screen and (max-width:550px) {
/*탭메뉴*/
.tabnavi01 ul{gap: 5px }
.tabnavi02, .boardTab{padding: 15px; border-radius: 10px}

/*학교소개_연혁*/
.sjd_history .cont_titbx .page_tit{text-align: left}
/*연도버튼*/
.sjd_history .his_tb::before{display: none}
/*중간타이틀*/ 
.sjd_history .his_midtit span{padding: 0 15px}
.sjd_history .his_midtit span::before,
.sjd_history .his_midtit span::after{top:7px; width: 5px; height: 5px}
/*세부내용*/
.sjd_history .hisbx{margin-bottom: 25px}
.sjd_history .hisbx .big_year{margin-bottom: 15px}
.sjd_history .hisbx .big_year::after{top:-1px; font-size: 20px}
.sjd_history .hisbx .big_year span{width: 100px}
.sjd_history .hisbx ul li{margin-bottom: 12px} 
.sjd_history .hisbx ul li span.tit{width: 100px; padding: 3px}
.sjd_history .hisbx ul li span.txt{margin: -25px 0 0 108px}

/*연구학교*/ 
/*우리다움*/
.sjd_research .research_moto::after{height: 103px}
.sjd_research .research_moto .moto_slog img{width: 180px !important}
.sjd_research .research_moto .moto_txt span{display: block} 
.sjd_research .research_moto .moto_txt::before,
.sjd_research .research_moto .moto_txt::after{top:17px}
/*운영과제*/
.sjd_research .proj_bx{display: block; margin-bottom: 10px}
.sjd_research .proj_bx .proj_tb .lstit{background-size:25px 25px !important; background-position:left 5px top 10px  !important}
.sjd_research .proj_bx .tit{width: 100%; padding: 5px; box-sizing: border-box} 
.sjd_research .proj_bx .tit span{display:inline-block; margin:0 0 0 5px; font-size:19px}
    
/*교육기본방향_교육상*/
/*송정동 교육상 슬로건*/
.sjd_education .edu_info .edu_slog span{display: block; width: 261px; height: 82px; margin: 0 auto 15px; background:url(../images/sub/tit_eduslog_m_n.png) no-repeat center}
.sjd_education .edu_info .edu_slog img{display: none} 
    
}


@media only screen and (max-width:430px) {
/*학교소개_연혁*/
/*연도버튼*/
.sjd_history .his_btn a br{display: block}
/*버튼세부*/ 
.sjd_history .his_txtbox{padding-top: 120px}

}