@charset "utf-8";
/* CSS Document */
/* com2zoa design KDY 20240207 */

/* Common */
.clear_fix:after {content: ""; display: block; clear: both}
.hide{display: none}
.hidden{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.printBG #subtop h3{padding:80px 0 10px}

/*사용자퀵메뉴*/
#quick02{top:243px}

/* Layout */
#sub_left {display: none}
#subpage {font-family:NSQ;  min-height: 300px}
#subpage .basics_font{color:#000; font-family:NSQ; font-weight:400; font-size:1.154em /*기준폰트 15px*/}
/*subpage는 기본 15px이다.*/

/*Subtop */
#subtop {position:relative}
#subtop h3{font-weight:600; text-align: center}

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

/* Tab01 */
.tabnavi01{margin-bottom:25px}
.tabnavi01 > ul > li{float:left; margin:0 15px 7px 0}
.tabnavi01 > ul > li:last-child{margin-right: 0}
.tabnavi01 > ul > li a{padding:13px 58px 13px 20px; display: inline-block; border-radius: 12px;font-weight: 500; box-sizing: border-box; background:#fff url(../images/sub/tab01_bg.png) no-repeat right bottom; font-size:1.154em; transition: all .3s; color:#505050; border:2px solid #e4e4e4}
.tabnavi01 > ul > li.on a, .tabnavi01 > ul > li a:hover{background:#fff url(../images/sub/tab01_bg_a.png) no-repeat right bottom; color:#505050; border:2px solid #ff7c6a}

/* Tab02, boardTab */
.tabnavi02, .boardTab{border:1px solid #dedede; border-radius: 10px; padding:0px 12px; background:none; padding:15px 0; padding-left:20px; padding-top:0}
.tabnavi02 > ul > li, .boardTab > ul > li{float:left; margin:18px 23px 6px; width:20%}
.tabnavi02 > ul > li a{display: block; padding-left:21px;background:url(../images/sub/tab02_blit.png) no-repeat left center; height:15px; font-size:1.154em; font-weight: 500; color:#2f2f2f; overflow: hidden; width: 80%; text-overflow: ellipsis; white-space: nowrap}
.tabnavi02 > ul > li a:hover{background: url(../images/sub/tab02_blit_a.png) no-repeat left center; font-weight: 600} 
.tabnavi02 > ul > li.on a{background:url(../images/sub/tab02_blit_a.png) no-repeat left center;font-weight: 600}

/******************************서브컨텐츠 영역**************************************/
/* -------------------컨텐츠 공통------------------- */
/* 서브페이지 팝업 안보이게 설정 */
.qmu_popup a{display: none}
/****페이지 준비중****/
.sub_loding{min-height: 450px; background: url(../images/sub/page_loding.gif) no-repeat center center}
/****Blind****/
.blind {font-size:0; overflow:hidden; text-indent:-9999999px; height:0; width:0; line-height:0} 

/****TIT****/
h4.sub_tit4,h5.sub_tit5{font-family: NSQ}
h4.sub_tit4 {font-size:1.200em; margin:5px 0; font-weight: 600; color:#2f2f2f}
h5.sub_tit5 {font-size:1.067em; margin:5px 0; font-weight: 600}
#subpage .sub_tit4 {background:url(../images/sub/sub_h4_tit.png) no-repeat left center; padding:5px 0  5px 28px; margin-bottom: 10px}
#subpage .sub_tit5 {background:url(../images/sub/sub_h5_tit.png) no-repeat left center; padding:5px 0  5px 27px;margin-bottom: 10px}

/****Table****/
.ms_table {width:100%; margin-bottom:25px; border-collapse:collapse; table-layout:auto; background:#f1f1f1; border-radius: 15px 15px 0 0; overflow: hidden}
.ms_table table{width: 100%; border-radius: 15px 15px 0 0}
.ms_table .txtleft {text-align: left}
/*모바일 스크롤 문구 PC에서 안보이게 처리*/
.sctb_scroll{display: none}
/*table_scroll 필요없을때*/
.ms_table.tb_border{overflow: hidden}
/*table_scroll 필요없을때*/
.ms_table.tb_border{overflow: hidden}
.scroll_txt{display: none}
/*table_scroll 필요없을때*/
.ms_table.tb_border{overflow: hidden}
/*표_색상:회색(기본)*/
.ms_table thead th { line-height:140%; padding:10px 6px; word-break: keep-all;  border:1px solid rgba(255,255,255,0.5); border-top:1px solid rgba(255,255,255,0.5);  vertical-align:middle;text-align:center; font-weight:600; color:#fff}
.ms_table thead th:first-child {border-left:1px solid #dddddd}
.ms_table thead th:last-child {border-right:1px solid #dddddd}
.ms_table tbody th {line-height:140%; background:#f0f0f0; color:#323232; padding:11px 6px; border:1px solid #dddddd;text-align:center; font-weight:600; vertical-align:middle;font-size: 0.933em;word-break: keep-all}
.ms_table tbody td {line-height:140%; background:#fff; padding:10px 5px; border:1px solid #d1d1d1;text-align:center; vertical-align:middle; color:#323232; font-weight: 500; font-size: 0.933em; word-break: keep-all} 
/*표_색상:파랑*/
.ms_table .table_st01 thead th{background:#24bdbe}
.ms_table .table_st02 thead th{background:#59c993}
.ms_table .table_st03 thead th{background:#9fc64b}
.ms_table .table_st04 thead th{background:#0064a2}
.ms_table .table_st05 thead th{background:#77a1ef}
.ms_table .table_st06 thead th{background:#2d82d1}
.ms_table .table_st07 thead th{background:#feb22e}
.ms_table .table_st08 thead th{background:#f78d6c}
.ms_table .table_st09 thead th{background:#f88ab3}
.ms_table .table_st10 thead th{background:#c680e1}
.ms_table .table_st11 thead th{background:#757575}
.ms_table .table_st12 thead th{background:#fa835e}


/* -------------------공통스타일시작 -------------------*/
/*col class 선언영역*/
.wdtfix{width:40px}
.wdt5{width: 5%}
.wdt6{width: 6%}
.wdt8{width: 8%}
.wdt9{width: 9%}
.wdt10{width: 10%}       
.wdt12{width: 12%}
.wdt15{width: 15%}
.wdt18{width: 18%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt30{width: 30%}
.wdt33{width: 33.3%}
.wdt36{width: 36%}
.wdt40{width: 40%}
.wdt50{width: 50%}
.wdt60{width: 60%}
.wdt70{width: 70%}
.wdt75{width: 75%}
.wdt80{width: 80%}
.wdt90{width: 90%}
.wdtauto{width: auto}
/****공통 Table****/
.comtable {width:100%; margin:10px 0 15px; border-collapse:collapse; table-layout:auto}
.comtable table{width: 100%; border-bottom:3px solid #aeaeae}
.comtable thead th { line-height:150%; padding:8px 3px; border-right:1px solid #d2d2d2; background: #aeaeae; vertical-align:middle;text-align:center; font-weight:500; color:#fff}
.comtable tbody th {line-height:150%;padding:8px; border:1px solid #d2d2d2; text-align:center; font-weight:500; vertical-align:middle; color:#000; word-break: keep-all}
.comtable tbody td {line-height:150%; background:#fff; padding:8px; border:1px solid #d2d2d2; text-align:center; vertical-align:middle; color:#000; word-break:keep-all} 
.comtable .txtleft {text-align: left; padding-left: 10px}
.comtable02 table{border-bottom:2px solid #aeaeae; border-top:2px solid #aeaeae}
.comtable02 tbody th {background: #aeaeae; color:#fff}

/*테이블 왼쪽정렬*/
.comtable.tb_left tbody th,.comtable.tb_left tbody td{text-align: left}
/*tbody의 th를 제외하고 td만 왼쪽정렬*/
.comtable.tb_left02 tbody td{text-align: left}

/*Table양쪽 선 없는 타입*/
.nonbdr .comtable thead th:last-child{border-right: none}
.nonbdr .comtable tbody td.bdr_none{border-left:none}
.nonbdr .comtable tbody th {border-left: none}
.nonbdr .comtable tbody td {border-right: none}
/****공통 Common****/
.common_wrap{font-size: 1.154em; font-weight: 400}
.common_wrap h4.com_h4{padding:5px 0 5px 35px; margin: 10px 0; background:url(../images/sub/com_h4.gif) left top no-repeat; font-size:1.133em}
.common_wrap h5.com_h5{padding:2px 0 2px 30px; margin: 10px 0; background:url(../images/sub/com_h5.gif) 6px 3px no-repeat; font-size:1.067em}
.common_wrap .comtop{margin-bottom: 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.common_wrap .comtop_tit{padding: 10px; border-radius: 5px 5px 0 0; font-weight: 500; text-align: center; color:#fff; font-size:1.071em}
.common_wrap .comtop ul{padding: 15px 10px 10px 95px}
.comtop ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%; word-break: keep-all}
.comtop ul li:last-child{margin-bottom: 0}
.combox .cmline{margin-bottom: 20px}
.cmline > .cmtit{ overflow: hidden; position:relative; border-radius:5px; margin-bottom:10px;  border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline > .cmtit h5{ line-height: 140%; padding: 10px; margin: 0 0 0 70px; background: #fff; font-weight: 600; font-size:1.071em}
.cmline > .cmtit p{position: absolute; top:50%; left:0; width:70px;  height:42px; line-height: 42px;  margin-top: -21px; text-align: center; font-weight:bold; color:#fff; font-size:1.071em; font-weight: 400}
.cmline .cmtxt ol li{margin:0 0 5px 20px; line-height: 120%; text-indent: -17px; word-break: keep-all}
.cmline .cmtxt ol li:last-child{margin-bottom: 0}
.cmline .cmtxt ol li>ol, .cmline .cmtxt ol.bgline{padding: 10px; margin: 10px 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline .cmtxt ul li{padding-left: 13px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%; margin-bottom: 5px}
.cmline .cmtxt > p{padding-left: 13px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%; margin-bottom: 5px}
.cmline .cmtxt > p.line_none{background:none}
.cmline .cmtxt > p.refertxt{padding:5px; background: #838383; border-radius: 5px; text-align: center; color:#fff}
.cmline .cmtxt > dl{margin-top: 10px; padding: 10px; border-radius:5px; margin-bottom:10px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.cmline .cmtxt > dl dt{margin: 7px 0; font-weight: 600}
.cmline .cmtxt > dl dt.bgtit{display: inline-block; padding:3px 10px; border-radius: 50px; background: #838383; font-weight: 400; color:#fff; font-size: 14px; font-weight:600}
.cmline .cmtxt > dl dt:first-child{margin-top: 0}
.cmline .cmtxt > dl dd{padding-left: 13px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 120%; margin-bottom: 5px; word-break: keep-all}
.cmline .cmtxt > dl dd:last-child{margin-bottom: 0}
.cmline .cmbtn{padding: 10px; margin: 15px 0; border: 1px solid #d2d2d2; text-align: center; line-height: 130%}
.cmline .col_bb{font-weight: 500}
.cmline .cmtxt ol li.no_indent{text-indent: 0; margin-left: 5px}

/*공통페이지 스크롤 문구*/
.cmline .cmtxt p.sctb_scroll{padding-left: 0; background:none; line-height:29px; margin-bottom: 0}

/*이력관리*/
.comhis_lst{font-size: 1.154em; font-weight: 400; border-radius: 5px 5px 0 0; overflow: hidden}
.comhis_lst .comhis_lstit{padding:10px; text-align:center; background:#9e9e9e; color:#fff; font-weight:500}
.comhis_lst ul{padding:10px; border:1px solid #ccc}
.comhis_lst ul li{margin-bottom:5px}
.comhis_lst ul li:last-child{margin-bottom:0}
.comhis_lst ul li a{display:block; padding:10px; background:#eeeeee; border-radius:50px; text-align:center; transition: all .3s}
.comhis_lst ul li a:hover{color:#fff}
/*텍스트 스타일*/
.common_wrap .comlst_txt{ margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2;box-sizing: border-box}
.common_wrap .comlst_txt ul{padding: 10px}
.common_wrap .comlst_txt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%; word-break: keep-all}
.common_wrap .comlst_txt ul li:last-child{margin-bottom: 0}
.common_wrap p.comlst_tit{padding: 10px; background: #65758d; border-radius: 5px 5px 0 0; text-align: center; color:#fff; line-height: 140%}

/****공통_개인정보처리방침****/
.protect .comtop ul{min-height: 65px; background:url(../images/sub/protect_img.gif) 13px 10px no-repeat}
.protect .comtop_tit{background: #519bff}
.protect .cmline .cmtit{background:#519bff}
.protect .priv_go a{ display: block; background: #525252; padding:8px 5px; margin-top: 10px; border-radius:5px; font-weight:400; text-align: center; color:#fff; transition: all .6s}
.protect .priv_go a:hover{background:#519bff}
.protect .comhis_lst ul li a:hover{background:#519bff}

/****공통_영상정보처리방침****/
.video .comtop ul{min-height: 65px; background:url(../images/sub/video_img.gif) 13px 10px no-repeat}
.video .comtop_tit{background: #1ebaa6}
.video .cmline .cmtit{background:#1ebaa6}
.video .priv_go a{ display: block; background: #525252; padding:8px 5px; margin-top: 10px; border-radius:5px; font-weight:400; text-align: center; color:#fff; transition: all .6s}
.video .priv_go a:hover{background:#1ebaa6}
.video .comhis_lst ul li a:hover{background:#1ebaa6}

/****공통_저작권신고****/
.copyright .cmline .cmtit{background:#a46de1}
.copyright .comtop ul{background:url(../images/sub/copy_img.gif) 13px 10px no-repeat}
.copyright .comtop_tit{background: #a46de1}
.copyright .copy_txt{margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.copyright .copy_txt > p.copy_tit{padding: 8px; background:#838383; border-radius: 5px 5px 0 0; text-align: center; line-height: 140%; color:#fff}
.copyright .copy_txt > ul, .copyright .copy_txt > ol{padding: 10px}
.copyright .copy_txt > ul li, .copyright .copy_bgtxt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.copyright .copy_txt > ul li:last-child, .copyright .copy_bgtxt ul li:last-child{margin-bottom: 0}
.copyright .copy_txt > ol > li{margin:0 0 5px 20px; line-height: 120%; text-indent: -17px}
.copyright .copy_txt > ol > li:last-child{margin-bottom: 0}
.copyright .copy_txt > ol > li > ol{padding: 10px; margin:10px 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.copyright .copy_txt > ol > li > ol > li{margin-left:20px}
.copyright .copy_bgtxt{padding: 10px; margin:0 10px 10px; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}
.copyright p.copy_info{padding: 10px; margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; text-align: center; line-height: 150%}
.copyright .comtable table{border-bottom-color:#a46de1}
.copyright .comtable thead th {background: #a46de1}
.copyright .copy_img > p.copyimg_txt{position:relative; width: 606px; height: 266px; margin: 20px auto}
.copyright .copyimg01 > p.copyimg_txt{background:url(../images/sub/copy_img01.gif) center left no-repeat}
.copyright .copyimg02 > p.copyimg_txt{background:url(../images/sub/copy_img02.gif) center left no-repeat}
.copyright .copy_img > p.copyimg_txt span{display: block; position: absolute;top:88px; right:4px; width: 127px; height: 96px; padding: 15px 0 0;text-align: center; font-weight: 500; font-size: 18px; line-height: 130%; color:#fff}
.copyright .copy_btn a{display: block; padding: 10px; border-radius: 0 0 5px 5px; background: #486170; text-align: center; color:#fff}

/****공통_행정서비스헌장 영역****/
.charter .comtop{position: relative; padding:40px 15px 15px; margin: 40px 0 15px; line-height:140%; background:#65758d; border-radius:5px; color: #fff; text-align: center; font-size:1.071em}
.charter .comtop::before{content: ""; display: block; clear: both; position: absolute; top:-25px; left:50%; margin-left: -40px; width:71px; height:70px; background: url(../images/sub/charter_img.png) no-repeat left top}
.charter .comtop span {color:#daff5b; font-weight: 400}
.charter .combox{margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.charter .combox ol{padding: 10px}
.charter .combox ol li{line-height: 150%; margin-left: 20px; text-indent: -17px}
.charter .combox .charter_bt{padding:10px; background: #d2d2d2; text-align: center}
.charter .comtable table{border-bottom-color:#65758d}
.charter .comtable thead th {background: #65758d}
.charter .comtable02 table{border-bottom-color:#65758d; border-top-color:#65758d}
.charter .comtable02 tbody th {background: #65758d}
.charter .charter_bt{padding: 10px; background: #d2d2d2; border-radius: 0 0 5px 5px; text-align: center; font-weight: 500}

/****공통_정보공개제도안내****/
.openinfo .comtable table{border-bottom-color:#46a4f4}
.openinfo .comtable thead th {background: #46a4f4}
.openinfo .comtable a.gobtn{display: inline-block; padding: 5px 10px; border-radius: 3px; background: #d2d2d2; transition: all .3s}
.openinfo .comtable a.gobtn:hover{background: #46a4f4; color:#fff}

/****공통_비공개대상정보 22.09.14 공통사항 추가****/
.private_new .pri_top{overflow: hidden; border-radius: 5px; margin-top: 20px; border:2px solid #65758d; line-height: 140%; box-sizing: border-box}
.private_new .pri_top h4.pritit{height:auto; margin:0; padding: 8px; background:#65758d; color:#fff; text-align: center; font-weight: 500; word-break: keep-all}
.private_new .pri_top .pritxt{padding: 8px; font-weight: 500}
.private_new .pri_top .prilst{padding: 10px; margin:0 10px 10px; border-radius: 5px; background: #f1f1f1; font-weight:500; color:#000}
.private_new .pri_top .prilst li{word-break: keep-all; letter-spacing: -0.2px}
.private_new h5.com_h5{height:auto; padding:2px 0 2px 30px; margin: 10px 0 7px; background:url(../images/sub/com_h5.gif) 6px 2px no-repeat; font-weight: 600}
.private_new .comlst_txt{ margin:0 0 15px; border-radius: 5px; border:1px solid #d2d2d2;box-sizing: border-box}
.private_new .comlst_txt ul{padding: 10px}
.private_new .comlst_txt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 140%; font-weight:500; color:#000}
.private_new .comlst_txt ul li:last-child{margin-bottom: 0}
.private_new .comlst_txt li > ul{padding: 5px; margin:5px 0 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}

/****2022교외(개별) 체험학습(version UP)-안내페이지 스타일 시작-KYJ****/
/*☆☆공통스타일 안내사항 : 최상단 타이틀은 작업하는 해당학교에서 사용 하는 색상및 연관 디자인 및 코딩 으로 변경☆☆*/
/*강조폰트*/
.app_trip span.col_r{font-weight: 600; color:#ff5c41}
.app_trip span.col_b{font-weight: 600; color:#3087e1}
.app_trip span.col_p{font-weight: 600; color: #ae4ce6}
.app_trip span.col_bb{font-weight: 600; color:#202020}
/**타이틀-문산초**/
.app_trip{font-weight: 400}
.app_trip .trip_top{position: relative; padding: 0 0 94px; background:url(../images/sub/trip_bgpc.png) no-repeat center bottom 4px; text-align: center; z-index: 0}

/**버튼 및 절차**/
/*버튼*/
.app_trip .trip_btnbox{position: relative; margin-top: -30px; z-index: 5}
.app_trip .btn_box{margin: 0 60px}
.app_trip .btn_box li{float: left; display:block; width:50%; margin: 0; padding: 0}
.app_trip .btn_box li a{display:block; width:90%;  padding: 13px 5px; margin: 0 auto; background-position:right 6PX center; background-repeat: no-repeat; border-radius: 50px; box-sizing: border-box; text-align: left; color:#fff; font-size: 1.214em; font-weight: 500; transition: all .6s}
.app_trip .btn_box li:first-child a{background-image: url(../images/sub/trip_btn1.png); background-color: #ff814f}
.app_trip .btn_box li:first-child a:hover{background-color: #f33e14}
.app_trip .btn_box li:last-child a{background-image: url(../images/sub/trip_btn2.png) ; background-color: #52a7fa}
.app_trip .btn_box li:last-child a:hover{background-color: #4195e7}
.app_trip .btn_box li span{display:block; padding: 5px 0 5px 40px; margin-left: 15px; background-position:left center; background-repeat: no-repeat}
.app_trip .btn_box li:first-child span{background-image:url(../images/sub/trip_ico01.png)}
.app_trip .btn_box li:last-child span{background-image:url(../images/sub/trip_ico02.png)}
/*상단절차*/
.app_trip .trip_steptop{margin: -28px 0 30px; padding: 50px 20px 25px; background: #f4f4f4; border-radius:15px}
.app_trip .trip_steptop ul{font-size: 0; text-align: center}
.app_trip .trip_steptop ul li{display: inline-block; width:20%; font-size: 13px}
.app_trip .trip_steptop ul li p{position: relative; width: 85%; height: 50px; line-height: 50px; margin: 0 auto; background: #fff; border-radius: 50px; border:2px solid #cecece; font-size:1.077em}
.app_trip .trip_steptop p::before{content: ""; display: block; clear: both; position: absolute; top:15px; right:-11px; width:11px;  height:19px; background: url(../images/sub/trip_arw.png) no-repeat right top; z-index:1}
.app_trip .trip_steptop li:last-child p::before{display: none}
.app_trip .trip_steptop p span.num{position: absolute; top:-1px; left:10px; color:#c7c7c7; font-size: 1.429em; font-weight: 700}
.app_trip .trip_steptop p span.txt{padding-left: 25px; font-weight: 600}
/**내용-공통 및 기본**/
.app_trip .trip_wrap .trip_box{padding:0 15px 20px; margin-bottom: 20px; border-bottom: 1px solid #dbdbdb; color:#000}
.app_trip .trip_wrap .trip_box.step_wrap{padding-bottom: 0}
.app_trip .trip_box dt.tit{padding-left: 15px; background: url(../images/sub/trip_blt1.gif) no-repeat left 1px; font-weight: 600; font-size: 1.071em}
.app_trip .trip_box .more_txt{margin-top: 8px; padding: 5px; border-radius: 3px; background: #f4f4f4; line-height: 160%}
.app_trip .trip_box .down_btn a{display: inline-block; padding:7px 35px 7px 13px; margin-right: 5px; border-radius: 8px; background-image: url(../images/sub/trip_down.png); background-position:right center; background-repeat: no-repeat; color:#fff; font-weight: 500; transition: all .6s}
.app_trip .trip_box a.down1{background-color: #409de5}
.app_trip .trip_box a.down1:hover{background-color: #2b7cbb}
.app_trip .trip_box a.down2{background-color: #ffaa25}
.app_trip .trip_box a.down2:hover{background-color: #fa7e19}
.app_trip .trip_box a.down3{background-color: #7eb94e}
.app_trip .trip_box a.down3:hover{background-color: #6aab35}
.app_trip .basic_box .trip_box dd{margin: -19px 0 0 140px; color: #000; font-weight: 500; line-height: 160%}
.app_trip .basic_box .trip_box dd.down_btn{margin: -23px 0 0 140px}
.app_trip .col_bk{font-weight: 600}
/**내용-절차 세부 안내**/
.app_trip .trip_step{margin-top: 20px}
.app_trip .trip_step .step_lst{min-height: 110px; padding: 17px 0 0 117px; background-position:left top; background-repeat: no-repeat}
.app_trip .trip_step .steplst01{background-image: url(../images/sub/trip_step01.gif)}
.app_trip .trip_step .steplst02{background-image: url(../images/sub/trip_step02.gif)}
.app_trip .trip_step .steplst03{background-image: url(../images/sub/trip_step03.gif)}
.app_trip .trip_step .steplst04{background-image: url(../images/sub/trip_step04.gif)}
.app_trip .trip_step .steplst05{background-image: url(../images/sub/trip_step05.gif)}
.app_trip .trip_step .step_lst dt{padding-left: 15px; margin-bottom: 10px; background: url(../images/sub/trip_blt2.gif) no-repeat left 2px; font-weight: 600; font-size: 1.071em}
.app_trip .trip_step .step_lst dd{padding-left: 15px; background: url(../images/sub/trip_blt3.gif) no-repeat left 9px; line-height: 160%}
/* -------------------공통스타일 끝 -------------------*/

/* -------------------컨텐츠 스타일 시작 -------------------*/
/*폰트에서 span사용시 색지정
(span에 단독으로 스타일을 주면 모든 span 태그에 font-weight가 지정되므로 bold는 각각 지정함)_더 두껍게 할 시에는 고유클래스 아래에 지정  */
span.col_br{font-weight: 600; color:#2c689f}
span.col_br02{font-weight: 600; color:#2b89e0}
span.col_pk{font-weight: 600; color:#d84f6a}
span.col_pk02{font-weight: 600; color:#ff52aa}
span.col_gr{font-weight: 600; color:#299c50}
span.col_gr02{font-weight: 600; color:#9cc942}
span.col_pur{font-weight: 600; color:#ab58ff}
span.col_pur02{font-weight: 600; color:#c680e1}
span.col_ye{font-weight: 600; color:#f9bc2d}
span.col_dgr{font-weight: 600; color:#00a9b7}
span.col_red{font-weight: 600; color:#ff6f5f}

/*span 배경색 지정*/
span.bg_br{font-weight: 500; background-color:#48b5f9; color:#fff}
span.bg_or{font-weight: 500; background-color:#ffb900; color:#fff}
span.bg_gr{font-weight: 500; background-color:#a7d253; color:#fff}


/*공통 bold*/
.bold{font-weight: 600}

/*공통타이틀*/
.con_tit::before{content:''; display: block; position: absolute; width: 100%; height: 1px; background:#d1d1d1; top:-40px}
.con_tit{position: relative;background-color:#f2f2f2;border-radius: 10px; width: 100%; min-height: 49px; text-align: center; margin:74px auto 30px}
.con_tit .con_img{padding:0 15px; box-sizing: border-box; background-color:#fff; min-width: 430px; border-radius: 36px; min-height:73px; display: inline-flex; justify-content: center; align-items: center; position: absolute; top:-37px; left:50%; transform: translateX(-50%)}
.con_tit .con_img span{display: inline-block}
.con_tit .con_txt{padding:51px 0 16px}

/*공통리스트*/
.con_box{position:relative; border-bottom: 1px solid #c6c6c6}
.con_box::before{content: ''; display: block; background:rgba(76,166,227,0.1); height: 25px; border-radius: 0 15px 0 0}
.con_box .conbx_tit{display:inline-flex; position: absolute; left:0; top:-25px; min-height: 49px; min-width: 265px; border-radius: 30px 30px 0 0; background-color:#4ca6e3; justify-content: center; align-items: center}
.con_box .con_lst{padding:20px 20px 23px}
.con_box .con_lst li{color:#373737; margin-bottom: 9px; word-break: keep-all; min-height: 21px; position: relative; padding-left: 34px}
.con_box .con_lst li:last-child{margin-bottom: 0}
.con_box .con_lst span{display: inline-block}
.con_box .con_lst .con_num{position: absolute;top:-2px; left:0; width: 23px; height: 21px; line-height: 21px; text-align: center; border-radius: 5px; background:#858585; color:#fff; font-weight: 600; font-size: 0.933em}

/*공통리스트 ver2*/
.con_box02 .con_lst{padding:20px 14px 23px}
.con_box02 .con_lst li{position:relative; padding-left: 10px; margin-bottom: 15px; min-height: auto}
.con_box02 .con_lst li:last-child{margin-bottom: 0}
.con_box02 .con_lst li::before{content:''; display: block; background-color:#575757; width: 4px; height: 2px; position: absolute; left:0; top:6px}

/*공통리스트 ver3*/
.con_box03{position: relative; padding:42px 0 21px; border-top:1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2}
.con_box03 .conbx03_tit{position: absolute; left:0; top:-24px; border-radius: 24.5px; border:2px solid #d1d1d1; box-sizing: border-box; background:#fff; min-width: 224px; min-height: 45px; line-height: 45px; text-align: center; color:#202020; font-weight: 600; display: inline-block}
.con_box03 .conbx03_tit::before{content: ''; display: block; background:url(../images/sub/sk_icon.png) no-repeat; width: 23px; height: 20px; position: absolute; top:50%; transform: translateY(-50%);left:39px}
.con_box03 .conbx03_tit span{color:#fc4b52; margin-left: 4px}
.con_box03 ol{padding:0 15px}
.con_box03 ol  li{position: relative; padding-left: 32px; margin-bottom: 12px; word-break: keep-all}
.con_box03 ol  li:last-child{margin-bottom: 0}
.con_box03 ol  li span{color:#fff; font-weight: 500; font-size: 0.867em; display: inline-block; width: 23px;height: 23px; border-radius: 50%; text-align: center; line-height: 23px; background:#ff5f65; position: absolute; left:0; top:-4px}

/*공통텍스트 박스*/
.con_txt_box{padding-left: 20px; position: relative}
.con_txt_box .con_tbox_tit{position: absolute; left:0; top:16px; background:#525252; border-radius: 0 22px 22px 22px; width: 133px; height: 44px; color:#fff; line-height: 44px; text-align: center; font-weight: 600; font-size: 1.067em}
.con_txt_box .con_tbox_txt{padding:28px 10px 28px 132px; border-radius: 10px; box-sizing: border-box; border:1px solid #d1d1d1; line-height: 160%; position: relative; z-index: -1; background-color:#fff; color:#3b3b3b}
.con_txt_box .con_tbox_txt::after{content:''; display: block; position: absolute}

/*공통 알림 리스트 박스*/
.info_txt{background: #f5f5f5; border-radius: 10px; padding:20px 24px; position: relative}
.info_txt::after{content:''; display: block; background:url(../images/sub/lib_bx_img02.png) no-repeat; width: 59px;height: 59px; top:12px; right:12px; position: absolute}
.info_txt li{position: relative; padding-left: 15px; color:#313131; font-size: 0.933em; font-weight: 500}
.info_txt li:first-child{margin-bottom: 7px}
.info_txt li::before{content:''; display: block; background:url(../images/sub/tri_blit.png) no-repeat; width: 7px; height: 9px; position: absolute; left:0; top:2px}
.info_txt li span{color:#fc4047; font-weight: 600}

/*공통 알림 리스트 박스(bg없는 버전)*/
.info_txt02::after{display: none}
.info_txt02{padding:18px 24px; box-sizing: border-box; margin-top: 20px}
.info_txt02 li{line-height: 140%; word-break: keep-all}
.info_txt02 li:last-child{margin-bottom: 0}
.info_txt02 li::before{top:3px}

/*인사말*/
.ms_greet .greet_tit{display: flex; justify-content: center; align-items: flex-end}
.ms_greet .greet_tit span{display:block}
.ms_greet .greet_tit span:first-child{background:url(../images/sub/greet_tit01.png) no-repeat; width:297px; height:53px}
.ms_greet .greet_tit span:nth-of-type(2){background:url(../images/sub/greet_tit02_n.png) no-repeat; width:240px; height:64px}
.ms_greet .greet_stit{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:12px 0; display: flex; justify-content: center; justify-content: center; margin:12px auto 33px}
.ms_greet .greet_stit span:first-child{margin-right: 10px}
.ms_greet .gr_txt{text-align: center; margin-bottom: 26px; color:#2f2f2f; word-break: keep-all}
.ms_greet .gr_txt01{line-height: 160%; margin-bottom: 37px}
.ms_greet .gr_txt span{font-weight: 600}
.ms_greet .gr_point_box{border-radius: 10px 10px 60px 60px; padding:33px 36px 90px; border:3px solid #e1f2c4; box-sizing: border-box; min-height: 228px; margin-bottom: 35px; position: relative; overflow: hidden}
.ms_greet .gr_point_box::after{content:''; display: block; background:url(../images/sub/greet_bg.png) no-repeat right bottom; width: 100%; height: 216px; position: absolute; bottom:0; right:0}
.ms_greet .gr_point_box p{color:#2f2f2f}
.ms_greet .gr_point_box span{display: inline-block; padding:0 11px; min-height: 21px; border-radius:10.5px; text-align: center; line-height: 21px; margin:0 3px 7px 0}
.ms_greet .gr_point_box p br{display: none}
.ms_greet .gr_point_box p:nth-of-type(3) span{margin-bottom: 10px}
.ms_greet .gr_sign{text-align: center}

/*학교연혁*/
.ms_history .con_tit{margin-bottom: 0}
.ms_history .con_tit .con_img span:first-child{margin-right: 10px}
.ms_history .con_txt{padding:57px 0 21px}
.ms_history .con_txt span{background:#aaaaaa; border-radius: 14.13px; padding:3px 20px; border:2px solid #ffffff; font-weight:800; text-align: center; box-sizing: border-box; color:#fff; margin-right: 12px}
.year_box{margin-left: 16px}
.year_box .year_tit{border-radius: 0 0 30px 30px; width: 179px; min-height: 49px; line-height: 49px; background-color:#2ecfac; text-align: center; margin-top: -1px}
.year_box .year_tit span{display: inline-block;background: url(../images/sub/his_icon01.png) no-repeat left center;font-size: 1.077em; color:#fff; font-weight: 600; padding-left: 30px }
.year_box .year_list{margin-left: 34px; padding:23px 0; border-left:1px solid #d1d1d1; position: relative; border-bottom: 1px solid #d1d1d1}
.year_box .year_list::after{content:''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color:#d1d1d1; position: absolute; right:0; bottom:-5px}
.year_box:nth-of-type(2) .year_list{border-bottom: none}
.year_box:nth-of-type(2) .year_list::after{background:none}
.year_box .year_list li{font-size: 0.933em}
.year_box .year_list li:first-child .year_date{border-width: 2px; border-color:#2ecfac}
.year_box .year_list span{display: inline-block}
.year_box .year_list .year_date{border:1px solid #d1d1d1; display: inline-flex; align-items: center; border-radius: 0 17px 17px 0; min-width: 147px; min-height: 34px; border-left: 0; padding-left: 27px; box-sizing: border-box; color:#1c1c1c; font-weight: 600; font-size: 1em}
.year_box .year_list .year_center{justify-content: center; padding-left: 0;}
.year_box .year_list .year_txt{display: block; margin:-27px 0 0 157px; line-height: 140%; padding-bottom: 17px; word-break: keep-all}
.year_box .year_list li:last-child .year_txt{padding-bottom:8px}
.ms_history .his_txtbox .his_bt{background:#f2f2f2; min-height: 37px; border-radius: 10px; text-align: center; display: flex; justify-content: center; align-items: center; position: relative}
.ms_history .his_txtbox .his_bt::before{content:''; display: block; background:url(../images/sub/his_bg.png) no-repeat; position: absolute; right:21px; bottom:37px; width: 368px; height: 93px}

/*최신년도*/
.year_box.this_year .year_tit{background-color:#6ea1ff; margin-top: 0}
.year_box.this_year .year_list li:first-child .year_date{border-color:#6ea1ff}

/*학교현황*/
.ms_sctb .sc_alarm{margin-bottom: 15px; position: relative; min-height: 64px; width: 100%; box-sizing: border-box; border-radius: 32px; padding:7px 7px 7px 20px; background-color:#fff; border:1px solid #d1d1d1; display: flex; align-items: center}
.ms_sctb .sc_alarm .ar_tit img{vertical-align:middle}
.ms_sctb .sc_alarm .ar_btn a{transition: 0.5s; font-weight: 600; color:#fff; box-sizing: border-box; padding:0 11px 0 43px; display:inline-flex; align-items: center; justify-content: space-between; min-width: 241px; min-height: 47px;position: absolute; right:8px; top:8px; background: #ff6f5f; border-radius: 23.5px;}
.ms_sctb .sc_alarm .ar_btn a::before{content:''; display: block; transition: 0.5s;  background:url(../images/sub/ar_icon.png) no-repeat; width: 21px; height: 26px; position: absolute; left:13px; top:11px}
.ms_sctb .sc_alarm .ar_btn a:hover{background-color:#ffc12c}
.ms_sctb .sc_alarm .ar_btn a:hover::before{transform: rotateY( 180deg)}
.ms_sctb .sc_alarm .ar_btn a span.sc_go{background: #fff; display: inline-block; min-height: 19px;font-weight: 600; font-size: 0.867em; min-width: 48px; border-radius: 9.5px; text-align: center; color:#111111; letter-spacing: 0.5px; line-height: 19px}
.sctb_year{text-align: right; margin:-25px 0 10px 0}
.sctb_year span{background:#f0f0f0; font-size: 0.867em; border-radius:13px; text-align: center; color:#2c2c2c; min-width: 137px; min-height: 26px;display: inline-block; line-height: 26px}

/*학교상징*/
.sym_lst{display: flex; justify-content: space-between; margin-top: 50px}
.sym_lst li{position:relative; padding-left: 15px; box-sizing: border-box; width: calc(100% / 4 - 11px)}
.sym_lst li .sym_tit{position: absolute; z-index: -1; top:-30px; left:0}
.sym_lst li .sym_box{border:2px solid #5dbffd; background-color:#fff; box-sizing: border-box; border-radius: 30px 10px 10px 10px; padding:10px 10px 17px 10px}
.sym_lst li .sym_box .sym_img{filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.1))}
.sym_lst li .sym_box .sym_img img{width: 100%}
.sym_lst li .sym_box .sym_txt{margin-top: 22px; text-align: center; line-height: 140%; font-weight: 500; color:#292929}
.sym_lst li .sym_stit{position: absolute; top:-27px; right:11px; font-weight: 600}

/*교색,교목,교화*/
.sym_lst li:nth-of-type(2) .sym_box{border-color:#a4cf4d} 
.sym_lst li:nth-of-type(2) .sym_stit{color:#a4cf4d}
.sym_lst li:nth-of-type(3) .sym_box{border-color:#ffb900} 
.sym_lst li:nth-of-type(3) .sym_stit{color:#ffb900}
.sym_lst li:nth-of-type(4) .sym_box{border-color:#ff96c0} 
.sym_lst li:nth-of-type(4) .sym_stit{color:#ff96c0}

#schSong{display: none}
.song_wrap{display: flex; padding-bottom: 25px; border-top:4px solid #f0f0f0; position: relative; border-radius: 2px; box-sizing: border-box; margin-top: 61px}
.song_wrap .song_box{padding-left: 22px}
.song_wrap .song_box .song_tit{padding:21px 0 18px 6px}
.song_wrap .song_box .song_img{padding:21px 32px 37px; background:#fff; box-sizing: border-box; border:2px solid #e1e0de; border-radius: 20px; width: 551px}
.song_lst .song_area{position: absolute; top:-4px; right:0; align-items: center; background:#ffca3a; border-radius: 0 0 20px 20px; padding:0 10px 0 20px; width: 318px; min-height: 51px; box-sizing: border-box}
.song_lst .song_area dt{line-height: 51px; font-weight: 600; color:#705b00; font-size: 1.067em}
.song_lst .song_area .btns{display: flex; position: absolute; top:10px; right:10px}
.song_lst .song_area .btns li{margin-right: 5px}
.song_lst .song_area .btns li:last-child{margin-right: 0}
.song_lyrics{text-align: center; min-width: 318px; margin-left: 19px; padding-top: 70px}
.song_lyrics .sec_tit{text-align: center; display: inline-block; margin-bottom: 10px; min-width: 70px; min-height: 27px; line-height: 27px; color:#fff; border-radius: 13.5px;  background-color:#3d3d3d; font-size: 0.933em; font-weight: 600}
.song_lyrics .sec_txt{color:#101010; text-align: center;font-size: 0.933em; line-height: 150%; letter-spacing: 1.8px}
.song_lyrics .sec_txt01{margin-bottom: 24px}
.song_wrap::before,.song_wrap::after{content:''; display: block; position:absolute}
.song_wrap::before{border-radius: 29px; z-index: -2; background:#c5e684; min-height: 58px; width: 100%; bottom:0}
.song_wrap::after{background:url(../images/sub/song_bg.png) no-repeat; width: 328px; height: 157px; right:10px; bottom:9px; z-index: -1}

/*교직원소개*/
.ms_teatb .tel_btn{display: none}

/*찾아오시는 길*/
.map_box{border:1px solid #d4d4d4; box-sizing: border-box}
.map_box .root_daum_roughmap{width: 100%!important}
.map_lst > li{color:#242424}
.map_lst > li:first-child{margin-bottom: 9px}
.map_lst > li:first-child .map_stit{display: flex; align-items: center}
.map_lst > li:first-child .map_stit span{margin-right: 28px}
.map_lst .map_stit span.map_icon{min-width:142px; min-height: 53px; display: inline-flex; justify-content: center; align-items: center; border-radius: 0 0 30px 30px;background:#ffae46}
.map_lst > li:nth-of-type(2){border-top:1px solid #d1d1d1; position:relative}
.map_lst > li:nth-of-type(2)::after{content:''; display: block; position: absolute; top:-4px; right:0; width: 8px; height: 8px; border-radius: 50%; background-color:#d1d1d1}
.map_lst > li:nth-of-type(2) .tel_box{display: flex}
.map_lst > li:nth-of-type(2) .map_stit span{background-color:#6ea1ff}
.map_lst > li .tel_list{display: flex; margin-left: 19px; align-items: center}
.map_lst > li .tel_list li{font-weight: 500}
.map_lst > li .tel_list li:first-child{margin-right: 33px}
.map_lst > li .tel_list li span{font-weight: 600; margin-right: 6px; font-size: 0.933em; background:#d1d1d1; display: inline-block; border-radius: 9.5px; min-width: 51px; min-height: 19px; color:#fff; line-height: 19px; text-align: center}

/*교육중점*/
.edu_box{position: relative; background:url(../images/sub/edu_bg.png) top 25px center no-repeat}
.edu_tit{margin:30px auto 30px; width: 700px; height:102px; border-radius: 43px; background:#f6f6f6; border-radius:51px; padding:8px; box-sizing: border-box; border:1px dashed #cecece}
.edu_tit p{background-color:#fff; border-radius:43.2px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center}
.edu_tit p span{display: block; background:url(../images/sub/edu_tit_n.png) no-repeat; width: 537px; height: 63px}
.edu_stit{border:1px solid #2d82d1;box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.07); position: relative; padding:58px 0 22px; text-align: center; border-radius: 15px; box-sizing: border-box; background:#fff}
.edu_stit p{color:#383838; font-size: 1.067em}
.edu_stit span{display: inline-block; position: absolute; top:0; left:50%; transform: translateX(-50%); border-radius: 0 0 25px 25px; text-align: center; background:#2d82d1; min-height: 41px; padding:10px 85px 0; box-sizing: border-box}
.edu_lst{margin:30px 0 60px; background: #fff; border-radius: 15px;box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1); padding:15px 11px; display: flex}
.edu_lst li{padding:3px 11px; text-align: center; width: calc(100% / 4); position: relative}
.edu_lst li:after{content:''; display: block; position: absolute; right:0; top:0; width: 1px; height: 100%; background:url(../images/sub/edu_bd_y.jpg) repeat-y}
.edu_lst li:first-child{padding-left: 0}
.edu_lst li:last-child{padding-right: 0}
.edu_lst li:last-child::after{display: none}
.edu_lst li .goal_tit{background:#fff3f1; border-radius: 15px; position:relative}
.edu_lst li .goal_tit .gtit_img{position: absolute; left:50%; transform: translateX(-50%); top:0;  background:#fe8a7a; margin:0 auto; border-radius: 0 0 20px 20px; display:flex; justify-content: center; align-items: center; text-align: center; width: 145px; height: 36px; }
.edu_lst li .goal_tit .gtit_txt{display: block; padding:52px 0 17px; font-weight: 600; color:#3b3b3b; line-height: 140%}
.edu_lst li .goal_txt{padding:20px 0 18px; line-height: 140%}
.edu_box .con_box{margin-bottom: 53px}
.edu_box .con_box:last-child{margin-bottom:0}
.edu_box .con_lst .edu_dt{min-width: 61px; min-height: 18px; padding:0 10px; line-height: 18px; text-align: center; font-weight: 600; color:#fff; box-sizing: border-box; font-size: 0.867em; margin-left: 8px; border-radius: 9px; background-color:#afd367}
.edu_box .con_lst li:nth-of-type(2) .edu_dt{background-color:#f9bc2d}
.edu_box .con_lst li:nth-of-type(3) .edu_dt{background-color: #c680e1}
.edu_box .con_lst li:nth-of-type(4) .edu_dt{background-color: #00a9b7}
.edu_box .br_box .br_img{margin-left: 14px}
.edu_box .br_box .br_img img{vertical-align: bottom}
.edu_box .br_box .ms_brand{margin-bottom: 18px; border-radius: 15px; background-color: #f1f1f1; padding:11px 20px; display: flex; justify-content: space-between; align-items: center}
.edu_box .br_box .ms_brand li{color:#373737; width: calc(100% / 3 - 4.5px); min-height: 40px; line-height: 40px; box-sizing:border-box; text-align: center; font-weight: 600; font-size: 1.067em; border:2px solid #dac2ff; border-radius: 22px; background:#fff}
.edu_box .br_box .ms_brand li span{color:#9f66f8}

/*학생상*/
.edu_lst li:nth-of-type(2) .goal_tit{background-color: #fff8e5}
.edu_lst li:nth-of-type(2) .gtit_img{background-color:#ffb900}

/*교사상*/
.edu_lst li:nth-of-type(3) .goal_tit{background-color: #f7fbf0}
.edu_lst li:nth-of-type(3) .gtit_img{background-color:#afd367}

/*학부모상*/
.edu_lst li:nth-of-type(4) .goal_tit{background-color: #f2faff}
.edu_lst li:nth-of-type(4) .gtit_img{background-color:#80ceff}

/*공통박스 색상변경(교육중점)*/
.conbx02 .conbx_tit{background-color:#02ab8c}
.conbx02::before{background-color:#e5f6f3}
.conbx03 .conbx_tit{background-color:#03abb8}
.conbx03::before{background-color:#e5f6f8}
.conbx04 .conbx_tit{background-color:#c680e1}
.conbx04::before{background-color:#f9f2fc}

/*교육중점 1인성 브랜드 색상*/
.edu_box .br_box .ms_brand li:nth-of-type(2){border-color: #ffc2c2}
.edu_box .br_box .ms_brand li:nth-of-type(2) span{color:#f85f5f}
.edu_box .br_box .ms_brand li:nth-of-type(3){border-color: #c8e889}
.edu_box .br_box .ms_brand li:nth-of-type(3) span{color:#81bc0e}

/*학사일정*/
.ms_sche .con_tit{background: rgba(130,201,250,0.2)}
.ms_sche .con_tit .con_img span:nth-of-type(1){margin-right: 0}
.ms_sche .con_txt span{font-size: 1.067em; display: inline-block; padding:0 18px; font-weight: 600; color:#222222; }
.ms_sche .con_txt::before,.ms_sche .con_txt::after{content:''; display: inline-block; margin-bottom: 2px; width: 6px; height: 6px; border-radius: 50%; background-color:#2d82d1}
.sche_lst{display: flex; margin-bottom: 40px; justify-content: center; flex-wrap: wrap; position: relative}
.sche_lst:nth-of-type(1){margin-top: 30px}
.sche_lst:last-child{margin-bottom: 0}
.sche_lst::after{content: ''; display: block; position: absolute;z-index: -1; bottom:-22px; background-color:#efefef; border-radius: 19.5px; width: 100%; height: 39px}
.sche_lst > li{border-radius: 30px; position:relative; width: calc(100% / 3 - 40px); margin-right: 16px}
.sche_lst > li:last-child{margin-right: 0}
.sche_list{height:calc(100% - 47px)}
.sche_lst > li .month_tit{position:relative; display: flex; align-items: center; text-align: left;  margin-bottom: 5px}
.sche_lst > li .month_tit span{display: inline-block; font-size: 0.867em; font-weight: 800; color:#fff}
.sche_lst > li .month_tit span:nth-of-type(2){width: 100%; margin-left: 16px; border-radius: 10px; height: 21px; line-height: 21px;text-align: center; background-color:#fe8a7a}
.sche_lst > li .month_tit span img{vertical-align: bottom}
.sche_lst > li .month_tit img{vertical-align: middle}
.sche_list {background:#fff; border:1px solid #d1d1d1;box-sizing: border-box; border-radius:10px; padding:10px}
.sche_list .date_list > li{font-weight: 500; margin-bottom: 6px; word-break: keep-all; position:relative; padding-left:73px; line-height: 150%; color:#222222;font-size: 0.867em}
.sche_list .date_list > li:last-child{margin-bottom: 0}
.sche_list .date_list > li span{color:#383838;font-size: 0.867em;display: inline-block; min-width: 64px; min-height: 19px; position:absolute; top:0; left:0; line-height: 19px; font-weight: 600; border-radius: 5px; background:#dedede; text-align: center}
.sche_list .date_list > li span.holi{background-color:#ff6f5f; color:#fff}

/*학사일정 색상*/
.sche_lst:nth-of-type(2) > li .month_tit span:nth-of-type(2){background-color:#afd367}
.sche_lst:nth-of-type(3) > li .month_tit span:nth-of-type(2){background-color:#ffb900}
.sche_lst:nth-of-type(4) > li .month_tit span:nth-of-type(2){background-color:#80ceff}

/*일일시정표*/
.ms_timetb .con_tit{background:rgba(255,111,95,0.2)}

/*도서관안내*/
.ms_lib .con_tit{background:rgba(175,211,103,0.2)}
.ms_lib .info_box{padding:20px 22px; border:1px solid #d1d1d1; border-radius: 10px; box-sizing: border-box; position: relative; margin-bottom: 25px}
.ms_lib .info_box::after{content:''; display: block; background:url(../images/sub/lib_bx_img.png) no-repeat; width: 207px; height: 75px; position: absolute; right:8px; bottom:0}
.ms_lib .info_box li{color:#2f2f2f; font-weight: 500}
.ms_lib .info_box li:first-child{margin-bottom: 6px}
.ms_lib .info_box li span{background:#545454; font-weight: 600; color:#ffffff; border-radius: 14px; display: inline-block; min-width: 76px; min-height: 28px; line-height: 28px; text-align: center; margin-right: 16px}
.ms_lib .info_txt{margin-bottom: 25px}
.ms_lib .con_box03{margin-top: 55px}
.ms_lib .con_box03::after{content: ''; display: block; background:url(../images/sub/lib_bx_img03.png) no-repeat;width: 202px; height: 154px; position: absolute; right:14px; bottom:3px}

/*지역아동센터 소개*/
.ms_ch_cen .con_tit{background:rgba(219,155,244,0.2)}
.ms_ch_cen .con_txt_box .con_tbox_txt::after{background:url(../images/sub/ch_box_img01.png) no-repeat; width: 197px; height: 122px; right: 11px; bottom:0}
.ch_info{display: flex; justify-content: space-between; margin:38px 0 53px}
.ch_info li{border:1px solid #d1d1d1; width: calc(100% / 3 - 23px); border-radius: 15px; text-align: center; padding-bottom: 38px}
.ch_info li .ch_info_tit{display: inline-block;min-width: 160px; min-height: 47px; border-radius: 0 0 30px 30px; background-color:#9986e5; color:#fff; font-weight: 600; font-size: 1.067em; text-align: center; line-height: 47px; margin-bottom: 23px}
.ch_info li .ch_info_tit span{background:url(../images/sub/ch_icon01.png) no-repeat left center; padding-left: 24px; padding-right: 10px}
.ch_info li:nth-of-type(2) .ch_info_tit{background-color:#c680e1}
.ch_info li:nth-of-type(2) .ch_info_tit span{background-image:url(../images/sub/ch_icon02.png)}
.ch_info li:nth-of-type(3) .ch_info_tit{background-color:#9986e5}
.ch_info li:nth-of-type(3) .ch_info_tit span{background-image:url(../images/sub/ch_icon03.png)}
.ch_info li .ch_info_txt{font-weight: 500; font-size: 0.933em; line-height: 140%}
.ch_info li .ch_info_txt span{color:#ff2525}
.ms_ch_cen .con_box03 .conbx03_tit{padding-left: 20px}
.ms_ch_cen .con_box03 .conbx03_tit::before{left:62px}
.ms_ch_cen .con_box03 ol li{padding-left: 55px}
.ms_ch_cen .con_box03 ol li span{width: 41px; height: 18px; line-height: 18px; border-radius: 5px; background: #525252; top:-1px}
.ms_ch_cen .con_box03::after{content:''; display: block; position: absolute; background:url(../images/sub/ch_box_img02.png) no-repeat; width: 75px; height: 85px; right:20px; bottom:0}

/*지역아동센터 문의처 안내*/
.ch_cs_box{margin-top: 89px}
.ch_cs_box .ch_cs_tit{border:1px solid #d1d1d1; box-sizing: border-box; border-radius: 15px; padding:13px 0; text-align: center; position: relative;min-height: 50px}
.ch_cs_box .ch_cs_tit .cs_tit{position: absolute; top:-58px; left:50%; transform: translateX(-50%); border-radius: 30px 30px 0 0; min-width: 334px; min-height: 57px; display: inline-block; text-align: center; line-height: 57px; color:#fff; background:#6e54d6; font-weight: 600; font-size: 1.2em}
.ch_cs_box .ch_cs_tit .cs_txt{background:url(../images/sub/ch_info_icon.png) no-repeat left center; display: inline-block; padding-left: 32px; display: inline-flex; min-height: 22px; align-items: center; font-weight: 600; color:#525252; font-size: 1.067em; padding-right: 10px}
.cs_list{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 21px}
.cs_list>li{width: calc(100% / 2 - 16px); border-radius: 10px; border:3px solid #eeeeee; overflow: hidden}
.cs_list>li:nth-of-type(1),.cs_list>li:nth-of-type(2){margin-bottom: 19px}
.cs_list li .cs_lst_tit{background:#eeeeee; text-align: center; min-height: 38px; line-height: 38px; font-weight: 600; color:#262626}
.cs_list li .cs_lst_tit span{color:#6e54d6}
.cs_list li .cs_info{padding: 22px 16px 20px}
.cs_list li .cs_info li{color:#262626;font-size: 0.933em; position: relative; padding-left: 21px}
.cs_list li .cs_info li::before{content:''; display: block; position: absolute}
.cs_list li .cs_info li:first-child{margin-bottom: 13px}
.cs_list li .cs_info li:first-child::before{background:url(../images/sub/ch_tel.png); width: 14px; height: 14px; left:0; top:-1px}
.cs_list li .cs_info li:nth-of-type(2)::before{background:url(../images/sub/ch_map.png); width: 12px; height: 14px; left:0; top:-1px}


/*학년 배움나눔 동아리*/
.ms_club .con_tit{background:rgba(177,180,252,0.2)}
.ms_club .con_txt_box{margin-bottom: 33px}
.ms_club .con_txt_box .con_tbox_txt{overflow: hidden}
.ms_club .con_txt_box .con_tbox_txt::after{background: url(../images/sub/club_img.png) no-repeat; width: 199px; height: 118px; right:0; bottom:0}
.ms_club .con_box02{border:1px solid #dedede; background:#fff; border-radius: 10px 10px 0 0; position: relative}
.ms_club .con_box::before{display: none}
.ms_club .con_box02::after{content:''; display: block; background:#f2f2f2; height: 5px; width: 100%; position: absolute; bottom:-5px; z-index: -1}
.ms_club .con_box02{margin-bottom: 21px}
.ms_club .con_box02 .con_lst{padding:20px}
.ms_club .con_box02 .con_lst li::before{top:8px}
.ms_club .con_box02 .con_lst li{line-height: 140%; margin-bottom: 10px}
.ms_club .con_box02 .con_lst li:last-child{margin-bottom: 0}
.ms_club .info_mt{margin-bottom: 22px}

/*배움나눔 동아리 테이블*/
.ms_club .ms_table .cl_icon{display:flex; justify-content: center; align-items: center}
.ms_club .ms_table .cl_icon .club_icon{margin-right: 10px}
.ms_club .ms_table .cl_icon .club_icon img{vertical-align:middle}
.ms_club .ms_table .cl_icon .club_txt{color:#4a77e1; font-weight: 600; font-size: 0.933em}
.ms_club .ms_table tbody td.td_left{text-align: left}


/*문산규정*/
/*개정이력(공통)*/
.ms_rule .ruledate_box{margin: 0 0 30px; border-top: 2px solid #c680e1}
.ms_rule .ruledate_box .ruledate_tit{padding: 0 10px 0 97px; box-sizing: border-box; line-height: 42px; font-size: 1.067em; position: relative; font-weight: 600}
.ms_rule .ruledate_box .ruledate_tit::before{content: ''; width: 80px; height: 47px; border-radius: 0 0 30px 0; background: url(../images/sub/icon_rule_head.png) no-repeat center #c680e1; position: absolute; left: 0; top: 0}
.ms_rule .ruledate_box .ruledate_tit > span{color: #7b7b7b}
.ms_rule .ruledate_box > ul{border: 1px solid #d1d1d1; border-radius: 0 0 15px 15px; padding: 8px 20px; display: flex; flex-wrap: wrap}
.ms_rule .ruledate_box > ul > li{width: 20%; box-sizing: border-box; padding-left: 15px; color: #3a3a3a; font-size: 0.867em; margin: 7px 0; position: relative}
.ms_rule .ruledate_box > ul > li::before{content: ''; position: absolute; width: 4px; height: 4px; background: #464646; border-radius: 4px; left: 0; top: 0.3em}
.ms_rule .rulebody_box{margin-top: 30px; color: #2c2c2c}
/* 장, 조 */
.ms_rule .rulebody_box > h4{margin: 20px 0; position: relative; padding-left: 72px}
.ms_rule .rulebody_box > h4 > p{border: 1px solid #d1d1d1; border-radius: 30px; height: 42px; font-size: 1.133em; box-sizing: border-box; padding: 10px 60px 0 25px; background: url(../images/sub/icon_rule_h4.jpg) no-repeat right 20px center #fff; color:#232323; font-weight: 500}
.ms_rule .rulebody_box h4 .tit_bg{position: absolute; width: 88px; line-height: 42px; height: 42px; text-align: center; background: #c680e1; color: #fff; font-size: 0.941em; border-radius: 42px; left: 0; top: 0; z-index: -1; font-weight: 500}
.ms_rule .rulebody_box h5{margin: 20px 0 16px; font-size: 1em; font-weight: 600; padding: 3px 0 5px; background: url(../images/sub/bg_rule_tit.jpg) repeat-x left bottom; line-height: 23px; }
.ms_rule .rulebody_box h5 span{color: #b85bdc; padding-left: 26px; background: url(../images/sub/icon_rule_h5.jpg) no-repeat left center; line-height: 23px; display: inline-block}
/*텍스트스타일*/
.ms_rule .rulebody_box p{line-height: 1.4; margin: 10px 0}
.ms_rule .rulebody_box ol li, .ms_rule .rulebody_box ul li{line-height: 1.5}
.ms_rule .rulebody_box > ol, .ms_rule .rulebody_box > ul{margin: 15px 0}
.ms_rule .rulebody_box > ol > li, .ms_rule .rulebody_box > ul > li{margin-bottom: 10px}
.ms_rule .rulebody_box > ol > li:last-child,.ms_rule .rulebody_box > ul > li:last-child{margin-bottom:0}
.ms_rule .rulebody_box ol ol, .ms_rule .rulebody_box ul ul{background: #f4f4f4; border-radius: 5px; padding: 13px 18px; margin: 10px 0}
.ms_rule .rulebody_box ol ol > li, .ms_rule .rulebody_box ol ul > li{font-size: 0.933em; color: #606060; margin-bottom: 5px}
.ms_rule .rulebody_box ol ol > li:last-child,.ms_rule .rulebody_box ol ul > li:last-child{margin-bottom:0}

/*방과후돌봄 안내*/
.ms_after .con_tit{background:rgba(250,122,170,0.2)}
.ms_after .ms_table tbody th span{display: block; text-align: center}
.ms_after .ms_table tbody th .after_icon{transition: 0.2s; margin:0 auto; width: 66px; height: 66px; border-radius: 50%; background-color:#fff; border:2px solid #dadada}
.ms_after .ms_table tbody th .after_icon:hover{border-color:#fa7aaa}
.ms_after .ms_table tbody th .after_txt{color:#323232; margin-top: 6px}

/*유치원 소개*/
.kid_greet .kd_gt_tit{text-align: center; background:url(../images/sub/kd_gt_line.png) center bottom no-repeat; padding-bottom: 39px; margin-bottom: 32px}
.kid_greet .kd_big_tit{margin-bottom: 10px}
.kid_greet .kd_sm_tit{display: inline-flex; justify-content: center; align-items:flex-start; position: relative}
.kid_greet .kd_sm_tit::before,.kid_greet .kd_sm_tit::after{content:''; display: block; position: absolute}
.kid_greet .kd_sm_tit::before{background:url(../images/sub/kd_gtit_img01.png) no-repeat; width: 47px; height: 52px; left:-62px; top:-34px}
.kid_greet .kd_sm_tit::after{background:url(../images/sub/kd_gtit_img02.png) no-repeat; width: 65px; height: 46px; right:-83px; top:-38px}
.kid_greet .kd_sm_tit span:first-child{margin-right: 8px}
.kid_greet .kd_gt_txt{text-align: center; line-height: 140%; word-break: keep-all}
.kid_greet .kd_gt_bx{border:3px solid #e7e7e7; border-radius: 60px 60px 10px 10px; padding:28px 0 60px; background:url(../images/sub/kd_gr_bg.png) no-repeat center bottom; position: relative; margin:26px 0 29px}
.kid_greet .kd_gt_bx::before,.kid_greet .kd_gt_bx::after{content:''; display: block; position: absolute}
.kid_greet .kd_gt_bx::before{background:url(../images/sub/kd_gt_bt01.png) no-repeat; width: 174px; height: 139px; left:35px; bottom:8px}
.kid_greet .kd_gt_bx::after{background:url(../images/sub/kd_gt_bt02.png) no-repeat; width: 288px; height: 111px; right:21px; bottom:15px}
.kid_greet .kd_gt_bx .kd_gt_txt:first-child{margin-bottom: 33px}
.kid_greet .kd_gt_bx .kd_gt_txt{line-height: 160%}
.kid_greet .kd_gt_txt.bold{margin-bottom: 33px}
.kid_greet br.mb_on{display: none}

/*유치원 현황*/
.his_txtbox.kid_year{position: relative; border-top:1px solid #d1d1d1; margin-bottom: 41px}
.his_txtbox.kid_year::before{content: '';display: block;width: 8px;height: 8px;border-radius: 50%;background-color: #d1d1d1;position: absolute;right: 0; top:-4px}
.his_txtbox.kid_year::after{content: ''; display: block; bottom:-18px; position: absolute;width: 100%; height: 18px; background:#f2f2f2; border-radius: 9px}
.kid_year .year_box{margin-left: 0; position: relative}
.kid_year .year_box::after{content: '';display: block; background:url(../images/sub/kid_tb_img.png) no-repeat; width: 243px; height: 73px; position: absolute; right:18px; bottom:0}
.kid_year .year_box.this_year .year_tit{background-color:#ff7b7b; margin-top:-1px}
.kid_year .year_box .year_list{border-bottom: 0}
.kid_year .year_box.this_year .year_list li:first-child .year_date{border-color:#ff7b7b}
.kid_year  .year_box .year_list::after{display: none}

/*유치원 교육중점*/
.kid_edu .edu_tit{margin-bottom: 57px}
.kid_edu .con_box .conbx_tit{min-width: 207px}
.kid_edu .kidbox01{margin-bottom: 54px; position: relative}
.kid_edu .kidbox01::after{content:''; display: block; background: url(../images/sub/kid_edu_img.png) no-repeat; position: absolute; width: 128px; height: 229px; right:24px; bottom:-3px}
.kid_edu .kidbox01 .conbx_tit{background:#ffa8db}
.kid_edu .kidbox01::before{background:rgba(255,168,219,0.1)}
.kid_edu .kidbox02 .conbx_tit{background:#3fbcc6}
.kid_edu .kidbox02::before{background:rgba(63,188,198,0.1)}
.kid_edu .kidbox02 .con_lst{padding:33px 20px 26px}
.kid_edu .kidbox02 .con_lst li{padding-left: 0}
.kid_edu .kidbox02 .con_lst li .kd_edu_txt{margin-right: 12px}
.kid_edu .kidbox02 .con_lst li .kd_edu_txt img{vertical-align:middle}

/*유치원 학급홈페이지*/
.kid_link .kd_lk_tit{text-align: center; padding:12px 0 18px; border-top:1px solid #d1d1d1}
.kid_link .kd_lk_tit span:first-child{margin-right:5px}
.kid_link .lk_under_txt{font-size: 0.933em; text-align: center}
.kid_link .lk_under_txt>p{display: inline-block;position: relative;border:2px solid #e7e7e7; padding:2px 89px; border-radius: 16px}
.kid_link .lk_under_txt .lk_sign{background:#636363; width: 22px; height: 22px; border-radius: 50%; color:#fff; font-weight: 500; text-align: center; line-height: 22px; display: inline-block; margin-right: 2px}
.kid_link .lk_under_txt p::before,.kid_link .lk_under_txt p::after{content:''; display: block; position:absolute}
.kid_link .lk_under_txt p::before{background:url(../images/sub/kid_lk_img01.png) no-repeat; width: 58px; height: 52px; top:-5px; left:-30px}
.kid_link .lk_under_txt p::after{background:url(../images/sub/kid_lk_img02.png) no-repeat; width: 58px; height: 52px; top:-7px; right:-30px}
.kid_link .lk_list{background:#ededed; border-radius: 30px; padding:23px 21px; margin-top:17px; display: flex; justify-content: space-between}
.kid_link .lk_list li{display:block; border-radius:30px; background:#ffffff; padding:7px; min-height: 235px; box-sizing: border-box; width: calc(100% / 3 - 15px)}
.kid_link .lk_list li a{width:100%; height:100%}
.kid_link .lk_list li:nth-of-type(1) a:hover div{border-color:#7cc74a}
.kid_link .lk_list li:nth-of-type(2) a:hover div{border-color:#ff6f5f}
.kid_link .lk_list li:nth-of-type(3) a:hover div{border-color:#ff9cd2}
.kid_link .lk_list li a:hover .lk_go{margin-right:5px}
.kid_link .lk_list li a >div{border:1px dashed #ebebeb; border-radius: 30px; height: 100%; box-sizing: border-box; padding:18px 0 25px}
.kid_link .lk_list li .lk_img{text-align: center}
.kid_link .lk_list li .lk_img span{display: block}
.kid_link .lk_list li .lk_img span:nth-of-type(1){margin-bottom: 22px}
.kid_link .lk_list li .lk_btn{display: flex; width: calc(100% - 56px); margin:0 auto; border:2px solid #7cc74a; border-radius: 26px; box-sizing: border-box; padding:0 13px 0 25px; min-height: 48px; color:#2c2c2c; font-weight: 600; justify-content: space-between; align-items: center; margin-top: 22px}
.kid_link .lk_list li .lk_btn .lk_go{display:inline-block; min-width:47px; min-height: 31px; border-radius: 15.5px; background-color:#7cc74a; text-align: center; line-height: 27px; color:#fff;transition: 0.2s}

/*유치원 학급홈페이 색상조정*/
.kid_link .lk_list li:nth-of-type(2) .lk_btn{border-color:#ff6f5f}
.kid_link .lk_list li:nth-of-type(2) .lk_btn .lk_go{background:#ff6f5f}
.kid_link .lk_list li:nth-of-type(3) .lk_btn{border-color:#ff9cd2}
.kid_link .lk_list li:nth-of-type(3) .lk_btn .lk_go{background:#ff9cd2}

/* 추가 kjh 240226 학생회 */
.ms_unit .con_tit{background:#d9f1fe}
.ms_unit .info_box{padding:20px 22px; border:1px solid #d1d1d1; border-radius: 10px; box-sizing: border-box; position: relative; margin-bottom: 25px}
.ms_unit .info_box li{color:#2f2f2f; font-weight: 500; margin-top:6px}
.ms_unit .info_box li span {background:#2d82d1; font-weight: 600; color:#ffffff; border-radius: 14px; display: inline-block; min-width:108px; min-height: 28px; line-height: 28px; text-align: center; margin-right: 16px}
.ms_unit .info_box li:first-child{margin-top:0}
.ms_unit .info_box li:first-child span {background:#275784}
.ms_unit .info_blst {position: relative}
.ms_unit .info_blst span {position:absolute; top:0; left:0}
.ms_unit .info_blst ul {padding:5px 0 5px 126px}
.ms_unit .info_blst ul li {line-height:160%; padding-left:15px; margin-top:3px; background:url(../images/sub/tri_blit.png) no-repeat 0 7px}

.ms_unit .con_txt_box{margin-bottom: 33px}
.ms_unit .con_txt_box .con_tbox_txt{overflow: hidden}
.ms_unit .con_box02{border:1px solid #dedede; background:#fff; border-radius: 10px 10px 0 0; position: relative}
.ms_unit .con_box::before{display: none}
.ms_unit .con_box02::after{content:''; display: block; background:#f2f2f2; height: 5px; width: 100%; position: absolute; bottom:-5px; z-index: -1}
.ms_unit .con_box02 {margin-bottom: 21px}
.ms_unit .con_box02 .con_lst{padding:20px}
.ms_unit .con_box02 .con_lst li::before{top:8px}
.ms_unit .con_box02 .con_lst li{line-height: 140%; margin-bottom: 10px}
.ms_unit .con_box02 .con_lst li:last-child{margin-bottom: 0}

.ms_unit .unit_map {position:relative; margin:50px 0 50px; padding-bottom:25px; text-align: center}
.ms_unit .unit_map:before {content:""; display: block; position: absolute; bottom:0; left:0; width:100%; height:37px; background:#ededed; border-radius:10px }
.ms_unit .unit_mapwrap span {display:inline-block; width:244px; padding:13px 0; border-radius:30px 30px 5px 5px; box-sizing: border-box}
.ms_unit .unit_mapwrap {position: relative}
.ms_unit .unit_mapwrap:before {content:""; display:block; position:absolute; bottom:6px; left:30px; width:132px; height:68px; background:url(../images/sub/bg_unit_left.png) no-repeat 0 100%}
.ms_unit .unit_mapwrap:after {content:""; display:block; position:absolute; bottom:6px; right:30px; width:126px; height:68px; background:url(../images/sub/bg_unit_right.png) no-repeat 0 100%}
.ms_unit .unit_mapwrap .unit_m01 span {background:#2d82d1}
.ms_unit .unit_mapwrap ul {display:flex; justify-content: space-between; width:554px; margin:0 auto; padding:99px 0 0; background:url(../images/sub/bg_unit_map.png) no-repeat 50% 0}
.ms_unit .unit_mapwrap ul li {width:244px}
.ms_unit .unit_mapwrap ul li.unit_m0201 span {background:#afd367}
.ms_unit .unit_mapwrap ul li.unit_m0202 span {background:#ffb900}


/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
#subcontainer{position:relative}
/* Visual*/
.subvisual .visual_wrap {position: relative; height: 328px; margin: 0 auto}
.visual .visual_item .img_box{position: relative; max-width: 1023px; height: 250px; margin: 0 auto}
.visual .visual_item .v_img{max-width: 1023px; height: 250px; margin: 84px auto 0; border-radius: 15px; box-shadow:2px 3px 5px rgba(0, 0, 0, 0.1)}
.subvisual .visual_item{height:328px}
.subvisual .visual_item.item1{background:url(../images/sub/nt_vs_bg01.jpg) no-repeat top center}
.subvisual .visual_item.item2{background:url(../images/sub/nt_vs_bg02.jpg) no-repeat top center}
.subvisual .visual_item.item3{background:url(../images/sub/nt_vs_bg03.jpg) no-repeat top center} 
 
/*비주얼 팝업 배경색 지정*/
.subvisual .vbg_txt::before{content:''; display: block; border-radius: 18.49px 0 0 18.49px; min-height: 37px;width: 73px; position: absolute; right:0; top:9px}
.subvisual .item1 .vbg_txt::before{background:#5fa5e6}
.subvisual .item2 .vbg_txt::before{background:#fc98b2}
.subvisual .item3 .vbg_txt::before{background:#74bb6e}	

/*서브메뉴 색상 변경*/
.subvisual .visual_item::after{content: ''; display: block;border-radius: 24px 0 0 24px;position: absolute;bottom: 0;right: 0;height: 48px; width: calc(100% - 10px)}
.subvisual .visual_item.item1::after{background-color: #a8d8f9}
.subvisual .visual_item.item2::after{background-color: #ffc2d0}
.subvisual .visual_item.item3::after{background-color: #a4dd9f}
	
/*비주얼 이동 블릿-mobile*/
.slick-dots{bottom:35px}
.visual_wrap .btn_visual{bottom:185px}

/* topquick */
.topquick_box{margin-top: 0}
.topquick_box .sub_qk_btn a{position: absolute; top:-137px; display: block; background:url(../images/sub/sub_qk_btn.png) no-repeat; width: 58px; height: 58px; z-index: 1}
.topquick_wrap{display: none; position: absolute; top:-66px; width:calc(100% - 20px); left:50%; transform: translateX(-50%); background-color:#ffffff; border-radius: 10px; padding:9px; box-sizing: border-box;box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.15); z-index: 16}	
.topquick_wrap.quickopen{display: block}	
.topquick_box .sub_qk_btn a.quickopen{background:url(../images/sub/sub_qk_btn_a.png) no-repeat}
.topquick_box .tquick_list02 li a{border:1px solid #dcdcdc; box-sizing: border-box}
	
/*사용자퀵메뉴*/
#quick02{display: none}

/*topBtn*/
#topBtn.subquick{position: fixed;right: 0; bottom:100px;display: none;z-index: 10}
.subquick .btn_top{top:auto; bottom:25px; right:6px}
.btn_top img{width: 35px}

/* Layout */
#subright{position: relative; border-radius:10px 10px 0 0}
#subright.nomargin {margin-top:0 !important}
#subtop{width:100%; height:auto;border-radius: 10px 10px 0 0}
#subtop h3{position: relative; height: auto; color:#262626; font-weight: 600; font-size: 1.231em; margin:18px 0 15px; background-color:#f3f3f3; min-height: 49px; line-height: 49px}
#subpage {margin:10px 10px 40px}
#subpage .basics_font{font-size:1em /*기준폰트 13px*/}
    
/* MB guide */
#sub_guide {position: absolute; left:50%; transform: translateX(-50%); top: -63px; width:calc(100% - 20px); font-size: 14px; z-index:15}
#sub_guide .guide_wrap {padding: 5px 5px 5px 48px; border-radius: 0 0 15px 15px;position: relative}
#sub_guide .btn_home {display: block; position: absolute; left: 0; top: 0}
#sub_guide .btn_home a {display: block; width: 31px; height: 31px; position:absolute; top:6px; left:9px; text-indent:-99999px; background:url(../images/sub/btn_mb_home.png) no-repeat}
#sub_guide .btn_home span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
#sub_guide .navi_area{border-radius: 10px}
#sub_guide .navi_area>ul>li{float: left; width: 33.3%;  background:url('../images/sub/btn_mb_arr.png') no-repeat right 6px top 6px; position: relative}
#sub_guide .navi_area>ul>li.nav01{border-radius: 0 0 0 10px}
#sub_guide .navi_area>ul>li:last-child{border-radius: 0 0 10px 0}
#sub_guide .navi_area>ul>li>a {display: block; height: 31px; line-height: 31px; font-family: NSQ; padding:0 27px 0 9px; font-weight: 500; border-left: 1px solid rgba(255,255,255,0.5); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000000}
#sub_guide .navi_area>ul>li:first-child > a,#sub_guide .navi_area>ul>li:nth-of-type(2) > a{border-left: none}
#sub_guide .navi_area>ul>li.nav_home{display: none}
#sub_guide .submn {overflow: hidden; position: absolute; left: 0; top:39px; width: 100%; box-sizing: border-box;  margin: 0 auto; background: #fff; border:2px solid #52a7fa; border-radius:0 0 10px 10px; z-index: 150; border-top:none}
#sub_guide .submn ul {padding: 5px 0}
#sub_guide .submn li {z-index: 150}
#sub_guide .submn li:last-child{border:none}
#sub_guide .submn li a {color: #2c2c2c; font-weight: 500; display: inline-block; width: 100%; min-height: 43px; box-sizing: border-box; font-size: 0.93em; min-height: 32px; line-height: 140%; padding:5px  11px}
#sub_guide .submn li a:hover{color:#000; background: #f3f3f3}


/****TIT****/
h4.sub_tit4 {font-size:1.308em}
h5.sub_tit5 {font-size:1.154em}

/* Tab01 */
.tabnavi01{margin:0 10px}
.tabnavi01 > ul > li{margin-right: 8px}
.tabnavi01 > ul > li a{background:url(../images/sub/tab01_mbg.png) no-repeat right bottom; font-size: 1em; padding:12px 32px 12px 13px; border-radius: 9px; border:2px solid #e4e4e4}
.tabnavi01 > ul > li a:hover,.tabnavi01 > ul > li.on a{background:#fff url(../images/sub/tab01_mbg_a.png) no-repeat right bottom; border:2px solid #ff7c6a} 
    
/* Tab02, boardTab */
.tabnavi02{margin:0 10px 7px; padding-left: 13px}
.tabnavi02 > ul{display: flex; flex-wrap: wrap}   
.tabnavi02 > ul > li{float:none; margin:16px 0 0; width: 20%}
.tabnavi02 > ul > li:nth-of-type(5n){margin-right: 0}
.tabnavi02 > ul > li a{font-size:1em; font-weight: 400; background:url(../images/sub/tab02_blit.png) no-repeat left top; height: 13px}
.tabnavi02 > ul > li.on a{background:url(../images/sub/tab02_blit_a.png) no-repeat left top}
.tabnavi02 > ul > li a:hover{font-weight: 600;background:url(../images/sub/tab02_blit_a.png) no-repeat left top}
.tabnavi02 > ul > li.on a{}


/******************************서브컨텐츠 영역**************************************/
/****페이지 준비중****/
.sub_loding{background: url(../images/sub/page_loding_m.gif) no-repeat center center}

/****LI,P 텍스트스타일,블릿****/
/* -------------------공통스타일 시작 -------------------*/
.common_wrap .comtop ul{padding: 10px}
/*공통_개인정보처리방침*/
.protect .comtop ul{background:none}
/*공통_영상정보처리방침*/
.video .comtop ul{min-height:auto; background:none}
/*공통_저작권신고*/
.copyright .comtop ul{background:none}
.copyright p.copy_info{text-align: left}
.copyright p.copy_info br{display: none}
/*공통_행정서비스헌장*/
.charter .comtop{margin: 70px 0 15px}
.charter .comtop br{display: none}

/*교외체험학습*/
.app_trip .trip_top{background-size:600px; background-position: center bottom 8px}
	

	
/* -------------------공통스타일 끝 -------------------*/
/* -------------------컨텐츠 스타일 시작 -------------------*/	

/*공통 타이틀*/
.con_tit {border-radius: 15px}

/*공통리스트*/
.con_box .con_lst{padding:17px 8px}
.con_box .con_lst li{line-height: 140%; padding-left: 29px}
.con_box .con_lst .con_num{top:-1px; font-size:1em}

/*공통리스트 ver2*/
.con_box02 .con_lst li{padding-left: 10px; margin-bottom: 9px}
.con_box02 .con_lst li::before{top:8px}

/*공통리스트 ver3*/
.con_box03{padding:36px 0 15px}
.con_box03 .conbx03_tit{min-width: 165px; min-height: 39px; line-height:39px; text-align: left; padding-left: 53px; box-sizing: border-box; top:-21px}
.con_box03 .conbx03_tit::before{left:24px}
.con_box03 ol{padding: 0}
.con_box03 ol li{margin-bottom: 14px;line-height: 140%}
.con_box03 ol li span{top:-2px; font-size:0.923em}

/*공통 알림 박스*/
.info_txt li{font-size:0.923em}

/*공통 알림 박스(bg 없는 버전)*/
.info_txt02 li::before{top:2px}
	
/*인사말*/
.ms_greet .gr_point_box{border-radius: 10px 10px 40px 40px}
.ms_greet .gr_txt{margin-bottom: 13px}
.ms_greet .greet_stit{margin:10px auto 20px}
.ms_greet .gr_point_box span{padding:0 7px}

/*학교연혁*/
.year_box .year_list li{font-size:1em}
.year_box .year_list .year_date{font-size:1em}

/*학교상징*/
.song_wrap{display: block; padding-bottom: 122px}
.song_wrap .song_box{padding-left: 0}
.song_wrap .song_box .song_tit{padding:11px 0 0 7px}
.song_wrap .song_box .song_tit img{width: 66px}
.song_wrap .song_box .song_img{display: none}
.song_lyrics{padding-top:23px; margin-left: 0}
.song_lyrics .sec_tit,.song_lyrics .sec_txt{font-size:1em}
.song_lyrics .sec_txt01{margin-bottom: 19px}
.song_lst .song_area{position:relative; width: 100%; margin-top: 12px}
.song_lst .song_area dt{font-size:1.077em}
.song_wrap::before{min-height: 28px; border: 14px}
.song_wrap::after{background-size:220px; width: 220px; height: 103px; left:50%; right: auto; transform: translateX(-50%)}

/*교직원소개*/
.ms_teatb .tel_btn{display: block}
.ms_teatb .tel_txt{display: none}
	
/*찾아오시는 길*/
.map_box .root_daum_roughmap{height: 270px!important}
.ms_map .root_daum_roughmap .wrap_btn_zoom{top:10px; bottom:auto!important}
.map_lst > li:first-child .map_stit span.map_icon{margin-right: 18px}
.map_lst > li .tel_list{margin-left: 10px}

/*교육중점*/
.edu_tit{width: 80%; height: 85px; margin: 0 auto 20px}
.edu_tit p span{background-size:450px; width: 450px; height: 52px}
.edu_lst{margin:20px 0 47px}
.edu_box .con_box{margin-bottom: 38px}
.edu_box .con_lst .edu_dt{min-width: 58px; font-size:0.923em}
.edu_lst li .goal_tit .gtit_img{width:calc(100% - 40px)}
.edu_lst li .goal_tit .gtit_txt{font-size:1.077em}
.edu_box .br_box .ms_brand li{font-size:1.077em}

/*학사일정*/
.ms_sche .con_tit{margin-bottom: 19px}
.ms_sche .con_txt span{font-size:1.077em}
.sche_list .date_list > li{font-size:1em}
.sche_list .date_list > li span{font-size:1em}
	
/*도서관 안내*/
.ms_lib .info_box{padding:13px}
.ms_lib .info_box::after{background-size:180px; width: 180px; bottom:-10px}
.ms_lib .info_box li span{min-width: 64px; min-height: 25px; line-height: 25px; margin-right: 9px}
.ms_lib .lib_tb{margin-bottom: 12px}
.ms_lib .con_box03::after{background-size:180px; width: 180px; right:5px; bottom:-12px}
	
/*알림 리스트 박스*/
.info_txt{padding:15px; margin-bottom: 25px}
.info_txt::after{top:9px}
	
/*알림 리스트 박스(bg없는 버전)*/
.info_txt02{margin-top:15px}

/*지역아동센터 소개*/
.ms_ch_cen .con_txt_box .con_tbox_txt::after{background-size:142px; width: 142px; height: 89px; bottom:-1px}	
.ch_info li{width: calc(100% / 3 - 10px)}
.cs_list li .cs_info{padding:12px 16px 10px}
.ms_ch_cen .con_box03{padding:38px 0 15px 10px}
.ms_ch_cen .con_box03 .conbx03_tit::before{left:34px}
.ms_ch_cen .con_box03 .conbx03_tit{padding-left: 63px}
.ms_ch_cen .con_box03 ol li{padding-left: 50px; margin-bottom: 10px}
.ms_ch_cen .con_box03 ol li:last-child{margin-bottom: 0}
	
/*학년배움나눔동아리*/
.ms_club .con_txt_box{margin-bottom: 21px}
.ms_club .con_txt_box .con_tbox_txt::after{background-size:160px; width: 160px; bottom:-23px}
	
/*문산규정*/
.ms_rule .ruledate_box > ul > li{width: 25%}
.ms_rule .rulebody_box > h4{padding-left: 67px}
.ms_rule .rulebody_box h4 .tit_bg{width: 83px}
.ms_rule .rulebody_box > h4 > p{padding: 10px 50px 0 18px; background-position: right 15px center}
.ms_rule .rulebody_box h5{font-size: 1.077em}

/*유치원소개*/
.kid_greet .kd_gt_bx::before{background-size:140px; width: 140px; height: 115px; left:15px}
.kid_greet .kd_gt_bx::after{background-size:240px; width: 240px; height: 95px; bottom:7px; right:15px}
	
/*유치원현황*/
.kid_year .year_box::after{background-size:200px; width: 200px; bottom:-12px}
	
/*유치원 교육중점*/
.kid_edu .edu_tit{margin-bottom: 75px}
.kid_edu .kidbox01::after{bottom:-11px}

/*유치원 학급홈페이지*/
.kid_link .lk_under_txt{font-size:1em}
.kid_link .lk_list li:nth-of-type(1) .lk_btn{margin-top:30px}
    
/*  전교학생회 */
.ms_unit .unit_mapwrap:before {display:none}
.ms_unit .unit_mapwrap:after {display:none}
    
}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {
/* Layout */
#subcontainer{position: relative; z-index: 1}
.subconwrap{position: relative}
.subconbox {position: relative; width: 1200px; margin: 0 auto; z-index: 1}
#sub_left {position: relative; display: block; float: left;width: 250px; margin-top:-45px; padding-bottom:50px; border-radius: 0 0 10px 10px}
#subright { position: relative; float: right; width: 910px}
#subpage{margin:5px 0 50px}

/* Visual */
.subvisual{z-index: 1}
.subvisual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.subvisual .visual_item{display: block; width:100%; height:553px; background:url(../images/sub/vs_bg01.png) no-repeat top center}
.subvisual .visual_item.sch_bg{background:url(../images/sub/vs_bg01.jpg) no-repeat top center}
.subvisual .visual_item .item_wrap{width: 100%}
.subvisual .visual_item .img_box{position: relative; float: right; width:1592px; height: 282px}
.subvisual .visual_item .v_img{float: right; width:1592px; height: 281px; margin:110px 0 0 13px; border-radius: 15px 0 0 15px; box-shadow:2px 3px 5px rgba(0, 0, 0, 0.1); box-sizing: border-box}
.subvisual .visual_item .v_img span{font-size: 0; text-indent: -9999px}
.subvisual .visual_item.item1{background:url(../images/sub/n_vs_bg01.jpg) no-repeat top center}
.subvisual .visual_item.item2{background:url(../images/sub/n_vs_bg02.jpg) no-repeat top center}
.subvisual .visual_item.item3{background:url(../images/sub/n_vs_bg03.jpg) no-repeat top center}

/* topquick */
.topquick_box{top:-225px}
.topquick_box .tquick_list02 li{width: 107px; height: 94px}
.topquick_box .tquick_list02 li a{padding-top: 56px}
.topquick_box .tquick_list02 li a::after{height: 36px}
.topquick_box .tquick_list02 li a .tq_icon{top:9px}
.topquick_box .tquick_list02 li a .tq_tit{font-size: 14px}
.topquick_box .tquick_list02 li a .tq_go{display: none}

.topquick_box .tquick_list02 li a:hover .tq_icon{animation: btnani02 0.35s linear alternate infinite}
	

	
/*이미지 사이즈 조정*/
.topquick_box .tquick_list02 li:nth-of-type(1) a .tq_icon img{width: 24px}
.topquick_box .tquick_list02 li:nth-of-type(2) a .tq_icon img{width: 26px}
.topquick_box .tquick_list02 li:nth-of-type(3) a .tq_icon img{width: 35px}
.topquick_box .tquick_list02 li:nth-of-type(4) a .tq_icon img{width: 35px}
	
/* Quick_menu */
#quick{margin-top: 0}
#topBtn.subquick{display: none!important}

/*재생,일시정지*/
.visual_wrap .btn_visual{ bottom:53px}
.visual_wrap .btn_visual li{bottom:260px}
/*비주얼 이동 블릿*/
.slick-dots {bottom:115px; margin: -127px 0 0 576px}

/* Subleft */
.left_tit{position: relative; width: 250px; padding:0;  box-sizing: border-box}
.left_tit h2 {font-size:1.692em; font-weight: 600; color:#fff; text-align: center; padding-bottom:25px}
.left_tit .schtxt{ text-align: center; color:#969696; font-size: 13px; font-weight: 400; letter-spacing: 0.5px}
.leftmn{position: relative; width: 250px; margin:0 auto; box-sizing: border-box;  margin-top: 9px}
.leftmn > ul > li{box-sizing: border-box; word-break:keep-all; line-height:150%; border:1px solid #dedede; padding:4px; border-radius: 10px; margin-bottom: 9px}
.leftmn > ul > li > a{border-radius: 10px}
.leftmn ul > li > a {display: block; padding:15px 50px 15px 16px; background:url(../images/main/bg_mn.png) no-repeat right 4px center; font-size: 1.231em; font-weight:600; color: #333333; transition: all .3s}
.leftmn ul > li+li>a{}
.leftmn ul > li.leftmenuover > a{border-radius:10px}
.leftmn ul > li:last-child a{margin-bottom: 0}
.leftmn ul > li > a:hover, .leftmn .leftmenuover > a{background:url(../images/main/bg_mn_a.png) no-repeat right 4px center #c680e1; color:#fff; font-weight:500; text-decoration:none}

/*메뉴 on*/
.leftmn ul > li.leftmenuover{padding:4px;border: 1px solid #dedede;border-radius: 10px;box-sizing: border-box;margin-bottom: 9px}
	
/*MN third*/
.leftmn .third{position: relative; margin:0; background: #fff; border-radius:10px; box-sizing: border-box;padding:8px 4px}
.leftmn .third li{position: relative}
.leftmn .third li::after{content:''; display: block; background:url(../images/main/gray_line.jpg) repeat-x left 1px bottom; width: 100%; height: 1px; position: absolute; bottom:0}
.leftmn .third li:last-child::after{display: none}
.leftmn .third li:last-child{border-bottom:none}
.leftmn .third li a{display: block; line-height: 140%; padding:9px 0 11px 20px; border:none; background:url(../images/main/gnb_lstblt.png) no-repeat left 2px top 14px; font-size:1.077em; font-weight: 300; color:#3f3f3f; word-break: keep-all; transition: none}
.leftmn .third li:last-child a{border-bottom: none; padding-bottom: 0}
.leftmn .third li:hover a, .leftmn .third .on a, .leftmn .third .third_on a {background:url(../images/main/gnb_lstblt_a.png) no-repeat left 2px top 14px; color:#8539dc; font-weight:300}	

/*Subtop TIT */
#subtop{position: relative; margin-bottom: 23px; margin-top: -13px}
#subtop h3{width: auto; text-align: left; font-size:1.5em; font-weight:600; color:#000; min-height: 58px; line-height: 58px; border-radius: 29px; background:#f3f3f3; text-align: center}

/* Tab02, boardTab */   
.tabnavi02 > ul,.boardTab > ul{padding-left: 20px; display: flex; flex-wrap: wrap; justify-content: flex-start}
.tabnavi02 > ul > li, .boardTab > ul > li{float:left; margin:15px 0 6px; width:20%}
    
/* PC guide*/
#sub_guide {position: absolute; top:-54px; left:0; z-index: 10}
#sub_guide:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
#sub_guide .navi_area ul {text-align: center; display: flex}
#sub_guide .navi_area li {display: inline-block; width:auto !important}
#sub_guide .navi_area li a { display: block; background: url(../images/sub/navi_arr_pc.png) 0 50% no-repeat; padding-left:17px; color:#464646; font-size:1.077em; font-weight:300}
#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{ font-weight:700}
#sub_guide .navi_area > ul > li{margin:0 0 0 8px}
#sub_guide .navi_area > ul > li:first-child{padding-right: 17px; margin-top: -2px}
#sub_guide .navi_area > ul > li:last-child{margin-right: 0}
#sub_guide .navi_area > ul > li.nav_home a{width: 4px; height: 7px}

/* subtop_btn */
.subtop_btn {display:flex; position:absolute; bottom:77px; right:0; z-index: 1;justify-content: center; align-items: center}
.subtop_btn dl.font{float: left; margin-right: 3px}
.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{float: left; margin-right: 12px; margin-bottom: 10px}

/* Tab02, boardTab */
.tabnavi02, .boardTab {border: 1px solid #e3e3e3;border-radius:10px;padding:0; margin-bottom: 25px;padding-bottom: 9px}

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

/*유치원 학급홈페이지*/
.kid_link .lk_list li:nth-of-type(1) .lk_btn{margin-top:30px}

}

/* LOWSET FIX */
@media only screen and (max-width:910px) {

/*학사일정*/
.sche_lst{margin-bottom: 0}
.sche_lst:nth-of-type(1){margin-top: 19px}
.sche_lst > li{width: 100%; margin-bottom: 15px; margin-right: 0}
.sche_lst::after{display: none}
.sche_lst:last-child li:last-child{margin-bottom: 0}

}


@media only screen and (max-width:850px) {	
/**버튼 및 절차**/
/*버튼*/
.app_trip .btn_box{margin: 0 10px}
.app_trip .btn_box li a{width:95%; padding: 8px 5px; background-size:32px 32px; font-size: 1.071em}
/*상단절차*/
.app_trip .trip_steptop{margin: -25px 0 20px; padding: 40px 10px 5px}
.app_trip .trip_steptop ul li{width:33.3%; margin-bottom:10px}
.app_trip .trip_steptop ul li p{height: 40px; line-height: 40px; font-size:1.000em}
.app_trip .trip_steptop p::before{top:10px}

/*인사말*/
.ms_greet .gr_point_box::after{background:url(../images/sub/greet_mbg.png) no-repeat; width: 262px; height: 128px}
.ms_greet .gr_point_box{padding:17px 13px}
.ms_greet .gr_point_box p{margin-bottom: 6px; word-break: keep-all}
.ms_greet .gr_point_box span{margin:0 3px 5px 0}
.ms_greet .gr_point_box p br.mb_on{display: none}
.ms_greet .gr_point_box p:nth-of-type(3) span{margin-bottom: 5px}
	
/*학교연혁*/
.ms_history .his_txtbox .his_bt::before{display: none}

/*문산규정*/
/*개정이력(공통)*/
.ruledate_box > ul li{width:25%}
}

@media only screen and (max-width:800px) {	
/*학교상징*/
.sym_lst{width:460px; margin:60px auto 0}
.sym_lst{align-items: center; flex-wrap:wrap}
.sym_lst li{max-width: 217px; width:calc(100% / 2 - 11px)}
.sym_lst li:nth-of-type(1),.sym_lst li:nth-of-type(2){margin-bottom:50px}
.sym_lst li:last-child{margin-bottom: 0}
.sym_lst li .sym_box{padding:8px 8px 13px 8px}
.sym_lst li .sym_box .sym_img img{width:auto}
.sym_lst li .sym_box .sym_txt{margin-top: 13px}
.song_wrap{margin-top:50px}

/*교외체험학습*/
.app_trip .trip_top{padding:0 0 80px}
.app_trip .trip_top span img{width: 190px}
.app_trip .trip_top{background-size:550px; background-position: center bottom 8px}
	
/*유치원 학급홈페이지*/
.kid_link .lk_list{padding:11px}
.kid_link .lk_list li{width: calc(100% / 3 - 8px)}
.kid_link .kd_lk_tit span:first-child img{width: 64px}
.kid_link .kd_lk_tit span:nth-of-type(2) img{width: 171px}
.kid_link .lk_list li .lk_btn a{width: calc(100% - 30px); padding:0 13px 0 15px}
.kid_link .lk_list li .lk_img{transform: scale(0.8)}
}

@media only screen and (max-width:750px) {
/*공통텍스트 박스*/
.con_txt_box{padding-left: 0}
.con_txt_box .con_tbox_tit{width: 106px; height: 35px; line-height: 35px; border-radius: 0 17.5px 17.5px 22px; top:-18px; left:50%; transform: translateX(-50%)}
.con_txt_box .con_tbox_txt{padding:32px 34px 109px; text-align: center; word-break: keep-all}
.ms_ch_cen .con_txt_box .con_tbox_txt::after{right:auto; left:50%; transform: translateX(-50%)}
	
/*학년배움나눔동아리*/
.ms_club .con_txt_box .con_tbox_txt::after{background:url(../images/sub/club_mimg.png) no-repeat; width: 170px; height: 95px; right:auto; left:50%; bottom:0; transform: translateX(-50%)}

/*유치원 학급홈페이지*/
.kid_link .kd_lk_tit{padding:11px 0 9px}
.kid_link .lk_under_txt>p{padding:3px 8px; width:100%; box-sizing:border-box}
.kid_link .lk_under_txt p::before,.kid_link .lk_under_txt p::after{display:none}
.kid_link .lk_list{flex-direction: column; border-radius: 20px; margin-top: 7px}
.kid_link .lk_list li{width: 100%; border-radius: 20px; min-height: unset; margin-bottom: 11px}
.kid_link .lk_list li:last-child{margin-bottom: 0}
.kid_link .lk_list li a >div{display: flex; justify-content: space-between; align-items: center; border-radius: 18px; padding:17px 8px 17px 19px}
.kid_link .lk_list li .lk_img{display: flex; align-items: center}
.kid_link .lk_list li .lk_img span:nth-of-type(1){margin-right: 9px;margin-bottom: 0}
.kid_link .lk_list li .lk_btn{width: auto; min-height: unset; border:none; margin:0; padding:0; display:block}
.kid_link .lk_list li .lk_btn span:first-child{display:none}
.kid_link .lk_list li:nth-of-type(1) .lk_btn{margin-top:0}
    
/* 전교학생회 */
.ms_unit .con_txt_box .con_tbox_txt {padding:32px 34px 25px}
}
	
@media only screen and (min-width:715px) {
.parent_lst .par_btm {display: flex; justify-content: space-between}
.parent_lst .par_btm .par_item { display: flex; flex-direction: column}
}

@media only screen and (max-width:710px) {
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기*/	
.table_scroll{overflow-x: auto; position: relative}
.table_scroll > table {min-width:710px}
/*테이블 스크롤 문구*/
.sctb_scroll{display: block; margin-bottom: 10px; border:1px solid #dbdbdb; font-size: 0.923em; border-radius: 15.5px; min-height: 29px; line-height: 29px; text-align: center; box-sizing: border-box;}
.sctb_scroll::before,.sctb_scroll::after{display:inline-block; color:#a5a5a5}
.sctb_scroll::before{content:'←' ; padding-right: 3px}
.sctb_scroll::after{content:'→'; padding-left: 3px}

/****공통 Table****/
.comtable .table_scroll table tbody th{background: #fff}	
	
/*공통 타이틀*/
.con_tit .con_img{min-width: 224px; min-height: 70px; top:-33px; border-radius: 36px}
.con_tit .con_txt{padding:56px 0 18px}
.con_box .conbx_tit img{scale: 0.9}

/*공통 리스트*/
.con_box .conbx_tit{min-width: auto; padding:0 20px; border-radius: 25px 25px 0 0; min-height: 42px; left:50%; transform: translateX(-50%); top:-18px}
.con_box::before{border-radius: 15px 15px 0 0}

/*교외체험학습*/
.app_trip .trip_top{background-size: 465px}
.app_trip .trip_top{padding:0 0 85px}

/*인사말*/
.ms_greet .greet_tit{flex-direction: column; margin:0 auto; background:url(../images/sub/greet_mtit_n.png) no-repeat; width:224px; height:79px}
.ms_greet .greet_tit span:first-child,.ms_greet .greet_tit span:nth-of-type(2){width:0; height:0}
.ms_greet .greet_stit{flex-direction: column; align-items: center; padding:10px 0}
.ms_greet .greet_stit span:first-child img{width: 169px}
.ms_greet .greet_stit span:nth-of-type(2) img{width: 157px}
.ms_greet .gr_txt{padding:0 10px; line-height: 160%; margin-bottom:5px}
.ms_greet .gr_point_box{margin:16px auto 23px}
.ms_greet .gr_sign img{width: 161px}
.ms_greet .gr_point_box p br.mb_on{display: block}

/*학교연혁*/
.ms_history .con_tit{border-radius: 15px 15px 0 0; margin-bottom: 0}
.ms_history .con_tit .con_img{flex-direction: column}
.ms_history .con_tit p span:first-child img{width: 120px}
.ms_history .con_tit p span:nth-of-type(2) img{width:138px}
.year_box .year_tit{min-height: 43px; line-height: 43px}
.year_box{margin-left: 0}
.year_box .year_list{margin-left: 20px; margin-top: -2px; padding:14px 0 20px; border-bottom: 0}
.year_box .year_list::after{display: none}
.year_box .year_list .year_date{min-width: 113px; min-height: 28px; padding-left: 13px}
.year_box .year_list .year_center{padding-left: 0}
.year_box .year_list .year_txt{margin:-24px 0 0 123px; padding-bottom: 15px}
.ms_history .his_txtbox .his_bt img{width: 236px}

/*교육중점*/
.edu_tit{padding:6px; border-radius: 15px; width: 100%; height: auto}
.edu_tit p{border-radius: 15px; padding:5px 0}
.edu_stit span{padding:10px 41px 0}
.edu_stit span img{scale: 0.85}
.edu_lst{flex-direction: column}
.edu_lst li:first-child{margin-top: 0}
.edu_lst li{width: 100%; margin-top: 11px; padding:3px 0}
.edu_lst li:after{background:url(../images/sub/edu_bd_x.jpg) repeat-x; width: 100%; height: 1px; top:auto; bottom:0; left:50%; transform: translateX(-50%); right:auto}
.edu_lst li .goal_tit{border-radius: 10px}
.edu_lst li .goal_tit .gtit_img{width: auto; min-width: 111px; height: auto; min-height: 30px;}
.edu_lst li .goal_tit .gtit_img img{scale: 0.85}
.edu_lst li .goal_tit .gtit_txt{padding:41px 0 12px}
.edu_lst li .goal_txt{padding:17px 0 20px; word-break: keep-all}
.edu_lst li .goal_txt br{display: none}
.edu_lst li:last-child .goal_txt{padding-bottom: 0}
.edu_box .br_box .br_img img{width: 247px}

/*학사일정*/
.ms_sche .con_tit .con_txt{padding:55px 0 13px}
.ms_sche .con_tit .con_img span img{width: 160px}

/*일일시정표*/
.ms_timetb .con_tit .con_img span img{width: 160px}
	
/*도서관 안내*/
.ms_lib .con_tit .con_img span img{width: 170px}
	
/*지역아동센터 소개*/
.ms_ch_cen .con_tit .con_img{padding:0 21px}
.ms_ch_cen .con_tit .con_img span img{width: 210px}
.ch_info{flex-wrap: wrap; margin:27px 0 49px}
.ch_info li{width: 100%; padding-bottom: 15px; margin-bottom: 12px}
.ch_info li:last-child{margin-bottom: 0}
.ch_info li .ch_info_tit{min-width: 150px; min-height: 40px; line-height: 40px; margin-bottom: 16px}
.ms_ch_cen .con_box03::after{background-size:45px; width: 45px; height: 52px; bottom:-1px}
.ch_cs_box{margin-top: 74px}
.ch_cs_box .ch_cs_tit{min-height: 46px; padding:11px 0}
.ch_cs_box .ch_cs_tit .cs_tit{min-width: 258px; min-height: 45px; line-height: 45px; top:-46px}
.cs_list{margin-top: 15px}
.cs_list>li{width: 100%; margin-bottom: 21px; line-height: 140%}
.cs_list li .cs_info li:first-child{margin-bottom: 8px}
.cs_list li .cs_info li:first-child::before{top:1px}
.cs_list li .cs_info li:nth-of-type(2)::before{top:1px}
.cs_list>li:nth-of-type(1), .cs_list>li:nth-of-type(2),.cs_list>li:nth-of-type(3){margin-bottom: 15px}
.cs_list>li:last-child{margin-bottom: 0}

/*학년배움나눔동아리*/
.ms_club .con_tit .con_img span img{width: 237px}
	
/*문산규정*/
.ms_rule .ruledate_box{margin: 0 0 20px}
.ms_rule .ruledate_box > ul > li{width: 33.33%}
.ms_rule .rulebody_box{margin-top: 20px}
.ms_rule .rulebody_box > h4{margin: 15px 0}
.ms_rule .rulebody_box h5{margin: 15px 0 11px}
.ms_rule .rulebody_box > ol, .ms_rule .rulebody_box > ul{margin: 10px 0}
.ms_rule .rulebody_box > ol > li, .ms_rule .rulebody_box > ul > li{margin-bottom: 6px}
.ms_rule .rulebody_box ol ol, .ms_rule .rulebody_box ul ul{padding: 10px 13px; margin: 6px 0}

/*방과후 돌봄안내*/
.ms_after .con_tit .con_img span img{width: 165px}
	
/*유치원소개*/
.kid_greet .kd_gt_tit{background-size:750px}
.kid_greet .kd_big_tit img{width: 189px}
.kid_greet .kd_sm_tit span:first-child img{width: 158px}
.kid_greet .kd_sm_tit span:nth-of-type(2) img{width: 252px}
.kid_greet .kd_gt_bx{overflow: hidden; background:none; padding-bottom: 55px}
.kid_greet .kd_gt_bx::before{left: auto; right:-24px; bottom:-1px; background-size:102px; width: 102px; height: 83px}
.kid_greet .kd_gt_bx::after{background:#e7e7e7; height: 22px; width: 100%; right:0; bottom:0; z-index: -1}
	
/*유치원 학급 이미지 사이즈 조정*/
.kid_link .lk_list li .lk_img span:first-child img{width: 30px}
.kid_link .lk_list li .lk_img span:nth-of-type(2) img{width: 57px}
    
    /*  전교학생회 kjh 240226 추가 */
.ms_unit .con_tit .con_img span img{width: 160px}

}
	
@media only screen and (max-width:660px) {

/*공통_저작권신고*/
.copyright .copy_img > p.copyimg_txt{width: 309px; height: 221px}
.copyright .copyimg01 > p.copyimg_txt{background:url(../images/sub/copy_img01_m.gif) center left no-repeat}
.copyright .copyimg02 > p.copyimg_txt{background:url(../images/sub/copy_img02_m.gif) center left no-repeat}
.copyright .copy_img > p.copyimg_txt span{top:180px;  right:0; width:309px; height:26px; padding: 12px 0 0; font-size: 14px}
.copyright .copy_img > p.copyimg_txt span br{display: none}
	
/*인사말*/
.ms_greet .gr_point_box{padding-bottom:50px}
.ms_greet .gr_point_box p{line-height:160%; margin-bottom: 0}
.ms_greet .gr_point_box span{margin:4px 3px 5px 0}

/*학교현황*/
.ms_sctb .sc_alarm span img{width: 250px}
.ms_sctb .sc_alarm .ar_btn a{min-width: auto}
.ms_sctb .sc_alarm .ar_btn a span.sc_go{margin-left: 5px; min-width: auto; padding:0 5px}

/*유치원소개*/
.kid_greet .kd_sm_tit::before,.kid_greet .kd_sm_tit::after{display: none; margin-top:auto}
	
/*유치원현황*/
.kid_year .year_box::after{display:none}
	
}

@media only screen and (max-width:600px) {
/* Tabnavi02 */
.tabnavi02 > ul > li{width: 25%}
	
/*문산규정*/
/*개정이력(공통)*/
.ruledate_box > ul li{width:33.3%}
.rulebody_box h4::after{display:none}
.rulebody_box h4 span.tit{letter-spacing: -1px; padding:5px 8px 5px 92px}
	
/*인사말*/
.ms_greet .gr_point_box{padding:17px 3px 90px 13px}

/*교육중점*/
.edu_box{background:url(../images/sub/edu_mbg.png) no-repeat top center}
.edu_tit p{padding:11px 0}
.edu_tit p span{background:url(../images/sub/edu_mtit_n.png) no-repeat; background-size: auto; width: 226px; height: 80px}
	
/*도서관 안내*/
.ms_lib .info_box::after{display: none}
.info_txt::after{display: none}
.ms_lib .con_box03::after{display: none}
	
/*유치원 교육중점*/
.kid_edu .kidbox01::after{display:none}
.kid_edu .edu_tit{margin-bottom: 53px}
    
    /* 전교학생회 */
    .ms_unit .unit_mapwrap span {width:100%; padding:8px; border-radius:20px 20px 5px 5px}
    .ms_unit .unit_mapwrap ul {position:relative; width:100%; padding:120px 0 0 ; background:url(../images/sub/bg_munit_map.png) no-repeat left 50% top 0}
    .ms_unit .unit_mapwrap ul:before {content:""; display:block; position:absolute; bottom:25px; left:0; width:100%; height:1px; border-top:1px dashed #d9d9d9}
    .ms_unit .unit_mapwrap ul li {position:relative; width:calc(100% / 2 - 10px)}
    .ms_unit .unit_map {margin:30px 0; padding-bottom:0}
    .ms_unit .unit_map:before {display:none}
    
    .ms_unit .info_blst ul {padding:36px 0 0 0}
    
}

@media only screen and (max-width:550px) {
/* Tabnavi02 */
.tabnavi02 > ul > li{width: 33.3%}

/**타이틀-문산초**/
.app_trip .trip_top{padding: 0 0 70px; background:url(../images/sub/trip_bgm.png) no-repeat center bottom -2px}
.app_trip .trip_top span img{width: 168px}
/**버튼 및 절차**/
.app_trip .trip_btnbox{margin-top: 0}
/*버튼*/
.app_trip .btn_box{margin:0 0 25px}
.app_trip .btn_box li{float: none; width:100%; margin-bottom: 5px}
.app_trip .btn_box li a{width:100%; border-radius: 10px}
/*상단절차*/
.app_trip .trip_steptop{display: none}
/**내용-공통 및 기본**/
.app_trip .basic_box .trip_box dd, .app_trip .basic_box .trip_box dd.down_btn{margin:10px 0 0}
/**내용-절차 세부 안내**/
.app_trip .trip_step{margin-top: 20px}
.app_trip .trip_step .step_lst{min-height: 75px; padding: 10px 0 15px 85px; background-size: 72px 75px}
.app_trip .trip_step .step_lst dt{font-size: 1.000em}
.app_trip .trip_step .step_lst dd{font-size: 0.929em}

/*공통텍스트 박스*/
.con_txt_box .con_tbox_txt br{display: none}
	
/*학교현황*/
.ms_sctb .sc_alarm{padding:7px 7px 7px 13px; min-height:50px}
.ms_sctb .sc_alarm span img{width: 220px}
.ms_sctb .sc_alarm .ar_btn a::before{display: none}
.ms_sctb .sc_alarm .ar_btn a{width: 40px; height: 40px; line-height: 40px; border-radius: 50%; display: block; padding:0;min-height:unset; top:4px; right:5px; text-align: center}
.ms_sctb .sc_alarm .ar_btn a span:first-child{display: none}
.ms_sctb .sc_alarm .ar_btn a span:nth-of-type(2){min-height:unset; margin-left: 0; padding:0; background:none; color:#fff}

/*학교상징*/
.sym_lst{width:auto; flex-direction:column}
.sym_lst li{width:100%}
.sym_lst li:nth-of-type(3){margin-bottom:50px}

/*찾아오시는 길*/
.map_lst > li:first-child{margin-bottom: 19px}
.map_lst > li:first-child .map_stit{flex-direction: column; align-items: flex-start}
.map_lst > li:first-child .map_stit span.map_icon{margin-right: 0}
.map_lst > li:first-child .map_stit span.map_icon img{width: 46px}
.map_lst > li:first-child .map_stit span:nth-of-type(2){padding-left: 27px}
.map_lst > li .map_stit span.map_icon{padding-left: 10px; box-sizing: border-box; min-width: auto;justify-content: flex-start; width: 100%; margin-bottom: 16px; min-height: 36px; border-radius: 0 0 10px 10px}
.map_lst > li:nth-of-type(2){border-top: none}
.map_lst > li:nth-of-type(2)::after{display: none}
.map_lst > li:nth-of-type(2) .map_stit span.map_icon img{width: 74px}
.map_lst > li:nth-of-type(2) .tel_box,.map_lst > li .tel_list{flex-direction: column}
.map_lst > li .tel_list{align-items: flex-start}
.map_lst > li .tel_list li:first-child{margin-bottom: 7px}
.map_lst > li .tel_list li span{margin-right: 4px}

/*문산규정*/
/*개정이력(공통)*/
.ms_rule .ruledate_box .ruledate_tit{padding-left: 82px}
.ms_rule .ruledate_box .ruledate_tit::before{width: 65px}
.ms_rule .ruledate_box > ul{padding: 8px 8px 8px 15px}
.ms_rule .ruledate_box > ul > li{width: 50%}
	
/*유치원소개*/
.kid_greet .kd_gt_tit{padding-bottom: 29px; margin-bottom: 24px}
.kid_greet .kd_big_tit{margin-bottom: 0}
.kid_greet .kd_sm_tit{flex-direction: column; align-items: center}
.kid_greet .kd_sm_tit span:first-child{margin-bottom: 5px; margin-right: 0}
.kid_greet .kd_gt_bx{margin:19px 0 25px; border-radius: 40px 40px 10px 10px; padding:28px 22px 55px}
.kid_greet .kd_gt_txt01{margin-left: 12px}
.kid_greet .kd_gt_bx .kd_gt_txt{text-align: left}
.kid_greet .kd_gt_bx .kd_gt_txt:nth-of-type(1) br{display: none}
.kid_greet .kd_gt_txt.bold{margin-bottom: 23px}
.kid_greet br.mb_on{display:block}
}

@media only screen and (max-width:480px) {
/*인사말*/
.ms_greet .gr_point_box p br{display: block}
.ms_greet .gr_txt01{margin:27px 0 36px}
.ms_greet .gr_txt01 br{display: none}

/*학교연혁*/
.ms_history .con_txt span{display: block; width: 72px; height: 28px; margin:0 auto 8px; padding:0; padding-top: 6px; font-size:1.077em}
.year_box .year_tit{width:100%}
.year_box .year_list .year_txt{display: block; margin:9px 0 11px 15px; padding-bottom: 0}
.year_box .year_list li:last-child .year_txt{margin-bottom: 0; padding-bottom: 0}
	
/*유치원 현황*/
.his_txtbox.kid_year::before{display: none}
	
/*유치원 학급홈페이지*/
.kid_link .kd_lk_tit span{display: block}
.kid_link .kd_lk_tit span:nth-of-type(2) img{margin-top: -9px}
}
	
@media only screen and (max-width:430px) {
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기*/	
.scroll_txt{display: block; padding:3px 5px !important; margin: 5px 0 !important; border-radius: 50px; background:#d7d7d7 !important; text-align: center; color:#000; font-size: 14px}
.table_scroll{overflow-x: auto; position: relative}
.table_scroll > table {min-width:710px}
.comtable .table_scroll table tbody th{background: #fff}

/*교육중점*/
.edu_box .br_box .ms_brand{flex-direction: column;padding:11px 13px}
.edu_box .br_box .ms_brand li{margin-bottom: 8px; width: 100%}
.edu_box .br_box .ms_brand li:last-child{margin-bottom:0}
}

@media only screen and (max-width:400px) {
/* Tabnavi02 */
.tabnavi02 > ul > li{width: 50%}
	
/*인사말*/
.ms_greet .gr_point_box{padding:17px 3px 140px 8px}
.ms_greet .gr_point_box p{letter-spacing: -0.5px}

/*유치원 학급홈페이지*/
.kid_link .lk_under_txt>p{padding:2px; letter-spacing: -0.5px}
.kid_link .lk_under_txt>p .lk_sign{width: 18px; height: 18px; line-height:18px; font-size:0.846em}
}
	
@media only screen and (max-width:360px) {
/*유치원소개*/
.kid_greet .kd_gt_txt{text-align: left}
.kid_greet .kd_gt_bx{padding:28px 15px 55px}
.kid_greet .kd_gt_txt.bold{letter-spacing: -0.5px}
	
/*유치원 학급홈페이지*/
.kid_link .lk_under_txt>p{font-size:0.933em}
}

/* =========== topquick 애니메이션 ===============*/
@keyframes btnani02{ 
	0% {margin-top:-2px}
	100% {margin-top:8px}  
}


/* ============== 개인정보처리방침(NEW_라벨링ver) pjh 240625 ============== */
.psinfo_tb .wdt5 {width:5%}
.psinfo_tb .wdt10 {width:10%}
.psinfo_tb .wdt12 {width:12%}
.psinfo_tb .wdt15 {width:15%}
.psinfo_tb .wdt20 {width:20%}
.psinfo_tb .wdt25 {width:25%}
.psinfo_tb .wdt30 {width:30%}
.psinfo_tb .wdt40 {width:40%}
.psinfo_tb .wdt50 {width:50%}
.psinfo_tb .wdtauto {width:auto}
.personal_info strong {font-weight:600; color:#000}

/* 개인정보 표 영역 */
.psinfo_tb {width:100%; margin:15px 0; border-collapse:collapse; table-layout:auto}
.psinfo_tb table {width: 100%; border-collapse: collapse; border-spacing: 0; border: 0}
.psinfo_tb caption {display: none}
.psinfo_tb thead th {line-height:130%; padding:8px 3px; border-left:1px solid #d1d1d1; background: #8b8b8b; vertical-align:middle; text-align:center; font-weight:500; color:#fff; font-size:14px; word-break: keep-all}
.psinfo_tb tbody th {line-height:130%; padding:8px 3px; border:1px solid #d1d1d1; background:#f5f5f5; text-align:center; font-weight:500; vertical-align:middle; color:#30302e; font-size:14px; word-break: keep-all}
.psinfo_tb tbody td {line-height:130%; background:#fff; padding:8px 3px; border:1px solid #d1d1d1; text-align:center; vertical-align:middle; color:#4d4d4d; word-break:keep-all; font-size:13px; word-break: keep-all} 
.psinfo_tb .txtleft {text-align: left; padding-left: 10px}
.psi_scroll {display: none}

/* 개인정보_탑영역 */
.personal_info {margin:0; padding:0; line-height:130%; font-size:13px; font-family:NSQ; color:#4a4a4a; word-break: keep-all}
.psinfo_topbox {padding:0 17px; border-radius:10px; border:3px solid #dfeaff}
.psinfo_topbox .psinfo_top {padding:28px 0 28px 100px; background: url(../images/sub/bg_psinfo_top.png) no-repeat 0 50%}
.psinfo_topbox .psinfo_top .psinfo_tit {font-size:1.385em; font-weight:600; color:#055dd5}
.psinfo_topbox .psinfo_top .psinfo_txt {margin-top:10px; line-height:140%; font-size:1.077em; font-weight:400}

/* 컨텐츠 영역 */
h4.psinfo_tit4 {padding:10px 0 10px 30px; margin:14px 0; background:url(../images/sub/blt_psinfo_tit.png) no-repeat 0 5px ;font-size:1.385em; font-weight:600; color:#2b2b2b}
.psinfo_con .pscon_box .blt_txt {padding-left:15px; background: url(../images/sub/blt_psinfo_arr.png) no-repeat 0 4px}
.psinfo_con {margin-top:30px; font-weight:400}
.psinfo_con img {vertical-align: middle}
.psinfo_con .pscon_box {font-size:1.154em}
.psinfo_con p {line-height:150%}
.ps_label img {width:26px; height:auto; margin:0 3px}

/* 개인정보_라벨링영역 */
.psinfo_label {overflow: hidden; border-radius:15px; border:1px solid #d1d1d1}
.psinfo_label ul {display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap}
.psinfo_label ul li {width:calc(100% / 6 - 1px); text-align: center; border-left:1px solid #d1d1d1; box-sizing: border-box}
.psinfo_label ul li:first-child {border-left:0}
.psinfo_label ul li span {display:block}
.psinfo_label ul li span.psi_ico {display:flex; justify-content:center;align-items: center;  min-height:75px}
.psinfo_label ul li span.psi_ico img {max-width:65px}
.psinfo_label ul li span.psi_txt {margin-top:10px;font-size:1.077em; font-weight:600; color:#000}
.psinfo_label ul li .psi_icobox {padding:18px 0}

/* 개인정보_목차 영역 */
.psinfo_index {overflow: hidden; margin:15px 0; border-radius:15px; border:1px solid #d1d1d1}
.psinfo_index ul {display:flex; flex-wrap:wrap}
.psinfo_index ul li {width:calc(100% / 2); border:1px solid #d1d1d1; border-right:0; border-bottom:0; box-sizing: border-box}
.psinfo_index ul li a {display:flex; justify-content:space-between; align-items: center; padding:5px 15px; font-size:1.077em; font-weight:500; color:#1a1a1a}
.psinfo_index ul li a:hover {text-decoration: underline}
.psinfo_index ul li .ps_label {height:40px; line-height:40px}
.psinfo_index ul li a .psi_txt {width:calc(100% - 50px)}
.psinfo_index ul li:first-child a .psi_txt {width:calc(100% - 100px)}
.psinfo_index ul li:nth-last-of-type(even) {border-left:0}
.psinfo_index ul li:first-child, .psinfo_index ul li:nth-child(2) {border-top:0}

/* 개인정보_컨텐츠 */
.psinfo_con h5 {position:relative; display:flex; justify-content: space-between; align-items:center; line-height:150%; padding:16px 22px; border:1px solid #d1d1d1; border-left:0; border-radius:0 30px 0 0}
.psinfo_con h5:after {content:""; display: block; position:absolute; top:-1px; left:0; width:3px; height:100%; background:#1f5688; border:1px solid #1f5688}
.psinfo_con h5 .ps_txt {width:calc(100% - 98px); font-size:1.385em; font-weight:600; color:#000}
.psinfo_con .pscon_box {margin:20px 0}
.psinfo_con .pscon_box ul {margin:0 0 0 20px}
.psinfo_con .pscon_box ul li {line-height:140%; margin-top:5px; text-indent:-20px}
.psinfo_con .pscon_box ul li:first-child {margin:0 !important}
.psinfo_con .pscon_box ul li ul.ps_lst {line-height:150%; padding:20px 20px; margin:10px 0 10px -20px; background:#f1f1f1; font-size:0.935em}
.psinfo_con .pscon_box ul li ul.ps_lst li {margin-top:10px; text-indent:0}
.psinfo_con .pscon_box ul .blt_txt {background-position:0 4px}
    
/* ul li 에 들여쓰기 없는 스타일 */
.psinfo_con .pscon_box ul.pslst_box {margin:0}
.psinfo_con .pscon_box ul.pslst_box li {text-indent: 0}
.psinfo_con .pscon_box ul.pslst_box li ul.ps_lst {margin:10px 0}

.ps_txtbox {margin:12px 0; padding:15px 12px; border:1px solid #8b8b8b; text-indent:0}
.ps_txtbox .ps_bold {display:block; position:relative; padding:0 0 0 20px; color:#000; font-size:14px}
.ps_txtbox .ps_bold:after {content:"※"; display: block; position: absolute; top:0; left:0; width:10px; height:10px;}

/* 링크 영역 */
.psinfo_link {margin:15px 0; border:1px solid #6eaafc; text-align: center}
.psinfo_link .ps_linktxt {padding:20px 10px; line-height:150%}
.psinfo_link a.ps_link {display:block; padding:8px; background:#6eaafc}
.psinfo_link a.ps_link span {position: relative; display:inline-block; padding:5px 60px 5px 0; color:#fff}
.psinfo_link a.ps_link span:after {content:"GO"; display: block; position: absolute; top:50%; right:0; margin-top:-10px; width:44px; height:20px; line-height:20px; background:#fff; border-radius:50px; color:#000}
.psinfo_link:hover {border-color:#2d7de9; transition:.3s}
.psinfo_link:hover a.ps_link {background:#2d7de9; transition:.3s}

a.psi_link {display:inline-block; padding:1px 20px 1px 0; background: url(../images/sub/bg_psinfo_link.png) no-repeat right 0 top 50%; color:#003cff; text-decoration: underline}

/* =====이력관리===== */
/*개인정보 이력관리 */
.pshis_lst{margin-top:30px; border-radius: 5px 5px 0 0; overflow: hidden}
.pshis_lst .pshis_lstit{padding:10px; text-align:center; background:#9e9e9e; color:#fff; font-weight:600; font-size:1.154em}
.pshis_lst ul {padding:10px; border:1px solid #ccc}
.pshis_lst ul li{margin-bottom:5px; font-size:1em; font-weight:500; border-radius:5px}
.pshis_lst ul li:last-child{margin-bottom:0}
.pshis_lst ul li a{display:block; padding:10px 0; background:#eee; border-radius:5px; text-align:center; transition: all .3s}
.pshis_lst ul li a:hover{color:#fff; background:#519bff}
.pshis_lst ul li.on a {background:#519bff; color:#fff}


/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
    .psinfo_con {margin-top:20px}
    .psinfo_topbox .psinfo_top .psinfo_txt {font-size:1em}
    h4.psinfo_tit4 {margin:10px 0; padding:8px 0 8px 28px; font-size:1.231em}
    .psinfo_con .pscon_box {font-size:1em}
    .psinfo_topbox .psinfo_top .psinfo_tit {font-size:1.231em}
    
    /* 표 */
    .psinfo_tb thead th {font-size:13px}
    .psinfo_tb tbody th {font-size:13px}
    .psinfo_tb tbody td {font-size:13px}
    
    /* 라벨링 */
    .psinfo_label ul li {width:calc(100% / 3)}
    .psinfo_label ul li:nth-child(4) {border-top:1px solid #d1d1d1; border-left:0}
    .psinfo_label ul li:nth-child(5) {border-top:1px solid #d1d1d1}
    .psinfo_label ul li:nth-child(6) {border-top:1px solid #d1d1d1}
    .psinfo_label ul li .psi_icobox {padding:10px 0}
    .psinfo_label ul li span.psi_ico {min-height:55px}
    .psinfo_label ul li span.psi_ico img {max-width:50px}
    .psinfo_label ul li span.psi_txt {margin-top:5px; font-size:1em}
    
    /* 목차 */
    .psinfo_index ul li {width:100%; border-left:0}
    .psinfo_index ul li:first-child {border-top:0}
    .psinfo_index ul li:nth-child(2) {border-top:1px solid #d1d1d1}
    .psinfo_index ul li a {padding:0 10px; font-size:1em}
    
    /* 컨텐츠 */
    .psinfo_con h5 .ps_txt {font-size:1.231em}
    .psinfo_con h5 {padding:10px 18px}
    .psinfo_con .pscon_box {margin:15px 0}
    .psinfo_con .pscon_box ul {margin:0 0 0 17px}
    .psinfo_con .pscon_box ul li {text-indent:-15px}
    .psinfo_con .pscon_box ul li ul.ps_lst {padding:14px}
    .ps_txtbox .ps_bold {font-size:13px}
    
}

@media only screen and (max-width:650px) {
    .psinfo_topbox {padding:0}
    .psinfo_topbox .psinfo_top {padding:15px; background:none}
    
    /* 표 영역 */
    .psi_scroll {display:block; margin:5px 0}
    .psi_scroll span {display: block; width:100%; text-align: center; background:#eee; border-radius:50px}    
    .psinfo_scroll {overflow-x: auto; position: relative}
    .psinfo_scroll > table {min-width:650px}
    
}



/*결석신고서 제출안내-250203 KYJ 추가*/
.absence_link .con_tit{background:rgba(119,209,210,0.2)}
.absence_link .con_tit span:first-child{margin-right:8px}
/*상단 안내문구*/
.absence_link .absence_tb{border-top:2px solid #ededed; margin-top: 15px}
.absence_link .info_box{position: relative; padding:20px 15px}
.absence_link .info_box::after{content:''; display: block;position: absolute; right:0; bottom:0; width: 268px; height: 94px; background:url(../images/sub/absence_img.png) no-repeat}
.absence_link .info_box li{color:#2f2f2f; font-weight: 500}
.absence_link .info_box li:first-child{margin-bottom: 6px}
.absence_link .info_box li span{background:#a0a0a0; font-weight: 600; color:#ffffff; border-radius: 14px; display: inline-block; min-width: 80px; min-height: 28px; line-height: 28px; text-align: center; margin-right: 10px}
.absence_link .info_box li:last-child span{background:#24bdbe}
/*링크안내*/
.absence_link .lk_list{background:#ededed; border-radius: 30px; padding:23px 21px; display: flex; justify-content: space-between; gap:25px}
.absence_link .lk_list li{display:block; flex: 1; border-radius:30px; background:#ffffff; padding:7px; min-height: 200px; box-sizing: border-box}
.absence_link .lk_list li a{width:100%; height:100%}
.absence_link .lk_list li:nth-of-type(1) a:hover div{border-color:#ff6f5f}
.absence_link .lk_list li:nth-of-type(2) a:hover div{border-color:#7cc74a}
.absence_link .lk_list li a:hover .lk_go{margin-right:5px}
.absence_link .lk_list li a > div{border:1px dashed #ebebeb; border-radius: 30px; height: 100%; box-sizing: border-box; padding:18px 0 25px}
.absence_link .lk_list li .lk_img{text-align: center}
.absence_link .lk_list li .lk_img span{display: block}
.absence_link .lk_list li .lk_img span:nth-of-type(1){margin-bottom: 20px}
.absence_link .lk_list li .lk_btn{display: flex; width: calc(100% - 150px); margin:0 auto; border:2px solid #ff6f5f; border-radius: 26px; box-sizing: border-box; padding:0 13px 0 25px; min-height: 48px; color:#2c2c2c; font-weight: 600; justify-content: space-between; align-items: center; margin-top: 22px}
.absence_link .lk_list li .lk_btn .lk_go{display:inline-block; min-width:47px; min-height: 31px; border-radius: 15.5px; background-color:#ff6f5f; text-align: center; line-height: 27px; color:#fff;transition: 0.2s}
/*결석신고서 제출안내 색상조정*/
.absence_link .lk_list li:nth-of-type(2) .lk_btn{border-color:#7cc74a}
.absence_link .lk_list li:nth-of-type(2) .lk_btn .lk_go{background:#7cc74a}

@media only screen and (max-width:1024px) {
.absence_link .con_tit span:first-child img{width:140px}
.absence_link .con_tit span:last-child img{width:80px}
.absence_link .lk_list li .lk_btn{width: calc(100% - 25px)}  
}
@media only screen and (max-width:710px) {
.absence_link .con_tit span{display: block; width: 100%}  
.absence_link .lk_list li a > div{padding: 10px 0 15px}
.absence_link .lk_list li{min-height: 150px}
.absence_link .lk_list li .lk_btn{margin-top: 10px}
.absence_link .lk_list li a .lk_img{transform: scale(0.8)}
.absence_link .info_box::after{display: none}
}
@media only screen and (max-width:560px) {
.absence_link .info_box li{text-align: center}
.absence_link .info_box li span{display: block; margin: 0 0 15px}
.absence_link .lk_list{ padding:15px; display:inherit}
.absence_link .lk_list li:first-child{margin-bottom: 15px}
}


/*교외체험학습 신청 방법 안내-250314 KYJ 추가*/
.nicetrip_link .con_tit{background:rgba(255,171,211,0.2)}
.nicetrip_link .con_tit span:first-child{margin-right:8px}
/*상단 안내문구*/
.nicetrip_link .nicetrip_tb{border-top:2px solid #ededed; margin-top: 15px}
.nicetrip_link .info_box{position: relative; padding:20px 15px}
.nicetrip_link .info_box::after{content:''; display: block;position: absolute; right:0; bottom:0; width: 207px; height: 91px; background:url(../images/sub/nicetrip_img.png) no-repeat}
.nicetrip_link .info_box li{color:#2f2f2f; font-weight: 500}
.nicetrip_link .info_box li:first-child{margin-bottom: 6px}
.nicetrip_link .info_box li span{background:#a0a0a0; font-weight: 600; color:#ffffff; border-radius: 14px; display: inline-block; min-width: 80px; min-height: 28px; line-height: 28px; text-align: center; margin-right: 10px}
.nicetrip_link .info_box li:last-child span{background:#f383b8}
/*링크안내*/
.nicetrip_link .lk_list{background:#ededed; border-radius: 30px; padding:23px 21px; display: flex; justify-content: space-between; gap:25px}
.nicetrip_link .lk_list li{display:block; flex: 1; border-radius:30px; background:#ffffff; padding:7px; min-height: 200px; box-sizing: border-box}
.nicetrip_link .lk_list li a{width:100%; height:100%}
.nicetrip_link .lk_list li:nth-of-type(1) a:hover div{border-color:#ff6f5f}
.nicetrip_link .lk_list li:nth-of-type(2) a:hover div{border-color:#7cc74a}
.nicetrip_link .lk_list li a:hover .lk_go{margin-right:5px}
.nicetrip_link .lk_list li a > div{border:1px dashed #ebebeb; border-radius: 30px; height: 100%; box-sizing: border-box; padding:18px 0 25px}
.nicetrip_link .lk_list li .lk_img{text-align: center}
.nicetrip_link .lk_list li .lk_img span{display: block}
.nicetrip_link .lk_list li .lk_img span:nth-of-type(1){margin-bottom: 20px}
.nicetrip_link .lk_list li .lk_btn{display: flex; width: calc(100% - 150px); margin:0 auto; border:2px solid #ff6f5f; border-radius: 26px; box-sizing: border-box; padding:0 13px 0 25px; min-height: 48px; color:#2c2c2c; font-weight: 600; justify-content: space-between; align-items: center; margin-top: 22px}
.nicetrip_link .lk_list li .lk_btn .lk_go{display:inline-block; min-width:47px; min-height: 31px; border-radius: 15.5px; background-color:#ff6f5f; text-align: center; line-height: 27px; color:#fff;transition: 0.2s}
.nicetrip_link .nicetrip_bx{padding: 15px; border-top:2px solid #ededed}
.nicetrip_link .nicetrip_bx ul{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ededed}
.nicetrip_link .nicetrip_bx ul li{position: relative; padding-left: 12px; margin-bottom: 7px; line-height: 150%}
.nicetrip_link .nicetrip_bx ul li:last-child{margin-bottom: 0}
.nicetrip_link .nicetrip_bx ul li::after{content:''; display: block;position: absolute; left:0; top:9px; width:4px; height: 2px; background: #000}
.nicetrip_link .nicetrip_bx ul li span{font-weight: 600}
.nicetrip_link .nicetrip_bx p{position: relative;padding-left:27px; margin-bottom: 10px; line-height: 150%}
.nicetrip_link .nicetrip_bx p::after{content:'※'; display: block;position: absolute; left:0; top:2px; width:19px; height: 20px; background: #ff6464; color:#fff; font-size: 12px; font-weight: 700; border-radius: 50px; text-align: center}
.nicetrip_link .nicetrip_bx p span{font-weight: 600}
/*교외체험학습 신청 방법 안내 색상조정*/
.nicetrip_link .lk_list li:nth-of-type(2) .lk_btn{border-color:#7cc74a}
.nicetrip_link .lk_list li:nth-of-type(2) .lk_btn .lk_go{background:#7cc74a}
@media only screen and (max-width:1024px) {
.nicetrip_link .con_tit span:first-child img{width:140px}
.nicetrip_link .con_tit span:last-child img{width:80px}
.nicetrip_link .lk_list li .lk_btn{width: calc(100% - 25px)}  
}
@media only screen and (max-width:710px) {
.nicetrip_link .con_tit span{display: block; width: 100%}  
.nicetrip_link .lk_list li a > div{padding: 10px 0 15px}
.nicetrip_link .lk_list li{min-height: 150px}
.nicetrip_link .lk_list li .lk_btn{margin-top: 10px}
.nicetrip_link .lk_list li a .lk_img{transform: scale(0.8)}
.nicetrip_link .info_box::after{display: none}
}
@media only screen and (max-width:560px) {
.nicetrip_link .info_box li{text-align: center}
.nicetrip_link .info_box li span{display: block; margin: 0 0 15px}
.nicetrip_link .lk_list{ padding:15px; display:inherit}
.nicetrip_link .lk_list li:first-child{margin-bottom: 15px}
}

/*방과후돌봄 안내 추가 jhm 260224*/
.ms_after .con_tit{background:rgba(250,122,170,0.2)}
.ms_after .ms_table tbody td span{display: block; text-align: center}
.ms_after .ms_table tbody td .after_icon{transition: 0.2s; margin:0 auto; width: 66px; height: 66px; border-radius: 50%; background-color:#fff; border:2px solid #dadada}
.ms_after .ms_table tbody td .after_icon:hover{border-color:#fa7aaa}
.ms_after .ms_table tbody td .after_txt{color:#323232; margin-top: 6px}


/* 교외체험학습 추가 PJH 260316 */
.nicetrip_link .info_box::after{width: 191px; height: 116px}
.nicetrip_link .info_box li{margin-bottom: 6px}
.nicetrip_link .info_box li:nth-child(1) span{background: #a0a0a0}
.nicetrip_link .info_box li:nth-child(2) span{background: #24bdbe}
.nicetrip_link .info_box li:nth-child(3) span{background: #fab34d}
.nicetrip_link .nicetrip_bx .tit4_p{position: inherit; padding-left: 0px}
.nicetrip_link .nicetrip_bx ol{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ededed}
.nicetrip_link .nicetrip_bx ol li{position: relative; padding-left: 12px; margin-bottom: 7px; line-height: 150%}
.nicetrip_link .nicetrip_bx ol li span{font-weight: 600}

/* 결석계 추가 PJH 260316 */
.absence_link .info_box::after{width: 125px; height: 153px; bottom:-50px; right: 50px}
.absence_link .info_box li{position:relative; margin: 15px 0 10px 100px; line-height: 1.3}
.absence_link .info_box li:nth-child(1) span{background: #a0a0a0}
.absence_link .info_box li:nth-child(2) span{background: #24bdbe}
.absence_link .info_box li:nth-child(3) span{background: #f59fb2}
.absence_link .info_box li span{position: absolute; top:-4px; left: -100px}
.absence_link .point_p{position: relative;padding-left:27px; margin-bottom: 20px; line-height: 150%; font-weight: 600}
.absence_link .point_p::after{content:'※'; display: block;position: absolute; left:0; top:2px; width:19px; height: 20px; background: #ff6464; color:#fff; font-size: 12px; font-weight: 700; border-radius: 50px; text-align: center}
.absence_link .point_p a{padding: 5px 20px; border-radius: 15px; background: #ffeb82; color: #333}
.absence_link .point_p a:hover{opacity: 0.7; transition: all .2s}

@media only screen and (max-width:1024px) {
.nicetrip_link .nicetrip_bx ol li{padding-left: 0}
.nicetrip_link .info_box li{line-height: 1.3}
.nicetrip_link .info_box li span{margin: 0 0 10px}
.absence_link .info_box li{margin: 15px 0 10px 0}
.absence_link .info_box li span{position: unset; margin:  0 0 10px}
}

/*학교규칙 추가 jhm 260421*/
.ms_rule.ms_rule01 .ruledate_box{border-color: #fd708f}
.ms_rule.ms_rule01 .ruledate_box > ul{border: 1px solid #fd708f}
.ms_rule.ms_rule01 .ruledate_box .ruledate_tit::before {background: url(../images/sub/icon_rule_head.png) no-repeat center #fd708f}
.ms_rule.ms_rule01 .rulebody_box h4 .tit_bg{background: #fd708f}
.ms_rule.ms_rule01 .rulebody_box h5 span{color: #fd708f}
.ms_rule.ms_rule02 .ruledate_box{border-color: #fb9262}
.ms_rule.ms_rule02 .ruledate_box > ul{border: 1px solid #fb9262}
.ms_rule.ms_rule02 .ruledate_box .ruledate_tit::before {background: url(../images/sub/icon_rule_head.png) no-repeat center #fb9262}
.ms_rule.ms_rule02 .rulebody_box h4 .tit_bg{background: #fb9262}
.ms_rule.ms_rule02 .rulebody_box h5 span{color: #fb9262}