/* com2zoa design  kjh 231219 */

/* Layout */
#subpage .basics_font{font-size: 1.154em; font-weight: 400 /*기준폰트 15px*/}
/*글이 많은페이지의 경우 모바일에서 해당 페이지 고유클래스 하위에 기준폰트 1.000em(13px)으로 변경-예)규정규칙 페이지*/
#sub_left {display: none}
#subpage {min-height:500px; line-height:150%; margin:0 10px 50px 20px; font-weight:300}
.clear_fix:after {content: ""; display: block; clear: both}
.top_menu .qmn_pop{display: none}
.subcontain {font-family:NSQ}

/*Subtop */
#subtop {position:relative;}
#subtop h3{font-weight:600; text-align: center}
#subtop h3:after {content:""; display: block; position:absolute; bottom:0; left:50%; width:37px; height:3px; background:#5656c3; margin:0 0 0 -18px}

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


/* visual */
.subvisual .visual_item .v_txt {position:absolute; top:50%; left:50%; margin:-40px 0 0 0; width:620px; height:60px; font-size:0}
.subvisual .visual_item .v_depart {position:absolute; bottom:0; left:50%; margin:0; width:180px; height:60px; line-height:60px; margin:0 0 0 -340px; text-align: center; color:#fff; font-weight:500; font-size:1.231em; font-family:NSQ; z-index:20}

.subvisual .slick-dots {display:none !important}
.subvisual .visual_wrap .btn_visual {display:none !important}

.subvisual .slick-arrow {display:block; position: absolute; width:21px; height:21px; bottom:20px; left:50%; margin:0 0 0 0; font-size:0; cursor:pointer; z-index: 20}
.subvisual .slick-prev {margin:0 0 0 -340px; background:url(../images/main/btn_subv_prev.png) no-repeat 0 0}
.subvisual .slick-next {margin:0 0 0 -180px; background:url(../images/main/btn_subv_next.png) no-repeat 0 0}

/******************************서브컨텐츠 영역**************************************/
/* -------------------컨텐츠 공통------------------- */
/****페이지 준비중****/
.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:5px 0 5px 30px; margin:7px 0; background:url(../images/sub/subtit4.gif) no-repeat left 6px; font-size:1.33em; font-weight:600; font-family:NSQ}
h5.sub_tit5 {line-height:140%; padding:0 0 5px 28px; margin:7px 3px; background:url(../images/sub/subtit5.gif) no-repeat 0 0; font-size:1.2em; font-weight:400; font-family:NSQ}

/****Table****/
.get_table {width:100%; margin-bottom:25px; border-collapse:collapse; table-layout:auto; background:#f1f1f1; border-radius: 10px 10px 0 0}
.get_table table{width: 100%}
.get_table .txtleft {text-align: left}
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기 테이블 감싸고 있는 div한테 table_scroll 클래스 주면됨*/	
.get_table.table_scroll{overflow-x: auto; position: relative}
.get_table.table_scroll > table {min-width:710px}
/*table_scroll 필요없을때*/
.get_table.tb_border{overflow: hidden}
/*표_색상:회색(기본)*/
.get_table thead th { line-height:150%; padding:8px;  border:1px solid #fff; border-top:1px solid #cacaca;  vertical-align:middle;text-align:center; font-weight:500; font-size: 1.077em; color:#fff}
.get_table thead th:first-child {border-left:1px solid #cacaca}
.get_table thead th:last-child {border-right:1px solid #cacaca}
.get_table tbody th {line-height:150%; background:#f7f7f7; padding:8px; border:1px solid #cacaca;  text-align:center; font-weight:500; vertical-align:middle; color:#30302e}
.get_table tbody td {line-height:150%; background:#fff; padding:8px; border:1px solid #cacaca;text-align:center; vertical-align:middle; color:#4d4d4d} 

/*표_색상:파랑*/
.get_table .table_st01 {background:#53a1e3}
/*상단보더가 있는 테이블스타일*/
.get_table_border > table{border-top: 2px solid #3e3e3e; width:100%; border-collapse:collapse; table-layout:auto}
.get_table_border .txtleft {text-align: left}
.get_table_border .bor_r{border-right: 1px solid #d7d7d7}
.get_table_border.table_scroll{overflow-x: auto; position: relative}
.get_table_border.table_scroll > table{overflow-x: auto; position: relative}
.basics_font .scroll_txt{display: none; line-height: 22px; background: #e8e8e8; border-radius: 10px; text-align: center; margin: 10px 0}
/*표_색상:회색(기본)*/
.get_table_border th, .get_table_border td{border-bottom: 1px solid #d7d7d7; line-height:150%; padding:10px; text-align: center; vertical-align: middle; border-left: 1px solid #d7d7d7}
/*.get_table_border th:first-child, .get_table_border td:first-child{border-left: 0}*/
.get_table_border thead th{background: #f5f5f5}
.get_table_border tbody td{background:#fff}
/*표_색상:민트*/
.get_table_border .table_st01{border-top:2px solid #1cb0cb }
.get_table_border .table_st01 thead th{background: #f3fbfc}
.get_table_border .table_st01 tbody th{color: #05687a}
/*표_색상:파랑*/
.get_table_border .table_st02{border-top:2px solid #2292d0 }
.get_table_border .table_st02 thead th{background: #f4f9fd}
.get_table_border .table_st02 tbody th{color: #03507a}
/*표_색상:보라*/
.get_table_border .table_st03{border-top:2px solid #5656c3 }
.get_table_border .table_st03 thead th{background: #f6f6fc}
.get_table_border .table_st03 tbody th{color: #27277c}
/*표_색상:남색*/
.get_table_border .table_st04{border-top:2px solid #1e4485 }
.get_table_border .table_st04 thead th{background: #f3f4f7}
.get_table_border .table_st04 tbody th{color: #1e4485}

.get_table_border table {border-bottom:1px solid #cacaca}
.get_table_border table thead th {border:0; border-bottom:1px solid #cacaca; border-left:1px solid #cacaca}
.get_table_border table thead th:first-child {border-left:0}
.get_table_border table thead td {border:0;border-top:1px solid #cacaca; border-left:1px solid #cacaca}
.get_table_border table tbody th {border:0;border-top:1px solid #cacaca; border-left: 1px solid #cacaca}
.get_table_border table tbody td {border:0;border-top:1px solid #cacaca; border-left:1px solid #cacaca}
.get_table_border table tbody tr th:first-child {border-left:0}
.get_table_border table tbody td.b_noleft {border-left:0}
.get_table_border table thead th.bor_l, .get_table_border table thead td.bor_l, .get_table_border table tbody th.bor_l, .get_table_border table tbody td.bor_l{border-left: 1px solid #d7d7d7 !important}

/* -------------------공통스타일시작 -------------------*/
/* 간격 */
.mar_5{margin: 5px}
.mar_10{margin: 10px}
.mar_15{margin: 15px}
.mar_20{margin: 20px}
.mat_5{margin-top: 5px}
.mat_10{margin-top: 10px}
.mat_15{margin-top: 15px}
.mat_20{margin-top: 20px}
.mab_5{margin-bottom: 5px}
.mab_10{margin-bottom: 10px}
.mab_15{margin-bottom: 15px}
.mab_20{margin-bottom: 20px}
.mab_30{margin-bottom: 30px}
.mab_40{margin-bottom: 40px}
.male_5{margin-left: 5px}
.male_10{margin-left: 10px}
.male_15{margin-left: 15px}
.male_20{margin-left: 20px}
.mari_5{margin-right: 5px}
.mari_10{margin-right: 10px}
.mari_15{margin-right: 15px}
.mari_20{margin-right: 20px}

/*col class 선언영역*/
.wdtfix{width:40px}
.wdt2{width: 2%}
.wdt3{width: 3%}
.wdt4{width: 4%}
.wdt5{width: 5%}
.wdt6{width: 6%}
.wdt7{width: 7%}
.wdt8{width: 8%}
.wdt9{width: 9%}
.wdt10{width: 10%}
.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-left: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}
.comtable tbody td {line-height:150%; background:#fff; padding:8px 3px; border:1px solid #d2d2d2; text-align:center; vertical-align:middle; color:#4d4d4d; 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{font-family:PTD}
.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.286em}
.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.143em}
.common_wrap{font-weight: 400}
.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}
.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}
.cmline .cmtxt > dl dt{margin: 5px 0; font-weight: 500}
.cmline .cmtxt > dl dt.bgtit{display: inline-block; padding: 5px 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: 120%; margin-bottom: 5px}
.cmline .cmtxt > dl dd:last-child{margin-bottom: 0}
.cmline .cmbtn{padding: 10px; margin: 15px 0; border: 1px solid #d2d2d2; text-align: center; line-height: 130%}
.cmline .col_bb{font-weight: 500}
.cmline .cmtxt ol li.no_indent{text-indent: 0; margin-left: 5px}

/*텍스트 스타일*/
.common_wrap .comlst_txt{ margin:10px 0 15px; border-radius: 5px; border:1px solid #d2d2d2;box-sizing: border-box}
.common_wrap .comlst_txt ul{padding: 10px}
.common_wrap .comlst_txt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.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: calc(100% - 20px); max-width: 710px; height: 240px; margin: 20px auto; background-position: left center; background-repeat: no-repeat;}
.copyright .copyimg01 > p.copyimg_txt{background-image: url(../images/sub/copy_img01.png); }
.copyright .copyimg02 > p.copyimg_txt{background-image: url(../images/sub/copy_img02.png); }
.copyright .copy_img > p.copyimg_txt span{display: block; position: absolute; top:105px; right:4px; width: 127px; height: 96px; 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}
.openinfo .comtable2 table {border-bottom-color:#456179}
.openinfo .comtable2 thead th {background: #456179}
.openinfo .comtable2 tbody th  {background:#f5f5f5}

/****공통_비공개대상정보 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; font-size:1.2em}
.private_new .pri_top .pritxt{padding:14px; font-weight: 500}
.private_new .pri_top .prilst{padding: 10px; margin:0 10px 10px; border-radius: 5px; background: #f1f1f1; font-weight:500; color:#000}
.private_new h5.com_h5{height:auto; padding:2px 0 2px 30px; margin: 10px 0 7px; background:url(../images/sub/com_h5.gif) 6px 2px no-repeat; font-weight: 600}
.private_new .comlst_txt{ margin:0 0 15px; border-radius: 5px; border:1px solid #d2d2d2;box-sizing: border-box}
.private_new .comlst_txt ul{padding: 10px}
.private_new .comlst_txt ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 140%; font-weight:500; color:#000}
.private_new .comlst_txt ul li:last-child{margin-bottom: 0}
.private_new .comlst_txt li > ul{padding: 5px; margin:5px 0 0; border-radius: 5px; background:#f8f8f8; border: 1px solid #d2d2d2; box-sizing: border-box}

/* -------------------공통스타일 끝 -------------------*/

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

/*폰트에서 span사용시 색지정
(span에 단독으로 스타일을 주면 모든 span 태그에 font-weight가 지정되므로 bold는 각각 지정함)_더 두껍게 할 시에는 고유클래스 아래에 지정  */
span.col_r{font-weight: 500; color:#ff5c41}
span.col_g{font-weight: 500; color:#76a84e}
span.col_g2{font-weight: 500; color:#0b9444}
span.col_b{font-weight: 500; color:#3087e1}
span.col_b2 {font-weight: 500; color:#104a96}
span.col_o{font-weight: 500; color: #ff7b11}
span.col_p{font-weight: 500; color: #ae4ce6}
span.col_pk{font-weight: 500; color: #f86b96}
span.col_y{font-weight: 500; color: #ff7f0e}
span.col_bb{font-weight: 600; color:#202020}
span.col_pp{font-weight: 600; color: #2626be}


/* 기울임폰트 */
span.oblique{font-style: oblique}

/* 외부링크있는 a */
a.gt_link{color: #006dd2; display: inline-block; padding-right: 22px; line-height: 1.1; background: url(../images/sub/icon_link_txt.png) no-repeat right top; transition: .2s}
a.gt_link:hover{border-bottom: 1px solid #006dd2}

/* 서브컨텐츠 페이지 타이틀 */
.quotes_tit_box{text-align: center; font-family: NSQ}
.quotes_tit_box .quotes_tit{font-size: 2em; padding: 6px 30px; color: #101010; position: relative; display: inline-block; line-height: 1}
.quotes_tit::before, .quotes_tit::after{content: ''; position: absolute; width: 14px; height: 14px;  top: 0}
.quotes_tit::before{background: url(../images/sub/sub_top_tit01.png) no-repeat; left: 0px}
.quotes_tit::after{background: url(../images/sub/sub_top_tit02.png) no-repeat; right: 0px}

/* 서브컨텐츠 도트 텍스트박스 */
.dot_textbox{border: 1px solid #ddd; border-radius: 15px; padding: 20px 20px 0; position: relative}
.dot_textbox .dot_tit{position: absolute; background: #fff; padding: 0 40px; font-size: 1.333em; font-weight: 700; font-family: NSQ; color: #252525; left: 50%; transform: translateX(-50%); height: 30px; line-height: 30px; top: -15px; min-width: 35px; text-align: center; white-space: nowrap}
.dot_textbox .dot_tit > span{font-weight: inherit}
.dot_textbox .dot_tit::before, .dot_textbox .dot_tit::after{content: ''; position: absolute; width: 8px; height: 8px; border-radius: 8px; background: #ddd; top: calc(50% - 4px)}
.dot_textbox .dot_tit .col_bk{color: #252525}
.dot_textbox .dot_tit::before{left: 0}
.dot_textbox .dot_tit::after{right: 0}
/* 서브컨텐츠 도트 텍스트박스-파란색 */
.dot_textbox.blue{border-color: #4a99e8}
.dot_textbox.blue .dot_tit{color: #4a99e8}
.dot_textbox.blue .dot_tit::before, .dot_textbox.blue .dot_tit::after{background: #4a99e8}
/* 서브컨텐츠 도트 텍스트박스-분홍색 */
.dot_textbox.pink{border-color: #f98ab4}
.dot_textbox.pink .dot_tit{color: #f98ab4}
.dot_textbox.pink .dot_tit::before, .dot_textbox.pink .dot_tit::after{background: #f98ab4}
/* 서브컨텐츠 도트 텍스트박스-연두색 */
.dot_textbox.green{border-color: #a7c725}
.dot_textbox.green .dot_tit{color: #a7c725}
.dot_textbox.green .dot_tit::before, .dot_textbox.green .dot_tit::after{background: #a7c725}
/* 서브컨텐츠 도트 텍스트박스-보라색 */
.dot_textbox.purple{border-color: #ad63e7}
.dot_textbox.purple .dot_tit{color: #ad63e7}
.dot_textbox.purple .dot_tit::before, .dot_textbox.purple .dot_tit::after{background: #ad63e7}

/* 도트리스트 */
.basics_font .dot_list > li{padding-left: 15px; position: relative; line-height: 1.2; text-indent: 0}
.basics_font .dot_list > li::before{content: ''; width: 5px; height: 5px; background: #747474; border-radius: 5px; left: 0; top: 0.4em; position: absolute}
.basics_font .dot_list > li + li{margin-top: 10px}
/* 도트리스트-파란색 */
.basics_font .dot_list.blue > li::before{background: #006dd2}
/* 도트리스트-보라색 */
.basics_font .dot_list.purple > li::before{background: #5656c3}

/* 학교장 인사말 */
#subpage .get_greet{padding-top: 173px; background: url(../images/sub/bg_greet.png) no-repeat center top}
.get_greet .col_b{color: #006ad6}
.get_greet .col_r{color: #ff3838}
.get_greet .greet_top{text-align: center; background: url(../images/sub/img_greet.png) no-repeat center 25px #fff; margin: 0 32px; border-radius: 30px; padding: 105px 25px 32px}
.get_greet .greet_top > p {font-size: 2em; color: #101010; line-height: 1.5; font-family: NSQ}
.get_greet .greet_cont{border-top: 1px solid #7b7b7b; padding: 32px 32px 22px}
.get_greet .greet_cont > p{color: #000; line-height: 1.867}
.get_greet .greet_cont > p + p{margin-top: 28px}
.get_greet .greet_bot{text-align: right}
.get_greet .greet_bot .end_greet{width:350px; height:39px; padding: 10px 5px 10px 30px; font-size: 1.333em; color: #070707; font-style: oblique; background: url(../images/sub/img_greet02n.png) no-repeat left center; display: inline-block; font-family: NSQ}

/* 교육목표 */
.get_goal .get_vision{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #cfcfcf}
.get_goal .get_vision .vision_top{background: linear-gradient(90deg, rgba(202,192,255,1) 0%, rgba(192,235,255,1) 100%); border-radius: 30px 30px 0 0; height: 55px; position: relative; margin-top: 45px}
.get_vision .vision_top::before{content: ''; position: absolute; left: 3px; top: 3px; width: calc(100% - 6px); height: 100%; background: #fff; border-radius: 27px 27px 0 0}
.get_vision .vision_top .vision_tit{position: absolute; width: 110px; height: 47px; background: url(../images/sub/img_vision_tit.jpg) no-repeat center #fff; font-size: 0; left: calc(50% - 55px); top: -30px}
.get_goal .get_vision, .get_vision .quotes_tit_box .quotes_tit{font-family: GMS; font-weight: 500}
.get_vision .quotes_tit_box .quotes_tit > span{font-weight: 600}
.get_goal .get_vision > p{font-size: 1.733em; text-align: center; margin-top: 14px; color: #000}
/* 교육목표-학교교육목표 */
.get_goal .get_edu_goal{margin-bottom: 40px}
.get_goal .get_edu_goal .goal_top{background: linear-gradient(175deg, rgba(137,61,202,1) 0%, rgba(50,214,212,1) 100%); max-width: 665px; margin: 20px auto 4px; text-align: center; position: relative; padding: 6px}
.get_edu_goal .goal_top::before, .get_edu_goal .goal_top::after{content: ''; width: calc(100% - 70px); position: absolute; left: 35px; height: 8px; background: #fff}
.get_edu_goal .goal_top::before{top: -1px}
.get_edu_goal .goal_top::after{bottom: -1px}
.goal_top .goal_top_tit{background: #fff; padding: 22px 17px; font-size: 1.467em; line-height: 1.36; font-weight: 600; color: #252525}
.goal_top .goal_top_tit .col_pp{color: #7076e9}
.goal_cont::before{content: ''; display: block; height: 94px; background: url(../images/sub/bg_goal_cont.jpg) no-repeat center top}
.goal_cont .quotes_tit_box::after{content: ''; display: block; width: 75%; border: 1px solid #d1d1d1; height: 48px; margin: -12px auto 0; position: relative; z-index: -1}
.goal_cont .quotes_tit_box .quotes_tit{font-size: 1.333em; line-height: 1.2; background: #fff; padding: 6px 55px}
.goal_cont .quotes_tit::before{left: 20px}
.goal_cont .quotes_tit::after{right: 20px}
.goal_cont .quotes_tit_box .col_pp{color: #5656c3}
.goal_cont .edu_goal_box{margin-top: -1px; display: flex; border: 1px solid #d1d1d1}
.goal_cont .edu_goal_box .edu_goal{width: 25%; box-sizing: border-box; background: #fff; border-right: 1px solid #d1d1d1; text-align: center; padding: 30px 20px 75px; min-height: 195px; font-size: 1.133em; line-height: 1.4; background-position: center bottom; background-repeat: no-repeat}
.edu_goal_box .edu_goal.goal01{background-image: url(../images/sub/icon_goal_cont01.jpg)}
.edu_goal_box .edu_goal.goal02{background-image: url(../images/sub/icon_goal_cont02.jpg)}
.edu_goal_box .edu_goal.goal03{background-image: url(../images/sub/icon_goal_cont03.jpg)}
.edu_goal_box .edu_goal.goal04{background-image: url(../images/sub/icon_goal_cont04.jpg)}
.edu_goal_box .edu_goal:last-child{border-right: 0}
/* 교육목표-학교교육과정운영 */
.get_goal .get_curriculum{padding: 104px 0 54px; margin-bottom: 40px; height: 526px; position: relative; background: url(../images/sub/bg_curri.png) no-repeat center 103px}
.get_curriculum .curri_tit{position: absolute; width: 180px; left: calc(50% - 90px); top: 350px; text-align: center; color: #fff; text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15); font-size: 1.467em; font-family: GMS; line-height: 1.3; font-weight: 600}
.get_curriculum .curri_list > li{position: absolute; text-align: center}
.get_curriculum .curri_list > li:nth-child(1){top: 186px; left: calc(50% - 60px)}
.get_curriculum .curri_list > li:nth-child(2){left: calc(50% + 132px); top: 328px}
.get_curriculum .curri_list > li:nth-child(3){left: calc(50% + 56px); bottom: 108px}
.get_curriculum .curri_list > li:nth-child(4){left: calc(50% - 177px); bottom: 108px}
.get_curriculum .curri_list > li:nth-child(5){left: calc(50% - 249px); top: 328px}
.get_curriculum .curri_list .curi_tit{font-family: GMS; font-size: 1.133em; font-weight: 500; width: 120px}
.curri_list .curi_txt{position: absolute; width: 204px; height: 86px; border: 1px solid #dedede; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 1.067em}
.curri_list > li:nth-child(1) .curi_txt{left: -40px; top: -184px}
.curri_list > li:nth-child(2) .curi_txt{right: -242px; top: -67px}
.curri_list > li:nth-child(3) .curi_txt{right: -221px; top: 52px}
.curri_list > li:nth-child(4) .curi_txt{top: 52px; left: -218px}
.curri_list > li:nth-child(5) .curi_txt{left: -245px; top: -67px}
.curri_list .curi_txt::before{content: ''; position: absolute; width: 12px; height: 12px; border-radius: 12px; background: #ddd}
.curri_list > li:nth-child(1) .curi_txt::before{background: #d6e4ff; bottom: -6px; left: calc(50% - 9px)} 
.curri_list > li:nth-child(2) .curi_txt::before{background: #bbeede; left: -6px}
.curri_list > li:nth-child(3) .curi_txt::before{background: #cdf3ab; left: -6px}
.curri_list > li:nth-child(4) .curi_txt::before{background: #ffe6b7; right: -6px}
.curri_list > li:nth-child(5) .curi_txt::before{background: #e8d3fe; right: -6px}
/* 교육목표-특색사업 */
.get_goal .get_feature{display: flex; flex-wrap: wrap; gap: 20px 0; justify-content: space-between}
.get_goal .get_feature .feature_box{width:calc(50% - 6px)}
.get_feature .feature_box .feat_tit{margin-bottom: 11px; padding:0 20px 0 78px; color: #fff; position: relative; font-size: 1.067em; height: 80px; display: flex; align-items: center; box-sizing: border-box}
.feature_box .feat_tit::before{content: ''; position: absolute; width: 52px; height: 52px; border-radius: 52px; left: 13px; top: 15px}
.feature_box:nth-child(odd) .feat_tit{background: #8279d0; border-radius: 15px 0 0 0}
.feature_box:nth-child(odd) .feat_tit::before{background: url(../images/sub/icon_feature01.png) no-repeat center #fff}
.feature_box:nth-child(even) .feat_tit{background: #4ec7d4; border-radius: 0 15px 0 0}
.feature_box:nth-child(even) .feat_tit::before{background: url(../images/sub/icon_feature02.png) no-repeat center #fff}
.feature_box .feat_txt{border: 1px solid #dedede; padding: 15px 22px; font-family: NSQ; height: calc(100% - 90px); box-sizing: border-box}
.feature_box .feat_txt > p{font-size: 0.933em; line-height: 2; padding-left: 15px; background: url(../images/sub/icon_feature_txt.jpg) left 0.58em no-repeat}
.feature_box:nth-child(odd) .feat_txt{border-radius: 0 0 0 15px}
.feature_box:nth-child(even) .feat_txt{border-radius: 0 0 15px 0}

/* 교훈교가상징 */
.get_symsong .symsong_textbox{margin: 40px 0 20px}
.get_symsong .get_precept{padding: 15px 0 65px; background: url(../images/sub/bg_precept02.png) no-repeat center bottom 12px}
.get_precept .precept_list{background: url(../images/sub/bg_precept.jpg) no-repeat  center; width: 443px; margin: 0 auto; display: flex; justify-content: center; align-items: center; height: 189px}
.get_precept .precept_list > li{font-size: 1.6em; font-family: GMS; font-weight: 500; color: #202020; position: relative}
.get_precept .precept_list > li + li{padding-left: 80px}
.get_precept .precept_list > li + li::before{content: ''; position: absolute; width: 20px; height: 20px; background: url(../images/sub/icon_precept.png) no-repeat center; left: 30px}
.get_symsong .symbol_box{display: flex; padding: 10px 0 15px; gap: 24px}
.get_symsong .symbol_box .dot_textbox{flex:1; padding: 30px 0 0}
.symbol_box .sym_img{margin: 0 20px}
.symbol_box .sym_img img{border-radius: 15px; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.15); font-size: 0}
.symbol_box .sym_tit{text-align: center; color: #252525; font-size: 1.2em; font-weight: 600; margin: 10px 0 15px}
.symbol_box .sym_txt{background: #ddd; text-align: center; line-height: 46px; color: #fff; border-radius: 0 0 13px 13px}
.symbol_box .sym_txt > p{font-size: 1.067em; font-weight: 600}
.dot_textbox.blue .sym_txt{background: #4a99e8}
.dot_textbox.pink .sym_txt{background: #f98ab4}
.dot_textbox.green .sym_txt{background: #a7c725}
.get_symsong .song_box{display: flex; background: url(../images/sub/bg_song.jpg) no-repeat right bottom; margin-top: 15px}
.get_symsong .song_box .song_lt{background: #f4f4f4; box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15); padding: 18px}
.get_symsong .song_box .song_rt{margin-left: 30px; flex: 1}
.song_rt .song_btnbox{background: #6e9be9; border: 1px solid #6e9be9; border-radius: 5px; position: relative; padding-left: 22px; height: 58px}
.song_rt .song_btnbox > p{line-height: 58px; font-size: 1.2em; color: #fff; font-family: GMS; font-weight: 500}
.song_btnbox .btns_list{position: absolute; top: 1px; right: 1px; display: flex}
.song_btnbox .btns_list > li{border-left: 1px solid rgba(255,255,255,0.3)}
.song_btnbox .btns_list > li > a{width: 56px; height: 56px; display: flex; align-items: center; justify-content: center}
.song_btnbox .btns_list > li > a.on{background: #fff}
.song_btnbox .btns_list > li:last-child > a{border-radius: 0 3px 3px 0}
#schSong{display:none}
.lyrics_box .lyrics_cont{margin-top: 35px}
.lyrics_cont .lyrics_tit{border-bottom: 1px solid #d3d3d3; padding-bottom: 14px; position: relative}
.lyrics_cont .lyrics_tit::after{content: ''; position: absolute; left: 0; width: 64px; bottom: -1px; height: 4px; background: #2c8bc9}
.lyrics_cont .lyrics_tit > p{color: #737373; font-size: 1.2em; font-family: GMS; font-weight: 500; width: 64px; text-align: center}
.lyrics_cont:last-child .lyrics_tit > p{font-size: 1.333em}
.lyrics_cont .lyrics_tit > p > span{font-size: 1.556em; font-weight: 600}
.lyrics_cont .lyrics_tit .col_b{color: #2c8bc9}
.lyrics_cont .lyrics_txt{padding: 22px 14px 0}
.lyrics_cont .lyrics_txt > p{font-size: 1.067em; line-height: 1.875}

/* 교육과정/장학혜택 */
.get_educorse .educorse_tab{border: 1px solid #dcdcdc; display: flex; margin: 15px 0 40px}
.get_educorse .educorse_tab > a{width: 33.33%; position: relative; text-align: center; line-height: 44px; font-size: 1.067em; border: 2px solid transparent; box-sizing: border-box; transition: .2s}
.get_educorse .educorse_tab > a + a::before{content: ''; width: 1px; height: calc(100% - 18px); position: absolute; top: 9px; background: #dcdcdc; left: -2px; z-index: -1}
.get_educorse .educorse_tab .edu_tab01:hover, .get_educorse .educorse_tab .edu_tab01.on{border: 2px solid #2bbad8; color: #2bbad8}
.get_educorse .educorse_tab .edu_tab02:hover, .get_educorse .educorse_tab .edu_tab02.on{border: 2px solid #2292d0; color: #2292d0}
.get_educorse .educorse_tab .edu_tab03:hover, .get_educorse .educorse_tab .edu_tab03.on{border: 2px solid #5656c3; color: #5656c3}
.get_educorse .educorse_tab > a:hover::before{content: none}
.get_educorse .educorse_tab > a:hover + a::before{content: none !important}
.get_educorse .edu_cont_st{padding-bottom: 30px}
.get_educorse .sub_tit5 .get_table_border{margin-top: 12px}

/* 학교 연혁 */
.get_history .his_tit_wrap{margin-top: 68px; background: url(../images/sub/bg_history01.jpg) no-repeat right bottom; padding: 36px 0 100px 42px; position: relative}
.get_history .his_tit_wrap::after{content: ''; position: absolute; width: 550px; height: 285px; background: url(../images/sub/bg_history02.png) no-repeat; right: 0; bottom: 0}
.his_tit_wrap .his_subtit{font-size: 0; width: 483px; height: 53px; background: url(../images/sub/tit_history_01.png) no-repeat}
.his_tit_wrap .his_tit{font-size: 0; width: 266px; height: 53px; background: url(../images/sub/tit_history_02.png) no-repeat}
.get_history .history_cont_box{position: relative}
.history_cont_box .histab{width: calc(50% - 33px); line-height: 64px; background: #fff; position: absolute; top: -64px; text-align: center; font-size: 1.2em; font-family: NSQ; border-bottom: 1px solid #dedede; transition: .2s}
.history_cont_box .histab::before, .history_cont_box .histab::after{transition: .2s}
.history_cont_box .histab.on{color: #3d3db9}
.history_cont_box .histab.on::before, .history_cont_box .histab.on::after{content: ''; position: absolute}
.history_cont_box .histab.on::before{width: 12px; height: 12px; border-radius: 12px; background: #b5d534; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); left: calc(50% - 6px); top: -6px}
.history_cont_box .histab.on::after{width: 100%; height: 3px; background: #5656c3; left: 0; bottom: -1px}
.history_cont_box .his_cont01 .histab{left: 33px; border-top-left-radius: 30px}
.history_cont_box .his_cont02 .histab{right: 33px; border-top-right-radius: 30px}
.history_cont_box .his_cont01::before{content: ''; position: absolute; left: calc(50% - 1px); top: 0; width: 2px; height: 28px; background: #d6d6d6; top: -45px; z-index: 1}
.history_cont_box .his_cont .his_yearlist{width: 100%; background: #fff; transition: .2s; display: none}
.history_cont_box .his_cont.on .his_yearlist{display: block}
.his_cont .his_yearlist::before{content: ''; position: absolute; width: 3px; height: calc(100% - 33px); background: #ededed; z-index: 0; left: 81px}
.his_cont .his_yearlist{padding: 33px 35px 80px; border-bottom: 1px solid #dadada; box-sizing: border-box}
.his_cont .his_yearlist > li{padding: 36px 0 0 170px; position: relative; min-height: 58px}
.his_cont .his_yearlist > li + li{margin-top: 10px}
.his_cont .his_yearlist > li .his_year{position: absolute; width: 94px; line-height: 94px; border-radius: 94px; text-align: center; background: #ebebeb; left: 0; top: 0; font-size: 1.333em; font-weight: 700; font-family: GMS; color: #7a7a7a}
.his_yearlist .his_year::before, .his_yearlist .his_year::after{content: ''; position: absolute}
.his_yearlist .his_year::before{width: 46px; height: 3px; background: #dadada; top: 45px; right: -46px}
.his_yearlist .his_year::after{width: 9px; height: 9px; border-radius: 9px; background: #7a7a7a; top: 42px; right: -60px}
.his_yearlist .his_datelist > li{line-height: 1.46; font-family: NSQ; padding-left: 124px; position: relative}
.his_yearlist .his_datelist > li .date{width: 124px; font-weight: 600; color: #7a7a7a; display: inline-block; position: absolute; left: 0}
.his_yearlist .his_datelist > li + li{margin-top: 10px}
.his_yearlist > li:first-child .his_year{background: #5656c3; color: #fff}
.his_yearlist > li:first-child .his_year::after{background: #5656c3}
.his_yearlist > li:first-child .his_datelist > li .date{color: #5656c3}

/* 학교 현황 */
.get_history .get_alarm_box{text-align: right; margin-bottom: 20px}
.get_history .get_alarm_box::before{content: ''; display: block; height: 6px; border-radius: 3px; background: #f0f0f0}
.get_history .get_alarm_box .get_alarm{display: inline-block; line-height: 52px; background: url(../images/sub/icon_history.png)no-repeat 16px center #5656c3; border-radius: 0 0 10px 10px; padding: 0 48px; width: 218px; text-align: left; color: #fff; font-size: 1.2em; font-weight: 600; position: relative; transition: .2s; box-sizing: border-box; font-family: PTD}
.get_history .get_alarm_box .get_alarm > span{position: absolute; width: 32px; line-height: 28px; border-radius: 32px; background: #fff; text-align: center; color: #000; font-weight: 600; right: 10px; top: 10px; height: 32px}
.get_history .get_alarm_box .get_alarm:hover{background-color: #27277c}
.get_history .table_rtop_txt{text-align: right; font-size: 0.933em; line-height: 1; margin: -33px 0 19px 0}
.get_history .get_table_border + .sub_tit5{margin-top: 20px}

/* 학교규칙 */
.get_rule .rule_datebox{border: 1px solid #d3d3d3; border-radius: 30px 0 0 0; position: relative; overflow: hidden; margin-bottom: 30px}
.get_rule .rule_datebox .rule_date_tit{width: 263px; box-sizing: border-box; padding-left: 56px; background: url(../images/sub/icon_rule.png) no-repeat 28px center #1cb0cb; color: #fff; border-radius: 0 0 30px 0; line-height: 47px; font-size: 1.133em; font-weight: 600}
.get_rule .rule_datebox .rule_date_tit::before{content: ''; position: absolute; width: 100%; height: 27px; z-index: -1; background: #f5f5f5; left: 0; top: 0}
.get_rule .rule_datebox .rule_datelist{padding: 18px 25px; display: flex; flex-wrap: wrap; gap: 12px 0}
.rule_datebox .rule_datelist > li{width: 20%; line-height: 1; padding-left: 13px; position: relative; box-sizing: border-box; font-size: 0.933em}
.rule_datebox .rule_datelist > li::before{content: ''; position: absolute; left: 0; width: 6px; height: 6px; border-radius: 6px; background: #49576f; top: 0.31em}
.get_rule h4{margin: 20px 0 18px; padding: 20px 0; border-bottom: 1px solid #ababab; font-size: 1.467em}
.get_rule h4 > span{color: #1cb0cb; position: relative}
.get_rule h4 > span::before{content: ''; width: 100%; height: 3px; left: 0; top: -16px; background: #1cb0cb; position: absolute}
.get_rule h5{background: #c4e7ed; padding: 0 20px; line-height: 35px; border-radius: 0 15px 0 0; width: fit-content; color: #323232; margin:18px 0}
.get_rule > p, .get_rule > ul, .get_rule > ol{margin: 20px 0 0 20px}
.get_rule > p{font-weight: 500; color: #121212}
.get_rule > ol > li, .get_rule > ul > li{padding-left: 16px; text-indent: -16px; line-height: 1.3; color: #121212; font-weight: 500}
.get_rule > ol li + li, .get_rule > ul li + li{margin-top: 8px}
.get_rule > ol > li > ol, .get_rule > ul > li > ul{background: #fff; border: 1px solid #d3d3d3;
box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.05); margin: 10px 0 15px -16px; padding: 15px 15px 15px 35px}
.get_rule > ol > li > ol li, .get_rule > ul > li > ul li{font-weight: 400}

/* 운영위원회 규정 */
.get_rule.rule02 .rule_datebox .rule_date_tit{background-color: #5656c3}
.get_rule.rule02 h4 > span{color: #5656c3}
.get_rule.rule02  h4 > span::before{background: #5656c3}
.get_rule.rule02 h5{background: #e3e3fe}


/* 오시는 길 */
.get_map .get_map_cont{position: relative}
.get_map .get_map_cont::after{content: ''; display: block; padding-bottom: 45%; width: 100%}
.get_map .get_map_cont .root_daum_roughmap{position: absolute; width: 100%; height: 100% !important; border-bottom: 1px solid rgba(0, 0, 0, 0.15)}
.get_map .get_map_cont .root_daum_roughmap .wrap_map{height: 100% !important}
.get_map .get_address_box{margin: 22px 0 36px; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.15); border: 1px solid #adadad}
.get_map .get_address_box .add_top{background: #efefef; padding: 14px 18px; box-sizing: border-box; min-height: 70px; position: relative; display: flex; align-items: center}
.get_address_box .add_top .add_tit{background: #fff; text-align: center; width: 116px;  border-radius: 5px; height: 43px; margin-right: 15px}
.get_address_box .add_top .add_tit > span{display: inline-block; padding-left: 24px; background: url(../images/sub/icon_map01.png) no-repeat left center; line-height: 48px; font-family: GMS; font-size: 1.2em; font-weight: 500}
.get_address_box .add_top .add_address{font-size: 1.133em}
.get_address_box .add_bot{padding: 22px 42px; position: relative}
.get_address_box .add_bot .go_kakao{position: absolute; width: 102px; border-radius: 10px; background: #f8de01; text-align: center; padding: 18px 10px; box-sizing: border-box; right: 22px; top: calc(50% - 45px); transition: .2s}
.get_address_box .add_bot .go_kakao:hover{box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25); transform: translate(-1px, -1px)}
.get_address_box .add_bot .go_kakao:active{box-shadow: 0; transform: translate(0)}
.get_address_box .add_bot .go_kakao:hover > span{font-weight: 600}
.add_bot .go_kakao > span{display: inline-block; padding-top: 34px; background: url(../images/sub/icon_map01.png) no-repeat center top; color: #000; font-size: 1.133em; transition: .2s}
.add_bot .add_bot_cont{display: flex}
.add_bot .add_bot_cont + .add_bot_cont{margin-top: 15px}
.add_bot .add_bot_cont .add_box_tit{width: 90px; margin-right: 20px; font-size: 1.067em; font-weight: 600; position: relative}
.add_bot .add_bot_cont .add_box_tit::after{content: ''; width: 1px; height: 15px; background: #ddd; position: absolute; right: 0; top: 2px}
.add_bot .add_bot_cont > ul{display: flex; align-items: center}
.add_bot .add_bot_cont > ul > li{min-width: 178px}
.add_bot .add_bot_cont > ul > li > span{display: inline-block; width: 43px; line-height: 17px; font-size: 0.867em; background: #49576f; border-radius: 4px; text-align: center; color: #fff; margin-right: 7px}
.add_bot .add_bot_cont > ul > li:nth-child(2) > span{background: #6a8da2}
.get_map .get_bus_box{position: relative; padding: 24px 20px 24px 145px; border-top: 1px solid #6e95ed; background: url(../images/sub/bg_map.png) repeat-x left bottom}
.get_map .get_bus_box .get_bus_tit{position: absolute; left: 0; top: 0; width: 121px; text-align: center; border-radius: 0 0 60px 60px; padding: 18px 0; background: #6e95ed}
.get_bus_box .get_bus_tit > span{display: inline-block; padding-top: 60px; background: url(../images/sub/icon_map02.png) no-repeat center top; width: 100%; color: #fff; font-family: GMS; font-size: 1.2em; font-weight: 500}
.get_bus_box .get_bus_list > li + li{margin-top: 9px}
.get_bus_box .get_bus_list > li > span{display: inline-block; width: 43px; line-height: 19px; font-size: 0.867em; background: #999; border-radius: 4px; text-align: center; color: #fff; margin-right: 9px; font-weight: 600; vertical-align: top}
.get_bus_box .get_bus_list .cor_b{background: #7182f5}
.get_bus_box .get_bus_list .cor_r{background: #f86e55}
.get_bus_box .get_bus_list .cor_g{background: #5fb73c}
.get_bus_box .get_bus_list .cor_g2{background: #26b859}

/* 최근교육성과 */
.get_result .recent_box{position: relative; margin: 52px 0 50px}
.get_result .recent_box::after{content: ''; position: absolute; width: 392px; height: 281px; background: url(../images/sub/bg_recent01.png) no-repeat; right: -10px; top: 4px}
.get_result .recent_box .recent_tit{font-family: GMS; font-size: 1.867em; font-weight: 600; line-height: 1.38; padding-left: 58px; background: url(../images/sub/icon_recent_tit.jpg) no-repeat 5px top; margin-bottom: 30px}
.recent_box .recent_list{background: url(../images/sub/bg_recent_list.png) no-repeat right bottom #f4f4f4; width: 76%; padding: 48px 43px; box-sizing: border-box; min-height: 237px; font-family:NSQ}
.recent_box .recent_list > li{font-size: 1.067em; color: #252525; line-height: 19px; padding-left: 34px; background: url(../images/sub/icon_recent_list.png) no-repeat; word-break:keep-all}
.recent_box .recent_list > li + li{margin-top: 21px}
.recent_box .recent_list > li .bold{font-size: 1.063em; font-weight: 700}

.get_result .getjob_box .getjob_tit_box{position: relative; height: 173px; display: flex; align-items: center; justify-content: center; background: url(../images/sub/bg_getjob02.png) no-repeat center #000; border-top-right-radius: 80px}
.getjob_box .getjob_tit_box::after{content: ''; position: absolute; width: 177px; height: 132px; right: 14px; bottom: -25px; background: url(../images/sub/bg_getjob01.png) no-repeat}
.getjob_box .getjob_tit_box .getjob_tit{color: #fff; font-family: GMS; font-size: 1.867em; text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4); font-weight: 600; line-height: 1.2; text-align: center}
.getjob_box .getjob_list_box{display: flex; justify-content: space-between; margin-top: 25px; gap: 25px}
.getjob_box .getjob_list_box .getjob_li{flex: 1; border: 1px solid #d7d7d7; border-radius: 10px; overflow: hidden}
.getjob_list_box .getjob_li .getjob_li_tit{line-height: 61px; height: 57px; padding: 0 20px; text-align: center; font-size: 1.2em; font-family: GMS; font-weight: 500; color: #fff}
.getjob_list_box .getjob_li:nth-child(1) .getjob_li_tit{background: #5656c3}
.getjob_list_box .getjob_li:nth-child(2) .getjob_li_tit{background: #4a82e3}
.getjob_list_box .getjob_li:nth-child(3) .getjob_li_tit{background: #49576f}
.getjob_list_box .getjob_li > ul{padding: 22px 20px}
.getjob_list_box .getjob_li > ul > li{position: relative; padding-left: 14px; line-height: 1.1}
.getjob_list_box .getjob_li > ul > li::before{content: ''; position: absolute; width: 5px; height: 5px; border-radius: 5px; background: #989898; left: 0; top: 0.45em}
.getjob_list_box .getjob_li > ul > li + li{margin-top: 10px}

/* 학과소개-전기 */
.get_depart .depart_top{border-top-right-radius: 80px; padding: 67px 0 105px 70px; background: url(../images/sub/bg_depart01.png) no-repeat right center #000; position: relative; z-index: -1}
.get_depart .depart_top::before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(15deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); left: 0; top: 0; z-index: -1} 
.depart_top .de_top_tit{font-family: GMS; font-size: 2.533em; font-weight: 600; color: #fff; position: relative; display: inline-block; margin-bottom: 30px; line-height: 1}
.depart_top .de_top_tit::after{content: ''; position: absolute; width: 10px; height: 10px; border-radius: 10px; background: #58c3e1; right: -13px; top: -12px}
.depart_top .de_top_txt{color: #fff; text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.8); font-size: 1.267em; font-family: NSQ; line-height: 1.4; font-weight: 400; padding-left: 21px; position: relative; border-left: 1px solid #fff} 
.depart_top .de_top_txt .bold{font-weight: 700}
.depart_top .de_top_txt::before{content: ''; position: absolute; width: 5px; height: 1.5em; background: #58c3e1; left: -1px}
.get_depart .cover_txt_box{margin: -56px 30px 0; background: #fff; padding: 20px 25px; border-radius: 30px 30px 0 0}
.get_depart .box_list > li{position: relative; padding: 6px 0 0 148px; font-size: 1.067em; min-height: 32px; box-sizing: border-box; word-break: keep-all}
.get_depart .box_list > li + li{margin-top: 12px}
.get_depart .box_list .box_li{position: absolute; width: 106px; padding: 0 10px; line-height: 1.8; border-radius: 20px; background: #58c3e1; color: #fff; font-size: 1.133em; left: 0; top: 0; text-align: center; font-weight: 600; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1)}
.get_depart .cover_txt_box .g_txtbox{background: #f1f1f1; border-radius: 10px; padding: 20px; margin-top: 20px}
.get_depart .cover_txt_box .g_txtbox .bold{color: #111; font-weight: 700}
.cover_txt_box .g_txtbox > li{font-size: 0.938em}
.cover_txt_box .g_txtbox > li + li{margin-top: 10px}
.get_depart .depart_cont{border-top: 1px solid #b3b3b3; margin-top: 5px; padding-top: 40px}
.depart01 .dot_textbox{border-color: #58c3e1}
.depart01 .dot_textbox .dot_tit::before, .depart01 .dot_textbox .dot_tit::after{background: #58c3e1}
.depart01 .dot_textbox .dot_tit > span{color: #58c3e1}
.basics_font .dot_textbox .dot_txt{font-size: 1.067em; font-weight: 500; padding: 20px 0 30px; text-align: center; line-height: 1.5}
.basics_font .dot_textbox .dot_txt .bold{font-weight: 700; color: #000}
.depart_cont .dot_textbox + .dot_textbox{margin-top: 45px}

/* 학과소개-전자통신과 */
.get_depart.depart02 .depart_top{background: url(../images/sub/bg_depart02_24.png) no-repeat top center #000}
.depart02 .depart_top .de_top_tit::after{background: #3576e4}
.depart02 .depart_top .de_top_txt::before{background: #3576e4}
.get_depart.depart02 .box_list .box_li{background: #3576e4}
.depart02 .dot_textbox{border-color: #3576e4}
.depart02 .dot_textbox .dot_tit::before, .depart02 .dot_textbox .dot_tit::after{background: #3576e4}
.depart02 .dot_textbox .dot_tit > span{color: #3576e4}

/* 학과소개-전자통신과 */
.get_depart.depart03 .depart_top{background: url(../images/sub/bg_depart03_24.png) no-repeat top center #000}
.depart03 .depart_top .de_top_tit::after{background: #35c8a7}
.depart03 .depart_top .de_top_txt::before{background: #35c8a7}
.get_depart.depart03 .box_list .box_li{background: #35c8a7}
.depart03 .dot_textbox{border-color: #35c8a7}
.depart03 .dot_textbox .dot_tit::before, .depart03 .dot_textbox .dot_tit::after{background: #35c8a7}
.depart03 .dot_textbox .dot_tit > span{color: #35c8a7}

/* 학과소개-디자인과 */
.get_depart.depart04 .depart_top{background: url(../images/sub/bg_depart04_24.png) no-repeat top center #000}
.depart04 .depart_top .de_top_tit::after{background: #8dc557}
.depart04 .depart_top .de_top_txt::before{background: #8dc557}
.get_depart.depart04 .box_list .box_li{background: #8dc557}
.depart04 .dot_textbox{border-color: #8dc557}
.depart04 .dot_textbox .dot_tit::before, .depart04 .dot_textbox .dot_tit::after{background: #8dc557}
.depart04 .dot_textbox .dot_tit > span{color: #8dc557}

/* 학과소개-자동차과 */
.get_depart.depart05 .depart_top{background: url(../images/sub/bg_depart05.png) no-repeat right bottom #000}
.depart05 .depart_top .de_top_tit::after{background: #ec6f82}
.depart05 .depart_top .de_top_txt::before{background: #ec6f82}
.get_depart.depart05 .box_list .box_li{background: #ec6f82}
.depart05 .dot_textbox{border-color: #ec6f82}
.depart05 .dot_textbox .dot_tit::before, .depart05 .dot_textbox .dot_tit::after{background: #ec6f82}
.depart05 .dot_textbox .dot_tit > span{color: #ec6f82}

/* 학과소개-로봇자동화과 */
.get_depart.depart06 .depart_top{background: url(../images/sub/bg_depart06_24.png) no-repeat top center #000}
.depart06 .depart_top .de_top_tit::after{background: #8760e5}
.depart06 .depart_top .de_top_txt::before{background: #8760e5}
.get_depart.depart06 .box_list .box_li{background: #8760e5}
.depart06 .dot_textbox{border-color: #8760e5}
.depart06 .dot_textbox .dot_tit::before, .depart06 .dot_textbox .dot_tit::after{background: #8760e5}
.depart06 .dot_textbox .dot_tit > span{color: #8760e5}

/* 취업사이트 */
.get_employ .employ_box{display: flex; flex-wrap: wrap; justify-content: space-between}
.get_employ .employ_box .employ_cont{width: calc(50% - 12px); border: 1px solid #5656c3; background: #f1f1ff; padding: 25px; box-sizing: border-box; position: relative; z-index: 1}
.employ_box .employ_cont::before{content: ''; position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); background: #fff; z-index: -1; left: 10px; top: 10px}
.employ_cont .em_top{border-bottom: 1px dashed #cbcbcb; padding: 10px; height: 70px}
.employ_cont .em_top > img{max-width: 100%}
.employ_cont .em_bot{padding: 25px 0 10px 15px}
.employ_cont .em_bot > p{font-size: 1.067em}
.employ_cont .em_bot .em_link{text-align: right; margin-top: 30px}
.employ_cont .em_bot .em_link > a{display: inline-block; padding: 0 20px; line-height: 48px; max-width: 172px; width: 50%; background: url(../images/sub/icon_arrow.png) no-repeat right 15px center #5656c3; text-align: left; color: #fff; transition: .2s; box-sizing: border-box}
.employ_cont .em_bot .em_link > a:hover{background-color: #3f3f9f}
.get_employ .employ_box .employ_cont:nth-of-type(even){background: #eff4fc; border-color: #6094ef}
.employ_cont:nth-of-type(even) .em_bot .em_link > a{background: url(../images/sub/icon_arrow.png) no-repeat right 15px center #6094ef}
.employ_cont:nth-of-type(even) .em_bot .em_link > a:hover{background-color: #486fb3}

/* 입학안내 */
.get_admission .col_sb{color: #7edfff}
.get_admission .sub_tit4{margin: 12px 0 10px}
.get_admission .admi_top_wrap{margin-bottom: 40px; border-bottom: 1px solid #9b9b9b; position: relative}
.get_admission .admi_top_wrap::after{content: ''; position: absolute; width: 180px; height: 143px; background: url(../images/sub/img_admission.png) no-repeat; bottom: 0; right: 0}
.admi_top_wrap .admi_tit_box{background: url(../images/sub/bg_admission.png) no-repeat center bottom #000; border-top-right-radius: 80px; padding: 68px 0 0; height: 202px; box-sizing: border-box}
.admi_top_wrap .admi_tit_box > p{font-family: GMS; text-align: center; font-weight: 600; font-size: 1.467em; line-height: 1; text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4)}
.admi_top_wrap .admi_tit_box .admi_tit{font-size: 1.867em; color: #fff; font-weight: 600; margin-bottom: 12px; line-height: 1.1}
.admi_top_wrap .admi_btn_list{display: flex; justify-content: center; gap: 20px; margin: 18px 0; font-family: NSQ}
.admi_top_wrap .admi_btn_list > li{position: relative; flex: 1; max-width: 290px}
.admi_top_wrap .admi_btn_list .admi_btn{display: block; background: url(../images/sub/icon_btn_down.png) no-repeat right 15px center #5656c3; line-height: 57px; border-radius: 10px; color: #fff; font-size: 1.067em; font-weight: 600; box-sizing: border-box; padding: 0 40px 0 23px; transition: .2s}
.admi_top_wrap .admi_btn_list > li:nth-child(2) .admi_btn{background-color: #1cb0cb}
.admi_top_wrap .admi_btn_list .admi_btn:hover{background-color: #2d2d94}
.admi_top_wrap .admi_btn_list > li:nth-child(2) .admi_btn:hover, .admi_top_wrap .admi_btn_list > li:nth-child(2).on .admi_btn{background-color: #148497}
.admi_top_wrap .admi_btn_list > li:nth-child(2):hover .admi_btn{border-radius: 10px 10px 0 0}
.admi_btn_list .admi_btn_sub{position: absolute; background: #fff; width: 100%; border: 2px solid #1cb0cb; box-sizing: border-box; padding: 0 11px; display: none; z-index: 1}
.admi_btn_list .admi_btn_sub > li > a{display: block; line-height: 38px; padding: 0 8px; transition: .2s; font-size: 0.933em}
.admi_btn_list .admi_btn_sub > li > a:hover{color: #04a0bd; font-weight: 600}
.admi_btn_list .admi_btn_sub > li + li > a{background: url(../images/sub/bg_map.png) repeat-x left top}
.basics_font .get_borderbox{border: 3px solid #eee; padding: 20px; margin: 15px 0}
.basics_font .get_borderbox > p + p{margin-top: 10px; line-height: 1.2}
.basics_font .ad_txt{margin: 15px 0 15px 10px; padding-left: 18px; background: url(../images/sub/icon_ad_txt.png) no-repeat left 0.2em; line-height: 1.2}
.basics_font .ad_txt .black{color: #000; font-weight: 600}
.get_admission .gray_txtbox{background: #f8f8f8; padding: 25px 28px; margin-bottom: 30px}
.get_admission .gray_txtbox > ul > li{font-size: 1.067em; line-height: 1.75; color: #1f1f1f}
.get_admission .white_txtbox{background: #fff; padding: 15px; margin-bottom: 20px; box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.05); margin: 10px 0 20px}
.get_admission .white_txtbox > ul + p{margin-top: 10px}
.get_admission .gray_txtbox .dot_list > li{font-size: 0.938em}
.get_admission .gray_txtbox .dot_list ul{padding-top: 6px}
.get_admission .gray_txtbox .dot_list ul li + li{margin-top: 7px}
.get_admission .gray_txtbox .dot_list ul p{line-height: 1.4}
.get_admission .gray_txtbox .dot_list ul p + p{margin-top: 5px}
.basics_font .ex_txtbox{background: #fff; border: 1px solid #d3d3d3; box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.05); padding: 20px; margin-bottom: 25px}
.ex_txtbox .ex_list > li{font-size: 0.938em; line-height: 1.4}
.ex_txtbox .ex_list > li + li{margin-top: 10px}
.ex_txtbox .ex_list .ex_box{background: #5656c3; display: inline-block; border-radius: 5px; padding: 0 9px; color: #fff; margin-right: 8px}
.get_admission .get_table_border{margin: 5px 0 10px}
.get_admission .dot_textbox{margin-top: 45px}
.get_admission .ad_icon_list{margin: 20px 20px 35px}
.get_admission .ad_icon_list > li{line-height: 1.2; font-size: 1.067em; min-height: 20px}
.get_admission .ad_icon_list > li + li{margin-top: 16px}
.get_admission .ad_icon_list .ic_tit{padding-left: 30px; width: 118px; display: inline-block; margin-right: 20px; position: relative; font-weight: 600; color: #222}
.get_admission .ad_icon_list .ic_tit::after{content: ''; position: absolute; width: 1px; height: 15px; background: #c2c2c2; right: 0; top: calc(50% - 7px)}
.get_admission .ad_icon_list .ic_tit.ic01{background: url(../images/sub/icon_ad_info01.png) no-repeat left center}
.get_admission .ad_icon_list .ic_tit.ic02{background: url(../images/sub/icon_ad_info02.png) no-repeat left center}
.get_admission .ad_icon_list .ic_tit.ic03{background: url(../images/sub/icon_ad_info03.png) no-repeat left center}
.get_admission .ad_icon_list .ic_tit.ic04{background: url(../images/sub/icon_ad_info04.png) no-repeat left center}
.get_admission .ad_num_list{display: flex; flex-wrap: wrap; gap: 14px 20px; margin: 25px 15px 35px}
.get_admission .ad_num_list > li{width: calc(50% - 10px); border-radius: 5px; background: #fff; box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1); box-sizing: border-box; display: flex; height: 52px; overflow: hidden; align-items: center}
.ad_num_list > li .ad_num_box{width: 50%; height: 100%; max-width: 148px; background: #999; text-align: center; display: flex; align-items: center; justify-content: center; margin-right: 24px; color: #fff; font-size: 1.133em; font-weight: 600}
.ad_num_list > li:nth-child(1) .ad_num_box{background: #30b1d5}
.ad_num_list > li:nth-child(2) .ad_num_box{background: #6699ef}
.ad_num_list > li:nth-child(3) .ad_num_box{background: #25caa5}
.ad_num_list > li:nth-child(4) .ad_num_box{background: #9bce69}
.ad_num_list > li:nth-child(5) .ad_num_box{background: #fc8a9c}
.ad_num_list > li:nth-child(6) .ad_num_box{background: #9d7af4}
.ad_num_list > li .ad_num{padding-left: 25px; background: url(../images/sub/icon_ad_info02.png) no-repeat left center}

/* 취업약정사업 */
.get_business .col_r{color: #ff2e2e}
.get_business .busi_top_box{background: url(../images/sub/bg_business.png) no-repeat center bottom #000; border-top-right-radius: 80px; height: 174px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; margin-bottom: 25px}
.get_business .busi_top_box .busi_tit{font-family: GMS; text-align: center; font-weight: 600; font-size: 1.867em; line-height: 1.25; text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4); color: #fff; position: relative; z-index: 1; padding-top: 10px}
.busi_top_box .busi_tit::before{content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 30%; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; filter: blur(20px)}
.get_business .busi_step_box{position: relative; padding: 30px 0; height: 209px; margin-top: 15px}
.get_business .busi_step_box .busi_step{width: 23.8%; position: absolute; display: flex; align-items: center; justify-content: center; height: 209px; background: url(../images/sub/bg_busi_step01.png) no-repeat center; box-sizing: border-box; padding-right: 30px}
.busi_step_box .busi_step:nth-child(1){z-index: 4}
.busi_step_box .busi_step:nth-child(2){background: url(../images/sub/bg_busi_step02.png) no-repeat center; left: calc(23.8% - 40px); z-index: 3}
.busi_step_box .busi_step:nth-child(3){background: url(../images/sub/bg_busi_step03.png) no-repeat center; left: calc(47.6% - 80px); z-index: 2}
.busi_step_box .busi_step:nth-child(4){background: url(../images/sub/bg_busi_step04.png) no-repeat center; left: calc(71.4% - 120px); z-index: 1}
.busi_step_box .busi_step:nth-child(5){background: url(../images/sub/bg_busi_step05.png) no-repeat center; right: 0; padding-right: 0; padding-left: 30px}
.busi_step_box .busi_step .step_num{position: absolute; width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 50px; font-weight: 700; font-size: 1.333em; background: #82c542; top: -25px; left: calc(50% - 40px); color: #fff}
.busi_step_box .busi_step:nth-child(2) .step_num{background: #41c299}
.busi_step_box .busi_step:nth-child(3) .step_num{background: #1fbfb8}
.busi_step_box .busi_step:nth-child(4) .step_num{background: #1999d5}
.busi_step_box .busi_step:nth-child(5) .step_num{background: #6e67ce; left: calc(50% - 12px)}
.busi_step_box .busi_step .step_txt{font-size: 1.067em; line-height: 1.375; text-align: center; color: #222}
.get_business.busi01 .get_table_border{margin: 25px 0}
.get_business .boxtit_st{padding: 2px 0 0 42px; position: relative; margin:20px 0; font-size: 1.2em}
.get_business .boxtit_st .boxtit_box{position: absolute; border-radius: 5px; background: #49576f; padding: 2px 4px; left: 8px; color: #fff; top: 0}
.get_business .course_wrap{display: flex}
.get_business .course_wrap .cou_box_tit{line-height: 46px; text-align: center; background: #437ad7; color: #fff; font-weight: 600; font-size: 1.133em}
.course_wrap .cou_list_box{border-radius: 15px; border: 1px solid #ddd; margin-right: 25px; width: 345px; overflow: hidden}
.course_wrap .cou_list_box .dot_list{padding: 25px}
.course_wrap .cou_block_box{width: calc(100% - 370px); border-radius: 15px; border: 1px solid #ddd; overflow: hidden}
.course_wrap .cou_block_box .cou_block_list{display: flex; flex-wrap: wrap; height: calc(100% - 46px)}
.cou_block_box .cou_block_list > li{width: 33.33%; box-sizing: border-box; padding: 0 48px 0 22px; border-right: 1px dashed #d3d3d3; background: url(../images/sub/icon_cou_block.jpg) no-repeat right 15px center; border-bottom: 1px dashed #d3d3d3; display: flex; align-items: center}
.cou_block_box .cou_block_list > li:nth-last-child(-n+3){border-bottom: 0}
.cou_block_box .cou_block_list > li:nth-child(3), .cou_block_box .cou_block_list > li:nth-child(6){border-right: 0}
.cou_block_box .cou_block_list > li.mb_none{display: none}
.get_business .cou_block_box .cou_box_tit{background: #49576f}
.get_business .dot_textbox{margin-top: 60px}
.get_business .dot_textbox .busi_icon_box{padding: 20px 20px 30px 116px; background: url(../images/sub/icon_busi_icon_box.png) no-repeat 10px 20px}
.get_business .dot_textbox .busi_photo_box{display: flex; padding: 35px 0 40px; justify-content: center; gap: 2px; background: url(../images/sub/bg_busi_icon_box.png) repeat-x left top}

/* 직업교육 거점학교 */
.get_business.busi02 .busi_top_box{background: url(../images/sub/bg_business02.png) no-repeat center bottom #000}
.get_business.busi02 .busi_top_box .busi_tit{padding-left: 96px; text-align: left}
.busi02 .busi_top_box .busi_tit::after{content: ''; position: absolute; background: url(../images/sub/img_busi_tit01.png) no-repeat; width: 78px; height: 78px; left: 0; top: 0}
.get_business .dot_boxs_wrap{display: flex; gap: 18px; padding: 20px 0 }
.get_business .dot_boxs_wrap .dot_textbox{flex: 1; padding: 25px 15px 15px}
.dot_textbox .num_dot_tit{position: absolute; width: 92px; height: 92px; border-radius: 92px; background: #999; color: #fff; left: calc(50% - 46px); top: -69px; text-align: center; line-height: 48px; font-size: 1.333em; font-weight: 700; font-family: NSQ}
.dot_textbox .num_dot_tit::after{content: ''; width: 100%; height: 46px; bottom: 0; background: #fff; position: absolute; left: 0}
.dot_textbox.blue .num_dot_tit{background: #4a99e8}
.dot_textbox.purple .num_dot_tit{background: #ad63e7}
.dot_textbox .color_bg_box{background: #f1f1f1; border-radius: 15px; padding: 20px; box-sizing: border-box; height: 100%}
.dot_textbox.blue .color_bg_box{background: #f1f7fd}
.dot_textbox.purple .color_bg_box{background: #f9f3fd}

/* 학생회소개 */
.get_student .student_chart{padding: 35px 0; font-size: 1.133em}
.student_chart .exe_tit{font-family: GMS; font-weight: 500; font-size: 1.059em}
.student_chart .stu_chart01 .stu_exe_01{height: 175px; background: url(../images/sub/bg_student01.png) no-repeat center; text-align: center; padding-top: 57px; box-sizing: border-box; font-weight: 600; position: relative}
.student_chart .stu_chart01 .stu_exe_01::after{content: ''; width: 93px; height: 93px; background: url(../images/sub/bg_student02.png) #fff; left: calc(50% - 46px); bottom: -120px; position: absolute; z-index: 1}
.stu_chart01 .stu_exe_01 .exe_tit{background: #5656c3; text-align: center; color: #fff; display: block; width: 111px; line-height: 38px; height: 35px; margin: 0 auto; border-radius: 35px; margin-bottom: 14px}
.student_chart .stu_chart02{height: 134px; padding-top: 33px; position: relative}
.student_chart .stu_chart02::before, .student_chart .stu_chart02::after{content: ''; position: absolute;  background: #d0d0d0; z-index: -1}
.student_chart .stu_chart02::before{height: 100%; width: 1px; left: 50%; top: 0}
.student_chart .stu_chart02::after{width: 80%; height: 1px; top: 75px; left: 10%}
.stu_chart02 .stu_exe_02{position: absolute; border: 1px solid #ccc; overflow: hidden; width: 30%; max-width: 290px; background: #fff; text-align: center}
.stu_chart02 .stu_exe_02 .exe_tit{background: #1cb0cb; line-height: 42px; color: #fff}
.stu_chart02 .stu_exe_02 .exe_txt{padding: 20px; font-weight: 600}
.stu_chart02 .stu_exe_02:first-child{right: calc(50% + 130px); border-radius: 10px 0 0 10px}
.stu_chart02 .stu_exe_02:last-child{left: calc(50% + 130px); border-radius: 0 10px 10px 0}
.stu_chart02 .stu_exe_02:last-child .exe_tit{background: #41c299}
.student_chart .stu_chart03{background: #fff; position: relative; display: flex; gap: 15px}
.student_chart .stu_chart03::before{content: ''; width: calc(100% - 318px); left: 159px; height: 1px; background: #d0d0d0; top: 0; position: absolute}
.student_chart .stu_chart03 .stu_exe_03{flex: 1; padding-top: 28px; position: relative; text-align: center}
.stu_chart03 .stu_exe_03::before{content: ''; position: absolute; width: 1px; height: 28px; left: 50%; top: 0; background: #d1d1d1}
.stu_chart03 .stu_exe_03 .exe_tit{display: block; height: 42px; line-height: 44px; background: #6c96e7; color: #fff}
.stu_chart03 .stu_exe_03:nth-child(even) .exe_tit{background: #275ebd}
.stu_chart03 .stu_exe_03 > ul{border: 1px solid #d1d1d1; margin-top: 5px; border-radius: 0 0 5px 5px}
.stu_chart03 .stu_exe_03 > ul > li{line-height: 40px; height: 40px; font-size: 0.882em}
.stu_chart03 .stu_exe_03 > ul > li + li{border-top: 1px dashed #d3d3d3}

/* 배구부소개 */
.get_volley .volley_tit_box{margin-top: 15px; padding-top: 45px; position: relative; z-index: -1}
.get_volley .volley_tit_box::after{content: ''; position: absolute; width: 410px; height: 195px; background: url(../images/sub/bg_volley.jpg) no-repeat; top: 0; right: 32px; border-radius: 30px 30px 30px 0 }
.get_volley .volley_tit_box .volley_tit{font-size: 2.133em; font-family: GMS; padding-left: 70px; background: url(../images/sub/icon_volley.jpg) no-repeat 6px center; font-weight: 600; line-height: 57px; margin-bottom: 40px}
.volley_tit_box .volley_tit > span{font-weight: inherit}
.volley_tit_box .volley_history{background: #f4f4f4; padding: 25px 40px 70px}
.volley_tit_box .volley_history .history_p{font-size: 1.2em; font-weight: 600; color: #000}
.volley_history .history_p > span{background: #5a5a5a; color: #fff; margin-right: 13px; display: inline-block; padding: 6px 15px; width: 67px; text-align: center; border-radius: 30px}
.get_volley .volley_award_box{margin-top: -46px}
.get_volley .volley_award_box .award_tit{margin: 0 33px; background: #fff; line-height: 85px; border-radius: 30px 30px 0 0; text-align: center; font-family: GMS; font-weight: 500; font-size: 1.467em; color: #000; position: relative}
.volley_award_box .award_tit::after{content: ''; position: absolute; width: 70px; height: 142px; background: url(../images/sub/img_volley.png) no-repeat; right: 29px; bottom: 0}
.volley_award_box .award_list{border-top: 1px solid #000}
.volley_award_box .award_list > li{padding: 25px 0 20px 180px; position: relative; background: url(../images/sub/bg_map.png) repeat-x left bottom; min-height: 27px}
.volley_award_box .award_list .award_year{position: absolute; width: 152px; text-align: center; line-height: 33px; border-radius: 0 15px 0 0; background: #959595; color: #fff; font-weight: 700; font-size: 1.267em; left: 0; top: 20px}
.volley_award_box .award_list > li:first-child .award_year{background: #4a82e3}
.get_volley .volley_depart{border-bottom: 1px solid #7b7b7b; position: relative; margin: 40px 0 35px}
.get_volley .volley_depart::after{content: ''; position: absolute; width: 87px; height: 137px; background: url(../images/sub/img_volley02.png) no-repeat; right: 10px; bottom: 0}
.get_volley .volley_depart .depart_tit{background: #49576f; border-radius: 10px; padding: 30px 0 0; color: #fff; padding-bottom: 65px; text-align: center; font-size: 1.467em; font-family: GMS; font-weight: 500}
.get_volley .volley_depart .depart_list{margin: -48px 33px 0; background: #fff; padding: 25px 0; border-radius: 30px 30px 0 0; display: flex; align-items: center; justify-content: center}
.volley_depart .depart_list > li{font-size: 1.067em; font-weight: 600; min-width: 160px; padding-left: 25px}
.volley_depart .depart_list > li > span{width: 85px; line-height: 29px; border-radius: 29px; background: #4a82e3; display: inline-block; margin-right: 12px; text-align: center; color: #fff}
.volley_depart .depart_list > li:nth-child(even) > span{background: #1cb0cb}
.volley_depart .depart_list > li + li{border-left: 1px solid #bdbdbd}

/* 교직원소개 */
.basics_font .tab_link_list{border: 1px solid #dcdcdc; display: flex; margin: 15px 0 40px}
.basics_font .tab_link_list > a{flex: 1; position: relative; text-align: center; line-height: 44px; font-size: 1.067em; border: 2px solid transparent; box-sizing: border-box; transition: .2s}
.basics_font .tab_link_list > a + a::before{content: ''; width: 1px; height: calc(100% - 18px); position: absolute; top: 9px; background: #dcdcdc; left: -2px; z-index: -1}
.get_teacher .teacher_box{padding-bottom: 20px}
.basics_font .tab_link_list > a:hover{background: #47479c; color: #fff; font-weight: 600}

/* 운영위원회 소개 */
.get_committee .dot_textbox{margin: 25px 0}
.get_committee .dot_textbox .dot_tit_list{padding: 20px 15px 30px}
.get_committee .dot_textbox .dot_tit_list > li{padding-left: 130px; position: relative; font-size: 1.067em; color: #252525}
.dot_textbox .dot_tit_list > li + li{margin-top: 15px}
.dot_textbox .dot_tit_list .dli_tit{position: absolute; top: 0; left: 0; padding-left: 16px; font-weight: 700; width: 92px; color: #000}
.dot_textbox .dot_tit_list .dli_tit::after{content: ''; width: 1px; height: 13px; background: #c2c2c2; position: absolute; right: 0; top: 0.15em}
.get_committee .dot_tit_list .dli_tit::before{content: ''; position: absolute; top: 0.45em; left: 0; width: 5px; height: 5px; border-radius: 5px; background: #5656c3}
.get_committee .ad_txt{font-size: 1.067em; margin-bottom: 25px}
.get_committee .ad_txt + .dot_textbox{margin-top: 40px}
.get_committee .get_borderbox{margin: 10px 0 20px}
.get_committee .get_table_border{margin: 10px 0}

/* 도제학교 */
.get_apprentice .apprentice_top{margin-bottom: 30px; background: #f8f8f8; padding: 12px; position: relative}
.get_apprentice .apprentice_top::before, .get_apprentice .apprentice_top::after{content: ''; position: absolute; width: 264px; height: 99px; background: url(../images/sub/bg_appr01.png) no-repeat}
.get_apprentice .apprentice_top::before{right: 0; top:0}
.get_apprentice .apprentice_top::after{left: 0; bottom: 0; transform: rotate(180deg)}
.get_apprentice .apprentice_top .appr_tit_box{padding: 59px 0 25px; background: linear-gradient(90deg, rgba(225,211,160,1) 0%, rgba(229,181,13,1) 100%); position: relative; z-index: 1; display: flex; justify-content: center; text-align: center; align-items: center}
.apprentice_top .appr_tit_box::before{content: ''; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; z-index: -1; background: url(../images/sub/bg_appr02.jpg) no-repeat center 12px #fff}
.apprentice_top .appr_tit_box > p{font-family: GMS; font-weight: 600; font-size: 1.867em; color: #1d1d1d; line-height: 1.2}
.apprentice_top .appr_tit_box .appr_tit_img{display: inline-block; width: 253px; height: 45px; background: url(../images/sub/img_appr_tit.jpg) no-repeat center; font-size: 0; margin: 0 0 12px 10px}
.get_apprentice .appr_photo_box{display: flex; flex-wrap: wrap; gap: 15px 0; justify-content: space-between}
.get_apprentice .appr_photo_box .appr_photo{width: calc(33.33% - 10px);  position: relative}
.appr_photo_box .appr_photo::after{content: ''; padding-bottom: 69%; display: block}
.appr_photo_box .appr_photo > img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.15); border-radius: 20px}
.get_apprentice .ad_txt{font-size: 1.067em; color: #222; line-height: 1.4}
.get_apprentice .col_r{color: #e84242; font-weight: 600}


/* 도제학교-운영 방식 */
.get_apprentice .appr_scroll_wrap{margin-bottom: 40px; position: relative}
.get_apprentice .scroll_txt{display: none; line-height: 22px; background: #e8e8e8; border-radius: 10px; text-align: center}
.get_apprentice .appr_scroll_wrap .appr_figure_box{padding-left: 231px; position: relative; min-height: 735px;  box-sizing: border-box}
.appr_figure_box .figure_tit_box{position: absolute; bottom: 0; left: 0; width: 215px}
.appr_figure_box .figure_tit_box > ul > li{border-radius: 10px; background: #49576f; color: #fff; display: flex; align-items: center; justify-content: center; height: 57px; font-size: 1.2em; font-weight: 600; flex-direction: column; line-height: 1.1}
.appr_figure_box .figure_tit_box > ul > li + li{margin-top: 12px}
.appr_figure_box .figure_tit_box > ul > li > span{display: block; font-weight: 400}
.appr_figure_box .figure_tit_box .list_head_li{background: transparent; position: relative; padding-left: 67px; height: auto}
.appr_figure_box .figure_tit_box .list_head_li > p{background: #49576f; border-radius: 10px 0 0 10px; width: 67px; position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; line-height: 1.2}
.figure_tit_box .list_head_li > ul{width: 149px; background: #fff}
.figure_tit_box .list_head_li > ul > li{background: pink; line-height: 57px; background: #8390a7; text-align: center; border-radius: 0 10px 10px 0}
.figure_tit_box .list_head_li > ul > li + li{margin-top: 10px}
.figure_cont_box .operate_top{padding: 20px 0 30px; background: url(../images/sub/bg_appr03.png) no-repeat center bottom}
.figure_cont_box .operate_top > ul{display: flex; justify-content: center; gap: 59px}
.figure_cont_box .operate_top > ul > li{flex: 1; background: #609aff; height: 69px; display: flex; align-items: center; justify-content: center; position: relative; font-family: GMS; color: #fff; font-size: 1.333em; font-weight: 500; text-align: center; border-radius: 10px}
.figure_cont_box .operate_top > ul > li:nth-child(2){background: #f8ae2f}
.figure_cont_box .operate_top > ul > li:nth-child(3){background: #5656c3}
.operate_top > ul > li .ope_arrow{position: absolute; font-size: 0.75em; background: url(../images/sub/appr_arrow01.png) no-repeat; width: 47px; line-height: 39px; right: -52px}
.figure_cont_box .operate_mid .mid_info{border: 2px solid #dbdbdf; border-radius: 10px; line-height: 69px; text-align: center; font-size: 1.2em; margin-bottom: 10px}
.operate_mid .mid_tit_box{display: flex; border-radius: 10px; overflow: hidden}
.operate_mid .mid_tit_box .mid_tit{background: #1f4ea0; color: #fff; font-size: 1.133em; line-height: 56px; text-align: center}
.operate_mid .mid_tit_box .mid_tit:first-child{width: 33.33%}
.operate_mid .mid_tit_box .mid_tit:last-child{width: 66.67%; background: #c64d4d}
.figure_cont_box .operate_bot{color: #222; text-align: center; font-weight: 500}
.figure_cont_box .operate_bot > ul > li{background: #fdefe4; position: relative; height: 57px; border-radius: 10px; margin-top: 11px; z-index: -1}
.figure_cont_box .operate_bot > ul > li::before, .figure_cont_box .operate_bot > ul > li::after{content: ''; position: absolute; width: 33.33%; height: 100%; top: 0; z-index: -1}
.figure_cont_box .operate_bot > ul > li::before{left: 0; background: #d8e6ff; border-radius: 10px 0 0 10px}
.figure_cont_box .operate_bot > ul > li::after{right: 0; background: #e9e9ff; border-radius: 0 10px 10px 0}
.figure_cont_box .operate_bot .ope_bot_tit{width: 1px; height: 1px; margin-left: -1px; overflow: hidden; position: absolute}
.figure_cont_box .operate_bot .txt_bold{text-align: center; line-height: 57px; font-size: 1.2em;  font-weight: 600}
.figure_cont_box .operate_bot .ope_bot_block{display: flex; justify-content: center; align-items: center; padding: 0 60px; height: 100%; font-size: 1.067em; gap: 34px}
.operate_bot .ope_bot_block .ope_arrow{width: 76px; height: 39px; background: url(../images/sub/appr_arrow02.png) no-repeat; color: #fff; line-height: 39px}
.operate_bot .ope_bot_block .ope_wblock{width: 111px; background: #fff; line-height: 22px; border-radius: 22px}
.operate_bot .ope_bot_block.block02{padding: 0}
.operate_bot .ope_bot_block.block02 > p:first-child{width: 33.33%}
.operate_bot .ope_bot_block.block02 > p:last-child{width: 66.67%}



/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
#subpage .basics_font {font-size: 1.000em/*기준폰트 13px*/}
    
/*pc,mobile과 sub pc에서만 나옴*/
#quickmenu {display:none; position: absolute; top:450px; right:10px; z-index:101}
#quickmenu .btn_top {display:block} 

.top_menu {top:17px}

/* sub_topmenu */
#footwrap {padding-bottom:90px}
.sub_topmenu {position:fixed; bottom:0; left:0; width:100%}
.sub_topmenu .sub_toptit {display:block; width:85px; height:20px; line-height:20px; background:#444; border-radius:0 10px 0 0; color:#fff; text-align: center; font-weight:400}
.sub_topmenu ul {background:#444}
.sub_topmenu ul {display:flex; justify-content: space-between}
.sub_topmenu ul li {display:flex; width:calc(100%/4); min-width:85px}
.sub_topmenu ul li a {position:relative; display:block; width:100%; line-height:130%; padding:8px 11px 8px 8px; color:#fff}
.sub_topmenu ul li a:after {content:""; display:block; position:absolute; top:50%; right:5px; width:7px; height:10px; margin-top:-5px; background:url(../images/sub/btn_subqmn_arr.png) no-repeat 50% 50%}
.sub_topmenu ul li:hover a {transition:.3s ease-in-out}

.sub_topmenu ul li.subqmn01 a {background:#182c5a}
.sub_topmenu ul li.subqmn02 a {background:#9e42dc}
.sub_topmenu ul li.subqmn03 a {background:#49576f}
.sub_topmenu ul li.subqmn04 a {background:#1cb0cb}

.sub_topmenu ul li.subqmn01:hover a {background:#06163b}
.sub_topmenu ul li.subqmn02:hover a {background:#7414b5}
.sub_topmenu ul li.subqmn03:hover a {background:#2e3d57}
.sub_topmenu ul li.subqmn04:hover a {background:#008ca5}

/* Visual*/
.subvisual .visual_wrap {position: relative;  margin: 0 auto}
.subvisual .visual_item {width:auto; height:160px; margin: 0 auto}
.subvisual .item1 a {height:159px}
.subvisual .item1{background:url(../images/sub/subv_m01.jpg) no-repeat center top}
.subvisual .item2{background:url(../images/sub/subv_m02.jpg) no-repeat center top}
.subvisual .item3{background:url(../images/sub/subv_m03.jpg) no-repeat center top}
.subvisual .item4{background:url(../images/sub/subv_m04.jpg) no-repeat center top}
.subvisual .item5{background:url(../images/sub/subv_m05.jpg) no-repeat center top}
.subvisual .item6{background:url(../images/sub/subv_m06.jpg) no-repeat center top}

.subvisual .btn_visual {display:none}
.subvisual .ctrl_wrap {display:none}
.subvisual .visual_item .v_depart {margin:0 0 0 -90px}
.subvisual .slick-prev {margin:0 0 0 -90px}
.subvisual .slick-next {margin:0 0 0 68px}
.subvisual .visual_item .v_txt {margin:-45px 0 0 -110px; width:220px; height:70px; background: url(../images/sub/subv_txt.png) no-repeat 50% 50%}
.subvisual .visual_item .v_txt img {display:none}

/* Layout */
#subright{position: relative}
#subright.nomargin {margin-top:0 !important}
#subtop{width:100%; height:auto; margin-bottom:20px}
#subtop h3{position: relative; height: auto; font-size:18px; font-weight:600; padding:66px 10px 17px; margin-bottom:17px}

#subpage {margin:10px 10px 50px}

/* subcontent */

/* MB guide */
#sub_guide {position: absolute; left: 0; top:0; width: 100%; z-index:15}
#sub_guide .guide_wrap {background:#3e3e3e; padding-left:38px}
#sub_guide .btn_home {display: block; position: absolute; left: 0; top: 0; padding:4px 2px 3px}
#sub_guide .btn_home a {display: block; width:34px; height:34px; line-height:34px; background:url(../images/sub/btn_home_m.png) no-repeat 50% 50% ; text-indent:-9999999px}
#sub_guide .btn_home span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
#sub_guide .navi_area>ul>li {position: relative; float: left; width: 33.3%;  background:url(../images/sub/bg_mb_arr.png) no-repeat right 10px center}
#sub_guide .navi_area>ul>li>a {display: block; height:42px; line-height: 42px; padding:0 25px 0 8px; font-weight: 500; border-left: 1px solid rgba(255,255,255,0.2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-family:NSQ}
#sub_guide .navi_area>ul>li:nth-child(2) > a {border-left: none}
#sub_guide .navi_area>ul>li.nav_home{display: none}
#sub_guide .submn {overflow: hidden; position: absolute; left: 0; top: 100%; width: 100%;  margin: 0 auto; background: #fff; border:2px solid #283c82; border-radius: 10px; box-sizing:border-box; z-index: 150; box-shadow:0 3px 8px rgba(0,0,0,0.2); font-family:NSQ}
#sub_guide .submn li {border-bottom: 1px dashed #ccc; z-index: 150}
#sub_guide .submn li:last-child{border:none}
#sub_guide .submn li a {display:block; line-height: 140%; color: #404040; font-weight: 500; padding:7px 10px; word-break: keep-all}
#sub_guide .submn li a:hover {color:#0079d9; border-radius:5px}

.subtop_area {display:none}

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

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

/****TIT****/
h4.sub_tit4 {padding:5px 0 5px 28px; font-size:1.308em}
h5.sub_tit5 {padding:0 0 0 25px; margin:6px 4px ; font-size:1.231em}

    
/* -------------------공통스타일 시작 -------------------*/
.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}
/* 저작권신고 */
.copyright .copy_img > p.copyimg_txt{max-width: 505px; height: 336px}
.copyright .copyimg01 > p.copyimg_txt{background-image: url(../images/sub/copy_img01_m.png)}
.copyright .copyimg02 > p.copyimg_txt{background-image: url(../images/sub/copy_img02_m.png)}
.copyright .copy_img > p.copyimg_txt span{top:282px; right:0; width: 100%; height:26px;}
.copyright .copy_img > p.copyimg_txt span br{display: none}
.copyright .comtop ul{background:none}
.copyright p.copy_info{text-align: left}
.copyright p.copy_info br{display: none} 
/* 비공개대상정보 */
.private_new .pri_top .pritxt {padding:8px}
/*공통_행정서비스헌장*/
.charter .comtop{margin: 70px 0 15px}
.charter .comtop br{display: none}

/* -------------------공통스타일 끝 -------------------*/

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


/* 교육목표 1024px */
.goal_cont::before{height: 67px; background-size: auto 51px}
.goal_cont .quotes_tit_box::after{margin-top: -38px}
.goal_cont .edu_goal_box{flex-wrap: wrap}
.goal_cont .edu_goal_box .edu_goal{width: 50%}
.edu_goal_box .edu_goal:nth-child(1), .edu_goal_box .edu_goal:nth-child(2){border-bottom: 1px solid #d1d1d1}
.edu_goal_box .edu_goal:nth-child(2){border-right: 0}

/* 교육목표-학교교육과정운영 */
.get_goal .get_curriculum{background: none; height: auto; padding: 11px 0; margin-bottom: 15px}
.get_curriculum .curri_tit{position: relative; left: unset; top: unset; background: linear-gradient(-45deg, rgba(0,64,158,1) 0%, rgba(74,130,227,1) 100%); width: 100%; line-height: 2.5; padding: 4px 20px 0; box-sizing: border-box; border-radius: 15px; text-align: left}
.get_curriculum .curri_tit::after{content: ''; position: absolute; right: 13px; width: 47px; height: 61px; background:  url(../images/sub/img_curri_tit.png) no-repeat; bottom: 0}
.get_curriculum .curri_list > li{position: static; margin-top: 16px}
.get_curriculum .curri_list .curi_tit{width: auto; height: 44px; line-height: 3; border: 3px solid #ddd; border-radius: 10px; box-shadow:  0px 2px 6px 0px rgba(0, 0, 0, 0.15); font-size: 1.231em}
.get_curriculum .curri_list > li:nth-child(1) .curi_tit{border-color: #d6e4ff}
.get_curriculum .curri_list > li:nth-child(2) .curi_tit{border-color: #bbeede}
.get_curriculum .curri_list > li:nth-child(3) .curi_tit{border-color: #cdf3ab}
.get_curriculum .curri_list > li:nth-child(4) .curi_tit{border-color: #ffe6b7}
.get_curriculum .curri_list > li:nth-child(5) .curi_tit{border-color: #e8d3fe}
.get_curriculum .curri_list .curi_txt{width: auto; left: unset !important; right: unset !important; top: unset !important; bottom: unset !important; position: relative; margin-top: 15px; height: auto; padding: 15px}
.get_curriculum .curri_list .curi_txt::before{top: -6px; bottom: unset; right: unset; left: calc(50% - 6px) !important}
.get_curriculum .curri_list .curi_txt::after{content: ''; position: absolute; width: 4px; height: 15px; background: #ddd; left: calc(50% - 2px); top: -15px; z-index: -1}

/* 교육목표-특색사업 1024px */
.get_goal .get_feature .feature_box{width: 100%}
.feature_box:nth-child(odd) .feat_tit, .feature_box:nth-child(even) .feat_tit{border-radius: 15px 15px 0 0}
.feature_box:nth-child(odd) .feat_txt, .feature_box:nth-child(even) .feat_txt{border-radius: 0 0 15px 15px}
.feature_box .feat_txt > p{font-size: 1em}

/* 교훈교가상징 1024px */
.get_symsong .get_precept{background-size: 90% auto}
.symbol_box .sym_img{text-align: center}
.symbol_box .sym_img img{width: 100%; max-width: 272px}
.get_symsong .song_box{justify-content: space-between; background: url(../images/sub/bg_song_m.png) no-repeat right 60px}
.get_symsong .song_box .song_lt{width: calc(100% - 330px)}
.get_symsong .song_box .song_lt{display: none}
.get_symsong .song_box .song_rt{width: 100%; margin-left: 0}
.song_rt .lyrics_box{margin-top: 55px}	

/* 최근교육성과 1024px */
.get_result .recent_box{margin: 20px 0 30px}
.get_result .recent_box::after{content: none}
.get_result .recent_box .recent_tit{margin-bottom: 15px}
.recent_box .recent_list{width: 100%; padding: 35px 25px; min-height: auto}
.getjob_box .getjob_list_box{gap: 15px}

/* 교육과정/장학혜택 1024px */
.get_educorse .edu_cont_st{padding-bottom: 15px}

/* 학교연혁현황 1024px */
.get_history .his_tit_wrap{padding: 26px 0 153px 0; background-position: center bottom; margin-top:15px}
.get_history .his_tit_wrap::after{width: 248px; height: 106px; background: url(../images/sub/bg_history02_m.png); left: calc(50% - 124px); bottom: 47px}
.his_tit_wrap .his_subtit, .his_tit_wrap .his_tit{width: 100%; background-position: center}
.his_cont .his_yearlist{padding: 23px 15px 70px}
.his_cont .his_yearlist::before{left: 62px; height: calc(100% - 24px)}
.get_history .table_rtop_txt{margin: 0 0 8px 0}

/* 학교규칙 1024px */
.rule_datebox .rule_datelist > li{width: 25%}
.get_rule h4{font-size: 1.24em; margin: 20px 0 12px; padding: 13px 0 15px}
.get_rule h5{margin: 12px 0; line-height: 30px; padding: 0 15px 0 10px}
.get_rule > p, .get_rule > ul, .get_rule > ol{margin: 12px 0 0 0}
.get_rule > ol > li > ol, .get_rule > ul > li > ul{margin: 5px 0 10px -16px; padding: 10px 10px 10px 25px}

/* 오시는 길 1024px */
.get_address_box .add_bot{padding: 15px}
.get_address_box .add_bot .go_kakao{position: static; display: block; width: auto; padding: 10px; margin-top: 15px}
.add_bot .go_kakao > span{padding: 0 0 0 24px; background-position: left center; line-height: 26px}

/* 학과소개-전기 1024px */
.get_depart .depart_top{padding: 45px 0 114px 20px;}
.basics_font.get_depart .depart_top{background-size:cover}
.depart_top .de_top_tit{margin-bottom: 10px; font-size: 2.308em; text-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3)}
.depart_top .de_top_tit::after{box-shadow: s0px 2px 7px 0px rgba(0, 0, 0, 0.3)}
.depart_top .de_top_txt{border-left: 0; padding-left: 0; padding-top: 20px; font-size: 1.154em}
.depart_top .de_top_txt::before{left: 0; width: 28px; height: 5px; top: 0}
.get_depart .cover_txt_box{margin: -77px 12px 0; border-radius: 15px 15px 0 0}
.get_depart .box_list > li{padding: 0}
.get_depart .box_list .box_li{position: static; display: block; width: auto; margin-bottom: 15px}
.basics_font .dot_list > li{line-height: 1.5}
.get_depart .depart_cont{padding-top: 30px}
.depart_cont .dot_textbox + .dot_textbox{margin-top: 30px}
.get_depart.depart03 .depart_top, .get_depart.depart04 .depart_top, .get_depart.depart06 .depart_top{background-position: center}


/* 취업사이트 1024px */
.employ_cont .em_top{height: 60px}
.get_employ .employ_box .employ_cont{width: calc(50% - 8px)}
.employ_cont .em_bot{padding: 25px 10px 0}
.employ_cont .em_bot .em_link > a{width: 100%; max-width: unset}

/* 입학안내 1024px */
.admi_top_wrap .admi_tit_box{padding: 40px 0 0}
.admi_top_wrap .admi_tit_box .admi_tit{line-height: 1.2}
.get_admission .admi_top_wrap::after{content: none}
.admi_top_wrap .admi_btn_list{display: block; padding: 0 14px}
.admi_top_wrap .admi_btn_list > li{max-width: unset}
.admi_top_wrap .admi_btn_list > li + li{margin-top: 10px}
.get_admission .ad_icon_list{margin: 5px 0 25px}
.get_admission .ad_icon_list .ic_tit{display: block; width: 100%; box-sizing: border-box; border-bottom: 1px solid #c2c2c2; padding: 7px 7px 7px 30px; margin-bottom: 8px}
.get_admission .ad_icon_list .ic_tit::after{content: none}
.get_admission .ad_num_list{margin: 20px 0 30px}
.get_admission .ad_num_list > li {display: block; text-align: center; height: auto}
.ad_num_list > li .ad_num_box{max-width: unset; width: 100%; height: auto; line-height: 29px}
.ad_num_list > li .ad_num{padding: 10px 0 10px 25px; display: inline-block}

/* 취업약정사업 1024px */
.get_business .busi_step_box{height: auto; margin-top: 0}
.get_business .busi_step_box .busi_step{background: #fff; width: 100%; height: auto; padding: 20px; border-radius: 10px 10px 10px 30px; border: 2px solid #82c542; position: relative}
.busi_step_box .busi_step + .busi_step{margin-top: 25px}
.busi_step_box .busi_step:nth-child(2){border-color: #41c299; left: 0}
.busi_step_box .busi_step:nth-child(3){border-color: #1fbfb8; left: 0}
.busi_step_box .busi_step:nth-child(4){border-color: #1999d5; left: 0}
.busi_step_box .busi_step:nth-child(5){border-color: #6e67ce; left: 0}
.busi_step_box .busi_step .step_num, .busi_step_box .busi_step:nth-child(5) .step_num{left: -2px; width: 38px; height: 38px; line-height: 38px; top: -17px}
.busi_step_box .busi_step:not(:last-child)::after{content: ''; position: absolute; width: 22px; height: 20px; background: url(../images/sub/bg_busistep_after01.png) no-repeat; bottom: -22px; left: calc(50% - 11px)}
.busi_step_box .busi_step:nth-child(2)::after{background: url(../images/sub/bg_busistep_after02.png) no-repeat}
.busi_step_box .busi_step:nth-child(3)::after{background: url(../images/sub/bg_busistep_after03.png) no-repeat}
.busi_step_box .busi_step:nth-child(4)::after{background: url(../images/sub/bg_busistep_after04.png) no-repeat}
.get_business .boxtit_st{padding-left: 38px; margin: 15px 0 10px}
.get_business .course_wrap{display: block}
.course_wrap .cou_list_box{width: 100%; margin-bottom: 15px}
.course_wrap .cou_block_box{width: 100%}
.course_wrap .cou_block_box .cou_block_list{display: block}
.cou_block_box .cou_block_list > li{width: 100%; border-right: 0; border-bottom: 0; line-height: 45px; padding-left: 15px; background-size: 22px auto}
.cou_block_box .cou_block_list > li + li{border-top: 1px dashed #d3d3d3}
.get_business .dot_textbox .busi_icon_box{padding: 0 0 15px 0; background: none}
.get_business .dot_textbox .busi_photo_box{display: none}

/* 직업교육 거점학교 1024px */
.get_business.busi02 .busi_top_box .busi_tit{padding:0 0 0 57px; margin-top: 10px}
.get_business.busi02 .busi_top_box .busi_tit > img{margin-left: -57px; width: 255px}
.busi02 .busi_top_box .busi_tit::after{width: 45px; height: 45px; background-size: 45px auto}
.get_business .dot_boxs_wrap{flex-direction: column; padding: 0 0 20px}
.get_business .dot_boxs_wrap .dot_textbox{padding: 35px 10px 10px}
.dot_textbox .num_dot_tit{width: 80px; height: 80px; line-height: 38px; top: -58px; left: calc(50% - 40px)}
.dot_boxs_wrap .dot_textbox .dot_tit{line-height: 1.2; padding-top: 4px}
.dot_boxs_wrap .dot_textbox .dot_tit::before, .dot_boxs_wrap .dot_textbox .dot_tit::after{top: calc(50% - 6px)}
.dot_textbox .color_bg_box{padding: 15px}

/* 학생회소개 1024px */
.student_chart .stu_chart03::before{width: calc(50% + 7px); left: calc(25% - 3px)}
.student_chart .stu_chart03{flex-wrap: wrap; gap:5px 0; justify-content: space-between; }
.student_chart .stu_chart03 .stu_exe_03{width: calc(50% - 8px); flex: unset; padding-top: 20px}
.stu_chart03 .stu_exe_03::before{height: 20px}
.stu_chart03 .stu_exe_03 > ul{height: calc(100% - 44px)}

/* 배구부소개 1024px */
.get_volley .volley_tit_box{padding-top: 0}
.get_volley .volley_tit_box::after{content: none}
.get_volley .volley_tit_box .volley_tit{margin-bottom: 25px; line-height: 36px; font-size: 2em; background-size: auto 36px; padding-left: 48px}
.volley_tit_box .volley_history{padding: 20px 20px 54px}
.get_volley .volley_award_box{margin-top: -36px}
.get_volley .volley_award_box .award_tit{border-radius: 15px 15px 0 0; margin: 0 20px; line-height: 68px}
.get_volley .volley_depart .depart_list{margin: -48px 12px 0}

/* 교직원소개1024px */
.get_teacher .tab_link_list{flex-wrap: wrap}
.get_teacher .tab_link_list > a{width: 33.33%; flex: unset; font-size: 1em}
.get_teacher .tab_link_list > a:nth-of-type(4)::before{content: none}
.get_teacher .tab_link_list > a:nth-child(n + 4){border-top: 1px solid #dcdcdc}

/* 운영위원회 소개 1024px */
.get_committee .dot_textbox .dot_tit_list{padding: 15px 0 20px}
.get_committee .dot_textbox .dot_tit_list > li{padding-left: 0}
.dot_textbox .dot_tit_list .dli_tit{position: static; display: block; width: auto; border-bottom: 1px solid #c2c2c2; padding-bottom: 5px; margin-bottom: 5px}
.dot_textbox .dot_tit_list .dli_tit::after{content: none}

/* 도제학교 1024px */
.get_apprentice .apprentice_top .appr_tit_box{display: block; padding: 55px 0 15px}
.apprentice_top .appr_tit_box > p{margin: 8px 0 0 0; font-size: 1.538em}
.apprentice_top .appr_tit_box .appr_tit_img{margin: 0}
/* 도제학교-운영 방식 1024px */
.get_apprentice .appr_scroll_wrap{overflow-x: auto}
.basics_font .scroll_txt{display: block}
.get_apprentice .appr_scroll_wrap .appr_figure_box{padding-left: 210px; min-height: auto; min-width: 840px}
.appr_figure_box .figure_tit_box > ul > li{font-size: 1.2em; height: 47px}
.figure_cont_box .operate_bot .txt_bold{line-height: 47px}
.figure_tit_box .list_head_li > ul > li{line-height: 47px}
.appr_figure_box .figure_tit_box{width: 195px}
.appr_figure_box .figure_tit_box .list_head_li{padding-left: 50px}
.appr_figure_box .figure_tit_box .list_head_li > p{width: 50px}
.figure_cont_box .operate_bot > ul > li{height: 47px; font-size: 0.923em}
.figure_cont_box .operate_bot .ope_bot_block{gap: 25px; padding: 0 30px}
.operate_bot .ope_bot_block .ope_arrow{height: 29px; background-size: auto 29px; line-height: 29px; width: 57px}

}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {
/* Layout */
#subcontainer{position: relative}
.subconwrap{position: relative}
.subconwrap:before {content:""; display: block; position:absolute; top:0; left:0; width:100%; height:122px; background: url(../images/sub/bg_subconbox.png) no-repeat 50% 0; z-index:1}
.subconbox {position:relative; max-width: 1300px; margin:-61px auto 0; background:url(../images/sub/bg_leftmn.gif) repeat-y 0 0}   

#sub_left {position: relative; display: block; float: left; padding-bottom:42px; margin-left:1px; z-index:1}
#subright {position: relative; float: right; width:990px; margin-left:50px; margin-top:61px; z-index:1}
#subpage{margin:20px 0 50px 0; font-family:PTD}

/* 상단 */
.sub_topmenu {position:absolute; bottom:0; right:302px; text-align:right}
.sub_topmenu h4 {display:none}
.sub_topmenu br {display:none}
.sub_topmenu span {display: inline-block}
.sub_topmenu ul {display:flex; justify-content: space-between}
.sub_topmenu ul li {margin-left:10px}
.sub_topmenu ul li a {display:block; min-width:234px; padding:16px 15px 15px 45px; font-size:1.154em; font-weight:500; color:#fff; border-radius:15px 15px 0 0; box-sizing: border-box; text-align:left}
.sub_topmenu ul li.subqmn01 a {background:rgba(255,255,255,0.3) url(../images/sub/btn_top_subqmn01.png) no-repeat 10px 50%}
.sub_topmenu ul li.subqmn02 a {background:rgba(255,255,255,0.15) url(../images/sub/btn_top_subqmn02.png) no-repeat 10px 50%}
.sub_topmenu ul li.subqmn01:hover a {background-color:rgba(255,255,255,0.6); transition:.3s ease-in-out}
.sub_topmenu ul li.subqmn02:hover a {background-color:rgba(255,255,255,0.4); transition:.3s ease-in-out}

/* Visual */
/*.subvisual{z-index:1}*/
.subvisual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.subvisual .visual_item {width:auto; height:222px}
.subvisual .visual_item > a{position: relative; display:block !important; height:221px}
.subvisual .visual_item > a:focus-visible{outline:2px solid #000}
.subvisual .item1{background:url(../images/sub/subv_pc01.jpg) no-repeat center top}
.subvisual .item2{background:url(../images/sub/subv_pc02.jpg) no-repeat center top}
.subvisual .item3{background:url(../images/sub/subv_pc03.jpg) no-repeat center top}
.subvisual .item4{background:url(../images/sub/subv_pc04.jpg) no-repeat center top}
.subvisual .item5{background:url(../images/sub/subv_pc05.jpg) no-repeat center top}
.subvisual .item6{background:url(../images/sub/subv_pc06.jpg) no-repeat center top}
.subvisual .visual_item .v_txt img {display: inline-block}
    
.subvisual .visual_item .v_txt  {position: absolute; left: 50%; top:55px; margin:0 0 0 40px; width:610px; display:inline-block; z-index:99}
.subvisual .visual_item .v_txt  .vtxt01 {opacity: 0; transform: translateX(-50%); animation: slogun1 8s infinite}
.subvisual .visual_item .v_txt  .vtxt02 {opacity: 0; transform: translateX(50%); animation: slogun2 8s infinite}


/* Subleft */
.left_tit{position: relative; width:258px; height:92px; margin:32px auto 12px; text-align: center; color:#fff}
.left_tit:before {content:""; display: block; position:absolute; bottom:-12px; left:-1px; width:260px; height:14px; background:#fff}
.left_tit h2 {padding:5px 0; font-size:30px; font-weight:600; text-align: center}
.left_tit .schtxt {height:20px; line-height:20px; text-align: center; font-size: 14px; font-weight: 300; color:rgba(255,255,255,0.5)}
.leftmn{position: relative; width:258px; margin:0 auto; box-sizing: border-box; border-top:1px solid #dcdcdc}
.leftmn ul > li {border-bottom:1px solid #dcdcdc}
.leftmn ul > li > a {display: block; line-height: 140%;padding:18px 40px 18px 15px; background:#fff url(../images/sub/blt_submenu_off.png) no-repeat right 15px top 50%; font-size: 1.231em; font-weight:600; color: #000; transition: all .3s; word-break:keep-all}
.leftmn ul > li:last-child a{margin-bottom: 0}
.leftmn ul > li > a:hover, .leftmn .leftmenuover > a {background:#5656c3 url(../images/sub/blt_submenu_on.png) no-repeat right 15px top 50%; color:#fff; font-weight: 500; text-decoration:none; border-color:#549efe}
/*MN third*/
.leftmn .third{position: relative; padding:9px 16px; background: #fbfbfb; box-sizing: border-box; border-top:1px solid #dcdcdc}
.leftmn .third li {border-bottom:1px dashed #d9d9d9}
.leftmn .third li:last-child{border-bottom:none}
.leftmn .third li a {display: block; line-height: 140%; padding:7px; margin-bottom: 0; border:none; font-size:1.077em; font-weight: 400; color:#1d1d1d; background:none; background-position:right -10px top 50%}
.leftmn .third li:hover a, .leftmn .third .on a, .leftmn .third .third_on a {background:url(../images/sub/blt_thirdmn_on.png) no-repeat right 10px top 50%; color:#5656c3; font-weight: 500}

/*Subtop TIT */
#subtop {margin-bottom:20px}
#subtop h3 {padding:92px 0 20px; width: auto; margin-bottom:35px; font-size:2em}

/* PC guide*/
#sub_guide {width:100%; z-index: 10}
#sub_guide .guide_wrap {position: absolute; top:0; left:0}
#sub_guide:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
#sub_guide .navi_area{height:60px; line-height:60px}
#sub_guide .navi_area li {display: inline-block; width:auto !important; font-weight:300}
#sub_guide .navi_area li a { display: block;padding:0 5px 0 20px; line-height: 19px; background: url(../images/sub/nav_arr.png) 0 50% no-repeat; color:#000}
#sub_guide .navi_area li:first-child a {background: none; padding-left: 0}
#sub_guide .navi_area li.m_menu {display: none}
#sub_guide .navi_area li.page_on{ font-weight:400}
#sub_guide .navi_area > ul > li.nav_home a{width: 20px; padding:0 2px 0 0; height: 19px}

/* subtop_area */
.subtop_area {display: block; position:absolute; top:0; right:0; width:232px; box-sizing: border-box}
.subtop_area dl.font {overflow:hidden; float: left; box-sizing: border-box}
.subtop_area dl.font > dt {width:0; height:0; font-size:0; text-indent:-9999px}
.subtop_area dl.font > dd {float: left; width:58px; border-left:1px solid #d3d3d3; box-sizing: border-box}
.subtop_area dl.font > dd a {display: block; height:60px; line-height:60px; margin:0 auto; text-align: center}
.subtop_area dl.font > dd a span {display:block}
.subtop_area img {vertical-align: middle}
.subtop_area .btn_print {float:left}
.subtop_area .btn_print a {display:block; width:58px; height:60px; line-height:60px; text-align: center; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; box-sizing: border-box}
    

/******************************서브컨텐츠 영역**************************************/
    
/*PC에서 필요 없을때 선언*/
.pc_none{display: none}
}

/* LOWSET FIX */
/*프린트관련*/
.printBG #subright{margin-top:0}
.printBG #wrap .basics_font{font-size:15px}
.printBG #subright .tabnavi01, .printBG #subright .tabnavi02, .printBG #quick02, .printBG .subvisual, .printBG .header_wrap, .printBG #sub_guide , .printBG .subtop_area, .printBG #footwrap {display:none}
.printBG #subtop{margin: 20px 0}
.printBG #subtop h3{padding:10px 0 13px}
.printBG .pc_none{display:none;}

@media print {
.printBG #subright{-webkit-print-color-adjust:exact}
.printBG .subtop_btn{display:none}
}

/********* TABLET LAYOUT[중간사이즈 조정관련] *********/
@media only screen and (min-width:1025px) and (max-width:1870px) {
/*Mainheader */
.header_top .qmenu .qmu_popup{display: none}
}
/********* //TABLET LAYOUT[중간사이즈 조정관련] *********/

@media only screen and (max-width:1200px) {
.copyright .copy_img > p.copyimg_txt{background-size: contain;}
}

@media only screen and (max-width:750px) {
  .dot_textbox{padding: 20px 15px 0}
  .basics_font .ex_txtbox{padding: 12px; margin-bottom: 15px}
  .get_table_border.table_scroll .scroll_txt{display: block}

  /* 서브컨텐츠 페이지 타이틀 */
  .quotes_tit_box .quotes_tit{font-size: 1.538em; padding: 6px 26px}

  /* 학교장 인사말 750px */
  #subpage .get_greet{padding-top: 106px; background-size: 100% auto}
  .get_greet .greet_top{margin: 0 10px; border-radius: 20px; padding: 62px 20px 20px; background-size: 39px auto; background-position: center 15px}
  .get_greet .greet_top > p{font-size: 1.538em}
  .get_greet .greet_cont{padding: 22px 0; text-align: center}
  .get_greet .greet_cont > p{line-height: 1.5}
  .get_greet .greet_cont > p + p{margin-top: 20px}
  .get_greet .greet_bot{text-align: center}
  .get_greet .greet_bot .end_greet{font-size: 1.231em}
  
  /* 교육목표 750px */
  .goal_cont .quotes_tit_box .quotes_tit{padding: 6px 26px}
  .goal_cont .quotes_tit_box::after{width: calc(100% - 54px)}
  .get_goal .get_vision{padding-bottom: 23px}
  .get_goal .get_vision .vision_top{height: 35px}
  .get_goal .get_vision > p{margin-top: 4px}
  .goal_top .goal_top_tit{font-size: 1.231em}
  .get_goal .get_edu_goal{margin-bottom: 28px}
  .goal_cont .edu_goal_box{display: block}
  .goal_cont .edu_goal_box .edu_goal{width: 100%; border-right: 0; min-height: auto}
  .edu_goal_box .edu_goal:nth-child(3){border-bottom: 1px solid #d1d1d1}

  /* 교훈교가상징 750px */
  .get_symsong .symsong_textbox{margin: 35px 0 20px}
  .get_symsong .get_precept{background: none; padding: 5px 0 18px}
  .get_precept .precept_list{background: none; width: auto; display: block; height: auto}
  .get_precept .precept_list > li{border: 3px solid #49c0d5; text-align: center; height: 37px; border-radius: 43px; line-height: 41px}
  .get_precept .precept_list > li + li{padding-left: 0; margin-top: 27px}
  .get_precept .precept_list > li + li::before{width: 12px; height: 12px; background-size: 12px auto; left: calc(50% - 6px); top: -22px}
  .get_precept .precept_list > li:nth-child(2){border-color: #6e9be9}
  .get_precept .precept_list > li:nth-child(3){border-color: #7878cf}
  .get_symsong .symbol_box{flex-direction: column}
  .get_symsong .symbol_box .dot_textbox{padding: 20px 0 0}
  .symbol_box .sym_tit{margin: 5px 0 10px}
  .symbol_box .sym_txt{line-height: 41px}
  .song_rt .song_btnbox{height: 48px}
  .song_rt .song_btnbox > p{line-height: 52px}
  .song_btnbox .btns_list > li > a{height: 46px}
  .lyrics_box .lyrics_cont{margin-top: 25px}
  .lyrics_cont .lyrics_txt{padding: 12px 14px 0}

  /* 최근교육성과 750px */
  .get_result .recent_box .recent_tit{padding-left: 42px; background-size: 35px auto; background-position: left top}
  .recent_box .recent_list{padding: 22px 15px; background: #f4f4f4}
  .recent_box .recent_list > li + li{margin-top: 15px}
  .get_result .getjob_box .getjob_tit_box{height: 148px; display: block; border-top-right-radius: 50px; background-size: auto 148px; background-position: 10% center}
  .getjob_box .getjob_tit_box::after{height: 90px; background-size: auto 90px; background-position: right bottom}
  .getjob_box .getjob_tit_box .getjob_tit{padding-top: 36px}
  .getjob_box .getjob_list_box{flex-direction: column}
  .getjob_list_box .getjob_li .getjob_li_tit{font-size: 1.231em; line-height: 50px; height: 46px}
  .getjob_list_box .getjob_li > ul{padding: 20px 18px}

  /* 학교연혁 750px */
  .his_tit_wrap .his_subtit, .his_tit_wrap .his_tit{background-size: auto 40px; height: 40px}
  .history_cont_box .histab{line-height: 47px; top: -47px; width: calc(50% - 12px)}
  .history_cont_box .his_cont01 .histab{left: 12px}
  .history_cont_box .his_cont02 .histab{right: 12px}
  .his_cont .his_yearlist{padding: 23px 0 10px}
  .his_cont .his_yearlist > li{padding: 0}
  .his_cont .his_yearlist > li .his_year{position: static; width: 100%; line-height: 38px; border-radius: 5px 19px 19px 0}
  .his_cont .his_yearlist::before{left: 7px}
  .his_cont .his_yearlist .his_datelist{padding: 15px 10px 10px 36px}
  .his_yearlist .his_year::before, .his_yearlist .his_year::after{content: none}
  .his_yearlist .his_datelist > li::before, .his_yearlist .his_datelist > li::after{content: ''; position: absolute}
  .his_yearlist .his_datelist > li::before{width: 10px; height: 3px; background: #ededed; top: 8px; left: -27px}
  .his_yearlist .his_datelist > li::after{width: 9px; height: 9px; border-radius: 9px; background: #7a7a7a; top: 5px; left: -15px}
  .his_cont .his_yearlist > li:first-child .his_datelist > li::after{background: #3d3db9}
  .his_yearlist .his_datelist > li{padding-left: 0}
  .his_yearlist .his_datelist > li .date{position: static; display: block}

  /* 학교 현황 750px */
  .get_history .get_alarm_box .get_alarm{line-height: 43px; width: calc(100% - 20px); display: block; margin: 0 auto; padding: 0 38px; background-position: 10px center}
  .get_history .get_alarm_box .get_alarm > span{top: 8px; width: 27px; height: 27px; line-height: 22px}

  /* 학교규칙 750px */
  .get_rule .rule_datebox .rule_datelist{padding: 15px}
  .rule_datebox .rule_datelist > li{width: 33.33%}

  /* 오시는 길 750px */
  .get_map .get_map_cont::after{content: none}
  .get_map .get_map_cont .root_daum_roughmap{position: static; height: 320px !important}
  .get_map .get_address_box{margin: 24px 0}
  .get_map .get_address_box .add_top{display: block; padding: 10px}
  .get_address_box .add_top .add_tit{width: 100%; margin-right: 0; height: 30px}
  .get_address_box .add_top .add_tit > span{line-height: 35px; font-size: 1.133em}
  .get_address_box .add_top .add_address{text-align: center; padding: 14px 0 5px}
  .add_bot .add_bot_cont .add_box_tit{width: 60px; margin-right: 13px}
  .add_bot .add_bot_cont > ul{display: block}
  .get_map .get_bus_box{padding: 60px 15px 20px}
  .get_map .get_bus_box .get_bus_tit{top: 0; width: 100%; padding: 0; border-radius: 0 0 30px 30px}
  .get_bus_box .get_bus_tit > span{padding: 0 0 0 36px; line-height: 43px; background-position: left center; width: auto; background-size: auto 26px}

  /* 학과소개-전기 750px */
  .get_depart .cover_txt_box{padding: 15px 12px}
  .basics_font .dot_textbox .dot_txt{padding: 15px 0 25px}

  /* 취업사이트 750px */
  .get_employ .employ_box{display: block}
  .get_employ .employ_box .employ_cont{width: 100%; padding: 20px}
  .get_employ .employ_box .employ_cont + .employ_cont{margin-top: 15px}
  .employ_cont .em_top > img{max-height: 50px}
  .employ_cont .em_bot .em_link{margin-top: 15px}
  .employ_cont .em_bot .em_link > a{padding: 0 15px; line-height: 37px}

  /* 입학안내 750px */
  .admi_top_wrap .admi_tit_box > p{font-size: 1.385em; line-height: 1.2}
  .get_admission .ad_num_list{display: block}
  .get_admission .ad_num_list{margin: 15px 0 25px}
  .get_admission .ad_num_list > li{width: 100%; margin-top: 12px}
  .get_admission .gray_txtbox{padding: 15px 18px}
  .get_admission .white_txtbox{padding: 8px 12px}
  .basics_font .get_borderbox{padding: 15px}

  /* 취업약정사업 750px */
  .get_business .busi_top_box{border-top-right-radius: 50px; height: 151px; background-size: cover; margin-bottom: 15px}
  .get_business .mab_40.mar_15{margin: 15px 0}
  .course_wrap .cou_list_box .dot_list{padding: 16px}
  .get_business.busi01 .get_table_border{margin: 15px 0 20px}

  /* 학생회소개 750px */
  .student_chart .stu_chart01 .stu_exe_01::after{content: none}
  .student_chart .stu_chart02{padding-top: 20px; height: 126px}
  .stu_chart02 .stu_exe_02{width: calc(50% - 10px); max-width: unset}
  .stu_chart02 .stu_exe_02:first-child{left: 0; right: unset}
  .stu_chart02 .stu_exe_02:last-child{right: 0; left: unset}

  /* 배구부소개 750px */
  .volley_award_box .award_list > li{padding: 20px 0}
  .volley_award_box .award_list .award_year{position: static; margin-bottom: 15px}
  .volley_depart .depart_list > li {text-align: center; padding-left: 0}
  .volley_depart .depart_list > li > span{margin-right: 0; display: block; margin: 0 auto 10px}
  
  /* 도제학교 750px */
  .apprentice_top .appr_tit_box .appr_tit_img{margin: 0; height: 30px; display: block;  background-size: auto 30px; width: auto}
  .get_apprentice .appr_photo_box{gap: 10px 0}
  .get_apprentice .appr_photo_box .appr_photo{width: calc(50% - 5px)}

}

@media only screen and (max-width:710px) {
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기*/	
/*.table_scroll::before {content: "SCROLL →"; display: block; padding: 4px; font-weight: 500; text-align: right; color: #ff5b40; font-weight:bold}*/
/****공통 Table****/
.table_scroll{overflow-x: auto; position: relative}
.table_scroll > table {min-width:710px}
.comtable .table_scroll table tbody th{background: #fff}
}

@media only screen and (max-width:660px) {
	/*공통_저작권신고*/
	.copyright .copy_img > p.copyijh_txt{width: 309px; height: 221px}
	.copyright .copyimg01>p.copyijh_txt{background:url(../images/sub/copy_img01_m.gif) center left no-repeat}
	.copyright .copyimg02>p.copyijh_txt{background:url(../images/sub/copy_img02_m.gif) center left no-repeat}
	.copyright .copy_img>p.copyijh_txt span{top:180px;  right:0; width:309px; height:26px; padding: 12px 0 0; font-size: 14px}
	.copyright .copy_img>p.copyijh_txt span br{display: none}
}


@media only screen and (max-width:550px) {
	/**** 저작권신고 -  550px ****/
	.copyright .copy_img > p.copyimg_txt{background-position: center; height: 436px;}
	.copyright .copyimg01 > p.copyimg_txt{background-image: url(../images/sub/copy_img01_m2.png)}
	.copyright .copyimg02 > p.copyimg_txt{background-image: url(../images/sub/copy_img02_m2.png)}
	.copyright .copy_img > p.copyimg_txt span{top: unset; bottom: 13px; font-size: 15px;}

	/* 학교장 인사말 550px */
	#subpage .get_greet{background-size: auto 152px}

	/* 학교연혁현황 550px */
	.his_tit_wrap .his_subtit, .his_tit_wrap .his_tit{background-size: auto 33px; height: 33px}

	/* 배구부소개 550px */
	.get_volley .volley_tit_box .volley_tit{margin-bottom: 15px}
	.volley_award_box .award_tit::after, .get_volley .volley_depart::after{content: none}
	.volley_history .history_p > span{padding: 3px 16px}
	.get_volley .volley_depart{margin: 30px 0 25px}
	.get_volley .volley_depart .depart_tit{padding: 20px 0 60px}
	.get_volley .volley_depart .depart_list{border-radius: 15px 15px 0 0; padding: 13px 0}
	.volley_depart .depart_list > li > span{line-height: 24px; width: 72px}

	/* 학교규칙 550px */
	.rule_datebox .rule_datelist > li{width: 50%}
}

@media only screen and (max-width:500px) {
  /* 취업사이트 500px */
  .employ_cont .em_bot{padding: 15px 0 0}
}

@media only screen and (max-width:400px) {
  /* 학교규칙 400px */
  .rule_datebox .rule_datelist > li{font-size: 0.846em}
}


/*================================================= 탭 :공통 ================================================= */
div[class^="tabnavi0"] { position:relative; z-index:0}
div[class^="tabnavi0"] > .select {display:none}
div[class^="tabnavi0"] a { position:relative; display:block; line-height:1.4; word-break: keep-all}
div[class^="tabnavi0"] a, div[class^="tabnavi0"] ::before {transition:all 0.3s ease}
div[class^="tabnavi0"] a.select:before{content:""; position:absolute; right:10px; top:50%; width:16px; height:10px; margin-top:-5px}

/* 탭 :1차 탭 */
.tabnavi01 li {position:relative}
.tabnavi01 li a { padding:0 10px ; font-size:1em; z-index:2}
.tabnavi01 li a:before,
.tabnavi01 li:not(.on):focus,
.tabnavi01 li:not(.on):hover {background:#ff7f40; border-color:#ff7f41; transition:.3s ease-in-out}
.tabnavi01 li:not(.on):focus a ,
.tabnavi01 li:not(.on):hover a {color:#fff}
/* 탭 :1차 : background none */
.tabnavi01 li:nth-child(4n + 1):before{display:none}

/* 탭 : 반응형 */
.react_tab {display:block}
.tabnavi01 ul {display: table; width: 100%; margin-bottom:25px; background-color: #f8f8f8; table-layout: fixed}
.tabnavi01 ul li { display: table-cell; border: 1px solid #d3d3d3; color: #767676; vertical-align: middle; box-sizing: border-box}
.tabnavi01 ul li + li {border-left: 0 none}
.tabnavi01 ul a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:1.077em; font-weight:600; display: block; padding:16px 5px; text-align: center; box-sizing: border-box}
.tabnavi01 ul .on {border:2px solid #ff7f40; background:#fff}

/* 탭 여러개 있을 경우 */
.tabnavi02 {margin:0 0 15px}
.tabnavi02 ul {padding:12px 20px; border: 1px solid #d3d3d3; background: #fff}
.tabnavi02 ul:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
.tabnavi02 ul li { float: left; width: 20%; padding:5px 0; font-size:14px;  font-weight:300}
.tabnavi02 ul li a {display: block; height: 21px; line-height: 21px; padding-left:16px; background: url(../images/sub/blt_tabnavi02_off.gif) left 6px no-repeat ; font-weight: 400; color: #1d1d1d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tabnavi02 ul li.on a, .tabnavi02 ul li:hover a {color:#ff7f40; font-weight: 500}

@media screen and (max-width:1024px){     
   /* 탭 :공통 */
div[class^="tabnavi0"] {margin:10px}
.react_tab[class^="tabnavi0"] > .select{display:block}
.react_tab[class^="tabnavi0"] ul { display:none; text-align:left; margin-bottom:0; border:1px solid #ddd; border-top:0; box-sizing: border-box}
.react_tab[class^="tabnavi0"] li { display:block; width:100% !important; border:0}
.react_tab[class^="tabnavi0"] li a {border-top:1px solid #ddd; font-size:13px}
.react_tab[class^="tabnavi0"] li a:before{display:none}
.react_tab[class^="tabnavi0"] ul li:first-child a {border-top:0}

/* 탭 :1차 탭 */
.tabnavi01 > a.select {position:relative; font-size:1em; font-weight:600; color:#000; padding:10px 50px 10px 15px; background:#fff; border:2px solid #ff7f40}
.tabnavi01 ul{ overflow:hidden; margin-top:0; padding:0; background:#f7f7f7; border:0; border-radius:0}
.tabnavi01 ul li + li:before{ display:none}
.tabnavi01 ul li a { padding:5px 15px; font-weight:500; font-size:1em}
.tabnavi01 ul li a:before, .tabnavi01 > a.select:before {background:url(../images/sub/btn_tabnavi_arr.gif) no-repeat 0 50%}
.tabnavi01 ul li.on {background:#ff7f40; border-color:#ff7f41; transition:.3s ease-in-out}
.tabnavi01 ul li.on a {color:#fff}

/* 탭 :2차 탭 */
.tabnavi02 > a.select {position:relative; font-size:1em; font-weight:600; color:#000; padding:10px 50px 10px 15px; background:#fff; border:1px solid #ddd}
.tabnavi02 ul{ overflow:hidden; margin-top:0; padding:0; background:#f7f7f7; border:0; border-radius:0}
.tabnavi02 li + li:before{ display:none}
.react_tab.tabnavi02 li {padding:0}
.tabnavi02 ul li a {padding:3px 10px 3px 20px; font-weight:500; font-size:1em; background-position:left 7px top 10px}
.tabnavi02 ul li a:before, .tabnavi02 > a.select:before {background:url(../images/sub/btn_tabnavi_arr.gif) no-repeat 0 50%}
}

@media screen and (min-width:1025px){  
    div[class^="tabnavi0"] a.select:before{display:none}
}

@keyframes slogun1 {
  10% {opacity: 0; transform: translateX(-50%)}
  30% {opacity: 1; transform: translateX(0)}
  50% {opacity: 1; transform: translateX(0)}
  70% {opacity: 0; transform: translateY(-50%)}
}
@keyframes slogun2 {
  20% {opacity: 0; transform: translateX(50%)}
  40% {opacity: 1; transform: translateX(0)}
  60% {opacity: 1; transform: translateX(0)}
  80% {opacity: 0; transform: translateY(50%)}
}


/* 디지털 선도학교, 직업교육 혁신지구 공통 */
.get_business.busi03 .ad_txt,.get_business.busi04 .ad_txt{font-size: 1.067em; color: #222; line-height: 1.4; word-break: keep-all}

/* 디지털 선도학교 운영계획 : 2024.04.04 kdy 추가 */
.get_business.busi03 .busi_top_box{background-image: url(../images/sub/bg_business03.png)}
.gt_digi{padding:163px 0 185px; box-sizing: border-box; position: relative}
.gt_digi .digi_cir{display: block; background:url(../images/sub/get_pc_digi.png) no-repeat top center; width: 370px; height: 258px; margin:0 auto}
.gt_digi .digi_lst li{width: 270px; position: absolute}
.gt_digi .digi_lst li .digi_tit{background-color:#5b95e6; min-height: 40px; border-radius: 0 15px 0 0; color:#fff; text-align: center; line-height: 40px; font-weight: 600;font-size: 1.133em}

/*색상 및 border-radius 및 위치조정*/
.gt_digi .digi_lst li:nth-of-type(1){top:51px; left:45px}
.gt_digi .digi_lst li:nth-of-type(2){top:51px; right:45px}
.gt_digi .digi_lst li:nth-of-type(3){bottom:51px; left:45px}
.gt_digi .digi_lst li:nth-of-type(4){bottom:51px; right:45px}
.gt_digi .digi_lst li:nth-of-type(2) .digi_tit{background-color:#f8af2f; border-radius: 15px 0 0 0}
.gt_digi .digi_lst li:nth-of-type(3) .digi_tit{background-color:#4c93c9; border-radius: 0 15px 0 0}
.gt_digi .digi_lst li:nth-of-type(4) .digi_tit{background-color:#79c66d; border-radius: 15px 0 0 0}

.gt_digi .digi_lst li .digi_txt{padding:18px 15px; box-sizing: border-box; border:1px solid #dddddd; border-radius: 0 0 15px 15px;min-height: 108px; background-color: #fff}
.gt_digi .digi_lst li .digi_txt span{display: block;position:relative;font-size: 1.067em; line-height: 140%;word-break: keep-all; padding-left: 13px}
.gt_digi .digi_lst li .digi_txt span::before{content:''; display: block; background-color:#8b8b8b; width: 5px; height: 5px; border-radius: 50%; position: absolute; top:7px; left:0}

@media screen and (max-width:900px){
/*디지털 선도학교*/
.gt_digi{padding:20px 0 20px}
.gt_digi .digi_cir{background:url(../images/sub/get_m_digi.png) no-repeat; width: 258px; height: 258px; margin-bottom: 25px}
.gt_digi .digi_lst li{position:static; width: 100%; margin-bottom: 15px}
.gt_digi .digi_lst li .digi_tit,.gt_digi .digi_lst li:nth-of-type(2) .digi_tit,.gt_digi .digi_lst li:nth-of-type(3) .digi_tit,.gt_digi .digi_lst li:nth-of-type(4) .digi_tit{border-radius: 15px 15px 0 0}
.gt_digi .digi_lst li:last-child{margin-bottom: 0}
.gt_digi .digi_lst li .digi_txt{min-height: unset}
.gt_digi .digi_lst li .digi_txt span br{display: none}
}

/* 직업교육 혁신지구 소개  : 2024.04.04 kdy 추가 */
.get_business.busi04 .busi_top_box{background-image: url(../images/sub/bg_business04.png)}
.bit_propel{padding:30px; border-radius: 15px; border:1px solid #dddddd; box-sizing: border-box; margin:15px}
.propel_box{display: flex; align-items: center; background:url(../images/sub/bg_busi_icon_box.png) repeat-x left bottom; padding:26px 0 31px}
.propel_box:first-child{padding-top: 0}
.propel_box:last-child{background:none; padding-bottom: 0}
.propel_box .propel_icon{text-align: center; margin-right: 44px}
.propel_box .propel_icon span{display: block; font-size: 1.2em; color:#1cb0cb; font-weight: 600}
.propel_box .propel_icon .prop_img{margin-bottom: 9px}
.propel_box .propel_list li{word-break: keep-all; line-height: 160%; font-size: 1.067em}
.propel_box .propel_list li::before{top:0.5em}
.propel_box .propel_list > li + li{margin-top: 8px}

/*아이콘 및 색상 변경*/
.propel_box:nth-of-type(2) .propel_icon span{color:#49576f}
.propel_box:nth-of-type(3) .propel_icon span{color:#78b048}

/*직업계고 지역 협업 기반*/
.inno_topbox{padding-bottom: 30px}
.inno_topbox .inno_top{background: linear-gradient(90deg, rgba(142, 196, 96, 1) 0%, rgba(35, 177, 201, 1) 100%);border-radius: 30px 30px 0 0;
height: 30px;position: relative;margin-top: 45px}
.inno_topbox .inno_top::before{content: '';position: absolute;left: 3px;top: 3px;width: calc(100% - 6px);height: 100%;background: #fff;border-radius: 27px 27px 0 0}
.inno_topbox .inno_top .inno_tit{position: absolute;width: 254px;height: 21px;background: url(../images/sub/bot_cp_tit.png) no-repeat center #fff;font-size: 0;left:50%;transform:translateX(-50%);
top: -9px; padding:0 10px}

/*타이틀 색상 강조*/
.inno_topbox .quotes_tit_box .col_dg{color:#1cb0cb}
.inno_topbox .quotes_tit_box .col_dper{color:#6c6cc7}

/*직업계고 혁신지구 아이콘 리스트*/
.inno_lst{display: flex; justify-content:space-between}
.inno_lst > li{position:relative; width: calc(100% / 4 - 13px)}
.inno_lst > li .inno_icon{text-align: center}
.inno_lst .inno_txtbox{border:1px solid #dddddd; border-radius: 15px; background-color:#fff}
.inno_lst .inno_txtbox .inno_stit{background-color:#1cb0cb; border-radius: 0 15px 0 26px; min-height: 50px; text-align: center; line-height: 50px; color:#fff; font-size:1.133em; width: 100%; font-weight: 600}
.inno_lst > li:nth-of-type(2) .inno_stit{background-color:#6c6cc7; border-radius: 15px 0 26px 0}
.inno_lst > li:nth-of-type(3) .inno_stit{background-color:#8ec460; border-radius: 0 15px 0 26px} 
.inno_lst > li:nth-of-type(4) .inno_stit{background-color:#4f81bd; border-radius: 15px 0 26px 0} 

.inno_lst .inno_list > li + li{margin-top: 7px}
.inno_lst .inno_txtbox .inno_list{padding:16px 15px 18px; box-sizing: border-box}
.inno_lst .inno_txtbox .inno_list li{font-size: 1.067em}

/*혁신지구 지원센터*/
.job_edu .job_connec{padding-top: 141px; background:url(../images/sub/inno_linebox.png) no-repeat center center; position: relative; margin:76px auto 46px; min-height: 200px}
.job_edu .job_connec .jedu_tit{text-align: center; position: absolute; top:43px; left:50%; transform: translateX(-50%); font-size: 1.333em}
.job_edu .job_connec .jedu_tit::before{content:''; display: block; background:url(../images/sub/bg_goal_cont.jpg) no-repeat; width: 174px; height: 71px; background-size:174px 75px; position:absolute; z-index: -1; top:-75px; left:50%; transform: translateX(-50%)}
.job_edu .job_connec .jedu_tit span{min-width: 202px; display: inline-block; background-color:#5380b5; line-height: 48px; min-height: 48px; font-weight: 600;color:#fff; text-align: center;border-radius:24px}
.job_edu .jedu_list > li{border:1px solid #dddddd; border-radius: 15px; background-color:#fff; width: 235px; min-height: 177px; box-sizing: border-box; padding:47px 15px 0; position: absolute; bottom:-14px}
.job_edu .jedu_list > li:nth-of-type(1){left:188px}
.job_edu .jedu_list > li:nth-of-type(1)::after{content:''; display: block; background:url(../images/sub/inno_plus.png) no-repeat; width: 57px; height: 57px; position: absolute; top:62px; right:-102px}
.job_edu .jedu_list > li:nth-of-type(2){right:188px}
.job_edu .jedu_list .jedu_stit{position: absolute; top:0; left:50%; transform: translateX(-50%); top:-16px}
.job_edu .jedu_list .jedu_stit span{display: inline-block;background-color:#f7aa5f; color:#fff; text-align: center; min-width: 118px; min-height: 40px; line-height: 40px; border-radius: 0 15px 0 15px; font-weight: 600; font-size: 1.133em}
.job_edu .jedu_list > li:nth-of-type(2) .jedu_stit span{background-color:#7acb89; border-radius: 15px 0 15px 0}
.job_edu .jedu_txt > li{font-size: 1.067em}
.job_edu .jedu_txt > li + li{margin-top: 7px}

/*빛고을 혁신학교 비전 및 목표*/
.bit_glist{display:flex; margin-bottom: 14px}
.bit_glist:last-child{margin-bottom: 0}
.bit_glist .bit_gtit{color:#fff;border-radius:30px 5px 5px 5px; text-align: center; background-color:#5380b5; width: 158px; margin-right: 14px; min-height:74px; display: flex; justify-content: center; align-items: center; font-size: 1.267em; font-weight: 600}
.bit_glist .bit_gtxt{background-color:#e9f3ff; width: 100%; border-radius: 5px;font-size:1.133em; text-align: center; display: flex; justify-content: center; align-items: center}
.bit_glist .bit_gtxt > p{line-height: 140%}
.bit_glist .bit_gtxt > p span{font-weight: 600}
.bit_glist .bit_gtxt > p span.col_dblue{color:#316097}
.bit_glist .bit_gtxt > p span.col_dred{color:#be2b2b}
.bit_glist.bit_g02 .bit_gtit{border-radius: 5px; background-color:#79afee}
.bit_glist.bit_g02 .bit_gtxt{background-color:#e4f7fc}

/*빛고을 혁신학교 - 중점추진과제*/
.bit_glist.bit_g03 .bit_gtit{border-radius: 5px; background-color:#6c6cc7; line-height: 160%}
.bit_glist.bit_g03 .bit_gtxt{background-color:#ececff; padding:18px 15px; box-sizing: border-box; font-size: 1em; display: block}
.bit_g03 .bit_gpoint{display: flex; justify-content: space-between}
.bit_g03 .bit_gpoint li{background-color:#fff; border-radius: 5px; width: calc(100% / 3 - 10px); overflow: hidden; position: relative; min-height:118px; display: flex; justify-content: center; align-items: center}
.bit_g03 .bit_gpoint li .gpoint_tit{width: 86px; height: 86px; border-radius:50%; text-align:center; color:#fff; background-color:#1cb0cb; box-sizing: border-box; padding-top: 55px; position: absolute; top:-46px; left:50%; transform: translateX(-50%);font-size:1.133em; font-weight: 600}
.bit_g03 .bit_gpoint li:nth-of-type(2) .gpoint_tit{background-color:#49576f}
.bit_g03 .bit_gpoint li:nth-of-type(3) .gpoint_tit{background-color:#8ec460}
.bit_g03 .bit_gpoint li .gpoint_txt{margin-top:28px; text-align: center; font-size:1.133em; line-height: 140%}
.bit_g03 .assign_txt{background-color:#fff; margin-top: 13px; border-radius: 5px; min-height: 70px; padding:13px 0; display: flex; justify-content: center; align-items: center; box-sizing: border-box}
.bit_g03 .assign_txt p{text-align: center; line-height: 140%;font-size:1.133em}
.bit_g03 .assign_txt p .col_or{color:#e67937}

/*빛고을 혁신학교 - 핵심과제*/
.bit_glist.bit_g04 .bit_gtit{border-radius:5px 5px 5px 30px; background-color:#8c7fc7}
.bit_glist.bit_g04 .bit_gtxt{background-color:#fbf0ff}
.bit_glist.bit_g04 .bit_mpoint{display: flex; align-items: center}
.bit_glist.bit_g04 .bit_mpoint span{display: inline-block; margin-right: 8px; display: flex; align-items: center}
.bit_glist.bit_g04 .bit_mpoint span::after{content:''; display: block; width: 5px; height: 5px; background-color:#5e4ea4; border-radius: 50%; margin-left: 8px}
.bit_glist.bit_g04 .bit_mpoint span:last-child::after{display: none}

@media screen and (max-width:1024px){
/* 직업교육 혁신지구 소개  : 2024.04.04 kdy 추가 */
.bit_propel{margin:0}
.job_edu .job_connec{background:none; min-height:inherit;padding-top: 120px; margin:58px auto 50px}
.job_edu .jedu_list{display: flex; justify-content: space-between; position: relative}
.job_edu .jedu_list::after{content: '';display: block;background: url(../images/sub/inno_plus.png) no-repeat;width: 57px;height: 57px;position: absolute;top: 76px;left:50%; transform: translateX(-50%)}
.job_edu .jedu_list > li{position: relative; transform: none; width:calc(100% / 2 - 40px)}
.job_edu .jedu_list > li:nth-of-type(1){left:auto}
.job_edu .jedu_list > li:nth-of-type(1)::after{display: none}
.job_edu .jedu_list > li:nth-of-type(2){right:auto}
}

@media screen and (max-width:810px){
/* 직업교육 혁신지구 소개  : 2024.04.04 kdy 추가 */
.inno_lst{flex-wrap: wrap}
.inno_lst > li{width: calc(100% / 2 - 10px)}
.inno_lst > li:nth-of-type(3),.inno_lst > li:nth-of-type(4){margin-top: 20px}
.inno_lst .inno_txtbox .inno_stit{min-height: 40px; line-height: 40px; border-radius: 15px 15px 0 0}
.inno_lst > li:nth-of-type(2) .inno_stit,.inno_lst > li:nth-of-type(3) .inno_stit,.inno_lst > li:nth-of-type(4) .inno_stit{border-radius: 15px 15px 0 0}
.bit_goal_warp .bit_glist{flex-direction: column}
.bit_glist .bit_gtit{width: 100%; min-height: 35px; border-radius: 5px;font-size: 1.154em; margin-right: 0}
.bit_glist.bit_g03 br{display: none}
.bit_glist.bit_g03 .assign_txt br{display: block}
.bit_glist.bit_g04 .bit_gtit{border-radius: 5px}
.bit_glist .bit_gtxt{padding:15px 8px; box-sizing: border-box; word-break: keep-all}
.bit_glist .bit_gtxt > p{letter-spacing: -0.5px; line-height: 150%}
}

@media screen and (max-width:740px){
/* 직업교육 혁신지구 소개  : 2024.04.04 kdy 추가 */
.bit_g03 .bit_gpoint{flex-direction: column}
.bit_g03 .bit_gpoint li{width: 100%; margin-bottom: 15px; min-height: unset; padding:25px 10px 15px; box-sizing: border-box}
.bit_g03 .bit_gpoint li:last-child{margin-bottom: 0}
.bit_g03 .assign_txt{min-height: unset; padding:13px 10px; word-break: keep-all}
.bit_glist.bit_g04 .bit_gtxt{word-break: keep-all}
.bit_glist.bit_g04 .bit_mpoint{flex-wrap: wrap}
.bit_glist.bit_g04 .bit_mpoint li{width: calc(100% / 3); margin-right: 0}
}

@media screen and (max-width:520px){
/* 직업교육 혁신지구 소개  : 2024.04.04 kdy 추가 */
.inno_lst > li{width: 100%}
.inno_lst > li:first-child{margin-bottom: 20px}
.job_edu .jedu_list{flex-wrap: wrap}
.job_edu .jedu_list > li{width: 100%; min-height: unset; padding:40px 15px 15px}
.job_edu .jedu_list > li:nth-of-type(1){margin-bottom: 100px}
.job_edu .jedu_list::after{top:184px; bottom:0}
.bit_glist.bit_g04 .bit_mpoint{justify-content: center; line-height: 140%}
}

@media screen and (max-width:450px){
/* 직업교육 혁신지구 소개  : 2024.04.04 kdy 추가 */
.bit_propel{padding:20px}
.propel_box{flex-direction: column; align-items: flex-start; padding:20px 0 20px}
.propel_box .propel_icon{text-align:left; margin-bottom: 8px}
.propel_box .propel_icon .prop_img{display: none}
}

/* ============== 개인정보처리방침(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}
    
}



/* 입학안내 부분수정 QR작업 pjh240819 */
.get_admission .ad_icon_list .qrcode{text-align: center}

@media screen and (min-width:1025px){ 
  .get_admission .dot_textbox {position: relative;}
  .get_admission .ad_icon_list .qrcode{position: absolute; top: 20px; right: 40px}
}




/* 환경분야 특성화고 인재양성사업 - KYJ 25.03.31*/
/*기존 공통 스타일*/
.get_environ .col_r{color: #ff2e2e}
.get_environ .busi_top_box{background: url(../images/sub/bg_environ.gif) no-repeat center bottom #000; border-top-right-radius: 80px; height: 172px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; margin-bottom: 25px}
.get_environ .busi_top_box .busi_tit{font-family: GMS; text-align: center; font-weight: 600; font-size: 1.867em; line-height: 1.25; text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4); color: #fff; position: relative; z-index: 1; padding-top: 10px}
.get_environ .busi_top_box .busi_tit::before{content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; border-radius: 30%; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; filter: blur(20px)}
.get_environ .environ_top{background: linear-gradient(175deg, rgba(28,176,203,1) 0%, rgba(142,196,96,1) 100%); text-align: center; position: relative; padding: 6px}
.get_environ .environ_top::before, .get_environ .environ_top::after{content: ''; width: calc(100% - 70px); position: absolute; left: 35px; height: 8px; background: #fff}
.get_environ .environ_top::before{top: -1px}
.get_environ .environ_top::after{bottom: -1px}
.environ_top .toptit{padding: 22px 17px; background: #fff; line-height: 140%; font-weight: 600; font-size:1.2em; color: #252525}
.environ_top .toptit .poin_txt{margin-top: 7px; font-size:1.6em; color:#13a2bc; line-height: 140%;}
.environ_top .toptit .poin_txt span{color:#69a932}
/*기존 공통 스타일추가*/
.get_environ .topinfo_bx {max-width: 665px; margin: 20px auto 25px}
.get_environ .topinfo_bx .if_txt{padding: 15px; margin-top: 30px; background: #f1f1f1; font-size: 1.067em; line-height: 140%; color:#000; text-align: center}
/*기간 안내*/
.get_environ .period_lst{padding: 20px; margin-bottom: 30px; border:1px solid #d3d3d3; box-shadow:5px 5px 0 rgba(0,0,0,0.05)}
.get_environ .period_lst li{position: relative; padding-left: 13px; margin-bottom:7px}
.get_environ .period_lst li::after{display: block; clear:both; content: ''; position: absolute; top:8px; left:0; width:5px; height: 5px; background: #8b8b8b; border-radius: 10px}
.get_environ .period_lst li:last-child{margin-bottom: 0}
/*사업목적*/
.get_environ .environ_goal{padding-left: 20px; margin-bottom: 30px; background: url(../images/sub/environ_goal.gif) no-repeat left 5px; font-size: 1.067em; font-weight: 500}
/*지원사항*/
.get_environ .support_wrap{padding: 20px; margin-bottom: 30px; border:1px solid #d3d3d3; box-shadow:5px 5px 0 rgba(0,0,0,0.05)}
.support_wrap .support_lst li{display: flex; margin:0 0 25px; font-size: 1.133em}
.support_wrap .support_lst li:last-child{margin-bottom: 0}
.support_wrap .support_lst li p.tit{width: 130px; margin-right: 15px; border-right: 1px solid #d3d3d3}
.support_wrap .support_lst li p.tit span{padding-left: 40px; background-position: left 10px center; background-repeat: no-repeat; font-weight: 800; box-sizing: border-box; align-content: space-around}
.support_wrap .support_lst li:nth-child(1) p.tit span{background-image: url(../images/sub/ico_environ1.gif)}
.support_wrap .support_lst li:nth-child(2) p.tit span{background-image: url(../images/sub/ico_environ2.gif)}
.support_wrap .support_lst li:nth-child(3) p.tit span{background-image: url(../images/sub/ico_environ3.gif)}
.support_wrap .support_lst li p.txt{width: 100%}
.support_wrap .support_lst li p.txt span{font-weight: 600; color:#000; text-decoration: underline; text-underline-offset:3px}
/*지원사항-map*/
.support_wrap .support_map{margin-top: 30px}
.support_wrap .support_map .map_bx{display: flex; gap:15px}
.support_map .map_bx .map_tit{position: relative; width:130px; background: #f0f; font-size: 1.2em; font-weight: 700; text-align: center; align-content: space-around}
.support_map .map_bx .map_tit span{display: block; min-height: 80px; padding-top: 60px; position: relative; box-sizing: border-box}
.support_map .map_bx .map_tit br{display:none}
.support_map .map_type1{ margin-bottom: 15px}
.support_map .map_type1 .map_tit{background: #e9f7dd; border-radius: 30px 5px 5px 5px}
.support_map .map_type1 .map_tit span{background: url(../images/sub/environ_img1.gif) no-repeat top center}
.support_map .map_type2 .map_tit{background: #e5e9f9; border-radius: 5px 5px 5px 30px}
.support_map .map_type2 .map_tit span{background: url(../images/sub/environ_img2.gif) no-repeat top center}
.support_map .map_bx .map_txtbx{display: flex; gap:38px; width: 100%; padding: 15px; background: #f1f1f1; border-radius: 5px; box-sizing: border-box}
.support_map .map_item{position: relative; width: 50%; padding: 0 15px; background: #fff; border-radius: 5px; box-sizing: border-box}
.support_map .map_item .item_tit{padding: 10px; border-radius: 0 0 5px 5px; background: #6699ef; text-align: center; font-size: 1.133em; color:#fff; font-weight: 700}
.support_map .map_item.item2 .item_tit{background: #50d181}
.support_map .map_item ul li{min-height: 90px; border-bottom: 1px dashed #d6d6d6; align-content: space-around; text-align: center}
.support_map .map_item ul li:last-child{border-bottom: none}
.support_map .map_item ul li span{display: block; margin-top: 10px}
.support_map .map_item.item1::after{display: block; clear: both; content: ''; position: absolute; bottom:50%; right:-32px; width:26px; height: 31px; margin-top: -15px; background: url(../images/sub/arw_environ.gif) no-repeat 0}
/*사업체계*/
.system_wrap{padding: 20px; margin-bottom: 30px; border:1px solid #d3d3d3; box-shadow:5px 5px 0 rgba(0,0,0,0.05)}
.system_wrap dl{margin-bottom: 20px}
.system_wrap dl dt{position: relative; padding: 12px 10px; margin: 0 30px; border-radius: 13px 0 13px 0; background: #ccc; text-align: center; font-weight: 700; color:#fff; z-index: 1}
.system_wrap dl dd{height: 90px; padding-top: 20px; margin-top: -25px;  border-radius: 15px; border:1px solid #ddd; background: #fff; text-align: center; align-content: space-around; box-sizing: border-box}
.system_wrap dl.sys1 dt{background:#30b1d5}
.system_wrap dl.sys2 dt{background:#a88af1}
.system_wrap dl.sys3 dt{background:#25caa5}
.system_wrap dl.sys4 dt{background:#6fcb81}
.system_wrap dl.sys5 dt{background:#57c9b7}
.system_wrap dl.sys6 dt{background:#fc8a9c}
@media screen and (min-width:1025px){  
/*사업체계*/
.system_wrap{position: relative; display: flex; justify-content: space-between; height: 400px}
.system_wrap::after{display: block; clear: both; content: ''; position: absolute; top:84px; left:10%; width: 80%; height: 1px; background: #ddd}
.system_wrap dl{position: relative; width:275px; z-index: 1}
.system_wrap .sys_line{position: absolute}
.system_wrap .sys_line.line1{top:166px; left:192px}
.system_wrap .sys_line.line1::after{display: block; clear: both; content: ''; position: absolute; top:-82px; left:50%; width: 1px; height: 85px; margin-left: -6px; background: #ddd}
.system_wrap .sys_line.line2{display: flex; justify-content: space-between; width: 615px; top:280px; right:20px; padding-top: 30px}
.system_wrap .sys_line.line2::before,
.system_wrap .sys_line.line2::after{display: block; clear: both; content: ''; position: absolute; background: #ddd}
.system_wrap .sys_line.line2::before{top:0; left:138px; width:340px; height: 1px}
.system_wrap .sys_line.line2::after{top:-195px; left:50%; width: 1px; height: 195px}
.system_wrap .sys_line dl.sys4::after,
.system_wrap .sys_line dl.sys5::after{display: block; clear: both; content: ''; position: absolute; top:-30px; left:50%; width: 1px; height: 30px; background: #ddd}
}
@media screen and (max-width:820px){
/*지원사항-map*/
.support_wrap .support_map .map_bx{display:block}
.support_map .map_bx .map_tit{width:100%; margin-bottom: 10px; border-radius: 30px 30px 5px 5px}
.support_map .map_bx .map_tit span{min-height: 60px; padding: 0 15px; background-size: 40px; background-position:left 15px center; align-content: space-around; text-align: right}
.support_map .map_bx .map_tit br{display:block}
}
@media screen and (max-width:640px){
/*지원사항*/
.support_wrap .support_lst li p.tit span{padding-left:30px; background-position: left 0 center}
/*지원사항-map*/
.support_map .map_bx .map_tit br{display:none}
.support_map .map_bx .map_txtbx{display: block; width: 100%; padding: 10px}
.support_map .map_item{position: relative; width:100%; padding: 0 10px; margin-bottom:45px}
.support_map .map_item:last-child{margin-bottom: 0}
.support_map .map_item .item_tit{padding: 10px 0}
.support_map .map_item ul li{min-height:auto; padding: 15px 10px}
.support_map .map_item.item1::after{bottom:-37px; right:50%; margin: -15px -15px 0 0; transform: rotate(90deg)}
}
@media screen and (max-width:560px){
/*지원사항*/
.support_wrap .support_lst li{display: block; margin:0 0 15px; text-align: center}
.support_wrap .support_lst li p.tit{width: 100%; margin:0 0 10px; padding-bottom: 10px; border-bottom: 1px solid #d3d3d3; border-right:none}
}
@media screen and (max-width:480px){
/*기존 공통 스타일*/
.environ_top .toptit .poin_txt span{display: block}
}