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

/* Common */
.basics_font {font-size:1.154em /*기준폰트 15px*/}
.clear_fix::after{content: ''; display: block; clear: both}

/* Layout */
#subpage .basics_font{font-weight: 500; color:#333}
#sub_left {display: none}
#subpage {min-height:350px; line-height:150%; margin:0 10px 50px 20px; font-weight:500; color:#000}
.qmu_popup{display: none}

/* Subtop */
#subtop {position:relative}
#subtop h3 {position:relative}
#subtop h3 span{display:inline-block; font-weight:500; color:#333; position:relative; padding:24px 20px; font-size:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block}

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

/* Visual */
.subvisual {position:relative; overflow:hidden}
.subvisual .visual_wrap {position:relative}
.visual_wrap .slick-arrow {display:none !important}
.visual_wrap .visual_item{display:block !important}
.visual_wrap .visual_item > a{position: relative; display:block !important}
.visual_wrap .visual_item > a:focus-visible{outline:2px solid #000}
.visual_wrap .visual_item span.vbg_txt{height:0; width:0; line-height:0; font-size:0;text-indent:-9999999px}
.vm_charct {display:none}

/* Tab01 */
.tabnavi01 {margin:20px 0}
.tabnavi01 ul {display: flex; justify-content:center; align-items: center; flex-wrap:wrap; gap:10px}
.tabnavi01 ul li:first-child {margin-left:0}
.tabnavi01 ul li a {position:relative; display: block; height:auto; line-height:140%; padding:10px 60px 8px 20px; border-radius:50px; font-weight:500; font-size: 16px; color:#757575; transition: all .3s; border:1px solid #f1f1f1; box-shadow:2px 3px 0 rgba(0,0,0,0.04)}
.tabnavi01 ul li.on a, .tabnavi01 ul li a:hover {border-color:#73b8df; box-shadow:2px 3px 0 #dfeef6; color:#2474a2}
.tabnavi01 ul li a:after {content: ""; position: absolute; width:38px; height:24px; border-radius:50px 50px; background:#e6e6e6 url(../images/sub/btn_tabnavi01_arr.png) no-repeat 50% 50%; top:50%; right:10px; margin-top:-12px; transition: .2s; box-sizing: border-box} 
.tabnavi01 ul li.on a:after, .tabnavi01 ul li:hover a:after {background-color:#73b8df}

/* Tab02, boardTab */
.tabnavi02, .boardTab {margin:20px 0}
.tabnavi02 ul, .boardTab ul {display:flex; gap:10px; flex-wrap:wrap; padding:10px; border-radius:5px; border:1px solid #e9e9e9; box-shadow:0 5px 0 #f2f2f2} 
.tabnavi02 ul li a, .boardTab ul li a {display: block; padding:13px 20px 12px 40px; background:#f2f2f2 url(../images/sub/blt_tabnavi02_off.png) left 15px top 12px no-repeat; font-weight: 500; font-size:15px; color: #111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:5px; transition:.3s}
.tabnavi02 ul li.on a, .tabnavi02 ul li:hover a, .boardTab ul li.on a, .boardTab ul li:hover a {background:#73b8df url(../images/sub/blt_tabnavi02_on.png) left 15px top 12px no-repeat; color:#fff}

/********************************************* SUB content **********************************************/
/* content Common */
/* 페이지 준비중 */
.sub_loding{min-height: 450px; background: url(../images/sub/page_loding.gif) no-repeat center center; font-size:0}

/****TIT****/
h4.sub_tit4 {line-height:140%; padding:2px 0 2px 18px; margin:8px 0; background:url(../images/sub/subtit4.gif) no-repeat left 3px; font-size:1.2em; font-weight:500; color:#000}
h5.sub_tit5 {line-height:140%; padding:0 0 0 22px; margin:10px 0; background:url(../images/sub/subtit5.gif) no-repeat 0 6px; font-size:1.143em; font-weight:500; color:#434343}

/* common 수정 */
.cz_table {font-family:NSQ}
.cz_table tbody td {color:#4b4b4b}

/* 공통 상단 */
.cont_toparea .cont_tit {padding-bottom:24px; text-align: center}
.cont_toparea .cont_tit img {vertical-align: middle}
.cont_topinfo {text-align: center}
.cont_engtit {border-radius:5px; background:#76bbe3; padding:7px 0 6px}
.cont_engtit span {position:relative; display: inline-block; padding:0 20px; color:#fff; }
.cont_engtit span:before {content:""; display:block; position:absolute; top:50%; left:0; width:7px; height:7px; margin-top:-4px; background:#fff; border-radius:50%}
.cont_engtit span:after {content:""; display:block; position:absolute; top:50%; right:0; width:7px; height:7px; margin-top:-4px; background:#fff; border-radius:50%}
.cont_infotit {border-bottom:1px solid #ebebeb}
.cont_infotit p {display:inline-block; position:relative; padding:20px 46px 18px; font-size:1.133em; line-height:160%}
.cont_infotit p::before {content:""; display:block; position:absolute; top:-8px; left:0; width:29px; height:18px; background:url(../images/sub/img_greet_quotes01.png) no-repeat 0 0}
.cont_infotit p::after {content:""; display:block; position:absolute; top:-8px; right:0; width:29px; height:18px; background:url(../images/sub/img_greet_quotes02.png) no-repeat 100% 0}
.cont_infotit p span {color:#427b9d}
.cont_infotit br {display:none}

/* 공통 상단 타이틀 2 */
.cont_commtop {margin-bottom:36px}
.cont_commtop .cont_commtit {position: relative; padding-bottom:8px}
.cont_commtop .cont_commtit:before {content:""; display:block; position: absolute; bottom:0; left:0; width:100%; height:30px; background:#eee; border-radius:5px}
.cont_commtop .cont_commtit:after {content:"HYOCHEON MIDDLE SCHOOL"; display:block; position: absolute; bottom:-17px; left:0; width:100%; height:20px; text-align: center; font-size:0.938em; z-index:-1; color:#eee}
.cont_commtop .cont_commtit .cont_ctit {display:block; position:relative; width:266px; height:44px; line-height:44px; box-sizing: border-box; border-radius:50px; margin:0 auto; text-align: center; background:#fff; font-size:1.35em}
.cont_commtop .cont_commtit .cont_ctit:before {content:""; display:block; position:absolute; top:50%; left:24px; width:7px; height:7px; margin-top:-3px; background:#eee; border-radius:50%}
.cont_commtop .cont_commtit .cont_ctit:after {content:""; display:block; position:absolute; top:50%; right:24px; width:7px; height:7px; margin-top:-3px; background:#eee; border-radius:50%}
.cont_commtop .cont_commtit .cont_ctit span {font-weight:600}

/* 인사말 */
.greet_con {font-family:NSQ; font-size:1.071em}
.greet_con img {vertical-align: middle}
.greet_con .gt_con {line-height:170%}
.greet_con .gt_con01 {padding:45px 28px 25px}
.greet_con .gt_con02 {padding:25px 28px; background:#f9f9f9 url(../images/sub/bg_greet_con.gif) no-repeat 100% 100%}
.greet_con .gt_con02 .gt_colbx {display: inline; padding:3px 9px; margin-right:3px; text-align: center; border-radius:8px; font-size:0.938em; color:#fff}
.greet_con .gt_con03 {padding:25px 28px 10px}

.gt_colbx01 {background:#95c966}
.gt_colbx02 {background:#55b0db}
.gt_colbx03 {background:#ca93e1}
.greet_sign {text-align: right}
.greet_con .gt_con02 span {font-size:1em}
.gt_col01 {color:#3986b3}

/*연도버튼*/
.hc_history .his_tb{position: relative}
.hc_history .his_tb::before,
.hc_history .his_tb::after{content: ""; display: block; clear: both; position: absolute; top:-62px; height: 62px}
.hc_history .his_tb::before{left:25px; width: 130px; background:url(../images/sub/his_img1.png) no-repeat center bottom}
.hc_history .his_tb::after{right:25px; width: 119px; background:url(../images/sub/his_img2.png) no-repeat center bottom}
.hc_history .his_btn {position: absolute; top:0; width:339px; z-index: 5}
.hc_history .his_btn a{overflow: hidden; position: relative; display: block; width:100%; padding:0 60px 0 30px; height: 50px; line-height:50px; margin: 0 auto; border-radius: 50px; font-size:16px; font-weight:500; border:2px solid #e9e9e9; color:#000; box-sizing:border-box; z-index: 1}
.hc_history .his_btn a:before {content:""; display: block; position: absolute; top:50%; right:6px; width:66px; height:34px; margin-top:-17px; background:#ddd url(../images/sub/bg_histab_arr.png) no-repeat 50% 50%; border-radius:50px 50px}
.hc_history .his_year.on .his_btn a, .hc_history .his_year.his_btn a:hover{border-color:#6ec6cc}
.hc_history .his_year.on .his_btn a:before, .hc_history .his_year.his_btn a:hover:before {background-color:#6ec6cc}
.hc_history .his01 .his_btn{left:100px}
.hc_history .his02 .his_btn{right:100px}
/*중간타이틀*/
.hc_history .his_txtbox {padding-top:73px}
/*세부내용*/
.hc_history .hisbx {display:flex; font-family:NSQ}
.hc_history .hisbx .big_year{position: relative; padding-top:8px}
.hc_history .hisbx .big_year::after{content: ""; display: block; position: absolute; top:19px; right:-8px; width:13px; height:13px; background:url(../images/sub/blt_hiscon_off.png) no-repeat 0 50%}
.hc_history .hisbx .big_year span{display: inline-block; width: 178px; height: 36px; line-height: 36px; background: #fff; text-align: center; color:#838383; font-size:20px; font-weight:700}
.hc_history .hisbx ul {width:calc(100% - 178px); border-left:2px solid #f2f2f2; padding:16px 40px}
.hc_history .hisbx ul li {display:flex; justify-content:flex-start; align-items:flex-start; margin-top:4px}
.hc_history .hisbx ul li:first-child {margin-top:0}
.hc_history .hisbx ul li span {display:block}
.hc_history .hisbx ul li span.tit {width:98px; padding:2px 5px; border-radius: 50px; background: #d5d5d5; text-align: center; box-sizing: border-box; color:#fff; font-family:CGC}
.hc_history .hisbx ul li span.txt {width:calc(100% - 98px); padding:3px 10px}
.hc_history .hisbx:first-child .big_year span{color:#328b91}
.hc_history .hisbx:first-child ul li span.tit {background:#74c0c5}
.his_lstbx {border-bottom:2px solid #ebebeb; background:url(../images/sub/bg_history_mark.gif) no-repeat right 32px bottom 22px}
.hc_history .cont_engtit {background:#74c0c5}
.hc_history .cont_infotit p:before {background-image:url(../images/sub/img_history_quoates01.png)}
.hc_history .cont_infotit p:after {background-image:url(../images/sub/img_history_quoates02.png)}
.hc_history .cont_infotit p {padding:14px 45px 14px}
.hc_history .hisbx.first .big_year {padding-top:26px}
.hc_history .hisbx.first .big_year::after {top:38px}
.hc_history .hisbx.first ul {padding-top:34px}
.hc_history .hisbx.last ul {padding-bottom:34px}

/* 상징 */
.moral_wrap {padding-bottom:20px}
.moral_area {position:relative; padding:15px}
.moral_area:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:60px; background:#f6f6f6; border-radius:5px}
.moral_area  ul {position:relative; display:flex; justify-content:space-between; gap:17px}
.moral_area  ul li {position:relative; width:calc(100% / 3)}
.moral_area  ul li:after {content:""; display:block; position:absolute; top:22px; left:-27px; width:39px; height:39px; background:#e3e3e3 url(../images/sub/bg_moral_plus.gif) no-repeat 50% 50%; border-radius:50% 50%}
.moral_area  ul li:first-child:after {display: none}
.moral_area  ul li .moral_txt {padding:15px; background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.07); text-align: center; border-radius:5px}
.moral_area  ul li .moral_txt img {vertical-align: middle}

.symbol_wrap {padding-bottom:40px}
.symbol_area {padding:0 15px}
.symbol_area ul {display:flex; justify-content: space-between; gap:17px}
.symbol_area ul li {width:calc(100% / 3); font-size:1.071em}
.symbol_area ul li .symbox {position:relative}
.symbol_area ul li .symbox dl {padding-left:170px; text-align: center}
.symbol_area ul li .symbox dt span {display:block; width:84px; height:30px; line-height:30px; margin:0 auto; border-radius:50px; border:2px solid #fff; font-weight:600; box-sizing: border-box}
.symbol_area ul li .symbox dd {padding:12px 0 10px}
.symbol_area ul li .symbox .sym_txt {padding:16px 0 16px 180px; text-align: center; font-weight:600; color:#fff; border-radius:5px; box-shadow:2px 2px 5px rgba(0,0,0,0.08)}
.symbol_area ul li .symbox .sym_img {overflow:hidden; position:absolute; bottom:10px; left:10px; width:160px; height:113px; border-radius:5px}
.symbol_area ul li .symbox .sym_img img{width:160px; height:114px}
.symbol_area ul li.symbol_box01 .symbox dt span  {border-color:#95ce62; color:#95ce62}
.symbol_area ul li.symbol_box01 .symbox .sym_txt {background:#95ce62}
.symbol_area ul li.symbol_box02 .symbox dt span  {border-color:#faaedc; color:#f39ed2}
.symbol_area ul li.symbol_box02 .symbox .sym_txt {background:#faaedc}
.symbol_area ul li.symbol_box03 .symbox dt span  {border-color:#84c7ef; color:#69b6e5}
.symbol_area ul li.symbol_box03 .symbox .sym_txt {background:#84c7ef}

#schSong {display:none}
.song_area {position:relative; margin:20px 0 30px}
.song_wrap .song_sheet {position:absolute; top:15px; left:15px; overflow: hidden; width:540px; height:490px; padding-top:60px; border-radius:5px; background: #fff; text-align: center; box-sizing: border-box; box-shadow: 0 2px 5px rgba(0,0,0,0.06); z-index:1}
.song_wrap .song_sheet img{max-width: 100%; height:auto}
.song_wrap .song_tb {position: relative; height:505px; padding:0 0 0 580px; box-sizing: border-box; z-index: 1}
.song_wrap .song_tb:before {content:""; display: block; position: absolute; top:0; left:0; width:100%; height:60px; background:#65c2c5; border-radius:5px; z-index:-1}
.song_wrap .song_btnarea {display: flex; justify-content: space-between; align-items:center; height:60px; box-sizing: border-box}
.song_wrap .song_btnarea dt {padding:11px 0 7px 38px; background: url(../images/sub/blt_song_ico.gif) no-repeat left center; font-size:18px; font-weight: 600; color:#fff}
.song_wrap .song_btnarea .btns {display: flex; gap:8px; padding-right:16px}
.song_wrap .song_btnarea .btns li a {display: block; width:58px; height:28px; line-height:28px; background:#fff; border-radius:50px; text-align: center; box-shadow:0 2px 5px rgba(0,0,0,0.08)}
.song_wrap .song_btnarea .btns li a img {vertical-align: middle}
.song_wrap .writer {display: flex; justify-content: space-between; margin:15px 15px 25px 0; background:#f6f6f6; border-radius: 5px; padding:6px 0}
.song_wrap .writer li {width:calc(100% / 2); padding:0 10px 5px; font-weight: 500; text-align: center; box-sizing: border-box}
.song_wrap .writer li span {display:block; padding:3px 10px; margin-bottom:12px; border-radius: 50px; background: #fff}
.song_wrap .writer li:first-child {border-right:1px solid #d8d8d8}
.song_wrap .song_lyrics{text-align: center}
.song_wrap .song_lyrics dt {display: inline-block; min-width:97px; padding:4px 20px 0; border-radius: 50px; border: 2px solid #65c2c5; font-weight:500; box-sizing: border-box}
.song_wrap .song_lyrics dd {position:relative; min-height:285px; margin: 20px 0 0; line-height: 160%; font-size: 1.071em; background:url(../images/sub/bg_song.png) no-repeat 100% 100%}
.song_wrap .song_lyrics dd:before {content:""; display:block; position: absolute; bottom:2px; left:0; width:100%; height:3px; background:#e9e9e9; z-index:-1}

/*학교현황*/
.hc_situ .situ_alimi{position: relative; display: flex; justify-content: space-between; padding:10px; margin:20px 0; border-radius:10px; background: #f0f6fa}
.hc_situ .situ_alimi > p{align-content: space-around}
.hc_situ .situ_alimi .situ_add{width: 70%}
.hc_situ .situ_alimi .situ_add span{padding:10px 0 10px 45px; background:url(../images/sub/bg_alimi_tit.png) no-repeat left 5px  center}
.hc_situ .situ_alimi .stu_alimi{width: 30%}
.hc_situ .situ_alimi .stu_alimi a{position: relative; display: block; padding:10px 15px; border-radius: 50px; background:#fff; align-content: space-around; font-weight: 600; box-sizing: border-box; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.15); transition:.3s}
.hc_situ .situ_alimi .stu_alimi a::after {display: block; content: ''; clear: both; position: absolute; top:8px; right:8px; width:35px; height: 25px; background:url(../images/sub/btn_alimi_go.png) no-repeat 50% 50% ,linear-gradient(90deg, #5cbdc5, #56a6da); border-radius: 50px; transition:.3s}
.hc_situ .situ_alimi .stu_alimi a:hover::after{background:#fff url(../images/sub/btn_alimi_goa.png) no-repeat 50% 50%}
.hc_situ .situ_alimi .stu_alimi a:hover {background:linear-gradient(90deg, #5cbdc5, #56a6da); color:#fff; transition:.3s}
.hc_situ .cz_tablemax .cz_table.type_line thead th {padding:6px}

/* 교육목표 */
.hc_edugoal .cont_commtop .cont_commtit .cont_ctit span {color:#5891b1}
.hc_edugoal .cont_commtop .cont_commtit .cont_ctit:before {background:#5891b1}
.hc_edugoal .cont_commtop .cont_commtit .cont_ctit:after {background:#5891b1}
.hc_edugoal .cont_commtop .cont_commtit:before {background:#76bbe3}
.hc_edugoal .cont_commtop .cont_commtit:after {color:#76bbe3}

.edu_toptit {padding-top:18px}
.edu_toptit dl {display: flex; padding:10px; border-radius:5px; border:1px solid #e8e8e8}
.edu_toptit dl dt {display:flex; align-items: center; justify-content: center; width:184px; padding:0 10px;  border-radius:5px; background:#eee; color:#fff; font-weight: 600; text-align: center; font-size:1.133em}
.edu_toptit dl dt span {padding-top:4px}
.edu_toptit dl dd {padding:8px 10px; width:calc(100% - 184px); text-align: center}
.edu_toptit dl dd img {vertical-align: bottom}
.edu_vision dl dt {background:#4ab1b4}
.edu_index dl dt {background:#388ab9}
.edu_goalarea {margin-top:35px; padding-top:35px; background:url(../images/sub/img_edugoal_arr.png) no-repeat 50% 0}
.edu_goalarea h4.sub_tit4 {margin-bottom:20px}
.edu_goallst ul {display:flex; justify-content: space-between; gap:22px}
.edu_goallst ul li {overflow:hidden; width:calc(100% / 5); text-align: center; border-radius:5px; border:1px solid #f2f2f2}
.edu_goallst ul li dt {padding:10px 10px 34px; background:#f2f2f2}
.edu_goallst ul li dt span {display: block; width:100%; padding:11px 10px; border-radius:5px 5px 15px 15px; background:#fff; font-weight: 600; font-size:1.071em; text-shadow:0 1px 3px rgba(0,0,0,0.1); color:#fff; box-sizing: border-box}
.edu_goallst ul li dd {margin-top:-35px; padding:77px 7px 16px}

.edu_goallst .eg_lstbox01 {border-color:#a5cf65}
.edu_goallst .eg_lstbox02 {border-color:#ffcc7d}
.edu_goallst .eg_lstbox03 {border-color:#ff9182}
.edu_goallst .eg_lstbox04 {border-color:#9ccae8}
.edu_goallst .eg_lstbox05 {border-color:#b59fea}
.edu_goallst .eg_lstbox01 dt {background:#f2f8ea}
.edu_goallst .eg_lstbox02 dt {background:#fff6e8}
.edu_goallst .eg_lstbox03 dt {background:#ffedea}
.edu_goallst .eg_lstbox04 dt {background:#eaf4fa}
.edu_goallst .eg_lstbox05 dt {background:#f3effb}
.edu_goallst .eg_lstbox01 dt span {background:#aad26f}
.edu_goallst .eg_lstbox02 dt span {background:#ffc162}
.edu_goallst .eg_lstbox03 dt span {background:#ff8474}
.edu_goallst .eg_lstbox04 dt span {background:#73b5df}
.edu_goallst .eg_lstbox05 dt span {background:#ac95e5}
.edu_goallst .eg_lstbox01 dd {background: url(../images/sub/bg_edugoal_ico01.png) no-repeat 50% 15px}
.edu_goallst .eg_lstbox02 dd {background: url(../images/sub/bg_edugoal_ico02.png) no-repeat 50% 15px}
.edu_goallst .eg_lstbox03 dd {background: url(../images/sub/bg_edugoal_ico03.png) no-repeat 50% 15px}
.edu_goallst .eg_lstbox04 dd {background: url(../images/sub/bg_edugoal_ico04.png) no-repeat 50% 15px}
.edu_goallst .eg_lstbox05 dd {background: url(../images/sub/bg_edugoal_ico05.png) no-repeat 50% 15px}

.edu_manage {margin-top:60px}
.manage_tit {position:relative; padding:0 10px 10px; margin-top:-20px; text-align: center}
.manage_tit:before {content:""; display: block; position:absolute; bottom:0; left:0; width:100%; height:30px; border-radius:5px; background:#f4f4f4}
.manage_tit p {position: relative}
.manage_tit p img {vertical-align: bottom}
.manage_arr {display:block; margin:8px 0; text-align: center}
.manage_arr img {margin:0 auto; vertical-align: middle}
.manage_lst {margin-bottom:30px}
.manage_lst > ul {display:flex; justify-content: space-between; gap:26px}
.manage_lst > ul > li {width:calc(100% / 4); display:flex}
.manage_lst > ul > li dl dt {padding:12px 60px 12px 15px; border-radius:5px; margin-bottom:7px; background-color:#73b8db; background-repeat:no-repeat; background-position:right bottom; font-size:1.071em; font-weight:600}
.manage_lst > ul > li:nth-of-type(2n) dl dt {background-color:#489dc9}
.manage_lst > ul > li dl dt span {color:#fff; text-shadow:0 1px 3px rgba(0,0,0,0.1)}
.manage_lst > ul > li dl dd {padding:15px; border:1px solid #d8d8d8; border-radius:5px; height:calc(100% - 83px)}
.manage_lst > ul > li dl dd ul li {position:relative; padding-left:15px; word-break:keep-all; line-height:140%; margin-top:5px}
.manage_lst > ul > li dl dd ul li:first-child {margin-top:0}
.manage_lst > ul > li dl dd ul li:before {content:""; display: block; position: absolute; top:5px; left:0; width:5px; height:5px; background:#6e6e6e; transform: rotate(45deg)}
.manage_lst > ul > li.mng_col01 dl dt {background-image:url(../images/sub/bg_edumanage_ico01.png);}
.manage_lst > ul > li.mng_col02 dl dt {background-image:url(../images/sub/bg_edumanage_ico02.png);}
.manage_lst > ul > li.mng_col03 dl dt {background-image:url(../images/sub/bg_edumanage_ico03.png);}
.manage_lst > ul > li.mng_col04 dl dt {background-image:url(../images/sub/bg_edumanage_ico04.png);}

/* 특색사업 */
.hc_speedu .cont_commtop .cont_commtit .cont_ctit span {color:#388764}
.hc_speedu .cont_commtop .cont_commtit .cont_ctit:before {background:#388764}
.hc_speedu .cont_commtop .cont_commtit .cont_ctit:after {background:#388764}
.hc_speedu .cont_commtop .cont_commtit:before {background:#a3d784}
.hc_speedu .cont_commtop .cont_commtit:after {color:#a3d784}
.speedu_box {margin-bottom:30px}
.speedu_btit {position:relative; padding:20px 18px; border-radius:5px; border:1px solid #f3f3f3}
.speedu_btit .engtit {position:absolute; bottom:0; right:18px; color:#f3f3f3; font-weight:600; font-size:32px }
.speedu_btit h4 {padding:0 0 0 40px; font-size:1.13em; color:#4f4f4f}
.speedu_btit h4 span {font-size:1.24em}
.speedu_blst {position:relative; padding:0 10px 10px}
.speedu_blst:before {content:""; display: block; position: absolute; bottom:0; left:0; width: 100%; height:64px; background:#eee; border-radius: 5px}
.speedu_blst ul {position:relative; padding:13px 18px 18px; background:#fff; border-radius:5px; display:flex; justify-content:flex-start; flex-wrap:wrap; gap:9px}
.speedu_blst ul li {position:relative; width:calc(100% / 2 - 9px); padding:6px 0 4px 36px; box-sizing: border-box}
.speedu_blst ul li .num {position:absolute; top:0; left:0; display:inline-block; width:30px; height:30px; line-height:32px; text-align: center; background:#eee; border-radius: 50%; color:#fff}

.speedu_box01 .speedu_btit {background:url(../images/sub/blt_speedu_tit01.gif) no-repeat 20px 50%}
.speedu_box01 .speedu_btit h4 span {color:#4ab1b4}
.speedu_box01 .speedu_blst:before {background:#49afb3}
.speedu_box01 .speedu_blst ul li .num {background:#49afb3}
.speedu_box02 .speedu_btit {background:url(../images/sub/blt_speedu_tit02.gif) no-repeat 20px 50%}
.speedu_box02 .speedu_btit h4 span {color:#388ab9}
.speedu_box02 .speedu_blst:before {background:#3889b8}
.speedu_box02 .speedu_blst ul li .num {background:#3889b8}

/* 학사일정 1학기 */
.hc_schedule01 .cont_commtop .cont_commtit .cont_ctit span {color:#487b9a}
.hc_schedule01 .cont_commtop .cont_commtit .cont_ctit:before {background:#487b9a}
.hc_schedule01 .cont_commtop .cont_commtit .cont_ctit:after {background:#487b9a}
.hc_schedule01 .cont_commtop .cont_commtit:before {background:#4fa1d2}
.hc_schedule01 .cont_commtop .cont_commtit:after {color:#4fa1d2}
.hc_schedule table .holiday {background:#fff7f6; color:#fc4d32}
/* 학사일정 2학기 */
.hc_schedule02 .cont_commtop .cont_commtit .cont_ctit span {color:#32757c}
.hc_schedule02 .cont_commtop .cont_commtit .cont_ctit:before {background:#32757c}
.hc_schedule02 .cont_commtop .cont_commtit .cont_ctit:after {background:#32757c}
.hc_schedule02 .cont_commtop .cont_commtit:before {background:#50afb9}
.hc_schedule02 .cont_commtop .cont_commtit:after {color:#50afb9}
.hc_schedule02 .cz_table.type_line table {border-color:#50afb9}

/* 오시는길 */
.hc_map .map_wrap .map_box {border: 1px solid #f3f3f3; box-sizing: border-box; overflow: hidden; border-radius:5px}
.hc_map .root_daum_roughmap {width: 100% !important}
.hc_map .root_daum_roughmap .wrap_map {height: 440px;}
.hc_map .map_wrap .map_border {border:none !important; background:none !important}
.hc_map .mapinfo_box .map_address > span {display: inline-block; padding:8px 0 4px 64px; background: url(../images/sub/blt_map_add.png) no-repeat left 15px top 50%; text-align: left}
.map_ibox {position:relative}
.map_ibox .map_view {display:block}
.map_ibox .map_view a {position:relative; display:block; width:172px; padding:8px 40px 7px; background: url(../images/sub/blt_kakao.png) no-repeat 12px 50%; box-sizing: border-box; font-weight:500; border-radius:50px; border:2px solid #6dbae5}
.map_ibox .map_view a:after {content:""; display:block; position: absolute; top:50%; right:10px; width:22px; height:12px; margin-top:-6px; background:url(../images/sub/bg_kakaomap_arr.png) no-repeat 50% 50%; transition:.3s; transition:.3s}
.map_ibox .map_view:hover a {border-color:#fc4d32}
.map_ibox .map_view:hover a:after {right:20px; transition:.3s}
.mapinfo_box {display:flex; justify-content: space-between; align-items: center; margin:18px 0}
.map_telbox {display:flex; border-radius:5px; border:1px solid #f3f3f3; padding:9px}
.map_telbox .map_teltit {width:144px; padding:30px 0; background:#eee; border-radius:5px; text-align: center}
.map_telbox .map_teltit span {display:inline-block; padding-top:45px; background:url(../images/sub/bg_map_tel.png) no-repeat 50% 0 ; font-size:17px; font-weight:600}
.map_telwrap {margin-left:10px; width:calc(100% - 144px)}
.map_tellst {border-top:1px solid #ebebeb; padding-top:8px}
.map_telwrap .map_tel {display: flex; align-items: center; padding:7px 0 10px}
.map_telwrap .map_tel span {display:block; width:114px; height:32px; line-height:32px; margin-right:15px; border:2px solid #8a9499; border-radius:50px; text-align: center; font-weight:600; box-sizing: border-box}
.map_tellst {display:flex; flex-wrap:wrap}
.map_telwrap .map_tellst .map_tel {padding:4px 0}
.map_telwrap .map_tellst li {width:calc(100% / 2)}
.map_telwrap .map_tellst .map_tel span {width:114px; height:28px; line-height:30px; border:none; background:#727d82; color:#fff}
.map_telwrap .map_tellst li:first-child .map_tel span {background:#8a9499}
.map_telwrap .map_tellst li:nth-child(2) .map_tel span {background:#8a9499}

/* 학생회 */
.hc_council .cont_commtop .cont_commtit .cont_ctit span {color:#319ac1}
.hc_council .cont_commtop .cont_commtit .cont_ctit:before {background:#319ac1}
.hc_council .cont_commtop .cont_commtit .cont_ctit:after {background:#319ac1}
.hc_council .cont_commtop .cont_commtit:before {background:#b6e0f3}
.hc_council .cont_commtop .cont_commtit:after {color:#b6e0f3}
.council_map {margin:0 auto; padding-top:52px; padding-bottom:45px; background: url(../images/sub/bg_council_mark.gif) no-repeat 50% 0}
.c_president {position:relative; display:block; width:340px; margin:0 auto 20px; padding:0 10px 10px; border-radius:20px 20px 8px 8px; background:linear-gradient(90deg, #5cbcc6, #56a7d9); box-sizing: border-box; text-align:center}
.c_president:after {content:"";display:block; position: absolute; bottom:-20px; left:50%; width:1px; height:20px; margin-left:0; background:#e8e8e8}
.c_president dt {padding:14px 0 10px; color:#fff; font-weight:600; font-size:1.2em}
.c_president dd {padding:16px 0; background:#fff; border-radius:8px; font-size:1.071em}

.c_executive {display:flex; gap:40px; padding-top:20px; border-top:1px solid #e8e8e8}
.c_executive dl {position:relative; width:calc(100% / 3); padding:9px 10px; border-radius:10px; border:2px solid #67acc6; text-align: center}
.c_executive dl:before {content:"";display:block; position: absolute; top:-22px; left:50%; width:1px; height:20px; background:#e8e8e8}
.c_executive dl:first-child:after {content:"";display:block; position: absolute; top:-23px; left:0; width:50%; height:1px; background:#fff}
.c_executive dl:last-child:after {content:"";display:block; position: absolute; top:-23px; right:-1px; width:50%; height:1px; background:#fff}
.c_executive dt {border-radius:5px; text-align: center; color:#fff; font-weight:600; background:#67acc6; padding:10px 10px 6px}
.c_executive dd {padding:12px 0 2px}
.council_depart {position:relative; display:flex; justify-content: space-between; padding:0 20px 15px; gap:25px}
.council_depart:after {content:""; display:block; position: absolute; bottom:0; left:0; width:100%; height:34px; background:#f6f6f6; border-radius:5px}
.council_depart .cdepart_box {overflow:hidden; width:calc(100% / 5); border-radius:8px; z-index:1}
.council_depart .cdbox_tit {padding:10px 0; color:#fff; font-weight:600; text-align: center; background:#80898d}
.council_depart .cdbox_txt {padding:15px; background:#fff; font-size:0.938em; text-align:center}
/* .council_depart .cdbox_txt li {display: flex; justify-content: space-between; align-items:center; margin-top:5px} */
.council_depart .cdbox_txt li {margin-top:5px}
.council_depart .cdbox_txt li:first-child {margin:0}
.council_depart .cdbox_txt li .cdbox_posi {width:50px; height:22px; line-height:24px; margin:0 auto; border-radius:50px; border:1px solid #d5d5d5; text-align:center}

/* 자유학기제 */
.hc_freesemester .cont_commtop .cont_commtit .cont_ctit span {color:#69acab}
.hc_freesemester .cont_commtop .cont_commtit .cont_ctit:before {background:#69acab}
.hc_freesemester .cont_commtop .cont_commtit .cont_ctit:after {background:#69acab}
.hc_freesemester .cont_commtop .cont_commtit:before {background:#7fcecd}
.hc_freesemester .cont_commtop .cont_commtit:after {color:#7fcecd}
.fsemester_info {display:flex; border-radius:5px; border:1px solid #f3f3f3; padding:9px; margin-bottom:30px}
/* .fsemester_info ul {width:calc(100% - 144px); padding-left:13px; flex:1 0 0} */
.fsemester_info ul {width:100%; margin:5px 0 5px 13px}
.fsemester_info ul li {position:relative; padding-left:15px; font-size:0.938em; margin-top:12px}
.fsemester_info ul li:first-child {margin-top:0}
.fsemester_info ul li:before {content:""; display: block; position: absolute; top:5px; left:0; width:5px; height:5px; background:#6e6e6e; transform: rotate(45deg)}
.fsemester_itit {width:130px;  border:2px solid #7fcecd; box-sizing: border-box; border-radius:5px; text-align: center; align-content:space-around}
.fsemester_itit span {display:inline-block; padding-top:45px; background:url(../images/sub/bg_freesem_tit.gif) no-repeat 50% 0 ; font-size:17px; font-weight:600}
.fsemester_oper {margin-bottom:40px}
.fsemester_oper ul {display:flex; justify-content: space-between; gap:20px }
.fsemester_oper ul li {width:calc(100% - 10px); display:flex; align-items: center; background:#f7f7f7; padding:10px; border-radius:5px}
.fs_opertit {display:block; width:130px; margin-right: 15px; padding:10px; background:#80898d; text-align: center; color:#fff; font-weight:600; border-radius:5px; box-sizing: border-box}

.fsemester_map {position:relative; padding-top:52px; background: url(../images/sub/bg_free_mark.gif) no-repeat 50% 0}
.fsemester_map:before {content:"";display:block; position: absolute; top:52px; left:50%; width:1px; height:calc(100% - 52px); margin-left:0; background:#e8e8e8; z-index:-1}
.fsemester_map dl {border-radius:8px; padding:0 8px 8px; box-sizing: border-box}
.fsemester_map dl dt {padding:12px 0 8px; color:#fff; font-weight:600; font-size:1.14em; text-align: center; border-radius: 8px}
.fsemester_map dl dd {padding:12px 0 10px; background:#fff; border-radius:8px; font-size:1.067em; text-align: center}
.fsemester_map dl ul {padding:0 12px}
.fsemester_map dl ul li {position:relative; padding-left:15px; margin-top:5px; text-align: left}
.fsemester_map dl ul li:first-child {margin-top:0}
.fsemester_map dl ul li:before {content:""; display: block; position: absolute; top:5px; left:0; width:5px; height:5px; background:#6e6e6e; transform: rotate(45deg)}
.f_chairman {position:relative; display:block; width:340px; margin:0 auto 25px; padding:2px; border-radius:20px 20px 8px 8px; background:linear-gradient(90deg, #5cbcc6, #56a7d9); box-sizing: border-box; text-align:center}
.f_chairman dl {padding:0 8px 7px; border-radius:18px 18px 6px 6px; background:#fff}
.f_chairman dl dt {color:#3683be}
.f_chairman dl dd {background:#f3f3f3}
.f_support {position:relative; width:340px; margin:0 auto 25px 0; background:#a9d367}
.f_support:before {content:"";display:block; position: absolute; top:50%; left:50%; width:100%; height:1px; margin-left:-59px; background:#e8e8e8; z-index:-1}
.f_vicechariman {display: block; width:340px; margin:0 auto 25px; background:#5291c4}
.f_planning {display: block; width:340px; margin:0 auto 25px; background:#5cbcc6}
.f_maparea {position:relative; display:flex; justify-content: space-between; gap:38px; position:relative}
.f_maparea:before {content:"";display:block; position: absolute; top:40px; left:0; width:100%; height:1px; background:#e8e8e8; z-index:-1}
.f_maparea .f_mapbox {width:calc(100% / 3); padding:8px; border:2px solid #eaeaea; background:#fff}
.f_maparea .f_mapbox dd {padding:0 0 10px}
.f_maparea .f_mapbox dd p  {border-bottom:1px solid #f5f5f5; padding:13px 0; margin-bottom:15px}
.fsemester_map dl ul li {font-size:0.938em; color:#454545}
.f_mapbox01 dt {background:#dbbdf4}
.f_mapbox02 dt {background:#c2c3ee}
.f_mapbox03 dt {background:#edc0f0}

/* 운영위원회 */
.hc_committee .cont_commtop .cont_commtit .cont_ctit span {color:#94509f}
.hc_committee .cont_commtop .cont_commtit .cont_ctit:before {background:#94509f}
.hc_committee .cont_commtop .cont_commtit .cont_ctit:after {background:#94509f}
.hc_committee .cont_commtop .cont_commtit:before {background:#f1cdf7}
.hc_committee .cont_commtop .cont_commtit:after {color:#f1cdf7}
.hc_committee  .cz_table.type_line table {border-color:#94509f}

/* 운영위 규정 */
.hc_committee.cz_rulebx h4 {font-size:1.143em}
.hc_committee.cz_rulebx h4 span.chapter {line-height:28px}
.hc_committee.cz_rulebx h4 span {margin:2px 0 0 90px}
.hc_committee.cz_rulebx h5 {padding:2px 0 0 14px; font-size:1.071em}
.hc_committee.cz_rulebx .rulebody_bx > ol > li {font-family:NSQ}
.hc_committee.cz_rulebx .rulebody_bx > p {font-family:NSQ}




/********* MOBILE LAYOUT *********/
@media only screen and (max-width:1024px) {
.basics_font {font-size: 1em/*기준폰트 13px*/}
    
.header_top .logo {left:50%; margin-left:-62px}

/* Layout */
#subright{position: relative}
#subright.nomargin {margin-top:0 !important}
#subtop {padding-bottom:36px}
#subtop h3 {position: relative; height:36px; color:#000; font-weight: 600; margin:0 10px; text-align: center}
#subtop h3 span {padding:12px 0 8px; font-size:1.231em; font-weight:500}
#subpage {margin:20px 10px 30px}

/* Visual*/
.subvisual:before {content:""; display: block; position:absolute; bottom:0; left:0; width:100%; height:175px; background:#f6f6f6}
.subvisual .visual_wrap {margin: 0 auto}
.subvisual .visual_item {position:relative; width:auto; height:268px; margin: 0 auto; padding-bottom:34px; box-sizing: border-box}
.subvisual .visual_item > a {display: block; height:268px}
.subvisual .visual_item .vm_wrap {display:block; overflow: hidden; background:#eee; height:234px; width:calc(100% - 20px); margin:0 10px; border-radius:20px}
/*메인모바일 BG랑 동일함 이름 같이 쓰면됨*/
.subvisual .item1 .vm_wrap {background:url(../images/main/vbg_m01_nn.jpg) no-repeat center top}
.subvisual .item2 .vm_wrap {background:url(../images/main/vbg_m02_nnnn.jpg) no-repeat center top}

.vm_charct {display:block; position:absolute; bottom:0; right:50%}
.subvisual .item1 .vm_charct {margin-right:-215px}
.subvisual .item1 .vm_charct img{width:210px; height:109px} .item1 .vm_charct img{width:210px; height:109px}
.subvisual .item2 .vm_charct {margin-right:-180px}
.subvisual .item2 .vm_charct img{width:187px; height:115px}


/* 서브 컨텐츠 영역 */

/* MB guide */
#sub_guide {position:absolute; top:35px; left:0; width:100%; font-size: 13px; z-index:15}
#sub_guide .navi_area {padding:0 10px 0 56px}
#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:42px; height:35px; position:absolute; top:0; left:10px; text-indent:-99999px; background:url(../images/sub/btn_home.png) no-repeat 50% 50%, linear-gradient(110deg, #5cbdc5, #56a6da); border:none; border-radius:5px}
#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 {border-radius:5px; background:#616c71; box-sizing: border-box}
#sub_guide .navi_area > ul > li{position: relative; float: left; width: 33.3%}
#sub_guide .navi_area > ul > li > a {display: block; height:35px; line-height:37px; padding:0 20px 0 8px; font-weight: 500; font-size:1.077em; background:url(../images/sub/bg_submn_arr.png) no-repeat right 8px center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-left:1px solid #fff; color:#fff}
#sub_guide .navi_area > ul > li:nth-child(2) a {border-left:0}
#sub_guide .submn {overflow: hidden; position: absolute; left: 0; top: 100%; width:100%;  margin: 0 auto; background: #fff; border:2px solid #4792cb; border-radius: 10px; z-index: 10}
#sub_guide .submn ul { padding: 0 6px}
#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 {display: block; line-height: 140%; color: #404040; font-weight: 500}
#sub_guide .submn li a:hover{color:#4792cb; font-weight: 600}

/* 탭 */
.tabnavi01 {margin:11px 10px}
.tabnavi01 ul li a {padding:7px 50px 4px 13px; font-size:13px}
.tabnavi01 ul li a:after {width:28px; height:18px; right:6px; margin-top:-9px}

.tabnavi02, .boardTab {margin:11px 10px}
.tabnavi02 ul, .boardTab ul {gap:8px}
.tabnavi02 ul li, .boardTab ul li {flex:1 0 0}
.tabnavi02 ul li a, .boardTab ul li a {font-size:13px; padding:11px 10px 11px 30px; background-position:left 10px top 10px}
.tabnavi02 ul li.on a, .tabnavi02 ul li:hover a, .boardTab ul li.on a, .boardTab ul li:hover a {background-position:left 10px top 10px}

/********************************************* SUB content **********************************************/
/* content Common */
/* 페이지 준비중 */
.sub_loding{background: url(../images/sub/page_loding_m.gif) no-repeat center center}
/* 테이블 스크롤 텍스트 */
.scroll_txt{display: none}
/*MB에서 필요 없을때 선언*/
.mb_none{display: none}
    
/* 타이틀 */
h4.sub_tit4 {font-size:1.231em; background-position:0 2px; padding-left:17px}
h5.sub_tit5 {font-size:1.154em; background-position:0 3px; padding-left:24px; margin:10px 0 10px 4px}
    
/* -------------------컨텐츠 시작 -------------------*/

/* 공통 상단 */
.cont_toparea .cont_tit  {padding-bottom:15px}
.cont_engtit {padding:7px 0 3px}
.cont_engtit span {font-size:0.938em}
.cont_infotit p {padding:15px 40px 10px; font-size:1.071em}
.cont_infotit p:before {top:8px; width:24px; height:16px; background-size:24px auto}
.cont_infotit p:after {top:8px; width:24px; height:16px; background-size:24px auto}
/* 공통 상단2 */
.cont_commtop {margin-bottom:25px}

/* 인사말 */
.greet_con {font-size:1em}
.greet_con .gt_con01 {padding:22px 14px 15px}
.greet_con .gt_con02 {padding:15px 13px 15px; border-radius:5px; background-size:400px auto}
.greet_con .gt_con03 {padding:15px 14px 15px; line-height:150%}
.greet_sign img {width:180px; height:auto}

/* 연혁 */
.hc_history .his_btn {width:49.5%}
.hc_history .his01 .his_btn {left:0}
.hc_history .his02 .his_btn {right:0}
.hc_history .his_btn a {height:40px; line-height:38px; padding:0 50px 0 15px; font-size:14px}
.hc_history .his_btn a:before {width:40px; height:28px; margin-top:-14px; background-size:12px auto}
.hc_history .his_txtbox {padding-top:60px}
.hc_history .cont_infotit p {padding:14px 30px}
.hc_history .hisbx {display: block}
.hc_history .hisbx ul {width:100%; padding:16px 0 10px !important; border:0}
.hc_history .hisbx ul li {display:block}
.hc_history .hisbx ul li span.txt {width:100%}
.his_lstbx {background-position:right 5px bottom 0}
.hc_history .hisbx .big_year {border-bottom:1px solid #ececec; padding:0}
.hc_history .hisbx .big_year span {width:100%; height:40px; line-height:40px; font-size:17px}
.hc_history .hisbx .big_year:after {top:35px !important; right:inherit; left:50%; margin-left:-7px; transform: rotate(90deg)}
.hc_history .hisbx.first .big_year {padding-top:0}

/* 상징 */
.symbol_area {padding:0}
.symbol_area ul {flex-wrap: wrap}
.symbol_area ul li {width:100%; font-size:1em}
.symbol_area ul li .symbox .sym_txt {padding:12px 0 12px 180px}
.symbol_area ul li .symbox .sym_img {width:170px; height:106px}
.symbol_area ul li .symbox .sym_img img {width:100%; height:100%}
.symbol_area ul li .symbox dl {padding-left:180px}

.song_area {margin:10px 0 20px}
.song_wrap .song_sheet {display: none}
.song_wrap .song_tb {padding:0}
.song_wrap .song_tb:before {height:50px}
.song_wrap .song_btnarea {height:50px}
.song_wrap .song_btnarea dt {margin-left:12px; padding:11px 0 7px 32px; font-size:16px}
.song_wrap .song_btnarea .btns {gap:4px; padding-right:10px}
.song_wrap .song_btnarea .btns li a {width:46px}
.song_wrap .writer {margin:10px 0}
.song_wrap .song_lyrics dd {margin:10px 0 0; font-size:1em; background-position:50% 100%}

/*학교현황*/
.hc_situ .situ_alimi .situ_add span {display:inline-block; padding:5px 10px 5px 45px}
.hc_situ .situ_alimi{display: block; padding:10px; margin:0 0 20px; border-radius: 10px; background: #f0f6fa}
.hc_situ .situ_alimi::after{display: none}
.hc_situ .situ_alimi .situ_add{width: 100%; margin:0 0 10px; text-align: center}
.hc_situ .situ_alimi .stu_alimi{width: 100%}
    
/* 교육목표 */
.edu_toptit {padding-top:10px}
.edu_toptit dl {flex-wrap:wrap}
.edu_toptit dl dt {width:100%; padding:5px 10px}
.edu_toptit dl dd {width:100%; padding:8px 10px 0}
.edu_toptit dl dd img {width:auto}
.edu_vision dl dd img:first-child {height:22px} 
.edu_vision dl dd img:nth-child(2) {height:22px} 
.edu_vision dl dd img:nth-child(3) {height:30px} 
.edu_index dl dd img:first-child {height:22px} 
.edu_index dl dd img:nth-child(2) {height:29px} 
    
.edu_goalarea {margin-top:10px; padding-top:50px}
.edu_goallst ul {gap:15px; flex-wrap:wrap}
.edu_goallst ul li {width:calc(100% / 2 - 15px); flex:auto}
.edu_goallst ul li dt {padding:7px 7px 28px}
.edu_goallst ul li dt span {padding:6px 10px}
.edu_goallst ul li dd {padding:60px 0 10px}
.edu_goalarea h4.sub_tit4 {margin-bottom:10px}
.edu_manage {margin-top:30px}
.manage_tit {margin-top:0}
.manage_tit p img {width:auto}
.manage_tit p img:first-child {height:34px} 
.manage_tit p img:nth-child(2) {height:52px}
.manage_lst > ul {gap:5px; flex-wrap:wrap}
.manage_lst > ul > li {width:calc(100%/ 2 - 5px)}
.manage_arr {margin:8px 0 0}
.manage_lst > ul > li dl {width:100%}
.manage_lst > ul > li dl dd {padding:8px; height:calc(100% - 68px)}

/* 특색교육 */
.speedu_blst ul {padding:10px; gap:5px}
.speedu_blst ul li {width:100%}
.speedu_btit h4 {padding:0 0 0 34px; font-size:1.071em}
.speedu_btit h4 span {font-size:1.2em}
.speedu_btit {padding:15px; background-position:10px 50% !important}
.speedu_btit .engtit {font-size:26px; bottom:-2px; right:5px; z-index:-1}

/* 오시는 길  */
.map_telbox {display: block}
.map_telbox .map_teltit {width:100%; padding:10px 0 8px}
.map_telbox .map_teltit span {padding:0 0 0 25px; background-position:0 50%; background-size:20px auto; font-size:15px}
.map_telwrap {margin:0; width:100%}
    
/* 학생회 */
.c_president {width:260px}
.c_executive {gap:10px}
.council_depart {display:block; gap:10px; padding:10px}
.council_depart .cdepart_box {position:relative; width:100%; margin-top:10px; box-shadow:0 2px 5px rgba(0,0,0,0.05)}
.council_depart:after {bottom:inherit; top:0; left:0; width:30px; height:100%}
.council_depart .cdepart_box.cdbox01 {margin:0}
    
/* 자유학기제  */
.fsemester_info {display: block}
.fsemester_itit {width:100%; padding:0}
.fsemester_itit span {padding:9px 10px 9px 30px; background-size:30px auto; background-position:0 50%}
.fsemester_info ul {width:100%; box-sizing: border-box; padding:10px 10px 0}
.f_maparea {gap:20px}
.f_support {margin:0 auto 25px}
.f_support:before {display: none}
    
    
}

/* PC LAYOUT */
@media only screen and (min-width:1025px) {

#quick02{top:123px}

/* Layout */
#subcontainer{position: relative}
.subconwrap{position: relative}
.subconbox {position: relative; width: 1200px; margin:0 auto; padding-top:20px; z-index: 1}
#sub_left {position: relative; display: block; float: left; margin-bottom:20px}
#subright {position: relative; float: right; width:920px; padding-left:20px; box-sizing: border-box}
#subpage{margin:25px 0 70px; min-height:400px}
    
/* Visual */
.subvisual .visual_wrap {position: relative; width: 100%; margin: 0 auto}
.subvisual .visual_item {width:auto; height:467px}
.subvisual .item1 {background:url(../images/sub/sv01_p_n.jpg) no-repeat center top}
.subvisual .item2 {background:url(../images/sub/sv02_p.jpg) no-repeat center top}

.visual_wrap .slick-dots {top:438px}
.visual_wrap .btn_visual {top:438px}
    
/* Subleft */
.left_tit {position: relative; width:280px; height:109px; margin-bottom:18px; text-align: center; box-sizing: border-box; background:url(../images/main/bg_mn_mark.png) no-repeat 0 0, linear-gradient(90deg, #5cbdc5, #56a6da); border-radius:5px}
.left_tit h2 {padding:30px 0 10px; font-size:22px; font-weight:600; color:#fff}
.left_tit .eng_tit {display:block; font-weight:300}
.left_tit .eng_tit span {position:relative; display:inline-block; padding:5px 15px 7px; font-size:12px; letter-spacing:-0.5px; color:#fff; z-index:1}
.left_tit .eng_tit span:before {content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:12px; border-radius:50px; background:linear-gradient(90deg, #51afb9, #4fa1d3); z-index:-1}    
.leftmn {position: relative; width:280px; box-sizing: border-box}
.leftmn > ul > li {margin-top:13px}
.leftmn > ul > li:first-child {margin-top:0}
.leftmn > ul > li > a {position:relative; display: block; line-height: 130%; border-radius:5px; padding:12px 65px 12px 12px; font-size:1.231em; font-weight:500; color: #5d5d5d; transition: all .3s; box-sizing: border-box; word-break:keep-all; border:2px solid #f0f0f0}
.leftmn > ul > li > a:after {content:""; display:block; position: absolute; top:50%; right:6px; margin-top:-15px; width:50px; height:30px; background:#f2f2f2 url(../images/sub/blt_submn_off.png) no-repeat 50% 50%; border-radius:50px; box-shadow:2px 0 7px rgba(0,0,0,0.07); transition:.3s}
.leftmn ul > li:last-child a {margin-bottom: 0}
.leftmn ul > li > a:hover, .leftmn .leftmenuover > a {color:#fff; text-decoration:none; background:#616c71; border-color:#616c71}
.leftmn ul > li > a:hover:after, .leftmn .leftmenuover > a:after {background:#fff url(../images/sub/blt_submn_on.png) no-repeat 50% 50%; transition:.3s}

/* third*/
.leftmn .third {position: relative; margin:6px 0 0; padding:3px 11px; box-sizing: border-box; background:#f2f2f2}
.leftmn .third li {border-top:1px solid #dedede}
.leftmn .third li:first-child {border-top:0}    
.leftmn .third li a {display: block; line-height: 130%; padding:11px 0 9px 20px; margin-bottom: 0;  background:url(../images/sub/blt_thirdmn_off.png) no-repeat 0 13px; font-weight:500; color:#3d3d3d; font-size:1.154em}
.leftmn .third li:hover a, .leftmn .third .on a, .leftmn .third .third_on a {background:url(../images/sub/blt_thirdmn_on.png) no-repeat 0 13px; color:#43a3dc; font-weight:500}
/*Subtop TIT */
#subtop {height:46px; text-align: center; border-bottom:2px solid #eee}
#subtop h3 span {padding:10px 15px 18px}
    
/* PC guide*/
#sub_guide {position: absolute; top:-67px; left:-295px}
#sub_guide:after {content:""; clear:both; display:block; height:0; font-size:0; line-height:0}
#sub_guide .navi_area {height:50px; line-height:50px}
#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/bg_navi_arr.gif) 0 6px no-repeat; color:#a2a2a2; font-weight:400; font-family:NSQ}
#sub_guide .navi_area li:first-child a {background: none; padding-left: 0}
#sub_guide .navi_area li.m_menu {display: none}
#sub_guide .navi_area li.page_on a {color:#767676; font-weight:500}
#sub_guide .navi_area > ul > li.nav_home a {width:14px; height:14px; padding:0 12px 0 0}
#sub_guide .navi_area > ul > li.nav_home a img {vertical-align:-4px}
/* subtop_btn */
.subtop_btn {display:flex; justify-content: space-between; align-items:center; overflow:hidden; padding:16px 0; border-bottom:2px solid #d8d8d8}
.subtop_btn dl.font {display:flex; align-items: center; width:248px; box-sizing: border-box}
.subtop_btn dl.font > dt {padding:4px 14px 2px 22px; background:url(../images/sub/blt_font.png) no-repeat 0 50%; font-size:15px}
.subtop_btn dl.font > dd {display:flex; justify-content: space-between; margin-left:6px}
.subtop_btn dl.font > dd a {display: block; width:44px; height:26px; line-height:28px;text-align: center; box-sizing: border-box; transition: all .3s; text-align: center; background:#616c71; border-radius:50px}
.subtop_btn dl.font > dd a img {vertical-align: middle}
.subtop_btn dl.font > dd a:hover{transition:.3s}
.subtop_btn .btn_print {width:30px; text-align: center}
.subtop_btn .btn_print a {display:block; height:21px; line-height:22px; margin:0 auto; transition: all .3s}
.subtop_btn .btn_print a img {vertical-align: middle}

/* 탭메뉴 */
.tabnavi01 ul li a {min-width:160px; box-sizing: border-box}

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

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


}

/**** LOWSET FIX ****/
/* 프린트관련 */
.printBG #subright{margin-top:0}
.printBG #subright .tabnavi01, .printBG #subright .tabnavi02{display:none}
.printBG .subconbox {margin:0}
.printBG #subtop{padding-bottom:0}
.printBG #subtop h3{border-bottom:2px solid #eee}
@media print {
.printBG #subright{-webkit-print-color-adjust:exact}
.printBG .subtop_btn{display:none}
}
/********* TABLET LAYOUT[중간사이즈 조정관련] *********/


@media only screen and (max-width:550px) {
 /* 인사말 */
.cont_infotit br {display:block}
.greet_sign {text-align: center}
.greet_con .gt_con02 {padding:15px 13px 95px;}

/* 교육목표 */
.manage_tit p img:first-child {margin-bottom:-15px}
    
    /* 학생회 */
    .c_executive {display: block; border:0; padding:0; }
    .c_executive dl {width:100%; box-sizing: border-box; margin-top:20px}
    .c_executive dl:first-child:after {display:none}
    .c_executive dl:last-child:after {display:none}
    
    /* 대학교 */
    .fsemester_oper ul {flex-wrap: wrap; gap:5px}
    .fs_opertit {width:100px}
    
    .f_support {margin:0 auto 25px}
    .f_support:before {display: none}
    .f_maparea {flex-wrap:wrap; gap:25px}
    .f_maparea .f_mapbox {width:100%}
    
}

@media only screen and (max-width:700px) {
/* 상징 */
.moral_area:before {width:40px; height:100%}
.moral_area ul {flex-wrap: wrap}
.moral_area ul li {width:100%}
.moral_area ul li .moral_txt {padding:12px; box-shadow:2px 0 5px rgba(0, 0, 0, 0.07)}
.moral_area ul li .moral_txt img {height:46px}
.moral_area ul li:after {top:-25px; left:50%; margin-left:-15px; width:30px; height:30px}
    
    /* 오시는 길 */
    .mapinfo_box {display: block; margin:10px 0}
    .map_address {margin-bottom:10px}
    .hc_map .mapinfo_box .map_address > span {padding:10px 0 0 36px; background-size:26px auto; background-position:left 5px top 4px}
    .map_ibox .map_view a {width:100%}
    .map_telwrap .map_tel span {width:90px; margin-right:10px}
    .map_telwrap .map_tellst .map_tel span {width:90px}
    .map_telwrap .map_tellst li {width:100%}
    .hc_map .root_daum_roughmap .wrap_map {height:200px !important}
}