@import url("layout.css");  
@import url("con_com.css");   
  
/*-----------------------------------------------------------
Author : Hyerim Park
Create date : 2022. 03. 08 
-----------------------------------------------------------*/

.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:13.75rem; text-align:center; overflow:hidden; }
.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/en/sub/sVisual01.png'); }
.sub_visual.sv2 .img { background-image: url('/images/web/en/sub/sVisual02.png'); }
.sub_visual.sv3 .img { background-image: url('/images/web/en/sub/sVisual03.png'); }
.sub_visual.sv4 .img { background-image: url('/images/web/en/sub/sVisual04.png'); }
.sub_visual.sv5 .img { background-image: url('/images/web/en/sub/sVisual05.png'); }
.sub_visual.sv6 .img { background-image: url('/images/web/en/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 h2{position:relative; margin-top:-1rem; line-height:1; font-size:2rem; font-weight:700; padding:0 1rem; color:#fff; opacity:0; -webkit-transition:1s 0.5s; transition:1s 0.5s; }
.sub_visual .slogan h2:before { content:""; position:absolute; right:0; top:-1rem; width:2.1rem; height:2.1rem; border-radius:50%; border:0.4rem solid #1dc8f2; opacity:0.5;}
.sub_visual .slogan h2 span { position:relative;} 
.sub_visual.active:after{-webkit-transform:none; transform:none; }
.sub_visual.active .img{-webkit-transform:scale(1); transform:scale(1); } 
.sub_visual.active .slogan h2{opacity:1; } 

#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: 12rem;z-index:3;} /*240611 width 수정 */
#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;} 
.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;} 
.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; width:14.5rem; 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; margin:0.3rem; }
.snsBox .sns_more a:not(.btnClose) i{line-height:2.25rem; } 
.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:#ffc20f; }
.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.btnKakaoTalk{background:#fbe300; color:#3b1e1e; }
.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; }

/* 학과 */
/*.titImgBox2 {padding: 2rem; background: url('/images/web/snue/sub/pattern.png'); overflow: hidden;} */
.info_title {position: relative; margin-bottom: 1.5rem;}
.info_title:before {position: absolute; top: 50%; left: 0; margin-top: -2px; width: 100%; height: 3px; background: #3154b9; content: "";}
.info_title span {position: relative; display: inline-block; padding-right: 2.25rem; font-size: 1.5rem; font-weight: 700; color: #3154b9; background:#fff; }
  
.info_box{margin:0 0 2rem; 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);}
.info_box > ul{margin:-.25rem -.5rem; }
.info_box > ul > li{padding:.25rem .5rem; color:#222; font-size:.85rem; font-weight:500; float:left; }
.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; }
.info_box > ul > li > em {font-weight: 600; color: #0b4393;}
#con_box > div { margin-top:3rem; font-family:"SCDream"; }
#con_box > div p { font-size:0.8rem;}
#con_box #con_com3 a { max-width:100%; width:15rem;}
#con_box .box_st1 + .box_st1 { margin-top:3rem; }
#con_box .box_st1 .tit1 { padding-left:0; background:none; }
#con_box .box_st1 + .box_st1:before { content:""; position:absolute; left:0; top:-1.5rem; width:100%; height:1px; border-top:1px dashed #bac9e0; }



/* 아코디언 스타일 */   
.toggle_lst > li a { vertical-align:middle !important;}
.toggle_lst > li + li { margin-top:0.5rem; }
.toggle_lst .toggle_tit { position:relative;  background:#e5f3fd; border-radius:0.5rem; padding:0.3rem 2rem 0.3rem 2rem; }
.toggle_lst .toggle_tit:before{width:0.25rem; height:0.25rem; background: #0098d9; border-radius: 50%; position: absolute; left:1rem; top:1.2rem; content: '';}
.toggle_lst .toggle_tit:after{width:0.25rem; height:0.25rem; background: #212d7e; border-radius: 50%; position: absolute; left:1.3rem; top:1.2rem; content: '';}
.toggle_lst > li p { display:inline-block; vertical-align:middle; margin-right:1rem;}
.toggle_lst > li.active { padding-bottom:1rem;}
.toggle_lst > li.active i { position:relative; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.toggle_lst > li .toggle_cont{display:none; margin-top:0.5rem; border:1px solid #ddd; border-radius:1rem; padding:1rem 2.5rem; background:#fff;}

/* 인사말 */
.greeting { position:relative; padding:0 40% 0 0; background:url('/images/web/grad/sub/greeting_point1.png') no-repeat left top, url('/images/web/grad/sub/greeting_point2.png') no-repeat right 3rem bottom 4rem; word-break:keep-all; }
.greeting h3 { position:relative; display:inline-block; margin:2.5rem 0 1.5rem 2.7rem; padding:0 3.5rem 0 0; font-size:1.7rem; font-style:italic; line-height:1.4; background:#fff; }
.greeting h3:before { content:""; position:absolute; right:0; bottom:0; width:2.1rem; height:2.1rem; border-right:0.6rem solid #2c61c7; border-bottom:0.6rem solid #2c61c7; }
.greeting h3 strong { display:block; font-size:2.1rem; font-weight:700; }
.greeting .img { position:absolute; right:0; top:0; width:38%; font-size:0; padding:2rem 2rem 0 0 }
.greeting .img:before { content:""; position:absolute; right:0; top:0; width:80%; height:80%; background:#bad4ff; z-index:-1; }
.greeting .img span { display:block; border:0.35rem solid #fff; width:100%; height:536px; background:no-repeat center / cover;}
.greeting .box p { font-size:0.9rem; }
.greeting .box p + p { margin-top:1rem; }
.greeting .box p.point { font-size:1rem; color:#1a5ec6; font-weight:700; }
.greeting .box strong { display:block; font-size:1rem; font-weight:700; margin-top:1.5rem; }

/* 교육목표 */
.edu_goal { text-align:center; word-break:keep-all; }
.edu_goal h3 { position:relative; display:inline-block; font-size:1.5rem; font-weight:700; padding:1rem 1rem 0; background:#fff; line-height:1.4; }
.edu_goal h3:before { content:""; position:absolute; left:50%; top:0; width:0.35rem; height:0.8rem; background:#0098d9; transform:translateX(-50%) skew(-20deg); }
.edu_goal h3 span { display:block; color:#0098d9; font-size:1.2rem; font-style:italic; letter-spacing:1px;}
.edu_goal .box { border:1px solid #ccc; margin-top:-1.5rem; padding:4.5em 2rem 3.5rem; border-radius:1rem; background:url('/images/web/grad/sub/edu_goal_bg.png') no-repeat right bottom; }
.edu_goal .box ul { display:flex; }
.edu_goal .box ul li { flex:1; }
.edu_goal .box ul li span { display:block; width:9.1rem; height:9.1rem; background:#e9f8ff; border-radius:50%; background-color:#e9f8ff; background-repeat:no-repeat; background-position:center; margin:0 auto; }
.edu_goal .box ul li p { margin-top:1rem; font-size:0.9rem; font-weight:600;} 
.edu_goal dl { height:auto; overflow:hidden; margin-top:1rem;}
.edu_goal dl dt { position:relative; width:13.8rem; line-height:4.5rem; color:#fff; font-size:1.2rem; font-weight:700; float:left; border-radius:1rem; box-shadow:1px 1px 5px rgba(34,86,160,0.2); }
.edu_goal dl dt:before { position:absolute; left:0; bottom:-0.2rem; right:0; color:#fff; opacity:0.1; font-size:2.25rem; line-height:1; letter-spacing:1px;}
.edu_goal dl:nth-of-type(1) dt{ background:#0098d9;}
.edu_goal dl:nth-of-type(1) dt:before{ content:'Vision'}
.edu_goal dl:nth-of-type(2) dt{ background:#0072c8;}
.edu_goal dl:nth-of-type(2) dt:before{ content:'Objective'}
.edu_goal dl:nth-of-type(3) dt{ background:#00479d;}
.edu_goal dl:nth-of-type(3) dt:before{ content:'Talented'}
.edu_goal dl dd { width:calc(100% - 15rem); float:right; border:1px solid #ccc;  border-radius:1rem; box-shadow:1px 1px 5px rgba(34,86,160,0.2); padding:0 1.2rem;}
.edu_goal dl dd p { display:flex; height:4.5rem; align-items:center; justify-content:center; font-size:1rem; font-weight:600; } 
.edu_goal dl dd ul { display:flex; border-top:1px dotted #ccc; padding:1rem 0; }
.edu_goal dl dd ul > li + li { margin-left:1rem;}
.edu_goal dl dd ul > li { flex:1; font-size:0.9rem; background:#f5f5f5; line-height:2.8rem; border-radius:0.5rem; }

/* 연혁 */ 
.history > li { position:relative; padding-left:42%; min-height:18.5rem; margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px dashed #ccc; }
.history > li .year { position:absolute; left:0; top:0; width:38%; }
.history > li .year strong { position:relative; display:block; font-size:2.1rem; font-weight:800; font-style:italic; line-height:1; }
.history > li .year img { max-width:100%; margin-top:-1rem;}
.history > li dl { position:relative; padding-left:8rem; }
.history > li dl + dl { margin-top:0.5rem; }
.history > li dl dt { position:absolute; left:0; top:0.2rem; font-size:1rem; font-weight:700; color:#1a5ec6; }
.history > li dl dd { position:relative; padding:0.3rem 0 0.3rem 0.5rem; font-size:0.9rem; }
.history > li dl dd:before { content:""; position:absolute; left:0; top:0.9rem; width:0.2rem; height:0.2rem; background:#2c61c7; border-radius:50%; }
.history > li dl dd p { color:#666; font-size:0.8rem; }

/* 오시는길 */
.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; }
.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; }

/* 교수소개 */
.professor { background:#f9fdff url('/images/web/snue/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;}

/* 조직도 */ 
.orgBox { position:relative; line-height:1.2; text-align:center;}
.orgBox:before { content:""; position:absolute; left:4rem; top:0; width:2px; height:60%; 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; display:flex; border-radius:50%; background:#3274d4 url('/images/web/snue/sub/org_tit_bg.png') no-repeat bottom center / contain; color:#fff; line-height:1.4; font-size:1.2rem; box-shadow:0 0 10px rgba(50,116,212,0.4); font-weight:700; justify-content:center; align-items: center;}
.orgBox .org1:before { content:""; position:absolute; left:0; bottom:-2.5rem; width:10.9rem; height:6.7rem; background:url('/images/web/snue/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: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: 4rem;}  /*240307 부원장 숨김처리 관련 수정*/
.orgBox .org3:before {content:"";position:absolute;left:0;top:50%;width:9rem;height:2px;background:#cecece; display: none;} /*240307 부원장 숨김처리 관련 수정*/
.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;display: none;}  /*240307 부원장 숨김처리 관련 수정*/
.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:5rem; }
.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:1.5rem; width:2px; height:55%; 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/snue/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; }

/* 스텝박스 */
.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/snue/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.w30 > li{width:33.333%; }
.step_lst.w20 > li{width:20%; }

/*계약학과 소개 선발절차 240611*/
.step_li{position:relative;display: flex;flex-wrap: wrap;}
.step_li > li{position:relative; width:30%; padding:0 1.25rem 1.5rem;}
.step_li > li + li:before{position:absolute;top: 2.5rem;/* transform: translateY(-50%); */left:-.425rem;width:.95rem;height:1.25rem;background-image:url(/images/web/snue/sub/step_lst_arr.png);background-repeat:no-repeat;background-size:100% 100%;background-position:center;content:"";}
.step_li > li > div{display:block;min-height: 5.45rem;border-radius:1rem;border:1px solid #b2c1d6;background:#fff;padding: 1rem;line-height:1.5;text-align:center;box-shadow:1px 1px 10px rgba(0,0,0,0.05);}
.step_li > li > div .txt {margin-top: 5px;}

 /* IBEC box 251017 */
.ibec_box {display:flex; gap: 1rem;}
.ibec_box .txtbox {flex:1;}
.ibec_box .box_ico {width:6rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border-left: 1px solid #ededed; padding: 1rem .5rem 0; }
.ibec_box .box_ico img {max-width:5rem; width:auto;}
.ibec_box .box_ico span {word-break:auto-phrase; text-align:center;}

/* RESPONSIVE */ 
@media (max-width:1600px){
	/* 서브 비주얼 */ 
	.sub_visual .slogan h2{font-size:1.75rem; }    

	#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); }

	/* 스텝박스 */
	.step_lst:not(.w30) > li{width:50%; padding-bottom:2rem; }
	.step_lst:not(.w30) > li:nth-of-type(3){float:right; }
	.step_lst:not(.w30) > li:nth-of-type(4):before{right:-.435rem; left:auto; -webkit-transform:rotate(180deg); transform:rotate(180deg); }
	.step_lst:not(.w30) > li:nth-of-type(3):before,
	.step_lst:not(.w30) > li:nth-of-type(5):before{-webkit-transform:translateY(-50%) rotate(90deg); transform:translateY(-50%) rotate(90deg); top:-1rem; left:50%; }
	.step_lst:not(.w30) > li > div .txt{font-size:.8rem; }
	.step_lst_l > li > div{height:14rem; }
	.step_lst.w20 > li{width:50%; }
	 
} 
@media (max-width:1280px){ 
	/* 교육목표 */
	.edu_goal .box { padding:4.5rem 0 3.5rem; }
	.edu_goal .box ul li span { width:6rem; height:6rem; background-size:55% auto; } 
	.edu_goal .box ul li p { font-size:0.8rem; padding:0 0.5rem;}
	.edu_goal .box ul li p br { display:none; }
	.edu_goal dl dt { width:10rem; }
	.edu_goal dl dd { width:calc(100% - 11rem); }

	/* 조직도 */
	.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;}

	/*계약학과 소개 선발절차 240611*/
	.step_li > li{width:50%;}
}
@media (max-width:1240px){
	/* 인사말 */
	.greeting { padding-right:15rem; }
	.greeting h3 { margin:1.4rem 0 1.5rem 1.4rem; font-size:1.3rem;  }
	.greeting h3 strong { font-size:1.7rem; }
	.greeting .img { width:14rem; padding:1rem 1rem 0 0;} 
	.greeting .img span { height:15rem;}
}
@media (max-width:1024px){
	/* 컨텐츠 감싸는 회색박스
	.titImgBox2 {padding: 1rem;}   */

	.sub_visual .slogan h2:before { display:none; }
	
	/* 서브메뉴 */
    #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;}

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

	 
	/* 교육목표 */ 
	.edu_goal dl dt { width:100%; line-height:2.5rem; font-size:1rem; border-radius:1rem 1rem 0 0; }
	.edu_goal dl dd { width:100%; border-radius:0 0 1rem 1rem; }

	/* 연혁 */
	.history > li { padding-left:0;}
	.history > li .year { position:relative; left:auto; top:auto; width:100%; margin-bottom:1rem;}
	.history > li .year img { display:none; }
	
	/* 조직도 */ 
	.orgBox .org1 { margin:0 auto; }
	.orgBox .org2 { margin:3.5rem 0 0; }
	.orgBox .org2 li { margin:0; }
	.orgBox .org2 li,
	.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; }

	.step_lst.w30 > li br { display:none; }
}  
@media (max-width:980px){
	/* 인사말 */
	.greeting { padding:0; }
	.greeting .img { position:relative; right:auto; top:auto; width:100%; max-width:30rem; margin:0 auto 1.5rem; }

	/*계약학과 소개 선발절차 240611*/
	.step_li > li{width:100%;}
	.step_li > li + li:before{-webkit-transform:translateY(-50%) rotate(90deg); transform:translateY(-50%) rotate(90deg); top:-0.75rem; left:50%; }

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

	#sub_content{padding:1.5rem 0; }
	.conH3{margin-bottom:1rem; line-height:1.5; font-size:1.25rem; } 

	.snsBox .sns_more{ width:12.2rem;}
	.snsBox .sns_more a:not(.btnClose) { width:1.8rem; height:1.8rem; line-height:1.8rem;}
	.snsBox .sns_more a:not(.btnClose) i { line-height:1.8rem;}
	
	/* 교육목표 */ 
	.edu_goal h3 { font-size:1.2rem;}
	.edu_goal h3 span { font-size:1rem; }
	.edu_goal .box { padding:3.5rem 1rem 1rem; }
	.edu_goal .box ul { flex-wrap:wrap; }
	.edu_goal .box ul li { flex:1 1 50%; padding-bottom:1rem; }
	.edu_goal dl dd p { display:block; padding:1rem 0; height:auto; font-size:0.9rem; }
	.edu_goal dl dd ul { flex-wrap:wrap;} 
	.edu_goal dl dd ul li { flex:1 1 calc(50% - 1rem); margin-bottom:0.5rem; }
	.edu_goal dl dd ul li:nth-child(3) { margin-left:0;}

	.info_box { padding:1rem; }
	
	/* 교수소개 */
	.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:50%; border:none !important; font-size:0.8rem; vertical-align:top; padding:0.2rem; }
	.professor table td .more { width:100%; text-align:center; }
	.professor table td .tit { display:inline-block; width:5rem; font-weight:600; margin-right:0.5rem; }
	.professor table tr { padding:0.5rem 0; border-bottom:1px dashed #dce8f5;}
	
	/* 스텝박스 */
	.step_lst.w30 > li{width:100%; float:none;padding-bottom:2rem; }
	.step_lst.w30 > li > div {height:auto;  } 
	.step_lst.w30 > li + li:before { left: calc(50% - 0.5rem) !important; top:-1.5rem !important; -webkit-transform:rotate(90deg) !important; transform:rotate(90deg) !important; }

    /* IBEC box 251017 */
   .ibec_box {flex-direction: column;}
   .ibec_box .box_ico {border:none; width: 100%; padding-top: 0;}
	
}  
@media (max-width:580px){
	 
	/* 아코디언 스타일 */    
	.toggle_lst .toggle_tit:before,
	.toggle_lst .toggle_tit:after { top:0.8rem;}
	.toggle_lst > li p { display:block; margin:0;}

	/* 교육목표 */ 
	.edu_goal .box { margin-top:1rem; padding:1.5rem 1rem 0;}
 
	/* 연혁 */
	.history > li { padding-bottom:1rem; margin-bottom:1rem; }
	.history > li .year strong { font-size:1.5rem; }
	.history > li dl { padding-left:0; }
	.history > li dl dt{ position:relative; left:auto; top:auto; }
	.history > li dl dd { font-size:0.8rem; padding:0.2rem 0 0.2rem 0.5rem; }
	.history > li dl dd:before { top:0.7rem; }
	
	/* 교수소개 */
	.professor table td { width:100%; }

	/* 조직도 */  
	.orgBox .org2 { flex-wrap:wrap;}
	.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%; }
}
@media (max-width:480px){ 
	/* 스텝박스 */
	.step_lst:not(.w30) > li,
	.step_lst:not(.w30) > li:nth-of-type(3){width:100%; float:none;padding-bottom:2rem; }
	.step_lst:not(.w30) > li > div,
	.step_lst_l > li > div{height:auto;  } 
	.step_lst:not(.w30) > li + li:before { left: calc(50% - 0.5rem) !important; top:-1.5rem !important; -webkit-transform:rotate(90deg) !important; transform:rotate(90deg) !important; }
	.step_lst.w20 > li{width:100%; }
}
@media (max-width:414px){
	.snsBox { right:-0.5rem; }
	
	/* 서브 비주얼 */ 
	.sub_visual { height:10rem; }
	.sub_visual .slogan h2{ font-size:1.5rem; }   
	
	/* 인사말 */ 
	.greeting { background-size:3rem auto;}
	.greeting h3 { font-size:1.2rem; margin:1rem 0 1rem 1rem; padding-right:2rem; }
	.greeting h3:before { width:1.5rem; height:1.5rem; border-width:6px;}
	.greeting h3 strong { font-size:1.4rem; }
} 
@media (max-width:380px){ 
	 
	/* 교육목표 */  
	.edu_goal dl dd ul li { flex:1 1 100%; margin:0.5rem 0 0 !important; } 
	.edu_goal .box ul li span { width:5rem; height:5rem;} 
}