@charset "utf-8";
.bodyWrap{min-height: 500px;}
.bundleWrap{}
/* sub common ==========================================================================================================*/
.content hr	{display:block;}
/* visualWrap */
.visualWrap{height: 280px;background: url(../images/sub/sub_visual1.jpg)no-repeat 50%50%;}
.titleWrap{width: 100%;max-width: 1300px;margin: 0 auto;text-align: center;}
.titleWrap h2{font-size: 38px;font-weight: 700;color: #042a59;padding-top: 84px;}
.titleWrap .locationWrap{display: inline-block;padding-top: 18px;}
.titleWrap .locationWrap ul li{display: inline-block;float: left;padding: 0 22px 0 15px;background: url(../images/sub/bg_loc_gubun.png)no-repeat 100% 49%;}
.titleWrap .locationWrap ul li.home{background-position: 100% 50%}
.titleWrap .locationWrap ul li a{ font-size: 16px; color: #999; line-height: 16px;display: block; font-family: 'NanumGothic';}
.titleWrap .locationWrap ul li.home a{font-size: 0; width: 18px;height: 16px; background: url(../images/sub/ico_loc_home.png)no-repeat 50% 50%;margin-top: -2px;}
.titleWrap .locationWrap ul li:last-child{background: 0;}
.titleWrap .locationWrap ul li:last-child a{color: #222;}

/* snbWrap */
.snbWrap{max-width: 1300px;width: 100%;text-align: center;background: #333;margin: -36px auto 0;position: relative;height: 80px;}
.snbWrap > ul{display: inline-table;}
.snbWrap > ul > li{display: table-cell;height: 80px;vertical-align: middle;}
.snbWrap > ul > li > a:after{content: ''; width: 0%; height: 4px; background: #00ae8e; position: absolute;left: 50%;transform: translateX(-50%);-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;bottom: 0;}
.snbWrap > ul > li.on > a:after{content: '';width: 50%;}
.snbWrap > ul > li > a{font-size: 16px;font-family: 'NanumGothic';font-weight: 700;color: #999;letter-spacing: -1px;position: relative;padding: 0 28px;line-height: 80px;display: block;white-space: nowrap;}
/*.snbWrap > ul > li > a:hover,*/.snbWrap > ul > li.on > a {color: #fff;}
/*.snbWrap > ul > li > a:hover:after{content: ''; width: 100%;}*/

.snbWrap .snb_depth2{position: absolute;width: 100%;left: 0;top: 80px;background: #fff;box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.1);display: none;}
.snbWrap .snb_depth1.on .snb_depth2{}
.snbWrap .snb_depth2 > ul{}
.snbWrap .snb_depth2 > ul > li{display: inline-block;}
.snbWrap .snb_depth2 > ul > li > a{font-size: 16px;padding: 0 30px;color: #999;font-family: 'NanumGothic';font-weight: 600;line-height: 60px; display: block;}
.snbWrap .snb_depth2 > ul > li > a:hover{color: #00ab8b;}

/* contentsWrap */
.contentsWrap{min-height: 500px;max-width: 1300px;width: 100%;margin: 70px auto;padding: 0 20px;box-sizing: border-box;}
.contentsWrap .subTitle{text-align: center;margin-bottom: 40px;}
.contentsWrap .subTitle h3{font-size: 46px; color:#222; text-align: center; position: relative; display: inline-block;padding-bottom: 20px;}
.contentsWrap .subTitle h3:after{content: ''; width: 50%; height: 4px; background: #222; position: absolute; left: 50%; transform: translateX(-50%); bottom:0;}

/* content */
.content{max-width: 1030px; margin: 0 auto; font-family: 'NanumGothic';} /*일반 컨텐츠*/
.content.wrap01{max-width: 1200px; margin: 0 auto; font-family: 'NanumGothic';} /*게시판, 교수진소개*/
.content h3{font-size: 40px; font-weight: 700; padding-bottom: 10px; margin-bottom: 40px; font-family: 'NanumSquare';}
.content h3:after{width: 100%;}
.content p:first-child strong span{font-size: 26px !important; line-height: 2em !important; color: #1057af !important; font-weight: bold;}
/*.content p b{font-size: 24px !important; font-weight: bold;}*/
.content p, .content h1, .content h2, .content h3, .content h4		{font:revert;}
/*.content p b span{color: #1057af;}*/
.content p,.content .list li{font-size: initial; line-height: 2em; color: #444;}
.content img{max-width: 100%;height:auto !important;}
.content h1	{position: relative; width: auto; top: auto;left: auto;}
.content li	{list-style: auto;}

/* table */
.tbl_box{border-top:2px solid #333; color: #444;}
.tbl_box th{font-size:14px;font-weight:700;border-bottom:1px solid #d0d0d0;background:#fbfbfb;height:60px;border-right:1px solid #ececec;text-align:center;}
.tbl_box td{padding:5px;height:60px;font-size:14px;border-right:1px solid #ececec;border-bottom:1px solid #ececec;text-align:center;vertical-align:middle;}
.tbl_box .no_border{border-right:none}

/* list */
.list li{position: relative; padding-left: 12px;}
.list li:before{content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; background: #333;}

/* 준비중 페이지 */
.pageReady{text-align: center;}
.pageReady img{max-width: 100%;}

/* sub common ==========================================================================================================*/


/* 교과목 소개 */
.subj p{padding: 30px 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.subj p.first{padding-top: 0;}
.subj p strong{font-size: 20px; font-weight: 700; font-family: 'NanumSquare'; color: #222; margin-bottom: 20px; display: block;}

/* 교육과정표 */
.curri h3{margin: 40px 0 20px;}
.curri h3:first-child{margin-top: 0;}
.majorCdLst{font-size: 0;}
.majorCdLst li {display: inline-block; /*border: solid #888888 1.5px; border-radius: 10px; padding: 3px; font-size: 12px; color: #696969;*/ margin-right: 5px; background: #e7ecf2; font-size: 15px; font-weight: 700; color: #042a59; border-radius: 15px;}
.majorCdLst li.on{background: #042a59; color: #fff;}
.majorCdLst li a{display: block; padding: 6px 15px;}

/* 교육목표 및 진로, 학과소개 공통 스타일 */
.style01 .contWrap~.contWrap{margin-top: 50px;}
.style01 .list~.tbl_box,.style01 .tbl_box~.list,.style01 .list~p,.style01 p~.list,.style01 .tbl_box~p,.style01 p~.tbl_box,.style01 .tbl_box~.tbl_box,.style01 .contInWrap~.conInWrap{margin-top: 20px;}
.style01 p strong{font-weight: 700;}

.style02 .contWrap~.contWrap{margin-top: 30px;}
.style02 .contWrap .tit{font-size: 18px; color: #222; font-weight: 700; position: relative; margin-bottom: 20px;}
.style02 .contWrap .tit:before{content: ''; position: absolute; bottom: 0; left: 0; width: 65px; height: 2px; background: #222;}

/* 교육목표 및 진로 */
.goal{}

/* 학과소개 */
.dept p,.dept .list li{color: #222;}
.dept .imgWrap{padding-bottom: 80px; margin-bottom: 40px; border-bottom: 1px solid #ddd; position: relative;}
/*.dept .imgWrap>div img{min-height: 460px;}*/
.dept .txtWrap{position: absolute; right: 50px; bottom: 0; max-width: 500px; padding: 30px; box-sizing: border-box; background: #fff;}
.dept .txtWrap .yuhan{font-size: 16px; line-height: 1em; font-weight: 700; color: #ff7a1b;}
.dept .txtWrap .name{font-size: 42px; line-height: 1em; font-weight: 700; margin: 10px 0 20px;}

.dept02 .imgWrap{height: 380px; position: relative; margin-bottom: 40px;}
.dept02 .imgWrap .nameWrap{position: absolute; bottom: 0; right: 60px; padding: 30px 40px 0; background: #fff;}
.dept02 .imgWrap .nameWrap .yuhan{font-size: 16px; color: #91887b; font-weight: 800; margin-bottom: 20px;}
.dept02 .imgWrap .nameWrap .department{color: #4c4337; font-size: 40px; font-weight: 700; font-family: 'NanumSquare';}
.dept02 .imgWrap .nameWrap .major{color: #4c4337; font-size: 50px; font-weight: 800; font-family: 'NanumSquare';}
.dept02 .txtWrap .contWrap .box~.box{margin-top: 20px;}
.dept02 .txtWrap .contWrap .box p strong{font-weight: 700; font-size: 17px;}
.dept02 .txtWrap .contWrap .box ul li{text-indent: -12px;}
.dept02 .txtWrap .contWrap .box ul li:before{content: none;}

/* 위치 및 연락처 */
.map #map{margin-bottom: 50px;}
.map h3+p{font-size: 18px; font-weight: 700; color: #444;}

/* 학과장 인사말 */
.greet .main{padding-bottom: 40px; border-bottom: 1px solid #ddd; margin-bottom: 50px;}
.greet .main span{display: block; font-size: 38px; line-height: 48px; color: #5f5f5f; font-family: 'NanumSquare'; font-style: italic;}
.greet .main strong{font-weight: 700; color: #242728;}
.greet p~p{margin-top: 40px;}
.greet .name{font-size: 15px; color: #222; margin-top: 100px;}
.greet .name strong{font-weight: 700;}

.greet02 .main{margin-bottom: 40px;}
.greet02 .main div{font-family: 'NotoSerif'; font-weight: 300; font-size: 40px; color: #4c4337; line-height: 1.25em;}
.greet02 .main div strong{font-weight: 600;}
.greet02 .txt{padding-right: 420px;}
.greet02 .txt p~p{margin-top: 30px;}

/* 푸터 사이트맵 */
.sitemap{max-width: 1030px; margin: 0 auto;}
.sitemap > ul{font-size: 0; display: flex;}
.sitemap .site_depth1{width: 100%; min-height: 480px; display: inline-block; border-left: 1px solid #f1f1f1; box-sizing: border-box; position: relative; padding-left: 20px; vertical-align: top;}
.sitemap .site_depth1:before{content: ''; position: absolute; top: 0; left: 0; width: 6px; height: 30px; background: #00ae8e;}
.sitemap .site_depth1 > a{font-size: 30px; font-weight: 700;}
.sitemap .site_depth2{padding-top: 45px;}
.sitemap .site_depth2 li~li,.sitemap .site_depth3{padding-top: 25px;}
.sitemap .site_depth2 > ul > li{font-size: 16px; font-weight: 700; /*color: #aaa;*/ font-family: 'NanumGothic';}
.sitemap .site_depth3 > ul > li{font-size: 14px; font-weight: 700; color: #777; font-family: 'NanumGothic';}
.sitemap .site_depth3 > ul > li:before{content: '- ';}


/* 교수소개 */
.proffesor tbody tr{cursor: pointer;}
.proffesor tbody tr:hover{background: #f5fcfb;}
.profilePop{width: 100%; max-width: 880px; height: 800px;position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #fff; z-index: 999; display: none;    box-shadow: 0 0 10px 10px rgba(36,36,36,0.2);}
.profilePopBg{content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 9; display: none;}
.profilePop .topBar{background: #00ae8d; position: relative; padding: 20px;}
.profilePop .topBar .tit{font-size: 20px; line-height: 1em; color: #fff; font-weight: 700;}
.profilePop .topBar .close{position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; width: 15px; height: 15px; background: url(../images/common/btn_dimClose.png) no-repeat 50% 50%; background-size: 100% auto !important; font-size: 0;}
.profilePop .topBar .close a{display: block; height: 100%;}
.professorWrap{font-size: 0;position:relative;}
.professorWrap > ul{margin-bottom: -70px;}
.professorWrap > ul > li{display: inline-block; width: calc(100%/2 - 20px); vertical-align: top; margin-bottom: 70px;}
.professorWrap > ul > li:nth-child(2n)	{margin-left: 40px;}
.profileWrap .inWrap {position:relative;}
.profileWrap .inWrap > a	{display:flex; width: 100%; min-height: 215px;height: 100%;border: 1px solid #e4e4e4; box-sizing: border-box; padding: 30px;z-index:10000;}
.profileWrap .inWrap	.view	{display: none;position:absolute;left: 0px; top: 0px;width: 100%; height: 100%;background:url('../images/sub/ico_hover.png') no-repeat 50% 50% rgba(51,51,51,.6);z-index:10000;}
.profileWrap .inWrap	a:hover	.view	{display: block !important;}
.profileWrap .imgWrap img	{width: 120px; height: 155px; border: 1px solid #e4e4e4;box-sizing: border-box;max-width: 120px;}
.profileWrap .txtWrap{ margin-left: 30px; box-sizing: border-box;}
.profileWrap .txtWrap .name{ margin-bottom: 30px; position: relative;}
.profileWrap .txtWrap .name span{display: block; line-height: 1em;}
.profileWrap .txtWrap .name span:last-child{font-size: 24px; color: #000; font-weight: bold;}
.profileWrap .txtWrap .contact ul li span{display: inline-block; vertical-align: middle; font-size: 16px; line-height: 1em; color: #666; font-family: 'NanumGothic';}
.profileWrap .txtWrap .contact ul li span:first-child{ padding-right: 10px; margin-right: 10px; position: relative; font-size: 0; width: 17px; height: 20px;}
.profileWrap .txtWrap .contact ul li:nth-child(1) span:first-child{background: url(../images/sub/ico_call.png) no-repeat 0 50%;}
.profileWrap .txtWrap .contact ul li:nth-child(2) span:first-child{background: url(../images/sub/ico_mail.png) no-repeat 0 50%;}
.profileWrap .txtWrap .contact ul li:nth-child(3) span:first-child{background: url(../images/sub/ico_subject.png) no-repeat 0 50%;}
.profileWrap .txtWrap .contact ul li:nth-child(4) span:first-child{background: url(../images/sub/ico_edu.png) no-repeat 0 50%;}
.profileWrap .txtWrap .contact ul li span:first-child:before{content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;  width: 1px; height: 11px;  background: url(../images/sub/prof_line.png) no-repeat 50% 50%;}
.profileWrap .txtWrap .contact > ul > li~li{ margin-top: 15px;}
.profileWrap .txtWrap .contact > ul > li > ul{display: inline-block; vertical-align: top;}
.profileWrap .txtWrap .contact > ul > li > ul > li~li{ margin-top: 5px;}
.profileWrap .contWrap{ margin-top: 40px;}
.profileWrap .contWrap h4{font-size: 16px; line-height: 1em; font-weight: 700; color: #333; margin-bottom: 18px;}
.profileWrap .contWrap > ul > li{font-size: 15px; /*line-height: 2em;*/ line-height: 1.5em; color: #555; font-family: 'NanumGothic'; /*position: relative; padding-left: 10px;*/}
.profileWrap .contWrap > ul > li~li{margin-top: 10px;}
.professorWrap	.detail	{display: block;border-top: 2px solid #333;border-bottom: 2px solid #333; padding: 30px; background: url('../images/sub/detail_pic_bg02.png') no-repeat 8px 100%;}
.professorWrap	.detail > ul	{display: flex;margin-bottom: 20px;}
.professorWrap	.detail > ul > li ~ li	{margin-left: 40px;}
.professorWrap	.detail > ul > li:first-child	{padding-right:30px; max-width: 300px;}
.professorWrap	.detail .P_img	{position: relative; border: 1px solid #e4e4e4; display: inline-block;margin-bottom: 30px;}
.professorWrap	.detail .P_img:after	{content:'';z-index:-1;position: absolute; right: -25px; bottom: -25px; width: 176px; height: 181px;background:url('../images/sub/detail_pic_bg01.png') no-repeat;}
.professorWrap	.detail .P_img img	{max-width:none;}
.professorWrap	.detail .P_name	{display: block; color: #111; font-size: 22px; font-weight: 700; margin-bottom: 20px;}
.professorWrap	.detail .P_name span	{ font-size: 30px; margin-right: 10px; font-weight: 900;color: #111;}
.professorWrap	.detail .P_sub	{display: block; color: #555; font-size: 15px; line-height: 30px;}
.professorWrap	.detail .P_sub span	{display: block; font-weight: 700;color: #111; font-size: 15px;}
.professorWrap	.btn_Pro	{display: block;text-align: center; margin-top: 40px;}
.professorWrap	.btn_Pro	a	{text-align: center;padding: 20px 60px; color: #fff;font-size: 16px; font-weight: 700;background: #333;}
.professorWrap	.detail h4	{display: block; color: #111; font-size: 17px; font-weight: 600; margin-bottom: 15px; padding-left: 20px;background: url('../images/sub/ico_h4.png') no-repeat 0 4px;}
.professorWrap	.detail	.list_de	{margin-left: 10px;}
.professorWrap	.detail	.list_de  li	{position: relative; padding-left: 11px; color: #555; font-size: 15px; line-height: 30px;display: block;}
.professorWrap	.detail	.list_de  li:before	{position: absolute; content:''; left: 0; top: 13px; width: 4px; height: 4px; background: #b7b7b7; border-radius: 100%;}
.professorWrap	.detail ul ~ h4	{margin-top: 30px;}


/* 학과과족 210924 추가 */
.familyListWrap{margin: 0 -135px;}
.familyList{margin: 0 -35px; font-size: 0;}
.familyList>li{padding: 0 35px; box-sizing: border-box; display: inline-block; vertical-align: top; width: 25%; margin-bottom: 65px;}
.familyList>li .famLogo{border: 1px solid #e4e4e5; box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 96px; padding: 5px;}
.familyList>li .famLogo img{max-height: 100%;}
.familyList>li .famName{font-size: 29px; color: #000; margin: 22px 0;}
.familyList>li .famCont{padding-bottom: 20px; border-bottom: 1px solid #e7eaee; margin-bottom: 20px;}
.familyList>li .famCont>li{display: block;}
.familyList>li .famCont>li .tit{min-width: 70px; font-size: 14px; line-height: 29px; font-weight: 700; color: #1f3551; text-align: center; border-radius: 40px; background: #eef1f5; padding: 0 9px; box-sizing: border-box; float: left;}
.familyList>li .famCont>li .txt{font-size: 14px; line-height: 29px; color: #000; word-break: break-all;}
.familyList>li .famCont>li:nth-child(1) .txt{margin-left: 80px;}
.familyList>li .famCont>li:nth-child(2) .txt{margin-left: 112px;}
.familyList>li .famCont>li:before{content: ''; clear: both; display: block;}
.familyList>li .famCont>li~li{margin-top: 5px;}
.familyList>li .detailTit{font-size: 17px; color: #042a59; font-weight: 700; margin-bottom: 15px;}
.familyList>li .detailCont{font-size: 0;}
.familyList>li .detailCont>li{display: inline-block; vertical-align: top; width: 42%; margin-right: 16%; margin-bottom: 5px;}
.familyList>li .detailCont>li:nth-child(2n){margin-right: 0;}
.familyList>li .detailCont>li .tit{float: left; width: 70px; font-size: 14px; line-height: 29px; font-weight: 700; color: #1f3551; text-align: center; border-radius: 40px; background: #eef1f5;}
.familyList>li .detailCont>li .txt{margin-left: 80px; font-size: 16px; line-height: 29px; font-weight: 700; color: #000; text-align: right; white-space: nowrap;}
.familyTbl{margin-top: 35px; border-top: 1px solid #000;}
.familyTbl table tr{border-bottom: 1px solid #e3e3e3;}
.familyTbl table tr th,.familyTbl table tr td{padding: 15px 10px; font-size: 0;}
.familyTbl table tr th{text-align: left; font-size: 17px; font-weight: 700; color: #000;}
.familyTbl table tr td .tit{display: inline-block; vertical-align: middle; min-width: 70px; font-size: 14px; height: 29px; line-height: 29px; font-weight: 700; color: #1f3551; text-align: center; border-radius: 40px; background: #eef1f5; padding: 0 10px; box-sizing: border-box; margin-right: 10px;}
.familyTbl table tr td .txt{display: inline-block; vertical-align: middle; font-size: 14px; line-height: 22px; color: #555; padding: 3.5px 0; word-break: break-all; width: calc(100% - 80px);}
.familyTbl table tr td:nth-child(3) .txt{width: calc(100% - 120px);}

/* 교과목 시간표 */
.cbtn{margin-bottom: 15px; font-size: 0;}
.cbtn li {display: inline-block; /*border: solid #888888 1.5px; border-radius: 10px; padding: 3px; font-size: 12px; color: #696969;*/ margin-right: 5px; margin-bottom: 5px; background: #e7ecf2; font-size: 15px; font-weight: 700; color: #042a59; border-radius: 15px;}
.cbtn li.on{background: #042a59; color: #fff;}
.cbtn li a{display: block; padding: 6px 15px;}


/* 2023-07-13 학과소개 추가 */

.depart_intro 	{font-family: 'NanumSquare'; }
.depart_intro .img	{position: relative; width: 100%; height:530px;border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.depart_intro .img.bottom	{height: auto; padding-bottom: 20px;}
.depart_intro .img	div	{position: absolute; right: 50px; bottom: 60px; width: 500px; min-height: 190px;box-sizing: border-box; padding: 40px 35px 15px 35px;background: #fff;}
.depart_intro .img.type1	{background:url('../images/sub/depart_visual_01.jpg') no-repeat 0 0;}
.depart_intro .img.type2	{background:url('../images/sub/depart_visual_02.jpg') no-repeat 0 0;}
.depart_intro .img.type3	{background:url('../images/sub/depart_visual_03.jpg') no-repeat 0 0;}
.depart_intro .img.type4	{background:url('../images/sub/depart_visual_04.jpg') no-repeat 0 0;}
.depart_intro .img.type5	{background:url('../images/sub/depart_visual_05.jpg') no-repeat 0 0;}
.depart_intro .img.type6	{background:url('../images/sub/depart_visual_06.jpg') no-repeat 0 0;}
.depart_intro .img h4	{font-size: 42px; color: #222; font-weight: 700;}
.depart_intro .img h4 span	{color: #ff7a1b; font-size: 16px; display: block; margin-bottom: 8px;}
.depart_intro .img p	{color: #222; font-size: 14px; display: block; margin-top: 20px;}
.depart_intro p	{color: #222; font-size: 14px; display: block; line-height: 28px; margin-top: 20px;font-family:'NanumGothic';}
.depart_intro h5	{font-size: 40px; color: #222; font-weight: 700;}
.depart_intro p + h5	{margin-top: 50px;}

.depart_intro.type1 p	{border-bottom: 1px solid #ddd; padding-bottom: 30px;font-size: 16px;}
.depart_intro.type1 p + h6, .depart_intro.type1 p + .depart_video	{margin-top: 60px;}
.depart_intro.type1 h5	{font-size: 40px; color: #222; font-weight: 700; border-bottom: 4px solid #222; padding-bottom: 5px;display: inline-block; margin-bottom: 30px;}
.depart_intro.type1 h6	{font-size: 20px; color: #222; font-weight: 600; margin-bottom: 30px;}
.depart_video	{margin: 0 auto; width:440px; height: 250px;}

/* 2024-06-24 학과 추가 */
/* 학과소개 */
.content .h5_new	{display:inline-block;border-bottom:2px solid #000;padding-bottom:3px;font-family: 'NanumSquare';}
.content .h4_new	{color:#003366;font-size:18px;font-weight:600;margin:20px 0 5px 0;font-family: 'NanumSquare';}
.h5_new + .h4_new	{margin-top:40px;}
.content .list_new li	{font-family:'NanumGothic';position:relative;padding-left:10px;color:#222;font-size:15px;list-style:none;line-height:28px;}
.content .list_new li:before	{content:'';position:absolute;left:0;top:11px;width:4px;height:1px;background:#222;}
.depart_intro.new p	{font-size:15px;}
.depart_intro.new .h5_new	{font-size:35px;}

/* 학과장인사말 */
.greet.type1	{margin-top:50px;}
.greet .main span.new{text-align:center;color:#003366;font-size:25px;font-family:'NanumGothic';font-weight:600;}
/* 교육목표 및 진로 */
.h5_new01	{margin-top:50px;}
.content .h5_new01	{font-family: 'NanumSquare';display:inline-block;border-bottom:1px solid #000;padding-bottom:3px;font-size:35px;color:#222;font-weight:600;margin-bottom:15px;}
.content .list_new.type1 li:before	{top:11px;height:3px;width:3px;background:#333;}
.content .list_new.type1 + .h5_new01	{margin-top:50px;}

/* 2025-03-19 학과 추가 */
.content .img_new	{text-align:center;}
.content .h4_new1	{color:#003366;font-size:20px;font-weight:600;margin:60px 0 20px 0;}
.content .p_new	{font-size:15px;line-height:32px;font-family:'NanumGothic';}
.content .ul_new li	{position:relative;padding-left:10px;font-size:15px;line-height:32px;font-family:'NanumGothic';list-style:none;}
.content .ul_new li:before	{content:'';position:absolute;left:0;top:14px;width:4px;height:4px;background:#555;}
.content .ul_new ul	{margin:5px 0;}
.content .ul_new  li li	{padding-left:12px;}
.content .ul_new  li li:before{top:14px;width:4px;height:4px;border-radius:100%;background:#a8a8a8;}
/*======================================================================================================================*/
/*======         Resposible Media Query CSS                =============================================================*/
/*======================================================================================================================*/
/*======================================================================================================================*/


/*  1300px~ 1500px*/
@media only screen and (max-width: 1500px) {
	.familyListWrap{margin: 0 -100px;}
}
/*  961px～ 1280px*/
@media only screen and (max-width: 1300px) {
	.familyListWrap{margin: 0;}
	.familyList>li{width: 33.3%;}

}
@media only screen and (max-width: 1024px) {
	/*.profileWrap{padding: 30px;}*/
	.snbWrap > ul > li > a{padding:0 25px;}

	.familyList>li{width: 50%;}
	.familyList>li{margin-bottom: 35px;}
	.familyTbl{overflow-x: auto}
	.familyTbl table{width: 1024px;}
}
/*  태블릿 레이아웃 : 769px～960px */
@media only screen and (max-width: 900px) {
	.visualWrap{display: none;}
	.snbWrap{margin:0;background:#eee;text-align:left;box-sizing:border-box;height:auto;}
	.snbWrap > ul{width: 100%; display: block;}
	.snbWrap > ul > li{display: none;padding: 0;line-height: 80px;}
	.snbWrap > ul > li.plus{background: url(../images/sub/ico_tabMenu_arrow.png)no-repeat 95% 50%;}
	.snbWrap > ul > li.on{display: block;}
	.snbWrap > ul > li > a{color: #222; font-size: 23px;display: block;padding: 0 45px;}
	.snbWrap > ul > li.on > a{color: #222;}
	.snbWrap > ul > li > a:after{display: none;}
	.snbWrap > ul > li.on > a:after{display: none;}

	.snbWrap .snb_depth2{box-shadow: none;z-index: 1;box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.1);}
	.snbWrap .snb_depth2 > ul > li{display: block;border-bottom: 1px solid #e8e8e8;}
	.snbWrap .snb_depth2 > ul > li > a{padding:0 45px;}

	.contentsWrap{padding:0 45px; max-width: none; width: auto;margin:50px 0;}

	.tbl_box{overflow-x: auto;}
	.tbl_box table{width: 900px;}

	.greet02 .txt{padding-right: 320px; background-size: 300px auto !important;}

	.sitemap > ul{display: block;}
	.sitemap .site_depth1{min-height: auto; margin-bottom: 40px;}
	.sitemap .site_depth1:last-child{margin-bottom: 0;}
	.sitemap .site_depth1 > a{font-size: 22px;}
	.sitemap .site_depth1:before{height: 22px;}
	.sitemap .site_depth2{padding-top: 30px;}

	.profilePop{height: 100vh;max-width: none;overflow-y: auto; margin:0 auto; right:auto;bottom: auto;}
	.professorWrap > ul{margin-bottom: -35px;}
	.professorWrap > ul > li{width: 100%; margin-bottom: 35px;}
	.profileWrap{height: 100%;}
	.profileWrap .inWrap{display: block;}
	.profileWrap .txtWrap{/*min-height: 220px;*/ margin-left: 15px; }
	.professorWrap > ul > li:nth-child(2n)	{margin-left: 0px;}
	.profileWrap .txtWrap .name{margin-bottom: 20px;}
	.profileWrap .txtWrap .contact > ul > li~li{margin-top: 10px;}
	.profileWrap .contWrap{margin-top: 30px;}
	.profileWrap .contWrap h4{margin-bottom: 10px;}
	.profileWrap .txtWrap .contact ul li span	{font-size: 14px;}
	.profileWrap .txtWrap .name span:last-child	{font-size: 20px;}
	.profileWrap .txtWrap .contact ul li span:first-child	{margin-right: 5px; padding-right: 5px;}
	.profileWrap .inWrap > a	{padding: 20px; min-height: auto;}

	.professorWrap	.detail	{ padding: 20px 0;}
	.professorWrap	.detail > ul	{display: block;}
	.professorWrap	.detail > ul > li	{width: 100%;}
	.professorWrap	.detail > ul > li ~ li	{margin-left: 0px; margin-top: 30px;}
	.professorWrap	.detail > ul > li:first-child	{padding-right:30px; max-width: none;}
	.professorWrap .detail .P_img	{margin: 0 auto 25px auto;}


	.depart_intro .img	div	{left: 10%; bottom: 0;width: 80%; padding: 15px;}
	.depart_intro .img h4	{font-size: 30px;}
	.depart_intro h5	{font-size: 30px;}
	.depart_intro p + h5	{margin-top: 30px;}

	.depart_intro.type1 p	{padding-bottom: 20px;;}
	.depart_intro.type1 p + h6, .depart_intro.type1 p + .depart_video	{margin-top: 40px;}
	.depart_intro.type1 h5	{font-size: 30px; border-bottom: 3px solid #222; margin-bottom: 30px;}
	.depart_intro.type1 h6	{font-size: 18px; }
	.depart_video	{width:100%;}

	.board_view .memo img{width:auto !important; height: auto !important;}



	/* 2024-06-24 add */
	.depart_intro.new .img div	{position:relative;left:auto;top:auto;right:auto;width:100%;}
	.depart_intro.new .img	{height:auto;}
	.depart_intro img	{position:relative !important;left:auto !important;top:auto !important;}
	.content .h5_new	{font-size:20px;}
	.content .h5_new01	{font-size:18px;}
	.content .h4_new	{font-size:17px;}
	.content .list_new li	{font-size:13px;line-height:22px;padding-left:8px;}
	.content .list_new li:before	{top:10px;}
	.content .list_new.type1 li:before	{top:7px;}	
	.depart_intro.new p	{font-size:13px;}
	.depart_intro.new .h5_new	{font-size:20px;}


}
/* 모바일 레이아웃 L：481px ～ 768px */
@media only screen and (max-width: 768px) {
	.contentsWrap{padding:0 20px; margin:30px 0;}
	.snbWrap{}
	.snbWrap > ul > li{height: 50px; line-height: 50px;background-size: 14px auto;}
	.snbWrap > ul > li.plus{background-size: 14px auto;}
	.snbWrap > ul > li > a{font-size: 16px;padding: 0 20px;line-height: 50px;}
	.snbWrap .snb_depth2{top: 50px;}
	.snbWrap .snb_depth2 > ul > li > a{padding:0 20px; line-height: 50px;font-size:14px;}
	.contentsWrap h3{font-size: 28px;padding-bottom: 10px;}
	.contentsWrap h3:after{height: 3px; }
	.contentsWrap .subTitle{margin-bottom: 20px}

	.content h3{font-size: 22px; margin-bottom: 20px;}

	.tbl_box th,.tbl_box td{height: 40px;}

	.subj p strong{font-size: 18px; margin-bottom: 10px;}

	.curri h3{margin: 20px 0;}
	.majorCdLst li{font-size: 12px;}

	.style01 .contWrap~.contWrap{margin-top: 25px;}

	.style02 .contWrap .tit{font-size: 16px;}
	.style02 .contWrap .tit:before{width: 58px;}

	.dept .imgWrap{padding-bottom: 0; margin-bottom: 20px;}
	.dept .txtWrap{position: relative; right: 0; width: 100%; padding: 20px 0;}
	.dept .txtWrap .name{font-size: 22px;}

    	.dept02 .imgWrap{height: 280px; background-size: cover !important;}
    	.dept02 .imgWrap .nameWrap{right: 20px; padding: 20px 20px 0;}
    	.dept02 .imgWrap .nameWrap .department{font-size: 30px;}
    	.dept02 .imgWrap .nameWrap .major{font-size: 40px;}
    	.dept02 .txtWrap .contWrap .box p strong{font-size: 15px;}

	.map #map{margin-bottom: 25px;}
	.map h3+p{font-size: 16px;}

	.greet .main{padding-bottom: 20px; margin-bottom: 25px;}
	.greet .main span{font-size: 20px; line-height: 30px;}
	.greet p~p{margin-top: 20px;}
	.greet .name{margin-top: 50px;}

	.greet02 .main div{font-size: 30px;}
	.greet02 .txt{padding: 0 0 420px 0; background-position: 50% 100% !important;}

	.profilePop .topBar .tit{font-size: 16px;}
	.profileWrap .imgWrap{width: 155px;height: 198px; padding-bottom: 0;}
	.profileWrap .txtWrap{margin-left: 194px;}
	.profileWrap .txtWrap .contact > ul > li{white-space: nowrap;}
	.content p:first-child strong span{font-size: 20px !important; line-height: 2em !important; color: #1057af !important; font-weight: bold;}
	.content p b{font-size: 19px !important; font-weight: bold;}

	.familyList>li{width: 100%;}
	.familyList>li .famName{font-size: 22px;}

	.cbtn li{font-size: 12px;}
}
/* 모바일 레이아웃 S：361px ～ 480px */
@media only screen and (max-width: 480px) {
	.dept02 .imgWrap .nameWrap .major span{display: block;}

	/*.profileWrap{padding:30px 0;}*/
	.profileWrap .imgWrap{display: block;float: none;/* margin: 0 auto;*/}
	.profileWrap .txtWrap{min-height: auto; margin-left: 0;margin-top: 30px;}
	/*.profileWrap .imgWrap div{position: static;}*/
}