@charset "utf-8";
/* CSS Document */
/* com2zoa design MHS 230417 */

/* Common */
.clear_fix:after {content: ""; display: block; clear: both}
.hide{display: none}
.hidden{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.fm_nsk{font-family: NSK; font-weight:500}
/* Layout */
#subpage .basics_font{font-weight: 400; color:#222; font-size: 1.154em /*기준폰트 15px*/}
/*글이 많은페이지의 경우 모바일에서 해당 페이지 고유클래스 하위에 기준폰트 1.077em(14px)으로 변경-예)규정규칙 페이지*/
#sub_left {display: none}
#subpage {min-height: 300px; line-height:140%; margin:0 10px 50px 20px; font-weight:500; color:#222}
.qmu_popup{display: none}
/*Subtop */
#subtop{position: relative; margin-bottom: 15px}
#subtop h3{font-weight:600; text-align: center; padding: 52px 0 22px; width: auto; border-bottom: 1px solid #ddd; font-size:1.692em; font-weight:600; color:#222}
/* Guide */
#sub_guide{z-index:500}
#sub_guide .btn_home {display: none}
#sub_guide .submn {display: none}
#sub_guide .guide_wrap {position: relative}
/* Tab01 */
.tabnavi01{margin:5px 5px 5px 0}
.tabnavi01 ul{display: flex; width: 100%; border-left: 1px solid #ddd}
.tabnavi01 ul li{position: relative; flex: 1}
.tabnavi01 ul li a{overflow: hidden; display: block; padding: 9px 10px 9px; background:#f5f5f5; border: 1px solid #ddd; font-size: 16px; color:#222; transition: .2s ease; overflow: hidden; width: 100%; box-sizing: border-box; height: 100%; border-left:none; display: flex; justify-content: center; align-items: center; line-height: 110%}
.tabnavi01 ul li.on a, .tabnavi01 ul li a:hover{background:#ff6018; color:#fff; border: 1px solid #ff6018; border-left: none}
/* Tab02, boardTab */
.tabnavi02{margin:5px 5px 15px 0}
.tabnavi02 ul, .boardTab ul{padding:0 20px 15px; border: 1px solid #dddddd; background: #fff; display: flex; gap: 0 15px; flex-wrap: wrap}
.tabnavi02 ul li, .boardTab ul li{max-width: 25%; padding: 15px 0 0}
.tabnavi02 ul li a, .boardTab ul li a {display: block; height: 21px; line-height: 21px; padding-left: 12px; background: url(../images/sub/blt_othertab.png) left 6px no-repeat ; font-weight: 400; font-size: 15px; color: #222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tabnavi02 ul li.on a, .tabnavi02 ul li:hover a, .boardTab ul li.on a, .boardTab ul li:hover a {height: 21px; line-height: 21px; color:#f24b00; font-weight: 700}
/******************************서브컨텐츠 영역**************************************/

/* -------------------컨텐츠 공통------------------- */
/****페이지 준비중****/
.sub_loding{min-height: 450px; background: url(../images/sub/page_loding.gif) no-repeat center center}
/****Blind****/
.blind {font-size:0; overflow:hidden; text-indent:-9999999px; height:0; width:0; line-height:0} 
/****TIT****/
h4.sub_tit4 {line-height:140%; padding:0 0 0 22px; margin:20px 0 8px; background-image:url(../images/sub/subtit4.png); background-repeat: no-repeat; background-position: left 0.333em; font-size:1.385em; font-weight:700}
h5.sub_tit5 {line-height:140%; padding:0 0 0 14px; margin:5px 0 5px 8px; background-image:url(../images/sub/subtit5.png); background-repeat: no-repeat;  background-position: left 0.333em; font-size:1.231em; font-weight:600}

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

/*표_색상: 남색*/
.kp_table .table_st01{background:#171741}
/*표_색상: 회색에 상단에 남색 라인*/
.kp_table .table_st02{background:#f1f1f1; border-top: 2px solid #171741}
.kp_table .table_st02 thead th{color:#222; border: 1px solid #ddd}
.kp_table .table_st02 tbody th {background:#f1efff}
/*표_색상: 보라색*/
.kp_table .table_st03{background:#3838bf}
/*표_색상: 회색에 상단에 보라색 라인*/
.kp_table .table_st04{background:#f1f1f1; border-top: 2px solid #3838bf}
.kp_table .table_st04 thead th{color:#222; border: 1px solid #ddd}
.kp_table .table_st04 tbody th {background:#f9efff}
/*표_색상: 초록색*/
.kp_table .table_st05{background:#1a9b90}
/*표_색상: 회색에 상단에 초록색 라인*/
.kp_table .table_st06{background:#f1f1f1; border-top: 2px solid #1a9b90}
.kp_table .table_st06 thead th{color:#222; border: 1px solid #ddd}
.kp_table .table_st06 tbody th {background:#effffd}

/*여백고정*/
.mrgb5{margin-bottom: 5px}
/*col class 선언영역 테이블 간격조정*/
.wdtfix{width:40px}
.wdt5{width: 5%}
.wdt6{width: 6%}
.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-right:1px solid #d2d2d2; background: #aeaeae; vertical-align:middle;text-align:center; font-weight:500; color:#fff}
.comtable tbody th {line-height:150%;padding:8px 3px; border:1px solid #d2d2d2; text-align:center; font-weight:500; vertical-align:middle; color:#000}
.comtable tbody td {line-height:150%; background:#fff; padding:8px 3px; border:1px solid #d2d2d2; text-align:center; vertical-align:middle; color:#000} 
.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-size: 1.154em; font-weight: 400}
.common_wrap h4.com_h4{padding:5px 0 5px 35px; margin: 10px 0; background:url(../images/sub/com_h4.gif) left top no-repeat; font-size:1.133em}
.common_wrap h5.com_h5{padding:2px 0 2px 30px; margin: 10px 0; background:url(../images/sub/com_h5.gif) 6px 3px no-repeat; font-size:1.067em}
.common_wrap .comtop{margin-bottom: 15px; border-radius: 5px; border:1px solid #d2d2d2; box-sizing: border-box}
.common_wrap .comtop_tit{padding: 10px; border-radius: 5px 5px 0 0; font-weight: 500; text-align: center; color:#fff; font-size:1.071em}
.common_wrap .comtop ul{padding: 15px 10px 10px 95px}
.comtop ul li{padding-left: 13px; margin-bottom: 5px; background:url(../images/sub/com_lstblt.gif) left 8px no-repeat; line-height: 130%}
.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}
/*이력관리*/
.comhis_lst{border-radius: 5px 5px 0 0; overflow: hidden}
.comhis_lst .comhis_lstit{padding:10px; text-align:center; background:#9e9e9e; color:#fff; font-weight:500}
.comhis_lst ul{padding:10px; border:1px solid #ccc}
.comhis_lst ul li{margin-bottom:5px}
.comhis_lst ul li:last-child{margin-bottom:0}
.comhis_lst ul li a{display:block; padding:10px; background:#eeeeee; border-radius:50px; text-align:center; transition: all .3s}
.comhis_lst ul li a:hover{color:#fff}
/*텍스트 스타일*/
.common_wrap .comlst_txt{ margin:10px 0 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}

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

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

/*공통_마크타이틀*/
.cont_marktit{position: relative; text-align: center}
.cont_marktit .cnmrk{position: relative; display: inline-block}
.cont_marktit .cnmrk::before, .cont_marktit .cnmrk::after{content: ""; display: block; clear: both; position: absolute; top:5px; width:21px; height: 13px}
.cont_marktit .cnmrk::before{left:-34px; background:url(../images/sub/tit_mark1.png) left 0 no-repeat}
.cont_marktit .cnmrk::after{right:-34px; background:url(../images/sub/tit_mark2.png) left 0 no-repeat}

/*공통_타이틀*/
.cont_titbox{position: relative; margin-top: 18px; text-align: center}
.cont_titbox::before, .cont_titbox::after{content: ""; display: block; clear: both; position: absolute; bottom:5px; width:10px; height: 10px; background: #dcdcdc; border-radius: 50px}
.cont_titbox::before{left:0}
.cont_titbox::after{right:0}
.cont_titbox .cntit{position:relative}
.cont_titbox .cntit::before{content: ""; display: block; clear: both; position: absolute; bottom:50%; left:0; width: 100%; height: 1px; background: #dcdcdc; z-index: 1}
.cont_titbox .cntit span{position: relative; display:inline-block; padding: 0 15px; background: #fff; font-size: 1.200em; font-weight: 600;  z-index: 5}

/*공통_목적*/
.cont_goal{position: relative; margin: 30px 0; border-radius: 5px; border:1px solid #dcdcdc; background: #454d59}
.cont_goal .goal_tit{position: absolute; top:50%; left:0; width: 120px; margin-top: -15px; text-align: center}
.cont_goal .goal_tit span{display:inline-block; padding: 5px 5px 5px 32px; background:url(../images/sub/ico_goal.gif) left center no-repeat;color:#fff}
.cont_goal .goal_lst{padding: 15px; margin-left: 120px; background: #fff}
/*학교상징 및 교가*/
/*교가*/
#schSong{display:none}
.song_wrap .song_area{position: relative; width: 100%}
.song_wrap .song_area dt{float: left}
.song_wrap .song_area dd{float: right; margin: 5px 6px 0 0}
.song_wrap .song_area dd ul{position: relative; z-index: 10}
.song_wrap .song_area dd ul li{float: left; width: 44px; height: 44px; margin-right: 7px}
.song_wrap .song_area dd ul li:last-child{margin-right: 0}
/*개정이력(공통)*/
.ruledate_box .ruledate_tit{padding: 3px 3px 3px 40px; background:url(../images/sub/ico_ruledate.gif) left 0 no-repeat; font-size: 1.067em; font-weight: 700; color:#000}
.ruledate_box > ul{padding: 10px 10px 5px; border-radius: 5px; background: #f3f3f3; font-family:NSK}
.ruledate_box > ul li{float: left; width:20%; margin-bottom: 5px; font-weight: 400; font-size: 0.933em}
.ruledate_box > ul li span{display: block; padding-left: 16px; background:url(../images/sub/ruledate_blt.gif) left 7px no-repeat}
/**내용영역(공통)**/
/*절*/
.rulebody_box .rule_passage{border-radius: 50px; padding:5px 0; margin:10px 0 0; border-radius: 50px; border:2px solid #ccc; text-align: center; font-weight:700}
/*장*/
.rulebody_box h4 {position: relative; line-height:150%; margin:15px 0 10px; font-weight: 500; color:#000}
.rulebody_box h4::before{display: block; clear: both; content:""; position: absolute; bottom:17px; left:0; width: 100%;height: 1px; background: #ccc}
.rulebody_box h4::after{display: block; clear: both; content:""; position: absolute; bottom:13px; right:0; width: 10px;height: 10px; border-radius: 50px; background: #ccc}
.rulebody_box h4 > span{position: relative; display: inline-block; padding: 5px 10px 5px 0; background: #fff; font-weight: 700; font-size:1.067em}
.rulebody_box h4 span.tit_bg{display: inline-block; width: 85px; margin-right:10px; border-radius: 50px; background: #ccc; text-align: center; color:#fff; font-weight: 600; font-size: 0.933em}
/*텍스트스타일*/
.rulebody_box h5{padding-left: 15px; background-position: left 4px; background-repeat: no-repeat}
.rulebody_box p{line-height:140%; padding:0 15px 0 15px; margin-bottom:7px}
.rulebody_box ol {line-height:140%; margin: 5px 0 0 15px}
.rulebody_box ol li {padding:0 0 3px 15px; text-indent:-18px}
.rulebody_box ol.rule_list01, .rulebody_box ol.rule_list02,.rulebody_box ol.rule_list03,.rulebody_box ol.rule_list04 {line-height:140%; padding:5px 10px; margin:5px 0 10px 0; border-radius:5px}
.rulebody_box ol.rule_list01{margin: 5px 0 10px 20px}
.rulebody_box ol.rule_list02 li, .rulebody_box ol.rule_list03 li, .rulebody_box ol.rule_list04 li  {padding:0; text-indent:0}
.rulebody_box ol.rule_list01, .rulebody_box ol.rule_list02{background: #f5f5f5; border:1px solid #ddd}
.rulebody_box ol.rule_list03{margin-bottom: 5px; background: #fff}
.rulebody_box ol.rule_list04{border:1px solid #c3c3c3}
.rulebody_box ol.rule_table{padding: 0; margin-left:5px; text-indent:0}
.rulebody_box ol.rule_table{margin-bottom: 15px}
.rulebody_box ol.ruletb_lst{margin-left:0}
.rulebody_box ol.ruletb_lst li{padding-left:0}
.rulebody_box .kp_table tbody td ol.tb_lst{margin: 0; padding: 10px; border-radius: 5px; background: #f1f1f1}
.rulebody_box .kp_table tbody td ol.tb_lst li{padding: 0; text-indent: 0}
.rulebody_box .rule_btn{padding: 0}
.rulebody_box .rule_btn a{display: block; padding: 10px 5px; border-radius: 5px; background: #1e7a87; text-align: center; color:#fff; transition: all .5s}
.rulebody_box .rule_btn a span{display: inline-block; padding-right: 25px; background:url(../images/sub/rule_more.png) right center no-repeat}
.rulebody_box .rule_btn a:hover{background: #164046}

/* 서브비주얼 PC */
.subcontain .subvisual{padding-top: 147px}
.subcontain .subvisual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.subcontain .subvisual .visual_item{width:auto; height:199px}
.subcontain .subvisual .visual_item::after{content: ''; position: absolute; width: 100%; height: 40px; background: rgba(0, 0, 0, .5); bottom: 0}
.subcontain .subvisual .item1{background:url(../images/sub/sub_v01.png) no-repeat top center}
.subcontain .subvisual .item1{color: #fff}
.visual_txt{position: absolute; right: 0; width: calc(100% - 335px); top: 67px; display: flex; justify-content: space-between}
.visual_txt p{font-size: 28px; font-weight: 300}
.tit_sty01, .tit_sty02{font-size: 38px; font-weight: 500; position: relative; z-index: 1; font-family: 'GMS'}
.tit_sty01::after{content:''; position: absolute; width:100%; height: 20px; background: #24009d; left: 0; z-index: -1; bottom: 4px}
.vis_list{width: calc(100% - 400px); display: flex; flex-wrap: wrap; justify-content: center}
.vis_list li{width: 33.33%; font-size: 16px; line-height: 28px; text-align: center; word-break: keep-all}
.vis_list::after{content: ''; position: absolute; top: 40px; width: calc(100% - 400px); height: 1px; background: linear-gradient(-90deg, #58f47d 0%,  #3b4ca8 100%); top: 25px}

/* -------------------컨텐츠 스타일 시작 -------------------*/
/* 간격조절 */
.mat5{margin-top: 5px}
.mat10{margin-top: 10px}
.mat15{margin-top: 15px}
.mat20{margin-top: 20px}
.mat25{margin-top: 25px}
.mab5{margin-bottom: 5px}
.mab10{margin-bottom: 10px}
.mab15{margin-bottom: 15px}
.mab20{margin-bottom: 20px}
.mab25{margin-bottom: 25px}
.male5{margin-left: 5px}
.male10{margin-left: 10px}
.male15{margin-left: 15px}
.male20{margin-left: 20px}
.male25{margin-left: 25px}
.mari5{margin-right: 5px}
.mari10{margin-right: 10px}
.mari15{margin-right: 15px}
.mari20{margin-right: 20px}
.mari25{margin-right: 25px}


/* 폰트 색상 */
.col_r{color:#de3343}
.col_g{color:#3e9f24}
.col_m{color: #1b9e84}
.col_b{color:#3449b3}
.col_p{color:#503fb4}
.col_mg{color: #bf369a}
.col_pk{color: #f86b96}
.col_y{color: #ff7f0e}
.col_bk{color:#000}

/* 금파 텍스트 스타일 */
.info_p{position: relative; padding-left: 22px; font-size: 1em; margin: 20px 0 15px}
.info_p::before{content: ''; position: absolute; left: 0; top: 0.133em; width: 16px; height: 16px; background: url(../images/sub/info_txt_icon.png) no-repeat left center}

/* 금파 리스트 스타일*/
.dot_list li{padding-left: 16px; position: relative; line-height: 1; font-size: 1em}
.dot_list li + li{margin-top: 1em}
.dot_list li::before{content: ''; position: absolute; top: 0.4em; left: 4px; width: 5px; height: 5px; border-radius: 5px; background: #999}
.dot_list ul li + li{margin-top: 0.667em}
.dot_list ul li::before{background: #b990ce}
.ol_list > li{padding-left: 1em; text-indent: -1em}
.ol_list > li + li{margin-top: 1em}
.ol_list .sub_list li{margin-top: 0.667em}

/* 금파 텍스트박스 스타일*/
.txt_box{border: 1px solid #ddd; padding: 20px}
.txt_box.dash{border:1px dashed #ddd}
.txt_box.gray{border: 1px solid #ebebeb; background: #ebebeb}

/* 인사말 PC */
.greet{text-align: center; padding-bottom: 244px; background: url(../images/sub/greet_bg03.png) no-repeat left bottom; position: relative; margin-top: 20px}
.greet::before, .greet::after{content: ''; position: absolute; left: 0; bottom: 0; width:100%; height:302px; background-position: left bottom; background-repeat: no-repeat}
.greet::before{background-image: url(../images/sub/greet_bg02.png)}
.greet::after{background-image: url(../images/sub/greet_bg04.png)}
.greet_tit{padding: 55px 0 45px; background: url(../images/sub/greet_bg.png) no-repeat center top; position: relative}
.greet_tit p{font-size: 1.467em}
.greet_tit p + p{margin-top: 10px}
.greet_tit p > span{font-size: 1.273em; font-weight: 600; position: relative}
.greet_tit p > span::after{content: ''; position: absolute; left: 0; width: 100%; background: #cdcbff; height: 14px; bottom: 6px; z-index: -1}
.greet_tit::before{content: 'WELCOME TO KUMPA TECHNICAL HIGH SCHOOL'; position: absolute; left: 0; bottom: 25px; text-align: center; width: 100%; font-size: 14px; font-weight: 200; color: #cdcbff}
.greet_txt::before{content: ''; display: block; width: 80%; height: 1px; background: #cdcbff; margin: 0 auto}
.greet_txt > p{line-height: 160%; margin-top: 30px}

/* 교육목표 PC */
.object{position: relative; padding-bottom: 123px}
.object::after{content: ''; background: #eaeaea; position: absolute; width: 80%; height: 139px; z-index: -1; border-radius: 100px 100px 0 0; top: 85px; left: 10%}
.object .object_tit{line-height: 169px; font-size: 1.6em; color: #fff; background: url(../images/sub/goal_tit_bg.png) no-repeat center top; text-align: center}
.object .object_list{display: flex; position: absolute; width: 100%; justify-content: space-between; gap: 18px; margin-top: 10px}
.object_list > li{width: 20%; background: #fff; border-radius: 20px; border: 1px solid #aaa; padding: 15px; text-align: center; box-sizing: border-box}
.object_list .ob_tit{font-size: 1.333em; font-weight: 500; padding-bottom: 10px; border-bottom: 1px solid #ddd} 
.object_list .ob_tit > span{font-weight: 600}
.object_list .ob_txt{padding-top: 15px}
.manage > ul > li{min-height: 105px; position: relative}
.manage > ul > li:nth-child(odd)::before{left: 0}
.manage > ul > li:nth-child(even)::before{right: 0}
.manage > ul > li:nth-child(even) .mana_tit, 
.manage > ul > li:nth-child(even) .mana_txt{text-align: right}
.manage > ul > li::before{content: ''; position: absolute; width: 120px; height: 120px; background: url(../images/sub/goal_icon01.png) no-repeat #eaeaea; border-radius: 20px; top: 0; z-index: 1; background-repeat: no-repeat; background-color: #eaeaea}
.manage > ul > li.manage_li01::before{background-image: url(../images/sub/goal_icon01.png)}
.manage > ul > li.manage_li02::before{background-image: url(../images/sub/goal_icon02.png)}
.manage > ul > li.manage_li03::before{background-image: url(../images/sub/goal_icon03.png)}
.manage > ul > li.manage_li04::before{background-image: url(../images/sub/goal_icon04.png)}
.manage > ul > li.manage_li05::before{background-image: url(../images/sub/goal_icon05.png)}
.manage .mana_tit{border-bottom: 1px solid #ddd; padding: 0 140px; font-size: 1.133em}
.manage .mana_tit > span{background: #3f52b4; display: inline-block; color: #fff; line-height: 34px; padding: 0 25px; border-radius: 10px 10px 0 0}
.manage .mana_txt{padding: 20px 140px 0}

/* 학교상징 PC */
.precept{border: 1px solid #ddd; border-radius: 40px; padding: 15px; display: flex; justify-content: center; font-size: 1.333em}
.precept > p + p::before{content: ''; width: 6px; height: 6px; border-radius: 7px; background: #777; display: inline-block; vertical-align: middle; margin: 0 14px}
.precept .pretit{font-family: 'GMS'; font-weight: 700; font-size: 1.2em}
.precept .chi{background: #eaeaea; padding:0 12px; border-radius: 20px; margin-left: 10px}
.symbol_list > ul{display: flex; justify-content: space-between}
.symbol_list > ul > li{width: calc(33.33% - 18px); text-align: center}
.symli_tit{font-size: 1.133em; font-weight: 500; margin-bottom: 20px}
.symli_tit > span{font-weight: 600}
.symli_tit::before, 
.symli_tit::after{content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 6px; border: 2px solid #aaa; background: #fff; vertical-align: 1px; margin: 0 8px}
.sym_tit{position: relative}
.sym_tit > p{position: absolute; left: 50%; transform: translateX(-70px); width: 140px; line-height: 210%; border-radius: 20px; color: #fff; text-align: center; bottom: -16px; background:#999; font-size: 1.2em}
.sym_li01 .sym_tit > p{background: #d03342}
.sym_li02 .sym_tit > p{background: #239b83}
.sym_li03 .sym_tit > p{background: #503fb4}
.sym_txt{background: #ddd; border-radius: 20px; padding: 30px 25px 20px}
.sym_li01 .sym_txt{background: #ffe9eb}
.sym_li02 .sym_txt{background: #defff6}
.sym_li03 .sym_txt{background: #f3efff}
.sym_txt > dl + dl{border-top: 1px solid #999; margin-top: 8px; padding-top: 8px}
.sym_li01 .sym_txt > dl + dl{border-top: 1px solid #e39299}
.sym_li02 .sym_txt > dl + dl{border-top: 1px solid #80cdbc}
.sym_li03 .sym_txt > dl + dl{border-top: 1px solid #a197d9}
.sym_txt dl dt{font-weight: 600}
.belief .belief_tit{background: #171741; padding: 16px 80px; text-align: center; color: #fff; border-radius: 40px; position: relative; font-size: 1.067em; word-break: keep-all}
.belief .belief_tit::before, .belief .belief_tit::after{content: ''; position: absolute; width: 8px; height: 8px; background: url(../images/sub/symbol_img04.png) no-repeat; top: 22px}
.belief .belief_tit::before{left: 60px}
.belief .belief_tit::after{right: 60px}
.belief_list{position: relative}
.belief_list::before{content: ''; position: absolute; width: 70%; height: 60px; background-repeat: no-repeat; top: 60px; background: url(../images/sub/belief_img02.png) no-repeat center top; background-size: contain; left: 50%; transform: translateX(-50%)}
.belief_list > ul{display: flex; padding-top: 120px; background: url(../images/sub/belief_bg01.png) no-repeat center top; justify-content: space-between}
.belief_list > ul > li{width: calc(33.33% - 18px); text-align: center; border: 1px solid #3b4ca8; padding: 35px 20px 30px; box-sizing: border-box; border-radius: 10px; position: relative; background: #fff}
.belief_list .num{position: absolute; width: 44px; line-height: 44px; text-align: center; background: #3b4ca8; border-radius: 44px; color: #fff; top: -22px; left: 50%; margin-left: -22px}
.song_wrap{display: flex; background: #eaeaea; border-radius: 20px; padding: 25px; justify-content: space-between; min-height: 600px}
.song_wrap .sheet{border: 1px solid #dddddd; background: url(../images/sub/song_sheet.png) no-repeat center #fff; background-size: contain; border-radius: 10px; overflow: hidden; width: 57%}
.song_wrap .lyrics{width: calc(43% - 30px)}
.lyrics .lyrics_top{background: #239b83; height: 54px; border-radius: 54px}
.lyrics .lyrics_top > p{float: left; line-height: 54px; color: #fff; padding-left: 80px; background: url(../images/sub/song_img.png) no-repeat 33px top; font-size: 1.133em}
.lyrics_box{padding: 15px}
.lyrics_box .name_box{font-size: 1.133em; padding-left: 10px}
.lyrics_box .name_box p::before{content: ''; width: 6px; height: 6px; border: 2px solid #aaa; border-radius: 6px; display: inline-block; background: #fff; vertical-align: 2px; margin-right: 7px}
.lyrics_box .name_box p + p{margin-top: 5px}
.lyrics .sec_tit{margin-top: 25px; border-bottom: 1px solid #666}
.lyrics .sec_tit > span{display: inline-block; background: #666; width: 80px; text-align: center; line-height: 38px; border-radius: 10px 10px 0 0; color: #fff; font-size: 1.133em}
.sec_txt{padding: 15px 10px; line-height: 1.6}

/* 학교연혁 pc */
.his_box{border: 1px solid #ddd; border-radius: 10px; padding: 25px; background: url(../images/sub/history_bg01.png) no-repeat right bottom #fff; position: relative}
.his_box::after{content: ''; position: absolute; bottom: 70px; margin-top: -82px; width: 164px; height: 164px; background: url(../images/sub/history_bg02.png) no-repeat; right: 60px}
.his_box > ul > li{position: relative; padding-left: 120px; line-height: 26px}
.his_box > ul > li + li{margin-top: 6px}
.his_box > ul > li > span{position: absolute; width: 110px; text-align: center; background: #eae7ff; line-height: 26px; border-radius: 20px; top: 0; left: 0}
.his_box02 .his_tit{background: #171741; height: 50px; border-radius: 50px; text-align: center; color: #fff}
.his_box02 .his_tit > span{font-size: 1.333em; font-weight: 400; line-height: 50px; display: inline-block}
.his_box02 .his_tit > span::before, 
.his_box02 .his_tit > span::after{content: ''; display: inline-block; width: 42px; height: 50px; background-repeat: no-repeat; vertical-align: top}
.his_box02 .his_tit > span::before{background-image: url(../images/sub/history_img01.png); margin-right: 20px}
.his_box02 .his_tit > span::after{background-image: url(../images/sub/history_img02.png); margin-left: 20px}
.his_list{padding: 15px 0 0 28px; position: relative}
.his_list::before{content: ''; position: absolute; top: 80px; width: 1px; height: calc(100% - 124px); background: #999; left: 69px}
.his_list > li{position: relative}
.his_list .his_year{position: absolute; width: 80px; height: 80px; line-height: 80px; border-radius: 80px; background: #fff; border: 1px solid #999; text-align: center; font-size: 1.4em; font-weight: bold; color: #666; top: 50%; margin-top: -40px}
.his_list > li:first-child .his_year{border: 1px solid #3f52b4; background: #3f52b4; color: #fff}
.his_list02{margin-left: 100px; border-bottom: 1px dashed #ccc; min-height: 112px; display: flex; flex-direction: column; justify-content: center; padding: 10px 0}
.his_list02 > li {position: relative; padding-left: 84px}
.his_list02 > li > span{position: absolute;font-weight: 600; top: 0; left: 0}
.his_list02 > li > span::before{content: ''; display: inline-block; width: 6px; height: 6px; border: 2px solid #aaa; background: #fff; border-radius: 6px; margin-right: 10px}
.his_list > li:first-child .his_list02 > li > span::before{border: 2px solid #3f52b4}
.his_list02 > li + li{margin-top: 12px}

/* 교직원소개 pc */
.teacher .call_btn{display: none}

/* 학사일정 pc */
.yearplan_box > ul{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px}
.yearplan_box > ul > li{width: calc(25% - 8px)}
.yearplan_box .month{border: 1px solid #dddddd; border-radius: 10px; overflow: hidden; height: 100%}
.yearplan_box .month .month_tit{background: #999; text-align: center; padding: 15px 10px 8px; box-sizing: border-box; height: 67px}
.yearplan_box .month.month01 .month_tit{background: #3f52b4}
.yearplan_box .month.month02 .month_tit{background: #1a9b90}
.yearplan_box .month.month03 .month_tit{background: #4a9636}
.yearplan_box .month.month04 .month_tit{background: #ff6920}
.month_tit .mon_name{color: #fff; font-size: 0.933em}
.month_tit .mon_name span{font-size: 2em; font-weight: 600}
.month_tit .mon_en{display: inline-block; background: #fff; margin-top: 5px; line-height: 1.2; width: 90px; border-radius: 20px; font-size: 0.867em; font-weight: 500; letter-spacing: -0.5px; text-transform: uppercase}
.month01 .month_tit .mon_en{color: #3f52b4}
.month02 .month_tit .mon_en{color: #1a9b90}
.month03 .month_tit .mon_en{color: #4a9636}
.month04 .month_tit .mon_en{color: #ff6920}
.month_txt{background: #fff; padding: 0 10px 10px 10px; height: calc(100% - 67px)}
.month_txt > ul{background: #f1f1f1; border-radius: 0 0 10px 10px; padding: 15px; height: calc(100% - 10px); box-sizing: border-box}
.month_txt > ul > li{padding-left: 70px; position: relative; font-size: 0.933em}
.month_txt > ul > li .date{width: 56px; position: absolute; top: 1px; left: 0; text-align: center; font-size: 0.929em; background: #fff; border-radius: 10px}
.month_txt > ul > li .date.date2{background: #d7333a; color: #fff}
.month_txt > ul > li + li{margin-top: 12px}

/* 찾아오시는 길 pc */
.map .map_area{border-bottom: 1px solid #ddd}
.map .map_area .root_daum_roughmap{width: 100%}
.map .map_area .root_daum_roughmap .wrap_map{height: 480px; width: 100%}
.map_txt_box{margin-top: 20px}
.map_txt_box > ul > li{border-top: 1px solid #ddd; padding: 25px 15px 15px 135px; position: relative; min-height: 102px}
.map_txt_box > ul > li:last-child{border-bottom: 1px solid #ddd}
.map_txt_box > ul > li::before{content: ''; position: absolute; top: 15px; left: 15px; width: 102px; height: 102px; background-repeat: no-repeat}
.map_txt_box > ul > li.map_add::before{background-image: url(../images/sub/map_icon01.png)}
.map_txt_box > ul > li.map_bus::before{background-image: url(../images/sub/map_icon02.png)}
.map_txt_box .map_bus{background: #f1f1f1}
.map_txt_box .map_tit{font-size: 1.2em; font-weight: 600}
.map_txt_box .map_txt p{margin-top: 10px; position: relative}
.map_txt_box .map_add .map_txt p{padding-left: 90px}
.map_txt_box .map_txt .g_tbox{background: #ddd; position: absolute; width:80px; border-radius: 20px; left: 0; text-align: center}

/* 전형요강 pc */
.ad_tit_box{text-align: center}
.ad_tit_box .ad_year{background: #171741; color: #fff; font-size: 1.2em; width: 80%; max-width: 240px; line-height: 31px; border-radius: 31px; margin: 0 auto}
.ad_tit_box .ad_tit{padding: 38px 0 40px; line-height: 1.2; font-size: 1.333em; position: relative; display: inline-block; text-align: center}
.ad_tit_box .ad_tit::before, 
.ad_tit_box .ad_tit::after{content: ''; position: absolute; width: 42px; height: 16px; background-repeat: no-repeat; top: 44px}
.ad_tit_box .ad_tit::before{background-image: url(../images/sub/ad_tit_img01.png); left: -60px}
.ad_tit_box .ad_tit::after{background-image: url(../images/sub/ad_tit_img02.png); right: -60px}
.ad_tit_box .btns{display: flex; width: 100%; max-width: 800px; margin:0 auto; position: relative}
.ad_tit_box .btns::before, 
.ad_tit_box .btns::after{content: ''; position: absolute; width: 152px; height: 80px; top: -80px; background-repeat: no-repeat}
.ad_tit_box .btns::before{background-image: url(../images/sub/ad_tit_bg01.png); left: 0} 
.ad_tit_box .btns::after{background-image: url(../images/sub/ad_tit_bg02.png); right: 0}
.ad_tit_box .btns li{width: 50%; line-height: 60px; background: #444; transition: 0.1s ease}
.ad_tit_box .btns li:hover{opacity: 0.8}
.ad_tit_box .btns li:first-child{border-radius: 30px 0 0 30px; background: #503fb4}
.ad_tit_box .btns li:last-child{border-radius: 0 30px 30px 0}
.ad_tit_box .btns li a{color: #fff; display: block; font-size: 1.2em}
.ad_tit_box .btns li span::after{content: ''; display: inline-block; width: 43px; height: 21px; background: url(../images/sub/ad_btn_icon.png) no-repeat right top}
.ad_h5{position: relative; margin: 20px 0 15px; position: relative}
.ad_h5.num span:not(.num){padding: 0 35px 0 61px}
.ad_h5::after{content: ''; position: absolute; left: 0; top: 16px; width: 100%; height: 1px; background: #aaa; z-index: -1}
.ad_h5 span:not(.num){padding: 0 35px 0 25px; line-height: 34px; background: #ef4916; border-radius: 0 20px 20px 0 ;  display: inline-block; color: #fff}
.ad_h5 span.num{background: #fff; position: absolute; top: 1px; left: 1px; line-height: 32px; width: 36px; text-indent: 7px; border-radius: 0 20px 20px 0}
.ad_h6{position: relative; padding-left: 26px; margin: 10px 0}
.ad_h6::before{content: ''; width: 7px; height: 7px; background: #fff; position: absolute; left: 6px; top: 0.267em; border-radius: 10px; border: 3px solid #ef4916}
.inner_txt{margin: 15px 0}
.inner_txt .score{background: #ebebeb; padding: 15px; text-align: center; margin: 10px 0; font-weight: 500}
.inner_txt p{margin-top: 8px; padding-left: 10px; font-size: 0.933em}
.ad_check{border: 1px solid #ff6018; border-radius: 50px; padding: 10px; min-height: 58px; box-sizing: border-box; background-image: url(../images/sub/check_icon.png); background-position: left center; background-repeat: no-repeat; position: relative}
.check_tit{border-right: 1px solid #999; font-size: 18px; color: #ff6018; font-weight: 500; width: 115px; left: 65px; position: absolute; top: 50%; transform: translateY(-10px)}
.check_txt{padding:0 35px 0 215px}

/* 학과소개 pc */
.depart_tit{min-height: 299px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; position: relative; display: flex; align-items: center}
.depart_tit::before, 
.depart_tit::after{content: ''; width: 48%; max-width: 550px; height: 100%; position: absolute;  right: 0; top: 0; background-repeat: no-repeat}
.depart_tit::before{background-image: url(../images/sub/depart_bg01_2026.png); background-size: cover; background-position: left center}
/* 학과별 배경이미지 */
.depart02 .depart_tit::before{background-image: url(../images/sub/depart_bg02.png)}
.depart03 .depart_tit::before{background-image: url(../images/sub/depart_bg03_new.png)}
/* // 학과별 배경이미지 */
.depart_tit .tit_box{padding: 0 30px; width: 52%; box-sizing: border-box}
.depart_tit .depart_h4{padding-bottom: 30px; font-size: 2.133em; line-height: 1; border-bottom: 1px dashed #aaa; font-weight: 500}
.depart_tit .depart_h4 > span{font-size: 0.469em; display: block; font-weight: 400; margin-top: 10px}
.depart_tit .tit_info{padding: 22px 0 0; word-break: keep-all; color: #555; font-size: 0.933em}
.depart_goal{background-image: url(../images/sub/depart_img01_01.png); border-radius: 10px; border: 1px solid #9082ef; padding: 25px 170px 25px 25px; background-repeat: no-repeat; background-position: right bottom; background-color: #f1efff}
/* 학과별 교육목표 일러스트 */
.depart02 .depart_goal{background-image: url(../images/sub/depart_img02_01.png)}
.depart03 .depart_goal{background-image: url(../images/sub/depart_img03_01.png)}
/* // 학과별 교육목표 일러스트 */
.depart_goal ul li::before{background: #3f28d9}
.depart_operate{padding: 10px 0; text-align: center}
.depart_operate ul{display: flex; justify-content: space-between}
.depart_operate ul li{width: calc(25% - 55px); border: 1px solid #ddd; border-radius: 20px; padding: 4px; min-height: 210px; box-sizing: border-box; position: relative}
.depart_operate ul li:first-child{border: 1px solid #1a9b90}
.depart_operate ul li:nth-of-type(2){border: 1px solid #3f52b4}
.depart_operate ul li:nth-of-type(3){border: 1px solid #c73b48} 
.depart_operate ul li:last-child{border: 1px solid #4a9636}
.depart_operate .ope_tit{min-height: 100px; padding: 28px 10px 0; box-sizing: border-box; background: #999; color: #fff; border-radius: 16px 16px 0 0; position: relative; font-size: 1.2em; line-height: 1.2}
.depart_operate .ope_tit::after{content: ''; width: 12px; height: 12px; border-radius: 12px; position: absolute; left: 50%; margin-left: -6px; bottom: -6px; background: #999; z-index: -1}
.depart_operate ul li:first-child .ope_tit{background: #1a9b90}
.depart_operate ul li:nth-of-type(2) .ope_tit{background: #3f52b4}
.depart_operate ul li:nth-of-type(3) .ope_tit{background: #c73b48} 
.depart_operate ul li:last-child .ope_tit{background: #4a9636}
.depart_operate ul li:first-child .ope_tit::after{background: #1a9b90}
.depart_operate ul li:nth-of-type(2) .ope_tit::after{background: #3f52b4}
.depart_operate ul li:nth-of-type(3) .ope_tit::after{background: #c73b48} 
.depart_operate ul li:last-child .ope_tit::after{background: #4a9636}
.depart_operate ul li::after{content: ''; position: absolute; height: 100%; width: 75px; background: url(../images/sub/depart_icon01.png) no-repeat center; right: -75px; top: 0}
.depart_operate ul li:last-child:after{content: none}
.depart_operate .ope_txt{padding: 24px 12px 10px}
.depart_block > ul{display: flex; gap: 10px; flex-wrap: wrap}
.depart_block > ul > li{width: calc(25% - 7.5px); border: 1px solid #ddd; box-sizing: border-box; height: 60px; padding:0 10px 0 50px; background: url(../images/sub/depart_icon02.png) no-repeat left top; display: flex; align-items: center}
.depart_block > ul > li > span{line-height: 1}
.depart_course > ul > li{display: flex; width: 100%; justify-content: space-between; margin-bottom: 15px}
.depart_course .course_tit, 
.depart_course .course_txt, 
.depart_course .box{border-radius: 10px; padding: 25px; box-sizing: border-box}
.depart_course .course_tit{background: #eaeaea; width: 92px; display: flex; align-items: center; justify-content: center; min-height: 88px}
.depart_course .course_txt{width: calc(100% - 107px); border: 1px solid #ddd}
.depart_course .box{background: #eaeaea}

/* 도제학교 pc */
.appr_box{padding: 25px 225px 25px 25px; border: 1px solid #ddd; background: url(../images/sub/apprentice_bg.png) no-repeat right bottom}
.appr_box li{position: relative; padding-left: 14px}
.appr_box li::before{content: ''; position: absolute; width: 6px; height: 6px; border-radius: 6px; border: 2px solid #503fb4; background: #fff; left: 0; top: 0.333em}
.appr_box li + li{margin-top: 15px}
.appr_box li span{font-weight: 600}
.appr_ncs > ul{display: flex; justify-content: space-between}
.appr_ncs > ul > li{width: calc(33.33% - 32px); border-radius: 10px; padding: 10px; box-sizing: border-box; position: relative; min-height: 160px}
.appr_ncs > ul > li::after{content: ''; position: absolute; height: 100%; width: 48px; background: url(../images/sub/depart_icon01.png) no-repeat center; right: -48px; top: 0}
.appr_ncs > ul > li.ncs::after{background: url(../images/sub/apprentice_icon.png) no-repeat center}
.appr_ncs > ul > li:last-child::after{content: none}
.appr_ncs .ncs{background: #eaeaea}
.ncs .ncs_tit{background: #fff; border-radius: 10px; text-align: center; font-size: 2.267em; color: #d52b1e; line-height: 68px; font-weight: 600}
.ncs> p{margin-bottom: 15px}
.appr_ncs .photo{border: 1px solid #ddd; position: relative; background: url(../images/sub/apprentice_img01.png); background-repeat: no-repeat; background-position: center; background-size: cover}
.appr_ncs .photo:last-child{background-image: url(../images/sub/apprentice_img02.png)}
.appr_ncs .photo .ncs_tit{position: absolute; bottom: 10px; left: 10px; background: rgba(255, 255, 255, 0.9); width: calc(100% - 20px); text-align: center; padding: 12px 10px; box-sizing: border-box; border-radius: 10px; font-weight: 600}

/* 군특성화 pc */
.army .step01{border: 1px solid #3f52b4}
.army .step02{border: 1px solid #1a9b90}
.army .step03{border: 1px solid #a7478d}
.army_step{display: flex; justify-content: space-between; text-align: center}
.army_step > li{width: calc(33.33% - 10px); border-radius: 10px; border: 1px solid #999; box-sizing: border-box; padding: 10px; position: relative; background: #fff}
.army_step > li::before,
.army_step > li::after{content: ''; position: absolute; left: 50%; z-index: 1}
.army_step > li::before{width: 1px; height: 34px; bottom: -35px; background: #999}
.army_step > li::after{bottom: -35px; width: 11px; height: 11px; height: 11px; border: 1px solid #999; border-radius: 10px; background: #fff; margin-left: -6px}
.army_step .step01::before{background: #3f52b4}
.army_step .step02::before{background:#1a9b90}
.army_step .step03::before{background:#a7478d}
.army_step .step01::after{border: 1px solid #3f52b4}
.army_step .step02::after{border: 1px solid #1a9b90}
.army_step .step03::after{border: 1px solid #a7478d}
.army_step > li > div{background: #eaeaea; border-radius: 8px; padding: 15px; box-sizing: border-box; height: 100%}
.army_step .step01 > div{background: #e9eaff}
.army_step .step02 > div{background: #d7f8f5}
.army_step .step03 > div{background:#fee0f6}
.army_step .army_step_tit{font-size: 1.2em; font-weight: 600; line-height: 1.2; padding-top: 10px}
.army_step .step01 .army_step_tit{color: #1e3192}
.army_step .step02 .army_step_tit{color: #006b62}
.army_step .step03 .army_step_tit{color: #9b1a78}
.army_step .army_step_tit::after{content: ''; display: block; height: 42px; background-repeat: no-repeat; background-position: center; margin-bottom: 6px; margin-top: 10px}
.army_step .step01 .army_step_tit::after{background-image: url(../images/sub/army_step_icon01.png)}
.army_step .step02 .army_step_tit::after{background-image: url(../images/sub/army_step_icon02.png)}
.army_step .step03 .army_step_tit::after{background-image: url(../images/sub/army_step_icon03.png)}
.army_step .army_step_txt{background: #fff; height: 54px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.067em; font-weight: 500; padding: 0 10px}
.army_bt{border: 1px solid #ddd; border-radius: 10px; margin-top: 27px; padding: 25px 350px 25px 25px; box-sizing: border-box; overflow: hidden; background-image: url(../images/sub/army_bt_bg.png); position: relative; background-repeat: no-repeat; background-position: calc(100% - 20px) center}
.army_bt::before,
.army_bt::after{content:''; position: absolute}
.army_bt::before{width: 67px; height: 70px; background: url(../images/sub/army_bt_img.png); bottom: 6px; right: 268px}
.army_bt::after{width: 400px; height: 400px; background: #ffd3d3; right: -200px; border-radius: 400px; top: -78px; z-index: -1}
.army_focus{padding-bottom: 30px}
.army_focus > ul{display: flex; justify-content: space-between}
.army_focus > ul > li{width: calc(33.333% - 16px); position: relative}
.army_focus .focus_photo{width: 75%; margin:0 auto; border-radius: 10px 10px 0 0; padding: 2px; box-sizing: border-box}
.army_focus .focus_photo img{width: 100%; border-radius: 10px 10px 0 0}
.army_focus .focus_tit{position: absolute; bottom: -30px; background: #999; color: #fff; width: 100%; text-align: center; font-size: 1.067em; padding: 15px 10px; box-sizing: border-box; border-radius: 10px; font-weight: 500; line-height: 1.25}
.army_focus > ul > li:first-child .focus_tit{background: #3f52b4}
.army_focus > ul > li:nth-of-type(2) .focus_tit{background: #1a9b90}
.army_focus > ul > li:last-child .focus_tit{background: #a7478d}
.army_focus > ul > li + li::before{content: ''; position: absolute; top: 0; width: 20px; height: 100%; background: url(../images/sub/army_focus_icon.png) no-repeat center top; left: -20px}

/* 군특성화(변경) - 공통 */
.army_tit{font-size: 1.333em; margin: 38px auto 25px; position: relative; width: 80%; max-width: 340px; text-align: center;}
.army_tit::before, 
.army_tit::after{content: ''; position: absolute; width: 42px; height: 20px; background-repeat: no-repeat;}
.army_tit::before{left: 0; background-image: url(../images/sub/army_tit_img01.png);}
.army_tit::after{right: 0; background-image: url(../images/sub/army_tit_img02.png);}
.army02 .army_tit::before{background-image: url(../images/sub/army_tit_img03.png);}
.army02 .army_tit::after{background-image: url(../images/sub/army_tit_img04.png);}
.army03 .army_tit::before{background-image: url(../images/sub/army_tit_img05.png);}
.army03 .army_tit::after{background-image: url(../images/sub/army_tit_img06.png);}
.army_tit > span::after{content:''; position: absolute; width: 100%; height: 10px; background: url(../images/sub/dash_bg.png) repeat-x; left: 0; bottom: -25px;}
.army_h5{font-size: 1.133em; background: #3f52b4; color: #fff; padding: 0.45em 35px 0 55px; min-height: 34px; display: inline-block; border-radius: 17px 17px 0 17px ; position: relative; margin: 20px 0 15px; font-weight: 400; box-sizing: border-box;}
.army02 .army_h5{background: #1a9b90;}
.army03 .army_h5{background: #a7478d;}
.army_h5::before{content: ''; position: absolute; width: 30px; height: calc(100% - 4px); background-color: #fff; border-radius: 30px; left: 2px; top: 2px; background-image: url(../images/sub/army_tit_icon01.png); background-repeat: no-repeat; background-position: center;}
.army_h5.ar01::before{background-image: url(../images/sub/army_tit_icon01.png);}
.army_h5.ar02::before{background-image: url(../images/sub/army_tit_icon02.png);}
.army_h5.ar03::before{background-image: url(../images/sub/army_tit_icon03.png);}
.army_h5.ar04::before{background-image: url(../images/sub/army_tit_icon04.png);}
.txt_box.armytxt{border: 1px solid #dddddd; border-radius: 10px;}


/* 군특성화(변경) - 01.군특성화 제도 */
.txt_box.armytxt01{padding-right: 295px; background-image:url(../images/sub/army_img02.png); background-position: 115% bottom; background-repeat: no-repeat; position: relative; background-color: #f1f1f1;}
.txt_box.armytxt01::after{content: ''; position: absolute; width: 175px; height: 94px; background: url(../images/sub/army_img01.png); right: 0; bottom: 0;}
.army_recruit{display: flex; justify-content: space-between;}
.army_recruit .recruit{width: calc(50% - 13px); border: 1px solid #ddd; border-radius: 10px; padding: 18px 18px 18px 120px; box-sizing: border-box; position: relative;}
.recruit::before{content: ''; width: 120px; height: 120px; background-image: url(../images/sub/army_icon01.png);background-repeat: no-repeat; position: absolute; left: 0; top: 0;}
.recruit.recruit2::before{background-image: url(../images/sub/army_icon02.png);}
.recruit .recruit_txt{border-left: 1px solid #ddd; min-height:82px; padding-left: 22px;}
.recruit .recruit_txt .recruit_tit{font-size: 1.133em; font-weight: 500;}
.recruit .recruit_txt p{line-height: 1.6;}

/* 군특성화(변경) - 02.교육과정 및 성장경로 */
.growth_wrap{position: relative; min-height: 200px;}
.growth_wrap > ul{position: relative; padding-right: 214px; padding-top: 15px;}
.growth_2step{display: flex; justify-content: space-between; padding: 43px 0;}
.growth_2step > li{position: relative; background: #555; border-radius: 50px; padding: 12px; height: 40px; box-sizing: border-box; box-shadow: 0 0 4px rgba(0, 0, 0, .3); display: flex; align-items: center; justify-content: center; text-align: center;}
.growth_2step > li:first-of-type{width: calc(25% - 20px);}
.growth_2step > li:nth-of-type(2){width: calc(35% - 20px); background: #6c84ff;}
.growth_2step > li:last-of-type{width: calc(40% - 20px); background: #553fb4;}
.growth_2step > li:not(:first-of-type)::before{content: ''; width: 30px; height: 100%; background-image: url(../images/sub/army_step_icon04.png); background-repeat: no-repeat; position: absolute; left: -30px; background-position: center;}
.growth_2step > li:last-of-type::before{background-image: url(../images/sub/army_step_icon05.png);}
.growth_2step > li > p{color: #fff; word-break: keep-all;}
.growth_3step > li{position: absolute; text-align: center; background: #eaeaea; line-height: 28px; min-width: 120px; padding: 0 25px; box-sizing: border-box; border-radius: 40px; right: 0;}
.growth_2step > li:first-of-type .growth_3step > li{right: -85px;}
.growth_2step > li:nth-of-type(2) .growth_3step > li{background: #e0e5ff; color: #1e3192;}
.growth_2step > li:last-of-type .growth_3step > li{background: #e9e0ff; color: #3c1e92;}
.growth_3step > li.step3_1st{top: -40px;}
.growth_3step > li.step3_last{bottom: -40px;}
.growth_3step > li::before{content: ''; width: 8px; height: 8px; background: #eaeaea; position: absolute; left: 50%; margin-left: -5px; transform: rotate(45deg); bottom: -4px;}
.growth_3step > li.step3_last::before{bottom: unset; top:-4px}
.growth_2step > li:nth-of-type(2) .growth_3step > li::before{background: #e0e5ff;}
.growth_2step > li:last-of-type .growth_3step > li::before{background: #e9e0ff;}
.growth_wrap .growth_result{position: absolute; width: 140px; height: 200px; right: 0; top: 0; box-sizing: border-box; border: 1px solid #171741; border-radius: 10px; padding: 10px; line-height: 1.4;}
.growth_wrap .growth_result p{width: 100%; height: 100%; background: #171741; color: #fff; border-radius: 8px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 1.133em;}
.growth_wrap .growth_result::before{content: ''; position: absolute; width: 33px; height: 33px; background: url(../images/sub/army_step_icon06.png) no-repeat; top: 50%; margin-top: -16px;  left: -45px;}
.growth_wrap > p{position: absolute; width: calc(100% - 214px); right: 214px; text-align: right; bottom: 0;}
.growth_wrap > p > span{background: linear-gradient(90deg, #6c84ff, #553fb4); width: calc(62.5% - 20px); display: inline-block; text-align: center; line-height: 40px; border-radius: 0 0 20px 20px; color: #fff;}
.txt_box.armytxt02{background: url(../images/sub/army_img03.png) no-repeat right bottom;}

/* 군특성화(변경) - 03.군 특성화 학생 특전 */
.benefit_list li{line-height: 1.7; background-repeat: no-repeat; background-position: left 6px; position: relative;}
.benefit_list > li{padding-left: 43px; }
.benefit_list > li:nth-child(1){background-image: url(../images/sub/army_li_icon01.png);}
.benefit_list > li:nth-child(2){background-image: url(../images/sub/army_li_icon02.png);}
.benefit_list > li:nth-child(3){background-image: url(../images/sub/army_li_icon03.png);}
.benefit_list > li:nth-child(4){background-image: url(../images/sub/army_li_icon04.png);}
.benefit_list > li:nth-child(5){background-image: url(../images/sub/army_li_icon05.png);}
.benefit_list > li:nth-child(6){background-image: url(../images/sub/army_li_icon06.png);}
.benefit_list > li:nth-child(7){background-image: url(../images/sub/army_li_icon07.png);}
.benefit_list > li .num{font-weight: 600; position: absolute; left: 13px; top: 0; }
.benefit_step_wrap{margin:20px 0; }
.benefit_step{display: flex; justify-content: space-between; position: relative; margin-bottom: 95px;}
.benefit_step::before,
.benefit_step::after{content: '';  position: absolute;}
.benefit_step::before{width: 80%; height: 1px; bottom: -40px; left: 10%; background: #bbb; z-index: -1;}
.benefit_step::after{width: 33px; height: 22px; background: url(../images/sub/army_step_icon03.png) no-repeat; left: 50%; bottom: -80px; margin-left: -16px;}
.benefit_step > li{width: calc(20% - 12px); border-radius: 10px; border: 1px solid #ddd; display: flex; align-items: center; height: 80px; position: relative; background: #fff;}
.benefit_step > li::before, 
.benefit_step > li::after{content: ''; position: absolute; left: 50%;}
.benefit_step > li::before{width: 1px; height: 34px; background: #bbb; bottom: -35px; z-index: 1;}
.benefit_step > li::after{bottom: -46px; width: 12px; height: 12px; background: url(../images/sub/army_icon03_after.png); margin-left: -6px; z-index: 1;}
.benefit_step .step1{border: 1px solid #6c84ff;}
.benefit_step .step2{border: 1px solid #34c2b6;}
.benefit_step .step3{border: 1px solid #da6dbc;}
.benefit_step .step4{border: 1px solid #ff824a;}
.benefit_step .step5{border: 1px solid #57d14a;}
.benefit_step .step1::after{background: url(../images/sub/army_icon03_after.png)}
.benefit_step .step2::after{background: url(../images/sub/army_icon04_after.png)}
.benefit_step .step3::after{background: url(../images/sub/army_icon05_after.png)}
.benefit_step .step4::after{background: url(../images/sub/army_icon06_after.png)}
.benefit_step .step5::after{background: url(../images/sub/army_icon07_after.png)}
.benefit_step .icon{width: 82px; height: 100%; background: #ddd; border-radius: 8px 40px 40px 8px; overflow: hidden;}
.benefit_step .step1 .icon{background: #6c84ff;}
.benefit_step .step2 .icon{background: #34c2b6;}
.benefit_step .step3 .icon{background: #da6dbc;}
.benefit_step .step4 .icon{background: #ff824a;}
.benefit_step .step5 .icon{background: #57d14a;}
.benefit_step .icon span{display: block; padding-top: 48px; text-align: center; background-repeat: no-repeat; background-position: center top; color: #fff; font-weight: 600;}
.benefit_step .step1 .icon span{background-image: url(../images/sub/army_icon03.png);}
.benefit_step .step2 .icon span{background-image: url(../images/sub/army_icon04.png);}
.benefit_step .step3 .icon span{background-image: url(../images/sub/army_icon05.png);}
.benefit_step .step4 .icon span{background-image: url(../images/sub/army_icon06.png);}
.benefit_step .step5 .icon span{background-image: url(../images/sub/army_icon07.png);}
.benefit_step .txt{padding-left: 20px;}
.benefit_result{margin: 40px auto 0; border: 1px solid #da6dbc; background: #fff; padding: 10px; border-radius: 50px; max-width: 346px; width: 80%; box-sizing: border-box;}
.benefit_result > p{border-radius: 50px; height: 100%; background: #fee0f6; text-align: center; font-size: 1.6em; padding: 34px 10px 26px; font-family: 'GMS'; font-weight: 500; position: relative;}
.benefit_result > p::before{content: ''; position: absolute; left: 50%; width: 78px; height: 4px; background: url(../images/sub/army_bg.png) no-repeat; margin-left: -39px; top: 20px;}
.benefit_result > p > span{font-weight: 600;}


/* 운영위원회 규정 */
.record{border-bottom: 1px solid #ddd}
.record .record_tit{border-top: 2px solid #555; border-bottom: 1px solid #dddddd; padding: 10px; text-align: center; font-weight: 600}
.record .record_list{padding: 10px 25px 25px; display: flex; flex-wrap: wrap}
.record .record_list li{margin-top: 15px; width: 25%; box-sizing: border-box; padding-left: 16px; color: #555; position: relative}
.record .record_list li::before{content: ''; width: 6px; height: 6px; border-radius: 6px; border: 2px solid #aaa; background: #fff; position: absolute; left: 0; top: 0.333em}
.rule_h4{font-size: 1.2em; margin: 20px 0; background: #eaeaea; border-radius: 8px 8px 0 0; box-sizing: border-box; line-height: 46px; padding-left: 80px; position: relative; overflow: hidden}
.rule_h4::before{content: ''; width: 60px; height: 46px; position: absolute; left: 0; top: 0; background: url(../images/sub/rule_icon01.png) no-repeat center #3838bf}
.rule_h5{margin: 15px 0; padding-left: 35px; background: url(../images/sub/rule_icon02.png) no-repeat left 0.333em; font-size: 1.133em; color: #3838bf}
.rule p, .rule > ul, .rule > ol{padding-left: 32px}
.rule p{margin-bottom: 10px}
.rule_box{margin: 10px 0; background: #eaeaea; padding: 25px; border-radius: 8px}
.rule_box > ol > li + li{margin-top: 0.4em}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {
/* Layout */
#subcontainer{position: relative; z-index: 1}
.subconwrap{position: relative}
.subconbox {position: relative; max-width: 1400px; width: 100%; margin: -122px auto 0; z-index: 1}
#sub_left {position: relative; display: block; float: left; margin-bottom:50px; background: #fff; border: 1px solid #ddd}
#subright {position: relative; float: right; max-width: 1080px; width: calc(100% - 320px);  top: 95px; margin-bottom: 95px}
#subpage{margin:25px 5px 50px}
/*Quick*/
#quick {top:-280px}
/* Subleft */
.left_tit{position: relative; width: 280px; height: 120px; padding:0; box-sizing: border-box; background: url(../images/sub/left_tit_bg.png) no-repeat left top}
.left_tit h2{padding:40px 0 8px; font-size: 1.846em; font-weight: 600; color:#2529a1; text-align: center}
.left_tit .schtxt{text-align: center; color:#aaaaaa; font-size: 12px; font-weight: 300}
.leftmn{position: relative; width: 280px}
.leftmn > ul > li:not(.leftfix) > a {display: block; line-height: 140%; padding:10px 50px 11px 15px; background:url(../images/sub/blt_sub_left.png) no-repeat right center #fff; font-size: 1.231em; font-weight:400; color: #000; transition: all .2s; box-sizing: border-box; border-top: 1px solid #ddd}
.leftmn > ul > li.leftfix > a{padding:16px 15px 17px 15px; background: #171741; color: #fff; text-align: center; display: block; line-height: 140%; font-size: 1.385em}
.leftmn > ul > li:last-child a{margin-bottom: 0}
.leftmn > ul > li:not(.leftfix) > a:hover, 
.leftmn > ul > li.leftmenuover > a{background:url(../images/sub/blt_sub_left_a.png) no-repeat right center #3838bf; color:#fff; font-weight: 600; text-decoration:none}
/*MN third*/
.leftmn .third{position: relative; padding:5px 15px; background: #f5f5f5; box-sizing: border-box; border-top: 1px solid #ddd}
.leftmn .third li {border-bottom:1px solid #d9d9d9}
.leftmn .third li:last-child{border-bottom:none}
.leftmn .third li a{display: block; line-height: 140%; padding:7px 0 7px 14px; margin-bottom: 0; border:none; font-weight: 400; color:#252525; position: relative; font-size: 1.154em}
.leftmn .third li a::before{content: ''; width: 6px; height: 2px; background: #999; position: absolute; left: 0; top: 16px}
.leftmn .third li:hover a, .leftmn .third .on a, .leftmn .third .third_on a {color:#000; font-weight:700}
.leftmn .third li:hover a::before, .leftmn .third .on a::before, .leftmn .third .third_on a::before{background: #3838bf}

/* PC guide*/
#sub_guide {position: absolute; top:-5px; left:0;  z-index: 10}
#sub_guide:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
#sub_guide .navi_area{height: 25px; line-height: 25px}
#sub_guide .navi_area ul {text-align: center}
#sub_guide .navi_area li {display: inline-block; width:auto !important}
#sub_guide .navi_area li a { display: block;padding: 0 9px 0 13px; line-height: 15px; background: url(../images/sub/navi_arr_pc.png) 0 50% no-repeat; color:#fff; font-size: 1.077em; font-weight:400}
#sub_guide .navi_area li:first-child a {background: none; padding-left: 0}
#sub_guide .navi_area li.m_menu {display: none}
#sub_guide .navi_area li.page_on{ font-weight:700}
#sub_guide .navi_area > ul > li.nav_home a{width: 20px; padding:0 9px 0 0; height: 19px}

/* subtop_btn */
.subtop_btn {display: block; position:absolute; top:-9px; right:0; width: 135px; z-index: 1}
.subtop_btn dl.font{float: left; margin-right: 3px}
.subtop_btn dl.font > dt{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
.subtop_btn dl.font > dd{float: left; margin-right: 5px}
.subtop_btn dl.font > dd:last-child{margin-right: 2px}

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

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


/* LAYOUT 1400px */
@media only screen and (max-width:1400px) {
.subconbox{width: calc(100% - 40px)}
/* 비주얼 1400 */
.visual_txt{width: calc(100% - 360px); right: 20px}
.vis_list{width: calc(100% - 320px)}
.vis_list::after{width: calc(100% - 330px); right: 10px}
.visual_txt p{font-size: 24px}
.tit_sty01, .tit_sty02{font-size: 32px}
.vis_list li{font-size: 15px}
/* 교육목표 1400 */
.object_list .ob_txt br{display: none}
.object .object_list{gap: 14px}
.object_list > li{padding: 15px 10px}
.object_list .ob_tit{font-size: 1.133em}
/* 학교상징 1400px */
.belief .belief_tit{padding: 16px 60px}
.belief .belief_tit::before, .belief .belief_tit::after{top: 50%; margin-top: -4px}
.belief .belief_tit::before{left: 40px}
.belief .belief_tit::after{right: 40px}
.belief_list::before{width: 68.5%}
.song_wrap{padding: 20px}
.song_wrap .sheet{width: 60%}
.song_wrap .lyrics{width: calc(40% - 15px)}
.lyrics .lyrics_top > p{padding-left: 60px; background: url(../images/sub/song_img.png) no-repeat 22px top}
/* 학교연혁 1400px */
.his_box{padding: 20px}
/* 학사일정 1400px */
.month_txt > ul > li{padding-left: 62px}
.month_txt > ul{padding: 10px}
/* 전형요강 1400px */
.check_tit{width: 100px}
.check_txt{padding:0 20px 0 200px}
/* 학과소개 1400px */
.depart_tit::before, 
.depart_tit::after{width: 46%}
.depart_tit .tit_box{padding: 0 20px 0 0; width: 54%}
.depart_tit .tit_info{word-break: break-all; letter-spacing: -0.5px}
.depart_operate ul li{width: calc(25% - 30px)}
.depart_operate ul li::after{width: 40px; right: -40px}
.depart_block > ul > li{padding:0 10px 0 45px}
/* 군특성화 1400px */
.army_focus{padding-bottom: 40px}
.army_focus > ul > li{width: calc(33.333% - 10px)}
.army_focus > ul > li + li::before{left: -14px}
.army_focus .focus_tit{font-size: 1em; bottom: -40px}
/* 운영위원회 규정 1400px */
.record .record_list{padding: 10px 15px 15px}
/* 군특성화(변경) - 02.교육과정 및 성장경로 1400px */
.growth_wrap > ul{padding-right:170px}
.growth_wrap .growth_result{width: 120px;}
.growth_wrap .growth_result::before{left: -35px;}
.growth_2step > li:first-of-type .growth_3step > li{right: -65px}
.growth_wrap > p{width: calc(100% - 170px); right: 170px;}
/* 군특성화(변경) - 03.군 특성화 학생 특전 1400px */
.benefit_step > li{width: calc(20% - 8px);}
.benefit_step .txt{padding-left: 10px;}
.benefit_step .icon{width: 72px;}
}


/* LAYOUT 1200px */
@media only screen and (max-width:1200px) {
#subright{width: calc(100% - 270px)}
/* Subleft */
.left_tit{width: 240px}
.leftmn{position: relative; width: 240px}
/* 서브비주얼 1200 */
.vis_list li{font-size: 12px; letter-spacing: -0.5px}
/**** 저작권신고 - 금파 1200px ****/
.copyright .copy_img > p.copyimg_txt{background-size: contain;}
/* 교육목표 1200 */
.object{padding-bottom: 140px}
/* 학교상징 1200px */
.lyrics .lyrics_top > p{padding-left: 25px; background: none}
/* 학사일정 1200px */
.yearplan_box > ul > li{width: calc(50% - 5px)}
}


/* MOBILE LAYOUT 1024 */
@media only screen and (max-width:1024px) {
.subconbox{margin: 0 auto; width: calc(100% - 20px)}
#wrap{margin-top: -36px; font-size: 1.077em}
/*Mainheader */
.header_top{top:3px}
/*quick-main pc,mobile과 sub pc에서만 나옴*/
#quick{display: none}
/* Layout */
#subright{position: relative; width: 100%; border-radius:0}
#subright.nomargin {margin-top:0 !important}
#subtop{width:100%; height:auto; margin-bottom:15px}
#subtop h3{position: relative; height: auto; padding:62px 0 14px; border-bottom: 1px solid #ddd; color:#222; width: calc(100% + 20px); margin-left: -10px}
#subpage {margin:10px 5px 40px}
/* MB guide */
#sub_guide {position: absolute; left: 0; top: 0; width: 100%; font-size: 14px; z-index:15; width: calc(100% + 20px); margin-left: -10px; border-bottom: 1px solid #ddd}
#sub_guide .btn_home {display: block; position: absolute; left: 0; top: 0}
#sub_guide .btn_home a {display: block; width: 38px; height: 39px; line-height: 44px; background:url('../images/sub/nav_home.png') no-repeat 50% 50% ; border-radius: 5px; text-indent:-9999999px}
#sub_guide .btn_home span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
#sub_guide .navi_area>ul>li{float: left; width: 33.3%;  background:url('../images/sub/navi_area.png') no-repeat right center #fff; position: relative}
#sub_guide .navi_area>ul>li>a {display: block; height: 48px; line-height: 48px; padding:0 24px 0 8px; font-weight: 500; border-left: 1px solid #ddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#222}
#sub_guide .navi_area>ul>li:first-child > a{border-left: none}
#sub_guide .navi_area>ul>li.nav01 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:1px solid #ddd; z-index: 150; box-sizing: border-box}
#sub_guide .navi_area>ul>li:hover{background:url('../images/sub/navi_area.png') no-repeat right center #f5f5f5}
#sub_guide .submn li {padding: 8px 0 8px 5px; border-bottom: 1px solid #ccc; z-index: 150}
#sub_guide .submn li:last-child{border:none}
#sub_guide .submn li a {line-height: 160%; color: #404040; font-weight: 500}
#sub_guide .submn li a:hover{color:#3838bf; font-weight: 600}
/* Fontsize */
.sub_tbtn {display:none}
/* Tab01 */
.tabnavi01{margin:0 0 10px}
.tabnavi01 ul li a{font-size: 13px; padding: 11px 10px 9px}
/* Tab02, boardTab */
.tabnavi02{margin:0 0 15px}
.tabnavi02 ul, .boardTab ul {padding:0 10px 10px}
.tabnavi02 ul li, .boardTab ul li{max-width: 33.33%}
.tabnavi02 ul li, .boardTab ul li, .tabnavi02 ul li a, .boardTab ul li a{font-size:13px}
/*Btn_top*/
#quickmenu{position: fixed; bottom:100%; right:-10px; z-index: 100}
#quickmenu a span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
#quickmenu .btn_top{display: block}
/* Footer */
#footwrap{margin-top:0; padding:0 10px}
#footwrap .foot_area{padding: 0}

/******************************서브컨텐츠 영역**************************************/
/* 기준폰트 14px */
#subpage .basics_font{font-size:1em}
/****페이지 준비중****/
.sub_loding{background: url(../images/sub/page_loding_m.gif) no-repeat center center}

/****LI,P 텍스트스타일,블릿****/
h4.sub_tit4 {font-size: 1.250em}
h5.sub_tit5 {font-size: 1.063em}

.is_txtbox{font-size: 1.000em}
/* -------------------공통스타일 시작 -------------------*/
.common_wrap .comtop ul{padding: 10px}
/*공통_개인정보처리방침*/
.protect .comtop ul{background:none}
/*공통_영상정보처리방침*/
.video .comtop ul{min-height:auto; background:none}
/**** 저작권신고 - 금파 1024px ****/
.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}
/*공통_행정서비스헌장*/
.charter .comtop{margin: 70px 0 15px}
.charter .comtop br{display: none}
/* 금파 텍스트박스 스타일*/
.txt_box{padding: 15px}
/* -------------------공통스타일 끝 -------------------*/

/* -------------------컨텐츠 스타일 시작 -------------------*/
/*MB에서 br 필요 없을때 선언*/
br.mbbr_none{display: none}
/*MB에서 필요 없을때 선언*/
.mb_none{display: none}
/*공통_타이틀*/
.cont_titbox::before, .cont_titbox::after{bottom:6px}
/* 서브비주얼 1024 */
.subcontain .subvisual .visual_item::after{content: none}
.subcontain .subvisual{padding-top: 103px}
.subcontain .subvisual .visual_item{height: 120px}
.visual_txt{width: 100%; justify-content: center; top: 48px}
.visual_txt p{font-size: 20px}
.tit_sty01, .tit_sty02{font-size: 28px}
.vis_list{display: none}
/* 인사말 1024 */
.greet_tit p{font-size: 1.286em}
.greet_tit p > span{font-size: 1.222em}
.greet_txt > p{margin-top: 25px}
.greet_txt .fromKp > img{scale: 0.8}
/* 교육목표 1024 */
.object .object_tit{background: url(../images/sub/goal_tit_bg_m.png) no-repeat center top; font-size: 1.214em; line-height: 113px}
.object::after{top: 60px; height: 110px}
.object_list .ob_tit{font-size: 1.214em}
/* 학교상징 1024px */
.belief_list::before, .belief_list::after{background-size: contain}
.symli_tit{font-size: 1.071em}
.sym_txt{padding: 25px 20px 15px}
.symbol_list > ul > li{width: calc(33.33% - 14px)}
.belief_list > ul > li{width: calc(33.33% - 14px)}
.song_wrap .sheet{display: none}
.song_wrap .lyrics{width: 100%}
/* 찾아오시는 길 1024px */
.map_txt_box .map_add .map_txt p{padding-left: 70px}
.map_txt_box .map_txt .g_tbox{width:60px; font-size: 14px}
/* 전형요강 1024px */
.ad_tit_box .ad_tit{padding: 18px 0 20px}
.ad_tit_box .ad_tit::before, .ad_tit_box .ad_tit::after{top: 36px}
.ad_tit_box .btns::before, 
.ad_tit_box .btns::after{content: none}
.ad_tit_box .btns li a{font-size: 1.067em}
.ad_tit_box .btns li span::after{width: 36px}
/* 학과소개 1024px */
.depart_tit{min-height: unset; display: block; padding-top: 20px; min-height: 192px}
.depart_tit::before{content: none}
.depart_tit::after{width: 100%; max-width: unset; opacity: 0.5; top: unset; bottom: 10px; z-index: -1; height: 70%}
.depart_tit::after{background-image: url(../images/sub/depart_bg.png); background-position: center center}
.depart_tit .tit_box{width: 100%; padding: 0 20px; text-align: center}
.depart_tit .depart_h4{padding-bottom: 22px}
.depart_tit .tit_info{padding: 20px 0}
.depart_course .course_tit, .depart_course .course_txt, .depart_course .box{padding: 15px}
/* 도제학교 1024px */
.appr_box ul li br{display: none}
/* 군특성화 1024px */
.army_step .army_step_tit{font-size: 1.143em}
.army_bt{padding: 15px 350px 15px 15px}
.army_focus .focus_photo{width: 85%}
/* 운영위원회 규정 1024px */
.record .record_list li{width: 50%}
.rule_box{padding: 20px}
/* 군특성화(변경) - 01.군특성화 제도 1024px */
.txt_box.armytxt01{padding-right: 15px; padding-bottom: 100px; background-position: center bottom;}
.txt_box.armytxt01::after{right: 50%; margin-right: -87px;}
.army_recruit .recruit{width: calc(50% - 8px); padding: 15px 15px 15px 120px;}
/* 군특성화(변경) - 02.교육과정 및 성장경로 1024px */
.txt_box.armytxt02{background-size: 300px;}
/* 군특성화(변경) - 03.군 특성화 학생 특전 1024px */
.benefit_step > li{display: block; height: auto;}
.benefit_step .icon{height: unset; width: 100%; border-radius: 8px 8px 40px 40px;}
.benefit_step .icon span{padding-bottom: 5px;}
.benefit_step .txt{padding-left: 0; padding: 5px; text-align: center;}
}


/* MOBILE LAYOUT 820 */
@media only screen and (max-width:820px) {
/* 교육목표 820 */
.object{padding-bottom: 20px}
.object::after{width: 100%; left: 0; height: calc(100% - 60px); border-radius: 40px 40px 20px 20px}
.object .object_list{display: block; position: static; padding: 0 20px; box-sizing: border-box}
.object_list > li{width: 100%; padding: 15px}
.object_list > li + li{margin-top: 15px}
.manage > ul > li{min-height: 145px; margin-bottom: 20px}
.manage > ul > li::before{top: 50px; width: 96px; height: 96px; background-size: contain}
.manage > ul > li:nth-child(even)::before{left: 0; right: unset}
.manage .mana_tit{padding: 0}
.manage .mana_tit > span{display: block; text-align: center; width: 50%; margin: 0 auto}
.manage .mana_txt{padding: 20px 20px 0 116px}
.manage > ul > li:nth-child(even) .mana_txt{text-align: left}

}

/* MOBILE LAYOUT 750 */
@media only screen and (max-width:750px) {
/*공통_마크타이틀*/
.cont_marktit .cnmrk::before{background:url(../images/sub/tit_mark1_m.png) left 0 no-repeat}
.cont_marktit .cnmrk::after{background:url(../images/sub/tit_mark2_m.png) left 0 no-repeat}
/*공통_타이틀*/
.cont_titbox{margin-top: 15px}
.cont_titbox::before, .cont_titbox::after{bottom:-19px}
.cont_titbox .cntit::before{bottom:-15px}
.cont_titbox .cntit span{padding:0; background: none}
/*공통_목적*/
.cont_goal{margin: 35px 0 20px}
.cont_goal .goal_tit{position: relative; top:0; width: auto; margin-top:0; padding: 5px}
.cont_goal .goal_lst{padding: 10px;margin-left: 0}
/* -------------------컨텐츠 스타일 시작 -------------------*/
/* 인사말 750px */
.greet_txt::before{width:95%}
.greet{padding-bottom: 180px; background-size: contain}
.greet::before, .greet::after{background-size: contain}
.greet_txt{padding: 0 20px}
.greet_txt p > br{display: none}
/* 학교상징 750px */
.precept{border: 0; font-size: 1.071em; padding: 15px 0}
.precept .pretit{font-size: 1.4em}
.precept .chi{margin-left: 4px; padding: 0 8px}
.precept > p + p::before{margin: 0 7px}
.symbol_list > ul{display: block}
.symbol_list > ul > li{width: 100%}
.symbol_list > ul > li + li{margin-top: 20px}
.symli_tit{margin-bottom: 10px}
.belief .belief_tit{padding: 16px 50px}
.belief .belief_tit::before{left: 30px}
.belief .belief_tit::after{right: 30px}
.belief_list > ul{display: block; padding-top: 69px}
.belief_list > ul > li{width: 100%; padding: 30px 10px 20px}
.belief_list > ul > li + li{ margin-top: 42px}
.belief_list::before{background: #3b4ca8; width: 1px; height: calc(100% - 65px); transform: none}
.song_wrap{min-height: uns}
.lyrics_box .name_box{padding-left: 0}
.sec_txt{padding: 10px 0}
.lyrics .sec_tit{margin-top: 20px}
/* 학교연혁 750px */
.his_box{background: #fff}
.his_box::after{content: none}
.his_box > ul > li{padding-left: 100px}
.his_box > ul > li > span{width: 90px; font-size: 0.857em}
.his_list{padding: 15px 0 0 0}
.his_list::before{left: 41px}
.his_list02 > li{padding-left: 74px}
.his_box02 .his_tit > span::before{margin-right: 10px}
.his_box02 .his_tit > span::after{margin-left: 10px}
/* 교직원소개 750px */
.teacher .call_btn{display: block}
.teacher .call_num{display: none}
/* 학사일정 750px */
.yearplan_box > ul{display: block}
.yearplan_box > ul > li{width: 100%}
.yearplan_box > ul > li + li{margin-top: 10px}
/* 찾아오시는 길 750px */
/* 찾아오시는 길 pc */
.map .map_area .root_daum_roughmap .wrap_map{height: 280px}
.map_txt_box > ul > li{padding: 20px 15px 15px 112px}
.map_txt_box > ul > li::before{width: 80px; height: 80px; background-size: contain}
.map_txt_box .map_tit{font-size: 1.143em}
/* 전형요강 750px */
.ad_tit_box .ad_tit{padding: 15px 0}
.ad_tit_box .btns{display: block}
.ad_tit_box .btns li{line-height: 42px}
.ad_tit_box .btns li:first-child,
.ad_tit_box .btns li:last-child{border-radius: 30px; width: 100%}
.ad_tit_box .btns li + li{margin-top: 10px}
.ad_check{border-radius: 20px; padding: 12px 20px; background-size: 32px; background-position: 12px 7px}
.check_tit{border-right: 0; border-bottom: 1px solid #999; width: 100%; position: static; transform: translateY(0); padding-bottom: 12px; padding-left: 32px; box-sizing: border-box}
.check_txt{padding: 10px 0 0 0}
/* 학과소개 750px */
.depart_goal{padding: 15px}
.depart_goal, .depart02 .depart_goal, .depart03 .depart_goal{background-image: none}
.depart_operate{padding: 10px 0; text-align: center} 
.depart_operate ul{display: block}
.depart_operate .ope_tit{min-height: 80px; padding: 18px 10px 0}
.depart_operate ul li{width: 100%; min-height: 170px}
.depart_operate ul li + li{margin-top: 60px}
.depart_operate ul li::after{width: 100%; right: 0; height: 60px; top: unset; bottom: -60px}
.depart_block > ul > li{width: calc(50% - 5px)}
.depart_course > ul > li{display: block}
.depart_course .course_tit{width: 100%; min-height: unset}
.depart_course .course_txt{width: 100%; margin-top: 10px}

/* 도제학교 750px */
.appr_box{padding: 150px 15px 15px 15px; background: url(../images/sub/apprentice_bg_m.png) no-repeat center top}
.appr_ncs > ul{flex-wrap: wrap}
.appr_ncs > ul > li.ncs{width: 100%}
.appr_ncs > ul > li.ncs::after{content: none}
.appr_ncs > ul > li.photo{width: calc(50% - 24px); margin-top: 10px}
/* 군특성화 750px */
.army_step{display: block}
.army_step > li{width: 100%}
.army_step > li + li{margin-top: 15px}
.army_step > li:not(:last-child)::before{height: 16px; bottom: -16px}
.army_step > li:not(:last-child)::after{content: none}
.army_step .army_step_tit::after{margin-top: 0; margin-bottom: 0}
.army_step .army_step_txt{height: 48px}
.army_bt{padding: 15px 15px 240px 15px; background-position: center bottom}
.army_bt::before{content: none}
.army_bt::after{right: 50%; transform: translateX(200px); top: unset; bottom: -250px}
.army_focus{padding-bottom: 10px}
.army_focus > ul{display: block}
.army_focus > ul > li{display: block; margin: 0 auto 55px; width: 100%; max-width: 350px}
.army_focus > ul > li + li::before{content: none}
/* 운영위원회 규정 750px */
.rule_h4{margin: 15px 0}
.rule_h5{margin: 10px 0}
.rule_box{padding: 15px}
.rule p, .rule > ul, .rule > ol{padding-left: 0}
.rule > .ol_list > li + li{margin-top: 0.571em}
.rule_box > ol > li + li{margin-top: 0.2em}
/* 군특성화(변경) - 01.군특성화 제도 750px */
.army_recruit{display: block;}
.army_recruit .recruit{width: 100%;}
.army_recruit .recruit + .recruit{margin-top: 10px;}
/* 군특성화(변경) - 02.교육과정 및 성장경로 750px */
.growth_wrap{padding-bottom: 50px;}
.growth_wrap > ul{padding-right: 0; padding-top: 0;}
.growth_wrap .growth_result{position: static; margin: 0 auto; width: calc(100% - 120px); height: 120px;}
.growth_2step{display: block; padding: 0;}
.growth_2step > li:first-of-type,
.growth_2step > li:nth-of-type(2),
.growth_2step > li:last-of-type{width: calc(100% - 120px); margin: 0 auto 60px;}
.growth_2step > li:first-of-type .growth_3step > li{right: unset}
.growth_2step > li:not(:first-of-type)::before{left: 50%; margin-left: -15px; transform: rotate(90deg); top: -50px;}
.growth_3step > li.step3_1st{top: unset; bottom: -40px; left: 0; right: unset;}
.growth_3step > li::before{width: 12px; height: 12px;}
.growth_wrap .growth_result::before{left: 50%;  margin-left: -16px; top: unset; bottom: 127px; transform: rotate(90deg);}
.growth_3step > li.step3_1st::before{top: unset; bottom: 8px; right: -2px; left: unset;}
.growth_3step > li.step3_last::before{top: unset; bottom: 8px; left: 3px;}
.growth_wrap > p{width:100%; right: 0; text-align: center;}
.growth_wrap > p > span{width: calc(100% - 120px); }
.txt_box.armytxt02{background-size: 220px;}
}

/* MOBILE LAYOUT 550 */
@media only screen and (max-width:550px) {
/*개정이력(공통)*/
.ruledate_box > ul li{width:50%}
/**내용영역(공통)**/
/*절*/
.rulebody_box .rule_passage{border-radius: 50px; padding:5px 0; margin:10px 0 0; border-radius: 50px; border:2px solid #ccc; text-align: center; font-weight: 600}
/*장*/
.rulebody_box h4 span.tit_bg{font-weight: 500; font-size: 0.933em}
/* Tab02, boardTab */
.tabnavi02 ul li, .boardTab ul li{max-width: 50%; flex: 1}
.tabnavi01 ul li a{font-size: 12px}
/**** 저작권신고 - 금파 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;}
/* 군특성화(변경) - 03.군 특성화 학생 특전 550px */
.benefit_step{display: block; margin: 0 auto; width: 80%; max-width: 346px;}
.benefit_step::before{width: 1px; height: 100%; left: 50%; top: 0;}
.benefit_step > li{width: 100%; margin-bottom: 15px;}
.benefit_step > li::before,
.benefit_step > li::after{content: none;}
.benefit_step::after{bottom: -32px;}
}

/* MOBILE LAYOUT 500 */
@media only screen and (max-width:500px) {
/*규정*/
/*장*/
.rulebody_box h4::before{bottom:-5px}
.rulebody_box h4::after{display: none}
.rulebody_box h4 > span{padding: 0 0 0 5px}
.rulebody_box h4 span.tit_bg{display:block; margin:0 0 5px -5px}
/* -------------------컨텐츠 스타일 시작 -------------------*/
/* 인사말 500 */
.greet{padding-bottom: 130px}
.greet::before{background-image: url(../images/sub/greet_bg02_m.png); background-size: auto; height: 240px}
.greet::after{background: #31c6dc; height: 4px}
.greet_tit p{font-size: 1.143em}
.greet_tit::before{font-size: 12px}
}

/* MOBILE LAYOUT 473 */
@media only screen and (max-width:473px) {
/*모바일 아래에서 표 내용이 너무많을때 사이즈 고정후 스크롤 하기*/	
.scroll_txt{display: block; padding:3px 5px !important; margin: 5px 0 !important; border-radius: 50px; background:#d7d7d7 !important; text-align: center; color:#000; font-size: 14px}
/****공통 Table 473px****/
.table_scroll{padding-top: 38px; background: #fff}
.table_scroll th, .table_scroll td{min-width: 30px}
.table_scroll::before{content: ''; position: absolute; background: url(../images/sub/table_scroll_img01.png) no-repeat center; width: 100%; height: 38px; top: 0}
.table_scroll table{min-width: 473px}
.table_scroll > table::before,
.table_scroll > table::after{content: ''; position: absolute; top: 0; width: 18px; height: 38px}
.table_scroll > table::before{background-image: url(../images/sub/table_scroll_icon01.png)}
.table_scroll > table::after{right: 0; background-image: url(../images/sub/table_scroll_icon02.png)}
/*금파규정*/
/*개정이력(공통)*/
.ruledate_box > ul li{width:25%}
/* -------------------컨텐츠 스타일 시작 -------------------*/
/* 교육목표 473 */
.manage .mana_tit{padding: 0 20px}
.manage .mana_tit > span{width: auto}
/* 학교상징 473px */
.precept{font-size: 1em}
.precept > p + p::before{margin: 0 4px; width: 4px; height: 4px; vertical-align: 4px}
.precept .chi{padding: 0 5px}
.belief .belief_tit{padding: 40px 20px; line-height: 1.8}
.belief .belief_tit::before{left: 50%; margin-left: -4px; top: 20px; margin-top: 0}
.belief .belief_tit::after{right: 50%;  margin-right: -4px; bottom: 20px; top: unset; margin-top: 0}
.lyrics_box{padding: 15px 0}
/* 학교연혁 473px */
.his_list .his_year{width: 70px; line-height: 70px; height: 70px}
.his_list::before{left: 36px}
.his_list02{margin-left: 85px}
.his_list02 > li{padding-left: 68px}
.his_list02 > li > span::before{margin-right: 6px}
.his_box{padding: 15px 10px}
.his_box > ul > li{padding-left: 90px}
.his_box > ul > li > span{width: 80px}

/* 찾아오시는 길 473px */
.map_txt_box > ul > li{padding: 15px 10px 10px 102px}
.map_txt_box > ul > li::before{left: 10px}
.map_txt_box .map_add .map_txt p{padding-left: 0}
.map_txt_box .map_txt .g_tbox{width:100%; position: static; display: block}
/* 전형요강 473px */
.ad_tit_box .ad_tit{font-size: 18px}
.ad_tit_box .ad_tit::before, .ad_tit_box .ad_tit::after{top: 26px}
.ad_h5::after{content: none}
.ad_h5 span:not(.num){display: block; border-radius: 0}
.ad_h5.num span:not(.num){display: block; border-radius: 0; padding: 0 5px 0 46px}
/* 학과소개 473px */
.depart_tit .tit_box{padding: 0}
.depart_block > ul > li{width: 100%}
.depart_course .course_tit{padding: 10px}
/* 도제학교 473px */
.appr_ncs > ul{display: block}
.appr_ncs > ul > li.photo{width: 100%}
.appr_ncs > ul > li::after{content: none}
/* 운영위원회 규정 473px */
.record .record_list li{width: 100%; margin-top: 10px} 

/* 군특성화(변경) - 공통 473px */
.army_tit{width: 100%;}
.army_h5{padding: 0.45em 8px 0 38px; width:100%; letter-spacing: -1px;}
/* 군특성화(변경) - 01.군특성화 제도 473px */
.army_recruit .recruit{padding: 15px 15px 15px 105px;}
.recruit::before{width: 100px; height: 100px; background-position: center;}
.recruit .recruit_txt{min-height:62px; padding-left: 15px;}
/* 군특성화(변경) - 02.교육과정 및 성장경로 473px */
.growth_wrap .growth_result{width: 100%; }
.growth_2step > li:first-of-type,
.growth_2step > li:nth-of-type(2),
.growth_2step > li:last-of-type{width: 100%;}
.growth_wrap > p > span{width: 100%; }
.txt_box.armytxt02{background: none;}
/* 군특성화(변경) - 03.군 특성화 학생 특전 473px */
.benefit_step{width: 100%;}
.benefit_result{width: 100%;}
.benefit_result > p{padding: 28px 10px 16px;}
.benefit_result > p::before{top: 15px;}
}

/* MOBILE LAYOUT 370px */
@media only screen and (max-width:370px) {
.his_box > ul > li{font-size: 0.929em}
}

/* 프린트관련 */
.printBG #subright{margin-top:0}
.printBG #subright .tabnavi01, .printBG #subright .tabnavi02{display:none}
@media print {
.printBG #subright{-webkit-print-color-adjust:exact}
}

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

/* 학과소개 수정 PJH 260320 */
.depart_goal{padding: 25px 100px 25px 25px; background-color:#f9f8ff; background-position: bottom -20px right -20px}
.depart_goal .dot_list li{padding-left: 0}
.depart_goal .dot_list li::before{display: none}
.depart_goal .txt_box{padding-left: 30px; line-height: 1.3}
.depart_goal .dot_list li{margin-left:10px; line-height: 1.3}
.depart_goal .dot_list span{display: inline-block; margin-left:-10px; margin-bottom:5px; padding:6px 10px; border-radius: 10px; background: linear-gradient(to right, #6f64d2, #4aadce); color: #fff}
.dot_list li + li{margin-top: 5px}
.depart_operate ul li{position:relative; padding: 0}
.depart_operate ul li:nth-child(1)::before{display: block; content: ''; position: absolute; width:61px; height:50px; top:17px; left: 50%; margin-left:-31px; background: url(../images/sub/major_ico1.gif)no-repeat}
.depart_operate ul li:nth-child(2)::before{display: block; content: ''; position: absolute; width:61px; height:50px; top:17px; left: 50%; margin-left:-31px; background: url(../images/sub/major_ico2.gif)no-repeat}
.depart_operate ul li:nth-child(3)::before{display: block; content: ''; position: absolute; width:61px; height:56px; top:12px; left: 50%; margin-left:-31px; background: url(../images/sub/major_ico3.gif)no-repeat}
.depart_operate ul li:nth-child(4)::before{display: block; content: ''; position: absolute; width:61px; height:56px; top:12px; left: 50%; margin-left:-31px; background: url(../images/sub/major_ico4.gif)no-repeat}
.depart_operate .ope_tit{min-height:50px; margin-top:80px; padding:10px; border-radius: 0}
.depart_operate .ope_tit::after{display: none}
.depart_operate .ope_txt{padding: 10px}
.depart_course .course_txt span,.txt_box .dot_list span{font-weight: 600}
.depart_course .course_tit{padding: 10px; background:#d8ccff}

@media only screen and (max-width:750px) {
.depart_tit .depart_h4{font-size: 25px}
.depart_goal{padding: 10px}
}



/* 도제학교 2026 PJH 260424 */
span.txt_b{font-weight: bold}
/*h5,h4글상자 스타일*/
.appren .h_bx{margin:10px 0 25px; padding: 15px; border-radius: 10px; border: 1px solid #1a9b90; line-height: 1.5; word-break: keep-all}
/*place_bx스타일*/
.appren .place_bx{display: flex; justify-content: space-between; gap:10px; align-items: center; margin: 30px 10px}
.appren .place_bx .pla{width:226px; padding: 10px; border-radius: 10px; border: 1px solid #23a7e4; background: #fff}
.appren .place_bx .pla.center{border-color: #1a9b90}
.appren .place_bx .pla.com{border-color: #3f52b4}
/*박스안의 박스 스타일*/
.appren .place_bx .pla p{width:100%; height: 52px; border-radius: 8px; text-align: center; align-content: center; background: #e9f5ff}
.appren .place_bx .pla.center p{background-color: #d7f8f5}
.appren .place_bx .pla.com p{background-color: #e9eaff}
.appren .place_bx .pla span{text-align: center; font-weight:500; font-size:1.2em}
.appren .place_bx .pla.sch span{padding: 5px 5px 5px 30px; background: url(../images/sub/sch_ico.png)no-repeat center left; color: #1e3192}
.appren .place_bx .pla.center span{font-size:1.077em; color: #006b62}
.appren .place_bx .pla.com span{padding: 5px 5px 5px 30px; background: url(../images/sub/com_ico.png)no-repeat center left; color: #1e3192}
/*회색화살표 스타일*/
.appren .place_bx .grey_arr{position: relative}
.appren .place_bx .grey_arr::after{display: block; position: absolute; content: '학생'; width: 30px; height: 20px; top: 50%; margin-top:-10px; left: 50%; margin-left:-15px; font-size: 15px; font-weight: 500; color: #fff}
.appren .top_arr{position:relative; margin-top: -50px; z-index: -1}
.appren .top_arr img{width:100%; height: 57px; vertical-align: bottom}
/*JT스타일*/
.appren .traning{display: flex; margin-bottom: 5px}
.appren .traning li{padding: 10px; height: 48px; background:#f0f; font-size:1.2em; font-weight: 600; color:#fff; text-align: center; align-content: center; box-sizing: border-box}
.appren .traning li:first-child{width:30%; border-radius:8px 0 0 8px; background-color:#3373ca}
.appren .traning li:last-child{width:70%; border-radius:0 8px 8px 0; background-color:#d32828}
/*link_bx스타일*/
.appren .link_bx{display: flex; justify-content: space-between; align-items: center; margin: 25px 0}
.appren .link_bx li:nth-child(odd){width:266px; height:52px; border-radius:10px; text-align: center; align-content: center; font-size: 1.2em; font-weight: 500; background:#f5f5f5}
.appren .link_bx .green_arr{position: relative; margin: 0 20px}
.appren .link_bx .green_arr img{width: 100%; height: 55px}
.appren .link_bx .green_arr::after{display: block; position: absolute; content: '연계'; width: 30px; height: 20px; top: 50%; margin-top:-10px; left: 50%; margin-left:-15px; font-size: 15px; font-weight: 500;; color: #fff}
/*jt_bx스타일*/
.appren .jt_bx{display: flex; gap:10px; justify-content: space-between}
.appren .jt_bx dl{width: 50%; text-align: center}
.appren .jt_bx dt{padding: 10px; border-radius: 10px; font-weight: 500; color: #fff}
.appren .jt_bx dl.off dt{background: #3373ca}
.appren .jt_bx dl.on dt{background: #d32828}
.appren .jt_bx dl dd{margin-top:10px; min-height:107px; border-radius:10px; align-content: center; line-height:1.4; background: #eee}
/*grad_bx스타일*/
.appren .grad_bx{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0}
.appren .grad_bx li{width:calc(100% / 6 - 30px)}
.appren .grad_bx p{position:relative; min-height:74px;margin-top:75px; padding:20px 5px 10px; text-align: center; align-content: center; border-radius:8px; background: #ebf4ff; box-sizing: border-box}
.appren .grad_bx li p::after{display: block; position: absolute; content: ''}
.appren .grad_bx li:nth-child(1) p::after{width: 73px; height: 51px; top:-80px; left:50%; margin-left:-35px;  background: url(../images/sub/grad_ico1.png)no-repeat}
.appren .grad_bx li:nth-child(2) p::after{width: 65px; height: 54px; top:-80px; left:50%; margin-left:-32px;  background: url(../images/sub/grad_ico2.png)no-repeat}
.appren .grad_bx li:nth-child(3) p::after{width: 65px; height: 54px; top:-80px; left:50%; margin-left:-32px;  background: url(../images/sub/grad_ico3.png)no-repeat}
.appren .grad_bx li:nth-child(4) p::after{width: 64px; height: 50px; top:-76px; left:50%; margin-left:-32px;  background: url(../images/sub/grad_ico4.png)no-repeat}
.appren .grad_bx li:nth-child(5) p::after{width: 48px; height: 57px; top:-80px; left:50%; margin-left:-24px;  background: url(../images/sub/grad_ico5.png)no-repeat}
.appren .grad_bx li:nth-child(6) p::after{width: 47px; height: 57px; top:-80px; left:50%; margin-left:-26px;  background: url(../images/sub/grad_ico6.png)no-repeat}
.appren .grad_bx p span{display:block; position:absolute; left: 50%; margin-left:-12px; top:-12px; width: 25px; height: 25px; text-align: center; align-content: center; border-radius:50px; font-size:500; color: #fff; background: #253052}

@media only screen and (max-width:1400px) {
.appren .grad_bx li{width: calc(100% / 3 - 30px); margin-bottom: 30px}
}

@media only screen and (max-width:760px) {
    br.tb_none{display: none}
.appren .place_bx{display: block; margin: 15px 0}
.appren .place_bx .pla{width: 100%; box-sizing: border-box}
.appren .place_bx .pla p{height: 40px}
.appren .place_bx .pla p span{font-size: 15px}
.appren .place_bx .grey_arr{padding: 40px 0; background: url(../images/sub/grey_arr_m.gif)no-repeat center}
.appren .place_bx .grey_arr img{display: none}
.appren .traning li{font-size: 1em}
.appren .link_bx{display: block}
.appren .link_bx li:nth-child(odd){height: 40px; width: 100%; font-size: 1em}
.appren .link_bx .green_arr{padding: 40px 0; background: url(../images/sub/green_arr_m.gif)no-repeat center}
.appren .link_bx .green_arr img{display: none}
.appren .jt_bx{display: block}
.appren .jt_bx dl{width: 100%; margin-bottom: 10px}
.appren .jt_bx dl dd{padding:10px; min-height: auto}
.appren .grad_bx li{width:100%; margin-bottom: 30px}
.appren .grad_bx li:last-child{margin-bottom: 0}
.appren .grad_bx p{min-height: auto}    
}