@charset "utf-8";

/************************************************
	Sub Page Style
*************************************************/
.sub-page { padding-top: 0; }


h2 { color: #222222; font-size: 32px; font-weight: 500; text-align: center; }

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

.sub-top { background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 230px; padding-top: 80px; color: #ffffff; text-align: center;}
.sub-top.VISUAL_MENU_2507220950 { background-image: url(/resources/images/swc/sub/sub_top_bg01.jpg); }
.sub-top.VISUAL_MENU_2507220951 { background-image: url(/resources/images/swc/sub/sub_top_bg02.jpg); }
.sub-top.VISUAL_MENU_2507220952 { background-image: url(/resources/images/swc/sub/sub_top_bg03.jpg); }
.sub-top.VISUAL_MENU_2507220954 { background-image: url(/resources/images/swc/sub/sub_top_bg04.jpg); }
.sub-top.VISUAL_MENU_2507220955 { background-image: url(/resources/images/swc/sub/sub_top_bg05.jpg); }
.sub-top.VISUAL_MENU_2507220956 { background-image: url(/resources/images/swc/sub/sub_top_bg06.jpg); }
.sub-top.VISUAL_MENU_2107120458 { background-image: url(/resources/images/swc/sub/sub_top_bg07.jpg); }

.sub-top .sub-top-ttl { font-size: 28px;}
.sub-top .sub-top-text { font-size: 22px; color: rgba(255, 255, 255, .88); letter-spacing:2.5px; }

.breadcrumb { display: inline-block; }

/*sub-page-top*/
.sub-page-top{padding:70px 0 30px 0; border-bottom:1px solid #161616;}
.sub-page-top h2{float:left;}
.sub-page-top:after{content:""; display:block; clear:both;}
.sub-page #page_nav {float:right; position:inherit; margin-top:5px;}
.sub-page #page_nav li { background: url(/resources/images/swc/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; }

#body {  min-height: 518px; }
#body > .fix-layout { background-color: #ffffff; padding: 15px 40px!important; }
.body-content { padding: 0px 0 110px; margin-top:100px;}

.dinfo-tt { padding-bottom: 50px; text-align: center; font-size: 2em; background:url(/resources/images/fund/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; }

p{ line-height:1.5}

.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; }


/*타이틀 스타일*/
h3{ background: url(/resources/images/swc/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:32px; font-size:28px; font-weight:400;}
h4.tit{color:#2f59a1;}
h4:before{    display: block; width: 1rem; height: 0.3rem; border-radius:32px; margin-bottom: 0.8rem; background-color: #2f59a1; content: '';}
h5{ background: url(/resources/images/swc/sub/deco02.gif) no-repeat 0px 4px; padding-left:25px ; font-size:1.25em; font-weight:500; margin-bottom:10px; 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;}

.mt50{margin-bottom:50px;}

.body-content{word-break:normal; word-break:keep-all; }
.box_st1 {position:relative; padding:15px 25px; border:1px solid #bfbfbf; background:#fff;}

/************************************************
	Sub contents
*************************************************/
/*************
	호서대학교 경영학부 서브페이지
*************/

/*슬로건*/
.slogan{width:100%; height:150px; background-image:url(/resources/images/swc/sub/slogan.jpg); background-repeat:no-repeat; background-size:cover; padding-top:40px; text-align:center;}
.slogan p{ /* font-size:20px;*/ font-size:1.725rem; color:#fff; letter-spacing:3px; }

@media all and (max-width:767px){
	.slogan{height:100px; padding-top:40px;}
	.slogan p{font-size:16px;}
}
@media all and (max-width:500px){
	.slogan{padding-top:30px;}
}

/*학부소개 공통 이미지*/
.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 0.5rem;}
	.dept-boxTop .desc strong{font-size:1rem;}
}


/*border-box 공통*/
.border-box{padding:12px; background:url(/resources/images/swc/sub/deco05.gif);}
.border-box .inner{background-color:#fff; padding:24px 8px;}
.border-box .inner p{font-size:20px; text-align:center;}

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

/*img-box*/
.img-box{padding: 40px; border-radius: 5px; border: 1px solid #c5c9d6; text-align: center; font-size: 15px; line-height: 24px; letter-spacing: -0.02em; color: #636363;}
.img-box img{margin:0 auto; width:100%; border-radius:5px;}
@media all and (max-width:767px){
	.img-box{padding:24px;}
}


/*학부소개 > 학부장인사말 */
.gre-boxTop {position:relative;box-sizing:border-box;padding:130px 0 80px 0px; min-height:450px; margin-top:50px;}
.gre-boxTop .imgBox {position:absolute;width:540px;left:0;top:0; box-shadow:15px 15px 10px rgba(0, 0, 0, .2); z-index:1;}
.gre-boxTop .imgBox img {display:block;width:100%;position:relative;z-index:1;}
.gre-boxTop .txtBox {position:relative;padding:62px 24px 120px 600px;}
.gre-boxTop .txtBox:before,
.gre-boxTop .txtBox:after {content:"";display:block;position:absolute;top:0}
.gre-boxTop .txtBox:before {}
.gre-boxTop .txtBox:after {width:50%;height:100%;left:10%;margin:0 0 0 0px;background:#f6f6f6;}
.gre-boxTop .txtBox p {position:relative;z-index:2}
.gre-boxTop .txtBox p span {display:block; color:#20317e;}
.gre-boxTop .txtBox .p1 {font-size:1.875em;line-height:1.50;color:#222;letter-spacing:-.05em;font-weight:500;padding:0 0 38px}
.gre-boxTop .txtBox .p1:after {}
.gre-boxTop .txtBox .p2 {display:inline-block;font-size:1.0m;line-height:1.2;color:#3d505c;letter-spacing:-.05em;font-weight:500;margin:29px 0 0; /*white-space:nowrap;*/}
.gre-boxTop .txtBox .p2 span {display:inline;vertical-align:top;letter-spacing:-.05em; color:#161616; }
.gre-boxTop .txtBox .p2:before {content:'';display:block;position:absolute;top:-20px;left:0;width:45px;height:2px;background:#e82f68;}
.gre-boxTop .txtBox .p3 {font-size:1.125em;line-height:1.667;padding:26px 0 0 36px}
.gre-txt p{font-size:18px; word-break:keep-all; line-height:2em;}
.president-name { font-size: 1.125em; font-weight: 500; text-align: right; line-height: 1.66; margin-top:40px  } 
.president-name span { font-size: 1.666em;   font-weight: 500; }

@media all and (max-width:1200px) {
	.gre-boxTop {padding:80px 0 40px 0px;min-height:450px}
	.gre-boxTop .imgBox {width:460px}
	.gre-boxTop .txtBox {padding:60px 0 50px 560px}
	.gre-boxTop .txtBox .p1 {padding:0 0 20px}
	.gre-boxTop .txtBox .p3 {padding:15px 0 0 26px}
}

@media all and (max-width:999px) {
	.gre-boxTop {padding:0;min-height:0}
	.gre-boxTop .imgBox {position:relative;width:auto;left:auto;top:auto;margin:0 100px;z-index:2}
	.gre-boxTop .txtBox {padding:60px 0 30px;text-align:center;margin:-40px 0 0;z-index:1}
	.gre-boxTop .imgBox:before {right: 0px; top: -70px;}
	.gre-boxTop .txtBox:after {width:100%;left:0%;}
	.gre-boxTop .txtBox .p1 {padding:0 0 20px; text-align:center}
	.gre-boxTop .txtBox .p1:after {width:100%;height:3px}
	.gre-boxTop .txtBox .p3 {padding:10px 0 0}
	
}
@media all and (max-width:500px) {
	.gre-boxTop .imgBox {margin:0 30px;box-shadow:0 5px 10px rgba(0, 0, 0, .2)}
	.gre-boxTop .imgBox:before {right:0;box-shadow:none}
	.gre-boxTop .txtBox .p1 {padding:0 0 10px}
}
@media all and (max-width:400px) {
	.gre-boxTop .imgBox:before {}
	.gre-boxTop .imgBox:after {right: 120px; top: -50px; width: 200px; height: 156px;}
	.gre-boxTop .txtBox {padding:60px 20px 20px}
	.gre-boxTop .txtBox:before {width:76px;height:54px;background-position:-59px 0px;background-size:147px 124px}

}

/*학부소개 > 학부제*/
.sub-slogan{width:90%; margin:-30px 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;}
.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:18px;}
.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;  }

@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 .blue{display:block; margin-bottom:12px; width:100%;}
	.sub-slogan .sub-txt{width:100%; margin-left:0;}
}


/*학부소개 > 인재상*/
.talent-wrap .border-box{margin-bottom:32px;}
.talent-wrap .list { display: inline-block; width: 100%; counter-reset: section; }
.talent-wrap .list > li { clear: both; float: left; width: calc(50% - 1.5rem); margin-right: 1.5rem; border: 1px solid #ddd; padding:1.5rem; }
.talent-wrap .list > li span {font-size:24px; font-weight:500; display:inline-block; padding-right:1rem; border-right:1px solid #ddd; color:#e91038; word-break: keep-all; vertical-align: middle; width:34px;}
.talent-wrap .list > li p{display:inline-block; vertical-align:middle; font-size:18px; padding-left:1rem; width:calc(100% - 37px);}
.talent-wrap .list > li:nth-child(2n) { clear: none; }
.talent-wrap .list > li:nth-child(n+3) { margin-top: 1.25rem; }

@media all and (max-width:767px){
	.talent-wrap .list > li{width:100%; margin-bottom:12px;}
	.talent-wrap .list > li p{font-size:16px;}
}


/*커뮤니티 > 동아리*/
.club_warp .unit {position:relative;margin:0 0 40px;min-height:346px}
.club_warp .unit.n03 {padding:0 0 0 618px;}
.club_warp .unit:after {content:"";display:block;position:absolute;width:100%;height:3px;background:url(/resources/images/swc/sub/box_pattern.png) repeat-x left bottom;left:0;bottom:0}
/*.club_warp .unit:last-child {padding:0;margin:0}
.club_warp .unit:last-child:after {display:none}*/
/**.club_warp .unit .imgBox {position:absolute;width:500px;top:0;left:0}
.club_warp .unit .imgBox img {display:block;position:relative;width:100%;z-index:1}**/
.club_warp .unit{display:inline-block; padding:0 80px; 
    width: calc(49% - 50px); margin-right:50px;  }
.club_warp .unit:nth-child(even){margin-right:0;}
.club_warp .unit .txtBox {box-sizing:border-box;padding:0 0 50px}
.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}
.club_warp .unit:nth-child(even) .imgBox {left:auto;right:0}
.club_warp .unit:nth-child(even) .imgBox .role-tit {right:auto;left:-66px}
/*.club_warp .unit:last-child .txtBox {padding:0}*/

@media all and (max-width:1700px){
	.club_warp .unit{padding:0 20px;}
}

@media all and (max-width:1200px){
	.club_warp h4{font-size:20px;}
	.club_warp .unit{width: calc(49% - 16px);
    margin-right: 16px;}
}
@media all and (max-width:767px){
	.club_warp .unit{width:100%; margin-right:0;}
}


/* 교수소개 */
.depart-visual,.sub-depart-box-01 { display:none;}
.sub-depart-box{margin-top:0 !important; border-top:0 !important;}
.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 !important; 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:900px){
	.prof-list{width:100% !important}
	}


@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; }
}

/*교과안내 > 교육목표 및 진로*/
/* 교육목표 */
.uni_edu { margin:50px 0;}
.uni_edu .goal { position:relative; margin:20px 0 0; }
.uni_edu .goal .img_wrap { position:absolute; left:0; top:0; width:400px; height:100%; }
.uni_edu .goal .img_wrap::before { content:""; position:absolute; right:-10px; top:50%; width:21px; height:24px; margin-top:-10px; z-index:1; }
.uni_edu .goal .img_wrap::after { content:""; position:absolute; right:0px; top:50%; width:100%; height:1px; background:#d2d2d2; z-index:0; }
.uni_edu .goal .img_wrap img { position:relative; top:50%; margin-top:-125px; max-width:100%; height:auto; z-index:1; }
.uni_edu .goal .img_wrap span img { margin-top:-50px; }
.uni_edu .goal .cont_wrap { display:table; width:100%; min-height:250px; padding-left:400px; box-sizing:border-box;}
.uni_edu .goal .box_st1 { position:relative; display:table-cell; vertical-align:middle; padding:35px 50px; z-index:0; }
.uni_edu .goal .box_st1 p { color:#111; margin:15px 0; line-height:1.6; font-size:18px; }
.uni_edu .goal .cont_wrap .tit2 { color:#ab0303; font-size:22px; }

@media screen and (max-width:980px) { 
	.uni_edu .goal .img_wrap { width:250px; }
	.uni_edu .goal .img_wrap img { width:200px; margin-top:-100px; }
	.uni_edu .goal .cont_wrap { padding-left:250px; }
}
@media screen and (max-width:720px) {
	.uni_edu { margin:0 0 50px; }
	.uni_edu .goal { position:relative; margin:20px 0 0; }
	.uni_edu .goal .img_wrap { position:relative; left:auto; top:auto; width:100%; padding:0 0 30px; text-align:center; }
	.uni_edu .goal .img_wrap::before { right:50%; top:auto; bottom:-10px; width:21px; height:21px; margin-top:-11px; margin-right:-10px; }
	.uni_edu .goal .img_wrap::after { right:50%; top:0; width:1px; height:100%; }
	.uni_edu .goal .img_wrap img { position:relative; width:180px; top:auto; margin-top:0; }
	.uni_edu .goal .cont_wrap { min-height:0; padding-left:0; }
	.uni_edu .goal .box_st1 { padding:35px 25px; }
}

/*교과안내 > 전공역량*/
.ability{position: relative; margin-bottom: 75px; padding: 250px 0 200px 0; text-align:center;}
.ability > img{max-width:350px;}
.ability .abil_tcon{position: absolute; top: 0; left: 50%; width: 1000px; height: 100%; margin-left: -500px;}
.ability .abil_tcon .abil_tbox{display: table; position: absolute; width: 230px; height: 230px; border-radius: 50%; border: 15px solid #000;}
.ability .abil_tcon > div:nth-of-type(1){top: 0; left: 50%; border-color: #e6f4f6; transform:translate(-50%, 0);}
.ability .abil_tcon > div:nth-of-type(2){top: 250px; right: 0; border-color: #d0eaef;}
.ability .abil_tcon > div:nth-of-type(3){top: 250px; left: 0; border-color: #d0eaef;}
.ability .abil_tcon > div:nth-of-type(4){bottom: 0; left: 100px; border-color: #e6f4f6;}
.ability .abil_tcon > div:nth-of-type(5){bottom: 0; right: 100px; border-color: #e6f4f6;}
.ability .abil_tcon .abil_tbox ul{display: table-cell; vertical-align: middle;}
.ability .abil_tcon ul li img{height: 65px;}
.ability .abil_tcon ul li p{padding-top: 18px; line-height: 20px; font-size: 16px; font-weight: 500; color: #3c3c3c;}
@media (max-width: 1240px){
	.ability > img{height: 350px;}
	.ability .abil_tcon{width: 920px; margin-left: -460px;}
}
@media (max-width: 960px){
	.ability > img{height: 300px;}
	.ability .abil_tcon{width: 750px; margin-left: -375px;}
	.ability .abil_tcon .abil_tbox{width: 200px; height: 200px; border: 10px solid #000;}
	.ability .abil_tcon ul li img{height: 55px;}
	.ability .abil_tcon ul li p{padding-top: 12px; line-height: 18px; font-size: 14px;}
}
@media (max-width: 790px){
	.ability{margin-bottom: 0; padding: 20px 0 50px;}
	.ability .abil_tcon{position: unset; width: auto; margin: 35px 0 0 0;}
	.ability .abil_tcon:after{content: ''; display: block; clear: both;}
	.ability .abil_tcon .abil_tbox{position: unset; top: unset!important; left: unset!important; border-radius: 0; border: 5px solid #000;
	float: left; width: 19%; height: auto; margin: 0.5%; padding: 30px 0;}
	.ability .abil_tcon > div:nth-of-type(1){transform:none;}
}
@media (max-width: 640px){
	.ability{padding: 20px 0 30px;}
	.ability > img{height: 250px;}
	.ability .abil_tcon{margin: 25px 0 0 0;}
	.ability .abil_tcon .abil_tbox{width: 49%; padding: 20px 0; border: 1px solid rgba(26,118,169,.2)!important;}
	.ability .abil_tcon ul li img{height: 45px;}
	.ability .abil_tcon ul li p{padding-top: 12px; line-height: 14px; font-size: 12px;}
}

/*테이블*/
/* 반응형 테이블 */
table.table-responsive {border-top: 2px solid #292929; border-left: 0; border-right:0; width:100%; border-collapse: collapse; }
table.table-responsive th,
table.table-responsive td {border: 1px solid #c8c8c8; border-top:0; margin-top: 0; border-collapse: collapse; padding: 15px 15px; vertical-align: middle; width:auto; line-height:1.4em;}
table.table-responsive thead th:last-child,
table.table-responsive td:last-child { border-right: 0; }
table.table-responsive th { background: #f9f8f8; color:#222222; font-weight: 400; text-align: center;}
table.table-responsive th.table-in {padding:0 !important; background: #fff}
table.table-responsive th span.text-red {margin-right:2px; font-weight: 600;}
table.table-responsive td { min-height: 40px; }
table.table-responsive td.textarea-pd {padding: 5px 8px !important; }
table.table-responsive td .input-group-addon {padding:4px 4px 4px 10px;}
table.table-responsive td .input-group-addon-read {background-color: #eeeeee; line-height: 1.2;}
table.table-responsive th:first-child,
table.table-responsive td:first-child { border-left: 0; }
table.table-responsive-in {width:100%; text-align:left; font-size:12px !important; border-collapse: collapse; margin:-1px; }
table.table-responsive-in thead th {text-align: center; padding:7px 5px !important;}
table.table-responsive-in thead th {border-bottom:0 !important;}
table.table-responsive-in tbody {margin-top:-1px;}
table.table-responsive-in th,
table.table-responsive-in td { padding:3px 5px !important;  vertical-align: middle; }
table.table-responsive-in tr th:last-of-type,
table.table-responsive-in tr td:last-of-type { border-right-width:0 !important }
table.table-responsive-in th {background:#eaeef1; color:#222; font-weight:200; text-align:right;}
table.table-responsive-in td {padding:4px 8px !important; height:37px;}
table.table-responsive-in td > span {width:100%;}
table.table-responsive-in td .m_view {display:none;}
/*2019-06-19추가*/
table.table-responsive td.bgblue01 { background:#ddebf7;}
table.table-responsive td.bgblue02 { background:#bdd7ee;}
table.table-responsive td.bgblue03 { background:#9bc2e6;}
table.table-responsive td.bggreen01 { background:#e2efda;}
table.table-responsive td.bggreen02 { background:#c6e0b4;}
table.table-responsive td.bgiv01 { background:#fff2cc;}

table.table-responsive.table-text-ss { font-size: 13px; line-height: 1.4em;}
table.table-responsive.table-text-ss  th, table.table-responsive.table-text-ss  td { padding: 8px;}

table.table-responsive-in .table-in th,
table.table-responsive-in .table-in tr,
table.table-responsive-in .table-in td { border: none; }

table.table-responsive.table_padding_10 th
table.table-responsive.table_padding_10 td {padding:15px 0 15px 10px !important;}

/* table 스타일 */
table.k-editor {height:250px !important;}
{text-align:center !important;}
.th-left th,
.td-left td,
td.text-left {text-align:left !important;}
.th-center th,
.td-center td,
td.td-center {text-align:center !important;}
.th-right th,
.td-right td,
td.text-right {text-align:right !important;}
.k-state-default.k-autocomplete, .k-state-default.k-picker-wrap, .k-state-default.k-numeric-wrap, .k-state-default.k-dropdown-wrap {height:28px;}
.table-scroll {overflow-x: auto; overflow-y: hidden; padding: 0px !important;}
.table-scroll table { min-width: 800px ; }

/* 호서소개 > 오시는길 > 아산캠퍼스, 천안캠퍼스, 산학융합캠퍼스 */
.ccar { display: inline-block; width: 100%; margin-top: 20px; padding-bottom: 27px; border-bottom: solid 1px #a9a9a9; }
.ccar .ccar-cont { float: left; width: 70%; }
.ccar .ccar-cont h4 { margin-top: 0; }
.ccar .ccar-cont dt { margin-bottom: 5px; font-weight: 400; font-size: 1.2em; }
.ccar .ccar-map { float:left; width: 30%; text-align: right; }
.cbus:after{content:""; display:block; clear:both;}
.cbus li { float: left; width: 50%; padding: 0 10px; text-align: center; }
.cbus li img { border: solid 1px #a9a9a9; width: 100%; }
.ctable { width: 100%; font-size: 0.933em !important; }
.ctable td { padding: 3px 1px !important; border: solid 1px #c8c8c8 !important; }

/* 호서소개 > 오시는길 > 학기중 셔틀버스 시간표, 방학중 셔틀버스 시간표 */
.sbus { display: block; }
.sbus h3 { float: left; width: 50%;}
.sbus div { float: left; width: 50%; padding-top: 55px; text-align:right; }

/*학과사무실*/
.contact li{border: 1px solid #ddd;}
.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;}
}

/*학과소개 > 자격층취득현황*/
.intro_certi li{padding:40px; border:3px solid #ddd; margin-bottom:24px;}
.intro_certi li > span{font-size:22px; color:#161616; display:inline-block; margin-bottom:24px;}
.intro_certi li > span:after{content: ''; display: block; height: 8px; margin-top: -8px; background-color: #d0e5ff;}
.intro_certi li > p{color:#161616; margin-bottom:32px;}
.intro_certi li > div{line-height:24px; font-size:18px;}
.intro_certi li > div span{display:inline-block; width:24px; height:24px; background-color:#161616; border-radius:50%; vertical-align:middle; line-height:24px; margin-right:12px; background-image:url(/resources/images/swc/sub/person.png);
background-repeat:no-repeat; background-size:16px auto; background-position:center;}

/*호서대학교 경영학부 끝*/


/* vision2030 > 비전 */
.vision{ line-height:1.4}

.vsn-est { background:url(/resources/images/korean/sub/info/info02_01.jpg) no-repeat center top; }
.vsn-est p { margin: 0; padding: 2.2em 0;   font-size: 1.4em; color: #fff; text-align: center; background:url(/resources/images/korean/sub/info/info02_02.png) no-repeat left bottom; }
.vsn-sda { border: solid 1px #e5e5e5; border-radius: 10px; }
.vsn-gal { display: inline-block; width: 100%; }
.vsn-gal li { float: left; width: 24%; min-height: 280px; margin: 0 0.5%; padding: 20px; text-align: center; border: solid 1px #ccc; border-radius: 10px; background:url(/resources/images/korean/sub/info/info02_gal_arr.png) no-repeat 92% 45%; }
.vsn-gal li p.vsn-gal-t { text-align: center; margin: 8px 0 5px 0; font-size: 1.600em; font-weight: 500; color: #333232; }
.vsn-gal li .vsn-gal-ico { margin: 0 auto; width: 76px; height: 76px; border-radius: 50px; background: url(/resources/images/korean/sub/info/info02_gal_bg_pattern.jpg) no-repeat top center; }
.vsn-gal li .vsn-gal-ico img { margin-top: 16px; }
.vsn-gal li ul { margin: 10px 0 0 0; }
.vsn-gal li ul li { width: 100%; min-height:inherit; margin: 0; padding: 0; border: none; background: none; }
.vsn-gal li dl { float: left; width: 47%; margin: 3px 3px 0 3px; }
.vsn-gal li dl dt { width: 100%; margin: 0; padding: 5px 0 2px 0; text-align: center; color: #fff; font-weight: 400; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #898989; }
.vsn-gal li dl dt:first-child + dd { padding-top: 10px; }
.vsn-gal li dl dd { width: 100%; margin: 0; padding: 1px 0; text-align: center; color: #676e72; font-size: 0.867em; background-color: #e5e5e5; }
.vsn-gal li dl dd:last-child { padding-bottom: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.vsn-gal li.vsn-gal-last { padding-top: 30px; background: none; }
.vsn-gal li.vsn-gal-last .vsl-gal-last-ico { width: 144px; height: 143px; margin: 0 auto; padding:0; background: url(/resources/images/korean/sub/info/info02_gal_last_ico.png) no-repeat top center; }
.vsn-gal li.vsn-gal-last .vsl-gal-last-t { width: 100%; margin: 15px 0 0 0; padding: 0; color: #000; text-align: center; font-size: 2em; font-weight: 500; line-height: 1; }
.vsn-gal li.vsn-gal-last .vsl-gal-last-cnt { width: 100%; margin: 0; padding: 0; color: #303030; text-align: center; font-size: 1.2em; font-weight: 400; letter-spacing: -0.08em; }
.vsn-pln-info > div {}
.vsn-pln-info p { margin: 0; }
.vsn-pln-info dl {}
.vsn-pln-info dl dt { float: left; width: 123px; height: 123px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.vsn-pln-info dl dt span { display: block; font-size: 1.333em; line-height: 1.35; color: #ffffff; font-weight: 300; text-align: center; position: relative; top:50%;  transform: translateY(-50%); }
.vsn-pln-info dl dd { float: left; background: url(/resources/images/korean/sub/info/info02_pln_bg.gif) no-repeat 12px 60px; width: calc(100% - 123px); width: -webkit-calc(100% - 123px); min-height: 123px; padding-top:40px; padding-left: 40px; }
.vsn-pln-info .vsn-pln-info01 dt { background-color: #2d2f3b;}
.vsn-pln-info .vsn-pln-info01 dd { color: #2d2f3b; font-size: 2em; }
.vsn-pln-info .vsn-pln-info02 dt { background-color: #be222f;}
.vsn-pln-info .vsn-pln-info02 dd { color: #be222f; font-size: 2em; }
.vsn-pln-info .vsn-pln-info03 dt { background-color: #0537ca;}
.vsn-pln-info .vsn-pln-info04 dt { background-color: #1a53a2;}
.vsn-pln-info .vsn-pln-info05 dt { background-color: #009291;}
.vsn-pln-info .vsn-pln-info06 dt { background-color: #ff8a00;}
.vsn-pln-info dl dd .vsn-pln-ttl,
.vsn-pln-info dl dd .vsn-pln-sub { font-size: 1.333em; font-weight: 400; padding-bottom: 20px; }
.vsn-pln-info .vsn-pln-info03 .vsn-pln-ttl { color: #0537ca ;}
.vsn-pln-info .vsn-pln-info04 .vsn-pln-ttl { color: #1a53a2 ;}
.vsn-pln-info .vsn-pln-info05 .vsn-pln-ttl { color: #009291 ;}
.vsn-pln-info dl dd .vsn-pln-sub{ color: #333333; padding-bottom: 10px; }
.vsn-pln-info dl dd li { font-size: 1em; }
.vsn-pln-info .vsn-pln-info03 dd > ul > li { float: left; width :33.333%; padding-right: 5%; }
.vsn-pln-info .vsn-pln-info03 dd > ul > li:last-child { padding-right: 0; }
.vsn-pln-info .vsn-pln-info03 dd > ul > li > ul > li { padding-left: 1em; text-indent: -1em; }
.vsn-sda > div { border-bottom: 1px dashed #d6d6d6; padding: 26px 10px;  margin: 0 6px; text-align: center; }
.vsn-sda > div:last-child { border-bottom: 0; }
.vsn-sda .vsn-sda-ttl { font-size: 1.6em; color :#3b3b3b; font-weight: 400; margin-top: 0;  }
.vsn-sda .vsn-sda-cont { font-size: 2em; margin: 0; }
.vsn-sda-vision .vsn-sda-cont { color: #2d2f3b; }
.vsn-sda-people .vsn-sda-cont { color: #be222f; }
.vsn-sad-detail dl { margin-right: 10px; width: 274px; height: 225px; float: left; border-radius: 4px; }
.vsn-sad-detail dl:last-child { margin-right: 0; }
.vsn-sad-detail dl dt { background: url(/resources/images/korean/sub/info/info02_vsn_bg.png) repeat center; padding:10px 0; font-size: 1.333em; color :#ffffff; font-weight: 400; }
.vsn-sad-detail dl dd { padding: 15px 20px; color: #848484; }
.vsn-sad-detail dl dd .vsn-sda-sub { margin-top: 20px; font-size: 1.2em; color: #3b3b3b; font-weight: 400; }
.vsn-sad-detail dl dd p { margin: 0; line-height: 1.33;}
.vsn-sad-detail .vsn-sad-detail01 { border: 1px solid #122d7c; }
.vsn-sad-detail .vsn-sad-detail01 dt { background-color: #0537ca; }
.vsn-sad-detail .vsn-sad-detail02 { border: 1px solid #11376c; }
.vsn-sad-detail .vsn-sad-detail02 dt { background-color: #1a53a2; }
.vsn-sad-detail .vsn-sad-detail03 { border: 1px solid #093f3f ; }
.vsn-sad-detail .vsn-sad-detail03 dt { background-color: #009291; }
.vsn-sad-detail .vsn-sad-detail04 { border: 1px solid #955d1a; }
.vsn-sad-detail .vsn-sad-detail04 dt { background-color: #ff8a00; }

/*VISION 2030 >  대학홍보영상*/
.vidio_top{ position:relative; padding:100px 30px}
.vidio_bg{width:92%;height: 82%;border:#08449a 8px solid;box-sizing:border-box;position:absolute;right:0px;bottom: 50px;z-index:1;display:inline-block;}
.vidio{ width:760px; height: auto; position:absolute; background:#eee; top:0px; left:0px; border: #fff 10px solid; z-index:2}
.vidio_txt{ padding-left:750px; background:#fff;  z-index:2 }
.vidio_txt span{ color:#08449a; font-size:2.4em; font-weight:100; margin-bottom:30px; letter-spacing:-1px; display:block; line-height:1.2 }
.vidio_body h4{ margin-top:60px}




/* VISION 2030 > 발전기금조성위원회 소개*/
.fund_info{ width:100%; display:inline-block; margin-top:30px; margin-bottom:20px}
.fund_info li{ float:left; width:16.666%; text-align:center}
.fund_info li p.icon{ border-radius:50%; width:160px; height:160px; color:#fff ; padding-top:30px; font-size:0.95em}
.fund_map{ width:600px; height:170px; background:#666666; display:inline-block; overflow:hidden }
.fund_map02{ float:right; width:calc(100% - 630px); width: -webkit-calc(100% -630px);  font-weight:600;}
.fund_map02 dt{ font-size:1.8em; margin-bottom:20px ; color:#2c5b89; margin-top:10px}
.fund_map02 dd{ margin-bottom:20px}
.fund_map02 dd span{ font-weight:600; color:#2c5b89; margin-right:10px;}
.fund_map02 dd span i{  background:#2c5b89; color:#fff; width:26px; height:26px; border-radius:50%; line-height:26px; text-align: center }


 
/*발전기금 안내 > 발전기금 소개*/
.dash_box{ width:100%; display:inline-block}
.dash_box dl{ width:49%; border:#4673b3 1px solid; margin-right:1%; box-sizing:border-box; float:left; height:200px; padding:40px 40px 0px 40px;  position:relative; margin-bottom:1%; line-height:140%}
.dash_box dl:nth-child(2n) {mmargin-right:0%; }
.dash_box dl dt{ padding-bottom:20px; font-size:1.6em; font-weight:500; color:#4673b3; position:relative; margin-bottom:20px}
.dash_box dl dt:after{ content:""; width:15px; height:2px; background:#4673b3; position:absolute; bottom:0px; left:2px; }

/*발전기금 안내 > 발전기금 소개 약정하기*/
.cbox01{ width:100%; display:inline-block}
.cbox01 li{ float:left; width:48%; border:#d7d7d7 1px solid; margin:5px 1%; box-sizing:border-box; min-height:270px}
.cbox01 li h5{ width:100%; padding:20px 0px; text-align:center; color:#fff; margin:0px}
.cbox01 li p{ padding:20px 50px; text-align:center}
.cbox02 {width:100%; display:inline-block}
.cbox02 li{ float:left; width:33%; padding:30px; background:#008acd;  color:#fff;  min-height:270px}
.cbox02 li h5{     margin:0px; background:none; color:#fff; position:relative; padding:0px; padding-bottom:40px; font-size:1.5em}
.cbox02 li h5:after{ content:""; width:15px; height:2px; background:#fff; position:absolute; bottom:20px; left:2px; }
.cbox03{ width:100%; display:inline-block; text-align:center}
.cbox03 li{   width:40%;  margin:5px 0.5%; border-radius:150px; background:#2763bb ; color:#fff; display:inline-block; text-align:center; padding:25px 0px; line-height:1.6}
.cbox03 li span{ font-size:1.6em; margin-bottom:5px; color:#f8f59c; display:block; font-weight:500; position:relative}
 
/*발전기금 안내 >  타이틀*/ 
.title_list01{ text-align:center; line-height:140%}
.title_list01 p{ font-size:1.8em; margin-bottom:10px; letter-spacing:-1px}

/*박스헤드*/
.life0201_box{position:relative;height:318px; margin:20px 0 60px 0; width:100%; overflow:hidden}
.life0201_box.bg01{background-image:url(/resources/images/fund/sub/info_life02_img01.jpg);background-position:center top;background-repeat:no-repeat;}
.life0201_box.bg02{background-image:url(/resources/images/fund/sub/info_life02_img02.jpg);background-position:center top;background-repeat:no-repeat;}
.life0201_box.bg03{background-image:url(/resources/images/fund/sub/info_life02_img03.jpg);background-position:center top;background-repeat:no-repeat;}
.life0201_box.bg04{background-image:url(/resources/images/fund/sub/info_life02_img04.jpg);background-position:center top;background-repeat:no-repeat;}
.life0201_box.bg05{background-image:url(/resources/images/fund/sub/info_life02_img05.jpg);background-position:center top;background-repeat:no-repeat;}


.life0201_box .cont_box{position:absolute;left:50%;top:0;width:390px;  height:100%;margin-left:-183px;text-align:center;background:url(/resources/images/fund/sub/info_life02_bg_01.png) repeat;}
.life0201_box .cont_box .title_box{padding:80px 20px 0px 20px; line-height:40px;letter-spacing:-1px;}
.life0201_box .cont_box .title_box .tit01{color:#c3c3c3;}
.life0201_box .cont_box .title_box .tit02{font-size:30px;color:#fff;  background:url(/resources/images/fund/sub/deco10.gif) no-repeat center bottom; padding-bottom:20px; letter-spacing:-1px}
.life0201_box .cont_box .title_box .tit03{margin-top:20px; color:#ffd18a; line-height:25px; padding:0px 10px}
.life0201_box .cont_box .title_box br{}
.life0201_box .cont_box .cont{padding-top:10px;}
 

/*기부하기 >  기부방법  한줄자리 박스 4개*/
.grad.edu1{overflow:hidden;margin-bottom:20px;}
.grad.edu1:after{display:block;content:"";clear:both}
.grad.edu1>li{ float:left; position:relative;margin:0 0 30px;padding:10px 15px;text-align:center;}
.grad.edu1>li:before{content:"";display:inline-block;height:100px;vertical-align:middle;}
.grad.edu1>li:after{display:block;position:absolute;bottom:50px;right:-10%;margin-right:0px;width:16px;height:26px;background:url(/resources/images/fund/sub/flow_arw1.png) no-repeat 50% 50%;content:"";/*transform:rotate(90deg);*/}

.grad.edu1>li span{display:inline-block;vertical-align:middle;color:#fff; line-height:1.4;}
.grad.edu1>li.l_end{margin-right:0;}
.grad.edu1>li.l_end:after/*before*/{display:none;}
.grad.edu1 .sect1{background:#008acd;}
.grad.edu1 .sect2{background:#2763bb;}
.grad.edu1 .sect3{background:#2da490; }
.grad.edu1 .sect4{background:#f4f4f4; border:1px solid #d2d2d2; }
.grad.edu1 .sect4 span {color:#545454; }

.grad.life01>li {width:22.7%;  margin-right:3.0%; margin-top:20px;}
.grad.life01_01>li {width:22%;  margin-right:3.0%; margin-top:20px;}

/*기부하기 >  기부방법  여러줄*/
/*순서도*/
.collegelife-list > li {display:inline-block;position:relative;width:31%;margin-right:2%;background:#fff;border:1px solid #ccc; border-top:2px solid #224fa3; vertical-align:top;box-sizing:border-box; margin-bottom:20px}
.collegelife-list > li:after {position:absolute;display:block;content:"";width:26px;height:11px;right:-29px;top:100px;background:url(/resources/images/fund/sub/c_arr01.png) no-repeat 0px 0px  ;}
.collegelife-list > li:nth-child(3n){margin-right:0;}
.collegelife-list > li:last-child:after, .collegelife-list > li:nth-child(3n):after { visibility:hidden}
.collegelife-list > li .tit {display:block;padding:20px 10px; border-bottom:1px solid #939393; color:#224fa3; width:100%;  background: url(/resources/images/fund/sub/deco05.gif)  repeat 0px 0px; text-align:center; font-weight:500}
.collegelife-list > li .txt {display:block;min-height:100px; line-height:1.333em; padding:20px 15px; text-align:center; font-weight:500}
.collegelife-list > li .txt li{ margin-bottom:5px; background: url(/resources/images/fund/sub/deco06.gif) no-repeat 0px 8px; padding-left:10px}

/*기부하기 > 약정서 다운로드*/
.info_box > div.info_down{ background-image:url(/resources/images/fund/sub/sub04_img01.jpg); background-position:95% center; background-repeat:no-repeat; padding:70px 80px}
.info_down02{ font-size:1.9em; letter-spacing:-1px; margin-bottom:50px  }
.info_down .case02{ min-width:168px}
/*기부이야기 > 기부리포터*/
.reporttit{ font-size:1.4em; text-align:center; margin-bottom:40px}

/* 기부자예우>기부자권리장전*/
.foundation{ width:100%; padding:50px 40px; background:#f9f9f9; line-height:1.4; }
.foundation > .tit{ font-size:1.7em; text-align:center; font-weight:500; color:#2c5a88; padding:40px 0px;   word-break:normal; word-break:keep-all; background: url(/resources/images/fund/sub/deco08.gif) repeat-x 0px bottom; margin-bottom:50px}
 
.foundation:after{ content:""; clear:both}
.foundation ul.foundationul{ width:85%; margin:20px auto}
.foundation ul.foundationul li{ line-height:1.65; padding-bottom:7px; background: url(/resources/images/fund/sub/deco16.png) no-repeat 0px 2px; padding-left:35px; padding-bottom:15px; font-weight:600;  word-break:normal; word-break:keep-all;}

/*기부자예우 > 세제해택*/
.advanList{width:100%;display:inline-block;margin-top: 30px;}
.advanList .list{float:left;width: 32%;height: 430px;text-align:center;border:1px solid #ddd;border-radius: 10px; margin-left: 1%;}  
.advanList .list:first-child {margin-left:0%;}
.advanList .list .subj{padding: 210px 0 8px;font-size: 1.2em;font-weight:500;color:#333;}
.advanList .list .detailBtn{margin-top:20px;display:inline-block;font-weight: 500;color:#2763bb;padding: 15px 25px;border:1px solid #2763bb;}
.advanList .list .detailBtn:hover{border:1px solid #333; color:#333; background:#f1f1f1}
.advanList .list .txt{line-height: 140%;height:80px;font-size: 15px;}  
.advanList .list.i1{background: url("/resources/images/fund/sub/sub06_img02.png") no-repeat 50% 40px;}
.advanList .list.i2{background: url("/resources/images/fund/sub/sub06_img03.png") no-repeat 50% 40px;}
.advanList .list.i3{ background: url("/resources/images/fund/sub/sub06_img04.png") no-repeat 50% 40px;}

/*기부자예우 > 세제해택 > 팝업 스타일*/
.tax_info{ position:relative; width:100%; padding:0px 20px}
.tax_info .close_pop{ text-align:center; margin-top:30px}
.tax_info .close_pop a{ padding:20px 60px; border:#2763bb 2px solid; color:#2763bb; font-weight:600}
.tax_info h4{background: #2763bb;padding: 30px;color: #fff;margin-bottom: 40px;font-size: 1.6em; position: relative;}
.tax_info h4 span{ font-size:0.85em}
.tax_info h5{ margin-top:40px}
.tax_info h6{ margin-top:20px}
.tax_info .grayBox .question{padding:8px 0px 8px 30px; background:url("/resources/images/fund/sub/qna_q.gif") no-repeat 0px 8px; line-height:20px}
.tax_info .grayBox .answer{padding:8px 0px 8px 30px; background:url("/resources/images/fund/sub/qna_a.gif") no-repeat 0px 8px; color:#cf213c; line-height:20px}
.tax_info  .grayBox{margin:20px 0 0 0; padding:15px 20px; background:#f8f8f8; line-height:22px;}
.tax_info .stepBox{padding:20px 0 0;}
.tax_info .stepBox .txtA{margin:10px 0; color:#cf213c; font-weight:500;}
.tax_info .stepBox{padding:20px 0 0;}
.tax_info .stepBox .txtA{margin: 30px 0 10px;color:#cf213c;font-weight:500;}
.tax_info .step{display:inline-block;padding: 4px 16px;font-weight:normal;color:#fff;background:#cf213c;margin-right:5px;border-radius: 3px;}

/*기부자예우 > 예우프로그램 */
.program_01{ background: url(/resources/images/fund/sub/deco05.gif)  repeat 0px 0px; width:100%;   margin-top:20px; padding:8px}
.program_01 > div{ padding:20px; background-color:#fff; line-height:1.6; position:relative ; display:inline-block ; width:100%   }
.program_01 > div  dl{ float:right; width:65%    }
.program_01 > div  dl dt{ font-size:1.5em; color:#0c419a; margin-bottom:10px; padding-top:20px; font-weight:500}
.program_01 > div img{ max-width:30%}
/*동문광장 > 동문찾기 캠페인*/
.claim{ width:100%; background:#f7f7f7; padding-bottom:60px;  word-break:normal; word-break:keep-all; }
.claim .claimtop{ background: url(/resources/images/fund/sub/sub06_img01.jpg)  no-repeat  center  bottom  #3463a6; padding-bottom:270px;  color:#fff;   text-align:center;  }
.claim .claimtop p{ padding-left:20px; padding-right:20px}
.claim .claimtop span{ color:#ffe4c7}
.claim .claimtit01{  color:#fff; font-size:2.7em; text-align:center; font-weight:400 ;   padding-top:180px; background-color:#3463a6; background: url(/resources/images/fund/sub/sub07_img01.png) no-repeat 50% 80px #3463a6; }
.claim .claimtit02{ font-weight:400; margin-top:10px; font-size:1.1em}
.claim .claimbody{ padding:0px 70px; text-align:center; font-weight:400;  } 

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

/*사이트맵*/
.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 22px; }
.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: 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.fund_fam li{ border:#d7d7d7 1px solid; width:32%; margin-right:2%; padding:20px; position:relative; line-height:120%; height:370px;}
ul.ui-gallery.fund_fam li:nth-child(3n) { margin-right: 0; }
ul.ui-gallery.fund_fam li > a{ padding-top:40px; height:220px}
ul.ui-gallery.fund_fam li > a img{height: 179px;}

.ui-gallery.fund_fam li > a p{ top:0px; font-size:1.15em; font-weight:500; color:#1e5cc3}
ul.ui-gallery.fund_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: 1200px) { 
	
	/************************************************
		Sub Page Style
	*************************************************/
	.sub-page #page_nav,
	h2 { background-color: #ffffff; }
	h4.hst02{ margin-top:20px}
	/************************************************
		Sub layout Style
	*************************************************/
	.sub-top { border-top: 1px solid #b9b9b9; height: 150px; padding-top: 58px; }
	.sub-page-top h2{font-size:24px;}
	.sub-page #page_nav{margin-top:0;}
	.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 50px; margin-top:50px; }
	.sub-page-top{padding:24px 50px;}
	

	/************************************************
		Sub contents
	*************************************************/
	
	/* vision2030 > 총장인사말 */
	.greeting-top-box { height: 206px; background-size: cover; }
	.greeting-top-box p { font-size: 0.8125em; }
	.greeting-top-box .greeting-top-left { width: 60%; min-width: 445px; padding: 80px 0 0 130px; }
	.greeting-top-box .president-info { position: relative; width :180px; }
	.greeting-top-left .greeting-title { font-size: 1.266em; font-weight: normal; line-height: 1.376; }
	.president-info p { display: none; }
	.president-info img { position: absolute; width: 100%; height: auto; }
	.greeting-text p { padding-bottom: 0; }
	.greeting-text .greeting-text-left,
	.greeting-text .gretting-text-right { float: none; width : auto; margin-left: 0; } 
	.president-name { font-size: 0.875em; }
	
	/* vision2030 > 비전 */
	.vsn-est p { padding: 2.2em 4em 4em 4em; background:url(/resources/images/korean/sub/info/info02_02.png) no-repeat -30px bottom; }
	.vsn-gal li { width: 49%; margin: 0 0.5% 0.5% 0; }
	.vsn-pln img { width: 100%; }
	.vsn-sda img { width: 100%; }
    .vsn-sad-detail { width: 568px; margin: 0 auto; }
    .vsn-sad-detail dl:nth-child(2n) { margin-right: 0; }
	
	/*VISION 2030 대학홍보영상*/
	.vidio{ width:60%;}
	.vidio_txt{ padding-left:63%}
	
	/* VISION 2030 > 발전기금조성위원회 소개*/
	.fund_map{ width:400px}
	.fund_map02{ width:calc(100% - 430px); width: -webkit-calc(100% -430px); }
	.fund_map02 dt{ font-size:1.5em}
	
	/*발전기금 안내 >  타이틀*/ 
	.title_list01 p{ font-size:1.5em}
	
	/*기부하기 > 약정서 다운로드*/
	.info_box > div.info_down{ padding:40px}
	
	/* 로그인 */
	.lgn .lgn-info {width: 55%; }
	.lgn .lgn-info .lgn-info-w { background: url(/resources/images/korean/sub/login_lock.jpg) no-repeat 0 0; min-height: 100px; }
	.lgn .lgn-info .lgn-info-w .lgn-info-txt02 { font-size: 2.5em; }
	.lgn .lgn-info .lgn-info-w .lgn-info-txt03 { display: none; }
	.lgn .lgn-ipt { width: 45%; }
	.lgn .lgn-ipt .lgn-ipt-form { padding: 0 100px 0 0; }
	.lgn .lgn-ipt .lgn-ipt-form .lgn-btn { width: 90px; }



}
@media all and (max-width: 1000px) { 
/* VISION 2030 > 발전기금조성위원회 소개*/
.fund_info li{ width:33.333%; margin-bottom:10px}

}


@media all and (max-width: 767px) { 
	
	/************************************************
		Sub Page Style
	*************************************************/
	#body{ padding:0px 10px}
	.sub-page #page_nav,
	h2 { background-color: transparent; }
	h2 { padding-top: 23px; font-size: 1.428em; }
	.sub-page-top h2{padding:0;}
	
	/************************************************
		Sub layout Style
	*************************************************/
	.sub-top { display: none; }
	h4.hst01{margin-bottom:20px; font-size:1.3em}
	.sub-page-top{padding:12px 0;}
	.body-content{padding:0; margin-bottom:70px;}
	
	/************************************************
		Sub contents
	*************************************************/
	.hide_m{ display:none}
	/* textbox 스타일*/
	.t-box-inner{ padding:20px}
	
	/* vision2030 > 총장인사말 */
	.greeting-top-box { height: auto; background-position: left 94%; background-size: auto 198px; }
	.greeting-top-box p { color: #adb0b9; font-size: 0.928em; }
	.greeting-top-box .greeting-top-left,
	.greeting-top-box .president-info { float: none; width: auto; min-width: auto; padding: 0; }
	.greeting-top-box .greeting-top-left { margin-bottom: 30px; text-align: center; }
	.greeting-top-left .greeting-title { color: #008f5b; font-size: 1.304em; font-weight: 500; }
	.greeting-top-box .president-info { text-align: right; }
	.president-info p { display: inline-block; color: #ffffff; }
	.president-info p span { display: block; }
	.president-info img { position: static; width: 174px; }
	
	/* vision2030 > 비전 */
	.vsn-est p { padding: 2em 1.5em 8em 1.5em;font-size: 1.4em; background:url(/resources/images/korean/sub/info/info02_03.png) no-repeat center bottom; }
	.vsn-gal li { width: 100%; padding: 20px 20px 50px 20px; background:url(/resources/images/korean/sub/info/info02_gal_arr_down.png) no-repeat 50% 95%; }
	.vsn-gal li dl { width: 100%; margin: 5px 0 3px 0; }
	.vsn-pln-info {padding-top: 8px;}
    .vsn-pln-info dl dt,
    .vsn-pln-info dl dd { float: none; width: 100%; }
    .vsn-pln-info dl dt { border-radius: 6px; height: 64px; }
    .vsn-pln-info dl dt br { display: none; }
    .vsn-pln-info dl dd { background: none; padding: 15px 0 20px; min-height: 0; }
    .vsn-pln-info dl dd .vsn-pln-ttl { text-align: center; }
    .vsn-pln-info .vsn-pln-info01 dd,
    .vsn-pln-info .vsn-pln-info02 dd { font-size: 1.366em; text-align: center; font-weight: 400;}
    .vsn-pln-info .vsn-pln-info03 dd > ul > li { float: none; width: 100%; margin-bottom: 25px; padding-right: 0; }
    .vsn-pln-info .vsn-pln-info03 dd > ul > li:last-child { margin-bottom: 0; }
    .vsn-sda .vsn-sda-cont { font-size: 1.2em; }
    .vsn-sad-detail { width: 100%; }
    .vsn-sad-detail dl { width: 100%; margin-right: 0; }
    .vsn-gal li dl dt { padding: 7px 0 6px 0; font-size: 1.2em;}
	
	/*VISION 2030 대학홍보영상*/
	.vidio{ position:relative; width:100%; top:0px; left:0px}
	.vidio_top{ padding:0px}
	.vidio_txt{ padding:20px; border:#08449a 4px solid}
	.vidio_txt span{ font-size:1.6em}
	.vidio_txt span br, .vidio_bg{ display:none}
	.vidio_body h4{ margin-top:30px}		
	
	/*VISION 2030 > 발전기금조성위원회 소개 */
	.fund_info li{ width:50%}
	.fund_info li p.icon{ font-size:1em; width:100%; height:auto; padding:20px 0px; border-radius:0px}
	.fund_map{ width:100%}
	.fund_map02{ width:100%; float:none; margin-top:10px}
	.fund_map02 dd{ margin-bottom:10px}
	
	/*발전기금 안내 > 발전기금 소개*/
	.dash_box dl{ width:100%; margin-right:0px; height:auto; padding:20px }
	.dash_box dl dt{ margin-bottom:10px; .dash_box dl dt: }
	.cbox02 li{ width:100%; float:none; padding:20px; min-height:auto} 
	
	/*발전기금 안내 >  타이틀*/ 
	.title_list01 br{ display:none}
	.title_list01 p{ font-size:1.2em}	
	
	/* 모금 캠페인 > */
	.life0201_box{ margin-bottom:30px}
	
	/*기부하기 >  기부방법 */
	.grad.edu1>li{ float:none; padding:20px 15px}
     .grad.edu1>li:after{bottom:-30px;right:49%; background:url(/resources/images/fund/sub/flow_arw2.png) no-repeat 50% 50%;}
	 .grad.edu1 > li::before{ height:auto}
     .grad.life01>li {width:100%;  margin-right:0%;}
	 .grad.life01_01>li {width:100%;  margin-right:0%;}
	 
	 /*순서도*/
	.collegelife-list > li {width:46%; margin-right:4% }
 	.collegelife-list > li:nth-child(2n), .collegelife-list > li:nth-child(4n){margin-right:0px}
	.collegelife-list > li:nth-child(2n):after, .collegelife-list > li:nth-child(4n):after{ visibility:hidden}
	.collegelife-list > li:last-child:after{ visibility:hidden}
	
	/*기부하기 > 약정서 다운로드*/
	.info_box > div.info_down{ padding:25px; text-align:center}
	.info_box > div.info_down{ background-position:center 20px; background-size:220px}
	.info_down02{ margin-top:150px; font-size:1.5em }
	.info_down02 br{ display:none}
	
	/*기부이야기 > 기부리포터*/
	.reporttit{ font-size:1.1em; text-align:center; margin-bottom:20px}
	
	/*기부자예우 > 기부자권리장전*/
	.foundation{ padding:30px 15px}
	.foundation > .tit{ font-size:1.3em; padding:25px; margin-bottom:20px}
	.foundation ul{ margin-top:20px}
	.foundation ul li{ float:none; width:100%; margin:0px}
	.foundation ul.foundationul{ width:90%}
	.foundation ul.foundationul li{ background-size:20px; padding-left:30px}
	
	/*기부자예우 > 세제해택*/
	.advanList .list{ width:100%; margin-right:0%; margin-bottom:20px }
	
	/* 동문광장 > 동문찾기캠페인*/
	.claim .claimtop{   background-size:120%  auto }
	.claim .claimtop br{ display:none}
	.claim .claimtit01{font-size:1.6em;background-size:70px;padding-top: 110px;}
	.claim .claimtop{padding-bottom:120px}
	.claim .claimbody{ padding:0px 15px}
	.claim .claimtit02{ font-size:1em}
	.claim .claimtit01{ background-position:50% 60px}
	.claim .claimtop span{ display:block}
	
	/*사이트맵*/
	.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.fund_fam li{ width:49%; height:auto;}
	ul.ui-gallery.fund_fam li:nth-child(2n){ margin-right:0%}
	ul.ui-gallery.fund_fam li:nth-child(odd){ margin-right:2%}


}
@media all and (max-width: 600px) { 
	.sub-page #page_nav{display:none;}
	.body-content{padding:0; margin-bottom:70px;}
/*후원의 집 현황*/
#board_item2_view{ font-size:14px}
#board_item2_view .photo-left{ width:100% !important; margin-bottom:10px}
#board_item2_view dl{ width:100%}
#board_item2_view dt{ width:90px; padding:10px}
#board_item2_view dd{ padding:10px}

/*기부자예우 > 예우프로그램 */
.program_01 > div img{ max-width:100%}
.program_01 > div dl{ float:none; width:100%}
.program_01 > div dl dt{ font-size:1.2em]

}

}
@media all and (max-width: 450px) { 
/*박스헤드*/
	.life0201_box{ height:260px}
	.life0201_box .cont_box{width:100%; left:0%; margin:0px}
	.life0201_box .cont_box .title_box{ padding-top:20px; }
	.life0201_box.bg01{ margin-bottom:20px }
	.life0201_box .cont_box .title_box .tit02{ font-size:23px}
	
	/*순서도*/
	.collegelife-list > li {display:block;width:100%;margin-right:0;margin-bottom:35px; }
	.collegelife-list > li:after {width:11px;height:23px;right:auto;top:auto;left:50%;bottom:-30px;margin-left:-6px;background:url(/resources/images/fund/sub/c_arr02.png) no-repeat;}
 	.collegelife-list > li:nth-child(2n):after {visibility:visible;}
	.collegelife-list > li:last-child {margin-bottom:0;}
	.collegelife-list > li:last-child:after{ visibility:hidden}
	.collegelife-list > li .txt{ min-height:auto}
	
	/*기부하기 > 약정서 다운로드*/
	.info_down02{ margin-top:150px; font-size:1.2em }
	.info_down a{ margin-bottom:5px}
	
	/* 로그인 */
	.lgn .lgn-info .lgn-info-w { min-height: 0; background: none; }
	.lgn .lgn-info .lgn-info-w .lgn-info-txt01 { margin: 0; text-align: center; font-size: 0.85em; }
	.lgn .lgn-info .lgn-info-w .lgn-info-txt02 { margin: 0; text-align: center; font-size: 2em; }
	.lgn .lgn-ipt .lgn-ipt-form { padding: 0; }
	.lgn .lgn-ipt .lgn-ipt-form .lgn-ipt-combo { text-align: center; }
	.lgn .lgn-ipt .lgn-ipt-form ul li input { width: 100%; }
	.lgn .lgn-ipt .lgn-ipt-form .lgn-btn { position: relative; width: 100%; height: 55px; margin-top: 10px; }
	
	/*후원의 집 현황*/
	ul.ui-gallery.fund_fam li{ width:100%; margin-right:0px}

	/* 동문찾기 캠페인 */
	.claim .claimtit01{ padding-top:50px; background-position:50% 20px; background-size:40px}
	.claim .claimtop{ padding-bottom:70px}
	
 }


/*이미지박스 - .imgbox_normal*/
.imgbox_normal{padding:40px; border-radius:5px;  border:1px solid #c5c9d6; text-align:center; font-size:15px; line-height:24px; letter-spacing:-0.02em; color:#636363;}
.imgbox_normal img + p, .imgbox_normal .box_img + p{margin-top:17px;}
@media all and (max-width:640px) {
    .imgbox_normal{padding:20px;}
}

/*이미지 확대보기*/
.box_img{text-align:center;}
.box_img .inner{position:relative; line-height:0;}
.box_img img{max-width:100%;}
.box_img .img_zoom{display:none;}
@media all and (max-width:640px){
    .box_img .img_zoom{display:block; position:absolute; right:0; bottom:0; z-index:10; width:38px;height:38px; border-radius:50%; background-color:rgba(0,0,0,0.5);}
    .box_img .img_zoom a{display:block;padding:5px; font-size:0;}
    .box_img .img_zoom a:before{ content:'';display:block; width:28px; height:26px; background-image:url('/resources/images/swc/sub/uni_zoom_img01.png'); background-repeat:no-repeat; background-position:center center;}
}

/* 학부제 추가 */
.intro_02 .line-box{margin-bottom:50px;}
.intro_02 .int02-tit{display:inline-block; width:100%; font-size:33px; color:#525252; text-align:left; font-style: normal; position:relative; margin:30px 0;}
.intro_02 .int02-tit span{color:#525252; margin:0 7px;}
.intro_02 h4:before { display:none}
.temp_box {margin-bottom:20px; padding:10px; background:url('/resources/images/swc/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 h4 { font-size:2.125rem}
.temp_box h4:before { background:none}
.temp_box em { font-style:normal}
.em_red {color:#bf0000;}
.temp_box.type1{padding:20px; background:url('/resources/images/swc/sub/temp_box6_bg1.jpg') left top no-repeat, url('/resources/images/swc/sub/temp_box6_bg1.jpg') right bottom no-repeat; text-align:center}

.ui_box {padding:3.5rem 2.5rem; padding-left:15.2rem; position:relative; background:#f3f4f6; min-height:10.6rem; margin-bottom:1rem;}
.ui_box strong {display:block; font-size:1.725rem; color:#05408a; font-weight:400; margin-bottom:1.15rem;}

.ui_box .icon {width:5.75rem; height:6.6rem; display:block; position:absolute; top:2.5rem; left:6.5rem;}
.ui_box .icon.icon01 {background:url("/resources/images/swc/sub/hoseo_symbol_01.png") no-repeat center center/cover;}


.line-box{width:100%; padding:12px;  background: url(/resources/images/swc/sub/box-line.png); text-align: center; font-size:18px; color:#161616}
.inner{background-color:#fff; padding:24px; line-height:1.5; font-size:18px; display: block;}


@media (max-width:767px){
	.temp_box.type1 { padding: 10px;}
    .ui_box {padding-left:2.5rem;}
    .ui_box .icon {display:none;}
}

/**************** 사회복지상담학과 추가 **************************/
.greet-wrap {
  /*max-width: 1100px;*/
  margin: 0 auto;
  padding: 40px 20px;
  color: #333;
  line-height: 1.8;
}

.greet-top {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.greet-top-img {
  flex: 0 0 100px;
  height: 100px;
  background: url('/resources/images/swc/sub/intro_img01.jpg') no-repeat center;
  background-size: cover;
  border-radius: 50%;
}
.greet-hero-img {
  width: 100%;
  height: 350px; /* 또는 원하시는 높이, 예: 40vh */
  background: url('/resources/images/swc/sub/intro_img01.jpg') no-repeat center center;
  background-size: cover;
  margin-bottom: 20px;
}

.greet-top-txt span {
  font-size: 1.25rem;
  color: #0078bc;
  font-weight: 600;
   opacity: 0.5;
}

.greet-text .greet-sub-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #1e4a7b;
  margin-bottom: 10px;
}

.greet-text .greet-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 20px;
}

.greet-text .greet-title em {
  font-style: normal;
  color: #0078bc;
  font-weight: bold;
}

.greet-text .greet-intro {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 20px;
  color: #444;
}

.greet-text p {
  margin-bottom: 16px;
}

.greet-footer {
  margin-top: 40px;
  text-align: right;
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
}

.greet-footer strong {
  display: block;
  font-weight: 600;
  color: #1e4a7b;
}

.greet-footer span {
  font-weight: normal;
}
@media (max-width: 768px) {
  .greet-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .greet-top-img {
    margin-bottom: 10px;
  }
}

/* 학과소개 */
.dept-intro-wrap {
  /*max-width: 960px;*/
  margin: 0 auto;
  padding: 40px 20px;
  font-family: 'Pretendard', sans-serif;
  color: #333;
}

.dept-title-box {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
}

.dept-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1e4a7b;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.dept-title::after {
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  background: #0078bc;
  margin: 10px auto 0;
}

.dept-content .dept-section {
  margin-bottom: 40px;
}

.dept-subtitle {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 15px;
  color: #0078bc;
  position: relative;
  padding-left: 20px;
}

.dept-subtitle::before {
  content: "▶";
  position: absolute;
  left: 0;
  color: #0078bc;
  font-size: 1rem;
}

.dept-desc {
  font-size: 1rem;
  line-height: 1.8;
  color: #444;
}

.dept-intro-box {
  /*max-width: 960px;*/
  margin: 0 auto;
  padding: 40px 20px 20px;
  color: #333; text-align:center;
}

.dept-intro-box .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #1e4a7b;
  margin-bottom: 20px;
}

.dept-intro-box p {
  font-size: 1.1rem;
  line-height: 1.8;
  color: #444;
}

.dept-intro-box p em {
  font-style: normal;
  font-weight: 600;
  color: #0078bc;
}

.dept-vision-box {
  background: #f2f7fb;
  padding: 40px 20px;
  margin: 60px 0;
  border-left: 6px solid #0078bc;
  border-radius: 8px;
 /* max-width: 960px;*/
  margin-left: auto;
  margin-right: auto;
}

.dept-vision-box .title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #0078bc;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.dept-vision-box .inner {
  background: #fff;
  padding: 30px 20px;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 120, 188, 0.1);
}

.dept-vision-box .txt p {
  font-size: 1.3rem;
  color: #222;
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
}

.dept-vision-box .txt em {
  font-style: normal;
  color: #0078bc;
  font-weight: 700;
}

@media (max-width: 768px) {
  .dept-title {
    font-size: 1.6rem;
  }

  .dept-subtitle {
    font-size: 1.2rem;
  }

  .dept-desc {
    font-size: 0.95rem;
  }
}
.text-center { text-align:center !important;}

/*공백 */
.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;}
}

.goal-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 30px;
}
.goal-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 30px;
  padding: 0;
  list-style: none;
}

.goal-list li {
  background-color: #f2f2f2;
  color: #333;
  padding: 20px;
  font-size: 15px;
  border-radius: 8px;
  line-height: 1.6;
  flex: 1 1 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .goal-list li {
    flex: 1 1 calc(50% - 16px); /* 2개씩 정렬 */
  }
}

.box-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 30px;
}

.box-item {
  position: relative;
  background-color: #f2f2f2;
  padding: 40px;
  border-radius: 10px;
  flex: 1 1 calc(50% - 20px);
  box-sizing: border-box;
  text-align: left;
  overflow: hidden;
}

.box-item h4,
.box-item p {
  position: relative;
  z-index: 2;
}
.box-item h4 { font-weight:500; line-height: 1.3em;}
.box-item h4:before { display: none;}
/* 배경 텍스트 */
.bg-text {
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-size: 60px;
  font-weight: 900;
  color: rgba(0, 0, 0, 0.05); /* 연한 회색 */
  z-index: 1;
  pointer-events: none;
  user-select: none;
  line-height: 1;
  white-space: nowrap;
}

.banner-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.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(20% - 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: 16px;
  font-weight:600;
  border-radius: 8px;
  text-align: center;
  flex: 1 1 calc(25% - 12px);
  box-sizing: border-box;
  min-width: 180px;
}
.gray-badge-list.type01 li {flex: 1 1 calc(33% - 12px);}

/* 학생회 */
.org-chart {
  font-family: 'Pretendard', sans-serif;
  padding: 20px;
  max-width: 1024px;
  margin: 0 auto;
}

.org-chart .title {
  background: #333;
  color: #ffd966;
  padding: 10px 30px;
  font-weight: 700;
  font-size: 20px;
  display: inline-block;
  border-radius: 30px;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

.org-chart .level {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
}

.line-down {
  width: 1px;
  height: 20px;
  background: #aaa;
  margin: 0 auto 20px;
}

.group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.group.two .person {
  width: 160px;
}

.group.four .person {
  width: 160px;
}

.person {
  background: #fff6db;
  border-radius: 12px;
  padding: 15px;
  position: relative;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.label {
  background: #fbd35d;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  width: 60px;
  height: 60px;
  border-radius: 50%; /* 원형 */
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -30px; /* 원이 카드 위로 반쯤 걸치게 */
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  z-index: 1;
}

.info {
  margin-top: 20px;
  font-size: 14px;
  color: #444;
  line-height: 1.4;
}

.name {
  font-weight: bold;
  font-size: 16px;
  margin-top: 8px;
}
.group-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

.group-block {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.grade-title {
  background: #333;
  color: #ffd966;
  font-weight: bold;
  padding: 8px 24px;
  border-radius: 25px;
  font-size: 17px;
  position: relative;
  z-index: 2;
}
.grade-title::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 20px;
  background: #999;
}
.block-line {
  width: 1px;
  height: 20px;
  background: #aaa;
  margin: 0 auto 16px;
}
/* 수직선 (학년 아래) */
.grade-title::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 26px;
  background: #999;
  z-index: 0;
}

/* 수평선 (두 사람 사이) */
.group.two {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 20px;
}
.group.two::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  width: 200px;
  height: 1px;
  background: #999;
  transform: translateX(-50%);
  z-index: 0;
}

/* 각 인물 위에 수직선 */
.group.two .person {
  position: relative; /* 필수! */
}

.group.two .person::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 20px;
  background: #999;
  z-index: 0;
}

/* 반응형 */
@media (max-width: 768px) {
  .group {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .group .person {
    width: 100%;
    max-width: 280px;
  }
  .group-row {
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }

  .group-block {
    width: 100%;
    max-width: 320px;
    text-align: center;
	display: block;
  }
  .group.two {
    flex-direction: column;
    gap: 16px;
  }
  .group.two .person {
    width: 100%;
    max-width: 300px;
  }
  .group.two::before,
  .group.two .person::before,
  .grade-title::after {
    display: none;
  }
  .info,
  .name {
    font-size: 16px; /* 모바일에서도 최소 가독성 확보 */
    text-align: center;
  }
}