@charset "utf-8";
/* CSS Document */


/* ==========================================================================
   Import Web Fonts
   ========================================================================== */

@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('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

/* ==========================================================================
   Import normalize.css
   ========================================================================== */

@import url('../css/normalize.css');
/* ==========================================================================
   Base Styles
   ========================================================================== */

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*, *::before, *::after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

 @-moz-viewport {
 width: device-width;
}
 @-ms-viewport {
 width: device-width;
}
 @-webkit-viewport {
 width: device-width;
}
 @viewport {
 width: device-width;
}
head br {
	display: none;
}
html, body {
	background: white;
	overflow-x: hidden;
}
html {
	font-size: 16px;
	-webkit-tap-highlight-color: transparent;
}
body {
	color: #111;
	font: 16px "PT Sans", "Helvetica Neue",'Nanum Gothic','Malgun Gothic','Dotum','AppleGothic',sans-serif; /* 16px */
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
body > main {
	overflow: hidden;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
 @media screen and (min-width: 1921px) {
html {
	background: #333;
}
body {
	background: white;
	margin: 0 auto;
	max-width: 1920px;
}
}
[tabindex="-1"]:focus {
	outline: none !important;
}
img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
 [role="button"] {
 cursor: pointer;
}
 a, area, button, [role="button"], input, label, select, summary, textarea {
 -ms-touch-action: manipulation;
 touch-action: manipulation;
}
nav ul, nav ol, nav li {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 700;
	font-family:'Nanum Gothic','Malgun Gothic','Dotum','AppleGothic',sans-serif; /* 16px */
}
a {
	color:#122984;
	text-decoration: none;
}
a:hover {
	color:#d14e1c;
	text-decoration: none;
}

.blue {
	color: blue !important;
}
.red {
	color: red !important;
}
.figure figcaption {
	font-size: 0.75em;
	text-align: center;
	color: #898989;
	margin: 10px 0;
}
caption {overflow:hidden; text-indent:-9999px}
blockquote {
	font-size:1em;
}
#solbridge0510 blockquote {
	min-height:200px;
}
blockquote footer {
	font-size:1em;
}

@media screen and (max-width: 425px) {
	.figure img{
		width:100% !important;
	}
}
#page a.pdf[href$=".pdf"]:before {
	content: "";
	display: inline-block;
	margin-right: .2em;
	background: url(../image/icons/pdf-icon-small.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
}
.m0 {margin:0}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.mb0 {
	margin-bottom:0px;
}
.width100 {width:100%}
 @media screen and (min-width: 768px) {
	.pull-right {margin-left:15px}
}

.btn-default {
	background-image:none;
}

.modal {
	z-index:99999;
}

.btn-primary {
	background-image:none;
	background-color:none;
	border:none;
	box-shadow:none;
	-webkit-box-shadow:none;
}
.blank {
    position: static;
    top: 10px;
    display: inline-block;
    width: 13px;
    height: 14px;
    background: url(../image/blank.png) no-repeat;
    margin: -0 0 -4px 4px;
}
/* ==========================================================================
   Grid Container
   ========================================================================== */

/* ==========================================================================
   Accessibility
   ========================================================================== */
.skipToContent {
	background: #c8102e;
	color: #FFF9D9;
	font-size: .875em;  /* 14px */
	padding: .5em 1em;
	position: absolute;
	margin-left: -1000px;
}
.skipToContent:focus {
	margin-left: 0;
}
/* ==========================================================================
   General Header Styles
   ========================================================================== */

.sol-header {
	position: relative;
}
/* ==========================================================================
   Search
   ========================================================================== */

.global-search {
	background: #eee;
	display: none;
	font-size: 1em; /* 16px */
	line-height: 1.5;
	margin-top: -3em;
	overflow: hidden;
	position: relative;
	transition: margin .25s ease;
}
.global-search {
	margin-top: 3em;
}
.global-search.collapse.in {
	margin-top: 0;
}
.global-search .container {
	padding-top: .5em;
	padding-bottom: .5em;
	/* position: relative; */
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.global-search input, .global-search button {
	color: #222;
}
.global-search ::-webkit-input-placeholder {
	color: #222;
	opacity: 0.54;
}
.global-search ::-ms-input-placeholder {
	color: #888;
	opacity: 1;
}
.global-search .search-field {
	border: none;
	border-radius: 20px;
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.125), 0 0 0 1px rgba(0, 0, 0, 0.2);
	padding: .25em .75em;
	font-size: 1.125em; /* 18px */
	line-height: 1.5em;
	/* line-height: 1.5; */
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.global-search .search-field:focus {
	outline: 0;
}
.global-search label {
	margin: .25em 0 0;
	padding: .25em 0;
}
.global-search input[type='checkbox'] {
	margin-right: .25em;
}
.global-search button {
	border: none;
	border-radius: .25em;
	font-size: inherit;
	line-height: 1.5;
	padding: .25em .75em;
}
.global-search .search-submit {
	color: #FFF9D9;
	background-color: #d14e1c;
}
.global-search .search-close {
	background: none;
	color: #d14e1c;
	display: none;
	margin-right: -.75em;
}
.global-search button svg {
	display: block;
	fill: currentColor;
	float: left;
	height: 1.5em;
	margin-right: .25em;
	width: 1.5em;
}
.global-search .search-submit {
	background-color: transparent;
	border: 0;
	color: transparent;
	/*font: 0/0 a;*/
	height: 2em;
	text-indent: 999em; /* needed for older android devices */
	text-shadow: none;
	overflow: hidden;
	padding: .25em;
	width: 2em;
	position: absolute;
	top: .5em;
	right: 1.75em;
}
.global-search .search-submit svg {
	fill: #d14e1c;
	float: none;
	margin: 0;
}
.global-search .search-close svg {
}
 @media screen and (min-width: 992px) {
	.global-search .container {
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	.global-search .search-field,  .sol-header .global-search .search-submit {
		-webkit-order: -1;
		order: -1;
	}
	.global-search .search-field,  .sol-header .global-search label,  .sol-header .global-search .search-submit {
		margin-right: 1em;
	}
	.global-search label {
		margin: 0 1em 0 0;/* padding: .25em 0; */
	}
	.global-search .search-submit {
		position: static;
		margin: 0;
		margin-left: -3.25em;
		margin-right: 1.125em;
	}
	.global-search .search-close {
		display: block;
	}
}
/* ==========================================================================
   Global Navigation Container
   ========================================================================== */

.navbar {
	margin-bottom: 0;
	background: #FFF;
	border-radius: 0;
}
.navbar-brand {
	height:auto;
}
.navbar-brand img {
	height: 30px
}
.navbar-header {
	background: #FFF;
	z-index: 99999 !important;
}
.navbar-collapse {
	background: #FFF;
	z-index: 99999 !important;
}

.navbar-nav>li.active {
	background-color: #eee
}
.navbar-nav>li>a {
	font-family: 'Nanum Gothic','Malgun Gothic','Dotum','AppleGothic',sans-serif;
	font-weight: bold;
	color: #000;
	text-transform:uppercase;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #122984;
	border-color: #122984;
	color: #000
}
.dropdown-menu {
	margin-top: -1px;
	background-color: #122984;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a {
	font-family: 'Nanum Gothic','Malgun Gothic','Dotum','AppleGothic',sans-serif;
	color: #FFF
}
.navbar-nav .open .dropdown-menu {
	background: #122984
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	color: #FFF
}
.navbar-toggle .icon-bar {
	background: #000
}
.affix {
	position: fixed;
	padding: 0 !important;
	top: 0px;
	width: 100%;
	max-width: 1920px;
	z-index: 99999 !important;
	background-color: #fff;
	border-bottom: 3px solid #122984;
	border-radius: 0;
}
@media screen and (min-width: 768px) {
	.affix.navbar {
		margin:0
		}
}
.affix .navbar-brand {
	margin-top: -2px
}
.affix .navbar-brand img {
	height: 30px;
}
.navbar-collapse {
	max-height:auto
}
.navbar-collapse.in{
	overflow-y:auto
}
@media screen and (max-width: 425px) {
	.page-section h2 {
		font-size: 1.75em
	}
}

@media screen and (min-width: 768px) {
	.navbar {
		margin: 50px 0 10px 0;
		background:#FFF
	}
	.navbar-right {
		margin-right: -40px;
	}
	.navbar-brand {
		margin-top: -45px;
	}
	.navbar-brand img {
		height: 40px
	}
	.navbar .container {
		position: relative;
	}
	.global-nav {
		position: absolute;
		top: -40px;
		right: 0;
		font-size: 0.8125em;
	}
	.global-nav li {
		float: left;
		margin: 0 10px;
	}
	.navbar {
		background: #FFF
	}

	.page-section h2 {
		font-size: 3em
	}
}
@media screen and (min-width: 1024px) {
	.navbar-right {
		margin-right: -40px;
	}
	.navbar-brand {
		margin-top: -20px;
	}
	.navbar-brand img {
		height: 40px
	}
	.global-nav {
		position: absolute;
		top: -40px;
		right: 0;
		font-family: 'Nanum Gothic','Malgun Gothic','Dotum','AppleGothic',sans-serif;
		font-size: 13px;
	}
}
@media screen and (min-width: 1200px) {
	.navbar-brand img {
		height: 60px
	}
}
@media screen and (min-width: 1440px) {
	.navbar-brand img {
		height: 60px
	}
	.navbar-brand {
		margin-top: -40px;
	}
}
/* ==========================================================================
   Tactical Links
   ========================================================================== */
.nav-tactical {
	margin-right: 0;
	padding: 0
}
.nav-tactical li {
	list-style: none;
}
.nav-tactical a {
	display: block;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 0;
}
.nav-tactical a img {
	display: block;
	float: left;
	height: 16px;
	margin-right: .5em;
	width: 16px;
	margin-top:1px
}
/* ==========================================================================
   feature-slider
   ========================================================================== */

#feature-slider {
	background: #122984
}
#feature-slider .container {
	padding: 0;
}
#feature-slider div {
	overflow: hidden;
	max-height: 667px;
}
#feature-slider .slide .caption {
	padding: 20px;
	color: #122984;
	overflow: hidden;
	position: relative
}

#feature-slider .slide .caption p {color: #090b0a}
@media screen and (min-width: 1024px) {
	#feature-slider .slide .caption {
		padding: 30px;
		float:right
	}
}
#feature-slider .slide .caption .insight strong {
	font-weight: normal;
	font-size: 0.875em;
	text-transform: uppercase;
	letter-spacing: 0px;
/*	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);*/
}
#feature-slider .slide .title h2 {
	color:#090b0a;
	font-size: 1.25em;
	text-transform: uppercase;
	letter-spacing: -1px;
/*	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);*/
	margin-top: 5px
}
#feature-slider .slide .title h2 small{
	color:#FFF;
}
#feature-slider .slide .caption .meta p {
	font-size: 0.875em;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing:-0.5px
}

#feature-slider .slide .caption .meta a {
	

}

@media screen and (min-width: 1024px) {
	#feature-slider .slide .caption .meta p {
		font-size: 14px;
	}
}
#feature-slider .slide .caption .meta a {
	text-decoration: none;
}
#feature-slider .slide .caption .meta a:hover {
	color: #d14e1c;
}
#feature-slider .slide .caption .meta a span {
	color: #ed174c;
	font-weight: bold;
	font-size: 1.125em;
}

.bx-wrapper .bx-controls-direction a {z-index:999}
#feature-slider .btn-more {
	text-shadow:none;
	color: #FFF;
	background-color: transparent;
	border-color: #FFF;
	background-image:none;
	box-shadow:none;
}

#feature-slider .bx-wrapper .bx-prev {
	left: 0;
    background: url(../image/btn_prev_1.png) no-repeat;
	background-size: 32px 32px;
	opacity: 1
}
#feature-slider .bx-wrapper .bx-next {
	right: 0;
    background: url(../image/btn_next_1.png) no-repeat;
	background-size: 32px 32px;
	opacity: 1
}
#feature-slider .bx-wrapper .bx-prev:hover, #feature-slider .bx-wrapper .bx-next:hover {
	opacity: 0.8
}
/* ==========================================================================
   thumb-nav
   ========================================================================== */

#feature-slider .thumb-nav {
	width: 100%;
	text-transform: uppercase;
	padding: 0 0;
}
#feature-slider .thumb-nav ol {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
#feature-slider .thumb-nav li {
	list-style: none;
	float: left;
	background-position: center center !important;
	background-size: cover;
	width: 20%;
	height: 110px;
}
.lt-ie8 #feature-slider .thumb-nav li.last {
	display: block;
	zoom: 1;
	float: none;
	width: auto !important;
}
#feature-slider .thumb-nav li .wrap {
	padding: 50px 0;
	background: rgba(0,0,0,0.7);
	width: 100%;
}
#feature-slider .thumb-nav li.insight .wrap {
	position: relative;
	/*background: none;*/
	border: 1px dotted #ccc;
	border: 1px dotted rgba(255,255,255,0.5);
}
#feature-slider .thumb-nav li.insight .wrap:before, #feature-slider .thumb-nav li.insight .wrap:after {
	content: "";
	display: block;
	width: 8px;
	height: 14px;
	position: absolute;
	background: transparent url('img/sprite.homepage-echange-diags.png') no-repeat 0 -96px;
}
#feature-slider .thumb-nav li.insight .wrap:before {
	top: 0;
	left: 0;
	margin-top: -1px;
	margin-left: -1px;
	background-position: 0 -96px;
}
#feature-slider .thumb-nav li.insight .wrap:after {
	bottom: 0;
	right: 0;
	margin-right: -1px;
	margin-bottom: -1px;
	background-position: 0 -110px;
}
#feature-slider .thumb-nav a {
	color: #fff;
	text-decoration: none;
	text-align: center;
}
#feature-slider .thumb-nav a strong {
	display: block;
	font-weight: normal;
}
#feature-slider .thumb-nav a span {
	display: block;
	font-family: "TradeGothic Cn 18";
	padding-top: 2px;
}
/* Thumb Nav Hover Styling */
#feature-slider .thumb-nav li .wrap:hover {
	background: rgba(209,78,28,0.8) !important;
}
#feature-slider .thumb-nav li a.active .wrap {
	background: rgba(0,0,0,0.2) !important;
}
/* Thumb Nav Current Styling */
#feature-slider .thumb-nav li.current {
	background: #9b1115 url('img/bg.red-texture.png') repeat 0 0 !important;
}
#feature-slider .thumb-nav li.current a {
	/*padding: 15px 45px;*/
	padding: 15px 0;
	border: 5px solid #9b1115;
}
#feature-slider .thumb-nav li.current:before {
	content: "";
	display: block;
	width: 100%;
	height: 22px;
	position: absolute;
	top: 0;
	left: 0;
	margin: -17px auto 0;
	background: transparent url('img/sprite.homepage-nav-arrows.png') no-repeat center 0;
}
#feature-slider .thumb-nav li.insight.current {
	background: #204e94 url('img/bg.red-texture.png') repeat 0 0 !important;
}
#feature-slider .thumb-nav li.insight.current a {
	/*padding: 15px 45px;*/
	padding: 15px 0;
	border: 5px solid #9b1115;
}
#feature-slider .thumb-nav li.insight.current:before {
	background-position: center -0px;
}
#feature-slider .thumb-nav li.alumni.current {
	background: #fbac3d url('img/bg.orange-texture.png') repeat 0 0 !important;
}
#feature-slider .thumb-nav li.alumni.current a {
	/*padding: 15px 45px;*/
	padding: 15px 0;
	border: 5px solid #fbac3d;
}
#feature-slider .thumb-nav li.alumni.current:before {
	background-position: center -44px;
}
#feature-slider .thumb-nav li.event.current {
	background: #9f9c71 url('img/bg.grey-texture.png') repeat 0 0 !important;
}
#feature-slider .thumb-nav li.event.current a {
	/*padding: 15px 45px;*/
	padding: 15px 0;
	border: 5px solid #838487;
}
#feature-slider .thumb-nav li.event.current:before {
	background-position: center -88px;
}
#feature-slider .thumb-nav li.centers.current {
	background: #9f9c71 url('img/bg.gray-texture.png') repeat 0 0 !important;
}
#feature-slider .thumb-nav li.centers.current a {
	/*padding: 15px 45px;*/
	padding: 15px 0;
	border: 5px solid #9f9c71;
}
#feature-slider .thumb-nav li.centers.current:before {
	background-position: center -66px;
}
#feature-slider .thumb-nav li.news.current {
	background: #204e94 url('img/bg.blue-texture.png') repeat 0 0 !important;
}
#feature-slider .thumb-nav li.news.current a {
	/*padding: 15px 45px;*/
	padding: 15px 0;
	border: 5px solid #204e94;
}
#feature-slider .thumb-nav li.news.current:before {
	background-position: center -22px;
}


/*200728 솔브릿지 국문 메인 수정*/
.btn_200728 {background:linear-gradient(90deg, #1f317c, #1f317c,#47b7d6,#47b7d6)}
.btn_200728 ul {max-width:1170px; margin:0 auto; overflow:hidden; padding:0 15px}
.btn_200728 ul .box1 {background:#1f317c}
.btn_200728 ul .box2 {background:#47b7d6}
.btn_200728 ul .border-l {border-left: 1px solid rgba(255,255,255,0.2);}
.btn_200728 ul .border-r {border-right: 1px solid rgba(255,255,255,0.2);}
.btn_200728 ul li {list-style:none; float:left; width:25%; padding:22px}
.btn_200728 ul li p {font-size:22px; font-weight:700; color:#Fff; letter-spacing:-1px}
.btn_200728 ul li a {font-size:13px; color:#fff; opacity:0.7; letter-spacing:-1px;}
.btn_200728 ul li a:hover {opacity:0.9}
.btn_200728 ul li img {float:right; margin-top:-10px}

@media screen and (max-width: 1000px) {
	.btn_200728 ul {padding:0}
	.btn_200728 ul li {width:50%}
}

@media screen and (max-width: 540px) {
	.btn_200728 ul li p {font-size:16px}
}

.quick_200728 {position: fixed; right: 35px; top: 180px; z-index: 9999}
.quick_200728 ul {display:inline}
.quick_200728 ul li {list-style:none; margin-bottom:4px; padding:8px; background:#fff; border:1px solid #232b53; width:180px}
.quick_200728 ul .kakao_200728 {background:#fdeb30; border:1px solid #4a2d2e;}
.quick_200728 ul li a {display:inline; margin-left:7px; font-size:13px; font-weight:700; letter-spacing:-1px; color:#232b53}
.quick_200728 ul li a:hover {text-decoration:underline}
.quick_200728 ul .kakao_200728 .kakao_200728_a {color:#4a2d2e}







@media screen and (max-width: 425px) {
	#feature-slider img {
		max-width: 180% !important;
		margin-left: -80% !important;
	}
}
@media screen and (max-width: 767px) {
	#feature-slider .caption {
		background-color:#e2e4ef;
	}
}
@media screen and (min-width: 768px) {
	#feature-slider {
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	#feature-slider .slide .container {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		text-align: left;
		color: #fff;
		padding: 0 15px;
	}
	#feature-slider .slide .title h2 {
		font-size: 1.25em;
		margin-top : 5px;
	}
	#feature-slider .caption {
		max-width: 350px;
		overflow: hidden;
		margin: 30px 0 0 30px;
		background-color: rgba(0,0,0,0.5);
	}
}
@media screen and (min-width: 768px) {
	#feature-slider .slide .title h2 {
		font-size: 1.25em !important;
	}
	#feature-slider .caption {
		max-width: 440px;
		max-height: 230px;
		margin: 40px 0 0 20px;
		background-color: rgba(255,255,255,0.5);
	}
}
@media screen and (min-width: 1024px) {
	#feature-slider .slide .title h2 {
		font-size: 1.875em !important;
	}
	#feature-slider .caption {
		max-width: 440px;
		max-height: 330px;
		margin: 70px 0 0 20px;
		background-color: rgba(2550,255,255,0.5);
	}
}
@media screen and (min-width: 1440px) {
	#feature-slider .slide .title h2 {
		font-size: 1.875em !important;
	}
	#feature-slider .caption {
		max-width: 500px;
		max-height: 400px;
		margin: 120px 0 0 10px;
		background-color: rgba(255,255,255,0.5);
	}
}


.page-section {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 0 40px;
	text-align: center;
}
.page-section .section-heading {
	color:#122984;
	font-family: "PT Sans Narrow",'Nanum Gothic','Malgun Gothic','Dotum','AppleGothic',sans-serif;
}
.page-section h2 {
	line-height: 1;
	margin: 1.125em 0;
	text-transform: uppercase;
	text-align: center;
}
.section-grid {
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap
}
.section-grid > div {
	margin-bottom: 2.25em;
}
.section-grid h3 {
	font-family: "PT Sans Narrow",'Nanum Gothic','Malgun Gothic','Dotum','AppleGothic',sans-serif;
	font-size: 1.125em;
	text-align: center
}
.section-grid p {
	font-size: 0.875em;
	text-align: center
}


.sepline.xsmall {
	background: #7c7c7c;
	margin: 10px auto 16px;
	margin-top: 20px\0;
	width: 50px;
}
.infographics .sepline {
	margin: 12px auto !important;
}
.sepline {
	border: 0;
	display: block;
	height: 1px;
	margin: 0 auto;
}
.bx-wrapper {
	margin: 0;
}
.bx-wrapper .bx-viewport {
	box-shadow: none;
	border: none;
	left: 0;
	background: none;
}
.alumni {
	margin: 50px 0 0
}

.bx-loading {
	background: url('images/bx_loader.gif') center center no-repeat #122984 !important;
}
.cover-photo {
	background-image: none !important;
}
.cover-photo .caption-wrapper {
	background: #122984;
	padding: 0;
	pointer-events: none;
	transition: opacity .25s cubic-bezier(0, 0, .2, 1);
}
.cover-photo .caption-wrapper .container {
	position: relative;
}
.cover-photo h1 {
	letter-spacing: 0;
	color: white;
	display: inline-block;
	margin: 0;
 padding: .625em 1.25em .625em 0;
	position: relative;
	z-index: 1;
}
#wrap h1 {
	text-transform: uppercase;
}

/* ========================================================================
   Secondary Navigation
   ======================================================================== */

.nav-secondary {
	font-size: 0.875em;
	margin: 30px 0;
}

.nav-secondary > nav, .nav-secondary > div, #sidebar > nav, #sidebar > div, #sidebar > article {
	margin: 30px 0;
}
.nav-secondary > h2 + nav, .nav-secondary > h2 + div, #sidebar > h2 + nav, #sidebar > h2 + div, #sidebar > h2 + article, .nav-secondary > div:first-child {
	margin-top: 0;
}
.site-title, .nav-secondary > * h4, #sidebar > * h4 {
	border-bottom: 1px dotted #CBCBCB;
	border-bottom: 1px dotted rgba(0,0,0,.2);
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.125em;
	line-height: 21px;
	margin: 0 0 12px;
	padding: 0 0 12px;
	text-transform: uppercase;
}
.site-title a, .nav-secondary > * h4 a, #sidebar > * h4 a {
	color: #54585a;
}
.related-links {
	font-size: 1em;
	margin: 30px 0;
}
.related-links ul {
	list-style: none;
	list-style-image: none;
	margin: 6px 0 0;
	padding: 0;
}
.nav-secondary li, .related-links li {
	margin: 0;
	padding: 0;
}
.nav-secondary li a, .related-links li a {
	display: block;
	line-height: 21px;
	padding: 7px 10px 7px;
	background: white;
	margin-left: -10px;
	color:#000;
}
.nav-secondary a:hover{
	color:#d14e1c;
	background: #f2f2f2;
}
.nav-secondary .selected ul, .nav-secondary .opened ul {
	padding-left: 10px;
}
.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;
}

@media screen and (min-width: 1024px) {
	.nav-secondary {
		float: left;
		padding: 0 20px;
		width: 25%;
		font-family: 'Nanum Gothic','Malgun Gothic','Dotum','AppleGothic',sans-serif;/* margin-top: 0; */
	}
}
/* ========================================================================
   Sub Visual
   ======================================================================== */
#sub_visual {
	position: relative;
	overflow: hidden;
}
#sub_visual h1 {
	display:none;
	margin:0;
	font-size: 3.125em;
	font-weight: 400;
	color: #FFF;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
#sub_visual .caption-wrapper {
	background: none;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -25px;
	text-align: center;
	z-index: 13;
}
@media screen and (max-width: 425px) {
	#sub_visual img {
		max-width: 160% !important;
		margin-left: -30% !important
	}
	#sub_visual h1 {
		font-family: 'Nanum Gothic','Malgun Gothic','Dotum','AppleGothic',sans-serif;
		font-size: 2.5em;
		font-weight: 400;
		color: #FFF
	}
}
@media screen and (min-width: 768px) {
	#sub_visual h1 {
		font-family: 'Nanum Gothic','Malgun Gothic','Dotum','AppleGothic',sans-serif;
		font-size: 4.375em;
		font-weight: 400;
		color: #FFF
	}
	#sub_visual .caption-wrapper {
		margin-top: -40px;
	}
}
 @media screen and (min-width: 1024px) {
	#sub_visual {
		height: 400px
	}
}
/* Breadcrumb */
.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;
	font-size:13px;
}
.lnb_list > li > ul {
	display: none
}
#main-content {
	padding-bottom: 50px;
	font-size:0.875em
}
.page-header {
	border-bottom: none;
	padding-bottom: 0;
	margin: 0
}
#page header h1 {
	font-family: "PT Sans", "Helvetica Neue",'Nanum Gothic','Malgun Gothic','Dotum','AppleGothic',sans-serif;
	font-size: 2.25em;
	margin-top: 20px
}

#content-well {
	font-family: "PT Sans", "Helvetica Neue",'Nanum Gothic','Malgun Gothic','Dotum','AppleGothic',sans-serif;
	line-height:20px;
}

@media screen and (max-width: 425px) {
	.nav-secondary .site-title {
		background:url('../image/ico_d2off.png') no-repeat 100% 30%;
		background-size: 12px
	}
	.nav-secondary .site-title.on {
		background:url('../image/ico_d2on.png') no-repeat 100% 30%;
		background-size: 12px
	}
	.nav-secondary .lnb_list {
		display:block
	}
	
	/*#page {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
	}
	.nav-secondary {
		float: none;
		width: 100%;
		-webkit-box-ordinal-group: 99;
		-moz-box-ordinal-group: 99;
		-webkit-order: 99;
		-ms-flex-order: 99;
		order: 99;
	}*/
}



/* ==========================================================================
   General Footer Styles
   ========================================================================== */

.sol-footer {
    z-index: 100;
}
.sol-footer {
}
.sol-footer a {
    color: #FFF;
    text-decoration: none;
	font-size:0.875em;
}
.sol-footer a:hover,.sol-footer a:focus,.sol-footer a:visited:hover {
    color: #d14e1c;
    text-decoration: none;
}

/* ==========================================================================
   Site Footer
   ========================================================================== */

.site-footer{
	padding:20px 0;
	background: #122984;
	color: #FFF
}
/*.site-footer .col-sm-3 {
	border-right:1px solid rgba(255,255,255,.2);
	min-height:330px
}*/
.site-footer .social-media-list a {
	color: #FFF
}
.site-footer ul {
	list-style: none;
	padding: 0 0 20px;
}
.site-footer .nav-left {
	text-align: right;
	padding-right: 20px;
	border-right: 1px solid rgba(255,255,255,.2)
}
.site-footer .nav-right {
	text-align: left;
	padding-left: 20px;
	border-left: 1px solid rgba(255,255,255,.2)
}
.site-footer nav>ul>li>a {
	font-size: 1.125em;
	font-weight: bold;
	text-transform:uppercase;
}
.site-footer nav>ul>li>ul>li>a {
	font-size: 1em;
}
/* ==========================================================================
   Global Footer
   ========================================================================== */
.global-footer {
	padding:20px 0;
	border-top:1px solid #122984
}
.global-footer address {
	margin-top:10px;
	font-size: 0.875em;
	text-align:center;
}
.global-footer address a {
	color:#000
}
.global-footer .footer-logo {
		margin:0 auto;
	}
.global-footer .footer-logo a {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.global-footer .social-media-list {
	display: block;
	text-align: center;
}
.global-footer .social-media-list li {
	margin: 0 10px;
}

.global-footer .social-media-list a {
	color:#000
}

@media screen and (min-width: 768px) {
	.global-footer .footer-logo {
		margin:0 auto;
		width:600px;
	}
	.global-footer .footer-logo img {
		margin:0 auto;
		float:left;
	}
	.global-footer address {
		clear:both;
		text-align:center;
	}
}

footer .footer_go {
    margin-top: 20px;
    clear: both;
    font-weight: bold;
    text-align: center;
}

footer .footer_go a {
	color:#000;
}

footer .top {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 200;
	width: 45px;
	height: 45px;
	background: url('../image/arr_top.png') #000 50% 50% no-repeat;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
}
footer .top em {
	visibility: hidden
}

/* ==========================================================================
   Main Page
   ========================================================================== */
/* FIND THE RIGHT PROGRAM FOR YOU */
#program {
	background: #FFF;
}
#program h3 {
	text-align:left;
}
ul.list-chevron-big {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    text-align: left;
}
ul.list-chevron-big>li {
	margin:20px 0;
    background-position: 0 5px;
    background-repeat: no-repeat;
    font-size: 1.125em;
    padding-left: 20px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    background-image: url('../image/chevron-cta-big.png') !important;
	background-size: 8px 14px;
}
ul.list-chevron-big>li>a {
    color: #444;
    display: block;
}
ul.list-chevron-big>li>a:hover {
    color: #d14e1c;
}

#solbridge-banner {position:relative}

/* Solbridge-Moments*/
#solbridge-moments {
	background: #eee;
}
.eventboxes.moments {
	margin-top:0;
    padding: 0;
    text-align: center;
	color:#000
}
.eventboxes.moments .columns {
    padding: 0;
}
.eventboxes .eventbox {
    background: #fff;
}
.widgetbox.widget-eventbox-234, .widgetbox.widget-eventbox-234 a {
    height: auto;
}
.widgetbox {
    overflow: hidden;
}
.widgetbox>a {
    display: block;
    padding: 0;
    position: relative;
}
.eventboxes .eventbox .details {
    overflow: hidden;
    padding: 18px;
	height:130px
}
.eventboxes .eventbox img {
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
.widgetbox img.scale-portrait {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.widgetbox.widget-eventbox-234 a img.scale-landscape {
    left: 50%;
    top: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)
.arrow-image.up {
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    background-size: 20px 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx)
.arrow-image.up {
    background-image: url('../image/diamond-white2x.png') !important;
    -webkit-background-size: 20px 10px;
    -moz-background-size: 20px 10px;
    -o-background-size: 20px 10px;
    -ms-background-size: 20px 10px;
    background-size: 20px 10px;
}
.arrow-image.up {
    background-position: 0 0;
    display: block;
    bottom: 0;
    height: 10px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    background-image: url('../image/diamond-white.png') !important;
}
.arrow-image.down {
    background-position: 0 -10px;
    display: block;
    height: 10px;
    left: 50%;
    margin-left: -10px;
    top: 0;
    width: 20px;
    background-image: url('../image/diamond-white.png') !important;
}
.arrow-image {
    background-repeat: no-repeat;
    position: absolute;
}
.eventboxes .eventbox .details p {
    margin-bottom: 5px;
}
.eventboxes.moments .eventbox .details img {
    width: 35px;
}
.eventboxes.moments .eventbox .details .iguser {
    color: #122984;
    text-transform: ;
	font-size:1.125em;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
}
.eventboxes.moments .eventbox .details p.maxlines {
    /*height: 38px !important;*/
    overflow: hidden;
}
@media screen and (min-width: 1024px) {
	.eventboxes.moments .eventbox .details p.maxlines {
		font-size:1em
	}
}
@media screen and (max-width: 425px) {
	.eventboxes.moments .eventbox .details p.maxlines {
		font-size:13px
	}
}
.eventboxes .eventbox .details p:last-child {
    margin: 0;
}
.eventboxes.moments .eventbox .cover {
    background: rgba(18,41,132,0);
    background-image: url('../image/transparent-black65.png') \9;
    background-repeat: repeat\9;
    color: #fff;
    cursor: pointer;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    padding: 80px 20px 20px;
    position: absolute;
    width: 100%;
    z-index: 100;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
.eventboxes.moments .eventbox .cover:hover {
    opacity: 1;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
.eventboxes.moments .eventbox .cover img {
    width: 35px;
}
.bgfade.dark {
    background: url('../image/fade-dark.png') 0 bottom repeat-x;
}
.bgfade {
    background: url('../image/fade.png') 0 bottom repeat-x;
    bottom: 0;
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.carousel-control {
    background-image: none !important;
    cursor: pointer;
    display: block;
    margin-top: -18px;
    opacity: 1;
    text-shadow: none;
    top: 50%;
    width: 28px;
    z-index: 300;
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.left.carousel-control, .right.carousel-control {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
}

.carousel-control.arrow-slide-lt span {
    background-repeat: no-repeat;
    background-position: 0 0;
	background-size : 32px 32px;
    display: block;
    height: 32px;
    left: -30px;
    position: relative;
    width: 32px;
    background-image: url('../image/btn_prev.png') !important;
}
.carousel-control.arrow-slide-gt span {
    background-repeat: no-repeat;
    background-position: 0 0;
	background-size : 32px 32px;
    display: block;
    height: 32px;
    position: relative;
    right: -28px;
    width: 32px;
    background-image: url('../image/btn_next.png') !important;
}
.carousel-control.arrow-slide-lt span {
    left: -14px;
}
.carousel-control.arrow-slide-gt span {
    right: -14px;
}
.grid-image-wrapper {
	border: 1px solid #7d7d7d
}

/* 
#solbridge-moments a {
	color: #FFF
}
#solbridge-moments h3 {
	margin: 20px 0
}
#solbridge-moments .bx-wrapper img {
	width: 100%;
}
#solbridge-moments .grid-image-wrapper {
	height: 330px;
	overflow: hidden;
	background: #FFF;
	box-sizing: border-box;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3)
}
#solbridge-moments .caption {
	overflow: hidden;
	color: #000;
}
#solbridge-moments .caption p {
	display: block;
	height: 80px;
	overflow: hidden;
}*/

/* Fast Facts*/
#fast-facts .infographics {
	margin-bottom: 20px;
	text-align: center;
}
#fast-facts .infographics .icon {
	display: block;
	margin: 0 auto;
}
#fast-facts .infographics .icon img{
	width:48px;
	height:48px;
}
#fast-facts .infographics .sepline {
	margin: 12px auto !important;
}
#fast-facts .infographics .numbers {
	font-family: "PT Sans";
	color: #d14e1c;
	display: block;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
#fast-facts .infographics .description {
	font-size: 1.0625em;
	margin: 20px auto 0;
	text-transform: uppercase;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 320px) {
	#fast-facts .infographics .description {
		font-size: 0.9375em;
	}
	#fast-facts .infographics .numbers {
		font-size: 2.5em;
	}
	}
 @media only screen and (min-width: 768px) {
	#fast-facts .infographics .numbers {
		font-size: 3.75em;
	}
}
@media only screen and (min-width: 1024px) {
	#fast-facts .infographics .description {
		font-size: 1em;
	}
	#fast-facts .infographics .numbers {
		font-size: 5em;
	}
}


/* ==========================================================================
   Sub Page
   ========================================================================== */

/* Quick Facts*/

.qf-chart > div > div > img {
	margin: 0 auto;
}
.qf-chart2 {
	text-align: center
}
.qf-chart > div {
	margin-bottom: 30px;
	text-align: center
}
.qf-chart > div > p {
	padding:10px 0
}
.qf-chart > div > div {
	padding: 10px;
	min-height: 230px;
	border: 1px solid #d9d9d9;
	text-align: center;
	overflow:hidden
}
.qf-chart .num {
	margin:60px 0 10px;
	font-size: 4.375em;
	letter-spacing: -2px;
}
.qf-chart .txt {
	margin-top: 30px;
}




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



/* Alumni_Testimonial*/

.tab-content {
	margin: 20px 0
}
.Alumni_Testimonial {
	overflow: hidden;
}
.Alumni_Testimonial img {
	width: 130px
}
.Alumni_Testimonial .pull-left {
	margin-right: 20px;
}
.Alumni_Testimonial blockquote {
	min-height:200px;
}
/* ACHIEVEMENTS */
.achieve a {
	color:#000
}
.achieve a:hover {
	color:#d14e1c
}




/* Brochure */
.assent_box h4 {font-size:1em}
.assent_box strong {color:#0d4e96}
.redMarker {color:red}
.fsRequiredMarker {color:red}


.width49 {width:49%; height:220px}
.mr2 {margin-right:2%}

@media screen and (max-width:1024px) {
	.width49 {width:100% !important; height:auto !important}
	.mr2 {margin-right:0 !important}
}







@media screen and (max-width:1920px) {	
	.navbar-brand {
		margin-top: -40px;
	}
	.navbar-brand img {
		height: 60px
	}
}
@media screen and (max-width:1200px) {	
	.navbar-brand {
		margin-top: -35px;
	}
	.navbar-brand img {
		height: 60px
	}

	}
@media screen and (max-width:991px) {
	.nav>li>a {padding:10px 10px}
	.navbar-brand {
		margin-top: -25px;
	}
	.navbar-brand img {
		height: 40px
	}
}
@media screen and (max-width:768px) {
	.navbar-brand {
		margin-top: 0px;
	}
	.navbar-brand img {
		height: 30px
	}
	.navbar-toggle {margin-top:12px}
}


.tabWrap2 {overflow:hidden; text-align:center; position:relative; top:0px; right:0; width:100%}
.tabWrap2 a {display:inline-block; text-align:center; background:#f7f8fa; border:1px solid; border:1px solid #dbdbdb; color:#4e4e4e; padding:8px 15px; margin:0 2px; font-size:12px; font-weight:600}
.tabWrap2 a:hover {background:#0d4e96; color:#fff}

.sub_viewer {border:1px solid #ddd; margin-top:30px}

@media screen and (max-width:768px) {
	.sub_viewer {display:none}
	.tabWrap2 a {display:block; margin:5px 0}
}



.popupWrap {position:fixed; width:100%; height:100%; z-index:999999; background:rgba(18,41,132,0.97); top:0; left:0}
.popupWrap > section {width:940px; margin:50px auto 0 auto; overflow:hidden}
.popupWrap > section .pop01 {width:460px; float:left; margin:0 20px 20px 0}
.popupWrap > section .pop02 {width:460px; float:left; margin:0 0 20px 0}
.popupWrap > section .pop03 {width:300px; float:left; margin:0 20px 20px 0}
.popupWrap > section .pop04 {width:300px; float:left; margin:0 20px 20px 0}
.popupWrap > section .pop05 {width:300px; float:left; margin:0 0 20px 0}
.popupWrap .popClose {position:absolute; top:50px; right:50px}
.popupWrap .popToday {clear:both; color:#fff; text-align:center; font-size:13px}
.popupWrap .popToday input {vertical-align:middle; margin:0}


.popupWrap_n {position:absolute; width:100%; z-index:999; top:0; left:0}
.popupWrap_n > section {max-width:745px; margin:0 auto; padding:25px 25px 15px 25px; background:rgba(85,85,85,0.8); position:relative}
.popupWrap_n > section .pop01 {width:340px; float:left; margin:0 15px 12px 0}
.popupWrap_n > section .pop02 {width:340px; float:left; margin:0 0 12px 0}
.popupWrap_n > section .pop03 {width:220px; float:left; margin:0 17px 10px 0}
.popupWrap_n > section .pop04 {width:220px; float:left; margin:0 17px 10px 0}
.popupWrap_n > section .pop05 {width:220px; float:left; margin:0 0 10px 0}
.popupWrap_n .popClose {position:absolute; top:0; right:-68px; background:rgba(85,85,85,0.8); padding:25px 20px 20px 0}
.popupWrap_n .popToday {clear:both; color:#fff; text-align:center; font-size:13px}
.popupWrap_n .popToday input {vertical-align:middle; margin:0}

.popupWrap_n2 {position:absolute; width:100%; z-index:999; top:0; left:0}
.popupWrap_n2 > div > section {max-width:1140px; margin:0 auto; padding:45px 0; background:rgba(3,8,33,0.5); position:relative; overflow:hidden; height: 500px;}
.popupWrap_n2 > section .pop01 {width:340px; float:left; margin:0 15px 12px 0}
.popupWrap_n2 > section .pop02 {width:340px; float:left; margin:0 0 12px 0}
.popupWrap_n2 > section .pop03 {width:220px; float:left; margin:0 17px 10px 0}
.popupWrap_n2 > section .pop04 {width:220px; float:left; margin:0 17px 10px 0}
.popupWrap_n2 > section .pop05 {width:220px; float:left; margin:0 0 10px 0}
.popupWrap_n2 .PopupBtn_Wrap {width: 1140px; margin: 0 auto; position: relative}
.popupWrap_n2 .PopupBtn {position:absolute; right:0}
.popupWrap_n2 .bx-wrapper {background:none !important}


/*2020-07-28 팝업수정*/
#layerPopup3 > div {text-align:center}
.pop01_200728 {width:320px; display:inline-block; margin-right:40px; text-align:left; height: 378px}
.pop01_200728 .pop_text {padding:24px; background: #fff; height:176px}
.pop01_200728 .pop_text .pop_title {font-size:28px; font-weight:700; letter-spacing:-3px; color:#252525}
.pop01_200728 .pop_text .pop_sub {font-size:18px; letter-spacing:-1px; color:#252525; margin-bottom: 5px}
.pop01_200728 .pop_text .pop_p {font-size:14px; letter-spacing:-0.5px; color:#252525}
.pop01_200728 .pop_text a {font-size:13px; color:#122984; font-weight:700; letter-spacing:-1px}
.pop01_200728 .pop_text a:hover {opacity:0.7}

.pop02_200728 {width:320px; display:inline-block; margin-right:40px; text-align:left; height: 378px}
.pop02_200728 .pop_text {padding:24px; background: #fff; height:176px}
.pop02_200728 .pop_text .pop_title {font-size:28px; font-weight:700; letter-spacing:-3px; color:#252525}
.pop02_200728 .pop_text .pop_sub {font-size:18px; letter-spacing:-1px; color:#252525; margin-bottom: 5px}
.pop02_200728 .pop_text .pop_p {font-size:14px; letter-spacing:-1px; color:#252525}
.pop02_200728 .pop_text a {font-size:13px; color:#0eacd9; font-weight:700; letter-spacing:-1px}
.pop02_200728 .pop_text a:hover {opacity:0.7}

.pop03_200728 {width:320px; display:inline-block; text-align:left}
.pop03_200728 .pop_text {padding:33px 35px; background:url('../popup/pop03_logo.png' ) #2f3688 center center no-repeat; height: 378px}
.pop03_200728 .pop_text .pop_title_t {font-size:32px; letter-spacing:-3px; color:#fff; margin-bottom: 0;}
.pop03_200728 .pop_text .pop_title {font-size:32px; font-weight:700; letter-spacing:-1px; color:#fff}
.pop03_200728 .pop_text .pop_sub {font-size:18px; letter-spacing:-1px; color:#fff887}
.pop03_200728 .pop_text .pop_p {font-size:14px; color:#fff; line-height:1.7em}
.pop03_200728 .pop_text a {font-size:13px; color:#fff; font-weight:700; letter-spacing:-0.5px}
.pop03_200728 .pop_text a:hover {opacity:0.7}

#solbridge-banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #solbridge-banner .bx-wrapper .bx-pager.bx-default-pager a.active, #solbridge-banner .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #fff;}
#solbridge-banner .bx-wrapper .bx-pager.bx-default-pager a {
		background: rgba(255,255,255,.4);
		text-indent: -9999px;
		display: block;
		width: 9px;
		height: 9px;
		margin: 0 5px;
		outline: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
}

#layerPopup3 .bx-controls-direction {display:none}

/* Quick Facts*/

.amChart > div {
	text-align: center
}
.amChart > div > p {
	padding:10px 0
}
.amChart > div > div {
	position:relative;
	min-height:300px;
	border: 1px solid #d9d9d9;
	text-align: center;
	overflow:hidden
}
.amChart .num {
	margin-top:30%;
	font-size: 4.375em;
	letter-spacing: -2px;
}
.amChart .txt {margin-top:20px}
.amcharts-chart-div a {display:none !important;}

.privacyStyle {font-size:16px !important; font-weight:600 !important; color:red !important}

.tCen {text-align:center}
.vMid {vertical-align:middle !important}

/* faq */
.faq{border-top:2px solid #898989}
.faq dt{padding:12px 20px 10px 50px;background: url(../img/ic_q.png) no-repeat 13px 50%;line-height:18px;border-bottom:1px solid #d7d7d7}
.faq dt a{color:#000;display:block}
.faq dd{padding:12px 20px 10px 50px;background: url(../img/ic_a.png) no-repeat 13px 10px;line-height:18px;border-bottom:1px solid #d7d7d7}

.univ_box{padding:20px 20px 20px 225px;border:1px solid #d6d6d6;overflow:hidden;margin-top:10px}
.univ_box p{margin:10px 0}
.univ_box .box_btn{float:right;margin-top:4px}
.univ_box .box_btn li{float:left;height:33px;background-color:#0d4e96;margin-left:10px;padding-right:12px}
.univ_box .box_btn li a{display:block;padding:0 15px;height:33px;line-height:33px;color:#fff;font-weight:bold;background: url(../img/red_btn.png) no-repeat 100% 50%}
.univ_box.uni01{background: #f8f8f8 url(../img/uni01.jpg) no-repeat 20px 20px}
.univ_box.uni02{background: #f8f8f8 url(../img/uni02.jpg) no-repeat 20px 20px}
.univ_box.uni03{background: #f8f8f8 url(../img/uni03.jpg) no-repeat 20px 20px}
.univ_box.uni04{background: #f8f8f8 url(../img/uni04.jpg) no-repeat 20px 20px}
.univ_box.uni05{background: #f8f8f8 url(../img/uni05.jpg) no-repeat 20px 20px}
.univ_box.uni06{background: #f8f8f8 url(../img/uni06.jpg) no-repeat 20px 20px}
.univ_box.uni07{background: #f8f8f8 url(../img/uni07.jpg) no-repeat 20px 20px}

.tbl_skin1 {width:100%; background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; font-size:12px}
.tbl_skin1 thead th {padding:2px 5px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#000;background-color:#f8f8f8; text-align:center; vertical-align:middle}
.tbl_skin1 tbody th {padding:2px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8; text-align:center; vertical-align:middle; line-height:20px}
.tbl_skin1 tbody td {padding:2px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; line-height:20px; text-align:center}
.tbl_skin1 tfoot th {padding:2px 5px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;color:#555;background-color:#f8f8f8}
.tbl_skin1 .tl {text-align:left}

.tbl_skin2 {width:100%; background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; font-size:14px}
.tbl_skin2 thead th {padding:8px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#000;background-color:#f8f8f8; text-align:center; vertical-align:middle}
.tbl_skin2 tbody th {padding:8px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8; text-align:center; vertical-align:middle; line-height:20px}
.tbl_skin2 tbody td {padding:8px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; line-height:20px; text-align:center}
.tbl_skin2 tfoot th {padding:8px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;color:#555;background-color:#f8f8f8}
.tbl_skin2 .tl {text-align:left}

.tbl_input {width:100%; background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; font-size:12px}
.tbl_input thead th {padding:5px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#000;background-color:#f8f8f8; text-align:center; vertical-align:middle}
.tbl_input tbody th {padding:5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f8f8f8; text-align:center; vertical-align:middle; line-height:20px}
.tbl_input tbody td {padding:5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; line-height:20px; text-align:left}
.tbl_input tfoot th {padding:5px; border-bottom:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd;color:#555;background-color:#f8f8f8}

.inputStyle {height:26px; width:100%; max-width:150px; margin:2px 0; vertical-align:middle; padding:0 5px}
.inputStyle.width50 {max-width:50px}
.inputStyle.width60 {max-width:60px}
.inputStyle.width80 {max-width:80px}
.inputStyle.width100 {max-width:100%}

.radioStyle {vertical-align:sub; margin:0}
.checkbox label, .radioWrap label {margin-right:10px; padding:0}
.btns {margin:0; padding:0}
.btns li {list-style:none; text-align:center}

/* mainFixPop */
.mainFixPop {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; background:rgba(0,0,0,0.9); overflow-y:auto;}
/*.mainFixPop .inner {max-width:1380px; margin:50px auto 0 auto; box-sizing:border-box; position:relative; padding-bottom:80px; text-align:center} 4개씩 */
.mainFixPop .inner {max-width:1020px; margin:50px auto 0 auto; box-sizing:border-box; position:relative; padding-bottom:80px; text-align:center}
/*.mainFixPop .inner > div {display:inline-block; margin:8px; width:calc(25% - 20px)} 4개씩*/
.mainFixPop .inner > div {display:inline-block; margin:8px; width:calc(33.33% - 20px)}
.mainFixPopClose {position:absolute; left:0; bottom:20px; width:100% !important; text-align:center; margin:0 !important}
.mainFixPopClose a {display:inline-block; border:1px solid #fff; color:#fff; padding:12px 30px; font-size:16px; transition:.3s}
.mainFixPopClose a i {margin-left:10px; font-size:20px; vertical-align:bottom}
.mainFixPopClose a:hover, .mainFixPopClose a:focus {background:#fff; color:#333}



@media screen and (max-width:767px) {
	.responstable th, .responstable td {display:block; width:auto; border-right:none !important}
}

.datetimepicker {background:#fff !important; left:940px !important}
.add-on {display:inline-block; border:1px solid #ccc; height:26px; width:26px; margin: 2px 0; vertical-align:middle; background:#eee url('../image/icon_cal.gif') center center no-repeat}
.datetimepicker-dropdown-bottom-right:before, .datetimepicker-dropdown-bottom-right:after {left:160px !important}
/*.dropdown:hover>.dropdown-menu {display:block}*/
.centerPop {position:absolute; top:0; left:0; width:100%}
.centerPop img {margin:20px auto}

.centerPop1 {position:absolute; top:28%; left:0; width:100%}
.centerPop1 img {margin:20px auto}

.centerPopWrap {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99999}

.listRect {padding-left:5px}
.listRect > li {background:url('../image/list_rect.png') left 9px no-repeat; line-height:160%; padding-left:15px; list-style:none}
.listRect > li > ul {padding-left:5px}
.listRect > li > ul > li {background:url('../image/list_circle.png') left 9px no-repeat; line-height:160%; padding-left:15px; list-style:none}
.listRect > li > ul > li > ul {padding-left:5px}
.listRect > li > ul > li > ul > li {background:url('../image/list_bar.png') left 10px no-repeat; line-height:160%; padding-left:15px; list-style:none}

.olList {padding-left:20px}
.olList > li > .listRect {padding-left:5px}

.listCircle {padding-left:5px}
.listCircle > li {background:url('../image/list_circle.png') left 9px no-repeat; line-height:160%; padding-left:15px; margin-bottom:5px; list-style:none}
.listBar {padding-left:5px}
.listBar > li {background:url('../image/list_bar.png') left 10px no-repeat; line-height:160%; padding-left:15px; margin-bottom:5px; list-style:none}

.table-bordered>thead>tr>th {border-bottom:none}
.table-bordered .vertical-middle {vertical-align:middle}

.login_box .id_box label {width:80px}
.login_box .pw_box label {width:80px}
.login_box .id_box input {width:calc(100% - 80px)}
.login_box .panel-body {padding:30px 81px}

.font16 div a {font-size:16px !Important}
@media screen and (max-width:500px) {
	.login_box .panel-body {padding:30px}
}
@media screen and (max-width:378px) {
	.login_box .panel-body {padding:30px 20px}
	.login_box .inputStyle.width60 {max-width:45px}
}

.content_top {position:relative}
.admPop {position:absolute; top:90px; left:120px; z-index:9999}
.cBox {vertical-align:sub}

.kakao {padding:6px 0}
.kakao a {color:#3c1e20 !important; font-size:12px; padding:5px 10px 5px 35px !important; vertical-align:middle; display:inline-block; background:url('../img/kakaoIcon.png') 12px center #fce000 no-repeat !important; border-radius:5px; font-weight:bold}

.headerKakao {vertical-align:middle; background:url('../img/kakaoIcon.png') 12px center #fce000 no-repeat !important; font-weight: bold; padding-left:36px !important}
.headerKakao a {color:#3c1e20 !important}
.headerKakao2 {vertical-align:middle; background:#fce000 !important; font-weight: bold}
.headerKakao2 a {color:#3c1e20 !important}
.headerOnline {vertical-align:middle; background:url('../img/OnlineIcon.png') 12px center #337ab7 no-repeat !important; font-weight: bold; padding-left:36px !important}
.headerOnline a {color:#fff !important}
.headerOnline2 {vertical-align:middle; background:#337ab7 !important; font-weight: bold}
.headerOnline2 a {color:#fff !important}

@media screen and (max-width:1140px) {
	.admPop {left:0px}
	.pop01_200728 { margin-right: 10px}
	.pop02_200728 { margin-right: 10px}
}
@media screen and (max-width:767px) {
	.admPop {top:0px}
	.kakao {padding:0}
	.kakao a {margin-top:-4px}
	.nav-tactical li {display:inline-block}
	.nav-tactical a {padding:2px 10px; background:#ddd; border-radius:5px}
}


.onlineAdm {margin-top:20px}
.onlineAdm .col-md-4 > a {display:block}
.onlineAdm .col-md-4 > a img {transition:.3s}
.onlineAdm .col-md-4 > a:hover img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.onlineAdm .col-md-4 > a > p {margin-top:7px; font-size:15px; color:#000}




#HeaderWrap {transition:.3s}
#HeaderWrap.fixed {position:fixed; top:0; left:0; width:100%; z-index:99999; background:rgba(255,255,255,0.9); box-shadow:0 0 10px 0px #0006;}
#HeaderWrap.fixed #header-Gnb section {padding:10px}

#header-Top {background:#122984; font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic','돋움','Dotum','AppleGothic',sans-serif}
#header-Top section {max-width:1140px; margin:0 auto; overflow:hidden; font-size:11px; color:#fff; line-height:30px}
#header-Top section .headerTopLeft {list-style:none; margin:0; padding:0; border-left:1px solid rgba(255,255,255,0.2); float:left}
#header-Top section .headerTopLeft li {padding:0 15px; float:left; border-right:1px solid rgba(255,255,255,0.2); transition:.3s}
#header-Top section .headerTopLeft li:hover {background:rgba(255,255,255,0.1)}
#header-Top section .headerTopLeft li a {color:#fff; text-decoration:none}
#header-Top section .headerTopLeft li .flagStyle {vertical-align:sub; margin-right:5px}
#header-Top section .headerTopRight {list-style:none; margin:0; padding:0; border-left:1px solid rgba(255,255,255,0.2); float:right}
#header-Top section .headerTopRight li {padding:0 15px; float:left; border-right:1px solid rgba(255,255,255,0.2); transition:.3s}
#header-Top section .headerTopRight li:hover {background:rgba(255,255,255,0.1)}
#header-Top section .headerTopRight li a {color:#fff; text-decoration:none}
#header-Top section .headerTopRight li .snsStyle {font-size:14px; vertical-align:middle}

#header-Gnb {}
#header-Gnb section {max-width:1140px; margin:0 auto; padding:24px 0; position:relative}
#header-Gnb section:after {content:""; display:block; clear:both}
#header-Gnb section h1 {margin:0; padding:0; float:left}
#header-Gnb section h1 > a.btn_side {display:none; float:right; width:12%; color:#000; font-size:24px; text-align:right; margin-top:9px}
#header-Gnb section > .gnb {margin:0; padding:0; float:right; list-style:none}
#header-Gnb section > .gnb > li {float:left; position:relative; font-size:16px; padding-left:20px; cursor:pointer}
#header-Gnb section > .gnb > li > a {display:block; padding:10px 12px; color:#000; font-weight:700; text-transform:uppercase}
#header-Gnb section > .gnb > li:hover > a {background:#122984; color:#fff; text-decoration:none}
#header-Gnb section > .gnb > li.active > a {background:#122984; color:#fff}
#header-Gnb section > .gnb > li > ul {margin:0; padding:5px 0; list-style:none; position:absolute; top:100%; right:0; z-index:1000; float:right; min-width:174px; background:#122984; display:none}
#header-Gnb section > .gnb > li > ul > li > a {color:#fff; display:block; padding:3px 10px; font-size:14px; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(218, 218, 218,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
#header-Gnb section > .gnb > li > ul > li > a:hover {color:#000; background-position:-100% 0;}
#header-Gnb section .tit {display:none; padding:15px 20px; background:#fff; overflow:hidden; margin:0; font-size:18px}
#header-Gnb section .tit > i {float:right; font-size:20px}
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:rgba(0,0,0,0.6)}

.bx-wrapper {box-shadow:none; border:none}

.underline {text-decoration:underline !important; text-underline-position:under}

.mainPopWrap {position:fixed; z-index:999999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.95)}
.mainPopWrap > .inner {display:block; vertical-align:middle; height:100%; width:100%; text-align:center; margin:0 auto; max-width:1280px; margin-top:100px}
.mainPopWrap > .inner > ul {border:5px solid #fff; padding:30px; margin:0 auto; box-sizing:border-box; background:rgba(0,0,0,0.6);}
.mainPopWrap > .inner > ul > li {display:inline-block; vertical-align:top; margin:0}
.closeWrap {display:block; background:#fff; color:#000; padding:10px 10px; margin:0 auto; border:5px solid #fff; box-sizing:border-box; font-size:16px; font-weight:500; ; display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between}
.mainPopClose, .subPopClose {color:#b82841}


.THEWrap {display:none; position:fixed; width:100%; height:100%; background:rgba(0, 0, 0, 0.9); top:0; left:0; z-index:99999999999; padding:50px 50px; box-sizing:border-box}
.THEWrap.active {display:block}
.THEWrap .innerWrap {max-width:500px; margin:0 auto; position:relative; word-break:keep-all}
.THEWrap .innerWrap .inner {width:100%; overflow-y:scroll; height:calc(100vh - 100px); background:#fff; padding:40px 20px; box-sizing:border-box}
.THEWrap .innerWrap .inner h2 {margin:0; font-size:30px; font-weight:900; line-height:34px}
.THEWrap .innerWrap .inner h3 {margin:10px 0 0 0; font-size:18px; font-weight:600}
.THEWrap .innerWrap .inner p {font-size:15px; font-weight:400; line-height:140%}
.THEWrapClose {margin:30px 0 0 0; text-align:center}
.THEWrapClose > a {display:inline-flex; align-items:center; justify-content:center; background:#122984; padding:0 30px; height:40px; font-size:14px; color:#fff; font-weight:700}

.popFlex {display:flex}

.f_logo {width:100%}


/* 반응형 */
@media screen and (max-height:900px) {
	#MainVisualWrap .MainVisual {height:550px}
}
@media screen and (max-width:1139px) {
	#header-Gnb section {padding:20px 15px}
	#header-Gnb section h1 {float:none}
	#header-Gnb section h1 > a.logo {float:left; width:88%; display:block}
	#header-Gnb section h1 > a.btn_side {display:block}
	#header-Gnb section > .gnb {display:none; position:fixed; top:0; right:0; width:300px; height:100%; z-index:99999; float:none; background:#122984}
	#header-Gnb section > .gnb li {float:none; padding:0}
	#header-Gnb section > .gnb > li > a {margin-left:0; border-bottom:1px solid rgba(255,255,255,0.5); color:#fff}			
	#header-Gnb section > .gnb > li:hover > a {background:#010744; color:#fff}
	#header-Gnb section > .gnb > li.active > a {background:#010744; color:#fff}
	#header-Gnb section > .gnb > li > ul {position:inherit; float:none; background:#ddd}
	#header-Gnb section > .gnb > li > ul > li > a {padding:3px 15px; color:#000; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(192, 192, 192,1) 50%);}
}

@media screen and (max-width:1024px) {
	.mainPopWrap > .inner {overflow-y:auto; width:100%; margin-top:0}
	.mainPopWrap > .inner > ul {padding:30px}
	.popFlex {flex-wrap:wrap; max-width:300px}
}

@media screen and (max-width:768px) {
	/*#header-Top {overflow-x:scroll}*/
	/*#header-Top section {width:800px}*/
	#header-Top section .headerTopRight {float:left}
	.mobilePopLeft {top:117px !important; left:0 !important; right:inherit !important; width:100%}
	.mobilePopLeft > div {width:100% !important}
	.mainPopWrap > .inner > ul {padding:15px 0}
	.f_logo {height:auto; width:100%}
}

@media screen and (max-width:1099px) {
	.mainFixPop .inner > div {width:calc(33.33% - 20px)}
}
@media screen and (max-width:600px) {
	.mainFixPop .inner > div {width:calc(50% - 20px)}
}
@media screen and (max-width:425px) {
	.mainFixPop .inner > div {width:calc(100% - 20px)}
}