@import url("layout.css");  
@import url("con_com.css");   
  
/*-----------------------------------------------------------
Author : SY,CHo
Create date : 2021. 12. 21

Edit : Hyerim Park, 2022. 02.
Edit : Gahye Park, 2022. 02.
-----------------------------------------------------------*/

.pdf_down { display:block; width:1.5rem; height:1.5rem; border-radius:50%; text-align:center; line-height:1.5rem; background:#d93030; color:#fff; font-size:1rem; }

/* 서브 비주얼 */
.sub_visual{position:relative; height:20rem; text-align:center; overflow:hidden; }
.sub_visual:after{position:absolute; bottom:-1.5rem; left:0; width:100%; height:4.5rem; background:url('/images/web/with/main/temB_visual_bottom.png') no-repeat top center / cover; content:""; -webkit-transform:rotate(2deg) translateY(50px); transform:rotate(2deg) translateY(50px); -webkit-transition:1s 0.5s; transition:1s 0.5s; }
.sub_visual .img{position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center / cover; -webkit-transform:scale(1.3); transform:scale(1.3); -webkit-transition:all 1.5s 0.5s; transition:all 1.5s 0.5s; }
.sub_visual.sv1 .img { background-image: url('/images/web/with/sub/sVisual01.png'); }
.sub_visual.sv2 .img { background-image: url('/images/web/with/sub/sVisual02.png'); }
.sub_visual.sv3 .img { background-image: url('/images/web/with/sub/sVisual03.png'); }
.sub_visual.sv4 .img { background-image: url('/images/web/with/sub/sVisual04.png'); }
.sub_visual.sv5 .img { background-image: url('/images/web/with/sub/sVisual05.png'); }
.sub_visual.sv6 .img { background-image: url('/images/web/with/sub/sVisual06.png'); } 
.sub_visual .slogan{position:absolute; top:0; left:0; display:flex; width:100%; height:100%; flex-direction:column; align-items:center; justify-content:center; color:#131313; } 
.sub_visual .slogan p{padding-top:2.5rem; }
.sub_visual .slogan span{opacity:0; margin:0 5rem; -webkit-transition:1s 0.5s; transition:1s 0.5s; }
.sub_visual .slogan h2{margin-top:-6rem; line-height:1; font-size:2rem; font-weight:700; color:#fff; opacity:0; -webkit-transition:1s 0.5s; transition:1s 0.5s; }
.sub_visual .slogan em{opacity:0; margin-top:1rem; font-size:1rem; color:#fff; letter-spacing:1rem; font-style:italic; font-weight:200; -webkit-transition:1s 0.5s; transition:1s 0.5s; }
.sub_visual.active:after{-webkit-transform:none; transform:none; }
.sub_visual.active .img{-webkit-transform:scale(1); transform:scale(1); }
.sub_visual.active .slogan span{margin:0; opacity:1; }
.sub_visual.active .slogan span:first-child{opacity:1; }   
.sub_visual.active .slogan span img{width:10rem; }
.sub_visual.active .slogan h2{opacity:1; }
.sub_visual.active .slogan em{opacity:0.7; letter-spacing:0.5rem; }

#contents{min-height:calc(100vh - 10rem); line-height:1.8; letter-spacing:-1px; padding-bottom:4rem; }
#contents .container{position:relative; margin-top:-2.5rem; text-align:left; max-width:1300px;}

.conHeader{position:relative; width:100%; height:2.5rem; box-shadow:1px 0 10px rgba(0,0,0,0.07); background:#053983; color:#fff; }

/* 서브메뉴 */
#snb{position:relative; padding-left:2.5rem; padding-right:7rem; height:2.5rem; line-height:1.5rem; z-index:5; }
/*#snb:before{position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #eaeaea; content:""; }*/
#snb .home{position:absolute; top:0; left:0; width:2.5rem; height:2.5rem; padding:0; text-align:center; line-height:2.5rem; }
/*#snb .home:before{position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #eaeaea; content:""; }*/
#snb ul{position:absolute; left:-1px; top:0; padding-top:2.5rem; height:2.5rem; color:#262626; }
#snb ul:before{position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #053983; content:""; }
#snb li{position:relative; width:100%; opacity:0; visibility:hidden; }
#snb a{position:relative; display:block; padding:0.4rem 1rem; font-size:0.8rem;}
#snb ul.open{height:auto;  background:#fff;} 
#snb ul.open > li{visibility:visible; opacity:1; }   
/** active **/
#snb li.active{position:absolute; top:0; left:0; display:table; width:100%; height:2.5rem; visibility:visible; opacity:1; z-index:1; }
#snb li.active:after {content:""; position:absolute; left:0; top:0.75rem; width:1px; height:1rem; background:#fff; opacity:0.3;}
#snb li.active > a{display:table-cell; padding:0 1.5rem 0 1rem; vertical-align:middle; background:#053983; color:#fff; }
#snb li.active > a:before{position:absolute; top:0.5rem; right:1rem; font-family:'xeicon'; content:"\e936"; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); }   
#snb li:not(.active) > a:before,
#snb li:not(.active) > a:before{position:absolute; top:calc(50% - 2px); left:1.5rem; width:0; height:3px; background:#053983; overflow:hidden; content:""; opacity:0; -webkit-transition:all 0.5s; transition:all 0.5s; }
#snb li:not(.active) > a:hover, 
#snb li:not(.active) > a:focus{font-weight:600; color:#053983; }
#snb li:not(.active) > a:hover:before,
#snb li:not(.active) > a:focus:before{width:calc(100% - 2.5rem); opacity:1; }
#snb li:not(.active) > a span{position:relative; display:inline-block; padding-right:0.5rem; background:#fff; }

#snb li > a[target='_blank'] > span:after{display:inline-block; margin-left:5px; font-family:'xeicon'; font-size:0.8rem; content:"\e980"; }
#snb .dep01{position:relative; width:11.5rem; z-index:3; }
#snb .dep01 > li{width:100%; }
#snb .dep02,
#snb .dep03{left:calc(100% - 1px); width:100%; }
#snb .dep02{height:0; visibility:hidden; }
#snb .dep02.open{height:auto;visibility:visible; }
#snb .dep02.mobSnb{height:2.5rem; visibility:visible; }
#snb .dep02.mobSnb.open{height:auto;visibility:visible; } 
#snb a, 
#snb :before{transition:all .3s; -webkit-transition:all .3s; }
#snb .mobSnb > li.active a { position:relative; font-weight:600;}
#snb .mobSnb > li.active a > span { position:relative; }
#snb .mobSnb > li.active a > span:before { content:""; position:absolute; left:0; bottom:-2px; width:100%; height:2px; background:#f4f9fd;}

/*썸네일게시판*/
.T3_E15 .prg_lst{margin:-.75rem;overflow:hidden;}
.T3_E15 .prg_lst > li{width:32%;float:left;padding: 0.75em;margin-top: 10px;margin-left: 1%;}
.T3_E15 .prg_lst > li > a{position:relative;display:block;border:1px solid #dbdbdd;}
.T3_E15 .prg_lst > li .img{display:block;width:100%;height: 215px;text-align: center;}/*210129 수정*/
.T3_E15 .prg_lst > li .img img{height: 100%;}
.T3_E15 .prg_lst > li .txt{display:block;width:100%;padding:1rem 1rem 1.5rem;border-top:1px solid #dbdbdd;}
.T3_E15 .prg_lst > li .txt .prg_tit{display:block;margin-top:0rem;font-size: 18px;font-weight:600;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/*210129 수정*/
.T3_E15 .prg_lst > li .txt .prg_tit:hover{text-decoration: underline;}
.T3_E15 .prg_lst > li .txt .prg_info{overflow:hidden;margin-top:0.5rem;}
.T3_E15 .prg_lst > li .txt .prg_info > li{color:#4a4a4a;font-size:.8rem; float: left;}
.T3_E15 .prg_lst > li .txt .prg_info > li > i{display:inline-block;margin-right:.25rem;}
.T3_E15 .prg_lst > li .txt .prg_info > li + li{margin-top:0rem; float: right;}

/* sns */
.snsBox{position:absolute; top:0; right:0; display:inline-block; line-height:normal; z-index:6; background:#053983; }
.snsBox a{float:left; position:relative; padding:0; width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; font-size:1rem; overflow:hidden; }
.snsBox > a + a{margin-left:-1px; } 
.snsBox a .ico{position:relative; display:block; width:22px; height:23px; margin:0 auto; overflow:hidden; }
.snsBox .sns_more{position:absolute; top:2.5rem; right:2.5rem; display:none; padding:0.5rem; width:12rem; border:1px solid #053983; background:#fff; z-index:2; }
.snsBox .sns_more a{vertical-align:middle; font-size:1rem; color:#fff; border:none; }
.snsBox .sns_more a:not(.btnClose){width:2.25rem; height:2.25rem; line-height:2.25rem; border-radius:0.5rem; }
.snsBox .sns_more a:not(.btnClose) i{line-height:2.25rem; }
.snsBox .sns_more a + a{margin-left:0.6rem; }
.snsBox .sns_more a.btnFbook{background:#1876f0; }
.snsBox .sns_more a.btnYoutube{background:#d6252d; }
.snsBox .sns_more a.btnBlog{background:#5cb632; }
.snsBox .sns_more a.btnBlog img{position:absolute; top:50%; left:54%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
.snsBox .sns_more a.btnKakaoStory{background:#fdc005; }
.snsBox .sns_more a.btnTwitter{background:#1da1f2; }
.snsBox .sns_more a.btnInstagram{background:linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d); background:-webkit-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d); background:-o-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d); background:-moz-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d); }
.snsBox .sns_more a.btnClose{position:absolute; top:calc(-2.5rem - 1px); right:0; margin-left:0; background:#053983; }
.snsBox > a:before,
.snsBox .sns_more a.btnClose:before{ content:""; position:absolute; left:0; top:0.75rem; width:1px; height:1rem; background:#fff; opacity:0.3; }
/** sns : action **/
.snsBox > a:hover,
.snsBox > a:focus{border-color:#8dacdb; z-index:1; } 

#sub_content{padding:3rem 0; }
.conH3{margin-bottom:2rem; text-align:center; font-size:1.75rem; font-weight:600; color:#111; }

/* 사용자 바로가기 */
#user > ul {box-shadow: 3px 3px 10px rgb(0,0,0,0.05); }

/*컨텐츠 내 탭
.con_box .tab_list{border:3px solid #2196f3; } */

/* 통합로그인 */
.login_wrap{text-align:center; }
.login_wrap .login_logo{display:inline-block; margin:1.5rem auto 1.25rem; }
.login_wrap .login_box{position:relative; width:50rem; margin:auto; }
.login_wrap .login_box:before{position:absolute; top:0; right:0; width:calc(100% - 4.75rem); height:3px; background:#ccc; content:""; z-index:1; }
.login_wrap .login_box:after{position:absolute; top:0; left:0; width:3.9rem; height:3px; background:#0098d9; content:""; z-index:1; }
.login_wrap .login_box .inner{position:relative; border-width:0 1px 1px; border-style:solid; border-color:#ccc; background:#fff; line-height:1.3; }
.login_wrap .login_box .inner:before{position:absolute; width:100%; height:100%; bottom:-.25rem; right:-.25rem; background:#f0f0f0; content:""; z-index:-1; }
.login_wrap .login_box .inner:after{display:block; clear:both; content:""; }
.login_wrap .login_box .inner [class^="login_type"]{position:relative; float:left; width:50%; height:27.5rem; padding:2.5rem 1.5rem; text-align:left; }
.login_wrap .login_box .inner [class^="login_type"] .login_tit{position:relative; display:block; margin-bottom:1.25rem; line-height:1; font-size:1.2rem; color:#333; font-weight:700; }
.login_wrap .login_box .inner [class^="login_type"] .login_form > li{overflow:hidden; }
.login_wrap .login_box .inner [class^="login_type"] .login_form > li + li{margin-top:.5rem; }
.login_wrap .login_box .inner [class^="login_type"] .login_form > li > span{float:left; width:5.5rem; font-weight:600; font-size:.9rem; line-height:1.9rem; }
.login_wrap .login_box .inner [class^="login_type"] .login_form > li .input_box{float:left; width:calc(100% - 5.5rem); height:1.9rem; border:1px solid #b9bec7; background:#fff; }
.login_wrap .login_box .inner [class^="login_type"] .login_form > li .input_box input{display:block; width:100%; height:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; border-radius:0; margin:0; border:0; }
.login_wrap .login_box .inner [class^="login_type"] .login_form > li .input_box input::-ms-expand{display:none; }
.login_wrap .login_box .inner [class^="login_type"] .list_st1 > li:before{top:.4rem; }
.login_wrap .login_box .inner [class^="login_type"] .btn_sky span,
.login_wrap .login_box .inner [class^="login_type"] .btn_black span{position:relative; padding:0.49rem 1.2rem !important; }
.login_wrap .login_box .inner .login_type1{background:#fcfcfc; }
.login_wrap .login_box .inner .login_type1 .btn_sky{display:block; width:100%; margin:1rem 0 0 !important; text-align:center; }
.login_wrap .login_box .inner .login_type1 .box_st3{margin-top:1rem; padding:.75rem; background:#fff; overflow:hidden; }
.login_wrap .login_box .inner .login_type1 .box_st3 .btn_gray{float:right; margin:.25rem 0 0 !important; }
.login_wrap .login_box .inner .login_type1 .box_st3 .btn_gray > span{padding:0 1.5rem !important; background:#9f9f9f; border-color:#9f9f9f; font-size:.65rem !important; color:#fff; line-height:1.2rem; }
.login_wrap .login_box .inner .login_type1 .box_st3 + .list_st1{margin-top:1.25rem; }
.login_wrap .login_box .inner .login_type2{border-width:0 0 0 1px; border-style:solid; border-color:#a0c3e3; }
.login_wrap .login_box .inner .login_type2:before{position:absolute; bottom:0; right:2rem; width:14.6rem; height:9.8rem; background:url(/images/web/with/sub/login_logo2.png)no-repeat center/100% 100%; content:""; }
.login_wrap .login_box .inner .login_type2 .btn_black{display:block; width:100%; margin:0 !important; text-align:center; }
.login_wrap .login_box .inner .login_type2 .list_st1{position:relative; margin-top:1.25rem; }

/* 새창 팝업 */
.pop_wrap .heading{padding:.75rem 1rem; background:#0098d9; color:#fff; font-weight:600; font-size:1rem; }
.pop_wrap .pop_con{margin-top:1rem; padding:1rem; }

/*============================ 서브콘텐츠 ============================*/ 
/* 교육이념 */
.eduIdlgy{ position:relative; display:table; width:100%; height:17rem; padding-top:3.5rem; margin-bottom:2.5rem;}
.eduIdlgy .cont{ position:relative; display:table-cell; vertical-align: middle; padding:1rem 2rem 1rem 29rem; background:#f6f6f6; border-radius:0 0 2rem 0; overflow:hidden; word-break: keep-all; font-size:.85rem;}
.eduIdlgy .cont:before{ content:""; position:absolute; right:0; bottom:0; width:9rem; height:9rem; background:url(/images/web/with/sub/symbol1.png) no-repeat center/cover; opacity: 0.1; border-radius:0 0 1rem 0;}
.eduIdlgy .cont h3{ position:relative; display:inline-block; font-size:1.4rem; font-weight: 700; margin-bottom:1rem;}
.eduIdlgy .cont h3:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:4px; background:#013686; border-radius:0.5rem;}
.eduIdlgy .cont p{ font-weight: 600;}
.eduIdlgy .img{ position:absolute; left:0; bottom:0; width:27rem; height:17rem; padding-left:.5rem; padding-bottom:.5rem;overflow:hidden; z-index:1;}
.eduIdlgy .img:before{ content:""; position:absolute; left:0; top:.5rem; width:calc(100% - .5rem); height:calc(100% - .5rem); border-radius:1.5rem; background:#013686;}
.eduIdlgy .img p{ width:100%; height:100%; overflow:hidden; border-radius:1rem; line-height:1;}
.eduIdlgy .img img{ position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.eduIdlgy.edu02 .cont{ border-radius:0 0 0 2rem;  padding:1rem 30rem 1rem 2rem;}
.eduIdlgy.edu02 .cont:before{ right:auto; left:0; border-radius:0 0 0 1rem;}
.eduIdlgy.edu02 .cont h3:before{ background:#0098d9;}
.eduIdlgy.edu02 .img{ right:0; left:auto;}
.eduIdlgy.edu02 .img:before{ background:#0098d9;}
.eduGoal {width:104%; margin-left:-2%; font-size:0; overflow:hidden; word-break: keep-all;}
.eduGoal dt{ font-size:1.25rem; color:#08316f; text-align:center; font-weight: 600; margin:0 2% 1rem; background:url(/images/web/with/sub/pttrn_slide.png) repeat-x center;}
.eduGoal dt span{display:inline-block; background:#fff; padding:0 1.5rem;}
.eduGoal dd{position:relative; width:46%; min-height:17rem; font-size:.8rem; display:inline-block; vertical-align: top; margin:.5rem 2%; padding:1.5rem; border-radius:1rem; border:2px solid #ddd; }
.eduGoal dd:before{content:""; position:absolute; left:-2px; top:-2px; width:calc(100% + 4px); height:1.75rem; border:2px solid #0098d9; border-bottom:0; border-radius:1rem 1rem 0 0; }
.eduGoal dd:after{content:"01"; position:absolute; right:1rem; bottom:-.5rem; line-height:1; font-size:5.5rem; z-index:-1; font-weight: 900; color:#f1f1f1; letter-spacing: -.25rem;}
.eduGoal dd .num{line-height:1.6; font-size:.9rem; font-weight: 600;} 
.eduGoal dd .num span{position:relative; display:inline-block; width:2.25rem; height:2.25rem; line-height:2.25rem; text-align:center; border-radius:50%; margin:.5rem; color:#fff; background:#0098d9; vertical-align: middle;}
.eduGoal dd .num span:before{content:""; position:absolute; left:-.4rem; top:-.4rem; width:calc(100% + .8rem); height:calc(100% + .8rem); border:1px dashed #0098d9; border-radius:50%;}
.eduGoal dd .num p{width:calc(100% - 5rem); display:inline-block; vertical-align: middle; padding-left:.5rem; font-weight: 600;}
.eduGoal dd .txt{padding-top:1rem; margin-top:1rem; border-top:1px dotted #ddd;}
.eduGoal dd.w100{width:96%; min-height:0px;}
.eduGoal dd.colTy:before{border-color:#08316f;}
.eduGoal dd:nth-of-type(1):after{content:"01";}
.eduGoal dd:nth-of-type(2):after{content:"02";}
.eduGoal dd:nth-of-type(3):after{content:"03";}
.eduGoal dd:nth-of-type(4):after{content:"04";}
.eduGoal dd:nth-of-type(5):after{content:"05";}
.eduGoal dd:nth-of-type(6):after{content:"06";}
.eduGoal dd:nth-of-type(7):after{content:"07";}

/* 연혁 */
.history_wrap{position:relative; background:#f8f9f9; padding:2.5rem 1.5rem; word-break:keep-all; }
.history_wrap h4{font-family:"Montserrat"; font-weight:200; color:#083d9d; font-size:3rem; text-align:center; line-height:2.5rem; margin-bottom:2rem; }
.history_wrap h4:before{content:"with"; color:#dde4ef; font-weight:800; display:block; }
.history_wrap > dl{position:relative; padding-bottom:2rem; }
.history_wrap > dl:before{content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#d9d9d9; }
.history_wrap > dl > dt{position:relative; width:10rem; line-height:3rem; background:#1b50b0; border-radius:3rem; text-align:center; color:#fff; font-size:1.2rem; font-weight:700; margin:0 auto 1rem; }
.history_wrap > dl > dd > dl{position:relative; width:50%; margin-top:0.5rem; padding-top:0.2rem; }
.history_wrap > dl > dd > dl > dt{position:absolute; top:0; width:3.8rem; color:#1b50b0; font-size:1rem; font-weight:800; }
.history_wrap > dl > dd > dl > dt:before{content:""; position:absolute; bottom:0; width:3.4rem; height:3px; background:#00acf6; }
.history_wrap > dl > dd > dl.right{margin-left:50%; padding-left:5.3rem; }
.history_wrap > dl > dd > dl.right > dt{left:0; text-align:right; }
.history_wrap > dl > dd > dl.right > dt:before{left:-0.3rem; }
.history_wrap > dl > dd > dl.left{text-align:right; padding-right:5.3rem; }
.history_wrap > dl > dd > dl.left > dt{right:0; text-align:left; }
.history_wrap > dl > dd > dl.left > dt:before{right:-0.3rem; }
.history_wrap > dl > dd > dl > dd{font-size:0.9rem; font-weight:400; }
.history_wrap > dl > dd > dl > dd > ul > li{position:relative; padding-left:0.5rem; }
.history_wrap > dl > dd > dl > dd > ul > li:before{content:""; position:absolute; left:0; top:0.8rem; width:4px; height:4px; background:#a9b4c7; border-radius:50%; }
.history_wrap > dl:last-child{padding-bottom:10rem; }
.history_wrap > dl:last-child:after{content:""; position:absolute; bottom:0; left:calc(50% - 1.75rem); width:3.5rem; height:3.5rem; background:url('/images/web/with/sub/ico_history.png') no-repeat center / cover; }

/* 학교상징 */
.symbolBox .ciBox {overflow:hidden;}
.symbolBox .ciBox .ci{width:20rem; float:left;}
.symbolBox .ciBox .ci .img{text-align: center; line-height:14rem;}
.symbolBox .ciBox .ci .img img{vertical-align: middle;}
.symbolBox .ciBox .ci strong{ display:block; padding-top:1rem; font-size:1rem; font-weight: 600; border-top:1px dotted #ddd;}
.symbolBox .ciBox .ci span{display:block;}
.symbolBox .ciBox .cont{width:calc(100% - 20rem); padding-left:2rem; float:left;}
.symbolBox .box{ text-align:center; padding:1.5rem; font-size:0; }
.symbolBox .box img{max-width:100%; }
.symbolBox .box2{min-height:7rem; border:1px solid #eaeaea; text-align:center; padding:1.7rem 1.5rem; font-size:0; }
.symbolBox .box2 img{max-width:100%; }
.symbolBox .tit3 + .box, 
.symbolBox .tit3 + .box2{margin-top:1rem; }
.symbolBox .list_w30{display:flex; margin-right:-1.5rem; margin-bottom:1rem; }
.symbolBox .list_w30 > li{flex:1; margin-right:1.5rem; border:1px solid #bdcddd; background:#fff; border-radius:.5rem; overflow:hidden;}
.symbolBox .list_w30 > li h4{display:block; background:#3d5e8f; color:#fff; text-align: center; padding:.5rem 0; font-size:.9rem;}
.symbolBox .color1{padding:0.5rem 1.5rem; font-size:0.8rem; text-align:center;}
.symbolBox .color1 strong{display:block; color:#0095da; font-size:1.5rem; font-weight:700; }
.symbolBox .color2{color:#004444; text-align: center; padding:1.75rem 0; font-size:1rem; line-height:3.4rem; }
.symbolBox .color2:before{content:""; display:inline-block; width:3rem; height:3rem; border-radius:50%; background:#0095da; vertical-align: middle; margin-right:.5rem;}
.symbolBox .color3{text-align: center; padding:1.75rem .25rem;}
.symbolBox .color3 img{border-radius:2rem; max-width:100%;}
.symbolBox .key_colors li{display:inline-block; width:10.3rem; text-align:center; line-height:2.25rem; margin-right:0.5rem; margin-bottom:0.5rem; border-radius:2rem;}
.symbolBox .key_colors li.white{border:1px solid #ddd; }
.symbolBox .key_colors li.sky{border:1px solid #a8d9f8; background:#a8d9f8}
.symbolBox .key_colors li.blue{border:1px solid #0a4473; background:#0a4473; color:#fff; }
.symbolBox .titBox_w50{ overflow:hidden; margin-top:2rem;}
.symbolBox .titBox_w50 > .titBox{width:50%; float:left; margin-top:0;}
.symbolBox .titBox_w50 > .titBox .box_st2{min-height:32rem;}
.symbolBox .titBox_w50 > .titBox:first-child img{position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.symbolBox .symbol{display:table; width:calc(100% + 4rem); margin-left:-2rem; border-spacing: 2rem; table-layout: fixed; overflow:hidden;}
.symbolBox .symbol > li{display:table-cell; text-align: center; word-break: keep-all;}
.symbolBox .symbol > li h4{text-align: center; margin:.5rem 0; font-size:1.3rem; font-weight: 600; color:#1d57aa;}
.symbolBox .symbol > li h4 span{display:block; font-size:.9rem; color:#332709;}
.symbolBox .symbol > li .img{position:relative; display:inline-block; padding:0.75rem; background:#fff; border-radius: 50%; border:1px solid #abd5e7; line-height:0; box-shadow:0 0 10px rgba(0,152,217,0.1)}
.symbolBox .symbol > li .img img{ border-radius:50%;}
.symbolBox .symbol > li .txt{text-align: left; min-height:22rem; background:#eef5f9; border:1px solid #d7e0eb; border-radius:.5rem; padding:1rem;}

/* 홍보동영상 */
.videoBox{position:relative; padding-right:33%;} 
.videoBox .box{position:relative; width:100%; font-size:0; padding:0 1.5rem 1rem; }
.videoBox .box:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:80%; background:#0098d9; z-index:-1; } 
.videoBox .box video{width:100%; border:4px solid #fff; margin-bottom:1rem; }
.videoBox p{position:relative; font-size:1.1rem; color:#fff; } 
.video_txt { position:absolute; right:0; top:0; width:30%; height:100%; border-radius:.5rem; background:#fff; border:1px solid #abd5e7; padding:1.2rem; box-shadow:1px 1px 5px rgba(66,172,219,0.2); }

/* 인사말 */
.greeting .welcome{line-height:1.2; font-size:2.5rem; font-weight:200; font-style:italic; word-break:keep-all; }
.greeting .welcome span{position:relative; display:inline-block; font-weight:700; }
.greeting .welcome span:before{position:absolute; bottom:-0.15rem; left:0; width:100%; height:30%; background:#36c3ff; content:""; }
.greeting .welcome span strong{position:relative; }
.greeting .welcome_pic img{max-width:100%; }
.greeting .greeting_txt{position:relative; padding:2rem 30em 2rem 0; line-height:1.8; font-size:0.9rem; color:#333; word-break:keep-all; }
.greeting .greeting_txt > p > strong{font-size:1.5rem; font-weight:600; font-style:italic; }
.greeting .greeting_txt .Tline_b{font-weight:600; }
.greeting .president{position:absolute; bottom:2rem; right:0; text-align:right; }
.greeting .president .photo{position:relative; margin-top:-0.25rem; z-index:-1;}
.greeting .president .name{position:relative; margin-top:0.75rem; padding-top:0.7rem; font-size:0.9rem; color:#666; }
.greeting .president .name:before{position:absolute; top:0; right:0; width:2rem; height:4px; background:#36c3ff; content:""; }
.greeting .president .name > strong{font-weight:700; font-size:1rem;}

/* 대학조직 */
.organization{position:relative; text-align:center; background:url('/images/web/with/sub/bg_org.png') no-repeat right bottom; padding-bottom:7rem; font-size:0; }
.organization:before{content:""; position:absolute; left:50%; top:0; width:1px; height:70%; background:#dadada; }
.organization .org1{position:relative; width:7.9rem; height:7.9rem; border-radius:50%; background:#fff; font-size:1.2rem; line-height:7.9rem; text-align:center; font-weight:700; border:3px solid #0098d9; box-shadow:6px 6px 0 rgba(0,152,217,0.2); margin:0 auto 3.4rem; }
.organization .org2{position:relative; display:inline-block; margin-bottom:6.8rem; }
.organization .org2:before{content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#dadada; }
.organization .org2 > li{position:relative; display:inline-block; width:13rem; line-height:3rem; background:#005da3; color:#fff; font-size:0.9rem; }
.organization .org2 > li:nth-child(2){margin:0 6rem; }
.organization .org3{position:relative; margin:0 -1rem; }
.organization .org3:after{content:""; display:block; clear:both; }
.organization .org3 > li{position:relative; float:left; width:20%; margin-bottom:3rem; padding:0 1rem; font-size:0.8rem; }
.organization .org3 > li.top_first{width:40%; }
.organization .org3 > li:nth-child(-n+4):after{content:""; position:absolute; left:0; top:-2.5rem; width:100%; height:1px; background:#dadada; }
.organization .org3 > li.top_first:after{width:50%; left:50%; }
.organization .org3 > li.top_first:before{content:""; position:absolute; left:50%; top:-2.5rem; width:1px; height:2.5rem; background:#dadada; }
.organization .org3 > li:nth-child(3):before,
.organization .org3 > li.top_last:before{content:""; position:absolute; left:50%; top:-2.5rem; width:1px; height:200%; background:#dadada; }
.organization .org3 > li.top_last:after{width:50%; }
.organization .org3 > li > strong{position:relative; display:block; width:100%; line-height:3rem; background:#6d717c; color:#fff; font-size:0.9rem; }
.organization .org3 > li > ul{position:relative; padding:1rem; border:1px solid #ccc; background:#fff; }
.organization .org4{width:48%; float:left; margin-top:0.8rem; border:1px solid #ccc; }
.organization .org4 + .org4{margin-left:4%; }
.organization .org4 dt{background:#e4e4e4; line-height:2.5rem; font-size:0.9rem; }
.organization .org4 dd{padding:1rem; }
.organization .org3 > li ul li{position:relative; padding-left:0.5rem; text-align:left; }
.organization .org3 > li ul li:before{content:""; position:absolute; left:0; top:0.5rem; width:0.3rem; height:0.3rem; background:#005da3; border-radius:50%; }
.organization .org3 a:hover,
.organization .org3 a:focus{font-weight:600; color:#0098d9; box-shadow:inset #e5f4fb 0 -10px 0; }

/* 조직 상세페이지 */
.org_detail { border:2px solid #b9dae8; border-radius:0.75rem; box-shadow:1px 5px 5px rgba(66,172,219,0.2); padding:1rem; background:url('/images/web/with/sub/org_detail.png') no-repeat right bottom; margin-bottom:2rem; }
.org_detail ul { font-size:0;}
.org_detail ul li { position:relative; display:inline-block; width:50%; font-size:0.8rem; vertical-align:top; margin:0.2rem 0; padding-left:8rem; padding-right:1rem; word-break:break-all; } 
.org_detail ul li strong { position:absolute; left:0; top:0; color:#00477c; padding-left:0.7rem; font-weight:600; }
.org_detail ul li strong:before { content:""; position:absolute; left:0; top:0.5rem; width:0.3rem; height:0.3rem; background:#005da3; border-radius:50%; }

/* 총학생회 조직도 */
.organization2{position:relative; max-width:61.5rem; text-align:center; margin:0 auto 3rem; }
.organization2:before{content:""; position:absolute; left:50%; top:0; width:2px; height:18rem; background:#dadada; z-index:-1; }
.organization2 span{display:block; line-height:2.6rem; font-size:0.9rem; font-weight:600; }
.organization2 .org1{position:relative; width:15.5rem; margin:0 auto; }
.organization2 .org1:before{content:""; position:absolute; right:-15rem; bottom:1.5rem; width:100%; height:2rem; border-bottom:1px dashed #babcc0; border-right:1px dashed #babcc0; z-index:-1; }
.organization2 .org1 > li > span{line-height:3rem; font-weight:700; margin-bottom:2rem; }
.organization2 .org1 > li:nth-child(1) > span{position:relative; font-size:1.05rem; background:#fff; border:3px solid #0098d9; box-shadow:6px 6px 0 rgba(0,152,217,0.2); } 
.organization2 .org1 > li:nth-child(2) > span{color:#fff; background:#005da3; }
.organization2 .org1 > li:nth-child(3) > span{color:#fff; background:#6d717c; } 
.organization2 .org2{position:absolute; right:0; top:3.5rem; width:15.5rem; align-self: flex-end; }
.organization2 .org2:before{content:""; position:absolute; left:-2.5rem; top:1.3rem; width:2.5rem; height:3.7rem; border:2px solid #dadada; border-right:none; z-index:-1; } 
.organization2 .org2:after{content:""; position:absolute; left:-8.5rem; top:50%; width:6rem; height:2px; background:#dadada; z-index:-1; }
.organization2 .org2 > li + li{margin-top:1rem; }
.organization2 .org2 > li > span,
.organization2 .org3 > li > span{background:#e4e4e4; border:1px solid #ccc; } 
.organization2 .org3{position:relative; display:flex; justify-content: space-between; padding-top:1.7rem; }
.organization2 .org3:before{content:""; position:absolute; left:7.75rem; top:-0.4rem; width:calc(100% - 15.5rem); height:2.5rem; border:2px solid #dadada; border-bottom:none; z-index:-1; }
.organization2 .org3 > li{width:15.5rem; }
.organization2 .org3 > li > ul > li > span{background:#fafafa; border:1px solid #ccc; margin-top:0.2rem; }

/* 디어드림 조직도 */
.organization3 { position:relative; padding:1rem 0; text-align:center;}
.organization3 .org1 { position:relative; padding-bottom:2rem; }
.organization3 .org1:before { content:""; position:absolute; bottom:0; width:2px; height:2rem; background:#dadada; }
.organization3 .org1 span {position:relative; display:block; width:15.5rem; font-size:1.05rem; background:#fff; border:3px solid #0098d9; box-shadow:6px 6px 0 rgba(0,152,217,0.2); line-height:3rem; font-weight:700; margin:0 auto; }  
.organization3 .org2 { position:relative; display:flex; justify-content:space-between;  }
.organization3 .org2:before { content:""; position:absolute; left:11%; top:0; width:78%; height:2px; background:#dadada; }
.organization3 .org2 li { position:relative; width:22%; padding-top:2rem; }
.organization3 .org2 li:before { content:""; position:absolute; left:50%; top:0; width:2px; height:2rem; background:#dadada; }
.organization3 .org2 li span {display:block; line-height:2.6rem; font-size:0.9rem; color:#fff; background:#005da3; font-weight:600; }
 
/* 조직도 */
.orgBox { position:relative; line-height:1.2; text-align:center;}
.orgBox:before { content:""; position:absolute; left:4rem; top:0; width:2px; height:100%; background:#cecece; z-index:-1; }
.orgBox a { display:flex; width:100%; height:100%; justify-content:center; align-items: center; text-align:center; }
.orgBox a:hover,
.orgBox a:focus { font-weight:700; text-decoration:underline;}
.orgBox .org1 { position:relative; width:7.5rem; height:7.5rem; border-radius:50%; background:#3274d4 url('/images/web/with/sub/org_tit_bg.png') no-repeat bottom center / contain; color:#fff; line-height:7.5rem; font-size:1.2rem; box-shadow:0 0 10px rgba(50,116,212,0.4); font-weight:700; }
.orgBox .org1:before { content:""; position:absolute; left:0; bottom:-2.5rem; width:10.9rem; height:6.7rem; background:url('/images/web/with/sub/org_tit.png') no-repeat center / cover; z-index:-1; } 
.orgBox .org2 { position:relative; padding-left:9.5rem; display:flex; justify-content: space-between; margin:2.5rem 0; }
.orgBox .org2:before { content:""; position:absolute; top:50%; left:4rem; width:calc(100% - 10rem); height:2px; background:#cecece; z-index:-1; }
.orgBox .org2 li { display:flex; width:11.3rem; height:3rem; background:#0068b7; border-radius:0.5rem; color:#fff; font-size:0.85rem; justify-content:center; align-items: center; margin:0 0.35rem; padding:0.5rem; font-weight:700; }
.orgBox .org3 { position:relative; padding-left:9rem; } 
.orgBox .org3:before { content:""; position:absolute; left:0; top:50%; width:9rem; height:2px; background:#cecece; }
.orgBox .org3 > p { position:absolute; left:0; top:calc(50% - 1.5rem); width:7.9rem; height:3rem; background:#00a0e9; line-height:3rem; color:#fff; border-radius:0.5rem; font-weight:700; }
.orgBox .org3 > div { position:relative; padding-left:9.7rem; }
.orgBox .org3 > div:before { content:""; position:absolute; left:0; top:1.5rem; width:9.7rem; height:2px; background:#cecece; }
.orgBox .org3 .box:before { width:100%; }
.orgBox .org3 .box:after {content:""; position:absolute; left:0; top:1.5rem; width:2px; height:100%; background:#cecece; }
.orgBox .org3 .org3_1 { position:absolute; left:0.5rem; top:0; width:8.2rem; background:#204984; border-radius:0.5rem; color:#fff; line-height:3rem; font-weight:700; } 
.orgBox .org3 .org3_2 { position:relative; padding-left:8rem; }
.orgBox .org3 .org3_2 dt { position:absolute; left:0.5rem; top:0; width:6.45rem; line-height:3rem; border:1px solid #abd5e7; border-radius:0.5rem; background:#f2fbff; font-weight:700; } 
.orgBox .org3 .box2:before { top:calc(55% + 1.5rem); } 
.orgBox .org3 .box2:after {content:""; position:absolute; left:0; top:0; width:2px; height:calc(55% + 1.5rem); background:#cecece; } 
.orgBox .org3 .box2 .org3_1 { top:55%; }
.orgBox .org3 .box2 .org3_2:before { content:""; position:absolute; left:0; top:calc(50% + 2px); width:2px; height:calc(50% + 2px); background:#cecece; }
.orgBox .org3 .box2 .org3_2 + .org3_2:before { top:0;}  
.orgBox .org3 .box2 .org3_2 dt { top:calc(50% - 1.5rem); }
.orgBox .org3 .box2 .org3_2 dt:before { content:""; position:absolute; left:-0.5rem; top:50%; width:8rem; height:2px; background:#cecece; z-index:-1; }
.orgBox .org3 .box2 .org3_2 dd { position:relative; padding:0.5rem 0 0.5rem 8rem; }
.orgBox .org3 .box2 .org3_2 dd:before { content:""; position:absolute; left:0; top:50%; width:100%; height:2px; background:#cecece; z-index:-1; }
.orgBox .org3 .box2 .org3_2 dd:after { content:""; position:absolute; left:0; top:0; width:2px; height:100%; background:#cecece; }
.orgBox .org3 .box2 .org3_2 dd:nth-of-type(1):after { height:50%; top:50%;}
.orgBox .org3 .box2 .org3_2 dd:last-child:after { height:50%; }
.orgBox .org3 .box2 .org3_3 { position:absolute; left:0.7rem; top:calc(50% - 1.2rem); display:flex; flex-shrink: 0; width:6.8rem; height:2.4rem; border-radius:0.5rem; border:1px solid #85a3ce; background:#fff; font-size:0.75rem; box-shadow:1px 1px 5px rgba(66,172,219,0.2); justify-content:center; align-items:center; text-align:center; }
.orgBox .org3 dd ul {height:auto; overflow:hidden; background:url('/images/web/with/sub/pattern.png'); border-radius:0.5rem; padding:0.8rem; } 
.orgBox .org3 dd ul > li { display:flex; width:23%; margin:0.2rem 1%; float:left; padding:0.2rem; justify-content:center; align-items:center; height:2rem; border:1px solid #bdcddd; background:#fff; font-size:0.7rem; border-radius:0.5rem; }
.orgBox .org3 .box dd ul > li { width:18%; } 
.orgBox .org4 { position:relative; padding-left:13rem; min-height:3rem; margin-top:2.5rem; }
.orgBox .org4 > p { position:absolute; left:0; top:0; width:7.9rem; height:3rem; background:#00a0e9; line-height:3rem; color:#fff; border-radius:0.5rem; font-weight:700; }
.orgBox .org4 > ul { position:relative; font-size:0; text-align:left; } 
.orgBox .org4 > ul > li { position:relative; display:inline-block; width:16.6666%; padding:0 0.5rem; vertical-align:top; }
.orgBox .org4 > ul > li:before { content:""; position:absolute; top:1.5rem; left:-1rem; width:100%; height:2px; background:#cecece; z-index:-1;}
.orgBox .org4 > ul > li:first-child:before { left:-10rem; width:calc(100% + 10rem); }
.orgBox .org4 > ul.org4_1 > li { width:9.090909%; padding:0 0.1rem; }
.orgBox .org4 > ul > li > p{ display:flex; width:100%; height:3rem; border:1px solid #abd5e7; border-radius:0.5rem; background:#f2fbff; justify-content:center; align-items:center; text-align:center; font-size:0.75rem; font-weight:700; }
.orgBox .org4 > ul > li > ul > li { display:flex; width:100%; height:2.3rem; border:1px solid #bdcddd; border-radius:0.5rem;  justify-content:center; align-items:center; text-align:center; margin-top:0.5rem; font-size:0.7rem; }


/* 역대총장 */ 
.president{font-size:0; } 
.president em{font-size:0.9rem; font-weight:600; color:#333; }
.president h4{position:relative; color:#0098d9; font-size:1.3rem; padding-top:0.2rem; font-weight:600; }
.president h4:before{content:""; position:absolute; left:0; top:0; width:0.25rem; height:0.2rem; background:#0098d9; }
.president h4:after{content:""; position:absolute; left:0.5rem; top:0; width:1.1rem; height:0.2rem; background:#ccc; }
.president .tit3{margin:0 !important; }
.president .img{position:absolute; left:0; top:0; width:5.9rem; font-size:0; border:1px solid #ccc; }
.president .img img{width:100%; }
.president > ul > li{position:relative; display:inline-block; vertical-align:top; width:32%; padding:1.5rem 1rem 0.5rem; margin-right:2%; margin-bottom:1.5rem; } 
.president > ul > li:nth-child(3n){margin-right:0; }
.president > ul > li:before{content:""; position:absolute; left:0; top:0; width:100%; height:1.5rem; border:4px solid #0098d9; border-bottom:none;  }
.president > ul > li:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 2.5rem); border:2px solid #ccc; border-top:none; z-index:-1; }
.president > ul > li div{position:relative; padding:0 0 1.2rem 7.2rem; border-bottom:1px dashed #c1ced4; margin-bottom:0.8rem; background:url('/images/web/with/sub/bg_president.png') no-repeat right bottom; }
.president > ul > li .tit3 + p{padding-left:1.9rem; font-size:0.8rem; }
.president > ul > li a{float:right; } 
.president .pop_president{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10; } 
.president .pop_president .inner{position:absolute; left:50%; top:50%; width:94%; height:85%; max-width:46.3rem; max-height:32.8rem; padding:2rem; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#fff url('/images/web/with/sub/bg_president2.gif') no-repeat right 2.5rem bottom; } 
.president .pop_president .inner:before{content:""; position:absolute; left:0; top:0; width:100%; height:1.5rem; border:4px solid #0098d9; border-bottom:none;  }
.president .pop_president .inner:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 2.5rem); border:2px solid #ccc; border-top:none; z-index:-1; }
.president .pop_president .inner > div{position:relative; height:100%; overflow-y:auto; padding-left:7.5rem; } 
.president .pop_president .inner > div h4{border-bottom:2px solid #d5dde1; padding-bottom:0.5rem; }
.president .pop_president .inner > div dl{padding:1rem 0.5rem 1rem 0; font-size:0.8rem; border-bottom:1px dotted #ccc; }
.president .pop_president .inner > div dl dd{padding-left:1.8rem; }
.president .pop_president .inner .close{position:absolute; right:1.5rem; top:-1.5rem; width:2.75rem; height:2.75rem; background:#fff; border-radius:50%; color:#0098d9; border:4px solid #0098d9; font-size:1.3rem; text-align:center; -webkit-transition:transform 0.3s; transition:transform 0.3s; }
.president .pop_president .inner .close i{width:100%; height:100%; line-height:2.35rem; }
.president .pop_president .inner .close:hover,
.president .pop_president .inner .close:focus{-webkit-transform:rotate(180deg); transform:rotate(180deg); }

/* 교내전화번호 */  
.tbl_w50 > li{width:49%; float:left; margin-top:1.5rem; }
.tbl_w50 > li + li{margin-left:2%; }  
.tbl_w30{font-size:0; }
.tbl_w30 > li{display:inline-block; vertical-align:top; width:32%; margin-top:1.5rem; margin-left:2%; } 
.tbl_w30 > li:nth-child(3n+1){margin-left:0; }

/* 캠퍼스맵 */
.campusmap{position:relative; width:100%; font-size:0; border-bottom:4px solid #abbac1; }
.campusmap:before{content:""; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:5px; background:#0098d9; z-index:2; }
.campusmap:after{content:""; position:absolute; left:-1px; top:-1px; width:5px; height:5rem; background:#0098d9;z-index:2; }
 
/* 오시는길 */
.map_wrap{position:relative; width:100%; height:25.75rem; border:1px solid #c1c1c1; border-bottom:4px solid #abbac1; }
.map_wrap:before{content:""; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:5px; background:#0098d9; z-index:2; }
.map_wrap:after{content:""; position:absolute; left:-1px; top:-1px; width:5px; height:5rem; background:#0098d9;z-index:2; }
.map_wrap + .titBox{border-top:none; }
.bus1{padding-left:1.1rem; background:url('/images/web/with/sub/ico_bus1.gif') no-repeat left top 0.3rem; }
.bus2{padding-left:1.1rem; background:url('/images/web/with/sub/ico_bus2.gif') no-repeat left top 0.3rem; }
.bus3{padding-left:1.1rem; background:url('/images/web/with/sub/ico_bus3.gif') no-repeat left top 0.3rem; }
.bus4{padding-left:1.1rem; background:url('/images/web/with/sub/ico_bus4.gif') no-repeat left top 0.3rem; }

.map_detail_box{position:relative; padding:2rem 1.2rem 1rem; box-sizing:content-box-box; height: calc(100% + 10px); }
.map_detail_box:before{content:"\eb42"; position:absolute; left:1rem; top:-1.4rem; width:2.8rem; height:2.8rem; border-radius:50%; background:#0098d9; color:#fff; font-family:"xeicon"; text-align:center; font-size:1.5rem; line-height:2.8rem; }
.map_detail_box button{position:absolute; right:1rem; top:0.7rem; width:1.8rem; height:1.8rem; line-height:1.8rem; text-align:center; background:#eee; border-radius:50%; font-size:1rem; z-index:2; }
.map_detail_box .txt1{position:relative; color:#0d50a3; font-size:0.85rem; font-weight:600; margin-bottom:0.5rem; padding-bottom:0.3rem; }
.map_detail_box .txt1:before{content:""; position:absolute; left:0; bottom:0; width:1.5rem; height:3px; background:#0060b4; }
.map_detail_box .txt2{position:relative; padding:0.2rem 0 0.2rem 0.6rem; line-height:1.4; }
.map_detail_box .txt2:before{content:""; position:absolute; left:0; top:0.5rem; width:0.25rem; height:0.25rem; border-radius:50%; font-size:0.8rem; background:#92a7ba; }
.map_detail_box + .map_detail_box{padding-top:0; }
.map_detail_box + .map_detail_box:before{display:none; }
/* 학생증발급, 학적·졸업 */
.step_lst{position:relative; margin:0 -1.25rem; }
.step_lst:after{display:block; clear:both; content:""; }
.step_lst > li{position:relative; float:left; width:25%; padding:0 1.25rem 1.5rem;}
.step_lst > li + li:before{position:absolute; top:6rem; left:-.425rem; width:.95rem; height:1.25rem; background-image:url(/images/web/with/sub/step_lst_arr.png); background-repeat:no-repeat; background-size:100% 100%; background-position:center; content:""; }
.step_lst > li > div > em { position:absolute; left:calc(50% - 3rem); top:0; width:1.5rem; height:1.5rem; background:#4879bd; border-radius:50%; color:#fff; text-align:center; line-height:1.5rem; font-size:0.75rem; z-index:2; } 
.step_lst > li > div .ico{ position:relative; display:block; width:5.7rem; height:5.7rem; border-radius:50%; background:#fff; border:4px solid #cfdef3; margin:0 auto; }
.step_lst > li > div .ico > img{width:100%;}
.step_lst > li > div .txt{ display:block; min-height:6.45rem; border-radius:1rem; border:1px solid #b2c1d6; background:#fff; margin-top:-2.5rem; padding:3.2rem 1rem 0.5rem; line-height:1.5; text-align:center; box-shadow:1px 1px 10px rgba(0,0,0,0.05); } 
  
.step_lst.w20 > li{width:20%; }

/* 학보사, 교육방송국, 웹진사향지기, insight */
.titImgBox { height:auto; overflow:hidden; }
.titImgBox dt { width: 15rem; float:left; }
.titImgBox dd { width:calc(100% - 16rem); float:right; }
.titImgBox .img{position:relative; width:14.7rem; height:11.35rem; border:1px solid #cdcdcd; overflow:hidden; box-shadow:10px 10px 0 #f3f3f3; }
.titImgBox .img > img{position:absolute; top:0; left:0; width:100%; height:100%; }
.titImgBox .txt_box{min-height:11.35rem; border:1px solid #b9dae8; }
.titImgBox .txt_box > strong{display:block; padding:1.25rem; color:#0b3879; font-size:.85rem; font-weight:600; background:#fff; }
.titImgBox .txt_box_link{padding:.75rem 1.25rem; border-top:1px dotted #7ccaec; background:#f8fdff; text-align:right; }
.titImgBox .txt_box_link [class*="btn_"]{margin:0 !important; }

/* 장학, 주차관련 자주묻는 질문 */
.toggle_lst{margin:-.5rem 0; }
.toggle_lst > li{padding:.5rem 0; }
.toggle_lst > li .toggle_btn{position:relative; display:block; padding:0 2.25rem 0 3rem; background:#d9eef7; border-radius:1rem; }
.toggle_lst > li .toggle_btn:before{position:absolute; top:50%; right:1rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:"xeicon"; color:#797979; font-size:.8rem; content:"\e930"; -webkit-transition:transform .3s; transition:transform .3s; }
.toggle_lst > li.active .toggle_btn:before{-webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }
.toggle_lst > li .toggle_btn > em{position:absolute; top:0; left:0; width:2rem; height:2rem; border-radius:50%; background:#0098d9; color:#fff; font-size:.75rem; font-weight:700; text-align:center; line-height:2rem; -webkit-transition:background-color 0.3s; transition:background-color 0.3s;}
.toggle_lst > li .toggle_btn > span{display:block; color:#333; font-size:.75rem; font-weight:600; line-height:2.05rem; }
.toggle_lst > li .toggle_cont{display:none; margin-top:1rem; border:1px solid #ddd; border-radius:1rem; padding:1rem 2.5rem; background:#fff;}
.toggle_lst > li .toggle_btn:hover > em,
.toggle_lst > li .toggle_btn:focus > em{ background:#1d57aa; }
.toggle_lst > li .toggle_btn:hover > span,
.toggle_lst > li .toggle_btn:focus > span { font-weight:700;}

/* 학사일정 */
.calendar_wrap:after{display:block; clear:both; content:""; }
.calendar_wrap .calendar_box{position:relative; width:25rem; float:left; overflow:hidden; }
.calendar_wrap .calendar_box:before{position:absolute; top:0; right:0; width:calc(100% - 3.75rem); height:3px; background:#ccc; content:""; z-index:1; }
.calendar_wrap .calendar_box:after{position:absolute; top:0; left:0; width:3.5rem; height:3px; background:#0098d9; content:""; z-index:1; }
.calendar_wrap .calendar_box .inner{position:relative; height:22.5rem; padding:1.75rem 1.5rem 3.5rem; border-width:0 1px 1px; border-style:solid; border-color:#ccc; background:#fff; line-height:1.3; }
.calendar_wrap .calendar_box .inner:before{position:absolute; width:100%; height:100%; bottom:-.25rem; right:-.25rem; background:#f0f0f0; content:""; z-index:-1; }
.calendar_wrap .calendar_box .inner:after{position:absolute; bottom:-.55rem; left:50%; -webit-transform:translateX(-50%); transform:translateX(-50%); color:#ededed; font-size:4rem; font-family:'Montserrat'; font-weight:900; text-transform:uppercase; line-height:1; letter-spacing:.25rem; content:"Schedule"; opacity:.45; }
.calendar_wrap .schedule_box{float:left; width:calc(100% - 25rem); padding-left:3rem; }
.calendar_wrap .schedule_box .tbl_st table{border-top:2px solid #187ec2; }
.calendar_wrap .schedule_box .tbl_st table thead th{border-bottom:1px solid #b9bec7; }
.calendar_wrap .schedule_box .tbl_st table td > a{display:block; }
.calendar_wrap .schedule_box .tbl_st table td > a > em{box-shadow:0 -13px #e5f4fb inset; }

/* 식단표 */
.meal_list{position:relative; border:1px solid #ccc; padding:1.3rem 1.5rem; font-size:0; margin-top:2.5rem;}
.meal_list .month{text-align:center; }
.meal_list .month a{display:inline-block; border:1px solid #ccc; vertical-align:middle; font-size:0.9rem; }
.meal_list .month a i{display:block; width:1.5rem; height:1.5rem; text-align:center; line-height:1.5rem; }
.meal_list .month span{display:inline-block; font-size:1.5rem; font-weight:700; margin:0 1rem; vertical-align:middle; }
.meal_list h3{margin-left:0.3rem; margin-right:0.3rem; }  
.meal_list dl{display:inline-block; width:calc(20% - 0.6rem); margin:0 0.3rem 0.5rem; vertical-align:top; text-align:center; font-size:0.8rem; }
.meal_list dl dt.date{line-height:2.1rem; background:#1e5685; color:#fff; }
.meal_list dl dt.week{line-height:1.9rem;border:2px solid #0098d9; margin:1px 0; }
.meal_list dl dd.img {position:relative; height:9rem; overflow:hidden; background:no-repeat center / cover; margin-bottom:30px;}  
.meal_list dl dd.txt{background:#f6f6f6; padding:1rem 0.5rem; }  

/* 식단안내 */
.meal_info h3{line-height:2.5rem; text-align:center; font-weight:700; font-size:1.15rem; border-radius:2rem; margin-bottom:1.75rem; color:#266eda; border:2px solid #66c4ff; background:#ecf8ff;}
.meal_info ul{width:102%; margin-left:-1%; padding:1rem 0 0.5rem; overflow:hidden;}
.meal_info li{position:relative; display:block; border:1px solid #abd5e7; border-radius:1rem; background:#fff; box-shadow:0 0 10px rgba(38, 110, 218, 0.2); width:18%; margin:0 1%; float:left;} 
.meal_info li h4{position:absolute; right:1rem; top:-1rem; width:2.8rem; height:2.8rem; line-height:2.8rem; border-radius:50%; text-align:center; color:#fff; font-size:1rem; font-weight: 600; background:#059de4; z-index:2;}
.meal_info li .img{height:8rem; background:#eee; border-radius:1rem 1rem 0 0; overflow:hidden;}
.meal_info li .img img{position:relative; left:50%; width:auto; height:100%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.meal_info li .menu{padding:1rem;}
.meal_info li .menu strong{display:block; font-size:.9rem; font-weight: 600; color:#178ac0;}
.meal_info li .menu p{height:7rem; line-height:1rem; overflow-y:auto; word-break: keep-all; font-size:0.7rem;}
.meal_info + .meal_info{margin-top:3rem;}
.meal_info.dinner h3{background:#f4f8ff; color:#053983; border-color:#85a9eb;}
.meal_info.dinner li h4{background:#406bd9;}
.meal_info.dinner li a{box-shadow:0 0 10px rgba(18, 34, 59, 0.2);}
.meal_info.dinner li .menu strong{color:#1274e2;}
.meal_info .control { display:none; }
/* 식단안내 : active */
.meal_info li a:hover,
.meal_info li a:focus{border-color:#059de4;}
.meal_info.dinner li a:hover,
.meal_info.dinner li a:focus{border-color:#053983;}

/* 관리자 식단표 상단 박스 */ 
.meal_file{position:relative; border:1px solid #ccc; padding:1.3rem 1.5rem; }
.meal_file span { font-size:1rem; margin-right:0.5rem; font-weight:600;}
.meal_file .check_list { margin-top:0.5rem; }
.meal_file .check_list li { display:inline-block; padding:0 0.5rem; vertical-align:middle;}
.meal_file input[type="file"] { border:1px solid #ddd; padding:0.1rem; border-radius:3px; }
.meal_file a, .meal_file button { font-size:0.8rem; margin-bottom:0; }

/* 관리자 식단표 */ 
.meal_table table td { vertical-align:top; text-align:center; }
.meal_table table td .con { min-height:0; margin:0;}
.meal_table table .calTxt li {font-size:0.75rem; line-height:1.5; }
.meal_table table .calTxt li + li { margin-top:0.5rem; }
.meal_table table .calTxt li p { margin-bottom:0.2rem; font-size:0.8rem; line-height:1.6rem; background:#1e5685; color:#fff;}
.meal_table table .calTxt li:nth-child(2n) p { background:#0068b7;} 
 
/* 학과 */
.titImgBox2 {padding: 2rem; background: url('/images/web/with/sub/pattern.png'); overflow: hidden;}
.titImgBox2 > .tit {position: relative; margin-bottom: 1.5rem;}
.titImgBox2 > .tit:before {position: absolute; top: 50%; left: 0; margin-top: -2px; width: 100%; height: 3px; background: #043881; content: "";}
.titImgBox2 > .tit span {position: relative; display: inline-block; padding-right: 2.25rem; font-size: 1.5rem; font-weight: 700; color: #053983; background: url('/images/web/with/sub/pattern.png');}
.titImgBox2 > .boxCon {float: left; width: calc(100% - 17rem);}
.titImgBox2 > .boxCon .tit1 ~ .tit1 {margin-top: 3.25rem;}
.titImgBox2 > .boxCon .tit1 ~ .tit1:before {position: absolute; top: -1.625rem; left: 0; width: 100%; height: 1px; border-top: 1px dashed #b6c6de; content: "";}
.titImgBox2 > .boxCon .tit1 + div {margin-left: 1.5rem; width: calc(100% - 1.5rem);}
.titImgBox2 > .boxImg {float: left; margin-left: 2.5rem; padding: 1rem 0 4rem; width: 14.5rem; text-align: center; background: url('/images/web/with/sub/bg_boxImg.png') no-repeat left 2rem;}
.titImgBox2 > .boxImg .boxCube {margin: 15.5rem auto 0; width: 13.5rem; height: 13.5rem; border-radius: 50%; box-shadow: 10px 10px 10px rgba(0,0,0,0.2);}
.titImgBox2 > .boxImg .boxCubeInner {position: relative; display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;}
.titImgBox2 > .boxImg .boxCubeInner img {position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.titImgBox2 .boxCon .box_st3,
.titImgBox2 .info_box{padding:.75rem 1.75rem; background:#fff; border:1px solid #abd5e7; border-radius: 0.5rem; box-shadow: 1px 1px 5px rgba(66,172,219,0.2);}
.titImgBox2 .info_box > ul{margin:-.25rem -.5rem; }
.titImgBox2 .info_box > ul > li{padding:.25rem .5rem; color:#222; font-size:.85rem; font-weight:500; float:left; }
.titImgBox2 .info_box > ul > li > i{width:1.5rem; height:1.5rem; margin-right:.5rem; border-radius:50%; background:#d2e5ff; color:#18347c; font-size:1rem; text-align:center; line-height:1.5rem; font-weight:600; }
.titImgBox2 .info_box > ul > li > em {font-weight: 600; color: #0b4393;}
.titImgBox2 > .boxCon .li_w50 > li.w100 {width: 100%;}

/* 교수소개 
.professor > ul > li { position:relative; margin-bottom:1rem; padding:1.5rem 1.5rem 1rem;}
.professor > ul > li:before{content:""; position:absolute; left:0; top:0; width:100%; height:1.5rem; border:4px solid #0098d9; border-bottom:none;  }
.professor > ul > li:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 2.5rem); border:2px solid #ccc; border-top:none; z-index:-1; }
.professor > ul > li .name {position:relative; padding-right:12rem; }
.professor > ul > li .name h3 {position:relative; font-size:1.3rem; padding-top:0.2rem; font-weight:600; color:#0098d9;}
.professor > ul > li .name h3:before{content:""; position:absolute; left:0; top:0; width:0.25rem; height:0.2rem; background:#0098d9; }
.professor > ul > li .name h3:after{content:""; position:absolute; left:0.5rem; top:0; width:1.1rem; height:0.2rem; background:#ccc; } 
.professor > ul > li .name ul .tit3 { display:inline-block; margin-right:0.5rem; } 
.professor > ul > li .box { display:none; background:#f3f3f3; padding:1.5rem 2rem; margin-top:1rem; max-height:14rem; overflow-y:auto;} 
.professor > ul > li .more { position:absolute !important; right:1rem; top:1.3rem; }
*/

/* 교수소개 */
#contents .professor [class*="bT"] { margin:0; }
.professor { background:#f9fdff url('/images/web/with/sub/tableBg.png') no-repeat right bottom;}
.professor table { border-top:2px solid #0098d9} 
.professor table thead th {background:#f2f8fb; border-bottom:1px solid #bfd7e1; border-left:1px dashed #dce8f5; }
.professor table td { border-left:1px dashed #dce8f5; border-bottom:1px dashed #dce8f5; }
.professor table td .tit { display:none;} 
.layerPop_pf { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:10; display:none; }
.layerPop_pf .box { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:96%; height:90%; max-width:60rem; max-height:30rem; border:1px solid #abd5e7; border-radius:1rem; padding:1rem; background:#fff url('/images/web/with/sub/layerPop_pf_03.png') no-repeat right bottom;}
.layerPop_pf .tit { border-bottom:3px solid #eaeaea;}
.layerPop_pf .tit span { position: relative; bottom:-3px; display:inline-block; border-bottom:3px solid #053983;  font-size:1.2rem;padding-bottom:0.2rem;}
.layerPop_pf .tit span strong { font-weight:700;} 
.layerPop_pf .con { position:relative; height:calc(100% - 4.4rem); padding-right:8rem; overflow-y:auto; margin:1rem 0; } 
.layerPop_pf .con .img { position:absolute; right:0; top:0; padding:0.8rem 0.5rem 1rem 0.75rem; background:url('/images/web/with/sub/prd_img.png') no-repeat top / cover; }
.layerPop_pf .con .img img { width:6.4rem; border:1px solid #ddd; }  
.layerPop_pf .con *:not(.img) + .tit1 { margin-top:1rem !important; }
.layerPop_pf .con .tit1 span { font-weight:400; font-size:0.8rem;}
.layerPop_pf .con ul { background:#f8f8f8; padding:0.5rem 1rem; }
.layerPop_pf .box .close { position:absolute; right:1rem; top:1rem; font-size:1rem; }

/* 구내식당 */
.img_list3 { text-align:center; font-size:0; }
.img_list3 li { display:inline-block; width:33.333%; padding:0 0.5rem; vertical-align:top; }
.img_list3 li img { max-width:100%;}
.cafe_info { height:auto; overflow:hidden; padding-top:2rem; }
.cafe_info > li { display:block; width:50%; float:left; }
.cafe_info > li:first-child { padding-right:2%; }
.cafe_info > li + li { padding-left:2%; border-left:1px dashed #ddd; }

/* 총장소개 */
.info_president .tabBox { width:13.75rem; background:#f4f4f4; padding:1rem; float:left; margin-top:2.4rem;}
.info_president .tabBox ul li + li { border-top:1px solid #e4e4e4; }
.info_president .tabBox ul li a { position:relative; display:table; width:100%; height:2.3rem; font-size:0.85rem; padding:0 0.8rem;}
.info_president .tabBox ul li a span { position: relative; display:table-cell; vertical-align:middle; word-break:keep-all; line-height:1.2; }
.info_president .tabBox ul li.on a { color:#fff; font-weight:700;}
.info_president .tabBox ul li.on a:before { content:""; position:absolute; left:0; top:0; width:calc(100% + 1.7rem); height:100%; border-radius:0 3rem 3rem 0; background:#215eb6 url('/images/web/with/sub/prd_arrw.png') no-repeat right 1rem center;}
.info_president #con_box { width:calc(100% - 16rem); float:right; } 
.info_president #con_box > div { position:relative; } 
.info_president #con_box .name { border-bottom:4px solid #ccc; }
.info_president #con_box .name p { position:relative; display:inline-block;}
.info_president #con_box .name p:before { content:""; position:absolute; left:0; bottom:-4px; width:100%; height:4px; background:#0098d9; }
.info_president #con_box .name span { font-size:1rem; }
.info_president #con_box .name span strong { font-size:1.2rem; font-weight:700; }
.info_president #con_box .name em { font-size:0.8rem; padding:0 0.5rem;} 
.info_president #con_box .name em + em { position:relative; }
.info_president #con_box .name em + em:before { content:""; position:absolute; left:0; top:0.3rem; width:1px; height:0.6rem; background:#ddd;}
.info_president #con_box .name ul {  position:relative; display:inline-block;}
.info_president #con_box .name ul:before { content:""; position:absolute; left:0; bottom:-4px; width:100%; height:4px; background:#0098d9; }
.info_president #con_box .name ul li em { position:relative; padding-left:0.5rem; margin-left:0.5rem; }
.info_president #con_box .name ul li em:before { content:""; position:absolute; left:0; top:0.3rem; width:1px; height:0.6rem; background:#ddd;}
.info_president #con_box .txtBox { position:relative; padding-right:8rem;}
.info_president #con_box .imgBox { position:absolute; right:0; top:0; padding:0.8rem 0.5rem 1rem 0.75rem; background:url('/images/web/with/sub/prd_img.png') no-repeat top / cover; }
.info_president #con_box .imgBox img { width:6.4rem; border:1px solid #ddd; } 
.info_president #con_box .gray { width:100%; background:#f8f8f8; padding:1rem; }  
.info_president #con_box .date1 li span { display:inline-block; margin-right:0.5rem; color:#00409d; font-weight:700; } 
.info_president #con_box .date2 li span { display:inline-block; min-width:6rem; color:#00409d; font-weight:700; }

/* 현재총장 */
.info_president #con_box.current { width:100%; float:none; }
.info_president #con_box.current .txtBox { padding-right:20rem;}
.info_president #con_box.current .imgBox {background:none; padding:0; }
.info_president #con_box.current .imgBox img { width:auto; border:none;}
.info_president #con_box.current .date2 li span { min-width:9rem; }

/* 인사말 */
.greeting2 { position:relative; padding-right:30%; word-break:keep-all; }
.greeting2 .welcome { position:relative; font-size:2rem; font-weight:100; font-style:italic; line-height:1.2;} 
.greeting2 .welcome:before { content:url('/images/web/with/sub/greeting_bg1.png'); position:absolute; left:-0.9rem; top:-1.2rem; z-index:-1; }
.greeting2 .welcome span { font-weight:400; }
.greeting2 .welcome strong { color:#074297; font-weight:700; }
.greeting2 .welcome em { display:block; font-size:1rem; font-weight:400; font-style:italic; margin-top:1rem; }
.greeting2 .welcome_pic { position:absolute; right:0; top:4rem; width:38%; max-width:490px; }
.greeting2 .welcome_pic:after {content:""; position:absolute; left:-2rem; top:-4rem; width:7.7rem; height:7.7rem; border-radius:50%; border:1.5rem solid #fff2cb; opacity:0.45;z-index:-1;  }
.greeting2 .welcome_pic:before {content:url('/images/web/with/sub/greeting_bg2.png'); position:absolute; right:-3rem; bottom:-3rem; z-index:-1; }
.greeting2 .welcome_pic img { width:100%; }
.greeting2 .welcome_pic div { position:relative; width:90%; max-width:19.75rem; background:#045aaa; border-radius:0 1.5rem 0 1.5rem; padding:1.5rem; color:#fff; margin:-1.5rem 0 0 -1.5rem; overflow:hidden;}
.greeting2 .welcome_pic div:before { content:""; position:absolute; right:-4rem; bottom:-4.5rem; width:10rem; height:10rem; background:#318ae5; border-radius:50%; }
.greeting2 .welcome_pic div span { position:relative; }
.greeting2 .welcome_pic div p { position:relative; text-align:right; font-size:1.1rem; font-weight:700; }
.greeting2 .welcome_pic div p:before { content:""; position:absolute; left:0; top:50%; height:1px; width:6rem; background:#75a4d0; }
.greeting2 .welcome_pic div p strong { font-size:1.4rem; font-style:italic; }
.greeting2 .greeting_txt { background:#f8f8f8; border-radius:1.5rem; padding:1.5rem 7rem 1.5rem 1.5rem; margin-top:1.5rem; }
.greeting2 .greeting_txt strong { font-weight:700; font-size:0.85rem; }
.greeting2 .greeting_txt .point { color:#123b97; }
 
/* 연혁 */
.history_wrap2 {position:relative; padding-right:22rem; overflow:hidden;}
.history_wrap2 .background { position:absolute; right:0; }
.history_wrap2 .background .bg2 { margin-top:10rem; }
.history_wrap2 .background .bg3 { margin-top:16.25rem; }
.history_wrap2 > dl { position:relative; padding-left:5rem;}
.history_wrap2 > dl + dl { margin-top:2.25rem;}
.history_wrap2 > dl > dt { position:absolute; left:0; top:0; width:6.6rem; height:6.6rem; background:#d5e6ff; border-radius:50%; font-size:1.45rem; font-weight:700; color:#06234d; text-align:center; line-height:6.6rem; z-index:2;}
.history_wrap2 > dl > dd { position:relative; padding:1.1rem 3rem; background:#f9f9f9; min-height:7rem; border-radius:1rem; }
.history_wrap2 > dl > dd > dl { position:relative; padding-left:4.2rem; }
.history_wrap2 > dl > dd > dl + dl { margin-top:0.5rem;}
.history_wrap2 > dl > dd > dl > dt { position:absolute; left:0; top:0; color:#053983; font-weight:700; font-size:0.9rem;}



/* 보건실 */
.health_list{margin: 0 -0.625rem;}
.health_list::after{display: block; content: ''; clear: both;}
.health_list li{position: relative; width: 20%; float: left; padding: 0 0.625rem;}
.health_list li + li::before{width: 0.9rem; height: 1.25rem; background: url('/images/web/with/sub/step_lst_arr.png') no-repeat center / contain; position: absolute; left: -0.45rem; top: 4.3rem; content: '';}
.health_list li dl{border: 1px solid #b2c1d6; border-radius: 0.75rem; text-align: center; overflow: hidden; font-weight: 600;}
.health_list li dl dt{background: #33588c; color: #fff; font-size: 0.85rem; padding: 0.75rem;}
.health_list li dl dd{padding-top: 1.1rem;}
.health_list li dl dd p{font-size: 0.85rem; background: #eceff5; color: #1f4f92; padding: 0.75rem; margin-top: 1.1rem; font-weight: 600;}

/* RESPONSIVE */ 
@media (max-width:1600px){
	/* 서브 비주얼 */
	.sub_visual .slogan p{padding-top:3rem; }
	.sub_visual .slogan h2{margin-top:-3rem; font-size:1.75rem; }
	.sub_visual .slogan em{font-size:0.9rem; }
	.sub_visual.activze .slogan span img{width:10rem; }
	.sub_visual.active .slogan em{letter-spacing:0.2rem; }
	.sub_visual.active .slogan span img { width:7rem;}

	#sub_content{padding:2rem 0; }
	.conH3{font-size:1.5rem; }
}
@media (max-width: 1550px){
	/* 학생증발급, 학적·졸업 */
	.step_lst_l > li > div{height:16rem; }
}
@media (max-width:1440px){
	/* 서브메뉴 */
	#snb .dep01{width:calc((100% + 5px) / 3); }
	
	/* 인사말 */
	.greeting .welcome{font-size:2rem; } 
	.greeting .greeting_txt{padding-right:0; }
	.greeting .president{position:relative; bottom:auto; right:auto; width:100%; margin-top:2rem; padding:1rem 510px 0 0; min-height:325px; }  
	.greeting .president .photo{position:absolute; right:0; top:0; }
	
	/* 학생증발급, 학적·졸업 */
	.step_lst > li{width:50%; padding-bottom:2rem; }
	.step_lst > li:nth-of-type(3){float:right; }
	.step_lst > li:nth-of-type(4):before{right:-.435rem; left:auto; -webkit-transform:rotate(180deg); transform:rotate(180deg); }
	.step_lst > li:nth-of-type(3):before,
	.step_lst > li:nth-of-type(5):before{-webkit-transform:translateY(-50%) rotate(90deg); transform:translateY(-50%) rotate(90deg); top:-1rem; left:50%; }
	.step_lst > li > div .txt{font-size:.8rem; } 
	.step_lst_l > li > div{height:14rem; }
	.step_lst.w20 > li{width:50%; }
}
@media (max-width:1280px){
	/* 서브 비주얼 */
	.sub_visual{height:18rem; }
	.sub_visual .slogan p{padding-top:1rem; }
	.sub_visual .slogan h2{margin-top:-4rem; }
	.sub_visual.active .slogan em{letter-spacing:0; }  

	/* 인사말 */
	.greeting2 { padding-right:10%; } 
	.greeting2 .welcome_pic { width:25%; }
	.greeting2 .welcome_pic:before { -webkit-transform:scale(0.7); transform:scale(0.7);}
	.greeting2 .welcome_pic div { width:100%; padding:1rem; }
	.greeting2 .welcome_pic div p { font-size:0.9rem; }
	.greeting2 .welcome_pic div p:before { display:none; }
	.greeting2 .welcome_pic div p strong { font-size:1rem; }
	.greeting2 .greeting_txt { padding-right:25%;}
		
	/* 연혁 */
	.history_wrap2 { padding-right:15rem; }
	.history_wrap2 .background img { width:13rem; } 
	
	/* 조직도 */  
	.orgBox .org3 dd ul > li { width:48%; }
	.orgBox .org3 .box dd ul > li { width:23%; }
	.orgBox .org4 { padding-left:10rem;}
	.orgBox .org4 > ul.org4_1:before { content:""; position:absolute; left:-1rem; top:1.5rem; width:2px; height:calc(100% - 4rem); background:#cecece; }
	.orgBox .org4 > ul.org4_1 > li { width:16.666%; margin-bottom:1rem;}
}
@media (max-width:1240px){
	/* 교육이념 */
	.eduIdlgy{padding-top:1.5rem;}
	.eduIdlgy .cont{padding:1rem 2rem 1rem 45%; font-size:.8rem;}
	.eduIdlgy .cont h3{font-size:1.2rem;}
	.eduIdlgy .img{ width:40%;}
	.eduIdlgy.edu02 .cont{padding:1rem 45% 1rem 2rem;}

	/* 대학조직 */
	.organization .org2{width:100%; }
	.organization .org2 > li{width:32%; }
	.organization .org2 > li:nth-child(2){margin:0 2%; }

	/* 역대총장 */  
	.president > ul > li{width:49%; } 
	.president > ul > li:nth-child(3n){margin-right:2%; }
	.president > ul > li:nth-child(2n){margin-right:0; }
	  
	/* 학보사, 교육방송국, 웹진사향지기, insight */
	.titImgBox dt,
	.titImgBox dd { width:100%; }
	.titImgBox .img{margin:0 auto 1.5rem; }
	
	/* 학사일정 */
	.calendar_wrap .calendar_box{float:none; margin:auto; }
	.calendar_wrap .schedule_box{float:none; width:100%; margin-top:1rem; padding:0; }
	
	/* 총학생회 조직도 */
	.organization2 .org1,
	.organization2 .org2,
	.organization2 .org3 > li{width:30%; }
	.organization2 .org1:before{right:-70%; }
	.organization2 .org2:before{left:-10%; width:10%; }
	.organization2 .org2:after{left:-20%; width:10%; }

	/* 식단표 */ 
	.meal_list dl{width:calc(25% - 0.6rem); }

	/* 식단안내 */
	.meal_info li .img{height:6rem;}	

	/* 학교상징 */
	.symbolBox .symbol{display:block; font-size:0; margin-top:2rem; margin-left:-1%; width:102%;}
	.symbolBox .symbol > li{display:inline-block; width:48%; margin:0 1% 1rem; vertical-align: top;}
	.symbolBox .symbol > li .txt{min-height:14rem; font-size:.8rem;}
	
	/* 교수소개 
	.professor > ul > li .name { padding-right:0; }
	.professor > ul > li .name h3 { padding-right:13rem; }
	.professor > ul > li .name ul > li { width:50%; }*/ 
	
	/* 구내식당 */ 
	.cafe_info > li { display:block; width:100%; }
	.cafe_info > li:first-child { padding-right:0; }
	.cafe_info > li + li { padding-left:0; border-left:none; margin-top:2rem; }

	/* 현재총장 */ 
	.info_president #con_box.current .txtBox { padding-right:0;}
	.info_president #con_box.current .imgBox { position:relative; right:auto; top:auto; width:100%; margin:2rem auto 0; text-align:center;}  
}
@media (max-width:1024px){
	/* 서브메뉴 */
    #snb{margin-left:-1rem; padding-left:0; padding-right:0; width:calc(100% + 2rem); }
    #snb .home{display:none; }
    #snb .dep01{width:calc(100% - 2.5rem); }
	#snb ul:not(.mobSnb) { left: 0; }
	#snb ul:not(.mobSnb):before { display: none; }
	#snb ul:not(.mobSnb) li { width: 100%; }
    #snb ul.mobSnb{left:0; }  
	#snb li.active:after { display:none;}
	

	/* 통합로그인 */
	.login_wrap .login_box{width:100%; }
	.login_wrap .login_box .inner [class^="login_type"]{width:100%; height:auto; float:none; }
	.login_wrap .login_box .inner .login_type2{border-width:1px 0 0; }

	/* sns */
	.snsBox{right:-1rem; }
	.snsBox .btnPrint{display:none; }
	.snsBox .sns_more{right:0; }

	/* 교육이념 */
	.eduGoal{width:102%; margin-left:-1%;}
	.eduGoal dt{margin:0 1% 1rem;}
	.eduGoal dd:not(.w100){width:48%; min-height:20rem; margin:.5rem 1%;}
	.eduGoal dd.w100{margin:0 1%; width:98%;}
	
	/* 연혁 */
	.history_wrap > dl:last-child{padding-bottom:2rem; }
	.history_wrap > dl:before{display:none; }
	.history_wrap > dl > dd > dl{width:100%; }
	.history_wrap > dl > dd > dl > dt:before{display:none; }
	.history_wrap > dl > dd > dl.right{margin-left:0; }
	.history_wrap > dl > dd > dl.right > dt{text-align:left; }  
	.history_wrap > dl > dd > dl.left{text-align:left; padding:0 0 0 5.3rem; }
	.history_wrap > dl > dd > dl.left > dt{right:auto; left:0; text-align:left; } 
	.history_wrap > dl:last-child:after{display:none; }

	/* 학교상징 */
	.symbolBox .ciBox .ci{width:16rem;}
	.symbolBox .ciBox .cont{width:calc(100% - 16rem); padding-left:1.5rem;}	
	.symbolBox .list_w30{display:block; margin-right:0; }
	.symbolBox .list_w30 li{margin-right:0;}
	.symbolBox .list_w30 li + li{margin-top:1rem; }
	.symbolBox .titBox_w50 > .titBox{width:100%; float:none; }
	.symbolBox .titBox_w50 > .titBox + .titBox{margin-top:2rem;}
	.symbolBox .titBox_w50 > .titBox .box_st2{min-height:0px;}
	.symbolBox .titBox_w50 > .titBox:first-child img{position: relative; left:auto; top:auto; transform: none; -webkit-transform: none; -ms-transform: none;}
 
	/* 대학조직 */
	.organization{padding-bottom:0; background:none; }
	.organization:before{height:90%; }
	.organization .org2{margin-bottom:2.5rem; } 
	.organization .org3 > li{margin-bottom:2rem; }
	.organization .org3 > li.top_first{width:100%; margin-bottom:5rem; }
	.organization .org3 > li{width:33.333%; }
	.organization .org3 > li.top_first:after,
	.organization .org3 > li:nth-child(3):before{display:none; }
	.organization .org3 > li:nth-child(2):after{width:50%; left:50%; }
	.organization .org3 > li:nth-child(2):before{content:""; position:absolute; left:50%; top:-2.5rem; width:1px; height:200%; background:#dadada; }
  
	/* 조직 상세페이지 */ 
	.org_detail ul li { width:100%; }

	/* 식단안내 */
	.meal_info li { width:48%; display:none; }
	.meal_info li.on { display:block; } 
	.meal_info .control { display:block; text-align:center; margin-top:1rem; font-size:0.8rem;}
	.meal_info .control a { display:inline-block; width:2rem; height:2rem; background:#fff; line-height:2rem; border:1px solid #ddd; border-radius:50%; }
	.meal_info .control a:hover,
	.meal_info .control a:focus { border-color:#73d0fc; color:#406bd9; }



	/* 식단표 */ 
	.meal_list dl{width:calc(33.333% - 0.6rem); }

	/* 관리자 식단표 */ 
	.meal_table table colgroup { display:none; }
	.meal_table table thead { display:none; }
	.meal_table table td { display:block; padding:0; }
	.meal_table table td > span { display:block; line-height:2rem;}
	.meal_table table td > span + a {display:block; border-top:1px dashed #ddd; padding-top:0.5rem; }
	.meal_table table .calTxt ul { display:flex; }
	.meal_table table .calTxt li { flex:1; padding:0 0.5rem 0.5rem; }
	.meal_table table .calTxt li + li { margin:0; }

	/* 학과 */
	.titImgBox2 {padding: 1rem;}
	.titImgBox2 > .boxCon {width: 100%;}
	.titImgBox2 > .boxImg {display: none;}

	/* 조직도 */ 
	.orgBox .org1 { margin:0 auto; }
	.orgBox .org2 { margin:3.5rem 0 1rem; }
	.orgBox .org3 > p,
	.orgBox .org3 .org3_1,
	.orgBox .org3 .org3_2 dt,
	.orgBox .org3 .box2 .org3_3,
	.orgBox .org4 > p {position:relative; left:auto; top:auto; width:100%; height:2.5rem; line-height:2.5rem; margin-bottom:0.5rem; }   
	.orgBox .org2,
	.orgBox .org3,
	.orgBox .org3 > div,
	.orgBox .org3 .org3_2,
	.orgBox .org3 .box2 .org3_2 dd,
	.orgBox .org4 { padding:0;} 
	.orgBox .org3 .org3_2 { margin-bottom:1rem; }
	.orgBox .org3 .box:before { width:1rem;}
	.orgBox .org3 .box2:after { height:1.5rem;}
	.orgBox .org3 .box2:before { width:1rem; top:1.5rem; } 
	.orgBox .org3 .box2 .org3_3 { top:0; }
	.orgBox:before,
	.orgBox .org2:before,
	.orgBox .org3:before,
	.orgBox .org3 .box:after,
	.orgBox .org3 .box2:after,
	.orgBox .org3 .box2 .org3_2:before,
	.orgBox .org3 .box2 .org3_2 dd:after,
	.orgBox .org3 .box2 .org3_2 dd:before,
	.orgBox .org4 > ul > li:before,
	.orgBox .org3 .box2 .org3_2 dt:before { display:none; } 
	.orgBox .org3 .box2 .org3_3 br { display:none; }
	.orgBox .org3 dd ul { padding:0.5rem; }
	.orgBox .org3 .box dd ul > li,
	.orgBox .org3 dd ul > li { width:calc(25% - 0.4rem); margin:0.2rem; }  
	.orgBox .org4 { margin-top:1rem; }
	.orgBox .org4 > ul > li { width:25%; margin-bottom:1rem; padding:0 0.2rem; }  
	.orgBox .org4 > ul.org4_1 > li { width:25%; padding:0 0.2rem; }


	/* 보건실 */
	.health_list li{width: 33.33%; margin-bottom: 1rem;}
	.health_list li:nth-of-type(3n+1)::before{display: none;}
}
@media (max-width:1080px){
	/* 교수소개 */
	.info_president .tabBox { width:100%; float:none; margin-top:0; padding:0; }
	.info_president .tabBox ul { height:auto; overflow:hidden; }
	.info_president .tabBox ul li { position:relative; width:33.333%; float:left; text-align:center; }
	.info_president .tabBox ul li:before { content:""; position:absolute; left:0; top:0.7rem; width:1px; height:1rem; background:#ddd; }
	.info_president .tabBox ul li:nth-child(3n+1):before { display:none;}
	.info_president .tabBox ul li + li { border-top:0; }
	.info_president .tabBox ul li.on a:before { width:100%; border-radius:0; background:#215eb6; }
	.info_president #con_box { width:100%; float:none; margin-top:1rem; }
	 
	/* 인사말 */
	.greeting2 { padding-right:0;}
	.greeting2 .welcome_pic { position:relative; right:auto; top:auto; width:85%; margin:1rem auto; max-width:400px; }
	.greeting2 .greeting_txt { padding-right:1.5rem;}
		
	/* 연혁 */
	.history_wrap2 { padding-right:0; }
	.history_wrap2 .background { display:none; } 
	.history_wrap2 > dl { padding-left:4rem;}
	.history_wrap2 > dl > dt { width:5rem; height:5rem; line-height:5rem; font-size:1.1rem; }
	.history_wrap2 > dl + dl { margin-top:1rem;}
		
	/* 홍보동영상 */
	.videoBox{padding-right:0;}  
	.video_txt { position:relative; right:auto; top:auto; width:100%; height:15rem; margin-top:1rem; }


}
@media (max-width:860px){

	/* 교육이념 */
	.eduGoal{width:100%; margin-left:0%;}
	.eduGoal dt{margin:0 0% 1rem;}
	.eduGoal dd:not(.w100){width:100%; min-height:0; margin:.5rem 0;}
	.eduGoal dd.w100{margin:0; width:100%;}
}
@media (max-width:768px){

	#sub_content{padding:1.5rem 0; }
	.conH3{margin-bottom:1rem; line-height:1.5; font-size:1.25rem; }
	
	/* 교육이념 */
	.eduIdlgy{display:block; height:auto;}
	.eduIdlgy .img{ position:relative; left:auto; bottom:auto; width:60%; height:auto; margin:0 auto;} 
	.eduIdlgy .img img{width:100%; height:auto; left:auto; transform: none; -webkit-transform: none; -ms-transform: none;}
	.eduIdlgy .cont{display:block; padding:4rem 1.5rem 2rem !important; margin-top:-3rem; border-radius:0 0 2rem 0 !important;}
	.eduIdlgy .cont:before{left:auto !important; right:0 !important;}

	/* 학교상징 */
	.symbolBox .ciBox .ci{width:100%;}
	.symbolBox .ciBox .cont{width:100%; padding-left:0; margin-top:1rem;}

	/* 대학조직 */  
	.organization .org1{width:6rem; height:6rem; line-height:6rem; margin-bottom:2rem; }
	.organization .org2{margin-bottom:1rem; } 
	.organization .org3{margin:0; }
	.organization .org3 > li{display:inline-block; vertical-align:top; width:49%; float:none; margin-bottom:1rem; padding:0; }
	.organization .org3 > li:nth-child(2n){margin-right:2%; }
	.organization .org3 > li.top_first{margin-bottom:1rem; }
	.organization:before{height:1rem; } 
	.organization .org3 > li:nth-child(2):before{content:""; position:absolute; left:50%; top:-2.5rem; width:1px; height:200%; background:#dadada; } 
	.organization .org4{width:49%; }
	.organization .org4 + .org4{margin-left:2%; }
	.organization .org2:before,
	.organization .org3 > li.top_first:before,
	.organization .org3 > li:nth-child(2):before,
	.organization .org3 > li.top_last:before,
	.organization .org3 > li:nth-child(-n+4):after{display:none; }
	 
	/* 조직 상세페이지 */ 
	.org_detail ul li { width:100%; padding:0 0 0 0.5rem; }
	.org_detail ul li strong { position:relative; left:-0.5rem; top:auto; display:block;}


	/* 역대총장 */  
	.president > ul > li{width:100%; } 
	.president > ul > li:nth-child(3n){margin-right:0; } 
	
	/* 교내전화번호 */  
	.tbl_w50 > li{width:100%; }
	.tbl_w50 > li + li{margin-left:0; }   
	.tbl_w30 > li{width:100%; margin-left:0; }  
 
	/* 인사말 */ 
	.greeting .welcome{font-size:1.7rem; }
	.greeting .greeting_txt{padding:1rem 0 0;  }
	.greeting .greeting_txt > p > strong{font-size:1.2rem; } 
	.greeting .president{padding:0;}  
	.greeting .president .photo { position:relative; right:auto; top:auto; }
	.greeting .president img{ max-width:100%; }
	
	/* 학사일정 */
	.calendar_wrap .calendar_box{width:100%; }
	.calendar_wrap .calendar_box .inner{padding:1.75rem 1rem; }
	.calendar_wrap .calendar_box .inner:after{display:none; }
	
	/* 학생증발급, 학적·졸업 */
	.step_lst_l > li > div{height:15rem; }
	
	/* 교수소개 */ 
	.professor { text-align:left; }
	.professor table colgroup{ display:none; }
	.professor table thead { display:none; }
	.professor table tr { display:block; font-size:0; }
	.professor table td { display:inline-block; width:33%; border:none !important; font-size:0.8rem; vertical-align:top; padding:0.2rem; }
	.professor table td:last-child { width:100%;}
	.professor table td:last-child .tit { display:none;} 
	.professor table td .more { width:100%; text-align:center; }
	.professor table td .tit { display:inline-block; width:2.5rem; font-weight:600; margin-right:0.5rem; } 
	.professor table tr { padding:0.5rem 0; border-bottom:1px dashed #dce8f5;} 
	.layerPop_pf .con { padding-right:0; }
	.layerPop_pf .con .img { position:relative; right:auto; top:auto; width:7.65rem; margin:0 auto;}


	/* 구내식당 */ 
	.img_list3 li { width:100%; padding:0; }
	.img_list3 li + li { margin-top:0.5rem;} 
	
	/* 관리자 식단표 상단 박스 */ 
	.meal_file input[type="file"]{ display:block; margin:0.5rem 0;}

	/* 교수소개 */
	.info_president #con_box .txtBox { padding-right:0;}
	.info_president #con_box .imgBox { position:relative; right:auto; top:auto; width:7.65rem; margin: 1rem auto 0; } 
	.info_president #con_box .imgBox + .tit1 { margin-top:0; }

	/* 인사말 */
	.greeting2 .welcome { font-size:1.5rem; }
	.greeting2 .welcome:before { -webkit-transform:scale(0.7); transform:scale(0.7);}

	.toggle_lst > li .toggle_cont{padding:0.5rem 1rem;}
}
@media (max-width:680px){
	/* 연혁 */
	.history_wrap h4{font-size:2.4rem; }
	.history_wrap > dl > dt{line-height:2.5rem; }
	.history_wrap > dl > dd > dl.left,
	.history_wrap > dl > dd > dl.right{padding:0; }
	.history_wrap > dl > dd > dl > dt{position:relative; left:auto; top:auto; }

	/* 학교상징 */
	.symbolBox .key_colors li{width:100%; margin-right:0; } 
	
	/* 식단표 */ 
	.meal_list dl{width:calc(50% - 0.6rem); }
}
@media (max-width:580px){
	/* 총학생회 조직도 */
	.organization2 .org1,
	.organization2 .org2,
	.organization2 .org3 > li{width:100%; }
	.organization2 .org1 > li > span{margin-bottom:1rem; } 
	.organization2 .org2{position:relative; right:auto; top:auto; }
	.organization2:before,
	.organization2 .org1:before,
	.organization2 .org2:before,
	.organization2 .org2:after,
	.organization2 .org3:before{display:none; }
	.organization2 .org3{display:block; }
	.organization2 .org3 > li + li{margin-top:1rem; }

	/* 교수소개 
	.professor > ul > li { height:auto; overflow:hidden; }
	.professor > ul > li .name h3 { padding-right:0; }
	.professor > ul > li .name ul > li { width:100%; }
	.professor > ul > li .more { position:relative !important; right:auto; top:auto; width:100%; margin:0 !important; text-align:center; }
	.professor > ul > li .box { padding:1rem; } */
 
	/* 관리자 식단표 */  
	.meal_table table .calTxt ul { display:block; } 
	
	/* 교수소개 */  
	.professor table td { width:50%; } 

	/* 학교상징 */
	.symbolBox .symbol{margin-left:0%; width:100%;}
	.symbolBox .symbol > li{width:100%; margin:0 0 1rem;}
	.symbolBox .symbol > li .txt{min-height:0px; }

	/* 교수소개 */
	.info_president .tabBox ul li { width:50%; }
	.info_president .tabBox ul li:nth-child(2n+1):before { display:none;}
	.info_president .tabBox ul li:nth-child(4):before { display:block;}
	.info_president .tabBox ul li a { font-size:0.75rem; }
	.info_president #con_box .name { text-align:center; }  
	.info_president #con_box .name span { display:block; }
	.info_president #con_box .name br { display:none; } 
	.info_president #con_box .date1 li span,
	.info_president #con_box .date2 li span { display:block;} 

	/* 연혁 */
	.history_wrap2 > dl { padding-left:0;}
	.history_wrap2 > dl > dt { position:relative; left:auto; top:auto; width:100%; height:2.2rem; line-height:2.2rem; border-radius:1rem 1rem 0 0; font-size:1rem; }
	.history_wrap2 > dl > dd { padding:1rem; min-height:0; border-radius:0 0 1rem 1rem;}
	
	.info_president #con_box.current .imgBox { padding-right:10%;} 
	.info_president #con_box.current .imgBox img {max-width:100%;}

	/* 조직도 */
	.orgBox .org2 { flex-wrap:wrap; margin:3.5rem -0.2rem 1rem; }
	.orgBox .org2 li { width:calc(50% - 0.4rem); margin:0.2rem; }
	.orgBox .org3 dd ul > li,
	.orgBox .org3 .box dd ul > li { width: calc(50% - 0.4rem); }
	.orgBox .org4 > ul.org4_1 > li,
	.orgBox .org4 > ul > li { width:50%; }

	/* 보건실 */
	.health_list li{width: 50%;}
	.health_list li:nth-of-type(3n+1)::before{display: block;}
	.health_list li:nth-of-type(2n+1)::before{display: none;}
}
@media (max-width:530px){
	
	/* 교육이념 */
	.eduGoal dd{padding:1rem;}
	.eduGoal dd:after{font-size:4rem;}
  
	/* 역대총장 */ 
	.president .img{position:relative; display:block; left:auto; top:auto; margin:0 auto 0.5rem; }
	.president > ul > li div{padding-left:0; }
	.president .pop_president .inner{background-size:60% auto; padding:2rem 1rem; }
	.president .pop_president .inner > div{padding-left:0; }
	.president .pop_president .inner .close{right:1rem; }
	
	/* 디어드림 조직도 */ 
	.organization3 .org1 { padding-bottom:0;}
	.organization3 .org1:before { bottom:auto; top:0; height:17rem; }
	.organization3 .org1 span { width:100%;}
	.organization3 .org2 { display:block; }
	.organization3 .org2 li { width:100%; padding-top:1rem; }
	.organization3 .org2:before,
	.organization3 .org2 li:before { display:none; }
}
@media (max-width:480px){
	/* 통합로그인 */
	.login_wrap .login_box .inner [class^="login_type"]{padding:2rem 1.25rem; }
	.login_wrap .login_box .inner [class^="login_type"] .login_tit{margin-bottom:1rem; font-size:1.1rem; }
	.login_wrap .login_box .inner [class^="login_type"] .login_form > li > span,
	.login_wrap .login_box .inner [class^="login_type"] .login_form > li .input_box{float:none; width:100%; font-size:.85rem; }
	
	/* 학생증발급, 학적·졸업 */ 
	.step_lst > li,
	.step_lst > li:nth-of-type(3){width:100%; float:none;padding-bottom:1rem; }
	.step_lst > li > div,
	.step_lst_l > li > div{height:auto;  }
	.step_lst > li + li:before { display:none;}
	.step_lst.w20 > li{width:100%; }

	/* 학보사, 교육방송국, 웹진사향지기, insight */
	.titImgBox .img{width:13.7rem; height:10.35rem; }
	.titImgBox .txt_box > strong{padding:1.25rem; font-size:.8rem; }
	.titImgBox .txt_box_link{padding:.75rem 1.25rem; }
	
	/* 식단표 */ 
	.meal_list .month span{font-size:1.1rem; margin:0 0.5rem; }
	.meal_list h3{margin-left:0; margin-right:0; }
	.meal_list dl{width:100%; margin:0 0 0.5rem; }  
}
@media (max-width:414px){
	.snsBox { right:-0.5rem; }

	/* 서브 비주얼 */
	.sub_visual{height:15rem; } 
	.sub_visual .slogan h2{margin-top:-4rem; font-size:1.5rem; }
	.sub_visual .slogan em{font-size:0.8rem; }
	.sub_visual.active .slogan span img{width:7rem; }
	.sub_visual.active .slogan em{font-size:0.6rem; }

	/* 대학조직 */
	.organization .org2 > li{width:100%; }
	.organization .org2 > li:nth-child(2){margin:0.5rem 0; }
	.organization .org4{width:100%; }
	.organization .org4 + .org4{margin-left:0; }
	.organization .org3 > li{width:100%; }
	.organization .org3 > li:nth-child(2n){margin-right:0; }
 
	/* 인사말 */  
	.greeting .welcome{font-size:1.5rem; }   
	
	/* 통합로그인 */
	.login_wrap .login_logo{max-width:100%; }
	.login_wrap .login_box .inner .login_type2:before{width:10.6rem; height:6.8rem; }
}
@media (max-width: 380px){
	/* 학보사, 교육방송국, 웹진사향지기, insight */
	.titImgBox .txt_box_link [class*="btn_"]{width:100%; text-align:center; }
	
	/* 장학, 주차관련 자주묻는 질문 */
	.toggle_lst > li .toggle_btn{padding:0 1.5rem 0 2rem; }
	.toggle_lst > li .toggle_btn > em{width:1.75rem; height:1.75rem; line-height:1.75rem; }
	.toggle_lst > li .toggle_btn > span{font-size:.7rem; line-height:1.75rem; }
	.toggle_lst > li .toggle_btn:before{right:.5rem; }
	
	/* 교수소개 */  
	.professor table td { width:100%; }
	
	/* 교수소개 */    
	.info_president #con_box .name p em { display:block; }
	.info_president #con_box .name p em + em:before { display:none; }
	.info_president #con_box .name ul li em { display:block; padding-left:0; margin-left:0; }
	.info_president #con_box .name ul li em:before { display:none; }

	/* 연혁 */
	.history_wrap2 > dl > dd > dl{ padding-left:0;}
	.history_wrap2 > dl > dd > dl > dt { position:relative; left:auto; top:auto; }
	
	/* 식단안내 */
	.meal_info li { width:98%; margin:0 0 1.5rem; }
	.meal_info .control { margin:0;}

	/* 보건실 */
	.health_list li{width: 100%; margin-bottom: 2rem;}
	.health_list li:nth-of-type(2n+1)::before{display: block;}
	.health_list li + li::before{left: calc(50% - 0.45rem);top: -1.7rem; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
	.health_list li:last-child{margin-bottom: 0;}
}