@charset "utf-8";

/************************************************
	Sub Page Style
*************************************************/
.sub-page { padding-top: 0; }
.sub-page #page_nav { position: static; text-align: center; padding-bottom:25px  }
.sub-page #page_nav li { background: url(/resources/images/sbd/sub/breadcrumb_icon.gif) no-repeat left center; padding:1px 13px; color: #333333; font-size: 0.875em; }
.sub-page #page_nav li:first-child { background: none; }
.sub-page #page_nav li:before { content: none; }

h2 { padding:80px 0; color: #222222; font-size: 2.8125em; font-weight: 500; text-align: center; }

/************************************************
	Sub layout Style
*************************************************/

.sub-top { position:relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 380px; padding-top: 190px; color: #ffffff; text-align: center;}
.sub-top.VISUAL_MENU_2507240964 { background-image: url(/resources/images/sbd/sub/sub_top_bg01.jpg); } /*학부소개*/
.sub-top.VISUAL_MENU_2507240965 { background-image: url(/resources/images/sbd/sub/sub_top_bg02.jpg); } /*교수소개*/
.sub-top.VISUAL_MENU_2507240966 { background-image: url(/resources/images/sbd/sub/sub_top_bg03.jpg); } /*교과안내*/
.sub-top.VISUAL_MENU_2507240967 { background-image: url(/resources/images/sbd/sub/sub_top_bg04.jpg); } /*학사정보*/
.sub-top.VISUAL_MENU_2507240968 { background-image: url(/resources/images/sbd/sub/sub_top_bg05.jpg); } /*커뮤니티*/
.sub-top.VISUAL_MENU_2507240969 { background-image: url(/resources/images/sbd/sub/sub_top_bg06.jpg); } /*입학*/
.sub-top.VISUAL_MENU_2507240970 { background-image: url(/resources/images/sbd/sub/sub_top_bg06.jpg); } /*입학*/
.sub-top.VISUAL_MENU_2507240970 { background-image: url(/resources/images/sbd/sub/sub_top_bg06.jpg); } /*입학*/

.sub-top .sub-top-ttl { font-size: 2.5em; font-weight: 500; color:#fff; }
.sub-top .sub-top-text { font-size: 0.95em; color: rgba(255, 255, 255, .88); letter-spacing:3px; display:inline-block; width:100%;}
.sub-top h2{padding:0; font-size:2em; color:#fff; margin-top:16px;}

.breadcrumb { display: inline-block; }

#body { min-height: 518px; }
#body > .fix-layout { background-color: #ffffff;}
.body-content { /*padding: 0px 0 110px;*/ padding: 0px 0 0px; }

.dinfo-tt { padding-bottom: 50px; text-align: center; font-size: 2em; background:url(/resources/images/sbd/sub/hline_gray.gif) no-repeat center bottom; }
.dinfo-tt br { display: none; }
.dinfo-tt span { color: #888; font-weight: 200; }
.dinfo-img { text-align:center; }

.img_zone {overflow:auto;}
.img_wr{width:100%; /* padding:20px;*/ padding: 30px 80px; border:1px dashed #ddd; text-align:center; /* margin-bottom:30px;*/ }
.img_wr img{width:100%; height:auto;}
.img_wr p{color:#555;}
.img_wr .btn-default{padding:12px 15px; display:inline-block; margin-top:15px; border:1px solid #00268b; color:#00258b;}
.img_wr .btn-default:hover{background:#00268b; color:#fff; border:1px solid #fff; }
.img_wr .display_mobile{display:none;}
@media all and (max-width:768px){
	.img_wr{padding:10px;}
}

p{ line-height:1.3}

.non_style{ background:none !important}
div#board_item_list dt{ width:130px}
/* textbox 스타일*/
.t-box { background:url(/resources/images/korean/common/t-box_bg.gif) left center; margin:0 0 20px; padding-left:8px; padding:3px; letter-spacing: -0.02em !important; padding: 10px 10px !important;}
.t-box-inner { background:#ffffff; padding:40px 40px; }
.t-box-inner .list-01 li { margin-top: 15px; }
.t-box-inner .list-01 li .text-red { font-size: 1.2em; }

/*타이틀 스타일*/
#body h2{font-size:32px; padding:70px 16px 32px 16px; margin-bottom:50px;  border-bottom:1px solid #161616; text-align:left;}
h3{ background: url(/resources/images/biz/sub/deco01.gif) no-repeat 0px 0px; padding-top:12px ; font-size:1.9em; font-weight:500; margin-bottom:20px; color:#333; margin-top:40px}
h4{ margin-bottom:28px; font-size:28px; font-weight:400; color:#161616;}
h4.tit{color:#2f59a1;}
h4:before{    display: block; width: 20px; height:4px;  margin-bottom: 0.8rem; background-color: #161616; content: '';}
h5{ background: url(/resources/images/sbd/sub/deco02_ver01.gif) no-repeat 0px 4px; padding-left:25px ; font-size:1.25em; font-weight:500; margin-bottom:10px; color:#000;/* color:#068b13;*/   clear:both;  line-height:1.35; margin-bottom:10px;}
h5.hgreen{ background:none; padding-left:0px ;  font-weight:500;  color:#2da490}
h4.hst01{ text-align:center;  margin-bottom:50px; font-size:1.6em} 
h4.hst02{ margin-top:60px }/*높이간격이 많이 필요한 제목*/
h6{ margin:10px 0px; font-weight:500; font-size:1.1em}
div.ui-view h5.ui-title{ background:none}
.blue{color:#20317e;}

.body-content{word-break:normal; word-break:keep-all; }

/************************************************
	Sub contents
*************************************************/

/************************************************
	호서대학교 산업심리학과 서브페이지 시작
*************************************************/
/*슬로건*/
.slogan{width:100%; height:150px; background-image:url(/resources/images/sbd/sub/slogan.jpg); background-repeat:no-repeat; background-size:cover; padding-top:60px; text-align:center;}
.slogan p{font-size:20px; color:#fff; letter-spacing:3px; }

@media all and (max-width:1050px){
    .img_wr{width:1000px;}
}
@media all and (max-width:990px){
	.img_wr{width:100%;}
}

@media all and (max-width:767px){
	.slogan{height:80px; padding-top:0;}
	.slogan p{font-size:16px; line-height:80px;}
   .img_wr .display_mobile{display:block;}
	
}

/*학부소개 공통 이미지*/
.dept-boxTop{ display: inline-block; width: 100%; margin-bottom:50px; position:relative;}
.dept-boxTop .imgBox { float: left; width: 50%; }
.dept-boxTop .imgBox img{width:100%;}
.dept-boxTop .desc { position:absolute; bottom:0; right:0; float: right;  width: 50%; margin-top: 8.2rem; padding: 3rem 3.3rem 3.25rem; border: 0.5rem solid #e4e4e4; border-left: 0 none; }
.dept-boxTop .desc strong { font-size: 1.5rem; color: #162841; line-height: 1.3; }
.dept-boxTop .desc .title { font-size: 1.5rem; margin-top: 0.25rem; color: #000; }
.dept-boxTop .desc .title::after { display: block; width: 1.5rem; height: 1px; margin: 0.75rem 0 0.5rem; background-color: #000; content: ''; }
.dept-boxTop .desc span{color:#555;}

@media all and (max-width:1700px){
	.dept-boxTop .desc{margin-top:2rem;}
}
@media all and (max-width:1500px){
	.dept-boxTop .desc{padding:2rem;}
}
@media all and (max-width:1200px){
	.dept-boxTop .imgBox{margin:0 auto; width:50%; z-index:1; position:relative; float:none;}
	.dept-boxTop .desc{    border-left: 0.5rem solid #e4e4e4; position:inherit;
    padding: 3rem 2rem;
    margin-top: -2rem;
    width: 100%;
    background-color: #fff;}
}
@media all and (max-width:767px){
	.dept-boxTop .imgBox{width:80%;}
	.dept-boxTop .desc{padding:3rem 2rem;}
	.dept-boxTop .desc strong{font-size:1rem;}
}

/*학부소개02 style*/
.dept_box02{text-align:center;position:relative; padding:30px; background: #fff; border: 15px solid #ac0d0d;}
.dept_box02:before{content: ''; position: absolute; top: -15px; left: 50%; margin-left: -647px; width: 90%; height: 15px; background: #222;}
.dept_box02:after{content: ''; position: absolute; bottom: -15px; left: 50%; margin-left: -647px; width: 90%; height: 15px; background: #222;}
.dept_box02 .tit{font-size:18px; color:#414141; display:inline-block; padding-bottom:24px; position:relative;}
.dept_box02 .tit:after{content:""; display:block; position:absolute; bottom:0; left:50%; height:2px; width:40px; margin-left:-20px; background-color:#414141;}
.dept_box02 .slo{margin:24px 0; font-size:32px; font-weight:500; display:block; color: #ac0d0d;}
.dept_box02 p{line-height: 32px; font-size: 18px; color: #161616; }
.dept_box02 p span{font-weight: 500; color: #ac0d0d;}
.dept_box02 .txt{background-color:#efefef; padding:16px; margin-top:40px;}

@media all and (max-width:1468px){
	.dept_box02:before, .dept_box02:after{display: none;}
}
@media all and (max-width:1200px){
	.dept_box02{line-height: 28px; font-size: 18px; border: 12px solid #ac0d0d;}
	
}

@media all and (max-width:1000px){
	.dept_box02{line-height: 24px; font-size: 16px;}
}

@media all and (max-width:767px){
	.dept_box02{padding: 20px; line-height: 20px; font-size: 12px; border: 8px solid rgba(26,118,169,.2); border: 1px solid #ac0d0d;}
	.dept_box02 .slo{font-size:16px;}
}

/*border-box 공통*/
.border-box{padding:12px; background:url(/resources/images/sbd/sub/deco05.gif);}
.border-box .inner{background-color:#fff; padding: 25px 30px;}
.border-box .inner p{font-size:18px; text-align:center; color:#161616;}

@media all and (max-width:767px){
	.border-box .inner{padding:24px;}
	.border-box .inner p{font-size:16px;}
}

.yinfo_box { margin-bottom:30px}
.yinfo_box .inner{background-color:#fcfbf4; padding: 25px 30px;}
.yinfo_box .inner p { font-size:20px}
.yinfo_box .inner span { color:#145300}

/*cell-box*/
.cell-box {}
.cell-box ul {}
.cell-box ul li {display:inline-block;box-sizing:border-box;border:1px solid #ccc;line-height:1.2;font-size:.938em;color:#444;letter-spacing:-.025em;padding:11px 20px 14px 19px;margin:0 5px 5px 0;background:#fff}
.cell-box ul li:before {content:""}

table .list-01 li{padding:0 12px !important; background: url(/resources/images/korean/common/list_01_bullet.gif) no-repeat left 10px;}

/*학부소개 > 학부장인사말*/
.gree-img{float:right; width:600px; text-align:right;}
.gree-txt{float:left; width:calc(100% - 600px); padding-right:50px; margin-top:32px;}
.gree-txt h4{margin-bottom:16px; font-weight:500; color:#283299; line-height:1.3; word-break:keep-all; font-size:20px;}
.gree-txt h4:before{display:none;}
.gree-txt p{font-size:18px; line-height:1.5; work-break:keep-all; margin-bottom:50px;}
.gree-txt .sign{font-weight:500;}

@media all and (max-width:1200px){
	.gree-img{float:right; width:300px; padding-right:50px;  }
	.gree-txt{float:left; width:calc(100% - 300px);}
}
@media all and (max-width:767px){
	.gree-img{float:none; text-align:center; padding-right:0; margin-bottom:50px; width:100%;}
	.gree-txt{float:none; width:100%; padding:0;}
	.gree-txt p{margin-bottom:24px;}
}

/*학부소개 > 학부제소개*/
.sub-slogan{width:90%; margin:-20px auto 0 auto; background-color:#fff; padding:100px; box-shadow:15px 15px 10px rgba(0, 0, 0, .2);}
.sub-slogan .blue{display:inline-block; vertical-align:top;font-size:32px; margin-bottom:24px; font-weight:500; width:30%; word-break:keep-all; color:#c21025;}
.sub-slogan a{display:block; padding:12px 0; text-align:center; border:1px solid #161616; width:200px; margin-top:24px; color:#161616; transition:all .3s;}
.sub-slogan a:hover{background-color:#161616; color:#fff; }
.sub-slogan .sub-txt{display:inline-block; margin-left:50px; width:calc(65% - 50px);}
.sub-slogan .sub-txt p{font-size:20px;}
.dep-info-wrap{margin-top:-30px; }
.dep-info {border-bottom:1px solid #ccc; padding-bottom:80px; margin-bottom:80px; font-size:24px; text-align:center;  }

/*학부소개 > 인재상*/
.talent:after{content: ''; display: block; clear: both;}
.talent > div{float: left;/* width: 49%;*/width: 32%; margin: 0.5%;}
.talent > div:nth-child(3n) { margin-right: 0;}
.talent .talent_list dl{height: 180px; border: 1px solid #ddd; text-align: center;}
.talent .talent_list dl+dl{margin-top: 30px;}
.talent .talent_list dl dt{padding: 20px 0; font-size: 16px; font-weight: 500; color: #fff; border-bottom: 1px solid #ddd;}
.talent > div:nth-of-type(odd) dl dt{background: #08748C;}
.talent > div:nth-of-type(even) dl dt{background: #032340;}
.talent .talent_list dl dd{padding: 0 20px;}
.talent .talent_list dl dd p{padding: 20px 0 10px; font-size: 18px; color: #333; word-break: keep-all;}
.talent .talent_list dl dd span{display: inline-block; margin: 20px 0 0 0; padding: 6px 16px; color: #750303; background: #f7fafb; border-radius: 20px;}

@media all and (max-width:1200px){
	.talent > div{width: 49%;}
	.talent .talent_list dl{height: 180px;}
	.talent .talent_list dl dt{padding: 14px 0; font-size: 14px;}
	.talent .talent_list dl dd p{padding: 14px 0 8px; font-size: 13px;}
}
@media all and (max-width:1000px){
	.talent > div{width: 49%;}
	.talent .talent_list dl{height: 180px;}
	.talent .talent_list dl dt{padding: 14px 0; font-size: 14px;}
	.talent .talent_list dl dd p{padding: 14px 0 8px; font-size: 13px;}
}
@media all and (max-width: 767px){
	.talent > div{float: none; width: 100%; margin: 0 0 20px 0;}
	.talent .talent_list dl{height: auto;}
}

@media all and (max-width:1000px){
	.dep-info{font-size:24px;}
}
@media all and (max-width:767px){
	.sub-slogan{padding:50px 24px;}
	.dep-info{font-size:18px; padding-bottom:32px; margin-bottom:32px;}
	.sub-slogan .blue, .sub-slogan .sub-txt p{font-size:16px;}
}
@media all and (max-width:500px){
	.sub-slogan{margin: -10px auto 0 auto;}
	.sub-slogan{padding:50px 8px;}
	.sub-slogan p{display:block; margin-bottom:12px; width:100%;}
	.sub-slogan .sub-txt{width:100%; margin-left:0;}
}

/*학부소개 > 진로/자격증 - 진로부분*/
.career { position:relative; padding-top:41px; text-align:center;}
.career + .career{margin-top:30px;}
.career h4 {
	position:absolute;
	top:15px;
	left: 5%;
	/* transform:translateX(-50%); */
	display:block;
	width:300px;
	line-height:60px;
	border-radius:45px;
	color:#fff;
	font-size:20px;
	background:#104377;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	}
.career h4:before{display:none;}
.career ul {width:100%; height:auto; padding:70px 2% 25px; overflow:hidden; border:5px solid #e6e6e6; box-sizing:border-box}
.career ul li { display:table; width:100%; height:85px; margin:10px 1%; border:1px solid #d3dfeb; border-radius:45px; float:none; box-sizing:border-box; padding:20px 0;}
.career ul li h5{display:inline-block; color:#036d96 }
.career ul li p { display:block; font-size:18px; color:#444; padding:0 20px; }
.career ul li.w100 { width:100%;}

@media screen and (max-width:1200px) {	
	 .career ul li:nth-child(5) {margin:10px 1%;}

}
@media screen and (max-width:860px) { 
	.career ul li p { font-size:15px; }
	.career ul li p br { display:none; }
}
@media screen and (max-width:540px) {
}
@media screen and (max-width:480px) {
	.career h2 { width:250px; line-height:80px; font-size:20px; }
	.career h4{width:100%; left:0;}
	.career ul { padding:60px 30px 25px; }
}

/*학부소개 > 진로/자격증 - 자격증부분*/
/* 대표교과목 */
.box + .box{margin-top:30px;}
.box.edu_subj{padding:40px 40px 40px 200px; background:url('/resources/images/machandauto/sub/dotted_pattern_horizon.png') left top repeat-x, url('/resources/images/machandauto/sub/dotted_pattern_vertical.png') right top repeat-y,url('/resources/images/machandauto/sub/dotted_pattern_horizon.png') left bottom repeat-x,url('/resources/images/machandauto/sub/dotted_pattern_vertical.png') left top repeat-y;}
.box.edu_subj:before{left:40px; width:125px; height:125px; background:url('/resources/images/machandauto/sub/box_type6_icon.png') no-repeat;}
.box.edu_subj.n02:before{background:url('/resources/images/safetyfire/sub/box_type6_icon02.png') no-repeat;}
.box.edu_subj .box_index{position:relative; display:inline-block; overflow:hidden; margin-top:15px; margin-bottom:10px; vertical-align:top; font-size:18px}
.box.edu_subj .box_index:first-child {margin-top:0;}
.box.edu_subj .box_index span{ content:''; display: inline-block; padding:8px 10px; font-size:15px !important; line-height:19px; color:#fff; border-radius:20px; margin-right:10px; 
    background: -moz-linear-gradient(top,  rgba(197,85,85,1) 0%, rgba(196,84,84,1) 23%, rgba(169,31,31,1) 97%, rgba(168,29,29,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(197,85,85,1) 0%,rgba(196,84,84,1) 23%,rgba(169,31,31,1) 97%,rgba(168,29,29,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(197,85,85,1) 0%,rgba(196,84,84,1) 23%,rgba(169,31,31,1) 97%,rgba(168,29,29,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c75555', endColorstr='#cc1da899',GradientType=0 ); /* IE6-9 */
   
}
.box.edu_subj .box_title{ position:relative; margin-top:0px; font-size:20px; font-weight:500; color:#363636; line-height:26px; margin-left:10px;}
.box.edu_subj .box_title span { display: inline-block; }
.box.edu_subj .box_title span:after{content:'';display:block;height:8px;margin-top:-8px;background-color:#d8eafc;}

.box.edu_subj .box_text{margin-left:10px;}
.box.edu_subj .box_text p { margin-bottom:20px;}
.box.edu_subj .bu{margin-top:10px;}

.box.edu_subj.no_icon {padding:40px;}
.box.edu_subj.no_icon:before {display:none;}
@media all and (max-width:640px) {
    .box.edu_subj{padding:20px;}
	.box.edu_subj .box_index { line-height:25px; color:#950303; margin-bottom:20px;}
    .box.edu_subj .box_index span{ display:block; font-size:14px; line-height:16px; margin-bottom:15px; color:#fff}
}

/*학부소개 > 수상및인증*/
.imgbox_info{display:table; width:100%; margin:50px 0; padding:29px; border:1px solid #e5e7ee;}
.imgbox_info .imgbox{display:table-cell; width:400px;}
.imgbox_info .imgbox img{border:1px solid #e5e7ee;}
.imgbox_info .descbox{display:table-cell; vertical-align:top; padding-left:30px;}
.imgbox_info .descbox .descbox_title{margin:10px 0px; font-weight:500; font-size:20px; line-height:24px; letter-spacing:-0.02em; color:#363c5a;}
.imgbox_info .descbox .bu > li:before{border-color:#7a7d96;}

@media all and (max-width:999px) {
    .imgbox_info{display:block;}
    .imgbox_info .imgbox{display:block; width:100%; text-align:center;}
    .imgbox_info .descbox{display:block; padding-left:0;}
    .imgbox_info .descbox .descbox_title{margin-top:15px; text-align:center;}
}

/*학부소개 > 학과사무실*/
.uni_visual{overflow:hidden;width:100%;height:386px;background:no-repeat 50% 50%;background-size:cover}
.uni_visual .text_wrap{position:relative;top:50%;float:right;width:50%;padding:0 90px 0 80px;transform:translateY(-50%)}
.uni_visual .text_wrap p{color:#fff;word-break:keep-all; line-height:24px;}
.uni_visual .uni_visual_tit{padding-bottom:18px;font-size:28px;line-height:1.4}
.uni_visual .uni_visual_desc,
.uni_visual + .uni_visual_desc{font-weight:400;font-size:16px}
.uni_visual + .uni_visual_desc{padding:30px 60px;color:#fff;background:#595349}

.uni_visual.vi_1{background-image:url(/resources/images/sbd/sub/intro07_img01.jpg)}

@media only screen and (max-width:1024px){
	/* uni_visual */
	.uni_visual{height:auto;padding:30px 0}
	.uni_visual .text_wrap{position:static;width:100%;padding:0 30px;transform:translateY(0)}
	.uni_visual .text_wrap p{text-shadow:0px 2px 5px #000}
	.uni_visual .uni_visual_tit{padding-bottom:10px;font-size:20px}
	.uni_visual .uni_visual_desc,
	.uni_visual + .uni_visual_desc{font-size:14px}
	.uni_visual + .uni_visual_desc{padding:10px 15px}
}
/*학과사무실 연락처*/
.contact li{border: 1px solid #ddd; margin-bottom:12px;}
.contact li span{padding:16px 0; font-size:16px;}
.contact li span:first-child{display: inline-block;  width: 120px; margin-right: 15px; text-align: center;font-weight: 600; background: #ececec;}

@media all and (max-width:767px){
	.contact li span{display:block; padding:16px 8px;}
	.contact li span:first-child{display:block; width:100%; margin-right:0;}
}

/*커뮤니티 > 동아리*/
/* 동아리 */
.club_warp .uni-list01 li, .uni-list01.st02 li{padding-left:130px;}
.club_warp .uni-list01 li .tit-sec, .uni-list01.st02 li .tit-sec {width:100px;}
.club_warp .unit {position:relative; padding:50px 0;}
.club_warp .unit:before {content:"";display:block;position:absolute;width:100%;height:3px;background:url(/resources/images/sbd/sub/box_pattern.png) repeat-x left bottom;left:0;bottom:0}
.club_warp .unit:nth-child(even) .imgBox{float:right;}
.club_warp .unit:nth-child(even) .txtBox{padding-left:60px;}
/*.club_warp .unit:last-child {padding:0;margin:0}*/
.club_warp .unit:last-child:before {display:none}
.club_warp .unit:after{content:""; display:block; clear:both;}
.club_warp .unit .imgBox {float:left; width:500px;}
.club_warp .unit .imgBox img {display:block;position:relative;width:100%;z-index:1}
.club_warp .unit .txtBox {float:right; width:calc(100% - 500px); padding:0 24px 0 100px;}
.club_warp .unit .txtBox .mTit {font-size:1.563em;color:#cc1717;letter-spacing:-.05em;font-weight:500;line-height:1.2;margin:0 0 23px;}
.club_warp .unit .txtBox .sTit {font-size:1.250em;letter-spacing:-.025em;line-height:1.2;margin:36px 0 0px}
.club_warp .unit .txtBox .mTxt1 {line-height:1.875em;letter-spacing:-.025em;margin:0 0 12px}
.club_warp .unit .txtBox .mTxt1:last-child {margin:0}
.club_warp .unit .txtBox .mTxt2 {line-height:1.875em;letter-spacing:-.025em;margin:21px 0 0}
.club_warp .unit .txtBox .info-ex {line-height:1.35}
.club_warp .unit .txtBox .info-ex:before {top:2px}

@media all and (max-width:1100px) {
	.club_warp .unit .imgBox {width:400px;}
	.club_warp .unit .txtBox{width:calc(100% - 400px);}
}
@media all and (max-width:999px) {
	.club_warp .unit.n03 {padding:0;}
	.club_warp .unit .imgBox {width:300px}
	.club_warp .unit .txtBox {width:calc(100% - 300px); padding:0 24px 0 50px;}
	.club_warp .unit .txtBox .mTit {margin:0 0 15px}
	.club_warp .unit .txtBox .sTit {margin:15px 0 0px}
	.club_warp .unit .txtBox .mTxt1 {margin:0 0 15px}
	.club_warp .unit .txtBox .mTxt2 {margin:15px 0 0}
}
@media all and (max-width:860px) {
	.club_warp .unit {padding:0;margin:0 0 30px}
	.club_warp .unit .imgBox {float:none; width:100%; max-width:420px; margin:0 auto;}
	.club_warp .unit:nth-child(even) .imgBox{float:none;}
	.club_warp .unit .txtBox {margin:20px 0 0;padding:0 0 20px; float:none; width:100%;}
	.club_warp .unit:nth-child(even) .txtBox{padding-left:20px;}
}


/*club-wrap layout- table 있을 경우*/
.club_warp .unit-table-wrap{position:relative; margin:0 0 40px; padding:0 0 40px;}
.club_warp .unit-table-wrap .unit:after{display:none;}
.club_warp .unit-table-wrap:after{content:"";display:block;position:absolute;width:100%;height:3px;background:url(/resources/images/sbd/sub/box_pattern.png) repeat-x left bottom;left:0;bottom:0;}
.club_warp .unit-table-wrap table{margin-bottom:32px;}
.club_warp .unit-table-wrap .txtBox{padding:0;}

/* 커뮤니티 > 학생회*/
.council-wrap{padding:0px 30px; position:relative; z-index:0;}
.council .group01{padding:90px 0px;}
.council .group01 ul:after{display:block; content:''; clear:both;}
.council .group01 ul{max-width:90%; margin:0 auto;}
.council .group01 ul li{float:left; width:42.5%; margin-left:5%; background:#c10d0d; padding:20px; border-radius:20px; text-align: center; line-height:1.5; position:relative;}
.council .group01 ul li:last-child:before{content:''; display:block; width:100px; height:1px; background:#828282; position:absolute; left:-80px; top:50%; z-index:-1;}
.council .group01 ul li img{width:150px; height:180px; object-fit:cover; display:block; margin:0 auto;}
.council .group01 ul li span{color:#fff; font-size:20px; font-weight:500; margin:10px 0; display:block;}
.council .group01 ul li span.mail{font-weight:400; padding:5px; background:#fff; display:block; margin-bottom:12px; margin-right:0; border-radius: 10px; font-size:14px; border:1px solid #e5e5e5; color:#161616;}
.council .group02{position:relative; padding:60px 0;}
.council .group02:before{display:block; content:''; width:82.5%; height:1px; background:#828282; position:absolute; top:-20px; left:8%;}
.council .group02 .org-dep{position:relative;}
.council .group02 .org-dep:before{display:block; content:''; width:1px; height:241px; background:#828282; position:absolute; top: -321px; left:49.99%; z-index:-1;}
.council .group02 ul:after{display:block; content:''; clear:both;}
.council .group02 .org-dep .org-li{position:relative;}
.council .group02 .org-dep .org-li:first-child{margin-left:0%;}
.council .group02 .org-dep .org-li:before{display:block; content:''; width:1px; height:100px; position:absolute; top:-80px; left:50%; background:#828282; z-index:-1;}
.council .group02 > ul li{width:16%; margin-left:0.5%; float:left; }
.council .group02 ul li img{width:150px; height:180px; object-fit:cover; display:block; margin:0px auto 10px auto;}
.council .group02 > ul li .rank{background:#444; color:#fff;  text-align: center; padding:20px; border-radius:20px; display:block; position:relative;} 
.council .group02 > ul li .g02-in{background:#f7f7f7; padding:20px; min-height:130px; margin-top:10px; border-radius: 20px;} 
.council .group02 > ul li .g02-in li{width:100%; float:none; margin-left:0; line-height:1.8; border-bottom:1px solid #dedede; text-align: center; padding:10px 0;}
.council .group02 > ul li .g02-in li:last-child{border-bottom:0;}
.council .group02 > ul li .g02-in li span{font-weight: 500; margin-right:10px;}
.council .group02 > ul li .g02-in li span.mail{font-weight:400; padding:5px; background:#fff; display:block; margin-bottom:12px; margin-right:0; border-radius: 10px; font-size:14px; border:1px solid #e5e5e5;}
.council .group02 > ul li .g02-in ul{position:relative;}

@media all and (max-width: 1200px) { 
	/*커뮤니티 > 학생회*/
	.council .group02 > ul li{float:none; width:100%; margin-left:0; margin-bottom:30px;}
	.council .group02 > ul li .g02-in{height:auto;}
	.council .group02 .org-dep .org-li:first-child{margin-left:0;}
	.council .group02:before{display:none;}
}
	

@media all and (max-width: 767px) { 
	.council ul li{width:100%; margin-right:0; float:none;}
	
}


@media all and (max-width: 691px) { 
	/*커뮤니티 > 학생회*/
	.council .group01{padding:30px 0 0 0;}
	.council .group01 ul{max-width:100%;}
	.council .group01 ul li{width:100%; margin-left:0; float:none; margin-bottom:15px;}
	.council .group01 ul li:first-child{margin-left:0;}
	.council .group01 ul li:last-child:before{width:1px; height:50px; left:50%; top:-26px;}
	
}


/* 교수소개 */
.depart-visual,.sub-depart-box-01 { display:none;}
.prof-list {}
/*.prof-list > li { float: left; border: 1px solid #dcdcdc; margin: 0 9px 13px 0; padding: 15px 22px 30px; cursor: pointer; max-width: 289px; min-width: 280px; height: 490px;}*/
.prof-list > li { float: left; border: 1px solid #dcdcdc; margin: 0 11px 13px 0; padding: 20px 30px 30px; cursor: pointer; max-width: 32%; min-width: 31%; /*height: 490px;*/ height:190px;}
/*.prof-list > li:nth-child(4n) { margin-right: 0; }
.prof-list > li:nth-child(5n) { margin-right: 0; }*/
.prof-list .prof-sns {}
.prof-list .prof-sns li { float: right; }
.prof-list .prof-sns li a { color: #5174a8; }
.prof-list .prof-photo,
.prof-list .prof-name { text-align: center; }
/*.prof-list .prof-name { margin: 25px 0 15px; color: #202020; font-size: 2em; font-weight: 500; }*/
.prof-list .prof-name { margin: 0px; color: #202020; font-size: 1.3em; font-weight: 500; }
.prof-list .prof-name p { text-align: center; }
/*.prof-list .prof-info { width: 218px; }
.prof-list .prof-info li { background-position: 5px center; border-bottom: 1px solid #e5e5e5; padding: 14px 0 14px 13px; max-width: 218px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }*/
.prof-list .prof-info { width: 100%; }
.prof-list .prof-info li { background-position: 5px center; border-bottom: 1px solid #e5e5e5; padding: 20px 0 14px 13px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 대학 > 전공소개페이지 > 교수 소개 modal */
#prof-modal .modal-dialog {width: 100%;}
#prof-modal .modal-content { /*border: 1px solid #606060;*/ border-radius: 0; }
#prof-modal .modal-header {padding: 3px 25px 17px 25px;}
#prof-modal h3.modal-title {float:left;font-size: 1.733em;width: 96%;}
#prof-modal .modal-header .close  { padding-top: 10px; }
#prof-modal .modal-header .close span { padding-top: 10px; font-size: 2em; }
#prof-modal .modal-body {padding: 0;max-height: 680px;/* overflow-y: auto; */}
#prof-modal .modal-prof-info {background-color: #f5f5f5;float: left;width: 29%;padding: 25px 10px;}
#prof-modal .modal-prof-info .prof-photo { text-align: center; }
/* #prof-modal .modal-prof-info .prof-photo img,
.prof-list .prof-photo img { border:1px solid #dfdfdf; width: 156px; height: 156px; border-radius:78px; -moz-border-radius:78px; -webkit-border-radius:78px; }*/
#prof-modal .modal-prof-info .prof-photo img{border:1px solid #dfdfdf; width: 156px; height: 156px; border-radius:78px; -moz-border-radius:78px; -webkit-border-radius:78px; }
.prof-list .prof-photo img { display:none; border:1px solid #dfdfdf; width: 156px; height: 156px; border-radius:78px; -moz-border-radius:78px; -webkit-border-radius:78px; }/* 2019-05-17수정 */
#prof-modal .prof-name { margin: 20px 0 30px; letter-spacing: -2px; color: #202020; font-size: 2em; font-weight: 500; text-align: center; }
#prof-modal .prof-name-en { letter-spacing: -1px; font-size: 0.5em; font-weight: 300; display: block; }
#prof-modal .modal-prof-info ul { background: url(/resources/images/korean/dept/modal_prof_bg.gif) no-repeat left top; padding-top: 5px; margin-bottom: 40px; }
#prof-modal .modal-prof-info ul li { padding-left: 8px; color: #808080; font-size: 0.933em; }
#prof-modal .prof-info li,
.prof-list .prof-info li { background: url(/resources/images/korean/dept/prof_info_bg.gif) no-repeat left center; }
#prof-modal .prof-sns i.fa { margin-right: 8px !important; color: #5174a8; }
#prof-modal .modal-prof-result {border-left: 1px solid #ededed;float: left;width: 63%;/* min-width: 489px; */padding: 30px 20px 15px;}
#prof-modal .modal-prof-result h3 { margin: 32px 0 15px; color: #202020; }
#prof-modal .modal-prof-result h3:first-of-type { margin-top: 0; }

/* 2019-05-20 추가 */
#prof-modal .prof-info li:first-child,.prof-list .prof-info li:first-child { display:none;}

@media all and (max-width: 767px) {
.prof-list { width: 100%; }
.prof-list > li { float: none; height: auto; max-width: 100%; min-width: 0; padding: 30px 20px 27px 30px; margin-right: 0 !important; }
.prof-list .m-pull-left { float: left; /*width: 28%;*/ width:0% }
.prof-list .m-pull-right { float: right; /*width: 72%; padding-left: 30px;*/ width: 100%; padding-left: 0px;}
.prof-list .prof-photo { text-align: right; }
.prof-list .prof-name { text-align: left; }
.prof-list .prof-name { margin: 10px 0 5px; }
.prof-list .prof-info { width: 100%; }
.prof-list .prof-info li { padding: 10px 0 15px 13px; line-height: 1.1; max-width: 100%; overflow: visible; text-overflow: inherit; white-space: normal; }
}

/*교과안내 > 교육목표 및 진로*/
.goal-box{padding:100px 20px; text-align: center; background:url(/resources/images/sbd/sub/goal-img01.jpg) no-repeat; background-size:cover; background-position:center; }
.goal-box h6{border-bottom:4px solid #ea7f4e; display:inline-block; line-height:2; font-size:25px; margin-bottom:15px}
.goal-box p{font-size:18px; line-height:1.5;}
.goal-box h6, .goal-box p{color:#fff;}

/*교과안내 > 전공역량*/
.ability-wrap .list { display: inline-block; width: 100%; counter-reset: section; }
.ability-wrap .list > li { clear: both; float: left; width: calc(50% - 1.5rem); margin-right: 1.5rem; border: 1px solid #ddd; padding:1.5rem;  min-height:96px;}
.ability-wrap .list > li > span {font-size:20px; font-weight:500; display:inline-block; padding-right:1rem; border-right:1px solid #ddd; color:#e91038; word-break: keep-all; vertical-align: middle; width:120px;}
.ability-wrap .list > li > span span{display:inline-block; vertical-align:middle;}
.ability-wrap .list > li > span span:nth-child(1){font-size:16px; width:24px; height:24px; background-color:#e91038; color:#fff; border-radius:50%; text-align:center; line-height:20px; margin-right:2px;}
.ability-wrap .list > li p{display:inline-block; vertical-align:middle; font-size:18px; padding-left:1rem; width:calc(100% - 123px);}
.ability-wrap .list > li:nth-child(2n) { clear: none; }
.ability-wrap .list > li:nth-child(n+3) { margin-top: 1.25rem; }

@media all and (max-width:767px){
	.goal-box{padding:60px 20px}
	.goal-box h6{font-size:20px;}
	.goal-box p{font-size:15px;}
	
	.ability-wrap .list > li{width:100%; margin-bottom:12px; min-height:auto;}
	.ability-wrap .list > li > span{display:block; border-right:none; margin-bottom:12px; font-size:16px;}
	.ability-wrap .list > li p{display:block; width:100%; font-size:16px; padding-left:0;}
}

/*교과안내 > 교육과정*/
.process_wrap > div{margin-bottom:30px;}
.process_wrap > div h6{color:#15348f;}

/*교과과정 > 교육목표 및 진로*/
.goal_box { position: relative; padding:65px 25px; border:0px solid #dfdfdf;}
.goal_box dl { position:relative; margin-bottom:50px; }
.goal_box dl dt {
	position:absolute;
	left:0;
	top:0;
	width:150px;
	height:150px;
	border-radius:110px;
	background: #d03c2e;
	background-size:100%;
	color:#fff;
	font-size:22px;
	text-align:center;
	padding-top:50px;
	box-sizing:border-box;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
	}
.goal_box dl:nth-type-of(odd) dt{background: #539DF5; background-size:100%;}
.goal_box dl:nth-child(even) dt{background: #a0280d; background-size:100%;}
.goal_box dl dt:before { content:''; position:absolute; left:150px; top:50%; width:120px; height:4px; background:#6f1203 }
.goal_box dl dt.g2:before { content:''; position:absolute; right:-60px; top:50%; width:60px; height:4px; background:#0079ab; }
.goal_box dl dt span { display:block; font-size:32px; line-height:1.4}
.goal_box dl dd {width: 82%; margin-left:270px;height:150px;border-radius:24px;background:#f3f3f3;display:table; border:1px solid #b7c1cc;}
.goal_box dl dd p { display:table-cell; vertical-align:middle; font-size:22px; line-height:1.6; padding:0 7%;}
.goal_box p.txt { /*margin:45px 0 0;*/}
.goal_box p span.name{font-size:22px; color:#860202; font-weight:500;}
.goal_box p span.cont-text{font-size:18px; }
.goal_box p span{display:block;vertical-align:middle;line-height:1.6;padding: 10px 0 0 20px;color:#333;}
.goal_box p span{}
.goal_box p span.p2{}
.goal_box .pc_blue2 { color:#0079ab; }
.goal_box .pc_green2 { color:#02296f; }
.goal_box dl dt, .goal_box dl dd { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

@media screen and (max-width:1400px) {	
	.goal_box p.txt { font-size:20px;  }
	.goal_box p span{font-size:18px;}
}

@media screen and (max-width:1080px) { 
	.goal_box { position: relative; padding:0px 35px; }
	.goal_box dl dt { top:30px; left:30px; width:80px; height:80px; padding-top:10px; font-size:20px; }
	.goal_box dl dt span { font-size:40px; }
	.goal_box dl dt:before { display:none; }
	.goal_box dl dd { width:100%; margin-left:0; }
	
	.goal_box p.txt { padding:0 160px 0 220px; font-size:18px; margin:45px 0;}
	.goal_box p span{font-size:16px;}
	
	.goal_box p span{}
	.goal_box p span.p2{}
}
@media screen and (max-width:980px) { 
    .goal_box dl dt { position:relative; top:auto; left:auto; width:80%; height:60px; margin:0 auto; padding-top:0;  line-height:60px; background:#1f65cb;}
    .goal_box dl dt.g2{ background:#02296f;}
	.goal_box dl dt span { display:inline-block; font-size:25px; margin-right:13px; }
	.goal_box dl { margin-bottom:30px; }
	.goal_box dl dd { border-radius:20px; margin-top:-30px; }
	.goal_box p.txt { padding:0 140px; margin:50px 0 30px 0; }
    .goal_box p span{}
    .goal_box p span.p2{}
}
@media screen and (max-width:780px) {
	.goal_box p.txt { padding:0 20px; margin:30px 0;}
	.goal_box p span.name{font-size:20px}
	.goal_box p span.cont-text{font-size:15px}
}
@media all and (max-width:768px){
	.goal_box{padding:0;}
	.goal_box dl dd{padding-top:30px}
}

/*입학 > 입시준비팁*/
/* 박스 */
.temp_box {margin-bottom:80px; padding:10px; background:url('/resources/images/sbd/sub/box_pattern.png') repeat left top;}
.temp_box .box_wrap {padding:30px; background-color:#fff; box-sizing:border-box;}
.temp_box .box_title {margin-bottom:15px; color:#333; font-size:20px; line-height:22px; font-weight:600;}
.temp_box .box_wrap p {margin: 0px 0 0; padding-left:0;}
.box.edu_subj.st02{padding:32px;}
.box.edu_subj.st02 p{font-size:18px; line-height:2;}
.box.edu_subj.st02 > div{margin-bottom:50px;}
.box.edu_subj.st02 > div img{width:50%; margin:0 auto 30px auto;}

.box_st1 {position:relative; padding:15px 25px; border:1px solid #bfbfbf; background:#fff;}
.box_st2 {position:relative; padding:15px 25px; border:1px solid #bfbfbf; background:#fbfbfb;}

.cell-box {}
.cell-box ul {}
.cell-box ul li {display:inline-block;box-sizing:border-box;border:1px solid #ccc;line-height:1.2;font-size:.938em;color:#444;letter-spacing:-.025em;padding:11px 20px 14px 19px;margin:0 5px 5px 0;background:#fff}
.cell-box ul li:before {content:""}
.temp_box.type1{display:table; position:relative; width:100%; height:172px;  box-sizing:border-box;}
.temp_box.type1 .box_title{margin-bottom:10px; font-size:22px; line-height:25px; color:#333;}
.temp_box.type1 .box_wrap{display:table-cell; padding-left:220px; font-size:16px; line-height:25px; color:#555; vertical-align:middle;}
.temp_box.type1 .box_wrap:before{ content:""; display:block; position:absolute; top:50px; left:0; width:220px; height:80px; background:url('/resources/images/sbd/sub/ipsi_img.png') center top no-repeat;}
.list-01.ipsi span{color:#e91038; margin-right:8px;}
@media screen and (max-width:800px) {
    .temp_box.type1 .box_wrap{padding-left:150px;}
    .temp_box.type1 .box_wrap:before{width:150px; background-size:contain;}
}
@media screen and (max-width:640px) {
    .temp_box.type1{height:auto;}
    .temp_box.type1 .box_wrap{padding:5%;}
    .temp_box.type1 .box_wrap:before{display:none;}
}

/******************
	호서대학교 산업심리과 서브페이지 끝
******************/


/***********************************************
	*사이트맵*
************************************************/

/*사이트맵*/
.sitemap { width:100%; display:inline-block}
.sitemap a {display:block; }
.sitemap > ul > li {float:left; width:33%; margin-bottom:30px}
.sitemap > ul > li > a { background: #2763bb;color: #fff;border-radius:5px;width:90%;text-align:center;padding:20px 0;font-size:16px;font-weight:500;margin-bottom:10px;}
.sitemap > ul > li > ul > li {margin-bottom: 5px;}
.sitemap > ul > li > ul > li > a {border: 1px solid #dedede;color: #525252;border-radius:5px;width:90%;font-weight: 500;padding:15px 5%;}
.sitemap > ul > li > ul > li > a:hover{ color:#2763bb; border: 2px solid #2763bb;}
.sitemap > ul > li > ul > li > ul > li {position: relative; padding:0; font-size:16px; line-height:26px ;color: #4d4d4d; padding:2px 0 2px 13px;  margin-left:10px;}
.sitemap > ul > li > ul > li > ul > li:before	{content: "";display: block;position: absolute;width:6px;height:6px;background:#666;top:12px;margin-top:-3px;left: 0;border-radius:50%;}
.sitemap > ul > li > ul > li > ul > li > ul > li a { color: #8a6d3b; width:89%; content: ""; font-weight: 400; padding:2px 0;}
.sitemap > ul > li > ul > li > ul > li > ul > li > ul { border: 1px solid #dedede; width:89%; border-radius:5px; padding:8px }
.sitemap > ul > li > ul > li > ul > li > ul > li > ul > li a {  color: #8a6d3b; width:89%; font-weight:300;}
.sitemap > ul > li:last-child { display:none}


/* 로그인 */
.lgn { display: inline-block; width:100%; padding: 45px; border: solid 1px #e8eaed; }
.lgn .lgn-info { float: left; width: 60%; padding: 95px 0 80px 0; background: url(/resources/images/korean/sub/login_star.jpg) no-repeat right top; }
.lgn .lgn-info .lgn-info-w { background: url(/resources/images/korean/sub/login_lock.jpg) no-repeat 0 0; }
.lgn .lgn-info .lgn-info-w .lgn-info-txt01 { margin: 0 0 0 80px; padding: 0; font-size: 1.067em; font-weight: 400; color: #343434; }
.lgn .lgn-info .lgn-info-w .lgn-info-txt02 { margin: 0 0 0 80px; padding: 0; font-size: 3.333em; font-weight: 500; color: #343434; letter-spacing: -0.07em; }
.lgn .lgn-info .lgn-info-w .lgn-info-txt02-red { color: #be222f; }
.lgn .lgn-info .lgn-info-w .lgn-info-txt02-black { color: #010101; }
.lgn .lgn-info .lgn-info-w .lgn-info-txt03 { margin: 24px 0 0 0; padding: 0; font-size: 1.067em; color: #6b6b6b; letter-spacing: -0.07em; }
.lgn .lgn-ipt { float:left; position:relative; width: 40%; margin: 115px 0 0 0; padding: 0; }
.lgn .lgn-ipt .lgn-ipt-form { width: auto; padding: 0 145px 0 0; }
.lgn .lgn-ipt .lgn-ipt-form legend { width: 0; height: 0; line-height: 0; font-size: 0px; float: left; position: absolute; visibility: hidden; overflow: hidden; }
.lgn .lgn-ipt .lgn-ipt-form .lgn-ipt-combo { padding: 0 0 10px 0; color: #464646; }
.lgn .lgn-ipt .lgn-ipt-form ul { position: relative; }
.lgn .lgn-ipt .lgn-ipt-form ul li { position: relative; margin-bottom: 5px; padding: 0; }
.lgn .lgn-ipt .lgn-ipt-form ul li label { position: absolute; top: 0; left: 12px; line-height: 42px; color: #464646; }
.lgn .lgn-ipt .lgn-ipt-form ul li input { width: 96%; min-width: 120px; height: 42px; padding: 0 12px; border: solid 1px #eee; }
.lgn .lgn-ipt .lgn-ipt-form .lgn-btn { position:absolute; bottom: 6px; right: 0; width: 145px; height: 89px; font-size: 1.1133em; color: #fff; background-color: #be222f; border: 1px; border-color: #be222f; border-radius: 5px; outline: none; }

/* 갤러리리스트(빌더추가) */
.ui-view .detail-title {font-size:1.5em;font-weight:400;width:100%;padding-bottom:20px;margin-top:25px;color: #fff;position: relative;background: #2763bb;padding: 15px;margin: 0px; text-align:center}
#searchVO .ui-gallery div {display:block;}

#board_item2_view .detail-con-title  {display:none !important;}
#board_item2_view			{position: relative; font-size: 15px;/* border: 1px solid #e1e1e1; */border-left-width: 0px;border-right-width: 0px;overflow: hidden;background: #fff;width: 100%;display: inline-block;float: right;}
#board_item2_view dl		{display: table;position: relative;width: 60%;float: left;min-height: 20px;line-height: 25px;margin: 0;z-index: 1;background: #ffffff;border-bottom: #d7d7d7 1px solid;}
#board_item2_view dt		{display: table-cell;position: relative;width: 140px;padding: 15px 10px 15px 20px;font-weight: 500;color: #2763bb;border-radius: 5px; background:#f1f1f1}
#board_item2_view dd			{display: table-cell;position: relative;vertical-align: top;padding:15px 2px 15px 15px;}
#board_item2_view dd input[type="text"],
#board_item2_view dd input[type="password"],
#board_item2_view dd textarea						{ width: 100%; }
#board_item2_view dd input[type="text"].small,
#board_item2_view dd input[type="password"].small	{ width: 30%; }
#board_item2_view dd input[type="text"],
#board_item2_view dd input[type="password"],
#board_item2_view dd textarea,
#board_item2_view dd select					{ height: 25px; border: 1px solid #ddd; padding: 0 5px; box-sizing: border-box; }
#board_item2_view dd textarea					{ height: 200px; padding: 5px; }
#board_item2_view .photo-left img { width: 100%; }
#board_item2_view .board_content {width: 100%;min-height: 20px !important;padding-left: 0;padding-top: 15px;border: 0px;}
#board_item2_view .board_content dt, 
#board_item2_view .board_content dd {display: block;padding-left: 0;width: 100% !important;min-height: 10px;}
#board_item2_view dl p {padding-top: 10px;}
#board_item2_view .photo-left {width: 35%  !important;margin-right:4%;}
#board_item2_view dl:nth-child( 4n+2 )  { border-top:#d7d7d7 1px solid   }

/*후원의 집 현황*/
ul.ui-gallery.archicivil_fam li{ border:#d7d7d7 1px solid; width:32%; margin-right:2%; padding:20px; position:relative; line-height:120%; height:370px;}
ul.ui-gallery.archicivil_fam li:nth-child(3n) { margin-right: 0; }
ul.ui-gallery.archicivil_fam li > a{ padding-top:40px; height:220px}
ul.ui-gallery.archicivil_fam li > a img{height: 179px;}

.ui-gallery.archicivil_fam li > a p{ top:0px; font-size:1.15em; font-weight:500; color:#1e5cc3}
ul.ui-gallery.archicivil_fam li:nth-child(4n){padding:20px; }
.fam_title{position:relative;/* padding-left: 90px; */font-size: 14px;padding: 3px 0px 3px 80px;}
.fam_title span{display:inline-block;width: 70px;background:#5884ce;color:#fff;padding: 4px 0px;position:absolute;left:0px;top:0px;border-radius: 3px;text-align: center;}



@media all and (max-width: 1000px){
	#lnb{position:inherit;}
}
@media all and (max-width: 1400px){
	#body .fix-layout{padding:0 16px !important;}
}
@media all and (max-width: 1200px) { 
	
	/************************************************
		Sub Page Style
	*************************************************/
	.sub-page #page_nav { padding-bottom: 25px; }
	h2 { padding: 38px 0 10px; font-size: 1.5em; }
	h4.hst02{ margin-top:20px}
	/************************************************
		Sub layout Style
	*************************************************/
	.sub-top { border-top: 1px solid #b9b9b9; height: 250px; padding-top: 100px; }
	.sub-top h2{margin-top:8px;}
	.sub-top .sub-top-ttl { margin-bottom: 0px; font-size: 1.6875em; }
	.sub-top .sub-top-text { font-size: 0.671em; }
	#body { margin-top: 0; min-height: auto; } 
	#body > .fix-layout { background-color: #fff; padding: 0 !important; }
	.body-content { background-color: #ffffff; padding: 20px 20px 0px; }

	/************************************************
		Sub contents
	*************************************************/
}


@media all and (max-width: 767px) { 
	
	/************************************************
		Sub Page Style
	*************************************************/
	.sub-top {height:200px; }
	.sub-page #page_nav,
	h2 { background-color: transparent; }
	h2 { padding-top: 23px; font-size: 1.428em; }
	#body h2{font-size:22px; padding:0 16px 16px 16px; margin-top:24px;}
	.sub-top h2{font-size:1.5em;}
	
	/************************************************
		Sub layout Style
	*************************************************/
	.sub-page h4{font-size:1.7em; margin-bottom:24px;}
	h4.hst01{margin-bottom:20px; font-size:1.3em}
	
	/************************************************
		Sub contents
	*************************************************/
	.hide_m{ display:none}
	/* textbox 스타일*/
	.t-box-inner{ padding:20px}
	
	/*사이트맵*/
	.sitemap > ul > li {float:none; width:100%;}
	.sitemap > ul > li > a, .sitemap > ul > li > ul > li > a{ width:100%}
	
	/* 로그인 */
	.lgn .lgn-info { width: 100%; padding: 0; background: none; }
	.lgn .lgn-info .lgn-info-w .lgn-info-txt01 { font-size: 1em; }
	.lgn .lgn-info .lgn-info-w .lgn-info-txt02 { font-size: 2.3em; }
	.lgn .lgn-ipt { width: 100%; margin: 10px 0 0 0; }
	.lgn .lgn-ipt .lgn-ipt-form { padding: 0 100px 0 0; }
	
	/*후원의 집 현황*/
	ul.ui-gallery.archicivil_fam li{ width:49%; height:auto;}
	ul.ui-gallery.archicivil_fam li:nth-child(2n){ margin-right:0%}
	ul.ui-gallery.archicivil_fam li:nth-child(odd){ margin-right:2%}


}

/* 학사일정 */
.ui-page-total-category { display:none;}
#container > section	{ display: table; width: 100%; margin-bottom: 50px; margin-top: 0; }

#container > section > aside					{ /*display: table-cell;*/ width: 260px; vertical-align: top; box-sizing: border-box; position: relative; border: 1px solid #d8dada; background: #fff; padding: 10px; overflow: auto; margin-left: 10px; }
#container > section > article					{ position: relative; display: table-cell; vertical-align: top; box-sizing: border-box; padding: 0px 10px 10px 50px; line-height: 1.5em; width: 80%;}
#container > section > article.no-top-padding	{ padding-top: 0; }

.ui-page-total-category { margin: 0;}
.ui-style-title,
#container > section > article h3		{ position: relative; margin-bottom: 20px; font-size: 18px; font-weight: 300; padding-left: 10px;}
.ui-style-title:before,
#container > section > article h3:before	{ content: ""; display: block; position: absolute; left: 0; width: 5px; top:0; bottom: 0; background:#49a5bf; }


#container > section > article h4		{ position: relative; margin-bottom: 10px; font-size: 16px; font-weight: 300; padding-left: 10px; text-align: left; margin-top: 0;}
/*#container > section > article h4:before	{ content: ""; display: block; position: absolute; left: 0; width: 5px; height: 5px; top:50%; margin-top: -2px; }*/

.aside_calendar .count { color: #f26522;font-weight: 800;padding-right:3px; }
.aside_calendar dl		{ position: relative; overflow: hidden; margin-top: 10px; margin-bottom: 0; height: 230px;}
.aside_calendar li		{ display: block; position: relative; width: 14.285%; float: left; height: 35px; line-height: 20px; text-align: center; overflow: hidden; padding-top: 5px; }
.aside_calendar li.sat		{ color: #428bca; font-weight: 400; }
.aside_calendar li.sun		{ color: #f26522; font-weight: 400; }
.aside_calendar li span	{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; text-align: center; line-height: 20px; z-index: 1; }
.aside_calendar dd li.hasItem	{ background: rgba(182, 34, 190, 0.12); color: #333333; font-weight: 400;border-radius: 70px;height: 35px;}
.aside_calendar .ui-week-1 li:first-child	{ margin-left: 0; }
.aside_calendar .ui-week-2 li:first-child	{ margin-left: 14.285%; }
.aside_calendar .ui-week-3 li:first-child	{ margin-left: 28.571%; }
.aside_calendar .ui-week-4 li:first-child	{ margin-left: 42.857%; }
.aside_calendar .ui-week-5 li:first-child	{ margin-left: 57.142%; }
.aside_calendar .ui-week-6 li:first-child	{ margin-left: 71.428%; }
.aside_calendar .ui-week-7 li:first-child	{ margin-left: 85.714%; }
.aside_calendar dt li { font-weight: 400; }

@media all and (max-width: 767px) {
	
	
	/* 학사일정 */
	#container > section	{ display: block; width: 100%;  }
	
	#container > section > aside					{ display: block; width: 100%; padding: 0; margin-bottom: 10px; margin-left: 0;}
	#container > section > article					{ display: block; width: 100%; padding: 0;}
	#container > section > article.no-top-padding	{ padding-top: 0; }
	.aside_calendar dl {display: none;}
	/*.ui-page-total-category { margin: 0 10px;}*/

}

/************** 스마트경영학과 **************/
/* 학과인사말*/
.intro-section {
  background: url('/resources/images/sbd/sub/intro01_img01.jpg') no-repeat center center / cover;
  width: 100%;
  min-height: 100vh;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  /*padding: 5vh 20px;*/
  padding: 60px 20px 5vh; /* PC 기준: 상단 60px */
}

.intro-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  display: none; /* 기본은 숨김 */
  z-index: 1;
}

.intro-inner {
  width: 100%;
  max-width: 960px;
  text-align: left;
  position: relative;
  z-index: 2;
}

/* 본문 텍스트 */
.intro-text {
  font-size: 18px;
  line-height: 1.8;
  white-space: pre-line;
}

/* Dream 문구 중앙정렬 */
.dream-text {
  text-align: center;
  margin-top: 40px;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 300;
}

.dream-text span {
  font-size: 300px;
  font-weight: 700;
  letter-spacing: 2px;
  opacity: 0.15;
  display: block;
  line-height: 1;
  margin-top:-80px;
}

/* 반응형 대응 */
@media (max-width: 768px) {
  .intro-section {
    padding: 20px 16px 5vh; /* 모바일에서 상단 여백 ↓ */
    align-items: flex-start; /* 여전히 상단 정렬 유지 */
  }

  .intro-text {font-size: 16px;}
  .dream-text { font-size: 18px; margin-top: 25px;}
  .dream-text span {font-size: 60px;}
  .intro-section::after {display: block; /* 모바일에서만 그라데이션 보이게 */}
}

@media (max-width: 480px) {
  .intro-text { font-size: 15px;}
  .dream-text {font-size: 16px;margin-top: 20px;}
  .dream-text span {font-size: 48px;}
}

/* 학과소개 */
.smart-leader {
  position: relative;
  background: #fff;
}

.smart-leader .content-wrap {
  margin: 0 auto;
  padding: 60px 30px 0;
}

.smart-leader h3 {
  font-size: 24px;
  color: #004080;
  margin-bottom: 10px;
}

.smart-leader h4 {
  font-size: 20px;
  color: #222;
  margin-bottom: 20px;
}

.smart-leader .desc {
  font-size: 16px;
  color: #444;
  margin-bottom: 40px;
}

.smart-leader .chart-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-bottom: 60px;
}

.smart-leader .chart-item {
  text-align: center;
  width: 130px;
}

.smart-leader .chart-item img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.smart-leader .chart-item p {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.smart-leader .spacer {
  height: 40px;
}

.smart-leader .goal-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 60px;
}

.smart-leader .goal-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 15px;
  font-size: 15px;
  color: #333;
}

.smart-leader .goal-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #0073e6;
  font-weight: bold;
}

/* 하단 배경 이미지 */
.smart-leader .bottom-image {
  background: url('11.jpg') no-repeat center center / cover;
  height: 200px;
  width: 100%;
}

.dept_infor {position: relative;min-height: 500px;max-width: 1400px;margin: 0 auto;padding-bottom: 0px; text-align:center; background: #f7f7f7; padding:70px 20px;}
.dept_infor .dept_info_tit {display: inline-flex;position: relative;width: 320px;height: 320px;padding: 20px;background: #9c2033 url() left bottom no-repeat;color:#fff;border-radius: 50%;border: 28px solid #fff;justify-content: center;align-items: center;}
.dept_infor .dept_info_tit:before {position: absolute; width: 480px; height: 480px; left: 50%; transform:translate(-50%, -50%); top:50%; left:50%; border-radius:0 0 50% 50%; background:linear-gradient(to top, rgb(225 225 225) 0%,rgba(0,0,0,0) 40%); content: ""; /*z-index: -1;*/}
.dept_infor .dept_info_tit span {display: block; font-family: 18px;}
.dept_infor .dept_info_tit strong {display: block;font-size: 28px;line-height: 1.3;font-weight: bold;}
.dept_infor .dept_info_list::after {display: block; clear: both; content: ""; visibility: hidden;}
.dept_infor .dept_info_list li {position: absolute; width: calc(50% - 195px);}
.dept_infor .dept_info_list li:nth-child(1) {left: 0%;top: 150px;padding-right:95px;text-align:right; padding-top: 10px;}
.dept_infor .dept_info_list li:nth-child(2) {left: 5%;top: 260px;padding-right:95px;text-align:right; padding-top: 10px;}
.dept_infor .dept_info_list li:nth-child(3) {left: 10%;top: 360px; padding-right: 95px; text-align:right; padding-top: 10px;}
.dept_infor .dept_info_list li:nth-child(4) {right: 0%;top: 150px;padding-left:95px;text-align:left; padding-top: 10px;}
.dept_infor .dept_info_list li:nth-child(5) {right: 5%;top: 260px;padding-left:95px;text-align:left; padding-top: 10px;}
.dept_infor .dept_info_list li:nth-child(6) {right: 10%;top: 360px;padding-left:95px;text-align:left; padding-top: 10px;}
.dept_infor .dept_info_list li .icon{position:absolute;width: 85px;height: 85px;background:#9c2033;border-radius:50%;padding: 16px;}
.dept_infor .dept_info_list li .icon > img{max-width:100%;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.dept_infor .dept_info_list li:nth-child(1) .icon {right:0; top:-20px; background:#9c2033;}
.dept_infor .dept_info_list li:nth-child(2) .icon {right:0; top:-20px; background:#884051;}
.dept_infor .dept_info_list li:nth-child(3) .icon {right:0; top:-20px; background:#a67c63;}
.dept_infor .dept_info_list li:nth-child(4) .icon {left:0; top:-20px; background:#5e4033;}
.dept_infor .dept_info_list li:nth-child(5) .icon {left:0; top:-20px; background:#d9c2a3;}
.dept_infor .dept_info_list li:nth-child(6) .icon {left:0; top:-20px; background:#c87f4f;}
.dept_infor .dept_info_list li strong {font-size: 20px;color:#333; font-weight:bold;}
.dept_infor .dept_info_list li p {font-size:16px; color:#393939;}

@media (max-width: 1024px){
	.dept_infor{text-align:center;}
	.dept_infor .dept_info_tit{margin:0 auto; display:flex;}
	.dept_infor .dept_info_list{margin:10px auto; width:460px; display:inline-flex; align-items:center; justify-content:center; gap:15px; flex-wrap:wrap;}
	.dept_infor .dept_info_list li{position:relative; width:220px; display:inline-flex; justify-content: flex-start; align-items:center; gap:20px;}
	.dept_infor .dept_info_list li:nth-child(1),
	.dept_infor .dept_info_list li:nth-child(2),
	.dept_infor .dept_info_list li:nth-child(3),
	.dept_infor .dept_info_list li:nth-child(4),
	.dept_infor .dept_info_list li:nth-child(5),
	.dept_infor .dept_info_list li:nth-child(6){left:auto; right:auto; top:auto; padding:0; text-align:left;}
	.dept_infor .dept_info_list li .icon{position:relative;}	
	.dept_infor .dept_info_list li:nth-child(1) .icon,
	.dept_infor .dept_info_list li:nth-child(2) .icon,
	.dept_infor .dept_info_list li:nth-child(3) .icon{right:auto; top:auto;}
	.dept_infor .dept_info_list li:nth-child(4) .icon,
	.dept_infor .dept_info_list li:nth-child(5) .icon,
	.dept_infor .dept_info_list li:nth-child(6) .icon{left:auto; top:auto;}
}

@media (max-width: 767px){
	.dept_infor{padding-bottom:40px;}
	.dept_infor .dept_info_tit{width:280px; height:280px;}
	.dept_infor .dept_info_tit:before{display:none;}
	.dept_infor .dept_info_tit strong{font-size:24px;}
	.dept_infor .dept_info_list { width:auto; flex-direction:column;}
}
/*공백 */
.gap {height:70px;clear:both;display:block;}
.sgap {height:50px;clear:both;display:block;}
.ssgap {height:20px;clear:both;display:block;}
@media all and (max-width:999px) {
	.gap {height:50px}
	.sgap {height:30px;}
	.ssgap {height:15px;}
}
@media all and (max-width:768px) {
	.gap {height:30px}
	.sgap {height:20px;}
	.ssgap {height:10px;}
}

.employment-wrap {
  text-align: center;
  margin: 80px auto;
  padding: 40px 20px;
  /*max-width: 1200px;*/
  background: #f8f8f8;
  border-radius:10px;
}

.employment-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 auto 40px; /* 가운데 정렬 */
  color: #fff;
  background-color: #b9173d;
  border-radius: 5px;
  width: 70%;
  padding: 15px 20px; /* 내부 여백 추가 */
}
.employment-title.bottom {
  margin: 60px auto 0; /* 위쪽 여백 + 가운데 정렬 */
  background: #9c2033;
  width: 70%;
  padding: 15px 20px;
}

.employment-box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.employment-box li {
  width: 22%;
  background: #fff;
  padding: 70px 20px;
  border-radius: 30px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  border: 1px solid #e5e5e5;
}

/*.employment-box li:hover {
  background: #e7f3ff;
  transform: translateY(-5px);
}*/

.employment-icon {
  display: block;
  margin-bottom: 15px;
}
.employment-icon img {
  max-width: 60px;
  height: auto;
}

.employment-box li p {
  font-size: 16px;
  color: #333;
  font-weight: 400;
  line-height: 1.4;
}

/* 반응형 대응 */
@media (max-width: 1024px) {
  .employment-box li {
    width: 45%;
  }
}
@media (max-width: 600px) {
  .employment-box li {
    width: 100%;
  }
}

/* 자격증 */
.banner-wrap {}

.gray-badge {
  background-color: #f2f2f2;
  color: #333;
  padding: 25px 20px;
  font-size: 16px;
  font-weight:600;
  border-radius: 8px;
  text-align: center;
  flex: 1 1 calc(32.5% - 12px); /* 5개 기준, 줄어들면 4개 */
  box-sizing: border-box;
  min-width: 180px; /* 너무 작아지는 것 방지 */
}
.gray-badge.type01 {flex: 1 1 calc(33% - 12px);}
.gray-badge-list { display: flex;flex-wrap: wrap;gap: 12px;margin-top: 20px;padding: 0;list-style: none;}
.gray-badge-list li {background-color: #f2f2f2;color: #333; padding: 30px 20px;font-size: 18px;font-weight: 600;border-radius: 8px;text-align: center; flex: 1 1 calc((100% - 24px) / 3); /* 정확히 3개 기준 */ box-sizing: border-box; min-width: 180px;}

@media (max-width: 768px) {
  .gray-badge-list li {
    flex: 1 1 calc((100% - 12px) / 2); /* 태블릿: 2개씩 */
  }
}

@media (max-width: 480px) {
  .gray-badge-list li {
    flex: 1 1 100%; /* 모바일: 1개씩 */
  }
}

/* 교육목표 */
.edu-goal {
  max-width: 100%;
  margin: 0 auto;
  padding: 80px;
  position: relative;
  z-index: 1;
}
.edu-goal::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 350px; /* 배경 높이 */
  background: url('/resources/images/sbd/sub/edu01_img01.png') no-repeat center bottom;
  background-size: cover;
  z-index: -1;
}

.goal-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top:50px;
}

.goal-list li {
  flex: 1 1 calc(50% - 10px); /* 두 개씩 한 줄 */
  background-color: #f5f5f5;
  border-left: 6px solid #9c2033;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s;
}

.goal-list li:hover {
  background-color: #eaeaea;
}

.goal-list .num {
  font-size: 28px;
  font-weight: bold;
  color: #9c2033;
  display: block;
  margin-bottom: 10px;
}

.goal-list .tit {
  font-size: 18px;
  font-weight: 500;
  color: #222;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .goal-list li {
    flex: 1 1 100%;
  }
}

/* 교육과정 */
.course-structure {
  margin: 40px auto;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.course-structure dl {
  display: grid;
  grid-template-columns: 120px 1fr;
  width: calc(50% - 12px);
  /*background: #f9f9f9;*/
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  border: 1px solid #b9173d;
}

.course-structure dt {
  background: #b9173d;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px 0 0 12px;
  padding: 20px 10px;
}

.course-structure dd {
  padding: 20px 24px;
}

.course-structure dd ul {
  list-style: disc;
  padding-left: 20px;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px 24px;
}

.course-structure dd ul li {
  font-size: 15px;
  color: #333;
}
.course-structure dd p {
  width: calc(50% - 12px); /* 두 칼럼으로 과목 출력 */
  margin: 0;
  font-size: 15px;
  color: #333;
}

/* 반응형 */
@media (max-width: 768px) {
  .course-structure {
    flex-direction: column;
  }

  .course-structure dl {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .course-structure dl br { display:none;}

  .course-structure dt {
    border-radius: 12px 12px 0 0;
    width: 100%;
    padding: 16px;
  }

  .course-structure dd ul {
    grid-template-columns: 1fr;
    padding-left: 18px;
  }
}

.course-image-line {
  width: 100%;
  height: 350px; /* 필요에 따라 조절 */
  background-image: url('/resources/images/sbd/sub/edu03_img01.png'); /* 원하는 경로로 변경 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 40px;
  border-radius: 8px; /* 선택사항 */
}

/* 졸업후 진로 */
.core-talent-section {
  padding: 60px 20px;
  background-color: #f9f9f9;
  margin-bottom:80px;
}

.core-talent-section .section-title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #222;
  margin-bottom: 50px;
}

.core-talent-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 1100px;
  margin: 0 auto;
}

.talent-card {
  background: #fff;
  border: 2px solid #c80000;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

/*.talent-card:hover {
  background: #c80000;
  color: #fff;
  transform: translateY(-4px);
}*/

.talent-card .talent-inner {
  padding: 30px 20px;
}

.talent-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: #c80000;
  margin-bottom: 15px;
}

/*.talent-card:hover h3 {
  color: #fff;
}*/

.talent-card p {
  font-size: 15px;
  line-height: 1.7;
  color: #333;
}

/*.talent-card:hover p {
  color: #fff;
}*/

@media (max-width: 768px) {
  .core-talent-section { margin-bottom:20px;}
  .core-talent-grid {
    grid-template-columns: 1fr;
  }

  .talent-card .talent-inner {
    padding: 24px 16px;
  }

  .core-talent-section .section-title {
    font-size: 24px;
  }
}

.fc_red {color: #be222f !important;}

.core-talent-line {
  width: 100%;
  height: 350px; /* 필요에 따라 조절 */
  background-image: url('/resources/images/sbd/sub/edu04_img01.png'); /* 원하는 경로로 변경 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 40px;
  border-radius: 8px; /* 선택사항 */
}
.text-center { text-align:center;}
table.table-detail { border-top: 2px solid #000 !important;}

/* 테이블 하단 버튼 */
.table-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
}

/* 버튼 스타일 */
.haksa-btn {
  padding: 20px 30px;
  font-size: 18px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 500;
  border: none;
}

.btn-outline {
  background: #363636;
  border: 1px solid #999;
  color: #fff;
}

.btn-outline:hover {
  background: #151515;
  color: #fff;
}

.btn-primary {
  background: #b9173d;
  color: #fff;
  border: none;
}

.btn-primary:hover {
  background: #a0082b;
}

/* 페이지 준비중 */
.page-pending-wrap {
  width: 100%;
  padding: 100px 20px;
  background-color: #f9f9f9;
  text-align: center;
  font-family: 'Pretendard', sans-serif;
}

.page-pending-inner {
  max-width: 800px;
  margin: 0 auto;
}

.page-pending-title .icon-box {
  margin-bottom: 20px;
}

.page-pending-title .icon-box img {
  width: 80px;
  height: auto;
}

.page-pending-title small {
  font-size: 24px;
  font-weight: 500;
  color: #333;
  display: block;
  margin-bottom: 10px;
}

.page-pending-title small strong {
  color: #b9173d;
  font-weight: 700;
}

.page-pending-title p {
  font-size: 16px;
  color: #666;
}

/* 일정 추가 */
#searchVO table.table { width:100%;}
#searchVO table.table h4 { font-weight:600;}
#searchVO table.table h4:before { display:none; height: 0px;}

/* ===== 명함 박스 (스마트 경영학과) ===== */
:root{
  --smbiz-bg:#ffffff;
  --smbiz-txt:#111;
  --smbiz-sub:#666;
  --smbiz-line:#234884;
  --smbiz-rep:#0a53c9;   /* 과대표 포인트 (블루그린) */
  --smbiz-vice:#0ea5b6;  /* 부과대표 포인트 (레드) */
  --smbiz-pill:#f5f7fb;
  --smbiz-shadow:0 6px 20px rgba(0,0,0,.06);
}

.smbiz-cards{color:var(--smbiz-txt);}
.smbiz-cards__head{display:flex; align-items:end; justify-content:space-between; gap:10px; margin:10px 0 18px;}
.smbiz-cards__title{margin:0; font-size:24px; font-weight:800; letter-spacing:-.2px;}
.smbiz-cards__desc{margin:0; font-size:16px; color:var(--smbiz-sub);}

/* 그리드 */
.smbiz-card-grid{
  list-style:none; margin:0; padding:0;
  display:grid; gap:16px;
  grid-template-columns: 1fr;
}
@media (min-width:640px){
  .smbiz-card-grid{grid-template-columns: repeat(2, 1fr);}
}
@media (min-width:1024px){
  .smbiz-card-grid{grid-template-columns: repeat(4, 1fr);}
}

/* 카드 */
.smbiz-card{
  background:var(--smbiz-bg);
  border:1px solid var(--smbiz-line);
  border-radius:0px;
  padding:30px 16px;
  box-shadow:var(--smbiz-shadow);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  position:relative;
  overflow:hidden;
}
/*.smbiz-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(0,0,0,.09);
}*/

/* 상단 뱃지 */
.smbiz-card__badge{
  display:inline-block;
  font-size:16px; font-weight:700;
  padding:6px 10px;
  border-radius:0px;
  background:var(--smbiz-pill);
  color:#222;
  border:1px solid var(--smbiz-line);
}

/* 메타(학년/학번) */
.smbiz-card__meta{
  display:flex; flex-wrap:wrap; gap:8px;
  margin:12px 0 10px;
}
.smbiz-card__grade,
.smbiz-card__sid{
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; color:var(--smbiz-sub);
  background:#fafbfe; border:1px solid var(--smbiz-line);
  padding:6px 10px; border-radius:10px;
}

/* 이름 & 학과 */
.smbiz-card__name{display:block; font-size:26px; font-weight:800; margin:15px 0 20px; letter-spacing:-.2px;}
.smbiz-card__dept{font-size:13px; color:var(--smbiz-sub);  padding-top:10px;}

/* 역할별 포인트 */
.smbiz-card--rep .smbiz-card__badge{background:rgba(10,83,201,.1); color:#0a53c9; border-color:rgba(10,83,201,.25);}
.smbiz-card--rep .smbiz-card__name{color:var(--smbiz-rep);}
.smbiz-card--vice .smbiz-card__badge{background:rgba(14,165,182,.1); color:#075a63; border-color:rgba(14,165,182,.25);}
.smbiz-card--vice .smbiz-card__name{color:var(--smbiz-vice);}

/* 포커스 접근성 */
.smbiz-card:focus-within{outline:3px solid #94d9ff; outline-offset:2px;}