@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
@import url('reset.css');
@import url('board.css');

body {font-family:"PT Sans Narrow",sans-serif}

/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:10px 0px}

.width55 {display:inline-block; width:55px}
.width70 {display:inline-block; width:70px}
.width100 {width:100% !important}
.height270 {height:270px !important}
.float-right {float:right !important}
.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}
.mt100 {margin-top:100px !important}
.btn-gray {background:#ebebeb}

.dList {margin-top:10px}
.dList > li {background:url('../images/listDot.png') 3px 9px no-repeat; padding-left:15px; font-size:15px; line-height:20px; margin-bottom:7px}
.dList > li:last-child {margin-bottom:0}
.bList {margin-top:10px}
.bList > li {background:url('../images/listBar.gif') 3px 9px no-repeat; padding-left:15px; font-size:15px; line-height:20px; margin-bottom:7px}
.bList > li:last-child {margin-bottom:0}
.nList {margin-top:10px; margin-left:15px}
.nList > li {list-style:decimal; list-style-position:outside; line-height:20px; margin-bottom:7px; font-size:15px}
.indentList > li {padding-left:15px}

.listStyle {overflow:hidden}
.listStyle.list02 li {width:50%}
.listStyle.list03 li {width:33.33%}
.listStyle.list04 li {width:25%}
.listStyle.list05 li {width:20%}
.listStyle.list03 li:nth-child(4), .listStyle.list03 li:nth-child(7), .listStyle.list03 li:nth-child(10), .listStyle.list03 li:nth-child(13), .listStyle.list03 li:nth-child(16), .listStyle.list03 li:nth-child(19), .listStyle.list03 li:nth-child(22), .listStyle.list04 li:nth-child(5), .listStyle.list04 li:nth-child(9), .listStyle.list04 li:nth-child(13), .listStyle.list04 li:nth-child(17), .listStyle.list04 li:nth-child(21) {clear:both}
.listStyle li {float:left; text-align:center; padding:1% 1% 1% 0.5%; margin-bottom:1%}
.listStyle li img {margin:0 auto}
.listStyle li img:hover {opacity:0.9}
.listStyle li strong {display:block; color:#122984; font-size:16px; font-weight:700}

#tabStyle {overflow:hidden; border-top:1px solid #d8d9db}
#tabStyle li.on a {background:#d14e1c; color:#fff}
#tabStyle li a:hover {background:#d14e1c; color:#fff}
#tabStyle li:first-child a {border-left:1px solid #d8d9db}
#tabStyle li a {display:block; float:left; background:#eff3f4; border-right:1px solid #d8d9db; border-bottom:1px solid #d8d9db; box-sizing:border-box; padding:16px 0; text-align:center; font-size:16px; color:#636363; font-weight:700}
.tab1 li a {width:100%}
.tab2 li a {width:50%}
.tab3 li a {width:33.3%}
.tab4 li a {width:25%}
.tab5 li a {width:20%}
.tab5 li:nth-child(6) a {border-left:1px solid #d8d9db}
.tab5 li:nth-child(11) a {border-left:1px solid #d8d9db}
.tab6 li a {width:16.66%}
.tab6 li:nth-child(7) a {border-left:1px solid #d8d9db}
.tab8 li a {width:12.5%; font-size:12px !important}
#tabStyle li a.Business {background:#122984; color:#fff}
#tabStyle li a.Finance {background:#128481; color:#fff}
#tabStyle li a.Marketing {background:#128422; color:#fff}
.Business tr th {background:#122984; color:#fff}
.Finance tr th {background:#128481; color:#fff}
.Marketing tr th {background:#128422; color:#fff}

#headerTop {padding:10px 0; box-sizing:border-box; background:#122984; overflow:hidden}
#headerTop > section {max-width:1100px; margin:0 auto}
#headerTop > section > ul {float:right}
#headerTop > section > ul > li {float:left; margin-left:18px}
#headerTop > section > ul > li > a {color:#fff; font-size:13px}
#headerTop > section > ul > li.log > a {color:#122984; font-size:13px; padding:3px 8px; background:#fff}
#headerTop > section > ul > li > a:hover {opacity:0.9}

header {border-bottom:2px solid #e5e5e5; padding:20px 0; box-sizing:border-box}
header > section {max-width:1100px; margin:0 auto}
.navbar {margin-bottom:0}
.navbar-brand {padding:0 !important; margin-right:40px; height:auto}
.navbar-collapse {padding:0 !important}
.nav>li>a {padding-right:22px; padding-left:22px; color:#000; font-weight:bold; font-size:16px; text-transform:uppercase}
.nav>li.active {background:#eee}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color:#122984; border-color:#122984;	color:#000}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {color:#fff}
.navbar-nav .open .dropdown-menu {background:#122984}
.dropdown-menu {border-right:none; border-left:none}
.dropdown-menu>li>a {color:rgba(255,255,255,1)}
.navbar-toggle {/*margin-top:25px*/}
.navbar-toggle .icon-bar {background:#000}

#mainVisual {margin-top:20px}
#mainVisual > section {max-width:1100px; margin:0 auto; overflow:hidden}
#mainVisual > section > .visual {float:left; max-width:810px; margin-right:10px}
#mainVisual > section > .visual .bx-wrapper .bx-viewport {box-shadow:none; left:0; border:none}
#mainVisual > section > .event {float:left; width:280px; height:360px; background:#fff; box-sizing:border-box; padding:38px 20px 30px 20px; border:1px solid #9b9b9b}
#mainVisual > section > .event h2 {font-size:36px; font-weight:bold; text-align:center; margin-bottom:25px; color:#244c91}
#mainVisual > section > .event a {overflow:hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #b2b2b2; display:block}
#mainVisual > section > .event a:last-child {padding-bottom:0px; border-bottom:none}
#mainVisual > section > .event dl dt {padding:6px; color:#fff; width:45px; height:45px; box-sizing:border-box; border-radius:3px; line-height:14px; font-size:14px; text-align:center; float:left; font-weight:normal; background:#244c91}
#mainVisual > section > .event dl dt span {display:block; font-size:20px; font-weight:bold}
#mainVisual > section > .event dl dd {font-size:16px; width:193px; /*display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ padding-left:10px; line-height:21px; color:#000; display:table-cell; vertical-align:middle; height:45px;}
#mainVisual > section > .event .more {text-align:center}
#mainVisual > section > .event .more a {color:#6f6f6f; font-size:20px; background:url('../images/icon_more.png') right 49% no-repeat; padding-right:20px; font-weight:bold}

#footerTop {margin-top:10px}
#footerTop > section {max-width:1100px; margin:0 auto; overflow:hidden; background:#122984; padding:40px; position:relative}
#footerTop > section h2 {color:#fff; font-size:30px}
#footerTop > section .f_aacsb {position:absolute; top:30px; right:30px}
#footerTop > section .sns {position:absolute; top:40px; left:280px}
#footerTop > section .sns li {float:left; margin-right:5px}
.qLinks {overflow:hidden; margin-top:30px}
.qLinks > li {float:left}
.qLinks > li.link01 {width:154px; margin-left:10px}
.qLinks > li.link02 {width:120px; margin-left:40px}
.qLinks > li.link03 {width:140px; margin-left:30px}
.qLinks > li.link04 {width:140px; margin-left:30px}
.qLinks > li.link05 {width:100px; margin-left:40px}
.qLinks > li.link06 {width:130px; margin-left:40px}
.qLinks > li > h3 {font-size:20px; color:#fff}
.qLinks > li > ul {margin-top:15px}
.qLinks > li > ul > li a {display:block; font-size:14px; color:rgba(255,255,255,1); margin-bottom:10px; /*background:url('../images/icon_bar.gif') 0 4px no-repeat; padding-left:7px;*/ word-break:break-all}

footer {max-width:1100px; margin:30px auto; text-align:center; color:#7d7d7d; font-size:16px; line-height:24px; position:relative}
footer > p span {padding:0 15px}
footer > .f_aacsb {position:absolute; top:0px; right:30px}
/* pattern_bg / 뒤의 숫자는 투명도 퍼센트 */
[class^="mask-"]{position:absolute;top:0;left:0;width:100%;height:100%;}
.mask-black-30{background-image:url('../images/mask_bl_30per.png')}

/* sVisual */
#sVisual{position:relative; height:180px; background-attachment:fixed; background-image:url('https://solbridge.ac.kr/site/main/image/subVisual01.jpg'); background-repeat:no-repeat}
#sVisual.sub01{background-image:url('https://solbridge.ac.kr/site/main/image/subVisual01.jpg')}
#sVisual.sub02{background-image:url('https://solbridge.ac.kr/site/main/image/subVisual02.jpg')}
#sVisual.sub03{background-image:url('https://solbridge.ac.kr/site/main/image/subVisual03.jpg')}
#sVisual.sub04{background-image:url('https://solbridge.ac.kr/site/main/image/subVisual04.jpg')}
#sVisual.sub05{background-image:url('https://solbridge.ac.kr/site/main/image/subVisual05.jpg')}
#sVisual.sub06{background-image:url('https://solbridge.ac.kr/site/main/image/subVisual06.jpg')}
#sVisual .mask-black-dot{position:absolute;top:0;left:0;width:100%;height:100%;}
#sVisual .wrapper{padding-top:80px;}
#sVisual .wrapper *{position:relative;color:#fff;line-height:1;text-align:center;}
#sVisual .wrapper h1{font-size:45px;}
#sVisual .wrapper h1:before{display:inline-block;content:"";position:absolute;left:50%;top:-33px;margin-left:-6px;width:12px;height:12px;background-color:#f59b00;border-radius:50%;}
#sVisual .wrapper .mvcopy {margin-top:10px; font-size:14px; letter-spacing:1px}

.nav-breadcrumb {background-color:#f5f5f5; padding:0; position:relative}
.nav-breadcrumb .breadcrumb {padding:10px 0; margin-bottom:0; list-style:none; background-color:#f5f5f5; border-radius:0}

.nav-secondary {padding:0 20px; margin:30px 0; font-family:"PT Sans Narrow",sans-serif}
.site-title, .nav-secondary > * h4, #sidebar > * h4 {border-bottom:1px dotted #CBCBCB; border-bottom:1px dotted rgba(0,0,0,.2); font-size:18px; font-weight:bold; line-height:21px; margin:0 0 12px; padding:0 0 12px; letter-spacing:2px}
.nav-secondary li a, .related-links li a {display:block; line-height:21px; padding:7px 10px 7px; background:white; color:#000; font-size:16px; font-weight:300}
.nav-secondary a:hover{color:#d14e1c; background:#f2f2f2}
.lnb_list > li > ul {display:none}
.nav-secondary .selected ul, .nav-secondary .opened ul {padding-left:10px; display:block}
.nav-secondary .selected a, .nav-secondary .opened a {background:#f2f2f2; padding-left:10px}
.nav-secondary .selected > a {background:#d14e1c; color:white}
.nav-secondary .opened > a {background:#E6E6E6}

#main-content {padding-bottom:100px}
#content-well {font-size:15px; font-family:"PT Sans Narrow",sans-serif}
#content-well h3 {font-size:34px; margin:0 0 14px 0; padding-bottom:13px; border-bottom:1px dotted #CBCBCB; font-weight:700}
#content-well h3 {font-size:34px; margin:14px 0; padding-bottom:13px; border-bottom:1px dotted #CBCBCB; font-weight:700}
#content-well h4 {font-size:24px; margin-top:30px; font-weight:700}
#content-well p {line-height:150%}

#content-well > h4#Business {color:#122984}
#content-well > h4#Finance {color:#128481}
#content-well > h4#Marketing {color:#128422}

.modal-title {font-size:20px; font-weight:700}
.modal-header .close {margin-top:8px}

.inputText {padding:5px 5px; font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; box-sizing:border-box}
.bt-search {width:100%; height:73px}

table .company {font-size:16px; color:#0864b1; line-height:18px; display:block; font-weight:700}
table .job {font-size:26px; color:#00162e; font-weight:400; line-height:30px; display:block}
table .info {font-size:13px; color:#727a7d}
table .date {display:block; text-align:right; color:#8d8d8d; min-width:85px}
table .date strong {display:block; font-size:14px; color:#0864b1}
.tbl-striped tbody tr th {padding:20px; vertical-align:middle; background:#ebebeb}
.tbl-striped tbody tr td {padding:20px; vertical-align:middle}
.tbl-striped tbody tr td img {display:block; max-width:100%; height:auto}

.calendarSkin {overflow:hidden; width:100%}
.calendarSkin .cTitle {display:inline-block; float:left; padding:6px 12px; font-size:14px; margin-top:4px}
.calendarSkin thead th {font-size:13px; text-align:center; padding:8px !important}
.calendarSkin tbody td {font-size:12px; text-align:center; padding:0px !important; line-height:28px; background:#ced1d2; color:#8d94a1}
.calendarSkin tbody td a {color:#605c5f; background:#fff; display:block}
.calendarSkin tbody td:hover a {background:#3089c2; color:#fff}
.calendarSkin tbody td.on_day a {background:#3089c2; color:#fff}

.cEvent {border-bottom:1px dashed #d0d0d0; padding-bottom:30px; margin-bottom:30px}
.cEvent:last-child {border-bottom:none; padding-bottom:0px; margin-bottom:0px}
.eTxt {font-size:18px}
.c_header {text-align:right; margin-top:-25px}
.cLeftBtn {border:1px solid #ddd; border-radius:5px; padding:5px 9px; background:#eee; cursor:pointer}
.cLeftBtn:hover {border:1px solid #ddd; background:#ddd}
.cRightBtn {border:1px solid #ddd; border-radius:5px; padding:5px 9px; background:#eee; cursor:pointer}
.cRightBtn:hover {border:1px solid #ddd; background:#ddd}
.c_month {font-size:18px; padding:0 7px}
.cni {overflow:hidden}
.cni li {float:left; width:50%}



@media screen and (max-width:1024px) {
	#headerTop > section, header > section {padding:0 20px}
	.nav>li>a {padding-right:10px; padding-left:10px}
	#mainVisual > section > .visual {float:none; max-width:100%; margin-right:0}
	#mainVisual > section > .event {width:100%}
	#mainVisual > section > .event dl dt {width:12%}
	#mainVisual > section > .event dl dd {width:88%}
}

@media screen and (max-width:768px) {
	header > section {padding:0 0 0 20px}
	.navbar-header {width:100%}
	.navbar-brand {margin-right:20px}
	.nav>li>a {padding:7px 5px}
	.listStyle.list03 li {width:50%}
	.listStyle.list04 li {width:50%}
	.listStyle.list05 li {width:50%}
	.listStyle.list03 li:nth-child(4), .listStyle.list03 li:nth-child(7), .listStyle.list03 li:nth-child(10), .listStyle.list03 li:nth-child(13), .listStyle.list03 li:nth-child(16), .listStyle.list03 li:nth-child(19), .listStyle.list03 li:nth-child(22), .listStyle.list04 li:nth-child(5), .listStyle.list04 li:nth-child(9), .listStyle.list04 li:nth-child(13), .listStyle.list04 li:nth-child(17), .listStyle.list04 li:nth-child(21) {clear:none}
	.listStyle li:nth-child(3), .listStyle li:nth-child(5), .listStyle li:nth-child(7), .listStyle li:nth-child(9), .listStyle li:nth-child(11), .listStyle li:nth-child(13), .listStyle li:nth-child(15), .listStyle li:nth-child(17), .listStyle li:nth-child(19), .listStyle li:nth-child(21), .listStyle li:nth-child(23), .listStyle li:nth-child(25) {clear:both}
	.tab3 li a {width:50%}
	.tab4 li a {width:50%}
	.tab5 li a {width:50%}
	.tab6 li a {width:50%}
	.tab7 li a {width:50%; font-size:12px !important}
	.tab8 li a {width:50%; font-size:12px !important}
}

@media screen and (max-width:425px) {
	header {padding:20px 0}
	.navbar-header {width:100%}
	.navbar-brand {width:70%; margin-right:20px}
	.navbar-brand img {margin-top:10px}
	.nav>li>a {padding:10px 14px}
	#footerTop > section .sns {position:relative; top:0px; left:0px}
	#footerTop > section .f_aacsb {position:relative; top:0px; left:0px; margin-top:40px}
	.qLinks > li {width:100% !important; margin-left:0 !important; margin-top:20px}
	footer {padding:0 20px}
	footer > p span {display:block; padding:0}
	footer > .f_aacsb {position:relative; top:0px; right:0px; display:block; text-align:center}
	footer > .f_aacsb img {margin:5px auto}
}

@media screen and (max-width:375px) {
	#mainVisual > section > .event dl dt {width:16%}
	#mainVisual > section > .event dl dd {width:84%}
}



/* FACULTY */
.profile {
	overflow: hidden;
	background: #fff;
}
.profile h2 {
	font-size: 1.125em;
	color: #122984;
	font-weight: 700;
	margin: 0 0 0 0;
}
.profile h3 {
	color: #122984;
	font-size: 1em;
	font-weight: 700;
	margin-top: 0;
	text-transform:uppercase
}
.sidebox {
	background: #fff;
	border: 1px solid #dadada;
	overflow: hidden;
	padding: 10px;
	word-wrap: break-word;
	margin-bottom: 15px;
}
.ui-link {
	color:#d14e1c
}
 @media screen and (min-width: 1024px) {
	.biography {
		margin-left: -20px;
	}
	.sidebox {
		padding: 20px;
	}
}
@media screen and (min-width: 768px) {
	.teaching-areas {
		border-left: 1px solid #dadada;
		min-height: 160px;
	}
}

@media screen and (max-width: 425px) {
	.teaching-areas {
		margin-top:20px;
	}
	.sidebox {
		text-align:left
	}
	.profile img {
		margin:0 auto
	}
	.profile h2 {
		margin-top:20px;
	}
}