@charset "utf-8";
/* CSS Document */
/* com2zoa design kjh, publishing kjh 2025.04.29 */
/* ※아래 적용된 스타일은 기본레이아웃 구성이므로 각 학교에 맞게 전반적 수정해야함 */

/* Common */
.clear_fix::after{content: ''; display: block; clear: both}

/* Layout */
#sub_left {display: none}
#subpage {min-height:350px; line-height:150%; margin:0 10px 50px 20px}
.qmu_popup{display: none}

/* Subtop */
#subtop {position:relative}
#subtop h3 {position:relative}
#subtop h3 span {display:inline-block; position:relative; font-weight:700; color:#333 ;padding:32px 25px 32px 5px; font-size:22px; font-weight:400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background:#fff}

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

/* subvisual */
.subvisual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.subvisual .visual_item {width:auto; height:120px}
.subvisual .item1 {background:url(../images/sub/subv_m01.jpg) no-repeat 50% 0}
.subvisual .item2 {background:url(../images/sub/subv_m02.jpg) no-repeat 50% 0}
.subvisual .item3 {background:url(../images/sub/subv_m01.jpg) no-repeat 50% 0}
.subvisual .item4 {background:url(../images/sub/subv_m02.jpg) no-repeat 50% 0}
.subvisual .item5 {background:url(../images/sub/subv_m01.jpg) no-repeat 50% 0}
.subvisual .item6 {background:url(../images/sub/subv_m02.jpg) no-repeat 50% 0}
.subvisual .item7 {background:url(../images/sub/subv_m01.jpg) no-repeat 50% 0}
.subvisual .item8 {background:url(../images/sub/subv_m02.jpg) no-repeat 50% 0}

/********************************************* SUB content **********************************************/
/* content Common */
h4.sub_tit4 {line-height:140%; padding:0 0 0 36px; margin:5px 0 12px; background:url(../images/sub/subtit4.png) no-repeat left 4px; font-size:1.2em; font-weight:400; color:#000}
h5.sub_tit5 {line-height:140%; padding:0 0 0 32px; margin:12px 0; background:url(../images/sub/subtit5.png) no-repeat left top ; font-size:1.13em; font-weight:400}

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

/*공통타이틀(색상등의 세부설정은 해당항목 하위에 설정)*/
.gt_toparea {padding:0 0 20px; text-align: center}
.gt_toparea .gt_subtit {position:relative; display:inline-block; margin-bottom:12px; padding:0 50px}
.gt_toparea .gt_subtit:before {content:""; display: block; position: absolute; top:50%; left:0; width:100%; height:1px; margin-top:-1px; background:#d2d2d2; z-index:-1}
.gt_toparea .gt_subtit span {padding:0 6px; background:#fff; color:#878787; font-size:1.067em}
.gt_toparea .gt_toptit {position: relative}
.gt_toparea .gt_toptit:before {content:""; display: block; position:absolute; top:4px; left:0; width:100%; height:8px; border-radius:50px; background:#eee}
.gt_toparea .gt_toptit p {position: relative; display:inline-block; padding:0 60px; background:#fff; font-size:1.6em; font-weight:600; z-index:1; color:#000}
.gt_toparea .gt_toptit p:before {content:""; display: block; position:absolute; top:-2px; left:0; width:100%; height:20px; border:3px solid #ccc; box-sizing: border-box; z-index:-1}
.gt_toparea .gt_toptit p:after {content:""; display: block; position:absolute; top:-4px; left:8px; width:calc(100% - 16px); height:24px;background:#fff; box-sizing: border-box; z-index:-1}

.gt_toparea1 .gt_toptit:before {background:#dee7ff}
.gt_toparea1 .gt_toptit p:before {border-color:#5988ff}
.gt_toparea2 .gt_toptit:before {background:#d1edf0}
.gt_toparea2 .gt_toptit p:before {border-color:#19a3b6}


/*공통 내용 텍스트*/
.common_wrap .comlst_txt > ul > li {font-family:SCdream}
.common_wrap h5.com_h5 {font-weight:400}
.comtable {font-family:SCdream}

.private_new .comlst_txt ul {font-family:SCdream}
.private_new .pri_top h4.pritit {font-size:1.071em}
.private_new .pri_top .pritxt {font-family:SCdream; font-weight:400}
.private_new .pri_top .prilst {font-family:SCdream}

.charter .comtop {padding:45px 15px 15px}
.charter .combox ol {font-family:SCdream}
.charter .combox ol li {line-height:170%}

.copyright .copy_txt > ul, .copyright .copy_txt > ol {font-family:SCdream}
.copyright .copy_bgtxt {font-family:SCdream}
.copyright .comtop ul {word-break:keep-all; background-position:13px 7px}
.copyright .comtop ul li {line-height:140%}

.comhis_lst .comhis_lstit {font-weight:400}
.cmline .cmtxt > dl {font-family:SCdream}
.cmline .cmtxt > p {font-family:SCdream}
.cmline .cmtxt ol li {font-family:SCdream}

/*테이블 안내사항 공통*/
.cz_table {font-family:SCdream}
.cz_table th, .cz_table td {word-break:normal}
.cz_table thead th {border-color:rgba(255,255,255,0.5)}
.cz_table tbody th {font-size:0.933em; font-weight:500}
.cz_table tbody td {font-size:0.933em}
.cz_table .bg_gray {background:#efefef}
.cz_table .tbcol_aqua thead th{background:#18b1c6}
.cz_table .tbcol_gray thead th{background:#8d8d8d}
.cz_table thead td {line-height:150%; background:#fff; padding:8px; border:1px solid #dbdbdb;text-align:center; vertical-align:middle; color:#000}
p.tbtop_msg {padding: 15px 5px; border-top:2px solid #5f6b71; text-align: center}
p.tbtop_aqua {border-color:#18b1c6}
p.tbtop_bl {border-color:#4ea0ed}
/* 공통 텍스트 스타일 속 테이블 */
.lstbx_tbwrap {margin:15px 0}
.lstbx_tbwrap .cz_tablebx {margin:0}

/* 공통 텍스트 리스트 스타일 */
.cz_lstbx {font-family:SCdream}

/* 규정 공통 스타일 */
.cz_rulebx {font-family:SCdream}
.cz_rulebx h4 {font-family:'SEBANG_Gothic'; font-size:1.214em}
.cz_rulebx h4 span {font-weight:400}
.cz_rulebx h4 span.chapter {font-size:0.882em}
.cz_rulebx h5 {font-size:1.071em}
.cz_rulebx h5::after {top:4px}

/* 광주공고 규정 다운로드 */
.ruledown {margin-top:30px}
.ruledown li {margin:5px 0}
.ruledown a {display:block; border:2px solid #dcdcdc; border-radius:5px;background:#eaeaea; color:#000; text-align:center; font-weight:500; padding:8px; transition:.3s}
.ruledown a:hover {background:#5994ff; color:#fff; border:2px solid #5787e0}


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

/* -----------------컨텐츠 스타일 시작 -----------------*/
/* 인사말 */
.gt_greet {padding-bottom:100px; background:url(../images/sub/bg_greet_bott.jpg) no-repeat 50% 100%}
.gt_greet .greet_top {padding:7px 7px 0; border-radius:30px 30px 0 0; background:linear-gradient(90deg, #e2ecf7, #ddeef0)}
.gt_greet .greet_toparea {display:flex; justify-content: space-between;  align-items:flex-start; padding:33px 28px 0; border-radius:25px 25px 0 0; background:#fff}
.gt_greet .greet_toptit {position: relative; display:inline-block; padding:30px 46px 15px 26px}
.gt_greet .greet_toptit:before {content:""; display:block; position:absolute; top:0; left:0; width:53px; height:36px; background:url(../images/sub/bg_greet_quotes.png) no-repeat 0 0}
.gt_greet .greet_toptit:after{content:""; display:block; position:absolute; bottom:0; right:0; width:53px; height:36px; background:url(../images/sub/bg_greet_quotes.png) no-repeat 100% 100%; transform:rotate(180deg)}
.gt_greet .greet_toptit h4 {font-size:1.733em}
.gt_greet .greet_toptit .greet_tit {line-height:140%; margin-top:15px; font-size:1.467em; word-break: keep-all}
.gt_greet .greet_toptit .greet_tit span {color:#0099a8}
.gt_greet .greet_con {position:relative; line-height:170%; font-family:SCdream; word-break: keep-all}
.gt_greet .greet_con:before {content:"Gwangju Technical High School"; display:block; position:absolute; top:21px; right:5px; text-transform: uppercase; text-shadow: -2px 0 #efefef, 0 2px #efefef, 2px 0 #efefef, 0 -2px #efefef; color:#fff; font-size:34px; font-weight:600; letter-spacing:2px; font-family:'SEBANG_Gothic'; z-index:-1}
.gt_greet .grt_con {margin:20px 0; padding:0 54px; word-break: keep-all}
.gt_greet .greet_img {margin-top:-16px; max-width:395px}
.gt_greet .greet_img img {width:100%; height:100%}
.gt_greet .grt_con2 .grt_fsup {font-size:1.067em; color:#000}
.gt_greet .grt_con2 {padding:20px 54px 20px 54px; border:2px solid #e2e2e2; background:#fff url(../images/sub/bg_greet_mark.png) no-repeat right 10px top 50%}
.gt_greet .grt_con2 .grt_txtwrap {display:inline; padding:1px 5px; background:linear-gradient(90deg, #e2ecf7, #ddeef0); font-family:'SEBANG_Gothic'}
.gt_greet .grt_con2 .grt_txtwrap2 {display: inline; border-bottom:1px solid #c3c3c3}
.gt_greet .grt_con2 .grt_txtwrap2 strong {font-weight:500; color:#000}
.gt_greet .grt_con2 .grt_txtwrap2 .grttxt1 {color:#1883d6; font-weight:600}
.gt_greet .grt_con2 .grt_txtwrap2 .grttxt2 {color:#f55252; font-weight:600}
.gt_greet .grt_con2 .grt_txtwrap2 .grttxt3 {color:#159b54; font-weight:600}
.gt_greet .greet_sign {text-align: right}

/* 추가 인사말 스타일 kjh 250528 */
.gt_greet {padding-bottom:148px}
.gt_greet .grt_con2 .grt_txtwrap {color:#1530c5}
.gt_greet .grt_con2 .grt_fsup {color:inherit}
.gt_greet .grt_con2 .grt_cbl {color:#1f77ff; font-weight:800}

.gt_greet .grt_txtwrap2 {display: inline; border-bottom:1px solid #c3c3c3}
.gt_greet .grt_txtwrap2 .grttxt1 {color:#1883d6; font-weight:600}
.gt_greet .grt_txtwrap2 .grttxt2 {color:#f55252; font-weight:600}
.gt_greet .grt_txtwrap2 .grttxt3 {color:#159b54; font-weight:600}

.greet_sign {display: flex; justify-content: flex-end; align-items: flex-end}
.greet_sign .greet_logo {display:block; font-size:1.071em; padding-bottom:17px}
.greet_sign .greet_logo ul {display: flex; overflow:hidden; white-space: nowrap; margin-bottom:3px}
.greet_sign .greet_logo ul li {display:inline; letter-spacing:0.5px}
.greet_sign .greet_logo ul li.gl01 {font-family:PTD; color:#3204b3}
.greet_sign .greet_logo ul li.gl02 {color:#1b863e}
.greet_sign .greet_logo ul li.gl03 {color:#ffa200}
.greet_sign .greet_logo ul li.gl04 {color:#ff4800}
.greet_sign .greet_logo ul li.gl05 {color:#3204b3}
.greet_sign .greet_logo p {color:#000; font-size:1.143em}





/* 교육목표 */
.gt_edugoal .edugoal_wrap {display:flex; justify-content: space-between; gap:5px; padding-bottom:130px; background:url(../images/sub/bg_eg_bigarr.png) no-repeat 50% 100%}
.gt_edugoal .eg_box {overflow:hidden; position:relative; width:calc(100% / 5 - 7px); padding:0 10px; border:2px solid #eee; border-radius:30px 30px 0 0; box-sizing: border-box; background:#fff}
.gt_edugoal .eg_box:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:50px; background:#e3ebf4}
.gt_edugoal .egbox01 {border-color:#3099e8}
.gt_edugoal .egbox02 {border-color:#3fc4e5}
.gt_edugoal .egbox03 {border-color:#868ef6}
.gt_edugoal .egbox04 {border-color:#00ba95}
.gt_edugoal .egbox05 {border-color:#2f71b9}
.gt_edugoal .eg_boxtit {position:relative; text-align: center; z-index:0}
.gt_edugoal .eg_boxtit:before {content:""; display: block; position: absolute; bottom:23px; left:0; width:100%; height:1px; background:#e2e2e2; z-index:-1}
.gt_edugoal .eg_boxtit h5 {display:inline-block; padding:0 15px; font-weight:400; background:#fff; font-size:1.2em}
.gt_edugoal .eg_boxtit h5 span {display:block; padding-top:5px; font-weight:bold}
.gt_edugoal .egbox01 .eg_boxtit h5 span {color:#3099e8}
.gt_edugoal .egbox02 .eg_boxtit h5 span {color:#3fc4e5}
.gt_edugoal .egbox03 .eg_boxtit h5 span {color:#868ef6}
.gt_edugoal .egbox04 .eg_boxtit h5 span {color:#00ba95}
.gt_edugoal .egbox05 .eg_boxtit h5 span {color:#2f71b9}
.gt_edugoal .eg_boxico {display: block; padding:10px 0}
.gt_edugoal .eg_boxcon {padding:20px 0; font-family:SCdream}
.gt_edugoal .eg_boxcon li {position:relative; line-height:140%; margin-top:3px; padding-left:12px; font-size:0.933em; word-break: keep-all}
.gt_edugoal .eg_boxcon li:first-child {margin-top:0}
.gt_edugoal .eg_boxcon li:after {content:""; display:block; position: absolute; top:6px; left:0; width:4px; height:4px; background:#2a2929; border-radius:50%}
.eg_school {position:relative; margin-top:-100px; text-align: center}
.eg_school ul {display:flex; justify-content: center; padding:25px 0 40px}
.eg_school li {position:relative; width:calc(100% / 3 + 22px);  padding:36px 30px; border-radius:100px 100px; margin:0 -16px}
.eg_school li:after {content:""; display:block; position: absolute; top:50%; left:10px; width:11px; height:11px; margin-top:-5px; background:url(../images/sub/bg_eg_plus.png) no-repeat 0 0}
.eg_school li:first-child:after {display:none}
.eg_school li span {font-size:1.333em; text-shadow:0 2px 5px rgba(0,0,0,0.2); color:#fff}
.eg_school li.eg_sch01 {background:rgba(40,186,212,0.8)}
.eg_school li.eg_sch02 {background:rgba(49,167,242,0.8)}
.eg_school li.eg_sch03 {background:rgba(129,134,241,0.8)}
.spe_wrap {display:flex; justify-content: space-between; gap:10px}
.spe_wrap .spe_box {position:relative; width:calc(100% / 2 - 20px); background:#fff}
.spe_wrap .spe_box:before {content:""; display:block; position: absolute; bottom:0; left:0; width:100%; height:56px; background:#e2e2e2}
.spe_boxtit {line-height:56px; text-align: center; border-radius:15px 15px 0 0}
.spe_boxtit h5 {position:relative; display:inline-block; padding:0 45px}
.spe_boxtit h5:before {content:""; display: block; position: absolute; top:50%; left:0; margin-top:-1px; width:100%; height:1px; background:rgba(255,255,255,0.6)}
.spe_boxtit h5 span {position:relative; display:inline-block; padding:0 10px; color:#fff; font-size:1.267em}
.spebox01 .spe_boxtit {background:#54a9ea}
.spebox02 .spe_boxtit {background:#33506a}
.spebox01 .spe_boxtit h5 span {background:#54a9ea}
.spebox02 .spe_boxtit h5 span {background:#33506a}
.spe_con {position:relative; margin:0 9px 9px; height:calc(100% - 65px); background:#fff}
.spe_con ul {padding:22px 30px; background:#fff}
.spe_con ul li {position:relative; line-height:150%; margin-top:3px; padding-left:12px; word-break: keep-all; font-family: SCdream}
.spe_con ul li:after {content:""; display:block; position: absolute; top:7px; left:0; width:4px; height:4px; background:#2a2929; border-radius:50%}

/* 경영관 */
.gt_manage {padding-top:20px}
.gt_manage .manage_top {padding:0 5px 5px; background:linear-gradient(90deg, #bad1fb, #a8d9e5); border-radius:0 0 30px 30px}
.gt_manage .manage_titwrap {padding:6px 0 28px; background:#fff; border-radius:0 0 25px 25px; text-align: center}
.gt_manage .manage_tit {display:inline-block; position:relative; padding:0 30px; background:url(../images/sub/bg_line_patt.gif) repeat-x 0 35%}
.gt_manage .manage_tit:before {content:""; display: block; position: absolute; top:-3px; left:-35px;  width:28px; height:18px; background:url(../images/sub/ico_con_quotes.png) no-repeat 0 0; opacity:0.3}
.gt_manage .manage_tit:after {content:""; display: block; position: absolute; top:-3px; right:-35px;  width:28px; height:18px; background:url(../images/sub/ico_con_quotes.png) no-repeat 0 0; opacity:0.3; transform:rotate(180deg)}
.gt_manage .manage_tit h4 {display:inline-block; padding:0 10px; background:#fff; font-size:1.467em; font-weight:400; color:#111}
.gt_manage .manage_tit span {font-size:1.091em; font-weight:600}

.manage_school {position:relative}
.manage_school ul {display: flex; justify-content: center; background:url(../images/sub/bg_line_patt.gif) repeat-y 50% 0}
.manage_school ul:before {content:""; display:block; position:absolute; top:50%; left:50%; width:50%; height:1px; background:#d3d3d3; margin-left:-25%}
.manage_school ul:after {content:""; display:block; position:absolute; top:50%; left:50%; width:84px; height:84px; margin:-42px 0 0 -42px; background:url(../images/sub/ico_manage_mark.gif) no-repeat 0 0}
.manage_school ul li {position:relative; display:flex; justify-content: center; align-items: center; width:268px; height:268px; margin:40px 100px; border-radius:50% 50%; box-sizing: border-box; box-shadow:1px 2px 12px rgba(0,0,0,0.15); border:6px solid #fff; text-align: center}
.manage_school ul li .mng_schtxt {line-height:160%; color:#fff; font-size:1.2em; font-weight:300; font-family:SCdream}
.manage_school ul li .mng_schtxt span {font-family:'SEBANG_Gothic'; font-weight:400; font-size:1.333em}
.manage_school ul li.mng_box1 {margin-left:0; background: url(../images/sub/bg_manage_patt01.png) no-repeat 0 0 , linear-gradient(120deg, #6597f4, #447ce2)}
.manage_school ul li.mng_box2 {margin-right:0; background: url(../images/sub/bg_manage_patt02.png) no-repeat 100% 100%, linear-gradient(120deg, #2197b6, #1383a0)}
.manage_imgwrap {display: flex; justify-content: space-between; gap:7px}
.manage_imgwrap .mng_imgbox {width:calc(100% / 3); border-top:3px solid}
.manage_imgwrap .mng_imgbox01 {border-color:#5988ff}
.manage_imgwrap .mng_imgbox02 {border-color:#16a4af}
.manage_imgwrap .mng_imgbox03 {border-color:#395695}
.mngimg_top {padding:18px 0; text-align: center; background:#fff}
.mngimg_top span {position:relative; display:inline-block; padding:3px 20px; margin-bottom:5px; color:rgba(0,0,0,0.7); font-size:1.067em}
.mngimg_top span:before {content:""; display:block; position: absolute; top:50%; left:0; width:9px; height:9px; margin-top:-5px; background:#eee; border-radius:50%}
.mngimg_top span:after {content:""; display:block; position: absolute; top:50%; right:0; width:9px; height:9px; margin-top:-5px; background:#eee; border-radius:50%}
.mng_imgbox01 .mngimg_top span:before, .mng_imgbox01 .mngimg_top span:after {background:#e6edff}
.mng_imgbox02 .mngimg_top span:before, .mng_imgbox02 .mngimg_top span:after {background:#dcf1f3}
.mng_imgbox03 .mngimg_top span:before, .mng_imgbox03 .mngimg_top span:after {background:#e6edff}
.mngimg_top p {font-size:1.333em; font-weight:600}
.mngimg_con {padding:30px 20px; background:#eee; height:calc(100% - 150px); border-radius:30px 30px 0 0}
.mngimg_con li {position:relative; line-height:150%; margin-top:6px; padding-left:10px; word-break: keep-all; font-family: SCdream; font-size:0.933em}
.mngimg_con li:after {content:""; display:block; position: absolute; top:7px; left:0; width:3px; height:3px; background:#2a2929; border-radius:50%}
.mngimg_con li:first-child {margin-top:0}
.mng_imgbox01 .mngimg_con {background:#e6edff}
.mng_imgbox02 .mngimg_con {background:#dcf1f3}
.mng_imgbox03 .mngimg_con {background:#e6edff}
.mng_imgbox01 .mngimg_top p {color:#5988ff}
.mng_imgbox02 .mngimg_top p {color:#16a4af}
.mng_imgbox03 .mngimg_top p {color:#395695}

/* 연혁 */
.gt_history .his_toparea {position:relative; padding:0 14px 0; background:url(../images/sub/bg_history_top.gif) no-repeat 100% 100%}
.gt_history .his_toparea:after {content:""; display:block; position: absolute; bottom:0; left:0; width:100%; height:2px; background:linear-gradient(90deg, #5988fe, #00abb9)}
.gt_history .his_toptit {position: relative; display:inline-block}
.gt_history .his_toptit .his_tit {position: relative; display:inline-block; padding:14px 24px 2px 22px; font-size:1.333em}
.gt_history .his_toptit .his_tit span {font-size:1.1em; font-weight:600}
.gt_history .his_toptit .his_tit2 {position: relative; display:block; padding:0 24px 2px 22px; line-height:140%; margin-top:8px; font-size:1.733em; word-break: keep-all}
.gt_history .his_toptit .his_tit2 span {color:#018892; font-weight:600}
.gt_history .his_toptit .his_tit:before {content:""; display:block; position:absolute; top:0; left:0; width:28px; height:18px; background:url(../images/sub/ico_con_quotes.png) no-repeat 0 0; opacity:0.2}
.gt_history .his_toptit .his_tit2:before{content:""; display:block; position:absolute; bottom:0; right:0; width:28px; height:18px; background:url(../images/sub/ico_con_quotes.png) no-repeat 100% 100%; transform:rotate(180deg); opacity:0.2}
.his_toptxt {padding:22px 0 22px 38px; margin-left:21px; background:url(../images/sub/bg_history_txtbar.png) no-repeat 0 50%; font-size:1.071em; font-family:SCdream; word-break:keep-all}
.his_toptxt span {color:#4172eb; font-weight:500}
.history_box {position: relative; padding-top:70px}
.history_box .his_btn{position: absolute; width: calc(100% / 4); top: 0;}
.history_box .his_year {background:url(../images/sub/bg_history_bott.png) no-repeat 100% 100%}
.history_box .his_year01 .his_btn{left:0}
.history_box .his_year02 .his_btn{left:25%}
.history_box .his_year03 .his_btn{left:50%}
.history_box .his_year04 .his_btn{right:0}
.history_box .his_txtbox {padding:50px 0 150px 270px; min-height:300px; background: url(../images/sub/bg_history_photo.png) no-repeat left 0 top 40px; border-top:1px solid #d1d1d1}
.history_box .his_btn > a {position: relative; display: block; line-height:70px; text-align: center; font-weight: 400; transition: .3s;}
.history_box .his_btn > a > span {font-size:1.333em; font-weight: 600;}
.history_box .his_btn > a::before {content: ''; position: absolute; width:19px; height:16px; left:calc(0% - 8px); top:50%; margin-top:-9px; background-image: url(../images/sub/bg_his_arr.gif); background-repeat: no-repeat; transition: .3s;}
.history_box .his_btn > a:hover, .history_box .on .his_btn > a span {color:#4479ff}
.history_box .his_btn > a:hover::after, .history_box .on .his_btn > a::after {content: ''; position: absolute; width:32px; height:16px; bottom:-15px; left:calc(50% - 16px); background-image: url(../images/sub/blt_history_on.gif); background-repeat: no-repeat}
.history_box .his_year01  .his_btn > a::before {display:none}
.history_box .history_list > li {padding:20px 0; position: relative}
.history_list .year_list > li {padding: 5px 0 5px 180px; position: relative; line-height: 1.2; font-family:SCdream}
.history_list .year_list > li + li {margin-top:10px}
.history_list .year_list > li > .hdate {position:absolute; left: 0; top: 0; width: 152px; text-align: center; font-family:'SEBANG_Gothic'; padding: 1px 5px 2px}
.history_list .year_list > li > .hdate span {position:relative; display:block; margin:0 8px; padding:0 0 8px; border-bottom:1px solid #cbcbcb; background:#fff; z-index:1}
.history_list .year_list > li > .hdate:before {content:""; display: block; position:absolute; top:-2px; left:0; width:100%; height:32px; border:3px solid #000; border-image:linear-gradient(90deg, #acc3ff, #80d5dc); border-image-slice: 1; box-sizing: border-box; z-index:0}
.history_list .year_list > li > .hdate:after {content:""; display: block; position:absolute; top:-4px; left:8px; width:calc(100% - 18px); height:36px; background:#fff; box-sizing: border-box; z-index:0}

/* 현황 */
.gt_state .situ_date {font-family:SCdream; font-weight:500; color:#666}

/* 상징및 교가*/
.moral_wrap {margin-bottom:30px}
.moral_wrap ul {display:flex; justify-content: center}
.moral_wrap ul li {position:relative; min-width:300px; padding:0 12px; text-align: center}
.moral_wrap ul li:after {content:""; display: block; position: absolute; top:calc(50% - 4px); left:-5px; width:8px; height:8px; border-radius:50%; background:#cbcbcb}
.moral_wrap ul li .moral_box {display:block; padding:6px; border-radius:50px; border:1px solid #d9d9d9}
.moral_wrap ul li .moral_box p {position:relative; padding:22px; border-radius:50px; background:#eee; font-size:1.467em; font-weight:600; color:#fff}
.moral_wrap ul li .moral_box p .hanja {position:absolute; bottom:11px; right:13px; font-size:50px; color:rgba(255,255,255,0.15)}
.moral_wrap ul li:first-child:after {display:none}
.moral_wrap ul li:first-child .moral_box p {background:#2da1ec}
.moral_wrap ul li:nth-child(2) .moral_box p {background:#25b5cf}
.moral_wrap ul li:last-child .moral_box p {background:#10375e}

.symbol_wrap {margin:20px 0 30px}
.symbol_wrap {display:flex; justify-content: space-between}
.symbol_wrap .symbox {position: relative}
.symbol_wrap .symimg {display:inline-block; margin:0 10px -84px; padding:10px; border:1px solid rgba(0,0,0,0.15); border-radius:15px; background:#fff}
.symbol_wrap .symimg img {border-radius:15px}
.sym_txtarea {padding:100px 10px 0; border-radius:0 0 15px 15px}
.sym_txtarea dl {display: flex; justify-content: space-between; align-items: center; padding:6px 30px 6px 6px; border-radius:50px; background:#fff; font-size:1.071em}
.sym_txtarea dl dt {display:block; width:70px; line-height:34px; color:#fff; border-radius:50px; text-align: center; font-weight:600}
.sym_txtarea .symtxt {text-align:center; padding:18px 10px; font-size:1.071em; font-family:SCdream; color:#000; font-weight:400}
.symbox1 .sym_txtarea {background:#e9f3ff}
.symbox2 .sym_txtarea {background:#f0f0f0}
.symbox1 .sym_txtarea dl dt {background:#2da1ec}
.symbox2 .sym_txtarea dl dt {background:#25b5cf}

.song_wrap {display:flex; justify-content: space-between; margin:10px 0 20px}
.song_wrap .song_sheet {overflow:hidden; width:553px; max-height:490px; border:5px solid #ebebeb; border-radius:15px; box-sizing: border-box; text-align: center}
.song_wrap .song_sheet img {max-width:440px; width:100%}
.song_wrap .song_box {margin-left:42px; width:calc(100% - 595px); background:#ebebeb url(../images/sub/bg_song.png) no-repeat 50% 100%; border-radius: 0 0 15px 15px}
.song_titwrap {background:#fff}
.song_titarea {display:flex; justify-content: space-between; align-items: center; padding:8px; background:#323c4b; border-radius:50px}
.song_titarea .song_tit {position:relative; padding:0 0 0 54px; color:#fff; font-size:1.2em}
.song_titarea .song_tit:after {content:""; display:block; position: absolute; top:-5px; left:-50px; width:94px; height:30px; background:url(../images/sub/blt_songtit.png) no-repeat 0 50%}
.song_gobtn a {display:block; width:168px; line-height:36px; border-radius:50px; padding:0 10px 0 50px; box-sizing: border-box; background:#fff url(../images/sub/ico_song_go.gif) no-repeat 10px 50%; font-weight:600; color:#323c4b}
.song_gobtn a:hover span {color:#da2724; transition:.3s}
.song_conarea {text-align: center; font-family:SCdream}

.song_lyricist ul {display:flex; justify-content: center; padding:20px; background:#fff}
.song_lyricist ul li {margin:0 3px; font-weight:500}
.song_lyricist ul li span {padding:1px 15px; margin:0 10px 0 5px; border:2px solid #c8c8c8; border-radius:50px; text-align: center}
.song_lyrics {line-height:170%; padding:26px}

/* 교육과정 편제 */
.gt_curriculum .cz_tablebx {margin-bottom:20px}
.gt_curriculum .cztable_wrap {margin:40px 0 }

/* 연간학사일정 */
.gt_yearplan .cz_tablebx {margin:20px 0}
.gt_yearplan .holi {color:#f00}
.year_etcbox {margin:30px 0; padding:12px 18px; background:#f1f1f1 url(../images/sub/bg_yearetc.gif) no-repeat 18px 50%}
.year_etcbox ul {padding:5px 10px 5px 72px}
.year_etcbox ul li {margin:3px 0; line-height:140%; font-family: SCdream; color:#111}

/* 오시는길 */
.gt_map {font-family:SCdream}
.gt_map .map_wrap .map_box {border: 1px solid #c7c7c7; box-sizing: border-box; overflow: hidden}
.gt_map .root_daum_roughmap{width: 100%;}
.gt_map .root_daum_roughmap .wrap_map{height: 450px;}
.gt_map .map_wrap .map_border {border:none !important; background:none !important}
.gt_map .mapinfo_box .map_address {padding:10px}
.gt_map .mapinfo_box .map_address > span {display: inline-block; padding:8px 0 8px 34px; background: url(../images/sub/blt_map_add.png) no-repeat left top; font-size:1.071em; font-weight: 600; text-align: left}
.map_ibox {position:relative; margin-top:-40px}
.map_ibox .map_view {display:block; width:210px; margin:0 0 0 auto; padding-left:21px; background:  url(../images/sub/bg_kakaomap.png) no-repeat 0 100%; }
.map_ibox .map_view a {position:relative; display:block; padding:10px 40px 10px 5px; margin:0 0 0 auto; background:#258fff; box-sizing: border-box; color:#fff; font-weight:500}
.map_ibox .map_view a:after {content:""; display:block; position: absolute; top:0; right:0; width:40px; height:100%; background:#1e72cc url(../images/sub/btn_map_view.png) no-repeat 50% 50%; transition:.3s}
.map_ibox .map_view a:hover:after {background-color:#258fff}
.map_ibox .map_view a span {color:#ffe400}
.map_ibox .map_bus {display:flex; align-items:center; border:1px solid #ccc; padding:10px}
.map_ibox .map_bus .btit {position:relative; padding:50px 0 0; text-align: center} 
.map_ibox .map_bus .btit:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:60px; background:url(../images/sub/blt_map_bus.png) no-repeat 50% 0}
.map_ibox .map_bus .btit span {display:inline-block; border-radius:5px 5px 15px 15px; padding:15px 15px 7px; text-align: center; font-weight:600; font-family:'SEBANG_Gothic'; background:#e2e2e2}
.map_ibox .map_bus ul {margin-left:15px}
.map_ibox .map_bus ul li {position:relative; padding:3px 0 3px 70px; margin:4px 0}
.map_ibox .map_bus ul li span {display: inline-block; position:absolute; top:0; left:0; padding:2px 15px; border:1px solid #ccc; border-radius:50px; text-align: center; font-weight:400; color:#000}
.map_ibox .map_bus ul li:first-child span {border-color:#fd5252}
.map_ibox .map_bus ul li:nth-child(2) span {border-color:#3663e9}
.map_ibox .map_bus ul li:nth-child(3) span {border-color:#02a40a}

/* 마이스터고 소개 */
.meister_toparea {overflow:hidden; border-radius:5px; margin-bottom:30px}
.meister_toparea .meister_tit {position:relative; padding:135px 0 35px; text-align: center; background:url(../images/sub/bg_meister_top.gif) no-repeat 50% 0; font-size:1.6em; font-weight:600; color:#fff}
.meister_toparea .meister_tit:after {content:""; display: block; position: absolute; bottom:-17px; left:50%; width:2px; height:37px; margin-left:-1px; background: url(../images/sub/blt_meister_top.gif) no-repeat 50% 0}
.meister_toparea .meister_tit span {color:#89edff}
.meister_toparea .meister_txt {line-height:150%; padding:32px 30px 28px; border:1px solid #dbdbdb; border-top:0; text-align: center; font-family:SCdream}
.meister_box {overflow:hidden; position: relative; padding:0 0 0 210px; margin-bottom:5px; background:#dbdbdb}
.meister_box .meist_boxtit {position: absolute; top:50%; left:0; margin-top:-8px; width:210px; text-align: center; font-size:1.071em; color:#fff}
.meister_box .meister_boxarea {padding:18px 25px; border:1px solid #dbdbdb; border-left:0; background:#fff; font-family:SCdream}
.meister_box .meister_boxarea ul li {position:relative; line-height:150%; padding:0 0 0 12px}
.meister_box .meister_boxarea ul li:after {content:""; display:block; position: absolute; top:8px; left:0; width:4px; height:4px; border-radius:50%; background:#535353}
.meister_box .meister_boxarea ul li .col_re {font-weight:400}
.meister_wrap {margin-bottom:25px}
.meist_box01 {background:#25b5cf}
.meist_box02 {background:#5988ff}
.meist_box03 {background:#214f62}
.meist_box04 {background:#334a7d}
.meistview_wrap {position:relative; max-width: 100%; overflow: hidden; padding:50px 0 0}
.meistview_wrap:before {content:""; display: block; position:absolute; top:5px; left:50%; width:140px; height:140px; margin-left:165px; background:url(../images/sub/bg_meister_eng.png) no-repeat 100% 0}
.meistview_wrap .tit_cont_box {position:relative; background:#dfdfdf; border-radius:30px 30px 0 0; padding:70px 10px 20px; margin-top:-48px}
.meistview_wrap .gtmeist_tit {text-align: center; font-size:1.267em; font-weight:600; color:#000}

.meistview_wrap .view_big {overflow:hidden; position: relative; width:90%; max-width:508px; margin:0 auto; border-radius:5px; box-sizing: border-box; box-shadow:0 2px 6px rgba(0,0,0,0.2); z-index:1}
.meistview_wrap .view_big::before{content: ''; display: block; padding-bottom: 56.5%}
.meistview_wrap .view_big > img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 100%; transition: .2s; z-index:1}
.meistview_wrap .view_list {margin-top:20px; display: flex; justify-content:center; flex-wrap:wrap; gap:10px}
.meistview_wrap .view_list > li {width: calc(20% - 10px); margin:10px 0}
.meistview_wrap .view_list .img_box {position: relative; border-radius:10px 10px 0 0; overflow: hidden; border:1px solid #e2e2e2}
.meistview_wrap .view_list .img_box > a {display: block; padding-bottom: 56.5%}
.meistview_wrap .view_list .img_box > a::before{content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/sub/bg_meister_view.png) no-repeat center rgba(0, 0, 0, .6); left: 0; z-index: 1; top: -100%; transition: .2s}
.meistview_wrap .view_list > li.on .img_box > a::before{top: 0}
.meistview_wrap .view_list .img_box > a > img{position: absolute; width: 100%}
.meistview_wrap .view_list > li > p > a { position: relative; overflow:hidden; display: block; text-overflow: ellipsis; white-space: nowrap; text-align: center; line-height:26px; padding:10px 0; transition: .2s; box-sizing: border-box}
.meistview_wrap .view_list > li > p > a::after{content: ''; position: absolute; width: 100%; height:1px; bottom: 0; left: 0; background: #e2e2e2; transition: .2s}
.meistview_wrap .view_list > li.on > p > a {color: #009bb7}
.meistview_wrap .view_list > li.on > p > a::after{background: #009bb7}
.gtmeist_titview {padding:15px 40px; text-align: center; border-bottom:1px solid #949494; word-break: keep-all}
.gtmeist_titview span {padding:5px 0 5px 30px; background:url(../images/sub/blt_imgdetail_view.png) no-repeat 0 50%; color:#f00}

/* 입학안내 */
.admiss_wrap {display:flex; padding-bottom:130px; background:url(../images/sub/bg_admiss_bigarr.png) no-repeat 50% 100%}
.admiss_wrap .admiss_box {position:relative; width:100%; background:#fff}
.admiss_wrap .admiss_box:before {content:""; display:block; position: absolute; bottom:0; left:0; width:100%; height:56px; background:#e2e2e2}
.admiss_boxtit {line-height:56px; text-align: center; border-radius:15px 15px 0 0; background:#54a9ea}
.admiss_boxtit h5 {position:relative; display:inline-block; padding:0 45px}
.admiss_boxtit h5:before {content:""; display: block; position: absolute; top:50%; left:0; margin-top:-1px; width:100%; height:1px; background:rgba(255,255,255,0.6)}
.admiss_boxtit h5 span {position:relative; display:inline-block; padding:0 10px; color:#fff; font-size:1.267em; background:#54a9ea}
.admiss_con {position:relative; margin:0 9px 9px; padding:30px 30px 35px; background:#fff; text-align: center; font-size:1.071em; color:#111; word-break:keep-all}
.admiss_txt02 {display:inline-block; position: relative; margin:15px 0}
.admiss_txt02:before {content:""; display: block; position:absolute; bottom:-3px; left:-15px; width:30px; height:39px; background:url(../images/sub/bg_guide_left.png) no-repeat 0 100%; z-index:2}
.admiss_txt02:after {content:""; display: block; position:absolute; bottom:-3px; right:-15px; width:30px; height:39px; background:url(../images/sub/bg_guide_right.png) no-repeat 100% 100%; z-index:1}
.admiss_txt02 p {position: relative; padding:5px 20px; z-index:1; font-size:1.25em; font-weight:600}
.admiss_txt02 p:before {content:""; display: block; position: absolute; bottom:0; left:0; width:100%; height:15px; background:#e2e2e2; border-radius:10px 10px 0 0; z-index:-1}
.admiss_txt02 p span {color:#167cca}
.admiss_txt03 {margin-bottom:30px}
.admiss_txt03 span {color:#009e98; font-weight:600}
.admiss_txt04 {display:inline-block; min-width:500px; background:#ff9036; border-radius:5px; padding:15px; color:#fff}
.admiss_txt05 {display:inline-block; min-width:500px; padding:15px; border-bottom:1px solid #cbcbcb}
.admiss_lst {margin-top:-100px; text-align: center}
.admiss_lstwrap {display:flex; justify-content:space-between; margin-top:30px; border:1px solid #d9d9d9}
.admiss_lstwrap dl {display:block; width:calc(100% / 7); border-left:1px solid #d9d9d9; text-align: center}
.admiss_lstwrap dl:first-child {border-left:0}
.admiss_lstwrap dl dt {padding:10px; background:#5f6b71; color:#fff}
.admiss_lstwrap dl dd {padding:10px}

/* 입학안내 학과소개 */
.adepart {margin-top:30px}
.adepart_box {padding:42px 300px 30px 42px}
.adepart h4 {position:relative; max-width:420px; color:#fff; font-size:2em; font-weight:400}
.adepart h4 span {position:relative; padding:8px 15px 0 15px; margin-left:-10px}
.adepart h4 span:before {content:""; display:block; position:absolute; top:50%; left:100%; width:100%; height:1px; background:rgba(255,255,255,0.5)}
.adepart h4 span:after {content:""; display:block; position: absolute; top:0; left:0; width:26px; height:17px; background: url(../images/sub/bg_depart_quotes.png) no-repeat 0 0}
.adepart .adepart_txt {padding:20px 0; color:rgba(255,255,255,0.6); font-family:SCdream; word-break:keep-all}
.adepart .adepart_go a {display: block; width:212px; padding:12px 15px; background:#fff url(../images/sub/bg_adepart_more.png) no-repeat right 20px top 50%; border:2px solid #fff; box-sizing: border-box; transition:.3s}
.adepart .adepart_go:hover a {background:url(../images/sub/bg_adepart_morea.png) no-repeat right 20px top 50%; color:#fff}

.adepart01 {background:linear-gradient(135deg, #322472, #8572d8)}
.adepart01 .adepart_box {background:url(../images/sub/bg_admiss_depart01.png) no-repeat 100% 100%}
.adepart02 {background:linear-gradient(135deg, #243a58, #638fc4)}
.adepart02 .adepart_box {background:url(../images/sub/bg_admiss_depart02.png) no-repeat 100% 100%}
.adepart03 {background:linear-gradient(135deg, #176080, #4aa3ca)}
.adepart03 .adepart_box {background:url(../images/sub/bg_admiss_depart03.png) no-repeat 100% 100%}
.adepart04 {background:linear-gradient(135deg, #322472, #bb6ed9)}
.adepart04 .adepart_box {background:url(../images/sub/bg_admiss_depart04.png) no-repeat 100% 100%}
.adepart05 {background:linear-gradient(135deg, #1c489d, #799df8)}
.adepart05 .adepart_box {background:url(../images/sub/bg_admiss_depart05.png) no-repeat 100% 100%}
.adepart06 {background:linear-gradient(135deg, #0e4376, #8ab9e0)}
.adepart06 .adepart_box {background:url(../images/sub/bg_admiss_depart06.png) no-repeat 100% 100%}
.adepart07 {background:linear-gradient(135deg, #017a83, #84d9dc)}
.adepart07 .adepart_box {background:url(../images/sub/bg_admiss_depart07.png) no-repeat 100% 100%}

.adepart01 h4 span:before {width:calc(100% + 38px)}
.adepart02 h4 span:before {width:calc(100% + 38px)}
.adepart03 h4 span:before {width:calc(100% + 201px)}
.adepart04 h4 span:before {width:calc(100% + 92px)}
.adepart05 h4 span:before {width:calc(100% + 38px)}
.adepart06 h4 span:before {width:calc(100% - 17px)}
.adepart07 h4 span:before {width:calc(100% + 92px)}

/* 운동부 소개 */
.sports_conbox {border:1px solid #c8c8c8; margin-bottom:30px}
.sports_conbox .sports_contit {padding:12px; background:#6f6f6f; color:#fff; text-align: center; font-size:1.133em; font-weight:600}
.sports_conbox .sports_conmap img {width:100%; height:100%}
.sports_maptxt {display:none; text-align: center}
.sports_toparea {overflow: hidden; border-radius:0 100px 0 0; padding:42px 0}
.sports_toparea .sports_toptit {display:flex; align-items: center}
.sports_toparea .sports_subtit {display:inline-block; padding:6px 25px; background:#fff; border-radius:0 50px 50px 0; text-align: center; color:#000}
.sports_toparea .sports_tit {margin:0 20px; font-size:1.867em; font-weight:600}
.sports_toptxt {padding:20px 15px; border-bottom:1px solid #ccc; margin-bottom:30px; font-size:1.133em; color:#111}
.sports_caltxt p {padding:1px 0 1px 30px; background:url(../images/sub/blt_sports_cal.gif) no-repeat 0 0; text-align:left}
.gt_sports .gt_toparea .gt_toptit p {font-size:1.333em}

.sports_conlst {padding:0 25px; font-family:SCdream}
.sports_conlst .sports_lsttxt {margin:25px 0}
.sports_conlst .sports_lsttxt li {position:relative; padding:0 0 0 15px; margin:10px 0; word-break:keep-all}
.sports_conlst .sports_lsttxt li:after {content:""; display:block; position: absolute; top:6px; left:0; width:5px; height:5px; background:#2a2929; border-radius:50%}
.sports_photo {display:flex; justify-content: center; align-items: center; gap:10px; flex-wrap:wrap; margin:25px 0}
.sports_photo p {margin:5px 0; border:1px solid #ccc}
.sports_photo img {max-height:150px; width:100%}
.sports_photo .photo_sizeup img {max-height:220px}
.sports_conbox2 .sports_contit {background:#5d89ff}
.sports_photo .verti_photo img {max-height:250px}
.sportx_conflex {display:flex; justify-content: space-between; gap:10px}
.sportx_conflex .sports_conbox {width:calc(100% / 2)}
.sportx_conflex .sports_conlst {padding:0 10px; display:flex; align-items:center; justify-content:center; height:calc(100% - 48px)}

/* 씨름 */
.gt_ssireum .sports_toparea {background:#f0dac2 url(../images/sub/bg_ssireum_pc.gif) no-repeat 100% 100%}
.gt_ssireum .sports_toparea .sports_tit span {color:#885317}
.gt_ssireum .gt_toparea .gt_toptit p:before {border-color:#885317}
.gt_ssireum .gt_toparea .gt_toptit p span {padding:5px 0 5px 38px; background:url(../images/sub/blt_sports_awardtit.gif) no-repeat 0 50%}

/* e스포츠 */
.gt_esports .sports_toparea {background:url(../images/sub/bg_esports_pc.png) no-repeat 100% 100%, linear-gradient(120deg, #5988ff, #8c91ff)}
.gt_esports .sports_toparea .sports_tit {color:#fff}
.gt_esports .sports_toptxt {text-align: center}
.gt_esports .sports_toptxt span {color:#6677ec; font-weight:600}
.gt_esports .sports_conbox .sports_contit {font-weight:400}

/* 학과소개 */
.gt_depart .dp_toptit {position:relative; padding:54px 0 30px}
.gt_depart .dp_toptit:before {content:""; display: block; position:absolute; top:0; right:0; width:calc(100% - 180px); height:200px; background:#eee; border-radius:100px 0 0 0; z-index:-1}
.gt_depart .dp_topbox {display:inline-block; padding:45px 42px; width:550px; height:180px; border-radius:0 0 100px 0; box-sizing: border-box}
.gt_depart .dp_topbox h4 {position:relative; max-width:360px; color:#fff; font-size:2em; font-weight:400}
.gt_depart .dp_topbox h4 span {position:relative; display:inline-block; padding:15px 20px 20px 20px}
.gt_depart .dp_topbox h4 span:before {content:""; display:block; position:absolute; top:50%; left:100%; width:100%; height:1px; background:rgba(255,255,255,0.5); margin-top:-5px}
.gt_depart .dp_topbox h4 span:after {content:""; display:block; position: absolute; top:0; left:0; width:26px; height:17px; background: url(../images/sub/bg_depart_quotes.png) no-repeat 0 0}
.gt_depart .dp_eng {padding-left:20px; color:rgba(255,255,255,0.3); font-size:1.071em}
.gt_depart .dp_type {position:relative; padding:0 0 0 220px; background:#334a7c; margin-bottom:30px}
.gt_depart .dp_type .dp_ttit {position:absolute; top:50%; left:0; width:220px; text-align: center; color:#fff; font-size:1.2em; margin-top:-10px}
.gt_depart .dp_type .dp_ttxt {background:#e2e2e2; padding:22px 35px; font-family:SCdream; color:#000}
.gt_depart .dp_intro {position:relative; padding:0 0 0 220px; margin-bottom:20px}
.gt_depart .dp_intro .dp_itit {position:absolute; top:0; left:0; width:220px; text-align:left; font-size:1.2em; color:#000}
.gt_depart .dp_intro .dp_itit:before {content:""; display:block; position:absolute; top:50%; left:0; width:100%; height:2px; background:#000; z-index:-1; margin-top:-2px}
.gt_depart .dp_intro .dp_itit span {position:relative; display:inline-block; padding:10px 5px 10px 30px; z-index:1; background:#fff}
.gt_depart .dp_intro .dp_itxt {font-family:SCdream}
.gt_depart .dp_intro .dp_itxt ul {padding:10px 25px}
.gt_depart .dp_intro .dp_itxt ul li {position:relative; padding-left:15px; line-height:150%; margin-top:10px; color:#000; word-break:keep-all}
.gt_depart .dp_intro .dp_itxt ul li:first-child {margin-top:0}
.gt_depart .dp_intro .dp_itxt ul li:after {content:""; display:block; position: absolute; top:6px; left:0; width:5px; height:5px; background:#334a7c; border-radius:50%}
.gt_depart .dp_certify {position:relative; padding:50px 0 0; margin-bottom:30px}
.gt_depart .dp_certify .dp_ctit {position:absolute; top:0; left:0; width:220px; text-align:left; font-size:1.2em; color:#000}
.gt_depart .dp_certify .dp_ctit:before {content:""; display:block; position:absolute; top:50%; left:0; width:100%; height:2px; background:#000; z-index:-1; margin-top:-2px}
.gt_depart .dp_certify .dp_ctit span {position:relative; display:inline-block; padding:10px 5px 10px 30px; z-index:1; background:#fff}
.gt_depart .dp_ctxt ul {display:flex; justify-content:flex-start; gap:10px; flex-wrap:wrap}
.gt_depart .dp_ctxt ul li {display:flex; justify-content: center; align-items: center; width:calc(100% / 4 - 10px); padding:10px; border:3px solid #e2e2e2; box-sizing: border-box; text-align: center; font-family:SCdream; color:#000; word-break: keep-all}

.gt_depart01 .dp_topbox h4 span:before {width:calc(100% - 36px)}
.gt_depart02 .dp_topbox h4 span:before {width:calc(100% - 36px)}
.gt_depart03 .dp_topbox h4 span:before {width:calc(100% - 201px)}
.gt_depart04 .dp_topbox h4 span:before {width:calc(100% - 92px)}
.gt_depart05 .dp_topbox h4 span:before {width:calc(100% - 36px)}
.gt_depart06 .dp_topbox h4 span:before {width:calc(100% - 17px)}
.gt_depart07 .dp_topbox h4 span:before {width:calc(100% + 92px)}

.gt_depart01 .dp_toptit:before {background:#8572d8 url(../images/sub/img_depart_topbg01.gif) no-repeat 100% 50%}
.gt_depart02 .dp_toptit:before {background:#638fc4 url(../images/sub/img_depart_topbg02.gif) no-repeat 100% 50%}
.gt_depart03 .dp_toptit:before {background:#4aa3ca url(../images/sub/img_depart_topbg03.gif) no-repeat 100% 50%}
.gt_depart04 .dp_toptit:before {background:#bb6ed9 url(../images/sub/img_depart_topbg04.gif) no-repeat 100% 50%}
.gt_depart05 .dp_toptit:before {background:#799df8 url(../images/sub/img_depart_topbg05.gif) no-repeat 100% 50%}
.gt_depart06 .dp_toptit:before {background:#8ab9e0 url(../images/sub/img_depart_topbg06.gif) no-repeat 100% 50%}
.gt_depart07 .dp_toptit:before {background:#84d9dc url(../images/sub/img_depart_topbg07.gif) no-repeat 100% 50%}
.gt_depart01 .dp_topbox {background:#322472 url(../images/sub/bg_depart_topico01.png) no-repeat right 0 bottom 0}
.gt_depart02 .dp_topbox {background:#243a58 url(../images/sub/bg_depart_topico02.png) no-repeat right 0 bottom 0}
.gt_depart03 .dp_topbox {background:#176080 url(../images/sub/bg_depart_topico03.png) no-repeat right 0 bottom 0}
.gt_depart04 .dp_topbox {background:#703aa2 url(../images/sub/bg_depart_topico04.png) no-repeat right 0 bottom 0}
.gt_depart05 .dp_topbox {background:#1c489d url(../images/sub/bg_depart_topico05.png) no-repeat right 0 bottom 0}
.gt_depart06 .dp_topbox {background:#0e4376 url(../images/sub/bg_depart_topico06.png) no-repeat right 0 bottom 0}
.gt_depart07 .dp_topbox {background:#017a83 url(../images/sub/bg_depart_topico07.png) no-repeat right 0 bottom 0}

.gt_depart01 .dp_type {background:#7663c8}
.gt_depart02 .dp_type {background:#416897}
.gt_depart03 .dp_type {background:#1383b4}
.gt_depart04 .dp_type {background:#9b3ed8}
.gt_depart05 .dp_type {background:#356ad0}
.gt_depart06 .dp_type {background:#2882d9}
.gt_depart07 .dp_type {background:#339093}

.gt_depart01 .dp_intro .dp_itit span {background:#fff url(../images/sub/blt_depart01_01.gif) no-repeat 0 4px}
.gt_depart02 .dp_intro .dp_itit span {background:#fff url(../images/sub/blt_depart02_01.gif) no-repeat 0 4px}
.gt_depart03 .dp_intro .dp_itit span {background:#fff url(../images/sub/blt_depart03_01.gif) no-repeat 0 4px}
.gt_depart04 .dp_intro .dp_itit span {background:#fff url(../images/sub/blt_depart04_01.gif) no-repeat 0 4px}
.gt_depart05 .dp_intro .dp_itit span {background:#fff url(../images/sub/blt_depart05_01.gif) no-repeat 0 4px}
.gt_depart06 .dp_intro .dp_itit span {background:#fff url(../images/sub/blt_depart06_01.gif) no-repeat 0 4px}
.gt_depart07 .dp_intro .dp_itit span {background:#fff url(../images/sub/blt_depart07_01.gif) no-repeat 0 4px}
.gt_depart01 .dp_intro .dp_itxt ul li:after {background:#7663c8}
.gt_depart02 .dp_intro .dp_itxt ul li:after {background:#416897}
.gt_depart03 .dp_intro .dp_itxt ul li:after {background:#1383b4}
.gt_depart04 .dp_intro .dp_itxt ul li:after {background:#9b3ed8}
.gt_depart05 .dp_intro .dp_itxt ul li:after {background:#356ad0}
.gt_depart06 .dp_intro .dp_itxt ul li:after {background:#2882d9}
.gt_depart07 .dp_intro .dp_itxt ul li:after {background:#339093}

.gt_depart01 .dp_certify .dp_ctit span {background:#fff url(../images/sub/blt_depart01_02.gif) no-repeat 0 4px}
.gt_depart02 .dp_certify .dp_ctit span {background:#fff url(../images/sub/blt_depart02_02.gif) no-repeat 0 4px}
.gt_depart03 .dp_certify .dp_ctit span {background:#fff url(../images/sub/blt_depart03_02.gif) no-repeat 0 4px}
.gt_depart04 .dp_certify .dp_ctit span {background:#fff url(../images/sub/blt_depart04_02.gif) no-repeat 0 4px}
.gt_depart05 .dp_certify .dp_ctit span {background:#fff url(../images/sub/blt_depart05_02.gif) no-repeat 0 4px}
.gt_depart06 .dp_certify .dp_ctit span {background:#fff url(../images/sub/blt_depart06_02.gif) no-repeat 0 4px}
.gt_depart07 .dp_certify .dp_ctit span {background:#fff url(../images/sub/blt_depart07_02.gif) no-repeat 0 4px}


/* 교직원소개 */
.cz_teacher .cz_table {font-size:1em}
.cz_teachtb {font-family:'SEBANG_Gothic'; border:1px solid #c7c7c7; border-top:0; margin-bottom:20px}
.cz_teachtb ul {display:flex; width:100%}
.cz_teachtb ul:first-child {border-top:0}
.cz_teachtb ul li {width:calc(100% / 6); border-top:1px solid #c7c7c7; border-right:1px solid #c7c7c7; text-align: center; box-sizing: border-box}
.cz_teachtb ul li:last-child {border-right:0}
.cz_teachtb ul li a {display:block; padding:10px 0; font-weight:400}
.cz_teachtb ul li:hover a {background:#2b3f6a}
.cz_teachtb ul li:hover a {color:#fff}

/* 운영위원회 소개 */
.commit_top {margin-bottom:20px; padding:25px 200px 25px 25px; border:1px solid #ccc; border-radius:5px; background:#fff url(../images/sub/bg_committee.gif) no-repeat right 15px top 50%; font-family:SCdream}
.commit_top span {font-weight:500}
.commit_etc {margin:15px 0; padding:12px; border-radius:5px; background:#eee; text-align: center; font-family:SCdream; word-break: keep-all}
.commit_box {display: flex; border:1px solid #dbdbdb; margin-bottom:25px}
.commit_box .commit_lst {padding:12px 10px 0; width:100%; border-left:1px solid #dbdbdb; box-sizing: border-box}
.commit_box .commit_lst:first-child {border:0}
.commit_box .commit_lsttit {padding:10px; text-align: center; color:#fff; font-size:1.071em}
.commit_box .commit_lsttxt {line-height:140%; padding:18px 14px; font-family:SCdream}
.commit_box .commit_lsttxt ol li {line-height:150%}
.commlst1 .commit_lsttit {background:#259cd4}
.commlst2 .commit_lsttit {background:#72a2ea}
.commlst3 .commit_lsttit {background:#056bbd}
.commlst4 .commit_lsttit {background:#5ac79f}
.commlst5 .commit_lsttit {background:#34b3c0}

/* 산학일체형 도제 소개 */
.industry_etc {margin:15px 0; padding:12px; border-radius:5px; background:#eee; text-align: center; font-family:SCdream; font-weight:600}
.industry_top {line-height:150%; margin-bottom:20px; min-height:40px; padding:22px 120px 22px 25px; border:1px solid #ccc; border-radius:5px; background:#fff url(../images/sub/bg_industry.gif) no-repeat right 15px bottom 10px; font-family:SCdream; word-break: keep-all}
.industry_top span {font-weight:500}

.indust_wrap .cz_tablebx {margin:0}
.gt_industry .cz_table tbody th,.gt_industry .cz_table tbody td {padding:12px 10px; font-size:1em}
.gt_industry .cz_table tbody .doje_noline th {border:0; background:none}
.gt_industry .cz_table tbody .doje_noline td {border:0; padding:0; text-align: center}
.gt_industry .cz_table tbody .doje_noline td p {width:134px; height:89px; margin:0 auto; color:#fff; padding:65px 0 0; box-sizing: border-box; font-family:'SEBANG_Gothic'; font-size:1.071em}
.gt_industry .doje_noline td .doje_type1 {background:url(../images/sub/bg_doje_type01.gif) no-repeat 50% 100%} 
.gt_industry .doje_noline td .doje_type2 {background:url(../images/sub/bg_doje_type02.gif) no-repeat 50% 100%} 
.gt_industry .doje_noline td .doje_type3 {background:url(../images/sub/bg_doje_type03.gif) no-repeat 50% 100%} 
.gt_industry .doje_line1 td p {padding:10px; font-weight:600}
.gt_industry .cz_table tbody .doje_line2 td {border-left:0; border-right:0}
.gt_industry .cz_table tbody .doje_line2 td:last-child {border-right:1px solid #dbdbdb}
.gt_industry .doje_line2 .doje_link {position: relative; padding:0 15px}
.gt_industry .doje_line2 .doje_link:before {display: block; clear: both; content: ''; position: absolute; top:50%; left:0; width: 0; height: 0; margin-top:-20px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-left:0 solid transparent; border-right:25px solid #f4aa23}
.gt_industry .doje_line2 .doje_link:after {display: block; clear: both; content: ''; position: absolute; top:50%; right:0; width: 0; height: 0; margin-top:-20px; border-top:20px solid transparent; border-bottom:20px solid transparent; border-right:0 solid transparent; border-left:25px solid #f4aa23}
.gt_industry .doje_line2 .doje_link p {background:#f4aa23; color:#fff; font-weight:600}
.doje_grade .dg_tit {border-radius:5px; padding:5px; font-weight:500; color:#fff}
.doje_grade .dg_tit span {display: block; width:50px; margin:0 auto; text-align: center; padding:0 10px; background:#fff; border-radius:50px; font-weight:400; color:#000}
.doje_grade .dg_txt {padding:8px 5px; margin-bottom:10px; border-bottom:1px solid #ccc}
.doje_grade .dg_boxtxt {border:2px solid #e2e2e2; border-radius:5px; padding:16px 10px}
.doje_g01 .dg_tit {background:#056bbd}
.doje_g02 .dg_tit {background:#72a2ea}
.doje_g03 .dg_tit {background:#259cd4}
.doje_g01 .dg_txt {border-color:#056bbd}
.doje_g02 .dg_txt {border-color:#72a2ea}
.doje_g03 .dg_txt {border-color:#259cd4}
.indust_arr {padding:50px; background:url(../images/sub/bg_doje_arr.gif) no-repeat 50% 0; text-align: center; color:#000}
.indust_jobtxt {padding:15px; background:#a7a7a7; text-align: center; color:#fff; font-size:1.13em}
.indust_jobbox {display:flex; justify-content: space-between; gap:10px; margin:20px 0 35px}
.indust_jobbox .job_box {position:relative; width:calc(100% / 2 - 10px); background:#fff}
.indust_jobbox .job_box:before {content:""; display:block; position: absolute; bottom:0; left:0; width:100%; height:56px; background:#e2e2e2}
.job_boxtit {line-height:56px; text-align: center; border-radius:15px 15px 0 0}
.job_boxtit h5 {position:relative; display:inline-block; color:#fff; font-weight:400; font-size:1.13em}
.job_boxtit h5 span {background:#fff; color:#000; padding:3px 14px; margin-right:5px; border-radius:50px; font-size:0.933em}
.jobbox01 .job_boxtit {background:#9958c9}
.jobbox02 .job_boxtit {background:#4e3cb9}
.job_con {position:relative; margin:0 9px 9px; height:calc(100% - 80px); background:#fff; font-family: SCdream}
.job_con p {padding:10px; margin:15px 30px 0; background:#eee; border-radius:50px; text-align: center; font-weight:600; font-size:1.071em}
.job_con ul {padding:22px 30px; background:#fff}
.job_con ul li {position:relative; line-height:150%; margin-top:3px; word-break: keep-all}

/* 도제 교육과정 */
.gt_industedu .cz_tablebx {margin-bottom:20px}
.indust_tbwrap {margin-bottom:40px}
.iegdepart {overflow:hidden; position: relative; padding:0 0 0 210px; margin-bottom:5px; background:#5f6b71}
.iegdepart .iegdepart_tit {position: absolute; top:50%; left:0; margin-top:-8px; width:210px; text-align: center; font-size:1.071em; color:#fff}
.iegdepart .iegdepart_area {padding:18px 25px; border:1px solid #dbdbdb; border-left:0; background:#fff; font-family:SCdream}
.iegdepart .iegdepart_area ul li {position:relative; line-height:150%; padding:0 0 0 12px}
.iegdepart .iegdepart_area ul li:after {content:""; display:block; position: absolute; top:8px; left:0; width:4px; height:4px; border-radius:50%; background:#535353}

.iegdepart01 {background:#25b5cf}
.iegdepart02 {background:#5988ff}
.iegdepart03 {background:#214f62}

/* 도제 운영위원회 */
.cz_photobx ul {display:flex; justify-content: center; gap:15px}
.cz_photobx li {margin:5px}
.cz_photobx li img {width:100%}

/* 교육과정 */
.gt_offwrap .indust_boxwrap {margin-bottom:40px}
.gt_offwrap .off_boxtxt {position:relative; margin:15px 0; padding:15px 60px 15px 15px; background:#fff; border:2px solid #bfd4eb; font-family:SCdream; word-break:keep-all}
.gt_offwrap .off_boxtxt:before {content:""; display:block; position:absolute; top:0; right:0; width:50px; height:100%; background:#bfd4eb url(../images/sub/bg_dojeoff_ico.png) no-repeat 50% 50%}
.gt_offwrap .off_boxtxt2 {border-color:#d5d5d5; padding:15px}
.gt_offwrap .off_boxtxt2:before {display:none}
.gt_offwrap .cz_photobx {display:flex; flex-wrap:wrap; justify-content:center; gap:5px; margin:15px 0}
.ojt_boxwrap {margin:15px 0 30px; border:1px solid #ddd}
.ojt_boxwrap .ojt_boxtit {display:block; padding:12px; text-align:center; background:#eee}
.ojt_boxwrap .ojt_boxtit1 {background:#0169d4; color:#fff}
.ojt_boxwrap .ojt_boxtit2 {background:#33506a; color:#fff}

.ojt_boxwrap .cz_photobx {padding:15px 0}
.ojt_waywrap {padding:15px; border:1px solid #ddd; margin-bottom:15px}
.ojt_wtit {padding:10px; margin-bottom:20px; text-align: center; background:#2196f3; font-size:1.071em; color:#fff}
.ojt_wbox {text-align: center; font-family:SCdream}
.ojttxt {padding:0 10px 15px}
.ojtimg img {width:100%; height:100%; max-width:350px}

/* 학생 역량 강화 활동 */
.cz_table .bgtb_bl tbody th {background-color:#09929f; color:#fff}
.istu_boxtxt {position:relative; margin:15px 0; padding:15px 60px 15px 15px; background:#fff; border:2px solid #b3d8db; font-family:SCdream; word-break:keep-all}
.istu_boxtxt:before {content:""; display:block; position:absolute; top:0; right:0; width:50px; height:100%; background:#b3d8db url(../images/sub/bg_dojeoff_ico.png) no-repeat 50% 50%}
.gt_istuwrap .cz_photobx {margin:20px 0}

/********* MOBILE LAYOUT *********/
@media only screen and (max-width:1024px) {
/* 메인과 다른 서브 */
#quick02 {display: block; position: absolute; top:660px; right:10px; z-index: 1}
.quick_btns {display:none}
.btn_top a {display:block; width:31px; height:31px; background:rgba(255,255,255,0.6); border-radius:50%; box-shadow: 0 2px 8px rgba(0,0,0,0.3); text-align: center}
.btn_top a span {display:block; padding:15px 0 0; background:url(../images/main/btn_top_arr.png) no-repeat left 50% top 6px; letter-spacing:-0.5px}
    
/* Layout */
#subright{position: relative}
#subright.nomargin {margin-top:0 !important}
#subtop h3 {height:75px; color:#fff; padding:25px 0 0; text-align: center; box-sizing:border-box}
#subtop h3 span {padding:10px 10px 0; font-size:1.385em; font-weight:600}
#subtop h3 span:after {content:""; display: block; position: absolute; top:0; left:50%; margin-left:-16px; width:32px; height:1px; background:#fff}
#subpage {margin:20px 10px 30px}

/* Visual*/
.subv_slogan {display:none}
.subvisual .visual_wrap .ctrl_dots {display: none}
.subvisual .visual_wrap .btn_visual {display: none}

/* 서브 컨텐츠 영역 */
.subconbox {margin-top:-120px}
#subtop h3 span {background:none; color:#fff}
    
/* MB guide */
.guide_wrap {padding:5px 5px 4px 36px}
#sub_guide .navi_area > ul > li.nav_home {display:none}
#sub_guide .navi_area .btn_home {display: block}
#sub_guide .navi_area .btn_home a {display: block; width:36px; height:36px; position:absolute; top:5px; left:0; text-indent:-99999px; background:url(../images/sub/btn_home_m.png) no-repeat 50% 50%; border:none; border-radius:10px}
#sub_guide .navi_area .btn_home span{overflow:hidden; height:0; width:0; line-height:0; font-size:0; text-indent:-9999999px}
#sub_guide .navi_area .btn_home img {display: none}
#sub_guide .navi_area > ul > li {position: relative; float: left; width: 33.3%; padding-right:5px; box-sizing: border-box}
#sub_guide .navi_area > ul > li > a:after {content:""; display: block; position: absolute; top:1px; right:6px; width:15px; height:34px; background:rgba(255,255,255,0.1) url(../images/sub/bg_submn_marr.png) no-repeat 50% 50%}
#sub_guide .navi_area > ul > li > a {display: block; height:36px; line-height:36px; padding:0 20px 0 8px; font-weight: 500; font-size:1.077em; border:1px solid #6c7790; background:url(../images/sub/bg_submn_arr.gif) no-repeat right 8px center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing: border-box; color:#fff}
#sub_guide .navi_area > ul > li:last-child  a {}
    
#sub_guide .submn {overflow: hidden; position: absolute; left: 0; top: 100%; width:calc(100% - 5px); padding:1px; margin: 0 auto; background:linear-gradient(120deg, #3e477e, #5988ff); z-index:99; box-sizing: border-box; box-shadow:0 2px 5px rgba(0,0,0,0.1)}
#sub_guide .submn ul {padding:1px; background:#fff} 
#sub_guide .submn li {border-bottom: 1px solid #dadbdd; z-index:110; text-align: center}
#sub_guide .submn li:last-child {border:none}
#sub_guide .submn li a {margin:5px; padding:5px 5px 3px; display:block; line-height: 130%; color: #404040; font-weight: 500; word-break:keep-all}
#sub_guide .submn li a:hover {background:#e9e9e9}

/********************************************* SUB content **********************************************/
/*MB에서 필요 없을때 선언*/
.mb_none{display: none}
    
/* 타이틀 */
h4.sub_tit4 {font-size:1.214em; background-position:0 3px; background-size:22px auto; padding:0 0 0 28px; margin:5px 0 8px}
h5.sub_tit5 {font-size:1.143em; background-position:0 1px; background-size:20px auto; padding:0 0 0 26px; margin:8px 0}
    
/* -------------------공통스타일 -------------------*/
/*공통타이틀(색상등의 세부설정은 해당항목 하위에 설정)*/
.gt_toparea .gt_subtit {padding:0 30px}
.gt_toparea .gt_subtit span {font-size:1.071em}
.gt_toparea .gt_toptit p {padding:0 40px; font-size:1.571em}
    
/* 공통 표 스타일 조정 */
.cz_table th, .cz_table td {word-break: normal}
    
    
/* -------------------컨텐츠 스타일 시작 -------------------*/
/* 인사말 */
.gt_greet {background-size:820px auto}
.gt_greet .greet_toparea {padding:20px 12px 0}
.gt_greet .greet_toptit {padding:20px 10px 10px 18px}
.gt_greet .greet_toptit:before {width:38px; height:26px; background-size:38px auto}
.gt_greet .greet_toptit:after  {display: none}
.gt_greet .greet_toptit .greet_tit {margin-top:6px; font-size:1.286em}
.gt_greet .greet_img {max-width:280px; margin-top:-5px}
.gt_greet .greet_sign img {max-width:220px}
.gt_greet .greet_con:before {top:18px; font-size:26px}
.gt_greet .grt_con {margin:15px 0; padding:0 14px}
.gt_greet .grt_con2 {padding:10px 14px; background:#fff} 
    
/* 추가 kjh 250528 */
.greet_sign .greet_logo {padding-bottom:10px}

/* 교육목표 */
.gt_edugoal .edugoal_wrap {padding-bottom:110px; background-position:left 50% bottom 50px}
.gt_edugoal .eg_boxico img {width:66px}
.gt_edugoal .eg_box {padding:0 7px}
.gt_edugoal .eg_boxcon li {padding-left:10px; word-break:auto-phrase}
.gt_edugoal .eg_boxtit h5 {padding:0 10px; font-size:1.143em}
.eg_school ul {padding:10px 17px 30px}
.eg_school li {padding:25px 14px}
.eg_school li span {font-size:1.143em} 
.spe_wrap {gap:5px}
.spe_wrap .spe_box {width:calc(100% / 2 - 5px)} 
.spe_boxtit {line-height:48px}
.spe_boxtit h5 span {font-size:1.143em}
.spe_con {margin:0 6px 6px; height:calc(100% - 56px)}
.spe_con ul {padding:15px 18px}

/* 경영관 */
.gt_manage {padding-top:10px}
.gt_manage .manage_tit {padding:0}
.gt_manage .manage_tit h4 {font-size:1.214em}
.gt_manage .manage_tit:before {top:-8px; left:30px; opacity:0.2}
.gt_manage .manage_tit:after {top:-8px; right:30px; opacity:0.2}
.gt_manage .manage_titwrap {padding:5px 0 20px}
.manage_school ul li {margin:20px 60px; width:220px; height:220px}
.manage_school ul li .mng_schtxt {font-size:1.071em}
.mngimg_top {padding:12px 0}
.mngimg_top span {font-size:1em; padding:2px 14px; margin-bottom:2px}
.mngimg_top p {font-size:1.2em}
.mngimg_con {padding:20px 10px; height:calc(100% - 110px)}

/* 연혁 */
.gt_history .his_toparea {padding:5px 0 0; background-size:240px auto}
.his_toptxt {padding:18px 0 18px 30px}
.history_box {padding-top:50px}
.history_box .his_txtbox {padding:40px 0 40px 185px; background-size:180px auto}
.history_box .his_year {background-size:340px auto}
.history_box .his_btn > a {line-height:50px}

/* 상징 및 교가 */
.song_wrap .song_box {width:100%; margin-left:15px; background-position:left 50% bottom -30px}
.song_wrap .song_sheet {position:relative; width:100%; max-width:500px; z-index:1}
.song_gobtn a {width:150px; padding:0 5px 0 45px}
.song_titarea .song_tit {font-size:1.143em; padding:0 0 0 48px}
.song_titarea .song_tit:after {left:-55px}
.moral_wrap ul li {width:calc(100% / 3); min-width:inherit}
.moral_wrap ul li .moral_box p {padding:16px; font-size:1.286em}
.moral_wrap ul li .moral_box p .hanja {bottom:5px; font-size:36px}
.symbol_wrap {flex-wrap:wrap; gap:10px}
.symbol_wrap .symbox {width:calc(100% / 4 - 10px)}
.symbol_wrap .symimg {padding:6px}
.symbol_wrap .symimg img {width:100%; height:100%}
.sym_txtarea {padding:40% 10px 0}
.sym_txtarea .symtxt {padding:14px 5px; font-size:1em}
.sym_txtarea dl {padding:6px 15px 6px 6px}
.sym_txtarea dl dt {width:55px; line-height:26px}

/* 연간학사일정 */
.gt_yearplan .cz_tablebx {margin:0 0 10px}
.year_etcbox {padding:10px}
.year_etcbox {background-size:40px auto; background-position:10px 50%}
.year_etcbox ul {padding-left:45px}
    
/* 오시는길 */
.gt_map .root_daum_roughmap .wrap_map{height:300px}
.map_ibox {margin:0}
.map_ibox .map_view {width:100%; padding:0}  
.map_ibox .map_view a {padding:10px 50px 10px 10px} 
.map_ibox .map_bus {flex-wrap:wrap}
    
/* 운동부 소개 */
.sports_maptxt {display:block; padding:10px}
.sports_conlst {padding:0 15px}
.sports_conbox {margin-bottom:15px}
.sportx_conflex {flex-wrap:wrap}
.sportx_conflex .sports_conbox {width:100%}

/* 학교운영위원회 */
.commit_top {padding:15px 94px 15px 15px}
.commit_box {flex-wrap:wrap}
.commit_box .commit_lst{border-left:0; border-top:1px solid #dbdbdb}

/* 마이스터고 */
.meistview_wrap .view_big:after {display:none}

/* 입학안내 학과소개 */
.admiss_lst {margin-top:-70px}
.admiss_boxtit h5 {padding:0 15px}
.admiss_con {padding:20px 10px; font-size:1em}
.admiss_txt03 {margin-bottom:15px}
.admiss_txt04 {min-width:inherit; padding:10px 25px}
.admiss_txt05 {min-width:inherit; padding:10px 25px}
.admiss_wrap {padding-bottom:85px; background-size:370px auto; background-position:50% 95%}
.admiss_lstwrap {flex-wrap:wrap; justify-content: center; margin-top:15px}
.admiss_lstwrap dl {width:calc(100% / 2); box-sizing: border-box}
.admiss_lstwrap dl:last-child {width:calc(100%)}
.admiss_lstwrap dl:nth-child(3), .admiss_lstwrap dl:nth-child(5), .admiss_lstwrap dl:nth-child(7) {border-left:0}
.adepart_box {padding:38px 50px 25px 25px; background-size:340px auto !important; background-blend-mode: overlay}
.adepart h4 {font-size:1.571em}
.adepart h4 span:before {display:none}
.adepart {margin-top:20px}
.adepart .adepart_go a {width:160px; padding:6px; background-position:right 14px top 50%}
.adepart .adepart_go:hover a {background-position:right 14px top 50%}  
.adepart .adepart_txt {padding:10px 0}
    
/* 학과소개 */
.gt_depart .dp_topbox {width:480px; height:140px; padding:30px 30px}
.gt_depart .dp_toptit {padding:30px 0 20px}
.gt_depart .dp_toptit:before {height:150px}
.gt_depart .dp_type {margin-bottom:20px; padding:0 0 0 180px}
.gt_depart .dp_type .dp_ttit {width:180px}
.gt_depart .dp_type .dp_ttxt {padding:15px 25px}
.gt_depart .dp_intro .dp_itit {width:180px}
.gt_depart .dp_intro {padding:0 0 0 180px}
.gt_depart .dp_certify .dp_ctit {width:180px}
.gt_depart .dp_intro {padding:0 0 0 180px}
.gt_depart .dp_ctxt ul { gap:7px}
.gt_depart .dp_ctxt ul li {width:calc(100% / 3 - 5px)}
    
/* 도제학교 */
.industry_top {padding:15px 80px 15px 15px}
.industry_etc {padding:7px; margin:10px 0}
.indust_jobbox {gap:5px}
.indust_jobbox .job_box {width:calc(100% / 2 - 5px)}
.job_boxtit {line-height:48px}
.job_boxtit h5 {font-size:1.071em}
.job_boxtit h5 span {font-size:0.85em}
.job_con {height:calc(100% - 73px)}
.job_con ul {padding:12px 13px}
.job_con p {margin:15px 13px 0}
    
/* 도제학교_교육과정 운영 */
.gt_offwrap .cz_photobx ul {flex-wrap:wrap; gap:5px}
.gt_offwrap .cz_photobx li {margin:0}
.gt_offwrap .cz_photobx li img {max-width:200px}
.gt_offwrap .off_boxtxt {padding:10px}
.gt_offwrap .off_boxtxt:before {display: none}   
    
/* 참여기업 */
.ojt_boxwrap {margin:10px 0 20px}
.gt_ojtwrap .cz_photobx ul {flex-wrap:wrap; gap:5px}
.gt_oftwrap .cz_photobx li {margin:0}
.gt_oftwrap .cz_photobx li img {max-width:200px}
.ojt_boxwrap .ojt_boxtit {padding:8px}

/* 학생 역량강화 */
.gt_istuwrap .cz_photobx ul {flex-wrap:wrap; gap:5px}
.gt_istuwrap .cz_photobx li {margin:0}
.gt_istuwrap .cz_photobx li img {max-width:200px}
.gt_istuwrap .istu_boxtxt {padding:10px}
.gt_istuwrap .istu_boxtxt:before {display: none}   
    
}


/* PC LAYOUT */
@media only screen and (min-width:1025px) {
#wrap {overflow: hidden}
/* 메인과 다른 서브 */
#quick02 {top:184px}
.quick_wrap {padding-bottom:54px}
#quick02 .quick_btns .qk {height:66px}
#quick02 .quick_btns .qk span {padding:42px 0 0; background-position:50% 10px !important}

#quick02 .quick_box {height:262px; padding:20px 115px 20px 20px; box-shadow:0 3px 6px rgba(0,0,0,0.05)}
#quick02 .quick_box .quick_list li a {height:39px; line-height:39px}
.qbtn_tit {font-size:20px; margin-bottom:10px}
.qbtn_tit .engtxt {font-size:14px}
.qbtn_close {top:20px; right:115px}

/* Layout */
#subcontainer{position: relative}
.subconwrap{position: relative}
.subconwrap:before {content:""; display:block; position:absolute; top:0;right:0; width:50%; height:65px; background: #fff}
.subconbox {position: relative; max-width:1400px; margin:-65px auto 0; background:#fff; z-index:1}
.subconwrap:after {content:""; display:block; position:absolute; top:-36px; left:calc(50% - 700px); width:calc(100% + 50%); height:36px; background:rgba(0,0,0,0.15)}
#sub_left {position: relative; display: block; float: left}
#subright {position: relative; float: right; width:1140px; padding-left:35px; box-sizing: border-box}
#subpage {margin:0 0 70px; min-height:500px}

/* subvisual */
.subvisual .visual_wrap:after {display:none}
.subvisual .visual_item {height:481px}
.subvisual .visual_item > a {height:481px}
.subvisual .subv_slogan {position:relative; display:inline-block; padding:0 22px 10px; border-bottom:1px solid rgba(255,255,255,0.5)}
.subvisual .subv_slogan:before {content:""; display:block; position: absolute; bottom:1px; left:0; width:17px; height:15px; background: url(../images/sub/bg_subslogan_left.png) no-repeat 0 100%}
.subvisual .subv_slogan:after {content:""; display:block; position: absolute; bottom:0; right:0; width:17px; height:15px; background: url(../images/sub/bg_subslogan_right.png) no-repeat 100% 100%}   
.subvisual .subv_slogan {position: absolute; top:286px; left:50%; margin-left:-700px}
.subvisual .subv_stxt {position:relative; display:inline-block; padding:10px 35px 0; color:#fff; font-size:17px}
.subvisual .subv_stxt span {font-weight:600}
.subvisual .subv_stxt:before {content:""; display:block; position: absolute; top:0; left:0; width:27px; height:18px; background: url(../images/sub/bg_subquotes_left.png) no-repeat 0 0 }
.subvisual .subv_stxt:after {content:""; display:block; position: absolute; top:0; right:0; width:27px; height:18px; background: url(../images/sub/bg_subquotes_right.png) no-repeat 100% 0 }
.subvisual .item1 {background:#1f4e62 url(../images/sub/subv_pc00.jpg) no-repeat 50% 0}
.subvisual .item2 {background:#334a7c url(../images/sub/subv_pc01.jpg) no-repeat 50% 0}
.subvisual .item3 {background:#0d7b92 url(../images/sub/subv_pc02.jpg) no-repeat 50% 0}
.subvisual .item4 {background:#1a347f url(../images/sub/subv_pc03nn.jpg) no-repeat 50% 0}
.subvisual .item5 {background:#0d7b92 url(../images/sub/subv_pc04n.jpg) no-repeat 50% 0}
.subvisual .item6 {background:#1a347f url(../images/sub/subv_pc05n.jpg) no-repeat 50% 0}
.subvisual .item7 {background:#0d7b92 url(../images/sub/subv_pc06nn.jpg) no-repeat 50% 0}
.subvisual .item8 {background:#1a347f url(../images/sub/subv_pc07n.jpg) no-repeat 50% 0}
.subvisual .visual_wrap .slick-dots {bottom:130px; left:50%; margin:0 0 0 -700px; top:inherit; width:inherit; flex-wrap:nowrap; gap:3px; z-index:inherit}
.subvisual .visual_wrap .slick-dots li {border:0}
.subvisual .visual_wrap .slick-dots li button {width:14px; height:5px; border:1px solid #d2d2d2; padding:0}
.subvisual .visual_wrap .slick-dots li button span {font-size:0 !important}
.subvisual .visual_wrap .slick-dots li.slick-active button {width:40px; background: #27b6d0; border-color:#27b6d1; box-shadow:0 2px 3px rgba(0,0,0,0.05)}
.subvisual .visual_wrap .slick-dots li.slick-active button:after {display:none}
.subvisual .visual_wrap .slick-dots li button.vdot0:before {display: none}
.subvisual .visual_wrap .btn_visual {display: block; bottom:130px; left:50%; margin:0 0 0 -538px;}
  
/* sub tit */
.subcon_tit {position:absolute; top:-205px; left:50%; margin-left:-700px}
.subcon_tit h2 {position:relative; padding-top:20px}
.subcon_tit h2:before {content:""; display: block; position: absolute; top:0; left:0; width:60px; height:1px; background:#fff}
.subcon_tit h2 span {font-size:36px; font-weight:600; color: transparent; background:linear-gradient(180deg, #fff, #e4edfa); -webkit-background-clip: text; background-clip: text; text-shadow:0 3px 6px rgba(0,0,0,0.1)}
    
/* Subleft */
#sub_left {padding:10px 0 20px 10px}
.left_tit {position: relative; width:250px; padding:10px 0 0 10px}
.left_tit h2 {padding:18px 0 13px; font-size:22px; font-weight:600; text-shadow:3px 2px 4px rgba(0,0,0,0.1); color:#fff}
.left_tit .eng_tit {display:block; width:calc(100% - 26px); height:28px; line-height:28px; margin:0 auto; border-radius:20px 20px 0 0; background:#06617f; color:rgba(255,255,255,0.5); letter-spacing:0.5px; font-weight:300}
.leftmn {position: relative; width:250px; box-sizing: border-box}
.leftmn > ul > li {margin-top:8px}
.leftmn > ul > li:first-child {margin-top:0}
.leftmn > ul > li > a {position:relative; display: block; line-height: 130%;  padding:16px 28px 16px 20px; font-size:1.385em; font-weight:500; color: #000; background:#e2e2e2; background-position:0 100%; transition: all .3s; box-sizing: border-box; word-break:keep-all}
.leftmn > ul > li > a:after {content:""; display:block; position: absolute; top:0; right:0; margin-top:0; width:24px; height:100%; background:rgba(0,0,0,0.1) url(../images/sub/bg_submn_arr.png) no-repeat 50% 50%}
.leftmn ul > li:last-child a {margin-bottom: 0}
.leftmn ul > li > a:hover, .leftmn .leftmenuover > a {color:#fff; font-weight:500; text-decoration:none; background: url(../images/sub/bg_leftmnover_patt.jpg) no-repeat 0 100%, linear-gradient(125deg, #28bad4, #018892)}

/*MN third*/
.leftmn .third {position: relative; box-sizing: border-box; border:1px solid #018892; border-top:0}
.leftmn .third li {border-top:1px solid #cacaca}
.leftmn .third li:first-child {border-top:0}    
.leftmn .third li a{display: block; line-height: 130%; padding:13px 15px 13px 30px; margin-bottom: 0;  background:#fff url(../images/sub/bg_thirdmn_arr.png) no-repeat 10px 15px; color:#4b4b4b; font-size:1.077em; word-break: keep-all}
.leftmn .third li:hover a, .leftmn .third .on a, .leftmn .third .third_on a {background:#e3ebf4 url(../images/sub/bg_thirdmn_arr.png) no-repeat 10px 15px; color:#000}
    
/*Subtop TIT */
.subtit:before {content:""; display: block; position:absolute; top:50%; left:0; width:100%; height:1px; margin-top:-3px; background:#eee}
.subtit span {display:inline-block; padding:0 10px; background:none}

/* PC guide*/
#sub_guide {position:absolute; top:-36px; left:-295px}
#sub_guide .navi_area {height:36px; line-height:36px}
#sub_guide .navi_area ul {text-align:left; padding-left:10px}
#sub_guide .navi_area li {display: inline-block; width:auto !important}
#sub_guide .navi_area li a { display: block;padding:0 10px 0 16px; line-height:20px; background: url(../images/sub/navi_arr_pc.png) 0 50% no-repeat; color:rgba(255,255,255,0.6)}
#sub_guide .navi_area .nav_home img {vertical-align: middle}
#sub_guide .navi_area li:first-child a {background: none; padding: 0}
#sub_guide .navi_area li.last a {color:#fff}
    
/* subtop_btn */
.subtop_btn {position:absolute; top:50%; right:0;  margin-top:-20px; display:flex; justify-content: space-between; align-items:center;  overflow:hidden; background:#fff}
.subtop_btn dl.font_wrap {display:flex; justify-content:center; align-items: center; width:120px; padding:0 10px; box-sizing: border-box}
.subtop_btn dl.font_wrap > dd {width:calc(100% / 3 - 1px)}
.subtop_btn dl.font_wrap > dd a {display: block; width:100%; height:35px; line-height:35px; text-align: center; box-sizing: border-box; transition: all .3s; text-align: center}
.subtop_btn dl.font_wrap > dd a img {vertical-align: middle}
.subtop_btn dl.font_wrap > dd a:hover{transition:.3s}
.subtop_btn .btn_print {text-align: center}
.subtop_btn .btn_print a {display:block; width:35px; height:35px; line-height:33px; margin:0 auto; transition: all .3s; background:#e5e5e5; border-radius: 5px}
.subtop_btn .btn_print a img {vertical-align: middle}

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

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

}

/**** LOWSET FIX ****/
/* 프린트관련 */
.printBG #subright{margin-top:0}
.printBG #subright .tabnavi01, .printBG #subright .tabnavi02{display:none}
.printBG .subconbox {margin:0}
.printBG #subtop h3 {padding:10px 0 0}
.printBG #subtop h3 span {color:#000}

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

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

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

/* 탭 : 반응형 */
.react_tab {display:block}
.tabnavi01 ul {display: table; width: 100%; margin-bottom:25px; background-color:#ebebeb; table-layout: fixed}
.tabnavi01 ul li { display: table-cell; background:#ebebeb; color: #767676; vertical-align: middle; box-sizing: border-box}
.tabnavi01 ul li + li {border-left: 0 none}
.tabnavi01 ul a { overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; font-size:15px; padding:12px 20px; box-sizing: border-box; border-left:1px solid #fff}
.tabnavi01 ul li:first-child a {border-left:0}
.tabnavi01 ul li a:after {content:""; display:block; position: absolute; top:50%; right:10px; width:22px; height:22px; margin-top:-11px; background:#cbcbcb url(../images/sub/blt_tabnavi01_off.png) no-repeat 50% 50%; border-radius:3px}
.tabnavi01 ul .on {background:#5988ff}
.tabnavi01 ul .on a {color:#fff}
.tabnavi01 ul li.on a:after, .tabnavi01 ul li:hover a:after {background:#fff url(../images/sub/blt_tabnavi01_on.png) no-repeat 50% 50%}

/* 탭 여러개 있을 경우 */
.tabnavi02 ul {padding:18px 32px; border: 1px solid #cbcbcb; background: #fff url(../images/sub/bg_tabnavi_mark.png) no-repeat right 5px top 50%}
.tabnavi02 ul:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
.tabnavi02 ul li { float: left; width: 20%; padding:5px 0; font-size:15px}
.tabnavi02 ul li a {display: block; height: 22px; line-height: 22px; padding-left:22px; background: url(../images/sub/blt_tabnavi02_off.png) left 5px no-repeat ; font-weight: 400; color: #1d1d1d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tabnavi02 ul li.on a, .tabnavi02 ul li:hover a {background: url(../images/sub/blt_tabnavi02_on.png) left 5px no-repeat ; color:#2a66ff; font-weight: 500}

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

/* 탭 :1차 탭 */
.tabnavi01 > a.select {position:relative; font-size:1em; color:#000; padding:5px 30px 5px 10px; background:#fff; border:1px solid #5988ff}
.tabnavi01 ul{ overflow:hidden; margin-top:0; padding:0; background:#f7f7f7; border:0; border-radius:0}
.tabnavi01 ul li + li:before{ display:none}
.tabnavi01 ul li a { padding:5px 10px; font-size:1em; border:none}
.tabnavi01 ul li a:before, .tabnavi01 > a.select:before {width:10px; background:url(../images/sub/blt_tabnavi_marr.png) no-repeat 50% 50%}
.tabnavi01 ul li.on {background:#5988ff;transition:.3s ease-in-out}
.tabnavi01 ul li.on a {color:#fff}
.tabnavi01 ul li a:after {display:none}

/* 탭 :2차 탭 */
.tabnavi02 > a.select {position:relative; font-size:1em; color:#000; padding:5px 30px 5px 10px; background:#fff; border:1px solid #cbcbcb}
.tabnavi02 ul{ overflow:hidden; margin-top:0; padding:0; background:#f7f7f7; border:0; border-radius:0}
.tabnavi02 li + li:before{ display:none}
.react_tab.tabnavi02 li {padding:0}
.tabnavi02 ul li a {padding:3px 5px; font-size:1em; background:none}
.tabnavi02 ul li a:before, .tabnavi02 > a.select:before {background:url(../images/sub/blt_tabnavi_marr.png) no-repeat 50% 50%}
.tabnavi02 ul li.on a, .tabnavi02 ul li:hover a {background:none}

}

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

/*======================================= //탭 :공통 ========================================= */

/**** LOWSET FIX ****/
@media only screen and (max-width:760px) {
/* 인사말 */
.gt_greet {padding-bottom:15px; background:none}
.gt_greet .greet_toparea {justify-content:center; flex-wrap: wrap; padding:15px 0 0 6px}
.gt_greet .greet_toptit {padding:18px 0 16px 16px}
.gt_greet .greet_toptit h4 {font-size:1.4em}
.gt_greet .greet_toptit .greet_tit {font-size:1.071em}
.gt_greet .greet_con {line-height:140%; padding-top:25px; font-size:0.93em}
.gt_greet .greet_con:before {top:10px; right:50%; margin-right:-133px; font-size:15px; text-shadow:-1px 0 #dbdbdb, 0 1px #dbdbdb, 1px 0 #dbdbdb, 0 -1px #dbdbdb; letter-spacing:0}
.gt_greet .grt_con {margin:15px 0; padding:0 14px}
.gt_greet .grt_con2 {padding:10px 14px; background:#fff}
.gt_greet .greet_sign {text-align:center}
    
/* 추가 kjh 250528 */
.gt_greet .greet_sign {display: block; }
.greet_sign .greet_logo {display:flex; justify-content: center; padding:0}
.greet_sign .greet_logo ul {justify-content: center; padding-right:5px}
.gt_greet .greet_sign img {margin-top:-10px}
    
/* 교육목표 */
.gt_edugoal .edugoal_wrap {flex-wrap: wrap; padding-bottom:90px; background-size:340px auto; gap:10px}
.gt_edugoal .eg_box {width:100%}
.gt_edugoal .eg_boxcon {padding:10px 0}
.gt_edugoal .eg_boxtit h5 span {display: inline-block; padding:0 5px}
.gt_edugoal .eg_boxtit:before {bottom:10px} 
.eg_school {margin-top:-80px}
.eg_school ul {display: block; padding:10px 0 30px}
.eg_school li {width:100%; padding:20px 10px; margin:0; box-sizing: border-box}
.eg_school li:after {top:0; left:50%; margin-left:-5px}
.eg_school li.eg_sch01 {border-radius:25px 25px 0 0}
.eg_school li.eg_sch02 {border-radius:0}
.eg_school li.eg_sch03 {border-radius:0 0 25px 25px}
.spe_wrap {flex-wrap:wrap; gap:15px}
.spe_wrap .spe_box {width:100%}
.spe_con ul {padding:12px 10px}
    
/* 경영관 */
.manage_imgwrap {flex-wrap: wrap; gap:12px; background:url(../images/sub/bg_line_patt.gif) repeat-y 50% 0}
.manage_imgwrap .mng_imgbox {width:100%}
.manage_school ul:after {display: none}
.manage_school ul {flex-wrap:wrap; padding-top:10px}
.manage_school ul li {width:100%; height:auto; padding:12px; margin:0; border-radius:15px; border-width:4px; margin-bottom:10px}
.manage_school ul:before {display: none}
.manage_school ul li .mng_schtxt {font-size:1em}
.manage_school ul li .mng_schtxt span {font-size:1.214em}
.mngimg_con {height:auto}

/* 연혁 */
.gt_history .his_toparea {text-align: center; background:none}
.history_box .his_txtbox {padding:15px 0; background:none}
.gt_history .his_toptit .his_tit {padding:7px 0 0 16px; font-size:1.143em}
.gt_history .his_toptit .his_tit span {font-size:1.071em}
.gt_history .his_toptit .his_tit2 {margin-top:4px; font-size:1em; padding:0 17px 4px 15px; word-break: normal}
.gt_history .his_toptit .his_tit2 span {font-size:1.143em}
.gt_history .his_toptit .his_tit:before {background-size:20px auto; width:20px; height:14px}
.gt_history .his_toptit .his_tit2:before {background-size:20px auto; width:20px; height:14px}
    
.history_box .his_btn > a::before {width:12px;background-size:12px auto; margin-top:-6px; left:calc(0% - 5px)}
.his_toptxt {margin:0; padding:12px 20px 15px; background-position:left 50% top 0; font-size:0.929em}
.history_box .his_btn > a {line-height:32px}
.history_box .his_btn > a > span {font-size:1.071em}
.history_box {padding-top:32px}
.history_box .history_list > li {padding:15px 0}
.history_list .year_list > li {padding:36px 0 5px 10px}
.history_list .year_list > li > .hdate {width:inherit; min-width:160px}
.history_list .year_list > li > .hdate:before {height:28px}
.history_list .year_list > li > .hdate span {padding:2px 0 4px}

/* 상징 및 교가 */
.symbol_wrap .symbox {width:calc(100% / 2 - 5px); text-align: center}
.moral_wrap ul li {width:94px; padding:0 5px}
.moral_wrap ul li:after {width:5px; height:5px; left:-3px}
.moral_wrap ul li .moral_box {display:inline-block}
.moral_wrap ul li .moral_box p {padding:5px; width:80px; height:80px; line-height:78px ;box-sizing: border-box}
.moral_wrap ul li .moral_box p .hanja {bottom:0; right:0; width:100%; font-size:36px}
.song_wrap .song_sheet {display: none}
.song_lyrics {padding-bottom:60px}
    
/* 교직원소개 */
.cz_teachtb ul {flex-wrap:wrap}
.cz_teachtb ul li {width:calc(100% / 3)}
.cz_teachtb ul li a {padding:5px 0; font-size:0.933em; letter-spacing:-1px}
.cz_teachtb ul li:nth-child(3n) {border-right:0}
    
/* 마이스터고 소개 */
.meister_box {padding:40px 0 0 0}
.meister_box .meist_boxtit {top:10px; left:0; width:100%; margin:0}
.meister_box .meister_boxarea {padding:15px; border-left:1px solid #dbdbdb}
.meister_toparea .meister_txt {padding:25px 20px 15px}
.meister_toparea .meister_txt br {display:none}

.meistview_wrap {padding:10px 0 0}
.meistview_wrap:before {display:none}
.meistview_wrap .view_list > li {width:calc(33.3% - 10px); margin:5px 0}
.meistview_wrap .view_list > li > p > a {padding:5px 0}
    
/* 운동부 소개 */
.sports_toparea {border-radius: 0 0 30px 30px; text-align: center; padding:15px 0 65px}
.sports_toparea .sports_toptit {display:block}
.sports_toparea .sports_subtit {border-radius:50px; padding:3px 25px 2px}
.sports_toparea .sports_tit {padding:12px 0; font-size:1.714em}
.sports_toptxt {padding:15px; margin-bottom:20px}
.sports_caltxt p {font-size:1.063em}
.gt_ssireum .sports_toparea {background:#f0dac2 url(../images/sub/bg_ssireum_m.png) no-repeat 50% 100%}
.gt_esports .sports_toparea {background:url(../images/sub/bg_esports_m.png) no-repeat 50% 100%, linear-gradient(120deg, #5988ff, #989cff)}
    
/* 학과소개 */
.gt_depart .dp_toptit {padding:0 0 15px}
.gt_depart .dp_topbox {padding:20px; width:100%; height:auto; border-radius:0 0 30px 30px; text-align: center; background-image:none}
.gt_depart .dp_toptit:before {display: none}
.gt_depart .dp_topbox h4 {max-width:inherit; width:100%; font-size:1.571em}
.gt_depart .dp_topbox h4 span {padding:10px 22px 25px}
.gt_depart .dp_topbox h4 span:before {width:20px; top:45px; margin:0; left:50%; margin-left:-10px}
.gt_depart .dp_eng {padding:0}
.gt_depart .dp_type {padding:36px 0 0; margin-bottom:20px}
.gt_depart .dp_type .dp_ttit {top:7px; width:100%; margin-top:0; font-size:1.143em}
.gt_depart .dp_type .dp_ttxt {padding:16px 20px; text-align: center}
.gt_depart .dp_intro {padding:40px 0 0 0}
.gt_depart .dp_intro .dp_itit {width:100%}
.gt_depart .dp_intro .dp_itxt ul {padding:10px}
.gt_depart .dp_certify .dp_ctit {width:100%; font-size:1.143em}
.gt_depart .dp_ctxt ul {gap:5px}
.gt_depart .dp_ctxt ul li {width:100%; padding:5px; border-width:2px}

/* 도제학교 */
.industry_top {padding:15px; background:#fff}
    
.iegdepart {padding:40px 0 0 0}
.iegdepart .iegdepart_tit {top:10px; left:0; width:100%; margin:0}
.iegdepart .iegdepart_area {padding:15px; border-left:1px solid #dbdbdb}

}

@media only screen and (max-width:500px) {
/* 연혁 */
.history_box .his_year {background:none}
.history_box .his_btn {font-size:12px}
.history_box .his_btn > a:hover::after, .history_box .on .his_btn > a::after {background-size:24px auto; bottom:-16px}
.gt_history .his_toptit .his_tit2 {padding:0 16px 4px 0; letter-spacing:-0.5px}
    
/* 오시는 길 */
.map_ibox .map_bus {display:block}
.map_ibox .map_bus .btit {padding:0 0 10px 25px; box-sizing: border-box}
.map_ibox .map_bus .btit:after {width:50px; background-size:50px auto}
.map_ibox .map_bus .btit span {display:block; width:100%; padding:10px; box-sizing: border-box}
.map_ibox .map_bus ul {margin-left:0}
    
/* 학교운영위원회 */
.commit_top {padding:15px; background:none}

}