@charset "utf-8";
/*CSS Document*/
/* com2zoa design kjh 240115 */

/*Common*/
.basics_font{font-size: 1.154em/*기준폰트 15px*/}
.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}

/*Layout*/
#subpage .basics_font {font-weight: 500; color:#000}
#sub_left {display: none}
#subpage {min-height: 300px; line-height:140%; margin:0 10px 50px 20px; font-weight:500; color:#000; background:#fff}
.qmu_popup{display: none}
.content_poplayer {display: none}

/*Subtop*/
#subtop {position:relative}
#subtop h3{font-weight:600; text-align: center}
#subtop h3 span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block}
/*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:5px 0 10px}
.tabnavi01 ul li{position: relative; float:left; margin:0 8px 10px 0}
.tabnavi01 ul li a {position:relative; display: block; height:auto; line-height:140%; padding: 9px 60px 10px 15px; background:#fff; border:2px solid #e6e6e6; border-radius:10px 20px 20px 10px; font-weight:600; font-size: 15px; color:#000; transition: all .3s}
.tabnavi01 ul li.on a, .tabnavi01 ul li a:hover {background:#db96ea; color:#fff; font-weight:600; border-color:#db96ea}
.tabnavi01 ul li a:after {content:""; display:block; position:absolute; top:11px; right:5px; width:40px; height:40px; background:url(../images/sub/btn_tab.png) no-repeat right bottom }
.tabnavi01 ul li:hover a:after, .tabnavi01 ul li.on a:after {background:url(../images/sub/btn_tab_a.png) no-repeat right bottom }

/*Tab02, boardTab*/
.tabnavi02{margin:5px 0 20px 0}
.tabnavi02 ul, .boardTab ul {padding:7px 20px 14px; border-radius:10px; border: 1px solid #e6e6e6; background: #fff}
.tabnavi02 ul:after, .boardTab ul:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
.tabnavi02 ul li, .boardTab ul li { float: left; width: 20%; height: 13px; padding: 10px 0}
.tabnavi02 ul li a, .boardTab ul li a {display: block; height: 21px; line-height: 21px; padding-left:14px; background: url(../images/sub/blt_tab2.gif) left 4px no-repeat; font-weight: 500; font-size: 14px; color: #000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tabnavi02 ul li.on a, .tabnavi02 ul li:hover a, .boardTab ul li.on a, .boardTab ul li:hover a {height: 21px; line-height: 21px; background: url(../images/sub/blt_tab2_a.gif) left 4px  no-repeat; color:#b534d1; font-weight: 600}


/******************************서브컨텐츠 영역**************************************/
/*-------------------컨텐츠 공통-------------------*/
/****페이지 준비중****/
.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 {line-height:140%; padding:0 0 0 30px; margin: 5px 0 15px; background:url(../images/sub/subtit4.png) no-repeat left top; font-size:1.13em; font-weight:600}
h5.sub_tit5 {line-height:140%; padding:0 0 0 32px; margin:5px 0 10px 0; background:url(../images/sub/subtit5.png) no-repeat left 6px; font-size:1.071em; font-weight:500}

/****LI,P 텍스트스타일,블릿****/
.hc_txtbox{padding:16px 18px; margin-bottom:30px; border:1px solid #e6e6e6; border-radius:10px 10px 2px 2px; font-weight:400; color:#000; box-shadow:0 3px 0 #f0f0f0}
.hc_txtbox ul li, .hc_txtbox ol li {padding:0 0 8px 15px; line-height: 140%; background:url(../images/sub/blt_tb.gif) no-repeat left 7px; word-break: keep-all}
.hc_txtbox.noneblt ul li, .hc_txtbox.noneblt ol li {background: none;  line-height: 150%; padding-left: 0}
.hc_txtbox ul li:last-child, .hc_txtbox ol li:last-child{padding-bottom: 0}
.hc_txtbox ul li > ul, .hc_txtbox ol li > ol{padding: 10px; margin: 5px 0 8px; border-radius: 5px; background: #eee}
.hc_txtbox ul li > ul li, .hc_txtbox ol li > li{padding:0 0 3px 10px; line-height: 140%; background:url(../images/sub/tb_blt2.gif) no-repeat left 7px}
.hc_txtbox ul li > ul li:last-child, .hc_txtbox ol li > li:last-child{padding-bottom: 0}
p.single_txt {padding:15px; line-height: 160%; border:1px solid #dbdbdb; border-radius: 5px}
p.txt_info{padding: 15px 15px 15px 79px; line-height: 150%; border:1px solid #dbdbdb; border-radius: 10px}
div.single_txtinfo{padding:10px 15px; line-height: 150%; border:1px solid #dbdbdb; border-radius: 10px}
div.single_txtinfo .hc_txtbox{margin:15px 0 5px 0; border: none; background:#eee}

.hc_txtbox.numblt {padding:18px}
.hc_txtbox.numblt ul li, .hc_txtbox.numblt ol li {position:relative; background: none;  line-height: 150%; padding-left:30px}
.hc_txtbox.numblt li .num {display:inline-block; position:absolute; top:0; left:0; width:21px; height:21px; line-height:21px;  margin-right:5px; border-radius:50%; background:#eee; text-align: center}

/****Table****/
.hc_table {position:relative; margin:5px 0 30px; border-radius:10px 10px 0 0; border:1px solid #ddd; box-shadow:0 3px 0 #f0f0f0}
.hc_table table {overflow:hidden; width:100%; border-collapse:collapse; padding:0; margin:0; border-radius:10px 10px 0 0;  background:#fff}
.hc_table table caption {display:none}

.hc_table .tbleft {padding:10px; text-align: left}
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기 테이블 감싸고 있는 div한테 table_scroll 클래스 주면됨*/
.scroll_txt{display: none; padding:3px 5px; margin-bottom: 5px; border-radius: 5px; background:#e9e9e9; text-align: center; color:#000; font-size:0.933em}
.hc_table.table_scroll{overflow-x: auto; position: relative}
.hc_table.table_scroll > table {min-width:710px}

/*표_색상:회색(기본)*/
.hc_table table thead th {padding:10px 5px; line-height:130%; text-align:center; border-bottom:1px solid rgba(255,255,255,0.4); border-left:1px solid rgba(255,255,255,0.4); vertical-align: middle; background:#707070; color:#fff; font-weight:600; word-break:keep-all}
.hc_table table thead th:first-child, .hc_table table thead td:first-child {border-left:0}
.hc_table table thead td {padding:10px 4px; line-height:140%; text-align:center; border-top:1px solid #ddd; border-left:1px solid #ddd; vertical-align: middle; color:#3a3a3a; font-weight:600; font-size:0.935em; word-break:keep-all; background:#f0f0f0}
.hc_table table tbody th {padding:10px 4px; line-height:150%; text-align:center; border-top:1px solid #ddd;background:#f2f2f2; vertical-align: middle; color:#000; font-weight:600; font-size:0.935em; word-break:keep-all}
.hc_table table tbody td {padding:10px 4px; line-height:140%; text-align:center; border-top:1px solid #ddd; border-left:1px solid #ddd; vertical-align: middle; color:#3a3a3a; font-weight:400; font-size:0.935em; word-break:keep-all}
.hc_table tbody td ul.tb_lst li {padding:0 0 3px 12px; line-height: 140%; background:url(../images/sub/blt_tb.gif) no-repeat left 5px}
.hc_table tbody td ul.tb_lst li > ul {padding:5px 0}
.hc_table tbody td ul.tb_lst li > ul li {background: none; padding:0}
.hc_table .tb_txt {color:#ff5c41; padding:5px 10px}
.hc_table table tbody td.tb_none {border-left:0}
.hc_table table thead th.brd_left {border-left:1px solid rgba(255,255,255,0.4)}
/*표_색상:파랑*/
.hc_table .table_st01 thead th{background:#51afe0}
.hc_table .table_st01 thead td{background:#e8f7ff}
/*표_색상:짙은파랑*/
.hc_table .table_st02 thead th{background:#3584ad}
.hc_table .table_st02 thead td{background:#eff7fb}
/*표_색상:연두*/
.hc_table .table_st03 thead th{background:#6cc45d}
.hc_table .table_st03 thead td{background:#eaf9e7}
/*표_색상:청록 */
.hc_table .table_st04 thead th{background:#3dafb0}
.hc_table .table_st04 thead td{background:#e9fbfb}
/*표_색상:보라 */
.hc_table .table_st05 thead th{background:#d395ea}
.hc_table .table_st05 thead td{background:#f7ebfb}
/*표_색상:노랑 */
.hc_table .table_st06 thead th{background:#ffb432}
.hc_table .table_st06 thead td{background:#fff6e6}
/*표_색상:바다색 */
.hc_table .table_st07 thead th{background:#36a5c9}
.hc_table .table_st07 thead td{background:#edfaff}
/*표_색상:핑크 */
.hc_table .table_st08 thead th{background:#fb94cc}
.hc_table .table_st08 thead td{background:#ffeaf5}
/*표_색상:네이비 */
.hc_table .table_st09 thead th{background:#5d7489}
.hc_table .table_st09 thead td{background:#e2ecf6}


/*-------------------공통스타일시작 -------------------*/
/*col class 선언영역*/
.wdtfix{width:40px}
.wdt5{width: 5%}
.wdt6{width: 6%}
.wdt8{width: 8%}
.wdt9{width: 9%}
.wdt10{width: 10%}
.wdt12{width: 12%}
.wdt13{width: 13%}
.wdt15{width: 15%}
.wdt20{width: 20%}
.wdt25{width: 25%}
.wdt30{width: 30%}
.wdt33{width: 33.3%}
.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 3px; border:1px solid #d2d2d2; text-align:center; font-weight:500; vertical-align:middle; color:#30302e; word-break: keep-all}
.comtable tbody td {line-height:150%; background:#fff; padding:8px 3px; border:1px solid #d2d2d2; text-align:center; vertical-align:middle; color:#4d4d4d; font-size:0.938em; 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}
/*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 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.2em; font-weight:600}
.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.071em; font-weight:500}
.common_wrap{font-weight: 400; font-size:1.077em}
.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%}
.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: 500; font-size:1.071em; word-break: keep-all}
.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}
.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.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; word-break: keep-all}
.cmline .cmtxt > dl dt{margin: 5px 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}
.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: 140%; margin-bottom: 5px}
.cmimg {width:100%; height:100%; max-width:526px}

.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 > dl dd strong {font-weight:600}
.cmline .cmtxt ol li.no_indent{text-indent: 0; margin-left: 5px}
/*이력관리*/
.comhis_lst{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 20px; 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: 140%; 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}
.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}
.private_new .pri_top .comlst_txt{margin:10px}
.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%}
.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}

/****교외(개별) 체험학습(version UP)-안내페이지 스타일 시작****/
/*☆☆공통스타일 안내사항 : 최상단 타이틀은 작업하는 해당학교에서 사용 하는 색상및 연관 디자인 및 코딩 으로 변경☆☆*/
/*강조폰트*/
.app_trip span.col_r{font-weight: 500; color:#ff5c41}
.app_trip span.col_b{font-weight: 500; color:#3087e1}
.app_trip span.col_p{font-weight: 500; color: #ae4ce6}
.app_trip span.col_bb{font-weight: 500; color:#202020}

/**타이틀**/
#subpage .app_trip{font-weight: 400; font-size:1.077em}
.app_trip .trip_top{position: relative; padding: 15px 0 25px; text-align: center; z-index: 0}
.app_trip .trip_top::before, .app_trip .trip_top::after{content: ""; display: block; clear: both; position: absolute; bottom:-30px; z-index:1}
.app_trip .trip_top::before{left:8px; width:318px; height:61px; background:url(../images/sub/trip_left.png) no-repeat 0 100%}
.app_trip .trip_top::after{right:5px; width:334px; height:121px; background:url(../images/sub/trip_right.png) no-repeat 100% 100%}
/**버튼 및 절차**/
/*버튼*/
.app_trip .trip_btnbox{position: relative;  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 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: #ff6643}
.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: #a13cf6}
.app_trip .btn_box li:last-child a:hover{background-color: #8317dd}
.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: -25px 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: 500}
/**내용-공통 및 기본**/
.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 3px; font-weight:600; font-size:1.071em}
.app_trip .trip_box .more_txt{margin-top: 8px; padding: 5px; border-radius: 3px; background: #f4f4f4}
.app_trip .trip_box .down_btn a{display: inline-block; padding:5px 35px 5px 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: #36a575}
.app_trip .trip_box a.down3:hover{background-color: #158454}
.app_trip .basic_box .trip_box dd{margin: -20px 0 0 140px; line-height:150%;font-weight:400}
.app_trip .basic_box .trip_box dd.down_btn{margin: -25px 0 0 140px}
/**내용-절차 세부 안내**/
.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 3px; font-weight: 500; 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}

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

/*폰트에서 span사용시 색지정
(span에 단독으로 스타일을 주면 모든 span 태그에 font-weight가 지정되므로 bold는 각각 지정함)_더 두껍게 할 시에는 고유클래스 아래에 지정 */
span.col_r{font-weight: 500; color:#ff3131}
span.col_g{font-weight: 500; color:#76a84e}
span.col_g2{font-weight: 500; color:#0b9444}
span.col_g3{font-weight: 600; color:#219e9a}
span.col_b{font-weight: 500; color:#278ec9}
span.col_b2 {font-weight: 500; color:#104a96}
span.col_b3 {font-weight: 500; color:#2085db}
span.col_b4 {font-weight: 500; color:#2688c6}
span.col_o{font-weight: 500; color: #ff7b11}
span.col_p{font-weight: 500; color: #ea3877}
span.col_pk{font-weight: 500; color: #f86b96}
span.col_y{font-weight: 500; color: #ff7f0e}
span.col_bk{font-weight: 600; color:#000}

/* 공통 타이틀 컨텐츠 */
.con_toptit {margin:0 0 20px; text-align:center}
.contit {position:relative; display:inline-block}
.contit span {display:block; position:relative; padding:10px 65px 0; margin:0 auto; z-index:1}
.contit span:before {content: ""; display: block; position:absolute; top:0; left:0; width:42px; height:20px; background:url(../images/sub/bg_quotes_left.png) no-repeat 0 0}
.contit span:after {content: ""; display: block; position:absolute; top:0; right:0; width:42px; height:20px; background:url(../images/sub/bg_quotes_right.png) no-repeat 100% 0}
.contit:before {content:""; display:block; position: absolute; bottom:0; left:50%; width:465px; height:22px; margin-left:-232px; background:#eee; border-radius:50px; z-index:0}
.con_txtbox {margin-top:-11px; padding:18px 15px 10px; border:2px solid #eee; border-radius:20px}
.con_txtbox span {font-weight:600}
/* 공통 타이틀 컨텐츠2 - 배경없는 기본 따옴표형태 */
.con_toptit2 {margin:0 0 20px; text-align:center}
.contit2 {position:relative; display:inline-block}
.contit2 span {display:block; position:relative; padding:2px 40px 0; margin:0 auto; z-index:1}
.contit2 span:before {content: ""; display: block; position:absolute; top:0; left:0; width:20px; height:13px; background:url(../images/sub/bg_quotes_left02.png) no-repeat 0 0}
.contit2 span:after {content: ""; display: block; position:absolute; top:0; right:0; width:20px; height:13px; background:url(../images/sub/bg_quotes_right02.png) no-repeat 100% 0}

.con_toptit2 .sub_contit2 {display: block; margin:0 auto 15px; text-align: center}
.con_toptit2 .sub_contit2 img {vertical-align: middle}


/* 교직원 인사말 */
.greet_top {position:relative; padding:10px 0 ; margin-bottom:-33px; text-align: center; z-index:2}
.greet_slogan span {display:inline-block; position:relative; padding:14px 45px 8px}
.greet_slogan span:before {content: ""; display: block; position:absolute; top:0; left:0; width:42px; height:20px; background:url(../images/sub/bg_quotes_left.png) no-repeat 0 0}
.greet_slogan span:after {content: ""; display: block; position:absolute; top:0; right:0; width:42px; height:20px; background:url(../images/sub/bg_quotes_right.png) no-repeat 100% 0}
.greet_slogan span img {display:inline-block; vertical-align: top}
.greet_slogan .gs02 {padding:3px 0 0 11px}
.greet_welcome {position:relative}
.greet_welcome:before {content:""; display: block; position:absolute; bottom:23px;left:0; width:100%; height:3px; background:#e6e6e6; border-radius:50px; z-index:0}
.greet_welcome p {position:relative; max-width:496px; line-height:160%; padding:15px; margin:0 auto; background:#fff; border-radius:50px;border-bottom:3px solid #9dcd64; text-align: center; box-sizing: border-box; font-size:1.071em}
.greet_welcome p:before {content: ""; display: block; position:absolute; top:13px; left:-12px; width:29px; height:28px; background:url(../images/sub/bg_greettit_img01.png) no-repeat 0 100%}
.greet_welcome p:after {content: ""; display: block; position:absolute; top:-33px; right:-37px; width:69px; height:78px; background:url(../images/sub/bg_greettit_img02.png) no-repeat 100% 100%}
.greet_welcome p br {display: none}
.greet_welcome p span {color:#4f972f; font-weight:600}
.greet_con {position:relative; padding:70px 0 172px; word-break:keep-all; z-index:1}
.greet_con:before {content:""; display: block; position:absolute; top:0; right:0; width:100%; height:124px; background:url(../images/sub/bg_greetcon_top.gif) no-repeat right top; z-index:-1}
.greet_con:after {content:""; display: block; position:absolute; bottom:0; right:0; width:100%; height:290px; background:url(../images/sub/bg_greetcon_bott.gif) no-repeat right bottom; z-index:-1} 
.greet_txt {padding:0 15px; text-align: center; line-height:180%}
.gtxt02 {margin:22px 110px; padding:20px; background:#f9f9f9; border-radius:15px}
.gtxt_bg01 {display:inline; padding:1px 6px; background:#379ebb; border-radius:50px 50px; text-align: center; color:#fff; font-weight:300}
.gtxt_bg02 {display:inline; padding:1px 6px; background:#63b44d; border-radius:50px 50px; text-align: center; color:#fff; font-weight:300}
.gcol01 {color:#299adb; font-weight:600}
.gcol02 {color:#9a5ddf; font-weight:600}

/* 학교연혁 */
.hc_history .sub_contit {display: block; margin:0 auto; text-align: center}
.hc_history .sub_contit img {vertical-align: middle}
.hc_history .contit:before {display: none}
.hc_history .contit span {padding:0 65px 0}
.hc_history .contit span:before {width:47px; height:23px; background:url(../images/sub/bg_quotes_yelleft.png) no-repeat 0 0}
.hc_history .contit span:after {width:47px; height:23px; background:url(../images/sub/bg_quotes_yelright.png) no-repeat 100% 0}

.hc_history .history_box {position: relative}
.hc_history .history_box:before {content:""; display:block; position:absolute; top:25px; left:0; width:100%; height:5px; background:#eee; border-radius:10px}
.hc_history .his_year{padding:0}
.hc_history .his_year .his_btn {position:absolute; top:0; width:calc(100% / 2 - 8px)}
.hc_history .his_year01 .his_btn {left:0; text-align:right}
.hc_history .his_year02 .his_btn {right:0; text-align: left}

.hc_history .his_year .year_box {margin-bottom:25px; position:relative; border-bottom:2px solid #e4e4e4}
.hc_history .his_year .year_box:after {content:""; display:block; position:absolute; bottom:-4px; right:-3px; width:293px; height:137px; background:url(../images/sub/bg_history_img.png)  no-repeat 100% 100%}
.hc_history .his_year .his_btn a {overflow:hidden; display: inline-block; position:relative; min-width:256px; height:50px; padding:15px 20px; position:relative; border-radius:50px; background:#ececec; box-sizing: border-box; font-size: 1.2em; font-weight: 600; text-align:left}
.hc_history .his_year .his_btn a:before {content:""; display:block; position:absolute; bottom:-5px; right:1px; width:44px; height:44px; background:#dedede url(../images/sub/btn_history_arr.png) no-repeat 50% 50%; border-radius:50%}
.hc_history .his_year .his_btn a span {font-size:0.889em}

/*연도별 버튼 hover시 색상 변경*/
.hc_history .his_year01.on .his_btn a, .hc_history .his_year01 .his_btn:hover a{background:#fff; border:2px solid #55a9f1; color:#000; padding:13px 18px}
.hc_history .his_year02.on .his_btn a, .hc_history .his_year02 .his_btn:hover a{background: #fff; border:2px solid #81c962; color:#000; padding:13px 18px}
.hc_history .his_year.on .his_txtbox {display: block; padding-top:77px}
.hc_history .his_txtbox{display: none}
.hc_history .his_year.on .his_btn a:before, .hc_history .his_year .his_btn:hover  a:before {bottom:-7px; right:-1px; background-color:#55a9f1}
.hc_history .his_year02.on .his_btn a:before, .hc_history .his_year02 .his_btn:hover a:before {bottom:-7px; right:-1px; background-color:#81c962}

/*연혁 리스트*/
.his_txttit {position:relative; display:block; padding:10px; background:#55a9f1; text-align: center; color:#fff; border-radius:5px 20px 20px 5px; font-size:1.071em; font-weight:500}
.his_txttit:after {content:""; display: block; position:absolute; top:6px; left:14px; width:54px; height:45px; border-radius:50px 50px 0 0; background:#fff url(../images/sub/blt_history_time.gif) no-repeat 50% 10px; z-index:1 }
.his_year02 .his_txttit {background:#81c962}
.hc_history .year_list {position:relative; padding:56px 36px 35px; margin-bottom:28px}
.hc_history .year_list:before {content:""; display:block; position:absolute; top:0; left:42px; width:1px; height:100%; background:#ccc}
.hc_history .year_list:after {content:""; display:block; position:absolute; bottom:0; left:38px; width:9px; height:9px; background:#ccc; border-radius:50%}


.hc_history .year_date {display:inline-block; background: #fff; width:auto; min-width: 110px; height:28px; line-height: 24px; border-radius:10px 50px 50px 10px; text-align:center; font-size:1.071em; font-weight:600; font-family:PTD; border:2px solid #6a8ead; box-sizing: border-box; color:#292929; margin-right: 20px}
.hc_history .year_list li{margin-bottom:20px; position:relative; display: flex; align-items: baseline}
.hc_history .year_list li .year_txt ul li {margin-bottom:10px; word-break:keep-all}
.hc_history .year_list li .year_txt ul li:last-child {margin:0}
.hc_history .year_list li::after{content:''; display: inline-block; width: 2px; height: 100%; background:#dadada; position:absolute; top:28px; left:7px; z-index: -1}
.hc_history .year_list > li:last-child{margin-bottom:0; padding-right:250px}
/*2010년대*/
.hc_history .his_year02 .year_date {border-color:#b0b0b0}
.hc_history .his_year02 .year_date {border-color:#b0b0b0}

.hc_history .year_list span.ydate {display:block; padding:0 16px 0 15px; font-family:PTD; font-size:1.071em; background:url(../images/sub/blt_ydate01.gif) no-repeat 0 5px}
.hc_history .his_year02 .year_list span.ydate{background:url(../images/sub/blt_ydate02.gif) no-repeat 0 5px}
.hc_history .his_year .thisyear span.ydate {background:url(../images/sub/blt_ydate01_on.gif) no-repeat 0 5px}
.hc_history .his_year02 .thisyear span.ydate {background:url(../images/sub/blt_ydate02_on.gif) no-repeat 0 5px}

.hc_history .his_year .thisyear .year_date {background:#55a9f1; border-color:#55a9f2; color:#fff}
.hc_history .his_year02 .thisyear .year_date {background:#81c962; border-color:#81c962}

/* 학교현황 */
.hc_alimi {margin:5px 0 30px; border-bottom:2px solid #296e8f}
.hc_alimi a {display:flex; align-items:flex-start; justify-content: space-between; width:290px; margin:0 0 0 auto}
.hc_alimi span {display: inline-block}
.hc_alimi img {vertical-align:bottom}
.hc_alimi span.btn_go {overflow:hidden; position:relative; display:block; width:100%; padding:5px 10px;  margin:0 5px 0 15px; border-radius:50px; background:#ff8bc2; transition:all .4s; z-index:1}
.hc_alimi span.btn_go:before{content:""; display:block; position:absolute; top:0; left:-1px; width:100%; height:100%; margin-left: -100%;background:#1c97d1; transition: all .4s; z-index:-1}
.hc_alimi span.btn_go:after {content:""; display:block; position: absolute; top:50%; right:5px; width:26px; height:18px; margin-top:-9px; background:url(../images/sub/bg_schalimi_arr.png) no-repeat right 5px top 50%}
.hc_alimi a:hover span.btn_go{display:block; color: #fff}
.hc_alimi a:hover span.btn_go:before {left:0; margin-left: 0}
.hc_alimi span.btn_go img {vertical-align:middle}

.state_txt {margin:10px 0; text-align: right}
.state_txt span {display:inline-block; padding:4px 12px 4px 34px; background:#eee url(../images/sub/blt_state_now.png) no-repeat 5px center; border-radius:50px 50px; font-size:0.87em}

/* 학교 상징 및 교가 */
.hc_symbol .contit:before {background:#d3e2ed}
.hc_symbol .con_txtbox {border-color:#d3e2ed}
.hc_symbol .con_toptit2 {margin:30px 0 40px}
.hc_symbol .contit2 {padding:0 55px; border-bottom:3px solid #f0f0f0}
.hc_symbol .contit2 span {padding:2px 40px 10px}
.hc_symbol .contit2 span br {display:none}

.symbol_wrap {position:relative; z-index:1}
.symbol_wrap:before {content:""; display: block; position: absolute; top:88px; left:0; width:100%; height:107px; background:#f5f5f5; border-radius: 10px 10px 5px 5px; z-index:-1}
.symbol_wrap:after {content:""; display: block; position: absolute; top:128px; left:0; width:100%; height:68px; background:#ededed; border-radius: 10px 10px 5px 5px; z-index:-1}

.symbol_lst {position:relative; padding:140px 0 0; margin-bottom:75px}
.symbol_lst:after {content:""; display: block; position: absolute; top:-53px; right:55px; width:90px; height:194px; background:url(../images/sub/bg_symbol_moral.png) no-repeat 100% 0}
.symbol_lst dl {display:block; padding:311px 7px 0; width:224px; height:355px; margin:0 auto; box-sizing: border-box}
.symbol_lst dl dd {padding:12px 0; text-align: center; border-bottom:3px solid #a2df95; font-size:1.071em; font-weight:600}

.symbol_lst .symbol01 {position: absolute; bottom:0; left:50%; margin-left:-112px}
.symbol_lst .symbol01 dl {background:url(../images/sub/img_symbol01.png) no-repeat left 50% bottom 43px}
.symbol_lst .symbol02 dl {background:url(../images/sub/img_symbol02.png) no-repeat left 50% bottom 43px}
.symbol_lst .symbol02 dl dd {border-color:#bfdef7}
.symbol_lst .symbol03 dl{background:url(../images/sub/img_symbol03.png) no-repeat left 50% bottom 43px}
.symbol_lst .symbol03 dl dd {border-color:#ffbcba}

.symbol_line {display:flex; justify-content: space-between; align-items: flex-end}
.symbol_line > div {width:calc(100% /2 - 80px)}
.symbol_line > div dl {height:214px; padding-top:170px}


#schSong{display:none}
.song_wrap{position: relative}
.song_note p {text-align: center}
.song_wrap .song_area {position: absolute; top:-6px; right:15px }
.song_wrap .song_area dt span {padding: 3px 0 3px 30px; background:url(../images/sub/ico_song.gif) left center no-repeat}
.song_wrap .song_area dd{float: right}
.song_wrap .song_area dd ul{position: relative; z-index:1}
.song_wrap .song_area dd ul li{float: left; width: 48px; height: 41px; margin-right:10px}
.song_wrap .song_area dd ul li a {display: block}
.song_wrap .song_area dd ul li:last-child{margin-right: 0}
.song_wrap .song_txt{position: relative; padding:0 10px; text-align: center; box-sizing: border-box}
.song_top {position: relative}
.song_top:after {content:""; display:block; position: absolute; bottom:3px; left:13px; width:52px; height:80px; background:url(../images/sub/bg_song_ico.png) no-repeat 50% 100%}
.song_tit {padding-left:74px}
.song_box {display:flex; justify-content: space-between; border:2px solid #51bbec; border-radius:10px; padding:8px 10px}
.song_note {position:relative; padding:20px 0 10px; border-bottom:3px solid #e5e5e5}
.song_note:before {content:""; display:block; position: absolute; bottom:-6px; left:30px; width:83px; height:197px; background: url(../images/sub/bg_song_chara01.png) no-repeat 50% 100%}
.song_note:after {content:""; display:block; position: absolute; bottom:-6px; right:30px; width:101px; height:197px; background: url(../images/sub/bg_song_chara02.png) no-repeat 50% 100%}
.song_people li {float:left; margin-left:10px; font-size:0.935em}
.song_people li span {display: inline-block; padding:2px 10px; background:#a8a8a8; border-radius:50px 50px; text-align: center; color:#fff}
.song_speed {padding-left:64px}

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

/* 규정 규칙 학칙 등 */
/*규정_개정이력(기본-학교규칙)*/
.hc_rule .ruledate_box {overflow:hidden; position: relative; min-height: 80px; margin:20px 0; border:1px solid #e6e6e6; border-radius:10px}
.hc_rule .ruledate_tit {position: relative; background:#35a6e1; text-align: center}
.hc_rule .ruledate_tit span{position:relative; display:inline-block; padding:10px 15px; font-weight:500; color:#fff}
.hc_rule .ruledate_box ul {padding:13px 30px}
.hc_rule .ruledate_box li {float:left; width:20%; margin:5px 0; text-align:left; text-indent:0; font-size:0.935em; letter-spacing:-0.5px}
.hc_rule .ruledate_box li span {padding-left:18px; background:url(../images/sub/blt_ruletop_arr.png) left 50% no-repeat}
.rulebody_box h4.first_tit {margin-top:0}

/*규정_타이틀 파랑(기본-학교규칙)*/
.rulebody_box {color:#1a1a1a; font-size:0.935em}
.rulebody_box h4 {position: relative; line-height:160%; margin:20px 0 15px; padding:8px 10px 8px 88px; font-weight:600; color:#000; border-top:3px solid #35a6e1; border-bottom:1px solid #dedede; font-size:1.071em}
.rulebody_box h4:after {content:""; display: block; position: absolute; top:-8px; right:4px; width:56px; height:52px; background:url(../images/sub/bg_ruletit01.png) no-repeat 0 0}
.rulebody_box h4 span.tit_bg {display:inline; position: absolute; top:7px; left:0; width:74px; height:26px; line-height:23px; text-align: center; border-radius:50px 50px; border:2px solid #35a6e1; box-sizing: border-box; letter-spacing: -0.5px; font-size:0.935em; color:#1794d5}
.rulebody_box h5 {line-height:160%; margin:10px 5px; padding-left: 17px; background:url(../images/sub/blt_ruletxt_arr01.png) left 3px no-repeat; font-weight: 600; color:#196d99}

/*생활규정_타이틀 초록*/
.hc_rule02 .ruledate_tit {background:#67bb4e}
.hc_rule02 .rulebody_box h4 {border-top-color:#67bb4e}
.hc_rule02 .rulebody_box h4:after { background:url(../images/sub/bg_ruletit02.png) no-repeat 0 0}
.hc_rule02 .rulebody_box h4 span.tit_bg {border-color:#4fa535; color:#4fa535}
.hc_rule02 .rulebody_box h5 {color:#4c9636; background:url(../images/sub/blt_ruletxt_arr02.png) left 3px no-repeat}

/*규정_절 (기본-학생생활규칙)*/
.rulebody_box .rule_section {display:inline-block; border-radius: 50px; padding:5px 15px 5px 5px; margin:0; background: #4c9636; text-align: center; color:#fff; font-weight: 400}
.rulebody_box .rule_section span {padding:3px 5px 3px 25px; background:url(../images/sub/blt_rule_section.png) no-repeat 0 50%}

/*텍스트스타일*/
.rulebody_box p {line-height:140%; margin:13px 5px}
.rulebody_box ul {line-height:150%; margin:13px 10px}
.rulebody_box ul li {padding:0 0 3px 10px; text-indent:-17px; word-break: keep-all}
.rulebody_box ul.rule_list01, .rulebody_box ul.rule_list02 {line-height:140%; padding:10px; margin:5px 0 10px 0; border-radius:5px}
.rulebody_box ul.rule_list01{margin: 5px 0 10px 20px}
.rulebody_box ul.rule_list02 li, .rulebody_box ul.rule_list03 li {padding:0; text-indent:0}
.rulebody_box ul.rule_list01, .rulebody_box ul.rule_list02 {background: #f5f5f5; border:1px solid #ddd}
.rulebody_box ul.rule_list03 {margin:10px 0; padding:5px 10px; background: #fff; border-radius:5px}

.rulebody_box .hc_table {margin:5px 0}
.rulebody_box .hc_table tbody td ul {margin:0}
.rulebody_box .hc_table tbody td ul.tb_lst li {text-indent:0}

/* 오시는 길 */
.map_wrap {overflow:hidden; position:relative; border-radius:0; border:1px solid #e1e1e1; border-radius:10px;  z-index:0}
.map_wrap .root_daum_roughmap {width:100% !important; padding:0; border:none; box-sizing: border-box}
.map_wrap .map_border {border:none !important; background:none !important}
.map_wrap .root_daum_roughmap .wrap_map {height:430px !important}
.map_add {display: flex; justify-content: space-between; align-items: center; padding:16px 12px}
.map_add .madd span {display:inline-block; padding:7px 10px 7px 34px; background:url(../images/sub/blt_map_add.png) no-repeat 0 1px }

.map_callinfo {display:flex; flex-wrap:wrap; padding:16px 12px; border-top:1px solid #dadada; border-bottom:2px solid #6e6e6e}
.map_callinfo dl {display:flex; justify-content:flex-start; align-items:center; width:calc(100%/2)}
.map_callinfo dt span {position:relative; display:block; min-width: 114px; height:28px; line-height:28px; text-align: center; color:#fff; border-radius:50px}
.map_callinfo dt span:before {content:""; display:block; position:absolute; top:50%; left:8px; width:6px; height:6px; margin-top:-3px; background:#fff; border-radius:50%}
.map_callinfo dt span:after {content:""; display:block; position:absolute; top:50%; right:8px; width:6px; height:6px; margin-top:-3px; background:#fff; border-radius:50%}
.telfax li {display:inline-block; padding-left:22px}
.telfax li span {display:inline-block; padding:4px 0 4px 34px; font-size:1.071em}
.map_ci01 dt span {background:#5ba7e1}
.map_ci02 dt span {background:#77b857}
.map_ci01 .telfax .maptel span {background:url(../images/sub/bg_mat_telico01.png) no-repeat 0 2px}
.map_ci01 .telfax .mapfax span {background:url(../images/sub/bg_mat_faxico01.png) no-repeat 0 2px}
.map_ci02 .telfax .maptel span {background:url(../images/sub/bg_mat_telico02.png) no-repeat 0 2px}
.map_ci02 .telfax .mapfax span {background:url(../images/sub/bg_mat_faxico02.png) no-repeat 0 2px}
.mkakao a {display:flex; justify-content:space-between; align-items: center; width:164px; height:32px; line-height:32px; padding:5px 5px 5px 10px; border-radius:50px; box-sizing: border-box; border:2px solid #ffb400}
.mkakao a .mtxt {display:inline; padding:0 0 0 20px; background: url(../images/sub/blt_kakaomap.png) no-repeat 0 50%; color:#604c1a; font-weight:600; font-size:0.935em}
.mkakao a .mgo {display:inline; width:42px; height:18px; line-height:16px; color:#fff; background:#ffb400; border-radius:50px; text-align: center}
.mkakao:hover a {border-color:#ff9000; transition:all .3s}
.mkakao:hover a .mgo {background:#ff9000; transition:all .3s}

/* 학교장 경영관 */
.hc_schmanage .contit span {padding:0 65px}
.hc_schmanage .contit:before {background:#d6ebff}
.hc_schmanage .contit span:before {top:10px}
.hc_schmanage .contit span:after {top:10px}
.sch_moral {margin-bottom:50px; border-bottom:3px solid #e6e6e6}
.sch_moral dl {display:flex; justify-content: flex-start; align-items:center; padding:29px 120px 21px 26px; background:url(../images/sub/bg_schmoral_img.png) no-repeat right 35px bottom 0}
.sch_moral dl dt span {display:inline-block; width:82px; height:30px; line-height:30px; margin-right:15px; text-align: center; color:#fff; font-size:1.071em; background:#4a5f6b; border-radius:50px 50px}
.sch_moral dl dd br {display:none}

.manage_lst {margin-bottom:18px}
.manage_lst .mlst {display:flex; justify-content: flex-start; align-items: center; margin-top:30px}
.manage_lst .mlst:first-child {margin-top:0}
.manage_lst .mlst .mtit {display:block; width:222px; padding:11px 0; text-align: center; box-sizing: border-box; background:#6bb9e6; border-radius:50px 50px}
.manage_lst .mlst .mtit img {vertical-align: middle}
.manage_lst .mlst .mtxt {position:relative; width:calc(100% - 222px)}
.manage_lst .mlst .mtxt:before {content:""; display: block; position: absolute; top:50%; left:0; width:15px; height:15px; margin:-7px 0 0 -8px; border-radius:50% 50%; border:2px solid #6bb9e6; box-sizing: border-box; background:#fff; z-index:1}
.manage_lst .mlst .mtxt:after  {content:""; display: block; position: absolute; top:-18px; right:13px; width:67px; height:67px; background: url(../images/sub/bg_manage_ico01.png) no-repeat 100% 0;  z-index:1}
.manage_lst .mlst .mtxt p {display:block; background:#f4f4f4; border-radius:50px 50px; padding:18px 90px 18px 30px; box-sizing: border-box}

.manage_lst .mlst02 .mtit {background:#93cd69}
.manage_lst .mlst02 .mtxt:before {border-color:#93cd69}
.manage_lst .mlst02 .mtxt:after {background: url(../images/sub/bg_manage_ico02.png) no-repeat 100% 0;}
.manage_lst .mlst03 .mtit {background:#c597ed}
.manage_lst .mlst03 .mtxt:before {border-color:#c597ed}
.manage_lst .mlst03 .mtxt:after {background: url(../images/sub/bg_manage_ico03.png) no-repeat 100% 0;}

.schimg_wrap {display:flex; justify-content: space-between; align-items:stretch; padding:56px 0 0; background:url(../images/sub/bg_schmanage_arr.png) no-repeat 50% 0}
.schimg_wrap .schimg_box {display:flex; flex-direction:column; width:calc(100% / 4 - 20px); text-align: center; border-bottom:3px solid #67b6f3}
.schimg_tit {position: relative; z-index:1}
.schimg_tit:before {content:""; display: block; position:absolute; top:40px; left:0; width:100%; height:80px; border-radius:50px 50px 10px 10px; background:#6bb9e6; z-index:-1}
.schimg_tit span.schtit {display:block; padding:86px 0 0; background:url(../images/sub/bg_schimg_ico01.png) no-repeat 50% 0}
.schimg_tit span.schtit img {vertical-align: middle}
.schimg_box .schtxt {display:block; padding:13px 0; line-height:160%; font-weight:600}
.schimg_txtbox {height:100%; margin-bottom:7px; padding:10px; text-align: left; background:#f4f4f4; border-radius:5px; word-break: keep-all}
.schimg_txtbox li {margin-top:10px; font-size:0.935em; padding-left:10px; background:url(../images/sub/blt_tb.gif) no-repeat 0 5px}
.schimg_txtbox li:first-child {margin-top:0}

.schbox01 .schtxt {color:#3675a6}
.schbox02 .schtxt {color:#9d6f1d}
.schbox03 .schtxt {color:#4e9a2f}
.schbox04 .schtxt {color:#cf6693}

.schbox01 .schimg_tit:before {background:#67b6f3}
.schbox02 .schimg_tit:before {background:#ffc55b}
.schbox02 .schimg_tit span.schtit {background:url(../images/sub/bg_schimg_ico02.png) no-repeat 50% 0}
.schbox03 .schimg_tit:before {background:#86d367}
.schbox03 .schimg_tit span.schtit {background:url(../images/sub/bg_schimg_ico03.png) no-repeat 50% 0}
.schbox04 .schimg_tit:before {background:#ff9fc8}
.schbox04 .schimg_tit span.schtit {background:url(../images/sub/bg_schimg_ico04.png) no-repeat 50% 0}

.schimg_wrap .schimg_box.schbox02 {border-bottom-color:#ffc55f}
.schimg_wrap .schimg_box.schbox03 {border-bottom-color:#86d367}
.schimg_wrap .schimg_box.schbox04 {border-bottom-color:#ff9fc8}

/* 교육목표 */
.hc_edugoal .contit2 span br {display:none}
.edugoal_wrap {position: relative; padding:12px 28px 34px; display: flex; justify-content: space-between; z-index:1}
.edugoal_wrap .edu_goal {overflow:hidden; width:calc(100% / 2 - 20px); padding:22px 15px 90px; box-sizing: border-box; border:2px solid #ededed; background:#fff url(../images/sub/bg_edugoal_img.png) no-repeat 50% 100%; border-radius:5px 5px 50px 50px}
.edugoal_wrap:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:30px; background:#f0f0f0; border-radius:50px; z-index:-1}
.hc_edugoal .edugoal_wrap .edu_goal01 .sub_contit {background:#47b2de}
.hc_edugoal .edugoal_wrap .edu_goal02 .sub_contit {background:#b581d6}
.edugoal_wrap .edu_goal02 {background:#fff url(../images/sub/bg_eduactive_img.png) no-repeat 50% 100%}
.eg_lst {padding:20px 0 0}
.eg_lst li {position:relative; background: none; margin-top:7px; padding-top:1px; line-height: 150%; padding-left:35px; word-break: keep-all}
.eg_lst li:first-child {margin-top:0}
.eg_lst li .num {display:inline-block; position:absolute; top:0; left:0; width:21px; height:21px; line-height:21px;  margin-right:5px; border-radius:50%; background:#eee; text-align: center}

.hc_edugoal .sub_contit {display: block; width:190px; margin:0 auto; background:#5d7489; border-radius:50px; text-align: center}
.hc_edugoal .sub_contit img {vertical-align: middle}
.hc_edugoal .contit:before {display: none}
.hc_edugoal .contit span:before {width:47px; height:23px; background:url(../images/sub/bg_quotes_yelleft.png) no-repeat 0 0}
.hc_edugoal .contit span:after {width:47px; height:23px; background:url(../images/sub/bg_quotes_yelright.png) no-repeat 100% 0}
.hc_edugoal .con_txtbox {position:relative; border:0; padding:20px 15px 10px}
.hc_edugoal .con_txtbox:before {content:""; display:block; position: absolute; bottom:25px; left:0; width:35%; height:5px; background:#eee; border-radius:10px}
.hc_edugoal .con_txtbox:after {content:""; display:block; position: absolute; bottom:25px; right:0; width:35%; height:5px; background:#eee; border-radius:10px}
.hc_edugoal .con_txtbox span {position:relative; display:inline-block; padding:0 25px; background:#fff; border-radius:30px; z-index:1}


/* 특색교육 */
.hc_speedu .sub_contit {display: block; width:190px; margin:0 auto 8px; background:#5d7489; border-radius:50px; text-align: center}
.hc_speedu .sub_contit img {vertical-align: middle}
.hc_speedu .contit:before {display: none}
.hc_speedu .contit span:before {width:47px; height:23px; background:url(../images/sub/bg_quotes_yelleft.png) no-repeat 0 0}
.hc_speedu .contit span:after {width:47px; height:23px; background:url(../images/sub/bg_quotes_yelright.png) no-repeat 100% 0}
.hc_speedu .con_txtbox {position:relative; border:0; padding:20px 15px 10px}
.hc_speedu .con_txtbox:before {content:""; display:block; position: absolute; bottom:25px; left:0; width:35%; height:5px; background:#eee; border-radius:10px}
.hc_speedu .con_txtbox:after {content:""; display:block; position: absolute; bottom:25px; right:0; width:35%; height:5px; background:#eee; border-radius:10px}
.hc_speedu .con_txtbox span {position:relative; display:inline-block; padding:0 25px; background:#fff; border-radius:30px; z-index:1}

/* 일일시정표 */
.hc_daily .contit:before {background:#cbe9bc}
.hc_daily .con_txtbox {border-color:#cbe9bc}
.daily_wrap {margin-top:30px}
.daily_grade {display:flex; justify-content: space-between; align-items: flex-start}
.daily_grade .hc_table {width:calc(100% / 3 - 10px)}


/* 전교학생회 */
.hc_council .contit:before {background:#d1e8fa}
.hc_council .con_txtbox {border-color:#d1e8fa}
.hc_council .hc_txtbox {margin-bottom:40px}

/* 회장 기준 */
.council_box {margin-bottom:30px}
.council_name {position:relative; display:flex; justify-content: space-between; align-items: center}
.council_name::after{content:""; display:block;  position:absolute; bottom:21px; left:0; height:3px; width:100%; background:#ededed}
.council_name .cname {position:relative; display:block; width:176px; height:45px; line-height:43px; border-radius:15px 50px 50px 15px; background:#3fa6db; color:#fff; font-size:1.2em; font-weight:600; text-align: center; z-index:1}
.council_name .cname span {display:inline-block; padding-left:5px; font-size:0.83em; font-weight:300}
.council_name .cposi img {position:relative; width:100%; height:100%; max-width:140px; vertical-align: middle; z-index:1}
.council_txt {display:flex; align-items: flex-end; justify-content: space-between}
.council_txt .ctxt_box {min-height:110px; line-height:160%; width:100%; padding:22px; background:#f4f4f4; border-radius:10px; word-break: keep-all; box-sizing: border-box}
.council_txt {position:relative; padding:14px 150px 20px 20px; z-index:1}
.council_txt:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:33px; border-radius:20px 20px 5px 5px; background:#5ab0dd; z-index:-1}
.council_txt .mem_charact {position:absolute; bottom:20px; right:0; width:150px; height:auto; text-align: center}

.cbox02 .council_name .cname {background:#6ebe4f}
.cbox02 .council_txt:before {background:#6ebe4f}
.cbox03 .council_name .cname {background:#ff86b4}
.cbox03 .council_txt:before {background:#ff86b4}

/* 돌봄교실 :: 첫번째를 기준 색으로잡음 */
.hc_dolbom .contit:before {background:#ffd7e6}
.hc_dolbom .con_txtbox {border-color:#ffd7e6}
.dolbom_lstwrap {display:flex; justify-content: space-between; margin:25px 0 40px}
.dolbom_lst {width:calc(100%/3 - 12px); border-bottom:3px solid #6bb9e6}

.dolbom_lsttit {position:relative; text-align:center; z-index:1}
.dolbom_lsttit:before {content:""; display: block; position:absolute; bottom:0; left:0; width:100%; height:80px; border-radius:50px 50px 10px 10px; background:#6bb9e6; z-index:-1}
.dolbom_lsttit span {display:block; padding:90px 0 6px; background:url(../images/sub/bg_dolbom_ico01.png) no-repeat 50% 0}
.dolbom_lsttit span img {vertical-align: middle}
.dolbom_con {padding:15px 0; font-size:0.935em}
.dolbom_con ul {padding:0 15px}
.dolbom_con ul li {position:relative; padding:2px 0 2px 65px; margin-top:10px; font-weight:600; color:#000; word-break: keep-all}
.dolbom_con ul li:first-child {margin-top:0}
.dolbom_con ul li .dctit {display:inline-block; position: absolute; top:0; left:0; width:56px; height:23px; line-height:23px; background:#4f86a6; border-radius:50px 50px; text-align: center; color:#fff}
.dolbom_con ul li .dctxt {color:#5b5b5b}

.dlst02 {border-color:#7bd17d}
.dlst02 .dolbom_lsttit:before {background:#7bd17d}
.dlst02 .dolbom_lsttit span {background:url(../images/sub/bg_dolbom_ico02.png) no-repeat 50% 0}
.dlst02 .dolbom_con {text-align: center}
.dlst02 .dtxt {font-size:1.21em; font-weight: 600; padding:35px 0}
.dlst03 {border-color:#cd9dfb}
.dlst03 .dolbom_lsttit:before {background:#cd9dfb}
.dlst03 .dolbom_lsttit span {background:url(../images/sub/bg_dolbom_ico03.png) no-repeat 50% 0}
.dlst03 .dolbom_con {text-align: center}
.dlst03 .dtxt {font-size:1.21em; font-weight: 600; padding:20px 0}
.dlst03 .detc {display:block; padding:7px 10px; background:#eee; border-radius:10px; font-weight:600; color:#1a1a1a}


/* 병설유치원 */
.hc_kinder .contit:before {background:#ffeebb}
.hc_kinder .con_txtbox {border-color:#ffeebb}






/*===============MOBILE LAYOUT=====================*/
@media only screen and (max-width:1024px) {
.header_top {top:14px}
#footwrap {padding:0 10px 100px}
.slick-dots {bottom:300px}
.visual_wrap .btn_visual {bottom:296px}

.basics_font {font-size: 1.000em/*기준폰트 13px*/}

/*Visual*/
.subvisual .visual_wrap {position: relative;  margin: 0 auto}
.subvisual .visual_item{width:auto; height:460px; margin: 0 auto; padding:0 10px}
.subvisual .item1{background:url(../images/sub/subv_m01.jpg) no-repeat center bottom}
.subvisual .item2{background:url(../images/sub/subv_m02.jpg) no-repeat center bottom}
.subvisual .item3{background:url(../images/sub/subv_m03.jpg) no-repeat center bottom}
.subvisual .visual_item:after {content:""; display:block; position:absolute; top:197px; left:10px; width:calc(100% - 20px); height:40px; border-radius:15px 5px 5px 5px}
.subvisual .item1:after {background:#4d9de8}
.subvisual .item2:after {background:#5eae66}
.subvisual .item3:after {background:#f284ca}

/* subconbox */
.subconbox {margin-top:-264px}

/*Layout*/
#subright{position: relative; padding:0 10px}
#subright.nomargin {margin-top:0 !important}
#subtop{width:100%; height:auto}
#subtop h3 {position: relative; height: auto; padding:16px 10px 16px 42px; border-radius:10px 10px 0 0; font-size: 16px; color:#000; text-align:left; background:#ececec url(../images/sub/blt_subtop.png) no-repeat 10px 12px}
#subpage {margin:0 0 40px; padding:15px 0}

/*MB guide*/
#sub_guide {width: 100%; font-size: 14px; margin-bottom:12px}
#sub_guide .guide_wrap {padding:5px 4px 4px 34px}
#sub_guide .btn_home {display: block; position: absolute; left: 0; top: 0}
#sub_guide .btn_home a {display: block; width: 35px; height:40px; line-height:40px; background:url(../images/sub/btn_mb_home.png) no-repeat 50% 50% ; border-radius: 5px; text-indent:-9999999px}
#sub_guide .btn_home span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
#sub_guide .navi_area{border-radius: 10px}
#sub_guide .navi_area > ul > li {float: left; width:33.3%; position: relative}
#sub_guide .navi_area > ul > li > a {display: block; height: 32px; line-height: 32px; padding:0 26px 0 8px; margin-left:4px; font-weight: 500; background:#fff url(../images/sub/btn_mb_arr.png) no-repeat right 5px top 50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000; border-radius:5px}
#sub_guide .navi_area > ul > li:first-child{border-left: none}
#sub_guide .navi_area > ul > li.nav_home{display: none}
#sub_guide .submn {overflow: hidden; position: absolute; left: 0; top: 100%; width: 100%;  margin: 0 auto; background: #fff; border:2px solid #54779b; border-radius: 5px; z-index:99}
#sub_guide .submn ul {padding: 0 4px}
#sub_guide .submn li {padding:6px 3px 6px 5px; border-bottom: 1px solid #ccc; z-index: 150}
#sub_guide .submn li:last-child{border:none}
#sub_guide .submn li a {display:block; line-height: 160%; color: #404040; font-weight: 500}
#sub_guide .submn li a:hover{color:#54779b; font-weight: 600}

/*Fontsize*/
.sub_tbtn {display:none}

/*Tab01*/
.tabnavi01 {margin:15px 0}
.tabnavi01 ul li a {padding: 7px 40px 7px 10px; font-size: 13px}
.tabnavi01 ul li a:after, .tabnavi01 ul li.on a:after, .tabnavi01 ul li a:hover:after {right:2px; width:30px; height:30px; background-size:30px auto}

/*Tab02, boardTab*/
.tabnavi02 {margin:15px 0}
.tabnavi02 ul, .boardTab ul {padding:0 10px 10px}
.tabnavi02 ul li, .boardTab ul li {width: 33.3%; padding:8px 0; font-size:13px}
.tabnavi02 ul li a, .boardTab ul li a{padding-left: 15px; font-size:13px}

/*Topquick*/
#main_topquick{position:fixed; bottom:0; left:0; margin:0; width:100%; z-index:2}
.topquick_wrap{display:none}
.mquick_wrap {display: block; width:100%; min-width:320px}
.mquick_wrap ul {display: flex; align-items: center; justify-content: flex-start; background:#4d9de8}
.mquick_wrap ul li {width:calc(100%/4); border-left:1px solid rgba(255,255,255,0.3)}
.mquick_wrap ul li:hover {transition:.3s; background:#318bdf}
.mquick_wrap ul li:first-child {border-left:0}
.mquick_wrap ul li a {display:flex; align-items: center; padding:0 20px 0 10px;height:52px; line-height:140%; color:#fff; background:url(../images/sub/blt_mquick_arr.png) no-repeat right 5px top 50%}
.mquick_wrap ul li a .tq_icon {display:inline-block; width:42px; height:42px; line-height:42px; margin-right:10px; background:#fff; border-radius:50%; text-align: center}
.mquick_wrap ul li a .tq_icon img {vertical-align: middle; width:30px}
.mquick_tit {text-align: right}
.mquick_tit span {position:relative; display:inline-block; background:#1f6d96; border-radius:15px 0 0 0; padding:10px 15px 10px 30px; color:#fff}
.mquick_tit span:after {content:"";display:block; position:absolute; top:-9px; left:-55px; width:78px; height:42px; background:url(../images/sub/bg_quick_m.png) no-repeat 0 0}

/* quick02 */
#quick02 {display:block; position: absolute; top:780px; right:10px;z-index: 1}
#quick02 .quick_btns {display:none}
.btn_top{display:block !important}
.btn_top a {display:block; width:44px; height:44px; background:url(../images/sub/btn_top_m.png)}
.btn_top img {display: none}

/******************************서브컨텐츠 영역**************************************/
/****페이지 준비중****/
.sub_loding{background: url(../images/sub/page_loding_m.gif) no-repeat center center}
h4.sub_tit4 {font-size:1.231em}
h5.sub_tit5 {font-size:1.154em}

/****LI,P 텍스트스타일,블릿****/
.hc_txtbox {padding:12px 13px; font-size: 1.000em}
.hc_txtbox ul li, .hc_txtbox ol li {padding:0 0 5px 13px}
.hc_txtbox.numblt ul li, .hc_txtbox.numblt ol li {padding-left:25px}
.hc_txtbox.numblt li .num {width:18px; height:18px; line-height:18px}

/*-------------------공통스타일 시작 -------------------*/
.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}
/*-------------------공통스타일 끝 -------------------*/

/*-------------------컨텐츠 스타일 시작 -------------------*/
/*MB에서 br 필요 없을때 선언*/
br.mbbr_none{display: none}
/*MB에서 필요 없을때 선언*/
.mb_none{display: none}

/* 공통 타이틀 영역 */
.contit:before {width:100%; margin-left:-50%}
.contit span {padding:4px 40px 0}
.contit span:before, .contit span:after {width:30px; height:14px; background-size:30px 14px}
.contit span img {width:auto; height:30px}
    
.contit2:before {width:100%; margin-left:-50%}
.contit2 span {padding:4px 20px 0}

/* 교직원 인사말 */
.greet_slogan {display:inline-block; margin:0 auto}
.greet_slogan .gs01 {width:auto; height:38px}
.greet_slogan .gs02 {width:auto; height:40px}
.greet_welcome p {max-width:390px}
.greet_con {padding:50px 0 160px}
.greet_con:after {background-size:700px auto; background-position:center bottom}
.gtxt02 {margin:15px}

/* 학교현황 */
.hc_alimi {margin:5px 0 15px;}
.hc_alimi a {width:100%; margin:0 auto}
.hc_alimi span.txt {padding-right:15px}
.hc_alimi span.btn_go {max-width:130px}
    
/* 학교 상징 */
.symbol_lst:after {background-size:70px auto}
.symbol_line > div {width:calc(100% /2 - 100px)}
.song_wrap .song_area {top:5px}
.song_wrap .song_area dd ul li {width:35px; height:auto; margin-right:6px}
.song_wrap .song_area dd ul li img {width:35px; height:auto}
.song_note {padding:20px 0 160px}
.song_note:before {display: none}
.song_note:after {width:138px; height:150px; right:50%; margin-right:-69px; background:url(../images/sub/bg_song_mimg.png) no-repeat 50% 100%}
.song_wrap .song_txt {font-size: 1.077em; line-height:160%}
.song_top:after {bottom:43px; left:5px; width:40px; height:65px; background-size:40px auto}
.song_tit {padding-left:50px}
.song_box {overflow:hidden; display: block; font-size: 1.077em; padding:0}
.song_speed {text-align: center; padding:10px 50px}
.song_people {display:block; padding:10px; background:#51bbec;text-align: center}
.song_people li  {float:inherit; display:inline-block; color:#fff}
.song_people li span {background:#fff; color:#000; font-weight:600}

/* 교직원소개 */
.tel_btn {display:block; width:62px; height:23px; line-height:23px; margin:0 auto; text-align: center; border-radius:50px; background:#76909e}
.tel_btn .tel_ico {display: inline-block; padding:0 0 0 22px; text-align:right; color:#fff; font-weight:600; background:url(../images/sub/btn_call_ico.png) no-repeat 0 50%}
.tel_txt {display:none}

.hc_teacher .tel_btn1 {background:#ffbc3a}
.hc_teacher .tel_btn2 {background:#6bbe60}

/* 규칙 & 규정 */
.hc_rule .ruledate_box ul {padding:12px}
.hc_rule .ruledate_box li {width:33.3%}

/* 학교장 경영관 */
.hc_schmanage .contit span {padding:0 45px}
.hc_schmanage .contit span img {width:220px; height:auto}
.hc_schmanage .contit span img.msize {width:200px}
.sch_moral {margin-bottom:30px}
.sch_moral dl {display: block; padding:0 10px 10px; text-align: center; background-size:50px auto; background-position:right 5px bottom 0}
.sch_moral dl dt {margin-bottom:14px}
.sch_moral dl dd {padding-right:40px}
.schimg_wrap .schimg_box {width:calc(100% / 4 - 10px)}

/* 교육목표 */
.hc_edugoal .contit2 span br {display:block}
.hc_edugoal .contit2 span img {width:auto; height:26px}
    
.hc_edugoal .contit span {margin:5px auto 0; text-align: center}
.hc_edugoal .contit span img {display:block; margin:0 auto -6px; height:50px}
.hc_edugoal .contit span img.msize {width:194px; height:auto}    
.hc_edugoal .con_txtbox span {padding:0 15px}
.hc_edugoal .contit span:before {left:5px; width:45px; height:20px; background-size:auto 20px !important}
.hc_edugoal .contit span:after {right:5px; width:45px; height:20px; background-size:auto 20px !important}
    
.edugoal_wrap {padding:12px 15px 30px}
.edugoal_wrap .edu_goal {padding:22px 15px 4rem; width:calc(100% / 2 - 6px); background-size:100% auto}
    
/* 특색교육 */
.hc_speedu .contit span {margin:5px auto 0; text-align: center}
.hc_speedu .contit span img {display:block; margin:0 auto -6px; height:50px}
.hc_speedu .contit span img.msize {width:194px; height:auto}    
.hc_speedu .con_txtbox span {padding:0 15px}
.hc_speedu .contit span:before {left:5px; width:45px; height:20px; background-size:auto 20px !important}
.hc_speedu .contit span:after {right:5px; width:45px; height:20px; background-size:auto 20px !important}

/* 전교학생회 */
.council_name .cname {width:160px; height:38px; line-height:36px; font-size:1.154em}
.council_name .cname span {font-size:0.875em}
.council_name .cposi img {height:30px}
.council_txt {padding:12px 110px 20px 12px}
.council_txt .mem_charact {bottom:0; width:100px; transform: scale(0.8)}

/* 돌봄교실 */
.dolbom_con {padding:10px 0; font-size:1em}
.dolbom_con ul {padding:0 5px}
.dolbom_con ul li {margin-top:5px}
.dlst02 .dtxt {padding:30px 0}
.dlst03 .dtxt {padding:15px 0}
.dolbom_lstwrap {margin:-10px 0 28px}
.dolbom_lsttit span {background-size:auto 70px !important; padding:70px 0 5px}
.dolbom_lsttit span img {transform: scale(0.85)}
    

    
}








/*========================PC LAYOUT===========================*/
@media only screen and (min-width:1025px) {
/*Layout*/
#subcontainer{position: relative}
.subconwrap{position: relative; margin-top:0}
.subconbox {position: relative; width: 1200px; margin:0 auto; z-index: 1}
#sub_left {position: relative; display: block; float: left; margin-top:-45px; padding-bottom:50px}
#subright {position: relative; float: right; width: 925px; padding:0 10px; border-radius:13px 13px 0 0; box-shadow:0 -3px 2px rgba(0,0,0,0.05); background:#fff; margin-top:37px; box-sizing: border-box}
#subpage {min-height:500px; margin:20px 0 60px}
    
/*Quick*/
#quick02 {top:115px}
#quick02 .userquick_tit {padding:10px 0}
#quick02 .quick_wrap {height:310px}
.content_poplayer {display:none}
#main_topquick {height:168px}
.topquick_wrap .tquick_list li a {width:99px; height:130px}
.topquick_wrap .tq_tit {font-size:1em}
.topquick_wrap .tq_icon {padding-bottom:10px}

/*Visual*/
.subvisual{z-index: 1}
.subvisual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.subvisual .visual_item {width:auto; height:682px}
.subvisual .visual_item.item1{background:url(../images/sub/subv_pc01.jpg) no-repeat top center}
.subvisual .visual_item.item2{background:url(../images/sub/subv_pc02.jpg) no-repeat top center}
.subvisual .visual_item.item3{background:url(../images/sub/subv_pc03.jpg) no-repeat top center}

/*재생,일시정지*/
.visual_wrap .btn_visual{ bottom:410px; margin-left:552px}
/*비주얼 이동 블릿*/
.visual_wrap .slick-dots {bottom:410px}

/*Subleft*/
.left_tit{position: relative; width: 268px; height: 97px; padding:16px 0 0; text-align: center; box-sizing: border-box}
.left_tit h2 {padding:32px 0 0; font-size:1.692em; font-weight: 600; color:#fff}
.left_tit .eng_sch{font-size:13px; color:#000}
.leftmn{position: relative; width: 258px; margin:0 auto; padding:6px; background: #fff; border-radius:0 0 5px 5px; border:2px solid #e7e7e7; border-top:0; box-sizing: border-box}
.leftmn > ul > li > a {overflow:hidden; position:relative; display: block; line-height: 140%;border-radius:20px 20px 3px 3px; padding:13px 45px 13px 15px; margin-bottom: 8px; background:#f0f0f0; font-size:1.154em; font-weight:600; color: #000; transition: all .3s; box-sizing: border-box}
.leftmn > ul > li > a:after {content:""; display:block; position:absolute; top:-3px; right:-3px; width:43px; height:43px; background:#e1e1e1 url(../images/sub/blt_leftmn.png) no-repeat 50% 50%; border-radius:50% }
.leftmn ul > li:last-child a{margin-bottom: 0}
.leftmn ul > li > a:hover, .leftmn .leftmenuover > a {background:#ffc425; color:#fff; font-weight: 600; text-decoration:none}
.leftmn ul > li > a:hover:after, .leftmn .leftmenuover > a:after  {background:#ff9625 url(../images/sub/blt_leftmn_a.png) no-repeat 50% 50%}
.leftmn .leftmenuover > a {margin-bottom:8px}
/*MN third*/
.leftmn .third{display:none; position: relative; margin:0 0 10px; padding:0 10px 5px; background: #fff; box-sizing: border-box; border-bottom:2px solid #ffc425}
.leftmn .third li a{display: block; line-height: 140%; padding:8px 0 8px 20px; margin-bottom: 0; border:none; border-bottom: 1px solid #f0f0f0; background:url(../images/sub/blt_third.gif) no-repeat 5px 11px; font-weight: 600; color:#4b4b4b; font-size:1.077em; letter-spacing:-0.5px}
.leftmn .third li:last-child a{border-bottom: none}
.leftmn .third li:hover a, .leftmn .third .on a, .leftmn .third .third_on a {background:url(../images/sub/blt_third_a.gif) no-repeat 5px 11px; color:#ff9625; font-weight:600}
.leftmenuover .third{display: block}

/*Subtop TIT*/
#subtop{position: relative; height:58px; margin-bottom:18px}
#subtop h3 {padding:15px 15px 14px 15px; width: auto; font-size:1.467em; font-weight:600; color:#000; text-align: left; background:#eee; border-radius:0 0 15px 15px}
#subtop h3 span {padding:5px 0 5px 35px; background:url(../images/sub/blt_subtop.png) no-repeat left center}
/*PC guide*/
#sub_guide {position: absolute; top:-40px; left:10px; z-index: 10}
#sub_guide:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
#sub_guide .navi_area{height: 25px; line-height: 25px}
#sub_guide .navi_area ul {text-align: center}
#sub_guide .navi_area li {display: inline-block; width:auto !important}
#sub_guide .navi_area li a { display: block;padding: 0 9px 0 13px; line-height: 19px; background: url(../images/sub/navi_arr_pc.gif) 0 50% no-repeat; color:#333333; font-weight:500; font-size:1.077em}
#sub_guide .navi_area li:first-child a {background: none; padding-left: 0}
#sub_guide .navi_area li.m_menu {display: none}
#sub_guide .navi_area li.page_on a{ font-weight:700}
#sub_guide .navi_area > ul > li.nav_home a{width: 20px; padding:0 5px 0 0; height: 19px}

/*subtop_btn*/
.subtop_btn {display: block; position:absolute; top:-42px; right:0; width: 140px; z-index: 1}
.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:7px}
.subtop_btn dl.font > dd:last-child{margin-right: 2px}

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

/*PC에서 br 필요 없을때 선언*/
br.pcbr_none{display: none}
/*PC에서 필요 없을때 선언*/
.pc_none{display: none}
    
    
    
    
    
    
    
    
    
    
}

/*=========================LOWSET FIX=============================*/
/*프린트관련*/
.printBG .subconbox {margin-top:0}
.printBG #subright .tabnavi01, .printBG #subright .tabnavi02, .printBG #quick02{display:none}
@media print {
.printBG #subright{-webkit-print-color-adjust:exact}
.printBG .subtop_btn{display:none}
}
@media only screen and (min-width:711px) {
/* 학교현황 */
.state_txt {margin-top:-30px}   
}

@media only screen and (max-width:850px) {
/****개별[교외] 체험학습****/
.app_trip .trip_top {padding:10px 0 24px; text-align:left}
.app_trip .trip_top img {transform: scale(85%)}
.app_trip .trip_top::after{transform:scale(0.9); right:10px; bottom:5px; width:296px; height:78px; background:url(../images/sub/tripbg_m.png) no-repeat 100% 100%}
.app_trip .trip_top::before{display:none}
/**버튼 및 절차**/
.app_trip .btn_box{margin: 0 10px}
.app_trip .btn_box li a{width:95%; padding: 8px 5px; background-size:37px 33px; font-size: 1em}
/*상단절차*/
.app_trip .trip_steptop{margin: -54px 0 20px; padding:70px 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}
    
/* 연혁 */
.his_txttit {font-size:1.154em}
.hc_history .year_list {padding:30px 36px 14px}
.hc_history .year_list li {margin-bottom:10px}
.hc_history .his_year .year_box {border-width:1px}
.hc_history .his_year .year_box:after {width:95px; height:49px; bottom:-1px; background:url(../images/sub/bg_history_mimg.png) no-repeat 100% 100%}
.hc_history .year_list > li:last-child {padding-right:10px}
.hc_history .year_date {font-size:1.231em}
.hc_history .his_year .his_btn a {min-width:200px}

/* 학교상징 */
.symbol_lst {padding-top:375px}
.symbol_lst dl {margin-bottom:20px}
.symbol_lst .symbol01 {bottom:inherit; top:0}
.symbol_line {display:block}
.symbol_line > div {width:100%}
.symbol_lst:after {display: none}
    
    
/* 학교 규칙 */
.rulebody_box h4 span.tit_bg {top:6px; width:66px}
.rulebody_box p {margin:8px 5px}
.rulebody_box h4{padding:8px 52px 8px 75px; font-size:1.154em}
.rulebody_box h4:after, .hc_rule02 .rulebody_box h4:after {top:-5px; background-size:45px auto; width:45px}
.rulebody_box ul li {text-indent:-16px}
.rulebody_box .rule_section span {padding:3px 4px 3px 20px}
    
/* 오시는 길 */
.map_add {padding:10px}
.map_callinfo {padding:10px}
.map_callinfo dl {width:calc(100%); margin:2px 0}
.mkakao a {width:130px}

/* 학교장 경영관 */
.schimg_wrap {flex-wrap: wrap}
.schimg_wrap .schimg_box {width:calc(100% / 2 - 10px)}
.schimg_box .schtxt {font-size:1.154em}
.schimg_txtbox li {font-size:1.077em}

/* 일일시정표 */
.daily_grade {display:block}
.daily_grade .hc_table {width:calc(100%); margin-bottom:15px}

}

@media only screen and (max-width:710px) {
/****개별[교외] 체험학습****/
.app_trip .trip_top::before{transform:scale(0.7); left:-30px; top:23px}

/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기*/
.scroll_txt{display: block; padding:5px 5px 3px!important; margin: 5px 0 !important; border-radius: 50px; background:#e9e9e9 !important; text-align: center; color:#000; font-size: 12px}

/****공통 Table****/
.table_scroll{overflow-x: auto; position: relative}
.table_scroll > table {min-width:473px}
.comtable .table_scroll table tbody th{background: #fff}

}

@media only screen and (max-width:660px) {
/****개별[교외] 체험학습****/
.app_trip .trip_box .down_btn a{margin-bottom: 5px}
.app_trip .trip_wrap .trip_box {padding:0 10px 15px; margin-bottom:15px; font-size:0.935em}

/*공통_저작권신고*/
.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}
    
/* 교육목표 */
.manage_lst .mlst {display:block; margin-top:18px}
.manage_lst .mlst .mtit {width:100%; padding:6px 0}
.manage_lst .mlst .mtxt {width:100%; text-align: center; margin-top:5px}
.manage_lst .mlst .mtxt p {padding:15px; border-radius:15px; font-weight:500; font-size:1.077em}
.manage_lst .mlst .mtxt:after {display:none}
.manage_lst .mlst .mtxt:before {top:0; left:50%; margin:-11px 0 0 -7px}
.manage_lst .mlst .mtit img {transform:scale(0.95)}

/* 규칙 & 규정 */
.hc_rule .ruledate_box li {width:50%}

/* 돌봄교실 */
.dolbom_lstwrap {display:block}
.dolbom_lst {width:100%}
.dlst02 .dtxt {padding:10px 0}
.dlst03 .dtxt {padding:10px 0}
    
}

@media only screen and (max-width:600px) {
.mquick_wrap ul li a .tq_icon {display:none}
.mquick_wrap ul li a {padding:0 10px 0 5px; font-size:12px; letter-spacing:-1px}
       
/* 교직원 인사말 */
.greet_slogan {max-width:300px}
.greet_slogan span {padding:0 16px 5px 42px; text-align: left}
.greet_slogan .gs02 {padding:0 0 0 66px}
.greet_welcome p br {display:block}
.greet_welcome p {max-width:250px; padding:10px; border-radius:30px}
.greet_welcome p:before {top:30px}
.greet_welcome p:after {top:-13px}
.greet_con {padding:50px 0 100px}
.greet_con:before {background-size:auto 90px}
.greet_con:after {height:150px; background-size:auto 150px; background-position:right bottom}
.gtxt02 {padding:10px; margin:10px 0}

/* 학교연혁 */
.hc_history .con_toptit {margin-bottom:10px}
.hc_history .his_year .his_btn {width:calc(100% / 2 - 4px)}
.hc_history .history_box:before {top:15px}
.hc_history .his_year .his_btn a {min-width:132px; height:35px; padding:9px 13px; font-size:1.077em}
.hc_history .his_year .his_btn a:before {bottom:-2px; width:31px; height:31px; background-size:auto 6px}
.hc_history .his_year.on .his_btn a:before, .hc_history .his_year .his_btn:hover  a:before {bottom:-5px; right:-1px}
.hc_history .his_year02.on .his_btn a:before, .hc_history .his_year02 .his_btn:hover a:before {bottom:-5px; right:-1px}

.hc_history .his_year01.on .his_btn a, .hc_history .his_year01 .his_btn:hover a {padding:7px 11px}
.hc_history .his_year02.on .his_btn a, .hc_history .his_year02 .his_btn:hover a {padding:7px 11px}
.hc_history .his_year.on .his_txtbox {padding-top:55px}
.his_txttit:after {width:35px; height:31px; left:8px; top:8px; background-size:25px auto; background-position:50% 6px}
.hc_history .year_list {padding:27px 20px 10px}
.hc_history .year_list:before {left:25px}
.hc_history .year_list:after {left:21px}
.hc_history .year_list li {display:block}
.hc_history .year_txt {padding:15px 18px 15px 35px}
.hc_history .year_list span.ydate {margin-left:-16px; margin-bottom:4px; font-size:1.154em}

/* 교육목표 */
.edugoal_wrap {display:block; padding:12px 12px 20px}
.edugoal_wrap .edu_goal {width:100%; padding:14px 15px 64px; margin-bottom:15px; background:#fff url(../images/sub/bg_edugoal_mimg.png) no-repeat 50% 100% }
.edugoal_wrap .edu_goal02 {background:#fff url(../images/sub/bg_eduactive_mimg.png) no-repeat 100% 100% }
    
/* 학생회 */
.council_txt .ctxt_box {padding:15px}
.council_txt {padding:10px 10px 20px}
.council_txt .mem_charact {display:none}
    
}

@media only screen and (max-width:550px) {
/**버튼 및 절차**/
.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%}
/*상단절차*/
.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}
    
/****개별[교외] 체험학습 타이틀 ****/
.app_trip .trip_top img{position: relative; transform:scale(75%); z-index:5} 
.app_trip .trip_top::after {bottom:-15px; right:0; transform: scale(0.8)}
    
/* 오시는 길 */
.madd {text-align: center}
.map_add {display: block}
.mkakao {text-align: right}
.mkakao a {width:100%; margin-top:5px}
.map_callinfo dl {display:block}
.map_callinfo dl dd {margin:5px 0}
.map_callinfo dl dd ul {text-align: center}
.telfax li {padding-left:0; padding-right:10px}

/* 학교장 경영관 */
.sch_moral dl dd br {display:block}
.sch_moral dl dd img {width:auto; height:26px}
.schimg_wrap {padding:45px 0 0; background-size:150px auto}
.schimg_wrap .schimg_box {width:100%}
.schimg_box .schtxt br {display:none}
.schimg_txtbox {padding:15px}

/* 학교상징 */
.hc_symbol .con_toptit2 {margin-top:15px}
.hc_symbol .contit2 {display:block; padding:0}
.hc_symbol .contit2 span {display:inline-block; padding:4px 20px 10px}
.hc_symbol .contit2 span br {display:block}
.hc_symbol .contit2 img {width:auto; height:26px}



}
@media only screen and (max-width:360px) {
/*Tab02, boardTab*/
.tabnavi02 ul li, .boardTab ul li {width: 50%}
}


/* ============== 개인정보처리방침(NEW_라벨링ver) kjh 240403 ============== */
.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}
    
}



/*2025 늘봄학교 안내- KYJ 25.02.25 추가*/
.hc_neulbom .contit:before {background:#c4e889}
.hc_neulbom .con_txtbox {border-color:#c4e889}
.hc_neulbom .nb_lstbx {display:flex; justify-content: space-between; margin:25px 0 40px}
.hc_neulbom .nb_lst {width:calc(100%/2 - 12px); border-bottom:3px solid #ffc24b}
.hc_neulbom .nb_tit {position:relative; text-align:center; z-index:1}
.hc_neulbom .nb_tit:before {content:""; display: block; position:absolute; bottom:0; left:0; width:100%; height:80px; border-radius:50px 50px 10px 10px; background:#ffc24b; z-index:-1}
.hc_neulbom .nb_tit span {display:block; padding:90px 0 6px; background:url(../images/sub/bg_nb_ico01.png) no-repeat 50% 0}
.hc_neulbom .nb_tit span img {vertical-align: middle}
.hc_neulbom .nb_con {min-height: 60px; padding:10px; font-size:1.071em; align-content: space-around; text-align: center}
.hc_neulbom .nb_lst.lst02 {border-color:#7bbafa}
.hc_neulbom .nb_lst.lst02 .nb_tit:before {background:#7bbafa}
.hc_neulbom .nb_lst.lst02 .nb_tit span {background:url(../images/sub/bg_nb_ico02.png) no-repeat 50% 0}
.hc_neulbom .hc_table table.nb_tbst thead th{background:#7ec454}
.hc_neulbom .hc_table span.nb_ico{display: block; width: 65px; height: 65px; margin: 0 auto}
.hc_neulbom .hc_table span.nb_ico img{width: 65px; height: 65px}
@media only screen and (max-width:1024px) {
.hc_neulbom .con_toptit{margin-bottom: 10px}
.hc_neulbom .nb_lstbx{margin: 0 0 30px}
}
@media only screen and (max-width:435px) {
.hc_neulbom .nb_lstbx {display:inherit}
.hc_neulbom .nb_lst {width:100%}
.hc_neulbom .nb_con {min-height:30px; padding:10px}
}